@charset "UTF-8";

/* Default */
*[data-anchor] { position:absolute; visibility:hidden; margin-top:-60px; }

html,
body { width:100%; min-height:100%; }
body { height:100dvh; max-height:100dvh; font-family:'Noto Sans Korean'; display:flex; flex-direction:column; }
body * { font-family:'Noto Sans Korean'; }
img { vertical-align:middle; }
address,
em { font-style:normal; }
a { color:dimgray; text-decoration:none; }
form fieldset { border:none; }
button:disabled,
input[type='checkbox']:disabled,
input[type='radio']:disabled,
label input[type='checkbox']:disabled + *,
label input[type='radio']:disabled + * { opacity:.25; }
label[data-disabled='true'] { opacity:.15; }
label[data-disabled='true'] input { opacity:0; }

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

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

#ly-Layout { flex:1; margin-bottom:70px; overflow:auto; display:flex; flex-direction:column; border-bottom:1px solid gainsboro; }

#ly-Top { width:100%; height:60px; min-height:60px; background-color:white; border-bottom:.1px solid whitesmoke; box-shadow:0 2px 2px 0 rgba(0, 0, 0, .05); position:sticky; z-index:2; top:0; left:0; }
#ly-Top div.frame { width:100%; max-width:700px; height:100%; margin:auto; display:flex; align-items:center; justify-content:space-between; position:relative; }
#ly-Top div.frame h1 { margin-left:auto; margin-right:auto; font-size:1.25rem; font-weight:500; text-align:center; }
#ly-Top div.frame div.filter { position:absolute; top:0; right:0; }

#ly-Navi { width:100%; height:calc(100% - 70px); background-color:rgba(0, 0, 0, .5); border:none; position:fixed; top:0; right:0; z-index:900; overflow:hidden; }
#ly-Navi div.frame { width:280px; height:100%; margin-left:auto; background-color:white; display:flex; flex-direction:column; }
#ly-Navi header { height:100px; background-color:#f00; display:flex; align-items:center; justify-content:center; }
#ly-Navi header h1 {  }
#ly-Navi div.overflow { flex:1; overflow:auto; }
#ly-Navi div.overflow ul { list-style:none; }
#ly-Navi div.overflow ul li { border-bottom:.1px solid gainsboro; }
#ly-Navi div.overflow ul li button { width:100%; height:70px; padding-left:20px; padding-right:20px; text-align:left; background:none; border:none; display:flex; align-items:center; }
#ly-Navi div.overflow ul li button:focus,
#ly-Navi div.overflow ul li button:hover { background-color:whitesmoke; }
#ly-Navi div.overflow ul li button:before { width:22px; height:22px; margin-right:10px; content:''; display:block; }
#ly-Navi div.overflow ul li.store button:before { background-image:url('../../img/view/common/img-icon-store.svg'); }
#ly-Navi div.overflow ul li.notice button:before { background-image:url('../../img/view/common/img-icon-notice.svg'); }
#ly-Navi div.overflow ul li.qna button:before { background-image:url('../../img/view/common/img-icon-qna.svg'); }
#ly-Navi div.overflow ul li.setting button:before { background-image:url('../../img/view/common/img-icon-setting.svg'); }
#ly-Navi div.overflow ul li.account button:before { background-image:url('../../img/view/common/img-icon-account.svg'); }
#ly-Navi div.overflow ul li.logout button:before { background-image:url('../../img/view/common/img-icon-logout.svg'); }
#ly-Navi p { padding:5px; background-color:whitesmoke; font-size:.65rem; text-align:right; }

#ly-Navi-Sub { width:100%; }
#ly-Navi-Sub div { width:100%; margin:auto; background-color:#f7f7f7; overflow:auto; display:flex; }
#ly-Navi-Sub div::-webkit-scrollbar { height:1px; width:1px; background:transparent; }
#ly-Navi-Sub div::-webkit-scrollbar-thumb { background:silver; }
#ly-Navi-Sub div ul { min-width:100%; margin:auto; display:flex; align-items:center; list-style:none; white-space:nowrap; }
#ly-Navi-Sub div ul li { flex:1; }
#ly-Navi-Sub div ul li button { width:100%; height:42px; padding-top:2px; padding-left:22px; padding-right:22px; border:none; border-bottom:2px solid transparent; background:none; font-size:.8125rem; font-weight:400; color:dimgray; }
#ly-Navi-Sub div ul li button:focus,
#ly-Navi-Sub div ul li button:hover { background-color:#eee; color:black; }
#ly-Navi-Sub div ul li.active button { border-color:dodgerblue; color:black; font-weight:500; }

#ly-Quick { width:100%; height:70px; position:fixed; left:0; bottom:0; background-color:white; }
#ly-Quick ul { height:100%; margin:auto; list-style:none; display:flex; }
#ly-Quick ul li { flex:1; }
#ly-Quick ul li button { width:100%; height:100%; border:none; background:none; color:gray; font-weight:500; display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:.65rem; }
#ly-Quick ul li button:focus,
#ly-Quick ul li button:hover { color:black; }
#ly-Quick ul li.active button { color:black; }
#ly-Quick ul li button:before { width:28px; height:28px; margin-bottom:5px; content:''; display:block; opacity:.2; }
#ly-Quick ul li button:focus:before,
#ly-Quick ul li button:hover:before { opacity:.75; }
#ly-Quick ul li.active button:before { opacity:.75; }
#ly-Quick ul li.delivery button:before { background-image:url('../../img/view/common/img-icon-delivery.svg'); }
#ly-Quick ul li.home button:before { background-image:url('../../img/view/common/img-icon-home.svg'); }
#ly-Quick ul li.more button:before { background-image:url('../../img/view/common/img-icon-more.svg'); }
#ly-Quick ul li.order button:before { background-image:url('../../img/view/common/img-icon-order.svg'); }
#ly-Quick ul li.refresh button:before { background-image:url('../../img/view/common/img-icon-refresh.svg'); }

#ly-Refresh { width:50px; height:50px; background-color:white; border-radius:50%; position:fixed; right:15px; bottom:15px; }
#ly-Refresh button { width:100%; height:100%; border:none; background-color:royalblue; -webkit-mask-image:url('../../img/view/index/img-icon-refresh.svg'); -webkit-mask-size:cover; }






















