@charset "utf-8";
/* menu2 ¸¶Áö¸· ¸Þ´º */
.spc-left-li { background-color: #D2E6FE; text-align: center; overflow-wrap: anywhere; word-break: keep-all; box-sizing: border-box; padding: 1rem 0.5rem;} 
.spc-left-li a { color: #2C3661; display: block; width: 100%; height: 100%; } 
/* °ËÁ¤°í½Ã·Î ¼ö½ÃÇÕ°Ý¿¹Ãø */
/* ÇÕ°Ý¿¹Ãø ¸ÞÀα¤°í */
.main-ad-m { display: none; width: 95%; height: fit-content; margin: 0 auto; margin-bottom: 0.5rem; border-top: 1px solid #ddd;} 
.main-ad { width: 138px; height: fit-content; position: absolute; right: 130px; top: 140px; border: 1px solid #ddd; transition: top 0.5s ease-in-out;} 
.main-ad-slide div { width: 100%; } 
.main-ad-slide div a { width: 100%; display: block; } 
.main-ad-slide div a img { width: 100%; } 
.main-ad:hover .arrow-btn,.main-ad-m:hover .arrow-btn { display: block; } 

.arrow-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background-size: contain; background-repeat: no-repeat; z-index: 10; cursor: pointer; display: none;} 

.main-ad-m{position: relative;}
.main-ad-arrows-m{position: absolute; top: 50%; transform: translateY(-50%);}
 .main-ad-arrows { position: absolute; top: 50%; left: 0; width: 100%; height: 0; } 
 .left-prev-s { left: 4px; background-image: url('../img/left-arrow.png'); } 
.left-next-s { right: -10px; background-image: url('../img/right-arrow.png'); } 

 /* .main-ad-arrows-m { position: relative; width: 100%; top: -40px;}  */
 .right-prev-s { position: absolute; left: 3px; background-image: url('../img/left-arrow.png'); } 
 .right-next-s { position: absolute; right: -10px; background-image: url('../img/right-arrow.png'); } 

.predicti-details-mobile{display: none;}
.predicti-details{margin-top: 1rem;}
.predicti-details-title{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.8rem;}
.predicti-details-title-l h2{font-family: 'Paperlogy-5Medium';}
.predicti-details-title-r-look{cursor: pointer; box-sizing: border-box; padding: 0.3rem 1rem; text-align: center; border: 1px solid #3293C9; color: #3293C9; border-radius: 8px; font-size: 0.8rem; transition: .1s;}
.predicti-details-title-r-look:hover{background-color: #2C3661; color: #fff;}

.predict-main-details-mobile{display: none; border: 1px solid #ddd; border-radius: 10px; box-sizing: border-box; padding: 0.8rem; width: 100%;}
.predict-main-details{border: 1px solid #ddd; border-radius: 10px; box-sizing: border-box; padding: 0.8rem; width: 100%;}
.main-details-title{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.8rem;}
.main-details-title-l{font-size: 0.8rem;}
.main-details-title-l span{font-family: 'Paperlogy-3Light';}
.main-details-title-l span b{font-family: 'Paperlogy-5Medium';}
.save-score{border: 1px solid #3293C9; color: #3293C9; box-sizing: border-box; padding: 0.3rem 1rem; border-radius: 8px; font-size: 0.8rem; cursor: pointer; transition: .1s;}
.save-score:hover{background-color: #2C3661; color: #fff;}

.pilsu{margin-bottom: 1rem;}
.pilsu-title{font-size: 0.9rem; font-family: 'Paperlogy-5Medium'; background-color: #3293C9; box-sizing: border-box; padding: 0.3rem 1rem; border-radius: 8px 8px 0 0; color: #fff;}
.pilsu-table tr td{border: 1px solid #ddd; box-sizing: border-box; padding: 0.3rem; font-size: 0.8rem;}
.pilsu-table tr td input{width: 80%; text-align: center;}

.predict-notice{font-size: 0.7rem; display: block; margin-bottom: 0.5rem;}
.unpredict-sample{color: #fff; background-color: #333; box-sizing: border-box; padding:0.2rem 0.3rem; border-radius: 5px; display: inline-block;}

.jindan{box-sizing: border-box; padding: 0.2rem; text-align: center; color: #fff; border-radius: 8px;}
.verry-low{background-color: #0860AA;}
.low{background-color: #1BAEE1;}
.verry-okey{background-color: #598C30;}
.okey{background-color: #FFCC00;}
.high{background-color: #FFA837;}
.verry-high{background-color: #F14B4B;}
.unpredict{background-color: #333333;}

.prediction-table-bottom tr.just-q td{width: 100%;}
.prediction-table-bottom tr{padding: 0.2rem; display: flex; justify-content: space-between; width: 100%;}
.prediction-table-bottom tr td.typ{width: 34%;}
.prediction-table-bottom tr td.les{width: 34%;}
.prediction-table-bottom tr td.pre,.prediction-table-bottom tr td.del{width: 10%;}
.prediction-table-bottom tr td.pas{width: 19%;}
.bottom-top-tr td.typ,.bottom-top-tr td.les{text-align: left;}

.passpre{box-sizing: border-box; padding: 0.2rem; border-radius: 8px; background-color: #3293C9; color: #fff; cursor: pointer; transition: .1s;}
.passpre:hover{background-color: #2C3661;}

/* Ãßõ´ëÇÐ */
.best-group{width: 100%; display: flex;}
.best-group .checkbox-wrap{width: calc(100%/7);}

/* ¸ñÇ¥´ëÇÐ */
.target-tabs{margin: 0 auto; width: 80%; margin-top: 1rem; margin-bottom: 1rem;}
.target-tab{display: flex; align-items: stretch;}
.target-tab li{width: 50%; border: 1px solid #ddd; box-sizing: border-box; padding: 0.5rem; text-align: center; font-size: 0.8rem; cursor: pointer;}
.target-tab li.active{background-color: #3293C9; color: #fff;}

.prediction-bottom-top01-one{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem;}
.predict-notice.red{color: #F14B4B; margin-bottom: 0;}
.target-years span{font-size: 0.8rem;}
.target-years select{margin: 0 5px; border: 1px solid #ccc; font-size: 0.8rem; box-sizing: border-box; padding:0.1rem 0.8rem;}

.delete-btns{background-color: #F14B4B; color: #fff; border-radius: 8px; padding: 0.3rem; box-sizing: border-box; cursor: pointer; transition: .1s;}
.delete-btns:hover{background-color: #c32626;}

.prediction-table-bottom tr td{padding: 0.3rem;}

/* ¹ÝÀÀÇü */
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .main-ad {display: none;} 
}
/* ÅÂºí¸´ °¡·Î¸ðµå */
@media only screen and (min-width: 1023px) and (max-width: 1400px) {
    /* ÇÕ°Ý¿¹Ãø ¸ÞÀÎ ±¤°í */
    .main-ad { display: none; } 
    /* .main-ad-m { display: none;} */
    .main-ad-m { display: block; width: 70%;}

    .jiyuk{width: 5%;}
    .prediction-table-bottom tr td.pas{width: 10%;}
    .prediction-table-bottom tr td.les{width: 39%;}
    .prediction-table-bottom tr td.typ{width: 39%;}
    .prediction-table-bottom tr td{padding: 0.3rem;}
}

/*ÅÂºí¸´ ¼¼·Î¸ðµå*/
@media only screen and (min-width: 767px) and (max-width: 1023px) {
    /* ÇÕ°Ý¿¹Ãø ¸ÞÀÎ ±¤°í */
    .main-ad { display: none; } 
    .main-ad-m { display: block; width: 70%;} 

    .sub-wrap{margin-top: 1rem;}
    .jiyuk{width: 5%;}
    .prediction-table-bottom tr.gumjung-first-table-back{display: flex;}
    .prediction-table-bottom tr.just-q td{display: flex; align-items: center; justify-content: center;}
    .prediction-table-bottom tr.gumjung-first-table-back td{display: flex;}
    .prediction-table-bottom tr td.pas{display: flex; align-items: center; justify-content: center;}
    .prediction-table-bottom tr td{padding: 0.3rem; display: inline-flex;}

    /* ¸ñÇ¥´ëÇÐ */
    .prediction-bottom-top01-one{flex-direction: column; align-items: start;}
}
    
/* ¸ð¹ÙÀÏ */
@media only screen and (max-width: 767px) and (min-width: 300px) { 
    /* ÇÕ°Ý¿¹Ãø ¸ÞÀÎ ±¤°í */
    .main-ad { display: none; } 
    .main-ad-m { display: block;} 
    .sub-wrap{margin-top: 1rem; margin-bottom: 7rem;}

    .predicti-details-title-l h2{font-size: 0.9rem;}
    .predicti-details-title{flex-direction: column;}
    .predicti-details-title-r{margin-top: 0.3rem;}

    .main-details-title{flex-direction: column; align-items: center;}
    .main-details-title-l{font-size: 0.7rem; text-align: center;}
    .main-details-title-r{margin-top: 0.8rem; text-align: center;}

    .pilsu-title{font-size: 0.8rem; padding: 0.3rem 0.5rem;}
    .pilsu-table tr td{font-size: 0.7rem; padding: 0.3rem;}

    .predict-main-details{display: none;}
    .predict-main-details-mobile{display: block; padding: 0.5rem;}
    .save-score{padding: 0.5rem 1rem;}

    .prediction-title{margin-bottom: 0.5rem;}

    .prediction-table-bottom tr td{padding: 0;}
    .prediction-table-bottom tr td.pre{padding: 0.2rem; width: 14%;}
    .prediction-table-bottom tr td.pas{padding: 0.2rem; width: 14%;}

    /* ¸ñÇ¥´ëÇÐ */
    .prediction-table-bottom tr.gumjung-first-table-back{display: flex; align-items: center;}
    .prediction-bottom-top01-one{flex-direction: column; align-items: start;}

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