/* 서브 */
#sub {width:100%; margin-top: 120px; display:inline-block; overflow: hidden;}
#sub .subtop {width:100%; background-repeat:no-repeat; background-position: center; height: 350px; text-align: center; background: url(images/subtop.jpg) center no-repeat; padding-top: 4.5em; position: relative; }
#sub .subtop h1 {font-size: 3.5em;}
#sub .subtop p.small {margin: 0.2em 0;}


#sub .snb {width: 100%; height: 80px; line-height:80px;  position: relative; bottom: 0; z-index: 1; margin-top: -80px;}
#sub .snb .inner2 {height: inherit; background-color: #fff;}
#sub .snb .menu {float: left; width: 50%;  font-size: 1.2rem;  position: relative;}
#sub .snb .menu1 {border-right: 1px #e0e0e0 solid;}
#sub .snb .menu2 {background-color: #84b0f1;color: #fff;}
#sub .snb .menu .topnav {cursor: pointer; display: block; padding: 0 2em; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
#sub .snb .menu .topnav::after {content:"\e62c"; font-family: xeicon; float: right; font-size: 1.5rem;}

#sub .snb .menu .topnav:hover { font-weight: 600; font-size: 1.3rem;}
#sub .snb .menu .topnav:hover::after  {color: #fff; font-weight: 600;}
#sub .snb ul {background-color: #fff; width: 100%; border: 1px #d0d0d0 solid; border-top: 0; color: #303030;}
#sub .snb li {line-height:2.5; border-bottom: 1px #e0e0e0 solid; }
#sub .snb li a {display: block; padding: 0 2em;}
#sub .snb li a.on,#sub .snb li a:hover {background-color: #e8f7ff; font-weight: 600;}
#sub .snb .subnav {position: absolute; top: 79px; z-index: 10; left: 0; display: none;}




#sub #content {width:100%; display:inline-block; float: left; border-top: 3px #84b0f1 solid;}
#sub #content.bd_b {border-bottom: 1px #d0d0d0 solid;}

#sub #content h1.bigtitle {margin: 6rem 0 4rem; text-align: center;}

#sub .paragraph {width: 100%; display: inline-block;}


#sub .paragraph.imgbox {padding-left: 50%;}
#sub .paragraph.imgbox > * {margin-left: -960px;float: left;}
#sub .paragraph.imgbox  .surgery_info { position:relative; bottom:auto; margin:auto;}
#sub .paragraph.imgbox .row {width:1920px !important;}


#sub .paragraph#sub1_1_s2 {background: url(images/sub1_1_2.jpg) top center no-repeat; height: 1066px;}


/* 병원소개 */
#sub .paragraph .introducebox {width: 100%; display: inline-block; border-top: 1px #e0e0e0 solid; padding: 1.5em 0 0;}
#sub .paragraph .introducebox > * {float: left; }
#sub .paragraph .introducebox h4 {width: 100px;}
#sub .paragraph .introducebox h3 {width: 600px;}
#sub .paragraph .introducebox h5 {width: 700px;}


#sub .paragraph.bg_color1 {background-color: #003775;}
#sub .paragraph#sub1_3_s1 {background: url(images/section4_bg.jpg) bottom center no-repeat;}


#sub .paragraph .opacity {opacity: 0.5;}

#sub .paragraph .thesis {columns: 2; column-gap: 2em; padding: 5em 0;}
#sub .paragraph .thesis p.bullet {margin: 0 0 10px; font-style: italic; font-weight: 100; letter-spacing: 0.01em;}


#sub .paragraph .layer {background-color: #fff; margin-top: -100px; position: relative; z-index: 10; padding: 4em 0;}
#sub .paragraph .bd_right {border-right: 1px #d0d0d0 solid;}
#sub .paragraph .root_daum_roughmap {height: 600px;}
#sub .paragraph .addressbox {width:50%; padding-left:2em; display: inline-block; float: left;}
#sub .paragraph .addressbox i {width: 120px; color: #0053b1;  font-size: 3rem; line-height: 75px; float: left; text-align: center;}
#sub .paragraph .addressbox .float {padding-left: 2em; border-left: 1px #d0d0d0 solid;}


#sub .paragraph .bullet {padding-left: 15px; line-height: 1.7;}
#sub .paragraph .bullet:before {content:"\00B7"; margin-right: 5px; margin-left: -10px; color: #016fb4; font-weight: 700; }
#sub .paragraph .bullet.blank {font-style: italic;}
#sub .paragraph .c_white p.bullet:before {color: #fff;}