#ly-Header { width:100%; }
#ly-Header aside.top { width:100%; margin:auto; border-bottom:1px solid rgba(0, 0, 0, .075); }
#ly-Header aside.top div.sns div:not(:last-of-type) { margin-right:20px; }
#ly-Header aside.top div.sns div button { width:25px; height:25px; background-color:silver; border:none; vertical-align:top; transition:all ease .8s; transition-property:background, transform; }
#ly-Header aside.top div.sns div button:focus,
#ly-Header aside.top div.sns div button:hover { background-color:dimgray; transform:rotate(360deg); }
#ly-Header aside.top div.sns div.facebook button { -webkit-mask-image:url('/$res/facebook.svg'); }
#ly-Header aside.top div.sns div.instagram button { -webkit-mask-image:url('/$res/instagram.svg'); }
#ly-Header aside.top div.sns div.youtube button { -webkit-mask-image:url('/$res/y1.svg'); }
#ly-Header aside.top div.sns div.blog button { -webkit-mask-image:url('/$res/blog.svg'); }
#ly-Header aside.top div.navi div { line-height:1; }
#ly-Header aside.top div.navi div:not(:last-of-type) { margin-right:15px; padding-right:15px; border-right:.1px solid gainsboro; }
#ly-Header aside.top div.navi div button { background:none; border:none; font-size:.8125rem; color:gray; vertical-align:top; transition:all ease .2s; transition-property:color; }
#ly-Header aside.top div.navi div button:focus,
#ly-Header aside.top div.navi div button:hover { color:black; }

#ly-Content { min-height:400px; flex:1; }
#ly-Content > header { width:100%; height:280px; background-position:center center; background-repeat:no-repeat; background-size:cover; display:flex; flex-direction:column; align-items:center; justify-content:center; color:white; position:relative; text-shadow:0 0 3px rgba(0, 0, 0, .5); }
#ly-Content > header:after { width:100%; height:100%; content:''; background-color:black; position:absolute; top:0; left:0; opacity:.25; }
#ly-Content > header h2 { margin-bottom:20px; font-size:3rem; font-weight:700; position:relative; z-index:2; }
#ly-Content > header p { color:whitesmoke; font-size:.9375rem; position:relative; z-index:2; }
#ly-Content nav { max-width:1400px; margin-top:-35px; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px; display:flex; justify-content:center; position:absolute; left:0; right:0; }
#ly-Content nav ul { width:100%; height:65px; display:flex; justify-content:center; list-style:none; background-color:white; box-shadow:0 2px 2px 0 rgba(0, 0, 0, .05); }
#ly-Content nav ul li { flex:1; }
#ly-Content nav ul li:not(:last-of-type) { border-right:.1px solid whitesmoke; }
#ly-Content nav ul li button { width:100%; height:100%; border:none; background-color:white; color:gray; transition:all ease .2s; transition-property:background, color; }
#ly-Content nav ul li button:focus,
#ly-Content nav ul li button:hover { background-color:#fafafa; color:#0078e5; }
#ly-Content nav ul li button.active { background-color:#0078e5; color:white; }
#ly-Content nav ul li button:disabled { opacity:1; }
#ly-Content nav ul li button span { display:inline-block; position:relative; transition:all ease .2s; transition-property:color; }
#ly-Content nav ul li button span:after { width:0; height:2px; margin-top:5px; margin-left:auto; margin-right:auto; content:''; display:block; background-color:silver; position:absolute; left:0; right:0; transition:all ease .5s; transition-property:width; }
#ly-Content nav ul li button.active span:after { background-color:white; }
#ly-Content nav ul li:focus-within button span:after,
#ly-Content nav ul li:hover button span:after { width:100%; content:''; display:block; position:absolute; }

#ly-Board { max-width:1400px; margin-top:100px; margin-bottom:100px; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px; }
#ly-Board div.header { margin-bottom:20px; display:flex; align-items:center; justify-content:space-between; }
#ly-Board div.header div.count { display:flex; align-items:center; color:dimgray; }
#ly-Board div.header div.count:before { width:16px; height:16px; margin-right:10px; content:''; display:block; background:url('/$res/list.svg') left center no-repeat; opacity:.25; }
#ly-Board div.header div.count b { margin-left:5px; margin-right:5px; }
#ly-Board div.header form.search { display:flex; position:relative; }
#ly-Board div.header form.search div.select { margin-right:10px; }
#ly-Board div.header form.search select { height:40px; padding:4px 8px; border:1px solid gainsboro; font-size:.9375rem; transition:all ease .2s; transition-property:border; }
#ly-Board div.header form.search select:focus { border-color:dimgray; }
#ly-Board div.header form.search input { width:300px; height:40px; padding:4px 38px 4px 10px; border:1px solid gainsboro; font-size:.9375rem; transition:all ease .2s; transition-property:border; }
#ly-Board div.header form.search input:focus { border-color:dimgray; }
#ly-Board div.header form.search button { width:38px; height:38px; border:none; background:none; display:flex; align-items:center; justify-content:center; position:absolute; top:1px; right:1px; }
#ly-Board div.header form.search button:before { width:22px; height:22px; content:''; display:block; background-color:lightgray; -webkit-mask:url('/$res/search.svg') no-repeat; transition:all ease .2s; transition-property:background; }
#ly-Board div.header form.search button:hover:before { background-color:dimgray; }

#ly-Navigation-Side { width:100%; border-top:.1px solid #e0e0e0; background-color:whitesmoke; position:relative; z-index:2; }
#ly-Navigation-Side div.frame { max-width:1400px; margin:auto; padding-left:20px; padding-right:20px; display:flex; }
#ly-Navigation-Side div.frame div.item { position:relative; font-size:.8125rem; }
#ly-Navigation-Side div.frame div.item div button { height:40px; padding-left:20px; padding-right:20px; background:none; border:none; color:dimgray; border-left:.1px solid #e0e0e0; display:flex; align-items:center; transition:all ease .2s; transition-property:background, color; }
#ly-Navigation-Side div.frame div.item:not(:first-of-type) div button { min-width:120px; }
#ly-Navigation-Side div.frame div.item:not(:first-of-type) div button:before { width:12px; height:12px; margin-right:5px; content:''; display:block; background:silver; -webkit-mask:url('/$res/arrow-dot.svg') no-repeat; }
#ly-Navigation-Side div.frame div.item div button:focus,
#ly-Navigation-Side div.frame div.item div button:hover { background-color:white; color:black; }
#ly-Navigation-Side div.frame div.item:last-of-type div button { color:black; border-right:.1px solid #e0e0e0; }
#ly-Navigation-Side div.frame div.item ul { min-width:calc(100% + 1px); list-style:none; background-color:white; position:absolute; bottom:41px; display:none; }
#ly-Navigation-Side div.frame div.item:last-of-type ul { min-width:100%; }
#ly-Navigation-Side div.frame div.item:focus-within ul { padding-top:5px; padding-bottom:5px; display:block; border-top:.1px solid #e0e0e0; border-left:.1px solid #e0e0e0; border-right:.1px solid #e0e0e0; }
#ly-Navigation-Side div.frame div.item:focus-within ul li button { width:100%; height:34px; padding-left:20px; padding-right:20px; font-weight:300; text-align:left; border:none; background:none; white-space:nowrap; transition:all ease .2s; transition-property:background; }
#ly-Navigation-Side div.frame div.item:focus-within ul li button:focus,
#ly-Navigation-Side div.frame div.item:focus-within ul li button:hover { background-color:whitesmoke; }
#ly-Navigation-Side div.frame aside.arrow { margin-left:auto; }
#ly-Navigation-Side div.frame aside.arrow div { height:40px; }
#ly-Navigation-Side div.frame aside.arrow div button { width:40px; height:40px; border:none; background:none; border-left:.1px solid #e0e0e0; border-right:.1px solid #e0e0e0; display:flex; align-items:center; justify-content:center; transition:all ease .2s; transition-property:background; }
#ly-Navigation-Side div.frame aside.arrow div button:focus,
#ly-Navigation-Side div.frame aside.arrow div button:hover { background-color:white; }
#ly-Navigation-Side div.frame aside.arrow div button:before { width:20px; height:20px; content:''; display:block; background-color:silver; -webkit-mask:url('/$res/arrow-part.svg') no-repeat; transform:rotate(-90deg); transition:all ease .2s; transition-property:background; }
#ly-Navigation-Side div.frame aside.arrow div button:focus:before,
#ly-Navigation-Side div.frame aside.arrow div button:hover:before { background-color:#0078e5; }

