/* BASIC css start */
/* Main */
html { overflow-x:hidden; background:#fff; }
#hdWrap { margin-bottom:0px;}	
#header,#layerWrap,#ftLink .link,#contentWrapper { position: relative; width:100%; margin-left: auto; margin-right: auto;}
#contentWrap { width:100%; position:relative; }
#contentWrap:after { content: ""; display: block; clear: both; }
#aside,#content { position: relative; float:left  }
#content { width:100%; }
@font-face { font-family: 'EliceDigitalBaeum-Bd'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_elice@1.0/EliceDigitalBaeum-Bd.woff2') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'LeferiBaseType-BoldA'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiBaseType-BoldA.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'LeferiBaseType-RegularA'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiBaseType-RegularA.woff') format('woff'); font-weight: normal; font-style: normal;}
.none-data { margin:0; }

#content .tit { width:100%; position:relative; background:#999; text-align:center; }
#content .tit h2 { color:#fff; padding-top:8vw; font-size:4.5vw; font-weight:500; opacity:0.6; }
#content .tit h2 img { width:14vw; vertical-align: middle; opacity:0.8;}
#content .tit h1 { font-size:7vw; color:#fff; padding:2vw 0 6vw 0; font-family: 'EliceDigitalBaeum-Bd'; line-height:7vw; }

