@charset "utf-8";

/* 공통 */
.wrap {width:clamp(0px,95%,162rem);margin:0 auto;}

/* 해더영역 */
#fs_header {position:fixed;left:0;right:0;top:0;z-index: 10;transition: 0.4s;}
.fs_head {position:relative;z-index: 11;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;color:#106651;height:15rem;border-bottom: 1px solid rgba(255,255,255,0.2);}
.fs_head .logo a {display:block;}
.fs_head .logo a img {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7398%) hue-rotate(26deg) brightness(116%) contrast(95%);transition: 0.2s;}
	@media only screen and (max-width:1023px){
		.fs_head {height:10rem;}
		.fs_head .logo img {height:3.5rem;}
	}

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

/* 헤더메뉴 */
.fs_mtop_menu {display:none;}
.fs_top_menu {height: 100%;margin-left:auto;margin-right:6rem;}
.fs_top_menu .lnb {display:flex;flex-wrap:wrap;height: 100%;}
	/* 1뎁스 */
	.fs_top_menu .lnb > li {position:relative;height:100%;transition:0.4s;}
	.fs_top_menu .lnb > li.on {background:#35b193;color:#fff;}
	.fs_top_menu .lnb > li .lnb_title {display:flex;align-items: center;height:100%;font-size:2.3rem;font-weight:600;padding:0 3rem;position:relative;color:#fff;transition:0.4s;}
		/* 2뎁스 */
	.fs_top_menu .lnb > li .lnb_layer01 {opacity:0;visibility: hidden;background:#fff;color:#000;min-width:23rem;position:absolute;top:16.9rem;left:0;padding:2rem 3rem;font-size: 1.8rem;transition: 0.4s;}
	.fs_top_menu .lnb > li.on .lnb_layer01 {opacity:1;visibility: visible;top:14.9rem;box-shadow: 10px 10px 25px rgba(0,0,0,0.2);}
	.fs_top_menu .lnb > li .lnb_layer01 li:not(:last-child) {/*margin-bottom:15px;*/}
	.fs_top_menu .lnb > li .lnb_layer01 li a {display: block;padding:1.2rem 0;}
	.fs_top_menu .lnb > li .lnb_layer01 li a span {display: inline-block;position: relative;text-decoration: none;padding-bottom:2px;}
	.fs_top_menu .lnb > li .lnb_layer01 li a span:after {content:"";position: absolute;left: 0;bottom:0;display:block;width: 0;height: 2px;background: #0b9976;transition:0.4s;}
	.fs_top_menu .lnb > li .lnb_layer01 li a:is(:hover,:focus,:active) {color:#0b9976;font-weight: 700;}
	.fs_top_menu .lnb > li .lnb_layer01 li a:is(:hover,:focus,:active) span:after {width: 100%;}
		@media only screen and (max-width:1299px){
			.fs_top_menu .lnb > li .lnb_title {padding:0 20px;}
		}
		@media only screen and (max-width:1023px){
			.fs_top_menu .lnb {display:none;}
		}

/* 글로벌 */
.global_box {display:flex;flex-wrap:wrap;align-items:center;}
	/* 언어선택 */
	.global_box .lang_box {transition:0.4s;position:relative;margin-right:5rem;/*display: none;*/}
	.no_scroll .global_box .lang_box {display: block;}
	.global_box .lang_box .lang {display:block;background:transparent;}
	.global_box .lang_box .lang span {position:relative;display:block;padding-right:2rem;color:#fff;}
	.global_box .lang_box .lang span::after {content:"";position:absolute;right:0;top:0;bottom:0;display:inline-block;width:10px;height:6px;margin:auto 0;background:url("./../../images/fs/layout/down_arrow.png") right center no-repeat;transition:0.4s;}
	.global_box .lang_box.on .lang span::after {transform:rotate(180deg);}
	.global_box .lang_box .lang_dep_box {display:none;position:absolute;top:25px;}
	.global_box .lang_box.on .lang_dep_box {display:block;background:#fff;border:1px solid #ddd;color:#222;text-align:center;font-size:1.143em;padding:20px 30px;}
	.global_box .lang_box.on .lang_dep_box li {margin:10px 0;}
	.global_box .lang_box.on .lang_dep_box li.select {font-weight:700;color:#5ac0a7;}
	.global_box .lang_box.on .lang_dep_box a {display:block;}
		@media only screen and (max-width:767px){
			.global_box .lang_box {margin-right:30px;}
		}
	/* 사이트맵 버튼 */
	.sitemap_btn {}
	.sitemap_btn, .sitemap_btn span {display:inline-block;transition:0.4s;}
	.sitemap_btn {position:relative;width:2.8rem;height:20px;display: block;}
	.sitemap_btn span {position:absolute;left:0;width:100%;height:2px;background-color:#fff;}
	.sitemap_btn span:nth-of-type(1) {top:0;-webkit-animation:menu-bar07-01 .75s forwards;animation:menu-bar07-01 .75s forwards;}
	.sitemap_btn span:nth-of-type(2) {top:9px;transition:all .25s .25s;opacity:1;}
	.sitemap_btn span:nth-of-type(3) {bottom:0;-webkit-animation:menu-bar07-02 .75s forwards;animation:menu-bar07-02 .75s forwards;}
		/* 사이트맵 off일때 애니메이션 */
		@-webkit-keyframes menu-bar07-01 {
			0% {-webkit-transform:translateY(9px) rotate(45deg);}
			50% {-webkit-transform:translateY(9px) rotate(0);}
			100% {-webkit-transform:translateY(0) rotate(0);}
		}
		@keyframes menu-bar07-01 {
			0% {transform:translateY(9px) rotate(45deg);}
			50% {transform:translateY(9px) rotate(0);}
			100% {transform:translateY(0) rotate(0);}
		}
		@-webkit-keyframes menu-bar07-02 {
			0% {-webkit-transform:translateY(-9px) rotate(-45deg);}
			50% {-webkit-transform:translateY(-9px) rotate(0);}
			100% {-webkit-transform:translateY(0) rotate(0);}
		}
		@keyframes menu-bar07-02 {
			0% {transform:translateY(-9px) rotate(-45deg);}
			50% {transform:translateY(-9px) rotate(0);}
			100% {transform:translateY(0) rotate(0);}
		}
	.sitemap_btn.on span:nth-of-type(1) {-webkit-animation:active-menu-bar07-01 .75s forwards;animation:active-menu-bar07-01 .75s forwards;}
	.sitemap_btn.on span:nth-of-type(2) {opacity:0;}
	.sitemap_btn.on span:nth-of-type(3) {-webkit-animation:active-menu-bar07-02 .75s forwards;animation:active-menu-bar07-02 .75s forwards;}
		/* 사이트맵 on일때 애니메이션 */
		@-webkit-keyframes active-menu-bar07-01 {
			0% {-webkit-transform:translateY(0) rotate(0);}
			50% {-webkit-transform:translateY(9px) rotate(0);}
			100% {-webkit-transform:translateY(9px) rotate(45deg);}
		}
		@keyframes active-menu-bar07-01 {
			0% {transform:translateY(0) rotate(0);}
			50% {transform:translateY(9px) rotate(0);}
			100% {transform:translateY(9px) rotate(45deg);}
		}
		@-webkit-keyframes active-menu-bar07-02 {
			0% {-webkit-transform:translateY(0) rotate(0);}
			50% {-webkit-transform:translateY(-9px) rotate(0);}
			100% {-webkit-transform:translateY(-9px) rotate(-45deg);}
		}
		@keyframes active-menu-bar07-02 {
			0% {transform:translateY(0) rotate(0);}
			50% {transform:translateY(-9px) rotate(0);}
			100% {transform:translateY(-9px) rotate(-45deg);}
		}
	/* 사이트맵 */
	.sitemap_wrap {opacity:0;visibility:hidden;position:fixed;left:0;top:0;background:#1b3b33;}
	.sitemap_wrap.on {opacity:1;width:100vw;height:100vh;visibility:visible;z-index:10;display:flex;align-items:center;}
	.sitemap_wrap.on .lnb {width:162rem;margin:0 auto;}
	.sitemap_wrap.on .lnb > li {display:flex;align-items:center;}
	.sitemap_wrap.on .lnb > li:not(:last-child) {margin-bottom:5rem;}
	.sitemap_wrap.on .lnb > li .lnb_title {font-size:6rem;font-weight:700;padding-right:10rem;color:#fff;}
	.sitemap_wrap.on .lnb > li .lnb_layer01 {display:flex;flex-wrap:wrap;font-size:2.4rem;font-weight:500;gap:3rem 5rem;color:#b7b7b7;}
	.sitemap_wrap.on .lnb > li .lnb_layer01 li a:hover {color:#fff;}
		@media only screen and (max-width:1699px){
			.sitemap_wrap.on .lnb {width:100%;padding:0 2.5%;}
		}
		@media only screen and (max-width:1299px){
			.sitemap_wrap.on .lnb > li .lnb_title {padding-right:90px;}
			.sitemap_wrap.on .lnb > li .lnb_layer01 {gap:35px 80px;}
		}
		@media only screen and (max-width:1099px){
			.sitemap_wrap.on .lnb > li .lnb_title {padding-right:45px;}
		}
		@media only screen and (max-width:1023px){
			.sitemap_wrap.on .lnb > li {display:block;text-align:center;}
			.sitemap_wrap.on .lnb > li .lnb_title {padding-right:0;}
			.sitemap_wrap.on .lnb > li .lnb_layer01 {display:none;}
			.sitemap_wrap.on .lnb > li.on .lnb_layer01 {display:block;margin-top:10px;}
			.sitemap_wrap.on .lnb > li .lnb_layer01 a {display:inline-block;margin-top:20px;}
		}


.fs_header_scroll {background: #fff;border-bottom:1px solid #ddd;}
.fs_header_scroll.on .fs_head .logo a img {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7398%) hue-rotate(26deg) brightness(116%) contrast(95%);}
.fs_header_scroll .fs_head .logo a img {filter: none;}
.fs_header_scroll .fs_top_menu .lnb > li .lnb_title {color:#000;}
.fs_header_scroll .fs_top_menu .lnb > li.on .lnb_title {color:#fff;}
.fs_header_scroll .fs_top_menu .lnb > li .lnb_title:is(:hover,:focus,:active) {color:#fff;}
.fs_header_scroll .sitemap_btn span {background-color:#000;}
.fs_header_scroll .sitemap_btn.on span {background-color:#fff;}
.fs_header_scroll .global_box .lang_box .lang span {color:#000;}
.fs_header_scroll .global_box .lang_box .lang span::after {filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(327deg) brightness(96%) contrast(104%);}


#fs_container_wrap {}

/* 서브비주얼 */
.fs_sub_visual {display:flex;justify-content:center;align-items:center;height:50rem;padding-top:15rem;background-size: cover;background-repeat: no-repeat;background-position: center;}
.fs_sub_visual p {font-size:5.5rem;font-weight:700;color:#fff;}
	@media only screen and (max-width:1023px){
		.fs_sub_visual {height:35rem;padding-top:8rem;}
	}

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

/* 서브메뉴 */
.fs_snb_box {border-bottom:1px solid #ddd;}
.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 30px;color:#222;position:relative;width:auto;height:70px;line-height:73px;}
.snb_menu .sub_menu_list > li > a:before {content:"";position:absolute;width:8px;height:1px;background:#666;top:35px;right:31px;transform:rotate(45deg);transition: 0.4s;}
.snb_menu .sub_menu_list > li > a:after {content:"";position:absolute;width:8px;height:1px;background:#666;top:35px;right:25px;transform:rotate(-45deg);transition: 0.4s;}
.snb_menu .sub_menu_list > li.on > a {color:#106651;}
.snb_menu .sub_menu_list > li.on > a:before {transform:rotate(-45deg)}
.snb_menu .sub_menu_list > li.on > a:after {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;}
/* 2뎁스 */
.dep1 > li:last-child > a {font-weight:600;color:#106651;}
.snb_menu .dep2 {background:#fff;position:absolute;left:-1px;width:101%;z-index:99;}
.snb_menu .dep2 > li > a {position:relative;display:block;line-height:23px;padding:15px;color:#444;border:1px solid #ddd;border-bottom:none;}
.snb_menu .dep2 > li > a:is(:focus,:hover,:active) {text-decoration: underline;}
.snb_menu .dep2 > li:last-child > a {border-bottom:1px solid #ddd}
.snb_menu .dep2 > li.on > a {font-weight:600;color:#106651;}
	@media only screen and (max-width:1023px){
		.fs_snb_box {display:none;}
	}

/* 컨텐츠영역 */
.fs_content {padding-top:110px;}
	/* 서브타이틀 */
	.con_header {color:#222;text-align:center;margin-bottom:90px;}
	.con_header h3 {font-weight:700;font-size:2.625em;}
	.con_header .sub_title {font-weight:500;font-size:1.250em;margin-top:20px;}
	/* 실컨텐츠영역 */
	.con_body {padding-bottom:90px;}
		@media only screen and (max-width:1023px){
			.fs_content {padding-top:80px;}
			/* 서브타이틀 */
			.con_header {margin-bottom:80px;}
			/* 실컨텐츠영역 */
			.con_body {padding-bottom:60px;}
		}
		@media only screen and (max-width:767px){
			.fs_content {padding-top:70px;}
			/* 서브타이틀 */
			.con_header {margin-bottom:45px;}
			.con_header .sub_title {word-break:keep-all;line-height:1.25;}
			/* 실컨텐츠영역 */
			.con_body {padding-bottom:50px;}
		}

/* 푸터영역 */
#fs_footer {border-top:1px solid #ddd;color:#999;text-align: center;}
.fs_footer_box {position:relative;padding:9rem 0;}
.fs_footer_box .foot_text .foot_logo {}
.fs_footer_box .foot_text .address {margin-top:2.8rem;font-size:2rem;}
.fs_footer_box .foot_text .address strong {font-weight:700;}
.fs_footer_box .foot_text .address .add1 {display:block;margin-bottom:1.5rem;color:#000;}
.fs_footer_box .foot_text .address .add2 strong.add_tle1{color:#5ac0a7;}
.fs_footer_box .foot_text .address .add2 strong.add_tle2{color:#6892fc;}
.fs_footer_box .foot_text .address .add2 span {display:inline-block;margin-bottom:1.5rem;font-weight:400;color:#000;}
.fs_footer_box .foot_text .copyright {display:block;margin-top:5rem;font-weight: 400;font-size:2rem;color:#000;}
.fs_footer_box .foot_text .copyright b {font-weight: 700;}
#fs_footer .btn_top {position:fixed;right:2rem;bottom:0;z-index:9;display:grid;place-items:center;width:8rem;aspect-ratio:1/1;border:2px solid #6892fc;border-radius: 100%;}
#fs_footer .btn_top img {width:5rem;filter: brightness(0) saturate(100%) invert(52%) sepia(37%) saturate(1180%) hue-rotate(192deg) brightness(103%) contrast(98%);transform: rotate(90deg);}
	/* 반응형 */
	@media only screen and (max-width:1399px){
		.fs_footer_box {padding:60px 20px;}
	}
	@media only screen and (max-width:1199px){
		.fs_footer_box {padding:40px 20px 20px;}
	}
	@media only screen and (max-width:1023px){
		.fs_footer_box .foot_text .foot_logo img {width: 32rem;}
	}