﻿@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
}

#contents {width:100%; height:100%; min-width:1000px; position:relative;margin:110px 0px 0px 0px;padding:40px 25px 40px 25px;*zoom:1; text-align:left; color: #333; font-size: 14px; line-height: 1.5; font-family: "Malgun Gothic", "맑은고딕", Dotum, "돋움", sans-serif; letter-spacing: -1px; background-color:#ffffff;}
#contents table { table-layout: fixed; border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size:14px; }
#contents caption span { overflow: hidden; position: fixed; top: -9999px; left: -9999px; width: 10px; height: 25px; }
#contents a { color: #333; text-decoration: none; }

#contents input, button, select, textarea { font-size: 14px; font-family: "Malgun Gothic", "맑은고딕", Dotum, "돋움", sans-serif; vertical-align: middle; }

#contents input[type="text"] { width: 260px; height: 21px; padding: 2px 5px 3px; border: 1px solid; border-color: #979797 #bebebe #d1d1d1 #bebebe; color: #333; line-height: 1.5; }
#contents input[type="password"] { width: 260px; height: 21px; padding: 2px 5px 3px; border: 1px solid; border-color: #979797 #bebebe #d1d1d1 #bebebe; color: #333; line-height: 1.5; }

#contents input[type="radio"] { position: absolute; left: -9999px; width: 16px; height: 16px; opacity: 0; filter: alpha(opacity=0); }
#contents label.radio { display: inline-block; position: relative; z-index: 100; padding-left: 25px; background: url(../../images/common/ui_radio.png) no-repeat 0 3px; }
#contents label.radio.only { width: 16px; height: 16px; padding: 0; background-position: 0 0; }
#contents label.radio.disabled { background-position: 0 -57px; cursor: default; }
#contents label.radio.on { background-position: 0 -27px; color: #f0752c; font-weight: bold; }
#contents label.radio.only.on { background-position: 0 -30px; }
#contents label.radio.only.disabled { background-position: 0 -60px; }

#contents input[type="checkbox"] { position: absolute; left: -9999px; width: 16px; height: 16px; opacity: 0; filter: alpha(opacity=0); }
#contents label.checkbox { display: inline-block; position: relative; z-index: 100; padding-left: 25px; background: url(../../images/common/ui_checkbox.png) no-repeat 0 4px; }
#contents label.checkbox.only { overflow: hidden; width: 16px; height: 16px; padding-left: 0; background-position: 0 0; }
#contents label.checkbox.disabled { background-position: 0 -60px; cursor: default; }
#contents label.checkbox.on { background-position: 0 -26px; color: #f0752c; font-weight: bold; }
#contents label.checkbox.only.on { background-position: 0 -30px; }

#contents textarea { overflow-y: auto; border: 1px solid; border-color: #979797 #bebebe #d1d1d1 #bebebe; }

#contents label, button, input[type="checkbox"], input[type="radio"], input[type="image"] { cursor: pointer; }

#contents .select { position: relative; }
#contents .select.disabled label { background-color: #f5f5f5; color: #a7a7a7; }
#contents .select.disabled select { cursor: default; }
#contents .select label { display: block; position: absolute; top: 0; left: 0; width: 101px; padding: 2px 28px 3px 5px; border: 1px solid #bfbfbf; background: #fff url(../../images/common/ui_select.png) no-repeat right; color: #333; }
#contents .select select { position: relative; z-index: 100; width: 136px; height: 28px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }

#contents .file { position: relative; }
#contents .file input[type="text"] { position: relative; z-index: 0; }
#contents .file input[type="file"] { position: absolute; top: 0; left:0; z-index: 100; width: 344px; height: 28px; outline: 0; opacity: 0; filter: alpha(opacity=0); }
#contents .file label { display: block; position: absolute; top: 0; left: 282px; z-index: 0; width: 62px; height: 28px; background: url(../../images/common/btn_file.png) no-repeat; text-indent: -9999px; }

#contents input.date_picker { width: 124px; }

#contents .paging { text-align: center; }
#contents .paging a { display: inline-block; width: 26px; margin-left: 6px; padding: 3px 0 4px; background-color: #f4f4f4; color: #2b2b2d; font-size: 13px; vertical-align: top; }
#contents .paging a.on { background-color: #b7a295; color: #fff; }
#contents .paging .prev { height: 26px; margin: 0 4px 0 0; padding: 0; background: url(../../images/common/ui_paging.png) no-repeat 0 0; }
#contents .paging .prev:hover { background-position: 0 -40px; }
#contents .paging .prev.disable {background-position: 0 -80px; }
#contents .paging .next { height: 26px; margin-left: 10px; padding: 0; background: url(../../images/common/ui_paging.png) no-repeat -30px 0; }
#contents .paging .next:hover { background-position: -30px -40px; }
#contents .paging .next.disable { background-position: -30px -80px; }

#contents .search { width: 932px; margin-bottom: 24px; padding: 27px; border: solid #b7a295; border-width: 0 1px 1px; }
#contents .search:after { content: " "; display: table; clear: both; }
#contents .search h3 { float: left; font-size: 18px; }
#contents .search p { float: left; margin: 6px 0 0 19px; color: #777; font-size: 13px; }
#contents .search .srch { float: right; width: 582px; color: #999; }
#contents .search .srch .option { float: left; }
#contents .search .srch .option a { display: inline-block; width: 54px; margin-left: 8px; padding: 7px 0; background: url(../../images/common/ui_date.png) no-repeat; font-size: 13px; text-align: center; }
#contents .search .srch .option a:first-child { margin-left: 0; }
#contents .search .srch .option a.on { background-position: 0 -50px; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
#contents .search .srch .date { float: right; font-size: 0; }
#contents .search .srch .date input[type="text"] { width: 90px; padding: 5px; font-size: 16px; }
#contents .search .srch .date a { margin-left: 10px; }
#contents .search .srch .date span { margin: 0 10px; font-size: 14px; vertical-align: middle; }
#contents .search .srch .date input[type="image"] { margin-left: 10px; }

#contents .table { width: 100%; border: solid #ababab; border-width: 1px 0; }
#contents .table th { padding: 8px 0; border: solid #ababab; border-width: 0 0 1px 1px; background-color: #ebebeb; }
#contents .table th:first-child { border-left: 0; }
#contents .table td { height: 21px; padding: 8px 0; border: solid #d6d6d6; border-width: 1px 0 0 1px; text-align: center; }
#contents .table td.orgTxt{font-weight:bold; color:#f26522;}
#contents .table td.notContent{padding:25px 0;}
#contents .table tr:first-child td { border-top: 0; }
#contents .table td:first-child { border-left-width: 0; }
#contents .hover tr.on td { background-color: #F5F8F9; }
#contents .hover tr:hover td { background-color: #F5F8F9; }

/* ---------------- */

/* FUNCTIONAL CLASS */

#contents .hidden {
    overflow: hidden;
    position: fixed;
    top: -9999px;
    left: -9999px;
    width: 10px;
    height: 25px;
}

#contents .clearfix:after {
    content: " ";
    display: table;
    clear: both;
}

#contents .modal_open {
    overflow: hidden;
}

#contents .bg_modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
}

#contents .ls_fix { letter-spacing: 0; }

/* --- */

#contents {
    width: 988px;
    margin: 0 auto;
    padding-top: 50px;
}