@charset "utf-8";

/***********************/
/* 커스텀하여 사용권장
 직접커스텀 : https://matthewlein.com/tools/ceaser
 이징 참고표 : https://easings.net/ko
*/
a {
	transition: all 400ms 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:hover {text-decoration: none;}
.wrap {max-width:1400px;margin:auto;}
/***********************/

/* 해더영역 */
#fs_header {
	position:fixed;top:0;left:0;width:100%;z-index: 100;background:rgba(255,255,255,1);border-bottom:1px solid #eee;
	opacity: 0;transform:translateY(-100px);animation:header-slide 1s ease-in-out forwards;transition:all .4s;-webkit-transition:all .4s;
}
	@keyframes header-slide {
		0% {opacity:0;transform:translateY(-100px);-webkit-transform:translateY(-100px);}
		100% {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}
	}


/* 상단 */
.fs_head {display:flex;align-items:center;justify-content:space-between;width:100%;height:100px;max-width:1400px;margin:auto;}
.fs_head .logo img {}
.fs_head .lnb_area {display:flex;align-items: center;height:100%;}
.fs_head .sitemap_tit {display:none;}

/* 헤더메뉴 */
.fs_mtop_menu {display:none;}
.fs_mtop_menu .lnb {display:none;}
.fs_top_menu {}
.fs_top_menu .lnb {display:flex;}
	/* 1뎁스 */
	.fs_top_menu .lnb > li {position: relative;padding:0 40px;}
	.fs_top_menu .lnb > li .lnb_title {position: relative;display:block;line-height:100px;color:#000;font-size:20px;}
	.fs_top_menu .lnb > li .dep2 {visibility: hidden;opacity:0;position:absolute;left:0;right:0;margin:auto;top:120px;min-width:120px;background:#fff;padding:30px 15px;text-align:center;box-shadow:5px 0 10px rgba(0,0,0,.1);transition:all .4s;-webkit-transition:all .4s;}
	.fs_top_menu .lnb > li .dep2:after {content:'';position:absolute;left:0;top:0;background:#179eb8;width:100%;height:5px;}
	.fs_top_menu .lnb > li.on .dep2 {visibility:visible;opacity:1;top:95px;}
	.fs_top_menu .lnb > li.on .lnb_title {color:#179eb8;}
	.fs_top_menu .lnb > li .dep2 > li + li {margin-top:20px;}
	.fs_top_menu .lnb > li .dep2 > li a {color:#868686;}
	.fs_top_menu .lnb > li .dep2 > li a:hover {color:#222;text-decoration:underline;}

/* 모바일 버튼 */
.fs_head .mbtn_box {margin-left:60px;z-index: 51;display: none;}
.fs_head .mbtn_box a {position:relative;display:block;background:#fff;color:#179eb8;line-height:30px;padding:0 15px 0 40px;border-radius:50px;font-size:14px;}
.fs_head .mbtn_box a em {display:flex;align-items:center;justify-content:center;position:absolute;left:-1px;top:0;width:30px;height:30px;border-radius:50px;background:#179eb8;text-align: center;}
.fs_head .mbtn_box a span {line-height:30px;}
.fs_head .mbtn_box a:hover {background:#179eb8;color:#fff;}

/* 스크롤 시 헤더영역 */
/*#fs_header.active {background:#fff;border-bottom:1px solid #eee;}*/
/*#fs_header.active .fs_head .logo img {filter:unset;}*/
/*#fs_header.active .fs_top_menu .lnb > li .lnb_title {color:#222;}*/
/*#fs_header.active .fs_top_menu .lnb > li.on .lnb_title {color:#179eb8;}*/

	/* 반응형 */
	@media only screen and (max-width:1399px){
		/* 공통 */
		.wrap {padding:0 30px;}
		/* 헤더메뉴 */
		.fs_head {padding:0 30px;}
		.fs_top_menu .lnb > li {padding:0 30px;}

		/* 모바일 버튼 */
		.fs_head .mbtn_box {margin-left:30px;}
	}
	@media only screen and (max-width:1023px){
		.fs_top_menu {display: none;}
		.fs_mtop_menu .lnb,
		.fs_head .mbtn_box {display:block;}

		.overflow_y .fs_head {position:relative;}
		.overflow_y .fs_head .sitemap_tit {display:block;font-size:40px;font-weight:bold;color:#179eb8;padding:30px 0 60px;z-index: 51;}
		/* 모바일 버튼 */
		.overflow_y .fs_head .mbtn_box {}
		.overflow_y .fs_head .mbtn_box a {padding:0;line-height:normal;}
		.overflow_y .fs_head .mbtn_box a em {position:relative;}
		.overflow_y .fs_head .mbtn_box a em:before {content:'';position:absolute;left:0;top:0;bottom:0;margin:auto;right:0;width:14px;height:2px;background:#fff;transform:rotate(45deg);}
		.overflow_y .fs_head .mbtn_box a em:after {content:'';position:absolute;left:0;top:0;bottom:0;margin:auto;right:0;width:14px;height:2px;background:#fff;transform:rotate(-45deg);}
		.overflow_y .fs_head .mbtn_box a em img,
		.overflow_y .fs_head .mbtn_box a span {display:none;}

		.overflow_y .fs_mtop_menu {position:fixed;right:0;top:0;z-index: 50;padding:0 20px;width:100%;height:100vh;max-width:400px;background:rgba(255,255,255,1);box-shadow: 7px 7px 10px 10px rgba(0,0,0,.1);transition:all .3s;-webkit-transition:all .3s;}
		.overflow_y .fs_mtop_menu .lnb {border-top:1px solid #222;padding:10px 0;}
		.overflow_y .fs_mtop_menu .lnb > li + li {border-top:1px solid #ddd;}
		.overflow_y .fs_mtop_menu .lnb > li .lnb_title {position:relative;display:block;color:#222;font-size:20px;font-weight:600;line-height:55px;}
		.overflow_y .fs_mtop_menu .lnb > li .lnb_title.arrow:after {content:'';position:absolute;right:20px;top:0;bottom:0;margin:auto;background:url("./../images/common/sh_bt_arr.png") no-repeat center; width:8px;height:11px;transform:rotate(90deg);opacity: .5;transition:all .4s;-webkit-transition:all .4s;}
		.overflow_y .fs_mtop_menu .lnb > li.on .lnb_title.arrow:after {opacity: 1;transform:rotate(-90deg);}
		.overflow_y .fs_mtop_menu .lnb > li.on .lnb_title,
		.overflow_y .fs_mtop_menu .lnb > li:hover .lnb_title {color:#179eb8;}
		.overflow_y .fs_mtop_menu .lnb > li .dep2 {background:#f5f5f5;padding:20px;}
		.overflow_y .fs_mtop_menu .lnb > li .dep2 > li a {line-height:28px;}
		.overflow_y .fs_mtop_menu .lnb > li.on .dep2 > li a:focus,
		.overflow_y .fs_mtop_menu .lnb > li.on .dep2 > li a:active,
		.overflow_y .fs_mtop_menu .lnb > li.on .dep2 > li a:hover {text-decoration: underline;color:#222;}
	}
	@media only screen and (max-width:767px){
		.wrap {padding:0 15px;}
		/* 헤더메뉴 */
		.fs_head {padding:0 15px;}
		.fs_head .logo img {max-width:140px;}
		/* 모바일 버튼 */
		.fs_head .mbtn_box {margin-left:15px;}
	}
	@media only screen and (max-width:560px){
		.overflow_y .fs_mtop_menu {max-width:unset;}
	}


/* ==================== 컨텐츠페이지 */
.subpage #fs_header {border-bottom:1px solid rgba(255,255,255,.3);}
.subpage #fs_header.active {border-bottom:1px solid #eee;}

.subpage #fs_container_wrap {}

/* 서브비주얼 */
.fs_sub_visual {display:flex;align-items:center;justify-content:center;padding-top:100px;height:100%;min-height:500px;background: url('./../images/layout/svisual_01.png') no-repeat center;border-radius:0 0 0 100px;}
.fs_sub_visual p {
	text-align: center;color:#fff;font-size:60px;font-weight:bold;
	opacity:0;transform:translateY(0);animation:header-slide 1s ease-in-out forwards;animation-delay:.6s;transition:all .4s;-webkit-transition:all .4s;
}
	/* 반응형 */
	@media only screen and (max-width:767px){
		.fs_sub_visual {min-height:400px;border-radius:0 0 0 50px;}
		.fs_sub_visual p {font-size:48px;}
	}
.con_body {overflow: hidden;}
.con_header {text-align: center;color:#222;font-size:32px;font-weight:bold;}
.con_header h3 {opacity:0;transform:translateY(0);animation:header-slide 1s ease-in-out forwards;animation-delay:1s;transition:all .4s;-webkit-transition:all .4s;}



/* 푸터영역 */
#fs_footer {padding:55px 0;background:#f5f5f5;}
#fs_footer .wrap {position:relative;padding-bottom:25px;}
#fs_footer .foot_text {display:flex;flex-wrap:wrap;width:100%;}
#fs_footer .foot_text .f_logo {display:inline-block;width:172px;}
#fs_footer .foot_text .f_logo img {}
#fs_footer .foot_text .wrp {width:calc(100% - 172px);padding-left:80px;}
#fs_footer .foot_text .wrp  .link_box {display:block;width:100%;border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:15px;margin-bottom:15px;}
#fs_footer .foot_text .wrp  .link_box a {position:relative;}
#fs_footer .foot_text .wrp  .link_box a + a {padding:0 25px;}
#fs_footer .foot_text .wrp  .link_box a + a:before {content:'';position:absolute;left:10px;top:9px;width:3px;height:3px;background:rgba(0,0,0,.2);border-radius:50px;}
#fs_footer .foot_text .wrp  .link_box a span {display:inline-block;position:relative;}
#fs_footer .foot_text .wrp  .link_box a span:after {content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:#333;transition:all .6s;-webkit-transition:all .6s;}
#fs_footer .foot_text .wrp  .link_box a span:hover:after {width:100%;}
#fs_footer .foot_text .wrp  .link_box .policy {font-weight:bold;color:#222;}
#fs_footer .foot_text .wrp ul {display:flex;flex-wrap:wrap;}
#fs_footer .foot_text .wrp ul > li {display:flex;position:relative;}
#fs_footer .foot_text .wrp ul > li:first-child {width:100%;margin-bottom:10px;}
#fs_footer .foot_text .wrp ul > li:nth-child(2) {padding-left:0;}
#fs_footer .foot_text .wrp ul > li + li {padding:0 12px;}
#fs_footer .foot_text .wrp ul > li + li + li:before {content:'';position:absolute;left:0;top:6px;width:3px;height:3px;background:rgba(0,0,0,.2);border-radius:50px;}
#fs_footer .foot_text .wrp ul > li .f_tit {display:inline-block;margin-right:10px;color:#000;font-weight:500;}
.fs_footer_box .foot_text {}
.fs_footer_box .foot_text address.address {}
.fs_footer_box .foot_text span.copyright {}

/*맨위로*/
#fs_footer .btn_top {position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:center;border-radius:50px;width:65px;height:65px;background:#179eb8;color:#fff;z-index: 99;}
#fs_footer .btn_top span {position:relative;display:block;padding-top:21px;}
#fs_footer .btn_top span:before {content:'';position:absolute;top:0;left:0;right:0;margin:auto;background:url("./../images/layout/btn_top.png") no-repeat center;width:21px;height:11px;transition:all .4s;-webkit-transition:all .4s;}
#fs_footer .btn_top:hover span:before {transform:translateY(-5px);}

	/* 반응형 */
	@media only screen and (max-width:1399px){
		/*맨위로*/
		#fs_footer .btn_top {right:30px;}
	}
	@media only screen and (max-width:1023px){
		#fs_footer .wrap {padding-bottom:0;}

		#fs_footer .foot_text {display:block;text-align: center;}
		#fs_footer .foot_text .wrp {width:100%;padding:30px 0 0 0;}
		#fs_footer .foot_text .wrp ul {display:block;}
		#fs_footer .foot_text .wrp ul li {margin-bottom:10px;justify-content:center;}
		#fs_footer .foot_text .wrp ul li:before {display:none;}

		/*맨위로*/
		#fs_footer .btn_top {position: fixed;right:10px;bottom:10px;}
	}
	@media only screen and (max-width:560px){
		#fs_footer {padding:45px 0;}
		#fs_footer .foot_text .wrp .link_box a {display:block;margin:5px 0;}
		#fs_footer .foot_text .wrp .link_box a:before {display:none;}
		#fs_footer .foot_text .wrp ul li {display: block;text-align:left;padding:0 !important;}
		#fs_footer .foot_text .wrp ul li:first-child .f_tit {margin-bottom:5px;}
		#fs_footer .foot_text .wrp  .link_box a span {text-decoration: underline;}
	}