@charset "UTF-8";
#_contentBuilder{padding-top:571px;}
@media all and (max-width:768px){
	#_contentBuilder{padding-top:370px;}
}

/*비주얼*/
#multipleDiv_templet_03_9{position:fixed;width:100%;height:100%;top:130px;left:0;}
@media all and (max-width:1400px){
	#multipleDiv_templet_03_9{top:113px;}
}
@media all and (max-width:500px){
	#multipleDiv_templet_03_9{top:96px;}
}

/*비주얼슬로건*/
#multipleDiv_templet_03_10{position:absolute;top:115px;left:0;width:100%;}
.main-visual-slogan{max-width:1400px;margin: 0 auto;}
.main-visual-slogan p{color:#2a81fc;line-height:1.2;display:inline-block;position:relative;padding-left:40px;text-shadow:0 0 8px #000;}
.main-visual-slogan .p_1{font-size:48px;padding-top:140px;font-family:'Dream Light';}
.main-visual-slogan .p_1 span{display:block;font-family:'Dream ExtraBold';}
.main-visual-slogan .p_2{font-size:28px;padding-top:20px;padding-bottom:80px;color:#FFF;}
.main-visual-slogan p:before,
.main-visual-slogan p:after{content:"";display:block;width:86px;height:86px;position:absolute;background:url(/images/templet_03/main/main_slogan_bg.png) no-repeat;}
.main-visual-slogan .p_1:before{top:100px;left:0;}
.main-visual-slogan .p_1:after{top:100px;left:950px;transform:rotate(90deg);}
.main-visual-slogan .p_2:before{bottom:0;left:0;transform:rotate(270deg);}
.main-visual-slogan .p_2:after{bottom:0;left:950px;transform:rotate(180deg);}
@media all and (max-width:1400px){
	.main-visual-slogan{max-width:96%;}
}
@media all and (max-width:768px){
	#multipleDiv_templet_03_10{top:70px;}
	.main-visual-slogan p{padding-left:20px;}
	.main-visual-slogan .p_1{font-size:20px;padding-top:20px;}
	.main-visual-slogan .p_2{font-size:30px;padding-bottom:60px;}
	.main-visual-slogan p:before,
	.main-visual-slogan p:after{width:46px;height:46px;}
	.main-visual-slogan .p_1:after,
	.main-visual-slogan .p_2:after{left:300px;}
}
@media all and (max-width:480px){
	.main-visual-slogan p:before,
	.main-visual-slogan p:after{display:none;}
}

/*컨텐츠공통*/
#multipleContentsDiv_templet_03_11,
#multipleContentsDiv_templet_03_12,
#multipleContentsDiv_templet_03_13,
#multipleContentsDiv_templet_03_14{max-width:1400px;margin:0 auto;overflow:hidden;}
@media all and (max-width:1400px){
	#multipleContentsDiv_templet_03_11,
	#multipleContentsDiv_templet_03_12,
	#multipleContentsDiv_templet_03_13{max-width:96%;}
	#multipleContentsDiv_templet_03_14{max-width:100%;}
}

/*공지사항*/
#multipleDiv_templet_03_11{padding:50px 0 75px 0;}
#multipleDiv_templet_03_11:before,
#multipleDiv_templet_03_11:after{content:"";display:block;width:50%;height:100%;position:absolute;top:0;}
#multipleDiv_templet_03_11:before{left:0;background:#d8e0ec;}
/*#multipleDiv_templet_03_11:after{right:0;background:url(/images/templet_03/main/main_rct_bg.jpg) no-repeat center;background-size:cover;}*/
#multipleDiv_templet_03_11:after{right:0;background:#d7d7d7;}
#multipleContentsDiv_templet_03_11{z-index:1;}
@media all and (max-width:768px){
	#multipleDiv_templet_03_11{padding:30px 0;}
	#multipleDiv_templet_03_11:before{width:100%;}
	#multipleDiv_templet_03_11:after{display:none;}
}

/*한국방송통신대학교프라임 칼리지공개강좌운영*/
#multipleDiv_templet_03_12{padding:95px 0;background:#FFF;}
@media all and (max-width:768px){
	#multipleDiv_templet_03_12{padding:30px 0;}
}

/*바로가기*/
#multipleDiv_templet_03_13{padding:75px 0 65px 0;background:#f1f1f1;}
#multipleDiv_templet_03_13 h3{font-family:'Noto Bold';font-size:45px;text-align:center;margin-bottom:45px;}
#multipleDiv_templet_03_13 h3 span i{position:relative;z-index:1;}
#multipleDiv_templet_03_13 h3 span{display:inline-block;position:relative;padding:0 15px;}
#multipleDiv_templet_03_13 h3 span:before,
#multipleDiv_templet_03_13 h3 span:after{content:"";display:block;width:70%;position:absolute;bottom:0;}
#multipleDiv_templet_03_13 h3 span:before{border-bottom:25px solid #18b6ff;border-left:25px solid transparent;border-right:0 solid transparent;left:0;}
#multipleDiv_templet_03_13 h3 span:after{border-top:25px solid #18b6ff;border-left:0 solid transparent;border-right:25px solid transparent;right:0;}
.link{display:flex;flex-wrap:wrap;justify-content:space-between;}
.link li{width:24%;margin:0.5% 0;border:1px solid #ced4dd;background:#FFF;}
.link li a{display:table-cell;vertical-align:middle;box-sizing:border-box;height:130px;font-size:23px;line-height:1.2;position:relative;padding:0 20px 0 110px;}
.link li a span{display:inline-block;}
.link li a span:before{content:"";display:block;width:60px;height:60px;position:absolute;top:calc(50% - 30px);left:30px;}
.link li.li_1 a span:before{background:url(/images/templet_03/main/icon_1.png);}
.link li.li_2 a span:before{background:url(/images/templet_03/main/icon_2.png);}
.link li.li_3 a span:before{background:url(/images/templet_03/main/icon_3.png);}
.link li.li_4 a span:before{background:url(/images/templet_03/main/icon_4.png);}
.link li.li_5 a span:before{background:url(/images/templet_03/main/icon_5.png);}
.link li.li_6 a span:before{background:url(/images/templet_03/main/icon_6.png);}
.link li.li_7 a span:before{background:url(/images/templet_03/main/icon_7.png);}
.link li.li_8 a span:before{background:url(/images/templet_03/main/icon_8.png);}
@media all and (min-width:1025px){
	.link li a:hover{color:#0767de;}
	.link li a:hover span:before{transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
}
@media all and (max-width:1024px){
	#multipleDiv_templet_03_13 h3{font-size:35px;margin-bottom:35px;}
	#multipleDiv_templet_03_13 h3 span:before{border-bottom-width:20px;}
	#multipleDiv_templet_03_13 h3 span:after{border-top-width:20px;}
	.link li a{display:block;height:auto;font-size:18px;padding:20px;text-align:center;}
	.link li a span:before{width:40px;height:40px;position:relative;top:auto;left:auto;background-size:100% !important;margin: 0 auto 10px auto;}
}
@media all and (max-width:768px){
	#multipleDiv_templet_03_13{padding:30px 0;}
	#multipleDiv_templet_03_13 h3{font-size:25px;margin-bottom:25px;}
	#multipleDiv_templet_03_13 h3 span:before{border-bottom-width:15px;}
	#multipleDiv_templet_03_13 h3 span:after{border-top-width:15px;}
	.link li a{font-size:16px;padding:15px;}
	.link li a span:before{width:30px;height:30px;}
}
@media all and (max-width:420px){
	.link li{width:49%;}
}
@media all and (max-width:280px){
	.link li{width:100%;}
	.link li a span:before{display:none;}
}

/*바로가기2*/
#multipleDiv_templet_03_14{}
#multipleDiv_templet_03_14:before,
#multipleDiv_templet_03_14:after{content:"";display:block;width:50%;height:100%;position:absolute;top:0;}
/*#multipleDiv_templet_03_14:before{left:0;background:url(/images/templet_03/main/main_ban_bg_1.jpg) no-repeat right center;} */

#multipleDiv_templet_03_14:before{left:0;background:url(/sites/archives/images/main_ban_bg_1.jpg) no-repeat right center;} 
#multipleDiv_templet_03_14:after{right:0;background:url(/sites/archives/images/main_ban_bg_2.jpg) no-repeat right center;}
#multipleContentsDiv_templet_03_14{z-index:1;}
.link_2{display:flex;flex-wrap:wrap;justify-content:space-between;}
.link_2 li{width:50%;}
.link_2 li a{display:block;box-sizing:border-box;min-height:195px;color:#FFF;font-size:28px;font-family:'Noto Medium';text-align:center;position:relative;}
.link_2 li a:before{content:"";display:block;width:370px;height:370px;border-radius:100%;position:absolute;left:50%;margin-left:-185px;}
.link_2 li.li_1 a:before{background:rgba( 43,131,255,0.9 );top:-185px;}
.link_2 li.li_2 a:before{background:rgba( 32,195,248,0.9 );top:10px;}
.link_2 li a div{position:relative;max-width:220px;margin: 0 auto;padding-top:40px;}
.link_2 li a div span{display:block;font-size:18px;font-family:'Noto DemiLight';}
.link_2 li a div:after{content:"";display:inline-block;width:16px;height:9px;background:url(/images/templet_03/common/arrow_6_r_w.png);}
@media all and (max-width:768px){
	#multipleDiv_templet_03_14:before,
	#multipleDiv_templet_03_14:after{display:none;}
	.link_2 li{width:100%;}
	.link_2 li a{min-height:auto;font-size:25px;text-align:left;text-shadow:0 0 10px #000;}
	.link_2 li a:before{display:none;}
	.link_2 li a div{max-width:100%;padding:30px;padding-right:60px;}
	.link_2 li a div span{font-size:15px;}
	.link_2 li a div:after{position:absolute;top:calc(50% - 4.5px);right:30px;}
	.link_2 li.li_1{background:url(/images/templet_03/main/main_ban_bg_1.jpg) no-repeat center;}
	.link_2 li.li_2{background:url(/images/templet_03/main/main_ban_bg_2.jpg) no-repeat center;}
}




/*nkou news / strory  */


/*#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%;}
}