@charset "utf-8";

.top_wrap{position:relative;width:100%;height:40px;font-size:0;text-align:center;background:#3356af;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{position:relative;border-right:1px solid rgba(255,255,255,0.1);}
.top_wrap ul.site_menu li:last-child::before{display:none;}
.top_wrap ul.site_menu li a{padding:0 20px;background: #264595;}
.top_wrap ul.site_menu li.on a{background: #0f255d;font-weight:700;}

.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:#264595;}
.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:#3356af;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);}

/*장례식장*/
.top_wrap.fune{background:#f8f2ef;border-bottom:1px solid #000;}
.top_wrap.fune ul.site_menu li{position:relative;}
.top_wrap.fune ul.site_menu li a{background: #f8f2ef;}
.top_wrap.fune ul.site_menu li.on{position:relative;background:#fff;border:1px solid #000;}
.top_wrap.fune ul.site_menu li.on::after{position:absolute;content:'';left:0;bottom:-1px;width:100%;height:1px;background:#fff;}
.top_wrap.fune ul.site_menu li.on a{font-weight:500;background:#fff;}
.top_wrap.fune ul.site_menu li.on::before{display:none;}

.top_wrap.fune ul.aside_menu{position:relative;}
.top_wrap.fune .wsize ul li a{color:#000;}
.top_wrap.fune ul.aside_menu li.lang{background: none;border-left: 1px solid #000;border-right: 1px solid #000;}

.top_wrap.fune ul.aside_menu li.lang .lang_op{left: -1px;border: 1px solid #000;background: #fff;}
.top_wrap.fune ul.aside_menu li.lang .lang_op ul li a:hover{background:#f5eeea;}
.top_wrap.fune ul.aside_menu li.lang > a:after{width: 5px;height: 9px;margin-top: -4px;transform: rotate(-90deg);background-image: url(/nanum/site/builder/skin/funeral/img/common/foot_arrow.gif);background-size: cover;}
.top_wrap.fune ul.aside_menu li.lang > a.on:after{transform: rotate(90deg);}
/*//장례식장*/

/*장례식장2*/
.top_wrap.fune02{background:#fff;border-bottom:1px solid #ccc;}
.top_wrap.fune02 ul.site_menu li{position:relative;}
.top_wrap.fune02 ul.site_menu li::before{position:absolute;content:'';top:50%;transform:translateY(-50%);right:0;width:3px;height:3px;background:#000;}
.top_wrap.fune02 ul.site_menu li.on{position:relative;background:#fff;border:1px solid #000;}
.top_wrap.fune02 ul.site_menu li.on::after{position:absolute;content:'';left:0;bottom:-1px;width:100%;height:1px;background:#fff;}
.top_wrap.fune02 ul.site_menu li.on a{font-weight:500;}
.top_wrap.fune02 ul.site_menu li.on::before{display:none;}

.top_wrap.fune02 ul.aside_menu li a.login{padding-right:40px;background:url(/nanum/site/builder/skin/funeral2/img/common/icon_login.gif)no-repeat right 15px center;}
.top_wrap.fune02 ul.aside_menu li a.logout{padding-right:40px;background:url(/nanum/site/builder/skin/funeral2/img/common/icon_logout.gif)no-repeat right 15px center;}
.top_wrap.fune02 ul.aside_menu li a.mypage{position:relative;padding-right:40px;background:url(/nanum/site/builder/skin/funeral2/img/common/icon_mypage.gif)no-repeat right 15px center;}
.top_wrap.fune02 .wsize ul li a{color:#000;}
/*//장례식장2*/


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

/*장례식장->*/.top_wrap.fune .wsize{width:100%;}	

}


/********************태블릿********************/
@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){
	
}