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

/******************************/
/* 공통 */
/******************************/
a, button {
	transition:all .4s;-webkit-transition:all .4s;
    text-decoration:none;
}
.wrap {padding: 0 6.5%;} 
    @media only screen and (max-width:1299px){
        .wrap {padding:0 5%;} 
	}

/* SNB */
#sh_aside{position:relative;width:1400px;margin:0 auto;z-index:25;}

/* CONTAINER */
#sh_container{position:relative;z-index:10;min-width:1200px;width:100%}
#sh_container_wrapper.sub{padding-top:160px}
#sh_content{overflow:hidden;position:relative;z-index:10;width:100%;max-width:1400px;min-height:550px;padding:70px 0;margin:0 auto;background:#fff}

/* 헤더영역 */
#fs_wrap {overflow:hidden;}
#fs_header {
	position:fixed;top:0;left:0;width:100%;z-index: 100;opacity:0;height:90px;padding:0 10rem 0 10rem;
	transform:translateY(-90px);animation:header-slide 1s ease-in-out forwards;
}
@keyframes header-slide {
	0% {opacity:0;transform:translateY(-90px);-webkit-transform:translateY(-90px);}
	100% {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}
}

/* 상단 */
.fs_head {display: flex;align-items: center;justify-content: space-between;height:100%;}
.fs_head .logo {width:15rem;}
.fs_head .logo a {display:flex;align-items:flex-start;justify-content:center;overflow: hidden;}
.fs_head .logo a img {transition:all 0s;-webkit-transition:all 0s;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(4828%) hue-rotate(17deg) brightness(127%) contrast(96%);}
    @media only screen and (max-width:1299px){
		#fs_header {padding:0 5%;}
	}
	@media only screen and (max-width:767px){
		#fs_header {padding:0 5% 0 5%;height:90px;}
		#fs_header .fs_head .logo a img {transform:translateY(0);}
		.fs_head .logo a img {}
	}

/* 헤더메뉴 */
.fs_top_menu {display: block;height: 100%;}
.fs_top_menu .lnb {display: flex;height:100%;}
/* 1뎁스 */
#fs_header .fs_top_menu .lnb > li {position:relative;height:100%;padding:0;width:13rem;}
#fs_header .fs_top_menu .lnb > li .lnb_title {display: flex;align-items: center;justify-content: center;height:100%;color:#fff;font-size:1.7rem;font-weight:600;transition:all .3s;-webkit-transition:all .3s;text-align: center;}
#fs_header .fs_top_menu .lnb > li .lnb_title strong {font-family:inherit;font-size:inherit;}
#fs_header .fs_top_menu .lnb > li .dep2 {visibility: hidden;opacity: 0;text-align: center;width:100%;padding:0 0 25px 0;min-height:0;transition:all .2s;-webkit-transition:all .2s;z-index: 1;}
#fs_header .fs_top_menu .lnb > li .dep2 li {font-size:1.5rem;}
#fs_header .fs_top_menu .lnb > li .dep2 li:nth-of-type(n+2) {margin-top:15px;}
#fs_header .fs_top_menu .lnb > li .dep2 li a {display:block;color:#999;padding:0 5px;font-size:1.5rem;}
#fs_header .fs_top_menu .lnb_bg {position:absolute;left:0;right:0;top:0;height:0;background:#fff;visibility: hidden;opacity: 1;overflow:hidden;transition:all .15s;-webkit-transition:all .15s;}

#fs_header.scroll {backdrop-filter:blur(15px);background:rgba(0, 0, 0, .3);transition:background .2s;}

#fs_header.open {background:#fff;}
#fs_header.open .fs_head {}
#fs_header.open .fs_top_menu .lnb > li .lnb_title {color:#000;}
#fs_header.open .fs_top_menu .lnb > li .dep2 {visibility: visible;opacity: 1;position: relative;}

#fs_header.open .fs_top_menu .lnb > li.on .dep2:before {width:100%;}
#fs_header.open .fs_top_menu .lnb > li .dep2 a:is(:hover, :focus, :active) {font-weight:600;color:#000;text-decoration: underline;}
#fs_header.open .fs_top_menu .lnb_bg {visibility:visible;opacity: 1;height:100%;}

/* 언어 선택 */
.fs_head .right {display:flex;align-items:center;gap:2rem;}
#laBtn {color:#fff;letter-spacing:1px;}
#laBtn a {display:block;line-height:1;}

