﻿
/*=================================         서브 공통         =================================*/
h2 {font-size:51px; margin:0; line-height:1;}
h3 {font-size:45px; margin:0;}
h4 {font-size:41px; margin:0;}
h5 {font-size:35px; margin:0;}
h6 {font-size:31px; margin:0;}


#subContainer {width:100%; overflow:hidden;}
#subContainer .contents {position:relative; width:1300px; height:100%; margin:0 auto;}

/*서브비주얼*/
.sub_visual {position:relative; width:100%; height:300px; background-position:center; background-size:cover; background-repeat:no-repeat;}
.sub_visual.sub01 {background-image:url(/_img/sub/sub_visual01.jpg);}
.sub_visual.sub02 {background-image:url(/_img/sub/sub_visual02.jpg);}
.sub_visual.sub03 {background-image:url(/_img/sub/sub_visual03.jpg);}
.sub_visual.sub04 {background-image:url(/_img/sub/sub_visual04.jpg);}
.sub_visual.sub05 {background-image:url(/_img/sub/sub_visual05.jpg);}
.sub_visual .contents {display:table;}
.sub_visual .visual_txt {display:table-cell; vertical-align:middle; width:100%; height:100%;}
.sub_visual .visual_txt h2 {color:#fff; letter-spacing:-1px; font-weight:600; }
.sub_visual .visual_txt p {font-size:18px; color:#fff; padding-top:20px;}


/*드롭다운메뉴*/
#sub_locationDrop {position:relative; width:100%; height:65px; background:#fff; border:1px solid #dedede; border-width:1px 0; z-index:73}
#sub_locationDrop #home {float:left; width:65px; height:100%; border-left:1px solid #ddd;}
#sub_locationDrop #home a {display:block; width:100%; height:100%; background:url(/_img/ico/home.png) no-repeat center; background-size:15px; text-indent:-9999px;}

#sub_locationDrop ul.dropdown-menu {float:left; height:100%; border-left:1px solid #dedede;}
#sub_locationDrop ul.dropdown-menu li {position:relative; float:left; width:220px; height:100%; box-sizing:border-box; line-height:65px; border-right:1px solid #dedede; transition:0.3s; box-sizing:border-box;}
#sub_locationDrop ul.dropdown-menu li:hover {background:#fafafa;}
#sub_locationDrop ul.dropdown-menu li span {position:relative; display:block; width:100%; height:100%; color:#111; font-size:18px; box-sizing:border-box; padding:0 20px; cursor:pointer;}
#sub_locationDrop ul.dropdown-menu li span::after {position:absolute; right:20px; top:50%; margin-top:-3px; width:13px; height:24px; background-image:url(/_img/ico/arrow-down.png); background-size:100%; background-repeat:no-repeat; content:'';}
#sub_locationDrop ul.dropdown-menu li.on span::after {background-image:url(/_img/ico/arrow-up.png);}

#sub_locationDrop ul.dropdown-menu li a {display:block; width:100%; height:100%; color:#636363; font-size:17px; box-sizing:border-box; padding:0 30px; text-decoration:none;}
#sub_locationDrop ul.dropdown-menu li:hover, #sub_locationDrop ul.dropdown-menu li:focus {background-color:#fafafa;}

#sub_locationDrop ul.dropdown-menu li ul {display:none; position:absolute; left:0; top:100%; width:100%; background:#fafafa; border:1px solid #e0e0e0; box-sizing:border-box; padding:10px 0}
#sub_locationDrop ul.dropdown-menu li ul li {float:none; width:100% !important; border-left:0; line-height:40px;}
#sub_locationDrop ul.dropdown-menu li ul li:hover {background:none;}
#sub_locationDrop ul.dropdown-menu li ul li:hover a {color:#3368ba;}
#sub_locationDrop ul.dropdown-menu li ul li a { color: #333; }
#sub_locationDrop ul.dropdown-menu li ul li ul { left: 100%; top: 0;}

/*서브타이틀 및 서브메인콘텐츠*/
#sub_contetns {width:100%; overflow:hidden; padding:80px 0;}
#sub_title {width:100%; padding-bottom:40px; border-bottom:2px solid #ddd;}
#sub_title h3 {color:#00a9b0; letter-spacing:-1px;}
#sub_title h3 span {font-size:17px; color:#7a7a7a; padding-left:15px; font-weight:600;}

.sub_mainCont {position:relative; width:100%; overflow:hidden; padding-top:60px;}
.sub_mainCont p {font-size:18px; color:#3a3a3a; line-height:1.7}

/*3차메뉴*/
.snb_wrap {width:100%; overflow:hidden;}
.snb_wrap ul {width:100%; overflow:hidden;}
.snb_wrap ul li {float:left; width:206px; height:55px; margin-left:12px; box-sizing:border-box; border:1px solid #dedede; background:#fafafa;}
.snb_wrap ul li a {display:block; width:100%; height:100%; text-align:center; line-height:53px; font-size:18px; color:#555; text-decoration:none;}
.snb_wrap ul li:first-of-type {margin-left:0;}
.snb_wrap ul li.active {background:#00a9b0; border:1px solid #00a9b0;}
.snb_wrap ul li.active a {color:#fff;}

#board-body {margin:20px 0 60px 0}


/*테이블*/
#board-head {width:100%; overflow:hidden; padding:30px 0; box-sizing:border-box; background:#f9f9f9;}
.search_wrap {text-align:center;}
.search_wrap select {width:180px; height:40px; box-sizing:border-box; padding:0 10px; font-size:15px; font-family:'Noto Sans KR', 'sans-serif', '맑은고딕','Malgun Gothic','Nanum Barun Gothic', '나눔바른고딕', 'Nanum Gothic', '나눔고딕', 'Dotum';}
.search_wrap input[type='text'] {width:300px; height:40px; margin:0 10px; box-sizing:border-box; padding:10px; font-family:'Noto Sans KR', 'sans-serif', '맑은고딕','Malgun Gothic','Nanum Barun Gothic', '나눔바른고딕', 'Nanum Gothic', '나눔고딕', 'Dotum';}
.search_wrap button {width:100px; height:40px; border:0; color:#fff; background:#333; font-family:'Noto Sans KR', 'sans-serif', '맑은고딕','Malgun Gothic','Nanum Barun Gothic', '나눔바른고딕', 'Nanum Gothic', '나눔고딕', 'Dotum';}

#board-body {}
/*table.basic_table {width:100%; margin:25px 0; overflow:hidden; table-layout:fixed; }
table.basic_table tr {}
table.basic_table tr th, table.basic_table tr td {font-size:18px; padding:10px 0; text-align:center; box-sizing:border-box;}
table.basic_table tr th {color:#111;}
table.basic_table tr td {color:#666; border-bottom:1px solid #dedede;}
table.basic_table tr td.title {text-align:left;}
table.basic_table tr td a {color:#666;}
*/


.basic_table {width:100%; border-top:2px solid #333}	 
.basic_table th{border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3}
.basic_table thead th{height:49px; background:#f4f4f4; line-height:18px; font-size:20px}
.basic_table thead th:last-child{border-right:none}
.basic_table tbody th{background:#f7fcfd; line-height:22px; font-size:20px; font-weight:normal; text-align:center}
.basic_table tbody td{height:49px; padding:10px 20px; border-bottom:1px solid #c3c3c3; border-right:1px solid #c3c3c3; line-height:34px; font-size:20px; text-align:left; word-break:keep-all}
.basic_table tbody td:last-child{border-right:none}



#board-tail {}
.paging {width:100%; text-align:center;}
.paging a {display:inline-block; font-size:11px; color:#666; width:32px; height:32px; line-height:32px; box-sizing:border-box; border:1px solid #dedede; text-align:center; margin:0 1px; text-decoration:none;}
.paging a.on {color:#00a9b0; border:1px solid #00a9b0;}
.paging a span {display:inline-block; box-sizing:border-box; width:100%; height:100%; margin:0 auto; text-indent:-999999px; background-size:auto 100%; background-repeat:no-repeat; background-image:url(/_img/ico/paging.png);}
.paging a.first span {background-position:0 0;}
.paging a.prev span {background-position:-32px 0;}
.paging a.next span {background-position:-60px 0;}
.paging a.last span {background-position:-90px 0;}

/*안내문*/
.aleartBox {wdith:100%; overflow:hidden; box-sizing:border-box; border:1px solid #dedede; background:#fafafa; padding:30px;}
.aleartBox p {background:url(/_img/ico/alert-circle.png) no-repeat center left; background-size:21px; padding-left:25px; font-weight:500; color:#111;}
.aleartBox ul {width:100%; box-sizing:border-box; padding-left:25px;}
.aleartBox ul li {position:relative; font-size:16px; color:#333; padding-left:15px; margin:5px 0;}
.aleartBox ul li::after {position:absolute; top:13px; left:0; width:7px; height:1px; background:#999; content:'';}


/*=================================     병원소개 :: 인사말     =================================*/
#sub01_01-cont { }

#master_pic {float:left; width:304px; }
#master_pic p {text-align:center; padding-top:10px;}
#master_pic p strong {font-size:21px;}

#greeting {float:left; width:996px; box-sizing:border-box; padding-left:90px;}
#greeting p {padding:15px 0;}
#greeting p:first-of-type {padding-top:0;}
#greeting p strong {font-size:35px;}


/*=================================     병원소개 :: 오시는길     =================================*/
#sub01_02-cont {}

#location_info {float:left; width:500px;  overflow:hidden; border:1px solid #dedede; border-bottom:0;}
#location_info .location_infoBox {width:100%; box-sizing:border-box; padding:30px; border-bottom:1px solid #dedede;}
#location_info .location_infoBox dl {position:relative; width:100%; overflow:hidden;}
#location_info .location_infoBox dl dt, #location_info .location_infoBox dl dd {line-height:1.5;}
#location_info .location_infoBox dl dt {color:#2a2a2a; font-weight:600; font-size:19px;}
#location_info .location_infoBox dl dd {color:#333; font-size:18px;}

#location_info .location_infoBox#address {}
#location_info .location_infoBox#address dl:first-of-type {border-bottom:1px solid #dedede; padding-bottom:15px; margin-bottom:15px;}
#location_info .location_infoBox#address dl dd span {font-size:15px;}

#location_info .location_infoBox#bus {}
#location_info .location_infoBox#bus dl dd p {position:relative; padding-left:205px; margin-bottom:10px;}
#location_info .location_infoBox#bus dl dd p em {position:absolute; top:5px; left:0;}
#location_info .location_infoBox#bus dl dd p span {font-size:15px; background:#f1f1f1; display:inline-block; padding:3px 0; width:55px; text-align:center; margin:5px;}

#location_map {float:left; width:800px; height:825px;}


table.location_table {}
table.location_table {table-layout:fixed; width:100%; overflow:hidden; border-right:1px solid #e8e8e8; }
table.location_table tr {}
table.location_table thead {height:30px; background:#ccc;}
table.location_table thead th { line-height:30px;}
table.location_table tbody th {background:#fafafa; }
table.location_table tr th, table.location_table tr td {font-size:15px; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; text-align:center;}
table.location_table tr th {font-weight:400;}
table.location_table tr td {padding:5px; color:#444;}


table.desc_cont_table {}
table.desc_cont_table {table-layout:fixed; width:100%; overflow:hidden; border-top:1px solid #e8e8e8; border-right:1px solid #e8e8e8;  }
table.desc_cont_table tr {}
table.desc_cont_table th {background:#00a9b0; color:#fff; }
table.desc_cont_table tr th, table.desc_cont_table tr td {font-size:18px; border-bottom:1px solid #e8e8e8; text-align:center;}
table.desc_cont_table tr th {font-weight:400;}
table.desc_cont_table tr td {padding:20px 0; color:#444;}


/*=================================     병원소개 :: 공지사항     =================================*/
#sub01_03-cont {padding-top:0;}

table.notice_table {border-top:1px solid #111;}
table.notice_table thead tr th {background:#f9f9f9;}



/*=================================     진료안내 :: 의료진소개     =================================*/
.doctor_wrap {width:100%; overflow:hidden; border-bottom:1px solid #dedede; padding:60px 0}
.doctor_wrap .doctor_pics {width:322px; float:left;  border:1px solid #dedede; }
.doctor_wrap .doctor_info {width:978px; float:left; box-sizing:border-box; padding-left:70px;}
.doctor_wrap .doctor_info .name {width:100%; overflow:hidden;}
.doctor_wrap .doctor_info .name p {font-size:18px; color:#00a9b0;}
.doctor_wrap .doctor_info .name p>span {color:#666; padding-left:10px;}
.doctor_wrap .doctor_info .name p strong {font-size:35px; color:#111;}
.doctor_wrap .doctor_info .name p strong span {font-weight:400;}
.doctor_wrap .doctor_info .career {width:100%; overflow:hidden;}
.doctor_wrap .doctor_info .career dl {position:relative; width:100%; margin:10px 0; box-sizing:border-box; padding-left:80px;}
.doctor_wrap .doctor_info .career dl dt, .doctor_wrap .doctor_info .career dl dd {font-size:18px; color:#333;}
.doctor_wrap .doctor_info .career dl dt {position:absolute; top:8px; left:0; font-weight:600;}
.doctor_wrap .doctor_info .career dl dd {line-height:1.8;} 


/*=================================     진료안내 :: 외래진료안내     =================================*/
table.description_table {margin:0;}
table.description_table tr td {border-left:1px solid #dedede;}
table.description_table tr td:last-of-type {border-right:1px solid #dedede;}
table.description_table thead tr th {color:#fff; background:#00a9b0; border-left:1px solid #fff;}
table.description_table thead tr th:first-of-type {border-left:0}

.descriptionBox {position:relative; width:100%; margin:60px 0; overflow:hidden;}
.descriptionBox:first-of-type {margin-top:0;}
.desc_title {float:left; position:relative; width:230px;}
.desc_title p {position:relative; font-size:21px; font-weight:600; color:#212121; padding-left:10px;}
.desc_title p::after {position:absolute; top:9px; left:0; width:3px; height:19px; background:#00a9b0; content:'';}

.desc_cont {float:left; width:1070px; overflow:hidden;}
.desc_cont ul.step {position:relative; width:100%; overflow:hidden; margin-bottom:50px;}
.desc_cont ul.step::after {position:absolute; top:80px; left:0; width:100%; height:1px; border:1px dashed #eee; content:'';}
.desc_cont ul.step li {position:relative; float:left; margin-left:103px; z-index:1;}
.desc_cont ul.step li:first-of-type {margin-left:0;}
.desc_cont ul.step li p {text-align:center; font-size:18px; margin-top:10px; font-weight:500; line-height:1.4 !important;}
.desc_cont ul.step li p span {font-weight:400; font-size:15px; color:#666; padding-top:10px; display:block;}
.desc_cont ul.step.short::after{width:30%;}

.desc_cont ul.step.length03 {}
.desc_cont ul.step.length03 li {}

.desc_cont dl { padding-bottom:20px; }
.desc_cont dl dt { font-weight:700; font-size:19px; }
.desc_cont dl dd { font-size:17px; }

/*=================================     진료안내 :: 비급여항목     =================================*/
.snb_wrap ul.length04 {margin-bottom:40px;}
.snb_wrap ul.length04 li {width:316px;}

table.notice_table.ver02 {}
table.notice_table.ver02 tr td, table.notice_table.ver02 tr th {border-left:1px solid #dedede;}
table.notice_table.ver02 tr td:first-of-type,table.notice_table.ver02 tr th:first-of-type {border-left:0;}
table.notice_table.ver02 tr th {border-top:1px solid #dedede;}


td.center { text-align:center !important; }

/*=================================     시설안내 :: 층별안내     =================================*/
#sub03_01-cont .descriptionBox {border-bottom:1px dotted #dedede; margin:0; padding:50px 0}
ul.floor {width:100%; overflow:hidden;}
ul.floor li {float:left; width:170px; height:55px; box-sizing:border-box; text-align:center; margin-left:10px; margin-bottom:10px;}
ul.floor li:first-of-type,ul.floor li:nth-of-type(6n+1) {margin-left:0;} 
ul.floor li a {color:#333; font-size:18px; line-height:53px; display:block; width:100%; height:100%; text-decoration:none; background:#fafafa; border:1px solid #dedede; transition:.3s;}
ul.floor li a:hover {background:#009098; color:#fff; border:1px solid #009098;}


table.Information_table {}
table.Information_table {table-layout:fixed; width:100%; overflow:hidden;}
table.Information_table tr {}
table.Information_table thead {height:65px; background:#00a9b0;}
table.Information_table thead th {color:#fff; line-height:65px;}
table.Information_table tbody th {background:#fafafa; color:#444;}
table.Information_table tr th, table.Information_table tr td {font-size:18px; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; text-align:center;}
table.Information_table tr th {font-weight:400;}
table.Information_table tr td {padding:25px 30px; color:#444; text-align:left; }


.table02 thead th { line-height:40px !important; font-size:17px !important;  }
.table02  tr th { font-size:17px !important; padding:0 15px !important; }
.table02  tr td { font-size:17px !important; padding:15px !important;}


/*=================================     시설안내 :: 시설둘러보기     =================================*/
#sub03_02-cont { position:relative; width:1200px; margin:0 auto; box-sizing:border-box; overflow:hidden; }
ul.snb.length09 {margin-bottom:50px;;}
ul.snb.length09 li {width:133px;}
ul.snb.length08 li {width:auto; padding:0 28px; }
ul.snb.length07 li {width:175px;}

/*.interior-top {width:100%; height:800px;}
.interior-top p {position:absolute; bottom:0; left:0; width:100%; text-align:center; color:#fff; background:rgba(0,0,0,0.5); padding:10px 0}
.interior-thumbs {width:1100px; height:100px; margin:10px auto!important; box-sizing:border-box;}
.interior-thumbs .swiper-slide {background-size:cover; cursor:pointer;}
.interior-slider_control {width:20px; height:100px; background-position:center; background-size:100%; background-repeat:no-repeat; position:absolute; bottom:10px; cursor:pointer;}
.interior-slider_control.interior-slider_control-next {right:10px; background-image:url(/_img/ico/arrow-right.svg);}
.interior-slider_control.interior-slider_control-prev {left:10px; background-image:url(/_img/ico/arrow-left.svg);}*/

.Information-txt { width:100%; height:auto; background:#f8f8f8; box-sizing:border-box; padding:30px 40px; margin-bottom:50px; overflow:hidden; word-break:break-all; font-size:18px; color:#333; line-height:30px;}

.Information-slider { position:relative; }
.Information-slider p { position:absolute; bottom:0px; left:0; background:rgba(0,0,0,0.5); color:#fff; padding:10px 20px; width:100%; box-sizing:border-box; overflow:hidden;  }
.Information-slider .owl-nav { display:block !important; position:absolute; top:50%; margin-top:-10px !important; left:0; width:100%;}
.Information-slider .owl-nav button {position:absolute; top:0; width:20px; height:20px; margin:0 !important;}
.Information-slider .owl-nav button span {display:block; width:100%; height:100%; background-repeat:no-repeat; background-size:100%; background-repeat:no-repeat; text-indent:-99999px;}
.Information-slider .owl-nav button.owl-prev {left:5%;}
.Information-slider .owl-nav button.owl-prev span { background-position:0 0; background:url(../_img/icon/visual_prev.png) no-repeat center;}
.Information-slider .owl-nav button.owl-next {right:5%;}
.Information-slider .owl-nav button.owl-next span { background-position:-35px 0; background:url(../_img/icon/visual_next.png) no-repeat center;}



/*=================================     시설안내 :: 장비소개     =================================*/
.snb_wrap ul.length03 li {width:425px;}


/*=================================     클리닉센터 :: 재활클리닉     =================================*/
#sub04_01-cont {}
.sub-pic { text-align:center; padding:20px 0; }
.descBox { width:100%; height:auto; background:#f8f8f8; box-sizing:border-box; padding:30px; overflow:hidden; word-break:break-all; font-size:18px; color:#333; line-height:30px;}

/*sub_top_banner*/
p.sub_top_banner { position:relative; width:100%; box-sizing:border-box; overflow:hidden; margin-bottom:50px;  }
p.sub_top_banner img { width:100%; }
p.sub_top_banner::after {position:absolute; top:-1px; left:0; width: 0px;height: 0px; border-top:0; border-bottom:80px solid transparent; border-right: 0; border-left: 80px solid #00a9b0; content: ''; }





/*=================================     커뮤니티 :: 의료진상담     =================================*/
#agree-wrap {width:100%; overflow:hidden; box-sizing:border-box; border:1px solid #e5e5e5; margin-bottom:30px;}
#agree-txt {width:100%; height:300px; overflow-y:scroll; box-sizing:border-box; padding:20px; font-size:14px; color:#999; line-height:20px;}
#agree-check {width:100%; padding:12px; border-top:1px solid #e5e5e5; text-align:right; background:#f8f8f8; box-sizing:border-box; font-size:14px;}
#agree-check label {padding-left:5px;}


/*버튼*/
.btn-wrapper {width:100%; text-align:center; margin:40px 0}
.btn-wrapper button {width:180px; height:50px; background:#b7b7b7; color:#fff; text-align:center; border:0; margin:0 5px; font-size:16px; font-family:'Noto Sans KR', sans-serif;}
.btn-wrapper button.submit {background:#00a9b0;}

#sub05_01-cont {}
#sub05_01-cont .description_table {margin:70px 0 40px 0;}
#sub05_01-cont .description_table tr td {border-left:0; border-right:0 !important;}
#sub05_01-cont .description_table tr th {border-left:0 !important;}
#sub05_01-cont .description_table tr td span {float:none; color:#acacac; background-image:url(/_img/ico/alert-circle-g.png); background-size:15px; background-repeat:no-repeat; background-position: center left; padding-left:20px;}
#sub05_01-cont .description_table tr td span.complete {color:#e4007f; background-image:url(/_img/ico/alert-circle.png);}


table.basic_table.ver03 tr th  {background:#fafafa; border-bottom:1px solid #ededed;}
table.basic_table.ver03 tr td {padding:10px; text-align:left;}
table.basic_table tr td input[type='text'] {width:100%; height:40px; border:1px solid #eee; font-size:15px; box-sizing:border-box; padding:0 10px;}
table.basic_table tr td input[type='password'] {width:300px; height:40px; border:1px solid #eee; font-size:15px; box-sizing:border-box; padding:0 10px;}
table.basic_table tr td select {width:100%; height:40px; border:1px solid #eee; font-size:15px; box-sizing:border-box; padding:0 10px;}
table.basic_table tr td .num, table.basic_table tr td .mail {width:134px !important; float:left;}
table.basic_table tr td span {float:left; padding:0 5px;}
table.basic_table tr td textarea {width:100%; height:300px; border:1px solid #eee; box-sizing:border-box; padding:10px; font-size:14px; color:#333;}