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

/* settings */
.evSection {padding: 150px 0;}
.evSection .con_tit {margin-bottom: 40px;}
.evSection .con_tit h4 {font-weight: 900; font-size: 55px;}
.evSection .con_tit h4 span {color: #017afd;}
.evSection .con_tit .sub_tit {font-weight: 400; font-size: 22px;}
.evSection .con_tit h4 + .sub_tit {margin-top: 15px;}

.con_tit .end::after {background: #000;} /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.event .con_tit {margin-bottom: 65px;}
.event .con_tit .end {top: -50px; right: -20px;}
.event .con_tit .event_tag {max-width: 250px; font-size: 40px; color: #3c1e20; border-color: #3c1e20; background: none; padding: 3px 0; margin-bottom: 20px;}
.event .con_tit .event_tag::before {border-color: #3c1e20;}
.event .con_tit .sub_tit {color: #171100;}
.event .evt_info {width: 100%; max-width: 670px;  margin: 0 auto 55px;}
.event .evt_info li {display: flex; font-weight: 900; font-size: 20px; background: #fff; border-radius: 30px; overflow: hidden;}
.event .evt_info li + li {margin-top: 12px;}
.event .evt_info .info_tit {width: 216px; border-radius: 30px; color: #fff; background: #0e0e0e; padding: 16px 0;}
.event .evt_info .info_txt {align-self: center; margin-left: 45px;}
.event .evt_info .info_txt .tiny {font-weight: 500; font-size: 13px; color: #004dc1; vertical-align: middle; margin-left: 3px;}
.event .evt_gift {justify-content: center; gap: 60px;}
.event .evt_gift li {flex-grow: 0; flex-basis: 320px; height: 450px; position: relative; display: flex; flex-direction: column; background: #fff; border-radius: 160px 160px 20px 20px; padding: 90px 0 45px;}
.event .evt_gift .label {position: absolute; top: 11px; right: 11px; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; font-weight: 700; font-size: 18px; color: #fff; background: #000; border-radius: 50%;}
.event .evt_gift .gift {margin: auto; padding-top: 15px;}
.event .evt_gift .name {font-weight: 700;font-size: 13px;flex-basis: 55px;margin-top: auto;}


.ev_rightfix{
    position: fixed;
    top: 50%;
    right: 2%;
    margin: -100px 0 0;
    z-index: 1;
}
.ev_rightfix .close{
    position: absolute;
    top: 0;
    right: 0;
}
.ev_rightfix .item{
    margin: 0 0 10px;
}



/* evCon1 */
.evCon1 {padding: 98px 0 0; background: #ffd200 url(https://image.megagong.net/m/2024/0820_kakao/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 .sub_tit {font-weight: 400; font-size: 30px; color: #282100; letter-spacing: -0.06em; margin: 15px auto 47px;}
.evCon1 .sub_tit b {background: #ffe258; background: -webkit-linear-gradient(90deg, transparent 8%, #ffe258 8%, #ffe258 86%, transparent 86%); background: linear-gradient(0deg, transparent 8%, #ffe258 8%, #ffe258 86%, transparent 86%); padding: 0 3px;}

/* evBnr */
.evBnr {background: #371a19; background: -webkit-linear-gradient(0deg, #371a19 50%, #6d412e 50%); background: linear-gradient(90deg, #371a19 50%, #6d412e 50%); z-index: 2;}
.evBnr ul li {flex: 1;}
.evBnr ul li a {display: flex; justify-content: flex-end; align-items: center; font-size: 25px; color: #fff; padding: 9px 60px;}
.evBnr ul li a::after {content: ''; display: inline-block; width: 101px; max-width: 30%; height: 94px; max-height: 15vmin; background-image: url(https://image.megagong.net/m/2024/0820_kakao/bnr_gift1.png); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; margin-left: 13px; margin-top: -33px;}
.evBnr ul li:last-child a {justify-content: flex-start;}
.evBnr ul li:last-child a::after {width: 117px; background-image: url(https://image.megagong.net/m/2024/0820_kakao/bnr_gift2.png);}
.evBnr.fixed {position: fixed; width: 100%; bottom: 0; left: 0;}

/* evCon2 */
.evCon2 {background: #fff9dd;}
.evCon2 .con_tit .sub_tit {position: relative;width: fit-content;margin: 0 auto;font-size: 36px;font-weight: 900;}
.evCon2 .con_tit .sub_tit span{
    color: #017afd;
}
.evCon2 .notice{color:#5e5e5e;font-weight: bold;margin: 0 0 60px;}
.evCon2 .coupon{
    margin: 0 -55px 0 0;
}
.evCon2 .point li {position: relative; display: grid; justify-items: flex-start; align-items: center; grid-template-columns: 85px auto; gap: 10px 35px; padding: 35px 0 35px 156px; border-radius: 18px; background: #fff;}
.evCon2 .point li::before {content: ''; grid-row: 1 / 3; display: block; width: 85px; height: 85px; background-repeat: no-repeat; background-size: contain;}
.evCon2 .point li:nth-child(1):before {background-image: url(https://image.megagong.net/m/2024/0820_kakao/con2_point1.png);}
.evCon2 .point li:nth-child(2):before {background-image: url(https://image.megagong.net/m/2024/0820_kakao/con2_point2.png);}
.evCon2 .point li:nth-child(3):before {background-image: url(https://image.megagong.net/m/2024/0820_kakao/con2_point3.png);}
.evCon2 .point li + li {margin-top: 18px;}
.evCon2 .point li + li::after {content: ''; position: absolute; top: -9px; left: 50%; transform: translate(-50%, -50%); width: 80%; height: 51px; background: url(https://image.megagong.net/m/2024/0820_kakao/con2_spring.png) no-repeat; background-size: contain; background-position: 50% 50%;}
.evCon2 .point li .tit {grid-row: 1 / 2; align-self: flex-end; font-weight: 700; font-size: 25px; color: #000;}
.evCon2 .point li .tit span {display: inline-block; font-weight: 500; font-size: 20px; line-height: 1; background: #ffdf48; border: 1px solid #000; border-radius: 16px; padding: 4px 13px 5px; margin-right: 12px; vertical-align: text-bottom;}
.evCon2 .point li .txt {grid-row: 2 / 3; align-self: flex-start;}
.evCon2 .point li .txt {font-weight: 400; font-size: 20px; letter-spacing: -0.04em;}

/* evCon3_1 */
.evCon3_1 {background: #ffea8a;}
.evCon3_1 .con_tit .event_tag::before {background: #ffea8a;}
.evCon3_1 .noti {color:#004dc1; font-size: 15px; margin:20px 0 0;}

/* evCon3_2 */
.evCon3_2 {background: #ffda5b;}
.evCon3_2 .con_tit {margin-bottom: 70px; z-index: 0;}
.evCon3_2 .con_tit::before {content: ''; position: absolute; top: calc(50% - 1px); left: 0; width: 100%; height: 2px; background: #371a19; z-index: -1;}
.evCon3_2 .con_tit h5 {width: 36%; max-width: 320px; font-weight: 900; font-size: 42px; color: #fff; background: #371a19; border-radius: 40px; padding: 10px 0; margin: 0 auto;}
.evCon3_2 .evt_way {background: #fff; border-radius: 100px; padding: 100px 0 108px;}
.evCon3_2 .evt_way li + li {margin-top: 90px;}
.evCon3_2 .evt_way li .step_tit {margin-bottom: 35px;}
.evCon3_2 .evt_way li .step_tit .label {font-weight: 700; font-size: 18px; color: #371a19; background: #ffd462; border-radius: 19px; width: 20%; max-width: 112px; padding: 6px 0; margin: 0 auto 20px;}
.evCon3_2 .evt_way li .step_tit strong {font-weight: 900; font-size: 40px; color: #1b1b1b;}
.evCon3_2 .evt_way li .step_tit p {font-weight: 400; font-size: 22px; color: #323232; margin-top: 18px;}
.evCon3_2 .evt_way li .phone {margin-bottom: 25px;}
.evCon3_2 .evt_way li .link_btn a {display: block; width: 90%; max-width: 538px; font-size: 30px; line-height: 1; color: #ffe533; background: #000; border-radius: 20px; padding: 35px 0; margin: 0 auto;}
.evCon3_2 .evt_way li .tiny {font-weight: 400; font-size: 14px; color: #5e5e5e; margin-top: 15px;}
.evCon3_2 .mg_filebox {width: 92%; max-width: 540px; margin: 0 auto;}
.mg_filebox .filename {width: calc(100% - 160px); height: 46px; border-color: #9e9e9e; }
.mg_filebox .filename input[type="text"] {font-size: 15px; height: 44px; padding-left: 30px; color: #5e5e5e;}
.mg_filebox .filename a {width: auto; height: 100%; right: 15px; font-size: 13px; line-height: 44px;}
.mg_filebox .filebtn {width: 160px; height: 46px;}
.mg_filebox .filebtn label {height: 100%; line-height: 44px; font-weight: 500; font-size: 18px; background: #000;}
.evCon3_2 .evt_way li:nth-child(2) .tiny {position: relative; width: fit-content; text-align: left; padding-left: 10px; margin: 10px auto 25px;}
.evCon3_2 .evt_way li:nth-child(2) .tiny::before {content: '*'; position: absolute; top: 0; left: 0;}
.evCon3_2 .evt_way .mg_chk_base {margin: 0 auto 20px;}
.evCon3_2 .evt_way .mg_chk_base label {font-size: 16px; color: #434343;} 

/* evCon4 */
.evCon4 {background: #fff9dd;}
.evCon4 .con_tit .event_tag::before {background: #fff9dd;}
.evCon4 .evt_gift {margin-bottom: 80px;}
.evCon4 .evt_gift li:nth-child(2) .gift {margin-top: 0; padding-top: 0;}
.evCon4 .subtitle_line .text {font-weight: 900; font-size: 24px; color: #121212; margin: 0 60px;}
.evCon4 .subtitle_line .line {position: relative;}
.evCon4 .subtitle_line .line:first-of-type::before,
.evCon4 .subtitle_line .line:last-of-type::before {content: ''; position: absolute; top: -2.5px; width: 5px; height: 5px; background: #121212; border-radius: 50%;}
.evCon4 .subtitle_line .line:first-of-type::before {right: -2.5px;}
.evCon4 .subtitle_line .line:last-of-type::before {left: -2.5px;}
.evCon4 .evt_way {gap: 60px; margin-bottom: 40px;}
.evCon4 .evt_way li {position: relative; flex: 1; background: #fff; padding: 45px 0 40px; border-radius: 20px;}
.evCon4 .evt_way li + li::after {content: ''; position: absolute; top: 50%; left: -30px; transform: translate(-50%, -50%); width: 12px; height: 20px; background: url(https://image.megagong.net/m/2024/0820_kakao/con4_arrow.png) no-repeat 50% 50%; background-size: contain;}
.evCon4 .evt_way li::before {content: ''; display: block; width: 50px; height: 50px; background-image: url(https://image.megagong.net/m/2024/0820_kakao/con4_step.png); background-repeat: no-repeat; background-size: auto 100%; margin: 0 auto 20px;}
.evCon4 .evt_way li:nth-child(1)::before {background-position: 0 0;}
.evCon4 .evt_way li:nth-child(2)::before {background-position: 50% 0;}
.evCon4 .evt_way li:nth-child(3)::before {background-position: 100% 0;}
.evCon4 .evt_way li p {font-weight: 400; font-size: 20px;}
.evCon4 .evt_way li p .tag {display: block; color: #017afd; margin-bottom: 3px;}
.evCon4 .evt_way li .tiny {font-size: 13px; color: #004dc1; margin-top: 10px;}
.evCon4 .evt_btn {justify-content: center; gap: 22px; margin-bottom: 40px;}
.evCon4 .evt_btn a {display: block; width: 48%; max-width: 323px; font-weight: 700; font-size: 24px; color: #fff; padding: 23px 0; border-radius: 40px;}
.evCon4 .evt_btn a.download_btn {background: #ffc500;}
.evCon4 .evt_btn a.copy_btn {background: #121212;}
.evCon4 .evt_btn a::after {content: ''; display: inline-block; width: 21px; height: 21px; background-repeat: no-repeat; background-size: contain; margin-left: 10px;}
.evCon4 .evt_btn a.download_btn::after {background-image: url(https://image.megagong.net/m/2024/0820_kakao/con4_btn1.png);}
.evCon4 .evt_btn a.copy_btn::after {background-image: url(https://image.megagong.net/m/2024/0820_kakao/con4_btn2.png);}
.evCon4 .eventBoard {background: #fff; border-radius: 20px;}
.evCon4 .shareList ul {background: none;}
.evCon4 .shareList.ver2 ul li dl dt {font-size: 19px; background: #4d2729;}
.evCon4 .shareList.ver2 ul li dl dd {width: 198px; font-size: 18px; color: #737373; border-color: #a8a8a8;}
.evtBoard_common .board_write {padding-right: 170px;}
.evtBoard_common .board_write .inp_wrap {border: 1px solid #111;}
.evtBoard_common .board_write .inp_wrap textarea, .evtBoard_common .board_write .inp_wrap input[type="text"] {color: #7d7d7d; height: 58px;}
.evtBoard_common .board_write .btn_wrap {width: 160px;}
.evtBoard_common .board_write .btn_wrap a {font-size: 20px; height: 60px; line-height: 60px;}
.eventBoard .evtBoard_common .info_wrap {font-family: var(--font); letter-spacing: -0.05em;}
.eventBoard .evtBoard_common .info_wrap.with_tip .tip_list {color: #000;}
.eventBoard .evtBoard_common .info_wrap.with_tip .tip_list .cr_blue {font-weight: 700; color: #017afd;}
.eventBoard .evtBoard_common .info_wrap.with_tip button {font-family: var(--font); font-weight: 700; font-size: 16px; letter-spacing: -0.05em; color: #017afd; border-bottom: 1px solid #017afd;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}
.warningList li ul li a {font-weight: 700; color: #f00; padding: 0;}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .con_tit {margin-bottom: 4%;}
    .evSection .con_tit h4 {font-size: clamp(22px, 5.5vmin, 55px);}
    .evSection .con_tit .sub_tit {font-size: clamp(15px, 2.4vmin, 22px);}
    .evSection .con_tit h4 + .sub_tit {margin-top: 2%;}

    .event .con_tit {margin-bottom: 7%;}
    .event .con_tit .end {top: -5%; right: 0;}
    .event .con_tit .event_tag {font-size: clamp(16px, 4vmin, 40px); margin-bottom: 3%;}
    .event .evt_info {margin-bottom: 6%;}
    .event .evt_info li {font-size: clamp(14px, 2.2vmin, 20px);}
    .event .evt_info li + li {margin-top: 2%;}
    .event .evt_info .info_tit {padding: 1.5vmin 0;}
    .event .evt_gift {gap: 3vmin;}
    .event .evt_gift li {flex-basis: calc(33.333% - 2vmin); height: max(52vmin, 300px); padding: 9% 0 5%;}
    .event .evt_gift .label {top: 2%; right: 2%;}

    .ev_rightfix{
    display: none;
}
    /* evCon1 */
    .evCon1 {padding: 12% 0 0;}
    .evCon1 h3 {width: 96%; margin: 0 auto;}
    .evCon1 .sub_tit {font-size: clamp(16px, 3.2vmin, 30px); margin: 4% auto 8%;}

    /* evBnr */
    .evBnr .inner {width: 100%;}
    .evBnr ul li a {justify-content: center; font-size: clamp(14px, 2.8vmin, 25px); padding: 0.5vmin 0;}
    .evBnr ul li:last-child a {justify-content: center;}
    .evBnr ul li a::after {margin-top: min(-18px, -3vmin); margin-left: 2%;}

    /* evCon2 */
    .evCon2 .point li {grid-template-columns: 10vmin auto; gap: 1vmin 4vmin; padding: 3% 3% 3% 5%;}
    .evCon2 .point li::before {width: 10vmin; height: 10vmin;}
    .evCon2 .point li + li {margin-top: 2vmin;}
    .evCon2 .point li + li::after {top: -1vmin;}
    .evCon2 .point li .tit {font-size: clamp(14px, 2.8vmin, 25px);}
    .evCon2 .point li .tit span {font-size: clamp(11px, 2.2vmin, 20px); margin-right: 1.5vmin; padding: 0.5vmin 2vmin;}
    .evCon2 .point li .txt {font-size: clamp(12px, 2.2vmin, 20px); text-align: left;}
    .evCon2 .notice{
    margin: 0 0 4%;
}
    .evCon2 .coupon{
    margin: 0 0 0 8%;
    /* max-width: 80%; */
}
    .evCon2 .coupon img{width: 100%;}

    /* evCon3_2 */
    .evCon3_2 .con_tit h5 {font-size: clamp(18px, 4.2vmin, 42px); padding: 1vmin 0;}
    .evCon3_2 .evt_way {border-radius: 10vmin; padding: 10% 0;}
    .evCon3_2 .evt_way li + li {margin-top: 8%;}
    .evCon3_2 .evt_way li .step_tit {margin-bottom: 4%;}
    .evCon3_2 .evt_way li .step_tit .label {font-size: clamp(12px, 2vmin, 18px); margin-bottom: 2%;}
    .evCon3_2 .evt_way li .step_tit strong {font-size: clamp(17px, 4vmin, 40px);}
    .evCon3_2 .evt_way li .step_tit p {font-size: clamp(13px, 2.4vmin, 22px); margin-top: 2%;}
    .evCon3_2 .evt_way li .phone {width: 92%; margin: 0 auto 3%;}
    .evCon3_2 .evt_way li .link_btn a {font-size: clamp(18px, 3.2vmin, 30px); padding: 4vmin 0;}
    .evCon3_2 .evt_way li:nth-child(2) .tiny {margin: 2% auto 4%;}
    .evCon3_2 .evt_way .mg_chk_base {margin-bottom: 2%;}
    .evCon3_2 .evt_way .mg_chk_base label {font-size: clamp(12px, 1.8vmin, 16px);}

    /* evCon4 */
    .evCon4 .evt_gift {margin-bottom: 8%;}
    .evCon4 .subtitle_line .text {font-size: clamp(14px, 2.6vmin, 24px); margin: 0 6%;}
    .evCon4 .evt_way {gap: 4vmin; margin-bottom: 4%;}
    .evCon4 .evt_way li {padding: 4vmin 0;}
    .evCon4 .evt_way li + li::after {left: -2vmin;}
    .evCon4 .evt_way li p {font-size: clamp(13px, 2vmin, 20px);}
    .evCon4 .evt_btn {gap: 2vmin; margin-bottom: 4%;}
    .evCon4 .evt_btn a {font-size: clamp(14px, 2.6vmin, 24px); padding: 2vmin 0;}
    .evCon4 .shareList.ver2 ul li dl dt {font-size: clamp(12px, 2vmin, 18px);}
    .evCon4 .shareList.ver2 ul li dl dd {font-size: clamp(12px, 2vmin, 18px); width: 23.75%;}
    .evtBoard_common .board_write {padding: 0;}
    .evtBoard_common .board_write .btn_wrap {width: 100%;}
    .evtBoard_common .board_write .btn_wrap a {font-size: clamp(13px, 2.2vmin, 20px);}
}
@media screen and (max-width: 992px){
}
@media screen and (max-width: 768px){
    .event .evt_info {background: #fff; padding: 2vmin 0; border-radius: 30px;}
    .event .evt_info li {flex-direction: column; align-items: center;}
    .event .evt_info .info_tit {width: min(30%, 140px); padding: 0.5vmin 0;}
    .event .evt_info .info_txt {margin-left: 0; margin-top: 1%;}
    .event .evt_info .info_txt .tiny {font-size: 11px;}
    .event .evt_gift .label {width: 60px; height: 60px; font-size: 15px;}

    .evCon2 .con_tit .sub_tit::before {width: 35px; height: 25px; left: -5px;}

    .evCon3_2 .evt_way li .tiny {font-size: 11px; margin-top: 2%;}

    .mg_filebox .filename {width: 74%; height: 30px;}
    .mg_filebox .filename input[type="text"] {font-size: 13px; height: 28px; padding-left: 2%;}
    .mg_filebox .filename a {right: 2%; font-size: 11px; line-height: 28px;}
    .mg_filebox .filebtn {width: 26%; height: 30px;}
    .mg_filebox .filebtn label {font-size: 14px; line-height: 28px;}

    .evCon4 .evt_way {flex-direction: column;}
    .evCon4 .evt_way li::before {width: 30px; height: 30px; margin-bottom: 2%;}
    .evCon4 .evt_way li + li::after {width: 9.6px; height: 16px; top: -2vmin; left: 50%; transform: translate(-50%, -50%) rotate(90deg);}
    .evCon4 .evt_btn a::after {width: clamp(14px, 2.6vmin, 24px); height: clamp(14px, 2.6vmin, 24px); margin-left: 5px;}
    .evCon4 .shareList.ver2 ul li dl dd {width: 24.25%;}
    .eventBoard .evtBoard_common .info_wrap.with_tip .tip_list {font-size: 11px;}
    .eventBoard .evtBoard_common .info_wrap.with_tip button {font-size: 14px;}
}
@media screen and (max-width: 576px){
    .event .evt_gift {flex-wrap: wrap;}
    .event .evt_gift li {flex-basis: calc(50% - 1.5vmin);height: 68vmin;padding-bottom: 0;}
    .event .evt_gift .label {width: 50px; height: 50px; font-size: 12px;}
    .event .evt_gift .name {font-size: 12px;}
    .event .evt_gift .gift{margin-bottom: 0;}

    .evCon2 .con_tit .sub_tit::before {width: 25px; height: 18px;}

    .evCon3_1 .evt_gift li:nth-child(2) {order: -1; margin: 0 25%;}
    .evCon3_1 .noti {font-size:13px; margin: 10px 0 0;}

    .evCon3_2 .evt_way li .step_tit .label {padding: 2px 0;}
    .evCon3_2 .evt_way li .link_btn a {border-radius: 10px;}
    
    .evtBoard_common .board_write .inp_wrap textarea, .evtBoard_common .board_write .inp_wrap input[type="text"] {height: 48px;}
    .evtBoard_common .board_write .btn_wrap a {height: 46px; line-height: 46px;}
}