body {position:relative;}
body.expand { overflow-x:hidden; }
body.expand #aside { visibility:visible; overflow-x:hidden; }
body.expand #layoutDimmed { display:block; }
body.expand #aside { right:0; }

#aside { z-index:1001; visibility:hidden; position:fixed; top:0px; bottom:0; overflow:auto; overflow-x:hidden; min-width:225px; width:458px; background-color:#fff; transition:400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);}
#aside .btnClose { position:absolute; color:#000; font-size: 0;}
#aside .btnClose i {font-size:24px; color:#000;}

.navigation-menu__member { border-bottom:1px solid #000; }
.navigation-menu__member a { display:inline-block; font-weight:bold; text-transform: uppercase; text-decoration:none; }
.navigation-menu__category .categoryList ul { display:none; }
.navigation-menu__category .categoryList li { position:relative; }
.navigation-menu__category .categoryList li.selected > ul { display:block; }
.navigation-menu__category .categoryList > li.selected .slideSubMenu { padding:0 0 0 10px; }
.navigation-menu__category .categoryList > li.selected .slideSubMenu a.view { color: #595959;  }
.navigation-menu__category .categoryList > li.selected .slideSubMenu ul { padding:0 0 0 20px; }
.navigation-menu__category .categoryList > li.selected .slideSubMenu ul a.view { color: #929292; }
.navigation-menu__category .categoryList a.cate,
.navigation-menu__project .icoCategory { position:absolute; right:0; top:0; word-wrap:break-word;overflow:hidden; width:48px; height:48px; font-size:1px; line-height:1px; color:transparent; text-indent:150%; white-space:nowrap;  }
.navigation-menu__category .categoryList a.cate:before,
.navigation-menu__project .icoCategory:before { content:""; display:block; width:10px; height:10px; margin:18px auto 0; border-left:1px solid #929292; border-bottom:1px solid #929292; -webkit-transition:.3s ease-out; transition:.3s ease-out;-webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.navigation-menu__category .categoryList li.selected > a.cate:before,
.navigation-menu__project .selected .icoCategory:before { margin-top:22px; -webkit-transform:rotate(135deg); transform:rotate(135deg); }
.navigation-menu__category .categoryList li.noChild > a.cate { display:none; }
.navigation-menu__category .icoBookmark { display:none; }
.navigation-menu__project { border-top:1px solid #ebebeb; }
.navigation-menu__project .title { position:relative; display:block; padding:15px 0; font-size:18px; }
.navigation-menu__board { border-top:1px solid #ebebeb; }

/********************* Mobile *********************/
@media all and (max-width:767px) {
    body.expand { right:292px; position:fixed; }
    #aside { right:-292px;  width:292px; }
    #aside .btnClose { top:25px; right:17px; width:18px; height:18px; }
    #aside .btnClose .icon { width:23px; height:23px; margin: -2px 0 0 -2px; }
    #aside .btnClose .icon:before { right:11px; height:23px; }
    #aside .btnClose .icon:after {top:11px; width:23px; }
    .navigation-menu__member { padding:79px 0 30px 16px; }
    .navigation-menu__member a { margin:0 10px 0 0; font-size:14px; }
    .navigation-menu__board,
    .navigation-menu__category,
    .navigation-menu__project { padding:13px 0 30px 16px; }
    .navigation-menu__board .menu a { display:block; padding:15px 0; font-size:16px; text-decoration:none;  }
    .navigation-menu__category .view,
    .navigation-menu__project .view { display:block; padding:15px 0; font-size:16px; text-decoration:none; }
    .navigation-menu .menu { margin:2px 0; }
}

/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
    .navigation-menu__member .count { display:inline-block; min-width:24px; padding:3px 4px 3px; font-size:13px; text-align:center; border:1px solid #000; border-radius:20px; box-sizing:border-box; }
}

/********************* Tablet *********************/
@media all and (min-width:768px) and (max-width:1024px) {
	#aside { right:-458px;  width:458px; }
}

/********************* Tablet / PC *********************/
@media all and (min-width:768px) {
    #aside .btnClose {  top:40px; right:50px;  width:25px; height:25px; }
    #aside .btnClose .icon { width:30px; height:30px; margin: -2px 0 0 -2px;}
    #aside .btnClose .icon:before { right:15px; height:30px; }
    #aside .btnClose .icon:after {top:15px; width:30px; }

}

/********************* PC *********************/
@media all and (min-width:1025px) {
    body.expand { right:458px; }
    #aside { right:-458px;  width:458px; }
}




/* 슬라이드 햄버거 메뉴 */
body.expand {right:0;}
#aside {right:-730px; width:730px;}
#aside .navigation-menu {padding:70px 4%; margin-top:-30px;}
#aside .btnClose {top:22px; right:25px;}
#aside .btnClose i {font-weight:400; font-size:30px;}

#aside .intro { padding:10% 0 7% 5%; background:#fff; border-bottom:0px solid #eee; }
#aside .intro .log {width:35%; padding:0 0 20px 0;}
#aside .intro .log img {width:100%;}

.scustom {width:90%; margin:0 auto; z-index:9; margin-top:15%; padding:0 0 0 0; }

.scustom h2 {display:table; font-size:16px; font-weight:500; color:#fff; letter-spacing:0px; background:#cea861; border-radius:100px; margin-bottom:10px; padding:3px 15px;}

.scustom h3 {display:table; font-size:32px; font-family: 'GmarketSansBold'; letter-spacing:0px; /* background:#195b9f; padding:5px 20px; */ border-radius:100px; margin-bottom:5px;}
.scustom h3 a {color:#cea861;}
.scustom i {display:none; color:#cea861; font-size:28px;  vertical-align:middle; margin-right:5px; margin-top:-2px; }







#aside .navigation_member .side_logo {display:flex; align-items:center; padding:0 0 30px 0;}
#aside .navigation_member .side_logo a {font-size:25px;}
#aside .navigation_member .side_logo img {max-width:180px; }

#aside .navigation_member {width:90%; margin:0 auto; background-color:#fff; text-align:left; margin:0 auto;}
#aside .navigation_member .navigation_state {display:flex; flex-wrap:wrap; margin:0px auto;}
#aside .navigation_member .navigation_state a {color:#000;}
#aside .navigation_member .navigation_state {text-align:left;}

#aside .navigation_member .navigation_state .person {width:100%; display:flex; flex-wrap: wrap; align-items: center;}

#aside .navigation_member .navigation_state .person .log {width:100%; display:flex; flex-wrap: nowrap;  }
#aside .navigation_member .navigation_state .person .log h3 {font-size:12px; font-weight:350; padding:2px 0 0 0;}

#aside .navigation_member .navigation_state .person h2 {font-size:16px; font-weight:650; color:#000 !important; margin-right:5px;}
#aside .navigation_member .navigation_state .person h3 {font-size:12px; font-weight:400; padding:0 0 0 0;}


#aside .navigation_member .navigation_state ul.my {width:100%; display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding:15px 0 0 0; }
#aside .navigation_member .navigation_state ul.my li {display:table; width:48%; border:1px solid #dbdee2; border-radius:5px; padding:5px 0; text-align:center; font-size:12px; font-weight:550;}

#aside .navigation_member .navigation_state ul.txt {width:100%; margin:0 auto; display:flex; flex-wrap: wrap; justify-content: center; align-items: center; padding:20px 0 15px 0; border-bottom:1px solid #eee;}
#aside .navigation_member .navigation_state ul.txt li {display:table; width:auto; padding:0 12px; text-align:left; font-size:12px; font-weight:450;}


#aside .navigation-menu__board,
#aside .navigation-menu__category,
#aside .navigation-menu__project {padding:0;border:0;}

#aside .navigation-menu__board .categoryList {display:block;}
#aside .navigation-menu__board ul li {margin:0px 0;}
#aside .navigation-menu__board ul li a,
#aside .navigation-menu__category .view,
#aside .navigation-menu__project .view {display:block;font-size:22px; font-weight:400; padding:5px 30px 5px 10px; color:#1a1a1a;word-break:keep-all;word-wrap:break-word;}

#aside .navigation-menu__category .categoryList li {margin:40px 0;}
#aside .navigation-menu__category .categoryList > li.selected .slideSubMenu li {margin:20px 0;}
#aside .navigation-menu__category .categoryList > li.selected .slideSubMenu {padding-left:20px;}
#aside .navigation-menu__category .categoryList > li.selected .slideSubMenu a.view {font-size:16px;color:#595959;}
#aside .navigation-menu__category .categoryList > li.selected .slideSubMenu ul a.view {font-size:16px;color:#595959;}
#aside .navigation-menu__category .categoryList > li.selected .slideSubMenu ul li ul a.view {font-size:14px;color:#929292;}
#aside .navigation-menu__board .icoCategory,
#aside .navigation-menu__category .categoryList a.cate,
#aside .navigation-menu__project .icoCategory {position:absolute;right:0;top:0;word-wrap:break-word;overflow:hidden;width:30px;height:30px;font-size:0;line-height:1px;color:transparent;text-indent:150%;white-space:nowrap;}
#aside .navigation-menu__board .icoCategory:before,
#aside .navigation-menu__category .categoryList a.cate:before,
#aside .navigation-menu__project .icoCategory:before {content:'';position:absolute;left:50%;top:50%;width:9px;height:1px;background:#444;margin:0 0 0 -4px;border:0;transform:rotate(0);}
#aside .navigation-menu__board .icoCategory:after,
#aside .navigation-menu__category .categoryList a.cate:after,
#aside .navigation-menu__project .icoCategory:after {content:'';position:absolute;left:50%;top:50%;width:1px;height:9px;margin:-4px 0 0 0;background:#444;}
#aside .navigation-menu__board .selected .icoCategory:before,
#aside .navigation-menu__category .categoryList li.selected > a.cate:before,
#aside .navigation-menu__project .selected .icoCategory:before {content:'';position:absolute;left:50%;top:50%;width:9px;height:1px;background:#444;margin:0 0 0 -4px;border:0;transform:rotate(0);}
#aside .navigation-menu__board .selected .icoCategory:after,
#aside .navigation-menu__category .categoryList li.selected > a.cate:after,
#aside .navigation-menu__project .selected .icoCategory:after {display:none;}
#aside .slide_line {margin:40px 0 35px;width:100%;height:1px;background-color:#ebebeb;}

#aside .navigation-menu__category .title,
#aside .navigation-menu__board .title,
#aside .navigation-menu__project .title {padding:0;font-size:16px;line-height:35px;height:35px;font-weight:550;color:#1a1a1a;position:relative;}
#aside .navigation-menu__project ul li {margin:40px 0;}



/* 카테고리 */
#aside .navigation-menu__category #slide_add_category a.cate {position:absolute;right:0;top:0;word-wrap:break-word;overflow:hidden;width:33px;height:33px;font-size:0;line-height:1px;color:transparent;text-indent:150%;white-space:nowrap;}
#aside .navigation-menu__category #slide_add_category a.cate:before {content:'';position:absolute;left:50%;top:50%;width:25px;height:1px;background:#444;margin:0 0 0 -12px;border:0;transform:rotate(0);}
#aside .navigation-menu__category #slide_add_category a.cate:after {content:'';position:absolute;left:50%;top:50%;width:1px;height:25px;margin:-12px 0 0 0;background:#444;}
#aside .navigation-menu__category #slide_add_category li.selected > a.cate:before {content:'';position:absolute;left:50%;top:50%;width:25px;height:1px;background:#444;margin:0 0 0 -12px;border:0;transform:rotate(0);}
#aside .navigation-menu__category #slide_add_category li.selected > a.cate:after {display:none;}
#aside .navigation-menu__category #slide_add_category li.noChild > a.cate {display:none;}
#aside .navigation-menu__category #slide_add_category ul { display:none; }
#aside .navigation-menu__category #slide_add_category li {position:relative;margin:40px 0;}
#aside .navigation-menu__category #slide_add_category li.selected > ul { display:block; }
#aside .navigation-menu__category #slide_add_category li.selected .sub_cate01 { padding:0 0 0 10px; }
#aside .navigation-menu__category #slide_add_category li.selected .sub_cate01 li {margin:20px 0;}
#aside .navigation-menu__category #slide_add_category li.selected .sub_cate01 a.view {font-size:16px; color:#595959;}
#aside .navigation-menu__category #slide_add_category li.selected .sub_cate01 ul { padding:0 0 0 20px; }
#aside .navigation-menu__category #slide_add_category li.selected .sub_cate01 ul a.view {font-size:16px;color:#595959;}

#aside .xans-layout-multishoplist {padding-top:20px;}
#aside .xans-layout-multishoplist .toggle {width: 100%;display: flex;justify-content: space-between;padding: 10px 13px 10px 10px;border: 1px solid #999; color:#111;}
#aside .xans-layout-multishoplist .toggle .icon.icoArrowBottom {margin-top:3px;border-color:#999;}
#aside .xans-layout-multishoplist.show .toggle .icon.icoArrowBottom {margin-top:7px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
#aside .xans-layout-multishoplist ul {visibility: hidden;}
#aside .xans-layout-multishoplist.show > ul {visibility: visible;}
#aside .xans-layout-multishoplist ul li.selected {display:none;}
#aside .xans-layout-multishoplist ul li {height:40px; border:1px solid #999; border-top:none; color:#000;}
#aside .xans-layout-multishoplist ul li a {display:block;width:100%;height:100%;line-height:40px;padding-left:10px;}



body.expand {position:relative;height:100%; min-height:100%; overflow:hidden !important; touch-action:none; }
#aside {right:-100%;width:100%;}

#aside .navigation-menu {padding:30px 4%;}
#aside .navigation_member {padding:45px 0 23px 0;}

#aside .navigation-menu__project ul li,
#aside .navigation-menu__board ul li,
#aside .navigation-menu__category .categoryList li {margin:0px 0;}

#aside .navigation-menu__board ul li a,
#aside .navigation-menu__category .view,
#aside .navigation-menu__project .view {font-size:15px; }

#aside .navigation-menu__category .categoryList > li.selected .slideSubMenu li {margin:5px 0;}
#aside .navigation-menu__category .categoryList > li.selected .slideSubMenu {padding-left:10px;}
#aside .navigation-menu__category .categoryList > li.selected .slideSubMenu a.view {font-size:14px;}
#aside .navigation-menu__category .categoryList > li.selected .slideSubMenu ul a.view {font-size:14px;}
#aside .navigation-menu__category .categoryList > li.selected .slideSubMenu ul li ul a.view {font-size:13px;}

/* 카테고리 */
#aside .navigation-menu__category #slide_add_category a.cate {position:absolute;right:0;top:0;word-wrap:break-word;overflow:hidden;width:30px;height:30px;font-size:0;line-height:1px;color:transparent;text-indent:150%;white-space:nowrap;}
#aside .navigation-menu__category #slide_add_category a.cate:before {content:'';position:absolute;left:50%;top:50%;width:9px;height:1px;background:#444;margin:0 0 0 -4px;border:0;transform:rotate(0);}
#aside .navigation-menu__category #slide_add_category a.cate:after {content:'';position:absolute;left:50%;top:50%;width:1px;height:9px;margin:-4px 0 0 0;background:#444;}

#aside .navigation-menu__category #slide_add_category li.selected > a.cate:before {content:'';position:absolute;left:50%;top:50%;width:9px;height:1px;background:#444;margin:0 0 0 -4px;border:0;transform:rotate(0);}
#aside .navigation-menu__category #slide_add_category li {position:relative;margin:5px 0;}
#aside .navigation-menu__category #slide_add_category li.selected .sub_cate01 li {margin:5px 0;}
#aside .navigation-menu__category #slide_add_category li.selected .sub_cate01 a.view {font-size:14px;}
#aside .navigation-menu__category #slide_add_category li.selected .sub_cate01 ul a.view {font-size:14px;}