@charset "utf-8";
 
/*오른쪽상단 알림레이어*/
#noticeTopLayer{width:290px;position:absolute;top:30px;right:20px;z-index:100000000;background:url(../../../images/cyberline/elns/common/layout/bg_noticeTopLayer.png) repeat;border:1px solid #cbcbcb;padding:10px;}
.noticeTopLayer_contents{padding-left:40px;font-size:11px;background:url(../../../images/cyberline/elns/common/icon/icon_notice.png) no-repeat 0 3px;.background:url(../../../images/cyberline/elns/common/icon/icon_notice.png) no-repeat 0 15px;}
.noticeTopLayer_contents h4{float:left;}
.rightBtn{float:right;}
.noticeSubs{display:block;clear:both;padding-top:3px;.padding-top:0px;}

/*알림센터*/
.btn_noticeCenter{position:absolute;top:4px;right:10px;}

.noticeCenter_wrapper{position:absolute;right:0; /* top:32px; */ z-index:10001;}
.noticeCenter_left{background:url(../../../images/cyberline/elns/common/layout/bg_notice_center.png) repeat-y 0 0;position:absolute;left:-8px;width:8px;	/*임시*/height:699px;}
.noticeCenter{position:relative;width:223px;background:#fff;border-left:1px solid #c3c3c3;	/*임시*/height:699px;}
.noticeCenter h2{width:100%;height:37px;background:#e3f1f7 url(../../../images/cyberline/elns/common/layout/logo_noticeCenter.png) no-repeat center center;}

.noticeCetner_con{}

.count{color:#fff;font-weight:bold;position:absolute;top:7px;right:41px;}
.countL{display:block;float:left;width:3px;height:17px;background:url(../../../images/cyberline/elns/common/layout/bg_countLeft.png) no-repeat 0 0;}
.countC{display:block;float:left;height:17px;background:#ef2b2b;padding:0 3px;}
.countR{display:block;float:left;width:3px;height:17px;background:url(../../../images/cyberline/elns/common/layout/bg_countRight.png) no-repeat 0 0;}


.title_noteName{width:100%;height:25px;background:url(../../../images/cyberline/elns/common/layout/bg_noticeCenter.gif) repeat-x 0 0;color:#fff;font-size:11px;}
.noteName{width:176px;display:block;padding:4px 0 0 5px;float:left;}
.close_note{display:block;width:23px;height:25px;float:right;background:url(../../../images/cyberline/elns/common/btn/btn_close.png) no-repeat 0 2px;cursor:pointer;}

.noticeCenter .ul .li{padding-top:10px;height:44px;border-bottom:1px solid #d7d6d6;	/*position:relative;*/}
.noticeCenter .ul .li:first-child{.bottom:-2px;}
.noticeCenter .ul .li h4{padding-left:29px;color:#000;font-size:12px;font-family:"맑은 고딕";float:left;}
.noticeCenter .ul .fail01{background:url(../../../images/cyberline/elns/common/icon/icon_noticeCenter01.png) no-repeat 3px 9px;}
.noticeCenter .ul .fail02{background:url(../../../images/cyberline/elns/common/icon/icon_noticeCenter02.png) no-repeat 3px 9px;}
.noticeCenter .ul .fail03{background:url(../../../images/cyberline/elns/common/icon/icon_noticeCenter03.png) no-repeat 3px 9px;}
.noticeCenter .ul span.work{/*position:absolute;right:0;top:10px;.top:14px;*/float:right;}
.noticeCenter .ul .li div{/*position:absolute;bottom:0;*/width:100%;background:#efefef;height:16px;margin-top:10px;font-size:11px;font-family:"돋움체";color:#999999;float:right;height:15px;.height:16px;}
.noticeCenter .ul .li div p{float:right;color:#666666;}

.work{display:block;width:44px;height:18px;cursor:pointer;background:url(../../../images/cyberline/elns/common/btn/btn_work.png) no-repeat 0 0;}

.noticeCetner_con{overflow-y:auto;height:668px;}
.noticeCenter_con .noticeInfo{}


/*레이어*/
.layerTitle{border-bottom:2px solid #c1c1c1;padding-bottom:10px;text-align:center;position:relative;}
.layerTitle h1{font-family:"맑은 고딕";font-weight:bold;font-size:18px;letter-spacing:-1px;line-height:2;color:#000;}
.layerTitle input[type='image']{position:absolute;top:0;right:0;}
.layerContents{padding:10px 0;font-size:12px;}
.layerContents .img{text-align:center;}
.layerBottom{text-align:center;padding:10px 0;}
.layerBottom .btnB{margin:5px 0;}
.layerBottom ul{}
.layerBottom ul li{float:left;padding:0 5px;}
.layerBottom ul li img{vertical-align:middle;}
.layerBottom ul li.on a{font-weight:bold; background:#666666;color:#fff;padding:1px 3px;}
.leftAlign{overflow:hidden;width:350px;margin:0 auto;}
.leftAlign p{float:left;}
.layerSubs_text{clear:both;padding-top:15px;}

h1.notice{background:url(../../../images/cyberline/elns/sub/bl/icon_notice.png) no-repeat 35% 73%;}

/*노트/썸네일 속성펼치기 레이어*/
.note_attr_wrapper,
.thumNail_attr_wrapper{position:relative;top:-33px;float:left;width:100%;.position:absolute;.top:96px;}

.note_attr_wrapper{			/*속성 펼치기*/display:block;z-index:800;}

.note_attr_layer{min-height:150px;background:#fff url(../../../images/cyberline/elns/common/layout/bg_note_attr_layer.gif) repeat-x bottom;;padding:10px;overflow:auto;.width:auto;}
.note_attr_layer table th{width:80px;}
.note_attr_layer table th,
.note_attr_layer table td{height:33px;}

.note_attr_layer ul.thumSlide{padding:0 10px;		/*test*/display:table;margin-left:auto;margin-right:auto;/*.position:relative;.left:10%;.right:100%;.float:left;*/}
.note_attr_layer ul.thumSlide li{float:left;margin:0 3px;width:150px;height:201px;border:1px solid #c8c8c8;}
.thumBtn{width:25px!important;border:none!important;cursor:pointer;}


.note_attr_layer .box a.down{font-size:11px;text-decoration:underline;display:block;padding-left:18px;height:18px;overflow:hidden;}
a.pdf_down{background:url(../../../images/cyberline/elns/common/icon/icon_formDown.gif) no-repeat 0 0;}
a.orig_down{background:url(../../../images/cyberline/elns/common/icon/icon_formDown.gif) no-repeat 0 -19px;}
.note_attr_bottom{height:6px;background:url(../../../images/cyberline/elns/common/layout/bg_openLayer.png) repeat-x 0 0;}
.noteOpen{background:#fff!important;position:relative;}
.attribute_wrapper{position:absolute;top:0;left:38%;}
.attribute_wrapper span,
.attribute_wrapper_close span{cursor:pointer;}
.attribute_wrapper_close{position:absolute;left:46%;bottom:-29px;.bottom:-30px;}

/*썸네일펼치기 레이어*/
.thumNail_attr_wrapper{			/*속성 펼치기*/display:none;z-index:800;}

.imgshow_btn{position:absolute;z-index:799;top:50%;left:0;right:0;}
.btn_preImg{float:left;padding-left:20px;width:68px;height:74px;background:url(../../../images/cyberline/elns/common/btn/btn_left.png) no-repeat 20px 0;cursor:pointer;}
.btn_nextImg{float:right;padding-right:20px;width:68px;height:74px;background:url(../../../images/cyberline/elns/common/btn/btn_right.png) no-repeat 0 0;cursor:pointer;}

.img_show{width:99%;text-align:center;margin:10px;position:absolute;left:0;}
.img_show img{border:1px solid #c8c8c8;}

/* 2014-04-07 송치석 추가 ( 이미지 미리보기 )  */
.img_show_none{width:99%;text-align:center;margin:10px;position:absolute;left:0;}
.img_show_none img{border:1px solid #c8c8c8;}

.loading{background:url(../../../images/cyberline/elns/sub/bl/loading.gif) no-repeat center center;}
.imgPreview{border:none!important;margin-top:165px;}


/*기본alert*/
.alertLayer{width:270px;}
.alertTop{height:20px;background:url(../../../images/cyberline/elns/common/layout/bg_alertTop.png) no-repeat 0 0;position:relative;}
.alertTop h1{font-size:11px;color:#fff;text-align:center;padding-top:2px;.padding-top:1px;}
.alertTop input[type='image']{position:absolute;top:6px;right:10px;}
.alertContents{background:#fff;padding:10px;font-size:11px;text-align:center;}
.alertContents p{text-align:left;}
.alertContents input[type='image']{padding-top:10px;}
.alertBottom{height:10px;text-align:center;background:url(../../../images/cyberline/elns/common/layout/bg_alertBottom.png) no-repeat 0 0;}


/*목록 리스트 팝업*/
.liPopup{position:absolute;left:65px;top:140px;.top:145px;z-index:10000;background:url(../../../images/cyberline/elns/common/layout/bg_noticeTopLayer.png) repeat;border:1px solid #000;font-size:11px;padding:5px;text-align:left;			/*공람아이콘 클릭시 block*/display:block}
.liPopup_contents{position:relative;padding-right:20px;}
.liPopup span{display:block;line-height:1.7;}
.liPopup span.bgTri{display:block;width:9px;height:9px;position:absolute;top:-5px;left:-5px;background:url(../../../images/cyberline/elns/common/icon/bg_liPopup.gif) no-repeat 0 0;.width:200px;.top:-10px;}
.liPopup span input[type='image']{vertical-align:middle;position:absolute;right:0;}
/*공람 그룹명 오버시 생기는 레이어*/
.display_contents{left:100px;top:140px;.top:145px;}
.display_contents .liPopup_contents{position:relative;padding-right:0px;}

/*별점검색 팝업*/
.starPopup{position:absolute;left:65px;top:140px;.top:145px;z-index:10000;background:url(../../../images/cyberline/elns/common/layout/bg_noticeTopLayer.png) repeat;border:1px solid #000;font-size:11px;padding:5px;text-align:left;			/*공람아이콘 클릭시 block*/display:block}
.starPopup_contents{position:relative;padding-right:20px;}
.starPopup span{display:block;line-height:1.7;}
.starPopup span.bgTri{display:block;width:9px;height:9px;position:absolute;top:-5px;left:-5px;background:url(../../../images/cyberline/elns/common/icon/bg_liPopup.gif) no-repeat 0 0;.width:200px;.top:-10px;}
.starPopup span input[type='image']{vertical-align:middle;position:absolute;right:0;}

/*팝업*/
#elnPopup_wrapper{border:1px solid #838383;}
.layer{padding:10px;}
.popupTitle{position:relative;height:23px;padding-top:7px;background:#35373c;text-align:center;}
.popupTitle h1{text-align:center;color:#fff;font-size:12px;font-weight:bold;display:inline;}
.close{position:absolute;top:7px;right:10px;}
.popupContents{padding:10px 30px;}
.popupSection{border-bottom:1px solid #7f7f7f;padding:15px 0;overflow:auto;}
.box_wrapper{overflow:hidden;width:100%;}
.box_wrapper h3{padding-top:10px;}
div.box{float:left;}
div.box table{margin:20px 0;border:1px solid #ececec;font-size:11px;}
div.box table th,
div.box table td{height:25px;border-bottom:1px solid #ececec;}
div.box table th{text-align:center;padding:0 5px;font-family:"맑은 고딕";font-weight:bold;background:#f2f2f2;}
div.box table td{padding:0 5px;}
.popupSection div.box{float:left;}
.popupSection div.box span.text{display:block;float:left;padding-top:3px;}
.popupSection div.box select{margin:0 3px;}
.popupSection h2{float:left;padding:4px 15px 0 0;.padding:4px 15px 0 0;}
.popup_subTitle{padding:0 3px; font-size:11px;}

/*과제없을시*/
.workArea_no{padding:50px 0;background:url(../../../images/cyberline/elns/common/text/t_noWork.gif) no-repeat center center;text-align:right;}

/*과제있을시*/
.workList{width:565px;float:right;}
.workList li{border:1px solid #b9b9b9;height:25px;margin:4px 0;}
.workList li span{display:block;padding-top:3px;float:left;}
.workList li:hover{background:#ededed;}
.workList li span.l00{width:15px;text-align:center; padding-left: 5px; padding-right: 5px;}
.workList li span.l01{background:url(../../../images/cyberline/elns/common/icon/icon_document.gif) no-repeat 3px 4px;padding-left:20px;width:350px;}
.workList li span.l02{width:150px;text-align:left;}
/*.workList li span.l03{width:65px;text-align:center;}*/
.workList li span input[type='checkbox']{margin-top:3px;.margin-top:0;}


.dateText_area{position:relative;width:103px;height:22px;}
.dateText_area input[type='text']{position:absolute;top:0;left:0;width:100px;background: url(../../../images/cyberline/elns/common/icon/icon_form.png) right no-repeat;}
.date{display:block;width:14px;height:16px;position:absolute;top:2px;right:0;background:url(../../../images/cyberline/elns/common/btn/btn_date.gif) no-repeat 0 0;}
.tip{background:url(../../../images/cyberline/elns/common/icon/icon_tip.gif) no-repeat 0 0;color:#0065ab;font-size:11px;padding-top:1px;padding-left:33px;}

.positionBox_wrapper{position:relative;}
.positionBox{position:absolute;top:-28px;right:0px;border:1px solid #a5a5a5;text-align:center;}
.positionBox span{font-size:11px;font-weight:bold;}
.positionBox ul{width:82px;height:69px;}
.positionBox ul li{float:left;width:19px;height:15px;margin:3px;}
.positionBox ul li.on{background:#0077db;}

.fileArea{padding:30px 0;}

.optionList{width:565px;float:right;position:relative;}
.optionList li{background:url(../../../images/cyberline/elns/common/icon/bl_black01.gif) no-repeat 0 12px;height:28px;border-bottom:1px dashed #bfbfbf;padding:10px 0 0 15px;}
.optionList span.right{position:absolute;right:0;}
.btnY{display:block;float:left;padding-right:7px;width:39px;height:20px;overflow:hidden;background:url(../../../images/cyberline/elns/common/btn/btn_yes.gif) no-repeat 0 -20px;}
.btnN{display:block;float:left;width:39px;height:20px;overflow:hidden;background:url(../../../images/cyberline/elns/common/btn/btn_no.gif) no-repeat 0 -20px;}
.onY{background:url(../../../images/cyberline/elns/common/btn/btn_yes.gif) no-repeat 0 0;}
.onN{background:url(../../../images/cyberline/elns/common/btn/btn_no.gif) no-repeat 0 0;}

.subBoard{margin:10px 0;}

.subBoard{background:#d0def0 url(../../../images/cyberline/elns/common/layout/bg_subBoardL.gif) no-repeat left 0!important;}
.subBoard span.listClose{padding-top:7px;}
.subBoard_title{background:url(../../../images/cyberline/elns/common/layout/bg_subBoardR.gif) no-repeat right 0!important;border-bottom:none!important;}
.subBoard_title span{text-align:center;}
.subBoard li{height:22px;padding-top:2px;background:#fff;border-bottom:1px solid #d0def0;;padding:0;font-size:11px;color:#686868;}
.subBoard li span{display:block;float:left;padding-top:3px;}
.checkbox{widht:18px;padding:0 10px;}
.groupName{width:350px;.width:345px;text-align:left;}
.subBoard_title .groupName{text-align:center;color:#445f83;}
.groupPeople{width:170px;text-align:left;padding:0 5px;}
.email{width:280px;}
.affiliation{width:170px;}
.groupNotExsist{width:560px;.width:555px;text-align:center;}

.subBoard_title .groupPeople{text-align:center;color:#445f83;}

.popupBottom{padding-top:15px;text-align:center;}
.popupBottom span{padding:0 10px;}

.outside{background:url(../../../images/cyberline/elns/common/layout/bg_popup_outside.png) no-repeat 0 0;width:445px;}
.outside .layerTitle{border-bottom:0;padding-bottom:0px;}
.outside .layerBottom{padding-top:0px;}

.line{clear:both;padding:5px 0;}
.linkDe textarea{border:1px solid #b1b1b1;}

/*비밀번호 변경*/
.password_sub{width:370px;float:left;padding-left:30px;font-size:11px;margin-top:10px;}
.password_sub ul{background:#e8f1f6;padding:10px;}
.password_sub li{padding:7px 0;line-height:1.3;}
.password_sub span.tip{display:block;}