@charset "euc-kr";
/* setting */
/*{padding:0; margin:0}*/
.blindw {position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;}
#eventWrap{width: 100%;text-align: center;position: relative;overflow: hidden;}
#eventWrap .free{position:fixed;right:100px;top:450px;z-index:101;}
#eventWrap *{box-sizing:border-box;}
#eventWrap .inner {position: relative;width:996px;margin: 0 auto;letter-spacing: -0.03em;line-height: 1.4}
.pc {display:block;}
.mo {display:none;}

/* quick_right */
.quick_right {position:fixed;top:50%;right:0;transform: translateY(-50%);z-index: 5;}
.quick_right a {display: block;}

/* visual */
.visual {background:#101010 url(https://img.megagong.net/m/2022/0707_theory/gong/visual_bg.jpg) no-repeat center;background-size:auto 100%;}
.visual .inner {padding:120px 0 155px;}
.visual .inner .bookSlider--bind {position:relative;margin:93px -267px 0;}
.visual .inner .bookSlider--bind .icon_update {position:absolute;top:-48px;left:-48px;z-index: 2;}
.visual .inner .bookSlider--bind .bookList {padding:0 12px;width:282px;}
.visual .inner .btns {margin-top:60px;}
.visual .inner .btns a {display:inline-block;width:280px;height: 60px;font-size:18px;line-height:58px;color:#fff;box-sizing:border-box;border:1px solid rgba(255, 255, 255, .6);border-radius: 30px;}

/* con01 */
.con01 .inner {padding:150px 0;}
.con01 .inner .txt {margin-top:78px;}
.con01 .inner .tab_wrap	{margin-top:77px;}
.con01 .inner .tab_wrap	.tab_nav {font-size:0;}
.con01 .inner .tab_wrap	.tab_nav a {width:calc(33.333% - 16px);display: inline-block;vertical-align: middle;background:#f2f2f2;border-radius: 18px;font-size:20px;line-height: 114px;color:#888;}
.con01 .inner .tab_wrap	.tab_nav a+a {margin-left:24px;}
.con01 .inner .tab_wrap	.tab_nav a.on {background:#e27709;color:#fff;}

.con01 .inner .tab_wrap	.tab_nav a span {display: inline-block;line-height: 1.5;vertical-align: middle;}
.con01 .inner .tab_wrap	.tab_area .tab_cont {display:none;}
.con01 .inner .tab_wrap	.tab_area .tab_cont.on {display:block;}

/* con02 */
.con02 {background-color:#cd9642;}
.con02 .inner {padding: 150px 0;}
.con02 .inner .con02_sd_w {margin:76px -42px 0;text-align: center;}
.con02 .inner .con02_sd_w .item {padding: 0 0 35px;}
.con02 .inner .con02_sd_w .item img {box-shadow: 13px 13px 35px rgba(121, 77, 1, .2);border-radius: 12px;}
.con02 .inner .con02_sd_w .item img.pc {display:block;}
.con02 .inner .con02_sd_w .item img.mo {display:none;}

/* con03 */
.con03 {background-color:#f8f8f8;}
.con03 .inner {padding:150px 0;}
.con03 .inner .txt {margin-top:75px;}
.con03 .inner h4 {margin-top:120px;}
.con03 .inner .scroll_area {width:1027px;margin-top:62px;}
.con03 .inner .scroll_area p {display:none;opacity: 0;height: 1px;}
.con03 .inner .teny {margin-top:60px;text-align: left;font-size:16px;color:#666;}

/* con04 */
.con04 .inner {padding:150px 0;}
.con04 .inner .con04_sd_w {margin:95px -12px 0;}
.con04 .inner .con04_sd_w .item.bdL {border-left:1px solid #ddd;}

/* con05 */
.con05 {background:#313131 url(https://img.megagong.net/m/2022/0707_theory/gong/con05_bg.jpg) no-repeat center;background-size:auto 100%;}
.con05 .inner {padding:100px 0 ;}
.con05 .inner .con05_sd_w {position:relative;margin-top:60px;}
.con05 .inner .con05_sd_w .slick-slide > div {padding:0 12px;}
.con05 .inner .con05_sd_w .item {padding:45px 50px;position:relative;float:left;height:500px;background-color:#f8f8f8;border-radius: 30px;box-sizing: border-box;text-align: left;}
.con05 .inner .con05_sd_w .item .tit strong {display:block;font-weight:bold;font-size:18px;color:#ff4a1f;}
.con05 .inner .con05_sd_w .item .tit span {display:block;font-weight:bold;font-size:24px;color:#333;letter-spacing: -2.7px;height: 100px;}
.con05 .inner .con05_sd_w .item .profile {position:absolute;top:38px;right:50px;}
.con05 .inner .con05_sd_w .item .name {margin-top:10px;display:block;font-size:16px;color:#888;}
.con05 .inner .con05_sd_w .item .txt {margin-top:20px;font-size: 16px;color:#333;line-height: 1.875;}
.con05 .inner .teny {margin-top:30px;text-align: right;font-size:16px;color:#fff;}
.con05 .inner .con05_sd_w .slick-dots {position:absolute;bottom:-86px;left:0;right:0;font-size:0;text-align: center;}
.con05 .inner .con05_sd_w .slick-dots li {display:inline-block;vertical-align: top;margin:0 5px;width: 10px;height: 10px;border-radius: 50%;overflow: hidden;}
.con05 .inner .con05_sd_w .slick-dots li button {font-size:0;background:#eeeeee;width: 100%;height: 100%;}
.con05 .inner .con05_sd_w .slick-dots li.slick-active button {background:#ff4a1f;}

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


#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.ver.lst1 li{width: 100%;}
#eventWrap .event_book .tab.ver.lst2 li{width: 50%;}
#eventWrap .event_book .tab.ver.lst3 li{width: 33.333%;}
#eventWrap .event_book .tab.ver.lst4 li{width: 25%;} */
#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: #e27709;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 #e27709;}
#eventWrap .event_book .tab--teacher > li.full_teacher_btn > div{border:none;background: #e27709;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: 1378px){
	#eventWrap .top .inner{width:97%;}
}
@media (max-width: 1200px){
    /* quick_right */
    .quick_right {display:none;}

    /* visual */
    .visual .inner {padding:12% 0 15%;}
    .visual .inner .bookSlider--bind {margin:9% -2% 0;}
    .visual .inner .bookSlider--bind .icon_update {top:-6%;left:0;}
    .visual .inner .bookSlider--bind .bookList {padding:0 12px;width:220px;}
    .visual .inner .btns {margin-top:6%;}

    /* con01 */
    .con01 .inner {padding:15% 0;}
    .con01 .inner .txt {margin-top:8%;}
    .con01 .inner .tab_wrap	{margin-top:8%;}
    .con01 .inner .tab_wrap	.tab_nav a {width:calc(25% - 8px);font-size:15px;line-height: 80px;}
    .con01 .inner .tab_wrap	.tab_nav a+a {margin-left:12px;}

    /* con02 */
    .con02 .inner {padding: 15% 0;}
    .con02 .inner .con02_sd_w {margin:8% 0 0;}
    .con02 .inner .con02_sd_w .item {padding: 0 0 3%;text-align: center;}
    .con02 .inner .con02_sd_w .item img {display:inline-block;width: 95%;}

    /* con03 */
    .con03 .inner {padding:15% 0;}
    .con03 .inner .txt {margin-top:8%;}
    .con03 .inner h4 {margin-top:12%;}
    .con03 .inner .scroll_area {width: 100%;}
    .con03 .inner .scroll_area .img {width: 100%;}
    .con03 .inner .scroll_area .img img {width: 100%;}
    .con03 .inner .teny {margin-top:6%;font-size:14px;}

    /* con04 */
    .con04 .inner {padding:15% 0;}
    .con04 .inner .con04_sd_w {margin:9% 0 0;}

    /* con05 */
    .con05 .inner {padding:10% 0 ;}
    .con05 .inner .con05_sd_w {margin-top:6%;}
    .con05 .inner .con05_sd_w .slick-slide > div {padding:0 12px;}
    .con05 .inner .con05_sd_w .item {padding:4% 5%;height:465px;}
    .con05 .inner .con05_sd_w .item .tit strong {font-size:17px;}
    .con05 .inner .con05_sd_w .item .tit span {font-size:22px;height: auto;}
    .con05 .inner .con05_sd_w .item .profile {margin-top:15px;position:static;display:inline-block;vertical-align:middle;width:60px;}
    .con05 .inner .con05_sd_w .item .name {margin-left:10px;display:inline-block;vertical-align:middle;margin-top:0;font-size:14px;}
    .con05 .inner .con05_sd_w .item .txt {margin-top:20px;font-size: 14px;}
    .con05 .inner .teny {margin-top:3%;font-size:14px;}
    
    /* con06 */
    .con06 .inner {padding:15% 0;}
    .con06 .inner .event_book {margin-top:8%;}
    .con06 .inner .btns {margin-top:6%;}
    .con06 .inner .btns a {display: inline-block;width:375px;height: 80px;line-height: 80px;font-weight:bold;font-size:24px;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 .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: 1027px) {
    .con03 .inner .scroll_area {width: 1027px;overflow-y: hidden;overflow-x: scroll;white-space: nowrap;}
    .con03 .inner .scroll_area .img {width: 1027px;white-space: nowrap;}
    .con03 .inner .scroll_area .img img {max-width: 1027px;width:1027px;height: 100%;}
    .con03 .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;}

}
@media (max-width: 768px){
    .mo {display:block;}
    .pc {display:none;}

    /* visual */
    .visual .inner .bookSlider--bind .icon_update {width: 70px;top:-25px;}
    .visual .inner .bookSlider--bind .bookList {padding:0 12px;width:180px;}
    .visual .inner .btns a {width:230px;height: 50px;font-size:15px;line-height:48px;}

    /* con01 */
    .con01 .inner .tab_wrap	.tab_nav a {width:calc(33.333% - 4px);font-size:12px;line-height: 60px;}
    .con01 .inner .tab_wrap	.tab_nav a+a {margin-left:6px;}
    .con01 .inner .btns a {display:inline-block;width:230px;}

    /* con02 */
    .con02 .inner .con02_sd_w {margin:8% auto 0;width: 80%;}
    .con02 .inner .con02_sd_w .item {padding: 0 0 3%;}
    .con02 .inner .con02_sd_w .item img {width: 100%;}
    .con02 .inner .con02_sd_w .item img.pc {display:none;}
    .con02 .inner .con02_sd_w .item img.mo {display:block;}
    .con02 .inner .con02_sd_w .slick-dots {position:absolute;bottom:8%;left:0;right:0;font-size: 0;text-align: center;}
    .con02 .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%;}
    .con02 .inner .con02_sd_w .slick-dots li button {display:inline-block;width:100%;height:100%;background:#eee;font-size:0;}
    .con02 .inner .con02_sd_w .slick-dots li.slick-active button {background:#ff4a1f;}

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

    /* con04 */
    .con04 .inner .con04_sd_w {margin:9% auto 0;width: 80%;}
    .con04 .inner .con04_sd_w .item.bdL {border-left:none;}
    .con04 .inner .con04_sd_w .item img {width: 100%;}
    .con04 .inner .con04_sd_w .slick-dots {margin-top:3%;font-size: 0;}
    .con04 .inner .con04_sd_w .slick-dots li {display:inline-block;vertical-align: top;margin:0 5px;width:10px;height:10px;overflow: hidden;border-radius: 50%;}
    .con04 .inner .con04_sd_w .slick-dots li button {display:inline-block;width:100%;height:100%;background:#eee;font-size:0;}
    .con04 .inner .con04_sd_w .slick-dots li.slick-active button {background:#ff4a1f;}

    /* con05 */
    .con05 .inner h3 img {width: 55%;}
    .con05 .inner .con05_sd_w .item {padding:8%;height:auto;}
    .con05 .inner .con05_sd_w .item .tit strong {font-size:15px;}
    .con05 .inner .con05_sd_w .slick-dots {bottom:-50px;}
    .con05 .inner .teny {font-size:12px;}
    
    /* con06 */
    #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: 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;}
    /* //¼öÇè¼­ ¸®½ºÆ® */
}
@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: 480px){
    /* visual */
    .visual .inner .bookSlider--bind .bookList {padding:0 6px;width:120px;}
    .visual .inner .btns a {width:180px;height: 40px;font-size:12px;line-height:38px;}

    /* con01 */
    .con01 .inner .btns a {width:180px;}

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

.event.v2 .visual{background:#02132c url(https://img.megagong.net/m/2023/0608_book/gong/visual_bg.jpg) no-repeat center;background-size:auto 100%;}
.event.v2 .con01 .inner .tab_wrap .tab_nav a.on{background-color: #ffbd08;}
.event.v2 .con02{background-color: #213c63;}
.event.v2 #eventWrap .con02 .inner{width:1022px;}

.event.v2 .con05 .inner .con05_sd_w .item .tit strong{color:#ffbd08;}
.event.v2 .con05 .inner .con05_sd_w .slick-dots li.slick-active button{background: #ffbd08;}
.event.v2 #eventWrap .event_book .tab li.on a{background: #ffbd08;}
.event.v2 #eventWrap .event_book .tab--teacher > li.full_teacher_btn > div{background:#ffbd08;}
.event.v2 .con02 .inner .con02_sd_w .slick-dots li.slick-active button{background-color: #ffbd08;}
.event.v2 .con04 .inner .con04_sd_w .slick-dots li.slick-active button{background-color: #ffbd08;}

@media screen and (max-width:1200px) {
    .event.v2 #eventWrap .con02 .inner{width:97%;}
}