@charset "utf-8";
@import "font/fs_font.css";
/***********************/
/* 커스텀하여 사용권장
 직접커스텀 : https://matthewlein.com/tools/ceaser
 이징 참고표 : https://easings.net/ko
*/
a {
	transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
	transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
/***********************/
#fs_wrap {overflow:hidden;}

/* 해더영역 */
#fs_header {transition:all 0.4s;-webkit-transition:all 0.4s;position:fixed;left:0;right:0;top:0;border-bottom:1px solid rgba(255,255,255,.3);z-index:101;}
#fs_header.active {background:#fff;border-bottom:1px solid #eee;}
#fs_header .header_wrp {display:flex;justify-content:space-between;margin:auto;padding:0 12%;position:relative;height:120px;}

/* 상단 */
.fs_head {display:flex;flex-wrap:wrap;height:120px;}
.fs_head .logo {display:flex;flex-wrap:wrap;align-items:center;filter:invert(100%) sepia(1%) saturate(1650%) hue-rotate(67deg) brightness(1000%) contrast(100%);}
#fs_header.active .fs_head .logo {filter:none;}

/* 메뉴버튼 */
.mbtn_box {display:none;}
.sitemap_box {display:flex;flex-wrap:wrap;position:relative;height:120px;width:150px;}
.sitemap_box .sitemap {content:'';position:absolute;right:0;top:0;width:25px;height:3px;border-radius:30px;background:#fff;transition:all .4s;-webkit-transition:all .4s;margin-top:58px;}
.sitemap_box .sitemap span {position:absolute;display:inline-block;width:32px;height:21px;right:0;top:0;bottom:0;margin:auto;font-size:0;}
.sitemap_box .sitemap span:before {content:'';position:absolute;right:0;top:0;width:25px;height:3px;border-radius:30px;background:#fff;transition:all .4s;-webkit-transition:all .4s;}
.sitemap_box .sitemap span:after {content:'';position:absolute;right:0;bottom:0;width:25px;height:3px;border-radius:30px;background:#fff;transition:all .4s;-webkit-transition:all .4s;}
.sitemap_box .sitemap:hover {width:18px;} 
#fs_header.active .sitemap_box .sitemap {background:#000;}
#fs_header.active .sitemap_box .sitemap span:before {background:#000;}
#fs_header.active .sitemap_box .sitemap span:after {background:#000;}

/* 메뉴버튼 */
.mbtn_box {position:absolute;right:12%;top:0;bottom:0;margin:auto;display:table;cursor:pointer;z-index: 12;display:none;}
.mbtn_box .menu_open {display:inline-block;width:32px;height:20px;}
.mbtn_box .menu_open:after {content:'';position:absolute;right:0;top:0;width:32px;height:2px;border-radius:30px;background:#fff;transition:all .4s;-webkit-transition:all .4s;}
.mbtn_box .menu_open span {position:absolute;display:block;width:100%;height:100%;right:0;top:0;bottom:0;margin:auto;font-size:0;}
.mbtn_box .menu_open span:before {content:'';position:absolute;right:0;top:9px;width:32px;height:2px;border-radius:30px;background:#fff;transition:all .4s;-webkit-transition:all .4s;}
.mbtn_box .menu_open span:after {content:'';position:absolute;right:0;bottom:0;width:32px;height:2px;border-radius:30px;background:#fff;transition:all .4s;-webkit-transition:all .4s;}

#fs_header.active .mbtn_box .menu_open:after,
#fs_header.active .mbtn_box .menu_open span:before,
#fs_header.active .mbtn_box .menu_open span:after {background:#222;}
	/* 메뉴 ON */
	.overflow_y .mbtn_box .menu_open.on:after {display:none;}
	.overflow_y .mbtn_box .menu_open.on span:before {background:#fff;height:2px;width:32px;transform:rotate(45deg);top:0;bottom:0;left:0;right:0;margin:auto;}
	.overflow_y .mbtn_box .menu_open.on span:after {background:#fff;height:2px;width:32px;top:0;bottom:0;left:0;right:0;margin:auto;transform:rotate(-45deg);}

/* 헤더메뉴 */
.fs_mtop_menu {display:none;}
.fs_top_menu .lnb {display:flex;margin:auto;line-height:120px;}
.fs_top_menu .lnb:after {content:"";display:block;clear:both;}
.fs_top_menu .lnb .lnb_title {display:block;padding:0 40px;color:#fff;font-size:20px;font-weight:400;}
#fs_header.active .fs_top_menu .lnb .lnb_title {color:#666;}
	/* 1뎁스 */
	.fs_top_menu .lnb > li {position:relative;}
	.fs_top_menu .lnb > li .dep2 {display:none;position:absolute;top:120px;left:0;right:0;z-index:100;padding:30px 0;height:220px;}
	.fs_top_menu .lnb > li .dep2 .lnb_title {display:block;padding:0 10px;color:#fff;font-size:16px;font-weight:400;}
	.fs_top_menu .lnb > li .dep2 > li {transition:all 0s;-webkit-transition:all 0s;line-height:30px;padding-bottom:15px;border:0px solid #000;word-break:keep-all;}
	.fs_top_menu .lnb > li .dep2 > li a {position:relative;display:block;color:#000;text-align:center;font-size:15px;line-height:1.3;}
	.fs_top_menu .lnb > li .dep2 > li a:hover {color:#fff;text-decoration:underline;}
    .fs_top_menu .lnb > li.on .dep2 {background:#cfdee9;}

	/* 메뉴오버 */
	.fs_top_menu.on {}
	.fs_top_menu:before {content:'';position:absolute;left:0;top:120px;width:100%;height:0;background:#e8e8e8;transition:all .3s;-webkit-transition:all .3s;z-index:99;}
	.fs_top_menu.on:before {height:220px;}
	.fs_top_menu.on .lnb > li {}
	.fs_top_menu.on .lnb > li .dep2 {display:block;}
	
#fs_container_wrap {}
/* 공통 */
.wrap {margin:0 auto;padding:0 12%;}

/* 서브비주얼 */
.fs_sub_visual {width:100%;height:450px;text-align:center;}
.fs_sub_visual .fs_sub_vtit_box {position:relative;width:100%;height:100%;line-height:normal;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.fs_sub_visual .fs_sub_vtit_box p {}
.fs_sub_visual .fs_sub_vtit_box p strong {display:block;line-height:50px;margin-top:60px;font-size:50px;letter-spacing:-3px;color:#fff;font-weight:500;}

/* 왼쪽영역 */
.fs_snb_contents_box {margin-top:-70px;}
/* 서브메뉴 */
.snb_menu {position:relative;width:100%;height:70px;margin:0 auto;background:rgba(73,188,22,0.8);}
.snb_menu > ul.dep1 {width:100%;height:70px;padding:0 12%;}
.snb_menu > ul.dep1 > li {float:left;position:relative;z-index:10;min-width:250px;}
.snb_menu > ul.dep1 > li:before {content:"";position:absolute;right:0;top:23px;width:1px;height:24px;background:rgba(255,255,255,0.3);}
.snb_menu > ul.dep1 > li:after {content:"";position:absolute;right:25px;top:33px;width:9px;height:5px;background:url(./../images/layout/sub_arrow1.png) no-repeat left top;}
.snb_menu > ul.dep1 > li:first-child {min-width:70px;width:70px;background:url(./../images/layout/sub_home.png) center center no-repeat;}
.snb_menu > ul.dep1 > li:first-child:after {background:none;}
.snb_menu > ul.dep1 > li:last-child {border-right:none;}
.snb_menu > ul.dep1 > li > a {overflow:hidden;display:inline-block;position:relative;z-index:1;height:70px;line-height:70px;padding:0 70px 0 30px;font-size:17px;font-weight:300;color:#fff;width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;text-decoration:none;}
.snb_menu > ul.dep1 > li a.home {padding-left:0;padding-right:0;text-align:center;font-weight:400;color:#000;background:none;}
.snb_menu > ul.dep1 > li.on:after {z-index:1;content:"";position:absolute;right:25px;top:33px;width:9px;height:5px;background:url(./../images/layout/sub_arrow1.png) no-repeat left top;transform: rotate(-180deg);}
.snb_menu > ul.dep1 > li.on > a {}
.snb_menu > ul.dep1 > li.on > a:hover, .snb_menu > ul.dep1 > li.on > a:focus, .snb_menu > ul.dep1 > li.on > a:active {/* background:#26abea; */}

/* 서브 2차메뉴 */
.snb_menu > ul.dep1 > li > ul.dep2 {display:none;padding:10px 30px;background:#f1f1f1;}
.snb_menu > ul.dep1 > li.on > ul.dep2 {display:block;position:absolute;top:70px;left:0;min-width:250px;padding-right:20px;color:#000;}
.snb_menu > ul.dep1 > li > ul.dep2 > li {margin:15px 0;}
.snb_menu > ul.dep1 > li > ul.dep2 > li a {font-size:16px;}
.snb_menu > ul.dep1 > li > ul.dep2 > li > a:hover,
.snb_menu > ul.dep1 > li > ul.dep2 > li > a:focus,
.snb_menu > ul.dep1 > li > ul.dep2 > li > a:active {text-decoration:underline;color:#fff;}

/* 오른쪽영역 */
.fs_content {overflow:hidden;width:auto;margin:120px auto;}
/* 로케이션 */
.con_header {width:100%;text-align:center;margin-bottom:80px;}
.con_header h3 {display:inline-block;width:auto;font-size:45px;font-weight:600;color:#000;}

/* 실컨텐츠영역 */
.con_body {min-height:400px;word-break:keep-all;}

/* 푸터영역 */
#fs_footer {position:relative;color:#fff;background:#343434;z-index:30;}
.fs_footer_box {position:relative;margin:0 auto;padding:60px 0;font-weight:300;text-align:left;font-size:15px;display:flex;flex-wrap:wrap;}
.fs_footer_box .mlr {margin:0 5px;}
.fs_footer_box .foot_img img {max-width:100%;filter:invert(0%) sepia(1%) saturate(1650%) hue-rotate(67deg) brightness(1000%) contrast(100%);}
.fs_footer_box .foot_text {color:#ddd;padding-left:120px;width:calc(100% - 160px);}
.fs_footer_box .foot_text ul {margin-top:15px;display:flex;}
.fs_footer_box .foot_text ul > li {position:relative;padding-right:40px;}
.fs_footer_box .foot_text ul > li:after {content:'/';position:absolute;right:15px;top:0;color:#6b6b6b;}
.fs_footer_box .foot_text ul > li:last-child:after {display:none;} 
.fs_footer_box .foot_text ul > li span {display:inline-block;margin-right:10px;color:#fff;}
.fs_footer_box .foot_text span.copyright {display:block;margin-top:25px;font-size:15px;}

.foot_text .link {margin-top:20px;}
.foot_text .link a {margin-right:10px;height: 40px;border-radius: 0;background: #fff;color:#222;font-weight: 500;margin-bottom:10px;}

/*맨위로*/
#fs_footer .btn_top {display:inline-block;position:fixed;right:40px;bottom:40px;z-index:100;width:80px;height:80px;text-decoration:none;}
#fs_footer .btn_top div {position:relative;display:flex;justify-content: center;align-items: center;height:100%;}
#fs_footer .btn_top div:before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:#49bc16;width:100%;height:100%;transform:rotate(45deg);border-radius:30px;}
#fs_footer .btn_top div img {z-index:1;transition:all .4s;-webkit-transition:all .4s;}
#fs_footer .btn_top:hover img {transform:translateY(-5px);}

.btn-mobile-menu {display:none;}

    @media only screen and (max-width:1699px){
		#fs_header .header_wrp {padding:0 10%;}
		.fs_top_menu .lnb .lnb_title {padding:0 30px;}
	}
    @media only screen and (max-width:1499px){
		#fs_header .header_wrp {padding:0 100px;}
        .fs_top_menu .lnb .lnb_title {font-size:18px;padding:0 25px;}
		.sitemap_box {width:50px;}
	}
	@media only screen and (max-width:1199px){
        /* 공통 */
        .wrap {padding:0 5%;}
        
        #fs_header .header_wrp {padding:0 5%;}
        .fs_top_menu .lnbwrp {display:none;}

        .sitemap_box {display:none;}
		.mbtn_box {display:block;}
        /* 메뉴버튼 */
        .fs_head .mbtn_box {position:absolute;right:5%;top:0;bottom:0;margin:auto;display:table;cursor:pointer;z-index:12;}
        .fs_head .mbtn_box .menu_open {}
        .fs_head .mbtn_box .menu_open:after {content:'';position:absolute;right:0;top:0;width:32px;height:2px;border-radius:30px;background:#fff;transition:all .4s;-webkit-transition:all .4s;}
        .fs_head .mbtn_box .menu_open span {position:absolute;display:inline-block;width:32px;height:20px;right:0;top:0;bottom:0;margin:auto;font-size:0;}
        .fs_head .mbtn_box .menu_open span:before {content:'';position:absolute;right:0;top:9px;width:32px;height:2px;border-radius:30px;background:#fff;transition:all .4s;-webkit-transition:all .4s;}
        .fs_head .mbtn_box .menu_open span:after {content:'';position:absolute;right:0;bottom:0;width:32px;height:2px;border-radius:30px;background:#fff;transition:all .4s;-webkit-transition:all .4s;}

		/* 메뉴 ON */
		.overflow_y {overflow:hidden;}
		.overflow_y .fs_mtop_menu {/*display:none;*/position:fixed;right:0;top:0;z-index:11;width:100%;max-width:600px;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:100px;padding:20px;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li {width:100%;border-bottom:1px solid rgba(255,255,255,0.2);}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li:first-child {border-top:1px solid rgba(255,255,255,0.2);}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .lnb_title {position:relative;display:block;padding:0 20px;line-height:60px;font-size:22px;font-weight:400;color:#fff;transition:all .4s;-webkit-transition:all .4s;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .lnb_title.arrow:after {content:'';position:absolute;right:20px;top:0;bottom:0;margin:auto;background:url("./../images/layout/ico_sel.png") no-repeat right center;width:11px;height:6px;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .lnb_title.on {border-bottom:1px solid rgba(255,255,255,.2);}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li:hover .lnb_title {color:#aeddff;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .dep2 {margin:20px 0 20px 0;padding:0 20px;line-height:32px;color:#ddd;font-size:17px;font-weight:300;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li  .dep2.on {}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .dep2 li a {display:block;transition:all .4s;-webkit-transition:all .4s;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .dep2 li:hover > a {color:#fff;padding-left:5px;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .dep2 li .dep3 {}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .dep2 li:hover .dep3 {}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .dep2 li .dep3 li a {font-size:15px;padding-left:10px;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .dep2 li .dep3 li a:before {content:'·';margin-right:5px;}
		.overflow_y .fs_mtop_menu .lnbwrp .lnb > li .dep2 li .dep3 li:hover a {padding-left:15px;text-decoration:none;}

        .snb_menu > ul.dep1 {padding:0 5%;}
        
        .fs_footer_box .foot_img {width:120px;}
        .fs_footer_box .foot_img img {width:120px;}
        .fs_footer_box .foot_text {padding-left:5%;width:calc(100% - 120px);}
        .fs_footer_box .foot_text ul {flex-wrap:wrap;}
        .fs_footer_box .foot_text ul > li {width:auto;line-height:20px;}
	}
	@media only screen and (max-width:767px){
        
        #fs_header .header_wrp {height:80px;}
        .fs_head {height:80px;}
        .fs_head .logo img {max-width:120px;}
        
        .fs_sub_visual {height:350px;}
        .fs_sub_visual .fs_sub_vtit_box p strong {font-size:35px;margin-top:30px;}
        
        .fs_snb_contents_box {margin-top:-60px;}
        .snb_menu {height:60px;}
        .snb_menu > ul.dep1 {height:60px;padding:0;}
        .snb_menu > ul.dep1 > li {width:50%;min-width:50%;}
        .snb_menu > ul.dep1 > li:before {top:17px;}
        .snb_menu > ul.dep1 > li:after {top:28px;right:20px;}
        .snb_menu > ul.dep1 > li.on:after {top:28px;right:20px;}
        .snb_menu > ul.dep1 > li:first-child {display:none;}
        .snb_menu > ul.dep1 > li:last-child:before {display:none;}
        .snb_menu > ul.dep1 > li > a {font-size:14px;height:60px;line-height:60px;padding:0 20px;}
        .snb_menu > ul.dep1 > li > ul.dep2 {min-width:100%;top:60px;padding:0 20px;}
        .snb_menu > ul.dep1 > li.on > ul.dep2 {min-width:100%;top:60px;padding:0 20px;}
        .snb_menu > ul.dep1 > li > ul.dep2 > li a {font-size:14px;}
        
        .fs_content {margin:60px auto;}
        .con_header {margin-bottom:40px;}
        .con_header h3 {font-size:30px;}

		.fs_footer_box {padding:40px 0;}
        .fs_footer_box .foot_text {font-size:14px;line-height:20px;}
        .fs_footer_box .foot_text ul > li:after {display:none;}
		.fs_footer_box .foot_text address {font-size:14px;line-height:20px;}
		.fs_footer_box .foot_text span.copyright {font-size:14px;margin-top:10px;}

		.fs_footer_box .foot_text ul {flex-direction: column;}

		#fs_footer .btn_top {width:60px;height:60px;right:10px;bottom:10px;}
		#fs_footer .btn_top div:before {border-radius:20px}
	}