@charset "utf-8";


/*메인 학위수여식 하단 여백 조정 20210224
#menu1_obj21{margin-top: -5px;}
#menu1_obj11833{ margin-top: 5%;}
사이즈 조정 확인 20210224 
@media (max-width: 1900px){
#menu1_obj24126>iframe{
    width: 100%;
    max-width: none;
    max-height: 760px;
}
}
@media (max-width: 760px){
#menu1_obj24126>iframe{
    max-height: 410px;
}
}

@media (max-width: 501px){
#menu1_obj24126>iframe {
    max-height: 290px;
}
}*/

/* 조직도 전화번호부 연결용 스타일 추가(20210524) */

.wrap-view a.goto-phonebook {
    display: inline-block;
    padding: 6px 15px 10px 40px;
    border: 1px solid #b9c1d7;
    border-radius: 3px;
    background: #FFF url(https://www.knou.ac.kr/sites/knou/images/orga_icon_phonebook.png) 15px center no-repeat;
    float: right;
  	margin-top: -2%;
}


/* 출석수업 온라인강의 안내 전용 css */
.zoomDiv1{padding: 10px; text-align:center;}
.zoomDiv1 a{transition: transform 4s; /* Animation */}
.zoomDiv1 a:hover>img{
transform: scale(1.1);
}
.zoom_movie_st{ width:50%; height:100%;}
.zoom_movie_ad{width:90%; height:100%;}

@media all and (max-width: 1920px) {
 .zoom_movie_st{ width:50%;  height:400px;}
  .zoom_movie_ad{height:320px;}
}

@media all and (max-width: 760px) {
  .zoom_movie_st{ width:100%; height:360px;}
}

@media all and (max-width: 500px) {
  .zoom_movie_st{  width:100%; height:215px;}
}

/*학생증발급 이미지 관련 */
.stu_id_1{height:870px; width:95%;}
.stu_id_2{height:300px; width:95%;}

@media all and (max-width: 760px) {
  .stu_id_1{height:100%; width:100%;}
.stu_id_2{height:100%; width:100%;}
}





/*비전2023 20220705 */
.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% !important;}

.vision-bg-list02 {overflow: hidden; margin-top: 35px; margin-bottom: 35px;}
.vision-bg-list02 .vision-value {float: left; width: calc(100% - 180px);}
.vision-bg-list02 .vision-value ul {margin: 0 -2%;}
.vision-bg-list02 .vision-value li {float: left; width: 21%; margin: 0 2%; padding: 110px 0;border-radius: 50%; text-align: center; height: 255px;}
.vision-bg-list02 .vision-value li span {font-size: 18px; line-height: 25px; color: #fff; font-weight: 600;}
.vision-bg-list02 .vision-value li span span {font-size: 25px;}
.vision-bg-list02 .vision-value li p {font-size: 17px; line-height: 25px; color: #fff; letter-spacing: -0.5px; font-weight: 500;}

.vision-bg-list02 .vision-value li.list1 {background: #20C1F5; }
.vision-bg-list02 .vision-value li.list2 {background: #1C7DD7; }
.vision-bg-list02 .vision-value li.list3 {background: #1B60C6; }
.vision-bg-list02 .vision-value li.list4 {background: #1F48AB; }

@media (max-width: 1023px){
  .vision-bg-list02 .vision-value{width: 100%; }
  .vision-bg-list02 .vision-value li {float: left; width: 21%; margin: 0 2%; padding:80px 0;border-radius: 50%; text-align: center; height: 190px;}
  .vision-bg-list02 .vision-value li span {font-size: 16px; line-height: 20px;  font-weight: 600;}
  .vision-bg-list02 .vision-value li span span {font-size: 20px;}
}

@media (max-width: 767px){
.vision-txt-list .vision-info li {width:100% !important;}

  .vision-bg-list02 .vision-title {margin-top: 0;}
  .vision-bg-list02 .vision-value{width: 100%; }
  .vision-bg-list02 .vision-value li {height: auto; padding: 15px 0; float: none; width: 98%; margin: 0 1%; border-radius: 0%; margin-bottom: 10px;}
  .vision-bg-list02 .vision-value li:first-child {margin-left: 1%;;}
  .vision-bg-list02 .vision-value li:nth-child(2n) {margin-top: 0;}
  .vision-bg-list02 .vision-value li p span br {display: none;}
    .vision-bg-list02 .vision-value li span span {font-size: 20px;}
}

/*1depth 지역대학 2depth 메뉴 간격 조정*/
#menuUItop .eQ06 a.a_2 {padding-top: 1px;padding-bottom: 2px;}




/*웹접근성 색상대비 검색하기 창 */
.board-search .box-search input::placeholder {color:#333;}
.board-search .box-search input::-webkit-input-placeholder {color:#333;}
.board-search .box-search input:-ms-input-placeholder {color:#333;}

.tbl-search .box-search input::placeholder {color:#333;}
.tbl-search .box-search input::-webkit-input-placeholder {color:#333;}
.tbl-search .box-search input:-ms-input-placeholder {color:#333;}







/**2023.02.13 게시글 폰트 초기화**/
/**body .view-con p, body .view-con span{font-family:initial !important;}**/





/*증명발급버튼 색상추가-230512 */
.wrap-contents .btn-style.round-sky {display:inline-block; position:relative; background:#94dcfd; margin-right: 3px; padding:5px 30px 6px 45px; border-radius: 30px;  border:1px solid #c1c1c1; font-family: 'Noto DemiLight'; font-size: 17px; color: #000;}
.wrap-contents .btn-style.round-sky:hover {background:#1c3d8d; border-color: #1c3d8d; color:#fff; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .btn-style.round-sky.type1:after {content:''; position:absolute; left:16px; top:10px; width:18px; height:17px; background:url('/images/guide/common/ico-btn1.png') no-repeat center top;}
.wrap-contents .btn-style.round-sky.type1:hover:after {background-position: center bottom;}
.wrap-contents .btn-style.round-sky.type2:after {content:''; position:absolute; left:16px; top:11px; width:18px; height:17px; background:url('/images/guide/common/ico-btn2.png') no-repeat center top;}
.wrap-contents .btn-style.round-sky.type2:hover:after {background-position: center bottom;}
.wrap-contents .btn-style.round-sky.space {margin-left: 20px;}

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