/* BASIC css start */
#content .profile { width:100%; position:relative; background:#f8f8f8; height:400px; }
#content .profile .profile_wrap { width:1280px; margin:0 auto; height:290px;  position:relative; padding-top:110px; }
#content .profile .profile_wrap .text { width:650px;  height:291px; position: absolute; }
#content .profile .profile_wrap .text .name { font-family: 'EliceDigitalBaeum-Bd'; font-size:55px; color:#a390c2; line-height:75px; }
#content .profile .profile_wrap .text .sub { font-size:22px; color:#666; }
#content .profile .profile_wrap .text ul { margin-top:20px; padding-right:25px; 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:248px; top:-182px; overflow:hidden; height:582px; }
#content .profile .profile_wrap .img img { width:444px; }
#content .profile .profile_wrap .logo { position: absolute; left:0; bottom:295px; overflow:hidden; }

#content .profile .profile_wrap .addr { position: absolute; top:345px; color:#999; }
#content .profile .profile_wrap .addr img { width:21px; vertical-align:middle; margin-right:4px; margin-top:-1px; }


#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:#fccc4e; 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; }




.ion_swiper { position: absolute; right:-260px; bottom:40px; }
.swiper { width: 530px;height: 318px;}
.swiper-slide { text-align: center; font-size: 18px;  background: #fff;
/* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;
-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;align-items: center; }
.swiper-slide img { display: block;width: 100%;  height: 100%; object-fit: cover; }

.swiper .swiper-button-next { color:#fff; }
.swiper .swiper-button-prev { color:#fff; }


.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:#d1c9de; 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.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: #d1c9de; 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; z-index:10; }
.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:#d1c9de; }
.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 */