@charset "utf-8";
/*
TITLE : 일반형(A) - 1 sub style
WORKER : HSG
DATE : 2023.02
VERSION :
- 1.0 : 1차 구축.
*/
/* post40 */
#subContent.post40 .contentWrap .list.other4.clr li span { background-color: var(--post40Clr01); }

/* post13 */
#subContent.post13 .section .outline h4.GkBold06 { margin-bottom: 0.5rem; color: var(--post13Clr01); }
#subContent.post13 .section.no01 .outline ul li span,
#subContent.post13 .section.no02 .outline ul li span,
#subContent.post13 .section.no03 .outline ul li span { background-color: var(--post13Clr01); }
#subContent.post13 .section.no01 .tableWrap table .no01 { width: 9%; }
#subContent.post13 .section.no01 .tableWrap table .no02 { width: auto; }
#subContent.post13 .section.no01 .tableWrap table tr th { border-right: 1px solid #a9a9a9; background-color: #f6dcea; }
#subContent.post13 .section.no01 .tableWrap table tr th:last-child { border-right: 0px solid #a9a9a9; }
#subContent.post13 .section.no01 .tableWrap table tr td { text-align: center; border-right: 1px solid #a9a9a9; }
#subContent.post13 .section.no01 .tableWrap table tr td:last-child { border-right: 0px solid #a9a9a9; }

/* post10 */
#subContent.post10 .section .outline h4.GkBold06 { color: var(--post10Clr01); }
#subContent.post10 .section .outline .list.other4.clr li span { background-color: var(--post10Clr01); }
#subContent.post10 .section.section02 .boxLayout_2n1 .wrap .bx:nth-child(1) { width: calc(35% - 2rem / 2); }
#subContent.post10 .section.section02 .boxLayout_2n1 .wrap .bx:nth-child(2) { width: calc(65% - 2rem / 2); }
#subContent.post10 .section.section03 .boxLayout_2n1 .wrap .bx:nth-child(1) { width: calc(65% - 2rem / 2); }
#subContent.post10 .section.section03 .boxLayout_2n1 .wrap .bx:nth-child(2) { width: calc(35% - 2rem / 2); }
#subContent.post10 .section.section03 .inBx { padding: 1rem; border: 1px solid var(--post10Clr01); border-radius: 0.75rem; }
#subContent.post10 .section.section03 .inBx .special > li { position: relative; padding-left: 1.2rem; }
#subContent.post10 .section.section03 .inBx .special > li > i { position: absolute; left: 0; top: 2px; }
#subContent.post10 .section.section03 .inBx .special > li > strong { text-align: left; background-image: linear-gradient(90deg, #000, #000); background-size: 100% 2px; background-repeat: no-repeat; background-position: 0 98%; }
@media all and (max-width: 599px){
    #subContent.post10 .section.section02 .boxLayout_2n1 .wrap .bx:nth-child(1) { width: 100%; }
    #subContent.post10 .section.section02 .boxLayout_2n1 .wrap .bx:nth-child(2) { width: 100%; }
    #subContent.post10 .section.section03 .boxLayout_2n1 .wrap .bx:nth-child(1) { width: 100%; }
    #subContent.post10 .section.section03 .boxLayout_2n1 .wrap .bx:nth-child(2) { width: 100%; }
    #subContent.post10 .section.section03 .inBx { padding: 1rem 0.5rem; }
}

