@charset "utf-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0 none; font-style:normal; font-weight:400; text-decoration:none; list-style: none; background:transparent;}
* {box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

html, body {position:relative; width:100%; height:100%; font-family: 'Pretendard'; color:#282828;}
html {scroll-behavior: smooth;}
body {overflow:auto; transition:overflow .3s;}

button, input, textarea {font-family: 'Pretendard';}
a {text-decoration:none; color: #282828;}
button {cursor: pointer;}
caption {text-indent:-9999999px; font-size:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden;}

:root {--main-color: #44D8BB; --sub-color: #5793EA; --default-color: #6b6b6b; --red-color: #f70808; --main-txt-color: #01d1ad;  --sub-txt-color:  #217cff; --red-txt-color:#ff2323;}

.noview {position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; display:none;}
.none-border {border:none !important;}
.none-padding {padding:0 !important;}
.required {font-weight: 600; color: var(--red-color);}
.required-background {background-color:#ffd1d1 !important;}
.required-background > input {background-color:#ffd1d1 !important;}
.required-background > button {background-color:#ffd1d1 !important;}
.required-text {display:inline-block; padding-top:8px; font-size:13.5px; color: var(--red-color);}
.pointer {cursor:pointer;}
.height-auto {height: auto;}


.note-main {color:var(--main-color);}
.note-sub {color:var(--sub-color);}
.note-default {color:var(--default-color);}
.note-red {color:var(--red-color);}

.flex {display:flex;}
.flex-between {display:flex; justify-content:space-between;}
.flex-end {display: flex; justify-content: flex-end;}

button:not(.icon-btn).main-color {background-color: var(--main-color); color:#fff;}
button:not(.icon-btn).sub-color {background-color: var(--sub-color); color:#fff;}
button:not(.icon-btn).default-color {background-color: var(--default-color); color:#fff;}
button:not(.icon-btn).red-color {background-color: var(--red-color); color:#fff;}

.button-secondary.small {font-size: 20px; color:var(--default-color); background:transparent; border: none; border-radius: 7px; margin: 0 3px 0 2px; padding: 0; transition: .3; }
.button-secondary:hover.small {opacity: .8;}

/* title */
.h4-title {position:relative; display:block; font-size:17.5px; font-weight:700; color:#444;}
.h5-title {position:relative; display:block; font-size:16.5px; font-weight:700; color:#333;}
.h6-title {position:relative; display:block; font-size:14px; font-weight:700; color:#333;}

.title-bar {display:flex; justify-content:space-between; width:100%; height:auto; min-height:30px; margin-top:15px; line-height:30px; overflow:hidden;}
.title-bar > div {display:flex;}
.title-bar.none-margin {margin:0;}
.sub-text {padding-left:10px; font-size:15px;}

.txt-semibold {font-weight:600;}
.txt-bold {font-weight:700;}
.txt-center {text-align:center;}


/* table */
.lc-table {display:table; table-layout:fixed; width:100%; height:auto; margin-top:15px; background-color:#fff; border-collapse:collapse; border-spacing:1px;}
.lc-table tr {display: table-row !important;}
.lc-table tr > th,
.lc-table tr > td {position:relative; height:45px; padding: 10px; font-size:15px; border: 1px solid #dedede;}
.lc-table.light tr > th,
.lc-table.light tr > td  {height: 39px; padding: 7px; font-size: 14px;}
.lc-table tr > th {text-align:center; font-weight:600; background-color:#f2f2f2; transform: skew(-0.0001deg);}
.lc-table tr > th > *,
.lc-table tr > td > * {font-size:15px; border-radius:7px; transform: none !important; perspective: none !important;}
.lc-table.light tr > th > *,
.lc-table.light tr > td > * {font-size: 14px;}
.lc-table tr > th > * {font-weight:600;}
.lc-table tr > td > *.readonly {border:1px solid red; border:none; outline:0;}
.lc-table textarea {width: 100%; max-width: 100%; min-height:55px; padding: 10px; border-radius: 2px !important; border: 1px solid #c5c8c8;}
.lc-table textarea:read-only {resize:none;}
.lc-table .lc-input, .inner-list-contents .list-wrap > ul > li .modal-input {height:29px; padding:5px 8px; border:1px solid #c3c3c8; border-radius:7px; background-color: #fff;}
.lc-table.light .lc-input {height: 27px;}
.lc-table .lc-button {min-width:70px; height:30px; padding:5px 8px; border:1px solid #c3c3c8; border-radius:7px;}
.lc-table .lc-icon-button {height:32px; padding:5px 8px; border:1px solid #c3c3c8; border-radius:7px; transition: background .3s;}
.lc-table .lc-button:hover,
.lc-table .lc-icon-button:hover {background-color: #dbdbdb; transition: background .3s;}
.lc-table .chkbox-style {border:1px solid #c5c8c8;}
.lc-table .chkbox input[type="checkbox"]:checked + .chkbox-style {border:2px solid #494949;}

.lc-table .lc-input.readonlycolor {border: 1px solid #c2c2c8; background: #f2f2f2;}

.lc-table tr > td label {transform: none !important;}

.labsituation .lc-table tr > td:first-of-type {text-align: center;}

.pointer-input-wrap {position:relative;}
.pointer-input {position:relative; cursor:pointer;}
.pointer-input-icon {position:absolute; top:50%; right:10px; transform:translateY(-50%); font-size:16px; cursor:pointer;}

.lc-table .pointer-input {background-color:transparent; z-index:1;}

.dlt-btn {height: 30px; padding: 0 5px; font-size:18px !important; line-height: 30px; border: none; background:transparent; border-radius: 7px; transition: opacity .3s;}
.lc-table tbody .dlt-btn {position:absolute; right:10px; padding:0;}
.dlt-btn:hover {opacity:0.6; transition: opacity .3s;}
.dlt-btn > svg {vertical-align:middle;}

.table-scroll-box {position:relative; height:266px; background:#f9f9f9; border-right:1px solid #e7e7e7; box-sizing:border-box; overflow-x:hidden; overflow-y:scroll;  }
.table-scroll-box::before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; box-sizing:border-box;}

.div-scroll-box {position: relative; height: 550px; background: #f9f9f9; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; border-radius: 7px; padding: 20px 25px; margin-top: 20px; line-height: 22px; font-size: 15px;}
.div-scroll-box .div-list {margin: 10px 8px 8px; line-height: 22px;}
.div-scroll-box .div-list li {margin-bottom: 8px;}
.div-scroll-box .div-list .sub-list {margin-left: 15px;}
.div-scroll-box .div-list div {margin-left: 12px;}
.div-scroll-box .div-list div.gray-color {color: #797979;}

.state-txt-box {padding-left:13px;}
.state-txt {font-weight:600;}
.state-txt.main-color {color: var(--main-txt-color);}
.state-txt.sub-color {color: var(--sub-txt-color);}
.state-txt.red-color {color: var(--red-txt-color);}


/* modal */
.modal-on {overflow:hidden !important; transition:overflow .3s;}
.modal-wrap {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 995;}
.modal-inpUsgqty.show {display:block;}
.modal-deleteItem.show {display:block;}
.modal-subdv.show {display:block;}
.modal-editPosInfo.show {display:block;}
.modal-addCtdyBox.show {display:block;}
.modal-appendNode.show {display:block;}

.modal-wrap.inner {z-index:1000;}

.modal {position: absolute;	top: 50%; left: 50%; transform: translate(-50%, -50%); width: 950px; height: auto; padding:0 15px; border-radius: 10px; background-color: rgb(255, 255, 255); box-shadow: 7px 7px 8px rgba(0, 0, 0, 0.15); overflow:hidden;}
.modal.small {width:435px;}
.modal.medium {width:650px;}

.modal-header {display: flex; position:relative; width: 100%; height:60px; padding:15px 10px;}
.modal-header::before {content:""; position: absolute; bottom:0; left:0; width:100%; height:1px; border-bottom:1px solid #cecece;}
	.modal-title {width: calc(100% - 30px); font-size: 18px; font-weight: 600; line-height: 30px;}
	.modal-close-btn {width: 30px; font-size:22px; background-color: transparent; border: none; opacity: 1; transition: .3s;}
	.modal-close-btn:hover {color: var(--sub-color); transform: scale(1.15); transition: .3s;}
.modal-subheader {padding:12px 10px; border-bottom:1px solid #cecece;}
	.modal-subtitle {font-size:15px; font-weight: 600; color: var(--red-color);}
	.modal-subtitle > svg {vertical-align:middle;}
	.modal-message-box {padding:10px 15px; margin-top:10px; border-radius:7px; background-color:#ffd1d1;}
	.modal-message {font-size:14px; font-weight:600;}

.modal-body {width: 100%; /* height:calc(100% - 60px); */ padding:15px 5px; overflow: hidden;}
/* modal flex-content */
.modal.flex-content .modal-body,
.modal.select-content .modal-body {padding: 0;}

.modal-content-inner {max-height: 501px; overflow-x:hidden; overflow-y: auto;}
/* modal flex-content */
.modal.flex-content .modal-content-inner {min-height: 500px; max-height: 500px; overflow: hidden;}
.modal.small .modal-content-inner {max-height: 380px;}

.modal-top-bar {position: relative;}
.modal-top-bar.right {justify-content: end;}
.modal-top-bar::before {content:""; position: absolute; bottom:0; left:0; width:100%; height:1px; border-bottom:1px solid #cecece;}

.modal-footer {position:relative; height:75px; padding:15px 10px; display: flex; justify-content: center;}
.modal-footer.end {justify-content: flex-end;}
.modal-footer::before {content:""; position: absolute; top:0; left:0; width:100%; height:1px; border-top:1px solid #cecece;}
.modal-footer.none-border::before {border:none !important;}
.modal-footer button {width: 135px; height: 40px; font-size: 14.5px; font-weight: 500; color: #fff; border: none; border-radius: 7px; background-color: var(--default-color);transition: opacity .3s;}
.modal-footer button:not(:last-of-type) {margin-right: 5px;}
.modal-footer button:hover {opacity: 0.8; transition: opacity .3s;}

.modal-wrap .list-wrap {margin-right:10px;}

.inner-flex-contents {position:relative; width: 100%; height: 100%; margin-bottom: 15px;}
.modal .inner-flex-contents {margin:0;}
.inner-flex-contents::before {content:""; position: absolute; top:0; left:250px; width:1px; height:100%; border-right: 1px dashed #cecece;}

.modal .inner-flex-contents .inner-left {position:absolute; left: 0; top: 0; width: 250px; height:100%; min-height:500px; max-height:500px; padding:15px 15px 15px 10px; z-index: 100;}/* inner-flex-contents */

.inner-flex-contents .inner-right {width:calc(100% - 250px); height:100%; padding:7px 0 15px 15px; margin-left:250px;}

.modal .inner-flex-contents .content-wrap {min-height:424px; max-height:424px;}
.inner-title {display: flex; padding-bottom:15px;}
.inner-title > p {display: flex; font-size: 16.5px; font-weight:600; align-items: center;}
.inner-title-btn {height: 30px; padding: 0 25px; margin-right:5px; font-size: 16px; white-space: nowrap; color:#fff; background-color: var(--main-color); border:none; border-radius: 7px;}

.sidemenu-wrap {width:100%; height: 100%;  overflow-x:hidden; overflow-y: auto;}
.sidemenu-title {font-size:14.5px; margin: 7px 0;}
.sidemenu-title > span {font-weight: 600;}
.add-menu {display: inline-block; padding-left:2px; color:var(--default-color); transition: color .3s;}
.add-menu:hover {color:#353535; transition: color .3s;}
.sidemenu-box:first-of-type .sidemenu-title {margin-top: 0;}
.sidemenu {width:100%; height:100%;}
.sidemenu li {position: relative; min-height: 27px; margin: 3px 0;}
.sidemenu li > a {display: inline-block;}
.sidemenu li > a > div {position:relative; top:0;}
.sidemenu li .menu-icon {position:absolute; top:3px; width:37px; height:22px; text-align: center; border-radius: 23px; background-color: var(--sub-color); transition: .3s;}
.sidemenu li.on .menu-icon {background-color: var(--main-color); transition: .3s;}
.sidemenu li p:not(.menu-icon) {position:relative; max-width:152px; padding-top:4.2px; margin-left: 43px; font-size: 14.5px; line-height: 18px; word-break: break-all; transition: .3s;}
.sidemenu li:hover p:not(.menu-icon),
.sidemenu li.on p:not(.menu-icon) {font-weight: 700; color: #000; transition: .3s;}
.sidemenu li.on p:not(.menu-icon)::before {content:""; position: absolute; top:8px; right:-6.5px; width: 4px; height:4px; border-radius: 4px; background-color: var(--main-color);}
.sidemenu li .menu-icon svg {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); font-size: 12.5px; color:#fff;}


/* scroll style */
.scroll-style::-webkit-scrollbar {margin-left: 10px; width:8px;}
.scroll-style::-webkit-scrollbar-thumb {background-color: #8e8e8e; border-radius: 10px;}
.scroll-style::-webkit-scrollbar-track {background-color: #e2e2e2; border-radius: 10px;}

.scroll-style2::-webkit-scrollbar {margin: 5px 10px 5px 0; width:15px;}
.scroll-style2::-webkit-scrollbar-thumb {background-color: #8e8e8e; border-radius: 10px;}
.scroll-style2::-webkit-scrollbar-track {background-color: #e8e8e8; border-radius: 10px;} 

/* common, padding reset */
.padding_top0 {padding-top: 0px !important;}
.padding_top5 {padding-top: 5px !important;}
.padding_top10 {padding-top: 10px !important;}
.padding_top15 {padding-top: 15px !important;}
.padding_top20 {padding-top: 20px !important;}
.padding_top25 {padding-top: 25px !important;}
.padding_top30 {padding-top: 30px !important;}
.padding_top35 {padding-top: 35px !important;}
.padding_top40 {padding-top: 40px !important;}
.padding_top45 {padding-top: 45px !important;}
.padding_top50 {padding-top: 50px !important;}
.padding_top55 {padding-top: 55px !important;}
.padding_top60 {padding-top: 60px !important;}
.padding_top65 {padding-top: 65px !important;}
.padding_top70 {padding-top: 70px !important;}
.padding_top75 {padding-top: 75px !important;}
.padding_top80 {padding-top: 80px !important;}
.padding_top85 {padding-top: 85px !important;}
.padding_top90 {padding-top: 90px !important;}
.padding_top95 {padding-top: 95px !important;}
.padding_top100 {padding-top: 100px !important;}

.padding_right0 {padding-right: 0px !important;}
.padding_right5 {padding-right: 5px !important;}
.padding_right10 {padding-right: 10px !important;}
.padding_right15 {padding-right: 15px !important;}
.padding_right20 {padding-right: 20px !important;}
.padding_right25 {padding-right: 25px !important;}
.padding_right30 {padding-right: 30px !important;}
.padding_right35 {padding-right: 35px !important;}
.padding_right40 {padding-right: 40px !important;}
.padding_right45 {padding-right: 45px !important;}
.padding_right50 {padding-right: 50px !important;}
.padding_right55 {padding-right: 55px !important;}
.padding_right60 {padding-right: 60px !important;}
.padding_right65 {padding-right: 65px !important;}
.padding_right70 {padding-right: 70px !important;}
.padding_right75 {padding-right: 75px !important;}
.padding_right80 {padding-right: 80px !important;}
.padding_right85 {padding-right: 85px !important;}
.padding_right90 {padding-right: 90px !important;}
.padding_right95 {padding-right: 95px !important;}
.padding_right100 {padding-right: 100px !important;}

.padding_bottom0 {padding-bottom: 0px !important;}
.padding_bottom5 {padding-bottom: 5px !important;}
.padding_bottom10 {padding-bottom: 10px !important;}
.padding_bottom15 {padding-bottom: 15px !important;}
.padding_bottom20 {padding-bottom: 20px !important;}
.padding_bottom25 {padding-bottom: 25px !important;}
.padding_bottom30 {padding-bottom: 30px !important;}
.padding_bottom35 {padding-bottom: 35px !important;}
.padding_bottom40 {padding-bottom: 40px !important;}
.padding_bottom45 {padding-bottom: 45px !important;}
.padding_bottom50 {padding-bottom: 50px !important;}
.padding_bottom55 {padding-bottom: 55px !important;}
.padding_bottom60 {padding-bottom: 60px !important;}
.padding_bottom65 {padding-bottom: 65px !important;}
.padding_bottom70 {padding-bottom: 70px !important;}
.padding_bottom75 {padding-bottom: 75px !important;}
.padding_bottom80 {padding-bottom: 80px !important;}
.padding_bottom85 {padding-bottom: 85px !important;}
.padding_bottom90 {padding-bottom: 90px !important;}
.padding_bottom95 {padding-bottom: 95px !important;}
.padding_bottom100 {padding-bottom: 100px !important;}

.padding_left0 {padding-left: 0px !important;}
.padding_left5 {padding-left: 5px !important;}
.padding_left10 {padding-left: 10px !important;}
.padding_left15 {padding-left: 15px !important;}
.padding_left20 {padding-left: 20px !important;}
.padding_left25 {padding-left: 25px !important;}
.padding_left30 {padding-left: 30px !important;}
.padding_left35 {padding-left: 35px !important;}
.padding_left40 {padding-left: 40px !important;}
.padding_left45 {padding-left: 45px !important;}
.padding_left50 {padding-left: 50px !important;}
.padding_left55 {padding-left: 55px !important;}
.padding_left60 {padding-left: 60px !important;}
.padding_left65 {padding-left: 65px !important;}
.padding_left70 {padding-left: 70px !important;}
.padding_left75 {padding-left: 75px !important;}
.padding_left80 {padding-left: 80px !important;}
.padding_left85 {padding-left: 85px !important;}
.padding_left90 {padding-left: 90px !important;}
.padding_left95 {padding-left: 95px !important;}
.padding_left100 {padding-left: 100px !important;}

/* common margin reset */
.margin_top0 {margin-top: 0px !important;}
.margin_top5 {margin-top: 5px !important;}
.margin_top10 {margin-top: 10px !important;}
.margin_top15 {margin-top: 15px !important;}
.margin_top20 {margin-top: 20px !important;}
.margin_top25 {margin-top: 25px !important;}
.margin_top30 {margin-top: 30px !important;}
.margin_top35 {margin-top: 35px !important;}
.margin_top40 {margin-top: 40px !important;}
.margin_top45 {margin-top: 45px !important;}
.margin_top50 {margin-top: 50px !important;}
.margin_top55 {margin-top: 55px !important;}
.margin_top60 {margin-top: 60px !important;}
.margin_top65 {margin-top: 65px !important;}
.margin_top70 {margin-top: 70px !important;}
.margin_top75 {margin-top: 75px !important;}
.margin_top80 {margin-top: 80px !important;}
.margin_top85 {margin-top: 85px !important;}
.margin_top90 {margin-top: 90px !important;}
.margin_top95 {margin-top: 95px !important;}
.margin_top100 {margin-top: 100px !important;}

.margin_right0 {margin-right: 0px !important;}
.margin_right5 {margin-right: 5px !important;}
.margin_right10 {margin-right: 10px !important;}
.margin_right15 {margin-right: 15px !important;}
.margin_right20 {margin-right: 20px !important;}
.margin_right25 {margin-right: 25px !important;}
.margin_right30 {margin-right: 30px !important;}
.margin_right35 {margin-right: 35px !important;}
.margin_right40 {margin-right: 40px !important;}
.margin_right45 {margin-right: 45px !important;}
.margin_right50 {margin-right: 50px !important;}
.margin_right55 {margin-right: 55px !important;}
.margin_right60 {margin-right: 60px !important;}
.margin_right65 {margin-right: 65px !important;}
.margin_right70 {margin-right: 70px !important;}
.margin_right75 {margin-right: 75px !important;}
.margin_right80 {margin-right: 80px !important;}
.margin_right85 {margin-right: 85px !important;}
.margin_right90 {margin-right: 90px !important;}
.margin_right95 {margin-right: 95px !important;}
.margin_right100 {margin-right: 100px !important;}

.margin_bottom0 {margin-bottom: 0px !important;}
.margin_bottom5 {margin-bottom: 5px !important;}
.margin_bottom10 {margin-bottom: 10px !important;}
.margin_bottom15 {margin-bottom: 15px !important;}
.margin_bottom20 {margin-bottom: 20px !important;}
.margin_bottom25 {margin-bottom: 25px !important;}
.margin_bottom30 {margin-bottom: 30px !important;}
.margin_bottom35 {margin-bottom: 35px !important;}
.margin_bottom40 {margin-bottom: 40px !important;}
.margin_bottom45 {margin-bottom: 45px !important;}
.margin_bottom50 {margin-bottom: 50px !important;}
.margin_bottom55 {margin-bottom: 55px !important;}
.margin_bottom60 {margin-bottom: 60px !important;}
.margin_bottom65 {margin-bottom: 65px !important;}
.margin_bottom70 {margin-bottom: 70px !important;}
.margin_bottom75 {margin-bottom: 75px !important;}
.margin_bottom80 {margin-bottom: 80px !important;}
.margin_bottom85 {margin-bottom: 85px !important;}
.margin_bottom90 {margin-bottom: 90px !important;}
.margin_bottom95 {margin-bottom: 95px !important;}
.margin_bottom100 {margin-bottom: 100px !important;}

.margin_left0 {margin-left: 0px !important;}
.margin_left5 {margin-left: 5px !important;}
.margin_left10 {margin-left: 10px !important;}
.margin_left15 {margin-left: 15px !important;}
.margin_left20 {margin-left: 20px !important;}
.margin_left25 {margin-left: 25px !important;}
.margin_left30 {margin-left: 30px !important;}
.margin_left35 {margin-left: 35px !important;}
.margin_left40 {margin-left: 40px !important;}
.margin_left45 {margin-left: 45px !important;}
.margin_left50 {margin-left: 50px !important;}
.margin_left55 {margin-left: 55px !important;}
.margin_left60 {margin-left: 60px !important;}
.margin_left65 {margin-left: 65px !important;}
.margin_left70 {margin-left: 70px !important;}
.margin_left75 {margin-left: 75px !important;}
.margin_left80 {margin-left: 80px !important;}
.margin_left85 {margin-left: 85px !important;}
.margin_left90 {margin-left: 90px !important;}
.margin_left95 {margin-left: 95px !important;}
.margin_left100 {margin-left: 100px !important;}
.margin_left110 {margin-left: 110px !important;}
.margin_left115 {margin-left: 115px !important;}

.margin_auto {margin: auto !important;}

.width-100 {width: 100% !important;}
.cancelline { text-decoration:line-through!important; }