@charset "utf-8";

/*조직도*/
.org_left{ width: 18.4%; margin: -8% 0 0; }
.org_left span{background: #FFF;  border: 2px solid #667891;  color: #112b51; padding: 19.5px 0;}
.org_left:after{ content: "";  display: block; background: #bbbbbb;  width: 172%; height: 2px;  margin: -12% 100% 20%;}
.orgaBox{font-size: 17px;}
.orgaBox_1 span { background: url(https://www.knou.ac.kr/sites/50th/images/org50_title_bg.png) no-repeat center;  padding: 46px;}
.orgaBox_1:after{height: 280px;}
.orgaBox_2:after{height: 150px;}
.orgaBox_5 span { border: 1px solid #1d3e8f;   background: #f5fafb;  color: #1d3e8f; }
.orgaBox_5:before { width: 2px; height: 50px; margin: 0 auto; background: #bbbbbb;}
.orgaGup:before{width: 76.7%; /*margin-top:22px;*/}
.orgaGup > li {width: 23.5%; }

.org_right{ width: 18.4%; margin: -11% 0 0 0; float:right; clear:both;}
.org_right span{/*background: #FFF;  border: 2px solid #667891;  color: #112b51; padding: 19.5px 0;*/     color: #fff;  padding: 19.5px 0;  background: #3bbeef url(https://www.knou.ac.kr/html/func-organ/images/back_6.png);}
.org_right:after{ content: "";  display: block; background: #bbbbbb;  width: 172%; height: 2px;  margin: -12% 0 0 -172%;}

.applyFlow_2 > ul > li:nth-child(2) dl {  border-color: #23b768;}
.applyFlow_2 > ul > li:nth-child(2) dt {  background-color: #23b768;}

@media all and (max-width: 768px){
  .org_left, .org_right{width:250px; margin: 0 auto;}
  .org_left:after,.org_right:after{width: 2px; height: 20px; margin: 0 auto;}
  .orgaBox_1:after{height: 20px;}
  .orgaBox_2:after{height: 20px;}
  .org_right{ float:none;}
}
@media all and (max-width:320px){
  .org_left,.org_right{width:100%;}
}

/* w-sub.css 서브비쥬얼 */
/*.wrap-sub-visual { background:url('/images/ece/sub/sub-visual.jpg'); }*/	
.eQ01 .wrap-sub-visual { background:url('/sites/ide/images/sub01_visual.jpg'); }		/* 연구소소개 */						
.eQ02 .wrap-sub-visual { background:url('/sites/ide/images/sub02_visual.jpg'); }		/*정책과제 */
.eQ03 .wrap-sub-visual { background:url('/sites/ide/images/sub03_visual.jpg'); }			/* 통계분석자료 */
.eQ04 .wrap-sub-visual  { background:url('/sites/ide/images/sub04_visual.jpg'); }			/* 교수학습지원 */
.eQ05 .wrap-sub-visual  { background:url('/sites/ide/images/sub05_visual.jpg'); }			/* 평생학습사회 */
.eQ06 .wrap-sub-visual { background:url('/sites/ide/images/sub03_visual.jpg'); }			/* 자료실*/
.eQ07 .wrap-sub-visual  { background:url('/sites/ide/images/sub03_visual.jpg'); }		/*공지사항 */
.eQ08 .wrap-sub-visual { background:url('/images/guide/templet/univ_learning_sub_visual.jpg'); }		/* 사이트맵 */
		

/* 평생학습사회 버튼이미지 크게 */
.wrap-contents .btn-style.round01 {display:inline-block; position:relative; background:#1c3d8d; margin-right: 3px;  padding: 6px 60px 6px 60px; border-radius: 30px;  border:1px solid #1c3d8d; font-family: 'Noto DemiLight'; font-size:19px; color: #fff;}
.wrap-contents .btn-style.round01:hover {background:#fff; border-color: #2760ff; color:#2760ff; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .btn-style.round01.type2:after {content:''; position:absolute; left:16px; top:11px; width:18px; height:17px; background:url('/images/guide/common/ico-btn2.png') no-repeat center bottom;}
.wrap-contents .btn-style.round01.type2:hover:after {background-position: center top;}

.wrap-contents .btn-style.round01.space {margin-left: 20px;}

@media all and (max-width: 588px) {
  .wrap-contents .btn-style.round01.space {margin-left: 0px; margin-top: 20px;}
  .wrap-contents .btn-style.round01 {margin: 0 0 15px 0}
} 




/*하단 바로가기 6개 변경*/
.wrap-shortcut .box-shortcut {width: 16.6%;}
.wrap-shortcut .box-shortcut .sort dd {width: 100%;}

@media (max-width: 860px) {
.wrap-shortcut .box-shortcut { width: 50%;}
}



#top_k2wiz_GNB_11110{color: #d51a33;}



.wrap-header .header-logo{width: 256px !important;} 
.wrap-header .header-navi .a_1 {font-size: 21px !important;} 


/*테이블 반응형 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;}
}




/* 영문메뉴 인사말 241202 */ 
.welcome_tit{

  font-size: 22px;
  
}



.welcome_tit  h1 {    text-align: center;
    font-family:'Noto Bold';
  font-weight: 900;
      font-size: 40px; 
      line-height: 1.3;
    background: linear-gradient(to right ,#41c6c9, #3254d9, #6e2e9f);
    color: transparent;
    -webkit-background-clip: text;

}
.welcome_tit  div{
    text-align: center;
}
.welcome_tit  div h2{
   z-index: 1;
  position:relative;
    font-weight: 600;
   padding: 1px 7px;
    font-size: 26px;
display: inline-block;
 /* color: #3254d9;*/
}
.welcome_tit  div h2::before {
  content: '';
  position: absolute;
  height: 40%;
  width: 100%;
  background: #0320f4;
  opacity: 0.3;
  bottom: 0;
  left: 0;
  z-index: 0;
display: inline-block;


}

/*비전*/
/*.vision-list .vision-info li {    width: 29%;}*/

/*.vision-bg-list .vision-info li{ width: 25%;}
.class_content{width: 72.5%;}*/
.vision-bg-list .vision-info li {margin-left: 2% !important; }
.vision-bg-list .vision-info li p span{letter-spacing: -2px !important; line-height: 25px; !important;}
.vision-txt-list .vision-info li {width: 50%;}
.vision-title p{text-align: center;}

.vision-bg-list .vision-info li p i {display: table-cell; width: 100%; height: 100%; vertical-align: middle; font-size: 19px; line-height: 28px; letter-spacing: -0.8px; color: #fff; font-weight: 400;}


@media (max-width: 760px){
.wrap-contents .subject h2 {font-size: 25px;}
.vision-list .vision-info li { width: 98%!important;}
}

@media (max-width: 501px){
.wrap-sub-navi .sub-navi > ul > li > .inner > button span {letter-spacing: -2px;}
}

.vision-zero {overflow: hidden; margin-bottom: 25px;}
.vision-zero .vision-bg-title {float: left; position: relative; padding-right: 70px;}
.vision-zero .vision-bg-title::after {content: ""; position: absolute; width: 48px; height: 18px; background: url("/sites/ide/images/arrow_dot.jpg") no-repeat center; right: 15px; top: 50px;}
.vision-zero .vision-bg-title p {width: 110px; height: 110px; background: url("/sites/ide/images/title_bg.png") no-repeat center; text-align: center; line-height: 110px; font-size: 20px; letter-spacing: -0.5px; color: #fff;}

.vision-represent-zero {float: left; width: calc(100% - 184px); border: 10px solid #97aadf; padding: 27px 0; background: url("/sites/ide/images/content_bg.jpg") no-repeat center; text-align: center;}
.vision-represent-zero p {font-family: 'Noto DemiLight'; font-size: 27px; letter-spacing: -0.5px; color: #191c98;}

@media all and (max-width: 1023px) {
  .vision-zero .vision-bg-title {float: none; text-align: center; padding-right: 0; padding-bottom: 70px;}
  .vision-zero .vision-bg-title::after {transform: rotate(90deg); bottom: 30px; top: auto; left: 50%; margin-left: -24px;}
  .vision-zero .vision-bg-title p {display: inline-block;}
  .vision-represent-zero {float: none; width: 100%; box-sizing: border-box;}
}




.orgaBox_7 li i{color:#2d5a9e;text-align:left;padding:7px 5px 7px 40px;display:inline-block;position:relative; font-family: 'Noto DemiLight';}

.orgaBox_7 li i:before{content:"";display:block;width:6px;height:6px;background:#1d3e8f;border-radius:100%;position:absolute;left:20px;top:14px;}

.orgaBox_7 li i {padding: 7px 22px 7px 40px;}


.orgaBox_1, .orgaBox_2, .orgaBox_3 {
  width: 100%;}