@charset "utf-8";

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


/* ========== global ========== */
.screen_out {overflow:hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px;}

/* wraper */
.area_evt * {font-family: "Pretendard Variable", "Malgun Gothic", "맑은 고딕", sans-serif; box-sizing:border-box;}
.tit_wrap, .img_wrap {position:relative;}

/* link */
.area_evt .link_wrap {position:relative;}
.area_evt .link_wrap a {display:block; position:absolute;}

.area_evt a {display:inline-block;}

.area_evt .bnr_wrap {position:relative; margin-top:6.58vw;}
.area_evt .bnr_wrap a {position:absolute; width:36.97vw; height:6.58vw; font-size:0;}

/* inner */
.evt_inner {position:relative; padding:0 5.26vw 15.79vw;}

/* 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 */
.evt_title {position:relative;}

/* event done */
.pageDone {position:absolute; right:19%; bottom:28%; z-index:10; pointer-events:none;}
.pageDone img {width:27.24vw; height:20.66vw;}


/* evt1 */
#evt1 {background:#3B7EFF;}
#evt1 .bnr_wrap a {right:19.34vw; bottom:2.63vw;}

/* event info */
.evt_info_list {display:inline-grid; grid-template-columns:19.74vw max-content;	column-gap:2.63vw; row-gap:1.32vw; align-items:start; margin:0 auto;}

