@charset "UTF-8";

/* Default */
*[data-anchor] { position:absolute; visibility:hidden; margin-top:-60px; }
/*'Spoqa Han Sans Neo', */
html,
body { height:100%; }
body { color:#222; word-break:keep-all; font-family:'TheJamsil', san-serif; }
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 { width:100%; min-width:300px; min-height:100%; display:flex; flex-direction:column; position:relative; z-index:1; }

#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-Dialog-Reject-Mail *.frame { max-width:800px; }
#ly-Dialog-Reject-Mail div.overflow p { padding:30px 25px; font-size:1.125rem; line-height:1.5; }
#ly-Dialog-Reject-Mail div.overflow p span { display:block; }
#ly-Dialog-Reject-Mail div.overflow p span b a { color:red; font-weight:500; }
#ly-Dialog-Reject-Mail div.overflow p span b a:focus,
#ly-Dialog-Reject-Mail div.overflow p span b a:hover { text-decoration:underline; }

#ly-Dialog-Product-Compare *.frame { width:max-content; }
#ly-Dialog-Product-Compare div.overflow { padding-top:25px; padding-bottom:25px; display:flex; }
#ly-Dialog-Product-Compare *[role='grid'] > * { padding-left:25px; padding-right:15px; }
#ly-Dialog-Product-Compare *[role='grid'] > *::-webkit-scrollbar { width:10px; height:10px; -webkit-appearance:none; }
#ly-Dialog-Product-Compare *[role='grid'] > *::-webkit-scrollbar-track { background-color:transparent; }
#ly-Dialog-Product-Compare *[role='grid'] > *::-webkit-scrollbar-thumb { background-color:rgba(0, 0, 0, .25); }
#ly-Dialog-Product-Compare *[role='rowgroup'].no-scroll *[role='cell'] { border-bottom:.1px solid gainsboro; }

#ly-Dialog-Brochure { width:100%; height:100%; background:none; border:none; position:fixed; top:0; left:0; z-index:999; }
#ly-Dialog-Brochure *.frame { max-width:1400px; 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); }
#ly-Dialog-Brochure header.parent { padding:25px; border-bottom:.1px solid whitesmoke; display:flex; align-items:center; justify-content:space-between; }
#ly-Dialog-Brochure header.parent h2 { color:#0078e5; font-size:1.25rem; }
#ly-Dialog-Brochure header.parent div button { width:20px; height:20px; border:none; vertical-align:top; background-color:black; -webkit-mask:url('/$res/close.svg') no-repeat; opacity:.25; transition:all ease .2s; transition-property:opacity; }
#ly-Dialog-Brochure header.parent div button:focus,
#ly-Dialog-Brochure header.parent div button:hover { opacity:1 !important; }
#ly-Dialog-Brochure div.wrap { display:flex; flex-direction:column; overflow:hidden; }
#ly-Dialog-Brochure div.overflow { padding:50px 25px 25px 25px; overflow:auto; background-color:whitesmoke; }
#ly-Dialog-Brochure div.overflow div.logo { margin-bottom:40px; text-align:center; }
#ly-Dialog-Brochure div.overflow div.logo img { height:60px; }
#ly-Dialog-Brochure div.overflow section { padding:60px 40px; background-color:white; }
#ly-Dialog-Brochure div.overflow section:not(:last-of-type) { border-bottom:.1px solid whitesmoke; }
#ly-Dialog-Brochure div.overflow section header { margin-bottom:40px; }
#ly-Dialog-Brochure div.overflow section header h3 { text-align:center; font-size:2rem; font-weight:500; }
#ly-Dialog-Brochure div.overflow ul { display:flex; flex-wrap:wrap; justify-content:center; gap:40px 30px; list-style:none; }
#ly-Dialog-Brochure div.overflow ul li button { border:none; background:none; }
#ly-Dialog-Brochure div.overflow ul li button:before { width:130px; height:80px; margin-bottom:10px; content:''; display:block; background-size:cover; background-repeat:no-repeat; border:3px solid whitesmoke; transition:all ease .2s; transition-property:border; }
#ly-Dialog-Brochure div.overflow ul li button:focus:before,
#ly-Dialog-Brochure div.overflow ul li button:hover:before { border-color:dimgray; }
#ly-Dialog-Brochure div.overflow ul li.code-000 button:before { background-image:url('../../img/common/client/img-colors-woodrock-white.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-001 button:before { background-image:url('../../img/common/client/img-colors-woodrock-black.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-002 button:before { background-image:url('../../img/common/client/img-colors-woodrock-gray.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-010 button:before { background-image:url('../../img/common/client/img-colors-woodrock-red.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-011 button:before { background-image:url('../../img/common/client/img-colors-woodrock-brown.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-013 button:before { background-image:url('../../img/common/client/img-colors-woodrock-orange.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-014 button:before { background-image:url('../../img/common/client/img-colors-woodrock-yellow.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-015 button:before { background-image:url('../../img/common/client/img-colors-woodrock-cream.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-016 button:before { background-image:url('../../img/common/client/img-colors-woodrock-violet.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-017 button:before { background-image:url('../../img/common/client/img-colors-woodrock-pink.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-018 button:before { background-image:url('../../img/common/client/img-colors-woodrock-shellpink.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-030 button:before { background-image:url('../../img/common/client/img-colors-woodrock-green.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-050 button:before { background-image:url('../../img/common/client/img-colors-woodrock-blue.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-052 button:before { background-image:url('../../img/common/client/img-colors-woodrock-lightblue.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-100 button:before { background-image:url('../../img/common/client/img-colors-foamboard-white.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-101 button:before { background-image:url('../../img/common/client/img-colors-foamboard-black.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-102 button:before { background-image:url('../../img/common/client/img-colors-foamboard-gray.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-110 button:before { background-image:url('../../img/common/client/img-colors-foamboard-red.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-111 button:before { background-image:url('../../img/common/client/img-colors-foamboard-brown.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-112 button:before { background-image:url('../../img/common/client/img-colors-foamboard-vermilion.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-113 button:before { background-image:url('../../img/common/client/img-colors-foamboard-orange.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-114 button:before { background-image:url('../../img/common/client/img-colors-foamboard-yellow.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-115 button:before { background-image:url('../../img/common/client/img-colors-foamboard-cream.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-116 button:before { background-image:url('../../img/common/client/img-colors-foamboard-violet.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-117 button:before { background-image:url('../../img/common/client/img-colors-foamboard-pink.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-131 button:before { background-image:url('../../img/common/client/img-colors-foamboard-darkgreen.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-132 button:before { background-image:url('../../img/common/client/img-colors-foamboard-lightgreen.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-151 button:before { background-image:url('../../img/common/client/img-colors-foamboard-darkblue.png'); }
#ly-Dialog-Brochure div.overflow ul li.code-152 button:before { background-image:url('../../img/common/client/img-colors-foamboard-lightblue.png'); }

#ly-Dialog-Brochure div.overflow ul li button dl { font-size:.875rem; display:flex; justify-content:center; }
#ly-Dialog-Brochure div.overflow ul li button dl dt { margin-right:10px; margin-bottom:4px; color:gray; transition:all ease .2s; transition-property:color; }
#ly-Dialog-Brochure div.overflow ul li button:focus dl dt,
#ly-Dialog-Brochure div.overflow ul li button:hover dl dt { color:black; }
#ly-Dialog-Brochure div.overflow ul li button dl dd { color:#0078e5; font-weight:900; }

/* 
*.ly-list { width:100%; border-top:2px solid gainsboro; }
*.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:30px 40px 30px 30px; border:none; background:none; text-align:left; display:flex; align-items:center; }
*.ly-list > div > button > div.number { width:80px; height:50px; margin-right:25px; font-size:1.25rem; font-weight:500; display:flex; align-items:center; justify-content:center; }
*.ly-list > div[data-notice='true'] > button > div { background:url('/$res/bell.svg') center center no-repeat; }
*.ly-list > div > button dl { flex:1; display:flex; flex-wrap:wrap; justify-content:space-between; }
*.ly-list > div > button dl dt { width:100%; margin-bottom:8px; font-size:1.25rem; color:dimgray; transition:all ease .2s; transition-property:color; }
*.ly-list > div[data-notice='true'] > button dl dt { font-weight:700; }
*.ly-list > div:focus-within > button dl dt,
*.ly-list > div:hover > button dl dt { color:black; }
*.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:not(:last-of-type) { margin-right:30px; }
*.ly-list > div > button dl dd.datetime { flex:1; }
*.ly-list > div > button dl dd.datetime:before { width:14px; height:14px; margin-right:8px; content:''; display:block; background-color:dimgray; -webkit-mask:url('/$res/clock.svg') no-repeat; }
*.ly-list > div > button dl dd.read:before { width:14px; height:14px; margin-right:8px; content:''; display:block; background-color:dimgray; -webkit-mask:url('/$res/eye.svg') no-repeat; }
*/

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

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

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 *.frame { 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 header { padding:25px; border-bottom:.1px solid whitesmoke; display:flex; align-items:center; justify-content:space-between; }
dialog.ly-dialog header h2 { color:#0078e5; font-size:1.25rem; }
dialog.ly-dialog header div button { width:20px; height:20px; border:none; vertical-align:top; background-color:black; -webkit-mask:url('/$res/close.svg') no-repeat; opacity:.25; transition:all ease .2s; transition-property:opacity; }
dialog.ly-dialog header div button:focus,
dialog.ly-dialog header div button:hover { opacity:1 !important; }
dialog.ly-dialog div.wrap { display:flex; flex-direction:column; overflow:hidden; }
dialog.ly-dialog div.overflow { overflow:auto; }
dialog.ly-dialog div.overflow.flex { display:flex; flex-direction:column; }
dialog.ly-dialog div.overflow p { font-weight:300; text-align:center; }
dialog.ly-dialog div.overflow p.global-message { padding-top:40px; padding-bottom:20px; font-size:1.125rem; }
dialog.ly-dialog div.command { padding:20px 25px; border-top:.1px solid whitesmoke; display:flex; justify-content:center; }
dialog.ly-dialog div.command div:not(:last-of-type) { margin-right:20px; }
/*
dialog.ly-dialog div.command div input { width:120px; height:100%; border:2px solid gainsboro; border-radius:6px; text-align:center; }
dialog.ly-dialog div.command div button { height:34px; padding-left:15px; padding-right:15px; font-size:.875rem; border:2px solid gainsboro; border-radius:8px; background:none; }
*/
dialog.ly-dialog.youtube header { padding:12px 15px; border-bottom:none; background-color:black; justify-content:flex-end; }
dialog.ly-dialog.youtube header div button { background-color:white; opacity:.75; }

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

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

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

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

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

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

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

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