/* 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:650px;  height:300px; position: absolute; }
#content .profile .profile_wrap .text .name { font-family: 'EliceDigitalBaeum-Bd'; font-size:55px; color:#b5c38e; line-height:75px; }
#content .profile .profile_wrap .text .sub { font-size:22px; color:#333; }
#content .profile .profile_wrap .text .last { padding-right:none; }
#content .profile .profile_wrap .text ul { margin-top:20px; padding-right:20px; float:left; }
#content .profile .profile_wrap .text ul li { font-size:16px; color:#666; line-height:22px; letter-spacing:-0.03em; }
#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:180px; top:-220px; overflow:hidden; height:620px; }
#content .profile .profile_wrap .img img { width:470px; }
#content .profile .profile_wrap .logo { position: absolute; right:0; bottom:220px; overflow:hidden; }

#content .play { position:relative; width:1280px; margin:0 auto; padding:50px 0 0 0; display:table; }
#content .play .notice { font-size:30px; color:#ccc; padding:100px 0; }

#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; color:#555;}
#content .play h4 { font-family: 'LeferiBaseType-BoldA'; font-size:30px; color:#b5c38e; 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:#b5c38e; height:250px; } /*전문가에 따라 배경색은 바꿔야함*/
#content .tit .tit_wrap { position:relative; width:1280px; margin:0 auto; }
#content .tit .tit_wrap h2 { color:#fff; padding-top:50px; font-size:20px; font-weight:500; opacity:0.5; }
#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: #b5c38e; 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:#b5c38e }
.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; }

#bbsData  { position:relative; width:1280px; margin:0 auto; }
#bbsData .bbs-link { position: relative; }
#bbsData .bbs-link-top {display:inline-block; float:right; }
#bbsData .bbs-link-btm { margin-top: 10px; margin-bottom: -40px; text-align: right; }
#bbsData .bbs-tit { text-align:left; background:#f5f5f5; padding:25px 20px; color:#333; font-weight:300; font-size:30px; line-height:42px; }
#bbsData .bbs-tit .icon {  font-size:17px; background:#e74273; border-radius:30px 30px 30px 0; display:inline-block; padding:0 15px; color:#fff; margin-bottom:10px; }
#bbsData .bbs-tit .line {  /*position: absolute; background: #e74273; width: 760px; height: 50px;*/ }
/* BASIC css end */