@charset "utf-8";
/*--mobile--*/
#mob_nav_slide_bg{
    display: none;
    position: fixed;
    top: 0;
    left: -50%;
    height: 100%;
    width: 50%;
    background-color: rgba(0,0,0,0.5);
    z-index: 100;
}

@media screen and (max-width: 1200px){
    div#mob_nav_slide_bg{
        display: block; 
    }
}


@media all and (min-width:1480px){
    #t2d_header #slide_nav_menu{display: none; background: #f5f5f5 url(/images/sitemapbg.jpg) right bottom no-repeat; width: 100%; position: fixed; top: 0; left: 0; z-index: 1001; padding: 108px 0;}
    #t2d_header #slide_nav_menu.on{display: block;}
    #t2d_header #slide_nav_menu > ul{max-width: 1400px; margin: 0 auto; display: flex;}
    #t2d_header #slide_nav_menu > ul > li{width: 25%; border-right: 1px solid #eee; padding: 0 20px;}
    #t2d_header #slide_nav_menu > ul > li:last-child{border-right: 0px; display:none !important;}

    #t2d_header #slide_nav_menu > ul > li > div{width:100%; }

    #t2d_header #slide_nav_menu  > ul > li > div > span{color: #000 !important;font-size:21px; font-weight: 600;
     width:100%;text-align: center;   border:3px solid #265993;  display:block !important;  padding:20px 0px; }
     #t2d_header #slide_nav_menu  > ul > li > div > span > a{ color: #000 !important;  display:inline-block !important; }
     #t2d_header #slide_nav_menu  > ul > li:hover > div > span > a{color: #0f3a5a;}
     #t2d_header #slide_nav_menu  > ul > li > ul{text-align: center; margin-top: 15px; display: block !important}
     #t2d_header #slide_nav_menu  > ul > li > ul > li > a{ font-size: 18px; color: #333; font-weight:500; display: block; padding: 5px 0;}
     #t2d_header #slide_nav_menu  > ul > li > ul > li:hover > a{text-decoration: underline; text-underline-position: under;}
	#Loginmenu_mo{display:none;}

}

.flatlink_m{display:none;}


@media all and (max-width:1480px){
    #t2d_header #slide_nav_menu { position:fixed; height:100%; z-index:1001; right:0;  top:0px; padding:60px 0px 2%;/*background:rgba(0,0,0,0.5);*/ transition: .2s ease;
                    color:#FFF; width:100%;box-sizing:border-box;
                    -webkit-transform: translateX(100%) rotate(0); -moz-transform: translateX(100%) rotate(0); -ms-transform: translateX(100%) rotate(0); -o-transform: translateX(100%) rotate(0);
                   transform: translateX(100%) rotate(0);
    }

	 #t2d_header #slide_nav_menu .gnb_dp1_wrap{ width:80%; background:#fff; float:right; 
	  position:absolute;  top:0px; /*padding-top:100px;*/    padding-top: 80px;      right:0px; height:100vh;
     /* margin-top: 30px;*/
	 }

    #t2d_header #slide_nav_menu.on{ -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); 
	-ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0);  transform: translateX(0) rotate(0); }

    #t2d_header #slide_nav_menu .gnb_dp1 div { color:#000 !important; font-weight:700;  padding:20px; 
	cursor:pointer; background:url('/images/arrow_mo.jpg')right no-repeat;  border-bottom: 1px solid rgba(0,0,0,0.075); font-size: 20px;  }
    #t2d_header #slide_nav_menu .gnb_dp1 > div > span a { color:#212121; }
    #t2d_header #slide_nav_menu .gnb_dp1 > div.on > span a { color:#002d65; }

    #t2d_header #slide_nav_menu .smenu {display:none;  background-color: #fff; background-color: rgba(9,71,158,0.9);}
    #t2d_header #slide_nav_menu .smenu > li{border-bottom: 1px solid rgba(255,255,255,0.1);}
    #t2d_header #slide_nav_menu .smenu > li:last-child{border-bottom: 0;}
    #t2d_header #slide_nav_menu .smenu>li br{display:none;}
    #t2d_header #slide_nav_menu .smenu>li>a,
    #t2d_header #slide_nav_menu .smenu>li>span {display:block; padding:10px 20px; color:#fff; font-size: 17px; }
    #t2d_header #slide_nav_menu .smenu>li>a:hover,
    #t2d_header #slide_nav_menu .smenu>li>span:hover{ color:#07c2f8;}
    #Loginmenu_mo{display:block;}
    #Loginmenu_mo ul{width:95%; margin:0 auto;}
    #Loginmenu_mo ul li{display:inline-block; float:left;   width:48%; margin:1%;  border:1px solid #efefef; text-align:Center;  }
    #Loginmenu_mo ul li a{color:#fff;display:block; background:#0066cc; padding:10px 0px;  border:2px solid #0066cc;}
    #Loginmenu_mo ul li a:hover{color:#005ebc; font-weight:700; display:block; background:#f1f2f4; border:2px solid #0066cc;}
    .flatlink_m{ position:relative; display:inline-block;  width:98%; margin:1%; color:#fff; font-size:20px; font-weight:600; bordeR:0px solid red;
    background:#265993; padding:20px 20px;  text-align:center; cursor:pointer; line-height:60px; }
    .flatlink_m img{padding-top:22px;}
    .flatlink_m a{color:#fff; }



}