@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; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none;}
footer {margin-top:0;}

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

	/* 여백 */
	--space-xxs:calc(10* var(--vw));
	--space-xs:calc(20* var(--vw));
	--space-sm:calc(30* var(--vw));
	--space-md:calc(50* var(--vw));

	/* 레이아웃 */
	--radius-sm:10px;
	--radius-md:15px;
	--radius-lg:20px;

	/* 폰트 */
	--font-light:300;
	--font-regular:400;
	--font-medium:500;
	--font-bold:700;
	--font-extra:800;
}

.basic_engineering * {font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; box-sizing:border-box;}
.basic_engineering .inner {position:relative; padding:calc(120* var(--vw)) calc(40* var(--vw));}

.tit_wrap, .img_wrap {position:relative;}
.tit_wrap {margin-bottom:var(--space-md); text-align:center;}
.tit_wrap * {letter-spacing:-1px;}
.tit_wrap h3 {line-height:1.2; font-size:calc(50* var(--vw)); font-weight:var(--font-extra);}
.tit_wrap .sub_tit {margin-bottom:var(--space-xxs); line-height:1.28; font-size:calc(28* var(--vw)); font-weight:var(--font-medium);}
.tit_wrap strong {font-weight:var(--font-extra);}

.copy_txt {margin-top:calc(50* var(--vw)); line-height:1.26; font-size:calc(46* var(--vw)); font-weight:var(--font-bold);  text-align:center;}
.point_color {color:#2457e6;}

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

/* ========== contents ========== */
/*----- top title -----*/
.top_title {position:relative;}

/*----- 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:calc(86* var(--vw));}
.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 {padding:calc(20* var(--vw));}
.compare_table thead th strong {display:block; margin-bottom:calc(2* var(--vw)); font-size:calc(36* var(--vw)); font-weight:var(--font-bold);}
.compare_table thead th span {display:block; font-size:calc(22* var(--vw)); font-weight:var(--font-medium);}

.compare_table tbody th,
.compare_table tbody td {border:none; border-bottom:1px solid #B3BACC;}
.compare_table tbody th {height:calc(120* var(--vw)); font-size:calc(22* var(--vw)); font-weight:var(--font-bold); background:#C4CDDE;}
.compare_table tbody td {font-size:calc(26* var(--vw)); font-weight:var(--font-medium); background:#fff;}

.compare_table tbody td:nth-child(3n) {background:#E0EBFF;}
.compare_table tbody tr:first-child th {border-radius:var(--radius-sm) 0 0 0;}
.compare_table tbody tr:last-child th {border-radius:0 0 0 var(--radius-sm); 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 var(--radius-sm) 0;}

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

.major_list {}
.major_item {margin-top:var(--space-xs); background:#fff; border-radius:var(--radius-sm);}

.major_head {display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; height:calc(133* var(--vw));}
.major_head h4 {font-size:calc(36* var(--vw)); font-weight:var(--font-bold);}
.major_head p {font-size:calc(24* var(--vw)); font-weight:var(--font-medium);}

.major_detail {display:none;}
.major_item .btn_drop {position:absolute; top:calc(29* var(--vw)); right:var(--space-sm); width:calc(28* var(--vw)); height:calc(17* var(--vw)); background:url('https://next.megastudy.net/design_guide/unistudy/261012/basicEngineering/mo/images/drop_arrow.png') no-repeat 0 / 100%; cursor:pointer; transition:transform .3s;}
.major_item.active .btn_drop {transform:rotate(-180deg);}

.major_detail li {padding:calc(24* var(--vw)) calc(28* var(--vw)); border-bottom:1px solid #E0E0E0;}
.major_detail li:last-child {border-bottom:none;}
.major_detail .year {font-size:calc(24* var(--vw)); font-weight:var(--font-bold);}
.major_detail .year span {margin-left:calc(15* var(--vw)); font-size:calc(22* var(--vw)); font-weight:var(--font-medium);}
.major_detail .major {font-size:calc(24* var(--vw)); font-weight:var(--font-medium);}
.major_detail li:first-child {margin:0 var(--space-xxs); 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 .info_tit {position:relative; margin-bottom:30px; text-align:center;}
.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:calc(10* var(--vw)) calc(44* var(--vw)); line-height:1; font-size:calc(34* var(--vw)); font-weight:var(--font-bold); color:#2457e6; background:#fff; border-radius:calc(26* var(--vw));}

.info_card_wrap .info_ct {display:flex; flex-direction:column; gap:var(--space-sm);}
.info_card_wrap .info_ct li {flex:1; display:flex; gap:calc(50* var(--vw)); justify-content:center; align-items:center; padding:calc(24* var(--vw)) calc(24* var(--vw)) calc(24* var(--vw)) calc(38* var(--vw)); background:linear-gradient(to right, #dae7fd 0%, #fff 45%); border-radius:var(--radius-sm);}
.info_card_wrap .info_ct li:nth-child(odd) {padding:calc(24* var(--vw)) calc(38* var(--vw)) calc(24* var(--vw)) calc(24* var(--vw));}

.info_card_wrap .info_ct .img_area img {width:calc(200* var(--vw)); height:calc(178* var(--vw));}
.info_card_wrap .info_ct .txt_area {flex:1; text-align:left;}
.info_card_wrap .info_ct .txt_area h5 {font-size:calc(36* var(--vw)); font-weight:var(--font-bold);}
.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:calc(24* var(--vw)); font-weight:400;}

.info_card_wrap .info_ct li:nth-child(2n) {padding-left:calc(38* var(--vw)); background:linear-gradient(to left, #dae7fd 0%, #fff 45%);}

/*----- con04 -----*/
#con04 {background:#FAF2E3;}
#con04 .copy_txt {margin-top:calc(82* var(--vw));}

/* slider */
.reviewSwiper_wrap {position:relative;}
.reviewSwiper {overflow:hidden; background:#fff; border-radius:var(--radius-md); box-shadow:0 4px 16px rgba(0, 0, 0, 0.06);}
.reviewSwiper .swiper-slide {display:flex; flex-direction:column; gap:2px; height:auto; background:#FAF2E3;}
.reviewSwiper .swiper-slide .review_card {flex:1; position:relative; padding:var(--space-sm) var(--space-xs); text-align:left; background:#fff;}
.reviewSwiper .swiper-slide .card_tit {display:flex; align-items:baseline; gap:calc(22* var(--vw)); padding-bottom:var(--space-sm);}
.reviewSwiper .swiper-slide .card_tit * {line-height:calc(32* var(--vw)); font-size:calc(24* var(--vw)); font-weight:var(--font-bold);}
.reviewSwiper .swiper-slide .label_txt {display:inline-block; padding:0 calc(22* var(--vw)); border-radius:var(--radius-md);}
.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 {word-break:keep-all; word-wrap:break-word;}
.reviewSwiper .swiper-slide .card_ct {padding-bottom:calc(70* var(--vw));}
.reviewSwiper .swiper-slide .card_ct p {font-size:calc(26* var(--vw)); font-weight:var(--font-medium);}
.reviewSwiper .swiper-slide .card_ct mark {background-color:#FFEEB1;}
.reviewSwiper .swiper-slide .card_author {position:absolute; right:var(--space-xs); bottom:var(--space-sm); font-size:calc(20* var(--vw)); font-weight:var(--font-medium); text-align:right;}

.reviewSwiper .swiper-pagination-bullets {bottom:calc(-32* var(--vw)); font-size:0;}
.reviewSwiper .swiper-pagination-bullet {width:calc(12* var(--vw)); height:calc(12* var(--vw)); min-width:6px; min-height:6px; margin:0 calc(5* var(--vw)) !important; background:#B9BFC6; opacity:1;}
.reviewSwiper .swiper-pagination-bullet-active {background:#2457E6;}

/*----- con05 -----*/
#con05 {background:#EFF2F7; padding-bottom:calc(120* var(--vw));}
#con05 .inner {padding-bottom:var(--space-sm);}
/* tab */
.tab_list {display:flex; flex-wrap:wrap; justify-content:center; gap:var(--space-xxs); width:100%; margin-bottom:var(--space-sm);}
.tab_list .tab_item {flex:1 1 30%;}
.tab_list .tab_button {display:inline-flex; align-items:center; justify-content:center; transition:unset; width:100%; height:calc(96* var(--vw)); font-size:calc(28* var(--vw)); font-weight:var(--font-extra); color:#767a94; background-color:#D4DAE9; border-radius:var(--radius-sm); cursor:pointer;}
.tab_list .tab_button.is_active {color:#fff; background-color:#2457E6;}

.courseList {background:#fff;}