@charset "euc-kr";
:root{
    --ev1-bg:url('https://image.megagong.net/m/2024/0222_30days/con1_bg.jpg');
    --ev2-bg:url('https://image.megagong.net/m/2024/0222_30days/con2_bg.jpg');
    
    --sec1-bg:url('https://image.megagong.net/m/2024/0222_30days/sec1_bg.png');
    --sec2-bg:url('https://image.megagong.net/m/2024/0222_30days/sec2_bg.png');
    --sec3-bg:url('https://image.megagong.net/m/2024/0222_30days/sec3_bg.png');
    
    --arrow:url('https://image.megagong.net/m/2024/0222_30days/click.png');
	--box-shadow: 0px 0px 7px #c7c7c7;
	--filter-shadow: drop-shadow(0px 0px 7px var(--box-shadow));    
    --point: #eece76;
    --point2: #d19a10;
} 

/* slick slide common */
.sliderWrap{position: relative;}
.sliderWrap .slick-slider{display: none;}
.sliderWrap .slick-slider.slick-initialized{display: block;}
.sliderWrap .slick-slide img{display: inline-block;}
.sliderWrap .sliderArrow a{position: absolute; top: 50%;transform: translate(0, calc(-50%)); left: -1.5%;}
.sliderWrap .sliderArrow a + a{transform: rotate(180deg) translate(0, calc(50%));left: auto;right: -1.5%;}
.sliderWrap .slick-slide{margin: 0 10px;}

