@charset "utf-8";
@import url("login.css");
@import url("contents.css");
@import url("templet.css");

/* 2011-04-11  */
html {overflow-y:scroll; overflow-x:hidden;}
body {margin:0;padding:0;font-size:12px;  font-family:"돋움",Dotum,Arial, Helvetica, sans-serif;color:#717176; background:#e1e1e1;  background:url('/site_media/images/common/bg_sub_top.gif') repeat-x left top; }
div, p, ul, li, table, th, td, textarea, input, span, form, select , h1, h2, h3, h4, h5, h6  {margin:0;padding:0;}
ul, ol, dl, dd, dt, li	{list-style-type:none; margin:0; padding:0;}
img {border:0;vertical-align:top;}
caption {position:absolute;top:-10000; overflow:hidden; visibility:hidden;height:0;width:0;}
legend {position:absolute;top:-10000; overflow:hidden; visibility:hidden;height:0;width:0;}
fieldset {margin:0;padding:0;border:0;} 
table {border-collapse:collapse; *table-layout: fixed; }
.hidden {position:absolute;top:-10000; overflow:hidden; visibility:hidden;height:0;width:0;}
.cb {clear:both;}
.vm {border:1px solid #d5d8db;}
input[type="button"] {font-family: NanumGothic;} 


/* 폼검증 에러 class */
input.error, textarea.error{border:1px solid red;}
label.error{margin-left:2px; margin-top:2px;color:red;display:block;}

/* default */
a {color:#878787;text-decoration:none;} a:hover {color:#878787; text-decoration:none;}

/* 컨텐츠정렬관련 */
.al {text-align:left;} .ac {text-align:center;} .ar {text-align:right;}
.flLeft {float:left;}
.flRight {float:right;}

.ptR {position:relative; *width:620px;}
.edBtnRight {position:absolute; right:25px;  *right:37px;  top:0;}

/* 2011.04.11 */
.vtTop {vertical-align:top;}

/* 숨김처리 */
.backImgHd {background:none;}


/* skip-navigation */
.skipNavigation {position:absolute;top:-10000; overflow:hidden; visibility:hidden;height:0;width:0;}
.png24 { tmp:expression(setPng24(this));}

/* Wrap */
#Wrap {position:relative;width:1000px; }

/* header */
#header {overflow:hidden; height:66px;  }
#header h1 {float:left; }
#header h1 img {margin:23px 0 0 10px; width:176px; height:32px; float:left; }

.gnbMenu {position:absolute; right:147px; top:15px; overflow:hidden; }
.gnbMenu li{float:left; padding:0 0 0 12px; background:url('/site_media/images/common/line_gnb.gif') no-repeat 6px 1px; }
.gnbMenu li a{display:inline-block; color:#3a3939; font-size:11px;}
.gnbMenu li.backNone {background:none;}

.selWrap {float:right;   z-index:1000; }
.selWrap .selLine {position:absolute; right:10px; top:12px;  background:#c1c1c1; color:#666666; display:inline-block; border:1px solid #6a6a6a; width:115px; padding:3px 0 3px 11px; font-size:11px; letter-spacing:-1px;}
.selWrap .selLineArr { position:absolute; right:16px; top:20px;}
.selWrap .secSelectList {position:absolute; top:30px; right:10px; width:126px;  display:block; background:#c1c1c1; border-left:1px solid #6a6a6a;border-right:1px solid #6a6a6a;border-bottom:1px solid #6a6a6a; z-index:1000; }
.selWrap .secSelectList span {display:block;padding:3px 0 3px 11px; font-size:11px;}
.selWrap .secSelectList span a {color:#666666; }

/* container 2011_01_12*/
#container {overflow: hidden; width:1000px; background:url('/site_media/images/common/bg_container.gif') repeat-y left top; float:left;}

/* snb 2011_01_12*/
#snb {float:left; overflow: hidden;  width:190px;  display: inline; margin:0 30 0 0; }
.groupName {background:url('/site_media/images/common/bg_tit.gif') repeat-y right top;width:191px; }
.groupName h2 {padding:11px 10px 10px 34px; background:url('/site_media/images/common/img_tit1.gif') no-repeat left top; color:#c30350; font-size:12px; font-weight:bold;}

.profileArea {width:172px;  float:left; overflow: hidden; padding:9px; background:#ebebeb; border-bottom:1px solid #b3b4b4;}
.profileArea .proImg {float:left;}
.profileArea .proImg img {width:53px; height:50px; border:1px solid #c9c9c9;}
.profileArea .proText {width:95px; margin:0 0 0 9px; float:left; color:#120202;}

.leftMenu { width:180px; margin:7px 0 30px 8px; float:left; overflow: hidden; display: inline; }
.leftMenu li {float:left;margin:0 0 3px 0;  overflow: hidden;  width:180px; background:url('/site_media/images/common/line_left.gif') no-repeat right bottom;}
.leftMenu li .secIcon img {float:left; cursor:pointer}
.leftMenu li .secText { float:left; width:135px; padding:14px 0 4px 0; display:block;  margin:0 0 0 11px;color:#3a3939; font-weight:bold;}

.leftEtc {border-bottom:1px solid #b3b4b4; border-top:1px solid #b3b4b4; position:relative; overflow: hidden; width:176px; background:#ebebeb; padding:10px 0 10px 14px; }
.leftEtc .secText { color:#4d4d4d; font-weight:bold; display:inline-block; width:145px; }
.leftEtc .secBtn {position:absolute;  right:10px; top:9px; display:inline-block;}
.botLineNone {border-bottom:0;}

/* left Summary Info */
.sumInfodefault {margin:0 0 0 0; padding:10px 0 17px 0; border-top:1px solid #b3b4b4; }
.sumInfodefault .connect {font-size:11px; text-align:right; color:#3a3939;}
.sumInfodefault .connect img {vertical-align:middle;}
.sumInfodefault .number {color:#d7094e; padding:0 6px 0 0;}
.sumInfodefault .totalGB {color:#3a3939; text-align:center; margin:9px 0 0 0;}
.sumInfodefault .numMenu {margin:16px 0 -15px 5px;}
.sumInfodefault .graybox {color:#000000; font-weight:bold;  text-align:center; width:184px; border:1px solid #dedede; background:#f4f4f4; padding:13px 0 13px 0; margin:9px auto 0 auto;word-break:break-all; word-wrap:break-word;}
.sumInfodefault .graybox img {vertical-align:middle;}
.graph  {width:100%; border:1px solid #e8e8e8; margin:19px auto 0 auto ; width:183px; }
.graph  td {text-align:center; font-size:11px; color:#fff;}
.graph  td.greenbg {background:url('/site_media/images/common/left_sum_green.gif') repeat-x left top;}
.graph  td.graybg {background:url('/site_media/images/common/left_sum_gray.gif') repeat-x left top;}
.graph  td.redbg {background:url('/site_media/images/common/left_sum_red.gif') repeat-x left top;}
.graph  td.bluebg {background:url('/site_media/images/common/left_sum_blue.gif') repeat-x left top;}

.noticeList {border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;padding:11px 9px 8px 9px; color:#3a3939; font-size:11px;}
.noticeList .titBu a {color:#3a3939;}


/* content 2011_01_12*/
#content {overflow: hidden;   float:right; width:810px; display: inline;}
.location {background:#efeff0; height:29px; border-bottom:1px solid #b6b7b7; float:left; overflow: hidden;   width:809px; margin:0 0 0 1px; _margin:0 0 0 0;}
.location .locImg {float:left; }
.location .locImg img {vertical-align:middle; margin:7px 0 0 8px;  }
.location .locText{color:#000000; padding:9px 0 0 9px; float:left; }
.location .locSelText{color:#000000; padding:9px 0 0 9px; float:left; font-weight:bold;}
.location .locSelText img {vertical-align:middle; margin:-2px 4px 0 0;  border:0px solid #000;}

/* 팝업레이어 */

.layerPop {background:#fff; border:5px solid #d7094e; width:717px;  position:absolute;  left:200px; top:100px; z-index:3000;}
.layerPop .leftTop {position:absolute; left:0; top:0;border:1px solid #000;}
.layerPop .rightTop {position:absolute;right:0; top:0;border:1px solid #000;}
.layerPop .leftBot {position:absolute;left:0; bottom:0;border:1px solid #000;}
.layerPop .rightBot {position:absolute;right:0; bottom:0;border:1px solid #000;}

/*페이징*/
.paging {margin:0 0 0 0; text-align:center; clear:both; }
.paging .arrBtn a {padding:0 0 0 0;}
.paging .arrBtn a img {vertical-align:middle;}
.paging a {display:inline-block; padding:0 6px 0 6px; color:#999999; font-size:11px; }
.paging a.active {color:#eb4478; font-weight:bold;}

/*검색 2011_01_12*/
.schForm {margin-bottom:20px; overflow: hidden; ; padding-top:20px;  float:left;}
.schFormWrap { float:left; margin-left:219px; display: inline; width:400px;}
.schFormWrap  select {height:24px;}
.schFormWrap .inpBox {border:1px solid #dee0e4; height:22px;}

/*검색 2011_01_12*/
.schSubForm {margin-bottom:20px; overflow: hidden; ; padding-top:20px;    }
.schSubForm .schFormWrap { float:right;  border:1px solid #000;}
.schSubForm .schFormWrap  select {height:24px; margin-right:4px;  float:left; }
.schSubForm .schFormWrap .inpBox {border:1px solid #dee0e4; height:22px;  float:left; margin-right:5px; margin-right:5px; }

/*검색 2011_05_09*/
.schSubForm {margin-bottom:20px; overflow: hidden; ; padding-top:20px;    }
.schSubForm .schFormWrap33 { float:right;}
.schSubForm .schFormWrap33  select {height:24px; margin-right:4px;  float:left; }
.schSubForm .schFormWrap33 .inpBox {border:1px solid #dee0e4; height:22px;  float:left; margin-right:5px; margin-right:5px; }

/*로그 검색 */
.schSubForm .schFormWrap2 { float:left; margin-left:219px; display: inline; width:260px;}
.schSubForm .schFormWrap2  select {height:24px; float:left; margin-right:4px;}
.schSubForm .schFormWrap2 .inpBox {border:1px solid #dee0e4; height:22px;}

/* 컨텐츠상단검색 2011_01_12*/ 
.topSchArea { position:relative; height:25px;}
.selArea {position:absolute; left:18px; top:0;}
.comchForm {position:absolute; right:24px; *right:55px; top:0; }
.comchFormWrap  select {height:25px; float:left; margin-right:4px; font-size:12px;}
.comchFormWrap .inpBox {border:1px solid #dee0e4; height:22px;}

/* footer */
#footer {clear:both; width:100%; height:36px; border-top:1px solid #c5c5c5; background:#e1e1e1;}
#footer p {margin:12px 0 0 354px; color:#343434;}

.chBox {width:14px; height:14px; vertical-align:top;}
.book_chBox {width:14px; height:14px; margin:5px 7px 0 0; float:left;}

/*2011_01_27*/
.ovHidden {overflow:hidden;}

/*2011_02_16*/
.icLeftNum {margin:17px 0 0 5px;}
.icLeftNum span {width:12px; height:11px; text-align:center; display:inline-block; color:#fff; font-weight:bold; letter-spacing:-1px; font-size:11px; }
.icLeftNumGreen {background:url('/site_media/images/btn/ic_left.gif') no-repeat left top;}
.icLeftNumBlue {background:url('/site_media/images/btn/ic_left.gif') no-repeat -15px top;}
.icLeftNumPink {background:url('/site_media/images/btn/ic_left.gif') no-repeat -30px top;}
.icLeftNumGray {background:url('/site_media/images/btn/ic_left.gif') no-repeat -45px top;}
.icLeftNumOrange {background:url('/site_media/images/btn/ic_left.gif') no-repeat -60px top;}
.icLeftNumBG {background:url('/site_media/images/btn/ic_left.gif') no-repeat -75px top;}
.icLeftNumViolet {background:url('/site_media/images/btn/ic_left.gif') no-repeat -90px top;}
.icLeftNumVB {background:url('/site_media/images/btn/ic_left.gif') no-repeat -105px top;}

.leftBoxCom {padding:10px 30px 10px 30px; text-align:left; color:#d91556; display:inline-block; font-weight:normal;}

/*폴더 검색 2011_02_22*/
.schFolderForm {margin-bottom:20px; overflow: hidden; ; padding-top:20px;  float:right;  }
.schFolderForm .schFormWrap { float:left; margin-left:219px; display: inline; width:533px;}
.schFolderForm .schFormWrap  select {height:24px; float:left; margin-right:4px;}
.schFolderForm .schFormWrap .inpBox {border:1px solid #dee0e4; height:22px;}

/* 경고팝업레이어 */
.alertPop {padding:10px; background:#fff; border:5px solid #d7094e;  width:260px; height:148px; position:absolute;  left:400px; top:120px; z-index:4000;}
.alertPop .alerttitle {overflow: hidden;   background:url('/site_media/images/common/line_stit.gif') repeat-x left bottom; padding-bottom:15px;}
.alertPop .alerttitle .sTit {background:url('/site_media/images/common/bu_tit.gif') no-repeat left top; padding-left:9px; color:#3d3d3d; font-size:14px; letter-spacing:-1px; font-weight:bold;}
.alertPop .ssec01 {padding:12px 0 0 0; line-height:2;}

.schCenterForm {margin-bottom:0px; overflow: hidden; ; padding-top:0px; width:100%;  float:left; }
.schCenterForm .schcFormWrap { width:360px; margin:0 auto; }
.schCenterForm .schcFormWrap  select {height:24px; float:left; margin-right:4px;}
.schCenterForm .schcFormWrap .inpBox {border:1px solid #dee0e4; height:22px;}

/* 즐겨찾기 아무런 파일이 없을시 no file 2011_04_25 */
.noFile { border: 3px solid #B4B4B4; display: inline;   float: left;   height: 238px;   margin: 30px auto 30px 107px;   overflow: hidden;   width: 434px; }
.noFile p { text-align: center;}
.noFile img {border: 0 none; vertical-align: top; }