@charset "utf-8";
/*
TITLE : 일반형(A) - 1 sub style
WORKER : HSG
DATE : 2023.02
VERSION :
- 1.0 : 1차 구축.
*/
/* post40 */
/* post13 */
#subContent.post13 section table .no01 { width: 20%; }
#subContent.post13 section table .no02 { width: 20%; }
#subContent.post13 section table .no03 { width: auto; }
#subContent.post13 section table,
#subContent.post13 section table tr,
#subContent.post13 section table tr th,
#subContent.post13 section table tr td { border-color: var(--secondClr1); }
#subContent.post13 section table tr th { background-color: var(--secondClr1); color: #fff; border-right: 1px solid #fff; }
#subContent.post13 section table tr th:last-child { border-right: none; }
#subContent.post13 section table tr td { text-align: center; border-right: 1px solid var(--secondClr1); }
#subContent.post13 section table tr td:last-child { border-right: none; }
#subContent.post13 section table tr td:last-child { text-align: left; }
#subContent.post13 .no01 ul li span { background-color: var(--secondClr1); }
#subContent.post13 section h4.GkBold08 { padding-bottom: 0.3rem; border-bottom: 1px solid #000; }
#subContent.post13 section h4.GkBold08 strong { display: inline-block; font-size: 2em; transform: translateY(3px); }
#subContent.post13 .no05 .inBx02 h5.col1_1M { text-align: center; border-radius: 1rem; color: #fff; background-color: #85b5de; }
#subContent.post13 .no05 .inBx02 h4.preGOVBold07 { text-align: center; }
#subContent.post13 .no05 .inBx02 .float { float: left; max-width: 150px; margin-right: 1rem; margin-bottom: 1rem; border-radius: 0.7rem; }
#subContent.post13 .no05 .inBx02 .imgWrap { text-align: center; }
#subContent.post13 .no05 .inBx02 .imgWrap img { max-width: 160px; }
/* post10 */
#subContent.post10 .titBx { position: relative; display: flex; flex-flow: row nowrap; }
#subContent.post10 .titBx h4 { position: relative; display: inline-block; padding: 6px 16px 0 16px; border: 1px solid var(--post13Clr03); }
#subContent.post10 .titBx h4:nth-child(1) { background-color: var(--post13Clr03); color: #fff; }
#subContent.post10 .section01 ul li span { background-color: var(--post13Clr03); color: #fff; }
#subContent.post10 .section01 ol li { position: relative; padding: 2.5rem 0; padding-right: 200px; border-top: 1px solid #000; }
#subContent.post10 .section01 ol li:last-child { border-bottom: 1px solid #000;  }
#subContent.post10 .section01 ol li span { position: absolute; top: 50%; transform: translateY(-50%); right: 0.5rem; display: flex; justify-content: center; align-items: center; font-size: 0.8em; font-family: 'PreGOV-Re'; font-weight: 400; width: 120px; height: 120px; text-align: center; border-radius: 50%; background-color: var(--post13Clr03); color: #fff; }
#subContent.post10 .section02 .GkBold06 { padding: 10px 20px 3px; background-color: var(--post13Clr04); text-align: center; color: #fff; border-radius: 0.75rem; }
#subContent.post10 .section02 .boxLayout_2n1 .bx .titBx02 { position: relative; padding-right: 40%; }
#subContent.post10 .section02 .boxLayout_2n1 .bx .titBx02 .imgWrap02 { position: absolute; top: 0; right: 0; width: 25%; height: auto; }
#subContent.post10 .section02 .boxLayout_2n1 .bx .titBx02 .imgWrap02 span { display: block; text-align: center; }
#subContent.post10 .section02 .tableWrap table .no01 { width: 20%; }
#subContent.post10 .section02 .tableWrap table .no02 { width: 30%; }
#subContent.post10 .section02 .tableWrap table .no03 { width: auto; }
#subContent.post10 .section02 .tableWrap table,
#subContent.post10 .section02 .tableWrap table tr,
#subContent.post10 .section02 .tableWrap table tr th,
#subContent.post10 .section02 .tableWrap table tr td { border-color: var(--post40Clr01); text-align: center; }
#subContent.post10 .section02 .tableWrap table tr th { background-color: var(--post40Clr01); color: #fff; border-right: 1px solid #fff; }
#subContent.post10 .section02 .tableWrap table tr th:last-child { border-right: none; }
#subContent.post10 .section02 .tableWrap table tr td { border-right: 1px solid var(--post40Clr01); }
#subContent.post10 .section02 .tableWrap table tr td:last-child { border-right: none; }
#subContent.post10 .section02 .tableWrap table tr td a { transition: color .3s; }
#subContent.post10 .section02 .tableWrap table tr td a:hover { color: var(--post40Clr01); }
@media all and (max-width: 767px){
    #subContent.post10 .titBx { flex-flow: row wrap; }
    #subContent.post10 .titBx h4 { width: 100%; }
    #subContent.post10 .section01 ol li span { width: 100px; height: 100px; }
    #subContent.post10 .section01 ol li { padding-right: 150px; }
}
/* post12 */
#subContent.post12 #subVisual01 h4 img { width: auto; height: clamp(3rem, 8.11vw, 6rem); vertical-align: bottom; }
#subContent.post12 .section01 img { max-width: 500px; }
#subContent.post12 .section01 .boxLayout_2n1 { padding: 1rem; border: 5px solid #999; border-radius: 1rem; }
#subContent.post12 .section01 .boxLayout_2n1 dl dt { position: relative; padding-left: 1.5rem; }
#subContent.post12 .section01 .boxLayout_2n1 dl dt span { position: absolute; top: 0; left: 0; }
#subContent.post12 .section01 .boxLayout_2n1 dl dd { position: relative; padding-left: 1.5rem; color: var(--secondClr1); }
#subContent.post12 .section01 .boxLayout_2n1 dl dd span { position: absolute; top: 0; left: 0; font-weight: 700; font-family: 'PreGOV-Bo'; color: var(--secondClr1); }
#subContent.post12 .section01 ol { position: relative; display: flex; flex-flow: row wrap; gap: 3rem; }
#subContent.post12 .section01 ol > li { position: relative; padding: 1rem; width: calc(33.3333% - 6rem / 3); text-align: center; background-color: #e9e9e9; border-radius: 0.5rem; }
#subContent.post12 .section01 ol > li::after { position: absolute; content: "\e907"; top: 50%; transform: translateY(-50%); right: -40px; font-family: xeicon !important; }
#subContent.post12 .section01 ol > li:last-child::after { display: none; }
#subContent.post12 .section01 ol li > img { max-width: 60px; }
#subContent.post12 .section01 ol li h5 { padding: 6px 10px 0; text-align: center; border: 3px solid var(--secondClr1); border-radius: 1rem; }
#subContent.post12 .section02 ul li span { background-color: var(--secondClr1);; }
@media all and (max-width: 699px){
    #subContent.post12 .section01 ol > li { width: 100%; }
    #subContent.post12 .section01 ol > li::after { top: auto; left: 50%; transform: translateY(0) translateX(-50%) rotate(90deg); right: auto; bottom: -40px; }
    #subContent.post12 .section01 ol li > img { max-width: 50px; }
}

