@charset "utf-8";

:root {
    /*회원관리(회원가입,정보수정,로그인로그아웃,관리자 버튼) 색상*/
    --color2: #D9D9D9;
}
.menu_on { background-color: white; border-radius: 50%; width:25px; height:25px; text-align: center; line-height: 25px; margin:5px; cursor: pointer; transition: all 0.2s; color:black; font-size: 10px !important;}
.menu_on:hover {background-color: #888;}


.gnbWrap * {transition: all ease 0.18s;}

.gnbWrap .mnu ul {display: flex; flex-direction: column;}
.gnbWrap .mnu ul li::before {content: ""; border-radius: 50%; width: 8px; z-index: 2; height: 8px; display: inline-block; position: relative;}
.gnbWrap .mnu ul li {margin-bottom:26px; position: relative; }
.gnbWrap .mnu ul li:hover {letter-spacing: 1px; }

.gnbWrap .mnu ul li::after {content: ""; display: block; position: absolute; z-index: 1; left:4.0px; top:10px; width: 1px;height: 44px;}
.gnbWrap .mnu ul li:last-child::after {display: none;}

.gnbWrap .mnu ul li:last-child {margin-bottom: 0;}

.gnbWrap .mnu ul li a {margin-left: 10px; display: inline-block;}

.mnu.theme-box {padding: 25px 30px;}

.mnu.theme-box,
.login_box.theme-box,
.logo_area.theme-box {margin-bottom:5px;}

.mnu,
.login_box,
.logo_area {width: 160px;}

.logo_area {width: 160px; height: 160px; background-size: cover;}

.login_box {font-size: 12px; text-align: center;}
.login_box .nickname {font-size: 14px;line-height: 100%;}

.login_box .btn_list {line-height: 150%;}
.login_box .btn_list li {display: inline-block;}
.login_box .btn_list li a::before {content: "·"; margin:0 3px;color:var(--color2);}
.login_box .btn_list li:first-child a:before {display: none;}
.login_box .btn_list li a {color:var(--color2);}

.bgm-btn {float: right;}


#body > .fix-layout > .mid-layout {display: block !important; margin-top: 15vh; margin-left:3vw; min-height: 50vh; margin-bottom: 5vh; }


#body > .fix-layout > .mid-layout.theme-box::before {
    content: "";
    width: 100%;
    height: 35px;
    position: absolute;
    top:0;
    left:0;
    border-radius: 9px 9px 0px 0px;
}

@media all and (max-width:1025px) {
    #body > .fix-layout > .mid-layout {height: auto; min-height: 50vh; width: 98%; margin:6vh auto;}
    #body > .fix-layout > .mid-layout > .inside {height: auto; overflow: auto; padding: 35px; margin-top: 35px;}
}