@charset "utf-8";

/*스크롤시현재위치메뉴고정*/
.subNaviLoc{position:fixed !important;left:0 !important;top:130px !important;width:100% !important;margin-top:0 !important;background: rgba(0, 0, 0, 0.7) !important;}
@media all and (max-width: 1400px) {
  .subNaviLoc{top:113px !important;}
}
@media all and (max-width: 501px) {
  .subNaviLoc{top:131px !important;}
}

/*공통_모바일현재위치메뉴*/
@media all and (max-width: 501px) {
  .wrap-sub-navi {background: #f5f5f5 !important; margin: -35px 0 0 0 !important;}
  .wrap-sub-navi .container {height: 50px !important; border-bottom: 1px solid #e1e1e1 !important;}
  .wrap-sub-navi .sub-navi .home a {background: url('/images/knou/common/icon-home-m.png') no-repeat left center !important;width: auto !important;}
  .wrap-sub-navi .sub-navi .navUl {width: 120px !important; top: 98% !important;}
  .wrap-sub-navi .sub-navi > ul{display:flex;}
  .wrap-sub-navi .sub-navi > ul > li{float:none !important;}
  .wrap-sub-navi .sub-navi > ul > li.home{width:20px;}
  .wrap-sub-navi .sub-navi > ul > li > .inner{}
  .wrap-sub-navi .sub-navi > ul > li > a,
  .wrap-sub-navi .sub-navi > ul > li > .inner > button {height: 50px !important; padding: 0 15px 0 0 !important; background: url(/images/knou/common/arrow-page-nav2-resize2_1115.png) no-repeat 97% top !important; line-height: 35px !important; font-size: 15px !important; color: #000 !important;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button:hover {color: #1e2e55 !important;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button span{}
  .wrap-sub-navi .sub-navi .navUl a {padding: 5px 10px !important; padding-left: 10px !important; font-size: 13px !important;}
  .wrap-sub-navi .sub-favo {padding-left: 20px !important;}
  .wrap-sub-navi .sub-share {padding-left: 16px !important;}
  .wrap-sub-navi .sub-util {right: 25px !important; top: 79px !important;}
  .wrap-sub-navi .sub-util > ul > li:after {top: 7px !important;}
  .wrap-sub-navi .sub-util > ul > li {padding: 0 10px !important;}
  .wrap-sub-navi .sub-util > ul > li > button {height: 25px !important; text-indent: -9999px !important;}
}

/*수정_풋터 바로가기*/
.wrap-shortcut {background: #31394a; border-top: 6px solid #1c3d8d; text-align: center; font-size: 0;}
.wrap-shortcut .container {max-width: 1600px; display: inline-block; border-left: 1px solid #494957;}
.wrap-shortcut .box-shortcut {position: relative; float: left; width: 25%;}
.wrap-shortcut .box-shortcut .btn-shortcut {overflow: hidden; width: 100%; padding: 15px 50px  16px 30px; border-right: 1px solid #494957; text-align: left; font-size: 18px; color: #fff; text-overflow: ellipsis; white-space: nowrap;}
.wrap-shortcut .box-shortcut .btn-shortcut:hover {color: #ebae1c;}
.wrap-shortcut .box-shortcut .list {position: absolute; left: 0; bottom: 106%; width: 100%; overflow: hidden; max-height: 0; transition: .7s}
.wrap-shortcut .box-shortcut .list.on {max-height: 285px;}
.wrap-shortcut .box-shortcut .list ul {background: #1c3d8d;}
.wrap-shortcut .box-shortcut .list li {overflow: auto; height:285px; padding: 5% 7%;}
.wrap-shortcut .box-shortcut .sort {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.5); text-align: left;}
.wrap-shortcut .box-shortcut .sort strong {font-family: 'Noto Regular'; font-size: 20px; color: #95bce1; text-align: left;}
.wrap-shortcut .box-shortcut .sort a {position: relative; font-size: 16px; color: #fff;}
.wrap-shortcut .box-shortcut .sort a[target=_blank]:after {content: ''; position: absolute; right: -20px; top: 7px; width: 12px; height: 12px; background: url('/images/knou/common/ico-a2-blank.png') no-repeat center center;}
.wrap-shortcut .box-shortcut .sort dl {display: inline-block; width: 100%;}
.wrap-shortcut .box-shortcut .sort dd {float: left; width: 50%; padding: 4px 0;}
.wrap-shortcut .box-shortcut .more {position: absolute; right: 22px; top: 20px; width: 19px; height: 19px; transition: .4s}
.wrap-shortcut .box-shortcut:hover .more {transform: rotate(180deg)}
.wrap-shortcut .box-shortcut .more .line-horizon {position: absolute; top: 50%; display: block; width: 20px; height: 1px; background: #747474;}
.wrap-shortcut .box-shortcut .more .line-vertical {position: absolute; left: 50%; display: block; width: 1px; height: 20px; background: #747474;}

@media all and (max-width:1450px) {
    .wrap-shortcut .box-shortcut .sort dd {width: 100%;}
}
@media all and (max-width:1400px) {
    .wrap-shortcut .container {padding: 0;}
    .wrap-shortcut .box-shortcut .btn-shortcut {font-size: 15px; padding: 14px 50px 14px 20px;}
    .wrap-shortcut .box-shortcut .more {top: 15px; right: 15px;}
}

@media all and (max-width: 860px) {
    .wrap-shortcut .box-shortcut {width: 50%; border-bottom: 1px solid #494957;}
    .wrap-shortcut .box-shortcut .sort strong {font-size: 18px;}
    .wrap-shortcut .box-shortcut .sort a {font-size: 15px;}
}

/*기존 공통_풋터 바로가기*/
/*
.wrap-shortcut {background: #31394a; border-top: 6px solid #1c3d8d; text-align: center; font-size: 0;position:relative;z-index:1;}
.wrap-shortcut .container {max-width: 1600px; display: inline-block; border-left: 1px solid #494957;}
.wrap-shortcut .box-shortcut {position: relative; float: left; width: 25%;}
.wrap-shortcut .box-shortcut .btn-shortcut {overflow: hidden; width: 100%; padding: 15px 50px  16px 30px; border-right: 1px solid #494957; text-align: left; font-size: 18px; color: #b4b4b4; text-overflow: ellipsis; white-space: nowrap;}
.wrap-shortcut .box-shortcut .btn-shortcut:hover {color: #fff;}
.wrap-shortcut .box-shortcut .list {position: absolute; left: 0; bottom: 106%; width: 100%; overflow: hidden; max-height: 0; transition: .7s}
.wrap-shortcut .box-shortcut .list.on {max-height: 200px;}
.wrap-shortcut .box-shortcut .list li {background: #31394a;}
.wrap-shortcut .box-shortcut .list li a {display: block; padding: 10px 0 10px 30px; text-align: left; font-size: 18px; color: #b4b4b4;}
.wrap-shortcut .box-shortcut .list li a:hover {color: #fff;}
.wrap-shortcut .box-shortcut .more {position: absolute; right: 22px; top: 20px; width: 19px; height: 19px; transition: .4s}
.wrap-shortcut .box-shortcut:hover .more {transform: rotate(180deg)}
.wrap-shortcut .box-shortcut .more .line-horizon {position: absolute; top: 50%; display: block; width: 20px; height: 1px; background: #747474;}
.wrap-shortcut .box-shortcut .more .line-vertical {position: absolute; left: 50%; display: block; width: 1px; height: 20px; background: #747474;}

@media all and (max-width:1400px) {
  .wrap-shortcut .container {padding: 0;}
  .wrap-shortcut .box-shortcut .btn-shortcut {font-size: 15px; padding: 14px 50px 14px 20px;}
  .wrap-shortcut .box-shortcut .more {top: 15px; right: 15px;}
}

@media all and (max-width: 670px) {
  .wrap-shortcut .box-shortcut {width: 50%; border-bottom: 1px solid #494957;}
}
*/

.wrap-footer {background: #484e59;}
.wrap-footer .container {max-width: 1600px;}
.wrap-footer .box-bottom {display: table; width: 100%; padding: 13px 0;  border-bottom: 1px solid #5b606a;}
.wrap-footer .bottom-link {display: table-cell; vertical-align: middle;}
.wrap-footer .bottom-link ul {display: inline-block; width: 100%; vertical-align: middle;}
.wrap-footer .bottom-link li {position: relative; display: inline-block; padding-right: 15px; margin-right: 15px;}
.wrap-footer .bottom-link li:after {content: ''; position: absolute; right: 0; top: 8px; width: 1px; height: 11px; border-right: 1px dotted #656a72;}
.wrap-footer .bottom-link li:last-child:after {display: none;}
.wrap-footer .bottom-link li a {position: relative; font-family: 'Noto Light'; font-size: 16px; color: #ccc;}
.wrap-footer .bottom-link li a:hover {color: #fff;}
.wrap-footer .bottom-link li a:after {content: ''; position: absolute; left: 0; bottom: 0px; width: 0; height: 1px; background: #fff; transition: .4s}
.wrap-footer .bottom-link li a:hover:after {width: 100%;}
.wrap-footer .bottom-sns {display: table-cell; vertical-align: middle; text-align: right; font-size: 0px}
.wrap-footer .bottom-sns ul {display: inline-block; text-align: left;}
.wrap-footer .bottom-sns li {float: left; margin-left: 5px;}
.wrap-footer .bottom-sns li a {display: block; background: url('/images/knou/common/icon-sns.png') no-repeat; width: 36px; height: 36px;  text-indent: -99999px;}
.wrap-footer .bottom-sns li.fb a {background-position: 0 0;}
.wrap-footer .bottom-sns li.ts a {background-position: -36px 0;}
.wrap-footer .bottom-sns li.is a {background-position: -72px 0;}
.wrap-footer .bottom-sns li.na a {background-position: -108px 0;}
.wrap-footer .bottom-sns li.yt a {background-position: -144px 0;}

.wrap-footer .box-footer {display: inline-block; width: 100%;}
.wrap-footer .box-footer .footer {float: left; padding: 30px 0;}
.wrap-footer .box-footer .footer-logo {float: left; padding-right: 20px;}
.wrap-footer .box-footer .footer-desc {float: left;}
.wrap-footer .box-footer .footer-link {font-size: 0; padding-bottom: 10px;}
.wrap-footer .box-footer .footer-link ul {display: inline-block; width: 100%; font-size: 0;}
.wrap-footer .box-footer .footer-link li  {position: relative; display: inline-block; padding-right: 10px; margin-right: 10px;}
.wrap-footer .box-footer .footer-link li:after {content: ''; position: absolute; right: 0; top: 12px; width: 2px; height: 2px; background: #fff; border-radius: 100%;}
.wrap-footer .box-footer .footer-link li:last-child:after {display: none;}
.wrap-footer .box-footer .footer-link li a {position: relative; font-family: 'Noto Light'; font-size: 16px; color: #fff;;}
.wrap-footer .box-footer .footer-link li a:after {content: ''; position: absolute; left: 0; bottom: 0px; width: 0; height: 1px; background: #fff; transition: .4s}
.wrap-footer .box-footer .footer-link li a:hover:after {width: 100%;}
.wrap-footer .box-footer .footer-address {font-family: 'Noto Light'; font-size: 15px; color: #c2c2c2;}
.wrap-footer .box-footer .footer-copy {letter-spacing: 0; font-family: 'Noto Regular'; font-size: 13px; color: #6e6e6e;}
.wrap-footer .box-footer .footer-tel {display: none;}
.wrap-footer .box-footer .tel {float: right; padding-top: 13px;}
.wrap-footer .box-footer .call {display: inline-block;}
.wrap-footer .box-footer .call.first {padding-right: 50px; margin-right: 40px; background: url('/images/knou/common/line-footer-tel.png') no-repeat right 20px;}
.wrap-footer .box-footer .call span {display: inline-block; padding-right: 15px; vertical-align: middle; font-family: 'Noto Regular'; font-size: 23px; color: #fff;}
.wrap-footer .box-footer .call strong {display: inline-block; margin-top: 4px; vertical-align: middle; font-family: 'Mont SemiBold'; font-size: 35px; color: #ebae1c;}
.wrap-footer .box-footer .call em {display: inline-block; padding-left: 10px; vertical-align: middle; font-family: 'Noto Regular'; font-size: 19px; color: #b9b9b9;}

@media all and (max-width: 1520px) {
  .wrap-footer .box-bottom {padding: 16px 0; border-bottom: 0}
  .wrap-footer .bottom-link {display: block; text-align: center;}
  .wrap-footer .bottom-link ul {width: auto; padding-bottom: 15px; text-align: center;}
  .wrap-footer .bottom-link li {padding-right: 0; margin-top: 3px; margin-bottom: 3px; }
  .wrap-footer .bottom-link li:after {display: none;}
  .wrap-footer .bottom-sns {display: block; padding-top: 20px; border-top: 1px solid #5b606a; text-align: center;}
  .wrap-footer .box-footer {text-align: center;}
  .wrap-footer .box-footer .footer {float: none; padding: 10px 0 20px 0;}
  .wrap-footer .box-footer .footer-logo {display: none;}
  .wrap-footer .box-footer .footer-desc {float: none; width: 100%; text-align: center;}
  .wrap-footer .box-footer .footer-link {display: inline-block; padding-bottom: 0;}
  .wrap-footer .box-footer .footer-address {display: inline-block;}
  .wrap-footer .box-footer .footer-tel {display: inline-block; width: 100%; text-align: center;}
  .wrap-footer .box-footer .tel {display: none;}
}

@media all and (max-width: 860px) {
  .wrap-footer .box-footer .call.first {width: 100%; margin-right: 0; padding-right: 0; background: none;}
  .wrap-footer .box-footer .call strong {line-height: 1.2;}
  .wrap-footer .box-footer .call em {width: 100%; padding-left: 0; padding-bottom: 10px;}
}

.goto-top{width: 85px; height: 89px; cursor: pointer; background: url('/images/knou/common/ico-top.png') no-repeat center center; position: fixed; right: 4%; top: 80%;  z-index: 200; transform: scale(1); transition: .3s}
.goto-top:hover {transform: scale(1.3)}

.black-bg {display: none; position: fixed; z-index: 190; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.black-bg.on {display: block;}

/*20201008JHPARK추가*/
.wrap-shortcut,
.wrap-footer{position:relative;z-index:1;}
/* 대메뉴 마지막(사이트맵 숨기기) */
#menuUItop > .div_1 > .ul_1 > li:last-child { display:none; }
/* 풋터연락처 a 텍스트칼라 */
.wrap-footer .box-footer .call strong a{color: #ebae1c;}
.wrap-footer .box-footer .footer-address a{color: #c2c2c2;}