@charset "utf-8";
/*#wrap-slider17{display:none;}*/


._contentBuilder {overflow: hidden;}

.wrap-visual {position:relative;}
.wrap-visual .slider {position:relative; z-index:1;}
.wrap-visual .slider li {position:relative; text-align:center;}
.wrap-visual .slider li  a { display: block;}
.wrap-visual .slider li  a:focus {border: 5px solid;}
.wrap-visual .slider li img {display:inline-block; max-width:none;}
.wrap-visual .slider li:after {display: none; content: ''; position: absolute; left: 50%; top: 0px; width: 100%; max-width: 1920px; height: 100%; background: url('/images/knou/main/shadow-text.png') no-repeat center top; background-size: cover; transform: translate(-50%,0);}
.wrap-visual .slogan {position: absolute; right: 0; top: 28%; width: 100%; z-index: 10; text-align: center;}
.wrap-visual .slogan .box-slogan {max-width: 1475px; display: inline-block; width: 100%; text-align: right;}
.wrap-visual .slogan .school-slogan {margin-bottom: 10px;}
.wrap-visual .slogan .school-name {font-family: 'Noto Bold'; font-size: 44px; color: #001b35;}
.wrap-visual .control {position:absolute; /*bottom:147px;*/ bottom:22px; left:0px; width:100%; z-index:1; text-align:center;}
.wrap-visual .control .paging {display:inline-block;}
.wrap-visual .control .paging ul {display:inline-block; font-size: 0;}
.wrap-visual .control .paging li {float:left; margin:0 3px;}
.wrap-visual .control .paging li.slick-active button {background: #0084ff; position:relative;}
.wrap-visual .control .paging li button {width:15px; height:15px; background:rgba(0,0,0,.5); border-radius: 100%; text-indent:-9999px;}
.wrap-visual .control .playstop {position: relative; top: -1px; display:inline-block; margin:0 0 0 4px; font-size: 0;}
.wrap-visual .control .playstop button {display:none; text-indent:-9999px;}
.wrap-visual .control .playstop button.on {display:inline-block;}
.wrap-visual .control .play {width:10px; height:15px; background:url('/images/knou/main/btn-visual-play.png') no-repeat center center;}
.wrap-visual .control .stop {width:10px; height:15px; background:url('/images/knou/main/btn-visual-stop.png') no-repeat center center;}

@media all and (max-width:1900px) {
    .wrap-visual .slider li img { position: relative; left: 50%; transform: translate(-50%,0); width: 100%; max-width:none; max-height: 760px;}
}

@media all and (max-width:1400px) {
    .wrap-visual .control {/*bottom: 92px; */bottom: 20px;}
    .wrap-visual .slogan {top: 22%;}
}

@media all and (max-width:760px) {
    .wrap-visual .slogan { top: 15%; padding-left: 61%;}
    .wrap-visual .slogan .school-slogan {margin-bottom: 3px;}
    .wrap-visual .slogan .school-slogan .p {display: none;}
    .wrap-visual .slogan .school-slogan .t {display: inline-block;}
    .wrap-visual .slogan .school-slogan .m {display: none;}
    .wrap-visual .slogan .school-name {font-size: 32px;}
    .wrap-visual .slider li img {max-height:410px;}
    .wrap-visual .control {bottom: 25px;}
}

@media all and (max-width:501px) {
    .wrap-visual .slogan {top: 10%; padding-left: 55%;}
    .wrap-visual .slogan .school-slogan .m {display: inline-block;}
    .wrap-visual .slogan .school-name {font-size: 26px;}
    .wrap-visual .slogan .school-slogan .p {display: none;}
    .wrap-visual .slogan .school-slogan .t {display: none;}
    .wrap-visual .slider li img {max-height: 290px;}
    .wrap-visual .control {bottom: 6px;}
}

#multipleContentsDiv_knou_20 {margin-top: -110px !important; position: relative; z-index: 100;}
#multipleContentsDiv_knou_20 ._objHtml {overflow: visible;}
.wrap-user {background: url('/images/knou/main/bg-user-menu.png') repeat-y center top; }
.wrap-user .box-user {display: inline-block; width: 100%; font-size: 0;}
.wrap-user .container {font-size: 0;}
.wrap-user dl {float: left;  width: 50%;}
.wrap-user dt,
.wrap-user dd,
.wrap-user dd li {float: left; text-align: center;}
.wrap-user dt {padding-top: 70px; font-size: 16px; color: #fff;}
.wrap-user dd {position: relative; width: calc(100% - 100px);}
.wrap-user dd ul {display: inline-block; width: 100%;}
.wrap-user dd li {font-family: 'Noto DemiLight'; font-size: 18px;}
.wrap-user dd li:last-child {padding-right: 0 !important;}
.wrap-user dd li a {overflow: hidden; display: block; padding: 7px 0; color: #f4fbfd/*#b6f2ff*/; text-overflow: ellipsis; white-space: nowrap;}
.wrap-user dd li a span {position: relative;}
.wrap-user dd li a span:after {content: ''; position: absolute; left: 0; bottom: -7px; width: 0; height: 2px; background: #b6f2ff; transition: .4s;}
.wrap-user dd li a:hover span:after {width: 100%;}
.wrap-user .student1 {padding-left: 0; display: inline-block;}
.wrap-user .student2 {padding-left: 29px; display: inline-block;}

.wrap-user .student1 dd li {padding: 34px 11px;}
.wrap-user .student2 dd li {padding: 34px 11px;}
.wrap-user .student1 dt {width: 100px; background: url('/images/knou/main/icon-user1.png') no-repeat 5px 20px; text-align: left;}
.wrap-user .student2 dt {width: 100px; background: url('/images/knou/main/icon-user2.png') no-repeat center 22px;}
.wrap-user .prevnext {position: absolute; top: 50%; z-index: 10; width: 8px; height: 12px; text-indent: -99999px; transform: translate(0, -50%)}
.wrap-user .prev {left: 0; background: url('/images/knou/main/arrow-user-prev.png') left center; transition: .4s}
.wrap-user .prev:hover {background-position: right center;}
.wrap-user .next {right: 30px; background: url('/images/knou/main/arrow-user-next.png') left center; transition: .4s}
.wrap-user .next:hover {background-position: right center;}
.wrap-user .student2 .next {right: 0;}

@media all and (max-width: 1400px) {
    #multipleContentsDiv_knou_20 {margin-top: -61px !important;}
    .wrap-user .student1 dt {background: url(/images/knou/main/icon-user1.png) no-repeat 0px 10px;}
    .wrap-user .student2 dt {background: url(/images/knou/main/icon-user2.png) no-repeat center 11px;}
    .wrap-user dt {padding-top: 54px; font-size: 14px;}
    .wrap-user dd li {font-size: 15px;}
    .wrap-user .student1 dd li {padding: 23px 0;}
    .wrap-user .student2 dd li {padding: 23px 0;}
    .wrap-user .student1 dd ul {padding: 0 60px 0 30px}
    .wrap-user .student2 dd ul {padding: 0 30px 0 30px}
}

@media all and (max-width: 760px) {
    #multipleContentsDiv_knou_20 {margin-top: -0px !important;}
    .wrap-user .container {padding: 0;}
    .wrap-user {background: none;}
    .wrap-user dl {float: none; width: 100%;}
    .wrap-user dt {text-align: left;}
    .wrap-user dd {width: calc(100% - 145px);}
    .wrap-user dd li {font-family: 'Noto DemiLight'; font-size: 15px; }
    .wrap-user .student1 {padding: 0 45px; background: rgba(0, 94, 173,.8);}
    .wrap-user .student1 dt {width: 145px; padding-top: 0px; padding: 17px 0 17px 50px;  background: url('/images/knou/main/icon-user1-resize.png') no-repeat left center;}
    .wrap-user .student1 dd ul {padding: 0;}
    .wrap-user .student1 dd li {padding: 9px 0;}
    .wrap-user .student2 {padding: 0 45px; background: rgba(0, 132, 255,.8);}
    .wrap-user .student2 dt {width: 145px; padding-top: 0px; padding: 19px 0 18px 50px;  background: url('/images/knou/main/icon-user2-resize.png') no-repeat left center;}
    .wrap-user .student2 dd ul {padding: 0;}
    .wrap-user .student2 dd li {padding: 9px 0;}
    .wrap-user .prev {left: 0;}
    .wrap-user .next {right: 0;}
}

@media all and (max-width: 501px) {
    #multipleContentsDiv_knou_20 {margin-top: 0 !important;}
    .wrap-user dt {font-size: 16px;}
    .wrap-user dd {width: calc(100% - 135px);}
    .wrap-user dd ul {padding: 0 22px;}
    .wrap-user dd li {font-size: 16px;}
    .wrap-user dd li a {padding: 8px 0; font-size: 13px;}
    .wrap-user dd li a span:after {height: 1px; bottom: -2px;}
    .wrap-user .student1 {padding: 0 25px; background: rgba(0, 94, 173,.8);}
    .wrap-user .student1 dt {width: 135px; padding: 9px 0 9px 35px; background: url('/images/knou/main/icon-user1-resize2.png') no-repeat left center;}
    .wrap-user .student1 dd ul {padding: 0 10px;}
    .wrap-user .student1 dd li {padding: 1px 0;}
    .wrap-user .student2 {padding: 0 25px; background: rgba(0, 132, 255,.8);}
    .wrap-user .student2 dt {width: 135px; padding: 9px 0 9px 35px;  background: url('/images/knou/main/icon-user2-resize2.png') no-repeat left center; }
    .wrap-user .student2 dd li {padding: 1px 0;}
    .wrap-user .prevnext {width: 8px; height: 12px;}
}

#multipleDiv_knou_40 {background: url('/images/knou/main/bg-latest.jpg') repeat-y center top;}
#multipleDiv_knou_40 {position: relative; opacity: 0; right: 50%; overflow: hidden;  transition: opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1) ,  right 0.7s cubic-bezier(0.7, 0, 0.3, 1) , max-height 0.7s cubic-bezier(0.7, 0, 0.3, 1);}
#multipleDiv_knou_40.on {right: 0; opacity: 1; }
#multipleDiv_knou_40 #multipleContentsDiv_knou_40 {overflow: hidden; width: 100%; max-width: 1400px; margin: 0 auto;}
.box-news {position: relative; padding: 33px 30px 47px 0;}
.box-story {position: relative; padding: 33px 0  47px 30px;}
.box-story .slick-slide >a {overflow: hidden; display: block;}

.wrap-news .slider  {overflow: hidden; min-height: 210px;}
.wrap-news .slick-list  {margin: 0 -20px;}
.wrap-news .slick-slide {margin: 0 20px;}
.wrap-news .title {margin-bottom: 15px; font-family: 'Mont ExtraLight'; font-size: 30px;}
.wrap-news .title strong {font-family: 'Mont SemiBold';}
.wrap-news .con {display: inline-block; width: 100%;}
.wrap-news .desc {float: left; width: 47.5% ; padding-right: 20px;}
.wrap-news .desc .subject {overflow: hidden; display: block; height: 80px; margin-bottom: 30px; line-height: 1.3; font-family: 'Noto DemiLight'; font-size: 20px; color: #333;}
.wrap-news .desc .subject:hover {color: #1b60c6 ;}
.wrap-news .desc .date {display: block; position: relative; margin-bottom: 15px; padding-bottom: 15px; font-family: 'Mont Regular'; font-size: 14px; letter-spacing: 0px; color: #939393;}
.wrap-news .desc .date:after {content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 1px; background: #c1c1c1;}
.wrap-news .desc .text {line-height: 1.4; font-size: 18px; color: #666;}
.wrap-news .desc a {display: block;}
.wrap-news .thumb {position: relative; float: right; width: 52.5%; top: 0px; border: 1px solid #d1d1d1;}
.wrap-news .control {text-align:center; position:absolute; top: 60px; right:30px; z-index:1; font-size: 0;}
.wrap-news .control .paging {display:inline-block; font-size: 0;}
.wrap-news .control .paging ul {display:inline-block; font-size: 0;}
.wrap-news .control .paging li {float:left; margin:0 2px;}
.wrap-news .control .paging li.slick-active button {background: #3f81fa; position:relative;}
.wrap-news .control .paging li button {width:7px; height:7px; background: #999; font-size: 0;  border-radius: 100%; text-indent:-9999px;}
.wrap-news .control2 {position: absolute; left: 0; bottom: 50px;}
.wrap-news .control2 button {display: inline-block; width: 40px; height: 40px; background: url('/images/knou/main/arrow-notice.png'); background-color: #c0c0c0; border-radius: 100%; text-indent: -9999px;}
.wrap-news .control2 button:hover {background-color: #306ea9;}
.wrap-news .control2 .prev {background-position: 0 0;}
.wrap-news .control2 .next {background-position: 0 -40px;}
.wrap-news .control2 .play {display: none; background-position: -40px -80px; background-color: #a3a3a3; margin: 0 2px;}
.wrap-news .control2 .stop {display: none; background-position: 0 -80px; background-color: #a3a3a3; margin: 0 2px;}
.wrap-news .control2 .play.on,
.wrap-news .control2 .stop.on {display: inline-block;}

@media all and (max-width:1400px) {
    .box-news {padding-left: 20px;}
    .wrap-news .control {right: 29px;}
    .wrap-news .control2 {left: 20px;}
    .wrap-news .thumb {width: 57.5%;}
    .wrap-news .desc {width: 42.5%;}
    .wrap-news .desc .subject {height: 60px; font-size: 16px;}
}

@media all and (max-width:760px) {
    #multipleDiv_knou_40 {background: none;}
    .box-news {padding: 28px 45px 35px 45px;}
    .wrap-news .desc {width: 48%;}
    .wrap-news .desc .subject {height: 70px; font-size: 17px;}
    .wrap-news .thumb {width: 52%;}
    .wrap-news .control {right: 42px; top: 50px;}
    .wrap-news .control2 {left: 45px; bottom: 40px;}
}

@media all and (max-width:650px) {
    .wrap-news .desc {width: 38%;}
    .wrap-news .thumb {width: 62%;}
}

@media all and (max-width:501px) {
    #multipleDiv_knou_40 {right: 0; opacity: 1; }
    .wrap-news .slider {min-height: auto;}
    .wrap-news .slick-slide {position: relative;}
    .box-news {padding: 16px 25px 14px 25px;}
    .wrap-news .title {margin-bottom: 12px; font-size: 22px; }
    .wrap-news .desc { padding-right: 10px;}
    .wrap-news .desc .subject {height: 72px; margin-top: 6%; margin-bottom: 9px; font-size: 18px; line-height: 1.4;}
    .wrap-news .desc .date:after {display: none;}
    .wrap-news .control {right: 23px; top: 25px;}
    .wrap-news .control2 { display: none;}
    .wrap-news .desc {width: 44.5%;}
    .wrap-news .thumb {width: 55.5%;}
}

.wrap-story .slider  {overflow: hidden; min-height: 210px;}
.wrap-story .slick-list  {margin: 0 -20px;}
.wrap-story .slick-slide {margin: 0 20px;}
.wrap-story .title {margin-bottom: 15px; font-family: 'Mont ExtraLight'; font-size: 30px;}
.wrap-story .title strong {font-family: 'Mont SemiBold';}
.wrap-story .con {display: inline-block; width: 100%;}
.wrap-story .desc {float: left; width: 47.5% ; padding-right: 20px;}
.wrap-story .desc .subject {overflow: hidden; display: block; height: 80px; margin-bottom: 30px; line-height: 1.3; font-family: 'Noto DemiLight'; font-size: 20px; color: #333;}
.wrap-story .desc .subject:hover {color: #1b60c6 ;}
.wrap-story .desc .date {display: block; position: relative; margin-bottom: 15px; padding-bottom: 15px; font-family: 'Mont Regular'; font-size: 14px; letter-spacing: 0px; color: #939393;}
.wrap-story .desc .date:after {content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 1px; background: #c1c1c1;}
.wrap-story .desc .text {line-height: 1.4; font-size: 18px; color: #666;}
.wrap-story .thumb {position: relative; float: right; width: 52.3%; top: -5px;}
.wrap-story .thumb img {width: 100%;}
.wrap-story .control {text-align:center; position:absolute; top: 60px; right:0; z-index:1; font-size: 0;}
.wrap-story .control .paging {display:inline-block; font-size: 0;}
.wrap-story .control .paging ul {display:inline-block; font-size: 0;}
.wrap-story .control .paging li {float:left; margin:0 2px;}
.wrap-story .control .paging li.slick-active button {background: #3f81fa; position:relative;}
.wrap-story .control .paging li button {width:7px; height:7px; background: #999; font-size: 0;  border-radius: 100%; text-indent:-9999px;}
.wrap-story .control2 {position: absolute; left: 30px; bottom: 50px;}
.wrap-story .control2 button {display: inline-block; width: 40px; height: 40px; background: url('/images/knou/main/arrow-notice.png'); background-color: #c0c0c0; border-radius: 100%; text-indent: -9999px;}
.wrap-story .control2 button:hover {background-color: #306ea9;}
.wrap-story .control2 .prev {background-position: 0 0;}
.wrap-story .control2 .next {background-position: 0 -40px;}
.wrap-story .control2 .play {display: none; background-position: -40px -80px; background-color: #a3a3a3; margin: 0 2px;}
.wrap-story .control2 .stop {display: none; background-position: 0 -80px; background-color: #a3a3a3; margin: 0 2px;}
.wrap-story .control2 .play.on,
.wrap-story .control2 .stop.on {display: inline-block;}

@media all and (max-width:1400px) {
    .box-story {padding-right: 20px;}
    .wrap-story .control {right: 19px;}
    .wrap-story .control2 {left: 20px;}
    .wrap-story .thumb {width: 57.5%;}
    .wrap-story .desc {width: 42.5%;}
    .wrap-story .desc .subject {height: 60px; font-size: 16px;}
}

@media all and (max-width:760px) {
    .box-story {padding: 28px 45px 35px 45px; background: #f3f3f3;}
    .wrap-story .desc {width: 48%;}
    .wrap-story .desc .subject {height: 70px; font-size: 17px;}
    .wrap-story .thumb {width: 52%;}
    .wrap-story .control {right: 42px; top: 50px;}
    .wrap-story .control2 {left: 45px; bottom: 40px;}
}

@media all and (max-width:650px) {
    .wrap-story .desc {width: 38%;}
    .wrap-story .thumb {width: 62%;}
}

@media all and (max-width:501px) {
    .wrap-story .slider {min-height: auto;}
    .wrap-story .slick-slide {position: relative;}
    .box-story {padding: 16px 25px 14px 25px;}
    .wrap-story .title {margin-bottom: 12px; font-size: 22px; }
    .wrap-story .desc { padding-right: 10px;}
    .wrap-story .desc .subject {height: 72px; margin-top: 6%; margin-bottom: 9px; font-size: 18px; line-height: 1.4;}
    .wrap-story .desc .date:after {display: none;}
    .wrap-story .control {right: 23px; top: 25px;}
    .wrap-story .control2 { display: none;}
    .wrap-story .desc {width: 44.5%;}
    .wrap-story .thumb {width: 55.5%;}
}

#multipleDiv_knou_34 {position: relative; opacity: 0; left: 50%; overflow: hidden;  transition: opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1) , left 0.7s cubic-bezier(0.7, 0, 0.3, 1) , max-height 0.7s cubic-bezier(0.7, 0, 0.3, 1);}
#multipleDiv_knou_34.on {left: 0; opacity: 1; }
.wrap-middle-banner {background: #000; background: url('/images/knou/main/bg-middle-banner.jpg') no-repeat center center;}
.wrap-middle-banner .container {position: relative;}
.wrap-middle-banner a {display: block;}
.wrap-middle-banner .slider li {display: table; width: 100%; text-align: center;}
.wrap-middle-banner .slider li img {display: inline-block;}
.wrap-middle-banner .box-section {display: table-cell; vertical-align: middle; width: 50%;  height: 130px; }
.wrap-middle-banner .box-info {display: inline-block; vertical-align: middle; text-align: left;}
.wrap-middle-banner .section1 {position: relative;}
.wrap-middle-banner .section1:after {content: ''; position: absolute; right: 0; top: 35px; width: 1px; height: 60px; background: rgba(255,255,255,.2);}
.wrap-middle-banner .info1 {padding-left: 160px; background: url('/images/knou/main/icon-middle-lecture.png') no-repeat left center;}
.wrap-middle-banner .info1 p {font-family: 'Noto Regular'; font-size: 20px; color: #141414;}
.wrap-middle-banner .info1 strong {font-family: 'Mont SemiBold'; font-size: 40px; line-height: 1.1; letter-spacing: 0; color: #034289;}
.wrap-middle-banner .info2 {padding-left: 30px;}
.wrap-middle-banner .info2 p {font-size: 18px; line-height: 1.3; color: #333;}
.wrap-middle-banner .info2 strong {display: block; padding-bottom: 5px; margin-top: -9px; font-family: 'Noto Regular'; font-size: 18px; color: #df6001;}
.wrap-middle-banner .info3 {padding: 6px 0 10px 110px; margin-left: 50px;}
.wrap-middle-banner .info3 p {font-family: 'Noto Regular'; font-size: 20px; color: #141414;}
.wrap-middle-banner .info3 {background: url('/images/knou/main/icon-middle-banner.png') no-repeat left center;}
.wrap-middle-banner .info3 strong {font-family: 'Noto Bold'; font-size: 30px; line-height: 1.3; color: #034289;}
.wrap-middle-banner .info4 {padding-left: 45px;}
.wrap-middle-banner .info4 a {background: #ff6d00 url('/images/knou/main/btn-middle-banner.png') no-repeat right center; padding: 14px 60px 14px 30px; border-radius: 100px; font-family: 'Noto Regular'; font-size: 18px; color: #fff;}
.wrap-middle-banner .prevnext {position: absolute; top: 50%; width: 100%; z-index: 10;}
.wrap-middle-banner button {position: absolute; width: 31px; height: 61px; transform: translate(0, -50%); background: url('/images/knou/main/arrow-middle-banner.png') no-repeat; text-indent: -99999px;}
.wrap-middle-banner .prev {left: -100px; background-position: left top; transition: .4s;}
.wrap-middle-banner .prev:hover {background-position: right top;}
.wrap-middle-banner .next {right: -100px; background-position: left bottom; transition: .4s;}
.wrap-middle-banner .next:hover {background-position: right bottom;}

@media all and (max-width: 1630px) {
    .wrap-middle-banner .prev {left: 5px;}
    .wrap-middle-banner .next {right: 5px;}
    .wrap-middle-banner .slider {padding: 0 50px;}
    .wrap-middle-banner .slider li img {width: 100%;}
}

@media all and (max-width: 1400px) {
    .wrap-middle-banner .container {padding: 0;}
}

@media all and (max-width: 760px) {
    .wrap-middle-banner .section1 {width: 100%; padding: 0 30px;}
    .wrap-middle-banner .section2 {display: none;}
    .wrap-middle-banner .info2 {padding-left: 20px;}
    .wrap-middle-banner .prev {left: 9px;}
    .wrap-middle-banner .next {right: 9px;}
    .wrap-middle-banner .slider li {padding: 0 20px;}
}

@media all and (max-width: 501px) {
    #multipleDiv_knou_34 {left: 0; opacity: 1; }
    .wrap-middle-banner .container {padding: 0;}
    .wrap-middle-banner .prevnext {display: none; width: 15px; height: 30px; background-image: url('/images/knou/main/arrow-middle-banner-resize.png');}
    .wrap-middle-banner .control {text-align:center; position:absolute; width: 100%; bottom: 3px; right:0; z-index:1; font-size: 0;}
    .wrap-middle-banner .control .paging {display:inline-block; font-size: 0;}
    .wrap-middle-banner .control .paging ul {display:inline-block; font-size: 0;}
    .wrap-middle-banner .control .paging li {float:left; margin:0 2px;}
    .wrap-middle-banner .control .paging li.slick-active button {background: #3f81fa; position:relative;}
    .wrap-middle-banner .control .paging li button {width:7px; height:7px; background: #999; font-size: 0;  border-radius: 100%; text-indent:-9999px;}
    .wrap-middle-banner .slider li {padding: 0 10px;}
}

#multipleDiv_knou_28 {position: relative; opacity: 0; right: 50%; overflow: hidden;  transition: opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1) , right 0.7s cubic-bezier(0.7, 0, 0.3, 1) , max-height 0.7s cubic-bezier(0.7, 0, 0.3, 1);}
#multipleDiv_knou_28.on {right: 0; opacity: 1; }
#multipleDiv_knou_28 #multipleContentsDiv_knou_28 {overflow: hidden; width: 100%; max-width: 1400px; margin: 0 auto;}
.wrap-sns {position: relative;}
.box-sns {padding: 30px 30px 0 0;}
.wrap-link {position: relative;}
.box-link {overflow: hidden; position: relative; padding: 107px 0 50px 30px;}

.wrap-sns .title {position: absolute; left: 0; top: 31px; font-family: 'Mont ExtraLight'; font-size: 30px;}
.wrap-sns .title strong {font-family: 'Mont SemiBold';}
.wrap-sns .con {position: relative; text-align: right;}
.wrap-sns .con > ul {font-size: 0;}
.wrap-sns .con > ul > li {display: inline-block; width: 100%;}
.wrap-sns .desc {display: none; width: 100%; margin-top: 77px; margin-bottom: 50px; text-align: left;}
.wrap-sns .on .desc {display: block;}
.wrap-sns .list {position: relative;}
.wrap-sns .list ul {display: inline-block; width: 104%; margin-left: -2%;}
.wrap-sns .list ul li {position: relative; float: left; padding: 0 1.4%;}
.wrap-sns .list ul li:last-child {float: right;}
.wrap-sns .list a {position: relative; display: block;}
.wrap-sns .list a.left {margin-right: 15px;}
.wrap-sns .list a.right {margin-left: 15px;}
.wrap-sns .list a:focus .layer,
.wrap-sns .list a:hover .layer {opacity: 1; transition: .4s;}
.wrap-sns .list .layer {opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.wrap-sns .list .layer.fb {background: rgba(46,91,182,.9)}
.wrap-sns .list .box-vertical {display: table; width: 100%; height: 100%;}
.wrap-sns .list .vertical {display: table-cell; vertical-align: middle; text-align: center; color: #fff;}
.wrap-sns .list .vertical .subject {display: block; margin-bottom: 32px; padding: 0 30px; font-family: 'Noto Medium'; line-height: 1.2; font-size: 18px; color: #fff;}
.wrap-sns .list .vertical .social {padding: 14px 55px 14px 30px; background: url('/images/knou/main/arrow-sns.png') no-repeat right center;  border: 1px solid rgba(255,255,255,.4); border-radius: 100px; font-family: 'Mont Medium'; letter-spacing: 0; font-size: 12px;}
.wrap-sns .list .prevnext {display: none; position: absolute; top: 50%; z-index: 10; width: 25px; height: 42px; text-indent: -99999px; transform: translate(0, -50%)}
.wrap-sns .list .prev {left: 0; background: url('/images/knou/main/arrow-sns-prev.png') no-repeat left center;}
.wrap-sns .list .next {right: 0; background: url('/images/knou/main/arrow-sns-next.png') no-repeat left center;}
/*.wrap-sns .tab {position: absolute; top: 12px; width: 40px; height: 40px; background: url('/images/knou/main/btn-sns.jpg') no-repeat; text-indent: -99999px; transition: 0.4s}*/
.wrap-sns .tab {position: absolute; top: 12px; width: 40px; height: 40px; background: url('/sites/knou/images/btn-sns-new.jpg') no-repeat; text-indent: -99999px; transition: 0.4s}
.wrap-sns .tab.fb {background-position: 0 0; right: 180px;}
.wrap-sns .tab.ts {background-position: -40px 0; right: 135px;}
.wrap-sns .tab.is {background-position: -80px 0; right: 90px;}
.wrap-sns .tab.na {background-position: -120px 0; right: 45px;}
.wrap-sns .tab.yt {background-position: -160px 0; right: 0;}
.wrap-sns .tab.fb:hover {background-position: 0 bottom;}
.wrap-sns .tab.ts:hover {background-position: -40px bottom;}
.wrap-sns .tab.is:hover {background-position: -80px bottom;}
.wrap-sns .tab.na:hover {background-position: -120px bottom;}
.wrap-sns .tab.yt:hover {background-position: -160px bottom;}

/* 230816 추가수정*/
.wrap-sns .tab.yt_new{background-position: 0 0; right: 157px;}
.wrap-sns .tab.is_new{background-position: -40px 0; right: 112px;}
.wrap-sns .tab.fb_new{background-position: -80px 0; right: 67px;}
.wrap-sns .tab.na_new{background-position:-120px 0; right: 22px;}

.wrap-sns .tab.yt_new:hover {background-position: 0 bottom;}
.wrap-sns .tab.is_new:hover {background-position: -40px bottom;}
.wrap-sns .tab.fb_new:hover {background-position: -80px bottom;}
.wrap-sns .tab.na_new:hover {background-position:-120px bottom;}


@media all and (max-width: 1400px) {
    .wrap-sns .title {left: 20px; }
    .box-sns {padding-left: 20px;}
}

@media all and (max-width: 760px) {
	.wrap-sns {padding: 0 45px 0 45px;}
	.wrap-sns .title {left: 45px;}
	.box-sns {padding: 30px 0 0 0;}
	.wrap-sns .list a.left {margin-right: 10px;}
	.wrap-sns .list a.right {margin-left: 10px;}
	.wrap-sns .desc {margin-bottom: 25px;}
	.wrap-sns .list ul li img {width: 100%;}
	.wrap-sns .list ul li {padding: 0 0.5%;}
	.wrap-sns .list .prev {left: -36px;}
	.wrap-sns .list .next {right: -36px;}
	.wrap-sns .control {text-align:center; position:absolute; width: 100%; bottom: -25px; right:0; z-index:1; font-size: 0;}
	.wrap-sns .control .paging {display:inline-block; font-size: 0;}
	.wrap-sns .control .paging ul {display:inline-block; font-size: 0;}
	.wrap-sns .control .paging li {float:left; margin:0 5px;}
	.wrap-sns .control .paging li.slick-active button {background: #3f81fa; position:relative;}
	.wrap-sns .control .paging li button {width:10px; height:10px; background: #999; font-size: 0;  border-radius: 100%; text-indent:-9999px;}
}

@media all and (max-width: 501px) {
    .wrap-sns {padding: 0 25px;}
    .wrap-sns .title {left: 25px; top: 20px; font-size: 24px;}
   /*  .wrap-sns .tab {width: 34px; height: 34px; background: url(/images/knou/main/btn-sns-resize.jpg) no-repeat;;}*/
     .wrap-sns .tab {width: 34px; height: 34px; background: url(/sites/knou/images/btn-sns-new-resize.jpg) no-repeat;}
    .wrap-sns .tab.fb {background-position: 0 0; right: 161px;}
    .wrap-sns .tab.ts {background-position: -34px 0; right: 120px;}
    .wrap-sns .tab.is {background-position: -68px  0; right: 80px;}
    .wrap-sns .tab.na {background-position: -102px  0; right: 40px;}
    .wrap-sns .tab.yt {background-position: -136px  0; right: 0;}
    .wrap-sns .tab.fb:hover {background-position: 0 bottom;}
    .wrap-sns .tab.ts:hover {background-position: -34px bottom;}
    .wrap-sns .tab.is:hover {background-position: -68px  bottom;}
    .wrap-sns .tab.na:hover {background-position: -102px  bottom;}
    .wrap-sns .tab.yt:hover {background-position: -136px  bottom;}
  
  /* 230816 추가수정*/
 .wrap-sns .tab.yt_new{background-position: 0 0; right: 160px;}
.wrap-sns .tab.is_new{background-position: -34px 0; right: 115px;}
.wrap-sns .tab.fb_new{background-position: -68px 0; right: 70px;}
.wrap-sns .tab.na_new{background-position:-102px 0; right: 25px;}

.wrap-sns .tab.yt_new:hover {background-position: 0 bottom;}
.wrap-sns .tab.is_new:hover {background-position: -34px bottom;}
.wrap-sns .tab.fb_new:hover {background-position: -68px bottom;}
.wrap-sns .tab.na_new:hover {background-position:-102px bottom;}
 
  
  
  
    .box-sns {padding: 16px 0 0 0;}
    .wrap-sns .list a.left {margin-right: 0;}
    .wrap-sns .list a.right {margin-left: 0;}
    .wrap-sns .list .prev {display: none !important; left: 10px;}
    .wrap-sns .list .next {display: none !important; right: 10px;}
    .wrap-sns .list .vertical .subject {margin-bottom: 15px; font-size: 15px;}
    .wrap-sns .desc {margin-top: 75px;}
    #multipleDiv_knou_28 {right: 0; opacity: 1; }
}

.wrap-link .link {position: relative; float: left; width: 48.1%; text-align: center;}
.wrap-link .link a {display: block;}
.wrap-link .link.link2 {float: right; width: 48.1%;}
.wrap-link .link .btn-link {position: absolute; left: 0; bottom: 12%; width: 100%; text-align: center;}
.wrap-link .link .btn-link a { display: inline-block; padding: 10px 19%; border-radius: 100px; font-family: 'Noto Medium'; font-size: 14px; color: #fff;}
.wrap-link .link.link1 .btn-link a {background: #18386c;}
.wrap-link .link.link1 .btn-link  a:hover {background: #2353a1;}
.wrap-link .link.link1 .img img {border: 1px solid #d0d0d0;}
.wrap-link .link.link2 .btn-link  a {background: /*#13accf;*/#1464C3;}
.wrap-link .link.link2 .btn-link  a:hover {background: /*#15c2e9;*/#2b83eb; }   

.wrap-link .link.link2 .img img {border: 1px solid #d0d0d0;}

@media all and (max-width: 1400px) {
    .box-link {padding-right: 20px;}
}

@media all and (max-width: 760px) {
    .wrap-link {margin-top: 25px; }
    .box-link {padding: 0 45px;}
    .wrap-link .link.link1 {padding-right: 1.5%; width: 50%;}
    .wrap-link .link.link1 a {margin-right: 0;}
    .wrap-link .link.link1 img {width: 100%;}
    .wrap-link .link.link2 img {width: 100%;}
    .wrap-link .link.link2 {padding-left: 1.5%; width: 50%;}
}

@media all and (max-width: 501px) {
    .wrap-link {margin-top: 30px;}
    .box-link {padding: 0 25px;}
    .wrap-link .link .btn-link {bottom: 20px;}
    .wrap-link .link .btn-link a {padding: 10px 34px;}
}

#multipleDiv_knou_43 {position: relative; opacity: 0; left: 50%; overflow: hidden;  transition: opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1) , left 0.7s cubic-bezier(0.7, 0, 0.3, 1) , max-height 0.7s cubic-bezier(0.7, 0, 0.3, 1);}
#multipleDiv_knou_43.on {left: 0; opacity: 1; }
.wrap-event-banner {position: relative; margin:0 0 50px 0}
.wrap-event-banner.none {margin: 0px;}
.wrap-event-banner:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/images/knou/main/pattern-black.png');}
.wrap-event-banner .container {position: relative;}
.wrap-event-banner .slider {position: relative; z-index: 1;}
.wrap-event-banner .slider li .container {display: table; width: 100%;}
.wrap-event-banner .slider .event {display: table-cell; height: 270px; vertical-align: middle; text-align: center;}
.wrap-event-banner .small-text {font-family: 'Dream Light'; font-size: 28px; color: #fff;}
.wrap-event-banner .big-text {margin-bottom: 22px; font-family: 'Dream ExtraBold'; font-size: 30px; line-height: 1.3; color: #fff;}
.wrap-event-banner .more {display: inline-block; width: 80px; height: 80px; background: rgba(255,255,255,.13); border: 1px solid #fff;  border-radius: 100%; font-size: 14px; font-family: 'Mont Regular'; line-height: 80px; color: #fff;}
.wrap-event-banner .more:hover {background: rgba(255,255,255,.5);}
.wrap-event-banner .prevnext {position: absolute; left: 0; top: 50%; width: 100%; }
.wrap-event-banner .arrow {position: absolute; top: 50%; z-index: 100;  width: 31px; height: 61px; transform: translate(0, -50%); background: url('/images/knou/main/arrow-event-banner.png') no-repeat; text-indent: -99999px;}
.wrap-event-banner .prev {left: -100px; background-position: left top; transition: .4s;}
.wrap-event-banner .prev:hover {background-position: right top;}
.wrap-event-banner .next {right: -100px; background-position: left bottom; transition: .4s;}
.wrap-event-banner .next:hover {background-position: right bottom;}

@media all and (max-width: 1630px) {
    .wrap-event-banner .prev {left: 5px;}
    .wrap-event-banner .next {right: 5px;}
}

@media all and (max-width: 760px) {
  .wrap-event-banner {margin: 35px 0 0 0;}
  .wrap-event-banner .small-text {font-size: 20px;}
  .wrap-event-banner .big-text {font-size: 22px;}
}

@media all and (max-width: 501px) {
    #multipleDiv_knou_43 {left: 0; opacity: 1; }
}

#multipleDiv_knou_52 {position: relative; opacity: 0; right: 50%; overflow: hidden;  transition: opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1) , right 0.7s cubic-bezier(0.7, 0, 0.3, 1) , max-height 0.7s cubic-bezier(0.7, 0, 0.3, 1);}
#multipleDiv_knou_52.on {right: 0; opacity: 1; }
#multipleDiv_knou_52 {padding: 0 0 50px 0;}
#multipleDiv_knou_52 #multipleContentsDiv_knou_52 {overflow: hidden; width: 100%; max-width: 1400px; margin: 0 auto;  border-top: 1px solid #1b60c6; border-bottom: 1px solid #1b60c6; border-right: 1px solid #1b60c6;}
.wrap-local {position: relative; background: #3673cd url('/images/knou/main/bg-campus.png') no-repeat left center;}
.wrap-local li {padding: 27px 30px 25px 30px; background-repeat: no-repeat !important;}
.wrap-local .local1 {background: url('/images/knou/main/map-local1.png') right center;}
.wrap-local .local2 {background: url('/images/knou/main/map-local2.png') right center;}
.wrap-local .local3 {background: url('/images/knou/main/map-local3.png') right center;}
.wrap-local .local4 {background: url('/images/knou/main/map-local4.png') right center;}
.wrap-local .local5 {background: url('/images/knou/main/map-local5.png') right center;}
.wrap-local .local6 {background: url('/images/knou/main/map-local6.png') right center;}
.wrap-local .local7 {background: url('/images/knou/main/map-local7.png') right center;}
.wrap-local .local8 {background: url('/images/knou/main/map-local8.png') right center;}
.wrap-local .local9 {background: url('/images/knou/main/map-local9.png') right center;}
.wrap-local .local10 {background: url('/images/knou/main/map-local10.png') right center;}
.wrap-local .local11 {background: url('/images/knou/main/map-local11.png') right center;}
.wrap-local .local12 {background: url('/images/knou/main/map-local12.png') right center;}
.wrap-local .local13 {background: url('/images/knou/main/map-local13.png') right center;}
.wrap-local .title {margin-bottom: 8px;}
.wrap-local .title span {display: block; font-family: 'Mont Light'; font-size: 14px; letter-spacing: 0; color: #fff;}
.wrap-local .title strong {display: block; font-family: 'Noto Regular'; font-size: 25px; line-height: 1.2; color: #fff;}
.wrap-local .name {margin-bottom: 11px;}
.wrap-local .name strong {position: relative; padding-left: 15px; padding-right: 40px; background: url('/images/knou/main/icon-local-home.png') no-repeat right center; font-family: 'Noto Bold'; font-size: 30px; color: #01e1fc;}
.wrap-local .name strong:after {content: ''; position: absolute; left: 0; top: 11px; width: 4px; height: 27px; background: #01e1fc;}
.wrap-local .name a {display: inline-block;}
.wrap-local .info .tel {padding-left: 30px; background: url('/images/knou/main/icon-local-tel.png') no-repeat left center; font-family: 'Mont SemiBold'; font-size: 26px; color: #fff;}
.wrap-local .info .tel a {color: #fff;}
.wrap-local .info .location {padding-left: 30px; background: url('/images/knou/main/icon-local-location.png') no-repeat left center; font-family: 'Noto Light'; font-size: 16px; color: #fff; letter-spacing: 0;}
.wrap-local .count {display: inline-block; margin-right: 20px;  vertical-align: middle;  font-size: 0;}
.wrap-local .count span {font-family: 'Mont Medium'; font-size: 14px; color: #fff;}
.wrap-local .count .now {position: relative; padding-right: 24px;}
.wrap-local .count .now:after {content: '/'; position: absolute; right: 9px; top: 0; font-size: 14px; color: #748399;}
.wrap-local .count .total {color: #748399;}
.wrap-local .control {position: absolute; right: 0; bottom: 0; min-width:145px; padding: 7px 10px 8px 0; border-radius:100px 0 0  100px; background: rgba(38,41,46,.8); text-align: right;}
.wrap-local .control button {position: relative; top: -1px; display: inline-block; width: 10px; height: 16px; background: url('/images/knou/main/arrow-local.png'); vertical-align: middle; text-indent: -9999px;}
.wrap-local .control .prev {background-position: 0 0;}
.wrap-local .control .next {background-position: 0 -16px;}
.wrap-local .control .play {display: none; background-position: -10px -32px; margin: 0 6px;}
.wrap-local .control .stop {display: none; background-position: 0 -32px; margin: 0 6px;}
.wrap-local .control .play.on,
.wrap-local .control .stop.on {display: inline-block;}

@media all and (max-width: 1400px) {
    #multipleDiv_knou_52 {padding: 0 20px 50px 20px;}
    .wrap-local li {background: none !important;}
}

@media all and (max-width: 760px) {
  #multipleDiv_knou_52 #multipleContentsDiv_knou_52 {border-right: 0px;}
    #multipleDiv_knou_52 {padding: 40px 45px;}
}

@media all and (max-width: 570px) {
  .wrap-local li {padding-bottom: 55px}
}

@media all and (max-width: 501px) {
    #multipleDiv_knou_52 {padding: 35px 25px;}
    #multipleDiv_knou_52 #multipleContentsDiv_knou_52 {border: 0}
    #multipleDiv_knou_52 {right: 0; opacity: 1; }
    .wrap-local .info .tel {padding-left: 25px;}
    .wrap-local .info .location {padding-left: 25px; background-position: 2px  center;}
}

.wrap-outlink {padding: 10px 30px; }
.wrap-outlink ul {display: inline-block; width: 100%;}
/*.wrap-outlink li {float: left; width: 33.333%; padding: 15px 20px;}*/
.wrap-outlink li {float: left; width: 33.333%; padding: 25px 20px;}
.wrap-outlink li a {display: table; width: 100%; table-layout: fixed}
.wrap-outlink li .icon,
.wrap-outlink li .text {display: table-cell; vertical-align: middle;}
.wrap-outlink li .icon {width: 84px; padding-right: 11px;}
.wrap-outlink li .text {font-family: 'Noto Regular'; font-size: 16px; color: #414141;}
.wrap-outlink li .text span {position: relative; line-height: 1.2;}
.wrap-outlink li .text span:after {content: ''; position: absolute; left: 0; bottom: -6px; width: 0; height: 1px; background: #636363; transition: 0s;}
.wrap-outlink li .text span br {display: none;}
.wrap-outlink li a:hover .text span:after {width: 100%; transition: .4s;}

/*링크 추가 수정(20220225)*/
.outlink-li2{width: 25% !important;}
.outlink-li2 .icon{width: 50px !important; paddin-right: 8px !important;}

@media all and (max-width: 1400px) {
    .wrap-outlink li .icon {width: 71px;}
    .wrap-outlink li {padding: 21px 0;}
    .wrap-outlink li .text {font-size: 14px;}
    .wrap-outlink li .text span {overflow: hidden;  display: inline-block; width: 100%; white-space: nowrap; text-overflow: ellipsis;}
}

@media all and (max-width: 1200px) {
    .wrap-outlink {padding: 12px 30px;}
    .wrap-outlink li {width: 50%; padding: 4px 0;}
}

@media all and (max-width: 760px) {
    .wrap-outlink {padding: 10px 20px;}
    .wrap-outlink li {padding: 15px 0; width: 50%;}
    .wrap-outlink li .text {font-size: 16px;}
    .wrap-outlink li .text span br {display: block}
}

@media all and (max-width: 501px) {
    .wrap-outlink {padding: 0;}
    .wrap-outlink li {position: relative; width: 33.333%; padding-bottom: 10px; padding-top: 20px; text-align: center;}
    .wrap-outlink li:after {content: ''; position: absolute; right: 0; top: 35px; width: 1px; height: 50px; background: #e7e7e7; }
    .wrap-outlink li:nth-child(3n):after {display: none;}
    .wrap-outlink li .icon,
    .wrap-outlink li .text {display: block; padding-top: 5px; font-size: 16px;}
    .wrap-outlink li .text span br {display: none;}
    .wrap-outlink li a {display: inline-block;}
    .wrap-outlink li .icon {width: 100%; padding: 0 28px;}
}

.wrap-fund {padding: 26px 35px 46px 35px; background: #f0f5f6 url('/images/knou/main/icon-move.png') no-repeat right bottom;}
.wrap-fund strong {display: inline-block; padding-bottom: 10px; font-family: 'Noto Bold'; font-size: 25px; color: #373737;}
.wrap-fund p {overflow: hidden; height: 86px; padding-bottom: 14px; font-family: 'Noto Light'; font-size: 16px; color: #666;}
.wrap-fund a {position: relative; padding-right: 20px; background: url('/images/knou/main/arrow-fund.png') no-repeat right center; font-family: 'Noto Light'; font-size: 15px; color: #373737;}
.wrap-fund a:after {content: ''; position: absolute; left: 0; bottom: -4px; width: 0; height: 1px; background: #666;  transition: 0s;}
.wrap-fund a:hover:after {width: 100%;  transition: .4s;}

@media all and (max-width: 940px) {
    .wrap-fund p {font-size: 14px ;}
}

@media all and (max-width: 760px) {
    .wrap-fund p {font-size: 16px ;}
}

@media all and (max-width: 501px) {
    .wrap-fund {padding: 21px 27px 26px 27px; background-color: #fff; border: 1px solid #d2d2d2;}
    .wrap-fund p {height: auto; padding-right: 110px;}
    .wrap-fund p br {display: none;}
}

/*50주년 로고 메뉴로 추가(20210614)*/
#top_k2wiz_GNB_8040{
color: transparent;
background:url(https://www.knou.ac.kr/sites/50th/images/main_navi_50th.png) no-repeat center;
}



/*웹접근성 색상대비 변경 배포형팝업*/
.wrap-pop { background: #0caa48/*#34b766*/!important;}



/*동영상 버튼230508*/
.knou-video-btn{ position: absolute; padding: 0; border: 0; margin: 0; display: inline-block;z-index: 999;text-indent: -9999px;bottom:20%;  right:20%; background: url("/sites/knou/images/knou-visual-control.png") left top/auto 45px no-repeat; width: 45px; height: 45px;transition: opacity 0.3s ease!important;  } 
.knou-video-btn-stop { position: absolute; padding: 0; border: 0; margin: 0;  display: inline-block;z-index: 999;text-indent: -9999px;bottom:20%;  right:20%; background: url("/sites/knou/images/knou-visual-control.png") right top/auto 45px no-repeat; width: 45px; height: 45px; transition: opacity 0.3s ease!important; } 

#menu1_obj36779 {margin:-7% 0 0 0 !important;}

@media (max-width: 760px) {
#menu1_obj36779 {margin:0 !important;}
}
/*동영상 영역 감추기*/
#menu1_obj36233{ display: none;}

#menu1_obj39692{ display: none;}








/*예비대학 추가250304*/
.pre_U_A{display: inline-block;
    font-size: 18px;
    width: 80px;
    line-height: 1.1;
    padding: 37px 15px;
    text-align: center;
    background:#1c3d8d;
    float: right;
    margin-top: -109px;
    color: #fff;
}
@media all and (max-width:1400px) {
.pre_U_A{display:none;}

}
.pre_U_M{

   display: inline-block;
    font-size: 15px;
    width: 100%;
    line-height: 1.2;
    padding: 15px;
    text-align: center;
    background:#1c3d8d;
    color: #fff;
}

@media all and (min-width:1399px) {
.pre_U_M{display:none;}

}

@media all and (max-width:760px) {
  .pre_U_M{ padding: 7px;}
.pre_U_M img{ width: 9%;}

}

@media all and (max-width:500px) {
  .pre_U_M{ padding: 5px;}
/*.pre_U_M img{ width: 9%;}*/

}