@charset "utf-8";

/* 공통 */
.wrap {position:relative;width:100%;min-width:auto;}
.only_event_wrap .alt_hidden{display:block;width:1px;height:1px;overflow:hidden;position:absolute;top:-1000em;left:0;}
.only_event_wrap .pc_img {display:block; margin:0 auto;}
.only_event_wrap .m_img {display:none;}

.only_event_wrap .btn_all {display:block; position:absolute; font-size:0; /*background:rgba(255,0,0,0.5);*/}/* 링크공용 */
.only_event_wrap .cont_in {position:relative;width:100%;max-width:1178px;margin:0 auto;text-align:center;} /* 이벤트 가로 크기에 따라 조정 */
.only_event_wrap .cont_in img {width:100%;}
.only_event_wrap .only_pc {display:flex;}/* 2026-09-04 수정$ */
.only_event_wrap .only_mob {display:none;}/* 2026-09-04 수정$ */


/* 컨텐츠 */
:root {
    --signature: #4d5ffd;
}
.only_event_wrap {position:relative; transition: all .3s ease; overflow: hidden;}

.only_event_wrap .cont_in .top_apply {position:absolute;bottom:2.9%;left:12.3%;width:12.9%;text-align:center; z-index:1;}
.only_event_wrap .cont_in .top_apply a {display:block;width:100%;margin:0 auto;}
.only_event_wrap .cont_in .top_apply a > img {width:100%;}

.only_event_wrap .cont_in .btn_apply_wrap {position:absolute;bottom:5%;left:31.8%;width:36.6%;text-align:center; z-index:1;}
.only_event_wrap .cont_in .btn_apply_wrap button,
.only_event_wrap .cont_in .btn_apply_wrap a {display:block;width:100%;margin:0 auto;}
.only_event_wrap .cont_in .btn_apply_wrap button > img,
.only_event_wrap .cont_in .btn_apply_wrap a > img {width:100%;}


/* 링크 */
.only_event_wrap .day_chk {width:12.6%; height:3.5%; bottom:2.9%; right:33.4%;}

.only_event_wrap .link03_01 {width:33.6%; height:10.9%; bottom:8%; left:33.2%;}

.only_event_wrap .link04_01 {width:33.6%; height:13.4%; bottom:37.4%; left:15.3%;}
.only_event_wrap .link04_02 {width:33.6%; height:13.4%; bottom:37.4%; right:15.5%;}
.only_event_wrap .link04_03 {width:69.3%; height:13.4%; bottom:19.7%; left:15.3%;}

.only_event_wrap .link05_01 {width:33.6%; height:18.9%; bottom:27%; left:33.2%;}


