﻿@import url("./fontface.css");

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/nanum-gothic-v11-korean-700.eot'); /* IE9 Compat Modes */
    src: local('NanumGothic Bold'), local('NanumGothic-Bold'), url('../fonts/nanum-gothic-v11-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/nanum-gothic-v11-korean-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/nanum-gothic-v11-korean-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/nanum-gothic-v11-korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/nanum-gothic-v11-korean-700.svg#NanumGothic') format('svg'); /* Legacy iOS */
}

/* nanum-gothic-700 - korean */
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/nanum-gothic-v11-korean-700.eot'); /* IE9 Compat Modes */
    src: local('NanumGothic Bold'), local('NanumGothic-Bold'), url('../fonts/nanum-gothic-v11-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/nanum-gothic-v11-korean-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/nanum-gothic-v11-korean-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/nanum-gothic-v11-korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/nanum-gothic-v11-korean-700.svg#NanumGothic') format('svg'); /* Legacy iOS */
}

/* nanum-gothic-regular - korean */
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/nanum-gothic-v11-korean-regular.eot'); /* IE9 Compat Modes */
	src: local('NanumGothic'), url('../fonts/nanum-gothic-v11-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/nanum-gothic-v11-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/nanum-gothic-v11-korean-regular.woff') format('woff'), /* Modern Browsers */
	url('../fonts/nanum-gothic-v11-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/nanum-gothic-v11-korean-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}

/* nanum-gothic-700 - korean */
@font-face {
	font-family: '나눔고딕';
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/nanum-gothic-v11-korean-700.eot'); /* IE9 Compat Modes */
	src: local('NanumGothic Bold'), local('NanumGothic-Bold'), url('../fonts/nanum-gothic-v11-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/nanum-gothic-v11-korean-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/nanum-gothic-v11-korean-700.woff') format('woff'), /* Modern Browsers */
	url('../fonts/nanum-gothic-v11-korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/nanum-gothic-v11-korean-700.svg#NanumGothic') format('svg'); /* Legacy iOS */
}

/* nanum-gothic-regular - korean */
@font-face {
	font-family: '나눔고딕';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/nanum-gothic-v11-korean-regular.eot'); /* IE9 Compat Modes */
	src: local('NanumGothic'), url('../fonts/nanum-gothic-v11-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/nanum-gothic-v11-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/nanum-gothic-v11-korean-regular.woff') format('woff'), /* Modern Browsers */
	url('../fonts/nanum-gothic-v11-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/nanum-gothic-v11-korean-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.radwindow {
    position: fixed !important;
}

/*span[id^='winView'] {
    font-size: 16px;
    color: #fff;
}

    span[id^='winView']:hover {
        color: #939597;
    }*/

#divContents {
    margin-top:10px;
}

#divComment {
    margin-top: 2px;
}

#winSending {
    border: 0px none !important;
}

#lblExplain {
    font-size: 13px;
    letter-spacing: -0.5px;
}

#lblTitle {
    cursor: pointer;
    margin-left: 3px;
    margin-right: 3px;
}

#btnDownMessage, #autosuggest, #btnReload, #btnAttachView, #pnlAttachView {
    display: none !important;
}

span[id^="winSplit_"] {
    /*display: none;*/
}

#divHtmltag {
    margin-top: 5px;
    margin-bottom: 5px;
}

#view_Layer {
    position: absolute;
    width: 450px;
    padding: 5px 5px 5px 5px;
    color: #707070;
    background-color: #fff;
    border: 1px solid #666666;
    line-height: 1.5;
    font-size: 13px;
    letter-spacing:-0.5px;
}

html > body #view_Layer {
    width: 460px;
}

span#showComment {
    font-family: "century gothic", tahoma, -apple-system;
    font-size:13px;
}

.total_cnt_skin {
    font-family: "century gothic", tahoma, -apple-system;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: -1px;
}

.total_cnt_blue {
    font-family: "century gothic", tahoma, -apple-system;
    font-size: 13px;
    font-weight:bold;
    color: #4285f4;
    letter-spacing: -1px;
}

.total_cnt_black {
    font-family: "century gothic", tahoma, -apple-system;
    font-size: 13px;
    font-weight: normal;
    color: #000000;
    letter-spacing: -1px;
}

.total_cnt_red {
    font-family: "century gothic", tahoma, -apple-system;
    font-size: 13px;
    font-weight: normal;
    color: crimson;
    letter-spacing: -1px;
}

.total_cnt_orange {
    font-family: "century gothic", tahoma, -apple-system;
    font-size: 13px;
    font-weight: normal;
    color: darkorange;
    letter-spacing: -1px;
}

