@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}
.pd100 {padding-top:100px;}
#pd60 {padding-top: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:617px;}
#sub_visual .visual_text {position:absolute; top:25%; left:50%; margin-left:-650px; text-align:left; color:#222; width:1300px;}
#sub_visual .visual_text h2{font-size:70px; display:inline; font-family: 'Arita-buri-SemiBold'; text-align:left; color:#222; line-height:80px; font-weight:700; margin: 25px auto 25px; border-bottom:7px solid #f7726c}
#sub_visual .visual_text span{display:block; text-align:left; font-size:18px; color:#222; font-weight:400; line-height: 24px; font-family: 'Noto Sans KR'; padding-top:50px}
#sub_visual img {width:2000px; position:absolute; left:50%; top:72px; margin-left:-1000px; ;}
#sub_visual .mn01_vs_top {top:13%;}


#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; line-height:100%;}

/*서브비주얼 mn01*/
#sub_visual .visual_text_mn01 {position:relative; margin:0 auto; text-align:left; color:#222; width:1300px; text-align:center; top:33%;}
#sub_visual .visual_text_mn01 h2{font-size:55px; display:inline; font-family: 'Noto Sans KR'; color:#222; line-height:80px; font-weight:700; margin: 25px auto 25px;}
#sub_visual .visual_text_mn01 span{display:block; text-align:left; font-size:18px; color:#222; text-align:center; font-weight:400; line-height: 24px; font-family: 'Noto Sans KR'; padding-top:50px;}
#sub_visual .visual_text_mn01 .sub_title{font-size:12px; display:block; font-family: 'roboto'; text-align:center; color:#222; line-height:80px; font-weight:300; letter-spacing:8px; text-transform:uppercase;}
#sub_visual .visual_text_mn01 #line{position:relative; margin:0 auto; margin-top:40px;  width:80px; height:1px; background:#222; text-align:center; }


/*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 #d9d9d9; border-bottom:solid 1px #d9d9d9;}
.sub_tabs ul li:last-child {border-right: 1px solid #d9d9d9;}



/*.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:#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:#c5bfa8; transition: all 1s;}

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

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


/* 탭 */
.tab_3dep{width:1100px; padding:0 100px; margin:0 auto; text-align:center; overflow:hidden; border-bottom: 1px solid #999; border-top: 2px solid #333;}
.tab_3dep li{width:33.3%; float:left;}
.tab_3dep li a{display:block; color:#444; font-size:17px; line-height:50px; font-weight: 400;}
.tab_3dep li a:hover{height:50px; color:#93ac56; text-decoration:underline}
.tab_3dep li a.on{color:#93ac56;}



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

.pt100 {padding-top: 100px;}
.wd1300 {width:1300px; margin:0 auto;text-align:center; }
.wd1300 h3 {font-family: 'Arita-buri-SemiBold'; 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: 'Arita-buri-SemiBold'; 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 li{padding-bottom:100px; line-height:0}
.cntbox .end{padding-bottom: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:#989279;}









#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: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;}


.mt15{margin-top: 15px;}
.pd100{padding: 100px 0px;}
#pb100{padding: 100px 0px;}
.pt100{padding-top:100px;}