@charset "utf-8";
/*!
 * mobile.css
 * 모바일 정의 스타일
*/

/* 상단 레이어 */
.top-layer{position:relative;padding:20px 40px 20px 65px;background:url(../images/common/safari_ico.jpg) 15px center no-repeat #fff;background-size:41px 41px;border-bottom:1px solid #717171;}
.top-layer:before{position:absolute;left:0;bottom:-3px;width:100%;height:3px;content:"";display:block;z-index:1;opacity:.3;
	background: #fdfdfd; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#000, #fdfdfd); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#000, #fdfdfd); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#000, #fdfdfd); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#000, #fdfdfd); /* Standard syntax */
}
.top-layer .layer-cont{color:#fff;font-size:11px;font-size:1.1rem;line-height:14px;color:#4d4b4b;display:block;}
.top-layer .layer-close{position:absolute;top:0;right:0;width:40px;height:40px;background:url(../images/common/layer_close.png) center center no-repeat;background-size:16px 16px;font-size:0;text-indent:-9999px;}

/*------------------------------------*\
	메인
\*------------------------------------*/

/* 메인 비주얼 */
.main-visual{position:relative;border-bottom:1px solid #000}
.main-visual .bx-controls{position:absolute;bottom:8px;width:100%;text-align:center}
.main-visual .bx-pager{height:8px;display:inline-block}
.main-visual .bx-pager-item{float:left;margin:0 5px;width:8px;height:8px;border-radius:4px;display:inline-block;overflow:hidden} 
.main-visual .bx-pager-item .bx-pager-link{width:6px;height:6px;text-indent:-999px;font-size:0;background:#fff;border:1px solid #9c9c9c;border-radius:4px;display:block}
.main-visual .bx-pager-item .bx-pager-link.active{width:8px;height:8px;background:#9346ec;border:none}
#mainVisual.bxslider{position:relative}
#mainVisual .bx-item img{float:left;width:100%}

/* 배너 영역 */
.bannr-area{margin:11px;padding:0 0;background:#ffffff;font-size:14px;font-size:1.4rem;line-height:1.3;text-align:center;color:#232323}

/* 이어보기 알림창 */
.notice{position:relative;padding:15px 0;width:100%;box-sizing:border-box}
.notice .notice-ttl{padding:0 11px;font-size:14px;font-size:1.4rem;line-height:1.2;font-weight:bold;color:#333;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.notice .notice-wrap{position:relative;margin:5px 11px 0 11px;padding:11px 140px 11px 20px;background:#2e2e2e}
.notice .notice-wrap strong{font-size:14px;font-size:1.4rem;line-height:1.2;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#a375ce;font-weight:bold;display:block}
.notice .notice-wrap > span{font-size:14px;font-size:1.4rem;line-height:1.2;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.notice .notice-wrap a{position:absolute;top:50%;right:15px;padding:0 10px 0 15px;margin:-17px 0 0;height:34px;text-align:center;border:1px solid #8e48d0;box-sizing:border-box;display:table}
.notice .notice-wrap a .txt{position:relative;padding-right:20px;font-size:12px;font-size:1.2rem;line-height:1.0;color:#a375ce;font-weight:bold;display:table-cell;vertical-align:middle}
.notice .notice-wrap a .view{position:absolute;top:50%;right:0;margin-top:-8px;}
.notice .btn-more{position:absolute;top:15px;right:10px;padding-right:15px;font-size:11px;font-size:1.1rem;line-height:1.6;font-weight:bold;color:#333}
.notice .btn-more .more{position:absolute;top:50%;right:0;margin-top:-8px}

/* 방송 리스트 */
.video-list{position:relative;padding:15px 0;width:100%;box-sizing:border-box}
.video-list .video-ttl{padding:0 11px;font-size:14px;font-size:1.4rem;line-height:1.2;font-weight:bold;color:#333;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:80%}
.video-list .video-wrap ul:after{display:block;content:"";clear:both}
.video-list .video-wrap li{float:left;margin:5px;width:145px;height:120px;background:#fff;border:1px solid #ccc;box-sizing:border-box}
.video-list .video-wrap li:first-child{margin-left:11px}
.video-list .video-wrap li a{position:relative;width:100%;display:block}
.video-list .video-wrap li a .flag{position:absolute}
.video-list .video-wrap li a .flag img{width:100%}
.video-list .video-wrap li a .flag.free{width:26px;height:26px;top:3px;right:5px}
.video-list .video-wrap li a .flag.onair{width:84px;height:18px;top:61px;left:2px}
.video-list .video-wrap li .thumb{background:#000;text-align:center;width:100%;height:81px;overflow:hidden;display:block;text-align:center;}
.video-list .video-wrap li .thumb img{width:100%;height:100%;display:inline-block;font-size:0}
.video-list .video-wrap li .info{padding:0 9px 3px 9px;border-top:1px solid #ccc;box-sizing:border-box;display:block}
.video-list .video-wrap li .info .ttl{font-size:14px;font-size:1.4rem;line-height:1.3;color:#333;font-weight:normal;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.video-list .video-wrap li .info .about{font-size:12px;font-size:1.2rem;line-height:1.2;color:#8e8e8e;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.video-list .video-wrap li .info .about .time,
.video-list .video-wrap li .info .about .date{position:relative;margin-right:5px;padding-right:6px}
.video-list .video-wrap li .info .about .time:before,
.video-list .video-wrap li .info .about .date:before{position:absolute;top:50%;right:0;margin-top:-5px;width:1px;height:10px;content:"";background:#7a7a7a}
.video-list .video-wrap li .grade{position:absolute;top:3px;right:5px}
.video-list .btn-more{position:absolute;top:15px;right:10px;padding-right:15px;font-size:11px;font-size:1.1rem;line-height:1.6;font-weight:bold;color:#333}
.video-list .btn-more .more{position:absolute;top:50%;right:0;margin-top:-8px}
.video-list .video-wrap.movie li{position:relative;width:96px;height:181px;border:1px solid #ccc;box-sizing:content-box;overflow:hidden}
.video-list .video-wrap.movie li .thumb{width:100%;height:139px}
.video-list .video-wrap.movie li .thumb:after{display:block;content:"";clear:both}
.video-list .video-wrap.movie li .thumb img{float:left;}
.video-list .video-wrap.movie li .info{padding:0 9px 3px 9px;width:100%;height:40px;display:table;overflow:hidden;border-top:1px solid #ccc;box-sizing:border-box}
.video-list .video-wrap.movie li .info .ttl{display:-webkit-box;vertical-align:middle;font-weight:normal;line-height:1.3;width:100%;white-space:normal;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.video-list .video-wrap.movie li .tag{position:absolute;top:8px;left:0;width:auto;height:16px}
.video-list .video-wrap.movie li .tag img{height:100%}
.video-list .video-wrap.movie li .tag + .tag{position:absolute;top:27px;left:0}
.video-list .video-wrap.movie li .tag + .tag + .tag{position:absolute;top:46px;left:0}
.video-list .video-wrap.movie li .tag.playy{position:absolute;top:auto; bottom:61px; left:2px;width:auto;height:16px}
.video-list .video-wrap.movie li .grade{position:absolute;top:3px;right:5px}
.video-list .video-wrap.movie25 li{position:relative;width:96px;height:181px;border:1px solid #ccc;box-sizing:border-box;overflow:hidden}
.video-list .video-wrap.movie25 li .thumb{width:100%;height:139px}
.video-list .video-wrap.movie25 li .thumb:after{display:block;content:"";clear:both}
.video-list .video-wrap.movie25 li .thumb img{float:left;}
.video-list .video-wrap.movie25 li .info{padding:0 9px 3px 9px;width:100%;height:40px;display:table;overflow:hidden;border-top:1px solid #ccc;box-sizing:border-box}
.video-list .video-wrap.movie25 li .info .ttl{display:table-cell;vertical-align:middle;font-weight:normal;width:100%;white-space:normal;text-overflow:ellipsis;overflow:auto;line-height:1.0}
.video-list .video-wrap.movie25 li .tag{position:absolute;top:8px;left:0;width:auto;height:16px}
.video-list .video-wrap.movie25 li .tag img{height:100%}
.video-list .video-wrap.movie25 li .tag + .tag{position:absolute;top:27px;left:0}
.video-list .video-wrap.movie25 li .tag + .tag + .tag{position:absolute;top:46px;left:0}
.video-list .video-wrap.movie25 li .grade{position:absolute;top:3px;right:5px}

.video-list .video-wrap li .tag2{position:absolute;bottom:34%;left:2px;width:auto;height:16px}
.video-list .video-wrap li .tag2 img{height:100%}

.icon-new{position: relative;}
.icon-new img{position: absolute;height: 13px;top:-7px;}

/*------------------------------------*\
	실시간TV
\*------------------------------------*/
.live-cont{padding-bottom:10px;display:block}
.live-cont .live-ttl{font-size:14px;font-size:1.4rem;font-weight:normal;color:#fff;text-align:center;line-height:3.6;background:#9c82db;display:block}
.live-cont .live-list{padding:8px}
.live-cont .live-list li{margin:3px}
.live-cont .live-list li .list-item{padding:7px 14px 7px 7px;border:1px solid #d0d0d0;background:#fff;box-sizing:border-box}
.live-cont .live-list li a{position:relative; padding-left:105px;height:59px;display:block}
.live-cont .live-list li a .thumb{position:absolute;top:0;left:0;width:105px;height:100%}
.live-cont .live-list li a .thumb:after{display:block;content:"";clear:both}
.live-cont .live-list li a .thumb img{float:left;width:100%;height:100%}
.live-cont .live-list li a .ttl{margin-left:14px;padding-top:6px;font-size:14px;font-size:1.4rem;color:#393939;line-height:1.5;display:block;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}
.live-cont .live-list li a .ttl .ch{line-height:1.2;display:block}
.live-cont .live-list li a .time{margin-left:14px;padding-top:2px;font-size:12px;font-size:1.2rem;color:#9f9f9f;line-height:1.2;display:block}
.live-cont .live-list li a .progress{position:relative;margin:20px 0 0 14px;padding:0 35px;display:block}
.live-cont .live-list li a .progress .bar{position:relative;width:100%;height:3px;background:#bbb;display:block}
.live-cont .live-list li a .progress .bar em{position:absolute;top:0;left:0;height:100%;background:#8e45d2;display:inline-block}
.live-cont .live-list li a .progress .start{position:absolute;left:0;top:-9px;font-size:12px;font-size:1.2rem;color:#9f9f9f}
.live-cont .live-list li a .progress .end{position:absolute;right:0;top:-9px;font-size:12px;font-size:1.2rem;color:#9f9f9f}
.live-cont .live-list li.secret{position:relative;}
.live-cont .live-list li.secret:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;content:"";display:block;z-index:1;opacity:.7;}
.live-cont .live-list li.secret .thumb:before{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/common/secret_ico.png) 0 0 no-repeat;background-size:100% 100%;content:"";display:block;z-index:2;}
.live-cont .no-list{width:100%;height:100%;display:table}
.live-cont .no-list .txt{font-size:14px;font-size:1.4rem;color:#5b5b5b;text-align:center;display:table-cell;vertical-align:middle}

/*------------------------------------*\
	방송 VOD
\*------------------------------------*/
.vod-cont{padding-bottom:10px;display:block}
.vod-cont .vod-list{padding:5px 10px;box-sizing: border-box;text-align: center;}
/*.vod-cont .vod-list ul{text-align:left;margin:0 auto;}*/
.vod-cont .vod-list ul:after{display:block;content:"";clear:both;}
.vod-cont .vod-list li{display:inline-block;padding:3px;width:50%;box-sizing:border-box;text-align:left;}
.vod-cont .vod-list li .list-item{background:#fff}
.vod-cont .vod-list li a .thumb{display:block}
.vod-cont .vod-list li a .thumb:after{display:block;content:"";clear:both}
.vod-cont .vod-list li a .thumb img{float:left;width:100%;}
.vod-cont .vod-list li a .flag{position:absolute;}
.vod-cont .vod-list li a .grade{position:absolute;top:5px;right:5px}
.vod-cont .vod-list li a .flag.free{top:5px;right:5px}
.vod-cont .vod-list li a .flag.onair{left:0px;height:16px;}
.vod-cont .vod-list li a .flag.onair img{height:100%;}
.vod-cont .vod-list li a .info{padding:6px 9px 7px 9px;display:block}
.vod-cont .vod-list li a .info .ttl{font-size:14px;font-size:1.4rem;color:#333;font-weight:bold;line-height:1.4;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.vod-cont .vod-list li a .info .txt{font-size:12px;font-size:1.2rem;color:#8e8e8e;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.vod-cont .vod-list li a .info .txt span + span{position:relative;padding-left:16px}
.vod-cont .vod-list li a .info .txt span + span:before{position:absolute;top:50%;left:8px;margin-top:-5px;width:1px;height:10px;background:#8e8e8e;content:""}
.vod-cont .no-list{top:98px;left:0;width:100%;height:100%;display:table}
.vod-cont .no-list .txt{font-size:14px;font-size:1.4rem;color:#5b5b5b;text-align:center;display:table-cell;vertical-align:middle}
.vod-cont .program{position:relative}
.vod-cont .program .thumb:after{display:block;content:"";clear:both}
.vod-cont .program .thumb > img{float:left;width:100%}
.vod-cont .program .info{position:absolute;bottom:0;left:0;padding:11px;width:100%;height:55px;z-index:1;box-sizing:border-box}
.vod-cont .program .info:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);content:"";z-index:-1}
.vod-cont .program .info .ttl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8.2rem;font-size:12px;font-size:1.2rem;color:#fff;display:block}
.vod-cont .program .info .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8.2rem;font-size:12px;font-size:1.2rem;color:#fff;display:block}
.vod-cont .view-list .list-item .flag.onair{position:absolute;left:2px;bottom:4px;height:16px;}
.vod-cont .view-list .list-item .flag.onair img{height:100%;}
.vod-cont .btn-area{height:49px;background:#fff;}
.vod-cont .btn-area ul:after{display:block;content:"";clear:both}
.vod-cont .btn-area li{float:left;width:50%}
.vod-cont .btn-area li a{padding:12px 0;width:100%;text-align:center;font-size:12px;font-size:1.2rem;color:#484848;text-align:center;line-height:24px;display:block}
.vod-cont .tab-list{border-top:1px solid #b2b2b2}
.vod-cont .list-top{position:relative;padding:0 11px;height:44px;border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2}
.vod-cont .list-top .txt{margin:7px 0;height:30px;font-size:12px;font-size:1.2rem;color:#484848;font-weight:bold;line-height:30px;display:inline-block}
.vod-cont .list-top .txt .arrow01{margin-left:2px;vertical-align:middle;display:inline-block}
.vod-cont .list-top .i-select{position:absolute;top:0;right:0;padding:8px 11px 8px 3px;width:50%}
.vod-cont .list-top .i-select:before{display:none}
.vod-cont .list-top .i-select dt{background:#fff;border:1px solid #dbdbdb}
.vod-cont .list-top .i-select dt:before{position:absolute;top:50%;right:6px;margin-top:-7px;width:10px;height:15px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-80px -35px;vertical-align:middle;content:""}
.vod-cont .list-top .i-select dt a{padding:0 23px 0 12px;height:28px;line-height:28px}
.vod-cont .list-top .i-select dd{position:absolute;top:0;left:0;width:100%}
.vod-cont .list-top .i-select dd .opt-list li a{line-height:38px}
.vod-cont .list-top .i-select dd .opt-list li a:hover{color:#7438ac}
.vod-cont .list-cont{padding:4px 8px}
.vod-cont .list-cont li{position:relative;margin:3px}
.vod-cont .list-cont li .list-item{padding:7px 14px 10px 7px;border:1px solid #d0d0d0;background:#fff;box-sizing:border-box}
.vod-cont .list-cont li .list-item02{padding:7px 14px 7px 7px;border:1px solid #d0d0d0;background:#fff;box-sizing:border-box}
.vod-cont .list-cont li a{position:relative; padding-left:105px;height:59px;display:block}
.vod-cont .list-cont li a .thumb{position:absolute;top:0;left:0;width:105px;height:100%}
.vod-cont .list-cont li a .thumb img{width:100%;height:100%}
.vod-cont .list-cont li a .thumb .grade{position: absolute; right:5px; top:3px;}
.vod-cont .list-cont li a .ttl{padding-top:3px;padding-left:14px;font-size:14px;font-size:1.4rem;color:#393939;font-weight:normal;line-height:1.4;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.vod-cont .list-cont li a .txt{padding-left:14px;font-size:12px;font-size:1.2rem;color:#8e8e8e;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.vod-cont .list-cont li a .txt span + span{position:relative;padding-left:16px}
.vod-cont .list-cont li a .txt span + span:before{position:absolute;top:50%;left:8px;margin-top:-5px;width:1px;height:10px;background:#8e8e8e;content:""}
.vod-cont .list-cont li .list-item .progress{position:absolute;bottom:0;left:0;width:100%;display:block}
.vod-cont .list-cont li .list-item .progress .bar{position:relative;width:100%;height:3px;background:#bbb;display:block}
.vod-cont .list-cont li .list-item .progress .bar em{position:absolute;top:0;left:0;height:100%;background:#8e45d2;display:inline-block}
.vod-cont .list-cont li .list-item .onair{position:absolute;left:8px;bottom:12px;height:16px;}
.vod-cont .list-cont li .list-item .onair img{height:100%;}
.vod-cont .program02 .thumb{position:relative}
.vod-cont .program02 .thumb:after{display:block;content:"";clear:both}
.vod-cont .program02 .thumb > img{float:left;width:100%}
.vod-cont .program02 .thumb .btn-play{position:absolute;top:0;left:0;width:100%;height:100%}
.vod-cont .program02 .thumb .btn-play .vod-play{position:absolute;top:50%;left:50%;margin:-33px 0 0 -30px}
.vod-cont .program02 .info{padding:15px 11px;width:100%;height:65px;background:#fff;box-sizing:border-box;}
.vod-cont .program02 .thumb .onair{position:absolute;left:0px;line-height:0px;bottom:0px;}
.vod-cont .program02 .info .txt{line-height:1.2;display:block}
.vod-cont .program02 .info .txt strong{font-size:16px;font-size:1.6rem;color:#8e45d2}
.vod-cont .program02 .info .txt span{position:relative;padding-left:26px;font-size:14px;font-size:1.4rem;color:#777}
.vod-cont .program02 .info .txt span:before{position:absolute;top:50%;left:13px;margin-top:-6px;width:1px;height:12px;background:#777;content:""}
.vod-cont .program02 .info .ttl{font-size:12px;font-size:1.2rem;color:#777;line-height:1.4;display:block}
.vod-cont .program02 .control-btn{padding:0 11px 15px 11px;background:#fff}
.vod-cont .program02 .control-btn ul:after{display:block;content:"";clear:both}
.vod-cont .program02 .control-btn li{float:left;padding-left:3px;width:50%;box-sizing:border-box}
.vod-cont .program02 .control-btn li:first-child{padding-left:0;float:left;padding-right:3px}
.vod-cont .program02 .control-btn a{width:100%;height:34px;border:1px solid #8e45d2;text-align:center;line-height:34px;display:block;font-size:12px;font-size:1.2rem;font-weight:bold}
.vod-cont .program02 .control-btn a.view{color:#fff;background:#8e45d2}
.vod-cont .program02 .control-btn a.download{color:#8e45d2;background:#fff}
.vod-cont .detaile-wrap{padding:11px 16px;max-width:1024px;box-sizing:border-box;}
.vod-cont .detaile-wrap dl{position:relative; padding:4px 0 4px 4.7rem;}
.vod-cont .detaile-wrap dt,
.vod-cont .detaile-wrap dd{font-size:12px;font-size:1.2rem;line-height:1.2;min-height:1.44rem; }
.vod-cont .detaile-wrap dt{position:absolute;top:4px;left:0;}
.vod-cont .price-wrap .input-area{padding:11px;}
.vod-cont .price-wrap .input-area:after{display:block;content:"";clear:both}
.vod-cont .price-wrap .input-area .i-radio{float:left;padding-left:3px;width:50%;box-sizing:border-box}
.vod-cont .price-wrap .input-area .i-radio:first-child{padding-left:0;padding-right:3px;}
.vod-cont .price-wrap .list-area li{position:relative;padding:11px 160px 11px 11px;min-height:25px;background:#fff;border-bottom:1px solid #e4e4e4;width:100%;box-sizing:border-box;display:table}
.vod-cont .price-wrap .list-area li:first-child{border-top:1px solid #e4e4e4;}
.vod-cont .price-wrap .list-area li .type{font-size:12px;font-size:1.2rem;color:#393939;line-height:1.3;display:table-cell;vertical-align:middle}
.vod-cont .price-wrap .list-area li .type span{display:block}
.vod-cont .price-wrap .list-area li .price{position:absolute;top:50%;right:87px;margin-top:-12px;width:78px;height:25px;line-height:25px;font-size:12px;font-size:1.2rem;color:#393939;text-align:center}
.vod-cont .price-wrap .list-area li .btn{position:absolute;top:50%;right:11px;margin-top:-12px;width:78px;height:25px;line-height:25px;font-size:11px;font-size:1.1rem;font-weight:bold;color:#fff;background:#8e45d2;text-align:center}
.vod-cont .modal{display:none}
.vod-cont .modal .modal-cont{margin:0 auto;padding:31px 27px;max-width:1024px;box-sizing:border-box}
.vod-cont .modal .modal-cont .ttl{font-size:18px;font-size:1.8rem;color:#fff;font-weight:bold;line-height:38px}
.vod-cont .modal .modal-cont .txt{margin-top:10px;font-size:12px;font-size:1.2rem;color:#c0c0c0;font-weight:normal;line-height:18px}
.vod-cont .modal .modal-cont .txt li{position:relative;margin:3px 0;padding-left:68px;min-height:18px;}
.vod-cont .modal .modal-cont .txt li strong{position:absolute;top:0;left:0;width:36px;display:inline-block;text-align:right}
.vod-cont .modal .btn-close{position:absolute;top:12px;right:14px;padding:10px;width:25px;height:25px;}
.vod-cont .vod-list li .list-item a{position:relative;display:block;}
.vod-cont .vod-list li .list-item .tag2{position:absolute;bottom:47px;left:0px;width:auto;height:16px}
.vod-cont .vod-list li .list-item .tag2 img{height:100%}

/*------------------------------------*\
	영화
\*------------------------------------*/

/* 비주얼 */
.visual-area{position:relative;border-bottom:1px solid #000}
.visual-area .bx-controls{position:absolute;bottom:8px;width:100%;text-align:center}
.visual-area .bx-pager{height:8px;display:inline-block}
.visual-area .bx-pager-item{float:left;margin:0 5px;width:8px;height:8px;border-radius:4px;display:inline-block;overflow:hidden} 
.visual-area .bx-pager-item .bx-pager-link{width:6px;height:6px;text-indent:-999px;font-size:0;background:#fff;border:1px solid #9c9c9c;border-radius:4px;display:block}
.visual-area .bx-pager-item .bx-pager-link.active{width:8px;height:8px;background:#9346ec; border:none}
#movieVisual.bxslider{position:relative}
#movieVisual .bx-item img{float:left;width:100%}

/* top view */
.movie-visual{position:relative;display:block;overflow:hidden}
.movie-visual:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);content:"";display:block;z-index:2}
.movie-visual:after{display:block;content:"";clear:both}
.movie-visual .frame-img{float:left;width:100%;display:block}
.movie-visual .bg-img{position:absolute;top:0;left:0;width:100%;display:inline-block}
.movie-visual .visual-img{position:absolute;top:0;left:0;padding:13px 25px;height:100%;box-sizing:border-box;z-index:2}
.movie-visual .visual-img img{height:100%}
.movie-visual .btn-play{position:absolute;top:0;right:0;width:50%;height:100%;text-align:center}
.movie-visual .btn-play .vod-play{position:absolute;top:50%;left:50%;margin:-32px 0 0 -32px;z-index:2;}
.movie-cont{padding:10px 0;display:block}
.movie-cont .movie-list{position:relative;padding:15px 0;width:100%;box-sizing:border-box}
.movie-cont .movie-list .movie-ttl{padding:0 11px;font-size:14px;font-size:1.4rem;line-height:1.2;font-weight:bold;color:#333;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.movie-cont .movie-list .movie-wrap ul:after{display:block;content:"";clear:both}
.movie-cont .movie-list .movie-wrap li{position:relative;float:left;margin:5px;width:96px;height:183px;background:#fff;border:1px solid #ccc;box-sizing:border-box;overflow:hidden}
.movie-cont .movie-list .movie-wrap li:first-child{margin-left:11px}
.movie-cont .movie-list .movie-wrap li a{width:100%;display:block}
.movie-cont .movie-list .movie-wrap li .thumb{background:#000;text-align:center;width:100%;height:139px;overflow:hidden;display:block;text-align:center}
.movie-cont .movie-list .movie-wrap li .thumb:after{display:block;content:"";clear:both}
.movie-cont .movie-list .movie-wrap li .thumb img{float:left;width:100%;height:100%;display:inline-block;font-size:0}
.movie-cont .movie-list .movie-wrap li .info{padding:0 9px 3px 9px;width:100%;height:40px;display:table;overflow:hidden;border-top:1px solid #ccc;box-sizing:border-box}
.movie-cont .movie-list .movie-wrap li .info .ttl{font-size:14px;font-size:1.4rem;line-height:1.3;color:#333;font-weight:normal;width:100%;display:-webkit-box;vertical-align:middle;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.movie-cont .movie-list .movie-wrap li .tag{position:absolute;top:8px;left:0;height:16px}
.movie-cont .movie-list .movie-wrap li .tag img{height:100%}
.movie-cont .movie-list .movie-wrap li .tag + .tag{position:absolute;top:27px;left:0}
.movie-cont .movie-list .movie-wrap li .tag.playy {top:auto; bottom:61px;}
.movie-cont .movie-list .movie-wrap li .grade{position:absolute;top:3px;right:5px}
.movie-cont .movie-list .btn-more{position:absolute;top:15px;right:10px;padding-right:15px;font-size:11px;font-size:1.1rem;line-height:1.6;font-weight:bold;color:#333}
.movie-cont .movie-list .btn-more .more{position:absolute;top:50%;right:0;margin-top:-8px}
.movie-cont .movie-bannr{margin:0 11px;padding:8px 0;text-align:center}
.movie-cont .movie-bannr a{font-size:14px;font-size:1.4rem;font-weight:bold;width:100%;display:block;background:#9b9b9b}
.movie-cont .movie-list02{position:relative;padding:0 11px;width:100%;box-sizing:border-box;text-align:center;font-size:0}
.movie-cont .movie-list02 li{position:relative;margin:5px 3px;width:109px;height:198px;background:#fff;border:1px solid #ccc;overflow:hidden;box-sizing:border-box;display:inline-block}
.movie-cont .movie-list02 li a{float:left;width:100%;display:block}
.movie-cont .movie-list02 li .thumb{background:#000;text-align:center;width:100%;height:157px;overflow:hidden;display:block}
.movie-cont .movie-list02 li .thumb:after{display:block;content:"";clear:both}
.movie-cont .movie-list02 li .thumb img{width:auto;height:100%;display:inline-block}
.movie-cont .movie-list02 li .info{padding:0 9px 3px 9px;width:100%;height:40px;font-size:12px;font-size:1.2rem;line-height:1.2;border-top:1px solid #ccc;box-sizing:border-box;display:table-cell;overflow:hidden;vertical-align:middle;}
.movie-cont .movie-list02 li .tag{position:absolute;top:8px; left:0; height:16px;}
.movie-cont .movie-list02 li .tag img{height:100%;}
.movie-cont .movie-list02 li .tag + .tag{top:27px; left:0;}
.movie-cont .movie-list02 li .tag.playy {top:auto; bottom:41px;}
/*.movie-cont .movie-list02 li .info .ttl{font-weight:normal;width:100%;text-align:left;white-space:normal;text-overflow:ellipsis;overflow:hidden;display:table-cell;vertical-align:middle}*/
.movie-cont .movie-list02 li .info .ttl{font-weight:normal;width:100%;text-align:left;white-space:normal;text-overflow:ellipsis;overflow:hidden;display:table-cell;vertical-align:middle;line-height:1.2;text-align:left;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.movie-cont .movie-list02 li .grade{position:absolute;top:3px;right:5px}
.movie-cont .movie-theme{padding:0 11px}
.movie-cont .movie-theme li{margin-top:6px;border:1px solid #d0d0d0;background:#fff;overflow:hidden}
.movie-cont .movie-theme li:first-child{margin-top:0}
.movie-cont .movie-theme li a{position:relative;padding:8px 8px 8px 107px;height:131px;display:block}
.movie-cont .movie-theme li a .thumb{position:absolute;top:8px;left:8px;width:91px;height:131px;border:1px solid #d0d0d0;box-sizing:border-box;display:block}
.movie-cont .movie-theme li a .thumb img{width:100%;height:100%}
.movie-cont .movie-theme li a .info{height:131px;overflow:hidden;display:block}
.movie-cont .movie-theme li a .info .ttl{padding:7px 0;font-size:14px;font-size:1.4rem;color:#333;line-height:1.4;display:block}
.movie-cont .movie-theme li a .info .txt{padding:0px 0 0 0;font-size:12px;font-size:1.2rem;color:#7a7a7a;line-height:1.6;display:block}
.movie-cont .movie-theme .no-data{padding:10px 0;width:100%;height:200px;display:table;text-align:center}
.movie-cont .movie-theme .no-data .txt{font-size:14px;font-size:1.4rem;color:#5b5b5b;text-align:center;display:table-cell;vertical-align:middle}
.movie-cont .movie-view{padding:0 20px}
.movie-cont .movie-view .tag-area{position:relative;padding:12px 0;height:18px;display:block}
.movie-cont .movie-view .tag-area:before{dislay:block;content:"";clear:both}
.movie-cont .movie-view .tag-area .label{float:left;margin:1px 4px 1px 0;width:auto;height:18px;}
.movie-cont .movie-view .tag-area .label:after{display:block;content:"";clear:both}
.movie-cont .movie-view .tag-area .label img{float:left;height:100%}
.movie-cont .movie-view .tag-area .grade{position:absolute;top:50%;right:0;margin-top:-12px}
.movie-cont .movie-view .movie-ttl{padding:15px 0;font-size:19px;font-size:1.9rem;line-height:1.2;display:block;font-weight:bold}
.movie-cont .movie-view .event-box{margin:13px 0;padding:12px 0;border-top:1px solid #9d9d9d;border-bottom:1px solid #9d9d9d;display:block}
.movie-cont .movie-view .event-box .ttl{position:relative; padding:5px 0;display:block}
.movie-cont .movie-view .event-box .ttl a {font-size:12px;font-size:1.2rem;line-height:1.4;color:#393939;font-weight:bold;display:block}
.movie-cont .movie-view .event-box .ttl .event-btn{position:absolute;top:50%;right:2px;margin-top:-5px}
.movie-cont .movie-view .event-box .cont{padding:5px 0;font-size:12px;font-size:1.2rem;line-height:1.4;color:#9d9d9d;display:none}
.movie-cont .movie-view .rate-area{padding:13px 0}
.movie-cont .movie-view .rate-area:after{display:block;content:"";clear:both}
.movie-cont .movie-view .rate-area .rate-img{float:left}
.movie-cont .movie-view .rate-area .rate-score{margin-left:10px;font-size:11px;font-size:1.1rem;color:#777;font-weight:bold;line-height:1.0;vertical-align:middle}
.movie-cont .movie-view .movie-info dl{position:relative;margin:4px 0;padding-left:60px;display:block;box-sizing:border-box}
.movie-cont .movie-view .movie-info dt{position:absolute;top:0;left:0;padding:3px 0;font-size:12px;font-size:1.2rem;line-height:1.0;color:#777;font-weight:normal}
.movie-cont .movie-view .movie-info dd{font-size:12px;font-size:1.2rem;line-height:1.4;color:#393939}
.movie-cont .modal{position:fixed;}
.movie-cont .modal .drm-layer{position:absolute;top:50%;left:50%;margin:-165px 0 0 -150px;padding:25px;width:300px;height:330px;box-sizing:border-box;background:#fff;border-radius:3px}
.movie-cont .modal .drm-layer .ttl{font-size:14px;font-size:1.4rem;line-height:1.4;color:#000;display:block}
.movie-cont .modal .drm-layer .txt{margin-top:14px}
.movie-cont .modal .drm-layer .txt ul{}
.movie-cont .modal .drm-layer .txt li{position:relative;padding-left:8px;font-size:14px;font-size:1.4rem;line-height:1.4;color:#666}
.movie-cont .modal .drm-layer .txt li:before{position:absolute;top:7px;left:0;width:4px;height:1px;background:#666;content:""}
.movie-cont .modal .btn-close{position:absolute;bottom:25px;right:25px;font-size:14px;font-size:1.4rem;color:#005165}
.movie-cont .price-wrap{padding:0 11px}
.movie-cont .price-wrap .price-list li{position:relative;padding:10px 110px 10px 15px;min-height:25px;background:#fff;border-bottom:1px solid #e4e4e4;width:100%;box-sizing:border-box}
.movie-cont .price-wrap .price-list li:first-child{border-top:1px solid #e4e4e4}
.movie-cont .price-wrap .price-list li .type{padding-right:10px;font-size:14px;font-size:1.4rem;color:#333;line-height:1.3;font-weight:bold}
.movie-cont .price-wrap .price-list li .price{position:relative;padding-left:10px;font-size:12px;font-size:1.2rem;color:#333;display:inline-block}
.movie-cont .price-wrap .price-list li .price:before{position:absolute;top:50%;left:0;margin-top:-5px;width:1px;height:10px;background:#bababa;content:""}
.movie-cont .price-wrap .price-list li .btn{position:absolute;top:50%;right:10px;margin-top:-12px;width:78px;height:25px;line-height:25px;font-size:11px;font-size:1.1rem;font-weight:bold;color:#fff;background:#8e45d2;text-align:center}
.movie-cont .price-wrap .price-info{padding:20px 5px 0 5px}
.movie-cont .price-wrap .price-info strong{padding:5px 0;font-size:11px;font-size:1.1rem;color:#555;line-height:1.5;font-weight:bold;display:block}
.movie-cont .price-wrap .price-info dt{position:relative;padding:3px 0 3px 10px;font-size:10px;font-size:1.0rem;color:#555;line-height:1.5}
.movie-cont .price-wrap .price-info dt:before{position:absolute;top:8px;left:2px;width:3px;height:3px;background:#555;content:""}
.movie-cont .price-wrap .price-info dd{margin-bottom:5px;padding-left:15px}
.movie-cont .price-wrap .price-info dd li{position:relative;padding-left:6px;font-size:10px;font-size:1.0rem;color:#555;line-height:1.5}
.movie-cont .price-wrap .price-info dd li:before{position:absolute;top:6px;left:0;width:4px;height:1px;background:#555;content:""}
.movie-cont .no-list{top:98px;left:0;width:100%;height:100%;display:table}
.movie-cont .no-list .txt{font-size:14px;font-size:1.4rem;color:#5b5b5b;text-align:center;display:table-cell;vertical-align:middle}
/*------------------------------------*\
	고객센터
\*------------------------------------*/
.customer-cont{padding-bottom:10px;display:block}
.select-area + .customer-cont{padding-top:10px}
.customer-cont .board-list{padding:0 11px}
.customer-cont .board-list ul{}
.customer-cont .board-list li{position:relative;background:#fff;border:1px solid #b2b2b2;border-top:none}
.customer-cont .board-list li:first-child{border-top:1px solid #b2b2b2}
.customer-cont .board-list li:before{position:absolute;top:50%;right:12px;margin-top:-8px;width:10px;height:15px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-90px -35px;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;display:block;content:""}
.customer-cont .board-list li a{padding:11px 30px 11px 11px;display:block}
.customer-cont .board-list li a .ttl{font-size:14px;font-size:1.4rem;color:#000;line-height:1.4;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.customer-cont .board-list li a .ttl .sp-img{margin-right:8px;vertical-align:middle;display:inline-block}
.customer-cont .board-list li a .date{margin-top:6px;font-size:10px;font-size:1.0rem;color:#7a7a7a;line-height:1.0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.customer-cont .board-list li.top a .ttl{color:#8e45d2}
.customer-cont .board-list02{padding:0 11px}
.customer-cont .board-list02 > ul{}
.customer-cont .board-list02 > ul > li{background:#fff;border:1px solid #b2b2b2;border-top:none}
.customer-cont .board-list02 > ul > li:first-child{border-top:1px solid #b2b2b2}
.customer-cont .board-list02 > ul > li a{position:relative;padding:11px 30px 11px 11px;display:block}
.customer-cont .board-list02 > ul > li a:before{position:absolute;top:50%;right:12px;margin-top:-8px;width:10px;height:15px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-90px -35px;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;display:block;content:""}
.customer-cont .board-list02 > ul > li a .ttl{font-size:14px;font-size:1.4rem;color:#000;line-height:1.4;font-weight:normal;display:block}
.customer-cont .board-list02 > ul > li .cont-box{padding:25px 22px;background:#fff;border-top:1px solid #c1c1c1;font-size:12px;font-size:1.2rem;color:#333;line-height:1.4;display:none}
.customer-cont .board-view{padding:0 11px 11px 11px}
.customer-cont .board-view .ttl-area{position:relative;padding:15px 15px 15px 50px}
.customer-cont .board-view .ttl-area .ttl{ont-size:14px;font-size:1.4rem;color:#8e45d2;line-height:1.4;font-weight:normal;display:block}
.customer-cont .board-view .ttl-area .ttl .sp-img{position:absolute;top:14px;left:0}
.customer-cont .board-view .ttl-area .date{margin-top:6px;font-size:10px;font-size:1.0rem;color:#7a7a7a;line-height:1.0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.customer-cont .board-view .ttl-area02{padding:15px 5px}
.customer-cont .board-view .ttl-area02 .ttl{font-size:14px;font-size:1.4rem;color:#8e45d2;line-height:1.4;font-weight:normal;display:block}
.customer-cont .board-view .ttl-area02 .date{margin-top:6px;font-size:10px;font-size:1.0rem;color:#7a7a7a;line-height:1.0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.customer-cont .board-view .cont-box{padding:25px 22px;background:#fff;border:1px solid #c1c1c1;font-size:12px;font-size:1.2rem;color:#333;line-height:1.4}
.customer-cont .board-view .cont-box img{max-width:100%;}
.customer-cont .control-area{}
.customer-cont .control-area .btn-area{padding:15px 0}
.customer-cont .control-area .btn-area .btn{margin:0 auto;width:165px;height:38px;line-height:38px;font-size:12px;font-size:1.2rem;color:#fff;font-weight:bold;text-align:center;background:#8e45d2;display:block}
.customer-cont .control-area .paging-area{padding:10px 0}
.customer-cont .control-area .paging-area li{position:relative;padding:10px 10px 10px 90px;border-bottom:1px solid #c1c1c1}
.customer-cont .control-area .paging-area li:first-child{border-bottom:1px solid #c1c1c1;border-top:1px solid #c1c1c1}
.customer-cont .control-area .paging-area li strong{position:absolute;top:10px;left:10px;padding-right:20px;font-size:12px;font-size:1.2rem;color:#7b7b7b;line-height:1.6;font-weight:normal}
.customer-cont .control-area .paging-area li.prev strong:before{position:absolute;top:50%;right:0;margin-top:-5px;width:15px;height:10px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-115px -35px;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;display:block;content:""}
.customer-cont .control-area .paging-area li.next strong:before{position:absolute;top:50%;right:0;margin-top:-5px;width:15px;height:10px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-115px -50px;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;display:block;content:""}
.customer-cont .control-area .paging-area li a{font-size:12px;font-size:1.2rem;color:#333;line-height:1.6;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.customer-cont .terms-box{margin:0 11px 10px 11px;padding:30px 22px;border:1px solid #b2b2b2;background:#fff;display:block;font-size:12px;font-size:1.2rem;color:#333}
.customer-cont .terms-box > div{padding:5px 0 10px 0}
.customer-cont .terms-box > div > ol > li,
.customer-cont .terms-box > div > ul > li {padding:2px 0}
.customer-cont .terms-box > div li ol,
.customer-cont .terms-box > div li ul{padding-left:5px}
.customer-cont .terms-box table{width:100%;border-left:1px solid #666; border-top:1px solid #666;box-sizing:border-box}
.customer-cont .terms-box table th,
.customer-cont .terms-box table td{padding:2px 3px;font-size:12px;font-size:1.2rem;color:#333;border-right:1px solid #666;border-bottom:1px solid #666}
.customer-cont .terms-box table th{text-align:center}

/*------------------------------------*\
	검색
\*------------------------------------*/
.srch-list{padding-top:10px}
.srch-list li{padding:10px 0;display:block}
.srch-list li a{padding:10px 60px 10px 40px;line-height:20px;font-size:16px;font-size:1.6rem;box-sizing:border-box;width:100%;color:#4a4a4a;display:block;}
.srch-list02{padding-top:10px}
.srch-list02 ul{padding:0 10px}
.srch-list02 li{position:relative;padding:10px 0 10px 20px;display:block}
.srch-list02 li:before{position:absolute;top:50%;left:0;margin-top:-10px;width:20px;height:20px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-160px 0;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;display:block;content:""}
.srch-list02 li a{padding:10px;line-height:20px;font-size:16px;font-size:1.6rem;color:#4a4a4a;display:block}
.srch-list02 li a .word{color:#8e45d2}

/*------------------------------------*\
	MY
\*------------------------------------*/
.mypooq-cont{padding-bottom:10px;display:block;min-height:100px}
.mypooq-cont .list-wrap{padding:0 11px 11px 11px}
/* 편집 버튼 */
.mypooq-cont .edite-box{margin-top:-10px;margin-bottom:11px;padding:0 11px;border-bottom:1px solid #b2b2b2}
.mypooq-cont .edite-box:after{display:block;content:"";clear:both}
.mypooq-cont .edite-box .select-area{float:left;width:35%;background:none}
.mypooq-cont .edite-box .select-area .i-select{padding:0}
.mypooq-cont .edite-box .btn-area{float:right;padding:8px 0;max-width:60%;text-align:right;}
.mypooq-cont .edite-box .btn-area:after{display:block;cotnet:"";clear:both}
.mypooq-cont .edite-box .btn-area .btn{float:left;margin-left:5px;width:78px;height:24px;line-height:22px;border:1px solid #8e45d2;border-radius:3px;text-align:center;font-size:11px;font-size:1.1rem;font-weight:bold;color:#fff;background:#8e45d2}
.mypooq-cont .edite-box .btn-area .btn.white{background:#fff;color:#8e45d2}
.mypooq-cont .edite-box .btn-area .btn-cancel,
.mypooq-cont .edite-box .btn-area .btn-del{display:none}
.mypooq-cont .edite-box .btn-area .btn-edite,
.mypooq-cont .edite-box .btn-area .btn-del-all{display:inline-block}
.mypooq-cont .edite-box .btn-area.edite .btn-cancel,
.mypooq-cont .edite-box .btn-area.edite .btn-del{display:inline-block}
.mypooq-cont .edite-box .btn-area.edite .btn-edite,
.mypooq-cont .edite-box .btn-area.edite .btn-del-all{display:none}
/* 이용내역 | 시청 내역 */
.mypooq-cont .list-wrap .play-list{}
.mypooq-cont .list-wrap .play-list li{position:relative;padding:15px;background:#fff;border:1px solid #ccc;border-top:none}
.mypooq-cont .list-wrap .play-list li:first-child{border-top:1px solid #ccc}
.mypooq-cont .list-wrap .play-list li a{position:relative;display:block}
.mypooq-cont .list-wrap .play-list li a:before{position:absolute;top:50%;right:0;margin-top:-15px;width:30px;height:30px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-235px 0;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;display:block;content:""}
.mypooq-cont .list-wrap .play-list li a .ttl{font-size:12px;font-size:1.2rem;color:#333;font-weight:bold;display:block}
.mypooq-cont .list-wrap .play-list li a .date{padding-top:10px;font-size:10px;font-size:1.0rem;color:#7a7a7a;display:block}
.mypooq-cont .list-wrap .play-list li a .progress{margin-top:5px;width:50%;height:6px;background:#e3e3e3;display:block}
.mypooq-cont .list-wrap .play-list li a .progress .bar{height:100%;background:#8148c1;display:block}
.mypooq-cont .list-wrap .play-list li .i-chk{position:absolute;top:50%;right:15px;margin-top:-15px;padding:5px;display:none}
.mypooq-cont .list-wrap .play-list li .i-chk label{display:none}
.mypooq-cont .list-wrap .play-list li.lock{}
.mypooq-cont .list-wrap .play-list li.lock a:before{position:absolute;top:50%;right:0;margin-top:-15px;width:30px;height:30px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-205px 0;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;display:block;content:""}
.mypooq-cont .list-wrap .play-list li.lock a .ttl,
.mypooq-cont .list-wrap .play-list li.lock a .date{color:#ccc}
.mypooq-cont .list-wrap .play-list li.lock a .progress .bar{background:#ccc}
.mypooq-cont .list-wrap .txt-list{padding:15px 0}
.mypooq-cont .list-wrap .txt-list li{position:relative;padding-left:13px;font-size:11px;font-size:1.1rem;color:#555}
.mypooq-cont .list-wrap .txt-list li:before{position:absolute;top:50%;left:2px;margin-top:-2px;width:3px;height:3px;background:#555;content:""}
/* 이용내역 | 다운로드 내역 */
.mypooq-cont .list-wrap .download-list{}
.mypooq-cont .list-wrap .download-list li{position:relative;padding:15px;background:#fff;border:1px solid #ccc;border-top:none}
.mypooq-cont .list-wrap .download-list li:first-child{border-top:1px solid #ccc}
.mypooq-cont .list-wrap .download-list li dl{}
.mypooq-cont .list-wrap .download-list li dt{padding-bottom:10px;font-size:12px;font-size:1.2rem;color:#333;font-weight:bold;display:block}
.mypooq-cont .list-wrap .download-list li dd{position:relative;padding-left:13px;font-size:11px;font-size:1.1rem;color:#747474;display:block}
.mypooq-cont .list-wrap .download-list li dd:before{position:absolute;top:50%;left:2px;margin-top:-2px;width:3px;height:3px;background:#555;content:""}
.mypooq-cont .list-wrap .download-list li .btn-down{position:absolute;top:50%;right:0;margin-top:-30px;padding:15px}
/* 편집 버튼 클릭시 */
.mypooq-cont .list-wrap.edite{}
.mypooq-cont .list-wrap.edite .play-list li a:before{display:none}
.mypooq-cont .list-wrap.edite .play-list li a .progress{display:none}
.mypooq-cont .list-wrap.edite .play-list li .i-chk{display:block}
.mypooq-cont .list-wrap.edite .reserve-list li a:before{display:none}
.mypooq-cont .list-wrap.edite .reserve-list li a .progress{display:none}
.mypooq-cont .list-wrap.edite .reserve-list li .i-chk{display:block}
.mypooq-cont .list-wrap.edite .txt-list{display:none}
/* 예약알림 */
.mypooq-cont .list-wrap .reserve-list{}
.mypooq-cont .list-wrap .reserve-list li{position:relative;padding:15px;background:#fff;border:1px solid #ccc;border-top:none}
.mypooq-cont .list-wrap .reserve-list li:first-child{border-top:1px solid #ccc}
.mypooq-cont .list-wrap .reserve-list li a{position:relative;display:block}
.mypooq-cont .list-wrap .reserve-list li a .ttl{font-size:12px;font-size:1.2rem;color:#333;font-weight:bold;display:block}
.mypooq-cont .list-wrap .reserve-list li a .ttl .ch{position:relative;margin-left:10px;padding-left:10px;font-size:12px;font-size:1.2rem;color:#333;font-weight:bold}
.mypooq-cont .list-wrap .reserve-list li a .ttl .ch:before{position:absolute;top:50%;left:0;margin-top:-6px;width:1px;height:12px;background:#333;display:block;content:""}
.mypooq-cont .list-wrap .reserve-list li a .date{padding-top:10px;font-size:10px;font-size:1.0rem;color:#7a7a7a;display:block}
.mypooq-cont .list-wrap .reserve-list li a .date.reserved-date{padding-top:0}
.mypooq-cont .list-wrap .reserve-list li .i-chk{position:absolute;top:50%;right:15px;margin-top:-15px;padding:5px;display:none}
.mypooq-cont .list-wrap .reserve-list li .i-chk label{display:none}
/* 구매내역 | 이용권 */
.mypooq-cont .list-wrap .buy-list{}
.mypooq-cont .list-wrap .buy-list > li{position:relative;padding:15px 0;background:#fff;border:1px solid #ccc;border-top:none}
.mypooq-cont .list-wrap .buy-list > li:first-child{border-top:1px solid #ccc}
.mypooq-cont .list-wrap .buy-list > li .ttl{margin:0 15px;font-size:12px;font-size:1.2rem;color:#333;font-weight:bold;display:table}
.mypooq-cont .list-wrap .buy-list > li .ttl.using{position:relative;padding-left:50px}
.mypooq-cont .list-wrap .buy-list > li .ttl.using:before{position:absolute;top:50%;left:0;margin-top:-9px;width:46px;height:18px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-110px -180px;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;display:block;content:""}
.mypooq-cont .list-wrap .buy-list > li .info{margin:8px 15px 0 15px;display:block}
.mypooq-cont .list-wrap .buy-list > li .info li{position:relative;padding-left:10px;font-size:11px;font-size:1.1rem;color:#7a7a7a;line-height:1.7;display:block}
.mypooq-cont .list-wrap .buy-list > li .info li:before{position:absolute;top:8px;left:0;width:3px;height:3px;background:#555;content:""}
.mypooq-cont .list-wrap .buy-list > li .btn_cancel{border-top:1px solid #ccc;margin-top:10px;padding-top:15px;width:100%;text-align:center;font-size:12px;font-size:1.2rem;color:#333;font-weight:bold}
/* 구매내역 | 단건 */
.mypooq-cont .list-wrap .buy-list02{}
.mypooq-cont .list-wrap .buy-list02 > li{position:relative;padding:15px;background:#fff;border:1px solid #ccc;border-top:none}
.mypooq-cont .list-wrap .buy-list02 > li:first-child{border-top:1px solid #ccc}
.mypooq-cont .list-wrap .buy-list02 > li a{position:relative;display:block}
.mypooq-cont .list-wrap .buy-list02 > li a:before{position:absolute;top:50%;right:0;margin-top:-15px;width:30px;height:30px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-235px 0;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;display:block;content:""}
.mypooq-cont .list-wrap .buy-list02 > li .ttl{font-size:12px;font-size:1.2rem;color:#333;font-weight:bold;display:table}
.mypooq-cont .list-wrap .buy-list02 > li .ttl.end{position:relative;padding-left:42px}
.mypooq-cont .list-wrap .buy-list02 > li .ttl.end:before{position:absolute;top:50%;left:0;margin-top:-9px;width:37px;height:18px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-160px -180px;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;display:block;content:""}
.mypooq-cont .list-wrap .buy-list02 > li .ttl.standby{position:relative;padding-left:42px}
.mypooq-cont .list-wrap .buy-list02 > li .ttl.standby:before{position:absolute;top:50%;left:0;margin-top:-9px;width:37px;height:18px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-260px -180px;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;display:block;content:""}
.mypooq-cont .list-wrap .buy-list02 > li .info{display:block;margin-top:8px}
.mypooq-cont .list-wrap .buy-list02 > li .info li{position:relative;padding-left:10px;font-size:11px;font-size:1.1rem;color:#7a7a7a;line-height:1.7;display:block}
.mypooq-cont .list-wrap .buy-list02 > li .info li:before{position:absolute;top:8px;left:0;width:3px;height:3px;background:#555;content:""}
.mypooq-cont .list-wrap .buy-list02 > li.lock{}
.mypooq-cont .list-wrap .buy-list02 > li.lock a:before{position:absolute;top:50%;right:0;margin-top:-15px;width:30px;height:30px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-205px 0;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;display:block;content:""}
.mypooq-cont .list-wrap .buy-list02 > li.lock a .ttl,
.mypooq-cont .list-wrap .buy-list02 > li.lock a .info li{color:#ccc}
.mypooq-cont .list-wrap .buy-list02 > li.lock a .info li:before{background:#ccc}
/* 코인내역 */
.mypooq-cont .list-wrap .coin-list{}
.mypooq-cont .list-wrap .coin-list dl{margin-top:11px}
.mypooq-cont .list-wrap .coin-list dl:first-child{margin-top:0}
.mypooq-cont .list-wrap .coin-list dt{padding:12px 19px;background:#fff;border:1px solid #b2b2b2;font-size:14px;font-size:1.4rem;color:#333;line-height:1.4;font-weight:bold}
.mypooq-cont .list-wrap .coin-list dd{padding:14px 15px;background:#fff;border:1px solid #b2b2b2;border-top:none}
.mypooq-cont .list-wrap .coin-list dd.tbl-area{padding:0}
.mypooq-cont .list-wrap .coin-list dd table{width:100%}
.mypooq-cont .list-wrap .coin-list dd table caption{font-size:0;text-indent:-999px}
.mypooq-cont .list-wrap .coin-list dd th{padding:14px 0;font-size:1.3px;font-size:1.3rem;color:#7a7a7a;border-left:1px solid #b2b2b2}
.mypooq-cont .list-wrap .coin-list dd td{padding:14px 0;font-size:1.2px;font-size:1.2rem;color:#7a7a7a;text-align:center;border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2}
.mypooq-cont .list-wrap .coin-list dd th:first-child,
.mypooq-cont .list-wrap .coin-list dd td:first-child{border-left:none}
.mypooq-cont .list-wrap .coin-list dd .ttl{font-size:12px;font-size:1.2rem;color:#333}
.mypooq-cont .list-wrap .coin-list dd .ttl.use{position:relative;padding-left:60px}
.mypooq-cont .list-wrap .coin-list dd .ttl.use:before{position:absolute;top:50%;left:0;margin-top:-9px;width:55px;height:18px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-200px -180px;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;display:block;content:""}
.mypooq-cont .list-wrap .coin-list dd .ttl.end{position:relative;padding-left:42px}
.mypooq-cont .list-wrap .coin-list dd .ttl.end:before{position:absolute;top:50%;left:0;margin-top:-9px;width:37px;height:18px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-160px -180px;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;display:block;content:""}
.mypooq-cont .list-wrap .coin-list dd .ttl.standby{position:relative;padding-left:42px}
.mypooq-cont .list-wrap .coin-list dd .ttl.standby:before{position:absolute;top:50%;left:0;margin-top:-9px;width:37px;height:18px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-260px -180px;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;display:block;content:""}
.mypooq-cont .list-wrap .coin-list dd .ttl span{color:#333}
.mypooq-cont .list-wrap .coin-list dd .ttl.use span{color:#7e24d1}
.mypooq-cont .list-wrap .coin-list dd .info{margin-top:5px;display:block}
.mypooq-cont .list-wrap .coin-list dd .info li{position:relative;padding-left:10px;font-size:12px;font-size:1.2rem;color:#7a7a7a}
.mypooq-cont .list-wrap .coin-list dd .info li:before{position:absolute;top:7px;left:0;width:3px;height:3px;background:#555;content:""}
.mypooq-cont .no-list{position:fixed;top:188px;left:0;width:100%;height:100%;display:table}
.mypooq-cont .no-list.st02{position:inherit;top:180px;left:0;width:100%;height:100%;display:table}
.mypooq-cont .no-list .txt{padding-bottom:90px;font-size:14px;font-size:1.4rem;color:#5b5b5b;text-align:center;display:table-cell;vertical-align:middle}

/*------------------------------------*\
	이용권구매
\*------------------------------------*/
.voucher-cont{}
.voucher-cont .sec-box{padding:20px 11px;border-top:1px solid #a8a8a8}
.voucher-cont .sec-box:first-child,
.voucher-cont .complete-area + .sec-box{border-top:none}
.voucher-cont .sec-box .sec-ttl{padding:20px 0}
.voucher-cont .sec-box .sec-ttl h2{position:relative;padding-left:10px;font-size:12px;font-size:1.2rem;line-height:1.0;color:#333;font-weight:bold}
.voucher-cont .sec-box .sec-ttl h2:before{position:absolute;top:0;left:0;width:2px;height:100%;background:#b7b7b7;content:"" }
.voucher-cont .sec-box .voucher-wrap{}
.voucher-cont .sec-box .voucher-wrap dl{border:1px solid #b2b2b2}
.voucher-cont .sec-box .voucher-wrap dt{position:relative;padding:10px 20px 10px 130px;background:#fff;font-size:13px;font-size:1.3rem;color:#333;font-weight:bold;border-bottom:1px solid #b2b2b2}
.voucher-cont .sec-box .voucher-wrap dt .v-label{position:absolute;top:50%;left:11px;margin-top:-20px;padding:10px}
.voucher-cont .sec-box .voucher-wrap dt em{font-size:11px;font-size:1.1rem;color:#333;font-weight:normal}
.voucher-cont .sec-box .voucher-wrap dd{padding:0 11px;background:#fafaf9;font-size:13px;font-size:1.3rem;color:#333;font-weight:normal}
.voucher-cont .sec-box .voucher-wrap dd ul{}
.voucher-cont .sec-box .voucher-wrap dd li{position:relative;padding:10px 10px 10px 120px;border-top:1px solid #b2b2b2;text-align:left}
.voucher-cont .sec-box .voucher-wrap dd li em{display:block}
.voucher-cont .sec-box .voucher-wrap dd li:first-child{border-top:none}
.voucher-cont .sec-box .voucher-wrap dd .v-label{position:absolute;top:50%;left:0;margin-top:-20px;padding:10px;font-size:13px;font-size:1.3rem;color:#333;text-align:left}
.voucher-cont .sec-box .voucher-wrap dd ul.txt-right li{text-align:right;}
.voucher-cont .sec-box .i-txt{position:relative;margin:10px 0;font-size:12px;font-size:1.2rem;color:#7a7a7a;line-height:40px}
.voucher-cont .sec-box .i-txt label{position:absolute;top:50%;left:16px;margin-top:-20px}
.voucher-cont .sec-box .i-txt input{padding:0 16px;width:100%;height:40px;border:1px solid #b2b2b2;box-sizing:border-box;border-radius:3px;font-size:12px;font-size:1.2rem;color:#7a7a7a}
.voucher-cont .sec-box .sel-coin{background:#fff;border:1px solid #b2b2b2}
.voucher-cont .sec-box .sel-coin dt{padding:10px 18px;border-bottom:1px solid #b2b2b2;font-size:13px;font-size:1.3rem;font-weight:bold;color:#333}
.voucher-cont .sec-box .sel-coin dd{padding:0 10px;background:#fafaf9}
.voucher-cont .sec-box .sel-coin dd .i-radio{position:relative;padding:10px 8px 10px 35px;border-top:1px solid #cececd;display:block}
.voucher-cont .sec-box .sel-coin dd .i-radio:first-child{border-top:none}
.voucher-cont .sec-box .sel-coin dd .i-radio a{position:absolute;top:50%;left:8px;margin-top:-10px;}
.voucher-cont .sec-box .sel-coin dd .i-radio label{line-height:1.4;font-size:12px;font-size:1.2rem;font-weight:normal;color:#333}
.voucher-cont .sec-box .sel-pay{background:#fff;border:1px solid #b2b2b2}
.voucher-cont .sec-box .sel-pay dt{position:relative;padding:10px 18px 10px 48px;border-bottom:1px solid #b2b2b2;font-size:13px;font-size:1.3rem;font-weight:bold;color:#333}
.voucher-cont .sec-box .sel-pay dt .pay{position:absolute;top:50%;left:18px;margin-top:-10px;}
.voucher-cont .sec-box .sel-pay dd{padding:0 10px;background:#fafaf9}
.voucher-cont .sec-box .sel-pay dd:after{display:block;content:"";clear:both}
.voucher-cont .sec-box .sel-pay dd .i-radio{float:left;padding:10px 0;width:50%;box-sizing:border-box;text-align:center}
.voucher-cont .sec-box .sel-pay dd .i-radio a{display:inline-block;vertical-align:middle}
.voucher-cont .sec-box .sel-pay dd .i-radio label{line-height:1.4;font-size:12px;font-size:1.2rem;font-weight:normal;color:#333;vertical-align:middle;}
.voucher-cont .sec-box .sel-pay dd.half03 .i-radio{width:25%}
.voucher-cont .sec-box .sel-pay dd.half03 .i-radio:last-child{width:50%}
.voucher-cont .sec-box .total-box{border:1px solid #b2b2b2}
.voucher-cont .sec-box .sel-pay + .total-box{margin-top:12px}
.voucher-cont .sec-box .total-box dl{}
.voucher-cont .sec-box .total-box dt{padding:10px 18px;background:#fff;font-size:13px;font-size:1.3rem;color:#333;border-bottom:1px solid #b2b2b2}
.voucher-cont .sec-box .total-box dd{padding:10px 18px;background:#fff;font-size:11px;font-size:1.1rem;color:#7a7a7a;border-bottom:1px solid #b2b2b2}
.voucher-cont .sec-box .total-box dd span{display:block}
.voucher-cont .sec-box .total-box .total{position:relative;padding:10px 18px 10px 48px;background:#fafaf9;font-size:13px;font-size:1.3rem;color:#8e45d2;font-weight:bold}
.voucher-cont .sec-box .total-box .total:after{display:block;content:"";clear:both}
.voucher-cont .sec-box .total-box .total .won{position:absolute;top:50%;left:18px;margin-top:-10px;}
.voucher-cont .sec-box .total-box .total strong{position:relative;float:right;padding-left:15px;}
.voucher-cont .sec-box .total-box .total strong:before{position:absolute;top:50%;left:0;margin-top:-6px;width:1px;height:12px;background:#b2b2b2;content:""}
.voucher-cont .sec-box .total-box .opt-area{padding:0 10px;background:#fafaf9;border-bottom:1px solid #b2b2b2}
.voucher-cont .sec-box .total-box .opt-area > ul > li{position:relative;padding:6px 10px 6px 90px;min-height:30px;border-top:1px solid #cbcbcb}
.voucher-cont .sec-box .total-box .opt-area > ul > li:first-child{border-top:none}
.voucher-cont .sec-box .total-box .opt-area > ul > li:after{display:block;content:"";clear:both}
.voucher-cont .sec-box .total-box .opt-area li .opt-ttl{position:absolute;top:0;left:0;padding:6px 8px;line-height:30px;font-size:13px;font-size:1.3rem;color:#333;font-weight:normal}
.voucher-cont .sec-box .total-box .opt-area li .opt-price{float:right;line-height:30px;font-size:13px;font-size:1.3rem;color:#333;font-weight:normal}
.voucher-cont .sec-box .total-box .opt-area li .i-select{padding:0;height:30px;background:#fff}
.voucher-cont .sec-box .total-box .opt-area li .i-select:before{display:none}
.voucher-cont .sec-box .total-box .opt-area li .i-select dt{position:relative;padding:0;height:30px;background:none;border:1px solid #a6a6a6;box-sizing:border-box}
.voucher-cont .sec-box .total-box .opt-area li .i-select dt:before{position:absolute;top:50%;right:10px;margin-top:-5px;width:15px;height:10px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat #fff;background-size:500px auto;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;background-position:-170px -35px;content:""}
.voucher-cont .sec-box .total-box .opt-area li .i-select dt a{height:30px;line-height:30px}
.voucher-cont .sec-box .total-box .opt-area li .i-select dd{padding:0;border:1px solid #b6b6b6;box-sizing:border-box;top:0}
.voucher-cont .sec-box .total-box .opt-area li .i-select dd .opt-list{}
.voucher-cont .sec-box .total-box .opt-area li .i-select dd .opt-list li{padding:0 10px;height:30px;background:#fff;border:none}
.voucher-cont .sec-box .total-box .opt-area li .i-select dd .opt-list li a{height:30px;line-height:30px;font-size:12px;font-size:1.2rem;color:#7a7a7a;font-weight:normal;border-top:1px solid #b6b6b6}
.voucher-cont .sec-box .total-box .opt-area li .i-select dd .opt-list li:first-child a{border-top:none}
.voucher-cont .sec-box .total-box .opt-area li .i-select dd .opt-list li:hover{background:#8e45d2}
.voucher-cont .sec-box .total-box .opt-area li .i-select dd .opt-list li:hover a{color:#fff}
.voucher-cont .sec-box .total-box .opt-area li .coin-box{}
.voucher-cont .sec-box .total-box .opt-area li .coin-box .i-txt{position:relative;line-height:30px}
.voucher-cont .sec-box .total-box .opt-area li .coin-box .i-txt .label{position:absolute;top:50%;right:10px;margin-top:-13px;font-size:9px;font-size:0.9rem;color:#333;font-weight:normal;line-height:30px}
.voucher-cont .sec-box .total-box .opt-area li .coin-box .i-txt input{padding:5px 35px 5px 10px;height:30px;border-radius:0;box-sizing:border-box}
.voucher-cont .sec-box .total-box .opt-area li .coin-box .use-btn{margin-top:6px}
.voucher-cont .sec-box .total-box .opt-area li .coin-box .use-btn:after{display:block;content:"";clear:both}
.voucher-cont .sec-box .total-box .opt-area li .coin-box .use-btn span{font-size:13px;font-size:1.3rem;color:#7a7a7a;font-weight:normal;line-height:30px}
.voucher-cont .sec-box .total-box .opt-area li .coin-box .use-btn button{float:right;padding:0 10px;height:30px;background:#fff;border:1px solid #b2b2b2;border-radius:3px;font-size:10px;font-size:1.0rem;color:#666;font-weight:normal;vertical-align:middle;}
.voucher-cont .sec-box .agree-box{margin-top:12px;padding:10px 18px;background:#fff;border:1px solid #b2b2b2;display:block}
.voucher-cont .sec-box .agree-box .i-chk label{vertical-align:middle}
.voucher-cont .sec-box02{padding:11px}
.voucher-cont .sec-box02 .package{padding-top:12px;}
.voucher-cont .sec-box02 .package:first-child{padding-top:0;}
.voucher-cont .sec-box02 .package dt{position:relative;padding:10px 15px 10px 40px;border:1px solid #b2b2b2}
.voucher-cont .sec-box02 .package dt .ttl{font-size:14px;font-size:1.4rem;color:#fff;font-weight:bold;line-height:1.2;display:block}
.voucher-cont .sec-box02 .package dt .ttl em{font-size:11px;font-size:1.1rem;}
.voucher-cont .sec-box02 .package dt .icon-wrap{position:absolute;top:3px;left:15px}
.voucher-cont .sec-box02 .package dt .icon-wrap .sp-img{margin-left:3px;display:inline-block}
.voucher-cont .sec-box02 .package dt .icon-wrap .sp-img:first-child{margin-left:0;}
.voucher-cont .sec-box02 .package dt .sub-ttl{padding-left:30px;font-size:13px;font-size:1.3rem;color:#fff;font-weight:bold;display:block}
.voucher-cont .sec-box02 .package dd{position:relative;background:#fafaf9;border:1px solid #b2b2b2;border-top:none}
.voucher-cont .sec-box02 .package dd:before{position:absolute;top:50%;right:15px;margin-top:-8px;width:10px;height:15px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-130px -35px;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;display:block;content:""}
.voucher-cont .sec-box02 .package dd a{padding:15px 35px 15px 15px;width:100%;box-sizing:border-box;display:table}
.voucher-cont .sec-box02 .package dd a .product{width:40%;font-size:13px;font-size:1.3rem;color:#333;font-weight:normal}
.voucher-cont .sec-box02 .package dd a .product span{font-size:11px;font-size:1.1rem;color:#7a7a7a;font-weight:normal;display:block}
.voucher-cont .sec-box02 .package dd a .product strong{font-size:11px;font-size:1.1rem;font-weight:normal;display:block}
.voucher-cont .sec-box02 .package dd a .price-wrap{position:relative;width:60%;display:table-cell;vertical-align:middle;text-align:right}
.voucher-cont .sec-box02 .package dd a .price-wrap:before{position:absolute;top:50%;left:0;margin-top:-9px;width:1px;height:18px;background:#c8c8c8;content:""}
.voucher-cont .sec-box02 .package dd a .price-wrap .price{position:relative;margin-right:5px;padding-right:15px;font-size:11px;font-size:1.1rem;color:#7a7a7a;font-weight:normal;text-decoration:line-through}
.voucher-cont .sec-box02 .package dd a .price-wrap .price:before{position:absolute;top:50%;right:0;margin-top:-5px;width:10px;height:10px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;background-position:-130px -50px;content:""}
.voucher-cont .sec-box02 .package dd a .price-wrap .sale{font-size:16px;font-size:1.6rem;font-weight:bold}
.voucher-cont .sec-box02 .package dd a .price-wrap .sale em{font-size:12px;font-size:1.2rem;font-weight:bold}
.voucher-cont .sec-box02 .package.s-pack01 dt{background:#b81225}
.voucher-cont .sec-box02 .package.pack01 dt{background:#ffad2c}
.voucher-cont .sec-box02 .package.pack02 dt{background:#f86666}
.voucher-cont .sec-box02 .package.pack03 dt{padding-left:63px;background:#8e45d2}
.voucher-cont .sec-box02 .package.pack04 dt{padding-left:86px;background:#838ff5}
.voucher-cont .sec-box02 .package.s-pack02 dt{background:#a33022}
.voucher-cont .sec-box02 .package.m-pack01 dt{background:#aac50f}
.voucher-cont .sec-box02 .package.s-pack01 dd a .price-wrap .sale{color:#b81225}
.voucher-cont .sec-box02 .package.pack01 dd a .price-wrap .sale{color:#ffad2c}
.voucher-cont .sec-box02 .package.pack02 dd a .price-wrap .sale{color:#f86666}
.voucher-cont .sec-box02 .package.pack03 dd a .price-wrap .sale{color:#8e45d2}
.voucher-cont .sec-box02 .package.pack04 dd a .price-wrap .sale{color:#838ff5}
.voucher-cont .sec-box02 .package.s-pack02 dd a .price-wrap .sale{color:#a33022}
.voucher-cont .sec-box02 .package.m-pack01 dd a .price-wrap .sale{color:#aac50f}
.voucher-cont .sec-box02 .package.s-pack01 dd a .product strong{color:#b81225}
.voucher-cont .sec-box02 .package.pack01 dd a .product strong{color:#ffad2c}
.voucher-cont .sec-box02 .package.pack02 dd a .product strong{color:#f86666}
.voucher-cont .sec-box02 .package.pack03 dd a .product strong{color:#8e45d2}
.voucher-cont .sec-box02 .package.pack04 dd a .product strong{color:#838ff5}
.voucher-cont .sec-box02 .package.s-pack02 dd a .product strong{color:#a33022}
.voucher-cont .sec-box02 .package.m-pack01 dd a .product strong{color:#aac50f}
.voucher-cont .bannr-box{padding:0 11px}
.voucher-cont .bannr-box:first-child{padding-top:12px}
.voucher-cont .bannr-box a{display:block}
.voucher-cont .bannr-box a:after{display:block;content:"";clear:both}
.voucher-cont .bannr-box a > img{float:left;width:100%}
.voucher-cont .ttl-txt{padding:5px 0;font-size:13px;font-size:1.3rem;color:#333;font-weight:bold;display:block}
.voucher-cont .txt-list{margin-bottom:20px}
.voucher-cont .txt-list li{position:relative;padding:2px 0 2px 17px;font-size:11px;font-size:1.1rem;color:#555}
.voucher-cont .txt-list li:before{position:absolute;top:8px;left:5px;width:3px;height:3px;background:#555;content:""}
.voucher-cont .txt-list li span{display:block}
.voucher-cont .txt-list li strong{font-weight:bold}
.voucher-cont .btn-area{padding:25px 0;text-align:center;display:block}
.voucher-cont .btn-area .btn-ok{padding:10px 0;width:165px;background:#8e45d2;border:1px solid #8e45d2;border-radius:2px;font-size:13px;font-size:1.3rem;color:#fff;font-weight:bold;text-align:center}
.voucher-cont .btn-area .btn-cancel{padding:10px 0;width:165px;background:#e4e4e4;border:1px solid #8e45d2;border-radius:2px;font-size:13px;font-size:1.3rem;color:#8e45d2;font-weight:bold;text-align:center}
.voucher-cont .btn-area .half02:after{display:block;content:"";clear:both}
.voucher-cont .btn-area .half02 li{float:left;width:50%;padding-left:3px;box-sizing:border-box}
.voucher-cont .btn-area .half02 li:first-child{padding-left:0;padding-right:3px;}
.voucher-cont .btn-area .half02 li .btn-ok,
.voucher-cont .btn-area .half02 li .btn-cancel{width:100%;}
/* 쿠폰등록 */
.voucher-cont .sec-box .coupon-wrap{}
.voucher-cont .sec-box .i-txt{position:relative;margin:0;font-size:12px;font-size:1.2rem;color:#7a7a7a;line-height:40px}
.voucher-cont .sec-box .coupon-wrap .btn-area{padding:15px 0 25px 0}

/* 완료 페이지 */
.voucher-cont .complete-area{}
.voucher-cont .complete-area h2{padding:50px;font-size:29px;font-size:2.9rem;color:#8e45d2;font-weight:bold;background:#fff;text-align:center;display:block;line-height:1.2}
.voucher-cont .complete-area h2 span{font-size:19px;font-size:1.9rem;color:#333;font-weight:bold;display:block;line-height:1.2}

/*------------------------------------*\
	로그인
\*------------------------------------*/
.login-cont{padding:0 11px}
.login-cont .logo-area{padding:24px 0 18px 0;text-align:center}
.login-cont .logo-area a{display:block}
.login-cont .logo-area a .login-logo{margin:0 auto}
.login-cont .logo-area a .txt{font-size:11px;font-size:1.1rem;color:#7a7a7a;font-weight:normal}
.login-cont .field-area{}
.login-cont .field-area .i-txt{position:relative;margin:10px 0;font-size:12px;font-size:1.2rem;color:#7a7a7a;line-height:40px}
.login-cont .field-area .i-txt label{position:absolute;top:50%;left:16px;margin-top:-20px}
.login-cont .field-area .i-txt input{padding:0 16px;width:100%;height:40px;border:1px solid #b2b2b2;box-sizing:border-box;border-radius:3px;font-size:16px;font-size:1.6rem;color:#7a7a7a}
.login-cont .field-area .i-chk{display:block}
.login-cont .btn-area{margin:0 10px;padding:25px 0;text-align:center;border-bottom:1px solid #a8a8a8;text-align:center;display:block}
.login-cont .btn-area .btn{padding:10px 0;width:165px;background:#8e45d2;border:1px solid #8e45d2;border-radius:2px;font-size:13px;font-size:1.3rem;color:#fff;font-weight:bold;text-align:center}
.login-cont .link-area{padding:20px 0}
.login-cont .link-area ul{margin-top:10px}
.login-cont .link-area li{position:relative;border:1px solid #b2b2b2;border-top:none;background:#fff}
.login-cont .link-area li:first-child{border-top:1px solid #b2b2b2;}
.login-cont .link-area li:before{position:absolute;top:50%;right:15px;margin-top:-8px;width:10px;height:15px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-90px -35px;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;display:block;content:""}
.login-cont .link-area li a{padding:15px;display:block;font-size:12px; font-size:1.2rem;color:#333}
.login-cont .link-area ul:first-child {margin-top:0}
.login-cont .link-area ul:first-child li{background:#fafaf9}

.join{
	vertical-align: middle;
}
.tag-on-air-free-voucher{
	display: inline-block;
	height: 22px;
	vertical-align: middle;
}

/*------------------------------------*\
	회원가입
\*------------------------------------*/
.join-cont{}
.join-cont .sec-box{padding:20px 11px;border-top:1px solid #a8a8a8}
.join-cont .sec-box:first-child{border-top:none}
.join-cont .sec-box .ttl-txt{padding:10px 20px;background:#fff;border:1px solid #b2b2b2;font-size:14px;font-size:1.4rem;color:#333;font-weight:bold}
.join-cont .sec-box .ttl-txt .txt{padding-top:5px;font-size:11px;font-size:1.1rem;color:#7a7a7a;font-weight:normal;display:block}
.join-cont .sec-box .ttl-txt .txt em{font-size:11px;font-size:1.1rem;color:#8e45d2;font-weight:bold;vertical-align:middle}
.join-cont .sec-box .sub-txt{padding:10px 20px;background:#fff;border:1px solid #b2b2b2;font-size:11px;font-size:1.1rem;color:#8e45d2}
.join-cont .sec-box .sub-txt strong{font-weight:bold}
.join-cont .sec-box .sub-txt p{font-size:11px;font-size:1.1rem;color:#7a7a7a}
.join-cont .sec-box .sub-txt .txt{font-size:12px;font-size:1.2rem;color:#7a7a7a}
.join-cont .sec-box .sub-txt .txt-list02{padding-top:5px}
.join-cont .sec-box .sub-txt .txt-list02 li{position:relative;padding:5px 0 5px 13px;font-size:12px;font-size:1.2rem;color:#7a7a7a}
.join-cont .sec-box .sub-txt .txt-list02 li:before{position:absolute;top:13px;left:0;width:3px;height:3px;background:#7a7a7a;content:""}
.join-cont .sec-box .sub-txt .txt-list02 li span{display:block}
.join-cont .sec-box .sub-area{padding:15px 0;background:#fff;border:1px solid #b2b2b2}
.join-cont .sec-box .sub-area .chk-area{font-size:12px;font-size:1.2rem;color:#333;text-align:center}
.join-cont .sec-box .sub-area .chk-area .i-chk{position:relative;padding-left:25px}
.join-cont .sec-box .sub-area .chk-area .i-chk .chk{position:absolute;top:50%;left:0;margin-top:-10px}
.join-cont .sec-box .sub-area .chk-area .i-chk label{font-size:12px;font-size:1.2rem;color:#333;line-height:1.2}
.join-cont .sec-box .ttl-txt + .sub-txt,
.join-cont .sec-box .ttl-txt + .sub-area,
.join-cont .sec-box .sub-area + .chk-list{border-top:none}
.join-cont .sec-box .chk-list{background:#fafaf9;border:1px solid #b2b2b2}
.join-cont .sec-box .chk-list li{padding:0 11px}
.join-cont .sec-box .chk-list .ttl{position:relative}
.join-cont .sec-box .chk-list .ttl .i-chk{position:relative;padding:15px 0 15px 25px;display:block;border-top:1px solid #cfcfce}
.join-cont .sec-box .chk-list .ttl .i-chk .chk{position:absolute;top:50%;left:0;margin-top:-10px}
.join-cont .sec-box .chk-list .ttl .i-chk label{font-size:12px;font-size:1.2rem;color:#333;line-height:20px}
.join-cont .sec-box .chk-list li:first-child .ttl .i-chk{border-top:none}
.join-cont .sec-box .chk-list .ttl .btn-view{position:absolute;top:50%;right:0;margin-top:-23px;padding:15px 20px 15px 10px;font-size:11px;font-size:1.1rem;color:#333}
.join-cont .sec-box .chk-list .ttl .btn-view .btn-arrow01,
.join-cont .sec-box .chk-list .ttl .btn-view .btn-arrow02{position:absolute;top:50%;right:0;margin-top:-5px;}
.join-cont .sec-box .chk-list .cont{padding-bottom:11px;display:none}
.join-cont .sec-box .chk-list .terms-box{padding:30px 22px;border:1px solid #b2b2b2;background:#fff;font-size:12px;font-size:1.2rem;color:#333;height:220px;overflow-y:scroll}
.join-cont .sec-box .chk-list .terms-box > div{padding:5px 0 10px 0}
.join-cont .sec-box .chk-list .terms-box > div > ol > li,
.join-cont .sec-box .chk-list .terms-box > div > ul > li {padding:2px 0}
.join-cont .sec-box .chk-list .terms-box > div li ol,
.join-cont .sec-box .chk-list .terms-box > div li ul{padding-left:5px}
.join-cont .sec-box .chk-list .terms-box table{width:100%;border-left:1px solid #666; border-top:1px solid #666;box-sizing:border-box}
.join-cont .sec-box .chk-list .terms-box table th,
.join-cont .sec-box .chk-list .terms-box table td{padding:2px 3px;font-size:12px;font-size:1.2rem;color:#333;border-right:1px solid #666;border-bottom:1px solid #666}
.join-cont .sec-box .chk-list .terms-box table th{text-align:center}
.join-cont .sec-box .link-box{background:#fff;background:#fafaf9;border:1px solid #b2b2b2;border-top:0}
.join-cont .sec-box .link-box li{position:relative;border-top:1px solid #b2b2b2}
.join-cont .sec-box .link-box li:first-child{border-top:none;}
.join-cont .sec-box .link-box li:before{position:absolute;top:50%;right:15px;margin-top:-8px;width:10px;height:15px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-130px -35px;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;display:block;content:""}
.join-cont .sec-box .link-box li a{padding:10px 20px;font-size:13px;font-size:1.3rem;color:#333;display:block}
.join-cont .sec-box .link-box li:hover:before{position:absolute;top:50%;right:15px;margin-top:-8px;width:10px;height:15px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-140px -35px;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;display:block;content:""}
.join-cont .sec-box .link-box li:hover a{background:#8e45d2;color:#fff;}
.join-cont .sec-box .txt-list{}
.join-cont .sec-box .link-box + .txt-list{padding-top:10px}
.join-cont .sec-box .txt-list li{position:relative;padding:2px 0 2px 17px;font-size:11px;font-size:1.1rem;color:#555}
.join-cont .sec-box .txt-list li:before{position:absolute;top:10px;left:5px;width:3px;height:3px;background:#555;content:""}
.join-cont .sec-box .txt-list li span{display:block}
.join-cont .sec-box .field-area{background:#fafaf9;padding:5px 11px;border:1px solid #b2b2b2;border-top:0}
.join-cont .sec-box .field-area .field-wrap{position:relative;border-top:1px solid #a8a8a8;padding:0;font-size:12px;font-size:1.2rem;color:#7a7a7a}
.join-cont .sec-box .field-area .i-txt{position:relative;border-top:1px solid #a8a8a8;padding:5px 0;font-size:12px;font-size:1.2rem;color:#7a7a7a}
.join-cont .sec-box .field-area .i-txt label{position:absolute;top:50%;left:10px;margin-top:-15px;line-height:30px}
.join-cont .sec-box .field-area .i-txt label em{font-size:11px;font-size:1.1rem;color:#8e45d2;font-weight:bold;vertical-align:middle;line-height:normal}
.join-cont .sec-box .field-area .i-txt input{padding:5px;width:100%;border:1px solid #b2b2b2;font-size:12px;font-size:1.2rem;color:#7a7a7a;box-sizing:border-box;line-height:1.8;border-radius:2px}
.join-cont .sec-box .field-area .i-txt input:focus{border-color:#8e45d2}
.join-cont .sec-box .field-area .i-txt input{outline:#8e45d2}
.join-cont .sec-box .field-area .i-txt:first-child{border-top:none}
.join-cont .sec-box .field-area .i-txt .id-field{position:relative;padding-right:60px}
.join-cont .sec-box .field-area .i-txt .id-field label{position:absolute;top:50%;left:10px;margin-top:-15px;line-height:30px}
.join-cont .sec-box .field-area .i-txt .id-field .btn-chk{position:absolute;top:0;right:0;padding:5px 0;width:55px;height:100%;text-align:center;background:#fff;border:1px solid #b6b6b6;border-radius:2px}
.join-cont .sec-box .field-area .i-txt .field-txt{padding:5px;font-size:12px;font-size:1.2rem;color:#7a7a7a;}
.join-cont .sec-box .field-area .i-txt.disabled{position:relative;padding-left:90px;}
.join-cont .sec-box .field-area .i-txt.disabled label{margin-top:-15px;width:70px;font-size:12px;font-size:1.2rem;color:#333}
.join-cont .sec-box .field-area .i-txt.disabled input{background:none;border:none}
.join-cont .sec-box .field-area .i-txt.required{}
.join-cont .sec-box .field-area .i-txt.required input{border:2px solid #a6a6a6}
.join-cont .sec-box .field-area .i-txt.required input:focus{border-color:#8e45d2}
.join-cont .sec-box .field-area .field-wrap:after{display:block;content:"";clear:both}
.join-cont .sec-box .field-area .field-wrap .i-field{float:left;padding-left:5px;width:33.3%;box-sizing:border-box;display:table}
.join-cont .sec-box .field-area .field-wrap .i-field:first-child{padding-left:0;width:33.4%}
.join-cont .sec-box .field-area .field-wrap .i-field.i-radio{padding:5px 0}
.join-cont .sec-box .field-area .field-wrap .i-field .label{padding:0 8px;font-size:1.2rem;color:#333;display:table-cell;vertical-align:middle;line-height:34px}
.join-cont .btn-area{padding:25px 0;text-align:center;display:block}
.join-cont .btn-area .btn-ok{padding:10px 0;width:165px;background:#8e45d2;border:1px solid #8e45d2;border-radius:2px;font-size:13px;font-size:1.3rem;color:#fff;font-weight:bold;text-align:center}
.join-cont .sec-box .field-area .sub-btn{padding:2px 0 7px 0;text-align:center;display:block}
.join-cont .sec-box .field-area .sub-btn button{width:145px;padding:5px 0;background:#fff;border:1px solid #b6b6b6;border-radius:2px;font-size:10px;font-size:1.0rem;color:#666;text-align:center}
/* 회원가입 완료 */
.join-cont .complete-area{padding-bottom:50px}
.join-cont .complete-area h2{padding:50px;font-size:29px;font-size:2.9rem;color:#8e45d2;font-weight:bold;background:#fff;text-align:center;display:block;line-height:1.2}
.join-cont .complete-area h2 span{font-size:19px;font-size:1.9rem;color:#333;font-weight:bold;display:block;line-height:1.2}
.join-cont .complete-area .sub-txt{padding:30px 20px;}
.join-cont .complete-area .sub-txt p{padding:5px;font-size:11px;font-size:1.1rem;color:#555;font-weight:normal;display:block}

/*------------------------------------*\
	회원정보
\*------------------------------------*/
.member-cont{}
.member-cont .sec-box .ttl-txt{padding:10px 20px;background:#fff;border:1px solid #b2b2b2;font-size:14px;font-size:1.4rem;color:#333;font-weight:bold}
.member-cont .sec-box .ttl-txt span{display:block;}
.member-cont .sec-box .sub-txt{padding:10px 20px;background:#fff;border:1px solid #b2b2b2;font-size:11px;font-size:1.1rem;color:#8e45d2}
.member-cont .sec-box .sub-txt .login-info{padding-left:5px;font-size:12px;font-size:1.2rem;color:#7a7a7a;}
.member-cont .sec-box .sub-txt .login-info span{display:block}
.member-cont .sec-box .sub-txt .i-txt{position:relative;padding:5px 0;font-size:12px;font-size:1.2rem;color:#7a7a7a}
.member-cont .sec-box .sub-txt .i-txt label{position:absolute;top:50%;left:10px;margin-top:-15px;line-height:30px}
.member-cont .sec-box .sub-txt .i-txt input{padding:5px;width:100%;border:1px solid #b2b2b2;font-size:12px;font-size:1.2rem;color:#7a7a7a;box-sizing:border-box;line-height:1.8;border-radius:2px}
.member-cont .sec-box .sub-txt .i-txt input:focus{border-color:#8e45d2}
.member-cont .sec-box .sub-txt .i-txt input{outline:#8e45d2}
.member-cont .sec-box .ttl-txt + .sub-txt{border-top:none}
.member-cont .sec-box .ttl-txt02{padding:10px 5px;font-size:14px;font-size:1.4rem;color:#333;font-weight:bold}
.member-cont .sec-box .id-box{padding:5px 15px;background:#fff;border:1px solid #b2b2b2;font-size:12px;font-size:1.2rem;color:#7a7a7a;line-height:1.8}
.member-cont .sec-box .id-box + .btn-area{padding-bottom:10px;}
.member-cont .sec-box{padding:20px 11px;border-top:1px solid #a8a8a8}
.member-cont .sec-box:first-child{border-top:none}
.member-cont .sec-box .field-area{background:#fafaf9;padding:5px 11px;border:1px solid #b2b2b2;border-top:0}
.member-cont .sec-box .field-area .field-wrap{position:relative;border-top:1px solid #a8a8a8;padding:0;font-size:12px;font-size:1.2rem;color:#7a7a7a}
.member-cont .sec-box .field-area .i-txt02{position:relative;padding:5px 0;padding-left:90px;border-top:1px solid #a8a8a8;font-size:12px;font-size:1.2rem;color:#7a7a7a}
.member-cont .sec-box .field-area .i-txt02 label,
.member-cont .sec-box .field-area .i-txt02 .btn-label{position:absolute;top:50%;left:10px;margin-top:-15px;width:70px;line-height:30px}
.member-cont .sec-box .field-area .i-txt02 label em{font-size:11px;font-size:1.1rem;color:#8e45d2;font-weight:bold;vertical-align:middle;line-height:normal}
.member-cont .sec-box .field-area .i-txt02 input,
.member-cont .sec-box .field-area .i-txt02 .input-btn{padding:5px;min-width:100%;border:1px solid #b2b2b2;font-size:12px;font-size:1.2rem;color:#7a7a7a;box-sizing:border-box;line-height:1.8;border-radius:2px}
.member-cont .sec-box .field-area .i-txt02 .input-btn{padding:5px 15px;min-width:100px;background:#fff;border:1px solid #b6b6b6;font-size:10px;font-size:1.0rem;color:#666;box-sizing:border-box}
.member-cont .sec-box .field-area .i-txt02 input:focus{border-color:#8e45d2}
.member-cont .sec-box .field-area .i-txt02 input{outline:#8e45d2}
.member-cont .sec-box .field-area .i-txt02:first-child{border-top:none}
.member-cont .sec-box .field-area .i-txt02.disabled input{background:none;border:none}
.member-cont .sec-box .field-area02{}
.member-cont .sec-box .field-area02 .i-txt{position:relative;padding:5px 0;font-size:12px;font-size:1.2rem;color:#7a7a7a}
.member-cont .sec-box .field-area02 .i-txt label{position:absolute;top:50%;left:15px;margin-top:-15px;width:auto;line-height:30px}
.member-cont .sec-box .field-area02 .i-txt input{padding:5px 15px;min-width:100%;border:1px solid #b2b2b2;font-size:12px;font-size:1.2rem;color:#7a7a7a;box-sizing:border-box;line-height:1.8;border-radius:2px}
.member-cont .sec-box .field-area02 .i-txt input:focus{border-color:#8e45d2}
.member-cont .sec-box .field-area02 .i-txt input{outline:#8e45d2}
.member-cont .sec-box .field-area .i-chk.sms-chk{position:relative;margin:0 90px 10px 90px;padding-left:25px;display:block}
.member-cont .sec-box .field-area .i-chk.sms-chk .chk{position:absolute;top:50%;left:0;margin-top:-10px}
.member-cont .sec-box .field-area .i-chk.sms-chk label{line-height:1.8}
.member-cont .sec-box .txt-area{padding:15px 0}
.member-cont .sec-box .txt-area p{padding:0 3px; font-size:12px;font-size:1.2rem;color:#333;font-weight:bold}
.member-cont .sec-box .txt-area p .link-txt{margin:0 10px;color:#8e45d2;border-bottom:1px solid #8e45d2}
.member-cont .sec-box .txt-area .chk-area02{margin-top:25px;}
.member-cont .sec-box .txt-area .chk-area02 .i-chk{position:relative;padding:5px 30px 5px 15px;background:#fff;border:1px solid #b2b2b2;display:block}
.member-cont .sec-box .txt-area .chk-area02 .i-chk .chk02{position:absolute;top:50%;right:15px;margin-top:-12px;}
.member-cont .sec-box .txt-area .chk-area02 .i-chk .chk02 input{}
.member-cont .sec-box .txt-area .chk-area02 .i-chk label{font-size:12px;font-size:1.2rem;color:#7a7a7a;line-height:1.8}
.member-cont .sec-box .link-box{background:#fff;background:#fafaf9;border:1px solid #b2b2b2;border-top:0}
.member-cont .sec-box .link-box li{position:relative;border-top:1px solid #b2b2b2}
.member-cont .sec-box .link-box li:before{position:absolute;top:50%;right:15px;margin-top:-8px;width:10px;height:15px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-130px -35px;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;display:block;content:""}
.member-cont .sec-box .link-box li a{padding:10px 15px;font-size:13px;font-size:1.3rem;color:#333;display:block}
.member-cont .sec-box .link-box li:hover:before{position:absolute;top:50%;right:15px;margin-top:-8px;width:10px;height:15px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-140px -35px;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;display:block;content:""}
.member-cont .sec-box .link-box li:hover a{background:#8e45d2;color:#fff;}
.member-cont .btn-area{padding:25px 0;text-align:center;display:block}
.member-cont .btn-area .btn-ok{padding:10px 0;width:165px;background:#8e45d2;border:1px solid #8e45d2;border-radius:2px;font-size:13px;font-size:1.3rem;color:#fff;font-weight:bold;text-align:center}
.member-cont .btn-area .btn-cancel{padding:10px 0;width:165px;background:#e4e4e4;border:1px solid #8e45d2;border-radius:2px;font-size:13px;font-size:1.3rem;color:#8e45d2;font-weight:bold;text-align:center}
.member-cont .btn-area .half02:after{display:block;content:"";clear:both}
.member-cont .btn-area .half02 li{float:left;width:50%;padding-left:3px;box-sizing:border-box}
.member-cont .btn-area .half02 li:first-child{padding-left:0;padding-right:3px;}
.member-cont .btn-area .half02 li .btn-ok,
.member-cont .btn-area .half02 li .btn-cancel{width:100%;}

/*------------------------------------*\
	회원탈퇴
\*------------------------------------*/
.leave-cont{padding:20px 11px}
.leave-cont .ttl-txt{padding:5px 0;font-size:16px;font-size:1.6rem;color:#333;font-weight:bold}
.leave-cont .ttl-txt .center{text-align:center;display:block}
.leave-cont .ttl-txt strong{color:#8e45d2}
.leave-cont .center-txt{padding:20px 0 0 0;font-size:12px;font-size:1.2rem;color:#333;font-weight:bold;text-align:center;display:block}
.leave-cont .box-area{margin-top:12px;background:#fff;border:1px solid #b2b2b2}
.leave-cont .box-area dt{padding:10px 18px;font-size:14px;font-size:1.4rem;color:#333;font-weight:bold;border-bottom:1px solid #b2b2b2}
.leave-cont .box-area dd{display:table;width:100%;min-height:80px}
.leave-cont .box-area dd:after{display:block;content:"";clear:both}
.leave-cont .box-area dd p{padding:20px 18px;display:table-cell;vertical-align:middle;font-size:13px;font-size:1.3rem;color:#7a7a7a;font-weight:bold;text-align:center}
.leave-cont .box-area dd table{float:left;width:100%}
.leave-cont .box-area dd table caption{font-size:0;text-indent:-9999px}
.leave-cont .box-area dd table th{padding:10px;font-size:14px;font-size:1.4rem;color:#7a7a7a;font-weight:bold;text-align:center;border-left:1px solid #b2b2b2}
.leave-cont .box-area dd table th:first-child{border-left:none}
.leave-cont .box-area dd table td{padding:10px;font-size:12px;font-size:1.2rem;color:#7a7a7a;font-weight:normal;text-align:center;border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2}
.leave-cont .box-area dd table td:first-child{border-left:none}
.leave-cont .txt-area{padding:10px 0;}
.leave-cont .txt-area p{padding:5px 0;font-size:13px;font-size:1.3rem;color:#7a7a7a;font-weight:bold}
.leave-cont .txt-area a{font-size:13px;font-size:1.3rem;color:#8e45d2;font-weight:bold;display:block}
.leave-cont .i-chk .chk{vertical-align:middle}
.leave-cont .i-chk label{font-size:12px;font-size:1.2rem;color:#333;vertical-align:middle}
.leave-cont .poll-area{margin:5px 0;padding:10px 15px;background:#fafaf9;border:1px solid #b2b2b2}
.leave-cont .poll-area .i-radio{padding:10px 5px;border-top:1px solid #b2b2b2}
.leave-cont .poll-area .i-radio:first-child{border-top:none}
.leave-cont .poll-area .i-textarea{margin:0 0 10px 0}
.leave-cont .poll-area .i-textarea textarea{padding:10px;width:100%;height:180px;background:#fff;border:1px solid #b2b2b2;box-sizing:border-box;font-size:12px;font-size:1.2rem;color:#333;resize:none}
.leave-cont .btn-area{padding:25px 0;text-align:center;display:block}
.leave-cont .btn-area .btn-ok{padding:10px 0;width:165px;background:#8e45d2;border:1px solid #8e45d2;border-radius:2px;font-size:13px;font-size:1.3rem;color:#fff;font-weight:bold;text-align:center}
.leave-cont .btn-area .btn-cancel{padding:10px 0;width:165px;background:#e4e4e4;border:1px solid #8e45d2;border-radius:2px;font-size:13px;font-size:1.3rem;color:#8e45d2;font-weight:bold;text-align:center}
.leave-cont .btn-area .half02:after{display:block;content:"";clear:both}
.leave-cont .btn-area .half02 li{float:left;width:50%;padding-left:3px;box-sizing:border-box}
.leave-cont .btn-area .half02 li:first-child{padding-left:0;padding-right:3px;}
.leave-cont .btn-area .half02 li .btn-ok,
.leave-cont .btn-area .half02 li .btn-cancel{width:100%;}

/*------------------------------------*\
	ETC - 앱 설치 안내
\*------------------------------------*/
.etc-header{padding:30px 0;background:url(../images/common/app_bg.jpg) 0 0 repeat-x;background-size:100% 100%;text-align:center}
.etc-header h1{padding:8px 0}
.etc-header h1 .etc-logo{margin:0 auto}
.etc-header p{padding:15px 0;font-size:12px;font-size:1.2rem;color:#e5e5e5;font-weight:bold;display:block}
.etc-header strong{padding:8px 0;font-size:12px;font-size:1.2rem;color:#fcff16;font-weight:bold;display:block}
.etc-cont{}
.etc-cont .intro{padding:20px 11px;background:#fff;display:block;text-align:center}
.etc-cont .intro .intro-top{position:relative;padding:8px 0 8px 90px;min-height:30px;display:inline-block}
.etc-cont .intro .intro-top:before{position:absolute;top:0;left:0;width:76px;height:60px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-350px -55px;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;display:block;content:""}
.etc-cont .intro .intro-top strong{font-size:17px;font-size:1.7rem;color:#8e45d2;font-weight:bold;text-align:left}
.etc-cont .intro .intro-top p{font-size:10px;font-size:1.0rem;color:#7a7a7a;text-align:left}
.etc-cont .intro .btn-area{padding:18px 0}
.etc-cont .intro .btn-area:after{display:block;content:"";clear:both}
.etc-cont .intro .btn-area li{float:left;padding-left:3px;width:50%;box-sizing:border-box}
.etc-cont .intro .btn-area li:first-child{padding-left:0;padding-right:3px}
.etc-cont .intro .btn-area li a{padding:5px 0;width:100%;border:1px solid #8e45d2;border-radius:3px;font-size:11px;font-size:1.1rem;color:#8e45d2;text-align:center;display:block}
.etc-cont .intro .btn-area li a .txt-wrap{position:relative;padding:0 10px 0 30px;min-height:25px;line-height:25px;display:inline-block}
.etc-cont .intro .btn-area li a .txt-wrap .sp-img{position:absolute;top:50%;left:0;margin-top:-12px}
.etc-cont .link-area{padding:10px 11px;background:#e4e4e4;border-top:1px solid #a8a8a8}
.etc-cont .link-area ul{margin:10px 0}
.etc-cont .link-area li{position:relative;margin-top:10px;border:1px solid #b2b2b2}
.etc-cont .link-area li:first-child{margin-top:0}
.etc-cont .link-area li:before{position:absolute;top:50%;right:15px;margin-top:-8px;width:10px;height:15px;background:url(../images/common/sp_ico.png?v=2017060701) no-repeat;background-size:500px auto;background-position:-90px -35px;text-indent:-999px;overflow:hidden;vertical-align:middle;font-size:0;display:block;content:""}
.etc-cont .link-area li a{padding:15px;display:block; background:#fff;font-size:12px; font-size:1.2rem;color:#333}
.etc-cont .link-area li:first-child a{background:#fafaf9; }
.etc-footer{padding:15px;background:#fff;border-top:1px solid #a8a8a8;display:block}
.etc-footer p{text-align:center;font-size:10px; font-size:1.0rem;color:#333;line-height:1.8}
.etc-footer p span{}
.etc-footer p .mode-btn{margin-left:10px; padding:1px 8px; line-height:18px; border:1px solid #b6b6b6;border-radius:3px;font-size:9px; font-size:0.9rem;color:#666;display:inline-block}

/*******************
	web css
********************/
@media all and (max-width:640px){
	.vod-cont .vod-list{padding:10px;}
	.vod-cont .vod-list li{max-width:172px;}
}
@media all and (min-width:641px){
	.vod-cont .vod-list{padding:15px 10px}
	.vod-cont .vod-list li{max-width:204px;}
}
@media all and (min-width:768px){
	
	/*------------------------------------*\
		메인
	\*------------------------------------*/
	
	/* 방송 리스트 */
	.video-list{}
	.video-list .video-wrap li{float:left;margin:5px;width:216px;height:170px;background:#fff}
	.video-list .video-wrap li .thumb{background:#000;text-align:center;width:100%;height:120px;overflow:hidden;display:block}
	.video-list .video-wrap.movie li{position:relative;width:150px;height:278px;border:1px solid #ccc;box-sizing:content-box;overflow:hidden}
	.video-list .video-wrap.movie li .thumb{width:100%;height:218px}
	.video-list .video-wrap.movie li .info{padding:0 9px 3px 9px;width:100%;height:60px;display:table-cell;overflow:hidden;border-top:1px solid #ccc;box-sizing:border-box;vertical-align:middle}
	.video-list .video-wrap li a .flag.free{width:26px;height:26px;top:6px;right:10px}
	.video-list .video-wrap li a .flag.onair{width:84px;height:18px;top:95px;left:10px}

	/*------------------------------------*\
		실시간TV
	\*------------------------------------*/
	.live-cont{}
	.live-cont .live-list{padding:0}
	.live-cont .live-list li{margin:8px 10px}
	.live-cont .live-list li .list-item{padding:7px 14px 7px 7px;border:1px solid #d0d0d0;background:#fff;box-sizing:border-box}
	.live-cont .live-list li a{position:relative; padding-left:140px;height:79px;display:block}
	.live-cont .live-list li a .thumb{position:absolute;top:0;left:0;width:140px;height:100%}
	.live-cont .live-list li a .progress{position:relative;margin:20px 0 0 14px;padding:0 50px;display:block}
	.live-cont .live-list li a .progress .bar{position:relative;width:100%;height:5px;background:#bbb;display:block}
	
	/*------------------------------------*\
		방송 VOD
	\*------------------------------------*/
	.vod-cont{}
	.vod-cont .program .info{position:absolute;bottom:0;left:0;padding:11px;width:100%;height:70px;z-index:1;box-sizing:border-box}
	.vod-cont .list-cont{padding:0}
	.vod-cont .list-cont li{position:relative; margin:8px 10px}
	.vod-cont .list-cont li a{position:relative; padding-left:140px;height:79px;display:block}
	.vod-cont .list-cont li a .thumb{position:absolute;top:0;left:0;width:140px;height:100%}
	.vod-cont .list-cont li a .txt{margin-top:5px;padding-left:14px;font-size:12px;font-size:1.2rem;color:#8e8e8e;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
	.vod-cont .list-cont li .list-item .progress .bar{position:relative;width:100%;height:5px;background:#bbb;display:block}
	.vod-cont .program02 .info{padding:15px 11px;width:100%;height:75px;background:#fff;box-sizing:border-box;}
	.vod-cont .modal .modal-cont .txt li strong{position:absolute;top:0;left:0;width:48px;display:inline-block;text-align:right}
	
	/*------------------------------------*\
		영화
	\*------------------------------------*/
	.movie-cont{}
	.movie-cont .movie-list .movie-wrap li{position:relative;float:left;margin:5px;width:150px;height:278px;background:#fff;border:1px solid #ccc;box-sizing:border-box;overflow:hidden}
	.movie-cont .movie-list .movie-wrap li .thumb{width:100%;height:218px}
	.movie-cont .movie-list .movie-wrap li .info{padding:0px 9px 3px 9px;width:100%;height:60px;display:table-cell;overflow:hidden;border-top:1px solid #ccc;box-sizing:border-box;vertical-align:middle}
	.movie-cont .movie-list .movie-wrap li .tag{position:absolute;top:8px;left:0;width:auto;height:16px}
	.movie-cont .movie-list .movie-wrap li .tag img{height:100%}
	.movie-cont .movie-list .movie-wrap li .tag + .tag{position:absolute;top:27px;left:0}
	.movie-cont .movie-list .movie-wrap li .tag + .tag + .tag{position:absolute;top:46px;left:0}
	.movie-cont .movie-list .movie-wrap li .grade{position:absolute;top:3px;right:5px}
	.movie-cont .movie-list02{padding:0 22px}
	.movie-cont .movie-list02 li{margin:10px 6px;width:150px;height:278px}
	.movie-cont .movie-list02 li .thumb{width:100%;height:218px}
	.movie-cont .movie-list02 li .info{padding:0 9px 3px 9px;width:100%;height:60px;font-size:14px;font-size:1.4rem;line-height:1.3}
	.movie-cont .movie-list02 li .tag.playy {top:auto; bottom:66px;}
	.movie-cont .movie-theme{padding:0 22px}
	.movie-cont .movie-theme li{margin-top:12px}
	.movie-cont .movie-theme li a{padding:16px 16px 16px 214px;height:262px}
	.movie-cont .movie-theme li a .thumb{top:16px;left:16px;width:182px;height:262px}
	.movie-cont .movie-theme li a .info{height:262px}
	.movie-cont .movie-theme li a .info .ttl{padding:5px 0;line-height:1.7}
	.movie-cont .movie-theme li a .info .txt{line-height:1.6}
	.movie-cont .movie-theme .no-data{padding:10px 0;width:100%;height:400px;display:table;text-align:center}
	.movie-cont .movie-theme .no-data .txt{font-size:14px;font-size:1.4rem;color:#5b5b5b;text-align:center;display:table-cell;vertical-align:middle}
	.movie-cont .movie-view .movie-info dl{padding-left:100px;display:block;box-sizing:border-box}
	.movie-cont .movie-view .movie-info dt{position:absolute;top:0;left:0;padding:5px 0;font-size:12px;font-size:1.2rem;line-height:1.0;color:#777;font-weight:normal}
	.movie-cont .movie-view .movie-info dd{font-size:12px;font-size:1.2rem;line-height:1.6;color:#393939}
	.movie-cont .modal .drm-layer{position:absolute;top:50%;left:50%;margin:-250px 0 0 -452px;padding:50px;width:904px;height:500px;box-sizing:border-box;background:#fff;border-radius:6px}
	.movie-cont .modal .btn-close{position:absolute;bottom:50px;right:50px}
	
	/*------------------------------------*\
		고객센터
	\*------------------------------------*/
	.customer-cont .board-view .ttl-area .ttl .sp-img{position:absolute;top:20px;left:0}
	
	/*------------------------------------*\
		MY
	\*------------------------------------*/
	
	.mypooq-cont .list-wrap .buy-list li a .info{display:block;margin-top:12px}
	.mypooq-cont .list-wrap .buy-list li a .info li{position:relative;padding-left:20px;font-size:11px;font-size:1.1rem;color:#7a7a7a;line-height:1.7;display:block}
	.mypooq-cont .list-wrap .buy-list li a .info li:before{position:absolute;top:12px;left:0;width:4px;height:4px;background:#555;content:""}
	.mypooq-cont .list-wrap .buy-list02 > li .info li{position:relative;padding-left:20px;display:block}
	.mypooq-cont .list-wrap .buy-list02 > li .info li:before{position:absolute;top:12px;left:0;width:4px;height:4px;background:#555;content:""}
	.mypooq-cont .list-wrap .buy-list > li .info li{position:relative;padding-left:20px;display:block}
	.mypooq-cont .list-wrap .buy-list > li .info li:before{position:absolute;top:12px;left:0;width:4px;height:4px;background:#555;content:""}
	
	/*------------------------------------*\
		이용권구매
	\*------------------------------------*/
	.voucher-cont{}
	.voucher-cont .sec-box .voucher-wrap dt{position:relative;padding:10px 20px 10px 160px;background:#fff;font-size:13px;font-size:1.3rem;color:#333;font-weight:bold;border-bottom:1px solid #b2b2b2}
	.voucher-cont .sec-box .voucher-wrap dt .v-label{position:absolute;top:50%;left:11px;margin-top:-23px;padding:10px}
	.voucher-cont .sec-box .voucher-wrap dd .v-label{position:absolute;top:50%;left:0;margin-top:-23px;padding:10px;font-size:13px;font-size:1.3rem;color:#333}
	.voucher-cont .sec-box .voucher-wrap dd li em{display:inline-block}
	.voucher-cont .txt-list li:before{position:absolute;top:12px;left:5px;width:4px;height:4px;background:#555;content:""}
	.voucher-cont .sec-box02 .package dt .icon-wrap{position:absolute;top:7px;left:15px}
	
	/*------------------------------------*\
		회원가입
	\*------------------------------------*/
	.join-cont .sec-box .sub-txt .txt-list02 li:before{position:absolute;top:15px;left:0;width:4px;height:4px;background:#7a7a7a;content:""}
	.join-cont .sec-box .txt-list li:before{position:absolute;top:12px;left:5px;width:4px;height:4px;background:#555;content:""}
	.join-cont .sec-box .field-area .i-txt .id-field{position:relative;padding-right:90px}
	.join-cont .sec-box .field-area .i-txt .id-field label{position:absolute;top:50%;left:10px;margin-top:-15px;line-height:30px}
	.join-cont .sec-box .field-area .i-txt .id-field .btn-chk{position:absolute;top:0;right:0;padding:5px 0;width:85px;height:100%;text-align:center;background:#fff;border:1px solid #b6b6b6;border-radius:2px}
	
	/*------------------------------------*\
		회원정보
	\*------------------------------------*/
	.member-cont{}
	.member-cont .sec-box .ttl-txt span{display:inline-block;}
	.member-cont .sec-box .field-area .i-txt02 label,
	.member-cont .sec-box .field-area .i-txt02 .btn-label{position:absolute;top:50%;left:10px;margin-top:-15px;width:90px;line-height:30px}
	.member-cont .sec-box .field-area .i-txt02{position:relative;padding:5px 0;padding-left:110px;border-top:1px solid #a8a8a8;font-size:12px;font-size:1.2rem;color:#7a7a7a}
	.member-cont .sec-box .field-area .i-chk.sms-chk{position:relative;margin:0 110px 10px 110px;padding-left:25px;display:block}
	
}

/***************************************
	2017.02.20 이후 작업된 style sheet
****************************************/
/*------------------------------------*\
		이용권구매
\*------------------------------------*/
.new-payment, .add-p {font-size:16px;}
/* .add-p.before-payment{margin-top: 3rem;} */
.add-p input[type='radio'] {-webkit-appearance:radio}	
.add-p input[type='checkbox'] {-webkit-appearance:checkbox}
.new-payment nav{overflow:hidden;border-top:1px solid #e2e2e2;border-bottom:1px solid #d2d2d2;min-width:320px;background-color:#fff}
.new-payment nav a{float:left;display:inline-block;padding:8px 0 6px;width:25%;font-size:15px;color:#444;text-align:center;letter-spacing:-1px}
.new-payment nav a.on{border-bottom:3px solid #8e45d2;font-weight:bold;color:#8e45d2}
.new-payment aside.banner{max-width:580px;margin:18px auto 0;padding:0;width:100%}
.new-payment aside.banner img{display:block;max-width:100%;}
.new-payment .voucher-list {padding:0 12px;min-width:296px}
.new-payment .voucher-list-item{max-width:580px;margin:0.625rem auto;border:1px solid #ddd;width:100%}
.new-payment .voucher-list-item:last-child{margin:0 auto 0.625em}
.new-payment .voucher-item-title{padding:1.3rem 0.625rem;font-size:1.6rem;line-height:1.25;color:#FFF}
.new-payment .voucher-item-title b{line-height:1.15}
.new-payment .voucher-item-title small{margin-top:.7em;font-size:0.8571em}
.new-payment .voucher-item-title .tag-benefit{font-size:0.7571em;border:1px solid #FFF;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:0 0.3em;margin-right:.35em}
.new-payment .voucher-item-title .voucher-item-ico{display:inline-block;margin-top:-0.275em;margin-left:-1.375rem;width:0.9375rem;height:0.9375rem;background:transparent url(/images/add_on/ico_voucher.png) no-repeat 0 0;-webkit-background-size:auto 0.9375rem;background-size:auto 0.9375rem;background-position:0 0;vertical-align:middle}
.new-payment .voucher-list-item.superpack .voucher-item-ico{width:1.0625rem;background-position:-3.1875rem 0}
.new-payment .voucher-list-item.live .voucher-item-ico{background-position:0 0}
.new-payment .voucher-list-item.vod .voucher-item-ico{background-position:-1.0625rem 0}
.new-payment .voucher-list-item.live-vod .voucher-item-ico{margin-left:-2.3125rem;width:2rem;background-position:0 0}
.new-payment .voucher-list-item.live-vod-down .voucher-item-ico{margin-left:-3.375rem;width:3.0625rem;background-position:0 0}
.new-payment .voucher-list-item.superpack-plus .voucher-item-ico{width:1.0625rem;background-position:-4.375rem 0}
.new-payment .voucher-list-item.movie .voucher-item-ico{width:1.0625rem;background-position:-5.5625rem 0}
.new-payment .voucher-item{border-top:1px solid #ddd;padding:1.3rem 0.625rem;background-color:#fafaf9;font-size:1.4rem}
.new-payment .voucher-item a{display:table;width:100%;background:transparent url(/images/add_on/ico-arrow-right.png) no-repeat right center;-webkit-background-size:0.42857em auto;background-size:0.42857em auto;vertical-align:middle;line-height:1}
.new-payment .voucher-item a .voucher-item-device-type,
.new-payment .voucher-item a .voucher-item-origin-price,
.new-payment .voucher-item a .ico-tobe,
.new-payment .voucher-item a .voucher-item-fixed-price{display:table-cell;vertical-align:middle}
.new-payment .voucher-item-device-type{width:39%;color:#333;font-weight:bold}
.new-payment .voucher-item-device-type em{display:block;margin-top:0.38462em;font-size:0.92857em;font-weight:normal;font-style:normal;color:#999}
.new-payment .voucher-item a .voucher-item-origin-price{width:21%;text-align:right;font-weight: 400}
.new-payment .voucher-item a .voucher-item-fixed-price{padding-right:0.92857em;width:160px;font-style:normal;font-weight:bold;text-align:right}
.new-payment .voucher-list-item.superpack .voucher-item-title{background-color:#db6d58}
.new-payment .voucher-list-item.superpack em.support-uhd,
.new-payment .voucher-list-item.superpack .voucher-item-fixed-price{color:#db6d58}
.new-payment .voucher-list-item.live .voucher-item-title{background-color:#ffad2c}
.new-payment .voucher-list-item.live em.support-uhd,
.new-payment .voucher-list-item.live .voucher-item-fixed-price{color:#ffad2c}
.new-payment .voucher-list-item.vod .voucher-item-title{background-color:#f86666}
.new-payment .voucher-list-item.vod em.support-uhd,
.new-payment .voucher-list-item.vod .voucher-item-fixed-price{color:#f86666}
.new-payment .voucher-list-item.live-vod .voucher-item-title{background-color:#67a6d7}
.new-payment .voucher-list-item.live-vod em.support-uhd,
.new-payment .voucher-list-item.live-vod .voucher-item-fixed-price{color:#67a6d7}
.new-payment .voucher-list-item.live-vod-down .voucher-item-title{background-color:#67c0d7}
.new-payment .voucher-list-item.live-vod-down em.support-uhd,
.new-payment .voucher-list-item.live-vod-down .voucher-item-fixed-price{color:#67c0d7}
.new-payment .voucher-list-item.superpack-plus .voucher-item-title{background-color:#d98451}
.new-payment .voucher-list-item.superpack-plus em.support-uhd,
.new-payment .voucher-list-item.superpack-plus .voucher-item-fixed-price{color:#d98451}
.new-payment .voucher-list-item.movie .voucher-item-device-type{width:50%}
.new-payment .voucher-list-item.movie .voucher-item-title{background-color:#aac50f}
.new-payment .voucher-list-item.movie .voucher-item-fixed-price{color:#aac50f}
.new-payment .voucher-list-item.live-vod-bugs-mobile .voucher-item-title,
.new-payment .voucher-list-item.live-vod-bugs-save .voucher-item-title{background-color:#67a6d7}
.new-payment .voucher-list-item.live-vod-bugs-mobile em.support-uhd,
.new-payment .voucher-list-item.live-vod-bugs-mobile .voucher-item-fixed-price,
.new-payment .voucher-list-item.live-vod-bugs-save em.support-uhd,
.new-payment .voucher-list-item.live-vod-bugs-save .voucher-item-fixed-price{color:#67a6d7}
.new-payment .voucher-list-item.superpack-bugs-mobile .voucher-item-title,
.new-payment .voucher-list-item.superpack-bugs-save .voucher-item-title{background-color:#db6d58}
.new-payment .voucher-list-item.superpack-bugs-mobile em.support-uhd,
.new-payment .voucher-list-item.superpack-bugs-mobile .voucher-item-fixed-price,
.new-payment .voucher-list-item.superpack-bugs-save em.support-uhd,
.new-payment .voucher-list-item.superpack-bugs-save .voucher-item-fixed-price{color:#db6d58}
	@media all and (max-width:599px){
		.new-payment .voucher-item a .voucher-item-origin-price{width:70px}
		.new-payment .voucher-item a .voucher-item-fixed-price{width:84px}
	}
.partner-bnnr{max-width:580px;margin:0.625rem auto;width:100%}
.partner-bnnr-img{max-width:100%;vertical-align:top;}

.partner-banner{
	max-width:580px;
	margin:0 auto -18px;
	padding: 0 13px;
}
.partner-banner-img{
	max-width:100%;
	padding-bottom: 18px;
}

/*------------------------------------*\
		아카데미 이용권
\*------------------------------------*/
.new-payment .voucher-list-item.live-vod-academy-mobile .voucher-item-title,
.new-payment .voucher-list-item.live-vod-academy-save .voucher-item-title{background-color:#67a6d7}
.new-payment .voucher-list-item.live-vod-academy-mobile em.support-uhd,
.new-payment .voucher-list-item.live-vod-academy-mobile .voucher-item-fixed-price,
.new-payment .voucher-list-item.live-vod-academy-save em.support-uhd,
.new-payment .voucher-list-item.live-vod-academy-save .voucher-item-fixed-price{color:#67a6d7}
.new-payment .voucher-list-item.superpack-academy-mobile .voucher-item-title,
.new-payment .voucher-list-item.superpack-academy-save .voucher-item-title{background-color:#db6d58}
.new-payment .voucher-list-item.superpack-academy-mobile em.support-uhd,
.new-payment .voucher-list-item.superpack-academy-mobile .voucher-item-fixed-price,
.new-payment .voucher-list-item.superpack-academy-save em.support-uhd,
.new-payment .voucher-list-item.superpack-academy-save .voucher-item-fixed-price{color:#db6d58}
.new-payment .voucher-item a .ico-tobe{background:transparent url(/images/add_on/ico-triangle-right.png) no-repeat center center;-webkit-background-size:0.30494em auto;background-size:0.30494em auto}

/* 아카데미 이용권  start */
.visible{
	position: relative;
	max-width: 580px;
    margin: 18px auto 12px;
    padding: 0 13px;
 	font-size: 1.374rem
}
.visible:before{
	content: '';
	margin-right: 13px;
    border-left: 3px solid #000
}
.visible:after{
	display: block;
	clear: both;
	content: ''
}
.visible a{
	position: absolute;
	right: 12px
}
.academy-check{
	font-size: 1.0rem;
	font-weight: normal;
	color: #888	
}
.live-vod-academy-mobile a,
.superpack-academy-mobile a,
.superpack-academy-save a,
.live-vod-academy-save a{
	position: relative
}
.academy-price{
	font-size: 1.5rem;
	font-weight: bold;
	color: #888
}
.academy-fixed-price{
	font-size: 1.5rem
}
.txt-academy-price{
	font-size: 1.0rem
}
.txt-academy-price{
	position: absolute;
	display:inline-block;
	top: 0;
	right: 0;
	padding: 2px 5px;
	vertical-align:middle;
	font-weight: 400;
	border-radius: 15px
}
.live-vod-academy-mobile .txt-academy-price,
.live-vod-academy-save .txt-academy-price{
	color: #67a6d7;
	border: 2px solid #67a6d7
}
.superpack-academy-mobile .txt-academy-price,
.superpack-academy-save .txt-academy-price{
	color: #db6d58;
	border: 2px solid #db6d58
}
.academy-price,
.academy-fixed-price{
	padding-top: 30px
}
.new-payment .live-vod-academy-mobile .voucher-item a,
.new-payment .superpack-academy-mobile .voucher-item a,
.new-payment .superpack-academy-save .voucher-item a,
.new-payment .live-vod-academy-save .voucher-item a{
	background-position: right bottom 4px;
}
.new-payment .voucher-item a .academy-ico-tobe{
	background-position: center bottom 6px;
}
@media all and (min-width:768px){	
	.academy-price,
	.academy-ico-tobe,
	.academy-fixed-price{
		padding-top: 40px
	}
}
/* 아카데미 이용권  end */

.new-payment .voucher-caution{max-width:580px;margin:0 auto;padding:0 0 2.5rem;width:90.625%}
.new-payment .voucher-caution dt{margin-top:1.5625rem;margin-bottom:0.625em;font-size:.8125em;font-weight:bold;line-height:1;color:#333}
.new-payment .voucher-caution dd{font-size:.75em;margin-bottom:1em;padding-left:0.58333em;line-height:1.375;color:#555}
.new-payment .voucher-caution dd:before{content:'';position:relative;display:inline-block;left:-0.58333em;margin-top:-0.291667em;width:0.16667em;height:0.16667em;line-height:inherit;background-color:#555;vertical-align:middle}
.add-p aside{border-top:1px solid #ddd;padding:0 12px}
.add-p aside dl{margin:0 auto;max-width:480px;padding:12px 0 30px}
.add-p aside dl dt{font-size:0.8em;font-weight:bold}
.add-p aside dl dd + dt{margin-top:15px}
.add-p aside dl dd{margin-top:8px;padding-left:1.2em;background:url(/images/add_on/bull_dot.png) no-repeat 0 7px;background-size:3px 3px;font-size:0.75em;color:#555}
.add-p aside dl dd .showToggle{display:inline-block;border-bottom:1px solid #8e45d2;font:inherit;line-height:inherit;color:#8e45d2;vertical-align:baseline;white-space:wrap;}
.add-p aside dl dd .showToggle:after{content:'▼'}
.add-p aside dl dd .showToggle.on:after{content:'▲'}
.add-p aside dl dd .small {color:#d00; border-bottom:1px solid #d00;}
.add-p #canceling{overflow:hidden;margin-bottom:24px;padding:0 12px;max-height:0;background-color:#ddd}
.add-p #canceling > ul{background-color:transparent;margin:0 auto;max-width:480px;padding:12px 0 30px}
.add-p #canceling > ul > li{margin-top:8px;padding-left:1.2em;background:url(/images/add_on/bull_dot.png) no-repeat 0 7px;background-size:3px 3px;font-size:0.75em;color:#555}
.add-p #canceling > ul > li > ul{list-style-type:none}
/* 이용권 구매 : 코인 */
.add-p .voucher-box{border-top:1px solid #d2d2d2;padding:18px 12px;min-width:296px}
.add-p .voucher-box .voucher-header{background-color:#fff}
.add-p .voucher-box .voucher-header.extend{padding:14px 13px}
.add-p .voucher-box .voucher-header h2{margin:0;border-bottom:1px solid #ddd;padding:8px 13px;font-size:0.95em;font-weight:bold;color:#333;letter-spacing:-1px}
.add-p .voucher-box .voucher-header h2 span{padding-left:0.3em;font-size:0.85em;font-weight:normal;color:#7d7d7d}
.add-p .voucher-box .voucher-header .description{border-bottom:1px solid #ddd;padding:8px 13px;font-size:0.75em;color:#7a7a7a;letter-spacing:-1px}
.add-p .voucher-box div + .total-price{border-top:0}
.add-p .voucher-box .total-price{overflow:hidden;border:1px solid #ddd;padding:13px;background-color:#fafaf9;color:#333;font-size:0.9em;font-weight:bold;text-align:right;line-height:1.6}
.add-p .voucher-box .total-price .label,
.add-p .voucher-box .total-price label{float:left;padding-left:2.5em;background:url(/images/add_on/ico_total.png) no-repeat 0.5em 50%;background-size:20px 20px}
.add-p .total-price label,
.add-p .total-price span{display:inline-block;vertical-align:middle}
.add-p .voucher-box .total-price .price{border:0;width:5em;padding-right:0.2em;background-color:transparent;font:inherit;text-align:right;line-height:inherit;color:inherit;vertical-align:inherit;-webkit-appearance:none}
.add-p .voucher-box .total-price .offer{color:#8e45d2}
.add-p .voucher-box .total-price .discount-after label,
.add-p .voucher-box .total-price .discount-after .label{background-image:none;font-weight:normal}
.add-p .pay-choice{padding:18px 12px;border-top:1px solid #ddd;min-width:296px}
.add-p .pay-choice h2{border:1px solid #ddd;padding:9px 13px;background:#fff url(/images/add_on/ico_pay.png) no-repeat 1em 13px;background-size:26px 18px;font-size:0.9em;font-weight:bold;color:#333;text-indent:2.4em;letter-spacing:-1px}
.add-p .pay-choice h2 + .pay-group{border-top:0}
.add-p .pay-choice .pay-group{border:1px solid #ddd;padding:11px 0 14px;background-color:#fafaf9;text-align:center}
.add-p .pay-choice .pay-group > span{word-break:keep-all;white-space:nowrap}
.add-p .pay-choice .pay-group input{height:24px;vertical-align:middle}
.add-p .pay-choice .pay-group label{font-size:0.8em}
.add-p .pay-choice .pay-group input + label + input{margin-left:1.5em}
.add-p .pay-choice .agree-auto-pay{border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px 1em 14px;background-color:#fafaf9;text-align:left}
.add-p .pay-choice .agree-auto-pay{margin-top:15px}
.add-p .pay-choice .agree-auto-pay + .agree-auto-pay{margin-top:0;border-top:0}
.add-p .pay-choice .agree-auto-pay input{height:24px;vertical-align:middle}
.add-p .pay-choice .agree-auto-pay label{font-size:0.8em}
.add-p .pay-choice button + button{margin-left:10px}
.add-p .pay-choice .btns{overflow:hidden;margin-top:15px;text-align:center}
.add-p .pay-choice .btns a{display:inline-block;border:1px solid #8e45d2;border-radius:3px;padding:10px 0;width:48.7%;font-size:0.8em;text-align:center;vertical-align:top}
.add-p .pay-choice .btns .btn-pay{float:left;background-color:#8e45d2;color:#fff}
.add-p .pay-choice .btns .btn-cancel{float:right;background-color:transparent;color:#8e45d2}
.add-p .pay-choice .tag-event{width:33px;vertical-align:middle}
	@media all and (min-width:480px){
		.add-p .voucher-box .voucher-header,
		.add-p .voucher-box .total-price{margin:0 auto;max-width:478px}
		.add-p .pay-choice h2,
		.add-p .voucher-box .total-price{margin:0 auto;max-width:452px}
		.add-p .pay-choice .pay-group{margin:0 auto;max-width:478px}
		.add-p .agree-auto-pay,
		.add-p .pay-choice .btns{margin-right:auto;margin-left:auto;max-width:478px}
	}

.add-p .voucher-box div + .voucher-main{border-top:0}
.add-p .voucher-box .voucher-main{border:1px solid #ddd;padding:0 10px;background-color:#fafaf9}
.add-p .voucher-box .voucher-main div:first-child{border-top:0}
.add-p .voucher-box .voucher-main div{overflow:hidden;border-top:1px solid #ddd;padding:12px 5px;font-size:0.8em;color:#333}
.add-p .voucher-box .voucher-main div span,
.add-p .voucher-box .voucher-main div label{float:left;line-height:30px;vertical-align:middle}
.add-p .voucher-box .voucher-main div #dcApply{float:right;border:0;background-color:transparent;line-height:31px;text-align:right}
.add-p .voucher-box .voucher-main div .dcApply{float:right;border:0;background-color:transparent;line-height:31px;text-align:right}
.add-p .voucher-box .voucher-main div span + span{float:right}
.add-p .voucher-box .voucher-main div span + em{float:right;font-size:1.2em;font-weight:bold;font-style:normal}
	@media all and (min-width:480px){
		.add-p .voucher-box .voucher-main{margin:0 auto;max-width:458px}
	}
.add-p .pay-choice .total-price{overflow:hidden;margin-top:15px;border:1px solid #ddd;padding:12px 13px 13px;background-color:#fff}
.add-p .pay-choice .total-price span{float:left;padding-top:2px;padding-left:3em;background:url(/images/add_on/ico_total.png) no-repeat 0.5em 50%;background-size:20px 20px;font-size:0.8em;font-weight:bold;color:#8e45d2}
.add-p .pay-choice .total-price span + strong{float:right;padding-right:0.6em;background-image:none;font-size:0.95em;color:#8e45d2}
.add-p .pay-choice .total-price span + strong:before{margin-right:0.8em;font-weight:normal;color:#ddd;content:'|'}
.add-p .voucher-box .voucher-main div .coin-number:before{display:inline-block;margin-right:7px;width:20px;height:20px;background: url(/images/mobile/input_radio.png) no-repeat;background-position:0px -24px;background-size:17px 42px;-webkit-background-size:17px 42px;vertical-align:middle;content:''}
.add-p .voucher-box .voucher-main div input:checked + .coin-number:before{background-position:0 0}
.add-p .voucher-box .voucher-main div input[type="radio"] + label{float:none}
.add-p .voucher-box .voucher-main div input[type="radio"] + label:before{margin:0;width:auto;background:none}
	@media all and (min-width:480px){
		.add-p .pay-choice .total-price{margin:15px auto 0;max-width:452px}
		.add-p .voucher-box .btns{margin:15px auto 0;max-width:480px}
	}
/* 이용권구매 쿠폰 */
.add-p .voucher-coupon fieldset{max-width:580px;margin:0.625rem auto;width:90.625%}
.add-p .voucher-coupon h2{border-left:0.125rem solid #b7b7b7;margin-bottom:0.625rem;padding-left:0.625rem;font-size:1.2rem;font-weight:bold;line-height:1}
.add-p .voucher-coupon input[type="text"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;border:1px solid #ddd;padding:0 1em;margin-bottom:0.625rem;width:100%;background-color:#fff;border-radius:5px;-webkit-border-radius:5px;font-size:0.75em;line-height:3.3333;}
.add-p .voucher-coupon .btns{text-align:center}
.add-p .voucher-coupon .btns:after{clear:both;content:'';display:table;overflow:hidden}
.add-p .voucher-coupon .btns button{display:inline-block;border:1px solid #8e45d2;border-radius:5px;width:48.62069%;font-size:0.875rem;text-align:center;line-height:3}
.add-p .voucher-coupon .btns a {display:inline-block;border:1px solid #8e45d2;border-radius:5px;width:48.62069%;color:#8e45d2;font-size:0.875rem;text-align:center;line-height:3.1;}
.add-p .voucher-coupon .btns button[type="submit"]{background-color:#8e45d2;color:#fff}
/* new search */
.new_srch {font-size:16px; background:#fff;}
.new_srch .srch-cont .srch-list {padding:0;}
/*.new_srch .srch-cont.few .srch-list {min-height:129px;}*/
.new_srch .srch-cont .srch-list li {position:relative; padding:0; border-bottom:1px solid #e9e9e9;}
.new_srch .srch-cont .srch-list li a{font-size:16px;}
.new_srch .srch-cont .srch-list li a .sp-img {display:inline-block; margin-right:5px; width:20px; height:20px; vertical-align:middle; background:url(../images/common/sp_ico.png?v=2017060701) no-repeat 12px center; background-size:500px auto; background-position:-160px 0; text-indent:-9999px; overflow:hidden;}
.new_srch .srch-cont .srch-list li .btn_del {position:absolute; top:10px; right:40px; width:20px; height:20px; background:url(../images/common/sp_ico.png?v=2017060701) no-repeat; background-size:500px auto; background-position:-180px 0;}
.new_srch .srch-cont .btn-area{padding:25px 40px;}
.new_srch .srch-cont .btn-area .btn_delete{display:block; padding:10px 0;width:100%;background:#fff;border:1px solid #b6b6b6;font-size:1.3rem;color:#666;text-align:center}
/* new product buy */
.new-product-buy nav{overflow:hidden;border-top:1px solid #e2e2e2;min-width:320px;background-color:#fff}
.new-product-buy nav a{float:left;display:inline-block;padding:8px 0 6px;width:25%;font-size:15px;color:#444;text-align:center;letter-spacing:-1px}
.new-product-buy nav a.on{border-bottom:3px solid #8e45d2;font-weight:bold;color:#8e45d2}
.new-product-buy .voucher-list{border-top:1px solid #d2d2d2;padding:18px 12px;min-width:296px}
.new-product-buy .voucher-list dl{border:1px solid #ddd;background-color:#fff}
.new-product-buy .voucher-list dl > dt{padding:9px 13px;font-size:0.95em;font-weight:bold;color:#333;letter-spacing:-1px}
.new-product-buy .voucher-list dl > dt span{padding-left:0.188em;font-size:0.85em;font-weight:normal;color:#7d7d7d}
.new-product-buy .voucher-list dl > dd{border-top:1px solid #ddd}
.new-product-buy .voucher-list dl > dd.descript{padding:14px 13px 12px;font-size:0.75em;color:#7a7a7a}
.new-product-buy .voucher-list dl > dd.option{border-top:0}
.new-product-buy .voucher-list dl > dd ul li a{overflow:hidden;display:block;border-top:1px solid #ddd;padding:13px;background:#fafaf9 url(/images/add_on/ico_arrow_link.png) no-repeat right 17px;background-size:26px 53px}
.new-product-buy .voucher-list dl > dd ul li a span{float:left;font-size:0.95em;color:#333}
.new-product-buy .voucher-list dl > dd ul li a span + span{float:right;padding-right:2.5em;padding-left:0;background-image:none;font-weight:normal;color:#333}
.new-product-buy .voucher-list dl > dd ul li a span + span:before{margin-right:0.8em;color:#ddd;content:'|'}
.new-product-buy .voucher-list dl > dd ul li a:hover,
.new-product-buy .voucher-list dl > dd ul li a:active{background:#8e45d2 url(/images/mobile/ico_arrow_link.png) no-repeat right -21px;background-size:26px 53px}
.new-product-buy .voucher-list dl > dd ul li a:hover span,
.new-product-buy .voucher-list dl > dd ul li a:active span,
.new-product-buy .voucher-list dl > dd ul li a:hover span:before,
.new-product-buy .voucher-list dl > dd ul li a:active span:before{background-position:0 2px;color:#fff}
.new-product-buy .own-coin{padding:18px 12px 0;min-width:296px;text-align:right;}
.new-product-buy .own-coin + .voucher-list{border-top:0}
@media all and (min-width:480px){
	.new-product-buy .voucher-list dl{margin:0 auto;max-width:480px}
	.new-product-buy .own-coin p{margin:0 auto;max-width:480px;font-size:0.9em;color:#333;font-weight:bold}
}

/* tizen product payment */
.tizen_payment .voucher-box .voucher-main div select{float:right;border:1px solid #ddd;padding:5px 10px 5px 7px;width:74%;background-position:75px 50%;background:#fff url(/images/add_on/ico_select.png) no-repeat 100% 50%;background-size:22px 10px;-webkit-background-size:22px 10px;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;line-height:26px;text-indent:0.01px}
.tizen_payment .voucher-box .voucher-main div select option{display:block;padding:0px 2px 1px;min-height:1.2em;white-space:pre}
.tizen_payment .voucher-box .voucher-main div .coin-use-group{position:relative;float:right;border:0;padding:0;width:74%;height:85px}
.tizen_payment .voucher-box .voucher-main div .coin-use-group span{position:absolute;left:0;right:0;border:1px solid #ddd;padding-right:0.5em;background-color:#fff;border-radius:3px;font-size:1.1em;line-height:38px;text-align:right}
.tizen_payment .voucher-box .voucher-main div .coin-use-group span input{float:left;border:0;padding-left:0.5em;width:80%;background-color:transparent;line-height:38px}
.tizen_payment .voucher-box .voucher-main div .coin-use-group em{position:absolute;left:0;bottom:6px;font-weight:normal;color:#7a7a7a;letter-spacing:-1px}
.tizen_payment .voucher-box .voucher-main div .coin-use-group .btn-total-use{position:absolute;right:0;bottom:0;padding:8px 1em;border:1px solid #ddd;background-color:#fff;border-radius:3px;font-size:1.1em;color:#666}
.tizen_payment .btns{overflow:hidden;margin-top:15px;text-align:center}
.tizen_payment .btns a{display:inline-block;border:1px solid #8e45d2;border-radius:3px;padding:10px 0;width:48.7%;font-size:0.8em;text-align:center;vertical-align:top}
.tizen_payment .btns .btn-pay{float:left;background-color:#8e45d2;color:#fff}
.tizen_payment .btns .btn-cancel{float:right;background-color:transparent;color:#8e45d2}
.tizen_payment .voucher-box .voucher-main .total-price {border-left:0; border-right:0;}
.tizen_payment .voucher-box .voucher-main .total-price span {float:none;}
.tizen_payment .voucher-box .voucher-main .coin-info {padding:4px 5px;font-size:0.9em;text-align:right;border-top:0;border-bottom:1px solid #ddd;}
.tizen_payment .voucher-box .voucher-main .coin-info .row {padding:0 5px;border:0;}
.tizen_payment .voucher-box .voucher-main .coin-info span {float:none;line-height:18px;}
.tizen_payment .voucher-box .voucher-main .coin-info .coin {border:0;width:5em;padding-right:0.2em;background-color:transparent;font:inherit;text-align:right;line-height:inherit;color:inherit;vertical-align:inherit;-webkit-appearance:none}
.tizen_payment .voucher-box .voucher-main .coin-charge {padding:5px 0; text-align:right;border-top:0;}
.tizen_payment .voucher-box .voucher-main .coin-charge .btn-charge {display:inline-block; width:25%; height:28px; line-height:28px; color:#fff; font-weight:normal; text-align:center; border:1px solid #8e45d2; background:#8e45d2; border-radius:5px;}

/* program detail button */
.vod-cont .program-fnc-btn{position:absolute;top:11px;right:11px}
.vod-cont .program-fnc-btn button{overflow:hidden;width:3.3rem;height:3.3rem}
.vod-cont .program-fnc-btn button:before{content:"";display:block;width:100%;min-height:100%;background-image:url(../images/common/sp_ico.png?v=2017060701);-webkit-background-size:50rem auto;background-size:50rem auto;background-repeat:no-repeat;background-position:0 -23rem}
.vod-cont .program-fnc-btn button.reserve-upload-alarm:before{background-position:0 -23rem}
.vod-cont .program-fnc-btn button.reserve-upload-alarm.reserved:before{background-position:-3.3rem -23rem}
.vod-cont .program-fnc-btn button.program-info{margin-left:0.8rem;}
.vod-cont .program-fnc-btn button.program-info:before{background-position:-6.6rem -23rem}

/* adult certification */
.adult_check .ico {padding:65px 0 25px; text-align:center;}
.adult_check .ico img {width:40%;}
.adult_check .summary {margin-bottom:50px; color:#333; font-size:1.5rem; text-align:center;}
.adult_check .summary strong {color:#484848; font-size:1.7rem;}
.adult_check .btn_area {padding:0 12px;}
.adult_check .btn_area a {display:block; height:34px; line-height:34px; font-size:1.2rem; font-weight:bold; text-align:center; border:1px solid #8e45d2;}
.adult_check .btn_area .in {margin-bottom:12px; color:#fff; background:#8e45d2;}
.adult_check .btn_area .out {color:#8e45d2; background:none;}