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

/* 변수 지정(공통부분) */
:root {

	/* 속도 */
	--lay-transition: 0.4s ease;
	/* 텍스트 색상 */
	--lay-col-title: #111;
	--lay-col-content: #555;
	--lay-col-content2: #767676;
	--lay-col-white: #fff;
	--lay-col-blue: #055ffe;
	--lay-col-blue2: #b0e4ff;
	--lay-col-gray: #dedede;
	--lay-col-green: #f3f8f6;
	--lay-col-green2: #96ffa0;
	--lay-col-green3: #96ffea;
	--lay-col-green4: #149a3f;
	--lay-col-footer1: #f4f8fa;
	--lay-col-footer2: #dfe4e8;
	/* 라인색상 */
	--lay-line-col: #e5e5e5;
	/* 배경색상 */
	--lay-bg-col-black: #111;
	--lay-bg-col-white: #fff;
	--lay-bg-col-gray: #f9f9f8;
	--lay-bg-col-blue: #f0f5f6;
	--lay-bg-col-blue2: #055ffe;
	--lay-bg-col-blue3: #f5f9fa;
	--lay-bg-col-blue4: #059dfe;
	--lay-bg-col-blue5: #0b9dd3;
	--lay-bg-col-blue6: #0b69d3;
	--lay-bg-col-green: #3dd16a;
	--lay-bg-col-green2: #4ecadc;
	--lay-bg-col-green3: #378971;
	--lay-bg-col-green4: #16af46;
	--lay-bg-col-green5: #0daf96;
	--lay-bg-col-footer: #071e2f;

}

/* 반응형 */
.wrap {width:clamp(0px,100%,1400px);margin:0 auto;}
	@media only screen and (max-width:1399px){
		.wrap {padding:0 15px;}
	}

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

/* 해더영역 */
#fs_header {position: fixed;top:0;z-index:10;width: 100%;background: var(--lay-bg-col-white);border-bottom:1px solid var(--lay-line-col);
	animation: moveSub2 0.8s cubic-bezier(0.680, -0.550, 0.265, 1.000) 1;
}
#fs_header:before {}
#fs_header.on:before {content: "";position: absolute;top:100px;width: 100%;height:1px;background: var(--lay-line-col);}
/* 상단 */
.fs_head {position:relative;display: flex;justify-content:center;align-items: stretch;padding-left:100px;}
.fs_head .logo {position:absolute;left:40px;top:33px;display: flex;align-items: center;}
.fs_head .logo a {overflow:hidden;display:inline-block;width: 235px;height: 36px;background: url("/images/fs/layout/logo_eng.png") no-repeat left -36px;transition: var(--lay-transition);}
.fs_head .btn_open {position:absolute;right:40px;top:33px;display: flex;align-items: center;gap:15px;animation: mvis_controll_box 2s ease-in-out 0s 1 normal forwards;}
	@keyframes btn_open {
		0% {opacity:0;}
		100% {opacity:1;}
	}
