@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html,body,form{height: 100%; width: 100%; margin: 0; padding: 0;font-family:'Nanum Gothic','맑은 고딕', 'Malgun Gothic', sans-serif;}
body {background-color:#efefef}
.clear{clear:both; float:none;}
.loginHeadW{background-color:#ddd;}
#InputId,#InputPW{ width: 183px; padding:9px 10px; color:#333; border:1px solid #ccc; background-color:#fff; background-image:none; white-space:nowrap; word-spacing:30px;}
#loginHead{width:1003px; margin:0 auto; padding-top:90px;}
#loginHead > h1{padding-bottom:15px; width:50%; float:left;}

#loginHead > p{display:block; width:50%;  float:left; text-align:right; font-family:'Nanum Gothic','맑은 고딕', 'Malgun Gothic', sans-serif; font-size:27px; font-weight:bold; color:#2a2a44;}
#loginCon{background:url(/_img/loginBg.jpg); background-position:50% 0; background-size: cover; height:428px; position:relative;}
#loginCon > p{display:block; position:absolute;  top:135px; font-size:44px; line-height:60px; color:#fff; font-family:'Nanum Gothic','맑은 고딕', 'Malgun Gothic', sans-serif; left:50%; margin-left:-500px;}
#loginCon > p > span{font-weight:bold;}
#loginCon > div {width:205px; position:absolute; left:50%; margin-left:285px; top:103px; color:#fff;} 
#loginCon > div > input{}
#loginSubmit{background-color:#343257; border:0; text-align:center; color:#fff; font-weight:bold; width:180px; height:43px; line-height:43px; margin-top:20px; cursor:pointer;}
#loginFoot{width:1003px; margin:0 auto; font-family:'Nanum Gothic','맑은 고딕', 'Malgun Gothic', sans-serif; font-size:12px; margin-top:30px; line-height:19.5px; color:#999999;}
#loginFoot > span{color:#fff; font-weight:bold;}

#InputId{font: 13px/30px "맑은 고딕","Malgun Gothic",sans-serif; letter-spacing:1px; margin-bottom: 5px;}
#InputPW{ font: 14px/30px "맑은 고딕","Malgun Gothic",sans-serif; letter-spacing: 2px; margin-bottom: 10px;}

.wrap{background-color:#efefef; height:100%; min-width:1003px;min-height:900px;}
.gnbW{height:100%; width:220px; float:left; background-color:#262b33; box-shadow:0px 0px 5px #666; position:fixed;}
.gnbW > ul.con {padding-top:30px; font-family:'Nanum Gothic','맑은 고딕', 'Malgun Gothic', sans-serif; font-size:15px; font-weight:700;}
.gnbW > ul.con > li{padding-left:25px; line-height:15px;}
table {
    border-collapse: collapse;
}

.loginDethContents{position:absolute; left:50%; width:380px; margin-left:-220px; background-color:#343257; top:380px; padding:110px 30px 20px; color:#fff;}
.loginDethContents > span > a{color:#fff;}
.loginContents{position:absolute; left:50%; width:380px; margin-left:-210px; background-color:#fff; top:195px; padding:25px 20px; box-shadow:1px 1px 3px #888;}
.loginContents > h3{font-size:26px; margin-bottom:25px;}
.loginContents > div.loginW{}
.loginContents > div.loginW input[type="text"]{width:370px; border:1px solid #ccc; padding:5px; margin:5px 0 10px;;}
.loginContents > div.loginW input[type="password"]{width:370px; border:1px solid #ccc; padding:5px; margin:5px 0 10px;;}
.joinBt{display:inline-block; float:right;}

table, th, td {
/*    border: 0px solid black;*/
}
/*
.gnbW > ul.con > li:nth-child(2){height:150px;} 
*/
.gnbW > ul.con > li > a{color:#999; width:100%; padding:16px 0; display:inline-block;}
.gnbW > ul.con > li.on > a{color:#fff;}
.gnbW > ul.con > li > ul{margin-left:-25px; list-style:disc;}
.gnbW > ul.con > li > ul > li{padding-left:50px; background:url(/_img/listDot.gif) no-repeat 30px 23px; background-color:#1f242a;}
.gnbW > ul.con > li > ul > li > a{width:100%; padding:16px 0; display:inline-block;}
.gnbW > ul.con > li > ul > li.on > a{color:#ccc;}
.gnbW a{color:#666;}

.gnbW >.user{bottom:0; position:absolute; background-color:#1f242a; padding-top:23px; height:52px; line-height:23px; color:#999; width:220px; text-align:center; font-size:12px; font-weight:700;}
.gnbW >.user > span{display:inline-block; width:66px; background-color:#a1a1a1; height:23px; line-height:23px; cursor:pointer; border-radius:7px; font-weight:800; color:#fff;}
.gnbW >.user > span a { color:#fff;}

.contens{float:left; margin-left:250px; margin-top:35px;}
.contens > h3{font-size:30px; color:#343257; margin-bottom:20px;}
.searchW{background-color:#fff; margin-right:30px; box-shadow:1px 1px 3px #ccc; height:40px; margin-bottom:30px;line-height:30px; padding:5px;}
.searchW span{ line-height:15px;}

.listCon > .tableShadow{background-color:#fff; box-shadow:1px 1px 3px #ccc;}
.listCon > .tableShadow > table {width:100%; background-color:#e8e8e8; text-align:center; font-size:13px;}
.listCon > .tableShadow > table > tbody > tr > th{background-color:#262b33; color:#fff; height:40px; color:#e8e8e8; border:1px solid #d2d2d2;}
.listCon > .tableShadow > table > thead > tr > th{background-color:#262b33; color:#fff; height:40px; color:#e8e8e8; border:1px solid #d2d2d2;}
.listCon > .tableShadow > table > tbody > tr > td{height:40px; border:#eee 1px solid; background-color:#fff; color:#333;}
.listCon > .tableShadow > table > tbody > tr > td.alignL{text-align:left; text-indent:20px;}
.listCon > .tblaeInfo{height:25px; font-size:14px; margin-right:30px;}
.listCon > .tblaeInfo > span{display:inline-block; float:right; background-color:#3d64ac; padding:5px 10px; border-radius:7px; color:#fff; font-size:12px; font-weight:bold; box-shadow:1px 1px 3px #ccc; cursor:pointer;}



.tableShadowStyleOne {width:100%; background-color:#e8e8e8; text-align:center; font-size:13px;}
.tableShadowStyleOne > tbody > tr > th{background-color:#262b33; color:#fff; height:40px; color:#e8e8e8; border:1px solid #d2d2d2;}
.tableShadowStyleOne > thead > tr > th{background-color:#262b33; color:#fff; height:40px; color:#e8e8e8; border:1px solid #d2d2d2;}
.tableShadowStyleOne > tbody > tr > td{height:40px; border:#eee 1px solid; background-color:#fff; color:#333;}
.tableShadowStyleOne > tbody > tr > td.alignL{text-align:left; text-indent:20px;}

.tableShadow > table > tbody > tr > td > a > span.step01{color:#999; background-color:#fff; border-color:#ccc;}
.tableShadow > table > tbody > tr > td > a > span.step02{color:#ccc; background-color:#595959; border-color:#595959;}
.tableShadow > table > tbody > tr > td > a > span.step03{color:#ced8ea; background-color:#3d64ac; border-color:#3d64ac; }
.tableShadow > table > tbody > tr > td > a > span.step04{color:#e3cddd; background-color:red; border-color:red;}

span.step01{color:#999; background-color:#fff; border-color:#ccc;}
span.step02{color:#ccc; background-color:#595959; border-color:#595959;}
span.step03{color:#ced8ea; background-color:#3d64ac; border-color:#3d64ac;}
span.step04{color:#e3cddd; background-color:red; border-color:red;}

.writeCon > .tableShadow{background-color:#fff; margin-right:30px; box-shadow:1px 1px 3px #ccc; background-color:#e8e8e8;}
.writeCon > .tableShadow > form > table {width:100%; background-color:#e8e8e8; font-size:13px;}
.writeCon > .tableShadow > form > table > tbody > tr > th{background-color:#f9f9f9; color:#fff; height:40px; color:#333; border:1px solid #d2d2d2}
.writeCon > .tableShadow > form > table > tbody > tr > td{height:40px; color:#333; background-color:#fff; text-indent:20px; border:1px solid #d2d2d2}
.writeCon > .tblaeInfo{height:35px; font-size:14px; margin-right:30px;}
.writeCon > .tblaeInfo > span{display:inline-block; float:right; background-color:#3d64ac; padding:5px 10px; border-radius:7px; color:#fff; font-size:12px; font-weight:bold; box-shadow:1px 1px 3px #ccc; cursor:pointer;}

.writeConSub {background-color:#fff; margin-right:30px; box-shadow:1px 1px 3px #ccc; background-color:#e8e8e8;}
.writeConSub > table {width:100%; background-color:#e8e8e8; font-size:13px;}
.writeConSub > table > tbody > tr > th{background-color:#f9f9f9; color:#fff; height:40px; color:#333; border:1px solid #d2d2d2}
.writeConSub >  table > tbody > tr > td{height:40px; color:#333; background-color:#fff; text-indent:20px; border:1px solid #d2d2d2}
.writeConSub > .tblaeInfo{height:35px; font-size:14px; margin-right:30px;}
.writeConSub > .tblaeInfo > span{display:inline-block; float:right; background-color:#3d64ac; padding:5px 10px; border-radius:7px; color:#fff; font-size:12px; font-weight:bold; box-shadow:1px 1px 3px #ccc; cursor:pointer;}


.pop_project  > form > table {width:100%; background-color:#e8e8e8; font-size:13px;}
.pop_project > form > table > tbody > tr > th{background-color:#f9f9f9; color:#fff; height:40px; color:#333; border:1px solid #d2d2d2}
.pop_project > form > table > tbody > tr > td{height:40px; color:#333; background-color:#fff; text-indent:20px; border:1px solid #d2d2d2}
.pop_project > .tblaeInfo{height:35px; font-size:14px; margin-right:30px;}
.pop_project > .tblaeInfo > span{display:inline-block; float:right; background-color:#3d64ac; padding:5px 10px; border-radius:7px; color:#fff; font-size:12px; font-weight:bold; box-shadow:1px 1px 3px #ccc; cursor:pointer;}

.viewCon > .tableShadow{background-color:#fff; margin-right:30px; box-shadow:1px 1px 3px #ccc; background-color:#e8e8e8;}
.viewCon > .tableShadow > table {width:100%; background-color:#e8e8e8; font-size:13px; border:1px solid #d2d2d2}
.viewCon > .tableShadow > table > tbody > tr > th{background-color:#f9f9f9; color:#fff; height:40px; color:#333; border:1px solid #d2d2d2}
.viewCon > .tableShadow > table > tbody > tr > td{height:40px; color:#333; background-color:#fff; text-indent:20px; border:1px solid #d2d2d2}
.viewCon > .tblaeInfo{height:35px; font-size:14px; margin-right:30px;}
.viewCon > .tblaeInfo > span{display:inline-block; float:right; background-color:#3d64ac; padding:5px 10px; border-radius:7px; color:#fff; font-size:12px; font-weight:bold; box-shadow:1px 1px 3px #ccc; cursor:pointer;}

.viewConF > .tableShadow{background-color:#fff; margin-right:30px; box-shadow:1px 1px 3px #ccc; background-color:#e8e8e8;}
.viewConF > .tableShadow > form > table {width:100%; background-color:#e8e8e8; font-size:13px;}
.viewConF > .tableShadow > form > table > tbody > tr > th{background-color:#f9f9f9; color:#fff; height:40px; color:#333; border:1px solid #d2d2d2}
.viewConF > .tableShadow > form > table > tbody > tr > td{height:40px; color:#333; background-color:#fff; text-indent:20px; border:1px solid #d2d2d2}
.viewConF > .tblaeInfo{height:35px; font-size:14px; margin-right:30px;}
.viewConF > .tblaeInfo > span{display:inline-block; float:right; background-color:#3d64ac; padding:5px 10px; border-radius:7px; color:#fff; font-size:12px; font-weight:bold; box-shadow:1px 1px 3px #ccc; cursor:pointer;}


.tablePagingW > ul{ text-align:center; margin-top:30px;}
.tablePagingW > ul > li{display:inline-block; background-color:#fff; margin:0 3px; border-radius:2px;}
.tablePagingW > ul > li.on{background-color:#343257; font-weight:800;}
.tablePagingW > ul > li > a{display:inline-block; padding:7px 7px;}
.tablePagingW > ul > li.on > a{color:#fff;}

.sWhiteBt{background-color:#eb6100; display:inline-block; padding:5px 10px; border-radius:4px; cursor:pointer; border:1px solid #eb6100;color:#fff !important}
.sWhiteBt:hover{background-color:#333; color:#fff !important;border:1px solid #000;}
.sWhiteBt:link{ color:#fff !important}
.btW{text-align:center; margin-top:30px;}
.BBlueBt{background-color:#3d64ac; border:1px solid #3d64ac; color:#fff   !important; padding:10px 35px; font-weight:700; border-radius:7px; box-shadow:1px 1px 3px #ccc; cursor:pointer; font-size:14px;}
.BRedBt{background-color:#d23247; border:1px solid #d23247; color:#fff !important; padding:10px 35px; font-weight:700; border-radius:7px; box-shadow:1px 1px 3px #ccc; cursor:pointer; font-size:14px;}
.BBlackBt{background-color:#595959;  border:1px solid #595959; color:#fff  !important; padding:10px 35px; font-weight:700; border-radius:7px; box-shadow:1px 1px 3px #ccc; cursor:pointer; font-size:14px;}
.BWhiteBt{background-color:#fff;  border:1px solid #e8e8e8; color:#666; padding:10px 35px; font-weight:700; border-radius:7px; box-shadow:1px 1px 3px #ccc; cursor:pointer; font-size:14px;}

.sWhiteBt2{background-color:#448aca; display:inline-block; padding:5px 10px; border-radius:4px; cursor:pointer; border:1px solid #448aca;color:#fff !important}
.sWhiteBt2:hover{background-color:#333; color:#fff !important;border:1px solid #000;}
.sWhiteBt2:link{ color:#fff !important}

.viewIfo{text-align:right; margin-right:2%; font-size:13px; margin-bottom:7px; color:#666;}
.commrntsW{background-color:#fff; margin-right:2%; box-shadow:1px 1px 3px #ccc; border-radius:7px; margin-top:40px;}
.commrntsW > ul > li{border-bottom:1px solid #e8e8e8; padding:20px; padding-right:190px; line-height:26px; position:relative;}
.commrntsW > ul > li > ul{position:absolute; right:0; top:25px;}
.commrntsW > ul > li > ul > li{float:left; display:inline-block; margin-right:5px;}
.commrntsW > ul > li > ul > li > a{background-color:#cacaca; border-radius:24px; width:48px; height:48px; display:inline-block; text-align:center; color:#969696; font-size:20px; line-height:48px;}
.commrntsW > ul > li > ul > li > a:hover{background-color:#acacac; color:#666;}
.commrntsW > div > textarea{width:95%; margin:20px; border:1px solid #e8e8e8;}

.t_style th,.t_style td { padding: 7px; text-align: left;border:1px solid #d2d2d2;text-align:center;}
.t_style th { background:#e2e2e2;border-bottom:1px solid #949292 }
.t_style td { background:#fff;}
.txt_st { 
    padding-top: 30px;
    font-family: "Nanum Gothic","맑은 고딕", "Malgun Gothic", sans-serif;
    font-size: 15px;
    font-weight: 700;
 
}
.txt_st2 { 
    padding-top: 20px;
    font-family: "Nanum Gothic","맑은 고딕", "Malgun Gothic", sans-serif;
    font-size: 14px;
    font-weight:bold;
 
}
.txt_btn_t {background:#eb6100; color:#fff}

.txt_btn_t a{background:#eb6100; color:#fff}
.txt_btn_t a:hover{background:#000; color:#fff}

 
 

input[type=text],input[type=password]  {
    
    padding: 5px 5px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
	    border-radius: 5px;
 
}
 
select {
    
    padding: 5px 5px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
 
 
}
textarea {
 
    padding: 5px 5px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
	margin: 8px 0;
    background-color: #f8f8f8;
     
    resize: none;
}
 
.ListBtn{font-size:13px; margin-bottom:40px;}
.btn_delete{display:inline-block; border:1px solid #ccc; padding:5px 10px; cursor:pointer;}
.btn_module{display:inline-block; border:1px solid #ccc; padding:5px 10px; cursor:pointer;}
.btn_picture{display:inline-block; border:1px solid #ccc; padding:5px 10px; cursor:pointer;}
.btn_road{display:inline-block; border:1px solid #ccc; padding:5px 10px; cursor:pointer;}
.btn_answer{display:inline-block; border:1px solid #ccc; padding:5px 10px; cursor:pointer;}
.btn_post{display:inline-block; border:1px solid #ccc; padding:5px 10px; cursor:pointer;}
.btn_sms{display:inline-block; border:1px solid #ccc; padding:5px 10px; cursor:pointer;}
.btn_reset{display:inline-block; border:1px solid #ccc; padding:5px 10px; cursor:pointer;}

.normalTable{background-color:#fff; margin-right:30px; box-shadow:1px 1px 3px #ccc; background-color:#e8e8e8;}
.normalTable > table {width:100%; background-color:#e8e8e8; font-size:13px;}
.normalTable > table > tbody > tr > th{background-color:#f9f9f9; color:#fff; height:40px; color:#333; border:1px solid #d2d2d2}
.normalTable > table > tbody > tr > td{height:40px; color:#333; background-color:#fff; text-indent:20px; border:1px solid #d2d2d2}

/*
.normalTable {background-color:#fff; margin-right:30px; box-shadow:1px 1px 3px #ccc;}
.normalTable >  table {width:100%; background-color:#e8e8e8; text-align:center; font-size:13px;}
.normalTable > table > tbody > tr > th{background-color:#f9f9f9; color:#fff; height:40px; color:#333; border:1px solid #d2d2d2}
.normalTable > table > tbody > tr > td{height:40px; border:#eee 1px solid; color:#333;}
.normalTable > table > tbody > tr > td.alignL{text-align:left; text-indent:20px;}
*/

.wrapper_pop{padding:20px;}
.pop_header{font-size:24px;}