@charset "euc-kr";
/* bg url: https://img.megagong.net/m/2022/ */

/* #mWrap { width: 100%; overflow-x: hidden; } */

/* Æ˾÷ */
.black_bg { background-color:#000; opacity:0.8; position:fixed; left:0; top:0; width:100%; height:100%; text-indent:-9999em; z-index:92 } 
.dim_popup button { position:absolute; right: 15px; top: 15px; background: none; } 
.clickPop { width: 470px; background: #fff; padding: 30px 0 35px; position: fixed; left:50%; top: 50% !important; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 99; } 

/* µî·ÏÇÑ url Æ˾÷ */
.dim_popup.sns .tit { text-align:center; margin: 20px 0; padding: 0 15px; font-size: 30px; font-weight: bold; } 
.dim_popup.sns table { font-size: 14px; } 
.dim_popup.sns table tr th, .dim_popup.sns table tr td { padding: 8px 5px; border: 1px solid #ddd; word-break: break-all; text-align: center; } 
.dim_popup.sns table tr th { border-color:#fff; background:#eaeaea } 
.dim_popup.sns table tr td.con { text-align:left } 
.dim_popup.sns .btnConfirm { text-align:center; margin: 40px 0 0 0; } 
.dim_popup.sns .btnClose { position:absolute; right: 10px; top: 10px; background: url(https://img.megagong.net/m/common/pop_close2.png) no-repeat center center; font-size: 0; width: 26px; height: 26px; } 


/* Äü¸Þ´º */
#eventWrap .flt_inner { opacity: 1; position: fixed; top: 40%; } 
#eventWrap .flt_inner.renewal .clearfix li { margin-top: 0px; } 

#eventWrap .flt_inner.mo { display: none; } 


/* ¹öÆ° ÅÛÇø´ */

.btn a { background: plum; width: 340px; height: 80px; display: block; border-radius: 40px; font-size: 24px; line-height: 78px; color: #fff; /* margin: 40px auto; */ } 

/* ºñÁÖ¾ó */
.eventWrap .evSection.evCon1 { background: url(https://img.megagong.net/m/2022/0803_book/visual_bg.png) no-repeat center; background-size:cover; } 
.eventWrap .evSection.evCon1 .inner { padding-top: 190px; padding-bottom: 4%; } 

.eventWrap .evSection.evCon1 h3 { margin: 0 -440px 0 0; } 
.eventWrap .evSection.evCon1 .inner .mo { display: none; } 

.eventWrap .evSection.evCon1 .con_box p { margin-bottom: 40px } 


/* ±³Àç À̹ÌÁö ·Ñ¸µ */
.bookSlider_wrp { position:relative; margin:130px -267px 70px; } 
/* .bookSlider_wrp .icon_update { position:absolute; top:-48px; left:-48px; z-index: 2; } */
.bookSlider_wrp .slick-slide { margin: 0 12px; display: inline-block; vertical-align: bottom; float:none; } 
/* .bookSlider_wrp .bookList img { display: inline-block; height: 90%; align-items: bottom; } */
.bookSlider_wrp .bookList img { display: inline-block; align-items: bottom; } 


.btn.fir a, .btn.sec a { background: #a87a2e; margin: 0 auto 0; } 


/* con2 */
.evSection.evCon2 { background-color: #e8f2d5; } 
.evSection.evCon2 .inner { padding:7% 0 7% 0 } 
.evSection.evCon2 .con_tit { /* margin-top: 165px; */margin-bottom: 70px; } 
.evSection.evCon2 .con_tit.mo { display: none; } 
.evSection.evCon2 .slick-slide { float: none; } 
.evSection.evCon2 .con_box { padding: 0 0 9% 0 } 


.evSection.evCon2 div.slick-slide { margin-right: 0px; } 
.evSection.evCon2 .con02_sd .slick-track { max-width:95% } 
.evSection.evCon2 .con02_sd .item { margin-top: 35px; margin-bottom: 20px; width: 100%; } 
.evSection.evCon2 .con02_sd .item .pc { display: inline-block; } 
.evSection.evCon2 .con02_sd .item .mo { display: none; } 

.evSection.evCon2 .con02_sd .slick-dots { position: absolute; left: 50%; transform: translateX(-50%); /* margin-bottom: 39%; */display: block; /* width: 150px; *//* height: 40px; */ } 
.evSection.evCon2 .con02_sd .slick-dots li { width: 15px; height: 15px; border-radius: 50%; background: #333333;float: left; margin-right: 5px; } 
.evSection.evCon2 .con02_sd .slick-dots li.slick-active { width: 40px; height: 15px; border-radius: 25px; } 
.evSection.evCon2 .con02_sd .slick-dots li button { color: transparent; } 

.evSection.evCon2 .btn a { background: #333333; /* margin: 30px auto 144px; */ } 



/* con3 */
.evSection.evCon3 { background-color: #fff; } 
.evSection.evCon3 .inner { padding-bottom: 7%; } 

.evSection.evCon3 .con_tit { margin-top: 140px; margin-bottom: 70px; display:inline-block; } 
.evSection.evCon3 .con_tit.mo { display: none; } 

.evSection.evCon3 .con03_sd_w { width:791px; margin:0 auto; } 
.evSection.evCon3 .con03_sd_w .item .mo { display: none; } 

.evSection.evCon3 .con03_sd .slick-dots { text-align:center; margin-top: 50px; } 
.evSection.evCon3 .con03_sd .slick-dots li { width: 15px; height: 15px; border-radius: 50%; background: #333333;margin-right: 5px; display:inline-block; } 
.evSection.evCon3 .con03_sd .slick-dots li:last-child { margin-right:0; } 
.evSection.evCon3 .con03_sd .slick-dots li.slick-active { width: 40px; height: 15px; border-radius: 25px; } 
.evSection.evCon3 .con03_sd .slick-dots li button { color: transparent; } 
.evSection.evCon3 .con03_sd_w img { width:100%; } 

/* con4 */

.eventWrap .evSection.evCon4 { background: url(https://img.megagong.net/m/2022/0803_book/con4_bg.png) no-repeat center; background-size:cover; } 
.eventWrap .evSection.evCon4.d0104 { background: #f9f9f9 url(https://img.megagong.net/m/2022/0803_book/230104/con4_bg.jpg) no-repeat; background-size: auto; background-position: center bottom; } 
.evSection.evCon4 .inner { padding-bottom: 160px; } 
.evSection.evCon4 .con_tit { margin-top: 140px; margin-bottom: 70px; display:inline-block; } 
.evSection.evCon4 .con_tit.mo { display: none; } 
.con_box.con4 { margin-bottom: 280px; } 
.evSection.evCon4 .con_box.con4.mo { display: none; } 

.evSection.evCon4 .con_box_txt { position: relative; width: 65%; display: inline-block; } 
.evSection.evCon4 .btn a { background: #fff; color: #000; margin: 70px auto 0; } 


/* con5 */
.evSection.evCon5 { background-color: #00333f; } 
.evSection.evCon5 .inner { padding: 0 0 130px; position:relative } 
.evSection.evCon5 .con_tit { margin-top: 140px; margin-bottom: 70px; } 
.evSection.evCon5 .con5txt { margin-top: 40px; } 

.evSection.evCon5 .btn { margin: -73px 0 0; position: relative; } 
.evSection.evCon5 .btn a { background: #999999; color: #bcbcbc; /* margin: -70px auto 130px; */ } 
.evSection.evCon5 .btn.sec a { background: #ff6203; color: #fff } 

.evSection.evCon5 .con5 { position: relative } 
.evSection.evCon5 .close { position: absolute; right: 50px; top: 300px; } 


/* À¯ÀÇ»çÇ× */


.evSection.evWarning { background-color: #002730; border-top: 4px solid #fff; padding: 65px 0; } 
.evSection.evWarning .inner .mo { display: none; } 

.evSection.evWarning .inner ul li { color: #aaa; text-align: center; font-size: 14px; };.warningList > li.w_tit { font-size:18px } 
.evSection.evWarning .inner .warningList .w_tit { font-weight: bold; font-size: 18px } 


@media screen and (max-width: 1200px) {
 #eventWrap .flt_inner.mo { display:block; right: 10%; width: 80%; top: unset; bottom: 85px; } 
#eventWrap .flt_inner.mo img { width:100% } 
 
 .eventWrap .evSection.evCon1 .inner { padding:15% 0 15% } 
 .evSection.evCon2 .inner { padding-top: 15%; padding-bottom: 15%; } 
 .eventWrap .evSection.evCon1 h3 { margin: 0 0 0 35%; } 


 
 .evSection.evCon3 .con_tit.pc { width:79.25%; margin:70px 0 35px; } 
 .evSection.evCon4 .con_tit.pc { width:59%; margin:70px 0 35px; } 

 /* .evSection.evCon3 .con03_sd .slick-dots { margin-top: 50px; } */
 .evSection.evCon3 .inner { padding-bottom: 9%; } 
 .eventWrap .evSection.evCon4.d0104 { background-size: 160% auto; } 
 .con_box.con4 { margin-bottom: 16%; } 
 .evSection.evCon4 .inner { padding-bottom: 15%; } 
 .evSection.evCon4 .btn a { margin: 6% auto 0; } 

 .evSection.evCon5 .inner { padding: 0 0 15%; } 
 .evSection.evCon5 .con5txt { padding: 0 18%; } 
 .evSection.evCon5 .btn { margin: -6% 0 0; } 
 .evSection.evCon5 .close { right: 8%; top: inherit; width: 15%; bottom: 59%; } 
 }

@media (max-width: 992px){
 .clickPop { padding: 15px 0 20px; } 
 .dim_popup.sns .tit { font-size:22px } 
 .dim_popup.sns table { font-size:12px } 

 #eventWrap .flt_inner { /* opacity: 1; *//* position: fixed; *//* top: 73%; *//* left: 10%; *//* right: 10%; */ } 
 #eventWrap .flt_inner.mo { /* display: block; */ } 

 .evSection.evCon3 .inner { padding-bottom: 15%; } 
 .evSection.evCon3 .con03_sd_w { width:100%; } 

 .evSection.evCon5 .close { bottom: 57%; } 
 }

@media (max-width: 768px){
 .btn a { width: 38.4%; height: 63px; font-size: 20px; line-height: 61px; } 

 .eventWrap .evSection.evCon1 { background: url(https://img.megagong.net/m/2022/0803_book/visual_bg_m.png) no-repeat center; } 
 /* .eventWrap .evSection.evCon1 .inner .bookSlider_wrp .bookSlider .bookList img { height: 80%; } */
 
 .eventWrap .evSection.evCon1 .inner .mo { display: block; margin: 0 0 10%; padding: 0 7% 0 18%; } 
 .eventWrap .evSection.evCon1 .inner .pc { display: none; } 
 .eventWrap .evSection.evCon1 .inner .con_box p { margin:0 0 7% 0; padding: 0 14.3%; } 
 .bookSlider_wrp { margin: 0 -50% 6%; } 
 

 #eventWrap .flt_inner { /* opacity: 1; *//* position: fixed; *//* top: 77%; */ } 
 #eventWrap .flt_inner.mo { display: block; } 

 

 .evSection.evCon2 .con_tit.mo { display: block; /* margin-top: 120px; */margin-bottom: 5%; padding: 0 12%; } 
 .evSection.evCon2 .con_tit.pc { display: none; } 
 .evSection.evCon2 .con02_sd .item .pc { display: none; } 
 .evSection.evCon2 .con02_sd .item .mo { display: inline-block; } 
 .evSection.evCon2 .slick-slide { float: left; } 
 .evSection.evCon2 .con02_sd .slick-track { max-width:inherit } 
 .evSection.evCon2 div.slick-slide { margin-right: auto; } 
 .evSection.evCon2 .btn a { /* margin: 60px auto; */ } 
 .evSection.evCon2 .con02_sd .slick-dots li, .evSection.evCon3 .con03_sd .slick-dots li { width:10px; height:10px } 
 .evSection.evCon2 .con02_sd .slick-dots li.slick-active,.evSection.evCon3 .con03_sd .slick-dots li.slick-active { height:10px; } 
 
 .evSection.evCon3 .con_tit.mo { display: block; margin-top: 120px; margin-bottom: 40px; margin: 15% 0 5%; } 
 .evSection.evCon3 .con_tit.pc { display: none; } 
 .evSection.evCon3 .con03_sd_w .item .mo { display: block; } 
 .evSection.evCon3 .con03_sd_w .item .pc { display: none; } 
 .evSection.evCon3 .slick-dots { margin-top: 30px; } 

 .eventWrap .evSection.evCon4.d0104 { background-size: 200% auto; } 
 .evSection.evCon4 .con_tit.mo,.evSection.evCon5 .con_tit { padding: 0 14%; margin: 15% 0 4%; } 
 .evSection.evCon4 .con_tit.mo { display: block; } 
 .evSection.evCon4 .con_tit.pc { display: none; } 
 .evSection.evCon4 .con_box.con4.mo { display: block; } 
 .evSection.evCon4 .con_box.con4.pc { display: none; } 
 .evSection.evCon4 .con_box.con4 { margin-bottom: 36%; } 
 .evSection.evCon5 .con_tit + p { padding: 0 15%; } 
 
 .evSection.evCon5 .btn a { /* margin: -20px auto 100px; */ } 
 .evSection.evWarning { padding: 25px 0; } 
 }


@media (max-width: 576px) {
 #eventWrap .flt_inner.mo { bottom: 70px; right: 4%; width: 92%; } 
 
 .dim_popup.sns { width:90% } 

 #eventWrap .flt_inner { opacity: 1; position: fixed; top: 82%; } 

 /* .eventWrap .evSection.evCon1 .inner .bookSlider_wrp .bookSlider .bookList img { height: 90%; } */

 .evSection.evCon2 .con02_sd .item .pc { display: none; } 
 .evSection.evCon2 .con02_sd .item .mo { display: inline-block; } 
 .evSection.evCon2 .slick-slide { float: left; } 

 .btn a { width: 240px; height: 46px; font-size: 14px; line-height: 46px; } 


 .evSection.evCon3 .inner { padding-bottom: 15%; } 

 .evSection.evCon5 .con_box { margin-top: 0; } 
 

 .evSection.evWarning .inner .mo { display: block; margin-top: 20px; } 
 .evSection.evWarning .inner .pc { display: none; } 
 .evSection.evWarning .inner ul li { font-size:12px } 
 .evSection.evWarning .inner .warningList .w_tit { font-size: 15px; } 

 .evSection.evCon5 .close { bottom: 54%; } 
 }

@media (max-width: 449px) {
 #eventWrap .flt_inner { /* top: 83%; */ } 
 }

@media (max-width: 360px) {
 #eventWrap .flt_inner { top: 86%; } 
 .evSection.evCon3 .inner { padding-bottom: 20%; } 
 }