@charset "utf-8";
/*
TITLE : 일반형(A) - 1 sub style
WORKER : HSG
DATE : 2023.02
VERSION :
- 1.0 : 1차 구축.
*/
/* *** post40 *** */
#subContent.post40 .section .imgBxOutlineBx { position: relative; }
#subContent.post40 .section .imgBxOutlineBx .txtBx { position: absolute; right: 1rem; bottom: 1rem; max-width: 75%; }
#subContent.post40 .section .imgBxOutlineBx .txtBx h4 { color: #fff; text-align: right; }
#subContent.post40 .section .imgBxOutlineBx .txtBx ul li { color: #fff; }
#subContent.post40 .section .list.other4.clr li span { background-color: var(--post40Clr01); }
@media all and (max-width: 767px){
    #subContent.post40 .section .imgBxOutlineBx .txtBx { position: relative; right: auto; bottom: auto; margin-top: 1rem; max-width: 100%; }
    #subContent.post40 .section .imgBxOutlineBx .txtBx h4 { color: #000; text-align: initial; }
    #subContent.post40 .section .imgBxOutlineBx .txtBx ul li { color: #000; }
}

/* post10 */
#subContent.post10 .section .outBx + .outBx { margin-top: 4em; }
#subContent.post10 .section h4.GkBold06 { position: relative; margin-bottom: 0.4em; color: var(--post10Clr01); text-align: center; }
#subContent.post10 .section .GkBold08 { margin-bottom: 0.3em; color: var(--post10Clr02); }
#subContent.post10 .section div + .GkBold08 { margin-top: 1.5em; }
#subContent.post10 .section .bx .imgWrap { margin-bottom: 0.75em; }
#subContent.post10 .section .bx h6 {  margin-bottom: 0.2em; }
#subContent.post10 .section .bx h6 + p {  margin-bottom: 0.4em; }
#subContent.post10 .section .bx ul li span { background-color: var(--post10Clr01); }
#subContent.post10 .sec03 .decoBx { position: relative; }
#subContent.post10 .sec03 .decoBx .txtBx { position: absolute; top: 2rem; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; padding: 3rem; background-color: rgba(255,255,255,.7); width: 500px; height: 500px; border-radius: 50%; }
#subContent.post10 .sec03 .decoBx .txtBx p { text-align: center; word-break: keep-all; }
#subContent.post10 .sec03 .decoBx .txtBx p span { position: relative; display: inline-block; padding-top: 1rem; font-size: 1.05em; font-weight: 700; font-family: 'AritaBuriKRBold', serif; white-space: nowrap; border-bottom: 1px solid #000; }
#subContent.post10 .sec03 .decoBx .txtBx p span img { position: absolute; top: 0.3em; left: 50%; transform: translateX(-50%); width: 2em; }
@media all and (max-width: 767px){
    #subContent.post10 .sec03 .decoBx .txtBx { position: relative; top: auto; left: auto; transform: translateX(0); display: block; padding: 1rem; width: 100%; height: auto; border-radius: 0; }
}

/* post11 */
#subContent.post11 .section .outline h6 + p { margin-top: 0.3em; }
#subContent.post11 .section .outline p + h6 { margin-top: 1.5em; }
#subContent.post11 .section .decoBx { position: relative; margin: 1rem 0 2.5rem; }
#subContent.post11 .section .decoBx img { position: relative; width: 30px; height: auto; }
#subContent.post11 .section .decoBx p { margin: 0.5rem 0; color: var(--post11Clr02); }
@media all and (max-width: 767px){
    #subContent.post11 .section .decoBx img { width: 20px; }
}

