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

/* reset element */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0; padding:0;
}
 h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:inherit;}

 /* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, 
menu, nav, section {display:block;}
body {line-height:1; font-family:'Noto Sans Korean'}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}

/* align, border, input */
img, fieldset, a {border:none;}
img {vertical-align:middle;}
table, thead, tbody, tfoot {border-collapse:collapse; border-spacing:0; border:0 none;}
ul, ol, li {list-style:none;}
address, em {font-style:normal;}
input, select, textarea, button, form img {vertical-align:middle;}
button, input[type="submit"] {cursor:pointer;}
input:focus, button:focus, select:focus, textarea:focus {outline:0;}
button::-moz-focus-inner {border:0 none; padding:0;}
a{text-decoration:none;}
select {height:24px;}
input{height:18px;} 

/* skipnavi */
ul#skipnavi {position:relative; left:0px; top:0px; width:100%; z-index:999; line-height:0; font-size:0;}
ul#skipnavi li a {position:absolute; top:-500px; text-indent:-9999px; line-height:1; font-size:12px;}
ul#skipnavi li a:hover, 
ul#skipnavi li a:focus, 
ul#skipnavi li a:active {
	font-size:12px; line-height:1; position:absolute; left:0px; top:0px; 
	font-weight:bold; text-indent:0px; padding:4px 0 0 0; text-align:center; 
	background:#f2f2f2; width:100%; display:block; height:20px; z-index:1000;}
	
.clear{clear:both; border:none !important;}
	