.fs_head .btn_open a {position:relative;display:inline-block;width:29px;height:30px;}
.fs_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%);}
.fs_head .btn_open a span {position:absolute;left:50%;width:100%;height:1px;background:var(--lay-bg-col-black);transform:translate(-50%,0) rotate(0deg);transition:var(--lay-transition);}
.fs_head .btn_open a span:nth-child(1) {top:0;}
.fs_head .btn_open a span:nth-child(2),
.fs_head .btn_open a span:nth-child(3) {top:50%;transform: translate(-50%,0);}
.fs_head .btn_open a span:nth-child(4) {bottom:-1px;}
.fs_head .btn_open a.on {z-index: 10;}
.fs_head .btn_open a.on span:nth-child(1) {top:50%;width:0;transform:translate(-50%,-50%);}
.fs_head .btn_open a.on span:nth-child(2) {transform:translate(-50%, -50%) rotate(45deg);}
.fs_head .btn_open a.on span:nth-child(3) {transform:translate(-50%, -50%) rotate(-45deg);}
.fs_head .btn_open a.on span:nth-child(4) {bottom:50%;width:0;transform:translate(-50%,50%);}
.fs_head .btn_open a.home {}
.fs_head .btn_open a.home img {width: 36px;}
.fs_head .btn_open a.language {}
.fs_head .btn_open a.language img {width: 34px;transform: translate(-4px,-1px);}
.fs_head .btn_open a.sitemap_lnb_menu {width:20px;height:14px;}
.fs_head .btn_open a.lnb_menu_open {display: none;}
.fs_head .btn_open .language_box {position: relative;}
.fs_head .btn_open .language_box .language_btn {display:none;position: absolute;left:-25px;top:40px;z-index:5;padding:10px 20px;background: var(--lay-bg-col-white);border-radius: 10px;border:1px solid var(--lay-line-col);}
.fs_head .btn_open .language_box .language_btn a {display: block;text-align: center;width: auto;height: auto;padding: 5px 0;}
	@media only screen and (max-width:1023px){
		.fs_head {height: 90px;}
		.fs_head .logo {left:20px;top:31px;}
		.fs_head .logo a {width: 200px;height: 31px;background-size: 200px auto;background-position:left -31px;transition:0s;}
		.fs_head .btn_open {top:28px;right:25px;gap:5px;}
		.fs_head .btn_open a img {transform: translate(-4px,1px);}
		.fs_head .btn_open a.home img {width: 30px;}
		.fs_head .btn_open a.language img {width: 28px;transform: translate(-4px,2px);}
	}
	@media only screen and (max-width:767px){
		.fs_head {height: 60px;}
		.fs_head .logo {top:17px;}
		.fs_head .btn_open {top:15px;}
	}

/* 헤더메뉴 */
.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 {position: relative;text-align: center;padding:0 10px;}
.fs_top_menu .menu_box .lnb > li:after {content: "";position:absolute;left:50%;top:96px;width: 0;height: 4px;background: var(--lay-col-blue);transition:var(--lay-transition);}
.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;width: 168px;height: 100px;font-size:2.2rem;font-weight: 500;color:var(--lay-col-title);text-decoration: none;}
/* 헤더메뉴_하위메뉴 */
.fs_top_menu .menu_box .lnb > li .lnb_layer01 {display:none;width:100%;padding:20px 0;}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 li {margin-top:2px;}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 li:first-child {margin-top:0;}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 li a {position:relative;display:flex;justify-content:center;padding:12px 20px;font-weight:500;font-size:1.6rem;color: var(--lay-col-content);transition:var(--lay-transition);text-decoration: none;}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 li a:is(:hover,:focus,:active) {background: var(--lay-col-blue);color: var(--lay-col-white);}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 > li .lnb_layer02 {display: none;}
	@media only screen and (max-width:1199px){
		.fs_top_menu .menu_box .lnb > li .lnb_layer01 li a {padding:15px 15px;}
		.fs_top_menu .menu_box .lnb > li > .lnb_title {width: 108px;font-size:1.8rem;}
	}
	@media only screen and (max-width:1023px){
		.fs_top_menu .menu_box {display: none;}
		.fs_top_menu .menu_box .lnb > li > .lnb_title {height: 90px;}
	}

