@charset "euc-kr"; .eventWrap .evSection { padding: 130px 0 140px; } 
.eventWrap .con_tit { font-size: 46px; font-weight: 900; } 
.eventWrap .con_tit .tiny { display: block; font-size: 28px; font-weight: 400; margin-bottom: 3px; } 
.eventWrap .point { color: #658fff; } 
.eventWrap .content { background: #fff; box-shadow: 5px 0 20px 0px rgba(0,0,0,20%); padding: 65px 160px; } 
.eventWrap .content .tit { font-size: 30px; font-weight: 900; margin: 0 0 5px; } 
.eventWrap .content .txt { font-size: 20px; font-weight: 400; } 
.eventWrap .content .sub_tit { position: relative; margin: 22px 0; } 
.eventWrap .content .sub_tit::before { content:''; background: #b5c9ff; width: 100%; height: 1px; position: absolute; left: 0; top: 50%; } 
.eventWrap .content .sub_tit span { display: inline-block; background: #658fff; color: #fff; border-radius: 100px; font-size: 18px; padding: 9.9px 48.7px; position: relative; } 

.evCon1 { background: #04030b url('https://image.megagong.net/m/2024/0126_book/con1_bg.jpg')no-repeat; padding: 140px 0 150px !important; } 
.evCon1 h3 { } 
.evCon1 .txt { font-size: 22px; color: rgba(255,255,255,70%); display: inline-block; letter-spacing: 0.15em; line-height: 1.7; margin-top: 55px; font-weight: 200; } 
.evCon1 .txt strong { } 

.evCon2 { background: #18191e; } 
.evCon2 .con_tit { color: #fff; } 
.evCon2 .con_txt { color: #929294; font-size: 23px; margin: 15px 0 62px; font-weight: 400; } 
.evCon2 .con2_roll { position: relative; overflow: hidden; } 
.evCon2 .con2_roll .swiper-wrapper { justify-content: space-between; } 
.evCon2 .con2_roll .swiper-slide { width: 340px; } 
.evCon2 .con2_roll .swiper-pagination { } 

.evCon3 { background: #ccdaff; } 
.evCon3 .con_tit { margin-bottom: 60px; } 
.evCon3 .con_tit .tiny { color: #383838; } 
.evCon3 .content .mg_tb_form { } 
.evCon3 .content .mg_tb_form tr th, .evCon3 .content .mg_tb_form tr td { border: 1px solid #e2e2e2; font-size: 16px; color: #222; } 
.evCon3 .content .mg_tb_form tr th { font-weight: 900; } 
.evCon3 .content .mg_tb_form tr td span { position: relative; } 
.evCon3 .content .mg_tb_form tr td span::before { content:'*'; position: absolute; right: -9px; top: 3px; } 
.evCon3 .content .tiny_noti { text-align: right; font-size: 13px; color: #999999; margin-top: 8px; } 

.evCon4 { background: #211e2f; } 
.evCon4 .con_tit { color: #fff; margin-bottom: 50px; } 
.evCon4 .con_tit .tiny { color: #7a7882; } 
.evCon4 .content ul { display: flex; justify-content: space-between; width: 722px; margin: 30px auto 0; } 
.evCon4 .content ul li { } 
.evCon4 .con_txt2 { color: #fff; font-size: 30px; margin: 45px 0 0; font-weight: 700; } 

.evCon5 { background: #ededed; } 
.evCon5 .inner { width: 1000px; } 
.evCon5 .con_tit { margin-bottom: 45px; } 
.evCon5 .sub_tit { } 
.evCon5 .sub_tit .num { position: relative; } 
.evCon5 .sub_tit .num::before { content:''; width: 100%; height: 1px; background: #b7c7f4; position: absolute; left: 0; top: 50%; } 
.evCon5 .sub_tit .num span { font-size: 24px; display: inline-block; color: #fff; font-weight: 700; width: 54px; line-height: 54px; background: #658fff; border-radius: 100px; position: relative; } 
.evCon5 .sub_tit .num span::before { content:''; width: 15px; height: 100%; background: #ededed; position: absolute; left: 0; transform: translateX(-100%); } 
.evCon5 .sub_tit .num span::after { content:''; width: 15px; height: 100%; background: #ededed; position: absolute; right: 0; transform: translateX(100%); } 
.evCon5 .sub_tit .txt { font-size: 26px; font-weight: 400; line-height: 1.3; margin: 15px 0 35px; } 
.evCon5 .sub_tit .txt strong { font-weight: 900; } 
.evCon5 .con1 { display: flex; justify-content: space-between; margin: 0 0 120px; } 
.evCon5 .con1 li { background: #fff; padding: 40px 24.5px 35px; box-shadow: 3px 0 15px 0px rgba(0,0,0,10%); } 
.evCon5 .con2 { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin: 0 0 120px; } 
.evCon5 .con2 li { background: #fff; padding: 45px 41px; box-shadow: 3px 0 15px 0px rgba(0,0,0,10%); } 
.evCon5 .con5_roll {position: relative;margin: 0 auto;} 
.evCon5 .con5_roll .swiper-wrapper { flex-wrap: wrap; gap: 20px; } 
.evCon5 .con5_roll .swiper-slide { background: #fff; width: 490px; padding: 40px 0 51px; box-shadow: 5px 0 20px 0px rgba(0,0,0,10%); } 
.evCon5 .con5_roll .swiper-pagination { } 

.evCon5 .tiny_noti { color: #999999; font-size: 13px; text-align: right; margin: 8px 0 0; } 

.evCon6 { background: #000 url('https://image.megagong.net/m/2024/0126_book/con6_bg.jpg')no-repeat; background-size: cover; } 
.evCon6 .con_tit { color: #fff; font-size: 44px; } 
.evCon6 .con_tit .tiny { font-size: 22px; } 
.evCon6 .btn { display: inline-block; background: #658fff; color: #fff; width: 380px; padding: 22px 0; margin: 36px 0 0; font-size: 18px; } 


.evCon9_2 {background: #d4d4d4;}
.evCon9_2 .con_tit {
    margin-bottom: 45px;
}
.evCon9_2 .event_Book {
    background: #fff;
}
#eventWrap .evCon9_2 .event_book .tab { overflow: hidden; background: #dddddd; } 
#eventWrap .evCon9_2 .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 .evCon9_2 .event_book .tab li:nth-child(7n) { border-right:0 } 
#eventWrap .evCon9_2 .event_book .tab.ver li { width: 14.2857%; } 
/* #eventWrap .evCon9_2 .event_book .tab.ver.lst2 li { width: 50%; } 
#eventWrap .evCon9_2 .event_book .tab.ver.lst3 li { width: 33.333%; } 
#eventWrap .evCon9_2 .event_book .tab.ver.lst4 li { width: 25%; } 
#eventWrap .evCon9_2 .event_book .tab.ver.lst5 li { width: 20%; } 
#eventWrap .evCon9_2 .event_book .tab.ver.lst6 li { width: 16.666%; } 
#eventWrap .evCon9_2 .event_book .tab.ver.lst7 li { width: 14.2857%; } */
#eventWrap .evCon9_2 .event_book .tab li a { display: block; padding: 19px 0 19px 0; font-size:18px; color:#888; background:#f2f2f2; } 
#eventWrap .evCon9_2 .event_book .tab li.on a { background: #1968d1; color:#fff; } 
#eventWrap .evCon9_2 .event_book .tab li .br_460 { display: none; } 


/* teacher_tab 0708 */
#eventWrap .evCon9_2 .event_book .tab--teacher { padding: 3% 1.7% 0 3%; background: #ffffff; margin: 0 0 40px 0; } 
#eventWrap .evCon9_2 .event_book .tab--teacher p { margin-top: 10%; line-height: 1.2; font-size:15px; color:#888; } 
#eventWrap .evCon9_2 .event_book .tab--teacher:after { content: ""; display: block; clear: both; } 
#eventWrap .evCon9_2 .event_book .tab--teacher p strong { font-weight:400; color:#333333; } 
#eventWrap .evCon9_2 .event_book .tab--teacher .full_teacher_btn p { color:#333; } 
#eventWrap .evCon9_2 .event_book .tab--teacher > li { float: left; margin: 0 0 3%; width: 12.5%; padding: 0 1.3% 0 0; } 
#eventWrap .evCon9_2 .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 .evCon9_2 .event_book .tab--teacher > li > div a { display:inline-block; width: 100%; height: 100%; } 
#eventWrap .evCon9_2 .event_book .tab--teacher > li > div a img { width: 120%; } 
#eventWrap .evCon9_2 .event_book .tab--teacher > li.on > div { border: 2px solid #1968d1; } 
#eventWrap .evCon9_2 .event_book .tab--teacher > li.full_teacher_btn > div { border:none; background: #1968d1; line-height:98px; } 
#eventWrap .evCon9_2 .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 .evCon9_2 .event_book .tabConList ul { position: relative; background: #fff; overflow: hidden; padding: 50px 80px; } 
#eventWrap .evCon9_2 .event_book .tabConList ul li { text-align: left; padding-bottom: 9%; } 
#eventWrap .evCon9_2 .event_book .tabConList ul li:last-child { padding-bottom: 0; } 
#eventWrap .evCon9_2 .view_detail:after { content: ""; display: block; clear: both; } 
#eventWrap .evCon9_2 .view_detail .v_left { margin-right: 40px; position: relative; float: left; } 
#eventWrap .evCon9_2 .view_detail .v_left .imgbox img { width: 165px; height: 230px; border: 1px solid #dddddd; } 
#eventWrap .evCon9_2 .view_detail .v_left .book_prev { position:absolute; right: -10px; bottom: -10px; } 
#eventWrap .evCon9_2 .view_detail .v_left > img { width:165px; height: 230px; } 
#eventWrap .evCon9_2 .view_detail .v_right { float:left; max-width: 495px; } 
#eventWrap .evCon9_2 .view_detail .v_right span.b_subject { border:1px solid #e3e3e3; padding:7px 10px; display: inline-flex; } 
#eventWrap .evCon9_2 .view_detail .v_right dl { margin: 20px auto 25px; width: 100%; } 
#eventWrap .evCon9_2 .view_detail .v_right dl dt { font-size: 16px; font-weight: bold; margin-bottom: 30px; } 
#eventWrap .evCon9_2 .view_detail .v_right dl dd { color:#999999 } 
#eventWrap .evCon9_2 .view_detail .v_right dl dd + dd { margin-top:15px } 
#eventWrap .evCon9_2 .view_detail .v_right dl dd span { position: relative; padding-left: 6px; margin-left: 6px; } 
#eventWrap .evCon9_2 .view_detail .v_right dl dd.price span { color:#ff001e; font-weight:bold } 
#eventWrap .evCon9_2 .view_detail .v_right dl dd.price span.cost { text-decoration:none } 
#eventWrap .evCon9_2 .view_detail .v_right dl dd.price strong { padding-left:6px; color: #333333; text-decoration: line-through; font-weight:normal } 
#eventWrap .evCon9_2 .view_detail .v_right dl dd.quantity .num_btn { vertical-align: top; } 
#eventWrap .evCon9_2 .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; } 
#eventWrap .evCon9_2 .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; } 
#eventWrap .evCon9_2 .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; } 
#eventWrap .evCon9_2 .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; } 
#eventWrap .evCon9_2 .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; } 
#eventWrap .evCon9_2 .view_detail .v_right .btn { width: 243px; } 
#eventWrap .evCon9_2 .view_detail .v_right .btn .btnstn:after { content: ""; display:block; clear: both; } 
#eventWrap .evCon9_2 .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; } 
#eventWrap .evCon9_2 .view_detail .v_right .btn a.payb { float: left; background: #6f9ebb; color: #fff; } 
#eventWrap .evCon9_2 .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 .evCon9_2 .event_book .tabConList ul.cel_02:after, 
#eventWrap .evCon9_2 .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%; } 

/* ¼öÇè¼­ ¸®½ºÆ® */
#eventWrap .evCon9_2 .book_ajax { margin-top:3%; text-align: left; } 
#eventWrap .evCon9_2 .no_serch { text-align: center; color: #6a6a6a;} 
#eventWrap .evCon9_2 .ebk_list { position:relative; overflow: hidden; } 
#eventWrap .evCon9_2 .ebk_list:before { content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ececec; } 
#eventWrap .evCon9_2 .ebk_list p { display: block; margin: 40px auto; text-align: center; } 
#eventWrap .evCon9_2 .ebk_list li { width: 100%; float: left; padding: 30px; border: 1px solid #dddddd; box-sizing: border-box; background:#fff; } 
#eventWrap .evCon9_2 .ebk_list li+li { margin-top:20px } 
#eventWrap .evCon9_2 .ebk_list li .b_img { position: relative; float: left; margin-right: 30px; width: 140px; text-align: center; } 
#eventWrap .evCon9_2 .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; } 
#eventWrap .evCon9_2 .ebk_list li .b_img span { position:absolute; display: inline-block; z-index: 1; right: 6px; bottom: 9px; width: 40px; height: 40px; } 
#eventWrap .evCon9_2 .ebk_list li .b_img span #eventWrap .mo { display:none } 
#eventWrap .evCon9_2 .ebk_list li .b_img span .prev_none { cursor:default } 
#eventWrap .evCon9_2 .ebk_list li .b_info { position: relative; float:left; margin: 0; width: calc(100% - 170px); } 
#eventWrap .evCon9_2 .ebk_list li .b_info a { display:block } 
#eventWrap .evCon9_2 .ebk_list li .b_info span.b_kind { display: inline-block; box-sizing: border-box; font-size: 12px; font-weight: bold; color: #1582f8; } 
#eventWrap .evCon9_2 .ebk_list li .b_info span.b_kind+span.b_kind { margin: 0 0 0 5px; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl { margin: 13px auto 0; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dt { font-weight:bold; width: 100%; height: auto; margin-bottom: 14px; -webkit-line-clamp: 1; font-size: 13px;} 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd { color:#999999 ;font-size: 13px;} 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd.athr span { position: relative; padding-left: 6px; margin-left: 6px; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd.athr span.athr_tea { padding: 0; margin: 0; } 
#eventWrap .evCon9_2 .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; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd.athr span.athr_tea:before { content:none; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd.athr { margin-bottom: 17px; color: #666666; /* vertical-align: top; */ } 

#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child { padding-top:15px; border-top:1px solid #eeeeee; overflow: hidden; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child > div { float:left } 
#eventWrap .evCon9_2 .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; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_btn { margin-left: 20px; width: calc(100% - 380px); } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_btn .price { margin:30px auto 20px; color: #666666; font-size: 13px; } 

#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_btn { vertical-align:middle; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_btn span { color:#d92a2a; font-weight:bold; float: right; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_btn span.price_tit { float:none; color: #666666; font-weight: normal; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_btn span.cost { text-decoration:none } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_btn strong { padding-left:6px; text-decoration: line-through; font-weight:normal; color: #999999; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_btn .btn { overflow: hidden; } 
#eventWrap .evCon9_2 .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; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_btn .btn a+a { margin-left:8px } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_btn .btn a.payb { background: #031a32; color: #fff; } 
#eventWrap .evCon9_2 .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; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_btn .btn span.nonbook { width:100% } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_btn .btn span.nonbook2 { float: none; background: #bfbfbf; width: 100%; color: #fff; } 
#eventWrap .evCon9_2 .paging { clear:both; text-align: center; background: #fff;} 
#eventWrap .evCon9_2 .paging strong { font-weight: bold; } 
/* //¼öÇè¼­ ¸®½ºÆ® */


@media screen and (max-width: 1200px){
 .eventWrap .evSection { padding: 12% 0 13%; } 
 .eventWrap .con_tit { font-size: 41px; } 
 .eventWrap .con_tit .tiny { font-size: 25px; } 
 .eventWrap .content { padding: 50px; } 
 .eventWrap .content .tit { font-size: 27px; } 
 .eventWrap .content .txt { font-size: 18px; } 
 .eventWrap .content .sub_tit { margin: 15px 0; } 
 .eventWrap .content .sub_tit span { font-size: 16px; } 

 .evCon1 { padding: 13% 0 14% !important; } 
 .evCon1 .txt { margin: 5.5% 0 0; font-size: 19px; } 

 .evCon2 .con_txt { margin: 2% 0 6%; font-size: 21px; } 
 .evCon2 .con2_roll { margin: 0 10%; } 

 .evCon3 .con_tit { margin-bottom: 6%; } 

 .evCon4 .con_tit { margin-bottom: 5%; } 
 .evCon4 .content ul { width: 100%; margin: 3% auto; gap: 2%; justify-content: center; } 
 .evCon4 .con_txt2 { font-size: 27px; margin: 4.5% 0 0; } 

 .evCon5 .inner { width: 96%; } 
 .evCon5 .con_tit { margin-bottom: 4.5%; } 
 .evCon5 .sub_tit .num span { font-size: 21px; } 
 .evCon5 .sub_tit .txt { margin: 10px 0 4%; font-size: 23px; } 
 .evCon5 .con1 { flex-wrap: wrap; width: 600px; margin: 0 auto 11%; gap: 10px; } 
 .evCon5 .con1 li { width: 100%; padding: 10px 28%; } 
 .evCon5 .con2 { gap: 10px; margin: 0 0 11%; } 
 .evCon5 .con2 li { width: 43%; padding: 30px 41px; } 
 .evCon5 .con5_roll {width:700px;overflow: hidden;} 
 .evCon5 .con5_roll .swiper-wrapper { height: 690px; gap: 0; } 
 .evCon5 .con5_roll .swiper-slide { height: 317px; display: flex; justify-content: center; align-items: center; margin-bottom: 15px; } 
 .evCon5 .con5_roll .swiper-slide img { } 

 .evCon6 .con_tit { font-size: 38px; } 
 .evCon6 .con_tit .tiny { font-size: 21px; } 
 .evCon6 .btn { margin: 4% 0 0; font-size: 16px; } 


 
 #eventWrap .evCon9_2 .view_detail { padding:45px 40px; } 
 #eventWrap .evCon9_2 .view_detail .v_left { /* width: 25%; */margin-right: 5%; } 
 #eventWrap .evCon9_2 .view_detail .v_left > img { width:165px; } 
 #eventWrap .evCon9_2 .view_detail .v_right { float:left; max-width: 70%; } 
 #eventWrap .evCon9_2 .event_book .tab--teacher li { float: left; margin: 0 0 3%; width: 12.5%; padding: 0 1%; } 
 #eventWrap .evCon9_2 .event_book .tab--teacher > li > div { width: 80px; height: 80px; } 
 #eventWrap .evCon9_2 .event_book .tab--teacher p strong { display:block } 
 #eventWrap .evCon9_2 .mv_br { display:block } 

 #eventWrap .evCon9_2 .free { display:none !important; } 
 #eventWrap .evCon9_2 .inner { width: 97%; } 
 #eventWrap .evCon9_2 .top .inner { width:97%; } 
 #eventWrap .evCon9_2 img { max-width: 100%; } 

 #eventWrap .evCon9_2 .event_book .tabConList ul.cel_03 li { width: 33.3%; } 
 #eventWrap .evCon9_2 .event_book .tabConList ul.cel_02 { width: 100%; margin: 0 auto; padding: 40px 20%; text-align: center; position: relative; } 
 #eventWrap .evCon9_2 .event_book .tabConList ul.cel_02 li { width: 50%; } 
 #eventWrap .evCon9_2 .event_book .tabConList ul.cel_04 li { width: 33.3%; padding: 0 15px; } 
 #eventWrap .evCon9_2 .event_book .tabConList ul.cel_06 li { width: 33.3%; } 


/* ¼öÇè¼­ ¸®½ºÆ® */
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_coment { width:60%; padding: 1% 2%; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_btn { margin-left: 2%; width: calc(100% - 62%); } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_btn .btn a { width: 49%; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_btn .btn a+a { margin-left:2% } 
/* //¼öÇè¼­ ¸®½ºÆ® */ 
 }



@media screen and (max-width: 768px){
 .eventWrap .con_tit { font-size: 37px; } 
 .eventWrap .con_tit .tiny { font-size: 23px; } 
 .eventWrap .content { padding: 30px 15px; } 
 .eventWrap .content .tit { font-size: 24px; } 
 .eventWrap .content .txt { font-size: 16px; } 
 .eventWrap .content .sub_tit span { font-size: 13px; padding: 7.5px 40px; } 
 
 
 .evCon1 .txt { font-size: 16px; } 

 .evCon2 .con_txt { font-size: 18px; } 

 .evCon3 .content .mg_tb_form tr th, .evCon3 .content .mg_tb_form tr td { font-size: 13px; } 
 .evCon3 .content .mg_tb_form tr td span::before { right: -7px; } 
 .evCon3 .content .tiny_noti { font-size: 12px; } 

 .evCon4 .con_txt2 { font-size: 23px; } 

 .evCon5 .sub_tit .txt { font-size: 21px; } 
 .evCon5 .sub_tit .num span { font-size: 17px; width: 45px; line-height: 45px; } 
 .evCon5 .con1 { width: 96%; } 
 .evCon5 .con2 { } 
 .evCon5 .con2 li { padding: 3%; width: 47%; } 
 .evCon5 .con5_roll { width: 100%; } 

 .evCon6 .con_tit { font-size: 28px; } 
 .evCon6 .con_tit .tiny { font-size: 18px; } 
 .evCon6 .btn { width: 300px; font-size: 14px; padding: 17px 0; } 


 
 #eventWrap .evCon9_2 .event_book .tab--teacher { margin-bottom:20px; } 
 #eventWrap .evCon9_2 .event_book .tab--teacher > li.full_teacher_btn > div { line-height: 60px; } 
 #eventWrap .evCon9_2 .event_book .tab--teacher > li.full_teacher_btn > div span { font-size:12px; } 
 #eventWrap .evCon9_2 .con06 .inner .btns a { width:230px; height: 50px; line-height: 48px; font-size:15px; } 
 #eventWrap .evCon9_2 .event_book .tabConList ul { padding: 2% 2%; } 
 #eventWrap .evCon9_2 .event_book .tab li { font-size: 14px; } 
 #eventWrap .evCon9_2 .event_book .tab.ver li { width: 25%; } 
 #eventWrap .evCon9_2 .event_book .tab li:nth-child(4n) { border-right: none } 
 #eventWrap .evCon9_2 .event_book .tab li:nth-child(7n) { border-right: 1px solid #dddddd } 
 #eventWrap .evCon9_2 .view_detail { padding: 25px 5%; } 
 #eventWrap .evCon9_2 .view_detail .v_left { width: 180px; margin-right: 6%; } 
 #eventWrap .evCon9_2 .view_detail .v_left .book_prev { width: 40px; height: 40px; } 
 #eventWrap .evCon9_2 .view_detail .v_left .imgbox img { width: 180px !important; height: auto; } 
 #eventWrap .evCon9_2 .view_detail .v_right { width: 55%; } 
 #eventWrap .evCon9_2 .view_detail .v_right dl { margin: 20px auto 4%; } 
 #eventWrap .evCon9_2 .view_detail .v_right dl dt { font-size:15px } 
 #eventWrap .evCon9_2 .view_body .bv_blist .bvlec_book_list .book_box a img { width:90%; height: 180px; } 
 #eventWrap .evCon9_2 .event_book .tab--teacher > li > div { width: 60px; height: 60px; } 
 #eventWrap .evCon9_2 .event_book .tab--teacher p { font-size:12px; } 

/* ¼öÇè¼­ ¸®½ºÆ® */
#eventWrap .evCon9_2 .ebk_list li { padding: 3% 5%; } 
#eventWrap .evCon9_2 .ebk_list li+li { margin-top:2% } 
#eventWrap .evCon9_2 .ebk_list li .b_img { margin: 0; width: 37%; padding: 2% 4%; border: 1px solid #eeeeee; box-sizing: border-box; } 
#eventWrap .evCon9_2 .ebk_list li .b_img a img.bookimg { width: 56%; height: auto; border: none; margin: 0 auto; display: block; } 
#eventWrap .evCon9_2 .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%); } 
#eventWrap .evCon9_2 .ebk_list li .b_info { width: calc(100% - 46%); margin: 0 0 0 4%; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child { padding-top: 0; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dt { -webkit-line-clamp: 2; height: 39px; } 
/* .ebk_list li .b_img span #eventWrap .mo { display:block; } */
#eventWrap .evCon9_2 .ebk_list li .b_img span .pc { display:none } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd.athr { margin:4% 0; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_coment { display:none } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_btn { margin-left:0; width: 100%; float: none; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_btn .price { margin: 7% auto 5%; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_btn strong { padding-left: 0; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_btn .btn a { width: 49%; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_btn .btn a+a { margin-left:2% } 
/* //¼öÇè¼­ ¸®½ºÆ® */ 
 }

 @media (max-width: 640px) { 
    #eventWrap .evCon9_2 .event_book .tab--teacher li { width: 16.6667%; } 
    #eventWrap .evCon9_2 .event_book .tabConList ul.cel_02 { padding: 20px 16%; } 
    #eventWrap .evCon9_2 .event_book .tabConList ul.cel_02:after, #eventWrap .event_book .tabConList ul.bd_top:after { left: 0; width: 100%; } 
    #eventWrap .evCon9_2 .view_detail { padding: 25px 2%; } 
    #eventWrap .evCon9_2 .view_detail .v_right .btn { width:100% } 
    #eventWrap .evCon9_2 .view_detail .v_right .btn a { width: 49%; font-size: 13px; margin-left: 1%; } 
    #eventWrap .evCon9_2 .event_book .tab li { font-size: 12px; } 
    #eventWrap .evCon9_2 .event_book .tab li a { padding: 10px 0 10px 0; } 
    #eventWrap .evCon9_2 .ebk_list li .b_img span { top: 108%; } 

} 


@media screen and (max-width: 576px){
 .eventWrap .con_tit { font-size: 30px; } 
 .eventWrap .con_tit .tiny { font-size: 19px; } 
 .eventWrap .content { } 
 .eventWrap .content .tit { font-size: 21px; } 
 .eventWrap .content .txt { font-size: 14px; } 
 
 .evCon1 .txt { font-size: 15px; } 

 .evCon2 .con_txt { font-size: 15px; } 

 .evCon4 .content ul { flex-wrap: wrap; gap: 15px; padding: 0 14%; } 
.evCon4 .content ul li { margin: 0 auto; max-width: 290px; } 
 .evCon4 .con_txt2 { font-size: 19px; } 

 .evCon5 .sub_tit .txt { font-size: 18px; } 
 .evCon5 .sub_tit .num span { font-size: 15px; width: 37px; line-height: 37px; } 
 .evCon5 .con1 li { padding: 7px 26%; } 
 .evCon5 .con2 li { padding: 2% 0; } 

 .evCon6 .con_tit { font-size: 23px; } 
 .evCon6 .con_tit .tiny { font-size: 16px; } 

 #eventWrap .evCon9_2  .event_book .tab li a { font-size:15px; } 
 #eventWrap .evCon9_2  .event_book .tab--teacher > li.full_teacher_btn > div { line-height: 40px; } 

/* ¼öÇè¼­ ¸®½ºÆ® */
#eventWrap .evCon9_2 .sub .s_detail .sub_choice .choice_tit,
#eventWrap .evCon9_2 .s_detail .step_choice .choice_tit { width: 60px; } 
#eventWrap .evCon9_2 .sub .s_detail .sub_choice .choice_tit span, 
#eventWrap .evCon9_2 .s_detail .step_choice .choice_tit span { padding: 0 0 0 8px; } 
#eventWrap .evCon9_2 .sub .s_detail .sub_choice ul,.s_detail .step_choice ul { margin-left: 60px; } 
#eventWrap .evCon9_2 .ebk_list li .b_img { width: 34%; /* border: none; *//* padding: 1% 4%; *//* margin: 0; */ } 
#eventWrap .evCon9_2 .ebk_list li .b_img a img.bookimg { width: 70%; } 

#eventWrap .evCon9_2 .ebk_list li .b_img span { width: 80px; height: 20px; top: 108%; } 
#eventWrap .evCon9_2 .ebk_list li .b_info { width: calc(100% - 39%); margin: 0 0 0 5%; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl { margin: 2% auto 0; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dt { margin-bottom: 2%; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd.athr { margin-bottom: 5%; height: 15px; line-height: 13px; font-size:11px; } 
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_btn .btn span,
#eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_btn .btn a { height: 30px; line-height: 30px; } 
/* //¼öÇè¼­ ¸®½ºÆ® */ 

 }

@media screen and (max-width: 480px){
 .eventWrap .con_tit { font-size: 24px; } 
 .eventWrap .con_tit .tiny { font-size: 15px; } 
 .eventWrap .content { } 
 .eventWrap .content .tit { font-size: 19px; } 
 .eventWrap .content .txt { } 
 
 .evCon1 .txt { letter-spacing: 0.13em; font-size: 13px; } 

 .evCon2 .con_txt { font-size: 13px; } 

 .evCon4 .con_txt2 { font-size: 15px; } 

 .evCon5 .sub_tit .txt { } 
 .evCon5 .sub_tit .num span { font-size: 13px; width: 30px; line-height: 30px; } 
 .evCon5 .con1 li { padding: 7px 20%; } 
 .evCon5 .con5_roll .swiper-slide { } 

 .evCon6 .con_tit { font-size: 18px; } 
 .evCon6 .con_tit .tiny { font-size: 14px; } 


 
 #eventWrap .evCon9_2 .event_book .tab--teacher > li.full_teacher_btn > div { line-height: 35px; } 
 #eventWrap .evCon9_2 .event_book .tab li a { font-size:12px; } 
 #eventWrap .evCon9_2 .event_book .tab--teacher p { font-size: 11px; line-height: 1.2; } 
 #eventWrap .evCon9_2 .event_book .tab--teacher > li > div { width: 35px; height: 35px; } 
 #eventWrap .evCon9_2 .event_book .tab li .br_460 { display: block; } 
 #eventWrap .evCon9_2 .view_detail .v_left .book_prev { width: 30px; height: 30px; } 
 #eventWrap .evCon9_2 .view_detail .v_right dl { margin: 15px auto 7%; } 
 #eventWrap .evCon9_2 .view_detail .v_right dl dt { font-size:13px; margin-bottom: 15px; } 
 #eventWrap .evCon9_2 .view_detail .v_right dl dd + dd { margin-top:10px } 
 #eventWrap .evCon9_2 .view_body .bv_blist .bvlec_book_list .book_box a img { width:90%; height: 120px; } 

/* ¼öÇè¼­ ¸®½ºÆ® */
#eventWrap .evCon9_2 .ebk_list li .b_img { padding:2% 5% } 
#eventWrap .evCon9_2 .ebk_list li .b_img a img.bookimg { width: 90%; } 
#eventWrap .evCon9_2 .ebk_list li .b_img span { width: 70px; top: 104%; } 
/* //¼öÇè¼­ ¸®½ºÆ® */
 }

 @media (max-width: 420px){
    #eventWrap .evCon9_2 .event_book .tab--teacher li { width: 20%; } 
    #eventWrap .evCon9_2 .event_book .tab--teacher p { font-size:10px; letter-spacing: -1px; } 
    #eventWrap .evCon9_2 .ebk_list li .b_img a img.bookimg { width: 84%; } 
    #eventWrap .evCon9_2 .ebk_list li .b_info dl dd.athr { margin-bottom:2%; font-size:10px; height: auto; } 
    #eventWrap .evCon9_2 .ebk_list li .b_info dl dd:last-child .book_btn .price { margin: 5% auto; } 
    }
    @media (max-width: 360px){
        #eventWrap .evCon9_2 .event_book .tab li a { font-size:11px; } 
    /* ¼öÇè¼­ ¸®½ºÆ® */
    #eventWrap .evCon9_2 .ebk_list li .b_img a img.bookimg { width:100%; } 
    #eventWrap .evCon9_2 .ebk_list li .b_img span { width: 55%; top: 105%; } 
    #eventWrap .evCon9_2 .ebk_list li .b_img span { top: 103%; } 
    /* //¼öÇè¼­ ¸®½ºÆ® */ } 

