.btn-left {
    display:flex;
    align-items:center;
    column-gap:10px;
}
.btn-center {
    display:flex;
    justify-content:center;
    column-gap:10px;
}
.btn-right {
    display:flex;
    justify-content:end;
    column-gap:10px;
}


/* 로그인 버튼 */
.mbtn_login_box {
    display:flex;
    column-gap:10px;    
}
.mbtn_login_box > * {
    flex:1;
}


/* [공통] */
.mbtn {
    display:inline-block;
    height:4.8rem;
    line-height:4.8rem;
    padding:0 1.5rem;
    border-radius:5px;
    text-align:center;
    font-size:1.6rem;
    color:#fff;
    background:var(--grey-bg);
    white-space:nowrap;
}
.mbtn.scolor {
    background:var(--symbol-color);
}
.mbtn.black {
    background:var(--black-bg);
}
.mbtn.white {
    background:#fff;
    border:solid 1px var(--grey-txt);
    color:var(--grey-txt);
}
.mbtn.share {
    padding:0 0;
    border:solid 1px #000;
    color:#000;
    background:#fff;
}
.mbtn.share span {
    display:inline-block;
    line-height:2.1rem;
    padding-left:2.5rem;
    background:url("../img/loc_share.png") no-repeat left center;
    background-size:auto 2.1rem;
}
.mbtn.down span {
    display:inline-block;
    line-height:2.1rem;
    padding-right:5rem;
    background:url("../img/icon_down_white.png") no-repeat right center;
    background-size:auto 1.8rem;
}




/* 바로가기 */
.sbtn {
    display:inline-block;
    padding:0 1rem;
    height:3.2rem;
    line-height:3.2rem;
    border-radius:5px;
    text-align:center;
    font-size:1.4rem;
    color:#fff;
    font-weight:600;
    background:var(--grey-bg);
}




/* 텍스트 복사하기 */
.tbtn {
    display:inline-block;
    padding:0 1.5rem;
    height:4.8rem;
    line-height:4.8rem;
    border-radius:5px;
    text-align:center;
    font-size:1.6rem;
    color:#fff;
    font-weight:600;
    background:#112c57;
    white-space:nowrap;
}
.tbtn span {
    display:inline-block;
    padding-right:3rem;
    background:url("../img/btn_icon_copy.png") no-repeat right center;
    background-size:1.7rem auto;
}




/* 아이디 찾기 / 비밀번호 찾기 */
.find_btn_box {
    margin-top:5rem;
    width:38rem;
    display:flex;
    column-gap:10px;
    margin:5rem auto 0;
}
.find_btn_box > * {
    flex:1;
}





/* 회원등록 */
.mbtn_join_box {
    display:flex;
    column-gap:10px;
}
.mbtn_join_box .cancel {
    width:14rem;
}
.mbtn_join_box .reg-ok {
    flex:1;
}




/* 리스트 하단 버튼 */
.list-btn-wrap {
    margin-top:4rem;
    display:flex;
    justify-content:flex-end;
    column-gap:10px;
}







/* 게시판 보기 버튼 */
.vbtn {
    display:inline-block;
    text-align:center;
    padding:0 1.5rem;
    height:4rem;
    line-height:4rem;
    border-radius:5px;
    text-align:center;
    font-size:1.6rem;
    color:#fff;
    background:var(--grey-txt);
    border:solid 1px var(--grey-txt);
    white-space:nowrap;
}
.vbtn.white {
    background:#fff;
    color:var(--grey-txt);
}



/* 게시판 보기 버튼 */
.view-btn-wrap {
    border-top:solid 1px #ddd;
    margin-top:4rem;
    padding-top:3rem;
    display:flex;
    align-items:center;
}
.view-btn-wrap.center {
    justify-content:center;
}
.view-btn-wrap .left {
    display:flex;
    column-gap:10px;
}
.view-btn-wrap .right {
    display:flex;
    column-gap:10px;
    margin-left:auto;
}
.view-btn-wrap .vbtn {
    min-width:8rem;
}





/* 스위치 버튼 */
.subtitle-btn {
    position:relative;
    height:2rem;
    line-height:2rem;
    font-size:1.8rem;
    color:#000;
    font-weight:600;
    padding-left:4.5rem;    
}
.subtitle-btn::before {
    display:inline-block;
    content:"";
    width:3.6rem;
    height:2rem;
    border-radius:100vw;
    background:#ccc;
    position:absolute;
    left:0;
    top:0;
}
.subtitle-btn.active::before {
    background:var(--symbol-color);
}
.subtitle-btn::after {
    display:inline-block;
    content:"";
    width:1.6rem;
    height:1.6rem;
    border-radius:100vw;
    background:#fff;
    position:absolute;
    left:0.2rem;
    top:50%;
    transform:translateY(-50%);
    transition:left 0.3s;
}
.subtitle-btn.active::after {
    left:1.8rem;
}





/* 당원 아이콘 */
/* 책임 당원 */
.r_member {
    font-style:normal;
    display:inline-block;
    padding:0 0.5rem;  
    vertical-align:middle;
    line-height:2.1rem;
    background:var(--symbol-color);
    color:#fff;
    font-size:1.2rem;
    border-radius:0.4rem;
    font-weight:300;
}
/* 일반 당원 */
.g_member {
    font-style:normal;
    display:inline-block;
    padding:0 0.5rem;    
    vertical-align:middle;
    line-height:2.1rem;
    background:#00b5e2;
    color:#fff;
    font-size:1.2rem;
    border-radius:0.4rem;
    font-weight:300;
}
/* 탈당 당원 */
.o_member {
    font-style:normal;
    display:inline-block;
    padding:0 0.5rem;  
    vertical-align:middle;
    line-height:2.1rem;
    background:#fff;
    border:solid 1px var(--grey-txt);
    color:var(--grey-txt);
    font-size:1.2rem;
    border-radius:0.4rem;
    font-weight:300;
}





/* 더보기 */
.btn_more {
    margin-top:3rem;
    text-align:center;
}
.btn_more button,
.btn_more a {
    width:10rem;
}