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

/******************************/
/* 공통 */
/******************************/
a, button {
	transition:all .4s;-webkit-transition:all .4s;
    text-decoration:none;
}
.wrap {width:1200px;margin:0 auto;}
    @media only screen and (max-width:1199px){
        .wrap {padding:0 5%;width:100%;} 
	}

/* SNB */
#sh_aside{position:relative;width:1400px;margin:0 auto;z-index:25;}

/* CONTAINER */
#sh_container{position:relative;z-index:10;min-width:1200px;width:100%}
#sh_container_wrapper.sub{padding-top:160px}
#sh_content{overflow:hidden;position:relative;z-index:10;width:100%;max-width:1400px;min-height:550px;padding:70px 0;margin:0 auto;background:#fff}

/* 헤더영역 */
#fs_wrap {overflow:hidden;}
#fs_header {
	position:fixed;top:0;left:0;width:100%;z-index:100;opacity:0;height:95px;padding:0 6rem;box-shadow:1px 0 15px 0 rgba(0,0,0,0.05);transform:translateY(-95px);animation:header-slide 1s ease-in-out forwards;background:#fff;
}
@keyframes header-slide {
	0% {opacity:0;transform:translateY(-95px);-webkit-transform:translateY(-95px);}
	100% {opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}
}

/* 상단 */
.fs_head {display:flex;align-items:center;justify-content:space-between;height:100%;}
.fs_head .logo {width:25.3rem;}
.fs_head .logo a {display:flex;align-items:flex-start;justify-content:center;overflow:hidden;}
    @media only screen and (max-width:1499px){
		#fs_header {padding:0 5%;}
		.fs_head .logo {width:auto;}
	}
	@media only screen and (max-width:767px){
		#fs_header {padding:0 5% 0 5%;height:95px;}
		#fs_header .fs_head .logo a img {width:17rem;}
		.fs_head .logo a img {}
	}

/* 헤더메뉴 */
.fs_top_menu {display:block;height:100%;}
.fs_top_menu .lnb {display:flex;height:100%;}
/* 1뎁스 */
#fs_header .fs_top_menu .lnb > li {position:relative;height:100%;padding:0;width:13rem;}
#fs_header .fs_top_menu .lnb > li .lnb_title {display:flex;align-items:center;justify-content:center;height:100%;color:#000;font-size:1.7rem;font-weight:600;transition:all .3s;-webkit-transition:all .3s;text-align:center;text-decoration:none;letter-spacing:-0.1rem;}
#fs_header .fs_top_menu .lnb > li .lnb_title strong {font-family:inherit;font-size:inherit;}
#fs_header .fs_top_menu .lnb > li .dep2 {visibility:hidden;opacity:0;text-align:center;width:100%;padding:25px 0;min-height:0;transition:all .2s;-webkit-transition:all .2s;z-index:1;background:#082931;height:auto !important;}
#fs_header .fs_top_menu .lnb > li .dep2 li {font-size:1.5rem;}
#fs_header .fs_top_menu .lnb > li .dep2 li:nth-of-type(n+2) {margin-top:15px;}
#fs_header .fs_top_menu .lnb > li .dep2 li a {display:block;color:#999;padding:0 5px;font-size:1.5rem;color:#fff;}
#fs_header .fs_top_menu .lnb_bg {position:absolute;left:0;right:0;top:0;height:0;background:#fff;visibility:hidden;opacity:1;overflow:hidden;transition:all .15s;-webkit-transition:all .15s;}
#fs_header .fs_top_menu .lnb > li.on .dep2 {opacity:1;visibility:unset;}
    @media only screen and (max-width:1499px){
		#fs_header .fs_top_menu .lnb > li {width:10rem;}
		#fs_header .fs_top_menu .lnb > li .lnb_title {font-size:1.6rem;}
	}

