#sub-content {position: relative; width: calc(100% - 120px); height: 740px; background-color: #f7f7f7; float: left;}
  #sc-box {width: 100%; height: 740px; overflow-y: scroll;}

  #sc-box::-webkit-scrollbar {width: 12px;}
  #sc-box::-webkit-scrollbar-track {/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */}
  #sc-box::-webkit-scrollbar-thumb {background-color: darkgrey; outline: 1px solid slategrey;}

  #sc-box{-ms-overflow-style: none;}

  #sc-box:hover {
    scrollbar-base-color: transparent;
    scrollbar-3dlight-color: transparent;
    scrollbar-highlight-color: transparent;
    scrollbar-track-color: #f7f7f7;
    scrollbar-arrow-color: transparent;;
    scrollbar-shadow-color: transparent;
    scrollbar-dark-shadow-color: transparent;
    scrollbar-face-color: #a9a9a9;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }


#sub-visual {position: relative; width: 100%; height: 250px; background-repeat: no-repeat; background-position: center;}
  #sub-visual span {position: absolute; bottom: 30px; right: 100px; font-family: 'Cairo', sans-serif; font-size: 55px; color: #fff; opacity: 0.3;}
  #sub-visual.sb01 {background-image: url(../img/sub-bn01.jpg);}
  #sub-visual.sb02 {background-image: url(../img/sub-bn02.jpg);}
  #sub-visual.sb03 {background-image: url(../img/sub-bn03.jpg);}
  #sub-visual.sb04 {background-image: url(../img/sub-bn04.jpg);}
  #sub-visual.sb05 {background-image: url(../img/sub-bn05.jpg);}
  #sub-visual.sb06 {background-image: url(../img/sub-bn06.jpg);}
  #sub-visual.sb07 {background-image: url(../img/sub-bn07.jpg);}

#navigator {position: relative; width: 100%; height: 45px; background-color: #757575; font-family: 'Malgun Gothic', sans-serif; font-size: 14px;}
  #navigator>a,
  #navigator>div {float: left;}
  #navigator .dpth01-this,
  #navigator .dpth02-this {width: 179px; height: 45px; line-height: 45px; border-right: 1px solid #8a8a8a; color: #fff; text-align: center;}

#navigator.fix {position: absolute; top:0px; left: 0px; z-index: 999;}

#page-title {width: 100%; height: 144px; line-height: 144px; text-align: center; font-size: 38px; color: #333; border-bottom: 1px solid #e5e5e5;}
#content-box {position: relative; width: 1120px; margin: 80px auto; background:#fff; padding:95px; box-sizing: border-box;}
#content {font-family: 'Malgun Gothic', sans-serif; font-size:15px; color:#666; line-height:28px; letter-spacing: -0.025em;}
    #content .csafe {width:1120px; margin:0 auto;}
    #content h1 {font-family:'Noto Sans KR', sans-serif; font-size:30px; font-weight:300; color:#091530; line-height:42px;}
    #content h2 {font-family:'Noto Sans KR', sans-serif; font-size:22px; font-weight:600; color:#091530;}
    #content h3 {font-family:'Noto Sans KR', sans-serif; font-size:18px; font-weight:600; color:#091530;}



/* contant zone */