/* post20 */
#subContent.post20 .section03 h4.preGOVBold08 { position: relative; padding: 0.5rem 1rem; border-radius: 2rem; text-align: center; border: 2px solid red; }
#subContent.post20 .section03 h4.preGOVBold08.no01 { color: #dd7a7f; border-color: #dd7a7f; }
#subContent.post20 .section03 h4.preGOVBold08.no02 { color: #e29643; border-color: #e29643; }
#subContent.post20 .section03 .boxLayout_2n2.no01 ul li span { background-color: #dd7a7f; }
#subContent.post20 .section03 .boxLayout_2n2.no02 ul li span { background-color: #e29643; }

/* post21 */
#subContent.post21 #subVisual .imgWrap { text-align: center; }
#subContent.post21 #subVisual .imgWrap img { width: clamp(150px, 13.51vw, 200px); }
#subContent.post21 .section04 .inBx { padding: 3rem 12rem 16rem; background: url(../img/sub/img_post21_06.png) no-repeat center bottom; background-size: contain; }
#subContent.post21 .section04 .inBx h4 { text-align: center; }
#subContent.post21 .section04 .inBx h4 span { display: inline-block; padding: 0.2rem 1.5rem; border-radius: 0.5rem; color: #fff; background-color: #744E4F; }
#subContent.post21 .section04 .inBx p { text-align: center; }
#subContent.post21 .section04 .inBx p strong { color: #ff6963; }
@media all and (max-width: 768px){
    #subContent.post21 .section04 .inBx { padding: 3rem 2rem 16rem; }
}
@media all and (max-width: 480px){
    #subContent.post21 .section04 .inBx { padding: 3rem 1rem 12rem; }
}

