@charset "utf-8";
@import url("default.css");

html{height:100%;}
body{background:#fff; height:100%; min-height:100% ;}




/*Footer */
.footer {border-top:1px solid #c1c1c1;padding:20px 0 30px 0;background:#fff}
.footer .foot {width:100%;}
.footer .foot .foot_logo {float:left;margin-left:15px;}
.footer .foot .foot_wrap {float:left;margin:10px 10px 10px 15px}
.footer .foot .ftmenu li {display:inline-block;background:url(../../../images/u_std/bg_li.png) left center no-repeat;margin:0 0 15px 0;font-weight:600;}
.footer .foot .ftmenu li:first-child {background:none;}
.footer .foot .ftmenu li:first-child > a {padding-left:0}
.footer .foot .ftmenu li a {color:#333;display:block;padding:0 10px 0 18px;font-size:13px;}
.footer .foot .ftmenu li a:hover {color:#009d7d;text-decoration:none;}
.footer .foot address {color:#525252;margin-bottom:5px;font-size:12px;}
.footer .foot .copyright {color:#696969;}


/*Main con*/
.conWrap {background:url(../../../images/u_std/bg_mcon.png) repeat;border-top:1px solid #c2c2c2;}
.m_content {margin:0;padding:20px 10px;position:relative;}
.m_content:after {display:block;content:'';clear:both;}
.banner {margin-bottom:10px;background:#f5ffed;border:1px solid #bfbfbf;position:relative;text-align:center;overflow:hidden;}
.banner_txt {position:absolute;right:10px;bottom:5px;color:#333;width:38%;text-align:left;font-size:11px;}
.banner img {max-width:100%;height:auto;display:block;}
.conbox {margin:0;padding:0;}
.conbox:after {display:block;content:'';clear:both;}
.conbox ul {overflow:hidden;}
.conbox li {float:left;width:100%;}

.banner .panel {width:100%;min-height:100%;margin:0 auto;z-index:1;position:relative;overflow:hidden;}
.banner .panel li {position:relative;;width:100%;height:100%;overflow:hidden;}
.banner .img_next  {background:url(../../../images/u_std/btn_banner.png) -21px 0 no-repeat;width:21px;height:38px;position:absolute;right:10px;top:40%;z-index:2;text-indent:-9999em;}
.banner .img_prev  {background:url(../../../images/u_std/btn_banner.png) 0 0 no-repeat;width:21px;height:38px;position:absolute;left:10px;top:40%;z-index:2;text-indent:-9999em;}
.panel img.mo {display:none;}
.panel img.de {display:block;}
.banner .panel li a img {max-width:100%;height:auto;}

.conbox li div span.icon {float:left;display:inline-block;background:url(../../../images/u_std/icon_conbox.png) 0 0 no-repeat;width:65px;height:65px;margin:20px 0 0 15px}
.conbox li div .rtxt {margin:32px 10px 0 95px;color:#333;font-size:15px;font-weight:600}
.conbox li div .rtxt span {display:inline-block}
.conbox li div .rtxt a {color:#333}
.conbox li div .rtxt a em {color:#fff}
.conbox li div .rtxt em {font-size:11px;color:#fff;display:block;margin-top:5px;font-weight:normal;line-height:150%;}
.conbox li div .rtxt em a {color:#fff;}

.conbox li .category  {margin:0 0 10px 0;height:108px;background:#aec421;border:1px solid #9bb017}
.conbox li .movie  {margin:0 0 10px 0;height:108px;background:#56c2df;border:1px solid #60b3e9}
.conbox li .movie span.icon {background-position:-65px 0}
.conbox li .keword  {margin:0 0 10px 0;height:108px;background:#f9c059;border:1px solid #e8ae43}
.conbox li .keword span.icon {background-position:-130px 0}
.conbox li .guide  {margin:0 0 10px 0;height:108px;background:#a391c3;border:1px solid #8978ae}
.conbox li .guide span.icon {background-position:-195px 0}
.conbox li:last-child {width:100% !important;}
.conbox li .prof  {margin:0;height:108px;background:#efefef;border:1px solid #cacaca;position:relative;}
.conbox li .prof .prof_area a{display:block;position:relative;}

.conbox li .prof .prof_area .thumb {position:absolute;top:15px;left:15px;width:82px;height:75px;background:#f7f7f7 url(../../../images/u_std/img_no_prof.png) center center no-repeat;border:1px solid #cbcbcb;overflow:hidden;}
.conbox li .prof .prof_area .u_prof{display:block;color:#333;font-size:15px;font-weight:600;padding:15px 0 0 110px;line-height:15px;margin:0 10px 0 0}
.conbox li .prof .prof_area .u_prof em {font-size:12px;display:block;margin:5px 0;}
.conbox li .prof .prof_area .u_prof p {font-weight:normal;overflow:hidden;max-height:37px;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.conbox li .prof .prof_area .u_prof p:hover {color:#333;text-decoration:underline;}
.conbox li .prof .prof_arrow {position:absolute;right:5px;top:5px;z-index:2}
.conbox li .prof .prof_arrow a {display:inline-block;overflow:hidden;width:15px;height:15px;margin-left:5px;background:#e5e5e5 url(../../../images/u_std/icon_arrow.png) 0 0 no-repeat;}
.conbox li .prof .prof_arrow a.prev {background-position:0 0}
.conbox li .prof .prof_arrow a.prev:hover {background-position:0 -15px}
.conbox li .prof .prof_arrow a.next {background-position:-15px 0}
.conbox li .prof .prof_arrow a.next:hover {background-position:-15px -15px}

/* Visual Slider*/
.swiper-container {width: 100%;min-height:100px;}
.swiper-slide {overflow:hidden;text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-button-next  {background:url(../../../images/u_std/btn_banner.png) -21px 0 no-repeat;width:21px;height:38px;}
.swiper-button-prev  {background:url(../../../images/u_std/btn_banner.png) 0 0 no-repeat;width:21px;height:38px;}
.swiper-slide a {display:block;}
.swiper-slide a img {/*max-width:1024px; max-height:800px; */width:100%; height:100%;min-height:120px;min-width:330px;}
.swiper-slide img.mo {display:none;}
.swiper-slide img.de {display:block;}

/*Notice*/
.wrap {}
.notice {margin-bottom:10px;}
.notice .n_con {background:#f35b58;padding:10px;position:relative;}
.notice .n_con h3.title {font-weight:600;color:#fff;font-size:15px;padding:5px 10px 8px 10px;border-bottom:1px solid #e39893;margin-bottom:12px;}
.notice .n_con a.more {position:absolute;right:10px;top:8px;width:28px;height:28px;display:block;background:#a15555;text-align:center;vertical-align:middle;}
.notice .n_con li {padding:0 0 0 7px;background:url(../../../images/u_std/icon_dot.png) left center no-repeat;display:block;margin:7px 5px;}
.notice .n_con li span.new {color:#f76a1a;padding:2px 3px;font-size:10px;float:left;margin:2px 2px 0 0;background:#f7eedf;line-height:120%;}
.notice .n_con li a {padding:0 3px 1px 3px;color:#fff;display:-webkit-box;display:block;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;max-height:24px;line-height:18px;}
.notice .n_con li a:hover {text-decoration:underline;}

/*Special*/
.special {margin-bottom:10px;}
.special .s_con {background:#4f4f4f;border:1px solid #373737;padding:10px;position:relative;}
.special .s_con h3.title {font-weight:600;color:#fff;font-size:15px;padding:5px 8px 6px 10px;border-bottom:1px solid #959595;margin-bottom:4px;}
.special .s_con a.more {position:absolute;right:10px;top:8px;width:28px;height:28px;display:block;background:#6d6d6d;text-align:center;vertical-align:middle;}
.special .s_con .title_area  {margin:0px 3px 3px 8px;}
.special .s_con .title_area a {font-size:13px;font-weight:600;display:-webkit-box;display:block;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;max-height:24px;line-height:18px;color:#fff}
.special .s_con .title_area a:hover {text-decoration:underline;}
.special .s_con .title_area span.subtxt {margin:0;font-size:12px;color:#d8d8d8;display:-webkit-box;display:block;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;max-height:24px;line-height:18px;}
.special .s_con .s_photo {background:#424242 url(../../../images/u_std/img_no_main.png) center center no-repeat;min-height:71px;overflow:hidden;border:1px solid #282828}
.special .s_con .s_photo a img {width:100%;}
.special .s_con .s_photo a {display:block;min-height:73px;overflow:hidden;}

.special .s_con .s_arrow {position:absolute;right:10px;top:15px;z-index:2}
.special .s_con .s_arrow a {display:inline-block;overflow:hidden;width:15px;height:15px;margin-left:5px;background:#373737 url(../../../images/u_std/icon_sarrow.png) 0 0 no-repeat;}
.special .s_con .s_arrow a.prev {background-position:0 0}
.special .s_con .s_arrow a.prev:hover {background-position:0 -15px}
.special .s_con .s_arrow a.next {background-position:-15px 0}
.special .s_con .s_arrow a.next:hover {background-position:-15px -15px}


/*Lecture*/
.lecture {margin:15px 0;padding:0 10px;}
.lecture:after {display:block;content:'';clear:both;}
.lecture h2 {font-size:18px;margin:0 0 10px 5px}
.lecture .course h2 {color:#009d7d;}
.lecture .open h2 {color:#208891;}

.lecture .course,.lecture .open {margin-bottom:10px;overflow:hidden;}
.lecture .course .cardBox,.lecture .open .cardBox{display:inline-block;width:100%;}
.lecture .course .cardBox .card,.lecture .open .cardBox .card {margin:0 0 15px 0;position:relative;}
.lecture .course .cardBox .card .head {background:#039477;padding:8px 5px 2px 5px;border-radius:5px 5px 0 0;color:#fff;position:relative;}
/*.lecture .open .cardBox .card .head {background:#2d944f;padding:8px 5px 2px 5px;border-radius:5px 5px 0 0;color:#fff;position:relative;}*/
.lecture .open .cardBox .card .head {background:#3d84c1;padding:8px 5px 2px 5px;border-radius:5px 5px 0 0;color:#fff;position:relative;}
.lecture .course .cardBox.main,.lecture .open .cardBox.main {display:none;}

.lecture .course .cardBox .card .head .share,.lecture .open .cardBox .card .head .share {float:right;cursor:pointer;margin-right:2px;}
.share_box {float:left;margin-right:3px;}
.share_box a {display:inline-block;width:30px;height:25px;background:url(../../../images/u_std/icon_share_a.png) 0 0 no-repeat ;}
.share_box a.facebook {background-position:0 0;}
.share_box a.cacao {background-position:-30px 0}

.lecture .head span.kinds {margin-right:2px;display:inline-block;width:25px;height:20px;vertical-align:middle;background:url(../../../images/u_std/icon_kinds.png) 0 0 no-repeat ;}
.lecture .head span.kinds.movie {background-position:0 0}
.lecture .head span.kinds.pdf {background-position:-25px 0}
.lecture .head span.kinds.document {background-position:-50px 0}

.lecture .head span.people {margin-right:2px;display:inline-block;width:25px;height:20px;vertical-align:middle;background:url(../../../images/u_std/icon_people.png) 0 0 no-repeat ;}
.lecture .head span.people.all {background-position:0 0}
.lecture .head span.people.ulsan {background-position:-25px 0}
.lecture .head span.people.member {background-position:-50px 0}

.lecture .course .cardBox .card .over {cursor:pointer;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../../../images/u_std/bg_over_course.png) repeat 0 0;z-index:1;border-radius:0 0 5px 5px;}
.lecture .open .cardBox .card .over {cursor:pointer;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../../../images/u_std/bg_over_ocw.png) repeat 0 0;z-index:1;border-radius:0 0 5px 5px;}
.lecture .course .cardBox .card .over.gray,.lecture .open .cardBox .card .over.gray {cursor:pointer;position:absolute;left:0;bottom:0;width:100%;height:100%;background:url(../../../images/u_std/bg_over_gray.png) repeat 0 0;z-index:1;border-radius:0 0 5px 5px;}
.lecture .course .cardBox .card .empty_box,.lecture .open .cardBox .card .empty_box 
{cursor:default;position:absolute;left:0;top:0;width:99.3%;height:100%;border:1px solid #ccc;background:#f7f7f7 url(../../../images/u_std/img_no.png) 0 center no-repeat ;z-index:1;border-radius:5px;background-size:100% auto}

.lecture .course .cardBox .card .head.expected,.lecture .open .cardBox .card .head.expected {background:#a3a3a3;padding:8px 5px 2px 5px;border-radius:5px 5px 0 0;color:#fff;min-height:25px;}


.over .p_txt {font-size:14px;color:#fff;padding:20px 20px 0 20px;line-height:20px;max-height:99px;overflow:hidden;display:block;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.over .btn_over {text-align:center;margin-top:20px;}
.over .btn_over a {display:inline-block;margin:0 5px;background:#fff;border:1px solid #5b5b5b;color:#333;font-size:13px;padding:10px 20px;font-weight:600}

.over .tag {cursor:default;color:#ffea00;font-size:12px;margin:5px 15px 3px 18px;height:45px;line-height:20px;overflow:hidden;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.over .tag a {color:#ffea00;}

.c_body {cursor:pointer;position:relative;}
.picture {overflow:hidden;background:#f7f7f7 url(../../../images/u_std/img_no.png) center center no-repeat;text-align:center;height:123px;position:relative;display:block;}
.picture img {height:auto;width:100%;}
.picture .mask {position:absolute;top:0;right:0;left:0;bottom:0;border:1px solid #000;opacity:0.2;filter:alpha(opacity=2);}

.explan {padding:10px;border:1px solid #cacaca;border-width:0 1px 1px 1px;border-radius:0 0 5px 5px;box-shadow:0px 1px 1px #d7d7d7;min-height:110px;}
.explan .sbj_name {font-size:15px;font-weight:600;color:#000;margin-bottom:3px;display:-webkit-box;display:block;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;max-height:24px;line-height:18px;}
.explan .sbj_stxt {font-size:12px;margin:7px 0;display:-webkit-box;display:block;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;max-height:24px;line-height:18px;}
.explan .bot_txt {min-height:30px;letter-spacing:-0.5px;border-top:1px solid #ccc;margin-top:7px;padding:7px 0 0 2px;font-size:12px;line-height:130%;}

.lecture .course .explan span.category {color:#00938e}






















/***********************************************Media Query***************************************************/


@media all and (min-width:400px){

	.lecture .course .cardBox .card .empty_box,.lecture .open .cardBox .card .empty_box  {width:99.5%}
}



/* iPhone4~ */
@media all and (min-width:480px){

	/*Main con*/
	.conbox li {float:left;width:50%;}
	.conbox li .category  {margin-right:10px;}
	.conbox li .keword  {margin-right:10px;}

	/*Notice*/
	.wrap {margin-bottom:10px;overflow:hidden;}
	.notice {/*float:left;width:50%;*/margin-bottom:0;}
	.notice .n_con {margin-bottom:10px;min-height:172px;}
	/*special*/
	.special {/*float:right;width:50%;*/margin-bottom:0;}
	.special .s_con {}
	.special .s_con .s_photo,.special .s_con .s_photo a {/*height:81px;*/}

	
	/*Lecture*/
	.lecture h2 {display:none;}

	.lecture .course .cardBox,.lecture .open .cardBox{float:left;width:50%;}
	.lecture .course .cardBox .card,.lecture .open .cardBox .card {margin:0 7px 15px 7px;}
	
	
	.lecture .course .cardBox.main span,.lecture .open .cardBox.main span  {display:block;position:absolute;right:2px;top:15px;width:17px;height:31px;}
	.lecture .course .cardBox.main span.arrow {background:url(../../../images/u_std/icon_course.png) right top no-repeat;}
	.lecture .open .cardBox.main span.arrow {background:url(../../../images/u_std/icon_open.png) right top no-repeat;}
	.lecture .course .cardBox.main .title_area,.lecture .open .cardBox.main .title_area {font-size:25px;font-weight:600;color:#fff;padding:20px;}

	.lecture .course .cardBox.main,.lecture .open .cardBox.main {display:block;position:relative;}
	.lecture .course .cardBox.main .m_con {background:#009d7d;border-radius:5px;margin-right:17px;}
	.lecture .open .cardBox.main .m_con {background:#208891;border-radius:5px;margin-right:17px;}
	.lecture .course .cardBox.main .title_area .plus {margin-left:35px;padding:3px;background:#03b38f;line-height:120%;}
	.lecture .course .cardBox.main .title_area .plus img,.lecture .open .cardBox.main .title_area .plus img {vertical-align:top;}
	.lecture .open .cardBox.main .title_area .plus {margin-left:35px;padding:3px;background:#1b5f65;line-height:120%;}
	.lecture .course .cardBox.main .lecture_txt,.lecture .open .cardBox.main .lecture_txt {margin:10px 18px;font-size:12px;line-height:150%;color:#fff;opacity:0.8;letter-spacing:-0.5px;}
	.lec_bottom {margin:68px 15px 0 15px;padding:10px 0 20px 0;}
	.lec_bottom .word {color:#fff;line-height:20px;height:40px;overflow:hidden;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
	.lec_bottom .word strong {}
	.lec_bottom .word a {margin:0 3px;color:#fff;line-height:150%;}
	.lec_bottom .word a:hover {text-decoration:underline;}
	
	.lec_bottom .srch{margin:20px 0 0 0;height:22px;padding:5px;background-color:#fff;position:relative;}
	.lec_bottom .srch input{width:70%;height:22px;padding:0 6px;border:0;color:#91959e;vertical-align:top}
	.lec_bottom .srch .btn_srch{float:right;display:inline-block;padding:3px 2px 1px 5px;border:0;background:none;vertical-align:top;cursor:pointer;}
	.lec_bottom .srch .btn_srch .ico_sch{display:block;width:18px;height:18px;background:url(../../../images/u_std/ico_sch.png) 0 0 no-repeat;text-indent:-9999em}



}


/* iPhone5~ */
@media all and (min-width:560px){
	
	/*Lecture*/
	.lec_bottom {margin:70px 15px 0 15px;}

	/*footer*/
	.footer .foot .foot_wrap {margin:0 0 20px 18px;float:left;text-align:center;}
	
}

@media all and (min-width:590px){
	.lec_bottom {margin:70px 15px 0 15px;}
}

/* iPhone6~ */
@media all and (min-width:660px){
	.lec_bottom {margin:70px 15px 0 15px;}
}


/* iPhone6~ */
@media all and (min-width:680px){

	/*Lecture*/
	/*.lecture .course .cardBox,.lecture .open .cardBox{float:left;width:33.33%;}*/

}



/* iPhone6 Plus~ */
@media all and (min-width:730px){
	
	/*Lecture*/
	.lec_bottom {margin:68px 15px 0 15px;}

	/*footer*/
	.footer {padding:20px 0 35px 0}
	.footer .foot .foot_wrap {margin:3px 0 0 150px;}
	

}



/* Tablet ~*/
@media all and (min-width:768px){

	/*Lecture*/
	.lec_bottom {margin:80px 15px 0 15px;}




}


@media all and (min-width:810px){
	.lec_bottom {margin:103px 15px 0 15px;}
}



/* Desktop 01~*/
@media all and (min-width:1024px) {

	/* Header*/
	.header {padding:0;height:72px;border-bottom:0}
	.header .head .gnb li a {font-size:16px;font-weight:600;color:#333;padding:5px 15px 23px 15px;display:block;}
	.header .headerInWrap.headerOver  {position:absolute; top:0; left:0; width:100%; height:270px !important; background:url(../../../images/u_std/bg_menuon.png) repeat-x 0 100%  !important;}
	.header .headerInWrap {z-index:2;position:absolute; top:0; left:0; width:100%;/*background:url(../../../images/u_std/bg_menu.png) repeat-x 0 100%;*/}
	.header .headerOver .headerInWrap {position:absolute; top:0; left:0; width:100%; height:68px !important; background:url(../../../images/u_std/bg_menuon.png) repeat-x 0 100%  !important;}

	.sHidden {visibility:hidden; position: absolute !important; height: 1px !important; width: 1px !important; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);}
	
	
	/*Main con*/
	.m_content {width:980px;margin:0 auto;padding:20px 0}
	.banner {float:left;width:675px;margin-right:10px;height:190px;}
	.conbox {float:left;width:678px;position:absolute;top:207px;margin:15px 0 0 }
	
	.conbox li div .rtxt {margin:20px 5px 0 85px}
	.conbox li div .rtxt span {display:block}
	.conbox li div span.icon {margin:20px 0 0 10px;}
	.conbox li {width:33.3%;}
	.conbox li .guide {width:95%;}
	.conbox li:last-child {width:66.5% !important;}
	.conbox li .keword  {margin-right:0;}
	.conbox li .movie  {margin-right:10px;}
	
	/*Notice*/
	.wrap {margin-left:12px;margin-bottom:0;margin-right:6px;}
	.notice {width:100%;margin-right:0;margin-bottom:10px;}
	.notice .n_con {height:170px;margin-right:0;}
	.notice .n_con li a {text-overflow:ellipsis;overflow:hidden;}

	/*Special*/
	.special {width:100%;margin-bottom:0;;}
	.special .s_con {height:208px;}
	.special .s_con .s_photo {height:130px;}
	.special .s_con .s_photo a {height:100%;width:100%;overflow:hidden;}
	.special .s_con .s_photo a img {/*height:100%;*/width:100%;}


	/*Lecture*/
	.lecture {width:980px;margin:15px auto 0 auto;}
	.lecture .course .cardBox,.lecture .open .cardBox{float:left;width:25%;}
	.share_box a.facebook {display:inline-block;}
	.share_box a.cacao {display:none;}

	.lec_bottom {margin:68px 15px 0 15px;}
	

	/*Footer */
	.footer .foot {width:1000px; margin:0 auto;}
	.footer .foot .ftmenu li {margin:0 5px 20px 5px}
	.footer .foot .ftmenu li a {padding:0 20px 0 35px;font-size:14px;}
	.footer .foot address {font-size:13px;}


}







/* Desktop 02~*/
@media all and (min-width:1280px) {

}




@media screen and (min-width:715px) and (max-width:1023px){


.panel img.mo {display:block;}
.panel img.de {display:none;}

.swiper-slide img.mo {display:block;}
.swiper-slide img.de {display:none;}

}