﻿* {font-family:맑은 고딕,굴림,Malgun Gothic,Gulim,Helvetica,AppleGothic,Sans-serif;-webkit-text-size-adjust:none;}
body 
{
  position:relative;
  background-color:#ffffff;
  line-height:1.7em;
  color:#000;
  word-wrap:break-word;
  word-break:break-all;
}
body,input,select,textarea{font-size:13px;}
body,form,fieldset,p,ol,ul,li,dl,dt,dd { margin:0;padding:0;}
ol,ul,li{list-style:none;}

.ddl
{
    width:auto;
    max-width:80px;
}

h1,h2,h3,h4,h5,h6,select,input[disabled], input[readonly], input[text], input[password], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly], a[disabled] 
{
  color:#111111;
  font-size:1em;
  font-family:"맑은 고딕",Malgun Gothic,Dotum,AppleGothic,sans-serif;
  margin:0;
  padding:0;
}

input[type=text], input[type=password]
{
    -webkit-border-radius:1px;
    -webkit-appearance:none;
}

.img_m {vertical-align:middle;}
.it {border:1px solid #bcbcbc; height:1.7em;vertical-align:middle;font-size:1em;margin:0;padding:0;}
select {border-radius: 4px;border:1px solid #bcbcbc; border-style:outset; height:1.85em;vertical-align:middle;font-size:0.93em; background-color:White;}
.td_l {text-align:left;}
.td_c {text-align:center;}
.td_r {text-align:right;}
.dv {table-layout:fixed; margin:1px 1px 1px 1px;}
.tb_contents {table-layout:fixed;}
.div_contents {word-wrap: break-word; word-break: break-all;}
.mcbo { height:130px;}

img,fieldset {border:none;}
a {color:#005CC3; text-decoration:none;}
a.nav {color:#000000; text-decoration:none;}
a.from {color:#8B8B8B; text-decoration:none;vertical-align:bottom;font-size:0.92em;}
.listsubject {color:#8B8B8B; text-decoration:none; text-align:center;font-size:1em;line-height:23px;}
.listaddr {line-height:23px;}
.date {color:#8B8B8B; text-decoration:none; text-align:center;font-size:0.92em;white-space:nowrap;}
.err {color:#FF0000; text-decoration:blink;vertical-align:bottom;font-size:1.1em;}
.appro_date {text-decoration:none; text-align:center;font-size:0.9em;}
.appro_dtype {color:#8B8B8B;}
/*input,select,textarea{font-size:11px;}*/
hr {color:#85879F;}
h1.top{text-align:center;}
.h1 .link{padding-right:4px;color:#bfbfbf;font-size:0.85em;text-align:right;}
.h1 .link img, .h1 .link input{vertical-align:middle;}
.h1 .link a{color:#8e8e8e;}
.hr{margin-left:3px;margin-right:3px;border-top:2px solid #BBD9A2;}

/* 탑메뉴 */
#top
{
  padding:0 20px;
  height:36px;
  overflow:hidden;
  zoom:1;
  background-color:#36547C;  
  position:relative;
}

#top #logo 
{
  position:absolute;
  left:15px;
  top:5px;
}

#top #qm {
  position:absolute;
  right:15px;
  top:8px;
  cursor: pointer;
}

#top #title 
{
  margin-top:2px;
  text-align:center;
  line-height:32px;   
}

#top #title a
{
  color:White;
}

#menu
{
  margin-bottom:3px;
  padding:15px 0 10px;
  display:none;
  clear:both;
  overflow:hidden;
  background:url('menu_bg.gif') repeat-x 0 100%;
  zoom:1;
  text-align:center;
}
#menu.show {display:block;}
#menu ul {overflow:hidden;margin:0 20px;}
#menu li
{
  float:left;
  text-align:center;
  width:70px;
  padding-bottom:10px;
  white-space:nowrap;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  overflow:hidden;

}

#menu li div{ position:absolute;top:3px;right:5px;margin:-1px 0 0 1px;color:red;font-size:.929em;font-weight:bold;}

#menubox
{
  background-color:#ECECF5;
  margin-bottom:3px;
  margin:5px 10px 10px 10px;
  clear:both;
  overflow:hidden;
  
  zoom:1;
}

#menubox ul {overflow:hidden;}
#menubox li
{
  float:left;
  text-align:left;
  width:90px;
  padding: 5px 5px 5px 5px;
  text-overflow:ellipsis;  
  -o-text-overflow:ellipsis;
}

#menubox li.appro
{
  width:135px;
}

#alphalist
{
  background-color:#ECECF5;
  margin-bottom:3px;
  margin:0px 10px 0px 10px;
  clear:both;
  overflow:hidden;  
  zoom:1;
}

#alphalist ul {overflow:hidden;}
#alphalist li
{
  float:left;
  text-align:left;
  padding: 3px 3px 3px 3px;
  text-overflow:ellipsis;  
  -o-text-overflow:ellipsis;
}


/*.lnk_btn{ font-size:12px; color:#005CC3; text-decoration:underline;  }*/
.btn 
{
    display:inline-block;
    height:1.85em;
    line-height:1.85em;
    padding:0 0.4em;
    border-radius: 4px; 
    border:1px solid #bcbcbc;
    background:#ffffff url(../image/button_bg.gif) repeat-x 0 -65px;
    vertical-align:middle;
    text-align:center;
    color:#666;
    letter-spacing:-1px;
    white-space:nowrap;
    font-size:1em; 
}
.btn:hover {
	background: #D5D6D5 url(../image/btn_bg_h.gif);  
}
.lnk_btn
{
    display:inline-block;
    height:1.85em;
    line-height:1.85em;
    padding:0 0.4em;
    border-radius: 4px; 
    border: 1px solid rgb(163, 163, 163);
    border:1px solid #bcbcbc;
    background:#ffffff url(../image/button_bg.gif) repeat-x 0 -65px;
    vertical-align:middle;
    text-align:center;
    color:#666;
    letter-spacing:-1px;
    white-space:nowrap;
    font-size:1em; 
    border-radius:3px;
}
.lnk_btn:hover {
	background: #D5D6D5 url(../image/btn_bg_h.gif);  
}

/*button.lnk_btn{height:27px;}
button.lnk_btn .w{margin:0 -0.5em;}*/
.lbl_title{font-size:12px;color:#005CC3; font-weight:bold;}


/*메인*/
.main { background:#fff; position:relative;border-bottom:1px solid #cdcdcd;}
.main .slogan { text-align:center; fon-size:1.2em; font-weight:bold; font-size:1.08em; padding:10px 5px 10px 5px;}

.usebar table{padding:0px;}
.usebar td{color:#212121;}
.usebar td.bar{height:8px;background:url(image/use_bar_bg.gif) repeat-x 0 0;}
.usebar td.td_l {text-align:left;}
.usebar td.td_c {text-align:center;}
.usebar td.td_r {text-align:right;}
.usebar span.text{font-size:11px;color:#212121;}

.list{padding:5;}

/* 페이징 부분 */
.paging td{ padding:2px 2px 0 3px; text-align:right;}
.paging a{ color:white;}
.paging a[diabled]{ font-weight:bold; }

/* 그리드 관련 */
.GridRow { padding: 2px 2px 2px 2px; }

/* 버튼노출부분 */
.bl1t {margin: 2px 1px 2px 1px;position:relative;height:32px;border-bottom:1px solid #ccc;background:#ffffff;text-align:center;color:#000; vertical-align:middle;}
.bl2t {margin: 2px 1px 2px 1px;position:relative;height:32px;border-bottom:1px solid #ccc;text-align:center;color:#000; vertical-align:middle;}
.bl3t {margin: 2px 1px 2px 1px;position:relative;height:32px;text-align:center;color:#000; vertical-align:middle;}
.bl4t {margin: 2px 1px 2px 1px;position:relative;height:32px;text-align:center;color:#000; vertical-align:middle;}
.bl1b {margin: 2px 1px 2px 1px;position:relative;height:32px;border-top:1px solid #ccc;background:#ffffff;text-align:center;color:#000; vertical-align:middle;}
.bl2b {margin: 2px 1px 2px 1px;position:relative;height:32px;border-top:1px solid #ccc;text-align:center;color:#000; vertical-align:middle;}
.btl,.btr,.btll{position:absolute; white-space:nowrap; vertical-align:middle;}
.btl{top:3px;left:2px;}
.btll{top:3px;left:2px;font-size:12px;color:#005CC3;font-weight:bold;}
.btr{top:3px;right:2px;}
.btrl{top:3px;right:2px;font-size:12px;color:#005CC3;font-weight:bold;}


/*리스트*/
.lst{margin:5px 1px 5px 1px; position:relative;}

/*조회 헤더*/
.cnthd {padding:5px 15px 5px 15px; background:#eee; position:relative;}
.cnthd h2{margin:0 0 0.5em 0.3em;font-size:1.08em;}
.cnthd dl{font-size:0.95em;color:#8b8b8b;}
.cnthd dt{float:left;clear:both;width:4.5em; font-weight:bolder; vertical-align:middle;}
.cnthd dd{overflow:hidden;}
.cnthd .btop{position:absolute;right:10px;bottom:9px;z-index:1;}
.cnthd .btfd{padding-top:0.45em;text-align:right;}
.cnthd .ddl {color:#8b8b8b;}
.cnthd .li {width: 100%; border-left-color: rgb(205, 205, 205); border-left-width: 1px; border-left-style: solid; position: relative;}
.cnthd .hn4 {display: block;}
.cnthd .ct {padding: 0.3em 5px 0.3em 0px; clear: both; margin-left: 5px; display: block; position: relative;}
.cnthd .if {color: rgb(139, 139, 139); font-size: 0.86em;}

/*조회 컨텐츠*/
.cnt{padding:5px 15px 5px 15px;line-height:normal;word-wrap: break-word; word-break: break-all; overflow:auto;}
/*.cnt ol,*/

.cnt ol li{list-style:decimal;}
.cnt ul li{list-style:disc;}
.cnt dl{margin:0.7em 0;}
.cnt dd{margin-left:1.5em;}
.cnt p{margin:1px 0px 1px 0px;}
.cnt button{overflow:auto;border:1px outset #037;background-color:#f2f2f2;}
.cnt a{text-decoration:underline;color:#00f;}
.cnt a:visited{color:#518;}
.cnt strong{font-weight:bold;}
.cnt em,
.cnt address{font-style:italic;}

/*조회 의견*/
.cmt {padding:5px 10px 5px 10px;}
.cmt ul {text-align:center; width:100%; background:#ddd;}
.cmt.user {color:#333;}
.cmt.cnt {margin:3px 0px 0px 0px; color:#555;}

/*write_comment*/
.wrc{position:relative;width:100%;}
.wrc dt{position:absolute;left:0;top:0;line-height:1.8em;white-space:nowrap; padding-top:3px;}
.wrc dd{height:2.3em;padding-left:30px; padding-top:10px;}
.wrc dd.ml{padding-left:30px;}
.wrc .it{width:100%;}
.wrc .itm{border:1px solid #bcbcbc;width:20px;}
.wrc .itcpw{border:1px solid #bcbcbc; width:30px; height:1.85em;vertical-align:middle;font-size:0.93em;background-image: url(image/bbs_pwd.gif);background-repeat:no-repeat;background-position: center center;}
/*.it {border:1px solid #bcbcbc; height:1.85em;vertical-align:middle;font-size:0.93em;}*/

/*푸터*/
.ftr
{
  padding:10px 15px 10px 15px;
  position:relative;
  background-color:#36547C;
  color:White;
}

.ftr a{color:White;}


/*write*/
/*.wr{padding:1px 2px 1px 1px;border-bottom:1px solid #a8a8a8;color:#666;}*/
.wr {padding:1px 1px 1px 1px;border-bottom:1px solid #a8a8a8;color:#666;}

/*write_mail*/
.wrm {position:relative;}
.wrm dt {position:absolute;left:0;top:0;line-height:1.7em;white-space:nowrap;}
.wrm dd {padding:0px 2px 10px 60px;}
.wrm .it{width:100%;height:1.62em;text-indent:5px;}
.wrm .taw{}
.wrm .ta{width:100%;padding:4px 0;}
.wrm .wf{position:relative;height:2.1em;line-height:1.5em;color:#8b8b8b;}
.wrm .wf .r{position:absolute;right:0;top:0;text-align:right;}
.wrm .wf .r strong{color:#000;}
.wrm .wf2{height:auto;padding-bottom:2px;}
.wrm .wf2 input{width:5.5em;height:1.62em;}
.wrm .wf3{position:relative;padding:0px 0px 0px 0px;height:auto;}
.wrm .wf4{position:relative;padding:0px 0px 0px 0px;height:auto;}



/*write_default*/
.wrd {position:relative;}
.wrd dt {position:absolute;left:0;top:0;line-height:1.7em;white-space:nowrap;}
.wrd dd {padding:0px 1px 5px 60px;}
.wrd .it {width:100%;height:1.62em;text-indent:5px;}
.wrd .taw {}
.wrd .ta {width:100%;padding:4px 0;}
.wrd .wf {position:relative;height:2.1em;line-height:1.5em;color:#8b8b8b;}
.wrd .wf .r {position:absolute;right:0;top:0;text-align:right;}
.wrd .wf .r strong {color:#000;}
.wrd .wf2 {height:auto;padding-bottom:2px;}
.wrd .wf2 input {width:5.5em;height:1.62em;}
.wrd .wf3 {position:relative;padding:0px 0px 0px 0px;height:auto;}
.wrd .wf4 {position:relative;padding:0px 0px 0px 0px;height:auto;}

.hdn{visibility:hidden;overflow:hidden;position:absolute;left:-1000em;width:0;height:0;font-size:0;line-height:0;}


.wrm_attach {position:relative;width:100%;}
.wrm_attach dt {position:absolute;left:0;top:0;line-height:1.7em;white-space:nowrap;}
.wrm_attach dd {padding-left:60px;}

/* 일정 */

#calMonth
{
  border-collapse: collapse;
   padding-top: 3px;
   padding-bottom: 3px;
  
}


#calMonth td
{
	height: 38px;
	color: #000;
	line-height: 1.2em;
	font-size: 1em;
	font-weight: bold;	
	border:1px solid #B5B5B5;
}
#calMonth td em
{
	right: 4px;
	bottom: 0px;
	line-height: 1.3em;
	padding-left: 8px;
	font-size: 0.7em;		
}
#calMonth td a
{
	height: 25px;
	padding-top: 0.1em;
	padding-right: 0.28em;
	padding-bottom: 0.2em;
	padding-left: 0.46em;
	display: block;
	position: relative;
}
#calMonth td.busy
{
	background-image: none;
	background-attachment: scroll;
	background-repeat: repeat;	
	background-color: #ECECF8;
	 
}

h2.dh{display:block;clear:both;position:relative;margin-top:-1px;padding:0; margin:5px 0 5px 0; height:28px;border-top:1px solid #AEAEAE;background-color:#E1E1E1;font-size:1em;font-weight:bold;color:#000;line-height:28px}
h2.dh2{display:block;clear:both;position:relative;margin-top:-1px;padding:0;height:28px;border-top:1px solid #8d8e8e;border-bottom:1px solid #979898;background-color:#BCC7D8;font-size:1em;font-weight:bold;color:#000;line-height:28px}
.chh {
	width: 100%; height: 35px; text-align: center; color: rgb(0, 0, 0); font-family: Helvetica; position: relative;
}
h2 .btn_plus{display:block;position:absolute;top:2px;right:5px;width:35px;height:1.85em;padding-left:0;border:none;}

/* btn_bar */
.btn_bar{position:absolute;z-index:50;bottom:0;left:0;right:0;width:100%;height:40px;border-top:1px solid #333b44}
.btn_bar .b_shadow{display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:39px;border-top:1px solid #8e97a4;background:#556172;background-image:-moz-linear-gradient(90deg, #3e4b5b, #6a7687 40px);background-image:-webkit-gradient(linear, 0% 0%, 0% 100%,  from(#6a7687), to(#3e4b5b), color-stop(1,#3e4b5b));opacity:0.8}
.btn_bar .bb_li{position:relative;padding:7px 10px 0}
.btn_bar .bb_li .total_n{display:inline-block;height:27px;margin-right:6px;color:#fff;line-height:26px;vertical-align:top;text-shadow:0px -1px 0px #333}
.btn_bar .bb_li .bd_line{display:inline-block;height:25px;border:1px solid #414851;background:#5c687f;text-align:center;vertical-align:top;white-space:nowrap;background-image:-moz-linear-gradient(90deg, #495469, #6d7b93 40px);background-image:-webkit-gradient(linear, 0% 0%, 0% 100%,  from(#6d7b93), to(#495469), color-stop(1,#495469))}
.btn_bar .bb_li .bd_in{display:inline-block;height:1.85em;line-height:23px;padding:0 5px;border-top:1px solid #7d899f;font-size:0.9em;color:#fff;vertical-align:top}
.btn_bar .bb_li .bd_in em{display:inline-block;vertical-align:top;text-shadow:0px -1px 0px #333}
.btn_bar .bb_li .bd_in .bic{display:inline-block;overflow:hidden;width:9px;height:10px;background-repeat:no-repeat;background-position:-184px -171px;line-height:999em;vertical-align:top}
.btn_bar .bb_li .bd_in .del{margin:6px 3px 0 0}
.btn_bar .bb_li .imp .bd_in{border-color:#53a1f5;background:#3586ee;background-image:-moz-linear-gradient(90deg, #2c78e9, #3586ee 40px);background-image:-webkit-gradient(linear, 0% 0%, 0% 100%,  from(#3586ee), to(#2c78e9), color-stop(1,#2c78e9))}
.btn_bar .bb_li .bl_dim{opacity:0.5}
.btn_bar .b_close{display:inline-block;position:absolute;top:10px;right:5px;width:9px;height:10px;padding:5px;vertical-align:top}
.btn_bar .b_close span{display:inline-block;overflow:hidden;width:9px;height:10px;background-repeat:no-repeat;background-position:-184px -171px;line-height:999em;vertical-align:top}

/*체크박스 텍스트 정렬*/
.lichk input[type=checkbox]
{
    padding: 0;
    margin-right: 2px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    overflow: hidden;
}