/* post12 */
#subContent.post12 .section .outline h6 { position: relative; margin-bottom: 0.5em; color: var(--post12Clr01); }
#subContent.post12 .section .outline h6 span { display: inline-block; border-bottom: 2px solid var(--post12Clr01);  }
#subContent.post12 .section.sec02 .outline h6 { position: relative; color: var(--post12Clr02); }
#subContent.post12 .section.sec02 .outline h6 span { border-color: var(--post12Clr02);  }
#subContent.post12 .section.sec03 .outline h6 { position: relative; color: var(--post12Clr03); }
#subContent.post12 .section.sec03 .outline h6 span { border-color: var(--post12Clr03); }
#subContent.post12 .section .outline h4 { margin-bottom: 0.5em; color: var(--post12Clr01); }
#subContent.post12 .section.sec02 .outline h4 { color: var(--post12Clr02); }
#subContent.post12 .section.sec03 .outline h4 { color: var(--post12Clr03); }
#subContent.post12 .section .outline p { margin-bottom: 1em; }
#subContent.post12 .section .outline ul li span { background-color: var(--post12Clr01); }
#subContent.post12 .section.pageLink .outline ul li span { background-color: inherit; }
#subContent.post12 .section.sec02 .outline ul li span { background-color: var(--post12Clr02); }
#subContent.post12 .section.sec03 .outline ul li span { background-color: var(--post12Clr03); }
#subContent.post12 .section .outline .decoBx { position: relative; border: 2px solid var(--post12Clr01); border-radius: 0.7rem; overflow: hidden; }
#subContent.post12 .section .outline .decoBx h5 { padding: 0.5rem 1rem; color: #fff; background-color: var(--post12Clr01); }
#subContent.post12 .section .outline .decoBx .docoinBx { padding: 1rem; background-color: #fff; }
#subContent.post12 .section .outline .decoBx .docoinBx p { margin-bottom: 0.5em; }
#subContent.post12 .section.sec02 .outline .decoBx { position: relative; border: 2px solid var(--post12Clr02); border-radius: 0.7rem; overflow: hidden; }
#subContent.post12 .section.sec02 .outline .decoBx h5 { padding: 0.5rem 1rem; color: #fff; background-color: var(--post12Clr02); }
#subContent.post12 .section.sec02 .outline .decoBx .boxLayout_2n1 { padding: 1rem; background-color: #fff; }
#subContent.post12 .section.sec02 .outline .decoBx .boxLayout_2n1 p { margin-bottom: 0.5em; }
#subContent.post12 .section.sec03 .outline .decoBx { position: relative; border: 2px solid var(--post12Clr03); border-radius: 0.7rem; overflow: hidden; }
#subContent.post12 .section.sec03 .outline .decoBx h5 { padding: 0.5rem 1rem; color: #fff; background-color: var(--post12Clr03); }
#subContent.post12 .section.sec03 .outline .decoBx .docoinBx { padding: 1rem; background-color: #fff; }
#subContent.post12 .section.sec03 .outline .decoBx .docoinBx p { margin-bottom: 0.5em; }