BODY, textarea, input, span,  text {
    /*font-family: "Nanum gothic","나눔고딕","dotum","gulim","yahei","Sans-serif","SimSun";*/
    font-size: 14px;
    font-family: -apple-system, "Malgun Gothic", "맑은 고딕", dotum, 돋움, sans-serif,"SimSun";
    scrollbar-arrow-color: #a0a0a0;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

a {
    text-decoration: none;
    color: #000000;
}

    a:hover {
        text-decoration: underline;
    }


    a:link {
        text-decoration: none;
    }

.body_pos {
    margin-top: 22px;
    padding-bottom: 22px;
    padding-left: 3px;
    padding-right: 3px;
}

.body_pos_win {
    margin-top:7px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
}

hr {
    display: block;
    border: #cdcdcd 0 none;
    border-top: #cdcdcd 1px solid;
    height: 1px;
}

IMG {
    border: none;
    vertical-align: -1px;
    padding-left:1px;
    padding-right:1px;
}

P {
    MARGIN: 1px 0px;
}

br {
    line-height: 150%;
}


TEXTAREA {
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    padding-top: 2px;
    padding-bottom: 0;
    vertical-align: bottom;
}

input[type=text] {
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    /*padding-top: 1px;
    padding-bottom: 1px;*/
    padding: 0;
}

INPUT[type=radio] {
    vertical-align: -1px;
    margin:3px 3px 0px 3px;
    font-size:14px;
}

.onoff {}

INPUT[type=checkbox] {
    vertical-align: text-top;
    font-size: 14px;
}

INPUT[type=button] {
    /*vertical-align: bottom;*/
    margin-left: -1px;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    /*letter-spacing: -1px;*/
}

INPUT[type=submit] {
    /*vertical-align: bottom;*/
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    /*letter-spacing: -1px;*/
}

INPUT[type=image] {
    vertical-align: middle;
}

.recv_check {
    border:0;
    width:0;
    height:0;
}

.new_line {
    margin-bottom: 3px;
}

.span_time {
    padding: 2px 0 2px 0;
    font-size:14px;
}

.span_skin {
    padding: 2px 0 2px 0;
    letter-spacing: -1px;
}

.span_green {
    padding: 2px 0 2px 0;
    color: #34A853 !important;
    letter-spacing: -1px;
}

.span_blue {
    padding: 2px 0 2px 0;
    color: #4285f4 !important;
    letter-spacing: -1px;
}

.span_red {
    padding: 2px 0 2px 0;
    color: crimson !important;
    letter-spacing: -1px;
}

.span_black {
    padding: 2px 0 2px 0;
    color: #000000 !important;
    letter-spacing: -1px;
}

.span_gray {
    padding: 2px 0 2px 0;
    color: #939597 !important;
    letter-spacing: -1px;
}

.span_orange {
    padding: 2px 0 2px 0;
    color: darkorange !important;
    letter-spacing: -1px;
}

.span_brown {
    padding: 2px 0 2px 0;
    color: #800000 !important;
}

.span_white {
    padding: 2px 0 2px 0;
    color: white !important;
}

.title_bold {
   /* font-weight: bold;
    font-size: 17px;
    margin-left: 2px;
    margin-right: 2px;
    letter-spacing: -1px;*/
    font-weight: bold;
    font-size: 20px;
    color: #3b3b3b;
    letter-spacing: -0.5px;
    margin-left: 5px;
}

.title_bold2 {
    font-weight: bold;
    font-size: 16px;
    margin-left: 2px;
    margin-right: 2px;
    letter-spacing: -1px;
}

.title_bold3 {
    font-weight: normal;
    font-size: 24px;
    letter-spacing:-1px;
}

.title_bold_gray {
    font-weight: bold;
    font-size: 22px;
    color:#ffffff;
}

.title_bold_form {
    font-weight: bold;
    font-size: 20px;
    color: #3b3b3b;
    letter-spacing: -0.5px;
    /*vertical-align: bottom;*/
    margin-left:5px;
}

.title_bold_sub {
    font-weight: bold;
    font-size: 15px;
    vertical-align: bottom;
    letter-spacing: -1px;
    margin-left: 4px;
}

.title_bold_white {
    font-weight: bold;
    font-size: 18px;
    color: white;
}

.title_bold_black {
    font-weight: bold;
    font-size: 19px;
    color: #000000;
    margin-left:5px;
}

.main_td2 {
    padding-left: 10px;
    padding-top: 5px;
}

.view_contents {
    text-decoration: none;
    COLOR: #000000;
}

.main_bold3 {
    font-weight: bold;
    font-size: 15px;
    color: #455973;
    vertical-align: bottom;
}

    .main_bold3:hover {
        text-decoration: none;
    }

.select_noarrow {
    background: url('../image/blank.gif') no-repeat 100% 50% #fff; /* 네이티브 화살표를 커스텀 화살표로 대체 */
}

.select_hide {
    display: none;
}

.select_state {
    font-size: 13px;
    border: 0 none;
    height: 18px;
    color: #000000;
    font-weight: bold;
    letter-spacing:-0.5px;
	border-radius: 0px; /* iOS 둥근모서리 제거 */
}

.select_custom {
    color: #000000;
    border: 0;
    height: 26px;
    padding-left: 1px;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../image/blank.gif') no-repeat 100% 50% #fff; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    letter-spacing:-0.5px;
	border-radius: 0px; /* iOS 둥근모서리 제거 */
}

.select_css {
    color: #000000;
    border: 0 none;
    height: 28px;
    padding-left: 1px;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../image/blank.gif') no-repeat 100% 50% #fff; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    letter-spacing: -0.5px;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
}

SELECT::-ms-expand {
    display: none;
}

.div_search {
    border: 1px solid #cdcdcd;
    color: #3b3b3b;
    height: 25px;
    overflow: hidden;
    outline: 0px none;
    resize: none;
    vertical-align: -3px;
    display: inline-block;
}

.searchbox {
    border: 0px;
    color: #000000;
    height: 19px;
    overflow: hidden;
    outline: 0px none;
    resize: none;
}

.button_inside {
    color: #000000;
    background: #fff;
    padding: 1px 7px 3px 7px;
    text-decoration: none;
    border: 1px solid #666666;
    letter-spacing: -1px;
    WIDTH: auto;
    text-overflow: ellipsis;
    border-radius: 2px; /* iOS 둥근모서리 제거 */
}

.button {
    color: #000000;
    background: #ffffff;
    padding: 2px 10px 3px 10px;
    text-decoration: none;
    border: 1px solid #c7c7c7;
    letter-spacing: -1px;
    WIDTH: auto;
    height: 28px;
    text-overflow: ellipsis;
    vertical-align: bottom;
    border-radius: 2px; /* iOS 둥근모서리 제거 */
}

    .button:hover {
        background: #cdcdcd;
    }

.button_icon {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-family: "Font Awesome 5 Pro";
    cursor: pointer;
    border: none;
    border-color: #fff;
    height: 28px;
    width: 28px;
    background: #fff;
    font-size: 16px;
    padding: 2px;
    color: #000000;
}
    .button_icon:hover {
        background: #cdcdcd;
    }

.button_icon_mobile_float {
    position: fixed;
    border-width: 0;
    bottom: 45px;
    right: 15px;
    width: 45px;
    height: 45px;
    color: white;
    border-radius: 50%;
    text-align: center;
    font-family: "Font Awesome 5 Pro";
    cursor: pointer;
    font-weight: bold;
    opacity: 0.8;
    z-index: 3007;
}

.mobile_add {
    right: 10px;
    bottom: 100px;
    max-height: 400px;
    background: #fff;
}

.height_30 {
    height: 30px;
}

.button_icon_text {
    vertical-align: middle;
    text-align: center;
    font-family: "Font Awesome 5 Pro",-apple-system, "Malgun Gothic";
    cursor: pointer;
    border: 1px solid;
    padding: 5px 10px;
    background: #fff;
    font-size: 14px;
    border-radius: 2px; /* iOS 둥근모서리 제거 */
}

.button_icon_text_bottom_gray {
    vertical-align: middle;
    text-align: center;
    font-family: "Font Awesome 5 Pro",-apple-system, "Malgun Gothic";
    cursor: pointer;
    border: 1px solid;
    padding: 7px 14px;
    background: #fff;
    font-size: 14px;
    border-radius: 2px; /* iOS 둥근모서리 제거 */
    margin: 0 2px;
}

.button_icon_text_bottom {
    vertical-align: middle;
    text-align: center;
    font-family: "Font Awesome 5 Pro",-apple-system, "Malgun Gothic";
    cursor: pointer;
    padding: 7px 14px;
    font-size: 14px;
    color: #000000;
    border-radius: 2px; /* iOS 둥근모서리 제거 */
    margin: 0 2px;
}

.button_icon_text_bar {
    vertical-align: middle;
    text-align: center;
    font-family: "Font Awesome 5 Pro",-apple-system, "Malgun Gothic";
    cursor: pointer;
    padding: 8px 14px;
    background: #ffffff;
    font-size: 14px;
    border-radius: 2px; /* iOS 둥근모서리 제거 */
    margin: 5px 1px;
    font-size: 15px;
    width: 96%;
}

    .button_icon_text_bar:hover {
        color: #ffffff !important;
    }


.button_icon_text_noborder {
    vertical-align: middle;
    text-align: center;
    font-family: "Font Awesome 5 Pro",-apple-system, "Malgun Gothic";
    cursor: pointer;
    border: none;
    border-color:#fff;
    padding: 2px 10px;
    background: #fff;
    font-size: 14px;
    color: #000000;
}

.button_icon_text_noborder_m {
    vertical-align: middle;
    text-align: center;
    font-family: "Font Awesome 5 Pro",-apple-system, "Malgun Gothic";
    cursor: pointer;
    border: none;
    border-color: #fff;
    padding: 1px 8px 3px 8px;
    background: #fff;
    font-size: 14px;
    color: #000000;
}

    .button_icon_text_noborder:hover {
        background: #cdcdcd;
    }


.button_icon_circle {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-family: "Font Awesome 5 Pro";
    cursor: pointer;
    border: 1px solid #c7c7c7;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    background: #fff;
    font-size: 16px;
    padding: 2px;
    color: #000000;
}

    .button_icon_circle:hover {
        border-radius: 50%;
        background: #cdcdcd;
    }

.button_icon_sm {
    vertical-align: middle;
    text-align: center;
    font-family: "Font Awesome 5 Pro";
    cursor: pointer;
    border: 1px solid #c7c7c7;
    padding: 4px 8px;
    background: #fff;
    font-size: 14px;
    color: #000000;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
}

.button_icon_sm_thin {
    vertical-align: middle;
    text-align: center;
    font-family: "Font Awesome 5 Pro";
    cursor: pointer;
    border: 1px solid #c7c7c7;
    padding: 3px 6px;
    background: #fff;
    font-size: 14px;
    color: #000000;
    height: 28px;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
}

.button_icon_m {
    vertical-align: middle;
    text-align: center;
    font-family: "Font Awesome 5 Pro";
    cursor: pointer;
    border: 1px solid #c7c7c7;
    background: #fff;
    font-size: 16px;
    color: #000000;
    height: 28px;
    margin-top: 1px;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
}

.button_icon_m_noborder {
    text-align: center;
    font-family: "Font Awesome 5 Pro";
    cursor: pointer;
    border: none;
    border-color: #fff;
    padding: 2px 8px;
    background: #fff;
    font-size: 16px;
    color: #000000;
    border-radius: 2px; /* iOS 둥근모서리 제거 */
}

.button_icon_sm_noborder {
    vertical-align: middle;
    text-align: center;
    font-family: "Font Awesome 5 Pro";
    cursor: pointer;
    border: none;
    border-color: #fff;
    padding: 1px 5px;
    background: #fff;
    color: #000000;
    font-size: 14px;
}

.button_icon_xm {
    vertical-align: middle;
    text-align: center;
    font-family: "Font Awesome 5 Pro";
    cursor: pointer;
    border: 1px solid #c7c7c7;
    padding: 2px 4px 1px 4px;
    background: #fff;
    font-size: 13px;
    color: #000000;
    border-radius: 2px; /* iOS 둥근모서리 제거 */
}

.button_icon_xm_noborder {
    vertical-align: middle;
    text-align: center;
    font-family: "Font Awesome 5 Pro";
    cursor: pointer;
    border: none;
    border-color: #fff;
    padding: 2px 3px 1px 3px;
    background: #fff;
    color: #000000;
    font-size: 13px;
}

.button_middle {
    color: #000000;
    background: #f4f4f4;
    padding: 2px 7px 3px 7px;
    text-decoration: none;
    border: 1px solid #c7c7c7;
    font-size: 12px;
    WIDTH: auto;
    height: 25px;
    text-overflow: ellipsis;
    vertical-align: middle;
    letter-spacing: -1px;
    border-radius: 2px; /* iOS 둥근모서리 제거 */
}

    .button_middle:hover {
        color: #000000;
        border: 1px solid #666666;
        cursor: pointer;
        background: #ffffff;
    }

.btn_link {
    color: #2175c8;
    border: 0px;
    padding: 5px 2px 5px 2px;
    text-decoration: none;
    font-size: 13px;
}

    .btn_link:hover {
        text-decoration: underline;
    }


.btn_x {
    font-family: "helvetica";
    font-size: 8px;
    color: #000000;
    background: #fff;
    padding: 0 2px 0 2px;
    text-decoration: none;
    border: 1px solid #c7c7c7;
    WIDTH: auto;
    text-overflow: ellipsis;
    border-radius: 2px; /* iOS 둥근모서리 제거 */
}

    .btn_x:hover {
        background: #cdcdcd;
        text-decoration: none;
    }

.btn_kms {
    color: #000000;
    background-color: transparent;
    padding: 1px 5px 3px 5px;
    text-decoration: none;
    border: 1px solid #c7c7c7;
    font-size: 13px;
    WIDTH: auto;
    text-overflow: ellipsis;
    width: auto;
    border-radius: 2px; /* iOS 둥근모서리 제거 */
}

    .btn_kms:hover {
        cursor: pointer;
        text-decoration: none;
    }

.img {
    vertical-align: -1px;
}

.img-mail {
    vertical-align: -4px;
    padding-left: 1px;
    padding-right: 3px;
}

.img-mail-mobile {
    vertical-align: middle;
    padding-right: 2px;
    width:18px;
}


.img-text {
    vertical-align: -1px;
}

.img-middle {
    vertical-align: middle;
}

.img-pds {
    vertical-align: -3px;
}

.img-new {
    vertical-align: 1px;
}

.img-sch {
    /*vertical-align: -2px;*/
}

.img-grade {
    vertical-align: 3px;
    padding-right:3px;
}

.appro_title {
    font-weight: bold;
    font-size: 15px;
    color: #4285f4;
}

.appro_form {
    text-align: right;
    font-size: 13px;
    line-height: 150%;
}

.appro_header_name {
    
}

.appro_header_duty {
    font-size: 13px;
}

.table_border_approval {
    
    border: 1px solid black;
    border-collapse: collapse;
    vertical-align: middle;
}

.table_noborder_approval {
    border: none;
    border-collapse: collapse;
    vertical-align: middle;
}

.table_title_approval {
    border-bottom: 1px solid black;
    border-collapse: collapse;
    vertical-align: middle;
}


.table_td_approval {
    vertical-align: middle;
    height: 25px;
    padding: 2px;
    border: 1px solid black;
    background: #fff;
}

.table_td_title_approval {
    vertical-align: middle;
    text-align: center;
    height: 25px;
    padding: 2px;
    border: 1px solid black;
    background: #fff;
    font-weight: bold;
}

.table_td_appro_line {
    vertical-align: middle;
    text-align: center;
    height: 24px;
    padding: 2px 1px 2px 1px;
    border: 1px solid black;
    background: #fff;
}

.table_td_sign_appro_line {
    
    vertical-align: middle;
    text-align: center;
    height: 45px;
    padding: 2px 1px 2px 1px;
    border: 1px solid black;
    background: #fff;
}

.table_td_comment_approval {
    vertical-align: middle;
    text-align: left;
    height: 25px;
    padding: 2px;
    border: 1px solid black;
    background: #fff;
    font-weight: bold;
    padding-bottom: 10px;
}


.priority {
    padding-right: 12px;
    white-space: nowrap;
    text-align: right;
}

.appro_comment {
    margin-left: 30px;
}

.table100 {
    border: none;
    border-color: #fff;
    padding: 0;
    border-spacing: 0;
    margin: 0;
    background-color: white;
    width:100%;
}

.table {
    border: none;
    border-color: #fff;
    border-spacing: 0;
    margin: 0;
    background-color: white;
}

.table-fixed {
    table-layout: fixed;
}

.table_nospace {
    border: 0 none #fff;
    padding: 0;
    border-spacing: 0;
    margin: 0;
}

.table_EFEFEF {
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 4px 1px 4px 1px;
    background-color: #ffffff;
}

.table_EFEFEF_sch {
  /*  border-top: 1px solid #cdcdcd;
    border-bottom: 0px none;
    border-left: 0px solid #ffffff;
    border-right: 0px solid #ffffff;*/
    border:none;
    padding: 4px 1px 4px 5px;
    background-color: #ffffff;
    table-layout: fixed;
}

.table_border {
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-collapse: collapse;
}

.table_border_read_header {
    border-top: 1px solid transparent;
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-collapse: collapse;
    background-color: #ffffff;
    padding-top: 5px;
    padding-bottom: 10px;
}

.table_border_EFEFEF {
    padding: 4px 1px 4px 1px;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.table_border_666666 {
    padding: 4px 1px 4px 1px;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
    background-color:white;
}

.table_border_div666 {
    border-radius: 2px;
    padding: 4px 1px 4px 1px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    border-left: none;
    border-right: none;
    border-collapse: collapse;
    background-color:white;
}

.table_border_td_div666 {
	/*white-space: nowrap;*/
	vertical-align: middle;
	height: 22px;
	padding: 4px 1px 4px 1px;
	border-left: none;
	border-right: none;
	border: 1px solid #666666;
}

.table_border_td {
    /*white-space: nowrap;*/
    vertical-align: middle;
    height: 27px;
    padding: 4px 1px 4px 1px;
    border: 1px solid #cdcdcd;
}

.table_border_td_2 {
	/*white-space: nowrap;*/
	vertical-align: middle;
	height: 27px;
	padding: 4px 1px 4px 1px;
	border: 1px solid #cdcdcd;
}


.table_border_td_edit_title {
	letter-spacing: -1px;
	vertical-align: middle;
	text-align: left;
	height: 30px;
	padding: 3px 10px 3px 4px;
	/*border: none;*/
	white-space: nowrap;
}

.table_border_td_edit_opt {
    letter-spacing: -1px;
    font-size: 13px;
    vertical-align: middle;
    text-align: left;
    height: 30px;
    /*padding: 3px 10px 3px 5px;*/
    /*border: none;*/
    white-space: nowrap;
}

.table_border_td_edit {
	vertical-align: middle;
	height: 30px;
	padding: 3px 2px 3px 4px;
	/*border: 1px solid #ffffff;*/
	width: 100%;
}

.table_border_td_edit_title_none {
    letter-spacing: -1px;
    vertical-align: middle;
    text-align: left;
    height: 30px;
    padding: 3px 10px 3px 4px;
    /*border: none;*/
    white-space: nowrap;
}

.table_border_td_edit_opt_none {
    letter-spacing: -1px;
    font-size: 13px;
    vertical-align: middle;
    text-align: left;
    height: 30px;
    /*padding: 3px 10px 3px 5px;*/
    /*border: none;*/
    white-space: nowrap;
}

.table_border_td_edit_none {
    vertical-align: middle;
    height: 30px;
    padding: 3px 2px 3px 4px;
    /*border: 1px solid #ffffff;*/
    width: 100%;
}

.table_border_td_edit_title1 {
    font-weight: bold;
    letter-spacing: -1px;
    vertical-align: middle;
    text-align: left;
    height: 45px;
    padding: 3px 10px 3px 4px;
    border-top: 1px solid #eeeeee;
    white-space: nowrap;
}

.table_border_td_edit_opt1 {
    letter-spacing: -1px;
    vertical-align: middle;
    text-align: left;
    height: 45px;
    padding: 3px 10px 3px 5px;
    border-top: 1px solid #eeeeee;
    white-space: nowrap;
}

.table_border_td_edit1 {
    vertical-align: middle;
    height: 45px;
    padding: 3px 2px 3px 4px;
    border-top: 1px solid #eeeeee;
    width: 100%;
}

.table_border_td_edit_title2 {
    font-weight: bold;
    letter-spacing: -1px;
    vertical-align: middle;
    text-align: left;
    height: 45px !important;
    padding: 10px 5px !important;
    border-bottom: 1px solid #eeeeee !important;
    white-space: nowrap !important;
}

.table_border_td_edit_opt2 {
    letter-spacing: -1px;
    vertical-align: middle;
    text-align: left;
    height: 45px;
    /*padding: 10px 5px;*/
    /*border: 1px solid #ffffff;*/
    border-bottom: 1px solid #eeeeee !important;
    white-space: nowrap;
}

.table_border_td_edit2 {
    vertical-align: middle;
    height: 45px;
    padding: 10px 5px;
    border-bottom: 1px solid #eeeeee !important;
    width: 100%;
}

.table_border_td_attach {
    vertical-align: middle;
    height: 27px;
    padding: 4px 1px 4px 1px;
    border-top: none;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #cdcdcd;
}

.table_border_td_contents {
    vertical-align: middle;
    height: 27px;
    padding: 2px;
    border-top: none;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #cdcdcd;
}

.table_border_td_22 {
    vertical-align: middle;
    padding: 0;
    border: 1px solid #cdcdcd;
    border-collapse:collapse;
    border-spacing:0;
}

.table_border_td_22_border {
    vertical-align: middle;
    padding: 0;
    border: 1px solid #cdcdcd;
    border-collapse: collapse;
    border-spacing: 0;
}

.table_border_td_bottom_22 {
    vertical-align: middle;
    padding: 0;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #cdcdcd;
    border-collapse: collapse;
    border-spacing: 0;
}

.table_border_td_noborder {
    vertical-align: middle;
    height: 16px;
    padding: 1px 2px 5px 5px;
    border: none;
    /*white-space: nowrap;*/
}

.table_border_td_noborder_subject {
    vertical-align: middle;
    padding: 8px 2px 10px 5px;
    border: none;
}

.table_border_td_nonebottom {
    vertical-align: middle;
    height: 27px;
    padding: 4px 1px 4px 1px;
    border-top: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-bottom: none;
}

.table_border_nonebottom {
    
    border: none;
    border-collapse: collapse;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.table_border_nonetop {
    
    border-bottom: 1px solid #cdcdcd;
    border-collapse: collapse;
    border-top: none;
    border-left: none;
    border-right: none;
}

.table_border_tdnonetop {
    vertical-align: middle;
    height: 27px;
    padding: 4px 1px 4px 1px;
    border-bottom: 1px solid #cdcdcd;
    border-top: none;
    border-left: none;
    border-right: none;
}

.table_border_tdnonetop2 {
    
    vertical-align: middle;
    height: 27px;
    padding: 4px 1px 4px 1px;
    border-bottom: 1px solid #cdcdcd;
    border-top: none;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
}

.table_border_td2 {
    
    vertical-align: middle;
    height: 27px;
    padding: 4px 1px 4px 1px;
    border-top: 1px solid #cdcdcd;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #cdcdcd;
    border: 1px solid #cdcdcd;
}

.table_border_td_EFEFEF {
    vertical-align: middle;
    height: 27px;
    padding: 4px 1px 4px 1px;
    border: 1px solid #cdcdcd;
    background-color: #F9F9F9;
}

.table_border_td_EFEFEFnonebottom {
    
    vertical-align: middle;
    height: 27px;
    padding: 4px 1px 4px 1px;
    border-top: 1px solid #cdcdcd;
    border-left: none;
    border-right: none;
    background-color: #F9F9F9;
    border-bottom: none;
}

.table_border_td_EFEFEF_9pt {
    font-size: 13px;
    vertical-align: middle;
    height: 27px;
    padding: 4px 1px 4px 1px;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    border-left: none;
    border-right: none;
    background-color: #F9F9F9;
}

.table_border_td_9pt {
    font-size: 13px;
    vertical-align: middle;
    height: 27px;
    padding: 4px 1px 4px 1px;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    border-left: none;
    border-right: none;
    border: 1px solid #cdcdcd;
}

.table_border_td_vtop {
    
    vertical-align: top;
    height: 27px;
    padding: 4px 1px 4px 1px;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    border-left: none;
    border-right: none;
    border: 1px solid #cdcdcd;
}

.table_border_td_bottom {
    vertical-align: top;
    height: 27px;
    padding: 5px 1px 4px 1px;
    border-top: none;
    border-bottom: 1px solid #cdcdcd;
    border-left: none;
    border-right: none;
}

.table_border_td_bottom_right {
    vertical-align: top;
    height: 27px;
    padding: 5px 1px 4px 1px;
    border-top: none;
    border-bottom: 1px solid #cdcdcd;
    border-left: none;
    border-right: 1px solid #cdcdcd;
}

.table_border_td_bottom_black {
    vertical-align: top;
    height: 27px;
    padding: 5px 1px 4px 1px;
    border-top: none;
    border-bottom: 1px solid #3b3b3b;
    border-left: none;
    border-right: none;
}

.table_border_bottom {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-collapse: collapse;
}

.table_hat {
    /*border-top: 1px solid #cdcdcd;*/
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    height: 27px;
    padding: 2px 0px 2px 0px;
    background-color: #fff;
}

.table_hat_EFEFEF {
    border-top: 1px solid #cdcdcd;
    border-left: none;
    border-right: none;
    border-bottom: none;
    height: 33px;
    padding: 4px 1px 4px 1px;
    background-color: #F9F9F9;
}

.bgcolor_EFEFEF {
    height: 25px;
    background-color: #fff;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    font-weight: bold;
    letter-spacing: -1px;
    padding: 4px 1px;
}

.border_EFEFEF_left_right {
    font-weight: bold;
    height: 25px;
    padding: 4px 1px 4px 1px;
    border-left: none;
    border-right: none;
    letter-spacing: -1px;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}

.border_EFEFEF_left {
    font-weight: bold;
    height: 25px;
    border-left: none;
    border-right: none;
    letter-spacing: -1px;
    padding-left: 10px;
    padding-right: 10px;
}

.border_EFEFEF_right {
    font-weight: bold;
    height: 25px;
    border-left: none;
    border-right: none;
    letter-spacing: -1px;
    padding-left: 10px;
    padding-right: 10px;
}

.margin_fw {
    border-left: none;
    padding-right: 10px;
}

.table_cup {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-collapse: collapse;
}

.table_noborder {
    border: none;
    padding: 4px 1px 4px 1px;
    border-collapse: collapse;
    background-color: white;
}

.grid, .grid2, .grid2_right {
    vertical-align: middle;
    border-bottom: 1px solid #cdcdcd;
    border-left: none;
    border-right: none;
    padding: 4px 1px 4px 1px;
    height: 33px;
    white-space: normal;
    word-break: break-all;
    letter-spacing: -0.5px;
    padding-left: 10px;
    padding-right: 10px;
}

.grid2_top {
    border-top: 1px solid #cdcdcd;
}

.grid_right {
    vertical-align: middle;
    border-bottom: 1px solid #cdcdcd;
    border-left: none;
    border-right: none;
    padding: 4px 1px 4px 1px;
    height: 33px;
    white-space: normal;
    word-break: normal;
    letter-spacing: -0.5px;
    padding-left: 10px;
}

.grid_9pt {
    vertical-align: middle;
    font-size: 13px;
    border-bottom: 1px solid #cdcdcd;
    border-left: none;
    border-right: none;
    padding: 4px 1px 4px 1px;
    height: 33px;
    word-break: normal;
    letter-spacing: -0.5px;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}

.grid_pic {
    vertical-align: middle;
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    padding: 12px 5px 12px 5px;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
}

.textarea {
    border: 1px solid #cdcdcd;
    color: #000000;
    outline: 0px none;
    overflow: hidden;
    resize: none;
}

.textbox_9pt {
	font-size: 13px;
	letter-spacing: -1px;
	border: 1px solid #cdcdcd;
	height: 23px;
	box-sizing: border-box;
	color: #000000;
	overflow-x: hidden;
	overflow-y: scroll;
	border-radius: 0px; /* iOS 둥근모서리 제거 */
}


SELECT {
    font-size: 13px;
    border: 1px solid #cdcdcd;
    color: #000000;
    height: 28px;
    padding-right: 16px;
    padding-left: 1px;
    padding-top: 0;
    padding-bottom: 0;
    background: url('../image/drop1.png') no-repeat 100% 50%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    margin-right: 0;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
    letter-spacing: -0.5px;
}

    SELECT[size] {
        font-size: 13px;
        border: 1px solid #cdcdcd;
        color: #000000;
        background: #fff;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
        background: none;
        letter-spacing: -0.5px;
        border-radius: 0px; /* iOS 둥근모서리 제거 */
    }


.textbox_border {
    box-sizing: border-box;
    height: 30px;
    border: 1px solid #cdcdcd;
    color: #000000;
    overflow-x: hidden;
    overflow-y: scroll;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
}

.textbox {
    box-sizing: border-box;
    height: 28px;
    border: 1px solid #cdcdcd;
    color: #000000;
    overflow-x: hidden;
    overflow-y: scroll;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
}


.textbox_noborder {
    border: none;
    border-color: #fff;
    color: #000000;
    overflow: hidden;
    resize: none;
    height: 27px;
}

.textbox_noborder_memo {
    border: none;
    border-color: #fff;
    color: #4285f4;
    overflow: hidden;
    resize: none;
    height: 26px;
}

.textbox_none {
    display: none;
}

    .textbox_none:hover {
        display: none;
    }


.textbox_under {
    box-sizing: border-box;
    height: 28px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #cdcdcd;
    color: #000000;
    overflow-x: hidden;
    overflow-y: scroll;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
}

.under_bar {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #cdcdcd;
	border-radius: 0px; /* iOS 둥근모서리 제거 */
}

.textbox_find {
    box-sizing: border-box;
    border: 1px solid #cdcdcd;
    color: #000000;
    width: 170px;
    height: 28px;
    overflow: hidden;
    resize: none;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
    vertical-align:bottom;
    margin-left:2px;
}

.textbox_find_noborder {
    box-sizing: border-box;
    border: none;
    border-color: #fff;
    color: #000000;
    width: 150px;
    height: 28px;
    overflow: hidden;
    resize: none;
}

.divFind {
    display: inline-block;
    height: 28px;
    /*border: 1px solid #cdcdcd;*/
    border: none;
    vertical-align: top;
}

.divBorder {
    border: 1px solid #cdcdcd !important;
    vertical-align: top;
    overflow: hidden;
    height: auto;
}

.select_sch {
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
    border: none;
    color: #000000;
    font-size: 23px;
    background: none;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 3px;
    font-family: "century gothic", tahoma, -apple-system;
}

.select_find {
    margin-left: 2px;
    margin-right:0;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
    color: #000000;
    height: 28px;
    border: 1px solid #cdcdcd;
}

.select_find_noborder {
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
    border: none;
    border-color: #fff;
    height: 25px;
    color: #000000;
}

.select_border {
    /*width: 150px;
    min-width: 90px;*/
    color: #000000;
}

.select_round {
    margin-right: 0;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
    color: #000000;
    height: 28px;
    border: 1px solid #cdcdcd;
    border-radius: 18px;
    padding: 1px 8px;
    background: none;
    text-align: center;
    text-align-last: center;
    -moz-text-align-last: center;
}

.btn_findall {
    margin-left: 2px;
    color: #000000;
}

.color_picker {
    border: none;
    color: #fff;
    overflow: hidden;
    resize: none;
    cursor:pointer;
    width: 1px; 
    height: 1px;
}

.textbox_noborder_rcv {
    border: none;
    border-color: #fff;
    color: #000000;
    overflow: hidden;
    resize: none;
    /*margin-top:5px;*/
    height: 29px;
    padding-bottom:1px;
}

.rcv_cell {
    display: table-cell;
    vertical-align: middle;
}

.multilinetextbox {
    box-sizing: border-box;
    min-height: 45px;
    border: 1px solid #cdcdcd;
    vertical-align: middle;
    color: #000000;
    height: 42px;
    outline: 0px none;
    padding: 1px 0 1px 0;
    overflow: auto;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
    letter-spacing: 0.5px !important;
    font-size: 14px !important;
}

.multilinetextbox_9pt {
    font-size: 13px;
    letter-spacing: -1px;
    box-sizing: border-box;
    min-height: 45px;
    border: 1px solid #cdcdcd;
    vertical-align: middle;
    color: #000000;
    height: 42px;
    outline: 0px none;
    padding: 1px 0 1px 0;
    overflow: auto;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
}

.multilinetextbox2 {
    box-sizing: border-box;
    min-height: 87px;
    border: 1px solid #cdcdcd;
    vertical-align: middle;
    color: #000000;
    height: 84px;
    outline: 0px none;
    padding: 1px 0 1px 0;
    overflow: auto;
}

.filebox {
    display: block;
    background-color: #FFFFFF;
}

.hand {
    cursor: pointer;
}

.hand_ {
    cursor: pointer;
    TEXT-DECORATION: underline;
}

.paddingtre {
    PADDING-BOTTOM: 10px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    PADDING-TOP: 10px
}

.back {
    BACKGROUND: url(../image/login.gif) #ffffff no-repeat left top
}

.topmenu {
    font-size: 15px;
    font-weight: bold;
    COLOR: #FFF;
    text-decoration: none;
}

.justify {
    COLOR: #444;
    TEXT-ALIGN: justify;
    TEXT-DECORATION: none
}

.text000000 {
    COLOR: #000000;
    TEXT-DECORATION: none;
}

.text_context {
	COLOR: #666;
	TEXT-DECORATION: none;
	padding-left: 5px;
	font-size:13px;
}

.textffffff {
    COLOR: #ffffff;
    TEXT-DECORATION: none
}

.new {
    background-color: #EDF4FB;
}

.old {
    background-color: #FFFFFF;
}

.tdCenter {
    text-align: center;
    vertical-align: middle;
}

.tdLeft {
    text-align: left;
    vertical-align: middle;
}

.text-left {
    text-align: left !important;
    font-size:13px;
}

.DgStyle {
    table-layout: fixed
}

.DgRow {
    OVERFLOW: hidden;
    TEXT-OVERFLOW: ellipsis;
}

.float {
    float: left;
    margin-right: 0.4em;
}

.clear {
    clear: both;
}

/* DATACAPTUREEDITOR */
.datacaptureeditor {
    margin-bottom: 5px;
    
}

/* GENERAL STYLES FOR FORM ELEMENTS */

.container input.submit,
input.submit {
    
    height: 23px
}

.container span.controllabel {
    display: block;
    margin: 4px 0px 2px 0px;
}

.container textarea.input,
.container input.input {
    
    height: 23px;
}

/* STYLES FOR EDITOR CONTROLS */

/* Container Editor ol */
.container {
    border: 1px solid #B1B1B1;
    margin: 5px 0px 5px 0px;
    background-color: #eeeeee;
    width: 100%;
    clear: both;
}

    .container .toppanel {
        width: 100%;
        
        margin-bottom: 5px;
        background-color: #DFE6E8;
    }

        .container .toppanel .containerlabel {
            font-weight: bold;
        }

        .container .toppanel .commandpanel .icon,
        .addcontrolpanel .icon {
            border: 1px solid;
            border-color: #fff #5A778F #5A778F #fff;
            border-color: #fff #666 #666 #fff;
            margin-left: 4px;
            background-color: #CBE0F1;
            background-color: #eeeeee;
        }

.addcontrolpanel select,
.empty select {
    color: #000000;
    font-weight: normal;
    background-color: #fff;
	border-radius: 0px; /* iOS 둥근모서리 제거 */
}

.addcontrolpanel {
    text-align: right;
    background-color: #cdcdcd;
    padding: 4px 4px 2px 4px;
    margin-bottom: 1em;
    border: 1px solid white;
    border-left-color: #ccc;
    border-top-color: #ccc;
}

/* ALL EDITOR CONTROLS */
.inputfield,
.dateinput,
.optionlist,
.selectionlist {
    margin-bottom: 5px;
}

/* CHECKBOXLISTS AND RADIOBUTTONLISTS */

.optionlist {
    
    width: 100%;
}

    .optionlist span.listitems {
        border: 1px solid white;
        display: block;
        margin-top: 2px;
        border-left-color: #ccc;
        border-top-color: #ccc;
    }

        .optionlist span.listitems label {
            position: relative;
            top: -2px;
        }

.input_numeric {
    border: 1px solid #cdcdcd;
    height: 20px;
    text-align: right;
}

.suggestion_list {
    background: white;
    border: 1px solid #cdcdcd;
    padding: 4px;
}

    .suggestion_list ul {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
    }

    .suggestion_list a {
        text-decoration: none;
        color: navy;
    }

    .suggestion_list .selected {
        background: navy;
        color: white;
    }

        .suggestion_list .selected a {
            color: white;
        }


.image {
    vertical-align: -1px;
}

.mail_form_sendtime_td {
    width: 130px;
}

.BodyStyle {
    margin: 0 0 0 0;
}

.bold {
    font-weight: bold;
}

.priority_bold {
    /*font-weight: bold;*/
    color: crimson;
}

.unread_bold {
    font-weight: bold;
    color: #4285f4;
}

.read_default {
    color: #000000;
    font-weight:normal;
}

.div_table {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom:3px;
    width: 100%;
}

.text-ellip {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    letter-spacing:-1px;
    text-decoration:none !important;
    padding: 3px;
}

.filebox label {
    font-weight: bold;
    display: inline-block;
    color: #000000;
    line-height: normal;
    vertical-align: middle;
    background-color: #ffffff;
    cursor: pointer;
    /*padding: .25em .5em;
    border: 1px solid #cdcdcd;*/
}

.filebox input[type="file"] { /* 파일 필드 숨기기 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.reply_date {
    font-size: 12px;
    color:#777;
	letter-spacing: -1px;
}

.reply_user {
    font-weight: bold;
    color: #3b3b3b;
	letter-spacing: -1px;
}

.reply_comment {
    padding-top: 2px;
    padding-bottom:8px;
    word-wrap: break-word;
    word-break: break-all;
    overflow: auto;
    color:#000000;
}

.font_9pt {
	font-size: 13px;
	text-decoration: none;
	letter-spacing: -0.5px;
}

.font_8pt {
	font-size: 12px;
	text-decoration: none;
	letter-spacing: -0.5px;
}

.font_8pt_bold {
    font-size: 12px;
    text-decoration: none;
    letter-spacing: -0.5px;
    font-weight: bold;
}

.font_9pt_bold {
    font-size: 13px;
    text-decoration: none;
    font-weight:bold;
	letter-spacing:-0.5px;
}

.font_14px {
    font-size:15px;
    text-decoration: none;
    letter-spacing:-0.3px;
}

.font_11px {
    font-size: 11px;
    text-decoration: none;
    letter-spacing: -0.3px;
}

.nowrap {
    white-space:nowrap !important;
}

.font-black {
    color: #000000;
}

.font-red {
    color: crimson;
}

.font-gray {
    color: #939597;
}

.font-white {
    color: transparent;
}

.sch_lunar {
    font-size: 12px;
    text-decoration: none;
    letter-spacing: -1px;
    white-space:nowrap
}

.sch_time {
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.sch_time_plain {
    font-size: 13px;
    text-decoration: none;
    letter-spacing: -0.5px;
}

.sch_time_red {
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: -0.5px;
    color:crimson;
}

.sch_day {
    padding: 1px;
    border: none;
    text-decoration: none;
    COLOR: #939597;
    margin-right: 2px;
    letter-spacing: -1px;
    vertical-align: -1px;
    font-size: 13px;
}

.sch_0 /*예정, 반려*/ {
    min-width: 5px;
    padding: 0 2px;
    text-align: center;
    white-space: nowrap;
    background-color: crimson;
    border-radius: 2px;
    font-size: 12px;
    color: #ffffff;
    margin-right: 2px;
    vertical-align: 0.5px;
    /*padding: 1px;
    border: none;
    text-decoration: none;
    COLOR: crimson;
    letter-spacing: -1px;
    margin-right: 2px;
    vertical-align: -1px;
    font-size: 13px;*/
}

.sch_1 /*완료, 보관*/ {
    min-width: 5px;
    padding: 0 2px;
    text-align: center;
    white-space: nowrap;
    background-color: #939597;
    border-radius: 2px;
    font-size: 12px;
    color: #ffffff;
    margin-right: 2px;
    vertical-align: 0.5px;
    /*padding: 1px;
    border: none;
    COLOR: #939597;
    letter-spacing: -1px;
    margin-right: 2px;
    font-size: 13px;*/
}

.sch_2 /*진행중*/ {
    min-width: 5px;
    padding: 0 2px;
    text-align: center;
    white-space: nowrap;
    background-color: #4285f4;
    border-radius: 2px;
    font-size: 12px;
    color: #ffffff;
    margin-right: 2px;
    vertical-align: 0.5px;
    /*padding: 1px;
    border: none;
    text-decoration: none;
    COLOR: #4285f4;
    letter-spacing: -1px;
    margin-right: 2px;
    vertical-align :-1px;
    font-size: 13px;*/
}

.sch_3 /*보류, 대기*/ {
    min-width: 5px;
    padding: 0 2px;
    text-align: center;
    white-space: nowrap;
    background-color: darkorange;
    border-radius: 2px;
    font-size: 12px;
    color: #ffffff;
    margin-right: 2px;
    vertical-align: 0.5px;
    /*padding: 1px;
    border: none;
    text-decoration: none;
    COLOR: darkorange;
    letter-spacing: -1px;
    margin-right:2px;
    vertical-align :-1px;
    font-size: 13px;*/
}

.sch_4 /*확인, 승인*/ {
    min-width: 5px;
    padding: 0 2px;
    text-align: center;
    white-space: nowrap;
    background-color: #34A853;
    border-radius: 2px;
    font-size: 12px;
    color: #ffffff;
    margin-right: 2px;
    vertical-align: 0.5px;
    /*padding: 1px;
    border: none;
    text-decoration: none;
    COLOR: #34A853;
    letter-spacing: -1px;
    margin-right: 2px;
    vertical-align: -1px;
    font-size: 13px;*/
}

.sch_5 /*중요, 예약*/ {
    min-width: 5px;
    padding: 0 2px;
    text-align: center;
    white-space: nowrap;
    background-color: brown;
    border-radius: 2px;
    font-size: 12px;
    color: #ffffff;
    margin-right: 2px;
    vertical-align: 0.5px;
    /*padding: 1px;
    border: none;
    text-decoration: none;
    COLOR: brown;
    letter-spacing: -1px;
    margin-right: 2px;
    vertical-align: -1px;
    font-size: 13px;*/
}

.sch_else /*예정, 접수완료*/ {
    /*padding: 1px;
    border: none;
    text-decoration: none;
    COLOR: #939597;
    margin-right: 2px;
    letter-spacing: -1px;
    vertical-align: -1px;
    font-size: 13px;*/
    min-width: 5px;
    padding: 0 2px;
    text-align: center;
    white-space: nowrap;
    background-color: #939597;
    border-radius: 2px;
    font-size: 12px;
    color: #ffffff;
    margin-right: 2px;
    vertical-align: 0.5px;
}

.width999 {
    width:99.9%;
}

.sch_month {
    overflow: hidden;
    white-space: normal;
    border: 1px solid transparent;
}

    .sch_month:hover {
        text-decoration: none;
    }

.sch_month_my {
    overflow: hidden;
    white-space: nowrap;
    padding:0 2px;
    border-radius:2px;
    vertical-align:0.5px;
    background-color:white;
    border: 1px solid #939597;
    margin-right:2px;
}

    .sch_month_my:hover {
        text-decoration: none;
    }

.sch_11px {
    font-family: "century gothic", tahoma, -apple-system;
    color: brown;
}

.sch_11px_red {
    font-size: 11px;
    color: crimson;
    letter-spacing: -1px;
    vertical-align:1px;
}

.sch_11px_black {
    font-size: 11px;
    color: black;
    letter-spacing: -1px;
    vertical-align:1px;
}

.sch_rsc0 /*일반*/ {
	padding: 1px 4px;
	border: 1px solid black;
	text-decoration: none;
	COLOR: black;
	font-size: 12px;
	letter-spacing: -1px;
	border-radius: 3px;
}

.sch_rsc1 /*신청*/ {
    padding: 1px 4px;
    border: 1px solid darkorange;
    text-decoration: none;
    COLOR: darkorange;
    font-size: 12px;
    letter-spacing: -1px;
    border-radius: 3px;
}

.sch_rsc2 /*예약*/ {
	padding: 1px 4px;
	border: 1px solid crimson;
	text-decoration: none;
	COLOR: crimson;
	font-size: 12px;
	letter-spacing: -1px;
	border-radius: 3px;
}

.sch_rsc3 /*사용중*/ {
	padding: 1px 4px;
	border: 1px solid #34A853;
	text-decoration: none;
	COLOR: #34A853;
	font-size: 12px;
	letter-spacing: -1px;
	border-radius: 3px;
}

.sch_rsc4 /*미반납*/ {
	padding: 1px 4px;
	border: 1px solid brown;
	text-decoration: none;
	COLOR: brown;
	font-size: 12px;
	letter-spacing: -1px;
	border-radius: 3px;
}

.sch_rsc5 /*취소*/ {
    padding: 1px 4px;
    border: 1px solid #939597;
    text-decoration: none;
    COLOR: #939597;
    font-size: 12px;
    letter-spacing: -1px;
    border-radius: 3px;
}

.sch_rsc9 /*반려*/ {
    padding: 1px 4px;
    border: 1px solid brown;
    text-decoration: none;
    COLOR: brown;
    font-size: 12px;
    letter-spacing: -1px;
    border-radius: 3px;
}

.sch_rsc /*일반*/ {
    padding: 1px 4px;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: -1px;
    border-radius: 3px;
}

.panel_dpnone {
	display: none;
	background-color: white;
}

.panel_dpblock {
	display:block;
	background-color:white;
}

.like, .dislike {
    margin-bottom: 0;
    font-weight: normal;
    border:1px solid #cdcdcd;
    text-align: center;
    cursor: pointer;
    background: #ffffff;
    white-space: nowrap;
    padding:3px;
    margin-right:2px;
    font-size: 13px;
    text-decoration: none;
}

    .like:hover, .dislike:hover {
        border-color: #000000;
        text-decoration:none;
    }

.sch_circle_p {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #4285f4;
    vertical-align: middle;
    color: white;
}

.sch_circle {
    text-decoration: none;
    color: #ffffff;
    font-weight: 700;
}

.sch_circle1 {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: Orange;
    vertical-align: middle;
}

.sch_circle2 {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: Red;
    text-align: center;
}

.sch_circle3 {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: Green;
    text-align: center;
}

.table_norboder2 {
    border: none;
    padding: 3px 0px 3px 0px;
    border-collapse: collapse;
    height: 27px;
}

.rsc_month {
    overflow: hidden;
    white-space: nowrap;
    padding: 1px;
    border: 1px solid #cdcdcd;
}

.rsc_all1 /*예약신청*/ {
    padding: 1px;
    border: 1px solid darkorange;
    text-decoration: none;
    COLOR: black;
}

    .rsc_all1:hover {
        text-decoration: none;
        color: darkorange
    }

.rsc_all2 /*예약*/ {
    padding: 1px;
    text-decoration: none;
    COLOR: black;
    border: 1px solid crimson;
}

    .rsc_all2:hover {
        text-decoration: none;
        COLOR: crimson;
    }

.rsc_all3 /*사용중*/ {
    padding: 1px;
    
    text-decoration: none;
    COLOR: black;
    border: 1px solid Green;
}

    .rsc_all3:hover {
        text-decoration: none;
        COLOR: Green;
    }

.rsc_all4 /*미반납*/ {
    padding: 1px;
    
    text-decoration: none;
    COLOR: black;
    border: 1px solid Brown;
}

    .rsc_all4:hover {
        text-decoration: none;
        COLOR: Brown;
    }

.rsc_all5 /*자동취소*/ {
    padding: 1px;
    text-decoration: none;
    COLOR: black;
    border: 1px solid #939597;
}

    .rsc_all5:hover {
        text-decoration: none;
        COLOR: #939597;
    }

.rsc_all6 /*자동취소*/ {
    padding: 1px;
    text-decoration: none;
    COLOR: black;
    border: 1px solid #939597;
}

    .rsc_all6:hover {
        text-decoration: none;
        COLOR: #939597;
    }

.rsc_all7 /*신청취소*/ {
    padding: 1px;
    text-decoration: none;
    COLOR: black;
    border: 1px solid #939597;
}

    .rsc_all7:hover {
        text-decoration: none;
        COLOR: #939597;
    }

.rsc_all8 /*예약취소*/ {
    padding: 1px;
    text-decoration: none;
    COLOR: black;
    border: 1px solid #939597;
}

    .rsc_all8:hover {
        text-decoration: none;
        COLOR: #939597;
    }

.rsc_all9 /*반려*/ {
    padding: 1px;
    border: 1px solid #4285f4;
    text-decoration: none;
    COLOR: black;
}

    .rsc_all9:hover {
        text-decoration: none;
        COLOR: #4285f4;
    }

.rsc_all0 /*반납/정상*/ {
    padding: 1px;
    text-decoration: none;
    COLOR: Black;
    border: 1px solid #939597;
}

    .rsc_all0:hover {
        text-decoration: none;
        COLOR: Black;
    }

.btn_plus {
    font-family: "century gothic", tahoma, -apple-system;
    font-size: 12px;
    color: #000000;
    background: #fff;
    padding: 1px 2px 2px 2px;
    text-decoration: none;
    border: 1px solid #c7c7c7;
    text-overflow: ellipsis;
    border-radius:2px;
}

    .btn_plus:hover {
        background: #c7c7c7;
    }

.Pos_absolute {
    position: absolute;
    margin-left: 3px;
}

.copyUrl-input {
    position: absolute;
    left: -1000px;
    top: -1000px;
}


.copyUrl-btn {
    cursor: pointer;
}

    .copyUrl-btn:hover {
        text-decoration: none;
    }

.bar_attach {
    display: inline-block;
    width: 1px;
    height: 11px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: -1px;
    background-color: #aaa;
}

.bar_split {
    display: inline-block;
    width: 1px;
    margin-left: 8px;
    margin-right: 8px;
    height: 11px;
    vertical-align: -1px;
    background-color: #aaa;
}

.bar_split_white {
    display: inline-block;
    width: 1px;
    margin-left: 8px;
    margin-right: 8px;
    height: 11px;
    vertical-align: -1px;
    background-color: #fff;
}

.sch_background {
    background-color: aliceblue;
}

.color_blue {
    color: #4285f4;
}

.downlink {
    text-decoration: none;
    color: #000000;
    letter-spacing: -1px;
}

.quickview_web {
    color: #777;
    font-size: 12px;
    letter-spacing:-1px;
}

    .quickview_web:hover {
        color: #939597;
        text-decoration: none;
        letter-spacing: -1px;
    }

.text_square_round {
    border-radius: 11px;
    margin: 2px 0 0 2px;
    padding: 1px 10px 3px 10px;
}

.text_square_noborder {
    min-width: 5px;
    padding: 0 3px;
    text-align: center;
    white-space: nowrap;
    background-color: #ffffff;
    border-radius: 2px;
    font-size: 12px;
    vertical-align: middle;
    color: crimson;
}

.text_square_skin {
    min-width: 9px;
    padding: 0 5px;
    text-align: center;
    white-space: nowrap;
    background-color: #ffffff;
    border-radius: 2px;
    font-size: 12px;
    vertical-align: middle;
}

.text_square_skin_back {
    min-width: 9px;
    padding: 0 5px;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
    vertical-align: middle;
}

.text_square_blue {
    min-width: 9px;
    padding: 0 5px;
    color: #4285f4;
    text-align: center;
    white-space: nowrap;
    background-color: #ffffff;
    border: 1px solid #4285f4;
    border-radius: 2px;
    font-size: 13px;
    vertical-align:middle;
    margin:0 2px;
}

.text_square_green {
    min-width: 9px;
    padding: 0 5px;
    color: #34A853;
    text-align: center;
    white-space: nowrap;
    background-color: #ffffff;
    border: 1px solid #34A853;
    border-radius: 2px;
    font-size: 13px;
    vertical-align: middle;
    margin: 0 2px;
}

.contents_editor {
    border: none;
    margin: 5px;
    height: auto;
}

.mobile_none {
    white-space:nowrap;
}


.version_badge {
    min-width: 9px;
    padding: 0 5px;
    text-align: center;
    white-space: nowrap;
    background-color: #ffffff;
    border-radius: 2px;
    font-size: 11px;
    vertical-align: 1px;
    font-family: "century gothic", tahoma, -apple-system;
}

.version_square {
    min-width: 9px;
    padding: 0 5px;
    text-align: center;
    white-space: nowrap;
    background-color: #ffffff;
    border-radius: 2px;
    font-size: 11px;
    vertical-align: 1px;
    font-family: "century gothic", tahoma, -apple-system;
}

.version_square_current {
    min-width: 9px;
    padding: 0 5px;
    font-size: 11px;
    color: crimson;
    text-align: center;
    white-space: nowrap;
    background-color: #ffffff;
    border: 1px solid crimson;
    border-radius: 2px;
    vertical-align: 1px;
    font-family: "century gothic", tahoma, -apple-system;
}

.attd_square_state {
    width: auto;
    padding: 1px 3px 1px 3px;
    font-size: 9px;
    color: #000000;
    text-align: center;
    white-space: nowrap;
    background-color: #ffffff;
    border: 1px solid #3b3b3b;
    border-radius: 3px;
}

.attd_square_state_red {
    min-width: 9px;
    padding: 1px 3px 1px 3px;
    font-size: 9px;
    color: darkorange;
    text-align: center;
    white-space: nowrap;
    background-color: #ffffff;
    border: 1px solid darkorange;
    border-radius: 3px;
    vertical-align: 1px;
}

.headerCss {
    display:none;
}

#dlWininput {
    margin: 5px;
}

div#divForm > div[jformPop] {
    display: inline-block;
    position: relative;
    top: 6px;
    border: 1px solid;
}

div#pnlContents > div[jformPop] {
    display: inline-block;
    position: relative;
    top: 6px;
    border: 1px solid;
}

.a_popup {
    text-decoration: none;
    COLOR: #4285f4;
}

    .a_popup:hover {
        text-decoration: none;
    }

.approout_lblfrom {
    letter-spacing: 5px;
    font-size: 25px;
}

.approout_lblcontents {
    width: 700px;
    min-height: 500px;
}

.GridPager a,
.GridPager div,
.GridPager span {
    display: inline-block;
    padding: 4px 8px;
    text-decoration: none;
    letter-spacing: -1px;
    text-align:center;
}

.GridPager div {
    color: #666666;
    background-color: #ffffff;
    letter-spacing: -3px;
    font-family: cursive, -apple-system;
    text-align:center;
}

.GridPager span {
    /*color: #007bff;*/
    padding-top: 17px;
    font-weight:bold;
}

.GridPager a {
    color: #666666;
    /*border: 1px solid #cdcdcd;*/
    background-color: #ffffff;
}

.edit_hide {
    display: none;
}

.mainbbs_hide {
    display: none;
}

.print_cont {
    word-break: break-all;
    word-wrap: break-word;
    padding:1px 10px 5px 10px;
}

.print_header {
    word-break: break-all;
    word-wrap: break-word;
    padding: 10px 2px 10px 2px;
}

.h_absence {
    min-width: 5px;
    padding: 0 3px;
    text-align: center;
    white-space: nowrap;
    background-color: crimson;
    border-radius: 2px;
    font-size: 12px;
    vertical-align: middle;
    color: #ffffff;
}

.h_vacation {
    min-width: 5px;
    padding: 0 3px;
    text-align: center;
    white-space: nowrap;
    background-color: #4285f4;
    border-radius: 2px;
    font-size: 12px;
    vertical-align: middle;
    color: #ffffff;
}

.h_etc {
    min-width: 5px;
    padding: 0 3px;
    text-align: center;
    white-space: nowrap;
    background-color: #939597;
    border-radius: 2px;
    font-size: 12px;
    vertical-align: middle;
    color: #ffffff;
}

.h_ok {
    color: #000;
    font-size: 13px;
}

.td_0000 {
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	BORDER-LEFT: medium none;
	BORDER-BOTTOM: medium none;
	WORD-WRAP: break-word;
}

.td_0001 {
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	BORDER-LEFT: medium none;
	BORDER-BOTTOM: #cdcdcd 1px solid;
	WORD-WRAP: break-word;
}

.td_0010 {
	BORDER-RIGHT: #cdcdcd 1px solid;
	BORDER-TOP: medium none;
	BORDER-LEFT: medium none;
	BORDER-BOTTOM: medium none;
	WORD-WRAP: break-word;
}

.td_0011 {
	BORDER-RIGHT: #cdcdcd 1px solid;
	BORDER-TOP: medium none;
	BORDER-LEFT: medium none;
	BORDER-BOTTOM: #cdcdcd 1px solid;
	WORD-WRAP: break-word;
}

.td_0100 {
	BORDER-RIGHT: medium none;
	BORDER-TOP: #cdcdcd 1px solid;
	BORDER-LEFT: medium none;
	BORDER-BOTTOM: medium none;
	WORD-WRAP: break-word;
}

.td_0101 {
	BORDER-RIGHT: medium none;
	BORDER-TOP: #cdcdcd 1px solid;
	BORDER-LEFT: medium none;
	BORDER-BOTTOM: #cdcdcd 1px solid;
	WORD-WRAP: break-word;
}

.td_0110 {
	BORDER-RIGHT: #cdcdcd 1px solid;
	BORDER-TOP: #cdcdcd 1px solid;
	BORDER-LEFT: medium none;
	BORDER-BOTTOM: medium none;
	WORD-WRAP: break-word;
}

.td_0111 {
	BORDER-RIGHT: #cdcdcd 1px solid;
	BORDER-TOP: #cdcdcd 1px solid;
	BORDER-LEFT: medium none;
	BORDER-BOTTOM: #cdcdcd 1px solid;
	WORD-WRAP: break-word;
}

.td_1000 {
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	BORDER-LEFT: #cdcdcd 1px solid;
	BORDER-BOTTOM: medium none;
	WORD-WRAP: break-word;
}

.td_1001 {
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	BORDER-LEFT: #cdcdcd 1px solid;
	BORDER-BOTTOM: #cdcdcd 1px solid;
	WORD-WRAP: break-word;
}

.td_1010 {
	BORDER-RIGHT: #cdcdcd 1px solid;
	BORDER-TOP: medium none;
	BORDER-LEFT: #cdcdcd 1px solid;
	BORDER-BOTTOM: medium none;
	WORD-WRAP: break-word;
}

.td_1011 {
	BORDER-RIGHT: #cdcdcd 1px solid;
	BORDER-TOP: medium none;
	BORDER-LEFT: #cdcdcd 1px solid;
	BORDER-BOTTOM: #cdcdcd 1px solid;
	WORD-WRAP: break-word;
}

.td_1100 {
	BORDER-RIGHT: medium none;
	BORDER-TOP: #cdcdcd 1px solid;
	BORDER-LEFT: #cdcdcd 1px solid;
	BORDER-BOTTOM: medium none;
	WORD-WRAP: break-word;
}

.td_1101 {
	BORDER-RIGHT: medium none;
	BORDER-TOP: #cdcdcd 1px solid;
	BORDER-LEFT: #cdcdcd 1px solid;
	BORDER-BOTTOM: #cdcdcd 1px solid;
	WORD-WRAP: break-word;
}

.td_1110 {
	BORDER-RIGHT: #cdcdcd 1px solid;
	BORDER-TOP: #cdcdcd 1px solid;
	BORDER-LEFT: #cdcdcd 1px solid;
	BORDER-BOTTOM: medium none;
	WORD-WRAP: break-word;
}

.td_1111 {
	BORDER-RIGHT: #cdcdcd 1px solid;
	BORDER-TOP: #cdcdcd 1px solid;
	BORDER-LEFT: #cdcdcd 1px solid;
	BORDER-BOTTOM: #cdcdcd 1px solid;
	WORD-WRAP: break-word;
} 

.to_count {
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    color: dodgerblue;
}

.pic_resource {
    width: 200px;
    height: 200px;
}

.pic_sign {
    width: 45px;
    height: 35px;
}

.pic_user {
    width: 75px !important;
    height: 75px !important;
    border-radius: 50%;
}

.pic_user_small {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
}

.pic_user_xsmall {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50%;
}

.k-multiselect-wrap {
    border: 0;
}

.k-animation-container {
	/*display: none !important;*/
}

.k-popup {
box-shadow:none !important;
border: none !important;
background-color:white;
}

.k-nodata {
    display:none !important;
}

.k-multiselect.k-state-border-down {
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0 0;
}

    .k-multiselect.k-state-border-down .k-multiselect-wrap {
        border-radius: 0;
        border: 0;
        box-shadow: 0 0 0 0;
    }

.k-multiselect.k-state-hover > .k-multiselect-wrap > .k-i-close {
    display: none;
}


ul#select_txtTo_taglist > li, ul#select_txtCc_taglist > li, ul#select_txtBcc_taglist > li, ul#select_txtRefer_taglist > li, ul#select_txtDepart_taglist > li, ul#select_txtApproTo_taglist > li, ul#select_txtAdminAuth_taglist > li, ul#select_txtWAuth_taglist > li, ul#select_txtRAuth_taglist > li {
    margin-right: 3px;
}

