@charset "utf-8";
/*@import url('font/fs_font.css'); 내부 폰트적용시 */

/***********************/
/* 공통 */
/***********************/
a {transition:all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000);transition-timing-function:cubic-bezier(0.770, 0.000, 0.175, 1.000);}
.wrap {width:clamp(0px,96%,1720px);margin:0 auto;}

/* 스크롤 효과 */
.scroll_on {opacity:0;transition: all 1s;}
.scroll_on.active {opacity:1 !important;transform:translate(0, 0) !important;}
.scroll_on.type_top {transform:translate(0, -50px);}
.scroll_on.type_bottom {transform:translate(0, 50px);}
.scroll_on.type_left {transform:translate(-50px, 0);}
.scroll_on.type_right {transform:translate(50px, 0);}


/***********************/
/* 헤더영역 */
/***********************/
#fs_header {position:fixed;z-index:10;top:0;left:0;background:#fff;width:100%;transition:all .4s ease-in-out;}
#fs_header.scroll_hide {transform:translateY(-200%);}
#fs_header.scroll {box-shadow:0 1px 1px 0 rgba(0,0,0,.05);}
.fs_head {margin:0 4rem;padding:0 2rem;height:10rem;display:flex;justify-content:space-between;align-items:center;}
	@media only screen and (max-width:1199px){
		.fs_head {margin:0 4rem;padding:0;}
	}
	@media only screen and (max-width:1023px){
		.fs_head {margin:0 2rem;height:7rem;}
	}

/* 로고 */
.logo > a {display:flex;height:100%;align-items:center;}
	@media only screen and (max-width:425px){
		.logo > a img {max-width:20rem;}
	}

