@charset "utf-8";

/*영상 리스트*/
.playLstArea {position: relative;display: block;margin-bottom: 30px;z-index: 1}
.playLst_title {position: relative;display: block;z-index: 2}
.playLst_title h3 {display: inline-block;font-size: 23px;color: #111;line-height: 130%;letter-spacing: -0.05em;font-weight: 600;}
.playLst_title .more {position: absolute;top: -5px;right: 0;width: 30px;height: 30px;border: 1px solid #bbb;text-indent: -999999px}
.playLst_title .more:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 31px;text-align: center;text-indent: 0;content: "\f2c2";color: #444;font-family: FontAwesome,LineAwesome;font-style: normal;font-size: 21px;display: block}

.playLst_control {position: absolute;top: -7px;right: 0;z-index: 50}
.playLst_control button {position: relative;display: inline-block;width: 35px;height: 35px;background: #fafafa;border: 1px solid #ddd;text-indent: -99999px}
.playLst_control button:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;text-align: center;text-indent: 0;line-height: 33px;color: #333;font-size: 20px;font-family: FontAwesome,LineAwesome;}
.playLst_control .playLst_prev:after {content: "\f111"}
.playLst_control .playLst_next:after {content: "\f112"}

.playLst {position: relative;display: block;width: 1116px;margin-left: -3px;z-index: 5}
.playLst .item {position: relative;display: inline-block;width: 260px;background: #fff;border: 1px solid #ddd;margin:10px 6px;-webkit-transition-duration: 0.2s;transition-duration: 0.2s;vertical-align: top}
.playLst .item:hover, .playLst .item:focus, .playLst .item:active {box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.02); transform: scale(1.02);}

.playLst .item .voucher {position: absolute;top: 0;right: 0;padding: 0 12px;height: 25px;line-height: 25px;background: #15adb3;color: #fff;display: inline-block;z-index: 10}

.playLst .item .img {display: block;height: 158px;overflow: hidden;border-bottom: 1px solid #ddd}
.playLst .item .img a {display: block}
.playLst .item .img  a img {width: 265px;height: 158px;}

.playLst .item .txt-box {position: relative;display: block;padding: 15px;}
.playLst .item .txt-box span {display: block;height: 40px;overflow: hidden}
.playLst .item .txt-box span a {color: #222;line-height: 150%;}
.playLst .item .txt-box b {display: block;margin-top: 15px;font-size: 15px;text-align: right;}
.playLst .item .txt-box b.free {color: #f44336}

.playLst .item .playLst-info {position: absolute;display: block;overflow: hidden;bottom: 10px;left: 15px;}
.playLst .item .playLst-info .channel {position: relative;display: inline-block;float: left;width: 100px;padding-left: 35px;line-height: 30px;}
.playLst .item .playLst-info .channel i {position: absolute;top: 50%;left: 0;width: 26px;height: 26px;border: 2px solid #fff;margin-top: -15px;overflow: hidden;border-radius: 50%;}
.playLst .item .playLst-info .channel i img {width: 26px;height: 26px;display: block}
.playLst .item .playLst-info .channel span {display: block;width: 100%;color: #777;font-size: 12px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis}

.playLst .item .playLst-info .rating {position: relative;display: inline-block;float: right;width: 100px;text-align: right;}
.playLst .item .playLst-info .rating i {position: relative;display: inline-block;width: 10px;vertical-align: top;color: #cbcbcb}
.playLst .item .playLst-info .rating i:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 30px;content: "\f005";font-family: FontAwesome;font-style: normal;font-size: 12px;display: block}
.playLst .item .playLst-info .rating i.on {color: #ef5350}
.playLst .item .playLst-info .rating span {display: inline-block;vertical-align: top;font-size: 12px;color: #777;line-height: 30px;margin-left: 2px}

.playLstArea .playMore {position: absolute;top: 10px;right: 0;width: 40px;height: 40px;border: 1px solid #ddd;background: #fff url("/re_images/tv/pc/contents/playLst-more.png") no-repeat center;z-index: 100}
.playLstArea .playMore span {display: inline-block;text-indent: -99999px}

/* 소방승진 : 모의고사 */
.playLst.flex { display: flex; flex-wrap: wrap}
.text-tag { display: inline-block;font-size: 12px; color: #e91e63; font-style: normal; border: 1px solid #e91e63; border-radius: 4px; white-space: nowrap; padding: 0px 5px; margin-bottom: 5px}
.text-tag.blue { color: #3F51B5; border-color: #3F51B5}

.playLst .item.exam a { display: block; font-size: 14px; font-family: 'Noto Sans KR', sans-serif; color: #222; font-weight: 500; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2}
.playLst .item.exam .txt-btm { display: flex; align-items: center; justify-content: space-between}
.playLst .item.exam .txt-btm .num { font-family: 'Noto Sans KR', sans-serif; font-style: normal; color: #fe8b41; font-weight: 500; margin-top: 15px}


/* 소방승진 : 관련도서 */
.playLst .item.book { width: calc(20% - 20px)}
.img-tag { position: absolute; top: 0; right: 0; padding: 0 12px; height: 25px; line-height: 25px; background: #15adb3; color: #fff; display: inline-block; z-index: 10}

.book-img { position: relative; display: flex; justify-content: center; padding: 15px}
.book-img a { display: block}
.book-img .book-in { position: relative; display: block; width: 94px; height: 136px;}
.book-img .book-in:hover:after { content: ""; position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;background: rgba(12,35,57,0.6);z-index: 50}
.book-img .book-in:hover:before { content: "more +"; position: absolute;display: block;top: 50%;left: 50%;width: 70px;height: 28px;line-height: 26px;margin: -14px 0 0 -35px; text-align: center;font-size: 12px;color: #fff;border: 1px solid #fff;border-radius: 30px;z-index: 55}
.book-img .book-in img { display: block; width: 100%; height: 100%}

.book-text { padding: 0 15px 15px 15px}
.book-text .stitle { display: block; height: 52px; font-size: 13px; color: #222; line-height: 130%}
.book-text .stitle a { display: block; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.book-text .price { display: block; font-family: 'Spoqa Han Sans', 'Sans-serif'; font-size: 13px; font-weight: 600; text-align: center}
.book-text .price i { display: inline-block; margin-right: 3px; color: #f22020; font-weight: 600; font-style: normal; font-size: 11px}


/*관심카테고리*/
.choice-wrap {position: relative;display: block;overflow: hidden;height: 100%;margin: 0 auto 30px}
.choice-wrap .ctgChoice-LstBox {position: relative;display: block;overflow: hidden;margin-bottom: 15px;padding: 5px;border-radius: 7px}
.choice-wrap .ctgChoice-LstBox:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: "";z-index: 0;
    background: #09a268; /* Old browsers */
    background: -moz-linear-gradient(left,  #09a268 0%, #0b8c9f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #09a268 0%,#0b8c9f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #09a268 0%,#0b8c9f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09a268', endColorstr='#0b8c9f',GradientType=1 ); /* IE6-9 */
}
.choice-wrap .channelLst_block {position: relative;display: block;overflow: hidden}
.choice-wrap .ctgChoice-LstBox .cont {position: relative;display: block;overflow: hidden;background: #fff;padding: 0 30px 25px 30px;z-index: 10;border-radius: 7px}
.choice-wrap .ctgChoice-LstBox .top {position: relative;display: block;padding: 10px 30px;}
.choice-wrap .ctgChoice-LstBox .top i.ico {position: absolute;top: 0;left: -10px;width:32px;height: 34px;background: url("/re_images/tv/pc/contents/ctgChoice-ico.png") no-repeat}
.choice-wrap .ctgChoice-LstBox .top .txt {display: block;font-weight: 600;font-size: 15px}
.choice-wrap .ctgChoice-LstBox .top .txt b {color: #f57c00}
.choice-wrap .ctgChoice-LstBox .top .txt  em {display: inline-block;font-size: 12px;color: #777;font-style: normal}
.choice-wrap .ctgChoice-LstBox .choice-Lst {display: block;overflow: hidden}
.choice-wrap .ctgChoice-LstBox .choice-Lst li {float: left;margin: 5px 10px 5px 0;background: #e9e9e9;border: 1px solid #e9e9e9;padding: 0 15px;border-radius: 30px;}
.choice-wrap .ctgChoice-LstBox .choice-Lst li span {float: left;font-size: 13px;line-height: 30px;color: #555;}
.choice-wrap .ctgChoice-LstBox .choice-Lst li .del {float: left;margin-left: 3px;width: 20px;height: 30px;background: url("/re_images/tv/pc/contents/del-btn-w.png") no-repeat center;text-indent: -99999px}
.choice-wrap .ctgChoice-LstBox .choice-Lst li:hover {border: 1px solid #7d7f84}

.choice-wrap .ctgChoice-LstBox .ctg-choice ul { display: flex; align-items: center; justify-content: center; gap: 0 20px; padding: 20px 0}
.choice-wrap .ctgChoice-LstBox .ctg-choice ul li label { font-family: 'Noto Sans KR', sans-serif; font-weight: 500}
.choice-wrap .ctgChoice-LstBox .ctg-choice ul li .chek-st01 { padding-left: 30px}
.choice-wrap .ctgChoice-LstBox .ctg-choice .input-etc { text-align: center}

.choice-wrap .no_choice_cate {position: relative;display: block;text-align: left;margin: 0 auto; width: 300px;border-radius: 7px;padding: 15px 15px 15px 55px;background: #f3f3f3;margin-top: 10px}
.choice-wrap .no_choice_cate:after {position: absolute;top: 50%;left: 15px;width: 40px;height: 40px;margin-top: -20px;content: "\f24b";color: #f57c00;text-align: center;line-height: 40px;font-size: 35px;font-family: FontAwesome,LineAwesome}

.ctg-LstBox {position: relative;display: block;overflow: hidden;border-left: 1px solid #cbcbcb;}
.ctg-LstBox .ctgLstul, .ctg-LstBox .no-ctg  {float: left;width:33.33%;margin-left: -1px;height: 300px;vertical-align: middle;background: #fff;box-sizing: border-box}
.ctg-LstBox .ctgLstul {border: 1px solid #cbcbcb;background: #fbfbfb !important;overflow-y: scroll;height: 320px;padding: 10px 0}
.ctg-LstBox .ctgLstul li {display: block;padding: 0 15px;}
.ctg-LstBox .ctgLstul li a {display: block;line-height: 30px;}
.ctg-LstBox .ctgLstul li.on a {padding-left: 18px;background: url("/re_images/manager/pc/contents/check-btn.png") no-repeat 0 9px;color: #f57c00;font-weight: 600}

.ctg-LstBox .no-ctg {height: 320px;border: 1px solid #cbcbcb !important;text-align: center;}
.ctg-LstBox .no-ctg div {display: inline-block;color: #888;font-size: 14px;padding-top: 95px;background: url("/re_images/manager/pc/contents/no-ctg-ico.png") no-repeat center top;margin: 105px 0}

.btn_more {position: relative;display: block;padding: 0 0 0 8px;margin-top: 10px}
.btn_more a {position: relative;display: block;border: 1px solid #ccc;padding: 10px 0;text-align: center;border-radius: 7px;background: #fff;color: #666}
.btn_more a span {position: relative;display: inline-block;padding-right: 17px;font-size: 14px;height: 20px;line-height: 20px;}
.btn_more a span:after {position: absolute;top: 0;right: 0;width: 15px;height: 20px;line-height: 20px;font-size: 11px}
.btn_more a span.more_on:after {content: "▼";}
.btn_more a span.more_off:after {content: "▲";}


.member_outBox {position: relative;display: block;background: #fff;border: 1px solid #d7dce3;padding: 30px;width: 500px;margin: 80px auto 0;text-align: center;}
.member_outBox .h3_titB {text-align: center}

/*채널리스트*/
.channelLst-wrap {position: relative;display: block;overflow: hidden;width: 1116px;margin-left: -8px;padding-bottom: 40px}
.channelLst-wrap .item {position: relative;display: inline-block;width: 220px;background: #fff;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;margin:10px 7px;text-align: center;padding: 20px;
    -webkit-transition-duration: 0.2s;transition-duration: 0.2s;}
.channelLst-wrap .item:hover, .channelLst-wrap .item:focus, .channelLst-wrap .item:active {box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.02); transform: scale(1.02);}
.channelLst-wrap .item .channelImg {position: relative;display: block;margin-bottom: 5px}
.channelLst-wrap .item .channelImg span {display: inline-block;width: 70px;height: 70px;overflow: hidden;border-radius: 50%;border: 1px solid #ddd}
.channelLst-wrap .item .channelImg span img {display: block;width: 70px;height: 70px;}
.channelLst-wrap .item .channelNmae {display: block;font-size: 13px;color: #222;font-weight: 600;height: 22px;line-height: 22px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.channelLst-wrap .item .channelTxt {display: block;font-size: 13px;color: #777;font-weight: normal;height: 22px;line-height: 22px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.channelLst-wrap .item .channelBtn {position: relative;display: block;margin-top: 15px}
.channelLst-wrap .item .channelBtn a {display: inline-block;line-height: 30px;height: 30px;width: 120px;border-radius: 30px;border: 1px solid #ccc;-webkit-transition-duration: 0.2s;transition-duration: 0.2s;}

.channelLst-wrap .item:hover a, .channelLst-wrap .item:focus a, .channelLst-wrap .item:active a {background: #f57c00;border: 1px solid #f57c00;color: #fff}

.channelLst-wrap h3 {position: relative;display: block;overflow: hidden;font-size: 16px;color: #333;font-weight: 600;padding: 10px 0 0 8px;margin-bottom: 5px}
.channelLst-wrap h3:after {position: absolute;top: 0;left: 8px;width: 20px;height: 3px;background: #09a16a;content: ""}

    /*--------------------------------------------------   리스트 영역  --------------------------------------------------*/

/*.listPage-Top {position: relative;display: block;border: 1px solid #ddd;background: #fff;;padding: 20px 20px 20px 230px;}*/
.listPage-Top  {position: relative;display: block;padding: 30px 0 30px 275px;margin-top: -30px}
.listPage-Top:after {position: absolute;top: 0;left: 50%;width: 2000px;height: 100%;background: #eaf0f3 url("/re_images/tv/pc/contents/c_patten02.png") repeat;margin-left: -1000px;content: "";z-index: 0}


.listPage-Top .txtBox {position: absolute;top:28px;left: 0;z-index: 10}
.listPage-Top .txtBox h3 {position: relative;display: block;font-size: 28px;color: #222;font-weight: normal;line-height: 160%;}
/*.listPage-Top .txtBox h3:after {position: absolute;top: 0;left: 0;width: 20px;height: 3px;background: #f44336;content: "";}*/
.listPage-Top .txtBox span {display: block;font-size: 14px;color: #777;line-height: 150%}

.listPage-Top .slider-control {position: absolute;top: 100px;left: 0;width: 100%;overflow: hidden;z-index: 100}
.listPage-Top .slider-control button {position: relative;width: 35px;height: 35px;display: block;float: left;text-indent: -99999px;border: 1px solid #ddd}
.listPage-Top .slider-control .eventSlider-prev {background: #fff url("/re_images/tv/pc/contents/slide-prev-s.png") no-repeat center;}
.listPage-Top .slider-control .eventSlider-next {margin-left: -1px;background: #fff url("/re_images/tv/pc/contents/slide-next-s.png") no-repeat center;}
.listPage-Top .slider-control .popularSlider-prev {background: #fff url("/re_images/tv/pc/contents/slide-prev-s.png") no-repeat center;}
.listPage-Top .slider-control .popularSlider-next {margin-left: -1px;background: #fff url("/re_images/tv/pc/contents/slide-next-s.png") no-repeat center;}

.listPage-Top.noChannel {padding: 0 !important;height: 250px;}
.listPage-Top.noChannel:after {background: url("/re_images/tv/pc/contents/ctg-noChannel.jpg") no-repeat top center !important;}
.listPage-Top.noChannel .asTxtBox {position: absolute;top: 50%;left: 50%;width: 500px;margin: -75px 0 0 -250px;text-align: center;z-index: 10}
.listPage-Top.noChannel .asTxtBox b {display: block;font-size: 28px;color: #fff;line-height: 150%;font-weight: normal;}
.listPage-Top.noChannel .asTxtBox span {display: block;font-size: 15px;color: #fff;line-height: 150%;opacity: 0.8;margin: 10px 0 20px}
.listPage-Top.noChannel .asTxtBox a {display: inline-block;padding: 0 15px;border: 1px solid #fff;border-radius: 5px}
.listPage-Top.noChannel .asTxtBox a span {display: inline-block;font-size: 15px;color: #fff;line-height: 40px;margin: 0;opacity: 1}

.listPage-Top.noChannel .asTxtBox a:hover {border: 1px solid #14cce2}
.listPage-Top.noChannel .asTxtBox a:hover span {color: #14cce2}

.eventSlider {position: relative;display: block;width: 830px;z-index: 10}
.eventSlider .item-type {top: 5px;left: 3px;}
.eventSlider .item {position: relative;display: inline-block;width: 265px;background: #fff;border: 1px solid #ddd;margin:0 10px;-webkit-transition-duration: 0.2s;transition-duration: 0.2s;}
.eventSlider .item:hover .img a:after, .playLst .item:focus .img a:after, .playLst .item:active .img a:after {opacity: 1}
.eventSlider .item-type {width: auto}
.eventSlider .item-type span {line-height: 24px;}
.eventSlider .item .img {position: relative;display: block;height: 137px;overflow: hidden;}
.eventSlider .item .img a {position: relative;display: block}
.eventSlider .item .img a:after {opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(69,73,77,0.7) url("/re_images/tv/pc/main/event-more.png") no-repeat center;overflow: hidden;content: "";-webkit-transition-duration: 0.2s;transition-duration: 0.2s;z-index: 0}
.eventSlider .item .img a img {width: 265px;height: 137px;}

.eventSlider .item .txt-box {position: relative;display: block;padding: 15px;}
.eventSlider .item .txt-box b {display: block;font-size: 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom: 5px}
.eventSlider .item .txt-box b a {color: #333;font-weight: normal}
.eventSlider .item .txt-box .txt {display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: #888;height: 20px;}
.eventSlider .item .txt-box .date {display: block;margin-top: 10px;font-size: 12px;font-family: "돋움", Dotum;color: #888;letter-spacing: -0.05em;}
.eventSlider .item .txt-box .date em {position: relative;display: inline-block;font-style: normal;margin-right: 7px;padding-right: 7px;color: #555;}
.eventSlider .item .txt-box .date em:after {position: absolute;display: block;top: 50%;right:0;margin-top: -5px;background: #bcc4cc;width: 1px;height: 10px;content: "";}

.popularSlider {position: relative;display: block;overflow: hidden;margin: 25px 0;z-index: 10}
.popularSlider .item {position: relative;display: block;margin: 0 5px;-webkit-transition-duration: 0.2s;transition-duration: 0.2s;}
.popularSlider .item a {position: relative;display: block;background: #fff;padding: 15px 15px 15px 85px;}
.popularSlider .item a i {position: absolute;top: 50%;left: 15px;width: 60px;height: 60px;margin-top: -30px;overflow: hidden;border-radius: 50%;}
.popularSlider .item a i img {width: 60px;height: 60px;display: block}
.popularSlider .item a b {display: block;font-size: 14px;font-weight: normal;margin-bottom: 5px;line-height: 140%;overflow:hidden;white-space:nowrap; text-overflow:ellipsis}
.popularSlider .item a span {display: block;font-size: 12px;color: #888;font-family: "돋움", Dotum;line-height: 140%;height: 30px;overflow: hidden}

.popularSlider .item:hover a, .popularSlider .item:focus a, .popularSlider .item:active a {box-shadow: inset 0 0 0 1px #ccc, 0 0 1px transparent;}


.listPage-Title {position: relative;display: block;margin: 30px 0 15px;text-align: center}
.listPage-Title.pad0 {margin-top: 0;}
.listPage-Title h3 {display: block;font-size: 30px;color: #333;line-height: 150%;font-weight: normal;letter-spacing: -0.05em}
.listPage-Title span {display: block;text-align: center;font-size: 14px;}
.listPage-Title span b {color:#ff6d1d }

.listPage-Cont {position: relative;display: block;padding-bottom: 40px;}
.listPage-Cont.ctglist {overflow: hidden;padding-top: 40px}

.listPage-left {position: relative;display: block;float: left;width: 220px;}
.listPage-left h2 {display: block;font-size: 19px;color: #222;font-weight: 600;line-height: 30px;letter-spacing: -0.1em;border-bottom: 1px solid #ddd;padding-bottom: 5px;}
.listPage-left .depth1 {display: block;overflow: hidden;}
.listPage-left .depth1 .lm-l1 {display: block;}
.listPage-left .depth1 .lm-a1 {display: block;font-size: 14px;color: #555;font-weight: 600;line-height: 40px;border-bottom: 1px solid #ddd;padding: 0 10px}
.listPage-left .depth1 .active .lm-a1 {color: #f44336;}

.listPage-left .depth2-wrap {display: block;background: #f2f2f2;border-bottom: 1px solid #ddd;padding: 10px}
.listPage-left .depth2 {display: block;overflow: hidden;}
.listPage-left .depth2 .lm-l2 {display: block;}
.listPage-left .depth2 .lm-a2 {position: relative;display: block;font-size: 13px;color: #777;line-height: 26px;padding: 0 10px 0 20px}
.listPage-left .depth2 .lm-a2:after {position: absolute;top: 50%;left: 10px;width: 5px;height: 2px;margin-top:0;background: #777;content: ""}
.listPage-left .depth2 .active .lm-a2 {color: #f44336;}
.listPage-left .depth2 .active .lm-a2:after {background: #f44336}

.listPage-right {position: relative;display: block;float: right;width: 830px;}
.listPage-right-Top {position: relative;display: block;margin-bottom: 20px;}
.listPage-right-Top h3 {display: block;font-size: 20px;color: #333;line-height: 150%;font-weight: normal}
.listPage-right-Top .alignBox {position: absolute;top: -5px;right: 0;width: 150px;height: 35px;}
.listPage-right-Top .alignBox select {text-indent: 0;padding-left: 10px;width: 150px;margin: 0}

.listPage-right-Top .filter {position: absolute;top: -5px;right: 170px;height: 34px;display: inline-block;overflow: hidden}
.listPage-right-Top .filter a {position: relative;display: inline-block;margin-right: 15px;font-size: 15px;color: #666;line-height: 34px;padding: 0 0 0 20px}
.listPage-right-Top .filter a:after {position: absolute;top:0;left: 0;width: 15px;content:"\f096";color: #999;font-family: FontAwesome;font-size:18px;line-height: 34px;text-align: center;}
.listPage-right-Top .filter a:last-child {margin-right: 0}
.listPage-right-Top .filter a.on {color: #f44336;}
.listPage-right-Top .filter a.on:after {content:"\f046";color: #f44336;}

.listPage-right-Top .depth3-wrap {position: relative;display: block;border: 1px solid #ddd;background: #fff;padding: 10px;margin-top: 15px}
.listPage-right-Top .depth3 {display: block;overflow: hidden}
.listPage-right-Top .depth3 .lm-l3 {float: left;margin: 5px;}
.listPage-right-Top .depth3 .lm-a3 {position: relative;display: inline-block;line-height: 20px;font-size: 13px;background: #e4e4e4;border-radius: 20px;padding: 5px 15px;}
.listPage-right-Top .depth3 .active .lm-a3 {color: #fff;background: #f57c00;padding: 5px 15px 5px 35px}
.listPage-right-Top .depth3 .active .lm-a3:after {position: absolute;top:6px;left: 16px;width: 15px;content: "\f17b";color: #fff;font-family: FontAwesome,LineAwesome;font-size:14px;line-height: 20px;text-align: center;}

.listPage-right .playLst {width: 840px;margin-left: 0;margin-right: -14px;}

.filter_playLst {position: relative;display: block;overflow: hidden;}
.filter_playLst:first-child {padding-top: 0}
.filter_playLst h4 {position: relative;display: block;overflow: hidden;font-size: 20px;font-weight: normal;color: #333;line-height: 30px;margin-bottom: 10px;}
.filter_playLst .more {position: absolute;top: 0;right: 0;padding: 0 10px;border: 1px solid #ddd}
.filter_playLst .more span {position: relative;display: inline-block;line-height: 30px;padding-right: 10px;}
.filter_playLst .more span:after {position: absolute;top:0;right: 0;width: 10px;content: "\f112";color: #999;font-family: FontAwesome,LineAwesome;font-size:12px;line-height: 30px;text-align: center;}
.filter_playLst .more:hover {border: 1px solid #999;background: #fff}


/*--------------------------------------------------  영상 뷰 영역  --------------------------------------------------*/

#videoClip_titleArea {position: relative;display: block;overflow: hidden}

.clip_title {position: relative;display: block;background: #e8eaf6;border-radius: 5px;overflow: hidden;padding: 15px 100px 15px 20px;margin-bottom: 20px;border: 1px solid #ccd1d6}
.clip_title h2 {display: block;line-height: 140%;font-size: 16px;color: #333;font-weight: 600;letter-spacing: -0.05em;}
.clip_title p {display: block;font-size: 14px;color: #777;margin-top: 5px}
.clip_title .scrap {position: absolute;top: 50%;right: 20px;margin-top: -30px;width: auto;height: 60px;text-align: center;display: block;background: none;border: none;}
.clip_title .scrap i {position: relative;display: inline-block;width: 35px;height: 35px;background: #fff;border: 1px solid #bfc6cd;border-radius: 50%;font-style: normal}
.clip_title .scrap i:after {position: absolute;top:50%;left: 0;width: 100%;margin: -10px 0 0 0;content: "\f006";color: #99a2a9;font-family: FontAwesome;font-size:16px;line-height: 20px;text-align: center;}
.clip_title .scrap.on i {border: 1px solid #f03d3d;}
.clip_title .scrap.on i:after {color: #f03d3d;content: "\f005"}
.clip_title .scrap span {display: block;font-size: 12px;text-align: center;margin-top: 3px;line-height: 15px;color: #777}
.clip_title .scrap span b {display: inline-block;color: #333;margin-right: 3px}

.clip_title.package {padding-left: 90px;}
.clip_title.package .type {position: absolute;top:50%;left: 20px;margin-top: -15px;display: inline-block;font-size: 14px;color: #fff;font-weight: normal;background: #3f51b5;padding: 0 10px;border-radius: 5px;overflow: hidden;line-height: 30px;}


#videoClipCont-wrap {position: relative;display: block;overflow: hidden}
#videoClip_LeftArea {position: relative;float: left;width: 760px;}
#videoClip_RightArea {position: relative;float: right;width: 325px;}

/*영상영역*/
#clipInfoArea {position: relative;border: 1px solid #ddd;background: #fff;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
#clipInfoArea #player {position: relative;display: block;overflow: hidden;}

.clipInfo {position: relative;display: block;padding: 20px 90px 20px 20px;}
.clipInfo .info {position: relative;display: block;overflow: hidden}
.clipInfo .info li {position: relative;float: left;line-height: 30px;padding-right: 8px;margin-right: 8px;}
.clipInfo .info li:after {position: absolute;display: block;top: 50%;right: 0;margin-top: -5px;background: #bcc4cc;width: 1px;height: 10px;content: "";}
.clipInfo .info li:last-child:after {display: none}
.clipInfo .info li .hit, .clipInfo .info li .date {display: inline-block;line-height: 30px;color: #888;font-size: 12px;font-weight: normal;}
.clipInfo .info li .hit b, .clipInfo .info li .date b {display: inline-block;margin-right: 2px;font-weight: normal;color: #555}
.clipInfo .info li .report {display: inline-block;line-height: 30px;}
.clipInfo .info li.info-rating {margin-top: 0 !important}

.clipInfo .info .channel-info {position: relative;height: 30px}
.clipInfo .info .channel-info a {position: relative;display: inline-block;line-height: 30px;}
.clipInfo .info .channel-info i {position: relative; float: left;width: 26px;height: 26px;border: 2px solid #fff;overflow: hidden;border-radius: 50%;margin-right: 5px}
.clipInfo .info .channel-info i img {width: 26px;height: 26px;display: block}
.clipInfo .info .channel-info span { float: left;color: #777;font-size: 14px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;padding-right: 13px;line-height: 30px;
    background: url("/re_images/tv/pc/contents/channel-go.png") no-repeat right center;}

.clipInfo .info-rating {display: inline-block;margin-top: 5px;overflow: hidden;vertical-align: top}
.clipInfo .info-rating li {position: relative;float: left;line-height: 30px;padding-right: 8px;margin-right: 8px;}
.clipInfo .info-rating li:after {position: absolute;display: block;top: 50%;right: 0;margin-top: -5px;background: #bcc4cc;width: 1px;height: 10px;content: "";}
.clipInfo .info-rating li:last-child:after {display: none}
.clipInfo .info-rating li .reviewGo {display: inline-block;line-height: 30px;}


.clipInfo .message_wrap {display: inline-block;vertical-align: top;margin-top: 5px;}
.clipInfo .message_wrap a {display: inline-block;border-radius: 5px;background: #2f3b4d;padding: 0 15px;}
.clipInfo .message_wrap a span {position: relative;display: inline-block;line-height: 30px;color: #fff;padding-left: 20px;}
.clipInfo .message_wrap a span:after {position: absolute;top: 50%;margin-top: -15px;left: 0;width: 20px;height: 30px;line-height: 31px;font-size: 15px;content: "\f1a2";font-family: FontAwesome,LineAwesome}

.clipInfo .info-rating .rating {position: relative;display: inline-block;float: left;}
.clipInfo .info-rating .rating i {position: relative;display: inline-block;width: 16px;height: 30px;vertical-align: top;color: #cbcbcb}
.clipInfo .info-rating .rating i:after {position: absolute;top: 0;left: 0;width: 100%;height: 30px;line-height: 32px;content: "\f005";font-family: FontAwesome;font-style: normal;font-size: 15px;display: block}
.clipInfo .info-rating .rating i.on {color: #ef5350}
.clipInfo .info-rating .rating span {display: inline-block;vertical-align: top;font-size: 13px;color: #777;line-height: 30px;margin-left: 2px}

.clipInfo .clipBtn {position: absolute;top: 50%;right: 20px;margin-top: -32px;width: auto;height: 65px;display: block;}
.clipInfo .clipBtn li {position: relative;float: left;text-align: center;margin-left:10px}
.clipInfo .clipBtn li button {background: none;border: none;max-width: 100px;}
.clipInfo .clipBtn li button i {position: relative;display: inline-block;width: 40px;height: 40px;background: #fff url("/re_images/tv/pc/contents/clipShare-btn.png") no-repeat center;border: 1px solid #bfc6cd;border-radius: 50%;font-style: normal}
.clipInfo .clipBtn li button span {display: block;font-size: 12px;text-align: center;color: #777;line-height: 16px;}
.clipInfo .clipBtn li button span b {color: #333}
.clipInfo .clipBtn li button:hover i {border: 1px solid #80878d;}

.clipInfo .clipBtn .share i {background: #fff url("/re_images/tv/pc/contents/clipShare-btn.png") no-repeat 0 0;}
.clipInfo .clipBtn .like i {background: #fff url("/re_images/tv/pc/contents/clipLike-btn.png") no-repeat 0 0;}

.clipInfo .clipBtn .share.on i {background-position: -40px 0}
.clipInfo .clipBtn .share.on i {border: 1px solid #08a0b2;}

.clipInfo .clipBtn .like.on i {background-position: -40px 0}
.clipInfo .clipBtn .like.on i {border: 1px solid #ef575b;}

.share-lyr {display: none;position: absolute;top: -182px;right:10px;width: 312px;background: #fff;border: 1px solid #99a2a9;border-radius: 5px;padding: 15px;z-index: 10}
.share-lyr:after {position: absolute;bottom: -9px;right: 23px;width: 15px;height: 9px;background: url("/re_images/tv/pc/contents/clipShare-sns.png") no-repeat 0 0;content: "";}
.share-lyr .tit {position: relative;display: block;font-size: 17px;color: #333;text-align: center;margin-bottom: 30px}
.share-lyr .tit:after {position: absolute;bottom: -15px;left: 50%;margin-left: -15px;width: 30px;height: 2px;background: #bbb;content: ""; }
.share-lyr ul {display: block;overflow: hidden;text-align: center}
.share-lyr ul li {display: inline-block;margin: 0 2px;width: 50px;text-align: center}
.share-lyr ul li:last-child {margin-right: 0}
.share-lyr ul li button {border: none;background: #fff;}
.share-lyr ul li i {display: inline-block;width: 35px;height: 35px;background: url("/re_images/tv/pc/contents/clipShare-sns.png") no-repeat 0 0 }
.share-lyr ul li span {display: block;font-size: 12px;color: #888}
.share-lyr .facebook {background-position: 0 -11px !important;}
.share-lyr .kakotalk {background-position: -35px -11px !important;}
.share-lyr .kakotstory {background-position: -70px -11px !important;}
.share-lyr .blog {background-position: -105px -11px !important;}
.share-lyr .band {background-position: -140px -11px !important;}
.share-lyr .copyurl {display: block;overflow: hidden;margin-top: 15px}
.share-lyr .copyurl .url {width: 230px;float: left;margin: 0;font-size: 11px;color: #888}
.share-lyr .copyurl .copyurl-btn {width: 80px;float: left;background: #3e4858;text-align: center;color: #fff;line-height: 36px;margin-left: -1px}

/*상세내용*/
.clipDtlArea {position: relative;display: block;border: 1px solid #ccc;background: #fff;border-radius: 5px;margin: 15px 0}

#clipTabArea {position: absolute;top: 0;left: 0;width: 100%;display: block;height: 55px;z-index: 2005}
#clipTabArea:after {position: absolute;bottom: 0;left: 50%;width: 100%;height: 1px;margin-left: -380px;background: #ddd;content: "";}
#clipTabArea ul {display: block;overflow: hidden}
#clipTabArea ul li {float: left;width: 20%;text-align: center}
#clipTabArea ul li a {position: relative;display: inline-block;padding: 0 15px;font-size: 17px;color: #444;height: 55px;line-height: 55px;font-weight: normal;}
#clipTabArea ul li a span {font-weight: normal;color: #777;font-size: 14px}
#clipTabArea ul li.active a {color: #ff4300;font-weight: 600;}
#clipTabArea ul li.active a:after {position: absolute;bottom: 1px;left: 0;width: 100%;height: 3px;background: #ff4300;content: "";}

#clipTabArea ul li .bookChk {font-weight: normal;font-size: 12px}

.clipTab_fix {position: fixed !important;top: 0;left: 0;width: 100%;background: #3e4858;}
.clipTab_fix:after {display: none}
.clipTab_fix ul {display: block;width: 760px;margin: 0 auto}
.clipTab_fix ul li a {color: #fff !important;}
.clipTab_fix ul li a span {color: #9fa8b7 !important}
.clipTab_fix ul li.active a {color: #ffda38 !important}
.clipTab_fix ul li.active a:after {bottom: 0 !important;background: #ffda38 !important;}

.clipTabViwArea {position: relative;display: block;padding: 20px;margin-top: 55px;}
.clipTabViwArea img {max-width: 100%;}
.clipTabViwArea .h3_tit {margin-bottom: 10px}

.curriculumTit {position: relative;}
.btn-curriBook {position: absolute;top: 50%;right: 50px;margin-top: -13px;display: block;width: 70px;height: 25px;text-align: center;border: 1px solid #768194;border-radius: 5px;z-index: 100}
.btn-curriBook span {display: inline-block;line-height: 25px;color: #768194;font-size: 13px;font-weight: normal}
.btn-curriBook:hover, .btn-curriBook.on {background: #faf4ee !important;border: 1px solid #f57c00 !important}
.btn-curriBook:hover span, .btn-curriBook.on span {color: #f57c00 !important}

.curriBox {position: relative;}
.curriBox .btn-curriBook {top: -40px;right: 0;margin-top: 0;}

.ui-state-active .btn-curriBook {border: 1px solid #b4bbc6}
.ui-state-active .btn-curriBook span {color: #b4bbc6}

/*커리큘럼 테이블*/
table.curriculum th{padding: 8px 5px}
table.curriculum td {padding: 8px 5px}
table.curriculum .left {padding: 8px 10px}
table.curriculum .r-stat {margin-right: 3px;font-weight: normal}
table.curriculum a:hover {text-decoration: underline;color: #08a0b2}

table.curriculum a.sg-btn {background: #fff;border: 1px solid #11b2c5;border-radius: 3px}
table.curriculum a.sg-btn span {padding: 0 5px;line-height: 22px;color: #11b2c5;font-weight: 600}

.bookLst {position: relative;display: block;border-top: 1px solid #ddd;}
.bookLst ul {display: block;}
.bookLst li {position: relative;display: block;height: 134px;border-bottom: 1px solid #ddd;padding: 15px 0 15px 120px;}
.bookLst li .img {position: absolute;top: 15px;left: 0;width: 100px;height: 134px;overflow: hidden;display: block;}
.bookLst li .img img {width: 100px;height: 134px;}
.bookLst li .txtBox {position: relative;display: block;overflow: hidden;padding: 5px 0}
.bookLst li .txtBox dl {display: block;}
.bookLst li .txtBox dt {display: block;font-size: 16px;color: #222;font-weight: 600;line-height: 22px;margin-bottom: 5px}
.bookLst li .txtBox dd {position: relative;display: block;padding-left: 70px;line-height: 22px;margin: 3px 0;color: #666;font-size: 13px}
.bookLst li .txtBox dd b {position: absolute;top: 0;left: 0;width: 70px;font-weight: 600;color: #444}
.bookLst li .txtBox dd.price {color: #ec2d44;font-weight: 600}

.bookComment {position: relative;display: block;border: 1px solid #ddd;background: #f6f6f6;text-align: center;padding: 80px 20px 20px;}
.bookComment:after {position: absolute;top: 20px;left: 50%;width: 50px;height: 50px;margin-left: -25px;text-align: center;line-height: 50px;font-size: 40px;content: "\f19d";color: #999;font-family: FontAwesome,LineAwesome}


.spec_option {position: relative;display: block;overflow: hidden;margin-top: 15px;}
.spec_option ul {display: block;overflow: hidden;}
.spec_option li {float: left;padding: 7px 20px;line-height: 22px;background: #f6f6f6;color: #666;border: 1px solid #ccc;margin: 3px;border-radius: 4px}
.spec_option li b {font-weight: 600;}
.spec_option li.on {background: #2f3b4d;border: 1px solid #2f3b4d;color: rgba(255,255,255,0.7)}
.spec_option li.on b {color: #fff;}



/*댓글영역*/
.commentArea {position: relative;display: block;overflow: hidden;border: 1px solid #ccc;padding: 20px;background: #fff;border-radius: 5px;}
.commentArea .total_comment {color: #08a0b2}


/*강의정보*/
#clipPriceArea {position: relative;border: 1px solid #ccc;padding: 20px;background: #fff;margin-bottom: 15px;border-radius: 5px;}
#clipPriceArea h3 {margin-bottom: 10px;}
#clipPriceArea ul {display: block;border-top: 1px solid #ddd;}
#clipPriceArea ul li {display: block;border-bottom: 1px solid #ccc;line-height: 40px}
#clipPriceArea ul li b {display: inline-block;vertical-align: top;width: 100px;color: #333;background: #f6f6f6;text-align: center;margin-right: 10px}

#clipPriceArea .price-box {position: relative;display: block;margin: 15px 0 10px;}
#clipPriceArea .price-box del {display: block;text-align: right;font-size: 14px;color: #888}
#clipPriceArea .price-box b {display: block;line-height: 150%;font-size: 25px;color: #222;text-align: right}
#clipPriceArea .price-box b span {display: inline-block;font-size: 14px;color: #f44336;margin-right: 5px}
#clipPriceArea .price-box b.free {font-weight: normal}
#clipPriceArea .price-box b.free span {font-size: 18px;}

#clipPriceArea .priceBtn {position: relative;display: block;}
#clipPriceArea .priceBtn .buy {display: block;line-height: 50px;background: #f57c00;border-radius: 5px;overflow: hidden;text-align: center;color: #fff;font-size: 18px;margin-right: 57px}
#clipPriceArea .priceBtn .buy span {display: inline-block;font-size: 13px;opacity: 0.7;margin-left: 3px;font-weight: normal}
#clipPriceArea .priceBtn .buy.full {margin-right: 0 !important}
#clipPriceArea .priceBtn .cart {position: absolute;display: block;top: 0;right: 0;width: 50px;height: 50px;border-radius: 5px;border: 1px solid #ccc;background: #f6f6f6 url("/re_images/tv/pc/contents/clipPriceArea-cart.png") no-repeat 0 0;text-indent: -99999px;}
#clipPriceArea .priceBtn .cart:hover {background-position: -50px 0}
#clipPriceArea .priceBtn p {display: block;margin-top: 5px;font-size: 12px;color: #888;text-align: center;font-weight: normal}

#clipPriceArea .buyOk-chek {position: relative;display: block;text-align: center;border-top: 1px solid #ddd;padding-top: 20px;}
#clipPriceArea .buyOk-chek b {position: relative;display: inline-block;text-align: center;line-height: 30px;font-size: 15px;color: #f03d3d;padding-left: 23px}
#clipPriceArea .buyOk-chek b:after {position: absolute;top:50%;left: 0;width: 20px;margin: -10px 0 0 0;content: "\f06a";color: #f03d3d;font-family: FontAwesome;font-size:20px;line-height: 20px;text-align: center;}
#clipPriceArea .buyOk-chek span {display: block;margin: 5px 0;color: #888;letter-spacing: -0.05em;font-size: 12px}
#clipPriceArea .buyOk-chek a {display: inline-block;line-height: 40px;background: #3e4858;border-radius: 5px;overflow: hidden;text-align: center;color: #fff;font-size: 15px;padding: 0 25px;margin-top: 10px}

/*관련영상*/
#clipRelatedArea {position: relative;border: 1px solid #ccc;padding: 20px 10px 20px 20px;background: #fff;margin-bottom: 20px;border-radius: 5px;}
#clipRelatedArea .inner_scroll {position: relative;display: block;overflow-x: hidden;overflow-y: scroll;max-height: 700px;}

#clipRelatedArea .lst {display: block;overflow: hidden}
#clipRelatedArea .lst > li {position: relative;display: block;height: 72px;padding: 0 0 0 110px;margin: 15px 0}
#clipRelatedArea .lst li .thumbnail {width: 100px;height: 72px;overflow: hidden;position: absolute;top: 0;left: 0;}
#clipRelatedArea .lst li .thumbnail a {position: relative;display: block;height: 100%;}
#clipRelatedArea .lst li .thumbnail img {width: 100px;height: 72px;}
#clipRelatedArea .lst li .thumbnail a:hover:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(69,73,77,0.7);display: block;content: "";z-index: 20;}
#clipRelatedArea .lst li .thumbnail a:hover:before {position: absolute;top: 50%;left: 50%;width: 30px;height: 30px;margin: -15px 0 0 -15px;font-size: 30px;line-height: 30px;color: #fff;font-family: FontAwesome, LineAwesome;display: block;content:"\f2c3";z-index: 21;}

#clipRelatedArea .lst li .videoInfo {display: block;}
#clipRelatedArea .lst li .videoInfo .tit {display: block;line-height: 16px;max-height: 34px;overflow: hidden}
#clipRelatedArea .lst li .videoInfo .tit a {color: #555}
#clipRelatedArea .lst li .videoInfo .tit a:hover {color: #f44336;text-decoration: underline}
#clipRelatedArea .lst li .videoInfo .channel {display: block;line-height: 18px;font-size: 12px}
#clipRelatedArea .lst li .videoInfo .channel a {color: #888;display: inline-block;max-width: 80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right: 13px;line-height: 18px;
    background: url("/re_images/tv/pc/contents/channel-go.png") no-repeat right center;}

#clipRelatedArea .lst li .videoInfo .info {position: relative;display: block;overflow: hidden;font-size: 11px;}
#clipRelatedArea .lst li .videoInfo .info li {position: relative;float: left;line-height: 20px;padding-right: 5px !important;margin-right: 5px !important;}
#clipRelatedArea .lst li .videoInfo .info li:after {position: absolute;display: block;top: 50%;right: 0;margin-top: -5px;background: #bcc4cc;width: 1px;height: 10px;content: "";}
#clipRelatedArea .lst li .videoInfo .info li:last-child {margin-right: 0;padding-right: 0}
#clipRelatedArea .lst li .videoInfo .info li:last-child:after {display: none}
#clipRelatedArea .lst li .videoInfo .info li span {display: inline-block;line-height: 20px;color: #888;}
#clipRelatedArea .lst li .videoInfo .info li span b {display: inline-block;margin-right: 2px;font-weight: normal;}

#clipRelatedArea .scroll::-webkit-scrollbar {-webkit-appearance: none;}
#clipRelatedArea .scroll::-webkit-scrollbar-thumb {background-color: rgba(50, 50, 50, .1);border: 6px solid transparent;border-radius: 9px;background-clip: content-box;}
#clipRelatedArea .scroll::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, .0);width: 3px;}
#clipRelatedArea .scroll {scrollbar-width:5px;scrollbar-base-color: #eee;scrollbar-3dlight-color: #eee;scrollbar-highlight-color: #eee;scrollbar-track-color: #fff;scrollbar-arrow-color: #fff;scrollbar-shadow-color: #fff;scrollbar-dark-shadow-color: #fff;}

#clipRelatedArea a.more {position: absolute;top: 20px;right: 20px;color: #777;padding-right: 12px;line-height: 20px;font-size: 12px}
#clipRelatedArea a.more:after {position: absolute;top:50%;right: 0;width: 10px;margin: -10px 0 0 0;color: #999;font-family: FontAwesome;content:"\f054";font-size:10px;line-height: 20px;text-align: center;}


/*채널의 다른강의*/
#clipChannelArea {position: relative;display: block;margin-top: 30px;padding: 30px 0}
#clipChannelArea:after {position: absolute;top: 0;left: 50%;width: 2000px;height: 100%;background: #f1f1f1;margin-left: -1000px;content: "";z-index: 0}
#clipChannelArea .clipChannelTop {position: relative;display: block;margin-bottom: 15px;z-index: 10}
#clipChannelArea .clipChannelTop h3 {display: inline-block;font-size: 18px;color: #666;line-height: 130%;font-weight: normal}
#clipChannelArea .clipChannelTop h3 b {color: #333}
#clipChannelArea .clipChannelTop a {position: absolute;top: -5px;right: 0;border: 1px solid #ddd;background: #fff;padding: 0 15px;border-radius: 5px}
#clipChannelArea .clipChannelTop a span {position: relative;display: inline-block;line-height: 32px;font-size: 14px;padding-right: 12px}
#clipChannelArea .clipChannelTop a span:after {position: absolute;top:50%;right: 0;width: 5px;margin: -9px 0 0 0;font-family: FontAwesome;content:"\f054";color: #999;font-size:10px;line-height: 20px;text-align: center;}
#clipChannelArea .playLst {position: relative;z-index: 10}


/*장바구니*/
.cart-layer {display: none;position: fixed;top: 50%;left: 50%;width: auto;height: auto;background: #fff;border: 2px solid #08a0b2;border-radius: 7px;z-index: 2010;}
.cart-layer h3 {font-size: 20px;display: block;text-align: left;padding: 10px 20px;background: url("/re_images/tv/pc/contents/c_patten01.png") repeat #08a0b2;margin-bottom: 0;color: #fff;line-height: 160%;font-weight: normal}
.cart-layer .cont {width: 500px;padding: 30px;}
.cart-layer .cart-chek {position: relative;display: block;overflow: hidden;}
.cart-layer .cart-chek li {display: block;}
.cart-layer .cart-chek li.tit {display: block;font-size: 15px;color: #222;}
.cart-layer .cart-chek li.clip-title {display: block;padding: 15px;background: #fbfbfb;border: 1px solid #ddd;margin: 10px 0 20px;line-height: 150%;font-size: 14px;}
.cart-layer .cart-chek li.btn {text-align: center}
#cartLyr-close {position: absolute;top: 8px;right: 10px;width: 34px;height: 34px;display: block;background: url("/re_images/tv/pc/contents/pop_close.png") no-repeat center center;text-indent: -9999px;z-index: 9999}

/*구매하기*/
.buyLyr-wrap {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2010;}
.buyLyr-wrap .bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .7;filter: alpha(opacity=50);}
.buyLyr-wrap .buy-layer {display: block;}

.buy-layer {display: none;position: absolute;top: 50%;left: 50%;width: auto;height: auto;background: #fff;border-radius: 10px;overflow: hidden;z-index: 10;}
.buy-layer .cont-wrap {width: 800px;}
.buy-layer h3 {font-size: 20px;display: block;text-align: left;padding: 10px 20px;background: url("/re_images/tv/pc/contents/c_patten01.png") repeat #08a0b2;margin-bottom: 0;color: #fff;line-height: 160%;font-weight: normal}
.buy-layer .cont {display: block;padding: 30px;}
.buy-layer .cont {display: block;padding: 30px;}
.buy-layer .cont .order-tit {display: block;font-size: 15px;color: #333;font-weight: 600;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.buy-layer .cont .order-list > ul > li:last-child {border-bottom: none}
.buy-layer .cont .order-dtl .chek-st03 label {width: 64%}
.buy-layer .cont .orderSub-list {max-height: 460px;overflow-y: auto !important}
.buy-layer .cont .total-price {position: relative;display: block;border-top: 1px solid #888;padding: 20px 0;text-align: right}
.buy-layer .cont .total-price span {display: inline-block;font-size: 17px;color: #333;}
.buy-layer .cont .total-price span b {font-size: 25px;color: #11b2c5}
.buy-layer .cont .btnBox {display: block;text-align: center}

#buy-close {position: absolute;top: 8px;right: 10px;width: 34px;height: 34px;display: block;background: url("/re_images/tv/pc/contents/pop_close.png") no-repeat center center;text-indent: -9999px;z-index: 9999}

/*결제*/
.orderPage-wrap {position: relative;display: block;overflow: hidden;background: #fff;border: 1px solid #d9d9d9;padding: 30px}

.order-list-wrap {position: relative;width: 620px;float: left;}
.order-pay-wrap {position: relative;width: 380px;float: right;}

.order-stit {display: block;font-size: 15px;color: #333;font-weight: 600;padding: 15px 15px 0 15px}
.order-top {position: relative;display: block;margin-bottom: 15px;}
.order-top .dg-tit02 {margin-bottom: 0;display: inline-block}
.order-top em {display: inline-block;margin-left: 5px;color: #999;font-style: normal}
.order-top em b {color: #11b2c5}

.cartchekBox {position: relative;display: block;overflow: hidden;margin-top: 15px}
.cartchekBox .cart-chek {display: block;line-height: 34px;}
.cartchekBox .cart-chek .chek-st03 {display: inline-block !important;margin-right: 10px;float: left;line-height: 24px}
.cartchekBox .cart-chek .chek-st03 input[type="checkbox"]+label:after {top: 5px}
.cartchekBox .cart-chek a {float: right}

.order-top .cartchekBox {position: absolute;top: 0;right: 0;display: inline-block;margin-top: 0}
.order-top .cartchekBox .chek-st02 {margin-right: 20px}

.order-list {position: relative;display: block;border-top: 2px solid #666}
.order-list > ul > li {position: relative;display: block;padding: 20px 0;border-bottom: 1px solid #d1d5d9;overflow: hidden}
.order-list li .order-dtl {position: relative;overflow: hidden;display: block}
.order-list li .order-dtl .order-info {position: relative;width: 80%;padding-right: 20%;}

.order-list .order-dtl .order-tit {display: block;font-size: 14px;color: #333;font-weight: normal;margin-bottom: 5px;padding-right: 100px;}
.order-list .order-dtl .order-tit a {display: block;font-size: 14px;color: #333;font-weight: normal;width: 100%;overflow: hidden;line-height: 20px;}
.order-list .order-dtl .order-tit a:hover {color: #777}

.order-list .order-dtl .order-chnel {display: block;width: 100%;}
.order-list .order-dtl .order-chnel a {display: block;width: 100%;color: #888;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}

.order-list .order-dtl .orderSub-list {display: block;clear: both;overflow: hidden;padding: 0 15px;border: 1px solid #d1d5d9;background: #fafafa;margin-top: 10px;}
.order-list .order-dtl .orderSub-list li {display: block;overflow: hidden;border-bottom: 1px dotted #d1d5d9;padding: 10px 0}
.order-list .order-dtl .orderSub-list li:last-child {border-bottom: none}
.order-list .order-dtl .orderSub-list li span.txt {position: relative;display: block;width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 6px;
    color: #666;line-height: 22px;font-weight: normal}
.order-list .order-dtl .orderSub-list li span.txt:after {position: absolute;top: 10px;left: 0;width: 2px;height: 2px;background: #888;content: "";}
.order-list .order-dtl .orderSub-list li .book {display: block;}
.order-list .order-dtl .order-book {display: block;overflow: hidden;padding: 3px 15px;border: 1px solid #d1d5d9;background: #f9fafb;margin-top: 10px;}
.order-list .order-dtl .orderSub-list li .chek-st03 input[type="checkbox"]+label:after {top: 10px}


.order-list .order-dtl .chek-st03 {position: relative;display: block;overflow: hidden;margin: 7px 0;}
/*.order-list .order-dtl .chek-st03 input[type="checkbox"]+label:after {top: 10px}*/
.order-list .order-dtl .chek-st03 label {width: 80%;display: block;line-height: 34px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #757380;font-size: 13px;}
.order-list .order-dtl select {background-color: #fff;width: 180px;margin: 0 1%;font-size: 12px;}
.order-list .order-dtl .chek-st03 .type {display: inline-block;color: #757380;border: 1px solid #757380;line-height: 14px;font-size: 11px;padding: 1px 5px;margin-right: 5px;}
.order-list .order-dtl .chek-st03 .book-price {position: absolute;top: 5px;right: 0;width: 12%;text-align: right;color: #757380;font-size: 13px;line-height: 18px;}
.order-list .order-dtl .chek-st03 .soldOut {display: inline-block;color: #fff;background: #e93333;line-height: 14px;font-size: 11px;padding: 3px 5px;margin-left: 5px}

.order-list .order-dtl .book.full .chek-st03 label {width: 85% !important}

.order-list .order-dtl .order-extend {display: block;overflow: hidden;padding: 15px 15px;border: 1px solid #d1d5d9;background: #f9fafb;margin-top: 10px;}
.order-list .order-dtl .order-extend .txt {float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #757380;font-size: 13px;}
.order-list .order-dtl .order-extend .price {width: 10%;float: right;text-align: right;color: #757380;font-size: 13px;}

.order-list li .order-price {position: absolute;width: 18%;text-align: right;top: 20px;right: 0}
.order-list li .order-price .discount-rate {display: block;text-align: right;}
.order-list li .order-price .discount {display: inline-block;padding-right: 10px;font-size: 14px;color: #e93333;line-height: 25px}
.order-list li .order-price del {display: inline-block;color: #999;font-size: 14px;margin-right: 5px}
.order-list li .order-price .price {display: inline-block;font-size: 17px;color: #333;font-weight: 600}

.order-list li .order-Bookdtl {position: relative;display: block;overflow: hidden;}
.order-list li .order-Bookdtl .order-tit {display: block;font-size: 14px;color: #333;font-weight: normal;width: 100%;margin-bottom: 5px}
.order-list li .order-Bookdtl .order-tit a {display: block;font-size: 14px;color: #333;font-weight: normal;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.order-list li .order-Bookdtl .order-tit a:hover {color: #777}

.order-list li .book_options {position: relative;display: block;overflow: hidden;padding-right: 150px;margin-top: 15px;min-height: 34px}
.order-list li .book_options select {float: left;width: 180px;margin-right: 5px;font-size: 12px;background-color: #fff;}

.order-list li .book_options .purchase_count {position: absolute;display: block;overflow: hidden;top: 5px;right: 0;width: 109px;}
.order-list li .book_options .purchase_count button {position: relative;display: block;width: 28px;height: 28px;border-radius: 50%;border: 1px solid #ccc;background: #fff;text-indent: -99999px;float: left;}
.order-list li .book_options .purchase_count button:after {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 28px;line-height: 26px;font-family: FontAwesome,LineAwesome;font-size: 15px;color: #999;text-align: center;text-indent: 0}
.order-list li .book_options .purchase_count .minus_count:after {content: "\f28e"}
.order-list li .book_options .purchase_count .plus_count:after {content: "\f2c2"}
.order-list li .book_options .purchase_count .add_count {float: left;width: 40px;height: 26px;line-height: 24px;margin: 0 5px;text-align: center;text-indent: 0;border-radius: 3px}

.order-list li .sub_bookLst {display: block;overflow: hidden;border: 1px solid #d1d5d9;background: #f9fafb;margin-top: 10px;padding: 10px 20px;}
.order-list li .sub_bookLst li {position: relative;display: block;overflow: hidden;line-height: 26px;padding-left: 10px;}
.order-list li .sub_bookLst li:after {position: absolute;top: 12px;left: 0;width: 2px;height: 2px;background: #888;content: "";}

.order-list li .cartType {position: relative;display: inline-block;padding: 0 8px;font-size: 12px;color: #fff;margin-right: 5px;height: 20px;border-radius: 3px}
.order-list li .cartType.book {background: #689f38}
.order-list li .cartType.video {background: #3949ab}

.order-list span.required {display: inline-block;line-height: 22px;font-size: 12px;padding: 0 8px;margin-right: 2px;color: #44464a;border: 1px solid #abaeb3;vertical-align: top;height: 22px;border-radius: 3px}

.order-list-wrap .book_title {float: left;margin-right: 5px;display: inline-block;font-size: 12px;height: 18px;line-height: 18px;}

.gift_box {position: relative;display: block;margin-top: 20px;border: 1px solid #ccc;background: url("/re_images/common/etc/gift_box_ico.png") no-repeat 20px center #f9f9f9;padding: 20px 20px 20px 110px;}
.gift_box .txt {display: block;font-size: 13px;color: #333}
.gift_box .txt b.red {color: #f44336}
.gift_box .txt b.black {color: #222}
.gift_box ul {display: block;margin-top: 10px;}
.gift_box ul li {display: block;line-height: 20px;font-size: 12px;color: #777}

.pay-list-wrap {position: relative;display: block;border: 1px solid #666;}
.pay-list {position: relative;display: block;border-bottom: 2px solid #666}
.pay-list-wrap li {display: block;padding: 15px;border-bottom: 1px solid #d1d5d9;overflow: hidden}
.pay-list-wrap li:last-child {border-bottom: none}
.pay-list-wrap li .payTit {float: left;width: 40%;font-weight: 600;color: #333;font-size: 15px;}

.pay-list-wrap li .price {float: right;width: 55%;font-weight: 600;color: #92979b;font-size: 13px;text-align: right}
.pay-list-wrap li .price.big {font-weight: 600;font-size: 15px;color: #333;}

.pay-list-wrap li .point-input {position: relative;float: right;width: 55%;font-weight: 600;color: #92979b;font-size: 13px;text-align: right}
.pay-list-wrap li .point-input input {text-align: right;text-indent: 0;padding: 0 24px 0 10px;width: 65%;color: #92979b;font-weight: 600}
.pay-list-wrap li .point-input .currency {position: absolute;top: 9px;right: 10px;z-index: 100;color: #92979b}

.pay-list-wrap li .txtR {display: block;clear: both;overflow: hidden;text-align: right;line-height: 22px}
.pay-list-wrap li .txtR .info-ex {display: inline-block;font-size: 12px}

.pay-list-wrap li .coupon_chek {position: relative;display: block;overflow: hidden;clear: both}
.pay-list-wrap li .coupon_chek li {padding: 10px 5px;border-bottom: 1px dotted #ccc;}
.pay-list-wrap li .coupon_chek li:last-child {border-bottom: none;padding-bottom: 0}

.pay-list-wrap li.total {display: block;background: #f6f6f6;border-top: 1px solid #666;margin-top: -1px;text-align: center}
.pay-list-wrap li.total span.big {display: block;font-size: 17px;font-weight: 600;color: #333;line-height: 30px}
.pay-list-wrap li.total span.big b {color: #f44336;font-size: 30px;display: inline-block;margin: 0 2px}
.pay-list-wrap li.total span.small {display: block;font-size: 13px;color: #777;}
.pay-list-wrap li.total span.small b {color: #689f38}
.pay-list-wrap li.total .all-discount {display: block;}
.pay-list-wrap li.total .all-discount span {display: inline-block;font-weight: 600;color: #7a8186;}
.pay-list-wrap li.total .all-discount .discount {display: inline-block;padding-right: 10px;font-size: 15px;color: #e93333;background: url("/images/Content/discount02.png") no-repeat right 9px;line-height: 25px;margin-right: 3px}
.pay-list-wrap li.total .all-discount del {font-size: 15px}

.total_li {position: relative;display: block;overflow: hidden}
.total_li li {float: left;margin-right: 40px;padding: 0;border: none;text-align: center}
.total_li li:last-child {margin-right: 0}
.total_li li span {display: block;}
.total_li li b {display: block}

.pay-list-wrap textarea {width: 93%;font-size: 13px;color: #888;height: 50px}
.pay-list-wrap .inpt-wrap {padding-left: 115px;}
.pay-list-wrap .radioinb {margin-right: 7px}

.delivery-wrap {position: relative;display: block;}

.order-delivery {position: relative;display: block;border-bottom: 2px solid #666;}
.order-delivery li:first-child .inpt-wrap .tit {top: -1px}

.payments-wrap {position: relative;display: block;}
.payments-wrap .payments_cont {position: relative;display: block;padding: 10px 15px 15px;}
.payments-wrap .payments_cont .tbl-type01 th {padding: 8px 10px;font-size: 14px;}
.payments-wrap .payments_cont .tbl-type01 td {padding: 8px 10px;font-size: 14px;text-align: left;}
.payments-wrap .payments_cont .info-ex02 {line-height: 20px !important;margin-top: 10px}
.payments-wrap .payments_cont .receipt_btn {position: absolute;top: -25px;right: 15px;display: inline-block;border: 1px solid #ddd;padding: 0 10px;line-height: 22px;font-size: 13px;background: #f6f6f6}
.payments-wrap .payments_cont .receipt_List01 {position: relative;display: block;overflow: hidden;border: 1px solid #ddd}
.payments-wrap .payments_cont .receipt_List01 li {position: relative;float: left;width: 33.33%;padding: 10px 0;border: none;color: #333;font-weight: 600;padding: 10px 0;text-align: center}
.payments-wrap .payments_cont .receipt_List01 li:first-child:after {position: absolute;top: 0;height: 100%;width: 1px;background: #ddd;content: "";right: 0;}

.payments-wrap .payments_cont .receipt_List02 {position: relative;display: block;overflow: hidden;margin-top: 10px;border: 1px solid #ddd}
.payments-wrap .payments_cont .receipt_List02 li {position: relative;float: left;width: 50%;border: none;padding: 10px 0;text-align: center}
.payments-wrap .payments_cont .receipt_List02 li:first-child:after {position: absolute;top: 0;height: 100%;width: 1px;background: #ddd;content: "";right: 0;}
.payments-wrap .payments_cont .receipt_List02 li.full {display: block;width: 100%;background: #f6f6f6;text-align: center;border-top: 1px solid #ddd}

.payments-wrap .line-dia {margin: 0 !important;}

.order-payments {position: relative;display: block;border-bottom: 2px solid #666;}
.order-payments .radio-st03 {width: 34%}
.order-payments .radioinb {margin-right: 0}
.order-payments .npay {display: inline-block;width: 80px;height: 20px;background: url("/images/Member/nPay.png") no-repeat 0 0;text-indent: -99999px;}
.order-payments .kakaopay {display: inline-block;width: 80px;height: 20px;background: url("/images/Member/kakaoPay.png") no-repeat 0 0;text-indent: -99999px;}

.newWin-btn {position: relative;display: block;margin-top: 10px;overflow: hidden;border-radius: 5px;background: #eee;padding: 0 15px}
.newWin-btn a {display: inline-block;line-height: 35px;color: #3e4549;}
.newWin-btn .chek-st03 {line-height: 35px;margin-right: 0}
.newWin-btn .chek-st03 input[type="checkbox"]+label:after {top: 10px}


.agreement-checkbox {position: relative;display: block;margin-top: 20px}
.agreement-checkbox .chek-st01 {font-weight: 600;color: #333;font-size: 14px;line-height: 22px;padding-left: 35px;}
.agreement-checkbox .chek-st01 input[type="checkbox"]+label:after {top: 10px}
.agreement-checkbox .payBtn {display: block;margin-top: 20px}
.agreement-checkbox .payBtn a {display: block;line-height: 50px;color: #fff;background: #f57c00;text-align: center;font-size: 18px;
    -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);overflow: hidden;
    -webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: color, background-color;transition-property: color, background-color;border-radius: 5px}
.agreement-checkbox .payBtn a:hover {background: #f55600}
.agreement-checkbox .dg-list01 li {font-size: 13px;color: #888}

.orderPayOk-wrap {position: relative;display: block;overflow: hidden;border: 1px solid #d1d5d9;width: 800px;margin: 0 auto}
.orderPayOk-wrap .orderPayOk-top {position: relative;display: block;background: url("/images/Content/c_patten02.png") repeat #f9fafb;text-align: center;padding: 40px 0;border-bottom: 1px solid #d1d5d9}
.orderPayOk-wrap .orderPayOk-top .PayOkImg {display: inline-block;width: 70px;height: 70px;background: url("/images/Content/PayOkImg.png") no-repeat 0 0}
.orderPayOk-wrap .orderPayOk-top .tit {display: block;font-size: 20px;margin: 10px 0 0;font-weight: 600;}
.orderPayOk-wrap .orderPayOk-box {display: block;padding: 40px;}

.tbl-orderPayOk {border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;clear: both;text-align: center;border: 1px solid #d1d5d9;background: #f9fafb}
.tbl-orderPayOk th, .tbl-orderPayOk td {padding: 12px;word-wrap: break-word;border-bottom: 1px solid #d1d5d9}
.tbl-orderPayOk td {text-align: left;}
.tbl-orderPayOk th.l, .tbl-orderPayOk td.l, .tbl-orderPayOk td.left {padding-left: 10px;}
.tbl-orderPayOk th.r, .tbl-orderPayOk td.r, .tbl-orderPayOk td.right {padding-right: 10px;}
.tbl-orderPayOk .price {display: inline-block;color: #97aab7}
.tbl-orderPayOk .order-tit {display: block;font-weight: 600}
.tbl-orderPayOk .order-chnel {display: block;color: #888}
.tbl-orderPayOk .total {background: #97aab7;color: #e7ecef}
.tbl-orderPayOk .total b {color: #fff}
.tbl-orderPayOk .total .total-price {color: #fff;font-size: 17px;font-weight: 600}

.tbl-PayOk {border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;clear: both;text-align: center;border-top: 2px solid #333333;}
.tbl-PayOk th, .tbl-PayOk td {border: 1px solid #979797;border-left: 1px solid #d5d5d5;border-right: 0;padding: 12px;word-wrap: break-word;}
.tbl-PayOk td {text-align: left;}
.tbl-PayOk th {background: #fafafa;color: #333;}
.tbl-PayOk td {background: #fff;}
.tbl-PayOk th:first-child, .tbl-PayOk td:first-child {border-left: 0;}
.tbl-PayOk .price {display: inline-block;color: #11b2c5;font-size: 17px}

.tbl-delivery {border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;clear: both;text-align: center;border-top: 2px solid #333333;}
.tbl-delivery th, .tbl-delivery td {border: 1px solid #979797;border-left: 1px solid #d5d5d5;border-right: 0;padding: 12px;word-wrap: break-word;}
.tbl-delivery td {text-align: left;}
.tbl-delivery th {background: #fafafa;color: #333;}
.tbl-delivery td {background: #fff;}
.tbl-delivery th:first-child, .tbl-delivery td:first-child {border-left: 0;}
.tbl-delivery thead th {padding: 12px 5px;}
.tbl-delivery thead th.vline {border-bottom: 1px solid #ccd3db;} /* th가 2줄일 경우  */
.tbl-delivery th.line, .tbl-delivery td.line {border-right: 1px solid #d5d5d5;} /* 셀병합시 우측 라인 안나올 경우 */
.tbl-delivery th.l, .tbl-delivery td.l, .tbl-delivery td.left {padding-left: 10px;}
.tbl-delivery th.r, .tbl-delivery td.r, .tbl-delivery td.right {padding-right: 10px;}
.tbl-delivery tr.bg th, .tbl-delivery tr.bg td {background: #f0f0f0;font-weight: bold;}

.orderPayOk-btn {display: block;margin-bottom: 40px;text-align: center}
.orderPayOk-btn .orderPayOkTxt {display: block;font-size: 17px;margin-bottom: 20px}/*장바구니*/

.cartLst > ul > li {padding: 20px 0 20px 40px;}
.cartLst > ul > li .cart-chek {position: absolute;top: 20px;left: 0}
.cartLst > ul > li .cart-chek label span {text-indent: -999999px;display: block;width: 0}
.cartLst li .del-btn {display: block;margin-top: 15px}

.cartPay-wrap.cartPayFixed {position: fixed;top: 10px;right: 50%;margin-right: -630px}/*구매하기버튼 레이어*/
.cartOtpLyr-wrap {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;}
.cartOtpLyr-wrap .bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.cartOtpLyr-wrap h3 {display: block;text-align: center;padding: 10px 0;border-bottom: 1px solid #ddd;margin-bottom: 0;}
.cartOtpLyr-wrap .cartOtp-layer {display: block;}

.cartOtp-layer {display: none;position: absolute;top: 50%;left: 50%;width: auto;height: auto;background: #fff;border-radius: 10px;overflow: hidden;z-index: 10;}
.cartOtp-layer .cont-wrap {width: 800px;}
.cartOtp-layer h3 {display: block;text-align: left;padding: 10px 20px;background: url('/images/Content/c_patten01.png') repeat #11b2c5;margin-bottom: 0;color: #fff}
.cartOtp-layer .cont {display: block;padding: 30px;}
.cartOtp-layer .cont .order-tit {display: block;font-size: 15px;color: #333;font-weight: 600;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.cartOtp-layer .cont .order-dtl .chek-st03 label {width: 64%}
.cartOtp-layer .cont .order-list > ul > li:last-child {border-bottom: noFne}
.cartOtp-layer .cont .orderSub-list {max-height: 460px;overflow-y: auto !important}
.cartOtp-layer .cont .total-price {position: relative;display: block;border-top: 1px solid #888;padding: 20px 0;text-align: right}
.cartOtp-layer .cont .total-price span {display: inline-block;font-size: 17px;color: #333;}
.cartOtp-layer .cont .total-price span b {font-size: 25px;color: #11b2c5}
.cartOtp-layer .cont .btnBox {display: block;text-align: center}

#cartOtp-close {position: absolute;top: 13px;right: 15px;width: 34px;height: 34px;display: block;background: url('/images/Layout/pop-close.png') no-repeat center center;text-indent: -9999px;z-index: 9999}


/*검색뷰*/
.srchLstBox {position: relative;display: block;overflow: hidden;width: 1110px;margin-left: -36px;background: #fff;border: 1px solid #ddd;padding: 30px;}
.srchLstBox .srchTop {position: relative;display: block;margin-bottom: 40px;border-bottom: 1px solid #ddd;padding-bottom: 40px}
.srchLstBox .srchTop .srch-bar {width: 550px;margin: 0 auto;display: block;background: #0b9095;padding: 1px;overflow: hidden}
.srchLstBox .srchTop .srch-bar label {display: none}
.srchLstBox .srchTop .srch-bar input[type=text].srch {width: 476px;display: block;border: none !important;height: 50px;padding: 0 10px;color: #888;background: #fff;float: left;}
.srchLstBox .srchTop .srch-bar .srch-btn {float: right;width: 50px;height: 50px;background: url('/images/Content/btn_search.png') no-repeat 0 0;border: none !important;text-indent: -9999px}/* gnb-wrap */
.srchLstBox .srchTop .srchtext {margin-top: 20px;display: block;text-align: center}
.srchLstBox .srchTop .srchtext p {font-size: 15px;padding: 1px 0 1px 25px;font-weight: 600;background: url("/images/Content/search-icon.jpg")no-repeat left 0;display: inline-block}
.srchLstBox .srchTop .srchtext p span {font-weight: 600}
.srchLstBox .srchTop .srchtext p .dg-pc1 {color: #0b9095}

.srchToptext {position: relative;display: block;margin-bottom: 40px;border-bottom: 1px solid #ddd;padding-bottom: 25px}
.srchToptext p {font-size: 17px;font-weight: 600;color: #111}
.srchToptext p span {font-weight: 600;}
.srchToptext p .dg-pc1 {color: #0b9095}

.srchCbox {position: relative;display: block;overflow: hidden;}
.srchCbox .h3_titB span {font-size: 14px;display: inline-block;margin-left: 5px;letter-spacing: 0;color: #f44336;font-weight: normal}
.srchCbox .playLst {margin-left: 0;}
.srchCbox .playLst .item {border: 1px solid #ddd;width: 260px;margin: 10px 6px}

.srch-channelLst {position: relative;display: block;overflow: hidden}
.srch-channelLst .item {position: relative;display: block;padding: 20px;border: 1px solid #ddd;float: left;width: 160px;height: 156px;margin: 10px 10px}
.srch-channelLst .item li {display: block;text-align: center}
.srch-channelLst .item .channelImg span {display: inline-block;width: 80px;height: 80px;overflow: hidden;border: 1px solid #eee;border-radius: 50%}
.srch-channelLst .item .channelImg span img {width: 80px;height: 80px;display: block}
.srch-channelLst .item .channelNmae {font-size: 14px;color: #333;font-weight: 600;margin: 10px 0;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;letter-spacing: -0.05em}
.srch-channelLst .item .channelInfo span {display: block;height: 40px;overflow: hidden}
.srch-channelLst .item:hover {border: 1px solid #0b9095}


/*서비스 부분*/
.gr-box {position: relative;display: block;padding: 20px;background: #fff;border: 1px solid #ddd}

.service_tab {position: relative;display: block;overflow: hidden;padding: 20px 40px;border: 1px solid #ddd;margin: 20px 0;background: #fff}
.service_tab ul {width: 50%;float: left;overflow: hidden}
.service_tab ul li {position: relative;display: block;margin-bottom: 10px}
.service_tab ul li:last-child {margin-bottom: 0}
.service_tab ul li a {display: block;line-height: 25px;padding-left: 30px;font-size: 13px}
.service_tab ul li a span {position: absolute;top: 0;left: 0;width: 25px;height: 25px;display: block;border-radius: 50%;overflow: hidden;text-align: center;font-weight: 600;color: #fff;font-size: 13px;background: #0a9fb1;line-height: 25px}
.service_tab.agreement ul {width: 33.3%;}
.service_tab.agreement ul li {margin-bottom: 5px}
.service_tab.agreement ul li a {padding-left: 0}

.service_box {position: relative;display: block;margin: 20px 0;font-size: 13px}
.service_box h3 {display: block;font-size: 20px;font-weight: normal;color: #333;margin-bottom: 5px;line-height: 150%}

.service_li {position: relative;display: block;overflow: hidden}
.service_li li {display: block;margin-bottom: 10px;line-height: 150%;color: #555}
.service_li li .service_sub {display: block;border: 1px solid #ddd;background: #f6f6f6;padding: 15px 20px;margin-top: 10px;}
.service_li li .service_sub li {display: block;margin-bottom: 5px;color: #777}

/*매뉴얼 다운*/
.manual-wrap {position: relative;display: block;padding: 90px 0}
.manual-Box {position: relative;display: block;overflow: hidden;padding-bottom: 30px}
.manual-Box li {width: 260px;float: left;margin: 10px 5px;border: 1px solid #ddd;text-align: center;background: #fff}
.manual-Box li a {display: block;}
.manual-Box li span.img {width: 100%;display: block;padding: 35px 0;text-align: center;background: #fff;border-bottom: 1px solid #ddd;}
.manual-Box li span.tit {display: block;padding: 0 60px 0 15px;font-size: 13px;color: #333;text-align: left;background: url("/images/Content/down-btn03.png") no-repeat right top;overflow: hidden;line-height: 50px}
.manual-Box li:hover {border: 1px solid #50595e;}
.manual-Box li:hover span.tit {background: url("/images/Content/down-btn03b.png") no-repeat right top;}


/*카테고리 리뉴얼*/
.cate_listWrap {position: relative;display: block;overflow: hidden;padding-bottom: 50px}
.cate_listWrap .listSide_wrap {position: relative;display: block;width: 180px;float: left;margin-top: 30px}
.cate_listWrap .listArea {position: relative;display: block;width: 660px;float: left;margin: 25px 40px 0}
.cate_listWrap .homepiArea {position: relative;display: block;width: 180px;float: right;background: #eee;margin-top: 30px}


.cate_listTitle {position: relative;display: block;overflow: hidden;padding-bottom: 15px;border-bottom: 2px solid #099b77;}
.cate_listTitle h2 {display: inline-block;float: left;font-size: 30px;line-height: 35px;color: #111;letter-spacing: -0.05em;margin-bottom: 5px}
.cate_listTitle .homepi_info {position: relative;display: inline-block;float: left;height: 35px;vertical-align: top;}
.cate_listTitle .homepi_name {height: 35px;display: inline-block;float: left;padding-left: 40px;}
.cate_listTitle .homepi_name i {position: absolute;top: 50%;left: 0;width: 35px;height: 35px;margin-top: -17px;overflow: hidden;border-radius: 50%;}
.cate_listTitle .homepi_name i img {width: 35px;height: 35px;display: block}
.cate_listTitle .homepi_name span {display: inline-block;max-width: 100%;color: #111;font-size: 22px;line-height: 35px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;vertical-align: top}
.cate_listTitle .homepi_go {position: relative;display: inline-block;float: left;width: 25px;height: 25px;border: 1px solid #eb7e1d;background: #eb7e1d;border-radius: 50%;margin: 7px 0 3px 5px}
.cate_listTitle .homepi_go span {position: relative;display: block;text-indent: -999999px}
.cate_listTitle .homepi_go:after {position: absolute;top: 0;left: 0;width: 24px;height: 25px;display: block;line-height: 25px;color: #fff;content: "\f237";text-indent: 0;font-family: FontAwesome,LineAwesome;font-size: 15px;text-align: center }
/*.cate_listTitle .homepi_go:hover {border: 1px solid #0a9d74;background: #0a9d74}
.cate_listTitle .homepi_go:hover:after {color: #fff}*/

.cate_listTitle .cate_navi {display: inline-block;float: left;overflow: hidden;height: 25px;line-height: 25px;padding-top: 10px;margin-left: 13px}
.cate_listTitle .cate_navi li {position: relative;float: left;margin-right: 20px;line-height: 25px;}
.cate_listTitle .cate_navi li:after {position: absolute;top: 0;right: -14px;line-height: 25px;display: block;content: ">";font-size: 11px;color: #999}
.cate_listTitle .cate_navi li:last-child {margin-right: 0}
.cate_listTitle .cate_navi li:last-child:after {display: none;}
.cate_listTitle .cate_navi li a {display: inline-block;font-size: 14px;color: #555;}

.listSide_wrap .sideNavi {display: block;overflow: hidden;border-top: 1px solid #ddd;}
.listSide_wrap .sideNavi .sm_li1 {display: block;border-bottom: 1px solid #ddd;}
.listSide_wrap .sideNavi .sm_li1 .am_a1 {display: block;font-size: 15px;color: #333;line-height: 22px;padding: 10px 0;font-weight: 600;}
.listSide_wrap .sideNavi .sm_li1 .am_a1 small {display: inline-block;font-size: 12px;letter-spacing: 0;color: #888}
.listSide_wrap .sideNavi .sm_li1.active .am_a1 {color: #099b77}
.listSide_wrap .sideNavi .sm_li1.active .am_a1 small {color: #099b77}

.listSide_wrap .sideNavi .side_dep2 {display: none;background: #eee;padding: 15px 15px}
.listSide_wrap .sideNavi .active .side_dep2 {display: block}
.listSide_wrap .sideNavi .sm_li2 {display: block;}
.listSide_wrap .sideNavi .sm_li2 .am_a2 {position: relative;display: block;font-size: 13px;color: #666;line-height: 22px;padding: 5px 0 5px 12px;}
.listSide_wrap .sideNavi .sm_li2 .am_a2 small {display: inline-block;font-size: 11px;letter-spacing: 0;color: #888}
.listSide_wrap .sideNavi .sm_li2 .am_a2:after {position: absolute;top: 50%;left: 0;width: 5px;height: 2px;background: #666;margin-top: -1px;content: "";}

.listSide_wrap .sideNavi .sm_li2.active .am_a2 {color: #099b77;text-decoration: underline}
.listSide_wrap .sideNavi .sm_li2.active .am_a2:after {margin-top: -1px;content: "";background: #099b77;}

.itemBox_wrap {position: relative;display: block;}
.item_title {position: relative;display: block;font-size: 22px;color: #111;letter-spacing: -0.08em;line-height: 25px;padding-bottom: 10px;font-weight: 600}
.listArea .itemBox {position: relative;display: block;border-top: 1px solid #ddd}
.listArea .item {position: relative;display: block;overflow: hidden;padding: 15px 0 15px 145px;border-bottom: 1px solid #ddd}
.listArea .item .img {position: absolute;top: 20px;left: 0;width: 130px;height: 80px;}
.listArea .item .img img {width: 130px;height: 80px;}
.listArea .item .img a {display: block;}
.listArea .item .title {position: relative;display: block;overflow: hidden}
.listArea .item .title a {display: inline-block;font-size: 14px;font-weight: 600;line-height: 20px;letter-spacing: -0.05em;color: #222;}
.listArea .item .title .item_type {display: inline-block;}
.listArea .item .title .item_type span {position: relative;display: inline-block;line-height: 18px;font-family: "돋움", Dotum;font-size: 11px;color: #fff;text-align: center;padding: 0 5px;border-radius: 3px;vertical-align: middle}
.listArea .item .price {display: block;font-size: 18px;font-weight: 600;color: #111;margin: 5px 0;line-height: 120%}
.listArea .item .info {display: block;overflow: hidden;font-size: 12px}
.listArea .item .info ul {display: block;overflow: hidden;height: 22px}
.listArea .item .info li {position: relative;float: left;margin-right: 15px;color: #666;line-height: 22px;}
.listArea .item .info li .homepi { display: inline-block;color: #333;max-width: 360px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;padding-right: 13px;line-height: 20px;background: url("/re_images/tv/pc/contents/channel-go.png") no-repeat right center;}
.listArea .item .info li .rating {position: relative;display: inline-block;width: 120px;text-align: left;}
.listArea .item .info li .rating i {position: relative;display: inline-block;width: 8px;vertical-align: top;color: #cbcbcb}
.listArea .item .info li .rating i:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 22px;content: "\f005";font-family: FontAwesome;font-style: normal;font-size: 12px;display: block}
.listArea .item .info li .rating i.on {color: #ef5350}
.listArea .item .info li .rating span {display: inline-block;vertical-align: top;font-size: 12px;color: #777;line-height: 22px;margin-left: 2px}
.listArea .item .info li:after {position: absolute;top: 50%;right: -8px;width: 1px;height: 10px;margin-top: -5px;background: #ccc;content: "";}
.listArea .item .info li:last-child {margin-right: 0}
.listArea .item .info li:last-child:after {display: none;}

.item_more {position: relative;display: block;margin-top: 10px;text-align: right}
.item_more a {position: relative;display: inline-block;}
.item_more a span {position: relative;display: inline-block;padding-right: 10px;color: #666;line-height: 25px}
.item_more a span:after {position: absolute;top: 0;right: 0;width: 15px;height: 25px;display: block;line-height: 26px;color: #666;content: "\f112";text-indent: 0;font-family: FontAwesome,LineAwesome;font-size: 11px;text-align: right}

.item_type .package {background: #3f51b5}
.item_type .event {background: #df3764}
.item_type .dangoll {background: #ed283b}
.item_type .channel {background: #f66516}


.homepiArea .title {position: relative;display: block;overflow: hidden;font-size: 15px;color: #fff;font-weight: 600;line-height: 120%;padding: 10px 0;text-align: center;background: #333;}
.homepi_list {position: relative;display: block;overflow: hidden;padding: 20px;}
.homepi_list li {position: relative;display: block;overflow: hidden;margin-bottom: 10px;}
.homepi_list li:last-child {margin-bottom: 0}
.homepi_list .homepi {position: relative;display: inline-block;width: 110px;padding-left: 28px;}
.homepi_list .homepi i {position: absolute;top: 50%;left: 0;width: 20px;height: 20px;margin-top: -10px;overflow: hidden;border-radius: 50%;}
.homepi_list .homepi i img {width: 20px;height: 20px;display: block}
.homepi_list .homepi span {display: block;width: 100%;color: #555;font-size: 12px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;line-height: 20px;letter-spacing: -0.05em}


/*종합패키지*/
.allPackage_top {position: relative;display: block;background: #f6f6f6;border: 1px solid #ddd;padding: 30px 0}
.allPackage_top .s_tit {position: relative;display: block;width: 167px;margin: 0 auto 10px;line-height: 38px;text-align: center;font-size: 20px;color: #fff;
    background: url("/re_images/moi/pc/contents/allPackage_tit.png") no-repeat center;padding: 0 25px 9px}
.allPackage_top .title {position: relative;display: block;overflow: hidden;text-align: center;font-size: 27px;color: #111;line-height: 130%;letter-spacing: -0.05em;font-weight: 600}
.allPackage_top .info {position: relative;display: block;overflow: hidden;margin-top: 10px;text-align: center;z-index: 10}
.allPackage_top .info .channel {position: relative;display: inline-block;line-height: 22px;padding-right: 20px;vertical-align: top;}
.allPackage_top .info .channel:after {position: absolute;top: 50%;right: 9px;width: 1px;height: 10px;margin-top: -5px;background: #ccc3c2;content: ""}
.allPackage_top .info .date {position: relative;display: inline-block;line-height: 22px;padding-right: 20px;vertical-align: top;}
.allPackage_top .info .date:after {position: absolute;top: 50%;right: 9px;width: 1px;height: 10px;margin-top: -5px;background: #ccc3c2;content: ""}
.allPackage_top .info .report {position: relative;display: inline-block;line-height: 22px;padding-right: 20px;vertical-align: top;}
.allPackage_top .info .report:after {position: absolute;top: 50%;right: 9px;width: 1px;height: 10px;margin-top: -5px;background: #ccc3c2;content: ""}
.allPackage_top .info .channel a {position: relative;display: inline-block;padding-right: 15px;background: url("/re_images/common/etc/new-winDG.png") no-repeat right center;color: #777}
.allPackage_top .info .category {position: relative;display: inline-block;line-height: 22px;color: #777;padding-right: 20px;}
.allPackage_top .info .category:after {position: absolute;top: 50%;right: 9px;width: 1px;height: 10px;margin-top: -5px;background: #ccc3c2;content: ""}
.allPackage_top .info .rating {position: relative;display: inline-block;vertical-align: top;}
.allPackage_top .info .rating i {position: relative;display: inline-block;width: 16px;height: 20px;vertical-align: top;color: #cbcbcb}
.allPackage_top .info .rating i:after {position: absolute;top: 0;left: 0;width: 100%;height: 20px;line-height: 20px;content: "\f005";font-family: FontAwesome;font-style: normal;font-size: 15px;display: block}
.allPackage_top .info .rating i.on {color: #ef5350}
.allPackage_top .info .rating span {display: inline-block;vertical-align: top;font-size: 13px;color: #777;line-height: 30px;margin-left: 2px}

.allPackage_cont {position: relative;display: block;border: 1px solid #ddd;margin-top: -1px;padding: 30px;}
.allPackage_cont img {max-width: 100%}

.allPackage_composition {position: relative;display: block;margin-top: 40px;}
.allPackage_composition .composition_title {position: relative;display: block;text-align: center;margin-bottom: 10px}
.allPackage_composition .composition_title:after {position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: #e3e3e3;content: "";z-index: 0}
.allPackage_composition .composition_title span {position: relative;display: inline-block;padding: 0 30px;background: #fff;font-size: 30px;color: #111;line-height: 130%;font-weight: 600;z-index: 10}
.allPackage_composition .listBox {position: relative;display: block;overflow: hidden;margin-bottom: 30px;}
.allPackage_composition .listBox h3 {display: block;font-size: 20px;color: #111;line-height: 130%;margin-bottom: 10px;font-weight: 600}

.allPackage_table {width: 100%;border-top: 2px solid #585858;}
.allPackage_table th {font-size: 13px;text-align: center;padding: 10px 0;color: #3d434c;border-bottom: 1px solid #ddd;background: #fafafa;font-weight: 600}
.allPackage_table td {font-size: 13px;text-align: center;padding: 10px 5px;border-bottom: 1px solid #ddd;color: #7f7f7f;vertical-align: top}
.allPackage_table td .btn_st {margin: 0}
.allPackage_table td .title {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;font-weight: 600;font-size: 14px;padding: 4px 0}
.allPackage_table td .subLst {position: relative;display: block;padding: 10px 15px;background: #f6f6f6;border: 1px solid #ddd;min-width: 400px;max-width: 650px;margin-top: 10px}
.allPackage_table td .subLst ul {display: block;}
.allPackage_table td .subLst li {overflow: hidden;display: block;padding: 5px 0 5px 12px;color: #333;font-weight: 600;background: url("/re_images/common/Board/ico_under.png") no-repeat left 11px;}
.allPackage_table td .sub_bookLst {position: relative;display: block;padding: 5px 0 5px}
.allPackage_table td .sub_bookLst li {overflow: hidden;display: block;padding: 0 0 0 12px;font-weight: normal;color: #555;background: url("/re_images/common/Board/ico_under.png") no-repeat left 5px;}
.allPackage_table td ul li .book-name {float: left;}
.allPackage_table td ul li .book-price {float: right;}
.allPackage_table td .price {display: inline-block;font-weight: 600;color: #222;font-size: 14px;line-height: 28px}
.allPackage_table td .btn_list {margin-right: 5px;display: inline-block;padding: 0 7px;min-width: 35px;text-align: center;font-size: 11px;height: 20px;line-height: 20px;font-weight: 600;background: #888;border-radius: 3px;vertical-align: top}
.allPackage_table td .btn_list span {position: relative;display: inline-block;padding-right: 13px;color: #fff}
.allPackage_table td .btn_list span:after {position: absolute;top: 0;right: 0;width: 10px;height: 20px;line-height: 20px;font-family: FontAwesome;}
.allPackage_table td .btn_list.on span:after {content: "\f0d7"}
.allPackage_table td .btn_list.off span:after {content: "\f0d8"}

.allPackage_totalPrice {position: relative;display: block;background: #f6f6f6;padding: 30px;text-align: right}
.allPackage_totalPrice .txt {display: inline-block;height: 25px;margin-top: 22px;vertical-align: top;font-size: 18px;color: #111;line-height: 25px;font-weight: 600;margin-right: 10px}
.allPackage_totalPrice .total {display: inline-block;vertical-align: top;}
.allPackage_totalPrice .total del {display: block;font-size: 16px;text-align: right;color: #888;line-height: 120%;font-weight: 600}
.allPackage_totalPrice .total b {display: block;font-size: 25px;color: #f44336;line-height: 120%;font-weight: 600}

.allPackageLst {position: relative;display: block;overflow: hidden;margin-top: 40px}
.allPackageLst .boxTit {position: relative;display: block;overflow: hidden;font-weight: 600;color: #222;font-size: 25px;line-height: 140%;margin-bottom: 10px;}
.allPackageLst .lstBox {position: relative;display: block;overflow: hidden;padding-bottom: 40px;margin-bottom: 40px;border-top: 2px solid #333;}
.allPackageLst .item {position: relative;display: block;min-height: 92px;padding: 20px;border-bottom: 1px solid #ddd;overflow: hidden}
.allPackageLst .item .chek {position: absolute;top: 50%;right: 0;margin-top: -13px;line-height: 26px}
.allPackageLst .item .chek label {font-weight: 600;}
.allPackageLst .item .chek input {margin-left: 5px}
.allPackageLst .item .img {position: relative;width: 150px;height: 92px;float: left;margin-right: 20px }
.allPackageLst .item .img img {width: 150px;height: 92px;}
.allPackageLst .item .type {position: relative;width: 150px;height: 92px;float: left;margin-right: 20px;text-align: center;border-radius: 5px; }
.allPackageLst .item .type span {display: block;line-height: 92px;font-weight: 600;font-size: 15px}
.allPackageLst .item .txtbox {position: relative;display: block;width: 880px;height: 92px;float: left;}
.allPackageLst .item .title {display: block;}
.allPackageLst .item .title a {font-size: 16px;color: #333;font-weight: 600;line-height: 140%;}
.allPackageLst .item .info {display: block;font-size: 14px;margin-top: 5px}
.allPackageLst .item .more {position: relative;display: block;margin-top: 5px}
.allPackageLst .item .more a {position: relative;display: inline-block;padding: 0 15px;background: #f2f2f2;text-align: center;line-height: 28px;height: 28px;border-radius: 5px}
.allPackageLst .item .price {position: absolute;bottom: 0;right: 90px;line-height: 30px;}
.allPackageLst .item .price .event {float: left;width: 50px;text-align: center;color: #fff;background: #fb7623;font-size: 12px;letter-spacing: 0;height: 22px;line-height: 22px;border-radius: 3px;margin: 5px 10px}
.allPackageLst .item .price del {display: inline-block;float: left;font-size: 15px;color: #777;font-weight: 600;margin-right: 10px}
.allPackageLst .item .price b {display: inline-block;float: left;font-size: 20px;color: #222;font-weight: 600;}
.allPackageLst .fullBtn {position: relative;display: block;clear: both;overflow: hidden;}
.allPackageLst .fullBtn a {display: block;background: #2f3b4d;text-align: center;line-height: 30px;height: 30px;border-radius: 5px;color: #fff;}
.allPackageLst .fullBtn a span {display: inline-block;color: #fff;}

.allPackageLst .item_subLst {position: relative;display: block;overflow: hidden}
.allPackageLst .item_subLst .subLst {position: relative;display: block;padding: 10px 15px;background: #f6f6f6;border: 1px solid #ddd;margin-top: 10px}
.allPackageLst .item_subLst .subLst ul {display: block;}
.allPackageLst .item_subLst .subLst li {overflow: hidden;display: block;padding: 5px 0 5px 12px;color: #333;font-weight: 600;background: url("/re_images/common/Board/ico_under.png") no-repeat left 11px;}
.allPackageLst .item_subLst .sub_bookLst {position: relative;display: block;padding: 5px 0 5px}
.allPackageLst .item_subLst .sub_bookLst li {overflow: hidden;display: block;padding: 0 0 0 12px;font-weight: normal;color: #555;background: url("/re_images/common/Board/ico_under.png") no-repeat left 5px;}
.allPackageLst .item_subLst ul li .book-name {float: left;}
.allPackageLst .item_subLst ul li .book-price {float: right;}

.allPackageLst .type.org1 {color: #e97707;border: 1px solid #e97707;background: #fef7f0}
.allPackageLst .type.org2 {color: #e54d1e;border: 1px solid #e54d1e;background: #fff4f1}
.allPackageLst .type.org3 {color: #aa2805;border: 1px solid #aa2805;background: #fff4f1}

.allPackageLst .type.red1 {color: #ff2328;border: 1px solid #ff2328;background: #fff2f2}
.allPackageLst .type.red2 {color: #eb4977;border: 1px solid #eb4977;background: #fff2f6}
.allPackageLst .type.red3 {color: #c01444;border: 1px solid #c01444;background: #fff4f7}

/*
.allPackage_top {position: relative;display: block;background: #f6f6f6;border: 1px solid #ddd;padding: 30px 0}
.allPackage_top .s_tit {position: relative;display: block;width: 167px;margin: 0 auto 10px;line-height: 38px;text-align: center;font-size: 20px;color: #fff;
    background: url("/re_images/moi/pc/contents/allPackage_tit.png") no-repeat center;padding: 0 25px 9px}
.allPackage_top .title {position: relative;display: block;overflow: hidden;text-align: center;font-size: 30px;color: #111;line-height: 130%;font-weight: 600}
.allPackage_top .info {position: relative;display: block;overflow: hidden;margin-top: 10px;text-align: center;z-index: 10}
.allPackage_top .info .channel {position: relative;display: inline-block;line-height: 22px;padding-right: 20px;vertical-align: top;}
.allPackage_top .info .channel:after {position: absolute;top: 50%;right: 9px;width: 1px;height: 10px;margin-top: -5px;background: #ccc3c2;content: ""}
.allPackage_top .info .date {position: relative;display: inline-block;line-height: 22px;padding-right: 20px;vertical-align: top;}
.allPackage_top .info .date:after {position: absolute;top: 50%;right: 9px;width: 1px;height: 10px;margin-top: -5px;background: #ccc3c2;content: ""}
.allPackage_top .info .report {position: relative;display: inline-block;line-height: 22px;padding-right: 20px;vertical-align: top;}
.allPackage_top .info .report:after {position: absolute;top: 50%;right: 9px;width: 1px;height: 10px;margin-top: -5px;background: #ccc3c2;content: ""}
.allPackage_top .info .channel a {position: relative;display: inline-block;padding-right: 15px;background: url("/re_images/common/etc/new-winDG.png") no-repeat right center;color: #777}
.allPackage_top .info .category {position: relative;display: inline-block;line-height: 22px;color: #777;padding-right: 20px;}
.allPackage_top .info .category:after {position: absolute;top: 50%;right: 9px;width: 1px;height: 10px;margin-top: -5px;background: #ccc3c2;content: ""}
.allPackage_top .info .rating {position: relative;display: inline-block;vertical-align: top;}
.allPackage_top .info .rating i {position: relative;display: inline-block;width: 16px;height: 20px;vertical-align: top;color: #cbcbcb}
.allPackage_top .info .rating i:after {position: absolute;top: 0;left: 0;width: 100%;height: 20px;line-height: 20px;content: "\f005";font-family: FontAwesome;font-style: normal;font-size: 15px;display: block}
.allPackage_top .info .rating i.on {color: #ef5350}
.allPackage_top .info .rating span {display: inline-block;vertical-align: top;font-size: 13px;color: #777;line-height: 30px;margin-left: 2px}

.allPackage_cont {position: relative;display: block;border: 1px solid #ddd;margin-top: -1px;padding: 30px;}

.allPackage_composition {position: relative;display: block;margin-top: 40px;}
.allPackage_composition .composition_title {position: relative;display: block;text-align: center;margin-bottom: 10px}
.allPackage_composition .composition_title:after {position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: #e3e3e3;content: "";z-index: 0}
.allPackage_composition .composition_title span {position: relative;display: inline-block;padding: 0 30px;background: #fff;font-size: 30px;color: #111;line-height: 130%;font-weight: 600;z-index: 10}
.allPackage_composition .listBox {position: relative;display: block;overflow: hidden;margin-bottom: 30px;}
.allPackage_composition .listBox h3 {display: block;font-size: 20px;color: #111;line-height: 130%;margin-bottom: 10px;font-weight: 600}

.allPackage_table {width: 100%;border-top: 2px solid #585858;}
.allPackage_table th {font-size: 13px;text-align: center;padding: 10px 0;color: #3d434c;border-bottom: 1px solid #ddd;background: #fafafa;font-weight: 600}
.allPackage_table td {font-size: 13px;text-align: center;padding: 10px 5px;border-bottom: 1px solid #ddd;color: #7f7f7f;vertical-align: top}
.allPackage_table td .btn_st {margin: 0}
.allPackage_table td .title {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;font-weight: 600;font-size: 14px;padding: 4px 0}
.allPackage_table td .subLst {position: relative;display: block;padding: 10px 15px;background: #f6f6f6;border: 1px solid #ddd;min-width: 400px;max-width: 650px;margin-top: 10px}
.allPackage_table td .subLst ul {display: block;}
.allPackage_table td .subLst li {overflow: hidden;display: block;padding: 5px 0 5px 12px;color: #333;font-weight: 600;background: url("/re_images/common/Board/ico_under.png") no-repeat left 11px;}
.allPackage_table td .sub_bookLst {position: relative;display: block;padding: 5px 0 5px}
.allPackage_table td .sub_bookLst li {overflow: hidden;display: block;padding: 0 0 0 12px;font-weight: normal;color: #555;background: url("/re_images/common/Board/ico_under.png") no-repeat left 5px;}
.allPackage_table td ul li .book-name {float: left;}
.allPackage_table td ul li .book-price {float: right;}
.allPackage_table td .price {display: inline-block;font-weight: 600;color: #222;font-size: 14px;line-height: 28px}
.allPackage_table td .btn_list {margin-right: 5px;display: inline-block;padding: 0 7px;min-width: 35px;text-align: center;font-size: 11px;height: 20px;line-height: 20px;font-weight: 600;background: #888;border-radius: 3px;vertical-align: top}
.allPackage_table td .btn_list span {position: relative;display: inline-block;padding-right: 13px;color: #fff}
.allPackage_table td .btn_list span:after {position: absolute;top: 0;right: 0;width: 10px;height: 20px;line-height: 20px;font-family: FontAwesome;}
.allPackage_table td .btn_list.on span:after {content: "\f0d7"}
.allPackage_table td .btn_list.off span:after {content: "\f0d8"}

.allPackage_totalPrice {position: relative;display: block;background: #f6f6f6;padding: 30px;text-align: right}
.allPackage_totalPrice .txt {display: inline-block;height: 25px;margin-top: 22px;vertical-align: top;font-size: 18px;color: #111;line-height: 25px;font-weight: 600;margin-right: 10px}
.allPackage_totalPrice .total {display: inline-block;vertical-align: top;}
.allPackage_totalPrice .total del {display: block;font-size: 16px;text-align: right;color: #888;line-height: 120%;font-weight: 600}
.allPackage_totalPrice .total b {display: block;font-size: 25px;color: #f44336;line-height: 120%;font-weight: 600}
*/

.view_btnBox {position: relative;display: block;text-align: center;margin: 20px 0 40px}

.moiLst_table {width: 100%;border-top: 2px solid #585858;}
.moiLst_table th {font-size: 13px;text-align: center;padding: 10px 0;color: #3d434c;border-bottom: 1px solid #ddd;background: #fafafa;font-weight: 600}
.moiLst_table td {font-size: 13px;text-align: center;padding: 7px 5px;border-bottom: 1px solid #ddd;color: #7f7f7f;}
.moiLst_table td .title {max-width: 430px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;font-weight: 600}
.moiLst_table td .title:hover {text-decoration: underline}
.moiLst_table td .cate_txt {font-size: 12px;position: relative;display: inline-block;padding-right: 25px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.moiLst_table td .cate_txt .all_cate {position: absolute;top: 50%;right: 0;display: inline-block;width: 20px;height: 12px;margin-top: -5px;background: url("/re_images/moi/pc/contents/all_cate.png") no-repeat center;}
.moiLst_table td .channel {font-size: 12px;color: #555;max-width: 110px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 12px;background: url("/re_images/common/etc/new-winG.png") no-repeat right center}
.moiLst_table td .nochannel {font-size: 12px;color: #555;max-width: 110px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.moiLst_table td .price {display: inline-block;font-weight: 600;color: #222;font-size: 14px}
.moiLst_table td .price del {display: block;font-size: 12px;color: #888;font-weight: normal;}
.moiLst_table td .price.free {color: #1e88e5}

.moiLst_table td .type {float: left;margin-right: 5px;display: inline-block;padding: 0 5px;min-width: 35px;text-align: center;font-size: 11px;height: 18px;line-height: 18px;border: 1px solid #ccc;border-radius: 3px;letter-spacing: 0}

.moiLst_table td .type.free {color: #1e88e5}
.moiLst_table td .type.event {color: #e91e63}
.moiLst_table td .type.single {color: #3745c6}
.moiLst_table td .type.package {color: #e91e63}
.moiLst_table td .type.brand {color: #57a22f}
.moiLst_table td .type.dangoll {color: #009e95}
.moiLst_table td .type.problem {color: #a227dc}
.moiLst_table td .type.essay {color: #f56e13}
.moiLst_table td .type.self {color: #0e9ed3}

.moiLst_table td .btn_st span, .moiLst_table td .box_txt span {font-size: 12px}


.v_top {display: block;background: #eff7f6;text-align: center}
.v_tab {display: block;overflow: hidden;padding: 10px 0;margin: 20px 0}
.v_tab ul {display: block;width: 1100px;margin: 0 auto;}
.v_tab li {float: left;margin-right: 10px}
.v_tab li a {display: block;font-size: 16px;padding: 0 20px;border-radius: 40px;line-height: 40px;background: #f2f2f2}
.v_tab .active a {background: #15adb3;color: #fff;font-weight: 600}
.v_box {display: block;overflow: hidden;margin: 0 auto 30px;width: 1100px}
.v_box .v_tit {display: block;font-weight: 600;color: #333;font-size: 20px;line-height: 20px;margin-bottom: 10px}
.v_box .v_tit b {color: #15adb3 }

.vLst {display: block;overflow: hidden;}
.vLst li {position: relative;display: block;border: 1px solid #e3e3e3;padding: 30px 250px 30px 30px;border-radius: 15px;margin-bottom: 20px}
.vLst li .tit {display: block;font-weight: 600;color: #333;font-size: 17px;line-height: 130%;margin-bottom: 7px}
.vLst li .tit a {font-weight: 600;color: #333;}
.vLst li .info {overflow: hidden;margin-bottom: 10px}
.vLst li .info li {position: relative;float: left;margin-right: 20px;padding: 0;border: none;border-radius: 0;margin-bottom: 0;font-size: 14px}
.vLst li .info li:before {position: absolute;top: 5px;right: -12px;width: 1px;height: 10px;background: #ccc;content: ""}
.vLst li .info li:last-child:before {display: none}
.vLst li .cate {display: inline-block;background: #eee;padding: 0 15px;border-radius: 35px;height: 35px;line-height: 35px;margin-bottom: 10px}
.vLst li .channel {position: relative;padding-left: 35px;line-height: 30px;overflow: hidden;}
.vLst li .channel i {position: absolute;top: 50%;left: 0;width: 26px;height: 26px;border: 2px solid #fff;margin-top: -15px;overflow: hidden;border-radius: 50%;}
.vLst li .channel i img {width: 26px;height: 26px;display: block}
.vLst li .channel span {display: block;width: 100%;color: #777;font-size: 12px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis}
.vLst li .as_box {position: absolute;top: 30px;right: 30px;width: 180px;}
.vLst li .as_box .dbtn {display: block;background: #0f5f62;color: #fff;height: 50px;line-height: 50px;font-weight: 600;text-align: center;font-size: 20px;border-radius: 5px}
.vLst li .as_box .price {display: block;font-size: 25px;font-weight: 600;color: #222;line-height: 110%;text-align: center;margin-top: 15px}
.vLst li .as_box .price small {display: block;font-size: 16px;font-weight: normal;color: #ef1a2e}