/*헤더*/
header { width:100%; border-bottom:2px solid #236ab9; }
header > .header-inner {  display: flex; align-items: center; height:69px; margin:0 auto; position:relative; }
header > .header-inner h1{ cursor: pointer; width:200px; margin-left:18px;}
header > .header-inner h1 img {width:100%}
header > .header-inner ul { position:absolute; right:10px; bottom:5px; }
header > .header-inner ul li  { float:left; padding:30px 0 0 25px; color:#9ca0a6; text-align:center; cursor: pointer; }
header > .header-inner ul li P { padding-top:3px; }
@media all and (max-width:767px)
{
    header > .header-inner {height:59px;}
    header > .header-inner h1 {width:140px; margin-left:10px;}
    header > .header-inner ul li {padding:30px 0 0 10px;}
    header > .header-inner ul li#management_noti {overflow:hidden; width:50px;}
}
 


/* 타이틀 */	
.menu-header { margin:0 auto; background:#fff; width:100%; }
.all-menu { display:flex; align-items: center; border-bottom:1px solid #e5e5e5; padding:25px 18px 14px 18px; letter-spacing:-2px;  }
.menuall { margin-left:10px; font-size:17px; color:#333; }
.titlesub { font-size:20px; margin-left:auto; }
#userNm { font-size:27px;  }
@media all and (max-width:767px)
{
	.all-menu {padding:14px 16px; }
    .menuall {display:none;}
    .titlesub {font-size:14px;}
    #userNm { font-size:20px;  }
}

/* 전체 메뉴바 삼선 디자인 */	
.containerbar {
  display: inline-block;
  cursor: pointer;
}

.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #333;
  border-radius:3px;
  margin: 6px 0;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-8px, 7px);
  width:33px;
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
  width:33px;
}

/* 전체 메뉴바 transform Y*/	
.sub-menu-parent { position: relative; }

#show { 
  display:none;
  position: absolute;
  top: 79px;
  left: 0;
  width: 100%;
  z-index: 100;
  display: none;
}

.aui-grid-cell-edited-marker {
	width: 0px;
	height: 0px;
	border-left: 4px solid transparent;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px solid transparent;
}

/*  서브 메뉴 디자인 */	
nav { letter-spacing:0; position:relative; }
nav a { color: #fff; display: block; text-decoration: none; }
nav a:hover { color: #d8e9fc; }

ul.sub-menu { background:#236ab9; display:flex; flex-wrap: wrap; justify-content: space-between; justify-content: flex-start; padding:10px 0; color:#fff; letter-spacing:0; }
ul.sub-menu li { width:200px; padding:15px; box-sizing: border-box; }
ul.sub-menu dt { font-size:16px; text-align:center; padding-bottom: 15px; margin-bottom:15px;  font-weight:normal;position: relative; }
ul.sub-menu dt:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #fff;
    opacity: 0.2;
}

ul.sub-menu dd { line-height:22px; text-indent:30px; font-size:14px; cursor:pointer;}
ul.sub-menu .closeall { font-size:12px; padding:6px; color:#fff;  background:#0a396e; position:absolute;bottom:0;right:0; cursor:pointer; }

 
/* 타이틀 _ 서브 (회원정보/거래원장/거래명세서)*/
.title {  width:1200px; margin:0 auto; font-size:20px; border-bottom:1px solid #e5e5e5; padding:25px 0 14px 0; letter-spacing:-2px; z-index:400; } 
.titlesub i { padding-right:8px; color:#236ab9; font-size:25px;}


/* 하단 */
#footer div.footer_wrap { clear:both; position:relative; }
#footer div.sub_wrap { width:100%; background:#f5f5f5; padding:10px 0; border:1px solid #d7d7d7; border-left:none;border-right:none; }
#footer ul.sub_menu { width:100%; margin:0 auto; text-align:center;font-size:13px; }
#footer ul.sub_menu li { display:inline-block; cursor : pointer;}
#footer ul.sub_menu li a { padding: 0 52px; color:#333; }
#footer ul.sub_menu li a:hover { color:#3878c0; }
@media all and (max-width:767px)
{
    #footer ul.sub_menu li a {padding:0 20px;}
}
/* .sns { position:relative; }
.toggle { display:none; position:absolute; bottom:28px; left:0;  border:1px solid #d7d7d7; text-align:left; background:#fff;}
.toggle li { line-height:38px;  }
.toggle li a { color:#444; padding:10px 0 0 15px !important; } */

#footer div.company_wrap { width:100%; display: flex; align-items: center; }
#footer ul.address { width:640px;margin:0 auto; font-size:13px; position:relative;padding: 40px 0; }
#footer div.company_wrap img { position:absolute; left:0; top:40%; }
#footer div.company_wrap li { padding-left:150px; }

.page-wrapper-shadow {
    background: rgba(255, 255, 255, 0);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 899;
    display: none;
}


/*전체메뉴 menu*/
.all-menu > input { position: fixed; left: -9999px;  }
.all-menu > label { margin:0; padding:0; z-index:900 !important;}

.all-menu { position:relative; }

.all-menu .submenu { 
	
	 position: absolute;  
	 left:0; 
	 top:78px;  
	 width: 260px;  
	 transform: scaleY(0);  
	 transform-origin: top;  
	 transition: all 0.3s;  
	 background:#fff; 
	 border:1px solid #e5e5e5; 
	 border-bottom:none; /*라인 겹치지 않게 하기 위해 바닥면 보더 없앰*/ 
	 z-index:900 !important 
	}

.all-menu .submenu li a { 
	line-height:50px; 
	font-size:14px; 
	letter-spacing:0px; 
	text-indent:25px; 
	border-bottom:1px solid #e5e5e5;
	display:block; 
	color:#666; 
	}

.all-menu #menuBtn:checked ~ .submenu { transform: scaleY(1); }

/* 바로가는 화살표 아이콘 */
ul.shortcut > li a.has-click { background:url('../../images/home/ic_menu_go_arrow.png') no-repeat 93% center; }
ul.shortcut > li a:hover { background:#236ab9 url('../../images/home/ic_menu_go_arrow_hover.png') no-repeat 93% center; color:#fff; }

/* 메뉴 열기 +  아이콘 */
ul.shortcut > li.has-sub-toggle > a { background:url('../../images/home/ic_menu_open_plus.png') no-repeat 93% center; }
ul.shortcut > li.has-sub-toggle > a:hover { background:#236ab9 url('../../images/home/ic_menu_open_plus_hover.png') no-repeat 93% center; color:#fff; }

/* 메뉴 열기 -  아이콘 */
ul.shortcut > li.has-sub-toggle.active > a { background:url('../../images/home/ic_menu_close_minus.png') no-repeat 93% center; }
ul.shortcut > li.has-sub-toggle.active > a:hover { background:#236ab9 url('../../images/home/ic_menu_close_minus_hover.png') no-repeat 93% center; color:#fff; }

/* Admin 하위메뉴 */
.submenu .submenu2 { display:none; background: #f9f9f9; }
.submenu .submenu2 li:last-child { border-bottom:1px solid #e5e5e5; }
.submenu .submenu2 li a { background:url('../../images/home/ic_menu_go_arrow.png') no-repeat 93% center; text-indent:35px; font-size:13px; line-height:40px;border:none;  }
.submenu .submenu2 li a:hover { background:#236ab9 url('../../images/home/ic_menu_go_arrow_hover.png') no-repeat 93% center; color:#fff;}
ul.shortcut > li.has-sub-toggle.active .submenu2 { display: block; }