@charset "utf-8";


:root {
    /*회원관리(회원가입,정보수정,로그인로그아웃,관리자 버튼) 색상*/
    --color2: #d6ceae;
    /*그라데이션 색상*/
   --color3: #d6ceae;
   --color4: #d6ceae;
   --font: 'Pretendard';
}
#header {z-index: 2;}
.theme-box {border-radius: 10px;}


#body > .fix-layout {display: block !important;  min-height: 50vh; margin-bottom: 5vh; }

#body > .fix-layout.theme-box::before {
   content: "";
   width: 100%;
   height: 35px;
   position: absolute;
   top:0;
   left:0;
   border-radius: 9px 9px 0px 0px;
   background: linear-gradient(90deg, var(--color3) 39.91%, var(--color4) 98.86%);

border-bottom: 1px solid;
border-color:#d6ceae;
}



@media all and (max-width:1025px) {
   #body > .fix-layout {height: auto; min-height: 50vh; width: 98%; margin:6vh auto;}
   #body {padding-top: 0; padding-left:0;}
   #gnb_control_box img {filter: brightness(0);}
}



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

.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;}
.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; font-family: var(--font);}

.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; background-position: center;}

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

.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;}


@media all and (max-width:1025px) {
    .gnbWrap { position: relative !important; top:0 !important; left:0 !important;}
    #body {padding:0 !important; margin:0 !important;}
}