#ly-Footer { background-color:#16161b; }
#ly-Footer div.frame { width:100%; }
#ly-Footer div.top ul li button { color:gainsboro; border:none; background:none; }
#ly-Footer div.top ul li button:focus,
#ly-Footer div.top ul li button:hover { color:white; text-decoration:underline; }
#ly-Footer dl.content div.customer { line-height:1; }
#ly-Footer dl.content div.customer dt { color:silver; }
#ly-Footer dl.content div.customer dd { font-weight:300; line-height:1; }
#ly-Footer dl.content div.customer dd span { color:gray; display:inline-block; transition:all ease .5s; transition-property:transform; }
#ly-Footer dl.content div.customer dd span:hover { transform:rotate(360deg); }

#ly-Aside { position:fixed; right:20px; bottom:20px; z-index:3; }
#ly-Aside div.items div { position:relative; }
#ly-Aside div.items div:not(:last-of-type) { margin-bottom:10px; }
#ly-Aside div.items div button { width:60px; height:60px; border:2px solid transparent; border-radius:50%; background-color:transparent; background-repeat:no-repeat; background-size:cover; vertical-align:top; transition:all ease .2s; transition-property:border; }
#ly-Aside div.items div.brochure button { background-image:url('../../img/common/img-aside-brochure.svg'); }
#ly-Aside div.items div.kakao button { background-image:url('../../img/common/img-aside-kakao.svg'); }
#ly-Aside div.items div button:focus,
#ly-Aside div.items div button:hover { border-color:silver; }
#ly-Aside div.items div button span { min-width:60px; height:60px; display:flex; align-items:center; position:absolute; top:0; right:0; align-items:center; z-index:-1; overflow:hidden; }
#ly-Aside div.items div button span b { min-width:60px; height:46px; padding-left:0; padding-right:0; display:flex; align-items:center; border:.1px solid gainsboro; border-radius:99999px; background-color:white; font-weight:normal; white-space:nowrap; opacity:0; transition:all ease .2s; transition-property:padding, opacity; }
#ly-Aside div.items div button:focus span b,
#ly-Aside div.items div button:hover span b { padding-left:20px; padding-right:70px; font-weight:300; opacity:1; }

#ly-Dialog-Search *.frame { max-width:500px; }
#ly-Dialog-Search header { display:flex; align-items:center; justify-content:space-between; }
#ly-Dialog-Search div.overflow { padding:25px; display:flex; }
#ly-Dialog-Search div.overflow div.input { margin-right:10px; flex:1; }
#ly-Dialog-Search div.overflow div input { width:100%; height:40px; padding-left:8px; padding-right:8px; border:.1px solid silver; border-radius:6px; text-align:center; }
#ly-Dialog-Search div.overflow div input:focus { border-color:dimgray; }
#ly-Dialog-Search div.overflow div button { width:40px; height:40px; border:.1px solid silver; border-radius:8px; vertical-align:top; background:none; display:flex; align-items:center; justify-content:center; transition:all ease .2s; transition-property:background, border; }
#ly-Dialog-Search div.overflow div button:focus,
#ly-Dialog-Search div.overflow div button:hover { border-color:dimgray; background-color:whitesmoke; }
#ly-Dialog-Search div.overflow div button:before { width:20px; height:20px; content:''; display:block; background-color:silver; -webkit-mask-image:url('/$res/search.svg'); -webkit-mask-repeat:no-repeat; -webkit-mask-size:20px 20px; transition:all ease .2s; transition-property:background; }
#ly-Dialog-Search div.overflow div button:focus:before,
#ly-Dialog-Search div.overflow div button:hover:before { background-color:black; }

