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

/* ========== reset ========== */
body,
html {-webkit-text-size-adjust:none;}
body {font-family: "Pretendard Variable", "Malgun Gothic", "맑은 고딕", sans-serif;}

/* ========== global ========== */
.courseReview {position:relative; min-width:1400px;}
.courseReview * {box-sizing:border-box;}
.courseReview .evt_inner {position:relative; width:1200px; padding:120px 0; margin:0 auto; text-align:center;}

/* wrapper */
.cont_area {position:relative; width:100%;}
.cont_area .tit_wrap, .cont_area .img_wrap {position:relative; text-align:center;}
.cont_area .tit_wrap {margin-bottom:50px;}
.cont_area .tit_wrap img {position:relative; z-index:2;}
.cont_area .tit_wrap.line::after {content:''; position:absolute; top:50%; left:0; right:0; z-index:1; height:3px; margin-top:-1px; background:#FEDD4B;}

/* 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;}

.remark_txt {margin-top:20px; font-size:15px; text-align:center; color:#a17f90;}

/* link btn */
.link_wrap {position:relative; z-index:2;}

/* ========== contents ========== */
/* visual_tit */
#top_title {position:relative; width:100%; height:1347px; background:url("https://s3.unistudy.co.kr/images/pc/event/surveyReviewEvent/top_tit_bg.jpg") no-repeat center / cover;}
#top_title .evt_inner {padding:75px 0 0;}

#top_title .img_wrap.title::before {content:''; position:absolute; top:420px; left:-100px; z-index:2; width:252px; height:258px; background:url("https://s3.unistudy.co.kr/images/pc/event/surveyReviewEvent/top_tit_obj01.png") no-repeat 0;}
#top_title .img_wrap.title::after {content:''; position:absolute; top:180px; right:-120px; z-index:2; width:277px; height:287px; background:url("https://s3.unistudy.co.kr/images/pc/event/surveyReviewEvent/top_tit_obj02.png") no-repeat 0;}
#top_title .img_wrap.prize {margin-top:60px;}

#top_title .go_evt {display:block; position:relative;}
#top_title .txt_wrap {margin-top:-15px;}
#top_title .txt_wrap p {font-size:32px; font-weight:500;}
#top_title .txt_wrap p > span {color:#f14558;}

#top_title .img_point {position:absolute; bottom:80px; right:120px; z-index:4;}

@keyframes blink {
  0% { opacity:1; }
  50% { opacity:0; }
  100% { opacity:1; }
}

.blink {animation: blink 1.2s linear infinite;}

/* con01 */
#cont1 {background:#FDC9E2;}

#cont1 .tit_wrap p:not(.remark_txt) {font-size:32px; font-weight:500;}
#cont1 .tit_wrap .remark_txt {margin-top:10px;}
#cont1 .tit_wrap .bpm_txt {font-size:76px; font-weight:800;}
#cont1 .tit_wrap .bpm_txt .unit {margin-left:20px; color:#f04141;}

.heart_container {position:absolute; top:60px; left:0; right:0; z-index:10; width:366px; height:385px; margin:0 auto; background:url("https://s3.unistudy.co.kr/images/pc/event/surveyReviewEvent/heart_bubble.png") no-repeat 0;}
.heart {position:absolute; left:0; right:0; margin:0 auto; animation:heartBeat 1s infinite ease-in-out; }
.heart.img1 {top:12%; width:211px; height:180px;}
.heart.img2 {top:10%; width:231px; height:197px; animation-delay:0.2s;}

@keyframes heartBeat {
  0%, 100% { transform: scale(1); }

  15% { transform: scale(1.12); }
  30% { transform: scale(1); }

  45% { transform: scale(1.08); }
  60% { transform: scale(1); }
}

/* con02 */
#cont2 {background:#FF6C6F;}
#cont2 .btn_link {display:block; margin-top:50px;}

/* event info */
.evt_info_list {display:inline-grid; grid-template-columns:150px 1fr; column-gap:20px; row-gap:8px; align-items:start; width:100%; padding:0 40px; margin:0 auto;}

.evt_info_list dt,
.evt_info_list dd {line-height:34px; font-weight:400; color:#fff; text-align:left}
.evt_info_list dt {width:150px; font-size:20px; text-align:center; white-space:nowrap; color:#fff;	background:rgba(0, 0, 0, .5); border-radius:17px;}
.evt_info_list dd {font-size:22px;}
/* .evt_info_list dd:nth-of-type(5) {grid-column:1/3; grid-row:5; margin:10px 0;} */

.prize_list {display:flex; gap:20px; flex-wrap:wrap; justify-content:center;}
.prize_list li {position:relative; border-radius:20px;}

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

.review_wrap {padding:30px 50px 40px; margin-top:80px; background:#fff; border-radius:20px;}
.review_wrap .tb_tit {margin-bottom:30px; line-height:1; font-size:24px; font-weight:700; text-align:left;}
.review_wrap table .tag_wrap {display:inline-block; vertical-align:top;}
.review_wrap .board_pagination {margin-bottom:0;}

/* noticeWrap */
.noticeWrap {margin:50px 0 0; padding:0 48px; border:1px solid rgba(255,255,255,0.7); border-radius:20px;}
.noticeWrap_title {position:relative; margin-bottom:0; font-weight:600; font-size:20px; line-height:50px;
  color:#fff; letter-spacing:-1.05px; text-align:center; cursor:pointer;}
.noticeWrap_title.sub {font-size:20px; line-height:1.4; font-weight:600; text-align:left;}
.noticeWrap_title .notice_arrow {display:inline-block; position:absolute; top:11px; right:380px; width:36px; height: 36px; transition:transform 0.3s ease;}
.noticeWrap_title .notice_arrow:after {content: ""; position:absolute; top:5px; left:10px; width:12px; height:12px; border-top:3px solid rgba(255,255,255,.6); border-right:3px solid rgba(255,255,255,.6); transform: rotate(135deg);}
.noticeWrap_title.trigger.active .notice_arrow {top:7px; transform: rotate(180deg);}


.noticeWrap_inner {overflow:hidden; max-height:0; transition:max-height 0.5s ease-out, opacity 0.5s ease-out; opacity:0; text-align:left;}
.noticeWrap_inner.active {max-height:fit-content; opacity:1; padding:20px 0 45px; border-top:1px solid rgba(255,255,255,0.7);}
.noticeWrap_inner .noticeWrap_item {margin-top:23px;}
.noticeWrap_inner .noticeWrap_item:first-child {margin-top:0;}

.noticeWrap_list {margin-top:10px;}
.noticeWrap_list .notice_item {position:relative; padding:0 0 0 14px; font-size:16px; line-height:24px; font-weight:400; color:rgba(255,209,214, .85); letter-spacing:-0.7px; text-align:left;}
.noticeWrap_list .notice_item:before {content:"-"; position:absolute; left:0;}
.noticeWrap_list .notice_item:first-child {margin-top:0;}
.noticeWrap_list .notice_item strong {font-weight:700; color:#fff;}
.noticeWrap_list .notice_link {display:inline-block; margin:0 0 0 10px; padding:1px 5px; font-weight:400; font-size:13px; color:#fff; vertical-align:middle; border:1px solid #fff; border-radius:2px;}