.k-multiselect-wrap input.k-input {
    display: none;
}

.k-multiselect .k-button {
    color: #3b3b3b;
}

.k-multiselect-wrap li {
    border-radius: 1em;
    display: inline-block;
    background-color: #fff;
    vertical-align: middle;
    background: none;
    margin: 2px 1px 2px 0px;
    padding: 2px 25px 0px 10px;
    line-height: 1.4em;
    min-height: calc(1.7em + 2px);
    float: left;
    position: relative
}

.k-multiselect-wrap .k-select {
    padding: 0px 5px;
	border-radius: 0px; /* iOS 둥근모서리 제거 */
}

.k-combobox-clearable .k-input, .k-dropdowntree-clearable .k-dropdown-wrap .k-input, .k-dropdowntree-clearable .k-multiselect-wrap, .k-multiselect-clearable .k-multiselect-wrap {
    padding-right:0;
}

.comboBox {
    border: 1px solid #cdcdcd;
    background-color: white;
    height: 25px;
}

.comboBoxHover {
    border: 1px solid #000000;
    background-color: white;
    height: 25px;
}

.comboDropDown {
    border: 1px solid #cdcdcd;
    background-color: white;
    color:#000000;
    padding: 1px;
    padding-right: 0px;
    cursor: default;
}

