@charset "euc-kr";
#eventWrap .event_book .tab { overflow: hidden; background: #dddddd; } 
#eventWrap .event_book .tab li { width: 25%; float: left; background: #9faded; color: #fff; font-size: 20px; font-weight: bold; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } 
#eventWrap .event_book .tab li:nth-child(7n) { border-right:0 } 
#eventWrap .v3 .event_book .tab li { width: 20%; } 
#eventWrap .event_book .tab.ver li { width:14.285%; } 
#eventWrap .event_book .tab li a { display: block; padding: 19px 0 19px 0; font-size:18px; color:#888; background:#f2f2f2; } 
#eventWrap .event_book .tab li.on a { background: #f25fb8; color:#fff; } 
#eventWrap .event_book .tab li .br_460 { display: none; } 
/* teacher_tab 0708 */
#eventWrap .event_book .tab--teacher { padding: 3% 1.7% 0 3%; background: #ffffff; margin: 0 0 40px 0; } 
#eventWrap .event_book .tab--teacher p { margin-top: 10%; line-height: 1.2; font-size:15px; color:#888; } 
#eventWrap .event_book .tab--teacher:after { content: ""; display: block; clear: both; } 
#eventWrap .event_book .tab--teacher p strong { font-weight:400; color:#333333; } 
#eventWrap .event_book .tab--teacher .full_teacher_btn p { color:#333; } 
#eventWrap .event_book .tab--teacher > li { float: left; margin: 0 0 3%; width: 12.5%; padding: 0 1.3% 0 0; } 
#eventWrap .event_book .tab--teacher > li > div { width: 100px; height: 100px; margin: 0 auto; overflow: hidden; border-radius: 100%; background: #f0f0f0; border: 2px solid #dddddd; } 
#eventWrap .event_book .tab--teacher > li > div a { display:inline-block; width: 100%; height: 100%; } 
#eventWrap .event_book .tab--teacher > li > div a img { width: 120%; } 
#eventWrap .event_book .tab--teacher > li.on > div { border: 2px solid #f25fb8; } 
#eventWrap .event_book .tab--teacher > li.full_teacher_btn > div { border:none; background: #f25fb8; line-height:98px; } 
#eventWrap .event_book .tab--teacher > li.full_teacher_btn > div span { display:inline-block; vertical-align:middle; font-weight:bold; font-size:24px; color:#fff; } 
/* //teacher_tab 0708 */

#eventWrap .event_book .tabConList ul { position: relative; background: #fff; overflow: hidden; padding: 50px 80px; } 
#eventWrap .event_book .tabConList ul li { text-align: left; padding-bottom: 9%; } 
#eventWrap .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 } 
#eventWrap .event_book .tabConList ul.cel_02:after, #eventWrap .event_book .tabConList ul.bd_top:after { content: ""; position: absolute; left: 5%; top: 0; width: 90%; height: 1px; border-top: 1px dashed #cccccc; } 
#eventWrap .dim_bnrwrp_wrap .dim_popup { position:absolute; top:50%; left:50%; z-index:3; width:810px; margin:0 0 0 -405px; } 
#eventWrap .dim_bnrwrp_wrap .dim_popup > button { position:absolute; right:-50px; top:0; } 
#eventWrap .dim_bnrwrp_wrap .dim_popup ul li { display:none; } 
#eventWrap .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; border: 1px solid #eeeeee; 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 (max-width: 1200px){
    .view_detail { padding:45px 40px; } 
    .view_detail .v_left { /* width: 25%; */margin-right: 5%; } 
    .view_detail .v_left > img { width:165px; } 
    .view_detail .v_right { float:left; max-width: 70%; } 
    #eventWrap .event_book .tab--teacher li { float: left; margin: 0 0 3%; width: 12.5%; padding: 0 1%; } 
    #eventWrap .event_book .tab--teacher > li > div { width: 80px; height: 80px; } 
    #eventWrap .event_book .tab--teacher p strong { display:block } 
    .mv_br { display:block } 

    #eventWrap .free { display:none !important; } 
    #eventWrap .inner { width: 97%; } 
    #eventWrap .top .inner { width:97%; } 
    /* #eventWrap img { max-width: 100%; }  */
    #eventWrap .event_book .tabConList ul.cel_03 li { width: 33.3%; } 
    #eventWrap .event_book .tabConList ul.cel_02 { width: 100%; margin: 0 auto; padding: 40px 20%; text-align: center; position: relative; } 
    #eventWrap .event_book .tabConList ul.cel_02 li { width: 50%; } 
    #eventWrap .event_book .tabConList ul.cel_04 li { width: 33.3%; padding: 0 15px; } 
    #eventWrap .event_book .tabConList ul.cel_06 li { width: 33.3%; } 
    #eventWrap .event_book .tab li a { font-size:15px; } 
    #eventWrap .con_2 h3 { margin: 0 16% 5%; } 
    #eventWrap .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 (max-width: 900px){
    #eventWrap .con_3 h3 .con_3_btn { width: 25%; } 
    .view_detail .v_right dl dd.price { height:29px } 
    .view_detail .v_right dl dd.price span { display: inline-block; vertical-align: middle; } 
    .view_detail .v_right dl dd.price strong { display: block; padding-left: 0; } 
    #eventWrap .event_book .tabConList ul { padding: 3% 3%; } 
    #eventWrap .dim_bnrwrp_wrap .dim_popup { width:96%; margin:0 0 0 -48%; } 
    #eventWrap .dim_bnrwrp_wrap .dim_popup > button { position:absolute; right:0; top:-50px; } 
    #eventWrap .con_1 { padding:0 0 50px 0; } 
    #eventWrap .top .bookSlider { margin:0 20px; } 
    #eventWrap .top .bookSlider .bookList { width:100px; } 
    #eventWrap .con_2 .con_2_wrap .con_2_box .subTitle { padding:0 12% 0 0; } 
    #eventWrap .con_3 h3 .end { max-width:20%; bottom:0; } 
    #eventWrap .con_3 .con_3_2 { padding:74px 0 40px; } 
    #eventWrap .con_3 .con_3_2 ul li { width:140px; margin:0 5px 60px; } 
    #eventWrap .con_3 .con_3_2 ul li p { font-size:13px; } 
    #eventWrap .event_book .tab li { font-size: 17px; } 
    #eventWrap .event_book .tab--teacher p { font-size:13px; } 
}
@media (max-width: 768px){
    #eventWrap .event_book .tab--teacher { margin-bottom:20px; } 
    #eventWrap .event_book .tab--teacher > li.full_teacher_btn > div { line-height: 60px; } 
    #eventWrap .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; } 
    #eventWrap .event_book .tabConList ul { padding: 2% 2%; } 
    #eventWrap .event_book .tab li { font-size: 14px; } 
    #eventWrap .event_book .tab.ver li { width: 25%; } 
    #eventWrap .event_book .tab li:nth-child(7n) { border-right:1px solid #ddd; } 
    #eventWrap .event_book .tab li:nth-child(4n) { border-right: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; } 
    #eventWrap .event_book .tab--teacher > li > div { width: 60px; height: 60px; } 
    #eventWrap .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 (max-width: 640px){
    #eventWrap .event_book .tab--teacher li { width: 16.6667%; } 
    #eventWrap .event_book .tabConList ul.cel_02 { padding: 20px 16%; } 
    #eventWrap .event_book .tabConList ul.cel_02:after, #eventWrap .event_book .tabConList ul.bd_top:after { left: 0; width: 100%; } 
    .view_detail { padding: 25px 2%; } 
    .view_detail .v_right .btn { width:100% } 
    .view_detail .v_right .btn a { width: 49%; font-size: 13px; margin-left: 1%; } 
    #eventWrap .con_2 .slick-dots li button { width:8px; height:8px } 
    #eventWrap .top .bookSlider .bookList { margin:0 10px; } 
    #eventWrap .event_book .tab li { font-size: 12px; } 
    #eventWrap .event_book .tab li a { padding: 10px 0 10px 0; } 
    .ebk_list li .b_img span { top: 108%; } 
 }
