@charset "utf-8";
@import url(reset.css);
@import url(../font/KoPubDotum.css);

html {
  font-size: 10px;
}

@media (min-width:226px) {
    html {
      font-size: 7px;
    }
}

@media (min-width:276px) {
    html {
      font-size: 8px;
    }
}

@media (min-width:326px) {
    html {
      font-size: 9px;
    }
}

@media (min-width:376px) {
    html {
      font-size: 10px;
    }
}


*{
	/*화면 회전 시 폰트 크기 고정 (iPhone)*/
	-webkit-text-size-adjust:none; 

	/*border 사이즈 크기 포함*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body, div, h1, h2, h3, h4, h5, p, a, ul, li, nav, table, tr, td, th, header, footer, nav, article, content, button, dl, dd, dt, label, textarea {
    margin: 0;
    padding: 0;
    border: 0;
    border-top-color: initial;
    border-top-style: initial;
    border-top-width: 0px;
    border-right-color: initial;
    border-right-style: initial;
    border-right-width: 0px;
    border-bottom-color: initial;
    border-bottom-style: initial;
    border-bottom-width: 0px;
    border-left-color: initial;
    border-left-style: initial;
    border-left-width: 0px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: KoPubDotum, bg,"bg","나눔바른고딕",Sans-Serif;
    /* font-size: 100%; */
}

input, textarea, select { font-family:KoPubDotum, NanumGothic,"NanumGothic","나눔 고딕",Sans-Serif;}
table
{
    border-space:0;
    border-collapse:collapse;
    border:0;
    padding:0;
}
p,label,td,th
{
    font-size:10px;
}
div 
{
    position:relative;
    float:left;
}