/* post12 */
#subContent.post12 .contentWrap .section h4 { text-align: center; color: #7b4d4b; }
#subContent.post12 .contentWrap .section .list.other4.clr li span { background-color: #7b4d4b; }
/* #subContent.post12 #subVisual01 h4 img { width: auto; height: clamp(3rem, 8.11vw, 6rem); vertical-align: bottom; } */
#subContent.post12 #subVisual #subVisual01 img { display: inline; width: clamp( 200px, 34.18vw, 350px); vertical-align: bottom; }
#subContent.post12 .section02 h6.GkBold08 { text-align: center; }
#subContent.post12 .section02 h6.GkBold08 span { position: relative; display: inline-block; padding: 0.35rem 1rem 0.1rem; background-color: #B66297; color: #fff; border-radius: 0.3rem; }
#subContent.post12 .other4 li span { background-color: #B66297; }
#subContent.post12 .section02 table,
#subContent.post12 .section02 table tr,
#subContent.post12 .section02 table tr th,
#subContent.post12 .section02 table tr td { border-color: #B66297; }
#subContent.post12 .section02 table .no01 { width: 15%;}
#subContent.post12 .section02 table .no02 { width: auto; }
#subContent.post12 .section02 table .no03 { width: auto; }
#subContent.post12 .section02 table tr th { background-color: #B66297; color: #fff; border-right: 1px solid #fff; }
#subContent.post12 .section02 table tr th:last-child { border-right: 0px solid #fff; }
#subContent.post12 .section02 table tr td { text-align: center; border-right: 1px solid; border-color: inherit; }
#subContent.post12 .section02 table tr td:last-child { border-right: 0px solid; }
#subContent.post12 .section02 h5.GkBold06 { text-align: center; }
#subContent.post12 .section02 .imgWrap img { width: clamp(300px, 48.83vw, 500px); }
#subContent.post12 .section02 .inBx { padding: 1rem; border: 2px solid #777; border-radius: 1rem; }

/* post21 */
#subContent.post21 #subVisual .imgWrap { text-align: center; }
#subContent.post21 #subVisual .imgWrap img { width: clamp(150px, 13.51vw, 200px); }
#subContent.post21 .contentWrap .section02 .inBx { padding: 0.7rem 0.2rem; border-top: 1px solid var(--post21Clr01); border-bottom: 1px solid var(--post21Clr01); }
#subContent.post21 .contentWrap .section03 .list.other4.clr li span { background-color: var(--post21Clr01); }
#subContent.post21 .contentWrap .section03 .tableWrap table .no01 { width: 25%; }
#subContent.post21 .contentWrap .section03 .tableWrap table .no02 { width: 25%; }
#subContent.post21 .contentWrap .section03 .tableWrap table .no03 { width: auto; }
#subContent.post21 .contentWrap .section03 .tableWrap table,
#subContent.post21 .contentWrap .section03 .tableWrap table tr,
#subContent.post21 .contentWrap .section03 .tableWrap table tr th,
#subContent.post21 .contentWrap .section03 .tableWrap table tr td { border-color: var(--post21Clr01); }
#subContent.post21 .contentWrap .section03 .tableWrap table tr th { border-right: 1px solid var(--post21Clr01); }
#subContent.post21 .contentWrap .section03 .tableWrap table tr th:last-child { border-right: 0px solid var(--post21Clr01); }
#subContent.post21 .contentWrap .section03 .tableWrap table tr td { border-right: 1px solid var(--post21Clr01); text-align: center; }
#subContent.post21 .contentWrap .section03 .tableWrap table tr td:last-child { border-right: 0px solid var(--post21Clr01); }
#subContent.post21 .contentWrap .section03 .inBx02 { position: relative; padding: 3rem 1rem 1rem; border: 2px solid var(--post21Clr01); border-radius: 1rem; }
#subContent.post21 .contentWrap .section03 .inBx02 h5 { position: absolute; top: 0; left: 0; transform: translateY(-50%); width: 100%; text-align: center; }
#subContent.post21 .contentWrap .section03 .inBx02 h5 strong { display: inline-block; padding: 0.5rem 1rem; border-radius: 2rem; background-color: var(--post21Clr01); color: #fff; max-width: 80%; word-break: keep-all; text-align: center; }
#subContent.post21 .contentWrap .section03 .inBx02 .titBx { position: relative; padding-right: 7rem; }
#subContent.post21 .contentWrap .section03 .inBx02 .titBx img { position: absolute; top: 0; right: 0; width: 6.5rem; }
@media all and (max-width: 599px){
    #subContent.post21 .contentWrap .section03 .inBx02 .titBx { padding-right: 0; text-align: center; margin-bottom: 2rem !important; }
    #subContent.post21 .contentWrap .section03 .inBx02 .titBx h4 { text-align: center; }
    #subContent.post21 .contentWrap .section03 .inBx02 .titBx p { text-align: center; }
    #subContent.post21 .contentWrap .section03 .inBx02 .titBx img { position: relative; top: auto; right: auto; width: 8rem; margin-top: 1rem; }
}

