@charset "utf-8";
@import url('font/fs_font.css');

/***********************/
/* 커스텀하여 사용권장
 직접커스텀 :https://matthewlein.com/tools/ceaser
 이징 참고표 :https://easings.net/ko
*/
a {
	transition:all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
	transition-timing-function:cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
/***********************/

/* 공통 */
.wrap {max-width:150.0rem;margin:0 auto;}
	@media only screen and (max-width:1620px){
		.wrap {max-width:none;padding:0 6.0rem;}
	}
	@media only screen and (max-width:1199px){
		.wrap {padding:0 5.0rem;}
	}
	@media only screen and (max-width:1023px){
		.wrap {padding:0 3.0rem;}
	}


/******************************/
/* 헤더 영역 */
/******************************/
#fs_header {position:fixed;top:0;left:0;z-index:10;width:100%;transition:.4s;}

/* 상단 */
.fs_head {display:flex;justify-content:space-between;align-items:center;height:10.0rem;padding:0 6.0rem;border-bottom:1px solid transparent;}
.fs_head .logo a {display:flex;align-items:center;filter:brightness(0) saturate(100%) invert(97%) sepia(8%) saturate(0%) hue-rotate(110deg) brightness(104%) contrast(105%);}
	@media only screen and (max-width:1199px){
		.fs_head {padding:0 5.0rem;}
	}
	@media only screen and (max-width:1023px){
		.fs_head {padding:0 3.0rem;}
	}
	@media only screen and (max-width:425px){
		.fs_head .logo a {width:20.0rem;}
		.fs_head .logo a img {max-width:100%;}
	}

/* 헤더메뉴 */
.fs_top_menu {}
.fs_top_menu::before {position:absolute;left:0;top:100%;z-index:-1;width:100%;height:0;background:#fff;content:"";transition:.3s;box-shadow:0 15px 30px -15px rgba(0,0,0,.05);}
.fs_top_menu .lnb {display:flex;}
.fs_top_menu .lnb_bg {position:absolute;top:0;left:0;z-index:-1;width:100%;height:0;background:#fff;content:"";border-bottom-left-radius:5.0rem;transition:.4s;}
	/* 1뎁스 */
	.fs_top_menu .lnb > li {position:relative;display:flex;justify-content:center;align-items:center;height:10.0rem;flex:1 1 0;min-width:11.0rem;}
	.fs_top_menu .lnb > li .lnb_title {font-size:2.0rem;font-weight:700;color:#fff;padding:0 4.0rem;}
	.fs_top_menu .lnb > li .lnb_title::after {position:absolute;bottom:0;left:0;width:0;height:3px;background:#c00a3f;content:"";transition:.4s;}
	/* 2뎁스 */
	.fs_top_menu .lnb > li .lnb_layer01 {/*display:none;*/position:absolute;top:100%;width:100%;text-align:center;padding-top:3.0rem;}
	.fs_top_menu .lnb > li .lnb_layer01 li:not(:last-child) {margin-bottom:1.5rem;}
	.fs_top_menu .lnb > li .lnb_layer01 li a {display:block;line-height:1.25;font-weight:500;}
		@media only screen and (max-width:1199px){
			.fs_top_menu .lnb > li .lnb_title {padding:0 3.0rem;}
		}
		@media only screen and (max-width:1023px){
			.fs_top_menu .lnb {display:none;}
		}


/* 글로벌 */
.global_box {display:flex;justify-content:center;align-items:center;gap:0 4.0rem;}
	@media only screen and (max-width:1023px){
		.global_box {gap:0 3.0rem;}
	}
	@media only screen and (max-width:767px){
		.global_box {gap:0 2.0rem;}
	}

/* 다국어 버튼 */
.global_box .lang_wrap {position:relative;}
.global_box .lang_wrap .lang_btn {display:flex;align-items:center;font-size:1.6rem;font-weight:600;gap:0 1.0rem;color:#fff;}
.global_box .lang_wrap .lang_btn img {transition:.3s;}
.global_box .lang_wrap .lang_btn.on img {transform:rotate(180deg);}
.global_box .lang_wrap .lang {display:none;position:absolute;bottom:-0.8rem;left:50%;transform:translate(-50%,100%);z-index:1;width:8rem;padding:1rem;border-radius:1rem;background:rgba(240,247,255,.9);text-align:center;}
.global_box .lang_wrap .lang.on {display:block;}
.global_box .lang_wrap .lang li a {display:block;margin-bottom:1.2rem;font-size:1.6rem;font-weight:500;line-height:2rem;}
.global_box .lang_wrap .lang li:last-child a {margin-bottom:0;}



/******************************/
/* 헤더 오버·스크롤 효과 */
/******************************/
#fs_header:is(.active,.scroll) {background:#fff;}

/* 상단 */
#fs_header:is(.active,.scroll) .fs_head {border-color:#eee;}
#fs_header:is(.active,.scroll) .fs_head .logo a {filter:none;}

/* 헤더메뉴 */
	/* 1뎁스 */
	#fs_header:is(.active,.scroll) .fs_top_menu .lnb > li .lnb_title {color:#222;text-decoration:none;}
	#fs_header.active .fs_top_menu .lnb > li:hover .lnb_title::after {width:100%;}
	.fs_top_menu.on::before {height:33.0rem;}
	/* 2뎁스 */
	.fs_top_menu .lnb.on .lnb_layer01 {display:block;}
	.fs_top_menu .lnb.on > li .lnb_layer01 li a {color:#222;}

/* 글로벌 */
#fs_header:is(.active,.scroll) .global_box button {filter:brightness(0) saturate(100%) invert(12%) sepia(99%) saturate(2%) hue-rotate(344deg) brightness(90%) contrast(100%);}

/******************************/
/* 컨텐츠 영역 */
/******************************/
#fs_container_wrap {}

/* 서브비주얼 */
.fs_sub_visual {display:table;width:100%;height:500px;position:relative;}
.fs_sub_visual div {position:absolute;top:calc(50% + 30px);left:50%;transform:translate(-50%, -50%);text-align:center;}
.fs_sub_visual div span {font-weight:600;font-size:1.3rem;color:#fff;opacity:0.5;letter-spacing:1.5rem;}
.fs_sub_visual div p {font-weight:800;font-size:5.5rem;color:#fff;margin-top:10px;letter-spacing:0;text-shadow:1px 1px 2px #fff, 0 0 1em #0081ff, 0 0 0.2em #0081ff;}
	@media only screen and (max-width:1023px){
		.fs_sub_visual {height:400px;}
		.fs_sub_visual div {top:50%;}
	}
	@media only screen and (max-width:767px){
		.fs_sub_visual {height:300px;}
		.fs_sub_visual div span {font-size:1.2rem;letter-spacing:1.2rem;}
		.fs_sub_visual div p {font-size:4.5rem;}
	}

/* 서브컨텐츠 */
.fs_snb_contents {}

/* 서브메뉴 */
.snb_menu {width:auto;margin:0 auto;}
.snb_menu .dep1 {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:-35px;z-index:1;}
.snb_menu .dep1 > li {width:250px;position:relative;background:#dde4ef;margin:0 1px;}
.snb_menu .dep1 > li:last-child {border-bottom-right-radius:20px;}
.snb_menu .dep1 > li > a {display:block;padding:0 40px 0 20px;color:#666;position:relative;width:auto;height:70px;line-height:70px;text-decoration:none;}
.snb_menu .dep1 > li > a.on {color:#0054a6;}
.snb_menu .dep1 > li > a:before {content:"";position:absolute;width:8px;height:1px;background:#666;top:35px;right:31px;transform:rotate(45deg)}
.snb_menu .dep1 > li > a:after {content:"";position:absolute;width:8px;height:1px;background:#666;top:35px;right:25px;transform:rotate(-45deg)}
.snb_menu .dep1 > li:first-child {width:70px;}
.snb_menu .dep1 > li:first-child > a {padding:0;display:flex;align-items:center;justify-content:center;}
.snb_menu .dep1 > li:first-child > a:before, .snb_menu .dep1 > li:first-child > a:after {display:none;}
	/* 2뎁스 */
	.snb_menu .dep1 > li.on > a {font-weight:600;color:#0054a6;text-decoration:none;}
	.snb_menu .dep1 > li .dep2  {background:#fff;position:absolute;left:-1px;width:101%;z-index:9;}
	.snb_menu .dep1 > li .dep2  > li > a {position:relative;display:block;line-height:23px;padding:15px 20px;color:#444;border:1px solid #ddd;border-bottom:none;}
	.snb_menu .dep1 > li .dep2  > li:last-child > a {border-bottom:1px solid #ddd;}
	.snb_menu .dep1 > li .dep2  > li:hover > a {font-weight:600;color:#0054a6;text-decoration:none;}
		@media only screen and (max-width:767px){
			.fs_snb_box .wrap {padding:0;}
			.snb_menu .dep1 {flex-wrap:wrap;}
			.snb_menu .dep1 > li {width:40%;}
			.snb_menu .dep1 > li:first-child {width:50px;}
			.snb_menu .dep1 > li:last-child {border-right:0;}
			.snb_menu .dep1 > li > a {height:50px;line-height:50px;padding:0 10%;}
			.snb_menu .dep1 > li > a:after {top:25px;right:10%;}
			.snb_menu .dep1 > li > a:before {top:25px;right:calc(10% + 6px);}
			.snb_menu .dep1 > li .dep2 > li > a {padding:10px 10%;}
		}

/* 컨텐츠 영역 */
.con_header {margin-top:100px;text-align:center;}
.con_header h3 {font-size:50px;font-weight:800;line-height:normal;color:#000;position:relative;display:inline-block;}
.con_header h3:before {content:"";position:absolute;width:71px;height:17px;background: url(/images/fs/layout/title_bg.png) center center no-repeat;top:-15px;left:-15px;opacity:0.25;}
	@media only screen and (max-width:1023px){
		.con_header h3 {font-size:40px;}
	}
	@media only screen and (max-width:767px){
		.con_header {margin-top:60px;}
		.con_header h3 {font-size:30px;}
	}

/* 실컨텐츠영역 */
.con_body {margin:8.0rem 0;overflow:hidden;}
	@media only screen and (max-width:767px){
		.con_body {margin:4.0rem 0;}
	}


/******************************/
/* 푸터 영역 */
/******************************/
#fs_footer {padding:6.0rem 0 3.0rem;background:#333;}
.fs_footer_box {display:flex;gap:8.0rem;}
.fs_footer_box .foot_logo img {filter:brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(7404%) hue-rotate(323deg) brightness(105%) contrast(98%);opacity:.5;}
.fs_footer_box .foot_text {}
.fs_footer_box .foot_text .foot_menu {display:flex;align-items:center;gap:3.0rem;font-weight:600;font-size:1.8rem;color:#999;}
.fs_footer_box .foot_text .foot_menu li {position:relative;}
.fs_footer_box .foot_text .foot_menu li:first-child::after {position:absolute;top:4px;right:-1.5rem;width:1px;height:12px;background:rgba(221,221,221,.5);content:"";}
.fs_footer_box .foot_text address {margin:4.0rem 0 2.5rem;font-weight:600;}
.fs_footer_box .foot_text address span.address {display:block;margin-bottom:1.0rem;}
.fs_footer_box .foot_text address span.tel {margin-right:3.0rem;}
.fs_footer_box .foot_text address span em {display:inline-block;margin-right:1.0rem;font-weight:800;color:#999;}
.fs_footer_box .foot_text span.copyright {font-size:1.5rem;}
	@media only screen and (max-width:767px){
		.fs_footer_box {flex-direction:column;gap:4.0rem;}
	}


/******************************/
/* 사이트맵 */
/******************************/
#all_menu {display:flex;position:fixed;top:0;left:0;opacity:0;z-index:20;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;filter:brightness(0) saturate(100%) invert(97%) sepia(8%) saturate(0%) hue-rotate(110deg) brightness(104%) contrast(105%);}
#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.jpg") 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;} /* 1뎁스 시작 */
#all_menu .lnb > li:last-child {border-bottom:none;}
#all_menu .lnb > li:hover > a, #all_menu .lnb > li.active > a {color:#0054a6;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.3333333333;} /* 2뎁스 끝 */
	/* on */
	body.overlay {overflow:hidden;height:100%;touch-action:none;transition:all 0.3s;}
	#all_menu.on {opacity:1;visibility:visible;pointer-events:auto;}
		@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:10rem;}
			#all_menu .all_menu_logo img {transform:translateY(-50%);}
			#all_menu .all_menu_left {display:none;}
			#all_menu .all_menu_right {padding:10rem 4rem 6rem;}
			#all_menu .lnb > li > ul {width:100%;}
		}
		@media only screen and (max-width:767px) {
			#all_menu .all_menu_top {padding:0 2.4rem;}
			#all_menu .all_menu_right {padding:10rem 2.4rem 4rem;}
			#all_menu .lnb > li {display:block;padding:2.4rem 1rem;}
			#all_menu .lnb > li:first-child {padding-top:1.4rem;}
			#all_menu .lnb > li > a {display:inline-block;width:auto;margin-bottom:2.4rem;font-size:2.8rem;}
			#all_menu .lnb > li > ul {flex-direction:column;gap:2rem 0;}
			#all_menu .lnb > li > ul > li {width:100%;}
			#all_menu .lnb > li > ul > li > a {font-size:2.2rem;}
		}


/************************************************************/
/* 영문 */
/************************************************************/

/******************************/
/* 헤더 영역 */
/******************************/
/* 상단 */
@media only screen and (max-width:1023px){
	:lang(en) .fs_head .logo a {width:10.0rem;}
	:lang(en) .fs_head .logo a img {max-width:100%;}
}

/******************************/
/* 컨텐츠 영역 */
/******************************/

/* 서브메뉴 */
:lang(en) .snb_menu .dep1 > li:last-child {width:35.0rem;}
:lang(en) .snb_menu .dep1 > li:last-child a {display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;}
	@media only screen and (max-width:575px) {
		:lang(en) .snb_menu .dep1 > li:last-child {width:40%;}
		:lang(en) .snb_menu .dep1 > li:last-child > a {padding-right:25%;}
		:lang(en) .snb_menu .dep1 > li .dep2 > li > a {line-height:4rem;}
	}

/******************************/
/* 사이트맵 */
/******************************/
:lang(en) #all_menu .lnb > li > ul {width:calc(100% - 25rem);} /* 2뎁스 시작 */
	@media only screen and (max-width:1399px) {
		:lang(en) #all_menu .lnb > li > ul {width:calc(100% - 22rem);}
	}
	@media only screen and (max-width:1023px) {
		:lang(en) #all_menu .lnb > li > ul {width:100%;}
	}



/************************************************************/
/* 중문 */
/************************************************************/

/******************************/
/* 헤더 영역 */
/******************************/
/* 상단 */
@media only screen and (max-width:1023px){
	:lang(zh) .fs_head .logo a {width:10.0rem;}
	:lang(zh) .fs_head .logo a img {max-width:100%;}
}

/******************************/
/* 컨텐츠 영역 */
/******************************/
/* 실컨텐츠영역 */
:lang(zh) .con_body {word-break:break-all;}