.school_list_outer{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:1fr;flex-wrap:wrap;gap:2.5rem 1.5rem;margin-bottom:2.5rem}.school_list_outer .card{border:1px solid #212121;border-radius:0.25rem;border:1px solid #eeeeee;overflow:hidden;display:flex;flex-direction:column}.school_list_outer .card .img_outer{position:relative;min-height:11.25rem}.school_list_outer .card .img_outer .img_box{width:100%;height:100%;max-height:11.25rem;overflow:hidden}.school_list_outer .card .img_outer .img_box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;font-size:0.875rem;transition:transform 0.3s ease-in-out}.school_list_outer .card .img_outer .img_box:before{content:"";background-color:transparent;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;transition:background-color 0.3s ease-in-out}.school_list_outer .card .img_outer .opinion_outer{position:absolute;right:0;top:0;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.school_list_outer .card .img_outer .opinion_box{display:flex;justify-content:end;padding:1rem;gap:0.25rem;align-items:center;flex:1}.school_list_outer .card .img_outer .opinion_box .grade_box{width:3.125rem;height:2.875rem;position:relative;display:flex;justify-content:center;align-items:center}.school_list_outer .card .img_outer .opinion_box .grade_box .grade{background-color:#E84D34;border-radius:0.625rem 0.625rem 0.625rem 0;padding:0.375rem;font-size:1.125rem;font-weight:bold;color:#ffffff;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.school_list_outer .card .img_outer .opinion_box .grade_box .grade i,.school_list_outer .card .img_outer .opinion_box .grade_box .grade svg{font-size:1rem}.school_list_outer .card .img_outer .opinion_box .opinion{font-size:0.875rem;font-weight:bold;color:#ffffff;opacity:0;transition:all 0.3s ease-in-out}.school_list_outer .card .img_outer .opinion_box .opinion .title{font-size:0.75rem;font-weight:normal;display:flex;justify-content:end}.school_list_outer .card .img_outer .opinion_box .opinion .count{font-size:0.75rem;font-weight:normal;display:flex;justify-content:end}.school_list_outer .card .school_info{padding:1rem;display:flex;flex-direction:column;gap:1rem;flex:1;justify-content:space-between}.school_list_outer .card .school_info .top,.school_list_outer .card .school_info .bottom{display:flex;flex-direction:column;gap:1rem}.school_list_outer .card .school_info .location{font-size:0.875rem}.school_list_outer .card .school_info .title{font-size:1.25rem;font-weight:bold}.school_list_outer .card .school_info .discount_wording{background-color:#17A8E4;padding:0.25rem 0.5rem;border-radius:0.25rem;text-align:center;color:#ffffff;font-size:0.875rem;display:flex;align-items:center;gap:0.25rem}.school_list_outer .card .school_info .school_info_bottom{display:flex;justify-content:space-between;align-items:center}.school_list_outer .card .school_info .school_info_bottom .low_price{font-size:0.875rem;text-align:right}.school_list_outer .card .school_info .school_info_bottom .low_price span{font-size:1.25rem;font-weight:bold;margin-right:0.25rem;font-family:"Work Sans", sans-serif}.tag_box{display:flex;gap:0.25rem;flex-wrap:wrap;align-items:center}.tag_box .tag{background-color:#F5F5F5;padding:0.25rem 0.5rem;border-radius:0.25rem;transition:background-color 0.3s ease-in-out;font-size:0.875rem;cursor:default}.tag_box .tag:hover,.tag_box .tag:active,.tag_box .tag:focus{background-color:#e0e0e0}.opinion_bar{padding:0 1rem 1rem 1rem;opacity:0;transition:all 0.3s ease-in-out}.opinion_bar .item_bar{display:flex;gap:0.25rem;padding:0.125rem 0}.opinion_bar .item{color:#ffffff;font-size:0.875rem}.opinion_bar .progress_box{display:flex;align-items:center;gap:0.25rem}.opinion_bar .progress_box .progress_percent{font-size:0.875rem;flex:0 1 auto;color:#ffffff}.opinion_bar .progress_box .progress{flex:1;height:0.5rem;width:6.25rem;background-color:#eeeeee;border-radius:0.625rem;position:relative}.opinion_bar .progress_box .progress .progress-bar{background-color:#3EB2E2;height:100%;width:0;position:absolute;left:0;top:0;border-radius:0.625rem;transition:all 0.3s ease-in-out}.exam_room ul{display:flex;gap:0.375rem;background-color:#ffffff;border-radius:0.25rem;padding:0.5rem 0.5rem;border:1px solid #eeeeee}.exam_room ul li:nth-child(2){border-left:1px solid #eeeeee;padding-left:0.375rem}.exam_room img{width:2.5rem;height:0.875rem;-o-object-fit:contain;object-fit:contain;font-size:0.875rem}a.card:hover,a.card:active,a.card:focus{text-decoration:none;color:#212121;box-shadow:-2px 2px 10px rgba(33,33,33,0.05)}a.card:hover .img_outer .opinion_box .opinion,a.card:hover .img_outer .opinion_bar,a.card:active .img_outer .opinion_box .opinion,a.card:active .img_outer .opinion_bar,a.card:focus .img_outer .opinion_box .opinion,a.card:focus .img_outer .opinion_bar{opacity:1}a.card:hover .img_outer .img_box img,a.card:active .img_outer .img_box img,a.card:focus .img_outer .img_box img{transform:scale(1.1)}a.card:hover .img_outer .img_box:before,a.card:active .img_outer .img_box:before,a.card:focus .img_outer .img_box:before{background-color:rgba(0,0,0,0.75)}@media (max-width: 992px){.school_list_outer{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 575px){.school_list_outer{grid-template-columns:repeat(1, 1fr)}}