
/* 카지노핫썰 게시판/메인 우측 로그인창 공통 레이아웃 - 축소 버전 */
body.tanga-board-sidebar-on #container_wr,
body.tanga-main-sidebar-on #container_wr {
    max-width: 1160px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 285px !important;
    gap: 22px !important;
    align-items: start !important;
}

body.tanga-board-sidebar-on #container,
body.tanga-main-sidebar-on #container {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 20px 0 !important;
    box-sizing: border-box !important;
}

body.tanga-board-sidebar-on #aside,
body.tanga-main-sidebar-on #aside {
    display: none !important;
}

.tanga-board-side-login {
    width: 100%;
    margin: 20px 0 0;
    box-sizing: border-box;
}

.tanga-side-login-card {
    position: relative;
    background: #292929;
    border-radius: 0 0 14px 14px;
    box-shadow: 0 12px 28px rgba(0,0,0,0.11), 0 2px 8px rgba(0,0,0,0.05);
    border: 1px solid #555;
    border-top: 4px solid #f0a20a;
    overflow: hidden;
}

.tanga-side-login-card:before {
    content: none;
    display: none;
}

.tanga-side-login-body {
    padding: 14px 14px 14px;
}

.tanga-side-login-input-wrap {
    position: relative;
    margin-bottom: 8px;
}

.tanga-side-login-input {
    width: 100%;
    height: 46px;
    padding: 0 12px 0 40px;
    border: 1px solid #4b4b4b;
    border-radius: 10px;
    background: #222;
    color: #f4f4f4;
    font-size: 14px;
    box-sizing: border-box;
    outline: none;
}

.tanga-side-login-input::placeholder {
    color: #b5b5b5;
}

.tanga-side-login-input:focus {
    border-color: #f0a20a;
    box-shadow: 0 0 0 3px rgba(240,162,10,0.12);
}

.tanga-side-login-input-wrap.user:before,
.tanga-side-login-input-wrap.lock:before {
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    opacity: 0.36;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    pointer-events: none;
}

.tanga-side-login-input-wrap.user:before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21a8 8 0 0 0-16 0'/><circle cx='12' cy='7' r='4'/></svg>");
}

.tanga-side-login-input-wrap.lock:before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='5' y='11' width='14' height='10' rx='2' ry='2'/><path d='M8 11V8a4 4 0 0 1 8 0v3'/></svg>");
}

.tanga-side-login-btn {
    width: 100%;
    height: 48px;
    margin: 10px 0 10px;
    border: 0;
    border-radius: 10px;
    background: #f0a20a;
    color: #111;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.4px;
    cursor: pointer;
}

.tanga-side-login-btn:hover {
    background: #ffb51b;
}

.tanga-side-login-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.tanga-side-auto {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.tanga-side-auto > label:last-child {
    color: #9c9c9c;
    font-size: 11px;
    white-space: nowrap;
}

.tanga-side-toggle {
    position: relative;
    width: 38px;
    height: 22px;
    flex: 0 0 38px;
}

.tanga-side-toggle input {
    position: absolute;
    opacity: 0;
    inset: 0;
    margin: 0;
    cursor: pointer;
}

.tanga-side-toggle-slider {
    position: absolute;
    inset: 0;
    background: #e85b66;
    border-radius: 99px;
    box-shadow: inset 0 0 0 3px rgba(255,255,255,0.35);
    transition: .2s ease;
}

.tanga-side-toggle-slider:before {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0,0,0,0.22);
    transition: .2s ease;
}

.tanga-side-toggle input:checked + .tanga-side-toggle-slider {
    background: #f0b100;
}

.tanga-side-toggle input:checked + .tanga-side-toggle-slider:before {
    transform: translateX(16px);
}

.tanga-side-login-links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.tanga-side-login-links a {
    color: #f4f4f4;
    text-decoration: none;
}

.tanga-side-login-links .dot {
    color: #f4f4f4;
    opacity: .7;
}

.tanga-side-login-user .tanga-side-login-body {
    text-align: center;
}

.tanga-side-login-user strong {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #f4f4f4;
}

.tanga-side-login-user .user-actions {
    display: flex;
    gap: 6px;
    justify-content: center;
}

.tanga-side-login-user a {
    display: inline-block;
    padding: 8px 10px;
    border-radius: 8px;
    background: #333;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
}

.tanga-side-login-user a.logout {
    background: #f0a20a;
    color: #111;
}

@media (max-width: 1200px) {
    body.tanga-board-sidebar-on #container_wr,
    body.tanga-main-sidebar-on #container_wr {
        grid-template-columns: minmax(0, 1fr) 275px !important;
    }
}

@media (max-width: 1024px) {
    body.tanga-board-sidebar-on #container_wr,
    body.tanga-main-sidebar-on #container_wr {
        display: block !important;
        padding: 0 12px !important;
    }

    .tanga-board-side-login {
        display: none !important;
    }
}

/* 공식보증업체 검정/골드 테마 - 최종 우선 적용 */
body.official-board-page #container,
body.official-board-page #bo_list.tanga-sponsor-board,
body.official-board-page .tanga-sponsor-card,
body.official-board-page .tanga-sponsor-card-compact,
body.official-board-page .tanga-sponsor-info,
body.official-board-page .tanga-sponsor-info-simple,
body.official-board-page .tanga-info-value{
    background:#202020 !important;
    color:#f5f5f5 !important;
}
body.official-board-page .tanga-sponsor-card,
body.official-board-page .tanga-sponsor-card-compact{border-color:#555 !important}
body.official-board-page .tanga-sponsor-card:hover,
body.official-board-page .tanga-sponsor-card.is-selected{border-color:#f0a20a !important}
body.official-board-page .tanga-info-label,
body.official-board-page .tanga-card-badge,
body.official-board-page .tanga-sponsor-buttons .go{
    background:linear-gradient(180deg,#ffd45e 0%,#f0a20a 60%,#ca7d00 100%) !important;
    border-color:#f0a20a !important;
    color:#111 !important;
    text-shadow:none !important;
}
body.official-board-page .tanga-info-value.code{color:#ffc229 !important}
body.official-board-page .tanga-sponsor-buttons .detail{
    background:#202020 !important;
    border-color:#f0a20a !important;
    color:#fff !important;
}


/* 로그인창 하단 텔레그램 배너 */
.tanga-side-telegram-banner {
    display: block;
    margin: 10px 0 0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    text-decoration: none;
    background: #b40008;
}

.tanga-side-telegram-banner img {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
}

.tanga-side-telegram-banner:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(0,0,0,0.16);
}


/* 게시판 페이지 카드형 박스 + 그림자 */
body.tanga-board-sidebar-on #container {
    background: transparent !important;
}

body.tanga-board-sidebar-on #bo_list,
body.tanga-board-sidebar-on #bo_v,
body.tanga-board-sidebar-on #bo_w,
body.tanga-board-sidebar-on #bo_gall,
body.tanga-board-sidebar-on .bo_fx,
body.tanga-board-sidebar-on .board-card-wrap {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.10), 0 2px 8px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0,0,0,0.04);
}

body.tanga-board-sidebar-on #bo_list,
body.tanga-board-sidebar-on #bo_v,
body.tanga-board-sidebar-on #bo_w,
body.tanga-board-sidebar-on #bo_gall {
    padding: 22px 22px 18px;
    margin-bottom: 18px;
}

