@charset "utf-8";

/* 웹폰트 */
@import url('/assets/css/nanumgothic.css');

/* 초기화 */
html {overflow-y:scroll;width:100%;height:100%;}
body {margin:0;padding:0;font-size:0.75em;width:100%; height:100%; font-family: 'Nanum Gothic', serif; }
html, body, h1, h2, h3, h4, h5, h6, ol, ul, div, li, dl, dt, dd, form, iframe, p, a, span, blockquote, fieldset, img, table, th, td, input, button, select, textarea, table, tfoot,thead,th,td, label {margin:0; padding:0; -webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Nanum Gothic', serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, li { list-style-type:none; }
label   {vertical-align:middle;}
img		{position:relative; vertical-align:middle; border:none;}
table	{position:relative; table-layout:fixed; border-spacing:0; border-collapse:collapse; color:#000;}
table td, table th { font-size:12px; }

a {border:none; outline:none; text-decoration:none; }
a:hover{text-decoration:underline;}
textarea, input[type=text] { outline: none;-webkit-ime-mode:inactive; -moz-ime-mode:inactive; -ms-ime-mode:inactive; ime-mode:inactive; resize: none;}
input, textarea, select {vertical-align:middle; font-size:12px; font-family:'Nanum Gothic', Nanum, Dotum, Gulim, Tahoma, Verdana, AppleGothic, sans-serif; color:#666666;}
textarea    {border:1px solid #c5c5c5; padding:4px; background:#fff; resize:none;}
select		{border:1px solid #c5c5c5; height:19px;font-family:'Dotumche';}


input[type="checkbox"] {position:relative; width:20px; height:auto; line-height:0; bottom:0px;}
input[type="radio"	 ] {position:relative; width:20px; height:auto; line-height:0; bottom:0px;}
input[type="text"    ] {height:16px; line-height:16px; border:1px solid #c5c5c5;}
input[type="password"] {height:16px; line-height:16px; border:1px solid #c5c5c5;}
input[type="file"    ] {height:16px; line-height:16px; border:1px solid #c5c5c5; background:#fff;}
input[type="image"   ] {padding:0px; height:auto; border:none; background:none;}
input[type="button"] { font-size:11px; }

input.checkbox				 {position:relative; width:20px; height:auto; line-height:0; bottom:0px;}
input.radio						 {position:relative; width:20px; height:auto; line-height:0; bottom:0px;}
input.text						 {height:16px; line-height:16px; border:1px solid #c5c5c5;}
input.password				 {height:16px; line-height:16px; border:1px solid #c5c5c5;}
input.file						 {height:16px; line-height:16px; border:1px solid #c5c5c5; background:#fff;}
input.image						 {padding:0px; height:auto; border:none; background:none;}

#fullbody { width:100%; height:100%; }
#fullbody>tbody>tr>td { width:100%; height:100%; text-align:center; vertical-align:middle; }

.al {text-align:left!important;}
.ar {text-align:right!important;}
.ac {text-align:center!important;}
.fr {position:absolute;top:0px;right:0px;}
.fl {position:absolute;top:0px;left:20px;}
.mr {margin-right:10px;}
.ml {margin-left:10px;}
.mt {margin-top:10px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.at {vertical-align:top!important;}
.ab {vertical-align:bottom!important;}
.p10 {padding:10px;}

.b { font-weight:bold; }
.datepicker { width:80px; text-align:center; }


.tbl-form-1 {width:100%; border-top:solid 2px #ccc; }
.tbl-form-1 th { background:#f0f0f0; text-align:left; padding:10px 0 10px 0; border-bottom:solid 1px #ddd; }
.tbl-form-1 th span { margin-left:10px; color:#333; }
.tbl-form-1 td>input, .tbl-form-1 td>select { margin-left:10px; }
.tbl-form-1 td span { margin-left:10px; }
.tbl-form-1 td div { margin-left:10px; }
.tbl-form-1 td { background:#fff; text-align:left; padding:10px 0 10px 0; border-bottom:solid 1px #ddd;  }

.tbl-form-1 td .bt { background:#333; color:#fff; border:solid 1px #000; height:18px; padding:0 4px 0 4px; }
.tbl-form-1 .bt-attach { border:solid 1px #333; background:#fff; font-size:11px; padding:2px 4px 2px 4px; cursor:pointer; }
.tbl-form-1 .bt-attached-delete { border:solid 1px red; background:orange; color:#fff; font-size:11px; padding:2px 4px 2px 4px; cursor:pointer; }
.tbl-form-1 td .content { margin-left:10px; min-height:200px; }
.tbl-form-1 tr.attach>td>div {padding:5px 0 5px 0;}
.tbl-form-1 tr.attach>td>div>input { border:solid 1px #ddd; }

.bt-ok { border:solid 1px #000; background:blue; color:#fff; width:60px; height:40px; }
.bt-cancel { border:solid 1px #000; background:grey; color:#fff; width:60px; height:40px; }
.bt-line { border:solid 1px #000; background:grey; color:#fff; height:18px; padding:0px 10px 0 10px; }

.tbl-list-1 {width:100%; border-top:solid 2px #ccc; }
.tbl-list-1 thead th { background:#f0f0f0; text-align:center; padding:10px 0 10px 0; border-bottom:solid 1px #ddd; }
.tbl-list-1 tbody td { background:#fff; text-align:center; padding:10px 0 10px 0; border-bottom:solid 1px #ddd;  }
.tbl-list-1 tbody td.num { font-size:11px; color:#777; }
.tbl-list-1 tbody td.no-data { height:100px; }
.tbl-list-1 tbody td a { color:#333; }
.tbl-list-1 tbody td input[type=text] { width:100%; }
.tbl-list-1 .bt-navy { background:navy; border:solid 1px black; color:#fff; width:50px; font-size:11px; letter-spacing:-1px; padding:2px 0 2px 0; cursor:pointer; }

.tbl-list-2 {width:100%; border-top:solid 2px #ccc; }
.tbl-list-2 thead th { background:#f0f0f0; text-align:center; padding:10px 0 10px 0; border-bottom:solid 1px #ddd; }
.tbl-list-2 tbody td { background:#fff; text-align:center; padding:10px 0 10px 0; border-bottom:solid 1px #ddd; border-left:solid 1px #ddd; }
.tbl-list-2 tbody td span { margin-left:10px; }
.tbl-list-2 tbody td.first { border-left:0 none; }
.tbl-list-2 tbody td.no-data { height:100px; }


.paging { text-align:center; padding:20px 0 20px 0;}
.paging .pg_page {margin:0 10px 0 10px; }
.paging .cur {font-weight:bold; color:orange; }
.paging .pg_end { margin-left:20px; }
.paging .pg_first { margin-right:20px; }

.help { font-size:11px; letter-spacing:-1px; color:green; }

#body_all {width:100%;height:100%;}
#body_all>tbody>tr>td{text-align:center;vertical-align:middle;}

.readonly { background:#efefef; }

/* popup */
#popBg { z-index:50; position:fixed; display:none; height:100%; width:100%; background:#000000; top:0px; left:0px; } 
.pop { display:none; position:absolute; z-index:100; left:50%; top:50%; background:#fff; border:solid 4px #ddd; }
.pop>.head { position:relative; width:100%; height:60px; background:#ccc; }
.pop>.head>.title { position:absolute; bottom:10px; left:20px; font-size:20px; color:#000; }
.pop>.head>.link {position:absolute; bottom:10px; right:20px; font-size:14px; color:#000; }
.pop>.area {width:100%; }
.pop>.foot {position:absolute; width:100%; height:40px; bottom:0px; left:0px; background:#ccc; text-align:right;}
.pop>.foot>span{position:absolute;top:10px; right:20px;} 
.pop>.foot>span>input[type=button] {border:0; background:#777; color:#fff; font-size:11px; padding:4px 5px 4px 5px; }
.pop>.foot .bt-print {border:0; background:blue; color:#fff; font-size:11px; padding:4px 5px 4px 5px; }
.pop>.foot .bt-email {border:0; background:blue; color:#fff; font-size:11px; padding:4px 5px 4px 5px; }
.pop>.foot .bt-reserve {border:0; font-size:11px; padding:4px 5px 4px 5px; }

table tbody td .sun {color:red;}
table tbody td .sat {color:blue;}
table tbody td .day {color:black;}

.truncate {
  width:100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.box-line { padding:20px 0 20px 0; border:solid 1px #ddd; background:#efefef;}
.box-line table {margin:0 auto;}
.bt-search { border:none; background:navy; color:#fff; height:18px; }


/* board */
.area-bbs { width:1000px; margin:0 auto; }

.tbl-list-bbs {width:100%; border-top:solid 2px #ccc; }
.tbl-list-bbs thead th { background:#f0f0f0; text-align:center; padding:10px 0 10px 0; border-bottom:solid 1px #ddd; }
.tbl-list-bbs tbody td { background:#fff; text-align:center; padding:10px 0 10px 0; border-bottom:solid 1px #ddd;  }
.tbl-list-bbs tbody td.no-data { height:100px; }
.tbl-list-bbs tbody td a { color:#333; }

.box-alert { border:solid 1px #ddd; background:#eee;margin:0 auto;padding:20px; }
.box-alert ul li.top { margin-top:0px; }
.box-alert ul li { margin-top:10px; }


.box-msg-full { width:100%; background:#efefef; border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;  text-align:center; padding:50px 0 30px 0;}
.box-msg-full .tx { font-size:20px; font-weight:bold; letter-spacing:-1px; }

.area-bttn { width:100%; position:relative; padding:10px 0 10px 0; text-align:center; }
.area-bttn>.al { margin:0; }
.area-bttn .bt-red { background:orange; border:solid 1px red; color:#fff; width:50px; font-size:11px; letter-spacing:-1px; padding:4px 0 4px 0; }

.bg-red { background:red; color:#fff; }
.bg-navy { background:navy; color:#fff; }

.op {
    opacity: 0.0; /* IE9~, Firefox2.0~, chrome4.0~, Opera9.0~ */    
    -moz-opacity: 0.0; /* ~Firefox*/
    -khtml-opacity: 0.0; /* ~Safari */    
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8,9 */
    filter: alpha(opacity=0); /* IE 4,5,6,7 */
}


.box-search { width:100%; }
.box-search table { margin:0 auto; }
.box-search .datePicker { width:70px; text-align:center; }
.box-search .bt { border:solid 1px #ddd; background:#eee; color:#666; font-size:11px; width:40px; height:18px; }