@charset "utf-8";

@import url('common.css');

body {background-color: #eaf5ff;}

.text-blue {color: #4299d9;}
#plus_ERP {height: 100%;}

/* 출력 메인 */
#plus_ERP .erp-intro {height: 100%; background-image: url(../img/bg_print.png);background-repeat: no-repeat;background-position: 50% 100%}
#plus_ERP .erp-intro h1 {font-size: 60px;color: #000;text-align: center;padding-top: 80px;margin-bottom: 60px;line-height: 1.4;font-weight: 300}
#plus_ERP .erp-intro h1 small {font-size: 30px;color: inherit;display: block;font-weight: 700}
#plus_ERP .erp-intro h1 span {font-size: 18px;display: block;font-weight: 700}
#plus_ERP .erp-intro .main-category {text-align: center;}
#plus_ERP .erp-intro .main-category li {margin: 0 10px;}
#plus_ERP .erp-intro .logo {margin: 0 auto;display: block;font-size: 0;width: 100%; text-align: center;margin-top: 60px;position: absolute;bottom: 60px}

/* 출력 서브 */
.erp-sub {height: 100%; padding-top: 50px;position: relative;background-color: #fff;}
.erp-sub header {position: absolute;left: 0;right: 0; top: 0; height: 50px;background-color: #439ad9;color: #fff;padding-left: 290px;padding-right: 135px;}
.erp-sub header h1 {width: 290px;position: absolute;left: 0;line-height: 50px;font-size: 20px;background-color: #3d89bf; color: #fff;text-indent: 25px;}
.erp-sub header h1 b {color: #feffa3}
.erp-sub .gnb {width: 100%;height: 100%;}
.erp-sub .gnb ul {display: table;width: 100%;height: 100%; border-collapse: collapse;table-layout: fixed}
.erp-sub .gnb li {display: table-cell;vertical-align: middle;text-align: center;font-size: 15px;border-left: 1px solid rgba(255, 255, 255, 0.1);}
.erp-sub .gnb a {display: block;}
.erp-sub .help {position: absolute;right: 0;top: 0;bottom: 0;background-color: #3d89bf;font-size: 12px;line-height: 1.2;}
.erp-sub .help ul {display: table;width: 135px; border-collapse: collapse;height: 100%;table-layout: fixed}
.erp-sub .help li {display: table-cell;vertical-align: middle;text-align: center;border-left: 1px solid rgba(255, 255, 255, 0.1);}
.erp-sub .help li img {margin-right: 5px;margin-top: -2px;}
.erp-sub section {height: 100%;position: relative;}
.erp-sub section nav {width: 290px;position: absolute;left: 0;top: 0;height: 100%;background-color: #f5f5f5; overflow: hidden;overflow-y: auto}
.erp-sub section nav h1 {text-indent:15px;background-color: #464646;color: #fff;font-size: 20px;line-height: 60px;}
.erp-sub section nav h1 img {vertical-align: middle;margin-top: -2px;margin-right: 10px;}
.erp-sub small {color: #9f9f9f;font-size: 10px;float: right;line-height: 60px;margin-right: 20px;}
.erp-sub nav ol {border-bottom: 1px solid #e6e6e6;}
.erp-sub nav ol li {border-top: 1px solid #e6e6e6;line-height: 38px;text-indent:15px; letter-spacing:-1px;}
.erp-sub nav ol li:hover, .erp-sub nav ol li.active {background-color: #7dafd4;color: #fff;}
.erp-sub nav ol a {display: block;}
.erp-sub .erp-content {height: 100%; padding_bk: 60px 0; margin-left: 290px;text-align: center;overflow: hidden;overflow-y: none}
.erp-sub .erp-content img {}

/* 사용설명서 */
.erp-sub.erp-guide {min-width: 1200px;}
.erp-sub.erp-guide header {padding-right: 95px;}
.erp-sub.erp-guide section nav {padding-bottom: 90px;}
.erp-sub.erp-guide .help ul {width: 95px;}
.erp-sub.erp-guide .erp-content {background-color: #535659;-webkit-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.4);box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.4)}
.erp-sub.erp-guide .erp-content .inner-container {min-width: 790px;max-width: 790px;padding: 30px; background-color: #fff; margin: 0 auto; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4)}
.erp-sub.erp-guide .guide-help {position: absolute;left: 0;bottom: 0;width: 290px;height: 88px;padding-top: 20px;background-color: #e8e8e8;text-indent: 25px;font-size: 12px;}
.erp-sub.erp-guide .guide-help li+li {margin-top: 7px;}
.erp-sub.erp-guide .guide-help li img {margin-right: 5px;}
.erp-sub.erp-guide .guide-help li {line-height: 19px;}