* { margin: 0; padding: 0 }
html { height: 100%; }
body { width: 100%; height: 100%; background: #fff; }
body,div,ul,li,ol,dd,dt,dl,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,span,iframe { margin: 0; padding: 0 }
body,input,button,li,textarea,select { font-size: 12px;
    font-family: '나눔고딕', NanumGothic, '맑은 고딕', 'Malgun Gothic', '굴림', Gulim, '돋움', Dotum, Helvetica, AppleGothic, Sans-serif, serif; color: #232323; line-height: 1.5em }

table { border-collapse:collapse; width:100%; }
th { font-size:14px; background:#f0f0f0; border:1px solid #d7d8dd; padding:9px 0; color:#303030; }
tr:hover { background: #f5fbff; }
tbody td { border:1px solid #d7d8dd; padding:8px 5px; font-size:12px; text-align:center; overflow: hidden; text-overflow: ellipsis; }
td.empty-list { padding: 30px 0; font-size: 15px; color: #7d7d7d;}

ul { list-style: none; margin: 0; padding: 0; }
ul,li,ol,dd,dt,dl { list-style: none; display: block }
a,img,fieldset,iframe,button { border: 0 none }
a,img,input,select { outline: none; selector-dummy: expression(this.hideFocus=true) }
a,img,input,select { moz-outline-style: none }
textarea,input {
    outline: -moz-use-text-color none medium;
}
textarea { overflow-x: hidden; overflow-y: auto; resize: none; border: 1px solid #ccc }
input,select,textarea,button { vertical-align: middle }
img { vertical-align: top }
em { font-style: normal }
a,button {cursor: pointer}
table{}
caption {display: none}
legend {display: none}
hr {background: #c0c0c0; border: 1px; height: 2px; }
a:link,
a:visited,
a:active {color: #232323;text-decoration: none}
a:hover {color: #409CFC;text-decoration: none}



#wrap { width: 100%; height: 100%; margin-left: auto; margin-right: auto; position: relative; }
#container { width: 100%; float: left }
#left-container { width: 200px; height: 100%; float: left; left: 0; padding-bottom: 10px; position: absolute; background: #fff; overflow-y:auto; overflow-x:auto; }
#right-container { width: 0; height: 100%; float: right; right: 0; padding: 10px; position: absolute; background: #232323; border-left: 1px solid #000; z-index: 10 }
#center-container { min-width: 400px; margin-left: 200px; border-left: 1px solid #dedede;  }
#center-content { width: 98%; height: 100%; margin-left: auto; margin-right: auto; position: relative; padding:10px; }
#header { width: 100%; height: 50px; border-bottom:  1px solid #DEDEDE; display:table; background: #f5f5f5; }
#header-content { vertical-align:middle; display: table-cell; padding-left: 10px; padding-right: 10px;}
#navigator { width: 100%; height: 35px; border-bottom:  1px solid #DEDEDE; display:table; background: #efefef; }
#navigator-content { vertical-align:middle; display: table-cell; padding-left: 10px; padding-right: 10px;}

#login-wrap { margin-top: 150px; margin-left: auto; margin-right: auto; width: 300px; }
#login-wrap form { margin-top: 10px; margin-bottom: 10px;  width: 100%; border: 1px solid #DEDEDE; background: #fff; padding-top:15px; padding-bottom:15px; }
#login-wrap input:not("input:checkbox") { width: 165px; }
#login-wrap form dl { clear:  both;
    padding: 8px 15px;
}
#login-wrap form dt { width: 100px; float:  left; }

.btn_light_black {  background: #202020;  }
.btn_light_black:hover {  background: #202020;  text-decoration: none;  }
.color_green {  color: #51c51e;  }
.btn_green {  background: #51c51e;  }
.btn_green:hover {  background: #83fd48;  text-decoration: none;  }
.color_orange {  color: #cd4313;  }
.btn_orange {  background: #cd4313;  }
.btn_orange:hover {  background: #fd6236;  text-decoration: none;  }
.color_blue {  color: #3498db;  }
.btn_blue {  background: #3498db;  }
.btn_blue:hover {  background: #3cb0fd;  text-decoration: none;  }
.color_black {  color: #2b2020;  }
.btn_black {  background: #2B2020;  }
.btn_black:hover {  background: #767676;  text-decoration: none;  }

.small {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 12px;
    padding: 5px 8px 5px 8px;
    text-decoration: none;
}

.small:hover {
    text-decoration: none;
}

*[data-type="list"]:nth-child(even) { background: #f5f5f5 }
*[data-type="list"]:nth-child(odd) { background: #fff }

#scheduleBox, #scheduleBoxShade {
    display: none;
}

#scheduleBoxShade {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #000;
}

#scheduleBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 94%;
    height: 94%;
    overflow: scroll;
    min-height: 500px;
    z-index: 10000;
    background-color: #fff;
    box-shadow: 0 0 16px #000;
}
.ie7 .overlay {
    height: 500px;
}

.preloader {
    width: 100%;
    height: 100%;
    z-index: 10001;
    background-color: rgb(26, 188, 156);
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.spinner {
    margin: inherit;
    line-height: 100%;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

.spinner > div {
    background-color: #fff;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}