@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}
.pb60 {padding-bottom:60px;}
.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; background:#f7f7f7; height:460px;}
#sub_visual .visual_text {position:absolute; top:48%; left:50%; _margin-left: 75px; text-align:left; color:#222; width:468px;  transform: translate(23%,-50%);}
#sub_visual .visual_text .sub_title{font-size:20px; letter-spacing:-2px; line-height: 28px; font-weight:300; color:#222; transform: rotate(-0.03deg);}
#sub_visual .visual_text h2{font-size:75px; text-align:left; color:#222222; line-height:80px; font-weight:700; margin: 25px auto 25px;}
#sub_visual .visual_text #line{border-bottom:1px solid #262626;width:50px; height:1px; margin: 45px 0 30px 0;}
#sub_visual .visual_text span{display:block; text-align:left; font-size:23px; color:#666; font-weight:400; line-height: 28px;}
#sub_visual img {width:2000px; position:absolute; left:50%; margin-left:-1000px;}


/***************************** ////// 게시판비주얼 ////// *******************************/
#board_visual {width:100%; height:150px; margin:0 auto; text-align:left; background-color:#f7f7f7; overflow:hidden; margin-bottom:40px;}
#board_visual h2{font-weight:700; font-size:38px; text-align:center; color:#333; padding-top:50px}



/***************************** ////// 서브탭비주얼 ////// *******************************/
.tab_area {position:relative; width:1300px; margin:60px 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 #d9d9d9; border-bottom:solid 1px #d9d9d9;}
.sub_tabs ul li:last-child {border-right: 1px solid #d9d9d9;}
.sub_tabs ul li a {display:block; text-align:center; font-family: 'SpoqaHanSansNeo-Regular'; font-size:18px; line-height:60px; color:#666; background:#999; color:#fff; border-left:solid 1px #d9d9d9; cursor:pointer;}
.sub_tabs ul li a:hover, .sub_tabs ul li a:focus, .sub_tabs ul li a.on {height:60px; background:#93ac56; transition: all 1s;}


/***************************** ////// 서브3daps ////// *******************************/
.tab_3dep{width:1300px; margin:30px 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:17px;  font-weight: 400; padding:0 22px}
.tab_3dep li a:hover{color:#31a888; text-decoration:underline}
.tab_3dep li a.on{background-color:#fff; color:#31a888; }




/***************************** ////// 서브탭 넓이 ////// *******************************/
/*서브탭 컬러 -참고 : 메뉴 순서가 아니라 탭 개수 번호임.*/
#mn2 li{width:49.95%;}
#mn3 li{width:33.3%;}
#mn4 li{width:24.8%;}
#mn5 li{width:19.98%;}
#mn6 li{width:16.6%;}
#mn7 li{width:14.2%;}
#mn8 li{width:12.49%;}
#mn9 li{width:11%;}
#mn10 li{width:19.98%;}
#mn11 li{width:9.08%;}



/***************************** ////// 서브 컨텐츠 넓이 ////// *******************************/
.pb100 {padding-bottom: 100px;}
.wd1300 {width:1300px; margin:0 auto;text-align:center; }
.wd2000 {position:relative; text-align:center; left: 50%; margin-left: -1000px; width: 2000px; line-height:0}





/***************************** ////// 일반페이지 ////// *******************************/
#content_wrap #location {clear:both; height:30px;padding-bottom:60px;}
#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:#93ac56;}






/* 지도 */

.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:280px; 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}


/*둘러보기*/

.interior{position:relative; width:1300px; height:1000px; background:#424242; margin:0 auto; }
div.interior div.viewBox {position:relative; width:100%;top:80px;display:inline-block;}

div.interior div.viewBox div.bigImageBox {position:relative;width:1150px;height:530px;float:left;margin-left:75px;margin-right:10px;overflow:hidden;}
div.interior div.viewBox div.bigImageBox ul.imageUl {position:relative;top:0px;left:0px;}
div.interior div.viewBox div.bigImageBox ul.imageUl li {position:absolute;left:0px;top:0px;}
div.interior div.viewBox div.bigImageBox ul.imageUl li.noneClass {position:absolute;left:100%;top:0px;}

div.interior div.viewBox div.bigImageBox ul.buttonUl {position:relative;top:250px;width:100%;}
.s_prev {position:absolute;top:330px; left:18px; z-index:999; }
.s_next {position:absolute;top:330px; left:1247px; z-index:999;}



div.interior .tap { position:relative; text-align:left;  float:left; padding-top:110px; padding-left:70px; z-index:98;}
div.interior .tap ul li { float:left; width:140px; font-size:13px; padding:16px 0px 16px 0px; text-align:center; margin-right:1px; background:#fff; margin-bottom:1px;}
div.interior .tap ul li span {font-size:18px; color:#5cafde; }

div.interior div.listBox {position:relative; width:100%;display:inline-block;top:100px; z-index:99;}
div.interior div.listBox ul {position:relative;width:1150px;margin:auto;}
div.interior div.listBox ul.disable {display:none;}
div.interior div.listBox li {width:160px;height:84px;float:left;margin-right:2px;margin-top:50px;border:1px solid #666;cursor:pointer;}

.smImage_txt{width:160px; height:30px; background:#fff; margin-top: -6px; text-align: center;}
.smImage_txt span{font-size:16px; line-height:33px; color:#222;}



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


#map_bg {background:#d6ddd9; position:relative; _margin-bottom:100px;}
#map_bg  #cs {    position: absolute; bottom: -7px; right: 388px;  z-index: 21; }