/* post13 */
#subContent.post13 .section h2 { position: relative; margin-bottom: 0.5em; padding: 0.4em 0.2em 0.4em 0.5em; color: #fff; overflow: hidden; }
#subContent.post13 .section h2::after { position: absolute; content: ""; top: 50%; right: 0; transform: translate(70%, -50%) rotate(-45deg); transform-origin: center; width: 2em; height: 2em; background-color: #fff; }
#subContent.post13 .section.sec01 h2 { background-color: var(--post13Clr01); }
#subContent.post13 .section.sec01 h2::after { background-color: #EFF8F4; }
#subContent.post13 .section.sec02 h2 { background-color: var(--post13Clr02); }
#subContent.post13 .section.sec02 h2::after { background-color: #FEF6ED; }
#subContent.post13 .section.sec03 h2 { background-color: var(--post13Clr03); }
#subContent.post13 .section.sec03 h2::after { background-color: #EBF9F9; }
#subContent.post13 .section.sec04 h2 { background-color: var(--post13Clr04); }
#subContent.post13 .section.sec04 h2::after { background-color: #EFF8F4; }
#subContent.post13 .section.sec01 ul li span { background-color: var(--post13Clr01); }
#subContent.post13 .section.sec02 ul li span { background-color: var(--post13Clr02); }
#subContent.post13 .section.sec03 ul li span { background-color: var(--post13Clr03); }
#subContent.post13 .section.sec04 ul li span { background-color: var(--post13Clr04); }
#subContent.post13 .section .table01 .no01 { width: 15%; }
#subContent.post13 .section .table01 .no02 { width: 20%; }
#subContent.post13 .section .table01 .no03 { width: auto; }
#subContent.post13 .section .table01 .no04 { width: 20%; }
#subContent.post13 .section .table01,
#subContent.post13 .section .table01 tr,
#subContent.post13 .section .table01 tr th,
#subContent.post13 .section .table01 tr td { border-color: var(--post13Clr01); }
#subContent.post13 .section .table01 tr td { text-align: center; border-right: 1px solid var(--post13Clr01); }
#subContent.post13 .section .table01 tr td:nth-last-child(4) { color: #fff; font-weight: 700; font-family: 'PreGOV-Bo'; background-color: var(--post13Clr01); border-bottom: 1px solid #fff; }
#subContent.post13 .section .table01 tr td:nth-last-child(1) { border-right: 0px solid #fff; }
#subContent.post13 .section .table02 .no01 { width: 18%; }
#subContent.post13 .section .table02 .no02 { width: auto; }
#subContent.post13 .section .table02,
#subContent.post13 .section .table02 tr,
#subContent.post13 .section .table02 tr th,
#subContent.post13 .section .table02 tr td { border-color: var(--post13Clr02); }
#subContent.post13 .section .table02 tr td { text-align: center; }
#subContent.post13 .section .table02 tr td:nth-child(1) { color: #fff; font-weight: 700; font-family: 'PreGOV-Bo'; background-color: var(--post13Clr02); border-bottom: 1px solid #fff; }
#subContent.post13 .section .table03 .no01 { width: 18%; }
#subContent.post13 .section .table03 .no02 { width: 20%; }
#subContent.post13 .section .table03 .no03 { width: auto; }
#subContent.post13 .section .table03,
#subContent.post13 .section .table03 tr,
#subContent.post13 .section .table03 tr th,
#subContent.post13 .section .table03 tr td { border-color: var(--post13Clr03); }
#subContent.post13 .section .table03 tr td { text-align: center; border-right: 1px solid var(--post13Clr03); }
#subContent.post13 .section .table03 tr td:nth-last-child(3) { color: #fff; font-weight: 700; font-family: 'PreGOV-Bo'; background-color: var(--post13Clr03); border-bottom: 1px solid #fff; }
#subContent.post13 .section .table03 tr td:nth-last-child(1) { border-right: 0px solid #fff; }
#subContent.post13 .section .table04 .no01 { width: 18%; }
#subContent.post13 .section .table04 .no02 { width: 20%; }
#subContent.post13 .section .table04 .no03 { width: auto; }
#subContent.post13 .section .table04,
#subContent.post13 .section .table04 tr,
#subContent.post13 .section .table04 tr th,
#subContent.post13 .section .table04 tr td { border-color: var(--post13Clr04); }
#subContent.post13 .section .table04 tr td { text-align: center; border-right: 1px solid var(--post13Clr04); }
#subContent.post13 .section .table04 tr td:nth-last-child(3) { color: #fff; font-weight: 700; font-family: 'PreGOV-Bo'; background-color: var(--post13Clr04); border-bottom: 1px solid #fff; }
#subContent.post13 .section .table04 tr td:nth-last-child(1) { border-right: 0px solid #fff; }

/* post20 */
#subContent.post20 .section { position: relative; }
#subContent.post20 .section .bx h5.GkBold08 { margin-bottom: 0.5em; color: var(--post20Clr01); }
#subContent.post20 .section .bx ul li span { background-color: var(--post20Clr01); }
#subContent.post20 .section .table01 .no01 { width: 20%; }
#subContent.post20 .section .table01 .no02 { width: auto; }
#subContent.post20 .section .table01 .no03 { width: auto; }
#subContent.post20 .section .table01,
#subContent.post20 .section .table01 tr,
#subContent.post20 .section .table01 tr th,
#subContent.post20 .section .table01 tr td { border-color: var(--post20Clr01); }
#subContent.post20 .section .table01 tr th { background-color: var(--post20Clr01); color: #fff; border-right: 1px solid #fff; }
#subContent.post20 .section .table01 tr th:last-child { border-right: 0px solid #fff; }
#subContent.post20 .section .table01 tr td { text-align: center; border-right: 1px solid var(--post20Clr01); }
#subContent.post20 .section .table01 tr td:last-child { border-right: 0px solid var(--post20Clr01); }
#subContent.post20 .section.sec01 .bx.left { position: relative; padding: 1em; border: 2px solid var(--post20Clr01); border-radius: 4px; background-color: #fff; }
#subContent.post20 .section.sec02 .icon { margin-bottom: 0.4em; }
#subContent.post20 .section.sec02 .icon li { position: relative; padding-left: 1.4em; }
#subContent.post20 .section.sec02 .icon li::before { position: absolute; content: "\e92e"; left: 0; font-family: xeicon !important; font-size: 1.1em; color: var(--post20Clr01); }

