@charset "utf-8";

/* 메인비주얼 */
#mVisual { position:relative;  width:100%;height:785px; background-repeat:no-repeat; background-position:center top; background-size:cover; overflow:hidden; background-color:#fff; }
#mVisual .mVisualIn { position:absolute; left:0; top:30%; width:100%; }
#mVisual .mVisualIn dl { padding:0 0; color:#232323; text-align: center; }
#mVisual .mVisualIn dl dt { font-size: 0.9em; letter-spacing: 0.3em; line-height: 1; color: #90c320; margin-bottom: 2.5%; }
#mVisual .mVisualIn dl dt::after { content: ""; display: block; width: 14vw; height: 1px; background: #90c320; margin: 0 auto; margin-top: 8px; }
#mVisual .mVisualIn dl dd.t1 { font-family: 'Daehan'; font-size: 3.8em; line-height: 1.1em; letter-spacing: -0.03em; color:#fff;position:relative; display: inline-block;  }
#mVisual .mVisualIn dl dd.t1 > span { font-family: 'Daehan-Bold'; }
#mVisual .mVisualIn dl dd.t2 { font-weight: 300; font-size: 1.2em; color: #fff; line-height: 1.5em; margin-top: 2.5%; }


@media all and (max-width:1024px) {
   #mVisual{ height:70vw; }
   #mVisual .mVisualIn dl { font-size: 0.9em; }
}

@media all and (max-width:767px) {
	#mVisual .mVisualIn  { top: 28%; }
}

@media all and (max-width:640px) {
	#mVisual{height:75vw;}
	#mVisual .mVisualIn dl dd.t1 { font-size: 3.3em; }
}

@media all and (max-width:480px) {
   #mVisual .mVisualIn  { top: 26%; }
}


/*slider*/

.slider { float: left; }

.slider .jquery-reslider .slider-block {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 97;
  background-position: 50% 50%;
  background-size: cover;
  opacity: 0;
}

.slider .jquery-reslider .slider-dots {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 92%;
}

.slider .jquery-reslider .slider-dots li {
  width: 10px;
  height: 10px;
  display: inline-block;
  *zoom:1; *display:block;
  margin: 0 5px;
  cursor: pointer;
  background-color:none;
  opacity: 1;
  border: 1px solid #fff;
}

