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

*{margin:0; padding:0;}
html{width:100%; height:100%}
body{position:relative; font-size:14px; font-family:'Nanum Gothic', "나눔고딕",HelveticaNeue, AppleSDGothicNeo-Regular,'dotum',"돋움",sans-serif; color:#555;  -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
body.main{background:none;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0; -webkit-margin-after:0px;  -webkit-margin-start: 0px;
 -webkit-margin-end: 0px; -webkit-padding-start: 0px; -webkit-margin-before:0px;}


ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{display:none}
textarea, button{vertical-align:middle}
input, select{vertical-align:middle; background:#fff; border:1px solid #ccc; font-family:'Nanum Gothic', "나눔고딕",'dotum',"돋움",sans-serif; color:#555; border-radius:0; font-size:13px; letter-spacing:-0.5px}
input{padding:3px 10px; height:27px;}
option{padding:3px 10px;}
label{font-size:15px;}
select{padding:6px 10px; height:35px; border:1px solid #ccc;}
textarea{padding:10px; vertical-align:middle; background:#fff; border:1px solid #ccc; font-family:'Nanum Gothic', "나눔고딕",'dotum',"돋움",sans-serif; color:#555; font-size:15px; letter-spacing:-0.5px}
.checkbox{padding:0; border:0; height:auto;}
a{text-decoration:none; color:#555; vertical-align:middle; cursor:pointer;}
a:hover, a:focus, a:active{text-decoration:none;}
table{border-collapse:collapse;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap;  font-size:15px; font-family:'Nanum Gothic', "나눔고딕",'dotum',"돋움",sans-serif;}
button:active, button:focus{ outline: none }
button::-moz-focus-inner {padding:0; border:0;}


/* 간격 */
.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt75{margin-top:75px !important}

/*폰트사이즈*/
.fs11{font-size:11px;}
.fs12{font-size:12px;}


/* 정렬 */
.taC,
.center {text-align:center !important}
.taR{text-align:right !important}
.taL{text-align:left !important}
.verT {vertical-align:top !important;}
.verM {vertical-align:middle !important;}
.overF {overflow:hidden;}
.fl {float:left;}
.fr {float:right;}
.clear {content:""; clear:both; display:block !important}
.clear:after{content:""; clear:both; display:block !important}

/*header*/
.header {width:100%; background:#272727; padding:10px 0;}
.header .clear {max-width:1200px; margin:0 auto;}
.header .clear .fl h1 {color:#fff; font-size:17px; font-weight:bold;}
.header .clear .fr li {display:inline-block;}
.header .clear .fr li.on a {color:#86ff9e;}
.header .clear .fr a {color:#fff; margin:0 0 0 15px;}

/*구조*/
.content {max-width:1200px; margin:30px auto;  width:95%;}
.content .title {padding:10px 0 15px 0; font-size:24px; font-weight:bold; border-bottom:1px solid #848484;}
.content .sub_title {padding:30px 0 10px 0; font-size:18px; font-weight:bold;}


/*구조-팝업*/
.pop_content {max-width:600px; width:100%; margin:30px auto;}
.pop_content .title {padding:0; font-size:22px; font-weight:bold;}
.pop_content .sub_title {padding:15px 0 10px 0; font-size:18px; font-weight:bold;}

.pop800 {max-width:800px !important; width:100%; margin:30px auto;}


/*나의 기관정보*/
.branchinfo_wrap {background:#f9f9f9; border-radius:10px; padding:20px 0 15px 0; margin:20px 0; color:#666;}
.branchinfo_wrap ul {width:90%; margin:0 auto;}
.branchinfo_wrap h3 {width:90%; margin:0 auto; padding:0 0 10px 0; font-weight:bold; font-size:18px;}
.branchinfo_wrap li span {font-weight:bold;}
.branchinfo_wrap li {border-bottom:1px dashed #eaeaea; padding:10px 0; font-size:13px;}
.branchinfo_wrap li:last-child {border-bottom:none;}
.branchinfo_wrap li a {color:#e91e63;}


/*탭*/
.navi_wrap {border-bottom:1px solid #666; margin:50px 0 15px 0;}
.navi_wrap li {width:150px; float:left; background:#eaeaea;}
.navi_wrap li a {display:block; text-align:center; padding:10px 0; border-right:1px solid #fff; color:#a7a7a7}
.navi_wrap li.on a {background:#000; color:#fff;}

/*테이블*/
.table_wrap .coltable tr th {background:#f9f9f9; font-weight:bold; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; padding:10px 0; font-size:13px;}
.table_wrap .coltable tr td {border-bottom:1px solid #eaeaea; padding:12px 0; text-align:center; font-size:13px;border-right: 1px solid #eaeaea;}
.table_wrap .coltable tr td a {color:#000; font-weight:bold;}
.table_wrap .coltable tr td.red {color:#f41a1a; font-weight:bold;}
.table_wrap .coltable tr td.blue {color:#2c50e2; font-weight:bold;}
.table_wrap .coltable tr td a.btn_check {border:1px solid #272727; padding:5px 10px;}
.red {color:#f41a1a; font-weight:bold;}
.blue {color:#2c50e2; font-weight:bold;}
.table_wrap .rowtable {border-top:1px solid #dbdbdb;}
.table_wrap .rowtable tr th {background:#eaeaea; font-weight:bold; border-bottom:1px solid #fff; padding:3px 0; font-size:13px; border-right:1px solid #eaeaea;}
.table_wrap .rowtable tr td {border-bottom:1px solid #eaeaea; padding:3px 10px; text-align:left; font-size:13px;}
.table_wrap .rowtable tr td a {color:#4ecf5a;}
.table_wrap .rowtable tr td p {padding:5px 0;}
.table_wrap .rowtable tr td input {height:25px;}
.table_wrap .rowtable tr td a.btn_rowtable {color: #272727; background: #fff; border: 1px solid #858585; padding: 3px 10px; margin: 0 0 0 5px; height: 25px; display: inline-block; line-height: 25px;}
.table_wrap .rowtable tr td textarea {width:95%; height:100px;}

.table_wrap .coltable tr th:last-child {border-right:none;}
.table_wrap .coltable tr td:last-child {border-right:none;}

.coltable tr th input[type="checkbox"],
.coltable tr td input[type="checkbox"],
.rowtable tr th input[type="checkbox"],
.rowtable tr td input[type="checkbox"] {height:auto;}

.rowtable tr td label {font-size:13px; margin:0 10px 0 0;}


.star {color:#ff5151;}

/*페이지*/
.page {text-align:center; margin:20px auto; }
.page a {padding:3px; margin:0 5px;}
.page a.on {font-weight:bold; color:#f26969;}
.page a img {width:20px;}

/*서치*/
.search_wrap {margin:20px 0; padding:15px 20px; background:#f9f9f9;}
.search_wrap li {display:inline-block;}
.search_wrap li.input_box {background: #fff; padding: 0 10px; display: inline-block; border: 1px solid #ccc;}
.search_wrap li input {height: 27px; border:none}
.search_wrap li select {height: 33px; border:none}
.search_wrap li span {font-weight:bold;}

/*버튼*/
.btn_wrap {padding:10px 0;}
a.btn {border:1px solid #666; padding:5px 15px; text-align:center; display:inline-block; font-size:13px;}
a.btn_del {border:1px solid #666; padding:5px 15px; text-align:center; display:inline-block; font-size:13px; background:#ebebeb;}
a.btn_excel {border: 1px solid #06a314; padding: 5px 15px; text-align: center; display: inline-block; font-size: 13px; color: #06a314;}
a.btn_search {padding: 9px 15px; text-align: center; display: inline-block; font-size: 13px; vertical-align: middle; background: #fff; border: 1px solid #ccc; color: #555;    border-radius: 0; font-size: 13px; letter-spacing: -0.5px;}

.btn_wrap .fl .sub_title {padding:0;}

.pop_line {border-top:1px solid #848484; padding:10px 0 0 0; margin:20px 0 0 0;}

.line {border-top:1px solid #848484; padding:10px 0 0 0; margin:50px 0 0 0;}

.btn_wrap .title {padding:0; font-size:17px; font-weight:bold; border-bottom:none; display: inline-block; vertical-align: -webkit-baseline-middle;}


/*ect*/
.bar {color:#eaeaea; padding:0 10px;}
.slt_date {
    display: inline-block;
    width: 150px;
}