@charset "UTF-8";

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

#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') rgba(0, 0, 0, .1) center center no-repeat; background-size:100px; text-indent:-99999px; }

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

#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%; padding:15px 20px; display:flex; align-items:center; color:rgba(255, 255, 255, .5); text-align:left; font-size:.9375rem; font-weight:700; 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:.3; 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.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.child { margin-bottom:10px; }
#ly-Navi-Main ul.child li.child > button { width:100%; padding:10px 15px 10px 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.child li.child:focus-within > button,
#ly-Navi-Main ul.child li.child:hover > button,
#ly-Navi-Main ul.child li.child > button:focus,
#ly-Navi-Main ul.child li.child > button:hover { background-color:rgba(255, 255, 255, .1); color:white; }
#ly-Navi-Main ul.child li.child.active > button { background-color:rgba(0, 0, 0, .1); color:white; }
#ly-Navi-Main 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.child li.child:focus-within ul.baby,
#ly-Navi-Main ul.child li.child:hover > ul.baby { display:block; }
#ly-Navi-Main 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.child li.child ul.baby li.baby > button:focus,
#ly-Navi-Main ul.child li.child ul.baby li.baby > button:hover { background-color:rgba(255, 255, 255, .1); color:white; }
#ly-Navi-Main ul.child li.child ul.baby li.baby.active > button { background-color:rgba(0, 0, 0, .1); color:white; }

#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-Mypage-Dashboard { display:flex; }
#ly-Mypage-Dashboard div.scroll { flex:1; }
#ly-Mypage-Dashboard div.overflow { width:100%; min-width:fit-content; padding:30px; }
#ly-Mypage-Dashboard div.overflow > *:not(:last-child) { margin-bottom:30px; }
#ly-Mypage-Dashboard dl.status { display:flex; }
#ly-Mypage-Dashboard dl.status div { flex:1; border:2px solid gainsboro; border-radius:6px; font-size:.875rem; text-align:center; overflow:hidden; }
#ly-Mypage-Dashboard dl.status div:not(:last-of-type) { margin-right:20px; }
#ly-Mypage-Dashboard dl.status div dt { padding:12px 6px; font-weight:700; background-color:whitesmoke; }
#ly-Mypage-Dashboard dl.status div dd { padding:12px 6px; }
#ly-Mypage-Dashboard dl.status div dd b { color:dodgerblue; }
#ly-Mypage-Dashboard div.graph { padding:20px; border:2px solid gainsboro; }
#ly-Mypage-Dashboard div.graph div.header { display:flex; align-items:center; justify-content:space-between; }
#ly-Mypage-Dashboard div.graph div.header h3 { font-size:1rem; }
#ly-Mypage-Dashboard div.graph div.header div { display:flex; align-items:center; }
#ly-Mypage-Dashboard div.graph div.header div:not(:last-of-type) { margin-right:10px; }
#ly-Mypage-Dashboard div.graph div.header div button { padding:4px 12px; border:2px solid gainsboro; border-radius:99999px; background:none; font-size:.8125rem; }
#ly-Mypage-Dashboard aside { background-color:whitesmoke; position:relative; display:flex; flex-direction:column; gap:15px; transition:all ease .2s; transition-property:min-width, width; }
#ly-Mypage-Dashboard aside[data-view='false'] { min-width:0; width:0; }
#ly-Mypage-Dashboard aside[data-view='true'] { width:281px; min-width:281px; border-left:.1px solid gainsboro; }
#ly-Mypage-Dashboard aside > div.control button { width:16px; height:50px; margin-top:-25px; border:none; display:flex; align-items:center; justify-content:center; background-color:whitesmoke; border-top:.1px solid gainsboro; border-left:.1px solid gainsboro; border-bottom:.1px solid gainsboro; border-top-left-radius:10px; border-bottom-left-radius:10px; position:absolute; top:50%; left:-16px; transition:all ease .2s; transition-property:background, border; }
#ly-Mypage-Dashboard aside > div.control button:focus,
#ly-Mypage-Dashboard aside > div.control button:hover { background-color:#c5120b; border-color:#c5120b; }
#ly-Mypage-Dashboard aside > div.control button:before { width:10px; height:10px; content:''; display:block; background-color:black; -webkit-mask:url('/img-func-arrow.svg') no-repeat; opacity:.25; transition:all ease .2s; transition-property:background, opacity; }
#ly-Mypage-Dashboard aside > div.control button:focus:before,
#ly-Mypage-Dashboard aside > div.control button:hover:before { background-color:white; opacity:.75; }
#ly-Mypage-Dashboard aside[data-view='true'] > div.control button:before { transform:rotate(180deg); }
#ly-Mypage-Dashboard aside > div.message { min-width:240px; margin-left:15px; margin-right:15px; background-color:white; border:.1px solid lightgray; border-radius:6px; overflow:hidden; }
#ly-Mypage-Dashboard aside > div.message h2 { padding:10px 8px; font-size:.9375rem; text-align:center; background-color:gainsboro; }
#ly-Mypage-Dashboard aside > div.message ul { list-style:none; font-size:.75rem; }
#ly-Mypage-Dashboard aside > div.message ul li:not(:last-of-type) { border-bottom:.1px solid gainsboro; }
#ly-Mypage-Dashboard aside > div.message ul li button { width:100%; padding:10px 12px; border:none; background:none; text-align:left; display:flex; align-items:center; transition:all ease .2s; transition-property:background; }
#ly-Mypage-Dashboard aside > div.message ul li button:focus,
#ly-Mypage-Dashboard aside > div.message ul li button:hover { background-color:whitesmoke; }
#ly-Mypage-Dashboard aside > div.message ul li button div { width:40px; height:40px; margin-right:10px; border:.1px solid gainsboro; border-radius:50%; }
#ly-Mypage-Dashboard aside > div.message ul li button dl { flex:1; }
#ly-Mypage-Dashboard aside > div.message ul li button dl dt { font-weight:500; color:#c5120b; }
#ly-Mypage-Dashboard aside > div.message ul li button dl dd.time { color:gray; font-size:.6875rem; }
#ly-Mypage-Dashboard aside > div.today { min-width:240px; margin-left:15px; margin-right:15px; background-color:white; border:.1px solid #b54442; border-radius:6px; overflow:hidden; }
#ly-Mypage-Dashboard aside > div.today h2 { padding:10px 8px; font-size:.9375rem; text-align:center; background-color:#b54442; color:white; }
#ly-Mypage-Dashboard aside > div.today ul { list-style:none; font-size:.8125rem; }
#ly-Mypage-Dashboard aside > div.today ul li:not(:last-of-type) { border-bottom:.1px solid lightgray; }
#ly-Mypage-Dashboard aside > div.today ul li button { width:100%; padding:10px 12px; border:none; background:none; transition:all ease .2s; transition-property:background; }
#ly-Mypage-Dashboard aside > div.today ul li button:focus,
#ly-Mypage-Dashboard aside > div.today ul li button:hover { background-color:whitesmoke; }
#ly-Mypage-Dashboard aside > div.today ul li button dl { display:flex; }
#ly-Mypage-Dashboard aside > div.today ul li button dl dt { flex:1; text-align:left; }
#ly-Mypage-Dashboard aside > div.calendar { min-width:240px; margin-left:15px; margin-right:15px; background-color:white; border:.1px solid lightgray; border-radius:6px; overflow:hidden; }
#ly-Mypage-Dashboard aside > div.calendar div.today { padding:12px; display:flex; align-items:center; justify-content:space-between; }
#ly-Mypage-Dashboard aside > div.calendar div.today div.date { font-size:.75rem; }
#ly-Mypage-Dashboard aside > div.calendar div.today div.toggle { display:flex; align-items:center; }
#ly-Mypage-Dashboard aside > div.calendar div.today div.toggle button { width:18px; height:18px; border:.1px solid lightgray; border-radius:4px; background:url('/img-func-arrow-fold.svg') center center no-repeat; background-size:10px 10px; }
#ly-Mypage-Dashboard aside > div.calendar div.field { padding:12px; border-top:.1px solid whitesmoke; }
#ly-Mypage-Dashboard aside > div.calendar div.field div.date { margin-bottom:10px; font-size:.875rem; display:flex; align-items:center; }
#ly-Mypage-Dashboard aside > div.calendar div.field div.date div.ym { font-weight:700; }
#ly-Mypage-Dashboard aside > div.calendar div.field div.date div.month { margin-left:auto; display:flex; align-items:center; }
#ly-Mypage-Dashboard aside > div.calendar div.field div.date div.month div { display:flex; align-items:center; }
#ly-Mypage-Dashboard aside > div.calendar div.field div.date div.month div:not(:last-of-type) { margin-right:5px; }
#ly-Mypage-Dashboard aside > div.calendar div.field div.date div.month div button { width:16px; height:16px; border:none; background:url('/img-func-arrow-calendar.svg') center center no-repeat; background-size:10px 10px; opacity:.25; }
#ly-Mypage-Dashboard aside > div.calendar div.field div.date div.month div.next button { transform:rotate(180deg); }
#ly-Mypage-Dashboard aside > div.calendar div.field div.date div.month div button:focus,
#ly-Mypage-Dashboard aside > div.calendar div.field div.date div.month div button:hover { opacity:1; }
#ly-Mypage-Dashboard aside > div.calendar div.field table { font-size:.6875rem; }
#ly-Mypage-Dashboard aside > div.calendar div.field table thead tr th { height:22px; text-align:center; font-weight:400; color:dimgray; }
#ly-Mypage-Dashboard aside > div.calendar div.field table tbody tr td { padding-top:2px; padding-bottom:2px; text-align:center; }
#ly-Mypage-Dashboard aside > div.calendar div.field table tbody tr td button { width:22px; height:22px; background:none; border:2px solid transparent; border-radius:50%; }
#ly-Mypage-Dashboard aside > div.calendar div.field table tbody tr td.active button { border-color:dodgerblue; }
#ly-Mypage-Dashboard aside > div.calendar div.field table tbody tr td.over button { color:silver; }

#ly-Mypage-Manufacturing div.overflow { min-width:fit-content; height:100%; padding:30px; }
#ly-Mypage-Manufacturing h3 { margin-bottom:20px; font-size:1.25rem; font-weight:500; display:flex; align-items:center; }
#ly-Mypage-Manufacturing h3:before { width:24px; height:24px; margin-right:10px; content:''; display:block; background-color:silver; -webkit-mask-image:url('/img-icon-title.svg'); }
#ly-Mypage-Manufacturing div.status { padding-bottom:30px; margin-bottom:30px; border-bottom:2px dashed gainsboro; display:flex; }
#ly-Mypage-Manufacturing 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; }
#ly-Mypage-Manufacturing div.status div.date div { display:flex; align-items:center; color:gray; }
#ly-Mypage-Manufacturing div.status div.date div:not(:last-of-type) { margin-right:20px; }
#ly-Mypage-Manufacturing div.status div.date div select { border:none; font-size:1.25rem; font-weight:500; }
#ly-Mypage-Manufacturing div.status div.detail { flex:1; display:flex; gap:20px; }
#ly-Mypage-Manufacturing div.status div.detail div { flex:1; }
#ly-Mypage-Manufacturing 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; }
#ly-Mypage-Manufacturing div.status div.detail div button dl dt,
#ly-Mypage-Manufacturing div.status div.detail div button dl dd { padding:12px 6px; }
#ly-Mypage-Manufacturing div.status div.detail div button dl dt { font-weight:700; background-color:whitesmoke; }
#ly-Mypage-Manufacturing div.status div.detail div button dl dd b { color:dodgerblue; }
#ly-Mypage-Manufacturing div.ly-list form { font-size:.8125rem; }
#ly-Mypage-Manufacturing div.ly-list form > div:not(:last-of-type) { margin-right:10px; }
#ly-Mypage-Manufacturing div.ly-list div.list-datetime { display:flex; align-items:center; }
#ly-Mypage-Manufacturing div.ly-list div.list-datetime div.icon { position:relative; }
#ly-Mypage-Manufacturing div.ly-list div.list-datetime div:not(:last-of-type) { margin-right:5px; }
#ly-Mypage-Manufacturing div.ly-list div.list-datetime div.icon input { width:120px; padding-left:32px; }
#ly-Mypage-Manufacturing div.ly-list 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-Mypage-Manufacturing div.ly-list div.list-status { margin-left:auto; }
#ly-Mypage-Manufacturing div.ly-list div.list-search { display:flex; align-items:center; }
#ly-Mypage-Manufacturing div.ly-list div.list-search div { position:relative; }
#ly-Mypage-Manufacturing div.ly-list div.list-search div:not(:last-of-type) { margin-right:5px; }
#ly-Mypage-Manufacturing div.ly-list div.list-search div input { width:160px; padding-right:30px; }
#ly-Mypage-Manufacturing div.ly-list div.list-search div button { width:26px; height:26px; background:url('/img-func-search.svg') center center no-repeat; background-size:16px 16px; border:none; border-radius:50%; position:absolute; top:5px; right:6px; opacity:.25; transition:all ease .2s; transition-property:opacity; }
#ly-Mypage-Manufacturing div.ly-list div.list-search div:focus-within input,
#ly-Mypage-Manufacturing div.ly-list div.list-search div:hover input { border-color:#b54442; }
#ly-Mypage-Manufacturing div.ly-list div.list-search div:focus-within button,
#ly-Mypage-Manufacturing div.ly-list div.list-search div:hover button { opacity:.5; }
#ly-Mypage-Manufacturing div.ly-list div.list-search div button:focus,
#ly-Mypage-Manufacturing div.ly-list div.list-search div button:hover { opacity:1; }

