/* BASIC css start */
#content .profile { width:100%; position:relative; background:#f8f8f8; height:400px; }
#content .profile .profile_wrap { width:1280px; margin:0 auto; height:320px;  position:relative; padding-top:80px; }
#content .profile .profile_wrap .text { width:600px;  height:300px; position: absolute; }
#content .profile .profile_wrap .text .name { font-family: 'EliceDigitalBaeum-Bd'; font-size:55px; color:#4e98b8; line-height:75px; }
#content .profile .profile_wrap .text .sub { font-size:22px; color:#333; }
#content .profile .profile_wrap .text ul { margin-top:20px; padding-right:40px; float:left; }
#content .profile .profile_wrap .text ul li { font-size:16px; color:#666; line-height:22px; }
#content .profile .profile_wrap .text ul li:before { content: "- "; display: inline-block; vertical-align: middle; padding: 0px 5px 6px 0px; }
#content .profile .profile_wrap .img { position: absolute; right:210px; top:-200px; overflow:hidden; height:600px; }
#content .profile .profile_wrap .img img { width:490px; }
#content .profile .profile_wrap .logo { position: absolute; right:80px; bottom:20px; overflow:hidden; }

#content .play {  width:100%; position:relative; margin:50px 0; }
#content .play .play_wrap { position:relative; width:1280px; margin:0 auto; height:650px; }

#content .play .chapter { font-family: 'EliceDigitalBaeum-Bd'; font-size:30px; color:#ccc;  }
#content .play h3 { font-family: 'LeferiBaseType-RegularA';  font-size:30px; line-height:46px;  }
#content .play h4 { font-family: 'LeferiBaseType-BoldA'; font-size:30px; color:#4e98b8; line-height:46px; }

#content .play .play_all { margin-top:54px; float:left; }
#content .play .play_all iframe { width: 780px; height: 435px; }

#content .play .play_list { float:left;  margin-left:30px; }
#content .play .play_list span { font-family: 'LeferiBaseType-RegularA'; font-size:18px; }
#content .play .play_list span img { width:22px; vertical-align:middle; margin-right:10px; }
#content .play .play_list ul { width:460px; height: 434px; overflow-y:auto; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0; text-align:center; }
#content .play .play_list ul li { margin:5px; }
#content .play .play_list ul li iframe { width: 430px; height: 240px; }

#content .play .play_2x { float:left; width:100%; }
#content .play .play_2x ul { width:100%; padding:10px 0; text-align:center; }
#content .play .play_2x ul li { width:50%; float:left; }
#content .play .play_2x ul li iframe { width:630px; height:350px; }


.play_list ul::-webkit-scrollbar { width: 10px; }
.play_list ul::-webkit-scrollbar-thumb { background-color: #e74174; border-radius: 10px; }
.play_list ul::-webkit-scrollbar-track { background-color: #f5f5f5; border-radius: 10px; box-shadow: inset 0px 0px 5px white; }


/* 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%;  }

#content .tit { width:100%; position:relative; background:#4e98b8; height:250px; } /*전문가에 따라 배경색은 바꿔야함*/
#content .tit .tit_wrap { position:relative; width:1280px; margin:0 auto; }
#content .tit .tit_wrap h2 { color:#dce9ef; padding-top:50px; font-size:20px; font-weight:500; opacity:0.6; }
#content .tit .tit_wrap h2 img { width:80px; vertical-align: middle; opacity:0.8;}
#content .tit .tit_wrap h1 { font-size:60px; color:#fff; padding-bottom:80px; font-family: 'EliceDigitalBaeum-Bd'; line-height:70px; }

.dropbtn { background-color: #fff; color: #78aac3; padding: 16px; font-size: 19px; border: none; font-family: 'EliceDigitalBaeum-Bd'; width:280px;  }
.dropdown { position: absolute; display: inline-block; top:25px; right:0; width:280px; }
.dropdown-content { display: none; position: absolute; background-color: #fff;  width: 280px; 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:5px 0; display: block; font-family: 'EliceDigitalBaeum-Bd'; font-size: 19px; color:#78aac3; }
.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:#999999; color: #fff;}


@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; }

/* BASIC css end */