/* (s) search 스타일 */
.contWrap .searchWrap{width:100%; padding:4px 10px; box-sizing:border-box; background:#efedec; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.contWrap .searchWrap label{font-size:12px; color:#333;}
.contWrap .searchWrap label+input{margin-left:10px;}
.contWrap .searchWrap label+select{margin-left:10px;}
.contWrap .searchWrap ul.type3:after{content:''; display:block; clear:both;}
.contWrap .searchWrap ul.type3 li{float:left; width:33.3%;}
.contWrap .searchWrap ul.type3 li label{width:50px; display:inline-block;}
/* (e) search 스타알 */

/* (s) button 스타일 */
.btnRightWrap{text-align:right;}
.btnRightWrap a.btn_save{display:inline-block; background:#f6f6f6; padding:6px 10px 6px 10px; widht:80px; font-size:12px; color:#6f5f58; border:1px solid #e6e6e6; border-radius:5px; margin:0 0 0 5px;}
.btn_search{display:inline-block; width:16px; height:16px; text-indent:-9999px; overflow:hidden; background:url('../img/common/btn_search.png') 0 0 no-repeat; vertical-align:middle;}
.btn_search2{display:inline-block; background:#f6f6f6; padding:6px 10px 6px 10px; widht:80px; font-size:12px; color:#6f5f58; border:1px solid #e6e6e6; border-radius:5px; margin:0 0 0 5px;}
/* (e) button 스타일 */


/* 기본 테이블 스타일 */
.type_tb1 {width:100%;border-collapse:separate;border-spacing: 0;}
.type_tb1 th{background:#998e88; color:#fff; font-size:12px;}
.type_tb1 td:first-child{border-left:none;}
.type_tb1 td{background:#fff; font-size:12px; padding:5px; box-sizing:border-box; text-align:center; color:#666; line-height:16px; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.type_tb1 td.l{text-align:left;}
.type_tb1 td a{text-decoration:none; color:#34332f;}
.type_tb1 td.red{color:#f00;}
.type_tb1 td input{box-sizing:border-box; height:24px; }
/* .popupTb tr:nth-child(even) td{background:#eae5e2;} */
/* .popupTb tr.on td{background:#ffb56c !important;} */
.type_tb1 td div.box{width:100%; height:80px; overflow-y:auto;}
.type_tb1 td textarea{width:calc(100% - 20px); height:65px;}

.type2 th{}
.type2 th, .type2 td{font-size:14px !important; line-height:18px;}

.viewTb{width:100%; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8;}
.viewTb th{background:#e2e2e2; color:#000; font-size:14px; border-bottom:1px solid #d8d8d8; padding:5px 0 5px 0;}
.viewTb td{font-size:14px; color:#000;  border-bottom:1px solid #d8d8d8; padding:5px 10px;}
.viewTb td.input{padding:0;}
.viewTb td.input input{width:calc(100% - 10px); height:20px; border:none; padding:0 10px; font-size:14px;}
.viewTb td.input select{width:calc(100% - 20px); height:20px; border:none; padding:0 10px; font-size:14px;}
.viewTb td.input textarea{width:calc(100% - 20px); border:none; padding:10px; height:73px; font-size:14px;}
.viewTb td .viewCont{height:83px; overflow-y:auto;}


.writeTb {width:100%; border-top:1px solid #efedec; border-right:1px solid #efedec;}
.writeTb th{background:#f7f7f7; text-align:left; font-size:12px; color:#333; font-weight:500; padding:8px 10px; box-sizing:border-box; border-left:1px solid #efedec; border-bottom:1px solid #efedec;}
.writeTb th.pd_none{padding:0 0 0 0;}
.writeTb th.bg_none{background:none;}
.writeTb td{text-align:left; font-size:12px; color:#666; padding:4px 10px; box-sizing:border-box; border-left:1px solid #efedec; border-bottom:1px solid #efedec;}
.writeTb td input{width:100%; font-size:12px; color:#666;}
.writeTb td select{width:100%; font-size:12px; color:#666;}
.writeTb td input.datepicker{width:calc(100% - 30px);}
.writeTb td input.datepicker+img{margin-left:5px;}

/* .popupTb thead th {height:30px;background:#eee;border-top:2px solid #333;border-bottom:1px solid #ccc;}
.popupTb tbody td {height:34px;background:#fff;border-bottom:1px solid #ccc;text-align: center;}
.popupTb thead th:first-child,
.popupTb tbody td:first-child {border-left-width: 1px;} */

 
 /* 스크롤 스타일 정의 */
 .table-fixed-header-wrap {
     position: relative;box-sizing: border-box;padding-top:27px; /* 기준점과 헤더영역 확보 */
     width:100%;/* 디자인에 따라 가로 세로 값 설정 */
     border:1px solid #e5e5e5;
 }
 .table-fixed-header-wrap .fixed-header-scroll {overflow-x:hidden;overflow-y:auto;} /* 실제 스크롤 영역 설정 */
 .table-fixed-header-wrap .fixed-header-bg {
     position:absolute;left:0;top:0;width:100%; /* 헤더영역 위치 */
     height:27px;background:#8e837e;border-bottom:1px solid #ccc; /* 테이블 헤더와 동일한 스타일 적용 */
 }
.table-fixed-header-wrap .fixed-th{position: absolute;top:2px; height:18px; padding-top:6px; font-weight:normal;} /* th 하위의 타이틀 위치 설정 */
.table-fixed-header-wrap .type2 .fixed-th{padding-top:2px; height:21px;}
.table-fixed-header-wrap .l_none{border-left:none;}
.table-fixed-header-wrap .table thead th{height:0;border:none;} /* 실제 테이블의 th 는 가림 */
.table-fixed-header-wrap .table thead th:nth-child(1) .fixed-th{ border-left:none;}

#popupWriteWrap{display:none; width:500px; height:300px; background:#fff; position:fixed; top:15%; left:50%; margin-left:-250px; z-index:15; box-sizing:border-box; border-radius:5px; }
#popupWriteWrap .tit{color:#333; font-size:14px; border-bottom:1px solid #cecccd; padding:10px; position:relative;}
#popupWriteWrap .btnPopupClose{position:absolute; top:13px; right:10px;width:10px; height:10px; display:block; background:url('../img/common/btn_popup_close.png') 0 0 no-repeat; text-indent:-9999px; overflow:hidden;}
#popupWriteWrap .inputBox{padding:10px;}
#popupWriteWrap .inputBox textarea{width:458px; height:190px; padding:10px; color:#666; border:none;}
#popupWriteWrap .btnWrap{text-align:right}
#popupWriteWrap .btnWrap .btn_cancel{display:inline-block; padding:5px 10px 5px 15px; background:url('../img/common/btn_popup_cancel.png') 0 7px no-repeat; font-size:14px; color:#f44b00;}
#popupWriteWrap .btnWrap .btn_check{display:inline-block; padding:5px 10px 5px 15px; background:url('../img/common/btn_popup_check.png') 0 7px no-repeat; font-size:14px; color:#009cff;}
#modal{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; z-index:10;}

#wrap{width:100%;}
#wrap a{text-decoration:none;}
#wrap header{border-bottom:1px solid #666;}
#wrap header h1{width:103px; display:block; margin:30px auto;}
#wrap header ul.menu {margin:0 auto;  width:260px;}
#wrap header ul.menu:after{clear:both; display:block; content:'';}
#wrap header ul.menu li{float:left; width:130px; padding:0 0 30px 0;}
#wrap header ul.menu li a{font-size:20px; color:#333;}
#wrap header ul.menu li a.on{color:#004186;}

#contents{text-align:center;}
#contents .subTit{font-size:30px; font-weight: 600; color:#004186; margin:60px 0 20px 0;}
#contents .txt{font-size:20px; color:#333; font-weight: 600; line-height:28px;}
#contents .infoWrap{width:600px; margin:20px auto; text-align:left; line-height: 30px;}
#contents .infoWrap dl:after{clear:both; display:block; content:'';}
#contents .infoWrap dl dt{width:120px; float:left; color:#004186; font-size:16px; font-weight:bold; margin:10px 0 0 0;}
#contents .infoWrap dl dd{width:480px; float:left; color:#333; font-size:16px; margin:10px 0 0 0;}

#contents .mapWrap{width:800px; margin:20px auto; text-align:left;}
#contents .leftMapJido{float:left; width:400px;}
#contents .rightMapAddr{float:right; width:380px; line-height: 25px;} 
#contents .rightMapAddr .tit{font-size:16px; margin:10px 0 0 0; color:#004186;}
#contents .rightMapAddr p{font-size:14px;}
#contents .rightMapAddr p.addr{line-height:18px;}

footer{height:90px; background:#333; border-top:1px solid #333; position:fixed; bottom:0; width:100%; text-align:center;}
footer p{color:#fff; margin:15px 0 0 0;}
footer p+p{margin-top:10px;}