.comboTextBox {
    border: 0px;
    border:none;
    padding-left: 2px;
    padding-right: 2px;
    color: #000000;
    height:26px;
}

.comboItem {
    font-family: "century gothic", tahoma, -apple-system;
    font-size: 11px;
    padding: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #000000;
}

.comboItemHover {
    background-color: #fff;
    background-image: url(image/comboItemBg.gif);
    font-family: Verdana;
    font-size: 11px;
    border: 1px solid #DBCE99;
    padding: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
}

input::placeholder {
    color: #aaa;
    font-size: 12px;
    letter-spacing: -0.5px;
}

textarea::placeholder {
    color: #aaa;
    font-size: 12px;
    letter-spacing: -0.5px;
}

input::-webkit-input-placeholder {
    color: #aaa;
    font-size: 12px;
    letter-spacing: -1px;
}

textarea::-webkit-input-placeholder {
    color: #aaa;
    font-size: 12px;
    letter-spacing: -1px;
}


input:-ms-input-placeholder {
    color: #aaa;
    font-size: 12px;
    letter-spacing: -1px;
}

textarea:-ms-input-placeholder {
    color: #aaa;
    font-size: 12px;
    letter-spacing: -1px;
}

.btn-topmenu {
    background-color: transparent;
    border: none;
    color: #fff;
    padding: 0 .2em;
    cursor: pointer;
    font-size:22px;
    /*border-radius: 50%;*/
}

