@charset "utf-8";
/*
TITLE : 일반형(A) - 1 sub style
WORKER : HSG
DATE : 2023.02
VERSION :
- 1.0 : 1차 구축.
*/

/* post40 */
#subContent.post40 .section.sec01 .outline { padding-bottom: 24rem; padding-left: 2rem; padding-right: 2rem; background: #ffefd3 url(../img/sub/post40_01.png) no-repeat center bottom; background-size: cover; }
#subContent.post40 .section h4 { padding-top: 3rem; color: var(--post40Clr01); }
@media all and (max-width: 768px){
    #subContent.post40 .section.sec01 .outline { padding-bottom: 14rem; padding-left: 1rem; padding-right: 1rem; }
    #subContent.post40 .section h4 { padding-top: 2rem; }
}

/* post10 */
#subContent.post10 .section h2 { margin-bottom: 1rem; color: var(--post10Clr02); }
#subContent.post10 .section h2 img { display: inline-block; margin-right: 10px; width: 50px; transform: translateY(-5px); }
#subContent.post10 .section .inner.mg_b50 { padding: 1rem; background-color: #fff; }
#subContent.post10 .section .inner.mg_b50 ul li span { background-color: var(--post10Clr02); }
#subContent.post10 .section .boxLayout_2n1 .bx h5 { margin-bottom: 0.5rem; color: var(--post10Clr02); }
#subContent.post10 .section .boxLayout_2n2 .bx h6 { color: var(--post10Clr01); }
#subContent.post10 .section .table01 .no01 { width: 25%; }
#subContent.post10 .section .table01 .no02 { width: 25%; }
#subContent.post10 .section .table01 .no03 { width: auto; }
#subContent.post10 .section .table01,
#subContent.post10 .section .table01 tr,
#subContent.post10 .section .table01 tr th,
#subContent.post10 .section .table01 tr td { border-color: var(--post10Clr01); }
#subContent.post10 .section .table01 tr th { background-color: var(--post10Clr01); color: #fff; border-right: 1px solid #fff; }
#subContent.post10 .section .table01 tr th:last-child { border-right: 0px solid #fff; }
#subContent.post10 .section .table01 tr td { border-right: 1px solid; text-align: center; }
#subContent.post10 .section .table01 tr td:last-child { border-right: 0px solid; }
#subContent.post10 .sec03 .inner { padding: 1rem; background-color: #fff; }
#subContent.post10 .table02 col { width: auto; }
#subContent.post10 .table02 col.no08 { width: 15%; }
#subContent.post10 .table02,
#subContent.post10 .table02 tr,
#subContent.post10 .table02 tr th,
#subContent.post10 .table02 tr td { border-color: var(--post10Clr02); }
#subContent.post10 .table02 tr th { background-color: var(--post10Clr02); color: #fff; border-right: 1px solid #fff; }
#subContent.post10 .table02 tr th:last-child { border-right: 0px solid #fff; }
#subContent.post10 .table02 tr td { text-align: center; border-right: 1px solid var(--post10Clr02); }
#subContent.post10 .table02 tr td:last-child { border-right: 0px solid var(--post10Clr02); }
#subContent.post10 .sec04 .boxLayout_2n2 h4 { margin-bottom: 0.5rem; color: var(--post10Clr02); }
#subContent.post10 .sec04 .boxLayout_2n2 ul li span { background-color: var(--post10Clr02); }
#subContent.post10 .sec04 .table03 .no01 { width: 25%; }
#subContent.post10 .sec04 .table03 .no02 { width: auto; }
#subContent.post10 .sec04 .table03,
#subContent.post10 .sec04 .table03 tr,
#subContent.post10 .sec04 .table03 tr th,
#subContent.post10 .sec04 .table03 tr td { border-color: var(--post10Clr02); }
#subContent.post10 .sec04 .table03 tr th { background-color: var(--post10Clr02); color: #fff; border-right: 1px solid #fff; }
#subContent.post10 .sec04 .table03 tr th:last-child { border-right: 0px solid var(--post10Clr02); }
#subContent.post10 .sec04 .table03 tr td { border-right: 1px solid var(--post10Clr02); }
#subContent.post10 .sec04 .table03 tr td:last-child { border-right: 0px solid var(--post10Clr02); }
#subContent.post10 .sec04 .table03 tr td:nth-last-child(2) { text-align: center; }
#subContent.post10 .sec03 ul li span { background-color: var(--post10Clr02); }
#subContent.post10 .list.other4.clr li span { background-color: var(--post10Clr02); }


