/* 최상단 메뉴 아이콘 */
.top_right_box a i, .top_right_box span i { color:#e3ceb2; }

/* 상단 메뉴바 */
.gnb_box{
    border-top-color: #e3ceb2;
    border-bottom-color: #e3ceb2;
}

/* 상단 메뉴 호버 */
.gnb_menu_box a:hover, .gnb_menu_box span:hover {
    color: #e3ceb2;
}

/* 로그인버튼 */
.btn_top_login {

    border:2px solid #e3ceb2;

}

/* 회원가입버튼 */
.btn_top_join {
    background: linear-gradient(to right, #af8141 0%, #ceac7c 25%, #af8141 50%, #f2eae0 75%, #b38442 100%);
    border:2px solid #e3ceb2;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
    color:#eee;

}

/* 메인배너 박스 */
.mb_box {
    /*border:2px solid #e3ceb2;*/
}

/*좌측 바둑판 메뉴 상단 3개*/

.snb_left ul li a.btn_gray{
    background: linear-gradient(180deg, #e3ceb2, #c3985c);
}

/*공지, 이벤트 타이틀*/
.main_bbs_ttl{
    background: linear-gradient(180deg, #e3ceb2, #c3985c);
}

@media (max-width: 768px) {

    #quickFoot {
        position: fixed;
        width: 100%;
        height: 50px;
        bottom: 0;
        left: 0;
        right: 0;
        font-size: 0;
        background: linear-gradient(180deg, #262626 0%, #191919 49%, #000 51%, #181818 100%); /* 배경색 */
        box-shadow: 0px -2px 10px rgba(28, 28, 28, 0.25), inset 0px 1px 0px rgba(255, 255, 255, .1), 0px -4px 10px rgba(0, 0, 0, 0.9);
        z-index: 1; /* 배경이 기본값 0으로 설정 */
    }
    .q_bg {
        background: linear-gradient(180deg, #262626 0%, #191919 49%, #000 51%, #181818 100%);
        box-shadow: inset 0 20px 4px -21px rgba(255, 255, 255, 0.4), 0 19px 13px 0 rgba(0, 0, 0, 0.3);
        z-index: 1; /* 배경이 기본값 0으로 설정 */
        width:100%;
        height:50px;
    }
    #quickFoot a {width: 50%;position:relative;height: 50px;color: #dfe5ff;font-size:11px;text-align: center;display:inline-block;}
    #quickFoot a .iconfont {position:relative;font-size:20px;display: inline-block;height: 28px;line-height: 31px;background:var(--gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;}
    #quickFoot a:after {content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;display: none;height:22px; background-image: linear-gradient(to top, #2f2f2f 0%, #6b6b6b 85%, #7a7a7a 100%);}
    #quickFoot a:first-child:after { display:none; }

    #quickFoot a.home {
        background: url("../brand/00252.svg") center / cover no-repeat, linear-gradient(to bottom, rgba(50, 50, 50, 1), rgba(20, 20, 20, 1));
        border-radius: 50%;
        width: 52px;
        height: 51px;
        color: #fff;
        position: absolute;
        top:-4px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
    }
    #quickFoot a.home .iconfont { background:#000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;color:#000; }
    #quickFoot:after {content:"";z-index:-2;position:fixed;bottom:0;width:56px;height:56px;left:50%;transform:translateX(-50%);background:#000;border-radius:50%;box-shadow: 0px -2px 10px rgb(46 118 255 / 25%);}
    #quickFoot:before {content:"";z-index:-1;position:fixed;bottom:0;width: 80px;height: 50px;left:50%;transform:translateX(-50%);}
    #quickFoot .quickInner { position:relative; }
    #quickFoot .quickInner  > div { width:calc((100% - 45px) / 2); font-size:0; }
    #quickFoot .left { float:left; }
    #quickFoot .right { float:right; }
}
.icon_size {width:24px; margin-top:7px;}

@media screen and (min-width: 1024px) {
    #quickFoot {
        display: none;
    }
}