@charset "utf-8";

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

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

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

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

    /* 레이아웃 */
    --radius-sm:calc(5* var(--vw));
    --radius-md:calc(10* var(--vw));
    --radius-lg:calc(20* var(--vw));
}

.licensePromo {position:relative; overflow:hidden; text-align:center;}
.licensePromo * {box-sizing:border-box; line-height:1.2;}
.licensePromo img {max-width:100%;}

.con_area {position:relative; width:100%;}
.inner {position:relative; padding:calc(120* var(--vw)) var(--space-md); margin:0 auto;}
.inner.flex {display:flex; flex-direction:column; justify-content:center; align-items:center; height:100vh; }

/* text */
strong {font-weight:var(--font-bold);}

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

/* title */
.tit_wrap {position:relative; text-align:center; margin-bottom:var(--space-lg);}
.tit_wrap h3 {line-height:1; font-size:calc(58* var(--vw)); font-weight:var(--font-bold); letter-spacing:-1.16px; color:#020838;}
.tit_wrap .sub_txt {margin-top:var(--space-sm); line-height:1.2; font-size:calc(34* var(--vw)); font-weight:var(--font-regular); letter-spacing:-0.68px;}
.tit_wrap .sub_txt p {line-height:inherit; font-size:inherit; font-weight:inherit; letter-spacing:inherit;}

/* tab common */
.tab_list {display:flex; gap:var(--space-xxs); width:100%; margin-bottom:var(--space-sm);}
.tab_list .tab_button {width:100%; transition:unset;}

/* tab - 풀 타입 */
.tab_list.full {flex-wrap:nowrap;}
.tab_list.full .tab_item {flex:1; min-width:0;}

/* tab - 줄바꿈 타입 */
.tab_list.wrap {flex-wrap:wrap; justify-content:center;}
.tab_list.wrap .tab_item {flex:1 1 30%;}
.tab_list.wrap .tab_button {width:100%;}

/* 전체 탭 5개일 때만 첫 줄 아이템 2개로 강제 처리 */
.tab_list.wrap:has(.tab_item:nth-child(5):last-child) .tab_item:nth-child(1),
.tab_list.wrap:has(.tab_item:nth-child(5):last-child) .tab_item:nth-child(2) {
    flex-basis: 45%;
}

/* tab - 버튼 */
.tab_button {display:inline-flex; align-items:center; justify-content:center; height:calc(96* var(--vw)); font-size:calc(28* var(--vw)); font-weight:var(--font-extra); color:#002b65; background-color:#fff; border:1px solid #B8C6D2; border-radius:var(--radius-md); cursor:pointer;}

/* hover  */
.tab_button:hover {border:3px solid #146DFF;}

/* active  */
.tab_button.is_active {color:#fff; background-color:#002B65; border-color:#002B65;}

.tab_panel {display:none;}
.tab_panel.is_active {display:block;}


/* ========== contents  ========== */
/*--- title ---*/
#top_title {display:flex; align-items:center; width:100%; aspect-ratio:760 / 1017; overflow:hidden; background:url('https://s3.unistudy.co.kr/images/mobile/event/2026/licensePromo/top_tit_bg.jpg') no-repeat 0 / cover;}
#top_title .inner {padding-top:0; padding-bottom:0;}
#top_title .tit_wrap {margin:0 0 calc(66* var(--vw));}

.license_list_box {padding:calc(27* var(--vw)) 0 calc(27* var(--vw)) calc(115* var(--vw)); margin:0 auto; background:rgba(16,68,84, .3); border:1px solid rgba(31,107,105, .3); border-radius:var(--radius-md); box-shadow:-3px 4px 10px rgba(0, 0, 0, 0.05);}
.license_list {text-align:left;}
.license_list li {display:grid; grid-template-columns:calc(155* var(--vw)) 1fr;}
.license_list li > span {padding-top:calc(28* var(--vw)); line-height:1; font-size:calc(25* var(--vw)); color:#fff;}
.license_list li:first-child > span {padding-top:0;}
.license_list li > span.category {font-weight:var(--font-bold); color:#25e5a3; border-right:1px solid rgba(37,229,163, .5);}
.license_list li > span.ct_item {padding-left:calc(28* var(--vw)); font-weight:var(--font-regular);}

/*--- cont1 ---*/
#cont1 {background:#E4F1FF;}

.rec_container {padding:var(--space-md) var(--space-xs); text-align:left; background:#fff; border-radius:var(--radius-sm);}
.rec_section {margin-bottom:var(--space-md);}
.rec_section:last-child {margin-bottom:0;}
.rec_title {margin-bottom:calc(13* var(--vw)); line-height:calc(32* var(--vw)); font-size:calc(30* var(--vw)); font-weight:var(--font-bold);}
.tit_icon {padding-left:var(--space-md);}
.ic01 {background:url('https://s3.unistudy.co.kr/images/mobile/event/2026/licensePromo/ic_img01.png') no-repeat 0 / contain;}
.ic02 {background:url('https://s3.unistudy.co.kr/images/mobile/event/2026/licensePromo/ic_img02.png') no-repeat 0 / contain;}
.ic03 {background:url('https://s3.unistudy.co.kr/images/mobile/event/2026/licensePromo/ic_img03.png') no-repeat 0 / contain;}
.ic04 {background:url('https://s3.unistudy.co.kr/images/mobile/event/2026/licensePromo/ic_img04.png') no-repeat 0 / contain;}

.rec_list li {position:relative; padding-left:calc(12* var(--vw));}
.rec_list li::before {content:"-"; position:absolute; left:0;}
.rec_list li,
.rec_text {line-height:1.5; font-size:calc(26* var(--vw)); font-weight:var(--font-medium)}

/* 자격증 카드 영역 */
.card_wrapper {display:flex; flex-direction:column; gap:var(--space-xxs);}

.cert_card {display:flex; flex-direction:column; align-items:center; padding:var(--space-sm) calc(18* var(--vw)); border:1px solid #C5C5C5; border-radius:var(--radius-sm);}
.cert_card .badge_wrap {display:flex; gap:5px;  margin-bottom:calc(15* var(--vw));}
.cert_card .grade_badge {display:inline-block; padding:calc(6* var(--vw)) calc(16* var(--vw)); line-height:1; font-size:calc(24* var(--vw)); font-weight:var(--font-medium); color:#0547e3; background-color:#DEECFF; border-radius:var(--radius-sm);}

.cert_card .card_title {display:block; margin-bottom:calc(15* var(--vw)); line-height:1; font-size:calc(30* var(--vw)); font-weight:var(--font-bold); color:#000;}
.cert_card .card_desc {flex-grow:1; margin-bottom:var(--space-sm); font-size:calc(26* var(--vw)); font-weight:var(--font-medium); color:#000;}

/* 버튼 스타일 */
.btn_group {display:flex; gap:var(--space-xxs); width:100%;}
.btn_item {flex:1; align-items:center; justify-content:center; display:inline-flex; height:calc(77* var(--vw)); font-size:calc(30* var(--vw)); font-weight:var(--font-bold); color:#fff; border-radius:var(--radius-sm); text-decoration:none; cursor:pointer;}
.btn_item.outline {color:#0060ff; border:1px solid #0060ff; background-color:#fff;}
.btn_item.primary {color:#fff; background-color:#0066ff;}
.btn_item.disabled {background-color:#8294AC; cursor:not-allowed;}

/*--- cont2 ---*/
#cont2 {padding-bottom:calc(120* var(--vw)); background:#F1F9F8;}
#cont2 .inner {padding-bottom:var(--space-sm);}
.courseList {background:#fff;}

.info_container {padding:var(--space-md) var(--space-xs) var(--space-xs); background-color:#fff; border:1px solid #B8C6D2; border-radius:var(--radius-sm);}
.info_card {margin-top:var(--space-xs);}

/* 좌측 타이틀 영역 */
.info_tit_wrap {margin-bottom:var(--space-md);}
.info_tit_wrap .info_round {display:block; margin-bottom:calc(13* var(--vw)); line-height:1; font-size:calc(24* var(--vw)); font-weight:var(--font-bold); color:#386df7;}
.info_tit_wrap .info_tit {margin:0; line-height:1.17; font-size:calc(34* var(--vw)); font-weight:var(--font-bold); color:#222;}

/* 우측 카드 영역 */
.info_card_header {display:flex; align-items:center; gap:var(--space-xxs); margin-bottom:var(--space-xxs);}
.info_card_header .card_title {display:flex; align-items:center; padding-left:calc(36* var(--vw)); font-size:calc(24* var(--vw)); font-weight:var(--font-bold);}
.card_title.ic01 {background:url('https://s3.unistudy.co.kr/images/mobile/event/2026/licensePromo/ic_img05.png') no-repeat 0 / calc(29* var(--vw)) calc(29* var(--vw));}
.card_title.ic02 {background:url('https://s3.unistudy.co.kr/images/mobile/event/2026/licensePromo/ic_img06.png') no-repeat 0 / calc(32* var(--vw)) calc(29* var(--vw));}

.info_card_ct {display:flex; flex-direction:column; justify-content:center; height:calc(165* var(--vw)); padding:calc(15* var(--vw)) var(--space-xs); border:1px solid #CCE1DD; background-color:#FCFDFD; border-radius:var(--radius-sm);}
.info_card_ct.c2 {border-color:#D0DCF5; background-color:#FAFBFD;}

.status_badge {padding:calc(5* var(--vw)) var(--space-xxs); line-height:1; font-size:calc(20* var(--vw)); font-weight:var(--font-medium); color:#fff; border-radius:var(--radius-sm);}
.status_badge.type1 {background-color:#0DAC79;}
.status_badge.type2 {background-color:#0051D5;}
.status_badge.type3 {background-color:#7D7D7D;}

.d_day_txt {margin-bottom:var(--space-xxs); line-height:1; font-size:calc(30* var(--vw)); font-weight:var(--font-bold);}
.d_day_txt.type1 {color:#00876c;}
.d_day_txt.type2 {color:#386df7;}

.info_date {margin-bottom:var(--space-xxs); line-height:1; font-size:calc(26* var(--vw)); font-weight:var(--font-bold);}

.info_notice {display:-webkit-box; position:relative; line-height:1.25; font-size:calc(20* var(--vw)); font-weight:var(--font-medium); color:#444; word-break:keep-all; word-wrap:break-word; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ic_nt {display:block; margin-left:var(--space-xs); text-indent:calc(-20* var(--vw));}
.ic_nt::before {content:''; display:inline-block; width:calc(17* var(--vw)); height:calc(14* var(--vw)); margin-right:3px; background:url('https://s3.unistudy.co.kr/images/mobile/event/2026/licensePromo/ic_notice.png') no-repeat 0 1px / contain;}