.writer {
    font-size: 14px;
    color: #3b3b3b;
}

.writer1 {
    margin-left: 2px;
    color: #3b3b3b;
}

.counter {
    font-size: 13px;
    color: #666;
}

.reg_date {
    font-size: 13px;
    color: #777;
    margin-left: 6px;
}

.attach_files {
    margin-left: 19px;
    margin-top: 3px;
}

.read_title {
    color:#3b3b3b;
    margin-left: 6px;
    font-weight: normal;
    letter-spacing: -1px;
    margin-bottom:2px;
}

.read_data {
    color: #3b3b3b;
    margin-left: 6px;
    font-weight: normal;
    letter-spacing: -1px;
}

.read_data_bold {
	color: #3b3b3b;
	margin-left: 6px;
	font-weight: bold;
	letter-spacing: -1px;
}

.send_link_title {
    padding-left: 7px;
    color: #6d95e0;
    letter-spacing: -1px;
}

.tableStyle {
    table-layout: fixed;
}

.footmenu {
    height: 30px;
    color: #fff;
    font-size: 13px;
    line-height: 1.5;
}

.navmenu {
    height: 45px;
    background-color: #6152B9;
    padding: 5px 10px 5px 10px;
    color: #fff;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 1.5;
    font-weight: normal;
}

