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

/***********************/
a {transition: all .4s;-webkit-transition: all .4s;}
a:hover, a:focus, a:active {text-decoration: none;}
img {max-width:100%;}
/***********************/

/* 해더영역 */
#fs_header {position: fixed;left: 0;top:0;z-index:10;width:100%;height: 10rem;}
#fs_header .join_box {background:#042a4e;padding:0 6rem;text-align: right;}
#fs_header .join_box .flexbox {display:flex;gap:20px;justify-content: right;}
#fs_header .join_box a {position:relative;display:block;line-height:2.7;color:rgba(255,255,255,.7);font-size:1.3rem;}
#fs_header .join_box a span img {width: 2rem;vertical-align: middle;margin-top:-0.2rem;}
#fs_header .join_box a + a:after {content:'';position:absolute;left:-10px;top:0;bottom:0;margin:auto;width:1px;height:12px;background:rgba(255,255,255,.3);}
#fs_header .join_box a:hover,#fs_header .join_box a:focus,#fs_header .join_box a:active {color:#fff;}
/* 상단 */
.fs_head {display: flex;align-items:center;justify-content: space-between;height:calc(100% - 2.5rem);padding:0 6rem;background: #fff;}
.fs_head .logo {display: inline-block;height:100%;}
.fs_head .logo a {display:flex;height:100%;align-items: center;justify-content: center;}
.fs_head .logo a img {width: 18rem;}
.fs_head .global_box {display:flex;align-items:center;margin-left: auto;font-size: 1.5rem;font-weight: 700;}
.fs_head .global_box a:is(:hover,:focus,:active) {color: #000;}
.fs_head .global_box a:first-child:after {content: "";display: inline-block;width: 1px;height: 14px;margin:0 7px 0 10px;background: #ddd;vertical-align: middle;}
.fs_head .global_box a img {vertical-align: middle;transition: 0.4s;}
.fs_head .global_box a:is(:hover,:focus,:active) img {transform: scale(1.2,1.2);}
	@media only screen and (max-width:1459px){
		#fs_header .join_box ,
		.fs_head {padding:0 3rem;}
	}
	@media only screen and (max-width:1023px){
		#fs_header .join_box a {line-height:3.5;}
	}
	@media only screen and (max-width:767px){
		.fs_head .global_box {display:none;}
		#fs_header .join_box {padding:0 3rem;}
	}

/* 모바일 버튼 */
.fs_head .mbtn_box {display:flex;align-items:center;height:100%;padding-left:4rem;margin-left:4rem;border-left:1px solid #ddd;}
.fs_head .mbtn_box .menu_open {position:relative;width:20px;height:16px;font-size:0;}
.fs_head .mbtn_box .menu_open:before {content:"";display:block;width:20px;height:2px;background:#222;transition:0.4s ease;}
.fs_head .mbtn_box .menu_open span:before {content:"";display:block;width:20px;height:2px;margin:5px 0;background:#222;transition:0.4s ease;}
.fs_head .mbtn_box .menu_open span:after {content:"";display:block;width:20px;height:2px;background:#222;transition:0.4s ease;}
.fs_head .mbtn_box .menu_open.active {position:relative;z-index: 11;}
.fs_head .mbtn_box .menu_open.active:before {width:0;}
.fs_head .mbtn_box .menu_open.active span:before {content:"";display:block;width:20px;height:2px;margin:0;background:#fff;transition:0.4s;transform: translateY(4px) rotate(45deg);}
.fs_head .mbtn_box .menu_open.active span:after {content:"";display:block;width:20px;height:2px;background:#fff;transition:0.4s;transform: translateY(2px) rotate(-45deg);}
	@media only screen and (max-width:1199px){
		.fs_head .mbtn_box {padding-left:30px;margin-left:30px;}
	}
	@media only screen and (max-width:767px){
		.fs_head .mbtn_box {padding-left:20px;margin-left:auto;width:60px;justify-content: center;}
	}

/* 헤더메뉴 */
.fs_top_menu {display:block;height:100%;}
.fs_top_menu .wrp {display:flex;}
.fs_top_menu .lnb {display:flex;align-items: center;height:100%;}
.fs_top_menu .lnb .lnb_title {display:block;padding:0 4.5rem;color:#222;font-weight:600;font-size:1.8rem;transition:all .3s;}
.fs_top_menu .lnb li .lnb_title:after {content:'';position:absolute;left:0;right:0;bottom:0;width:100%;height:0;border-radius:5px 5px 0 0;background:#042a4e;transition:all .3s;}
.fs_top_menu .lnb li.on .lnb_title:after {height:4px;}
.fs_top_menu .global_box.mob {display: none;}
.fs_top_menu .global_box .sch_box {position:fixed;top:135px;left:0;right:0;background:#fff;width:100%;padding:80px 0;text-align: center;z-index: 9999;height:0;visibility:hidden;opacity:0;transition: all .3s;}
.fs_top_menu .global_box .sch_box .flexbox {display:flex;flex-wrap:wrap;justify-content:center;max-width:767px;margin:auto;border-bottom:2px solid #222;}
.fs_top_menu .global_box .sch_box .flexbox input {width:calc(100% - 65px);margin-right:5px;line-height:50px;border:0;font-family: inherit;}

	/* 1뎁스 */
	#fs_header .fs_top_menu .lnb > li {position:relative;display:flex;align-items: center;height: 100%;}
	#fs_header .fs_top_menu .lnb > li.on a {color:#307bcb;}
	#fs_header .fs_top_menu .lnb > li .dep2 {visibility: hidden;opacity: 0;text-align: center;position:absolute;top:0;left:50%;transform:translate(-50%, 0);width:100%;padding:30px 0;}
	#fs_header .fs_top_menu .lnb > li:last-child .dep2 {border-right:1px solid #eee;}
	#fs_header .fs_top_menu .lnb > li .dep2 > li {margin-bottom:2px;}
	#fs_header .fs_top_menu .lnb > li .dep2 > li a {position:relative;display:block;color:#222;font-weight:600;line-height:normal;padding:7px 0;font-size:15px;opacity: .6;}
	#fs_header .fs_top_menu .lnb > li .dep2 > li a span {position:relative;display:inline-block;}
	#fs_header .fs_top_menu .lnb > li .dep2 > li a:hover span {text-decoration: underline;}
	#fs_header .fs_top_menu .lnb > li .dep2 > li a span:after {content:'';position:absolute;left:0;right:0;bottom:0;margin:auto;width:0;height:1px;background:#fff;transition: all .3s;}
	#fs_header .fs_top_menu .lnb > li .dep2 > li a:hover {opacity:1;}
	#fs_header .fs_top_menu .lnb > li .dep2 > li a:hover span:after {width:100%;}
	#fs_header .fs_top_menu .lnb > li .dep2 > li a span {display:inline-block;position:relative;padding-bottom:3px;}
	#fs_header .fs_top_menu .lnb > li .dep2 > li a:hover span:after {width:100%;}
	#fs_header .fs_top_menu .lnb > li .dep3 {display: none;}

	#fs_header.open .fs_top_menu .lnb > li .dep2 {visibility:visible;opacity: 1;top:7.5rem;}
	#fs_header.open .fs_top_menu .lnb_bg {visibility:visible;opacity: 1;}
	#fs_header.open .fs_top_menu .lnb > li > .dep2 {border-left:1px solid #eee;transition-delay: .2s;}
	#fs_header .fs_top_menu .lnb_bg {position:absolute;left:0;right:0;top:0;height:0;background:#fff;visibility: hidden;opacity: 0;z-index: -1;overflow: hidden;transition: all .3s;border-top:1px solid #eee;box-shadow: 5px 5px 10px  rgba(0,0,0,.05);}
	#fs_header .fs_top_menu .lnb_bg::after {content: "";position: absolute;left:-10%;top:-70%;width:400px;height: auto;aspect-ratio: 1 / 1;background: url("./../../images/fs/layout/qck_bg.png") right top no-repeat;}

	/* 반응형 */
	@media only screen and (max-width:1459px){
		.fs_top_menu .lnb .lnb_title {padding:0 30px;}

		/* global_box */
		.fs_top_menu .wrp {right:30px;}
	}
	@media only screen and (max-width:1299px){
		.fs_top_menu .lnb .lnb_title {padding:0 20px;font-size:17px;min-width:120px;text-align: center;}
		/* global_box */
		.fs_head .global_box a.for {margin:0 10px;font-size:1.3rem;width:120px;}
	}
	@media only screen and (max-width:1199px){
		/* .fs_top_menu .lnb {display: none;} */
	}
	@media only screen and (max-width:1025px){
		.fs_top_menu .lnb {display: none;}
		.fs_top_menu .wrp {height:90px;}
		.fs_top_menu .global_box .sch_box {top:125px;}
	}
	@media only screen and (max-width:767px){
		.fs_top_menu .wrp {right:15px;}
	}

/* 메뉴 오픈 */
.fs_mtop_menu {visibility: hidden;position: fixed;left:-100%;top:0;z-index:10;width:0;transition: 0.6s ease;}
.fs_mtop_menu.active {visibility: visible;left:0;width:100%;background:#042a4e;}
.fs_mtop_menu .lnb {overflow-y: auto;display:flex;justify-content:center;align-items:flex-start;gap:100px;width:100%;padding:0 120px 120px 120px;margin-top:12rem;height:calc(100vh - 90px);color:#fff;}
.fs_mtop_menu .lnb::-webkit-scrollbar {width: 5px;}/* 스크롤바의 크기와 색상을 설정합니다. */
.fs_mtop_menu .lnb::-webkit-scrollbar-track {background: #fff;}/* 스크롤바의 배경색을 설정합니다. */
.fs_mtop_menu .lnb::-webkit-scrollbar-thumb {background: #307bcb;}/* 스크롤바의 마우스 클릭 시 나타나는 손가락 모양의 색상을 설정합니다. */
	/* 1뎁스 */
	.fs_mtop_menu .lnb > li {width: calc((100% - 400px) / 5);}
	.fs_mtop_menu .lnb > li .lnb_title {display:block;width:100%;padding:2.5rem 0;text-align: center;font-size:1.8rem;border-top:3px solid #f0c664;border-bottom:1px solid #fff;}
	.fs_mtop_menu .lnb > li .dep2 > li {border-bottom:1px solid rgba(255,255,255,.2);}
	.fs_mtop_menu .lnb > li .dep2 > li > a {display:block;padding:20px 10px;font-size:1.5rem;}
	.fs_mtop_menu .lnb > li .dep2 > li > a:hover span {text-decoration: underline;}
		/* 2뎁스 */
		.fs_mtop_menu .lnb > li .dep3 {background: #14406f;padding:15px;}
		.fs_mtop_menu .lnb > li .dep3 li {padding:8px 0;}
		.fs_mtop_menu .lnb > li .dep3 li a {font-size:1.4rem;color:#bdd0e3;}
		.fs_mtop_menu .lnb > li .dep3 li a:hover {text-decoration: underline;}
	@media only screen and (max-width:1699px){
		.fs_mtop_menu .lnb {gap:50px;padding:0 80px 120px 80px;}
		.fs_mtop_menu .lnb > li {width: calc((100% - 200px) / 5);}
	}
	@media only screen and (max-width:1299px){
		.fs_mtop_menu .lnb {gap:40px;padding:0 60px 120px 60px;}
		.fs_mtop_menu .lnb > li {width: calc((100% - 120px) / 5);}
	}
	@media only screen and (max-width:1199px){
		.fs_mtop_menu .lnb {gap:20px;padding:0 40px 120px 40px;}
		.fs_mtop_menu .lnb > li {width: calc((100% - 80px) / 5);}
	}
	@media only screen and (max-width:1025px){

		.fs_mtop_menu .lnb {gap:30px;justify-content:flex-start;flex-wrap: wrap;margin-top:120px;}
		.fs_mtop_menu .lnb > li {width: calc((100% - 60px) / 3);}
		.fs_mtop_menu .lnb > li h2 .lnb_title {padding:20px 0;}
		.fs_mtop_menu .lnb > li .dep2 > li > a {padding:15px 10px;}
	}
	@media only screen and (max-width:767px){
		.fs_mtop_menu .lnb {gap:20px;padding:0 20px 100px 20px;}
		.fs_mtop_menu .lnb > li {width: calc((100% - 20px) / 2);}
		.fs_mtop_menu .lnb > li h2 .lnb_title {padding:20px 0;}
		.fs_mtop_menu .lnb > li .dep2 > li > a {padding:15px 10px;}
	}


/* -------------------- 서브페이지 레이아웃 */

.subpage .fs_head {border-bottom:1px solid #ddd;}
.subpage #fs_container_wrap {position:relative;margin-top:11rem;background:#fafcff;}
.fs_snb_contents_box {position:relative;display:grid;grid-template-columns: 180px auto;transition:left .2s ease-in-out;-webkit-transition:left .2s ease-in-out;}
.fs_snb_contents_box.full {grid-template-columns:unset;}
.fs_snb_contents_box.full .fs_content {margin:40px 30px;margin-left:40px;}

/* SNB 메뉴 */
.fs_snb_wrp.mob {display:none;}
.fs_snb_wrp {position:relative;width:auto;height:100%;transition:width .3s ease-in-out;z-index:9;}
/* .fs_snb_wrp .snb_btn {position:absolute;left:18rem;top:4rem;width:23px;height:80px;background:#042a4e;border-radius:0 10px 10px 0;cursor:pointer;transition:left .2s ease-in-out;} */
.fs_snb_wrp .snb_btn {position:fixed;left:18rem;top:20rem;width:23px;height:80px;background:#042a4e;border-radius:0 10px 10px 0;cursor:pointer;transition:left .2s ease-in-out;}
.fs_snb_wrp .snb_btn:after {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:url("./../../images/fs/layout/snb_btn.png") no-repeat center;width:5px;height:9px;}
/* .fs_snb_wrp .snb_box {position:absolute;top:0;left:0;width:18rem;height:100%;background:#042a4e;text-align: center;transition:left .2s ease-in-out;padding:2rem 1.5rem 0;animation-delay:1s;} */
.fs_snb_wrp .snb_box {position:fixed;top:105px;left:0;width:18rem;height:100%;background:#042a4e;text-align: center;transition:left .2s ease-in-out;padding:2rem 1.5rem 0;animation-delay:1s;}
.fs_snb_wrp .snb_box .home {position:relative;display:inline-block;width:100%;height:auto;color:#f0c664;padding-top:6rem;border-bottom:1px solid #f0c664;font-size:1.2em;font-weight:bold;}
.fs_snb_wrp .snb_box .home:after {content:'';position:absolute;left:0;right:0;bottom:-10px;margin:auto;background:url("./../../images/fs/layout/qck_arrow.png") no-repeat center bottom;width:18px;height:10px;}
.fs_snb_wrp .snb_box .home span {position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:auto;}
.fs_snb_wrp .snb_box > ul {margin-top:3rem; padding-left:0px;}
.fs_snb_wrp .snb_box > ul.dep1 > li {position:relative;border-bottom:1px solid rgba(255,255,255,.2);}
.fs_snb_wrp .snb_box > ul.dep1 > li > a {display:block;padding:0 1rem;line-height:3;color:#eee;font-size:1.5rem;transition:all .3s;}
.fs_snb_wrp .snb_box > ul.dep1 > li > a span {position:relative;display:inline-block;width:100%;transition:all .3s;}
.fs_snb_wrp .snb_box > ul.dep1 > li > a.arrow span:after {content:'';position:absolute;right:-10px;top:0;bottom:0;margin:auto;background:url("./../../images/fs/common/icon_tab.png") no-repeat center;width:10px;height:6px;transition:all .3s;}
.fs_snb_wrp .snb_box > ul.dep1 > li.on > a.arrow span:after {transform:rotate(180deg);}
.fs_snb_wrp .snb_box > ul.dep1 > li.on > a,
.fs_snb_wrp .snb_box > ul.dep1 > li a:hover,
.fs_snb_wrp .snb_box > ul.dep1 > li a:focus,
.fs_snb_wrp .snb_box > ul.dep1 > li a:active {text-decoration: none;color:#9ecdff;}
.fs_snb_wrp .snb_box > ul.dep1 ul.dep2 {background:#004b9c;font-size:14px;padding:10px 0;}
.fs_snb_wrp .snb_box > ul.dep1 ul.dep2 li a {display:block;color:#bdd0e3;padding:5px 20px;}
.fs_snb_wrp .snb_box > ul.dep1 ul.dep2.on {display: block;}
.fs_snb_wrp .snb_box > ul.dep1 ul.dep2.on li.on a:hover,
.fs_snb_wrp .snb_box > ul.dep1 ul.dep2 li a:hover {text-decoration: underline;color:#fff;}

/* 버튼 클릭 */
.fs_snb_wrp.pc.non-act {width:0;}
.fs_snb_wrp.pc.non-act .snb_btn {left:0;}
.fs_snb_wrp.pc.non-act .snb_btn:after {transform:rotate(180deg);}
.fs_snb_wrp.pc.non-act .snb_box {left:-180px;}

/* 컨텐츠영역 */
.fs_content {margin:4rem 3rem 5rem 5rem;background:#fff;  box-shadow:5px 5px 30px 0 rgba(0, 0, 0, .08);border-radius:30px;padding:5rem;}
	/* 로케이션 */
	.con_header {display:flex;align-items: flex-end;padding-bottom:20px;border-bottom:1px solid #eee;}
	.con_header h3 {font-size:3rem;color:#000;font-weight:800;}
	.con_header .location {display:flex;align-items:center;margin-left:30px;}
	.con_header .location a {position:relative;display:inline-block;padding:0 10px;font-size:.85em;}
	.con_header .location a + a {pointer-events: none;}
	.con_header .location a + a:after {content:'>';position:absolute;left:-4px;top:0;bottom:0;}
	.con_header .location .home em {display:block;position:relative;background:url("./../../images/fs/layout/icon_home.png") no-repeat center;width:15px;height:12px;font-size:0;}
	.con_header .location .navi_ov {}

	/* 실컨텐츠영역 */
	.con_body {padding:7rem 0 4rem;}

	/* 반응형 */
	@media only screen and (max-width:1025px){
		.fs_content {padding:30px 20px;margin:80px 15px 60px;}
		.con_header {display:block;}
		.con_header .location {margin:10px 0 0;}

		.fs_snb_contents_box.full .fs_content {margin:80px 20px 60px;}

		/*퀵메뉴*/
		.fs_snb_wrp .snb_box h3 {width:84px;font-size:1.1em;}
		.fs_snb_wrp .snb_btn {left:120px;}
		.fs_snb_wrp .snb_box {width:120px;}
		.fs_snb_wrp.pc.non-act .snb_box {left:-120px;}

		.fs_snb_contents_box {grid-template-columns: none;}


		/* SNB */
		.fs_snb_wrp.pc {display:none;}
		.fs_snb_wrp.mob {display:block;}
		.fs_snb_wrp {position:fixed;width:100%;height:5rem;}
		.fs_snb_wrp .snb_btn {display: none;}
		.fs_snb_wrp .snb_box {width:100%;padding:0; position:absolute;top:0;}
		.fs_snb_wrp .snb_box .home {display:none;}
		.fs_snb_wrp .snb_box ul.dep1 {display:flex;align-items: center;margin:0;height: 100%;}
		.fs_snb_wrp .snb_box ul.dep1 > li {position:relative;flex-grow: 1;border:0;max-width:200px;}
		.fs_snb_wrp .snb_box ul.dep1 > li:after {content:'';position:absolute;right:0;top:0;bottom:0;margin:auto;width:1px;height:22px;background:rgba(255,255,255,.2);}
		.fs_snb_wrp .snb_box > ul.dep1 > li > a {padding:0 15px;}
		.fs_snb_wrp .snb_box > ul.dep1 > li > a span {display:block;text-align: left;}
		.fs_snb_wrp .snb_box > ul.dep1 > li > a.arrow span:after {right:0;}
		.fs_snb_wrp .snb_box > ul.dep1 ul.dep2 {position:absolute;left:0;right:0;margin:auto;top:38px;text-align: left;}
		.fs_snb_wrp .snb_box > ul.dep1 ul.dep2 li a {padding:5px 15px;}
	}
	@media only screen and (max-width:1023px){
		.subpage #fs_container_wrap {margin-top:12rem;}
	}
	@media only screen and (max-width:767px){
		.fs_content {margin:0;border-radius:0;padding:8rem 15px 0;}
		.con_body {padding:40px 0 60px;}
		.fs_snb_wrp .snb_box > ul.dep1 ul.dep2 {top:33px;}
	}

/* 푸터영역 */
#fs_footer {position:relative;background: #fff;z-index: 10;border-top:1px solid #ddd;}
.fs_footer_box {font-size:1.5rem;color:#616161;}
.fs_footer_box .foot_text {display: flex;align-items: center;padding:2rem 6rem;}
.fs_footer_box .foot_text .left {flex:0 0 16rem;margin-right:10rem;}
.fs_footer_box .foot_text .left a {display: block;}
.fs_footer_box .foot_text .right {flex-grow:1;color:#767676;font-size:1.4rem;}
.fs_footer_box .foot_text address.address {}
.fs_footer_box .foot_text span.copyright {display: block;margin-top:1rem;}
	@media only screen and (max-width:1459px){
		.fs_footer_box .foot_text {padding:2rem 3rem;}
	}
	@media only screen and (max-width:767px){
		.fs_footer_box .foot_text .left {margin-right:5rem;}
	}
	@media only screen and (max-width:599px){
		.fs_footer_box .foot_text {flex-direction:column;}
		.fs_footer_box .foot_text .left {flex:0 0 auto;margin-right:0;}
		.fs_footer_box .foot_text .left a img {width: 20rem;}
		.fs_footer_box .foot_text .right {text-align: center;}
		.fs_footer_box .foot_text address.address {margin-top:20px;}
		.fs_footer_box .foot_text span.copyright {margin-top:10px;}
	}

/*맨위로*/
.btn_top {position: fixed;right:10px;bottom:10px;z-index:1;display:grid;place-items:center;width: 40px;height: 40px;background:#fff;border-radius: 5px;border:1px solid #ddd;}