@charset "euc-kr";

/* bg url: https://image.megagong.net/m/2022/ */

/* setting */
.evSection {padding: 140px 0 160px;}


.mo_img{display: none;}
.pc_img{display: block;}

/* evCon1 */
.evCon1{background:#56a9fa url('https://image.megagong.net/m/2023/0608_sbcurr/con1_bg.jpg') no-repeat center;background-size: auto 100%;padding: 94px 0 108px;position: relative;}
.evCon1 .illu{display: flex;justify-content: space-between;position: absolute;bottom: 0;left:50%;transform: translateX(-50%);width: 1310px;align-items: flex-end;}
.evCon1 .illu li:nth-child(2){margin: 0 -45px 0 0}


/* evCon2 */
.evCon2{background-color: #d0e8ff;padding: 140px 0 140px;}
.evCon2 .tbl_wrap{position: relative;}
.evCon2 .tbl_wrap::before{content: '';display: block;position: absolute;left: -70px;top: -47px;height: 710px;width: 113px;background: url('https://image.megagong.net/m/2023/0608_sbcurr/con3_arr.png') no-repeat center;}
.evCon2 .tbl{border: 1px solid #000;position: relative;border-width: 2px 0;}
.evCon2 .tbl thead th{background: #eee;}
.evCon2 .tbl thead th:last-of-type{font-weight: normal;text-align: left;padding: 31px 0 31px 80px;}
.evCon2 .tbl tbody th,.evCon2 .tbl tbody td{background: #fff;font-size: 18px;}
.evCon2 .tbl tbody td{text-align: left;padding: 30px 0 30px 80px;}

/* evCon3 */
.evCon3 {background: #fff;padding: 0;}
.evCon3 .inner .con_tit {margin: 0;}

/* evCon4 */
.evCon4 {background: #f9f9f9;}
.evCon4 .inner .con_tit {margin: 0 auto 70px;}
.evCon4 .inner .review_slider {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 40px 54px;}
.evCon4 .inner .review_slider .item {flex: 1 0 calc(50% - 28px); cursor: pointer; position: relative; margin: 14px; background: #7e7e7e; border-radius: 30px;}
.evCon4 .inner .review_slider .item div {opacity: 0; visibility: hidden; width: 100%; transition: opacity ease-in-out .5s;}
.evCon4 .inner .review_slider .item .on {opacity: 1; visibility: visible; position: absolute; top: 0;}
.evCon4 .inner .review_slider .slick-dots {flex: 1; height: 12px; border-radius: 20px; overflow: hidden; margin: 4% 0 0;}
.evCon4 .inner .review_slider .slick-dots li {display: inline-block; width: 25%; background: #ddd;}
.evCon4 .inner .review_slider .slick-dots .slick-active {background: #000;}
.evCon4 .inner .review_slider .slick-dots li button {font-size: 0; background: transparent;}


/* evCon5 */
.evCon5{background-color: #111;padding: 0;}
.evCon5 .con_box a{display: flex;justify-content: space-between;align-items: center;padding: 60px 0 50px}
.evCon5 span{border-bottom: 1px solid #fff;color: #fff;font-size: 16px;}


/* evCon6 */
.evCon6{background-color: #f4f4f4;padding: 0 0 140px;}
.evCon6 span{border-bottom: 1px solid #fff;color: #fff;font-size: 16px;}
.evCon6 .con_box::after{content:'';display:block;clear:both}
.evCon6 .charact_slide {background-color: #fff;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);} 
.evCon6 .charact_slide * {line-height: 0;} 
.evCon6 .charact_slide .slick-arrow { position: absolute; top: 50%; transform: translate(0, -50%); width: 24px; height: 39px; font-size: 0; z-index: 2; background-repeat: no-repeat; background-position: center; background-size: contain; } 
.evCon6 .charact_slide .slick-dots {display: none !important; } 
.evCon6 .charact_slide .slick-prev { background-image: url('https://image.megagong.net/m/2023/0608_sbcurr/icon_arrow_left.png'); left: -56px; } 
.evCon6 .charact_slide .slick-next { background-image: url('https://image.megagong.net/m/2023/0608_sbcurr/icon_arrow_right.png'); right: -56px; } 
.evCon6 .charact_slide + a{height: 38px;width:200px;border: 1px solid #000;display: block;font-size: 14px;text-align: center;line-height: 36px;float: right;margin: 20px 0 0;}
.evCon6 .charact_slide + a strong{color:#3fa0ff}


/* Æ˾÷ */
.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://image.megagong.net/m/common/pop_close2.png) no-repeat center center;font-size: 0;width: 26px;height: 26px;}


.song_bnr{display: none;}


@media screen and (max-width: 1540px){


  .evCon1 .inner .con_tit {width: 110%; margin: 0 0 0 -5%;}
  .evCon1 .inner .sub_tit {top: -10%; left: 0%; width: 34%;}


}
@media screen and (max-width: 1200px){

  
  .mo_img{display: block;}
  .pc_img{display: none;}
  
  /* setting */
  .eventWrap .point{overflow:hidden}
  .eventWrap .point img{max-width: 160%;width: 160%;margin: 0 0 0 -30%;}
  /* evCon1 */
  .evCon1 .inner{width: 100%;}
  .evCon1 .illu{width: 107%;margin-left: .5%;margin-bottom: -5%;}
  .evCon1 .illu li{width: 26%;}

  /* evCon2 */
  .evCon2{padding: 15% 0;}
  .evCon2 .tbl_wrap{padding-left: 5%;}
  .evCon2 .tbl_wrap::before{top: 12%; left: -5%; height: 100%; width: 19%; background-size: contain;}
  .evCon2 .tbl thead th:last-of-type,.evCon2 .tbl tbody td, .evCon2 .tbl tbody th,.evCon2 .tbl tbody td{font-size: 15px; padding: 25px ;}


  /* evCon4 */
  .evCon4 .inner .con_tit {margin: 0 auto 8%;}
  .evCon4 .inner .review_slider {margin: 0 0 4% 0;}
  .evCon4 .inner .review_btn {width: 42%; margin: 0 auto;}

  /* evCon5 */
  .evCon5 .con_box a{padding: 5% 0}
  .evCon5 .con_box img{width: 70%;}  

  /* evCon6 */
  .evCon6{padding:0 0 15%}
  .evCon6 .charact_slide{margin: 0 5vw}
  .evCon6 .charact_slide .slick-arrow {background-size: 100%;height: 6vw;width: 3vw}
  .evCon6 .charact_slide .slick-prev {left: -5vw}
  .evCon6 .charact_slide .slick-next {right: -5vw}
.evCon6 .charact_slide + a{
    line-height: 30px;
    height: 32px;
    font-size: 13px;
    float: none;
    margin: 12px auto 0;
}


}

@media (max-width: 992px){


  /* evCon2 */f4f4f4
  .evCon2 .inner .dday {font-size: 24px;}
  /* evCon4 */
  .evCon4 .inner .review_slider .item {margin: 5px;}

  .clickPop{padding: 15px 0 20px;}
  .dim_popup.sns .tit{font-size:22px}
  .dim_popup.sns table{font-size:12px}


}


@media (max-width: 768px){


  /* evCon1 */
  .evCon1{background-image: none;padding: 14% 0 20%;}
  .evCon1 .illu li{width: 31%}
  /* evCon2 */
  .evCon2 .inner .dday {font-size: 20px;}
  .evCon2 .inner .step_slider {flex-wrap: wrap;}
  .evCon2 .inner .step_slider .item {border-radius: 8%;}
  /* evCon4 */
  .evCon4 .inner .review_slider .item {margin: 0; border-radius: 8%;}


}

@media (max-width: 576px){


  /* evCon2 */
  .evCon2 .tbl_wrap{padding-left: 0;}
  .evCon2 .tbl_wrap::before{content: none;}
  .evCon2 .tbl thead th:last-of-type,
  .evCon2 .tbl tbody td, 
  .evCon2 .tbl tbody th,
  .evCon2 .tbl tbody td{font-size: 13px;padding: 10px 10px;}
  /* evCon4 */
  .evCon4 .inner .review_slider .slick-dots {height: 8px;}
  .evCon4 .inner .review_btn {width: 68%;}
  /* evCon5 */
  .evCon5 span{font-size: 13px;}


}

@media (max-width: 480px){


  /* evCon1 */
  .evCon1 .inner .con_tit {width: 100%; margin: 0 0 0 6%;}
  .evCon1 .inner .sub_tit {top: -14%; width: 38%;}


}