/*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; padding: 0 10px; color: #333;}
#gnb .gnb_wrap{height: 70px; }
#gnb #gnb_1dul{background: none; height: 70px; /*-webkit-box-shadow: none; box-shadow: none;  float: right;*/}
#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: block;}
#gnb .gnb_1dli:hover{background: none;}
#gnb .gnb_1dli_on{ background: #fff;}
#logo{padding: 18px 0; margin-right: 4%; margin-left: 4%; margin-top: 15px;}
#logo img{width: 240px;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: 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 45px;}
.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: absolute; top: 0px; right: 0; width: 72px; height: 72px; background: #10a79a; cursor: pointer; z-index: 999;}
#mb-open-menu img{display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); filter: brightness(10) invert(1);}
#hd_wrapper{height: 70px;}
#gnb .gnb_wrap{height: 70px;}
#logo{padding: 0;}
/* #gnb .gnb_wrap{padding: 22px 0;} */

@media screen and (max-width:1520px){
  #logo{margin-left: 20px; margin-right: 20px; margin-top: 20px;}
  #logo img{width: 200px;height: auto;}

}
@media screen and (max-width:1200px){
  #tnb{display: none;}
  #gnb #gnb_1dul{display: none;}
  
  #gnb .head_click_tab li a > img{height: 20px;}
  #gnb .head_click_tab li  > img{height: 20px;}
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:480px){
    /* #mb-open-menu{width: 20px; height: 20px;} */
    /* #mb-open-menu img{width: 25px; height: 25px;} */
    #logo img{width: 140px; }
	#logo {margin-top: 25px;}
     #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: 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; position: fixed; height: 100vh;}
.gnb_1dli .bg{display: none;}
.gnb_1dli.over ul {background:#098c81}
.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 .inner { padding:0px !important}

.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: #10a79a;padding: 35px 0px; /*border-bottom: 1px solid #eee;*/ min-height:305px}
/* .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: #fff; font-size: 15px; width: 100%; line-height: 25px; text-align: center;}
a.gnb_2da:hover{background: none;}
.gnb_2da:hover{color: #8aefe6;}
/* .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 (min-width:1600px){
#gnb #gnb_1dul{ padding-left:25%;}
}
@media screen and (max-width:1599px){
#gnb #gnb_1dul{ padding-left:20%;}

}


@media screen and (max-width:1301px){
    .gnb_2dul .figure{margin:0 30px;}
    .gnb_2dul .figure::after{}
	#gnb .gnb_1dli:not(:first-child) {
		padding: 10px 35px;
	}
	.gnb_2da {font-size:14px;     letter-spacing: -0.5px;}
}
@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;}
	.gnb_1da {font-size:18px}
}



@media screen and (max-width:1200px){
#mb-open-menu {height:70px}
}

input, textarea:focus {
    outline: none !important;
}
.top_bg {position: absolute; background:#10a79a; height:305px; width:100%; display:none; z-index: 5;  }


.top_bg.on {display:block}
.top_bg.display_on {display:block}


.searchbtn img{
    cursor: pointer;
}

.search-drop {
    width: 100%;
    background: #fff;
    position: absolute;
    top: 70px;
    left: 0;
    border-top: 1px solid rgba(0,0,0,0.1);
    overflow: hidden;
    height: 78px;
    display: none;
	z-index:5

}
.search-drop fieldset img.close-icon {
    width: 15px;
    top: 26px;
    right: 10px;
    cursor: pointer;
}
.search-drop fieldset img {
    position: absolute;
    display: block;
}
.search-drop #sch_stx {
    width: 100%;
    height: 32px;
    padding: 0 36px 16px;
    border: 0;
    line-height: 32px;
    font-size: 16px;
    color: #7c8389;
    background: #fff;
    margin: 24px auto 4px;
    border-bottom: 1px solid #000;
}
.search-drop fieldset img.search-icon {
    width: 22px;
    top: 23px;
    left: 0;
}
.search-drop fieldset {
    border: none;
    border-radius: 0px;
    padding: 0;
    width: 800px;
    margin: 0 auto;
    position: relative;
}

#mb-open-menu.pc {}
#mb-open-menu.mobile {display:none}
@media screen and (max-width:1200px){

#mb-open-menu.pc {display:none}
#mb-open-menu.mobile {display:block}
}


@media screen and (max-width:820px){
.search-drop fieldset img.search-icon {left:20px}
.search-drop fieldset img.close-icon {right:20px}
.search-drop fieldset {width:100%; padding:0px 20px}
}