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

/***********************/
/* 커스텀하여 사용권장
 직접커스텀 : https://matthewlein.com/tools/ceaser
 이징 참고표 : https://easings.net/ko
*/
a {transition:all 0.3s;-webkit-transition:all 0.3s;}
/***********************/

#fs_wrap {overflow:hidden;}
.wrap {width:1400px;margin:0 auto;}
	@media only screen and (max-width:1399px){
		.wrap {max-width:100%;padding:0 30px;}
	}
    @media only screen and (max-width:1023px){
		.wrap {padding:0 0px;}
	}

/* 상단 */
#fs_header {/* background:rgba(0,0,0,0.6)*/background:#fff;position:absolute;top:0;left:0;width:100%;}
.fs_head {display:flex;max-width:1400px;margin:auto;height:100px;align-items:center;justify-content: space-between; width:100%;position:relative;    z-index:9;}
.fs_head .logo {display:block;}
.fs_head .logo a {display:flex;align-items:center;justify-content:center;background:none;width:271px;height:100px;text-align:center;border-radius:0 0 20px 20px;}
.fs_head .logo a img {}
  @media only screen and (max-width:1399px){
    .fs_head {max-width:100%;padding:0 20px;}
  }
  @media only screen and (max-width:1199px){
    .fs_head {padding:0 30px;}
  }
    @media only screen and (max-width:1023px){
		.fs_head {height:80px;padding:0 20px;}
        .fs_head .logo a {height:100%;justify-content: flex-start;}
        .fs_head .logo a img {width:200px;}
	}
	@media only screen and (max-width:767px){
        .fs_head {height:60px;}
        .fs_head .logo a {width:120px;height:80px;}
        .fs_head .logo a img {width:140px;}
	}

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

