@charset "utf-8";
@import "font.css";
/* CSS Document */

/*Reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
address, big, cite, code, del, dfn, em, font, img, ins,
q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none 0; }

caption{text-indent:-10000px;}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;}
html, body { width:100%; height:100%;  }
body { background-color:#fff;}
body, input, button, textarea { font-size:12px; line-height:18px; font-family: NanumGothicRegular, "NanumGothicRegular", NanumGothic, "NanumGothic", "굴림", Gullim, Dotum, Verdana, Helvetica, AppleGothic, Sans-serif; color:#666; letter-spacing: 0;}
h1, h2, h3, h4, h5, h6 { font-size:12px; text-align:left;}
img, fieldset, iframe { border:0 none; }
table, div { border-collapse: collapse;}
select, textarea { border: 1px solid #B7B6B6; background: #FFFFFF; color: #666; font-size: 12px; vertical-align: middle; }
textarea { overflow:auto; }
select, input, img, li { vertical-align: middle; text-align:left; }
address, caption, cite, code, dfn, em, th, var { font-style : normal; font-weight : normal; }
ul, li, ol { list-style-type: none;}
legend,  caption { display: none; }
hr { border-collapse:collapse; display:none; }
a:link, a:visited { text-decoration:none; color: #666; }
a:hover { text-decoration:none; /*cursor:pointer;*/ color: #666;}


/*hidden*/
#accessibility,.skipnavi { position: absolute ; width: 0px; height: 0px; font-size: 0px; line-height: 0px; overflow: hidden; visibility: hidden; text-indent: -1000px; }
 
 /* clearfix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
*html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* 공통달력 */
.cal_wrap {padding: 7px 10px; width: 340px; height: 305px;}
.cal_wrap .cal_top {padding: 17px 25px 6px; overflow: hidden; background-color: #36a9eb;}
.cal_wrap .cal_top > p {text-align: center; font-size: 18px; font-weight: bold; color: #ffffff;}
.cal_wrap .cal_top > p span.prev_btn {padding: 6px 4px; background:url(../img/client/sub/cal_btn_l.png) no-repeat 0px 3px; text-indent: -10000px; float: left;}
.cal_wrap .cal_top > p span.next_btn {padding: 6px 4px; background:url(../img/client/sub/cal_btn_r.png) no-repeat 0px 3px; text-indent: -10000px; float: right;}
.cal_wrap .cal_tb_con { background: #fff; padding: 0px 14px 16px 14px; border: 1px solid #e3e3e3; border-top: 0px;}
.cal_wrap .cal_tb_con .cal_tb {width: 100%;}
.cal_wrap .cal_tb_con .cal_tb th {text-align: center; font-size: 12px; color: #444444; height: 39px;}
.cal_wrap .cal_tb_con .cal_tb th {text-align: center; font-size: 12px; color: #444444; height: 39px;}
.cal_wrap .cal_tb_con .cal_tb td {text-align: center; border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; font-size: 12px; color: #444444; height: 39px;}
.cal_wrap .cal_tb_con .cal_tb .sunday {border-left: 0px solid #e1e1e1; color: #ff0000; }
.cal_wrap .cal_tb_con .cal_tb .saturday {color : #0000ff; }
.cal_wrap .cal_tb_con .cal_tb td.datepicker_today { background-color: #d8eef8; font-weight: bold;}
.cal_wrap .cal_tb_con .cal_tb td:hover {background-color: #e1e1e1; cursor: pointer; font-weight: bold;}


/* common field */
.on{display:block !important;}
.on_inline{display:inline !important;}
.off{display: none;}
.off_important{display: none !important;}
.width100{ width: 100% !important; }
.height100{ height: 100% !important; }
.float_left{ float:left; }
.float_right{ float:right; }
.padtop24{padding-top: 24px;}
.opacity0{ opacity: 0; }
input[type="hidden"]{display: none !important;}

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}





/* board common css */
.board_paging{ width: 100%; text-align: center; vertical-align: middle; margin-top: 35px; overflow: hidden; padding-top: 3px; padding-bottom: 3px;}
.board_paging > a{display: inline-block; margin-left: -4px; vertical-align: middle;}
.board_paging_prev{}
.board_paging_prev > img{padding: 0 !important; border:1px solid #ababab; cursor: pointer; }
.board_paging_next{}
.board_paging_next > img{padding: 0 !important; border:1px solid #ababab; cursor: pointer; }
.board_paging_arrow{padding: 0 !important; border:none !important; cursor: pointer; }
.board_paging_arrow img{ border:none !important; padding-bottom: 3px; }
.board_paging_num{ padding: 11px 13px 11px 13px; font-size: 10px; cursor: pointer; border-top: 1px solid #ababab; border-bottom: 1px solid #ababab; border-left: 1px solid #eee; line-height: 1.3em;}
.board_paging_num:first-child{border-left: 0px solid #eee;}
.board_paging_num.on{ font-weight: bold; color: #1b3d83; background-color: #f9f9f9; display: inline-block !important; padding: 11px 17px 11px 17px;}

body{-webkit-print-color-adjust: exact;}