@font-face {
    font-family: 'SpoqaHanSans';
	font-weight: 400;
	src:local(※),
    url('/zeus_new/font/SpoqaHanSansRegular.woff2') format('woff2'),
    url('/zeus_new/font/SpoqaHanSansRegular.woff') format('woff'),
    url('/zeus_new/font/SpoqaHanSansRegular.ttf') format('truetype');
}

@font-face {
    font-family: 'SpoqaHanSans';
    font-weight: 100;
    src: local(※),
    url('/zeus_new/font/SpoqaHanSansThin.woff2') format('woff2'),
    url('/zeus_new/font/SpoqaHanSansThin.woff') format('woff'),
    url('/zeus_new/font/SpoqaHanSansThin.ttf') format('truetype');
}

@font-face {
    font-family: 'Gilroy';
	src:local(※),
    url('/zeus_new/font/GilroyExtraBold.woff2') format('woff2'),
    url('/zeus_new/font/GilroyExtraBold.woff') format('woff'),
    url('/zeus_new/font/GilroyExtraBold.ttf') format('truetype');
}

/* 수강신청 */
.cur_top {width:100%;}
.teacher_top {position:relative;overflow:hidden;background:url(../Img/Sub/lec_bg.jpg) no-repeat center top;background-color:#a6aa9d;}
.teacher_top .t_box03 {width:100%;height:0;padding-top:calc(365/640 * 100%);margin:0 auto;background:url(../Img/Sub/t_profile_20191217.png) no-repeat center top / cover;position:relative;}
.teacher_top .t_box03 .po_v {position:absolute;top:180px;left:10px; }
.teacher_top .t_box03 .po_v iframe {width:100%;height:calc(306/544 * 100%)}

.teacher_top .t_box02 {width:100%;height:0;padding-top:calc(365/640 * 100%);margin:0 auto;background:url(../Img/Sub/t_profile_20191217.png) no-repeat center top / cover;position:relative;}
.teacher_top .t_box02 .po_v {position:absolute;top:180px;left:10px; }
.teacher_top .t_box02 .po_v iframe {width:100%;height:calc(306/544 * 100%)}


.pos_n {position : relative; width:100%; height:0;	padding-bottom : 56.25%;}
.pos_n iframe {position : absolute; top : 0;	left : 0;	width : 100%; height : 100%;}
.cur_con {height:0;padding-top:calc(1000/640 * 100%);background:url(../Img/Sub/bg_curriculum.gif) repeat;position:relative;}
.cur_con .cur_box {position:absolute;top:0;left:0;width:100%;height:0;padding-top:calc(1000/640 * 100%);background:url(../Img/Sub/curriculum_01_new_20191217.png) no-repeat center top / cover;}
.cur_con2 {height:0;padding-top:calc(780/640 * 100%);background:url(../Img/Sub/bg_curriculum.gif) repeat;position:relative;}
.cur_con2 .cur_box2 {position:absolute;top:0;left:0;width:100%;height:0;padding-top:calc(780/640 * 100%);background:url(../Img/Sub/curriculum_02_new_20191217.png) no-repeat center top / cover;}
.cur_con3 {height:0;padding-top:calc(575/1180 * 100%);background:url(../Img/Sub/bg_curriculum.gif) repeat;position:relative;}
.cur_con3 .cur_box3 {position:absolute;top:0;left:0;width:100%;height:0;padding-top:calc(575/1180 * 100%);background:url(../Img/Sub/curriculum_03.png) no-repeat center top / cover;}

.lec-info-tx{font-size:16px;font-weight:700;color:#444343;padding:5px 0 10px 0;}
.lec-list-wrap .lec-list {border-top:2px solid #ffae00; border-bottom:2px solid #272726}
.lec-list-wrap .lec-list .bcate {display:inline-block; vertical-align:top; font-size:15px; padding-right:2px;}
/*.lec-list-wrap .lec-list .bcate {display:inline-block; vertical-align:top; font-size:15px; padding-right:7px;}*/
.lec-list-wrap .lec-list > li {padding:20px 0; position:relative;border-top:1px solid #e3e3e1}
.lec-list-wrap .lec-list > li:first-child{border-top:none;}
.lec-list-wrap .lec-list > li .best {display:inline-block;background:#cc6666;border-radius:4px;line-height:16px;font-size:9px;color:#fff;padding:0px 6px;vertical-align:top;margin-left: 0px;}
.lec-list-wrap .lec-list > li .new {display:inline-block;background:#ff0033;border-radius:4px;line-height:16px;font-size:9px;color:#fff;padding:0px 6px;vertical-align:top;margin-left: 0px;}
.lec-list-wrap .lec-list > li .wan {display:inline-block;background:#ff0033;border-radius:4px;line-height:16px;font-size:9px;color:#fff;padding:0px 6px;vertical-align:top;margin-left: 0px;}
.lec-list-wrap .lec-list > li .tit-box{display:block; margin-bottom:7px;}
.lec-list-wrap .lec-list > li .tit-box .end { display:block; color:#333; font-size:15px;font-weight:700; line-height:130%;padding-top:3px;}
.lec-list-wrap .lec-list > li .stxt{display:inline-block;position:relative;font-size:14px; line-height:130%}

.lec-tbl {}
.lec-tbl td {overflow:hidden;}
.chk-list {width:100%;}
.chk-list li {width:100%; overflow:hidden; height:32px; line-height:32px; margin-bottom:1px;}
.chk-list .check-box.lec-chk {display:block; overflow:hidden;}
.chk-list .check-box.lec-chk input[type="checkbox"] {float:left; width:20px; margin-right:2px; height:20px; margin-top:6px; box-sizing:border-box; vertical-align:middle;} 
.chk-list .check-box.lec-chk label {float:left; width:calc(100% - 22px);}
.chk-list .cate {font-size:14px;}

.lec-tbl .won {text-align:right;height:32px;line-height:34px;color:#070707;}
.lec-tbl .book-chk {height:30px;line-height:30px;}

.lec-tbl .wh-btn {position: relative; display:block; width:95%; margin-right:5%; color:#333; padding-left:6px; border:1px solid #333; vertical-align:top;font-size:14px;font-weight:400; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; box-sizing:border-box; border-radius:3px;}

.lec-tbl .wh-btn {position: relative; display:block; width:95%; margin-right:5%; color:#333; padding-left:6px; border:1px solid #333; vertical-align:top;font-size:14px;font-weight:400; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; box-sizing:border-box; border-radius:3px;; background-color:#f4f4f4;}

.lec-tbl .wh-btn span{display:inline-block; color:#333; line-height:28px;  letter-spacing:-0.02em; } 
.lec-tbl .wh-btn:after{content:"▶"; color:#333; font-size:8px; line-height:20px; position:absolute; width:14px; height:20px; position:absolute; right:0; top:50%;margin-top:-10px; font-weight:600; }

.lec-tbl .bc-btn {text-align:right;}
.lec-tbl .bc-btn a{display:inline-block; font-size:13px; line-height:22px; color:#fff; padding:4px 10px;border-radius:3px}
.lec-tbl .bc-btn a.now{background:#5c5b5b}
.lec-tbl .bc-btn a.cart{background:#ffa642}

.free_pass {background:#fff;}
.free_pass .fp_box {width:100%;text-align:center;padding:20px 0;}
.free_pass .fp_box img {width:98%;text-align:center;}

.lec_ap_tit {font-size:18px;color:#333;text-align:center;padding:8px 0;font-weight:700;}
.lec_ap_tit span {color:#ff9900;}
.lec_ap_sbj {font-size:22px;text-align:center;}


@media all and (max-width:480px) {
.teacher_top .t_box .po_v {position:absolute;top:100px;left:5px; width:46%;height:80%}
.lec-info-tx {font-size:14px;}
.lec-tbl .wh-btn {font-size:13px;}
}




/* 교재프리패스 */
.free_a01 .free_book {width:100%;height:0;padding-top:calc(900/1180 * 100%);margin:0 auto;background:url(../Img/Sub/free_top.jpg) no-repeat center top / cover;}
.free_a02 .free_profile {width:100%;height:0;padding-top:calc(1000/1180 * 100%);margin:0 auto;background:url(../Img/Sub/free_profile.jpg) no-repeat center top / cover;}
.free_a03 .free_benefit {width:100%;height:0;padding-top:calc(700/1180 * 100%);margin:0 auto;background:url(../Img/Sub/free_benefit.png) no-repeat center top / cover;}
.free_a04 .free_after img {width:100%;margin:0 auto;}
.free_a04 .free_after .free_curi {position:relative;}
.free_a04 .refe {height:50px;background-color:#efefef;}
.free_a04 .refe .curi_txt {float:right;padding:5px 5px 0 0;font-size:10px;}
.free_a05 .free_rnd1 {width:100%;height:0;padding-top:calc(1128/1180 * 100%);margin:0 auto;background:url(../Img/Sub/free_rnd1.png) no-repeat center top / cover;}
.free_a06 .rnd_cont {position:relative;width:100%;height:0;padding-top:calc(885/1180 * 100%);margin:0 auto;background:url(../Img/Sub/tit_rnd2.png) no-repeat center top / cover;}
.free_a07 .free_package {width:100%;height:0;padding-top:calc(863/1180 * 100%);margin:0 auto;background:url(../Img/Sub/free_pack.png) no-repeat center top / cover;}
.free_pack img {width:100%;margin:0 auto;}

.pass-list{border-top:2px solid #ffae00; border-bottom:2px solid #272726;}
.pass-list li{border-top:1px solid #e3e3e1; position:relative;min-height:40px; overflow:hidden;}
.pass-list li:first-child{border-top:0;}
.pass-list .check-box {margin-right:0; display:block;}
.pass-list .check-box input[type="checkbox"] {float:left; width:20px; height:20px; vertical-align:middle; line-height:40px; margin:10px 0 0 6px;}
.pass-list .check-box label{display:block; position:relative;padding:10px 90px 10px 36px; }
.pass-list .check-box label:after{top:50%;margin-top:-8px; left:5px;}
.pass-list .tit{color:#333; font-size:15px; display:block; line-height:130%;}
.pass-list .won-box{position:absolute; right:10px; top:55%; margin-top:-30px; height:50px;text-align:right;}
.pass-list .won-box span{display:inline-block; vertical-align:top; color:#070707; }
.pass-list .won-box .discount{font-size:15px; position:relative;line-height:50px; margin-right:12px;}
.pass-list .won-box .discount:after{position:absolute; left:0; top:50%;width:100%; height:1px ; background:#070707;display:block; content:""}
.pass-list .won-box .won{ font-size:15px;line-height:50px;}
.pass-list .won-box .won.c{line-height:50px;}
.lec-pass-tit {color:#ff9900;padding:8px 0 ;font-size:16px;}
.pass-list .non-txt {text-align:center;line-height:40px;}
.pass-total {font-size:16px;text-align:right;line-height:40px;}
.pass-total span {padding-left:30px;color:#f77603}

.p_tbl {width:100%;border:1px #d5d2d2 solid;}
.p_tbl th, .p_tbl td {border-bottom:1px #e9e8e8 solid;padding:10px 0;}
.p_tbl th {background-color:#f4f4f4;text-align:center;vertical-align:middle;}
.p_tbl td {background-color:#f8f8f8;padding-left:10px;border-left:1px #e9e8e8 solid;font-size:14px;}
.p_tbl td p {line-height:130%;}
.p_tbl th.bt, .p_tbl td.bt {border-bottom:1px #d5d2d2 solid;}

.class-btn-wrap p{width:24%; margin:0 0.5%;box-sizing:border-box;min-width:23%}
.class-btn-wrap p span{line-height:38px}
.class-btn-wrap p.sr-btn span{position:relative; padding-right:10px;}
.class-btn-wrap p.sr-btn span:after{content:"▶"; color:#fff; font-size:8px; line-height:20px; position:absolute; width:14px; height:20px; position:absolute; right:-7px; top:50%;margin-top:-10px; font-weight:600; }
.tab_con_1 {display:none;}
.mgb0 {margin-bottom:0 !important;}
.ctp {padding:18px 10px !important;}
.ctt {top:10px !important; font-size:15px;}
.lec_con {line-height:130%;}
.class-btn {position:absolute; right:0; bottom:17px; }
.sw-btn span{display:inline-block; color:#333; line-height:28px;  letter-spacing:-0.02em;} 
.csw-btn{display:inline-block; vertical-align:top; font-size:12px; font-weight:400;text-align:center; border:1px solid #333; min-width:66px;border-radius:3px;}
.class-info-wrap ul{border-top:2px solid #272726; border-bottom:2px solid #272726}
.class-info-wrap li{padding:20px 50px 20px 0; min-height:36px; position:relative;border-top:1px solid #e3e3e1; position:relative;}
.class-info-wrap li.totxt {padding:20px 90px 20px 0;}
.class-info-wrap li:first-child{border-top:none;}
.class-info-wrap li .btxt{font-size:15px; letter-spacing:-0.05em; color:#434141; line-height:120%; display:block;}
.class-info-wrap li .ctxt{position:absolute; right:0; bottom:10px; color:#434141}
.class-info-wrap li .ctxt span{position:relative; display:inline-block; vertical-align:top; font-size:13px;margin-right:13px;}
.class-info-wrap li .ico{position:absolute; right:15px; top:20px; font-size:0;}
.class-info-wrap li .ico span{display:inline-block; vertical-align:top; width:24px; height:24px; border-radius:100%; margin-left:2px; }
.class-info-wrap li .ico span.ico-01{background:url(../Img/Sub/edu-ico01.png) no-repeat center center; background-size:100% auto}


@media all and (max-width:480px) {
		.pass-list .won-box .discount{line-height:120%; font-size:13px; margin-right:0;margin-top:12px;}
		.pass-list .won-box .won{line-height:120%;display:block; font-size:13px;}
		.pass-list .tit{font-size:13px;}
		.pass-list .won{line-height:57px; font-size:13px;}
        .lec-pass-tit {font-size:14px;}
        .p_tbl td {font-size:13px;}
        .class-btn-wrap p.sr-btn span{padding-right:0}
		.class-btn-wrap p.sr-btn span:after{display:none}
		.class-btn-wrap p span{line-height:32px;}

	}



/* 제우스 패스 */
.pass_layout {width:100%;} 
.zs_top {position:relative;width:100%;height:0;padding-top:calc(1000/1904 * 100%);background:url(../Img/Sub/bg_pass_main.jpg) no-repeat center top / cover;}
.count_wrap {font-size:0;position:absolute;top:46%;left:2%;}
.count_wrap.bnr {display:inline-block;position:relative;top:0;left:0;vertical-align:bottom;padding:56px 0 15px 0;}
.count_wrap.bnr img {vertical-align:bottom;}
.count_wrap img {display:inline-block;vertical-align:bottom;}
.count_wrap .num {margin:0 1px;}
.count_wrap .unit {vertical-align:bottom;margin-left:2px;}



.zsp_a01 {background:#067f7a;padding:0 5px;}
.zsp_a01 .history {width:100%;height:0;padding-top:calc(830/1180 * 100%);margin:0 auto;;background:url(../Img/Sub/pass_history.png) no-repeat center top / cover;}
.zsp_a01 .thanks {width:100%;height:0;padding-top:calc(1406/1180 * 100%);margin:0 auto;background:url(../Img/Sub/img_thanks.png) no-repeat center top / cover;}

.zs_cur_wrap {position:relative;background-color:#969696;}
.zsp_a02 {width:100%;height:0;padding-top:calc(958/1180 * 100%);background:url(../Img/Sub/bg_pass_2018.jpg) no-repeat center top / cover;}
.zs_cur_wrap .tab_menu {position:relative;width:51%;margin:0 auto;}
.zs_cur_wrap .tab_menu span {display:inline-block; vertical-align:top; width:32.8%; margin-left:-1px; border:1px solid #dedede;text-align:center; line-height:200%; font-size:12px; color:#000;background:#fff;}
.zs_cur_wrap .tab_menu span:first-child {border-left:1px solid #dedede;}
.zs_cur_wrap .tab_menu span.on {background:#067f7a; color:#fff; border-color:#067f7a;}
.zs_cur_wrap .zsp_view {text-align:center;padding:3% 0;}
.zs_cur_wrap .zsp_view img {width:20%;}
.zs_cur_wrap .zsp_img img {width:100%;}
.zs_cur_wrap .tab_con {}

.b_img {width:100%;text-align:center;}
.b_img img {width:98%;}

.pass_banner {background:#fff;}
.pass_banner .cont_banner {position:relative;width:100%;margin:0 auto;}
.tit_num img {width:58%;}
.img_num img {width:6%;}
.comma img {width:1%;}
.unit img {width:3%;}
.comma {position:relative;margin:0 3px 0 2px;}

.pass_banner .b_lec_num {position:absolute;top:147px;left:768px;font-size:60px;font-family:'Noto Sans KR',sans-serif;font-weight:700;color:#41928e;}


.zsp_line {border-top:1px #ccc solid;}

.zsp_bnf {background:#fff;border-top:1px #ccc solid;border-bottom:1px #ccc solid;}
.zsp_bnf .tit {width:98%;margin:0 auto;text-align:center;}
.zsp_bnf .tit img {width:75%}
.zsp_bnf .tab_menu {position:relative;width:100%;text-align:center;}
.zsp_bnf .tab_menu span {display:inline-block; padding:10px 0; width:32%; margin-left:-1px; border:1px solid #dedede;text-align:center; line-height:130%; font-size:12px; color:#000;background:#fff;}
.zsp_bnf .tab_menu span:first-child {border-left:1px solid #dedede;}
.zsp_bnf .tab_menu span.on {background:#f3782b; color:#fff; border-color:#f3782b;}
.zsp_bnf .tab_con {width:96%;margin:0 auto;padding:10px 0 40px 0;}
.zsp_bnf .tab_con .tab_con_1 {margin-left:-2px;}
.zsp_bnf .tab_con .tab_con_1 img {width:100%;}

.zsp_guide {background:#e2e1e1;}
.zsp_guide .tit {width:50%;margin:0 auto;text-align:center;}
.zsp_guide .tit img {width:100%;}
.zsp_guide .cont {width:97%;margin:0 auto;padding-bottom:100px;}



@media all and (max-width:480px) {
.zs_cur_wrap .tab_menu span {font-size:9px;}
.zsp_bnf .tab_menu span {font-size:9px;}
}

.text-hidden {overflow:hidden !important; clip:rect(1px, 1px, 1px, 1px) !important; position:absolute !important; width:1px !important; height:1px !important;}
button {outline:0; border:0; background:none; font-size:100%; line-height:auto; font-family:'SpoqaHanSans', sans-serif;}
caption, legend {visibility:hidden; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0; line-height:auto; text-indent:-9999em}

.new_mypage {font-family:'SpoqaHanSans', sans-serif; }

/* 공통 썸네일 */
.common_thum {width:100%; overflow:hidden; position:relative;}
.common_thum img {width:100%;}
.common_thum .rank {display:block; position:absolute; top:0; right:0; width:56px; height:56px; background:#000; color:#c7a56c; line-height:56px; font-size:28px; text-align:center; font-weight:600;}
.common_thum .view {display:block; position:absolute; top:8px; left:24px; font-size:12px; color:#fff;}
.common_thum .view .deco {display:inline-block; color:rgba(255, 255, 255, 0.5); padding-left:8px;}
.common_thum .part {display:block; position:absolute; bottom:17px; left:25px; color:#fff; padding-left:28px; box-sizing:border-box;}
.common_thum .part.lecture {background:url('/zeus_new/images/main/icon_lecture_part.png') no-repeat left center;}
.common_thum .part.offline {background:url('/zeus_new/images/main/icon_offline_part.png') no-repeat left center;}

/* 공통 아이콘*/
.classification_area {display:block; margin-bottom:11px;}
.classification_area .classification_icon img {height:22px;}
.classification_area .classification_icon {display:inline-block; height:26px; border-radius:12.5px; border:1px solid #999; padding:0 12px; line-height:26px; font-size:12px; color:#999;}
/* 라운드 박스*/
.lecture_round_box {width:100%; background:#fff; border-radius: 8px; box-shadow:0 10px 10px 0 rgba(0, 0, 0, 0.1); padding:40px 30px; box-sizing:border-box; line-height:28px; overflow:hidden;}

/* 공통 리스트 */
.commonlist_wrap {width:100%; overflow:hidden;}
.commonlist_wrap .commonlist_tab {width:100%; text-align:center; border-bottom:1px solid #c7a56c; box-sizing:border-box;}
.commonlist_wrap .commonlist_tab li {display:inline-block; width:30%; height:40px; line-height:40px; text-align:center; font-size:15px; color:#c7a56c; font-weight:600; cursor:pointer;}
/*.commonlist_wrap .commonlist_tab li {display:inline-block; width:40%; height:47px; line-height:47px; text-align:center; font-size:16px; color:#c7a56c; font-weight:600; cursor:pointer;}*/
.commonlist_wrap .commonlist_tab li.on {background:#c7a56c; color:#fff;}
.commonlist_wrap .commonlist_cont {width:100%; overflow:hidden; padding:30px 0;}
.commonlist_wrap .commonlist_cont.type02 {background:#eeeeee}
.commonlist_wrap .commonlist_cont .commonlist_group_title {display:block; font-size:20px; text-align:center; margin-bottom:30px; font-weight:600}
.commonlist_wrap .commonlist_cont .commonlist_group_title.gilroy {font-family:'Gilroy', sans-serif;}
.commonlist_wrap .commonlist_cont ul {width:100%; text-align:center;}
.commonlist_wrap .commonlist_cont ul.lecture li {float:left; width:48%; background:#fff; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); text-align:left; position:relative; margin:0 1% 30px;}
.commonlist_wrap .commonlist_cont ul.lecture li .lecture_info {width:100%; padding:14px 5px 0; box-sizing:border-box;}
.commonlist_wrap .commonlist_cont ul.lecture li .lecture_info .maintitle {display:block; font-size:13px; font-weight:600; color:#000; overflow:hidden; text-overflow:clip; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; letter-spacing:-0.5px;}
/*.commonlist_wrap .commonlist_cont ul.lecture li .lecture_info .maintitle {display:block; font-size:13px; font-weight:600; color:#000; overflow:hidden; text-overflow:clip; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap; letter-spacing:-0.5px;}*/
.commonlist_wrap .commonlist_cont ul.lecture li .lecture_info .subtitle {display:block; color:#999; overflow:hidden; text-overflow:clip; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap; margin-bottom:44px;}
.commonlist_wrap .commonlist_cont ul.lecture li .lecture_info .price_area {width:100%; overflow:hidden; margin-bottom:10px;}
.commonlist_wrap .commonlist_cont ul.lecture li .lecture_info .price_area .price_cont {width:100%; height:15px; line-height:15px; font-size:12px; color:#000;overflow:hidden; margin-bottom:5px;}
.commonlist_wrap .commonlist_cont ul.lecture li .lecture_info .price_area .price_cont input[type="checkbox"] {float:left; width:15px; height:15px; margin:0 2px 0 0; box-sizing:border-box;} 
.commonlist_wrap .commonlist_cont ul.lecture li .lecture_info .price_area .price_cont .price {text-decoration:line-through}
.commonlist_wrap .commonlist_cont ul.lecture li .lecture_info .price_area .price_cont .discount {float:right; font-size:12px; font-weight:600;}
.commonlist_wrap .commonlist_cont ul.book li {display:inline-block; width:320px; height:448px; margin:0 12px 50px; background:#fff; box-shadow: 0 50px 20px 0 rgba(0, 0, 0, 0.1); text-align:left; position:relative;}
.commonlist_wrap .commonlist_cont ul.book li .book_info {width:100%; padding:14px 24px 0; box-sizing:border-box;}
.commonlist_wrap .commonlist_cont ul.book li .book_info .maintitle {display:block; font-size:22px; font-weight:600; color:#000; overflow:hidden; text-overflow:clip; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}
.commonlist_wrap .commonlist_cont ul.book li .book_info .subtitle {display:block; color:#999; overflow:hidden; text-overflow:clip; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap; margin-bottom:10px;}
.commonlist_wrap .commonlist_cont ul.book li .book_info .price_cont {width:100%; height:24px; line-height:24px; color:#000; margin-bottom:24px;}
.commonlist_wrap .commonlist_cont ul.book li .book_info .price_cont .price {text-decoration:line-through; font-size:12px;}
.commonlist_wrap .commonlist_cont ul.book li .book_info .price_cont .discount {float:right;font-weight:600;}
.commonlist_wrap .commonlist_cont ul.offline li {display:inline-block; width:320px; height:448px; margin:0 12px 50px; background:#fff; box-shadow: 0 50px 20px 0 rgba(0, 0, 0, 0.1); text-align:left; position:relative;}
.commonlist_wrap .commonlist_cont ul.offline li .offline_info {width:100%; height:232px; padding:25px; box-sizing:border-box;}
.commonlist_wrap .commonlist_cont ul.offline li .offline_info .maintitle {display:block; font-size:21px; font-weight:600; color:#000; overflow:hidden; text-overflow:clip; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap; margin-bottom:8px;}
.commonlist_wrap .commonlist_cont ul.offline li .offline_info .subtitle {display:block; height:74px; overflow:hidden; margin-bottom:30px}
.commonlist_wrap .commonlist_cont ul.offline li .button_area {padding:0;}
.commonlist_wrap .commonlist_cont ul li .button_area {width:100%; overflow:hidden; padding:0 5px 24px; box-sizing:border-box; text-align:center; }
.commonlist_wrap .commonlist_cont ul li .button_area .button_type01 {float:left; width:49%; height:35px; border-radius:25px; border:2px solid #999; color:#999; font-weight:600; cursor:pointer; text-align:center; line-height:31px; box-sizing:border-box;}
.commonlist_wrap .commonlist_cont ul li .button_area .button_type02 {width:70%; height:35px; border-radius:25px; background:#14213d; color:#fff; font-weight:600; cursor:pointer; text-align:center; line-height:35px;padding:6px 20px;} 
/*.commonlist_wrap .commonlist_cont ul li .button_area .button_type02 {float:right; width:70%; height:35px; border-radius:25px; background:#14213d; color:#fff; font-weight:600; cursor:pointer; text-align:center; line-height:35px;} */
.commonlist_wrap .commonlist_cont ul li .btn_avi_play {overflow:hidden; position:absolute; right:0;}
.commonlist_wrap .commonlist_cont ul li .btn_avi_play img {height:40px;}

/* 강좌리스트 */
.lecturedetail_table {width:100%; overflow:hidden; margin-bottom:30px;}
.lecturedetail_table table {width:100%; table-layout:fixed;}
.lecturedetail_table table th {border-top:2px solid #000; border-bottom:2px solid #000; font-size:12px; padding:10px 0;}
.lecturedetail_table table td { border-bottom:1px solid #000; text-align:center; padding:10px 0; font-size:12px;}
.lecturedetail_table table td.board_title {text-align:left; padding-left:10px; overflow:hidden;}
.lecturedetail_table table td a {display:inline-block; margin:1px 0;}
.lecturedetail_table table td img {width:25px; vertical-align:middle; }
.lecturedetail_table table td.star img {width:90%;}

/* 교재정보 */
.book_info_wrap {width:100%; overflow:hidden; box-sizing:border-box; background:#eeeeee; margin-bottom:80px; padding:20px 4% 30px; }
.book_info_cont {width:100%; box-sizing:border-box;}
.book_info_cont .sub_title {display:block; width:100%; overflow:hidden; font-size:16px; font-weight:600; margin-bottom:10px; padding-left:25px; background:url('/zeus_new/images/lecture/icon_book_info.png') no-repeat left center; background-size:auto 16px;}
.book_info_cont .lecture_round_box {padding:4%;}
.book_info_cont .lecture_round_box .thum_book {width:100%; margin-bottom:10px;}
.book_info_cont .lecture_round_box .book_info {width:100%;}
.book_info_cont .lecture_round_box .book_info .title_price {width:100%; padding-bottom:5px; margin-bottom:5px; font-size:14px; overflow:hidden; border-bottom:1px solid rgba(151,151,151,0.3); }
.book_info_cont .lecture_round_box .book_info .title_price .title {float:left;}
.book_info_cont .lecture_round_box .book_info .title_price .price {float:right; font-weight:600}
.book_info_cont .lecture_round_box .book_info .book_text_area {width:100%; line-height:20px; margin-bottom:20px;}
.book_info_cont .lecture_round_box .book_info .book_text_area img {max-width:100%;}
.book_info_cont .lecture_round_box .book_info .button_area {width:100%; overflow:hidden; text-align:center; margin-bottom:20px;}
.book_info_cont .lecture_round_box .book_info .button_area a {display:inline-block; width:40%; height:35px; text-align:center; font-weight:600; box-sizing:border-box;}
.book_info_cont .lecture_round_box .book_info .button_area a.type01 {border-radius:28px; border:2px solid #c7a56c; color:#c7a56c; line-height:31px; margin-right:2%}
.book_info_cont .lecture_round_box .book_info .button_area a.type02 {border-radius:28px; background:#c7a56c; color:#fff; line-height:35px; }



/* 마이페이지 수강중인 강좌 리스트 */
.mypage_title_wrap {width:100%; overflow:hidden; text-align:center; font-size:16px; margin:30px 0; color:#000;}
/*.mypage_title_wrap {width:100%; overflow:hidden; text-align:center; font-size:16px; margin-bottom:30px; color:#000;}*/
.mypage_title_wrap .maintitle_area {color:#000; font-size:22px; line-height:1.4; font-weight:600; font-family:'Gilroy', sans-serif; }
.mypage_title_wrap .bold {font-weight:600;}
.mypage_title_wrap  p {margin-top:10px;}
.bookmark_lecture {overflow:hidden; margin-bottom:30px;}
.bookmark_lecture .title {display:block; font-size:20px;color:#c7a56c; text-align:center; margin-bottom:20px; font-family:'Gilroy', sans-serif; }
.all_lecture .title {display:block; font-size:20px; text-align:center; margin-bottom:20px; font-family:'Gilroy', sans-serif; }
.common_thum .bookmark {width:30px; height:30px; position:absolute; top:10px; left:10px; overflow:hidden; }
.common_thum .bookmark img {width:100%;}
.common_thum .progress {position:absolute; bottom:10px; left:10px; color:#fff; font-size:14px;}
.commonlist_cont ul.lecture li .lecture_info .maintitle.type02 {margin-bottom:5px;}
.commonlist_cont ul.lecture li .lecture_info .lecture_days {display:block; font-size:12px; color:#999999;}
.commonlist_cont ul.lecture li .lecture_info .lecture_days .maincolor {color:#c7a56c}
.commonlist_cont ul.lecture li .lecture_info .lecture_days.last {margin-bottom:20px;}
.commonlist_cont ul.lecture li .lecture_info .lecture_days.last2 {margin-bottom:20px;}

#open_lecture_info {display:inline-block; width:60%; height:35px; border:2px solid #9d9d9d; color:#9d9d9d; border-radius:25px; line-height:31px; font-size:14px; cursor:pointer; text-align:center; margin:50px 20%;}

#lecture_info_wrap {width:100%; overflow:hidden;  background:#eaeaea; padding:30px 4%; box-sizing:border-box;}
#lecture_info_wrap .lcture_info img {width:100%;}
#lecture_info_wrap .lcture_info .title_area {width:100%; overflow:hidden; margin-bottom:10px; padding-right:4%; box-sizing:border-box; line-height:30px;}
#lecture_info_wrap .lcture_info .title_area .title {font-size:21px; font-weight:600;}
#lecture_info_wrap .lcture_info .title_area .close_lecture_info {float:right;}
#lecture_info_wrap .lcture_info .title_area .close_lecture_info img {width:30px; vertical-align:middle;}
#lecture_info_wrap .lcture_info .lecture_info_cont {width:100%; padding:40px 15px 20px; box-sizing:border-box; background:#fff;  box-shadow:0 10px 10px 0 rgba(0, 0, 0, 0.1); margin-bottom:30px;}
#lecture_info_wrap .lcture_info .lecture_info_cont .title {display:block; border-top:3px solid #000; border-bottom:1px solid #000; height:40px; line-height:40px; color:#c7a56c; font-size:17px; margin-bottom:15px;}
#lecture_info_wrap .lcture_info .lecture_info_cont  ul {margin-bottom:20px;}
#lecture_info_wrap .lcture_info .lecture_info_cont  ul li {padding-left:10px; box-sizing:border-box; background:url('/zeus_new/images/mypage/icon_lecture_info.png') no-repeat left 9px; margin-bottom:5px;}
#lecture_info_wrap .lcture_info > .close_lecture_info {display:block; width:40%; height:47px; line-height:47px; margin:0 auto; background:#c7a56c; border-radius:25px; text-align:center; color:#fff; font-weight:600; cursor:pointer;}

/* 마이페이지 강좌 상세 */
.mypagedetail_title_wrap {width:100%; height:auto; overflow:hidden; position:relative;}
.mypagedetail_title_wrap .mypagedetail_title_cont {position:absolute; top:0; left:0; width:100%; overflow:hidden; margin:0 auto; z-index:2; padding:20px; box-sizing:border-box;}
.mypagedetail_title_wrap .mypagedetail_title_cont .title {display:block; font-size:20px; color:#fff; font-weight:600; margin-bottom:2px;}
.mypagedetail_title_wrap .mypagedetail_title_cont .detail {display:block; font-size:18px; color:#fff; opacity:0.5; margin-bottom:20px;}
.mypagedetail_title_wrap .mypagedetail_title_cont .lecture_days {display:block; font-size:12px; color:#999999;}
.mypagedetail_title_wrap .mypagedetail_title_cont .lecture_days .days {color:#fff;}
.mypagedetail_title_wrap .lecturedetail_title_bg {width:100%; max-height:250px; text-align:center; background:#000;}
.mypagedetail_title_wrap .lecturedetail_title_bg img {width:100%;}

.mypagedetail_title_btn {width:100%; overflow:hidden; background:#eaeaea;  padding:10px 1% 10px 0; margin-bottom:30px; box-sizing:border-box;}
.mypagedetail_title_btn .ect_btn a {float:left; width:35px; margin:0 1%;}
.mypagedetail_title_btn .ect_btn a img {width:100%;}
.mypagedetail_title_btn .ect_btn .bookmark {float:left; width:35px; overflow:hidden; cursor:pointer; margin:0 1%;}
.mypagedetail_title_btn .ect_btn .bookmark img {width:35px;}
.mypagedetail_title_btn .ect_btn .bookmark.on img {width:35px; margin-left:0;}


#lecture_qna { padding:10px 20px; width:100%; max-width:110px; height:35px; line-height:35px; text-align:center; color:#fff; font-weight:600; font-size:12px; background:#c7a56c; border-radius:30px; cursor:pointer;} 
#lecture_reivew { padding:10px 20px; width:100%; max-width:110px; height:35px; line-height:35px; text-align:center; color:#fff; font-weight:600; font-size:12px; background:#c7a56c; border-radius:30px; cursor:pointer;} 

#lecture_extension_open { margin-right:10px; padding:10px 20px; width:100%; max-width:110px; height:35px; line-height:35px; text-align:center; color:#fff; font-weight:600; font-size:12px; background:#c7a56c; border-radius:30px; cursor:pointer;} 
/*#lecture_extension_open { display:inline-block; width:158px; height:60px; line-height:60px; text-align:center; color:#fff; font-weight:600; font-size:20px; background:#c7a56c; border-radius:30px; cursor:pointer;}*/
#lecture_extension_open_no { padding:10px 20px; width:100%; height:35px; line-height:35px; text-align:center; color:#fff; font-weight:600; font-size:12px; background:#c8c8c8; border-radius:30px; cursor:pointer;}

#lecture_pause_stop { padding:10px 20px; width:100%; max-width:110px; height:35px; line-height:35px; text-align:center; color:#fff; font-weight:600; font-size:12px; background:#ac8542; border-radius:30px; cursor:pointer;}
#lecture_pause_open { padding:10px 20px; width:100%; height:35px; line-height:35px; text-align:center; color:#fff; font-weight:600; font-size:12px; background:#c7a56c; border-radius:30px; cursor:pointer;}
#lecture_pause_open_no { padding:10px 20px; width:100%; height:35px; line-height:35px; text-align:center; color:#fff; font-weight:600; font-size:12px; background:#c8c8c8; border-radius:30px; cursor:pointer;}
#lecture_review_open { padding:10px 20px; width:100%; height:35px; line-height:35px; text-align:center; color:#fff; font-weight:600; font-size:12px; background:#c7a56c; border-radius:30px; cursor:pointer;}
.mypage_composition {width:100%; padding:0 4%; box-sizing:border-box;}
.mypage_composition .sub_title {display:block; overflow:hidden; font-size:16px; font-weight:600; margin-bottom:15px; padding-left:25px; background:url('/zeus_new/images/lecture/icon_lecture_composition.png') no-repeat left center; background-size:auto 16px;}

.book_info_wrap.mypage {margin-bottom:0;}

#lecture_extension_wrap {width:100%; height:100%; position:fixed; top:0; left:0; z-index:999;} 
#lecture_extension_wrap .lecture_extension {width:90%; background:#eaeaea; position:absolute; top:20%; left:5%; z-index:5; padding:30px; box-sizing:border-box;}
#lecture_extension_wrap .lecture_extension .title_area {width:100%; overflow:hidden; margin-bottom:10px;}
#lecture_extension_wrap .lecture_extension .title_area .title {font-size:18px; font-weight:600;}
#lecture_extension_wrap .lecture_extension .title_area .close_lecture_extension {float:right;}
#lecture_extension_wrap .lecture_extension .title_area .close_lecture_extension img {width:30px; vertical-align:middle;}
#lecture_extension_wrap .lecture_extension .lecture_extension_cont {width:100%; height:250px; overflow-y:auto; padding:40px 15px 20px; box-sizing:border-box; background:#fff;  box-shadow:0 10px 10px 0 rgba(0, 0, 0, 0.1); margin-bottom:30px; font-size:12px;}
#lecture_extension_wrap .lecture_extension .lecture_extension_cont table {width:100%; table-layout:fixed; margin-bottom:15px;}
#lecture_extension_wrap .lecture_extension .lecture_extension_cont table th {min-height:50px; border-bottom:1px solid #000; padding:10px 0;}
#lecture_extension_wrap .lecture_extension .lecture_extension_cont table td {min-height:50px; border-bottom:1px solid #000;  padding:10px 0; font-weight:600;} 
#lecture_extension_wrap .lecture_extension .lecture_extension_cont table td select {color:#c7a56c; font-weight:600; width:80%; height:30px;}
#lecture_extension_wrap .lecture_extension .lecture_extension_cont table .color01 {color:#ff6e42}
#lecture_extension_wrap .lecture_extension .lecture_extension_cont table .maincolor {color:#c7a56c}
#lecture_extension_wrap .lecture_extension .lecture_extension_cont table th.first, #lecture_extension_wrap .lecture_extension .lecture_extension_cont table td.first {border-top:2px solid #000; border-bottom:2px solid #000;}
#lecture_extension_wrap .lecture_extension .lecture_extension_cont ul li {font-size:15px; font-weight:100; color:#929090; font-size:12px;}
#lecture_extension_wrap .lecture_extension .button_area {text-align:center; overflow:hidden;}
#lecture_extension_wrap .lecture_extension .button_area a {display:inline-block; width:40%; height:35px; line-height:35px; margin:0 auto; background:#c7a56c; border-radius:25px; text-align:center; color:#fff; font-weight:600; cursor:pointer; margin-right:5px;}
#lecture_extension_wrap .lecture_extension .button_area .close_lecture_extension {display:inline-block; width:40%; height:35px; line-height:31px; margin:0 auto; border:2px solid #c7a56c; border-radius:25px; text-align:center; color:#c7a56c; font-weight:600; cursor:pointer;}
#lecture_extension_wrap .bg_dark {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1; }


#lecture_pause_wrap {width:100%; height:100%; position:fixed; top:0; left:0; z-index:999;}
#lecture_pause_wrap .lecture_pause {width:600px; background:#eaeaea; position:absolute; top:0%; left:50%; z-index:5; margin:70px 0 0 -300px; padding:30px; box-sizing:border-box;}
#lecture_pause_wrap .lecture_pause .title_area {width:100%; overflow:hidden; margin-bottom:10px;}
#lecture_pause_wrap .lecture_pause .title_area .title {font-size:38px; font-weight:600;}
#lecture_pause_wrap .lecture_pause .title_area  .close_lecture_pause {float:right; line-height:50px; cursor:pointer;}
#lecture_pause_wrap .lecture_pause .title_area  .close_lecture_pause img {vertical-align:middle;}
#lecture_pause_wrap .lecture_pause .lecture_pause_cont {width:100%; padding:40px 15px; box-sizing:border-box; background:#fff;  box-shadow:0 10px 10px 0 rgba(0, 0, 0, 0.1); margin-bottom:30px;}
#lecture_pause_wrap .lecture_pause .lecture_pause_cont table {width:100%; table-layout:fixed; margin-bottom:15px;}
#lecture_pause_wrap .lecture_pause .lecture_pause_cont table th {height:50px; border-bottom:1px solid #000;}
#lecture_pause_wrap .lecture_pause .lecture_pause_cont table td {height:50px; border-bottom:1px solid #000; }
#lecture_pause_wrap .lecture_pause .lecture_pause_cont table td select {color:#c7a56c; font-weight:600; width:250px; height:38px;}
#lecture_pause_wrap .lecture_pause .lecture_pause_cont table .color01 {color:#ff6e42}
#lecture_pause_wrap .lecture_pause .lecture_pause_cont table .maincolor {color:#c7a56c}
#lecture_pause_wrap .lecture_pause .lecture_pause_cont table th.first, #lecture_pause_wrap .lecture_pause .lecture_pause_cont table td.first {border-top:3px solid #000; border-bottom:3px solid #000;}
#lecture_pause_wrap .lecture_pause .lecture_pause_cont ul li {font-size:15px; font-weight:100; color:#929090;}
#lecture_pause_wrap .lecture_pause .button_area {text-align:center; overflow:hidden;}
#lecture_pause_wrap .lecture_pause .button_area a {display:inline-block; width:120px; height:47px; line-height:47px; margin:0 auto; background:#c7a56c; border-radius:25px; text-align:center; color:#fff; font-weight:600; cursor:pointer; margin-right:5px;}
#lecture_pause_wrap .lecture_pause .button_area .close_lecture_pause {display:inline-block; width:120px; height:43px; line-height:43px; margin:0 auto; border:2px solid #c7a56c; border-radius:25px; text-align:center; color:#c7a56c; font-weight:600; cursor:pointer;}
#lecture_pause_wrap .bg_dark {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1; }


#lecture_pause_stop_wrap {width:100%; height:100%; position:fixed; top:0; left:0; z-index:999;}
#lecture_pause_stop_wrap .lecture_pause {width:600px; background:#eaeaea; position:absolute; top:0%; left:50%; z-index:5; margin:70px 0 0 -300px; padding:30px; box-sizing:border-box;}
#lecture_pause_stop_wrap .lecture_pause .title_area {width:100%; overflow:hidden; margin-bottom:10px;}
#lecture_pause_stop_wrap .lecture_pause .title_area .title {font-size:38px; font-weight:600;}
#lecture_pause_stop_wrap .lecture_pause .title_area  .close_lecture_pause {float:right; line-height:50px; cursor:pointer;}
#lecture_pause_stop_wrap .lecture_pause .title_area  .close_lecture_pause img {vertical-align:middle;}
#lecture_pause_stop_wrap .lecture_pause .lecture_pause_cont {width:100%; padding:40px 15px; box-sizing:border-box; background:#fff;  box-shadow:0 10px 10px 0 rgba(0, 0, 0, 0.1); margin-bottom:30px;}
#lecture_pause_stop_wrap .lecture_pause .lecture_pause_cont table {width:100%; table-layout:fixed; margin-bottom:15px;}
#lecture_pause_stop_wrap .lecture_pause .lecture_pause_cont table th {height:50px; border-bottom:1px solid #000;}
#lecture_pause_stop_wrap .lecture_pause .lecture_pause_cont table td {height:50px; border-bottom:1px solid #000; }
#lecture_pause_stop_wrap .lecture_pause .lecture_pause_cont table td select {color:#c7a56c; font-weight:600; width:250px; height:38px;}
#lecture_pause_stop_wrap .lecture_pause .lecture_pause_cont table .color01 {color:#ff6e42}
#lecture_pause_stop_wrap .lecture_pause .lecture_pause_cont table .maincolor {color:#c7a56c}
#lecture_pause_stop_wrap .lecture_pause .lecture_pause_cont table th.first, #lecture_pause_stop_wrap .lecture_pause .lecture_pause_cont table td.first {border-top:3px solid #000; border-bottom:3px solid #000;}
#lecture_pause_stop_wrap .lecture_pause .lecture_pause_cont ul li {font-size:15px; font-weight:100; color:#929090;}
#lecture_pause_stop_wrap .lecture_pause .button_area {text-align:center; overflow:hidden;}
#lecture_pause_stop_wrap .lecture_pause .button_area a {display:inline-block; width:120px; height:47px; line-height:47px; margin:0 auto; background:#c7a56c; border-radius:25px; text-align:center; color:#fff; font-weight:600; cursor:pointer; margin-right:5px;}
#lecture_pause_stop_wrap .lecture_pause .button_area .close_lecture_pause {display:inline-block; width:120px; height:43px; line-height:43px; margin:0 auto; border:2px solid #c7a56c; border-radius:25px; text-align:center; color:#c7a56c; font-weight:600; cursor:pointer;}
#lecture_pause_stop_wrap .bg_dark {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1; }




@media all and (min-width:700px) {
.commonlist_wrap .commonlist_cont ul.lecture {overflow:hidden;}
.commonlist_wrap .commonlist_cont ul.lecture li {float:left; width:49%; margin:0 0 20px; background:#fff; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); text-align:left; position:relative;}
.commonlist_wrap .commonlist_cont ul.lecture li:nth-child(2n-1) {margin-right:2%;}
}

/* 교재패키지 */
.scontainer #contents.book_pass_wrap  {font-family:'SpoqaHanSans', sans-serif; color:#333; padding:30px 0 0 0 ; }
.bookpackage_title {width:100%; box-sizing:border-box; overflow:hidden; margin-bottom:30px; padding:0 10px; }
.bookpackage_title .maintitle {display:block; width:100%; padding-bottom:20px; border-bottom:1px solid; border-color:rgba(0,0,0,0.2); margin-bottom:8px; overflow:hidden; font-size:26px;  font-weight:600; font-family:'Gilroy', sans-serif;}
.bookpackage_title p {font-weight:100; font-size:16px; margin-bottom:5px; line-height:1.4;}
.bookpackage_title .add_text {font-size:9px; letter-spacing:-0.5px;}

.bookpackage_mainbnr {width:100%; position:relative; overflow:hidden; margin-bottom:50px;}
.bookpackage_mainbnr img {width:100%;}

.bookpackage_benefit {width:100%; overflow:hidden; margin-bottom:35px;}
.bookpackage_benefit img {width:100%;}

.bookpackage_ad {width:100%; position:relative; overflow:hidden; margin-bottom:50px;}
.bookpackage_ad img {width:100%}

.bookpackage_curri {width:100%; overflow:hidden; text-align:center; margin-bottom:40px; position:relative;}
.bookpackage_curri img {width:100%;}
.bookpackage_curri .title {display:block; margin-bottom:20px;}
.bookpackage_curri .swiper-pagination-bullet-active {background:#c7a56c}

.bookpackage_detail {width:100%; position:relative; overflow:hidden;}
.bookpackage_detail img {width:100%;}

.bookpackage_preview_area {width:100%; overflow:hidden; background:#666666; padding:50px 3%; box-sizing:border-box; margin-bottom:50px;}
.bookpackage_preview_area img {width:100%;}
.bookpackage_preview_area .bookpackage_preview {width:100%; overflow:hidden; margin:0 auto;}
.bookpackage_preview_area .bookpackage_preview .title {display:block; margin-bottom:20px; text-align:center;}

.bookpackage_preview .preview_cont_wrap {float:left; width:43%; overflow:hidden; box-sizing:border-box; position:relative; margin-right:2%;}
.bookpackage_preview .preview_tab {float:left; width:13%; overflow:hidden; cursor:pointer; margin-right:2%;}
.bookpackage_preview .preview_tab li {width:100%; margin-bottom:9px; overflow:hidden;}
.bookpackage_preview .preview_tab li img {width:200%;}
.bookpackage_preview .preview_tab li.on img {margin-left:-100%;}
.bookpackage_preview .preview_detail {width:40%; overflow:hidden; box-sizing:border-box;}
.bookpackage_preview .preview_detail li {width:100%; margin-bottom:15px; overflow:hidden;}

.bookpackage_notice {width:100%; overflow:hidden;}
.bookpackage_notice img {width:100%; }

.book_pass_wrap .pass-info, .book_pass_wrap .lec-info-tx, .book_pass_wrap .lec-pass-tit {display:block; width:100%; padding:0 3% 10px; box-sizing:border-box;}
.book_pass_wrap .free_pack {margin-bottom:20px;}
.book_pass_wrap .pass-info {margin-bottom:30px;}

/* 패스 패키지 */
.freepass_title {width:100%; box-sizing:border-box; overflow:hidden; margin:30px 0; padding:0 10px; }
.freepass_title .maintitle {display:block; width:100%; padding-bottom:20px; border-bottom:1px solid; border-color:rgba(0,0,0,0.2); margin-bottom:8px; overflow:hidden; font-size:26px;  font-weight:600; font-family:'Gilroy', sans-serif;}
.freepass_title p {font-weight:100; font-size:16px; margin-bottom:5px; line-height:1.4;}
.freepass_title .add_text {font-size:9px; letter-spacing:-0.5px; line-height:1.2;}

.freepass_mainbnr {width:100%; overflow:hidden; position:relative;}
.freepass_mainbnr a img {width:100%;}
.freepass_mainbnr .img_num {display:block; text-align:center; position:absolute; top:69%; left:0;}
.freepass_mainbnr .img_num > img {width:8%; vertical-align:bottom;}

.freepass_benefit {width:100%; overflow:hidden; margin-bottom:50px;}
.freepass_benefit img {width:100%;}

.freepass_best {width:100%; overflow:hidden; margin-bottom:50px;}
.freepass_best img {width:100%;}

.freepass_review  {width:100%; overflow:hidden; position:relative; margin-bottom:50px;}
.freepass_review ul {position:absolute; top:30%; left:0; overflow:hidden; padding:0 2% 0 4% ; box-sizing:border-box;}
.freepass_review ul li {float:left; width:33.33%;}
.freepass_review img {width:100%;}

.freepass_curri {width:100%; overflow:hidden; margin-bottom:50px;}
.freepass_curri .title {display:block; margin-bottom:30px;}
.freepass_curri .curriculum_tab {width:100%; height:30px; overflow:hidden; border-bottom:1px solid #c7a56c; text-align:center; margin-bottom:20px;}
.freepass_curri .curriculum_tab li {display:inline-block; width:30%; height:30px; line-height:30px; color:#c7a56c; font-size:14px; font-weight:600; cursor:pointer;}
.freepass_curri .curriculum_tab li.on {background:#c7a56c; color:#fff;}
.freepass_curri img {width:100%;}

.freepass_buy  {width:100%; overflow:hidden; padding:50px 0 30px; background:#f5f5f5;}
.freepass_buy .title {display:block; margin-bottom:20px;}
.freepass_buy .b_img {padding-left:3%; box-sizing:border-box;}
.freepass_buy img {width:100%;}

.freepass_payback {width:100%; overflow:hidden;}
.freepass_payback img {width:100%;}

.freepass_notice {width:100%; overflow:hidden;}
.freepass_notice img {width:100%;}

/* 페이징 */
.paging {width:100%; text-align:center; margin-top:24px;}
.paging a, .paging span {display:inline-block; width:18px; height:26px; font-size:12px; line-height:20px; margin:0 2px; color:#7f7f7f;}
.paging span {font-weight:600; color:#000}
.paging a.img {width:20px;}
.paging a.img img {width:100%}

/* 게시판 공통 타이틀 */
.board_title_wrap {width:100%; padding:40px 4% 25px; background:#eaeaea; margin-bottom:30px; box-sizing:border-box;}
.board_title_wrap .board_title {width:100%; box-sizing:border-box; overflow:hidden; text-align:center;}
.board_title_wrap .board_title .maintitle {display:block; overflow:hidden; font-family: 'Gilroy', sans-serif; font-size:20px; margin-bottom:10px;}
.board_title_wrap .board_title p {font-size:14px; line-height:1.3;}
.board_title_wrap .board_title > .add_text {margin-top:15px; font-size:12px;}

/* 게시판 리스트 */
.board_list {width:100%; font-size:12px; padding:0 4%; box-sizing:border-box; margin-bottom:50px;}
.board_list table {width:100%; table-layout:fixed; margin-bottom:20px;}
.board_list table th {padding:10px 0; border-top:2px solid #000; border-bottom:1px solid #000; }
.board_list table td {padding:10px 0;  border-bottom:1px solid #000; text-align:center; }
.board_list table td.board_title {text-align:left; padding-left:20px; }
.board_list table td.board_title a {float:left; width:calc(100% - 24px); overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; white-space: nowrap;}
.board_list table td.board_title a img {margin-left:4px;}
.board_list table td.end {color:#c7a56c}
.board_list table td.star img{width:90%;}
.board_list table td img {width:15px; vertical-align:middle;}
.board_list table td .best {display:inline-block; width:100%; height:30px; border-radius:15px; background:#c7a56c; color:#fff; font-weight:600; text-align:center; line-height:30px; font-size:14px; font-size:12px;}
.board_list .pageing_arae {width:100%; }
.board_list .pageing_arae .paging {display:inline-block; margin-top:0;}
.board_list .reserch_area {text-align:right; margin-bottom:15px; overflow:hidden;}
.board_list .reserch_area select {width:24%; height:36px; border:1px solid #888; margin-right:1%;}
.board_list .reserch_area input[type="text"] {width:52%; height:36px; border:1px solid #888; box-sizing:border-box; padding:0 5px; margin-right:1%;}
.board_list .reserch_area a {float:right; width:20%; height:36px; border-radius:24px; background:#888; color:#fff; font-weight:600; text-align:center; line-height:36px; font-size:12px;}
.board_list .select_area {text-align:center; margin-bottom:30px;}
.board_list .select_area select {width:100%; height:36px; border:1px solid #888; margin-right:2px;}
.board_list .btn_area {overflow:hidden; margin-bottom:20px; }
.board_list .btn_area .write {float:right; width:30%; height:30px; border-radius:24px; background:#c7a56c; color:#fff; font-weight:600; z-index:2; position:relative; text-align:center; line-height:30px;} 

/* 아코디언 게시판 */
.faq_board {width:100%; overflow:hidden;}
.faq_tab {overflow:hidden; box-sizing:border-box; text-align:center; margin-bottom:20px;}
.faq_tab li {float:left; width:31.33%; height:47px; line-height:47px; text-align:center; font-size:12px; color:#c7a56c; font-weight:600; border:1px solid #c7a56c; box-sizing:border-box; margin:1%;}
.faq_tab li.on {background:#c7a56c; color:#fff;}
.faq_conts_wrap {width:100%; overflow:hidden; border-top:2px solid #000;}
.faq_conts_wrap .faq_board_title {width:100%; overflow:hidden; text-align:center; font-weight:600;}
.faq_conts_wrap .faq_board_title .part {float:left; width:15%; padding:15px 0; }
.faq_conts_wrap .faq_board_title .faq_title {float:left; width:70%; padding:15px 0; }
.faq_conts_wrap .faq_cont {border-top:1px solid #000; }
.faq_conts_wrap .attach_area {width:100%; overflow:hidden;  border-bottom:1px solid #000; text-align:center; font-weight:600;}
.faq_conts_wrap .attach_area .part {float:left; width:15%; padding:15px 0; }
.faq_conts_wrap .attach_area .part img {width:15px;}
.faq_conts_wrap .attach_area .attach_tit {float:left; width:85%; padding:15px 0; color:#656464; box-sizing:border-box; text-align:left; font-weight:400;}
.faq_conts_wrap ul {overflow:hidden; border-top:1px solid #000; margin-bottom:20px;}
.faq_conts_wrap ul li {overflow:hidden; border-bottom:1px solid #000;}
.faq_conts_wrap ul li .faq_board_title {font-weight:400; cursor:pointer;}
.faq_conts_wrap ul li .faq_board_title .faq_title {padding-left:30px; box-sizing:border-box; text-align:left;}
.faq_conts_wrap ul li .faq_cont {background:#f1f1f1;}
.faq_conts_wrap ul li .text_area {padding:20px;}

/* 게시판 글보기 */
.board_view {width:100%; font-size:12px; padding:0 4%; box-sizing:border-box; margin-bottom:50px;}
.board_view table {width:100%; table-layout:fixed; margin-bottom:20px;}
.board_view table td {padding:10px 0; border-bottom:1px solid #000; text-align:center;}
.board_view table td img {max-width:100%; vertical-align:middle;}
.board_view table td.avi_play_area img {width:15px;}
.board_view table td.first {border-top:2px solid #000; }
.board_view table td.left_align {text-align:left;}
.board_view table td.right_align {text-align:right;}
.board_view table td.avi_play_area {text-align:right;}
.board_view table td.avi_play_area a {display:inline-block; margin-left:2%;}
.board_view table td.star img{width:90%;}
.board_view table td .lecture_title {display:inline-block; margin-right:2%; font-weight:600; color:#c7a56c;}
.board_view table td .board_txt_area {padding:10px 0; text-align:left; }
.board_view .btn_area {width:100%; text-align:center; overflow:hidden; padding-bottom:20px;}
.board_view .btn_area .left_btn {float:left; width:50%; text-align:left;}
.board_view .btn_area .right_btn {float:right; width:50%; text-align:right;}
.board_view .btn_area .edit {display:inline-block; width:40%; height:30px; border-radius:24px; background:#5b5b5b; color:#fff; font-weight:600; z-index:2; position:relative; text-align:center; line-height:30px; margin-right:5px;} 
.board_view .btn_area .delete {display:inline-block; width:40%; height:30px; border-radius:24px; background:#ababab; color:#fff; font-weight:600; z-index:2; position:relative; text-align:center; line-height:30px;} 
.board_view .btn_area .best {display:inline-block; width:40%; height:30px; border-radius:24px; background:#fd0410; color:#fff; font-weight:600; z-index:2; position:relative; text-align:center; line-height:30px; margin-right:5px;} 
.board_view .btn_area .list {display:inline-block; width:40%; height:30px; border-radius:24px; background:#c7a56c; color:#fff; font-weight:600; z-index:2; position:relative; text-align:center; line-height:30px;} 

.reply_board_area {padding:50px 0; background:#eaeaea;}
.reply_board_area .board_view {margin-bottom:0;}
.reply_board_area .btn_area {padding:0;}

/* 게시판 글쓰기 */
.board_write {width:100%; font-size:12px; padding:0 4%; box-sizing:border-box; margin-bottom:50px;}
.board_write table {width:100%; table-layout:fixed; margin-bottom:40px;}
.board_write table th {padding:15px 0;  border-bottom:1px solid #000; }
.board_write table td {padding:15px 0;  border-bottom:1px solid #000; text-align:center; }
.board_write table th.first, .board_write table td.first {border-top:2px solid #000; }
.board_write table td input[type="text"] {width:100%; height:36px; border:1px solid #888; box-sizing:border-box; padding:0 5px; margin-right:4px;}
.board_write table td select {width:100%; height:36px; border:1px solid #888; margin-right:2px;}
.board_write table td.last {padding-right:45px;}
.board_write table td textarea {width:100%; height:300px; padding:20px; box-sizing:border-box;}
.board_write .btn_area {width:100%; text-align:center; overflow:hidden; padding-bottom:20px;}
.board_write .btn_area .cancel {display:inline-block; width:30%; height:30px; border-radius:24px; background:#ababab; color:#fff; font-weight:600; z-index:2; position:relative; text-align:center; line-height:30px;} 
.board_write .btn_area .send {display:inline-block; width:30%; height:30px;  border-radius:24px; background:#c7a56c; color:#fff; font-weight:600; z-index:2; position:relative; text-align:center; line-height:30px;margin-right:5px;} 
.board_write .search {display:inline-block; width:30%; height:30px; border-radius:24px; background:#5b5b5b; color:#fff; font-weight:600; z-index:2; position:relative; text-align:center; line-height:36px;} 

.filebox input[type="file"] {position: absolute; width:1px; height:1px; padding:0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.filebox label {float:right; width:33%; height:30px; border-radius:24px; background:#5b5b5b; color:#fff; font-weight:600; z-index:2; position:relative; text-align:center; line-height:30px;} 
.filebox .upload_name {width:60%; height:30px; border:1px solid #888; box-sizing:border-box; padding:0 5px;}


/* 문의 공통 하단 */
.common_board_wrap {width:100%; height:50px; line-height:50px; color:#fff;  text-align:center; font-size:14px; background:#c7a56c;}
.common_board_wrap a {color:#fff;}
.common_board_wrap .bold {display:inline-block; margin-right:2%; font-weight:600}
.common_board_wrap .bold.last {margin-right:0;}

/* 강좌상세페이지 */
.leturedetail_title_wrap {width:100%; height:auto; overflow:hidden; position:relative; margin-bottom:20px;}
.leturedetail_title_wrap .leturedetail_title_cont {position:absolute; top:0; left:0; width:100%; overflow:hidden; margin:0 auto; z-index:2; padding:15px; box-sizing:border-box;}
.leturedetail_title_wrap .leturedetail_title_cont .part {display:block; font-size:12px; color:#fff; }
.leturedetail_title_wrap .leturedetail_title_cont .title {display:block; font-size:20px; color:#fff; font-weight:600; margin-bottom:2px;}
.leturedetail_title_wrap .leturedetail_title_cont .detail {display:block; font-size:12px; color:#fff; opacity:0.5; margin-bottom:10px;}
.leturedetail_title_wrap .leturedetail_title_cont .lecture_info {display:block; font-size:12px; color:#999999; line-height:16px;}
.leturedetail_title_wrap .leturedetail_title_cont .lecture_info .lecture_info_cont {color:#fff;}
.leturedetail_title_wrap .leturedetail_title_cont .avi_btn {position:absolute; right:10px; bottom:10px; color:#fff; font-size:12px;}
.leturedetail_title_wrap .leturedetail_title_cont .avi_btn a {display:block; color:#fff; padding-left:18px; background:url('/zeus_new/images/mypage/btn_play_avi.png') no-repeat left center; background-size:15px;}
.leturedetail_title_wrap .lecturedetail_title_bg {width:100%; height:155px; text-align:center; background:#000; overflow:hidden;}
.leturedetail_title_wrap .lecturedetail_title_bg img {height:100%;}

.lecture_buy {padding:0 4%; box-sizing:border-box; overflow:hidden; margin-bottom:15px;}
.lecture_cost {float:left; width:70%; overflow:hidden;}
.lecture_cost .price_cont {width:100%; height:24px; line-height:24px; font-size:12px; color:#000; background:url('/zeus_new/images/main/bg_price_cont.png') no-repeat 123px center; background-size:15% 2px; overflow:hidden; margin-bottom:5px;}
.lecture_cost .price_cont input[type="checkbox"] {float:left; width:20px; height:20px; margin:3px 2px 0 0; box-sizing:border-box;} 
.lecture_cost .price_cont .price {text-decoration:line-through}
.lecture_cost .price_cont .discount {float:right; font-size:14px; font-weight:600;}

.lecture_btn {float:right; width:25%;}
.lecture_btn a {display:block; text-align:center; height:24px; box-sizing:border-box; text-align:center; font-size:12px;}
.lecture_btn a.cart {color:#c7a56c; border-radius:12px; border:2px solid #c7a56c; line-height:20px; margin-bottom:5px;}
.lecture_btn a.buy {background:#c7a56c; color:#fff; border-radius:12px; border:2px solid #c7a56c; line-height:20px;}

.book_info_wrap.lecturedetail {margin-bottom:30px;}

.lecture_character_wrap {width:100%; overflow:hidden; box-sizing:border-box; background:#eeeeee; padding:30px 4% 0; }
.lecture_character_wrap .lecture_round_box {padding:4%; line-height:20px; font-size:13px;}
.lecture_character_wrap .lecture_round_box img {max-width:100%;}
.lecture_character_wrap .sub_title {display:block; width:100%; overflow:hidden; font-size:16px; font-weight:600; margin-bottom:10px; padding-left:25px; background:url('/zeus_new/images/lecture/icon_lecture_character.png') no-repeat left center; background-size:auto 16px;}
.lecture_recommend_wrap {width:100%; overflow:hidden; box-sizing:border-box; background:#eeeeee; margin-bottom:30px; padding:30px 4% 30px; }
.lecture_recommend_wrap .lecture_round_box {padding:4%; line-height:20px; font-size:13px;}
.lecture_recommend_wrap .sub_title {display:block; width:100%; overflow:hidden; font-size:16px; font-weight:600; margin-bottom:10px; padding-left:25px; background:url('/zeus_new/images/lecture/icon_lecture_recommend.png') no-repeat left center; background-size:auto 16px;}

.lecture_together_wrap {width:100%; overflow:hidden; box-sizing:border-box; background:#eeeeee; padding:30px 4% 30px; }
.lecture_together_wrap .sub_title {display:block; width:100%; overflow:hidden; font-size:16px; font-weight:600; margin-bottom:10px; padding-left:25px; background:url('/zeus_new/images/lecture/icon_lecture_together.png') no-repeat left center; background-size:auto 16px;}

.lecture_together_wrap .lecture_together ul {border-top:1px solid #000;}
.lecture_together_wrap .lecture_together ul li {overflow:hidden; padding:10px 0; border-bottom:1px solid #000;}
.lecture_together_wrap .lecture_together ul li .title {display:block; margin-bottom:5px; font-size:16px; font-weight:600; color:#000;}