#ly-Mypage-Deposit div.overflow { min-width:fit-content; padding:30px; }
#ly-Mypage-Deposit h3 { margin-bottom:20px; font-size:1.25rem; font-weight:500; display:flex; align-items:center; }
#ly-Mypage-Deposit h3:before { width:24px; height:24px; margin-right:10px; content:''; display:block; background-color:silver; -webkit-mask-image:url('/img-icon-title.svg'); }
#ly-Mypage-Deposit div.status { padding-bottom:30px; margin-bottom:30px; border-bottom:2px dashed gainsboro; display:flex; }
#ly-Mypage-Deposit 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; }
#ly-Mypage-Deposit div.status div.date div { display:flex; align-items:center; color:gray; }
#ly-Mypage-Deposit div.status div.date div:not(:last-of-type) { margin-right:20px; }
#ly-Mypage-Deposit div.status div.date div select { border:none; font-size:1.25rem; font-weight:500; }
#ly-Mypage-Deposit div.status div.detail { flex:1; display:flex; gap:20px; }
#ly-Mypage-Deposit div.status div.detail div { flex:1; }
#ly-Mypage-Deposit 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; }
#ly-Mypage-Deposit div.status div.detail div button dl dt,
#ly-Mypage-Deposit div.status div.detail div button dl dd { padding:12px 6px; }
#ly-Mypage-Deposit div.status div.detail div button dl dt { font-weight:700; background-color:whitesmoke; }
#ly-Mypage-Deposit div.status div.detail div button dl dd b { color:dodgerblue; }
#ly-Mypage-Deposit div.ly-list form { font-size:.8125rem; }
#ly-Mypage-Deposit div.ly-list form > div:not(:last-of-type) { margin-right:10px; }
#ly-Mypage-Deposit div.ly-list div.list-datetime { display:flex; align-items:center; }
#ly-Mypage-Deposit div.ly-list div.list-datetime div.icon { position:relative; }
#ly-Mypage-Deposit div.ly-list div.list-datetime div:not(:last-of-type) { margin-right:5px; }
#ly-Mypage-Deposit div.ly-list div.list-datetime div.icon input { width:120px; padding-left:32px; }
#ly-Mypage-Deposit div.ly-list 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-Mypage-Deposit div.ly-list div.list-status { margin-left:auto; }
#ly-Mypage-Deposit div.ly-list div.list-search { display:flex; align-items:center; }
#ly-Mypage-Deposit div.ly-list div.list-search div { position:relative; }
#ly-Mypage-Deposit div.ly-list div.list-search div:not(:last-of-type) { margin-right:5px; }
#ly-Mypage-Deposit div.ly-list div.list-search div input { width:160px; padding-right:30px; }
#ly-Mypage-Deposit div.ly-list div.list-search div button { width:26px; height:26px; background:url('/img-func-search.svg') center center no-repeat; background-size:16px 16px; border:none; border-radius:50%; position:absolute; top:5px; right:6px; opacity:.25; transition:all ease .2s; transition-property:opacity; }
#ly-Mypage-Deposit div.ly-list div.list-search div:focus-within input,
#ly-Mypage-Deposit div.ly-list div.list-search div:hover input { border-color:#b54442; }
#ly-Mypage-Deposit div.ly-list div.list-search div:focus-within button,
#ly-Mypage-Deposit div.ly-list div.list-search div:hover button { opacity:.5; }
#ly-Mypage-Deposit div.ly-list div.list-search div button:focus,
#ly-Mypage-Deposit div.ly-list div.list-search div button:hover { opacity:1; }
#ly-Mypage-Deposit div.ly-list div.list-button { display:flex; align-items:center; }
#ly-Mypage-Deposit div.ly-list div.list-button div:not(:last-of-type) { margin-right:10px; }

#ly-Mypage-Approval-Request h3 { margin-bottom:20px; font-size:1.25rem; font-weight:500; display:flex; align-items:center; }
#ly-Mypage-Approval-Request h3:before { width:24px; height:24px; margin-right:10px; content:''; display:block; background-color:silver; -webkit-mask-image:url('/img-icon-title.svg'); }
#ly-Mypage-Approval-Request div.overflow { min-width:fit-content; padding:30px; }
#ly-Mypage-Approval-Request section { margin-bottom:30px; }
#ly-Mypage-Approval-Request section h4 { margin-bottom:15px; font-weight:500; font-size:.9375rem; display:flex; align-items:center; }
#ly-Mypage-Approval-Request section h4:before { width:18px; height:18px; margin-right:8px; content:''; display:block; background-color:silver; -webkit-mask-image:url('/img-icon-form.svg'); }
#ly-Mypage-Approval-Request section dl.ly-item div dd.order dl { display:flex; align-items:center; }
#ly-Mypage-Approval-Request section dl.ly-item div dd.order dl dt { margin-right:10px; }
#ly-Mypage-Approval-Request section dl.ly-item div dd.order dl dd { display:flex; align-items:center; }
#ly-Mypage-Approval-Request section dl.ly-item div dd.order dl dd button { width:24px; height:24px; border:2px solid gainsboro; border-radius:4px; background:url('/img-func-search.svg') center center no-repeat; background-size:14px 14px; }
#ly-Mypage-Approval-Request div.command { font-size:.875rem; display:flex; justify-content:center; }
#ly-Mypage-Approval-Request div.command div:not(:last-of-type) { margin-right:15px; }

#ly-Mypage-Schedule div.scroll { display:flex; }
#ly-Mypage-Schedule div.overflow { min-width:fit-content; padding:30px 30px 0 30px; flex:1; display:flex; flex-direction:column; }
#ly-Mypage-Schedule h3 { margin-bottom:20px; font-size:1.25rem; font-weight:500; display:flex; align-items:center; }
#ly-Mypage-Schedule h3:before { width:24px; height:24px; margin-right:10px; content:''; display:block; background-color:silver; -webkit-mask-image:url('/img-icon-title.svg'); }
#ly-Mypage-Schedule section.status { margin-bottom:30px; }
#ly-Mypage-Schedule section.status header { margin-bottom:20px; display:flex; align-items:center; justify-content:center; }
#ly-Mypage-Schedule section.status header h4 { margin-left:20px; margin-right:20px; order:2; }
#ly-Mypage-Schedule section.status header div { display:flex; align-items:center; }
#ly-Mypage-Schedule section.status header div.next { order:3; }
#ly-Mypage-Schedule section.status header div.prev { order:1; }
#ly-Mypage-Schedule section.status header div button { widtH:22px; height:22px; background:none; border:none; display:flex; align-items:center; justify-content:center; }
#ly-Mypage-Schedule section.status header div button:before { widtH:16px; height:16px; content:''; display:block; background-color:silver; -webkit-mask-image:url('img-func-arrow.svg'); transition:all ease .2s; transition-property:background; }
#ly-Mypage-Schedule section.status header div button:focus:before,
#ly-Mypage-Schedule section.status header div button:hover:before { background-color:#b54442; }
#ly-Mypage-Schedule section.status header div.next button { transform:rotate(180deg); }
#ly-Mypage-Schedule section.status dl { display:flex; }
#ly-Mypage-Schedule section.status dl div { flex:1; border:2px solid gainsboro; border-radius:6px; font-size:.875rem; text-align:center; overflow:hidden; }
#ly-Mypage-Schedule section.status dl div:not(:last-of-type) { margin-right:20px; }
#ly-Mypage-Schedule section.status dl div dt { padding:8px 6px; font-weight:700; background-color:whitesmoke; }
#ly-Mypage-Schedule section.status dl div dd { padding:8px 6px; }
#ly-Mypage-Schedule section.status dl div dd b { color:dodgerblue; }
#ly-Mypage-Schedule section.calendar { padding-bottom:30px; flex:1; border-top:2px solid silver; }
#ly-Mypage-Schedule section.calendar table { height:100%; table-layout:fixed; }
#ly-Mypage-Schedule section.calendar table tbody tr td { height:80px; border-bottom:.1px solid silver; font-size:.8125rem; vertical-align:top; }
#ly-Mypage-Schedule section.calendar table tbody tr td:not(:last-of-type) { border-right:.1px solid silver; }
#ly-Mypage-Schedule section.calendar table tbody tr td div button { width:100%; padding:5px 10px; border:none; background:none; }
#ly-Mypage-Schedule section.calendar table tbody tr td div.day button { text-align:right; font-size:.875rem; }
#ly-Mypage-Schedule section.calendar table tbody tr td.active div.day button { font-weight:700; }
#ly-Mypage-Schedule section.calendar table tbody tr td.other div.day button { color:gray; font-weight:300; background-color:whitesmoke; }
#ly-Mypage-Schedule section.calendar table tbody tr td.active:nth-of-type(1) div.day button { color:red; }
#ly-Mypage-Schedule section.calendar table tbody tr td.active:nth-of-type(7) div.day button { color:blue; }
#ly-Mypage-Schedule section.calendar table tbody tr td div button dl { display:flex; flex-wrap:wrap; justify-content:space-between; }
#ly-Mypage-Schedule section.calendar table tbody tr td div button dl dt { margin-right:10px; text-align:left; }
#ly-Mypage-Schedule section.calendar table tbody tr td div button dl dd { text-align:right; }
#ly-Mypage-Schedule section.calendar table tbody tr td div.status button { border:none; font-size:.8125rem; background:none; }
#ly-Mypage-Schedule section.calendar table tbody tr td div.status.wait-order-receipt button { background-color:#eaecec; }
#ly-Mypage-Schedule section.calendar table tbody tr td div.status.domestic-order-regist button { background-color:#d8deec; }
#ly-Mypage-Schedule section.calendar table tbody tr td div.status.export-order-regist button { background-color:#e7eff5; }
#ly-Mypage-Schedule section.calendar table tbody tr td div.status.manufacture-regist button { background-color:#dce5d9; }
#ly-Mypage-Schedule section.calendar table tbody tr td div.status.manufacture-complete button { background-color:#cbdccb; }
#ly-Mypage-Schedule section.calendar table tbody tr td div.status.forward-progress button { background-color:#e7efe6; }
#ly-Mypage-Schedule section.calendar table tbody tr td div.status.manufacture-stop button { background-color:#f5d2d2; }

