@charset "utf-8";

/*어학원광고+제휴문의*/
	.s_t_bnn_rec{max-width:1200px;margin:auto;width:100%;min-height:102px;border:1px solid #e1e1e1;box-sizing:border-box;overflow:hidden;background:url('../../../img/sub/sch/s_t_bnn_rec.jpg')  no-repeat right bottom;display: flex;
    align-items: center;}
	.s_t_bnn_rec .b_l{background:#3abbce;color:#fff;font-size:1.2rem;line-height:1.4;display:inline-block;padding:15px 20px 15px 20px;width:60%;}
	.s_t_bnn_rec .b_l p{font-family:'Daum';font-weight:bold;font-size:1.8rem;color:#ffff00;margin-bottom:5px}
	.b_r{font-family:'Daum';color:#0ab0c8;display:inline-block;padding-left:20px;letter-spacing:-.8px;position:relative;}
	.b_r div{font-size:13px;}
	.s_t_bnn_rec .b_r p{font-size:18px;margin:6px 0 5px}
	.s_t_bnn_rec .b_r p span{font-size:30px; color:#0ab0c8;font-weight:bold}
	.s_t_bnn_rec button{    border: 1px solid #d7d7d7;
    background: #f9f7f7;
    color: #0ab0c8;
    font-size: 13px;
    padding: 5px 8px;
    border-radius: 3px;
    line-height: 23px;
    letter-spacing: -1px;
    font-family: 'Daum';
    position: absolute;
    right: -80px;
    top: 50%;margin-top:-15px;}
	.s_t_bnn_rec button:hover{background:#0ab0c8;color:#fff}

	.partn_text{font-size:16px;line-height:24px;text-align:center;margin-bottom:30px;}
	.partner_link{max-width:860px;margin:20px auto 150px;}
	.partn_ul{max-width:800px;margin:0 auto;display:flex;flex-wrap:wrap;gap:20px;}
	.partn_ul li{width:calc((100% - 20px) / 2);margin-bottom:10px;
	
	}
	.partn_ul .txarea{width:100%;}
	.partn_ul input, .partn_ul select{width:100%;border:1px solid #ccc;padding:0 5px;}
	.partn_ul input{height:45px;}
	.partn_ul .call input, .partn_ul .call select{width:118px;margin-left:4px}
	.partn_ul .call select{margin-left:0}
	.partn_ul .mail input, .partn_ul .mail select{width:174px;}
	.partn_ul textarea{width:100%;height:165px;padding:10px;border:1px solid #ccc;}
	.partn_ul select{height:45px;}
	.partner_link #privacy{padding:20px;background:#fff;border:1px solid #333;}
	.partner_link .partn_pri .yac_ttxx{text-align:center;display:block;font-size:13px;margin-bottom:10px}
	.partner_link .partn_btn{width:200px;height:50px;margin:20px auto;text-align:center;line-height:50px;font-size:20px;font-weight:bold;background:#00abcd;color:#fff}
	.partner_link .partn_btn:hover{cursor:pointer;background:#005896;transition:.3s}
	.partn_ul input::placeholder{color:#555;}
/*어학원광고+제휴문의 끝*/

/*추천어학원 pc*/
	.sch_rec_btn{display:flex;flex-wrap:wrap;margin-bottom:10px;}
	.sch_rec_btn li a{display:block;word-break:keep-all;border:1px solid #aaa;padding:5px 4px;color:#777;letter-spacing:-.8px;font-family: 'Daum';font-size:14px;margin:0 5px 5px 0;border-radius:2px;}
	.sch_all_box{width:;margin-top:65px}
	.sch_box{display:flex;border-bottom:1px solid #ddd;padding-bottom:28px;margin-bottom:28px}
	.sch_box:after{content:""; display:block; clear:both}
.sch_box .sc_im {
    width:360px;
    height:255px;flex:none;
    border:1px solid #ebebeb;
    position:relative;
    overflow:hidden;border-radius:10px;
}
.sch_box .sc_im img {
    width:100%;
    height:100%;
    display:block;
}
.sch_box .sc_im::after {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:50%;
    background:linear-gradient(to top, rgb(0 0 0) 0%, rgb(0 0 0 / 61%) 30%, rgb(0 0 0 / 34%) 60%, rgba(0, 0, 0, 0.0) 100%);
    z-index:1;
}
/* 글자는 overlay 위로 */
.sc_im .sc_vew {
    position:absolute;
    bottom:10px;
    right:10px;
    text-shadow:0 0 5px #000;
    color:#fff;
    z-index:2;
}
.sc_im .sc_vew i{margin-right:5px;}
	.sch_box .sc_con{padding-left:30px;position:relative}
	.sch_box .view{display:none}
	.sc_con .sc_tit{margin-bottom:10px;font-size: 2rem;
    font-weight: 900;}
	.sc_con .sc_tit span{padding:1px;font-size:12px;color:#fff;background:#00b6fe}
	.sc_con .sc_tit .be{background:#39b54a}
	.sc_con .sc_tit .hot{background:#ff6609}
	.sc_con .sc_tit .re{background:#ff53ac}
	.sc_con .sc_list{display: flex;
    flex-wrap: wrap;}
	.sc_con .sc_list li{margin-right:15px;font-size: 1.1rem;display:flex;align-items:center;color:#222;box-sizing:border-box;margin-bottom:5px}
	.sc_con .sc_list li .leti{display:inline-block;position:relative;line-height:1em;margin-right:10px;}
	.sc_con .sc_list li .leti.wd{}
	.sc_con .sc_list li .sm{font-size:.7rem;margin-top:-1px;white-space:nowrap;}
	.sc_con .sc_list li b{color:#000;font-weight:600;}
	.sc_con .sc_list li .leti:after{content: "";displaY:inline-block;margin-left:10px;width: 1px;height: 14px;background: #ccc;}
	.sc_con .sc_red{color:#ff4848;/*position:absolute;right:0;top:0;*/display: flex; align-items: center;    font-size: 1.1rem;
    margin: 5px 0 10px;}
	.sc_con .sc_red .creg{font-weight:600;margin-right:10px;}
	.sc_con .sc_red .score span{padding-right:15px}
	.sc_con .sc_red .score:after{content:""; display:block; clear:both}
	.sc_con .sc_red .score i {    font-size:14px;    margin-right:2px;}
	.sc_con .sc_red .score .fas {    color:#ff3b3b;}/* 빨간별 */
	.sc_con .sc_red .score .fas.z {    color:#ccc;}/* 회색별 */
	.sc_con .sc_tx{font-size:1.02rem;word-spacing:2px;word-break:break-all;overflow:hidden;line-height:1.3;margin-top:10px;color:#333;}

.sc_con:hover, .sc_im:hover {
  cursor: pointer;
  color: #000f83;opacity:.8;
}

.sc_con:hover .sc_tx,
.sc_con:hover .sc_list li,
.sc_con:hover .sc_list li b,
.sc_con:hover .sch_rec_btn li a {
  color: #000f83;
}

.sc_con:hover .sch_rec_btn li a {
  border-color: #000f83;
}

.sc_con:hover .sch_rec_btn li a:hover {
  background: #000f83;
  color: #fff;
}

/*추천어학원 끝*/

@media (max-width:1100px){
.sch_box .sc_im {    width: 260px;    height: 150px;}
.sch_rec_btn {flex-wrap: wrap;}
}


@media (max-width:768px){
.s_top_tit{margin-bottom:0;}
.s_t_bnn_rec{flex-direction: column;}
.s_t_bnn_rec .b_l{width:100%;font-size:.95rem;line-height:1.2;}
.s_t_bnn_rec .b_l p{font-size:1.1rem;}
.b_r{width:100%;padding:10px;}
.s_t_bnn_rec .b_r p span{font-size:1.2rem;}

}


@media (max-width:640px){
.sch_box{border: 1px solid #ddd;border-radius:10px;padding-bottom:0;}
.sch_box .sc_con{padding:10px;}
.sch_all_box{margin:20px;}
.sch_box .sc_im{width:100%;height:220px;border-radius:10px 10px 0 0;border:0}
.sch_box{    flex-direction: column;}
.sch_rec_btn{margin-bottom:0;}
.sc_im .sc_vew{bottom:20px;right:20px;font-size: 1.2rem;}
.sc_con .sc_tx{font-size:1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical;
}
}

/* 모바일 */
@media (max-width:480px){
.sch_box{padding-bottom:0px;margin-bottom: 15px;}
.sc_con .sc_tit span{position:absolute;}
.sc_con .sc_tit {margin-bottom:3px;font-size:1.5rem;}
.sch_all_box{margin:10px;}
.sc_con .sc_list li{font-size:.95rem;line-height:1;margin-bottom:3px;}

.sch_box .sc_im{height:160px;}
.sc_im .sc_vew {bottom: 12px;right: 12px;}
.sc_con .sc_red{font-size: .95rem;    margin: 0 0 5px;}
.sch_rec_btn li a{padding:3px;font-size:13px;}
.sc_con .sc_tx{margin-top:2px;font-size:.95rem;line-height:1.1;-webkit-line-clamp: 2;}
}