@charset "utf-8";
@import url('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 */
}
a:is(:hover, :active, :focus) {text-decoration:none;}
/***********************/

/* 공통 */
body {overflow-x:hidden;}
.wrap {padding:0 20.0rem;margin:0 auto;}
	@media only screen and (max-width:1620px){
		.wrap {max-width:none;padding:0 6.0rem;}
	}
	@media only screen and (max-width:1199px){
		.wrap {padding:0 5.0rem;}
	}
	@media only screen and (max-width:1023px){
		.wrap {padding:0 3.0rem;}
	}


/******************************/
/* 헤더 영역 */
/******************************/
#fs_header {position:fixed;top:0;left:0;z-index:10;width:100%;transition:.4s;padding:0 20.0rem;margin-top:3rem;}
    @media only screen and (max-width:1620px){
		#fs_header {max-width:none;padding:0 6.0rem;}
	}
	@media only screen and (max-width:1199px){
		#fs_header {padding:0 5.0rem;}
	}
	@media only screen and (max-width:1023px){
		#fs_header {padding:0 3.0rem;}
	}

/* 상단 */
.fs_head {display:flex;justify-content:space-between;align-items:center;height:80px;border-bottom:1px solid transparent;background:#fff;padding:0 0 0 6rem;box-shadow:10px 10px 20px 0px rgba(0,0,0,0.05);}
.fs_head .logo a {display:flex;align-items:center;}
.fs_head .manu_flex {display:flex;align-items:center;}
	@media only screen and (max-width:1199px){
		.fs_head {padding-left:5rem;}
	}
	@media only screen and (max-width:425px){
		.fs_head .logo a {width:20.0rem;}
		.fs_head .logo a img {max-width:100%;}
	}

/* 헤더메뉴 */
.fs_top_menu {}
.fs_top_menu::before {position:absolute;left:0;top:100%;z-index:-1;width:100%;height:0;background:#fff;content:"";transition:.3s;}
.fs_top_menu .lnb {display:flex;padding-right:10rem;}
	/* 1뎁스 */
	.fs_top_menu .lnb > li {position:relative;display:flex;justify-content:center;align-items:center;height:80px;flex:1 1 auto;min-width:11.0rem;}
	.fs_top_menu .lnb > li .lnb_title {font-size:1.6rem;font-weight:500;color:#000;padding:0 4.0rem;}
	/* 2뎁스 */
    .fs_top_menu .lnb > li {position:relative;}
    .fs_top_menu .lnb > li .dep2 {visibility: hidden;opacity:0;width:100%;padding:30px 5px;text-align: center;position:absolute;top:130px;left:50%;transform:translate(-50%,0);background:#e5e5e5;color:#fff;box-shadow:5px 7px 15px rgba(0,0,0,.1);transition:all .4s;-webkit-transition:all .4s;font-size:.95em;border-top:3px solid #f18727;}
    .fs_top_menu .lnb > li .dep2 > li + li {margin-top:2rem;}
    .fs_top_menu .lnb > li .dep2 a {position:relative;line-height:1.7em;opacity: .9;transition: all .4s;-webkit-transition: all .4s;color:#000;}
    .fs_top_menu .lnb > li .dep2 a:after {content:'';position:absolute;left:0;right:0;bottom:0;margin:auto;background:#f18727;width:0;height:1px;transition:all .3s;-webkit-transition:all .3s;}
    .fs_top_menu .lnb > li .dep2 a:hover {opacity: 1;color:#f18727;font-weight:500}
    .fs_top_menu .lnb > li .dep2 a:hover:after {width:100%;}
    .fs_top_menu .lnb > li.on .dep2 {visibility: visible;opacity: 1;top:80px;}
		@media only screen and (max-width:1199px){
			.fs_top_menu .lnb > li .lnb_title {padding:0 3.0rem;}
		}
		@media only screen and (max-width:1023px){
			.fs_top_menu .lnb {display:none;}
		}


/* 사이트맵 */
.mbtn_box {display:flex;justify-content:center;align-items:center;gap:0 4.0rem;background:#f18727;width:80px;height:80px;}
.mbtn_box .menu_open {width:80px;height:80px;}
.mbtn_box .menu_open .mbtn {width:100%;height:100%;transition:all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);transition-timing-function:cubic-bezier(0.770, 0.000, 0.175, 1.000);transition: all ease 1s;}
.mbtn_box .menu_open .mbtn:is(:hover, :active, :focus) {background:#000;}
.mbtn_box .menu_open .mbtn:is(:hover, :active, :focus) img {transform:rotate(180deg);transition: all ease 1s;}

.fs_mtop_menu {visibility: hidden;position: fixed;right:-100%;top:0;width:0;transition:.6s ease;height:100vh;overflow-y: auto;padding-bottom:100px;}
.fs_mtop_menu{margin-top:calc(3rem + 80px);padding:0 30px;}
.fs_mtop_menu .lnb {margin-top:4rem;}
.fs_mtop_menu .lnb > li {display: flex;flex-wrap:wrap;border-bottom:1px dashed #ccc;padding:3rem 0;}
.fs_mtop_menu .lnb > li:last-child {border-bottom:0;}
.fs_mtop_menu .lnb li .lnb_title {position:relative;width:150px;font-size:1.4em;color:#f18727;font-weight:600;}
.fs_mtop_menu .lnb li .lnb_title.arrow:after {content:'';position:absolute;right:0;top:0;bottom:0;margin:auto;background:url("./../images/common/icon_tab2.png") no-repeat center;width:10px;height:6px;transition: all .3s;-webkit-transition: all .3s;}
.fs_mtop_menu .lnb li .dep2 {width:calc(100% - 150px);}
.fs_mtop_menu .lnb li .dep2 li {margin-bottom:15px;}
.fs_mtop_menu .lnb li .dep2 li:last-child {margin-bottom:0;}
.fs_mtop_menu .lnb li .dep2 li a {color:#666;display:block;}
.fs_mtop_menu .lnb li .dep2 li a:is(:hover, :active, :focus) {color:#000;font-weight:600;}
.fs_mtop_menu.active {visibility: visible;right:20rem;width:50rem;background:rgba(255,255,255,0.9);z-index:15;height:calc(100vh - 80px - 6rem);}
    @media only screen and (max-width:1620px){
		.fs_mtop_menu.active {right:6rem;}
	}
    @media only screen and (max-width:1199px){
		.fs_mtop_menu.active {right:5rem;}
	}
	@media only screen and (max-width:1023px){
		.fs_mtop_menu.active {right:3rem;}
	}
	@media only screen and (max-width:767px){
        .fs_mtop_menu.active {width:calc(100% - 6rem);}
        
        .fs_mtop_menu .lnb {margin-top:2rem;}
        .fs_mtop_menu .lnb li .lnb_title {width:100%;}
        .fs_mtop_menu .lnb li .dep2 {width:100%;margin-top:15px;background:#fff;padding:2rem;}
        .fs_mtop_menu .lnb li .dep2 li {}
        
	}


/******************************/
/* 컨텐츠 영역 */
/******************************/
#fs_container_wrap {}

/* 서브비주얼 */
.fs_sub_visual {display:table;width:100%;height:600px;position:relative;}
.fs_sub_visual div {position:absolute;top:calc(50% + 30px);left:20rem;transform:translate(0, -50%);}
.fs_sub_visual div p {font-weight:800;font-size:5.5rem;color:#fff;letter-spacing:0.1rem;margin-top:30px;}
	@media only screen and (max-width:1620px){
		.fs_sub_visual div {left:6rem;}
	}
    @media only screen and (max-width:1023px){
		.fs_sub_visual {height:400px;}
		.fs_sub_visual div {left:5rem;top:calc(50% + 50px);}
	}
	@media only screen and (max-width:767px){
		.fs_sub_visual {height:300px;}
		.fs_sub_visual div p {left:3rem;margin-top:15px;font-size:4.5rem;}
	}

/* 서브컨텐츠 */
.fs_snb_contents {}

/* 서브메뉴 */
.snb_menu {width:auto;margin:0 auto;}
.snb_menu .dep1 {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.snb_menu .dep1 > li {position:relative;margin:0 1px;}
.snb_menu .dep1 > li:before {content:"";position:absolute;width:1px;height:12px;background:rgba(255,255,255,0.3);top:10px;right:0;}
.snb_menu .dep1 > li:last-child:before {display:none;} 
.snb_menu .dep1 > li:last-child {border-bottom-right-radius:20px;}
.snb_menu .dep1 > li > a {display:block;padding:0 40px 0 20px;color:#fff;position:relative;width:auto;text-decoration:none;font-size:1.4rem;line-height:3rem;}
.snb_menu .dep1 > li > a.on {color:#f18727;}
.snb_menu .dep1 > li > a:before {content:"";position:absolute;width:6px;height:1px;background:#fff;top:15px;right:20px;transform:rotate(45deg)}
.snb_menu .dep1 > li > a:after {content:"";position:absolute;width:6px;height:1px;background:#fff;top:15px;right:16px;transform:rotate(-45deg)}
.snb_menu .dep1 > li:first-child {}
.snb_menu .dep1 > li:first-child > a {padding:0;display:flex;align-items:center;justify-content:center;padding-right:20px;height:3rem;}
.snb_menu .dep1 > li:first-child > a:before, .snb_menu .dep1 > li:first-child > a:after {display:none;}
	/* 2뎁스 */
	.snb_menu .dep1 > li.on > a {font-weight:600;color:#f18727;text-decoration:none;}
	.snb_menu .dep1 > li .dep2  {background:#f18727;position:absolute;width:100%;z-index:9;}
	.snb_menu .dep1 > li .dep2  > li > a {position:relative;display:block;padding:10px 10px 10px 20px;font-size:1.3rem;color:#fff;text-align:left;}
	.snb_menu .dep1 > li .dep2  > li:hover > a {font-weight:600;text-decoration:none;background:#000;}
		@media only screen and (max-width:1023px){
		}
		@media only screen and (max-width:767px){
			
		}

/* 컨텐츠 영역 */
.con_header {margin-top:100px;}
.con_header h3 {font-size:4rem;font-weight:800;line-height:normal;color:#000;display:inline-block;}
	@media only screen and (max-width:1023px){
		.con_header h3 {font-size:3.5rem;}
	}
	@media only screen and (max-width:767px){
		.con_header {margin-top:60px;}
		.con_header h3 {font-size:3rem;}
	}

/* 실컨텐츠영역 */
.con_body {margin:8.0rem 0;min-height:300px;}


/******************************/
/* 푸터 영역 */
/******************************/
#fs_footer {padding:8.0rem 0;background:#d9d9d9;}
.fs_footer_box {}
.fs_footer_box .foot_logo img {filter:brightness(0) saturate(100%) invert(0) sepia(1%) saturate(7404%) hue-rotate(323deg) brightness(105%) contrast(98%);opacity:.2;}
.fs_footer_box .foot_text {font-size:1.4rem;}
.fs_footer_box .foot_text address {margin:4.0rem 0;font-weight:600;}
.fs_footer_box .foot_text address div {margin-bottom:1.0rem;}
.fs_footer_box .foot_text address span {font-weight:400;margin-right:4rem;}
.fs_footer_box .foot_text address span:last-child {margin-right:0;}
.fs_footer_box .foot_text address span.address {}
.fs_footer_box .foot_text address span.tel {}
.fs_footer_box .foot_text address span em {display:inline-block;margin-right:1.0rem;font-weight:500;color:#000;}
.fs_footer_box .foot_text span.copyright strong {font-weight:500;color:#000;}
	@media only screen and (max-width:767px){
        #fs_footer {padding:6rem 0;}
        .fs_footer_box .foot_text address {margin:3rem 0;}
        .fs_footer_box .foot_text address span {display:block;margin:5px 0;}
	}