body.tanga-board-sidebar-on #bo_list > h2,
body.tanga-board-sidebar-on #bo_v > h2,
body.tanga-board-sidebar-on #bo_w > h2,
body.tanga-board-sidebar-on #bo_gall > h2 {
    margin-top: 0;
}

body.tanga-board-sidebar-on #bo_list .bo_fx,
body.tanga-board-sidebar-on #bo_v .bo_fx,
body.tanga-board-sidebar-on #bo_w .bo_fx {
    box-shadow: none;
    border: 0;
    border-radius: 0;
    background: transparent;
}

body.tanga-board-sidebar-on #bo_list .tbl_head01,
body.tanga-board-sidebar-on #bo_list .tbl_head01 table,
body.tanga-board-sidebar-on #bo_v .tbl_head01,
body.tanga-board-sidebar-on #bo_v .tbl_head01 table {
    background: #fff;
}

body.tanga-board-sidebar-on #bo_list .tbl_head01 table thead th,
body.tanga-board-sidebar-on #bo_list .tbl_head01 table tbody td,
body.tanga-board-sidebar-on #bo_v table thead th,
body.tanga-board-sidebar-on #bo_v table tbody td {
    background: #fff;
}

body.tanga-board-sidebar-on #bo_list .tbl_head01 table tbody tr:hover td,
body.tanga-board-sidebar-on #bo_list .tbl_head01 table tbody tr:hover th {
    background: #fcfcfc;
}

body.tanga-board-sidebar-on #bo_list .bo_tit,
body.tanga-board-sidebar-on #bo_v .bo_tit {
    color: #111;
}

body.tanga-board-sidebar-on #bo_list .btn,
body.tanga-board-sidebar-on #bo_v .btn,
body.tanga-board-sidebar-on #bo_w .btn {
    border-radius: 8px;
}

body.tanga-board-sidebar-on .pg_wrap {
    margin: 18px 0 0;
}

body.tanga-board-sidebar-on .pg_page,
body.tanga-board-sidebar-on .pg_current {
    border-radius: 6px;
}

body.tanga-board-sidebar-on #bo_w .tbl_frm01,
body.tanga-board-sidebar-on #bo_v .tbl_frm01,
body.tanga-board-sidebar-on #bo_w .wr_content textarea,
body.tanga-board-sidebar-on #bo_w input[type="text"],
body.tanga-board-sidebar-on #bo_w input[type="password"],
body.tanga-board-sidebar-on #bo_w select,
body.tanga-board-sidebar-on #bo_w textarea {
    border-radius: 10px;
}

body.tanga-board-sidebar-on #bo_v .view_img,
body.tanga-board-sidebar-on #bo_v .view_file,
body.tanga-board-sidebar-on #bo_v .bo_v_nb,
body.tanga-board-sidebar-on #bo_v .bo_v_share {
    border-radius: 10px;
}

@media (max-width: 1024px) {
    body.tanga-board-sidebar-on #bo_list,
    body.tanga-board-sidebar-on #bo_v,
    body.tanga-board-sidebar-on #bo_w,
    body.tanga-board-sidebar-on #bo_gall {
        padding: 16px 14px 14px;
        border-radius: 12px;
    }
}


/* 공식보증업체 게시판 상단 배너 */
.tanga-official-top-banner {
    margin: 0 0 16px;
}

.tanga-official-top-banner img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.04);
}

@media (max-width: 1024px) {
    .tanga-official-top-banner {
        margin-bottom: 12px;
    }

    .tanga-official-top-banner img {
        border-radius: 12px;
    }
}


/* 공식보증업체 상단 게시판 제목 숨김 */
body.tanga-board-sidebar-on.official-board-page #container_title,
body.tanga-board-sidebar-on.official-board-page h1#container_title,
body.tanga-board-sidebar-on.official-board-page .container_title,
body.tanga-board-sidebar-on.official-board-page #container > h2:first-child,
body.tanga-board-sidebar-on.official-board-page #container > h1:first-child {
    display:none !important;
}

/* 공식보증업체 카드 스킨은 자체 카드 디자인 사용 */
body.tanga-board-sidebar-on.official-board-page #bo_list.tanga-sponsor-board {
    padding:22px !important;
}

/* 공식보증업체 카드형 게시판 상단 Total/검색 영역 숨김 보정 */
body.official-board-page .tanga-sponsor-top,
body.official-board-page .tanga-sponsor-count,
body.official-board-page .tanga-search-open {
    display:none !important;
}


/* 공식보증업체 카드 최종 보정 */
body.official-board-page .tanga-sponsor-grid,
body.official-board-page .tanga-sponsor-grid-compact{
    gap:26px !important;
}

body.official-board-page .tanga-sponsor-img img{
    object-fit:contain !important;
    object-position:center center !important;
    background:#fff !important;
}

body.official-board-page .tanga-card-badge{
    height:50px !important;
    min-width:118px !important;
    font-size:18px !important;
    background:linear-gradient(180deg,#ff6a6a 0%,#ef4040 45%,#d82323 100%) !important;
    box-shadow:0 12px 20px rgba(217,37,37,.34),0 3px 0 rgba(130,0,0,.32),inset 0 3px 0 rgba(255,255,255,.42),inset 0 -4px 0 rgba(120,0,0,.24) !important;
}

/* 공식보증업체 게시판 최종 검정/골드 테마 */
body.official-board-page #container,
body.official-board-page #bo_list.tanga-sponsor-board{
    background:#181818 !important;
    color:#f5f5f5 !important;
}

body.official-board-page #bo_list.tanga-sponsor-board{
    border:1px solid #3b3b3b !important;
    box-shadow:0 14px 34px rgba(0,0,0,.28) !important;
}

body.official-board-page .tanga-official-top-banner{
    overflow:hidden !important;
    border:1px solid #b97900 !important;
    border-radius:14px !important;
    background:#111 !important;
    line-height:0 !important;
}

body.official-board-page .tanga-official-top-banner img{
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    border-radius:13px !important;
    box-shadow:none !important;
    object-fit:cover !important;
}

body.official-board-page .tanga-sponsor-card,
body.official-board-page .tanga-sponsor-card-compact{
    background:#242424 !important;
    border-color:#555 !important;
    box-shadow:0 10px 24px rgba(0,0,0,.32) !important;
}

body.official-board-page .tanga-sponsor-card:hover,
body.official-board-page .tanga-sponsor-card.is-selected{
    border-color:#f0a20a !important;
    box-shadow:0 14px 30px rgba(240,162,10,.16) !important;
}

body.official-board-page .tanga-sponsor-img,
body.official-board-page .tanga-sponsor-img-full,
body.official-board-page .tanga-sponsor-img img{
    background:#111 !important;
}

body.official-board-page .tanga-sponsor-info,
body.official-board-page .tanga-sponsor-info-simple{
    background:#242424 !important;
    border-color:#505050 !important;
}

body.official-board-page .tanga-info-row{
    border-bottom-color:#505050 !important;
}

body.official-board-page .tanga-info-label{
    background:#f0a20a !important;
    color:#111 !important;
}

body.official-board-page .tanga-info-value{
    background:#242424 !important;
    color:#f5f5f5 !important;
}

body.official-board-page .tanga-info-value.code{
    color:#ffc229 !important;
}

