@charset "UTF-8";

main > div div.command { display:flex; justify-content:center; gap:20px; }

.ly-item div.memo-box {display:none;}
.ly-item div.memo {display:none;}

html,
body { height:100%; }
body { color:#222; word-break:keep-all; font-family:'Noto Sans Korean', san-serif; }
em { font-style:normal; }

#ly-Body.active { overflow:hidden; }

#ly-Mask { width:100vw; height:100vh; background-color:rgba(0, 0, 0, .75); position:fixed; top:0; left:0; z-index:998; display:none; }

#ly-Layout { height:100%; display:flex; }

#ly-Layout-Side { width:220px; background-color:#555960; display:flex; flex-direction:column; overflow-y:auto; }
#ly-Layout-Side h1 { width:100%; height:150px; min-height:150px; background:url('/img-logo-vertical.svg') center center no-repeat; background-size:100px; text-indent:-99999px; }

#ly-Layout-Main div.scroll { height:100%; overflow:auto; position:relative; }

#ly-Timezone { padding:10px; }
#ly-Timezone div { border:.1px solid rgba(255, 255, 255, .25); text-align:center; font-size:.8125rem; }
#ly-Timezone div:not(:last-of-type) { margin-bottom:10px; }
#ly-Timezone div dt { padding-top:5px; padding-bottom:5px; background-color:rgba(255, 255, 255, .1); color:white; }
#ly-Timezone div dd { padding-top:5px; padding-bottom:5px; color:rgba(255, 255, 255, .75); }

#ly-Navi-Main { flex:1; }
#ly-Navi-Main ul.parent li.parent > button { width:100%; height:65px; padding-left:20px; padding-right:20px; display:flex; align-items:center; line-height:1.2; color:rgba(255, 255, 255, .75); text-align:left; font-weight:500; background:none; border:none; transition:all ease .2s; transition-property:background, color; }
#ly-Navi-Main ul.parent li.parent > button:before { width:20px; height:20px; margin-right:15px; content:''; display:block; background-color:white; opacity:.35; transition:all ease .2s; transition-property:background, opacity; }
#ly-Navi-Main ul.parent li.parent > button:focus,
#ly-Navi-Main ul.parent li.parent > button:hover { background-color:rgba(255, 255, 255, .1); color:white; }
#ly-Navi-Main ul.parent li.parent > button:focus:before { opacity:.5; }
#ly-Navi-Main ul.parent li.parent > button:hover:before { opacity:.75; }
#ly-Navi-Main ul.parent li.parent:focus-within > button { background-color:rgba(255, 255, 255, .2); }
#ly-Navi-Main ul.parent li.parent:focus-within > button:before { opacity:1; }
#ly-Navi-Main ul.parent li.parent.active > button { background-color:#b54442; color:white; }
#ly-Navi-Main ul.parent li.parent.active > button:before { opacity:1; background-color:#f5d2d2; }
#ly-Navi-Main ul.parent li.parent.configure > button:before { -webkit-mask-image:url('/img-navi-configure.svg'); }
#ly-Navi-Main ul.parent li.parent.mypage > button:before { -webkit-mask-image:url('/img-navi-mypage.svg'); }
#ly-Navi-Main ul.parent li.parent.report > button:before { -webkit-mask-image:url('/img-navi-report.svg'); }
#ly-Navi-Main ul.parent li.parent.stock > button:before { -webkit-mask-image:url('/img-navi-stock.svg'); }
#ly-Navi-Main ul.parent li.parent.work > button:before { -webkit-mask-image:url('/img-navi-work.svg'); }
#ly-Navi-Main ul.parent li.parent.mail > button:before { -webkit-mask-image:url('/img-navi-mail.svg'); }
#ly-Navi-Main ul.parent li.parent ul.child { padding-bottom:10px; background-color:rgba(0, 0, 0, .1); display:none; }
#ly-Navi-Main ul.parent li.parent:focus-within ul.child,
#ly-Navi-Main ul.parent li.parent.active ul.child { display:block; }
#ly-Navi-Main ul.parent li.parent ul.child li.child > button { width:100%; padding:15px 15px 15px 55px; display:flex; align-items:center; color:rgba(255, 255, 255, .5); text-align:left; font-size:.875rem; background:none; border:none; transition:all ease .2s; transition-property:background, color; }
#ly-Navi-Main ul.parent li.parent ul.child li.child:focus-within > button,
#ly-Navi-Main ul.parent li.parent ul.child li.child:hover > button,
#ly-Navi-Main ul.parent li.parent ul.child li.child > button:focus,
#ly-Navi-Main ul.parent li.parent ul.child li.child > button:hover { background-color:rgba(255, 255, 255, .05); color:white; }
#ly-Navi-Main ul.parent li.parent ul.child li.child.active > button { background-color:rgba(0, 0, 0, .1); color:white; }
#ly-Navi-Main ul.parent li.parent ul.child li.child ul.baby { margin-left:30px; border-left:2px solid rgba(255, 255, 255, .1); list-style:none; display:none; }
#ly-Navi-Main ul.parent li.parent ul.child li.child:focus-within ul.baby,
#ly-Navi-Main ul.parent li.parent ul.child li.child:hover > ul.baby { display:block; }
#ly-Navi-Main ul.parent li.parent ul.child li.child ul.baby li.baby > button { width:100%; padding:10px 15px 10px 23px; display:flex; align-items:center; color:rgba(255, 255, 255, .5); text-align:left; font-size:.8125rem; background:none; border:none; transition:all ease .2s; transition-property:background, color; }
#ly-Navi-Main ul.parent li.parent ul.child li.child ul.baby li.baby > button:focus,
#ly-Navi-Main ul.parent li.parent ul.child li.child ul.baby li.baby > button:hover { background-color:rgba(255, 255, 255, .1); color:white; }
#ly-Navi-Main ul.parent li.parent ul.child li.child ul.baby li.baby.active > button { background-color:rgba(0, 0, 0, .1); color:white; }
#ly-Navi-Main ul.parent li.parent ul.child li.child.separator { border-top:.1px solid rgba(255, 255, 255, .2); }

#ly-Layout-Main { flex:1; display:flex; flex-direction:column; overflow:hidden; }
#ly-Layout-Main > header { height:50px; padding-left:20px; padding-right:20px; display:flex; align-items:center; border-bottom:.1px solid gainsboro; font-size:.875rem; }
#ly-Layout-Main > header > h2 { flex:1; font-size:.875rem; }
#ly-Layout-Main > header > div.notification { display:flex; align-items:center; }
#ly-Layout-Main > header > div.notification button { width:24px; height:24px; background:url('/bell.svg') transparent; border:none; position:relative; }
#ly-Layout-Main > header > div.notification[data-new='true'] button:before { width:10px; height:10px; content:''; display:block; border:2px solid white; border-radius:50%; background-color:red; position:absolute; top:0; right:0; }
#ly-Layout-Main > header > div:not(:last-of-type) { margin-right:15px; }
#ly-Layout-Main > header > div.button div button { height:32px; padding-left:14px; padding-right:14px; border:2px solid gainsboro; border-radius:99999px; background:none; font-size:.8125rem; }
#ly-Layout-Main > main { flex:1; overflow:hidden; }

/*
#ly-Dialog-Member-Regist *.frame { max-width:1000px; }
#ly-Dialog-Member-Regist div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Member-Regist div.overflow { padding-left:25px; padding-right:25px; }
#ly-Dialog-Member-Regist form fieldset { border:none; }
#ly-Dialog-Member-Regist form fieldset:not(:last-of-type) { margin-bottom:30px; }
#ly-Dialog-Member-Regist form fieldset legend { margin-bottom:15px; font-weight:500; font-size:.9375rem; display:flex; align-items:center; }
#ly-Dialog-Member-Regist form fieldset legend:before { width:18px; height:18px; margin-right:8px; content:''; display:block; background-color:silver; -webkit-mask-image:url('/img-icon-form.svg'); }
*/

#ly-Dialog-Confirm div.wrap { padding:50px 25px; text-align:center; }
#ly-Dialog-Confirm div.overflow { font-weight:300; line-height:1.8; }
#ly-Dialog-Confirm div.overflow span { display:block; }
#ly-Dialog-Confirm div.overflow span.alert { display:block; color:#b54442; }

main.content { }
main.content *.overflow { min-width:600px; padding:30px; }
main.content h3 { font-size:1.25rem; font-weight:500; display:flex; align-items:center; }
main.content h3:before { width:24px; height:24px; margin-right:10px; content:''; display:block; background-color:silver; -webkit-mask-image:url('/img-icon-title.svg'); }
main.content dl.status { margin-bottom:30px; display:flex; }
main.content dl.status div { flex:1; border:2px solid gainsboro; border-radius:6px; font-size:.875rem; text-align:center; overflow:hidden; }
main.content dl.status div:not(:last-of-type) { margin-right:20px; }
main.content dl.status div dt { padding:12px 6px; font-weight:700; background-color:whitesmoke; }
main.content dl.status div dd { padding:12px 6px; }
main.content dl.status div dd b { color:dodgerblue; }
main.content div.status { padding-bottom:30px; margin-bottom:30px; border-bottom:2px dashed gainsboro; display:flex; }
main.content div.status div.date { margin-right:20px; padding-left:30px; padding-right:30px; display:flex; align-items:center; border:2px solid gainsboro; border-radius:6px; }
main.content div.status div.date div { display:flex; align-items:center; color:gray; }
main.content div.status div.date div:not(:last-of-type) { margin-right:20px; }
main.content div.status div.date div select { border:none; font-size:1.25rem; font-weight:500; }
main.content div.status div.detail { flex:1; display:flex; gap:20px; }
main.content div.status div.detail div { flex:1; }
main.content div.status div.detail div button { width:100%; background:none; border:2px solid gainsboro; border-radius:6px; font-size:.875rem; text-align:center; overflow:hidden; }
main.content div.status div.detail div button dl dt,
main.content div.status div.detail div button dl dd { padding:12px 6px; }
main.content div.status div.detail div button dl dt { font-weight:700; background-color:whitesmoke; }
main.content div.status div.detail div button dl dd b { color:dodgerblue; }

main.content section.view:not(:last-child) { margin-bottom:30px; }
main.content section.view > header { margin-bottom:15px; }
main.content section.view > header[data-style='command'] { display:flex; align-items:center; justify-content:space-between; }
main.content section.view > header[data-style='command'] div.buttons { display:flex; align-items:center; gap:10px; }
main.content section.view h4 { margin-bottom:15px; font-weight:500; font-size:.9375rem; display:flex; align-items:center; }
main.content section.view h4:before { width:18px; height:18px; margin-right:8px; content:''; display:block; background-color:silver; -webkit-mask-image:url('/img-icon-form.svg'); }
main.content section.view > header h4 { margin-bottom:0; }
main.content section.view div.content-box { padding:20px; border:.1px solid gainsboro; }

header.ly-main-header { min-height:34px; margin-bottom:20px; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:10px; }
header.ly-main-header h3 { font-size:1.25rem; font-weight:500; display:flex; align-items:center; }
header.ly-main-header h3:before { width:24px; height:24px; margin-right:10px; content:''; display:block; background-color:silver; -webkit-mask-image:url('/img-icon-title.svg'); }
header.ly-main-header div.command { display:flex; gap:10px; }

header.ly-section-header h4 { margin-bottom:15px; font-weight:500; font-size:.9375rem; display:flex; align-items:center; }
header.ly-section-header h4:before { width:18px; height:18px; margin-right:8px; content:''; display:block; background-color:silver; -webkit-mask-image:url('/img-icon-form.svg'); }

dialog.ly-dialog { width:100%; height:100%; background:none; border:none; position:fixed; top:0; left:0; z-index:999; }
dialog.ly-dialog[open]:last-of-type { background-color:rgba(5, 0, 0, .85); }
dialog.ly-dialog *.frame { width:calc(100% - 40px); max-width:800px; height:min-content; max-height:calc(100% - 40px); margin:auto; display:flex; flex-direction:column; overflow:hidden; background-color:white; position:absolute; top:0; left:0; right:0; bottom:0; border:none; border-radius:6px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, .3); }
dialog.ly-dialog *.frame[data-size='large'] { width:calc(100% - 40px); max-width:1000px; }
dialog.ly-dialog *.frame[data-size='max'] { width:calc(100% - 40px); max-width:1500px; }
dialog.ly-dialog *.frame[data-size='small'] { width:calc(100% - 40px); max-width:600px; }
dialog.ly-dialog.vibration *.frame { animation:vibration 0.2s 2; }
dialog.ly-dialog *.frame > header { padding:20px 25px; border-bottom:.1px solid gainsboro; }
dialog.ly-dialog *.frame > header h2 { color:#b54442; font-size:1.25rem; }
dialog.ly-dialog ul.ly-tab { display:flex; justify-content:space-between; list-style:none; border-bottom:.1px solid gainsboro; }
dialog.ly-dialog ul.ly-tab li { flex:1; }
dialog.ly-dialog ul.ly-tab li button { width:100%; height:50px; padding-top:4px; background:none; border:none; border-bottom:4px solid transparent; font-size:.875rem; font-weight:300; }
dialog.ly-dialog ul.ly-tab li button:enabled[data-active='false']:focus,
dialog.ly-dialog ul.ly-tab li button:enabled[data-active='false']:hover { background-color:#f5f5f5; }
dialog.ly-dialog ul.ly-tab li button:enabled[data-active='true'] { font-weight:500; border-bottom-color:#b54442; }
dialog.ly-dialog div.wrap { padding:25px; display:flex; flex-direction:column; position:relative; overflow:auto; }
dialog.ly-dialog div.overflow { overflow:auto; }
dialog.ly-dialog div.overflow.flex { display:flex; flex-direction:column; }
dialog.ly-dialog div.overflow.grid { border:.1px solid gainsboro; border-top-width:3px; }
dialog.ly-dialog div.overflow:not(.flex) { flex:none; }
dialog.ly-dialog div.overflow *.ly-list-header { white-space:nowrap; }
dialog.ly-dialog div.overflow p { font-weight:300; text-align:center; }
dialog.ly-dialog section.view:not(:last-child) { margin-bottom:30px; }
dialog.ly-dialog section.view header { margin-bottom:15px; }
dialog.ly-dialog section.view header h3 { font-weight:500; font-size:.9375rem; display:flex; align-items:center; }
dialog.ly-dialog section.view header h3:before { width:18px; height:18px; margin-right:8px; content:''; display:block; background-color:silver; -webkit-mask-image:url('/img-icon-form.svg'); }

dialog.ly-dialog div.command { padding:20px 25px; display:flex; justify-content:center; border-top:.1px solid gainsboro; }
dialog.ly-dialog div.command div:not(:last-of-type) { margin-right:15px; }
dialog.ly-dialog div.command div input { width:120px; height:100%; border:2px solid gainsboro; border-radius:6px; text-align:center; }

div.radio-separations { display:flex; flex-wrap:wrap; align-items:center; }
div.radio-separation { display:flex; align-items:center; }
div.radio-separation:not(:last-of-type) { margin-right:20px; }
div.radio-separation > label { margin-right:10px; }

div.checkbox-separations { display:flex; flex-wrap:wrap; align-items:center; }
div.checkbox-separation { display:flex; align-items:center; }
div.checkbox-separation:not(:last-of-type) { margin-right:20px; }
div.checkbox-separation > label { margin-right:10px; }

ul.ly-message-pager { width:100%; margin-top:30px; font-size:.8125rem; font-weight:300; display:flex; align-items:center; justify-content:center; list-style:none; }
ul.ly-message-pager li:not(:last-of-type) { margin-right:2px; }
ul.ly-message-pager li button { height:24px; padding:2px 8px; display:flex; align-items:center; justify-content:center; color:#222; background:none; border:.1px solid transparent; border-radius:3px; text-decoration:none; }
ul.ly-message-pager li button:focus,
ul.ly-message-pager li button:hover { background-color:white; border-color:#dadada; }
ul.ly-message-pager li.goto { width:24px; display:flex; align-items:center; justify-content:center; }
ul.ly-message-pager li.goto.disabled:before { width:6px; height:10px; content:''; display:block; background-color:gainsboro; -webkit-mask-size:contain; -webkit-mask-repeat:no-repeat; }
ul.ly-message-pager li.goto.disabled.previous:before { -webkit-mask-image:url('../../img/common/img-pager-previous.svg'); }
ul.ly-message-pager li.goto.disabled.next:before { -webkit-mask-image:url('../../img/common/img-pager-next.svg'); }
ul.ly-message-pager li.goto button:before { width:6px; height:10px; content:''; display:block; background-color:#222; -webkit-mask-size:contain; -webkit-mask-repeat:no-repeat; }
ul.ly-message-pager li.goto.previous button:before { -webkit-mask-image:url('../../img/common/img-pager-previous.svg'); }
ul.ly-message-pager li.goto.next button:before { -webkit-mask-image:url('../../img/common/img-pager-next.svg'); }
ul.ly-message-pager li span { padding:2px 8px; display:block; border:.1px solid transparent; border-radius:3px; }
ul.ly-message-pager li.active span { background-color:dodgerblue; border-color:dodgerblue; color:white; }

.count-message { padding-left:20px; padding-right:20px; }

*.ly-list-dialog { margin-bottom:15px; font-size:.8125rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:10px; }
*.ly-list-dialog div.list-datetime { display:flex; align-items:center; gap:10px; }
*.ly-list-dialog div.list-datetime div.icon { position:relative; }
*.ly-list-dialog div.list-datetime div.icon input { width:120px; padding-left:32px; }
*.ly-list-dialog div.list-datetime div.icon:before { width:26px; height:26px; content:''; display:block; background:url('/img-icon-calendar.svg') center center no-repeat; background-size:16px 16px; border:none; border-radius:50%; position:absolute; top:5px; left:6px; opacity:.25; }
*.ly-list-dialog div.fixed { margin-right:auto; }
*.ly-list-dialog div.list-search { height:36px; display:flex; align-items:center; border:1px solid gainsboro; transition:all ease .2s; transition-property:border; }
*.ly-list-dialog div.list-search:focus-within,
*.ly-list-dialog div.list-search:hover { border-color:#b54442; }
*.ly-list-dialog div.list-search div { position:relative; }
*.ly-list-dialog div.list-search div:not(:last-of-type) { border-right:.1px solid gainsboro; }
*.ly-list-dialog div.list-search div input { width:160px; padding-right:30px; }
*.ly-list-dialog div.list-search div button { width:26px; height:26px; margin-top:-13px; background:url('/img-func-search.svg') center center no-repeat; background-size:16px 16px; border:none; border-radius:50%; position:absolute; top:50%; right:5px; opacity:.25; transition:all ease .2s; transition-property:opacity; }
*.ly-list-dialog div.list-search div:focus-within button,
*.ly-list-dialog div.list-search div:hover button { opacity:.5; }
*.ly-list-dialog div.list-search div button:focus,
*.ly-list-dialog div.list-search div button:hover { opacity:1; }
*.ly-list-dialog div.list-button { display:flex; align-items:center; gap:10px; }

/* Layout List */

*.ly-list.scroll { border:.1px solid gainsboro; border-top-width:3px; overflow:auto; }
*.ly-list.scroll div.content { width:100%; }
*.ly-list.scroll div.content table thead { position:sticky; top:0; z-index:3; }


/* Layout List Header */
*.ly-list-header { margin-bottom:15px; font-size:.8125rem; display:flex; flex-direction:column; gap:15px; }
*.ly-list-header *.search,
*.ly-list-header *.default,
*.ly-list-header *.detail { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:10px; }
*.ly-list-header *.detail { padding-top:15px; border-top:.1px solid gainsboro; }
*.ly-list-header *.search { padding:20px; border:.1px solid silver; background-color:#fcfcfc; }
*.ly-list-header *.list-datetime { display:flex; align-items:center; gap:10px; }
*.ly-list-header *.list-datetime div.icon { position:relative; }
*.ly-list-header *.list-datetime div.icon input { width:120px; padding-left:32px; }
*.ly-list-header *.list-datetime div.icon:before { width:26px; height:26px; content:''; display:block; background:url('/img-icon-calendar.svg') center center no-repeat; background-size:16px 16px; border:none; border-radius:50%; position:absolute; top:5px; left:6px; opacity:.25; }
*.ly-list-header *.fixed { flex:1; }
*.ly-list-header *.list-search { height:36px; display:flex; align-items:center; border:1px solid gainsboro; transition:all ease .2s; transition-property:border; }
*.ly-list-header *.list-search:focus-within,
*.ly-list-header *.list-search:hover { border-color:#b54442; }
*.ly-list-header *.list-search div { position:relative; }
*.ly-list-header *.list-search div:not(:last-of-type) { border-right:.1px solid gainsboro; }
*.ly-list-header *.list-search div input { width:160px; padding-right:30px; }
*.ly-list-header *.list-search div button { width:26px; height:26px; margin-top:-13px; background:url('/img-func-search.svg') center center no-repeat; background-size:16px 16px; border:none; border-radius:50%; position:absolute; top:50%; right:5px; opacity:.25; transition:all ease .2s; transition-property:opacity; }
*.ly-list-header *.list-search div:focus-within button,
*.ly-list-header *.list-search div:hover button { opacity:.5; }
*.ly-list-header *.list-search div button:focus,
*.ly-list-header *.list-search div button:hover { opacity:1; }
*.ly-list-header *.list-button { display:flex; align-items:center; gap:10px; }

*.ly-list *.header { margin-bottom:15px; font-size:.8125rem; display:flex; flex-direction:column; gap:15px; }
*.ly-list *.header form.search,
*.ly-list *.header div.default,
*.ly-list *.header div.detail { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:10px; }
*.ly-list *.header div.detail { padding-top:15px; border-top:.1px solid gainsboro; }
*.ly-list *.header form.search { padding:20px; border:.1px solid silver; background-color:#fcfcfc; }
*.ly-list *.header div.frame { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
*.ly-list *.header div.frame.first { justify-content:flex-start; }
*.ly-list *.header div.frame.last { flex:auto; justify-content:flex-end; }
*.ly-list *.header div.list-datetime { display:flex; align-items:center; gap:10px; }
*.ly-list *.header div.list-datetime div.icon { position:relative; }
*.ly-list *.header div.list-datetime div.icon input { width:120px; padding-left:32px; }
*.ly-list *.header div.list-datetime div.icon:before { width:26px; height:26px; content:''; display:block; background:url('/img-icon-calendar.svg') center center no-repeat; background-size:16px 16px; border:none; border-radius:50%; position:absolute; top:5px; left:6px; opacity:.25; }
*.ly-list *.header div.fixed { flex:1; }
*.ly-list *.header div.list-search { height:36px; display:flex; align-items:center; border:1px solid gainsboro; transition:all ease .2s; transition-property:border; }
*.ly-list *.header div.list-search:focus-within,
*.ly-list *.header div.list-search:hover { border-color:#b54442; }
*.ly-list *.header div.list-search div { position:relative; }
*.ly-list *.header div.list-search div:not(:last-of-type) { border-right:.1px solid gainsboro; }
*.ly-list *.header div.list-search div input { width:160px; padding-right:30px; }
*.ly-list *.header div.list-search div button { width:26px; height:26px; margin-top:-13px; background:url('/img-func-search.svg') center center no-repeat; background-size:16px 16px; border:none; border-radius:50%; position:absolute; top:50%; right:5px; opacity:.25; transition:all ease .2s; transition-property:opacity; }
*.ly-list *.header div.list-search div:focus-within button,
*.ly-list *.header div.list-search div:hover button { opacity:.5; }
*.ly-list *.header div.list-search div button:focus,
*.ly-list *.header div.list-search div button:hover { opacity:1; }
*.ly-list *.header div.list-button { display:flex; align-items:center; gap:10px; }
*.ly-list:has(div.content table tbody tr) + div.empty-data { display:none; }
*.ly-list:not(:has(div.content table tbody tr)) { display:none; }
*.ly-list:not(:has(div.content table tbody tr)) + div.empty-data { display:flex; align-items:center; justify-content:center; }
*.ly-list:not(.scroll) div.content { border:.1px solid gainsboro; border-top-width:3px; overflow-x:auto; }
*.ly-list div.content table { border-collapse:separate; border-spacing:0; }
*.ly-list div.content table thead tr th { padding:10px 8px; background-color:whitesmoke; border-bottom:.1px solid #eee; font-size:.75rem; font-weight:500; }
*.ly-list div.content table thead tr th.border-right,
*.ly-list div.content table thead tr th:not(:last-of-type) { border-right:.1px solid #eee; }
*.ly-list div.content table thead tr th.sticky { position:sticky; z-index:2; }
*.ly-list div.content table thead tr th.sticky:first-of-type { left:0; }
*.ly-list div.content table thead tr th.sticky.last { border-left:.1px solid #eee; right:0; }
*.ly-list div.content table thead tr th.button { padding:0; }
*.ly-list div.content table thead tr th.button:not(.sticky) { position:relative; }
*.ly-list div.content table thead tr th.button button { width:100%; height:100%; padding-left:8px; padding-right:8px; position:absolute; top:0; left:0; border:none; background:none; color:inherit; text-decoration:underline solid transparent; transition:all ease .2s; transition-property:color, text-decoration; }
*.ly-list div.content table thead tr th.button button:focus,
*.ly-list div.content table thead tr th.button button:hover { color:#b54442; text-decoration-color:#b54442; }
*.ly-list div.content table tbody[data-even='true'] tr:nth-of-type(even) { background-color:#fcfcfc; }
*.ly-list div.content table tbody tr:hover > * { background-color:#fff2f2 !important; }
*.ly-list div.content table tbody tr[data-highlight='1'] > * { background-color:#f8fcf5 !important; text-decoration:underline; }
*.ly-list div.content table tbody tr[data-disabled] > * { background-color:#fafafa !important; }
*.ly-list div.content table tbody tr.comment[data-highlight='0'] > * { color:gray; }
*.ly-list div.content table tbody tr th,
*.ly-list div.content table tbody tr td { padding:12px; border-bottom:.1px solid #eee; font-size:.75rem; text-align:center; word-break:keep-all; word-wrap:break-word; }
*.ly-list div.content table tbody tr th[data-minimum='true'],
*.ly-list div.content table tbody tr td[data-minimum='true'] { padding-top:4px; padding-bottom:4px; }
*.ly-list div.content table tbody tr th.border-right,
*.ly-list div.content table tbody tr td.border-right,
*.ly-list div.content table tbody tr th:not(:last-child),
*.ly-list div.content table tbody tr td:not(:last-child) { border-right:.1px solid #eee; }
*.ly-list div.content table tbody tr th.sticky,
*.ly-list div.content table tbody tr td.sticky { position:sticky; background-color:white; z-index:2; }
*.ly-list div.content table tbody tr th.sticky:first-of-type,
*.ly-list div.content table tbody tr td.sticky:first-of-type { left:0; }
*.ly-list div.content table tbody tr th.sticky.last,
*.ly-list div.content table tbody tr td.sticky.last { border-left:.1px solid #eee; right:0; }
*.ly-list div.content table tbody[data-even='true'] tr:nth-of-type(even) td.sticky { background-color:#fcfcfc; }
*.ly-list div.content table tbody tr th { background-color:#eee; }
*.ly-list div.content table:not(:has(tfoot)) tbody tr:last-of-type th,
*.ly-list div.content table:not(:has(tfoot)) tbody tr:last-of-type td { border-bottom:none; }
*.ly-list div.content table tbody tr td[data-empty='true']:empty:after { content:'--'; font-weight:100; color:gray; text-decoration:none; }
*.ly-list div.content table tbody tr td.button { padding:0; }
*.ly-list div.content table tbody tr td.button:not(.sticky) { position:relative; }
*.ly-list div.content table tbody tr td.button button { width:100%; height:100%; padding-left:8px; padding-right:8px; position:absolute; top:0; left:0; border:none; background:none; color:inherit; text-decoration:underline solid transparent; transition:all ease .2s; transition-property:background, color, text-decoration; }
*.ly-list div.content table tbody tr td.button button:focus,
*.ly-list div.content table tbody tr td.button button:hover { background-color:rgba(0, 0, 0, .03); color:#b54442; text-decoration-color:#b54442; }
*.ly-list div.content table tbody tr td.menu { height:0; padding:0; }
*.ly-list div.content table tbody tr td.menu > button { width:100%; height:100%; padding-left:8px; padding-right:8px; display:flex; align-items:center; justify-content:center; background:none; border:none; vertical-align:top; transition:all ease .2s; transition-property:background; }
*.ly-list div.content table tbody tr td.menu:focus-within > button { background-color:#b54442; }
*.ly-list div.content table tbody tr td.menu > button:before { width:26px; height:26px; content:''; display:block; background-color:silver; -webkit-mask:url('../../img/view/common/img-more-horizontal.svg') center center no-repeat; transition:all ease .2s; transition-property:background; }
*.ly-list div.content table tbody tr td.menu:hover > button:before { background-color:dimgray; }
*.ly-list div.content table tbody tr td.menu:focus-within > button:before { background-color:white; }
*.ly-list div.content table tbody tr td.menu > button + ul { background-color:white; border:.1px solid silver; position:absolute; right:30px; display:none; }
*.ly-list div.content table tbody tr td.menu:focus-within > button + ul { display:block; }
*.ly-list div.content table tbody tr td.menu > button + ul li { min-width:100px; }
*.ly-list div.content table tbody tr td.menu > button + ul li.separation { padding-bottom:5px; margin-bottom:5px; border-bottom:.1px solid gainsboro; }
*.ly-list div.content table tbody tr td.menu > button + ul li:first-of-type { padding-top:5px; }
*.ly-list div.content table tbody tr td.menu > button + ul li:last-of-type { padding-bottom:5px; }
*.ly-list div.content table tbody tr td.menu > button + ul li button { width:100%; padding:7px 15px; font-weight:300; background:none; border:none; text-align:left; transition:all ease .2s; transition-property:background; }
*.ly-list div.content table tbody tr td.menu > button + ul li button:focus,
*.ly-list div.content table tbody tr td.menu > button + ul li button:hover { background-color:#f5f5f5; font-weight:500; }
*.ly-list div.content table tbody tr td[data-status='Booking'] { background-color:#f0f4c3 !important; }
*.ly-list div.content table tbody tr td[data-status='Canceled'] { background-color:#fff9c4 !important; }
*.ly-list div.content table tbody tr td[data-status='Closed'] { background-color:#c8e6c9 !important; }
*.ly-list div.content table tbody tr td[data-status='Deposit'] { background-color:#ffddf4 !important; }
*.ly-list div.content table tbody tr td[data-status='Open'] { background-color:#f5f5f5 !important; }
*.ly-list div.content table tbody tr td[data-status='Shipment'] { background-color:#b2f3f3 !important; }
*.ly-list div.content table tbody tr td.persentage { position:relative; }
*.ly-list div.content table tbody tr td.persentage span { height:100%; display:flex; position:absolute; top:0; left:0; z-index:-1; background-color:greenyellow; }
*.ly-list div.content table tbody tr td *.input-btns { display:flex; align-items:center; }
*.ly-list div.content table tbody tr td *.input-btns > div.input { flex:1; }
*.ly-list div.content table tbody tr td *.input-btns > div:not(:last-of-type) { margin-right:5px; }
*.ly-list div.content table tbody tr td.product div { display:flex; align-items:center; white-space:nowrap; }
*.ly-list div.content table tbody tr td.product div:before { width:12px; height:12px; margin-right:8px; content:''; display:inline-block; background-color:silver; -webkit-mask-image:url('/img-navi-stock.svg'); }
*.ly-list div.content table tbody tr td div.capsule { /*padding:5px 12px; display:inline-block; border:.1px solid gainsboro; border-radius:99999px;*/ }
*.ly-list div.content table tbody tr td div.capsule b { min-width:18px; padding-left:5px; padding-right:5px; margin-left:5px; background-color:#b54442; display:inline-block; border-radius:99999px; color:white; }
*.ly-list div.content table tfoot tr th,
*.ly-list div.content table tfoot tr td { padding:12px; border-bottom:.1px solid gainsboro; background-color:whitesmoke; font-size:.75rem; text-align:center; word-break:break-all; }
*.ly-list div.content table tfoot tr th { font-weight:500; }
*.ly-list div.content table tfoot tr:last-of-type th,
*.ly-list div.content table tfoot tr:last-of-type td { border-bottom:none; }
*.ly-list div.content table tfoot tr th:not(:last-child),
*.ly-list div.content table tfoot tr td:not(:last-child) { border-right:.1px solid gainsboro; }
*.ly-list div.content table tfoot tr th.sticky,
*.ly-list div.content table tfoot tr td.sticky { position:sticky; z-index:2; }
*.ly-list div.content table tfoot tr th.sticky:first-of-type,
*.ly-list div.content table tfoot tr td.sticky:first-of-type { left:0; }
*.ly-list div.content table tfoot tr th.sticky.last,
*.ly-list div.content table tfoot tr td.sticky.last { border-left:.1px solid #eee; right:0; }

/* List Pager */
#ly-Pager { margin-top:40px; }
#ly-Pager ul { display:flex; align-items:center; justify-content:center; font-size:.9em; font-weight:600; }
#ly-Pager ul li:not(:first-of-type) { margin-left:6px; }
#ly-Pager ul li.prev { padding-right:6px; margin-right:9px; border-right:.1px solid #dadada; }
#ly-Pager ul li.next { padding-left:6px; margin-left:15px; border-left:.1px solid #dadada; }
#ly-Pager ul li a { padding:3px 9px; display:block; color:#222; border:.1px solid transparent; border-radius:3px; text-decoration:none; }
#ly-Pager ul li a:focus,
#ly-Pager ul li a:hover { background-color:#fff; border-color:#dadada; }
#ly-Pager ul li span { padding:3px 9px; display:block; color:#ccc; border:.1px solid transparent; border-radius:3px; }
#ly-Pager ul li.active span { background-color:#b54442; border-color:#b54442; color:#fff; }

/* Layout List (Grid) */
*.ly-list-grid { min-width:fit-content; font-size:.75rem; word-break:break-all; position:relative; display:flex; flex-direction:column; }
*.ly-list-grid *[role='rowgroup'] div.id { width:140px; }
*.ly-list-grid *[role='rowgroup'] div.datetime { width:120px; }
*.ly-list-grid *[role='rowgroup'] div.event { width:160px; }
*.ly-list-grid *[role='rowgroup'] div.value { min-width:80px; flex:1; }
*.ly-list-grid *[role='rowgroup'].header { height:45px; position:sticky; top:0; left:0; z-index:2; display:flex; flex:none; }
*.ly-list-grid *[role='rowgroup'].header *[role='row'] { width:100%; height:100%; font-weight:700; display:flex; }
*.ly-list-grid *[role='rowgroup'].header *[role='columnheader'] { height:100%; padding-left:4px; padding-right:4px; background-color:#eee; text-align:center; display:flex; align-items:center; justify-content:center; }
*.ly-list-grid *[role='rowgroup'].header *[role='columnheader']:not(:last-of-type) { border-right:.1px solid whitesmoke; }
*.ly-list-grid *[role='rowgroup'].header div.sticky { position:sticky; left:0; z-index:2; }
*.ly-list-grid *[role='rowgroup'].header div button { width:100%; height:100%; font-weight:600; border:none; background:none; display:flex; align-items:center; justify-content:center; position:relative; }
*.ly-list-grid *[role='rowgroup'].header div button:focus,
*.ly-list-grid *[role='rowgroup'].header div button:hover { background-color:darkgray; }
*.ly-list-grid *[role='rowgroup'].header div button:after { content:''; display:none; align-items:center; position:absolute; top:0; bottom:0; right:5px; }
*.ly-list-grid *[role='rowgroup'].row *[role='row'] { width:100%; display:flex; align-items:normal; }
*.ly-list-grid *[role='rowgroup'].row *[role='row']:not(:last-of-type) { border-bottom:.1px solid #eee; }
*.ly-list-grid *[role='rowgroup'].row *[role='row']:nth-of-type(even) *[role='cell'] { background-color:#fafafa; }
*.ly-list-grid *[role='rowgroup'].row *[role='row']:nth-of-type(odd) *[role='cell'] { background-color:#fff; }
*.ly-list-grid *[role='rowgroup'].row *[role='row']:focus-within *[role='cell'],
*.ly-list-grid *[role='rowgroup'].row *[role='row']:hover *[role='cell'] { background-color:#fff7f7 !important; }
*.ly-list-grid *[role='rowgroup'].row *[role='cell'],
*.ly-list-grid *[role='rowgroup'].row *[role='rowheader'] { min-height:36px; padding:10px 8px; display:flex; align-items:center; }
*.ly-list-grid *[role='rowgroup'].row *[role='cell'] { justify-content:center; }
*.ly-list-grid *[role='rowgroup'].row *[role='cell']:not(:last-of-type) { border-right:.1px solid #eee; }
*.ly-list-grid *[role='rowgroup'].row *[role='cell'].sticky { position:sticky; left:0; }
*.ly-list-grid *[role='rowgroup'].row *[role='cell'].button { position:relative; }
*.ly-list-grid *[role='rowgroup'].row *[role='cell'].button button { width:100%; height:100%; padding-left:8px; padding-right:8px; position:absolute; top:0; left:0; border:none; background:none; color:inherit; transition:all ease .2s; text-decoration:underline solid transparent; transition-property:color, text-decoration; }
*.ly-list-grid *[role='rowgroup'].row *[role='cell'].button button:focus,
*.ly-list-grid *[role='rowgroup'].row *[role='cell'].button button:hover { color:#b54442; text-decoration-color:#b54442; }
*.ly-list-grid *[role='rowgroup'].row *[role='rowheader'] { border-right:.1px solid #eee; background-color:whitesmoke; justify-content:flex-start; }
*.ly-list-grid *[role='row'] div[role].fill { flex:1; }
*.ly-list-grid button[role='row'] { border:none; background:none; }

/* Layout List (Shorten) */
*.ly-list-shorten div.header { margin-bottom:10px; display:flex; align-items:center; justify-content:space-between; }
*.ly-list-shorten div.header h3 { font-size:1rem; font-weight:500; display:flex; align-items:center; }
*.ly-list-shorten div.header h3:before { width:18px; height:18px; margin-right:6px; content:''; display:block; background-image:url('/img-icon-list.svg'); background-repeat:no-repeat; background-size:cover; }
*.ly-list-shorten div.header div button { height:26px; padding-left:12px; padding-right:12px; border:.1px solid silver; border-radius:6px; background-color:whitesmoke; font-size:.8125rem; }
*.ly-list-shorten div.content { border-top:2px solid #aaa; }
*.ly-list-shorten div.content table thead tr th { padding:8px 4px; background-color:#eee; border-bottom:.1px solid gainsboro; font-size:.75rem; font-weight:500; }
*.ly-list-shorten div.content table thead tr th:not(:last-of-type) { border-right:.1px solid gainsboro; }
*.ly-list-shorten div.content table tbody tr td { max-width:200px; padding:8px 4px; border-bottom:.1px solid gainsboro; font-size:.75rem; text-align:center; word-break:break-all; }
*.ly-list-shorten div.content table tbody tr td:not(:last-of-type) { border-right:.1px solid gainsboro; }
*.ly-list-shorten div.content table tbody tr td.button { padding:0; position:relative; }
*.ly-list-shorten div.content table tbody tr td.button button { width:100%; height:100%; padding-left:8px; padding-right:8px; position:absolute; top:0; left:0; border:none; background:none; color:inherit; }

/* Layout Item */
*.ly-item { display:flex; flex-wrap:wrap; }
*.ly-item:last-of-type { border-bottom:.1px solid gainsboro; }
*.ly-item.no-border { margin-top:-1px; border-bottom:none; }
*.ly-item > div { display:flex; flex:1; border-top:.1px solid gainsboro; }
*.ly-item.grid-2 > div:not(.full) { flex-basis:50%; }
*.ly-item.grid-3 > div:not(.full) { flex-basis:33.3333%; }
*.ly-item > div.full { width:100%; min-width:100%; }
*.ly-item > div > dt { width:160px; min-width:160px; padding:14px 15px; font-size:.8125rem; text-align:right; background-color:whitesmoke; display:flex; align-items:center; justify-content:flex-end; }
*.ly-item > div > dd { padding:14px 15px; flex:1; font-size:.875rem; display:flex; align-items:center; }
*.ly-item.dynamic-items > div > dd { flex-direction:column; }
*.ly-item > div.full > dd.full { display:flex; align-items:center; gap:5px; }
*.ly-item > div.full > dd.full > div.full { flex:1; }
*.ly-item > div > dd[data-empty='true']:empty:after { content:'--'; font-weight:100; color:gray; }
*.ly-item > div > dd[data-gap='true'] { gap:10px; }
*.ly-item > div > dd div.input-counter { display:flex; align-items:center; gap:10px; }
*.ly-item > div > dd div.input-counter dl { display:flex; align-items:center; color:gray; }
*.ly-item > div > dd div.input-counter dl:after { content:')';}
*.ly-item > div > dd div.input-counter dl:before { content:'('; }
*.ly-item > div > dd div.input-counter dl dt:after { margin-right:5px; content:':'; }
*.ly-item > div > dd div.input-counter dl dd { font-weight:500; color:black; }

*.ly-item > div.nospace > dd { padding:0; }
*.ly-item > div > dd.input-search > div.input { margin-right:5px; flex:1; }
*.ly-item > div > dd.input-btns { display:flex; align-items:center; }
*.ly-item > div > dd.input-btns > div.input { flex:1; }
*.ly-item > div > dd.input-btns > div:not(:last-of-type) { margin-right:5px; }
*.ly-item > div > dd textarea { width:100%; }
*.ly-item > div[data-required] > dt:before { margin-right:5px; content:'*'; color:red; }
*.ly-item > div dl.containers { display:flex; }
*.ly-item > div dl.containers div { display:flex; }
*.ly-item > div dl.containers div dt:after { margin-left:2px; margin-right:2px; content:'×'; font-weight:200; color:gray; }
*.ly-item > div dl.containers div:not(:last-of-type):after { margin-right:10px; content:','; }
*.ly-item.dynamic-items div.dynamic-items { width:100%; }
*.ly-item.dynamic-items div.dynamic-items > div:not(:last-of-type) { margin-bottom:10px; padding-bottom:10px; border-bottom:.1px solid gainsboro; }
*.ly-item.dynamic-items div.dynamic-items div.items { display:flex; align-items:center; }
*.ly-item.dynamic-items div.dynamic-items div.items div:not(:last-of-type) { margin-right:7px; }
*.ly-item.dynamic-items div.dynamic-items div.items div.input { flex:1; }
*.ly-item.dynamic-items div.add { width:100%; margin-top:10px; padding-top:10px; border-top:.1px solid gainsboro; }

*.ly-item-add { padding:20px; border:.1px solid gainsboro; display:flex; align-items:center; gap:10px; }
*.ly-item-add dl { flex:1; display:flex; flex-wrap:wrap; gap:15px 30px; }
*.ly-item-add dl div { flex:1; display:flex; align-items:center; }
*.ly-item-add dl div dt { min-width:100px; margin-right:10px; font-size:.8125rem; }
*.ly-item-add dl div dd { min-width:100px; flex:1; }
*.ly-item-add + *.ly-item-list { border-top:none !important; }

*.ly-item-list { padding:20px; background-color:whitesmoke; border:.1px solid gainsboro; display:flex; flex-wrap:wrap; gap:20px; }
*.ly-item-list:empty { display:none; }
*.ly-item-list div.item { padding:12px 20px; flex:1; background-color:white; border:.1px solid gainsboro; border-radius:5px; font-size:.875rem; display:flex; align-items:center; gap:20px; }
*.ly-item-list div.item dl { flex:1; display:flex; gap:20px; white-space:nowrap; }
*.ly-item-list div.item dl div { display:flex; gap:5px; }
*.ly-item-list div.item dl div dt { color:dimgray; font-weight:300; }
*.ly-item-list div.item dl div dt:after { content:'.'; }
*.ly-item-list div.item dl div dd { font-weight:500; }

*.ly-each-item { display:flex; flex-wrap:wrap; gap:0 20px; }
*.ly-each-item:not(:last-of-type) { margin-bottom:20px; }
*.ly-each-item > div { flex:1; display:flex; flex-direction:column; text-align:center; font-size:.875rem; border:.1px solid gainsboro; }
*.ly-each-item > div > dt { padding:10px; background-color:whitesmoke; }
*.ly-each-item > div > dd { height:100%; padding:10px; }
*.ly-each-item > div > dd[data-empty='true']:empty:after { content:'--'; font-weight:100; color:gray; }
*.ly-each-item > div > dd[data-gap='true'] { gap:10px; }
*.ly-each-item > div.input > dd { padding:10px; background:none; border:none; }
*.ly-each-item > div.input > dd > textarea { height:100%; resize:none; }

*.input-items { width:100%; display:flex; align-items:center; }
*.input-items > div.input { flex:1; }
*.input-items > div:not(:last-of-type) { margin-right:5px; }

*.ly-header-block:not(:last-child) { margin-bottom:30px; }
*.ly-header-block header { margin-bottom:15px;font-size:.9375rem; display:flex; align-items:center; justify-content:space-between; }
*.ly-header-block header h3,
*.ly-header-block header h4 { font-weight:500; display:flex; align-items:center; }
*.ly-header-block header h3:before,
*.ly-header-block header h4:before { width:18px; height:18px; margin-right:8px; content:''; display:block; background-color:silver; -webkit-mask-image:url('/img-icon-form.svg'); }

*.ly-form fieldset { min-width:0; margin-bottom:30px; border:none; }
*.ly-form fieldset legend { margin-bottom:10px; font-weight:500; display:flex; align-items:center; }
*.ly-form fieldset legend:before { width:20px; height:20px; margin-right:8px; content:''; display:block; background-color:silver; -webkit-mask-image:url('/img-icon-form.svg'); }
*.ly-form fieldset legend span.side { margin-left:auto; font-weight:300; }

*.ly-information { margin-bottom:20px; padding:20px; font-size:.8125rem; list-style:none; border:.1px solid gainsboro; background-color:whitesmoke; }
*.ly-information li:not(:last-of-type) { margin-bottom:5px; }

*.ly-command-side { display:flex; }
*.ly-command-side > div:not(:last-child) { margin-right:10px; }

*.ly-flex-center { display:flex; align-items:center; justify-content:center; }
*.ly-flex-center > div:not(:last-child) { margin-right:6px; }

*.word-bracket:after { content:')'; }
*.word-bracket:before { content:'('; }

*.flex-csb { width:100%; display:flex; align-items:center; justify-content:space-between; }

dl.ly-status { padding-bottom:30px; margin-bottom:30px; border-bottom:2px dashed gainsboro; display:flex; }
dl.ly-status div { flex:1; border:2px solid gainsboro; border-radius:6px; font-size:.875rem; text-align:center; overflow:hidden; }
dl.ly-status div:not(:last-of-type) { margin-right:20px; }
dl.ly-status div dt { padding:12px 6px; font-weight:700; background-color:whitesmoke; }
dl.ly-status div dd { padding:12px 6px; }
dl.ly-status div dd b { color:dodgerblue; }

*.currency:before { margin-right:4px; display:inline-block; color:gray; }
*.currency.usd:before { content:'USD'; }
*.currency.won:before { content:'￦'; }

*[data-ime='false'] { ime-mode:disabled; }
*[data-uppercase='true'] { text-transform:uppercase; }
*[data-content-id][data-content][data-active='false'] { display:none; }

label[data-style='switch'] { display:inline-block; vertical-align:top; }
label[data-style='switch'] input { position:absolute; z-index:-1; opacity:0; }
label[data-style='switch'] input + div { width:56px; height:28px; display:block; border:1px solid transparent; border-radius:200px; position:relative; background-color:#dadada; transition:all ease .5s; transition-property:border-color, background-color; }
label[data-style='switch'] input:focus:not(:disabled) + div,
label[data-style='switch'] input:hover:not(:disabled) + div { border-color:#757575; }
label[data-style='switch'] input:checked + div { background-color:#b54442; }
label[data-style='switch'] input + div:after { width:18px; height:18px; margin-top:-9px; display:block; content:''; position:absolute; top:50%; left:4px; border-radius:200px; background-color:#fff; transition:all ease .5s; transition-property:left; }
label[data-style='switch'] input:focus:not(:disabled) + div:after,
label[data-style='switch'] input:hover:not(:disabled) + div:after { background-color:#ffa; }
label[data-style='switch'] input:checked + div:after { left:calc(100% - 18px - 4px); }
label[data-style='switch'][data-size='tiny'] input + div { width:38px; height:22px; }
label[data-style='switch'][data-size='tiny'] input + div:after { width:12px; height:12px; margin-top:-6px; }
label[data-style='switch'][data-size='tiny'] input:checked + div:after { left:calc(100% - 12px - 4px);; }

label[data-style='radio-flat'] { display:flex; align-items:center; }
label[data-style='radio-flat'] input { position:absolute; z-index:-1; opacity:0 !important; }
label[data-style='radio-flat'] input + div { width:20px; height:20px; display:block; border-radius:200px; position:relative; }
label[data-style='radio-flat'] input + div:after { width:20px; height:20px; display:block; content:''; position:absolute; top:0; left:0; border:1px solid #ced4da; border-radius:200px; transition:all ease .2s; transition-property:border; }
label[data-style='radio-flat'] input:enabled:focus + div:after,
label[data-style='radio-flat'] input:enabled:hover + div:after { border-color:#b54442; }
label[data-style='radio-flat'] input:checked + div:after { border-width:7px; transition-duration:unset; }
label[data-style='radio-flat'] input:enabled:checked + div:after { border-color:#b54442; }
label[data-style='radio-flat'] input:disabled:checked + div:after { border-color:gainsboro; }
label[data-style='radio-flat'] input + div + span:not(:empty) { margin-left:10px; }
label[data-style='radio-flat'] input:disabled + div + span { color:gainsboro; }

label[data-style='checkbox-flat'] { display:flex; align-items:center; justify-content:center; }
label[data-style='checkbox-flat'][data-disabled='true'] { cursor:default; }
label[data-style='checkbox-flat'] input { position:absolute; z-index:-1; opacity:0 !important;; }
label[data-style='checkbox-flat'] input + div { width:20px; height:20px; display:block; position:relative; }
label[data-style='checkbox-flat'] input + div:after { width:100%; height:100%; display:block; content:''; position:absolute; top:0; left:0; border:2px solid gainsboro; border-radius:4px; border-color:#ced4da; background-color:white; background-size:cover; background-repeat:no-repeat; transition:all ease .2s; transition-property:border; }
label[data-style='checkbox-flat'] input:enabled:focus + div:after,
label[data-style='checkbox-flat'] input:enabled:hover + div:after { background-color:white; border-color:dimgray; }
label[data-style='checkbox-flat'] input:enabled:checked + div:after,
label[data-style='checkbox-flat'] input:disabled:checked + div:after { border-color:#b54442; background-color:#b54442; background-image:url('/img-obj-checkbox-checked-white.svg'); transition-duration:unset; }
label[data-style='checkbox-flat'] input:disabled:not(:checked) + div:after { display:none; }
label[data-style='checkbox-flat'] input + div + span:not(:empty) { margin-left:10px; }

label[data-style='file-button'] { display:flex; align-items:center; position:relative; }
label[data-style='file-button'] input { width:1px; height:1px; position:absolute; top:0; left:0; z-index:-1; opacity:0 !important; }
label[data-style='file-button'] input + div { height:34px; padding-left:12px; padding-right:12px; font-size:.8125rem; display:flex; align-items:center; background:none; border:.1px solid lightgray; border-bottom-width:4px; border-radius:6px; white-space:nowrap; transition:all ease .2s; transition-property:background, border, color; }
label[data-style='file-button'] input:focus + div,
label[data-style='file-button']:hover input + div { color:white; border-color:#6a1c0f; background-color:#b54442; }

button[data-style='command'] { height:40px; padding-left:20px; padding-right:20px; font-size:.875rem; background:none; border:.1px solid lightgray; border-bottom-width:4px; border-radius:6px; white-space:nowrap; transition:all ease .2s; transition-property:background, border, color; }
button[data-style='command']:enabled:focus,
button[data-style='command']:enabled:hover { color:white; border-color:#6a1c0f; background-color:#b54442; }
button[data-style='form'] { height:34px; padding-left:12px; padding-right:12px; font-size:.8125rem; background-color:white; border:.1px solid lightgray; border-bottom-width:4px; white-space:nowrap; transition:all ease .2s; transition-property:background, border, color; }
button[data-style='form']:enabled:focus,
button[data-style='form']:enabled:hover { color:white; border-color:#6a1c0f; background-color:#b54442; }
button[data-style='list-head'] { height:36px; padding-left:14px; padding-right:14px; background:none; border:1px solid gainsboro; border-bottom-width:4px; white-space:nowrap; transition:all ease .2s; transition-property:background, border, color; }
button[data-style='list-head']:enabled:focus,
button[data-style='list-head']:enabled:hover { color:white; border-color:#6a1c0f; background-color:#b54442; }
button[data-style='tiny'] { height:26px; padding-left:8px; padding-right:8px; font-size:.8125rem; line-height:1; background-color:white; border:1px solid lightgray; border-radius:4px; white-space:nowrap; transition:all ease .2s; transition-property:background, border, color; }
button[data-style='tiny']:enabled:focus,
button[data-style='tiny']:enabled:hover { color:white; border-color:#6a1c0f; background-color:#b54442; }
button[data-style='icon'] { background-color:rgba(0, 0, 0, .0125) !important; }
button[data-style='icon']:enabled:hover { background-color:rgba(0, 0, 0, .05) !important; }
button[data-style='icon'][data-icon='add']:before { width:22px; height:22px; margin:auto; content:''; display:block; background-color:gray; -webkit-mask:url('../../img/view/common/img-icon-add.svg') no-repeat; transition:all ease .2s; transition-property:background, border, color; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; }
button[data-style='icon'][data-icon='remove']:before { width:22px; height:22px; margin:auto; content:''; display:block; background-color:gray; -webkit-mask:url('../../img/view/common/img-icon-remove.svg') no-repeat; transition:all ease .2s; transition-property:background, border, color; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; }
button[data-style='icon']:enabled:hover:before { background-color:black; }
button[data-style='choose'] { width:100%; height:120px; background:none; border:2px solid gainsboro; display:flex; align-items:center; justify-content:center; font-size:1.125rem; font-weight:300; color:silver; transition:all ease .2s; transition-property:background, border, color; }
button[data-style='choose']:enabled:focus,
button[data-style='choose']:enabled:hover { background-color:#fff5f5; border-color:#b54442; color:black; }
button[data-style='choose']:before { width:40px; height:40px; margin-right:15px; content:''; background-color:silver; -webkit-mask:url('../../img/view/common/img-icon-stock.svg') no-repeat; transition:all ease .2s; transition-property:background; }
button[data-style='choose']:enabled:focus:before,
button[data-style='choose']:enabled:hover:before { background-color:#b54442; }

input[data-style='form'] { height:34px; padding-left:8px; padding-right:8px; font-size:.8125rem; border:1px solid gainsboro; transition:all ease .2s; transition-property:border; }
input[data-style='form']:not([size]) { width:100%; }
input[data-style='form']:enabled:not(:read-only):focus,
input[data-style='form']:enabled:not(:read-only):hover { border-color:#b54442; }
input[data-style='form'][data-select]:enabled:read-only { cursor:pointer; }
input[data-style='form'][data-select]:enabled:read-only:placeholder-shown:focus,
input[data-style='form'][data-select]:enabled:read-only:placeholder-shown:hover { border-color:#b54442; }
input[data-style='form'][data-select]:enabled:read-only:not(:placeholder-shown) { background-color:#efe; border-color:mediumseagreen; }
input[data-style='form'][data-icon='calendar']:enabled:read-only { cursor:pointer; }
input[data-style='form'][data-icon='calendar']:enabled:read-only:placeholder-shown:focus,
input[data-style='form'][data-icon='calendar']:enabled:read-only:placeholder-shown:hover { border-color:#b54442; }
input[data-style='form'][data-icon='calendar']:enabled:read-only:not(:placeholder-shown) { background-color:#efe; border-color:mediumseagreen; }
input[data-style='form-inline'] { height:30px; padding-left:6px; padding-right:6px; font-size:.8125rem; border:1px solid gainsboro; transition:all ease .2s; transition-property:border; }
input[data-style='form-inline']:enabled:not(:read-only):focus,
input[data-style='form-inline']:enabled:not(:read-only):hover { border-color:#b54442; }
input[data-style='list-head'] { height:36px; padding-left:10px; padding-right:10px; border:1px solid gainsboro; transition:all ease .2s; transition-property:border; }
input[data-style='list-head']:enabled:focus,
input[data-style='list-head']:enabled:hover { border-color:#b54442; }
input[data-style='list-head'][data-icon='calendar'] { width:120px; }
input[data-style='list-head'][data-icon='calendar'] { width:120px; }
input[data-style='list-head-noborder'] { height:34px; padding-left:10px; padding-right:10px; border:none; }

input[data-style='form'][data-icon='calendar'][data-width='fixed'] { width:120px; }

input[data-icon='calendar'] { padding-left:32px; }
input[data-icon='calendar'] { background:url('/img-icon-calendar-gray.svg') 8px center no-repeat; background-size:16px 16px; }

select[data-fill='true'] { min-width:100%; width:auto !important; }
select[data-style='form'] { width:100%; height:34px; padding-left:6px; padding-right:6px; font-size:.8125rem; border:1px solid gainsboro; transition:all ease .2s; transition-property:border; }
select[data-style='form']:enabled:focus,
select[data-style='form']:enabled:hover { border-color:#b54442; }
select[data-style='form']:enabled:has(option:checked[value=""]) { font-weight:300; }
select[data-style='form']:enabled:has(option:checked:not([value=""])) { background-color:#fafaff; font-weight:500; }
select[data-style='list-head'] { height:36px; padding-left:6px; padding-right:6px; border:1px solid gainsboro; transition:all ease .2s; transition-property:border; }
select[data-style='list-head']:enabled:focus,
select[data-style='list-head']:enabled:hover { border-color:#b54442; }
select[data-style='list-head']:enabled:has(option:checked[value=""]) { font-weight:300; }
select[data-style='list-head']:enabled:has(option:checked:not([value=""])) { background-color:#fafaff; font-weight:500; }
select[data-style='list-head-noborder'] { height:34px; padding-left:6px; padding-right:6px; border:none; }
select[data-style='list-head-noborder']:enabled:has(option:checked[value=""]) { font-weight:300; }
select[data-style='list-head-noborder']:enabled:has(option:checked:not([value=""])) { background-color:#fafaff; font-weight:500; }


select[data-width='auto'] { width:auto; max-width:100%; }

textarea[data-style='form'] { width:100%; padding:6px 8px; border:1px solid gainsboro; resize:vertical; transition:all ease .2s; transition-property:border; }
textarea[data-style='form']:enabled:focus,
textarea[data-style='form']:enabled:hover { border-color:#b54442; }

*[data-item-notfound-hide='true']:not(:has(dl.ly-item)) { display:none; }
*[data-table-notfound-hide='true']:not(:has(div.content table tbody tr)) { display:none; }


span.unit { color:gray; font-weight:400; }

h3.h:not(:first-of-type) { margin-top:30px; }
h3.h,
h4.h { padding-left:25px; margin-bottom:15px; font-size:.9375rem; font-weight:500; display:flex; align-items:center; }
h3.h:before,
h4.h:before { width:18px; height:18px; margin-right:8px; content:''; display:block; background-color:silver; -webkit-mask-image:url('/img-icon-form.svg'); }

/* Status Background Color */
*.status.booking { background-color:#f0f4c3; }
*.status.closed { background-color:#c8e6c9; }
*.status.complete { background-color:#c8e6c9 ; }
*.status.confirm { background-color:#c8e6c9 ; }
*.status.deposit { background-color:#ffe0b2; }
*.status.manufacture { background-color:#b2ebf2; }
*.status.open { background-color:#f5f5f5; }
*.status.paperwork { background-color:#fff9c4; }
*.status.ready { background-color:#f5f5f5; }
*.status.reject { background-color:#f8bbd0; }
*.status.running { background-color:#b2ebf2; }
*.status.stop { background-color:#f8bbd0; }
*.status.stowage { background-color:#e1bee7; }
*.status.wait { background-color:#f5f5f5; }
*.status.progress { background-color:#b2ebf2; }
*.status.loading { background-color:#ffe0b2; }
*.status.delivery-wait { background-color:#f0f4c3; }
*.status.manufacturing { background-color:#b2ebf2; }
*.status.waiting { background-color:#cfd8dc; }
*.status.sameinventory { background-color:#f0f4c3; }
*.status.inventory { background-color:#757575; color:white; }
*.status.new { background-color:#c8e6c9; }

*.w10 { width:10px; }
*.w10m { min-width:10px; }
*.w10x { max-width:10px; }
*.w40 { width:40px; }
*.w40m { min-width:40px; }
*.w40x { max-width:40px; }
*.w50 { width:50px; }
*.w50m { min-width:50px; }
*.w50x { max-width:50px; }
*.w60 { width:60px; }
*.w60m { min-width:60px; }
*.w60x { max-width:60px; }
*.w70 { width:70px; }
*.w70m { min-width:70px; }
*.w70x { max-width:70px; }
*.w80 { width:80px; }
*.w80m { min-width:80px; }
*.w80x { max-width:80px; }
*.w90 { width:90px; }
*.w90m { min-width:90px; }
*.w90x { max-width:90px; }
*.w100 { width:100px; }
*.w100m { min-width:100px; }
*.w100x { max-width:100px; }
*.w110 { width:110px; }
*.w110m { min-width:110px; }
*.w110x { max-width:110px; }
*.w120 { width:120px; }
*.w120m { min-width:120px; }
*.w120x { max-width:120px; }
*.w130 { width:130px; }
*.w130m { min-width:130px; }
*.w130x { max-width:130px; }
*.w140 { width:140px; }
*.w140m { min-width:140px; }
*.w140x { max-width:140px; }
*.w150 { width:150px; }
*.w150m { min-width:150px; }
*.w150x { max-width:150px; }
*.w160 { width:160px; }
*.w160m { min-width:160px; }
*.w160x { max-width:160px; }
*.w170 { width:170px; }
*.w170m { min-width:170px; }
*.w170x { max-width:170px; }
*.w180 { width:180px; }
*.w180m { min-width:180px; }
*.w180x { max-width:180px; }
*.w190 { width:190px; }
*.w190m { min-width:190px; }
*.w190x { max-width:190px; }
*.w200 { width:200px; }
*.w200m { min-width:200px; }
*.w200x { max-width:200px; }
*.w220 { width:220px; }
*.w220m { min-width:220px; }
*.w220x { max-width:220px; }
*.w250 { width:250px; }
*.w250m { min-width:250px; }
*.w250x { max-width:250px; }
*.w300 { width:300px; }
*.w300m { min-width:300px; }
*.w300x { max-width:300px; }

*.x40:not(.last) { left:40px !important; }
*.x50:not(.last) { left:50px !important; }
*.x80:not(.last) { left:80px !important; }
*.x100:not(.last) { left:100px !important; }
*.x120:not(.last) { left:120px !important; }
*.x140:not(.last) { left:140px !important; }
*.x150:not(.last) { left:150px !important; }
*.x160:not(.last) { left:160px !important; }

*.x40.last { right:40px !important; }
*.x50.last { right:50px !important; }
*.x60.last { right:60px !important; }
*.x70.last { right:70px !important; }
*.x80.last { right:80px !important; }
*.x100.last { right:100px !important; }
*.x120.last { right:120px !important; }
*.x140.last { right:140px !important; }
*.x150.last { right:150px !important; }
*.x160.last { right:160px !important; }

*[data-display-group][data-display-id][data-active='false'] { display:none; }

*[data-empty='true']:empty:after { content:'--'; font-weight:100; color:gray; text-decoration:none; }

*[data-currency-full='EUR']:before { content:'EUR (€)'; }
*[data-currency-full='JPY']:before { content:'JPY (¥)'; }
*[data-currency-full='KRW']:before { content:'KRW (₩)'; }
*[data-currency-full='USD']:before { content:'USD ($)'; }

*[data-currency] { display:flex; align-items:center; justify-content:space-between; }
*[data-currency]:before { min-width:30px; white-space:nowrap; font-size:.65rem; color:dimgray; }
*[data-currency='EUR']:before { content:'EUR'; }
*[data-currency='JPY']:before { content:'JPY'; }
*[data-currency='KRW']:before { content:'KRW'; }
*[data-currency='USD']:before { content:'USD'; }

*[data-float='clear'] { clear:both; }
*[data-float='left'] { float:left; }
*[data-float='right'] { float:right; }

*[data-alert='true'] { color:red; font-weight:bold; }

*[data-highlight='1'] { background-color:#f0ffff; }
*[data-highlight='2'] { background-color:#f0fff0; }
*[data-highlight='3'] { background-color:#fffff0; }

::-webkit-scrollbar { -webkit-appearance:none; }

@media (hover:hover) and (pointer:fine)
{
	::-webkit-scrollbar { width:15px; height:15px; }
	::-webkit-scrollbar-track { background-color:#fafafa; }
	::-webkit-scrollbar-thumb { border:3px solid #fafafa; border-radius:99999px; background-color:#dadada; }
	::-webkit-scrollbar-thumb:hover { background-color:#aaa; }
	::-webkit-scrollbar-thumb:active { background-color:#b54442; }

	#ly-Layout-Side::-webkit-scrollbar { width:2px; height:2px; }
	#ly-Layout-Side::-webkit-scrollbar-track { background-color:transparent; }
}

/* Desktop */
@media screen and (min-width:1px)
{
	*.ly-item > div:not(.full) { min-width:100%; }
}

/* Desktop */
@media screen and (min-width:800px)
{
	*.ly-item > div:not(.full) { min-width:50%; }
}

/* Desktop */
@media screen and (min-width:1900px)
{
	*.ly-item > div:not(.full) { min-width:25%; }
}

dialog.ly-dialog *.ly-item > div:not(.full) { min-width:300px; }

table.ly-mail-list tbody tr:focus-within,
table.ly-mail-list tbody tr:hover { background-color:whitesmoke; }


/* Loading */
#ly-Loading { width:100vw; height:100vh; display:none; position:fixed; top:0; left:0; z-index:1000; overflow:hidden; }
#ly-Loading div.frame { width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
#ly-Loading div.obj-loading { position:relative; }
#ly-Loading div.obj-loading > div { width:200px; height:200px; position:absolute; top:0; left:0; border-radius:50%; border:20px solid transparent; border-color:#0078e5 transparent #0078e5 transparent; }
#ly-Loading div.obj-loading > div:nth-child(1) { -webkit-animation:lazyLoading 2s linear infinite; animation:lazyLoading 2s linear infinite; }
#ly-Loading div.obj-loading > div:nth-child(2),
#ly-Loading div.obj-loading > div:nth-child(4) { width:156px; height:156px; top:22px; left:22px; -webkit-animation:lazyLoadingReverse 1s linear infinite; animation:lazyLoadingReverse 1s linear infinite; }
#ly-Loading div.obj-loading > div:nth-child(2) { border-color:transparent #003666 transparent #003666; }
#ly-Loading div.obj-loading > div:nth-child(3) { border-color:transparent; -webkit-animation:lazyLoading 2s linear infinite; animation:lazyLoading 2s linear infinite; }
#ly-Loading div.obj-loading > div:nth-child(3) div { width:100%; height:100%; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
#ly-Loading div.obj-loading > div:nth-child(3) div:before,
#ly-Loading div.obj-loading > div:nth-child(3) div:after { width:20px; height:20px; content:''; display:block; position:absolute; top:-20px; left:70px; background:#0078e5; border-radius:50%; box-shadow:0 180px 0 0 #0078e5; }
#ly-Loading div.obj-loading > div:nth-child(3) div:after { left:-20px; top:70px; box-shadow:180px 0 0 0 #0078e5; }
#ly-Loading div.obj-loading > div:nth-child(4) { border-color:transparent; }
#ly-Loading div.obj-loading > div:nth-child(4) div { width:100%; height:100%; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
#ly-Loading div.obj-loading > div:nth-child(4) div:before,
#ly-Loading div.obj-loading > div:nth-child(4) div:after { width:20px; height:20px; content:''; display:block; position:absolute; top:-20px; left:48px; background:#003666; border-radius:50%; box-shadow:0 136px 0 0 #003666; }
#ly-Loading div.obj-loading > div:nth-child(4) div:after { left:-20px; top:48px; box-shadow:136px 0 0 0 #003666; }
#ly-Loading div.obj-loading { width:120px !important; height:120px !important; -webkit-transform:translate(-60px, -60px) scale(0.6) translate(60px, 60px); transform:translate(-60px, -60px) scale(0.6) translate(60px, 60px); }

@keyframes lazyLoading {
	0% { -webkit-transform:rotate(0); transform:rotate(0); }
	100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); }
}

@-webkit-keyframes lazyLoading {
	0% { -webkit-transform:rotate(0); transform:rotate(0); }
	100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); }
}

@keyframes lazyLoadingReverse {
	0% { -webkit-transform:rotate(0); transform:rotate(0); }
	100% { -webkit-transform:rotate(-360deg); transform:rotate(-360deg); }
}

@-webkit-keyframes lazyLoadingReverse {
	0% { -webkit-transform:rotate(0); transform:rotate(0); }
	100% { -webkit-transform:rotate(-360deg); transform:rotate(-360deg); }
}

@keyframes fade {
	0% { opacity:.25; }
	50% { opacity:.025; }
	100% { opacity:.25; }
}

@-webkit-keyframes fade {
	0% { opacity:.25; }
	50% { opacity:.025; }
	100% { opacity:.25; }
}

@keyframes bell {
	0%, 50% { transform:rotate(0deg); }
	5%, 15%, 25%, 35%, 45% { transform: rotate(13deg); }
	10%, 20%, 30%, 40% { transform: rotate(-13deg); }
}

@keyframes vibration {
	0% { transform:translateX(0); }
	25% { transform:translateX(7px); }
	50% { transform:translateX(-7px); }
	75% { transform:translateX(7px); }
	100% { transform:translateX(0); }
}