/* 배너 메뉴 */
.sub_banner{margin: 270px 0 80px; padding: 0; position: relative; z-index: 9999;}
.sub_banner .sub_banner_nav_wrap{}
.sub_banner .sub_banner_nav_wrap>ul{}
.sub_banner .sub_banner_nav_wrap>ul>li{float: left; margin-right: 10px; opacity: 0.5;}
.sub_banner .sub_banner_nav_wrap>ul>li:last-child{opacity: 1;}
.sub_banner .sub_banner_nav_wrap ul li p{}
.sub_banner_btn{cursor:pointer;}
.sub_banner_btn i{vertical-align:top; position: relative; }
.sub_banner_btn i.active{transform: rotate(180deg); vertical-align: middle;}

.sub_banner_slide_menu{display: none; z-index: 99; position: absolute; margin-top: 10px; padding: 15px 35px 15px 15px; background: rgba(0,0,0,0.7); border:1px solid rgba(255,255,255,0.3); }
.sub_banner_slide_menu>ul{}
.sub_banner_slide_menu>ul>li{transition: 0.15s; font-size: 14px; line-height: 25px; opacity: 0.8;}
.sub_banner_slide_menu>ul>li a{display: block; width: 100%;}
.sub_banner_slide_menu>ul>li:hover{opacity: 1;}


/* 배너 타이틀 */
.company_title{ margin-bottom: 120px;  opacity: 0.9;}
.company_title h2{font-size: 80px; font-weight: 500;}



body{  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;  background: url(../img/bg_grid.png)no-repeat; background-color: #2a2a2a;  background-attachment: fixed;}
  section.on{opacity: 0 !important; visibility: hidden !important;}
  ::-webkit-scrollbar { width: 8px; height: 3px;}
  ::-webkit-scrollbar-thumb {cursor: pointer; /* border-right: solid 1px #1d1f20; */background: #5f5f5f;border-radius:5px;}
  ::-webkit-scrollbar-thumb :hover{background: #3f3f3f;}
  ::-webkit-scrollbar-track {border: none; background: #2a2a2a;}



.graph_hide{font-size: 13px !important; opacity: 0.9 !important; display: none; margin-bottom: 5px !important;}

  /* ********************************************* *
 * 1600px
 * ********************************************* */
 @media screen and (max-width: 1660px){
   
   
    
}

/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1400px){

  .company_title h2{font-size: 75px;}

 
}

/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){

  .company_title h2{font-size: 70px;}
  .sub_banner{margin: 230px 0 60px;}
  .graph_hide.gh10{display: block;}
  
}

/* ********************************************* *
* 1024px
* ********************************************* */
@media screen and (max-width: 1024px){

  .company_title{margin-bottom: 60px;}
  .company_title h2{font-size: 65px;}
  
}


/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){


  .company_title h2{font-size: 60px;}


}


/* ********************************************* *
* 768px
* ********************************************* */
@media screen and (min-width: 769px){
 

 
}
@media screen and (max-width: 768px){
  .company_title h2{font-size: 55px; line-height: 50px;}
  .sub_banner{margin: 200px 0 80px;}
  .graph_hide.gh1{display: block;}

}


/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (max-width: 640px){

  .company_title h2{font-size: 45px; line-height: 40px;}
  .company_title{margin-bottom: 40px;}
  .graph_hide.gh3{display: block;}
}


/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){

  .company_title h2{font-size: 40px;}
  .company_title{margin-bottom: 30px;}
  .sub_banner{margin: 160px 0 80px;}
  .sub_banner .sub_banner_nav_wrap>ul>li{font-size: 14px; margin-right: 7px;}
  .graph_hide.gh2{display: block;}
  

  
}

/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 400px){
  .company_title h2{font-size: 35px;}
  .company_title{margin-bottom: 20px;}



}