@charset "utf-8";

/*contents*/
#content_wrap {position:relative; width:100%;}
#content_wrap #contents .real_page img{ position:relative; left:50%; margin-left:-1000px;}


.cntbox {width:100%; position: relative; margin:0 auto; overflow:hidden;}
.cntbox ul{width:1300px; text-align:center}
.pt100 {padding-top:100px;}
.pb100 {padding-bottom:100px;}
.sub_txt{position:absolute; top:80px; left:50%; margin-left:-230px}



/*tab common style*/
.tab_area {position:relative; width:1300px; margin:50px auto;}
.sub_tabs {width:1300px; overflow:hidden; background:#fff; margin-top:10px}
.sub_tabs ul:after {clear:both; display:block; content:"";}
.sub_tabs ul li {float:left; height:60px; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd;}
.sub_tabs ul li:last-child {border-right: 1px solid #ddd;}



/*.sub_tabs ul li:last-child{border-right:solid 1px #d9d9d9;}*/
.sub_tabs ul li a {display:block; text-align:center; font-family: 'Noto Sans KR'; font-size:18px; line-height:60px; color:#666; background:#fff; color:#222; border-left:solid 1px #ddd; cursor:pointer;}
.sub_tabs ul li a:hover, .sub_tabs ul li a:focus, .sub_tabs ul li a.on {height:60px; background:#04bba3; transition: all 1s; color:#fff;}

/*서브탭 컬러 -참고 : 메뉴 순서가 아니라 탭 개수 번호임.*/

#mn2 li{width:49.95%;}
#mn3 li{width:33.3%;}
#mn4 li{width:24.8%;}
#mn5 li{width:19.98%;}
#mn6 li{width:16.65%;}
#mn7 li{width:14.2%;}
#mn8 li{width:12.49%;}
#mn9 li{width:11%;}
#mn10 li{width:19.98%;}
#mn11 li{width:9.08%;}




.bo_cont{padding-top:30px}
/* .cntbox ul li{padding-top:20px} */


.wd1300 {width:1300px; margin:0 auto;text-align:center; }
.wd1300 h3 {font-family: 'Noto Sans KR'; width:1300px; text-align:center; font-size:55px; color:#242424; letter-spacing:-1.0px;  line-height: 150%; padding-bottom:48px;}
/* .wd1280 h3 span {font-weight: 300; display:inline-block; padding-bottom:11px;} */
.wd1300 h3 b {color:#242424;font-weight: 600;}

.wd2000 {position:relative; text-align:center; left: 50%; margin-left: -1000px; width: 2000px;}
.wd2000 h3 {font-family: 'Noto Sans KR'; width:2000px; text-align:center; font-size:55px; color:#26292b; letter-spacing:-1.0px;  line-height: 150%; padding-bottom:35px;}
/* .wd2000 h3 span {display:inline-block; padding-bottom:11px; font-size: 40px; font-weight: 300; color: #222;} */
.wd2000 h3 b {color:#242424;font-weight: 600;}

.title_bullet{height:110px; width:100%; background:url(../images/title_bullet.gif) no-repeat top center}

.sub_line {width: 100%; height: 9px; background-color: #f7f7f7; margin-bottom: 75px; }




/*일반페이지*/

.cntbox {position:relative; overflow:hidden; }








#contents {position:relative; width:100%;}








		






#contents #mn08_wrap {width:1300px; background:#fff; margin: 0 auto; 	}


/*===================================mn06증명서발급======================================*/
.bltxt{background:url(../images/bullet_03.gif) no-repeat 0 6px; padding-left:14px; font-size:16px; margin-bottom:15px; line-height:130%;}


/* 지도 */

.wrap_controllers.hide {display: none;} 






/*회원페이지 관련*/
.input_text{width:205px; height:30px; border:1px solid #ddd;}
.input_email {width:120px; height:30px; border:1px solid #ddd;}
.select1 {height:30px;}

/*login */
.login_box {width:510px; padding:35px; border:4px solid #eee; margin:0 auto; background:#fff;}
.login_box .tit{margin-bottom:15px;}
.login_box .login_table {padding:20px; margin:0 auto; margin-bottom:15px; background:#f5f5f5;}
.login_box .find_area{width:350px; margin:0 auto; text-align:center;}
.login_box .find_area li{float:left; height:14px; border-right:1px solid #d9d9d9; padding:0 20px;}
.login_box .find_area li.last {border-right:none;}
.login_box .find_area li a {display:block; font-size:14px; line-height:14px;letter-spacing:-1px;}
.login_box .find_area li.last a {color:#369;}
.login_box .sns_login {padding-top:15px; text-align:center;}

/*회원가입*/
.join_form .tit {height:35px; line-height:35px; padding-left:10px; font-size:15px; color:#333; background:#f6f6f6; }
.input_tel {width:80px; height:30px; border:solid 1px #d9d9d9;}

/*약관, 개인정보보호방침*/
.terms {width:1300px;}
.terms_in {width:100%; height:200px; padding:20px 0; line-height:160%;}
.term .tit{text-align:left}

/*id, pw찾기*/
.find_box {width:360px; padding:35px 25px 10px 25px; border:4px solid #f1f1f1; text-align:left; margin:0 auto 40px auto;}
.find_box .tit{margin-bottom:15px;}
.find_box .find_table {padding:20px 10px 20px 20px; background:#f5f5f5; margin-bottom:15px;}
.find_box .find_id_table {padding:30px 10px 30px 20px; background:#f5f5f5; margin-bottom:15px;}
.find_box .input_text{width:170px;}


/* 서브하단 상단하기 */

.cns_form dt, .cns_form dd {position:absolute; height:30px; line-height:30px;font-size:18px; color:#fff;}
.cns_form select, .cns_form input {width:253px; height:35px; font-size:16px;}

#q_counsel3 {width:100%; height:175px; background:#80848b; margin:auto; padding:20px 0;  z-index:111111;  }
#q_counsel3 .counsel_wrap {width:1200px; margin:auto;}
#q_counsel3 .counsel_wrap:after {clear:both; display:block; content:"";}
#q_counsel3 .cns_form {float:left; position:relative;  margin-top:16px; margin-left:30px; }

#q_counsel3 .cns_form dl{width:100%; height:100px; overflow:hidden}

#q_counsel3 .cns_form dd.btn_cns {left:750px; top:0; width:127px; height:115px;}
#q_counsel3 .cns_form dd.btn_cns input {width:127px; height:115px; line-height:80px;text-align:center; color:#fff; cursor:pointer; background:url(../images/consel_btn.png) no-repeat; border:none;}

/* 이름 */
.cns_form .name_cnt {left:65px; top:0; }
.cns_form .tel_tit {top:45px;}
.cns_form .tel_cnt {left:42px; top:45px; width:300px;}

/* 수술예정일 */
.cns_form .date_tit {left:350px; top:0px; width:100px}
.cns_form .date_cnt {left:430px; top:0px; width:300px;}

/* 내용 */
.cns_form .cnt_tit {left:350px; top:45px; width:65px; height:65px;}
.cns_form .cnt_cnt {left:435px; top:45px; width:290px; height:65px;}
.cns_form .cnt_cnt textarea {width:250px; height:30px; padding:3px; border:none;}




/* 협력기관 */
#join_company{width:100%;}
#join_company #company_cont{width:1300px; margin:0 auto}
#join_company #company_cont p{float:left; padding:15px 0 10px 0}
#join_company #company_cont li{float:left; padding:5px}


/* 둘러보기 */


#gallery {position:relative; width:1300px; margin:auto; padding-bottom:100px; margin-top: 45px;}
#gallery .thumbs_wrap {position:relative; width:1200px; margin: 0 auto;}

#gallery .gallery_thumbs {margin-top: 60px; }
#gallery .gallery_thumbs .swiper-slide img {width:100%;}
#gallery .swiper-slide-thumb {width: 100%; height: 100%;}
#gallery .swiper-slide-thumb-active {position:relative;}
#gallery .swiper-slide-thumb-active:after {position:absolute; top:0; left:0; right:0; bottom:0; border:10px solid #2184b7; content:'';}
#gallery .swiper-button-next  {left:auto; right: -5%; width:30px; height:50px; margin-top:-25px; background:url('/new2020/img/gallery_btn_next.png') no-repeat; background-size:30px auto;}
#gallery .swiper-button-prev {left: -5%; right:auto; width:30px; height:50px; margin-top:-25px; background:url('/new2020/img/gallery_btn_prev.png') no-repeat; background-size:30px auto;}


#thumb {position:relative; padding: 40px 60px;}
.gallery-thumbs {margin-top:20px;}
.gallery-thumbs img {width:100%;}
#thumb .swiper-slide {position:relative;}
#thumb .swiper-slide:after {position:absolute; top:0; left:0; right:0; bottom:0; border:8px solid #bbcc91; opacity:0; transition:opacity 0.4s; content:'';}
#thumb .swiper-slide-thumb-active:after {opacity:1;}
#thumb .swiper-button-prev,
#thumb .swiper-button-next {width:30px; height:50px; background:no-repeat center;}
#thumb .swiper-button-prev {background-image:url('/new2021/images/gallery_btn_prev.png');}
#thumb .swiper-button-next {background-image:url('/new2021/images/gallery_btn_next.png');}


/* 진료안내 및 오시는길 */


#map_bg {background:#4285a3; position:relative;}
#map_bg  #cs {    position: absolute; bottom: 60px; right: 388px;  z-index: 21; }