/* post22 */
#subContent.post22 .contentWrap .list.other4.clr li span { background-color: var(--post22Clr01); }
#subContent.post22 .contentWrap .section02 .inBx { position: relative; padding-left: 12rem; }
#subContent.post22 .contentWrap .section02 .inBx h4 { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 11rem; height: 100%; background-color: var(--post22Clr01); color: #fff; border-radius: 1rem; }
#subContent.post22 .contentWrap .section02 .special img { display: inline-block; margin-right: 0.5rem; width: 2rem; height: auto; }
#subContent.post22 .contentWrap .section02 .boxLayout_4n1 .bx { position: relative; padding: 0 0.5rem; /* border-right: 1px solid var(--post22Clr01); */ }
#subContent.post22 .contentWrap .section02 .boxLayout_4n1 .bx::after { position: absolute; content: ""; top: 0; right: -0.7rem; width: 1px; height: 100%; background-color: var(--post22Clr01); }
#subContent.post22 .contentWrap .section02 .boxLayout_4n1 .bx:nth-child(1)::before { position: absolute; content: ""; top: 0; left: -0.7rem; width: 1px; height: 100%; background-color: var(--post22Clr01); }
#subContent.post22 .contentWrap .section02 .boxLayout_4n1 .bx .imgWrap { margin-bottom: 1rem; text-align: center; }
#subContent.post22 .contentWrap .section02 .boxLayout_4n1 .bx .imgWrap img { max-width: 80%; }
#subContent.post22 .contentWrap .section02 .boxLayout_4n1 .bx h4 {  text-align: center; margin-bottom: 0.5rem; }
#subContent.post22 .contentWrap .section02 .boxLayout_4n1 .bx p { text-align: center; word-break: keep-all; }
@media all and (max-width: 599px){
    #subContent.post22 .contentWrap .section02 .inBx { padding-left: 0rem; }
    #subContent.post22 .contentWrap .section02 .inBx h4 { position: relative; top: auto; left: auto; padding: 1rem; margin-bottom: 0.5rem; width: 100%; height: auto; }
    #subContent.post22 .contentWrap .section02 .boxLayout_4n1 .bx::after { display: none; }
    #subContent.post22 .contentWrap .section02 .boxLayout_4n1 .bx:nth-child(1)::before { display: none; }
}

/* post37 */
#subContent.post37 .section02 h6 { position: relative; padding-top: 0.5rem; color: #be6196; border-top: 1px solid #be6196; }
#subContent.post37 .section02 h6::before { position: absolute; content: ""; top: -3px; left: 0; width: 2rem;  height: 5px; background-color: #be6196; }
#subContent.post37 .section02 ul li span { background-color: #ef9125; }
#subContent.post37 .section03 ul li span { background-color: #be6196; }
#subContent.post37 .section03 h4.GkBold05 { padding: 1rem 1rem 0.5rem; text-align: center; color: #be6196; border: 4px solid #999; border-radius: 0.5rem; }