@media all and (max-width: 768px){
    #subContent.post10 .section h2 img { margin-right: 5px; width: 30px; transform: translateY(-4px); }
}

/* post12 */
#subContent.post12 .section .inner + .inner { margin-top: 2.5rem; }
#subContent.post12 .section .inner h4 { margin-bottom: 0.3rem; text-align: center; color: var(--post12Clr01); }
#subContent.post12 .section .inner h4 span { position: relative; display: inline-block; padding: 0.4rem 2rem 0.1rem; background-color: #fff; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#subContent.post12 .section .inner h4 span::before { position: absolute; content: ""; left: 0; transform: translateX(-90%); top: -1px; width: auto; height: calc(100% + 2px); aspect-ratio: 1 / 1; background: url(../img/sub/post12_12.png) no-repeat center; background-size: cover; }
#subContent.post12 .section .inner h4 span::after { position: absolute; content: ""; right: 0; transform: translateX(90%); top: -1px; width: auto; height: calc(100% + 2px); aspect-ratio: 1 / 1; background: url(../img/sub/post12_13.png) no-repeat center; background-size: cover; }
#subContent.post12 .section .inner p { margin-bottom: 0.5rem; }
#subContent.post12 .section .inner ul li span { background-color: var(--post12Clr01); }
#subContent.post12 .section .inner .list.other4 { margin-bottom: 0.7rem; }
#subContent.post12 .section .inBx { position: relative; padding: 1rem; padding-left: 10rem; background-color: #fff; }
#subContent.post12 .section .inBx img { position: absolute; left: 1rem; top: 1rem; bottom: 1rem; width: 6.5rem; }
#subContent.post12 .section .table01 .no01 { width: 15%; }
#subContent.post12 .section .table01 .no02 { width: 25%; }
#subContent.post12 .section .table01 .no03 { width: auto; }
#subContent.post12 .section .table01 .no04 { width: 15%; }
#subContent.post12 .section .table01,
#subContent.post12 .section .table01 tr,
#subContent.post12 .section .table01 tr th,
#subContent.post12 .section .table01 tr td { border-color: var(--post12Clr02); }
#subContent.post12 .section .table01 tr th { background-color: var(--post12Clr02); color: #fff; border-right: 1px solid; }
#subContent.post12 .section .table01 tr th:last-child { border-right: 0px solid; }
#subContent.post12 .section .table01 tr td { text-align: center; border-right: 1px solid var(--post12Clr02); }
#subContent.post12 .section .table01 tr td:last-child { border-right: 0px solid var(--post12Clr02); }
#subContent.post12 .section .table01 tr td:nth-child(2) { background-color: #FBF4F8; }
@media all and (max-width: 599px){
    #subContent.post12 .section .inBx { padding: 1rem; }
    #subContent.post12 .section .inBx img { position: relative; left: auto; top: auto; bottom: auto; margin-bottom: 1rem; }
}