/* 전체메뉴 */
.lnb_menu_box {display:none;position: fixed;right:0;top:0;width: 60vw;height:100vh;background: var(--lay-bg-col-white);box-shadow: 5px 5px 20px rgba(0,0,0,0.1);}
.lnb_menu_box .logo_site {margin-top:40px;}
.lnb_menu_box .logo_site a {overflow:hidden;display:block;width: 235px;height: 36px;margin:0 auto;background: url("/images/fs/layout/logo_eng.png") no-repeat left -36px;}
.lnb_menu_box .scroll_box {padding:35px;height:calc(100% - 100px);background-size:100px auto;}
.lnb_menu_box .scroll_box .icon_logo {opacity:0.1;position: absolute;right: 0;bottom:0;width: 30%;filter: invert(10) grayscale(100);}
.lnb_menu_box .lnb {display:flex;gap:20px;overflow-y:auto;width:100%;height:100%;margin:0 auto;padding:10px 40px;background: var(--lay-bg-col-gray);}
.lnb_menu_box .lnb > li {padding-bottom:20px;}
.lnb_menu_box .lnb > li:nth-child(1) {width:29%;}
.lnb_menu_box .lnb > li:nth-child(2) {width:27%;}
.lnb_menu_box .lnb > li:nth-child(3) {width:25%;}
.lnb_menu_box .lnb > li:nth-child(4) {width:20%;}
.lnb_menu_box .lnb > li:nth-child(5) {width:24%;}
.lnb_menu_box .lnb > li > .lnb_title {display:block;padding:20px 0;font-size:2.6rem;font-weight:600;color:var(--lay-col-title);cursor: default;text-decoration: none;}
.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: var(--lay-col-content);}
.lnb_menu_box .lnb > li .lnb_layer01 > li > a:before {content: "";position:absolute;left:5px;top:20px;display: inline-block;width: 4px;height: 4px;background:var(--lay-col-title);border-radius:100%;}
.lnb_menu_box .lnb > li .lnb_layer01 > li > a.on:after {content:"";position:absolute;right:15px;top:13px;display:block;width:13px;height:7px;transition:var(--lay-transition);}
.lnb_menu_box .lnb > li .lnb_layer01 > li > a.arr:after {transform: rotate(180deg);}
.lnb_menu_box .lnb > li .lnb_layer01 {}
.lnb_menu_box .lnb > li .lnb_layer01 > li {}
.lnb_menu_box .lnb > li .lnb_layer01 > li .lnb_layer02 {margin-left:10px;padding:20px;background: var(--lay-bg-col-gray);}
.lnb_menu_box .lnb > li .lnb_layer01 > li .lnb_layer02 li {}
.lnb_menu_box .lnb > li .lnb_layer01 > li .lnb_layer02 li > a {display:block;padding:10px 15px;color: var(--lay-col-content);}
	@media only screen and (max-width:1199px){
		.lnb_menu_box .scroll_box {padding:35px;height:calc(100% - 75px);}
		.lnb_menu_box .lnb > li .lnb_layer01 > li > a:before {top:20px;}
	}
	@media only screen and (max-width:1023px){
		.lnb_menu_box .logo_site {margin-top:30px;}
		.lnb_menu_box .logo_site a {margin-left:20px;width: 165px;height: 30px;background-size: 165px auto;background-position:left -25px;}
		.lnb_menu_box .scroll_box {padding:20px 30px;height:calc(100% - 60px);}
		.lnb_menu_box .lnb {flex-wrap:wrap;padding:10px 30px;}
		.lnb_menu_box .lnb > li {border-bottom: 1px dashed var(--lay-line-col);}
		.lnb_menu_box .lnb > li:nth-child(1),
		.lnb_menu_box .lnb > li:nth-child(2),
		.lnb_menu_box .lnb > li:nth-child(3),
		.lnb_menu_box .lnb > li:nth-child(4) {width:calc((100% - 20px) / 2);}
		.lnb_menu_box .lnb > li > .lnb_title {padding:20px 0 8px 0;}
		.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 .logo_site {margin-top:20px;}
		.lnb_menu_box .scroll_box {overflow-y:auto;height:100%;margin-top:15px;padding:0 20px 100px 20px;}
		.lnb_menu_box .lnb {gap:0;height:auto;padding:5px 20px;}
		.lnb_menu_box .lnb > li {padding-bottom:0;}
		.lnb_menu_box .lnb > li:last-child {border-bottom:0;}
		.lnb_menu_box .lnb > li:nth-child(1),
		.lnb_menu_box .lnb > li:nth-child(2),
		.lnb_menu_box .lnb > li:nth-child(3),
		.lnb_menu_box .lnb > li:nth-child(4) {width:100%;}
		.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:after {content:"";position:absolute;right:0;top:23px;display:block;width:13px;height:1px;background:var(--lay-bg-col-black);transition:var(--lay-transition);}
		.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;}
		.lnb_menu_box .lnb > li .lnb_layer01 > li > a:before {top:20px;width: 3px;height: 3px;}
	}