/* 메뉴 오픈 */
.fs_head .mbtn_box {height:100%;aspect-ratio:1/1;display: flex;align-items:center;justify-content:end;}
.fs_head .mbtn_box .menu_open {position:relative;display:inline-block;width: 30px;height:auto;aspect-ratio: 1/1;font-size:0;z-index: 9999;}
.fs_head .mbtn_box .menu_open:after {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:url("/images/fs/layout/sitemap.png") no-repeat center;width:100%;height: 100%;}
.fs_head .mbtn_box .menu_open span {display: block;position: relative;width:100%;height:100%;}
#fs_header.open .fs_head .logo a img {filter:unset}
#fs_header.open .fs_head .mbtn_box .menu_open:after {filter: brightness(0) saturate(100%) invert(0%) sepia(12%) saturate(5%) hue-rotate(275deg) brightness(95%) contrast(100%);}

.fs_mtop_menu {visibility: hidden;position: fixed;left:0;top:-100%;width:100%;z-index:999;transition:all 0s;}
.fs_mtop_menu.active .lnb_bg {display: none;}
.fs_mtop_menu.active {visibility: visible;top:0;height:100vh;background:#fff;}
.fs_mtop_menu.active .lnb {padding:0 10rem;display:flex;flex-wrap:wrap;position:relative;top:50%;transform:translateY(-50%);}
.fs_mtop_menu.active .lnb > li {width:20%;text-align: center;border-left:1px solid #ddd;}
.fs_mtop_menu.active .lnb > li:is(:hover,:active,:focus) .lnb_title {color:#2b1272;text-decoration:none;}
.fs_mtop_menu.active .lnb > li:hover .lnb_title:before {background-color:#2b1272;}
.fs_mtop_menu.active .lnb > li .lnb_title {font-size:1.6em;color:#000;font-weight:bold;display:block;position:relative;}
.fs_mtop_menu.active .lnb > li .lnb_title:before {content:'';position:absolute;left:-1px;top:0;width:3px;height:100%;background:#222;}
.fs_mtop_menu.active .lnb > li .dep2 {margin-top:30px;}
.fs_mtop_menu.active .lnb > li .dep2 > li {color:#222;font-weight:500;}
.fs_mtop_menu.active .lnb > li .dep2 > li:nth-child(n+2) {margin-top:15px;}
.fs_mtop_menu.active .lnb > li .dep2 > li a {position: relative;font-size:1.5rem;text-decoration:none;}
.fs_mtop_menu.active .lnb > li .dep2 > li a:after {content:'';position:absolute;left:0;bottom:-3px;width:0;height:1px;background:#222;transition:all .3s;-webkit-transition:all .3s;}
.fs_mtop_menu.active .lnb > li .dep2 > li a:is(:hover,:active,:focus):after {width:100%;}

/*모바일 버튼_on*/
.fs_head .mbtn_box .menu_open.active {display:block; position:relative;}
.fs_head .mbtn_box .menu_open.active:after {content:""; position:absolute; right:0; top:0; bottom:0; width:0; height:3px; margin:auto 0; background-color:#222;}/* 가운데 */
.fs_head .mbtn_box .menu_open.active span:after {content:""; position:absolute; right:10px; top:15px; width:27px; height:1px; background-color:#222; transform:rotate(45deg); -webkit-transform:rotate(45deg);}/* 하단 */
.fs_head .mbtn_box .menu_open.active span:before {content:""; position:absolute; right:10px; top:15px; width:27px; height:1px; background-color:#222; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}/* 위 */
	@media only screen and (max-width:1199px){
        .fs_mtop_menu.active .lnb {padding:0 5%;}
	}
	@media only screen and (max-width:1023px){
		#fs_header .fs_top_menu .lnb {display: none;}

		/* 사이트맵 오픈 */
		.fs_mtop_menu.active .lnb {gap:20px;}
		.fs_mtop_menu.active .lnb > li {width:calc((100% - 40px)/3);}
		.fs_mtop_menu.active .lnb > li .dep2 {margin-bottom:20px;}
	}
	@media only screen and (max-width:767px){
		/* 사이트맵 오픈 */
		.fs_head .fs_mtop_menu.active ~ .mbtn_box {width:70px;}
		.fs_mtop_menu.active {overflow-y: auto;}
		.fs_mtop_menu.active .lnb {padding:12rem 1.5rem 0;top:0;transform: translateY(0);}
		.fs_mtop_menu.active .lnb > li {width:100%;}
		.fs_mtop_menu.active .lnb > li .lnb_title {text-align:left;font-size:1.5em;padding:10px 20px 10px;}
		.fs_mtop_menu.active .lnb > li .lnb_title.arrow {position: relative;}
		.fs_mtop_menu.active .lnb > li .lnb_title.arrow:after {content:'';position:absolute;right:1.5rem;top:0;bottom:0;margin:auto;background:url("/images/fs/common/sel_icon3.png") no-repeat center;width:13px;height:7px;}
		.fs_mtop_menu.active .lnb > li.on .lnb_title {color:#58b431;background:#f5f5f5;border-radius:0 5px 5px 0;}
		.fs_mtop_menu.active .lnb > li.on .lnb_title:before {background:#58b431;}
		.fs_mtop_menu.active .lnb > li.on .lnb_title.arrow:after {transform: rotate(180deg);}
		.fs_mtop_menu.active .lnb > li .dep2 {text-align: left;padding-left:20px;}
		.fs_mtop_menu.active .lnb > li .dep2 > li:nth-child(n+2) {margin-top:10px;}
	}

/******************************/
/* 사이트맵 */
/******************************/
/* 버튼 */
.global_box {position:absolute;top:2rem;right:0;}
.sitemap_btn_box {display:flex;align-items:center;justify-content:center;}
.sitemap_btn {position:relative;width:3rem;height:22px;display:flex;align-items:center;cursor:pointer;transition:all 0.25s ease-in;}
.sitemap_btn .menu_line { position:absolute;width:100%;height:2px;background:#c0c0c0;transition:all 0.25s ease-in;border-radius:5px;}
.sitemap_btn .menu_line.line_1 {left:0;top:0;background:#2b1272;}
.sitemap_btn .menu_line.line_2 {}
.sitemap_btn .menu_line.line_3 {left:0;top:20px;}
.fs_head.open .visual_scroll {display:none;}
    @media only screen and (max-width:1199px){
		.global_box {top:-6.3rem;}
	}
    @media only screen and (max-width:1023px){
	}

/* 오픈 */
body.overlay {overflow:hidden;}
body.overlay .global_box {}
.fs_head.open .logo, .fs_head.open .sitemap_btn {position:relative;z-index:10;}
.fs_head.open .sitemap_btn .menu_line {background:#2b1272;}
.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:-100%;top:0;width:100%;height:100vh;transition:all 0.4s;}
.sitemap_box.open {visibility:visible;top:0;left:0;background:#fff;}
.sitemap_box.open .lnb {padding:0 15rem;display:flex;flex-wrap:wrap;position:relative;top:55%;transform:translateY(-50%);overflow-y:scroll;max-height:90vh;}
.sitemap_box.open .lnb > li {width:100%;text-align:start;display:flex;flex-wrap:wrap;flex:1 1 100%;height:100%;border-bottom:1px dashed #ddd;padding:3rem 0;}
.sitemap_box.open .lnb > li:is(:hover,:active,:focus) .lnb_title {color:#2b1272;}
.sitemap_box.open .lnb > li:hover .lnb_title:before {background-color:#2b1272;}
.sitemap_box.open .lnb > li .lnb_title {font-size:2rem;color:#000;font-weight:700;display:block;position:relative;text-decoration:none;text-align:left;width:30rem;}
.sitemap_box.open .lnb > li .lnb_layer01 {width:calc(100% - 30rem);display:flex;flex-wrap:wrap;gap:3rem 5rem;}
.sitemap_box.open .lnb > li .lnb_layer01 > li {color:#666;font-weight:500;line-height:6rem;text-align:left;width:25%;}
.sitemap_box.open .lnb > li .lnb_layer01 > li a {position:relative;font-size:1.5rem;width:100%;font-weight:500;text-decoration:none;line-height:1.2;display:flex;justify-content:space-between;}
.sitemap_box.open .lnb > li .lnb_layer01 > li a:is(:hover,:active,:focus) {color:#2b1272;text-decoration:underline;}

.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:1619px){
		.sitemap_box.open .lnb {padding:0 5%;}
	}
    @media only screen and (max-width:1399px){
		.sitemap_box.open .lnb > li .lnb_title {height:5rem;}
	}
    @media only screen and (max-width:1199px){
		
	}        
	@media only screen and (max-width:1023px){
		.sitemap_box.open .lnb {}
		.sitemap_box.open .lnb > li {flex:auto;display:flex;flex-wrap:wrap;padding:2rem 0;border-bottom:1px dashed #ddd;}
		.sitemap_box.open .lnb > li .lnb_title {width:23rem;height:auto;font-size:2.3rem;}
		.sitemap_box.open .lnb > li .lnb_layer01 {width:calc(100% - 23rem);margin-top:1rem;gap:1rem 0;}
		.sitemap_box.open .lnb > li .lnb_layer01 > li {width:33.33%;}
		.sitemap_box.open .lnb > li .lnb_layer01 > li a {font-size:1.6rem;}
	}
	@media only screen and (max-width:767px){
		.sitemap_box.open .lnb {padding-left:5%;}
		.sitemap_box.open .lnb > li .lnb_title {width:18rem;font-size:2rem;}
		.sitemap_box.open .lnb > li .lnb_layer01 {width:calc(100% - 18rem);margin-top:0.5rem;}
		.sitemap_box.open .lnb > li .lnb_layer01 > li {width:100%;}
	}

/* 스크롤 효과 */
.visual_scroll div {writing-mode: vertical-rl;display:flex;position:absolute;bottom:5rem;left:0;align-items:center;animation:motion 0.8s ease-in-out 0s infinite alternate;line-height:12rem;}
.visual_scroll div img {margin-left:1rem;}
.visual_scroll div p {color:#c5c5c5;font-size:1.6rem;padding-bottom:1.5rem;letter-spacing:1.3rem;font-weight:600;}
    @keyframes motion {
		0% {margin-bottom:0px;}
		100% {margin-bottom:20px;}
	}
    @media only screen and (max-width:1023px){
		.fs_head .global_box {height:auto;width:auto;padding-left:5%;background:none;}
	}
	@media only screen and (max-width:767px){
		
	}
/******************************/
/* 서브 영역 */
/******************************/
#fs_container_wrap {overflow:hidden;}
	@media only screen and (max-width:1023px){
		#fs_container_wrap {padding-left:0;}
	}

/* 서브비주얼 */
.fs_sub_visual {position:relative;width:calc(100% - 10rem);height:40rem;background-color:#eee;background-size:cover;display:flex;align-items:center;justify-content:center;margin-top:250px;padding:0 10rem;border-bottom-right-radius:8rem;}
.fs_sub_visual .flex {position:absolute;top:-7rem;right:0;display:flex;justify-content:space-between;width:calc(100% - 10rem);align-items:end;}
.fs_sub_visual p {line-height:1.4;color:#222;text-shadow:5px 5px 5px rgba(0,0,0,0.1);font-weight:600;}
.fs_sub_visual p strong {display: block;font-size:6rem;line-height:1;}
.fs_sub_visual .location {line-height:1.4;display:flex;align-items:center;}
.fs_sub_visual .location a {opacity:0.5;text-decoration:none;}
.fs_sub_visual .location i {margin:0 1rem;opacity:0.4;font-size:2rem;}
.fs_sub_visual .location a.home i {opacity:1;}
.fs_sub_visual .location .navi_ov {opacity:1;font-weight:500;color:#2b1272;}

    @media only screen and (max-width:1299px){
		.fs_sub_visual {width:calc(100% - 5%);}
		.fs_sub_visual .flex {width:calc(100% - 5%);}
	}
	@media only screen and (max-width:1199px){
		.fs_sub_visual {height:30rem;}
		.fs_sub_visual p strong {font-size:6rem;}
	}
	@media only screen and (max-width:1023px){
		.fs_sub_visual {margin-top:200px;height:25rem;}
		.fs_sub_visual p strong {font-size:5rem;}
	}
	@media only screen and (max-width:767px){
		.fs_sub_visual {background-position:center;height:20rem;}
		.fs_sub_visual .flex {flex-wrap:wrap;top: -10rem;}
		.fs_sub_visual p {display:block;width:100%;margin-top:1.5rem;}
		.fs_sub_visual p strong {font-size:4rem;}
	}

/* 서브메뉴 */
.fs_snb_box {width:100%;margin:0 auto;}
.fs_snb_box .snb_menu {position:relative;}
.fs_snb_box .snb_menu ul.m_tabs {display:flex;flex-wrap:wrap;position:relative;top:50%;justify-content:center;}
.fs_snb_box .snb_menu ul.m_tabs {display:flex;margin-top:8rem;}
.fs_snb_box .snb_menu ul.m_tabs li {position:relative;padding:0 5rem;}
.fs_snb_box .snb_menu ul.m_tabs li:first-child {padding-left:0;}
.fs_snb_box .snb_menu ul.m_tabs li:last-child {padding-right:0;}
.fs_snb_box .snb_menu ul.m_tabs li+li:before {content:"";width:5px;height:5px;background:#ddd;border-radius:100%;position:absolute;top:8px;left:0;}
.fs_snb_box .snb_menu ul.m_tabs li a {font-size:1.7rem;font-weight:500;color:#999;text-decoration:none;position:relative;}
.fs_snb_box .snb_menu ul.m_tabs li.on a,
.fs_snb_box .snb_menu ul.m_tabs li a:is(:hover,:active,:focus) {color:#2b1272;font-weight:600}
.fs_snb_box .snb_menu ul.m_tabs li a:after {display:block;content:"";position:absolute;left:0;right:0;bottom:-10px;width:28px;height:21px;margin:0 auto;}
.fs_snb_box .snb_menu ul.m_tabs li.on a:after,
.fs_snb_box .snb_menu ul.m_tabs li a:is(:hover,:active,:focus):after {background:#2b1272;width:100%;height:2px;}

	@media only screen and (max-width:1399px){

	}
	@media only screen and (max-width:1023px){
		.fs_snb_box .snb_menu ul.m_tabs {margin-top:4rem;}
	}
	@media only screen and (max-width:767px){
		.fs_snb_box {display:none;}
    }

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

	/* 실컨텐츠영역 */
	.con_body {padding-bottom:6rem;}
	.con_header {margin-bottom:8rem;}
	.con_header h3.tit {padding-bottom:3rem;color:#222;text-align:center;font-size:2.5em;font-weight:600;margin-top:14rem;position:relative;}
    .con_header h3.tit:before {content:"";width:3rem;height:2px;background:#000;position:absolute;bottom:0;left:0;right:0;margin:0 auto;}
        @media only screen and (max-width:1399px){
			
		}
		@media only screen and (max-width:1023px){
			.con_header h3.tit {font-size:4rem;margin-top:10rem;}
		}
		@media only screen and (max-width:767px){
            .con_header h3.tit {font-size:3rem;margin-top:6rem;}
		}


/******************************/
/* 푸터영역 */
/******************************/
#sh_ft{min-width:1200px;font-size:14px;color:#fff;line-height:2;background:#0b051f;}
#sh_ft .ft_nav{display:flex;justify-content:center;align-items:center;height:80px;border-bottom:1px solid rgba(255,255,255,.15)}
#sh_ft .ft_nav li+li:before{display:inline-block;content:"";width:1px;height:12px;margin:0 25px;background:rgba(255,255,255,.2)}
#sh_ft .ft_nav li a{opacity:.4;font-size:16px;transition:all .2s}
#sh_ft .ft_nav li a:hover{opacity:1}
#sh_ft .inner{display:flex;padding:60px 6.5%}
#sh_ft .ft_logo{width:20%}
#sh_ft .ft_logo img {filter: brightness(0) saturate(100%) invert(100%) sepia(17%) saturate(7497%) hue-rotate(252deg) brightness(124%) contrast(122%);}
#sh_ft .info {font-weight:200;}
#sh_ft .info p{margin-bottom:15px;font-size:18px;font-weight:700;color:#fff;font-family:'Play';}
    @media only screen and (max-width:1299px){
		#sh_ft .inner {padding:50px 5%;}
		#sh_ft .ft_logo {width:auto;padding-right: 5%;}
	}
    @media only screen and (max-width:1299px){
		#sh_ft{min-width:unset;width:100%;}
		#sh_ft .inner {flex-wrap:wrap;}
		#sh_ft .info {margin-top:4rem;font-size:1.6rem;}
		#sh_ft .info p {margin-bottom:0;}
	}

/* 맨위로 */
.btn_top {position:fixed;right:20px;bottom:20px;z-index:100;border-radius:20px;width:58px;height:58px;background:#58b431;display:flex;justify-content:center;align-items:center;}

/******************************/
/*********** 영문 ***********/
/******************************/
:lang(en) #fs_header .fs_top_menu .lnb > li:nth-child(4) {width:22rem;}