/* post21 */
#subContent.post21 .sec03 .outline .top { position: relative; width: clamp(200px, 22.73vw, 240px); }
#subContent.post21 .sec03 h4.GkBold08 { color: var(--post21Clr01); }
#subContent.post21 .sec03 h4.GkBold06 { margin-bottom: 1em; }
#subContent.post21 .sec03 h4.GkBold06 em { color: var(--post21Clr01); }
#subContent.post21 .sec03 .inBx { position: relative; padding: 1em; margin-bottom: 2em; background-color: #fff; border: 1px solid #000; min-height: 282px; border-radius: 4px; }
#subContent.post21 .sec03 .inBx::after { position: absolute; content: ""; left: 50%; transform: translate(-50%, 100%); bottom: 0; width: 0; height: 0; border-style: solid; border-width: 15px 10px 0px 10px; border-color: #000 transparent transparent transparent; }
#subContent.post21 .sec03 .inBx h6.col1_2B { margin-bottom: 0.5em; color: var(--post21Clr01); }
#subContent.post21 .sec03 .inBx p { margin-bottom: 1em; }
#subContent.post21 .sec03 .inBx strong { display: block; text-align: right; width: 100%; }
#subContent.post21 .sec03 .imgWrap { text-align: center; }
#subContent.post21 .sec03 .imgWrap img { max-width: 80%; }
@media all and (max-width: 599px){
    #subContent.post21 .sec03 .inBx { min-height: auto; }
}

/* post22 */
#subContent.post22 .section { position: relative; }
#subContent.post22 .section .boxLayout_3n1 .bx .inBx { position: relative; margin-bottom: 0.5em; padding: 1em; background-color: #fff; border: 1px solid var(--post22Clr01); box-shadow: 7px 7px 0 var(--post22Clr01); border-radius: 5px; }
#subContent.post22 .section .boxLayout_3n1 .bx .inBx ul { margin-bottom: 1em; }
#subContent.post22 .section .boxLayout_3n1 .bx .inBx ul li { line-height: 1.2; }
#subContent.post22 .section .boxLayout_3n1 .bx .inBx ul li::before { background-color: var(--post22Clr01); }
#subContent.post22 .section .boxLayout_3n1 .bx .inBx .imgWrap { margin-bottom: 1em; }
#subContent.post22 .section .boxLayout_3n1 .bx .inBx h4 { text-align: center; }
#subContent.post22 .section .boxLayout_3n1 .bx p { position: relative; padding: 0.5em; }

/* post23 */
#subContent.post23 #subVisual01 .imgWrap { margin-top: 1em; text-align: center; }
#subContent.post23 #subVisual01 .imgWrap img { width: clamp(120px, 13.51vw, 200px); height: auto; }
#subContent.post23 .section h4.GkBold06 { color: var(--post23Clr01); }
#subContent.post23 .section .boxLayout_2n1 ul li span,
#subContent.post23 .section .boxLayout_2n2 ul li span { background-color: var(--post23Clr01); }
#subContent.post23 .section .boxLayout_2n2 .bx { position: relative;  }
#subContent.post23 .section .boxLayout_2n2 .deco01 { display: none; }
#subContent.post23 .section .boxLayout_2n2 .deco02 { position: absolute; top: 26%; left: 63%; width: clamp(150px, 25.93vw, 250px); height: auto; z-index: 10; }
@media all and (max-width: 599px){
    #subContent.post23 .section .boxLayout_2n2 .deco01 { display: inline; position: absolute; top: 37.3%; left: 54.7%; width: clamp(60px, 18.7vw, 112px); height: auto; z-index: 10; }
    #subContent.post23 .section .boxLayout_2n2 .deco02 { display: none; }
}