/* background settings */
.eventWrap .evSection{background-size: auto 100%;}
.eventWrap .evSection .tiny_noti{color: var(--point); opacity: 0.8;}
.evSection:not(.evtoggleWarning,.evCon1){padding: 150px 0;} 
.evCon1{background-color: #041122;background-image: var(--ev1-bg);color: #fff;padding: 180px 0 220px;}
.evCon2{background-color: #171715; background-image: var(--ev2-bg)}
.evCon3{background-color: #f5f5f5;}
.evCon4{background-color: #fff;}
.event1{background-color: #f9eed0;}

/* text style */ 
.con_tit { margin-bottom: 60px; }
.con_tit h4{font-weight: 900;font-size: 44px;} 
.con_tit h4 span{color: var(--point);}
.con_tit > div{font-size: 24px;} 
.con_tit .top_txt{margin-bottom: 15px;} /*ŸÀÌƲ »ó´Ü ÅؽºÆ®*/
.con_tit .sub_txt{margin-top: 25px;} /*ŸÀÌƲ ÇÏ´Ü ÅؽºÆ®*/

.circle_txt{position: relative;margin-bottom: 50px;} 
.circle_txt::before{content: '';display: block;width: 100%;height: 1%;background: #000;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} 
.circle_txt > span{position: relative;padding: 7px 43px;background: #000;border-radius: 30px;color: #fff;font-size: 22px;} 
.circle_txt > span span{color:var(--point)}

/* fix_menu */
.fix_menu {background: var(--point2);z-index: 11;position: relative;width: 100%;top: 0;}
.fix_menu.fixed{position: fixed;top: 0;left: 0;width: 100%;}
.fix_menu ul{width: 1080px;margin: 0 auto;display:flex;justify-content:space-between;align-items: center;height: 100px;position: relative;cursor: pointer;z-index: 5;}
.fix_menu ul li{flex: 1;}
.fix_menu ul li:not(:last-child) a{border-right: 1px solid #a57723;}
.fix_menu ul li a{font-size: 16px;display: flex;flex-direction: column;}
.fix_menu ul li a i{position: absolute;right: 35px;top: 50%;z-index: 2;transform: translateY(-50%);width: 70px;height: 70px;}
.fix_menu ul li a i::after {content: "";position: absolute;right: 0;top: 0;margin: auto;display: inline-block;height: 100%;width: 100%;background-color: #fff;-webkit-mask-size: 100%;mask-size: cover;mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat;mask-position: center;-webkit-mask-position: center;-webkit-mask-image: url('https://img.megagong.net/common/event_end.svg');mask-image: url('https://img.megagong.net/common/event_end.svg');}
.fix_menu ul li a span{ display: block;}
.fix_menu ul li a em{font-style: normal;font-size: 13px;background: #020300;width: fit-content;margin: 0 auto;padding: 0 11px;border-radius: 30px;color: var(--point);}
.fix_menu ul li a b{ font-weight: 900;}

/* button box */
.btn_box{display:flex;justify-content: center;gap: clamp(10px, 2vmin, 20px);margin: 0 auto;} 
.btn_box a{position: relative;display: flex;align-items: center;justify-content: center;min-height: 45px;overflow: hidden;border-radius: 45px;} 
.btn_box a img{height: 100%;max-width: 160%;} 
.btn_box a:first-of-type:last-of-type{margin-left: 25%;margin-right: 25%;}/* ´ÜÀϹöÆ°ÀÏ °æ¿ì */

/* tab */
.tab_base{display: flex;}
.tab_base li{flex: 1;}
.tab_base li a{background: #eeeeee;color: #cecece;display: block;padding: 22px 0;border: 2px solid #eee;border-bottom: 2px solid #000;font-size: 20px;}
.tab_base li a strong{display: block;font-size: 28px;}
.tab_base li.on a{background: #fff;color: #000;border: 2px solid #000;border-bottom: 2px solid #fff;}
.panel_base{margin-top: 10px;}

/* contents */
.evCon1 .top_txt{font-weight: 300;font-size: 32px;margin-bottom: 50px;gap: 10px;align-items: center;justify-content: center;}
.evCon1 .top_txt .text_slider{color: var(--point);font-size: 40px;width: 120px;}

.evCon2 .con_tit{color:#fff}
.evCon2 section{background: #ded7d1;border-radius: 10px;padding: 50px 0;background-image: var(--sec1-bg);font-size: 18px;}
.evCon2 section h5{font-size: 22px;margin-bottom: 15px;}
.evCon2 section h5 span{font-weight: 300;}
.evCon2 section .btn_box a{color: #017cf6;position: relative;overflow: visible;min-height: auto;font-weight: 700;margin-top: 15px;}
.evCon2 section .btn_box a:first-of-type:before{content: '';display: block;position: absolute;right: -10px;top: 50%;width: 1px;height: 70%;background: #017cf6;transform: translateY(-50%);z-index: 2;}
.evCon2 section:nth-of-type(2){background-image: var(--sec2-bg)}
.evCon2 section:nth-of-type(3){background-image: var(--sec3-bg)}
.evCon2 section:not(:last-of-type){margin-bottom: 30px;}

.evCon4 .btn_click{ margin: 30px auto 10px;}
.evCon4 .btn_click a{background: var(--point2);font-size: 24px;font-weight: 700;border-radius: 45px;position: relative;width: 740px;height: 62px;margin: 0 auto;display: flex;align-items: center;justify-content: center;gap: 10px;position: relative;}
.evCon4 .btn_click a::before{content: '';display: block;position: absolute;right: 20px;bottom: -22px;background: var(--arrow) no-repeat;background-size: contain;width: 36px;height: 46px;}
.evCon4 .btn_click a span{color: #fff;}
.evCon4 .btn_click .tiny_noti{margin-top: 10px;color: #999;font-weight: 700;}
.evCon4 .btn_click a::before{ right: -2%; bottom: -25%; max-width: 6%; max-height: 80%;}

.event1.evSection .tiny_noti{color: #d69a26;opacity: 1;font-size: 14px;}
.event1 .con_tit .end::after{background-color: var(--point2);}
.event1 .container_info{background-color: #eddca8;margin: 65px auto 100px;border-radius: 0;padding: 65px 0;justify-content: flex-start;position: relative;z-index: 2;gap: 20px;font-size: 18px;}
.event1 .container_info .info{text-align: left;align-items: flex-start;margin: 0;width: 100%;justify-content: flex-start;}
.event1 .container_info::before{content: '';display: block;position: absolute;width: 3000px;left: -1000px;height: 100%;background:var(--point);top:0;z-index: -1;}
.event1 .container_info .info .info_title{width: 100px;margin-right: 15px;}
.event1 .container_info .info .info_title::after{right: 0;}
.event1 .container_info .info:first-of-type .info_date,.event1 .container_info .info:last-of-type .info_date{font-weight: 700;}
.event1 .container_info .info:nth-of-type(2) .info_title{letter-spacing: .4rem;}
.event1 .container_info .info:last-of-type .tiny_noti{font-weight: 500;}
.event1 .con_box .con_tit {margin-bottom:0}
.event1 .con_box .con_tit .sub_txt{margin-bottom: 10px;}
.event1 .gift_list{width: 1100px;}
.event1 .btn_box{margin: 40px auto 120px;}
.event1 section:first-of-type{margin-bottom: 120px;}
.event1 .gallery_lst ul li div{color:#000}

.evtoggleWarning .warningList li ul li a{color: var(--point2); padding: 0 0 2px;border-bottom: 1px solid var(--point2);}

[class*=mg_popup_wrap] .b_tit{line-height: 1.2;}
[class*=mg_popup_wrap] .b_tit span{color: var(--point2);}
[class*=mg_popup_wrap] .radio_list {gap: 10px;}
[class*=mg_popup_wrap] .radio_list li{display: flex;gap: 5px;align-items: center;justify-content: center;}
[class*=mg_popup_wrap] .info_box{line-height: 1.4;margin-top: 10px;}
[class*=mg_popup_wrap] .info_box li{text-indent: -12px;padding-left: 12px;}
[class*=mg_popup_wrap] .info_box li a{color:#e45c6c;}
[class*=mg_popup_wrap] .mg_textarea{height: 80px;}
[class*=mg_popup_wrap] .mg_info_wrap .info_list{height: 145px;overflow-y: scroll;padding: 10px 15px;}
[class*=mg_popup_wrap] .mg_info_wrap .info_tit{color:#e45c6c;padding: 0;margin-bottom: 10px;}
[class*=mg_popup_wrap] .agree_txt{margin-top: 10px;display: flex;gap:5px}

@media screen and (max-width: 1200px){
    .eventWrap{font-size: clamp(13px,1.6vmin,16px);}
    [class*=mg_popup_wrap]{font-size: clamp(12px,1.3vmin,13px) !important;}
    .eventWrap .tiny_noti{font-size: clamp(10px,1.3vmin,13px);} 

    /* tab */
    .tab_base li a{font-size: clamp(14px,2vmin,20px);padding: clamp(10px,2vmin,22px) 0;}
    .tab_base li a strong{font-size: clamp(18px,3vmin,28px);}
    
    .fix_menu ul{width: 98%;height: clamp(80px,10vmin, 100px);}
    .fix_menu ul li a{font-size: clamp(12px, 1.5vmin, 16px);letter-spacing: -.05rem;}
    .fix_menu ul li a i{width: clamp(50px, 7vmin, 70px);height: clamp(50px, 7vmin, 70px);right: 0;}
    .fix_menu ul li a em{font-size: clamp(10px, 1.3vmin, 13px);padding: 0 clamp(5px,1vmin,11px);}
    
    .circle_txt > span{font-size: clamp(18px,2.5vmin,22px);} 
    
    .sliderWrap .sliderArrow a{max-width: 7%;}

    .con_tit {margin-bottom: 8%;}
    .con_tit h4{font-size: clamp(22px,4.5vmin,45px);}
    .con_tit > div{font-size: clamp(16px,2.5vmin,24px);} 
    .con_tit .top_txt{margin-bottom: 3%;}
    .con_tit .sub_txt{margin-top: 3%}

    /* contents */
    .evSection:not(.evtoggleWarning,.evCon1) {padding: 15% 0;}
    .evCon1{padding: 18% 0 22%;}
    .evCon1 .top_txt{font-size: clamp(15px,3vmin,32px);margin-bottom: clamp(25px,5vmin,50px);}
    .evCon1 .top_txt .text_slider{font-size: clamp(22px,4vmin,40px);width: clamp(65px,12vmin,120px);}
    
    .evCon2 section{padding: 6% 2%;font-size: clamp(14px,2vmin,18px);background-size: cover;}
    .evCon2 section h5{font-size: clamp(18px,2.5vmin,22px);margin-bottom: 15px;}
    .evCon2 section:not(:last-of-type){margin-bottom: 7%;}
    .evCon2 section .btn_box a:first-of-type:before{right: -5%;}

    .evCon4 .btn_click{margin-top: clamp(15px,3vmin,30px);}
    .evCon4 .btn_click a{font-size: clamp(13px,2.5vmin,24px);width: fit-content;height: auto;padding: 10px clamp(10px, 3vmin, 30px);gap: 5px;}

    .event1.evSection .tiny_noti{font-size: clamp(12px,1vmin,14px);}
    .event1 .container_info{margin: 7% auto 10%;padding: clamp(30px,7vmin,65px) 0;display: flex;font-size: clamp(14px,2vmin, 18px);}
    .container_info .info .info_title::before{display: none;}
    .event1 .container_info .info .info_title{width: clamp(70px,12vmin,110px);}
    .event1 .container_info .info .info_date{width: calc(100% - clamp(70px,12vmin,110px))}
    .event1 .gift_list{width: 100%;}
    .event1 .btn_box{margin: 5% auto 12%;}
    .event1 section:first-of-type{margin-bottom: 12%;}    
    .event1 .container_info .info .info_title::after{display: none;}
}
@media screen and (max-width: 768px){
    .evCon1 .top_txt{gap:5px}
    .event1 .container_info .info .info_title,.event1 .container_info .info .info_date{width: 100%;}
    .event1 .container_info .info {flex-direction: column;}
    [class*=mg_popup_wrap] .mg_popup_close, [class*=mg_popup_wrap] button.mfp-close{width: clamp(25px, 4vmin,36px);height: clamp(25px, 4vmin,36px);top: clamp(-35px, -5vmin,-51px);background-size: contain;}
}
@media screen and (max-width: 576px){
    .sliderWrap .slick-slide{margin: 0 5px;}
    .evCon2 section h5 span{display: block;}
    .event1 .gift_list ul{ flex-wrap: wrap; justify-content: space-between; gap: 20px 10px; max-width: 450px; margin: 0 auto;}
    .event1 .gift_list ul li{width: 48%;}
    .fix_menu ul li a .show-460{display: flex !important;justify-content: center;}
}