@charset "utf-8";

.scroll_off {overflow:hidden;}
/* utilbar 최상당 헤더 */
.utilbar {position:fixed;top:0; left:0; right:0; background:#f3f3f3; font-family: '돋움','Dotum','맑은 고딕','Malgun Gothic','MGothic','AppleGothic',sans-serif; font-size:11px; height:30px; width:100%;z-index:2010;}
.utilbar .utilWrap {position:relative; height:30px;}
.utilbar .utilWrap .ebslogo{position:absolute; left:60px; top:5px;}
.utilbar .utilWrap .ebslogo a {position:absolute; left:0px; top:0px; background:url('https://static.ebs.co.kr/www/common/img/anikids/all_icon.png') no-repeat 0 0; width:52px; height:20px;}
.utilbar .utilWrap .rightMenu{position:absolute; right:60px; top:8px;}
.utilbar .utilWrap .rightMenu > ul > li {position:relative; float:left; height:24px;}
.utilbar .utilWrap .rightMenu > ul > li a {color:#000;}
.utilbar .utilWrap .rightMenu > ul > li + li {padding-left:15px; margin-left:12px;}
.utilbar .utilWrap .rightMenu > ul > li + li:after {content:''; position:absolute; left:0; top:3px; width:1px; height:8px; background:#cfcfcf}
.utilbar .utilWrap .rightMenu > ul > li.tlogIn {padding-right:8px;}
.utilbar .utilWrap .rightMenu > ul > li .tlogSub {display:none; position:absolute; top:20px; background:#f3f3f3; box-shadow:0px 5px 4px 2px rgba(0,0,0,0.2); overflow:hidden;}
.tlogDrop {padding-right:10px;}
.tlogDrop i{position:absolute; right:0px; top:3px; background:url('https://static.ebs.co.kr/www/common/img/anikids/all_icon.png') no-repeat -312px -62px; width:10px; height:10px;}
.sub1by {padding:10px 15px; width:100px; left:-15px;}
.sub1by li {display:block}
.sub1by li a{display:block; padding:5px 0;}
.sub1by li a:hover {text-decoration:underline;}
.sub2by {padding:10px 0px; width:440px; left:-310px;}
.sub2by li {float:left; width:110px; position:relative;}
.sub2by li a {display:block; padding:5px 0; text-align:center;font-size:12px;}
.sub2by li a:hover {text-decoration:underline;}
.sub2by li:after {content:''; position:absolute; right:0px; top:0; bottom:0; height:100%; width:1px; background:#DDD}
.sub2by li:nth-child(4n):after {display:none;}

/* 이어보기 부모 프레임 */
.continue_vod {width:640px;height: 233px;position:fixed;bottom:0;right:0;z-index:1000;margin:0;transition: bottom .3s ease;}

/* login */
body.loginOpen {overflow:hidden; }
#LoginWrap01 {position:fixed;width:100%;height:100%;left:0; top:0; bottom:0; right:0; z-index:999999; transition: all .5s ease; opacity:0;}
#LoginWrap01.visible {opacity:1;}
#LoginWrap01 #LoginArea {border-radius:10px; position:absolute; top:100px; left:50%; margin-left:-200px; width:400px; height:600px; transform: translate(0px, 200px); opacity:0; transition: all .1s ease; z-index:99;background:#fff;}
#LoginWrap01 #LoginArea .LoginFrame {width:100%;height:520px;margin:0;}
#LoginWrap01.visible #LoginArea{transform: translate(0px, 0px); opacity:1;transition: all .8s ease;}
#LoginWrap01 .dim_login {position:absolute;width:100%;height:100%;left:0; top:0; bottom:0; right:0;background:rgba(0,0,0,.6);z-index:90;}
#LoginWrap01 h1 {display:block; font-size:20px; text-align:center; padding:26px 0 7px;}
#LoginWrap01 .login_close {position:absolute; right:40px; top:20px; width:28px; height:28px;background:url('https://static.ebs.co.kr/www/common/img/special/login_icon.png') no-repeat 0 -150px;}

/* 결제 모달 */
.subscribe_layer {width:100%;height:100%;position: fixed;top: 0;left: 0;overflow:auto;z-index:9999;}
.subscribe_layer_inner + .subscribe_layer_bg{width:100%;height:100%;background:#000;position:fixed;top:0;left:0;filter:alpha(opacity=75);opacity:0.75;-moz-opacity:0.75;z-index:9998;}
.subscribe_layer .subscribe_layer_inner{width:550px;height:650px;padding:0;background:#fff;position:relative;z-index:100000000000;margin:140px auto 0;}
.subscribe_layer .subscribe_layer_inner iframe{margin:0;}
.subscribe_layer.on{display:block;}

/* 이용권 변경 신청 레이어 팝업 */
.layer_refund {width: 100%;height:100%;position: fixed !important;top: 0;left: 0;display:none;overflow:auto;z-index:9999;text-align:left;}
.layer_refund .refund_cnt {position:relative;z-index:3;width:1022px;height:100%;margin:0 auto;background:#fff;}
.layer_refund .refund_cnt iframe {margin:0;}
.layer_refund .refund_dim{display:none; width:100%; height:100%; background:#000; position:fixed; top:0; left:0; filter:alpha(opacity=75); opacity:0.75; -moz-opacity:0.75; z-index:2;}

/* 모바일 메뉴 */
#Pulldown_wrap {display:block}
#Pulldown_wrap * {box-sizing:border-box;line-height: 1.42857143;}
#Pulldown_wrap a {color:#fff;}
#Pulldown_wrap {background:#f8f8f8; -webkit-transition:left .5s ease; transition:left .5s ease; position:fixed; width:100%; max-width:340px; height:100%; left:-380px; top:0 !important; padding-top:0; background-color:#fff; z-index:9998;  -webkit-overflow-scrolling:touch; box-shadow:none; -webkit-box-shadow:none;  }
#Pulldown_wrap::-webkit-scrollbar { width:5px; } 
#Pulldown_wrap::-webkit-scrollbar-thumb { background:#a9a9a9; }
#Pulldown_wrap.active {display:block;left:0px;}
#Pulldown_wrap .pd_top { height:55px; position:absolute;left:0;top:0; max-width:340px; width:100%; z-index:1010; border-bottom:1px solid #ddd; background:#FFF}
#Pulldown_wrap .pd_top .join {position:absolute; right:17px; top:16px; font-size:16px;}
#Pulldown_wrap .pd_top .pd_close01 {display:block; background:url('../images/docuprime_spt_bg.png') no-repeat -78px -8px; width:28px; height:28px; position:absolute; right:-33px; top:16px;}
#Pulldown_wrap .pd_subscribe {padding:20px;}
#Pulldown_wrap .pd_subscribe a {display:block; text-align:center; font-size:16px; color:#FFF; background:#4951ba; border-radius:8px; padding:8px 0px;}
#Pulldown_wrap .pd_ebsmain {padding:0 20px 20px;}
#Pulldown_wrap .pd_ebsmain a {display:block; text-align:center; font-size:16px;  border-radius:8px; padding:8px 0px;background:#fff;border:1px solid #4951ba;color:#4951ba;}
#Pulldown_wrap .pd_menu {padding-top:55px;overflow-y: auto; position:relative; height:100%;}
#Pulldown_wrap .pd_menu .pd_mid {}
#Pulldown_wrap .pd_menu .pd_mid p {font-size:17px; padding:10px 10px 0;color:#000;}
#Pulldown_wrap .pd_menu .pd_mid ul {margin-top:10px; overflow:hidden; border-bottom:1px solid #e4e5e7; padding-bottom:10px;}
#Pulldown_wrap .pd_menu .pd_mid ul li {float:left; width:25%}
#Pulldown_wrap .pd_menu .pd_mid ul li a{font-size:13px; font-weight:300; position:relative; text-align:center; display:block; padding-top:60px;color: #43495b;line-height: 16px;}
#Pulldown_wrap .pd_menu .pd_mid ul li a i{position:absolute; width:52px; height:52px; left:50%; top:0; background:#f4f8ff url('../images/docuprime_spt_bg.png') no-repeat;border-radius: 50%;margin-left:-26px;background-size: 250px;}
#Pulldown_wrap .pd_menu .pd_mid ul li:nth-child(1) a i{background-position: -166px -171px;}
#Pulldown_wrap .pd_menu .pd_mid ul li:nth-child(2) a i{background-position: -211px -171px;}
#Pulldown_wrap .pd_menu .pd_mid ul li:nth-child(3) a i{background-position: -166px -129px;}
#Pulldown_wrap .pd_menu .pd_mid ul li:nth-child(4) a i{background-position: -209px -129px;}
#Pulldown_wrap .pd_menu nav ul {padding:0px;border-bottom: 1px solid #e4e5e7;}
#Pulldown_wrap .pd_menu nav ul li {display:block;}
#Pulldown_wrap .pd_menu nav ul li + li {border-top:1px solid #ddd}
#Pulldown_wrap .pd_menu nav ul li a {display:block; line-height:45px; font-size:15px;}
#Pulldown_wrap .pd_util p{padding:15px 20px; font-size:18px; font-weight:700;background:#ececec}
#Pulldown_wrap .pd_util ul {overflow:hidden; padding:20px 10px 20px;background:#d1d3d6;}
#Pulldown_wrap .pd_util ul li{float:left; width:50%;}
#Pulldown_wrap .pd_util ul li a{display:block; text-align:center; font-size:16px; border-radius:25px; padding:11px 0; margin:5px; color:#ffffff;background:#48566b;}
.Pullmenu_mob {display:none;}
.dim_layer {position:fixed;background:rgba(0,0,0,.5); width:100%; height:100%; left:0;right:0; top:0; bottom:0; z-index:2020;}
.dim_scrolloff {overflow:hidden;} 


@media all and  (max-width: 1280px) {
	.utilbar .utilWrap .ebslogo{left:40px;}
	.utilbar .utilWrap .rightMenu{right:40px;}
}
@media all and  (min-width: 996px) {
	/* 이어보기 레이어 팝업 */
	.layer_continue_vod {bottom:0 !important;}

}
@media all and  (max-width: 995px) {
	
	/* 이어보기 부모 프레임 */
	.continue_vod {width:380px;height:120px;}

	.subscribe_layer.on{display:block;}

	/* 이용권 변경 신청 레이어 팝업 */
	.layer_refund .refund_cnt {width:auto;margin:15px;}
}


@media all and  (max-width: 640px) {
	/* 결제 모달 */
	.subscribe_layer .subscribe_layer_inner {width:100% !important;left:0 !important;top:0 !important;margin:0 !important;height:100% !important;}
	.subscribe_layer .subscribe_layer_inner iframe#ifm {width:100% !important;}
}

@media all and  (max-width: 380px) {

}
@media all and  (max-width: 379px) {

	/* 이어보기 부모 프레임 */
	.continue_vod {width:100%;height:120px;}

}
@media all and  (max-width:360px) {
	/* 모바일 메뉴 */
	#Pulldown_wrap {max-width:300px;}
	#Pulldown_wrap .pd_top {max-width:300px;}
	#Pulldown_wrap .pd_util ul li a {font-size:14px;}

}