#ly-Mypage-Message div.scroll { display:flex; }
#ly-Mypage-Message div.overflow { min-width:fit-content; padding:30px 30px 0 30px; flex:1; display:flex; flex-direction:column; }
#ly-Mypage-Message div.overflow > header h3 { margin-bottom:20px; font-size:1.25rem; font-weight:500; display:flex; align-items:center; }
#ly-Mypage-Message div.overflow > header h3:before { width:24px; height:24px; margin-right:10px; content:''; display:block; background-color:silver; -webkit-mask-image:url('/img-icon-title.svg'); }
#ly-Mypage-Message section.message { padding-bottom:30px; flex:1; display:flex; flex-direction:column; overflow:hidden; }
#ly-Mypage-Message section.message div.header { margin-bottom:15px; display:flex; flex-wrap:wrap; justify-content:space-between; font-size:.875rem; gap:10px; }
#ly-Mypage-Message section.message div.header > div { display:flex; }
#ly-Mypage-Message section.message div.header > div.navigate { flex:1; }
#ly-Mypage-Message section.message div.header > div.command {  }
#ly-Mypage-Message section.message div.header > form.search { margin-left:auto; display:flex; align-items:center; }
#ly-Mypage-Message section.message div.header > form.search div { position:relative; }
#ly-Mypage-Message section.message div.header > form.search div:not(:last-of-type) { margin-right:5px; }
#ly-Mypage-Message section.message div.header > form.search div input { width:160px; padding-right:30px; }
#ly-Mypage-Message section.message div.header > form.search div button { width:26px; height:26px; background:url('/img-func-search.svg') center center no-repeat; background-size:16px 16px; border:none; border-radius:50%; position:absolute; top:5px; right:6px; opacity:.25; transition:all ease .2s; transition-property:opacity; }
#ly-Mypage-Message section.message div.header > form.search div:focus-within input,
#ly-Mypage-Message section.message div.header > form.search div:hover input { border-color:#b54442; }
#ly-Mypage-Message section.message div.header > form.search div:focus-within button,
#ly-Mypage-Message section.message div.header > form.search div:hover button { opacity:.5; }
#ly-Mypage-Message section.message div.header > form.search div button:focus,
#ly-Mypage-Message section.message div.header > form.search div button:hover { opacity:1; }
#ly-Mypage-Message section.message div.header > div div:not(:last-of-type) { margin-right:10px; }
#ly-Mypage-Message section.message div.message { flex-grow:1; display:flex; border-top:.1px solid silver; border-left:.1px solid silver; border-right:.1px solid silver; overflow:hidden; }
#ly-Mypage-Message section.message div.message div.list { min-width:400px; border-right:2px solid gainsboro; overflow-x:hidden; overflow-y:auto; }
#ly-Mypage-Message section.message div.message div.list div.item:not(:last-of-type) { border-bottom:.1px solid gainsboro; }
#ly-Mypage-Message section.message div.message div.list button { width:100%; padding:20px; border:none; border-left:3px solid transparent; background:none; }
#ly-Mypage-Message section.message div.message div.list button dl { margin-bottom:6px; font-size:.875rem; display:flex; justify-content:space-between; gap:15px; }
#ly-Mypage-Message section.message div.message div.list button dl dt { flex-grow:1; text-align:left; }
#ly-Mypage-Message section.message div.message div.list button div { text-align:left; font-size:.9375rem; color:dodgerblue; }
#ly-Mypage-Message section.message div.message div.list button:focus,
#ly-Mypage-Message section.message div.message div.list button:hover { background-color:whitesmoke; }
#ly-Mypage-Message section.message div.message div.view { min-width:300px; flex-grow:1; overflow:auto; }
#ly-Mypage-Message section.message div.message div.view p.ready { width:100%; min-height:100%; display:flex; align-items:center; justify-content:center; }
#ly-Mypage-Message section.message div.message div.view p.ready span { display:flex; flex-direction:column; align-items:center; font-size:.875rem; }
#ly-Mypage-Message section.message div.message div.view p.ready span:before { width:100px; height:100px; margin-bottom:10px; content:''; display:block; background:url('img-icon-message.svg') no-repeat; opacity:.25; }
#ly-Mypage-Message section.message div.pager { padding:10px; font-size:.8125rem; background-color:whitesmoke; border-left:.1px solid silver; border-right:.1px solid silver; border-bottom:.1px solid silver; display:flex; align-items:center; justify-content:space-between; }
#ly-Mypage-Message section.message div.pager div.pagination { display:flex; align-items:center; }

