@charset "euc-kr";


/******************************************************************************
 *** initialize ***************************************************************
 ******************************************************************************/
* {margin:0; padding:0;}
body {margin:0; padding:0; background:#fff; color:#444; font-size:12px; line-height:1.4em; font-family:'Nanum Gothic', Dotum, Arial, Verdana, sans-serif;}
p, ul, ol, li, dl, dt, dd, form {margin:0; padding:0; border:0; list-style-image:none; list-style-position:outside; list-style-type:none;}
a, img, span, b, input, select, em, textarea, label, strong, input, i, u, b {vertical-align:middle;}
table {border-collapse:collapse;}
hr, caption, legend {display:none;}
img {border:0 none; vertical-align:middle;}
frameset, frameborder, frame {border:0;}
a, a:link, a:visited {text-decoration:none; color:#444;}
a:hover, a:active {text-decoration:underline;}


/******************************************************************************
 *** form *********************************************************************
 ******************************************************************************/
input, select, textarea {vertical-align:middle; font-size:1em;}
fieldset {border:none;}
label {color:#777;}
input[type="text"], input[type="password"] {padding:1px 0; height:18px;}
input[type="radio"], input[type="checkbox"] {margin-top:-2px;}
input[type="file"] {height:20px; border:1px solid #aaa;}
textarea {width:100%; height:100px; padding:4px 0;}
.txtBox {width:95%; padding:3px; border:1px solid #bfbfbf; font-family:tahoma;}
.txtBoxR {width:95%; padding:3px; border:1px solid #bfbfbf; background-color:#f0f0f0; font-family:tahoma;}


/******************************************************************************
 *** login ********************************************************************
 ******************************************************************************/
.loginArea {width:750px; margin:100px auto 100px auto; padding:50px 40px; background:#fff;}
.loginArea h1 {height:50px; font-size:32px; color:#e0001a; font-weight:normal; border-bottom:5px solid #e0001a; background:url("/storage/1413914/bg_subject.png") no-repeat 100% 100%; font-family: "Nanum Gothic","Dotum","sans-serif";}

.loginSection {padding-bottom:40px; border-bottom:1px solid #e0001a;}
.bg .loginSection {width:330px; height:315px; margin-top:30px; padding-right:420px; background:#fff url("/storage/1413914/bg_login.png") no-repeat 100% 0;}

.loginForm {overflow:hidden; position:relative; padding-top:10px; margin-left:15px;}
.loginForm ul {float:left;}
.loginForm li {position:relative; margin-top:10px;}
.loginForm li span {position:absolute; top:0; left:0; display:block; height:28px; line-height:28px; padding:2px 5px; font-size:14px; color:#9c9c9c;}
.loginForm li:first-child {margin-top:0;}
.loginForm li input {width:200px; height:28px; padding:2px; color:#9c9c9c; font-size:16px;  font-family:'Nanum Gothic'; border:1px solid #9c9c9c;}
.loginForm .btn {float:right; left:215px; width:98px; height:77px; font-size:16px; text-align:center; line-height:77px; border:1px solid #b3b3b3; color:#000; background:#ebebeb; font-family: "Nanum Gothic","Dotum","sans-serif";}

.loginMenu {clear:both; overflow:hidden; padding-top:15px; color:#666666;}
.loginMenu .idSave {float:left;}
.loginMenu .idSave input {margin-right:10px;}
.loginMenu .menus {float:right;}
.loginMenu .menus a {display:inline-block; padding-left:10px; margin-left:5px; background:url("/storage/1413914/img_bar.png") no-repeat 0 60%;}
.loginMenu .menus a:first-child {padding-left:0px; background:none;}

.bp {margin-left:15px; padding-top:60px; padding-bottom:10px; color:#666666; border-bottom:1px solid #b3b3b3;}
.bp a {color:#e0001a; text-decoration:underline}
.bpList {margin-left:15px; padding:10px 0; line-height:190%;}


/******************************************************************************
 *** layout *******************************************************************
 ******************************************************************************/
body#main {background:none;}
body {-webkit-text-size-adjust:none; background:url("/storage/1413914/bg_body.png") repeat-y 0 0;}
#bodyClear {background:none;}

#wrap {width:100%;}
#header {position:relative; min-width:1200px; border-bottom:1px solid #b7b7b7;background:#fff url("/storage/1413914/bg_header.png") no-repeat 100% 100%;}
    .topMenu{color:#fff;text-align:right;height:40px;padding-right:20px;background:#e5001f;}
    .topMenu a{position:relative;display:inline-block;color:#fff;font-size:11px;padding:14px 0;padding-left:14px;margin-left:10px;}
    .topMenu a:before{position:absolute;top:50%;left:0;display:inline-block;background:#fff;content:'';height:10px;width:1px;margin-top:-6px;}
    .topMenu a:first-child:before{display:none;}

    #header  h1{position:absolute;top:60px;left:35px;}

    #gnb {padding:32px 0 15px 254px;}
    #gnb:after{display:block;clear:both;content:'';}
    #gnb li{margin: 0 10px;float:left;}
    #gnb li a{display:block;padding:10px; 0;color:#333333;font-size:14px;font-weight:bold;}
    #gnb li.on a{color:#e5001f;border-top:2px solid #e5001f;}

.date {float:left; width:162px; height:21px; margin:40px 0 0 35px; color:#a1a1a1;}

#container {float:left; width:100%;}
    #content {display:table; width:100%; overflow:hidden; min-width:1200px; _width:1200px;}
        #snb {display:table-cell;position:relative; width:240px; padding:20px 35px; box-sizing:border-box; z-index:10;}
        #snb .info {height:71px;}
        #snb .info p {padding-top:14px; padding-left:44px; color:#666;}
        #snb .info span {display:block; padding:12px 0 6px 15px;}
        #snb .info a {display:inline; padding-right:2px;}
        #snb .useradmin{padding:15px 0; text-align:center; font-weight:bold; font-size:14px; color:#333333; background:#f6f6f6;}
        #snb ul {margin-top:35px; padding:20px 0 12px 9px; box-sizing:border-box;}
        #snb ul ul {margin-bottom:17px; padding:7px 0 0 9px;}
        #snb ul.ui-menu li {width:88%;}
        #snb ul li {margin:0 0 6px 5px;}
        #snb ul li img {margin-top:1px;}
        #snb ul li span {display:block; margin:5px 0 0 17px;}
        #snb ul li a {display:block; color:#252525;}
        #snb ul li a:hover {color:#252525; font-weight:bold; text-decoration:none;}
        #contentVisual {float:left; width:80%; min-height:300px; _height:300px; margin-top:20px; padding-left:25px;}
        #contentBody {display:table-cell; min-height:300px; _height:300px; margin-top:20px; padding:20px 35px; box-sizing:border-box; vertical-align:top; }
        .ui-menu {width: 170px;}

    #footer {clear:both; text-align:left; padding-top:50px;}

#subject {width:100%; height:30px; margin-bottom:20px; padding-top:11px; background:#fff url("/storage/1413914/bg_subject.gif") repeat-x 0 bottom; font-size:14px; font-weight:bold;}
#subject .ico {display:inline-block; position:relative; top:-5px; padding:3px 0 0 20px; background:url("/storage/1413914/ico_subject.gif") no-repeat 0 2px;}


/******************************************************************************
 *** sub contents *************************************************************
 ******************************************************************************/
.tabStyle {width:100%; overflow:hidden; margin:10px 0 20px 0; padding:3px 0 1px 0; background:url("/storage/1413914/tab_style.gif") repeat 0 -12px; font:12px/150% Dotum;}
.tabStyle li {float:left; height:23px; margin:0 3px 16px 0; border:1px solid #808080; border-bottom:none; background:#e6e6e6; color:#5b5b5b; text-align:center; _overflow:hidden;}
.tabStyle li a {display:inline-block; _width:45px; min-width:45px; height:100%; padding:0 15px; color:#5b5b5b !important; line-height:26px; white-space:nowrap;}
.tabStyle li.on {top:0; padding-top:0; background:#fff; color:#5a5a5a;}
.tabStyle li.on a {color:#5a5a5a !important;}

.theme {position:relative; float:left; width:100%; padding:10px 0 6px 0; border:1px solid #c2bfb6; background:#e7e4db;}
.theme p {padding:2px 10px 1px 10px;}
.theme img {position:absolute; top:6px; right:6px;}
.theme .posRight {position:absolute; top:6px; right:6px;}
.theme .posRight2 {position:absolute; top:12px; right:10px;}
.theme .posRight3 {position:absolute; top:3px; right:10px;}

.searchForm {position:relative; clear:both; height:24px; margin-bottom:6px; padding-top:26px; color:#666;}
.searchForm p {float:left; padding:5px 384px 0 0;}
.searchForm select {float:left; height:20px; margin-right:3px; border:1px solid #aaa; color:#666; line-height:20px;}
.innerSearch {position:absolute; right:0;}

.tblList {clear:both; width:100%; color:#666; text-align:center;}
.tblList th {padding:10px 0; background:#e5e2dc;}
.tblList td {padding:10px 0; border-bottom:1px solid #e5e2dc;}

.tblDetail {clear:both; width:100%; color:#666;}
.tblDetail th, .tableDetail td {padding:11px 0 6px 0; border-bottom:1px solid #d0d0cd;}
.tblDetail th {padding-left:10px; text-align:left;}
.tblDetail th.noLine {border-bottom:none;}
.tblDetail td {padding:11px 0 6px 0; border-bottom:1px solid #d0d0cd;}
.tblDetail td.noLine {border-bottom:none;}
.tblDetail td.obj {padding:4px 0 4px 0;}
.tblDetail td.content {padding:20px 10px; word-break:break-all;}

.ui-datepicker-trigger {margin-left:5px; height:23px; vertical-align:middle;}

.pagination {margin:15px auto 5px; *zoom:1; padding-bottom:2px;}
.pagination:after {content:""; display:block; clear:both;}
.pagination a, .pagination strong {display:inline-block; margin-right:3px; padding:4px 7px; border:1px solid #ccc; color:#777; font-weight:bold; font-size:11px; font-family:gulim; text-align:center; text-decoration:none; vertical-align:middle; }
.pagination a:hover, .pagination strong {border:1px solid #95a5ff; color:#6671ff;}
.pagination {text-align:center;}
.pagination .prev, .pagination .next {position:relative 0 0; width:34px; height:21px; padding:0; vertical-align:middle;}
.pagination .sel {display:inline-block; margin-right:3px; padding:4px 7px; border:1px solid #ccc; color:red; font-weight:bold; font-size:11px; font-family:gulim; text-align:center; text-decoration:none; vertical-align:middle;}

.vsl {clear:both; height:20px;}
.vsm {clear:both; height:10px;}
.vss {clear:both; height:5px;}

.align {clear:both; height:auto; padding-top:10px; text-align:center; overflow:hidden;}
.align .left {float:left;}
.align .right {float:right;}
.align .center {height:auto; overflow:hidden;}

label {display:inline-block;}