/* post38 */
#subContent.post38 .section02 dt { position: relative; padding: 1rem 1rem 0.75rem; color: #fff; text-align: center; background-color: #b18663; border-radius: 0.5rem; }
#subContent.post38 .section02 table .no01 { width: 25%; }
#subContent.post38 .section02 table .no02 { width: 25%; }
#subContent.post38 .section02 table .no03 { width: auto; }
#subContent.post38 .section02 table,
#subContent.post38 .section02 table tr th,
#subContent.post38 .section02 table tr td { border-color: #b18663; background-color: transparent; }
#subContent.post38 .section02 table tr td { text-align: center; border-right: 1px solid #b18663; }
#subContent.post38 .section02 table tr td:last-child { border-right: 0px solid #b18663; }
#subContent.post38 section h4 { position: relative; padding-bottom: 0.5rem; padding-right: 2.5rem; color: #b18663; border-bottom: 1px solid #b18663; }
#subContent.post38 section h4 img { position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: auto; height: 2rem; }
#subContent.post38 .section02 .boxLayout_2n2 .bx { padding: 1rem; border: 2px solid #b18663; border-radius: 1rem; background-color: #fff; }
#subContent.post38 .section02 .boxLayout_2n2 .bx h6 { text-align: center; }

/* 의사 운영 일정 레이아웃 */
#subContent.post38 section ol { position: relative; display: flex; flex-flow: row wrap; align-items: center;  border-top: 1px solid #b18663; border-bottom: 1px solid #b18663; }
#subContent.post38 section ol > li { padding: 0.5rem; width: 25%; align-self: stretch; display: flex; justify-content: center; align-items: center; }
#subContent.post38 section ol > li:nth-child(1) h5 { display: flex; justify-content: center; align-items: center; color: #fff; width: 100%; height: 100%; border-radius: 0.5rem; text-align: center; background-color: #b18663; }
#subContent.post38 section ol > li:nth-child(2),
#subContent.post38 section ol > li:nth-child(3) { border-right: 1px solid #b18663; }
#subContent.post38 section ol > li > ul { width: 100%; }
#subContent.post38 section ol > li > ul > li { width: 100%; }
@media all and (max-width: 768px){
    #subContent.post38 section ol > li { width: 100%; text-align: center; width: 100%; }
    #subContent.post38 section ol > li:last-child { justify-content: flex-start; }
    #subContent.post38 section ol > li:nth-child(1) h5 { justify-content: center; }
    #subContent.post38 section ol > li:nth-child(2),
    #subContent.post38 section ol > li:nth-child(3) { border-right: 0px solid #b18663; border-bottom: 1px solid #b18663; }
}
/* 주요 심사 안건 레이아웃 */
#subContent.post38 .section .inBx { position: relative; padding: 1rem; background-color: #b1866320; border-radius: 1rem; }
#subContent.post38 .section .inBx h5 { position: relative; padding: 0.5rem 1rem 0.2rem; color: #fff; text-align: center; background-color: #b18663; border-radius: 1rem; }
#subContent.post38 .section .inBx h5::after { position: absolute; content: ""; left: 49%; bottom: 0; width: 0; height: 0; border-style: solid; transform: rotate(135deg) translateY(-50%); transform-origin: center; border-width: 0px 15px 15px 0px; border-color: transparent #b18663 transparent transparent; }
#subContent.post38 .section .inBx ul li::before { display: none; }

/* post39 */
/* 구정 홍보 단원 모집 레이아웃 */
#subContent.post39 .section03 .inBx { position: relative; margin: 0 auto; max-width: 640px; padding: 1rem; background-color: #FEF3F2; border-radius: 1rem; border: 1px solid #F27580; }
#subContent.post39 .section03 .inBx h4 { text-align: center; }
#subContent.post39 .section03 .inBx h4 span { display: inline-block; color: #F27580; border-bottom: 1px solid #F27580; }
@media all and (max-width: 599px){
    #subContent.post39 .section03 .inBx {padding: 1rem 0.5rem; }
}
/* 11월호 */
#subContent.post39 .section .bx .imgWrap { position: relative; }
#subContent.post39 .section .bx .imgWrap .position { position: absolute; top: -1rem; right: -1rem; width: 5.5rem; height: auto; border: 5px solid #fff; border-radius: 50%; }
@media all and (max-width: 599px){
    #subContent.post39 .section .bx .imgWrap .position { width: 4rem; }
}