th{background-color:#efefef; font-weight:normal}
        
.left{float:left;}
.right{float:right;}
.unit{color:#71818c; font-weight:normal;padding-left:1px;}
.red{color:#d10101;}
.blue{color:#1499de;}
.gray{color:#7E7E7E;}
.bg_red {background-color:#F9C270;}
.bg_blue {background-color:#80C8EF;}
.t_left { text-align:left; padding-left:6px }
.t_right { text-align:right; padding-right:6px }
.t_center { text-align:center }
.cut {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis
}

/* datepicker(S) */
.ui-datepicker
{
    background:#fff;
    font-size:12px;
    border:1px solid #339aff;
}

.ui-datepicker-header
{
    padding:5px 10px;
    background-color:#007de3;
    color:#fff;
}

.ui-datepicker-header a, .ui-datepicker-header span
{
    color:#fff;
}

.ui-datepicker-header select
{
    border:0;
    background-color:#007de3;
    color:#fff;
}

.ui-datepicker table
{
    width:250px;
}

.ui-datepicker table td
{
    text-align:center;
    width:35px;
}

.ui-datepicker a
{
    cursor:pointer;
    text-decoration:none;
    color:black
}

.ui-datepicker-prev
{
    float:left;
    margin-right:40px;
}

.ui-datepicker-next
{
    float:right;
}

.ui-datepicker-title
{
    text-align:center;
    font-weight:bold;
    display:inline-block;
}
.ui-datepicker-calendar thead
{
    background-color:#002298
}
.ui-datepicker-calendar thead tr
{
    height:25px;
}
.ui-datepicker-calendar thead tr th:nth-child(1) span
{
    color:red;
}
.ui-datepicker-calendar thead tr th:nth-child(7) span
{
    color:#007de3
}
.ui-datepicker-calendar thead span
{
    color:#b6b6b6;
    font-size:10px;
    
}
.ui-datepicker-calendar tbody td
{
    border:1px solid #bddaf2; height:30px;
}

.ui-datepicker-calendar tbody td:hover, .ui-datepicker-calendar tbody td:hover a
{
    background-color:#007de3;
    color:#fff;
}

.ui-datepicker-week-end a
{
    color:red
}

.ui-datepicker-other-month
{
    background-color:#ececec;
}
.ui-datepicker-calendar tbody td:nth-child(7) a
{
    color:Blue;
}
.ui-datepicker-other-month a
{
    color:silver !important;
}

.ui-datepicker-trigger
{
    cursor:pointer;
    float:left;
}

/* datepicker(E) */

.contents table { width:100%; table-layout:fixed; }
.contents table th { font-weight:normal; background-color:#e9e9ea }
.contents table th, .contents table td { vertical-align:middle; line-height:17px; height:25px;}
.contents table th.line { background-image:url('../images/dvs_line_th.png'); background-repeat:no-repeat; background-position:right center }
.contents table td.line { background-image:url('../images/dvs_line_td.png'); background-repeat:no-repeat; background-position:right center }
.contents table th.th_br, .contents table td.td_br { font-size:14px; line-height:17px }
.contents table tr:hover { background-color:#eaf0f6 !important }
.contents table tr.sel { background-color:#cee0ec !important }
.contents table tr.sum, .contents table td.sum { background-color:#fdeada !important }
.contents table td .rtIcon { margin-top:6px; display:inline; }
.contents table.tbl_input tr:hover { background-color:inherit !important }
.contents table.tbl_input th, .contents table.tbl_input td { padding:0 8px; border-bottom:1px solid #dfe6e6 }
.contents table input[type=text], .contents table input[type=password],
.contents table textarea, 
.contents table select { width:100%; border:1px solid #e3e9e9; height:28px; line-height:25px; padding:0 8px; color:#676767 }
.contents table select, .contents h3 select { padding:0 }
.contents table textarea { resize:none; line-height:20px }
.contents table .disabled { background-color:#f3f3f3 }
.contents table .alert { border:1px solid red !important }



.tb_cont_clr tr:nth-child(odd)
{
    background:#ffffff;
}
.tb_cont_clr tr:nth-child(even)
{
    background:#fcfeff;
}
.divNoScroll
{
    -ms-overflow-style: none;
}
.divNoScroll::-webkit-scrollbar { display: none; } 

.p_up { color:#00A0E9; }
.p_down { color:#E83828; }


        .tb1 
        {
            table-layout:fixed;
            width:100%;
            height:auto;
            position:relative;
            text-align:center;
            line-height:18px;
            font-size:12px;
            border-top:2px solid #aaa;
            border-bottom:2px solid #aaa;
        }
        
        
.tb1 th, .tb1 td.th_br { font-weight:normal; background-color:#e4f4fd; }
.tb1 th, .tb1 td { vertical-align:middle; line-height:17px; height:25px;}
.tb1 td { font-size:14px;}
.tb1 th.line { background-image:url('../images/dvs_line_th.png'); background-repeat:no-repeat; background-position:right center }
.tb1 td.line { background-image:url('../images/dvs_line_td.png'); background-repeat:no-repeat; background-position:right center }
.tb1 th.th_br, .tb1 td.td_br { font-size:14px; line-height:17px }
.tb1 tr:hover { background-color:#eaf0f6 !important }
.tb1 tr.sel { background-color:#cee0ec !important }
.tb1 tr.sum, .tb1 td.sum { background-color:#fdeada !important }
.tb1 td .rtIcon { margin-top:6px; display:inline; }
.tb1.tbl_input tr:hover { background-color:inherit !important }
.tb1.tbl_input th, .tb1.tbl_input td { padding:2px 4px; border-bottom:1px dotted #aaa; }
.tb1 input[type=text], .tb1 input[type=password],
.tb1 textarea, 
.tb1 select { width:100%; border:3px solid #e3e9e9; height:28px; line-height:25px; padding:0 8px; color:#676767 }
.tb1 select { padding:0 }
.tb1 textarea { resize:none; line-height:20px }
.tb1 .disabled { background-color:#f3f3f3 }
.tb1 .alert { border:1px solid red !important }
.tb1 th.uLine, .tb1 td.uLine { border-bottom:1px solid #aaa; }


.tb2 th, .tb2 td.th_br { font-weight:normal; background-color:#e4f4fd; }
.tb2 th, .tb2 td { vertical-align:middle; line-height:17px; height:25px;}
.tb2 td, .tb2 th { font-size:14px;}
.tb2 th.line { background-image:url('../images/dvs_line_th.png'); background-repeat:no-repeat; background-position:right center }
.tb2 td.line { background-image:url('../images/dvs_line_td.png'); background-repeat:no-repeat; background-position:right center }
.tb2 th.th_br, .tb2 td.td_br { font-size:14px; line-height:17px }
.tb2 tr:hover { background-color:#eaf0f6 !important }
.tb2 tr.sel { background-color:#cee0ec !important }
.tb2 tr.sum, .tb2 td.sum { background-color:#fdeada !important }
.tb2 td .rtIcon { margin-top:6px; display:inline; }
.tb2.tbl_input tr:hover { background-color:inherit !important }
.tb2.tbl_input th, .tb2.tbl_input td { padding:2px 4px; }
.tb2 input[type=text], .tb2 input[type=password],
.tb2 textarea, 
.tb2 select { width:100%; border:3px solid #e3e9e9; height:28px; line-height:25px; padding:0 8px; color:#676767 }
.tb2 select { padding:0 }
.tb2 textarea { resize:none; line-height:20px }
.tb2 .disabled { background-color:#f3f3f3 }
.tb2 .alert { border:1px solid red !important }


#alert_msg 
{
    display:none; position:absolute; top:50%; z-index:9999;
    width:50%; padding:20px; margin-top:-30px;margin-left:25%;
    background-color:rgba(150,150,150,0.9);
    text-align:center;
}