/* post13 */
#subContent.post13 .section h4.GkBold06 { margin-bottom: 0.5rem; color: var(--post13Clr02); }
#subContent.post13 .section h4.GkBold06 i { display: inline-block; margin-right: 0.3rem; transform: translateY(3px); }
#subContent.post13 .section.sec01 .inner { margin-bottom: 1.25rem; padding: 1rem; background-color: #fff; border-radius: 0.6rem; }
#subContent.post13 .section.sec01 .inner h5 { margin-bottom: 0.3rem; color: var(--post13Clr01); }
#subContent.post13 .section .list.other4 > li > span { background-color: var(--post13Clr01); }
#subContent.post13 .section .list.other4 > li > ol li { position: relative; padding-left: 2rem; }
#subContent.post13 .section .list.other4 > li > ol li em { position: absolute; left: 0; width: 1.8rem; text-align: center; background-color: var(--post13Clr01); color: #fff; font-size: 0.80em; border-radius: 0.2rem; transform: translateY(3px); font-weight: 700; font-family: 'PreGOV-Bo'; }
#subContent.post13 .section.sec02 .inner ol { position: relative; display: flex; flex-flow: row nowrap; gap: 2rem; justify-content: center; margin-bottom: 1.25rem; }
#subContent.post13 .section.sec02 .inner ol li { position: relative; color: var(--post13Clr01); }
#subContent.post13 .section.sec02 .inner ol li::after { position: absolute; content: ""; right: -1rem; top: 50%; transform: translateY(-35%); width: 1px; height: 1rem; background-color: var(--post13Clr01); }
#subContent.post13 .section.sec02 .inner ol li:last-child::after { display: none; }
#subContent.post13 .section.sec02 .inner ol li strong { display: inline-block; margin-left: 0.5rem; font-size: 1.5em; color: var(--post24Clr03); transform: translateY(3px); }
#subContent.post13 .section.sec03 .inner { position: relative; padding: 3rem 1rem 2rem; border: 2px solid var(--post13Clr01); border-radius: 1rem; }
#subContent.post13 .section.sec03 .inner .deco01 { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); width: 3.8rem; border-radius: 50%; border: 20px solid #EBF9F9; }
#subContent.post13 .section.sec03 .inner h4 {  text-align: center; color: var(--post13Clr01); }
#subContent.post13 .section.sec03 .inner .titBx { position: relative; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-end; }
#subContent.post13 .section.sec03 .inner .titBx img { width: 8rem; }
#subContent.post13 .section.sec03 .inner .titBx h6 span { display: inline-block; margin-top: 0.4rem; font-family: 'PreGOV-Re', sans-serif; font-weight: 400; }
#subContent.post13 .section.sec03 .inner p strong { font-family: 'PreGOV-Bo', sans-serif; font-weight: 700; }
@media all and (max-width: 768px){
    #subContent.post13 .section.sec02 .inner ol { position: relative; display: flex; flex-flow: row wrap; gap: 0.3rem; justify-content: flex-start; }
    #subContent.post13 .section.sec02 .inner ol li { width: 100%; }
    #subContent.post13 .section.sec02 .inner ol li::after { display: none; }
    #subContent.post13 .section.sec02 .inner ol li strong {  margin-left: 0.25rem; font-size: 1.1em; transform: translateY(1px); }
    #subContent.post13 .section.sec03 .inner .titBx img { width: 6rem; }
}


