/* BASIC css start */

    /* --- [기본 스타일 유지] --- */
    .dm_content_wrap {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 80px 20px;
        box-sizing: border-box;
        color: #333;
    }
    .dm_serif { font-family: 'Nanum Myeongjo', serif; }
    .dm_sans { font-family: 'Noto Sans KR', sans-serif; }
    .dm_point_color { color: #bfa67a; } 

    /* 탭 메뉴 (6개 대응) */
    .dm_tab_menu {
        display: flex;
        justify-content: center;
        flex-wrap: wrap; /* 모바일 대응 */
        margin-bottom: 60px;
        border-bottom: 1px solid #ddd;
    }
    .dm_tab_btn {
        background: none;
        border: none;
        padding: 15px 30px; /* 버튼 간격 조정 */
        font-size: 16px;
        font-family: 'Noto Sans KR', sans-serif;
        font-weight: 500;
        color: #999;
        cursor: pointer;
        transition: all 0.3s;
        border-bottom: 3px solid transparent;
        margin-bottom: -1px;
    }
    .dm_tab_btn:hover { color: #bfa67a; }
    .dm_tab_btn.active {
        color: #222;
        font-weight: 700;
        border-bottom: 3px solid #bfa67a;
    }

    /* 탭 콘텐츠 공통 */
    .dm_tab_content {
        display: none;
        animation: fadeIn 0.6s;
    }
    .dm_tab_content.active { display: block; }
    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(10px); }
        to { opacity: 1; transform: translateY(0); }
    }

    /* 브랜드 인트로 */
    .dm_intro_box {
        text-align: center;
        margin-bottom: 80px;
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
    }
    .dm_intro_box h3 {
        font-size: 38px;
        font-weight: 700;
        margin-bottom: 25px;
        color: #111;
        letter-spacing: 1px;
    }
    .dm_intro_box p {
        font-size: 16px;
        line-height: 1.8;
        color: #555;
        word-break: keep-all;
    }
    .dm_sub_badge {
        display: inline-block;
        border: 1px solid #bfa67a;
        color: #bfa67a;
        padding: 5px 15px;
        border-radius: 20px;
        font-size: 13px;
        margin-bottom: 20px;
        font-weight: 600;
    }

    /* 상세 특징 섹션 */
    .dm_detail_flex {
        display: flex;
        gap: 50px;
        align-items: center;
        margin-bottom: 100px;
    }
    .dm_img_area {
        flex: 1.2;
        height: 500px;
        background: #f4f4f4;
        overflow: hidden;
    }
    .dm_img_area img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s;border-radius:20px
    }
    .dm_img_area:hover img { transform: scale(1.03); }

    .dm_txt_area { flex: 1; }
    .dm_feat_list { margin-top: 20px; }
    .dm_feat_item {
        margin-bottom: 35px;
        border-bottom: 1px solid #eee;
        padding-bottom: 20px;
    }
    .dm_feat_item:last-child { border-bottom: none; }
    
    .dm_feat_item h4 {
        font-size: 20px;
        margin-bottom: 12px;
        color: #222;
    }
    .dm_feat_item p {
        font-size: 15px;
        color: #666;
        line-height: 1.6;
    }

    /* 시스템 섹션 */
    .dm_system_wrap {
        background-color: #fafafa;
        padding: 80px 0;
        margin-top: 0px;
        border-top: 1px solid #eee;
    }
    .dm_sys_header { text-align: center; margin-bottom: 50px; }
    .dm_sys_header h3 { font-size: 32px; font-weight: 400; margin-bottom: 10px; }
    
    .dm_sys_grid {
        display: flex;
        justify-content: center;
        gap: 30px;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }
    .dm_sys_card {
        flex: 1;
        background: #fff;
        padding: 40px 30px;
        text-align: center;
        border: 1px solid #eee;
        transition: all 0.3s;
    }
    .dm_sys_card:hover {
        border-color: #bfa67a;
        box-shadow: 0 10px 20px rgba(0,0,0,0.05);
        transform: translateY(-5px);
    }
    .dm_sys_icon {
        width: 50px;
        height: 50px;
        background: #333;
        color: #fff;
        border-radius: 50%;
        line-height: 50px;
        margin: 0 auto 20px;
        font-size: 18px;
        font-weight: bold;
    }
    .dm_sys_card:hover .dm_sys_icon { background: #bfa67a; }

    /* 모바일 반응형 */
    @media (max-width: 768px) {
        .dm_detail_flex { flex-direction: column; }
        .dm_img_area { width: 100%; height: 300px; }
        .dm_sys_grid { flex-direction: column; }
        .dm_tab_btn { padding: 15px 10px; font-size: 13px; flex: 1 1 30%; } /* 버튼 크기 자동조절 */
        .dm_intro_box h3 { font-size: 28px; }
    }
/* BASIC css end */