.slider .jquery-reslider .slider-dots li.active { opacity: 1; background: #fff; }

@media screen and (max-width: 767px) {
	.slider .jquery-reslider .slider-dots li { width: 8px;  height: 8px; margin: 3px; }
}


/*공통*/
.sec_small_txt { font-size: 1em; }
.sec_tit { font-family: 'Daehan'; font-size: 2.1em; }
.sec_txt { font-size: 1em; }


/*section1*/
#sec1 { width: 96%; max-width: 1400px; margin: 0 auto; }
.sec1_tit { font-size: 2.3em; font-family: 'Pretendard-Light'; line-height: 1.2; text-align: center; padding: 8% 0 4%; }
.sec1_tit > span { font-family: 'Pretendard-SemiBold'; }
.sec1_txt { font-family: 'Daehan'; font-size: 1.4em; text-align: center; }

.sec1_box { display: flex; flex-wrap: wrap; margin-top: 5%; }
.sec1_left { width: 50%; height: 450px; background: url("/images/main/sec1_left_img1.jpg") no-repeat center center; background-size: cover; }
.sec1_left_txt { color: #fff; padding: 24% 0 0 57%; }
.sec1_left_txt .sec_tit { padding: 4% 0 8%; }

.sec1_right { width: 50%; height: 450px; border: 1px solid #ddd; padding: 2% 1%; box-sizing: border-box; }
.sec1_right ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; height: 100%; }
.sec1_right ul li { width: 33.33%; text-align: center; position: relative; }
.sec1_right ul li::after { content: ""; display: block; width: 1px; height: 130px; background: #ddd; position: absolute; right: 0; top: 0; }
.sec1_right ul li:nth-child(3)::after, .sec1_right ul li:last-child::after { display: none; }
.sec1_right ul li img { display: block; margin: 0 auto; width: 86%; max-width: 98px; }

@media screen and (max-width: 1280px) {
	.sec1_left, .sec1_right { height: 380px; }
	.sec1_left_txt { color: #fff; padding: 23% 0 0 52%; }
}
@media screen and (max-width: 980px) {
	.sec1_left, .sec1_right { height: 330px; }
	.sec1_left_txt { color: #fff; padding: 23% 0 0 48%; }
	.sec1_right ul li img { width: 75%; }
	.sec1_right ul li::after { height: 100px; }
}
@media screen and (max-width: 860px) {
	.sec1_tit { font-size: 2.1em; }
	.sec1_txt {font-size: 1.2em;}

	.sec1_left, .sec1_right { height: 300px; width: 100%; }
	.sec1_left_txt { color: #fff; padding: 10vh 0 0 58%; }
}
@media screen and (max-width: 640px) {
	.sec1_tit { padding: 12% 0 3%; }
	.sec1_box { margin-top: 7%; }

	.sec1_left, .sec1_right { height: 30vh; width: 100%; }
	.sec1_right ul li img { width: 53%; }
	.sec1_left_txt { color: #fff; padding: 8vh 0 0 58%; }
	.sec1_right ul li::after { height: 80px; }
}
@media screen and (max-width: 480px) {
	.sec1_tit { font-size: 2em; width: 96%; margin: 0 auto; }
	.sec1_txt {font-size: 1.1em;width: 96%; margin: 0 auto; }

	.sec1_left, .sec1_right { height: 28vh; width: 100%; }
	.sec1_right ul li img { width: 53%; }
	.sec1_left_txt { color: #fff; padding: 8vh 0 0 58%; }
	.sec1_right ul li::after { height: 60px; }
}



/* section2 */
#sec2 { position: relative; margin-top: 110px; }
.sec2_imgbox { display: flex; }
.sec2_img { width: 50%; }
.sec2_img > img { width: 100%; }


.sec2_txtbox { position: absolute; bottom: 0; width: 96%; height: 250px;
				max-width: 1400px; background: #fff; border-radius: 60px 60px 0 0;
				left:50%; margin-left: -700px; }
.sec2_txtbox_inner { display: flex; height: 100%; }

.sec2_txtbox_left { display: flex; width: 50%; padding: 4% 4% 4% 6%; justify-content: space-between; align-items: center; position: relative; }
.sec2_txtbox_right { display: flex; width: 50%; padding: 4% 6% 4% 4%; justify-content: space-between; align-items: center; }
.sec2_txtbox_left::after { content: ""; display: block; width: 1px; height: 140px; background: #ddd; position: absolute; right: 0; }

.sec2_txtbox_left > a { width: 100px; height: 100px; display: block; border: 6px solid #edf2f8; border-radius: 50%; text-align: center; color: #b2bac5; font-size: 1.1em; line-height: 1.2; padding-top: 24px; box-sizing: border-box; }
.sec2_txtbox_right > a { width: 100px; height: 100px; display: block; border: 6px solid #edf2f8; border-radius: 50%; text-align: center; color: #b2bac5; font-size: 1.1em; line-height: 1.2; padding-top: 24px; box-sizing: border-box;  }

.sec2_txtbox_left .sec_tit { padding: 4% 0 9%; }
.sec2_txtbox_right .sec_tit { padding: 4% 0 9%; }


@media screen and (max-width: 1480px) {
	.sec2_txtbox { left: 2%; margin-left: 0; }
}
@media screen and (max-width: 1280px) {
	.sec2_txtbox { height: 200px; }
	.sec2_txtbox_left::after { height: 100px; }
}
@media screen and (max-width: 980px) {
	.sec2_txtbox { height: 170px; }
	.sec2_txtbox_left::after { height: 80px; }
	
	.sec2_txtbox_left { padding: 4% 4% 4% 4%; }
	.sec2_txtbox_right { padding: 4% 4% 4% 4%; }

	.sec2_txtbox_left > a { width: 80px; height: 80px; display: block; border: 6px solid #edf2f8; border-radius: 50%; text-align: center; color: #b2bac5; font-size: 1em; line-height: 1.2; padding-top: 20px; box-sizing: border-box; }
	.sec2_txtbox_right > a { width: 80px; height: 80px; display: block; border: 6px solid #edf2f8; border-radius: 50%; text-align: center; color: #b2bac5; font-size: 1em; line-height: 1.2; padding-top: 20px; box-sizing: border-box;  }
}
@media screen and (max-width: 767px) {
	#sec2 { margin-top: 8vh; }
	.sec2_imgbox { display: flex; flex-wrap: wrap; }
	.sec2_imgbox > div:first-child { display: none; }
	.sec2_img { width: 100%; }
	.sec2_img > img { width: 100%; }
}
@media screen and (max-width: 640px) {
	.sec2_txtbox { height: 30vh; }
	.sec2_txtbox_inner { flex-wrap: wrap; }
	
	.sec2_txtbox_left {  width: 100%; padding: 2% 8%; }
	.sec2_txtbox_right { width: 100%; padding: 2% 8%;}

	.sec2_txtbox_left > a { order: 2; }
	.sec2_txt_left_inner { order: 1; }
	.sec2_txtbox_right > a { order: 2; }
	.sec2_txt_right_inner { order: 1; }

	.sec2_txtbox_left::after { content: ""; display: block; width: 100%; height: 1px; background: #ddd; bottom: 0; }
}
@media screen and (max-width: 580px) {
	#sec2 { margin-bottom: 23vh; margin-top: 20vw; }
	.sec2_txtbox { width: 100%; bottom: -15vh; left: 0; }
}
@media screen and (max-width: 400px) {
	.sec2_txtbox { height: 25vh; border-radius: 30px 30px 0 0; }
}



/* sec3 */
#sec3 { width: 96%; max-width: 1400px;  height: auto; display: flex; margin: 120px auto 120px;}
#sec3 > div { width: 25%; height: auto; border: 1px solid #ddd; }
#sec3 > div:first-child, #sec3 > div:nth-child(2), #sec3 > div:nth-child(3) { border-right: none; }

#sec3 .doctor { background: url("/images/main/doctor_bg2.jpg") no-repeat center bottom; background-size: 100%; }
#sec3 .hospital { background: url("/images/main/hospital_bg.jpg") no-repeat center bottom; background-size: cover; }

.sec3_tit { font-family: 'Daehan-Bold'; font-size: 1.7em; text-align: center; margin: 17% 0 3%;}
.sec3_txt {  text-align: center; }

.time_list { width: 80%; margin: 9% auto 8%; }
.time_list li { display: flex; margin-bottom: 2%; }
.time_list .day { width: 30%; }
.time_list .hour { width: 70%; }
.time .tel { width: 80%; padding-top: 3%; padding-bottom: 5%; margin: 0 auto; border-top: 1px solid #ddd; }
.time .tel p:first-child { font-family: 'Pretendard-SemiBold'; }
.time .tel p:last-child { font-family: 'EliceDigitalBaeum_Regular'; font-size: 2em; color: #5fae3c; }

.online_list { margin: 15% auto 0; width: 80%; }
.online_list > li { padding-bottom: 4%; }
.online_list > li > a { display: flex; justify-content: space-between; }
.online_date { color: #989898; }


@media screen and (max-width: 1480px) {
	#sec3 .hospital { background-size: cover; }
}
@media screen and (max-width: 980px) {
	#sec3 { flex-wrap: wrap; }
	#sec3 > div { width: 50%; height: 400px;}

	#sec3 .doctor { background-size: 100%; }
	#sec3 .hospital {background-size: cover; }
	
	.sec3_tit { margin: 10% 0 3%; }
	.online_list { margin: 7% auto 0; width: 80%; }
	.online_list > li { padding-bottom: 3%; }

	.time_list { margin: 7% auto 5%; }
	.time .tel p:first-child { padding-bottom: 2%;}
	.time .tel { padding-top: 5%; }

	#sec3 > div:first-child { border-bottom: none; }
	#sec3 > div:nth-child(2) { border-right: 1px solid #ddd; border-bottom: none; }
	#sec3 > div:first-child, #sec3 > div:nth-child(3) { border-right: none; }

}
@media screen and (max-width: 860px) {
	#sec3 > div { height:47vw;}
}
@media screen and (max-width: 680px) {
	#sec3 { margin: 14vw auto 14vw;}
	#sec3 > div { height:50vw;}
}
@media screen and (max-width: 640px) {
	#sec3 > div { height:57vw;}
}
@media screen and (max-width: 570px) {
	#sec3 > div { height:62vw;}
	.sec3_tit { margin-top: 14%; }
}
@media screen and (max-width: 480px) {
	#sec3 > div { height:64vw;}
}



#mContact { position: relative; overflow: hidden;height: 500px; }
#mContact .mMap { position: absolute; top: 0; left:0; width: 100%; height: 100%;  }
#mContact .mMap .root_daum_roughmap .wrap_map  { height: 500px !important; }
.wrap_controllers  { display: none; }
.map_border {  display: none; }

#mContact .s-inner { z-index:100; height: 100%; max-width: 1920px; width: 100%; position: relative; }
#mContact .mCS { padding: 5% 4%; color: #fff; position: absolute; justify-content: space-between; display: flex; bottom: 0; left: 0; background: rgb(11,76,157); background: linear-gradient(40deg, rgba(11,76,157,1) 0%, rgba(45,57,92,0.95) 100%); width: 670px; height: auto; border-radius: 0 60px 0 0; }
.mCS h3 {  font-family: 'Daehan'; font-size: 2em; margin-bottom: 9%; }
.mCS .t1s { font-family: 'Pretendard-Light'; }
.mCS .go { width: 100px; height: 100px; border: 6px solid #5d6985; border-radius: 50%; color: #fff; text-align: center; border-box: box-sizing; line-height: 1.2; padding-top: 26px; }

@media all and (max-width:1280px) {
  #mContact { height: 45vw; }
  #mContact .mMap .root_daum_roughmap .wrap_map  { height: 45vw !important; }
 
}

@media all and (max-width:976px) {
  #mContact { height: 55vw; }
  #mContact .mMap .root_daum_roughmap .wrap_map  { height: 55vw !important; }
  #mContact .mCS { padding: 7% 4% 5%; width: 70vw; }
}

@media all and (max-width:767px) {
  #mContact { height: 60vw; }
  #mContact .mMap .root_daum_roughmap .wrap_map  { height: 60vw !important; }
  .mCS .go { width: 80px; height: 80px; border: 6px solid #5d6985; border-radius: 50%; color: #fff; text-align: center; border-box: box-sizing; line-height: 1.2; padding-top: 20px; }

}
@media all and (max-width:640px) {
	#mContact { height: auto; }
    #mContact .mCS { width: 100%; border-radius: 0; position: relative;}
	#mContact .mMap { position: relative; }
}

@media all and (max-width:568px) {
  #mContact { height: auto; padding:0; }
  #mContact .mMap { position: relative; width: 100%; }
  #mContact .mMap .root_daum_roughmap .wrap_map  { height: 55vw !important; }
}