/*head.css*/

/*display:none S*/
#popular{display: none;}
#gnb_all .gnb_al_li li i{display: none;}
/*display:none E*/

#mb-open-menu{display: none;}
.gnb_1da{font-size: 18px; color: #333; padding: 0 15px;}
#gnb .gnb_wrap{height: 70px; }
#gnb #gnb_1dul{background: none; -webkit-box-shadow: none; box-shadow: none;  float: right;}
#gnb_all .gnb_al_ul{padding: 0;}
#gnb .gnb_mnal{float: right;width: 30px; height: 30px;padding: 9px 0;}
.gnb_1dli .bg{display: none;}
#gnb .gnb_1dli:nth-child(1){display: block;}
#gnb .gnb_1dli:hover{background: none;}
#gnb .gnb_1dli_on{ background: #fff;}
#logo{padding: 18px 0;}
#logo img{width: 200px;height: 40px;}
#gnb .gnb_menu_btn{background: none; width: 30px; height: 30px;}
#gnb .gnb_menu_btn img{width: 30px; height: 30px;}
#gnb_all .gnb_al_ul{height: 500px;background: rgba(0,0,0,0.8);border: none; padding: 152px 40px;}
#gnb_all .gnb_al_li{width: 23%; margin: 0 1%; background: transparent;}
#gnb_all .gnb_al_li .gnb_al_a{font-size: 20px; color: #fff; border: none; margin: 0; padding: 10px 0; line-height: 25px; background: none; text-align: center; border-bottom: 2px solid #fff;}
#gnb_all .gnb_al_li ul{padding-top: 35px;}
#gnb_all .gnb_al_li li{padding-left: 0; line-height: 35px;}
#gnb_all .gnb_al_li li a:hover{color: rgb(252, 215, 104);}
#gnb_all .gnb_al_li li a{font-size: 16px; color: #fff; text-align: center;}
#gnb .gnb_menu_btn{vertical-align: middle;}
.nav_inner{width: 100%; margin: 0 auto; background: #000; position: absolute; top: 70px; left: 0; z-index: 999;}
#gnb .gnb_1dli{position: static; padding: 10px 15px;}
.gnb_2dul{width: 100%; position: relative; top: 0; -webkit-box-shadow: none; box-shadow: none;}
.gnb_al_li:hover .gnb_al_a{-webkit-mask-image: linear-gradient(-75deg, rgba(252,215,104,.6) 30%, #f2b704 50%, rgba(252,215,104,.6) 70%);
  -webkit-mask-size: 200%;
  -webkit-animation: shine 1s infinite;
  animation: shine 1s infinite;}
@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}

@media screen and (max-width:1199px){}
@media screen and (max-width:1024px){
    #tnb{display: none;}
    #gnb #gnb_1dul{display: none;}
    #mb-open-menu{display: block; float: right;}
    #hd_wrapper{height: 70px;}
    #gnb .gnb_wrap{height: 70px;}
    #logo{padding: 0;}
    #gnb_all .gnb_al_ul{display: none;}
    #gnb .gnb_wrap{padding: 22px 0;}
}
@media screen and (max-width:480px){
    #mb-open-menu{width: 20px; height: 20px;}
    #mb-open-menu img{width: 25px; height: 25px;}
    #logo img{width: 122px; height: 22px;}
     #hd_wrapper{height: 60px;}
    #gnb .gnb_wrap{}
}

/***************************************************/

.menu_bg{width: 100%; height: 364px; background: #fff; position: absolute; top: 116px; display: none;}
body{background: #fff;}
#tnb{width: 100%; background-color: #f2b704;}
#tnb .hd_call{float: left; padding: 5px 0;}
#tnb .hd_call p{line-height: 25px; font-size: 14px; color: #fff; float: left; padding-right: 30px;}
#tnb ul{ float: right;}
#tnb li{border: none;}
#tnb li:hover{background: #333;}
#tnb a{color: #fff; -webkit-transition: .1s;transition: .1s;}
#tnb .tnb_admin a{color: #fff; -webkit-transition: .1s;transition: .1s;}
#tnb .hd_call img{float: left; width: 15px;height: 15px; margin: 5px}
.hd_sch_wr, #hd_qnb{display: none;}
#hd{border-top: none; width: 100%;}
#hd_wrapper{padding: 0; height: 70px;}
#gnb .gnb_close_btn{display: none;}
#gnb_all{left: 50%; top:-50%; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); z-index: 999;}
.gnb_1dli .bg{display: none;}
.test{color: #333; width: 320px; float: left;}
.test .main_menu_name{font-size: 28px; line-height: 25px; color: #333; font-weight: bold;}
.test .desc{line-height: 23px; font-size: 14px; color: #999;}
.desc{color: #333;}
.gnb_1dli.desc1 .desc_line::after{display: block; content:''; width: 50px; height: 2px; background:#f2b704; margin: 20px 0;}
.gnb_1dli.desc2 .desc_line::after{display: block; content:''; width: 50px; height: 2px; background:#f2b704; margin: 20px 0;}
.gnb_1dli.desc3 .desc_line::after{display: block; content:''; width: 50px; height: 2px; background:#f2b704; margin: 20px 0;}
.gnb_1dli.desc4 .desc_line::after{display: block; content:''; width: 50px; height: 2px; background:#f2b704; margin: 20px 0;}
.gnb_2dul .figure{float: left; width: 350px; height: 210px; margin: 0 105px; border-right: 1px solid #ddd; background-color: pink; background-size: cover; background-repeat: no-repeat; background-position: center;}
.gnb_2dul .figure::after{display: block; content: ''; width: 1px; height: 210px; background: #ddd;margin-left: 440px;}
.gnb_2dul .figure0{background-image: url('../img/common/company_menu1.png');}
.gnb_2dul .figure1{background-image: url('../img/common/business_menu2.png');}
.gnb_2dul .figure2{background-image: url('../img/common/product_menu1.png');}
.gnb_2dul .figure3{background-image: url('../img/common/customer_menu2.png');}
.gnb_2dul .figure4{background-image: url('../img/common/company_menu2.png');}



.gnb_2dul{width: 100%; min-width: none; -webkit-box-shadow: none; box-shadow: none; top: 70px; left: 0;position: absolute;z-index: 999;left: 0; overflow: hidden;background: #fff;padding: 35px; border-top: 1px solid #ddd;}
.gnb_2dli_wrap{float: right; width: 300px;}
.gnb_2dli{border: none; overflow: hidden; padding: 7px 0; z-index: 999;}
.gnb_2da{color: #666; font-size: 16px; width: 100%; line-height: 25px; float: left;}
a.gnb_2da:hover{background: none;}
.gnb_2da:hover{color: #f2b704;}
.gnb_2da::after{display: block; content: '＞'; font-size: 12px; color: #666; font-weight: 500; text-align: right;float: right;}
#gnb .gnb_2da:hover .figure0{background-image: url('../img/common/company_menu3.png');}

/***************************************************/

@media screen and (max-width:1301px){
    .gnb_2dul .figure{margin:0 30px;}
    .gnb_2dul .figure::after{}
}
@media screen and (max-width:1240px){
    .gnb_2dul .figure::after{margin-left: 405px;}
    .gnb_2dli_wrap{width: 240px;}
}
@media screen and (max-width:1240px){
    .gnb_2dul .figure{width: 300px;}
    .gnb_2dul .figure::after{margin-left: 340px;}
    .gnb_2dli_wrap{width: 350px;}
}
@media screen and (max-width:1199px){
    .gnb_2dli_wrap{width: 300px;}
}
@media screen and (max-width:1130px){
    .gnb_2dli_wrap{width: 250px;}
}
@media screen and (max-width:1090px){
    .gnb_2dli_wrap{width: 190px;}
}