/* post24 */
/* 서대문생생정보 서대문내품애센터 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; }
.ssLayout01 .boxLayout_2n1 .wrap .bx ul li span { background-color: #F27580;; }
@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 .titBx { position: relative; margin-bottom: 1rem; text-align: center; }
#subContent.post24 .section .titBx h6 { display: inline-block; padding: 1.8rem 1.8rem 1.8rem; color: #fff; background: url(../img/sub/post24_02.png) no-repeat center; background-size: contain; }
#subContent.post24 .section.sec01 .list.other4 li span { background-color: var(--post24Clr01); }
#subContent.post24 .section.sec01 h5 { color: var(--post24Clr01); }
#subContent.post24 .section.sec02 .list.other4 li span { background-color: var(--post24Clr02); }
#subContent.post24 .section.sec02 h5 { color: var(--post24Clr02); }
#subContent.post24 .section.sec03 .list.other4 li span { background-color: var(--post24Clr03); }
#subContent.post24 .section.sec03 h5 { color: var(--post24Clr03); }
#subContent.post24 .section.sec02 .titBx h6 { background-image: url(../img/sub/post24_03.png); }
#subContent.post24 .section.sec03 .titBx h6 { background-image: url(../img/sub/post24_04.png); }
#subContent.post24 .section .table01 .no01 { width: 120px; }
#subContent.post24 .section .table01 .no02 { width: auto; }
#subContent.post24 .section .table01,
#subContent.post24 .section .table01 tr,
#subContent.post24 .section .table01 tr th,
#subContent.post24 .section .table01 tr td { border-color: var(--post24Clr01); }
#subContent.post24 .section table tr td:first-child { text-align: center; background-color: #e4e4e4; font-family: 'PreGOV-Bo'; font-weight: 700; }
#subContent.post24 .section .table01 tr td:first-child { color: var(--post24Clr01); }
#subContent.post24 .section .roundBx { position: relative; padding: 0.5rem; border: 2px solid var(--post24Clr03); border-radius: 0.5rem; background-color: #fff; }

/* post241 */
#subContent.post241 .section .outer { position: relative; padding: 2rem 1rem 1rem; border-radius: 1rem; background-color: #fff; }
#subContent.post241 .section .outer .deco01 { position: absolute; right: 0; top: 0; transform: translate(-50%, -70%); width: 130px; }
#subContent.post241 .section .outer .boxLayout_2n2 .bx ul li img { display: inline-block; margin-left: 5px; width: 1.1rem; transform: translateY(-1px); }
#subContent.post241 .section .outer .boxLayout_2n2 .bx .inBx { position: relative; margin-top: 0.7rem; padding: 1rem; background-color: #f4ede7; border-radius: 0.4rem; }
#subContent.post241 .section .outer > .inBx { margin-top: 2rem; padding: 1rem; background-color: #f4ede7; border-radius: 0.7rem; }
#subContent.post241 .section .outer > .inBx ol li strong { display: inline-block; margin-left: 0.5rem; font-family: 'PreGOV-Bo'; font-weight: 700; color: var(--post241Clr01); }
#subContent.post241 .section h5 strong { display: inline-block; margin-right: 5px; padding: 0.2rem 0.5rem 0; font-size: 0.9em; background-color: var(--post241Clr01); color: #fff; border-radius: 1rem; }
#subContent.post241 .section .inner { padding: 1rem; background-color: #fff; border-radius: 1rem; }
#subContent.post241 .section .inner ul li span { background-color: var(--post241Clr01);; }
#subContent.post241 .section.sec03 ul li span { background-color: var(--post241Clr01);; }
#subContent.post241 .section.sec03 table .no01 { width: 15%; }
#subContent.post241 .section.sec03 table .no02 { width: auto; }
#subContent.post241 .section.sec03 table,
#subContent.post241 .section.sec03 table tr,
#subContent.post241 .section.sec03 table tr th,
#subContent.post241 .section.sec03 table tr td { border-color: var(--post241Clr01); }
#subContent.post241 .section.sec03 table tr th { color: #fff; background-color: var(--post241Clr01); border-right: 1px solid #fff; }
#subContent.post241 .section.sec03 table tr th:last-child { border-right: 0px solid #fff; }
#subContent.post241 .section.sec03 table tr td { border-right: 1px solid; border-color: inherit; }
#subContent.post241 .section.sec03 table tr td:first-child { text-align: center; }
#subContent.post241 .section.sec03 table tr td:last-child { border-right: 0px solid; border-color: inherit; }
#subContent.post241 .section.sec03 .outline { position: relative; padding-right: 15rem; }
#subContent.post241 .section.sec03 .outline .deco { position: absolute; right: 0.5rem; top: 1rem; width: 11rem; }

#subContent.post241 .section.sec01 .inBx.inBx02 .boxLayout_2n1 .wrap .bx:nth-child(1) { width: calc(28% - 2rem / 2); }
#subContent.post241 .section.sec01 .inBx.inBx02 .boxLayout_2n1 .wrap .bx:nth-child(2) { width: calc(72% - 2rem / 2); }
#subContent.post241 .section .list.other4 li span { background-color: var(--post241Clr01); }



@media all and (max-width: 768px){
    #subContent.post241 .section .outer .deco01 { width: 90px; }
    #subContent.post241 .section.sec03 .outline { position: relative; padding-right: 0; }
    #subContent.post241 .section.sec03 .outline .deco { position: relative; display: inline-block; right: auto; top: auto; width: 11rem; margin-top: 1rem; }
    #subContent.post241 .section.sec03 table .no01 { width: 100px; }
    #subContent.post241 .section.sec03 .outline table { width: 100%; }

    #subContent.post241 .section.sec01 .inBx.inBx02 .boxLayout_2n1 .wrap { flex-flow: row wrap; }
    #subContent.post241 .section.sec01 .inBx.inBx02 .boxLayout_2n1 .wrap .bx:nth-child(1) { width: calc(50% - 2rem / 2); }
    #subContent.post241 .section.sec01 .inBx.inBx02 .boxLayout_2n1 .wrap .bx:nth-child(2) { width: 100%; }
    #subContent.post241 .section.sec01 .inBx.inBx02 .boxLayout_2n1 .wrap .bx:nth-child(2) ol li { text-align: left; }
}
@media all and (max-width: 599px){
    #subContent.post241 .section .outer .deco01 { display: none; }
    #subContent.post241 .section.sec01 .inBx.inBx02 .boxLayout_2n1 .wrap .bx ol li strong { display: block; margin-left: 0; margin-bottom: 8px; }
}



