@charset "utf-8";
/* JGTV Black & Gold / 원본 테마 폭(width/max-width)은 변경하지 않습니다. */
:root{--jg-bg:#080808;--jg-panel:var(--jg-tone-12110F, #12110f);--jg-field:var(--jg-tone-1B1712);--jg-line:var(--jg-tone-66512E);--jg-gold:var(--jg-tone-C9A45C);--jg-light:var(--jg-tone-E8CB87);--jg-text:#f4f0e8;--jg-muted:#a9a297}
html,body{background:var(--jg-bg)!important;color:var(--jg-text)!important}
body,#wrapper,#container_wr,#container,#aside,#hd,#hd_wrapper,#gnb,#ft,#ft_wr{background-color:transparent}
a{color:var(--jg-light)}a:hover{color:var(--jg-light, var(--jg-tone-FFE3A3))}
#hd{background:#0b0a09!important;border-bottom:1px solid var(--jg-border, var(--jg-tone-493B25))!important}
#tnb{background:#100e0b!important;border-bottom:1px solid var(--jg-tone-292116)!important}
#tnb a,#hd_qnb a,#hd_define a{color:var(--jg-tone-BCB2A1, #BCB2A1)!important}
#hd_wrapper{background:#0b0a09!important}
#gnb{background:#0b0a09!important;border-top:1px solid var(--jg-tone-2B2317)!important;border-bottom:1px solid var(--jg-tone-59462A)!important}
#gnb_1dul .gnb_1da{color:#eee7d9!important;font-weight:700}
#gnb_1dul .gnb_1da:hover,#gnb_1dul .gnb_1dli:hover>.gnb_1da{color:var(--jg-light)!important}
#gnb .gnb_2dul,#gnb_all{background:var(--jg-tone-15120E, #15120E)!important;border:1px solid var(--jg-line)!important}
#gnb .gnb_2da,#gnb_all a{color:var(--jg-text)!important}
#gnb .gnb_2da:hover,#gnb_all a:hover{color:var(--jg-light)!important;background:var(--jg-tone-292114)!important}
.hd_login a,.btn_b02,.btn_b01,.btn_submit,.btn_confirm .btn_submit{background:linear-gradient(115deg,var(--jg-dark, var(--jg-tone-A37A33)),var(--jg-tone-E0BB70))!important;border:1px solid var(--jg-tone-BB934C)!important;color:var(--jg-tone-100C06, #100C06)!important;border-radius:7px!important;font-weight:700}
.hd_login a:hover,.btn_submit:hover{filter:brightness(1.12)}
#container_title{color:var(--jg-light)!important;border-bottom:1px solid var(--jg-line)!important;background:transparent!important}
#ft{background:#0c0a08!important;border-top:1px solid var(--jg-tone-392D1C)!important;color:var(--jg-muted)!important}
#ft a,#ft p,#ft_copy{color:var(--jg-muted)!important}
#ft_company,#ft .ft_info{display:none!important}
#ft_wr{border:0!important}
/* 로그인 전/후: 참고 사이트의 카드·필드 구조 */
#aside .ol,.ol{background:var(--jg-panel)!important;border:1px solid var(--jg-line)!important;border-radius:9px!important;overflow:hidden;box-shadow:0 12px 32px #0004;color:var(--jg-text)!important}
.ol #ol_be_cate{background:var(--jg-tone-15120E, #15120E)!important;border-bottom:1px solid var(--jg-tone-3B3020)!important}
.ol #ol_be_cate h2{float:none!important;width:auto!important;text-align:left!important;padding:14px 15px!important;color:var(--jg-light)!important;font-size:14px!important}
.ol #ol_be_cate .join{float:none!important;width:auto!important;background:transparent!important;color:var(--jg-light)!important;padding:0!important;position:absolute;right:15px;top:16px;font-size:12px}
.ol form{padding:13px!important}
.ol #ol_id,.ol #ol_pw{background:var(--jg-field)!important;color:var(--jg-text)!important;border:1px solid var(--jg-tone-4B3C27)!important;border-radius:7px!important;height:39px!important;margin-bottom:9px!important}
.ol #ol_id:focus,.ol #ol_pw:focus{border-color:var(--jg-gold)!important;outline:none}
.ol #ol_submit{background:linear-gradient(105deg,var(--jg-dark, var(--jg-tone-A57B33)),var(--jg-tone-DFB76B))!important;border:0!important;color:var(--jg-tone-15100A, #15100A)!important;border-radius:7px!important;height:40px!important}
.ol #ol_svc a{background:transparent!important;border:0!important;color:var(--jg-light)!important}
.ol #ol_auto label,.ol .chk_box input[type=checkbox]+label{color:var(--jg-muted)!important}
.ol #ol_after_hd{background:var(--jg-tone-18140E)!important;color:var(--jg-text)!important}
.ol #ol_after_private a{color:var(--jg-text)!important;border-top:1px solid var(--jg-tone-302719)!important}
.ol #ol_after_private a strong{color:var(--jg-light)!important}
.ol #ol_after_logout{border-top:1px solid var(--jg-tone-44361E)!important;color:var(--jg-light)!important}
/* 공통 게시판: 기존 list/view/write의 PHP 로직은 유지 */
#bo_list,#bo_v,#bo_w,.lp-board,.lp-content-board{background:var(--jg-panel)!important;color:var(--jg-text)!important;border:1px solid var(--jg-tone-3C3020);border-radius:10px;padding:15px;box-sizing:border-box}
#bo_list h2,#bo_v h2,#bo_w h2,.lp-board h2,.lp-head h2{color:var(--jg-light)!important}
#bo_list a,#bo_v a,#bo_w a,.lp-board a{color:var(--jg-light)}
#bo_list .tbl_head01,#bo_list .tbl_head01 table,#bo_list .tbl_head01 th,#bo_list .tbl_head01 td{background:var(--jg-tone-14120F, #14120f)!important;color:var(--jg-text)!important;border-color:var(--jg-tone-33291B)!important}
#bo_list .tbl_head01 tr:hover td{background:var(--jg-tone-201A11)!important}
#bo_list .bo_tit a,#bo_list .bo_tit{color:var(--jg-text)!important}
#bo_list_total,#bo_list .bo_tit .cnt_cmt{color:var(--jg-gold)!important}
#bo_v_title,#bo_v_info,#bo_v_con,#bo_v_top,#bo_v_bot,#bo_vc,#bo_vc_w,#bo_w .write_div{background:transparent!important;color:var(--jg-text)!important;border-color:var(--jg-tone-40321D)!important}
#bo_v_con,#bo_v_con p,#bo_v_con span{color:inherit}
#bo_v_info,#bo_v_info strong,#bo_v_info span{color:var(--jg-muted)!important}
#bo_w input[type=text],#bo_w input[type=password],#bo_w textarea,#bo_w select,#bo_vc_w textarea,.bo_sch input,.bo_sch select{background:var(--jg-tone-1C1812)!important;color:var(--jg-text)!important;border:1px solid var(--jg-tone-56442A)!important;border-radius:6px!important}
#bo_w input:focus,#bo_w textarea:focus{outline:1px solid var(--jg-gold)!important}
.pg_current,.pg_page:hover{background:var(--jg-gold)!important;color:#0b0804!important;border-color:var(--jg-gold)!important}
.pg_page{background:var(--jg-tone-19150F)!important;color:var(--jg-light)!important;border-color:var(--jg-tone-42341E)!important}
/* LP 커스텀 스킨: HTML과 미디어 기능 유지, 컬러만 통일 */
.lp-board,.lp-board *{border-color:var(--jg-tone-42341F)}
.lp-board .lp-head,.lp-board .lp-feed-item,.lp-board .lp-card,.lp-board .lp-item{background:var(--jg-tone-15120F, #15120f)!important;color:var(--jg-text)!important}
.lp-board .lp-feed-title a,.lp-board .lp-head h2{color:var(--jg-light)!important}
.lp-board .lp-feed-excerpt,.lp-board .lp-feed-meta{color:var(--jg-muted)!important}
.lp-board .lp-btn-primary,.lp-board .lp-btn{background:linear-gradient(115deg,var(--jg-dark, var(--jg-tone-A77D39)),var(--jg-primary, var(--jg-tone-D6B36D)))!important;color:var(--jg-tone-110E09, #110E09)!important;border-color:var(--jg-gold)!important}
/* 회원가입 및 일반 폼 */
.register,.register_form_inner,.register_form,.form_01,.form_01 ul{background:var(--jg-tone-12110F, #12110f)!important;color:var(--jg-text)!important}
.register input[type=text],.register input[type=password],.register input[type=email],.register select{background:var(--jg-tone-1D1812)!important;color:var(--jg-text)!important;border:1px solid var(--jg-tone-5B4829)!important}
.register h2,.register label{color:var(--jg-light)!important}
@media(max-width:768px){#bo_list,#bo_v,#bo_w,.lp-board{padding:10px!important;border-radius:7px!important}.ol #ol_be_cate h2{padding:12px!important}}

/* Stage2: 헤더 및 LP 스킨. 기존 사이트 전체 폭은 유지 */
#jgtv-header{background:#090807;border-bottom:1px solid var(--jg-tone-594626);position:relative;z-index:2000}.jgtv-header-inner{max-width:1200px;margin:auto;min-height:74px;display:flex;align-items:center;gap:20px;padding:8px 14px;box-sizing:border-box}.jgtv-brand{flex-shrink:0}.jgtv-brand img{display:block;max-width:175px;max-height:55px;width:auto;height:auto}.jgtv-nav{flex:1;min-width:0}.jgtv-menu{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px;list-style:none;margin:0;padding:0}.jgtv-menu-item{position:relative;list-style:none}.jgtv-menu-item>a{display:block;padding:13px 9px;color:#eee5d7!important;font-weight:700;white-space:nowrap;font-size:13px;text-decoration:none}.jgtv-menu-item:hover>a,.jgtv-menu-item:focus-within>a{color:var(--jg-light, var(--jg-tone-E8CB87))!important}.jgtv-submenu{display:none;position:absolute;top:100%;left:0;min-width:160px;width:max-content;max-width:260px;background:var(--jg-tone-17130E)!important;border:1px solid var(--jg-tone-6C532A)!important;border-radius:6px;list-style:none;margin:0;padding:6px;box-shadow:0 12px 25px #0009;z-index:3000}.jgtv-menu-item:hover>.jgtv-submenu,.jgtv-menu-item:focus-within>.jgtv-submenu{display:block}.jgtv-submenu li{list-style:none;margin:0}.jgtv-submenu a{display:block;padding:10px 12px;color:#e7dfcf!important;background:var(--jg-tone-17130E)!important;text-decoration:none;white-space:nowrap;border-radius:4px}.jgtv-submenu a:hover,.jgtv-submenu a:focus{background:var(--jg-tone-322719)!important;color:var(--jg-light, var(--jg-tone-FFDF91))!important}.jgtv-actions{display:flex;gap:7px;flex-shrink:0}.jgtv-actions a{font-size:12px;padding:8px 10px;border-radius:6px;background:var(--jg-tone-201A12);color:var(--jg-light, var(--jg-tone-E8CB87))!important;border:1px solid var(--jg-tone-785D30);text-decoration:none}
#container_wr{display:flex!important;align-items:flex-start;gap:14px;flex-direction:row-reverse}#container{float:none!important;min-width:0;flex:1 1 auto}#aside{float:none!important;flex:0 0 235px;min-width:0}
#ol_after_private li,#ol_after_private li a,#ol_after_private a:hover,#ol_after_private a:focus,#ol_after_private li:hover,#ol_after_private li:hover a{background:var(--jg-tone-18140F)!important;color:var(--jg-tone-F0E6D4, #F0E6D4)!important}#ol_after_private a:hover strong{color:var(--jg-light, var(--jg-tone-E8CB87))!important}
.lp-board{--lp-bg:var(--jg-tone-15120F, #15120f)!important;--lp-sub:var(--jg-tone-1C1711)!important;--lp-border:var(--jg-tone-493920)!important;--lp-text:#f3ead9!important;--lp-muted:var(--jg-tone-ADA393, #ADA393)!important;--lp-accent:var(--jg-primary, var(--jg-tone-C9A45C))!important;color:#f3ead9!important}
.lp-board .lp-card,.lp-board .lp-gallery-item,.lp-board .lp-gallery-body,.lp-board .lp-gallery-thumb,.lp-board .lp-card-hd,.lp-board .lp-card-bd,.lp-board .lp-list,.lp-board .lp-list th,.lp-board .lp-list td,.lp-board .lp-info th,.lp-board .lp-info td,.lp-board .lp-content,.lp-board .lp-form-row{background-color:var(--jg-tone-15120F, #15120f)!important;color:#eee4d3!important;border-color:var(--jg-tone-493920)!important}.lp-board .lp-card-hd,.lp-board .lp-list th,.lp-board .lp-info th{background:var(--jg-tone-211A12)!important;color:var(--jg-light, var(--jg-tone-E8CB87))!important}.lp-board .lp-list tbody tr:hover td,.lp-board .lp-gallery-item:hover .lp-gallery-body{background:var(--jg-tone-241D13)!important}.lp-board .lp-muted{color:var(--jg-tone-ADA393, #ADA393)!important}.lp-board .lp-gallery-body .lp-subject a,.lp-board .lp-list .lp-subject a{color:var(--jg-light, var(--jg-tone-E8CB87))!important}
.lp-board .lp-input,.lp-board input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.lp-board textarea,.lp-board select{background:var(--jg-tone-0D0C0A, #0d0c0a)!important;color:#f3ead9!important;border:1px solid var(--jg-tone-68512C)!important}.lp-board .lp-btn,.lp-board .lp-paging a,.lp-board .lp-paging span{background:var(--jg-tone-221B12)!important;color:var(--jg-light, var(--jg-tone-E8CB87))!important;border:1px solid var(--jg-tone-74582E)!important}.lp-board .lp-btn-primary{background:linear-gradient(115deg,var(--jg-dark, var(--jg-tone-A77D39)),var(--jg-primary, var(--jg-tone-D6B36D)))!important;color:var(--jg-tone-110E09, #110E09)!important}
.lp-board .lp-content img,.lp-board .lp-card-bd img{max-width:100%!important;height:auto!important}.lp-board .lp-content iframe[src*="youtube"],.lp-board .lp-content iframe[src*="youtu.be"],.lp-board .lp-content iframe[src*="vimeo"],#bo_v_con iframe[src*="youtube"]{display:block;width:100%!important;max-width:100%!important;aspect-ratio:16/9;height:auto!important;border:0}.lp-board .lp-content iframe,.lp-board .lp-content video,#bo_v_con iframe{max-width:100%!important}.lp-board .lp-evidence>div,.lp-board .lp-card-bd{min-width:0;overflow-wrap:anywhere}
#bo_w .write_div,#bo_w .bo_w_tit,#bo_w .bo_w_link,#bo_w .bo_w_flie,#bo_w .bo_w_option{background:var(--jg-tone-15120F, #15120f)!important;color:#f3ead9!important}#bo_w .frm_input,#bo_w .frm_file,#bo_w .frm_textarea{background:var(--jg-tone-15120F, #15120f)!important;color:#f3ead9!important;border-color:var(--jg-tone-70582E)!important}
.jgtv-mt-gallery .lp-gallery-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:var(--jg-tone-211B12)!important}.jgtv-mt-gallery .jgtv-mt-placeholder{font-size:22px;font-weight:800;color:var(--jg-tone-B99652)}.jgtv-mt-gallery .lp-gallery-body{min-height:120px}.jgtv-mt-gallery .lp-subject{line-height:1.5;margin-bottom:9px}.jgtv-mt-gallery .jgtv-mt-meta{font-size:12px;color:var(--jg-tone-BFB29A);line-height:1.65;overflow-wrap:anywhere}
@media(max-width:900px){.jgtv-header-inner{flex-wrap:wrap;gap:4px 10px}.jgtv-nav{order:3;flex-basis:100%;overflow-x:auto}.jgtv-menu{justify-content:flex-start;flex-wrap:nowrap}.jgtv-actions{margin-left:auto}#aside{flex-basis:190px}}@media(max-width:640px){#container_wr{display:block!important}#container{width:100%!important}#aside{width:100%!important;margin-top:18px}.jgtv-brand img{max-width:135px}.jgtv-menu-item>a{font-size:12px;padding:10px 8px}.lp-board .lp-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.lp-board .lp-gallery{grid-template-columns:1fr}}


/* Stage 5: unified layout / pagination / account-panel fixes */
:root{--jgtv-max:1200px;--jgtv-pad:18px}
html,body{width:100%;max-width:100%;margin:0;overflow-x:clip}
#hd,#wrapper,#ft{width:100%!important;min-width:0!important;max-width:100%!important}
#jgtv-header .jgtv-header-inner,#container_wr,#ft_wr{
 width:100%!important;max-width:var(--jgtv-max)!important;
 padding-left:var(--jgtv-pad)!important;padding-right:var(--jgtv-pad)!important;
 margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important
}
#container_wr{display:flex!important;flex-direction:row-reverse!important;gap:18px!important;align-items:flex-start!important}
#container{float:none!important;flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:100%!important;margin:20px 0!important}
#aside{float:none!important;flex:0 0 235px!important;width:235px!important;min-width:0!important;margin:20px 0!important}
#container>*,#bo_list,#bo_v,#bo_w,.lp-board{max-width:100%;min-width:0;box-sizing:border-box}
#container_title{display:block!important;position:relative!important;width:100%!important;
 margin:0 0 12px!important;padding:0 0 10px!important;height:auto!important;min-height:0!important;
 background:transparent!important;border:0!important;border-bottom:1px solid var(--jg-tone-604B29)!important;
 box-shadow:none!important;color:var(--jg-light, var(--jg-tone-E8CB87))!important;font-size:15px!important;line-height:1.5!important}
#container_title span{display:inline!important;margin:0!important;padding:0!important;
 background:none!important;border:0!important;box-shadow:none!important;line-height:inherit!important}
#container_title:before,#container_title:after,#container_title span:before,#container_title span:after{display:none!important;content:none!important}
#jgtv-header .jgtv-header-inner{gap:14px!important}
.jgtv-nav{min-width:0!important}
.jgtv-menu{gap:1px!important}
.jgtv-menu-item>a{font-size:14px!important;padding:12px 7px!important}
.jgtv-submenu{min-width:0!important;width:max-content!important;max-width:min(200px,calc(100vw - 24px))!important}
.jgtv-submenu a{font-size:13px!important}
#ft_wr{display:flex!important;flex-wrap:wrap!important;gap:15px!important;padding-top:30px!important;padding-bottom:30px!important}
#ft_wr>.ft_cnt{float:none!important;width:auto!important;flex:1 1 190px!important;min-width:0!important;padding:0!important}

/* Pagination: remove legacy icon backgrounds and the duplicate Stage 3/4 pseudo-icons. */
.pg_wrap{display:block!important;float:none!important;clear:both!important;width:100%!important;
 max-width:100%!important;margin:20px auto!important;text-align:center!important;background:none!important;border:0!important}
.pg_wrap .pg{display:inline-flex!important;flex-wrap:wrap!important;align-items:center!important;
 justify-content:center!important;gap:5px!important;width:auto!important;margin:0!important;padding:0!important;
 background:none!important;border:0!important}
.pg_wrap .pg_page,.pg_wrap .pg_current{
 position:relative!important;display:inline-flex!important;flex:none!important;
 justify-content:center!important;align-items:center!important;
 width:34px!important;min-width:34px!important;max-width:34px!important;
 height:34px!important;min-height:34px!important;max-height:34px!important;
 padding:0!important;margin:0!important;line-height:1!important;
 text-indent:0!important;font-size:13px!important;font-weight:600!important;
 border-radius:6px!important;border:1px solid var(--jg-tone-70562E)!important;
 box-shadow:none!important;overflow:hidden!important;box-sizing:border-box!important;
 background:var(--jg-tone-1B1711)!important;background-image:none!important;color:var(--jg-light, var(--jg-tone-E8CB87))!important;
 text-decoration:none!important;white-space:nowrap!important
}
.pg_wrap .pg_current{background:var(--jg-primary, var(--jg-tone-C9A45C))!important;color:var(--jg-tone-100C06, #100C06)!important;border-color:var(--jg-primary, var(--jg-tone-C9A45C))!important}
.pg_wrap .pg_page:hover{background:var(--jg-tone-302518)!important;color:var(--jg-light, var(--jg-tone-F6D891))!important}
.pg_wrap .pg_start,.pg_wrap .pg_prev,.pg_wrap .pg_next,.pg_wrap .pg_end{
 background-image:none!important;font-size:0!important;color:transparent!important}
.pg_wrap .pg_start::after,.pg_wrap .pg_prev::after,.pg_wrap .pg_next::after,.pg_wrap .pg_end::after{
 display:block!important;position:static!important;font-size:17px!important;color:var(--jg-light, var(--jg-tone-E8CB87))!important;line-height:1!important}
.pg_wrap .pg_start::after{content:"«"!important}
.pg_wrap .pg_prev::after{content:"‹"!important}
.pg_wrap .pg_next::after{content:"›"!important}
.pg_wrap .pg_end::after{content:"»"!important}
.pg_wrap .pg_page:not(.pg_start):not(.pg_prev):not(.pg_next):not(.pg_end)::after{content:none!important}
.lp-board .lp-paging{display:block!important;text-align:center!important;margin:20px auto!important;
 padding:0!important;background:none!important;border:0!important}
.lp-board .lp-paging .pg_wrap{margin:0 auto!important}
.lp-board .lp-paging .pg_page,.lp-board .lp-paging .pg_current{padding:0!important;margin:0!important}

/* Account-panel hover colors */
.ol #ol_after_info{border:1px solid var(--jg-tone-7B6034)!important;color:var(--jg-light, var(--jg-tone-E8CB87))!important;background:var(--jg-tone-1C1711)!important}
.ol #ol_after_info:hover,.ol #ol_after_info:focus{border-color:var(--jg-primary, var(--jg-tone-C9A45C))!important;color:var(--jg-tone-FFE1A0)!important;background:var(--jg-tone-302416)!important}
.ol #ol_after_private li,.ol #ol_after_private li:hover,.ol #ol_after_private a,
.ol #ol_after_private a:hover,.ol #ol_after_private a:focus{background:var(--jg-tone-18140F)!important;color:var(--jg-tone-F0E6D4, #F0E6D4)!important;border-left:0!important;box-shadow:none!important}
.ol #ol_after_private a:hover::after,.ol #ol_after_private a:focus::after{display:none!important;content:none!important}
.ol #ol_after_private li:hover i,.ol #ol_after_private a:hover i{color:var(--jg-primary, var(--jg-tone-C9A45C))!important}
.ol #ol_after_private a:hover strong,.ol #ol_after_private .win_point:hover strong,
.ol #ol_after_private .win_memo:hover strong,.ol #ol_after_private .win_scrap:hover strong{
 background:var(--jg-tone-3B2D19)!important;color:var(--jg-light, var(--jg-tone-E8CB87))!important}

/* Fluid content, including galleries and embedded media */
.lp-board,.lp-board *{min-width:0}
.lp-board img,#bo_v img,#bo_list img{max-width:100%;height:auto}
.lp-board .lp-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lp-board .lp-content,.lp-board .lp-card-bd,#bo_v_con{overflow-wrap:anywhere}
.lp-board iframe,#bo_v_con iframe,.lp-board video{max-width:100%!important}
@media(max-width:1150px){
 .jgtv-header-inner{flex-wrap:wrap!important;gap:5px 12px!important}
 .jgtv-nav{order:3!important;flex:1 0 100%!important;overflow:visible!important}
 .jgtv-menu{justify-content:flex-start!important;flex-wrap:wrap!important}
 .jgtv-actions{margin-left:auto!important}
}
@media(max-width:800px){
 :root{--jgtv-pad:12px}
 #container_wr{flex-direction:column!important;gap:0!important}
 #container,#aside{width:100%!important;max-width:100%!important;flex:none!important;margin:12px 0!important}
 #aside .ol{max-width:360px}
 .lp-board .lp-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 .lp-board .lp-evidence{grid-template-columns:1fr!important}
 .lp-board .lp-form-row{grid-template-columns:1fr!important}
 .lp-board .lp-list{display:block;overflow-x:auto;max-width:100%}
 #ft_wr>.ft_cnt{flex:1 1 100%!important}
}
@media(max-width:480px){
 .jgtv-brand img{max-width:135px!important}
 .jgtv-menu-item>a{font-size:13px!important;padding:9px 8px!important}
 .jgtv-actions a{padding:7px 8px!important}
 .lp-board .lp-gallery{grid-template-columns:1fr}
 #bo_list,#bo_v,#bo_w,.lp-board{padding:10px!important}
}


/* JGTV Stage 5 alignment correction */
@media (min-width: 801px) {
    #container_wr {
        padding-left: 0 !important;
    }
}

/* Stage 7 - 280px sidebar and button-style account card */
@media(min-width:801px){#aside{flex:0 0 280px!important;width:280px!important;max-width:280px!important}#container{flex:1 1 0!important;min-width:0!important}}
#aside .ol.jg-account-card{width:100%!important;max-width:100%!important;padding:14px!important;border-radius:13px!important;background:var(--jg-tone-15120E, #15120E)!important;overflow:visible!important;box-sizing:border-box!important}
.jg-account-card #ol_after_hd{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;padding:0 0 14px!important;min-height:0!important;background:none!important;border-bottom:1px solid var(--jg-tone-5B4729)!important}
.jg-account-card #ol_after_hd h2{display:none!important}
.jg-account-card #ol_after_hd .profile_img{position:static!important;float:none!important;width:52px!important;height:52px!important;flex:0 0 52px!important;margin:0!important}
.jg-account-card #ol_after_hd .profile_img img{width:52px!important;height:52px!important;border-radius:50%!important}
.jg-account-card #ol_after_hd>strong{float:none!important;flex:1 1 100px!important;min-width:0!important;font-size:14px!important;color:var(--jg-tone-F4E4C8)!important;white-space:normal!important}
.jg-account-card #ol_after_info{position:static!important;float:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:5px 10px!important;border:1px solid var(--jg-tone-765C31)!important;border-radius:7px!important;background:var(--jg-tone-251D13)!important;color:var(--jg-light, var(--jg-tone-E8CB87))!important;font-size:12px!important;box-shadow:none!important}
.jg-account-card #ol_after_info:hover{border-color:var(--jg-light, var(--jg-tone-E8CB87))!important;background:var(--jg-tone-392B18)!important;color:var(--jg-tone-FFF0CA)!important}
.jg-account-card #ol_after_hd .btn_admin{position:static!important;float:none!important;margin:0!important}
.jg-account-card .jg-account-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:14px 0!important;padding:0!important;background:none!important;border:0!important}
.jg-account-card .jg-account-stats li{display:block!important;float:none!important;min-width:0!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
.jg-account-card .jg-account-stats li a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:94px!important;padding:10px 3px!important;background:var(--jg-tone-241C13)!important;border:1px solid var(--jg-tone-584325)!important;border-radius:10px!important;color:var(--jg-tone-DFD1B8, #DFD1B8)!important;text-align:center!important;line-height:1.3!important;box-shadow:none!important;text-decoration:none!important;font-size:12px!important}
.jg-account-card .jg-account-stats li a:hover{background:var(--jg-tone-372817)!important;border-color:var(--jg-tone-D4AD65)!important;transform:translateY(-1px);box-shadow:none!important}
.jg-account-card .jg-account-stats li a:before,.jg-account-card .jg-account-stats li a:after{display:none!important;content:none!important}
.jg-account-card .jg-account-stats li i{position:static!important;margin:0!important;font-size:19px!important;color:var(--jg-primary, var(--jg-tone-C9A45C))!important}
.jg-account-card .jg-account-stats li strong{position:static!important;display:block!important;margin:0!important;padding:0!important;background:none!important;color:var(--jg-light, var(--jg-tone-E8CB87))!important;font-size:14px!important;border:0!important}
.jg-account-card .jg-account-footer{padding:0!important;border:0!important;background:none!important}
.jg-account-card #ol_after_logout{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:39px!important;border:1px solid var(--jg-tone-74582C)!important;border-radius:8px!important;background:var(--jg-tone-231B12)!important;color:var(--jg-light, var(--jg-tone-E8CB87))!important}
.jg-account-card #ol_after_logout:hover{background:var(--jg-tone-3C2D1B)!important;color:var(--jg-tone-FFF0CA)!important}
@media(max-width:800px){#aside{flex:none!important;width:100%!important;max-width:100%!important}#aside .ol.jg-account-card{max-width:360px!important}}

/* JGTV Banner Stage 1: compact outlogin and sidebar messenger banner */
#aside .ol.jg-account-card{padding:11px!important}
.jg-account-card #ol_after_hd{padding-bottom:9px!important;gap:6px!important}
.jg-account-card #ol_after_hd .profile_img{width:42px!important;height:42px!important;flex-basis:42px!important}
.jg-account-card #ol_after_hd .profile_img img{width:42px!important;height:42px!important}
.jg-account-card #ol_after_info{min-height:30px!important;padding:3px 8px!important}
.jg-account-card .jg-account-stats{margin:9px 0!important;gap:6px!important}
.jg-account-card .jg-account-stats li a{min-height:69px!important;padding:6px 3px!important;gap:3px!important}
.jg-account-card .jg-account-stats li i{font-size:17px!important}
.jg-account-card #ol_after_logout{min-height:33px!important}
#aside .jgtv-banner-placement{margin:12px 0;display:grid;gap:10px;width:100%}
#aside .jgtv-banner-item{display:block;width:100%;overflow:hidden;border-radius:9px;border:1px solid var(--jg-tone-6E542A);background:var(--jg-tone-17120B);box-sizing:border-box}
#aside .jgtv-banner-item img{display:block;width:100%;height:auto;object-fit:contain}