#ly-Mypage-Message section.message div.message div.view article { min-width:100%; height:100%; display:inline-block; }
#ly-Mypage-Message section.message div.message div.view article > header { padding:20px; border-bottom:.1px solid #eaeaea; }
#ly-Mypage-Message section.message div.message div.view article > header div.info { margin-right:20px; padding-bottom:15px; flex:1; }
#ly-Mypage-Message section.message div.message div.view article > header div.info h2 { margin-bottom:20px; font-size:1.25rem; word-break:break-all; }
#ly-Mypage-Message section.message div.message div.view article > header div.info div.sender { font-size:.9375rem; display:flex; vertical-align:top; }
#ly-Mypage-Message section.message div.message div.view article > header div.info div.sender button { display:flex; align-items:center; border:none; background-color:transparent; text-align:left; color:#555; }
#ly-Mypage-Message section.message div.message div.view article > header div.info div.sender button:focus,
#ly-Mypage-Message section.message div.message div.view article > header div.info div.sender button:hover { color:dodgerblue; text-decoration:underline; }
#ly-Mypage-Message section.message div.message div.view article > header div.info div.sender button div.profile { width:30px; height:30px; margin-right:8px; border-radius:200px; border:.1px solid #dadada; background-color:#fff; background-position:center center; background-repeat:no-repeat; overflow:hidden; }
#ly-Mypage-Message section.message div.message div.view article > header div.info div.sender button div.profile + div { flex:1; word-break:break-all; }
#ly-Mypage-Message section.message div.message div.view article > header div.info div.sender button div.profile img { width:100%; height:100%; }
#ly-Mypage-Message section.message div.message div.view article > header div.other { display:flex; }
#ly-Mypage-Message section.message div.message div.view article > header div.other p { font-size:.75rem; font-weight:300; color:dimgray; }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment { margin:20px; font-size:.75rem; }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment:empty { display:none; }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment div.info { margin-bottom:10px; display:flex; align-items:center; }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment div.info div.count { margin-right:10px; display:flex; align-items:center; }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment div.info div.count:before { width:14px; height:14px; margin-right:6px; content:''; display:block; background-image:url('../../img/view/mail/img-attachment.svg'); }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment div.info div.count span.head { margin-right:4px; }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment div.info div.count span.tail { color:dimgray; font-weight:200; }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment div.info div.download button { border:none; background:none; }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment div.info div.download button:focus,
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment div.info div.download button:hover { color:#0279e5; text-decoration:underline; }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment dl { padding:10px 12px; margin-bottom:-1px; display:flex; align-items:center; background-color:#fafafa; border:.1px solid #eaeaea; }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment dl dt { margin-right:10px; display:flex; align-items:center; }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment dl[data-extension] dt:before { width:14px; height:14px; margin-right:8px; content:''; display:block; background-image:url('../../img/view/mail/img-ext-file.svg'); }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment dl[data-extension='audio'] dt:before { background-image:url('../../img/view/mail/img-ext-audio.svg'); }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment dl[data-extension='compress'] dt:before { background-image:url('../../img/view/mail/img-ext-compress.svg'); }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment dl[data-extension='spreadsheet'] dt:before { background-image:url('../../img/view/mail/img-ext-spreadsheet.svg'); }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment dl[data-extension='hangul'] dt:before { background-image:url('../../img/view/mail/img-ext-hangul.svg'); }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment dl[data-extension='html'] dt:before { background-image:url('../../img/view/mail/img-ext-html.svg'); }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment dl[data-extension='image'] dt:before { background-image:url('../../img/view/mail/img-ext-image.svg'); }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment dl[data-extension='pdf'] dt:before { background-image:url('../../img/view/mail/img-ext-pdf.svg'); }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment dl[data-extension='presentation'] dt:before { background-image:url('../../img/view/mail/img-ext-presentation.svg'); }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment dl[data-extension='video'] dt:before { background-image:url('../../img/view/mail/img-ext-video.svg'); }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment dl[data-extension='warning'] dt:before { background-image:url('../../img/view/mail/img-ext-warning.svg'); }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment dl[data-extension='word'] dt:before { background-image:url('../../img/view/mail/img-ext-word.svg'); }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment dl dt a { width:100%; flex:1; text-decoration:none; display:block; color:#222; font-weight:300; }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment dl dt a:focus,
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment dl dt a:hover { color:#0279e5; text-decoration:underline; }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment dl dt a { color:#222; text-decoration:none; word-break:break-all; }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment dl dd:not(:last-of-type) { margin-right:8px; }
#ly-Mypage-Message section.message div.message div.view article > div.ly-attachment dl dd.size { color:#757575; font-weight:200; }
#ly-Mypage-Message section.message div.message div.view article > div.ly-content { margin:20px; }
#ly-Mypage-Message section.message div.message div.view article > div.ly-content > article { all:unset; }
#ly-Mypage-Message section.message div.message div.view article > div.ly-content > article div.dj-large-attachment {}
#ly-Mypage-Message section.message div.message div.view article > div.ly-content img[data-loading] { min-width:60px; min-height:60px; border:none; background-color:white; background-image:url('../../img/common/img-loading.gif'); background-position:center center; background-repeat:no-repeat; }

#ly-Mypage-Order div.overflow { min-width:fit-content; padding:30px; }
#ly-Mypage-Order dl.status { padding-bottom:30px; margin-bottom:30px; border-bottom:2px dashed gainsboro; display:flex; }
#ly-Mypage-Order dl.status div { flex:1; border:2px solid gainsboro; border-radius:6px; font-size:.875rem; text-align:center; overflow:hidden; }
#ly-Mypage-Order dl.status div:not(:last-of-type) { margin-right:20px; }
#ly-Mypage-Order dl.status div dt { padding:12px 6px; font-weight:700; background-color:whitesmoke; }
#ly-Mypage-Order dl.status div dd { padding:12px 6px; }
#ly-Mypage-Order dl.status div dd b { color:dodgerblue; }
#ly-Mypage-Order div.ly-list form { font-size:.8125rem; }
#ly-Mypage-Order div.ly-list form > div:not(:last-of-type) { margin-right:10px; }
#ly-Mypage-Order div.ly-list div.list-datetime { display:flex; align-items:center; }
#ly-Mypage-Order div.ly-list div.list-datetime div.icon { position:relative; }
#ly-Mypage-Order div.ly-list div.list-datetime div:not(:last-of-type) { margin-right:5px; }
#ly-Mypage-Order div.ly-list div.list-datetime div.icon input { width:120px; padding-left:32px; }
#ly-Mypage-Order div.ly-list 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-Mypage-Order div.ly-list div.list-status { margin-left:auto; }
#ly-Mypage-Order div.ly-list div.list-search { display:flex; align-items:center; }
#ly-Mypage-Order div.ly-list div.list-search div { position:relative; }
#ly-Mypage-Order div.ly-list div.list-search div:not(:last-of-type) { margin-right:5px; }
#ly-Mypage-Order div.ly-list div.list-search div input { width:160px; padding-right:30px; }
#ly-Mypage-Order div.ly-list div.list-search div button { width:26px; height:26px; background:url('/img-func-search.svg') center center no-repeat; background-size:16px 16px; border:none; border-radius:50%; position:absolute; top:5px; right:6px; opacity:.25; transition:all ease .2s; transition-property:opacity; }
#ly-Mypage-Order div.ly-list div.list-search div:focus-within input,
#ly-Mypage-Order div.ly-list div.list-search div:hover input { border-color:#b54442; }
#ly-Mypage-Order div.ly-list div.list-search div:focus-within button,
#ly-Mypage-Order div.ly-list div.list-search div:hover button { opacity:.5; }
#ly-Mypage-Order div.ly-list div.list-search div button:focus,
#ly-Mypage-Order div.ly-list div.list-search div button:hover { opacity:1; }
#ly-Mypage-Order div.ly-list div.list-button { display:flex; align-items:center; }
#ly-Mypage-Order div.ly-list div.list-button div:not(:last-of-type) { margin-right:10px; }

#ly-Mypage-Order-Domestic div.overflow { min-width:fit-content; padding:30px; }
#ly-Mypage-Order-Domestic dl.status { padding-bottom:30px; margin-bottom:30px; border-bottom:2px dashed gainsboro; display:flex; }
#ly-Mypage-Order-Domestic dl.status div { flex:1; border:2px solid gainsboro; border-radius:6px; font-size:.875rem; text-align:center; overflow:hidden; }
#ly-Mypage-Order-Domestic dl.status div:not(:last-of-type) { margin-right:20px; }
#ly-Mypage-Order-Domestic dl.status div dt { padding:12px 6px; font-weight:700; background-color:whitesmoke; }
#ly-Mypage-Order-Domestic dl.status div dd { padding:12px 6px; }
#ly-Mypage-Order-Domestic dl.status div dd b { color:dodgerblue; }
#ly-Mypage-Order-Domestic div.ly-list form { font-size:.8125rem; }
#ly-Mypage-Order-Domestic div.ly-list form > div:not(:last-of-type) { margin-right:10px; }
#ly-Mypage-Order-Domestic div.ly-list div.list-datetime { display:flex; align-items:center; }
#ly-Mypage-Order-Domestic div.ly-list div.list-datetime div.icon { position:relative; }
#ly-Mypage-Order-Domestic div.ly-list div.list-datetime div:not(:last-of-type) { margin-right:5px; }
#ly-Mypage-Order-Domestic div.ly-list div.list-datetime div.icon input { width:120px; padding-left:32px; }
#ly-Mypage-Order-Domestic div.ly-list 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-Mypage-Order-Domestic div.ly-list div.list-status { margin-left:auto; }
#ly-Mypage-Order-Domestic div.ly-list div.list-search { display:flex; align-items:center; }
#ly-Mypage-Order-Domestic div.ly-list div.list-search div { position:relative; }
#ly-Mypage-Order-Domestic div.ly-list div.list-search div:not(:last-of-type) { margin-right:5px; }
#ly-Mypage-Order-Domestic div.ly-list div.list-search div input { width:160px; padding-right:30px; }
#ly-Mypage-Order-Domestic div.ly-list div.list-search div button { width:26px; height:26px; background:url('/img-func-search.svg') center center no-repeat; background-size:16px 16px; border:none; border-radius:50%; position:absolute; top:5px; right:6px; opacity:.25; transition:all ease .2s; transition-property:opacity; }
#ly-Mypage-Order-Domestic div.ly-list div.list-search div:focus-within input,
#ly-Mypage-Order-Domestic div.ly-list div.list-search div:hover input { border-color:#b54442; }
#ly-Mypage-Order-Domestic div.ly-list div.list-search div:focus-within button,
#ly-Mypage-Order-Domestic div.ly-list div.list-search div:hover button { opacity:.5; }
#ly-Mypage-Order-Domestic div.ly-list div.list-search div button:focus,
#ly-Mypage-Order-Domestic div.ly-list div.list-search div button:hover { opacity:1; }
#ly-Mypage-Order-Domestic div.ly-list div.list-button { display:flex; align-items:center; }
#ly-Mypage-Order-Domestic div.ly-list div.list-button div:not(:last-of-type) { margin-right:10px; }

#ly-Configure-Function-Detail form.common-mail div.members { width:100%; }
#ly-Configure-Function-Detail form.common-mail div.members div.command { margin-bottom:15px; display:flex; justify-content:flex-end; }
#ly-Configure-Function-Detail form.common-mail div.members div.command div:not(:last-of-type) { margin-right:10px; }
#ly-Configure-Function-Detail form.common-mail div.cc { width:100%; }
#ly-Configure-Function-Detail form.common-mail div.cc > *:not(:last-child) { margin-bottom:8px; }
#ly-Configure-Function-Detail form.common-mail div.status { width:100%; }
#ly-Configure-Function-Detail form.common-mail div.status div.size { margin-bottom:15px; display:flex; }
#ly-Configure-Function-Detail form.common-mail div.status div.size dl { margin-right:20px; display:flex; align-items:center; }
#ly-Configure-Function-Detail form.common-mail div.status div.size dl dt { margin-right:10px; }
#ly-Configure-Function-Detail form.common-mail div.status div.size dl dd { font-size:1.125rem; color:#b54442; font-weight:700; }
#ly-Configure-Function-Detail form.common-mail div.status div.size div.progress { height:40px; flex:1; background-color:white; border:.1px solid gainsboro; position:relative; }
#ly-Configure-Function-Detail form.common-mail div.status div.size div.progress span.bar { height:40px; display:block; background-color:gainsboro; position:absolute; top:0; left:0; }
#ly-Configure-Function-Detail form.common-mail div.status div.size div.progress span.text { width:100%; height:40px; display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; }
#ly-Configure-Function-Detail form.common-mail div.status div.mailbox table tbody td div.command { display:flex; justify-content:center; }
#ly-Configure-Function-Detail form.common-mail div.status div.mailbox table tbody td div.command { display:flex; justify-content:center; }
#ly-Configure-Function-Detail form.common-mail div.status div.mailbox table tbody td div.command { display:flex; justify-content:center; }
#ly-Configure-Function-Detail form.common-mail div.status div.mailbox table tbody td div.command div:not(:last-of-type) { margin-right:10px; }

#ly-Management-Order div.overflow { min-width:fit-content; padding:30px; }
#ly-Management-Order div.overflow > header { margin-bottom:20px; display:flex; justify-content:space-between; }
#ly-Management-Order div.overflow > header h3 { font-size:1.25rem; font-weight:500; display:flex; align-items:center; }
#ly-Management-Order div.overflow > header h3:before { width:24px; height:24px; margin-right:10px; content:''; display:block; background-color:silver; -webkit-mask-image:url('/img-icon-title.svg'); }

#ly-Management-Order-Write div.overflow { min-width:fit-content; padding:30px; }
#ly-Management-Order-Write form fieldset { margin-bottom:30px; border:none; }
#ly-Management-Order-Write form fieldset legend { margin-bottom:15px; font-weight:500; font-size:.9375rem; display:flex; align-items:center; }
#ly-Management-Order-Write 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-Management-Order-Write form div.command { display:flex; justify-content:center; gap:20px; }

#ly-Management-Order-View div.overflow { min-width:fit-content; padding:30px; }
#ly-Management-Order-View section { margin-bottom:30px; }
#ly-Management-Order-View section h4 { margin-bottom:15px; font-weight:500; font-size:.9375rem; display:flex; align-items:center; }
#ly-Management-Order-View section h4:before { width:18px; height:18px; margin-right:8px; content:''; display:block; background-color:silver; -webkit-mask-image:url('/img-icon-form.svg'); }
#ly-Management-Order-View section div.status-partition { padding-top:10px; }
#ly-Management-Order-View section div.status-partition div { display:flex; justify-content:center; gap:10px; }
#ly-Management-Order-View section div.status-partition div.parent { padding-bottom:10px; }
#ly-Management-Order-View section div.status-partition div.child { padding-top:11px; }
#ly-Management-Order-View section div.status-partition div div { flex:1; position:relative; }
#ly-Management-Order-View section div.status-partition div div span { width:100%; padding:5px; font-size:.75rem; border:2px solid gainsboro; border-radius:6px; text-align:center; word-break:break-all; }
#ly-Management-Order-View section div.status-partition div div.active span { background-color:dodgerblue; border-color:dodgerblue; color:white; font-weight:700; }
#ly-Management-Order-View section div.status-partition div div.line.active:after { width:1px; height:11px; content:''; background-color:dodgerblue; position:absolute; }
#ly-Management-Order-View section div.status-partition div.parent div.active:after { bottom:-11px; }
#ly-Management-Order-View section div.status-partition div.child div.line:before { width:calc(50% + 5px); height:1px; content:''; background-color:dodgerblue; position:absolute; top:-11px; }
#ly-Management-Order-View section div.status-partition div.child div.line.left:before { left:-5px; }
#ly-Management-Order-View section div.status-partition div.child div.line.right:before { right:-5px; }
#ly-Management-Order-View section div.status-partition div.child div.line.active:after { top:-11px; }
#ly-Management-Order-View section.history form { margin-bottom:10px; display:flex; font-size:.875rem; }
#ly-Management-Order-View section.history form div.input { margin-right:5px; flex:1; }
#ly-Management-Order-View section.history form div.input input { width:100%; }
#ly-Management-Order-View div.command { display:flex; justify-content:center; }
#ly-Management-Order-View div.command.header { gap:15px; }
#ly-Management-Order-View div.command.page { gap:20px; }

#ly-Management-Manufacturing div.overflow { min-width:fit-content; height:100%; padding:30px; }
#ly-Management-Manufacturing header h3 { margin-bottom:20px; font-size:1.25rem; font-weight:500; display:flex; align-items:center; }
#ly-Management-Manufacturing header h3:before { width:24px; height:24px; margin-right:10px; content:''; display:block; background-color:silver; -webkit-mask-image:url('/img-icon-title.svg'); }
#ly-Management-Manufacturing div.status { padding-bottom:30px; margin-bottom:30px; border-bottom:2px dashed gainsboro; display:flex; }
#ly-Management-Manufacturing 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; }
#ly-Management-Manufacturing div.status div.date div { display:flex; align-items:center; color:gray; }
#ly-Management-Manufacturing div.status div.date div:not(:last-of-type) { margin-right:20px; }
#ly-Management-Manufacturing div.status div.date div select { border:none; font-size:1.25rem; font-weight:500; }
#ly-Management-Manufacturing div.status div.detail { flex:1; display:flex; gap:20px; }
#ly-Management-Manufacturing div.status div.detail div { flex:1; }
#ly-Management-Manufacturing 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; }
#ly-Management-Manufacturing div.status div.detail div button dl dt,
#ly-Management-Manufacturing div.status div.detail div button dl dd { padding:12px 6px; }
#ly-Management-Manufacturing div.status div.detail div button dl dt { font-weight:700; background-color:whitesmoke; }
#ly-Management-Manufacturing div.status div.detail div button dl dd b { color:dodgerblue; }
#ly-Management-Manufacturing div.ly-list form { font-size:.8125rem; }
#ly-Management-Manufacturing div.ly-list form > div:not(:last-of-type) { margin-right:10px; }
#ly-Management-Manufacturing div.ly-list div.list-datetime { display:flex; align-items:center; }
#ly-Management-Manufacturing div.ly-list div.list-datetime div.icon { position:relative; }
#ly-Management-Manufacturing div.ly-list div.list-datetime div:not(:last-of-type) { margin-right:5px; }
#ly-Management-Manufacturing div.ly-list div.list-datetime div.icon input { width:120px; padding-left:32px; }
#ly-Management-Manufacturing div.ly-list 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-Management-Manufacturing div.ly-list div.list-status { margin-left:auto; }
#ly-Management-Manufacturing div.ly-list div.list-search { display:flex; align-items:center; }
#ly-Management-Manufacturing div.ly-list div.list-search div { position:relative; }
#ly-Management-Manufacturing div.ly-list div.list-search div:not(:last-of-type) { margin-right:5px; }
#ly-Management-Manufacturing div.ly-list div.list-search div input { width:160px; padding-right:30px; }
#ly-Management-Manufacturing div.ly-list div.list-search div button { width:26px; height:26px; background:url('/img-func-search.svg') center center no-repeat; background-size:16px 16px; border:none; border-radius:50%; position:absolute; top:5px; right:6px; opacity:.25; transition:all ease .2s; transition-property:opacity; }
#ly-Management-Manufacturing div.ly-list div.list-search div:focus-within input,
#ly-Management-Manufacturing div.ly-list div.list-search div:hover input { border-color:#b54442; }
#ly-Management-Manufacturing div.ly-list div.list-search div:focus-within button,
#ly-Management-Manufacturing div.ly-list div.list-search div:hover button { opacity:.5; }
#ly-Management-Manufacturing div.ly-list div.list-search div button:focus,
#ly-Management-Manufacturing div.ly-list div.list-search div button:hover { opacity:1; }

#ly-Management-Deposit div.overflow { min-width:fit-content; padding:30px; }
#ly-Management-Deposit h3 { margin-bottom:20px; font-size:1.25rem; font-weight:500; display:flex; align-items:center; }
#ly-Management-Deposit h3:before { width:24px; height:24px; margin-right:10px; content:''; display:block; background-color:silver; -webkit-mask-image:url('/img-icon-title.svg'); }
#ly-Management-Deposit div.status { padding-bottom:30px; margin-bottom:30px; border-bottom:2px dashed gainsboro; display:flex; }
#ly-Management-Deposit 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; }
#ly-Management-Deposit div.status div.date div { display:flex; align-items:center; color:gray; }
#ly-Management-Deposit div.status div.date div:not(:last-of-type) { margin-right:20px; }
#ly-Management-Deposit div.status div.date div select { border:none; font-size:1.25rem; font-weight:500; }
#ly-Management-Deposit div.status div.detail { flex:1; display:flex; gap:20px; }
#ly-Management-Deposit div.status div.detail div { flex:1; }
#ly-Management-Deposit 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; }
#ly-Management-Deposit div.status div.detail div button dl dt,
#ly-Management-Deposit div.status div.detail div button dl dd { padding:12px 6px; }
#ly-Management-Deposit div.status div.detail div button dl dt { font-weight:700; background-color:whitesmoke; }
#ly-Management-Deposit div.status div.detail div button dl dd b { color:dodgerblue; }
#ly-Management-Deposit div.ly-list form { font-size:.8125rem; }
#ly-Management-Deposit div.ly-list form > div:not(:last-of-type) { margin-right:10px; }
#ly-Management-Deposit div.ly-list div.list-datetime { display:flex; align-items:center; }
#ly-Management-Deposit div.ly-list div.list-datetime div.icon { position:relative; }
#ly-Management-Deposit div.ly-list div.list-datetime div:not(:last-of-type) { margin-right:5px; }
#ly-Management-Deposit div.ly-list div.list-datetime div.icon input { width:120px; padding-left:32px; }
#ly-Management-Deposit div.ly-list 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-Management-Deposit div.ly-list div.list-status { margin-left:auto; }
#ly-Management-Deposit div.ly-list div.list-search { display:flex; align-items:center; }
#ly-Management-Deposit div.ly-list div.list-search div { position:relative; }
#ly-Management-Deposit div.ly-list div.list-search div:not(:last-of-type) { margin-right:5px; }
#ly-Management-Deposit div.ly-list div.list-search div input { width:160px; padding-right:30px; }
#ly-Management-Deposit div.ly-list div.list-search div button { width:26px; height:26px; background:url('/img-func-search.svg') center center no-repeat; background-size:16px 16px; border:none; border-radius:50%; position:absolute; top:5px; right:6px; opacity:.25; transition:all ease .2s; transition-property:opacity; }
#ly-Management-Deposit div.ly-list div.list-search div:focus-within input,
#ly-Management-Deposit div.ly-list div.list-search div:hover input { border-color:#b54442; }
#ly-Management-Deposit div.ly-list div.list-search div:focus-within button,
#ly-Management-Deposit div.ly-list div.list-search div:hover button { opacity:.5; }
#ly-Management-Deposit div.ly-list div.list-search div button:focus,
#ly-Management-Deposit div.ly-list div.list-search div button:hover { opacity:1; }
#ly-Management-Deposit div.ly-list div.list-button { display:flex; align-items:center; }
#ly-Management-Deposit div.ly-list div.list-button div:not(:last-of-type) { margin-right:10px; }

#ly-Management-Order-Proforma-Invoice section { margin-bottom:30px; }

#ly-Management-Notification div.overflow { min-width:fit-content; height:100%; padding:30px 30px 0 30px; display:flex; flex-direction:column; }
#ly-Management-Notification div.ly-notification { margin-bottom:30px; flex:1; display:flex; border:.1px solid gainsboro; overflow:hidden; }
#ly-Management-Notification div.ly-notification ul { list-style:none; overflow:auto; }
#ly-Management-Notification div.ly-notification ul.category { width:200px; border-right:.1px solid gainsboro; }
#ly-Management-Notification div.ly-notification ul.category li { border-bottom:.1px solid gainsboro; }
#ly-Management-Notification div.ly-notification ul.category li button { width:100%; padding:18px 25px; border:none; background:none; font-weight:500; display:flex; align-items:center; justify-content:space-between; transition:all ease .2s; transition-property:background; }
#ly-Management-Notification div.ly-notification ul.category li button:focus,
#ly-Management-Notification div.ly-notification ul.category li button:hover { background-color:whitesmoke; }
#ly-Management-Notification div.ly-notification ul.category li button.active { background-color:#b54442; color:white; }
#ly-Management-Notification div.ly-notification ul.category li button span { margin-left:10px; color:#b54442; font-weight:300; font-size:.875rem; }
#ly-Management-Notification div.ly-notification ul.category li button.active span { color:yellow; }
#ly-Management-Notification div.ly-notification ul.items { flex:1; }
#ly-Management-Notification div.ly-notification ul.items li { border-bottom:.1px solid gainsboro; position:relative; }
#ly-Management-Notification div.ly-notification ul.items li button.message { width:100%; padding:15px 70px 15px 20px; border:none; background:none; text-align:left; display:flex; align-items:center; transition:all ease .2s; transition-property:background; }
#ly-Management-Notification div.ly-notification ul.items li button.message[data-read='true'] { background-color:#fafafa; color:gray; }
#ly-Management-Notification div.ly-notification ul.items li:focus-within button.message,
#ly-Management-Notification div.ly-notification ul.items li:hover button.message { background-color:whitesmoke; }
#ly-Management-Notification div.ly-notification ul.items li button.message div.profile { width:60px; min-width:60px; height:60px; min-height:60px; margin-right:15px; border:1px solid gainsboro; border-radius:50%; }
#ly-Management-Notification div.ly-notification ul.items li button.message dl { line-height:1.8; }
#ly-Management-Notification div.ly-notification ul.items li button.message dl dt { font-weight:700; color:#b54442; font-size:.8125rem; }
#ly-Management-Notification div.ly-notification ul.items li button.message dl dd.message { font-size:.875rem; }
#ly-Management-Notification div.ly-notification ul.items li button.message dl dd.foot { font-size:.75rem; }
#ly-Management-Notification div.ly-notification ul.items li button.message dl dd.foot span { color:gray; }
#ly-Management-Notification div.ly-notification ul.items li button.delete { width:26px; height:26px; margin-top:-13px; border:none; background:url('/img-close.svg') no-repeat; position:absolute; top:50%; right:30px; opacity:.25; transition:all ease .2s; transition-property:opacity; }
#ly-Management-Notification div.ly-notification ul.items li button.delete:focus,
#ly-Management-Notification div.ly-notification ul.items li button.delete:hover { opacity:1; }

#ly-Management-Mail div.overflow { min-width:fit-content; padding:30px; }
#ly-Management-Mail table tbody tr[data-read='false'] * { font-weight:700; }
#ly-Management-Mail article { min-width:100%; height:100%; display:inline-block; }
#ly-Management-Mail article > header { padding:20px; border-bottom:.1px solid #eaeaea; }
#ly-Management-Mail article > header div.info { margin-right:20px; padding-bottom:15px; flex:1; }
#ly-Management-Mail article > header div.info h2 { margin-bottom:20px; font-size:1.25rem; word-break:break-all; }
#ly-Management-Mail article > header div.info div.sender { font-size:.9375rem; display:flex; vertical-align:top; }
#ly-Management-Mail article > header div.info div.sender button { display:flex; align-items:center; border:none; background-color:transparent; text-align:left; color:#555; }
#ly-Management-Mail article > header div.info div.sender button:focus,
#ly-Management-Mail article > header div.info div.sender button:hover { color:dodgerblue; text-decoration:underline; }
#ly-Management-Mail article > header div.info div.sender button div.profile { width:30px; height:30px; margin-right:8px; border-radius:200px; border:.1px solid #dadada; background-color:#fff; background-position:center center; background-repeat:no-repeat; overflow:hidden; }
#ly-Management-Mail article > header div.info div.sender button div.profile + div { flex:1; word-break:break-all; }
#ly-Management-Mail article > header div.info div.sender button div.profile img { width:100%; height:100%; }
#ly-Management-Mail article > header div.other { display:flex; }
#ly-Management-Mail article > header div.other p { font-size:.75rem; font-weight:300; color:dimgray; }
#ly-Management-Mail article > div.ly-attachment { margin:20px; font-size:.75rem; }
#ly-Management-Mail article > div.ly-attachment:empty { display:none; }
#ly-Management-Mail article > div.ly-attachment div.info { margin-bottom:10px; display:flex; align-items:center; }
#ly-Management-Mail article > div.ly-attachment div.info div.count { margin-right:10px; display:flex; align-items:center; }
#ly-Management-Mail article > div.ly-attachment div.info div.count:before { width:14px; height:14px; margin-right:6px; content:''; display:block; background-image:url('../../img/view/mail/img-attachment.svg'); }
#ly-Management-Mail article > div.ly-attachment div.info div.count span.head { margin-right:4px; }
#ly-Management-Mail article > div.ly-attachment div.info div.count span.tail { color:dimgray; font-weight:200; }
#ly-Management-Mail article > div.ly-attachment div.info div.download button { border:none; background:none; }
#ly-Management-Mail article > div.ly-attachment div.info div.download button:focus,
#ly-Management-Mail article > div.ly-attachment div.info div.download button:hover { color:#0279e5; text-decoration:underline; }
#ly-Management-Mail article > div.ly-attachment dl { padding:10px 12px; margin-bottom:-1px; display:flex; align-items:center; background-color:#fafafa; border:.1px solid #eaeaea; }
#ly-Management-Mail article > div.ly-attachment dl dt { margin-right:10px; display:flex; align-items:center; }
#ly-Management-Mail article > div.ly-attachment dl[data-extension] dt:before { width:14px; height:14px; margin-right:8px; content:''; display:block; background-image:url('../../img/view/mail/img-ext-file.svg'); }
#ly-Management-Mail article > div.ly-attachment dl[data-extension='audio'] dt:before { background-image:url('../../img/view/mail/img-ext-audio.svg'); }
#ly-Management-Mail article > div.ly-attachment dl[data-extension='compress'] dt:before { background-image:url('../../img/view/mail/img-ext-compress.svg'); }
#ly-Management-Mail article > div.ly-attachment dl[data-extension='spreadsheet'] dt:before { background-image:url('../../img/view/mail/img-ext-spreadsheet.svg'); }
#ly-Management-Mail article > div.ly-attachment dl[data-extension='hangul'] dt:before { background-image:url('../../img/view/mail/img-ext-hangul.svg'); }
#ly-Management-Mail article > div.ly-attachment dl[data-extension='html'] dt:before { background-image:url('../../img/view/mail/img-ext-html.svg'); }
#ly-Management-Mail article > div.ly-attachment dl[data-extension='image'] dt:before { background-image:url('../../img/view/mail/img-ext-image.svg'); }
#ly-Management-Mail article > div.ly-attachment dl[data-extension='pdf'] dt:before { background-image:url('../../img/view/mail/img-ext-pdf.svg'); }
#ly-Management-Mail article > div.ly-attachment dl[data-extension='presentation'] dt:before { background-image:url('../../img/view/mail/img-ext-presentation.svg'); }
#ly-Management-Mail article > div.ly-attachment dl[data-extension='video'] dt:before { background-image:url('../../img/view/mail/img-ext-video.svg'); }
#ly-Management-Mail article > div.ly-attachment dl[data-extension='warning'] dt:before { background-image:url('../../img/view/mail/img-ext-warning.svg'); }
#ly-Management-Mail article > div.ly-attachment dl[data-extension='word'] dt:before { background-image:url('../../img/view/mail/img-ext-word.svg'); }
#ly-Management-Mail article > div.ly-attachment dl dt a { width:100%; flex:1; text-decoration:none; display:block; color:#222; font-weight:300; }
#ly-Management-Mail article > div.ly-attachment dl dt a:focus,
#ly-Management-Mail article > div.ly-attachment dl dt a:hover { color:#0279e5; text-decoration:underline; }
#ly-Management-Mail article > div.ly-attachment dl dt a { color:#222; text-decoration:none; word-break:break-all; }
#ly-Management-Mail article > div.ly-attachment dl dd:not(:last-of-type) { margin-right:8px; }
#ly-Management-Mail article > div.ly-attachment dl dd.size { color:#757575; font-weight:200; }
#ly-Management-Mail article > div.ly-content { margin:20px; }
#ly-Management-Mail article > div.ly-content > article { all:unset; }
#ly-Management-Mail article > div.ly-content > article div.dj-large-attachment {}
#ly-Management-Mail article > div.ly-content img[data-loading] { min-width:60px; min-height:60px; border:none; background-color:white; background-image:url('../../img/common/img-loading.gif'); background-position:center center; background-repeat:no-repeat; }

#ly-Configure-Function-Detail div.overflow { min-width:fit-content; padding:30px; }

#ly-Dialog-Buyer div.frame { max-width:1000px; }

#ly-Dialog-Message div.frame { width:450px; }
#ly-Dialog-Message div.wrap { padding:25px; text-align:center; }
#ly-Dialog-Message div.overflow { font-weight:300; line-height:1.8; }

#ly-Dialog-Confirm *.frame { width:500px; }
#ly-Dialog-Confirm div.wrap { padding: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; }

#ly-Dialog-Confirm-Member-Password-Reset *.frame { width:600px; }
#ly-Dialog-Confirm-Member-Password-Reset div.wrap { padding:25px; text-align:center; }
#ly-Dialog-Confirm-Member-Password-Reset div.overflow { font-weight:300; line-height:1.8; }
#ly-Dialog-Confirm-Member-Password-Reset div.overflow span { display:block; }
#ly-Dialog-Confirm-Member-Password-Reset div.overflow span.alert { display:block; color:#b54442; }

#ly-Dialog-Message-Member-Password-Reset div.frame { width:450px; }
#ly-Dialog-Message-Member-Password-Reset div.wrap { padding:25px; text-align:center; }
#ly-Dialog-Message-Member-Password-Reset div.overflow { font-weight:300; line-height:1.8; }

#ly-Dialog-Member-Invite *.frame { width:600px; }
#ly-Dialog-Member-Invite div.overflow { padding:25px 25px 0 25px; }
#ly-Dialog-Member-Invite div.comment { margin-bottom:20px; padding:20px; font-size:.9375rem; font-weight:300; background-color:whitesmoke; }

#ly-Dialog-Account-Modify form { width:450px; }
#ly-Dialog-Account-Modify h2 { padding:20px 15px 20px 25px; }
#ly-Dialog-Account-Modify dl.header { margin-bottom:15px; padding-right:10px; font-size:1.5rem; font-weight:300; display:flex; justify-content:space-between; }
#ly-Dialog-Account-Modify div.wrap fieldset { border:none; }
#ly-Dialog-Account-Modify div.wrap fieldset:first-of-type { margin-bottom:20px; }
#ly-Dialog-Account-Modify div.wrap fieldset div.layout { border:.1px solid silver; }
#ly-Dialog-Account-Modify div.wrap fieldset dl { display:flex; font-size:.875rem; text-align:center; }
#ly-Dialog-Account-Modify div.wrap fieldset dl:not(:last-of-type) { border-bottom:.1px solid silver; }
#ly-Dialog-Account-Modify div.wrap fieldset dl dt,
#ly-Dialog-Account-Modify div.wrap fieldset dl dd { display:flex; align-items:center; justify-content:center; }
#ly-Dialog-Account-Modify div.wrap fieldset dl dt { width:150px; padding:10px 15px; background-color:whitesmoke; }
#ly-Dialog-Account-Modify div.wrap fieldset dl dd { padding:10px; flex:1; display:flex; align-items:center; }
#ly-Dialog-Account-Modify div.wrap fieldset dl.target dd.id { padding-left:50px; }
#ly-Dialog-Account-Modify div.wrap fieldset dl dd textarea { widtH:100%; padding:8px; }
#ly-Dialog-Account-Modify div.wrap fieldset dl dd.button { flex:0; }
#ly-Dialog-Account-Modify div.wrap fieldset dl dd.button button { widtH:20px; height:20px; border:.1px solid gainsboro; }

#ly-Dialog-Buyer div.wrap { padding-top:20px; padding-bottom:20px; display:flex; flex-direction:column; }
#ly-Dialog-Buyer form.ly-list-header { padding-left:25px; padding-right:25px; white-space:nowrap; }
#ly-Dialog-Buyer form.ly-list-header div.country { margin-left:auto; }
#ly-Dialog-Buyer form.ly-list-header div.country div:first-of-type { margin-right:10px; }
#ly-Dialog-Buyer form.ly-list-header div.country div input { width:120px; }
#ly-Dialog-Buyer form.ly-list-header div.search div { position:relative; }
#ly-Dialog-Buyer form.ly-list-header div.search div:first-of-type { margin-right:10px; }
#ly-Dialog-Buyer form.ly-list-header div.search div input { width:150px; }
#ly-Dialog-Buyer form.ly-list-header div.search div:focus-within input,
#ly-Dialog-Buyer form.ly-list-header div.search div:hover input { border-color:#b54442; }
#ly-Dialog-Buyer form.ly-list-header div.search div button { width:26px; height:26px; background:url('/img-func-search.svg') center center no-repeat; background-size:16px 16px; border:none; border-radius:50%; position:absolute; top:5px; right:6px; opacity:.25; transition:all ease .2s; transition-property:opacity; }
#ly-Dialog-Buyer form.ly-list-header div.search div:focus-within button,
#ly-Dialog-Buyer form.ly-list-header div.search div:hover button { opacity:.5; }
#ly-Dialog-Buyer form.ly-list-header div.search div button:focus,
#ly-Dialog-Buyer form.ly-list-header div.search div button:hover { opacity:1; }
#ly-Dialog-Buyer div.ly-list-grid div.header { padding-left:25px; padding-right:25px; }
#ly-Dialog-Buyer div.ly-list-grid div.row { padding-left:25px; padding-right:25px; }

#ly-Dialog-Buyer-Regist div.frame { max-width:800px; }
#ly-Dialog-Buyer-Regist div.wrap { padding:20px; }

#ly-Dialog-Port div.frame { max-width:700px; }
#ly-Dialog-Port div.wrap { padding-top:20px; display:flex; flex-direction:column; }
#ly-Dialog-Port div.ly-search { margin-bottom:20px; padding-left:25px; padding-right:25px; }
#ly-Dialog-Port div.ly-search dl { display:flex; align-items:center; justify-content:space-between; }
#ly-Dialog-Port div.ly-search dl:first-of-type { margin-bottom:10px; }
#ly-Dialog-Port div.ly-search dl dt { width:120px; }
#ly-Dialog-Port div.ly-search dl dd.input { margin-right:10px; flex:1; }
#ly-Dialog-Port div.ly-list-grid div.header { padding-left:25px; padding-right:25px; }
#ly-Dialog-Port div.ly-list-grid div.row { padding-left:25px; padding-right:25px; }

#ly-Dialog-Product div.frame { max-width:1600px; }
#ly-Dialog-Product div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Product form.ly-list-header { padding-left:25px; padding-right:25px; white-space:nowrap; }
#ly-Dialog-Product form.ly-list-header dl.product { margin-left:auto; }
#ly-Dialog-Product div.ly-list-grid div.header { padding-left:25px; padding-right:15px; }
#ly-Dialog-Product div.ly-list-grid div.row { padding-left:25px; padding-right:15px; }

#ly-Dialog-Foreign-Currency-Deposit div.frame { max-width:1900px; }
#ly-Dialog-Foreign-Currency-Deposit div.wrap { padding-top:20px; display:flex; flex-direction:column; }
#ly-Dialog-Foreign-Currency-Deposit form.ly-list-header { padding-left:25px; padding-right:25px; white-space:nowrap; font-size:.8125rem; }
#ly-Dialog-Foreign-Currency-Deposit form.ly-list-header div.list-datetime div:not(:last-of-type) { margin-right:5px; }
#ly-Dialog-Foreign-Currency-Deposit form.ly-list-header div.country { margin-left:auto; }
#ly-Dialog-Foreign-Currency-Deposit form.ly-list-header div.country div:first-of-type { margin-right:10px; }
#ly-Dialog-Foreign-Currency-Deposit form.ly-list-header div.country div input { width:120px; }
#ly-Dialog-Foreign-Currency-Deposit form.ly-list-header div.search div { position:relative; }
#ly-Dialog-Foreign-Currency-Deposit form.ly-list-header div.search div:first-of-type { margin-right:10px; }
#ly-Dialog-Foreign-Currency-Deposit form.ly-list-header div.search div input { width:150px; }
#ly-Dialog-Foreign-Currency-Deposit form.ly-list-header div.search div:focus-within input,
#ly-Dialog-Foreign-Currency-Deposit form.ly-list-header div.search div:hover input { border-color:#b54442; }
#ly-Dialog-Foreign-Currency-Deposit form.ly-list-header div.search div button { width:26px; height:26px; background:url('/img-func-search.svg') center center no-repeat; background-size:16px 16px; border:none; border-radius:50%; position:absolute; top:5px; right:6px; opacity:.25; transition:all ease .2s; transition-property:opacity; }
#ly-Dialog-Foreign-Currency-Deposit form.ly-list-header div.search div:focus-within button,
#ly-Dialog-Foreign-Currency-Deposit form.ly-list-header div.search div:hover button { opacity:.5; }
#ly-Dialog-Foreign-Currency-Deposit form.ly-list-header div.search div button:focus,
#ly-Dialog-Foreign-Currency-Deposit form.ly-list-header div.search div button:hover { opacity:1; }
#ly-Dialog-Foreign-Currency-Deposit div.ly-list-grid div.header { padding-left:25px; padding-right:15px; }
#ly-Dialog-Foreign-Currency-Deposit div.ly-list-grid div.row { padding-left:25px; padding-right:15px; }

#ly-Dialog-Member-Regist *.frame { max-width:900px; }
#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-Member-View *.frame { max-width:700px; }
#ly-Dialog-Member-View div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Member-View div.overflow { padding-left:25px; padding-right:25px; }
#ly-Dialog-Member-View div.profile { margin-bottom:20px; display:flex; align-items:center; }
#ly-Dialog-Member-View div.profile div { width:122px; height:122px; margin-right:28px; border:.1px solid #f0f0f0; border-radius:200px; overflow:hidden; }
#ly-Dialog-Member-View div.profile div img { width:100%; height:100%; }
#ly-Dialog-Member-View div.profile dl dt { margin-right:20px; font-size:1.4rem; font-weight:500; color:dodgerblue; display:inline-block; }
#ly-Dialog-Member-View div.profile dl dd { font-size:.8725rem; }
#ly-Dialog-Member-View div.profile dl dd.position { display:inline-block; }
#ly-Dialog-Member-View div.profile dl dd.office { margin-top:5px; }
#ly-Dialog-Member-View div.profile dl dd.employ { margin-top:5px; }
#ly-Dialog-Member-View dl.detail { display:flex; flex-wrap:wrap; }
#ly-Dialog-Member-View dl.detail div { min-width:350px; display:flex; flex:1; }
#ly-Dialog-Member-View dl.detail div:not(:last-of-type) { margin-bottom:20px; }
#ly-Dialog-Member-View dl.detail div.full { width:100%; min-width:100%; }
#ly-Dialog-Member-View dl.detail div > dt { width:150px; min-width:150px; font-size:.8125rem; display:flex; align-items:center; }
#ly-Dialog-Member-View dl.detail div > dd { flex:1; font-size:.875rem; display:flex; align-items:center; }

#ly-Dialog-Foam-Manufacturing-Member *.frame { max-width:600px; }
#ly-Dialog-Foam-Manufacturing-Member div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Foam-Manufacturing-Member div.overflow { padding-left:25px; padding-right:25px; }

#ly-Dialog-Common-Mailbox *.frame { max-width:1000px; }
#ly-Dialog-Common-Mailbox div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Common-Mailbox form.ly-list-header { padding-left:25px; padding-right:25px; white-space:nowrap; }
#ly-Dialog-Common-Mailbox div.ly-list-grid div.header { padding-left:25px; padding-right:15px; }
#ly-Dialog-Common-Mailbox div.ly-list-grid div.row { padding-left:25px; padding-right:15px; }

#ly-Dialog-Common-Mailbox-View *.frame { max-width:1000px; }
#ly-Dialog-Common-Mailbox-View div.wrap { padding:20px 25px; }
#ly-Dialog-Common-Mailbox-View article { min-width:100%; height:100%; display:inline-block; }
#ly-Dialog-Common-Mailbox-View article > header { padding:0 0 20px 0; border-bottom:.1px solid #eaeaea; }
#ly-Dialog-Common-Mailbox-View article > header div.info { margin-right:20px; padding-bottom:15px; flex:1; }
#ly-Dialog-Common-Mailbox-View article > header div.info h2 { margin-bottom:20px; font-size:1.25rem; word-break:break-all; color:black }
#ly-Dialog-Common-Mailbox-View article > header div.info div.sender { font-size:.9375rem; display:flex; vertical-align:top; }
#ly-Dialog-Common-Mailbox-View article > header div.info div.sender button { display:flex; align-items:center; border:none; background-color:transparent; text-align:left; color:#555; }
#ly-Dialog-Common-Mailbox-View article > header div.info div.sender button:focus,
#ly-Dialog-Common-Mailbox-View article > header div.info div.sender button:hover { color:dodgerblue; text-decoration:underline; }
#ly-Dialog-Common-Mailbox-View article > header div.info div.sender button div.profile { width:30px; height:30px; margin-right:8px; border-radius:200px; border:.1px solid #dadada; background-color:#fff; background-position:center center; background-repeat:no-repeat; overflow:hidden; }
#ly-Dialog-Common-Mailbox-View article > header div.info div.sender button div.profile + div { flex:1; word-break:break-all; }
#ly-Dialog-Common-Mailbox-View article > header div.info div.sender button div.profile img { width:100%; height:100%; }
#ly-Dialog-Common-Mailbox-View article > header div.other { display:flex; }
#ly-Dialog-Common-Mailbox-View article > header div.other p { font-size:.75rem; font-weight:300; color:dimgray; }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment { margin:20px; font-size:.75rem; }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment:empty { display:none; }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment div.info { margin-bottom:10px; display:flex; align-items:center; }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment div.info div.count { margin-right:10px; display:flex; align-items:center; }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment div.info div.count:before { width:14px; height:14px; margin-right:6px; content:''; display:block; background-image:url('../../img/view/mail/img-attachment.svg'); }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment div.info div.count span.head { margin-right:4px; }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment div.info div.count span.tail { color:dimgray; font-weight:200; }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment div.info div.download button { border:none; background:none; }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment div.info div.download button:focus,
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment div.info div.download button:hover { color:#0279e5; text-decoration:underline; }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment dl { padding:10px 12px; margin-bottom:-1px; display:flex; align-items:center; background-color:#fafafa; border:.1px solid #eaeaea; }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment dl dt { margin-right:10px; display:flex; align-items:center; }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment dl[data-extension] dt:before { width:14px; height:14px; margin-right:8px; content:''; display:block; background-image:url('../../img/view/mail/img-ext-file.svg'); }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment dl[data-extension='audio'] dt:before { background-image:url('../../img/view/mail/img-ext-audio.svg'); }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment dl[data-extension='compress'] dt:before { background-image:url('../../img/view/mail/img-ext-compress.svg'); }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment dl[data-extension='spreadsheet'] dt:before { background-image:url('../../img/view/mail/img-ext-spreadsheet.svg'); }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment dl[data-extension='hangul'] dt:before { background-image:url('../../img/view/mail/img-ext-hangul.svg'); }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment dl[data-extension='html'] dt:before { background-image:url('../../img/view/mail/img-ext-html.svg'); }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment dl[data-extension='image'] dt:before { background-image:url('../../img/view/mail/img-ext-image.svg'); }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment dl[data-extension='pdf'] dt:before { background-image:url('../../img/view/mail/img-ext-pdf.svg'); }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment dl[data-extension='presentation'] dt:before { background-image:url('../../img/view/mail/img-ext-presentation.svg'); }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment dl[data-extension='video'] dt:before { background-image:url('../../img/view/mail/img-ext-video.svg'); }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment dl[data-extension='warning'] dt:before { background-image:url('../../img/view/mail/img-ext-warning.svg'); }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment dl[data-extension='word'] dt:before { background-image:url('../../img/view/mail/img-ext-word.svg'); }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment dl dt a { width:100%; flex:1; text-decoration:none; display:block; color:#222; font-weight:300; }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment dl dt a:focus,
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment dl dt a:hover { color:#0279e5; text-decoration:underline; }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment dl dt a { color:#222; text-decoration:none; word-break:break-all; }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment dl dd:not(:last-of-type) { margin-right:8px; }
#ly-Dialog-Common-Mailbox-View article > div.ly-attachment dl dd.size { color:#757575; font-weight:200; }
#ly-Dialog-Common-Mailbox-View article > div.ly-content { margin-top:20px; }
#ly-Dialog-Common-Mailbox-View article > div.ly-content > article { all:unset; }
#ly-Dialog-Common-Mailbox-View article > div.ly-content > article div.dj-large-attachment {}
#ly-Dialog-Common-Mailbox-View article > div.ly-content img[data-loading] { min-width:60px; min-height:60px; border:none; background-color:white; background-image:url('../../img/common/img-loading.gif'); background-position:center center; background-repeat:no-repeat; }

#ly-Dialog-Order-Sheet-List *.frame { max-width:1580px; }
#ly-Dialog-Order-Sheet-List div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Order-Sheet-List form.ly-list-header { padding-left:25px; padding-right:25px; white-space:nowrap; }
#ly-Dialog-Order-Sheet-List div.ly-list-grid div.header { padding-left:25px; padding-right:15px; }
#ly-Dialog-Order-Sheet-List div.ly-list-grid div.row { padding-left:25px; padding-right:15px; }

#ly-Dialog-Message-Write *.frame { max-width:800px; }
#ly-Dialog-Message-Write div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Message-Write div.overflow { padding-left:25px; padding-right:25px; }

#ly-Dialog-Mail-Write *.frame { max-width:800px; }
#ly-Dialog-Mail-Write div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Mail-Write div.overflow { padding-left:25px; padding-right:25px; }

#ly-Dialog-Advanced-Search *.frame { max-width:700px; }
#ly-Dialog-Advanced-Search div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Advanced-Search div.overflow { padding-left:25px; padding-right:25px; }

#ly-Dialog-Foam-New *.frame { max-width:1280px; }
#ly-Dialog-Foam-New div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Foam-New div.overflow { padding-left:25px; padding-right:25px; }

#ly-Dialog-Test-1 *.frame { max-width:1460px; }
#ly-Dialog-Test-1 div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Test-1 form.ly-list-header { padding-left:25px; padding-right:25px; white-space:nowrap; }
#ly-Dialog-Test-1 div.ly-list-grid div.header { padding-left:25px; padding-right:15px; }
#ly-Dialog-Test-1 div.ly-list-grid div.row { padding-left:25px; padding-right:15px; }

#ly-Dialog-Test-2 *.frame { max-width:1460px; }
#ly-Dialog-Test-2 div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Test-2 form.ly-list-header { padding-left:25px; padding-right:25px; white-space:nowrap; }
#ly-Dialog-Test-2 div.ly-list-grid div.header { padding-left:25px; padding-right:15px; }
#ly-Dialog-Test-2 div.ly-list-grid div.row { padding-left:25px; padding-right:15px; }

#ly-Dialog-Test-3 *.frame { max-width:1460px; }
#ly-Dialog-Test-3 div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Test-3 form.ly-list-header { padding-left:25px; padding-right:25px; white-space:nowrap; }
#ly-Dialog-Test-3 div.ly-list-grid div.header { padding-left:25px; padding-right:15px; }
#ly-Dialog-Test-3 div.ly-list-grid div.row { padding-left:25px; padding-right:15px; }

#ly-Dialog-Test-4 *.frame { max-width:1580px; }
#ly-Dialog-Test-4 div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Test-4 form.ly-list-header { padding-left:25px; padding-right:25px; white-space:nowrap; }
#ly-Dialog-Test-4 div.ly-list-grid div.header { padding-left:25px; padding-right:15px; }
#ly-Dialog-Test-4 div.ly-list-grid div.row { padding-left:25px; padding-right:15px; }

#ly-Dialog-Test-5 *.frame { max-width:1580px; }
#ly-Dialog-Test-5 div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Test-5 form.ly-list-header { padding-left:25px; padding-right:25px; white-space:nowrap; }
#ly-Dialog-Test-5 div.ly-list-grid div.header { padding-left:25px; padding-right:15px; }
#ly-Dialog-Test-5 div.ly-list-grid div.row { padding-left:25px; padding-right:15px; }

#ly-Dialog-Test-6 *.frame { max-width:1580px; }
#ly-Dialog-Test-6 div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Test-6 form.ly-list-header { padding-left:25px; padding-right:25px; white-space:nowrap; }
#ly-Dialog-Test-6 div.ly-list-grid div.header { padding-left:25px; padding-right:15px; }
#ly-Dialog-Test-6 div.ly-list-grid div.row { padding-left:25px; padding-right:15px; }

#ly-Dialog-Test-10 *.frame { max-width:1580px; }
#ly-Dialog-Test-10 div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Test-10 form.ly-list-header { padding-left:25px; padding-right:25px; white-space:nowrap; }
#ly-Dialog-Test-10 div.ly-list-grid div.header { padding-left:25px; padding-right:15px; }
#ly-Dialog-Test-10 div.ly-list-grid div.row { padding-left:25px; padding-right:15px; }

#ly-Dialog-Test-11 *.frame { max-width:1580px; }
#ly-Dialog-Test-11 div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Test-11 form.ly-list-header { padding-left:25px; padding-right:25px; white-space:nowrap; }
#ly-Dialog-Test-11 div.ly-list-grid div.header { padding-left:25px; padding-right:15px; }
#ly-Dialog-Test-11 div.ly-list-grid div.row { padding-left:25px; padding-right:15px; }

#ly-Dialog-Partner-History *.frame { max-width:1580px; }
#ly-Dialog-Partner-History div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Partner-History form.ly-list-header { padding-left:25px; padding-right:25px; white-space:nowrap; }
#ly-Dialog-Partner-History div.ly-list-grid div.header { padding-left:25px; padding-right:15px; }
#ly-Dialog-Partner-History div.ly-list-grid div.row { padding-left:25px; padding-right:15px; }

#ly-Dialog-Foam-Inventory *.frame { max-width:1450px; }
#ly-Dialog-Foam-Inventory div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Foam-Inventory div.overflow.flex { margin-bottom:15px; }
#ly-Dialog-Foam-Inventory div.info { margin-left:25px; margin-right:25px; margin-bottom:15px; }
#ly-Dialog-Foam-Inventory form.ly-list-header { padding-left:25px; padding-right:25px; font-size:.8725rem; white-space:nowrap; }
#ly-Dialog-Foam-Inventory form.ly-list-header dl.datetime dd { display:flex; align-items:center; }
#ly-Dialog-Foam-Inventory form.ly-list-header dl.datetime dd input { width:120px; }
#ly-Dialog-Foam-Inventory form.ly-list-header dl.part { margin-left:auto; }
#ly-Dialog-Foam-Inventory *[role='grid'] *[role='rowgroup'] { padding-left:25px; padding-right:15px; }
#ly-Dialog-Foam-Inventory *[role='grid']:after { margin-left:25px; margin-right:25px; }
#ly-Dialog-Foam-Inventory dl.ext { padding-left:25px; padding-right:25px; font-size:.8125rem; display:flex; justify-content:space-between; }
#ly-Dialog-Foam-Inventory dl.ext div { display:flex; }
#ly-Dialog-Foam-Inventory dl.ext div:not(:last-of-type) { margin-right:20px; }
#ly-Dialog-Foam-Inventory dl.ext div.inventory { margin-left:auto; }
#ly-Dialog-Foam-Inventory dl.ext div dt:after { margin-left:5px; margin-right:5px; content:':'; }

#ly-Dialog-Approval-Request *.frame { max-width:600px; }
#ly-Dialog-Approval-Request div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Approval-Request div.overflow { padding-left:25px; padding-right:25px; }

#ly-Dialog-Package-New *.frame { max-width:800px; }
#ly-Dialog-Package-New div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Package-New div.overflow { padding-left:25px; padding-right:25px; }

#ly-Dialog-Timezone *.frame { max-width:800px; }
#ly-Dialog-Timezone div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Timezone div.overflow { padding-left:25px; padding-right:25px; }
#ly-Dialog-Timezone div.overflow dl dd dl dd { color:gray; }

#ly-Dialog-Package-Inventory *.frame { max-width:1330px; }
#ly-Dialog-Package-Inventory div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Package-Inventory div.overflow.flex { margin-bottom:15px; }
#ly-Dialog-Package-Inventory form.ly-list-header { padding-left:25px; padding-right:25px; font-size:.8725rem; }
#ly-Dialog-Package-Inventory form.ly-list-header dl.datetime dd { display:flex; align-items:center; }
#ly-Dialog-Package-Inventory form.ly-list-header dl.datetime dd input { width:120px; }
#ly-Dialog-Package-Inventory form.ly-list-header dl.part { margin-left:auto; }
#ly-Dialog-Package-Inventory *[role='grid'] *[role='rowgroup'] { padding-left:25px; padding-right:15px; }
#ly-Dialog-Package-Inventory *[role='grid']:after { margin-left:25px; margin-right:25px; }
#ly-Dialog-Package-Inventory dl.ext { padding-left:25px; padding-right:25px; font-size:.8125rem; display:flex; justify-content:space-between; }
#ly-Dialog-Package-Inventory dl.ext div { display:flex; }
#ly-Dialog-Package-Inventory dl.ext div:not(:last-of-type) { margin-right:20px; }
#ly-Dialog-Package-Inventory dl.ext div.inventory { margin-left:auto; }
#ly-Dialog-Package-Inventory dl.ext div dt:after { margin-left:5px; margin-right:5px; content:':'; }

#ly-Dialog-Pallet-New *.frame { max-width:900px; }
#ly-Dialog-Pallet-New div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Pallet-New div.overflow { padding-left:25px; padding-right:25px; }

#ly-Dialog-Pallet-Inventory *.frame { max-width:1430px; }
#ly-Dialog-Pallet-Inventory div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Pallet-Inventory div.overflow.flex { margin-bottom:15px; }
#ly-Dialog-Pallet-Inventory form.ly-list-header { padding-left:25px; padding-right:25px; font-size:.8725rem; }
#ly-Dialog-Pallet-Inventory form.ly-list-header dl.datetime dd { display:flex; align-items:center; }
#ly-Dialog-Pallet-Inventory form.ly-list-header dl.datetime dd input { width:120px; }
#ly-Dialog-Pallet-Inventory form.ly-list-header dl.part { margin-left:auto; }
#ly-Dialog-Pallet-Inventory *[role='grid'] *[role='rowgroup'] { padding-left:25px; padding-right:15px; }
#ly-Dialog-Pallet-Inventory *[role='grid']:after { margin-left:25px; margin-right:25px; }
#ly-Dialog-Pallet-Inventory dl.ext { padding-left:25px; padding-right:25px; font-size:.8125rem; display:flex; justify-content:space-between; }
#ly-Dialog-Pallet-Inventory dl.ext div { display:flex; }
#ly-Dialog-Pallet-Inventory dl.ext div:not(:last-of-type) { margin-right:20px; }
#ly-Dialog-Pallet-Inventory dl.ext div.inventory { margin-left:auto; }
#ly-Dialog-Pallet-Inventory dl.ext div dt:after { margin-left:5px; margin-right:5px; content:':'; }

#ly-Dialog-Signature-List *.frame { max-width:900px; }
#ly-Dialog-Signature-List div.wrap { padding-top:20px; padding-bottom:20px; }
#ly-Dialog-Signature-List div.overflow { padding-left:25px; padding-right:25px; }
#ly-Dialog-Signature-List div.signature-list { display:grid; align-content:start; grid-template-columns:repeat(auto-fit, minmax(170px, auto)); gap:20px; }
#ly-Dialog-Signature-List div.signature-list button.signature { min-width:170px; background:none; border:3px solid #eaeaea; position:relative; transition:all ease .2s; transition-property:border; }
#ly-Dialog-Signature-List div.signature-list button.signature:focus,
#ly-Dialog-Signature-List div.signature-list button.signature:hover { border-color:#b54442; }
#ly-Dialog-Signature-List div.signature-list button.signature.disuse { background-color:#fafafa; }
#ly-Dialog-Signature-List div.signature-list button.signature div.image { width:100%; padding:20px; margin:auto; display:flex; align-items:center; justify-content:center; }
#ly-Dialog-Signature-List div.signature-list button.signature.disuse div.image { opacity:.5; }
#ly-Dialog-Signature-List div.signature-list button.signature div.image img { width:100%; max-width:100px; max-height:100px; }
#ly-Dialog-Signature-List div.signature-list button.signature div.descript { width:100%; padding-top:4px; padding-bottom:4px; font-size:.6735rem; background-color:#f5f5f5; text-align:center; }
#ly-Dialog-Signature-List div.signature-list button.signature div.descript p.id { font-weight:700; }
#ly-Dialog-Signature-List div.signature-list button.signature.sign div.descript p.id { color:#058; }
#ly-Dialog-Signature-List div.signature-list button.signature.stamp div.descript p.id { color:#805; }
#ly-Dialog-Signature-List div.signature-list button.signature.disuse div.descript p.id { color:#757575; }
#ly-Dialog-Signature-List div.signature-list button.signature div.descript p.date { font-weight:300; color:#757575; }

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; position:fixed; z-index:999; }
dialog.ly-dialog > div.frame,
dialog.ly-dialog > form { max-width:calc(100% - 20px); 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 > header { padding:20px 25px; border-bottom:.1px solid gainsboro; }
dialog.ly-dialog *.frame > header h2 { color:#b54442; font-size:1.125rem; }
dialog.ly-dialog div.wrap { display:flex; flex-direction:column; 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:not(.flex) { flex:none; }
dialog.ly-dialog div.overflow p { font-weight:300; text-align:center; }
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; }

/* Layout List Header */
*.ly-list-header { min-width:fit-content; margin-bottom:15px; display:flex; align-items:center; justify-content:space-between; }
*.ly-list-header > * { display:flex; align-items:center; }
*.ly-list-header > *:not(:last-child) { margin-right:10px; }
*.ly-list-header > *.separation { margin-right:20px; }
*.ly-list-header > *.side { margin-left:auto; }
*.ly-list-header > dl > dt:after { margin-left:5px; margin-right:5px; content:':'; }
*.ly-list-header > dl > dd:not(:last-of-type) { margin-right:10px; }
*.ly-list-header *.list-search { display:flex; align-items:center; }
*.ly-list-header *.list-search div { position:relative; }
*.ly-list-header *.list-search div:not(:last-of-type) { margin-right:5px; }
*.ly-list-header *.list-search div input { width:160px; padding-right:30px; }
*.ly-list-header *.list-search div button { width:26px; height:26px; background:url('/img-func-search.svg') center center no-repeat; background-size:16px 16px; border:none; border-radius:50%; position:absolute; top:5px; right:6px; opacity:.25; transition:all ease .2s; transition-property:opacity; }
*.ly-list-header *.list-search div:focus-within input,
*.ly-list-header *.list-search div:hover input { border-color:#b54442; }
*.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-search-block div:not(:last-of-type) { margin-right:5px; }
*.ly-list-header *.list-datetime { display:flex; align-items:center; }
*.ly-list-header *.list-datetime div.icon { position:relative; }
*.ly-list-header *.list-datetime div:not(:last-of-type) { margin-right:5px; }
*.ly-list-header *.list-datetime div.icon input { width:120px; }

/* Layout List */
*.ly-list *.header { margin-bottom:15px; display:flex; align-items:center; justify-content:space-between; }
*.ly-list div.content { border-top:2px solid #aaa; }
*.ly-list div.content table thead tr th { padding:10px 4px; background-color:#eee; border-bottom:.1px solid gainsboro; 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 gainsboro; }
*.ly-list div.content table tbody tr th,
*.ly-list div.content table tbody tr td { padding:10px 8px; border-bottom:.1px solid gainsboro; font-size:.75rem; text-align:center; word-break:break-all; }
*.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 gainsboro; }
*.ly-list div.content table tbody tr th { background-color:#eee; }
*.ly-list div.content table tbody tr td.button { padding:0; 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; }
*.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 tfoot tr th,
*.ly-list div.content table tfoot tr td { padding:8px; 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 th:not(:last-child),
*.ly-list div.content table tfoot tr td:not(:last-child) { border-right:.1px solid gainsboro; }

/* Layout List (Grid) */
*.ly-list-grid { min-width:fit-content; padding-bottom:1px; font-size:.75rem; word-break:break-all; position:relative; display:flex; flex-direction:column; overflow:hidden; }
*.ly-list-grid:after { height:1px; margin-left:25px; margin-right:25px; content:''; background-color:gainsboro; }
*.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 { min-height:38px; display:flex; flex:none; overflow-x:hidden; overflow-y:auto; scrollbar-gutter:stable; }
*.ly-list-grid *[role='rowgroup'].header *[role='row'] { width:100%; border-top:2px solid gray; font-weight:700; background-color:gainsboro; display:flex; }
*.ly-list-grid *[role='rowgroup'].header *[role='columnheader'] { min-height:36px; padding:10px 6px; 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 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 { overflow-y:auto; scrollbar-gutter:stable; }
*.ly-list-grid *[role='rowgroup'].row *[role='row'] { width:100%; display:flex; align-items:normal; }
*.ly-list-grid *[role='rowgroup'].row *[role='row']:nth-of-type(even) { background-color:#fafafa; }
*.ly-list-grid *[role='rowgroup'].row *[role='row']:focus-within,
*.ly-list-grid *[role='rowgroup'].row *[role='row']:hover { background-color:#f4efe4; }
*.ly-list-grid *[role='rowgroup'].row *[role='row']:not(:last-of-type) *[role='cell'],
*.ly-list-grid *[role='rowgroup'].row *[role='row']:not(:last-of-type) *[role='rowheader'] { border-bottom:.1px solid gainsboro; }
*.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 gainsboro; }
*.ly-list-grid *[role='rowgroup'].row *[role='rowheader'] { border-right:.1px solid gainsboro; 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 > div { display:flex; flex:1; border-top:.1px solid gainsboro; }
*.ly-item > div.full { width:100%; min-width:100%; }
*.ly-item > div > dt { width:150px; min-width:150px; padding:12px 15px; font-size:.8125rem; text-align:right; background-color:whitesmoke; display:flex; align-items:center; justify-content:flex-end; }
*.ly-item > div > dd { padding:12px 15px; flex:1; font-size:.875rem; display:flex; align-items:center; }
*.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 > 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%; }

*.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:not(:last-child) { margin-bottom:30px; }
*.ly-form fieldset { border:none; }
*.ly-form fieldset legend { margin-bottom:15px; 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; }

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

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:enabled:checked + div:after { border-width:7px; border-color:#b54442; }
label[data-style='radio-flat'] input + div + span:not(:empty) { margin-left:10px; }

label[data-style='checkbox-flat'] { display:flex; align-items:center; justify-content:center; }
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:1px solid gainsboro; border-radius:4px; border-color:#ced4da; 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'); }
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']:focus,
button[data-style='command']: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; border-radius:6px; white-space:nowrap; transition:all ease .2s; transition-property:background, border, color; }
button[data-style='form']:focus,
button[data-style='form']:hover { color:white; border-color:#6a1c0f; background-color:#b54442; }
button[data-style='list-head'] { height:36px; padding-left:14px; padding-right:14px; 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='list-head']:focus,
button[data-style='list-head']:hover { color:white; border-color:#6a1c0f; background-color:#b54442; }
button[data-style='tiny'] { height:26px; padding-left:8px; padding-right:8px; font-size:.75rem; background:none; border:2px solid lightgray; border-radius:4px; white-space:nowrap; transition:all ease .2s; transition-property:background, border, color; }
button[data-style='tiny']:focus,
button[data-style='tiny']:hover { color:white; border-color:#6a1c0f; background-color:#b54442; }

input[data-style='form'] { width:100%; height:34px; padding-left:8px; padding-right:8px; font-size:.8125rem; border:2px solid gainsboro; border-radius:6px; transition:all ease .2s; transition-property:border; }
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-inline'] { height:30px; padding-left:6px; padding-right:6px; font-size:.8125rem; border:2px solid gainsboro; border-radius:6px; 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; font-size:.875rem; border:2px solid gainsboro; border-radius:6px; transition:all ease .2s; transition-property:border; }
input[data-style='list-head']:focus,
input[data-style='list-head']:hover { border-color:#b54442; }
input[data-style='list-head'][data-icon='calendar'] { width:120px; }
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-style='form'] { width:100%; height:34px; padding-left:6px; padding-right:6px; font-size:.8125rem; border:2px solid gainsboro; border-radius:6px; transition:all ease .2s; transition-property:border; }
select[data-style='form']:focus,
select[data-style='form']:hover { border-color:#b54442; }
select[data-style='list-head'] { height:36px; padding-left:6px; padding-right:6px; font-size:.875rem; border:2px solid gainsboro; border-radius:6px; transition:all ease .2s; transition-property:border; }
select[data-style='list-head']:focus,
select[data-style='list-head']:hover { border-color:#b54442; }
select[data-width='auto'] { width:auto; }

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

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; }

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

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

@media (hover:hover) and (pointer:fine)
{
	::-webkit-scrollbar { width:10px; height:10px; }
	::-webkit-scrollbar-track { background-color:transparent; }

	#ly-Layout-Side::-webkit-scrollbar-thumb { background-color:rgba(255, 255, 255, .25); }

	#ly-Layout-Main div.scroll::-webkit-scrollbar-thumb { background-color:rgba(0, 0, 0, .15); }

	#ly-Dialog-Buyer div.ly-list-grid div.header { padding-right:15px; }
	#ly-Dialog-Buyer div.ly-list-grid div.row { padding-right:15px; }

	dialog.ly-dialog div.wrap::-webkit-scrollbar-thumb { background-color:rgba(0, 0, 0, .15); }
	dialog.ly-dialog div.overflow::-webkit-scrollbar-thumb { background-color:rgba(0, 0, 0, .15); }

	/*.ly-list-grid:after { margin-left:25px; margin-right:25px; }*/
	*.ly-list-grid div.row::-webkit-scrollbar-thumb { background-color:rgba(0, 0, 0, .15); }
}

/* 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; }