#fs_container_wrap {margin-top:100px;}
	@media only screen and (max-width:1023px){
		#fs_container_wrap {margin-top:90px;}
	}
	@media only screen and (max-width:767px){
		#fs_container_wrap {margin-top:60px;}
	}

/* 서브비주얼 */
.fs_sub_visual {display:flex;flex-direction:column;padding:90px 40px 90px 40px;background-repeat:no-repeat;background-position:center center;background-color:var(--lay-bg-col-black);background-size:cover;color:var(--lay-col-white);}
	/* 로케이션 */
	.fs_snb_box {position:relative;z-index:2;padding:10px 0;}
	/* 서브메뉴 */
	.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:600;color:var(--lay-col-white);}
	.snb_menu .dep1 > li > a:after {content: "";display:block;position: absolute;right:0;top:4px;width: 1px;height: 10px;background: var(--lay-bg-col-white);}
	.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:var(--lay-bg-col-white);border:1px solid var(--lay-line-col);}
	.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;border-top:1px solid var(--lay-line-col);color:var(--lay-col-content);}
	.snb_menu .dep1 > li .dep2 li:first-child a {border-top:0;}
	.snb_menu .dep1 > li .dep2 li a:is(:hover, :focus, :active) {color:var(--lay-col-title);text-decoration:underline;}
	.snb_menu .dep1 > li .btn_down {background:url("/images/layout/arr_sub.png") no-repeat left top;transition:var(--lay-transition);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%);}
		@media only screen and (max-width:1023px){
			.snb_menu .dep1 > li > a {padding:0 15px;}
			.snb_menu .dep1 > li > a:after {top:3px;}
			.snb_menu .dep1 > li .dep2 {top:38px;}
			.snb_menu .dep1 > li.home a {padding:0 15px 0 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;}
		}
	/* 서브타이틀 */
	.fs_sub_visual .sub_title {margin-top:15px;font-size:6rem;font-weight:700;}
	@media only screen and (max-width:1023px){
		.fs_sub_visual {padding:70px 20px 70px 20px;}
		.fs_sub_visual .sub_title {margin-top:5px;font-size:5.5rem;}
	}
	@media only screen and (max-width:767px){
		.fs_sub_visual {padding:50px 20px 50px 20px;}
		.fs_sub_visual .sub_title {margin-top:0;font-size: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:center;}
	.con_header h3 {font-size:4rem;font-weight:800;color:var(--lay-col-title);}
		@media only screen and (max-width:1023px){
			.con_header {padding:60px 0 0 0;}
		}
		@media only screen and (max-width:767px){
			.con_header {padding:40px 0 0 0;}
		}

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

/* 푸터영역 */
#fs_footer {padding:65px 0 75px 0;background: var(--lay-bg-col-footer);}
.fs_footer_box {display: flex;gap:80px;}
.fs_footer_box .logo {}
.fs_footer_box .foot_text {font-weight: 300;}
.fs_footer_box .foot_text address.address {color: var(--lay-col-footer1);}
.fs_footer_box .foot_text span.copyright {display:block;margin-top:10px;color: var(--lay-col-footer2);}
	@media only screen and (max-width:1023px){
		#fs_footer {padding:35px 90px 35px 0;}
		.fs_footer_box {gap:40px;}
		.fs_footer_box .logo img {width: 200px;}
	}
	@media only screen and (max-width:767px){
		#fs_footer {padding:35px 75px 35px 20px;}
		.fs_footer_box {flex-direction:column;align-items:flex-start;gap:20px;padding:0;}
	}

/* 맨위로 */
#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:100%;height:60px;line-height:1;background:var(--lay-bg-col-blue2);font-weight:500;color:var(--lay-col-white);transition: var(--lay-transition);}
#fs_footer .btn_top .top:is(:hover,:focus,:active) {background:var(--lay-bg-col-black);}
	@media only screen and (max-width:1023px){
		#fs_footer .btn_top .kakao img {width: 66px;}
		#fs_footer .btn_top .top {height:50px;}
	}
	@media only screen and (max-width:767px){
		#fs_footer .btn_top .kakao img {width: 56px;}
		#fs_footer .btn_top .top {height:40px;}
	}