@charset "euc-kr";

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

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

/* evCon1 */
.evCon1 {background: #eccfb0 url(https://img.megagong.net/m/2022/1213_curr/gong/con1_bg.jpg) no-repeat center; background-size: auto 100%; padding: 220px 0 70px;}
.evCon1 .inner .con_tit {width: 1540px; margin: 0 0 0 -230px;}
.evCon1 .inner .sub_tit {position: absolute; top: -25px; left: -95px;}
.evCon1 .inner .sub_tit::before {content: ''; position: absolute; width: 500%; height: 1px; background: #000; top: 45%; right: 0;}

/* evCon2 */
.evCon2 {background: #e9cbaa;}
.evCon2 .inner .con_tit {margin: 0 auto 50px;}
.evCon2 .inner .dday {font-size: 27px; margin: 0 0 80px;}
.evCon2 .inner .dday strong {display: block;}
.evCon2 .inner .step_slider {display: flex; justify-content: space-between;}
.evCon2 .inner .step_slider .item {position: relative; cursor: pointer; border-radius: 20px; background: #3e3e3e;}
.evCon2 .inner .step_slider .item div {width: 100%; transition: opacity ease-in-out .5s;}
.evCon2 .inner .step_slider .item .on {opacity: 1; visibility: visible; position: absolute; top: 0; z-index: 1;}
.evCon2 .inner .step_slider .item .off {opacity: 0; visibility: hidden;}
.evCon2 .inner .step_slider .item:hover .on {opacity: 0; visibility: hidden;}
.evCon2 .inner .step_slider .item:hover .off {opacity: 1; visibility: visible;}
.evCon2 .inner .step_slider .slick-dots {flex: 1; margin-top: 2%;}
.evCon2 .inner .step_slider .slick-dots li {display: inline-block; width: 16px; height: 16px; margin: 0 10px; border-radius: 50%; background: #fff; border: 1px solid #f1a8b4;}
.evCon2 .inner .step_slider .slick-dots .slick-active {background: #f1a8b4;}
.evCon2 .inner .step_slider .slick-dots li button {font-size: 0; background: transparent;}
.evCon2 .inner .step_message{font-size:30px;margin-top:50px;font-weight:300;color:#000;}
.evCon2 .inner .step_message span{display:block;}
.evCon2 .inner .step_message strong{display:inline-block;font-weight:900;border-bottom:1px solid #000;line-height:2;}

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

/* evCon4 */
.evCon4 {background: #fce5e9;}
.evCon4 .inner .con_tit {margin: 0 auto 70px;}
.evCon4 .inner .review_slider {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 54px;}
.evCon4 .inner .review_slider .item {flex: 1 0 calc(33.333% - 28px); cursor: pointer; position: relative; margin: 7px; 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: 16.666%; 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;}

/* ?? */
.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;}
@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){
  /* setting */
  .evSection {padding: 10% 0;}
  /* evCon1 */
  .evCon1 {padding: 16% 0 8%;}
  .evCon1 .inner .sub_tit {left: 2%;}
  .evCon1 .inner .sub_tit::before {content: ''; position: absolute; width: 500%; height: 1px; background: #000; top: 45%; right: 0;}
  /* evCon2 */
  .evCon2 {padding: 0 0 10%;}
  .evCon2 .inner .con_tit {margin: 0 auto 4%;}
  .evCon2 .inner .dday {margin: 0 0 6%;}
  .evCon2 .inner .step_slider .item {margin: 0 20px 0 0;}
  .evCon2 .inner .step_slider .item:last-child {margin: 0;}
  .evCon2 .inner .step_message{font-size:24px;margin-top:30px;}
  /* evCon3 */
  .evCon3 .inner .con_tit {margin: 0 auto 8%;}
  /* 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;}
}

@media (max-width: 992px){
  /* evCon2 */
  .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){
  /* evCon2 */
  .evCon2 .inner .dday {font-size: 20px;}
  .evCon2 .inner .step_slider {flex-wrap: wrap;}
  .evCon2 .inner .step_slider .item {border-radius: 8%;}
  .evCon2 .inner .step_message{font-size:18px;margin-top:10px;}
  /* evCon4 */
  .evCon4 .inner .review_slider .item {margin: 0; border-radius: 8%;}
}

@media (max-width: 576px){
  /* evCon2 */
  .evCon2 .inner .dday {font-size: 14px;}
  .evCon2 .inner .step_slider .slick-dots li {width: 12px; height: 12px;}
  /* evCon4 */
  .evCon4 .inner .review_slider .slick-dots {height: 8px;}
  .evCon4 .inner .review_btn {width: 68%;}
}

@media (max-width: 480px){
  /* evCon1 */
  .evCon1 {padding: 20% 0 8%;}
  .evCon1 .inner .con_tit {width: 100%; margin: 0 0 0 6%;}
  .evCon1 .inner .sub_tit {top: -14%; width: 38%;}
}