/* 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 { border-right: 1px solid #AC846C; }
.congressSchedule .tableWrap table tr td:last-child { border-right: 0px solid #AC846C; }
.congressSchedule .tableWrap table tr td span { display: block; color: #AC846C; }
.congressSchedule .tableWrap table,
.congressSchedule .tableWrap table tr,
.congressSchedule .tableWrap table tr th,
.congressSchedule .tableWrap table tr td { border-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%; }
}
/* 서대문 SNS */
#subContent.post30 .seodaemunSns { position: relative; margin-top: 2rem; padding: 1rem 0; border-top: 2px solid var(--post30Clr01); }
#subContent.post30 .seodaemunSns h4 { margin-bottom: 0.5rem; color: var(--post30Clr01); }
#subContent.post30 .seodaemunSns p { margin-bottom: 0.5rem; }
#subContent.post30 .seodaemunSns .linkBtnNo1 { text-align: left; }
/* 일반 */
#subContent.post30 .inBx { position: relative; }
#subContent.post30 .inBx::after { position: absolute; content: ""; left: 0; bottom: -1rem; width: 100%; height: 1px; background-color: var(--post30Clr01); }
#subContent.post30 .inBx + .inBx { margin-top: 2rem; }
#subContent.post30 .inBx { display: flex; flex-flow: row nowrap; gap: 20px; }
#subContent.post30 .inBx .imgWrap { width: 130px; }
#subContent.post30 .inBx .colBx { flex: 1; display: flex; flex-flow: column; }
#subContent.post30 .inBx .colBx p { margin-bottom: 10px; }
#subContent.post30 .inBx .colBx h6 { margin-top: auto; }
#subContent.post30 .inBx .colBx h6 span { font-family: 'PreGOV-Re'; font-weight: 400; }

#subContent.post30 .boxLayout_2n2 .wrap .bx p span { display: block; margin-top: 0.5rem; text-align: right; }

@media all and (max-width: 599px){
    #subContent.post30 .inBx .imgWrap { width: 110px; }
}
@media all and (max-width: 375px){
    #subContent.post30 .inBx .imgWrap { width: 90px; }
}

/* post20 */
#subContent.post20 .section .list.other4.clr li span { background-color: var(--post20Clr01); }
#subContent.post20 .section .boxLayout_2n1 .wrap .bx { position: relative; }
#subContent.post20 .section .boxLayout_2n1 .wrap .bx .imgWrap { position: relative; width: 100%; height: 100%; }
#subContent.post20 .section .boxLayout_2n1 .wrap .bx .imgWrap img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
#subContent.post20 .section .boxLayout_2n1 .wrap .bx .deco { position: absolute; left: -1rem; bottom: -1rem; width: 6rem; border-radius: 50%; border: 4px solid #FEF6ED; }
@media all and (max-width: 599px){
    #subContent.post20 .section .boxLayout_2n1 .wrap .bx .imgWrap img { position: relative; left: auto; top: auto; right: auto; bottom: auto; width: 100%; height: auto; object-fit: initial; object-position: initial; }
}

/* post38 */
#subContent.post38 .section .inBx > div { position: relative; padding: 0.7rem; padding-left: 2rem; border-radius: 0.7rem; }
#subContent.post38 .section .inBx.inBx01 > .aBx { padding-left: 3.3rem; }
#subContent.post38 .section .inBx > div strong { position: absolute; left: 0.7rem; top: 0.7rem; font-family: 'PreGOV-Bo', sans-serif; font-weight: 700; color: var(--post34Clr01); }
#subContent.post38 .section .inBx > .qBx { border: 2px solid var(--post34Clr01); font-family: 'PreGOV-Bo', sans-serif; font-weight: 700; color: var(--post34Clr01); }
#subContent.post38 .section .inBx > .aBx .list.other4 li span { background-color: var(--post34Clr01); }
#subContent.post38 .section .inBx > .aBx .list.other4 li br { display: none; }
#subContent.post38 .section.no02 .boxLayout_2n1 + .boxLayout_2n1 { margin-top: 2rem; }
#subContent.post38 .section .boxLayout_2n1 .wrap .bx { position: relative; }
#subContent.post38 .section .boxLayout_2n1 .wrap .bx > .deco { position: absolute; top: -1rem; right: -1rem; width: 5rem; border-radius: 50%; border: 4px solid #FEF6ED; }
#subContent.post38 .section .boxLayout_2n1 .wrap .bx ul li:nth-child(1) span { background-color: #46a4d0; }
#subContent.post38 .section .boxLayout_2n1 .wrap .bx ul li:nth-child(2) span { background-color: #006fbc; }
#subContent.post38 .section .boxLayout_2n1 .wrap .bx ul li:nth-child(3) span { background-color: #14a69b; }

