/* default */

* {padding:0;margin:0; border:0}
html {overflow-y:scroll}
html, body {width:100%;height:100%; }
html, body, blockquote, caption, dd, div, dl, dt, fieldset, form, frame, h1, h2, h3, h4, h5, h6, hr,
iframe, input, select, textarea, legend, li, object, ol, p, pre, q, select, table, textarea, ul, tr, td { margin:0; padding:0;font-family:'Malgun Gothic','맑은고딕','Dotum','돋움', Verdana, Geneva, sans-serif;}
fieldset, img { border:0 none; vertical-align:top; }
h1, h2, h3, h4, h5, h6 { font-style:normal;}
hr { display:none; height:0}
ul,ol,li,dd,dt {list-style:none}
table { position:relative; width:100%;border-collapse:collapse; border:0; empty-cells:show; }
button{border:0; padding:0; margin:0;}

/* common */
body {font-family:'Malgun Gothic','맑은고딕','Dotum','돋움', Verdana, Geneva, sans-serif; font-size:0.75em; color:#333;line-height:1.3;}
a {color:#333;text-decoration:none;}
a:hover { color:#00243f; text-decoration:underline;}
input, select, textarea { vertical-align:middle;}
textarea { line-height:1.5; border:1px solid #656565; padding:0 3px;color:#333;}
em, address {font-style:normal;}
caption {position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font-size:0;} 
.skipNAvi, legend  { position:absolute; visibility:hidden; line-height:0; width:0; height:0; font-size:0; left:-5000px; top:-5000px;}
address, article, aside, blockquote, body, center, dd, dir, div, dl, dt, figure, figcaption, footer, form, h1, h2, h3, h4, h5, h6, header,
hgroup, html, legend, listing, menu, nav, ol, p, plaintext, pre,section, summary, ul, xmp { display: block; }

/* login 화면 */
.wrapper { position:relative; width:100%; height:auto!important; height:100%; min-height:100%; }
.wrapper .login { position:absolute; top:35%; width:100%; height:230px; background:#56b6e6	; color:#fff; border-bottom:16px solid #797979}



.wrapper .login .login_area { position:relative; width:700px; margin:0 auto;}
.wrapper .login .login_area .logo { position:absolute; top:60px; left:0;}
.wrapper .login .login_area .logo2 { position:absolute; top:65px; left:60px;}

.wrapper .login .login_area table { position:absolute; top:55px; left:300px; width:320px}
.wrapper .login .login_area table td { padding-bottom:15px; font-size:14px; font-family:'나눔고딕','NanumGothic'; }
.wrapper .login .login_area table td.title { font-size:26px; font-weight:600; padding-bottom:10px}
.wrapper .login .login_area table td.id { width:50px}
.wrapper .login .login_area table td input { background:#fff; height:30px; line-height:30px; padding:0 3px; width:150px}
.wrapper .login .login_area table td a.login_btn { font-size:17px; font-weight:600; padding:27px; background:#000; color:#fff; text-align:center; display:block}
.wrapper .login .login_area .copy { position:absolute; top:260px; left:180px; color:#333}

.wrapper .login .login_area .copy2 { position:absolute; top:260px; left:180px; color:#666; font-size:13px; letter-spacing:-1px;}


.wrapper .top { position:relative; width:100%; height:110px; background:#56b6e6; color:#fff; border-bottom:5px solid #292929}
.wrapper .top .logo_b { position:absolute; top:15px; left:20px;}
.wrapper .top ul { position:absolute; top:35px; right:50px}
.wrapper .top ul li { text-align:right; font-size:15px; padding-bottom:10px}
.wrapper .top ul li a { color:#fff; background:url(../images/bar.gif) left 4px no-repeat; padding-left:15px; margin-left:10px}
.wrapper .top ul li a.none { background:none}
.wrapper .top ul li a:hover { text-decoration:underline}
.wrapper .top ul li.admin_info { font-size:13px; letter-spacing:-1px; }

.wrapper .container { overflow:hidden; width:100%; min-height:100%; height:100% !important}
.wrapper .container .left { float:left; width:200px; background:#fff;  height:100%; }
.wrapper .container .left li { font-size:12px;padding:20px 30px; border-bottom:1px solid #ccc}
.wrapper .container .left li.li_title { background:#797979; color:#fff; font-size:15px; padding:20 0 20px; font-weight:900 }
.wrapper .container .left li a { color:#333; font-size:14px;  font-weight:bold; }
.wrapper .container .left li a:hover { text-decoration:underline}
.wrapper .container .left li a.on { color:#C00 }

.wrapper .container .contents { float:left; padding:45px 0 0 40px; width:1000px; min-height:800px; height:100% !important; border-left:1px solid #ccc}
.wrapper .container .contents .navi { border-bottom:1px solid #ccc; padding-bottom:10px; width:100%;  display:inline-block}
.wrapper .container .contents .navi li { float:left; font-size:13px; letter-spacing:-1px;}
.wrapper .container .contents .search_area { width:100%; margin:30px 0; font-size:14px; border:1px solid #ccc; background:#eee; padding:20px 0}
.wrapper .container .contents .search_area .center { width:750px; margin:0 auto}
.wrapper .container .contents .search_area .center span { padding-right:20px; display:inline-block}
.wrapper .container .contents .search_area .center select { width:120px; margin-left:10px; margin-right:10px; height:30px; line-height:30px; border:1px solid #ccc;display:inline-block}
.wrapper .container .contents .search_area .center input { width:170px; height:30px; padding:0 5px; line-height:30px;margin-right:10px;border:1px solid #ccc;display:inline-block}
.wrapper .container .contents .search_area .center a { width:130px; height:30px; background:#666; color:#fff; line-height:25px; display:inline-block; text-align:center}

.wrapper .container .contents .q_area { width:100%; margin:30px 0; border:1px solid #ccc; background:#eee; padding:20px 0}
.wrapper .container .contents .q_area .center { width:850px; margin:0 auto}
.wrapper .container .contents .q_area .center span { padding-right:20px; display:inline-block}
.wrapper .container .contents .q_area .center select { width:100px; margin-left:10px; height:30px; line-height:30px; border:1px solid #ccc;display:inline-block}
.wrapper .container .contents .q_area .center input { width:120px; height:30px; padding:0 5px; line-height:30px;border:1px solid #ccc; background:url(../images/month.png) 110px 3px  no-repeat #fff;display:inline-block}
.wrapper .container .contents .q_area .center input.text_ { background:#fff; border:1px solid #ccc;}
.wrapper .container .contents .q_area .center a { width:80px; height:30px; background:#666; color:#fff; line-height:25px; display:inline-block; text-align:center; margin-left:10px}

.wrapper .container .contents .btnarea { width:100%; text-align:right; padding-bottom:10px}
.wrapper .container .contents .btnarea a { display:inline-block;}
.wrapper .container .contents .btnarea a.commit { width:140px; height:40px; font-size:14px; line-height:35px; background:#900; color:#fff; text-align:center }
.wrapper .container .contents .btnarea a.list { width:140px; height:40px; font-size:14px; line-height:35px; background:#666; color:#fff; text-align:center}


.wrapper .container .contents table.list { width:100%; border-top:3px solid #ccc}
.wrapper .container .contents table.list th { background:#eee; font-size:14px; border-bottom:1px solid #ccc;border-left:1px solid #ccc; text-align:center; padding:12px 0}
.wrapper .container .contents table.list th:first-child { border-left:none}
.wrapper .container .contents table.list td {  text-align:center;font-size:14px;  border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:12px 0}
.wrapper .container .contents table.list td:first-child { border-left:none}
.wrapper .container .contents table.list td.ttl { text-align:left; padding:10px 15px}
.wrapper .container .contents table.list td.ttl a:hover { text-decoration:underline}

.wrapper .container .contents table.list2 { width:100%; border-top:3px solid #ccc; margin:30px 0 10px}
.wrapper .container .contents table.list2 th { background:#eee; font-size:14px; border-bottom:1px solid #ccc;border-right:1px solid #ccc; text-align:center; padding:10px 0}
.wrapper .container .contents table.list2 td {  text-align:left; font-size:14px; border-bottom:1px solid #ccc; padding:10px 15px}
.wrapper .container .contents table.list2 td .ttl2 { width:60%;height:25px; padding:0 5px; line-height:25px; border:1px solid #ccc}
.wrapper .container .contents table.list2 td select { width:200px;height:25px;line-height:25px; border:1px solid #ccc}
.wrapper .container .contents table.list2 td .editor { padding:10px 0; }
.wrapper .container .contents table.list2 td.ny { line-height:26px}
.wrapper .container .contents table.list2 td.ny img { max-width:550px}

.paging { width:100%; margin:0 auto; text-align:center; padding:30px 0 200px}
.paging a { display:inline-block; margin:0 3px 0 0; border:1px solid #ccc; width:23px; height:23px; line-height:20px;}
.paging a:hover { background:#666; color:#fff}
.paging a.on {background:#666; color:#fff}

.ml20 { margin-left:20px}