h3,h4,h5,p { font-family: 'Noto Serif SC', serif; line-height:1.7; font-weight: 300; word-break: keep-all;}




/* 서브 */
#sub {width:100%; min-width:1200px; display:inline-block; margin-top: 90px;}
#sub .subtop {width:100%; background-repeat:no-repeat; background-position: center; height: 500px; margin-top: 65px;}
#sub .subtop .inner {height: 100%;}
#sub .subtop .inner > div {display: table; height: 100%;}
#sub .subtop .inner > div > div {display: table-cell; vertical-align: middle !important; padding: 0 5em;}
#sub .subtop#sub1_1 {background-image:url(/base/img/2022/images/subtop1_1.jpg); height: 595px;}
#sub .subtop#sub1_2 {background-image:url(/base/img/2022/images/subtop1_2.jpg); height: 595px;}
#sub .subtop#sub1_3 {background-image:url(/base/img/2022/images/subtop1_3.jpg); height: 595px;}
#sub .subtop#sub1_4 {background-image:url(/base/img/2022/images/subtop1_4.jpg); height: 595px;}
#sub .subtop#sub2 {background-image:url(/base/img/2022/images/subtop2.jpg);}
#sub .subtop#sub3 {background-image:url(/base/img/2022/images/subtop3.jpg);}
#sub .subtop#sub4 {background-image:url(/base/img/2022/images/subtop4.jpg);}
#sub .subtop#sub5 {background-image:url(/base/img/2022/images/subtop5.jpg);}
#sub .subtop#sub6 {background-image:url(/base/img/2022/images/subtop6.jpg);}
#sub .subtop#sub7 {background-image:url(/base/img/2022/images/subtop7.jpg); height: 300px;}




#sub .snb {width:100%;line-height:65px;background-color:#e6e4e2; padding: 0 10em; position: fixed; z-index: 10;}
#sub .snb h4 {line-height: 65px; float: left;}
#sub .snb ul {float:right;}
#sub .snb li {float:left;line-height:65px;margin-right:20px;padding-left:20px;font-size:18px;-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
#sub .snb li a:hover:before,#sub .snb li a.on:before {content:"-"; position:relative; left:-10px; font-weight: bold;}
#sub .snb li a:hover,#sub .snb li a.on {font-weight: bold;}

#sub .snb#snb2 {padding: 1em 10em !important;}
#sub .snb#snb2 ul li {line-height: 40px !important;}
#sub .snb#snb2 ul li.hn5 {clear: both;}



#sub #content {width:100%; display:inline-block; float: left; }

#sub .paragraph {width:100%; display:inline-block; float: left; position: relative;}
#sub .paragraph.bg0 {padding: 8em 0;}
#sub .paragraph.bg1 {background-color: #ececec; padding: 8em 0;}
#sub .paragraph.bg2 {background-color:#f5f3f2; padding: 8em 0;}
#sub .paragraph.bg3 {background-color:#f7f0eb; padding: 8em 0;}
#sub .paragraph .row {width:100%; display:inline-block;}
#sub .paragraph .row.partition {background: url(/base/img/2022/images/hr_part.gif) left top repeat-y;}



/* 벨라쥬-원장소개-국내외활동 */
#sub .paragraph .photo {width: 100%; display: inline-block;}
#sub .paragraph .photo > img {width: 600px; height: auto;}
#sub .paragraph .photo > div {padding-top: 5em; width: 50%;}
#sub .paragraph .photo > div.float {padding-right: 2.5em;}
#sub .paragraph .photo > div.float_r {padding-left: 2.5em;}
#sub .paragraph .photo > div h2 {font-size: 36px; line-height: 1.5;}
#sub .paragraph .photo > div hr {margin: 20px 0;}


/* 이미지가 배경과 겹치게 */
#sub .paragraph.mtm30 img.mtm {position:absolute; top: -40px;}
#sub .paragraph.mtm {top: -40px;z-index: -1;}

/* 테두리 준 폰트 */
#sub .paragraph h1.tit_border {color: rgba(0, 0, 0, 0); -webkit-text-stroke: 0.5px black;}

/* 지도 속 마커표시 */
#sub .paragraph #map .mapmarker {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;}


#sub #content .paragraph img.topimg {margin-top:-11em;}


#sub #content .paragraph .hr_box {border-top: 1px #404040 solid; padding-top: 1.5em; margin-right: 1em;}
#sub #content .paragraph .hr_box.under {border-top: 0;border-bottom: 1px #404040 solid; padding-bottom: 0.5em;}


.answer {white-space:pre;}

#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:'Noto Sans SC', sans-serif; font-weight: 300; color:#808080;}

#sub .paragraph p.list {line-height: 2.5;}
#sub .paragraph p.longlist {padding-left: 20px; margin-top: 10px;}
#sub .paragraph p.longlist:before {content:"-"; margin-right: 5px; margin-left: -15px;}


#sub .paragraph .numbox {counter-reset: section;list-style-type: none;}
#sub .paragraph p.numlist {padding-left: 30px; margin-top: 10px;}
#sub .paragraph p.numlist:before {counter-increment: section; content: counters(section, ".") ".";  margin-right: 10px; margin-left: -25px;}


#sub .paragraph .youtube_link {padding:0.25em ; margin:0 0.5em; border-bottom: 1px #d0d0d0 solid; position: relative;}
#sub .paragraph .youtube_link a { display: block; cursor: pointer;   padding-left: 2.2em; -webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#sub .paragraph .youtube_link a:hover {padding-left: 2.5em;}
#sub .paragraph .youtube_link a i {font-size: xx-large; position:absolute; top: 0.2em; left: 0.25em; -webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#sub .paragraph .youtube_link a:hover i.xi-youtube-play {color: red;}


/* 서브페이지 탭 */
#sub ul.tabs {width:100%;height:60px;line-height:60px;}
#sub ul.tabs li { text-align:center; font-size:20px; }
#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 {border-bottom:1px #404040 solid; font-weight: bold;}
#sub ul.tabs li.active a {border-bottom:1px #404040 solid; 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:15px !important;}