@charset "euc-kr";

.evSection .event_book .tab {overflow: hidden;background: #dddddd; display: flex; flex-wrap: wrap; gap: 1px;}
.evSection .event_book .tab li {flex-basis: calc(20% - 0.8px);}
.evSection .event_book .tab li a {display: block; padding: 18px 0;font-size:18px; color:#888; background:#f2f2f2;}
.evSection .event_book .tab li.on a {background: #571ab2;color:#fff;}
.evSection .event_book .tab li .br_460 {display: none;}

.evSection .event_book .tab--teacher{padding: 3% 1.7% 0 3%;background: #ffffff;margin: 0 0 40px 0;}
.evSection .event_book .tab--teacher p{margin-top: 10%;line-height: 1.2;font-size:15px;color:#888;}
.evSection .event_book .tab--teacher:after{content: "";display: block;clear: both;}
.evSection .event_book .tab--teacher p strong {font-weight:400;color:#333333;}
.evSection .event_book .tab--teacher .full_teacher_btn p{color:#333;}
.evSection .event_book .tab--teacher > li{float: left;margin: 0 0 3%;width: 12.5%;padding: 0 1.3% 0 0;}
.evSection .event_book .tab--teacher > li > div{width: 100px;height: 100px;margin: 0 auto;overflow: hidden;border-radius: 100%;background: #f0f0f0;border: 2px solid #dddddd;}
.evSection .event_book .tab--teacher > li > div a{display:inline-block;width: 100%;height: 100%;}
.evSection .event_book .tab--teacher > li > div a img{width: 120%;}
.evSection .event_book .tab--teacher > li.on > div{border: 2px solid #571ab2;}
.evSection .event_book .tab--teacher > li.full_teacher_btn > div{border:none;background: #571ab2;}
.evSection .event_book .tab--teacher > li.full_teacher_btn > div span {display: flex; justify-content: center; align-items: center; height: 100%; font-weight:bold;font-size:24px;color:#fff;}

.evSection .event_book .tabConList ul {position: relative;background: #fff;overflow: hidden;padding: 50px 80px;}
.evSection .event_book .tabConList ul li {text-align: left;padding-bottom: 9%;}
.evSection .event_book .tabConList ul li:last-child {padding-bottom: 0;}
.view_detail:after{content: "";display: block;clear: both;}
.view_detail .v_left{margin-right: 40px;position: relative;float: left;}
.view_detail .v_left .imgbox img{width: 165px;height: 230px;border: 1px solid #dddddd;}
.view_detail .v_left .book_prev{position:absolute;right: -10px;bottom: -10px;}
.view_detail .v_left > img{width:165px;height: 230px;}
.view_detail .v_right{float:left;max-width: 495px;}
.view_detail .v_right span.b_subject{border:1px solid #e3e3e3;padding:7px 10px;display: inline-flex;}
.view_detail .v_right dl{margin: 20px auto 25px;width: 100%;}
.view_detail .v_right dl dt{font-size: 16px;font-weight: bold;margin-bottom: 30px;}
.view_detail .v_right dl dd{color:#999999}
.view_detail .v_right dl dd + dd{margin-top:15px}
.view_detail .v_right dl dd span{position: relative;padding-left: 6px;margin-left: 6px;}
.view_detail .v_right dl dd.price span{color:#ff001e;font-weight:bold}
.view_detail .v_right dl dd.price span.cost{text-decoration:none}
.view_detail .v_right dl dd.price strong{padding-left:6px;color: #333333;text-decoration: line-through;font-weight:normal}
.view_detail .v_right dl dd.quantity .num_btn{vertical-align: top;}
.view_detail .v_right dl dd.quantity .num_btn a{text-indent: -9999px;width:17px;height: 20px;display: inline-block;font-size: 0;vertical-align: top;}
.view_detail .v_right dl dd.quantity .num_btn a.btn_plus{background: url('https://img.megagong.net/book_new/p_icon.jpg') no-repeat 0 0;margin-left: -4px;}
.view_detail .v_right dl dd.quantity .num_btn a.btn_minus{background: url('https://img.megagong.net/book_new/m_icon.jpg') no-repeat 0 0;background-size: contain;}
.view_detail .v_right dl dd.quantity .num_btn input[type="text"]{width: 26px;height: 18px;line-height: 20px;border:1px solid #c6c6c6;text-align: center;margin-left: -4px;display: inline-block;padding: 0;}
.view_detail .v_right dl dd span:before{position: absolute;top: 50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);left: 0;content: "";width: 1px;height: 9px;background: #bbb;}
.view_detail .v_right .btn{width: 243px;}
.view_detail .v_right .btn .btnstn:after{content: "";display:block;clear: both;}
.view_detail .v_right .btn a{display: inline-block;float: left;width: 118px;height: 35px;font-size: 13px;border:1px solid #6f9ebb;color: #6f9ebb;text-align: center;line-height: 35px;box-sizing: border-box;margin-left: 3px;}
.view_detail .v_right .btn a.payb{float: left;background: #6f9ebb;color: #fff;}
.view_detail .v_right .btn span{display: block;float: left;width: 118px;height: 35px;font-size: 13px;background: #bfbfbf;color: #fff;text-align: center;line-height: 35px;box-sizing: border-box;margin-bottom: 3px;font-weight:bold}
.evSection .event_book .tabConList ul.cel_02:after, .evSection .event_book .tabConList ul.bd_top:after {content: "";position: absolute;left: 5%;top: 0;width: 90%;height: 1px;border-top: 1px dashed #cccccc;}
.evSection .dim_bnrwrp_wrap .dim_popup{position:absolute;top:50%;left:50%;z-index:3;width:810px;margin:0 0 0 -405px;}
.evSection .dim_bnrwrp_wrap .dim_popup > button{position:absolute;right:-50px;top:0;}
.evSection .dim_bnrwrp_wrap .dim_popup ul li{display:none;}
.evSection .dim_bnrwrp_wrap .dim_popup ul li img{width:100%;}

/* ¼öÇè¼­ ¸®½ºÆ® */
.book_ajax {margin-top:3%;text-align: left;}
.no_serch{text-align: center;}
.ebk_list{position:relative;overflow: hidden;}
.ebk_list:before {content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ececec;}
.ebk_list p{display: block;margin: 40px auto;text-align: center;}
.ebk_list li{width: 100%;float: left;padding: 30px;border: 1px solid #dddddd;box-sizing: border-box;background:#fff;}
.ebk_list li+li{margin-top:20px}
.ebk_list li .b_img{position: relative;float: left;margin-right: 30px; width: 140px;text-align: center;}
.ebk_list li .b_img a img.bookimg{width: 138px;height: 198px;text-align: center;display: inline-block;vertical-align: bottom;margin: 0 auto;}
.ebk_list li .b_img span{position:absolute;display: inline-block;z-index: 1;right: 6px;bottom: 9px;width: 40px;height: 40px;}
.ebk_list li .b_img span .mo{display:none}
.ebk_list li .b_img span .prev_none{cursor:default}
.ebk_list li .b_info{position: relative;float:left;margin: 0;width: calc(100% - 170px);}
.ebk_list li .b_info a{display:block}
.ebk_list li .b_info span.b_kind{display: inline-block;box-sizing: border-box;font-size: 12px;font-weight: bold;color: #1582f8;}
.ebk_list li .b_info span.b_kind+span.b_kind{margin: 0 0 0 5px;}
.ebk_list li .b_info dl{margin: 13px auto 0;}
.ebk_list li .b_info dl dt{font-weight:bold;width: 100%;height: auto;margin-bottom: 14px;-webkit-line-clamp: 1;}
.ebk_list li .b_info dl dd{color:#999999} 
.ebk_list li .b_info dl dd.athr span{position: relative;padding-left: 6px;margin-left: 6px;}
.ebk_list li .b_info dl dd.athr span.athr_tea{padding: 0;margin: 0;}
.ebk_list li .b_info dl dd.athr span:before{position: absolute;top: 50%;transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%);left: 0;content: "";width: 1px;height: 9px;background: #bbb;}
.ebk_list li .b_info dl dd.athr span.athr_tea:before {content:none;}
.ebk_list li .b_info dl dd.athr{margin-bottom: 17px;color: #666666;/* vertical-align: top; */}

.ebk_list li .b_info dl dd:last-child{padding-top:15px;border-top:1px solid #eeeeee;overflow: hidden;}
.ebk_list li .b_info dl dd:last-child > div{float:left}
.ebk_list li .b_info dl dd:last-child .book_coment{background: #fafafa;padding: 16px;width: 360px;min-height: 98px;box-sizing: border-box;font-size: 13px;color: #666666;overflow: hidden;font-weight: bold;text-overflow: ellipsis;word-break: break-word;line-height: 1.6em;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ebk_list li .b_info dl dd:last-child .book_btn{margin-left: 20px;width: calc(100% - 380px);}
.ebk_list li .b_info dl dd:last-child .book_btn .price{margin:30px auto 20px;color: #666666;font-size: 13px;}

.ebk_list li .b_info dl dd:last-child .book_btn {vertical-align:middle;}
.ebk_list li .b_info dl dd:last-child .book_btn span{color:#d92a2a;font-weight:bold;float: right;}
.ebk_list li .b_info dl dd:last-child .book_btn span.price_tit{float:none;color: #666666;font-weight: normal;}
.ebk_list li .b_info dl dd:last-child .book_btn span.cost{text-decoration:none}
.ebk_list li .b_info dl dd:last-child .book_btn strong{padding-left:6px;text-decoration: line-through;font-weight:normal;color: #999999;}
.ebk_list li .b_info dl dd:last-child .book_btn .btn{overflow: hidden;}
.ebk_list li .b_info dl dd:last-child .book_btn .btn a{display: block;float: left;/*width: 123px;*/width:calc(50% - 4px);height: 36px;font-size: 12px;text-align: center;line-height: 36px;box-sizing: border-box;/* font-weight:bold; */background: #f2f2f2;color: #333333;margin: 0;}
.ebk_list li .b_info dl dd:last-child .book_btn .btn a+a{margin-left:8px}
.ebk_list li .b_info dl dd:last-child .book_btn .btn a.payb{background: #031a32;color: #fff;}
.ebk_list li .b_info dl dd:last-child .book_btn .btn span{display: block;float: left;width: 118px;height: 35px;font-size: 13px;background: #bfbfbf;color: #fff;text-align: center;line-height: 35px;box-sizing: border-box;font-weight:bold;}
.ebk_list li .b_info dl dd:last-child .book_btn .btn span.nonbook{width:100%}
.ebk_list li .b_info dl dd:last-child .book_btn .btn span.nonbook2{float: none;background: #bfbfbf;width: 100%;color: #fff;}
.paging{clear:both;text-align: center;}
.paging strong{font-weight: bold;}
/* //¼öÇè¼­ ¸®½ºÆ® */

@media screen and (max-width: 1200px){
    .evSection .event_book .tabConList ul.cel_03 li {width: 33.3%;}
	.evSection .event_book .tabConList ul.cel_02 {width: 100%;margin: 0 auto;padding: 40px 20%;text-align: center;position: relative;}
	.evSection .event_book .tabConList ul.cel_02 li {width: 50%;}
	.evSection .event_book .tabConList ul.cel_04 li {width: 33.3%;padding: 0 15px;}
	.evSection .event_book .tabConList ul.cel_06 li {width: 33.3%;}
    .evSection .event_book .tab li a {font-size:15px;}
    .evSection .event_book .tab--teacher > li > div {width: 80px; height: 80px;}

    .evSection .con_2 h3{margin: 0 16% 5%;}
	.evSection .con_3 h3{margin: 0 -14% 5%;}

    /* ¼öÇè¼­ ¸®½ºÆ® */
    .ebk_list li .b_info dl dd:last-child .book_coment{width:60%;padding: 1% 2%;}
    .ebk_list li .b_info dl dd:last-child .book_btn{margin-left: 2%;width: calc(100% - 62%);}
    .ebk_list li .b_info dl dd:last-child .book_btn .btn a{width: 49%;}
    .ebk_list li .b_info dl dd:last-child .book_btn .btn a+a{margin-left:2%}
    /* //¼öÇè¼­ ¸®½ºÆ® */
}
@media screen and (max-width: 992px){
    .evSection .event_book .tabConList ul{padding: 3% 3%;}
    .evSection .event_book .tab li {font-size: 17px;}
    .evSection .event_book .tab--teacher p {font-size:13px;}
}
@media screen and (max-width: 768px){
    .evSection .event_book .tab--teacher {margin-bottom:20px;}
    .evSection .event_book .tab--teacher > li {width: 16%;}
    .evSection .event_book .tab--teacher > li.full_teacher_btn > div {line-height: 60px;}
    .evSection .event_book .tab--teacher > li.full_teacher_btn > div span {font-size:12px;}
    .con06 .inner .btns a {width:230px;height: 50px;line-height: 48px;font-size:15px;}
    .evSection .event_book .tabConList ul {padding: 2% 2%;}
    .evSection .event_book .tab li {font-size: 14px; flex-basis: calc(25% - 0.75px);}
    .evSection .event_book .tab li a {padding: 10px 0;}
    .view_detail{padding: 25px 5%;}
    .view_detail .v_left{width: 180px;margin-right: 6%;}
    .view_detail .v_left .book_prev{width: 40px;height: 40px;}
    .view_detail .v_left .imgbox img{width: 180px !important;height: auto;}
    .view_detail .v_right{width: 55%;}
    .view_detail .v_right dl{margin: 20px auto 4%;}
    .view_detail .v_right dl dt{font-size:15px}
    .view_body .bv_blist .bvlec_book_list .book_box a img{width:90%;height: 180px;}
    .evSection .event_book .tab--teacher > li > div{width: 12vmin;height: 12vmin;}
    .evSection .event_book .tab--teacher p {font-size:12px;}

    /* ¼öÇè¼­ ¸®½ºÆ® */
    .ebk_list li{padding: 3% 5%;}
    .ebk_list li+li{margin-top:2%}
    .ebk_list li .b_img{margin: 0;width: 37%;padding: 2% 4%;border: 1px solid #eeeeee;box-sizing: border-box;}
    .ebk_list li .b_img a img.bookimg{width: 56%;height: auto;border: none;margin: 0 auto;display: block;}
    .ebk_list li .b_img span{position:absolute;left: 50%;right: 0;top: 105%;bottom: auto;width: 90px;height: 32px;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);}
    .ebk_list li .b_info{width: calc(100% - 46%);margin: 0 0 0 4%;}
    .ebk_list li .b_info dl dd:last-child{padding-top: 0;}
    .ebk_list li .b_info dl dt{-webkit-line-clamp: 2;height: 39px;}
    .ebk_list li .b_img span .mo{display:block;}
    .ebk_list li .b_img span .pc{display:none}
    .ebk_list li .b_info dl dd.athr{margin:4% 0;}
    .ebk_list li .b_info dl dd:last-child .book_coment{display:none}
    .ebk_list li .b_info dl dd:last-child .book_btn{margin-left:0;width: 100%;float: none;}
    .ebk_list li .b_info dl dd:last-child .book_btn .price{margin: 7% auto 5%;}
    .ebk_list li .b_info dl dd:last-child .book_btn strong{padding-left: 0;}
    .ebk_list li .b_info dl dd:last-child .book_btn .btn a{width: 49%;}
    .ebk_list li .b_info dl dd:last-child .book_btn .btn a+a{margin-left:2%}
    /* //¼öÇè¼­ ¸®½ºÆ® */
}
@media screen and (max-width: 576px){
    .evSection .event_book .tab li a {font-size:12px;}
    .evSection .event_book .tab--teacher > li {width: 20%;}
    .evSection .event_book .tab--teacher > li.full_teacher_btn > div {line-height: 40px;}
    .evSection .event_book .tab--teacher p {font-size: 11px;}

    /* ¼öÇè¼­ ¸®½ºÆ® */
    .sub .s_detail .sub_choice .choice_tit,.s_detail .step_choice .choice_tit{width: 60px;}
    .sub .s_detail .sub_choice .choice_tit span, .s_detail .step_choice .choice_tit span{padding: 0 0 0 8px;}
    .sub .s_detail .sub_choice ul,.s_detail .step_choice ul{margin-left: 60px;}
    .ebk_list li .b_img{width: 34%;/* border: none; *//* padding: 1% 4%; *//* margin: 0; */}
    .ebk_list li .b_img a img.bookimg{width: 70%;}

    .ebk_list li .b_img span{width: 80px;height: 20px;top: 108%;}
    .ebk_list li .b_info{width: calc(100% - 39%);margin: 0 0 0 5%;}
    .ebk_list li .b_info dl{margin: 2% auto 0;}
    .ebk_list li .b_info dl dt{margin-bottom: 2%;}
    .ebk_list li .b_info dl dd.athr{margin-bottom: 5%;height: 15px;line-height: 13px;font-size:11px;}
    .ebk_list li .b_info dl dd:last-child .book_btn .btn span,
    .ebk_list li .b_info dl dd:last-child .book_btn .btn a{height: 30px;line-height: 30px;}
    /* //¼öÇè¼­ ¸®½ºÆ® */
}