#header{position:sticky;top:0;left:0;padding:0 20px;display:flex;justify-content:space-between;align-items:center;width:100%;height:70px;background:#fff;z-index:100;box-sizing:border-box;}
#header #logo a{display:block;}
#header #logo a img{height:42px;object-fit:contain;}

#header > #gnb,
.mo_menu,
#nav_menu{display:none !important;}

.head_right{display:flex;gap:5px;}
.cirline{width:34px;height:34px;border:1px solid #000;border-radius:50%;box-sizing:border-box;cursor:pointer;}
#sideMenu .cirline{position:relative;top: 0;display:flex;justify-content:center;align-items:center;border-color:#b3b3b3;z-index: 41;overflow:hidden;transition:all 0.4s}
#sideMenu .cirline.on{top:15px;background:#fff;border-color:#fff;transition:all 0.4s}
.cirline.bgok{position:relative;display:block;font-size:0;background:#000 no-repeat center;}
.cirline.bgok:hover:before{position:absolute;bottom:-35px;left:50%;display:inline-block;padding:7px 10px;font-weight:700;font-size:1.2rem;line-height:1;color:#fff;background:#000;border-radius:5px;transform:translateX(-50%);}
.cirline.bgok:hover:after{position:absolute;bottom:-9px;left:calc(50% - 7px);content:'';width: 0;height: 0;border-style: solid;border-width: 0px 7px 7px 7px;border-color: transparent transparent #000 transparent;}

.cirline.bgok.login_btn{background-image:url(/img/common/login.png);background-size:17px}
.cirline.bgok.login_btn:hover:before{content:'로그인';}
.cirline.bgok.sys_btn{background-image:url(/img/common/sysicon.png);background-size:21px}
.cirline.bgok.sys_btn:hover:before{content:'관리자페이지';}
.cirline.bgok.logout_btn{background-image:url(/img/common/logout.png);background-position: center left 9px;background-size:17px}
.cirline.bgok.logout_btn:hover:before{content:'로그아웃';}


#nav-icon3{width:100%;height:100%;position:relative;margin-top:0px;transform:rotate(0deg);transition:0.5s ease-in-out;cursor:pointer;z-index:99;}
#nav-icon3 span{display:block;position:absolute;left:calc(50% - 7px);height:2px;width:14px;background:#000000;border-radius:9px;opacity:1;transform:rotate(0deg);transition:0.25s ease-in-out;z-index:99;}
#nav-icon3 span:nth-child(1){top:9px;}
#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3){top:15px;}
#nav-icon3 span:nth-child(4){top:21px;}
#nav-icon3.open span:nth-child(1){top:18px;width:0%;left:50%;}
#nav-icon3.open span:nth-child(2){transform:rotate(45deg);}
#nav-icon3.open span:nth-child(3){transform:rotate(-45deg);}
#nav-icon3.open span:nth-child(4){top:18px;width:0%;left:50%;}

/*.nav-box{border-top:1px solid #ccc;text-transform:uppercase;padding-bottom:20px;}
.icon{text-align:center;}
.icon>div>div{display:flex;justify-content:center;align-items:end;padding-top:20px;border-top:1px solid #ccc;}
.icon>div>div>div{position:relative;padding-right:40px;padding-left:40px;transition:0.3s;}
.icon>div>div div::after{content:'';position:absolute;display:block;top:50%;right:0;transform:translate(0, -50%);width:1px;height:50px;background:#ccc;}
.icon>div>div div:last-child::after{display:none;}
.icon>div>div>div:hover{color:#555;}
.icon p{font-size:0.9rem;word-break:nowrap;}
.icon i{color:black;transition:.3s;}
.icon i:hover{color:#555;}*/

/* 모바일메뉴 */
#sidebar{position:absolute;width:100%;height:100vh;background:#fff;right:-3000px;transition:.4s;z-index:40;font-size:2rem;text-align:left;padding:0px 15px;overflow-y:auto;overflow-x: hidden;box-sizing:border-box;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;}
#sidebar.act{top:0;right:0px;border-top:1px solid #dfdfdf;box-sizing:border-box;}
#sidebar .menu_tit{position:relative;display: flex;align-items: center;height:100px;font-size:1.8rem;font-weight:400;color:#fff;}
#sidebar .menu_tit a{color:#fff;}
#sidebar .menu_tit:before{content:'';position:absolute;top:0;left:-20px;width:calc(100% + 40px);height:100%;background:#142893;z-index:-1}
#sidebar .menu_tit:after{content:'';position:absolute;top:0;right:50px;width: 164px;height: 119px;background: url(/img/common/left_bg.png) no-repeat center / contain;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(101deg) brightness(105%) contrast(101%);opacity: 0.6;}
#sidebar .menu_tit strong{font-size:2rem;}
/*#sidebar ul li a{list-style:none;color:#000;text-decoration:none;width:100%;}
#sidebar > :nth-child(1) div ul{display:flex;}
#sidebar > :nth-child(1) div ul li a{font-weight:400;font-size:1rem;margin-right:10px;}
#sidebar > :nth-child(1) div ul> :nth-child(1) a{border-right:1px solid #ccc;padding-right:10px;}
#sidebar > :nth-child(1)> :nth-child(3) input[type="text"]{width:300px;height:50px;font-size:16px;margin-top:15px;margin-bottom:20px;padding-left:12px;border-radius:0;border:1px solid #ccc;background:url(https://cdn-icons-png.flaticon.com/128/13/13267.png) no-repeat 95% center;background-size:7%;}*/

/*#sidebar #mmenuw {margin:20px auto 50px;border-radius:15px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
#sidebar #mmenuw ul{display:flex;}
#sidebar #mmenuw ul li{position:relative;width:0;flex-grow:1;}
#sidebar #mmenuw ul li:not(:first-child):before{content:'';position:absolute;top:30px;left:0;width:1px;height:20px;background:#ddd;z-index:1;}
#sidebar #mmenuw ul li button{position:relative;display:flex;gap:7px;flex-direction:column;padding:12px 10px;width:100%;font-size:1.6rem;background:#fff;border:0;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor:pointer;}
#sidebar #mmenuw ul li.on button strong{position: relative;color:#235fd2;z-index:1;}
#sidebar #mmenuw ul li.on button strong:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 40%;background:#cfedf9;z-index: -1;}
#sidebar #mmenuw ul li button:before{content:'';display:block;width:100%;height:30px;background:no-repeat center / contain;}
#sidebar #mmenuw ul li:nth-child(1) button:before{background-image:url(/img/common/mmenu1.png);}
#sidebar #mmenuw ul li:nth-child(2) button:before{background-image:url(/img/common/mmenu2.png);}
#sidebar #mmenuw ul li:nth-child(3) button:before{background-image:url(/img/common/mmenu3.png);}
#sidebar #mmenuw ul li:nth-child(4) button:before{background-image:url(/img/common/mmenu4.png);}
#sidebar #mmenuw .free-badge{position:absolute;top: 10px;right: 10px;display: inline-block;padding:4px 10px;font-size: 1.1rem;line-height:1;font-weight: 700;color: #fff;background:#235fd2;border-radius: 50px;}
#sidebar div ul li .fade-boxw{position:absolute;top:100px;left:0;display:none;padding:0 10px 15px;font-size: 1.5rem;}
#sidebar div ul li .fade-boxw .menu-ico{display:none;}
#sidebar div ul li .fade-boxw .menu-icon-grid{display:flex;gap:7px;flex-direction: column;}
#sidebar div ul li .fade-boxw .menu-icon-grid .menu-text{font-weight:600;color:#000;}
#sidebar .com_menu{transition:all 0.5s}
#sidebar .com_menu.mactive{padding-top:100px}
#sidebar .com_menu li{position:relative;font-size:1.7rem;font-weight:500;}
#sidebar .com_menu li a{display:block;padding:8px 0;}
#sidebar .com_menu li::after{content:'…';position:absolute;right:0;top:calc(50% - 5px);font-size:1.4rem;line-height:1;transform: translateY(-50%);}*/

#sidebar #mmenuw{margin-top:30px;margin-bottom:30px;overflow-y:visible}
#sidebar #mmenuw .jsMmenu{padding:0 10px 20px;margin-bottom:20px;border-bottom:1px solid #dfdfdf}
#sidebar #mmenuw .free-badge{display: inline-block;padding:5px 10px;font-size: 1.1rem;line-height:1;font-weight: 700;color: #fff;background:#235fd2;border-radius: 50px;}
#sidebar #mmenuw ul li .titmenu{position:relative;display:flex;gap:10px;align-items: center;}
#sidebar #mmenuw ul li .titmenu:before{content:'';display:block;width:34px;height:34px;background:no-repeat center left / contain;}
#sidebar #mmenuw ul li .titmenu > a:after{content:'';position:absolute;top:50%;right:0;width:12px;height:17px;background:url(/img/common/menu_arr.png) no-repeat center / contain;transform:translateY(-50%)}
/*#sidebar #mmenuw ul li:nth-child(1) .titmenu:before{background-image:url(/img/common/mmenu1.png);}
#sidebar #mmenuw ul li:nth-child(2) .titmenu:before{background-image:url(/img/common/mmenu2.png);}
#sidebar #mmenuw ul li:nth-child(3) .titmenu:before{background-image:url(/img/common/mmenu3.png);}
#sidebar #mmenuw ul li:nth-child(4) .titmenu:before{background-image:url(/img/common/mmenu4.png);}*/
#sidebar #mmenuw ul li:nth-child(1) .titmenu:before{background-image:url(/img/common/micon_1.png);}
#sidebar #mmenuw ul li:nth-child(2) .titmenu:before{background-image:url(/img/common/micon_2.png);}
#sidebar #mmenuw ul li:nth-child(3) .titmenu:before{background-image:url(/img/common/micon_3.png);}
#sidebar #mmenuw ul li:nth-child(4) .titmenu:before{background-image:url(/img/common/micon_4.png);}
#sidebar #mmenuw ul li:nth-child(5) .titmenu:before{background-image:url(/img/common/micon_5.png);}
#sidebar #mmenuw ul li:nth-child(6) .titmenu:before{background-image:url(/img/common/micon_6.png);}
#sidebar #mmenuw ul li:nth-child(7) .titmenu:before{background-image:url(/img/common/micon_7.png);}
#sidebar #mmenuw ul li .titmenu  a{width:100%;}
#sidebar div ul li .fade-boxw .menu-icon-grid{display:flex;gap:3px 10px;flex-wrap:wrap;margin:5px 0 0 45px;}
#sidebar div ul li .fade-boxw .menu-icon-grid a{width:calc(50% - 5px);color:#222;}
#sidebar div ul li .fade-boxw .menu-icon-grid .menu-text{font-weight:600;font-size: 1.6rem;color:#000;}
#sidebar div ul li .fade-boxw .menu-ico{display:none;}


#sidebar .member_mbox{position: relative;margin-top:30px;margin-bottom:40px;font-size:1.6rem;padding-bottom:20px;}
#sidebar .member_mbox > ul{display:flex;flex-wrap:wrap;padding:10px 0;background:#f5f5f5;border-radius:15px;}
#sidebar .member_mbox > ul li{position:relative;width:33.333%;text-align:center;}
#sidebar .member_mbox > ul li:not(:nth-child(3n+1)):before{content:'';position:absolute;top:50%;left:0;width:1px;height:20px;background:#ddd;transform:translateY(-50%);z-index:1;}
#sidebar .member_mbox > ul li a{display:block;padding:10px 5px;font-weight:500;color:#222;}

#sidebar .member_mbox .withdraw_t{position:relative;margin-top: 30px;padding-top:20px;border-top:1px dashed #dfdfdf;text-align:center;}
#sidebar .member_mbox .withdraw_t a{display:inline-block;font-size: 1.4rem;color: #444;}


.sns_wr{position:relative;margin:50px 0;text-align: center;z-index: 1;}
.sns_wr:before{content:'';position:absolute;top:10px;left:0;right:0;width:100%;height:2px;background:#000;z-index:-1;}
.sns_wr dl{display: inline-block;padding:0 20px;background:#fff;text-align:center;}
.sns_wr dl dt{font-size:1.8rem;font-weight:700;}
.sns_wr dl dd{margin-top:5px;font-size:1.6rem;color:#333;}
.sns_wr ul{display:flex;gap:15px;justify-content: center;align-items: center;margin-top: 30px}
.sns_wr ul li a{display:flex;text-indent:-999999px}
.sns_wr ul li a:before{content:'';display:block;width:48px;height:48px;background:no-repeat center / contain;}
.sns_wr ul li a.kakao:before{background-image:url(/img/common/sns_kakao.png);}
.sns_wr ul li a.naver:before{background-image:url(/img/common/sns_naver.png);}
.sns_wr ul li a.google:before{background-image:url(/img/common/sns_google.png);}

  
@media screen and (min-width: 1025px) and (max-height: 850px) {

#sidebar{min-height:900px;}

}

@media screen and (max-width: 480px) {

#sidebar{position:fixed;height:100vh;height:100dvh;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;}
#sidebar #mmenuw ul li button,
#sidebar .member_mbox{font-size:1.5rem;}
#sidebar div ul li .fade-boxw .menu-icon-grid{gap:5px;}


}

@media screen and (min-width: 1025px){

#sidebar div ul li .fade-boxw .menu-icon-grid .menu-text:hover{color:#235fd2;text-decoration:underline;text-underline-position:under;}

}