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

  --size-font:calc(26* var(--unit));
  --size-100:calc(100* var(--unit));
  --size-10:calc(10* var(--unit));
  --size-40:calc(40* var(--unit));
}

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

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

/* button */
.btn_comm {display:flex; justify-content:center; align-items:center; width:59%; height:calc(77* var(--unit)); margin:0 auto; line-height:calc(77* var(--unit)); font-size:calc(32* var(--unit)); font-weight:800;  color:#fff; text-align:center; background:#222; border-radius:calc(10* var(--unit));}
.btn_comm::after {display:inline-block; width:calc(10* var(--unit)); height:calc(16* var(--unit)); margin-left:17px; background:url(//s3.unistudy.co.kr/images/mobile/event/2026/freeCourseZone/btn_arrow.png) no-repeat 0 / 100%; content:'';}

/* ========== contents ========== */
/*----- top title -----*/
#top_title {position:relative;}
#top_title .tag_list {display:inline-flex; flex-wrap:wrap; justify-content:center; gap:1.58vw; position:absolute; left:0; right:0; bottom:27%; margin:0 auto;}
#top_title .tag_list li {padding:0 2.63vw; line-height:calc(58* var(--unit)); font-size:calc(26* var(--unit)); font-weight:500; background:#fff; border-radius:calc(29* var(--unit));}

/*----- con02 -----*/
#con02 {background:#F1F1FF;}
#con02 .inner {padding-top:calc(50* var(--unit)); margin-top:calc(60* var(--unit));}

.group_review {position:relative; margin:0 var(--size-40); }
.group_review .box_review {height:100%; padding:calc(45* var(--unit)) calc(45* var(--unit)) calc(115* var(--unit)) ; text-align:center;}
.group_review .box_review * {color:#111;}
.group_review .box_review .review_tag {margin-bottom:calc(30* var(--unit)); line-height:1; font-size:calc(34* var(--unit)); font-weight:700;}
.group_review .box_review .review_txt {line-height:1.3; font-size:calc(28* var(--unit)); font-weight:500; word-break:keep-all; word-wrap:break-word;}
.group_review .box_review .review_name {position:absolute; left:0; right:0; bottom:calc(45* var(--unit)); margin:0 auto; margin-top:calc(50* var(--unit)); line-height:1; font-size:calc(22* var(--unit)); color:#777;}

.group_review .swiper-review {overflow:hidden; background:#fff; border-radius:1.97vw; box-shadow:0 10px 15px rgba(66, 0, 160, 0.08);}
.group_review .swiper-slide {height:auto;}
.group_review .swiper-container-horizontal>.swiper-pagination-bullets {bottom:calc(-1 * 50 * var(--unit));}
.group_review .swiper-pagination-bullet {width:calc(18* var(--unit)); height:calc(18* var(--unit)); background:#fff; border:1px solid #74808D; opacity:1;}
.group_review .swiper-pagination-bullet-active {background:#74808D;}

/*----- con03 -----*/
#con03 {background:#2B50ED;}

#con03 .group_gravity {text-align:center;}
#con03 .list_period {display:inline-grid; grid-template-columns:1fr max-content; gap:max(calc(320px * 0.0132), 1.32vw); align-items:flex-start; text-align:left;}
#con03 .list_period dt, 
#con03 .list_period dd {font-size:var(--size-font); font-weight:400; color:#fff; letter-spacing:-1px;}
#con03 .list_period dt {padding:0 2.37vw; line-height:max(calc(320px * 0.0592), 5.92vw); text-align:center; letter-spacing:-0.125vw; background:rgba(0, 0, 0, .5); border-radius:max(calc(320px * 0.0289), 2.89vw);}
#con03 .list_period dt strong {font-weight:700;}

/* noticeWrap */
.noticeWrap {width:auto; margin-top:calc(50* var(--unit));}
.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;}
.notice_item .highlight {color:#5B771F;}

.noticeWrap_list.no .notice_item {padding-left:0;}
.noticeWrap_list.no .notice_item:before {content:'';}

/*----- con04 -----*/
#con04 {background:#652DE8;}

/*----- con05 -----*/
#con05 {background:#EDEBEB;}

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

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

/* FAQ contents */
.faq_content_wrap {display:none; padding:0 calc(30* var(--unit));}

.faq_ct {}
.faq_ct .faq_item {padding:calc(30* var(--unit)) 0; text-align:left; border-bottom:1px solid rgba(34, 34, 34, .2); }
.faq_ct .faq_item * {word-break:keep-all; word-wrap:break-word;}
.faq_ct .faq_item:last-child {border-bottom:none;}
.faq_ct .faq_item .question {line-height:4.47vw; font-size:3.42vw; font-weight:700; color:#6714ff;}
.faq_ct .faq_item .answer {margin:calc(10* var(--unit)) 0 0 calc(70* var(--unit));  line-height:4.08vw; font-size:3.16vw; font-weight:500; color:#222; text-indent:calc(-30* var(--unit));}
.faq_ct .faq_item .answer em {font-weight:700;}