@charset "utf-8";
@import "https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed";
/* html,body .episode_view{position:relative;height:100%} */
body .episode_view{font-family:'Roboto',notokr-regular,'Apple SD Gothic Neo'!important;font-size:14px;margin:0;padding:0}
.episode_view .swiper-container{width:100%;height:100%}
.episode_view .swiper-slide{text-align:center;font-size:18px;background:#fff;overflow:hidden;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}
.episode_view .swiper-slide .behind-img img{transform:translate3d(0px,0,0) scale(1)!important}
.episode_view .swiper-pagination-bullet{width:20px;height:20px;text-align:center;line-height:20px;font-size:12px;color:#000;opacity:1;background:rgba(0,0,0,0.2)}
.episode_view .swiper-pagination-bullet-active{color:#fff;background:#007aff}
.episode_view .main-container{margin-bottom:30px}
.episode_view #bg{position:fixed;top:0;left:0}
.episode_view .bgwidth{width:100%}
.episode_view .bgheight{height:100%}
.episode_view .homepage-wrapper{position:relative;z-index:999999}
.episode_view .bg-pattern{z-index:100;position:fixed;width:100%;height:100%;top:0;left:0;background-image:url(../images/misc/repeat.png);background-repeat:repeat}
.episode_view .bg-overlay{z-index:99;position:fixed;top:0;left:0;height:150%;width:100%;background-color:rgba(0,0,0,0.7)}
.episode_view .homepage-logo{width:105px;margin-left:auto;margin-right:auto;margin-top:40px}
.episode_view .homepage-logo-sub{font-size:10px;font-style:normal;text-transform:uppercase;text-align:center;color:#FFF;display:block;margin-top:5px}
.episode_view .homepage-navigation{margin-top:30px;width:320px;margin-left:auto;margin-right:auto}
.episode_view .homepage-navigation a{text-align:center;color:#a4a5a4;font-size:14px;text-transform:uppercase;font-family:'Dosis',sans-serif;font-weight:400;padding-top:80px;float:left;background-position:15px 0;background-repeat:no-repeat;background-size:70px 70px;width:100px;margin-left:3px;margin-right:3px;margin-bottom:30px}
.episode_view .home-icon{background-image:url(../images/misc/home.png)}
.episode_view .type-icon{background-image:url(../images/misc/type.png)}
.episode_view .jquery-icon{background-image:url(../images/misc/jquery.png)}
.episode_view .gallery-icon{background-image:url(../images/misc/gallery.png)}
.episode_view .folio-icon{background-image:url(../images/misc/folio.png)}
.episode_view .mail-icon{background-image:url(../images/misc/mail.png)}
.episode_view .item-text-padding{padding:0 0 10px 25px}

@media (max-width: 500px) {
  .episode_view .item-text-padding{padding:0 0 10px 10px !important}
}

.episode_view .footer{width:100%;background:#999;max-width:860px;margin-left:auto;margin-right:auto;margin-top:0;padding:30px 0 40px}
.episode_view .footer a{background-size:35px 35px;width:35px;height:35px;float:left;margin-left:10px;margin-left:10px}
.episode_view .footer p{text-align:center;font-family:dosis;font-size:16px;margin-left:0;text-transform:uppercase;margin-top:20px;margin-bottom:20px;color:#FFF;letter-spacing:1px}
.episode_view .facebook-icon{background-image:url(../images/misc/facebook.png)}
.episode_view .twitter-icon{background-image:url(../images/misc/twitter.png)}
.episode_view .google-icon{background-image:url(../images/misc/google.png)}

@media only screen and (min-width : 768px) and (orientation : landscape) {
  .episode_view .homepage-logo{width:155px;margin-top:40px}
  .episode_view .homepage-logo-sub{font-size:12px;margin-bottom:120px}
  .episode_view .homepage-navigation{width:850px;margin:30px auto 80px}
  .episode_view .homepage-navigation a{font-size:16px;padding-top:120px;background-size:100px 100px;width:130px;margin-bottom:50px}
}

@media only screen and (min-width : 768px) and (orientation : portrait) {
  .episode_view .content-section .responsive-image{margin-top:-0}
  .episode_view .homepage-logo{width:155px;margin-top:80px}
  .episode_view .homepage-logo-sub{font-size:12px;margin-bottom:120px}
  .episode_view .homepage-navigation{width:430px;margin:30px auto 100px}
  .episode_view .homepage-navigation a{font-size:16px;padding-top:120px;background-size:100px 100px;width:130px;margin-bottom:50px}
  .episode_view .footer p{margin-bottom:0;font-size:16px;color:#FFF}
}

@media only screen and (orientation : landscape ) {
  .episode_view .homepage-logo{margin-top:20px;margin-bottom:0}
  .episode_view .homepage-navigation{width:520px;margin:40px auto 20px}
  .episode_view .homepage-navigation a{width:80px;background-size:60px 60px;background-position:10px 0}
  .episode_view .footer{margin-top:0}
}

@media screen and (height : 548px) {
  .episode_view .homepage-navigation{margin-top:55px}
  .episode_view .footer{margin-top:25px}
  .episode_view .footer p{margin-bottom:0}
}

@media screen and (height : 572px) {
  .episode_view .homepage-navigation{margin-top:65px}
  .episode_view .footer{margin-top:35px}
}

@media screen and (height : 460px) {
  .episode_view .homepage-logo{margin-top:20px}
  .episode_view .homepage-logo-sub{margin-bottom:30px}
  .episode_view .homepage-navigation{margin-top:20px}
  .episode_view .homepage-navigation a{margin-bottom:10px}
  .episode_view .footer{margin-top:30px}
  .episode_view .footer p{margin-bottom:0}
  .episode_view .footer a{margin-bottom:-5px}
}

.episode_view .webapp{background-color:rgba(255,255,255,0.9);width:300px;height:69px;position:fixed;bottom:-200px;border-radius:12px}
.episode_view .webapp-wrapper{position:relative;width:300px;margin-left:auto;margin-right:auto}
.episode_view .webapp img{width:50px;height:50px;border-radius:12px;position:absolute;margin-left:10px;margin-top:10px}
.episode_view .webapp h3{font-family:'Dosis',sans-serif;font-weight:600!important;font-size:12px;color:#000;font-weight:800;margin-left:80px;margin-top:10px;margin-bottom:0}
.episode_view .webapp p{width:220px;color:rgba(0,0,0,0.8);font-size:10px;margin-left:80px;line-height:15px}
.episode_view .close-webapp{font-family:Arial,Helvetica,sans-serif;position:absolute;margin-top:-67px;right:20px;color:#FFF;background-color:#000;border-radius:15px;width:12px;height:12px;font-size:8px;line-height:9px;padding-left:4px}
.episode_view .corner-deco{background-image:url(../images/misc/corner-deco.png);background-size:20px 10px;width:20px;height:10px;position:absolute;margin-top:-11px;margin-left:140px}
.episode_view .header{margin:0 auto;height:80px;padding:0;position:fixed;width:100%;z-index:9999999}
.episode_view .header h1{color:#222;display:inline;vertical-align:middle;margin:24px 0 10px 5px;float:left;font-size:30px;letter-spacing:-1px}

@media (max-width: 500px) {
  .episode_view .header h1{font-size:22px!important;margin-top:28px}
}

.episode_view .page-logo{display:inline;float:left;padding:10px}
.episode_view .img-shadow{border-radius:5px;padding:0;width:60px;box-shadow:0 1px 5px rgba(0,0,0,0.2)}
.episode_view .overlay{pointer-events:none;position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:9999}
.episode_view .overlay-pattern{background-image:url(../images/misc/repeat.png);background-repeat:repeat}
.episode_view .show-navigation--{right:20px;margin:20px 0;padding:11px;border-radius:5px;background-image:url(../images/misc/deploy-nav.png);background-size:18px 12px;width:120px;height:40px;position:absolute;background-repeat:no-repeat;background-position:20px 23px;background-color:rgba(255,255,255,0.8);box-shadow:0 2px 5px rgba(0,0,0,0.2)}
.episode_view .show-navigation a{color:#a9a7a6!important}
.episode_view .hide-navigation a{color:#FFF!important}
.episode_view .hide-navigation--{right:20px;margin:20px 0;padding:11px;border-radius:5px;background-image:url(../images/misc/delete-nav.png);background-size:18px 12px;width:120px;height:40px;position:absolute;background-repeat:no-repeat;background-position:20px 23px;background-color:rgba(255,255,255,0.8);box-shadow:0 2px 5px rgba(0,0,0,0.2)}
.episode_view .navigation-default{margin:20px;position:absolute;z-index:3;right:0;width:120px;font-family:notokr-bold}
.episode_view .show-navigation{background-image:url(../images/misc/deploy-nav.png);background-size:18px 12px;width:120px;height:40px;position:absolute;background-repeat:no-repeat;background-position:20px 23px;border-radius:5px;border:1px solid #ddd;padding-left:11px;line-height:38px;background-color:rgba(255,255,255,0.7);box-shadow:0 2px 5px rgba(0,0,0,0.0)}
.episode_view .hide-navigation{display:none;color:#FFF!important;background-image:url(../images/misc/delete-nav.png);background-size:24px 15px;width:120px;height:40px;position:absolute;background-repeat:no-repeat;background-position:18px 22px;border-radius:5px 5px 0 0;border:1px solid #f5834a;padding-left:11px;line-height:38px;background-color:#f5834a;box-shadow:0 0 0 rgba(0,0,0,0.0)}
.episode_view .page-header-clear{height:60px}
.episode_view .navigation-wrapper{background-color:rgba(255,255,255,1)}
.episode_view .navigation{background-color:#fff;position:absolute;width:100%;z-index:999;height:100%;top:0;bottom:100px}

@media only screen and (min-width : 768px) {
  .episode_view .navigation{margin-top:0;width:860px!important;top:0}
}

.episode_view .nav-item a{opacity:.8;font-size:12px;font-family:notokr-medium,'Dosis' sans-serif;text-transform:uppercase;font-weight:500;letter-spacing:1px;padding-left:11px;color:rgba(0,0,0,0.8);line-height:35px;border-bottom:solid 1px #ccc;background-position:20px 18px;background-repeat:no-repeat;background-size:22px 22px}
.episode_view .nav-item a:hover{background-color:rgba(0,0,0,0.05)}
.episode_view .homepage-icon{background-image:url(../images/misc/homepage.png)}
.episode_view .landing-icon{background-image:url(../images/misc/landing.png)}
.episode_view .features-icon{background-image:url(../images/misc/features.png)}
.episode_view .camera-icon{background-image:url(../images/misc/camera.png)}
.episode_view .portfolio-icon{background-image:url(../images/misc/portfolio.png)}
.episode_view .video-icon{background-image:url(../images/misc/videos.png)}
.episode_view .contact-icon{background-image:url(../images/misc/contact.png)}
.episode_view .selected-item{background-image:url(../images/misc/nav_selected.png);background-size:14px 14px;background-repeat:no-repeat;position:absolute;width:14px;height:14px;right:23px;margin-top:23px}
.episode_view .unselected-item{background-image:url(../images/misc/nav_unselected.png);background-size:14px 14px;background-repeat:no-repeat;position:absolute;width:14px;height:14px;right:23px;margin-top:23px}
.episode_view .dropdown-item{background-image:url(../images/misc/nav_dropup.png);background-size:14px 14px;background-repeat:no-repeat;position:absolute;width:14px;height:14px;right:23px;margin-top:23px}
.episode_view .active-dropdown{background-image:url(../images/misc/nav_dropdown.png)}
.episode_view .submenu{display:none}
.episode_view .submenu-active{display:block}
.episode_view .submenu a{opacity:.5;background-image:url(../images/misc/nav-submenu.png);background-repeat:no-repeat;background-size:8px 8px;background-position:50px 25px;padding-left:90px}
.episode_view .contact-call{padding-top:5px;color:#666;padding-left:30px;background-image:url(../images/misc/contact_phone.png);background-position:0 5px;background-repeat:no-repeat;background-size:18px 18px;height:30px;display:block}
.episode_view .contact-text{color:#666;padding-left:30px;background-image:url(../images/misc/contact_message.png);background-position:0 2px;background-repeat:no-repeat;background-size:18px 18px;height:20px;display:block;margin-bottom:2px}
.episode_view .contact-mail{color:#666;padding-left:30px;background-image:url(../images/misc/contact_mail.png);background-position:3px 3px;background-repeat:no-repeat;background-size:14px 14px;height:20px;display:block;margin-top:5px;margin-bottom:2px}
.episode_view .contact-facebook{color:#666;padding-left:30px;background-image:url(../images/misc/contact_facebook.png);background-position:0 0;background-repeat:no-repeat;background-size:20px 20px;height:20px;display:block;margin-top:5px;margin-bottom:2px}
.episode_view .contact-twitter{color:#666;padding-left:30px;background-image:url(../images/misc/contact_twitter.png);background-position:0 0;background-repeat:no-repeat;background-size:20px 20px;height:20px;display:block;margin-top:5px;margin-bottom:2px}
.episode_view .content-section{margin-bottom:20px}
.episode_view .content-section .responsive-image{margin-bottom:0}
.episode_view .content-section h1{font-size:16px;position:absolute;color:#FFF;margin-top:30px;left:0;z-index:99999}
.episode_view .content-section em{font-size:12px;font-style:normal;position:absolute;color:#a3a3a3;margin-top:55px;left:20px;z-index:99999}
.episode_view .quote-item em{text-align:center;display:block;color:#e34e47;margin-bottom:10px}
.episode_view .quote-item h4{text-align:center;margin-bottom:0}
.episode_view .quote-item strong{text-align:center;font-style:normal;font-weight:400;display:block;width:230px;margin-left:auto;margin-right:auto}
.episode_view .quote-item img{border-radius:100px;width:100px;margin-left:auto;margin-right:auto;margin-bottom:20px}
.episode_view .contact-call{padding-top:5px;color:#666;padding-left:30px;background-image:url(../images/misc/contact_phone.png);background-position:0 5px;background-repeat:no-repeat;background-size:18px 18px;height:30px;display:block}
.episode_view .contact-text{color:#666;padding-left:30px;background-image:url(../images/misc/contact_message.png);background-position:0 2px;background-repeat:no-repeat;background-size:18px 18px;height:20px;display:block;margin-bottom:2px}
.episode_view .contact-mail{color:#666;padding-left:30px;background-image:url(../images/misc/contact_mail.png);background-position:3px 3px;background-repeat:no-repeat;background-size:14px 14px;height:20px;display:block;margin-top:5px;margin-bottom:2px}
.episode_view .contact-facebook{color:#666;padding-left:30px;background-image:url(../images/misc/contact_facebook.png);background-position:0 0;background-repeat:no-repeat;background-size:20px 20px;height:20px;display:block;margin-top:5px;margin-bottom:2px}
.episode_view .contact-twitter{color:#666;padding-left:30px;background-image:url(../images/misc/contact_twitter.png);background-position:0 0;background-repeat:no-repeat;background-size:20px 20px;height:20px;display:block;margin-top:5px;margin-bottom:2px}
.episode_view .content-section{margin:0 auto}
.episode_view .sns-image{padding:0;margin-bottom:0;width:100%;border-radius:5px;box-shadow:0 1px 10px rgba(0,0,0,0.0)}
.episode_view .content-section .responsive-image{padding:0;margin-bottom:0;width:100%;border-radius:5px 5px 0 0;box-shadow:0 1px 10px rgba(0,0,0,0.4)}
.episode_view .content-section .text-area{margin:0 auto;background:#fff;padding:20px;max-width:860px;border-radius:0 0 5px 5px;box-shadow:0 1px 10px rgba(0,0,0,0.4)}
.episode_view .portfolio-item-thumb{background:#fff;border-radius:5px;box-shadow:0 1px 5px rgba(0,0,0,0);border:1px solid #ededed}
.episode_view .content-section h1{font-size:22px;position:relative;color:#555;padding:10px 0 0;margin:0;z-index:99999}
.episode_view .content-section p,.content-section em{font-size:18px;font-style:bold;position:relative;color:#ff905f;margin:0;z-index:99999}
.episode_view .one-half{width:48%!important;float:left;margin-right:4%!important;margin-bottom:4%!important}
.episode_view .quote-item em{text-align:center;display:block;color:#e34e47;margin-bottom:10px}
.episode_view .quote-item h4{text-align:center;margin-bottom:0}
.episode_view .quote-item strong{text-align:center;font-style:normal;font-weight:400;display:block;width:230px;margin-left:auto;margin-right:auto}
.episode_view .quote-item img{border-radius:100px;width:100px;margin-left:auto;margin-right:auto;margin-bottom:20px}
.episode_view .column-responsive img{width:100px;float:left;border-radius:100px;margin-right:10px;margin-bottom:10px}
.episode_view .column-responsive strong{margin-top:5px;display:block;margin-bottom:10px;font-size:14px;color:#1a1a1a}
.episode_view .column-responsive em{font-style:normal}
.episode_view .copyright{font-size:15px}
.episode_view .copyright a{color: #000; padding-top: 3px;}
.episode_view .copyright a:hover{color: forestgreen; text-decoration: underline;}
.episode_view .footer-socials{width:110px;margin-left:auto;margin-right:auto;margin-bottom:10px}
.episode_view .footer-socials a{float:left;margin-left:5px;margin-right:5px}
.episode_view .facebook-footer{background-image:url(../images/misc/facebook-footer.png);background-repeat:no-repeat;background-size:25px 25px;height:25px;width:25px}
.episode_view .goup-footer{background-image:url(../images/misc/goup-footer.png);background-repeat:no-repeat;background-size:25px 25px;height:25px;width:25px}
.episode_view .twitter-footer{background-image:url(../images/misc/twitter-footer.png);background-repeat:no-repeat;background-size:25px 25px;height:25px;width:25px}
.episode_view .wide-active{margin-top:20px;display:none}
.episode_view .wide-item-wrapper{background-color:#FFF;padding-bottom:1px;margin-top:3px}
.episode_view .wide-folio{margin-top:-17px;margin-bottom:20px}
.episode_view .wide-item{margin-bottom:3px}
.episode_view .wide-item .responsive-image{margin-bottom:0}
.episode_view .wide-image{max-height:100px;overflow:hidden}
.episode_view .wide-item-titles{position:relative;z-index:99999;top:30px;margin-bottom:-45px;pointer-events:none}
.episode_view .wide-item-titles h4{font-family:'Open Sans',sans-serif;font-weight:200;font-size:16px;text-transform:uppercase;color:#FFF;position:relative;z-index:999999;text-align:center;margin-bottom:5px}
.episode_view .wide-item-titles p{color:#FFF;margin-bottom:0;color:rgba(255,255,255,0.5);text-align:center;position:relative;z-index:999999}
.episode_view .wide-item-content{display:none;margin-top:20px;margin-left:20px;margin-right:20px}

@media (min-width: 760px) {
  .episode_view .wide-image{max-height:150px}
  .episode_view .wide-item-titles{top:55px;margin-bottom:-45px}
}

@media only screen and (width : 798px) {
  .episode_view .content-section .responsive-image{margin-top:-135px}
}

@media only screen and (min-width : 798px) and (min-height: 801px) {
  .episode_view .homepage-logo{width:155px;margin-top:40px}
  .episode_view .homepage-logo-sub{font-size:12px;margin-bottom:100px}
  .episode_view .homepage-navigation{width:430px;margin:30px auto 80px}
  .episode_view .homepage-navigation a{font-size:16px;padding-top:120px;background-size:100px 100px;width:130px;margin-bottom:30px}
}


.episode_view #footer{position:absolute;width:100%;bottom:0;z-index:10}
.episode_view #footer .contains{position:relative;max-width:728px;margin:0 auto;z-index:20}
.episode_view .banner img{display:inline;margin-bottom:-4px}
.episode_view #footer .banner_area{background:url(../../img/bg_banner_event.png) repeat-x left top;width:100%;max-height:138px}
.episode_view #footer .go_event{cursor:pointer}
.episode_view #footer .banner_area .contains a{display:grid}
.episode_view #footer .banner_area .btn_close{display:block;position:absolute;right:0;top:23px;padding:6%;z-index:500}
.episode_view #footer .share_area{width:100%;height:77px;max-height:77px}
.episode_view #footer .share_area .title{position:absolute;min-width:28px;color:#fff;z-index:20;padding:2% 4%}
.episode_view #footer .share_area .title img{width:100%;cursor:pointer}
/* .episode_view #footer .share_area .sns_list{text-align:left;margin:0 auto;padding:1.8% 0;width:60%;} */
.episode_view #footer .share_area .sns_list{text-align:center;margin:0 auto;padding:1.8% 0;width:100%}
.episode_view #footer .share_area .sns_list div{max-width:67px;min-width:24px;padding:0 1%;display:inline-block}
/* .episode_view #footer .share_area .policy{position: absolute; top:30px;right: 20%; width: 123px; font-size: 15px; margin-right: 15px;} */
.episode_view #footer .share_area div a:hover{text-decoration: underline; color:forestgreen}
.episode_view #footer .share_area .select_box{position:absolute;top:16px;right:4%;width:123px;height:50px;font-size:9px;overflow:hidden;background:url(/resource/episode/static/assets/img/select_arrow.png) no-repeat right center #4a4848}
.episode_view #footer .share_area .select_box select::-ms-expand{display:none}
.episode_view #footer .share_area .select_box select{background:transparent;width:100%;padding:12%;color:#929292;border:0;z-index:20;-webkit-appearance:none;-moz-appearance:none;font-size:2em;font-weight:700;letter-spacing:-1px}
.episode_view #footer .share_area .select_box select:focus{outline:0}
.episode_view #footer .fb-comments-count{position:absolute;font-size:24px;top:19px;left:15%;z-index:500;color:#fff}
.episode_view .header-shadow{box-shadow:0 2px 7px rgba(0,0,0,0.3)}
.episode_view .footer-shadow{box-shadow:0 -2px 7px rgba(0,0,0,0.3)}
.episode_view .slide_area{background:url(/resource/episode/static/assets/img/bg_slider.png) repeat-x left bottom;border-bottom:2px solid #3f3a39}
.episode_view .slide_area .content{position:relative;width:670px;height:71px;margin:0 auto}
.episode_view .input-range{position:relative;top:30px;left:130px;width:70%;touch-action:none}
.episode_view .input-range__track--background{background:#dcdcdc;width:100%;height:13px;position:relative;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}
.episode_view .input-range__track--active{background:#d98154;height:100%;position:absolute;left:auto!important;right:0;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}
.episode_view .input-range__label{display:none}
.episode_view .input-range__slider{background:url(/resource/episode/static/assets/img/btn_slider.png) no-repeat right top;background-size:100%;cursor:pointer;display:inline-block;width:60px;height:40px;position:absolute;top:-13px;right:-30px;z-index:100}

@media screen and (max-width: 48em) {
  .episode_view #footer .share_area{height:55px}
  .episode_view #footer .share_area .title img{width:31.5px;cursor:pointer}
  .episode_view #footer .share_area .title{padding:13px 15px!important}
  .episode_view #footer .share_area .sns_list{text-align:left;margin-left:80px;padding:12px 0}
  .episode_view #footer .share_area .sns_list div{padding:0 .5%}
  .episode_view #footer .share_area .sns_list div img{max-width:30px;min-width:24px;padding:0}
  /* .episode_view #footer .share_area .policy{position: absolute;top:16px;right: 20%;width:123px;font-size: 10px;margin-right: 15px}
  .episode_view #footer .share_area .select_box{position:absolute;top:12px;right:4%;width:93px;height:30px;font-size:7px} */
  .episode_view #footer .share_area .select_box select{padding:8%!important}
  .episode_view .banner-wrapper{bottom:110px!important}
  .episode_view #num-area{position:absolute;font-size:15px!important;z-index:500;text-align:center;color:#fff;width:20%;max-width:130px;max-height:71px;padding:13px 0 13px 13px !important}
  .episode_view .slide_area .content{position:relative;width:100%;height:40px;margin:0 auto}
  .episode_view .input-range{position:relative;top:17px;left:20%;width:70%;touch-action:none}
  .episode_view .input-range__track--background{display:block;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;height:10px!important}
  .episode_view .input-range__slider{background:url(/resource/episode/static/assets/img/btn_slider2.png) no-repeat right top;background-size:100%;cursor:pointer;display:inline-block;width:35px;height:35px;position:absolute;top:-13px;right:-17.5px;z-index:100}
  .episode_view .last-text{font-size:1em!important}
}

.episode_view .last-text{font-size:1.3em;margin-bottom:30px;display:block;padding:0 40px}
.episode_view .last-text .br{display:block}
.episode_view .last-sub-text{font-size:1em;margin-bottom:30px;display:block;padding:0 40px}
.episode_view .last-sub-text .br{display:block}
.episode_view .feedback{margin:0 0 30px}
.episode_view .feedback div span span img{width:25px;transform:translate3d(0px,0px,0px) scale(1)!important}
.episode_view .feedbackConfirm{position:absolute;left:50%;top:50%;margin:-200px 0 0 -150px;width:300px;padding:100px 0;background:#fff;border:2px solid #f47536;z-index:-10;opacity:0;transform:scale(0.5);-webkit-transition:all .3s;transition:all .3s}
.episode_view .feedbackConfirm.on{z-index:10;opacity:1;transform:scale(1);-webkit-transition:all .3s;transition:all .3s}
.episode_view .feedbackConfirm span span img{width:25px;transform:translate3d(0px,0px,0px) scale(1)!important}
.episode_view .feedbackConfirm > .btn_feedback_confirm .btn_confirm{display:inline-block;cursor:pointer;padding:5px 0;min-width:70px;margin:0 5px;text-align:center;color:#fff;font-weight:700;background-color:#f47536;border:none;outline:none;box-shadow:0 3px 5px rgba(0,0,0,0.2)}
.episode_view .feedbackConfirm > .btn_feedback_confirm .btn_confirm:hover{background-color:#882A00}
.episode_view .reply-btn{width:60%;padding:15px;background:#ff8347;color:#FFF;font-size:1.2em;display:block;margin:0 auto;margin-bottom:50px;box-shadow:0 5px 7px rgba(0,0,0,0.2);letter-spacing:-.7px}
.episode_view .reply-btn:hover{background:#882A00;color:#FFF}
.episode_view .reply-btn .br{display:block}
.episode_view .behind-img{padding:0 20px}
.episode_view .behind-img img{max-width:500px}
.episode_view .banner-wrapper{position:absolute;bottom:150px;width:100%;text-align:center;background:#4B4B4B;display:none}
.episode_view .banner_left{float:left;width:88.059701492537%}
.episode_view .banner_right{float:left;width:11.940298507463%}
.episode_view .banner{margin:0 auto;max-width:670px;width:100%}
.episode_view .cbp-spmenu-open .banner-wrapper{display:block!important;margin:0 auto}
.episode_view .behind-img2 img{max-width:100px;border-radius:1.4em;border:4px solid #FFF;box-shadow:0 2px 7px rgba(0,0,0,0.5);margin:0 10px;transform:translate3d(0px,0,0) scale(1)!important}
.episode_view li{list-style:none}
.episode_view #game_content .contains{width:670px;position:relative;margin:0 auto}
.episode_view #game_content .share_list{margin-bottom:60px;width:610px;height:150px}
.episode_view #game_content .share_list li{float:left;width:152.5px}
.episode_view #game_content .share_list li.buttons{margin-top:24px}
.episode_view #game_content .share_list li > img{max-width:120px;border-radius:1.6em;border:4px solid #FFF;box-shadow:0 2px 7px rgba(0,0,0,0.5);margin:0 10px;transform:translate3d(0px,0,0) scale(1)!important}
.episode_view #game_content .share_list .btn_share{margin-bottom:12px;text-align:center}
.episode_view #game_content .share_list .btn_share .title{display:block;line-height:20px;font-size:16px;color:#2e2e2e;font-weight:700}
.episode_view #game_content .share_list .btn_store{display:block;margin-bottom:10px;width:110px;height:32px;text-indent:-9999px}
.episode_view #game_content .share_list .btn_store.app{background:url(/resource/episode/static/assets/img/btn_store_apple.png) no-repeat left top}
.episode_view #game_content .share_list .btn_store.google{background:url(/resource/episode/static/assets/img/btn_store_google.png) no-repeat left top}
.episode_view #game_content .share_list .btn_store .icon{display:block}
.episode_view #game_content .share_list li .title{display:block}
.episode_view #game_content .share_list li .icon_pokopang{display:block;height:130px;background:url(../../img/icon/pokopang.png) no-repeat center top;text-indent:-9999px}
.episode_view #game_content .share_list li .icon_pokopoko{display:block;height:130px;background:url(../../img/icon/pokopoko.png) no-repeat center top;text-indent:-9999px}
.episode_view .start_cover .guide .rightTxt{right:4%}
.episode_view .start_cover .guide .leftTxt{left:4%}
.episode_view .start_cover .guide img{width:82px}
.episode_view .start_cover .guide{position:absolute!important;width:100%!important;top:48%!important;height:130px!important;margin-top:0!important}
.episode_view .start_cover .guide .swipeTxt{width:80px!important}
.episode_view .start_cover .guide span{font-size:20px}

@media (max-width: 48em) {
  .episode_view .menu{padding-top:19px}
  .episode_view .head-title{margin:12px 0}
  .episode_view .banner img{margin-bottom:-18px!important}
  .episode_view #game_content .contains{width:100%;position:relative;margin:0 auto;overflow:hidden}
  .episode_view #game_content .share_list{margin-bottom:60px;width:100%;padding:0 0 0 10px}
  .episode_view #game_content .share_list li{float:left;width:25%}
  .episode_view #game_content .share_list li img{max-width:96%;height:auto}
  .episode_view #game_content .share_list li.buttons{margin:5% 3px}
  .episode_view #game_content .share_list .btn_share{margin-bottom:12px;text-align:center}
  .episode_view #game_content .share_list .btn_share .title{display:block;line-height:20px;font-size:14px;color:#2e2e2e;font-weight:700}
  .episode_view #game_content .share_list .btn_store{display:block;margin:0 auto;margin-bottom:10px;max-width:100px}
  .episode_view .start_cover .guide .rightTxt{right:4%}
  .episode_view .start_cover .guide .leftTxt{left:4%}
  .episode_view .start_cover .guide img{width:60px!important}
  .episode_view .start_cover .guide{position:absolute!important;width:100%!important;top:40%!important;height:90px!important;margin-top:0!important}
  .episode_view .start_cover .guide .swipeTxt{width:60px!important}
  .episode_view .start_cover .guide span{font-size:20px!important}
}

.episode_view #num-area{position:absolute;font-size:24px;z-index:500;text-align:left;color:#fff;width:20%;max-width:120px;max-height:71px;padding:23px 0 23px 23px}
.episode_view .start_cover{position:absolute;display:block;width:100%;height:100%;top:0;background:rgba(0,0,0,0.8);z-index:2900}
.episode_view .start_cover .content{position:relative;max-width:670px;width:100%;height:100%;margin:0 auto}
.episode_view .start_cover .loading{position:absolute;width:100%;height:100%;background:url(/resource/episode/static/assets/img/loading.gif) no-repeat center 45%;background-size:30%;z-index:99999}
.episode_view .start_cover .guide{position:absolute;width:100%;top:50%;height:235px;margin-top:-18%;z-index:500}
.episode_view .start_cover .guide img{position:absolute}
.episode_view .start_cover .guide .left{left:9.3%}
.episode_view .start_cover .guide .right{right:9.3%}
.episode_view .start_cover .guide .swipe{top:-68%;left:11%}
.episode_view .start_cover .guide span{display:inline-block;position:absolute;width:100px;bottom:0;color:#fff;font-size:24px;text-align:center}
.episode_view .start_cover .guide .leftTxt,.start_cover .guide .rightTxt{width:95px}
.episode_view .start_cover .guide .swipeTxt{width:165px;top:0;left:11%}
.episode_view .start_cover .guide .leftTxt{left:9.3%}
.episode_view .start_cover .guide .rightTxt{right:9.3%}
.episode_view #notice_first_last{display:none;position:absolute;top:50%;left:50%;margin-left:-130px;margin-top:32px;width:260px;z-index:300}
.episode_view #notice_first_last .content{position:relative;background:url(/resource/episode/static/assets/img/bg_first_last.png) no-repeat center top;background-size:100% 100%;width:260px;height:64px;color:#fff;text-align:center;font-size:23px;line-height:280%;max-width:670px;margin:0 auto;z-index:99999}
.episode_view .banner_content{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:3500}
.episode_view .banner_content .contents{background:#fff;position:relative;width:100%;height:100%;max-width:670px;margin:0 auto}
.episode_view .banner_content .contents .header{background:url(/resource/episode/static/assets/img/bg_header_blue.png) repeat-x left bottom;background-size:auto 97px;position:relative;height:97px}
.episode_view .banner_content .contents .header .btn_close{top:22%;right:5%;width:5vw;max-width:33px;min-width:20px}
.episode_view .banner_content .contents .list{height:calc(100% - 97px);overflow:hidden;position:relative}
.episode_view .banner_content .contents .list .facebook_comment{width:100%;height:100%;padding:0 8%;position:absolute;overflow-y:scroll}
.episode_view .banner_content .contents .list .facebook_comment::-webkit-scrollbar{width:10px}
.episode_view .banner_content .contents .list .facebook_comment::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}
.episode_view .banner_content .contents .list .facebook_comment::-webkit-scrollbar-thumb{background:#3b5998;border-radius:5px}
.episode_view .notification{position:fixed;left:0;right:0;bottom:-68px;padding:12px 0;background:#ffffc9;z-index:99999;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.episode_view .notification.on{bottom:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.episode_view .notification .in{max-width:680px;margin:0 auto;text-align:center;position:relative}
.episode_view .notification .in p{margin:0;line-height:170%;color:#000;font-size:13px}
.episode_view .event_text{font-size:16px;padding:2% 5%}
.episode_view .event_text > p{padding-bottom:5%;word-break:break-all;line-height:20px}
.episode_view .event_popup_footer .button{position:relative;font-size:20px;padding:2% 7%;width:28%;margin:0 auto;background:#1c4a93;text-align:center}
.episode_view .event_popup_footer .event_popup_btn{color:#fff;font-weight:700}
.episode_view .last_page{display:none;position:absolute;background:#fff;top:0;height:100%;width:100%;max-width:670px;margin:0 auto;z-index:11}
.episode_view .last_page .contents{width:100%;height:100%}
.episode_view .last_page .list{height:100%;text-align:center;padding:15% 10%;font-size:24px}
.episode_view .last_page .go{cursor:pointer;padding:3% 0}
.episode_view .last_page .desc{position:relative;top:120px}
.episode_view #btn-area .go_poko{display:none;position:relative;top:430px;font-size:16px;z-index:1000}
.episode_view #btn-area .go_poko li{float:left}
.episode_view #btn-area .pokopang,#btn-area .pokopoko{position:relative;padding-right:135px}
.episode_view #btn-area .pokopang_mobile,#btn-area .pokopoko_mobile{position:relative;padding-right:30px}
.episode_view #btn-area .pokopang ul,#btn-area .pokopoko ul{position:absolute;top:33px;left:133px;width:110px}
.episode_view #btn-area .pokopang ul li,#btn-area .pokopoko ul li{float:left;height:32px;padding-bottom:5px;cursor:pointer}
.episode_view #btn-area .txt{font-weight:700}
.episode_view #popup_menu{display:none;position:fixed;left:50%;top:10px;margin-left:-260px;padding:27px;width:525px;border:3px solid #dcdcdc;border-radius:8px;background:#fff;z-index:1000;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);zoom:.8 \9;-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}
.episode_view .banner_content h3,#popup_menu_slide h3{font-size:25px;font-weight:700;padding:4% 0}
.episode_view #popup_menu h3{font-size:2vw;font-weight:700;padding:4% 0}
.episode_view #popup_menu_slide img{width:100%}
.episode_view #popup_menu_slide .sns_list,#popup_menu_slide .sns_list_ja{padding-bottom:2%;padding-top:3%}
.episode_view #popup_menu_slide .sns_list ul li{float:left;width:48.3%}
.episode_view #popup_menu_slide .sns_list_ja ul li{float:left;width:32%}
.episode_view #popup_menu_slide .sns_list_ja .facebook{padding-right:2%}
.episode_view #popup_menu_slide .sns_list_ja .instagram{padding-right:2%}
.episode_view #popup_menu_slide .sns_list .facebook{padding-right:1.7%}
.episode_view #popup_menu_slide .sns_list .instagram{padding-left:1.7%}
.episode_view #popup_menu_slide .ep_list ul li{display:inline-block;position:relative;width:100%;padding:13% 0}
.episode_view #popup_menu_slide .ep_list{display:inline-block;width:100%;padding-bottom:10%}
.episode_view #popup_menu_slide .ep_list span{display:inline-block;position:absolute;width:25.9%;top:0;left:0}
.episode_view #popup_menu_slide .ep_list .txt{position:absolute;top:12%;left:30%;width:70%}
.episode_view #popup_menu_slide .ep_list .txt span{display:inline-block;position:relative;width:100%;height:20%}
.episode_view #popup_menu_slide .ep_list .num{font-size:25px;color:#d98154;font-weight:700;letter-spacing:-.1vw}
.episode_view #popup_menu_slide .ep_list .title{font-size:20px;color:#0e0e0e;font-weight:500}
.episode_view #popup_menu_slide .ep_list .content{font-size:20px;color:#0e0e0e;font-weight:700}
.episode_view #popup_menu_slide{display:none;position:absolute;top:0;width:100%;height:100%;z-index:300}
.episode_view #popup_menu_slide .content{position:relative;width:100%;height:100%;max-width:670px;margin:0 auto}
.episode_view #popup_menu_slide > .content{overflow-y:auto;overflow-x:hidden}
.episode_view #popup_menu_slide .list{position:absolute;display:inline-table;background:#fff;width:90%;height:100%;right:-100%;z-index:500;margin-right:-1px}
.episode_view #popup_menu_slide .lists{padding:0 5%}
.episode_view #popup_menu_slide .padding{background:rgba(0,0,0,0.6);position:absolute;top:0;left:-12%;width:12%;height:100%}
.episode_view #popup_menu .btn_close,#popup_menu_slide .btn_close,.banner_content .btn_close{position:absolute;top:3%;right:5%;width:10%}
.episode_view #popup_menu .btn_close,#popup_menu_slide .btn_close{width:9%;top:3vw}
.episode_view .banner_content .btn_close,#popup_menu_slide .btn_close{width:6%;top:26px}
.episode_view #popup_menu .btn_close{width:6%;top:0;right:0}
.episode_view #popup_menu .btn_close img,#popup_menu_slide .btn_close img{max-width:31px;width:100%}
.episode_view #notice_first_last{display:none;position:absolute;top:50%;left:50%;margin-left:-130px;margin-top:32px;width:260px;z-index:300}
.episode_view #notice_first_last .content{position:relative;background:url(/resource/episode/static/assets/img/bg_first_last.png) no-repeat center top;background-size:100% 100%;width:260px;height:64px;color:#fff;text-align:center;font-size:23px;line-height:280%;max-width:670px;margin:0 auto;z-index:99999}

@media (max-width: 48em) {
  .episode_view .start_cover .guide .rightTxt{right:4%}
  .episode_view .start_cover .guide .leftTxt{left:4%}
  .episode_view .start_cover .guide img{width:54px}
  .episode_view .start_cover .guide{position:absolute;width:100%;top:48%;height:160px}
  .episode_view .start_cover .guide .swipeTxt{width:60px!important;top:60px;line-height:1.2em}
  .episode_view .cbp-spmenu-horizontal{font-size:75%;height:55px}
  .episode_view h2{font-family:'Roboto',notokr-regular,'Apple SD Gothic Neo'!important;font-size:14px;letter-spacing:-.5px}
  .episode_view h6{font-size:12px;margin-bottom:5px}
  .episode_view .header-logo img{width:40px;max-width:50px}
  .episode_view .menu{padding:19px 20px 0 18px}
  .episode_view .sound{margin-right:-5px;padding-top:17px}
  .episode_view .menu img{width:20.5px;margin-top:-1px}
  .episode_view .sound img{width:27.5px;margin-top:-1px}
  .episode_view .cbp-spmenu-top{top:-110px}
  .episode_view .cbp-spmenu-bottom{bottom:-110px}
  .episode_view .header-logo{float:left;margin-left:7px;margin-right:7px;margin-top:7px}
  .episode_view .behind-img{width:100%;margin:0 auto}
  .episode_view .behind-img > a{display:inline-block}
  .episode_view .behind-img img{max-width:250px}
  .episode_view .reply-btn{font-size:1em;margin-bottom:30px;width:280px}
  .episode_view .last-sub-text{font-size:.8em}
  .episode_view #game_content .share_list li{width:55%}
  .episode_view #game_content .share_list li .icon_pokopang{width:100px;height:100px;background-size:100%}
  .episode_view #game_content .share_list li .icon_pokopoko{width:100px;height:100px;background-size:100%}
  .episode_view #game_content .share_list li .title{font-size:.8em}
  .episode_view #game_content .share_list .btn_store.app{background-size:100%;background-size:100%}
  .episode_view #game_content .share_list .btn_store.google{background-size:100%}
  .episode_view .banner_content .contents .header{height:75px}
  .episode_view .banner_content .contents .header .btn_close{display:block;top:0;right:0;width:auto;max-width:100%;min-width:auto;padding:19px 20px 12px 18px}
  .episode_view .banner_content .contents .header .btn_close img{width:20.5px}
  .episode_view .banner_content .contents .list .facebook_comment{width:95%;margin:0 5% 0 0}
  .episode_view .banner_content .contents .list .facebook_comment::-webkit-scrollbar{width:15px}
  .episode_view .banner_content .contents .list .facebook_comment::-webkit-scrollbar-track{border-radius:10px}
  .episode_view .banner_content .contents .list .facebook_comment::-webkit-scrollbar-thumb{border-radius:10px}
}

@media screen and (max-width:360px) {
  .episode_view h2{font-size:13px;font-family:'Roboto Condensed',sans-serif!important;letter-spacing:-.7px}
  .episode_view h6{font-size:10px;margin-bottom:4px}
  .episode_view .header-logo img{width:36px;max-width:45px}
  .episode_view .menu{padding-top:17px;margin-right:-3px}
  .episode_view .sound{margin-right:-7px;padding-top:15px!important}
  .episode_view .cbp-spmenu-top{height:50px!important}
  .episode_view .header-logo{margin-left:7px;margin-right:5px;margin-top:7px}
  .episode_view #footer .share_area .sns_list{margin-left:50px}
  .episode_view .last-text,.reply-btn{font-size:.7em!important;margin-bottom:15px!important;letter-spacing:-1px}
  .episode_view .last-sub-text{font-size:.8em;margin-bottom:10px}
}

@media screen and (max-width:1366px) {
  .episode_view .behind-img2{overflow:hidden;width:240px;margin:0 auto}
  .episode_view .behind-img2 > div{float:left}
  .episode_view .behind-img2 > div > span{display:block;margin-top:10px;font-size:.8em}
  .episode_view .reply-btn{width:280px}
}

@media screen and (max-width:1440px) {
  .episode_view .behind-img img{width:280px}
}

@media screen and (max-width:320px) {
  .episode_view .behind-img img{width:180px}
  .episode_view .behind-img2{margin-top:10px!important}
  .episode_view .feedback{margin:0 0 10px}
}