h2 {font-weight: 700; word-break: keep-all}
p {margin-bottom: 0; word-break: keep-all}
span {font-weight: 700}
#categoryNameSelect { display: none; position: absolute; top: 0; right: 1rem }
#categoryNameSelect .com-select { width: 200px; padding: 10px 15px 10px 0; text-align: center; border-radius: 9999px }
#categoryNameSelect .com-select-cont-div { width: 200px; text-align: center; border-radius: 24px}

.introUnderLine{
background: linear-gradient(to top, #e5e5e5 40%, transparent 40%)
}
.guide-qna-pre{
    color: #FF5D1A;
}
 /*===== 변수로 크기/오프셋 쉽게 조절 =====*/
:root{
    --body-bg: #fff;         /* 페이지 배경색 */
    --notch-size: 60px;      /* 노치 지름(사진 느낌은 26~32px) */
    --notch-offset: 0px;    /* 좌우 가장자리로부터의 간격 */
    --radius: 20px;          /* 상자 모서리 둥글기 */
}

/* ===== 배너상자 ===== */
.introTop{
    position: relative;
    border-radius: var(--radius);
    overflow: hidden;
    padding: 32px 40px;
    color:#fff;
    height: 200px;
    background: url("/industry/img/intro_background1-da0ad9df891f20b2374890d55232d0f8.png") center/cover no-repeat;


}

/*!* ===== 하단 좌/우 노치 (사진처럼 반달이 파인 형태) ===== *!*/
/*.introTop::before,*/
/*.introTop::after{*/
/*    content:"";*/
/*    position:absolute;*/
/*    bottom: calc(-1 * var(--notch-size) / 2); !* 반만 보이게 *!*/
/*    width: 75%;*/
/*    height: var(--notch-size);*/
/*    background: var(--body-bg);               !* 페이지 배경색과 동일 *!*/
/*    border-radius: 50%;*/
/*    z-index: 2;*/
/*    !* 얇은 경계 표현(사진처럼 살짝 음영) *!*/
/*    box-shadow: 0 -0.5px 0 rgba(0,0,0,0.08);*/
/*}*/
/*.introTop::before{ left: 0; }*/
/*.introTop::after{  right: 0; }*/

/* ===== 내부 텍스트 ===== */
.introInner{ max-width: 1080px; }
.introTop h1{
    margin:0 0 10px 0;
    font-weight:800;
    font-size: 2.0rem;
    line-height:1.0;
    text-shadow: 0 1px 2px rgba(0,0,0,.15);   /* 가독성 보강 */
}
.introTop h3{
    margin:0;
    font-weight:500;
    font-size: 1.2rem;
    line-height:1.0;
    opacity:.98;
}
.introBold{ font-weight:800; }
#bizCodeGuide .mt-4{
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem;
}
#bizCodeGuide .mt-4 p{
    line-height: 1.2;
}

@media (max-width: 768px){
    :root{
        --notch-size: 24px;
        --notch-offset: 14px;
        --radius: 16px;
    }
    .introTop{ padding: 22px 20px; }
}



/* 숫자 원 */
.introNumber {
    position: absolute;
    left: 90px;
    top: -16px;
    z-index: 0;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #f2f2f2;
    color: #ff6600;
    font-weight: 800;
    font-size: 1.8rem;
    line-height: 56px;
    text-align: center;
    margin: 0;
    pointer-events: none;
}

/* 텍스트: 원 위에 오도록 */
.introText{
    position: relative;
    z-index: 1;              /* 숫자 원보다 위 */
    margin: 0;
    padding-left: 36px;      /* 원 왼쪽 일부만 비켜서 시작 */
    font-weight: 800;
    font-size: 1.2rem;
    color: #111;
    line-height: 1.25;
    top:30px;
}
.intro-pre-dot{
    font-size: 1.8rem;
    color: #FF5D1A;
}
#bizCodeGuide .container{
    margin-left: 3rem !important;
    margin-right: 3rem !important;
    max-width: 100%;
}

/* ====== 구분 라인 이미지 ====== */
.divider {
    width: 100%;
    height: 1px;
    display: block;
    margin: 2.5rem 0;
}



/* 미디엄 디바이스용 스타일 */
@media (max-width: 991px) {
    .ind-intro-title-div { margin-bottom: 9rem; }
    #categoryNameSelect { display: block; top: 4rem; right: 0; width: 100% }
    #categoryNameSelect .com-select { width: 100%; height: 2.5rem; padding: 5px 15px 5px 0;}
    #categoryNameSelect .com-select::before{ top: 7px; }
    #categoryNameSelect .com-select.open::before{ top:14px; }
    #categoryNameSelect .com-select-cont-div { width: 100%; top: 2.5rem }
    #categoryNameSelect .com-select-cont { height: 2.5rem; padding: 5px 15px; }
}

@media (max-width: 767px) {
    #introSrc p:nth-child(1) {display: block}
}
/* 여러 ID를 한 번에 */
#ksicGuide, #industryIntro, #bizCodeGuide, #codeGuide {
    font-size: 1.125rem;
    line-height: 1.75;
    letter-spacing: 0.01em;

    /* 기존 패딩 유지(필요시 조절) */
    padding: 3rem 5rem 5rem;

    /* 핵심: 중앙 정렬 */
    max-width: 100rem;     /* 콘텐츠 최대 너비 (예: 1280px) */
    width: min(100%, 100rem);
    margin: 0 auto;       /* 좌우 자동 여백 = 가운데 정렬 */

}

#ksicGuide h2, #industryIntro h2, #bizCodeGuide h2, #codeGuide h2 { font-size: 1.875rem; margin-top: 20px; }
#ksicGuide h3, #industryIntro h3, #bizCodeGuide h3, #codeGuide h3 { font-size: 1.375rem; }
.tbl-st-2 { width: 100% }
/*.w-100{width: 80% !important;}*/
#ksicGuide p, #ksicGuide li, #ksicGuide dd,
#industryIntro p, #industryIntro li, #industryIntro dd,
#bizCodeGuide p, #bizCodeGuide li, #bizCodeGuide dd,
#codeGuide p, #codeGuide li, #codeGuide dd { font-size: 1.125rem; }
#ksicGuide table, #industryIntro table, #bizCodeGuide table, #codeGuide table { font-size: 1.0625rem; }

.row .introText{
    font-weight: 800;
}

@media (max-width: 991px) {
    #ksicGuide, #industryIntro, #bizCodeGuide, #codeGuide { font-size: 1.0625rem; }
    #ksicGuide h2, #industryIntro h2, #bizCodeGuide h2, #codeGuide h2 { font-size: 1.625rem; }
    #ksicGuide h3, #industryIntro h3, #bizCodeGuide h3, #codeGuide h3 { font-size: 1.25rem; }
}

.box-content { position: relative; padding-top: 40px; }
.box-content:before { content: ""; position: absolute; top: -20px; left: 0; width: 100%; height: 40px; border-top-left-radius: 20px;
    border-top-right-radius: 20px; background-color: #FFFFFF; }