@charset "utf-8";
@import url(/css/initialize.css);

html,body{height:100%}

#wrapper{min-height:100%;position:relative}
.login#wrapper{background:#f7f7f7;padding-top:8vh}
.subPage#wrapper{background:#f7f7f7}

#body-contents{position:relative;z-index:1;min-height:calc(100vh - 80px)}

#loginBox{width:350px;margin:0 auto;border-radius:20px;background:#fff url('../../images/layout/bg-loginBox.png') no-repeat 50% 0;padding:12em 2em 4em;box-shadow:1px 1px 17px rgba(0,0,0,.03)}
#loginBox .logo{text-align:center}
#loginBox .txt-label{margin-top:3em;font-size:11px;font-weight:600;color:#666}
#loginBox input{max-width:100%;width:100%;border:none;border-bottom:1px solid #e5e5e5;font-size:.95em;letter-spacing:-.5px}
#loginBox input:focus{border-bottom-color:#000}

.btn-login{width:100%;border-radius:5px;border-right:1px solid #2d2d2d;border-bottom:2px solid #2d2d2d;background:#444444;color:#fff;font-size:.8em;font-weight:900;margin-top:2em;padding:1em 0;text-transform:uppercase}
#top-area{position:relative;z-index:2;height:80px;box-shadow:0px 1px 2px rgba(0,0,0,.1)}
#top-area #top-util{overflow:hidden;background:#6f4f8d}
#top-area .top-logo{float:left;display:block;color:#fff;padding:.7em 2em;font-size:.85em;font-weight:600;line-height:1}
#top-area .top-logo img{max-width:100px;vertical-align:middle}
#top-area .top-logo span{margin-left:10px;vertical-align:middle}
#top-area .btn-utilTxt{float:right;display:block;font-size:12px;color:#fff;margin:9px 10px 0 0;text-decoration:underline;text-underline-position:under}

#left-area{position:absolute;left:0;top:0;bottom:0;width:160px;padding:1.5em 1em;background:#fff;box-shadow:0px 2px 1px rgba(0,0,0,.05);text-align:center}
#left-area .current-page{padding-bottom:.3em;color:#000;font-size:1.1em;font-weight:500;border-bottom: 3px solid #ffbe00}
#right-area{overflow-y:auto;height:calc(100vh - 5em);padding-left:160px}

.nav-gnbWrap{overflow-x:auto;box-shadow: 2px 1px 2px rgba(0,0,0,.1)}
.nav-gnb{display:table;width:100%;min-width:1750px;table-layout:fixed;background:#fff;border-top:1px solid #ededed;box-shadow:0px 2px 1px rgba(0,0,0,.05)}
.nav-gnb > li{display:table-cell}
.nav-gnb > li a{display:block;margin:.2em;padding:.5em 0;border-radius:5px;font-size:.9em;font-weight:400;color:#333;text-align:center;letter-spacing:-.1px}
.nav-gnb > .on a{background:#f6f6f6;font-weight:500;color:#722db2;border-top:2px solid #d5d5d5;border-left:2px solid #d5d5d5}

.nav-lnb{margin-top:1.5em}
.nav-lnb > li{margin-top:1em}
.nav-lnb > li a{display:block;font-size:.9em;font-weight:500;color:#9f9f9f}
.nav-lnb > li.on a{color:#000}

.mCSB_horizontal.mCSB_inside > .mCSB_container{margin-bottom:3px}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:focus .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:visited .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:rgb(53 54 113) !important}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:2px;margin: 7px auto}
.mCSB_scrollTools .mCSB_draggerRail{background-color:rgb(212 212 212)}
.mCSB_inside > .mCSB_container{margin-right:10px}
.mCSB_scrollTools.mCSB_scrollTools_horizontal{height:9px}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{margin:7px auto 0}

.contents-box{margin:1em;background:#fff}
.contents-box + .contents-box{margin-top:3em}
.tit-page + .contents-box{margin-top:0}

.vertical-scroll{overflow-y:auto}