@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:1045px; margin: 0 auto; letter-spacing: -0.03em; line-height: 1.4 } 
#eventWrap h3 { margin-bottom:80px; } 
#eventWrap h3 img { margin: auto; } 
.pc { display:block; } 
.mo { display:none; } 

/* 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 */
#eventWrap .visual h3 { margin: 0 -243px -25px; } 
.visual { background:#2e3345 url('https://img.megagong.net/m/2022/0708_book/tech/visual_bg.jpg') no-repeat center bottom; background-size:cover; } 
.visual .inner { padding:130px 0 100px; } 
.visual .bookSlider_wrp { position:relative; margin: 0 -267px 0; } 
.visual .bookSlider_wrp .icon_update { position:absolute; top:-48px; left:-48px; z-index: 2; } 
.visual .bookSlider_wrp .slick-track { display: flex; align-items: center; } 
.visual .bookSlider_wrp .slick-slide { margin: 0 12px; } 
.visual .bookSlider_wrp .bookList img { display: inline-block; /*height: 350px; */ } 

.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 .con_wrp { } 
.con01 .con_wrp li { float: left; width: 486px; position: relative; padding-bottom: 15px; } 
.con01 .con_wrp li img { filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.2)) } 

.con01 .con_wrp li + li { margin-left: 10px; } 
.con01 .slick-dots { position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); } 
.con01 .slick-dots li { display: inline-block;; width: 10px; height: 10px; border-radius: 100%; background:#bebebe; margin-left: 10px; padding: 0; } 
.con01 .slick-dots li.slick-active { background: #000; } 
.con01 .slick-dots li button { font-size:0; } 
.con01 .inner .btns { margin-top:60px; } 
.con01 .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; } 

/* con02 */
.con02 { background-color:#6eddcb; } 
.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 { filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.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 img { margin: 0 auto; } 
/* con05 */
.con05 { background: #2B2C3F; background: -moz-linear-gradient(top, #2B2C3F 0%, #222230 50%, #1a1a22 100%); background: -webkit-linear-gradient(top, #2B2C3F 0%, #222230 50%, #1a1a22 100%); background: linear-gradient(to bottom, #2B2C3F 0%, #222230 50%, #1a1a22 100%); } 
.con05 .inner { padding: 100px 0 0; } 
.con05 .con05_sd_w { position:relative; padding-bottom: 85px; width: 1675px; margin: 0 auto; } 
.con05 .con05_sd_w .slick-slide { margin: 0 75px; color: #aaa; } 

.con05 .con05_sd_w .item { position:relative; float:left; height: 590px; text-align: left; } 
.con05 .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; } 
.con05 .con05_sd_w .item .tit span { display:block; font-weight:bold; font-size:24px; height: 100px; line-height: 1.6; } 
.con05 .con05_sd_w .item .name { margin: 30px 0; display:block; font-size:16px; } 
.con05 .con05_sd_w .item .txt { font-size: 15px; line-height: 1.7; } 
.con05 .teny { position: absolute; bottom: 65px; right: 50%; margin-right: -610px; font-size:14px; color:#fff; } 
.con05 .con05_sd_w .slick-slide.slick-active.slick-current + div .item { color: #fff; } 

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

/* con06 */
.con06 { background-color:#e8f9f9; } 
.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: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; } 
#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 .event_book .tab.ver li { width: 14.2857%; } 
/* #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.ver.lst5 li { width: 20%; } 
#eventWrap .event_book .tab.ver.lst6 li { width: 16.666%; } 
#eventWrap .event_book .tab.ver.lst7 li { width: 14.2857%; } */
#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: #00a5a3; 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 #00a5a3; } 
#eventWrap .event_book .tab--teacher > li.full_teacher_btn > div { border:none; background: #00a5a3; 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 */
.event { font-family: 'Noto Sans KR'; } 
.clamp-text { font-size:24px; } 
.main_text { font-weight: 400; line-height: 1.6; margin-bottom: 65px; } 
.main_text strong { font-weight: 700; } 
.flt_inner { right: 0px; } 
.flt_inner.renewal li.top { margin-top: 0px; } 

.ver241021 #eventWrap h3 { margin-bottom: 40px; position: relative; } 
.ver241021 .visual { background: url(https://image.megagong.net/m/2024/1021_ebook/tech/bg_con1_2.jpg) no-repeat center; background-size: cover; } 
.ver241021 .visual .inner { padding: 160px 0 150px; position: relative; } 
.ver241021 .visual .main_text { color: #fff; margin-bottom: 0; position: relative; } 
.ver241021 .visual .obj { position: absolute; width: 1297px; left: 51%; top: 140px; transform: translateX(-50%); } 
.ver241021 .visual .inner .btns { margin-top: 40px; position: relative; } 
.ver241021 .visual .inner .btns a { width: inherit; height: inherit; line-height: 1.2; font-size: 19px; color: #000; background: #36d9c8; padding: 22px 90px; border-radius: 50px; border: none; font-weight: 800; } 
.ver241021 .con01 .con_wrp > li { width: 530px; float: inherit; margin: auto; } 
.ver241021 .con01 .con_wrp li .slick-slide { padding: 0 2% 1%; } 
.ver241021 .con01 .inner .btns a { width: inherit; height: inherit; line-height: 1.2; font-size: 24px; padding: 26px 116px; border-radius: 50px; } 
.ver241021 .con02 { color: #000; } 


@media (max-width: 1675px){
 .con05 .con05_sd_w { width:97%; padding-bottom: 15%; } 
.con05 .con05_sd_w .slick-slide { margin: 0 .2%; } 
 }
@media (max-width: 1378px){
 #eventWrap .top .inner { width:97%; } 
 }
@media (max-width: 1200px) { /* quick_right */
.quick_right { display:none; } 
#eventWrap h3 { margin-bottom: 8%; } 
#eventWrap .visual h3 { margin: 0 0 -15%; } 
/* visual */
.visual .inner { padding:12% 0 15%; } 
.visual .bookSlider_wrp { margin:13% -20% 0 } 
.visual .inner .bookSlider_wrp .icon_update { top:-6%; left:13%; width: 7%; } 
.visual .bookSlider_wrp .slick-slide { margin: 0 8px; } 
.visual .bookSlider_wrp .bookList img { width: 30vw; /*height: 37.234vw*/; } 
.visual .inner .btns { margin-top:6%; } 

/* con01 */
.con01 .inner { padding:15% 0; } 
.con01 .slick-dots { bottom: 20px; } 
.con01 .inner .btns { margin-top:6%; } 
.con01 .slick-slide img { display: inline-block; width: 95%; } 
/* 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; } 


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

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

/* 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: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 .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 .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 .visual .inner { padding: 12% 0 12%; } 
.ver241021 #eventWrap h3 { margin-bottom: 4%; padding: 0 9%; } 
.ver241021 .visual .inner .btns a { font-size: clamp(14px,2vmin,19px); padding: 2% 9%; } 
.ver241021 .visual .obj { width: 100%; top: 30%; } 
.ver241021 .con01 .inner .btns a { font-size: clamp(14px,2.6vmin,24px); padding: 2% 10%; } 
 }
@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; } 

.con05 .con05_sd_w .item { height:auto; } 
.con05 .con05_sd_w .item .tit strong { font-size:15px; width: auto; margin-bottom: 2%; padding: 8px 15px; display: inline-block; } 
.con05 .con05_sd_w .slick-slide { width: 450px; margin: 0; min-width: 450px; } 
.con05 .con05_sd_w .slick-dots { bottom: -50px; } 
.con05 .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; } 
.con05 .con05_sd_w .slick-dots li { display:inline-block; vertical-align: top; width: 20%; height: 10px; } 
.con05 .con05_sd_w .slick-dots li.slick-active { background:#00b8b6; border-radius: 30px; } 
.con05 .con05_sd_w .slick-dots li button { font-size:0; } 
.con05 .con05_sd_w .slick-slide.slick-active.slick-current + div .item { color: #aaa; } 
.con05 .con05_sd_w .slick-slide.slick-active.slick-current { color: #fff; } 
.con05 .teny { font-size:12px; bottom: 5%; } 
 }
@media (max-width: 768px){
 .mo { display:block; } 
.pc { display:none; } 

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

/* con01 */
.con01 .inner .btns a { display:inline-block; width:230px; } 
.con01 .con_wrp { margin: 0 8%; } 
.con01 .con_wrp > li { width: 100%; } 
.con01 .con_wrp > li img { display: inline-block; } 
.con01 .con_wrp > li + li { margin-left: 0; margin-top: 5%; } 
.con01 .slick-slide img { width: 100%; } 
.con01 .inner .btns a { width:230px; height: 50px; font-size:15px; line-height:48px; } 
/* 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:#000; } 

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

/* con04 */

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

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

/* 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(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% } 
/* //¼öÇè¼­ ¸®½ºÆ® */
.con05 .con05_sd_w .slick-dots { bottom: -7%; } 

/* 241021 */
.ver241021 .visual .inner .btns a { padding: 3% 9%; } 
.ver241021 .con01 .inner .btns a { padding: 3% 10%; } 
.ver241021 .con01 .con_wrp { margin: 0 8%; } 
.ver241021 .con01 .con_wrp > li { width: 100%; } 
.ver241021 .con01 .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 .visual h3 { padding: 0 7%; } 
.ver241021 .visual .obj { width: 94%; top: 41%; } 
.ver241021 #eventWrap h3 { padding: 0 1%; } 
.ver241021 .con01 .con_wrp { margin: 0px 5%; } 
 }

@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_wrp .bookList { } 
.visual .inner .btns a { width:180px; height: 40px; font-size:12px; line-height:38px; } 

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

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