/* 텍스트 */
.only_event_wrap .ev_d-day {position: absolute; top:29.5%; left:0; width:100%; font-size:2.6vw; line-height:1; font-weight:500; color:#37b6ff;}

.only_event_wrap .ev_txt {position: absolute; top:46.6%; width:23.4%; height:7%; display:flex; justify-content: center; align-items: center; font-size:2.2vw; font-weight:500; line-height:1; color:#525252;}
.only_event_wrap .ev_txt.num1 {left:12.9%;}
.only_event_wrap .ev_txt.num2 {left:38.5%;}
.only_event_wrap .ev_txt.num3 {right:12.5%;}
.only_event_wrap .ev_txt span {display:none;}
.only_event_wrap.evn_login .ev_txt span {display:block;}
.only_event_wrap .ev_txt::before {content:''; display:flex; width:10.1%; height:43%; background-image: url('../images/pc/img_lock.png'); background-repeat: no-repeat; background-size:100% 100%;}
.only_event_wrap.evn_login .ev_txt::before {display:none;}

.only_event_wrap .ev_txt2 {position: absolute; font-size:2.2vw; font-weight:500; line-height:1; color:#525252; letter-spacing:-1px;}
.only_event_wrap .ev_txt2.txt1 {top:64.8%; left:12.9%; width:48%; display:flex; flex-wrap:wrap; justify-content: flex-start; align-items: flex-start; text-align: left; padding-left:2%;}
.only_event_wrap .ev_txt2 .num {color:var(--signature); padding:0 .5rem;}
.only_event_wrap .ev_txt2.txt2 {bottom:30.3%; right:18%; width:20.8%; height:7.5%; display:flex; justify-content:center; align-items: center;}
.only_event_wrap .ev_txt2.txt2 .num {font-size:4.4vw; padding:0; font-weight:bold; letter-spacing: -1px;}
.only_event_wrap .ev_txt2.txt2 span {padding-top:1.5rem; margin-right:-1.5rem;}

.only_event_wrap .ev_txt3 {position: absolute; bottom:20%; left:18.6%; width:calc(63.8% - 11rem); font-size:2.2vw; font-weight:500; line-height:1.2; color:#525252; text-align:left; word-break: normal; letter-spacing:-1px;}
.only_event_wrap .ev_txt3 .num {color:var(--signature); font-weight:bold;}

/* 그래프 위 자물쇠 */
.only_event_wrap .conts06 .cont_in::after {content:''; position: absolute; bottom:19.8%; right:18.2%; display:flex; width:4.1%; height:5.3%; background-image: url('../images/pc/img_lock.png'); background-repeat: no-repeat; background-size:100% 100%;}
.only_event_wrap.evn_login .conts06 .cont_in::after {display:none;}

/* 그래프 */
.only_event_wrap .ev_graph {position: absolute; bottom:15.4%; left:18.2%; width:63.8%; height:2.9%;}
.only_event_wrap .ev_graph .bar {position: relative; width:100%; height:100%; background-color: #d6d6d6; border-radius:2.5rem; overflow: hidden;}
.only_event_wrap .ev_graph .bar .bg {position: absolute; top:0; left:0; height:100%; background-color: var(--signature);}
.only_event_wrap .ev_graph .bubble {display:none; position: absolute; top:-6rem; right:-4rem; width:13rem; padding:1rem 0; border:1px solid var(--signature); color:var(--signature); font-size:1.8vw; font-weight:500; background-color: #fff; border-radius:2.5rem; letter-spacing:-.8px;}
.only_event_wrap .ev_graph .bubble::before {content:''; position: absolute; bottom:-7px; left:50%; width:1.2rem; height:1.2rem; background-color:#fff; border-bottom:1px solid var(--signature); border-right:1px solid var(--signature); transform:translateX(-50%) rotate(45deg);}
.only_event_wrap.evn_login .ev_graph .bubble {display:block;}

/* 달력 */
.only_event_wrap .calendar_wrap {position: absolute; top:3.5%; left:9.1%; width:82%; height:77.3%;}
.only_event_wrap .calendar_wrap .evn_dim {position: absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
.only_event_wrap.evn_login .calendar_wrap .evn_dim {display:none;}

.only_event_wrap .calendar_table {position: absolute; top:8.7%; left:4.1%; width:92.2%; height:85.5%;}
.only_event_wrap .calendar_table table {width:100%;}
.only_event_wrap .calendar_table table thead th {height:0; font-size:0; padding:0; margin:0; line-height:0;}
.only_event_wrap .calendar_table table tbody td {position: relative; padding-top: 16.4%;; font-size:0; line-height:0;}
.only_event_wrap .calendar_table table tbody td::before {content:''; display:none; position: absolute; bottom:4.6%; left:14.2%; width:72.4%; height:63%; background-repeat: no-repeat; background-size:100% 100%;}
.only_event_wrap .calendar_table table tbody td.fail::before {display:block; background-image: url('../images/pc/img_fail.png');}
.only_event_wrap .calendar_table table tbody td.check::before {display:block; background-image: url('../images/pc/img_check.png');}

/* popup */

/* 확인하세요. */
.only_event-footer {max-width: 1178px; margin:0 auto; padding:15rem 9rem; background-color: #f6f7fb;}
.only_event-footer .btn_cen_wrap {display:flex; justify-content: center; margin-bottom:10rem;}
.only_event-footer .btn_cen_wrap .btn_evn_attack{display:inline-flex; align-items: center; justify-content: center; font-size:3rem; line-height:1; color:#fff; font-weight:bold; width: 100%;; height:10rem; padding:0 2rem; background-color:var(--signature); border-radius:5rem;}
.only_event-footer .evn_notice_wrap .tit {position: relative; display:flex; width:100%;}
.only_event-footer .evn_notice_wrap .tit::before {display:none;}
.only_event-footer .evn_notice_wrap .tit strong {position: relative; font-size:3.2rem; line-height:1.3; color:#363636; font-weight:bold;}
.only_event-footer .evn_notice_wrap .tit + .list {margin-top:1.5rem;}
.only_event-footer .evn_notice_wrap .list {font-size:1.8rem; line-height:1.3; font-weight:400; color:#636766;}
.only_event-footer .evn_notice_wrap .list li {position: relative; display:flex; flex-wrap: wrap; padding-left:2.4rem; gap:1rem;}
.only_event-footer .evn_notice_wrap .list li + li {margin-top:.5rem;}
.only_event-footer .evn_notice_wrap .list li::before {content:''; position: absolute; top:1rem; left:.5rem; display:inline-block; width:.4rem; height:.4rem; background-color:#636766; border-radius:50%;}
.only_event-footer .evn_notice_wrap .list li.red {color:#ff0000;}
.only_event-footer .evn_notice_wrap .list li.red::before {background-color:#ff0000;}
.only_event-footer .evn_notice_wrap .list .btn_type01 {display:inline-flex; justify-content: center; align-items: center; background-color:var(--signature); color:#fff; font-size:1.4rem; font-weight:400; padding:1rem 2.6rem; border-radius: .6rem;}


/* -------------------------- pc -------------------------- */
@media screen and (min-width:1178px) {
    .only_event_wrap .ev_d-day {font-size:3rem;}
    .only_event_wrap .ev_txt {font-size:2.6rem;}
    .only_event_wrap .ev_txt2 {font-size:2.6rem;}
    .only_event_wrap .ev_txt2.txt2 .num {font-size:5rem;}
    .only_event_wrap .ev_txt3 {font-size:2.6rem;}
    .only_event_wrap .ev_graph .bubble {font-size:2rem;}
}

/* -------------------------- tablet -------------------------- */
@media screen and (max-width:1023px) { 
    .event_wrap .cont_in img {width:100%;}

    /* 컨텐츠 */

    /* 링크 */
   

    /* popup */
}

/* -------------------------- mobile -------------------------- */
@media screen and (max-width:720px) {
    /* 공통 */
    .event_wrap .pc_img {display:none;}
    .event_wrap .m_img {display:block;}
    .only_event_wrap .only_mob {display:block;}/* 2026-09-04 수정$ */

    /* 텍스트 */
    .only_event_wrap .ev_d-day {font-size:3vw;}

    .only_event_wrap .ev_txt {font-size:2.4vw;}

    .only_event_wrap .ev_txt2 {font-size:2.4vw;}
    .only_event_wrap .ev_txt2.txt2 {bottom:30.3%; right:18%; width:20.8%; height:7.5%;}
    .only_event_wrap .ev_txt2.txt2 span {padding-top:.5rem; margin-right:-1rem;}

    .only_event_wrap .ev_txt3 {bottom:20%; left:18.6%; width:calc(63.8% - 6rem); font-size:2.4vw;}

    /* 그래프 */
    .only_event_wrap .ev_graph .bubble {top:-3.5rem; right:-3rem; width:8rem; font-size:2.2vw; line-height:1; padding:.6rem 0;}
    .only_event_wrap .ev_graph .bubble::before {bottom: -.4rem; width:.6rem; height:.6rem;}

    /* 꼭 확인해주세요 */
    .only_event-footer {padding:10rem 4%;}
    .only_event-footer .btn_cen_wrap {margin-bottom:5rem;}
    .only_event-footer .btn_cen_wrap .btn_evn_attack{font-size:2rem; height:8rem;}
    .only_event-footer .evn_notice_wrap .tit strong {font-size:2.2rem;}
    .only_event-footer .evn_notice_wrap .list {font-size:1.4rem;}
    .only_event-footer .evn_notice_wrap .list li {padding-left:1.8rem;}
    .only_event-footer .evn_notice_wrap .list li::before {top:.8rem;}
    .only_event-footer .evn_notice_wrap .list .btn_type01 {font-size:1.2rem;}

}

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

    /* 텍스트 */
    /*.only_event_wrap .ev_d-day {font-size:1.4rem;}

    .only_event_wrap .ev_txt {font-size:1.2rem;}

    .only_event_wrap .ev_txt2 {font-size:1.2rem;}
    .only_event_wrap .ev_txt2.txt2 .num {font-size:1.6rem;}*/
    .only_event_wrap .ev_txt2.txt2 span {margin-right:-.5rem;}

    /*.only_event_wrap .ev_txt3 {font-size:1.2rem;}*/
    .only_event_wrap .ev_txt3 {width:calc(63.8% - 5.4rem);}

    /* 그래프 */
    .only_event_wrap .ev_graph .bubble {top:-3rem; right:-2rem; width:5.4rem;}
}