@charset "utf-8";
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/font/PretendardVariable.woff2') format('woff2-variations');
    font-weight: 100 900;
    font-display:swap;
    font-style: normal;
}

/* reset */
body,
html {-webkit-text-size-adjust:none;}
footer {margin-top:0;}

/* ========== global ========== */
:root {
    --base-width:760;
    --unit:calc(100vw / var(--base-width));
}

.courseReview * {font-family: "Pretendard Variable", "Malgun Gothic", "맑은 고딕", sans-serif; box-sizing:border-box;}
.courseReview .tit_wrap,
.courseReview .img_wrap {position:relative;}
.courseReview .evt_inner {position:relative; padding:0 calc(40* var(--unit)) calc(80* var(--unit));}

.courseReview a {display:inline-block; font-size:0;}

/* text */
.sr-only {position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;}

/* PC version */
.pc-more_btn {padding:1.3rem 1rem; background-color:#fff; text-align:center;}
.pc-more_btn a {display:block; padding:1rem 0; font-weight:bold; background:#f5f5f5;}
.pc-more_btn .btn_box1 {overflow:hidden; display:inline-block; background-color:#fff; min-width:6.1rem;
    padding:0.5rem 0.8rem 0.4rem; border: 0.1rem solid #696e7a; color: #3f3f3f; text-align:center;  vertical-align:middle;}


/* ========== contents ========== */
/* evt_title */
#top_title {position:relative;}
#top_title .go_evt {position:absolute; top:13.3%; left:0; right:0; width:max(calc(320px * 0.8947), 89.47vw); height:max(calc(320px * 0.3947), 39.47vw); margin:0 auto;}

#top_title .img_point {position:absolute; top:72.5%; right:3.5%; z-index:5; width:calc(68 * var(--unit)); height:calc(68* var(--unit));}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
.blink {animation: blink 1s linear infinite;}

/* evt1 */
#cont1 {background:#FF6C6F;}
#cont1 .btn_wrap {padding:calc(50* var(--unit)) 0; text-align:center;}

/* event info */
.evt_info_list {display:inline-grid; grid-template-columns:19.74vw 1fr; column-gap:2.63vw; row-gap:1.05vw; align-items:start; width:100%; margin:0 auto;}

.evt_info_list dt,
.evt_info_list dd {line-height:4.47vw; font-weight:400; color:#fff; text-align:left}
.evt_info_list dt {width:19.74vw; height:4.47vw; font-size:2.63vw; text-align:center; white-space:nowrap; color:#fff;	background:rgba(0, 0, 0, .5); border-radius:2.24vw;}
.evt_info_list dd {font-size:2.89vw;}
.evt_info_list dd strong.yl {color:#ffe67a;}
.evt_info_list dd:nth-of-type(4) {grid-column:span 2; margin:10px 0 20px;}

.prize_list {display:grid; gap:2.63vw; grid-template-columns:repeat(2, 1fr);}
.prize_list li {position:relative; border-radius:20px;}
.prize_list > li:nth-of-type(1) {grid-column:span 2;}

.prize_list .label_txt {display:flex; justify-content:center; align-items:center; position:absolute; top:0; right:0; z-index:1; width:7.89vw; height:7.89vw; font-size:2.37vw; font-weight:600; color:#fff; background:#181C32;}
.prize_list .label_txt.t1 {background:#F1416C;}
.prize_list .label_txt.t2 {background:#1D1CE5;}

/* noticeWrap */
.noticeWrap_title {display:block; margin:0 auto; padding:0.8rem 0 0.7rem; background:#591F19;
    font-size:4.2vw; font-weight:600; color:#fff; text-align:center; cursor:pointer;}
.noticeWrap_title.sub {margin-bottom:1.32vw; padding:0; background:none; font-weight:bold; font-size:3.6vw; color:#3f3f3f; text-align:left;}
.noticeWrap_title .notice_arrow {display:inline-block; font-size:calc(100% - 1vw); transition:transform 0.3s ease;}
.noticeWrap_title.trigger.active .notice_arrow {transform:rotate(-180deg);}

.noticeWrap_inner {display:none; margin:0; padding:1rem; background:#fff;}
.noticeWrap_inner .noticeWrap_item {position:relative; margin-top:3.95vw; font-size:3.2vw; line-height: 1.4; letter-spacing:-0.5px; color: #3f3f3f; word-break: keep-all; word-wrap:break-word;}
.noticeWrap_inner .noticeWrap_item:first-child {margin-top:0;}

.noticeWrap_list .notice_item {position:relative; padding-left:3.95vw; font-size:3.16vw; line-height:4.74vw; font-weight:400; color:#3f3f3f; letter-spacing:-0.5px; text-align:left;}
.noticeWrap_list .notice_item:before {content:"-"; position:absolute; left:2.11vw;}
.noticeWrap_list .notice_link {display: inline-block; font-weight:bold; font-size:inherit; color:#FF7967; text-decoration:underline;}
.noticeWrap_list .notice_item strong {font-weight:700;}