/* post22 */
/* 서대문생생정보 서대문내품애센터 ELEMENT */
/* 입양안내 */
.ssLayout01 { position: relative; padding-top: 1.5em; }
.ssLayout01 .boxLayout_2n1 .wrap { flex-flow: row wrap; }
.ssLayout01 .boxLayout_2n1 .wrap .bx:nth-child(1) { position: relative; display: flex; justify-content: center; align-items: center; width: 270px !important; background-color: #F27580; border-radius: 1rem;  }
.ssLayout01 .boxLayout_2n1 .wrap .bx:nth-child(1) h5 { color: #fff; text-align: center; }
.ssLayout01 .boxLayout_2n1 .wrap .bx:nth-child(1) img { position: absolute; top: 0; left: 50%; transform: translate(-50%, -60%); width: 60px; }
.ssLayout01 .boxLayout_2n1 .wrap .bx:nth-child(2) { flex: 1; }
.ssLayout01 .boxLayout_2n1 .wrap .bx:nth-child(2) p { margin-bottom: 1em; }
@media all and (max-width: 767px){
    .ssLayout01 .boxLayout_2n1 .wrap { flex-flow: column; }
    .ssLayout01 .boxLayout_2n1 .wrap .bx:nth-child(1) { width: 270px; padding: 1.5em 1em; }
    .ssLayout01 .boxLayout_2n1 .wrap .bx:nth-child(2) { width: 100%; }
}
@media all and (max-width: 375px){
    .ssLayout01 .boxLayout_2n1 .wrap .bx:nth-child(1) { width: 100%; }
}
/* 새로운 가족 */
.ssLayout02 { position: relative; }
.ssLayout02 p { position: relative; padding-left: 3em; margin-bottom: 0.5em; color: #F27580; }
.ssLayout02 p img { position: absolute; left: 0; width: 2em; height: auto; }
.ssLayout02 .flex4n1 { position: relative; display: flex; flex-flow: row wrap; gap: 1em; margin-bottom: 1em; }
.ssLayout02 .flex4n1 .bx { padding: 0.5em; width: calc(25% - 3em / 4); background-color: #e9e9e9; border-radius: 0.5em; border: 2px solid #ddd; }
.ssLayout02 .flex4n1 .bx .imgWrap { margin-bottom: 0.7em; text-align: center }
.ssLayout02 .flex4n1 .bx h4 { margin-bottom: 0.5em; text-align: center; }
.ssLayout02 .flex4n1 .bx p { position: relative; padding: 0; margin: 0; color: #000; }
@media all and (max-width: 767px){
    .ssLayout02 .flex4n1 .bx { width: calc(50% - 1em / 2); }
}
@media all and (max-width: 375px){
    .ssLayout02 .flex4n1 .bx { width: 100%; }
}

/* post 일반 */
#subContent.post24 .section.sec02 h3 { display: block; padding: 0.25rem 1rem; margin: 0 auto 1rem; text-align: center; color: #fff; background-color: var(--post24Clr01); border-radius: 5px; }
#subContent.post24 .section.sec02 ul li span { background-color: var(--post24Clr01); }
#subContent.post24 .section table .no01 { width: 20%; }
#subContent.post24 .section table .no02 { width: auto; }
#subContent.post24 .section table .no03 { width: 20%; }
#subContent.post24 .section table .no04 { width: auto; }
#subContent.post24 .section table,
#subContent.post24 .section table tr,
#subContent.post24 .section table tr th,
#subContent.post24 .section table tr td { border-color: var(--post24Clr01); }
#subContent.post24 .section table tr th { color: #fff; background-color: var(--post24Clr01); border-right: 1px solid #fff; }
#subContent.post24 .section table tr th:last-child { border-right: 0px solid #fff; }
#subContent.post24 .section table tr td { text-align: center; border-right: 1px solid var(--post24Clr01); }
#subContent.post24 .section table tr td:last-child { border-right: 0px solid var(--post24Clr01); }
#subContent.post24 .section.sec02 .boxLayout_2n1.only .wrap .bx:nth-child(1) { width: calc(60% - 2rem / 2); }
#subContent.post24 .section.sec02 .boxLayout_2n1.only .wrap .bx:nth-child(2) { width: calc(40% - 2rem / 2); }
#subContent.post24 .section.sec02 .boxLayout_2n1.only .wrap .bx .imgWrap { text-align: center; }
#subContent.post24 .section.sec02 .boxLayout_2n1.only .wrap .bx .imgWrap img { max-width: 90%; }
@media all and (max-width: 767px){
    #subContent.post24 .section.sec02 .boxLayout_2n1.only .wrap { flex-flow: row wrap; }
    #subContent.post24 .section.sec02 .boxLayout_2n1.only .wrap .bx:nth-child(1) { width: 100%; }
    #subContent.post24 .section.sec02 .boxLayout_2n1.only .wrap .bx:nth-child(2) { width: 100%; }
    #subContent.post24 .section table { width: 100%; }
    #subContent.post24 .section.sec02 .boxLayout_2n1.only .wrap .bx .imgWrap img { max-width: 100%; }
}
@media all and (max-width: 599px){
    #subContent.post24 .section table { width: 560px; }
}


/* post30 - 의회는 지금  */
/* 월 의회 운영 일정 레이아웃 */
.congressSchedule { position: relative; display: flex; flex-flow: row wrap; gap: 0.5rem; }
.congressSchedule h4 { position: relative; display: flex; justify-content: center; align-items: center; padding: 10px; text-align: center; color: #fff; width: 200px; background-color: #AC846C; border-radius: 0.5rem; }
.congressSchedule .tableWrap { flex: 1; }
.congressSchedule .tableWrap table .no01 { width: auto; }
.congressSchedule .tableWrap table .no02 { width: auto; }
.congressSchedule .tableWrap table .no03 { width: auto; }
.congressSchedule .tableWrap table tr td:nth-child(1) { text-align: center; background-color: #ECE3DB; font-family: 'PreGOV-Bo', sans-serif; font-weight: 700; color: #AC846C; }
.congressSchedule .tableWrap table tr td:nth-child(2) { text-align: center; }
.congressSchedule .tableWrap table tr td:nth-child(3) { text-align: center; }
.congressSchedule .tableWrap table tr td span { display: block; color: #AC846C; }
@media all and (max-width: 767px){
    .congressSchedule h4 { width: 100%; }
    .congressSchedule h4 br { display: none; }
}
/* 타이틀 박스 */
.congressTitBx { position: relative; margin-bottom: 1.5em; overflow: hidden; }
.congressTitBx h3 { margin-bottom: 0.3em; text-align: center; color: #B18663; }
.congressTitBx .imgWrap { position: relative; text-align: center; }
.congressTitBx .imgWrap::after { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 1px; background-color: #B18663; }
.congressTitBx .imgWrap img { position: relative; max-width: 3em; z-index: 5; }
@media all and (max-width: 599px){
    .congressTitBx .imgWrap img { max-width: 2.5em; }
}
/* 의원발의 */
.post38Layout01 { position: relative; }
.post38Layout01 .wrap { gap: 4rem 2rem; }
.post38Layout01 .wrap .bx { width: calc(50% - 2rem / 2); }
.post38Layout01 .bx h5.preGOVBold07 { position: relative; padding-bottom: 0.5em; margin-bottom: 0.5em; color: #AC846C; border-bottom: 1px solid #AC846C; }
.post38Layout01 .bx p { margin-bottom: 0.7em; }
.post38Layout01 .bx h6.preGOVBold08 { text-align: right; }
.post38Layout01 .bx h6.preGOVBold08 span { display: inline-block; margin-left: 0.5em; font-family: 'PreGOV-Re', sans-serif; font-weight: 400; }
@media all and (max-width: 768px){
    .post38Layout01 .wrap { gap: 3.5rem 2rem; }
}
@media all and (max-width: 599px){
    .post38Layout01 .wrap { gap: 2.5rem 2rem; }
    .post38Layout01 .wrap .bx { width: 100%; }
}
/* 일반 css */



/* post31 - 서대문통신 */
/* *** post31 *** */
/* 타이틀 가상선택자 border color */
#subContent.post31 .contentWrap .no01 .titBx01 div figure::before { border-top: 6px solid #FEF6ED; }
#subContent.post31 .contentWrap .no01 .titBx01 div figure::after { border-top: 6px solid #FEF6ED; }
#subContent.post31 .contentWrap .no02 .titBx01 div figure::before { border-top: 6px solid #FEF6ED; }
#subContent.post31 .contentWrap .no02 .titBx01 div figure::after { border-top: 6px solid #FEF6ED; }
#subContent.post31 .contentWrap .no03 .titBx01 div figure::before { border-top: 6px solid #EBF9F9; }
#subContent.post31 .contentWrap .no03 .titBx01 div figure::after { border-top: 6px solid #EBF9F9; }
#subContent.post31 .contentWrap .no04 .titBx01 div figure::before { border-top: 6px solid #EBF9F9; }
#subContent.post31 .contentWrap .no04 .titBx01 div figure::after { border-top: 6px solid #EBF9F9; }
#subContent.post31 .contentWrap .no05 .titBx01 div figure::before { border-top: 6px solid #EFF8F4; }
#subContent.post31 .contentWrap .no05 .titBx01 div figure::after { border-top: 6px solid #EFF8F4; }

/* post31 table */
#subContent.post31 table tr td { padding: 0.2rem 0.5rem; background-color: transparent; }
#subContent.post31 .table01 .no01 { width: 18%; }
#subContent.post31 .table01 .no02 { width: auto; }
#subContent.post31 .table01 .no03 { width: auto; }
#subContent.post31 .table01 tr td { text-align: center !important; }
#subContent.post31 .table01 tr td:last-child { border-left: 1px solid; border-color: inherit; }
/* @media all and (max-width: 599px){
    #subContent.post31 .table01 { width: 100% !important; }
} */

#subContent.post31 .table02 .no01 { width: auto; }
#subContent.post31 .table02 .no02 { width: auto; }
#subContent.post31 .table02 .no03 { width: auto; }
/* @media all and (max-width: 599px){
    #subContent.post31 .table02 { width: 600px; }
} */

#subContent.post31 .table03 .no01 { width: 13%; }
#subContent.post31 .table03 .no02 { width: 25%; }
#subContent.post31 .table03 .no03 { width: 13%; }
#subContent.post31 .table03 .no04 { width: auto; }
#subContent.post31 .table03 .no05 { width: auto; }
@media all and (max-width: 599px){
    #subContent.post31 .table03 { width: 650px; }
}

#subContent.post31 .table04 .no01 { width: 25%; }
#subContent.post31 .table04 .no02 { width: 25%; }
#subContent.post31 .table04 .no03 { width: auto; }
@media all and (max-width: 599px){
    #subContent.post31 .table04 { width: 600px; }
}

#subContent.post31 .table05 .no01 { width: 25%; }
#subContent.post31 .table05 .no02 { width: 25%; }
#subContent.post31 .table05 .no03 { width: auto; }
#subContent.post31 .table05 tr td:last-child { text-align: left; }

#subContent.post31 .table06 .no01 { width: 15%; }
#subContent.post31 .table06 .no02 { width: auto; }
#subContent.post31 .table06 .no03 { width: auto; }

#subContent.post31 .table07 .no01 { width: 20%; }
#subContent.post31 .table07 .no02 { width: auto; }
#subContent.post31 .table07 .no03 { width: auto; }
#subContent.post31 .table07 .no04 { width: 15%; }

#subContent.post31 .table08 .no01 { width: auto; }
#subContent.post31 .table08 .no02 { width: auto; }
#subContent.post31 .table08 .no03 { width: auto; }
#subContent.post31 .table08 .no04 { width: auto; }
#subContent.post31 .table08 tr td:nth-last-child(1) { border-left: 1px solid !important; border-color: #ea972e !important; }

#subContent.post31 .table09 .no01 { width: 20%; }
#subContent.post31 .table09 .no02 { width: 20%; }
#subContent.post31 .table09 .no03 { width: auto; }

#subContent.post31 .table10 .no01 { width: 20%; }
#subContent.post31 .table10 .no02 { width: 20%; }
#subContent.post31 .table10 .no03 { width: 20%; }
#subContent.post31 .table10 .no04 { width: auto; }

#subContent.post31 .table11 .no01 { width: 25%; }
#subContent.post31 .table11 .no02 { width: auto; }
#subContent.post31 .table11 .no03 { width: auto; }

/* list style */
#subContent.post31 .section .outline .boxLayout_2n2 .bx ul + ul { margin-top: 10px; }
#subContent.post31 .section .outline .boxLayout_2n2 .bx ul + ul.dash { margin-top: 5px; }
/* table 여백 */
#subContent.post31 .section .outline .boxLayout_2n2 .bx .tableWrap { margin-bottom: 10px; }
#subContent.post31 .section .outline .boxLayout_2n2 .bx ul + .tableWrap { margin-top: 10px; }

/* 2026.05월호 only */
#subContent.post31 .bg01 { padding: 2em; background-color: #f7e7e7; border-radius: 5px; }
#subContent.post31 .only01 .wrap .bx:nth-child(1) { width: 253px !important; }
#subContent.post31 .only01 .wrap .bx:nth-child(2) { flex: 1 !important; }
#subContent.post31 .no06 .inBx { position: relative; }
#subContent.post31 .no06 .inBx .bill { position: absolute; left: 1em; bottom: 1em; width: 80%; }
#subContent.post31 .no06 .inBx .bill em { color: #554DA1; font-weight: 700; font-family: 'PreGOV-Bo'; }
@media all and (max-width: 767px){
    #subContent.post31 .no06 .inBx .bill { position: relative; left: auto; bottom: auto; margin-top: 1em; width: 100%; }
    #subContent.post31 .table11 { width: 100%; }
}
@media all and (max-width: 599px){
    #subContent.post31 .only01 .wrap { gap: 1rem 2rem !important; }
    #subContent.post31 .only01 .wrap .bx:nth-child(1) { width: 100% !important; }
    #subContent.post31 .only01 .wrap .bx:nth-child(2) { flex: 1 !important; }
    #subContent.post31 .table11 { width: 600px; }
}

/* post32 */
#subContent.post32 .section.sec02 .boxLayout_2n2 .wrap .bx { position: relative; padding: 2em 1.5em 1.5em 0.5em; background-color: #fff; border: 2px solid var(--post32Clr01); border-radius: 5px; }
#subContent.post32 .section.sec02 .boxLayout_2n2 .wrap .bx h4.preGOVBold07 { position: absolute; top: 0; left: 1em; transform: translateY(-15px); display: inline-block; margin-bottom: 0.6em; padding: 0.3em 0.9em; color: #fff; background-color: var(--post32Clr01); }
#subContent.post32 .section.sec02 .boxLayout_2n2 .wrap .bx h4.preGOVBold07::after { position: absolute; content: ""; right: 0; top: 0; width: 0; transform: translateX(100%); height: 0; border-style: solid; border-width: 15px 0px 0px 15px; border-color: transparent transparent transparent #b34c5d; }
#subContent.post32 .section.sec02 .boxLayout_2n2 .wrap .bx .inBx .deco { position: absolute; top: -0.5em; right: -0.5em; display: flex; justify-content: center; align-items: center; color: var(--post32Clr01); width: 3em; height: 3em; border-radius: 50%; line-height: 1; border: 2px solid var(--post32Clr01); background-color: #fff; transform: rotate(-20deg); }

/* post41 */
#subContent.post41 .section01 .flexDecoWrap { position: relative; display: flex; flex-flow: row wrap; }
#subContent.post41 .section01 .flexDecoWrap .bx { width: 50%; }
#subContent.post41 .section01 .flexDecoWrap .left { position: relative; border-right: 2px solid #fff; }
#subContent.post41 .section01 .flexDecoWrap .left .imgWrap { position: relative; width: 100%; height: 100%; }
#subContent.post41 .section01 .flexDecoWrap .left .imgWrap img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
#subContent.post41 .section01 .flexDecoWrap .left .imgWrap span { position: absolute; left: 1em; right: 1em; bottom: 1em; width: calc(100% - 2em); }
#subContent.post41 .section01 .flexDecoWrap .right ul li { border-bottom: 2px solid #fff; }
#subContent.post41 .section01 .flexDecoWrap .right ul li img { border-radius: 0; }
#subContent.post41 .section01 .flexDecoWrap .right .txtBx { position: relative; padding: 1em; background-color: #fff; }
#subContent.post41 .section01 .flexDecoWrap .right .txtBx ul li span { background-color: var(--post41Clr01); }
@media all and (max-width: 599px){
    #subContent.post41 .section01 .flexDecoWrap .bx { width: 100%; }
    #subContent.post41 .section01 .flexDecoWrap .left { border-right: 0px solid #fff; border-bottom: 2px solid #fff; }
    #subContent.post41 .section01 .flexDecoWrap .left .imgWrap img { position: relative; top: auto; left: auto; right: auto; bottom: auto; width: 100%; height: auto; object-fit: initial; }
}