@charset "utf-8";

.top_wrap{position:relative;width:100%;height:40px;font-size:0;text-align:center;background:#009ef6;z-index:20;}
.top_wrap .wsize{display:flex;align-items:center;justify-content:space-between;height:100%;}
.top_wrap .wsize > ul{display:flex;height:100%;align-items:center;}
.top_wrap .wsize ul li{height:100%;}
.top_wrap .wsize ul li a{display:inline-flex;align-items:center;height:100%;font-size:1.4rem;font-weight:500;color:#fff;}

.top_wrap ul.site_menu{border-left:1px solid rgba(255,255,255,0.2);text-align:center;}
.top_wrap ul.site_menu li{border-right:1px solid rgba(255,255,255,0.2);}
.top_wrap ul.site_menu li a{padding:0 20px;}
.top_wrap ul.site_menu li.on{background:#fff;}
.top_wrap ul.site_menu li.on a{font-weight:700;color:#0086d1;}

.top_wrap .certi{height:100%;padding:0 25px;border-right:1px solid rgba(255,255,255,0.2);border-left:1px solid rgba(255,255,255,0.2);}
.top_wrap .certi a{display:inline-flex;align-items:center;height:100%;font-size:14px;color:#fff;}

.top_wrap ul.aside_menu li a{padding:0 15px;} 
.top_wrap ul.aside_menu li.lang{position:relative;margin-left:10px;background:#0085cf;}
.top_wrap ul.aside_menu li.lang > a{position:relative;padding:0 50px 0 20px;font-family:'Poppins',sans-serif;font-weight:600;font-size:1.3rem;letter-spacing:0.025em;}
.top_wrap ul.aside_menu li.lang > a:after{content:'';position:absolute;top:50%;right:20px;width:7px;height:4px;margin-top:-3px;background:url(/nanum/site/builder/skin/common/img/btn_lang_arr.png) no-repeat;}
.top_wrap ul.aside_menu li.lang > a.on:after{transform:rotate(180deg);}
.top_wrap ul.aside_menu li.lang .lang_op{position:absolute;top:40px;left:0;width:100%;border-top:1px solid rgba(255,255,255,0.2);background:#0085cf;z-index:20;}
.top_wrap ul.aside_menu li.lang .lang_op ul li a{width:100%;padding:10px 20px;box-sizing:border-box;}
.top_wrap ul.aside_menu li.lang .lang_op ul li a:hover{background:rgba(0,0,0,0.2);}

/********************태블릿********************/
@media all and (max-width:1024px){

.top_wrap{display:none;}

.total .menu .top_wrap{display:block;height:auto;background:none;}
.total .menu .top_wrap ul{flex-wrap:wrap;width:100%;padding:0 2vw;box-sizing:border-box;position:absolute;}
.total .menu .top_wrap ul li{width:20%;margin:1vh 0;border:0 !important;border-radius:20px;}
.total .menu .top_wrap ul li.on{box-shadow:3px 3px 5px rgba(0,0,0,0.2);}
.total .menu .top_wrap ul li a{padding:0 5vw;box-sizing:border-box;}


}

/********************모바일********************/
@media all and (max-width:767px){
	
}