@charset "UTF-8";
/*----------------------------------------------------------------------
# 메인 CSS 
----------------------------------------------------------------------*/


/*----------------------------------------------------------------------
@ MAIN COMMON 
----------------------------------------------------------------------*/
#main > section {padding-top:6.25rem;padding-bottom:6.25rem; overflow-x:clip; }

.main_title_wrap { position:relative; } 
.main_title {position:relative; display:flex; flex-direction:column; align-items:flex-start; }
.main_title h2 { font-size:3.125rem; color:#242424; font-weight:700; }
.main_title h2 span { color:var(--menu); } 
.main_title p { font-size:1.875rem;color:#1b1b1f; font-weight:600; line-height:1.333; margin-top:0.625rem; }


.main_title_wrap { }
.main_title_wrap h2 { font-size:5rem; color:#111; font-weight:700; text-align:center; }


@media screen and (max-width: 1024px){
	.main_title { font-size:1.875rem;  }
}
@media screen and (max-width: 1024px){
	#main > section {padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width: 768px){
	.main_title { font-size:1.563rem;  }
}




#main .section { overflow:hidden; } 

#main { background:#f1f1f1; } 

/*----------------------------------------------------------------------
@ MAIN 메인 상단
----------------------------------------------------------------------*/
.main_top { position:relative; background:url('/images/main/body_bg.jpg') no-repeat center top / cover; } 
.main_top_bg { position: absolute; bottom:-10.625rem; left: -10.75rem; width: 77.125rem; /*height: calc(100% + 680px);*/ height:142rem;  background: url(/images/main/feature_img1.png) no-repeat;  background-size: contain; background-position: left top; z-index:0;  } 

@media screen and (max-width: 1900px){
	.main_top_bg { width:64.2708vw;  height:118.3333vw; bottom:-5.8542vw; left:-8.9583vw;  } 
	/*
	.main_top_bg { width:77.125remvw;  height:142rem; 8.8542:-43.75rem; left:-10.75rem;   } 
	*/
} 
@media screen and (max-width: 1400px){
	.main_top_bg { bottom:-4vw; } 
}
@media screen and (max-width:768px){
	.main_top_bg { display:none; } 
} 

/*----------------------------------------------------------------------
@ MAIN 악센토N 
----------------------------------------------------------------------*/

#main_about { display:flex; position:relative; height:72.5rem; /*height:calc(var(--vh, 1vh) * 100);*/ max-height:72.5rem !important;  }
#main_about.section { padding-top:0; padding-bottom:0; } 
#main_about .maxWidth1600 { position:relative; width:100%; } 

.main_about { display:flex; align-items:center; width:100%; height:100%; }
.main_about .left { position:relative; width:50%; text-align:right;  }
.main_about .left h2 { font-size:5rem; color:#111; font-weight:800;  line-height:1; }
.main_about .left p { font-size:1.875rem; color:#000; font-weight:500; margin-top:1.563rem; line-height:1.5;}
.main_about .left p span { position:relative; } 

.main_about .right { position:relative; width:50%; } 
.main_about .right img { position:relative; } 


/*.main_about .action { opacity:0; }*/

.main_about_img { position: absolute; top: 0px; right: -5rem; width: 100%; height: 100%; text-align:right; } 

@media screen and (max-width:1780px){
	.main_about_img { right:0rem; } 
} 

@media screen and (max-width:1440px){
	.main_about_img img { width:74.7917vw; } 	
} 
@media screen and (max-width:1280px){
	#main_about { height:revert; min-height:calc(var(--vh, 1vh) * 100); } 
	.main_about_img { max-width:70%; right:1rem; } 	

	
	.main_about .left h2 img { width:60%; }
	.main_about .left p { font-size:1.675rem; } 

} 

@media screen and (max-width:1024px){
	
} 

@media screen and (max-width:768px){
	#main_about { height:revert; min-height:revert; } 

	.main_about { flex-direction:column; } 

	.main_about_img { position:relative; right:revert; width:revert; height:revert; margin:0 auto;   } 
	.main_about .left { width:100%; text-align:center; margin-top:1.875rem; } 
	.main_about .left h2 img { max-width:300px; } 
} 
@media screen and (max-width:480px){
	.main_about_img { max-width:90%; } 	
}



/*----------------------------------------------------------------------
@ MAIN 제품설명 
----------------------------------------------------------------------*/

#main_intro { /*min-height:calc(var(--vh, 1vh) * 100);*/ padding-top:3rem;  }

.main_intro { display:flex; align-items:center; justify-content:center; } 
.main_intro .inner { display:flex; align-items:center; justify-content:center; flex-direction:column; width:57.188rem; height:57.188rem; aspect-ratio:1; background:url('/images/main/about_img1.png') no-repeat center center / cover; text-align:center;  } 

.main_intro .inner h2 { font-size:5rem; color:#111; font-weight:700;  line-height:1; }
.main_intro .inner h2 span {  font-size:6.25rem; color:#d8b552; } 

.main_intro .inner p { font-size:1.875rem; color:#111; font-weight:500; margin-top:1.25rem; line-height:1.5;}
.main_intro .inner p span  { position:relative; } 

@media screen and (max-width:1024px){
	.main_intro .inner { width:100%; height:revert; aspect-ratio:1; } 
	.main_intro .inner h2 { font-size:4rem; } 
	.main_intro .inner h2 span {  font-size:5.25rem; } 
	.main_intro .inner p { font-size:1.563rem; } 
}

@media screen and (max-width:640px){
	.main_intro .inner h2 { font-size:3.5rem; } 
	.main_intro .inner h2 span {  font-size:4.75rem; } 
	.main_intro .inner p { font-size:1.25rem; } 
} 




/*----------------------------------------------------------------------
@ MAIN 제품특징
----------------------------------------------------------------------*/
#main_feature { position:relative; z-index:2; padding-top:6.25rem;  }


.main_feature { position:relative; background:#fff; padding:4.375rem 0; border-radius:1.25rem; overflow:hidden;   } 

.main_feature_list { position:relative; } 

.main_feature_cont { position:relative; width:100%; padding:0;  transition:all .3s ease; } 
.main_feature_cont a { display:block; position:relative; height:100%;} 

.main_feature_thumb_wrap { max-width:710px; margin:0 auto; } 
/*
.main_feature_thumb { display:block;width:100%; height:0; padding-top:72.5352%; position: relative;overflow:hidden; transition:all 0.3s ease; } 
.main_feature_thumb:after { content:''; position:absolute; left:0px; top:0px; width:100%;height:100%; background:rgba(0,0,0, 0.5); opacity:0;  transition:all 0.3s; z-index:1; } 
.main_feature_thumb img {display: block; width:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}
*/

.main_feature_thumb img {display: block; width:100%; position: relative; -o-object-fit: cover;object-fit: cover;}

.main_feature_subject_wrap { display:flex; position:relative; width:100%; z-index:7; transition:all .3s ease; padding-top:2.5rem; } 
.main_feature_subject { width:100%; font-size:2.188rem; color:#111; font-weight:400;  text-align:center; line-height:1.3;  min-height:138px; transition:all 0.3s ease; word-wrap:break-word; word-break:keep-all; } 
.main_feature_subject b { font-weight:700; } 

/* 두번째 이미지 때문에 추가 */
.main_feature_cont.img { margin-top:-4.375rem; }

.main_feature_list_swiper { position:absolute; top:50%; transform:translateY(-50%); width:100%;  z-index:4; }
.main_feature_list_swiper .swiper-button-prev, 
.main_feature_list_swiper .swiper-button-next { color:#000; } 
.main_feature_list_swiper .swiper-button-prev:after, .main_feature_list_swiper .swiper-button-next:after { font-size:1.875rem; font-weight:600; } 

.main_feature_list_swiper .swiper-button-prev { left:1.25rem; } 
.main_feature_list_swiper .swiper-button-next { right:1.25rem; }

.main_feature_cont a:hover .main_feature_subject { color:var(--menu); } 
.main_feature_cont a:hover .main_feature_thumb { transform:scale(1.05); } 
.main_feature_cont a:hover .main_feature_thumb:after { opacity:1; } 

@media screen and (max-width:768px){
	.main_feature_thumb_wrap { margin:0 3.125rem; } 
	.main_feature_subject_wrap { padding-left:2.5rem; padding-right:2.5rem; } 
	.main_feature_subject { font-size:1.563rem; } 

	.main_feature_list_swiper .swiper-button-prev { left:0.313rem; } 
	.main_feature_list_swiper .swiper-button-next { right:0.313rem; }

}
@media screen and (max-width:480px){
	.main_feature_subject { font-size:1.25rem; } 
} 



/*----------------------------------------------------------------------
@ MAIN 안정성소개
----------------------------------------------------------------------*/
#main_safe { display:flex; position:relative; /*height:80rem;*/ min-height:78.125rem; /*min-height:calc(var(--vh, 1vh) * 100);*/ z-index:1; padding-bottom:8.75rem; }
#main_safe .maxWidth1600 { position:relative; width:100%;  } 

.main_safe { display:flex; align-items:center; width:100%; height:100%; }
.main_safe .left { position:relative; width:50%;  }
.main_safe .right { display:flex; flex-direction:column; gap:4.375rem; width:50%; padding-top:18.75rem;padding-bottom:12.5rem;  } 

.main_safe .right h3 { position:relative; font-size:3.125rem; color:#111; font-weight:700;  line-height:1; }
.main_safe .right h3:after { content:''; position:absolute; left:-1.25rem;  top:50%; transform:translateY(-50%); width:0.625rem; height:0.625rem; background:#000; border-radius:50%; } 
.main_safe .right p { font-size:2.188rem; color:#111; font-weight:400; margin-top:1.25rem; line-height:1.3; word-break:keep-all; }
.main_safe .right p span { position:relative; } 

.main_safe_img { display:none; position: absolute; top: -43.75rem; left: -172px; width: 1234px; /*height: calc(100% + 680px);*/ height:142rem;  background: url(/images/main/feature_img1.png) no-repeat;  background-size: contain; background-position: left top; z-index:0;  } 

@media screen and (max-width:1900px){
	/*
	#main_safe { min-height:65.1042vw; } 
	.main_safe_img { width:64.2708vw;  height:118.3333vw; top:-36.4583vw; left:-8.9583vw;  } 
	
	.main_safe_img { width:77.125remvw;  height:142rem; top:-43.75rem; left:-10.75rem;   } 
	*/
	#main_safe { min-height:65.1042vw !important; padding-bottom:8.75rem;  } 
	.main_safe .right { padding-top:15.6250vw;padding-bottom:10.4167vw;  } 
} 

@media screen and (max-width:1400px){
	.main_safe .right h3 { position:relative; font-size:3rem; } 
	.main_safe .right p { font-size:2rem; } 
} 
@media screen and (max-width:1200px){
	.main_safe .right h3 { position:relative; font-size:2.875rem; } 
	.main_safe .right p { font-size:1.875rem; } 
	.main_safe .right p br { display:none; } 
} 
@media screen and (max-width:768px){
	#main_safe { height:revert; min-height:revert; padding-top:5rem; } 
	.main_safe .left { width:40%;  }
	.main_safe .right {  gap:3.125rem; width:60%; }

	.main_safe_img { top:-10rem; left:-3rem; height:200%; } 
	.main_safe .right h3 { position:relative; font-size:1.875rem; } 
	.main_safe .right p { font-size:1.563rem; } 
	.main_safe .right p br { display:none; } 
} 

@media screen and (max-width:768px){
	#main_safe  { flex-direction:column; align-items:center; margin-top:-15rem; padding-top:0; padding-bottom:4rem; } 

	.main_safe_img { display:block; position:relative; width:70%; top:-2rem; left:revert; height:revert; margin-bottom:0rem; } 
	.main_safe .left { display:none; }
	.main_safe .right { width:100%; padding:0 2rem; }

	.main_safe .right h3 { position:relative; font-size:1.875rem; } 
	.main_safe .right p { font-size:1.25rem; } 

} 




/*----------------------------------------------------------------------
@ MAIN 메인 하단 
----------------------------------------------------------------------*/
.main_bottom { position:relative; margin-top:-8.75rem; z-index:2; }
.main_bottom::before { content:''; position:absolute; left:5.625rem; top:0px; width:100%; height:100%; background:#fff; border-radius:12rem 0 0 0; z-index:-1; transition:all 0.3s ease; }
@media screen and (max-width: 1920px){
	.main_bottom::before { left:2vw; } 
} 
@media screen and (max-width: 1700px){
	.main_bottom::before { left:0; } 
}

@media screen and (max-width: 1024px){
	.main_bottom { margin-top:0; } 
	.main_bottom::before { border-radius:6rem  0 0 0; } 
} 






/*----------------------------------------------------------------------
@ MAIN FAQ
----------------------------------------------------------------------*/
#main_faq { position:relative; /*min-height:calc(var(--vh, 1vh) * 100);*/ padding-top:6.25rem; }

.main_faq { }
.faq_wrap { position:relative; margin-top:5.625rem; } 

.faq_cont { display:flex; flex-direction:column; justify-content:flex-start; height:100%; }
.faq_cont .icon { display:flex; align-items:center; justify-content:center; width:4.344rem; height:4.344rem; aspect-ratio:1; font-size:2.188rem; color:#111; font-weight:700; border-radius:50%; background:#dbdbdb; }

.faq_cont .question { display:flex; align-items:center; gap:0.938rem; padding-left:1.375rem; } 
.faq_cont .question h3 { font-size:1.875rem; color:#111; font-weight:700; line-height:1.2; } 
.faq_cont .question .icon { color:#fff; background:#3295ce; }

.faq_cont .answer { display:flex; align-items:flex-start; gap:0.938rem; height:100%; padding:1.375rem 1rem 1.375rem 1.375rem; margin-top:1.875rem; border-radius:3.125rem; background:#f7f7f7; }
.faq_cont .answer p { font-size:1.563rem;color:#666; line-height:1.4; word-break:keep-all; margin-top:0.938rem; }

@media screen and (max-width: 1024px){
	#main_faq { padding-top:4rem; }
	.main_title_wrap h2 { font-size:4rem;  } 

	.faq_cont .question h3 { font-size:1.563rem; } 
	.faq_cont .answer { margin-top:1.25rem; border-radius:1.563rem; } 
	.faq_cont .answer p { font-size:1.25rem; } 

	.faq_list .thk-row { row-gap:1.875rem; } 
}

@media screen and (max-width: 768px){
	.faq_wrap { margin-top:3.125rem; } 


	.faq_list .row-md3 .thk-col { width: calc((100% / 1 ) - 1.875rem); } 

} 




/*----------------------------------------------------------------------
@ MAIN 문의사항
----------------------------------------------------------------------*/
#main_contact { position:relative;  }
#main_contact.section { padding-top:7.5rem; ; } 

.main_contact { display:flex; align-items:center; } 
.main_contact .main_title h2 { font-size:5rem; letter-spacing:0.01em; } 
.main_contact .main_title h2 span { color:#d8b552; }
.main_contact .main_title p { font-size:2.188rem; color:#1b1b1f; font-weight:600; } 

.main_contact .left { width:48.125rem; } 
.main_contact .right { position:relative; display:flex; justify-content:center; width:calc(100% - 48.125rem); } 


.main_contact .form_wrap { display:flex; margin-right:-2.5rem; margin-top:2.5rem; }
/*
.main_contact .form_left { width: calc((100% / 2 ) - 2.5rem); margin-right:2.5rem; }
.main_contact .form_right { width: calc((100% / 2 ) - 2.5rem); }
*/
.main_contact .left .form { width:100%; max-width:39.375rem;  } 
.main_contact .left .form .form_row { position:relative; margin-bottom:0.938rem; } 
.main_contact .left .form .form_row.last { margin-bottom:0.625rem; } 
.main_contact .left .form .text_row { margin-bottom:0.938rem; }

.main_contact .left .form .form_text { font-size:0.813rem; margin-top:15px; margin-bottom:1rem !important; letter-spacing:-0.07em; } 
.main_contact .left .form .form_row > label { position:absolute; left:0.313rem; top:1.25rem; display:block; font-size:1rem; color:#000; font-weight:300; padding-bottom:0rem; transition:all 0.2s;   } 
.main_contact .left .form .form_row > label.active { /*left:1.25rem; top:7px; font-size:0.75rem;*/  } 
.main_contact .left .form .form_row > label .need { position:relative; } 
.main_contact .left .form .form_row > label .need::after { content:'*'; position:absolute; top:-2px;left:5px; color:#db0404; } 
.main_contact .left .form .form_tag label { } 

.main_contact .left .form .form_row.last > label { position:relative; top:0rem; } 

.main_contact .left .form input[type=text], 
.main_contact .left .form input[type=password] { width:100%; font-size:1rem; color:#111; border:0px; border-bottom:1px solid #000; height:3.438rem; padding:1.25rem 1.25rem 1rem 5.625rem; border-radius:0px; box-sizing:border-box; letter-spacing:-0.05em; background:transparent; }

.main_contact .left .form textarea { font-size:1rem; color:#111; height:75px !important; padding:0.313rem 1rem 1.25rem 0.313rem; border:0px; border-bottom:1px solid #000; box-sizing:border-box; border-radius:0px; line-height:1.33; background:transparent; } 
.main_contact .left .form ::-webkit-input-placeholder { color: #666; font-size:1.125rem; font-weight:400; } /* Chrome/Opera/Safari */
.main_contact .left .form input[type=text]:focus,
.main_contact .left .form input[type=password]:focus,
.main_contact .left .form select:focus,
.main_contact .left .form textarea:focus { box-shadow:none;  }

.main_contact .left .form .form_row input[type="checkbox"] + label { font-size:0.875rem; color:#999; } 
.main_contact .left .form .form_row input[type="checkbox"] + label span.check { width:15px; height:15px; margin-right:5px; border:1px solid #444957; } 
.main_contact .left .form .form_row input[type="checkbox"]:checked + label span.check:after { content:'done';position:absolute; left:50%; top:calc(50% - 3px); transform:translate(-50%,-50%);  font-family:'Material Icons'; font-size:1.875rem; font-weight:600; color:var(--menu); } 


.main_contact .left .contact3_btn { position:relative; text-align:center; padding-top:5px; } 
.main_contact .left .contact3_btn a { display:; max-height:3.75rem; font-size:1rem; color:#fff; font-weight:600; letter-spacing:0; padding:1.25rem 3.125rem; background:var(--menu);border-radius:3px; transition:all 0.3s ease; } 
.main_contact .left .contact3_btn a:hover { color:#fff; } 
.main_contact .left .contact3_btn a:after { background:#000; } 
.main_contact .left .contact3_btn .material-icons { font-size:20px; margin-right:5px; }


.main_contact .contact_thumb { position:relative; top:-10rem; } 


.cost_qna input[type="checkbox"] + label { font-size:1.125rem; color:#4c4c4c; } 
.cost_qna input[type="checkbox"] + label span.check { margin-right:8px; } 

.cost_qna .privacy-con { height:8.875rem; border:1px solid #e6e6e6; } 
.cost_qna .h-txt { font-size:1.125rem; color:#4c4c4c; }
.cost_qna .con-div { padding-bottom:1.875rem; }


.private_p { font-size:12px; color:#fff; background:#565656; padding:2px 10px; transition:all 0.3s; margin-left:5px; border-radius:3px;  } 
.private_p:hover { background:#fff; color:#565656;  } 

@media screen and (max-width: 1024px){
	#main_contact.section { padding-top:4rem; padding-bottom:4rem; } 

	.main_contact .main_title h2 { font-size:4rem; } 
	.main_contact .main_title p { font-size:1.563rem;  } 

	.main_contact .left { width:50%; } 
	.main_contact .right { width:50%; } 
}
@media screen and (max-width: 640px){
	#main_contact.section { padding-top:4rem; padding-bottom:4rem; } 

	.main_contact .main_title h2 { font-size:3rem; } 
	.main_contact .main_title p { font-size:1.25rem;  } 

	.main_contact { flex-direction:column; } 
	.main_contact .left { width:100%; } 
	.main_contact .right { display:none; } 

	.main_contact .form_wrap { margin-right:0; } 
	.main_contact .left .form { max-width:revert; } 
	/*
	.main_contact .right { position:absolute; width:50%; right:-3.75rem; top:7.5rem; z-index:-1; } 
	.main_contact .contact_thumb { position:absolute;  } 
	.main_contact .contact_thumb img { width:200px; } 
	*/
}





/*----------------------------------------------------------------------
@ MAIN 병원찾기
----------------------------------------------------------------------*/
#main_map { min-height:720px;  }
#main_map.section { padding-top:4.5rem; padding-bottom:8.438rem; } 
#main_map .maxWidth1600 { max-width:1270px; margin:0 auto; } 

#main_map .map_frame { border:1px solid #eaeaea; } 
@media screen and (max-width: 1300px){
	#main_map .maxWidth1600 { margin:0 15px; } 
} 

@media screen and (max-width: 768px){
	/*
	#main_map ,
	#main_map .map_frame{ min-height:calc(37.5rem + 28.5rem); } 
	*/
	#main_map ,
	#main_map .map_frame{ min-height:calc(50rem); } 
	#main_map.section { padding-top:0rem; padding-bottom:4rem; } 
}