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

/******************************/
/* 공통 */
/******************************/
:root {--main_color:#38bdb5;--sub_color:#b1d242;}
a, button {
	transition:all .4s;-webkit-transition:all .4s;
    text-decoration:none;
}
.wrap {width:clamp(0px,90%,1650px);margin:0 auto;}


/******************************/
/* 헤더 영역 */
/******************************/
#fs_header {position:fixed;left:0;top:0;width:100%;z-index:999;transition:all .4s;-webkit-transition:all .4s;}
.fs_head {height:100px;box-sizing:border-box;border-bottom:1px solid #ddd;}
.fs_head .head_left {display:flex;align-items:center;justify-content:space-between;height:100%;}

/* 로고 */
.fs_head .logo {}
.fs_head .logo a {z-index:1;display:flex;align-items:center;height:100%;}

/* 헤더메뉴 */
.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;gap:0 4rem;}
	/* 1뎁스 */
	.fs_top_menu .lnb > li {position:relative;}
	.fs_top_menu .lnb > li a {display:block;font-weight:600;font-size:1.8rem;color:#222;padding:0;line-height:100px;}
    .fs_top_menu .lnb > li a:is(:hover,:active,:focus) {color:var(--main_color);text-decoration:none;}
    .fs_top_menu .lnb > li a.on {color:var(--main_color) !important;text-decoration:none;}
		/* 오버, 스크롤 시 */
		#fs_header:is(.active,.scroll) {background:#fff;}
			/* 1뎁스 */
			#fs_header:is(.active,.scroll) .fs_top_menu .lnb > li a {color:#222;text-decoration:none;}
			#fs_header:is(.active,.scroll) .fs_top_menu .lnb > li:is(:hover,:active,:focus) a {color:var(--main_color);text-decoration:none;}
			#fs_header:is(.active,.scroll) .fs_top_menu .lnb > li:hover a::after {width:100%;}
			.fs_top_menu.on::before {height:22.0rem;}
				@media only screen and (max-width:1023px){
					.fs_top_menu {width:calc(100% - 30rem);}
					.fs_top_menu .lnb {gap:0;}
					.fs_top_menu .lnb > li {flex:1 1 auto;text-align:right;}
				}
				@media only screen and (max-width:767px){
					#fs_header {background:#fff;}
					.fs_head {height:auto;}
					.fs_head .head_left {display:flex;flex-wrap:wrap;}
					.fs_head .logo {width:100%;padding:2rem 0;}
					.fs_head .logo a {justify-content:center;}
					.fs_top_menu {width:100%;}
					.fs_top_menu .lnb {gap:0;flex-wrap:wrap;}
					.fs_top_menu .lnb > li {flex:1 1 30%;text-align:center;border-left:1px solid #ddd;border-top:1px solid #ddd;}
					.fs_top_menu .lnb > li:nth-child(1),
					.fs_top_menu .lnb > li:nth-child(4) {border-left:0;}
					.fs_top_menu .lnb > li a {line-height:35px;font-size:1.6rem;}
				}


/******************************/
/* 푸터영역 */
/******************************/
#fs_footer {}
#fs_footer .fs_footer_box {display:flex;justify-content:space-between;position:relative;padding:6rem 0;border-top:1px solid #ddd;}
	@media only screen and (max-width:1023px){
		#fs_footer .fs_footer_box {align-items:center;flex-direction:column-reverse;gap:4rem;padding:5rem 0;}
	}

/* 기본정보 */
.fs_footer_box .foot_text {display:flex;justify-content:space-between;gap:8rem;align-items: center;width:100%;}
.fs_footer_box .foot_text .foot_right {display:flex;justify-content:space-between;width:calc(100% - 201px);}
.fs_footer_box .foot_text .foot_right a {padding:0 2rem;width:150px;}
.fs_footer_box .foot_info {font-size:1.5rem;color:#222;line-height:1.6;}
.fs_footer_box .foot_info em {font-weight:700;}
.fs_footer_box .foot_info address.address {display:flex;flex-wrap:wrap;gap:1rem 3rem;}
.fs_footer_box .foot_info address.address span {display:block;}
.fs_footer_box .foot_info span.copyright {display:block;margin-top:1rem;}
	@media only screen and (max-width:1023px){
		.fs_footer_box .foot_text .foot_right {flex-wrap:wrap;justify-content:end;}
		.fs_footer_box .foot_text .foot_right a {margin-top:1rem;}
	}
	@media only screen and (max-width:767px){
		.fs_footer_box .foot_text {align-items:center;flex-direction:column;gap:4rem;}
		.fs_footer_box .foot_text .foot_right {justify-content:center;}
	}

/* 맨위로 */
.fs_footer_box .btn_top {position:absolute;top:-3rem;right:0;display:flex;justify-content:center;align-items:center;background:#fff;}
	@media only screen and (max-width:1649px){
		.fs_footer_box .btn_top {right:0;}
	}
	@media only screen and (max-width:767px){
		.fs_footer_box .foot_text {gap:2rem 0;}
		.fs_footer_box .foot_text .foot_right {width:100%;}
		.fs_footer_box .foot_info address.address {justify-content:center;}
		.fs_footer_box .foot_info span.copyright {text-align:center;}
	}

/* 퀵메뉴 */
.quick{position:fixed; right:40px; bottom:140px; transition:all 0.5s; transition-delay:1.2s; z-index: 20; }
.quick .group{position:relative; width:80px; margin-left:auto; margin-right:auto; border-radius:40px; text-align:center;transition: 0.3s;}
.quick .ul{transition: 0.3s; opacity: 0; visibility: hidden;}
.quick .li{width:80px;height:70px;transition: 0.3s; z-index: 5;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.quick .li a {height:auto;}
.quick .li a span {margin-bottom:5px;display:block;width:100%;}
.quick .li a span img {max-width:32px;}
.quick .anchor{position:relative; display:block; width:100%; height:100%;font-size:12px;line-height:1.1; color:#fff; text-align:center; border-radius:40px;}
.quick .open button,
.quick .close button{border:none; background:none;}
.quick .close{position:relative; z-index: 10; width:80px; height:80px; margin:0 auto; font-size:0; line-height:0; border-bottom-left-radius:40px; border-bottom-right-radius:40px;}
.quick .close button{display:block; width:100%; height:100%; background: url('/images/images/quick_close.png') no-repeat center center; background-size:25px 25px; font-size:0; line-height:0;}
.quick .open{position:relative; z-index: 10; width:80px; height:80px; margin:0 auto; background:rgba(0,113,188,0.7); border-radius:40px;}
.quick .open button{display:block; width:100%; height:100%; background: url('/images/images/quick_open.png') no-repeat center center; background-size:28px 35px; font-size:0; line-height:0;}
/*활성화*/
.quick.on .open{display:none;}
.quick.none .close{display:none; transition: 0.8s;}
.quick.none .open{display:block;}
.quick.on .group{padding-top:20px; background-color:rgba(0,113,188,0.7);}
.quick.on .ul{opacity: 1; visibility: visible;}
.quick.on .li{opacity:1;}
@media all and (max-width:1000px){
	.quick{right:20px; bottom:120px;}
}
@media all and (max-width:768px){
	.quick{bottom:100px;}
	.quick .group{width:70px;}
	.quick .li{width:70px; height:60px;}
	.quick .close,
	.quick .open{width:70px; height:70px;}
	.quick .close button{background-size:20px 20px;}
}
@media all and (max-width:640px){
	.quick{bottom:90px;}
	.quick .group{width:60px;}
	.quick .li{width:60px;}
	.quick .anchor{font-size:11px;}
	.quick .close,
	.quick .open{width:60px; height:60px;}

}