/* 주메뉴-1뎁스 */
.fs_top_menu .lnb {display:flex;}
.fs_top_menu .lnb > li {position:relative;overflow:hidden;}
.fs_top_menu .lnb > li .lnb_title {display:flex;justify-content:center;align-items:center;height:4rem;font-weight:500;color:#000;padding:0 4rem;}
	@media only screen and (max-width:1199px){
		.fs_top_menu .lnb > li .lnb_title {padding:0 2rem;}
	}
	@media only screen and (max-width:1023px){
		.fs_top_menu {display:none;}
	}

/* 주메뉴-2뎁스 */
.fs_top_menu .lnb > li .lnb_layer01 {position:absolute;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;width:178px;gap:.5rem;padding:2rem 2.5rem;border-radius:8px;background:#0572e3;opacity:0;margin-top:1rem;transition:opacity .2s ease-out, margin-top .2s ease-out;}
.fs_top_menu .lnb > li .lnb_layer01 a {font-weight:500;font-size:1.7rem;color:#a4c0f1;display:flex;padding:.5rem;white-space:nowrap;transition:color .2s;}
.fs_top_menu .lnb > li .lnb_layer01 a:is(:hover,:focus,:active) {font-weight:600;color:#fff;}

/* 주메뉴-오버 */
.fs_top_menu .lnb > li:has(a:hover,a:focus,a:active), .fs_top_menu .lnb > li:is(:hover,:focus,:active) {overflow:visible;z-index:1;}
.fs_top_menu .lnb > li:has(a:hover,a:focus,a:active) .lnb_layer01, .fs_top_menu .lnb > li:is(:hover,:focus,:active) .lnb_layer01 {opacity:1;margin-top:0;}

/* 글로벌 */
.global_box {display:flex;align-items:center;gap:3.6rem;}
.global_box .lang_btn {display:flex;align-items:center;gap:.6rem;background:#0572e3;border-radius:2rem;line-height:4rem;padding:0 2rem;}
.global_box .lang_btn span {font-size:1.4rem;color:#fff;}

/* 사이트맵 */
#all_menu {display:flex;position:fixed;top:0;left:0;opacity:0;z-index:25;width:100%;height:100vh;overflow:hidden;visibility:hidden;background-color:#fff;pointer-events:none;transition:opacity 0.3s;}
#all_menu .all_menu_top {display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;left:0;width:100%;height:10rem;padding:0 6rem;}
#all_menu .all_menu_logo a {display:flex;align-items:center;mix-blend-mode:multiply;}
#all_menu .all_menu_left {display:flex;flex-direction:column;justify-content:flex-end;max-width:30%;width:56rem;padding:6rem;background:url("../../images/fs/layout/allmenu_bg.png") no-repeat center/cover;color:#fff;}
#all_menu .all_menu_contact {padding-bottom:2.4rem;margin-bottom:2.4rem;border-bottom:1px solid rgba(255,255,255,.4);}
#all_menu .all_menu_contact li {display:flex;margin-bottom:1.2rem;font-size:1.6rem;line-height:2rem;}
#all_menu .all_menu_contact li:last-child {margin-bottom:0;}
#all_menu .all_menu_contact li em {flex-shrink:0;font-weight:700;width:7rem;}
#all_menu .all_menu_contact li a {color:#fff;}
#all_menu .copy {opacity:.6;font-size:1.6rem;line-height:2rem;}
#all_menu .all_menu_right {flex-grow:1;padding:14.0rem 10.0rem 10.0rem;}
#all_menu .all_menu_right .menu_list {height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#e0e0e0 transparent;}
#all_menu .all_menu_right .lnb::-webkit-scrollbar {width:4px;height:4px;}
#all_menu .all_menu_right .lnb::-webkit-scrollbar-thumb {border-radius:50px;background-color:#e0e0e0;}
#all_menu .lnb > li {display:flex;padding:5rem 0;border-bottom:1px solid #e0e0e0;cursor:pointer;} /* 1뎁스 시작 */
#all_menu .lnb > li:last-child {border-bottom:none;}
#all_menu .lnb > li:hover > a, #all_menu .lnb > li.active > a {color:#0572e3;text-decoration:none;}
#all_menu .lnb > li > a {width:25rem;height:100%;font-size:2.4rem;font-weight:700;color:#222;line-height:1.25;transition:.2s;} /* 1뎁스 끝 */
#all_menu .lnb > li > ul {display:flex !important;height:auto !important;flex-wrap:wrap;flex-grow:1;gap:4.0rem 0;} /* 2뎁스 시작 */
#all_menu .lnb > li > ul > li {width:33.333%;padding-right:2.0rem;}
#all_menu .lnb > li > ul > li > a {font-size:1.8rem;font-weight:500;color:#222;line-height:1.2;} /* 2뎁스 끝 */
	/* on */
	#all_menu.on {opacity:1;visibility:visible;pointer-events:auto;}
	body.overlay {overflow:hidden;height:100%;touch-action:none;transition:all 0.3s;}
	body.overlay #fs_header.scroll_hide {transform:translateY(0);}
	@media only screen and (max-width:1499px) {
		#all_menu .all_menu_left {max-width:28%;width:42rem;padding:4rem;}
		#all_menu .all_menu_right {padding:12rem 6rem 8rem;}
	}
	@media only screen and (max-width:1399px) {
		#all_menu .all_menu_top {padding:0 3rem;}
		#all_menu .lnb > li > a {width:22rem;}
		#all_menu .lnb > li > ul {width:calc(100% - 22rem);}
		#all_menu .lnb > li > ul > li {width:50%;}
	}
	@media only screen and (max-width:1023px) {
		#all_menu .all_menu_top {height:7rem;padding:0 1.5rem;}
		#all_menu .all_menu_left {display:none;}
		#all_menu .all_menu_right {padding:7rem 4rem 6rem;}
		#all_menu .lnb > li > ul {width:100%;}
	}
	@media only screen and (max-width:767px) {
		#all_menu .all_menu_top {padding:0 2rem;}
		#all_menu .all_menu_right {padding:10rem 2rem 4rem;}
		#all_menu .lnb > li {display:block;padding:2rem 1rem;}
		#all_menu .lnb > li:first-child {padding-top:1.4rem;}
		#all_menu .lnb > li > a {display:inline-block;width:auto;margin-bottom:2rem;font-size:2.5rem;}
		#all_menu .lnb > li > ul {flex-direction:column;gap:1.8rem 0;}
		#all_menu .lnb > li > ul > li {width:100%;}
		#all_menu .lnb > li > ul > li > a {font-size:1.8rem;}
	}
	@media only screen and (max-width:425px){
		#all_menu .all_menu_logo a img {max-width:20rem;}
	}

#fs_container_wrap {padding-top:10rem;}
	@media only screen and (max-width:1023px){
		#fs_container_wrap {padding-top:7rem;}
	}

/* 서브비주얼 */
.sub_visual_wrap {padding:0 4.5rem;}
.fs_sub_visual {display:table;width:100%;height:400px;position:relative;border-radius:30px;}
.fs_sub_visual .fs_snb_box {position:absolute;top:calc(50% + 50px);left:8rem;transform:translate(0, -50%);z-index:1;}
.fs_sub_visual .fs_snb_box span {font-size:1.6rem;color:#fff;opacity:0.4;font-weight:300;}
.fs_sub_visual .fs_snb_box h3 {font-weight:800;font-size:6rem;color:#fff;margin-top:0.5rem;}
	@media only screen and (max-width:1399px){
		.sub_visual_wrap {padding:0 2rem;}
		.fs_sub_visual {height:350px;}
		.fs_sub_visual .fs_snb_box {top:calc(50% + 30px);left:6rem;}
		.fs_sub_visual .fs_snb_box h3 {font-size:5rem;}
	}
    @media only screen and (max-width:1023px){
        .fs_sub_visual {height:300px;}
		.fs_sub_visual .fs_snb_box {top:calc(50% + 30px);left:4rem;}
		.fs_sub_visual .fs_snb_box h3 {font-size:5rem;}
	}
	@media only screen and (max-width:767px){
        .fs_sub_visual {height:250px;}
		.fs_sub_visual .fs_snb_box {top:calc(50% + 40px);left:3rem;}
		.fs_sub_visual .fs_snb_box h3 {font-size:4rem;}
	}

/* 서브컨텐츠 */
.fs_snb_contents {}
.fs_snb_contents .fs_snb_contents_box {}
	@media only screen and (max-width:1023px){
	}

/* 서브메뉴 */
.snb_menu {width:auto;margin:0 auto;padding-top:3rem;}
.snb_menu .dep1 {display:flex;flex-wrap:wrap;align-items:center;justify-content:baseline;}
.snb_menu .dep1 > li {position:relative;}
.snb_menu .dep1 > li:before {content:"/";position:absolute;top:12px;right:0;font-size:1.3rem;transform:rotate(20deg)}
.snb_menu .dep1 > li a {display:block;padding:0 3rem;color:#fff;position:relative;width:auto;text-decoration:none;font-size:1.5rem;line-height:40px;opacity:0.6;}
.snb_menu .dep1 > li:last-child:before {display:none;} 
.snb_menu .dep1 > li:last-child {border-bottom-right-radius:20px;}
.snb_menu .dep1 > li:last-child > a {display:block;padding:0 40px 0 20px;color:#fff;position:relative;width:auto;text-decoration:none;font-size:1.4rem;opacity:1;}
.snb_menu .dep1 > li:last-child > a:before {content:"";position:absolute;width:6px;height:1px;background:#fff;top:20px;right:20px;transform:rotate(45deg)}
.snb_menu .dep1 > li:last-child > a:after {content:"";position:absolute;width:6px;height:1px;background:#fff;top:20px;right:16px;transform:rotate(-45deg)}
.snb_menu .dep1 > li:first-child {}
.snb_menu .dep1 > li:first-child > a {padding:0;display:flex;align-items:center;justify-content:center;padding-right:3rem;}
.snb_menu .dep1 > li:first-child > a:before, .snb_menu .dep1 > li:first-child > a:after {display:none;}
.fa-sr-only, .fa-sr-only-focusable:not(:focus), .sr-only, .sr-only-focusable:not(:focus) {    position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border-width:0;}
	/* 2뎁스 */
	.snb_menu .dep1 > li.on > a {font-weight:600;background:#0572e3;color:#fff;text-decoration:none;border-top-left-radius:15px;border-top-right-radius:15px;}
    .snb_menu .dep1 > li.on a::before {transform:rotate(-45deg)}
    .snb_menu .dep1 > li.on a::after {transform:rotate(45deg)}
	.snb_menu .dep1 > li .dep2  {background:#0572e3;position:absolute;width:100%;z-index:9;border-bottom-left-radius:15px;border-bottom-right-radius:15px;margin-top:-1px;overflow:hidden;}
	.snb_menu .dep1 > li .dep2  > li > a {position:relative;display:block;padding:0 2rem;font-size:1.3rem;color:#fff;text-align:left;}
	.snb_menu .dep1 > li .dep2  > li:hover > a {font-weight:600;text-decoration:none;background:#032f91;opacity:1;}
        @media only screen and (max-width:1399px){
			.snb_menu {padding-top:2rem;}
		}
		@media only screen and (max-width:1023px){
			.snb_menu {padding-top:1.5rem;}
		}
		@media only screen and (max-width:767px){
			.snb_menu {padding-top:1rem;}
		}

/* 2뎁스 서브메뉴 */
.c_snb_menu {margin-top:3rem;}
.c_snb_menu ul {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;position:relative;}
.c_snb_menu ul:before {content:"";position:absolute;width:100%;height:3px;background:#ddd;bottom:0;left:0;z-index:-1;}
.c_snb_menu ul li {width:auto;}
.c_snb_menu ul li a {height:7rem;display:flex;justify-content:center;align-items:center;font-size:2.3rem;color:#999;padding:0 6rem;} 
.c_snb_menu ul li.on a {color:#0572e3;font-weight:600;border-bottom:3px solid #0572e3;}
    @media only screen and (max-width:1399px){
		.c_snb_menu {margin-top:2rem;}
		.c_snb_menu ul li a {font-size:1.8rem;}
	}
    @media only screen and (max-width:767px){
		.c_snb_menu ul li {flex:1 1 0;}
		.c_snb_menu ul li a {padding:0 1rem;}
	}

/* 컨텐츠 타이틀 */
.con_header {color:#000;font-size:4.5rem;text-align:center;margin-top:10rem;position:relative;padding-bottom:3rem;margin-bottom:6rem;}
.con_header h3 {font-weight:800;}
.con_header:before {content:"";position:absolute;width:30px;height:3px;background:#ccc;bottom:0;left:0;right:0;margin:0 auto;}
    @media only screen and (max-width:1399px){
		.con_header {font-size:4rem;margin-top:8rem;padding-bottom:2.5rem;margin-bottom:5rem;}
	}
    @media only screen and (max-width:1023px){
		.con_header {font-size:3.5rem;margin-bottom:4rem;}
	}
    @media only screen and (max-width:767px){
		.con_header {font-size:3rem;margin-top:6rem;padding-bottom:2rem;margin-bottom:3rem;}
	}


/* 실컨텐츠영역 */
.con_body {}
.fs_content {padding-bottom:8rem;}
    @media only screen and (max-width:1023px){
		.fs_content {padding-bottom:6rem;}
	}
    @media only screen and (max-width:767px){
		.fs_content {padding-bottom:4rem;}
	}


/***********************/
/* 푸터영역 */
/***********************/
#fs_footer {padding:6rem 0 7rem;position:relative;}
#fs_footer::before {position:absolute;top:0;left:0;content:"";width:100%;height:.5rem;background:linear-gradient(90deg,#0572e3 0%,#021b79 100%);}
.fs_footer_box {display:flex;align-items:flex-start;margin:0 4rem;padding:0 2rem;}
.fs_footer_box .foot_text {margin-left:10rem;}
.fs_footer_box .foot_text .foot_info {display:flex;flex-wrap:wrap;font-size:1.6rem;line-height:1.6;}
.fs_footer_box .foot_text .foot_info li {display:flex;}
.fs_footer_box .foot_text .foot_info li:not(:first-of-type) em {margin-left:3rem;}
.fs_footer_box .foot_text .foot_info li span {margin-left:1.5rem;color:#2a2a2a;}
.fs_footer_box .foot_text .foot_info li.address span {margin-left:0;font-weight:500;}
.fs_footer_box .foot_text span.copyright {display:block;font-size:1.4rem;color:#909090;margin-top:.5rem;}
	@media only screen and (max-width:1499px){
		.fs_footer_box .foot_text {margin-left:7rem;}
		.fs_footer_box .foot_text .foot_info {text-wrap:balance;max-inline-size:55rem;}
		.fs_footer_box .foot_text .foot_info li.email em {margin-left:0;}
	}
	@media only screen and (max-width:1199px){
		.fs_footer_box {margin:0 4rem;padding:0;}
		.fs_footer_box .foot_logo img {height:3.5rem;}
		.fs_footer_box .foot_text {margin-left:5rem;}
	}
	@media only screen and (max-width:1023px){
		#fs_footer {padding:4rem 0 5rem;}
		.fs_footer_box {margin:0 2rem;flex-direction:column;}
		.fs_footer_box .foot_logo {order:2;margin-top:3rem;}
		.fs_footer_box .foot_text {margin-left:0;margin-top:3rem;order:3;}
		.fs_footer_box .foot_text .foot_info {flex-direction:column;}
		.fs_footer_box .foot_text .foot_info li em {margin-left:0 !important;}
		.fs_footer_box .foot_text .foot_info {text-wrap:wrap;max-inline-size:none;}
	}
	@media only screen and (max-width:767px){

	}

/*맨위로*/
#fs_footer .btn_top {display:flex;align-items:center;gap:1rem;background:#0572e3;border-radius:1.6rem;line-height:6rem;padding:0 2rem;margin-left:auto;opacity:.5;}
#fs_footer .btn_top:is(:hover,:focus,:active) {opacity:1;}
#fs_footer .btn_top span {font-weight:600;color:#fff;}
	@media only screen and (max-width:1023px){
		#fs_footer .btn_top {order:1;margin-left:0;}
	}


/**********************************************/
/* 영문 */
/**********************************************/
/***********************/
/* 헤더영역 */
/***********************/
/* 주메뉴-2뎁스 */
:lang(en) .fs_top_menu .lnb > li .lnb_layer01 {width:23rem;}

	@media only screen and (max-width:1199px){

	}
	@media only screen and (max-width:1023px){

	}
	@media only screen and (max-width:767px){

	}