/* 글로벌메뉴 */
.gnb {}
.gnb a img {max-width:30px;margin-right:1px;}
.gnb a p {text-align:center;padding:0 15px;font-size:14px;border-radius:5px;display:inline-block;border:1px solid #38b045;background:#38b045;color:#fff;line-height:28px;}
.gnb a {/* width:103px; */}
.gnb a p:hover,.gnb a p:active,.gnb a p:focus {background:none;border:1px solid #38b045;color:#38b045;transition:all .4s;-webkit-transition:all .4s;}
  @media only screen and (max-width:1199px){
    .gnb a p {padding:0 10px;}
  }
    @media only screen and (max-width:767px){
        .gnb a p {display:none;}
	}
/* 사이트맵 */
.gnb_flex {display:flex;align-items:center;}
.sitemap_box {display:flex;/* position:relative; */ width:40px;border:0px solid;}
.sitemap_box .sitemap {content:'';position:absolute;right:0;top:0;width:25px;height:3px;border-radius:30px;background:#000;transition:all .4s;-webkit-transition:all .4s;margin-top:48px;}
.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;Qtop:0;width:25px;height:3px;border-radius:30px;background:#000;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:#000;transition:all .4s;-webkit-transition:all .4s;}
.sitemap_box .sitemap:hover {width:18px;}
@media only screen and (max-width:1399px){
  .sitemap_box .sitemap {right:20px;}
}
@media only screen and (max-width:1023px){
    .sitemap_box {display:none;}
}

/* 헤더메뉴 */
.fs_mtop_menu {display:none;}
.fs_top_menu {display:flex;flex-wrap:wrap;align-items:center;}
.fs_top_menu:after {content: "";display: block;position:absolute;top:100%;left:0;z-index:-1;width: 100%;height: 0;background: #80af1b;transition: 0.4s;}
.fs_top_menu.on:after {content: "";display: block;position:absolute;top:100%;left:0;z-index:-1;width: 100%;height: 200px;background: #000;border-radius: 0 0 5px 5px;opacity: 70%;}
.fs_top_menu .lnb {display:flex;}
.fs_top_menu .lnb .lnb_title {display:block;margin:0 40px;color:#000;font-weight:500;font-size:18px;line-height:100px;transition:all .4s;}
/* 1뎁스 */
.fs_top_menu .lnb > li {position:relative;}
.fs_top_menu .lnb > li > a {position:relative;}
.fs_top_menu .lnb > li > a:before {content:"";position:absolute;bottom:38px;left:0;width:100%;height:2px;background:#fff;}
.fs_top_menu .lnb > li .dep2 {width:100%;visibility:hidden;opacity: 0;text-align:center;position:absolute;top:100%;left:0;right:0;margin:0 auto;height:230px;padding:10px 0;}
.fs_top_menu .lnb > li.on .dep2 {visibility:visible;opacity:1;}
.fs_top_menu .lnb > li .dep2 > li a {position:relative;display:block;color:#fff;line-height:normal;padding:10px 20px;font-size:14px;}
.fs_top_menu .lnb > li .dep2 > li a:hover,
.fs_top_menu .lnb > li .dep2 > li a:active,
.fs_top_menu .lnb > li .dep2 > li a:focus {background:#fff;color:#000;font-weight:500;border-radius:5px;}

/* 모바일 버튼 */
.fs_head .mbtn_box {display:none;}

/* 헤더메뉴 */
.fs_mtop_menu {display:block;}
.overflow_y .fs_mtop_menu,
.fs_mtop_menu.on {top:80px;}
.fs_top_menu .lnb {display:none;}
.fs_mtop_menu {display:none;position:absolute;left:0;top:80px; width:100%;height:100vh;background-color:rgba(0,0,0,0.9);}
.fs_mtop_menu .wrap {padding:0;}
  /* 1뎁스 */
  .fs_top_menu .lnb {display:flex;flex-wrap:wrap;}
  .fs_top_menu .lnb > li {position:relative;}
  .fs_top_menu .lnb > li > a {display:block;line-height:80px;font-size:19px;font-weight:500;color:#1d1d1b;position:relative;margin:0 30px;}
  .fs_top_menu .lnb > li > a:hover,
  .fs_top_menu .lnb > li > a:focus,
  .fs_top_menu .lnb > li > a:active {text-decoration:none;}
  .fs_top_menu .lnb > li.on2 > a:before,
  .fs_top_menu .lnb > li.on2 > a:before,
  .fs_top_menu .lnb > li.on2 > a:before {content: "";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#000;}

/* 헤더메뉴_하위메뉴 */
.fs_top_menu .menu_box .lnb > li .lnb_layer01 {display:none;position:relative;z-index:1;min-height:calc(100% - 120px) !important;padding:25px 0;border-left:1px solid #d7d7d7;border-top:4px solid #fff;font-weight:300;}
.fs_top_menu .menu_box .lnb > li .lnb_layer01.on {border-top:4px solid #30b1d5;}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 > li {}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 > li > a {display:flex;justify-content: center;align-items:center;padding:10px 10px;text-align:center;font-size:1.7rem;color:#999;}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 > li > a:is(:hover,:focus,:active,.on) {text-decoration:underline;color:#222;}


.fs_mtop_menu {display:none !important;}

    @media only screen and (max-width:1199px){
        .fs_top_menu .lnb .lnb_title {margin:0 30px;font-size:16px;}
	}
	@media only screen and (max-width:1023px){
		/* 헤더메뉴 */
        .fs_top_menu {display:none;}
        .overflow_y .fs_mtop_menu {display:block !important;z-index:-1;}
        .gnb_flex {display:flex;align-items:center;}
        .gnb {background:none;}
        
        /* 모바일 버튼 */
        .fs_head .mbtn_box {display:block;margin-left:20px;width:30px;}
        .fs_head .mbtn_box .menu_open {z-index:51;display:block; position:relative; width:25px;height:21px;margin:0;font-size:0;}
        .fs_head .mbtn_box .menu_open:after {content:""; position:absolute; left:0; top:0; bottom:0; width:25px; height:3px; margin:auto 0; background-color:#000; transition:all 0.4s; -webkit-transition:all 0.4s;border-radius:5px;}/* 가운데 */
        .fs_head .mbtn_box .menu_open span:after {content:""; position:absolute; left:0; bottom:0; width:25px; height:3px; background-color:#000; transition:all 0.4s; -webkit-transition:all 0.4s;border-radius:5px;}/* 하단 */
        .fs_head .mbtn_box .menu_open span:before {content:""; position:absolute; left:0; top:0; width:25px; height:3px; background-color:#000; transition:all 0.4s; -webkit-transition:all 0.4s;border-radius:5px;}/* 위 */

        /*모바일 버튼_on*/
        .fs_head .mbtn_box .menu_open.on {z-index:1000; display:block; position:relative;width:27px;height:27px;font-size:0;}
        .fs_head .mbtn_box .menu_open.on:after {content:""; position:absolute; left:0; top:0; bottom:0; width:0; height:3px; margin:auto 0; background-color:#fff;}/* 가운데 */
        .fs_head .mbtn_box .menu_open.on span:after {content:""; position:absolute; left:0; top:11px; width:25px; height:3px; background-color:#000; transform:rotate(45deg); -webkit-transform:rotate(45deg);}/* 하단 */
        .fs_head .mbtn_box .menu_open.on span:before {content:""; position:absolute; left:0; top:11px; width:25px; height:3px; background-color:#000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}/* 위 */

        /* 모바일메뉴 */
        .fs_mtop_menu .lnb {max-width:80%;width:100%;margin:40px auto 0;}
        .fs_mtop_menu .lnb li {position:relative;}
        .fs_mtop_menu .lnb > li > a {display:block;border-bottom:1px dashed rgba(255,255,255,0.4);padding-left:20px;font-size:1em;font-weight:600;height:60px;line-height:60px;color:#fff;}
        .fs_mtop_menu .lnb > li .lnb_title.arrow::before {content: "";position:absolute;right:19px;top:20px;width:1px;height:19px;background:#fff;}
        .fs_mtop_menu .lnb > li.on .lnb_title {color:#fff;background:#dc7112;}
        .fs_mtop_menu .lnb > li.on .lnb_title.arrow::before {display:none;}
        .fs_mtop_menu .lnb > li .lnb_title.arrow::after {content: "";position:absolute;right:10px;top:29px;width:19px;height:1px;background:#fff;}
        .fs_mtop_menu .lnb li .dep2 {display:none;padding:10px 20px;background:#fff;}
        .fs_mtop_menu .lnb li .dep2 > li {position:relative;}
        .fs_mtop_menu .lnb li .dep2 > li.arrow:before {content: "";position:absolute;left:0;top:17px;width:3px;height:3px;background:#666;border-radius:100%;}
        .fs_mtop_menu .lnb li .dep2 > li a {display:block;text-align:left;color:#666;font-size:13px;padding:10px 20px;}
        .fs_mtop_menu .lnb li .dep2 > li:hover a, .fs_mtop_menu .lnb li .dep2 > li:focus a {color:#dc7112;text-decoration:underline;font-weight:600;}
	}
	@media only screen and (max-width:767px){
        .overflow_y .fs_mtop_menu, .fs_mtop_menu.on {top:60px;}
	}





/* 서브비주얼 */
.fs_sub_visual {display:flex;justify-content:center;align-items:center;height:400px;background-size:cover !important;}
.fs_sub_visual p {font-size:3.438em;font-weight:700;color:#fff;}
	@media only screen and (max-width:1023px){
		.fs_sub_visual {height:250px;}
        .fs_sub_visual p {font-size:35px;padding:80px 20px 0 20px;}
	}
    @media only screen and (max-width:767px){
		.fs_sub_visual {height:200px;}
        .fs_sub_visual p {font-size:25px;padding-top:60px;}
	}

/* 서브컨텐츠 */
.fs_snb_contents {}
.fs_snb_contents .fs_snb_contents_box {margin:100px auto;}
.fs_snb_contents .fs_snb_contents_box:after{content:"";display:block;clear:both;}

/* 왼쪽영역 */
.fs_snb_box {height:50px;}
	/* 서브메뉴 */
	.snb_menu {width:100%;background:#fff;border-bottom:1px solid #ebebeb;}
	.snb_menu > ul {width:100%;width:1400px;height:50px;margin:0 auto;}
	.snb_menu > ul > li {float:left;position:relative;width:280px;}
	.snb_menu > ul > li:first-child {width:50px;}
	.snb_menu > ul > li a.home {padding-left:0;text-align:center;background:url(/images/fs/layout/home.png) center center no-repeat;font-size:0;}
	.snb_menu > ul > li > a {position:relative;z-index:1;display:block;height:50px;line-height:50px;padding-left:30px;font-size:16px;color:#666;background:url(/images/fs/layout/snb_menu_arrow.png) right 17px center no-repeat;transition: all 0.2s !important; -webkit-transition: all 0.2s !important;}
	.snb_menu > ul > li {border-right:1px solid #ebebeb;}
	
	.snb_menu > ul > li > ul {display:none;z-index:8;}
	.snb_menu > ul > li.on > ul {display:block;position:absolute;top:50px;left:0;width:280px;background:url(images/layout/snb_menu_bg3.png) repeat;background:rgba(255,255,255,0.8);border:1px solid #ebebeb;border-top:none;}
	.snb_menu > ul > li.on > ul > li > a {display:block;height:50px;padding-left:30px;line-height:50px;font-size:15px;border-top:1px solid #ebebeb;color:#666;}
	.snb_menu > ul > li > ul > li > a:hover {color:#dc7112;background:none;text-decoration:underline;}
	.snb_menu li.on > a, .snb_menu li.on > a:hover, .snb_menu li.on > a:focus, .snb_menu li.on > a:active {color:#dc7112;background:url(/images/fs/layout/snb_menu_arrow2.png) right 17px center no-repeat;}

/* 로케이션 */
.location {display:inline-block;width:100%;text-align:center;margin-top:5px;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px;}
.location:after {content:""; display:block; clear:both;}
.location > li {position:relative; margin-left:15px;padding-left:15px; color:#dc7112;font-size:15px;line-height:16px;}
.location > li:before {content:"";position: absolute;width:5px;height: 7px;background:url(/images/fs/layout/location_arrow.png);top:3px;right:-18px;}
.location > li:first-child {margin-left:0;padding-left:0;color:#999;}
.location > li:last-child:before {display:none;}
.location > li a {display:inline-block;color:#666;}
.location > li a:hover {color:#999;text-decoration:underline;}
.location > li a.home {color:#666;font-weight:500;}
.location > li:last-child a {color:#dc7112;font-weight:500;}

/* 컨텐츠영역 */
.fs_content {overflow:hidden;width:1400px;margin:0 auto;}

	/* 실컨텐츠 영역 */
	.con_body {min-height:400px;word-break:keep-all;}
        
        /* 타이틀 */
        .tith3 {position:relative;font-size:35px;color:#000;line-height:normal;text-align:left;border-bottom:1px dashed #ddd;padding-bottom:20px;margin-bottom:50px;}



/* 푸터영역 */
#fs_footer {background:#e5e5e5;padding:50px 0;}
#fs_footer .wrap {display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;}
.fs_footer_box {width:calc(100% - 250px);}

.fs_footer_box ul {border-bottom:1px dashed #c3c3c3;}
.fs_footer_box .t1 {padding:0 0 15px 0;}
.fs_footer_box .t1 strong {background:#3d3d3d;}
.fs_footer_box .t2 {padding:15px 0 10px 0;}
.fs_footer_box .t2 strong {background:#666666;margin-bottom:5px}
.fs_footer_box .t3 {border:0px;}

.fs_footer_box .t3 ul {display:flex;flex-wrap:wrap;padding:15px 0;}
.fs_footer_box .t3 ul .line {margin-right:15px;padding-right:15px;border-right:1px solid #c3c3c3;}
.fs_footer_box .t3 strong {width:30px;margin-right:10px;color:#000;}

.fs_footer_box ul li {display:flex;align-items:flex-start;font-size:14px;line-height:23px;color:#777;font-weight:400;}
.fs_footer_box ul li strong {flex-shrink:0;width:90px;margin-right:20px;border-radius:50px;color:#fff;display:inline-block;line-height:25px;font-weight:400;text-align:center;}
.fs_footer_box ul li:last-child {margin-right:0;}
.fs_footer_box .foot_text {display:flex;flex-direction:row;font-size:15px;font-weight:300;}
.fs_footer_box .foot_text > div {width:271px;}
.fs_footer_box .foot_text .txt {padding-left:60px;width:calc(100% - 80px);}
.fs_footer_box .foot_text p.copyright {display:block;margin-top:15px;font-size:13px;color:#666;font-weight:400;}
.fs_footer_box .foot_text p.copyright strong {font-weight:500;color:#000;}

/* 하단배너 */
.fs_banner {height: 218px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;}

.select_box {display:flex;justify-content:space-between;align-items:center;}
.select_box > div {margin:0 5px;}
.select_box > div select {width:165px;/*background:url("/images/fs/layout/arrow.png") no-repeat right 5px center transparent;*/background:#fff;padding-left:10px;border:0;border-bottom:0px solid #464646;font-size:1.0em;font-weight:600;color:#464646;}
.select_box > div select optgroup {color:#222;}
.select_box > div select option {color:#222;}
.select_box > div button {display:inline-block;height:40px;line-height:40px;margin-left:-4px;padding:0 7px;vertical-align:bottom;/* background:transparent;*/background:#464646;border:0px solid #666;border-radius:0 5px 5px 5px;text-align:center;color:#fff;}

/* 마을기업 */
.foot_right {width:112px;margin-right:5px;}
.foot_right ul {display:flex;flex-wrap:wrap;flex-direction: row-reverse;align-items:center;}
.foot_right ul li {}

/* 맨위로 */
#fs_footer .btn_top {position:fixed;right:20px;bottom:20px;z-index:99;border-top-right-radius:50px;border-bottom-right-radius:50px;border-bottom-left-radius:50px;background:#dc7112;width:70px;height:70px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;}
#fs_footer .btn_top div {text-align:center;}
#fs_footer .btn_top p {font-size:15px;font-weight:600;width:100%;color:#fff;padding-top:2px;}

    @media only screen and (max-width:1399px){
        .fs_content {width:100%;padding:0 30px;}
        
        .snb_menu > ul {width:100%;}
	}
	@media only screen and (max-width:1199px){
        .fs_footer_box .foot_text .txt {padding:10px 0px 0 20px;}
	}
	@media only screen and (max-width:1023px){
        .fs_footer_box {width:100%;}
        .fs_footer_box .foot_text {width:100%;display:flex;flex-direction:column;}
        .fs_footer_box .foot_text div {width:100%;}
        .fs_footer_box .foot_text .txt {width:100%;font-size:14px;padding:10px 0px 0 0;}

        .fs_footer_box ul li strong {margin-right:5px;}

        #fs_footer .wrap {display:flex;flex-direction: column;align-items: flex-start;padding:0 20px;}
        .fs_banner {flex-direction: row;justify-content: flex-start;align-items: flex-start;margin-top:20px;width:100%;height:auto;}
        .fs_banner .select_box {flex-shrink:0;width: 212px;}

        .foot_right {margin-left:20px;}
        .foot_right ul {justify-content:end;}
	}
	@media only screen and (max-width:767px){
    
        .fs_content {padding:50px 5%;}
        
        .fs_snb_contents .fs_snb_contents_box {margin:0;}
        
        .fs_snb_box {height:40px;}
        .snb_menu > ul {height:40px;}
        .snb_menu > ul > li {width:50%;}
        .snb_menu > ul > li:first-child {display:none;}
        .snb_menu > ul > li > a {font-size:13px;height:40px;line-height:40px;padding-left:15px;}
        .snb_menu > ul > li.on > ul {width:100%;top:40px;background:#fff;}
        .snb_menu > ul > li.on > ul > li > a {font-size:13px;height:40px;line-height:40px;padding-left:15px;}
        
        .location > li {font-size:14px;}
        
        .tith3 {font-size:25px;}


        #fs_footer {padding:40px 0;}
        .fs_footer_box {width:100%;}
        .fs_footer_box ul li {font-size:13px;margin-right:20px;}
        .fs_footer_box .foot_text div {width:100%;}
        .fs_footer_box .foot_text div img {width:140px;}
        .fs_footer_box .foot_text .txt {width:calc(100% - 10px);font-size:13px;}
        .fs_footer_box .foot_text span.copyright {margin-top:10px;}
        .foot_right {width:100%;text-align:left;margin-left:0;}

        .fs_banner .select_box {width: 200px;}
        .fs_banner .select_box > div {display: flex;}
        .fs_banner .select_box > div select {width:140px;}
        .foot_right ul {justify-content:start;}
        .foot_right ul li {margin-left:10px;}
        .foot_right ul li img {width:70px;}
	}
  @media only screen and (max-width:520px){
      .location li a {font-size:12px;}
  }
  @media only screen and (max-width:429px){
    .fs_footer_box .t3 ul .line {margin-right:0;padding-right:0;border-right:0;}
  }