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

/********************** 공통 */
a { transition:all .3s;-webkit-transition:all .3s;}
a:hover {text-decoration: none;animation-delay:unset;}
img {max-width:100%; }
.w1400 {width:100%;max-width:1400px;margin:auto;}
	/* 반응형 */
	@media only screen and (max-width:1399px){
		.w1400 {padding:0 30px;}
	}
	@media only screen and (max-width:767px){
		.w1400 {padding:0 15px;}
	}

/***********************/
#fs_wrap {position:relative;overflow:hidden;}
	/* 해더영역 */
	#fs_header {position:fixed;top:0;left:0;width:100%;z-index:98;background:#fff;border-bottom:1px solid #eee;}

/* -------------------- 상단 */
.fs_head {display:flex;align-items:center;justify-content:space-between;margin:auto;height:120px;width:100%;max-width:1400px;position:relative;}
.fs_head .logo {display:block;width:100px;height:90px;}
.fs_head .logo a {}
.fs_head .logo a img {max-height: 100%;}
.fs_head .global_box {display:flex;gap:50px;}
.fs_head .global_box li {position:relative;}
.fs_head .global_box li + li:after {content:'';position:absolute;left:-25px;top:0;bottom:0;margin:auto;width:1px;height:12px;background:#ccc;}
.fs_head .global_box li a {font-weight:600;color:#afafaf;}
.fs_head .global_box li.on a, .fs_head .global_box li:hover a {color:#1d1d1b;}

/* 모바일 버튼 */
.fs_head .mbtn_box {display:none;position:absolute;top:0;bottom:0;margin:auto;right:30px;height:25px;}

/* 헤더메뉴 */
.fs_mtop_menu {display:none;}
.fs_top_menu {}
.fs_top_menu .lnb {display:flex;}
.fs_top_menu .lnb .lnb_title {display:block;padding:0 60px;color:#1d1d1b;font-weight:600;font-size:1.1em;line-height:110px;transition:all .4s;-webkit-transition:all .4s;}
/* 1뎁스 */
.fs_top_menu .lnb > li {position:relative;}
.fs_top_menu .lnb > li.on a {color:#a86f34;}
.fs_top_menu .lnb > li .dep2 {visibility: hidden;opacity: 0;padding:30px 5px;text-align: center;position:absolute;top:130px;left:50%;transform:translate(-50%, 0);width:100%;background: rgba(168, 111, 52, 0.8);border-radius:10px;transition:all .4s;-webkit-transition:all .4s;  box-shadow: 0px 25px 20px 4px rgba(0, 0, 0, 0.2);}
.fs_top_menu .lnb > li.on .dep2 {visibility:visible;opacity: 1;top:90px;}
.fs_top_menu .lnb > li .dep2 > li a {position:relative;display:block;color:#fff;line-height:normal;padding:7px 0;}
.fs_top_menu .lnb > li .dep2 > li a:hover {color:#ffeab6;}
.fs_top_menu .lnb > li .dep2 > li a span {display:inline-block;position:relative;padding-bottom:3px;z-index: 1;}
.fs_top_menu .lnb > li .dep2 > li a span:after {content:'';position:absolute;left:0;bottom:3px;width:0;height:6px;background: rgba(255, 234, 182, 0.3);transition:all .4s;-webkit-transition:all .4s;}
.fs_top_menu .lnb > li .dep2 > li a:hover span:after {width:100%;}

	/* 영문 */
	:lang(en) .fs_top_menu .lnb > li .dep2 {min-width:200px;padding:30px 15px;}

	/* 반응형 */
	@media only screen and (max-width:1399px){
		.fs_head {padding:0 30px}
	}
	@media only screen and (max-width:1199px){
		.fs_head {height:100px;}
		.fs_head .logo {height:70px;}
		.fs_head .global_box {gap:30px;}
		.fs_head .global_box li + li:after {left:-15px;}

		/* LNB */
		.fs_top_menu .lnb .lnb_title {padding:0 40px;line-height:100px;}
	}
	@media only screen and (max-width:1023px){
		.fs_head .mbtn_box {display:block;margin-left:30px;}
		.fs_head .global_box {margin-right:45px;line-height:25px;}

		/* LNB */
		.fs_top_menu .lnb {display: none;}

		/* 모바일 버튼 */
		.fs_head .mbtn_box {}
		.fs_head .mbtn_box .menu_open {z-index:51; display:block; position:relative; width:25px;height:21px;font-size:0;}
		.fs_head .mbtn_box .menu_open:after {content:""; position:absolute; left:0; top:0; bottom:0; width:25px; height:2px; margin:auto 0; background-color:#222; transition:all 0.4s; -webkit-transition:all 0.4s;}/* 가운데 */
		.fs_head .mbtn_box .menu_open span {display: block;width:100%;height:100%;}
		.fs_head .mbtn_box .menu_open span:after {content:""; position:absolute; left:0; top:0; width:25px; height:2px; background-color:#222; transition:all 0.4s; -webkit-transition:all 0.4s;}/* 하단 */
		.fs_head .mbtn_box .menu_open span:before {content:""; position:absolute; left:0; bottom:0; width:25px; height:2px; background-color:#222; transition:all 0.4s; -webkit-transition:all 0.4s;}/* 위 */

		/* 메뉴 오픈 on */
		.overflow_y {overflow: hidden;}
		.fs_head .mbtn_box .menu_open.on:after {display:none;}
		.fs_head .mbtn_box .menu_open.on span:before {transform:rotate(45deg);top:10px;bottom:0;}
		.fs_head .mbtn_box .menu_open.on span:after {transform:rotate(-45deg);top:10px;bottom:0;}

		.overflow_y .fs_mtop_menu {position:absolute;right:0;top:101px;width:100%;max-width:320px; text-align: center;background:#a86f34;height:calc(100vh - 100px);}
		.overflow_y .fs_mtop_menu .lnb {text-align:center;margin:auto;padding:80px 15px 0;}
		.overflow_y .fs_mtop_menu .lnb > li {border-bottom:1px solid rgba(255,255,255,.1);}
		.overflow_y .fs_mtop_menu .lnb li .lnb_title {position:relative;display:inline-block;padding:15px 20px;color:#fff;font-size:1.5em;}
		.overflow_y .fs_mtop_menu .lnb li .lnb_title.arrow {padding-right:20px;}
		.overflow_y .fs_mtop_menu .lnb li .lnb_title.arrow:after {content:'';position:absolute;right:0;top:0;bottom:0;margin:auto;background:url("/images/fs/common/icon_tab.png") no-repeat right center;width:10px;height:6px;opacity: .6;transition:all .4s;-webkit-transition:all .4s;}
		.overflow_y .fs_mtop_menu .lnb li.on .lnb_title {color:#fff;}
		.overflow_y .fs_mtop_menu .lnb li.on .lnb_title.arrow:after {transform:rotate(180deg);opacity: 1;}
		.overflow_y .fs_mtop_menu .lnb li .dep2 {padding:20px;color:#fff;background:#b78149;}
		.overflow_y .fs_mtop_menu .lnb li.on .dep2 {border-top:2px solid #fff;}
		.overflow_y .fs_mtop_menu .lnb li .dep2 li {padding:7px 0;}
		.overflow_y .fs_mtop_menu .lnb li .dep2 li a:hover {color:#fff;text-decoration: underline;}
	}

	@media only screen and (max-width:767px){
		.fs_head {padding:0 15px;}
		.fs_head .mbtn_box {right:15px;}

		.overflow_y .fs_mtop_menu {max-width:100%;}
	}

.subpage #fs_container_wrap {padding:100px 0 120px;}

/* 서브비주얼 */
.fs_sub_visual {position:relative;display:flex;align-items: center;justify-content: center;height:360px;/* background:url("/images/fs/layout/svisual01.jpg") no-repeat center top 45%; */background-size:cover;}
.fs_sub_visual:after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);}
.fs_sub_visual .svtxt_wrp p {color:#fff;font-size:3em;font-weight:500;position:relative;z-index: 1;}

/* 서브컨텐츠 */
.fs_snb_contents {position: relative;}
.fs_snb_contents .snb_list {margin-top:-60px;background:rgba(0,0,0,.5);}
.fs_snb_contents .snb_list ul {display:flex;align-items: center;justify-content: center;}
.fs_snb_contents .snb_list ul li {display:block;width:100%;max-width:280px;color:#fff;text-align: center;border-right:1px solid rgba(255,255,255,.2);transition:all .2s;-webkit-transition:all .2s;}
.fs_snb_contents .snb_list ul li.on {background:#fff;color:#222;}
.fs_snb_contents .snb_list ul li:hover {background:rgba(255,255,255,.9);color:#222;}
.fs_snb_contents .snb_list ul li a {display:block;line-height: 60px;font-weight:500;padding:0 3px;animation-delay:0s;transition:all .2s;-webkit-transition:all .2s;}

	/* 영문 */
	:lang(en) .fs_snb_contents .snb_list {overflow-x: auto;}
	:lang(en) .fs_snb_contents .snb_list ul {width:100%;min-width:440px;}
	:lang(en) .fs_snb_contents .snb_list ul li {display: flex;align-items: center;justify-content: center;height:60px;}
	:lang(en) .fs_snb_contents .snb_list ul li a {line-height: normal;font-size:.9em;}

	/* 반응형 */
	@media only screen and (max-width:767px){
		.subpage #fs_container_wrap {padding:80px 0 100px;}
		.fs_snb_contents .snb_list ul li a {font-size:.9em;}
		.fs_sub_visual .svtxt_wrp p {font-size:2.5em;text-align: center;}


		/* 영문 */
		:lang(en) .fs_snb_contents .snb_list ul li a {font-size:.85em;}
	}
	@media only screen and (max-width:560px){
		.fs_snb_contents .snb_list ul li a {font-size:.8em;height:60px;display:flex;align-items: center;justify-content: center;}
		.fs_snb_contents .snb_list ul li a span {display:inline-block;line-height:1.3em;}
	}


/* -------------------- 컨텐츠 영역 */
.fs_content {padding-top:150px;}

.con_header {padding:0 30px;margin-bottom:100px;}
.con_header h3 {position:relative;display:block;color:#b17f4a;font-size:2em;font-weight:600;text-align: center;padding-bottom:16px;}
.con_header h3:after {content:'';position:absolute;left:0;right:0;bottom:0;margin:auto;background:url("/images/fs/common/icon_header.png") no-repeat center bottom;width:41px;height:11px;}
	/* 반응형 */
	@media only screen and (max-width:767px){
		.fs_content {padding-top:80px;}
		.con_header {margin-bottom:60px;}
	}
/* -------------------- 푸터영역 */
#fs_footer {position:relative;background:#362f28;padding:100px 0;}
.fs_footer_box {width:100%;max-width:1400px;margin:auto;}
.fs_footer_box .foot_text {display:flex;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1);}
.fs_footer_box .foot_text .logo img {filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(13deg) brightness(103%) contrast(102%);}
.fs_footer_box .foot_text .f_list {padding-left:100px;font-size:.95em;color:#fff;opacity: .6;font-weight:200;line-height: 1.5em;}
.fs_footer_box span.copyright {display:block;margin-top:20px;font-weight:200;color:#fff;opacity: .6;font-size:.95em;}

.btn_top {z-index: 9999;width:50px;height:50px;background:#b3a486;position: absolute;top:-60px;right:10px;border-radius:20px;display:flex;align-items: center;justify-content: center;color:#fff;}
.btn_top:hover {background:#362f28;}

.fix_link {position:fixed;right:60px;bottom:100px;z-index: 9999;}
.fix_link a {display:flex;align-items:center;width:100%;max-width:200px;background:#FAE100;color:#222;padding:10px 20px;border-radius:50px;font-weight:600;transition:all .3s;}
.fix_link a + a {margin-top:10px;}
.fix_link a.smstore_link {background:#00C300;color:#fff;}
.fix_link a img {max-width:26px;}
.fix_link a span {padding-left:10px;font-size:.9em;text-align: left;}
.fix_link a:hover {box-shadow:5px 5px 10px rgba(0,0,0,.15);text-decoration: none;}

	/* 반응형 */
	@media only screen and (max-width:1499px){
		.fs_footer_box {padding:0 30px;}

		.fix_link {right:10px;bottom:10px;}
	}
	@media only screen and (max-width:767px){
		#fs_footer {padding:60px 0 30px;text-align: center;}
		.fs_footer_box {padding:0 15px;}
		.fs_footer_box .foot_text {padding-bottom:20px;flex-direction: column;text-align: center;}
		.fs_footer_box .foot_text .f_list {padding:20px 0 0;}

		.fix_link a {padding:5px 15px;border-radius:35px;}
		.fix_link a span {font-size:.85em;}
		.fix_link a img {max-width:20px;}
	}
	@media only screen and (max-width:560px){

	}