@media all and (max-width: 599px){
    #subContent.post38 .section .inBx > .aBx .list.other4 li br { display: inline; }
}

/* post202 */
#subContent.post202 #subVisual #subVisual01 img { display: inline; width: clamp( 200px, 34.18vw, 350px); vertical-align: bottom; }
#subContent.post202 .section.sec03 h4.preGOVBold07 span { color: #BB662D; }
#subContent.post202 .section.sec03 .imgWrap { margin-bottom: 0.75em; }
#subContent.post202 .section.sec03 p { margin-bottom: 0.5em; }
#subContent.post202 .section.sec03 ul li span { background-color: #EC913F; }
#subContent.post202 .section.sec01 h4.preGOVBold05 { margin-bottom: 0.1em; }
#subContent.post202 .section.sec01 h4.preGOVBold07 { margin-bottom: 1em; padding-bottom: 0.5em; border-bottom: 1px solid #000; }
#subContent.post202 .section.sec01 h5.preGOVBold07 { margin-bottom: 0.5em; }
#subContent.post202 .section.sec01 ul li span { background-color: #BB662D; }
#subContent.post202 .section.sec01 table .no01 { width: 100px; }
#subContent.post202 .section.sec01 table .no02 { width: auto; }
#subContent.post202 .section.sec01 table .no03 { width: auto; }
#subContent.post202 .section.sec01 table,
#subContent.post202 .section.sec01 table tr,
#subContent.post202 .section.sec01 table tr th,
#subContent.post202 .section.sec01 table tr td { border-color: #EC913F; }
#subContent.post202 .section.sec01 table tr th { background-color: #EC913F; color: #fff; border-right: 1px solid #fff; }
#subContent.post202 .section.sec01 table tr th:last-child { border-right: 0px solid #fff; }
#subContent.post202 .section.sec01 table tr td { border-right: 1px solid #EC913F; text-align: center; }
#subContent.post202 .section.sec01 table tr td:last-child { border-right: 0px solid #EC913F; border-left: 1px solid #EC913F; }
#subContent.post202 .section.sec01 table tr td:first-child { background-color: #FCECDA; font-family: 'PreGOV-Bo', sans-serif; font-weight: 700; }
#subContent.post202 .section.sec02 h4.GkBold07 { position: relative; margin-bottom: 1em; border-bottom: 1px solid #EC913F; }
#subContent.post202 .section.sec02 h4.GkBold07 img { position: absolute; top: 50%; transform: translateY(-50%); right: 1em; width: 70px; }
#subContent.post202 .section.sec02 .inBx { position: relative; display: flex; flex-flow: row wrap; gap: 1em; padding-left: 3em; }
#subContent.post202 .section.sec02 .inBx + .inBx { margin-top: 1.5em; padding-top: 1em; border-top: 1px solid #EC913F; }
#subContent.post202 .section.sec02 .inBx dt { position: absolute; top: 0; left: 0; transform: translateY(-5px); width: 2em; height: 2em; display: flex; justify-content: center; align-items: center; color: #fff; background-color: #EC913F; border-radius: 50%; }
#subContent.post202 .section.sec02 .inBx dd.no01 { padding-top: 0.1em; width: 35%; color: #BB662D; }
#subContent.post202 .section.sec02 .inBx dd.no02 { flex: 1; }
#subContent.post202 .section.sec02 .inBx.inBx02 dt { top: 0.8em; }
#subContent.post202 .section .inner h5 { position: relative; margin-bottom: 0.5rem; }
#subContent.post202 .section .inner h5 span { display: inline-block; padding: 0.2rem 3rem; color: #fff; background-color: var(--post20Clr01); border-radius: 1rem; }
#subContent.post202 .section .inner .innerBx { padding: 1rem; border: 1px solid #000; border-radius: 1rem; }
#subContent.post202 .section .inner .innerBx h6 { position: relative; padding-left: 1.25rem; margin-bottom: 0.3rem; color: var(--post20Clr01); text-align: left; }
#subContent.post202 .section .inner .innerBx p { position: relative; padding-left: 1.25rem; }
#subContent.post202 .section .inner .innerBx h6 span,
#subContent.post202 .section .inner .innerBx p span { position: absolute; left: 0; font-family: 'PreGOV-Bo'; font-weight: 700; }
/* #subContent.post202 .section.sec02 .bx h5 { color: var(--post20Clr01); } */
#subContent.post202 .section.sec02 .bx ul li span { background-color: var(--post20Clr01); }