.navtext {
    color: #000;
    font-size: 13px;
    padding-top: 2px;
}

.icon-design-nav {
    width: 50px;
    height: 50px;
    font-size: 20px;
    color: #6152B9;
    background: #fff;
    border-radius: 50%;
    padding: 5px;
    line-height: 42px;
    border: 1px solid #6152B9;
    display: inline-block;
    text-align: center;
}

.icon-design-nav:hover {
    color: #fff;
    background: #6152B9;
}

.divButtons {
    background-color: white;
    margin-top: 10px;
    /*padding-bottom: 10px;*/
    /*border-bottom: 1px solid #cdcdcd;*/
    width: 100%;
    z-index: 2999;
}

.divButtons_space {
    margin-top: 10px;
    padding-left: 8px;
    padding-right: 5px;
}

.divButtons_read {
    position: relative;
    top: 0px;
    background-color: white;
    padding-top: 6px;
    padding-bottom: 4px;
    border-bottom: 1px solid #cdcdcd;
    width: 100%;
    z-index: 2999;
}

.divButtons_win {
    background-color: white;
    margin-top: 10px;
    /*padding-bottom: 10px;*/
    /*border-bottom: 1px solid #cdcdcd;*/
    width: 100%;
    z-index: 2999;
}

.divButtons_win2 {
    background-color: white;
    padding-top: 10px;
    z-index: 2999;
    padding: 1px 1px 1px 1px;
    width: 99%;
    border: none;
    vertical-align: middle;
}

