@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 .cont_pay .wrap_content{position:relative;width:1000px;margin:0 auto}
.eventWrap{width:100%;/* text-align:center; */position:relative;font-family:'Malgun Gothic','?? ??';line-height: 1.4;letter-spacing: -0.06em;overflow:hidden;font-family : 'NotoSans KR';font-weight:200;}
.eventWrap *{box-sizing:border-box}
.eventWrap .inner {position:relative;width:1080px;margin:0 auto;padding: 0;}
.eventWrap .inner2 {width: 1080px;margin:0 auto;position:relative;text-align: center;}
.eventWrap .inner::after,.eventWrap .inner2::after{content:"";display:block;clear:both;}
.eventWrap img{border:0 none;vertical-align:middle;max-width:100%}
.eventWrap .con_tit{position: relative;margin-bottom: 60px;text-align: center;}
.eventWrap .con_subtit{margin-bottom: 35px;position:relative;padding: 0 5%;}
.eventWrap .img_mb{display:none}
.eventWrap .conBox{position:relative}
.eventWrap .conBox::after{content:"";display:block;clear:both}
.eventWrap .flow::after{content:"";display:block;clear:both}


.flt_inner{position:absolute;text-align: right;margin-top: 12%;right: 2%;z-index: 6;display: none;width: 190px;}
.flt_inner ul {margin: 0 0 25px;}
.flt_inner li {margin: 0;}
.flt_inner a{position: relative;font-size:0;display: inline-block;}
.flt_inner a::after{display:block;content:'';position:absolute;width: 100%;height:100%;top:0;left:0;background-size: auto 100%;z-index:2;}
.flt_inner li.con1.on a.fir::after{background: url('https://img.megagong.net/m/2020/0803_shin242/flo_bnr1_on.png') no-repeat center 0;}
.flt_inner li.con2.on a.sec::after{background: url('https://img.megagong.net/m/2020/0803_shin242/flo_bnr2_on.png') no-repeat center 0;}
.flt_inner li.con3.on a.thi::after{background: url('https://img.megagong.net/m/2022/0629_shin242/flo3_on.png') no-repeat center 0;}
/* .flt_inner li.con3.d0707.on a.thi::after{background: url('https://img.megagong.net/m/2020/0803_shin242/flo_bnr3_on_0707.png') no-repeat center 0;} */

