@charset "euc-kr"; 

.evCon_link .area_line { background: rgba(255,255,255,0.5); margin-bottom: 30px; height: 1px; border: none; } 
.evCon_link .certPack_wrap{display: flex;gap: 25px;justify-content: space-between;margin: 0 0 50px;}
.evCon_link .cert_wrap {border-radius: 15px;flex: 1;background: var(--gray-color9);padding: 65px 65px;} 
.evCon_link .cert_wrap .cert_info {text-align: left;position: relative;padding: 0 0 145px;margin: 0 0 25px;} 
.evCon_link .cert_wrap .cert_info .round_mark {background: var(--point-color1);color: #fff;border-radius: 100%;width: 130px;height: 130px;display: flex;justify-content: center;align-items: center;position: absolute;top: -10px;right: -15px;text-align: center;/* font-size: 16px; */overflow: hidden;}
/* .evCon_link .cert_wrap .cert_info .round_mark.fz20{font-size: 20px;} */
.evCon_link .cert_wrap .cert_info .icon_person {position: absolute;bottom: 16px;right: -13px;} 
.evCon_link .cert_wrap .cert_info .cert_text {line-height: 1.5;font-weight: 300;} 
.evCon_link .cert_wrap .cert_info .cert_notice { color: #fff; font-size: 13px; } 
.evCon_link .cert_wrap .btn-base{width: 100%;} 
.evCon_link .cert_wrap .btn-base a {font-size: 24px;padding: 27px 0;min-width: 100%;border-radius: 50px;line-height: 1;} 
.evCon_link .sale_link_wrap { display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 25px; } 
.evCon_link .sale_link_wrap .sale_link_box { flex: 1; border: 4px solid #fff; border-radius: 16px; padding: 25px 0 30px; } 
.evCon_link .sale_link_wrap .sale_link_box .sale_link_tit { font-size: 16px; font-weight: 500; margin-bottom: 3px; } 
.evCon_link .sale_link_wrap .sale_link_box .sale_link_tit strong { font-size: 22px; } 
.evCon_link .sale_link_wrap .sale_link_box .sale_link_pay { font-size: 30px; font-weight: 900; color: #fff; letter-spacing: -1px; margin-bottom: 14px; } 
.evCon_link .sale_link_wrap .sale_link_box .sale_link_btn a { background: #000; color: #fff; font-size: 16px; padding: 13px 47px; font-weight: 600; display: inline-block; } 
.evCon_link .sale_notice {text-align: left;font-size: 13px;font-weight: normal;color: var(--gray-color8);border: 1px solid var(--gray-color7);border-width: 1px 0;padding: 20px 0;} 
.evCon_link .sale_notice li { margin-bottom: 3px; } 
.evCon_link .sale_notice .sale_notice_tit {font-weight: 600;color: var(--black-color1);margin: 0 0 14px;} 

/* popup */
.mg_popup_wrap.new_event .tiny_noti { font-size: 12px; color: #333; margin: 20px auto; } 
.mg_popup_wrap.new_event ul.tiny_noti li { position: relative; display: block; padding-left: 10px; line-height: 1.2; color: #b5b5b6; } 
.mg_popup_wrap.new_event ul.tiny_noti li + li { margin-top: 5px; } 
.mg_popup_wrap.new_event ul.tiny_noti li::before { content: '*'; position: absolute; top: 0; left: 0; } 
.mg_popup_wrap.new_event ul.tiny_noti .tp1 { color: #000; padding: 1px 6px; font-weight: 900; } 
.mg_popup_wrap.new_event .b_tit { position: relative; width: fit-content; line-height: 1.3; font-weight: 400; font-family: 'Noto Sans KR'; margin: 0 auto; z-index: 1; } 
.mg_popup_wrap.new_event .b_tit b { font-weight: bold; } 
.mg_popup_wrap.new_event .s_tit { font-family: 'Noto Sans KR'; font-weight: normal; padding: 20px 0 0; } 
.mg_popup_wrap.new_event .info_box { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; margin-top: 25px; margin-bottom: 30px; padding: 15px 20px; border: 1px solid #000000; } 
.mg_popup_wrap.new_event .info_box p { line-height: 1.4; color: #333333; } 
.mg_popup_wrap.new_event .info_box p b { font-weight: bold; } 
.mg_popup_wrap.new_event .info_box p.red { margin-bottom: 10px; color: #e45c6c; font-weight: bold; } 
.mg_popup_wrap.new_event .info_box p span { margin-left: 10px; } 
.mg_popup_wrap.new_event .mg_filebox { margin-bottom: 2%; } 
.mg_popup_wrap.new_event .mg_filebox:last-child { margin-bottom: 0; } 
.mg_popup_wrap.new_event .mg_filebox .filename a { width: 44px; } 

.mg_popup_wrap.new_event select { width: 100%; border: 1px solid #d0d0d0; padding: 0; margin: 0; height: 30px; cursor: pointer; color: #000; padding-left: 5px; } 
.mg_popup_wrap.new_event .mg_tb_wrap tr:last-child input[type=text] { width: 100%; flex: 1; height: 30px; line-height: 30px; padding: 0 10px; border: 1px solid #d0d0d0; } 
.mg_popup_wrap.new_event .mg_chk_base { display: flex; align-items: start; gap: 5px; } 
.mg_popup_wrap.new_event .mg_chk_base label .color_highlight { color: #f00; } 
.mg_popup_wrap.new_event .mg_terms { padding: 15px; height: 90px; } 
.mg_popup_wrap.new_event .noti_red { margin-top: 20px; } 
.mg_popup_wrap.new_event .noti_red p { margin-bottom: 5px; color: #e45c6c; font-size: 13px; font-weight: bold; } 

/* S: [ws-v2] 250304  */
.evCon_link.type2{background-image: url(https://image.megagong.net/m/2025/0204_pass/0304/common_gov.jpg); background-position: 50% 0;background-size: auto 100%;}
.evCon_link.type2.tech{background-image: url(https://image.megagong.net/m/2025/0204_pass/0304/common_tech.jpg);}
.evCon_link.type2.army{background-image: url(https://image.megagong.net/m/2025/0204_pass/0304/common_army.jpg);}
.evCon_link.type2.sobang{background-image: url(https://image.megagong.net/m/2025/0204_pass/0304/common_sobang.jpg);}

.evCon_link.type2 .certPack_wrap .text .point1{ color: #2422bd; }
.evCon_link.type2 .certPack_wrap .text .point2{ color: #00b4f8; }

.evCon_link.type2.tech .certPack_wrap .text .point1{ color: #11b5d3; }
.evCon_link.type2.tech .certPack_wrap .text .point2{ color: #0080bf; }

.evCon_link.type2.army .certPack_wrap .text .point1{ color: #006466; }
.evCon_link.type2.army .certPack_wrap .text .point2{ color: #00b2a6; }

.evCon_link.type2.sobang .certPack_wrap .text .point1{ color: #e53e51; }
.evCon_link.type2.sobang .certPack_wrap .text .point2{ color: #ff7d8c; }


.evCon_link.type2 .con_tit{color:#fff}
.evCon_link.type2 .sale_notice{border-color: #fff;}
.evCon_link.type2 .certPack_wrap{ flex-direction: column;}
.evCon_link.type2 .certPack_wrap .cert_wrap{display: flex;text-align: left;align-items: center;justify-content: space-between;background: #fff;padding: 0;overflow: hidden;height: 240px;flex: none;}
.evCon_link.type2 .certPack_wrap .text{flex: 1;padding-left: 40px;display: flex;flex-direction: column;font-size: 28px;}
.evCon_link.type2 .certPack_wrap .text b{ font-weight: 900; }


.evCon_link.type2 .certPack_wrap .text span{ font-weight: 300; }
.evCon_link.type2 .certPack_wrap .text strong{ font-size: 42px; font-weight: 900; }
.evCon_link.type2 .certPack_wrap .btn-base-wrap{ width: 320px; height: 100%; }
.evCon_link.type2 .certPack_wrap .btn-base a{font-size: 24px;padding: 0;height: 100%;border-radius: 0;width: 100%;border: 0;}
/* .evCon_link.type2 .certPack_wrap .btn-base a:hover{background: linear-gradient(to right, #000 0%, rgba(0, 0, 0, 0.7) 20%, #000 100%); background-position: 100% 0; animation: skeleton-line 1s infinite; -webkit-animation: skeleton-line 1s infinite;background-size: 200% 100%;} */
.evCon_link.type2 .certPack_wrap .btn-base a.done{background: #eee;color:#999}
.evCon_link.type2 .certPack_wrap .btn-base a.ing{background: #666;}
/* E: [ws-v2] 250304  */

@media screen and (min-width: 1200px){
    .evCon_link .cert_wrap .cert_info .round_mark::before {content: '';position: absolute;top: -15%;left: 0;width: 20%;height: 133%;background: linear-gradient(92deg, transparent 0%, #fff 40%, #fff 60%, transparent 100%);animation: bestpick_tw2 3s infinite alternate;mix-blend-mode: soft-light;opacity: 0.5;transform: rotate(25deg);} 
    
    @keyframes bestpick_tw2 {
        from {left:-20%}
        to {left:120%}
    }

}


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


    .evCon_link .area_line { margin-bottom: 3%; } 

    .evCon_link .certPack_wrap{gap: 2%;margin: 0 0 5%;}
    .evCon_link .cert_wrap {padding: 4% 3%;} 
    .evCon_link .cert_wrap .cert_info {padding: 0 0 35%;margin: 0 0 5%;} 
    .evCon_link .cert_wrap .cert_info .icon_person{width: clamp(50px,13vmin,110px);right: 0;bottom: 0;}
    .evCon_link .cert_wrap .btn-base a{padding: 0;font-size: clamp(15px,2.9vmin,24px);height: clamp(40px,6.5vmin,60px);}

    .evCon_link .sale_link_wrap { gap: 2%; margin-bottom: 4%; } 
    .evCon_link .sale_link_wrap .sale_link_box { padding: 3% 0 3%; } 
    .evCon_link .sale_link_wrap .sale_link_box .sale_link_tit { font-size: clamp(14px,1.8vmin,16px); margin-bottom: 1%; } 
    .evCon_link .sale_link_wrap .sale_link_box .sale_link_tit strong { font-size: clamp(16px,2.6vmin,22px); } 
    .evCon_link .sale_link_wrap .sale_link_box .sale_link_pay { font-size: clamp(18px,3.4vmin,30px); letter-spacing: 0px; margin-bottom: 4%; } 
    .evCon_link .sale_link_wrap .sale_link_box .sale_link_btn a { font-size: clamp(14px,1.8vmin,16px); padding: 4% 15%; } 

    /* popup */
    .mg_popup_wrap.new_event .content_area .content_inner { padding: 4% 2%; } 
    .mg_popup_wrap.new_event .info_box { margin-top: 2%; margin-bottom: 2%; padding: 2% 2%; } 
    .mg_popup_wrap.new_event .tiny_noti { margin: 2% auto 0; } 
    .mg_popup_wrap.new_event .mg_info_wrap { margin-top: 2%; } 
    .mg_popup_wrap.new_event .mg_terms { padding: 2%; font-size: 13px; } 
    .mg_popup_wrap.new_event .content_area .mg_btn_wrap { margin-top: 3%; } 
    .mg_popup_wrap.new_event .noti_red { margin-top: 2%; } 

    /* S: [ws-v2] 250304  */
    .evCon_link.type2 .certPack_wrap{gap: 25px;}
    .evCon_link.type2 .certPack_wrap .text{ font-size: clamp(15px,3vmin,28px); padding-left: 5%;}
    .evCon_link.type2 .certPack_wrap .text strong{font-size: clamp(18px,5vmin,46px);}
    .evCon_link.type2 .certPack_wrap .btn-base-wrap{width: 30%;}
    .evCon_link.type2 .certPack_wrap .btn-base a{font-size: clamp(15px,3vmin,24px);}
    /* E: [ws-v2] 250304  */
}
@media screen and (max-width: 992px){
    .evCon_link .cert_wrap .cert_btn { width: 20vw; } 

    /* popup */
    .mg_popup_wrap.new_event .mg_tb_form th, .mg_popup_wrap.new_event .mg_tb_form td { height: 38px; } 
    .mg_popup_wrap.new_event .content_area .content_inner table td { padding: 1% 1%; } 
}
@media screen and (max-width: 768px){
    .evCon_link .cert_wrap { display: block; } 
    .evCon_link .cert_wrap .cert_info { width: 100%; } 
    .evCon_link .cert_wrap .cert_btn { width: 100%; } 
    .evCon_link .cert_wrap .cert_btn .base_btn { padding: 4% 0; } 
    .evCon_link .cert_wrap .cert_info .cert_text { font-weight: 400; } 
    .evCon_link .cert_wrap .cert_info .round_mark {width: 15vw;height: 15vw;font-size: clamp(12px,2vmin,16px);top: -25px;right: -10px;letter-spacing: -0.08em;}

    .mg_popup_wrap.new_event .b_tit { font-size: 25px; } 
    .mg_popup_wrap.new_event .content_area .content_inner .tiny_noti { margin-top: 2%; } 

    /* S: [ws-v2] 250304  */
    .evCon_link.type2 .certPack_wrap .cert_wrap{ flex-direction: column; height: auto;}
    .evCon_link.type2 .certPack_wrap .text{ flex: none; padding: 5% 0;}
    .evCon_link.type2 .certPack_wrap .btn-base-wrap{ width: 100%; height: clamp(40px,7vmin,60px);}
    /* E: [ws-v2] 250304  */
}
@media screen and (max-width: 576px){
    .evCon_link .sale_notice{font-size: 12px;padding: 10px 0;}
    .evCon_link .sale_notice .sale_notice_tit{margin: 0 0 5px;}
    .evCon_link .cert_wrap .cert_info .round_mark {width: 19vw;height: 19vw;}
    .evCon_link .cert_wrap { border-radius: 10px; } 
    .evCon_link .cert_wrap .cert_info .cert_text {font-size: clamp(13px, 2.5vmin, 20px);} 
    .evCon_link .cert_wrap .cert_info .cert_notice { font-size: 12px; } 
    .evCon_link .cert_wrap .cert_btn .base_btn { padding: 6% 0; } 

    .evCon_link .sale_link_wrap { margin-bottom: 6%; display: block; } 
    .evCon_link .sale_link_wrap .sale_link_box { border-radius: 10px; margin-bottom: 3%; } 
    .evCon_link .sale_link_wrap .sale_link_box .sale_link_tit strong { font-size: clamp(18px, 2.6vmin, 22px); } 
    .evCon_link .sale_link_wrap .sale_link_box .sale_link_pay { font-size: clamp(20px, 3.4vmin, 30px); } 
    .evCon_link .sale_link_wrap .sale_link_box .sale_link_btn a { font-size: clamp(16px, 1.8vmin, 16px); padding: 3% 38%; border-radius: 4px; } 

    /* popup */
    .mg_popup_wrap.new_event .b_tit { font-size: 20px; } 
    .mg_popup_wrap.new_event .content_area .content_inner table th, .mg_popup_wrap.new_event .content_area .content_inner table td { padding: 1%; } 
    .mg_popup_wrap.new_event select {padding-left: 0%; } 
    .mg_popup_wrap.new_event .mg_tb_wrap tr:last-child input[type=text] { padding: 0 2%; } 

    .mg_popup_wrap.new_event .content_area .mg_btn_wrap .mg_btn_base { font-size: 13px; padding: 4% 3%; } 
}