.dropbtn { background-color: #fff; color:#999; padding: 2.5vw 0; font-size: 3.7vw; border: none; font-family: 'EliceDigitalBaeum-Bd'; width:53vw;  }
.dropdown { display: inline-block; width:53vw; padding-bottom:7vw; }
.dropdown-content { display: none; position: absolute; background-color: #fff; width: 53vw; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);  z-index: 1; text-align:center; }
.dropdown-content a { color: black; text-decoration: none; padding:2.6vw 0; display: block; font-family: 'EliceDigitalBaeum-Bd'; font-size: 3.7vw; color:#999; letter-spacing:-0.2vw; }
.dropdown:hover .dropdown-content { display: block; }
.dropdown-content a.on1:hover { background:#4e98b8; color: #fff;} /*이시형 박사*/
.dropdown-content a.on2:hover { background:#dfc9a4; color: #fff;} /*신필향 명예회장*/
.dropdown-content a.on3:hover { background:#b5c38e; color: #fff;} /*안관덕 셰프*/
.dropdown-content a.on4:hover { background:#fccc4e; color: #fff;} /*김재용 소아치과 원장*/
.dropdown-content a.on5:hover { background:#d1c9de; color: #fff;} /*이용호 산부인과 원장*/
.dropdown-content a.on6:hover { background:#666666; color: #fff;} /*박균섭 연구소장*/



/*프로필 영역*/
#content .profile { width:100%; position:relative; background:#f5f5f5; height:74vw; padding:2vw; box-sizing:border-box; }
#content .profile .name { position:absolute; left:46%; top:27%; font-family: 'EliceDigitalBaeum-Bd'; font-size:8.3vw; color:#333; letter-spacing:-0.5vw; }
#content .profile .sub { position:absolute; left:47%; top:40%; font-size:3.6vw; color:#666; letter-spacing:-0.1vw; line-height:4.5vw; }

#content .profile .list_wrap { position:absolute; left:49%; top:55%; }
#content .profile .list_wrap ul { overflow-x:auto; height:30vw; padding-right:5vw; }
#content .profile .list_wrap ul li { font-size:3vw; color:#999; line-height:3.3vw; letter-spacing:-0.2vw; }
#content .profile .list_wrap ul li:before { content: "- "; display: inline-block; vertical-align: middle; padding: 0px 5px 6px 0px; }
#content .profile .list_wrap ul li p { padding-left:1.5vw; padding-bottom:1vw; }
.list_wrap ul::-webkit-scrollbar { width: 5px; }
.list_wrap ul::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 10px; }
.list_wrap ul::-webkit-scrollbar-track { background-color: none; border-radius: 10px; box-shadow: inset 0px 0px 5px white; }



/*프로필 영역-이미지 사이즈에 따라 수정 필요함*/
#content .profile .img { position: absolute; overflow: hidden; height: 68vw; left: -21px; bottom: 0; }
#content .profile .img img { width:51vw; }
#content .profile .logo { position: absolute; left:45%; top:12%; }
#content .profile .logo img { width:15vw; }




#content .play { position:relative; width:100%; margin-top:7vw; text-align:center; box-sizing:border-box; display:inline-block; padding:0 3.5vw; }

/*영상 영역- 텍스트*/
#content .play .chapter { font-family: 'EliceDigitalBaeum-Bd'; font-size:5vw; color:#ccc;  }
#content .play h3 { font-family: 'LeferiBaseType-RegularA';  font-size:4.3vw; line-height: 7.5vw; letter-spacing:-0.2vw;  }
#content .play h4 { font-family: 'LeferiBaseType-BoldA'; font-size:5vw; color:#333; line-height:6vw; letter-spacing:-0.2vw; margin-bottom:15px; }


/*영상 영역-통합 (1)*/
#content .play .play_all { position:relative; width:100%; height: 0; padding-bottom: 56.25%; padding-top: 0; box-sizing:border-box; display:inline-block; overflow: hidden; margin-bottom:1vw; }
#content .play .play_all iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*영상 영역-세부 영상 리스트 있을 경우*/
#content .play span { font-family: 'LeferiBaseType-RegularA'; font-size:4.3vw; line-height: 7.5vw; display:inline-block; padding: 1vw 0; }
#content .play span img { width:5vw; vertical-align:middle; margin-right:2vw; }

#content .play .play_list { position:relative; width:100%; margin-top:6vw; }
#content .play .play_list ul { width:100%; height:66vw; overflow-x:auto; box-sizing:border-box; border-top:0.1vw solid #ccc; padding-top:4vw; margin-bottom:5vw; }
#content .play .play_list ul li { width:100%; margin-bottom:10px;  }
#content .play .play_list ul li .sizing { position:relative; width:100%; height: 0; padding-bottom: 56.25%; padding-top: 0; }
#content .play .play_list ul li .sizing iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.play_list ul::-webkit-scrollbar { width: 1.2vw; }
.play_list ul::-webkit-scrollbar-thumb { background-color:var(--main-color); border-radius: 10px; }
.play_list ul::-webkit-scrollbar-track { background-color: none; border-radius: 10px; box-shadow: inset 0px 0px 5px white; border:2px solid #fff; }







/* 게시판 영역 */

.bbs-tit { margin-top:12vw;  text-align:left; background:#f5f5f5; padding:5vw 5vw; color:#333; font-weight:400; font-size:4.6vw; line-height:7vw; }
.bbs-tit .icon { font-size:3.7vw; color:#e74273;display:inline-block; margin-bottom:2vw; }


#review-board-list {padding:3.5vw; box-sizing:border-box; }
#review-board-list .h_title { position:relative; height:6vw;  border:none; padding:0 0 1vw 0; }
#review-board-list .h_title .btn_Write { margin-right:6vw; height: 6vw; width: 17vw; float: right; text-align:right; font-size:3.2vw; line-height:7vw; font-weight:normal; display:block; box-sizing: border-box; vertical-align: middle; }
#review-board-list .h_title .ico_Write { position:absolute; width:4vw; top:1.1vw; right:0; }
#review-board-list .h_title .all-board-list {height: 25px; width: 60px; float: right; line-height: 25px; font-weight: normal; margin-top: -4px; text-align: center; border: 1px solid #c7c7c7; box-sizing: border-box; margin-right: 5px;}
#review-board-list .item-search {padding:10px;}
#review-board-list .item-search div {float:left;}
#review-board-list .item-search div:first-child {width:25%;}
#review-board-list .item-search div .brd-st {width:100%;}
#review-board-list .item-search div:nth-child(2) {width:60%; box-sizing: border-box; padding: 0 5px;}
#review-board-list .item-search div:last-child {width:15%;}
#review-board-list nobr { display: block; overflow: hidden; text-overflow: ellipsis; font-size:3.6vw; color:#333; }
#review-board-list .notice {border-top: 2px solid #464646;}
#review-board-list .notice-bar {padding:10px 10px; border-bottom: 1px solid #bebebe;  background-color: #fefbe3;}
#review-board-list .bl_iconNotice { float: left; background-color: #464644; font-size: 0.9em; font-family: initial; color: #ffffff; width: 34px; height: 18px; display: inline-block; text-align: center; font-size: 0.9em; line-height: 15px; margin-right: 10px; font-weight: normal; }
#review-board-list .bl_iconNew { height: 13px; font-size: 0.9em; font-family: initial; color: #ffffff; background-color: #ff8400; line-height: 13px; padding: 0 4px; }
#review-board-list .bl_iconHit { height: 13px; font-size: 0.9em; font-family: initial; color: #ffffff; background-color: #f1191f; line-height: 13px; padding: 0 4px; }
#review-board-list .boardList {}
#review-board-list .boardList li { padding: 3vw; border-bottom: 1px solid #bebebe; line-height: 8vw; }
#review-board-list .boardList li .bl_depth0 {  }
#review-board-list .boardList li .bl_depth1 { float: left; height: 50px; padding-right: 10px; padding-left: 5px; }
#review-board-list .boardList li .bl_depth2 { float: left; height: 50px; padding-right: 10px; padding-left: 25px; }
#review-board-list .boardList li .bl_depth3 { float: left; height: 50px; padding-right: 10px; padding-left: 35px; }
#review-board-list .boardList li .fa-level-up { font-size: 1.5em; }
#review-board-list .boardList li .bl_image { width:86px; float:left; position: relative; margin-right: 10px; }
#review-board-list .boardList li .bl_image img { width:100%; height:auto; }
#review-board-list .boardList li dl { position: relative; }
#review-board-list .boardList li dl.depthType { position: relative; margin-left:23px; }
#review-board-list .boardList li dl.leftImg { position: relative; margin-left:96px; }
#review-board-list .boardList li dl:after { content: ""; display: table; }
#review-board-list .boardList li dl:after { clear: both; }
#review-board-list .boardList li dt {color: #3b3b3b; }
#review-board-list .boardList li dt.dl_goodsName { word-break: break-all; }
#review-board-list .boardList li dt.dl_goodsName a {  }
#review-board-list .boardList li dt .original-del {  }
#review-board-list .boardList li dt .fa-mobile { font-size: 1.4em; vertical-align: middle; }
#review-board-list .boardList li dt .fa-file-text-o {  }
#review-board-list .boardList li dt .bl_cmtCount {  }
#review-board-list .boardList li dt .fa-camera {  }
#review-board-list .boardList li dt .bl_status {  }
#review-board-list .boardList li dd {color: #707070; }
#review-board-list .boardList li dd.bl_star { color: #f51d30; }
#review-board-list .boardList li dd .bl_name {  }
#review-board-list .boardList li dd .bl_name img { vertical-align: middle; }
#review-board-list .boardList li .none-data {  }
#review-board-list .boardList li .none-data .fa-exclamation-triangle { color:#ccc; }
#review-board-list .boardList nobr img {vertical-align: middle;}
#review-board-list .boardWrite { padding: 20px 10px 0; }
/* BASIC css end */