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

.con_area {position:relative;}

/* text */
.tit_wrap * {letter-spacing:-1px;}
.tit_wrap h3 {font-size:50px; font-weight:800;}
.tit_wrap .sub_tit {font-size:28px; font-weight:500;}
.tit_wrap strong {font-weight:800;}

.copy_txt {margin-top:50px; font-size:46px; font-weight:700;}
.point_color {color:#2457e6;}

.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:903px; background:url('https://next.megastudy.net/design_guide/unistudy/261012/basicEngineering/pc/images/top_title_bg.jpg') no-repeat center bottom / cover;}
#top_title .inner {padding-top:219px;}
#top_title .tit_wrap {display:flex;}

#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;}
#top_title .btn_comm {width:640px; height:80px; margin-top:60px; font-size:28px; background:#4C00FF;}

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

.compare_table {width:100%;}
.compare_table table {width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0; font-size:26px; color:#222; border:none;}
.compare_table th,
.compare_table td {padding:0; line-height:1.3; text-align:center; vertical-align:middle; background:none;}
.compare_table .col_label {width:130px;}
.compare_table .high_header {background:#D2D8E6; border-radius:10px 0 0 0;}
.compare_table .univ_header {color:#fff; background:#2457E6; border-radius:0 10px 0 0;}

.compare_table thead th {height:112px;}
.compare_table thead th strong {display:block; margin-bottom:4px; font-size:36px; font-weight:700;}
.compare_table thead th span {display:block; font-size:20px; font-weight:500;}

.compare_table tbody th,
.compare_table tbody td {border:none; border-bottom:1px solid #B3BACC;}
.compare_table tbody th {height:120px; font-size:22px; font-weight:700; background:#C4CDDE;}
.compare_table tbody td {font-size:26px; font-weight:500; background:#fff;}

.compare_table tbody td:nth-child(3n) {background:#E0EBFF;}
.compare_table tbody tr:first-child th {border-radius:10px 0 0 0;}
.compare_table tbody tr:last-child th {border-radius:0 0 0 10px; border-bottom:0;}
.compare_table tbody tr:last-child td {border-bottom:0;}
.compare_table tbody tr:last-child td:last-child {border-radius:0 0 10px 0;}


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

.step_list {width:100%; margin-bottom:50px;}
.step_list ol {display:flex; position:relative; width:100%;}
.step_list li {position:relative; flex:1; text-align:center;}
.step_list li:not(:last-child)::after {content:''; position:absolute; top:15px; left:50%; z-index:0; width:100%; height:1px; background:#2457E6;}
.step_list li:not(:last-child)::before {content:''; position:absolute; top:8px; right:10px; z-index:2; width:10px; height:15px; background:url('https://next.megastudy.net/design_guide/unistudy/261012/basicEngineering/pc/images/step_arrow.png') no-repeat 0 / cover;}
.step_list .step_dot {position:relative; z-index:1; width:30px; height:30px; margin:0 auto 10px; border:8px solid rgb(36 87 230 / 20%); border-radius:50%; background:#2457E6; background-clip: padding-box;}
.step_list strong {display:block; margin-bottom:3px; line-height:1; font-size:24px; font-weight:700;}
.step_list span {display:block; font-size:20px; font-weight:500;}

.major_list {display:flex; gap:15px;}
.major_item {flex:1; padding:22px 15px 12px; background:#fff; border-radius:10px;}

.major_head {height:140px;}
.major_head h4 {margin-bottom:4px; font-size:36px; font-weight:700;}
.major_head p {font-size:22px; font-weight:500;}

.major_detail {text-align:left;}
.major_detail li {padding:14px; border-bottom:1px solid #E0E0E0;}
.major_detail li:last-child {border-bottom:none;}
.major_detail .year {margin-bottom:3px; font-size:24px; font-weight:700;}
.major_detail .major {font-size:20px; font-weight:500;}
.major_detail li:first-child {background:#E1EDFF; border-bottom:none; border-radius:5px;}
.major_detail li:first-child .year {color:#2457e6;}

/*----- con03 -----*/
#con03 {background:#2457E6;}
#con03 .tit_wrap * {color:#fff;}
#con03 .point_color {color:#ffdea1;}

.info_card_wrap {padding:0 80px;}
.info_card_wrap .info_tit {position:relative; margin-bottom:30px;}
.info_card_wrap .info_tit::after {content:''; position:absolute; top:50%; z-index:0; display:block; width:100%; height:1px; background:#fff;}
.info_card_wrap .info_tit h4 {display:inline-block; position:relative; z-index:1; padding:10px 45px; line-height:1; font-size:34px; font-weight:700; color:#2457e6; background:#fff; border-radius:26px;}

.info_card_wrap .info_ct {display:flex; flex-direction:column; gap:30px;}
.info_card_wrap .info_ct li {flex:1; display:flex; justify-content:center; align-items:center; padding:24px; background:linear-gradient(to right, #dae7fd 0%, #fff 45%); border-radius:10px;}

.info_card_wrap .info_ct li > div {flex:1;}
.info_card_wrap .info_ct .txt_area {text-align:left;}
.info_card_wrap .info_ct .txt_area h5 {font-size:36px; font-weight:700;}
.info_card_wrap .info_ct .txt_area h5 em {color:#2457e6;}
.info_card_wrap .info_ct .txt_area p {line-height:1.25; font-size:24px; font-weight:400; letter-spacing:-0.5px;}

.info_card_wrap .info_ct li:nth-child(2n) {padding-left:90px; background:linear-gradient(to left, #dae7fd 0%, #fff 45%);}
.info_card_wrap .info_ct li:nth-child(2n) .img_area {flex:1 1 42%;}
.info_card_wrap .info_ct li:nth-child(2n) .txt_area {flex:1 1 58%;}

/*----- con04 -----*/
#con04 {background:#FAF2E3;}
#con04 .copy_txt {margin-top:80px;}

/* slider */
.reviewSwiper_wrap {position:relative;}
.reviewSwiper {overflow:hidden; background:#fff; border-radius:15px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);}
.reviewSwiper .swiper-slide {display:flex; gap:2px; height:auto; background:#FAF2E3;}
.reviewSwiper .swiper-slide .review_card {flex:1; position:relative; padding:30px 20px; text-align:left; background:#fff;}
.reviewSwiper .swiper-slide .label_txt {display:inline-block; padding:0 20px; margin-bottom:15px; line-height:30px; font-size:20px; font-weight:700; border-radius:15px;}
.reviewSwiper .swiper-slide .label_txt.t1 {color:#2457e6; background:#DDE6FF;}
.reviewSwiper .swiper-slide .label_txt.t2 {color:#076648; background:#DAF6F2;}
.reviewSwiper .swiper-slide .label_txt.t3 {color:#d05529; background:#F9EBE4;}
.reviewSwiper .swiper-slide .title_txt {line-height:1.2; margin-bottom:10px; font-size:20px; font-weight:700; word-break:keep-all; word-wrap:break-word;}
.reviewSwiper .swiper-slide .card_ct {padding-bottom:50px;}
.reviewSwiper .swiper-slide .card_ct p {font-size:22px; font-weight:500;}
.reviewSwiper .swiper-slide .card_ct mark {background-color:#FFEEB1;}
.reviewSwiper .swiper-slide .card_author {position:absolute; right:20px; bottom:30px; font-size:16px; font-weight:500; text-align:right;}

.reviewSwiper .swiper-pagination-bullets {bottom:-35px; font-size:0;}
.reviewSwiper .swiper-pagination-bullet {width:12px; height:12px; margin:0 5px !important; background:#B9BFC6; opacity:1;}
.reviewSwiper .swiper-pagination-bullet-active {background:#2457E6;}

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

/* tab */
.tab_list {display:flex; flex-wrap:nowrap; gap:8px; width:100%; margin-bottom:30px;}
.tab_list .tab_item {flex:1; min-width:0;}
.tab_list .tab_button {display:inline-flex; align-items:center; justify-content:center; width:100%; height:75px; padding:0 10px; font-size:28px; font-weight:800; color:#767a94; background-color:#D4DAE9; border-radius:8px; cursor:pointer; transition:unset;}
.tab_list .tab_button.is_active {color:#fff; background-color:#2457E6;}