/* post22 */
#subContent.post22 .section .inBx h4 { position: relative; text-align: center; }
#subContent.post22 .section .inBx h4 span { position: relative; display: inline-block; padding: 10px 2rem; color: #fff; border-radius: 1.5rem; background-color: #8894CB; }
#subContent.post22 .section.section02 .inBx h4 span { background-color: var(--secondClr1); }
#subContent.post22 .section ul li > span { background-color: #8894CB; }
#subContent.post22 .section.section02 ul li span { background-color: var(--secondClr1); }
#subContent.post22 .section table,
#subContent.post22 .section table tr,
#subContent.post22 .section table tr th,
#subContent.post22 .section table tr td { border-color: #8894CB; }
#subContent.post22 .section table .no01,
#subContent.post22 .section table .no02 { width: auto; }
#subContent.post22 .section table tr th { color: #fff; background-color: #8894CB; border-right: 1px solid #fff; }
#subContent.post22 .section table tr th:last-child { border-right: none; }
#subContent.post22 .section table tr td { border-right: 1px solid #8894CB; text-align: center; }
#subContent.post22 .section table tr td:last-child { border-right: none; }
#subContent.post22 .section.section02 .imgWrap { text-align: center; }
#subContent.post22 .section.section02 .imgWrap img { width: 200px; max-width: 80%; }

/* post39 */
#subContent.post39 .section.section01 p.ABLight05 { color: var(--secondClr1); line-height: 1.6; }
#subContent.post39 .section.section01 p.ABLight05 span { background-image: linear-gradient(90deg, var(--secondClr1), var(--secondClr1)); background-size: 100% 2px; background-repeat: no-repeat; background-position: 0 98%; }
#subContent.post39 .section .boxLayout_2n2 .bx h6 { text-align: center; color: var(--secondClr1); }
#subContent.post39 .section .boxLayout_2n2 .bx .imgWrap { border-radius: 1rem; overflow: hidden; }

/* 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; }

/* 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내 info섹션 */
#subContent.post31 .no00 .outBx { padding: 2rem; background-color: #fff; border-radius: 1rem; }
#subContent.post31 .no00 .outBx > h4 { text-align: center; }
#subContent.post31 .no00 .outBx p strong { display: block; }
#subContent.post31 .no00 .outBx .inBx { padding: 1.4rem; background-color: #FEF5E4; border-radius: 0.75rem; }
#subContent.post31 .no00 .outBx .inBx h4 { text-align: center; color: var(--post40Clr01); }
#subContent.post31 .no00 .outBx .inBx ul li { position: relative; margin-bottom: 1rem; padding-left: 2.6rem; }
#subContent.post31 .no00 .outBx .inBx ul li:last-child { margin-bottom: 0; }
#subContent.post31 .no00 .outBx .inBx ul li span { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 2rem; height: 2rem; display: flex; justify-content: center; align-items: center; border-radius: 50%; color: #fff; background-color: var(--post40Clr01); }
@media all and (max-width: 480px){
    #subContent.post31 .no00 .outBx { padding: 1.8rem 1rem; }
    #subContent.post31 .no00 .outBx .inBx { padding: 1.8rem 1rem; }
}

/* post31 본문 */
#subContent.post31 .inBx p span { display: inline-block; margin-right: 0.5rem; padding: 0 0.5rem; font-size: 0.8em; background-color: red; color: #ffff; border-radius: 0.4rem; transform: translateY(-2px); }
#subContent.post31 .inBx ul.circle { padding-top: 0.5rem; padding-bottom: 0.5rem; border-top: 1px solid #000; border-bottom: 1px solid #000; }

