@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;}
.ptt80{padding-top:80px;}
.sub_txt{position:absolute; top:80px; left:50%; margin-left:-230px}

/*서브비주얼*/
#sub_visual {position:relative; width:100%; overflow:hidden; font-size:0; line-height:0; margin:0 auto; height:250px; background:#f7f7f7; margin-bottom:30px}
#sub_visual .visual_text {position:absolute; top:50%; left:50%; text-align:center; color:#222; width: 570px;  transform: translate(-50%,-50%); margin-top:60px;}
#sub_visual .visual_text .sub_title{font-size:23px; font-weight:400; letter-spacing:-2px;  line-height: 30px; color:#fff; transform: rotate(-0.03deg); text-align: center}
#sub_visual .visual_text h2{font-size:50px; text-align:center; color:#222; line-height:70px; font-weight:700; margin: 0px auto 30px; text-align: center;}
#sub_visual .visual_text .sub_title{font-size:11px; display:block; font-family: 'Noto Sans KR'; text-align:center; color:#222; font-weight:100; letter-spacing:9px; text-transform:uppercase;}
#sub_visual .visual_text span{display:block; text-align:center; font-size:20px; color:#0c93ed; font-weight:300; line-height: 28px; letter-spacing:-0.5px;}
#sub_visual img {width:2000px; position:absolute; left:50%; margin-left:-1000px;}


/* 병원소개 비주얼 */
#sub_visual2 {position:relative; width:100%; overflow:hidden; font-size:0; line-height:0; margin:0 auto; background:#242d41; height:460px;}
#sub_visual2 .visual_text {position:absolute; top:40%; left:50%; text-align:center; color:#222; width: 570px;  transform: translate(-50%,-50%);}
#sub_visual2 .visual_text .sub_title{font-size:20px; font-weight:400; letter-spacing:-2px; line-height: 30px; color:#fff; transform: rotate(-0.03deg); text-align: center}
#sub_visual2 .visual_text h2{font-size:60px; text-align:center; color:#fff; line-height:80px; font-weight:700; margin: 30px auto 15px; text-align: center} 
#sub_visual2 .visual_text h2:after{content:""; display:block; width:100px; border-bottom:3px solid #fff; margin:0 auto; margin-top:10px; margin-bottom:40px;}
#sub_visual2 .visual_text span{display:block; text-align:center; font-size:20px; color:#fff; font-weight:300; line-height: 28px; letter-spacing:-0.5px}




/*tab common style*/
.tab_area {position:relative; width:1300px; margin: 30px auto 0px;}
.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:#59d0e5; 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%;}


/***************************** ////// 서브3daps ////// *******************************/
.tab_3dep{width:1300px; margin:20px auto; text-align:center; overflow:hidden; border-bottom: 1px solid #999; border-top: 2px solid #333;}
.tab_3dep li{float:left; height:50px; line-height:50px}
.tab_3dep li a{display:block; color:#444; font-size:18px;  font-weight: 400;}
.tab_3dep li a:hover{color:#ff9a23; text-decoration:underline}
.tab_3dep li a.on{background-color:#fff; color:#ff9a23; line-height:50px;}





.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; }
.cntbox h5 {font-family: 'Roboto'; font-size: 20px; text-align: center; padding:10px 0 20px; font-weight: 200; color: #bbbbb; letter-spacing: -0.025rem;}
.cntbox h5 strong {display: block; font-family: 'Roboto';font-size: 55px; text-align: center; padding: 10px 0 5px; font-weight: 700; color: #333;}
.cntbox .brand_title {font-family: "Noto Sans KR"; font-size: 32px; font-weight: 500; text-align: center; color: #333; letter-spacing: -0.12rem; line-height: 40px; margin-bottom: 35px;}
.cntbox .brand_title strong {font-family: "Noto Sans KR"; font-size: 32px; font-weight: 500; color: #6c7db5;}
.cntbox li{line-height:0}



#content_wrap #location {clear:both; height:30px; _padding-bottom: 56px;}
#content_wrap #location .locbox {width:1300px; margin:0 auto; text-align:center;}
#content_wrap #location .locbox span {display:inline-block; vertical-align:middle;}
#content_wrap #location .locbox .home {width:18px; height:0; padding-top:15px; overflow:hidden; background:url(../images/icon_home.png) no-repeat left top; }
#content_wrap #location .locbox .arrow {width:5px; height:0; padding-top:15px; overflow:hidden; margin:0 5px; background:url(../images/icon_arrow.png) no-repeat left 4px;}
#content_wrap #location .locbox .loc1 {color:#999; height:39px; font-size:15px; line-height:39px;}
#content_wrap #location .locbox .loc2 {height:39px; font-size:15px; line-height:39px; color:#39d0ff;}









#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:40px; border:1px solid #ddd;}



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


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