@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

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

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

.examTrend {position:relative; min-width:320px;}
.examTrend * {box-sizing:border-box;}
.examTrend section {position:relative; -webkit-text-size-adjust:none;}
.examTrend .evt_area {position:relative; width:100%;}
.examTrend .evt_inner {position:relative; padding:0 5.26vw; margin:0 auto;}
.examTrend .tit_wrap,
.examTrend .img_wrap {position:relative; text-align:center; margin:0 auto;}
.examTrend .img_wrap img {display:block; max-width:100%;}


/* 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:2.63vw; line-height:1; font-size:2.89vw; font-weight:500; color:rgba(0,0,0,.5); text-align:center;}

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

.evt_title .evt_inner {padding-bottom:13.16vw; background:url("https://s3.unistudy.co.kr/images/mobile/event/2026/trend/top_tit_bg.jpg") no-repeat center top / cover;}

.evt_title .btn_link {position:absolute; right:max(calc(320px * 0.0461), 4.61vw); bottom:max(calc(320px * 0.0592), 5.92vw); width:max(calc(320px * 0.4211), 42.11vw); height:max(calc(320px * 0.1184), 11.84vw); color:transparent;}

.evt_title .benefit_list {display:flex; flex-direction:column; gap:2.63vw;}
.evt_title .group_gravity {text-align:center; margin-top:6.58vw;}
.evt_title .list_period {display:inline-grid; grid-template-columns:1fr max-content; column-gap:2.37vw; row-gap:2.37vw; align-items:center; text-align:left;}
.evt_title .list_period dt,
.evt_title .list_period dd {line-height:5.79vw; font-size:max(calc(320px * 0.0342), 3.42vw); color:#000; font-weight:600; vertical-align:middle; letter-spacing:-1px;}
.evt_title .list_period dt {height:5.79vw; padding:0 2.89vw; text-align:center; letter-spacing:-0.125vw; border:1px solid #000; border-radius:22px;}


/* cont1 */
#cont1 {padding:13.16vw 0; background:#3E55F0;}
#cont1 .evt_inner .inner {padding:5.26vw 2.63vw 7.89vw;}

#cont1 .btn_wrap {margin-top:5.26vw;}

#cont1 .remark_txt {margin-top:2.63vw; font-size:2.37vw; color:#fff; text-align:center;}

/* noticeWrap */
/* .noticeWrap {width:auto; margin-top:57px; margin-top:7.5%;} */
.noticeWrap_title {display:block; margin:0 auto; padding:0.8rem 0 0.7rem; background:rgba(0, 0, 0, 0.3); font-size:4.2vw; font-weight:normal; text-align:center; cursor:pointer;}
.noticeWrap_title.sub {margin-bottom:0.5rem; padding:0; background:none; font-weight:bold; font-size:3.6vw; color:#3f3f3f; text-align:left;}
.noticeWrap_list + .noticeWrap_title {margin-top:5vw;}
.noticeWrap_txt {display:inline-block; position:relative; padding:0 1rem 0 0; font-weight:bold; color: #fff;}
.noticeWrap_txt:before {position:absolute; right:-2vw; top:50%; z-index:3; font-size:calc(100% - 1vw); content:"▼"; transform: translateY(-50%);}
.noticeWrap.on .noticeWrap_txt:before {content: "▲";}
.noticeWrap_inner {display:none; margin: 0; padding: 1rem; background: #fff;}
.noticeWrap_item {margin-top:2.63vw;}
.noticeWrap_item:first-child {margin-top:0;}
.noticeWrap_list {position: relative;}
.notice_item {position: relative; padding: 0 0 0 0.7rem; margin-bottom: 0.2rem; font-size:3.2vw; line-height: 1.4; letter-spacing: -0.5px; color: #3f3f3f; word-break: keep-all; word-wrap: break-word;}
.notice_item:before {position: absolute; left: 0; top: 0; z-index: 3; content: "-";}
.notice_link {display: inline-block; font-weight:bold; font-size:inherit; color:#2D65E8; text-decoration:underline;}