/*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: #004afa; padding: 0 15px; font-family: 'GmarketSans'; font-weight: 700;}

#hd_top {color:#1edc1f; font-size:25px; font-weight:800; text-align:center; padding:10px ; background:#2b2b2b}
#hd_top  span {color:#fff}
#hd_top img {display:inline-block}

#gnb{position:relative; height: 75px; width: 100%; top: 0px; left: 0; mix-blend-mode: difference; z-index: 9999999;background: transparent; border-bottom: 1px solid #fff;}
#gnb{background-color: rgba(0,0,0,1);backdrop-filter: blur(10px);  mix-blend-mode: normal;}
.fixed {position:fixed !important;}


.vip_bottom {position:fixed;  right:50px; bottom:88px; text-align:center; background:url('../img/bottom_vip.gif') no-repeat center; background-size:cover; width:223px; height:223px; z-index:5}
.vip_bottom .img_gif img{    margin: 0 auto;}
.vip_bottom .img_gif  {height: 223px;  display: flex;  flex-direction: column;  justify-content: center;}
.vip_bottom .main_name {color:#1edc1f; font-size:21px; font-weight:800; text-align:center; padding-top:10px}
.vip_bottom .main_name span{color:#fff;}
@media screen and (max-width:800px){
#hd_top {font-size:14px;}
#hd_top img {width:20px;}
.vip_bottom {width:130px; height:130px; right:20px; bottom:50px;}
.vip_bottom .img_gif  {height: 130px; }
.vip_bottom .main_name {font-size:14px; padding-top:5px}
.vip_bottom  img {width:20px;}
}

#gnb .gnb_wrap{height: 75px; }
#gnb .gnb_wrap .inner{display: flex; flex-wrap: wrap; align-items: center; border: 0; box-sizing: border-box; position: relative;}
#gnb #gnb_1dul{background: none; height: 75px; width: calc(100% - 390px); display: flex; justify-content: flex-end;}
#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: 70px; padding: 0; text-align: center; display: flex; align-items: center; }
#logo img{width: 115px;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 10px;}
.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: none; 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;} */


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

  #gnb .gnb_wrap .inner{justify-content: space-between;}
}
@media screen and (max-width:768px){
  #gnb{height: 50px;}
  #gnb .gnb_wrap{height: 50px;}
  #logo{height: 50px;}
  #mb-open-menu{height: 50px;}
}
@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');} */


#a_nav{position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#a_nav ul li{display: inline-block; margin-left: 20px;}
#a_nav ul li a{color: #fff; font-family: 'GmarketSans'; font-weight: bold;}

/***************************************************/
@media screen and (max-width:1620px){
    #a_nav{right: 20px;}
}
@media screen and (max-width:1200px){
    #a_nav ul li a{font-size: 15px !important;}
}
@media screen and (max-width:768px){
    #logo img{width: 89px;}
    #a_nav ul li{margin-left: 5px;}
    #a_nav ul li a{font-size: 12px !important;}
	#gnb{background-color: rgba(0,0,0,1);backdrop-filter: blur(10px);  mix-blend-mode: normal;}
}
@media screen and (max-width:500px){
    #a_nav{right: auto; left: 50%; top:50px; transform: translate(-50%, 0); width: 100%; border-bottom: 1px solid #fff; box-sizing: border-box; padding-bottom: 10px; background-color: rgba(0,0,0,1); backdrop-filter: blur(10px);padding-top:10px }
    #a_nav ul{margin-left: 15px; }
    #a_nav ul li a{font-size: 10px !important;}
}
/* @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;}
} */