@charset "utf-8";

/* 기본 서브비쥬얼 */
.wrap-sub-visual { background:url('/images/guide/common/sub-visual.jpg'); }










/*20221004 맞춤장학 찾기*/
.wrap-contents .mymatch_scholarship {padding: 50px 50px; border: 1px solid #d0d0d0; text-align:left; width: 100%;}
.wrap-contents .mymatch_scholarship .desc {display: inline-block; background: url('/sites/knou/images/scholarship_img02.png') no-repeat right center;  padding: 120px 0 40px 40px;   width: 100%; min-height: 500px;}
.wrap-contents .mymatch_scholarship .desc strong {font-family: 'Noto Medium'; font-size: 50px; color: #1b60c6; }
.wrap-contents .mymatch_scholarship .desc p {font-family: 'Noto DemiLight'; font-size: 18px; color: #666666;margin-bottom: 55px;}
.wrap-contents .mymatch_scholarship .desc a{box-sizing:border-box;position:relative;display:inline-block;width:210px;padding:13px 0 13px 20px;border-radius:30px;color:#FFF;margin-right:10px;background:url(/images/templet_05/common/arrow_3_r_w.png) no-repeat 90% center;
  background-color: #1b60c6;font-size: 20px;}
.wrap-contents .mymatch_scholarship .desc a:hover{ box-shadow: 0px 10px 10px rgb(0 0 0 / 20%);}

.match_box{padding: 50px 30px; border: 1px solid #d0d0d0; text-align:center; width: 100%;min-height: 500px;}
.match_box .choice_tit {font-family: 'Noto Medium'; font-size: 40px; /*color: #1b60c6;*/color: #333333; }

.choice_body {position: relative;/* overflow: hidden; */padding: 40px 30px 10px;display: block;}
.choice_body ul.select {display: flex;flex-wrap: wrap;/*align-content: center;*/justify-content: center;/*min-height: 350px;*/padding: 0 25px;}
.choice_body ul.select li {position: relative;display: inline-block;width:30%;padding: 10px 10px;}
.choice_body ul.select li label {position: relative;display: table;vertical-align: middle;width: 100%;height: 150px;text-align: center;padding: 0;background: #F3F6FB;cursor: pointer;transition: all 0.2s;border: 1px solid #E6E6E6;}
.choice_body ul.select li label span {display: table-cell;vertical-align: middle;font-size: 18px;font-weight: 700;line-height: 27px;padding: 20px;word-break: keep-all;transition: all 0.2s;}
.choice_body ul.select li label span small {display: block;font-size: 15px;font-weight: 600;line-height: 22px;margin-top: 4px;}
.choice_body ul.select li label:hover,
.choice_body ul.select li.active label {text-decoration: none;border: 5px solid #d9d9d9/*1b60c6*/;background: #fff;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.16);transition: all 0.2s;}
.choice_body ul.select li label:hover span,
.choice_body ul.select li.active label span {color: #1b60c6;}
.choice_body ul.select li label input {position: absolute;padding:0;opacity: 0;}

.choice_foot{ padding-top:30px; }
.choice_foot a{box-sizing:border-box;position:relative;display:inline-block;width:210px;padding:13px 0 13px 20px;border-radius:30px;color:#FFF;margin-right:10px;background:url(/images/templet_05/common/arrow_3_r_w.png) no-repeat 90% center; background-color: #1b60c6;font-size: 20px; text-align: left; }
.choice_foot a:hover{ box-shadow: 0px 10px 10px rgb(0 0 0 / 20%);}

.choice_body .select_step3 li{/*display: table; */width: 100%; padding: 35px; border: 5px solid #dde3f1; margin-bottom: 20px; display:inline-block;}
.choice_body .select_step3 li a{ float: right;}
.choice_body .select_step3 li p{ float:left; width:40%; }
.choice_body .select_step3 li span{ float:left;font-family: 'Noto Medium'; font-size: 23px; color: #1b60c6;  }

/*추가*/
.step1 .mymatch_scholarship.step1,
.step2 .match_box.step2,
.step3 .match_box.step3,
.step4 .match_box.step4{display:block;}
		
/*.mymatch_scholarship.step1, .match_box.step2, .match_box.step3, .match_box.step4 {display:none;}*/

.step4 .on {
			border:5px dashed #4e6bcb !important;
			background:url(/sites/help/imageSet/homepage_images/hub/main/lin_icon_1.png) 30px 30px no-repeat #fff;
			box-shadow:0 5px 10px rgb(0 0 0 / 20%);
			background-size:60px;
			font-weight:600;
		}



@media all and (max-width: 760px) {
  .wrap-contents .mymatch_scholarship .desc {padding: 400px 0 0 0; background-position: center top;}
  .wrap-contents .mymatch_scholarship .desc strong{font-size: 30px; width:100%;}
  .wrap-contents .mymatch_scholarship .desc a{border-radius:0;  width:100%;}
  .choice_foot a{border-radius:0;  width:100%;margin-bottom: 10px; }
}

@media only screen and (max-width:1024px){	
  
  .match_box .choice_tit{font-size: 25px;}
  .choice_body  {padding: 0;}
  .choice_body ul.select li{width:100%;padding: 0; margin-bottom: 10px; }
  .choice_body .select_step3 li p{ width:100%; }
  .choice_body .select_step3 li span{ width:100%; }
  .choice_body .select_step3 li a{ float:none;margin-top: 10px!important; }

  
}
@media only screen and (max-width:320px){
 .wrap-contents .mymatch_scholarship .desc a{text-align:center;width:100px;padding:5px 0;background:none;margin-bottom:5px;}
}




.choice_foot{ padding-top:30px; }
.choice_foot a{box-sizing:border-box;position:relative;display:inline-block;width:210px;padding:13px 0 13px 20px;border-radius:30px;color:#FFF;margin-right:10px;background:url(/images/templet_05/common/arrow_3_r_w.png) no-repeat 90% center; background-color: #1b60c6;font-size: 20px; text-align: left; }
.choice_foot a:hover{ box-shadow: 0px 10px 10px rgb(0 0 0 / 20%);}

.choice_body .select_step3 li{/*display: table; */width: 100%; padding: 35px; border: 5px solid #dde3f1; margin-bottom: 20px; display:inline-block;}
.choice_body .select_step3 li a{ float: right;}
.choice_body .select_step3 li p{ float:left; width:40%; }
.choice_body .select_step3 li span{ float:left;font-family: 'Noto Medium'; font-size: 23px; color: #1b60c6;  }

@media all and (max-width: 760px) {
  .wrap-contents .mymatch_scholarship .desc {padding: 400px 0 0 0; background-position: center top;}
  .wrap-contents .mymatch_scholarship .desc strong{font-size: 30px; width:100%;}
  .wrap-contents .mymatch_scholarship .desc a{border-radius:0;  width:100%;}
  .choice_foot a{border-radius:0;  width:100%;margin-bottom: 10px; }
}

@media only screen and (max-width:1024px){	
  
  .match_box .choice_tit{font-size: 25px;}
  .choice_body  {padding: 0;}
  .choice_body ul.select li{width:100%;padding: 0; margin-bottom: 10px; }
  .choice_body .select_step3 li p{ width:100%; }
  .choice_body .select_step3 li span{ width:100%; }
  .choice_body .select_step3 li a{ float:none;margin-top: 10px!important; }

  
}
@media only screen and (max-width:320px){
 .wrap-contents .mymatch_scholarship .desc a{text-align:center;width:100px;padding:5px 0;background:none;margin-bottom:5px;}
}





/*테이블 반응형 UI 수정 */
@media all and (max-width:960px) {
  .wrap-contents .con-table table {width:100% !important;}
.wrap-contents .con-table:after {width:auto !important; background:none !important;}
}