/* global */
/*html { }*/
/*body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, form, fieldset, p, button, table, textarea, input, select { font-size: 12px; font-family: "µ¸¿ò",dotum,sans-serif; color: #444; margin: 0; padding: 0; }*/
ul, ol { list-style: none; margin: 0; padding: 0; }
img { border: 0; }
/*table { border-collapse: collapse; }*/

.none { display: none; }
.clear { clear: both !important; height: 0px; overflow: hidden; }
.flleft { float: left !important; }
.flright { float: right !important; }
.tright { text-align: right; }
.fnormal { font-weight: normal; }
.fcenter { text-align: center; }
.fleft { text-align: left; padding-left: 5px; }
.fright { text-align: right !important; padding-right: 10px; }
.hl { font-weight: bold; color: #0d47a1; }
.bold { font-weight: bold; }
.important { color: #E2312C !important; font-weight: bold; }
.impact { color: #0000CC !important; font-weight: bold; }
.bg_impact { background: #0000CC; color: #fff; font-weight: bold; }
.link { color: #2367a9 !important; cursor: pointer; }
.link td { color: #2367a9; cursor: pointer; }
.hover { color: #cc0204; background-color: #e1e1e1 !important; }
.tr_hover { background-color: #ffcc00; }
.basecode { font-family: courier, gulimche; letter-spacing: .1em; }
.bg_even { background-color: #F3F3F3; }
.bg_hl{ background-color: #6b6b6b; color: #fff; }
.weak { color: #999; font-size: .9em; }
.chand { cursor: pointer; }
.ime { IME-MODE: active; }
input.tiny { width: 30px; }
.no_data { height: 100px !important; line-height: 100px !important; }
.item_kind span { color: #444; border-radius: 5px; border: 1px solid #666; padding: 1px 10px; margin-right: 3px; }
.icon_phone { vertical-align:middle; cursor: pointer; margin-left: 5px; }

input, textarea { ime-mode: active !important; }

/* pop */
#pop_wrap { margin: 0; padding: 0; }
#pop_container { position: relative; }
#pop_container .header { padding-bottom: 5px; }
#pop_container .header h2 { margin-bottom: 3px; color: #044274; }
#pop_container.pop { width: 990px; }
#pop_container.pop5 { width: 500px; }
#pop_container.pop6 { width: 600px; }
#pop_container.pop7 { width: 700px; }
#pop_container.pop8 { width: 800px; }
#pop_container.pop9 { width: 900px; }
#pop_container h1.snb, .pop_container h1.snb { width: 200px; font-size: 1.5em; padding: 7px 0 4px 12px; margin-bottom: 6px; background-color: #efefef; letter-spacing: 1px; border-left: 8px solid #51698F; }
#pop_container h2.title { width: 290px; background-color: #266da2; color: #fff; padding: 8px 0 8px 10px; border-radius: 5px 5px 0 0; font-size: 13px; margin: 0; font-weight: 700; }
#pop_content .submit { float: right; margin: 10px 0 5px 0; }

.mega-menu { display: none; }
button span.ui-icon { float: left; position: relative; top: 0; left: -4px; }
button span.ui-button-text { font-weight: normal; }
input.sdate { width: 70px; margin-right: 2px; }
input.short { width: 70px; }
input.tiny { width: 30px; }
input.sheight { line-height: 15px; height: 15px; padding: 0; margin: 0; }
input.normal { width: 100px; }
input.long { width: 400px; }
textarea.size1 { width: 400px; height: 100px; }
#header { padding-right: 2px; }
#header div.sta { }
#header div.sta .logo { float: left; width: 162px; height: 72px; background: url(/_ADMIN/img/logo.png) no-repeat 0 5px;  }
#header div.sta ul.cmd { float: right; margin-top: 52px; margin-right: 10px; }
#header div.sta ul.cmd li { float: left; margin-left: 5px; }

#search > li { float: left; padding: 4px 0 4px 0; width: 227px; height: 18px; line-height: 18px; border-bottom: 1px solid #ccc; }
#search > li.li2 { width: 454px; }
#search > li.li3 { width: 670px; }
#search > li.border0 { border-bottom: 0; }
#search > li.submit { width: 100%; height: 12px; line-height: 12px; border: 0; text-align: right; padding: 2px; }
#search > li > label { font-weight: bold; float: left; line-height: 18px; text-align: right; padding-right: 10px; width: 100px; }
#search > li > input.txt { height: 18px; line-height: 18px; border: 1px solid #999; }
#search > li > span { float: left; }
#search > li .label { font-weight: bold; background-color: #efefef; }
#search > li .normal { width: 110px; }
#search > li.li2 .long { width: 337px; }

table.tbl_common td { line-height: 25px; }
#header_buttons { float: right; height: 35px; position: relative; top: -3px; }

/* jqueryui */
#ui-datepicker-div div, #ui-datepicker-div span, #ui-datepicker-div td { font-size: 11px; }
.ui-datepicker-trigger { position: relative; top: 5px; }

/* table */
table.tbl_search { border-collapse: collapse; width: 100%; border-top: 2px solid #3c86c4; border-bottom: 2px solid #3c86c4; border-left: 1px solid #3c86c4; border-right: 1px solid #3c86c4; clear: both; margin-bottom: 15px; }
table.tbl_search th { background-color: #cae0f2; color: #23669e; }
table.tbl_search th, .tbl_search td { border: 1px solid #3c86c4; height: 30px; line-height: 150%; text-align: center; padding: 2px; word-wrap: break-word; }
table.tbl_search td { padding-left: 5px; text-align: left; }
table.tbl_search li { color: #000 !important; padding: 2px 0 2px 0; }

table.tbl_sub_small { border-collapse: collapse; width: 100%; border-bottom: 2px solid #6b6b6b; clear: both; table-layout: fixed; }
table.tbl_sub_small th { background-color: #bbb; }
table.tbl_sub_small th, 
table.tbl_sub_small td { border: 1px solid #ccc; height: 22px; text-align: center; word-wrap: break-word; }
table.tbl_sub_small th { color: #000; height: 30px; border-top: 2px solid #6b6b6b; }
table.tbl_sub_small td.fleft { padding-left: 5px; text-align: left; }

table.tbl_sub_small2 { border-collapse: collapse; width: 100%; border-bottom: 2px solid #aaa; clear: both; table-layout: fixed; }
table.tbl_sub_small2 th { background-color: #efefef; }
table.tbl_sub_small2 th, 
table.tbl_sub_small2 td { color: #666; border: 1px solid #ccc; height: 22px; line-height: 19px; text-align: center; word-wrap: break-word; }
table.tbl_sub_small2 th { color: #666; height: 30px; border-top: 2px solid #aaa; }
table.tbl_sub_small2 td.fleft { padding-left: 5px; text-align: left; }

.btn_bottom { text-align: right; clear: both; }
.btn_bottom .btn_bottom_left { float: left; }
.btn_bottom .btn_bottom_right { float: right; }
button.btn1 { margin-left: 5px; border-radius: 6px; background: #466BAF; text-align: center; padding: 5px 18px; color: #FFFFFF; font-weight: bold; cursor: pointer; }
button.btn1.cancel { background-color: #888; }
button.btn1.warning { background-color: #f0ad4e; border-color: #eea236; color: #fff; }

.history_log .sub_title { margin-top: 35px;  width: 100px; border-top: 1px solid #999;  border-left: 1px solid #999;  border-right: 1px solid #999; background-color: #999; color: #fff; padding: 4px 0 2px 10px; border-radius: 5px 5px 0 0; }

#pop_container .ul_field { width: 1200px; border-top: 2px solid #266da2; border-right: 1px solid #ACACAC; margin-bottom: 7px; margin-bottom: 10px; }
#pop_container .ul_field li { color: #000 !important; height: 40px; line-height: 44px; float: left; width: 300px; border-bottom: 1px solid #266da2; }
#pop_container .ul_field li.li2 { width: 600px; }
#pop_container .ul_field li.li3 { width: 900px; }
#pop_container .ul_field li.full { width: 100%; }
#pop_container .ul_field .row2 { line-height: 41px; }
#pop_container .ul_field label.header { float: left; width: 80px; height: 35px; line-height: inherit; background-color: #d4e6f5; color: #333; border-left: 1px solid #ACACAC; border-right: 1px solid #ACACAC; text-align: right; padding-right: 4px; margin-right: 5px; }
#pop_container .ul_field li.textarea { width: 1180px !important; min-height: 40px; height: auto !important; border-left: 1px solid #ACACAC !important; padding: 10px; line-height: 25px !important; }
#pop_container .input { color: #000 !important; border: 1px solid #aaa; width: 195px; height: 28px; line-height: 30px; padding-left: 5px; margin-top: 5px; margin-right: 5px; }
#pop_container .input.input_small { width: 50px; }
#pop_container select.input { width: 202px; }
#pop_container span.radio, .ul_field span.checkbox { margin-right: 6px; }

table.tbl_default { border-collapse: collapse; width: 100%; border-top: 2px solid #266da2; border-bottom: 1px solid #266da2; border-right: 1px solid #266da2; margin-bottom: 10px; }
table.tbl_default th,
table.tbl_default td { border-right: 1px solid #acacac; border-left: 1px solid #acacac; border-bottom: 1px solid #266da2; height: 35px; text-align: center; word-wrap: break-word; }
table.tbl_default th { background-color: #d4e6f5; }
table.tbl_default td.fleft { padding-left: 5px; text-align: left; }

table.tbl_input { border-collapse: collapse; width: 100%; border-top: 2px solid #266da2; border-bottom: 1px solid #266da2; border-right: 1px solid #266da2; margin-bottom: 10px; }
table.tbl_input th,
table.tbl_input td { color: #000; border-right: 1px solid #acacac; border-left: 1px solid #acacac; border-bottom: 1px solid #266da2; height: 40px; line-height: 20px; word-wrap: break-word; }
table.tbl_input th { background-color: #d4e6f5; text-align: center; font-weight: 600; }
table.tbl_input td { padding-left: 5px; text-align: left; }
table.tbl_input textarea.size2 { height: 40px; }
table.tbl_input textarea.size4 { height: 95px; }
table.tbl_input textarea.size9 { height: 245px; }


#container { margin-left: 10px; }
#container.container_xs { width: 800px; }
#container.container_s { width: 1000px; }
#container.container_m { width: 1200px; }
#container.container_l { width: 1400px; }
#search { width: 100%; margin-bottom: 10px; background: #E4EBEF; border: 0; padding: 1px 30px 1px 0; }
#search > ul { margin: 15px; }
#search > ul > li { width: 284px; color: #000 !important; height: 40px; padding: 0; border: 0; }
#search > ul > li.li2 { width: 460px; } /* 540 -> 450 */
#search > ul > li.li3 { width: 690px; }
#search > li.full { width: 100%; }
#search > .form-control { width: auto !important; margin: 0 !important; }
#search > ul > li > label { float: left; width: 80px; height: inherit !important; color: #000; text-align: right; padding: 9px 0 0 4px; margin-right: 5px; }
#search button.btn { margin-left: 20px; }

table.tbl_base { border-collapse: collapse; width: 100%; border: 1px solid #ddd; clear: both; table-layout: fixed; margin-bottom: 10px; }
table.tbl_base th { background-color: #405467; color: #ECF0F1; }
table.tbl_base th, .tbl_base td { border: 1px solid #ddd; border-left: 0; height: 30px; line-height: 140%; text-align: center; padding: 2px; word-wrap: break-word; }
table.tbl_base td.fleft { text-align: left; padding-left: 10px; }

/* bootstrap */
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #26b99a12; }
.size_m { font-size: 18px; }

.paging_container { width: 100%; margin-top: 20px; }
.nav .data_header { float: left; margin-top: 10px; }
.nav .data_header .total { color: #000; font-weight: bold; }
.nav .data_header .page { color: #000; font-weight: bold; margin-left: 15px; }

table.tbl_common { border-collapse: collapse; width: 100%; border-bottom: 2px solid #6b6b6b; clear: both; table-layout: fixed; }
table.tbl_common th { background-color: #6b6b6b; color: #fff; }
table.tbl_common th, .tbl_common td { border: 1px solid #ccc; height: 30px; line-height: 140%; text-align: center; padding: 2px; word-wrap: break-word; }
table.tbl_common td.fleft { padding-left: 5px; }
table.tbl_common td.fleft2 { padding-left: 15px; }

table.tbl_input2 { border-collapse: collapse; width: 100%; border-top: 2px solid #7BBDCA; border-bottom: 2px solid #7BBDCA; }
table.tbl_input2 th { width: 195px; font-weight: normal; text-align: right; padding: 2px 5px 2px 0; height: 25px; background-color: #E8F0F1; border-bottom: 1px solid #B0D9E1; }
table.tbl_input2 td { border-bottom: 1px solid #B0D9E1; padding: 2px 0 2px 5px; height: 25px; }
table.tbl_input2 textarea.size5 { width: 402px; height: 50px; }
table.tbl_input2 textarea.size2_5 { width: 804px; height: 50px; }

/* 2018-03-25 s, user_kind */
.user_kind span { color: #444; border-radius: 5px; border: 1px solid #666; font-weight: 600; padding: 1px 10px; margin-right: 3px; }
.user_kind_normal { display: block; margin-top: 5px; }
.user_kind_normal span { }
.user_kind_block span { display: block; padding: 1px 5px; margin: 1px; }
.user_kind .icon1 { }
.user_kind .icon2 { }
.user_kind .icon3 { color: #000; border: 1px solid #8bc34a; background-color: #BEF781; }
.user_kind .icon4 { border: 1px solid #ff5722; background-color: #FF8000; }
.user_kind .icon5 { color: #000; border: 1px solid #ad5eab; background-color: #F5A9F2; }
.user_kind .icon6 { color: #000; border: 1px solid #12609e; background-color: #52c9ff; }
.user_kind_sm span { color: #444; border-radius: 5px; border: 1px solid #666; font-weight: 600; padding: 1px 5px; /*margin-right: 3px; max-width: 60px;*/ font-size: .9em; line-height: 1.2em; }

/* 2021-03-14 s, ÇØ¿Ü */
.user_oversea, .iconOverseas { background-color: #d9534f; color: #fff; border-radius: 5px; border: 1px solid #d43f3a; padding: 1px 3px; margin-right: 3px; }
/* 2021-05-10 s, Ãß°¡ ¾ÆÀÌÄÜ */
.user_extra_free, .iconFREE { background-color: #529c00; color: #fff; border-radius: 5px; border: 1px solid #278100; padding: 1px 3px; margin-right: 3px; }



/*2026-01-06*/
.toolTipSpan {color: #fff}

/* START TOOLTIP STYLES */
[tooltip] { position: relative; /* opinion 1 */}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
    text-transform: none; /* opinion 2 */
    font-size: .9em; /* opinion 3 */
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}

[tooltip]::before {
    content: '';
    border: 5px solid transparent; /* opinion 4 */
    z-index: 1001; /* absurdity 1 */
}

    [tooltip]::after {
        content: attr(tooltip); /* magic! */
        /* most of the rest of this is opinion */
        font-family: Helvetica, sans-serif;
        text-align: center;
        min-width: 3em;
        max-width: 41em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 1ch 1.5ch;
        border-radius: .3ch;
        box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
        background: #ffa500; /*#333*/
        color: #fff;
        z-index: 1000; /* absurdity 2 */
    }

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
    display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
    display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #ffa500;
}

[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0);
    }
}

@keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%);
    }
}

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
}