@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@600;700&display=swap');

/*컨텐츠공통*/
#multipleContentsDiv_prime_6,
#multipleContentsDiv_prime_7{max-width:1400px;margin: 0 auto;overflow:hidden;position:relative;}
@media all and (max-width:1400px){
	#multipleContentsDiv_prime_6,
	#multipleContentsDiv_prime_7{max-width:96%;}
}

/*2단*/
#multipleDiv_prime_6{background:url(/images/prime/main/con_bg_1.png) center;background-size:cover;padding:60px 0;}
/*공지사항*/#menu2533_obj118{width:45% !important;margin-right:2.5% !important;float:left;}
/*공개강의*/#menu2533_obj718{width:25% !important;margin-right:2.5% !important;float:left;}
/*로그으인*/#menu2533_obj143{width:25% !important;float:right;margin-bottom:15px !important;}
/*포토앨범*/#menu2533_obj955{width:25% !important;float:right;}
.wrap-rct,
.wrap-openLecture{height:470px !important;}
.wrap-mainLogin{height:160px !important;}
.wrap-photoGallery{height:295px !important;}
@media all and (max-width:1024px){
	/*공지사항*/#menu2533_obj118{width:50% !important;}
	/*공개강의*/#menu2533_obj718{width:47.5% !important;float:right;margin-right:0% !important;}
	/*로그으인*/#menu2533_obj143{width:50% !important;float:left;margin-right:2.5% !important;margin-top:2.5% !important;}
	/*포토앨범*/#menu2533_obj955{width:47.5% !important;float:right;margin-top:2.5% !important;}
	.wrap-rct,
	.wrap-openLecture{height:335px !important;}
}
@media all and (max-width:768px){
	#multipleDiv_prime_6{padding:30px 0;}
	/*공지사항*/#menu2533_obj118,
	/*공개강의*/#menu2533_obj718,
	/*로그으인*/#menu2533_obj143,
	/*포토앨범*/#menu2533_obj955{width:100% !important;margin:0 0 10px 0 !important;float:none;}
  /*로그으인*/#menu2533_obj143{display:none;}
	.wrap-rct,
	.wrap-openLecture,
	.wrap-mainLogin,
	.wrap-photoGallery{height:auto !important;}
}
/*로그인박스*/
.wrap-mainLogin{box-sizing:border-box;background:#FFF;padding:20px;}
.wrap-mainLogin p{font-size:21px;font-family:'Noto Regular';color:#252525;text-align:center;padding-bottom:15px;}
.wrap-mainLogin a.a_login{display:block;font-size:18px;font-family:'Noto Regular';color:#FFF;text-align:center;background:#ac1818;padding:10px 0;}
.wrap-mainLogin .goto{overflow:hidden;padding-top:15px;}
.wrap-mainLogin .goto a{display:inline-block;font-size:14px;color:#666;padding-left:20px;float:left;}
.wrap-mainLogin .goto a.a_id{background:url(/images/prime/main/mainLogin_icon_1.png) no-repeat left center;}
.wrap-mainLogin .goto a.a_pw{background:url(/images/prime/main/mainLogin_icon_2.png) no-repeat left center;}
.wrap-mainLogin .goto a.a_join{background:url(/images/prime/main/mainLogin_icon_3.png) no-repeat left center;float:right;}
@media all and (min-width:1025px){
	.wrap-mainLogin a.a_login:hover{background:#52575c;}
	.wrap-mainLogin .goto a:hover{font-family:'Noto Regular';}
}
@media all and (min-width:1025px) and (max-width:1100px){
	.wrap-mainLogin .goto a{background:none !important;padding-left:5px;}
}
@media all and (max-width:280px){
	.wrap-mainLogin .goto a{background:none !important;padding-left:5px;}
}

/*3단*/
#multipleDiv_prime_7{padding:35px 0;}
/*퀵링크*/
.quickLink{display:flex;flex-wrap:wrap;justify-content:space-between;}
.quickLink li{width:20%;}
.quickLink li a{display:block;line-height:1.2;position:relative;padding:25px 10px;text-align:center;font-size:20px;font-family:'Noto Regular';}
.quickLink li a span{display:inline-block;}
.quickLink li a span:before{content:"";display:inline-block;width:81px;height:68px;margin-right:15px;vertical-align:-28px;}
.quickLink li.li_1 a span:before{background:url(/images/prime/main/quick_1.png) no-repeat center top;}
.quickLink li.li_2 a span:before{background:url(/images/prime/main/quick_2.png) no-repeat center top;}
.quickLink li.li_3 a span:before{background:url(/images/prime/main/quick_3.png) no-repeat center top;}
.quickLink li.li_4 a span:before{background:url(/images/prime/main/quick_4.png) no-repeat center top;}
.quickLink li.li_5 a span:before{background:url(/images/prime/main/quick_5.png) no-repeat center top;}
@media all and (min-width:1025px){
	.quickLink li a:hover{color:#000;}
	.quickLink 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:1280px){
	.quickLink li a span:before{display:block;margin:0 auto 10px auto;vertical-align:0;}
}
@media all and (max-width:1024px){
	.quickLink li a{font-size:16px;}
}
@media all and (max-width:768px){
	.quickLink li a{padding:10px;}
	.quickLink li a span:before{margin-bottom:5px;width:100%;height:45px;background-size:45px !important;}
}
@media all and (max-width:480px){
	.quickLink{border-top:1px solid #EEE;}
	.quickLink li{width:100%;}
	.quickLink li a{text-align:left;padding:15px 10px 15px 40px;border-bottom:1px solid #EEE;}
	.quickLink li:last-child a{border:0;}
	.quickLink li a span:before{margin-bottom:0;height:30px;background-size:30px !important;position:absolute;left:0;top:9px;background-position:left center !important;}
}



 /*비주얼이미지 230809*/
 .wrap-visual_new .control {position:absolute; bottom:5px; left:0px; width:100%; z-index:1; text-align:center;}
.wrap-visual_new .control .paging {display:inline-block;}
.wrap-visual_new .control .paging ul {display:inline-block; font-size: 0;}
.wrap-visual_new .control .paging li {float:left; margin:0 3px;}
.wrap-visual_new .control .paging li.slick-active button {background: #0084ff; position:relative;}
.wrap-visual_new .control .paging li button {width:15px; height:15px; background:rgba(0,0,0,.5); border-radius: 100%; text-indent:-9999px;}
.wrap-visual_new .control .playstop {position: relative; top: -1px; display:inline-block; margin:0 0 0 4px; font-size: 0;}
.wrap-visual_new .control .playstop button {display:none; text-indent:-9999px;}
.wrap-visual_new .control .playstop button.on {display:inline-block;}
.wrap-visual_new .control .play {width:10px; height:15px; background:url('/images/knou/main/btn-visual-play.png') no-repeat center center;}
.wrap-visual_new .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_new .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_new .control {bottom: 92px;}
  
}
 

/* 모집과정 텍스트 짤림 */
.wrap-visual .slider li .mark span {
  width: 56px!important;
}

.wrap-visual_new{
padding:30px  0;max-width:1400px;margin: 0 auto;
}


.wrap-visual{ background: url(/sites/prime/images/visual_bg.png) center no-repeat;}


    
/* 원격베너240723 */
#menu2533_obj1896{ 
  z-index: 0 !important;
}

.remote:hover img{ 
    transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
    transform: scale(1.1);
}

.remote_btn  a{
    transform: translate(-50%, -50%);
    position: absolute;
    top: 48%;
    left: 50%;
    background: #ee6910;
    color: #fff;
    border-radius: 50px;
    padding: 8px 30px;
    text-align: center;
    width: 200px;
}

.remote_btn  a:after{
  content: '▶ ';
    font-size: 9px;
    float: right;
    padding-top: 7px;
}
@media all and (max-width:768px) {

    #menu2533_obj1416 {
        width: 100% !important;
        text-align: center;
        padding: 10px;
    }
}

/* menu2533 start */
/*
#menu2533_obj819 { z-index: 0 !important;}
#menu2533_obj1537 {z-index: 0 !important;}
#menu2533_obj118 {z-index: 0 !important;} */
