@charset "utf-8";

/*1. 공통 */
/*html {margin: 0; padding: 0;}*/
html, body { height: 100%; margin: 0; padding: 0; }
#header { height: 100px; background: #ddd; position: relative; z-index: 1; }
body {margin: 0; padding: 0; font-family:Arial; font-size:14px; line-height: 1.5em; -webkit-text-size-adjust: none;  font-family:"Malgun Gothic", Arial, Dotum, Tahoma, "Lucida Grande", Verdana, AppleGothic, UnDotum, sans-serif;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {margin: 0; padding: 0; font-size:14px; }
p{line-height:1.5em; margin:0; padding:0;}
table{border-spacing:0; border-collapse:collapse;}
abbr,acronym,fieldset,img {border:0;}
ol,ul,dl {list-style:none;}
a:link, a:visited {color:#009966; text-decoration:none;}
a:active, a:hover {color:##0099cc; text-decoration:none;}
textarea{font-family:Dotum; font-size:12px; border:1px solid #dcdce6;}

input {padding:5px 3px 0px 3px;}

body {background:#f0f3f9;}
#wrap {overflow:hidden; position:relative; width:980px; margin:0 auto;}

/* 2. login */
.loginBg {border:0px solid red; text-align:center; width:100%; margin:0; background:url(../../img/login_back_pc.jpg) repeat;}

.loginWrap {border:0px solid cyan; text-align:left; width:320px; margin:0 auto; text-align:center;}
.loginWrap h1{padding-top:70px; line-height:normal;}
.loginWrap h2{padding-top:30px; font-size:18px; color:#2f4164; line-height:normal;}
.loginWrap .boxWrap{width:320px; margin:17px 0 0 20px; background:url(../../img/boxWrap_bg.gif) no-repeat;}
.loginWrap .rb{width:320px; margin:0 0 0 20px; height:5px; background:url(../../img/boxWrap_bottom.gif) no-repeat;}

.loginWrap .loginInput {position:relative; width:270px; margin-left:4px; padding-top:20px; color:#333; text-align:left;}
.loginWrap .loginInput .txt {border:0px solid red; margin-top:10px; padding:0 0 10px 43px; font-size:14px;}
.loginWrap .loginInput .btn {position:absolute; top:25px; right:15px;}
.loginWrap .id span{display:inline-block; width:28px; margin-left:18px; font-weight:bold;}
.loginWrap .id input{width:130px; height:20px; margin-top:5px; padding:2px 0 0 2px; color:#1b1b1b; border:1px solid}
.loginWrap .pw span{display:inline-block; width:28px; margin-left:18px; font-weight:bold;}
.loginWrap .pw input{width:130px; height:20px; margin-top:3px; padding:2px 0 0 2px; color:#1b1b1b; border:1px solid}
.loginWrap .check {margin-top:-4px; margin-left:8px; margin-right:2px; vertical-align:middle;}

.loginWrap .loginMsg {clear:both; position:relative; top:226px; left:20px; width:280px; margin-top:3px;}
.loginWrap .loginMsg p{font-size:12px; color:#393939; line-height:14px; letter-spacing:-1px;}
.loginWrap .loginMsg p span{color:#ff5a00;}
.loginWrap .loginMsg p.btn1{margin-top:3px;}

/* 3. Page 공통 */
.topWrapBg {width:100%; display:inline-block; border:0px solid cyan}
.topWrap {position:relative; width:980px; margin:0 auto; font-size:0; border:0px solid blue}
.topWrap h1 {position:absolute; top:1px; left:6px; border:0px solid red}
.topWrap .info {overflow:hidden; position:absolute; top:6px; right:0;  border:0px solid black}
.topWrap .info li{float:left; margin-left:5px;}
.topWrap .info li a{padding:2px 0 0 0;}
.topWrap .ip{padding:1px 6px 0 0; font-family:Dotum; font-size:13px; font-weight:bold; color:#485b6d;}
.topWrap .name{padding-left:12px; padding-right:5px; font-family:Dotum; font-size:13px; font-weight:bold; color:#057dcb; background:url(../../img/bar.gif) no-repeat left 4px;}

#gnb {overflow:hidden; padding:34px 0 0 0; background:url(../../img/gnb_bg.gif) no-repeat 0px 27px;  border:0px solid pink}
#gnb .gnbmenu{height:43px; margin-top:-7px;}
#gnb .gnbmenu li{display:block; float:left; font-size:13px; font-weight:bold; line-height:30px; text-align:center; background:url(../../img/gnb_Line.gif) no-repeat 0 center;}
#gnb li.lineno{background:none;}
#gnb li a{display:block; color:#fff; padding-top:7px;}

#gnb li.menu01{width:96px; height:43px; margin:0 auto;}
#gnb li.menu01 a:hover{width:96px; height:43px; margin:0 auto; background:url(../../img/gnb_bg04.gif) no-repeat center 0px;}
#gnb li.menu01on{width:96px; height:43px; margin:0 auto; background:url(../../img/gnb_bg04.gif) no-repeat center 0px;}
#gnb li.menu02{width:82px; height:43px; margin:0 auto;}
#gnb li.menu02 a:hover{width:82px; height:43px; margin:0 auto; background:url(../../img/gnb_bg02.gif) no-repeat center 0px;}
#gnb li.menu02on{width:82px; height:43px; margin:0 auto; background:url(../../img/gnb_bg02.gif) no-repeat center 0px;}
#gnb li.menu03{width:84px; height:43px; margin:0 auto;}
#gnb li.menu03 a:hover{width:84px; height:43px; margin:0 auto; background:url(../../img/gnb_bg03.gif) no-repeat center 0px;}
#gnb li.menu03on{width:84px; height:43px; margin:0 auto; background:url(../../img/gnb_bg03.gif) no-repeat center 0px;}
#gnb li.menu04{width:96px; height:43px; margin:0 auto;}
#gnb li.menu04 a:hover{width:96px; height:43px; margin:0 auto; background:url(../../img/gnb_bg04.gif) no-repeat center 0px;}
#gnb li.menu04on{width:96px; height:43px; margin:0 auto; background:url(../../img/gnb_bg04.gif) no-repeat center 0px;}
#gnb li.menu05{width:82px; height:43px; margin:0 auto;}
#gnb li.menu05 a:hover{width:82px; height:43px; margin:0 auto; background:url(../../img/gnb_bg02.gif) no-repeat center 0px;}
#gnb li.menu05on{width:82px; height:43px; margin:0 auto; background:url(../../img/gnb_bg02.gif) no-repeat center 0px;}
#gnb li.menu06{width:82px; height:43px; margin:0 auto;}
#gnb li.menu06 a:hover{width:82px; height:43px; margin:0 auto; background:url(../../img/gnb_bg02.gif) no-repeat center 0px;}
#gnb li.menu06on{width:82px; height:43px; margin:0 auto; background:url(../../img/gnb_bg02.gif) no-repeat center 0px;}
#gnb li.menu07{float:right; width:63px; height:43px; margin:0 auto;}
#gnb li.menu07 a:hover{float:right; width:63px; height:43px; margin:0 auto; background:url(../../img/gnb_bg06.gif) no-repeat center 32px;}
#gnb li.menu07on{float:right; width:63px; height:43px; margin:0 auto; background:url(../../img/gnb_bg06.gif) no-repeat center 32px;}
#gnb li.menu08{float:right; width:56px; height:43px; margin:0 auto;}
#gnb li.menu08 a:hover{float:right; width:56px; height:43px; margin:0 auto; background:url(../../img/gnb_bg05.gif) no-repeat center 32px;}
#gnb li.menu08on{float:right; width:56px; height:43px; margin:0 auto; background:url(../../img/gnb_bg05.gif) no-repeat center 32px;}
#gnb li.menu09{width:82px; height:43px; margin:0 auto;}
#gnb li.menu09 a:hover{width:82px; height:43px; margin:0 auto; background:url(../../img/gnb_bg02.gif) no-repeat center 0px;}
#gnb li.menu09on{width:82px; height:43px; margin:0 auto; background:url(../../img/gnb_bg02.gif) no-repeat center 0px;}
#gnb li.menu10{width:105px; height:43px; margin:0 auto;}
#gnb li.menu10 a:hover{width:105px; height:43px; margin:0 auto; background:url(../../img/gnb_bg02.gif) no-repeat center 0px;}
#gnb li.menu10on{width:105px; height:43px; margin:0 auto; background:url(../../img/gnb_bg02.gif) no-repeat center 0px;}

/* 5. sub Page */
.contBg {background:#e8f1f7;}
.mainBg {background:url(../../img/index_bg_520.jpg) no-repeat; height:100%;}
.contWrap {overflow:hidden; padding-bottom:20px;  margin:0 0 -90px 0; width:980px; margin:18px auto 0 auto;}
.contWrap .titleWrap{height:52px;}
.contWrap .titleWrap li{float:left;}
.contWrap .titleWrap h2{padding-left:6px; color:#32394c; font-size:24px;}
.contWrap .titleWrap .page{padding-right:8px; padding-top:10px; color:#696969; font-family:Dotum; font-size:12px;}

/*
.contWrap .menuBox {width:100%; height:45px; border:0px solid red;}
.contWrap .menuBox .groupBox {float:left; width:150px; margin-top:15px; border:0px solid cyan;}
.contWrap .menuBox .groupBox .title {border:0px solid red; margin-top:15px; margin-bottom:5px; padding-left:5px; font-size:16px; font-weight:bold; color:#1678db;}

.contWrap .menuBox .actionBox {float:left; margin-top:15px; border:0px solid green;}
.contWrap .menuBox .actionBox .title {border:0px solid red; margin-top:15px; margin-bottom:5px; padding-left:5px; font-size:16px; font-weight:bold; color:#1678db;}
*/

.statUsageSub{height:21px; margin-bottom:10px;}
.statUsageSub ul.ll{float:left;}
.statUsageSub .ll li{float:left; padding-right:16px;}

.contWrap .leftWrap  {width:540px; height:690px; border:1px solid blue; float:left; }
.contWrap .rightWrap {width:430px; height:690px; border:1px solid green; display:inline-block; margin-left:2px; }

.contWrap .imgListFind {width:538px; height:522px; border:0px solid pink; }
.contWrap .imgListMgmt {width:538px; height:623px; border:0px solid magenta; }

.imgList .imgBox {margin:1px; display:inline-block; border:0px solid grey; width:123px; height:123px; background-size: 100% 100%;}
.imgList .imgBox2 {margin:1px; display:inline-block; border:0px solid grey; width:123px; height:150px; background-size: 100% 100%;}
.imgList .imgTag {width:123px; height:123px;}
.imgList .imgItem {background-color:#009944; filter:alpha(opacity=85); color:white; font-size:16px; }


.imgSelect .imgSel0 { border:2px solid white; }
.imgSelect .imgSel1 { border:2px solid #00cc33; }

/* 5.2 목록 테이블 */
.listTbl {width:100%;}
.listTbl table{width:100%; border:1px solid #dcdce6;}
.listTbl th{overflow:hidden; height:32px; line-height:32px; padding:0px 3px 0 12px; color:#58666f; text-align:left; text-overflow: ellipsis; -o-text-overflow: ellipsis; background:url(../../img/tbl_bg.gif) repeat-x;}
.listTbl td{height:32px; padding:1px 3px 0 12px; border-bottom:1px solid #dcdce6; font-family:Dotum;  font-size:12px; color:#4a4a4a; background-color:#fff; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow:hidden;}
.listTbl td a{color:#000;}
.listTbl td.tit{padding-left:3px;}
.listTbl .date{font-size:12px; color:#8a8a8a; font-weight:bold;}
.listTbl .title{height:28px; padding:1px 3px 0 15px; border-bottom: 1px solid #C4CDD9;}
.listTbl .bg{height:28px; padding:1px 3px 0 3px; background-color:#F2F2F4;}
.listTbl .contents{height:150px; padding:1px 3px 0 3px; color:#636363; background-color:#fff;}
.listTbl .tdc {text-align:center; height: 3px;}
.listTbl .subtitle {float: left; font-weight:bold;}
.listTbl textarea{width:480px; height:100px; margin:5px 0 5px 0; padding:10px; border:1px solid #7f9db9;}
.listTbl .tdd{margin:5px 0 5px 0; width:50%; text-align:center; }
.listTbl .tdd2{margin:20px 0 0 0; width:100%; }
.listTbl .tdd2 textarea{width:480px; height:50px; margin:5px 0 5px 0; padding:10px; border:1px solid #7f9db9; }
.Tbl_btn1{vertical-align:top;}

.hiddenframe {border:0; frameborder:0; width:0; height:0; marginheight:0; marginwidth:0; }
.scrollframe {scrolling:yes; border:0; frameborder:0; marginheight:0; marginwidth:0; }
.fixedframe  {scrolling:no;  border:0; frameborder:0; marginheight:0; marginwidth:0; }