/* 서브 헤더 */
header { box-shadow: none; }

/* 서브 레이어팝업 */
.popLyrt { position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.6); width: 100vw; height: 100vh; z-index: 99; }
.popLyrt { display: none; }
.popLyrt.active { display: block; }
.popLyrt .popBox { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.popLyrt .popBox .ppDetail { overflow-y: auto; max-height: calc(100vh - 2rem); }

/* 이미지박스 tpyeB */
.rsp_img.typeB { padding: 0 !important; border: none !important; }

/* 퍼블 박스 260316 */ 
.pubBox { position: relative; display: flex; align-items: center; justify-content: center; border: 1px solid #D5D5D5; border-radius: 1.4rem; padding: 2.35rem; margin-top: 2.5rem; }

/* 0202_One-Stop 지원단 운영 260316 */
.oneStopWrap { position: relative; width:100%; margin: 0 auto; padding-left: 11.35rem; padding-top: 8.9rem; overflow: hidden; min-height: 31.8rem; }
.oneStopWrap .lft { position: absolute; left: 0; top: 0; width: 7.5rem; }
.oneStopWrap .lft > ul { display: flex; flex-direction: column; gap: 2.6rem; width: 100%; }
.oneStopWrap .lft > ul > li { border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 0.75rem; background: #f0f1ff; height: 6rem; padding: 0 0.8rem; position: relative; border: 2px solid transparent; }
.oneStopWrap .lft > ul > li::before { position: absolute; content: "\f5d2"; left: 50%; font-family: 'remixicon'; transform: translateX(-50%); bottom: -2.1rem; color: #C8C8C8; font-size: 1.3rem; }
.oneStopWrap .lft > ul > li:last-child { border-color: #9195c9; }
.oneStopWrap .lft > ul > li:last-child::before { display: none; }
.oneStopWrap .lft > ul > li.rightLine::after { position: absolute; content: ""; width: 100vw; top: 50%; left: 0; transform: translateY(-50%); height: 5px; background: #e9e9e9; z-index: -1; }
.oneStopWrap .lft > ul > li > span { display: block; text-align: center; color: #000; font-size: 0.9rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.oneStopWrap .rgt { position: relative; }
.oneStopWrap .rgt ul.oneDep { display: flex; gap: 1.25rem; overflow:hidden; }
.oneStopWrap .rgt ul.oneDep > li { flex: 1; position: relative; display:grid;
  grid-template-rows:auto 1fr; }
.oneStopWrap .rgt ul.oneDep > li::before { position: absolute; content: ""; left: 50%; transform: translateX(-50%); top: 0; width: 5px; background: #e9e9e9; height: 100vh; z-index: -1; }
.oneStopWrap .rgt ul.oneDep > li > span { display: inline-flex; align-items: center; justify-content: center; color: #fff; width: 100%; padding: 0.7rem 0.5rem; min-height: 4rem; font-size: 0.9rem; font-weight: bold; border-radius: 0.75rem; word-break: keep-all; text-align: center; }
.oneStopWrap .rgt ul.oneDep > li:nth-child(1) > span { background: #FF79A9; }
.oneStopWrap .rgt ul.oneDep > li:nth-child(2) > span { background: #9D64DA; }
.oneStopWrap .rgt ul.oneDep > li:nth-child(3) > span { background: #545FD5; }
.oneStopWrap .rgt ul.oneDep > li:nth-child(4) > span { background: #00ABBE; }
.oneStopWrap .rgt ul.oneDep > li:nth-child(5) > span { background: #03BCA6; }
.oneStopWrap .rgt ul.twoDep { margin-top: 1rem; width: 100%; background: #F2F2F2; border: 1px solid #d9d9d9; border-radius: 0.75rem; padding: 0.75rem; display: flex; flex-direction: column; gap: 0.5rem; }
.oneStopWrap .rgt ul.twoDep > li { background-color: #fff; width: 100%; border-radius: 0.5rem; font-size: 0.8rem; font-weight: 500; text-align: center; padding: 0.5rem; }

/* 특별교육 및 심리치료 기관 안내 260316 */
.eduProcess { display:grid; grid-template-columns:7.5rem 1fr 1fr; gap:1.6rem 2rem; width: 100%; max-width: 46.5rem; word-break: keep-all; }
.eduProcess .head { background:#3F4E81; color:#fff; padding:0.95rem; border-radius:0.75rem; display: inline-flex; align-items: center; justify-content: center; font-weight:bold; font-size: 0.9rem; text-align: center; }
.eduProcess .type { background:#F0F1FF; padding:1rem; border-radius:0.75rem; text-align:center; font-weight:bold; font-size: 0.9rem; color: #000000; display:flex; align-items:center; justify-content:center; border: 1px solid #CBCDEA; }
.eduProcess > * { position: relative; }
.eduProcess > *::before { position: absolute; content: "\ea4e"; left: 50%; transform: translateX(-50%); bottom: -1.85rem; font-size: 2rem; color: #cfcfcf; font-family: 'remixicon'; font-weight: 400; line-height: 1; }
.eduProcess .noArrow:before { display: none !important; }
.eduProcess .type1{ grid-row: span 2; }
.eduProcess .type2{ grid-row: span 3; }
.eduProcess .step { background:#F4F4F4; padding:1.05rem 1.5rem; border-radius:0.75rem; display: inline-flex; align-items: center; justify-content: center; text-align: center; border: 1px solid #DFDFDF; font-size: 0.8rem; font-weight: 500; flex-direction: column; gap: 0.75rem; word-break: keep-all; color: #000; }
.eduProcess .step > p.pc_blue { color: #3F4E81 !important; font-size: 0.8rem; font-weight: 500; }

/* 교권보호위원회 260316 */
.subStep { display: flex; flex-wrap: wrap; gap: 2.7rem; margin-top: 2.5rem; }  
.subStep li { position: relative; flex: 1; display: grid; grid-template-rows: auto 1fr; }
.subStep li:before { position: absolute; content: "\f5d2"; right: -2.05rem; font-family: 'remixicon'; top: 50%; transform: translateY(-50%) rotate(-90deg); color: #C8C8C8; font-size: 1.3rem; }
.subStep li:last-child:before { display: none; }
.subStep li > span { display: block; width: 100%; text-align: center; border-radius: 0.75rem 0.75rem 0 0; background: #4d6dd9; padding: 0.4rem 0.5rem; font-size: 0.8rem; color: #fff; }
.subStep li > span > em { font-weight: bold; margin-left: 0.25rem; }
.subStep li > .bot { border-radius: 0 0 0.75rem 0.75rem; background: #EBF0FF; padding: 1rem 1rem 1.25rem; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 1rem; text-align: center; }
.subStep li > .bot > img { max-width: 2.35rem; }
.subStep li > .bot > p { color: #000000; font-weight: 500; word-break: keep-all; line-height: 1.2; }

/* 0101_인사말 */
.greeting { position: relative; padding-right: 28rem; }
.greeting .txt .tit { margin-bottom: 2.5rem; font-family: 'Jalnan2'; font-weight: 500; }
.greeting .txt .tit em { color: #C8CBFF; display: block; font-size: 1rem; }
.greeting .txt .tit span { color: #FFFFFF; display: block; font-size: 1.4rem; margin-top: 0.35rem; }
.greeting .txt .grtTxt { position: absolute; right: 2.5rem; top: 3.15rem; max-width: 14.05rem; }
.greeting .txt { background: #3F4E81 url('/images/web/forteacher/sub_cnt/greeting_Bg02.png')no-repeat right bottom; border-radius: 1.5rem 5rem 1.5rem 1.5rem; padding: 3rem 2.5rem; position: relative; }
.greeting .txt p { font-size: 0.9rem; font-weight: 500; line-height: 1.75rem; color: #fff; word-break: keep-all; }
.greeting .txt p ~ p { margin-top: 1.75rem; }
.greeting .grtImg { position: absolute; right: 0; bottom: 3.5rem; max-width: 42.4rem; z-index: -1; }

/* 0301_01_스트레스 */
.surveyLst { margin-top: 1rem; display: flex; flex-direction: column; gap: 1rem; }
.surveyLst > li { border: 1px solid #D3D3D9; border-radius: 0.75rem; overflow: hidden; }
.surveyLst > li .top { background: #F8F8F8; padding: 0.7rem 1.5rem; border-bottom: 1px solid #D3D3D9; }
.surveyLst > li .top p { color: #000000; font-size: 0.8rem; font-weight: 600; }
.surveyLst > li .rdoBox { padding: 0.75rem 1.5rem; background: #fff; }
.surveyLst > li .rdoBox ul { gap: 1rem 2rem; } 
#surveyPop .popBox { width: 27.5rem; background: #fff; border-radius: 0.75rem; }
#surveyPop .popBox .popClose { position: absolute; bottom: 0; left: 0; width: 100%; background: #F0F4FF; color: #000000; font-size: 1rem; font-weight: 500; height: 3rem; border-radius: 0 0 0.75rem 0.75rem; }
#surveyPop .popBox .ppDetail { padding: 1.5rem 1.5rem 4.65rem 1.5rem; }
#surveyPop .popBox .ppDetail .tit { display: flex; flex-direction: column; gap: 0.6rem; align-items: center; justify-content: center; color: #000000; font-size: 1.3rem; font-weight: bold; } 
#surveyPop .popBox .ppDetail .tit img { font-size: 0; line-height: 0; }
#surveyPop .popBox .ppDetail .txt { margin: 1.25rem 0; background: #F3F3F3; border-radius: 0.75rem; padding: 1.25rem; }
#surveyPop .popBox .ppDetail .txt p { color: #000000; font-size: 0.9rem; font-weight: 400; }
#surveyPop .popBox .ppDetail > p { font-size: 0.9rem; color: #000000; text-align: center; }

/* 0401_개인심리상담 지원 안내 */
.infoDetail { padding: 1.1rem 1.5rem; border-radius: 0.75rem; border: 1px solid #d5d5d5; margin: 1rem 0 2rem; display: flex; flex-wrap: wrap; gap: 0.5rem 3rem; }
.infoDetail > li { position: relative; color: #000000; font-size: 0.85rem; }
.infoDetail > li:before { position: absolute; content: ""; width: 1px; height: 0.75rem; background: #CACACA; right: -1.5rem; top: 50%; transform: translateY(-50%); }
.infoDetail > li:last-child::before { display: none; }
.cnslLst { margin: 2.5rem 0 2rem; position: relative; padding-right: 15rem; }
.cnslLst .step { display: flex; flex-wrap: wrap; gap: 3rem; }
.cnslLst .step li { position: relative; width: calc((100% - 6rem) / 3); border-radius: 0.75rem; padding: 1rem; }
.cnslLst .step li::before { position: absolute; content: ""; background: url('/images/web/forteacher/sub_cnt/step01.png')no-repeat left center; width: 1.55rem; height: 1.7rem; background-size: contain; top: 1.5rem; transform: translateX(100%); right: 0; }
.cnslLst .step li.stp02::before { background: url('/images/web/forteacher/sub_cnt/step02.png')no-repeat left center; background-size: contain; }
.cnslLst .step li.stp03::before { background: url('/images/web/forteacher/sub_cnt/step03.png')no-repeat left center; background-size: contain; }
.cnslLst .step li.stp01 { background: #FF79A9; }
.cnslLst .step li.stp02 { background: #545FD5; }
.cnslLst .step li.stp03 { background: #3F4E81; }
.cnslLst .step li .txt { background: #fff; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; height: 6.1rem; flex-wrap: wrap; gap: 0.75rem; padding: 1rem; text-align: center; }
.cnslLst .step li .txt > span { color: #000000; font-size: 1.1rem; font-weight: bold; display: block; line-height: 1.3rem; width: 100%; word-break: keep-all; }
.cnslLst .step li.stp02 .txt > span,
.cnslLst .step li.stp03 .txt > span { line-height: 1.5; }
.cnslLst .step li .txt > p { font-size: 0.8rem; font-weight: 500; color: #000; line-height: 0.95rem; }
.cnslLst .step li > span { display: block; color: #fff; font-size: 0.9rem; font-weight: 500;text-align: center; line-height: 1.45rem; margin-bottom: 0.5rem; }
.cnslLst .step li > span > em { font-size: 1.2rem; font-weight: bold; margin-left: 0.75rem; }
.cnslLst .stepChr { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.cnslLst.tpyeB { padding: 0 !important; margin: 2rem 0 1.75rem; }
.cnslLst.tpyeB .step li { width: auto; flex: 1; }
.cnslLst.tpyeB .step li.stp02 { background-color: #9D64DA; }
.cnslLst.tpyeB .step li.stp02::before { background: url('/images/web/forteacher/sub_cnt/step04.png')no-repeat left center; background-size: contain; }
.cnslLst.tpyeB .step li.stp03 { background-color: #545FD5; }
.cnslLst.tpyeB .step li.stp03::before { display: none; }
.cnslLst.tpyeB .step li.stp02 .txt > span, 
.cnslLst.tpyeB .step li.stp03 .txt > span { line-height: 1.3rem; }
.cnslLst.tpyeB .step li.stp02 .txt,
.cnslLst.tpyeB .step li.stp03 .txt { gap: 0.5rem; padding: 1.5rem 0; }

/************* 반응형 ***************/

@media screen and (max-width: 1580px) {
    /* 0101_인사말 */
    .greeting { padding-right: 28.75vw; }
    .greeting .grtImg { max-width: 45vw; }
    .greeting .txt .grtTxt { max-width: 17vw; }

    /* 0401_개인심리상담 지원 안내 */
    .cnslLst { padding-right: 12.5rem; }
    .cnslLst .step { gap: 2.5rem; }
    .cnslLst .step li { width: calc((100% - 5rem) / 3); }

    /* 퍼블 박스 260316 */ 
    .pubBox { padding: 1.5rem; }

    /* 0202_One-Stop 지원단 운영 260316 */
    .oneStopWrap { padding-left: 10rem; }
}

@media screen and (max-width: 1440px) {
    /* 0401_개인심리상담 지원 안내 */
    .cnslLst { padding-right: 10rem; }
    .cnslLst .step { gap: 2rem; }
    .cnslLst .step li { width: calc((100% - 4rem) / 3); }
    .cnslLst .step li::before { width: 1.25rem; transform: translateX(calc(100% - 1px)); } 
    .cnslLst .step li .txt > span { font-size: 1.05rem; }   

    /* 0202_One-Stop 지원단 운영 260316 */
    .oneStopWrap .lft { width: 7rem; }
    .oneStopWrap { padding-left: 9rem; }
    .oneStopWrap .rgt ul.oneDep { gap: 1rem; }
    .oneStopWrap .rgt ul.oneDep > li > span { font-size: 0.85rem; }

    /* 교권보호위원회 260316 */
    .subStep { gap: 2rem; }
    .subStep li:before { font-size: 1.1rem; right: -1.5rem; }
}

@media screen and (max-width: 1280px) {
    /* 0101_인사말 */
    .greeting { padding-right: 35vw; }
    .greeting .grtImg { max-width: 55vw; }
    .greeting .txt .grtTxt { max-width: 23vw; }

    /* 0502_법률지원단 안내 */
    .cnslLst.tpyeB .step li .txt { height: 77%; }

    /* 교권보호위원회 260316 */
    .subStep { margin-top: 2rem; }
}

@media screen and (max-width: 1024px) {
    /* 0101_인사말 */
    .greeting { padding-right: 30vw; }
    .greeting .grtImg { max-width: 50vw; bottom: 1.5rem; }
    .greeting .txt .grtTxt { max-width: 21.5vw; }

    /* 0401_개인심리상담 지원 안내 */
    .cnslLst { padding-right: 0; }
    .cnslLst .stepChr { display: none; } 
    .cnslLst .step li.stp03::before { display: none; }  

    /* 0202_One-Stop 지원단 운영 260316 */
    .oneStopWrap { padding: 0; }
    .oneStopWrap .lft { width: 100%; position: unset; } 
    .oneStopWrap .lft > ul { width: 100%; flex-direction: unset; }
    .oneStopWrap .lft > ul > li { flex: 1; }
    .oneStopWrap .lft > ul > li.rightLine::after { display: none; }  
    .oneStopWrap .lft > ul > li::before { left: auto; bottom: auto; top: 50%; transform: translateY(-50%) rotate(270deg); right: -2rem; font-size: 1.1rem; }
    .oneStopWrap .rgt ul.oneDep { margin-top: 1.5rem; }

    /* 교권보호위원회 260316 */
    .subStep li { flex: none; width: calc((100% - 4rem) / 3); }
    .subStep li:nth-child(3):before { display: none; }
}

@media screen and (max-width: 860px) {
    /* 0101_인사말 */
    .greeting { padding-right: 0; }
    .greeting .grtImg { display: none; }
    .greeting .txt { border-radius: 1.5rem 3rem 1.5rem 1.5rem; }
    .greeting .txt .grtTxt { max-width: 25vw; top: 2.65rem; }
    .greeting .txt { padding: 2.5rem 2rem; background-size: 20rem; }
    .greeting .txt .tit { margin-bottom: 2rem; }
    .greeting .txt p ~ p { margin-top: 1.5rem; }

    /* 0202_One-Stop 지원단 운영 260316 */
    .oneStopWrap .rgt ul.oneDep { flex-wrap: wrap; gap: 1rem; }
    .oneStopWrap .rgt ul.oneDep > li { flex: none; width: calc((100% - 1rem) / 2); }
    .oneStopWrap .rgt ul.oneDep > li > span { min-height: auto !important; padding: 0.25rem 0.5rem; }
    .oneStopWrap .rgt ul.oneDep > li::before { height: 100%; }

    /* 특별교육 및 심리치료 기관 안내 260316 */
    .eduProcess { gap: 1.6rem 1.25rem; }
    .eduProcess .head,
    .eduProcess .type { padding: 0.75rem; font-size: 0.85rem; }
    .eduProcess .step { padding: 0.75rem 1rem; gap: 0.5rem; }
    .eduProcess > *::before { font-size: 1.85rem; bottom: -1.75rem; }
}

@media screen and (max-width: 768px) {
    /* 0301_01_스트레스 */
    #surveyPop .popBox { width: calc(100% - 2rem); }
    #surveyPop .popBox .popClose { height: 2.5rem; font-size: 0.9rem; }
    #surveyPop .popBox .ppDetail { padding: 1.5rem 1.5rem 3.5rem 1.5rem; }
    #surveyPop .popBox .ppDetail .tit img { max-width: 2rem; }
    #surveyPop .popBox .ppDetail .tit { font-size: 1.2rem; gap: 0.5rem; } 
    #surveyPop .popBox .ppDetail .txt { margin: 1rem 0; padding: 1rem; }
    #surveyPop .popBox .ppDetail .txt p { font-size: 0.85rem; }
    #surveyPop .popBox .ppDetail > p { font-size: 0.85rem; }

    /* 0401_개인심리상담 지원 안내 */
    .cnslLst { margin: 1.25rem 0; }
    .cnslLst .step { gap: 1.75rem; }
    .cnslLst .step li { width: 100%; }
    .cnslLst .step li::before { right: auto; left: 50%; top: auto; bottom: 0; transform: translate(-50%, calc(100% - 10px)) rotate(90deg); } 
    .cnslLst .step li .txt { flex-direction: column; height: auto; }

    .infoDetail { padding: 1rem 1.25rem; gap: 0.5rem 2rem; }
    .infoDetail > li:before { right: -1rem; }

    /* 0502_법률지원단 안내 */
    .cnslLst.tpyeB .step li { flex: none; width: 100%; }
    .cnslLst.tpyeB .step li .txt { height: auto; }

    /* 0202_One-Stop 지원단 운영 260316 */
    .oneStopWrap .lft > ul { gap: 2rem; }
    .oneStopWrap .lft > ul > li::before { font-size: 0.95rem; right: -1.6rem; }
    .oneStopWrap .lft > ul > li > img { max-width: 1.9rem; }
    .oneStopWrap .lft > ul > li > span { font-size: 0.85rem; }

    /* 특별교육 및 심리치료 기관 안내 260316 */
    .eduProcess { grid-template-columns: auto 1fr 1fr; }
}

@media screen and (max-width: 680px) {
    /* 0202_One-Stop 지원단 운영 260316 */
    .oneStopWrap .lft > ul { flex-wrap: wrap; }
    .oneStopWrap .lft > ul > li { flex-direction: row; height: auto; flex: none; width: 100%; padding:0.75rem 1rem; justify-content: start; }
    .oneStopWrap .lft > ul > li > img { max-width: 1.75rem; }
    .oneStopWrap .lft > ul > li::before { right: auto; left: 50%; transform: translateX(-50%); top: auto; bottom: -1.65rem; }
}

@media screen and (max-width: 580px) {
    /* 특별교육 및 심리치료 기관 안내 260316 */
    .eduProcess { grid-template-columns: 1fr 1fr; }
    .eduProcess .mbNone { display: none !important; }
}


@media screen and (max-width: 480px) {
    /* 0101_인사말 */
    .greeting .txt .tit em { font-size: 0.95rem; }
    .greeting .txt .tit span { font-size: 1.2rem; }
    .greeting .txt .grtTxt { max-width: 30vw; right: 1.5rem; }
    .greeting .txt { padding: 2rem 1.5rem; background-size: 15rem; border-radius: 1.5rem 2.5rem 1.5rem 1.5rem; }
    .greeting .txt .tit { margin-bottom: 1.25rem; }
    .greeting .txt p { font-size: 0.85rem; line-height: 1.5rem; }
    .greeting .txt p ~ p { margin-top: 0.75rem; }

    /* 0301_01_스트레스 */
    .surveyLst { margin-top: 2.25rem; }
    .surveyLst > li .top { background: #F8F8F8; padding: 0.5rem 1rem; border-bottom: 1px solid #D3D3D9; }
    .surveyLst > li .rdoBox { padding: 0.5rem 1rem; }
    .surveyLst > li .rdoBox ul { gap: 0.75rem 1.5rem; } 

    /* 0401_개인심리상담 지원 안내 */
    .cnslLst .step li > span { line-height: 1.25rem; font-size: 0.85rem; } 
    .cnslLst .step li > span > em { font-size: 1.1rem; margin-left: 0.5rem; }
    .cnslLst .step li .txt > span { font-size: 1rem; }   
    .cnslLst .step li .txt { padding: 0.75rem; gap: 0.5rem; }

    .infoDetail { padding: 1rem; margin: 0.75rem 0 1.5rem; }
    .infoDetail > li { width: 100%; }
    .infoDetail > li:before { display: none; }

    /* 0202_One-Stop 지원단 운영 260316 */
    .oneStopWrap .rgt ul.oneDep > li { width: 100%; }
    .oneStopWrap .rgt ul.oneDep > li > span { height: auto !important; padding: 0.75rem 1rem; }

    /* 퍼블 박스 260316 */ 
    .pubBox { padding: 1rem; }

    /* 교권보호위원회 260316 */
    .subStep { margin-top: 1.5rem; gap: 1.5rem; }
    .subStep li { width: calc((100% - 3rem) / 3); }
    .subStep li > .bot > img { max-width: 1.85rem; }
    .subStep li > .bot { padding: 0.75rem 0.75rem 1rem; gap: 0.75rem; }
    .subStep li:before { font-size: 0.95rem; right: -1.25rem; }
}

@media screen and (max-width: 380px) {
    /* 0101_인사말 */
    .greeting .txt .grtTxt { display: none; }

    /* 0301_01_스트레스 */
    #surveyPop .popBox { width: calc(100% - 1.5rem); }
    #surveyPop .popBox .popClose { height: 2.25rem; font-size: 0.85rem; }
    #surveyPop .popBox .ppDetail { padding: 1.25rem 1rem 3.25rem 1rem; }
    #surveyPop .popBox .ppDetail .tit img { max-width: 1.75rem; }
    #surveyPop .popBox .ppDetail .tit { font-size: 1rem; } 
    #surveyPop .popBox .ppDetail .txt { margin: 0.75rem 0; padding: 1rem; }
    #surveyPop .popBox .ppDetail .txt p { font-size: 0.75rem; }
    #surveyPop .popBox .ppDetail > p { font-size: 0.75rem; }

    /* 특별교육 및 심리치료 기관 안내 260316 */
    .eduProcess { gap: 1.6rem 0.75rem; }
    .eduProcess .head, .eduProcess .type { font-size: 0.8rem; }  
    .eduProcess .step { padding: 0.75rem; gap: 0.35rem; font-size: 0.75rem; }
    .eduProcess .step > p.pc_blue { font-size: 0.75rem; }  

    /* 교권보호위원회 260316 */
    .subStep li { width: 100%; }
    .subStep li:before { display: block !important; right: auto; left: 50%; transform: translateX(-50%); top: auto; bottom: -1.25rem; }
    .subStep li:last-child:before { display: none !important; }
}

/* ================= 심리진단 결과 팝업 인쇄 전용 스타일 ================= */
.survey-notice { display: block; color: #555; font-size: 0.9em; line-height: 1.4; background: #f9f9f9; padding: 10px; border-radius: 5px; margin-top: 15px; }

@media print {
    /* 1. 기존 웹 화면의 모든 요소를 숨김 */
    body * { display: none !important; }
    
    /* 2. 우리가 자바스크립트로 만든 인쇄 영역(#printArea)만 보이게 설정 */
    #printArea, #printArea * { display: block !important; visibility: visible !important; }
    
    /* 3. 인쇄 영역을 A4 용지의 최상단 좌측으로 고정 */
    #printArea { position: absolute; left: 0; top: 0; width: 100%; padding: 10px; background-color: #fff; }
    
    /* 4. 인쇄용 테이블 및 텍스트 스타일 */
    .print-table { width: 100%; border-collapse: collapse; margin-bottom: 30px; font-size: 13px; }
    .print-table th, .print-table td { border: 1px solid #000 !important; padding: 10px; word-break: keep-all; }
    .print-table th { background-color: #f4f4f4 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; text-align: center; }
    
    .print-title { text-align: center; font-size: 24px; margin-bottom: 30px; border-bottom: 2px solid #000; padding-bottom: 10px; display: block !important; }
    .print-subtitle { font-size: 18px; margin-bottom: 10px; margin-top: 20px; color: #111; display: block !important; }
    
    .print-result-box { border: 2px solid #333 !important; padding: 20px; background: #f9f9f9 !important; -webkit-print-color-adjust: exact; font-size: 15px; display: block !important; }
    
    /* 5. 너비 및 정렬용 유틸 클래스 */
    .print-th-col { width: 25%; }
    .print-td-col { width: 75%; }
    .print-q-col { width: 70%; }
    .print-a-col { width: 30%; }
    .print-ans { text-align: center; font-weight: bold; color: #0055aa; }
    .print-footer { margin-top: 20px; font-weight: bold; }
}