body.official-board-page .tanga-card-badge{
    color:#111 !important;
    text-shadow:none !important;
    border-color:#ffd45e !important;
    background:linear-gradient(180deg,#ffd45e 0%,#f0a20a 58%,#c77b00 100%) !important;
    box-shadow:0 7px 14px rgba(240,162,10,.28),0 2px 0 #8c5700,inset 0 2px 0 rgba(255,255,255,.48) !important;
}

body.official-board-page .tanga-sponsor-buttons .detail{
    border-color:#f0a20a !important;
    background:#242424 !important;
    color:#fff !important;
}

body.official-board-page .tanga-sponsor-buttons .go{
    border-color:#f0a20a !important;
    background:#f0a20a !important;
    color:#111 !important;
}

body.official-board-page .tanga-sponsor-buttons .go i{
    display:none !important;
}

body.official-board-page .tanga-sponsor-buttons .go:after{
    content:" ↗";
    font-size:.9em;
}

@media(max-width:768px){
    body.official-board-page #bo_list.tanga-sponsor-board{
        padding:12px !important;
        border-radius:10px !important;
    }

    body.official-board-page .tanga-official-top-banner{
        border-radius:9px !important;
    }

    body.official-board-page .tanga-official-top-banner img{
        border-radius:8px !important;
    }
}

body.official-board-page .tanga-sponsor-info .tanga-info-row:nth-child(n+3){
    display:none !important;
}

@media(max-width:640px){
    body.official-board-page .tanga-sponsor-grid,
    body.official-board-page .tanga-sponsor-grid-compact{
        grid-template-columns:1fr !important;
        gap:18px !important;
    }
}


/* 공식보증업체 카드 폰트/정렬 최종 강제 보정 */
body.official-board-page .tanga-sponsor-card{
    border:3px solid #e6333b !important;
    border-radius:16px !important;
    padding:8px 8px 10px !important;
}

body.official-board-page .tanga-info-row{
    grid-template-columns:34% minmax(0,1fr) !important;
    min-height:50px !important;
}

body.official-board-page .tanga-info-label{
    font-size:15px !important;
    white-space:nowrap !important;
    line-height:1.2 !important;
}

body.official-board-page .tanga-info-value{
    font-size:16px !important;
    white-space:nowrap !important;
    line-height:1.2 !important;
}

body.official-board-page .tanga-info-value.code{
    font-size:18px !important;
}

body.official-board-page .tanga-sponsor-buttons a{
    height:46px !important;
    font-size:15px !important;
    border-width:2px !important;
    border-radius:7px !important;
}

body.official-board-page .tanga-sponsor-info .tanga-info-row:nth-child(n+3){
    display:none !important;
}

body.official-board-page .tanga-card-badge{
    min-width:96px !important;
    height:38px !important;
    font-size:15px !important;
}

body.official-board-page .tanga-sponsor-img,
body.official-board-page .tanga-sponsor-img-full{
    aspect-ratio:1.42 / 1 !important;
}

body.official-board-page .tanga-sponsor-img img{
    object-fit:cover !important;
}

@media(max-width:768px){
    body.official-board-page .tanga-sponsor-grid,
    body.official-board-page .tanga-sponsor-grid-compact{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;
    }

    body.official-board-page .tanga-info-row{
        grid-template-columns:36% minmax(0,1fr) !important;
        min-height:38px !important;
    }

    body.official-board-page .tanga-info-label{
        font-size:12px !important;
    }

    body.official-board-page .tanga-info-value{
        font-size:13px !important;
    }

    body.official-board-page .tanga-info-value.code{
        font-size:14px !important;
    }

    body.official-board-page .tanga-sponsor-buttons a{
        height:36px !important;
        font-size:12px !important;
    }

    body.official-board-page .tanga-card-badge{
        min-width:68px !important;
        height:28px !important;
        font-size:12px !important;
    }
}

@media(max-width:420px){
    body.official-board-page .tanga-sponsor-grid,
    body.official-board-page .tanga-sponsor-grid-compact{
        grid-template-columns:1fr !important;
    }
}


/* 공식보증업체 카드 클릭테두리/배지축소 보정 */
body.official-board-page .tanga-sponsor-card{
    border-color:#eeeeee !important;
}

body.official-board-page .tanga-sponsor-card:hover,
body.official-board-page .tanga-sponsor-card.is-selected{
    border-color:#e6333b !important;
}

body.official-board-page .tanga-card-badge{
    min-width:78px !important;
    height:32px !important;
    padding:0 14px !important;
    font-size:13px !important;
}

body.official-board-page .tanga-card-badge-wrap{
    left:16px !important;
    top:16px !important;
}

@media(max-width:768px){
    body.official-board-page .tanga-card-badge{
        min-width:62px !important;
        height:25px !important;
        padding:0 9px !important;
        font-size:11px !important;
    }

    body.official-board-page .tanga-card-badge-wrap{
        left:9px !important;
        top:9px !important;
    }
}


/* 3억보증 배지 크기 보정 */
body.official-board-page .tanga-card-badge{
    min-width:76px !important;
    height:32px !important;
    padding:0 13px !important;
    font-size:13px !important;
    letter-spacing:-0.04em !important;
}

@media(max-width:768px){
    body.official-board-page .tanga-card-badge{
        min-width:60px !important;
        height:25px !important;
        padding:0 8px !important;
        font-size:11px !important;
    }
}


/* 사이트 이름 라벨 삐져나옴 최종 보정 */
body.official-board-page .tanga-info-label{
    font-size:13px !important;
    letter-spacing:-0.08em !important;
    white-space:nowrap !important;
    word-break:keep-all !important;
    overflow:hidden !important;
    padding:0 4px !important;
    box-sizing:border-box !important;
}

body.official-board-page .tanga-info-value{
    font-size:15px !important;
}

body.official-board-page .tanga-info-value.code{
    font-size:17px !important;
}

@media(max-width:768px){
    body.official-board-page .tanga-info-label{
        font-size:11px !important;
        padding:0 3px !important;
    }

    body.official-board-page .tanga-info-value{
        font-size:12px !important;
    }

    body.official-board-page .tanga-info-value.code{
        font-size:13px !important;
    }
}


/* 공식보증업체 상세페이지 토토핫형 강제 보정 */
body.official-board-page #bo_v.tt3634-view{
    padding:0 0 40px !important;
    background:#f5f6f8 !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
}


/* 상세보기 최종 보정 */
body.official-board-page #bo_v.tt3634-fixed-final{
    background:#f5f6f8 !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    padding:0 0 36px !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-img img{
    object-fit:contain !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-detail-head,
