.cmt_band { background:#fff; padding:6px 0; box-shadow:0 1px 4px rgba(0,0,0,.05); margin-bottom:15px; }
.cmt_band_inner { width:1244px; max-width:100%; margin:0 auto; padding-left:15px; box-sizing:border-box; display:flex; align-items:center; }
.cmt_band_label { font-size:17px; font-weight:bold; color:#252f42 !important; text-decoration:none !important; line-height:1; }
.cmt_band_label:hover { color:#4361ee !important; }
/* 햄버거+메뉴 글자 단추 — 인사이트(insight.css)의 .isp_menu_btn을 그대로 옮겨 옴 (2026-10-30) */
.cmt_band_menu { flex:none; display:inline-flex; align-items:center; gap:6px; height:34px; padding:0 13px 0 11px; margin:0 9px 0 0; background:#f7f9ff; border:1px solid #dbe3fb; border-radius:9px; box-shadow:0 1px 2px rgba(67,97,238,0.06); cursor:pointer; box-sizing:border-box; transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease; }
.cmt_band_menu .cmt_menu_bars { display:block; width:15px; }
.cmt_band_menu i { display:block; height:2px; margin:3px 0; background:#4361ee; border-radius:2px; transition:background .16s ease,width .16s ease; }
.cmt_band_menu i:nth-child(2) { width:11px; }
.cmt_band_menu .cmt_menu_txt { font-family:inherit; font-size:12.5px; font-weight:bold; letter-spacing:-.3px; color:#3b53c9; line-height:1; transition:color .16s ease; }
/* 마우스가 진짜 호버하는 환경에서만 (모바일 눌림 때 파란 채움이 남는 것 막음) */
@media (hover:hover){
	.cmt_band_menu:hover { background:#4361ee; border-color:#4361ee; box-shadow:0 3px 10px rgba(67,97,238,0.28); transform:translateY(-1px); }
	.cmt_band_menu:hover i { background:#fff; }
	.cmt_band_menu:hover .cmt_menu_txt { color:#fff; }
}
.cmt_band_menu:active { transform:translateY(0); box-shadow:0 1px 3px rgba(67,97,238,0.3); }
.cmt_band_menu:focus-visible { outline:2px solid #4361ee; outline-offset:-2px; }
@media (max-width:760px){
	.cmt_band_menu { height:32px; padding:0 11px 0 9px; border-radius:8px; }
	.cmt_band_menu .cmt_menu_txt { font-size:12px; }
}

.cmt_wrap { width:1244px; max-width:100%; margin:0 auto; padding:0 0 30px; box-sizing:border-box; }

.cmt_body { display:flex; align-items:stretch; gap:15px; }
.cmt_main { flex:1; min-width:0; }
.cmt_drawer { flex:0 0 220px; width:220px; box-sizing:border-box; align-self:flex-start; background:#fff; border:1px solid #e5e9f2; border-radius:12px; box-shadow:0 2px 10px rgba(35,55,105,.05); z-index:5; overflow-y:auto; margin-bottom:15px; }
body.cmt_menu_off .cmt_drawer { display:none; }
.cmt_drawer_brand { position:relative; padding:16px 18px 14px; color:#fff; font-size:15px; font-weight:700; letter-spacing:-.3px; background:#5a6bfb; border-radius:11px 11px 0 0; }
.cmt_th_green .cmt_drawer_brand { background:#26b87e; }
.cmt_th_violet .cmt_drawer_brand { background:#8659e9; }
.cmt_th_teal .cmt_drawer_brand { background:#179fb4; }
.cmt_th_rose .cmt_drawer_brand { background:#687088; }
.cmt_th_sky .cmt_drawer_brand { background:#338edd; }
.cmt_th_cornflower .cmt_drawer_brand { background:#4361ee; }
.cmt_th_dark .cmt_drawer_brand { background:#343a40; }
.cmt_th_orange .cmt_drawer_brand { background:#f59f00; color:#212529; }
.cmt_drawer_close { position:absolute; right:6px; top:6px; background:none; border:0; color:#171f3d; font-size:28px; line-height:1; cursor:pointer; padding:0 6px; }
.cmt_drawer_close:hover { color:#000; }
.cmt_drawer ul { list-style:none; margin:0; padding:5px 5px 20px 5px; }
.cmt_drawer li a { display:flex; align-items:center; gap:12px; padding:10px 20px 10px 14px; color:#3f4655 !important; font-size:13.5px; text-decoration:none !important; border-radius:9px; }
.cmt_drawer li a:hover { background:#f2f5fb; }
.cmt_drawer li a svg { flex:none; }
.cmt_drawer li.cmt_on > a { background:#e9effc; }
.cmt_drawer li.cmt_on > a .cmt_tt { color:#171c2b; font-weight:bold; }
.cmt_drawer .cmt_sect { padding:16px 20px 6px 14px; color:#4a5262; font-size:12px; }
.cmt_drawer .cmt_sect h4 { margin:0; font-weight:700; }
.cmt_mask { position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.35); z-index:999; display:none; }
.cmt_mask.cmt_open { display:block; }
.cmt_ad { margin:0 0 14px; text-align:center; }
.cmt_ad img { max-width:100%; height:auto; }

.cmt_promo { position:relative; display:flex; align-items:center; gap:16px; height:110px; padding:0 24px; border-radius:10px; color:#fff; overflow:hidden; box-sizing:border-box; text-align:left; }
.cmt_promo.blue { background:#fff; border:1px solid #e5e9f2; border-top:3px solid #5a6bfb; box-shadow:0 2px 10px rgba(35,55,105,.05); }
.cmt_promo.blue:after { background:rgba(17,24,45,.07); }
.cmt_promo.blue:before { background:rgba(17,24,45,.05); }
.cmt_promo.blue .cmt_promo_ico { background:rgba(90,107,251,.15); }
.cmt_promo.blue .cmt_promo_ico svg { stroke:#5a6bfb; }
.cmt_promo.blue .cmt_promo_txt:link, .cmt_promo.blue .cmt_promo_txt:visited,
.cmt_promo.blue .cmt_promo_txt:hover, .cmt_promo.blue .cmt_promo_txt:active { color:#11182d !important; }
.cmt_promo.blue .cmt_promo_txt em { color:#6b7280; }
.cmt_promo.green { background:#26b87e; }
.cmt_promo.violet { background:#8659e9; }
.cmt_promo.teal { background:#fff; border:1px solid #e5e9f2; border-top:3px solid #179fb4; box-shadow:0 2px 10px rgba(35,55,105,.05); }
.cmt_promo.teal:after { background:rgba(17,24,45,.07); }
.cmt_promo.teal:before { background:rgba(17,24,45,.05); }
.cmt_promo.teal .cmt_promo_ico { background:rgba(23,159,180,.15); }
.cmt_promo.teal .cmt_promo_ico svg { stroke:#179fb4; }
.cmt_promo.teal .cmt_promo_txt:link, .cmt_promo.teal .cmt_promo_txt:visited,
.cmt_promo.teal .cmt_promo_txt:hover, .cmt_promo.teal .cmt_promo_txt:active { color:#11182d !important; }
.cmt_promo.teal .cmt_promo_txt em { color:#6b7280; }
.cmt_promo.rose { background:#fff; border:1px solid #e5e9f2; border-top:3px solid #687088; box-shadow:0 2px 10px rgba(35,55,105,.05); }
.cmt_promo.rose:after { background:rgba(17,24,45,.07); }
.cmt_promo.rose:before { background:rgba(17,24,45,.05); }
.cmt_promo.rose .cmt_promo_ico { background:rgba(104,112,136,.15); }
.cmt_promo.rose .cmt_promo_ico svg { stroke:#687088; }
.cmt_promo.rose .cmt_promo_txt:link, .cmt_promo.rose .cmt_promo_txt:visited,
.cmt_promo.rose .cmt_promo_txt:hover, .cmt_promo.rose .cmt_promo_txt:active { color:#11182d !important; }
.cmt_promo.rose .cmt_promo_txt em { color:#6b7280; }
.cmt_promo.sky { background:#338edd; }
.cmt_promo.cornflower { background:#4361ee; }
.cmt_promo.dark { background:#343a40; }
.cmt_promo.dark .cmt_promo_cta { color:#343a40 !important; }
.cmt_promo.orange { background:#fff; border:1px solid #e5e9f2; border-top:3px solid #f59f00; box-shadow:0 2px 10px rgba(35,55,105,.05); }
.cmt_promo.orange:after { background:rgba(17,24,45,.07); }
.cmt_promo.orange:before { background:rgba(17,24,45,.05); }
.cmt_promo.orange .cmt_promo_ico { background:rgba(245,159,0,.15); }
.cmt_promo.orange .cmt_promo_ico svg { stroke:#e8590c; }
.cmt_promo.orange .cmt_promo_txt:link, .cmt_promo.orange .cmt_promo_txt:visited,
.cmt_promo.orange .cmt_promo_txt:hover, .cmt_promo.orange .cmt_promo_txt:active { color:#11182d !important; }
.cmt_promo.orange .cmt_promo_txt em { color:#6b7280; }
.cmt_promo:after { content:''; position:absolute; right:-50px; top:-70px; width:210px; height:210px; border-radius:50%; background:rgba(255,255,255,.09); }
.cmt_promo:before { content:''; position:absolute; right:90px; bottom:-80px; width:150px; height:150px; border-radius:50%; background:rgba(255,255,255,.07); }
.cmt_promo_ico { flex:none; width:52px; height:52px; border-radius:50%; background:rgba(255,255,255,.18); display:flex; align-items:center; justify-content:center; }
.cmt_promo_ico svg { width:28px; height:28px; }
.cmt_promo_txt { display:block; min-width:0; text-decoration:none !important; }
.cmt_promo_txt:link, .cmt_promo_txt:visited, .cmt_promo_txt:hover, .cmt_promo_txt:active { color:#fff !important; text-decoration:none !important; }
.cmt_promo_txt b { display:block; font-size:18px; margin-bottom:6px; }
.cmt_promo_txt em { display:block; font-style:normal; font-size:13px; color:rgba(255,255,255,.85); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.cmt_promo_cta { position:relative; z-index:1; margin-left:auto; flex:none; height:38px; line-height:38px; padding:0 18px; background:#fff; border-radius:19px; font-size:13px; font-weight:700; text-decoration:none !important; box-shadow:0 2px 8px rgba(0,0,0,.15); box-sizing:border-box; }
.cmt_promo.blue .cmt_promo_cta { background:#5a6bfb; color:#fff !important; }
.cmt_promo.green .cmt_promo_cta { color:#12a36c !important; }
.cmt_promo.violet .cmt_promo_cta { color:#6d3ae8 !important; }
.cmt_promo.teal .cmt_promo_cta { background:#179fb4; color:#fff !important; }
.cmt_promo.rose .cmt_promo_cta { background:#687088; color:#fff !important; }
.cmt_promo.sky .cmt_promo_cta { color:#1971c2 !important; }
.cmt_promo.cornflower .cmt_promo_cta { color:#4361ee !important; }

.cmt_card { background:#fff; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,.05); padding:20px; margin-bottom:16px; }

.cmt_col { flex:none; text-align:center; color:#9aa1ad; font-size:12px; }
.cmt_col_writer { width:86px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.cmt_col_hit { width:54px; }
.cmt_col_date { width:72px; }

.cmt_row { display:flex; align-items:center; gap:14px; padding:13px 6px; border-bottom:1px solid #eef0f4; color:#252f42 !important; text-decoration:none !important; }
.cmt_row:hover { background:#f8f9fc; color:#4361ee !important; }
.cmt_row.now { outline:2px solid #ffac35; outline-offset:-2px; border-radius:4px; }
.cmt_row .cmt_row_main { flex:1; display:flex; align-items:center; gap:6px; min-width:0; }
.cmt_row_title { min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.cmt_row_main .cmt_reply_cnt { flex:none; }
.cmt_row_main { min-width:0; font-size:14px; line-height:1.5; }
.cmt_row_main b { font-weight:700; }
.cmt_empty { padding:60px 0; text-align:center; color:#9aa1ad; font-size:14px; margin:0; }

.cmt_badge { display:inline-block; background:#4361ee; color:#fff !important; font-size:11px; font-weight:700; padding:1px 8px; border-radius:10px; margin-right:6px; vertical-align:1px; }
.cmt_badge.ad { background:#7cb342; }

.cmt_reply_cnt { background:#eef1ff; color:#4361ee; border-radius:10px; padding:1px 8px; font-size:11px; font-weight:700; }

.cmt_gal { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:16px; padding:16px 0 4px; }
.cmt_gal_card { display:block; border:1px solid #e7eaf1; border-radius:8px; overflow:hidden; background:#fff; color:inherit; text-decoration:none !important; transition:box-shadow .15s, transform .15s, border-color .15s; }
.cmt_gal_card:hover { box-shadow:0 6px 18px rgba(31,45,80,.13); border-color:#c9d4ee; transform:translateY(-2px); }
.cmt_gal_thumb { display:block; position:relative; width:100%; aspect-ratio:220/135; background:#f5f7fb; overflow:hidden; }
.cmt_gal_thumb img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.cmt_ph_blog { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; background:linear-gradient(135deg,#fcfdff 0%,#eef3fb 100%); color:#c3ccd9; }
.cmt_ph_crown { width:32px; height:19px; }
.cmt_ph_word { font-family:Arial,'Malgun Gothic',sans-serif; font-size:19px; font-weight:900; line-height:1; letter-spacing:-.5px; }
.cmt_gal_badge { position:absolute; top:8px; left:8px; z-index:1; background:#4361ee; color:#fff; font-size:11px; font-weight:700; padding:2px 9px; border-radius:10px; }
.cmt_gal_badge.ad { background:#7cb342; }
.cmt_gal_body { display:block; padding:8px 10px 10px; }
.cmt_gal_titlerow { display:flex; align-items:flex-start; gap:6px; min-height:40.6px; }
.cmt_gal_titlerow .cmt_reply_cnt { flex:none; margin-top:2px; }
.cmt_gal_title { flex:0 1 auto; min-width:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:14px; line-height:1.45; color:#252f42 !important; word-break:keep-all; }
.cmt_gal_card:hover .cmt_gal_title { color:#4361ee !important; }
.cmt_gal_meta { display:flex; align-items:center; gap:8px; margin-top:8px; font-size:11.5px; color:#8a93a5; min-width:0; }
.cmt_gal_writer { max-width:72px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.cmt_gal_hit { margin-left:auto; }
.cmt_gal_notice { border:1px solid #e7eaf1; border-radius:8px; overflow:hidden; background:#fff; margin:0px 0 5px; }
.cmt_gal_notice_row { display:flex; align-items:center; gap:10px; min-width:0; padding:10px 14px; border-bottom:1px solid #eef0f4; color:inherit; text-decoration:none !important; }
.cmt_gal_notice_row:last-child { border-bottom:0; }
.cmt_gal_notice_row:hover { background:#f8f9fc; }
.cmt_gal_notice_row:hover .cmt_gal_notice_title { color:#4361ee; }
.cmt_gal_chip { flex:none; background:#f59f0a; color:#fff; font-size:11px; font-weight:700; padding:2px 8px; border-radius:5px; letter-spacing:-.3px; }
.cmt_gal_chip.ad { background:#7cb342; }
.cmt_gal_notice_title { flex:1; min-width:0; font-size:14px; font-weight:700; color:#252f42; line-height:1.4; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:keep-all; }
.cmt_gal_notice_title.del { color:#aaa; }
.cmt_gal_notice_meta { flex:none; display:flex; align-items:center; gap:10px; font-size:11.5px; color:#8a93a5; }
.cmt_gal_notice_meta .cmt_gal_writer { max-width:90px; }
@media (max-width:760px) {
	.cmt_gal { grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:10px; }
	.cmt_gal_notice_meta .cmt_gal_notice_date { display:none; }
}

.cmt_hero { position:relative; overflow:hidden; border-radius:12px; box-shadow:0 1px 4px rgba(0,0,0,.05); margin-bottom:18px; line-height:0; }
.cmt_hero img { display:block; width:100%; height:auto; }
.cmt_hero_cap { position:absolute; left:4.5%; top:6.5%; line-height:1.15; }
.cmt_hero_cap em { display:block; font-style:normal; font-size:clamp(10px,1.15vw,15px); font-weight:700; letter-spacing:3px; color:#4361ee; margin-bottom:5px; }
.cmt_hero_cap b { display:block; font-size:clamp(17px,2.5vw,33px); font-weight:800; letter-spacing:-.5px; color:#1e2c56; }
.cmt_home_cols { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:2px; }
.cmt_home_ad { margin:20px 0 0; }
.cmt_home_col { min-width:0; background:#fff; border:1px solid #e7eaf1; border-top:3px solid #cfd6e4; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,.05); }
.cmt_home_col.hc_green { border-top-color:#40c057; }
.cmt_home_col.hc_violet { border-top-color:#7950f2; }
.cmt_home_talk { margin:20px 0 16px; background:#fff; border:1px solid #e7eaf1; border-top:3px solid #4361ee; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,.05); padding-bottom:4px; }
.cmt_home_head { display:flex; align-items:center; gap:8px; padding:13px 16px 12px; }
.cmt_home_head h3 { font-size:15.5px; font-weight:800; letter-spacing:-.4px; margin:0; }
.cmt_home_head h3 a { text-decoration:none !important; transition:opacity .15s; }
.cmt_home_head h3 a:hover { opacity:.7; }
.cmt_home_col.hc_green .cmt_home_head h3 a { color:#40c057 !important; }
.cmt_home_col.hc_violet .cmt_home_head h3 a { color:#7950f2 !important; }
.cmt_home_talk .cmt_home_head h3 a { color:#4361ee !important; }
.cmt_home_more { margin-left:auto; background:#fff; border:1px solid #e3e6ec; border-radius:20px; padding:3px 11px; font-size:12px; color:#7a8496 !important; text-decoration:none !important; transition:border-color .15s, color .15s; }
.cmt_home_more:hover { border-color:#4361ee; color:#4361ee !important; }
.cmt_home_rows { padding:2px 14px 10px; }
.cmt_home_row { display:flex; align-items:center; gap:10px; min-width:0; padding:10px 4px; border-bottom:1px solid #f1f3f7; color:inherit; text-decoration:none !important; }
.cmt_home_row:last-child { border-bottom:0; }
.cmt_home_row:hover { background:#f8f9fc; }
.cmt_home_row:hover .cmt_home_row_title { color:#4361ee; }
.cmt_home_num { flex:none; width:16px; text-align:center; font-size:12.5px; font-weight:800; color:#b8c0cf; }
.cmt_home_row:hover .cmt_home_num { color:#4361ee; }
.cmt_home_row_main { flex:1; min-width:0; display:flex; align-items:center; gap:6px; }
.cmt_home_row_title { min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#252f42; letter-spacing:-.2px; }
.cmt_home_row_meta { flex:none; display:flex; align-items:center; gap:10px; font-size:11.5px; color:#8a93a5; }
.cmt_home_none { padding:30px 0; text-align:center; color:#9aa1ad; font-size:13px; margin:0; }
.cmt_home_talk .cmt_gal { grid-template-columns:repeat(5,1fr); padding:6px 14px 12px; }

.cmt_foot form { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-top:16px; }
.cmt_search_box { display:inline-flex; align-items:center; gap:6px; }
.cmt_search_box select,
.cmt_search_box input[type=text] { height:32px; border:1px solid #dce0e9; border-radius:4px; padding:0 8px; font-size:13px; color:#333; background:#fff; box-sizing:border-box; }
.cmt_search_box input[type=text] { width:200px; }

.cmt_btn { display:inline-block; height:32px; line-height:30px; padding:0 14px; border:1px solid #dce0e9; border-radius:4px; font-size:13px; color:#556270 !important; background:#fff; text-decoration:none !important; box-sizing:border-box; cursor:pointer; vertical-align:middle; }
.cmt_btn:hover { border-color:#4361ee; color:#4361ee !important; }
.cmt_btn.write,
.cmt_btn.save { background:#4361ee; border-color:#4361ee; color:#fff !important; }
.cmt_btn.write:hover,
.cmt_btn.save:hover { background:#3450d4; border-color:#3450d4; color:#fff !important; }
.cmt_btn.danger { color:#e85174 !important; border-color:#f3c2ce; }
.cmt_btn.danger:hover { background:#fdf1f4; color:#e85174 !important; }

.cmt_notice { display:flex; align-items:center; gap:8px; background:#f4f7ff; border:1px solid #dfe7ff; border-radius:8px; padding:10px 14px; margin:0 0 12px; color:#3d55b8; font-size:13px; }
.cmt_notice svg { flex:none; width:18px; height:18px; }

.cmt_faq_head { padding:2px 6px 12px; font-size:15px; color:#252f42; border-bottom:1px solid #e3e6ec; margin-bottom:6px; }
.cmt_faq_item { border-bottom:1px solid #eef0f4; }
.cmt_faq_q { display:flex; align-items:center; gap:12px; width:100%; text-align:left; background:none; border:0; padding:15px 6px; cursor:pointer; font-size:14px; color:#252f42; line-height:1.5; }
.cmt_faq_q:hover { background:#f8f9fc; }
.cmt_faq_mark { flex:none; width:24px; height:24px; line-height:24px; border-radius:6px; text-align:center; font-size:12px; font-weight:800; color:#fff; }
.cmt_faq_mark.q { background:#4361ee; }
.cmt_faq_mark.a { background:#8a93a2; }
.cmt_faq_text { flex:1; min-width:0; }
.cmt_faq_arrow { flex:none; width:10px; height:10px; border-right:2px solid #9aa1ad; border-bottom:2px solid #9aa1ad; transform:rotate(45deg); transition:transform .15s ease; margin-right:4px; }
.cmt_faq_q.open .cmt_faq_arrow { transform:rotate(-135deg); }
.cmt_faq_a { display:flex; gap:12px; padding:2px 6px 16px; }
.cmt_faq_body { flex:1; min-width:0; background:#f7f8fa; border-radius:8px; padding:12px 14px; font-size:13px; line-height:1.7; color:#3a4356; word-break:break-word; }
.cmt_faq_body img { max-width:100%; height:auto; }
.cmt_faq_btns { display:block; margin-top:10px; }
.cmt_faq_btns .cmt_btn { height:26px; line-height:24px; padding:0 10px; font-size:12px; margin-right:6px; }

.cmt_pages { margin-top:18px; }
.cmt_pages .paging { text-align:center; background:none; border:0; padding:0; }
.cmt_pages .paging > span { display:inline-block; min-width:30px; height:30px; line-height:30px; margin:0 3px; padding:0 4px; border:1px solid #e3e6ec; border-radius:4px; font-size:12px; color:#556270; cursor:pointer; background:#fff; box-sizing:border-box; vertical-align:middle; }
.cmt_pages .paging > span:hover { border-color:#4361ee; color:#4361ee; }
.cmt_pages .paging .pagin_on { background:#4361ee; border-color:#4361ee; color:#fff !important; }
.cmt_pages .paging .pagin_on a { color:#fff !important; text-decoration:none !important; display:block; }
.cmt_pages .paging img { vertical-align:middle; }
.cmt_pages .paging .paging_pre_btn,
.cmt_pages .paging .paging_next_btn { width:30px; padding:0; }
.cmt_pages .paging .paging_pre_btn img,
.cmt_pages .paging .paging_next_btn img { display:block; width:100%; height:100%; object-fit:contain; opacity:.45; }

.cmt_view_title { font-size:19px; font-weight:700; color:#252f42; line-height:1.4; margin:0 0 10px; word-break:break-word; }
.cmt_view_meta { display:flex; flex-wrap:wrap; gap:12px; align-items:center; color:#9aa1ad; font-size:12px; margin:0; padding-bottom:14px; border-bottom:1px solid #eef0f4; }
.cmt_view_writer { color:#556270; font-weight:600; }
.cmt_view_body { padding:22px 2px; min-height:200px; line-height:1.75; color:#333; word-break:break-word; }
.cmt_view_body img { max-width:100%; height:auto; }
.cmt_view_btns { display:flex; gap:8px; justify-content:flex-end; flex-wrap:wrap; border-top:1px solid #eef0f4; padding-top:14px; margin-top:6px; }
.cmt_view_blog { margin-top:16px; }
.cmt_view_blog_card { display:block; max-width:440px; background:#fff; border:1px solid #e7eaf1; border-radius:12px; overflow:hidden; color:inherit; text-decoration:none !important; transition:border-color .15s, box-shadow .15s; }
.cmt_view_blog_card:hover { border-color:#c9d4ee; box-shadow:0 6px 18px rgba(31,45,80,.13); }
.cmt_view_blog_card:hover .cmt_view_blog_go { background:#fbd1de; }
.cmt_view_blog_thumb { display:block; position:relative; width:100%; aspect-ratio:220/135; background:#f5f7fb; overflow:hidden; }
.cmt_view_blog_thumb img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.cmt_view_blog_chip { position:absolute; top:10px; left:10px; z-index:1; background:#232a3d; color:#fff; font-size:11px; font-weight:700; padding:4px 9px; border-radius:6px; letter-spacing:-.3px; }
.cmt_view_blog_body { display:flex; align-items:center; gap:10px; min-width:0; padding:13px 14px; }
.cmt_view_blog_addr { flex:1; min-width:0; font-size:15px; font-weight:700; color:#4361ee; line-height:1.4; letter-spacing:-.3px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.cmt_view_blog_go { flex:none; background:#fde7ee; color:#e85174; font-size:11px; font-weight:800; padding:5px 9px; border-radius:6px; letter-spacing:-.3px; transition:background .15s; }

.cmt_reply_head { font-size:14px; font-weight:700; color:#252f42; margin:0 0 6px; }
.cmt_reply_table { width:100%; border-collapse:collapse; }
.cmt_reply_table .posts_reply_text th { width:110px; text-align:left; vertical-align:top; padding:12px 8px; color:#556270; font-size:12px; font-weight:600; border-top:1px solid #eef0f4; }
.cmt_reply_table .posts_reply_text td { vertical-align:top; padding:12px 8px; font-size:13px; line-height:1.6; color:#333; border-top:1px solid #eef0f4; word-break:break-word; }
.cmt_reply_table .posts_reply_text td > span { display:inline-block; margin-top:4px; color:#9aa1ad; font-size:11px; }
.cmt_reply_table .posts_reply_text td img { vertical-align:middle; }
.reply_warning { color:#9aa1ad !important; margin-left:8px; }
.cmt_reply_mini form { display:flex; gap:8px; align-items:flex-start; padding:8px; }
.cmt_reply_mini .cmt_reply_input,
.cmt_reply_write .cmt_reply_input { flex:1; height:64px; border:1px solid #dce0e9; border-radius:4px; padding:8px 10px; font-size:13px; box-sizing:border-box; resize:vertical; }
.cmt_reply_write .cmt_reply_writer { color:#556270; font-size:12px; margin:0 0 8px; }
.cmt_reply_write form { display:flex; flex-wrap:wrap; gap:8px; align-items:flex-start; }
.cmt_reply_write .cmt_reply_input { width:100%; flex:1 1 300px; height:84px; }
.cmt_reply_write form .cmt_btn { align-self:flex-end; }
.cmt_reply_login { text-align:center; margin:0; padding:4px 0; }

.cmt_write_title { font-size:17px; font-weight:700; color:#252f42; margin:0 0 14px; }
.cmt_write_form { width:100%; border-collapse:collapse; margin-bottom:14px; }
.cmt_write_form th { width:110px; text-align:left; padding:10px 10px; color:#556270; background:#f7f8fa; border:1px solid #eef0f4; font-size:13px; font-weight:600; }
.cmt_write_form td { padding:10px; border:1px solid #eef0f4; font-size:13px; color:#333; }
.cmt_write_form td input[type=text] { width:100%; max-width:560px; height:34px; border:1px solid #dce0e9; border-radius:4px; padding:0 10px; font-size:14px; box-sizing:border-box; }
.cmt_write_form .cmt_write_hint { margin-top:5px; font-size:12px; color:#8a93a5; line-height:1.4; }
.cmt_write_form input.locked { background:#f2f4f8; color:#aab2c0; cursor:not-allowed; }
.cmt_write_form td input[type=text]::placeholder { color:#aab2c0; opacity:1; }
.cmt_write_btns { display:flex; gap:8px; justify-content:flex-end; flex-wrap:wrap; margin-top:14px; }
.cmt_write_btns a.post_button_golist { display:inline-block; height:32px; line-height:30px; padding:0 14px; border:1px solid #dce0e9; border-radius:4px; font-size:13px; color:#556270 !important; background:#fff; text-decoration:none !important; box-sizing:border-box; }
.cmt_write_btns a.post_button_golist:hover { border-color:#4361ee; color:#4361ee !important; }

@media (max-width:1023px) {
	.cmt_wrap { width:100%; padding:0 12px 30px; }
	.cmt_band_inner { padding:0 12px; }
}
@media (max-width:760px) {
	.cmt_body { display:block; }
	body.cmt_menu_off .cmt_drawer { display:block; }
	.cmt_drawer { position:fixed; left:0; top:0; bottom:0; width:220px; max-width:85%; z-index:1000; margin:0; border-radius:0; border-left:0; box-shadow:none; align-self:auto; transform:translateX(-100%); transition:transform .25s ease; }
	.cmt_drawer.cmt_open { transform:translateX(0); }
	.cmt_drawer .cmt_drawer_brand { border-radius:0; }

	.cmt_home_cols { grid-template-columns:1fr; gap:14px; }
	.cmt_home_talk { margin:14px 0 16px; }
	.cmt_home_talk .cmt_gal { grid-template-columns:repeat(2,1fr); gap:10px; padding:6px 12px 10px; }
	.cmt_promo { height:auto; padding:14px 16px; gap:12px; }
	.cmt_promo_ico { width:40px; height:40px; }
	.cmt_promo_ico svg { width:22px; height:22px; }
	.cmt_promo_txt b { font-size:15px; margin-bottom:3px; }
	.cmt_promo_txt em { white-space:normal; font-size:12px; line-height:1.4; }
	.cmt_promo_cta { height:32px; line-height:32px; padding:0 14px; font-size:12px; }
	.cmt_row { flex-wrap:wrap; gap:4px 12px; }
	.cmt_row .cmt_row_main, .cmt_row_main { flex:1 1 100%; white-space:normal; }
	.cmt_col { width:auto; text-align:left; }
	.cmt_foot form { flex-direction:column; align-items:stretch; }
	.cmt_search_box { flex:1; }
	.cmt_search_box input[type=text] { width:auto; flex:1; min-width:0; }
	.cmt_foot form .cmt_btn.write { align-self:flex-end; }
	.cmt_write_form, .cmt_write_form tbody, .cmt_write_form tr { display:block; }
	.cmt_write_form th { display:block; width:auto; background:transparent; border:0; padding:10px 0 4px; }
	.cmt_write_form td { display:block; padding:0 0 12px; border:0; }
	.cmt_write_form td input[type=text] { max-width:none; }
	.cmt_write_form tr:last-child td { padding-bottom:2px; }
	.cmt_write_form tr:first-child, .cmt_write_form tr:last-child { display:flex; align-items:center; }
	.cmt_write_form tr:first-child th, .cmt_write_form tr:last-child th { padding:10px 10px 10px 0; white-space:nowrap; }
	.cmt_write_form tr:first-child td, .cmt_write_form tr:last-child td { flex:1; padding:10px 0; }
        .cmt_reply_table { table-layout:fixed; }
        .cmt_reply_table .posts_reply_text th { width:84px; }
        .cmt_reply_table .posts_reply_text td { overflow-wrap:anywhere; }
}