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

:lang(zh) {font-family: "Noto Sans SC", sans-serif;}

/***********************/
/* 커스텀하여 사용권장
 직접커스텀 : https://matthewlein.com/tools/ceaser
 이징 참고표 : https://easings.net/ko
*/
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);
    text-decoration:none;
}
/***********************/

#footer .inner .footer-top ul li span {display: block;}

#wrap #container #section .right_content .content_body {word-break: break-all;}

.history_wrap .history_tit {padding:3rem;}

html, body { font-family:'Noto Sans SC', 'sans-serif';}

/*

!* 반응형 *!
.wrap {margin:0 11rem;}
	@media only screen and (max-width:1399px){
		.wrap {margin:0 5%;}
	}

!* 스크롤 효과 *!
.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);}

body {position: relative;}
body.on:after {content:"";position: fixed;left:0;top:40px;z-index:1;width:100vw;height:calc(100vh - 40px);background: rgba(0,0,0,0.4);}
!* 해더영역 *!
#fs_header {position:sticky;top:0;z-index:10;width: 100%;background:#fff;}
!* 상단 *!
.fs_head {display: flex;justify-content:space-between;align-items:center;}
	!* 로고 *!
	.fs_head .logo {display: flex;width:300px;}
	.fs_head .logo a {display:inline-block;}
	!* 사이트맵 *!
    .fs_head .last_box {display: flex;align-items:center;gap:30px;height:100%;}
	.fs_head .last_box .btn_open {display: flex;align-items:center;height:100%;}
	.fs_head .last_box .btn_open a {position:relative;display:inline-block;width:30px;height:20px;}
	.fs_head .last_box .btn_open a span {position:absolute;right:0;width:100%;height:2px;background:#000;border-radius:4px;transform:translate(0,0) rotate(0deg);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);}
	.fs_head .last_box .btn_open a span:nth-child(1) {top:0;width:30px;}
	.fs_head .last_box .btn_open a span:nth-child(2) {top:50%;transform: translate(0,-50%);}
	.fs_head .last_box .btn_open a span:nth-child(3) {top:50%;transform: translate(0,-50%);}
	.fs_head .last_box .btn_open a span:nth-child(4) {bottom:0}
	.fs_head .last_box .btn_open a.on {z-index: 10;}
	.fs_head .last_box .btn_open a.on span:nth-child(1) {top:50%;width:0;transform:translate(-50%,-50%);display:none;}
	.fs_head .last_box .btn_open a.on span:nth-child(2) {transform:translate(0, -50%) rotate(45deg);}
	.fs_head .last_box .btn_open a.on span:nth-child(3) {transform:translate(0, -50%) rotate(-45deg);}
	.fs_head .last_box .btn_open a.on span:nth-child(4) {bottom:50%;width:0;transform:translate(-50%,50%);display:none;}
	.fs_head .last_box .btn_open a.sitemap_lnb_menu {}
	.fs_head .last_box .btn_open a.lnb_menu_open {display: none;}
        @media only screen and (max-width:1527px){
            .fs_head .logo {width:auto;}
            .fs_head .last_box {gap:20px;}
		}
		@media only screen and (max-width:1399px){
			.fs_head .last_box .btn_open {right:15px;}
		}
		@media only screen and (max-width:767px){
            .fs_head .last_box {gap:10px;}
		}

!* 헤더메뉴 *!
.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 {padding:0 1.8vw;}
.fs_top_menu .menu_box .lnb > li > .lnb_title {position:relative;display:flex;justify-content:center;align-items: center;height:120px;font-size:2rem;color:#000;text-decoration: none;font-weight:600;}
.fs_top_menu .menu_box .lnb > li > .lnb_title:is(:hover,:focus,:active) {color:#1aa93a;}
!* 헤더메뉴_하위메뉴 *!
.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:160px;left:0;background:#fff;color:#000;box-shadow:5px 7px 15px rgba(0,0,0,.1);font-size:.95em;height:100%;display:inline-table;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:4px solid #1aa93a;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);}
.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 {}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 a {position:relative;line-height:1.7em;opacity: .9;color:#222;font-size:1.5rem;letter-spacing:-0.5px;}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 a:hover {opacity: 1;color:#1aa93a;font-weight:500;}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 a strong {color:#1aa93a;}
.fs_top_menu .menu_box .lnb > li.on .lnb_layer01 {visibility: visible;opacity: 1;top:120px;}
	@media only screen and (max-width:1527px){
	}
	@media only screen and (max-width:1399px){
	}
	@media only screen and (max-width:1199px){
        .fs_head {height:100px;}
        .fs_top_menu .menu_box {display: none;}
	}
	@media only screen and (max-width:1023px){
		
	}
	@media only screen and (max-width:767px){
        .fs_head .logo a img {width:100px;}
        .fs_head {height:80px;}
	}

!* 전체메뉴 *!
.lnb_menu_box {display:none;position: fixed;left:0;top:0;z-index:5;width: 100vw;height:100vh;}
.lnb_menu_box .scroll_box {padding:50px 11rem;width:100%;height:auto;margin:120px auto 0 auto;background:#2d5135;}
.lnb_menu_box .lnb {display:flex;flex-direction:column;gap:30px;overflow-y:auto;height:100%;padding-right:10px;}
.lnb_menu_box .lnb > li {display:flex;}
.lnb_menu_box .lnb > li > .lnb_title {flex-shrink:0;position:relative;display:block;width:250px;padding-top:10px;font-size:2.4rem;color:#fff;font-weight:600;text-decoration:none;}
.lnb_menu_box .lnb > li .lnb_layer01 {flex-grow:1;display: flex;flex-wrap: wrap;gap:10px;}
.lnb_menu_box .lnb > li .lnb_layer01 > li {width: calc((100% - 40px) / 5);}
.lnb_menu_box .lnb > li .lnb_layer01 > li > a {position:relative;display:flex;justify-content:space-between;align-items:center;padding:11px 15px 9px 15px;font-size:1.7rem;border:2px solid #fff;transition:0.3s;color:#fff;border-radius:30px;text-decoration:none;}
.lnb_menu_box .lnb > li .lnb_layer01 > li > a:is(:hover,:focus,:active) {background:#fff;color:#2d5135;font-weight:600;}
.lnb_menu_box .lnb > li .lnb_layer01 > li.on > a {background:#fff;color:#2d5135;font-weight:600;}
.lnb_menu_box .lnb > li:not(:has(.lnb_layer01)) > .lnb_title:after,
.lnb_menu_box .lnb > li:not(:has(.lnb_layer01)) > .lnb_title:before {display:none;}
	@media only screen and (max-width:1399px){
		.lnb_menu_box .scroll_box {width:auto;padding:50px 5%;}
	}
	@media only screen and (max-width:1199px){
        .lnb_menu_box .scroll_box {padding:50px 5%;margin:100px auto 0 auto;}
        
        .lnb_menu_box .lnb {gap:0;padding-right:0;}
		.lnb_menu_box .lnb > li {flex-direction: column;padding-top:20px;padding-bottom:20px;border-top:1px solid rgba(255,255,255,0.2);flex-wrap:wrap;width:100%;}
		.lnb_menu_box .lnb > li:first-child {margin-top:0;padding-top:0;border-top:0;}
		.lnb_menu_box .lnb > li > .lnb_title {display:flex;width:100%;line-height:0.7;padding-top:8px;}
		.lnb_menu_box .lnb > li > .lnb_title:after {content:"";position: absolute;right:0;top:50%;width: 20px;height: 1px;background: #fff;}
        .lnb_menu_box .lnb > li > .lnb_title:before {content:"";position: absolute;right:0;top:50%;width: 20px;height: 1px;background: #fff;transform: rotate(90deg);transition: 0.3s}
		.lnb_menu_box .lnb > li > .lnb_title.arr:before {transform: rotate(180deg);}
		.lnb_menu_box .lnb > li .lnb_layer01 {margin-top:20px;}
	}
	@media only screen and (max-width:1023px){
		.lnb_menu_box .lnb > li .lnb_layer01 > li {width:calc((100% - 40px) / 3);}
	}
    @media only screen and (max-width:767px){
        .lnb_menu_box .scroll_box {padding:30px 5%;margin:80px auto 0 auto;}
        .lnb_menu_box .lnb > li > .lnb_title {font-size:2rem;}
        .lnb_menu_box .lnb > li .lnb_layer01 {gap:5px;}
        .lnb_menu_box .lnb > li .lnb_layer01 > li {width:calc((100% - 40px) / 2);height:39px;}
        .lnb_menu_box .lnb > li .lnb_layer01 > li > a {padding:8px 10px 5px 10px;}
    }

!* 언어 선택 *!
.global_box.mob {display: none;color:#222;}
.global_box.mob .icon:before {filter:brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(5%) hue-rotate(237deg) brightness(101%) contrast(102%);}
.global_box {display:flex;font-size:15px;color:#222;font-weight:600;}
.global_box .lang_wrp {position:relative;}
.global_box .lang_wrp .lang {display:none;position:absolute;left:50%;top:40px;transform:translateX(-50%);background:#1aa93a;padding:15px;text-align:center;color:#fff;min-width:80px;border-radius:10px;z-index: 11;}
.global_box .lang_wrp .lang li:nth-child(n+2) {margin-top:10px;}
.global_box .lang_wrp .lang a {position:relative;font-size:.95em;padding-bottom:2px;}
.global_box .lang_wrp .lang a:after {content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:#fff;transition:all .2s;-webkit-transition:all .2s;}
.global_box .lang_wrp .lang a:is(:hover, :active, :focus):after {width:100%;}
.global_box .icon {position:relative;padding-left:25px;transition:all .3s;-webkit-transition:all .3s;font-size:1.7rem;}
.global_box .icon:is(:hover, :active, :focus) {filter:invert(49%) sepia(76%) saturate(601%) hue-rotate(82deg) brightness(89%) contrast(88%);}
.global_box .icon:before {content:'';position:absolute;left:0;top:0;bottom:0;margin:auto;width:17px;height:17px;background:url("/images/fs/layout/lang.png") no-repeat center left;}

!* 쇼핑몰바로가기 *!
.shop a {font-size:1.7rem;color:#1aa93a;font-weight:600;border:2px solid #1aa93a;padding:8px 20px;border-radius:30px; display:block;text-decoration:none;}
.shop a:is(:hover, :active, :focus) {background:#1aa93a;color:#fff;}
    @media only screen and (max-width:767px){
        .shop a {padding:5px 10px;font-size:1.4rem;}
	}
#fs_container_wrap {}

!* 서브컨텐츠 *!
.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_sub_visual {display:flex;justify-content:center;align-items:center;height:300px;background-size:cover !important;}
.fs_sub_visual p {font-size:2.5em;font-weight:700;color:#fff;}
	@media only screen and (max-width:1023px){
		.fs_sub_visual {height:250px;}
        .fs_sub_visual p {font-size:40px;}
	}
    @media only screen and (max-width:767px){
		.fs_sub_visual {height:150px;}
        .fs_sub_visual p {font-size:30px;}
	}

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

!* 컨텐츠 타이틀 *!
.con_header {}
.con_header h3 {display:block;font-size:4rem;font-weight:800;line-height:normal;}
    @media only screen and (max-width:1023px){
        .con_header h3 {font-size:3.5rem;}
    }
    @media only screen and (max-width:767px){
        .con_header {}
        .con_header h3 {font-size:3rem;}
    }

!* 컨텐츠영역 *!
.fs_content {}
	.con_body {padding:100px 0;}
	@media only screen and (max-width:1399px){
		.con_body {padding:80px 0;}
	}
	@media only screen and (max-width:767px){
		.con_body {padding:50px 0;}
	}

!* 푸터영역 *!
#fs_footer {padding:60px 0;border-top:1px solid #ddd;position:relative;}
#fs_footer .wrap {display:flex;}
#fs_footer .f_logo {width:240px;}
#fs_footer .f_logo img {}
#fs_footer .fs_footer_box {width:calc(100% - 240px);}
#fs_footer .foot_text {font-size:1.7rem;}
#fs_footer .foot_text ul.f_info {display:flex;flex-wrap:wrap;}
#fs_footer .foot_text ul.f_info > li {display:flex;flex-wrap:wrap;font-weight:normal;border-right:1px solid #ddd;padding:0 30px;margin-bottom:10px;}
#fs_footer .foot_text ul.f_info > li:first-child {padding-left:0;}
#fs_footer .foot_text ul.f_info > li:last-child {border-right:0;}
#fs_footer .foot_text ul.f_info > li .th {display:inline-block;font-weight:bold ;color:#bbb;margin-right:10px;}
#fs_footer .foot_text ul.f_info > li p {color:#767676;}
#fs_footer .foot_text ul.f_info2 {margin-top:20px;}
#fs_footer .foot_text ul.f_info2 li {width:100%;padding:0;}
#fs_footer .foot_text p.copyright {color:#bbb;margin-top:20px;}
#fs_footer .foot_text p.copyright strong {color:#767676;}

#fs_footer .btn_top {position:fixed;right:20px;bottom:20px;z-index:1;display:flex;justify-content:center;align-items:center;width:55px;height:55px;background:rgba(0,0,0,0.5);border-radius:100%;}
#fs_footer .btn_top img {filter:brightness(1000);animation: appear 2s forwards infinite; transform:rotate(-90deg);}

@media only screen and (max-width:1599px){
	#fs_footer .btn_top {right:30px;}
}
@media only screen and (max-width:1199px){
    #fs_footer .f_logo {width:200px;}
    #fs_footer .fs_footer_box {width:calc(100% - 200px);}
    #fs_footer .foot_text ul.f_info > li {padding:0 20px;}
}
@media only screen and (max-width:1023px){
    #fs_footer {padding:50px 0;}
    #fs_footer .f_logo {width:180px;}
    #fs_footer .f_logo img {width:140px;}
    #fs_footer .fs_footer_box {width:calc(100% - 180px);}
    #fs_footer .foot_text ul.f_info > li {padding:0 10px;font-size:1.4rem;letter-spacing:-1px;}
    #fs_footer .foot_text ul.f_info2 {margin-top:10px;}
    #fs_footer .foot_text p.copyright {color:#bbb;margin-top:10px;font-size:1.4rem;}
	#fs_footer .btn_top {right:15px;}
}
@media only screen and (max-width:767px){
    #fs_footer {padding:40px 0;}
    #fs_footer .wrap {flex-wrap:wrap;}
    #fs_footer .f_logo {width:100%;}
    #fs_footer .f_logo img {width:100px;}
    #fs_footer .fs_footer_box {width:100%;margin-top:20px;}
    #fs_footer .foot_text ul.f_info > li {width:100%;padding:0;border-right:0;margin-bottom:5px;}
	#fs_footer .btn_top {right:15px;bottom:calc(100% + 15px);width:40px;height:40px;}
}*/