/* 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; }


/* ===== 퀵메뉴 (#quickMenu) ===== */

/* 접기/펼치기 토글 버튼 (둥근 사각형, 핑크 포인트컬러) */
#quickMenuToggle{ position:fixed; z-index:1000; top:50%; right:290px; margin-top:-24px; width:50px; height:48px; display:flex; align-items:center; justify-content:center; background:#FF057C; color:#fff; border:none; border-radius:14px; box-shadow:0 2px 8px rgba(255,5,124,0.35); font-size:14px; text-decoration:none; transition:right .3s ease; cursor:pointer; }
#quickMenuToggle.is-collapsed{ right:4px; }


/* 퀵메뉴 기본 틀 (179px → 220px로 확장) */
#quickMenu{ z-index:999; position:fixed; right:0; top:0; bottom:0; width:280px; height:100%; border-left:1px solid #ddd; background:#fff; overflow-y:auto; display:flex; flex-direction:column; transition:transform .3s ease; }
#quickMenu.is-collapsed{ transform:translateX(280px); }
#quickMenu li{ position:relative; }
#quickMenu li a{ display:block; }
#quickMenu .btn-top{ position:absolute; bottom:0; left:0; width:280px; padding:3px 0; background:#fff; color:#000; font-weight:bold; text-align:center; border-top:1px solid #ddd; }


@media screen and (max-width:1280px){
  #quickMenu, #quickMenuToggle{ display:none; }
}

/* 혜택 강조 카드 */
#quickMenu .benefit_card{ display:block; margin:14px 10px 0; padding:16px 10px; border-radius:14px; background:linear-gradient(135deg, #FF057C, #ff62ab); box-shadow:0 3px 8px rgba(255,5,124,0.25); text-decoration:none; }
#quickMenu .benefit_tit{ margin:0 0 12px; color:#fff; font-size:14px; font-weight:800; text-align:center; }
#quickMenu .benefit_tit span{ color:#ffd9ec; }
#quickMenu .benefit_list{ display:flex; justify-content:space-between; gap:4px; margin:0; padding:0; list-style:none; }
#quickMenu .benefit_list li{ flex:1; display:flex; flex-direction:column; align-items:center; color:#fff; font-size:11px; font-weight:700; line-height:1.3; text-align:center; }
#quickMenu .benefit_list li .ico{ width:34px; height:34px; margin-bottom:6px; display:flex; align-items:center; justify-content:center; font-size:18px; background:rgba(255,255,255,0.28); border-radius:50%; }

/* 아이콘 메뉴 4개 (칸 너비 넓혀서 줄바꿈 방지) */
#quickMenu .q_menu{ margin-top:18px; text-align:center; }
#quickMenu .q_menu li{ display:inline-block; text-align:center; margin:0 8px 16px; }
#quickMenu .q_menu li a{ position:relative; display:block; width:84px; }
#quickMenu .q_menu li span{ display:flex; align-items:center; justify-content:center; height:66px; width:66px; margin:0 auto; font-size:28px; line-height:1; border:1px solid #ffd9ec; background:#FFEAF4; border-radius:50%; box-sizing:border-box; }
#quickMenu .q_menu li p{ margin:7px 0 0; color:#333; font-size:13px; line-height:14px; font-weight:bold; }

/* C/S 센터 */
#quickMenu .cs_num{ margin:32px 12px 0; padding:16px 10px 0; border-top:1px solid #f0f0f0; text-align:center; }
#quickMenu .cs_num h2{ margin:0 0 4px; font-size:17px; font-weight:700; color:#FF057C; letter-spacing:.5px; }
#quickMenu .cs_num h1{ margin:0 0 6px; font-size:20px; font-weight:800; color:#333; }
#quickMenu .cs_num p{ margin:0; font-size:13px; color:#888; line-height:1.5; }
/* BASIC css end */