@media (max-width: 576px){
    #eventWrap .event_book .tab li a { font-size:15px; } 
    #eventWrap .event_book .tab--teacher > li.full_teacher_btn > div { line-height: 40px; } 

    /* ¼öÇè¼­ ¸®½ºÆ® */
    .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; } 
    /* //¼öÇè¼­ ¸®½ºÆ® */
}
@media (max-width: 550px){
    #eventWrap .event_book .tab--teacher > li > div { width: 40px; height: 40px; } 
    .view_detail .v_left { width: 35%; margin-right: 5%; } 
    .view_detail .v_left .imgbox img { width: 100% !important; } 
    .view_detail .v_right { width: 55%; } 
    .view_detail .v_right dl { margin: 20px auto 7%; } 
    #eventWrap .event_book .tab--teacher li { width: 19.5%; } 
}
@media (max-width: 460px){
    #eventWrap .event_book .tab--teacher > li.full_teacher_btn > div { line-height: 35px; } 
    #eventWrap .event_book .tab li a { font-size:12px; } 
    #eventWrap .event_book .tab--teacher p { font-size: 11px; line-height: 1.2; } 
    #eventWrap .event_book .tab--teacher > li > div { width: 35px; height: 35px; } 
    #eventWrap .event_book .tab li .br_460 { display: block; } 
    .view_detail .v_left .book_prev { width: 30px; height: 30px; } 
    .view_detail .v_right dl { margin: 15px auto 7%; } 
    .view_detail .v_right dl dt { font-size:13px; margin-bottom: 15px; } 
    .view_detail .v_right dl dd + dd { margin-top:10px } 
    .view_body .bv_blist .bvlec_book_list .book_box a img { width:90%; height: 120px; } 

    /* ¼öÇè¼­ ¸®½ºÆ® */
    .ebk_list li .b_img { padding:2% 5% } 
    .ebk_list li .b_img a img.bookimg { width: 90%; } 
    .ebk_list li .b_img span { width: 70px; top: 104%; } 
     /* //¼öÇè¼­ ¸®½ºÆ® */
}
@media (max-width: 420px){
    #eventWrap .event_book .tab--teacher li { width: 20%; } 
    #eventWrap .event_book .tab--teacher p { font-size:10px; letter-spacing: -1px; } 
    .ebk_list li .b_img a img.bookimg { width: 84%; } 
    .ebk_list li .b_info dl dd.athr { margin-bottom:2%; font-size:10px; height: auto; } 
    .ebk_list li .b_info dl dd:last-child .book_btn .price { margin: 5% auto; } 
}
@media (max-width: 360px){
    #eventWrap .event_book .tab li a { font-size:11px; } 
    /* ¼öÇè¼­ ¸®½ºÆ® */
    .ebk_list li .b_img a img.bookimg { width:100%; } 
    .ebk_list li .b_img span { width: 55%; top: 105%; } 
    .ebk_list li .b_img span { top: 103%; } 
    /* //¼öÇè¼­ ¸®½ºÆ® */
}