@charset "UTF-8";
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('../css/font/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
* {
    font-family: 'Pretendard-Regular';
}

.v-table-outline::-webkit-scrollbar,.target-list-inner::-webkit-scrollbar{
    height: 15px;
    background-color: #f5f5f5;
}

.v-table-outline::-webkit-scrollbar-thumb,.target-list-inner::-webkit-scrollbar-thumb{
    background-color: #e01820;
    border-radius: 50px;
}

thead{color: #333;}

/* Á¤½ÃÇÕ°Ý¿¹Ãø ¿ÀÇ °£´Ü ¼³¸í */
.jsOpenTxt {
    margin-left: 8px; 
    margin-bottom: 5px; 
    font-size: 20px;
    color: #e01820;
}

/* Áöµµ */
.land {cursor: pointer;}

.land:hover {fill: #ff5252; opacity: 0.9;}

.help-content {display: none;}

.visible {display: block;}

.susi_mains > .circle {width: 15px; height: 15px; background-color: #e01820; margin-left: 14px;}
.circle {content: ''; width: 5px; height: 5px; border-radius: 100%; background-color: #d3d5d7; margin: 0 5px;}

.content {width: 1280px; margin: 0 auto; height: auto; margin-top: 50px; color: inherit; font-family: 'Pretendard-Regular';}

/* ¼ö½ÃÇÕ°Ý¿¹Ãø ¸ÞÀÎ */
.susi_main {display: flex; align-items: center; justify-content: space-between; width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 76px; padding-bottom: 10px;}
.susi_mains {display: flex; align-items: center; width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 10px;}

.susi_main-left {height: auto; display: flex; align-items: center;}
.susi_mains > .circle {width: 15px; height: 15px; background-color: #e01820; margin-left: 14px;}
.susi_main-left > .circle {width: 15px; height: 15px; background-color: #e01820; margin-left: 14px;}

.susi_mains > h2 {font-size: 1.1rem; font-weight: 700;}
.susi_main-left > h2 {font-size: 1.1rem; font-weight: 700;}

.susi_mains > span {font-size: 1rem; margin-left: 0.5rem;}
.susi_main-left > span {font-size: 1rem; margin-left: 0.5rem;}

/* À¯´Ïºê ¼³¸í Æ˾÷ */
.modal {display: flex; align-items: center; font-size: 0.8rem; color: #e01820; margin-right: 8px; cursor: pointer;}
.modal > span {margin-right: 6px;}
.modal:hover span {font-weight: 600;}

/* Æ˾÷-¾îµÎ¿î ¹è°æ */
.overlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 20;}

/* À¯´Ïºê¼³¸íÆ˾÷ */
.popup1, .popup8, .popup10, .popup11, .popup12, .popup13 {display: none; position: fixed; text-align: center; cursor: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 20px; z-index: 21; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}


.popup13{width: 1020px; height: 680px; overflow-y: scroll;}
.popup1-title {display: flex; align-items: center; justify-content: center;}
.popup1-title > h2 {font-size: 1rem;}
.popup1-title > .closed {position: absolute; right: 30px; width: 46px; height: 46px; border-radius: 50%; border: 1px solid #ccc; color: #ccc; font-size: 1rem;}
.popup1-title > .closed:hover {border: 1px solid #333; color: #333;}

.popup-inner1 {border: 1px solid #e3e5e8; border-radius: 8px; padding: 20px; margin-top: 10px; line-height: 20px; font-size: 16px;}
.popup-inner1 > p > b {color: #e01820;}

.popup-inner2 {border: 1px solid #e3e5e8; border-radius: 8px; padding: 10px 10px; margin-top: 20px; line-height: 30px; font-size: 16px; text-align: left;}
.popup-inner2 > p > b {font-weight: 700; font-size: 18px; }
.popup-inner2-table { height: 450px; overflow-y: scroll; border: 2px solid #ccc; border-radius: 8px;}
.popup-inner2-table > table {width:100%; text-align: center;}
.popup-inner2-table > table > tbody > tr > th {font-weight: 700; border-bottom: 1px solid #ccc; }

.popup8{height: 600px; overflow-y: auto;}

/* tab */
.tab-button {margin-bottom: 1rem;}
.tab-button > .tab-button-inner {width: 50%; box-sizing: border-box; margin: 0 auto; display: flex; text-align: center; font-size: 1rem; font-weight: 700; line-height: 2rem; cursor: pointer;}

.tab-button > .tab-button-inner li {border: 1px solid #e01820; flex: 1;}
.tab-button > .tab-button-inner li.active {background-color: #e01820; color: #fff;}

.year-select-btns{margin-top: -50px; margin-bottom: 50px;}
.year-select-btn{display: flex; align-items: center; margin: 0 auto; justify-content: center;}
.year-select-btn>.circle{margin: 0; padding: 0; width: 15px; height: 15px; background-color: #ccc;}
.year-select-btn>.circle:first-child{margin-right: 10px;}
.year-select-btn>li{padding: 10px 20px; box-sizing: border-box; font-size: 0.9rem; cursor: pointer; border: 1px solid #ccc; border-radius: 50px; margin-right: 10px;}
.year-select-btn li:last-child{margin-right: 0px;}
.year-select-btn li.active{background-color: #e01820; color: #fff; font-weight: 600;}

/* 4³âÁ¦´ëÇÐ */
/* ¸ÞÀΟÀÌƲ */
.tab1,.tab2 {width: 100%; height: auto; margin: 0 auto;}
.tab1 > .title,.tab2 > .title {margin: 0 auto; text-align: center; margin-bottom: 1rem; display: none;}
.tab1 > .title > h1,.tab2 > .title > h1 {font-size: 1rem; font-weight: 700; margin-bottom: 0.3rem;}
.tab1 > .title > h2,.tab2 > .title > h2 {font-size: 0.8rem;}

.click-guide-button{width: 55px !important; height: 30px !important;}

/* Á¤½Ã ÇÕ°Ý¿¹Ãø ½Ç½Ã°£µî±ÞÄÆ µðÀÚÀÎ */
.real-time-info{margin-top: 25px; font-size: 0.8rem;}
.real-time-info>span{display: flex; align-items: center; margin-bottom: 9px;}
.real-time-info>span:last-child{margin-bottom: 0;}
.real-time-info>span>b{color: #e01820;}
.real-time-info>span>.circle{width: 11px; height: 11px; background-color: #ccc; margin: 0; margin-right: 5px;}

.real-time-tab-btns{margin: 0 auto; margin-top: 1rem; margin-bottom: 1rem;}
.real-time-tab-btn{display: flex; align-items: center; text-align: center; justify-content: center;}
.real-time-tab-btn>li{width: calc(100%/3 - 0.5rem); height: auto; line-height: normal; border: 1px solid #ccc; border-radius: 8px; font-size: 1rem; cursor: pointer; box-sizing: border-box; padding: 0.5rem; margin-right: 1rem; font-size: 0.8rem;}
.real-time-tab-btn>li:last-child{margin-right: 0;}
.real-time-tab-btn>li.active{background-color: #e01820; color: #fff;}

.by-subject-table-l-text{text-align: center; font-size: 1rem; margin-bottom: 8px;}

.info-main-text-j-h3>h3:hover{color: #e01820;}

.by-subject-table-l{width: 48%;}

/* ÇÕ°Ý¿¹Ãø ÀÌ¿ë¾È³» */
.info {margin-bottom: 20px;}
.info h2 {font-size: 0.9rem; margin-left: 8px; margin-bottom: 10px; font-weight: bold;}
.info-inner {display: flex; align-items: stretch; justify-content: space-between;}

.info-inner-one,.help-inner-one,.use-inner-one{flex: 1; height: auto; border: 1px solid #ccc; border-radius: 8px; margin-right: 30px; text-align: center; padding: 10px; box-sizing: border-box;}
.info-main-text-j{display: flex; align-items: center; justify-content: space-between;}
.info-main-text-j-h3>h3{font-weight: bold; font-size: 0.9rem;}

.use-inner-one{margin-right: 0;}

.pro-inner-one {margin-right: 0;}

.info-inner-one > h2,.help-inner-one > h2,.use-inner-one > h2,.pro-inner-one > h2 {font-size: 0.9rem; text-align: center; font-weight: bold;}

.info-inner-one > .border,.help-inner-one > .border,.use-inner-one > .border,.pro-inner-one > .border {width: 48px; height: 3px;  background-color: #dadada; margin: 0 auto; margin-top: 11px; margin-bottom: 11px;}

.info-inner-one > span,.help-inner-one > span,.use-inner-one > span,.pro-inner-one > span {font-size: 16px; text-align: left;}

.quik-btns {display: flex;}
.quik-btn,.youtube-btn,.show-btn {width: 50%; height: auto; border-radius: 5px; background-color: #e3e5e8; text-align: center; line-height: normal; margin: 0 auto; margin-top: 0.5rem; box-sizing: border-box; padding: 0.3rem;}

.quik-btn > a,.youtube-btn > a,.show-btn > a {display: block; color: #333;}

.quik-btn:hover,.youtube-btn:hover,.show-btn:hover {background-color: #e01820;}
.quik-btn:hover a,.youtube-btn:hover a,.show-btn:hover a {color: #fff;}

.quik-btn.active{background-color: #e01820;}
.quik-btn.active a{color: #fff;}
.info-main-text-j-h3 {margin-top: 1rem;}
.info-main-text-j-h3 h3{font-size: 0.9rem;}

/* ÇÕ°Ý¿¹Ãø °£Æí°Ë»ö */
.easy_search {margin-bottom: 1rem;}
.easy-title {width: 100%; border-bottom: 1px solid #ccc; display: flex; padding-bottom: 10px; align-items: center;}
.easy-title > h2 {font-size: 0.9rem; margin-left: 8px; font-weight: 600;}
.easy-title > span {font-size: 0.9rem;}

.program-btn {width: 125px; height: 35px; background-color: #e01820; border-radius: 5px; color: #fff; text-align: center; line-height: 35px; margin-left: 44px; margin-right: 9px; cursor: pointer;}

.program-btn:hover {background-color: #b90d12;}

/*  ÇÕ°Ý¿¹Ãø Áöµµ */
.univ-list {display: flex; justify-content: space-around; align-items: center; width: 80%; margin: 0 auto;}

/* Áöµµ±×¸² */
.univ-list-left svg{height: 600px !important; width: auto;}

/* Áöµµ¸®½ºÆ® */
.univ-list-right {width: 591px;}
.univ-list-right-title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.univ-list-right-titles{display: flex; align-items: center; width: 100%;}
.univ-list-right-titles > h2 {font-size: 0.9rem; font-weight: 600; margin-right: 5px;}
.univ-list-right-titles img{cursor: pointer;}

/* ¹«·á´ëÇи¸ º¼ ¼ö ÀÖ´Â ¹öÆ° */
.univ-list-right-btn {width: 217px; border: 2px solid #e3e5e8; border-radius: 8px; text-align: center; cursor: pointer; box-sizing: border-box; padding: 0.3rem;}
.univ-list-right-btn > span {font-size: 0.8rem; color: inherit; font-weight: 600;}
.univ-list-right-btn:hover span {color: #e01820;}

/* ¸®½ºÆ® ½ÃÀÛ */
.daehak-lists{overflow-y: scroll; height: 365px;}
.univ-list-right-list {border: 2px solid #e3e5e8; width: 100%; height: 400px; margin-bottom: 0.3rem; min-height: 0; overflow-y: hidden;}

/* ¸®½ºÆ® °øÅë */
.daehak-list {font-size: 0.8rem; width: 100%; display: flex; flex-wrap: wrap;}
.daehak-list tr {display: flex; align-items: center; width: 100%;}
.daehak-list tr td {flex: 1; flex-wrap: wrap; width: 50%;}

.free-d,.unfree-d {display: flex; align-items: center; padding: 3px; width: 48%;}

.free-d > .circle {background-color: #e01820; width: 14px; height: 14px;}
.unfree-d > .circle {background-color: #FFC1C1; width: 14px; height: 14px;}

/* ¹«·á´ëÇÐ */
.free-title,.unfree-title {font-size: 19px; font-weight: 600; border-bottom: 1px solid #e3e5e8; box-sizing: border-box; padding: 0.3rem; width: 100%;}

/* ¸®½ºÆ® ÇÏ´Ü ¼³¸í */
.univ-list-right-text > p {font-size: 0.8rem;}

.text-plus {display: flex; align-items: center; margin-top: 10px;}
.text-plus-one,.text-plus-two {display: flex; align-items: center; font-weight: 600;}
.text-plus-one > .circle {background-color: #e01820; width: 15px; height: 15px;}
.text-plus-one > span {font-size: 0.8rem;}
.text-plus-two > .circle {background-color: #FFC1C1; width: 15px; height: 15px;}
.text-plus-two > span {font-size: 0.8rem;}

/* ÇÏ´Ü ÀÔÇÐó Áö¿ø¹è³Ê ±¤°í */
.free-univ-ad {margin-top: 33px; margin-bottom: 63px;}

.free-univ-ad-title {display: flex; align-items: center; margin-bottom: 15px;}
.free-univ-ad-title > .circle {width: 12px; height: 12px; background-color: #e01820;}
.free-univ-ad-title > span {font-size: 20px;}

.slides {display: flex; justify-content: space-between;}

/* ÇÕ°Ý¿¹Ãø »ó¼¼°Ë»ö re*/
.detailed_search {margin-bottom: 0px !important; margin-top: 1rem !important;}

.detailed_search-title > h2 {font-size: 0.9rem; font-weight: 600; margin-left: 8px;}
.detailed_search-contents-res {display: block; margin: auto; font-size: 20px; color:#676767;}
.detailed_search-contents-res > h3 {display: flex; justify-content: center;}

.radio {display: flex; align-items: center; justify-content: space-around; width: 600px; margin: auto; font-size: 20px; margin-top: 48px; margin-bottom: 42px;}

.radios {display: flex; align-items: center; width: 600px; font-size: 20px; margin-bottom: 68px;}

.radio > .border {height: 21px; width: 1px; background-color: #333;}

.radio input[type='radio']{accent-color: #333; width: 32px; height: 32px;}
.radio > .option1,.radio > .option2,.radios > .option1,.radios > .option2{display: flex; align-items: center;}

.radios > .option1{margin-right: 22px;}
.radios > .option2>label>select{width: 126px; height: 43px; line-height: 43px; font-size: 18px; text-align: center; border: 2px solid #ccc;}

.radios input[type='radio']{accent-color: #333; width: 32px; height: 32px;}
/* °Ë»ö¶õ */
.search-bar {width: 1156px; height: 60px; border-radius: 50px; border: 1px solid #dcdcdc; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; margin-top: 20px !important;}

/* ´ëÇиí ÀԷ¶õ + Çаú¸íÀԷ¶õ*/
.search-left,.search-right {margin-left: 27px; display: flex; align-items: center;}
.search-left > h2,.search-right > h2 {font-size: 0.9rem; font-weight: 600; margin-right: 6px;}
.search-left > input,.search-right > input {border: 1px solid #e3e5e8; height: 40px; width: 333px;}
.search-left > input[type='text'],.search-right > input[type='text'] {font-size: 16px; padding-left: 12px; cursor: auto;}

/* °Ë»ö¿É¼Ç¹öÆ° */
.search-submit {width: 165px; background-color: #e01820; border-radius: 50px; color: #fff; text-align: center; margin-right: 16px; font-size: 0.8rem; cursor: pointer; box-sizing: border-box; padding: 0.5rem;}
.search-submit:hover {background-color: #b90d12;}

/* °Ë»ö¿É¼Ç ¹öÆ° */
.search-option-btn {width: 50%; height: auto; background-color: #e01820; color: #fff; font-size: 0.8rem; text-align: center; line-height: normal; cursor: pointer; margin: 0 auto; margin-top: 1rem; box-sizing: border-box; padding: 0.5rem; margin-bottom: 1rem !important; border-radius: 10px;}

/* »ó¼¼¿É¼Ç Å×À̺í */
.tables-two {width: 100%; border-top: 2px solid #b9b9b9; border-bottom: 2px solid #b9b9b9; margin-top: 10px; border-collapse: collapse; color: inherit;}
.tables-two > tbody > tr > th {background-color: #f5f5f5; border-right: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; height: 60px; width: 120px; font-size: 16px; font-weight:bold; color: #333;}
.tables-two .secondInLineTh {border-left:1px solid #b9b9b9;}

.tables-two > tbody > tr > td {border-bottom: 1px solid #b9b9b9;}
.tables-two > tbody > tr > td > table {width:90%;}

.checkbox-wrap > input[type='checkbox']{width: 18px; height: 18px;}
.checkbox-wrap > input[type='checkbox']:checked {accent-color: #e01820; }
.checkbox-wrap > input[type='checkbox']:checked + label{color: #e01820;}
/* outline: 1px solid #e01820; */

.tables-two td > input[type='checkbox']:checked {accent-color: #d9d9d9; outline: 1px solid #b9b9b9;}

span > input[type='checkbox']:checked {accent-color: #d9d9d9; outline: 1px solid #b9b9b9;}

table.tables-two input[type='text'] {cursor: auto;}

th.even {width: 15%; font-size: 1rem; background-color: #f5f5f5; border-right: 1px solid #b9b9b9; display: block; height: 76px; line-height: 76px;}
.even:last-child {border-bottom: 0;}

.chk_area {width: 20px; height: 20px; border: solid 1px #B9B9B9; border-radius: 3px; box-sizing: border-box;}
.chk_con_box {display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; padding: 8px;}
.chk_con_items {display: flex; align-items: center; justify-content: space-between; width:120px; line-height: 30px;}
.chk_con_items label {min-width: 92px;}

/* »ó¼¼¿É¼Ç Å×ÀÌºí ¸®´º¾ó - 251020 */
.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;} 
.prediction-tables{margin-top: 1rem;}
.prediction-table { table-layout: fixed; border-collapse: collapse; width: 100%;} 
.prediction-table tr td { border: 1px solid #ddd; text-align: left; box-sizing: border-box;} 
.checkbox-wrap { display: flex; align-items: center; } 
.checkbox-wrap label { cursor: pointer; display: inline-block; margin-left: 5px; } 
/* .checkbox-wrap input:checked + label { color: #e01820; }  */

.prediction-table .gumjung-first-table-back { width: 20%; text-align: center; font-weight: bold; box-sizing: border-box; padding: 0.2rem 0;} 
.region-group,.type-group,.score-group, .best-group, .year-group { display: flex; padding: 0.3rem;} 
.region-group .checkbox-wrap { width: calc(100%/9); } 
.target-group .checkbox-wrap { width: calc(100%/6); } 
.type-group .checkbox-wrap { width: calc(100%/5); } 
.score-group .checkbox-wrap { width: calc(100%/5); }
.year-group .checkbox-wrap{width: calc(100%/5);}
.type-group.keyword-group .checkbox-wrap { width: calc(100%/7); }
.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;}

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

/* ¼±ÅÃÁ¶°Ç ÃʱâÈ­ ¹öÆ° */
.reset-btn-box {display: flex; justify-content: flex-end;}
.reset-btn {display: flex; align-items: center; font-size: 0.8rem; justify-content: end; cursor: pointer; margin-top: 5px;}
.reset-btn img {transition: 0.3s;}
.reset-btn > span {margin-right: 9px;}
.reset-btn:hover span {color: #e01820;}
.reset-btn:hover img {transform: rotate(180deg);}

.reset-btns {display: flex; align-items: center; font-size: 1rem; justify-content: end; cursor: pointer; margin-top: 19px; margin-right: 90px;}
.reset-btns img {transition: 0.3s;}
.reset-btns > span {margin-right: 9px;}
.reset-btns:hover span {color: #e01820;}
.reset-btns:hover img {transform: rotate(180deg);}

/* ÇÕ°Ý¿¹Ãø ¿ìÃø¹è³Ê */
.right-u-ad{width: 170px; height: 600px; overflow: hidden; }
.right-u-ad2{width: 170px; height: 600px; overflow: hidden;}

.slider{width: 170px; height: 600px;}
.slider>a{ width: 100%; height: 100%;}

.right-u-ad:hover .slick-prev:before,.right-u-ad2:hover .slick-prev:before
{color: #333; opacity: 1; transition: .2s;}
.right-u-ad:hover .slick-next:before,.right-u-ad2:hover .slick-next:before
{color: #333; opacity: 1; transition: .2s;}

.miss{color: #333;}

.overlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 20;}

.v1-tr {background-color: #f5f5f5; height: 70px; font-size: 18px; border-bottom: 1px solid #ccc;}
.two-tr {box-sizing: border-box;}
.two-tr td{padding: 0.5rem;}

.v-table {vertical-align: middle; text-align: center; margin-bottom: 1rem; width: 100%; color: inherit;}

.one-tr {height: 91px; background-color: #f5f5f5;}

.popular-tabs-btns {display: flex; align-items: center; justify-content: center;  margin: 1rem auto !important;}
.popular-tabs-btns > .circle {width: 14px; height: 14px; background-color: #ccc; margin: 0; padding: 0;}
.popular-tabs-btns > .circle:last-child{margin-left: 10px;}
.popular-tabs-btns > .circle:first-child{margin-right: 10px;}

.target-list-inner-outline{width: calc(100%/6 - 0.5rem);}

.selMonthMobile {display: none;}

.popular-btn {display: flex; align-items: center; justify-content: space-between; width: auto; text-align: center; box-sizing: border-box;}

.popular-btn > li {padding: 10px; box-sizing: border-box; cursor: pointer; border: 1px solid #ccc; border-radius: 8px; margin-right: 8px;}
.popular-btn > li.active {color: #fff; background-color: #e01820;}
.popular-btn > li:last-child {margin-right: 0;}

.p-table-title {text-align: center; font-size: 30px; font-weight: 600; margin-top: 22px;}

.by-subject-tables{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}

.by-subject-table-l>h2, .by-subject-table-r>h2{font-size: 25px; text-align: center; margin-bottom: 17px;}

/* ³ªÀÇ ¸ñÇ¥´ëÇÐÆäÀÌÁö */
.target-list-title > h2 {display: none;}

.target-list-inner {display: flex; align-items: stretch; justify-content: space-between;}
.target1 {border: 1px solid #ccc; border-radius: 8px; text-align: center; height: auto; padding: 0.5rem; box-sizing: border-box;}
.target1 > .border {width: 22px; height: 2px; background-color: #ccc; margin: 0 auto; margin-bottom: 5px;}
.target1 h2 {font-size: 0.9rem; margin-bottom: 2px; font-weight: bold;}
.target1 h3 {font-size: 0.8rem; margin-bottom: 7px;}
.target1 > img {margin-bottom: 4px;}
.target1-text {text-align: left;}
.target1-text > p {margin-bottom: 6px;}

.target1-btn {display: flex; justify-content: space-around; margin-top: 7px; line-height: normal; text-align: center;}

.target1-btn1 {margin-right: 8px; border: 1px solid #ccc; color: #ccc; border-radius: 8px; width: 40%; height: auto; cursor: pointer; padding: 0.3rem 0; box-sizing: border-box;}
.target1-btn1:hover {border: 1px solid #b00f15; background-color: #e01820; color: #fff;}

.target1-btn2 {border: 1px solid #ccc; color: #ccc; border-radius: 8px; width: 40%; height: auto; cursor: pointer; padding: 0.3rem 0; box-sizing: border-box;}
.target1-btn2:hover {border: 1px solid #b00f15; background-color: #e01820; color: #fff;}

/* ¸ñÇ¥´ëÇÐ ¼±Åà Æ˾÷ */
.select-btns{width: 100%;}
.select-btn {border: 1px solid #ccc; color: #ccc; border-radius: 8px; width: 40%; height: auto; cursor: pointer; padding: 0.3rem 0; box-sizing: border-box; margin: 0 auto;}
.select-btn:hover {border: 1px solid #b00f15; background-color: #e01820; color: #fff;}

.target1 > p {color: inherit; margin-top: 2rem; margin-bottom: 1.5rem;}

.popup4 {width: 1000px; height: 800px; overflow-x: visible; overflow-y: scroll; display: none; position: fixed; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 20px 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); z-index: 5;}
.popup-inner4-main {display: flex; align-items: center; justify-content: center;}
.popup-inner4-main > .popup-inner4-h2 > h2 {font-size: 30px; font-weight: 600;}

.popup-inner4-main > .closed {position: absolute; right: 30px; width: 46px; height: 46px; border-radius: 50%; border: 1px solid #ccc; color: #ccc; font-size: 30px;}
.popup-inner4-main > .closed:hover {border: 1px solid #333; color: #333;}
.popup-inner4-table {width: 908px; margin: 0 auto;}
.popup-inner4-table > .table-h2{margin-top: 54px;}

/* table */
.v1-trs {background-color: #f5f5f5; height: 50px; border-bottom: 1px solid #ccc;}
.two-trs {height: 50px; font-weight: normal;}
tr.two-trs:hover {background-color: rgba(25, 151, 224, 20%);}

.checks {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.checks.blue {color: #1997e0; font-weight: 600;}
.checks.red {color: #e01820; font-weight: 600;}
.selects {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px;}
.recruitments {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.regions {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.u-names {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.t-names {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.d-names {border-bottom: 1px solid #ccc;}
.n-peoples {border-bottom: 1px solid #ccc;}

/* Á¤·Ä¹öÆ° */
.Sort{margin-top: 10px !important;}
#options {border: none; font-size: 16px; font-weight: 600; cursor: pointer;}

/* ¿­¶÷Çß´ø ´ëÇÐ ¸®½ºÆ® Å×À̺í */

.regs {width: 10%; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.unis {width: 25%; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.typs {width: 30%; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.deps {width: 30%; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.nums {width: 13%; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.dets {width: 15%; border-bottom: 1px solid #ccc;}

.target-more-btn {width: 90%; height: 40px; margin: 0 auto; text-align: center; color: #fff; background-color: #e01820; border-radius: 8px; line-height: 40px; cursor: pointer;}
.target-more-btn:hover {background-color: #b00f15;}

.Browse {background-color: #f5f5f5; font-size: 20px; border-top: 1px solid #ccc; cursor: pointer;}
.Browse:hover {color: #e01820; font-weight: 600;}

/* ¼ºÀûÀԷµµ¿ò¸» */
.Grad-help {margin-top: 20px; margin-bottom: 30px;}
.Grad-help-title > h2 {font-size: 0.9rem; font-weight: 600; margin-left: 8px; margin-bottom: 9px;}
.Grad-help-textbox {border: 1px solid #e3e5e8; border-radius: 8px; padding: 10px; font-size: 16px;}
.Grad-help-textbox > p {margin-bottom: 5px; font-size: 16px; display: flex; align-items: center;}
.Grad-help-textbox > p:last-child {margin-bottom: 0;}
.Grad-help-textbox > .circle {width: 5px; height: 5px; background-color: #333; display: inline-block; padding: 0; margin-right: 8px; margin-bottom: 3px;}
.Grad-help-textbox p b {color: #e01820; font-weight: 600;}

.popup4 {width: 1000px; height: 800px; overflow-x: visible; overflow-y: scroll; display: none; position: fixed; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 20px 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); z-index: 5;}
.popup-inner4-main {display: flex; align-items: center; justify-content: center; margin-bottom: 15px;}
.popup-inner4-main > .popup-inner4-h2 > h2 {font-size: 30px; font-weight: 600;}

.popup-inner4-main > .closed {position: absolute; right: 30px; width: 46px; height: 46px; border-radius: 50%; border: 1px solid #ccc; color: #ccc; font-size: 30px;}
.popup-inner4-main > .closed:hover {border: 1px solid #333; color: #333;}
.popup-inner4-table {width: 908px; margin: 0 auto;}

.popup2, .popup3, .popup4, .popup5, .popup6, .popup7, .popup9{z-index: 25; cursor: auto;}

/* °Ë»ö°á°ú ¸®½ºÆ® µðÀÚÀÎ */
.list-box {border-top:3px solid #b9b9b9;  border-bottom:3px solid #b9b9b9;  margin-top:20px;  min-height:400px; max-height:800px;  overflow:hidden; display:flex; box-sizing:border-box; flex-direction: column;}

.list-box-left {background:inherit; width:100%; box-sizing:border-box; overflow-x:hidden; overflow-y:auto; max-height: 180px;border-bottom:3px solid #b9b9b9; margin-bottom: 50px;}
.list-box-left .list-left-items {display:flex; width:100%; justify-content:flex-start; padding:8px; font-size:18px; border-bottom:2px solid #eee; align-items:center; box-sizing:border-box; cursor: pointer;}
.onView {background:#ffc3c5;}
.onView .uni_area {font-weight:bold; color:#000;}
.onView .uni_name {font-weight:bold; color:#000;}
.onView .uni_arrow {color:#000;}

.list-box-left .list-left-items:hover {background:#ffc3c5;}
.list-box-left .list-left-items:hover .uni_area {font-weight:bold; color:#000;}
.list-box-left .list-left-items:hover .uni_name {font-weight:bold; color:#000;}
.list-box-left .list-left-items:hover .uni_arrow {color:#000;}

.list-box-left .list-left-items .uni_area {width:20%; color:inherit; height:100%; padding-left:8px; padding-right:4px; border-right:2px solid #eee;}
.list-box-left .list-left-items .uni_name {width:70%; color:inherit; height:100%; padding-left:4px;}
.list-box-left .list-left-items .uni_resNum_box {width:10%; height:100%;}
.list-box-left .list-left-items .uni_resNum_box .uni_resNum {height:20px; background:#e01820; color:#fff; border-radius:10px; font-size:14px;  display:flex; justify-content:center; align-items:center;}
.list-box-left .list-left-items .uni_arrow {display: none;}

.list-box-right {display: none; background:inherit; width:100%; max-height:620px; box-sizing:border-box; overflow-x:hidden; overflow-y:auto; border-top: 3px solid #b9b9b9;}
.list-box-right .list-right-items {display:flex; width:100%; height:50px; justify-content:flex-start; padding:8px; font-size:16px;  border-bottom:2px solid #eee; align-items:center; box-sizing:border-box;}
.list-box-right .list-right-items:first-child{background-color: #f5f5f5;}
.list-box-right .list-right-items .list-right-hakgwa {width:30%; color:inherit; height:100%; display:flex; justify-content:flex-start;  align-items:center; padding-left:8px;}
.list-box-right .list-right-items .list-right-jeon {width:30%; color:inherit; height:100%; display:flex; justify-content:flex-start;  align-items:center; padding-left:8px;}
.list-box-right .list-right-items .list-right-mojip {width:10%; color:inherit; height:100%; display:flex; justify-content:center; align-items:center; padding-left:8px; text-align:center; word-break: keep-all;}
.list-box-right .list-right-items .list-right-baechi {width:10%; color:inherit; height:100%; display:flex; justify-content:center; align-items:center; padding-left:8px; text-align:center;}

.list-box-right .list-right-items .list-right-btn-box {width: 18%; height: 100%; padding: 8px; }
.list-right-btn-box > div{height: 100%; background: #e01820; color: #fff; border-radius: 4px; font-size: 15px; display: flex; justify-content: center; align-items: center; cursor: pointer; text-align:center; box-sizing: border-box;}
.list-box-right .list-right-items .list-right-btn-box .list-right-btn {height: 100%; background: #e01820; color: #fff; border-radius: 4px;  font-size: 15px; display: flex; justify-content: center; align-items: center; cursor: pointer; padding: 2px 5px; box-sizing: border-box;}
.list-box-right .list-right-items .list-right-btn-box .list-right-btn:hover{background-color:#b40e15;}

/* ½ºÅ©·Ñ¹Ù µðÀÚÀÎ */
.univ-list-right-list::-webkit-scrollbar {width:3px;}
.univ-list-right-list::-webkit-scrollbar-thumb {background:#e01820;}
.univ-list-right-list::-webkit-scrollbar-track {background:#fff;}

.redScroll::-webkit-scrollbar {width:10px;}
.redScroll::-webkit-scrollbar-thumb {width:10px; background:#e01820; border-radius:5px;}
.redScroll::-webkit-scrollbar-track {background:#eee; width: 10px;}

.redScroll2::-webkit-scrollbar {width:3px;}
.redScroll2::-webkit-scrollbar-thumb {width:3px; background:#e01820;}
.redScroll2::-webkit-scrollbar-track {background:#fff; width: 3px;}

.redScroll3::-webkit-scrollbar {width:10%;}
.redScroll3::-webkit-scrollbar-thumb {background:#e01820;}
.redScroll3::-webkit-scrollbar-track {background:#fff;}

html::-webkit-scrollbar {width:10px;}
html::-webkit-scrollbar-thumb {background:#e01820; border-radius:5px; width:10px; height:10px;}
html::-webkit-scrollbar-track {background:#fff;}

.dngCut-table {border: 1px solid #ccc; border-collapse: collapse;border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.dngCut-table > thead > tr > th {border-right: 1px solid #ccc; width: 25%; color: #333;}
.dngCut-table > tbody > tr > td {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.openedTable tbody .openedListBox {max-height:400px; overflow-y: scroll;}

.teacherGivenTable tbody .teacherGivenListBox {max-height:400px; overflow-y: scroll;}

.tdSet {display:flex;justify-content: center; align-items: center;}

.realtimeDngcutToggle {display:none;}

/* ¿ìÃø¹è³Ê */
.right-u-ad{width:170px; right:-200px; top:-200px; display:none;}

.list-right-jeon,.list-right-hakgwa{justify-content:center;}
.list-box.list-none{font-size: 0.9rem;}

/* ¸ð¹ÙÀÏ ÇÕ°Ý¿¹Ãø °¡´ÉÇÑ ´ëÇÐ(±¤°í) */
.univ-list-right-list-m{display: none;}

/* ¹ÝÀÀÇü Áöµµ´ë½Å ³ª¿À´Â Áö¿ª¸®½ºÆ® */
.popular-tabs{display: none;}

/* ¸ð¹ÙÀÏ¿¡¼­ ³ª¿À´Â Áö¿ª¼³Á¤ */
.Regionss.mobile{display: none;}

/* ¸ð¹ÙÀÏ¿¡¼­ ³ª¿À´Â µî±Þ¹üÀ§¼³Á¤ */
.detailed_search.mobile{display: none;}
.closed-popup-mobile-btn{display: none;}
.search-option-Btns{display: none;}
.search-bar.mobile{display: none;}

/* ´ÙÅ©¸ðµå¿ë Æ˾÷¹è°æ */
/* .popup1.darkmode,.popup2.darkmode,.popup3.darkmode,.popup4.darkmode,.popup5.darkmode,.popup6.darkmode,.popup7.darkmode,.popup8.darkmode,.popup9.darkmode,.popup10.darkmode,.popup11.darkmode,.popup12.darkmode,.popup13.darkmode{background-color: #919191;} */

/* ´ÙÅ©¸ðµå btn */
/* :root{
    --background-color-light:#ccc;
    --text-color-light:#333;
    --toggle-background-light:#f5f5f5;
    --toggle-ball-light:#ccc;

    --background-color-dark:#000;
    --text-color-dark:#fff;
    --toggle-background-dark:#4d4d4d;
    --toggle-ball-dark:#fff;
}

.dark-mode{
    --background-color:var(--background-color-dark);
    --text-color:var(--text-color-dark);
}
.toggle-switch{
    position: relative;
    width: 100px;
    height: 45px;
}
.toggle-switch .checkbox{
    opacity: 0;
    width: 0;
    height: 0;
}
.toggle-switch .label{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--toggle-background-light);
    transition: background-color 0.4s;
    border-radius: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 10px;
    box-shadow: inset -3px 7px 7px -6px #777;
}
.toggle-switch .label:before{
    position: absolute;
    content: "";
    height: 35px;
    width: 35px;
    background-color: var(--toggle-ball-light);
    transition: transform 0.4s;
    border-radius: 500%;
}
.toggle-switch input:checked + .label{
    background-color: var(--toggle-background-dark);
}

.toggle-switch input:checked + lable::before{
    transform: translateX(100%);
}

.ToggleCircle01{opacity: 1;}
.ToggleCircle02{opacity: 0;}
.ToggleCircle01 .ToggleCircle02{transition: color 0.3s, opacity 0.3s; position: absolute;}

.toggle-switch input:checked ~ .ToggleCircle01{
    opacity: 0;
}
.toggle-switch input:checked ~ .ToggleCircle02{
    opacity: 1;
} */

.top_u_ad{display: none;}
.rankSelBtn.selcted{padding: 7px; background-color: #e01820; border-radius: 4px; color: #fff; font-size: 0.8rem; border: none;}

/* µî±Þ¹üÀ§¼³Á¤ */
.detailed_search.mobile{display: block; border: 1px solid #ddd; box-sizing: border-box; padding: 0.5rem; margin-bottom: 20px;}
.detailed_search-title{display: flex; align-items: center;}
.detailed_search-title h2{font-size: 0.9rem; font-weight: 600; margin-left: 0;}
.detailed_search-title span{ margin-left: 5px;}

.detailed_search-inner{width: 100%; box-sizing: border-box;}
.multi-range-slider{display: none;}

/* µî±Þ¹üÀ§ Áö¿ª¼±ÅÃó·³ ¸®´º¾ó */
.popular-btns{padding: 0.2rem;}
.popular-btn01s{display: flex; align-items: center; justify-content: center;}
.popular-btn .popular-btn01s > li{margin-right: 0; border: 1px solid #ccc; padding: 10px; font-size: 0.8rem; margin-right: 2rem; cursor: pointer;}
.popular-btn .popular-btn01s > li:last-child{margin-right: 0;}
.popular-btn .popular-btn01s> li.active {color: #fff; font-weight: 600; background-color: #e01820;}
.popular-btn .popular-btn01s:first-child{margin-bottom: 0;}

.search-option-m{display: none;}

.one-tr{background-color: #f5f5f5; height: auto;}
.one-tr th{ padding: 0.5rem;}

/* ½Ç½Ã°£µî±ÞÄÆ ¼öÁ¤ */
.by-subject-tables2-imsi{display: flex; align-items: baseline; justify-content: space-between; width: 100%;}
.by-subject-tables2-imsi-01{width: 48%; margin-bottom: 1rem;}
.by-subject-table-l-text{display: flex; align-items: center; justify-content: space-between;}
.by-subject-table-l-text h2{font-size: 20px; font-weight: bold;}
.by-subject-table-l-text h3{font-size: 15px; color: #848484;}

summary::-webkit-details-marker { /* Safari ºê¶ó¿ìÀú¿ë »ç¿ëÀÚ Á¤ÀÇ ½ºÅ¸ÀÏ */
    display: none;
}
summary {
    list-style-type: none; /* ±× ¿ÜÀÇ ºê¶ó¿ìÀú¿ë »ç¿ëÀÚ Á¤ÀÇ ½ºÅ¸ÀÏ */
}

.sum-arrow h3{display: flex;}
/* .toggle-img::after {
    content: ''; 
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../images/arrow_btm.png') no-repeat center;
    background-size: contain;
    margin-left: 5px;
}

/* open »óÅ¿¡¼­ À̹ÌÁö º¯°æ */
details[open] .toggle-img::after {
    background-image: url('../images/arrow-top.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: 5px;
} */

.sum-arrow h3:last-child{margin-bottom: 0;}
.sum-arrow h3 span{margin-right: 5px;}

.by-subject-tables2-imsi-01 table{border: 1px solid #ccc; border-collapse: collapse; text-align: center; vertical-align: middle; width: 100%;}
.table-back-h{background-color: #f5f5f5;}
.by-subject-tables2-imsi-01 table tr td{box-sizing: border-box; padding: 0.5rem; border: 1px solid #ccc;}

.by-subject-tables2-imsi-01 .by-subject-table-l-text{position: relative;}
.sum-arrow{height: auto; background-color: #fff; padding: 0.5rem; cursor: pointer;}
details[open]{box-shadow: 0px 5px 10px #eee; }

.selHabDaehak{cursor: pointer;}
.selHabDaehak:hover{font-weight: 600; background-color: #ffbaba;}

/* ¼ö½Ã,Á¤½ÃÇÕ°Ý¿¹Ãø Æ˾÷ */
.info-btn{border:0; background:transparent; padding:0; cursor:pointer; display:inline-flex; align-items:center;}

/* --- PC Æ˾÷ --- */
.mini-pop{position: absolute; z-index: 100; display: none; max-width: 400px; top: 305px; left: 550px; border-radius: 10px; overflow: hidden; border: 1px solid #ccc; box-shadow:0 10px 30px rgba(0,0,0,.14);}
.mini-pop.is-open{ display:block; }
.mini-pop-inner{background:#fff; font-size:16px; box-sizing: border-box;}

.mini-pop-title{ display:block; font-size:18px; border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 0.5rem; background-color: #f5f5f5;}
.mini-pop-desc{ margin:0; color:rgba(0,0,0,.75); padding: 0.5rem;}

/* --- ¸ð¹ÙÀÏ ¹ÙÅÒ½ÃÆ® --- */
.bs-backdrop{position:fixed; inset:0; background:rgba(0,0,0,.45); display:none; z-index: 9;}

.bottom-sheet{position:fixed; left:0; right:0; bottom:0px; background:#fff; transform: translateY(100%); transition: transform .22s ease; z-index: 1001; padding-bottom: max(12px, env(safe-area-inset-bottom)); border-radius:16px 16px 0 0; overflow: hidden;}

.bottom-sheet.is-open{ transform: translateY(-66px); }
.bs-backdrop.is-open{ display:block; }

.bs-header{box-sizing: border-box; padding: 0.5rem; display:flex; align-items:center; justify-content:space-between; border-bottom: 1px solid #ccc; background-color: #f5f5f5;}

.bs-title{ margin:0; font-size:16px; font-weight: 600;}
.bs-close{border:0; background:transparent; font-size:18px; cursor:pointer;}

.bs-body{padding: 0.5rem; font-size: 0.75rem;}

/* ¹ÝÀÀÇü */
/* ÅÂºí¸´ °¡·Î¸ðµå */
@media only screen and (min-width: 1025px) and (max-width: 1400px){
    .content{width: 95%; margin-top: 20px;}
    
    .adListView.right-u-ad{display: none;}
    .top_u_ad{display: none;}
    /* »ó´Ü ±¤°í °íÁ¤ */
    .adListView.right-u-ad{display: none;}
    .top_u_ad div{width: 100%;}
    .top_u_ad{width: 95%; height: 100px; position: sticky; margin: 0 auto; margin-top: 20px; display: block;}
    .top_u_ad img{width: 100%; height: 100px;}

    /* 4³âÁ¦´ëÇÐ */
    .tab-button > .tab-button-inner{width: 70%;}
    .search-bar{width: 99%;}

    .chk_con_box{justify-content: start; padding: 0;}
    /* ÀÔ°áÀÚ·áºÐ¼® Æ˾÷ */
    .popup3{height: 70%; padding: 10px; width: 80%;}
    .search-option-btn {width: 40%; background-color: #e01820; color: #fff; font-size: 18px; text-align: center; cursor: pointer; margin: 0 auto; margin-top: 37px; display: block;}

    .list-box-left .list-left-items{font-size: 16px; padding: 3px;}
    .list-box-right .list-right-items{font-size: 16px;}

    /* ¸ñÇ¥´ëÇÐ */
    .target-list-title > h2{font-size: 24px; margin-top: 20px;}
    .target-list-inner-outline{width: 1000px;}
    .target-list-inner{overflow-x: auto; width: 100%;}
    .target1{margin-right: 10px;}

    .detailed_search.mobile{display: block;}
    /* µî±Þ¹üÀ§¼³Á¤ */
    .detailed_search.mobile{display: block;}
    .detailed_search-title{display: flex; align-items: center; margin-top: 30px;}
    .detailed_search-title h2{font-size: 18px;}
    .detailed_search-title span{ margin-left: 5px;}
    /* µî±Þ¹üÀ§ Áö¿ª¼±ÅÃó·³ ¸®´º¾ó */
    .popular-btn01.popular-btn01s{display: flex;}
    .popular-btns{padding: 0.2rem;}
    .popular-btn01s{display: flex; align-items: center; justify-content: center;}
    .popular-btn .popular-btn01s > li{margin-right: 0; border: 1px solid #ccc; margin-right: 2rem; cursor: pointer;}
    .popular-btn .popular-btn01s > li:last-child{margin-right: 0;}
    .popular-btn .popular-btn01s> li.active {color: #fff; font-weight: 600; background-color: #e01820;}
    .popular-btn .popular-btn01s:first-child{margin-bottom: 0;}

    .bs-backdrop, .bottom-sheet{ display:none;}
    .mini-pop{top: 345px; left: 560px;}
}
/*ÅÂºí¸´ ¼¼·Î¸ðµå*/
@media only screen and (min-width: 768px) and (max-width: 1024px){
    .content{width: 95%; margin-top: 20px;}

    /* Æ˾÷Àüü */
    .popup1, .popup8, .popup10, .popup11, .popup12, .popup13{width: 80%; padding: 20px;}
    .popup2, .popup3, .popup4, .popup5, .popup6, .popup7, .popup9{width: 80%; height: 70%;}
    .popup-inner4-table{width: 95%;}
    .popup-inner4-main > .popup-inner4-h2 > h2{font-size: 18px;}

    /* ¼ö»çÇÕ°Ý¿¹Ãø ¸ÞÀÎ */
    .susi_mains{width: 100%; margin-bottom: 50px;}
    .susi_mains span{font-size: 16px;}

    .adListView.right-u-ad{display: none;}
    .top_u_ad{display: none;}
    /* »ó´Ü ±¤°í °íÁ¤ */
    .adListView.right-u-ad{display: none;}
    .top_u_ad div{width: 100%;}
    .top_u_ad{width: 95%; height: 100px; position: sticky; margin: 0 auto; margin-top: 20px; display: block;}
    .top_u_ad img{width: 100%; height: 100px;}

    /* 4³âÁ¦ Àü¹®´ë ÅÇ */
    .tab-button{width: 60%; margin: 0 auto; height: 40px;}
    .tab-button > .tab-button-inner{width: 100%; height: 100%;}
    .tab-button > .tab-button-inner li{font-size: 16px; line-height: 40px;}
    .tab-button > .tab-button-inner li:first-child{width: 50%;}
    .tab-button > .tab-button-inner li:last-child{width: 50%;}

    /* 4³âÁ¦´ëÇÐ */
    .tab1 .title h1{margin-top: 10px; margin-bottom: 3px;}
    .tab1 > .title, .tab2 > .title{margin-bottom: 1rem;}

    /* Çг⵵ ÅÇ */
    .year-select-btns .year-select-btn{width: 70%;}
    .year-select-btns .year-select-btn li{font-size: 18px;}

    /* ÇÕ°Ý¿¹Ãø ÀÌ¿ë¾È³» */
    .info-main-text-j{font-size: 1rem;}
    .info > h2{font-size: 1rem;}
    .use-inner-one{margin-right: 0;}
    .quik-btns{flex-direction: column; margin-top: 10px;}
    .show-btn{margin-bottom: 5px;}

    /* ÇÕ°Ý¿¹ÃøÀÌ¿ë¾È³» Æ˾÷ */
    .popup8{width: 70%; height: 580px;}
    .popup-inner8{overflow-y: auto; margin-bottom: 30px;}
    .popup-inner8 img{width: 100%;}

    .info-inner-one > h2, .help-inner-one > h2, .use-inner-one > h2, .pro-inner-one > h2{font-size: 0.8rem;}
    .info-inner-one > span, .help-inner-one > span, .use-inner-one > span, .pro-inner-one > span{font-size: 15px; text-align: center;}

    /* ½Ç½Ã°£µî±ÞÄÆ */
    .selMonthMobile {display: block;}
    .selMonth {display: none;}
    .popular-tabs-btns{width: 100%;}
    
    /* ÇÕ°Ý¿¹Ãø °£Æí°Ë»ö */
    .easy_search {margin-bottom: 10px;}

    .univ-list{width: 100%; justify-content: center; margin-top: 20px;}
    .univ-list-right{width: 50%;}
    .univ-list-right-title h2{font-size: 17px;}
    .univ-list-right-title .univ-list-right-btn span{font-size: 16px;}
    .univ-list-right-btn{border: 1px solid #e3e5e8;}
    .univ-list-right-list{width: 100%; height: 400px; margin-bottom: 10px; box-sizing: border-box;}
    .free-title, .unfree-title{font-size: 18px;}
    .free-d > .circle{width: 10px; height: 10px; margin: 0 8px;}
    .unfree-d > .circle{width: 10px; height: 10px; margin: 0 8px;}
    .daehak-list{flex-direction: column; width: 100%; overflow-x: hidden;}
    .free-d, .unfree-d{width: 100%;}
    .univ-list-right-btn > span{font-size: 0.8rem;}

    .univ-list-left{width: 50%;}
    .univ-list-left #Layer_1{width: 360px; height: auto; margin-left: 10px;}
    .univ-list-right-text > p{font-size: 16px;}
    .text-plus-one > .circle,.text-plus-two > .circle{width: 10px; height: 10px; margin: 0 8px;}
    .text-plus-one > span,.text-plus-two > span{font-size: 16px;}

    .list-box-right .list-right-items .list-right-jeon{padding-left: 0px;}
    .list-box-right .list-right-items .list-right-mojip{width: 17%;}
    .list-box-right .list-right-items .list-right-baechi{width: 12%;}
    .list-box-right .list-right-items .list-right-btn-box{width: 17%;}

    .univ-list-right-list::-webkit-scrollbar-thumb{background-color: #ccc;}
    .list-right-jeon,.list-right-hakgwa{font-size:16px;}
    .list-right-mojip,.list-right-baechi,.list-right-btn-box{font-size:16px;}

    /* ÇÕ°Ý¿¹Ãø »ó¼¼°Ë»ö */
    .search-bar{margin-top: 10px; width: 100%; box-sizing: border-box;}
    .search-left > h2, .search-right > h2{font-size: 20px;}
    .search-left, .search-right{margin-left: 10px; width: 40%;}
    .search-left > input, .search-right > input{width: 80%; margin-left: 0px;}
    .search-submit{width: 10%; font-size: 0.8rem; margin-right: 10px;}

    /* »ó¼¼°Ë»ö Å×À̺í */
    .tables-two > tbody > tr > th{width: 95px; font-size: 16px;}
    .chk_con_box{justify-content: start; padding: 0;}

    /* µî±Þ¹üÀ§ Áö¿ª¼±ÅÃó·³ ¸®´º¾ó */
    .popular-btns{padding: 0.2rem;}
    .popular-btn01s{display: flex; align-items: center; justify-content: center;}
    .popular-btn .popular-btn01s > li{margin-right: 0; border: 1px solid #ccc; padding: 10px; font-size: 0.8rem; margin-right: 1.5rem; cursor: pointer;}
    .popular-btn .popular-btn01s > li:last-child{margin-right: 0;}
    .popular-btn .popular-btn01s> li.active {color: #fff; font-weight: 600; background-color: #e01820;}
    .popular-btn .popular-btn01s:first-child{margin-bottom: 0;}

    /* °Ë»ö½Ã ³ª¿À´Â ´ëÇи®½ºÆ® */
    .list-box.list-none{font-size: 0.9rem;}
    .list-box-left .list-left-items{font-size: 16px; padding: 3px;}
    .list-box-left .list-left-items .uni_area{width: 17%;}
    .list-box-left .list-left-items .uni_resNum_box .uni_resNum{width: 33px;}
    .list-box-left .list-left-items .uni_arrow{margin-left: 12px;}

    .list-box-right .list-right-items{font-size: 16px;}
    .list-box-right .list-right-items .list-right-btn-box{padding: 4px;}

    /* ¸ñÇ¥´ëÇÐ */
    .target-list-title > h2{font-size: 24px; margin-top: 20px;}
    .target-list-inner-outline{width: 1000px;}
    .target-list-inner{overflow-x: auto; width: 100%;}
    .target1{margin-right: 10px;}

    .Grad-help{margin-top: 60px; margin-bottom: 80px;}
    .Grad-help-title > h2{font-size: 24px;}
    .Grad-help-textbox{font-size: 16px;}

    .bs-backdrop, .bottom-sheet{ display:none;}
    .mini-pop{top: 345px; left: 400px; max-width: 350px;}
}
/* ¸ð¹ÙÀÏ */
@media only screen and (max-width: 768px) and (min-width: 300px){
    .reset-btn{display: none;}
    body{width: 100%; overflow-x: hidden;}
    .content{width: 95%; margin-top: 20px; padding-bottom: 180px;}
    .susi_mains > .circle{margin-left: 5px; width: 10px; height: 10px;}
    .circle{margin: 0 5px;}

    /* Æ˾÷Àüü */
    .popup1, .popup8, .popup10, .popup11, .popup12, .popup13{width: 80%; padding: 20px;}
    .popup2, .popup3, .popup4, .popup5, .popup6, .popup7, .popup9{width: 95%; height: 70%;}
    .popup1{height: 45%; width: 80%;}
    .popup-inner4-table{width: 95%;}
    .popup-inner4-main > .popup-inner4-h2 > h2{font-size: 18px;}
    .popup4{padding: 0.5rem; width: 80%; height: 60%;}
    .popup-inner1{margin-top: 15px;}

    .rankSelBtn.selcted{padding: 5px; background-color: #e01820; border-radius: 3px; color: #fff; font-size: 0.7rem;}

    /* ¼ö»çÇÕ°Ý¿¹Ãø ¸ÞÀÎ */
    .susi_mains{width: 100%; margin-bottom: 1rem;}
    .susi_mains h2{font-size: 1rem;}
    .susi_mains span{display: none;}

    /* »ó´Ü ±¤°í °íÁ¤ */
    .adListView.right-u-ad{display: none;}
    .top_u_ad{width: 95%; height: 75px; border: 1px solid #ccc; position: sticky; margin: 0 auto; margin-top: 20px; display: block;}
    .top_u_ad img{width: 100%; height: 75px;}

    /* 4³âÁ¦ Àü¹®´ë ÅÇ */
    .tab-button{width: 85%; margin: 0 auto; height: 30px;}
    .tab-button > .tab-button-inner{width: 100%; height: 100%;}
    .tab-button > .tab-button-inner li{line-height: 30px;}
    .tab-button > .tab-button-inner li:first-child{width: 50%;}
    .tab-button > .tab-button-inner li:last-child{width: 50%;}
    .year-select-btns{margin-bottom: 1.5rem;}

    /* 4³âÁ¦´ëÇÐ */
    .tab1 .title h1{margin-top: 10px; margin-bottom: 3px;}
    .tab1 > .title, .tab2 > .title{margin-bottom: 0.5rem;}

    /* Çг⵵ ÅÇ */
    .year-select-btns .year-select-btn{width: 100%;}
    .year-select-btn>li{padding: 5px 12px;}
    .year-select-btns .year-select-btn li{font-size: 16px;}
    .year-select-btn>.circle{display: none;}

    .closed.pop8{display: none;}
    .closed-popup-mobile-btn{display: block; position: fixed; bottom: 0px; left: 0; border-top: 1px solid #ccc; background-color: #fff; height: 50px; line-height: 50px; width: 100%; border-radius: 0; cursor: pointer;}

    /* ÇÕ°Ý¿¹Ãø ÀÌ¿ë¾È³» °¡·Î½ºÅ©·Ñ*/
    .info{margin-bottom: 1rem;}
    .info > h2{font-size: 1rem;}
    .click-guide-button{height: 27px; width: 50px;}
    .help-content{overflow-x: auto; width: 100%;}
    .help-content .info-inner{align-items: stretch; width: 650px;}
    .info-inner-one,.use-inner-one,.help-inner-one{padding: 10px; margin-right: 10px;}
    .info-inner-one h2,.use-inner-one h2,.help-inner-one h2{font-size: 0.8rem; text-align: center;}
    .info-inner-one span,.use-inner-one span, .help-inner-one span{font-size: 0.7rem; text-align: left;}
    .use-inner-one{margin-right: 0;}
    .quik-btns{flex-direction: column; margin-top: 55px;}
    .show-btn{margin-bottom: 5px;}
    .quik-btn, .youtube-btn, .show-btn{width: 80%;}

    /* ÇÕ°Ý¿¹ÃøÀÌ¿ë¾È³» Æ˾÷ */
    .popup8{width: 70%; height: 400px;}
    .popup-inner8{overflow-y: auto; margin-bottom: 30px;}
    .popup-inner8 img{width: 100%;}

    /* ½Ç½Ã°£µî±ÞÄÆ */
    .selMonthMobile {display: block;}
    .selMonth {display: none;}
    .popular-tabs-btns{width: 100%;}
    .popular-tabs-btns > .circle{display: none;}
    .popular-btn{align-items: stretch;}
    .popular-btn > li{padding: 6px; margin-right: 5px; font-size: 0.7rem;}
    .info-main-text-j{flex-direction: column; align-items: start;}
    .info-main-text-j h2{font-size: 1rem; margin-bottom: 8px;}
    .info-main-text-j-h3 h3{font-size: 0.8rem; margin-left: 8px;}
    .real-time-tab-btn>li{font-size: 0.7rem;}

    .real-time-info{font-size: 0.6rem; margin-top: 5px;}
    .real-time-info>span>.circle{display: none;}
    .real-time-info>span{display: block;}
    .real-time-tab-btn>li{margin-right: 10px;}

    .by-subject-tables{display: block;}
    .dngCut-table{width: 100%;}
    .by-subject-table-l{margin-right: 0; margin-bottom: 1rem; width: 100%;}
    .by-subject-table-l:last-child{margin-bottom: 0;}
    .dngCut-table > tbody > tr > td{font-size: 0.7rem; padding: 0.3rem;}

    /* ÇÕ°Ý¿¹Ãø °£Æí°Ë»ö */
    .easy_search {padding-bottom: 20px; border-bottom: 1px solid #ccc; height: auto; margin-bottom: 0;}
    .easy-title h2{font-size: 1rem;}

    .univ-list{width: 100%; justify-content: center; margin-top: 20px;}
    .univ-list-right{width: 100%;}
    .univ-list-right-title{width: 100%;}
    .univ-list-right-title h2{overflow-wrap: anywhere; word-break: keep-all;}
    .univ-list-right-title .univ-list-right-btn span{font-size: 0.8rem;}
    .univ-list-right-btn{width: 50%; border: 2px solid #e3e5e8;}

    /* ¸ð¹ÙÀÏ¿¡¼± ¸®½ºÆ®¿¡ Áö¿ªÀ» Ãß°¡ÇҰŶó ÁÖ¼®Ã³¸® */
    .univ-list-right-list{width: 100%; height: 350px; margin-bottom: 10px; box-sizing: border-box; display: none;}

    /* Áö¿ªÀÌ Ãß°¡µÈ ¸ð¹ÙÀÏ ´ëÇи®½ºÆ® */
    .univ-list-right-list-m{display: block; border: 1px solid #e3e5e8; box-sizing: border-box; width: 100%; height: 300px; overflow-y: hidden;}
    .daehak-list-m{display: flex; align-items: stretch; height: 100%; min-height: 0;}
    .daehak-list-m-left{width: 40%; border-right: 1px solid #e3e5e8; background-color: #f5f5f5; min-height: 0; display: flex; flex-direction: column;}
    .daehak-list-tab-btn-title{border-bottom: 1px solid #e3e5e8; box-sizing: border-box; padding: 8px; font-weight: bold; font-size: 0.8rem; flex: 0 0 auto;}
    .daehak-list-tab-btn{display: flex; flex-wrap: wrap; padding: 8px; flex: 1 1 auto; min-height: 0; overflow-y: auto;}
    .daehak-list-tab-btn li{cursor: pointer; padding: 3px; font-size: 0.75rem; border: 1px solid #ddd; border-radius: 10px; box-sizing: border-box; width: calc(100%/2 - 0.3rem); text-align: center; background-color: #fff; margin: 3px;}
    .daehak-list-tab-btn li.active{color: #fff; border: 1px solid #e01820; background-color: #e01820;}

    .daehak-list-m-right-tab{width: 60%; display: flex; flex-direction: column; min-height: 0;}
    .free-title-m{border-bottom: 1px solid #e3e5e8; box-sizing: border-box; padding: 8px; font-weight: bold; font-size: 0.8rem; flex: 0 0 auto;}
    .free-title-m b{color: #e01820;}
    .daehak-list-m-right-tabs{padding: 8px; box-sizing: border-box; display: flex; flex-direction: column; flex: 1 1 auto; overflow-y: scroll;}

    .free-title, .unfree-title{font-size: 18px;}
    .free-d > .circle{width: 10px; height: 10px; margin: 0 5px;}
    .unfree-d > .circle{width: 10px; height: 10px; margin: 0 5px;}
    .daehak-list{font-size: 0.8rem;flex-direction: column; width: 100%; overflow-x: hidden;}
    .free-d, .unfree-d{width: 100%; font-size: 0.75rem;}
    .univ-list-right-text > p{font-size: 16px;}
    .text-plus-one > .circle,.text-plus-two > .circle{width: 10px; height: 10px; margin: 0 5px;}
    .text-plus-one > span,.text-plus-two > span{font-size: 0.8rem;}

    /* Áöµµ±×¸² */
    .univ-list-left{display: none;}
    .univ-list-right-text > p{display: none;}

    /* Áöµµ´ë½Å Ãß°¡µÈ Áö¿ª ¼±Åà ¹öÆ° */
    /* .popular-tabs{display: block; margin-top: 10px;} */
    .popular-tabs{display: none;}
    .popular-tabs-btns {display: flex; align-items: center; justify-content: center; width: 100%; margin: 0 auto; margin-top: 15px;}
    .popular-btn-mobile {width: 100%; text-align: center; box-sizing: border-box;}
    .popular-btn-mobile .popular-btn01{display: flex; align-items: center; width: 100%; justify-content: space-between;}
    .popular-btn-mobile .popular-btn01:first-child{margin-bottom: 8px;}
    .popular-btn-mobile .popular-btn01> li {padding: 5px; box-sizing: border-box; font-size: 16px; cursor: pointer; border: 1px solid #e3e5e8; border-radius: 5px; margin-right: 3px; box-sizing: border-box;}
    .popular-btn-mobile .popular-btn01> li.active {color: #fff; background-color: #e01820;}
    .popular-btn-mobile .popular-btn01> li:last-child {margin-right: 0;}

    /* ´ëÇи®½ºÆ® */
    .list-box-right .list-right-items .list-right-jeon{padding-left: 0px;}
    /* .list-box-right .list-right-items .list-right-mojip{width: 10%;}
    .list-box-right .list-right-items .list-right-baechi{width: 10%;} */
    /* .list-box-right .list-right-items .list-right-btn-box{width: 20%;} */
    .univ-list-right-list::-webkit-scrollbar-thumb{background-color: #ccc;}
    .list-right-jeon,.list-right-hakgwa{font-size:0.7rem;}
    .list-right-mojip,.list-right-baechi,.list-right-btn-box{font-size:0.7rem;}

    /* Áö¿ª¼³Á¤ */
    .Regionss.mobile{display: none;}
    /* .Regionss.mobile{display: block; width: 100%; box-sizing: border-box; height: auto; position: relative;} */
    .Region-title{width: 100%;}
    .Region-title h2{margin-bottom: 8px; font-weight: bold; margin-left: 8px;}
    .Region-title input{font-size: 16px; border: 1px solid #ccc; width: 100%; height: 40px;}

    /* ¹ÙÅÒ½ÃÆ® ½ÃÀÛ*/
    /* overlay */
    .overlay{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); align-items: flex-end; justify-content: center; box-sizing: border-box;}
    
    /* ¹ÙÅÒ½ÃÆ® ³»¿ë¹° */
    .bottomSheet-re{background-color: #fff; width: 100%; height: auto; box-sizing: border-box; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid #ccc; z-index: 1000; transition: bottom 0.5s ease-in-out; position: fixed; bottom: -100%; left: 0;}
    .jiyeok_click:hover {color: #e01820;}
    .jiyeok_All:hover {color: #e01820;}

    .btsh-header{display: flex; align-items: center; width: 100%; justify-content: space-between; padding: 1rem; box-sizing: border-box; font-size: 0.8rem; font-weight: bold; border-bottom: 1px solid #ccc;}

    .btsh-body-top{width: 100%; border-bottom: 1px solid #ccc; height: auto; padding-bottom: 20px;}
    .btsh-body-top-inner{display: flex; align-items: center; justify-content: center; width: 90%; box-sizing: border-box; padding: 0 5px; border: 1px solid #ccc; font-size: 16px; height: 40px; line-height: 40px; border-radius: 5px; margin: 0 auto;}
    .btsh-body-top-inner input{width: 90%; border: none;}
    .btsh-body-top-inner button{width: 10%; outline: none; border: none; background-color: inherit;}

    .btsh-body-middle{width: 100%;}
    .btsh-body-middle-top{border-bottom: 1px solid #ccc; display: flex; overflow-x: auto; height: auto; padding: 10px 0; align-items: center;}
    .btsh-body-middle-top-left{padding: 10px; border-right: 1px solid #aaaaaa;}
    .btsh-body-middle-top-left h2{font-size: 0.9rem; font-weight: bold; margin-left: 5px;}
    .btsh-body-middle-top-right{ margin-left: 8px;}
    .btsh-body-middle-top-right>div{ float: left;}
    .btsh-body-middle-top-right01{ border: 1px solid #E01820; border-radius: 8px; box-sizing: border-box; padding: 5px; font-size: 16px; margin: 2px;}
    .btsh-body-middle-top-right01 span.btsh-body-middle-delete{color: #E01820; cursor: pointer;}

    .btsh-body-middle-btm{border-bottom: 1px solid #ccc; text-align: center;}
    .btsh-body-middle-btm01{display: flex; align-items: center; border-bottom: 1px solid #ccc; width: 90%; margin: 0 auto; box-sizing: border-box; padding: 10px 0; font-size: 16px;}
    .btsh-body-middle-btm01:last-child{border-bottom: none;}
    .btsh-body-middle-btm01 span{flex: 1; cursor: pointer;}
    .btsh-body-middle-btm01 span.active{font-weight: bold; color: #e01820;}

    .btsh-body-btm{display: flex; align-items: stretch; width: 100%; height: 60px; text-align: center; box-sizing: border-box; padding: 10px;}
    .btsh-body-btm-left{margin-right: 8px; border: 1px solid #ccc; width: 20%; border-radius: 8px; box-sizing: border-box; padding: 8px; cursor: pointer; display: flex; align-items: center; justify-content: center;}
    .btsh-body-btm-left img{display: none;}
    .btsh-body-btm-left p{font-size: 0.9rem;}
    .btsh-body-btm-right{background-color: #e01820; border-radius: 8px; border: 1px solid #ccc; width: 80%; cursor: pointer; display: flex; align-items: center; justify-content: center;}
    .btsh-body-btm-right span{ color: #fff; font-size: 0.9rem;}

    /* µî±Þ¹üÀ§¼³Á¤ */
    .detailed_search.mobile{display: block;}
    .detailed_search-title{display: flex; align-items: center;}
    .detailed_search-title h2{font-size: 18px;}
    .detailed_search-title span{ margin-left: 5px;}

    .detailed_search-inner{width: 100%; box-sizing: border-box;}
    .rangeSlider.moblie{width: 100%; margin: 0;}
    .rangeSlider > .thumb-left.mobile{transform: translate(-15px, -5.5px);}
    .rangeSlider > .thumb-right.mobile{transform: translate(0px, -5.5px);}
    .rangeSlider > .thumb.mobile{width: 20px; height: 20px;}
    .rangeSlider.mobile > .range-bg{width: 20px; height: 20px; top: -5px;}

    /* °Ë»ö¿É¼Ç ¹öÆ° */
    .search-option-btns {width: 60%; height: 40px; background-color: #e01820; color: #fff; font-size: 0.9rem; text-align: center; line-height: 40px; cursor: pointer; margin: 0 auto; margin-top: 1rem; display: block;}
    .search-option-btn {width: 60%; height: 40px; background-color: #e01820; color: #fff; font-size: 0.9rem; text-align: center; line-height: 40px; cursor: pointer; margin: 0 auto; margin-top: 1rem; display: block; display: flex; align-items: center; justify-content: center;}
    .search-option-btns img,.search-option-btn img{display: none;}
    .reset-btn{font-size: 0.8rem; width: 50%;}
    .reset-btn > span{margin-right: 5px;}
    .reset-btn img{width: 10%;}

    /* ÇÕ°Ý¿¹Ãø »ó¼¼°Ë»ö */
    .detailed_search{margin-bottom: 0;}
    .detailed_search-title-res {margin-bottom: -10%;}
    .detailed_search-contents-res {font-size:0.7rem;}

    .search-bar{display: none;}
    .search-bar.mobile{display: block; border-radius: 0; border: 0; width: 100%; height: auto; box-sizing: border-box;}
    .search-bar.mobile .search-bar-mobile{display: flex; align-items: center; justify-content: space-between; width: 100%; box-sizing: border-box; background-color: #f5f5f5; margin-bottom: 20px; padding: 10px;}

    .search-left{margin-left: 10px; width: 80%; display: block;}
    .search-bar-mobile .search-left .search-left01{width: 100%; display: flex; align-items: center; justify-content: space-between;}
    .search-bar-mobile .search-left .search-left01:first-child{margin-bottom: 8px;}
    .search-left .search-left01 > h2{font-size: 0.8rem; width: 20%;}
    .search-left .search-left01 > input{width: 80%; margin-left: 0px; height: 30px; border: 1px solid #ccc; font-size: 16px;}
    .search-right{width: 18%; margin-left: 8px;}
    .search-right .search-submit{width: 100%; border-radius: 5px; font-weight: normal;}
    .search-left, .search-right{margin-left: 0px; display: block;}

    /* »ó¼¼°Ë»ö Å×À̺í */
    #toggleTables {display:block; overflow:hidden; height:0; transition: 1s;}
    .search-option-table .tables-two tr.mobile-display{display: none;}
    .tables-two > tbody > tr > th{width: 95px; font-size: 16px; padding: 0.5rem;}
    .chk_con_box{justify-content: start; padding-top: 0;}

    /* »ó¼¼°Ë»ö Å×ÀÌºí ¼öÁ¤ - 251020 À̽½±â */
    .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: #e01820; color: #fff; cursor: pointer; text-align: center; box-sizing: border-box; padding: 0.5rem; margin: 0 auto; font-size: 0.8rem; margin-bottom: 10px;} 
    .prediction-table-m01-1 { margin-bottom: 1rem; } 
    .prediction-table-m-title { font-size: 0.8rem; font-weight: bold; border: 1px solid #ddd; box-sizing: border-box; padding: 8px; text-align: center; background-color: #f5f5f5;} 
    .prediction-table-m-title.small{color: #333; border: none; font-size: 0.7rem; background-color: #ddd; border: 1px solid #ddd; font-weight: normal;}
    .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 #e01820; color: #e01820;} 
    .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; 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.1rem;} 
    .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; }

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

    /* °Ë»ö½Ã ³ª¿À´Â ´ëÇи®½ºÆ® */
    .list-box-right{width: 100%;}
    .list-box-right .list-right-items{box-sizing: border-box;}
    .list-box.list-none{font-size: 18px;}
    .list-box-left{width: 100%;}
    .list-box-left .list-left-items{font-size: 16px; padding: 3px;}
    .list-box-left .list-left-items .uni_area{width: 15%; padding: 0; padding-right: 4px;}
    .list-box-left .list-left-items .uni_name{width: 70%;}
    .list-box-left .list-left-items .uni_resNum_box{width: 15%;}
    .list-box-left .list-left-items .uni_arrow{display: none;}

    /* .list-box-right .list-right-items{font-size: 16px; padding: 5px; overflow-y: hidden;} */
    .list-box-right .list-right-items .list-right-btn-box{padding: 4px; text-align: center;}
    .list-box-right .list-right-items{padding: 0.1rem;}
    .list-box-right .list-right-items .list-right-jeon{padding: 0.1rem; font-size: 0.7rem;}

    /* Æ˾÷´Ý±â¹öÆ° °øÅë ÃÖÇÏ´Ü À§Ä¡ - ½ºÅ©·ÑÇصµ ÇÏ´Ü¿¡ ºÙ¾î¼­ µû¶ó´Ù´Ïµµ·Ï */
    .closed-popup-mobile-btn{display: block; position: fixed; bottom: 0px; left: 0; border-top: 1px solid #ccc; background-color: #fff; height: 50px; line-height: 50px; width: 100%; border-radius: 0; cursor: pointer; z-index: 1000; font-size: 1rem;}
    

    /* ¸ñÇ¥´ëÇÐ */
    .target-list-title > h2{font-size: 1rem; margin-top: 20px;}
    .target-list-inner-outline{width: 1000px;}
    .target-list-inner{overflow-x: auto; width: 100%;}
    .target1{margin-right: 10px; width: 200px; padding: 0.5rem;}

    .Grad-help{margin-top: 2rem; margin-bottom: 2rem;}
    .Grad-help-title > h2{font-size: 0.7rem;}
    .Grad-help-textbox{font-size: 0.7rem; padding: 10px;}

    /* Áö¿ªÀÌ ¸®½ºÆ® ¾ÈÂÊÀ¸·Î µé¾î°¥°Å¶ó ŸÀÌƲ ÁÖ¼®Ã³¸®(251017-À̽½±â) */
    /*.easy-title{flex-direction: column; align-items: start; margin-top: 1rem;} */
    .easy-title{display: none;}
    .easy-title h2{font-size: 0.8rem;}
    .modal{font-size: 0.7rem;}
    .modal img{width: 1rem;}
    
    .no-data-open{font-size: 0.8rem; padding: 0.5rem;}
    .real-time-tab-btns{margin-bottom: 1rem;}

    .v-table-outline{overflow-x: auto; width: 100%; margin-bottom: 40px;}
    /* .v-table.teacherGivenTable{width: 1000px;} */

    .table-h2{font-size: 16px;}
    .popup-inner4-table > .table-h2{margin-top: 0px; margin-bottom: 0.5rem;}
    .v-table{margin-bottom: 0; width: 100%;}

    .popup-inner4 {overflow-y: auto; margin-bottom: 3rem;}

    /* À¯´Ïºê ¼³¸íÆ˾÷ */
    .popup-inner1{font-size: 16px; line-height: 25px;}
    .popup1-title > .closed{display: none;}
    .popup-inner4-main > .closed{display: none;}

    /* ¸ð¹ÙÀÏ »ó´Ü ±¤°í */
    .top_u_ad{width: 95%; height: 75px; overflow: hidden;}
    .top_u_ad div{width: 100%;}
    .top_u_ad div a{display: block;}
    .top_u_ad div a img{width: 100%;}

    .by-subject-table-l-text{font-size: 0.9rem;}
    .v1-tr{font-size: 0.8rem;}
    .text-plus-one > .circle,.text-plus-two > .circle{width: 10px; height: 10px; margin: 0 5px;}
    .text-plus-one > span,.text-plus-two > span{font-size: 0.8rem;}

    /* ¸ñÇ¥´ëÇÐ */
    .target1 h2{font-size: 0.7rem;}
    .target1 h3,.target1-text{font-size: 0.7rem;}
    .Grad-help-textbox > .circle{display: none;}
    #options{font-size: 0.7rem;}
    .one-tr{height: auto; font-size: 0.7rem;}
    .one-tr th{padding: 0.2rem;}
    .two-trs{font-size: 0.7rem;}

    /* µî±Þ¹üÀ§ Áö¿ª¼±ÅÃó·³ ¸®´º¾ó */
    .popular-btns{padding: 0.2rem;}
    .popular-btn .popular-btn01s > li{margin-right: 0; border: 1px solid #ccc; padding: 7px;}
    .popular-btn .popular-btn01s:first-child{margin-bottom: 0;}

    /* ¸ð¹ÙÀÏ¿ë »ó¼¼°Ë»öÅ×À̺í */
    .search-option,.search-option-Btns{display: none;}
    .search-option-m{display: block;}

    .search-option-Btns-m{width: 60%; border-radius: 8px; background-color: #e01820; color: #fff; text-align: center; box-sizing: border-box; padding: 0.5rem; margin: 0 auto; cursor: pointer; margin-top: 1rem; margin-bottom: 1rem;}

    .search-option-m01-1{margin-bottom: 1rem;}
    .search-option-m-title{font-weight: bold; font-size: 0.8rem; margin-bottom: 0.3rem;}
    .search-option-m-in{width: 100%; display: flex; align-items: stretch; justify-content: start; margin-bottom: 0.3rem;}
    .search-option-m-in span{box-sizing: border-box; padding: 0.3rem; border-radius: 8px; border: 1px solid #ccc; cursor: pointer; width: 25%; height: 2.0rem; margin-right: 10px; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 0.7rem;}
    .search-option-m-in span:last-child{margin-right: 0;}
    .search-option-m-in span.bor-non{border: none;}
    .search-option-m-in span.active{border: 1px solid #e01820; color: #e01820;}

    .details-btns{display: flex; align-items: center; justify-content: space-around; padding-top: 1rem; border-top: 1px solid #ccc;}
    .details-btn01{width: 45%; border-radius: 8px; border: 1px solid #e01820; text-align: center; box-sizing: border-box; transition: .1s; cursor: pointer;}
    .details-btn01 span{display: block;  padding: 0.5rem;}

    .details-btn01:last-child{background-color: #e01820; color: #fff;}
    .details-btn01:hover :first-child{background-color: #e01820; color: #fff; border-radius: 8px;}
    .details-btn01:hover :last-child{background-color: #9e0c11; border-radius: 8px;}

    .two-trs{height: auto; font-size: 0.7rem;}
    .two-trs td{padding: 0.2rem;}
    .two-trs>div{padding: 0.2rem 0;}
    .target-more-btn{height: auto; line-height: normal; box-sizing: border-box; padding: 0.2rem;}

    .target1-btn1,.select-btn{font-size: 0.7rem;}

    .by-subject-table-l-text h2{font-size: 0.9rem;}

    /* ½Ç½Ã°£µî±ÞÄÆ ¼öÁ¤ */
    .by-subject-table-l-text h2{font-size: 0.9rem;}
    .by-subject-tables2-imsi{flex-direction: column;}
    .by-subject-tables2-imsi-01{width: 100%;}
    .sum-arrow{top: -0.4rem; box-sizing: border-box; height: auto;}
    .sum-arrow h3{font-size: 15px;}
    .real-time-tab-btn li{overflow-wrap: anywhere; word-break: keep-all;}

    /* Á¤½Ã ÇÕ°Ý¿¹Ãø ¿ÀÇ °£´Ü ¼³¸í */
    .jsOpenTxt {
        margin-left: 8px; 
        margin-bottom: 5px; 
        font-size: 13px; 
    }

    .mini-pop{ display:none !important; }
    .univ-list-right-btn{display: none;}
}