/* =========================================================
&#128293; 서브페이지 전체 구조 (스타일8 최종)
========================================================= */
/* 전체 영역 */
#sub_contents{
    width:100%;
}
/* 상단 비주얼 */
#subtop_img img{
    width:100%;
    display:block;
}
/* =========================================================
&#128293; 메인 래퍼 (1280 유지 / 와인톤)
========================================================= */
#main_wrap{
    max-width:1280px;
    margin:0 auto;
    display:flex;
    gap:20px;
    align-items:flex-start;
    background:transparent;
}
/* =========================================================
&#128293; 좌측 LNB
========================================================= */
#side_contents{
    width:260px;
    flex-shrink:0;
}
/* 타이틀 */
#side_contents_title h3{
    height:70px;
    line-height:70px;
    text-align:center;
    background:#2a0a1b;
    color:#ffcc00;
    font-size:18px;
    font-weight:700;
    border:1px solid rgba(255,255,255,0.2);
}
/* 메뉴 */
#main_lnb{
    margin-top:10px;
}
#main_lnb ul{
    list-style:none;
    padding:0;
    margin:0;
}
#main_lnb ul li a{
    display:block;
    padding:12px 15px;
    text-decoration:none;
    border-bottom:1px solid rgba(255,255,255,0.2);
    color:#fff;
    font-weight:600;
}
#main_lnb ul li a:hover{
    background:rgba(255,255,255,0.08);
}
/* 상담 박스 */
#left_side_banner{
    margin-top:20px;
}
#side_banner{
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.2);
    color:#fff;
    padding:20px 10px;
    text-align:center;
}
#side_banner ul{
    list-style:none;
    padding:0;
    margin:0;
}
.banner_telno{
    font-size:22px;
    font-weight:900;
    margin:8px 0;
    color:#ffcc00;
}
/* =========================================================
&#128293; 우측 컨텐츠
========================================================= */
#contents_wrap{
    flex:1;
}
/* =========================================================
&#128293; CTA 전화 배너 (핵심)
========================================================= */
#subtop_banner{
    margin-bottom:20px;
}
.banner_box{
    background:#2a0a1b;
    padding:5px;
    margin:10px 0px;
    border:10px solid #ffcc00;
}
.banner_inner{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    background:#2a0a1b;
    padding:15px;
}
.banner_text{
    font-size:30px;
    font-weight:800;
    color:#ffcc00;
}
.banner_tel{
    font-size:45px;
    font-weight:900;
    color:#fff;
}
/* =========================================================
&#128293; 위치 표시
========================================================= */
.con_nav{

    border-bottom:1px solid #ddd;
}
.con_nav ul{
    display:flex;
}
.connav_1{
    flex:1;
    padding:10px 15px;
    font-weight:600;
    color:#fff;
}
.connav_2{
    padding:10px 15px;
    color:#888;
}
/* =========================================================
&#128293; 이미지 컨텐츠
========================================================= */
.contents_img{
    background:#fff;
}
.contents_img img{
    width:100%;
    display:block;
    margin-bottom:15px;
}


/* 게시판 버튼 복구 */




.bbsnewf5{
white-space:nowrap;
}




.bbsnewf5 a{
display:inline-block !important;
}




.bbsnewf5 img{
display:inline !important;
width:auto !important;
max-width:none !important;
vertical-align:middle !important;
margin:0 !important;
}




/* 게시판 우측 버튼 가로 정렬 */
td[style*="text-align:right"] a{
display:inline !important;
}




td[style*="text-align:right"] img{
display:inline !important;
width:auto !important;
max-width:none !important;
margin:0 !important;
vertical-align:middle !important;
}




td[style*="text-align:right"]{
white-space:nowrap !important;
}



/* =========================================================
&#128293; 모바일 메뉴 숨김 (기본)
========================================================= */
#sub_gnb{
    display:none;
}
/* =========================================================
&#128241; 모바일
========================================================= */
@media (max-width:768px){
    /* 구조 변경 */
    #main_wrap{
        flex-direction:column;
        padding:0;
        gap:15px;
    }
    #side_contents{
        display:none;
    }
    #contents_wrap{
        width:100%;
    }
    /* =========================================================
    &#128293; 모바일 상단 탭 메뉴
    ========================================================= */
    #sub_gnb{
        display:block;
        margin-bottom:3px;
    }
    #sub_gnb ul{
        display:flex;
        background:#2a0a1b;
        list-style:none;
        padding:0;
        margin:0;
    }
    #sub_gnb ul li{
        flex:1;
        text-align:center;
        border-right:1px solid rgba(255,255,255,0.2);
    }
    #sub_gnb ul li:last-child{
        border-right:none;
    }
    #sub_gnb ul li a{
        display:block;
        padding:10px 5px;
        font-size:13px;
        color:#fff;
        font-weight:700;
        text-decoration:none;
    }
    #sub_gnb ul li.active{
        background:#ffcc00;
    }
    #sub_gnb ul li.active a{
        color:#000;
    }
    /* =========================================================
    &#128293; CTA 배너 모바일
    ========================================================= */
    .banner_box{
        border:5px solid #ffcc00;
    } 
    .banner_inner{
        gap:8px;
    }
    #subtop_banner{
        margin-bottom:10px;
    }
    .banner_text{
        font-size:16px;
        white-space:nowrap;
    }
    .banner_tel{
        font-size:22px;
    }
    /* 위치 숨김 */
    .con_nav{
        display:none;
    }
}