.top_fix_bnr{width: 100%;z-index: 1;}
.top_fix_bnr .inner{width: 1188px;}
.top_fix_bnr.fix{position: fixed;top: 0;z-index:5;}
.top_fix_bnr .inner::before{position: absolute;content:'';background: #6c9dff;width:100%;height:100%;left: -100%;top:0;}
.top_fix_bnr .inner::after{position: absolute;content:'';background: #9dbdff;width:100%;height:100%;right: -100%;top:0;}
.top_fix_bnr a{display: block;position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.top_fix_bnr a+a{left: 16.5%;width: 83.5%;}
.top_fix_bnr .video_bnr{right: -150px;left:auto;top: 13px;width: auto;z-index: 3;height: auto;}
.top_fix_bnr.trigger_bnr{position: relative;top:0;}

@-webkit-keyframes show_in{
    0%{opacity: 0;}
    50%{opacity: 0.5;}
    100%{opacity: 1;}
}
@keyframes show_in{
    0%{opacity: 0;}
    50%{opacity: 0.5;}
    100%{opacity: 1;}
}
@-webkit-keyframes show_out{
    0%{opacity: 1;}
    50%{opacity: 0.5;}
    100%{opacity: 0;}
}
@keyframes show_out{
    0%{opacity: 1;}
    50%{opacity: 0.5;}
    100%{opacity: 0;}
}
@keyframes show_in2 {
    0% {opacity: 0; left:-500px}
    100% {opacity: 1; left:0}
}
@-webkit-keyframes show_in2 {
    0% {opacity: 0; left:-500px}
    100% {opacity: 1; left:0}
}
@keyframes arrowdown {50% { transform: translateY(15px)}}

.eventWrap .con_top{position: relative;background-color: #1e2e5c;}
.eventWrap .con_top.gong{margin-top: 146px;}
.eventWrap .con_top.gong.d0709{margin-top: 0;}
.eventWrap .con_top::after{content:'';display:block;position: absolute;top: 0;left: 50%;width: 107px;height: 1036px;background: url(https://img.megagong.net/m/2022/0629_shin242/top_txt_bg.png) no-repeat center 0;margin: 0 0 0 700px;}
.eventWrap .con_top .inner::before{content:'';display:block;position: absolute;bottom: 0;right: -60px;width: 726px;height: 1206px;background: url(https://img.megagong.net/m/2022/0629_shin242/top_tea.png) no-repeat center 0;}
.eventWrap .con_top h3{position: relative;margin: 0 0 50px 0;padding: 110px 0 0;}
.eventWrap .con_top h3 em{display: block;margin: 0 0 150px -60px;}
.eventWrap .con_top h3 strong{display: block;margin-bottom: 90px;margin-left: -55px;}
.eventWrap .con_top h3 strong span{display: block;margin: 0 0 0px;}
.eventWrap .con_top h3 em{-webkit-animation: show_in 1s linear 0s both;animation: show_in 1s linear 0s both;}

.eventWrap .con_top h3 strong span:nth-child(1){-webkit-animation: show_infade_In 1.5s linear 1.5s both;animation: show_in 1.5s linear 1.5s both;}
.eventWrap .con_top h3 strong span:nth-child(2){-webkit-animation: show_infade_In 1.5s linear 2.8s both;animation: show_in 1.5s linear 2.8s both;}
.eventWrap .con_top .book{position: absolute;bottom: 85px;right: -55px;z-index: 1;}
.eventWrap .con_top .book span{position: absolute;top: -6%;left: -8%;}
.eventWrap .con_top .notice{position: relative;padding: 30px 0 90px;color: #3a4e79;margin: 160px auto 0;}
.eventWrap .con_top .notice::before{content:'';display:block;position: absolute;top: 0;left: 50%;width: 3000px;height: 100%;margin: 0 0 0 -1500px;background: #3a4e79;}
.eventWrap .con_top .notice li{position: relative;color: #fff;opacity: 0.5;font-size: 10px;line-height: 1.5;z-index: 4;}
.eventWrap .tea_home{position: relative;margin-left: 200px;}
.eventWrap .tea_home a{position:absolute;width: 33px;height: 30px;right: 175px;top: 0;font-size: 0;}
.eventWrap .tea_home a+a{right: 210px;}


.eventWrap .con01{padding: 70px 0 90px;background: #3f434e url(https://img.megagong.net/m/2020/0803_shin242/con1_bg2.jpg) no-repeat center 0;background-size: auto 100%;text-align: center;}
.eventWrap .con01.d0707{background: #fff url(https://img.megagong.net/m/2020/0803_shin242/con1_bg2_0707.png) no-repeat center 0;text-align: center;}

.eventWrap .con01 .inner{width:1180px;}
.eventWrap .con01 h3{position: relative;margin-bottom: 70px;}
.eventWrap .con01 h3:before{position:absolute;content:"";left: -95.7%;top: 21px;width: 100%;height:37px;background: url('https://img.megagong.net/m/2020/0803_shin242/con1_tit_bg.png') repeat-x;z-index: 1;}
.eventWrap .con01 h3:after{position:absolute;content:"";right: -95.7%;top: 21px;width: 100%;height:37px;background: url('https://img.megagong.net/m/2020/0803_shin242/con1_tit_bg.png') repeat-x;z-index: 1;}
.eventWrap .con01.d0707 h3:before,.eventWrap .con01.d0707 h3:after{background-image: url('https://img.megagong.net/m/2020/0803_shin242/con1_tit_bg_0707.png')}
.eventWrap .con01 .box > p{display:block;width: auto;}
.eventWrap .con01.d0707 .box > p{text-align: left;}
.eventWrap .con01.d0707 .box > p.comment_roll_tit{position: relative;float: none;position: relative;padding: 15px 0;clear: both;background: #1f2fd6;text-align: center;font-size: 0;margin: 0;box-shadow: 0px 22px 6px -16px rgb(0 0 0 / 37%);z-index: 1;}
.eventWrap .con01.d0707 .box > p.comment_roll_tit::before{content:'';position: absolute;bottom: -20px;left: 0;width: 1px;height: 1px;border-right: 20px solid #000;border-bottom: 20px solid transparent;}
.eventWrap .con01.d0707 .box > p.comment_roll_tit::after{content:'';position: absolute;bottom: -20px;right: 0;width: 1px;height: 1px;border-left: 20px solid #000;border-bottom: 20px solid transparent;}
.eventWrap .con01.d0707 .comment_roll{position:relative;background: url(https://img.megagong.net/m/2020/0803_shin242/conimg_15.png) repeat 0 0;margin: 0 22px;box-shadow: 0px 2px 13px 0 rgba(0,0,0,0.3);padding: 30px 126px 30px;}
.eventWrap .con01.d0707 .comment_roll .item img{display: block;margin: 0 auto;} 
.eventWrap .con01.d0707 .comment_roll::before{content:"";display:block;position:absolute;bottom: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);opacity: 0.9;}
.eventWrap .con01.d0707 .comment_roll .slick-dots{display: none !important;}
.eventWrap .con01.d0707 .comment_roll .slick-arrow{position: absolute;top: 50%;width: 50px;height: 46px;z-index: 1;font-size: 0;line-height: 0;margin-top: -13px;background:url(https://img.megagong.net/m/2020/0803_shin242/conimg_13.png);}
.eventWrap .con01.d0707 .comment_roll .slick-prev{background-position: 0 0;left: 40px;}
.eventWrap .con01.d0707 .comment_roll .slick-next{background-position: 100% 0;left: inherit;right: 40px;}
.eventWrap .con01 .bubble{float:left;margin-bottom:60px;animation: arrowdown infinite 1s ease-in-out;}


.eventWrap .con02{position: relative;padding: 50px 0 55px;background: #2c438d;text-align: center;}
.eventWrap .con02:after{position:absolute;content:"";left: 50%;bottom:-37px;margin-left:-46px;width: 93px;height:37px;background:url('https://img.megagong.net/m/2020/0803_shin242/con2_after.jpg') no-repeat center 0;z-index: 1;}

.eventWrap .con03{position: relative;padding: 60px 0 90px;background: #f3f5f6;text-align: center;}
.eventWrap .con03 .inner{width:1180px;}
.eventWrap .con03:after{position:absolute;content:"";left: 50%;bottom:-37px;margin-left:-46px;width: 93px;height:37px;background:url('https://img.megagong.net/m/2020/0803_shin242/con3_after.jpg') no-repeat center 0;}
.eventWrap .con03 h3{position: relative;margin-bottom: 40px;}
.eventWrap .con03 h3:before{position:absolute;content:"";left: -85.7%;top: 34px;width: 100%;height:37px;background: url('https://img.megagong.net/m/2020/0803_shin242/con3_tit_bg.jpg') repeat-x;z-index: 1;}
.eventWrap .con03 h3:after{position:absolute;content:"";right: -85.7%;top: 34px;width: 100%;height:37px;background: url('https://img.megagong.net/m/2020/0803_shin242/con3_tit_bg.jpg') repeat-x;z-index: 1;}

.eventWrap .con03 .tiny,
.eventWrap .con04 .tiny,
.eventWrap .con09 .tiny{display: block;text-align: right;margin-top: 10px;font-size: 12px;}

.eventWrap .con03 .slide_box .con3_slider{position: relative;text-align: right;}
.eventWrap .con03 .slide_box .con3_slider .slick-slide img{display: inline-block;}
.eventWrap .con03 .slide_box .slick-dots {position: absolute;width: 506px;left: 0;top: 30px;background: url('https://img.megagong.net/m/2020/0803_shin242/con3_tab_bg.png') no-repeat 40% 0;padding-bottom: 200px;}
.eventWrap .con03 .slide_box .slick-dots li {position: relative;width: 100%;cursor: pointer;}
.eventWrap .con03 .slide_box .slick-dots li .normal_img {display:block;}
.eventWrap .con03 .slide_box .slick-dots li .on_img {display:none;}
.eventWrap .con03 .slide_box .slick-dots li.slick-active .normal_img {display:none;}
.eventWrap .con03 .slide_box .slick-dots li.slick-active .on_img {display:block;}
.eventWrap .con03 .slide_box .slick-list{margin-left: 508px;}

.eventWrap .con04{padding: 55px 0 90px;background: #ffffff;}
.eventWrap .con04 h3{margin-bottom:25px}
.eventWrap .con04 .video_wrap{position: relative;width: 1080px;height: 608px;}
.eventWrap .con04 .video_box{position: relative;display: block;overflow: hidden;margin: 0 auto;width: 100%;height: 100%;}
.eventWrap .con04 .video_box .play_area{width: 100% !important;height: 608px !important;}
.eventWrap .con04 .video_box iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.eventWrap .con04 .lecture{padding-bottom: 0 !important;}

.eventWrap .con05 {padding: 65px 0 60px;background: #fffadd;text-align: center;}
.eventWrap .con05 h3{position: relative;margin-bottom:80px}
.eventWrap .con05 h3:before{position:absolute;content:"";left: -100%;top: 21px;width: 100%;height:37px;background: url('https://img.megagong.net/m/2022/0629_shin242/con5_tit_bg.png') repeat-x;z-index: 1;}
.eventWrap .con05 h3:after{position:absolute;content:"";right: -100%;top: 21px;width: 100%;height:37px;background: url('https://img.megagong.net/m/2022/0629_shin242/con5_tit_bg.png') repeat-x;z-index: 1;}
.eventWrap .con05 .book_box{position:relative;width: 1025px;margin-bottom:30px;margin: 0 auto;}
.eventWrap .con05 .book_box .video_bnr2{position:absolute;right:90px}
.eventWrap .con05 .book_box img.pc{display: block;text-align: center;}
.eventWrap .con05 .book_box img.mo{display: none;}
.eventWrap .con05 .book_prev{position:absolute;display: block;bottom: 22px;right: 320px;}
.eventWrap .con05.d0707 .book_prev{bottom: 15%;right: 32%;}
.eventWrap .con05 .book_btn{position:absolute;right: 135px;bottom: 70px;font-size: 0;display: block;height: 30px;width: 156px;}
/* .eventWrap .con05.d0707 .book_btn{bottom: 80px;} */
.eventWrap .con05 ul{overflow:hidden;margin: 30px auto 0;}
.eventWrap .con05 ul p{display: block;text-align: left;}
.eventWrap .con05 ul li{float:left}
.eventWrap .con05 ul+.tiny_txt{text-align: right;opacity: 0.5;font-size: 13px;padding:20px 0 0;}
.eventWrap .con05 ul+.tiny_txt span{display:block;margin: 0 0 2px;}

.eventWrap .evt_new_box{position:relative;background: #dbe7ff url(https://img.megagong.net/m/2021/0714_shin242/evt_new_bg.jpg) no-repeat center 0;padding: 100px 0 105px;text-align: center;background-size: auto;background-position: center 0;}
.eventWrap .evt_new_box .stit{margin:50px auto;}
.eventWrap .evt_new_box h3 .icon_event_end{position:absolute;right: 0;}
.eventWrap .evt_new_info{background: #eff1ff;padding: 25px 60px;box-shadow: 5px 5px 4px rgba(191, 194, 223 , 0.5);}
.eventWrap .evt_new_info ul{overflow:hidden}
.eventWrap .evt_new_info li{float:left;width: 50%;text-align:left;font-size: 16px;}
.eventWrap .evt_new_info li strong,.eventWrap .evt_new_info li span{display:inline-block}
.eventWrap .evt_new_info li strong{width:130px;background: url(https://img.megagong.net/m/2021/0714_shin242/info_tit_bg.png) no-repeat center 0;background-size: auto;color:#fff;padding: 5px 0 5px 15px;font-size: 16px;margin-right: 10px;box-sizing: border-box;}
.eventWrap .evt_new_info li+li+li{margin-top:10px}
.eventWrap .evt_new_box .lecture_whtwrp{margin:40px auto;}
.eventWrap .evt_new_box .lecture{text-align:left;padding-bottom:0 !important;background:#fff}
.eventWrap .evt_new_box .evt_cautn_new{text-align:left;}
.eventWrap .evt_new_box .evt_cautn_new dd{position:relative;padding-left:10px;font-size: 13px;letter-spacing: 0;}
.eventWrap .evt_new_box .evt_cautn_new dd .line{text-decoration: underline;}
.eventWrap .evt_new_box .evt_cautn_new dd::before{position:absolute;content:'-';left:0;}
.eventWrap .evt_new_box .evt_cautn_new dd+dd{margin-top:5px;}
.eventWrap .evt_new_box .evt_cautn_new dd a{color:#3846db;border:1px solid #a2a9f3;font-size:11px;padding:0 2px}

.eventWrap .con06{position: relative;background:#070707 url('https://img.megagong.net/m/2020/0803_shin242/con6_bg.jpg') no-repeat center 0;text-align: center;background-size: auto 100%;}
.eventWrap .con07{position: relative;padding:165px 0 98px;background:#d0cfd4 url('https://img.megagong.net/m/2020/0803_shin242/con7_bg.jpg') no-repeat center 0;text-align:right;background-size: auto 100%;}


.eventWrap .con09{padding: 110px 0 110px;background: #f3f5f6;}
.eventWrap .con09 h3{margin:0 -35px 50px;}
.eventWrap .con09 ul li{position: relative;}
.eventWrap .con09 ul li+li{margin-top: 40px;}
.eventWrap .con09 ul li i{position: absolute;right: -35px;top:-30px}

/* click */
.click {background: #6497ff;padding: 160px 0 70px;}
.click h3 .evt_end{position:absolute;right: 10%;top: 6%;}
.click .inner2 .gift_area {position:relative;margin: 50px auto 0;}
.click .inner2 .gift_area.dim::before{position:absolute;content:'';width:100%;height:100%;left:-100%;top:0;background:rgba(0, 0, 0, .9);}
.click .inner2 .gift_area.dim::after{position:absolute;content:'';width:100%;height:100%;right:-100%;top:0;background:rgba(0, 0, 0, .9);}
.click .inner2 .gift_area .dim {position:absolute;z-index: 4;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, .9);}
.click .inner2 .gift_area .dim img {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.click .inner2 .gift_area .gift_img {}

.click .inner2 .gift_area .s_tit{position: relative;font-size: 35px;font-weight:bold;background: #1a47a5;color: #fff;padding: 20px 0;}
.click .inner2 .gift_area .timer_wrap{overflow:hidden;}
.click .inner2 .gift_area .timer_wrap .timer {float: left;padding: 70px 65px;background: #fff;}
.click .inner2 .gift_area .timer_wrap .timer::after{display:block;content:'';clear:both;}
.click .inner2 .gift_area .timer_wrap .timer + .timer{float:right;}
.click .inner2 .gift_area .timer_wrap .timer .timer_tit{}
.click .inner2 .gift_area .timer_wrap .timer .amount_wrap {font-size:0;margin: 30px auto 35px;}
.click .inner2 .gift_area .timer_wrap .timer .amount_wrap span {display:inline-block;vertical-align: middle;font-weight:bold;font-size: 110px;color:#000000;width: 115px;height: 130px;line-height: 130px;border: 2px solid #000;margin: 0;}
.click .inner2 .gift_area .timer_wrap .timer .amount_wrap span+span{border-left: none;}
.click .inner2 .gift_area .timer_wrap .timer .amount_wrap strong{font-size:50px;vertical-align: bottom;margin-left: 15px;}
.click .inner2 .gift_area .timer_wrap .timer a{display:block;margin:20px auto 25px}
.click .inner2 .gift_area .timer_wrap .timer p{position: relative;}
.click .inner2 .gift_area .timer_wrap .timer p .evt_end{position:absolute;width: 191px;z-index: 3;right: -5%;top: -30%;}

.click .inner2 .day_amount {font-size:0;background-color:#fff;border: 1px solid #000;border-left: none;}
.click .inner2 .day_amount li {position:relative;display:inline-block;text-align:center;width: 14.286%;box-sizing: border-box;border-left:1px solid #000;}
.click .inner2 .day_amount li:last-child{width:14.287%}
.click .inner2 .day_amount li.end .leng::after {content:'';position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;margin:auto;width: 100%;height: 100%;background: rgba(0,0,0,0.7) url("https://img.megagong.net/m/2022/0629_shin242/date_evt_end.png") no-repeat center;}
.click .inner2 .day_amount li .day {display: block;width: 100%;font-weight:bold;background: #5bb3ff;font-size: 20px;padding: 25px 0;border-bottom: 1px solid #000;}
.click .inner2 .day_amount li .leng {position: relative;display:block;font-weight:bold;font-size:33px;color:#303030;padding: 20px 0;} 
.click .inner2 .day_amount li .leng .txt{font-size: 18px;display: block;}
.click .inner2 .day_amount li .leng .volume {font-size: 33px;}
.click .tiny{margin-top:20px;text-align: right;display: block;font-size: 14px;color: #fff;opacity: 0.4;}

.click .inner2 .btn_my_view {display:block;text-align:right;margin: 20px auto 50px;}
.click .inner2 .btn_my_view a {display:inline-block;font-weight:bold;font-size:15px;color: #fff;border-bottom: 1px solid #fff;padding-bottom: 5px;}



.caution{background: #ebebeb;}
.caution .tit{background:#000;padding:20px 0;text-align:center;color:#fff;font-size:16px}
.caution .tit p{display:inline-block}
.caution .tit i{font-style:normal;margin-left: 10px;}
.caution .tit i.on{display: none;}
.caution .tit i.off{display: inline-block;}
.caution .tit.on i.on{display: inline-block;}
.caution .tit.on i.off{display: none;}
.caution .toggle_con{display: none;padding:80px 0 80px;width:1080px;margin: 0 auto;text-align:left;font-size: 13px;}
.caution .toggle_con.on{display:block}
.caution .toggle_con .info p{font-weight: bold;margin-bottom: 10px;}
.caution .toggle_con .info li{position: relative;line-height:2;}
.caution .toggle_con .info li a{color: #3c6dd3;border-bottom: 1px solid #3c6dd3;margin-left:10px;}
.caution .toggle_con .info .bul > li,
.caution .toggle_con .info .bul > li ul >li{padding-left:10px}
.caution .toggle_con .info .bul > li::before{position:absolute;content:'';background:#000;width:2px;height:2px;left:0;top: 9px;vertical-align:top;}
.caution .toggle_con .info .bul > li ul >li::before{position:absolute;content:'-';left:0;}


/* ÆË¾÷ */
.dim_bnrwrp{position:fixed;top:0;left:0;width:100%;height:100%;z-index:30 !important; }
.dim_bnrwrp_wrap .dim_popup{font-family: 'NotoSans KR';position:fixed;top:50% !important;left:50%;z-index:35 !important;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background: #fff;padding: 30px 0;border-radius: 30px;width: 370px;}

/*´çÃ· ³»¿ª È®ÀÎ ÆË¾÷*/
.dim_popup p{margin: 0 30px;text-align:center}
.dim_popup .tit{font-size:30px;color:#6497ff;;font-weight:bold;margin-bottom:15px}
.dim_popup .gtxt{padding:30px 0;background:#f0f0f0;margin:0 auto;font-size:16px;font-weight:bold}
.dim_popup .gtxt span{color:#6497ff;}
.dim_popup .gimg{margin: 30px auto;}
.dim_popup .btxt{font-size:12px;color:#999999;margin:20px auto;}
.dim_popup .btnConfirm{text-align:center}
.dim_popup .btnClose{position:absolute;top:-50px;right:0;}


@media (max-width: 1200px){
    
    .flt_inner{display:none !important;}
	.eventWrap .inner,
    .eventWrap .inner2{width: 96%;}

    
    .top_fix_bnr img{width: 100%;}
    .top_fix_bnr .video_bnr{right: 19%;width: 10%;top: 15%;}

    .eventWrap .con_top.gong{margin-top: 12.5%;}
    .eventWrap .con_top.gong.d0709{margin-top: 0;}
    .eventWrap .con_top .inner::before{width:60%;height: 100%;background-size: contain;}
    .eventWrap .con_top h3{padding: 11% 38% 0 0;margin: 0 0 10%;}
    .eventWrap .con_top h3 em{margin: 0 0 15%;}
    .eventWrap .con_top h3 strong{margin:0 0 9%}
    .eventWrap .tea_home{margin-left: 34%;}
    .eventWrap .tea_home a{width: 7%;height: 120%;right: 38%;}
    .eventWrap .tea_home a+a{right: 45%;}

    .eventWrap .con_top .book{bottom: 1%;right: 0;width: 40%;}
    .eventWrap .con_top .book img{width:100%}
    .eventWrap .con_top .notice{padding: 3% 0 3%;margin: 10% auto 0;}

    .eventWrap .con01 .inner{width:96%;}
    .eventWrap .con01 h3:before{left: -96.9%;display: none;}
    .eventWrap .con01 h3:after{right: -96.9%;display: none;}
    .eventWrap .con01.d0707 .box > p.comment_roll_tit{padding: 2% 0 2%;box-shadow: none;}
    .eventWrap .con01.d0707 .box > p.comment_roll_tit span{display: block;padding: 0 25% 1%;}
    .eventWrap .con01.d0707 .box > p.comment_roll_tit span img{width:100%}
    .eventWrap .con01.d0707 .box > p.comment_roll_tit span:nth-child(2){padding: 0 16%;}

    .eventWrap .con01.d0707 .box > p.comment_roll_tit::before, .eventWrap .con01.d0707 .box > p.comment_roll_tit::after{display: none;}
    .eventWrap .con01.d0707 .comment_roll{padding: 3% 24px;margin: 0;}
    .eventWrap .con01.d0707 .comment_roll .item img{width: 98%;}
    .eventWrap .con01.d0707 .comment_roll::before{content:"";display:block;position:absolute;bottom: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);opacity: 0.9;}
    .eventWrap .con01.d0707 .comment_roll .slick-arrow{background-size: 80px;width: 28px;height: 28px;}
    .eventWrap .con01.d0707 .comment_roll .slick-prev{left: 5px;}
    .eventWrap .con01.d0707 .comment_roll .slick-next{right: 5px;}
    .eventWrap .con01.d0707 .comment_roll .slick-dots{text-align: center;position: relative;font-size: 0;display: block !important;z-index: 1;margin-top: 2%;}
    .eventWrap .con01.d0707 .comment_roll .slick-dots li{display: inline-block;padding: 0 2px;}
    .eventWrap .con01.d0707 .comment_roll .slick-dots li button{display: block;width: 8px;height: 8px;font-size: 0;-webkit-border-radius: 100%;border-radius: 100%;border: 1px solid #6e6e6e;}
    .eventWrap .con01.d0707 .comment_roll .slick-dots li.slick-active button{background: #6e6e6e;}
    .eventWrap .con03 h3:before{left: -96.9%;display: none;}
    .eventWrap .con03 h3:after{right: -96.9%;display: none;}
    .eventWrap .con03 .inner{width:96%}
    .eventWrap .con03 .slide_box {width: 100%;}
    .eventWrap .con03 .slide_box .slick-dots {width: 45%;top: 1%;padding-bottom: 12%;background-size: contain;}
    .eventWrap .con03 .slide_box .slick-dots li {width: 100%;}
    .eventWrap .con03 .slide_box .slick-list{width: 55%;margin-left: 46%;}

    .eventWrap .con04 .video_wrap{width:100%;height: 80%;}
    .eventWrap .con04 .video_wrap .video_box.on{padding-bottom: 65%;}
    .eventWrap .con04 .video_wrap .play_area{width: 100% !important;height: 100% !important;}
    .eventWrap .con05 h3:before{left: -85.7%;display: none;}
    .eventWrap .con05 h3:after{right: -85.7%;display: none;}
    .eventWrap .con05.d0707 h3{margin: 0 0 6%;}
    .eventWrap .con05 .book_box{width: auto;text-align: center;padding: 0 0 0 0;}
    .eventWrap .con05 .book_prev{bottom: 4.2%;right: 30.8%;}
    .eventWrap .con05 .book_box img.pc{width:100%}
    .eventWrap .con05 .book_btn, .eventWrap .con05.d0707 .book_btn{right: 13%;}
    .eventWrap .con05 ul+.tiny_txt{font-size: 10px;letter-spacing: -0.15em;}
    .eventWrap .con05 ul{width: 100%;margin:0 auto;}
    .eventWrap .con05 ul li{width:54.5%}
    .eventWrap .con05 ul li+li{width:45.5%;}
    .eventWrap .con05 ul li img{width:100%}    
    .eventWrap .con05 .book_box .video_bnr2{width:15%;right:5%}

    .eventWrap .con07{padding:105px 0 40px;background-position-x: 45%;}
    .eventWrap .con07 img{max-width: 65%;}

    .eventWrap .con09{padding: 11% 0 11%;}
    .eventWrap .con09 h3{margin:0 0 5%}
    .eventWrap .con09 ul li+li{margin-top:2%;}
    .eventWrap .con09 ul li i{right:0;top:-10%;width: 15%;}
    
    
    /* click */
    .click {padding: 16% 0 7%}
    .click h3 .evt_end{width:20%}
    .click .inner2 .gift_area {margin: 5% auto 0;}
    .click .inner2 .gift_area .s_tit{padding: 2% 0;}
    .click .inner2 .gift_area .timer_wrap .timer {width:49%;padding: 3% 3%;}
    .click .inner2 .gift_area .timer_wrap .timer .amount_wrap {margin: 3% auto 3%}
    .click .inner2 .gift_area .timer_wrap .timer .amount_wrap span {font-size:90px;width:29%;height: 110px;line-height: 110px;}
    .click .inner2 .gift_area .timer_wrap .timer .amount_wrap strong{font-size:40px;margin-left: 1%;width:12%}
    .click .inner2 .gift_area .timer_wrap .timer a{margin:2% auto 2%}
    .click .inner2 .gift_area .timer_wrap .timer p .evt_end{width: 25%;}
    
    .click .inner2 .day_amount li .day {padding: 4% 0;}
    .click .inner2 .day_amount li .leng {padding: 11% 0;} 
    
    .click .inner2 .btn_my_view{margin: 2% auto 4%;}

    .caution .tit{padding:2% 0;}
    .caution .toggle_con{padding:8% 0 8%;width:96%;}
    
}
@media (max-width:992px){
    .eventWrap .con01, .eventWrap .con01.d0707{background-size: auto 100%;}
    .eventWrap .con01 .bubble{max-width: 55%;}
    
    .eventWrap .con05 .book_btn, .eventWrap .con05.d0707 .book_btn{right: 9%;}

    .click .inner2 .gift_area .s_tit{font-size: 28px;}
    .click .inner2 .gift_area .timer_wrap .timer p > img{max-width: 65%;}
    .click .inner2 .gift_area .timer_wrap .timer a{width: 80%;}
    .click .tiny{font-size: 10px;}


}
@media (max-width:768px){



    .eventWrap .con01, .eventWrap .con01.d0707{padding: 30px 0 20px;}
    .eventWrap .con01 .bubble{max-width: 67%;}
    .eventWrap .con01.d0707 .comment_roll{padding: 3% 1%;}
    .eventWrap .con01.d0707 .comment_roll .slick-arrow{display: none !important;}
    .eventWrap .con02{padding: 20px 0 25px;}
    .eventWrap .con02:after{bottom:-18px;margin-left:-24px;width: 48px;height:18px;background-size:contain}
    .eventWrap .con03{padding: 30px 0 40px;}
    .eventWrap .con03:after{bottom:-18px;margin-left: -20px;width: 40px;height:18px;background-size:contain;}
    .eventWrap .con04{padding: 35px 0 40px;}
    .eventWrap .con05 {padding:25px 0 30px;}
    .eventWrap .con05 .book_box img.pc{display:none}
    .eventWrap .con05 .book_box img.mo{display:block;max-width: 90%;margin: 0 auto 0 -2%;}
    .eventWrap .con05 .book_prev{bottom: 8%;right: 25%;max-width: 30%;}
    .eventWrap .con05.d0707 .book_prev{/* max-width: 100%; width: 47%;*/bottom: 15%;/* right: 11%; */}
    .eventWrap .con05 ul {width: 90%;margin: 10% auto 0;}
    .eventWrap .con05 ul li{width:100%}
    .eventWrap .con05 ul li+li{width:100%}
    .eventWrap .con05 .book_btn, .eventWrap .con05.d0707 .book_btn{position: absolute;right: 6%;bottom: -2%;max-width: 34%;}
    .eventWrap .con07{padding:55px 0 40px;background-position-x: 42%;}


    .click .inner2 .gift_area .dim img{max-width:80%}
    .click .inner2 .gift_area .s_tit{font-size: 24px;}
    .click .inner2 .gift_area .timer_wrap .timer .amount_wrap span {font-size:70px;height: 90px;line-height: 90px;}
    .click .inner2 .gift_area .timer_wrap .timer .amount_wrap strong{font-size:30px;}
    .click .inner2 .day_amount li .day {font-size: 16px;}
    .click .inner2 .day_amount li .leng {font-size:24px;} 
    .click .inner2 .day_amount li .leng .txt{font-size: 14px;}
    .click .inner2 .day_amount li .leng .volume {font-size: 24px;}
    .click .inner2 .btn_my_view a{font-size:12px}
    
    /* ÆË¾÷ */
    .dim_bnrwrp_wrap .dim_popup{width:80%;padding:3% 0}

    /*´çÃ· ³»¿ª È®ÀÎ ÆË¾÷*/
    .dim_popup p{margin: 0 3%;}
    .dim_popup .tit{font-size:20px;}
    .dim_popup .gtxt{padding:3% 0;font-size:13px;}
    .dim_popup .gimg{margin: 3% auto;}
    .dim_popup .btxt{margin:2% auto;}
    .dim_popup .btnClose{width:30px;height:30px;top:-35px;}
    .dim_popup .btnConfirm{width:50%;margin:0 auto}
    
}

@media (max-width: 576px){
    colgroup col:nth-child(1){width: 12% !important;}
    colgroup col:nth-child(3){width: 14% !important;}
    colgroup col:nth-child(4){width: 14% !important;}


    .eventWrap .con_top .book{bottom:8%;right: -2%;}

    .click .inner2 .gift_area .s_tit{font-size: 20px;}
    .click .inner2 .gift_area .timer_wrap .timer .amount_wrap span {width: 22%;font-size:50px;height:70px;line-height:70px;}
    .click .inner2 .gift_area .timer_wrap .timer .amount_wrap strong{font-size:24px;}
    .click .inner2 .day_amount li .day {font-size: 13px;}
    .click .inner2 .day_amount li .leng {font-size:20px;} 
    .click .inner2 .day_amount li .leng .txt{font-size: 12px;}
    .click .inner2 .day_amount li .leng .volume {font-size: 20px;}
    .click .inner2 .day_amount li.end .leng::after{background-size: 80%;}

    .caution .tit{font-size: 14px;}
    .caution .toggle_con{font-size: 11px;}
}
@media (max-width: 460px){
    .eventWrap .con05 .book_btn, .eventWrap .con05.d0707 .book_btn{bottom: -5%;}
    .eventWrap .con_top .book{bottom:15%}
    .click .inner2 .gift_area .timer_wrap .timer {width:100%;float:none;}
    .click .inner2 .gift_area .timer_wrap .timer + .timer{float:none;margin:5% auto 0}
    .click .inner2 .gift_area .timer_wrap .timer p > img{max-width: 45%;}
    .click .inner2 .gift_area .timer_wrap .timer a{width: 60%;}
    .click .inner2 .gift_area .timer_wrap .timer p .evt_end{width: 20%;right: 0;top: 0;}
    .click .inner2 .day_amount li .leng,
    .click .inner2 .day_amount li .leng .volume,
    .click .inner2 .gift_area .s_tit {font-size:16px;} 
    .click .inner2 .gift_area .timer_wrap .timer .amount_wrap span { font-size:30px;height:50px;line-height:50px;}
}
@media (max-width: 380px){

    .eventWrap .con_top .book{bottom:20%}
    
    /* ÆË¾÷ */
    .dim_bnrwrp_wrap .dim_popup{width:90%;}
    
}

