@charset "UTF-8";

html { min-height:100%; position:relative; font-family:'맑은 고딕', 'Malgun Gothic'; }

body { height:100%; font-size:1rem; color:#1e1e1e; background-color:#fafafa; }

a { color:#1e1e1e; }

input[type="password"],
input[type="text"] { padding:3px; }

input[type="password"],
input[type="text"],
select,
textarea { border:1px solid #aaa; font-weight:300; font-family:'맑은 고딕', 'Malgun Gothic'; }

pre { font-family:'맑은 고딕', 'Malgun Gothic'; }

#ly-Mask { display:none; }

#ly-Layout { width:100%; min-width:1200px; }

#ly-Header { min-width:1200px; width:100%; height:70px; position:fixed; top:0; left:0; z-index:250; display:-ms-flexbox; display:flex; }
#ly-Header h1 { width:230px; height:100%; text-align:center; background-color:#f5f5f5; border-bottom:2px solid #e6e6e6; display:flex; align-items:center; justify-content:center; }
#ly-Header h1 a { display:flex; }
#ly-Header h1 a img { width:180px; }
#ly-Header div { margin-left:30px; margin-right:30px; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:justify; justify-content:space-between; -ms-flex:1; flex:1; border-bottom:2px solid #e6e6e6; background-color:#fafafa; }
#ly-Header div h2 { font-size:1.6em; }
#ly-Header div ul { display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; }
#ly-Header div ul li { margin-left:10px; }
#ly-Header div ul a { display:block; background-color:#212121; border-radius:200px; padding:4px 14px; font-size:.75em; color:#fff; }

#ly-Navi { width:230px; min-height:100%; position:absolute; padding-top:70px; background-color:#f5f5f5; z-index:2; }
#ly-Navi nav li.parent-list { border-bottom:1px solid #e0e0e0; }
#ly-Navi nav li.parent-list button { width:100%; height:100%; font-size:1em; display:inline-block; background-color:transparent; border:none; border-left:4px solid transparent; text-align:left; }
#ly-Navi nav li.parent-list button:focus,
#ly-Navi nav li.parent-list button:hover { background-color:#e6e6e6; }
#ly-Navi nav li.parent-list button.fixed { background-color:#e6e6e6; border-left-color:#000; }
#ly-Navi nav li.parent-list button.active { background-color:#e6e6e6; border-left-color:#000; text-decoration:underline; }
#ly-Navi nav li.parent-list button b { width:100%; height:100%; display:block; padding:20px 15px 20px 50px; background-position:16px center; background-repeat:no-repeat; }
#ly-Navi nav li.parent-list button.fixed b { text-decoration:underline; }
#ly-Navi nav li.parent-list.user button b { background-image:url('../img/img-navi-bg-user.png'); }
#ly-Navi nav li.parent-list.case button b { background-image:url('../img/img-navi-bg-case.png'); }
#ly-Navi nav li.parent-list.caseonly button b { background-image:url('../img/img-navi-bg-caseonly.png'); }
#ly-Navi nav li.parent-list.order button b { background-image:url('../img/img-navi-bg-order.png'); }
#ly-Navi nav li.parent-list.proceed button b { background-image:url('../img/img-navi-bg-proceed.png'); }
#ly-Navi nav li.parent-list.quotation button b { background-image:url('../img/img-navi-bg-quotation.png'); }
#ly-Navi nav li.parent-list.purchaseorder button b { background-image:url('../img/img-navi-bg-purchaseorder.png'); }
#ly-Navi nav li.parent-list.demo button b { background-image:url('../img/img-navi-bg-demo.png'); }
#ly-Navi nav li.parent-list.company button b { background-image:url('../img/img-navi-bg-company.png'); }
#ly-Navi nav li.parent-list.board button b { background-image:url('../img/img-navi-bg-board.png'); }
#ly-Navi nav li.parent-list.counsel button b { background-image:url('../img/img-navi-bg-counsel.png'); }
#ly-Navi nav li.parent-list.forecast button b { background-image:url('../img/img-navi-bg-forecast.png'); }
#ly-Navi nav li.parent-list.expired button b { background-image:url('../img/img-navi-bg-expired.png'); }
#ly-Navi nav li.parent-list button b span { display:block; background:url('../img/img-navi-bg-arrow.png') right center no-repeat; }
#ly-Navi nav li.parent-list button.active + ul.child { display:block !important; }
#ly-Navi nav ul.child { display:none; }
#ly-Navi nav li.child-list a { display:block; font-size:.9em; padding:15px 24px; border-left:4px solid transparent; background-color:rgba(255, 255, 255, .075); }
#ly-Navi nav li.child-list a:focus,
#ly-Navi nav li.child-list a:hover { background-color:#eaeaea; }
#ly-Navi nav li.child-list.active a { background-color:#eaeaea; border-left-color:#000; font-weight:400; }
#ly-Navi nav li em { font-weight:normal; color:#080; }