@charset "utf-8";
/*pc*/
#t2d_main_container {padding-top: 0px;} /* 메인 메뉴와 겹일경우 0으로 세팅*/
#t2d_sub_container{padding-top: 0px;}/*메뉴 fixed일 경우 서브컨테이너 상단여백 지정*/
#t2d_header_wrap{position: relative; z-index: 100; top: 0; left: 0; width: 100%; height: 100px; background-color: #fff; transition: .2s ease-in-out; 
    border-bottom: 0px solid rgba(0,0,0,0.1);}
#t2d_header_wrap.on{background-color: #fff; border-bottom: 1px solid rgba(0,0,0,0.1);}
#t2d_header_wrap .inner{height: 100%; width:100%; display: flex; align-items: center; justify-content: space-between; max-width: 100%;}
#t2d_header_wrap .inner #t2d_toplogo{position: absolute; margin-left:20px;  }
#t2d_header_wrap .inner #t2d_toplogo a{width:400px; height:48px;  background: url(/images/logo.png) no-repeat center center / 100%; display: block;}


#t2d_header_wrap #gnb_nav_wrap{width: 100%; bordeR:0px solid red;  padding-left:6%; box-sizing:border-box; }
#t2d_header_wrap #gnb_nav_wrap > ul{display: flex; justify-content: center;  }
#t2d_header_wrap #gnb_nav_wrap > ul > li{position: relative;}
#t2d_header_wrap #gnb_nav_wrap > ul > li > div{}
#t2d_header_wrap #gnb_nav_wrap > ul > li > div > span{}
#t2d_header_wrap #gnb_nav_wrap > ul > li > div > span > a{display: block; padding: 0 50px; line-height: 100px; color: #212121; 
font-size: 21px; transition: .2s ease-in-out; text-align: center; font-weight: 600;}
#t2d_header_wrap.on #gnb_nav_wrap > ul > li > div > span > a{color: #212121}
#t2d_header_wrap #gnb_nav_wrap > ul > li:hover > div > span > a{color: #09479e}
#t2d_header_wrap #gnb_nav_wrap > ul > li > div > span > a.on{color: #09479e}

#t2d_header_wrap #gnb_nav_wrap > ul > li > ul{display: none; position: absolute; left: 50%; transform: translateX(-50%); width: 200px;
text-align: center; background-color: rgba(0,102,204,0.9); padding: 20px 0;border-radius:15px;}
#t2d_header_wrap #gnb_nav_wrap > ul > li > ul > li{transform: skew(0.1deg)}
#t2d_header_wrap #gnb_nav_wrap > ul > li > ul > li > a{display: block; padding:5px 0;  color: rgba(255,255,255,0.9); font-size: 17px; font-weight: 500; word-break: keep-all;}
#t2d_header_wrap #gnb_nav_wrap > ul > li > ul > li:hover > a{text-decoration: underline; text-underline-position: under; color: #fff; font-weight: bold;}





@media all and (max-width:1280px){
    #t2d_header_wrap .inner #t2d_toplogo a{width:220px;}
}


#flatlink{color:#fff; font-size:20px; font-weight:600; position:absolute; right:100px; 
top:0px;  height:100px; background:#333333; padding:0px 40px; line-height:100px; text-align:center; cursor:pointer; z-index:101;}
#flatlink a{color:#fff; font-size:20px; font-weight:600; }
#flatlink img{padding-top:42px;}

#menuToggle { position:absolute; right:0px; top:0px; width:100px; height:100px; cursor:pointer; z-index:101;background:#265993 
 url(/images/menubg.jpg) center;}
#menuToggle.on{position: fixed; display: block; z-index: 1002; background:#265993 
 url(/images/menubg_c.jpg) center;}
#menuToggle span {display:block; position:absolute; right:0; height:2px; background:#212121; transition:0.5s all; -webkit-transition:0.5s all;}
.on #menuToggle span {background-color: #212121;}
#menuToggle span.t {top:0; width:100%}
#menuToggle span.m {top:50%; margin-top:-1px; width:100%}
#menuToggle span.b {bottom:0; width:100%;}

#menuToggle.on span.t{width: 100%; background-color:#212121; transform: translateY(10px) rotate(45deg);}
#menuToggle.on span.m{width: 0;}
#menuToggle.on span.b{width: 100%; background-color:#212121; transform: translateY(-6px) rotate(-45deg);}

#t2d_header_wrap.scroll{position:fixed; z-index: 100; top: 35; left: 0; top:0px !important;  box-shadow:5px 5px 10px rgba(0,0,0,0.1);}





@media all and (max-width:1800px){
    #t2d_header_wrap .inner #t2d_toplogo{margin-left: 3%;}
}

@media all and (max-width:1600px){
}


@media all and (max-width:1559px){
  #t2d_header_wrap #gnb_nav_wrap > ul > li > div > span > a{ padding: 0 20px; font-size: 19px; }
    #t2d_header_wrap .inner #t2d_toplogo a{width:300px; height:35px;  background: url(/images/logo.png) no-repeat center center / 100%; display: block;}
    #flatlink{ padding: 0 25px;}
}



@media all and (max-width:1280px){
    #t2d_header_wrap{height: 100px;}
	  #t2d_header_wrap #gnb_nav_wrap{padding-left:4%;}
	  #t2d_header_wrap #gnb_nav_wrap > ul{display: flex; justify-content: center;  bordeR:0px solid red; padding-right:6% !important; }
    #t2d_header_wrap .inner{width: 100%;}
    #t2d_header_wrap .inner #t2d_toplogo{margin-left: 2%;}
    #t2d_header_wrap .inner #t2d_toplogo a{max-width: 220px !important;}
 
    #t2d_header_wrap #menuToggle{right: 0%; top:0px; width:100px; height:100px; background-size:100%; }
	#flatlink{ padding: 0 25px;}
	
    #flatlink{color:#fff; font-size:17px; font-weight:600; position:absolute; right:100px; 
    top:0px;  height:100px; background:#333333; padding:0px 10px; line-height:100px; text-align:center; cursor:pointer; z-index:101;}
    #flatlink img{padding-top:42px;}



}
@media all and (max-width:1024px){
   #t2d_header_wrap #gnb_nav_wrap{display: none;}
   #flatlink{display:none;}
	#t2d_header_wrap{height: 80px;}
    #t2d_header_wrap .inner{width: 100%;}
    #t2d_header_wrap .inner #t2d_toplogo{margin-left:2%;}
    #t2d_header_wrap .inner #t2d_toplogo a{max-width:300px !important;}
 
    #t2d_header_wrap #menuToggle{right: 0%; top:0px; width:80px; height:80px; background-size:100%; }

}

@media all and (max-width:768px){
/*  #t2d_header_wrap .inner #t2d_toplogo{margin-left: 0; position: absolute; left: 50%; transform: translateX(-50%);}*/
}

@media all and (max-width:480px){
     #t2d_header_wrap .inner #t2d_toplogo a{max-width:250px !important;}  
}



.menu_bg{width: 100%; height: 100%; background-color: rgba(0,0,0,0.8);position: fixed; left: 0; top: 0; visibility: hidden; opacity: 0; z-index: 999; transition: .4s ease;}
.menu_bg.on{visibility: visible; opacity: 1;}


@media all and (max-width:1024px){
    #Loginmenu{display:none;}
   
}