#sub .paragraph .numbox {counter-reset: section; list-style-type: none;}
#sub .paragraph .numlist.first {padding-top: 0;}
#sub .paragraph .numlist {margin-left: 80px; padding: 1.8em 0; border-bottom: 1px #e0e0e0 solid;}
#sub .paragraph .numlist:before {counter-increment: section; content: "0" counters(section, "") ".";  padding-right: 50px; margin-left: -80px; font-family: "jost"; font-weight: 600; color: #0053b1;}


#sub .paragraph .hrbox {border-top: 1px #303030 solid; padding-top: 1.5em; margin-right: 2.5em;}


#sub .paragraph .borderlist > h5 {border: 1px #e0e0e0 solid; margin: 0.5em 1em; border-radius: 0.5em; padding: 1em 0; text-align: center; font-weight: 600;}

#sub .paragraph .boxlist > div {background: url(images/boxlist.gif) 2em center no-repeat; padding: 1em 1em 1em 4.5em; border: 1px #e0e0e0 solid; margin: 0.5em 1em; border-radius: 0.5em;}


#sub .paragraph .circlebox > div {width: 160px; height: 160px; border: 1px #013876 solid; border-radius: 160px; float: left; display: table; margin-right: 0.8em;}
#sub .paragraph .circlebox > div h4 {display: table-cell; vertical-align: middle; padding: 1.5em; text-align: center;}


#sub #content .paragraph.imgbox {padding-left: 50%;}
#sub #content .paragraph.imgbox > * {margin-left: -960px;float: left;}
#sub #content .paragraph.imgbox  .surgery_info { position:relative; bottom:auto; margin:auto;}
#sub #content .paragraph.imgbox .row {width:1920px !important;}


#basictable {
display: table;
position: relative;
border-top: 1px #404040 solid;
}

#basictable .tr  {
display: table-row;
position: relative;
}

#basictable .tr div{
display: table-cell;
padding: 0.5em 1em;
border-bottom: 1px #d0d0d0 solid;
vertical-align: middle;
}

#basictable .tr div.w10 { padding: 0.5em 0;}

#basictable .tr div.blank {
    background-color: #f5f5f5;
}

#basictable .tr div.rowspan1 {
    position: absolute;
}

#basictable .tr div.colspan1 {
    position: absolute;
    width: 70%;
}

#basictable .tr div.colspan2 {
    position: absolute;
    width: 50%;
}



table#basic {
    border-collapse: collapse;
    border-top: 1px #404040 solid;
}

table#basic td,table#basic th {
    padding: 0.5em 1em;
    border-bottom: 1px #d0d0d0 solid;
    vertical-align: middle;
}

table#basic td {
    border-left: 1px #d0d0d0 solid;
}

table#basic td.blank {
    background-color: #f5f5f5;
    border-left: 0;
}

table#basic td.list {
    line-height: 2 !important;
}


#accordion {text-align: justify;}
#accordion > h3,#accordion > h4 {border-top: 3px #404040 solid; padding: 0.5em; position: relative; cursor: pointer;}
.ui-state-default:after,.ui-widget-content .ui-state-default:after,.ui-widget-header .ui-state-default:after {content: "\e941"; font-family: "xeicon"; font-size:20px; position: absolute; right: 10px;}
.ui-state-active:after,.ui-widget-content .ui-state-active:after,.ui-widget-header .ui-state-active:after {content: "\e944"; font-family: "xeicon"; font-size:20px; position: absolute; right: 10px;}
#accordion > div {padding: 1em 1em 2em 1em; border-top: 1px #d0d0d0 solid; }
#accordion > div p {font-family:'NotoSansKR','Noto Sans Korean','Noto Sans KR','Nanum Gothic','Roboto', sans-serif; font-weight: 300; color:#808080;}



/* 서브페이지 탭 */
#sub .tabmenu {border-bottom: 1px #d0d0d0 solid; height: 100px;}
#sub ul.tabs {width:1400px;height:100px;line-height:99px; margin: auto; display: flex; border: 1px #d0d0d0 solid; border-bottom: 0;}
#sub ul.tabs li { text-align:center; font-size:1.8rem; flex: 1; background-color: #fff;}
#sub ul.tabs li a {display:block; border-bottom:1px rgba(255,255,255,0) solid;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#sub ul.tabs li:hover a {background-color: #808080; color: #fff; font-weight: bold;}
#sub ul.tabs li.active a {background-color: #303030; color: #fff; font-weight: bold;}
#sub .tab_container {width:100%;display:inline-block; }
#sub .tab_content {padding: 0 0 0 0; width:100%;display:inline-block; min-height:280px;}



#sub .paragraph .board_box {font-size:1.2rem !important;}
#sub .paragraph .board_box .board_bgcolor > span,#sub .paragraph .board_box .att_title > font {font-size:1.2rem !important;}