.divButtonsFixed {
    position: fixed;
    top: 0px;
    border-bottom: 1px solid #cdcdcd;
    padding-top: 6px;
    padding-bottom: 4px;
}

.divButtons_100 {
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.divButtons_left {
    text-align: left;
    vertical-align: middle;
    padding-left: 2px;
    white-space:nowrap;
    width: 46%;
}

.divButtons_middle {
    text-align: center;
    vertical-align: middle;
    padding-left: 3px;
    padding-right: 3px;
    white-space: nowrap;
    width: 5%;
}

.divButtons_right {
    float: right;
    vertical-align: middle;
    padding-right: 3px;
    white-space: nowrap;
    text-align:right;
}

div.RadWindow {
    z-index: 20000;
}

.floating_category {
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: -280px;
    bottom: 0;
    width: 280px;
    height:100%;
    background: #fff;
    background-clip: padding-box;
    border-right: 1px solid transparent;
    z-index: 2999;
}

.floating_category_fade_in {
    left: 0;
    border-color: #c2c2c2;
    height: 100%;
}

div.RadWindow_Black .rwIcon {
    display: none;
}

.RadPicker .RadInput .riTextBox {
    border-width: 1px;
    border-style: solid;
    padding: 2px 5px;
    height: 28px;
    vertical-align: middle;
    font-size: 13px;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
}

.layer100 {
    position: absolute;
    text-align: center;
    width: 95%;
    top: 15px;
    left: 0;
    z-index:30000;
}

.layer_center {
    width: 98%;
    height: 40px;
    display: inline-block;
    vertical-align: middle
}

.divBoxSearch {
    /*border: none;*/
    border-bottom: 1px solid #cdcdcd;
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    background-color: white;
}

.divBoxSearch_win {
    /*border: none;*/
    border-bottom: 1px solid #cdcdcd;
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    background-color: white;
}

.divTd {
    padding: 3px 1px;
}

.picker1 {
    display: inline-block;
    margin-top:1px;
    font-size: 13px;
    height: 28px;
    width: 75px;
    border: 1px solid #cdcdcd;
    color: #222;
    text-align: center;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
}

    /*.picker1:hover {
        border: 1px solid #4285f4;
    }*/

#divCloseWin {
    width: 100%;
    margin:0;
    position: fixed;
    top: 0px;
    padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: 1px solid #cdcdcd;
    background: #fff;
}

