/* BASIC css start */
/* aside */
#aside { width: 177px; margin-right: 20px; } 
/* lnb */
#aside .lnb-wrap h2 { font-size: 0; line-height: 0; }
#aside h2.txt { padding-right: 15px; background: url(/images/d3/modern_simple/common/bull_h13_dw_arw.gif) no-repeat right 45%; }
#aside h2.txt span { border-bottom: 1px solid #999999; color: #333333; display: block; font-size: 12px; font-weight: bold; line-height: 14px; padding-bottom: 3px; } 
#aside .lnb { zoom: 1; padding-bottom: 25px; padding-left: 2px; }
#aside .lnb:after{ content: ""; display: block; clear: both; }
#aside .lnb li,
#aside .lnb a { float: left; width: 100%; }
#aside .lnb li { margin-top: 10px;  word-wrap:break-word;}
#aside .lnb li.now a { font-weight: bold; }
#aside .lnb a:hover { font-weight: bold; }
#aside .lnb li a { color: #767676; }
/* 투표하기 */
#aside .research .txt-1 { margin-top: 10px; font-weight: bold; text-align: center; }
#aside .research .list { margin-top: 10px; }
#aside .research .list li { margin-top: 5px; }
#aside .research .list li.li-center { text-align: center; }
/* info */
#aside .info { margin-bottom: 15px; background: url(/images/d3/modern_simple/aside_info_mdl.gif) repeat-y 0 0; }
#aside .info .cnt,
#aside .info .cnt a { color: #616161; }
#aside .info .cnt { zoom: 1; padding: 0 13px 7px; text-align: center; color: #616161; background: url(/images/d3/modern_simple/aside_info_btm.gif) no-repeat 0 bottom; }
#aside .info .cnt dd { padding: 10px 0; background: url(/images/d3/modern_simple/aside_info_dot.gif) repeat-x 0 0; }
#aside .info .cnt dd.first { background-image: none; }
#aside .info .cnt dd li { padding: 2px 0; }
/* cs-center */
#aside .info-cs .ph { font-size: 14px; font-weight: bold; }
#aside .info-cs .qna { font-weight: bold; }
#aside .info-cs .qna img { vertical-align: middle; }



#custom-bottom-popup {
    position: fixed;
    bottom: -500px; /* 초기 숨김 위치 */
    left: 20px;
    width: 360px;
    z-index: 9999;
    background: #fff;
    /* 전체 둥글기 및 그림자 */
    border-radius: 20px;
    overflow: hidden; 
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
    display: none;
}

/* 아래에서 위로 반동(Bounce) 애니메이션 */
@keyframes bounceUp {
    0% { bottom: -400px; }
    60% { bottom: 25px; }
    80% { bottom: 5px; }
    100% { bottom: 10px; }
}

#custom-bottom-popup.show {
    display: block;
    animation: bounceUp 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

/* 하단 버튼 영역 디자인 */
.popup-footer {
    display: flex;
    background: #fff;
    border-top: 1px solid #eee; /* 이미지와 버튼 사이 구분선 */
    height: 50px; /* 버튼 높이 조절 */
}

.popup-footer button {
    flex: 1; /* 50:50 비율 */
    background: #fff;
    color: #000;
    border: none;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

/* 버튼 사이의 세로 구분선 */
.popup-footer .btn-today {
    border-right: 1px solid #eee;
}

/* 버튼 호버 효과 (마우스 올렸을 때 살짝 회색) */
.popup-footer button:hover {
    background: #f9f9f9;
}




/* BASIC css end */