@charset "euc-kr";

:root {
    --point-color1:#2163EA;
    --pt-gradi-color:linear-gradient(to right, #00c6ff, #0072ff);
}

/* url: https://img.megagong.net/m/2025/ */

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


/* °øÅë */
.eventWrap .evSection{padding: 150px 0;}
.eventWrap .lecture { padding-bottom: 0 !important; background: #fff; } 
.evSection.evtoggleWarning{padding: 0 !important}

.evSection .fw-300{font-weight: 300 !important}
.evSection .fw-400{font-weight: 400 !important}
.evSection .fw-500{font-weight: 500 !important}
.evSection .fw-bold{font-weight: bold !important}
.evSection .color-white{color: #fff !important}
.evSection .color-highlight{color: var(--point-color1) !important}
.evSection .color-highlight2{color: var(--point-color2) !important}
.evSection .color-highlight3{color: var(--point-color3) !important}
.evSection .con_tit {margin: 0 0 55px;line-height: 1.3;font-weight: bold;}
.evSection .mini_tit{font-weight:bold}
.evSection .con_tit + .mini_tit{opacity: 0.6;margin-bottom: 60px;margin-top: -40px;font-weight: 500;}
.evSection .mini_tit + .con_tit {margin: 13px 0 60px}
.eventWrap .evWarning, .eventWrap .evtoggleWarning{padding: 0 !important;}


.evSection.prCon1 {background: url(https://image.megagong.net/m/2025/1111_njob/con_img1.png) no-repeat center center;padding: 130px 0 170px;} 
.prCon1 .stick{font-weight: bold;display: flex;flex-direction: row;flex-wrap: nowrap;position: absolute;top: 0;left: 0;}
.prCon1 .stick li{display: flex;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 911.25px;background: #0FF;backdrop-filter: blur(0.7289999127388px);width: 110px;height: 110px;z-index: 1;flex-direction: column;}
.prCon1 .stick li + li{background: #111;margin-left: -15px;z-index: 0;color: #fff;}
.prCon1 .stick li span{color: #0FF;line-height: 1;}

.evSection.prCon2 {background: #DDEBFF;} 
.prCon2 .pr_content_wrap .pr_metrics_swiper .swiper-slide .s-count em{background:linear-gradient(90deg,rgba(0,187,255,1) 0%,rgba(34,96,233,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin: 5px 0 0;display: block;}

.evSection.prCon3 {} 
.prCon3 .pr_book_wrapper > dt, .prCon3 .pr_book_wrapper > dd{
    width: 47%;
}
.prCon3 .pr_book_wrapper{
    flex-direction: row-reverse;
    align-items: center;
    background: url(https://image.megagong.net/m/2025/1111_njob/con_img14.png) no-repeat 550px center;
    justify-content: space-between;
}
.prCon3 .pr_book_wrapper dt {
    justify-content: flex-end;}
.prCon3 .pr_book_detail > li{
    position: relative;
    border: 1px solid #DADADA;
    margin-top: 20px;
}
.prCon3 .pr_book_detail > li:first-child {
    margin-top: 0;
}
.prCon3 .pr_book_detail > li .con{font-size:16px;font-weight: bold;}
.prCon3 .pr_book_detail > li .label{
    color: var(--point-color1);
}
.prCon3 .pr_book_detail > li i{position: absolute;top: 20px;right: 40px;}

.evSection.prCon4 {background: #2062E9;color: #fff;} 
.prCon4 .con_tit + .mini_tit{
    opacity: 1;
}
.prCon4 .pr_content_wrap .pr_content_swiper .swiper-slide{
    background: #fff url(https://image.megagong.net/m/2025/1111_njob/con_img16.png) no-repeat center 20px;
    padding-top: 94px;
    color: #000;
    height: auto;
}
.prCon4 .pr_content_wrap .pr_content_swiper .label.tp1 + .tit {
    color: var(--point-color1);
}
.prCon4 .pr_content_wrap .pr_content_swiper .label.tp1 + .tit span{
    color: #000;
    font-size: 16px;
}

.evSection.prCon5 {background: #eaeaea;background: url(https://image.megagong.net/m/2025/1111_njob/con_img2.png) no-repeat center center;color: #fff;background-size: cover;}

.evSection.prCon6 {/* background: #f1f1f1; */} 
.prCon6 .tab-base.type-1{margin-bottom: 30px;}
.prCon6 .tab-base.type-1 li a{font-size: 18px;font-weight: bold;}
.prCon6 .tab_base{margin: 0 0 30px;} 
.prCon6 .purchase_base_list>li .purchase_info .tit{
    margin-top: 0;
}
.prCon6 .purchase_base_list>li .purchase_price .price_area .current{
    color: var(--point-color1);
}
.prCon6 .con_tit .evt_mark{
    background: var(--point-color1);
}
.prCon6 .con_tit .evt_mark.on{
    background: #000;
}
.prCon6 .con_tit .evt_mark::after{display:none}
.prCon6 .purchase_chk {display: flex;margin: 30px 0 0;gap: 0 25px;align-items: center;} 
.prCon6 .purchase_chk .chk-base {height: auto;display: flex;} 
.prCon6 .purchase_chk .chk-base label {vertical-align: top;font-size: 18px;text-align: left;line-height: 1.3;font-weight: 500;} 
.prCon6 .purchase_chk .btn {display: inline-block;font-size: 13px;color: #000;padding: 4px 22px;border: 1px solid #8e8e8e;font-family: 'Noto Sans KR';flex-shrink: 0;border-radius: 2px} 
.prCon6 .chk-base.type-1 input + label { padding-left: 40px } 
.prCon6 .chk-base input + label::before {border-color: #000000;background: none;border-width: 2px;border-radius: 3px;width: 24px;height: 24px;top: -1px;} 
.prCon6 .chk-base.type-1 input:checked + label:after {border-color: #000;left: 8px;width: 6px;height: 10px;top: 3px;} 


.evSection.prCon7 {background: linear-gradient(180deg, #2260E9 0%, #0BF 100%), #D9D9D9;/* color: #fff; */} 
.prCon7 .step_base_wrap{
    margin-top: 60px;
}
.prCon7 .gift_list_wrap li .badge{background: #2062E9;}
.prCon7 .btn-base-wrap{
    margin-bottom: 60px;
}
.prCon7 .share_link_wrap{
    margin-bottom: 0;
}
.prCon7 .regist_form_area{
    background: var(--point-color1);
}

.prCon5 .pr_review_swiper { margin: 0 -60px 40px } 
.prCon5 .pr_review_swiper .swiper-pagination-bullet { background:#fff } 
.prCon5 .pr_review_swiper .swiper-slide { text-align: center; height: 613px; align-items: center; padding-top: 20px } 
.prCon5 .pr_review_swiper .swiper-slide .review_que { width: 100%; height: 100px; margin: 0 0 25px; display: flex; justify-content: center; align-items: center } 
.prCon5 .pr_review_swiper .swiper-slide .review_que span { display: flex; padding: 16px 0; justify-content: center; align-items: center; border-radius: 500px; background: var(--point-color1); color: #fff; line-height: 1.4; text-align: center; width: 100% } 
.prCon5 .pr_review_swiper .swiper-slide .review_con { height:auto } 
.prCon5 .pr_review_swiper .swiper-slide .review_author { margin-top: 0 } 
.prCon5 .pr_review_swiper .swiper-slide .avatar { position: absolute; bottom: 0; left: 0; width: 100% } 



@media screen and (max-width: 1200px){
    
    .eventWrap .evSection{padding: 15% 0;background-size: cover;}
    .eventWrap img{width:100%}

    .evSection .con_tit + .mini_tit{margin-bottom: 40px;}
    .evSection .mini_tit + .con_tit{margin-bottom: 40px;}

    .evSection.prCon1{
    padding: 12% 0 15%;
}
    .prCon1 h3{
    padding: 0 5%;
}
    .prCon1 .stick{
    display: flex;
    flex-direction: column;
}
.prCon1 .stick li{
    width: clamp(60px,12vmin,100px);
    aspect-ratio: 1;
    height: auto;
}
.prCon1 .stick li + li{
    margin-left: 0;
    margin-top: -5px;
}
.prCon1 .stick li span{}
    
.prCon3 .pr_book_wrapper > dt, .prCon3 .pr_book_wrapper > dd{
    width: 50%;
}
.prCon3 .pr_book_wrapper{background-position: 56% center;background-size: clamp(50px,17vmin,100px);}
.prCon3 .pr_book_wrapper dt {
    width: 37%;
    }
.prCon3 .pr_book_detail > li{
margin-top:10px
}
.prCon3 .pr_book_detail > li:first-child {
}
.prCon3 .pr_book_detail > li .con{font-size: clamp(14px,1.9vmin,16px);}
.prCon3 .pr_book_detail > li .label{
}
.prCon3 .pr_book_detail > li i{
    right: 20px;
}


 .prCon5 .pr_review_swiper { margin: 0 0 20px } 
 .prCon5 .pr_review_swiper .swiper-slide { height: auto; padding: 20px 10px } 
 .prCon5 .pr_review_swiper .swiper-slide .review_con { font-size: clamp(13px,1.9vmin,15px) } 
 .prCon5 .pr_review_swiper .swiper-slide .review_que { height: auto; align-items: flex-start; margin: 0 0 10px } 
 .prCon5 .pr_review_swiper .swiper-slide .review_que span { padding: clamp(8px,1.8vmin,15px) 0; line-height: 1.3; } 
 .prCon5 .pr_review_swiper .swiper-slide .review_tit { font-size: clamp(15px,2.1vmin,18px) } 
 .prCon5 .pr_review_swiper .swiper-slide .avatar { display: none } 

.prCon6 .purchase_chk { gap: 0 10px; margin: 15px 0 0; } 
.prCon6 .purchase_chk .chk-base label { font-size: clamp(14px,2.1vmin,18px); } 
.prCon6 .purchase_chk .btn { font-size: clamp(12px,1.7vmin,13px); padding: clamp(2px,1vmin,4px) clamp(10px,2.2vmin,20px); } 
.prCon6 .chk-base.type-1 input + label { padding: 0 0 0 30px; } 
.prCon6 .chk-base input + label::before { width: 18px; height: 18px; top: 2px; } 
.prCon6 .chk-base.type-1 input:checked + label:after { left: 6px; top: 4px; } 
 

}

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

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

    .prCon1 .stick {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 5px;
    align-items: center;
    position: relative;
    top: unset;
    left: unset;
    margin: 0 0 5%;
}
    .prCon1 .stick li{
    display: flex;
    width: auto;
    padding: 3px 10px;
    aspect-ratio: auto;
    flex-direction: row;
}
    .prCon1 .stick li + li{
    margin-top: 0;
}
    .prCon1 .stick li br{
    display: none;
}
.prCon3 .pr_book_wrapper > dt, .prCon3 .pr_book_wrapper > dd{
    width: 100%;
}
.prCon3 .pr_book_wrapper{
    background: none;
    padding: 0 10%;
}
.prCon3 .pr_book_wrapper dt {
    width: 100%;
    }
.prCon3 .pr_book_detail > li{margin-top:10px;}
.prCon3 .pr_book_detail > li:first-child {
}
.prCon3 .pr_book_detail > li .con{font-size: clamp(14px,1.9vmin,16px);}
.prCon3 .pr_book_detail > li .label{
}
.prCon3 .pr_book_detail > li i{
    right: 20px;
    width: clamp(60px,7.5vmin,70px);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    top: 0;
    right: 10px;
}
.prCon4 .pr_content_wrap .pr_content_swiper .swiper-slide{padding-top: 20px;background:#fff}
    
.prCon6 .purchase_chk { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; } 
.prCon6 .purchase_chk .btn { margin: 0 0 0 31px; } 
}

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