@charset "utf-8";
@import url('font.css');
/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: middle;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

body,input,textarea,select,button,table, div, p{
    font-family:'Malgun Gothic','맑은 고딕','Noto Sans KR','Apple SD Gothic Neo',sans-serif,dotum,' 돋움','굴림';
    font-weight:400;
    font-size:13px;
    line-height:1.3em;
    color:#555
}
button{border:0; cursor:pointer}

a:link,a:visited,a:active,a:hover {
    color:#333;
    font-family:'Malgun Gothic','맑은 고딕','Noto Sans KR','Apple SD Gothic Neo',sans-serif,dotum,' 돋움','굴림';
    text-decoration:none;
}
a:hover {
    color:#2764c1;
    text-decoration:underline;
}

.hide {display:none}
.pointer { cursor:pointer} .nopointer { cursor:auto}
.td-pointer {cursor:pointer} .td-pointer:hover {background:#e7f0f7}

/* align */
.al-center {text-align:center} .al-left {text-align:left !important} .al-right {text-align:right}
.val-top {vertical-align:top !important} .val-middle {vertical-align:middle !important} .val-bottom {vertical-align:bottom}
.cl-both {clear:both}
.clfix:after {content: ""; display: table;  clear: both}
.p-l {position:relative}
.p-a {position:absolute}
.d-b {display:block} .d-i {display:inline-block}
.o-f {overflow:hidden}
.m-a {margin:0 auto}
.last-rmargin-none .last-rmargin-div:last-child > div {margin-right:0 !important}
.word-break {word-break: break-all}

.m10{margin:10px}
.mt0{margin-top:0 !important} .mt1{margin-top:1px !important}.mt2{margin-top:2px !important}.mt3{margin-top:3px !important}.mt4{margin-top:4px !important} .mt5{margin-top:5px !important} .mt6{margin-top:6px} .mt10{margin-top:10px} .mt12{margin-top:12px} .mt15{margin-top:15px} .mt16{margin-top:16px} .mt17{margin-top:17px} .mt18{margin-top:18px} .mt20{margin-top:20px !important} .mt25{margin-top:25px} .mt30{margin-top:30px} .mt40{margin-top:40px} .mt50{margin-top:50px} .mt100{margin-top:100px} .mt120{margin-top:120px} .mt200{margin-top:200px}.mt220{margin-top:220px}
.mb5{margin-bottom:5px !important}.mb10{margin-bottom:10px !important} .mb20{margin-bottom:20px} .mb30{margin-bottom:30px}
.ml3{margin-left:3px !important} .ml5{margin-left:5px !important} .ml10{margin-left:10px !important} .ml13{margin-left:13px !important} .ml15{margin-left:15px !important} .ml20{margin-left:20px !important}.ml25{margin-left:25px !important} .ml30{margin-left:30px}.ml40{margin-left:40px}.ml50{margin-left:50px}.ml60{margin-left:60px}.ml70{margin-left:70px}.ml80{margin-left:80px}.ml90{margin-left:90px}.ml100{margin-left:100px}.ml200{margin-left:200px}.ml250{margin-left:250px}
.mr0{margin-right:0 !important} .mr5{margin-right:5px !important} .mr10{margin-right:10px !important} .mr15{margin-right:15px} .mr20{margin-right:20px} .mr30{margin-right:30px} .mr40{margin-right:40px}
.pd0{padding:0 !important}.pd5{padding:5px !important}.pd10{padding:10px !important}
.pt0{padding-top:0 !important} .pt5{padding-top:5px !important} .pt10{padding-top:10px !important} .pt15{padding-top:15px !important} .pt18{padding-top:18px !important} .pt20{padding-top:20px !important} .pt30{padding-top:30px !important}.pt35{padding-top:35px !important}.pt40{padding-top:40px !important} .pt50{padding-top:50px !important} .pt80{padding-top:80px !important}
.pb0{padding-bottom:0 !important} .pb10{padding-bottom:10px !important} .pb15{padding-bottom:15px !important}
.pl0{padding-left:0 !important} .pl5{padding-left:5px !important} .pl10{padding-left:10px !important} .pl15{padding-left:15px !important} .pl90{padding-left:90px !important}
.pr0{padding-right:0 !important} .pr10{padding-right:10px !important} .pr13{padding-right:13px !important} .pr14{padding-right:14px !important} .pr15{padding-right:15px !important} .pr20{padding-right:20px !important} .pr30{padding-right:30px !important} .pr35{padding-right:35px !important} .pr40{padding-right:40px !important} .pr45{padding-right:45px !important} .pr50{padding-right:50px !important} .pr60{padding-right:60px !important} .pr70{padding-right:70px !important} .pr75{padding-right:75px !important} .pr80{padding-right:80px !important}.pr85{padding-right:85px !important} .pr100{padding-right:100px !important} .pr105{padding-right:105px !important} .pr120{padding-right:120px !important} .pr125{padding-right:125px !important} .pr180{padding-right:180px !important} .pr190{padding-right:190px !important} .pr200{padding-right:200px !important} .pr210{padding-right:210px !important} .pr220{padding-right:220px !important}
.at0{top:0 !important} .at2{top:2px !important} .at4{top:4px !important} .at5{top:5px !important} .at8{top:8px !important} .at10{top:10px !important} .at16{top:16px !important} .at17{top:17px !important} .at18{top:18px !important}  .at20{top:20px !important}
.atm5{top:-5px !important}.atm10{top:-10px !important}
.ar0{right:0} .ar5{right:5px} .ar8{right:8px} .ar10{right:10px} .ar15{right:15px} .ar35{right:35px} .ar50{right:50px} .ar60{right:60px} .ar70{right:70px} .ar80{right:80px} .ar100{right:100px} .ar105{right:105px} .ar110{right:110px} .ar115{right:115px} .ar120{right:120px}
.arm5{right:-5px !important}
.ab0{bottom:0 !important}.ab10{bottom:10px !important} .ab15{bottom:15px !important}
.ala{left:auto !important}.al0{left:0 !important} .al10{left:10px} .al70{left:70px}
.w100p{width:100% !important} .w98p{width:98% !important} .w96p{width:96% !important} .w95p{width:95% !important} .w90p{width:90% !important} .w85p{width:85%} .w82p{width:82% !important} .w80p{width:80% !important} .w78p{width:78%} .w75p{width:75%} .w73p{width:73%}  .w70p{width:70%} .w65p{width:65%} .w62p{width:62%} .w60p{width:60%} .w55p{width:55%} .w51p{width:51%} .w50p{width:50% !important} .w49p{width:49%} .w47p{width:47%} .w45p{width:45%}  .w44p{width:44%}  .w43p{width:43%} .w42p{width:42%} .w40p{width:40%} .w35p{width:35%} .w34p{width:34%} .w33p{width:33%} .w32p{width:32%} .w31p{width:31%} .w30p{width:30%} .w28p{width:28%} .w26p{width:26%} .w25p{width:25%} .w24p{width:24%} .w23p{width:23%} .w22p{width:22%}  .w21p{width:21%} .w20p{width:20%} .w19p{width:19%} .w18p{width:18%} .w17p{width:17%} .w16p{width:16%} .w15p{width:15%} .w14p{width:14%} .w13p{width:13%} .w12p{width:12%} .w11p{width:11%} .w10p{width:10%} .w9p{width:9%}.w8p{width:8%} .w7p{width:7%} .w6p{width:6%} .w5p{width:5%} .w4p{width:4%}
.w820{width:820px !important} .w800{width:800px !important} .w700{width:700px !important} .w600{width:600px !important} .w500{width:500px !important} .w400{width:400px !important} .w310{width:310px !important} .w300{width:300px !important}.w270{width:270px !important}.w250{width:250px !important} .w200{width:200px !important} .w180{width:180px !important} .w175{width:175px !important} .w170{width:170px !important} .w150{width:150px !important} .w121{width:121px !important} .w120{width:120px !important}  .w105{width:105px !important} .w101{width:101px !important} .w100{width:100px !important} .w95{width:95px !important} .w90{width:90px !important} .w85{width:85px !important} .w80{width:80px !important} .w75{width:75px !important} .w70{width:70px !important} .w65{width:65px !important} .w60{width:60px !important} .w50{width:50px !important} .w40{width:40px !important} .w35{width:35px !important} .w31{width:31px !important} .w30{width:30px !important} .w25{width:25px !important} .w20{width:20px !important}  .w18{width:18px !important} .w15{width:15px !important}.w13{width:13px !important} .w10{width:10px !important}
.h620{height:620px !important}.h600{height:600px !important} .h500{height:500px !important} .h450{height:450px !important} .h400{height:400px !important}.h380{height:380px !important}.h350{height:350px !important} .h330{height:330px}  .h310{height:310px} .h300{height:300px} .h280{height:280px} .h230{height:230px}.h200{height:200px}.h180{height:180px}.h170{height:170px}.h160{height:160px}.h150{height:150px}.h140{height:140px} .h100{height:100px} .h90{height:90px} .h80{height:80px !important} .h70{height:70px !important} .h60{height:60px !important}.h50{height:50px} .h40{height:40px} .h30{height:30px !important}  .h25{height:25px}  .h20{height:20px}

/* line */
.line-n {border:none !important} .line-t-n {border-top:none !important} .line-l-n {border-left:none !important} .line-r-n {border-right:none !important} .line-b-n {border-bottom:none !important}
.line-t {border-top:1px solid #e1e1e1 !important} .line-b {border-bottom:1px solid #e1e1e1 !important} .line-a {border:1px solid #949494 !important;     height: 22px !important;}

/* color style */
.t-b {font-weight:bold}
.t-point {color:#ea3939}
.t-fff {color:#fff} .t-ff3333 {color:#ff3333} .t-000 {color:#000} .t-777 {color:#777 !important}
.bg-fff{background:#fff !important}
.bg-fbfbfb{background:#fbfbfb !important}
.bg-F6F6F6{background:#F6F6F6 !important}
.bg-F1F1F1{background:#F1F1F1 !important}
.t-red {color:#ea3939 !important}
.t-bl {color:#1777d9 !important}
.t-yellow {color:#FFA916 !important}
.select-point {background:#2c51de; color:#FFF}
.linked {text-decoration:underline !important; color:#000 !important}.linked:hover {color:#1777d9 !important}
.linked-b {text-decoration:underline !important; color:#1777d9 !important}.linked-b:hover {color:#1777d9 !important}
.linked-r {text-decoration:underline !important; color:#ea3939 !important}.linked-r:hover {color:#ea3939 !important}
.linked-o:hover {color:#2764c1}
.tb-bg-pointer {background:#ea3939; color:#FFF} .tb-bg-pointer:hover {background:#ea3939}

                                                    /* icon */
.ico_r_comm {display:inline-block; height:16px; padding:0 5px;line-height:14px; font-size:10px; color:#FFF; text-align:center; background:#ea2020; vertical-align:top}
.ico_b_comm {display:inline-block; height:16px; padding:0 5px;line-height:14px; font-size:10px; color:#FFF; text-align:center; background:#2c51de; vertical-align:top}

/* font style */
.t-10{font-size:10px !important}.t-11{font-size:11px !important}.t-12{font-size:12px !important}.t-13{font-size:13px !important}.t-14{font-size:14px !important}.t-15{font-size:15px !important}.t-16{font-size:16px !important}.t-20{font-size:20px !important}.t-25{font-size:25px !important}.t-30{font-size:30px !important}
.ls05 {letter-spacing:-0.05em}.ls1 {letter-spacing:-0.1em}
.lh08 {line-height:0.8em} .lh1 {line-height:1em} .lh14 {line-height:1.4em}.lh15 {line-height:1.5em}.lh16 {line-height:1.6em}.lh17 {line-height:1.7em}
.el-1line{overflow:hidden; text-overflow:ellipsis; display: -webkit-box !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical}
.el-2line{overflow : hidden; text-overflow: ellipsis;display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 2.6em;}
.el-3line{overflow : hidden; text-overflow: ellipsis;display: -webkit-box !important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;max-height: 5.2em;}
.el-4line{overflow : hidden; text-overflow: ellipsis;display: -webkit-box !important;-webkit-line-clamp: 4;-webkit-box-orient: vertical;max-height: 7.8em;}


/* title style */
.tit-h2 {font-size:16px; font-weight:bolder; letter-spacing:-0.05em;margin-bottom:6px}
.tit-h2 span {display:inline-block; padding-right:15px; margin-right:3px; background:url(/assets/images/ico-aw-navi.gif) no-repeat right 3px;vertical-align:top}
.tit-h2_form {font-size:16px; font-weight:400; letter-spacing:-0.05em;margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e9e9e9}
.tit-h2_form span  {display:inline-block; padding-right:15px; margin-right:3px; background:url(/assets/images/ico-aw-navi.gif) no-repeat right 3px;vertical-align:top}
.tit-detail-h2 {font-size:22px; font-weight:400; letter-spacing:-0.05em;margin-bottom:15px; color:#000}
.tit-h3 {font-size:15px; font-weight:700; letter-spacing:-0.05em;margin-bottom:10px}
.tit-h3-form{font-size:20px; font-weight:normal; letter-spacing:-0.05em; padding-bottom:10px; border-bottom:1px solid #6d6d6d}
.tit-h4 {font-size:13px; font-weight:700; letter-spacing:-0.05em}
.tit-h4-form{font-size:15px; font-weight:normal; letter-spacing:-0.05em; padding-bottom:10px; border-bottom:1px solid #6d6d6d}
.tit-h5 {font-size:12px; font-weight:700; letter-spacing:-0.05em}
.register-tit {position:absolute; top:0; left:0; right:0; width:100%; z-index:1001}
.register-tit::after {display:table; content:''; clear:both}
.register-tit h2 {float:left; margin:0 0 0 5px; padding-left:7px; font-size:18px; font-weight:bolder; color:#000; letter-spacing:-0.05em}
.register-tit .con {border-bottom:1px solid #CFCFCF; background:#FFF; padding-top:5px; padding-bottom:7px;margin:0 15px }
.register-tit .con::after {display:table; clear:both; content:''}
.register-tit .con > div {float:right; text-align:right}
.tit-fixed  {left:0px; right:0; top:0; width:auto;min-width:1350px; padding:0 15px }
.tit-fixed2 {left:0px; right:0; top:0; width:auto;min-width:1000px; padding:0 15px  }
.tit-fixed3 {left:0px; right:0; top:0; width:auto;min-width:1100px; padding:0 15px  }
.tit-fixed .con {margin:0 auto; min-width:1350px; max-width:1625px; padding-top:15px}
.tit-fixed2 .con {margin:0 auto; min-width:1000px; max-width:1300px;}
.tit-fixed3 .con {margin:0 auto; min-width:1100px; max-width:1400px; padding-top:15px}



/* button style */
.btn-w-comm{display:inline-block; background:#FFF; text-align:center; color:#000;  border:1px solid #888888;  cursor:pointer} .btn-w-comm:hover{background:#f3f3f3} a.btn-w-comm {color:#FFF}
.btn-bl-comm{display:inline-block; background:#336FC8; text-align:center; color:#FFF; cursor:pointer} .btn-bl-comm:hover{background:#3665c3} a.btn-bl-comm {color:#FFF}
.btn-k-comm{display:inline-block; background:#3e3a35; text-align:center; color:#FFF; cursor:pointer} .btn-k-comm:hover{background:#000000} a.btn-k-comm {color:#FFF}
.btn-gk-comm{display:inline-block; background:#797979; text-align:center; color:#FFF; cursor:pointer} .btn-gk-comm:hover{background:#555555} a.btn-gk-comm {color:#FFF}
.btn-r-comm{display:inline-block; background:#ff4a47; text-align:center; color:#FFF; cursor:pointer} .btn-r-comm:hover{background:#f22e2b} a.btn-r-comm {color:#FFF}
.btn-gy-comm{display:inline-block; background:#e9e9e9; text-align:center; color:#555; border:1px solid #cbcbcb; cursor:pointer} .btn-gy-comm:hover{background:#d5d5d5}
/* 버튼 스타일 추가 -- 1212 --- kjy */
.btn-out-k-comm{display:inline-block; background:#fff; text-align:center; color:#000; cursor:pointer;border: 1px solid #000; } .btn-k-comm:hover{background:#000; color:#fff;} a.btn-k-comm {color:#000}
/* 버튼 스타일 추가 -- 1212 --- kjy */

.btn-s{height:18px; padding:0 6px; font-size:11px; line-height:12px} .btn-s .fa-ico{margin-top:1px;font-size:8px} a.btn-s { line-height:20px}
.btn-s-radius {height:18px; padding:0 6px; font-size:11px; line-height:12px; border-radius:3px} a.btn-s-radius { line-height:18px}
.btn-small{height:22px; padding:0 6px; font-size:11px; line-height:14px; letter-spacing:-0.05em} .btn-small .fa-ico{margin-top:1px} a.btn-small { line-height:24px}
.btn-small-radius{height:22px; padding:0 6px; font-size:11px; border-radius:3px; line-height:14px; letter-spacing:-0.05em} .btn-small-radius .fa-ico{margin-top:1px; font-size:12px} a.btn-small-radius {vertical-align:top; line-height:24px} a.btn-small-radius .fa-ico{margin-top:5px; font-size:12px}
.btn-mid{height:25px; padding:0 10px 0 10px;  font-size:12px; border-radius:3px} .btn-mid .fa-ico{font-size:13px; margin-top:1px}
.btn-big{height:31px; padding:8px 12px; font-size:13px; line-height:14px; border-radius:3px } .btn-big .fa-ico{vertical-align:top} .btn-big-n{height:15px }
.btn-search {width:50px; height:40px} .btn-search i {font-size:22px}
a.btn-search {width:50px; height:40px} .btn-search i {font-size:22px} a.btn-search i {font-size:22px;line-height:40px}
.btn-barcode {padding:0 20px; height:41px; font-size:15px} .btn-barcode i {font-size:20px}
.btn-info {position:absolute;top:-1px;left:-2px;width:15px; height:15px; background:none;  padding:0 } .btn-info i{font-size:12px; padding:0; margin-top:3px;color:#999}
/*.btn-info {width:15px; height:15px; background:none;  padding:0; margin-left:-3px} .btn-info i{font-size:13px; padding:0; margin-top:2px}*/
.btn-in-box { height:22px;font-size:12px;padding:0} .btn-in-box i{font-size:13px; padding:0}
.btn-trans {background:none} .no-cursor {cursor:none}
.btn-plus {display:block; background:#3c5ea1; text-align:center; color:#FFF; cursor:pointer;width:12px; height:15px; line-height:8px; font-size:11px; padding:0}
.btn-minus {display:block; background:#6e6e6e; text-align:center; color:#FFF; cursor:pointer;width:12px; height:14px; line-height:7px; font-size:11px; padding:0}
.fa-ico {display:inline-block; font:normal 14px/1 'FontAwesome'; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; vertical-align:top}
.btn-move-mobile {padding:0 25px 35px 25px}
.btn-move-mobile a {display:inline-block; background:#f9f9f9; border:1px solid #d1d1d1; box-sizing:border-box; width:100%; padding:20px 0; text-align:center; font-size:24px; color:#000}
.btn-move-mobile a:hover {text-decoration:none}

/* form style */
input[type='text'],input[type='password']{height:22px; border:1px solid #cbcbcb; background:#FFF; text-indent:4px; box-sizing:border-box; padding:0; font-size:12px; letter-spacing:-0.05em}
input[type='checkbox'] {margin:0; vertical-align:middle}
input[type='radio'] {margin:0}
select {height:22px; border:1px solid #cbcbcb; box-sizing:border-box; background:#FFF}
textarea {border:1px solid #cbcbcb;  box-sizing:border-box; background:#FFF}
textarea::placeholder {font-size:12px}
input[type='file']{height:22px; border:1px solid #cbcbcb; background:#FFF; box-sizing:border-box; text-indent:4px;padding-top:3px}
input[type="text"]:disabled {background: #dddddd;}
select option:disabled {background: #dddddd;}
input:read-only {background: #f9f9f9;}
input[readonly] {background: #f9f9f9;}
input.p-box{border:1px solid #000 ; background:#fff ; color:#000; font-weight:bold; font-size:13px}
input.p-in-box{border:1px solid #cbcbcb; background:#FFF; font-size:12px; height:20px !important;}
input.numbersOnly {}
input.readonly {background:#ececec}
input.p-in-box:-ms-input-placeholder { color: #bbbbbb; }
input.p-in-box::-webkit-input-placeholder { color: #bbbbbb; }
.ms-drop input[type="checkbox"] {margin-right:5px}
.input-point {border:1px solid #336FC8 !important}
.input-point:read-only {background: #f9f9f9;}
.input-point[readonly] {background: #f9f9f9;}
.input-check {border:1px solid #c81919 !important; background:#e73535 !important; color:#FFF !important}
.input-check:read-only {background: #e73535;}
.input-check[readonly] {background: #e73535;}
.change-input {display:inline-block; height:22px; line-height:1.7em; border:1px solid #cbcbcb; background:#FFF; text-indent:4px; box-sizing:border-box; padding:0; font-size:12px; letter-spacing:-0.05em; vertical-align:top; overflow:hidden; text-overflow:ellipsis; display: -webkit-box !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical}

.fileBox {display:block; position:relative; padding-right:70px}
.fileBox .fileName:read-only {background:#fff}
.fileBox .fileName[readonly] {background:#fff}
.fileBox .btn-file-search {position:absolute; right:0; top:0; width:71px; display:inline-block !important; height:22px; padding:0; font-size:12px; line-height:22px}
.fileBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

.date-btn {display:inline-block; position:relative; padding-left:34px;vertical-align:top}
.date-btn label {position:absolute; left:0; top:0; height:25px; box-sizing:border-box; border:1px solid #cbcbcb; background:#f9f9f9; width:35px; text-align:center; font-size:11px; padding-top:3px; letter-spacing:-0.1em}
.date-btn input {height:25px; letter-spacing:-0.05em; font-size:12px}

.releseInput{height:40px !important; font-size:20px; font-weight:bold; color:#000}
.ms-drop {width:auto !important}
.ms-choice > span.placeholder {color:#555 !important; font-size:13px !important}
.edit-multiple {padding:5px 0}
.edit-multiple option {padding:1px 0 1px 10px}

legend {display:none}
.search-box {border:1px solid #E1E1E1; box-sizing:border-box; padding:3px 0 6px 0}
.search-box .sb {position:relative; padding:5px 20px 5px 20px ;  overflow:visible}
.search-box .sb::after{clear:both;content:"";display:table;}
.search-box .sb:last-child{padding-bottom:0}
.search-box .sb-gap {border-top:1px solid #e9e9e9}
.search-box label{display:block; font-weight:bolder; padding-bottom:3px; padding-left:1px; font-size:11px; letter-spacing:-0.05em; height:14px}
.search-box label.m-line {padding-top:2px}
.search-box label.check-box {display:inline-block; position:relative; width:auto; padding-top:0}
.search-box .sb-check {position:relative; padding:5px 20px 5px 20px ;  overflow:visible}
.search-box .sb-col {display:block; float:left}
.search-box .sb-col > span {display:block; position:relative; padding-right:5px}
.search-box input[type='text'] {height:22px}
.search-box select {height:22px; font-size:12px}
.search-box .custom-select {height:24px;  font-size:12px}
.search-box .custom-select a {padding:5px 0 0 5px; height:19px }
.search-box .sb-col .sb-col-gap {position:absolute; width:20px;  left:50%; margin-left:-20px; font-size:11px; text-align:center}
.search-box .sb-col .sb-dash {position:absolute; width:5%; font-size:11px; text-align:center; right:52.5%}
.register-box {border:none}
/* 오더상세 28) -- kjy */
.register-box .sb-w:first-child {margin-top:8px}
.register-box .sb-w {padding:5px 0 5px 0; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1; }
.register-box .sb-w:last-child {border-bottom:1px solid #e1e1e1}
.register-box .sb-box {padding:5px 0 5px 0; border:1px solid #e1e1e1; box-sizing:border-box}
/* 오더상세 28) -- kjy */
.file-download {display:block; position:absolute;  top:17px; height:22px; box-sizing:border-box; background:#f3f3f3; border:1px solid #e1e1e1; text-align:center; line-height:1.2em}
.file-download a {display:inline-block; width:100%; height:19px; padding-top:3px;}

.register-form-wrap {width:900px; margin:0 auto; margin-top:30px}
.register-form-wrap dl {margin-top:20px;}
.register-form-wrap dl::after {clear:both;content:"";display:block;}
.register-form-wrap dt {position:relative; padding:9px 0 0 0; text-indent:30px}
.register-form-wrap dt .fa-ico {position:absolute; top:10px; left:15px; color:#fa4747; font-size:12px; text-indent:0 }

.register-form-wrap .standard-box {position:relative; display:block; border:1px solid #e9e9e9; margin:0; padding:0; height:200px}
.register-form-wrap .standard-box legend {display:block; position:absolute; top:0; left:0; width:100%; height:28px; padding-top:12px; text-indent:20px; color:#000; font-size:14px; font-weight:bold; background:#f8f8f8}

.tb-comm .custom-select {height:24px;  font-size:12px}
.tb-comm .custom-select a {padding:5px 0 0 5px; height:19px }

/*  table style */
/* 스크롤 수정) -- kjy 50px -> 10px */
.tb-comm-wrap {padding-bottom:0px} /*최소사이즈에서 가로스크롤을 사용하려면 overflow-x:auto 사용*/ 
.tb-comm-wrap:after {clear:both;content:"";display:block;}
.tb-scroll {width:100%; overflow-x:auto; overflow-y:auto;border-bottom:1px solid #e1e1e1}
.tb-scroll2 {width:100%; overflow-x:auto; overflow-y:auto}
.tb-comm {border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;}
.tb-comm th {border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.tb-comm th {padding:4px 0; background:#e9ebef; font-size:11px; color:#000; text-align:center; vertical-align: middle;line-height:1.2em; letter-spacing:-0.05em}.tb-comm th > div {font-size:12px}
.tb-comm th.group{background:#f2f3f6; font-size:12px} .tb-comm th.group > div {font-size:12px}
.tb-comm th .t-sort {display:inline-block; cursor:pointer} .tb-comm th .t-sort .fa-ico {height:10px} .tb-comm th .t-sort .fa-sort-down {margin-top:-2px;} .tb-comm th .t-sort .fa-sort-up {display:none; height:10px; vertical-align: bottom}
.tb-comm th.select-up, .tb-comm th.select-down {font-weight:bold; color:#ea3939}
.tb-comm th.select-down .t-sort .fa-sort-up {display:none} .tb-comm th.select-down .t-sort .fa-sort-down {display:inline-block}
.tb-comm th.select-up .t-sort .fa-sort-up {display:inline-block} .tb-comm th.select-up .t-sort .fa-sort-down {display:none}
.tb-comm td {padding:1px; text-align:center; font-size:12px;line-height:1.6em; letter-spacing:-0.05em; min-height:25px; border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;}
.tb-comm td .input-data {width:100%; border:none; height:23px; font-size:12px; letter-spacing:-0.05em; color:#333}
.tb-comm td .input-data:read-only {background:#fff}
.tb-comm td .input-data[readonly] {background:#fff}
.tb-comm td input.al-center {text-indent:0}
/* 전체수정 1) -- kjy -- 끝 숫자 잘림 현상 수정 */
.tb-comm td input.al-right {padding-right:5.25pt}
.tb-comm td input.al-left {text-indent:4px}
.tb-comm th.t-l, .tb-comm td.t-l {text-align:left; padding-left:5px}
.tb-comm td.t-r {text-align:right; padding-right:7px}
.tb-comm td.t-row {padding:0}
.tb-comm tr {border-bottom:1px solid #e1e1e1}
tr.customer-order  {background:#f3bdbd !important}
tr.customer-order .input-data {background:#f3bdbd !important}
tr.customer-order td input {color:#c32828 !important}
tr.tr-selected  {background:#FFEBEB !important}
tr.tr-selected .input-data {background:#FFEBEB !important}
tr.tr-selected td input {color:#8E3E3E !important}
tr.defer-order  {background:#d8c7ed !important}
tr.defer-order .input-data {background:#d8c7ed !important}
tr.defer-order td input {color:#7f2be7 !important}
.tb-pointer tr {cursor:pointer}
.tb-pointer tr input {cursor:pointer}
.tb-comm-check tr {cursor:pointer}
.tb-comm-check tr input{cursor:pointer}
.tb-comm-check tr.selected {background:#e7f0f7 !important}
.tb-comm-check tr.selected input {background:#e7f0f7 !important}
.tb-comm-tbody-check tbody {cursor:pointer}
.tb-comm-tbody-check tbody input{cursor:pointer}
.tb-comm-tbody-check tbody.selected {background:#e7f0f7 !important}
.tb-comm-tbody-check tbody.selected input {background:#e7f0f7 !important}
.tb-tr-bg tr:nth-child(2n) {background-color:#fbfbfb}
.tb-tr-bg tr:hover{background-color:#e7f0f7 !important}
.tb-tr-bg tr:hover input{background-color:#e7f0f7 !important}
.tb-tr-bg tr.bg-none:hover{background-color:transparent !important}
.tb-tbody-bg tbody {}
.tb-tbody-bg tr:nth-child(2n) {background-color:transparent !important}
.tb-tbody-bg tr:hover{background-color:transparent }
.tb-tbody-bg tbody:nth-child(even) {background-color:#fbfbfb}
.tb-tbody-bg tbody:nth-child(even) input {background-color:#fbfbfb}
.tb-tbody-bg tbody:nth-child(even) .input-data:read-only {background-color:#fbfbfb}
.tb-tbody-bg tbody:hover{background-color:#e7f0f7}
.tb-tbody-bg tbody:hover input{background:#e7f0f7 !important}
.td-hover td:hover{background-color:#e7f0f7}
.tb-tbody-noline tbody {border-bottom:none !important}
.tb-tbody-bg .tb-tbody-line {border-bottom:2px solid #000 !important;}
.tb-tbody-none {background-color:transparent !important}
.tb-tbody-none td:hover{background-color:transparent !important}
.tb-tbody-none tr:nth-child(2n) {background:transparent}
.tb-tbody-none tr:hover{background:none !important}
.tb-tr-bg .tb-tbody-line {border-bottom:2px solid #000 !important;}
.tb-summery-border {display:inline-block; position:absolute; border:1px solid #000; width:100%;height:25px;top:51px;left:0}
.tb-summery-border-f {display:inline-block; position:absolute; border:1px solid #000; width:100%;height:25px;bottom:0;left:0}
.tb-td-summery td {color:#000; background:#fae9e9}
.td-span-mid {vertical-align:middle}  .td-span-mid span{vertical-align:middle}
.form-keyword input{float:left;margin-right:5px;width:239px} .form-keyword input:last-child {width:240px;margin-right:0}
.shipout{background-color:#e9ebef !important}
.tb-tbody-bg .shipout{background-color:#e9ebef !important}
.floatThead-container {z-index:100 !important;}
.dashboard-tr th {background:#edf3ff}
.btn-sort .fa-ico {font-size:11px}
.btn-sort {background:transparent; padding:0; height:14px; width:7px; vertical-align:top}
.fa-sort-up {display:none}
.th-select-down, .th-select-up{color:#1777d9 !important} .th-select-down .fa-ico,  .th-select-up .fa-ico {color:#1777d9 !important}
.th-select-up .fa-sort-down {display:none} .th-select-up .fa-sort-up {display:block; vertical-align: middle; margin-top:4px}
.th-select-up .btn-sort {vertical-align: top}

.tb-row {width:100%; border:none; border-spacing: 0;background-color:transparent}
.tb-row tr {border-top:1px solid #e1e1e1;background-color:transparent}
.tb-row tr:first-child {border-top:none}
.tb-row tr:nth-child(2n) {background:transparent}
.tb-row tr:hover{background-color:transparent}
.tb-row td{border-right:1px solid #e1e1e1; border-left:none; border-top:none; border-bottom:none}
.tb-row td:last-child {border-right:none}

.tb-col {width:100%; border:none; border-spacing: 0;background-color:transparent}
.tb-col td, .tb-col th {border:1px solid #e1e1e1;border-collapse:collapse}
.tb-col tr {background-color:transparent}
.tb-col th {background:#f2f3f6; font-size:12px; color:#000; text-align:left;padding-left:10px}
.tb-col td {font-size:12px;line-height:1.3em; letter-spacing:-0.05em;padding:5px 3px 6px 7px;}
.tb-col-mid th{vertical-align:middle;padding-top:6px;padding-bottom:6px}
.tb-col-mid td{vertical-align:middle;padding-top:6px;padding-bottom:6px}
.tb-col-h span{display:inline-block}

.tb-form {width:100%; border:none; border-spacing: 0}
.tb-form tr {border-bottom:1px solid #e1e1e1;}
.tb-form th{position:relative; padding:0 0 0 23px; text-align:left; font-size:13px; font-weight:700; border-right:1px solid #e1e1e1; background:#f5f6f8; vertical-align:middle}
.tb-form td {padding:8px 15px }
.tb-form td select {height:31px}
.tb-form .upload-img {width:300px; height:300px; border:1px solid #e1e1e1; margin-bottom:10px}
.tb-form .upload-img img {width:300px; height:300px;}

.tb-sort {position:relative; margin-bottom:5px; overflow:hidden; clear:both}
.tb-sort .bar-left {float:left; margin:12px 0 0 3px; vertical-align:top; line-height:1em}
.tb-sort .bar-left span {vertical-align:top}
.tb-sort .bar-left em {color:#ea3939; vertical-align:top; line-height:1em}
.tb-sort .bar-left2 {float:left; margin:3px 0 0 2px}
.tb-sort .bar-right {float:right; margin:3px 0 0 0}
.tb-sort .bar-txt-right {float:right; margin:15px 0 0 0}

/* page style*/
.page-comm {margin-top:10px; text-align:center}
.page-comm .btn-page  {display:inline-block;  width:31px; height:31px; margin:0 1px}
.page-comm .btn-page a {display:block; width:29px; height:22px;  border:1px solid #cbcbcb; text-align:center; padding-top:7px;}
.page-comm .on {height:23px; background:#3e3a35;  color:#FFF; padding-top:8px;}
.page-comm .btn-page a:hover {background:#3e3a35;  border:1px solid #3e3a35; color:#FFF; text-decoration:none}
.page-comm  > a {vertical-align:top}
.page-comm .btn-page-s  {display:inline-block;  width:31px; height:31px; margin:0 1px; background:#f3f3f3}
.page-comm .btn-page-s .pn {display:block; width:29px; height:22px;  border:1px solid #cbcbcb; text-align:center; padding-top:7px;}
.page-comm .btn-page-s .pn:hover {background:#3e3a35;  border:1px solid #3e3a35; color:#FFF; text-decoration:none}
.page-comm .btn-page-s .pn span {display:none}
.page-comm .btn-page2  {display:inline-block; width:29px; height:22px;  border:1px solid #cbcbcb; text-align:center; padding-top:7px; margin:0 1px}
.page-comm .btn-page2:hover {background:#3e3a35;  border:1px solid #3e3a35; color:#FFF; text-decoration:none}
.page-comm .btn-page2 span {display:none}
.page-comm .btn-page-next {margin-left:10px}
.page-comm .btn-page-prev {margin-right:10px}



/* tab style */
.tab-comm {position:relative; height:35px; border-bottom:1px solid #e1e1e1;}
.tab-comm ul {position:absolute; height:34px; top:0; left:0; }
.tab-comm ul li {float:left; }
.tab-comm ul li .tab-link {display:block; padding:10px 40px 0 40px; height:24px; background:#f9f9f9; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-bottom:none; font-size:14px;font-weight:500; color:#000; text-decoration:none; text-align:center;cursor:pointer}
.tab-comm ul li:first-child .tab-link {border-left:1px solid #e1e1e1;margin-left:5px}
.tab-comm ul li .tab-link:hover {background:#666; color:#FFF; border-right:1px solid #666; border-top:1px solid #666;border-left:1px solid #666; }
.tab-comm ul li.selected .tab-link {background:#FFF;  height:25px; border-top:1px solid #323232; border-left:1px solid #323232; border-right:1px solid #323232;}
.tab-comm ul li.selected .tab-link:hover {background:#FFF; color:#000}

.tab-line {margin-bottom:10px}
.tab-line::after {clear:both;content:"";display:block;}
.tab-line li {float:left; padding:10px 5px 5px 5px; margin:0 5px; letter-spacgin:-0.05em; cursor:pointer}
.tab-line li.selected {border-bottom:2px solid #ea3939; color:#000}
.tab-line li:hover {border-bottom:2px solid #ea3939; color:#000}

/* layout */
/* 스크롤 수정 ) -- kjy  */
.conBody { padding:0 15px 0px 15px; margin-top:5px}
.conBody-register {padding-right:235px}
.list-screen-div {position:relative; padding-right:305px}
.list-screen-div .screen-cell {position:absolute; width:295px; right:0; top:0}
.list-screen-div .screen-cell thead.th-gap th {height:35px}
.list-screen-div2 {position:relative; padding-left:315px}
.list-screen-div2 .screen-cell {position:absolute; width:305px; left:0; top:0}
.list-screen-div2 .screen-cell thead th {}
.list-screen-div3 {position:relative; padding-left:485px}
.list-screen-div3 .screen-cell {position:absolute; width:475px; left:0; top:0}
.list-screen-div3 .screen-cell thead th {}
.list-screen-div4 {position:relative; padding-left:980px}
.list-screen-div4 .screen-cell {position:absolute; width:980px; left:0; top:0}
.list-screen-div4 .screen-cell thead th {}
.order-check-w {position:relative; padding-right:315px}
/* 마감관리 ) -- kjy -- 탭 height 수정 109 -> 79  */
.order-check-w .check-con {position:absolute; width:305px; right:0; top:0; height:109px; border:1px solid #E1E1E1}
.order-check-w .check-con h3 {position:relative; font-weight:bolder; background:#f3f3f3; color:#000; padding:3px 5px; font-size:12px; letter-spacing:-0.05em; border-bottom:1px solid #E1E1E1}
.order-check-w .check-con textarea {width:100%; height:82px; border:none; padding:3px; font-size:12px; color:#1777d9;letter-spacing:-0.05em;}
.fix-bar {position:fixed; z-index:99; bottom:0; left:0; width:100%;height:48px; border-top:1px solid #c9c9c9; background:#ececec}
.fix-bar-top {position:fixed; z-index:99; top:0; left:0; width:100%;height:48px; border-top:1px solid #c9c9c9; background:#ececec}
.fix-bar .bar-left, .fix-bar-top .bar-left  {float:left; margin:7px 0 0 30px}
.fix-bar .bar-right, .fix-bar-top .bar-right {float:right; margin:7px 30px 0 0}
.f-l{float:left} .f-r{float:right}
.c-b::after {clear:both;content:"";display:block;}
.o-f-s{overflow-y:auto}
.col-w-0{width: 100%}
.col-w-1{width: 8.33333333%}
.col-w-2{width: 16.66666667%}
.col-w-3{width: 20%}
.col-w-4{width: 25%}
.col-w-5{width: 33.33333333%}
.col-w-6{width: 41.66666667%;}
.col-w-7{width: 50%}
.col-w-8{width: 58.33333333%}
.col-w-9{width: 66.66666667%}
.col-w-10{width: 75%}
.col-w-11{width: 80%;}
.col-w-12{width: 83.33333333%;}
.col-w-13{width: 91.66666667%;}
.col-w-14{width: 57%;}
.col-w-15{width: 10%;}
.col-w-16{width: 30%;}
.col-w-17{width: 31%;}
.col-w-18{width: 32%;}
.col-w-19{width: 13%;}
.max-w-5 {max-width:500px}.max-w-6 {max-width:600px}.max-w-7 {max-width:700px}.max-w-8 {max-width:800px}.max-w-9 {max-width:900px}.max-w-10 {max-width:1000px}.max-w-11 {max-width:1100px}.max-w-12 {max-width:1200px}.max-w-13 {max-width:1300px}.max-w-14 {max-width:1400px}.max-w-15 {max-width:1500px}
.min-w-8{min-width:800px}.min-w-9{min-width:900px}.min-w-10{min-width:1000px}.min-w-11{min-width:1100px}.min-w-12{min-width:1200px}.min-w-13{min-width:1300px}.min-w-14{min-width:1400px}.min-w-15{min-width:1500px}.min-w-18{min-width:1800px}.min-w-20{min-width:2000px}.min-w-25{min-width:2500px}
.max-h-3 {max-height:300px}.max-h-4 {max-height:400px}.max-h-5 {max-height:500px}

/* popup style */
.mask {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.8);z-index:100}
.popup-wrap {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.8)}
.popup-comm {position:absolute;left:50%;top:50%;background:#FFF;z-index:101}
.popup-comm .con {position:relative; width:100%; height:100%}
.popup-comm .btn-close {position:absolute; top:10px; right:10px; width:31px; height:31px; background:url(/assets/images/btn_pop_close.png.png) no-repeat 0 0}
.popup-comm .btn-close span{display:none}
.popup-comm .pop-tit {height:30px; padding:20px 0 0 25px; font-size:20px; font-weight:400; border-bottom:1px solid #e1e1e1}
.popup-comm .popup-body {padding:22px 35px}
.popup-index-9 {z-index:90}.popup-index-10 {z-index:100}.popup-index-10-5 {z-index:105}.popup-index-11 {z-index:110} .popup-index-115 {z-index:115}.popup-index-116 {z-index:116}.popup-index-117 {z-index:117}.popup-index-12 {z-index:120} .popup-index-99 {z-index:990}
.ui-datepicker {z-index:10000 !important}

.popup-info {display:none; pposition:absolute;lleft:-5px; border:1px solid #888888;background:#FFF; z-index:101}
.popup-info .con{position:relative;padding:10px;width:auto; height:auto; overflow:hidden}
.popup-info h4{font-size:13px; color:#000; margin-bottom:10px}
.popup-info .popup-body { font-size:12px; color:#666; padding:0;line-height:1.65em}
.popup-info .btn-pop-info {position:absolute;top:5px;right:5px;background:#FFF}
.popup-order-name {left:97%; top:-10px; text-align:left}
.popup-order-name dl {margin-bottom:10px}
.popup-order-name dt {float:left; width:27%; margin-bottom:4px}
.popup-order-name dd {float:left; width:73%; margin-bottom:4px; color:#000; min-height:20px}
.popup-waybill-align {right:0; left:auto; top:-10px; text-align:left}
.popup-waybill-align dl {margin-bottom:10px}
.popup-waybill-align dt {float:left; width:75%; margin-bottom:4px}
.popup-waybill-align dd {float:left; width:25%; margin-bottom:4px; color:#000}
.tooltipster-sidetip .tooltipster-content {padding:9px !important}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {margin-left:0px !important}
.tooltipster-sidetip .tooltipster-box {border:1px solid #888888 !important; background:#FFF !important}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {left:-8px !important}
.tooltipster-sidetip .tooltipster-arrow-border {border: 9px solid transparent !important; left:1px  !important; border-right-color:#222 !important}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {border: 9px solid transparent !important; left:2px !important; border-right-color:#FFF !important}

.pop-div-1 {width:500px; height:500px; margin-left:-250px; margin-top:-250px}
.pop-div-2 {width:800px; height:620px; margin-left:-400px; margin-top:-310px}
.pop-div-3 {width:1000px; height:630px; margin-left:-500px; margin-top:-310px}
.pop-div-4 {width:680px; height:560px; margin-left:-340px; margin-top:-280px}
.pop-div-5 {width:500px; height:360px; margin-left:-250px; margin-top:-180px}
.pop-div-6 {width:500px; height:280px; margin-left:-250px; margin-top:-140px}
.pop-div-7 {width:1000px; height:740px; margin-left:-500px; margin-top:-370px}
.pop-div-8 {width:400px; height:200px; margin-left:-200px; margin-top:-100px}
.pop-div-9 {width:350px; height:400px; margin-left:-175px; margin-top:-200px}
.pop-div-10 {width:680px; height:480px; margin-left:-340px; margin-top:-240px}
.pop-div-11 {width:800px; height:740px; margin-left:-400px; margin-top:-370px}
.pop-div-12 {width:500px; height:450px; margin-left:-250px; margin-top:-225px}
.pop-div-13 {width:800px; height:500px; margin-left:-400px; margin-top:-250px}
.pop-div-14 {width:500px; height:560px; margin-left:-250px; margin-top:-280px}
.pop-div-15 {width:350px; height:300px; margin-left:-175px; margin-top:-150px}
.pop-div-16 {width:1060px; height:630px; margin-left:-530px; margin-top:-310px}
.pop-div-17 {width:500px; height:400px; margin-left:-250px; margin-top:-200px}
.pop-div-18 {width:800px; height:400px; margin-left:-400px; margin-top:-200px}
/* 내부 scroll */
.scroll-comm {width:100%;overflow-y:auto}

/* 상품관련 */
.prod-summary {position:relative; padding:20px 25px 0 25px; text-align:left}
.prod-summary dt {font-size:15px;  font-weight:300; color:#000; letter-spacing:-0.05em; font-weight:500}
.prod-summary dd {font-size:12px; margin-bottom:6px}
.prod-summary dd.prod-name {margin:10px 0 12px 0; padding-bottom:12px; font-size:18px; color:#666; border-bottom:1px solid #e1e1e1; letter-spacing:-0.05em; font-weight:700;word-break: break-all;}
.prod-summary dd.prod-num {position:absolute; right:25px; top:20px; vertical-align:bottom}
.prod-summary dd.prod-num em {color:#ef2828; font-size:23px; font-weight:400; line-height:10px}
.ico-expiry-date {position:relative; display:inline-block; width:78px; height:21px; margin:2px 0 ; padding-right:36px; background:#e9e9e9; text-align:center; line-height:21px; color:#666666}
.ico-expiry-date em{position:absolute; display:inline-block; right:0; width:36px; height:21px; background:#dadada; text-align:center; font-weight:bold}
.ico-expiry-date:hover {background:#2769d6; color:#FFF}
.ico-expiry-date:hover em{background:#484540; color:#FFF}
.ico-location  {position:relative; display:inline-block; width:60px; height:21px; margin:2px 0 ; background:#77726b; text-align:center; line-height:21px; color:#FFF;font-size:11px; letter-spacing:-0.05em}
.ico-location em{position:absolute; display:inline-block; right:0; width:36px; height:21px; background:#dadada; text-align:center; font-weight:bold}
.date-shortage {background:#e3edf7} .date-shortage em {background:#c7ddf2}

/* 오더등록 상세검색 */
/* 오더상세 28) -- kjy */
.register-side {position:absolute; top:48px; right:15px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; width:200px; min-height:945px;}
.register-master {width:100%; border:none; margin:10px 0 0;}
.register-master th {background:#3673B9; font-weight:bolder; border-right:1px solid #FFF; border-bottom:1px solid #FFF; color:#FFF; font-size:12px; padding:3px 0}
.register-master th:last-child {border-right:none}
.register-master td {background:#4A8BD5; border-right:1px solid #FFF; color:#FFF; font-size:12px; text-align:center; padding:3px 0}
.register-master td:last-child {border-right:none}
/* 오더상세 28) -- kjy */
.register-side dt {position:relative; height:22px; padding-left:8px; font-weight:bolder; padding-top:4px; background:#e9ebef; border-bottom:1px solid #e1e1e1; font-size:12px; color:#333}
.register-side dt button {position:absolute; right:8px; top:5px}
.register-side dd textarea {border:none; width:100%; height:75px; padding:6px; font-size:12px; color:#666; line-height:1.2em; letter-spacing:-0.05em; overflow-y:scroll}
.register-side dd.complain-list {padding:7px; overflow-y:auto; height:85px;}
.register-side dd.complain-list li {margin-bottom:5px; font-size:12px; line-height:1.2em; vertical-align:middle; letter-spacing:-0.05em}
.register-side dd.complain-list li span {vertical-align:top}
.register-side dd.memo {padding:7px; overflow-y:auto; height:60px; border-bottom:1px solid #e1e1e1}
.register-side .tb-comm {border:none}
.register-side .tb-comm td {padding:0}
.register-side .tb-comm td:first-child {border-left:none}
.register-side .tb-comm td:last-child {border-right:none}


    /* 발주 상세검색 */
.prod-detail-search {position:relative; width:640px;  padding:10px 20px 48px 20px}
.prod-detail-search .prod-linked-tit {height:72px; border-bottom:1px solid #e1e1e1}
.prod-detail-search .prod-linked-tit dt{float:left; width:70px; font-size:14px; color:#000; font-weight:700; margin-bottom:5px}
.prod-detail-search .prod-linked-tit dd{float:left; width:400px; font-size:14px; margin-bottom:5px}
.prod-detail-search .prod-linked-tit::after{clear:both;content:"";display:block;}
.prod-detail-search .prod-linked-tb {width:640px; height:280px; overflow-y:scroll}
.prod-detail-search fieldset{position:relative; padding-right:83px; padding-bottom:18px; margin-top:23px; margin-bottom:10px; border-bottom:1px solid #e1e1e1}
.prod-detail-search label {float:left;font-size:12px;padding-top:5px}
.prod-detail-search .btn-link-search {position:absolute; top:0; right:0; width:80px; height:66px}
.prod-detail-search .btn-link-search span {display:none}
.prod-detail-search .btn-link-search .fa-ico {font-size:19px}
.prod-detail-search .sb {position:relative; padding:0 0 5px 0 ;  overflow:visible}
.prod-detail-search .sb::after{clear:both;content:"";display:block;}
.prod-detail-search .sb:last-child{padding-bottom:0}
.prod-detail-search .sb-col  {display:block; float:left}
.prod-detail-search .sb-col > span {display:block; position:relative; padding-right:7px}
.prod-detail-search .sb select {height:29px}

.pop-search {position:relative;  }
.pop-search fieldset{position:relative; padding-right:73px;}
.pop-search .sb {position:relative; padding:0 0 5px 0 ;  overflow:visible}
.pop-search .sb::after, .pop-search .sb::after{clear:both;content:"";display:block;}
.pop-search .sb:last-child {padding-bottom:0}
.pop-search .sb-col {display:block; float:left}
.pop-search .sb-col > span {display:block; position:relative; padding-right:7px}
.pop-search input[type='text'] {height:24px}
.pop-search .btn-link-search {position:absolute; top:0; right:0; width:70px; height:26px}
.pop-search .btn-link-search span {display:none}
.pop-search .btn-link-search .fa-ico {font-size:14px}

.prod-bookmark { padding:10px 20px 48px 20px}
.prod-bookmark .prod-linked-tb {width:640px; height:380px; overflow-y:auto}

.release-linked-tb {width:930px; height:245px; overflow-y:auto}

.release-state {overflow:hidden}
.release-state li{float:left;  background:#777; color:#FFF }
.release-state li.on {background:#3c5ea1}
.release-state li span {display:block; float:left; height:23px; padding:5px 12px 0 12px }
.release-state li span.time {background: #6275bb;}
.release-state li  .fa-ico {background:#FFF; color:#666; padding:8px 10px 0 10px; height:20px}

.excel-log {  border-left:1px solid #e1e1e1; background:#fbfbfb;  height:100% }
.excel-log h4 {position:relative;color:#000;background:#fbfbfb;border-bottom:1px solid #e0e0e0;font-size:13px;text-indent:12px;height:28px;line-height:28px}
.excel-log ul {overflow-y:auto}
.excel-log ul li {padding:9px 0 10px 0; border-bottom:1px solid #e0e0e0;overflow:hidden}
.excel-log ul li .log-num {float:left;width:30px;text-align:center}
.excel-log ul li .log-list {float:left;width:295px;}
.excel-log ul li .log-list .log-con {color:#000; font-size:12px; letter-spacing:-0.05em}
.excel-log ul li .log-list .log-con em {color:#ea3939}
.excel-log ul li .log-list .log-con span{color:#666; font-size:12px}
.excel-log ul li .log-list .log-sub-con{color:#666; font-size:11px}

.release-thum {overflow:hidden;margin-bottom:7px}
.release-thum li {float:left;font-size:20px;color:#222; letter-spacing:-0.05em; line-height:1em}
.release-thum li:nth-child(1) {width:25%} .release-thum li:nth-child(2) {width:16%} .release-thum li:nth-child(3) {width:14%} .release-thum li:nth-child(4) {width:22%} .release-thum li:nth-child(5) {width:23%}
.release-thum li span {display:block;font-size:10px;color:#777; margin-bottom:4px}
.release-thum li input{height:20px} .release-thum li select {height:22px}
.tb-thum {width:100%; border:none; border-spacing: 0;background-color:transparent}
.tb-thum th{padding:4px 0 6px 0; font-size:12px; color:#555; text-align:left}
.tb-thum td{padding:4px 8px 6px 8px; font-size:12px; color:#222; background:url(/assets/images/ico-colon.png) no-repeat 0 9px}
.ad-memo {overflow:hidden; background:#e6ebf7; padding:7px;margin-top:7px}
.ad-memo dt{float:left; width:8%; text-indent:5px}
.ad-memo dd{float:left; width:92%; color:#000; line-height:1.4em}
.ad-memo dd span{margin-right:7px}


/* 사용자설정 */
.tab-box{position:relative;border:1px solid #e1e1e1; min-height:400px}
.tab-box .tab-side {position:absolute;left:0;top:0;width:130px}
.tab-box .tab-side li{border-bottom:1px solid #e1e1e1}
.tab-box .tab-side li .tab-link {position:relative;display:block;line-height:40px; text-indent:15px; cursor:pointer}
.tab-box .tab-side li .tab-link i{position:absolute;display:none;top:10px;right:10px;font-size:17px;color:#FFF}
.tab-box .tab-side li.selected .tab-link, .tab-box .tab-side li .tab-link:hover {background:#3c5ea1;color:#FFF}
.tab-box .tab-side li.selected .tab-link i,  .tab-box .tab-side li .tab-link:hover i {display:block}
.tab-box .tab-view-w {margin-left:130px;border-left:1px solid #e1e1e1; min-height:400px}
.tab-box .tab-view-w .tab-view {padding:20px}
.tab-box .tab-view-w .tab-view .user-m {border-bottom:1px solid #e1e1e1; padding-bottom:30px; margin:10px 0 20px 0}
.tab-box .tab-view-w .tab-view .user-m:last-child{border-bottom:none}
.tab-box .tab-view-w .tab-view .user-m dt {font-size:15px; color:#000}
.tab-box .tab-view-w .tab-view .user-m dd {margin-top:15px;margin-left:10px}
.tab-box .tab-view-w .tab-view .user-m dd.sub-txt {font-size:12px; color:#888; margin-top:20px; line-height:1.5em}

.tab-box .tab-view-w .tab-view .admin-m {border-bottom:1px solid #e1e1e1; padding-bottom:30px; margin:10px 0 20px 0}
.tab-box .tab-view-w .tab-view .admin-m:last-child{border-bottom:none}
.tab-box .tab-view-w .tab-view .admin-m dt {display:inline-block;min-width:100px;font-size:15px; color:#000}
.tab-box .tab-view-w .tab-view .admin-m dd {display:inline-block; margin-left:20px}
.tab-box .tab-view-w .tab-view .admin-m dd.alt {display:block;margin-top:20px; margin-left:15px}
.tab-box .tab-view-w .tab-view .admin-m dd.sub-txt {font-size:12px; color:#888; margin-top:20px; line-height:1.5em}

.tab-view .logo-img {display:table-cell; width:180px; height:180px; border:1px solid #e1e1e1; color:#777; vertical-align:middle; text-align:center}
.tab-view .logo-img  img {max-width:150px}

/* 엑셀서식 편집 */

/* gnb */
.gnb-menu {width:100%; min-width:1100px; position:relative; height:50px; background:#2e2e2e}
.gnb-menu .gnb-logo {float:left; padding:0 5px 0 17px; margin-top:8px; font-size:24px; font-family:'Noto Sans KR','맑은 고딕'; font-weight:bold; color:#DCDCDC} .gnb-menu .gnb-logo a {color:#DCDCDC; text-decoration:none}
.gnb-menu .gnb-menu-w {float:left;}
.gnb-menu .gnb-menu-con{position:relative; float:left; margin-left:15px; }
.gnb-menu .gnb-menu-con .gnb-menu-link{display:block; padding:18px 8px 10px 8px; height:22px; color:#FFF;font-size:15px}
.gnb-menu .gnb-menu-con .gnb-menu-link:hover{text-decoration:none;color:#a4c7fd}
.gnb-menu .gnb-layer {display:none; position:absolute;width:140px;background:#2E2E2E; padding:0 0; top:50px; left:-2px; z-index:1002}
.gnb-menu .gnb-layer.gl01 {width:180px}
.gnb-menu .gnb-layer .gnb-layer-link {}
.gnb-menu .gnb-layer .gnb-layer-link a{display:block;padding:5px 10px; color:#fff;font-size:11px}
.gnb-menu .gnb-layer .gnb-layer-link a:hover{text-decoration:none; color:#fff;background:#1777d9}

.user-w {position:absolute; right:15px; top:22px; text-align:right; color:#FFF }
.user-w .user-name {display:inline-block; font-size:11px; height:14px; vertical-align:middle; line-height:1em}
.user-w .user-name .fa-ico {font-size:11px; margin-top:1px}
.user-w .btn-logout {margin-left:10px; background:transparent;color:#FFF;padding:0;font-size:11px}
.user-w .btn-logout:hover {background:#3c5ea1}
.user-w .btn-logout .fa-ico {font-size:13px}
.user-w .btn-nosnos-more {margin-left:10px; background:transparent;color:#FFF;padding:0;font-size:11px}
.user-w .btn-nosnos-more .fa-ico {font-size:13px}
.user-w .btn-nosnos-more:hover {background:#3c5ea1}
.chrome-info {position:absolute; right:15px; top:6px; font-size:11px; text-align:right;  letter-spacing: -0.05em; color:#c1c1c1}
#cLayermore {left:auto; right:0; width:185px}
#cLayermore .gnb-layer-link a {text-align:left; font-size:13px; padding: 8px 10px;}
#cLayermore .gnb-layer-link:first-child {border-bottom:1px solid #e1e1e1}

.gnb-sub-menu {position:relative;min-width:1020px; height:39px; background:#EFEBE2; border-bottom:1px solid #B5B5B4}
.gnb-sub-menu ul {position:absolute; top:13px; left:20px; height:27px }
.gnb-sub-menu ul li {float:left}
.gnb-sub-menu ul li a {display:inline-block; height:27px; padding:7px 10px 0 10px; box-sizing:border-box; min-width:94px; background:#F8F6F4; border-right:1px solid #B5B5B4; border-top:1px solid #B5B5B4; border-bottom:1px solid #B5B5B4; border-radius:4px 4px 0 0; font-size:12px; color:#000; line-height:1em; letter-spacing:-0.05em; text-align:center; text-decoration:none}
.gnb-sub-menu ul li:first-child a {border-left:1px solid #B5B5B4}
.gnb-sub-menu ul li a:hover {color:#D82727; background:#FFF; border-bottom:1px solid #fff}
.gnb-sub-menu ul li a.select {color:#D82727; background:#FFF; border-bottom:1px solid #fff; font-weight:bolder}

.side-log {display:none;position:absolute; top:50px; right:0; border-left:1px solid #2f2f2f; background:#fbfbfb; width:225px; height:100%; z-index:98}
.side-log h4 {position:relative;color:#000;background:#fbfbfb;border-bottom:1px solid #e0e0e0;font-size:15px;text-indent:12px;height:39px;line-height:40px}
.side-log .btn-log-close{position:absolute;right:5px;top:5px;width:30px;height:30px;background:url(/assets/images/btn_pop_close.png.png) no-repeat 50% 50%}
.side-log .btn-log-close span {display:none}
.side-log ul {overflow-y:auto}
.side-log ul li {padding:12px 0; border-bottom:1px solid #e0e0e0;overflow:hidden}
.side-log ul li .time {float:left;width:55px;}
.side-log ul li .log-list {float:left;width:170px;}

/* login */
#loginWrap {overflow:hidden; position:relative; width:100%; background-image:url(/assets/images/bg_login.jpg); background-size:cover; background-repeat:no-repeat}
.login-admin { background-image:url(/assets/images/bg_login3.jpg) !important; background-size:cover; background-repeat:no-repeat}
#loginWrap h1 {color:#000; font-size:31px; font-family:'Noto Sans KR','맑은 고딕'; font-weight:bolder; text-align:center; line-height:0.9em; letter-spacing:0.05em}
#loginWrap .sub-copy {text-align:center; margin-top:10px; font-weight:bolder; color:#000; margin-bottom:20px}
#loginWrap .login-w {position:absolute; top:50%; left:50%; margin-top:-230px; margin-left:-150px; width:300px;}
#loginWrap .login-w .login-txt {color:#f9f9f9; font-size:12px}
#loginWrap .login-w fieldset .login-input {width:300px;height:40px;background:#FFF !important;border:none;}
#loginWrap .login-w fieldset .login-input span {width:32px; display:inline-block; text-align:center; margin-left:4px}
#loginWrap .login-w fieldset .login-input .fa-ico {margin-top:13px; color:#222222; font-size:15px}
#loginWrap .login-w fieldset .login-input input {border:none; border-left:1px solid #e1e1e1;background:#FFF !important; margin-top:6px; height:28px; width:238px; text-indent:7px; font-size:15px}
#loginWrap .login-w .btn-login {width:300px; height:45px; border-radius:4px; background:#346AFF; color:#FFF; line-height:45px; font-size:15px; border:none; margin-top:10px; cursor:pointer}
#loginWrap .login-w .btn-login-join {display:inline-block;width:300px; height:36px; border-radius:4px; background:#272727; color:#FFF; text-align:center; line-height:35px; font-size:14px; border:none; margin-top:10px; cursor:pointer; text-decoration:none}
#loginWrap .login-w .login-sub-btn {margin-top:10px; color:#000; font-size:12px}
#loginWrap .login-w .login-sub-btn a {color:#f9f9f9; font-size:12px; margin:0 3px}
#loginWrap .login-w .login-sub-btn span {font-size:10px}
#loginWrap .login-w .login-sub-btn input {vertical-align:middle}
#loginWrap .login-w .login-sub-btn label {color:#000; font-size:12px}
#loginWrap .login-copy {position:fixed; width:450px; left:50%; bottom:50px; margin-left:-225px; text-align:center;color:#f3f3f3;margin-top:35px;font-size:12px}
#loginWrap .login-copy2 { text-align:center;color:#f3f3f3;margin-top:15px;font-size:12px}
#loginWrap .chrome-down {text-align:center;color:#fff;margin-top:50px;vertical-align: top;font-size:12px}
#loginWrap .chrome-down a:hover{text-decoration:none}

#loginWrap .join-w::after {display:table }
#loginWrap .join-w {/*position:absolute; left:50%; top:50%; margin-left:-235px; margin-top:-350px;  */ margin:0 auto; width:470px; background:rgba(256,256,256,0.95);border-radius:5px; padding:25px 25px}
#loginWrap .join-w h1 {text-align:left; font-size:22px}
#loginWrap .join-w .btn-join {width:100%; height:45px; border-radius:4px; background:#346AFF; color:#FFF; line-height:45px; font-size:15px; border:none; margin-top:10px; cursor:pointer}
#loginWrap .join-w .btn-login-join {margin-top:20px; text-align:right;}
#loginWrap .join-w .btn-login-join button {background:none; border:none; color:#000; text-decoration:underline}
.join-w .join-box {}
.join-w .join-box h2 {position:relative; font-size:32px; color:#000; font-weight:500; line-height:1.3em}
.join-w .join-box h2 > span {position:absolute; display:block; top:14px; right:0; font-size:12px}
.join-w .join-box h3 {position:relative; font-size:20px; font-weight:400; padding-top:15px; margin:30px 0 10px 0; color:#000; line-height:1.3em}
.join-w .join-box h3 > span {display:block; color:#888; font-size:12px}
.join-w .join-box dl {margin-top:15px}
.join-w .join-box dl::after {display:table; content:''; clear:both}
.join-w .join-box dt {float:left; width:100px; font-size:12px; color:#000; margin-top:10px;letter-spacing:-0.05em}
.join-w .join-box dt span {font-size:11px; font-weight:400; color:#1777d9; margin-left:5px}
.join-w .join-box dd {float:left; width:370px;  position:relative; margin:3px 0 5px 0 }
.join-w .join-box dd::after{display:table; content:''; clear:both}
.join-w .join-box dd input{height:32px; font-size:17px; color:#000; border-sizing:border-box; border:1px solid #dadada; text-indent:8px; letter-spacing:-0.05em}
.join-w .join-box dd input::placeholder {font-size:14px; color:#888;}
.join-w .join-box dd input:focus {border:1px solid #1777d9}
.join-w .join-box dd input[type="file"] {font-size:13px; text-indent:3px}
.join-w .join-box dd select {height:38px; border:1px solid #dadada;color:#000; font-size:14px; text-indent:7px}
.join-w .join-box dd .btn-id-check{position:absolute; right:0; top:0;   height:32px; background:#666; color:#FFF;text-align:center}
.join-w .join-box dd .join-txt {color:#666; font-size:12px; margin-top:2px; margin-left:5px; letter-spacing:-0.05em}
/* select2*/
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {border:1px solid #cbcbcb; height:24px; border-radius:0}
.select2-container .select2-selection--single .select2-selection__rendered {padding-left:4px; text-align:left}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:23px; color:#555}
.select2-container--default .select2-selection--single .select2-selection__arrow {height:24px}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {padding-left:4px; text-align:left}
.select2-container .select2-selection--multiple {min-height:24px}
.operation-company .ms-drop {width:500px !important}


/* 더보기 */
.btn-more-w{display:inline-block; width:100%; font-size:15px; text-align:center; border:1px solid #d1d1d1; background:#e9e9e9; height:40px}
.btn-more-w:hover {background:#3665c3; border:1px solid #3665c3; color:#FFF}
.btn-more-w .fa-ico{font-size:18px; margin-right:7px}

/* picking sample */
.picking-sample-wrap {width:800px; margin:30px auto; padding-top:40px}
.line-25 .line-hide-30, .line-25 .line-hide-35 {display:none}
.line-30 .line-hide-35 {display:none}

.bbs-view h1 {position:relative; padding:14px 280px 14px 14px; margin:30px 0 10px 0; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#f9f9f9; font-size:16px; color:#333; line-height:1.5em}
.bbs-view h1 > span {position:absolute; display:block; right:17px; top:50%; margin-top:-10px; font-size:12px; color:#666}
.bbs-view h1 > span span {margin-left:12px}
.bbs-view > div {padding:14px; font-size:14px; line-height:1.4em}
.bbs-view > div hr {border:none; border-top:1px solid #e1e1e1}
.bbs-view > div b {font-weight:bolder}
.bbs-view .bbs-file {display:block; border-bottom:1px solid #e1e1e1; padding:0 14px 10px 14px; margin-bottom:20px }


/* 팝업창 */
.win-popup-wrap header{position:relative; background:#ececec; width:100%; height:50px; overflow:hidden}
.win-popup-wrap header::after {content:''; display:table;}
.win-popup-wrap h1 { font-size:18px; color:#000; margin:16px 0 0 15px; font-weight:bolder; letter-spacing:-0.05em}
.win-popup-wrap .btn-close {position:absolute; top:10px; right:10px; width:31px; height:31px; background:url(/assets/images/btn_pop_close.png) no-repeat 0 0}
.win-popup-wrap .btn-close span{display:none}
/* 오더리스트 10) -- kjy */
.win-pop-body {padding:15px;overflow-y:scroll;height:90vh;}

/* 화물사진 등록 */
.cargo-photo-add th {position:relative; text-align:left; padding-left:10px; height:25px}
.cargo-photo-add th button {position:absolute; right:8px; top:8px;}
/* 오더상세 28) -- kjy */
.cargo-photo-add td {height:144px}
.cargo-photo-add td img {max-height:144px; max-width:185px}

/* lms 발송 */
/* 배차관리 5) -- kjy -- grid로 변경  */
.sms-list {margin-top:5px;display:grid;grid-template-columns: 1fr 1fr;}
.sms-list li {float:left; width:90%; margin:0 0.5%; margin-bottom:10px}
.sms-list li textarea {width:100%; height:410px; font-size:12px; line-height:1.2em; border-top:none}

/* 배차관리 5) -- kjy -- grid로 변경  */
.sms-list2 {margin-top:5px;display:grid;grid-template-columns: 1fr 1fr;}
.sms-list2 li {float:left; width:85%; margin:0 0.5%; margin-bottom:10px}
.sms-list2 li textarea {width:100%; height:410px; font-size:12px; line-height:1.2em; border-top:none}


.select-car {position:fixed; bottom:0; left:0; width:100%; height:60px; background:#ececec}
.select-car .select-car-info {float:left; margin:20px 0 0 20px; font-size:16px; color:#000}
.select-car .select-car-info span {vertical-align:top}
.select-car .btn-r-comm {margin:15px 15px 0 0}


/* 권한 */
.permit-list {float:left}
.permit-list dl {margin-right:10px}
.permit-list:last-child  dl{margin-right:0}
.permit-list dl dt {padding:10px; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; background:#ececec; font-size:15px; font-weight:bolder}
.permit-list dl dd {padding:7px 10px; border-bottom:1px solid #d1d1d1; font-size:14x}


.gift-list {width:490px ;margin:0 auto; margin-top:20px}
.gift-list::after {display:table; content:''; clear:both}
.gift-list li {float:left; position:relative; width:120px; height:160px; padding-left:20px; margin-bottom:20px; margin-right:35px}
.gift-list li:nth-child(3n) {margin-right:0}
.gift-list li > label {display:block; width:120px; height:120px; padding-top:40px; line-height:1.3em; border:1px solid #e1e1e1; text-align:center; font-size:18px; font-weight:bolder; color:#000}
.gift-list li input {position:absolute; left:0; top:0}

.btn-radius-9 {border-radius:20px; right:50px; width:16px; height:16px;line-height:12px; text-align:center}

/* 화물진행상태 */
.freight-process {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1}
.freight-process::after {display:table; content:''; clear:both}
.freight-process li{float:left; width:12.5%; height:120px; padding-top:25px; border-left:1px solid #e1e1e1; box-sizing:border-box; text-align:center; font-weight:bolder; color:#333}
.freight-process li.select {color:#ea3939; }
.process-01 {background:url(/assets/images/freight-process_01.jpg) no-repeat 50% 55px}
.process-02 {background:url(/assets/images/freight-process_02.jpg) no-repeat 50% 55px}
.process-03 {background:url(/assets/images/freight-process_03.jpg) no-repeat 50% 55px}
.process-04 {background:url(/assets/images/freight-process_04.jpg) no-repeat 50% 55px}
.process-05 {background:url(/assets/images/freight-process_05.jpg) no-repeat 50% 55px}
.process-06 {background:url(/assets/images/freight-process_06.jpg) no-repeat 50% 55px}
.process-07 {background:url(/assets/images/freight-process_07.jpg) no-repeat 50% 55px}
.process-08 {background:#fcfcfc url(/assets/images/freight-process_08.jpg) no-repeat 50% 55px}


/* css add - kjy 0402 */
.w-100{width: 100% !important;}
.w-90{width: 90% !important;}
.w-87{width: 87% !important;}
.w-80{width: 80% !important;}
.visible-hidden {visibility: hidden !important;}

/* 대시보드 css - kjy  */
.weather-box,.weather-img-box {text-align: center;}
.weather-box .area-info-text {font-size:15px;font-weight:700;line-height:1.25;margin-bottom:8px;color:#111;}
.weather-img-box img {width:100px;height:100px;}
.weather-box .temp-text{font-size:15px;font-weight:600;line-height:1.25;margin-top:5px;color:#333;}

/* 최종) 마감관리 21번 오류 수정 -- kjy -- 1124  */
.d-block {
    display: block !important;
  }
  
  .d-table {
    display: table !important;
  }
  
  .d-table-row {
    display: table-row !important;
  }
  
  .d-table-cell {
    display: table-cell !important;
  }
  
  .d-flex {
    display: flex !important;
  }
  
  .d-inline-flex {
    display: inline-flex !important;
  }