body.official-board-page .tt3634-fixed-final .tt3634-detail-tab,
body.official-board-page .tt3634-fixed-final .tt3634-detail-line{
    display:none !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-detail.no-line .tt3634-content{
    border-top:0 !important;
}


/* 게임종류 줄높이 / 태그 폰트 전역 보정 */
body.official-board-page .tt3634-fixed-final .tt3634-info tr,
body.official-board-page .tt3634-fixed-final .tt3634-info th,
body.official-board-page .tt3634-fixed-final .tt3634-info td {
    height: 55px !important;
    vertical-align: middle !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-info tr:nth-child(5),
body.official-board-page .tt3634-fixed-final .tt3634-info tr:nth-child(5) th,
body.official-board-page .tt3634-fixed-final .tt3634-info tr:nth-child(5) td {
    height: 55px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-tags {
    white-space: nowrap !important;
    overflow: hidden !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-tags span {
    min-height: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
    padding: 0 7px !important;
    margin: 0 3px 0 0 !important;
    border-radius: 5px !important;
    font-size: 12px !important;
}


/* === 2026-06-15 상세페이지 5:5 레이아웃 / 이미지 꽉차게 / 우측박스 가로확장 세로축소 === */
body.official-board-page .tt3634-fixed-final .tt3634-main,
.tt3634-fixed-final .tt3634-main{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
    gap:22px !important;
    align-items:start !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-img,
.tt3634-fixed-final .tt3634-img{
    width:100% !important;
    height:280px !important;
    min-height:280px !important;
    aspect-ratio:auto !important;
    padding:0 !important;
    background:#fff !important;
    border-radius:14px !important;
    overflow:hidden !important;
    box-shadow:0 8px 22px rgba(0,0,0,.10) !important;
    display:block !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-img img,
.tt3634-fixed-final .tt3634-img img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center center !important;
    margin:0 !important;
    border-radius:0 !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-info,
.tt3634-fixed-final .tt3634-info{
    width:100% !important;
    height:280px !important;
    min-height:280px !important;
    border-radius:18px !important;
    overflow:hidden !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-info table,
.tt3634-fixed-final .tt3634-info table{
    width:100% !important;
    height:280px !important;
    table-layout:fixed !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-info th,
.tt3634-fixed-final .tt3634-info th{
    width:155px !important;
    padding:0 20px !important;
    font-size:18px !important;
    line-height:1.15 !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-info td,
.tt3634-fixed-final .tt3634-info td{
    padding:0 18px !important;
    font-size:17px !important;
    line-height:1.2 !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-info tr,
body.official-board-page .tt3634-fixed-final .tt3634-info th,
body.official-board-page .tt3634-fixed-final .tt3634-info td,
.tt3634-fixed-final .tt3634-info tr,
.tt3634-fixed-final .tt3634-info th,
.tt3634-fixed-final .tt3634-info td{
    height:46px !important;
    vertical-align:middle !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-info tr:nth-child(5),
body.official-board-page .tt3634-fixed-final .tt3634-info tr:nth-child(5) th,
body.official-board-page .tt3634-fixed-final .tt3634-info tr:nth-child(5) td,
.tt3634-fixed-final .tt3634-info tr:nth-child(5),
.tt3634-fixed-final .tt3634-info tr:nth-child(5) th,
.tt3634-fixed-final .tt3634-info tr:nth-child(5) td{
    height:46px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-tags,
.tt3634-fixed-final .tt3634-tags{
    white-space:nowrap !important;
    overflow:hidden !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-tags span,
.tt3634-fixed-final .tt3634-tags span{
    min-height:24px !important;
    height:24px !important;
    line-height:24px !important;
    padding:0 10px !important;
    margin:0 4px 0 0 !important;
    border-radius:8px !important;
    font-size:14px !important;
}

@media (max-width: 1100px){
    body.official-board-page .tt3634-fixed-final .tt3634-main,
    .tt3634-fixed-final .tt3634-main{
        grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
        gap:18px !important;
    }
    body.official-board-page .tt3634-fixed-final .tt3634-img,
    body.official-board-page .tt3634-fixed-final .tt3634-info,
    .tt3634-fixed-final .tt3634-img,
    .tt3634-fixed-final .tt3634-info{
        height:255px !important;
        min-height:255px !important;
    }
    body.official-board-page .tt3634-fixed-final .tt3634-info table,
    .tt3634-fixed-final .tt3634-info table{
        height:255px !important;
    }
    body.official-board-page .tt3634-fixed-final .tt3634-info th,
    .tt3634-fixed-final .tt3634-info th{
        width:140px !important;
        font-size:16px !important;
        padding:0 16px !important;
    }
    body.official-board-page .tt3634-fixed-final .tt3634-info td,
    .tt3634-fixed-final .tt3634-info td{
        font-size:15px !important;
        padding:0 14px !important;
    }
}

@media (max-width: 900px){
    body.official-board-page .tt3634-fixed-final .tt3634-main,
    .tt3634-fixed-final .tt3634-main{
        grid-template-columns:1fr !important;
    }
    body.official-board-page .tt3634-fixed-final .tt3634-img,
    .tt3634-fixed-final .tt3634-img{
        height:auto !important;
        min-height:0 !important;
        aspect-ratio:1 / 1 !important;
    }
    body.official-board-page .tt3634-fixed-final .tt3634-info,
    .tt3634-fixed-final .tt3634-info{
        height:auto !important;
        min-height:260px !important;
    }
    body.official-board-page .tt3634-fixed-final .tt3634-info table,
    .tt3634-fixed-final .tt3634-info table{
        height:auto !important;
    }
}


/* === 2026-06-15 추가수정: 이미지 조금 확대 + 우측 정보박스 가로 확장 === */
body.official-board-page .tt3634-fixed-final .tt3634-main,
.tt3634-fixed-final .tt3634-main{
    grid-template-columns:minmax(0, 0.94fr) minmax(0, 1.16fr) !important;
    gap:28px !important;
    align-items:stretch !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-img,
.tt3634-fixed-final .tt3634-img{
    height:320px !important;
    min-height:320px !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-info,
.tt3634-fixed-final .tt3634-info{
    height:320px !important;
    min-height:320px !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-info table,
.tt3634-fixed-final .tt3634-info table{
    height:320px !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-info th,
.tt3634-fixed-final .tt3634-info th{
    width:210px !important;
    padding:0 26px !important;
    font-size:19px !important;
    white-space:nowrap !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-info td,
.tt3634-fixed-final .tt3634-info td{
    padding:0 28px !important;
    font-size:18px !important;
    word-break:keep-all !important;
    overflow-wrap:anywhere !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-info tr,
body.official-board-page .tt3634-fixed-final .tt3634-info th,
body.official-board-page .tt3634-fixed-final .tt3634-info td,
.tt3634-fixed-final .tt3634-info tr,
.tt3634-fixed-final .tt3634-info th,
.tt3634-fixed-final .tt3634-info td{
    height:52px !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-info tr:nth-child(5),
body.official-board-page .tt3634-fixed-final .tt3634-info tr:nth-child(5) th,
body.official-board-page .tt3634-fixed-final .tt3634-info tr:nth-child(5) td,
.tt3634-fixed-final .tt3634-info tr:nth-child(5),
.tt3634-fixed-final .tt3634-info tr:nth-child(5) th,
.tt3634-fixed-final .tt3634-info tr:nth-child(5) td{
    height:58px !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-tags,
.tt3634-fixed-final .tt3634-tags{
    white-space:normal !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:8px !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-tags span,
.tt3634-fixed-final .tt3634-tags span{
    min-height:28px !important;
    height:28px !important;
    line-height:28px !important;
    padding:0 12px !important;
    margin:0 !important;
    font-size:15px !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-info a,
.tt3634-fixed-final .tt3634-info a{
    word-break:break-all !important;
}

@media (max-width: 1200px){
    body.official-board-page .tt3634-fixed-final .tt3634-main,
    .tt3634-fixed-final .tt3634-main{
        grid-template-columns:minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
        gap:20px !important;
    }
    body.official-board-page .tt3634-fixed-final .tt3634-img,
    body.official-board-page .tt3634-fixed-final .tt3634-info,
    .tt3634-fixed-final .tt3634-img,
    .tt3634-fixed-final .tt3634-info{
        height:300px !important;
        min-height:300px !important;
    }
    body.official-board-page .tt3634-fixed-final .tt3634-info table,
    .tt3634-fixed-final .tt3634-info table{
        height:300px !important;
    }
    body.official-board-page .tt3634-fixed-final .tt3634-info th,
    .tt3634-fixed-final .tt3634-info th{
        width:185px !important;
        padding:0 20px !important;
        font-size:17px !important;
    }
    body.official-board-page .tt3634-fixed-final .tt3634-info td,
    .tt3634-fixed-final .tt3634-info td{
        font-size:16px !important;
        padding:0 20px !important;
    }
}

@media (max-width: 900px){
    body.official-board-page .tt3634-fixed-final .tt3634-main,
    .tt3634-fixed-final .tt3634-main{
        grid-template-columns:1fr !important;
    }
    body.official-board-page .tt3634-fixed-final .tt3634-img,
    .tt3634-fixed-final .tt3634-img{
        height:auto !important;
        min-height:0 !important;
        aspect-ratio:1 / 1 !important;
    }
    body.official-board-page .tt3634-fixed-final .tt3634-info,
    .tt3634-fixed-final .tt3634-info,
    body.official-board-page .tt3634-fixed-final .tt3634-info table,
    .tt3634-fixed-final .tt3634-info table{
        height:auto !important;
        min-height:0 !important;
    }
}


/* === 2026-06-15 최종수정: 이미지 여백 제거 + 정보박스 가로 확장 + 텍스트 전부 보이게 조정 === */
body.official-board-page .tt3634-fixed-final .tt3634-main,
.tt3634-fixed-final .tt3634-main{
    grid-template-columns:minmax(0, 0.90fr) minmax(0, 1.10fr) !important;
    gap:28px !important;
    align-items:stretch !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-img,
.tt3634-fixed-final .tt3634-img{
    width:100% !important;
    height:300px !important;
    min-height:300px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:stretch !important;
    justify-content:stretch !important;
    overflow:hidden !important;
    background:#fff !important;
    border-radius:24px !important;
    box-shadow:0 10px 28px rgba(0,0,0,.08) !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-img img,
.tt3634-fixed-final .tt3634-img img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-info,
.tt3634-fixed-final .tt3634-info{
    width:100% !important;
    height:300px !important;
    min-height:300px !important;
    border-radius:24px !important;
    overflow:hidden !important;
    box-shadow:0 10px 28px rgba(0,0,0,.06) !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-info table,
.tt3634-fixed-final .tt3634-info table{
    width:100% !important;
    height:300px !important;
    table-layout:fixed !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-info th,
.tt3634-fixed-final .tt3634-info th{
    width:190px !important;
    padding:0 24px !important;
    font-size:18px !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-info td,
.tt3634-fixed-final .tt3634-info td{
    padding:0 22px !important;
    font-size:17px !important;
    line-height:1.22 !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
    white-space:normal !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-info tr,
body.official-board-page .tt3634-fixed-final .tt3634-info th,
body.official-board-page .tt3634-fixed-final .tt3634-info td,
.tt3634-fixed-final .tt3634-info tr,
.tt3634-fixed-final .tt3634-info th,
.tt3634-fixed-final .tt3634-info td{
    height:50px !important;
    vertical-align:middle !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-info tr:nth-child(5),
body.official-board-page .tt3634-fixed-final .tt3634-info tr:nth-child(5) th,
body.official-board-page .tt3634-fixed-final .tt3634-info tr:nth-child(5) td,
.tt3634-fixed-final .tt3634-info tr:nth-child(5),
.tt3634-fixed-final .tt3634-info tr:nth-child(5) th,
.tt3634-fixed-final .tt3634-info tr:nth-child(5) td{
    height:50px !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-tags,
.tt3634-fixed-final .tt3634-tags{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:6px !important;
    white-space:normal !important;
    line-height:1 !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-tags span,
.tt3634-fixed-final .tt3634-tags span{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:26px !important;
    height:26px !important;
    line-height:26px !important;
    padding:0 10px !important;
    margin:0 !important;
    font-size:14px !important;
    border-radius:10px !important;
    white-space:nowrap !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-info a,
.tt3634-fixed-final .tt3634-info a{
    display:inline-block !important;
    max-width:100% !important;
    font-size:16px !important;
    line-height:1.2 !important;
    word-break:break-all !important;
}

body.official-board-page .tt3634-fixed-final .tt3634-help,
.tt3634-fixed-final .tt3634-help{
    margin-left:8px !important;
    vertical-align:middle !important;
}

@media (max-width: 1200px){
    body.official-board-page .tt3634-fixed-final .tt3634-main,
    .tt3634-fixed-final .tt3634-main{
        grid-template-columns:minmax(0, 0.92fr) minmax(0, 1.08fr) !important;
        gap:20px !important;
    }
    body.official-board-page .tt3634-fixed-final .tt3634-img,
    body.official-board-page .tt3634-fixed-final .tt3634-info,
    .tt3634-fixed-final .tt3634-img,
    .tt3634-fixed-final .tt3634-info{
        height:285px !important;
        min-height:285px !important;
    }
    body.official-board-page .tt3634-fixed-final .tt3634-info table,
    .tt3634-fixed-final .tt3634-info table{
        height:285px !important;
    }
    body.official-board-page .tt3634-fixed-final .tt3634-info th,
    .tt3634-fixed-final .tt3634-info th{
        width:170px !important;
        font-size:17px !important;
        padding:0 18px !important;
    }
    body.official-board-page .tt3634-fixed-final .tt3634-info td,
    .tt3634-fixed-final .tt3634-info td{
        font-size:16px !important;
        padding:0 18px !important;
    }
}

@media (max-width: 900px){
    body.official-board-page .tt3634-fixed-final .tt3634-main,
    .tt3634-fixed-final .tt3634-main{
        grid-template-columns:1fr !important;
    }
    body.official-board-page .tt3634-fixed-final .tt3634-img,
    .tt3634-fixed-final .tt3634-img{
        height:auto !important;
        min-height:0 !important;
        aspect-ratio:1 / 1 !important;
    }
    body.official-board-page .tt3634-fixed-final .tt3634-info,
    .tt3634-fixed-final .tt3634-info,
    body.official-board-page .tt3634-fixed-final .tt3634-info table,
    .tt3634-fixed-final .tt3634-info table{
        height:auto !important;
        min-height:0 !important;
    }
}


/* === 2026-06-15 추가최종: 이미지 꽉차게 + 정보박스 가로확장 + 세로동일 === */
html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-main,
html body.official-board-page .tt3634-fixed-final .tt3634-main,
.tt3634-fixed-final .tt3634-main{
    grid-template-columns:minmax(0, 0.88fr) minmax(0, 1.12fr) !important;
    gap:26px !important;
    align-items:stretch !important;
}

html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-img,
html body.official-board-page .tt3634-fixed-final .tt3634-img,
.tt3634-fixed-final .tt3634-img{
    width:100% !important;
    height:340px !important;
    min-height:340px !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:24px !important;
    overflow:hidden !important;
    display:block !important;
    box-shadow:0 10px 28px rgba(0,0,0,.08) !important;
}

html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-img img,
html body.official-board-page .tt3634-fixed-final .tt3634-img img,
.tt3634-fixed-final .tt3634-img img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    min-width:100% !important;
    min-height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:24px !important;
    background:transparent !important;
    box-shadow:none !important;
}

html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-info,
html body.official-board-page .tt3634-fixed-final .tt3634-info,
.tt3634-fixed-final .tt3634-info{
    width:100% !important;
    height:340px !important;
    min-height:340px !important;
    border-radius:24px !important;
    overflow:hidden !important;
    box-shadow:0 10px 28px rgba(0,0,0,.06) !important;
}

html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-info table,
html body.official-board-page .tt3634-fixed-final .tt3634-info table,
.tt3634-fixed-final .tt3634-info table{
    width:100% !important;
    height:340px !important;
    table-layout:fixed !important;
}

html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-info th,
html body.official-board-page .tt3634-fixed-final .tt3634-info th,
.tt3634-fixed-final .tt3634-info th{
    width:185px !important;
    padding:0 22px !important;
    font-size:17px !important;
    line-height:1.15 !important;
    letter-spacing:-0.2px !important;
    white-space:nowrap !important;
}

html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-info td,
html body.official-board-page .tt3634-fixed-final .tt3634-info td,
.tt3634-fixed-final .tt3634-info td{
    padding:0 18px !important;
    font-size:16px !important;
    line-height:1.18 !important;
    letter-spacing:-0.2px !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
    white-space:normal !important;
}

html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-info tr,
html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-info th,
html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-info td,
html body.official-board-page .tt3634-fixed-final .tt3634-info tr,
html body.official-board-page .tt3634-fixed-final .tt3634-info th,
html body.official-board-page .tt3634-fixed-final .tt3634-info td,
.tt3634-fixed-final .tt3634-info tr,
.tt3634-fixed-final .tt3634-info th,
.tt3634-fixed-final .tt3634-info td{
    height:56px !important;
    vertical-align:middle !important;
}

html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-info tr:nth-child(5),
html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-info tr:nth-child(5) th,
html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-info tr:nth-child(5) td,
html body.official-board-page .tt3634-fixed-final .tt3634-info tr:nth-child(5),
html body.official-board-page .tt3634-fixed-final .tt3634-info tr:nth-child(5) th,
html body.official-board-page .tt3634-fixed-final .tt3634-info tr:nth-child(5) td,
.tt3634-fixed-final .tt3634-info tr:nth-child(5),
.tt3634-fixed-final .tt3634-info tr:nth-child(5) th,
.tt3634-fixed-final .tt3634-info tr:nth-child(5) td{
    height:60px !important;
}

html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-tags,
html body.official-board-page .tt3634-fixed-final .tt3634-tags,
.tt3634-fixed-final .tt3634-tags{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:8px !important;
    width:100% !important;
    overflow:visible !important;
}

html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-tags span,
html body.official-board-page .tt3634-fixed-final .tt3634-tags span,
.tt3634-fixed-final .tt3634-tags span{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:28px !important;
    height:28px !important;
    line-height:28px !important;
    padding:0 10px !important;
    font-size:13px !important;
    white-space:nowrap !important;
    border-radius:10px !important;
}

html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-url,
html body.official-board-page .tt3634-fixed-final .tt3634-url,
.tt3634-fixed-final .tt3634-url{
    font-size:15px !important;
    line-height:1.15 !important;
    word-break:break-all !important;
}

@media (max-width: 1200px){
    html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-main,
    html body.official-board-page .tt3634-fixed-final .tt3634-main,
    .tt3634-fixed-final .tt3634-main{
        grid-template-columns:minmax(0, 0.90fr) minmax(0, 1.10fr) !important;
        gap:20px !important;
    }
    html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-img,
    html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-info,
    html body.official-board-page .tt3634-fixed-final .tt3634-img,
    html body.official-board-page .tt3634-fixed-final .tt3634-info,
    .tt3634-fixed-final .tt3634-img,
    .tt3634-fixed-final .tt3634-info{
        height:310px !important;
        min-height:310px !important;
    }
    html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-info table,
    html body.official-board-page .tt3634-fixed-final .tt3634-info table,
    .tt3634-fixed-final .tt3634-info table{
        height:310px !important;
    }
    html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-info th,
    html body.official-board-page .tt3634-fixed-final .tt3634-info th,
    .tt3634-fixed-final .tt3634-info th{
        width:165px !important;
        font-size:16px !important;
    }
    html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-info td,
    html body.official-board-page .tt3634-fixed-final .tt3634-info td,
    .tt3634-fixed-final .tt3634-info td{
        font-size:15px !important;
    }
}

@media (max-width: 900px){
    html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-main,
    html body.official-board-page .tt3634-fixed-final .tt3634-main,
    .tt3634-fixed-final .tt3634-main{
        grid-template-columns:1fr !important;
    }
    html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-img,
    html body.official-board-page .tt3634-fixed-final .tt3634-img,
    .tt3634-fixed-final .tt3634-img{
        height:auto !important;
        min-height:0 !important;
        aspect-ratio:1 / 1 !important;
    }
    html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-info,
    html body.official-board-page .tt3634-fixed-final .tt3634-info,
    .tt3634-fixed-final .tt3634-info,
    html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-info table,
    html body.official-board-page .tt3634-fixed-final .tt3634-info table,
    .tt3634-fixed-final .tt3634-info table{
        height:auto !important;
        min-height:0 !important;
    }
}


/* === 2026-06-15 추가수정: 게임종류 태그 폰트 축소 === */
html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-tags,
html body.official-board-page .tt3634-fixed-final .tt3634-tags,
.tt3634-fixed-final .tt3634-tags{
    gap:6px !important;
}

html body.official-board-page #bo_v.tt3634-fixed-final .tt3634-tags span,
html body.official-board-page .tt3634-fixed-final .tt3634-tags span,
.tt3634-fixed-final .tt3634-tags span{
    min-height:24px !important;
    height:24px !important;
    line-height:24px !important;
    padding:0 8px !important;
    font-size:11px !important;
    letter-spacing:-0.2px !important;
    border-radius:8px !important;
}


/* 글쓰기 취소 / 작성완료 버튼 입체 정렬만 적용 - PHP 수정 없음 */
.tanga-write-btns,
.btn_confirm,
.write_div + .btn_confirm{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    gap:18px !important;
    margin-top:28px !important;
    padding-top:22px !important;
    border-top:1px solid #ececec !important;
}

.tanga-write-btns a,
.tanga-write-btns button,
.btn_confirm .btn_cancel,
.btn_confirm .btn_submit,
.btn_confirm a,
.btn_confirm button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:140px !important;
    height:58px !important;
    padding:0 30px !important;
    border-radius:14px !important;
    font-size:18px !important;
    font-weight:900 !important;
    letter-spacing:-0.03em !important;
    text-decoration:none !important;
    border:0 !important;
    cursor:pointer !important;
    box-sizing:border-box !important;
}

.tanga-write-btns .btn_cancel,
.btn_confirm .btn_cancel,
.btn_confirm a.btn_cancel{
    background:linear-gradient(180deg,#d3d3d3 0%,#adadad 100%) !important;
    color:#222 !important;
    box-shadow:0 8px 0 #8e8e8e, 0 12px 18px rgba(0,0,0,.18) !important;
}

.tanga-write-btns .btn_submit,
.btn_confirm .btn_submit,
.btn_confirm button.btn_submit{
    background:linear-gradient(180deg,#ff4b55 0%,#df2f35 100%) !important;
    color:#fff !important;
    box-shadow:0 8px 0 #b91d25, 0 12px 18px rgba(223,47,53,.24) !important;
}

.tanga-write-btns a:active,
.tanga-write-btns button:active,
.btn_confirm a:active,
.btn_confirm button:active{
    transform:translateY(4px) !important;
    box-shadow:0 4px 0 rgba(0,0,0,.25), 0 7px 12px rgba(0,0,0,.14) !important;
}

@media(max-width:640px){
    .tanga-write-btns,
    .btn_confirm,
    .write_div + .btn_confirm{
        justify-content:center !important;
        gap:10px !important;
    }

    .tanga-write-btns a,
    .tanga-write-btns button,
    .btn_confirm .btn_cancel,
    .btn_confirm .btn_submit,
    .btn_confirm a,
    .btn_confirm button{
        min-width:110px !important;
        height:48px !important;
        font-size:15px !important;
        padding:0 18px !important;
    }
}


/* 본문 HTML/이미지 정상 표시 + 새글쓰기 버튼 */
.tt3634-content img,
.tanga-sponsor-content img,
.bo_v_con img{
    max-width:100% !important;
    height:auto !important;
    display:block !important;
    margin:0 auto 18px !important;
}

.tt3634-content{
    word-break:keep-all !important;
    overflow-wrap:break-word !important;
}

.tanga-list-write-wrap{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    margin:22px 0 10px !important;
}

.tanga-list-write-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:120px !important;
    height:46px !important;
    padding:0 22px !important;
    border-radius:12px !important;
    background:linear-gradient(180deg,#ff4b55 0%,#df2f35 100%) !important;
    color:#fff !important;
    font-size:16px !important;
    font-weight:900 !important;
    text-decoration:none !important;
    box-shadow:0 6px 0 #b91d25, 0 10px 16px rgba(223,47,53,.22) !important;
}

.tanga-list-write-btn:active{
    transform:translateY(3px) !important;
    box-shadow:0 3px 0 #b91d25, 0 6px 10px rgba(223,47,53,.18) !important;
}

/* 글쓰기 취소/작성완료 버튼 정렬 */
.tanga-write-btns,
.btn_confirm,
.write_div + .btn_confirm{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    gap:18px !important;
    margin-top:28px !important;
    padding-top:22px !important;
    border-top:1px solid #ececec !important;
}

.tanga-write-btns a,
.tanga-write-btns button,
.btn_confirm .btn_cancel,
.btn_confirm .btn_submit,
.btn_confirm a,
.btn_confirm button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:140px !important;
    height:58px !important;
    padding:0 30px !important;
    border-radius:14px !important;
    font-size:18px !important;
    font-weight:900 !important;
    text-decoration:none !important;
    border:0 !important;
    cursor:pointer !important;
    box-sizing:border-box !important;
}

.tanga-write-btns .btn_cancel,
.btn_confirm .btn_cancel,
.btn_confirm a.btn_cancel{
    background:linear-gradient(180deg,#d3d3d3 0%,#adadad 100%) !important;
    color:#222 !important;
    box-shadow:0 8px 0 #8e8e8e, 0 12px 18px rgba(0,0,0,.18) !important;
}

.tanga-write-btns .btn_submit,
.btn_confirm .btn_submit,
.btn_confirm button.btn_submit{
    background:linear-gradient(180deg,#ff4b55 0%,#df2f35 100%) !important;
    color:#fff !important;
    box-shadow:0 8px 0 #b91d25, 0 12px 18px rgba(223,47,53,.24) !important;
}


/* 게시글 본문 이미지 URL 실제 이미지 표시 */
.tt3634-content .tanga-view-img-fixed{
    margin:0 0 24px !important;
    padding:0 !important;
    text-align:center !important;
}

.tt3634-content .tanga-view-img-fixed img,
.tt3634-content img{
    display:block !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 auto 20px !important;
    border:0 !important;
}


/* 카드 이미지 1개 / 게시글 이미지 여러개 첨부 */
.tanga-file-guide{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:14px 16px;
    margin-bottom:14px;
    border-radius:12px;
    background:#fff5f5;
    border:1px solid #ffd0d0;
    color:#333;
}

.tanga-file-guide strong{
    color:#df2f35;
    font-size:15px;
    font-weight:900;
}

.tanga-file-guide span{
    color:#666;
    font-size:13px;
}

.tanga-file-item{
    display:grid;
    grid-template-columns:140px minmax(0,1fr);
    gap:12px;
    align-items:start;
    padding:14px 0;
    border-bottom:1px dashed #ddd;
}

.tanga-file-item:last-child{
    border-bottom:0;
}

.tanga-file-label{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    border-radius:10px;
    background:#f1f1f1;
    color:#333;
    font-weight:800;
}

.tanga-file-item.is-card-file .tanga-file-label{
    background:#df2f35;
    color:#fff;
}

.tanga-file-input .frm_file{
    width:100%;
    padding:12px;
    border:1px dashed #bbb;
    border-radius:10px;
    background:#fafafa;
    box-sizing:border-box;
}

.tanga-file-input .file-desc{
    margin-top:8px;
}

.tanga-file-input .file-del{
    display:block;
    margin-top:8px;
    color:#666;
    font-size:13px;
}

.tanga-view-attach-img{
    margin:0 auto 26px;
    text-align:center;
}

.tanga-view-attach-img img{
    display:block;
    max-width:100%;
    height:auto;
    margin:0 auto;
    border-radius:10px;
}

@media(max-width:640px){
    .tanga-file-item{
        grid-template-columns:1fr;
        gap:8px;
    }

    .tanga-file-label{
        justify-content:flex-start;
        padding:0 12px;
    }
}


/* 상세페이지 상단 게시글 제목 */
.tt3634-post-title{
    margin:0 0 0 !important;
    padding:0 0 18px !important;
    border-bottom:1px solid #d9dde3 !important;
    color:#000 !important;
    font-size:32px !important;
    line-height:1.25 !important;
    font-weight:900 !important;
    letter-spacing:-0.04em !important;
    word-break:keep-all !important;
}

.tt3634-fixed-final .tt3634-head,
.tt3634-view .tt3634-head{
    border-top:0 !important;
    border-bottom:0 !important;
}

@media(max-width:640px){
    .tt3634-post-title{
        font-size:24px !important;
        padding-bottom:14px !important;
    }
}


/* 상단 본문 바로가기 / 팝업레이어 알림 숨김 */
#skip_to_container,
#hd_pop,
#hd_pop h2,
#hd_pop .hd_pops,
#hd_pop_btn,
.sound_only.skip,
a[href="#container"].skip,
a[href="#container_wr"],
a[href="#container"]{
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    overflow:hidden !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: auto !important;
}

/* 팝업레이어가 내용 없을 때 생기는 상단 빈 공간 제거 */
body > #hd_pop,
body > #skip_to_container{
    display:none !important;
    margin:0 !important;
    padding:0 !important;
    height:0 !important;
}

/* 우측 사이드 추가 패널 */
.tanga-side-extra-panels {
    margin-top: 12px;
}

.tanga-side-extra-panels-inner {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tanga-side-panel {
    background: #292929;
    border: 1px solid #555;
    border-top: 4px solid #f0a20a;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.03);
}

.tanga-side-panel-title,
.tanga-side-rank-tabs {
    margin: 0;
}

.tanga-side-panel-title {
    padding: 14px 16px 13px;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.4px;
    color: #f4f4f4;
    background: #252525;
    border-bottom: 1px solid #4b4b4b;
}

.tanga-side-panel-body {
    padding: 10px 12px 12px;
}

.tanga-side-empty {
    padding: 14px 12px;
    color: #8e8e8e;
    font-size: 13px;
    text-align: center;
}

.tanga-side-mini-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tanga-side-mini-list li + li {
    border-top: 1px dashed #4b4b4b;
}

.tanga-side-mini-link {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 10px 4px;
    color: #f4f4f4;
    text-decoration: none;
}

.tanga-side-mini-link:hover .tanga-side-mini-subject {
    color: #ffb51b;
}

.tanga-side-mini-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: #f0a20a;
    color: #111;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.tanga-side-mini-subject {
    display: block;
    min-width: 0;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .15s ease;
}

.tanga-side-mini-date {
    color: #9c8e93;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.tanga-side-rank-panel {
    background: #292929;
}

.tanga-side-rank-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 12px 12px 0;
    gap: 8px;
    background: #252525;
}

.tanga-side-rank-tab {
    height: 42px;
    border: 1px solid #555;
    border-bottom: 2px solid #555;
    background: #252525;
    color: #ddd;
    border-radius: 12px 12px 0 0;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -0.4px;
    cursor: pointer;
}

.tanga-side-rank-tab.is-active {
    background: #f0a20a;
    color: #111;
    border-color: #f0a20a;
    box-shadow: 0 10px 18px rgba(240,162,10,0.16);
}

.tanga-side-rank-panes {
    border-top: 3px solid #f0a20a;
    margin-top: -1px;
    padding: 14px 12px 14px;
}

.tanga-side-rank-pane {
    display: none;
}

.tanga-side-rank-pane.is-active {
    display: block;
}

.tanga-side-rank-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tanga-side-rank-list li {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 8px 2px;
}

.tanga-side-rank-list li + li {
    border-top: 1px dashed #4b4b4b;
}

.tanga-side-rank-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #3b3b3b;
    color: #eee;
    font-size: 12px;
    font-weight: 800;
}

.tanga-side-rank-badge.rank-1 {
    background: #f0a20a;
    color: #111;
}

.tanga-side-rank-badge.rank-2 {
    background: #d18b00;
    color: #111;
}

.tanga-side-rank-badge.rank-3 {
    background: #a97100;
    color: #111;
}

.tanga-side-rank-name {
    min-width: 0;
    font-size: 14px;
    font-weight: 700;
    color: #f4f4f4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tanga-side-rank-value {
    color: #ffb51b;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.tanga-side-rank-value.exp {
    letter-spacing: -0.1px;
}


/* 우측 사이드 강제 보정 */
.tanga-board-side-login .tanga-side-extra-panels {
    display: block !important;
    margin-top: 12px !important;
}

.tanga-board-side-login .tanga-side-panel {
    background: #292929 !important;
    border: 1px solid #555 !important;
    border-top: 4px solid #f0a20a !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.07) !important;
}

.tanga-board-side-login .tanga-side-panel-title {
    color: #f4f4f4 !important;
    background: #252525 !important;
    border-bottom: 1px solid #4b4b4b !important;
}

.tanga-board-side-login .tanga-side-mini-label,
.tanga-board-side-login .tanga-side-rank-badge,
.tanga-board-side-login .tanga-side-rank-tab.is-active {
    background: #f0a20a !important;
    color: #111 !important;
}

/* 회원가입 화면: 작은 가입 폼 + 전체 우측 패널 */
body.tanga-member-sidebar-on #container_wr {
    width: 100% !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 300px !important;
    gap: 20px !important;
    align-items: start !important;
}

body.tanga-member-sidebar-on #container {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 18px 0 32px !important;
    box-sizing: border-box !important;
}

body.tanga-member-sidebar-on #container_title {
    margin: 0 0 14px !important;
    padding: 15px 18px !important;
    min-height: 0 !important;
    font-size: 19px !important;
    line-height: 1.35 !important;
    border-top-color: #f0a20a !important;
}

body.tanga-member-sidebar-on #aside {
    display: none !important;
}

body.tanga-member-sidebar-on .tanga-board-side-login {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 18px 0 32px !important;
    overflow: visible !important;
}

body.tanga-member-sidebar-on .tanga-side-mini-link {
    align-items: start !important;
}

body.tanga-member-sidebar-on .tanga-side-mini-subject {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.35 !important;
}

/* 가입/사이드 영역의 남은 빨간 강조색을 노란색으로 통일 */
body.tanga-member-sidebar-on .tanga-side-toggle-slider,
.tanga-board-side-login .tanga-side-toggle-slider {
    background: #8b8b8b !important;
}

body.tanga-member-sidebar-on .tanga-side-toggle input:checked + .tanga-side-toggle-slider,
.tanga-board-side-login .tanga-side-toggle input:checked + .tanga-side-toggle-slider {
    background: #f0a20a !important;
}

.tanga-board-side-login .tanga-side-telegram-banner {
    background: #202020 !important;
    border-color: #f0a20a !important;
}

@media (max-width: 1024px) {
    body.tanga-member-sidebar-on #container_wr {
        display: block !important;
        padding: 0 12px !important;
    }

    body.tanga-member-sidebar-on #container {
        max-width: 680px !important;
        margin: 14px auto 22px !important;
    }

    body.tanga-member-sidebar-on .tanga-board-side-login {
        display: block !important;
        width: 100% !important;
        max-width: 680px !important;
        margin: 0 auto 28px !important;
    }
}

/* 공식보증업체 검정/골드 테마 - 파일 마지막 최종 적용 */
body.official-board-page #container,
body.official-board-page #bo_list.tanga-sponsor-board,
body.official-board-page .tanga-sponsor-card,
body.official-board-page .tanga-sponsor-card-compact,
body.official-board-page .tanga-sponsor-info,
body.official-board-page .tanga-sponsor-info-simple,
body.official-board-page .tanga-info-value{
    background:#202020 !important;
    color:#f5f5f5 !important;
}
body.official-board-page .tanga-sponsor-card,
body.official-board-page .tanga-sponsor-card-compact{border-color:#555 !important}
body.official-board-page .tanga-sponsor-card:hover,
body.official-board-page .tanga-sponsor-card.is-selected{border-color:#f0a20a !important}
body.official-board-page .tanga-info-label,
body.official-board-page .tanga-card-badge,
body.official-board-page .tanga-sponsor-buttons .go{
    background:linear-gradient(180deg,#ffd45e 0%,#f0a20a 60%,#ca7d00 100%) !important;
    border-color:#f0a20a !important;
    color:#111 !important;
    text-shadow:none !important;
}
body.official-board-page .tanga-info-value.code{color:#ffc229 !important}
body.official-board-page .tanga-sponsor-buttons .detail{
    background:#202020 !important;
    border-color:#f0a20a !important;
    color:#fff !important;
}
