@charset "euc-kr";

:root{
    --ev1-bg:url('https://image.megagong.net/m/2023/1212_goods/brief/con1_bg.jpg');
    --ev2-bg:url('https://image.megagong.net/m/2023/1212_goods/brief/con2_bg.jpg');
    --ev5-bg:url('https://image.megagong.net/m/2023/1212_goods/brief/con5_bg.jpg');
	--box-shadow: 0px 0px 7px #c7c7c7;
	--filter-shadow: drop-shadow(0px 0px 7px #c7c7c7);    
    --color-point: #7ceca5;
    --color-point2: #2f874f;
} 
.eventVideo.video_renewal .video_box{padding-bottom: 56%;}

/* ¹öÆ° °øÅë */
.btn-box{display:flex;justify-content: center;gap: 10px;margin: 0 auto;} 
.btn-box.fl{justify-content: flex-end;} /*¿ìÃøÁ¤·Ä*/
.btn-box.fs{justify-content: flex-start;} /*ÁÂÃøÁ¤·Ä*/
.btn-box [class*="btn-h"]{display: flex;align-items: center;justify-content: center;font-size:inherit;position: relative;}
.btn-box [class*="btn-h"] .ico{padding-left:1rem;}

.evCon1{background-color: #0d1b16;padding: 105px 0 120px;background-image: var(--ev1-bg);color: #fff;background-size: auto 100%;}
.evCon2{background-color: #1c1c1c;padding: 160px 0 55px;background-image: var(--ev2-bg);background-position: center bottom !important;color: #fff;}
.evCon3{background-color: #fafafa;padding: 160px 0;}
.evCon4{background-color: #f8ffd9;padding: 160px 0;}
.evCon5{background-color: #d0f4dd;padding: 160px 0;}
.evCon6{background: linear-gradient(to right, #671ECC 0%, #574DE2 50%, #2c70fa 100%);padding: 35px 0;background-image: var(--ev5-bg);color: #fff;background-size: auto 100% !important;}

.con_stit{font-size: 28px;margin-bottom: 20px;font-weight: 300;}
.con_tit{font-size: 50px;line-height: 1.2;margin-bottom: 60px;font-weight: 900;}

/* fix_menu */
.fix_menu {background: #137f4e;z-index: 11;position: relative;width: 100%;bottom: 0;}
.fix_menu ul{width: 810px;margin: 0 auto;display:flex;justify-content:space-between;align-items: center;color: #fff;height: 80px;font-size: 22px;position: relative;cursor: pointer;z-index: 5;}
.fix_menu ul li a{border: 1px solid;font-size: 15px;border-radius: 30px;padding: 11px 20px;display: block;}

/* contents layout */
.evCon1 h3{font-size: 50px;font-weight: 900;margin: 25px auto 35px;line-height: 1.3;}
.evCon1 h3 strong{background: linear-gradient(to right, #3FFFBD 0%, #82F39F 50%, #abe57c 100%);background-clip: text;-webkit-background-clip: text;color: transparent;font-weight: 900;font-size: 80px;}
.evCon1 .ttxt{font-size: 20px;letter-spacing: .2rem;background: linear-gradient(to right, #3FFFBD 0%, #82F39F 50%, #abe57c 100%);background-clip: text;-webkit-background-clip: text;color: transparent;}
.evCon1 .btxt{font-size: 25px;font-weight: 300;}
.evCon1 .tea_box{margin: 50px -60px 0 -35px;align-items: end;}
.evCon1 .tea_box li img + img{margin-top: -44px;}

.evCon2 .reason_list{margin-bottom: 80px;font-size: 22px;font-weight: 100;}
.evCon2 .reason_list dd:not(:last-of-type) strong{color: var(--color-point);}
.evCon2 .reason_list dd:last-child{margin-top: 50px;}
.evCon2 .percent_list {align-items: center;margin-bottom: 70px;flex-wrap: wrap;justify-content: center;gap: 20px;}
.evCon2 .percent_list li{border-radius: 50%;width: 255px;height: 255px;background: #377b50;display: flex;align-items: center;justify-content: center;position: relative;}
.evCon2 .percent_list li:nth-child(3) dl{margin-top: -40px;}
.evCon2 .percent_list li:nth-child(3) dl sup{right: 15px;}
.evCon2 .percent_list li dl{font-size: 18px;width: 100%;}
.evCon2 .percent_list li dd {color: var(--color-point);position: relative;font-size: 24px;}
.evCon2 .percent_list li dd strong{font-size: 38px;display: inline-block;min-width: 77px;}
.evCon2 .percent_list li dd sup{font-size: 10px;position: absolute;top: 9px;right: 55px;}
.evCon2 .tiny_noti {opacity:.3}

.evCon3 .part_box{margin-bottom: 60px;}
.evCon3 .btn-box{gap:15px}
.evCon3 .part_box p{position: relative;margin-bottom: 20px;}
.evCon3 .part_box p::before{content: '';display: block;width: 100%;height: 1%;background: var(--color-point2);position: absolute;left: 0;top: 50%;transform: translateY(-50%);} 
.evCon3 .part_box p strong{position: relative;padding: 13px 72px;background: #2b2b2b;border-radius: 30px;color: #fff;font-size: 26px;}
.evCon3 .part_box span{font-size: 20px;color: #222;}
/* tab common */
.evCon3 .tab_base li a{display: flex;flex-direction: column;align-items: center;justify-content: center;border: 1px solid #dbdbdb;background: #fff;padding: 14px 0;}
.evCon3 .tab_base li a i{font-style: normal;font-size: 13px;display: block;width: fit-content;margin: 0 auto 7px;background: #e9e9e9;border-radius: 30px;padding: 4px 22px;}
.evCon3 .tab_base li a strong{display: block;font-size: 20px;}
.evCon3 .tab_base li a span{display: block;font-size: 14px;}
.evCon3 .tab_base li.on a{background: var(--color-point2);color: #fff;border-color: var(--color-point2);}
.evCon3 .tab_base li.on a i{color: #000;}
.evCon3 .panel_base{margin-top: 30px;}
/* part1 */
.part1_tab{flex-wrap: wrap;gap: 3px;}
.part1_tab li{width: calc(33.333% - 3px);}
.evCon3 .tab_base li a strong span{display: inline-block;font-size: 15px;}
/* part2 */
.evCon3 section:has(.part2_tab){margin-top: 100px;}
.evCon3 .part2_tab{display: flex;}
.evCon3 .part2_tab li{flex: 1;}

/* event */
.event .con_tit .end::after{background: red;}
.event div.con_tit{position: relative;}
.event div.con_tit span{width: 145px;line-height: 50px;height: 50px;background: var(--color-point2);color: #d1f4de;font-size: 22px;display: block;position: relative;margin: 0 auto 30px;}
.event div.con_tit span::before{content: '\25BC';display: block;position: absolute;left: 50%;transform: translateX(-50%);bottom: -25px;color: #3d874d;}
.event div.con_tit strong{display: block;margin: 20px auto  25px;font-weight: 900;}
.event div.con_tit p.ttxt{font-weight: 900;color: #3d874d;}
.event div.con_tit p{font-size: 22px;line-height: 1.4;font-weight: 300;}

.evCon4 .con_tit{ margin-bottom: 40px;}
.evCon4 .container_info{ background: #f0f9c8;}
.evCon4 .info_list{ margin: 20px auto 90px; font-size: 15px; justify-content: center;}
.evCon4 .gift_list{justify-content: center;margin: 0 auto 80px;gap: 55px;flex-wrap: wrap;}
.evCon4 .gift_list li{width: calc(33.3333% - 55px);}
.evCon4 .btn-box .btn-h80{ height: 80px; background: #3a3a3a; color: #fff; width: 500px; border-radius: 15px; font-size: 18px; font-weight: 700;}


.evCon5 div.flex{justify-content: space-between;align-items: center;width: 1000px;margin: 0 auto;}
.evCon5 .info_list {flex-direction: column;text-align: left;}
.evCon5 .info_list li:nth-child(5), .evCon5 .info_list li:nth-child(4){font-size: 15px;font-weight: 300;}

.evCon5 .evtBoard_common{background: var(--color-point2);margin-top: 155px !important;}
.evCon5 .eventBoard .radio_list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.evCon5 .eventBoard .radio_list li{display: flex;gap: 10px;align-items: center;margin: 0;}
.evCon5 .eventBoard .radio_list li label{font-size: 16px;margin: 0;}

.evCon6 .flex{justify-content: space-between;align-items: center;}
.evCon6 .flex li:first-child > *{display: block;text-align: left;}
.evCon6 .flex li:first-child b{font-size: 20px;}
.evCon6 .flex li:first-child strong{font-size: 30px;margin: 5px 0 10px;color: #2ae3fe;}
.evCon6 .flex li:first-child p{font-weight: 300;}
.evCon6 .flex li:last-child a > *{display: block;}
.evCon6 .flex li:last-child a span{font-size: 13px;border: 1px solid;border-radius: 30px;padding: 7px 0;width: 135px;margin: 15px auto 0;}

/* warning */
.warningList li ul li a{padding: 0;color: red;font-weight: 700;}
.warningList .f_dash li.ml10{margin-left: 1rem;}

/* v2 add */
.evCon5.v2 .info_list {gap: 5px;font-size: 20px;}
.evCon5.v2 div.flex{justify-content: center;width: 100%;gap: 80px;}
.evCon5.v2 .eventBoard .radio_list{justify-content: center;gap: 20px;}


.evtBoard_common .board_list ul li .usr_info{display: flex !important;align-items: center;gap: 5px;}
.evtBoard_common .board_list ul li .usr_info .name{margin-top: 0;}

@media screen and (max-width: 1200px){
    .con_tit{font-size: 45px;margin-bottom: 8%;}
    .con_stit{font-size: 24px;margin-bottom: 3%;}
    .fix_menu.on{bottom: 65px;}
    .fix_menu ul{width: 85%;}
    
    /* contents background */
    .evCon1{padding:10% 0}
    .evCon2{padding:15% 0}
    .evCon3{padding:15% 0}
    .evCon4{padding:15% 0}
    .evCon5{padding:15% 0}
    .evCon6{padding:5% 0}
    
    .evCon1 h3{margin: 3% auto;font-size: 40px;}
    .evCon1 h3 strong{font-size: 70px;}
    .evCon1 .tea_box{margin: 7% auto 0;}
    .evCon1 .tea_box li:nth-child(1) img + img{width: 86%;}

    
    .evCon2 .percent_list{margin-bottom: 8%;}
    .evCon2 .percent_list li{width: 235px;height: 235px;}
    .evCon2 .percent_list li:nth-child(3) dl{margin-top: -5%;}
    .evCon2 .percent_list li dl{font-size: 16px;width: 100%;}
    .evCon2 .percent_list li dd {font-size: 22px;}
    .evCon2 .percent_list li dd strong{font-size: 32px;min-width: auto;}
    .evCon2 .percent_list li dd sup{right: 45px;top: 5px;}

    .evCon3 .part_box p strong{font-size: 22px;padding: 10px 50px;}
    .evCon3 .btn-box a:first-of-type:last-of-type{margin: 0 25%;} /*ÀÚ½ÄÀÌ ÇÑ°³À϶§*/
    
    .evCon4 .con_tit{ margin-bottom: 4%;}
    .evCon4 .info_list{margin: 3% auto 10%;flex-direction: column;}
    .evCon4 .gift_list{gap: 15px;margin: 0 auto 10%;}
    .evCon4 .gift_list li{width: calc(33.3333% - 15px);}
    .evCon4 .btn-box .btn-h80{height: 60px;width: 400px;font-size: 16px;}
    
    .evCon5 div.flex{width: 100%;}
    .evCon5 .evtBoard_common{margin-top: 10% !important;}


    .evCon5.v2 div.flex{gap:30px}
    .evCon5.v2 .gift_list{width: 48%;}
    .evCon5.v2 .info_list{font-size: 18px;}

}
@media screen and (max-width: 768px){
    .con_tit{font-size: 40px;}
    .con_stit{font-size: 20px;}
    .fix_menu ul{font-size: 18px;width: 95%;height: 85px;}

    .evCon1 h3{font-size: 35px;}
    .evCon1 h3 strong{font-size: 60px;}
    .evCon1 .ttxt{font-size: 18px;}
    .evCon1 .btxt{font-size: 20px;}
    .evCon1 .tea_box{flex-direction: column;}
    .evCon1 .tea_box li{width: 75%;margin: 0 auto;}
    .evCon1 .tea_box li:nth-child(2){width: 55%;}
    .evCon1 .tea_box li:nth-child(1) img + img{width: 100%;} 
    .evCon1 .tea_box li:nth-child(2) img + img{width: 125%;max-width: 150%;margin-left: -12.5%;} 

    .evCon2 .reason_list{font-size: 18px;}
    .evCon2 .percent_list{justify-content: center;gap: 30px;}
    .evCon2 .percent_list li:nth-child(1){margin: 0 calc(50% - 235px);}
    .evCon2 .percent_list li dl{font-size: 16px;}
    .evCon2 .percent_list li dd strong{font-size: 32px;min-width: auto;}
    .evCon2 .percent_list li dd sup{right: 45px;top: 5px;}


    .evCon3 section:has(.part2_tab){margin-top: 20%;}
    .evCon3 .part_box p strong{font-size: 18px;}
    .evCon3 .part_box span{font-size: 16px;}
    .evCon3 .tab_base li a i{font-size: 11px;padding: 4px 10px;}
    .evCon3 .tab_base li a strong{font-size: 18px;letter-spacing: -.1rem;}
    .evCon3 .tab_base li a span{font-size: 12px;}    
    .evCon3 .tab_base li a strong span{font-size: 12px;}
    .evCon3 .btn-box{flex-direction: column;gap: 10px;}
    .evCon3 .btn-box a, .evCon3 .btn-box a:first-of-type:last-of-type{margin: 0 5%;}


    
    .evCon5 div.con_tit span{font-size: 20px;}
    .evCon5 div.con_tit p{font-size: 20px;}
    .evCon5 .info_list{font-size: 18px;}


    .evCon6 .flex li:first-child strong{font-size: 25px;}

    /* v2 add */
    .evCon5.v2 div.flex{flex-direction: column-reverse;}
    .evCon5.v2 .gift_list {width: 50%;justify-content: center;min-width: 320px;}
    .evCon5.v2 .eventBoard .radio_list{gap: 10px;justify-content: flex-start;}        
}
@media screen and (max-width: 576px){
    .fix_menu.on{bottom: 55px;}
    .fix_menu ul{justify-content: center;gap:30px}

    .con_tit{font-size: 35px;}
    .con_stit{font-size: 16px;}
    .fix_menu ul li{font-size: 15px;}
    .fix_menu ul li a{padding: 10px;font-size: 13px;}

    .evCon1 h3{font-size: 26px;margin: 5% auto;}
    .evCon1 h3 strong{font-size: 40px;}
    .evCon1 .ttxt{font-size: 13px;}
    .evCon1 .btxt{font-size: 14px;}
    .evCon1 .tea_box li{width: 85%;}
    .evCon1 .tea_box li:nth-child(2){width: 62%;}
    .evCon1 .tea_box li:nth-child(1) img + img{width: 120%;max-width: 150%;margin-left: -10%;} 
    .evCon1 .tea_box li:nth-child(2) img + img{width: 150%;margin-left: -25%;}     

    
    .evCon2 .reason_list{font-size: 15px;margin-bottom: 10%;}
    .evCon2 .reason_list dd:last-child{margin-top: 5%;}
    .evCon2 .percent_list{margin-bottom: 10%;}
    .evCon2 .percent_list li dt{font-size: 13px;}
    .evCon2 .percent_list li dd strong{font-size: 25px;}
    .evCon2 .percent_list{gap: 10px;}
    .evCon2 .percent_list li{width: 160px;height: 160px;}
    .evCon2 .percent_list li:nth-child(1){margin: 0 calc(50% - 160px);}
    .evCon2 .tiny_noti{font-size: 10px;}
    .evCon2 .percent_list li dl sup{font-size: 10px;right: 15px;top: 5px;transform: scale(.7);}
    .evCon2 .percent_list li:nth-child(3) dl sup{font-size: 10px;right: 5px;top: 5px;transform: scale(.7);}
    .evCon2 .percent_list li dl{font-size: 16px;}
    .evCon2 .percent_list li dd {font-size: 18px;}


    .evCon3 .part_box{margin-bottom: 5%;}
    .evCon3 .part_box p{margin-bottom: 4px;}
    .evCon3 .part_box p strong{font-size: 15px;padding: 7px;border-radius: 10px;display: block;}
    .evCon3 .part_box span{font-size: 13px;}
    .evCon3 .part1_tab li a{height: 91px;justify-content: flex-start;}
    .evCon3 .tab_base li a i{font-size: 10px;padding: 2px 5px;border-radius: 10px;}
    .evCon3 .tab_base li a strong{font-size: 15px;}
    .evCon3 .tab_base li a span{font-size: 11px;}        
    .evCon3 .tab_base li a strong span{font-size: 11px;}
    .evCon3 .part2_tab.tab_base li a{height: 108px;}
    .evCon3.v2 .part1_tab li a{height: 67px;}
    /* .evCon3 .tab_base li a .lt{letter-spacing: -.1rem;} */
    .evCon3.v2 .part2_tab.tab_base li a{height: 130px;}

    .event div.con_tit span{font-size: 16px;height: 40px;line-height: 40px;width: 120px;}
    .event div.con_tit p{font-size: 16px;}   
    .event div.flex{flex-direction: column-reverse; gap:20px 0} 
    
    .evCon4 .btn-box .btn-h80{height: 14vw;font-size: 3.5vw;border-radius: 5px;width: 86vw;}
    .evCon4 .info_list{font-size: 16px;}
    .evCon4 .gift_list li:first-child{margin: 0 29% 15px;}
    .evCon4 .gift_list li{width: calc(45% - 15px);}
    
    .evCon5 .eventBoard .radio_list li{width: 33.333%;gap: 10px;}
    .evCon5 div.flex .gift_list img{width: 80%;}
    .evCon5 .info_list{font-size: 16px;}
    .evCon5 .info_list li:nth-child(5), .event .info_list li:nth-child(4){font-size: 14px;}
    

    .evCon6 {padding: 10% 0;}
    .evCon6 .flex{flex-direction: column;gap: 20px 0;}
    .evCon6 .flex li:first-child b{font-size: 15px;}
    .evCon6 .flex li:first-child strong{font-size: 20px;}
    .evCon6 .flex li:last-child a{display: flex;align-items: center;gap: 0 20px;}
    .evCon6 .flex li:last-child a span{margin-top: 0;}


    .evCon5.v2 .info_list{font-size: 15px;}
    .evCon5.v2 .eventBoard .radio_list li{width: 22%;gap: 5px;}
    .evCon5.v2 .eventBoard .radio_list li label{font-size: 14px;}
}

@media screen and (max-width:460px){
    .con_tit{font-size: 27px;}
    .con_stit{font-size: 14px;}
    .evCon3 .part1_tab li a{height: 128px;}
    .evCon3 .part2_tab.tab_base li a{height: 130px;}
    .evCon3.v2 .part1_tab li a{height: 103px;justify-content: center;}
    .evCon3.v2 .part2_tab.tab_base li a{height: 130px;}
}