/*header*/
ul{margin:0;}
header .container{max-width:1300px;}
header{position: relative;}
.mo_login_box{margin-right:33px}
.mo_login_box a{margin:0 5px;}
.pc_login{display:none !important;}

.logo{font-size:20pt;}
.topBar>.container{padding:10px}
/*#carouselExampleControls{width:150px}*/

.topBar .container>div .logo{margin-right:30px;}
.search_box{display: flex;align-items: center;}
.search_box>a{display: flex;padding:5px 10px;border:1px solid #e3e3e3;background-color: #fff;margin:0 0 0 5px;height: 39px;justify-content: center;align-items: center;}
.search_box>div{display: flex;border:2px solid #163a67}
.search_box>div input{border:none;padding:5px;}
.search_box>div input:focus{outline: none; }
.search_box>div>button{background-color: #163a67;color:#fff;padding:5px 10px;border:none;}
.topBar{border-bottom:1px solid #e3e3e3;}

.menu{border-bottom: 1px solid #e3e3e3}
.menu .container{padding:0}

.gnb{display:flex;justify-content: space-between;width:100%;overflow-x: scroll;}
.gnb nav{display:flex;min-width:400px}
.gnb a{display:block;width:auto;padding:0 10px ;border-bottom:0;line-height: 45px; color:#000}
.gnb>div{display:flex;}
.gnb nav>ul{display:flex;}
.gnb nav>ul>li{position: relative;}
.gnb nav>ul>li>ul{position: absolute;background-color: #fff;width:250px;border-top: 1px solid #163a67;z-index: 1111}


.gnb nav>ul>li:first-child a{color:#163a67}

.topBarBanner{width:261px;margin-top:10px;display:none;}
.topBar>.container{display:flex;align-items: center;justify-content: space-between}
/*.gnb nav>ul>li>ul{display:none;}*/
/*.gnb nav>ul>li ul li a{border-bottom:none;}*/

.gnb nav>ul>li ul{background-color:#f7f7f7;display:flex;flex-wrap: wrap;width:100%}
.gnb nav>ul>li ul{display:none;}

.gnb nav>ul>li>a{display: flex;align-items: center;justify-content: space-between}
.gnb nav>ul>li>a i.actives{transform: rotateZ(180deg)}
.brand_in_menu{}
.gnb nav>ul>li ul li:nth-child(odd){border-right:1px solid #e3e3e3;}
.gnb nav>ul>li ul li a:hover{color:#fff;background-color: #a1a1a1; font-weight: 400; font-size: 9pt}
.gnb nav>ul>li ul li a{font-weight: 400; font-size: 9pt}
.gnb nav>ul>li ul li{width:50%;}

.brand_in_menu li div img{width:25px;margin:0 5px 0 0}
.brand_in_menu li a{display:flex;align-items: center;}

.in_logo{margin:0 0 20px !important;border:none !important;padding:20px 10px;border-bottom:1px solid #e3e3e3;}




/*header*/



.menubtn2 {transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;display: inline-block;float: left;cursor: pointer;;z-index: 2;top: 0;width: 20px;height: 20px;display:flex;align-items: center;justify-content: center;}

.menubtn2 span,
.menubtn2 span:before,
.menubtn2 span:after {transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;width: 18px;height: 2px;border-radius: 5px;background-color: #000;}

.menubtn2 span {position: relative;display: inline-block; float: left; margin-top: 0}

.menubtn2 span:before, .menubtn2 span:after {content: "";position: absolute;left: 0;}

.menubtn2 span:before { top: -6.09090909px;}

.menubtn2 span:after {top: 6.09090909px;}
.menubtn2.active{background-color: transparent;} 

.menubtn2.active span {background-color: transparent;}
.menubtn2.active span:before {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);-ms-transform: rotate(-135deg);top:0;}
.menubtn2.active span:after {-webkit-transition-delay: 0.09s;-moz-transition-delay: 0.09s;-o-transition-delay: 0.09s;-msa-transition-delay: 0.09s;transition-delay: 0.09s;transform: rotate(135deg);-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);top:0;}  



.readyBox{position: fixed;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,0.5);z-index: 11111111;display:none;cursor: pointer;}
.readyBox>div{width:100%;height:100%;display:flex;justify-content: center;align-items: center;}
.readyBox>div>div{padding:10px 30px;background-color: #fff;font-size:16px;font-weight: 600;}


.gnb2 nav{min-width:auto}
.gnb2 nav>ul>li:hover>a{background-color:#148845;color:#fff !important;}
header{position: fixed;left:0;top:0;width:100%;z-index: 111111}


.gnb2{position: fixed;right:0;top:0;width:250px;height: 100%;background-color: #fff;display: block;z-index: 11111}
.gnb2 nav>ul{display: block;width:100%;}
.gnb2 nav>ul>li:first-child a, .gnb2 nav>ul>li>a{color:#000;}
.gnb2 nav>ul>li>ul{position: static;background-color: #eaeaea;width:100%;;z-index: 1111;color:#000}
.gnb2 nav>ul>li ul li{width:100%;}
.gnb2 .moMenu{background-color: #148845;padding:10px 0;position: relative;}
.menubtn2{position: absolute;right:10px;top:50%;margin-top:-10px;}
 .menubtn2 span,  .menubtn2 span:before,  .menubtn2 span:after{background-color:#fff;}

.topBar2>.container{position: relative;}
.gnb2{transform: translateX(100%);transition: 0.5s ease-in-out}
.gnb2.actives{transform: translateX(0)}
.back{position: fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index: 11111;display: none;cursor: pointer;}

    .header2{background-color: #117239bb; transition: 0.5s all ease-in-out}
    /* .header2.actives{background-color: #117239bb;} */
    .header2.actives .topBar2{border:none;}

@media screen and (min-width:500px){

}


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

    .topBar .container>div:first-child{display:flex;align-items: center;}
    /*    header*/
    .topBar .container>div .logo{margin-right:60px;}
    .search_box>div input{width:200px;height:35px;font-size: 11pt}
    .topBar>.container{padding:10px 20px}
    .topBarBanner{width:auto;margin-top:0px;}
    .gnb nav>ul>li ul li a:hover{font-size: 15px}
    .gnb nav>ul>li ul li a{font-size: 15px}
    /*    header*/   
}

@media screen and (min-width:850px){

}
/*
@media screen and (max-width:949px){
    .gnb nav>ul>li>ul{display:none !important;}
}
*/
@media screen and (min-width:950px){
    /*    header*/
.gnb nav>ul>li ul li a{color:#fff;}
    .pc_login{display: flex !important;}


    .gnb.actives{transform: translateX(0)}
    .gnb nav a{padding:0px;margin:0 20px;font-size: 12pt;font-weight: 500}

    .menu .container{display: flex;}
    .gnb>div a{border-right:1px solid #e3e3e3;}
    .gnb>div a:first-child{border-left:1px solid #e3e3e3;}

    .topBarBanner{display:block;}
    .mo_login_box{display:none;}

    /*    .gnb nav>ul>li:first-child>a{margin:0 20px 0 0}*/

    .gnb{overflow-x: inherit;}
    .gnb nav{min-width: inherit;}
    .gnb nav>ul>li>ul{width:200px;}


    .gnb nav>ul>li ul{border-right:1px solid #e3e3e3;border-left:1px solid #e3e3e3;background-color: #fff;width:200px;}

    .gnb nav>ul>li ul li{width:100%;}
    .gnb nav>ul>li ul li:nth-child(odd){border:none;}
    .gnb nav>ul>li ul li a{margin:0;padding:0 20px; border-bottom:1px solid #369b60;}
    .gnb nav>ul>li ul li a:hover{background-color: #148845;color:#fff;}
    .brand_in_menu li div img{width:30px;margin:0 20px 0 0}

    
    .gnb2{overflow: inherit;width:auto;display: flex;transform: translateX(0);transition: 0s;width:auto;position: static;background-color:inherit}
.gnb2 nav>ul>li:first-child a{color:#fff;}
.gnb2 nav>ul>li>a{color:#fff;}
    .gnb2 nav>ul{display: flex;}
   
    .gnb2.actives{transform: translateX(0)}
    .gnb2 nav a{padding:0px;margin:0px ;font-size: 10pt;font-weight: 500;line-height: 70px}
    .topBar2>.container{padding:0px 20px}
    
     .gnb2 nav>ul>li ul{background-color:#0f6e37;width:200px;border:none;}
    .gnb2 nav>ul>li>a>span{position: relative;display: block;padding:0 10px}
    .gnb2 nav>ul>li>a>span:after{content: '';position: absolute;left:0;bottom:0;width:100%;height: 2px;background-color:#fff;display: none;}
    .gnb2 nav>ul>li>a:hover > span:after{display: block;}
    .gnb2 nav>ul>li>ul{position: absolute;;width:200px;;z-index: 1111;}
    .gnb2 .moMenu, .menubtn2{display: none;}
    
  
    .brand_in_menu a{line-height: 47px !important;}
    
    
    /*    header*/   
}

@media screen and (min-width:1024px){
    .gnb2 nav>ul>li>a>span{padding:0 15px}
}

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

    .topBar .container>div .logo{margin-right:100px;}
    .search_box>div input{width:350px}

    .brandBox .rBc{width:200px;}
    .brandBox .tab>div{padding:24.5px 0}
    .gnb2 nav a{font-size:12pt}
    /*    header*/    

}