/* post */
#subContent.post202 .section.sec01 .table01,
#subContent.post202 .section.sec01 .table01 tr,
#subContent.post202 .section.sec01 .table01 tr th,
#subContent.post202 .section.sec01 .table01 tr td { border-color: var(--post20Clr01); }

#subContent.post202 .section.sec01 .table01 tr th { background-color: var(--post20Clr01); border-right: 1px solid #fff; }
#subContent.post202 .section.sec01 .table01 tr th:last-child { border-right: 0px solid #fff; }
#subContent.post202 .section.sec01 .table01 tr td { border-right: 1px solid var(--post20Clr01); }
#subContent.post202 .section.sec01 .table01 tr td:first-child { background-color: rgba(255, 255, 255, 0.6); }

#subContent.post202 .section.sec02 h4 { color: var(--post12Clr01); }
#subContent.post202 .section.sec02 h5 { color: var(--post12Clr01); }
#subContent.post202 .section.sec02 .list.other4 li span { background-color: var(--post12Clr01); ; }





@media all and (max-width: 1024px){
    #subContent.post202 .section.sec03 h4.GkBold07 { margin-bottom: 1.7em; }
    #subContent.post202 .section.sec03 h4.GkBold07 img { width: 50px; }
}
@media all and (max-width: 768px){
    #subContent.post202 .section.sec02 table { width: 100%; }
}
@media all and (max-width: 767px){
    #subContent.post202 .section.sec02 table { width: 664px; }
    #subContent.post202 .section.sec01 table .no01 { width: 70px; }
}
@media all and (max-width: 599px){
    #subContent.post202 .section.sec03 .inBx dd.no01 { width: 100%; }
    #subContent.post202 .section.sec02 .inBx { flex-flow: column; padding-left: 0; }
    #subContent.post202 .section.sec02 .inBx + .inBx { padding-top: 0; }
    #subContent.post202 .section.sec02 .inBx dt { position: relative; top: auto; left: auto; transform: translateY(0); }
    #subContent.post202 .section.sec02 .inBx dd.no01 { padding-top: 0.1em; width: 100%; }
    #subContent.post202 .section.sec02 .inBx dd.no02 { flex: 1; }
    #subContent.post202 .section.sec02 .inBx.inBx02 dt { top: 0; }
}


/* post21 */
#subContent.post21 .section .boxLayout_2n2 .wrap .bx h6 span { font-family: 'PreGOV-Re'; font-weight: 400; }





/* 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: 100px; }
#subContent.post31 .table01 .no02 { width: auto; }
#subContent.post31 .table01 .no03 { width: auto; }
#subContent.post31 .table01 tr:nth-child(1) th:nth-child(2) { border-bottom: 1px solid #fff; }
#subContent.post31 .table01 tr:nth-child(1) th:last-child { border-left: 1px solid #fff; }
#subContent.post31 .table01 tr td { text-align: center !important; }
#subContent.post31 .table01 tr td:last-child { text-align: left !important; border-left: 1px solid; border-color: inherit; }

#subContent.post31 .table02 .no01 { width: 30%; }
#subContent.post31 .table02 .no02 { width: 30%; }
#subContent.post31 .table02 .no03 { width: auto; }
/* #subContent.post31 .table02 .no04 { width: auto; } */
#subContent.post31 .table02 tr:nth-child(1) th:nth-child(2) { border-bottom: 1px solid #fff; }
#subContent.post31 .table02 tr:nth-child(1) th:nth-child(3) { border-left: 1px solid #fff; }
#subContent.post31 .table02 tr td:nth-last-child(1) { text-align: left; border-left: 1px solid #fff; }