/* 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: 17%; }
#subContent.post31 .table01 .no02 { width: 19%; }
#subContent.post31 .table01 .no03 { width: 17%; }
#subContent.post31 .table01 .no04 { width: 17%; }
#subContent.post31 .table01 .no05 { width: auto; }
#subContent.post31 .table01 tr td { text-align: left !important; }
#subContent.post31 .table01 tr td:last-child { border-left: 1px solid; border-color: inherit; }

#subContent.post31 .table02 .no01 { width: 20%; }
#subContent.post31 .table02 .no02 { width: 20%; }
#subContent.post31 .table02 .no03 { width: 20%; }
#subContent.post31 .table02 .no04 { width: auto; }
#subContent.post31 .table02 tr td:last-child { border-left: 1px solid; border-color: inherit; }
#subContent.post31 .table02 tr td:nth-last-child(1),
#subContent.post31 .table02 tr td:nth-last-child(2) { border-left: 1px solid; border-color: inherit; }
#subContent.post31 .table02 tr td:first-child { border-left: 0px solid; }

#subContent.post31 .table03 .no01 { width: 25%; }
#subContent.post31 .table03 .no02 { width: 25%; }
#subContent.post31 .table03 .no03 { width: auto; }
/* #subContent.post31 .table03 .no04 { width: auto; } */
#subContent.post31 .table03 tr td:nth-last-child(1) { border-left: 1px solid; border-color: inherit; }

#subContent.post31 .table04 .no01 { width: 80px; }
#subContent.post31 .table04 .no02 { width: auto; }
#subContent.post31 .table04 .no03 { width: auto; }
/* #subContent.post31 .table04 .no04 { width: auto; } */
/* #subContent.post31 .table04 .no05 { width: 17%; } */
#subContent.post31 .table04 tr td:last-child { border-left: 1px solid; border-color: inherit; }
#subContent.post31 .table04 tr td:first-child { background-color: #ea972e; color: #fff; border-bottom: 1px solid #fff !important; font-weight: 700; font-family: 'PreGOV-Bo'; }

#subContent.post31 .table05 .no01 { width: 20%; }
#subContent.post31 .table05 .no02 { width: auto; }
#subContent.post31 .table05 .no03 { width: auto; }
/* #subContent.post31 .table05 .no04 { width: 10%; }
#subContent.post31 .table05 .no05 { width: auto; } */

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


/* 10월호만 */

/* post34 */
#subContent.post34 .section02 .no01 { position: relative; display: flex; flex-flow: row wrap; gap: 0.75rem 0; }
#subContent.post34 .section02 .no01 li { position: relative; padding-left: 1.5rem; width: 33.3333%; }
#subContent.post34 .section02 .no01 li i { position: absolute; left: 0; color: var(--post34Clr01); }
#subContent.post34 .section02 .boxLayout_2n2 .bx { position: relative; display: flex; flex-flow: column; justify-content: center; padding: 1rem; padding-left: 5rem; background-color: #fff; border-radius: 1rem; border: 2px solid var(--post34Clr01); }
#subContent.post34 .section02 .boxLayout_2n2 .bx h4 { margin-bottom: 0; }
#subContent.post34 .section02 .boxLayout_2n2 .bx ul { margin-top: 0.3rem; }
#subContent.post34 .section02 .boxLayout_2n2 .bx img { position: absolute; left: 0.5rem; top: 50%; transform: translateY(-50%); width: 3.5rem; height: auto; }
#subContent.post34 .section03 { position: relative; background-color: var(--post34Clr01) !important; overflow: hidden; }
#subContent.post34 .section03 .outline { position: relative; padding-right: 10rem; }
#subContent.post34 .section03 .outline h4 { color: #ffd64a; }
#subContent.post34 .section03 .outline ul {  }
#subContent.post34 .section03 .outline ul li { position: relative; padding-left: 1.5rem; color: #fff; }
#subContent.post34 .section03 .outline ul li i { position: absolute; left: 0; color: rgba(255,255,255,.5); }
#subContent.post34 .section03 .outline ul li + li { margin-top: 0.25rem; }
#subContent.post34 .section03 .outline .position { position: absolute; right: -5rem; top: -2rem; width: 15rem; height: auto; z-index: 5; }

