@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;
}

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

/* ========== global  ========== */
.videoContest {position:relative; overflow:hidden; min-width:1200px;}
.videoContest * {box-sizing:border-box;}
.videoContest .con_area {position:relative; width:100%;}
.videoContest .inner {position:relative; max-width:1200px; padding:120px 0; margin:0 auto;}
.videoContest .tit_wrap,
.videoContest .img_wrap {position:relative; text-align:center;}
.videoContest .img_wrap img {display:block; max-width:100%; margin:0 auto;}
.videoContest .con_area .tit_wrap {margin-bottom:50px;}

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

.nt_txt {margin-top:20px; line-height:1.2; font-size:14px; font-weight:400; color:#222;}

/* button */
/* .btn_comm {display:inline-block; width:410px; height:67px; line-height:67px; font-size:24px; font-weight:800; color:#fff; text-align:center; background:#222; border-radius:10px;}
.btn_comm::after {display:inline-block; width:10px; height:16px; margin-left:10px; background:url("https://next.megastudy.net/design_guide/unistudy/260709/brandPromo_new/pc/images/ic_btn_arrow.png") no-repeat 0 / 100%; content:'';} */

/* timer */
.top_float {position:absolute; top:30px; left:50%; z-index:100; width:1200px; height:90px; border-radius:15px; transform:translateX(-50%);}
.top_float.fixed {position:fixed; top:20px; z-index:1000;}

.top_float #timer {display:flex; align-items:center; justify-content:center; width:1200px; height:90px; padding:0 30px; background:rgba(0,0,0,.5); border-radius:15px;}
.top_float .timer_inner {display:flex; justify-content:end; align-items:center; width:100%;}

.top_float .timer_txt p {font-weight:400; font-size:18px; color:#fff; text-align:center; white-space:nowrap;}
.top_float .timer_txt p strong {font-weight:700; font-size:32px; color:#fff; letter-spacing:-0.95px;}

.top_float .timer_wrap {display:flex; align-items:center; width:400px; margin-left:30px;}
.top_float .timer_wrap p {display:inline-block; font-size:40px; font-weight:700; color:#fff;letter-spacing:-0.75px;}

.top_float .timer_wrap .day_t {margin-left:5px; color:#fff; font-size:32px; font-weight:600;}
.top_float .timer_wrap .time_t {padding:15px 0 0 8px; font-size:14px; font-weight:300; color:#fff;}
.top_float .timer_wrap .d_t,
.top_float .timer_wrap p.ddd {font-size:32px; font-weight:700; color:#5dfffd;}
.top_float .timer_wrap p.hour {margin-left:50px;}
.top_float .timer_wrap p.min {margin-left:28px;}
.top_float .timer_wrap p.sec {margin-left:28px;}

.top_float .btn_paygo {width:330px;	height:60px; margin-left:130px; font-weight:700; font-size:22px; color:#000; background:#5DFFFD; border-radius:10px;}
.top_float .btn_paygo .ic_arrow { display:inline-block; width:10px; height:16px; margin-left:12px; background:url("//s3.unistudy.co.kr/images/pc/event/allPass/260305/ico_tab_arrow_r.png") no-repeat 0 0 / 100%;}

/* quick_menu */
.quick_menu {position:fixed; right:0; top:50%; z-index:3; transform:translateY(-50%); max-height:calc(100vh - 360px);}
.quick_menu .item_quick_menu {position:relative; margin:1px 0 0;}
.quick_menu .item_quick_menu a {display:block; width:189px; height:80px; text-align:center; color:#fff; background-color:rgba(25, 45, 121, 0.9);}
.quick_menu .item_quick_menu:first-child a {border-radius:10px 0 0 0;}
.quick_menu .item_quick_menu.lst a {border-radius:0 0 0 10px;}
.quick_menu .item_quick_menu.event a {height:90px; margin-top:10px; background-color:#fff; border-radius:10px 0 0 10px;}

.quick_menu .item_quick_menu a .outer_cell {display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%;}
.quick_menu .item_quick_menu p {font-size:18px; font-weight:normal; color:#fff;}
.quick_menu .item_quick_menu.event * {line-height:1.2; font-size:16px; color:#222;}
.quick_menu .item_quick_menu.event em {display:inline-block; padding:0 20px; margin-bottom:5px; line-height:22px; font-weight:bold; color:#a1fffe; background:#192D79; border-radius:11px;}

.quick_menu .item_quick_menu.active a {background-color:#93EFFD;}
.quick_menu .item_quick_menu.active p {color:#000;}



/* ========== contents  ========== */
/* top title  */
.top_title {position:relative; background:#325BF2;}
.top_title .inner {position:relative; padding:190px 0 120px;}
.top_title .benefit_list {display:flex; justify-content:center; align-items:stretch; gap:5px;}
.top_title .benefit_list li {flex:1; display:flex; justify-content:center; align-items:center; min-height:178px; background:#fff; border-radius:20px;}
.top_title .benefit_list li * {line-height:1.15; font-size:18px; font-weight:normal; color:#000; text-align:center;}
.top_title .benefit_list li img {margin-bottom:15px;}
.top_title .benefit_list li strong {font-size:22px; font-weight:bold;}
.top_title .benefit_list li span {font-size:14px; color:#333;}

/* event done */
.pageDone {position:absolute; top:185px; right:337px; z-index:10; pointer-events:none;}

/* cont1 */
#cont1 {background:#F3F8FA;}

.contest_info .ct_inner {padding-right:145px;}
.contest_info dl {display:grid; grid-template-columns:150px 1fr; gap:50px 30px; align-items:start;}
.contest_info dt {padding:6px 0; font-size:20px; font-weight:700; color:#fff; text-align:center; background:#000;}
.contest_info dd * {line-height:1.3; font-size:20px; font-weight:400;}
.contest_info dd strong {font-size:22px; font-weight:700;}

/* 텍스트 리스트 스타일 */
.bullet_list {margin-top:10px;}
.bullet_list li {position:relative; padding-left:12px; margin-bottom:4px; font-size:16px; color:rgba(0, 0, 0, .5);}
.bullet_list li::before {content: "-"; position:absolute; left:0; top:0;}

/* 테이블 스타일 */
.info_table {border-top:1px solid #000; border-bottom:1px solid #000;}
.info_table th,
.info_table td {padding:10px; font-size:18px; text-align:center; color:#000; border:none; border-left:1px solid #000;background:none;}
.info_table th:first-child,
.info_table td:first-child {border-left:none;}
.info_table th {font-weight:700; background:#C1EAF7; border-bottom:1px solid #000;}
.info_table td {padding:10px 20px;}
.info_table tbody tr {border-bottom:1px solid #000;}
.info_table tbody tr:last-child {border-bottom:none;}
.info_table tbody th {border-right:1px solid #000;}

/* 수상혜택 */
.prize_grid {display:grid; grid-template-columns:repeat(4, 1fr); gap:15px; margin-top:15px;}
.prize_card {position:relative; padding:60px 0 20px; text-align:center; background:#fff; border-radius:10px;}
.prize_card .badge {display:inline-block; position:absolute; top:0; left:50%; transform:translateX(-50%); min-width:147px; height:40px; padding:0 12px; margin:0 auto; line-height:40px; font-size:20px; font-weight:700; color:#fff; white-space:nowrap; border-radius:0 0 4px 4px;}
.prize_card.t1 .badge {background-color:#2456E8;}
.prize_card.t2 .badge {background-color:#319795;}
.prize_card.t3 .badge {background-color:#3182ce;}
.prize_card.t4 .badge {background-color:#a0aec0;}

.prize_card .money {line-height:28px; font-size:24px; font-weight:700;}

/* cont2 */
#cont2 {background:#66C6F8;}
#cont2 .tit_wrap {margin-bottom:68px;}
#cont2 .guide_wrap + .guide_wrap {margin-top:50px;}
#cont2 .guide_box {position:relative; padding: 35px 20px 25px; text-align:center; background:#fff; border-radius:20px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);}
#cont2 .guide_box h4 {position:absolute; top:-19px; left:50%; transform:translateX(-50%); padding:0 55px; color:#fff; line-height:38px; font-size:24px; font-weight:700; white-space:nowrap; background:#000; border-radius:38px;}

.speaker {display:inline-block; width:30px; height:27px; margin-right:4px; vertical-align:middle; background:url("//s3.unistudy.co.kr/images/pc/event/videoContest/ic_speaker.png") no-repeat 0 / 100%;}

#cont2 .guide_box ul {display:flex; justify-content:center; gap:40px;}
#cont2 .guide_box ul li {font-size:24px; font-weight:500; color:#000;}

#cont2 .guide_list {display:flex; justify-content:space-between; gap:30px;}
#cont2 .guide_list .guide_box {flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative;}
#cont2 .guide_list .guide_box::after {content:''; position:absolute; top:50%; right:-26px; width:22px; height:38px; margin-top:-19px; background:url("//s3.unistudy.co.kr/images/pc/event/videoContest/con02_step_arrow.png") no-repeat 0 / 100%;}
#cont2 .guide_list .guide_box:last-child::after {display:none;}
#cont2 .guide_list .guide_box h4 {padding:0 20px; color:#6ad9ec;}
#cont2 .guide_list .guide_box p {margin-top:23px;font-size:20px; font-weight:400; color:#000;}

#cont2 .btn_wrap {display:flex; flex-wrap:wrap; justify-content:center; gap:20px; margin-top:50px;}
#cont2 .btn_comm {display:inline-flex; align-items:center; position:relative; width:520px; height:74px; padding:0 20px; font-size:30px; font-weight:700; color:#fff; background:#fff; border-radius:37px;}
#cont2 .btn_comm:nth-child(1) {color:#2456e8; border:2px solid #0779FF;}
#cont2 .btn_comm:nth-child(2) {color:#00AE9C; border:2px solid #00AE9C;}
#cont2 .btn_comm:nth-child(3) {justify-content:center; height:65px; background:#007bc9; border-radius:32px;}

#cont2 .btn_comm:nth-child(1)::after {content:''; display:block; position:absolute; right:20px; width:31px; height:26px; background:url("//s3.unistudy.co.kr/images/pc/event/videoContest/con02_arrow01.png") no-repeat 0 / 100%;}
#cont2 .btn_comm:nth-child(2)::after {content:''; display:block; position:absolute; right:20px; width:31px; height:26px; background:url("//s3.unistudy.co.kr/images/pc/event/videoContest/con02_arrow02.png") no-repeat 0 / 100%;}

#cont2 .btn_comm .label {display:inline-block; width:80px; height:42px; margin-right:20px; line-height:42px; font-size:22px; font-weight:bold; color:#fff; text-align:center; border-radius:21px;}
#cont2 .btn_comm:nth-child(1) .label {background:#2456E8;}
#cont2 .btn_comm:nth-child(2) .label {background:#00AE9C;}

#cont2 .btn_comm.done {color:#fff; background:rgba(0, 0, 0, .5); border:none;}
#cont2 .btn_comm.done::after {display:none;}
#cont2 .btn_comm.done .label {background:#fff; color:#000;}

/* cont3 */
#cont3 {background:#EDEBEB;}

/* FAQ toggle */
.faq_container {margin-top:50px;}
.faq_section {margin-bottom:20px; background:#fff; border-radius:8px;}

/* FAQ : 타이틀 */
.faq_title_btn {display:flex; justify-content:center; align-items:center; width:100%; height:65px; font-size:30px; font-weight:500; color:#fff; background:#333; border-radius:8px;}
.faq_title_btn .arrow {margin:5px 0 0 10px; font-size:16px; transition:transform 0.3s ease;}
.faq_title_btn.is_active .arrow {transform:rotate(180deg);}

/* FAQ  : 내용 */
.faq_content_wrap {padding:0 30px;}

.faq_ct .faq_item {padding:40px 40px 40px 0; text-align:left; border-bottom:1px solid rgba(34, 34, 34, .2); }
.faq_ct .faq_item * {color:#222; word-break:keep-all; word-wrap:break-word;}
.faq_ct .faq_item:last-child {border-bottom:none;}
.faq_ct .faq_item .question {line-height:31px; font-size:28px; font-weight:700; color:#325bf2;}
.faq_ct .faq_item .answer {padding-left:45px; margin-top:15px; margin-left:25px; line-height:31px; font-size:22px; font-weight:500; text-indent:-25px; vertical-align:middle;}
.faq_ct .faq_item .question::before {content:'Q.';}
.faq_ct .faq_item .answer::before {content:'A.'; font-weight:700;}


/* cont4 */
#cont4 {background:#2D47D1;}
#cont4 .event_box {display:flex; justify-content:space-between; padding:50px 70px; background:#2840BC; border-radius:26px;}
#cont4 .event_box .gift_wrap img {margin-top:-34px;}

/* 이벤트 기간 */
.list_period {display:inline-grid; grid-template-columns:150px 1fr; row-gap:10px; column-gap:26px; align-items:flex-start;}
.list_period dt,
.list_period dd {color:#fff; font-weight:400;}
.list_period dt {padding:4px 0 3px; font-size:20px; text-align:center; vertical-align:middle; background:rgba(0, 0, 0, .5); border-radius:17px;}
.list_period dd {font-size:22px; text-align:left;}
.list_period dd strong {font-weight:700;}

/* 댓글 입력 */
.comment_box {padding:30px 50px 50px; margin-top:50px; background:#fff; border-radius:26px;}
.comment_box .sel_list {display:flex; flex-wrap:wrap; gap:30px;}
.comment_box .sel_list label {display:flex; align-items:center; font-size:22px; font-weight:700; color:#222;}

.comment_box .text_area {margin:30px 0 40px;}
.comment_box .text_area > p {line-height:1.2; font-size:14px; font-weight:400; color:#3F3F3F;}
.comment_box .txtarea_wrap {display:flex; height:138px; margin-bottom:8px;}
.comment_box .txtarea_wrap textarea {flex:1; resize:none; height:100%; background:#F1F1F1; border:1px solid #222; border-radius:0;}
.comment_box .txtarea_wrap textarea::placeholder {font-size:14px; font-weight:500; color:#8f8f8f;}
.comment_box .txtarea_wrap button {width:200px; height:100%; font-size:24px; font-weight:700; color:#fff; background:#222; border-radius:0;}

.comment_box table {table-layout:fixed;}
.comment_box table td.cont {text-align:left; word-break:break-all; overflow-wrap:break-word;}
.comment_box table .subject {display:flex; justify-content:center; align-items:center; width:175px; height:33px; font-size:15px; font-weight:500; border:1px solid #0000bd;}
.comment_box table .subject.t1 {color:#0000bd; border-color:#0000bd;}
.comment_box table .subject.t2 {color:#0067e8; border-color:#0067e8;}
.comment_box table .subject.t3 {color:#008c59; border-color:#008c59;}
.comment_box table .subject.t4 {color:#777; border-color:#777;}
.comment_box .board_pagination {margin-bottom:0;}


/* noticeWrap */
.noticeWrap {margin:90px 0 0; padding:0 48px; border:1px solid rgba(255,255,255,0.7); border-radius:8px;}
.noticeWrap_title {position:relative; margin-bottom:0; font-weight:600; font-size:22px; line-height:57px;
    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:371px; 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:45px 20px 73px; border-top:1px solid rgba(255,255,255,0.7);}
.noticeWrap_inner .noticeWrap_item {margin-top:32px;}
.noticeWrap_inner .noticeWrap_item:first-child {margin-top:0;}

.noticeWrap_list {margin-top:3px;}
.noticeWrap_list .notice_item {position:relative; margin-top:5px; padding:0 0 0 30px; font-weight:400; font-size:16px; line-height:24px; font-weight:500; color:#ccc3ff; letter-spacing:-0.7px; text-align:left;}
.noticeWrap_list .notice_item .highlight {}
.noticeWrap_list .notice_item:before {content:"-"; position:absolute; left:16px;}
.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; border:1px solid #fff; border-radius:2px; font-weight:400; font-size:13px; color:#fff; vertical-align:middle;}