@charset "utf-8";
@import url('font/fs_font.css');

/* 해더영역 */
#fs_header {height:100px;z-index:100;background:#fff;}
#fs_header {transition:all 0.4s;-webkit-transition:all 0.4s;position:fixed;left:0;right:0;top:0;z-index:100;}
#fs_header.active {border-bottom:1px solid #eee;}
#fs_header .header_wrp {position:relative;display:flex;justify-content:space-between;max-width:1400px;margin:auto;}

/* 상단 */
.fs_head {display:flex;flex-wrap:wrap;height:100px;}
.fs_head .logo {margin-top:25px;}

/* 메뉴버튼 */
.fs_head .mbtn_box {position:absolute;right:0;top:0;bottom:0;margin:auto;display:block;cursor:pointer;width:50px;height:50px;z-index: 12;}
.fs_head .mbtn_box .menu_open span {position:absolute;display:inline-block;width:25px;height:15px;right:0;top:0;bottom:0;margin:auto;font-size:0;}
.fs_head .mbtn_box .menu_open span:before {content:'';position:absolute;left:0;top:0;width:20px;height:5px;border-radius:30px;background:#12887a;transition:all .4s;-webkit-transition:all .4s;}
.fs_head .mbtn_box .menu_open span:after {content:'';position:absolute;right:0;bottom:0;width:20px;height:5px;border-radius:30px;background:#12887a;transition:all .4s;-webkit-transition:all .4s;}
.fs_head .mbtn_box .menu_open:hover span:before {width:25px;left:5px;}
.fs_head .mbtn_box .menu_open:hover span:after {width:25px;right:5px;}

/* 헤더메뉴 */
.fs_mtop_menu {display:none;}
.fs_top_menu {margin-right:100px;}
.fs_top_menu .sitemap {display:none;}
.fs_top_menu .lnb {display:flex;margin:auto;max-width:1400px;line-height:100px;}
.fs_top_menu .lnb:after {content:"";display:block;clear:both;}
.fs_top_menu .lnb .lnb_title {display:block;padding:0 3rem;color:#2f3240;font-size:19px;font-weight:500;}
	/* 1뎁스 */
	.fs_top_menu .lnb > li {position:relative;}
	.fs_top_menu .lnb > li .dep2 {position:absolute;top:100px;left:0;display:none;width:210px;table-layout:fixed;margin:0 auto;background:#12887a;border-radius:10px;transition:all .4s;-webkit-transition:all .4s;overflow:hidden;}
	.fs_top_menu .lnb > li .dep2 > li {}
	.fs_top_menu .lnb > li .dep2 > li a {position:relative;padding:15px 20px;display:block;color:#ffff;transition:all .3s;-webkit-transition:all .3s;line-height:normal;font-size:1.6rem;}
	.fs_top_menu .lnb > li .dep2 > li:hover > a {background: #0c695e;padding-left:25px;}
	.fs_top_menu .lnb > li .dep2 > li .dep3 {border-top:1px solid #12887a;border-bottom:1px solid #12887a;}
	.fs_top_menu .lnb > li .dep2 > li .dep3 li > a {position:relative;font-size:1.5rem;padding:10px 25px;}
	.fs_top_menu .lnb > li .dep2 > li .dep3 li > a:before {content:'·';margin-right:5px;}
	.fs_top_menu .lnb > li .dep2 > li .dep3 li:hover > a {padding-left:30px;background:#12887a;}
	.fs_top_menu .lnb > li.on .dep2 {display:block;height:auto;}
	.fs_top_menu .lnb > li.on .dep2 > li > a > span {position:relative;display:inline-block;font-weight:500;}

	/* 메뉴 ON */
	.overflow_y .fs_head .mbtn_box .menu_open.on span {}
	.overflow_y .fs_head .mbtn_box .menu_open.on span:before {background:#fff;height:4px;width:28px;transform:rotate(180deg);top:0;bottom:0;left:0;right:0;margin:auto;}
	.overflow_y .fs_head .mbtn_box .menu_open.on span:after {background:#fff;height:4px;width:28px;top:0;bottom:0;left:0;right:0;margin:auto;}
	.overflow_y .fs_head .mbtn_box .menu_open.on:hover span:before {transform:rotate(45deg);}
	.overflow_y .fs_head .mbtn_box .menu_open.on:hover span:after {transform:rotate(-45deg);}

	.overflow_y {overflow:hidden;}
	.overflow_y .fs_mtop_menu {/*display:none;*/padding:200px 0;position:fixed;left:0;top:0;z-index:11;width:100%;height:100%;background:rgba(0,0,0,.95);}
	.overflow_y .fs_mtop_menu .lnbwrp {max-width:1400px;margin:auto;}
	.overflow_y .fs_mtop_menu .lnbwrp .sitemap {font-size:60px;color:#fff;font-weight:900;line-height:normal;}
	.overflow_y .fs_mtop_menu .lnbwrp .lnb {display:flex;flex-wrap:wrap;margin-top:80px;border-left:1px solid #333;border-right:1px solid #333;}
	.overflow_y .fs_mtop_menu .lnbwrp .lnb > li {padding:0 0 0 30px;border-left:1px solid #333;width:25%;}
	.overflow_y .fs_mtop_menu .lnbwrp .lnb > li:first-child {border-left:none;}
	.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .lnb_title {display:block;margin-bottom:40px;line-height:normal;font-size:28px;font-weight:800;color:#fff;transition:all .4s;-webkit-transition:all .4s;}
	.overflow_y .fs_mtop_menu .lnbwrp .lnb > li:hover .lnb_title {color:#12887a;}
	.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .dep2 {line-height:32px;color:#616161;font-size:18px;font-weight:500;}
	.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .dep2 li:hover a {color:#fff;text-decoration:underline;}
	.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .dep2 li a {display:block;transition:all .3s;-webkit-transition:all .3s;}

	/* 반응형 */
	@media only screen and (max-width:1399px){
		/* 헤더 */
		#fs_header {padding:0 30px;}

		/* 사이트맵 */
		.overflow_y .fs_mtop_menu {padding:0 30px;overflow:auto;}
		.overflow_y .fs_mtop_menu .lnbwrp {margin: 100px auto 0;}
		.overflow_y .fs_mtop_menu .lnbwrp .sitemap {text-align:center;font-size:40px;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb {display:block;margin-bottom:40px;border-left:0;border-right:0;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li {padding-bottom:20px;margin-bottom:20px;width:100%;border-left:none;border-bottom:1px solid #333;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .lnb_title {margin-bottom:10px;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .dep2 {display:flex;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .dep2 > li a {padding:0 10px;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .dep2 > li:first-child a {padding-left:0;}
		.overflow_y .fs_head .mbtn_box .menu_open span {right:25px;}
	}
	@media only screen and (max-width:1199px){
		.fs_top_menu .lnb .lnb_title {font-size:17px;}
	}
	@media only screen and (max-width:1023px){
		.fs_top_menu .lnb {display:none;}

		/*사이트맵*/
		.overflow_y .fs_mtop_menu {background:#000;max-width:400px;left:unset;right:0;}
		.overflow_y .fs_mtop_menu .lnbwrp {margin-top:40px;}
		.overflow_y .fs_mtop_menu .lnbwrp .sitemap {font-size:26px;text-align:left;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb {margin:40px auto;display:block;border-top:1px solid #333;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li {padding:0;width:100%;border:0;margin-bottom:0;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .lnb_title {padding:20px;margin:0;border-bottom:1px solid #333;font-weight:500;font-size:18px;background:none;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .lnb_title.arrow {position:relative;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .lnb_title.arrow:after {content:'';position:absolute;right:15px;top:0;bottom:0;margin:auto;background:url(./../../images/fs/common/ico_sel.png) no-repeat center;width:11px;height:6px;transition:all .4s;-webkit-transition:all .4s;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .lnb_title.arrow.on:after {transform:rotate(180deg);}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .dep2 {padding:20px 10px;font-size:16px;display:block;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .dep2.on {background:#111;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .dep2 > li {display:block;color:#bbb;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .dep2 > li:first-child a {padding-left:10px;}
		.overflow_y .fs_head .mbtn_box .menu_open span {right:10px;}
		.overflow_y .fs_head .mbtn_box .menu_open.on span:before {transform:rotate(45deg);}
		.overflow_y .fs_head .mbtn_box .menu_open.on span:after {transform:rotate(-45deg);}
	}
	@media only screen and (max-width:767px){
		#fs_header {padding:0 15px;border-bottom:1px solid #eee;}
		.fs_head .logo {width:100px;margin-top:30px;}
		.fs_head .mbtn_box .menu_open {right:15px;}
		.overflow_y .fs_mtop_menu {padding: 0 15px;}
	}

#fs_container_wrap {overflow:hidden;margin-top:100px;}

/* 서브비주얼 */
.fs_sub_visual {border-top:1px solid #eee;}
.fs_sub_visual .svis_box {display:flex;width:100%;align-items:center;height:25rem;background:url(./../../images/fs/layout/svis_txtbg.png) no-repeat right bottom;}
.fs_sub_visual .location_wrp {display:block;width:100%;max-width:140rem;margin:auto;}
.fs_sub_visual .location_wrp .box {width:100%;max-width:140rem;margin:auto;}
.fs_sub_visual .svis_wrp {width:100%;max-width:140rem;margin:auto;}
.fs_sub_visual .svis_bg {height:30rem;background:url(./../../images/fs/layout/svis_bg.jpg) no-repeat center;background-size:cover;background-attachment: fixed;overflow: hidden;}
/* .fs_sub_visual .svis_bg.sub02 {background-image:url(./../../images/fs/layout/svis_bg2.jpg);}
.fs_sub_visual .svis_bg.sub03 {background-image:url(./../../images/fs/layout/svis_bg3.jpg);}
.fs_sub_visual .svis_bg.sub04 {background-image:url(./../../images/fs/layout/svis_bg4.jpg);} */
	/* snb */
	.snb_menu {position:relative;}
	.snb_menu > ul.dep1 {display:flex;flex-wrap:wrap;}
	.snb_menu .dep1 > li:first-child {padding:0;margin-right:10px;font-size:0;width:15px;height:15px;background:url(./../../images/fs/layout/ic_home.png) no-repeat center;}
	.snb_menu .dep1 > li {position:relative;color:#2f3240;font-weight:600;font-size:15px;}
	.snb_menu .dep1 > li > a {position:relative;display:block;width:100%;padding:0 45px 0 25px;}
	.snb_menu .dep1 > li > a.deplink:after {content:'';position:absolute;right:20px;top:0;bottom:0;margin:auto;background:url(./../../images/fs/layout/ic_snb.png) no-repeat center;width:10px;height:6px;transition:all .4s;-webkit-transition:all .4s;}
	.snb_menu .dep1 > li.on > a.deplink:after {transform:rotate(180deg);}
	.snb_menu .dep1 > li + li:after {content:'';position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50px;background:rgba(47,50,64,.3);}
	.snb_menu .dep1 ul.dep2 {position:absolute;left:0;top:30px;width:100%;min-width:200px;padding:20px 20px;background:#2f3240;border-radius:15px;z-index: 50;}
	.snb_menu .dep1 > li:last-child a {color:#12887a;}
	.snb_menu .dep1 ul.dep2 > li a {display:block;padding:5px 0;color:#a6a6a6;font-weight:500;transition:all .4s;-webkit-transition:all .4s;}
	.snb_menu .dep1 ul.dep2 > li a:hover {color:#fff;text-decoration:underline;}
	/* con_header */
	.con_header {margin-top:10px;}
	.con_header h3 {display:block;font-size:6rem;font-weight:800;color:#2f3240;line-height:normal;}

	/* 반응형 */
	@media only screen and (max-width:1399px){
		.fs_sub_visual .svis_box {padding:0 30px;}
	}
	@media only screen and (max-width:767px){
		.fs_sub_visual {border-top:0;border-bottom:1px solid #eee;}
		.fs_sub_visual .svis_box {padding:0 15px;}
		.fs_sub_visual .svis_bg {display:none;background-attachment:inherit;height:250px;}

		.con_header h3 {font-size:40px;}
	}
	@media only screen and (max-width:560px){
		.con_header h3 {font-size:32px;}
		.snb_menu .dep1 {justify-content:flex-end;}
		.snb_menu .dep1 > li:first-child {display:none;}
		.snb_menu .dep1 > li + li {width:100%;margin-bottom:10px;}
	}
/* 오른쪽영역 */
.fs_content {overflow:hidden;width:auto;border-bottom:1px solid #eee;}

	/* 실컨텐츠영역 */
	.con_body {padding:150px 0 200px;}
	.wrap {max-width:1400px;margin:auto;transition:all .4s;-webkit-transition:all .4s;}

	/* 반응형 */
	@media only screen and (max-width:1399px){
		.wrap {padding:0 30px;}
	}
	@media only screen and (max-width:767px){
		.wrap {padding:0 15px;}
		.con_body {padding:100px 0 120px;}
	}

/* 푸터영역 */
#fs_footer {position:relative;max-width:1400px;margin:75px auto;}
#fs_footer:after {content:"";clear:both;display:block;}
.fs_footer_box {display:flex;font-size:15px;color:#2f3240;font-weight:600;}
.fs_footer_box .foot_text {padding-left:50px;}
.fs_footer_box .foot_text ul {display:flex;margin-bottom:0.5rem;}
.fs_footer_box .foot_text ul > li {position:relative;padding-right:20px;}
.fs_footer_box .foot_text ul > li strong {font-weight: 500;}
.fs_footer_box .foot_text ul > li:after {content:'';position:absolute;right:10px;top:0;bottom:0;margin:auto;width:1px;height:10px;background:#a6a6a6;}
.fs_footer_box .foot_text ul > li:last-child:after {display:none;}
.fs_footer_box .foot_text span.copyright {color:#a6a6a6;font-weight:400;}

/*맨위로*/
#fs_footer .btn_top {position:absolute;top:0;right:0;text-align:center;display:inline-block;width:55px;height:55px;background:#2f3240;padding-top:10px;transition:all .4s;-webkit-transition:all .4s;}
#fs_footer .btn_top:hover {padding-top:5px;}
	/* 반응형 */
	@media only screen and (max-width:1399px){
		#fs_footer {padding:0 30px;}
		#fs_footer .btn_top {top:-75px;}
	}
	@media only screen and (max-width:1299px){
		.fs_footer_box .foot_text ul {display:block;}
		.fs_footer_box .foot_text ul li {color:#999;font-weight:500;}
		.fs_footer_box .foot_text ul li:after {display:none;}
		.fs_footer_box .foot_text ul li strong {display:inline-block;min-width:80px;color:#222;}
		.fs_footer_box .foot_text .copyright {display:block;margin-top:10px;}
	}
	@media only screen and (max-width:767px){
		#fs_footer {margin:45px auto;}
		.fs_footer_box {display:block;}
		.fs_footer_box .foot_text {padding-left:0;margin-top:20px;}
	}
	@media only screen and (max-width:560px){
		#fs_footer {text-align:center;}
		.fs_footer_box {word-break: keep-all;}
		.fs_footer_box .foot_text ul li {padding-right:0;font-size:14px;}
		.fs_footer_box .foot_text ul li strong {display:block;}
		#fs_footer .btn_top {top:-70px;height:45px;width:45px;left:0;right:0;margin:auto;overflow: hidden;}
	}