@charset "utf-8"; /* 공통 */
.sub-wrap { display: flex; align-items: start; justify-content: space-between; width: 1280px; margin: 0 auto; margin-top: 1rem; margin-bottom: 2rem; min-height: 100vh;} 
.left-sidemenu { min-width: 240px; max-width: 240px; border: 1px solid #ddd; box-sizing: border-box; border-radius: 10px; overflow: hidden; } 
.left-title { font-size: 1rem; font-family: 'Paperlogy-5Medium'; height: auto; overflow-wrap: anywhere; word-break: keep-all; background-color: #3293C9; box-sizing: border-box; padding: 0.8rem; color: #fff; } 
.left-title h2 { display: flex; align-items: center; } 
.left-li { padding: 0.3rem 0.5rem; box-sizing: border-box; border-bottom: 1px solid #ddd; } 
.left-li:last-child { border-bottom: 0; } 
.left-li>a { font-family: 'Paperlogy-6SemiBold'; font-size: 0.8rem; } 
.left-li>a.active { color: #3293C9; } 
.sidemenu-subin { box-sizing: border-box; margin-top: 5px; } 
.sidemenu-subin a { display: block; font-size: 0.7rem; font-family: 'Paperlogy-3Light'; margin-bottom: 5px; } 
.sidemenu-subin a:last-child { margin-bottom: 0; } 
.sidemenu-subin a.active { background-color: #f5f5f5; border-radius: 10px; box-sizing: border-box; padding: 0.3rem; font-family: 'Paperlogy-5Medium'; } 

/* width: calc(100% - 12rem);  margin-left: 1.5rem; */
.right-content {  box-sizing: border-box; max-width: 1010px; width: 1010px;} 
.right-content-tltle { display: flex; align-items: center; border-bottom: 1px solid #ddd; padding-bottom: 0.2rem; } 
.right-content-tltle h2 { font-size: 1rem; font-family: 'Paperlogy-5Medium'; margin-right: 8px; display: flex; align-items: center; } 
.right-content-tltle h2::before { content: ''; width: 10px; height: 10px; background-color: #3293C9; border-radius: 50px; margin: 0px 8px; display: block; } 
.right-content-tltle span { font-size: 0.8rem; font-family: 'Paperlogy-3Light'; } 

.right-content-info { background-color: #f5f5f5; border-radius: 10px; box-sizing: border-box; padding: 0.8rem; display: flex; align-items: center; justify-content: space-between; margin-top: 0.5rem; } 
.info-icon { width: 6%; } 
.info-icon img { width: 100%; } 
.info-text { font-size: 0.7rem; font-family: 'Paperlogy-3Light'; margin-left: 10px; word-break: keep-all; overflow-wrap: anywhere; } 
.info-text span b { font-family: 'Paperlogy-5Medium'; } 

span.blue-span { color: #3293C9; } 
span.red-span { color: #F14B4B; } 

/* 개별 */
/* 검정고시로 대학가기 첫걸음 */
.gumjung-menual-btns { display: flex; align-items: stretch; justify-content: space-around; width: 80%; margin: 0 auto; margin-top: 1rem; } 
.gumjung-menual-btn01 { width: 48%; text-align: center; border-radius: 10px; display: flex; align-items: center; justify-content: center; } 
.gumjung-menual-btn01:first-child { border: 1px solid #7274ED; transition: .2s; } 
.gumjung-menual-btn01:first-child a { color: #7274ED; } 
.gumjung-menual-btn01:first-child:hover { background-color: #7274ED; } 
.gumjung-menual-btn01:last-child { border: 1px solid #3293C9; transition: .2s; } 
.gumjung-menual-btn01:last-child a { color: #3293C9; } 
.gumjung-menual-btn01:last-child:hover { background-color: #3293C9; } 
.gumjung-menual-btn01 a { display: block; box-sizing: border-box; padding: 0.5rem; font-size: 0.9rem; width: 100%;} 
.gumjung-menual-btn01:hover a { color: #fff; } 

.gumjung-first-step01 { border: 1px solid #ddd; box-sizing: border-box; padding: 0.8rem; border-radius: 10px; margin-top: 1rem; } 
.gumjung-first-step-q { display: flex; align-items: center; background-color: #f5f5f5; border-radius: 50px; cursor: pointer; box-sizing: border-box; padding: 0.3rem;} 
.gumjung-first-step-q-circle { background-color: #3293C9; color: #fff; width: 50px; height: 50px; border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; font-family: 'Paperlogy-5Medium'; margin-right: 8px; } 
.gumjung-first-step-q-circle img { width: 80%; } 
.gumjung-first-step-title { display: flex; align-items: center; font-family: 'Paperlogy-5Medium'; font-size: 0.8rem; width: 90%;} 
.gumjung-first-step-title span { font-size: 0.8rem; } 
.gumjung-first-step-a { margin-top: 1rem; } 
.gumjung-first-step-a span { font-size: 0.8rem; font-family: 'Paperlogy-3Light'; display: block; margin-bottom: 0.5rem; } 
.gumjung-first-step-a span b { font-family: 'Paperlogy-5Medium'; } 

.gumjung-first-table { border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; } 
.gumjung-first-table-back { background-color: #f5f5f5; } 
.gumjung-first-table tr td { box-sizing: border-box; padding: 0.5rem; font-size: 0.7rem; border: 1px solid #ddd; overflow-wrap: anywhere;} 

.gumjung-first-step-flex { display: flex; align-items: start; justify-content: space-between; } 
.gumjung-first-step-flex01 { border: 1px solid #ddd; border-radius: 10px; box-sizing: border-box; width: 49%; overflow: hidden; height: auto; } 
.gumjung-first-step-flex01-title { padding: 0.8rem; text-align: center; } 
.gumjung-first-step-flex01:first-child .gumjung-first-step-flex01-title { background-color: #E2EFFF; } 
.gumjung-first-step-flex01:first-child .gumjung-first-step-flex01-title h2 b { color: #3293C9; text-decoration: underline 1px solid #3293C9; } 
.gumjung-first-step-flex01:last-child .gumjung-first-step-flex01-title { background-color: #F1EFFF; } 
.gumjung-first-step-flex01:last-child .gumjung-first-step-flex01-title h2 b { color: #7174ED; text-decoration: underline 1px solid #3293C9; } 
.gumjung-first-step-flex-inner { padding: 0.8rem; box-sizing: border-box; } 
.gumjung-first-step-flex01:last-child .gumjung-first-step-flex01-title.red { background-color: #FFE0E0; } 
.gumjung-first-step-flex01:last-child .gumjung-first-step-flex01-title.red h2 b { color: #F14B4B; text-decoration: underline 1px solid #F14B4B; } 
.gumjung-first-step-flex-inner { padding: 0.8rem; box-sizing: border-box; } 
.gumjung-first-step-flex-in01 { margin-bottom: 0.5rem; } 
.gumjung-first-step-flex-in01>span { font-family: 'Paperlogy-5Medium'; font-size: 0.8rem; margin-bottom: 0; } 
.gumjung-first-step-flex-in01>span.small-span { font-family: 'Paperlogy-3Light'; font-size: 0.7rem; } 
.gumjung-first-step-flex-in01>span.coll-span { margin-left: 1rem; } 
.gumjung-first-step-flex-inner>span { line-height: 1.2rem; margin-bottom: 0; } 

/* 검정고시 대입전형 온라인제공 */
.gumjung-first-step-flex-in01.in01-plus { border-bottom: 1px solid #ddd; padding-bottom: 0.8rem; } 
.gumjung-first-step-flex-in01 span a { text-decoration: underline; } 
.gumjung-first-step-flex-in01 > img { margin-top: 0.3rem; border: 1px solid #ddd; } 

.info-online { margin-top: 1rem; } 
.info-online-title { display: flex; align-items: center; background-color: #f5f5f5; margin-bottom: 0.5rem; box-sizing: border-box; padding: 0.5rem; } 
.info-online-title img { width: 4%; } 

/* 검정고시관련 국가기관 */
.logo-slider-wrap { width: 100%; overflow: hidden; height: auto; position: relative; margin-bottom: 1rem; margin-top: 1rem; } 
.logo-slider-track { display: flex; animation: scrollLogo 20s linear infinite; gap: 1rem; } 
.logos { flex: 0 0 auto; width: 150px; display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; } 
.logos img { width: 100%; object-fit: contain; display: block; } 
.plus-btn { transition: .1s; background-color: #3293C9; color: #fff; box-sizing: border-box; padding: 0.3rem 0.8rem; border-radius: 5px; cursor: pointer; margin-left: 10px;} 
.plus-btn:hover { background-color: #2C3661; } 

@keyframes scrollLogo { 
 0% { transform: translateX(0); } 
 100% { transform: translateX(-50%); } 
 }

.national-table-pc tr td { border: 1px solid #ddd; box-sizing: border-box; padding: 0.5rem; font-family: 'Paperlogy-3Light'; overflow-wrap: anywhere; word-break: keep-all; font-size: 0.7rem; } 
.gohome-btn { width: 80%; margin: 0 auto; background-color: #3293C9; box-sizing: border-box; border-radius: 5px;} 
.gohome-btn a { box-sizing: border-box; color: #fff; width: 100%; transition: .1s; display: block; padding: 0.3rem 0.5rem; border-radius: 5px; } 
.gohome-btn:hover a { background-color: #2C3661; } 

.national-table-m { display: none; } 

/* 관련 국가기관 추가 */
.plus-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 999; } 

/* 팝업 본체 */
.plus-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 480px; max-width: 60%; background: #f5f5f5; border-radius: 10px; z-index: 1000; box-shadow: 0 8px 20px rgba(0,0,0,0.25); overflow: hidden; font-family: 'Paperlogy-3Light'; } 
.plus-popup-header { background-color: #3293C9; color: white; padding: 0.5rem 1rem; display: flex; justify-content: space-between; align-items: center; font-size: 1rem; } 
.plus-popup-header .plus-close { background: none; border: none; font-size: 1.5rem; color: white; cursor: pointer; } 

.plus-popup-body { padding: 1.2rem; } 
.plus-popup-body table tr td{box-sizing: border-box; padding: 0.3rem;}
.plus-popup-body table tr td:first-child{width: 25%;}
.plus-popup-body table tr td:last-child{width: 75%;}
.plus-popup-body table input{background-color: #fff; width: 100%;}

.plus-okey-btn{margin: 0 auto; background-color: #3293C9; border-radius: 5px; text-align: center; padding: 0.3rem; width: 60%; color: #fff; cursor: pointer; margin-top: 0.5rem;}

/* 검정고시관련 자료모음 */
.collection-btns { display: flex; align-items: center; justify-content: space-between; margin-top: 1rem; margin-bottom: 1rem; } 
.collection-btn-left { display: flex; align-items: center; justify-content: start; } 
.collection-btn-left01 { display: flex; align-items: center; justify-content: center; border-radius: 5px; margin-right: 10px; transition: .1s; } 
.collection-btn-left01:last-child { margin-right: 0; } 
.collection-btn-left01 a { font-size: 0.8rem; display: block; box-sizing: border-box; padding: 0.3rem 0.5rem; } 
.collection-btn-left01:nth-child(1) { border: 1px solid #3293C9; background-color: #E2EFFF; } 
.collection-btn-left01:nth-child(1) a { color: #3293C9; } 
.collection-btn-left01:nth-child(1):hover { background-color: #3293C9; } 
.collection-btn-left01:nth-child(1):hover a,.collection-btn-left01:nth-child(2):hover a,.collection-btn-left01:nth-child(3):hover a { color: #fff; } 
.collection-btn-left01:nth-child(2) { border: 1px solid #F14B4B; background-color: #FFE0E0; } 
.collection-btn-left01:nth-child(2) a { color: #F14B4B; } 
.collection-btn-left01:nth-child(2):hover { background-color: #F14B4B; } 
.collection-btn-left01:nth-child(3) { border: 1px solid #7174ED; background-color: #F1EFFF; } 
.collection-btn-left01:nth-child(3) a { color: #7174ED; padding: 0.3rem 1rem; } 
.collection-btn-left01:nth-child(3):hover { background-color: #7174ED; } 

.collection-btn-right { justify-content: end; display: flex; align-items: center; } 
input { border: 1px solid #ddd; font-size: 0.8rem; box-sizing: border-box; padding: 0.3rem; } 
.collection-btn-right01 span { background-color: #3293C9; color: #fff; box-sizing: border-box; padding: 0.3rem 0.8rem; margin-left: 8px; border-radius: 5px; font-size: 0.8rem; cursor: pointer; } 

.collction { table-layout:fixed; margin-bottom: 1rem; width: 100%; }
.collction tr td, .collction tr th { box-sizing: border-box; padding: 0.5rem; border: 1px solid #ddd; text-align: center; font-size: 0.7rem; }
input[type="checkbox"] { border: 1px solid #ddd; width: 20px; height: 20px; border-radius: 5px; box-sizing: border-box; appearance: none; cursor: pointer; padding: 0.15rem; background-clip: content-box; }
input[type="checkbox"]:checked { border-color: #3293C9; background-color: #3293C9; }

.file-line,.file-plus { width: 6%; }
.file-year,.look-count { width: 10%; }
.file-date { width: 20%; }
.file-titles { width: 48%; }
.file-title { text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }

.tableTitle { cursor: pointer; transition: background-color 0.2s; }
.tableTitle:hover { background-color: #f5f5f5; }
.tableTitle_on { background-color: #E2EFFF; }
.tableTitle_on:hover { background-color: #E2EFFF; }
.table_con td { padding: 0 !important; }
.table_con td > div { font-size: 0.75rem; line-height: 1.5; }
.table_con .downW { margin-bottom: 0.5rem; }
.table_con .table_in { font-size: 0.7rem; } 

.pagination { display: flex; justify-content: center; align-items: center; gap: 6px; margin: 40px 0; flex-wrap: wrap; } 
.pagination a,.pagination span { display: inline-block; padding: 8px 14px; font-size: 14px; color: #333; background-color: #fff; border: 1px solid #ddd; text-decoration: none; border-radius: 4px; transition: all 0.2s ease; } 
.pagination a:hover { background-color: #f0f0f0; } 
.pagination .active { background-color: #3293C9; color: #fff; border-color: #3293C9; font-weight: bold; } 
.pagination:hover .active{background-color: #3293C9;}
.pagination .ellipsis { padding: 8px 10px; color: #aaa; border: none; background: none; cursor: default; } 

/* 글쓰기페이지 */
.write { margin-top: 1rem; margin-bottom: 2rem; } 
.write tr td { border: 1px solid #ddd; box-sizing: border-box; padding: 0.3rem; text-align: left; } 
.write tr td.gumjung-first-table-back { text-align: center; width: 20%;} 
.write tr td select { border: 1px solid #ddd; font-size: 0.8rem; box-sizing: border-box; padding: 0.3rem; } 
.write tr td input { width: 80%; } 
textarea { border: 1px solid #ddd; width: 80%; font-size: 0.8rem; overflow: hidden; height: 400px; } 

.write-btns { width: 80%; margin: 0 auto; display: flex; align-items: center; justify-content: space-around; } 
.write-btn01 { width: 45%; display: flex; align-items: center; justify-content: center; border: 1px solid #3293C9; border-radius: 10px; box-sizing: border-box; padding: 0.5rem; cursor: pointer; transition: .2s; } 
.write-btn01:hover { background-color: #3293C9; color: #fff; } 

.collction-m { display: none; } 

/* 검정고시로 지원가능한 대학전형 */
.prediction { margin-top: 1rem; } 
.prediction-title { margin-bottom: 1rem; } 
.prediction-title h2 { font-family: 'Paperlogy-5Medium'; } 
.prediction-main-search { display: flex; align-items: center; justify-content: space-between; border: 1px solid #ddd; border-radius: 10px; box-sizing: border-box; padding: 0.5rem; margin-bottom: 1rem; } 
.prediction-main-searchs { display: flex; align-items: center; width: 80%; justify-content: space-around; } 
.prediction01 { display: flex; align-items: center; font-size: 0.8rem; } 
.prediction01 input { margin-left: 5px; font-size: 0.8rem; } 
.prediction01-btn { background-color: #3293C9; color: #fff; box-sizing: border-box; width: 20%; text-align: center; display: block; cursor: pointer; padding: 0.5rem; border-radius: 10px; transition: .1s; } 
.prediction01-btn:hover { background-color: #2C3661; } 

.prediction-table { table-layout: fixed; } 
.prediction-table tr td { border: 1px solid #ddd; text-align: left; box-sizing: border-box; padding:0 0.5rem; } 
.checkbox-wrap { display: flex; align-items: center; } 
.checkbox-wrap label { cursor: pointer; display: inline-block; margin-left: 5px; } 
.checkbox-wrap input:checked + label { color: #3293C9; } 

.prediction-table .gumjung-first-table-back { width: 20%; text-align: center; } 
.region-group,.type-group,.score-group, .best-group, .year-group { display: flex; width: 100%; padding: 0.3rem;} 
.region-group .checkbox-wrap { width: calc(100%/9); } 
.type-group .checkbox-wrap { width: calc(100%/5); } 
.score-group .checkbox-wrap { width: calc(100%/5); }
.year-group .checkbox-wrap{width: calc(100%/5);}
.prediction-table tr td#type-group{border-bottom: 0; padding: 0 0.5rem;} 
.prediction-table tr td.type-group-border-top-none{border-top: 0;}

/* 검색누르면 나올 테이블 */
.table-scroll-wrap { max-height: 400px; overflow-y: auto; } 
.prediction-bottom { margin-top: 2rem; } 
.prediction-bottom .red-span { text-align: right; font-size: 0.7rem; display: flex; justify-self: end; margin-bottom: 0.5rem; } 
.prediction-bottom-top .red-span { text-align: right; font-size: 0.7rem; display: flex; justify-self: end; margin-bottom: 0.5rem; } 
.prediction-table-bottom { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; position: relative; } 
.prediction-table-bottom tr { border-bottom: 1px solid #ddd; } 
.prediction-table-bottom tr td { box-sizing: border-box; padding: 0.5rem; width: calc(100%/3); overflow-wrap: anywhere; word-break: keep-all;} 
.prediction-table-bottom tr td b { color: #3293C9; } 
.prediction-table-bottom tr.gumjung-first-table-back { border-bottom: 1px solid #ddd; position: sticky; top: 0; left: 0; border-top: 1px solid #ddd; z-index: 2;} 
.qual-btn { transition: .1s; background-color: #3293C9; color: #fff; box-sizing: border-box; padding: 0.3rem 0.8rem; border-radius: 5px; cursor: pointer; } 
.qual-btn:hover { background-color: #2C3661; } 

.prediction-table-m { display: none; } 

/* 지원자격팝업창 */
.qual-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 999; } 

/* 팝업 본체 */
.qual-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 480px; max-width: 60%; background: #f5f5f5; border-radius: 10px; z-index: 1000; box-shadow: 0 8px 20px rgba(0,0,0,0.25); overflow: hidden; font-family: 'Paperlogy-3Light'; } 
.qual-popup-header { background-color: #3293C9; color: white; padding: 1rem; display: flex; justify-content: space-between; align-items: center; font-size: 1rem; } 
.qual-popup-header .qual-close { background: none; border: none; font-size: 1.5rem; color: white; cursor: pointer; } 

.qual-popup-body { padding: 1.2rem; } 
.qual-row { margin-bottom: 1rem; } 
.qual-label { font-family: 'Paperlogy-5Medium'; font-size: 0.9rem; display: block; margin-bottom: 0.4rem; color: #333; text-align: left; } 
.qual-value { background: white; padding: 0.6rem 0.9rem; border: 1px solid #ddd; border-radius: 5px; } 
.qual-guide-box { background: #fff; border: 1px solid #ddd; padding: 1rem; border-radius: 6px; } 
.qual-guide-title { font-weight: bold; color: #EF5A31; margin-bottom: 0.5rem; } 
.qual-guide-desc { font-size: 0.9rem; line-height: 1.5; text-align: left; } 
.qual-guide-desc span { display: block; font-size: 0.8rem; } 

.icon-university::before,
.icon-check::before,
.icon-info::before { content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 5px; background-repeat: no-repeat; background-size: contain; vertical-align: middle; } 
.icon-university::before { background-image: url(../img/icon-university.png); } 
.icon-check::before { background-image: url(../img/icon-check.png); } 
.icon-info::before { background-image: url(../img/icon-info.png); } 

/* 검정고시점수 대학별반영방법 */
.qual-btn-detail .qual-btn-detail{ transition: .1s; background-color: #3293C9; color: #fff; box-sizing: border-box; padding: 0.2rem 0.8rem; border-radius: 5px; cursor: pointer; } 
.qual-btn-detail .qual-btn-detail:hover { background-color: #2C3661; }

/* 수능최저 */
.prediction-bottom-top{margin-top: 1rem;}
.bottom-top-tr{box-sizing: border-box; padding: 0.2rem; display: flex; align-items: center; justify-content: space-between;}
.jiyuk{text-align: left; width: 4%; border-right: 1px solid #ddd;}
.univ-name{text-align: left; width: 85%; padding: 0.3rem;}
.mojip{width: 10%; box-sizing: border-box; padding: 0.2rem; border-radius: 50px; background-color: #3293C9; color: #fff; text-align: center;}
.table-scroll-wrap{max-height: 300px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.bottom-top-tr{border-bottom: 1px solid #ddd;}
.bottom-top-tr:last-child{border-bottom: none;}

.tr-focus:hover{background-color: #e2f5ff; cursor: pointer;}

/* 자주묻는 질문 */
.faq-tab-btn{margin: 0 auto; width: 80%; margin-top: 1rem; margin-bottom: 1rem;}
.tab-btn{display: flex; align-items: stretch;}
.tab-btn li{width: 50%; border: 1px solid #ddd; box-sizing: border-box; padding: 0.5rem; text-align: center; font-size: 0.8rem; cursor: pointer;}
.tab-btn li.active{background-color: #3293C9; color: #fff;}

.gumjung-first-step-q a{display: block; width: 100%;}
.gumjung-first-step-qs{display: flex; align-items: center; justify-content: space-between; width: 100%;}
.gumjung-first-step-q-l{display: flex; align-items: center;}
.gumjung-first-step-q-r{border: 1px solid #ddd; background-color: #fff; font-size: 0.8rem; box-sizing: border-box; padding: 0.5rem; border-radius: 5px; margin-right: 1rem; transition: .2s;}
.gumjung-first-step-qs:hover .gumjung-first-step-q-r{background-color: #3293C9; color: #fff;}

.exem01-title{margin-bottom: 10px;}
.exem01-title h2{font-size: 0.9rem; font-family: 'Paperlogy-5Medium';}
.exem01-title span{font-size: 0.8rem;}
.exem01 tr td{border: 1px solid #ddd; box-sizing: border-box; padding: 0.3rem; font-size: 0.8rem;}

.ducument-title h2{font-size: 0.9rem; margin-bottom: 8px; font-family: 'Paperlogy-5Medium';}
.ducument-in span{display: block;}

.online-quick-btn{margin: 0 auto; border: 1px solid #ddd; background-color: #3293C9; color: #fff; box-sizing: border-box; padding: 0.5rem; border-radius: 8px; display: flex; width: 50%; align-items: center; justify-content: center; transition: .2s;}
.online-quick-btn:hover{background-color: #2C3661;}

b.red-span{font-weight: normal; color: #F14B4B; font-family: 'Paperlogy-3Light';}

.spanbox{border: 1px solid #2C3661; border-radius: 10px; box-sizing: border-box; padding: 0.5rem; margin-bottom: 10px;}
.spanbox span{margin-bottom: 5px;}
.spanbox span:last-child{margin-bottom: 0;}
.spanbox span::before{content: '\f219'; margin-right: 5px; display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px;}

.exem02s{margin-bottom: 1rem;}
.exem02{margin-bottom: 5px;}
.exem02 tr td{border: 1px solid #ddd; box-sizing: border-box; padding: 0.3rem;}
.exem02-title{margin-bottom: 5px;}
.exem02-title h2{font-size: 0.8rem; font-family: 'Paperlogy-5Medium';}

.calculate span{margin-bottom: 0;}
.gumjung-first-step-q-l{width: 80%;}
.gumjung-first-step-q-r{width: 20%; display: flex; align-items: center; justify-content: center;}

/* top-btn */
.top-btn { position: fixed; bottom: 5rem; right: 0rem; } 

.qual-btn-detail-04{font-size: 16px !important;}
/* 반응형 */
/* 태블릿 가로모드 */
@media only screen and (min-width: 1023px) and (max-width: 1400px){
    .top-btn { display: none; } 
    .sub-wrap { width: 95%; overflow: hidden; margin-top: 4rem; } 
    .left-sidemenu { margin-right: 1rem; } 
    .right-content { width: 100%; margin-left: 0;} 

    /* 검정고시로 대학가기 첫걸음 */
    .gumjung-first-step-title h2 { font-size: 0.9rem; } 

    /* 검정고시 관련 국가기관 */
    .national-table-m { display: none; } 
}

/*태블릿 세로모드*/
@media only screen and (min-width: 767px) and (max-width: 1023px){
.top-btn { display: none; } 
.right-content-tltle span{display: none;}
 .sub-wrap { width: 95%; overflow: hidden; margin-top: 4rem; } 
 .left-sidemenu { display: none; } 
 .right-content { width: 100%; margin-left: 0;} 
 .right-content-tltle{flex-direction: column; align-items: start;}
 .right-content-tltle h2 { font-size: 0.9rem; } 
 .info-icon { width: 10%; } 

 /* 검정고시로 대학가기 첫걸음 */
 .gumjung-first-step-title h2 { font-size: 0.8rem; } 
 .gumjung-first-step-flex01-title h2 { font-size: 0.8rem; } 
 .gumjung-first-step-flex-in01>span { font-size: 0.7rem; } 

 /* 검정고시 관련 국가기관 */
 .national-table-m { display: none; } 

 /* 검정고시로 지원가능한 대학전형 */
 .prediction-table .gumjung-first-table-back { width: 10%; font-size: 0.7rem; } 
 .checkbox-wrap label { font-size: 0.7rem; } 

 .prediction-table-bottom tr.gumjung-first-table-back{display: table-row;}

/* 검정고시 자료모음 */
 .file-line, .file-plus{width: 8%;}
 }

/* 모바일 */
@media only screen and (max-width: 767px) and (min-width: 300px){
    .top-btn { display: none; }
 .sub-wrap { width: 95%; overflow: hidden; margin-top: 3rem; } 
 .left-sidemenu { display: none; } 
 .right-content { width: 100%; margin-left: 0; } 
 .right-content-tltle { flex-direction: column; align-items: start; } 
 .right-content-tltle h2 { font-size: 0.9rem; } 
 .right-content-tltle span {display: none;} 
 .right-content-info { padding: 0.5rem; } 
 .info-icon { display: none; } 
 .info-text { margin-left: 0; word-break: normal; } 

 /* 검정고시로 대학가기 첫걸음 */
 .gumjung-menual-btns { width: 100%; } 
 .gumjung-menual-btn01 a { font-size: 0.7rem; word-break: keep-all; } 
 .gumjung-first-step01 { padding: 0.5rem; margin-top: 0.5rem; } 
 .gumjung-first-step-q-circle { font-size: 1rem; width: 40px; height: 40px; margin-right: 5px; } 
 .gumjung-first-step-title { flex-direction: column; align-items: start; width: 80%; } 
 .gumjung-first-step-title h2 { font-size: 0.7rem; } 
 .gumjung-first-step-title span { font-size: 0.6rem; } 

 .gumjung-first-step-a { margin-top: 0.5rem; } 
 .gumjung-first-step-a span { font-size: 0.7rem; } 
 .gumjung-first-table { width: 100%; } 
 .gumjung-first-table tr td { padding: 0.3rem; word-break: keep-all; overflow-wrap: anywhere; font-size: 0.6rem; } 

 .gumjung-first-step-flex { flex-direction: column; } 
 .gumjung-first-step-flex01 { width: 100%; margin-bottom: 0.5rem; } 
 .gumjung-first-step-flex01:last-child { margin-bottom: 0; } 
 .gumjung-first-step-flex01-title h2 { font-size: 0.8rem; } 
 .gumjung-first-step-flex-inner { padding: 0.5rem; } 
 .collection-btn-right01 span{display: block; width: 100%; text-align: center;}

 /* 검정고시 관련국가기관 */
 .logos { width: 120px; } 
 .national-table-pc { display: none; } 
 .national-table-m { display: block; width: 95%; margin: 0 auto; } 
 .national-table-m01 { box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); width: 100%; border-radius: 10px; margin-bottom: 0.8rem; box-sizing: border-box; padding: 0.8rem; } 
 .national-top { font-size: 0.7rem; display: block; margin-bottom: 0.3rem; } 
 .national-top::before { content: '\f3c5'; display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px; } 
 .national-middle { font-size: 0.8rem; display: block; padding: 0.3rem 0; } 
 .national-bottom { display: flex; align-items: center; justify-content: space-between; } 
 .national-bottom span::before { content: '\f095'; display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px; } 
 .national-bottom span { font-size: 0.7rem; } 
 .gohomep-btn { background-color: #3293C9; border-radius: 3px; box-sizing: border-box; padding: 0.3rem 0.5rem; } 
 .gohomep-btn a { display: block; color: #fff; font-size: 0.7rem; } 

 /* 글쓰기페이지 */
 .write tr td input,textarea { width: 100%; font-size: 0.7rem; } 
 .write-btn01 { font-size: 0.7rem; } 

 /* 검정고시 관련 자료모음 */
 .collction,.collection-btn-left { display: none; } 
 .collection-btns { justify-content: end; } 
 .collction-m { display: block; } 

 .collction-m01 { box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); width: 95%; border-radius: 10px; box-sizing: border-box; padding: 0.8rem; margin: 0 auto; cursor: pointer; margin-bottom: 0.8rem; } 
 .collction-m-title { padding: 0.3rem 0; box-sizing: border-box; } 
 .collction-m-title,.collction-m-btm { display: flex; align-items: center; justify-content: space-between; } 
 .collction-m-title h2 { font-size: 0.8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%; } 
 .collction-m-title h2 b { color: #3293C9; } 
 .collction-m-btm span { font-size: 0.7rem; } 
 .collction-m-arrow { width: 5%; } 
 .collction-m-file { width: 8%; } 
 .pagination a, .pagination span { padding: 0.4rem; } 
 input { font-size: 0.7rem; } 

 .collection-btn-right{justify-content: center; width: 100%;}
 .collection-btn-right01:first-child{width: 60%;}
 .collection-btn-right01 input{width: 100%;}
 .collection-btn-right01:last-child{width: 25%;}

 .collction-m-content{font-size: 0.7rem;}
 .collction-m-download a{text-align: right;}
 .collction-m-download img{width: 50%;}

 /* 검정고시로 지원가능 대학 */
 .prediction-table { display: none; } 
 .prediction-table-m { display: block; } 
 .prediction-title h2 { font-size: 0.9rem; } 
 .prediction-main-search { background-color: #f5f5f5; } 
 .prediction-main-searchs { flex-direction: column; align-items: flex-start; } 
 .prediction-main-searchs .prediction01 { width: 100%; } 
 .prediction-main-searchs .prediction01:first-child { margin-bottom: 0.5rem; } 
 .prediction01 input { background-color: #fff; width: 70%; font-size: 0.7rem; } 
 .prediction01-btn { padding: 1rem 0.5rem; } 

 .prediction-bottom .red-span { font-size: 0.6rem; text-align: left; justify-self: start; overflow-wrap: anywhere; word-break: keep-all; } 
 .detail-btn { width: 60%; border-radius: 8px; background-color: #3293C9; color: #fff; cursor: pointer; text-align: center; box-sizing: border-box; padding: 0.5rem; margin: 0 auto; font-size: 0.8rem; margin-bottom: 1rem;} 
 .prediction-table-m01-1 { margin-bottom: 1rem; } 
 .prediction-table-m-title { font-family: 'Paperlogy-5Medium'; font-size: 0.8rem; margin-bottom: 0.3rem; } 
 .prediction-table-m-in { width: 100%; display: flex; align-items: stretch; justify-content: start; margin-bottom: 0.3rem; } 
 .prediction-table-m-in span.active { border: 1px solid #3293C9; color: #3293C9; font-family: 'Paperlogy-4Regular'; } 
 .prediction-table-m-in span { box-sizing: border-box; padding: 0.3rem; border-radius: 8px; border: 1px solid #ddd; width: 25%; height: 2rem; margin-right: 10px; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 0.7rem; font-family: 'Paperlogy-3Light'; overflow-wrap: anywhere; word-break: keep-all; cursor: pointer;} 
 .prediction-table-m-in span:last-child{margin-right: 0;}
 .prediction-table-m-in span.bor-non { border: none; } 
 .details-btns { display: flex; align-items: stretch; justify-content: space-around; padding-top: 0.8rem; border-top: 1px solid #ddd; } 
 .details-btn01 { width: 45%; border-radius: 8px; border: 1px solid #3293C9; text-align: center; box-sizing: border-box; transition: .1s; cursor: pointer; font-size: 0.7rem; } 
 .details-btn01:last-child { background-color: #3293C9; color: #fff; } 
 .details-btn01 span { display: block; padding: 0.5rem; overflow-wrap: anywhere; word-break: keep-all; } 

 .prediction-table-bottom tr { width: 100%; display: table; padding: 0.5rem !important; align-items: center;} 
 .prediction-table-bottom tr td { font-size: 0.7rem; padding: 0.45rem; word-break: keep-all; overflow-wrap: anywhere; } 
 .qual-btn { padding: 0.3rem; font-size: 0.7rem; word-break: keep-all; overflow-wrap: anywhere; } 

 /* 지원자격 바텀시트 */
 .qual-popup { width: 100%; max-width: 100%; border-radius: 15px 15px 0 0; left: 50%; bottom: 56px; top: auto; transform: translateX(-50%); animation: slideUp 0.3s ease-out; } 

 @keyframes slideUp { 
 from { transform: translateX(-50%) translateY(100%); } 
 to { transform: translateX(-50%) translateY(0); } 
 }

 .qual-popup-header{font-size: 0.8rem; padding: 0.8rem; text-align: left;}
 .qual-label{font-size: 0.8rem;}
 .qual-value{padding: 0.3rem 0.5rem;}
 .qual-guide-desc span{font-size: 0.7rem;}
 .qual-popup-body { max-height: calc(70vh - 56px); overflow-y: auto; padding: 0.5rem;} 

 /* 수능최저 */
 .prediction-table-bottom-top tr td{font-size: 0.7rem;}
 .prediction-bottom-top .red-span{font-size: 0.6rem; text-align: left; justify-self: start; overflow-wrap: anywhere; word-break: keep-all;}
 .table-scroll-wrap{max-height: 200px;}

 .jiyuk{width: 10%;}
 .univ-name{width: 68%;}
 .mojip{padding: 0.2rem; width: 20%;}

 /* 자주묻는질문 */
 .gumjung-first-step-qs{padding: 0.2rem; box-sizing: border-box;}
 .gumjung-first-step-q-l{width: 80%;}
 .gumjung-first-step-q-r{padding: 0.3rem; font-size: 0.6rem; width: 20%; text-align: center; overflow-wrap: anywhere; word-break: keep-all; margin-right: 0.5rem;}

 .exem01-title h2,.ducument-title h2{font-size: 0.8rem;}
 .exem01 tr td{font-size: 0.6rem; overflow-wrap: anywhere; word-break: keep-all; padding: 0.2rem;}

 .online-quick-btn{width: 80%; overflow-wrap: anywhere; word-break: keep-all; font-size: 0.8rem;}

 .exem02-title h2{font-size: 0.7rem;}
 .exem02 tr td{font-size: 0.6rem; word-break: keep-all; overflow-wrap: anywhere;}

 /* 국가기관 추가 바텀시트 */
 .plus-popup { width: 100%; max-width: 100%; border-radius: 15px 15px 0 0; left: 50%; bottom: 56px; top: auto; transform: translateX(-50%); animation: slideUp 0.3s ease-out; } 

 @keyframes slideUp { 
 from { transform: translateX(-50%) translateY(100%); } 
 to { transform: translateX(-50%) translateY(0); } 
 }

 .right-content-tltle{display: flex; align-items: center; flex-direction: row;}
 .plus-popup-header{font-size: 0.8rem; padding: 0.3rem 1rem; text-align: left;}
 .plus-popup-body { max-height: calc(70vh - 56px); overflow-y: auto; padding: 0.5rem;} 
 .national-plus span{display: inline-block;}
 .plus-okey-btn span{display: block;}

 /* 상세검색옵션 모바일 수정 */
 .prediction-table-m01-1{margin-bottom: 0;}
 .prediction-table-m-in.type-group{flex-wrap: wrap; margin-bottom: 0;}
 .prediction-table-m-in.type-group span.checkbox-wrap{width: calc(100%/4 - 0.5rem); margin-bottom: 0.5rem;}
 .prediction-table-m-in.type-group span.checkbox-wrap:last-child{margin-bottom: 0;}

 .prediction-table-m-title{border: 1px solid #ddd; background-color: #f5f5f5; text-align: center; box-sizing: border-box; padding: 0.3rem; margin-bottom: 0;}
.prediction-table-m-title.sub-title0m{background-color: #ddd; font-size: 0.75rem; font-family: 'Paperlogy-3Light';}

 }