@charset "utf-8";
#container {background:#fff !important;}
.mtit {font-family: 'Perfect Girl'; font-size:var(--fz56); color:#1D2A38; letter-spacing:0.05em; line-height:1;}
.mtit span {display:inline-block; position:relative; z-index:10; padding-right:var(--size20);}
.mtit span::before {position:absolute; top:calc(var(--size10) * -1); right:0; z-index:-1; width:var(--size35); height:var(--size35); border-radius:100%; background:#CFD8E1; content:'';}


.swiper-button-prev,
.swiper-button-next {position:absolute; top:50%; width:59px; height:29px; margin-top:-15px; background:url('/module/main/swiper_prev.png') no-repeat center/contain;}
.swiper-button-prev {left:0;}
.swiper-button-next {right:0; background-image:url('/module/main/swiper_next.png');}
@media (max-width: 1024px) {
	.swiper-button-prev,
	.swiper-button-next {display:none;}
}

#signiture {overflow:hidden; position:relative; padding:var(--size120) 0 var(--size150);}
#signiture::before {position:absolute; bottom:-240px; left:50%; width:628px; height:628px; margin-left:375px; background:url('/module/main/signiture_circle.png') no-repeat center/contain; content:''; animation: rotate-ani 20s linear infinite;}
#signiture .mtit {text-align:center;}
#signiture .tab {width:92%; margin:var(--size60) auto var(--size80);}
#signiture .tab ul {display:flex; justify-content:center; gap:var(--size25);}
#signiture .tab a {display:block; padding:0 var(--size30); border:1px solid #445466; border-radius:var(--size50); font-size:var(--fz24); font-weight:500; line-height:1.875; text-align:center; color:#445466; transition:background 0.4s;}
#signiture .tab .active a,
#signiture .tab a:hover {background:#D0E1F3;}
#signiture .tab li:nth-child(2).active a,
#signiture .tab li:nth-child(2) a:hover {border-color:#6BAC6E; background:#CEE7CF; color:#326334;}
#signiture .tab li:nth-child(3).active a,
#signiture .tab li:nth-child(3) a:hover {border-color:#74672D; background:#FFFCEF; color:#74672D;}
#signiture .tab li:nth-child(4).active a,
#signiture .tab li:nth-child(4) a:hover {border-color:#847567; background:#FBE3CB; color:#53463A;}
#signiture .tab li:nth-child(5).active a,
#signiture .tab li:nth-child(5) a:hover {border-color:#445466; background:#DCC5E0; color:#532F59;}
#signiture .tab li:nth-child(6).active a,
#signiture .tab li:nth-child(6) a:hover {border-color:#D7869C; background:#FFF4F7; color:#D7869C;}

#signiture .container {position:relative; z-index:5; width:92%; max-width:1552px; margin:auto;}
#signiture-swiper {position:relative; padding:0 var(--size180);}
#signiture-swiper .swiper-container {max-width:1064px; margin:auto;}
#signiture-swiper .inbox {display:flex; gap:var(--size100); padding-left:var(--size10);}
#signiture-swiper .cont {flex:1; min-width:0; padding-top:var(--size60); color:#445466; line-height:1.2;}
#signiture-swiper .cont .tit {display:inline-block; position:relative; z-index:5; font-size:var(--fz40); font-weight:700;}
#signiture-swiper .cont .tit::after {position:absolute; left:calc(var(--size10) * -1); right:0; bottom:0; z-index:-1; height:var(--size20); background:#E4F1FF; content:'';}
#signiture-swiper .swiper-slide.s2 .cont .tit::after {background:#CEE7CF;}
#signiture-swiper .swiper-slide.s3 .cont .tit::after {background:#FFFCEF;}
#signiture-swiper .swiper-slide.s4 .cont .tit::after {background:#FBE3CB;}
#signiture-swiper .swiper-slide.s5 .cont .tit::after {background:#DCC5E0;}
#signiture-swiper .swiper-slide.s6 .cont .tit::after {background:#FFF4F7;}
#signiture-swiper .cont .txt {min-height:var(--size150); padding-top:var(--size30); font-size:var(--fz16); line-height:1.5; word-break:keep-all;}
#signiture-swiper .cont a {display:inline-block; position:relative; margin-top:var(--size10); padding-right:var(--size20); letter-spacing:0; font-weight:600; font-size:var(--fz16);}
#signiture-swiper .cont a::after {position:absolute; top:0; right:0; width:var(--size10); height:100%; background:url('/module/main/signiture_arr.svg') no-repeat center/contain; content:'';}
#signiture-swiper .img-area {width:45%; max-width:448px; color:#445466;}
#signiture-swiper .guide-txt {padding-bottom:var(--size10); text-align:center; opacity:0.8; font-size:var(--fz16); font-weight:500;}
#signiture-swiper .img-area .stxt {margin-top:var(--size15); font-size:var(--fz12); opacity:0.5; text-align:right; line-height:1.5;}


#signiture .swrap {position:relative; padding-bottom:54.96%;}
#signiture .bna-compare {position:absolute; top:0; left:0; right:0; bottom:0; min-height:100% !important; aspect-ratio: 564 / 310;}


@media (max-width: 1400px) {
	#signiture-swiper .cont .txt {min-height:var(--size200);}
	#signiture-swiper .cont .txt br {display:none;}
}
@media (max-width: 1024px) {
	#signiture {padding:var(--size120) 0;}
	#signiture::before {left:auto; right:-5%; bottom:0; top:auto; width:50vw; height:50vw; margin:0 auto -5%;}
	#signiture .tab {}	
	#signiture-swiper {padding:0;}
	#signiture-swiper .inbox {flex-direction: column-reverse; gap:var(--size30)}
	#signiture-swiper .img-area {width:100%; max-width:none;}
	#signiture-swiper .cont {}
	#signiture-swiper .cont .txt {min-height:auto; margin-bottom:var(--size30)}
	#signiture-swiper .cont .txt br {display:block;}	
}
@media (max-width: 600px) {
	#signiture .tab ul {display:grid; grid-template-columns: 1fr 1fr 1fr;}
}



#about {padding:var(--size70) 0 var(--size80); border-top:2px dashed #5885B5; border-bottom:2px dashed #5885B5; background:#F9FBFD;}
#about .container {position:relative; width:92%; max-width:1652px; margin:auto;}
#about-swiper {position:relative; padding-left:345px; margin-top:var(--size70);}
#about-swiper::before {position:absolute; top:26px; left:45px; width:439px; height:439px; background:url('/module/main/signiture_circle.png') no-repeat center/contain; content:''; animation: rotate-ani 20s linear infinite;}
#about-swiper .swiper-container {width:1960px;}
#about-swiper .swiper-slide {width:490px;}
#about-swiper .swiper-slide .inbox {margin-right:var(--size40);}
#about-swiper .img {position:relative; padding-bottom:62.6666%;}
#about-swiper .img img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
#about-swiper .stit {margin-top:var(--size25); color:#445466; opacity:0.52; font-size:var(--fz16); line-height:1.2;}
#about-swiper .tit {margin:var(--size10) 0 var(--size15); padding-bottom:var(--size15); border-bottom:2px solid #445466; color:#1D2A38; font-size:var(--fz24); font-weight:700; letter-spacing:0; line-height:1.2;}
#about-swiper .txt {font-size:var(--fz24); color:#445466; line-height:1.5;}
#about-swiper .custom-scrollbar {position:relative; height:8px; margin-top:var(--size40); max-width:650px;}
#about-swiper .custom-thumb {position:absolute; top:0; left:0; width:20%; height:100%; border-radius:5px; background:#445466; transition: left 0.5s ease-in-out;}
@media (max-width: 1024px) {
	#about .container {width:100%; padding-left:4%; max-width:none;}
	#about-swiper {padding:0;}
	#about-swiper::before {width:20vw; height:20vw;}
	#about-swiper .swiper-container {width:auto;}
	#about-swiper .swiper-slide {width:55vw;}
	#about-swiper .swiper-slide .inbox {margin-right:var(--size40);}
	#about-swiper .custom-scrollbar {height:6px;}
}
@media (max-width: 600px) {
	#about-swiper .swiper-slide {width:75vw;}
}


#review {overflow:hidden; position:relative; padding:var(--size150) 0;}
#review::before {position:absolute; bottom:-80px; left:50%; width:657px; height:657px; margin-left:395px; background:url('/module/main/signiture_circle.png') no-repeat center/contain; content:''; animation: rotate-ani 20s linear infinite;}
#review .container {position:relative; z-index:5; width:92%; max-width:1552px; margin:auto;}
#review .mtit {text-align:center;}
#review .stxt {margin-top:var(--size15); text-align:center; font-size:var(--fz24);}
#review-swiper {position:relative; padding:0 var(--size120); margin-top:var(--size80);}
#review-swiper .swiper-container {max-width:1302px; margin:auto;}
#review-swiper .swiper-slide {height:auto;}
#review-swiper .inbox {height:100%; background:#F3F6FA;}
#review-swiper img {width:100%;}
#review-swiper .cont {padding:var(--size20); word-break:keep-all; line-height:1.2;}
#review-swiper .tit {position:relative; margin-bottom:var(--size10); font-size:var(--fz20); font-weight:700; color:#445466;}
#review-swiper .tit span {position:absolute; top:50%; right:0; transform:translateY(-50%); font-size:var(--fz14); font-weight:400; color:#445466; opacity:0.66;}
#review-swiper .txt {padding-top:var(--size15); border-top:1px solid #445466; font-size:var(--fz14); line-height:1.3;}

@media (max-width: 1024px) {
	#review::before {top:0; left:auto; right:-5%; width:60vw; height:60vw; margin:-5% auto;}
	#review .container {width:100%; padding-left:4%;}
	#review-swiper {padding:0;}	
	#review .stxt {font-size:var(--fz16);}
	#review-swiper .swiper-slide {width:45vw;}
	#review-swiper .inbox {margin-right:var(--size40);}	
}
@media (max-width: 600px) {
	#review-swiper .swiper-slide {width:70vw;}
}


#contact {display:flex; gap:var(--size120); background:#F3F6FA;}
#contact .mtit {margin-bottom:var(--size40); font-size:var(--fz56);}
#contact .cmap {overflow:hidden; position:relative; width:40%;}
#contact .cmap .inbox {position:absolute; top:-100px; left:-100px; right:-100px; bottom:-100px;}
#contact .root_daum_roughmap,
#contact .wrap_map {width:100% !important; height:100% !important;}
#contact .cont {flex:1; min-width:0; padding:var(--size70) 0;}
#contact .info-box {max-width:850px; padding:var(--size25); border-top:1px solid #445466; font-size:var(--fz16); color:#445466;}
#contact .stit {margin-bottom:var(--size25); font-size:var(--fz24); font-weight:700; color:#1D2A38;}
#contact .stit span {display:inline-block; margin-left:var(--size15); font-size:var(--fz16); color:#445466; font-weight:400;}
#contact .contact-list {display:grid; grid-template-columns: auto auto; max-width:500px; gap:var(--size15) var(--size40);}
#contact .contact-list li {display:flex; gap:var(--size15);}
#contact .contact-list li strong {font-weight:700;}
#contact .time-list {display:flex; flex-wrap:wrap; gap:var(--size15) var(--size50); max-width:700px;}
#contact .time-list li {display:flex; gap:var(--size15);}
#contact .time-list span {font-weight:700;}
@media (max-width: 1024px) {
	#contact {flex-direction: column; gap:var(--size40);}
	#contact .cmap {width:100%; height:90vw;}
	#contact .cont {padding:var(--size30)}
	#contact .info-box {padding:var(--size40) var(--size20);}
	#contact .stit {font-size:var(--fz30);}
	#contact .contact-list {display:flex; flex-wrap:wrap;}
}