.evt_info_list dt,
.evt_info_list dd {line-height:4.47vw; font-weight:400; color:#fff;}
.evt_info_list dt {width:19.74vw; 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; text-align:left;}

.evt_mission {display:flex; gap:1.32vw; margin:1.71vw 0 2.63vw;}
.evt_mission .link_wrap a {left:0; right:0; bottom:3.29vw; width:36.84vw; height:5.26vw; margin:0 auto; font-size:0;}

.prize_list_wrap {margin-top:6.58vw; text-align:center;}
.prize_list {display:inline-grid; gap:2.63vw; grid-template-columns:repeat(2, 1fr); margin:0 auto;}
.prize_list li {position:relative;}
.prize_list li:nth-of-type(1) {grid-column: 1 / span 2; justify-self:center;}
.prize_list li:nth-of-type(1) img {width:39.87vw;}
.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:#000;}


/* evt2 */
#evt2 {background:#FF6771;}
#evt2 .btn_benefit {position:absolute; right:3.95vw; bottom:4.08vw; width:36.84vw; height:5.26vw; font-size:0;}
#evt2 .remark_txt {margin:0.92vw 0 0 1.97vw;}
#evt2 .remark_txt li {line-height:2.89vw; font-size:2.11vw; font-weight:400; color:rgba(255,255,255,.8);}

#evt2 .bnr_wrap a {left:0; right:0; bottom:2.63vw; margin:0 auto;}

/* event tab */
.evt_tab_wrap {display:flex; margin-top:6.58vw;}
.evt_tab_wrap li {flex:1 1 40%; height:14.34vw; background:#B8B8B8; border-top-left-radius:2.63vw; border-top-right-radius:2.63vw;}
.evt_tab_wrap li.active{background:#4272E2;}
.evt_tab_wrap button {width:100%; height:100%; line-height:4.74vw; font-size:3.95vw; font-weight:400; color:#fff;}
.evt_tab_wrap button strong {display:block;}

.evt_verif_wrap {padding:5.79vw 2.37vw 6.58vw; text-align:center; background:#fff; border-bottom-left-radius:2.26vw; border-bottom-right-radius:2.26vw;}
.evt_verif_wrap h4 {line-height:4.74vw; font-size:3.95vw; font-weight:700; color:#181c32;}

.evt_verif_wrap .ct_upload {display:inline-block; margin:3.42vw 0 5.26vw;}
.evt_verif_wrap .upload_image .image-box {display:block; width:55.26vw; height:30.39vw; object-fit:cover;}
.evt_verif_wrap .upload_btn {display:block; width:55.26vw; height:6.58vw; cursor:pointer; background:#575A6D;}
.evt_verif_wrap .upload_btn input[type=file] {display:none;}
.evt_verif_wrap .upload_btn input[type=file] + span {line-height:6.58vw; font-size:2.37vw; font-weight:700; color:#fff;}
.evt_verif_wrap .upload_btn input[type=file] + span i {display:inline-block; width:19px; height:15px; margin-left:8px; background:url(//s3.unistudy.co.kr/images/pc/event/2025/preAcademic/ic_upload.png) no-repeat 0 / cover;}

.evt_verif_wrap .ct_agree {height:36.84vw; padding:2.24vw; text-align:left; background:#F6F6F6;}
.evt_verif_wrap .chk_label input[type=checkbox] {width:2.11vw; height:2.11vw; min-width:12px; min-height:12px; margin:0; vertical-align:middle; border:1px solid #3F3F3F; border-radius:0;}
.evt_verif_wrap .chk_label,
.evt_verif_wrap p {font-size:2.11vw; color:#3f3f3f;}
.evt_verif_wrap .chk_label + p {padding-left:3.16vw;}

.evt_verif_wrap .agree_list {padding:1.58vw; margin-top:0.79; background:#fff;}
.evt_verif_wrap .agree_list li {line-height:2.63vw; font-size:1.97vw; color:rgba(63, 63, 63, .8);}
.evt_verif_wrap .agree_list .udl {text-decoration:underline;}
.evt_verif_wrap .agree_list + p {margin-top:0.92vw;}

.evt_verif_wrap .nt_txt {margin-top:2.24vw;}
.evt_verif_wrap .nt_txt p {line-height:2.89vw; font-size:2.11vw; font-weight:400; color:#ff6060;}

.evt_verif_wrap .ct_input {margin:5.66vw 0 5.92vw;}
.evt_verif_wrap .input_list {width:64.13%; margin:0 auto;}
.evt_verif_wrap .input_list {display:grid; grid-template-columns:18.95vw 1fr; justify-content:center; margin-top:-1.32vw;}
.evt_verif_wrap .input_list * {font-size:3.16vw; text-align:left; color:#181c32;}
.evt_verif_wrap .input_list dt,
.evt_verif_wrap .input_list dd {margin-top:1.32vw;}
.evt_verif_wrap .input_list dt {line-height:6.58vw; text-align:left;}
.evt_verif_wrap .input_list dd input {width:100%; height:6.58vw; background:#FFF5D7; border:1px solid #3F3F3F; border-radius:0;}

.evt_verif_wrap .btn_wrap {margin-top:3.95vw; font-size:0;}
.evt_verif_wrap .tab_ct2 .btn_wrap {margin-top:5.13vw;}
.evt_verif_wrap .btn_wrap a + a {margin-top:1.32vw;}


/* evt3 */
#evt3 {background:#FF7967;}
#evt3 .evt_inner {padding:6.58vw 5.26vw 15.79vw;}

.comment_box {position:relative; padding:0 5.26vw 10.53vw; background:#fff;}

.comment_box .text_area {margin-bottom:5.26vw;}
.comment_box .text_area > p {margin-top:1.58vw; font-size:2.11vw; font-weight:400; color:#3F3F3F;}
.comment_box .txtarea_btn {display:flex; height:18.42vw;}
.comment_box .txtarea_btn textarea {flex:1; resize:none; height:100%; background:#FFF5D7; border:1px solid #585858; border-radius:0;}
.comment_box .txtarea_btn button {width:19.74vw; height:100%; line-height:4.47vw; font-size:3.68vw; font-weight:600; color:#fff; background:#3F3F3F;}

.comment_box table {table-layout:fixed;}
.comment_box table td.cont {text-align:left; word-break:break-all; overflow-wrap:break-word;}

.comment_box .board_pagination {margin-bottom:0;}
.comment_box .reply_list td {padding:2.89vw; line-height:3.16vw; font-size:2.89vw; border-top:1px solid #ddd;}
.comment_box .reply_list td.name {font-weight:600; text-align:center;}
.comment_box .reply_list td.cont {text-align:left;}

/* 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; 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;}
.noticeWrap_list .notice_item .point_color {color:#FF7967;}