@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;}
body {font-family: "Pretendard Variable", "Malgun Gothic", "맑은 고딕", sans-serif;}

/* wraper */
.freeZone .inner {position:relative; width:1200px; padding:120px 0; margin:0 auto; text-align:center;}
.tit_wrap, .img_wrap {position:relative; text-align:center;}
.tit_wrap {margin-bottom:50px;}

#top_title, .con_area {position:relative;}

/* text */
.nt_txt {margin-top:30px; font-size:14px; font-weight:400; color:#555; text-align:center;}

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

/* link */
a {display:inline-block;}
.link_wrap {position:relative;}
.link_wrap a {display:block; position:absolute; font-size:0;}

.btn_comm {display:inline-flex; justify-content:center; align-items:center; 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:17px; background:url(//s3.unistudy.co.kr/images/pc/event/2026/freeCourseZone/btn_arrow.png) no-repeat 0 / 100%; content:'';}
.btn_comm:hover {color:#fff;}

/* 사이드 배너 */
.side_banner {position:fixed; top:35%; right:0; z-index:1000; font-size:0;}
.side_banner a {display:block;}

/* ========== contents ========== */
/*----- visual -----*/
#top_title {height:936px; background:linear-gradient(90deg, #d4c3ff 0%, #e4d8ff 25%, #f2efff 50%, #c8d8ff 75%, #93b2ff 100%);}
#top_title .inner {padding-top:74px;}
#top_title .nt_txt {margin-top:-30px;}

#top_title .info_wrap {margin:70px 0 20px;}
#top_title .info_wrap ul {display:flex; gap:20px;}
#top_title .info_wrap li {flex:1; padding:36px 10px 30px; background:rgba(255, 255, 255, .6); border-radius:20px; border:1px solid #fff;}
#top_title .info_wrap h3 {padding-bottom:13px; line-height:1; font-size:30px; font-weight:bold; color:#763cff; border-bottom:1px solid rgba(118, 60, 255, .2);}
#top_title .info_wrap p {padding-top:12px; line-height:1.3; font-size:26px; font-weight:400;}

/*----- con01 -----*/
#con01 {background:#F8F8F8;}

/*----- con02 -----*/
#con02 {background:#F1F1FF;}

/*----- con03 -----*/
#con03 {background:#2B50ED;}
#con03 .tit_wrap {margin-bottom:30px;}

#con03 .prize_wrap {display:inline-block; position:relative; margin:0 auto;}
#con03 .prize_num {display:flex; justify-content:center; align-items:center; position:absolute; right:66px; bottom:90px; width:69px; height:69px; background:#F1416C; border-radius:100%;}
#con03 .prize_num span {padding-top:5px; line-height:1.2; font-size:16px; font-weight:700; color:#fff;}

#con03 .group_gravity {display:flex; justify-content:center; gap:30px;}
#con03 .list_period {display:inline-grid; grid-template-columns:150px auto; column-gap:20px; text-align:left;}

#con03 .list_period dt, 
#con03 .list_period dd {line-height:34px; color:#fff;}
#con03 .list_period dt {width:150px; height:34px; margin-right:20px; font-size:20px; font-weight:400; text-align:center; vertical-align:middle; background:rgba(0, 0, 0, .5); border-radius:20px;}
#con03 .list_period dd {font-size:22px; vertical-align:middle;}

/*----- con04 -----*/
#con04 {background:#652DE8;}
#con04 .nt_txt {margin-top:-30px; color:#fff;}
#con04 .btn_wrap {margin-top:40px;}

/* noticeWrap */
.noticeWrap {margin:60px 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; line-height:1.4; font-size:20px; transition:transform 0.3s ease;}
.noticeWrap_title .notice_arrow::after {content:'▼';}
.noticeWrap_title.trigger.active .notice_arrow {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 30px; 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:3px 0 0 15px;}
.noticeWrap_list .notice_item {position:relative; padding:0 0 0 12px; font-size:16px; line-height:24px; font-weight:400; color:rgba(255,255,255,0.7); 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; border:1px solid #fff; border-radius:2px; font-weight:400; font-size:13px; color:#fff; vertical-align:middle;}

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

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

/* faq toggle */
.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:17px; transition:transform 0.3s ease;}
.faq_title_btn.is_active .arrow {transform:rotate(180deg);}

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

.faq_ct {}
.faq_ct .faq_item {padding:40px; 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:31px; font-size:28px; font-weight:700; color:#6714ff;}
.faq_ct .faq_item .answer {padding-left:45px; margin-top:15px; margin-left:25px; line-height:31px; font-size:22px; font-weight:500; color:#222; text-indent:-25px;}
.faq_ct .faq_item .answer em {font-weight:700;}
.faq_ct .faq_item .ft_sm {font-size:16px;}