/* 170510 css */

body{
	background: #fff; 
	font-size: 12px;
	letter-spacing: -0.5px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #bbb;
  font-size: 12px;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #bbb;
  font-size: 12px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #bbb;
  font-size: 12px;
}
:-moz-placeholder { /* Firefox 18- */
  color: #bbb;
  font-size: 12px;
}

#header a img{display: block;}
#header .img{ height: 18px; margin: 12px;}
#header .top_logo a{vertical-align: middle; letter-spacing: 1px; font-size: 16px; font-family: 'noto'; font-weight: 300; text-align: center; display: block; color: #fff; padding: 14px 0;}
#header .top_logo a span{font-weight: 600;}

#login_bg{background: url('../images/login/intro_bg.jpg') no-repeat !important; background-size: cover !important; background-color: #fff !important; }
 
#intro_bg { text-align: center; padding: 40px 20px;}

.intro_logo img{ width: 130px; }
.intro_txt img{ width: 240px; margin: 40px 0}

.login_txt{width: 90%; margin: 0 auto;}
.login_txt dl{margin: 0 0 20px 0}
.login_txt dl dt{color: #c1cbd4; text-align: left; margin: 0 0 5px 0; font-size: 15px;}
.login_txt dl dd input{width: 100%; height: 50px; background: #fff; color: #333; border: 1px solid #d7d7d7; border-radius: 0; 
                       font-size: 17px;padding: 0 0 0 5px}
.login_txt dl dd input:focus{text-shadow: none; border: 1px solid #d7d7d7;}
.login_txt dl dd input::placeholder{font-size: 16px;}


#btn_login { background: #139fdd; }

.join a{display: block; background: #1f4da1; padding: 0; margin: 20px 0 0 0}

.btn_agree label{ color: #fff !important;}


/* 대시보드 */

table td, table th{border-collapse:collapse; box-sizing: border-box; }

h1{position: relative; margin: 0 0 10px 0; width: 100%;padding: 5px  5px 15px 5px; color:#6c7078;text-align: left; font-weight:600;font-size:17px;
   background: #fff;border-bottom:1px solid #ccc;}

.table_box { margin: 12px 0 20px 0 !important; padding: 0 5px !important;}
.table_box h3{width: 50%; float: left;}
.table_style{width: 100%; border-top: 0px solid #597a96; margin: 0 0 20px 0}

.table_style th{background: #fafafa; color: #818283; text-align:center; border-bottom: 1px solid #eee; padding: 6px 4px;}
.table_style tr:last-of-type th{border-bottom: 0;}
.table_style td{background: #fff; color: #444; text-align:center; border-bottom: 1px solid #eee; padding: 6px 10px;}
.table_style tr:last-of-type td{border-bottom: 0;}

.table_style2 td {padding: 6px 4px}

.table_style3{width: 100%; border-top: 0px solid #597a96; margin: 0 0 20px 0; background: #fff; }
.table_style3 th{background: #fafafa; color: #818283; text-align:center; border-bottom: 1px solid #eee; padding: 6px 4px;}
.table_style3 tr:last-of-type th{border-bottom: 0;}
.table_style3 td{}
.table_style3 td div{background: #fff; color: #000; text-align:left; border-bottom: 1px solid #e2e2e2; padding: 20px 0px;}

.table_style3 td a{font-size:12px}
.table_style3 tr:last-of-type td{border-bottom: 0;}


#table td.radio.div02{overflow: hidden}
#table td.radio.div02 > div{width: 40%; float: left;border: none; text-align: left; margin: 0}

#search .div03_search {overflow: hidden;}
#search .div03_search > div {float: left;}
#search .div03_search > div:nth-of-type(1) {width: 30%; margin: 0 1% 0 0;}
#search .div03_search > div:nth-of-type(2) {width: 55%; margin: 0 1% 0 0;}
#search .div03_search > div:nth-of-type(3) {width: 13%; margin: .5em 0}
#search .div03_search > div:nth-of-type(3) input{background: #2267b2 !important }
#search .div03_search .ui-select{background: #fff}

#search .div02_search2{margin: 0 0 10px 0}

.div02_btn > div {width: 49%; float: left;}
.div02_btn > div:nth-of-type(1) {margin: 0 1% 0 0;}
.div02_btn > div:nth-of-type(2) input{background: #2267b2 !important}
.btn_submit input{background: #2267b2 !important; }

.div03_btn {display: block; width: 100%; margin: 0 auto; text-align: center; overflow: hidden;}
.div03_btn > div{width: 24%; float: left;}
.div03_btn > div:nth-of-type(1) input{background: #6aa1dc !important;}
.div03_btn > div:nth-of-type(2){margin: 0 1%}
.div03_btn > div:nth-of-type(3) input{background: #2267b2 !important;}

.red2{ color: #e0454b}


.table_style.list td{text-align: left;}
.table_style.list td span.type{color: #80add7; margin: 0 0 0 8px;}

.ui-input-btn input{font-size: 12px !important; background: #5682b2; color: #fff; border-radius: 0 !important; border: none !important;}

span.essential:before {content: url('../images/board/essential.png'); margin: 0 3px 0 0;}

input[type='file']{font-size: 12px;}

/* -- 게시판 페이징 -- */
#page{display:table; position: relative;clear: both; margin:0 auto; text-align:center; color:#777;}
#page span {display:table-cell;vertical-align:middle; margin: 0 auto; text-align: center;}
#page a {position: relative; display:inline-block; float:left; width:25px; height:25px; margin:0; padding:0; color:#333; line-height: 25px;	border:1px solid #ddd; border-left:0;}
#page a.on {background:#0e76bc; color:#fff; font-weight:bold; border-color:#777;}
#page a.first {background:url("../images/board/navi.jpg") no-repeat 0px -3px; border-left:1px solid #ddd;}
#page a.prev {background:url("../images/board/navi.jpg") no-repeat -34px -3px; }
#page a.next {background:url("../images/board/navi.jpg") no-repeat -275px -3px;}
#page a.last {background:url("../images/board/navi.jpg") no-repeat -310px -3px;}
/* -- 게시판 페이징 -- */


/* 요청사항 댓글 */

#reply.table_style{border-top: 2px solid #aaa}

/* 문서 css*/

#dov .table_style{border-top: none;}
#doc2{border: 2px solid #eee; margin: 0 0 10px 0; border-collapse:collapse; padding: 0px}

#doc2 table th{background: #fafafa; border: 1px solid #e6e6e6; color: #555}
#doc2 table td{border: 1px solid #eee}
#doc2 table .black_line{border: 1px solid #000}
#doc2 table .gray_bg{background: #fff}
#doc2 h2{padding: 10px;}
#doc2 h4{display: block; width: 100%; text-align: left; color: #555}
#doc2 ul li{margin: 0 0 5px 0;}
#doc2 .dot ul li{padding: 0 0 0 20px}

#doc2 .table_box th h3{width: 100% !important; float: none !important;}

.ui-radio label{border: 0}

.table-fixed {table-layout:fixed;word-break:break-all;}

.table_box .table-fixed td, .table_box .table-fixed th {
	padding: 10px 0 10px 0;
}

.pdbo0{border:0 !important; padding: 0 !important; margin: 0 !important;}

.srt001_td { text-align:right !important; padding-right: 20px !important; }

#dov .table_style{border-top: none;}
#doc{border: 2px solid #eee; margin: 0 0 10px 0; border-collapse:collapse; padding: 0px}

#doc table th{background: #fafafa; border: 1px solid #e6e6e6; color: #555}
#doc table td{border: 1px solid #eee}
#doc table .black_line{border: 1px solid #000}
#doc table .gray_bg{background: #fff}
#doc h2{padding: 10px;}
#doc h4{display: block; width: 100%; text-align: left; color: #555}
#doc ul li{margin: 0 0 5px 0;}
#doc .dot ul li{padding: 0 0 0 20px}

#doc .table_box th h3{width: 100% !important; float: none !important;}