.xfeEditArea {
    border: 1px solid #cdcdcd !important;
    padding: 0 !important;
}

.xfeDesignFrame {
    margin-top: 0.5px !important;
}


.sch13_1 /*처리*/ {
    padding: 1px;
    border: none;
    font-size: 13px;
    text-decoration: line-through !important;
    COLOR: gray;
}

    .sch13_1:hover /*처리*/ {
        text-decoration: line-through;
    }

.sch13_2 /*진행중*/ {
    padding: 1px;
    border: none;
    font-size: 13px;
    text-decoration: none;
    COLOR: Blue;
}


    .sch13_2:hover {
        text-decoration: none;
    }


.sch13_3 /*보류*/ {
    padding: 1px;
    border: none;
    font-size: 13px;
    text-decoration: none;
    COLOR: orange;
}


    .sch13_3:hover {
        text-decoration: none;
    }


.sch13_4 /*확인*/ {
    padding: 1px;
    border: none;
    font-size: 13px;
    text-decoration: none;
    COLOR: brown;
}

    .sch13_4:hover {
        text-decoration: none;
    }


.sch13_else /*예정*/ {
    padding: 1px;
    border: none;
    font-size: 13px;
    text-decoration: none;
    COLOR: #000;
    font-weight: 700;
}

    .sch13_else:hover {
        text-decoration: none;
    }


.sch_month13 {
    overflow: hidden;
    white-space: nowrap;
    padding: 0 1px 1px 1px;
    border: 1px solid #cecece;
}


    .sch_month13:hover {
        text-decoration: none;
    }


.sch_month13_gray {
    overflow: hidden;
    white-space: nowrap;
    padding: 0 1px 1px 1px;
    border: 1px solid #cecece;
    text-decoration: line-through;
}


    .sch_month13_gray:hover {
        text-decoration: none;
    }


.sch_month13_blue {
    overflow: hidden;
    white-space: nowrap;
    padding: 0 1px 1px 1px;
    border: 1px solid blue;
}


    .sch_month13_blue:hover {
        text-decoration: none;
    }


.sch_month13_orange {
    overflow: hidden;
    white-space: nowrap;
    padding: 0 1px 1px 1px;
    border: 1px solid orange;
}


    .sch_month13_orange:hover {
        text-decoration: none;
    }


.sch_month13_red {
    overflow: hidden;
    white-space: nowrap;
    padding: 0 1px 1px 1px;
    border: 1px solid red;
}


    .sch_month13_red:hover {
        text-decoration: none;
    }


.sch_month13_brown {
    overflow: hidden;
    white-space: nowrap;
    padding: 0 1px 1px 1px;
    border: 1px solid brown;
}


.sch_month13_brown:hover {
    text-decoration: none;
}

.show_e {
    padding: 8px 14px;
    color: black;
    font-size: 14px;
    min-width: 240px;
    display: inline-block;
    text-shadow: 0 0 black;
    border-radius: 20px;
}