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

/******************************/
/* 공통 */
/******************************/
a, button {
	transition:all .4s;-webkit-transition:all .4s;
    text-decoration:none;
}
.wrap {width:clamp(0px,96%,1700px);margin:0 auto;}

/******************************/
/* 헤더 영역 */
/******************************/
#fs_header {position:fixed;left:0;top:0;width:100%;z-index:999;}
.fs_head {display:flex;justify-content:space-between;align-items:center;height:7rem;box-sizing:border-box;padding-left:7rem;}
.fs_head .head_left {display:flex;align-items:center;}
	@media only screen and (max-width:1399px){
		.fs_head {padding-left:5%;}
	}

/* 로고 */
.fs_head .logo a {display:flex;}
.fs_head .logo a img {filter:brightness(100);}
	@media only screen and (max-width:1199px){
		.fs_head .logo a img {height:40px;}
	}
 
/* 헤더메뉴 */
.fs_top_menu::before {position:absolute;left:0;top:100%;z-index:-1;width:100%;height:0;background:#fff;content:"";transition:.3s;}
.fs_top_menu .lnb {display:flex;}
	/* 1뎁스 */
	.fs_top_menu .lnb > li {}
	.fs_top_menu .lnb > li .lnb_title {display:block;font-weight:600;font-size:2rem;color:#fff;padding:0 2.5rem;line-height:7rem;position:relative;}
	/* 2뎁스 */
	.fs_top_menu .lnb > li .depth2 {display:none;z-index:100;position:absolute;top:13rem;left:0;width:100%;height:auto !important;background:#fff;box-shadow:0 10px 20px 0 rgba(0,0,0,.1);text-align:left;transition:all .6s;-webkit-transition:all .6s;border-top:1px solid #f2f2f2;overflow:hidden;}
    .fs_top_menu .lnb > li.on .depth2 {top:7rem;}
	.fs_top_menu .lnb > li .depth2 .depth2_wrap {display:flex;flex-flow:row wrap;height:100%;}
	.fs_top_menu .lnb > li .depth2 .depth2_tit {position:relative;width:40%;padding-top:3.5rem;;border-right:1px solid #f2f2f2;text-align:center;}
	.fs_top_menu .lnb > li .depth2 .depth2_tit:before {content:'';position:absolute;right:0;bottom:0;background:url("/images/fs/layout/menu_bg.png") no-repeat bottom right;width:184px;height:225px;}
	.fs_top_menu .lnb > li .depth2 .depth2_tit strong {color:#222;font-size:2.5rem;font-weight:900;position:relative;padding-right:7rem;}
    .fs_top_menu .lnb > li .depth2 .depth2_tit strong:after {content:'';position:absolute;right:0;bottom:0;width:6rem;height:1px;background:#41bf78;}
	.fs_top_menu .lnb > li .depth2 .lnb_layer01 {display:flex;flex-wrap:wrap;width:60%;}
    .fs_top_menu .lnb > li .depth2 .lnb_layer01 > li {width:50%;min-height:20rem;border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;padding:3rem;}
    .fs_top_menu .lnb > li .depth2 .lnb_layer01 > li + li + li {border-bottom:0;}
	.fs_top_menu .lnb > li .depth2 .lnb_layer01 > li > a {display:block;font-size:1.8rem;font-weight:600;color:#222;margin-bottom:1.5rem;}
	.fs_top_menu .lnb > li .depth2 .lnb_layer01 > li > a:hover,	.fs_top_menu .lnb > li .depth2 .lnb_layer01 > li > a:focus,	.fs_top_menu .lnb > li .depth2 .lnb_layer01 > li > a:active {color:#36ae77;text-decoration:none;}

	.fs_top_menu .lnb > li .depth2 .lnb_layer01 > li .lnb_layer02 {font-size:1.6rem;color:#403f3e;}
	.fs_top_menu .lnb > li .depth2 .lnb_layer01 > li .lnb_layer02 li {position:relative;margin-top:1rem;padding-left:1rem;}
	.fs_top_menu .lnb > li .depth2 .lnb_layer01 > li .lnb_layer02 li:after {content:'';position:absolute;left:0;top:6px;width:3px;height:3px;background:#403f3e;border-radius:100%;}

		/* 오버, 스크롤 시 */
        #fs_header:is(:hover,:active,:focus),
		#fs_header:is(.active,.scroll) {background:#fff;box-shadow:0 15px 30px -15px rgba(0,0,0,.1);}
        #fs_header:is(:hover,:active,:focus)  .fs_head .logo a img,
		#fs_header.scroll .fs_head .logo a img {filter:none;}
        #fs_header:is(:hover,:active,:focus) .fs_head .global_box .lang li,
		#fs_header.scroll .fs_head .global_box .lang li {color:#222;}
        #fs_header:is(:hover,:active,:focus) .fs_head .global_box .lang li + li:after,
		#fs_header.scroll .fs_head .global_box .lang li + li:after {background:#222;}
			/* 1뎁스 */
            #fs_header:is(:hover,:active,:focus) .fs_top_menu .lnb > li .lnb_title,
			#fs_header:is(.active,.scroll) .fs_top_menu .lnb > li .lnb_title {color:#222;text-decoration:none;}
            #fs_header:is(:hover,:active,:focus) .fs_top_menu .lnb > li.on .lnb_title,
			#fs_header:is(.active,.scroll) .fs_top_menu .lnb > li.on .lnb_title {color:#2e8c57;text-decoration:none;}

			#fs_header:is(:hover,:active,:focus) .fs_top_menu .lnb > li.on > a:after,
			#fs_header:is(.active,.scroll) .fs_top_menu .lnb > li.on > a:after {content:'';position:absolute;left:0;right:0;top:calc(100% - 4px);width:8px;height:8px;background:#36ae77;border-radius:100%;margin:0 auto;z-index:101;}
                
	@media only screen and (max-width:1399px){
		.fs_top_menu .lnb > li .lnb_title {font-size:1.8rem;padding:0 2rem;}			
	}
    @media only screen and (max-width:1299px){
		.fs_top_menu .lnb > li .lnb_title {font-size:1.7rem;padding:0 1.5rem;}			
	}
	@media only screen and (max-width:1023px){
		.fs_top_menu {display:none;}
	}


/******************************/
/* 사이트맵 */
/******************************/
/* 버튼 */
.sitemap_btn_box {background:#41bf78;height:100%;width:7rem;display:flex;align-items:center;justify-content:center;}
.sitemap_btn {position:relative;width:27px;height:20px;display:flex;align-items:center;cursor:pointer;transition:all 0.25s ease-in;}
.sitemap_btn .menu_line { position:absolute;width:100%;height:2px;background:#fff;transition:all 0.25s ease-in;}
.sitemap_btn .menu_line.line_1 {left:0;top:0;}
.sitemap_btn .menu_line.line_2 {width:75%;}
.sitemap_btn .menu_line.line_3 {left:0;top:18px;}

/* 오픈 */
body.overlay {overflow:hidden;}
body.overlay .global_box {}
.fs_head.open .logo {position:relative;z-index:9;}
.fs_head.open .sitemap_btn {position:relative;z-index:11;}
.fs_head.open .sitemap_btn .menu_line {background:#41bf78;}
.sitemap_btn.open:hover {transform:rotate(180deg);}
.sitemap_btn.open .menu_line.line_1 {opacity:0;}
.sitemap_btn.open .menu_line.line_2 {width:100%;top:10px;transform:rotate(45deg);}
.sitemap_btn.open .menu_line.line_3 {top:10px;transform:rotate(-45deg);}

/* 사이트맵 */
.sitemap_box {visibility:hidden;position:fixed;left:0;top:-110%;width:100%;transition:all 0s;}
.sitemap_box:before {content:'';position:absolute;right:6rem;bottom:6rem;background:url("/images/fs/layout/menu_bg2.png") no-repeat bottom right;width:500px;height:125px;opacity:0.2;}
.sitemap_box.open {visibility:visible;top:0;z-index:9;height:100vh;background:#fff;}
.sitemap_box.open .lnb {padding:0 8rem;display:flex;flex-wrap:wrap;position:relative;top:55%;transform:translateY(-50%);gap:2rem 0;overflow-y:scroll;max-height:90vh;}
.sitemap_box.open .lnb > li {width:100%;text-align:center;display:flex;flex-wrap:wrap;border-bottom:1px dashed #ddd;padding-bottom:3rem;}
.sitemap_box.open .lnb > li:last-child {margin-bottom:0;}
.sitemap_box.open .lnb > li:is(:hover,:active,:focus) .lnb_title {color:#36ae77;}
.sitemap_box.open .lnb > li:hover .lnb_title:before {background-color:#36ae77;}
.sitemap_box.open .lnb > li .lnb_title {font-size:1.8em;color:#000;font-weight:700;display:block;position:relative;text-decoration:none;width:30rem;line-height:6rem;text-align:left;}
.sitemap_box.open .lnb > li .depth2 {width:calc(100% - 30rem);}
.sitemap_box.open .lnb > li .lnb_layer01 {display:flex;flex-wrap:wrap;gap:1rem 3rem;}
.sitemap_box.open .lnb > li .lnb_layer01 > li {color:#666;font-weight:500;line-height:6rem;text-align:left;margin-top:2rem;width:calc(25% - 3.8rem);}
.sitemap_box.open .lnb > li .lnb_layer01 > li a {position:relative;font-size:1.8rem;width:100%;font-weight:600;text-decoration:none;line-height:1.2;height:3rem;display:flex;align-items: center;}
.sitemap_box.open .lnb > li .lnb_layer01 > li a:is(:hover,:active,:focus) {color:#36ae77;}

.sitemap_box.open .lnb > li .depth2_tit {display:none;}
.sitemap_box.open .lnb > li .lnb_layer01 > li .lnb_layer02 {text-align:left;}
.sitemap_box.open .lnb > li .lnb_layer01 > li .lnb_layer02 li a {position:relative;margin-top:1rem;padding-left:1rem;height:auto;font-weight:400;font-size:1.6rem;line-height:1.2;display:block;}
.sitemap_box.open .lnb > li .lnb_layer01 > li .lnb_layer02 li a:after {content:'';position:absolute;left:0;top:7px;width:3px;height:3px;background:#403f3e;border-radius:100%;}
    @media only screen and (max-width:1499px){
		.sitemap_box.open .lnb {padding:0 5%;}
	}
    @media only screen and (max-width:1299px){
		.sitemap_box.open .lnb > li .lnb_title {font-size:2.3rem;width:25rem;}
		.sitemap_box.open .lnb > li .lnb_layer01 {gap:1rem 4rem}
		.sitemap_box.open .lnb > li .lnb_layer01 > li {width:calc(25% - 3rem);}
		.sitemap_box.open .lnb > li .depth2 {width:calc(100% - 25rem);}
	}        
	@media only screen and (max-width:1023px){
		.sitemap_box:before {background-size:40rem;}
		.sitemap_box.open .lnb {gap:3rem 0;}
		.sitemap_box.open .lnb > li .lnb_title {width:100%;line-height:5rem;}
		.sitemap_box.open .lnb > li .lnb_layer01 > li {margin-top:0;}
		.sitemap_box.open .lnb > li .depth2 {width:100%;}
	}
	@media only screen and (max-width:767px){
		.sitemap_box.open {background:#fff;}
		.sitemap_box.open .lnb {max-height:calc(100vh - 20rem);overflow-y:auto;top:50%;gap:1.8rem;}
		.sitemap_box.open .lnb > li {width:100%;text-align:left;padding-left:1rem;padding-bottom:3rem;}
		
		.sitemap_box.open .lnb > li .lnb_layer01 > li {width:100%;padding-top:1rem;padding-left:2rem;}
		.sitemap_box.open .lnb > li .lnb_layer01 > li a {height:auto;}
		.sitemap_box.open .lnb > li .lnb_layer01 > li .lnb_layer02 {padding-left:2rem;}
	}

/* 다국어 */
.fs_head .global_box {display: flex;gap:3.5rem;height:100%;width:21rem;justify-content:end;}
.fs_head .global_box .lang {display:flex;align-items: center;gap:1.5rem;}
.fs_head .global_box .lang li {color:#fff;opacity: .4;}
.fs_head .global_box .lang li.on,
.fs_head .global_box .lang li:hover {opacity: 1 !important;}
.fs_head .global_box .lang li a {font-weight:600;font-size:1.6rem;}

/******************************/
/* 서브 영역 */
/******************************/
#fs_container_wrap {}

/* 서브비주얼 */
.fs_sub_visual {position:relative;display:block;width: 100%;height:450px;background-color:#eee;background-size:cover;}
.fs_sub_visual p {position: relative;top:45%;line-height:1.4;color:#fff;text-shadow:5px 5px 5px rgba(0,0,0,0.1);width:100%;padding:0 9rem;margin:0 auto;}
.fs_sub_visual p strong {display: block;font-size:4em;}
.fs_sub_visual .location {position: relative;top:45%;line-height:1.4;width:100%;padding:0 9rem;margin:0 auto;}
.fs_sub_visual .location a {color:#fff;opacity:0.7;}
.fs_sub_visual .location .navi_ov {opacity:1;}

	@media only screen and (max-width:1399px){
		.fs_sub_visual p {padding:0 5%;}
		.fs_sub_visual .location {padding:0 5%;}
	}
	@media only screen and (max-width:1023px){
		.fs_sub_visual {height:350px;}
	}
	@media only screen and (max-width:767px){
		.fs_sub_visual {background-position:center;height:250px;}
		.fs_sub_visual p {top:55%;}
		.fs_sub_visual p strong {font-size:3em;}
        .fs_sub_visual .location {top:55%;}
	}

/* 서브메뉴 */
.fs_snb_box {width:100%;margin:-35px auto 0 auto;padding:0 9rem;}
.fs_snb_box .snb_menu {position:relative;}
.fs_snb_box .snb_menu ul.m_tabs {display:flex;margin:0 auto;flex-wrap:wrap;position:relative;top:50%;}
.fs_snb_box .snb_menu ul.m_tabs > li {width:auto;flex:1;min-width:calc(100% /9);text-align: center;border-radius:10px;padding:5px;}
.fs_snb_box .snb_menu ul.m_tabs > li.on:before {display:none;}
.fs_snb_box .snb_menu ul.m_tabs > li > a {width:100%;height:60px;display:flex;align-items:center;justify-content: center;padding:3px 2px 0 2px;text-wrap:balance;letter-spacing:-0.5px;text-decoration:none;font-size:1.6rem;background:#e8f0eb;border-radius:10px;}
.fs_snb_box .snb_menu ul.m_tabs > li.on > a {background:linear-gradient(120deg, #2e8c57 0%, #39b97e 100%);color:#fff;}
.fs_snb_box .snb_menu ul.m_tabs > li:not(.on):hover > a {color:#2e8c57;}

.fs_snb_box .snb_menu ul.m_tabs2 {display:flex;height:8rem;align-items:center;gap:5rem;justify-content:center;position:absolute;left:0;width:100%;}
.fs_snb_box .snb_menu ul.m_tabs2 li {position:relative;padding-left:1rem;}
.fs_snb_box .snb_menu ul.m_tabs2 li:before {content:'';position:absolute;left:0;top:6px;width:3px;height:3px;background:#999;border-radius:100%;}

	@media only screen and (max-width:1399px){
		.fs_snb_box {padding:0 5%;}
	}
	@media only screen and (max-width:1299px){
		.fs_snb_box .snb_menu ul.m_tabs > li > a {height:6rem;}
	}
	@media only screen and (max-width:767px){
        .fs_snb_box .snb_menu ul.m_tabs {display:none;}
		.fs_snb_box .snb_menu ul.m_tabs2 {display:none;}
	}

/* 오른쪽영역 */
.fs_content {}

	/* 실컨텐츠영역 */
	.fs_content > .con_body {padding-bottom:4rem;}
	.con_header {margin-bottom:6rem;}
	.con_header h3.tit {padding-bottom:20px;color:#222;text-align:left;font-size:2.8em;font-weight:600;margin-top:10rem;border-bottom:1px dashed #ddd;}
		@media only screen and (max-width:1023px){
			.con_header {margin-bottom:4rem;}
			.con_header h3.tit {font-size:2.5em;}
			.con_header h3.tit {margin-top:10rem;}
		}
		@media only screen and (max-width:767px){
            .con_header h3.tit {font-size:2.1em;padding-bottom:10px;margin-top:8rem;}
		}


/******************************/
/* 푸터영역 */
/******************************/
#fs_footer {padding:5rem 0;}
#fs_footer .fs_footer_box {display:flex;justify-content:space-between;position:relative;}

/* 기본정보 */
.fs_footer_box .foot_text {display:flex;justify-content:space-between;}
.fs_footer_box .foot_logo {width:275px;}
.fs_footer_box .foot_info {font-size:1.3rem;color:#222;line-height:1.6;padding-right:6rem;width:calc(100% - 275px);}
.fs_footer_box .foot_info strong {font-size:1.6rem;display:block;line-height:1.2;}
.fs_footer_box .foot_info address {display:flex;flex-wrap:wrap;gap:0 3rem;}
.fs_footer_box .foot_info span {color:#403f3e;font-size:1.4rem;}
.fs_footer_box .foot_info em {font-weight:600;color:#403f3e;}
.fs_footer_box .foot_info address.address span {display:block;}
.fs_footer_box .foot_info address.address span:first-child {width:100%;}
.fs_footer_box .foot_info span.copyright {display:block;margin-top:1.5rem;}

/* 맨위로 */
#fs_footer .btn_top {position:absolute;right:0;top:0;z-index:1;}
	@media only screen and (max-width:1299px){
		.fs_footer_box .foot_logo {width:25rem;}
		.fs_footer_box .foot_logo img {width:19rem;}
		.fs_footer_box .foot_info {width:calc(100% - 25rem);padding-right:8rem;}
	}
	@media only screen and (max-width:767px){
		#fs_footer {padding:4rem 0;}
		.fs_footer_box .foot_text {align-items:center;flex-direction:column;gap:3rem;}
		.fs_footer_box .foot_logo {width:100%;}
		.fs_footer_box .foot_info {width:100%;padding-right:0;}
	}