@charset "utf-8";

/*강의맛보기*/
.lectureSample{}
.lectureSample .wrap{position:relative;}
.lectureSample .wrap input[type=button]{display:block;width:50px;height:50px;position:absolute;top:calc(50% - 25px);background:rgba(0,0,0,0.1 ) url(/images/smart/common/arrow_3_r_b.png) no-repeat center;z-index:1;}
.lectureSample .wrap input[type=button].prevPageBtn{left:0;transform:rotate(180deg);}
.lectureSample .wrap input[type=button].nextPageBtn{right:0;}
.lectureSample .wrap input[type=button]:hover{background:rgba(0,0,0,0.3 ) url(/images/smart/common/arrow_3_r_w.png) no-repeat center;cursor:pointer;}
.lectureSample ul{display:flex;flex-wrap:wrap;margin-top:20px;justify-content:center;}
.lectureSample ul li{display:inline-block;vertical-align:top;width:20%;margin-bottom:20px;}
.lectureSample ul li div{border:1px solid #DDD;width:90%;margin: 0 auto;background:#FFF;box-shadow:0 0 5px #EEE;position:relative;height:100%;box-sizing:border-box;}
.lectureSample ul li div img{width:100%;max-height:200px;position:relative;display:inline-block;}
.lectureSample ul li div p{padding:15px 140px 15px 20px;font-size:17px;line-height:1.1;}
.lectureSample ul li div p strong{font-family:'Noto Medium';display:block;color:#2872e1;padding-top:5px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lectureSample ul li div .btn-style{position:absolute !important;bottom:15px;right:0;transform:scale(0.8);}
@media all and (max-width:768px){
  .lectureSample ul li{width:50%;}
}
@media all and (max-width:480px){
  .lectureSample ul li{width:100%;}
  .lectureSample ul li div{box-shadow:0 0 0 #EEE;max-height:180px;overflow:hidden;}
  .lectureSample ul li div .btn-style{position:relative !important;bottom:auto;left:auto;margin-left:0;float:right;}
}

/* 선취업후진학 w-sub.css 서브비쥬얼 */
.wrap-sub-visual { background:url('/images/smart/sub/sub-visual01.jpg'); }								/* 각 프라임칼리지 기본 서브비쥬얼 */
.eQ02 .wrap-sub-visual { background:url('/images/smart/sub/sub-visual02.jpg'); }			/* 입학 */
.eQ03 .wrap-sub-visual { background:url('/images/guide/templet/univ_subject_sub_visual.jpg'); }			/* 내강의실 */
.eQ04 .wrap-sub-visual { background:url('/images/smart/sub/sub-visual03.jpg'); }			/* 학부전공 */
.eQ05 .wrap-sub-visual { background:url('/images/guide/templet/univ_student_sub_visual.jpg'); }			/* 대학생활 */
.eQ06 .wrap-sub-visual { background:url('/images/guide/templet/univ_learning_sub_visual.jpg'); }		/* 학사안내 */
.eQ07 .wrap-sub-visual { background:url('/images/guide/templet/univ_sitemap_sub_visual.jpg'); }			/* 사이트맵 */

/* 대학생활 -> 학습가이드 -> ID등록방법 */
.userRegisterDiv1 { 
  display:none;
}

/* 대학생활 -> 학습가이드 -> ID 등록방법 */
.downSlideToggleContainer ul { padding-bottom:0px !important; }
.downSlideToggleContainer .down { padding-bottom:25px; }
.userRegisterBtn { padding:3px 20px 4px 20px !important; }
.userRegisterBtn::after { conten:""; background:none !important; }
.userRegisterDiv { clear:both; display:none; background-color:#fff; border-radius:1%; border:1px solid #efefef; margin:60px 0 30px 0;  }
.userRegisterDiv ul { padding:20px 30px !important; }
.userRegisterDiv div { padding:20px 30px !important; }
.userRegisterDiv ul li ul { padding:5px 0px !important; }

/*입학신청 버튼 수정*/
.btn-style.round.bgOrange, .btn-style.round.bgSkyBlue, .btn-style.round.bgGray{padding-left:30px;border:0;}
.btn-style.round.bgOrange{padding-left:30px;color:#FFF;background:#fb6717;}
.btn-style.round.bgSkyBlue{padding-left:30px;color:#FFF;background:#56aef0;}
.btn-style.round.bgGray{padding-left:30px;color:#FFF;background:#7b7b7b;}
.btn-style.round.bgOrange:hover, .btn-style.round.bgSkyBlue:hover, .btn-style.round.bgGray:hover{background: #505050;border-color: #3c3c3c;}

/*입학 절차 수정*/
.applyFlow dl dd strong {width: 25%;}

/* 방통대 지역대학 교수소개 */
.expert{display:flex;flex-flow:row wrap; justify-content:space-between; }
.expert .wrap{flex:0 1 100%; padding:20px; min-height:170px; vertical-align:top; background:#f4f5f9; margin-bottom:20px; }

.expert .wrap .itemWrap { display:flex; flex-flow:row wrap; jusify-content:space-between; } 
.expert .wrap .itemWrap .pho { flex:0 0 10%; }
.expert .wrap .itemWrap .pho img { width:100%; }
.expert .wrap .itemWrap .desc { flex:0 0 90%; padding-left:2%; }
.expert .wrap .itemWrap .desc strong { font-size:22px; }
.expert .wrap .itemWrap .desc dl{margin-top:2px; display:table; width:100%;}
.expert .wrap .itemWrap .desc dl:last-child{margin-top:0px;}
.expert .wrap .itemWrap .desc dt{display:table-cell;width:10%; font-weight:bold;}
.expert .wrap .itemWrap .desc dd{display:table-cell; }
 

/* home버튼추가20210406 */
.expert .wrap .itemWrap .btns {float: right; position: absolute; top: 40px; right: 20px;}
.expert .wrap .itemWrap .btn-homepage {display: inline-block;width: 35px;height: 35px;text-indent: -9999px;transition: 0s;}
.expert .wrap .itemWrap .btns .btn-homepage {background: url('/sites/smart/images/ico-util2.png') no-repeat center top; margin-left: 5px;}
.expert .wrap .itemWrap .btns .btn-homepage:hover {background-position:  center bottom;}







/*테이블 반응형 UI 수정 */
@media all and (max-width:960px) {
/*  .wrap-contents .con-table table {width:100% !important;}*/
.wrap-contents .con-table:after {width:auto !important; background:none !important;}
}