/* post31 table */
#subContent.post31 table tr td { padding: 0.2rem 0.5rem; background-color: transparent; }
#subContent.post31 .table01 .no01 { width: 15%; }
#subContent.post31 .table01 .no02 { width: 15%; }
#subContent.post31 .table01 .no03 { width: 15%; }
#subContent.post31 .table01 .no04 { width: auto; }
#subContent.post31 .table01 .no05 { width: auto; }
#subContent.post31 .table01 tr td:last-child { border-left: 1px solid; border-color: inherit; }
#subContent.post31 .table02 .no01 { width: 14%; }
#subContent.post31 .table02 .no02 { width: 25%; }
#subContent.post31 .table02 .no03 { width: 14%; }
#subContent.post31 .table02 .no04 { width: auto; }
#subContent.post31 .table02 tr td:last-child { border-left: 1px solid; border-color: inherit; }
#subContent.post31 .table03 .no01 { width: 20%; }
#subContent.post31 .table03 .no02 { width: auto; }
#subContent.post31 .table03 .no03 { width: 20%; }
#subContent.post31 .table03 .no04 { width: auto; }
#subContent.post31 .table04 .no01 { width: auto; }
#subContent.post31 .table04 .no02 { width: 20%; }
#subContent.post31 .table04 .no03 { width: 15%; }
#subContent.post31 .table04 .no04 { width: auto; }
#subContent.post31 .table04 .no05 { width: 15%; }
#subContent.post31 .table04 tr td:last-child { border-left: 1px solid; border-color: inherit; }
#subContent.post31 .table05 .no01 { width: 10%; }
#subContent.post31 .table05 .no02 { width: 20%; }
#subContent.post31 .table05 .no03 { width: 20%; }
#subContent.post31 .table05 .no04 { width: 10%; }
#subContent.post31 .table05 .no05 { width: auto; }

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

/* post34 */
#subContent.post34 .section03 .outBx { position: relative; padding: 1rem; }
#subContent.post34 .section03 .outBx .inBx { position: relative; padding: 1rem; border-radius: 1rem; }
#subContent.post34 .section03 .outBx .inBx.inBx01 { border: 3px solid #71BF44; }
#subContent.post34 .section03 .outBx .inBx.inBx02 { border: 3px solid #F26963; }
#subContent.post34 .section03 .outBx .inBx.inBx03 { border: 3px solid #F28E38; }
#subContent.post34 .section03 .outBx .inBx.inBx04 { border: 3px solid #999DA2; }
#subContent.post34 .section03 .outBx .inBx.inBx05 { border: 3px solid #B66297; }
#subContent.post34 .section03 .outBx .inBx h4.preGOVBold08 { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); display: inline-block; padding: 5px 1.5rem; color: #fff; border-radius: 1rem; white-space: nowrap; }
#subContent.post34 .section03 .outBx .inBx.inBx01 h4.preGOVBold08 { background-color: #71BF44; }
#subContent.post34 .section03 .outBx .inBx.inBx02 h4.preGOVBold08 { background-color: #F26963; }
#subContent.post34 .section03 .outBx .inBx.inBx03 h4.preGOVBold08 { background-color: #F28E38; }
#subContent.post34 .section03 .outBx .inBx.inBx04 h4.preGOVBold08 { background-color: #999DA2; }
#subContent.post34 .section03 .outBx .inBx.inBx05 h4.preGOVBold08 { background-color: #B66297; }
#subContent.post34 .section03 .outBx .inBx ul.flex { display: flex; flex-flow: row wrap; gap: 1rem; }
#subContent.post34 .section03 .outBx .inBx ul li { position: relative; padding-left: 5rem; width: 100%; }
#subContent.post34 .section03 .outBx .inBx ul.flex li { width: calc(50% - 1rem / 2); }
#subContent.post34 .section03 .outBx .inBx ul li + li { margin-top: 1rem; }
#subContent.post34 .section03 .outBx .inBx.inBx05 ul li + li { margin-top: 2rem; }
#subContent.post34 .section03 .outBx .inBx ul li img { position: absolute; top: 0; left: 0; width: 4.5rem; height: auto; }
#subContent.post34 .section03 .outBx .inBx ul li p { text-align: left; word-break: keep-all; }
@media all and (max-width: 767px){
    #subContent.post34 .section03 .outBx .inBx { padding: 2rem 1rem; }
    #subContent.post34 .section03 .outBx .inBx ul.flex li { width: 100%; }
    #subContent.post34 .section03 .outBx .inBx ul li { padding-left: 4rem; }
    #subContent.post34 .section03 .outBx .inBx ul li img { width: 3.5rem; }
}

/* post42 */
/* post14 */
/* post35 */
/* post11 */
/* post23 */
/* post33 */