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

/* settings */
.evSection {padding: 150px 0; color: #111;}
.evSection .con_tit {margin: 10px auto 55px;}
.evSection .con_tit strong {background: #71c0ff; background: -webkit-linear-gradient(45deg, #71c0ff 0%, #ff1246 100%); background: linear-gradient(90deg, #71c0ff 0%, #ff1246 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.con_tit .end {right: 6%;}
.con_tit .end::after {background: #f32424;} /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */

.evSection .swiper-pagination {position: static; margin-top: 1%;}
.evSection .swiper-pagination-bullet {width: 15.5px; height: 15.5px; border: 1px solid #fff; background: #293778; opacity: 1;}
.evSection .swiper-pagination-bullet-active {background: #fff;}

/* evCon1 */
.evCon1 {padding: 50px 0 155px; background: #000734 url(https://image.megagong.net/m/2024/1106_law/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 .sub_tit {color: #fff; margin-bottom: 20px; letter-spacing: 0.1em;}
.evCon1 h3 {position: absolute;left: 50%;bottom: -35px;transform: translateX(-50%);width: min(812px,80%);}

/* evCon2 */
.evCon2 {background: #081362;}
.evCon2 .mini_tit {color: #fff;}
.evCon2 .curr_wrap {position: relative; z-index: 0;}
.evCon2 .curr_wrap::before {content: ''; position: absolute; top: -15px; left: 176px; width: 86px; height: 615px; background: url(https://image.megagong.net/m/2024/1106_law/con2_arrow.png) no-repeat; z-index: -1;}
.evCon2 .curr_wrap .item {display: flex; gap: 75px; height: 100px;}
.evCon2 .curr_wrap .item + .item {margin-top: 15px;}
.evCon2 .curr_wrap .item .tit {width: 180px; display: flex; justify-content: center; align-items: center; color: #fff; border-radius: 10px;}
.evCon2 .curr_wrap .item1 .tit {background: #139be1;}
.evCon2 .curr_wrap .item2 .tit {background: #1388e1;}
.evCon2 .curr_wrap .item3 .tit {background: #1b79ee;}
.evCon2 .curr_wrap .item4 .tit {background: #1b4cee;}
.evCon2 .curr_wrap .item5 .tit {background: #002dc1;}
.evCon2 .curr_wrap .item .txt {flex: 1; position: relative; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 10px; z-index: 0;}
.evCon2 .curr_wrap .item .txt::before {content: ''; position: absolute; top: 50%; left: -75px; transform: translate(0, -50%); background: url(https://image.megagong.net/m/2024/1106_law/con2_line.png) no-repeat; background-position: 50% 50%; width: 82px; height: 21px; z-index: -1;}
.evCon2 .curr_wrap .item .txt p {width: 100%; background: #fff;}
.evCon2 .tiny_txt {text-align: right; color: #a6a6a6; margin-top: 18px;}

/* evCon3 */
.evCon3 {background: #fff;}
.evCon3 .cycle_wrap {display: flex; justify-content: center; align-items: center; gap: 66px; margin-bottom: 66px;}
.evCon3 .cycle_wrap .item {position: relative; border-radius: 10px; padding: 50px 0;}
.evCon3 .cycle_wrap .item .tit {margin-bottom: 20px;}
.evCon3 .cycle_wrap .item p {line-height: 1.6;}
.evCon3 .cycle_wrap .item .btn-base a {font-size: 16px; background: none;; padding: 16px 25px;}
.evCon3 .cycle_wrap .item .img {margin: 0 2%;}
.evCon3 .cycle_wrap .item1 {width: 281px; background: #f5f5f5;}
.evCon3 .cycle_wrap .item1 p {margin: 20px auto;}
.evCon3 .cycle_wrap .item1 p strong {background: #d9d9d9;}
.evCon3 .cycle_wrap .item1::before {content: ''; position: absolute; top: 50%; right: 0; transform: translate(100%, -50%); width: 56px; height: 98px; background: url(https://image.megagong.net/m/2024/1106_law/con4_arrow.png) no-repeat; background-position: 100% 50%;}
.evCon3 .cycle_wrap .item2 {width: 733px; background: #fff; border: 2px solid #000;}
.evCon3 .cycle_wrap .item2 i {position: absolute; top: -33px; right: -33px;}
.evCon3 .cycle_wrap .item2 p {margin-bottom: 30px;}
.evCon3 .cycle_wrap .item2 p strong {background: #cce9ff;}
.evCon3 .tip {position: relative; background: #f5f5f5; border-radius: 10px; padding: 55px 0 35px;}
.evCon3 .tip .tit {position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); color: #fff; background: #111; border-radius: 25px; padding: 11px 40px; width: 595px;}
.evCon3 .tip ul {width: fit-content; text-align: left; margin: 0 auto;}
.evCon3 .tip ul li + li {margin-top: 15px;}

/* evCon4 */
.evCon4 {background: #0c1977;}
.evCon4 .mini_tit {color: #fff;}
.evCon4 .review_roll {position: relative; overflow: hidden;}
.evCon4 .review_roll .swiper-slide .review {display: flex; justify-items: flex-start; gap: 24px; background: #0c1546; border-radius: 10px; padding: 30px 40px;}
.evCon4 .review_roll .swiper-slide .review + .review {margin-top: 10px;}
.evCon4 .review_roll .swiper-slide .review .cont {text-align: left;}
.evCon4 .review_roll .swiper-slide .review .cont .tit {color: #cce9ff; margin-bottom: 10px;}
.evCon4 .review_roll .swiper-slide .review .cont p {color: #fff; line-height: 1.8;}
.evCon4 .review_roll .swiper-slide .review .cont p strong {color: #71bffe; background: #000;}
.evCon4 .review_roll .swiper-slide .review .cont p span {color: #ffce31;}
.evCon4 .review_roll .swiper-slide .review .cont p em {display: inline-block; line-height: 0.6; margin: 10px 0 20px;}
.evCon4 .review_roll .swiper-slide .review .cont .writer {color: #a3a3a3; margin-top: 25px;}
.evCon4 .tiny_txt {color: #a6a6a6; text-align: right; margin-top: 15px;}

/* evCon5 */
.evCon5 {background: #f5f5f5;}
.evCon5 .tea_wrap {display: flex; justify-content: center; gap: 10px; margin-bottom: 40px;}
.evCon5 .tea_wrap .item {background: #fff; padding: 35px 0 65px; border: 1px solid #b6b6b6; border-radius: 10px;}
.evCon5 .tea_wrap .item .title {border-bottom: 1px solid rgba(182, 182, 182, 0.502); padding-bottom: 25px; margin-bottom: 36px;}
.evCon5 .tea_wrap .item .title strong {display: block; margin-bottom: 10px;}
.evCon5 .tea_wrap .item .link_wrap {display: flex; justify-content: center; margin-bottom: 45px;}
.evCon5 .tea_wrap .item .link_wrap span {font-size: 13px; color: #707070;}
.evCon5 .tea_wrap .item .link_wrap span b {font-weight: 900; font-size: 15px; color: #111;}
.evCon5 .tea_wrap .item p {line-height: 1.6;}
.evCon5 .tea_wrap .item1 {width: 444px;}
.evCon5 .tea_wrap .item1 .link_wrap {gap: 24px;}
.evCon5 .tea_wrap .item2 {width: 626px;}
.evCon5 .tea_wrap .item2 .link_wrap {gap: 18px;}
.evCon5 .btn_wrap {display: flex; justify-content: center; align-items: center; gap: 20px;}

/* evCon6 */
.evCon6 {padding: 100px 0; background: #fff;}

/* evPass */
.evPass {background: #000941;}
.evPass > a {display: block; padding: 45px 0 50px;}
.evPass .mini_tit {color: #fff;}
.evPass .con_tit {color: #fff; margin: 5px auto 14px;}
.evPass .flex_wrap {display: flex; justify-content: center; align-items: center; gap: 35px;}
.evPass .flex_wrap p {font-weight: 700; text-align: justify; text-align-last: justify; color: #01fda4;}
.evPass .flex_wrap p span {letter-spacing: 0.1em;}

/* evCon7 */
.evCon7 {background: #5600af;}
.evCon7 .con_tit {margin: 0 auto 20px;}
.evCon7 .con_tit .event_tag {max-width: 212px; font-size: 26px; padding: 12px 0; color: #fff; background: #111;}
.evCon7 .con_tit strong {width: fit-content; margin: 0 auto;}
.evCon7 .mini_tit {color: #fff; line-height: 1.6; margin-bottom: 60px;}
.evCon7 .container_info {font-size: 18px; background: none; border: 1px solid rgba(255, 255, 255, 0.3); margin: 0 40px 70px;}
.evCon7 .container_info .info .noti {font-weight: 400; font-size: 16px; opacity: 1; color: #fe1448; margin-left: 5px;}
.evCon7 .container_info .info .info_title::after {content: ':'; height: auto; background: none;}
.evCon7 .container_gift_wrap {margin-bottom: 75px;}
.evCon7 .container_gift_wrap ul li {width: min(364px, 48%);}
.btn-base-wrap {gap: 50px;}
.btn-base.pink > * {background-color: #fe1448; color: #fff; border: 1px solid #fe1448;}
.btn-base.gray > * {background-color: #6c6c6c; color: #fff; border: 1px solid #6c6c6c;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}
.warningList li ul li a {padding: 0; margin: 0; color: #f00;}

/* S: [ws-v2] 250225  */
.v2 .evSection .con_tit strong{background: #3d00fe; background: -webkit-linear-gradient(45deg, #3d00fe 0%, #fe1348 100%); background: linear-gradient(90deg, #3d00fe 0%, #fe1348 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.v2 .evCon1{background: #87b3ff url(https://image.megagong.net/m/2024/1106_law/v2con1_bg.jpg) no-repeat center;}
.v2 .evCon2{background: #b6daff;}
.v2 .evCon2 .mini_tit{color:#000}

.v2 .evCon6 .lecTab_wrap{margin-bottom: 50px;}
.v2 .evCon6 .conditionSearch_wrap{display: none;}

.evCon8 .test_wrap{display: flex;align-items: center;justify-content: center;gap: 10px;}
.evCon8 .test_wrap .img{width: min(532px,50%)}
.evCon8 .test_wrap .text{text-align: left;background: #f5f5f5;border-radius: 10px;padding: 60px 20px;letter-spacing: -.05rem;flex: 1;}
.evCon8 .test_wrap dd{position: relative;padding-left: 25px;}
.evCon8 .test_wrap dd:not(:last-child){margin-bottom: 30px;}
.evCon8 .test_wrap dd::before{content: '';display: block;position: absolute;left: 3px;width: 5px;height: 10px;top: 5px;border: solid #000;border-width: 0 3px 3px 0;transform: rotate(45deg);}

.evCon9 {background: #0c1977;}
.evCon9 .mini_tit{color:#fff}
.evCon9 .swiper-slide{color:#fff;background: #0c1546;text-align: left;padding: 30px 25px 55px;height: auto;border-radius: 10px;}
.evCon9 .swiper-slide .tit{display: flex;align-items: center;justify-content: center;gap: 15px;margin-bottom: 40px;text-align: center;}
.evCon9 .swiper-slide .tit span{display: block;}
.evCon9 .swiper-slide .cont{font-weight: 300;letter-spacing: -.07rem;}
.evCon9 .swiper-slide p strong{color:#835bff}
.evCon9 .tiny_txt {color:#fff;opacity: .5;text-align: right;margin-top: 15px;}
/* E: [ws-v2] 250225  */

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .con_tit {margin: 2% auto 6%;}
    .evSection .swiper-pagination {display: block;}

    /* evCon1 */
    .evCon1 {padding: 5% 0 15%;}
    .evCon1 h3 {bottom: -3%;}

    /* evCon3 */
    .evCon3 .cycle_wrap .item .btn-base a {font-size: clamp(14px,2.1vmin,16px);}

    /* evCon5 */
    .evCon5 .tea_wrap .item .img {margin: 0 2%;}
    .evCon5 .tea_wrap .item .img img {height: 27vmin;}
    .evCon5 .tea_wrap .item .link_wrap {gap: 0.6vmin 1.5vmin; margin-bottom: 5%;}
    .evCon5 .btn_wrap {display: block;}
    .evCon5 .btn_wrap b {display: block; margin-bottom: 2%;}

    /* evPass */
    .evPass > a {padding: 6% 0;}
    .evPass .flex_wrap p {letter-spacing: 0.3em; text-align: center; text-align-last: initial;}

    /* evCon7 */
    .evCon7 .con_tit .event_tag {font-size: clamp(16px,3.1vmin,26px); padding: 1% 0 1.5%;}
    .evCon7 .con_tit {margin: 0 auto 2%;}
    .evCon7 .mini_tit {margin-bottom: 6%;}
    .evCon7 .container_info .info .noti {font-size: clamp(11px,1.4vmin,14px);}
    .evCon7 .container_gift_wrap {margin-bottom: 8%;}
    .btn-base-wrap {gap: 2vmin;}

    /* S: [ws-v2] 250225  */
    .v2 .evCon6 .lecTab_wrap{margin-bottom: 20px;}
    .evCon8 .test_wrap .text{padding: 5vmin 3vmin;}
    .evCon8 .test_wrap dd{text-wrap: balance;}
    .evCon8 .test_wrap dd br{display: none;}
    .evCon9 .v2review_roll{max-width: 550px;margin: 0 auto;overflow: hidden;}
    /* E: [ws-v2] 250225  */        
}
@media screen and (max-width: 992px){
    .evCon3 .cycle_wrap {flex-direction: column; gap: 8vmin; margin-bottom: 10%;}
    .evCon3 .cycle_wrap .item1::before {top: auto; right: auto; bottom: -4vmin; left: 50%; transform: translate(-50%, 50%) rotate(90deg);}
    .evCon3 .cycle_wrap .item2 i {top: -4%; right: -2%; max-width: 18%;}

    .evCon5 .tea_wrap {flex-direction: column;}
    .evCon5 .tea_wrap .item {width: 100%; padding: 3% 0 4%;}
    .evCon5 .tea_wrap .item .title {padding-bottom: 2%; margin-bottom: 3%;}

    .evPass .flex_wrap {gap: 2vmin;}
    .evPass .flex_wrap p {min-width: max-content;}
}
@media screen and (max-width: 768px){
    .evSection .swiper-pagination-bullet {width: 10px; height: 10px;}

    .evCon2 .curr_wrap::before {left: 116px; height: 110%; background-position: 50% 100%; background-size: contain;}
    .evCon2 .curr_wrap .item {height: 80px;}
    .evCon2 .curr_wrap .item .tit {width: 120px;}

    .evCon3 .cycle_wrap .item {padding: 5vmin 0 6vmin;}
    .evCon3 .cycle_wrap .item .tit {margin-bottom: 3%;}
    .evCon3 .cycle_wrap .item1 {width: 100%;}
    .evCon3 .cycle_wrap .item1::before {width: 36px; background-size: auto 60%;}
    .evCon3 .cycle_wrap .item1 .ico {width: 16%; margin: 0 auto;}
    .evCon3 .cycle_wrap .item2 {width: 100%;}
    .evCon3 .cycle_wrap .item2 p {margin-bottom: 15px;}
    .evCon3 .tip {padding: 6vmin 0 4vmin;}
    .evCon3 .tip .tit {width: auto; min-width: max-content;}

    .evCon4 .review_roll .swiper-slide .review {gap: 15px; padding: 30px 20px;}
    .evCon4 .review_roll .swiper-slide .review .ico {width: 46px; flex-shrink: 0;}

    .evCon7 .container_info {font-size: clamp(13px,2.5vmin,21px); margin: 0 auto 7%;}
    .btn-base-wrap {gap: 5px;}

    /* S: [ws-v2] 250225  */
    .evCon8 .test_wrap{flex-direction: column;gap: 5vmin 0;}
    .evCon8 .test_wrap .img{width: 60%;}
    .evCon8 .test_wrap .text{width: 100%;}

    .evCon9 .swiper-slide .ico{width: min(76px,15%);}
    .evCon9 .swiper-slide .tit{ justify-content: flex-start; margin-bottom: 20px;}
    .evCon9 .swiper-slide p{text-wrap: balance; }
    /* E: [ws-v2] 250225  */        
}
@media screen and (max-width: 576px){
    .evCon1 .sub_tit {letter-spacing: normal; margin-bottom: 2%;}

    .evCon2 .curr_wrap::before {top: -4%; left: 2%; width: 60px; height: 115%; background-size: 100% 100%;}
    .evCon2 .curr_wrap .item {display: block; height: auto;}
    .evCon2 .curr_wrap .item .tit {width: auto; padding: 5px 0; border-radius: 10px 10px 0 0;}
    .evCon2 .curr_wrap .item .txt {padding: 10px 0; border-radius: 0 0 10px 10px;}
    .evCon2 .curr_wrap .item .txt::before {content: none;}
    .evCon2 .curr_wrap .item .txt p {background: none;}
    .evCon2 .tiny_txt {margin-top: 10px;}

    .evCon3 .tip .tit {padding: 5px 20px;}
    .evCon3 .tip ul li {text-indent: -16px; padding-left: 16px;}

    .evCon4 .review_roll .swiper-slide .review {padding: 20px 15px;}
    .evCon4 .review_roll .swiper-slide .review .ico {width: 30px;}
    .evCon4 .review_roll .swiper-slide .review .cont .writer {margin-top: 15px;}

    .evCon5 .tea_wrap .item .title strong {margin-top: 5px;}
    .evCon5 .tea_wrap .item2 .link_wrap {flex-wrap: wrap;}
    .evCon5 .tea_wrap .item2 .link_wrap::before {content: ''; display: block; width: 100%;}
    .evCon5 .tea_wrap .item2 .link_wrap span:nth-of-type(-n+3) {order: -1;}

    .evCon7 .container_gift_wrap ul li {width: 45%;}
}