@charset "utf-8";

body {}
.container {width: 100%; max-width: 1400px; margin: 0 auto;}
.container .contents{padding-bottom:140px;}
@media all and (max-width: 1400px) {
  .container {padding: 0 20px;}
}
@media all and (max-width: 760px) {
  .container {padding: 0 45px;}
  .container .contents{padding-bottom:70px;}
}
@media all and (max-width: 500px) {
  .container {padding: 0 25px;}
}

/*상담마진*/
#multipleDiv_engknou_5,
.wrap-sub-visual{margin-top:123px;}
@media all and (max-width: 500px) {
  #multipleDiv_engknou_5,
  .wrap-sub-visual{margin-top:103px;}
}

.wrap-fix {position: fixed; top: 0; left: 0; z-index: 200; width: 100%;}

.wrap-top {background-color:rgba(255,255,255,1);background:#1e2e55;}
.wrap-top .top-util {text-align:right;transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);padding:10px 0;}
.wrap-top .top-util a{display:inline-block;color:#ffb400;font-size:15px;background:url(/images/engknou/common/icon_korean.png) no-repeat left center;background:url(/images/knou/common/icon-top-global.png) no-repeat left center;padding:0 25px 0 30px;text-shadow:0 0 3px #000;font-family: 'Mont SemiBold' !important;}
@media all and (max-width:1600px) {
  .wrap-top .top-util {max-width:100%;}
}

.wrap-header {position:relative;background-color:rgba(255,255,255,1); font-size: 0;}
.wrap-header .box-header{display:table;width:1400px;margin: 0 auto;}
.wrap-header .header-cell{display:table-cell;vertical-align: middle;height:79px;}
.wrap-header .header-logo{width:400px;z-index:1;position:relative;}
.wrap-header .header-logo img{}
.wrap-header .header-util{}
.wrap-header .header-util ul{display: inline-block; width: 100%;}
.wrap-header .header-util li{float: left; width:100%;}
.wrap-header .header-util li span{position: relative;}
.wrap-header .header-util li span:after{content: ''; position: absolute; left: 0; bottom: -3px; width: 0; height: 1px; background: #fff; transition: .4s;}
.wrap-header .header-util li:hover span:after{width: 100%;}
.wrap-header .header-util .btn-member,
.wrap-header .header-util .btn-search,
.wrap-header .header-util .btn-sitemap,
.wrap-header .header-util .btn-mobile-open,
.wrap-header .header-util .btn-mobile-close{display: block; width: 100%; height:80px; margin-top: -1px;  font-size: 13px; line-height: 120px; text-align: center; color: #fff;}
.wrap-header .header-util .btn-mobile-open{display: none;}
.wrap-header .header-util .btn-mobile-close{display: none;}
.wrap-header .header-util .btn-member{background: #20c1f5 url('/images/knou/common/icon-header-member.png') no-repeat center 20px;}
.wrap-header .header-util .btn-search{background: #1179f9 url('/images/knou/common/icon-header-search.png') no-repeat center 20px;}
.wrap-header .header-util .btn-sitemap{background: #174ff0 url('/images/knou/common/icon-header-sitemap.png') no-repeat center center; text-indent: -9999px;}
.wrap-header .header-util .btn-mobile-open{background: #1c3d8d url('/images/knou/common/icon-header-sitemap.png') no-repeat center center; text-indent: -9999px;}
.wrap-header .header-util .btn-mobile-close{background: #1c3d8d url('/images/knou/common/icon-mobile-close.png') no-repeat center center; text-indent: -9999px;}

/*메인메뉴*/
.wrap-header .header-navi .a_1{display:block;padding:26px 30px 26px 10px;font-weight:bold;font-size:19px;color:#222;}
.wrap-header .header-navi .a_1:hover{color:#1e2e55;}
.wrap-header .header-navi .a_1 span{position:relative;}
.wrap-header .header-navi .a_1[target=_blank] span:before{content: '';position: absolute;left: 121%;top: 12px;width: 12px;height: 12px;background: url(/images/knou/common/ico-a3-blank.png) no-repeat center center;}
.wrap-header .header-navi .a_1.on span:after{content:''; position:absolute; left:50%; top:-8px; width:27px; height:7px; margin-left: -14px; background:url('/images/knou/common/ico-a1.png') no-repeat center center;}
.wrap-header .header-navi .div_2{display:none;}
.wrap-header .header-navi .div_2.on{display:block;}
.wrap-header .header-navi .ul_2{}
.wrap-header .header-navi .li_2{}
.wrap-header .header-navi .a_2{display:block;font-size:14px;padding:10px;background:#FFF;line-height:1.2;}
/*.wrap-header .header-navi .li_2:nth-child(odd) .a_2{background:#f0f5f8;}*/
.wrap-header .header-navi .a_2 span{display:block;width:100%;height:100%;}
.wrap-header .header-navi .a_3{display:block;font-size:16px;color:#79858f;padding:10px 20px;background:#eef5fb;line-height:1.2;}
.wrap-header .header-navi .a_2:hover{background:#898989 !important;color:#FFF;border-color:#898989;}
.wrap-header .header-navi .a_2._active{background:#0971ce;color:#FFF;border-color:#0971ce;}
.wrap-header .header-navi .a_3:hover{background:#acacac;color:#FFF;border-color:#acacac;}
.wrap-header .header-navi .a_3._active{background:#bcd4e8;color:#1e619a;border-color:#bcd4e8;}
.navBg,
.navTxt{display:none;}
/*학과메뉴숨기기*/
.li_1_5708 .div_3{display:none;}
/*메인메뉴반전*/
.fNav .top-util{max-height:0;padding:0;}
.fNav2 .wrap-header,
.fNav .wrap-header{background-color:rgba(255,255,255,1);height:80px;}
.fNav2 .wrap-header .box-header,
.fNav .wrap-header .box-header{border-color:#EEE;}
.fNav2 .a_1,
.fNav .a_1{color:#222 !important;}
@media all and (min-width:1024px) {
  .wrap-header .header-navi{position:absolute;width:1000px;}
  .wrap-header .header-navi #menuUItop{position:relative;}
  .wrap-header .header-navi .div_1{}
  .wrap-header .header-navi .ul_1{display:flex;justify-content:flex-end;}
  .wrap-header .header-navi .li_1{position:relative;}
  .wrap-header .header-navi .div_2{position:absolute;left:0;background:#FFF;margin-top:0px;border-top:1px solid #e8e8e8;top:79px;}
  .wrap-header .header-navi .div_2.on{}
  .wrap-header .header-navi .ul_2{max-height:500px;overflow-y:auto;}
  .wrap-header .header-navi .li_2{}
  .wrap-header .header-navi .navGab{}
  .wrap-header .header-navi .a_2{border-bottom:1px solid #e8e8e8;}
}
@media all and (max-width:1400px) {
  .wrap-header .box-header {width:100%;}
  .wrap-header .header-logo {padding:0 10px;}
  .wrap-header .header-navi{width:calc(100% - 400px);}
  .wrap-header .header-navi .a_1{padding-right:20px;font-size:18px;}
}
@media all and (min-width:1025px) and (max-width:1100px) {
  .wrap-header .header-navi .a_1{padding-right:10px;font-size:17px;}
}
@media all and (max-width:1024px) {
  .wrap-header .header-util{width:80px;}
  .wrap-header .header-util .btn-sitemap {display: none;}
  .wrap-header .header-util .btn-mobile-open {display: block;}
  .wrap-header .header-util .btn-mobile-open.close {display: none;}
  .wrap-header .header-util .btn-mobile-close.on {display: block;}
  .wrap-header .header-navi {position:fixed; top:123px; height: calc(100% - 123px);right:-122%; z-index:10000; width:420px;  background: #1c3d8d; opacity: 0; transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);}

  .wrap-fix.fNav .wrap-header .header-navi {top:59px; height: calc(100% - 59px);}
  .fNav2 .a_1,
  .fNav .a_1{color:#FFF !important;}

  .wrap-header .header-navi.on { right:0; opacity: 1;transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);overflow-y:auto;}
  .wrap-header .header-navi .menuUItop {position: relative;height: 100%; background: url('/images/knou/common/bg-mobile-navi.png') no-repeat left bottom;}
  .wrap-header .header-navi .div_1 {padding:20px;height:auto !important}
  .wrap-header .header-navi .ul_1 {}
  .wrap-header .header-navi .li_1 {position: static; display: block; width: 100%;}
  .wrap-header .header-navi .a_1 {background-image: none; background-position: right center; width:100%; height: auto; padding: 12px 0 12px 20px; border-bottom: 1px solid #3f5790; text-align: left; font-size: 18px; color: #fff;}
  .wrap-header .header-navi .a_1{font-size:17px;}
  .wrap-header .header-navi .a_1:hover {color:#fff;}
  .wrap-header .header-navi .a_1.on span:after {display:none;}
  .wrap-header .header-navi .a_1.on span:before {display:none;}
  .wrap-header .header-navi .a_1.on {background: #20c1f5;}
  .wrap-header .header-navi .a_1[target=_blank] {position: relative;}
  .wrap-header .header-navi .a_1[target=_blank]:after {content: ''; position: absolute; right: 15px; top: 20px; width: 12px; height: 12px; background: url(/images/knou/common/ico-a2-blank.png) no-repeat center center;}
  .wrap-header .header-navi .ul_2 {padding:0; border: 0;  background: #fff;border-bottom:1px solid #e8e8e8;}
  .wrap-header .header-navi .li_2 {display:block; border:0px; padding:0px;}
  .wrap-header .header-navi .li_2 .a_2:after {display:none;}
  .wrap-header .header-navi .a_2 {width:100%; padding: 10px 15px 10px 20px; margin:0; font-size: 18px; color:#282828 !important;border-top:1px solid #e8e8e8;border-bottom:0;}
  .wrap-header .header-navi .a_2.plus.on { color:#022157;}
  .wrap-header .header-navi .a_2:hover,
  .wrap-header .header-navi .a_2._active{ color:#FFF !important;}
  .wrap-header .header-navi .a_2[target=_blank] span:before {background: url(/images/knou/common/ico-a3-blank.png) no-repeat center center;}
  .wrap-header .header-navi .div_2 {width:100% !important; transition-property:none; height:100% !important;}
  .wrap-header .header-navi .div_2.on {max-height:none; height:100%; background:#fff; transition-property: none;display:block !important;}
  .wrap-header .header-navi .div_2 .container {padding: 0px;}
  .wrap-header .header-navi .div_3 {position: static; display:block; overflow:hidden; width: 100%; max-height:0px; padding: 0; transition:all 0.25s cubic-bezier(0.7, 0, 0.3, 1);}
  .wrap-header .header-navi .div_3.on {max-height: 500px; transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);}
  .wrap-header .header-navi .ul_3 {margin:0;}
  .wrap-header .header-navi .li_3 {position:relative; margin: 0px;}
  .wrap-header .header-navi .li_3:after {}
  .wrap-header .header-navi .a_3{color:#8f8f8f; display:inline-block; padding:3px 20px 3px 40px; font-size:16px;position:relative;}
  .wrap-header .header-navi .a_3:before{content:"";display:block;width:4px;height:4px;background:#888;position:absolute;top:12px;left:25px;}
  .wrap-header .header-navi .a_3[target=_blank] {position:relative;}
  .wrap-header .header-navi .a_3[target=_blank]:before {content:''; position:absolute; left:110%; top:10px; width:10px; height:10px; background:url('/images/knou/common/ico_blank.png') no-repeat center center;}
  .wrap-header .header-navi .a_3:after {display: none;}
  .wrap-header .header-navi .a_3:hover {color:#f68a1e; font-size:16px;}
  .wrap-header .header-navi .a_3._active {color:#f68a1e;}
  .wrap-header .header-navi .li_3:hover:after,
  .wrap-header .header-navi .li_3._active:after{opacity:1;}
  .wrap-header .header-navi .a_3,
  .wrap-header .header-navi .a_3:hover,
  .wrap-header .header-navi .a_3._active{background:none;border:0;}
}
@media all and (max-width:760px) {
  .wrap-header .header-navi.on{right:0;}
}
@media all and (max-width:500px) {
  .wrap-header .header-cell{height:59px;}
  .wrap-header .header-util {width:60px;}
  .wrap-header .header-util .btn-member,
  .wrap-header .header-util .btn-search,
  .wrap-header .header-util .btn-sitemap,
  .wrap-header .header-util .btn-mobile-open,
  .wrap-header .header-util .btn-mobile-close { text-indent: -9999px; background-position:  center center;height:60px;}
  .wrap-header .header-navi {top: 103px; height: calc(100% - 103px);}
  .fNav2 .wrap-header,
  .fNav .wrap-header{background-color:rgba(255,255,255,1);height:59px;}  
}
@media all and (max-width:440px) {
  .wrap-header .header-navi {width: 100%;}
}
@media all and (max-width:400px) {
  .wrap-header .header-navi .a_1,
  .wrap-header .header-navi .a_2 {font-size: 16px;}
}

.wrap-sub-visual {position:relative; background:url('/images/knou/common/sub-visual.jpg') no-repeat center 50% 80%; display:table; width:100%;}
.wrap-sub-visual:after {content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url('/images/knou/common/pattern.png');}
.wrap-sub-visual .wrap-sub-cell {display:table-cell; height:260px; text-align:center; vertical-align: middle; color:#fff;}
.wrap-sub-visual .container {position:relative; z-index:1;}

.wrap-sub-visual .slogan {margin: -53px 0 0 0;}
@media all and (max-width:1024px) {
  .wrap-sub-visual .slogan { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; margin:0 0; }
  .wrap-sub-visual .slogan .slogan-big { flex-basis:100%; }  
  .wrap-sub-visual .slogan .slogan-small { flex-basis:100%; }  
}



.wrap-sub-visual .slogan-big {font-weight:bold; margin-bottom: 4px; position:relative; display:inline-block; font-size:40px; line-height:1.2; text-shadow: 0px 0px 5px rgba(0,0,0,.2);}
.wrap-sub-visual .slogan-small {font-size:18px; text-shadow: 0px 0px 5px rgba(0,0,0,.2);}
.wrap-sub-visual .page-move {position:absolute; left:0px; top:1px; width:100%; height:0px;}
.wrap-sub-visual .page-move a {position:relative; display:block; width:46px; height:46px; border:4px solid rgba(255,255,255,1); border-radius:100%;}
.wrap-sub-visual .page-move a.prev {left: -200px; opacity: 55%; float:left; background:url('/images/templet_01/sub/ico-prev-menu.png') no-repeat center;}
.wrap-sub-visual .page-move a.next {right: -200px;opacity: 55%; float:right; background:url('/images/templet_01/sub/ico-next-menu.png') no-repeat center;}
.wrap-sub-visual .page-move a:hover{opacity: 100%;}
.wrap-sub-visual .page-move a span {position:absolute;}
.wrap-sub-visual .page-move a.prev span {position:absolute; left:90%; top:50%; opacity:0; margin:0 0 0 20px; white-space:nowrap; color:rgba(255,255,255,1); transform: translate(0,-50%); transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); font-size: 24px;}
.wrap-sub-visual .page-move a:hover.prev span {opacity:1; left:100%; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual .page-move a.next span {position:absolute; right:90%; top:50%; opacity:0; margin:0 20px 0 0; white-space:nowrap; color:rgba(255,255,255,1); transform: translate(0,-50%); transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); font-size: 24px; }
.wrap-sub-visual .page-move a:hover.next span {opacity:1; right:100%; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual  {
  -webkit-animation: animate_background 10s linear;
  -moz-animation: animate_background 10s linear;
  -o-animation: animate_background 10s linear;
  animation: animate_background 10s linear;
}
@keyframes animate_background
{
  0% {background-position: 50% 0;}
  75% {background-position: 50% 100%;}
  100% {background-position: 50% 80%;}
}

@media all and (min-width:2001px) {
  .wrap-sub-visual{background-size:cover;}
}

@media all and (max-width:1800px) {
  .wrap-sub-visual .page-move {display: none;}
}

@media all and (max-width:760px) {
  .wrap-sub-visual{background-size:1000px;}
  .wrap-sub-visual .wrap-sub-cell {height: 180px;}
  /*.wrap-sub-visual .slogan {margin: -43px 0 0 0;}*/
  .wrap-sub-visual .slogan-big {font-size: 30px;}
  .wrap-sub-visual .slogan-small {display: none;}
}

@media all and (max-width:500px) {
  .wrap-sub-visual {background-size:500px;}
  /*.wrap-sub-visual .slogan {margin: -34px 0 0 0;}*/
  .wrap-sub-visual .slogan-big {font-size: 24px;}
  .wrap-sub-visual .wrap-sub-cell {height: 125px;}
}

.wrap-sub-navi {position:relative; z-index:20; margin:-60px 0 0 0; background:rgba(0,0,0,.50)}
.wrap-sub-navi .container {position:relative; height:60px; }
.wrap-sub-navi .sub-navi > ul > li {position:relative; float:left; background:url('/images/knou/common/arrow-page-nav.png') no-repeat left center; padding: 0 0 0 20px;min-width:230px;}
.wrap-sub-navi .sub-navi > ul > li > a, .wrap-sub-navi .sub-navi > ul > li > .inner > button {display:block; color:#e0dfdf; font-size:18px; height:60px; line-height:60px;}
.wrap-sub-navi .sub-navi > ul > li > .inner > button {font-family: 'Open Sans', sans-serif;width:100%; text-align:left; padding:0 62px 0 0 ; background:url('/images/knou/common/arrow-page-nav2.png') no-repeat top right; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-navi > ul > li > .inner > button:hover {color:#fff; background-position: bottom right; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-navi > ul > li#pagetitle1 {background: none;}
.wrap-sub-navi .sub-navi .home {background-image:none; padding:0px; min-width:auto;}
.wrap-sub-navi .sub-navi .home a {width:20px; text-indent:-9999px; background:url('/images/knou/common/icon-home.png') no-repeat left center;}
.wrap-sub-navi .sub-navi .navUl {overflow:hidden; max-height:0px; opacity:0; position:absolute; right:0px; top:100%; border:1px solid #fff; width: 100%;}
.wrap-sub-navi .sub-navi .navUl.on {overflow:hidden; max-height:300px; opacity:1; background:#fff; border:1px solid #cacaca; transition: max-height 1s cubic-bezier(0.7, 0, 0.3, 1);overflow-y:auto;}
.wrap-sub-navi .sub-navi .navUl a {display:block; padding:8px 15px; padding-left: 20px; color:#333; font-size: 16px; word-break: keep-all;}
.wrap-sub-navi .sub-navi .navUl a[target=_blank] {background: url('/images/knou/common/subnavi-link-blank.png') no-repeat right center;}
.wrap-sub-navi .sub-navi .navUl a._active[target=_blank],
.wrap-sub-navi .sub-navi .navUl a:hover[target=_blank] {background: #d9e0e8 url('/images/knou/common/subnavi-link-blank-ov.png') no-repeat right center;}
.wrap-sub-navi .sub-navi .navUl a._active,
.wrap-sub-navi .sub-navi .navUl a:hover {background:#d9e0e8; color: #333; }
.wrap-sub-navi .sub-navi .navUl a.top_k2wiz_GNB_36,
.wrap-sub-navi .sub-navi .navUl a.top_k2wiz_GNB_37 {display: none;}

.wrap-sub-navi .sub-util {position:absolute; right:0px; top:108px;}
.wrap-sub-navi .sub-util > ul > li {position: relative; float:left; position:relative; padding: 0 20px;}
.wrap-sub-navi .sub-util > ul > li:after {content: ''; position: absolute; right: 0; top: 6px; width: 1px; height: 13px; background: #a3a3a3;}
.wrap-sub-navi .sub-util > ul > li:last-child {padding-right: 0;}
.wrap-sub-navi .sub-util > ul > li:last-child:after {display: none;}
.wrap-sub-navi .sub-util > ul > li > button {font-family: 'Open Sans', sans-serif;font-size: 15px; color: #2b2b2b;}
.wrap-sub-navi .sub-print {padding-left: 30px; background: url('/images/knou/common/ico-print.png') no-repeat left center;}
.wrap-sub-navi .sub-share {padding-left: 25px;background: url('/images/knou/common/ico-share.png') no-repeat left center;}
.wrap-sub-navi .sub-favo {padding-left: 30px;background: url('/images/knou/common/ico-favo.png') no-repeat left center;}

.wrap-sub-navi .box-sub-favo {opacity:0; overflow:hidden; max-height:0px; position:absolute;  border:1px solid #cacaca; right:0; top:45px; width:260px; background:#fff; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-favo.on {opacity:1; max-height:1000px; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-favo > strong {display:block; font-size:18px; padding:11px 20px; border-bottom:1px solid #d6d6d6; color: #2a2a2a;}
.wrap-sub-navi .box-sub-favo ul li {padding:8px 20px;}
.wrap-sub-navi .box-sub-favo ul li:hover {background:#d9e0e8;}
.wrap-sub-navi .box-sub-favo ul li a {position: relative; color: #000; font-size: 16px;}
.wrap-sub-navi .box-sub-favo ul li a span {display:none;}
.wrap-sub-navi .box-sub-favo .close {text-indent:-9999px; position:absolute; right:0px; top:0px; width:40px; height:50px; background:url('/images/knou/common/btn-favo-close.png') no-repeat center center;}
.wrap-sub-navi .box-sub-favo .close:hover {transform: rotate( 180deg ); transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-favo .del {width:17px; height:17px; margin:0 0 0 10px; background:url('/images/knou/common/btn-favo-del.png') no-repeat center center; text-indent:-9999px;}
.wrap-sub-navi .box-sub-favo .control {text-align:center;}
.wrap-sub-navi .box-sub-favo .control button {display:inline-block;}
.wrap-sub-navi .box-sub-favo .control button.add {background: #242527 url('/images/knou/common/btn-favo-add.png') no-repeat 83% center; margin-top: 11px; padding: 5px 35px 5px 15px; font-size: 14px; color: #FFF;}
.wrap-sub-navi .box-sub-favo .control button.reset {background: #fff; padding: 9px 20px; border-radius: 5px; border: 1px solid #50555d; font-size: 14px; color: #50555d;}
.wrap-sub-navi .box-sub-favo .control.list.on {padding: 15px 0; border-top: 1px solid #d6d6d6;}
.wrap-sub-navi .box-sub-favo #favoriteList {border-top: 1px solid #cdcdcd;}
.wrap-sub-navi .box-sub-favo .guide {padding: 15px 0 20px 0; background: #f0f0f0; text-align: center;}
.wrap-sub-navi .box-sub-favo .guide #favoriteTitle {font-size: 14px; color: #565656;}
.wrap-sub-navi .box-sub-share {opacity:0; overflow:hidden; max-height:0px; position:absolute; right:0px; top:40px; background: #fff; width:340px; padding: 20px; border: 1px solid #cecece; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-share.on {opacity:1; max-height:1000px; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-share .close {text-indent: -9999px; position: absolute; right: 0px; top: 0px; width: 40px; height: 50px; background: url(/images/knou/common/btn-favo-close.png) no-repeat center center;}
.wrap-sub-navi .box-sub-share .close:hover {transform: rotate( 180deg ); transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-share .send {margin-bottom: 15px;}
.wrap-sub-navi .box-sub-share .send strong {display: inline-block; width: 60px; vertical-align: middle; font-size: 16px; color: #2a2a2a;}
.wrap-sub-navi .box-sub-share .send ul {display: inline-block; vertical-align: middle;}
.wrap-sub-navi .box-sub-share .send li {float: left; margin-right: 5px;}
.wrap-sub-navi .box-sub-share .send li button {width: 25px; height: 25px; background: url('/images/knou/common/ico-sub-share.png') no-repeat; text-indent: -9999px;}
.wrap-sub-navi .box-sub-share .send li .fb {background-position: 0 0;}
.wrap-sub-navi .box-sub-share .send li .tw {background-position: -25px 0;}
.wrap-sub-navi .box-sub-share .send li .ks {background-position: -50px 0;}
.wrap-sub-navi .box-sub-share .send li .pn {background-position: -75px 0;}
.wrap-sub-navi .box-sub-share .send li .na {background-position: -100px 0;}
.wrap-sub-navi .box-sub-share .send li .is {background-position: -125px 0;}
.wrap-sub-navi .box-sub-share .copy strong {display: inline-block; width: 60px; vertical-align: middle; font-size: 16px; color: #2a2a2a;}
.wrap-sub-navi .box-sub-share .copy input {width: 170px; height: 35px; border: 1px solid #cecece; line-height: 35px; text-indent: 10px; font-size: 14px; color: #666;}
.wrap-sub-navi .box-sub-share .copy button {width: 60px; height: 35px; line-height: 35px; text-align: center; background: #5d5d5d; font-size: 14px; color: #fff;}

@media all and (max-width: 1024px) {
  .wrap-sub-navi { display:none; }
}

@media all and (max-width: 1400px) {
  .wrap-sub-navi .sub-util {right: 40px;}
}

@media all and (max-width: 760px) {
  .wrap-sub-navi {margin: -50px 0 0 0;}
  .wrap-sub-navi .container {height: 50px;}
  .wrap-sub-navi .sub-util {top: 76px;}
  .wrap-sub-navi .sub-util > ul > li:first-child {display: none;}
  .wrap-sub-navi .sub-navi > ul > li {padding-left: 10px;}
  .wrap-sub-navi .sub-navi > ul > li > a,
  .wrap-sub-navi .sub-navi > ul > li > .inner > button {font-size: 16px; height: 50px; line-height: 50px;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button {padding: 0 30px 0 0; background: url('/images/knou/common/arrow-page-nav2-resize.png') no-repeat top right;}
}

@media all and (max-width: 500px) {
  .wrap-sub-navi {background: #f5f5f5; margin: -35px 0 0 0;}
  .wrap-sub-navi .container {height: 35px; border-bottom: 1px solid #e1e1e1;}
  .wrap-sub-navi .sub-navi .home a {background: url('/images/knou/common/icon-home-m.png') no-repeat left center;}
  .wrap-sub-navi .sub-navi > ul > li > a,
  .wrap-sub-navi .sub-navi > ul > li > .inner > button {height: 35px; padding: 0 15px 0 0; background: none; line-height: 35px; font-size: 15px; color: #666;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button:hover {color: #1e2e55;}

  .wrap-sub-navi .sub-navi > ul > li{display:none;}
  .wrap-sub-navi .sub-navi > ul > li.home,
  .wrap-sub-navi .sub-navi > ul > li#pagetitle1{display:inline-block;}  

  .wrap-sub-navi .sub-favo {padding-left: 20px;}
  .wrap-sub-navi .sub-share {padding-left: 16px;}
  .wrap-sub-navi .sub-util {right: 25px; top: 59px;}
  .wrap-sub-navi .sub-util > ul > li:after {top: 7px;}
  .wrap-sub-navi .sub-util > ul > li {padding: 0 10px;}
  .wrap-sub-navi .sub-util > ul > li > button {text-indent: -9999px;}
}

.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;}

/* 대메뉴 마지막(사이트맵 숨기기) */
#menuUItop > .div_1 > .ul_1 > li:last-child { display:none; }

/*FOOTER*/
.wrap-footer{background:#222834;text-align:center;padding:28px 20px;font-size:12px;color:rgba(255,255,255,0.4);}
.wrap-footer img{max-width:100%;}
.wrap-footer .footer-copy{padding-top:10px;}

/*컨텐츠*/
/*
.wrap-contents{letter-spacing:-0.05em;}
*/
.wrap-contents{letter-spacing:0em;}

@media all and (max-width: 860px) {
  .wrap-contents .tab ul li:before {height: 2px !important;}
}