#subContent.post31 .table03 .no01 { width: 100px; }
#subContent.post31 .table03 .no02 { width: 100px; }
#subContent.post31 .table03 .no03 { width: auto; }
#subContent.post31 .table03 tr:nth-child(1) td:nth-child(2) { border-left: 1px solid #45a575 !important; }
#subContent.post31 .table03 tr td:nth-last-child(1) { text-align: left !important; }

#subContent.post31 .table04 .no01 { width: 30%; }
#subContent.post31 .table04 .no02 { width: auto; }
#subContent.post31 .table04 .no03 { width: auto; }
/* #subContent.post31 .table04 .no04 { width: auto; } */

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

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

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

#subContent.post31 .table08 .no01 { width: auto; }
#subContent.post31 .table08 .no02 { width: auto; }
#subContent.post31 .table08 .no03 { width: 14%; }
#subContent.post31 .table08 .no04 { width: auto; }

#subContent.post31 .table09 .no01 { width: 20%; }
#subContent.post31 .table09 .no02 { width: auto; }
#subContent.post31 .table09 .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.11월호 only */
#subContent.post31 .bx.special h6 span { display: inline-block; padding: 0.2rem 0.5rem; font-size: 0.9rem; color: #fff; background-color: #16afb8; border-radius: 0.8rem; margin-bottom: 0.2rem; }

/* post31 */













/* post34 */
#subContent.post34 .inBx + .inBx { margin-top: 2.5rem; }
#subContent.post34 .inBx h4 { color: var(--post34Clr01); }
#subContent.post34 .inBx .list.other4 li span { background-color: var(--post34Clr01); }

/* post33 */
/* #subContent.post33 p + p {  } */


/* post32 */
#subContent.post32 .boxLayout_2n2 + .boxLayout_2n2 { margin-top: 2.5rem; }
/* #subContent.post32 .boxLayout_2n2 .wrap .bx { border: 1px solid red; } */
#subContent.post32 .boxLayout_2n2 .wrap .bx h4 { margin-bottom: 0.7rem; color: #6879ba; text-align: center; }
#subContent.post32 .boxLayout_2n2 .wrap .bx h4 small { display: block; text-align: center; font-size: 0.7em; }

#subContent.post32 .boxLayout_2n2 .wrap .bx h6 { color: #6879ba; }
#subContent.post32 .boxLayout_2n2 .wrap .bx h6 i { display: inline-block; margin-right: 5px; color: #ef93bb; transform: translateY(2px); }

#subContent.post32 .boxLayout_2n2 .wrap .bx ul li span { background-color: #6879ba; }

#subContent.post32 .boxLayout_2n2 .wrap .bx .table01 .no01 { width: 150px; }
#subContent.post32 .boxLayout_2n2 .wrap .bx .table01 .no02 { width: auto; }

#subContent.post32 .boxLayout_2n2 .wrap .bx .table01,
#subContent.post32 .boxLayout_2n2 .wrap .bx .table01 tr,
#subContent.post32 .boxLayout_2n2 .wrap .bx .table01 tr th,
#subContent.post32 .boxLayout_2n2 .wrap .bx .table01 tr td { border-color: #6879ba; }
#subContent.post32 .boxLayout_2n2 .wrap .bx .table01 tr th { color: #fff; background-color: #6879ba; border-right: 1px solid #fff; }
#subContent.post32 .boxLayout_2n2 .wrap .bx .table01 tr th:last-child { border-right: 0px solid #fff; }
#subContent.post32 .boxLayout_2n2 .wrap .bx .table01 tr td { border-right: 1px solid #6879ba; }
#subContent.post32 .boxLayout_2n2 .wrap .bx .table01 tr td:first-child { text-align: center; }
#subContent.post32 .boxLayout_2n2 .wrap .bx .table01 tr td:last-child { border-right: 0px solid #6879ba; }

@media all and (max-width: 768px){

}
@media all and (max-width: 480px){
    #subContent.post32 .boxLayout_2n2 .wrap .bx .table01 .no01 { width: 110px; }
}

/* post41 */
/* #subContent.post41 p + p {  } */