@charset "utf-8";
#menu110_obj1350,
#menu110_obj1355,
#menu110_obj1368,
#menu110_obj1371 {display: none;}

/*웹접근성 관련 수정(20220215-6)*/
.eng-box_2 .eng-class-title { background-image: url(https://www.knou.ac.kr/sites/knou/images/title_2_new.png) !important;}
.eng-box_2 .eng-class-content li { border: 2px solid #209BDB !important;}
.eng-box_2 .eng-class-content li p { color: #209BDB !important;}

.background_1, .background_1::before {    background-color: #2198FF !important;}
.wrap-contents .con-notice.icon1 { background: url(https://www.knou.ac.kr/sites/knou/images/ico-notice1_dip.png) no-repeat left 2px !important; color: #FF6200 !important;}
span.ir_wa {display: block; overflow: hidden; position: relative; z-index: -1; width: 100%; height: 100%; text-align: center;}











/*20221128 맞춤장학 찾기*/
.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: 34px; 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: 33px; /*color: #1b60c6;*/color: #333333; }
.match_box .tit_s {font-size: 18px !important; /*color: #1b60c6;*/ text-align: left;    padding-left: 30px;font-family: 'Noto DemiLight';}
.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;}

/*20230216 맞춤장학 찾기웹접근성수정 추가*/    
		.choice_body ul.select li a {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 a 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 a span small {display: block;font-size: 15px;font-weight: 600;line-height: 22px;margin-top: 4px;}
		.choice_body ul.select li a:hover, .choice_body ul.select li a:focus,
		.choice_body ul.select li.active a {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 a:hover span,
		.choice_body ul.select li.active a span {color: #1b60c6;}
		.choice_body ul.select li a input {position: absolute;padding:0;opacity: 0;}
/*20230216  추가끝*/    




.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  .matchbtn_prev {padding:13px 20px 13px 0px;border-radius:30px;background:url(/sites/knou/images/arrow_3_l_w.png) no-repeat 10% center; background-color: #1b60c6;text-align: right; }

.choice_foot a:hover{ box-shadow: 0px 10px 10px rgb(0 0 0 / 20%);}

.choice_body .select_step3 li{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:13%; color: #1b60c6; }
.choice_body .select_step3 li  i{ float:left; width:52%;}
.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;
         	background-size:60px;*/
			box-shadow:0 5px 10px rgb(0 0 0 / 20%);		
			font-weight:600;
		}

.last_tit{ width: 100%; padding: 14px; display:inline-block; background-color:#2b64cc;}
.last_tit p{display:inline-block;float: left;font-size:19px; color:#fff;}
.last_tit .last_t01{width: 17%; }
.last_tit .last_t02{width: 45%; }
.last_tit .last_t03{width: 18%; }


@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; }
  .choice_foot  .matchbtn_prev{border-radius:0;  width:100%; }
    .step4 .on {		
		/*	background: url(/sites/help/imageSet/homepage_images/hub/main/lin_icon_1.png) 20px 20px no-repeat #fff;		
			background-size:45px;*/
			font-weight:600;}
  
}

@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 i{ width:100%; }
  .choice_body .select_step3 li span{ width:100%; }
  .choice_body .select_step3 li a{ float:none;margin-top: 10px!important; }
  .last_tit{ display:none!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;}
}


/*통합서비스센터 그래픽수정 230112*/
.service-center .icon-sc.icon-sc3 {
    left: 42%;
    top: 0%; 
}
.service-center .icon-sc.icon-sc5 {
    left: 70%; 
}




/*조직도 색대비 수정*/
.orgaBox_5 span{background:#1C90FD url(/html/func-organ/images/back_6.png);padding:14.5px 0;}




/*웹접근성 색상대비 변경추가-230208 */
/*웹접근성 색상대비 변경-동아리스터디메뉴얼버튼 */
.board-search .box-manual .btn-manual {
 background: #0FA685;
border: #0FA685;
}



/*경제학과  그래픽 타이틀 웹접근성 색상대비 */
.right-box .content-title{background-color : #1C90FD;}
.right-box .content-list ul{/*border-radius: 23px; box-sizing: border-box;*/ border: 5px solid #1C90FD;}


/*학생회그래픽 웹접근성 색상대비 */
.student-top{background-image: url(/html/func-organ/images/back_1.png);}


/*수강신청 그래픽 웹접근성 색상대비 */
.background_2{background-color: rgba(51,120,255,0.8)/*rgba(51,164,233,0.8) */;}
.background_2::before { background-color: #5A91FD;}



/*설립취지 그래픽 웹접근성 색상대비 */
.vision-bg-list02 .vision-value li.list1 {background: #03a0d0;}
.vision-txt-list .vision-info li.txt2 .num {background: #03a0d0;}
.vision-txt-list .vision-info li.txt1 .num { background: #0FA685;}
.vision-list .vision-info li.list1 {border-color: #03a0d0; }
.vision-list .vision-info li.list1 span span {color: #03a0d0;}
.vision-bg-list .vision-info li.info1 {background: url("/sites/knou/images/direction_img_1_23.png") no-repeat center; background-size: contain;}
.vision-bg-list .vision-info li.info2 {background: url("/sites/knou/images/direction_img_2_23.png") no-repeat center; background-size: contain;}
@media all and (max-width: 767px){
.vision-bg-list .vision-info li.info1 {background: #0FA685;}
.vision-bg-list .vision-info li.info2 {background: #03a0d0;}
}

/*학생통합서비스센터 그래픽 웹접근성 색상대비 */
.service-center .icon-sc.icon-sc1 {background: #0FA685;}

/*학생병무 그래픽 웹접근성 색상대비 */
.back_2 .graduation_header{background-image: url(/sites/knou/images/gray_background_23.png);}
.back_2 .graduation_content{border: 4px solid #6f869b;}





/*테이블 반응형 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;}
}




/* 방송대체250317 */
.applyFlow_2{background:#f7f7f7;padding:60px 30px;}
.applyFlow_2 > ul{}
.applyFlow_2 > ul > li{margin-bottom:40px}
.applyFlow_2 > ul > li:last-child{margin-bottom:0}
.applyFlow_2 > ul > li dl{border:4px solid #85a1ba;display:flex;flex-wrap:wrap;}
.applyFlow_2 > ul > li dt{box-sizing:border-box;width:25%;text-align:center;color:#FFF;padding:20px 0;background:#85a1ba url(/images/guide/templet/pattern_1.png);}
.applyFlow_2 > ul > li dt span{font-family:'Noto Medium';display:block;}
.applyFlow_2 > ul > li dd{box-sizing:border-box;width:75%;padding:20px;font-size:17px;background:#FFF;}
.applyFlow_2 > ul > li:first-child dl{border-color:#328fe5;}
.applyFlow_2 > ul > li:first-child dt{background-color:#328fe5;}
.applyFlow_2 > ul > li:last-child dl{border-color:#1b60c6;}
.applyFlow_2 > ul > li:last-child dt{background-color:#1b60c6;}
@media only screen and (max-width:1280px){
  .applyFlow_2 > ul > li dt{width:35%;}
  .applyFlow_2 > ul > li dd{width:65%;}
}
@media only screen and (max-width:768px){
  .applyFlow_2 > ul > li dt{width:40%;}
  .applyFlow_2 > ul > li dd{width:60%;}
}
@media only screen and (max-width:480px){
  .applyFlow_2 > ul > li:after{margin:20px auto;}
  .applyFlow_2 > ul > li dt,
  .applyFlow_2 > ul > li dd{width:100%;}
  .applyFlow_2 > ul > li dt span{display:inline;padding-right:10px;}
}
@media only screen and (max-width:320px){
  .applyFlow_2 > ul > li dt span{display:block;padding-right:0;}
}

.flowRow1{background:#f7f7f7;padding:60px 30px;}
.flowRow1 > ul{}
.flowRow1 > ul > li{margin-bottom:40px}
.flowRow1 > ul > li:last-child{margin-bottom:0}
.flowRow1 > ul > li dl{border:4px solid #85a1ba;display:flex; flex-flow:row wrap;}
.flowRow1 > ul > li dt{box-sizing:border-box; width:100px; text-align:center;color:#FFF;padding:20px 0;background:#85a1ba url(/images/guide/templet/pattern_1.png); font-size:17px;}
.flowRow1 > ul > li dt span{font-family:'Noto Medium'; display:block;}
.flowRow1 > ul > li dd{box-sizing:border-box;width:calc(100% - 100px); padding:20px;font-size:17px;background:#FFF;}
.flowRow1 > ul > li:first-child dl{border-color:#328fe5;}
.flowRow1 > ul > li:first-child dt{background-color:#328fe5;}
.flowRow1 > ul > li:last-child dl{border-color:#1b60c6;}
.flowRow1 > ul > li:last-child dt{background-color:#1b60c6;}



#menu170_obj50146 { margin: 0 auto;}

