/*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: 20px; color: #10069f; padding: 0 15px; font-family: "sandoll-press-basic", sans-serif;}


#gnb{position:fixed; height: 75px; width: 100%; top: 0px; left: 0; z-index: 99;background: transparent; }
#gnb .gnb_wrap{height: 70px; }
#gnb .gnb_wrap .inner{}
#gnb #gnb_1dul{background: none; height: 70px; width: calc(100% - 390px); display: flex; justify-content: flex-end; display: none;}
#gnb_all .gnb_al_ul{padding: 0;}
#gnb .gnb_mnal{float: right; margin-right: 20px; width: 30px; height: 30px;padding: 9px 0;}
.gnb_1dli .bg{display: none;}
#gnb .gnb_1dli:nth-child(1){display: none;}
#gnb .gnb_1dli:hover{background: none;}
/* #gnb .gnb_1dli_on{ background: #fff;} */
#logo{padding: 18px 0; width: 300px; height: 75px; padding: 0; display: flex; align-items: center;}
#logo img{width: 135px;height: auto; display: inline-block; line-height: 70px;}
#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: 100vh; position: fixed; right: 0; top: 0; background: rgba(0, 0, 0, 0.815);border: none; padding: 40px 50px;}
#gnb_all .gnb_al_li{width: 100%; 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: 10px 0 30px;}
#gnb_all .gnb_al_li li{padding-left: 0; line-height: 35px;}
#gnb_all .gnb_al_li li a:hover{color: #fff;}
#gnb_all .gnb_al_li li a{font-size: 16px; font-weight: 200; 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 .gnb_1dli:not(:first-child){padding: 10px 30px;}
.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%;
  }
}


#gnb_all .gnb_al_ul{display: none;}
#gnb .head_click_tab{position: absolute; right: 100px; top: 50%; transform: translateY(-50%);}
#gnb .head_click_tab li{float: left;}
#gnb .head_click_tab li:first-child{margin-right: 20px;}

/* #gnb #gnb_1dul li:nth-child(1){display: none;} */
#mb-open-menu{display: block; position: relative; width: 90px; height: 70px; cursor: pointer; z-index: 999;}
#mb-open-menu img{display: inline-block; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%);}
/* #gnb .gnb_wrap{padding: 22px 0;} */


#hd .fix_nav span a{color: #fff; display: inline-block;}

#lang_btn{position: fixed; top: 15px; right: 40px; width: 30px; height: 30px; text-align: center; z-index: 99999999;}
#lang_btn a{display: inline-block; width: 30px; height: 30px; background: #fff; color: #003118; border-radius: 50%; line-height: 30px; box-shadow: 0px 2px 10px 1px #00000018; font-weight: 600; font-size: 12px;}



@media screen and (max-width:1520px){
  #gnb #gnb_1dul{width: calc(100% - 290px);}
  #logo{width: 200px;}
  #logo img{width: 130px;height: auto;}
  .gnb_1da{font-size: 17px; padding: 0 10px;}
}
@media screen and (max-width:1200px){
  #tnb{display: none;}
  #gnb #gnb_1dul{display: none;}
  
  #gnb .head_click_tab li a > img{height: 20px;}

  #gnb .gnb_wrap .inner{justify-content: space-between;}

  #lang_btn{right: 20px; width: 25px; height: 25px;}
  #lang_btn a{width: 25px; height: 25px; line-height: 25px; font-size: 12px;}
}
@media screen and (max-width:768px){
  #gnb{height: 60px;}
  #gnb .gnb_wrap{height: 60px;}
  #logo{height: 60px;}
  #mb-open-menu{height: 60px;}
}
@media screen and (max-width:480px){
    /* #mb-open-menu{width: 20px; height: 20px;} */
    /* #mb-open-menu img{width: 25px; height: 25px;} */
    #gnb #gnb_1dul{width: calc(100% - 210px);}
    #logo{width: 120px;}
    #logo img{width: 100px;}
     #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: #000;}
#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 a:hover{ height: 34px;}
#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: block;}
#hd{border-top: none; width: 100%;}
#hd_wrapper{padding: 0; height: 0px;}
#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; position: fixed; height: 100vh;}
.gnb_1dli .bg{display: none;}
.test{color: #333; width: 320px; /*float: left;*/ display: none;}
.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; display: none;}
.desc{color: #333;}
/* .gnb_1dli.desc1 .desc_line::after{display: block; content:''; width: 50px; height: 2px; background:#000; margin: 20px 0;}
.gnb_1dli.desc2 .desc_line::after{display: block; content:''; width: 50px; height: 2px; background:#000; margin: 20px 0;}
.gnb_1dli.desc3 .desc_line::after{display: block; content:''; width: 50px; height: 2px; background:#000; margin: 20px 0;}
.gnb_1dli.desc4 .desc_line::after{display: block; content:''; width: 50px; height: 2px; background:#000; 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{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; /*border-bottom: 1px solid #eee;*/}
/* .gnb_2dli_wrap{float: right; width: 590px;} */
.gnb_2dli{border: none; overflow: hidden; padding: 7px 0; z-index: 999; width: 100%;}
.gnb_2dli:first-child{margin-left: 0;}
.gnb_2da{color: #666; font-size: 17px; width: 100%; line-height: 25px; text-align: center;}
a.gnb_2da:hover{background: none;}
.gnb_2da:hover{color: #000;}
/* .gnb_2da::after{display: block; content: 'ㅡ'; font-size: 12px; color: #666; font-weight: 500; text-align: right;float: right; margin-left: 10px;} */
/* #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: 550px;}
}
@media screen and (max-width:1240px){
    .gnb_2dul .figure{width: 300px;}
    .gnb_2dul .figure::after{margin-left: 340px;}
}