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

a {text-decoration:none;transition:all 0.3.s ease;-webkit-transition:all 0.3s ease;}
a:is(:hover,:active,:focus) {text-decoration:none;}

/* 반응형 */
.wrap {margin:0 auto;padding:0 15rem;}
    @media only screen and (max-width:1599px) {
        .wrap {padding:0 10rem}
    }
    @media only screen and (max-width:1399px) {
        .wrap {padding:0 5rem;}
    }
    @media only screen and (max-width:767px) {
        .wrap {padding:0 3rem;}
    }

/* 메뉴 오버시 배경 */
body {position:relative;width:100%;height:100%;}
body:before {content:"";position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;opacity:0;visibility:hidden;}
body.on:before {opacity:0.4;visibility:visible;}

#fs_wrap {overflow:hidden;}

/* 해더영역 */
#fs_header {position:absolute;top:0;z-index:10;width:100%;animation:moveSub2 0.8s cubic-bezier(0.68, -0.55, 0.265, 1) 1;padding:0 15rem;background:transparent;transition:0.5s;border-bottom:1px solid rgba(255,255,255,0.25);}
#fs_header.on {background:#fff;}
#fs_header.on:before {content:"";position:absolute;top:100px;width:100%;height:1px;}
/* 상단 */
.top_head .language > ul {display:flex;flex-wrap:wrap;width:100%;justify-content:flex-end;align-items:center;}
.top_head .language > ul li {position:relative;}
.top_head .language > ul li:first-child:after {content:"";display:block;position:absolute;right:0;top:50%;width:1px;height:11px;background:rgba(255, 255, 255, 0.3);margin-top:-5px;}
.top_head .language > ul > li > a {font-size:1.4rem;padding:0 1.5rem;color:#fff;line-height:5rem;height:5rem;}
.top_head .language > ul li .lang_wrap {position:relative;}
.top_head .language > ul li .lang_wrap .lang_btn {background:rgba(76, 80, 52, 0.2);border:1px solid rgba(255, 255, 255, 0.2);color:#fff;display:flex;align-items:center;padding:0 2rem;height:3.2rem;}
.top_head .language > ul li .lang_wrap .lang_btn img {margin-left:2rem;}
.top_head .language > ul li .lang_wrap .lang_btn.on img {transform:rotate(180deg);}
.top_head .language > ul li .lang_wrap .lang {position:absolute;top:3.2rem;left:0;width:100%;background:#fff;z-index:99;}
.top_head .language > ul li .lang_wrap .lang li a {color:#000;padding:1rem 2rem;display:block;font-size:1.1rem;}
.top_head .language > ul li:last-child {position:relative;}

#fs_header.on .top_head .language > ul li a {color:#666;}
.top_head .language > ul li:first-child:after {background:#ddd;}
.fs_head {position:relative;padding-left:30%;}
.fs_head .logo {display:flex;align-items:center;position:absolute;top:2rem;left:0;}
.fs_head .logo a {
overflow:hidden;display:inline-block;width:281px;height:36px;background:url("/images/fs/layout/logo.png") no-repeat left top;}

.top_head .btn_open {display:flex;align-items:center;height:3.2rem;
background:rgba(76, 80, 52, 0.2);border:1px solid rgba(255, 255, 255, 0.2);padding:0 1rem;margin-left:0.5rem;width:51px;}
.top_head .btn_open a {position:relative;display:inline-block;width:29px;height:30px;}
.top_head .btn_open a img {transform:translate(-4px, -2px);
filter:brightness(0) saturate(100%) invert(0%) sepia(2%) saturate(1534%)
hue-rotate(5deg) brightness(87%) contrast(87%);}
.top_head .btn_open a span {position:absolute;left:0;width:2.5rem;height:3px;background:#fff;}
.top_head .btn_open a span:nth-child(1) {top:0;width:2rem;left:0;}
.top_head .btn_open a span:nth-child(2) {width:1.5rem;left:0;}
.top_head .btn_open a span:nth-child(3) {width:1.5rem;left:0;}
.top_head .btn_open a span:nth-child(2),
.top_head .btn_open a span:nth-child(3) {top:47%;}
.top_head .btn_open a span:nth-child(4) {bottom:-1px;left:0;width:2.5rem;}
.top_head .btn_open a.on {z-index:10;}
.top_head .btn_open a.on span:nth-child(1) {top:50%;width:0;transform:translate(-50%, -50%);}
.top_head .btn_open a.on span:nth-child(2) {transform:translate(-50%, -50%) rotate(45deg);background:#fff;left:1rem;position:fixed;top:2.5rem;right:16rem;left:unset;}
.top_head .btn_open a.on span:nth-child(3) {transform:translate(-50%, -50%) rotate(-45deg);background:#fff;left:1rem;position:fixed;top:2.5rem;right:16rem;left:unset;}
.top_head .btn_open a.on span:nth-child(4) {bottom:50%;width:0;transform:translate(-50%, 50%);}
.top_head .btn_open a.home {}
.top_head .btn_open a.home img {width:36px;}
.top_head .btn_open a.sitemap_lnb_menu {height:1.5rem;padding:0;}
.top_head .btn_open a.lnb_menu_open {display:none;}
.top_head .btn_open .language_box {position:relative;}
    @media only screen and (max-width:1599px) {
        #fs_header {padding:0 10rem}
        .top_head .btn_open a.on span:nth-child(2) {right:11rem;}
        .top_head .btn_open a.on span:nth-child(3) {right:11rem;}
    }
    @media only screen and (max-width:1399px) {
        #fs_header {padding:0 5rem;}
        .top_head .btn_open a.on span:nth-child(2) {right:6rem;}
        .top_head .btn_open a.on span:nth-child(3) {right:6rem;}
    }
    @media only screen and (max-width:1199px) {
        #fs_header {height:80px;display:flex;flex-direction:row-reverse;align-items:center;}
        .top_head .btn_open a span:nth-child(4) {bottom:-2px;}
        .top_head .btn_open a.on span:nth-child(2) {top:40px;right:7rem;}
        .top_head .btn_open a.on span:nth-child(3) {top:40px;right:7rem;}
        /*.fs_head {position:absolute;top:0;left:0;width:auto;}*/
        .fs_head {position:static;padding-left:0;}
        .fs_head .logo {left:5rem;top:25px;}
    }
    @media only screen and (max-width:1023px) {
        .fs_head {height:90px;}
        .fs_head .logo {top:30px;}
        .fs_head .logo a {width:200px;height:21px;background-size:200px auto;background-position:left 0;transition:0s;}
        .fs_head .logo a {}
        .top_head .btn_open {top:28px;right:25px;gap:5px;}
        .top_head .btn_open a.on span:nth-child(2) {}
        .top_head .btn_open a.on span:nth-child(3) {}
        .top_head .btn_open a img {transform:translate(-4px, 1px);}
        .top_head .btn_open a.home img {width:30px;}
        .top_head .btn_open a.language img {width:28px;transform:translate(-4px, 2px);}
    }
    @media only screen and (max-width:767px) {
        #fs_header {padding:0 3rem;}
        /*.top_head .language > ul li:nth-child(3) {display:none;}*/
        .top_head .language > ul li .lang_wrap .lang {width: auto;}
        .top_head .language > ul li .lang_wrap .lang_btn {padding:0 1rem;}
        .top_head .language > ul li .lang_wrap .lang_btn img {margin-left:0.5rem;}
        .fs_head .logo {left:3rem;}
        .fs_head .logo a {width:160px;height:18px;background-size:160px auto;background-position:left 0;transition:0s;}
        .top_head .language > ul li a {font-size:1.5rem;padding:0 1rem;}
        .top_head .btn_open {width:55px;}
        .top_head .btn_open a span:nth-child(1) {top:-1px;}
        .top_head .btn_open a span:nth-child(2),
        .top_head .btn_open a span:nth-child(3) {top:44%;}
        .top_head .btn_open a.on span:nth-child(2) {right:4rem;}
        .top_head .btn_open a.on span:nth-child(3) {right:4rem;}
    }
    @media only screen and (max-width:580px) {
        #fs_header {height: 105px;align-items:flex-end;}
    }
    @media only screen and (max-width:459px) {
        #fs_header {padding:0 1rem;}
        .fs_head .logo {left:1rem;}
        .top_head .language > ul li a {padding:0 0.5rem;}
        .top_head .btn_open {width:55px;}
        .top_head .btn_open a span:nth-child(1) {top:-1px;}
        .top_head .btn_open a span:nth-child(2),
        .top_head .btn_open a span:nth-child(3) {top:46%;}
        .top_head .btn_open a.on span:nth-child(2) {right:2rem;}
        .top_head .btn_open a.on span:nth-child(3) {right:2rem;}
    }

/* 다국어 버튼 */
.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 1rem;color:#fff;}
.global_box .lang_wrap .lang_btn img {transition:0.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, 0.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_top_menu {}
/* 헤더메뉴_주메뉴 */
.fs_top_menu .menu_box {height:100%;}
.fs_top_menu .menu_box .lnb {display:flex;justify-content:center;height:100%;}
.fs_top_menu .menu_box .lnb > li {text-align:center;flex-grow:1;}
.fs_top_menu .menu_box .lnb > li:after {content:"";position:absolute;left:50%;top:96px;width:0;height:4px;}
.fs_top_menu .menu_box .lnb > li.active-bg:after {width:50px;height:4px;transform:translateX(-25px);}
.fs_top_menu .menu_box .lnb > li > .lnb_title {display:flex;justify-content:center;align-items:center;height:40px;margin:15px 0;font-size:2rem;font-weight:500;text-decoration:none;color:#fff;}
.fs_top_menu .menu_box .lnb > li > .lnb_title strong {font-weight:500;color:#e9dace;}
	/* 헤더메뉴_하위메뉴 */
    .fs_top_menu .menu_box .lnb > li {position:relative;}
    .fs_top_menu .menu_box .lnb > li .lnb_layer01 {visibility: hidden;opacity:0;width:100%;padding:30px 5px;text-align: center;position:absolute;top:100px;left:50%;transform:translate(-50%,0);background:rgba(255,255,255,0.85);color:#000;box-shadow:5px 7px 15px rgba(0,0,0,.1);transition:all .4s;-webkit-transition:all .4s;font-size:.95em;}
	.fs_top_menu .menu_box .lnb > li .lnb_layer01 .lnb_box .lnb_title {display:none;}
    .fs_top_menu .menu_box .lnb > li .lnb_layer01 > li + li {margin-top:2rem;}
    .fs_top_menu .menu_box .lnb > li .lnb_layer01 a {position:relative;line-height:1.7em;opacity: .9;transition: all .4s;-webkit-transition: all .4s;color:#222;}
    .fs_top_menu .menu_box .lnb > li .lnb_layer01 a:after {content:'';position:absolute;left:0;right:0;bottom:0;margin:auto;background:#714a27;width:0;height:1px;transition:all .3s;-webkit-transition:all .3s;}
    .fs_top_menu .menu_box .lnb > li .lnb_layer01 a:hover {opacity: 1;color:#714a27;font-weight:500}
	.fs_top_menu .menu_box .lnb > li .lnb_layer01 a strong {color:#714a27;}
    .fs_top_menu .menu_box .lnb > li .lnb_layer01 a:hover:after {width:100%;}
    .fs_top_menu .menu_box .lnb > li.on .lnb_layer01 {visibility: visible;opacity: 1;top:70px;}
    @media only screen and (max-width:1599px) {
    }
    @media only screen and (max-width:1399px) {
		.fs_top_menu .menu_box .lnb > li > .lnb_title {font-size:1.8rem;}
    }
    @media only screen and (max-width:1199px) {
        .fs_top_menu .menu_box .lnb {display:none;}
    }

/* 전체메뉴 */
.lnb_menu_box {display:none;position:fixed;left:0;top:0;width:100vw;height:100dvh;box-shadow:5px 5px 20px rgba(0, 0, 0, 0.1);background:#a78a6f;}
.lnb_menu_box .scroll_box {padding:0 10rem;display:flex;align-items:center;justify-content:center;height:100vh;}
.lnb_menu_box .lnb {display:flex;gap:20px;overflow-y:auto;width:100%;margin:0 auto;}
.lnb_menu_box .lnb > li {flex-grow:1;}
.lnb_menu_box .lnb > li > .lnb_title,
.lnb_menu_box .lnb > li > .lnb_title strong {display:block;font-size:2.5rem;font-weight:600;text-decoration:none;color:#fff;text-align:center;font-family:'MaruBuri';}
.lnb_menu_box .lnb > li .lnb_layer01 {}
.lnb_menu_box .lnb > li .lnb_layer01 > li {}
.lnb_menu_box .lnb > li .lnb_layer01 > li > a {position:relative;display:block;padding:12px 20px;font-size:1.8rem;color:#fff;text-align:center;}
.lnb_menu_box .lnb > li .lnb_layer01 {margin-top:1.5rem;border-top:1px solid rgba(255,255,255,0.2);padding-top:1.5rem;}
.lnb_menu_box .lnb > li .lnb_layer01 > li {
}
.lnb_menu_box .lnb > li .lnb_layer01 > li > a:is(:hover,:active,:focus) {background:#fff0cd;color:#3c322c;}
    @media only screen and (max-width:1599px) {
        .lnb_menu_box .scroll_box {padding:0 8rem;}
        .lnb_menu_box .lnb {flex-wrap:wrap;}
        .lnb_menu_box .lnb > li {width:23%;margin:2rem 0;flex-grow:unset;}
    }
    @media only screen and (max-width:1199px) {
        .lnb_menu_box .scroll_box {padding:0 5rem;}
        .lnb_menu_box .lnb {}
        .lnb_menu_box .lnb > li {margin:2rem 0;}
    }
    @media only screen and (max-width:1023px) {
        .lnb_menu_box .scroll_box {padding:0 0;}
        .lnb_menu_box .logo_site {margin-top:60px;}
        .lnb_menu_box .logo_site a {width:165px;height:30px;background-size:165px auto;background-position:left -25px;}
        .lnb_menu_box .lnb {flex-wrap:wrap;padding:10px 30px;gap:10px;}
        .lnb_menu_box .lnb > li {width:23%;}
        .lnb_menu_box .lnb > li > .lnb_title {padding:20px 0 8px 0;font-size:2.3rem;}
        .lnb_menu_box .lnb > li > .lnb_title strong {font-size:2.3rem;}
        .lnb_menu_box .lnb > li .lnb_layer01 > li > a {padding:12px 15px;}
        .lnb_menu_box .lnb > li .lnb_layer01 > li > a:before {top:20px;}
    }
    @media only screen and (max-width:767px) {
        .lnb_menu_box {width:100vw;}
        .lnb_menu_box .scroll_box {padding:0 3rem;align-items:flex-start;overflow:scroll;height: calc(100dvh - 60px);}
        .lnb_menu_box .lnb {gap:0;height:auto;padding:5px 20px;}
        .lnb_menu_box .lnb > li {padding-bottom:0;flex:none;width:100%;margin:1rem 0;}
        .lnb_menu_box .lnb > li > .lnb_title {text-align:left;width:100%;}
        .lnb_menu_box .lnb > li:last-child {border-bottom:0;}
        .lnb_menu_box .lnb > li > .lnb_title {position:relative;padding:10px 0;font-size:2.4rem;cursor:pointer;}
        .lnb_menu_box .lnb > li > .lnb_title strong {text-align:left;}
        .lnb_menu_box .lnb > li > .lnb_title:after {content:"";position:absolute;right:0;top:26px;display:block;width:13px;height:1px;background: #fff;transition: 0.3s;}
        .lnb_menu_box .lnb > li > .lnb_title.arr:after {transform:rotate(135deg);}
        .lnb_menu_box .lnb > li .lnb_layer01 {padding-bottom:10px;}
        .lnb_menu_box .lnb > li .lnb_layer01 > li > a {padding:12px 20px;font-size:1.8rem;text-align:left;}
        .lnb_menu_box .lnb > li .lnb_layer01 > li > a:before {top:20px;width:3px;height:3px;}
    }

/* 서브비주얼 */
.fs_sub_visual {display:flex;flex-direction:column;background-repeat:no-repeat;background-position:center center;background-size:cover;height:500px;align-items:center;justify-content:center;}
/* 로케이션 */
.fs_snb_box {position:relative;z-index:2;padding:10px 0;padding-top:120px;}
/* 서브메뉴 */
.snb_menu {}
.snb_menu .dep1 {display:inline-flex;justify-content:center;}
.snb_menu .dep1 > li {position:relative;}
.snb_menu .dep1 > li > a {position:relative;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-weight:500;color:#fff;}
.snb_menu .dep1 > li > a:after {content:"/";display:block;position:absolute;right:0;top:1px;width:1px;height:10px;color:rgba(255,255,255,0.4);}
.snb_menu .dep1 > li:last-child > a:after {display:none;}
.snb_menu .dep1 > li > a span {flex-shrink:0;width:10px;height:6px;margin-left:15px;}
.snb_menu .dep1 > li .dep2 {display:none;position:absolute;top:30px;width:160px;background:rgba(255,255,255,0.9);}
.snb_menu .dep1 > li.on .dep2 {}
.snb_menu .dep1 > li .dep2 li {}
.snb_menu .dep1 > li .dep2 li a {display:block;padding:12px 25px;font-weight:400;color:#666;}
.snb_menu .dep1 > li .dep2 li:first-child a {border-top:0;}
.snb_menu .dep1 > li .dep2 li a:is(:hover, :focus, :active) {text-decoration:underline;color:#3b312b;font-weight:600;}
.snb_menu .dep1 > li .btn_down {background:url("/images/fs/layout/arr_sub.png") no-repeat left top;filter:brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(0%)
hue-rotate(349deg) brightness(106%) contrast(106%);}
.snb_menu .dep1 > li.on .btn_down {transform:rotate(180deg);}
/* 홈으로 */
.snb_menu .dep1 > li.home {}
.snb_menu .dep1 > li.home a {padding:0 20px 0 2px;}
.snb_menu .dep1 > li.home a img {filter:brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(0%) hue-rotate(349deg) brightness(106%) contrast(106%);margin-top:3px;}
    @media only screen and (max-width:1023px) {
        .snb_menu .dep1 > li > a {padding:0 15px;}
        .snb_menu .dep1 > li > a:after {top:0;}
        .snb_menu .dep1 > li .dep2 {top:38px;}
        .snb_menu .dep1 > li.home a {padding:0 15px 0 2px;}
        .snb_menu .dep1 > li.home a img {margin-top:2px;}
    }
    @media only screen and (max-width:767px) {
        .fs_snb_box {padding:8px 0;}
        .snb_menu .dep1 > li.home a {padding:0 18px 0 2px;}
        .snb_menu .dep1 > li.home a img {margin-top:3px;}
    }
/* 서브타이틀 */
.fs_sub_visual .sub_title {margin-top:15px;font-size:5.5rem;font-weight:700;color:#fff;font-family:'MaruBuri';}
    @media only screen and (max-width:1199px) {
        .fs_sub_visual {height:400px;}
        .fs_sub_visual .sub_title {margin-top:5px;font-size:5rem;}
        .fs_snb_box {padding-top:80px;}
    }
    @media only screen and (max-width:1023px) {
        .fs_sub_visual {height:300px;}
        .fs_sub_visual .sub_title {margin-top:5px;font-size:4.5rem;}
    }
    @media only screen and (max-width:767px) {
        .fs_sub_visual {height:250px;}
        .fs_sub_visual .sub_title {margin-top:0;font-size:3.5rem;}
    }

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

.fs_content {}
/* 서브본문타이틀 */
.con_header {padding:80px 0 0 0;text-align:left;}
.con_header h3 {font-size:4rem;font-weight:600;color:#42362f;font-family:'MaruBuri';}
    @media only screen and (max-width:1023px) {
        .con_header {padding-top:6rem;}
        .con_header h3 {font-size:3.5rem;}
    }
    @media only screen and (max-width:767px) {
        .con_header h3 {font-size:3rem;}
    }

/* 실컨텐츠영역 */
.con_body {padding:80px 0 0 0;}
    @media only screen and (max-width:1023px) {
        .con_body {padding:60px 0 0 0;}
    }
    @media only screen and (max-width:767px) {
        .con_body {padding:40px 0 0 0;}
    }

/* 푸터영역 */
#fs_footer {padding:4rem 0;background:url("/images/fs/layout/footer_bg.png") no-repeat left bottom;background-size:cover;}
.fs_footer_box {display:flex;color:#aaa;justify-content:space-between;}
.fs_footer_box .logo {width:281px;height:36px;overflow:hidden;}
.fs_footer_box .foot_text {font-weight:500;font-size:1.5rem;padding:2rem 0;}
.fs_footer_box .foot_text ul li {line-height:2rem;}
.fs_footer_box .foot_text ul li span {position:relative;padding-right:10px;margin-right:10px;}
.fs_footer_box .foot_text ul li span:before {content:"";position:absolute;right:0;top:3px;width:1px;height:12px;background:#aaa;}
.fs_footer_box .copyright {display:block;margin-top:10px;font-size:1.4rem;}
.fs_footer_box .copyright span {color:#fff;}
.fs_footer_box .copyright span em {color:#f2d6bd;}
.fs_footer_box .foot_right {text-align:right;}
.fs_footer_box .foot_right ul {display:flex;}
.fs_footer_box .foot_right ul li {position:relative;padding:0 3rem;font-size:1.7rem;}
.fs_footer_box .foot_right ul li:before {content:"";position:absolute;right:0;top:6px;width:1px;height:12px;background:#aaa;}
.fs_footer_box .foot_right ul li:last-child {padding-right:0;}
.fs_footer_box .foot_right ul li:last-child:before {display:none;}
.fs_footer_box .foot_right ul li a:is(:hover,:active,:focus) {color:#fff;}
.fs_footer_box .foot_right div {margin-top:4rem;}
.fs_footer_box .foot_right div p {font-size:18px;}
.fs_footer_box .foot_right div p span {color:#f2d6bd;font-weight:600;}
.fs_footer_box .foot_right div strong {font-size:3rem;color:#fff;font-weight:800;}
.fs_footer_box .foot_right div strong span {color:#bf9e80;}

    @media only screen and (max-width:1023px) {
        .fs_footer_box .foot_right ul li {padding:0 1.3rem;}
    }
    @media only screen and (max-width:767px) {
        #fs_footer {padding:3rem 0;}
        .fs_footer_box {display:block;}
        .fs_footer_box .logo {height:18px;}
        .fs_footer_box .logo a img {width:160px;}
        .fs_footer_box .foot_right {margin-top:3rem;}
        .fs_footer_box .foot_right ul {justify-content:end;}
        .fs_footer_box .foot_right div {margin-top:2rem;}
    }

/* 맨위로 */
#fs_footer .btn_top {display:none;position:fixed;right:10px;bottom:10px;z-index:9;}
#fs_footer .btn_top a {display:block;}
#fs_footer .btn_top .top {display:grid;place-items:center;width:70px;height:70px;line-height:1;font-weight:500;background:#bf9e80;}
#fs_footer .btn_top .top:is(:hover, :focus, :active) {}
    @media only screen and (max-width:1023px) {
        #fs_footer .btn_top .top {height:50px;width:50px;}
        #fs_footer .btn_top .top img {width:50%;}
    }
    @media only screen and (max-width:767px) {
        #fs_footer .btn_top .top {height:40px;width:40px;}
    }