@charset "utf-8";

/* 종합원격교육연수원  w-sub.css 서브비쥬얼 */
.wrap-sub-visual { background:url('/images/citt/sub/sub-visual01.jpg'); }								/* 각 프라임칼리지 기본 서브비쥬얼 */
.eQ02 .wrap-sub-visual { background:url('/images/guide/templet/univ_subject_sub_visual.jpg'); }						/* 연수안내 */
.eQ03 .wrap-sub-visual { background:url('/images/guide/templet/univ_learning_sub_visual.jpg'); }			/* 연수신청 */
.eQ04 .wrap-sub-visual { background:url('/images/guide/templet/univ_student_sub_visual.jpg'); }			/* 학습지원  */
.eQ05 .wrap-sub-visual { background:url('/images/citt/sub/sub-visual02.jpg'); }			/* 마이페이지 */
.eQ06 .wrap-sub-visual { background:url('/images/guide/templet/univ_sitemap_sub_visual.jpg'); }			/* 사이트맵 */

/* 원격연수원 과정안내*/
.curriculumInfo{display:flex;flex-wrap:wrap;}
.curriculumInfo .wrap{vertical-align:top;background:#f4f5f9;overflow:hidden;width:100%;padding:20px;}
.curriculumInfo .wrap .pho{width:392px;float:left;}
.curriculumInfo .wrap .pho img{max-width:100%;border:2px solid #DDD;border-radius:5px;}
.curriculumInfo .wrap .desc{width:calc(100% - 420px);float:right;}
.curriculumInfo .wrap .desc dl{margin-top:10px;display:table;width:100%;}
.curriculumInfo .wrap .desc dt{display:table-cell;width:12%;font-weight:bold;text-align:center}
.curriculumInfo .wrap .desc dd{display:table-cell;width:88%;margin-left:10px;}
.curriculumInfo .wrap .desc dd:before{content:":";margin-left:10px;margin-right:10px;display:inline-block;}
.curriculumInfo .wrap .desc .btn{margin-top:40px;text-align:right}
@media all and (max-width:980px) {
  .curriculumInfo .wrap .desc dt,
  .curriculumInfo .wrap .desc dd{display:inline;width:auto;}
}
@media all and (max-width:780px) {
	.curriculumInfo .wrap .pho,
	.curriculumInfo .wrap .desc{width:100%;float:none;}
	.curriculumInfo .wrap .pho,
	.curriculumInfo .wrap .desc .btn{text-align:center;}
}
@media all and (max-width:420px) {
	.curriculumInfo .wrap .pho{padding-bottom:20px;}
	.curriculumInfo .wrap .desc{text-align:center;}
	.curriculumInfo .wrap .desc dt, .curriculumInfo .wrap .desc dd{display:block;}
	.curriculumInfo .wrap .desc dd:before{display:none;}
}
#chapter_02, #chapter_03{display:none;}
.tab2 a._active, .tab2 a:hover, .tab2 a:focus{font-weight:bold;color:#1b60c6 !important;}

#menu7888_obj646 {    height: auto !important; }





/*테이블 반응형 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;}
}