@charset "utf-8";
/*@import url('font/fs_font.css'); 내부 폰트적용시 */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
:lang(jp) {
  font-family: 'Noto Sans JP', sans-serif;
}

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

/* 공통 */
#fs_wrap {overflow: hidden;}
.wrap {width:1400px;margin:0 auto;}

/* 해더영역 */
#fs_header {z-index:100;width:100%;min-width:320px;position:fixed;top:0;background:#fff;}
/* 상단 */
.fs_head {z-index:100;display:flex;justify-content:space-between;align-items:center;width:1400px;min-width:320px;height:99px;margin:0 auto;color:#111;}
.fs_head .logo {width:220px;}
.fs_head .logo a {display:block;}
.fs_head .logo a img {max-width:100%;vertical-align:middle;}

/* 헤더메뉴 */
.fs_top_menu .lnb {display:inline-block;width:100%;text-align:center;}

/* 1뎁스 */
.fs_top_menu .lnb > li {position:relative;display:inline-block;width:auto;margin:0 6px;}
.fs_top_menu .lnb > li:after {content:"";display:block;clear:both;}
.fs_top_menu .lnb > li a.lnb_title {position:relative;display:block;padding:0 64px;height:99px;line-height:99px;font-weight:600;font-size:2rem;color:#111;transition:all 0.4s;-webkit-transition:all 0.4s;text-decoration:none;}
.fs_top_menu .lnb > li.on a.lnb_title {color:#B82C35;}
.fs_top_menu .lnb > li a.lnb_title:is(:hover, :focus, :active):before,
.fs_top_menu .lnb > li.on a.lnb_title:before {content:"";position:absolute;top:-20px;right:0;left:0;width:calc(100% - 24px);height:24px;margin:0 auto;border-radius:20px;background:#B82C35;}
/* 2뎁스 */
.fs_top_menu .lnb_layer01 {display:none;position:absolute;top:99px;right:0;left:0;padding:25px 2%;border-radius:0 0 20px 20px;background:#222;text-align:center;}
.fs_top_menu .lnb_layer01 li {transition: all 400ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */}
.fs_top_menu .lnb_layer01 li a {display:block;padding:11px 0;color:#fff;font-size:1.6rem;}
.fs_top_menu .lnb_layer01 li.on {background:#B82C35;border-radius:30px;}

.fs_head .fs_mtop_menu.open {}

.gnb {display:flex;flex-direction:row;justify-content:flex-end;align-items:center;}
/* 글로벌 */
.gnb .global_box {z-index:101;position:relative;width:90px;margin-right:4px;text-align:left;z-index:999;}
.gnb .global_box .language {position:relative;width:100%;padding:6px 15px;border:1px solid #eed8c9;border-radius:30px;background:#f1e7e2;color:#81593b;font-size:1.4rem;font-weight:300;text-align:left;}
.gnb .global_box .language:before {content:"";position:absolute;top:0;right:15px;bottom:0;width:10px;height:6px;margin:auto 0;background:url("/images/fs/layout/language.png") no-repeat right center;transition:all 0.4s;}
.gnb .global_box .language.on:before {transform:rotateX(180deg);}
.gnb .global_box .lang {display:none;position:absolute;top:30px;right:0;left:0;width:100%;margin:0 auto;padding:6px 15px;border-radius:15px;background:#81593b;z-index:}
.gnb .global_box .lang li {padding:6px 0;border-bottom:1px dashed #A1836D;}
.gnb .global_box .lang li:last-child {border-bottom:0;}
.gnb .global_box .lang a {display:block;color:#f1e7e2;font-size:1.3rem;font-weight:300;}

/* 사이트맵 */
.gnb .sitemap_box .sitemap {display:block;position:relative;width:30px;height:30px;border:1px solid #eed8c9;border-radius:100%;background:#f1e7e2;}
.gnb .sitemap_box .sitemap span {display:inline-block;position:absolute;top:0;right:0;left:0;bottom:0;width:15px;height:8px;margin:auto;font-size:0;}
.gnb .sitemap_box .sitemap span:before {content:"";position:absolute;top:0;left:0;width:15px;height:1px;background:#81593b;transition: all ease .5s}
.gnb .sitemap_box .sitemap span:after {content:"";position:absolute;bottom:0;left:0;width:15px;height:1px;background:#81593b;transition: all ease .5s}

/* 모바일 버튼 */
.fs_head .mbtn_box {display:none;}
.fs_head .lnb_bg {display:none;}

/* 모바일메뉴 */
.fs_mtop_menu {right:0;top:0;position:absolute;right:-100%;top:99px;z-index:101;width:30%;height:calc(100vh - 99px);background:#f1f1f1;overflow-y:auto;transition:all 0.8s;-webkit-transition:all 0.8s;box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.fs_mtop_menu.open {right:0;}
.fs_mtop_menu .lnb {}
.fs_mtop_menu .lnb li {position:relative;}
.fs_mtop_menu .lnb > li > a {display:block;border-top:1px dashed #ddd;padding:0 3%;font-size:18px;font-weight:600;height:70px;line-height:75px;color:#000;}
.fs_mtop_menu .lnb > li.on > a {background:#333;color:#fff;}
.fs_mtop_menu .lnb > li:first-child > a {border-top:0;}
.fs_mtop_menu .lnb > li .lnb_title::before {content: "";position:absolute;right:29px;top:25px;width:1px;height:19px;background:#666;transition:all .4s;-webkit-transition:all .4s;}
.fs_mtop_menu .lnb > li .lnb_title:after {content: "";position:absolute;right:20px;top:34px;width:19px;height:1px;background:#666;}
.fs_mtop_menu .lnb > li.on .lnb_title::after {background:#fff;}
.fs_mtop_menu .lnb > li.on .lnb_title::before {transform:rotate(-90deg);}
.fs_mtop_menu .lnb li .lnb_layer01 {display:none;background:#fff;padding:10px 0;}
.fs_mtop_menu .lnb li .lnb_layer01 > li {border-bottom:1px dashed rgba(255,255,255,.5);}
.fs_mtop_menu .lnb li .lnb_layer01 > li a {display:block;height:40px;line-height:40px;text-align:left;color:#666;padding:0 20px 0 40px;position:relative;font-size:15px;}
.fs_mtop_menu .lnb li .lnb_layer01 > li a:before {content:""; position:absolute;left:30px;top:50%;width:3px;height:3px;background:#aaa;border-radius:100%;margin-top:-2px;}
.fs_mtop_menu .lnb li .lnb_layer01 > li:hover a, .fs_mtop_menu .lnb li .lnb_layer01 > li:focus a {color:#115f38;font-weight:600;text-decoration:underline;}
.fs_mtop_menu .lnb li .lnb_layer01 > li:hover a:before, .fs_mtop_menu .lnb li .lnb_layer01 > li:hover a:focus, .fs_mtop_menu .lnb li .lnb_layer01 > li:hover a:active {background:#115f38;}

.sitemap_box .sitemap.close:after {transform:rotate(45deg);top:10px;}
.sitemap_box .sitemap.close span:after {transform:rotate(45deg);top:4px;width:15px;left:}
.sitemap_box .sitemap.close span:before {transform:rotate(-45deg);top:4px;width:15px;left:}

#fs_container_wrap {margin-top:99px;}

/* 서브비주얼 */
.fs_sub_visual {display:flex;flex-flow:column wrap;justify-content:space-between;align-items:center;height:350px;background:no-repeat center top;}
.fs_sub_visual .sub_title {opacity:0;flex-grow:1;display:flex;justify-content:center;align-items:center;text-align:center;transform:translateY(-100px);animation:depth2-slide 1.2s ease forwards;}
.fs_sub_visual .sub_title h2 {color:#fff;font-family:'GyeonggiBatang', sans-serif;font-size:5.5rem;font-weight:700;letter-spacing:0.04em;}
@keyframes depth2-slide {
	0% {opacity:0;transform:translateY(-100px);-webkit-transform:translateY(-100px);}
	100% {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}
}

/* 서브메뉴 */
.sub_menu {display:block;width:100%;height:70px;margin:0 auto;/*background:rgba(0,105,62,0.8);*/background:rgba(0,0,0,0.5);}
.sub_menu > ul {display:flex;align-items:center;position:relative;height:70px;}
.sub_menu > ul > li {position:relative;color:#fff;}
.sub_menu > ul > li:before {content:"";position:absolute;right:0;top:0;bottom:0;width:1px;height:25px;margin:auto 0;background:rgba(255,255,255,0.3);}
.sub_menu > ul > li > a {display:block;line-height:70px;}
.sub_menu > ul > li .home {width:70px;background:url("/images/fs/layout/sub_home.png") no-repeat center center;font-size:0;}
.sub_menu > ul > li .dep1 {position:relative;width:100%;min-width:250px;padding:0 34px 0 24px;font-size:1.8rem;text-align:left;transition:0.4s;}
.sub_menu > ul > li .dep1 .sr-only {display:block;position:absolute;top:0;right:24px;bottom:0;width:10px;height:6px;margin:auto 0;background:url("/images/fs/layout/sub_menu.png") no-repeat center center;font-size:0;transition:0.4s;}
.sub_menu > ul > li.on .dep1 .sr-only {transform:rotateX(-180deg);}
/* 2차메뉴 */
.sub_menu .dep2 {z-index:10;display:none;width:100%;position:absolute;top:70px;left:0;padding:20px 0;border:1px solid #ddd;border-top:0;border-radius:0 0 25px 25px;background:#f8f5f1;}
.sub_menu .dep2 > li {margin-bottom:5px;}
.sub_menu .dep2 > li a {display:block;padding:5px 25px;color:#767676}
.sub_menu .dep2 > li a:is(:hover, :focus, :active) {color:#111;}

/* 콘텐츠 영역 */
.fs_sub_contents {width:auto;margin:120px auto;}

/* 실컨텐츠영역 */
#fs_content {min-height:400px;word-break:keep-all;}

/* 푸터영역 */
#fs_footer {padding:50px 0;background:#2a2a2a;}
#fs_footer > .wrap {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start;}
.foot_logo {width:300px;}
.foot_logo img {width:180px;}
.foot_box {width:calc(100% - 380px);}
.foot_box .foot_link {display:flex;flex-flow:row wrap;margin-bottom:22px;}
.foot_box .foot_link li {position:relative;padding:0 16px;color:#b8bdc1;font-weight:300;}
.foot_box .foot_link li:before {content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:1px;height:9px;margin:auto 0;background:#5b5b5b;}
.foot_box .foot_link li:first-child {padding-left:0;color:#10da02;font-weight:400;}
.foot_box .foot_link li:first-child:before {display:none;}
.foot_box .foot_text {color:#8d8e8f;font-weight:300;}
.foot_box .foot_text .text > * {display:inline-block;color:#8d8e8f;}
.foot_box .foot_text .text .address {padding-right:13px;}
.foot_box .foot_text .text span {position:relative;padding:0 13px;}
.foot_box .foot_text .text span:before {content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:1px;height:9px;margin:auto 0;background:#5b5b5b;}
.foot_box .foot_text .copyright {margin-top:5px;font-size:1.4rem;}
.foot_img {width:80px;}

/* PC */
@media only screen and (max-width:1399px){
	/* 공통 */
	.wrap {width:100%;padding:0 5%;}
	/* 상단 */
	.fs_head {width:100%;padding:0 2%;}
	.fs_top_menu .lnb > li a.lnb_title {padding:0 40px;}
}
@media only screen and (max-width:1199px){
	/* 1뎁스 */
	.fs_top_menu .lnb > li a.lnb_title {padding:0 32px;}
}
/* Tablet */
@media only screen and (max-width:1023px){
	/* 상단 */
	#fs_container_wrap {margin-top:80px;}
	.fs_head {height:80px;}
	/* 모바일 버튼 */
	.fs_head .mbtn_box {display:none;}
	/* 모바일 메뉴 ON */
	body.overlay {overflow:hidden;height:100%;touch-action:none;}
	.fs_top_menu {display:none;}
	.fs_mtop_menu {width:50%;top:80px;height:calc(100vh - 80px);}

	.fs_head .lnb_bg {z-index:-1;opacity:0;position:absolute;top:0;right:0;width:100%;height:100vh;background:rgba(0,0,0,0.5);transition:all 0.4s;-webkit-transition:all 0.4s;}
	.fs_head .lnb_bg.on {z-index:104;opacity:1;display:block;}

	/* 콘텐츠 영역 */
	.fs_sub_visual .sub_title h2 {font-size:3.5rem;}
	.fs_sub_contents {margin:10% auto;}

	/* 푸터영역 */
	#fs_footer {padding:5% 0;}
	#fs_footer > .wrap {flex-direction:column;align-items:center;}
	.foot_logo {width:auto;margin-bottom:20px;}
	.foot_logo img {width:160px;}
	.foot_box {width:100%;}
	.foot_box .foot_link {justify-content:center;}
	.foot_box .foot_text {text-align:center;}
	.foot_box .foot_text .text span {padding:0 9px;}
	.foot_img {margin-top:20px;width:100%;text-align:center;}
	.foot_img img {height:50px;}
}
/* Mobile */
@media only screen and (max-width:767px){
	.fs_head {}
	.fs_head .logo {}
	.fs_head .logo a img {max-width:none;width:150px;}

	.fs_mtop_menu {width:100%;}
	.fs_mtop_menu .lnb > li > a {padding:0 5%;}
	/* 서브비주얼 */
	.fs_sub_visual {height:180px;}
	/* 서브메뉴 */
	.sub_menu {height:50px;}
	.sub_menu > ul {height:50px;}
	.sub_menu > ul > li {width:50%;}
	.sub_menu > ul > li:first-child {display:none;}
	.sub_menu > ul > li:last-child:before {display:none;}
	.sub_menu > ul > li > a {line-height:50px;}
	.sub_menu > ul > li .home {width:50px;}
	.sub_menu > ul > li .dep1 {min-width:auto;padding:0 30px 0 20px;}
	.sub_menu > ul > li .dep1 .sr-only {right:20px;}
	.sub_menu .dep2 {top:50px;padding:10px 0;}
	.sub_menu .dep2 > li a {padding:5px 30px 5px 20px;}
	/* 푸터영역 */
	#fs_footer {padding:8% 0;}
	.foot_box .foot_text .text .address {display:block;padding-right:0;}
	.foot_box .foot_text .text .tel {padding-left:0;}
	.foot_box .foot_text .text .tel:before {display:none;}
}