/******************************/
/* 모바일 버튼 */
/******************************/
/* 메뉴 오픈 */
.fs_head .mbtn_box {height:100%;aspect-ratio:1/1;align-items:center;justify-content:end;width:15rem;display:none;}
.fs_head .mbtn_box .menu_open {position:relative;display:inline-block;width:27px;height:20px;aspect-ratio:1/1;font-size:0;z-index:9999;}
.fs_head .mbtn_box .menu_open:after {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:#000;width:27px;height:1px;}
.fs_head .mbtn_box .menu_open:before {content:'';position:absolute;right:0;top:0;bottom:0;margin:auto;background:#000;width:27px;height:1px;}
.fs_head .mbtn_box .menu_open span {display:block;position:relative;width:100%;height:100%;}
.fs_head .mbtn_box .menu_open span:after {content:"";position:absolute;right:0;bottom:0;width:27px;height:1px;background-color:#222;}/* 하단 */
.fs_head .mbtn_box .menu_open span:before {content:"";position:absolute;right:0;top:0;width:27px;height:1px;background-color:#222;}/* 위 */
#fs_header.open .fs_head .logo a img {filter:unset}
#fs_header.open .fs_head .mbtn_box .menu_open:after {filter:brightness(0) saturate(100%) invert(0%) sepia(12%) saturate(5%) hue-rotate(275deg) brightness(95%) contrast(100%);}

.fs_mtop_menu {visibility:hidden;position:fixed;left:0;top:-100%;width:100%;z-index:999;transition:all 0s;}
.fs_mtop_menu.active .lnb_bg {display:none;}
.fs_mtop_menu.active {visibility:visible;top:0;height:100vh;background:#fff;}
.fs_mtop_menu.active .lnb {padding:0 10rem;display:flex;flex-wrap:wrap;position:relative;top:50%;transform:translateY(-50%);}
.fs_mtop_menu.active .lnb > li {width:20%;text-align:center;}
.fs_mtop_menu.active .lnb > li:is(:hover,:active,:focus) .lnb_title {color:#0a6176;text-decoration:none;}
.fs_mtop_menu.active .lnb > li:hover .lnb_title:before {background-color:#0a6176;}
.fs_mtop_menu.active .lnb > li .lnb_title {font-size:1.6em;color:#000;font-weight:bold;display:block;position:relative;}
.fs_mtop_menu.active .lnb > li .dep2 {padding:2rem 0;}
.fs_mtop_menu.active .lnb > li .dep2 > li {color:#222;font-weight:500;}
.fs_mtop_menu.active .lnb > li .dep2 > li:nth-child(n+2) {margin-top:15px;}
.fs_mtop_menu.active .lnb > li .dep2 > li a {position:relative;font-size:1.6rem;text-decoration:none;}
.fs_mtop_menu.active .lnb > li .dep2 > li a:after {content:'';position:absolute;left:0;bottom:-3px;width:0;height:1px;background:#222;transition:all .3s;-webkit-transition:all .3s;}
.fs_mtop_menu.active .lnb > li .dep2 > li a:is(:hover,:active,:focus):after {width:100%;}

/*모바일 버튼_on*/
.fs_head .mbtn_box .menu_open.active {display:block;position:relative;}
.fs_head .mbtn_box .menu_open.active:after {content:"";position:absolute;right:0;top:0;bottom:0;width:0;height:3px;margin:auto 0;background-color:#222;}/* 가운데 */
.fs_head .mbtn_box .menu_open.active:before {display:none;}
.fs_head .mbtn_box .menu_open.active span:after {content:"";position:absolute;right:0;top:10px;width:27px;height:1px;background-color:#222;transform:rotate(45deg);-webkit-transform:rotate(45deg);}/* 하단 */
.fs_head .mbtn_box .menu_open.active span:before {content:"";position:absolute;right:0;top:10px;width:27px;height:1px;background-color:#222;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}/* 위 */
	@media only screen and (max-width:1199px){
		#fs_header .fs_top_menu .lnb {display:none;}
		.fs_head .mbtn_box {display:flex;}
		/* 사이트맵 오픈 */
		.fs_head .fs_mtop_menu.active ~ .mbtn_box {width:70px;}
		.fs_mtop_menu.active {overflow-y:auto;}
		.fs_mtop_menu.active .lnb {padding:15rem 5% 0;top:0;transform:translateY(0);}
		.fs_mtop_menu.active .lnb > li {width:100%;}
		.fs_mtop_menu.active .lnb > li .lnb_title {text-align:left;font-size:1.8rem;padding:2rem 0;border-top:1px dashed #ddd;}
		.fs_mtop_menu.active .lnb > li:first-child .lnb_title {border-top:0;}
		.fs_mtop_menu.active .lnb > li .lnb_title.arrow {position:relative;}
		.fs_mtop_menu.active .lnb > li .lnb_title.arrow:after {content:'';position:absolute;right:1.5rem;top:0;bottom:0;margin:auto;background:url("/images/fs/common/sel_icon3.png") no-repeat center;width:13px;height:7px;}
		.fs_mtop_menu.active .lnb > li.on .lnb_title {color:#0a6176;background:#f5f5f5;border-radius:0 5px 5px 0;padding-left:2rem;}
		.fs_mtop_menu.active .lnb > li.on .lnb_title:before {background:#0a6176;}
		.fs_mtop_menu.active .lnb > li.on .lnb_title.arrow:after {transform:rotate(180deg);}
		.fs_mtop_menu.active .lnb > li .dep2 {text-align:left;padding-left:2rem;}
		.fs_mtop_menu.active .lnb > li .dep2 > li:nth-child(n+2) {margin-top:10px;}
	}
	@media only screen and (max-width:1023px){
	}
	@media only screen and (max-width:767px){
		.fs_mtop_menu.active .lnb {padding:12rem 5% 0;}
	}

/* 헤더 전화 */
.tel_nember {width:19rem;}
.tel_nember a {display:flex;align-items:center;text-decoration:none;justify-content:end;}
.tel_nember a:is(:hover,:active,:focus) {color:#0a6176;}
.tel_nember span {flex-shrink:0;width:3.3rem;height:3.3rem;background:#0a6176;border-radius:100%;display:flex;align-items:center;justify-content:center;color:#fff;}
.tel_nember p {font-size:1.8rem;font-weight:800;padding-left:1rem;letter-spacing:-0.5px;}
    @media only screen and (max-width:1199px){
		.tel_nember {width:auto;position:absolute;top:32px;right:100px;}
		.tel_nember p {font-size:1.6rem;}
	}
    @media only screen and (max-width:767px){
		.tel_nember {top:34px;right:60px;}
	}

/******************************/
/* 서브 영역 */
/******************************/
#fs_container_wrap {overflow:hidden;padding-top:95px;}
	@media only screen and (max-width:1023px){
		#fs_container_wrap {}
	}

/* 서브메뉴 */
.fs_snb_box {z-index:101;padding:0 6rem;margin-top:1rem;}
.fs_snb_box .snb_menu .dep1 {display:flex;}
.fs_snb_box .snb_menu .dep1 > li {position:relative;width:auto;margin-left:1.5rem;}
.fs_snb_box .snb_menu .dep1 > li:before {content:"";position:absolute;top:50%;left:0;width:4px;height:4px;background:#e6e6e6;margin-top:-2px;border-radius:100%;}
.fs_snb_box .snb_menu .dep1 > li a {position:relative;display:block;padding:0 40px 0 20px;line-height:60px;font-size:1.8rem;}
.fs_snb_box .snb_menu .dep1 > li > a:focus,
.fs_snb_box .snb_menu .dep1 > li > a:hover {text-decoration:none;}
.fs_snb_box .snb_menu .dep1 > li a.dep1:after {font-family:remixicon;font-size:2rem;color:#999;content:"\EA4E";position:absolute;top:0;right:0;transition:all .4s;-webkit-transition:all .4s;}
.fs_snb_box .snb_menu .dep1 > li.on a.dep1:after {transform:rotate(-180deg);}
.fs_snb_box .snb_menu .dep1 > li.home a {padding-left:0;padding-right:0;}
.fs_snb_box .snb_menu .dep1 > li.home a i{color:#b4b4b4;font-size:2rem;}
.fs_snb_box .snb_menu .dep1 .dep2 {position:absolute;top:5rem;left:0;width:100%;background-color:#fff;border-radius:5px;z-index:99;border:1px solid #ddd;}
.fs_snb_box .snb_menu .dep1 .dep2 li a {line-height:normal;font-size:1.4rem;height:4rem;display:flex;flex-wrap:wrap;align-items:center;text-decoration:none;}
.fs_snb_box .snb_menu .dep1 .dep2 li a:hover {color:#000;background-color:#f6f6f6;font-weight:600;}
    /* 반응형 */
	@media only screen and (max-width:1499px){
		.fs_snb_box {padding:0 5%;}
	}
    @media only screen and (max-width:1199px){
		.fs_snb_box .snb_menu .dep1 .dep2 {top:6rem;}
    }
	@media only screen and (max-width:767px){
		.fs_snb_box .snb_menu .dep1 > li > a {line-height:50px;}
		.fs_snb_box .snb_menu .dep1 .dep2 li a {font-size:1em;}
	}
	@media only screen and (max-width:560px){
		.fs_snb_box .snb_menu .dep1 > li:last-child {border:0;}
		.fs_snb_box .snb_menu .dep1 > li {max-width:unset;}
		.fs_snb_box .snb_menu .dep1 .dep2 {top:5rem;}
	}

/*25.08.07 소스추가*/
/* 3차메뉴(탭형식) */
.snb_menu2 {margin:4rem 0;}
.snb_menu2 .dep2 {display:flex;flex-wrap:wrap;gap:1rem;}
.snb_menu2 .dep2 li {flex:1 1 0;font-size:1.8rem;font-weight:500;text-align:center;border:2px solid #ddd;border-radius:1rem;color:#999;height:6rem;display:flex;justify-content:center;align-items:center;}
.snb_menu2 .dep2 li.on,
.snb_menu2 .dep2 li:is(:hover, :active, :focus) {color:#0a6176;border:2px solid #0a6176;font-weight:800;}
.snb_menu2 .dep2 li a {text-decoration:none;}
	@media only screen and (max-width:1023px){
	}
	@media only screen and (max-width:767px){
		.snb_menu2 .dep2 {justify-content:space-between;gap:0.5rem;}
		.snb_menu2 .dep2 li {flex:unset;width:32.5%;}
	}
/**/

/* 서브타이틀 */
.sub-visual {display:flex;justify-content:center;align-items:center;flex-direction:column;padding:12rem 0;background:#fff;border-bottom:1px solid #dedede;/*margin-bottom:8rem;*/}
.sub-visual h2 {position:relative;font-size:6rem;line-height:normal;margin-top:2.5rem;}
    @media only screen and (max-width:1199px){
		.sub-visual h2 {font-size:5.5rem;}
	}
	@media only screen and (max-width:1023px){
		.sub-visual {padding:10rem 0;}
		.sub-visual h2 {font-size:5rem;}
	}
	@media only screen and (max-width:767px){
		.sub-visual {padding:6rem 0;}
		.sub-visual h2 {font-size:4rem;margin-top:1.5rem;}
	}

/* 오른쪽영역 */
.con_body {padding-bottom:6rem;}
.con_header {margin-bottom:8rem;}
.con_header h3.tit {padding-bottom:3rem;color:#222;text-align:center;font-size:2.5em;font-weight:600;margin-top:14rem;position:relative;}
.con_header h3.tit:before {content:"";width:3rem;height:2px;background:#000;position:absolute;bottom:0;left:0;right:0;margin:0 auto;}
	@media only screen and (max-width:1399px){

	}
	@media only screen and (max-width:1023px){
		.con_header h3.tit {font-size:4rem;margin-top:10rem;}
	}
	@media only screen and (max-width:767px){
		.con_header h3.tit {font-size:3rem;margin-top:6rem;}
	}


/******************************/
/* 푸터영역 */
/******************************/
#fs_footer {background:#222;}
#fs_footer .f_bot .f_b_menu{padding-top:20px;border-bottom:1px solid #474747;}
#fs_footer .f_bot .f_b_menu ul{display:flex;align-items:center}
#fs_footer .f_bot .f_b_menu ul > li{margin-right:2rem;line-height:6rem;}
#fs_footer .f_bot .f_b_menu ul > li:last-child{margin-right:0}
#fs_footer .f_bot .f_b_menu ul > li > a{font-size:1.4rem;color:#777;font-weight:600;}
#fs_footer .f_bot .f_b_menu ul > li:hover > a{text-decoration:underline}
#fs_footer .f_bot .f_b_copy{padding:5rem 0 180px 0;}
#fs_footer .f_bot .f_b_copy .left{display:flex}
#fs_footer .f_bot .f_b_copy .f_logo{width:19rem;}
#fs_footer .f_bot .f_b_copy .address{margin-top:5px;font-size:13px;color:#777}
    @media only screen and (max-width:1023px){
		#fs_footer .f_bot .f_b_copy {padding:5rem 0 150px 0;}
	}
    @media only screen and (max-width:767px){
		#fs_footer .f_bot .f_b_copy {padding:3rem 0 200px 0;}
		#fs_footer .f_bot .f_b_copy .f_logo {width:13rem;}
		#fs_footer .f_bot .f_b_copy .f_logo img {width:10rem;}
		#fs_footer .f_bot .f_b_copy .address {width:calc(100% - 13rem);}
		#fs_footer .f_bot .f_b_copy .address > p {font-size:1.4rem;margin-bottom:1rem;}
		#fs_footer .f_bot .f_b_copy .address > span {font-size:1.4rem;}
	}

/* 1:1상담요청 */
.consult-box {display:flex;align-items:center;justify-content:space-between;border-radius:1rem;margin:0 auto;color:#000;position:fixed;bottom:2rem;left:0;right:0;flex-wrap:wrap;z-index:9;}
.consult-inner {display:flex;align-items:center;flex-wrap:wrap;background:#eee;padding:3rem 2.5rem 3rem 4rem;border-radius:1rem;gap:1rem;flex:1;justify-content:space-around;width:calc(100% - 21rem);}
.consult-title {font-weight:700;font-size:3rem;white-space:nowrap;color:#222;width:20rem;}
.consult-inner label {font-weight:500;font-size:1.6rem;white-space:nowrap;}
.consult-inner input[type="text"] {padding:0 1.5rem;border-radius:0.5rem;border:none;background:#fff;font-size:1.4rem;width:18rem;line-height:5rem;}
.consult-inner input::placeholder {color:#999;}
.consult-inner .agree {font-size:1.5rem;display:flex;align-items:center;gap:1rem;color:#929292;justify-content:end;}
.consult-btn {background:#05525f;color:#fff;padding:0 0 0 2.5rem;border:none;border-radius:5px;font-size:2.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:1rem;white-space:nowrap;margin-left:1rem;width:20rem;height:-webkit-fill-available;}
.consult-btn i {font-size:8rem;opacity:0.1;font-weight:500;}
    @media only screen and (max-width:1199px){
		.consult-box {padding:0 2rem;}
		.consult-inner {gap:0.5rem;flex:none;padding:2.5rem 2rem 2.5rem 3rem;flex-wrap:nowrap;}
		.consult-inner label {padding:0 1rem;}
		.consult-title {width:auto;font-size:2.5rem;}
		.consult-btn {}
		.consult-inner .agree {font-size:1.4rem;}
	}
    @media only screen and (max-width:1023px){
		.consult-inner {flex-wrap:wrap;justify-content:flex-start;}
		.consult-inner .agree {margin-top:0.5rem;padding:0;}
	}
    @media only screen and (max-width:767px){
		.consult-inner {width:100%;padding:2rem 2rem 2.5rem 2rem;}
		.consult-inner label {padding:0;width:5rem;}
		.consult-inner input[type="text"] {width:calc(100% - 6rem);line-height:3.5rem;}
		.consult-inner .agree {width:100%;justify-content:flex-start;margin-top:2rem;}
		.consult-title {width:100%;font-size:2rem;margin-bottom:0.5rem;}
		.consult-btn {position:absolute;bottom:1rem;right:4rem;height:auto;width:auto;   font-size:1.8rem;}
		.consult-btn i {font-size:4rem;}
	}

/* 퀵메뉴 */
#quick{position:fixed;right:75px;bottom:2rem;width:80px;z-index:999}
#quick .list{overflow:hidden;position:relative;margin-bottom:10px;border-radius:8px;background:rgba(0, 157, 176, .7)}
#quick .list:hover{overflow:initial;border-radius:0 0 8px 8px}
#quick .top{opacity:0;position:absolute;bottom:0;left:0;width:100%;transition:opacity 0.3s ease,transform 0.3s ease}
#quick .list:hover .top{overflow:initial;opacity:1;transform:translateY(-80px);height:auto;border-radius:8px 8px 0 0;background:rgba(0, 157, 176, .7)}
#quick .list .box{width:100%;height:80px}
#quick .list .box > a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;}
#quick .list .q_icon{margin-bottom:10px}
#quick .list .q_icon > i{font-size:20px;color:#fff}
#quick .list .top .q_icon > i{font-size:0px}
#quick .list .top span{font-size:0px}
#quick .list:hover .top .q_icon > i{font-size:20px;color:#fff}
#quick .list:hover .top span{font-size:12px}
#quick .list span{font-size:12px;color:#fff}
#quick .bot_btn{overflow:hidden;position:relative;border-radius:10px;z-index:3}
#quick .bot_btn > a{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80px;transition:all .5s;text-decoration:none;}
#quick .bot_btn:hover > a{background:var(--emerald)}
#quick .quick_top{display:flex;align-items:center;justify-content:center;width:100%;height:80px;border-radius:8px;background:#fff;transition:all .3s;color:#1ea9b9;font-size:2.3rem;text-decoration:none;}
#quick .quick_top.on{box-shadow:1px 3px 19px -4px rgba(60, 157,176,0.8)}
#quick .quick_top > span{}
    @media only screen and (max-width:1499px){
		#quick{right:2rem;bottom:15rem;}
	}
    @media only screen and (max-width:1199px){
		#quick{bottom:14rem;}
	}
    @media only screen and (max-width:1023px){
		#quick{bottom:16rem;}
	}
    @media only screen and (max-width:767px){
		#quick{bottom:23rem;width:7rem;}
		#quick .bot_btn > a {height:7rem;}
		#quick .quick_top {height:7rem;}
		#quick .list .q_icon {margin-bottom:0.5rem;}
		#quick .list .box {height:7rem;}
		#quick .list:hover .top {transform:translateY(-7rem);}
		#quick .list:hover .top {transform:translateY(-7rem);}
	}



.modal-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);display:none;justify-content:center;align-items:center;z-index:1000;}
.modal-content {background-color:#fff;color:#000;padding:3rem;border-radius:1rem;width:90%;max-width:40rem;position:relative;box-shadow:0 10px 25px rgba(0,0,0,0.2);}
.modal-close {position:absolute;top:12px;right:16px;font-size:2.5rem;background:none;border:none;cursor:pointer;}
.modal-content h3 {margin-top:0;margin-bottom:10px;font-size:1.8rem;}
.modal-content p {font-size:1.4rem;line-height:1.5;}
@media only screen and (max-width:1023px){
	.counseling .consult_form {max-width:100%;}
}
@media only screen and (max-width:767px){
	.counseling .form_row.form_row_left {width:100%;}
	.counseling .form_row.form_row_btn {width:100%;margin-top:2rem;gap:1rem 1rem;    padding-left:0;}
	.counseling .btn {width:calc(50% - 0.5rem);}
}