@media all and (max-width: 1024px){
    #subContent.post34 .section03 .outline .position { right: 0rem; }
}
@media all and (max-width: 768px){
    #subContent.post34 .section03 .outline { padding-right: 13rem; }
    #subContent.post34 .section03 .outline .position { right: -2rem; top: 0rem; }
}
@media all and (max-width: 599px){
    #subContent.post34 .section02 .no01 li { width: 50%; }
    #subContent.post34 .section03 .outline { padding-right: 0; }
    #subContent.post34 .section03 .outline .position { display: none; }
}
@media all and (max-width: 480px){
    #subContent.post34 .section02 .no01 { gap: 0.5rem 0; }
    #subContent.post34 .section02 .no01 li { width: 100%; }
}

/* post42 */
#subContent.post42 .section01 .outline { background: url(../img/sub/img_post42_01.jpg) no-repeat center; background-size: cover; }
#subContent.post42 .section01 h4 { text-align: center; color: #fff; }
#subContent.post42 .section01 .imgWrap { margin: 0 auto 3rem; text-align: center; }
#subContent.post42 .section01 .imgWrap img { border-radius: 0; max-width: 70%; border: 10px solid #fff; }

#subContent.post42 .section02 .outline { background-color: #fad9d5; }
#subContent.post42 .section02 .outline h4 { color: #ec727b; text-align: center; }
#subContent.post42 .section02 .outline .boxLayout_2n1 .bx { position: relative; padding: 1rem; background-color: #fff; border-radius: 1rem; }
#subContent.post42 .section02 .outline .boxLayout_2n1 .bx:nth-child(1) ul li span { background-color: #e94647; }
#subContent.post42 .section02 .outline .boxLayout_2n1 .bx:nth-child(2) ul li span { background-color: #be6196; }


@media all and (max-width: 480px){
    #subContent.post42 .section01 .imgWrap img { max-width: 90%; }
    #subContent.post42 .section02 .outline { padding-left: 10px; padding-right: 10px; }
    #subContent.post42 .section02 .outline .boxLayout_2n1 .bx { padding: 1rem 0.5rem; }
}






































/* post20 */
#subContent.post20 .list.other4 li span { background-color: #F27580; }
#subContent.post20 table .no01 { width: 25%; }
#subContent.post20 table .no02 { width: 30%; }
#subContent.post20 table .no03 { width: auto; }
#subContent.post20 table,
#subContent.post20 table tr,
#subContent.post20 table tr th,
#subContent.post20 table tr td { border-color: #F27580; }
#subContent.post20 table tr th { background-color: #F27580; color: #fff; border-right: 1px solid #fff; }
#subContent.post20 table tr th:last-child { border-right: 0px solid #fff; }
#subContent.post20 table tr td { border-right: 1px solid #F27580; text-align: center; }
#subContent.post20 table tr td:last-child { border-right: 0px solid #F27580; }
#subContent.post20 .section03 .boxLayout_2n1 .imgWrap { position: relative; width: 100%; height: 100%; }
#subContent.post20 .section03 .boxLayout_2n1 .imgWrap img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }



/* post33 */
#subContent.post33 .no03 .outline { border: 3px solid var(--post12Clr01); }


/* post14 */
/* post11 */
/* post23 */
/* post33 */