@charset "euc-kr"; 



/* setting */
/* { padding:0; margin:0 } */

.evSection{padding:160px 0}
.evSection .color_point{color: #FFFCAE;}
.evSection .color_point2{color: #7B00FF;}
.con_tit + .mini_tit{margin-bottom:50px}

/* quick_right */
.quick_right { position:fixed; top:50%; right:0; transform: translateY(-50%); z-index:3; } 
.quick_right a { display: block; position: absolute; width: 100%; } 
.quick_right a.quick { height: 80%; top: 0; left: 0; } 
.quick_right a.top { height: 20%; bottom: 0; left: 0; } 

/* visual */
.evSection.evCon1 {background:#2e3345 url('https://img.megagong.net/m/2025/0430_ebook/bg_con1_2.png') no-repeat center bottom;padding: 117px 0 96px;background-position: center 0;} 
.evCon1 h3 {margin: 0 0 27px;} 
.evCon1 h3 span {display: block;margin: 0 0 -17px;} 

.evCon1 p{color: #FFF;text-align: center;line-height: 1.5;}

/* evCon2 */
.evCon2  {background: linear-gradient(0deg, #B64BE8 0%, #580081 100%);color: #fff;} 
.evCon2 .con_wrp {margin: 0 0 0;display: flex;flex-direction: row;flex-wrap: wrap;gap: 20px;justify-content: space-between;align-items: flex-start;} 
.evCon2 .con_wrp li {position: relative;flex: 1;width: 530px;} 
.evCon2 .slick-dots { position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); } 
.evCon2 .slick-dots li { display: inline-block;; width: 10px; height: 10px; border-radius: 100%; background:#bebebe; margin-left: 10px; padding: 0; } 
.evCon2 .slick-dots li.slick-active { background: #000; } 
.evCon2 .slick-dots li button { font-size:0; } 
.evCon2 .inner .btns { margin-top:60px; } 
.evCon2 .inner .btns a { display: inline-block; width:280px; height: 60px; line-height: 60px; font-weight:bold; font-size:18px; color:#fff; background:#333; border-radius:40px; } 

/* evCon3 */
.evCon3 {background-color: #FAEEFF;} 
.evCon3 .inner .con02_sd_w {margin: 0 -5px 0;text-align: center;} 
.evCon3 .inner .con02_sd_w .item img.pc { display:block; } 
.evCon3 .inner .con02_sd_w .item img.mo { display:none; } 

/* evCon4 */
.evCon4 {background-color: #F8F8F8;} 
.evCon4 .point_wrap{display: flex;align-items: center;justify-content: center;}
.evCon4 .point_wrap .plus{position: relative;margin: 0 0 0 -44px;display: flex;justify-content: flex-start;align-items: center;}
.evCon4 .point_wrap .plus i{position: relative;position: absolute;left: -30px;}
.evCon4 .inner .scroll_area { width:1027px; margin-top:62px; } 
.evCon4 .inner .scroll_area p { display:none; opacity: 0; height: 1px; } 
.evCon4 .inner .teny { margin-top:60px; text-align: left; font-size:16px; color:#666; } 

/* evCon5 */
.evCon5 .hashtag_wrap{text-align: center;display: flex;flex-direction: column;gap: 20px;margin: 20px 0 0;}
.evCon5 .hashtag_wrap p{color: #111;}
.evCon5 .hashtag_wrap p span{color: #7B00FF;font-weight: 700;background: #FFFCAE;padding: 4px 5px;display: inline-block;line-height: 1;}

/* evCon6 */
.evCon6 { background: #FBEFFF; } 
.evCon6 .con05_sd_w { position:relative; padding-bottom: 85px; width: 1675px; margin: 0 auto; } 
.evCon6 .con05_sd_w .slick-slide { margin: 0 75px; color: #aaa; } 

.evCon6 .con05_sd_w .item { position:relative; float:left; height: 590px; text-align: left; } 
.evCon6 .con05_sd_w .item .tit strong { display: block; font-weight:bold; font-size: 16px; background-color: #000; width: 115px; border-radius: 30px; text-align: center; padding: 10px 0; margin-bottom: 20px; } 
.evCon6 .con05_sd_w .item .tit span { display:block; font-weight:bold; font-size:24px; height: 100px; line-height: 1.6; } 
.evCon6 .con05_sd_w .item .name { margin: 30px 0; display:block; font-size:16px; } 
.evCon6 .con05_sd_w .item .txt { font-size: 15px; line-height: 1.7; } 
.evCon6 .teny { position: absolute; bottom: 65px; right: 50%; margin-right: -610px; font-size:14px; color:#fff; } 
.evCon6 .con05_sd_w .slick-slide.slick-active.slick-current + div .item { color: #fff; } 

.evCon6 .con05_sd_w .slick-arrow { position:absolute; top:50%; width:26px; height:45px; transform: translateY(-50%); z-index:2; font-size:0; } 
.evCon6 .con05_sd_w .slick-prev { left:0; background:url(https://img.megagong.net/m/2022/0708_book/tech/evCon6_L.png) no-repeat center; } 
.evCon6 .con05_sd_w .slick-next { right:0; background:url(https://img.megagong.net/m/2022/0708_book/tech/evCon6_R.png) no-repeat center; } 

/* evCon7 */
.evCon7 { background-color:#e8f9f9; } 
.evCon7 .inner { padding:150px 0; } 
.evCon7 .inner .event_book { margin-top:78px; } 
.eventWrap .event_book{margin: 60px 0 0;}
.eventWrap .event_book .tab--teacher > li.full_teacher_btn > div { line-height: 80px; } 
.evCon7 .inner .btns { margin-top:60px; } 
.evCon7 .inner .btns a { display: inline-block; width:280px; height: 60px; line-height: 60px; font-weight:bold; font-size:18px; color:#fff; background:#333; border-radius:40px; } 

.eventWrap .event_book .tab {overflow: hidden;background: #dddddd;border: 1px solid #dddddd;border-bottom: 0;} 
.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:last-child { border-right:0 } 
.eventWrap .event_book .tab.ver li {width: 12.5%;} 
.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: #7b00ff;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;border: 1px solid #dddddd;border-top: 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 #7b00ff;} 
.eventWrap .event_book .tab--teacher > li.full_teacher_btn > div {border:none;background: #7b00ff;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; } 
/* //¼öÇè¼­ ¸®½ºÆ® */

/* 241021 */
.clamp-text { font-size:24px; } 
.main_text { font-weight: 400; line-height: 1.6; margin-bottom: 65px; } 
.main_text strong { font-weight: 700; } 




@media (max-width: 1675px){




    .evCon6 .con05_sd_w { width:97%; padding-bottom: 15%; } 
    .evCon6 .con05_sd_w .slick-slide { margin: 0 .2%; } 


}


@media (max-width: 1378px){





    .eventWrap .top .inner { width:97%; } 



}


@media (max-width: 1200px) { 



    .evSection{padding:15% 0}

    .con_tit + .mini_tit{margin: 2% 0 5%;}

    .btn-base-wrap{max-width: 65%;}

    /* quick_right */
    .quick_right { display:none; } 

    /* visual */
    .evSection.evCon1 {padding: 10% 0 10%;background-size: cover;} 
    .evCon1 h3 {margin: 0 auto 5%;width: clamp(330px, 61vw, 620px);} 
    .evCon1 h3 > img{width: 80%;}
    .evCon1 h3 span {margin: 0;} 


    .evCon1 p{color: #FFF;text-align: center;line-height: 1.5;}

    /* evCon2 */
    .evCon2 .con_wrp{gap: 10px;margin: 0;}
    .evCon2 .con_wrp > li{width: calc(50% - 10px);}
    .evCon2 .slick-dots {bottom: 10px;} 
    .evCon2 .inner .btns { margin-top:6%; } 
    .evCon2 .slick-slide img {/* display: inline-block; */width: 100%;} 
    /* evCon3 */
    .evCon3 .inner .con02_sd_w {margin: 0;} 
    .evCon3 .inner .con02_sd_w .item img { display:inline-block; width: 95%; } 

    /* evCon4 */
    .evCon4 .inner .txt { margin-top:8%; } 
    .evCon4 .inner .scroll_area { width: 100%; } 
    .evCon4 .inner .scroll_area .img { width: 100%; } 
    .evCon4 .inner .scroll_area .img img { width: 100%; } 
    .evCon4 .inner .teny { margin-top:6%; font-size:14px; } 
    .evCon4 .point_wrap > img{width: 65%;}
    .evCon4 .point_wrap .plus{width: 40%;margin: 0 0 0 -5%;}
    .evCon4 .point_wrap .plus i{width: 20%;left: -9%;}


    /* evCon6 */
    .evCon6 .inner { padding:10% 0 0; } 
    .evCon6 .con05_sd_w .slick-slide > div { padding:0 12px; } 
    .evCon6 .con05_sd_w .item { padding: 0 3%; height:auto; } 
    .evCon6 .con05_sd_w .item .tit strong { font-size:17px; } 
    .evCon6 .con05_sd_w .item .tit span { font-size:22px; height: auto; } 
    .evCon6 .con05_sd_w .item .name { font-size:14px; margin: 3% 0; } 
    .evCon6 .con05_sd_w .item .txt { font-size: 14px; /*white-space: nowrap; text-overflow: ellipsis; overflow: hidden; */ } 

    .evCon6 .teny { font-size:14px; margin-right: -50%; } 

    /* evCon7 */
    .evCon7 .inner { padding:15% 0; } 
    .evCon7 .inner .event_book { margin-top:8%; } 
    .evCon7 .inner .btns { margin-top:6%; } 
    .evCon7 .inner .btns a { display: inline-block; width:280px; height: 60px; line-height: 60px; font-weight:bold; font-size:18px; color:#fff; background:#333; border-radius:40px; } 


    .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 img {max-width: 100%;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 .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% } 
    /* //¼öÇè¼­ ¸®½ºÆ® */

    /* 241021 */
    .clamp-text { font-size: clamp(14px,2.6vmin,24px); } 
    .main_text { margin-bottom: 5%; } 
    .ver241021 .evCon1 .inner { padding: 12% 0 12%; } 
    .ver241021 .eventWrap h3 { margin-bottom: 4%; padding: 0 9%; } 
    .ver241021 .evCon1 .btns a { font-size: clamp(14px,2vmin,19px); padding: 2% 9%; } 
    .ver241021 .evCon1 .obj { width: 100%; top: 30%; } 
    .ver241021 .evCon2 .inner .btns a { font-size: clamp(14px,2.6vmin,24px); padding: 2% 10%; } 


}
@media (max-width: 1027px){

    .evCon4 .inner .scroll_area { width: 1027px; overflow-y: hidden; overflow-x: scroll; white-space: nowrap; } 
    .evCon4 .inner .scroll_area .img { width: 1027px; white-space: nowrap; } 
    .evCon4 .inner .scroll_area .img img { max-width: 1027px; width:1027px; height: 100%; } 
    .evCon4 .inner .scroll_area p { display:block; opacity: 0; height: 1px; white-space: nowrap; font-size:13px; } 


}


@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; } 

    .evCon6 .con05_sd_w .item { height:auto; } 
    .evCon6 .con05_sd_w .item .tit strong { font-size:15px; width: auto; margin-bottom: 2%; padding: 8px 15px; display: inline-block; } 
    .evCon6 .con05_sd_w .slick-slide { width: 450px; margin: 0; min-width: 450px; } 
    .evCon6 .con05_sd_w .slick-dots { bottom: -50px; } 
    .evCon6 .con05_sd_w .slick-dots { position:absolute; bottom: -17%; left:0; right:0; font-size:0; text-align: center; padding: 3px; border-radius: 30px; overflow: hidden; background: #ddd; } 
    .evCon6 .con05_sd_w .slick-dots li { display:inline-block; vertical-align: top; width: 20%; height: 10px; } 
    .evCon6 .con05_sd_w .slick-dots li.slick-active { background:#00b8b6; border-radius: 30px; } 
    .evCon6 .con05_sd_w .slick-dots li button { font-size:0; } 
    .evCon6 .con05_sd_w .slick-slide.slick-active.slick-current + div .item { color: #aaa; } 
    .evCon6 .con05_sd_w .slick-slide.slick-active.slick-current { color: #fff; } 
    .evCon6 .teny { font-size:12px; bottom: 5%; } 


}


@media (max-width: 768px){


    .mo { display:block; } 
    .pc { display:none; } 

    /* visual */
    .evCon1 .btns a { width:230px; height: 50px; font-size:15px; line-height:48px; } 

    /* evCon2 */
    .evCon2 .inner .btns a { display:inline-block; width:230px; } 
    .evCon2 .con_wrp { margin: 0 8%; } 
    .evCon2 .con_wrp > li { width: 100%; } 
    .evCon2 .con_wrp > li img { display: inline-block; } 
    .evCon2 .con_wrp > li + li { margin-left: 0; margin-top: 5%; } 
    .evCon2 .slick-slide img { width: 100%; } 
    .evCon2 .inner .btns a { width:230px; height: 50px; font-size:15px; line-height:48px; } 
    /* evCon3 */
    .evCon3 .inner .con02_sd_w {margin:8% auto 0;width: 70%;} 
    .evCon3 .inner .con02_sd_w .item { padding: 0 0 3%; } 
    .evCon3 .inner .con02_sd_w .item img { width: 100%; } 
    .evCon3 .inner .con02_sd_w .item img.pc { display:none; } 
    .evCon3 .inner .con02_sd_w .item img.mo { display:block; } 
    .evCon3 .inner .con02_sd_w .slick-dots { position:absolute; bottom:8%; left:0; right:0; font-size: 0; text-align: center; } 
    .evCon3 .inner .con02_sd_w .slick-dots li { display:inline-block; vertical-align: top; margin:0 5px; width:10px; height:10px; overflow: hidden; border-radius: 50%; } 
    .evCon3 .inner .con02_sd_w .slick-dots li button { display:inline-block; width:100%; height:100%; background:#eee; font-size:0; } 
    .evCon3 .inner .con02_sd_w .slick-dots li.slick-active button { background:#000; } 

    /* evCon4 */
    .evCon4 .inner .scroll_area { width: 800px; } 
    .evCon4 .inner .scroll_area .img { padding-right:150px; width: 800px; } 
    .evCon4 .inner .teny { font-size:12px; } 

    /* evCon5 */

    /* evCon6 */
    .evCon6 .inner h3 img { width: 55%; } 

    /* .evCon6 .con05_sd_w .slick-arrow { position:absolute; top:50%; width:26px; height:45px; transform: translateY(-50%); z-index:2; font-size:0; } 
    .evCon6 .con05_sd_w .slick-prev { left:0; background-size: contain; width: 5%; height: 8%; } 
    .evCon6 .con05_sd_w .slick-next { right:0; background-size: contain; width: 5%; height: 8%; } */

    /* evCon7 */
    .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; } 
    .evCon7 .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(4n) { border-right: none } 
    .eventWrap .event_book .tab li:nth-child(7n) { border-right: 1px solid #dddddd } 
    .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% } 
    /* //¼öÇè¼­ ¸®½ºÆ® */
    .evCon6 .con05_sd_w .slick-dots { bottom: -7%; } 

    /* 241021 */
    .ver241021 .evCon1 .btns a { padding: 3% 9%; } 
    .ver241021 .evCon2 .inner .btns a { padding: 3% 10%; } 
    .ver241021 .evCon2 .con_wrp { margin: 0 8%; } 
    .ver241021 .evCon2 .con_wrp > li { width: 100%; } 
    .ver241021 .evCon2 .con_wrp li .slick-slide { padding: 0 2% 1%; } 


}


@media (max-width: 640px) { 

    /* .eventWrap .event_book .tab--teacher li { width: 14.285%; } */
    .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; } 
    /* //¼öÇè¼­ ¸®½ºÆ® */ 
    /* 241021 */

    .ver241021 .eventWrap .evCon1 h3 { padding: 0 7%; } 
    .ver241021 .evCon1 .obj { width: 94%; top: 41%; } 
    .ver241021 .eventWrap h3 { padding: 0 1%; } 
    .ver241021 .evCon2 .con_wrp { margin: 0px 5%; } 

    .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%; } 

    .evCon4 .point_wrap{display: flex;flex-direction: column;}
    .evCon4 .point_wrap > img{width: 100%;}
    .evCon4 .point_wrap .plus{width: 62%;margin: 0;display: flex;flex-direction: column;margin: -6% 0 0;}
    .evCon4 .point_wrap .plus i{position: relative;left: unset;top: unset;margin: 3% 0;width: auto;max-width: 20%;}



}



@media (max-width: 480px) { 


    /* visual */
    .evCon1 .btns a { width:180px; height: 40px; font-size:12px; line-height:38px; } 

    /* evCon2 */
    .evCon2 .inner .btns a { width:180px; height: 40px; font-size:12px; line-height:38px; } 
    .evCon6 .con05_sd_w .item .tit span { font-size: 18px; } 
    .evCon6 .con05_sd_w .item .name { font-size: 12px; } 
    .evCon6 .con05_sd_w .item .txt { font-size: 12px; } 
    .evCon6 .con05_sd_w .item .txt br { display: none; } 
    .evCon6 .con05_sd_w .item .tit strong { font-size: 12px; padding: 5px 10px; } 
    .evCon6 .con05_sd_w { padding-bottom: 25%; } 
    .evCon6 .con05_sd_w .slick-dots { padding: 2px; } 
    .evCon6 .con05_sd_w .slick-slide { width: 100%; min-width: auto; } 

    /* evCon7 */
    .evCon7 .inner .btns a { width:180px; height: 40px; font-size:12px; line-height:38px; } 


}


@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: 13px;} 
    .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%; } 
    /* //¼öÇè¼­ ¸®½ºÆ® */ 


    .eventWrap .event_book .tab--teacher li { width: 20%; } 
    .eventWrap .event_book .tab--teacher p {/* font-size:10px; */letter-spacing: -1px;} 
    .evCon4 .inner .scroll_area p { font-size:13px; } 
    .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){

    /* ¼öÇè¼­ ¸®½ºÆ® */
    .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%; } 
    /* //¼öÇè¼­ ¸®½ºÆ® */ 


}