@charset "utf-8";
#visual {width:100%; overflow:hidden; position:relative; margin:0 auto;	height:650px;}
#visual .visual_wrap {	position:relative;	width:1200px;	margin:0 auto;	height:650px;	text-align:center;}
#visual .visual_box { position:absolute; width:1920px; left:50%; margin-left:-960px}
#visual .visual_box div { position:absolute; top:0;	left:0; }
#visual .v_ul {	position:absolute;	bottom:190px;left:50%; width:500px; margin-left:-250px; border:0px solid #f00; text-align:center;	z-index:50;}
#visual .v_ul li { display:inline-block;	cursor:pointer;	margin:0 3px;}
#visual .v_btn01 {	position:absolute;	z-index:1;	top:290px;	left:30px; cursor:pointer; z-index:900}
#visual .v_btn02 {	position:absolute;	z-index:1;	top:290px;	right:30px; cursor:pointer; z-index:900}
#visual .visual_p {	/*position:absolute;*/	left:0;}
.visual-cont {position:absolute; left:50%;margin-left:-270px;top:180px; width:540px; height:310px; color:#fff; text-align:center; background:url(../images/main/bg_txtbox.png) repeat; z-index:10; }
.visual-cont img {padding:35px 0 10px;}
.visual-cont dt {font-size:35px; line-height:48px; padding-bottom:10px; font-family: 'Arita-buriM';}
.visual-cont dd {font-size:15px;line-height:20px; font-weight:bold; text-transform:uppercase;}


/* 공지사항 */
.notice-wrap { position:relative; float:left; width:100%;margin:40px 0 20px;  padding:20px 25px 20px 70px; background:url(../images/main/ico_notice.png) no-repeat 25px ; border:1px solid #ddd;}
.notice-wrap dt {float:left; width:100%;font-size:15px; color:#666 ;font-family:'OpenSans-Regular', 'NanumBarunGothic'; cursor:pointer}
.notice-wrap dt span {float:right; color:#999;font-size:14px; border-left:1px solid #ddd; padding-left:30px;}


/* 척바른 클리닉 */
.cheok-clinic {position:relative; float:left; width:100%;margin-bottom:12px; }
.cheok-clinic li {position:relative;display:inline-block; float:left; width:291px; height:230px; margin-left:12px;}
.cheok-clinic li a {display:block;}
.cheok-clinic li:nth-child(1) {margin-left:0; background:url(../images/main/bg_clinic1.png) no-repeat}
.cheok-clinic li:nth-child(2) { background:url(../images/main/bg_clinic2.png) no-repeat}
.cheok-clinic li:nth-child(3) { background:url(../images/main/bg_clinic4.png) no-repeat}
.cheok-clinic li:nth-child(4) { background:url(../images/main/bg_clinic5.png) no-repeat}
.cheok-clinic li h3 {float:left; width:100%;  height:48px;margin-top:91px; line-height:48px; text-align:center; color:#fff; font-size:25px;background:url(../images/main/bg_line.png) no-repeat center ;}
.cheok-clinic li dl {float:left; width:100%; margin:50px 0 0; text-align:center; color:#fff;}
.cheok-clinic li dl dt {float:left; width:100%;font-size:22px; line-height:30px; margin-bottom:20px;}
 
/* 의료진소개 */
.doctor-wrap {position:relative; float:left; width:291px; height:230px; /* background:url(../images/main/bg_doctor.png) no-repeat;} */}
.doctor-wrap dl {float:left; width:80%;margin:60px 0 0 30px; color:#fff;}
.doctor-wrap dl dt {float:left; width:100%; font-size:14px; line-height:20px; margin-bottom:15px; text-transform:uppercase; font-weight:bold; font-family: 'OpenSans-Regular';}
.doctor-wrap dl dd {float:left; width:100%; font-size:28px; line-height:30px; }
.doctor-wrap dl dd span {font-size:17px;}
.doctor-wrap.doc_1 {background:url(../images/main/bg_doctor_1.png) no-repeat;}
.doctor-wrap.doc_2 {background:url(../images/main/bg_doctor_2.png) no-repeat;}
.doctor-wrap.doc_3 {background:url(../images/main/bg_doctor_3.png) no-repeat;}

* {box-sizing: border-box;}
.mySlides {display: none;}

/* Slideshow container */
.slideshow-container { position: relative; width: 291px; height: 231px; float: left;}

/* The dots/bullets/indicators */
.dot_wrap{position:absolute; bottom:10px; right:10px; }
.dot {height: 15px;width: 15px;margin: 0 2px;background-color: #bbb;border-radius: 50%;display: inline-block; transition: background-color 0.6s ease; cursor:pointer;}

.active { background-color: #0d73ec;}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}



/* 찾아오시는길 */
.map-wrap {position:relative; float:left; width:291px; height:230px;margin-left:12px; border:1px solid #ddd; background:url(../images/main/location.png) no-repeat}
.map-wrap p {float:left; margin:10px 0 0 15px; font-size:15px; line-height:16.5px; color:#888}
.map-wrap p span {color:#03438d}


/* 고객센터 */
.cs-wrap {position:relative; float:left; width:594px; height:230px;margin-left:12px; border:1px solid #ddd;}
.cs-wrap dl {float:left; width:250px; margin:40px 0 0; text-align:center;}
.cs-wrap dl img {margin-bottom:15px;}
.cs-wrap dl dt {float:left; width:100%; font-size:18px; line-height:18px; color:#777; margin-bottom:20px;}
.cs-wrap dl dd {float:left; width:100%;font-size:28px; line-height:28px; font-weight:bold; color:#888; font-family: 'OpenSans-Regular';}
.cs-wrap ul {float:right;width:290px; margin:15px 25px 0 0}
.cs-wrap ul li {display:block; float:left; width:100%; border-top:1px solid #ebebeb; line-height:33px; font-size:15px; color:#888}
.cs-wrap ul li:first-child {border:0}
.cs-wrap ul li dt {float:left; width:30%; padding-left:5px;}
.cs-wrap ul li dd {float:left; width:70%; color:#555}


/* btn */
.btn_dr	{position:absolute; left:30px; top:155px;  width:100px; height:30px;  text-align:center; z-index:50}
.btn_dr	a {display:block;float:left; width:100%; height:100%; font-size:14px;color:#fff; line-height:28px;  border:1px solid #fff;font-family:arita_m;  box-sizing:border-box; background:transparent; ;  }
.btn_dr	a:hover,
.btn_dr	a:focus	{ border:1px solid #fff; color:#555; background:#fff;opacity:1;
	-webkit-transition:300ms ease-out 0ms;
	-moz-transition:300ms ease-out 0ms;
	-ms-transition:300ms ease-out 0ms;
	transition:300ms ease-out 0ms;}

.btn_mp	{position:absolute; left:49px; top:135px;  width:191px; height:39px;  text-align:center; z-index:90}
.btn_mp	a {display:block;float:left; width:100%; height:100%; font-size:16px;color:#fff; line-height:37px;  border:1px solid rgba(255,255,255,0.5); box-sizing:border-box; background:transparent;}
.btn_mp	a span {padding-left:7px; top:0px;  color:#fff;}


.btn_s3	{position:relative;  width:130px; height:35px; margin:0px auto;  text-align:center; z-index:50}
.btn_s3	a {display:block;float:left; width:100%; height:100%; font-size:14px;color:#00a9a4; line-height:33px;  border:1px solid #00a9a4;font-family:arita_m;  box-sizing:border-box; background:transparent; ;  }
.btn_s3	a:hover,
.btn_s3	a:focus	{ border:1px solid #00a9a4; color:#fff; background:#00a9a4;opacity:1;
	-webkit-transition:300ms ease-out 0ms;
	-moz-transition:300ms ease-out 0ms;
	-ms-transition:300ms ease-out 0ms;
	transition:300ms ease-out 0ms;}
	
.btn_s4	{position:relative;  width:130px; height:35px; margin:0px auto;  text-align:center; z-index:50}
.btn_s4	a {display:block;float:left; width:100%; height:100%; font-size:14px;color:#5b5bc3; line-height:33px;  border:1px solid #5b5bc3;font-family:arita_m;  box-sizing:border-box; background:transparent; ;  }
.btn_s4	a:hover,
.btn_s4	a:focus	{ border:1px solid #5b5bc3; color:#fff; background:#5b5bc3;opacity:1;
	-webkit-transition:300ms ease-out 0ms;
	-moz-transition:300ms ease-out 0ms;
	-ms-transition:300ms ease-out 0ms;
	transition:300ms ease-out 0ms;}	
	
.btn_s5	{position:relative;  width:130px; height:35px; margin:0px auto;  text-align:center; z-index:50}
.btn_s5	a {display:block;float:left; width:100%; height:100%; font-size:14px;color:#fff; line-height:33px;  border:1px solid #fff;font-family:arita_m;  box-sizing:border-box; background:transparent; ;  }
.btn_s5	a:hover,
.btn_s5	a:focus	{ border:1px solid #444; color:#fff; background:#444;opacity:1;
	-webkit-transition:300ms ease-out 0ms;
	-moz-transition:300ms ease-out 0ms;
	-ms-transition:300ms ease-out 0ms;
	transition:300ms ease-out 0ms;}