/* 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:#b5c38e; 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: #b5c38e; 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:#b5c38e; 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:9vw; color:#b5c38e; }
#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:48%; top:55%; }
#content .profile .list_wrap ul { overflow-x:auto; height:30vw; padding-right:7vw; }
#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:2.5vw; }
.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:69vw; left:0; bottom:0; }
#content .profile .img img { width:50vw; }
#content .profile .logo { position: absolute; left:47%; top:9%; }
#content .profile .logo img { width:13vw; }




#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:#b5c38e; line-height:6vw; letter-spacing:-0.2vw; margin-bottom:15px; }


/*영상 영역-통합 (1)*/
#content .play .play_all { position:relative; width:100%; height: 19.6rem; padding-top: 0; box-sizing:border-box; display:inline-block; overflow: hidden; }
#content .play .play_all iframe { 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%; height: 19.35rem; margin-bottom:10px;  }
#content .play .play_list ul li iframe { 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; }

/* BASIC css end */