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


/* ========== quick menu ========== */
/* group_showcase_menu */
.group_showcase_menu {position:fixed; top:50%; right:0; z-index:9999; width:180px; text-align:center; transform:translateY(-50%);}

.group_showcase_menu .link_comm {display:inline-block; width:50px; height:50px; margin-top:10px; font-size:0; color: transparent; background:url("http://s3.unistudy.co.kr/images/pc/event/2026/midtermPromo/btn_top.png") 0 0 no-repeat; vertical-align:top;}

/* list_showcase_menu */
.list_showcase_menu + .list_showcase_menu {margin-top:10px;}
.list_showcase_menu li {margin-top:1px;}
.list_showcase_menu li:first-child {margin-top:0;}
.list_showcase_menu li:first-child .link_showcase_menu {border-radius: 10px 0 0 0;}
.list_showcase_menu li:last-child .link_showcase_menu {border-radius:0 0 0 10px;}

.list_showcase_menu li .link_showcase_menu {display:block; position:relative; line-height:1.25; font-size:16px; font-weight:400; color:#212a42; text-align:center; background:rgba(218,255,88, 0.9); transition:none;}

.list_showcase_menu li .link_showcase_menu.active {color:#fff; background:rgba(33,42,66, 0.9);}
.list_showcase_menu li .link_showcase_menu .outer_cell {width:100%; min-height:70px;}
.list_showcase_menu li .link_showcase_menu .hl {color:#2e4eff;}
.list_showcase_menu li .link_showcase_menu.active .hl {color:#c6ff00;}


/* ========== global ========== */
.area_evt .subContent {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;}

/* cell */
.outer_cell {display:table;}
.outer_cell .inner_cell {display:table-cell; vertical-align:middle;}

/* wraper */
.area_evt {min-width:1217px;}
.area_evt * {box-sizing:border-box;}

.inner_evt {position:relative; width:1200px; padding:120px 0; margin:0 auto; text-align:center;}

/* title */
.tit_wrap, .img_wrap {position:relative; text-align:center;}
.inner_evt .tit_wrap {margin-bottom:50px;}
.inner_evt .sub_tit_wrap {margin-bottom:40px;}

/* link */
.area_evt a {display:inline-block;}

.area_evt .link_wrap {position:relative;}
.area_evt .link_wrap a {display:block; position:absolute; font-size:0;}

/* text */
.area_evt .nt_txt {margin-top:10px; font-size:15px; font-weight:400; color:#555; text-align:right;}


/* ========== contents ========== */
/* evt title */
#evt_title .promo_bar a {width:100%; padding:25px 0; font-weight:700; font-size:30px; line-height:1; color: #fff; background:#212A42; text-align:center;}
#evt_title .promo_bar .highlight {color:#c6ff00;}

.outer_top_title {height:876px; padding-top:52px; text-align:center; background:url("http://s3.unistudy.co.kr/images/pc/event/2026/midtermPromo/top_tit_bg.jpg")no-repeat 50% 0 / cover;}

.outer_top_title .tit_wrap {display:inline-block;}
.outer_top_title .tit_badge {position:absolute; top:-10px; right:-160px;}


/* evt1 */
#evt1 {background:#E2FFAD;}

/* evt2 */
#evt2 {background:#F2F2F2;}
#evt2 .ct_box {padding:40px 20px; background:#fff; border-radius:12px; box-shadow:-3px 4px 15px 0 rgba(0,0,0,0.1);}
#evt2 .ct_box + .ct_box {margin-top:30px;}
#evt2 .ct_box + .bnr_wrap {margin-top:50px;}
#evt2 .ct_tit {margin-bottom:30px; line-height:1; font-size:34px; color:#111; font-weight:700;}
#evt2 .ct_item {display:flex; flex-wrap:nowrap; gap:20px;}
#evt2 .ct_item li {position:relative;}
#evt2 .ct_item li a {display:inline-block;}

#evt2 .img_badge {position:absolute; top:-10px; right:-15px; }
#evt2 .btn_shortcut {height:30px; padding:0 24px 0 30px; line-height:30px; font-size:18px; font-weight:500; color:#fff; background:#111; border-radius:15px;}
#evt2 .btn_shortcut::after {display:inline-block; content:''; width:6px; height:12px; margin-left:10px; background:url("http://s3.unistudy.co.kr/images/pc/event/2026/midtermPromo/con02_btn_arrow.png") no-repeat 0 / 100%;}


#evt2 .course .ct_item a {position:absolute; left:0; right:0; bottom:0; height:40px; font-size:0;}
#evt2 .method .ct_item .link_area {position:absolute; left:0; right:0; bottom:14px; margin:0 auto;}
#evt2 .method .ct_item .link_area a {background:rgba(0,0,0,0.5);}
#evt2 .curriculum .btn_shortcut {margin:3px 0 0 10px; vertical-align:top;}

/* evt3 */
#evt3 {background:#3965FF;}
#evt3 .link_wrap .btn_link {left:185px; bottom:10px; width:253px; height:56px;}

/* evt4 */
#evt4 {background:#009D59;}
#evt4 .benefit_area {position:relative;}
#evt4 .benefit_area ul {display:flex; position:absolute; top:0; left:0; right:0; bottom:0;}
#evt4 .benefit_area ul > li {flex:1;}
#evt4 .benefit_area .link_wrap a {left:83px; bottom:30px; width:330px; height:45px;}

#evt4 .evt_btn_area {margin-top:38px;}

/* evt5 */
#evt5 {background:#fff;}


/*---- contents common ----*/
/* info_list */
.info_list_wrap {margin-top:40px;}
.info_list {display:inline-grid; grid-template-columns:max-content 1fr; column-gap:20px; row-gap:10px; align-items:start; margin:0 auto;}
.info_list dt,
.info_list dd {line-height:34px; font-size:22px; font-weight:400; color:#fff;}
.info_list dt {width:150px; font-size:20px; text-align:center; white-space:nowrap; background-color:rgba(0, 0, 0, .5); border-radius:17px;}
.info_list dd {display:flex; flex-direction:column; justify-content:center; min-height:34px; line-height:26px; text-align:left;}
.info_list dd.full {grid-column: 1 / -1; margin-bottom:10px;}
.info_list dd .img_benefit {margin-top:20px;}

/* 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.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-top:3px;}
.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;}


/* tab_comm */
.tab_comm {margin-bottom:17px;}
.tab_comm .inner_tab {display:flex; gap:20px;}
.tab_comm .btn_tab {flex:1; position:relative; height:80px; font-size:30px; font-weight:800; letter-spacing:-0.5px; color:#fff; background:#C6C6C6; border-radius:8px;}
.tab_comm .btn_tab.active {color:#fff; background:#213A7D;}

.sub_tab_comm {margin-bottom:55px;}
.sub_tab_comm .inner_tab {display:flex; justify-content:space-between; position:relative;}

.sub_tab_comm .btn_tab {height:43px; padding:0 50px; font-weight:700; font-size:22px; color:#222; background-color:#fff; border:1px solid #D7D7D7; border-radius:21px;}
.sub_tab_comm .btn_tab.active {color:#0039ba; background-color:#E4ECFF; border-color:#0039BA;}