.needpopup-opened,.needpopup-opened body{overflow:hidden}
.needpopup-opened.needpopup-scrolled,.needpopup-opened.needpopup-scrolled body{height:auto} 


.needpopup_wrapper{position:fixed;z-index:999999999999999;top:0;left:0;visibility:hidden;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0;background:#000;background:rgba(0,0,0,.8)}


.needpopup-opened .needpopup_wrapper{visibility:visible;opacity:1}
 

.needpopup {position:relative;z-index:9999; top:50%;left:50%; display:none;-webkit-box-sizing:border-box;box-sizing:border-box; width:90%; max-width:700px;   padding:35px; opacity:0;background:#fff; max-height:78vh; overflow-y:auto}
 

.needpopup.opened {opacity:1; top:50%; left:50%; transform:translate(-50%, 0);}

.needpopup.stacked{top:0!important;margin-top:0!important}
.needpopup-overflow .needpopup{left:0;width:auto;margin-left:0}

.needpopup .needpopup_remover {top:30px; right:30px; position:absolute; font-size:30px; font-weight:200; color:#111; width:25px; height:25px; display:flex; align-items:center; justify-content:center; border-radius:5px; z-index:9999999999999  }
.needpopup .needpopup_remover:hover{color:#ccc}
.needpopup_remover:before{content:'\f00d';  /*유니코드 붙여넣기*/  font-family:"Font Awesome 5 Free"; /*폰트어썸 fas, far 글꼴 연결*/
  font-weight:600; /*폰트어썸 굵기 Solid Style(fas) 600필수*/  margin-bottom:4px}

.needpopup .scroll_div {max-height:60vh; width:100%; overflow-y:auto; box-sizing:border-box; padding-right:30px; font-size:.89em; color:#424242; line-height:1.3}
.needpopup {font-size:1em; line-height:1.5}
.needpopup h3 {font-size:1.11em; margin-bottom:30px }
 
  
.board_view.needpopup {max-width:1100px; } 
 
.needpopup .checkbox-tile   { font-size:.95em}
.needpopup .contatct_form > div h4 {font-size:1.1em}


.needpopup.mnavi { top:0;left:0;  width:100vw;  max-width:100vw; border-radius:0;  min-height:100vh; padding:20px }
.mnavi.opened {width:100vw; height:100vh;  max-width:350px; margin-top:0 !important;  top:0 !important; left:0; transform:translate(0, 0) !important;}

 
/* 1depth */
.m_nav_list {margin-top:60px}
.m_nav_list > li{
  border-bottom:1px solid #edf0f4;
}

.m_nav_list > li > span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:58px;
  font-size:17px;
  font-weight:700;
  color:#111827;
  cursor:pointer;
}

.m_nav_list > li > span a{
  display:block;
  width:100%;
  color:#111827;
  text-decoration:none;
}

/* 하위메뉴가 있는 항목 화살표 */
.m_nav_list > li:has(ul) > span::after{
  content:"";
  width:8px;
  height:8px;
  border-right:2px solid #9ca3af;
  border-bottom:2px solid #9ca3af;
  transform:rotate(45deg);
  transition:transform .25s ease;
}

.m_nav_list > li.open > span::after{
  transform:rotate(-135deg);
}

/* 2depth */
.m_nav_list > li > ul{
  display:none;
  list-style:none;
  margin:0;
  padding:0 0 14px;
}

.m_nav_list > li.open > ul{
  display:block;
   background:#f7f8fa;
   padding:15px 0
}

 

.m_nav_list > li > ul > li > a{
  display:block;
  padding:3px 14px;
  border-radius:10px;
 
 
  color:#4b5563;
  text-decoration:none;
  transition:all .2s ease;
}
 
 


@media all and (max-width:1300px) {
	.needpopup {padding:20px 15px}
	.needpopup .in {padding:0}

}