h3,h4,h5,p { font-family: 'Noto Serif KR', serif; line-height:1.7; font-weight: 100;}




/* 서브 */
#sub {width:100%; display:inline-block; }
#sub .subtop {width:100%; background-repeat:no-repeat; background-position: center; height: 340px; float: left;}
#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 0; }
#sub .subtop#sub1_1 {background-image:url(images/subtop1_1.jpg);}
#sub .subtop#sub1_2 {background-image:url(images/subtop1_2.jpg);}
#sub .subtop#sub1_3 {background-image:url(images/subtop1_3.jpg);}
#sub .subtop#sub1_4 {background-image:url(images/subtop1_4.jpg);}
#sub .subtop#sub2 {background-image:url(images/subtop2.jpg);}
#sub .subtop#sub3 {background-image:url(images/subtop3.jpg);}
#sub .subtop#sub4 {background-image:url(images/subtop4.jpg);}
#sub .subtop#sub5 {background-image:url(images/subtop5.jpg);}
#sub .subtop#sub6 {background-image:url(images/subtop6.jpg);}
#sub .subtop#sub7 {background-image:url(images/subtop7.jpg); height: 300px;}


#sub .snb {width:100%;display:inline-block;float:left;line-height: 2;background-color:#e6e4e2; padding: 12px 2.5em; }
#sub .snb > * {line-height: inherit;}
#sub .snb h4 {font-weight: 500; float: left; }
#sub .snb p {float: right; line-height: 50px; cursor: pointer; }
#sub .snb p::after {content: "\e941"; font-family: xeicon; margin-left: 0.5em; font-weight: 700;}
#sub .snb ul {float: right; text-align: right;}
#sub .snb li {padding-left:20px;font-size:20px;}
#sub .snb li a.on:before {content:"-"; position:relative; left:-10px; font-weight: bold;}
#sub .snb li a.on {font-weight: bold;}
#sub .subnav { 
    clear:both;
    display: none;
    position: absolute;
    z-index:10;
    top: 65px;
    left: 0;
    background-color:#efefee;
    width: 100%;
    padding: 5px 2.5em; 
}



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

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



/* 벨라쥬-원장소개-국내외활동 */
#sub .paragraph .photo {width: 100%; display: inline-block;}
#sub .paragraph .photo > img {width: 100%; height: auto;}
#sub .paragraph .photo > div {padding-top: 2em; width: 100%;}
#sub .paragraph .photo > div {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 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.nopd .tr div {padding: 0.5em 0;}

#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.nopd td,table#basic.nopd th {
    padding: 0.5em 0;
}

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

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

#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 .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; letter-spacing: -0.15em; -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;}