/* 회사소개 */
.company {height:860px; background:url(../img/company-bg.jpg) no-repeat bottom center;}
    .company-box {height:760px; background:#fff; margin-top:100px !important;}
        .company-box-wrap {padding:100px 95px;}
            .company-box-l {float:left;}
                .company-summary {margin-top:230px;}
                    /* .company-bar {width:30px; height:1px; background:#ddd; margin:20px 0 30px;} */
                    .company-summary p {font-size:13px; line-height:22px; color:#999; margin-top:30px;}
            .company-box-r {float:right; width:570px;}
                .company-box-r p {margin-top:40px; letter-spacing:-0.04em;}

.ceo {height:892px; background:url(../img/ceo-bg.jpg) no-repeat bottom center; position:relative; overflow: hidden;}
    .ceo-box {width:740px; background:#fff; position:absolute; top:80px; left:50%; margin-left:-560px;}
        .ceo-box-wrap {padding:90px 95px;}
            .ceo-box-wrap p {/* margin-top:60px; */letter-spacing: -0.04em;}
    .ceo-name-box {width:760px; height:210px; background:#091530 url('../img/ceo-name-bg.jpg') no-repeat 185px 0; position:absolute; top:435px; left:50%; margin-left:140px; font-size:14px; color:#fff;}
        .ceo-name-box p {margin-left:60px;}
        .ceo-name-box img {margin:52px 0 8px 60px;}

.history {}
    .history-tit {height:284px; background:url(../img/history-tit-bg.jpg) no-repeat center;}
        .history-tit-wrap {padding-top:85px;}
            .history-tit-wrap p, .history-tit-wrap h1 {color:#fff !important;}
    .history-li {padding-top:80px;}
        .history-li table {width:100%; border-top:1px solid #e7e7e7; border-collapse:collapse;}
            .history-li table tr {border-bottom:1px solid #e7e7e7;}
                .history-li table th {font-family:'Noto Sans KR', sans-serif; font-size:22px; color:#333; border-right:0; padding-left:20px; text-align:left;}
                .history-li table td {padding:25px 0;}

.org {margin:80px 0 150px;}

.map {position:relative;}
    .map-local {width:265px; height:400px; background:#fff; border:1px solid #e5e5e5; position:absolute; top:40px; left:50%; margin-left:-560px; z-index:9;}
        .map-box {margin:30px 40px;}
            .map-txt {font-size:14px; line-height:22px; width:100%; border-top:1px solid #ddd; margin-top:15px;}
                .map-cate {font-size:13px; color:#999; font-weight: bold; margin-top:20px;}

/* 회사현황 */
.license {margin:80px 0 100px;}
    #license-tab {position:relative; padding-top:50px;}
        .license-tab-box [type=radio] {display:none;}
            .license-tab-box .tab {display:none;}
            .license-tab-box > .tab {position:relative; padding-top:50px;}
            .license-tab-box > label {float:left; height:50px; line-height:50px; border:1px solid #ddd; border-right:none; position:absolute; width:560px; top:0; text-align:center;}
            .license-tab-box > label:nth-of-type(1) {left:50%; border-right:1px solid #dddddd;}
            .license-tab-box > label:nth-of-type(2) {right:50%;}
            .license-tab-box [type=radio]:checked + label {background:#525b6e; color:#fff; transition-duration:0.4s;}
            .license-tab-box [type=radio]:checked + label + .tab {display:block;}
                .license-li {padding-top:0 !important; text-align: center;}
						.license-li ul{width: 1480px; font-size: 0; text-align: left; margin: 0 auto;}
                        .license-li ul li {width:290px; display:inline-block; margin:50px 40px 0; vertical-align:top;}
                            .license-li ul li p {font-size:15px; color:#333; margin-top:20px;}

.evaluation {margin:80px 0 100px;}
    .evaluation-li {padding-top:0 !important; text-align: center;}
            .evaluation-li ul li {width:290px; display:inline-block; margin:50px 40px 0; vertical-align:top;}
                .evaluation-li ul li p {font-size:15px; color:#333; margin-top:20px;}
                .evaluation-li ul li img {box-shadow:5px 5px #eaeaea;}

.cst {margin:80px 0 100px;}
    .cst ul {border-top:1px solid #dddddd;}
        .cst ul li {width:24.88%; height:160px; display:inline-block; float:left; border-left:1px solid #dddddd; border-bottom:1px solid #dddddd; text-align: center; line-height:160px;}
        .cst ul li:nth-child(4n+0) {border-right:1px solid #dddddd;}
            .cst ul li img {vertical-align:middle;}

.sales {height:550px; background:url(../img/sales-bg.jpg) no-repeat 0 bottom;}
    .sales-graph {margin-top:100px !important;}


.status {position: relative; margin:80px 0 100px;}
    .status h1 {text-align: right; margin:20px 0;}
    .status ul.tabs {float: left; list-style: none; height: 48px; border-left: 1px solid #eee; width: 100%; margin-bottom:40px; padding: 0;}
        .status ul.tabs li {float: left; text-align:center;	cursor: pointer; width: calc(50% - 1px); height: 50px; line-height: 50px;border: 1px solid #ddd;border-left: none;overflow: hidden;position: relative;color: #666;}
        .status ul.tabs li.active {background: #6f7580;border-right: 1px solid #768396;border-bottom: 1px solid #768396;color: #fff;transition-duration:0.5s;}
        .status .tab-sublist, .status .tab-sublist02 {text-align: center; border-bottom:1px solid #ededed;}

        .status .tab-sublist li,
        .status .tab-sublist02 li  {
            display: inline-block;
            cursor: pointer; 
            text-align: center;
            margin-right: 15px; 
            padding:0px 5px;
            color: #1c4269;
            /* border-right:1px solid #ededed; */
        }

        .status .tab-sublist li:hover, .status .tab-sublist li.active, .status .tab-sublist02 li:hover, .status .tab-sublist02 li.active {padding-bottom: 0px;border-bottom: 2px solid #1c4269;}
            .status .tab-subcontainer, .status .tab-subcontainer02 {margin-top: 30px;}


    

/* 사업분야 */
.biz {margin-bottom:60px;}
    .biz-tit {background:url(../img/biz-tit-bg.jpg) no-repeat top center;}
        .biz-tit h1 {text-align:center; padding-top:120px;}
        .biz-tit ul {margin:50px 60px 0;}
            .biz-tit ul li {width:33.333%; height:250px; overflow:hidden; text-align:center; display:inline-block; float:left;}
            .biz-tit ul li:hover, .biz-tit .on {background:url('../img/biz-tab-on.jpg');}
                .biz-tit ul li a {height:100%; display: block; font-family:'Noto Sans KR', sans-serif; font-size:16px; color:#999; padding-top: 150px;}
                .biz-tit ul li a:hover, .biz-tit .on a  {color:#fff; transition-duration:0.4s;}
                .biz-tab01 a {background:#eeeff1 url('../img/biz-tab01.png') center 50px no-repeat;}
                .biz-tab01 a:hover, .biz-tab01.on a  {background:url('../img/biz-tab01-on.png') center 50px no-repeat;}
                .biz-tab02 a {background:#eeeff1 url('../img/biz-tab02.png') center 50px no-repeat;}
                .biz-tab02 a:hover, .biz-tab02.on a {background:url('../img/biz-tab02-on.png') center 50px no-repeat;}
                .biz-tab03 a {background:#eeeff1 url('../img/biz-tab03.png') center 50px no-repeat;}
                .biz-tab03 a:hover, .biz-tab03.on a {background:url('../img/biz-tab03-on.png') center 50px no-repeat;}
    .biz-box {background:#fff; border-radius:5px; margin-top:10px !important;}
        .biz-box-wrap {padding:50px 95px;}
            .biz-box-wrap h2 {margin-bottom: 30px;}
            .biz-box-wrap h2, .biz-box-r {display: inline-block;}
            .biz-box-r {float:right; width:620px}
                .biz-hmi {display: inline-block; margin-top:10px;}
                .biz-hmi:first-child {margin-top:0;}
                .biz-box-r p {font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:600; color:#333;}
                    .biz-box-r-t {display:inline-block;}
                    .biz-box-r-t:last-child {margin-left:5px;}
                    .biz-box-r-b {margin-top:20px; display:inline-block;}
                    .biz-box-r-b:last-child {margin-left:5px;}
            .biz-btn {border-top:1px solid #e7e7e7; text-align: center; margin-top:40px; padding-top:40px;}
                .biz-btn a.btn {font-size:13px; color:#fff; background:#525b6e; padding:12px 30px;}
                .biz-btn a.btn:hover {background:#091530; color:#fff; transition-duration:0.4s;}

    .biz-bms {margin-top:100px !important; padding-bottom:80px;}
        .biz-bms h2 {text-align:center;}
        .biz-bms ul {background: url('../img/biz-bas-bms.jpg') no-repeat; margin-top:40px;}
            .biz-bms ul li {display:inline-block; width:19.5%; font-size:14px; line-height:22px; -0.05em; color: #999; vertical-align: top;}
                .bms-tit {font-family:'Noto Sans KR', sans-serif; font-size:16px; font-weight:500;  color:#333; text-align: center; margin:13px 0 40px;}
                .bms-tit-fff {color:#fff !important;}

/* 채용정보 */
.recruitment {background:url(../img/recruitment-bg.jpg) no-repeat bottom center; padding-bottom:40px;}
    .recruitment-info {background:url(../img/recruitment-tit-bg.jpg) #fff no-repeat top center !important;}
        .recruitment-tit {margin:20px 0 171px;}
            .recruitment h1 {margin-bottom:20px;}
            .recruitment h2 {margin:60px 0 20px;}
            .recruitment-box {background:#f7f7f7; padding:40px; box-sizing:border-box;}
                .recruitment-box p {margin-bottom:20px;}
                .recruitment-btn a.btn {display:inline-block; font-size:13px; color:#fff; background:#525b6e; padding:8px 15px;}
                .recruitment-btn a.btn:hover {background:#091530; color:#fff; transition-duration:0.4s;}

.recruit {height:743px; background:url(../img/recruit-bg.jpg) no-repeat bottom center;}
    .recruit ul {padding-top:120px;}
        .recruit ul li {width:265px; background:#fff; position:relative; display: inline-block; float:left; margin-right:20px;}
        .recruit ul li:nth-child(4n+0) {margin-right:0;}
            .recruit-label {background:#091530; font-size:14px; color:#fff; padding:0 7px; position:absolute; top:0; right:0;}
            .recruit-li {margin:75px 40px 60px; font-size:14px; line-height:22px; /* width:100%; border-top:1px solid #ddd; */}
                .recruit-cate {font-size:13px; color:#999; font-weight: bold; margin-top:20px;}