*.ly-list { width:100%; border-top:3px solid gainsboro; }
*.ly-list:not(:last-child) { margin-bottom:50px; }
*.ly-list > div { border-bottom:.1px solid #eee; transition:all ease .2s; transition-property:background; }
*.ly-list > div:focus-within,
*.ly-list > div:hover { background-color:#fafafa;  }
*.ly-list > div[data-notice='true'] { background-color:#fafaff; }
*.ly-list > div[data-notice='true']:focus-within,
*.ly-list > div[data-notice='true']:hover { background-color:#fafafa;  }
*.ly-list > div > button { width:100%; padding:18px 30px 18px 20px; border:none; background:none; text-align:left; display:flex; align-items:center; }
*.ly-list > div > button div.number { width:80px; min-height:30px; margin-right:20px; font-weight:300; font-size:.875rem; color:gray; display:flex; align-items:center; justify-content:center; }
*.ly-list > div[data-notice='true'] > button div.number:before { width:20px; height:20px; content:''; display:block; background:url('/$res/bell.svg') center center no-repeat; }
*.ly-list > div > button dl { min-height:30px; flex:1; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 30px; }
*.ly-list > div > button dl dt { flex:1; display:flex; align-items:center; color:dimgray; transition:all ease .2s; transition-property:color; }
*.ly-list > div[data-notice='true'] > button dl dt { font-weight:700; }
*.ly-list > div[data-today='true'] > button dl dt:before { width:20px; min-width:20px; height:20px; min-height:20px; margin-right:12px; content:'N'; display:flex; align-items:center; justify-content:center; font-size:.75rem; font-weight:700; background-color:skyblue; color:white; }
*.ly-list > div:focus-within > button dl dt,
*.ly-list > div:hover > button dl dt { color:black; }
*.ly-list > div > button dl:not(:last-child) { margin-right:30px; }
*.ly-list > div > button dl dd { font-weight:300; color:dimgray; font-size:.875rem; display:flex; align-items:center; }
*.ly-list > div > button dl dd:before { width:14px; height:14px; margin-right:8px; content:''; display:block; background-color:#aaa; -webkit-mask-repeat:no-repeat; }
*.ly-list > div > button dl dd.datetime:before { -webkit-mask-image:url('/$res/clock.svg'); }
*.ly-list > div > button dl dd.read:before { -webkit-mask-image:url('/$res/eye.svg'); }
*.ly-list > div > button dl dd.writer:before { -webkit-mask-image:url('/$res/account.svg'); }

*.ly-view { position:relative; }
*.ly-view header { border-top:2px solid gainsboro; }
*.ly-view header > h3 { padding:32px 20px; font-size:1.75rem; font-weight:500; text-align:center; }
*.ly-view header div.info { padding:15px 20px; background-color:whitesmoke; display:flex; align-items:center; justify-content:space-between; }
*.ly-view header div.info div { font-weight:300; color:dimgray; font-size:.875rem; display:flex; align-items:center; }
*.ly-view header div.info div:not(:last-of-type) { margin-right:20px; }
*.ly-view header div.info div:before { width:14px; height:14px; margin-right:8px; content:''; display:block; background-color:#aaa; -webkit-mask-repeat:url('/$res/mail.svg') no-repeat; }
*.ly-view header div.info div.mail:before { -webkit-mask-image:url('/$res/mail.svg'); }
*.ly-view header div.info div.writer:before { -webkit-mask-image:url('/$res/account.svg'); }
*.ly-view header div.info div.contact:before { -webkit-mask-image:url('/$res/contact.svg'); }
*.ly-view header div.info div.datetime:before { -webkit-mask-image:url('/$res/clock.svg'); }
*.ly-view header div.info div.read:before { -webkit-mask-image:url('/$res/eye.svg'); }
*.ly-view div.attachment { padding:20px 20px 0 20px; display:flex; justify-content:flex-end; }
*.ly-view div.content { margin-bottom:50px; padding:30px; font-size:1.125rem; line-height:1.5; border-bottom:.1px solid gainsboro; }
*.ly-view div.command { display:flex; align-items:center; justify-content:center; }
*.ly-view div.command div:not(:last-of-type) { margin-right:20px; }
*.ly-view div.command div button { height:48px; padding-left:30px; padding-right:30px; border:2px solid gainsboro; background:none; color:dimgray; font-size:1.125rem; transition:all ease .2s; transition-property:border, color; }
*.ly-view div.command div button:focus,
*.ly-view div.command div button:hover { border-color:dimgray; color:black; }

/* Layout Item */
*.ly-item { width:100%; display:flex; flex-wrap:wrap; }
*.ly-item:last-of-type { border-bottom:.1px solid #f0f0f0; }
*.ly-item > div { min-width:300px; display:flex; flex:1; border-top:.1px solid #f0f0f0; }
*.ly-item > div.full { width:100%; min-width:100%; }
*.ly-item > div > dt { width:160px; min-width:160px; padding:15px 20px; font-size:.875rem; display:flex; align-items:center; justify-content:flex-end; }
*.ly-item > div.required > dt:before { margin-right:8px; content:'*'; color:red; }
*.ly-item > div > dd { padding:15px 20px; flex:1; font-size:1rem; display:flex; align-items:center; }
*.ly-item > div > dd.message { display:flex; flex-direction:column; align-items:stretch; }
*.ly-item > div > dd.message *.comment { margin-top:10px; font-size:.8125rem; color:dimgray; text-align:left; }
*.ly-item > div > dd.message *.error { margin-top:10px; font-size:.8125rem; color:red; text-align:left; }
*.ly-item > div > dd.message *.error:empty { display:none; }
*.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 div.attachment { display:flex; align-items:center; }
*.ly-item > div > dd div.attachment div.input { font-size:.875rem; word-break:break-all; line-height:1.5; }
*.ly-item > div > dd textarea { width:100%; min-height:80px; resize:vertical; }

/* 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:not(.no-scroll) { overflow-y:auto; }
*.ly-list-grid *[role='rowgroup'].row { 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) *[role='cell'] { background-color:#fafafa; }
*.ly-list-grid *[role='rowgroup'].row *[role='row']:focus-within *[role='cell'],
*.ly-list-grid *[role='rowgroup'].row *[role='row']:hover *[role='cell'] { background-color:#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; }

*[data-validator] { width:100%; }
*[data-validator] *[data-error]:empty { display:none; }
*[data-validator] *[data-error]:not(:empty) { margin-top:4px; font-size:.8125rem; color:red; }

*.w10 { width:10px; }
*.w10m { min-width:10px; }
*.w10x { max-width:10px; }
*.w40 { width:40px; }
*.w40m { min-width:40px; }
*.w40x { max-width:40px; }
*.w45 { width:45px; }
*.w45m { min-width:45px; }
*.w45x { max-width:45px; }
*.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; }

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

label[data-style='checkbox-flat'] { display:flex; align-items: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, background; }
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:deepskyblue; background-color:deepskyblue; background-image:url('../../../../img/theme/classic/common/img-checkbox-checked-white.svg'); }
label[data-style='checkbox-flat'] input + div + span:not(:empty) { margin-left:10px; font-size:.9375rem; }

label[data-style='file-button'] { display:flex; align-items:center; position:relative; }
label[data-style='file-button']:not(:last-child) { margin-right:15px; }
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:15px; padding-right:15px; font-size:.9375rem; color:white; display:flex; align-items:center; background-color:#7196a2; border:2px solid #7196a2; 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:#7196a2; border-color:#7196a2; background-color:white; }
label[data-style='file-button'] + div { color:gray; font-size:.9375rem; }

button[data-style='form'] { height:36px; padding-left:15px; padding-right:15px; font-size:.875rem; background:none; border:.1px solid lightgray; border-bottom-width:4px; 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:#003666; background-color:#0078e5; }
button[data-style='large'] { height:46px; padding-left:30px; padding-right:30px; font-size:1.125rem; color:white; background-color:#0078e5; border:3px solid #0078e5; white-space:nowrap; transition:all ease .2s; transition-property:background, border, color; }
button[data-style='large']:focus,
button[data-style='large']:hover { color:#0078e5; border-color:#0078e5; background-color:white; }

input[data-style='form'] { width:100%; height:36px; padding-left:8px; padding-right:8px; font-size:.9375rem; border:1px solid gainsboro; 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:#0078e5; }
input[data-style='form'][data-invalid='true']:enabled { border-color:red !important; background-color:#fffafa; }

select[data-style='form'] { width:100%; height:36px; padding-left:6px; padding-right:6px; font-size:.9375rem; border:1px solid gainsboro; transition:all ease .2s; transition-property:border; }
select[data-style='form']:focus,
select[data-style='form']:hover { border-color:#0078e5; }
select[data-width='auto'] { width:auto; }

textarea[data-style='form'] { width:100%; padding:6px 8px; border:1px solid gainsboro; resize:vertical; transition:all ease .2s; transition-property:border; }
textarea[data-style='form']:focus,
textarea[data-style='form']:hover { border-color:#0078e5; }
textarea[data-style='form'][data-invalid='true']:enabled { border-color:red !important; background-color:#fffafa; }

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

div.more-menu-attachment button.parent { border:none; background-color:transparent; font-size:.875em; display:flex; align-items:center; opacity:.6; transition:all ease .2s; transition-property:opacity; }
div.more-menu-attachment button.parent:before { width:15px; height:15px; margin-right:8px; content:''; display:block; background:url('../../img/view/boards/img-icon-file.svg') transparent no-repeat; background-size:cover; }
div.more-menu-attachment button.parent:focus,
div.more-menu-attachment button.parent:hover { opacity:1; }
div.more-menu-attachment.active button.parent { color:#0078e5; }
div.more-menu-attachment ul { background-color:white; border:.1px solid gainsboro; list-style:none; position:absolute; right:20px; display:none; z-index:2; }
div.more-menu-attachment.active ul { margin-top:5px; padding-top:5px; padding-bottom:5px; display:block; }
div.more-menu-attachment ul li button { width:100%; padding:6px 16px; font-weight:300; color:#222; display:flex; align-items:center; border:none; background-color:transparent; transition:all ease .2s; transition-property:background, color; }
div.more-menu-attachment ul li button:before { width:15px; height:15px; margin-right:6px; content:''; display:block; background-repeat:no-repeat; background-size:cover; }
div.more-menu-attachment ul li button:focus,
div.more-menu-attachment ul li button:hover { background-color:#f5f5f5; }
div.more-menu-attachment ul li button span.name { margin-right:10px; font-size:.813em; }
div.more-menu-attachment ul li button span.size { color:#757575; font-size:.688em; font-weight:200; }

header.title { margin-left:auto; margin-right:auto; text-align:center; line-height:1.6; position:relative; }
header.title h2,
header.title h3,
header.title h4 { font-weight:500; }
header.title h2:after,
header.title h3:after,
header.title h4:after { width:40px; height:3px; margin-left:auto; margin-right:auto; content:''; display:block; background-color:#0078e5; position:absolute; left:0; right:0; }
header.title p { font-weight:300; color:gray; }

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

/* List Pager */
#ly-Pager { margin-bottom:20px; }
#ly-Pager ul { display:flex; align-items:center; justify-content:center; font-size:.9375rem; list-style:none; }
#ly-Pager ul li:not(:first-of-type) { margin-left:10px; }
#ly-Pager ul li.prev { padding-right:12px; margin-right:9px; border-right:.1px solid #dadada; }
#ly-Pager ul li.next { padding-left:12px; margin-left:15px; border-left:.1px solid #dadada; }
#ly-Pager ul li a { height:34px; padding-left:12px; padding-right:12px; display:flex; align-items:center; justify-content:center; color:#222; border:.1px solid transparent; text-decoration:none; }
#ly-Pager ul li a:focus,
#ly-Pager ul li a:hover { background-color:#fff; border-color:#dadada; }
#ly-Pager ul li span { height:34px; padding-left:12px; padding-right:12px; display:flex; align-items:center; justify-content:center; color:#ccc; border:.1px solid transparent; }
#ly-Pager ul li.active span { border-color:#0078e5; color:#0078e5; font-weight:700; }

#ly-Dialog-Message *.frame { max-width:600px; }

/* Mobile */
@media screen and (min-width:1px) and (max-width:799px) {
	#ly-Side { width:250px; }

	#ly-Navigation-Side { display:none; }

	#ly-Dialog-Book div.function { padding:10px 15px; }
	#ly-Dialog-Book div.function div:not(:last-of-type) { margin-right:10px; }
	#ly-Dialog-Book div.function div.page-current { display:none; }
	#ly-Dialog-Book div.function div button { width:25px; height:25px; }

	#ly-Content > header { width:100%; height:240px; background-position:center center; background-repeat:no-repeat; background-size:cover; display:flex; flex-direction:column; align-items:center; justify-content:center; color:white; position:relative; text-shadow:0 0 3px rgba(0, 0, 0, .5); }
	#ly-Content > header:after { width:100%; height:100%; content:''; background-color:black; position:absolute; top:0; left:0; opacity:.25; }
	#ly-Content > header h2 { margin-bottom:20px; font-size:2.5rem; font-weight:700; position:relative; z-index:2; }
	#ly-Content > header p { color:whitesmoke; font-size:.9375rem; position:relative; z-index:2; }
	#ly-Content nav { margin-top:-35px; margin-left:auto; margin-right:auto; padding-left:0; padding-right:0; display:flex; justify-content:center; position:absolute; left:0; right:0; }
	#ly-Content nav ul { width:100%; display:flex; flex-wrap:wrap; justify-content:center; list-style:none; background-color:white; box-shadow:0 2px 2px 0 rgba(0, 0, 0, .05); }
	#ly-Content nav ul li { flex:1; }
	#ly-Content nav ul li:not(:last-of-type) { border-right:.1px solid whitesmoke; }
	#ly-Content nav ul li button { width:100%; height:100%; border:none; background-color:white; color:gray; transition:all ease .2s; transition-property:background, color; }
	#ly-Content nav ul li button:focus,
	#ly-Content nav ul li button:hover { background-color:#fafafa; color:#0078e5; }
	#ly-Content nav ul li button.active { background-color:#0078e5; color:white; }
	#ly-Content nav ul li button:disabled { opacity:1; }
	#ly-Content nav ul li button span { display:inline-block; position:relative; transition:all ease .2s; transition-property:color; }
	#ly-Content nav ul li button span:after { width:0; height:2px; margin-top:5px; margin-left:auto; margin-right:auto; content:''; display:block; background-color:silver; position:absolute; left:0; right:0; transition:all ease .5s; transition-property:width; }
	#ly-Content nav ul li button.active span:after { background-color:white; }
	#ly-Content nav ul li:focus-within button span:after,
	#ly-Content nav ul li:hover button span:after { width:100%; content:''; display:block; position:absolute; }

	#ly-Footer { background-color:#16161b; }
	#ly-Footer div.frame { width:100%; padding:60px 20px; }
	#ly-Footer div.top { padding-bottom:40px; margin-bottom:30px; border-bottom:.1px solid rgba(255, 255, 255, .1); }
	#ly-Footer div.top div.logo { margin-bottom:30px; text-align:center; }
	#ly-Footer div.top div.logo img { height:60px; filter:grayscale(100%); }
	#ly-Footer div.top ul { display:flex; justify-content:center; line-height:1; list-style:none; font-size:.9375rem; }
	#ly-Footer div.top ul li:not(:last-of-type) { margin-right:15px; padding-right:15px; border-right:.1px solid dimgray; }
	#ly-Footer dl.content div.information { padding-bottom:30px; margin-bottom:30px; border-bottom:.1px solid rgba(255, 255, 255, .1); color:gray; text-align:center; }
	#ly-Footer dl.content div.information dl.item { line-height:1.8; }
	#ly-Footer dl.content div.information dl.item:last-of-type { margin-bottom:30px; }
	#ly-Footer dl.content div.information dl.item div { display:flex; align-items:center; justify-content:center; }
	#ly-Footer dl.content div.information dl.item div:not(:last-of-type) { margin-right:10px; padding-right:10px; }
	#ly-Footer dl.content div.information dl.item div dt:after { margin-left:3px; margin-right:3px; content:':'; }
	#ly-Footer dl.content div.information dl.item div dd { font-weight:300; color:#aaa; }
	#ly-Footer dl.content div.information dl.item div dd a { color:silver; }
	#ly-Footer dl.content div.information dl.item div dd a:focus,
	#ly-Footer dl.content div.information dl.item div dd a:hover { color:white; }
	#ly-Footer dl.content div.information dl.item div.address dd a { display:flex; align-items:center; }
	#ly-Footer dl.content div.information dl.item div.address dd a:after { width:14px; height:14px; margin-left:4px; content:''; display:block; background:url('../../img/common/client/img-icon-location.svg'); filter:invert(1); opacity:.75; }
	#ly-Footer dl.content div.information div { font-weight:300; }
	#ly-Footer dl.content div.customer { padding-bottom:30px; margin-bottom:30px; border-bottom:.1px solid rgba(255, 255, 255, .1); text-align:center; }
	#ly-Footer dl.content div.customer dt { margin-bottom:15px; font-size:1.25rem; }
	#ly-Footer dl.content div.customer dd { font-size:3rem; }
	#ly-Footer div.family { width:200px; margin:auto; position:relative; align-self:baseline; transition:all ease .5s; transition-property:margin; }
	#ly-Footer div.family div button { width:100%; height:35px; padding-left:15px; padding-right:15px; border:.1px solid rgba(255, 255, 255, .1); background-color:#16161b; color:gray; font-size:.8125rem; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:2; transition:all ease .2s; transition-property:border, color; }
	#ly-Footer div.family:focus-within div button,
	#ly-Footer div.family div button:hover { border-color:#0078e5; }
	#ly-Footer div.family:focus-within div button { color:white; }
	#ly-Footer div.family div button:after { width:12px; height:12px; content:''; background-color:gray; -webkit-mask-image:url('/$res/up.svg'); transform:rotate(180deg); transition:all ease .2s; transition-property:transform; }
	#ly-Footer div.family:focus-within div button:after { background-color:white; transform:rotate(0); }
	#ly-Footer div.family ul { width:100%; height:0; position:absolute; bottom:34px; overflow:hidden; border-top:.1px solid rgba(255, 255, 255, .1); border-left:.1px solid rgba(255, 255, 255, .1); border-right:.1px solid rgba(255, 255, 255, .1); background-color:#111; transition:all ease .2s; transition-property:height; }
	#ly-Footer div.family:focus-within ul { height:calc((35px * 2) + 1px); }
	#ly-Footer div.family ul li button { width:100%; height:35px; padding-left:15px; padding-right:15px; border:none; background:none; color:gray; font-size:.8125rem; text-align:left; transition:all ease .2s; transition-property:background, color; }
	#ly-Footer div.family ul li button:focus,
	#ly-Footer div.family ul li button:hover { color:white; background-color:#1a1a1a; }

	header.title { margin-bottom:40px; }
	header.title h2,
	header.title h3,
	header.title h4 { margin-bottom:30px; font-size:2.25rem; }
	header.title h2:after,
	header.title h3:after,
	header.title h4:after { margin-top:10px; }
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1319px) {
	#ly-Layout[data-navigation='true'] #ly-Navigation div.wrap div.menu button:before { -webkit-mask-image:url('../../img/common/client/img-icon-close.svg') !important; };

	#ly-Side { display:none; }
	#ly-Sections { padding-left:0; }

	#ly-Layout[data-navigation='true'] #ly-Navigation { height:calc(100% - 50px); flex:1; }
	#ly-Layout[data-navigation='true'] #ly-Navigation div.wrap ul.parent { background-color:white; display:block !important; }

	#ly-Header { background-color:white; }
	#ly-Header aside.banner { width:100%; height:120px; background-color:gray; display:none; }
	#ly-Header aside.top { width:100%; min-width:300px; height:50px; margin:auto; padding-left:20px; padding-right:20px; display:flex; border-bottom:1px solid rgba(0, 0, 0, .075); }
	#ly-Header aside.top div.frame { width:100%; display:flex; align-items:center; justify-content:space-between; }
	#ly-Header aside.top div.frame > div { display:flex; }

	#ly-Navigation { width:100%; background-color:white; position:sticky; top:0; z-index:999; }
	#ly-Navigation div.wrap { width:100%; min-height:80px; display:flex; align-items:center; justify-content:center; border-bottom:1px solid #eee; }
	#ly-Navigation div.wrap h1 { height:80px; margin-left:45px; order:2; }
	#ly-Navigation div.wrap h1 button { height:100%; padding-left:20px; padding-right:20px; border:none; background:none; }
	#ly-Navigation div.wrap h1 img { width:150px; }
	#ly-Navigation div.wrap ul.parent { width:100%; height:calc(100vh - 80px); margin-top:80px; position:absolute; top:1px; display:none; overflow-y:auto; }
	#ly-Navigation div.wrap ul.parent > li { border-bottom:1px solid #eee; display:block; }
	#ly-Navigation div.wrap ul.parent > li:hover { background-color:whitesmoke; }
	#ly-Navigation div.wrap ul.parent > li:focus-within { background-color:#fcfcff; }
	#ly-Navigation div.wrap ul.parent > li > button { width:100%; height:110px; padding:40px 20px; display:flex; align-items:center; border:none; background:none; font-size:1.7rem; text-align:left; -webkit-tap-highlight-color:transparent; }
	#ly-Navigation div.wrap ul.parent > li:focus-within > button { color:#0078e5; font-weight:700; }
	#ly-Navigation div.wrap ul.parent > li > button:before { width:30px; height:30px; margin-right:15px; content:''; display:block; background-color:black; -webkit-mask-size:cover; -webkit-mask-repeat:no-repeat; opacity:.35; }
	#ly-Navigation div.wrap ul.parent > li:focus-within > button:before { background-color:#0078e5; opacity:1; }
	#ly-Navigation div.wrap ul.parent > li.foamboard > button:before { -webkit-mask-image:url('../../img/common/client/img-icon-foamboard.svg'); }
	#ly-Navigation div.wrap ul.parent > li.customer > button:before { -webkit-mask-image:url('../../img/common/client/img-icon-customer.svg'); }
	#ly-Navigation div.wrap ul.parent > li.marketing > button:before { -webkit-mask-image:url('../../img/common/client/img-icon-marketing.svg'); }
	#ly-Navigation div.wrap ul.parent > li.purchase > button:before { -webkit-mask-image:url('../../img/common/client/img-icon-purchase.svg'); }
	#ly-Navigation div.wrap ul.parent > li.about > button:before { -webkit-mask-image:url('../../img/common/client/img-icon-about.svg'); }
	#ly-Navigation div.wrap ul.parent > li ul.child { border-top:2px solid #0078e5; display:none; background-color:whitesmoke; }
	#ly-Navigation div.wrap ul.parent > li:focus-within ul.child { display:block; }
	#ly-Navigation div.wrap ul.parent > li ul.child { list-style:none; }
	#ly-Navigation div.wrap ul.parent > li ul.child > li:not(:last-of-type) { border-bottom:1px dotted gainsboro; }
	#ly-Navigation div.wrap ul.parent > li ul.child > li > button { width:100%; padding:25px 20px 25px 65px; text-align:left; font-size:1.25rem; font-weight:300; background:none; border:none; transition:all ease .2s; transition-property:background, color; }
	#ly-Navigation div.wrap div.search { margin-left:auto; order:3; }
	#ly-Navigation div.wrap div.search button { width:55px; height:80px; padding-left:20px; padding-right:10px; border:none; background:none; }
	#ly-Navigation div.wrap div.search button:before { width:25px; height:25px; content:''; display:block; background-color:gray; -webkit-mask-image:url('/$res/search.svg'); vertical-align:top; transition:all ease .2s; transition-property:background, transform; }
	#ly-Navigation div.wrap div.search button:before:focus,
	#ly-Navigation div.wrap div.search button:before:hover { background-color:black; }
	#ly-Navigation div.wrap div.sitemap { order:4; }
	#ly-Navigation div.wrap div.sitemap button { width:55px; height:80px; padding-left:10px; padding-right:20px; border:none; background:none; }
	#ly-Navigation div.wrap div.sitemap button:before { width:25px; height:25px; content:''; display:block; background-color:gray; -webkit-mask-image:url('/$res/sitemap.svg'); vertical-align:top; transition:all ease .2s; transition-property:background, transform; }
	#ly-Navigation div.wrap div.sitemap button:before:focus,
	#ly-Navigation div.wrap div.sitemap button:before:hover { background-color:black; transform:rotate(90deg); }
	#ly-Navigation div.wrap div.menu { margin-right:auto; order:1; }
	#ly-Navigation div.wrap div.menu button { width:65px; height:80px; padding-left:20px; padding-right:20px; border:none; background:none; }
	#ly-Navigation div.wrap div.menu button:before { width:25px; height:25px; content:''; display:block; background-color:gray; -webkit-mask-image:url('../../img/common/client/img-icon-menu.svg'); -webkit-mask-size:cover; -webkit-mask-repeat:no-repeat; vertical-align:top; transition:all ease .2s; transition-property:background, transform; }
	#ly-Navigation div.wrap div.menu button:focus:before,
	#ly-Navigation div.wrap div.menu button:hover:before { background-color:black; transform:rotate(180deg); }
}

/* Tablet */
@media screen and (min-width:800px) and (max-width:1319px) {
}

/* Tablet & Desktop */
@media screen and (min-width:800px) {
	#ly-Side { width:250px; }

	#ly-Dialog-Book div.function { padding:15px 30px; }
	#ly-Dialog-Book div.function div:not(:last-of-type) { margin-right:30px; }
	#ly-Dialog-Book div.function div button { width:30px; height:30px; }

	#ly-Footer { background-color:#16161b; display:flex; justify-content:center; }
	#ly-Footer div.frame { width:100%; padding:50px 20px; }
	#ly-Footer div.top { padding-bottom:40px; margin-bottom:30px; border-bottom:.1px solid rgba(255, 255, 255, .1); display:flex; align-items:center; justify-content:space-between; }
	#ly-Footer div.top div.logo img { height:40px; filter:grayscale(100%); }
	#ly-Footer div.top ul { display:flex; line-height:1; list-style:none; font-size:.9375rem; }
	#ly-Footer div.top ul li:not(:last-of-type) { margin-right:15px; padding-right:15px; border-right:.1px solid dimgray; }
	#ly-Footer dl.content div.information { margin-right:100px; color:gray; }
	#ly-Footer dl.content div.information dl.item { margin-bottom:10px; display:flex; line-height:1; }
	#ly-Footer dl.content div.information dl.item:last-of-type { margin-bottom:15px; }
	#ly-Footer dl.content div.information dl.item div { display:flex; }
	#ly-Footer dl.content div.information dl.item div:not(:last-of-type) { margin-right:10px; padding-right:10px; border-right:.1px solid dimgray; }
	#ly-Footer dl.content div.information dl.item div dt:after { margin-left:3px; margin-right:3px; content:':'; }
	#ly-Footer dl.content div.information dl.item div dd { font-weight:300; color:#aaa; }
	#ly-Footer dl.content div.information dl.item div dd a { color:silver; }
	#ly-Footer dl.content div.information dl.item div dd a:focus,
	#ly-Footer dl.content div.information dl.item div dd a:hover { color:white; }
	#ly-Footer dl.content div.information dl.item div.address dd a { display:flex; align-items:center; }
	#ly-Footer dl.content div.information dl.item div.address dd a:after { width:14px; height:14px; margin-left:4px; content:''; display:block; background:url('../../img/common/client/img-icon-location.svg'); filter:invert(1); opacity:.75; }
	#ly-Footer dl.content div.customer dt { margin-bottom:12px; }
	#ly-Footer dl.content div.customer dd { font-size:2.8rem; }
	#ly-Footer div.family { width:200px; margin-right:80px; position:relative; align-self:baseline; transition:all ease .5s; transition-property:margin, width; }
	#ly-Footer div.family div button { width:100%; height:35px; padding-left:15px; padding-right:15px; border:.1px solid rgba(255, 255, 255, .1); background-color:#16161b; color:gray; font-size:.8125rem; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:2; transition:all ease .2s; transition-property:border, color; }
	#ly-Footer div.family:focus-within div button,
	#ly-Footer div.family div button:hover { border-color:#0078e5; }
	#ly-Footer div.family:focus-within div button { color:white; }
	#ly-Footer div.family div button:after { width:12px; height:12px; content:''; background-color:gray; -webkit-mask-image:url('/$res/up.svg'); transform:rotate(180deg); transition:all ease .2s; transition-property:transform; }
	#ly-Footer div.family:focus-within div button:after { background-color:white; transform:rotate(0); }
	#ly-Footer div.family ul { width:100%; height:0; position:absolute; bottom:34px; overflow:hidden; border-top:.1px solid rgba(255, 255, 255, .1); border-left:.1px solid rgba(255, 255, 255, .1); border-right:.1px solid rgba(255, 255, 255, .1); background-color:#111; transition:all ease .2s; transition-property:height; }
	#ly-Footer div.family:focus-within ul { height:calc((35px * 2) + 1px); }
	#ly-Footer div.family ul li button { width:100%; height:35px; padding-left:15px; padding-right:15px; border:none; background:none; color:gray; font-size:.8125rem; text-align:left; transition:all ease .2s; transition-property:background, color; }
	#ly-Footer div.family ul li button:focus,
	#ly-Footer div.family ul li button:hover { color:white; background-color:#1a1a1a; }

	header.title { margin-bottom:80px; }
	header.title h2,
	header.title h3,
	header.title h4 { margin-bottom:40px; font-size:2.8rem; }
	header.title h2:after,
	header.title h3:after,
	header.title h4:after { margin-top:15px; }
	header.title p { font-size:1.25rem; }
	header.title p span { display:block; }
}

/* Desktop */
@media screen and (min-width:1320px) {
	#ly-Header aside.banner { width:100%; height:120px; background-color:gray; display:none; }
	#ly-Header aside.top div.frame { width:100%; max-width:1400px; height:50px; padding-left:20px; padding-right:20px; margin:auto; display:flex; align-items:center; justify-content:space-between; }
	#ly-Header aside.top div.frame > div { display:flex; }

	#ly-Navigation { width:100%; background-color:white; position:sticky; top:0; z-index:900; border-bottom:.1px solid rgba(0, 0, 0, .075); }
	#ly-Navigation div.wrap { width:100%; max-width:1400px; padding-left:20px; padding-right:20px; margin:auto; display:flex; align-items:center; z-index:900; }
	#ly-Navigation div.wrap h1 { margin-right:30px; }
	#ly-Navigation div.wrap h1 button { border:none; background:none; }
	#ly-Navigation div.wrap h1 img { width:150px; }
	#ly-Navigation div.wrap ul.parent { margin-right:20px; flex:1; display:flex; justify-content:space-evenly; list-style:none; }
	#ly-Navigation div.wrap ul.parent > li { flex-grow:1; }
	#ly-Navigation div.wrap ul.parent > li.block { position:relative; }
	#ly-Navigation div.wrap ul.parent > li > button { width:100%; height:90px; padding-top:1px; padding-left:50px; padding-right:50px; font-size:1.0625rem; background:none; border:none; font-weight:500; }
	#ly-Navigation div.wrap ul.parent > li > button span { display:inline-block; color:#222; position:relative; transition:all ease .2s; transition-property:color; }
	#ly-Navigation div.wrap ul.parent > li > button span:after { width:0; height:2px; margin-top:7px; margin-left:auto; margin-right:auto; content:''; display:block; background-color:#0078e5; position:absolute; left:0; right:0; transition:all ease .5s; transition-property:width; }
	#ly-Navigation div.wrap ul.parent > li:focus-within > button span:after,
	#ly-Navigation div.wrap ul.parent > li:hover > button span:after { width:100%; content:''; display:block; background-color:#0078e5; }
	#ly-Navigation div.wrap ul.parent > li ul.child { list-style:none; }
	#ly-Navigation div.wrap ul.parent > li.block div.block { width:220px; margin-left:-110px; position:absolute; top:-99999px; left:50%; z-index:-1; opacity:0; box-shadow:0 3px 3px 0 rgba(0, 0, 0, .1); transition:all ease .5s; transition-property:opacity; }
	#ly-Navigation div.wrap ul.parent > li.block:focus-within div.block,
	#ly-Navigation div.wrap ul.parent > li.block:hover div.block { top:initial; opacity:1; z-index:2; }
	#ly-Navigation div.wrap ul.parent > li.block ul.child { width:100%; padding-top:5px; padding-bottom:5px; font-size:.9375rem; background-color:white; border:.1px solid rgba(0, 0, 0, .075); }
	#ly-Navigation div.wrap ul.parent > li.block ul.child > li > button { width:100%; padding:14px 20px; font-weight:300; background:none; border:none; transition:all ease .2s; transition-property:background, color; }
	#ly-Navigation div.wrap ul.parent > li.block ul.child > li > button:focus,
	#ly-Navigation div.wrap ul.parent > li.block ul.child > li > button:hover { background-color:rgba(0, 0, 0, .05); color:black; font-weight:400; }
	#ly-Navigation div.wrap ul.parent > li.full div.full { width:100%; min-height:281px; background-color:white; border-top:.1px solid rgba(0, 0, 0, .075); border-bottom:.1px solid rgba(0, 0, 0, .075); box-shadow:0 3px 3px 0 rgba(0, 0, 0, .1); position:absolute; top:-99999px; left:0; z-index:-1; opacity:0; transition:all ease .5s; transition-property:opacity; }
	#ly-Navigation div.wrap ul.parent > li.full:focus-within div.full,
	#ly-Navigation div.wrap ul.parent > li.full:hover div.full { top:initial; opacity:1; z-index:2; }
	#ly-Navigation div.wrap ul.parent > li.full div.frame { width:100%; max-width:1400px; padding:40px 20px; margin:auto; position:relative; }
	#ly-Navigation div.wrap ul.parent > li.full ul.child { width:200px; border-right:2px solid rgba(0, 0, 0, .1); }
	#ly-Navigation div.wrap ul.parent > li.full ul.child > li:not(:last-of-type) { margin-bottom:25px; }
	#ly-Navigation div.wrap ul.parent > li.full ul.child > li > button { background:none; border:none; font-size:1.25rem; color:dimgray; }
	#ly-Navigation div.wrap ul.parent > li.full ul.child > li > button:focus,
	#ly-Navigation div.wrap ul.parent > li.full ul.child > li > button:hover { color:#222; font-weight:500; }
	#ly-Navigation div.wrap ul.parent > li.full ul.child > li > ul.baby { width:200px; border-right:2px solid rgba(0, 0, 0, .1); position:absolute; top:30px; left:250px; list-style:none; display:none; }
	#ly-Navigation div.wrap ul.parent > li.full ul.child > li > ul.baby > li:not(:last-of-type) { margin-bottom:15px; }
	#ly-Navigation div.wrap ul.parent > li.full ul.child > li > ul.baby > li > button { background:none; border:none; font-size:1.125rem; font-weight:300; }
	#ly-Navigation div.wrap div.search { margin-right:20px; }
	#ly-Navigation div.wrap div.search button { width:25px; height:25px; border:none; background-color:gray; -webkit-mask-image:url('/$res/search.svg'); vertical-align:top; transition:all ease .2s; transition-property:background; }
	#ly-Navigation div.wrap div.search button:focus,
	#ly-Navigation div.wrap div.search button:hover { background-color:black; }
	#ly-Navigation div.wrap div.sitemap button { width:25px; height:25px; border:none; background:none; }
	#ly-Navigation div.wrap div.sitemap button:before { width:25px; height:25px; content:''; display:block; border:none; background-color:gray; -webkit-mask-image:url('/$res/sitemap.svg'); vertical-align:top; transition:all ease .2s; transition-property:background, transform; }
	#ly-Navigation div.wrap div.sitemap button:focus:before,
	#ly-Navigation div.wrap div.sitemap button:hover:before { background-color:black; transform:rotate(90deg); }
	#ly-Navigation div.wrap div.menu { display:none; }

	#ly-Footer div.frame { max-width:1400px; }
	#ly-Footer dl.content { display:flex; }
	#ly-Footer div.bottom { display:flex; justify-content:space-between; }
}

/*  */
@media screen and (min-width:1550px) {
	#ly-Footer div.family { width:250px; margin-right:0; }
}

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

*.ly-item > div[data-required] > dt:before { margin-right:5px; content:'*'; color:red; }

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

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

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

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

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

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

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