@charset "utf-8";
@import url("./reset.css");
/* layout */
body{background:url(../../images/bg_header.png) left top repeat-x}
#index{display:none}
#wrap{position:relative;width:100%;min-width:1280px;height:100%}
#headerWrap{position:fixed;top:0;left:0;z-index:10;width:100%;height:96px; background:url(../../images/bg_header.png) left top fixed; box-shadow:0 2px 5px #ccc;}
#header{position:fixed;z-index:15;width:1280px; left:50%; margin:0 auto; margin-left:-640px; background:url(../../images/bg_header.png) left top fixed}
.utilMenu{height:34px;margin:0 10px;line-height:34px; color:#aeb3ba}
.utilMenu ul{height:34px; line-height:32px}
.utilMenu a{color:#aeb3ba}
.gnb{overflow:visible;float:right;position:relative;right:10px;height:62px;line-height:56px}
.gnb>li{float:left;font-size:1.5em;font-weight:600;color:#333; min-width:140px}
@media screen and (-webkit-min-device-pixel-ratio:0){
.gnb li,#contents.login .loginform input.text,.copyright,h3,#leftMenu h2,#leftMenu h3,#leftMenu .select a,#leftMenu ul li a:hover,.location em,.title,.subTitle,.summary dt,.paginate a,.paginate strong,a.btn{font-weight:bold !important}
}
.gnb>li>a{color:#333; display:block; text-align:center; border-bottom:5px solid #fff}
.gnb>li>a:hover{border-bottom:5px solid #354053;text-decoration:none}
.gnb .gnb01>ul{position:absolute;z-index:15}
.gnb li ul{height:100%;padding-top:10px; display:none; *width:140px}
.gnb li li{display:block;clear:both;width:100%;font-size:0.75em;line-height:20px;color:#666}
.gnb li li a{display:block;padding:5px 10px; color:#666}
.gnb li li a:hover{display:block;width:100%;border-bottom:0;background:#354053;color:#fff;text-decoration:none}

#subMenuWrap{position:absolute;top:96px; z-index:12;width:100%;border-bottom:1px solid #a6abb3;background:#fff;box-shadow:0 2px 5px #ccc;opacity:1; display:none}
#subMenuWrap .subMenuBg{width:1280px;height:320px; margin:0 auto; background:url(../../images/bg_subMenu02.png) 10px bottom no-repeat} /* 메뉴 갯수에 따라 height값 설정 */

#container{overflow:hidden;position:relative;z-index:5;width:100%;padding:96px 0 0;background:url(../../images/bg_sub.jpg) left top repeat-x}
#container:after{display:block;visibility:hidden;clear:both;height:0;content:''}
#contents{position:relative;width:1280px;min-height:500px; margin:0 auto;background:url(../../images/bg_contentBody.gif) left top repeat-y}
#contents:after{display:block;visibility:hidden;clear:both;height:0;content:''}
#contents .vsimg{clear:both;position:relative;height:106px;background:url(../../images/sub_vsimg.jpg) top center no-repeat}
#footerWrap{width:100%;padding:20px 0;border-top:1px solid #e4e5e7}
#footer{width:1280px;margin:0 auto;text-align:center}
.copyright{font-weight:600}
.copyright em{color:#6aa10b}

@media all and (max-width: 1345px){
#quick{display:none}
}

/* style */
.blockLeft{float:left}
.blockRight{float:right}
#header li{float:left}
.blockRight li{}

h1{float:left;height:62px;margin-left:10px}
h1 img{margin-top:15px}
.blind{display:none}

select{height:28px;padding:3px;border:1px solid #ccc;vertical-align:middle}
input[type=text]{height:24px;border:1px solid #ccc;vertical-align:middle}
input[type=file]{height:26px}
textarea{border:1px solid #ccc;vertical-align:top}
.blockText{padding:0 4px 0 0}
.blockText .text{width:100%}
.text:focus{border:1px solid #5b82bc}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.ml10{margin-left:10px}
.mb5{margin-bottom:5px}
table em{color:#f57000}

/* buttons */
.buttonBox{margin:10px 0;text-align:right}

a.btn_logout:link,a.btn_logout:visited{padding:4px 8px;background:#5b82bc;color:#fff; margin-left:5px}
a.btn_logout:hover{background:#456ba5;text-decoration:none}

a.btn_more:link,a.btn_more:visited{float:right;width:52px;height:21px;background:url(../../images/btn_bg_more.gif) left top no-repeat;color:#888}
a.btn_more:hover{color:#000;text-decoration:none}
a.btn_more span{margin-left:8px;font-weight:normal;font-size:0.75em;line-height:21px}

a.btn:link,a.btn:visited{padding:5px 12px 6px;background:#5b82bc;font-weight:600;color:#fff !important;vertical-align:middle; display:inline-block}
a.btn:hover{background:#456ba5;text-decoration:none}

a.btn02:link,a.btn02:visited{background:#fff; padding:4px 11px 5px;border:1px solid #ccc;font-weight:600;color:#333 !important;vertical-align:middle; display:inline-block}
a.btn02:hover{border:1px solid #ccc;background:#fafafb;text-decoration:none}

a.btn03:link,a.btn03:visited{background:#fff; padding:3px 5px;border:1px solid #ccc;font-weight:600;color:#333 !important;vertical-align:middle; display:inline; font-size:0.9em; white-space:nowrap}
a.btn03:hover{border:1px solid #ccc;background:#fafafb;text-decoration:none}

a.btn04:link,a.btn04:visited{background:#ddd; padding:4px 8px;color:#333 !important; font-weight:600}
a.btn04:hover{background:#ccc;text-decoration:none}

a.btn04_zoomin:link,a.btn04_zoomin:visited{background:#5b82bc; padding:4px 8px;color:#fff !important; margin-left:5px; font-weight:600}
a.btn04_zoomin:hover{background:#456ba5;text-decoration:none}
a.btn04_zoomout:link,a.btn04_zoomout:visited{background:#5b82bc; padding:4px 8px;;color:#fff !important; margin-left:1px; font-weight:600}
a.btn04_zoomout:hover{background:#456ba5;text-decoration:none}

/* index */
.indexBox{padding:5px; background:#fafafb; border:1px solid #d0d2d5; margin-bottom:0}

/* 로그인화면 */
.login #container{background:url(../../images/bg_login.jpg) left top repeat-x}
.login #contents{position:relative;width:1280px;margin:0 auto;background:none}
.login #contents .vsimg{clear:both;position:relative;height:440px;background:url(../../images/vsimg02.png) top center no-repeat}
.login #contents .loginBox{position:absolute;right:20px;width:435px;margin-top:96px}
.login #contents .loginform{position:relative;margin-bottom:3px}
.login #contents .loginform label{display:block;margin-bottom:12px}
.login #contents .loginform input.text{width:243px;height:31px;padding-left:5px;border:2px solid #5b82bc;font-size:1.5em;font-weight:600;color:#5b82bc;vertical-align:top}
.login #contents .loginform .btn_login{position:absolute;top:0;right:0}
.login #contents .btn_cert_register{margin:10px 15px 0 0}
.login #contents .btn_cert_login{margin-top:10px}
.login #contents .blockBottom{clear:both;padding:27px 20px}
.login #contents .blockBottom:after{display:block;visibility:hidden;clear:both;height:0;content:''}

.login #contents .blockBottom ul{margin-top:13px}
.login #contents .blockBottom li{line-height:20px}
.login #contents .blockBottom li a:hover{color:#000;text-decoration:none}
.login #contents .blockBottom .date{float:right}
.login #contents .notice{float:left;width:33%;margin-right:40px}
.login #contents .resource{float:left;width:33%;margin-right:40px}
.login #contents .distance{float:left}

.login h2{margin-bottom:30px}
.login h3{font-size:1.25em;font-weight:600;color:#000}

/* 시스템소개 layout */
.introduce #contents{}
.introduce #contents p{line-height:24px; letter-spacing:0; font-size:1.2em}

/* 강의실 layout */
.lecture #contents{}
#leftMenu{float:left;position:relative;top:-31px;bottom:-31px;width:240px}
#leftMenu h2{display:block;padding:15px 20px;background:#1f8a70;font-size:1.8em;font-weight:600;color:#fff;text-align:right}
#leftMenu h3{margin-top:3px;padding:15px 10px;background:#5b82bc;font-size:1.5em;font-weight:600;color:#fff;text-align:center}
#leftMenu .select{background:#354053 url(../../images/icon_arrowDown.gif) 92% 16px no-repeat;color:#fff; position:relative; margin-bottom:3px}
#leftMenu .select a{display:block;padding:8px 20px;font-size:1.2em;font-weight:600;color:#fff; }
#leftMenu .popup{width:238px; display:none; position:absolute; background:#fff; border:1px solid #ccc; margin-top:-3px}
#leftMenu .popup ul{margin-top:0px}
#leftMenu .popup li{font-size:1.2em;}
#leftMenu .popup a{display:block; border-top:1px dashed #ccc;padding:8px 20px;}
#leftMenu .popup a:hover{background:#FFFEEF; font-weight:600}
#leftMenu .popup .name{display:block; clear:both; font-size:0.85em}
#leftMenu ul{}
#leftMenu>ul>li{border-bottom:1px solid #e4e5e7}
#leftMenu>ul>li a{display:block;padding:8px 20px;font-size:1.2em;color:#666}
#leftMenu>ul>li a:hover{background:#bedb39; color:#000; font-weight:600}
#leftMenu>ul>li.current{font-weight:600;color:#333; background:#d1d5dc}
#leftMenu>ul>li.current a{color:#000}
#leftMenu .sub{background:#fff url(../../images/bg_contentBody.gif) repeat-y left top}
#leftMenu .sub li{line-height:1em;background-image:url(../../images/icon_list04.gif); background-position:25px 13px; background-repeat:no-repeat; text-indent:15px; font-size:0.9em}
#leftMenu .sub li a{}
#leftMenu .sub li a:hover{background:#1f8a70; color:#fff}

#contentBody{display:inline;float:left;position:relative;width:1040px;padding-bottom:20px}
.pageHeader{padding:15px 30px;border-bottom:1px solid #e4e5e7; *zoom:1}
.pageHeader:after{display:block;visibility:hidden;clear:both;height:0;content:''}
.title{float:left;width:50%;font-size:1.5em;font-weight:600;color:#000}
.location{float:left;width:50%;margin-top:5px;text-align:right}
.location em{font-weight:600}
.tip{margin-left:5px}

/* 강의정보 */
.summary{border-right:1px solid #e4e5e7;border-bottom:1px solid #e4e5e7;background:#fafafb;text-align:left}
#contentBody .subTitle{margin-bottom:10px;font-size:15px;font-weight:600;color:#9aa1ad;text-align:left}
#contentBody .subTitle em{color:#2a4d8d}
#contentBody .subTitle span.descript{margin-left:20px;font-size:0.75em;color:#333}
#contentBody dl{line-height:25px}
#contentBody dt{float:left;min-width:120px;padding-left:30px;background:url(../../images/icon_list.gif) 10px 50% no-repeat;font-weight:600;color:#000}
#contentBody dd{}
#contentBody .notice{float:left;width:50%;padding-right:20px}
#contentBody .qna{float:left;width:45%;padding-left:20px}
#contentBody .notice li,#contentBody .qna li{display:block;padding-left:30px;background:url(../../images/icon_list.gif) 10px 50% no-repeat;line-height:25px}
#contentBody li .date{float:right}
#contentBody a{color:#403f3f}
#contentBody a:hover{color:#000}
.blockBottom{clear:both;padding:27px 20px}
.blockBottom:after{display:block;visibility:hidden;clear:both;height:0;content:''}

/* 도움말 */
#contentBody .help{border-right:1px solid #e4e5e7;border-bottom:1px solid #e4e5e7;background:#fffeef}
#contentBody .help .subTitle{color:#fd7400}
#contentBody .help li{margin-bottom:10px;padding-left:30px;background:url(../../images/icon_list02.gif) 15px 8px no-repeat}

/* 검색 */
#contentBody .search{}
#contentBody .search label{display:none}

.pagePadding{padding:20px 30px}
.hr{border-bottom:1px solid #e4e5e7}
.alignL{text-align:left}
.alignC{text-align:center}
.alignR{text-align:right}
/*통계막대*/
.bar_1{
	display:inline-block;
	background-image:url(../../images/bar_red.gif);
	background-repeat:repeat-x;
	border:solid 0 ;
	height:14px;
	}
	
.bar_2{
	display:inline-block;
	background-image:url(../../images/bar_orange.gif);
	background-repeat:repeat-x;
	border:solid 0 ;
	height:14px;
	}	

/* 퀵메뉴 */
#quick{position:fixed;top:0;right:0;bottom:0;z-index:200;width:65px;background:#354053;text-align:center}
#quick ul{margin:30px 0 10px}
#quick li{margin:5px 0; position:relative}
#quick a span{display:block;margin:3px 0 15px;font-size:0.9em;color:#bdc4d1}
#quick a:hover span{color:#fff}
.text_quick{margin:10px 0}
a.btn_top{display:block;padding:10px 0;background:#fd7400}
#quick .icon_new{background:url(../../images/bg_new.png) left top no-repeat;width:27px; height:17px; text-align:center; color:#fff; font-weight:bold; position:absolute; z-index:20; left:7px; top:3px; font-size:11px; line-height:15px; font-family:tahoma; letter-spacing:-1px}

/* 페이징 */
.paginate{overflow:hidden;clear:both;margin:0 auto;padding:0 0 20px;text-align:center;zoom:1}
.paginate a{display:-moz-inline-box;display:inline-block;_position:relative;margin-right:-3px;padding:0 0 0 5px;font-size:1em;font-weight:600;line-height:28px;color:#666;text-decoration:none !important}
.paginate a:hover,.paginate a:focus,.paginate a:active{background:url(../../images/btn_current.gif) no-repeat 0 80% !important}
.paginate strong{display:-moz-inline-box;display:inline-block;_position:relative;margin-right:-3px;padding:0 0 0 5px;background:url(../../images/btn_current.gif) no-repeat 0 80% !important;font-size:1em;font-weight:600;line-height:28px;color:#666;text-decoration:none !important}
.paginate strong{color:#5b82bc !important}
.paginate a span{display:block;_display:inline;position:relative;top:0;padding:0 8px 0 3px;zoom:1}
.paginate a:hover span,.paginate a:focus span,.paginate a:active span{background:url(../../images/btn_current.gif) no-repeat 100% 80% !important;text-decoration:underline;cursor:pointer}
.paginate strong span{display:block;_display:inline;position:relative;top:0;padding:0 8px 0 3px;background:url(../../images/btn_current.gif) no-repeat 100% 80% !important;zoom:1}

/* user option */
.paginate a.first,.paginate a.pre,.paginate a.next,.paginate a.last{position:relative;padding-left:0;background:none !important;font-size:1em}
.paginate a.pre:hover,.paginate a.pre:focus,.paginate a.pre:active,.paginate a.next:hover,.paginate a.next:focus,.paginate a.next:active{background:none !important}
.paginate a.pre{margin-right:10px}
.paginate a.next{margin-left:8px}

/* 테이블 스타일 */
.tableList{width:100%;margin-bottom:10px;border-top:2px solid #5b82bc}
.tableList table{width:100%;border-collapse:collapse;text-align:center}
.tableList thead th{padding:10px;border:1px solid #d0d2d5;border-top:0;background:#fafafb;font-weight:600}
.tableList tbody td{padding:10px;border-bottom:1px solid #d0d2d5}
.tableList a{color:#333}
.tableList a:hover{color:#2A4D8D !important;text-decoration:underline}

.tableList02{width:100%;margin-bottom:10px;border-top:2px solid #5b82bc}
.tableList02 table{width:100%;border-collapse:collapse;text-align:center}
.tableList02 thead th, .tableList02 tbody th{padding:10px;border:1px solid #d0d2d5;border-top:0;background:#fafafb;font-weight:600}
.tableList02 tbody td{padding:10px;border:1px solid #d0d2d5}
.tableList02 a{color:#333}
.tableList02 a:hover{color:#2A4D8D !important;text-decoration:underline}

.tableEdit{width:100%;margin-bottom:10px;border-top:2px solid #5b82bc}
.tableEdit table{width:100%;border-collapse:collapse;text-align:center}
.tableEdit thead th,.tableEdit tbody th{padding:10px;border:1px solid #d0d2d5;border-top:0;background:#fafafb;font-weight:600}
.tableEdit tbody td{position:relative;padding:5px;border:1px solid #d0d2d5;border-top:0;}
.tableEdit a{color:#333}
.tableEdit a:hover{color:#2A4D8D !important;text-decoration:underline}

.tableEdit02{width:100%;margin-bottom:10px;border-top:2px solid #5b82bc}
.tableEdit02 table{width:100%;border-collapse:collapse;text-align:center}
.tableEdit02 thead th,.tableEdit02 tbody th{padding:10px;border:1px solid #d0d2d5;border-top:0; border-left:0; border-right:0; background:#fafafb;font-weight:600}
.tableEdit02 tbody td{position:relative;padding:5px;border:1px solid #d0d2d5;border-top:0; border-left:0; border-right:0; }
.tableEdit02 a{color:#333}
.tableEdit02 a:hover{color:#2A4D8D !important;text-decoration:underline}

/* 레이어팝업 스타일 */
/*#popupWrap{position:absolute;z-index:10000; left:0; right:0; top:0; bottom:0; background: rgba(255, 255, 255, 0.8); overflow:hidden}
  #popup{position:relative; width:830px; border:2px solid #5b82bc; background:#fff; left:50%; top:50%; margin-left:-415px; margin-top:-280px}*/
#popupWrap{left:0; right:0; top:0; bottom:0; background: rgba(255, 255, 255, 0.8); overflow:hidden}
#popup{position:absolute; width:830px; border:2px solid #5b82bc; background:#fff}
#popup .title{background:#5b82bc; width:100%; height:38px; color:#fff; line-height:36px; font-size:1.3em; text-indent:20px; margin-bottom:20px}
#popup .btn_popupClose{position:absolute; right:8px; top:8px}
#popup .popupBody{padding:20px; background:#fff}
#popup .subTitle{margin-bottom:10px;font-size:15px;font-weight:600;color:#9aa1ad;text-align:left}

/* 탭메뉴 스타일 */
.tab{border-bottom:2px solid #5b82bc}
.tab ul{}
.tab li{ float:left}
.tab li a{display:block; padding:4px 11px 5px; font-weight:600; background:#fff; color:#403f3f; border:1px solid #d0d2d5; border-bottom:0; margin-right:-1px}
.tab li a:hover{background:#fafafb; color:#403f3f}
.tab li.current a{background:#5b82bc; color:#fff !important; border-color:#5b82bc}
.tab li.current a:hover{background:#456ba5; border-color:#456ba5}

/* 첨부파일 업로드 */
.fileBox {width:80%; position:relative; margin-top:5px}
.fileBox .wrap {margin-bottom:5px}
.fileBox .wrap:after {display:block;visibility:hidden;clear:both;height:0;content:''}
.fileBox .file_wrap {display:inline-block; width:69px; height:28px; background:url(../../images/btn_findFile.png) 0 0 no-repeat; position:absolute; top:0; left:0}
.fileBox .file_add {filter:alpha(opacity:0); opacity:0; width:69px; height:28px}
.fileBox .file_text {width:40%; height:25px; background:#f6f6f6; border:1px solid #d0d2d5; margin-left:74px}
.fileBox .file_setBox {position:relative}
.fileBox ul {border:1px solid #d0d2d5; background:#f6f6f6; padding:10px; width:86%}
a.btn_delete02 {position:absolute; top:0; right:0px}

/* ***************************************************************************** */
/*  추가된 부분(이희삼)															*/
/* ***************************************************************************** */
/* JQGrid상단 스타일 */
.gridList{width:100%;margin-bottom:10px}

.tableGridList{width:100%;margin-bottom:10px;border-top:0px}
.tableGridList table{width:100%;border-collapse:collapse;text-align:center}
.tableGridList thead th{padding:10px;border:0px;border-top:0;background:#fafafb;font-weight:600}
.tableGridList tbody td{border-bottom:0px}

.tableTabList{width:100%;margin-bottom:10px;border-top:2px solid #5b82bc}
.tableTabList table{width:100%;border-collapse:collapse;text-align:center}
.tableTabList thead th,.tableTabList tbody th{padding:10px;border:0px;border-top:0;background:#fafafb;font-weight:600}
.tableTabList tbody td{padding:5px;border:0px;border-top:0;}

#contentBodyPopup{display:inline;float:left;position:relative;width:100%;padding-bottom:20px}
#contentBodyPopup .search{}
#contentBodyPopup .search label{display:none}
.pagePaddingPopup{padding:20px 0px}
.chat_box{float:left; width:100%; height:200px; overflow:auto; background-color:#745038; border:1px solid #630; padding:10px;}

.jindo_bg{float:left; background-image:url(../../images/css/jindo_bg1.png);width:100%}
.jindo_bg td{float:left; padding-top:20px; width:100%}