/* sub-0101 */
.sub-0101 .row-01 {display: flex; justify-content: space-between; align-items: flex-start; padding: 2.15rem 4rem 4.3rem 5rem; position: relative;}
.sub-0101 .row-01::before {content: ""; width: 100%; height: 100%; border-radius: 0.5rem; border-top-left-radius: 4.5rem; background: linear-gradient(163deg, rgba(228,235,253,0.2), rgba(114,150,215,0.2)); background-color: #ecf1fc; position: absolute; left: 0; top: 0; z-index: -1;}
.sub-0101 .row-01 .col-txt {padding-top: 0.75rem; margin-bottom: 7.7rem; position: relative;}
.sub-0101 .row-01 .col-txt p {font-size: 0.8rem; color: #70798c; font-weight: 600; letter-spacing: 0.1em;}
.sub-0101 .row-01 .col-txt h3 {font-size: 1.6rem; color: var(--clr-gray-txt01); font-weight: 500; line-height: 1.4375; margin-top: 0.75rem;}
.sub-0101 .row-01 .col-txt img {position: absolute;}
.sub-0101 .row-01 .col-txt img.deco01 {left: -3.3rem; bottom: -0.25rem;}
.sub-0101 .row-01 .col-txt img.deco02 {right: 1.4rem; top: -0.2rem;}
.sub-0101 .row-01 .col-txt img.deco03 {right: -4.65rem; bottom: -1.15rem;}
.sub-0101 .row-01 .col-img {flex-shrink: 0; width: 26rem; border-radius: 1.5rem; font-size: 0; line-height: 0; margin-left: 1rem; position: relative; z-index: 2; overflow: hidden;}
.sub-0101 .row-01 .col-img img {max-width: 100%; max-height: 100%; object-fit: cover;}
.sub-0101 .row-02 {border-radius: 0.8rem; background-color: #fff; box-shadow: 0.3rem 0.3rem 0.5rem rgba(0,0,0,0.1); padding: 2.5rem 3rem; margin: -10rem 2rem 0; position: relative; z-index: 1;}
.sub-0101 .row-02 p {color: var(--clr-gray-txt02);}
.sub-0101 .row-02 p.welcome {max-width: 22rem; font-size: 1.2rem; color: var(--clr-gray-txt01); font-weight: 600; margin-bottom: 1.5rem;}
.sub-0101 .row-02 p.from {display: flex; justify-content: flex-end; align-items: flex-end; font-size: 0.95rem; font-weight: 600; text-align: right; margin-top: 1.4rem;}
.sub-0101 .row-02 p.from strong {font-size: 1.1rem; font-weight: 700; margin-left: 0.75rem;}



/* sub-0102 */
.sub-0102 {max-width: calc(100% - 5rem); border-radius: 2.55rem; border: 1px solid var(--clr-gray-20); text-align: center; margin: 3rem auto 0;}
.sub-0102 .titWr {display: inline-block; max-width: calc(100% - 5.1rem); background-color: #fff; padding: 0 1.32em; font-size: 1.4rem; margin-bottom: 0; position: relative; transform: translateY(-50%);}
.sub-0102 .titWr::before,
.sub-0102 .titWr::after {content: ""; display: block; width: 0.39em; height: 0.39em; border-radius: 50%; background-color: var(--clr-gray-20); position: absolute; top: calc(50% - 0.195em);}
.sub-0102 .titWr::before {left: 0;}
.sub-0102 .titWr::after {right: 0;}
.sub-0102 .titWr h3 {display: inline-block; background: linear-gradient(to right, #1e72cb, #4528b4); background-clip: text; -webkit-background-clip: text; color: transparent; font-weight: 700; word-break: keep-all;}
.sub-0102 ul {display: flex; flex-wrap: wrap; justify-content: center; gap: 0.37rem 2.5rem; padding: 3.65rem; padding-top: 1.15rem;}
.sub-0102 ul li {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 13.4rem; height: 13.4rem; border-radius: 50%; border: 14px solid transparent; color: #fff;}
.sub-0102 ul li:nth-child(1) {border-color: #cae4ff; background-color: var(--clr-blue02);}
.sub-0102 ul li:nth-child(2) {border-color: #d3e5f1; background-color: var(--clr-blue01);}
.sub-0102 ul li:nth-child(3) {border-color: #e3dbff; background-color: #5c42bc;}
.sub-0102 ul li .icn {font-size: 2.8rem; line-height: 1;}
.sub-0102 ul li .txt {margin-top: 0.5rem;}
.sub-0102 ul li .txt strong {display: block; font-size: 1.3rem; font-weight: 700;}
.sub-0102 ul li .txt span {display: block; margin-top: 0.125rem;}



/* sub-0103 */
.sub-0103 .tit1 {margin-bottom: 1rem;}
.sub-0103 .imgWr {border-radius: 0.5rem; border-top-right-radius: 4rem; background: url('/images/web/impact/sub/sub-0103/visual.png') right center / cover; padding: 3rem 3rem 3.35rem; color: #fff; text-shadow: 0.1rem 0.1rem 0 rgba(0,0,0,0.1); margin-bottom: 2rem;}
.sub-0103 .imgWr span {font-size: 1rem; font-weight: 300;}
.sub-0103 .imgWr h4 {font-size: 1.8rem; font-weight: 700; letter-spacing: 0.05em;}
.sub-0103 .imgWr p {font-size: 0.9rem; font-weight: 500; margin-top: 0.25rem;}
.sub-0103 .tab_st1 {margin-bottom: 2.25rem;}
.sub-0103 .hstrWr .year {padding-bottom: 1.5rem; position: relative;}
.sub-0103 .hstrWr .year::before,
.sub-0103 .hstrWr .year::after {content: ""; display: block; width: 0.1rem; position: absolute; left: 0.65rem; top: 1.25rem;}
.sub-0103 .hstrWr .year::before {height: 100%; background-color: #d1cddd; z-index: -2;}
.sub-0103 .hstrWr .year::after {height: 0%; background-color: var(--clr-purple); z-index: -1;}
.sub-0103 .hstrWr .year > dt {display: flex; align-items: center; font-size: 2.5rem; color: var(--clr-gray-27); font-weight: 600;}
.sub-0103 .hstrWr .year > dt::before {order: -2; content: ""; display: block; width: 1.4rem; height: 1.4rem; border-radius: 50%; border: 0.4rem solid #ebebeb; background-color: var(--clr-gray-27); margin-right: 0.35rem;}
.sub-0103 .hstrWr .year > dt::after {order: -1; content: ""; width: 1.5rem; border-top: 1px dashed #9f9f9f; margin-right: 0.5rem;}
.sub-0103 .hstrWr .year > dd {padding-left: 4.35rem; margin-top: 1rem;}
.sub-0103 .hstrWr .month {display: flex; align-items: flex-start;}
.sub-0103 .hstrWr .month + .month {margin-top: 0.75rem;}
.sub-0103 .hstrWr .month > dt {width: 1.35em; font-size: 1.18em; color: var(--clr-gray-txt03); font-weight: 700; margin-right: 0.75rem;}
.sub-0103 .hstrWr .month > dd {padding-top: 0.175em; color: var(--clr-gray-txt02);}
/* sub-0103 : actv */
.sub-0103 .hstrWr .year::after {transition: 0.75s ease-in-out;}
.sub-0103 .hstrWr .year > dt,
.sub-0103 .hstrWr .year > dt::before,
.sub-0103 .hstrWr .month > dt {transition: 0.75s;}
.sub-0103 .hstrWr .year.scrActv::after {height: 100%;}
.sub-0103 .hstrWr .year.scrActv > dt {color: #000;}
.sub-0103 .hstrWr .year.scrActv > dt::before {border-color: #ebe8e6; background-color: var(--clr-purple);}
.sub-0103 .hstrWr .year.scrActv .month > dt {color: var(--clr-purple);}
/* sub-0103 : last-child */
.sub-0103 .hstrWr .year:last-child {padding-bottom: 0;}
.sub-0103 .hstrWr .year:last-child::before {height: calc(100% - 1.25rem);}
/* sub-0103 : last-child : actv */
.sub-0103 .hstrWr .year:last-child.scrActv::after {height: calc(100% - 1.25rem);}



/* sub-0104 */
.sub-0104 .orgWr {
    --brdrRds: 0.4rem;
    --dep01itmW: 9.95rem;
    --dep02itmM: 0.5rem;
    --dep03itmW: 10.5rem;
}
.sub-0104 .orgWr .dep01 {max-width: 36rem; text-align: center; margin: 0 auto;}
.sub-0104 .orgWr .dep01 > li > p {display: inline-flex; justify-content: center; align-items: center; width: var(--dep01itmW); height: var(--dep01itmW); border-radius: 50%; border: calc(var(--dep01itmW) * 0.06) solid #d7ecfb; background: linear-gradient(132deg, #3516a5, #0d79c7); font-size: 1.4rem; color: #fff; font-weight: 700;}
.sub-0104 .orgWr .dep02 {display: flex; flex-direction: column; align-items: flex-end;}
.sub-0104 .orgWr .dep02 > li {position: relative;}
.sub-0104 .orgWr .dep02 > li:not(.li03) {width: 50%;}
.sub-0104 .orgWr .dep02 > li:not(.li03)::before {content: ""; display: block; width: 1px; height: 100%; background-color: var(--clr-gray-20); position: absolute; left: 0; top: 0; z-index: -1;}
.sub-0104 .orgWr .dep02 > li:not(.li03) > .pWr {text-align: right; position: relative;}
.sub-0104 .orgWr .dep02 > li:not(.li03) > .pWr::before {content: ""; display: block; width: calc(100% - var(--dep02itmM)); height: 1px; background-color: var(--clr-gray-20); position: absolute; left: 0; top: 50%; z-index: -1;}
.sub-0104 .orgWr .dep02 > li:not(.li03) > .pWr > p {display: inline-flex; justify-content: center; align-items: center; width: calc(var(--dep03itmW) - (var(--dep02itmM) * 2)); height: 2.4rem; border-radius: var(--brdrRds); font-size: 1rem; color: #fff; font-weight: 600; text-align: center; margin: 0 0.5rem;}
.sub-0104 .orgWr .dep02 > li.li01 {padding-top: 1.25rem;}
.sub-0104 .orgWr .dep02 > li.li01 > .pWr > p {background-color: #224679;}
.sub-0104 .orgWr .dep02 > li.li02 {padding: 1.15rem 0 2.55rem;}
.sub-0104 .orgWr .dep02 > li.li02 > .pWr > p {background-color: #1f5baf;}
.sub-0104 .orgWr .dep02 > li.li03 {width: 100%;}
.sub-0104 .orgWr .dep02 > li.li03::before {content: ""; display: block; width: calc(100% - var(--dep03itmW)); height: 1px; background-color: var(--clr-gray-20); position: absolute; left: calc(var(--dep03itmW) * 0.5); top: 0;}
.sub-0104 .orgWr .dep03 {display: flex; justify-content: space-between;}
.sub-0104 .orgWr .dep03 > li {width: var(--dep03itmW); padding-top: 3rem; position: relative;}
.sub-0104 .orgWr .dep03 > li::before {content: ""; display: block; width: 1px; height: 100%; background-color: var(--clr-gray-20); position: absolute; left: 50%; top: 0; z-index: -1;}
.sub-0104 .orgWr .dep03 > li > p {display: flex; justify-content: center; align-items: center; width: var(--dep03itmW); height: 2.2rem; border-radius: var(--brdrRds); border: 1px solid #1c2e47; background-color: #fff; font-size: 1rem; color: var(--clr-gray-txt02); font-weight: 600;}
.sub-0104 .tbl_st {margin-top: 3rem;}

/* sub-0202 */
.sub-0202.scroll_gr iframe { min-height: 800px; height: auto !important; }


/* sub-0303 */
.sub-0303 .tit2 {margin: 1.75rem 0 1.25rem !important;}
.sub-0303 .lnkWr {display: flex; flex-wrap: wrap; margin: calc(var(--gap) * -0.5);
    --gap: 1rem;
}
.sub-0303 .lnkWr li {width: 20%; padding: calc(var(--gap) * 0.5);}
.sub-0303 .lnkWr li a.liWr {display: flex; flex-direction: column; align-items: center; height: 100%; border-radius: 0.2rem; padding: 0.75rem; padding-bottom: 1.25rem;}
.sub-0303 .lnkWr li:nth-child(1) a.liWr {background-color: #e5243b;}
.sub-0303 .lnkWr li:nth-child(2) a.liWr {background-color: #dda83a;}
.sub-0303 .lnkWr li:nth-child(3) a.liWr {background-color: #4c9f38;}
.sub-0303 .lnkWr li:nth-child(4) a.liWr {background-color: #c5192d;}
.sub-0303 .lnkWr li:nth-child(5) a.liWr {background-color: #ff3a21;}
.sub-0303 .lnkWr li:nth-child(6) a.liWr {background-color: #26bde2;}
.sub-0303 .lnkWr li:nth-child(7) a.liWr {background-color: #fcc30b;}
.sub-0303 .lnkWr li:nth-child(8) a.liWr {background-color: #a21942;}
.sub-0303 .lnkWr li:nth-child(9) a.liWr {background-color: #fd6925;}
.sub-0303 .lnkWr li:nth-child(10) a.liWr {background-color: #dd1367;}
.sub-0303 .lnkWr li:nth-child(11) a.liWr {background-color: #fd9d24;}
.sub-0303 .lnkWr li:nth-child(12) a.liWr {background-color: #bf8b2e;}
.sub-0303 .lnkWr li:nth-child(13) a.liWr {background-color: #3f7e44;}
.sub-0303 .lnkWr li:nth-child(14) a.liWr {background-color: #0a97d9;}
.sub-0303 .lnkWr li:nth-child(15) a.liWr {background-color: #56c02b;}
.sub-0303 .lnkWr li:nth-child(16) a.liWr {background-color: #00689d;}
.sub-0303 .lnkWr li:nth-child(17) a.liWr {background-color: #19486a;}
.sub-0303 .lnkWr li a.liWr .txt {display: flex; width: 100%; font-family: 'Montserrat'; color: #fff; font-weight: 700; letter-spacing: -0.05rem;}
.sub-0303 .lnkWr li a.liWr .txt .num {font-size: 1.5rem; margin-right: 0.6rem;}
.sub-0303 .lnkWr li a.liWr .txt .tit {display: flex; align-items: center; line-height: 1.3; text-transform: uppercase; margin-bottom: 0;}
.sub-0303 .lnkWr li a.liWr .img {flex: 1; display: flex; justify-content: center; align-items: center; font-size: 0; line-height: 0; text-align: center; margin-top: 1.25rem;}
.sub-0303 .lnkWr li a.liWr .img img {max-width: 100%;}
/* sub-0303 : last-child */
.sub-0303 .lnkWr li:last-child {width: 60%;}
.sub-0303 .lnkWr li:last-child p.liWr {display: flex; justify-content: center; align-items: center; height: 100%; border-radius: 0.2rem; border: 1px solid #c1c6c9;}
/* sub-0303 : actv */
.sub-0303 .lnkWr li a.liWr .img img {transition: 0.3s;}
.sub-0303 .lnkWr li a.liWr:hover .img img,
.sub-0303 .lnkWr li a.liWr:focus .img img {transform: scale(1.1);}



/* sub-0503 */
.sub-0503 .tit2 {margin: 1.75rem 0 1rem !important;}
.sub-0503 .lnkWr {border-top: 2px solid #000; background-color: #f6f6f6; padding: 1.6rem 1.2rem 1.5rem;}
.sub-0503 .lnkWr ul {display: flex; flex-wrap: wrap; margin: calc(var(--gap) * -1) calc(var(--gap) * -0.5);

    --gap: 0.7rem;
}
.sub-0503 .lnkWr ul li {width: calc(100% / 6); padding: var(--gap) calc(var(--gap) * 0.5);}
.sub-0503 .lnkWr ul li .liWr {display: flex; flex-direction: column; align-items: center; height: 100%;}
.sub-0503 .lnkWr ul li .liWr label {flex: 1; display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; border-radius: 0.2rem; padding: 0.8rem 0.6rem; margin-right: 0; cursor: pointer;}
.sub-0503 .lnkWr ul li:nth-child(1) .liWr label {background-color: #e5243b;}
.sub-0503 .lnkWr ul li:nth-child(2) .liWr label {background-color: #dda83a;}
.sub-0503 .lnkWr ul li:nth-child(3) .liWr label {background-color: #4c9f38;}
.sub-0503 .lnkWr ul li:nth-child(4) .liWr label {background-color: #c5192d;}
.sub-0503 .lnkWr ul li:nth-child(5) .liWr label {background-color: #ff3a21;}
.sub-0503 .lnkWr ul li:nth-child(6) .liWr label {background-color: #26bde2;}
.sub-0503 .lnkWr ul li:nth-child(7) .liWr label {background-color: #fcc30b;}
.sub-0503 .lnkWr ul li:nth-child(8) .liWr label {background-color: #a21942;}
.sub-0503 .lnkWr ul li:nth-child(9) .liWr label {background-color: #fd6925;}
.sub-0503 .lnkWr ul li:nth-child(10) .liWr label {background-color: #dd1367;}
.sub-0503 .lnkWr ul li:nth-child(11) .liWr label {background-color: #fd9d24;}
.sub-0503 .lnkWr ul li:nth-child(12) .liWr label {background-color: #bf8b2e;}
.sub-0503 .lnkWr ul li:nth-child(13) .liWr label {background-color: #3f7e44;}
.sub-0503 .lnkWr ul li:nth-child(14) .liWr label {background-color: #0a97d9;}
.sub-0503 .lnkWr ul li:nth-child(15) .liWr label {background-color: #56c02b;}
.sub-0503 .lnkWr ul li:nth-child(16) .liWr label {background-color: #00689d;}
.sub-0503 .lnkWr ul li:nth-child(17) .liWr label {background-color: #19486a;}
.sub-0503 .lnkWr ul li .liWr label .txt {display: flex; width: 100%; font-family: 'Montserrat'; color: #fff; font-weight: 700; letter-spacing: -0.05rem;}
.sub-0503 .lnkWr ul li .liWr label .txt .num {display: block; font-size: 1rem; margin-right: 0.6rem;}
.sub-0503 .lnkWr ul li .liWr label .txt .tit {display: flex; align-items: center; font-size: 0.75rem; line-height: 1.3; text-transform: uppercase; margin-bottom: 0;}
.sub-0503 .lnkWr ul li .liWr label .img {flex: 1; display: flex; justify-content: center; align-items: center; font-size: 0; line-height: 0; text-align: center; margin-top: 0.8rem;}
.sub-0503 .lnkWr ul li .liWr label .img img {max-width: 70%;}
.sub-0503 .lnkWr ul li .liWr input[type="checkbox"] {appearance: none; width: 1.1rem; height: 1.1rem; border-radius: 0.1rem; border: 1px solid var(--clr-gray-27); background-color: #fff; margin-top: 0.5rem; position: relative; cursor: pointer;}
.sub-0503 .lnkWr ul li .liWr input[type="checkbox"]::after {content: "\eb7b"; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-family: 'remixicon'; color: #fff; position: absolute; left: 0; top: 0; opacity: 0;}
.sub-0503 .schWr {display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; margin-top: 2.2rem;}
.sub-0503 .schWr .total {font-size: 1.25rem; color: #000; font-weight: 600;}
.sub-0503 .schWr .iptWr {display: flex; font-size: 0.8rem;}
.sub-0503 .schWr .iptWr * {height: 2.3rem;}
.sub-0503 .schWr .iptWr select {width: 7rem; border-radius: 0.1rem; border: 1px solid var(--clr-gray-15); background: url('/images/web/impact/sub/select_arrow.png') right 1rem center no-repeat; padding-left: 1rem; padding-right: calc(2rem + 8px); margin-right: 0.5rem; appearance: none;}
.sub-0503 .schWr .iptWr input {width: 12.7rem; border-radius: 0.1rem 0 0 0.1rem; border: 1px solid var(--clr-gray-15); border-right: 0; background-color: #fff; padding: 0 1rem;}
.sub-0503 .schWr .iptWr input::placeholder {color: var(--clr-gray-27);}
.sub-0503 .schWr .iptWr button {flex-shrink: 0; width: 3.3rem; border-radius: 0 0.1rem 0.1rem 0; background-color: #000; font-size: 0.85rem; color: #fff; font-weight: 600;}
.sub-0503 .tbl_st {margin-top: 1.15rem;}
.sub-0503 .prgrmWr {
    --arrow-fontSize: 1.2rem;
}
.sub-0503 .prgrmWr dl {border-bottom: 1px solid var(--clr-brdr-btm);}
.sub-0503 .prgrmWr dl dt .dtWr {display: flex; align-items: center; width: 100%; height: auto; padding: 1.05rem 0; color: var(--clr-gray-txt01); position: relative;}
.sub-0503 .prgrmWr dl dt .dtWr::before {content: "\ea4e"; display: flex; justify-content: center; align-items: center; width: 1.25em; height: 1.25em; border-radius: 50%; border: 1px solid var(--clr-gray-27); font-family: 'remixicon'; font-size: var(--arrow-fontSize); color: var(--clr-gray-txt03); position: absolute; right: 0.83em; top: calc(50% - 0.625em);}
.sub-0503 .prgrmWr dl dt .dtWr [class^="w_"] {padding: 0 1rem;}
.sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_sdg {display: flex; flex-wrap: wrap; justify-content: center; gap: 0.47em; width: 17.5%;}
.sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_sdg [class^="sdg"] {display: inline-block; width: 4.71em; line-height: 1.65; border-radius: 0.825em; color: #fff; font-weight: 600; text-align: center; white-space: nowrap;}
.sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_sdg [class^="sdg"].sdg1 {background-color: #e5243b;}
.sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_sdg [class^="sdg"].sdg2 {background-color: #dda83a;}
.sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_sdg [class^="sdg"].sdg3 {background-color: #4c9f38;}
.sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_sdg [class^="sdg"].sdg4 {background-color: #c5192d;}
.sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_sdg [class^="sdg"].sdg5 {background-color: #ff3a21;}
.sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_sdg [class^="sdg"].sdg6 {background-color: #26bde2;}
.sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_sdg [class^="sdg"].sdg7 {background-color: #fcc30b;}
.sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_sdg [class^="sdg"].sdg8 {background-color: #a21942;}
.sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_sdg [class^="sdg"].sdg9 {background-color: #fd6925;}
.sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_sdg [class^="sdg"].sdg10 {background-color: #dd1367;}
.sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_sdg [class^="sdg"].sdg11 {background-color: #fd9d24;}
.sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_sdg [class^="sdg"].sdg12 {background-color: #bf8b2e;}
.sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_sdg [class^="sdg"].sdg13 {background-color: #3f7e44;}
.sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_sdg [class^="sdg"].sdg14 {background-color: #0a97d9;}
.sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_sdg [class^="sdg"].sdg15 {background-color: #56c02b;}
.sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_sdg [class^="sdg"].sdg16 {background-color: #00689d;}
.sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_sdg [class^="sdg"].sdg17 {background-color: #19486a;}
.sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_tit {width: 60%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_prd {width: 22.5%; padding: 0 calc(var(--arrow-fontSize) * 2.91);}
.sub-0503 .prgrmWr dl dd {display: none; padding: 0 0.5rem 1.05rem;}
.sub-0503 .prgrmWr dl dd .ddWr {border-radius: 0.6rem; background-color: #f8f8fa; padding: 0 1.75rem 1rem 1.75rem;}
.sub-0503 .prgrmWr dl dd .ddWr .list_st1 {white-space: pre-line;}
.sub-0503 .prgrmWr dl dd .ddWr .list_st1 > li:first-child {margin-top: 0;}

.sub-0503 .lnkWr ul li .liWr input[type="checkbox"],
.sub-0503 .lnkWr ul li .liWr input[type="checkbox"]::after,
.sub-0503 .pagination .arrow {transition: 0.3s;}
.sub-0503 .lnkWr ul li .liWr input[type="checkbox"]:checked {border-color: var(--clr-purple); background-color: var(--clr-purple);}
.sub-0503 .lnkWr ul li .liWr input[type="checkbox"]:checked::after {opacity: 1;}
.sub-0503 .prgrmWr dl:has(dt .dtWr:hover, dt .dtWr:focus) dt .dtWr [class^="w_"].w_tit {text-decoration: underline;}
.sub-0503 .prgrmWr dl.actv dt .dtWr::before {content: "\ea78"; border-color: #837aa0; color: var(--clr-purple);}
.sub-0503 .prgrmWr dl.actv dd {display: block;}
.sub-0503 .pagination .arrow:hover,
.sub-0503 .pagination .arrow:focus {border-color: #3a3a3a; background-color: #3a3a3a; color: #fff;}


/*
.sub-0503 .pagination {display: flex; flex-wrap: wrap; justify-content: center; gap: 0.33em; font-size: 0.75rem; margin-top: 2.5rem;

    --btn-size: 2.67em;
}
.sub-0503 .pagination .arrow {display: flex; justify-content: center; align-items: center; width: var(--btn-size); height: var(--btn-size); border-radius: 50%; border: 1px solid #ddd; color: #777;}
.sub-0503 .pagination .numWr {display: flex; justify-content: center; gap: 0.53em; margin: 0 0.47em;}
.sub-0503 .pagination .numWr .num {display: flex; justify-content: center; align-items: center; width: var(--btn-size); height: var(--btn-size); border-radius: 50%; color: #777; font-weight: 500;}
*/
/* sub-0503 : actv */
/*
.sub-0503 .lnkWr ul li .liWr input[type="checkbox"],
.sub-0503 .lnkWr ul li .liWr input[type="checkbox"]::after,
.sub-0503 .pagination .arrow {transition: 0.3s;}
.sub-0503 .lnkWr ul li .liWr input[type="checkbox"]:checked {border-color: var(--clr-purple); background-color: var(--clr-purple);}
.sub-0503 .lnkWr ul li .liWr input[type="checkbox"]:checked::after {opacity: 1;}
.sub-0503 .prgrmWr dl:has(dt .dtWr:hover, dt .dtWr:focus) dt .dtWr [class^="w_"].w_tit {text-decoration: underline;}
.sub-0503 .prgrmWr dl.actv dt .dtWr::before {content: "\ea78"; border-color: #837aa0; color: var(--clr-purple);}
.sub-0503 .prgrmWr dl.actv dd {display: block;}
.sub-0503 .pagination .arrow:hover,
.sub-0503 .pagination .arrow:focus {border-color: #3a3a3a; background-color: #3a3a3a; color: #fff;}
.sub-0503 .pagination .numWr strong.num {background-color: #3a3a3a; color: #fff;}
.sub-0503 .pagination .numWr a.num:hover,
.sub-0503 .pagination .numWr a.num:focus {text-decoration: underline;}
*/


/* 페이지네이션 커스텀 */
.sub-0503 .ac .pagination {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 0.33em; font-size: 0.75rem; margin-top: 2.5rem; list-style: none; padding: 0; --btn-size: 2.67em;}
.sub-0503 .ac .pagination li:not(.page-pre2):not(.page-next1) a {display: flex; justify-content: center; align-items: center; width: var(--btn-size); height: var(--btn-size); border: none; border-radius: 50%; color: #777; font-weight: 500; text-decoration: none; transition: 0.3s;}
.sub-0503 .ac .pagination li.active a, .sub-0503 .ac .pagination li.active a.on {background-color: #3a3a3a; color: #fff !important;}
.sub-0503 .ac .pagination li:not(.page-pre2):not(.page-next1):not(.active) a:hover,
.sub-0503 .ac .pagination li:not(.page-pre2):not(.page-next1):not(.active) a:focus {text-decoration: underline;}
.sub-0503 .ac .pagination li.page-pre2 a.first,
.sub-0503 .ac .pagination li.page-next1 a.last,
.sub-0503 .ac .pagination li.page-pre1 a.first,
.sub-0503 .ac .pagination li.page-next2 a.last {display: flex; justify-content: center; align-items: center; width: var(--btn-size); height: var(--btn-size); border: 1px solid #ddd; border-radius: 50%; color: #777; text-decoration: none; transition: 0.3s;}
.sub-0503 .ac .pagination li.page-pre2 a.first:hover,
.sub-0503 .ac .pagination li.page-pre2 a.first:focus,
.sub-0503 .ac .pagination li.page-next1 a.last:hover,
.sub-0503 .ac .pagination li.page-next1 a.last:focus,
.sub-0503 .ac .pagination li.page-pre1 a.first:hover,
.sub-0503 .ac .pagination li.page-pre1 a.first:focus,
.sub-0503 .ac .pagination li.page-next2 a.last:hover,
.sub-0503 .ac .pagination li.page-next2 a.last:focus {background-color: #3a3a3a; border-color: #3a3a3a; color: #fff !important;}
.sub-0503 .ac .pagination li.page-pre1 a.first {background: url(/images/web/impact/sub/sub-0503/arrow-left-s-line.png) no-repeat center;}
.sub-0503 .ac .pagination li.page-pre2 a.first {background: url(/images/web/impact/sub/sub-0503/arrow-left-double-line.png) no-repeat center;}
.sub-0503 .ac .pagination li.page-next1 a.last {background: url(/images/web/impact/sub/sub-0503/arrow-right-s-line.png) no-repeat center;}
.sub-0503 .ac .pagination li.page-next2 a.last {background: url(/images/web/impact/sub/sub-0503/arrow-right-double-fill.png) no-repeat center;}



/* sub-0503.write */
.sub-0503.write .lnkWr {border-top: 0; background-color: unset; padding: 0;}
.sub-0503.write .lnkWr ul li {width: 20%;}



/* biArea */
.biArea {border-radius: 0.8rem; border: 1px solid #d5d5d5; padding: 11.3rem 1rem; font-size: 1.6rem; color: var(--clr-gray-27); font-weight: 600; text-align: center;}



@media   (max-width: 1640px) {

    /* sub-0101 */
    .sub-0101 .row-01 {flex-direction: column; justify-content: unset; align-items: center; padding: 2.9rem 4rem 4.3rem; text-align: center;}
    .sub-0101 .row-01 .col-txt {padding-top: 0; margin-bottom: 1.5rem;}
    .sub-0101 .row-01 .col-img {width: 100%; max-width: 26rem; margin-left: 0;}
    .sub-0101 .row-02 {padding-top: 7.75rem;}
    .sub-0101 .row-02 p.welcome {max-width: 100%;}

    /* sub-0303 */
    .sub-0303 .lnkWr li a.liWr .txt .tit br {display: none;}

    /* sub-0503 */
    .sub-0503 .lnkWr ul li {width: 20%;}

    /* sub-0503.write */
    .sub-0503.write .lnkWr ul li {width: 25%;}
}



@media   (max-width: 1440px) {

    /* sub-0303 */
    .sub-0303 .lnkWr li {width: 25%;}
    /* sub-0303 : last-child */
    .sub-0303 .lnkWr li:last-child {width: 75%;}

    /* sub-0503 */
    .sub-0503 .lnkWr ul li {width: 25%;}

    /* sub-0503.write */
    .sub-0503.write .lnkWr ul li {width: calc(100% / 3);}
}



/* 태블릿 최적화 */
@media   (max-width: 1240px) {

    /* sub-0102 */
    .sub-0102 {max-width: 100%; border-radius: 0; border: 0; margin: 0;}
    .sub-0102 .titWr {display: block; max-width: 100%; background-color: unset; padding: 0 0.5rem; font-size: 1.15rem; text-align: left; margin-bottom: 0.5rem; transform: translateY(0);}
    .sub-0102 .titWr::before,
    .sub-0102 .titWr::after {display: none;}
    .sub-0102 ul {gap: 0.04rem 1.75rem; border-radius: 1rem; border: 1px solid var(--clr-gray-20); padding: 2rem;}
    .sub-0102 ul li {width: 11rem; height: 11rem;}
    .sub-0102 ul li .icn {font-size: 2.25rem;}
    .sub-0102 ul li .txt strong {font-size: 1rem;}
    .sub-0102 ul li .txt span {font-size: 0.75rem;}

    /* sub-0103 */
    .sub-0103 .tit1 {font-size: 1.15rem; margin-bottom: 0.5rem;}
    .sub-0103 .imgWr {padding: 2rem 2rem 2.25rem; margin-bottom: 1.5rem;}
    .sub-0103 .imgWr h4 {font-size: 1.5rem;}
    .sub-0103 .tab_st1 {margin-bottom: 1.5rem;}
    .sub-0103 .hstrWr .year > dt {font-size: 1.5rem; font-weight: 700;}
    .sub-0103 .hstrWr .year > dd {padding-left: 2.5rem; margin-top: 0.75rem;}
    .sub-0103 .hstrWr .month {font-size: 0.8rem;}

    /* sub-0104 */
    .sub-0104 .orgWr {
        --dep01itmW: 8rem;
        --dep03itmW: 8rem;
    }
    .sub-0104 .orgWr .dep01 {max-width: 32rem;}
    .sub-0104 .orgWr .dep01 > li > p {font-size: 1.15rem;}
    .sub-0104 .orgWr .dep02 > li:not(.li03) > .pWr > p {height: 2.2rem; font-size: 0.9rem;}
    .sub-0104 .orgWr .dep02 > li.li01 {padding-top: 1rem;}
    .sub-0104 .orgWr .dep02 > li.li02 {padding: 1rem 0 1.5rem;}
    .sub-0104 .orgWr .dep03 > li {padding-top: 2rem;}
    .sub-0104 .orgWr .dep03 > li > p {height: 2rem; font-size: 0.9rem;}


    /* sub-0202 */
    .sub-0202.scroll_gr {width: 100%;  overflow-x: auto; }
    .sub-0202.scroll_gr iframe {width: 1180px;}


    /* sub-0503 */
    .sub-0503 .schWr .total {font-size: 1.1rem;}
    .sub-0503 .tbl_st {display: none;}
    .sub-0503 .prgrmWr {border-top: 2px solid #000; font-size: 0.85em; margin-top: 1rem;}
    .sub-0503 .prgrmWr dl dt .dtWr {display: block; padding: 1rem; padding-right: calc(var(--arrow-fontSize) * 2.91) !important; text-align: left;}
    .sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_sdg {justify-content: flex-start; width: 100%; padding: 0;}
    .sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_tit {width: 100%; padding: 0; font-size: 1.18em; font-weight: 600; margin-top: 0.75rem; white-space: unset; overflow: unset; text-overflow: unset;}
    .sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_prd {width: 100%; padding: 0; color: var(--clr-gray-txt03); margin-top: 0.75em;}
    .sub-0503 .prgrmWr dl dd {padding: 0 0 1rem;}
    .sub-0503 .prgrmWr dl dd .ddWr {padding: 1rem 1.25rem; font-size: 1.09em;}
    .sub-0503 .pagination {margin-top: 2rem;}

	/* sub-0503.write */
    .sub-0503.write .tbl_st {display: block;}

    /* biArea */
    .biArea {padding: 10rem 1rem; font-size: 1.15rem;}
}



@media   (max-width: 1024px) {

    /* sub-0101 */
    .sub-0101 .row-01 {padding-top: 2rem;}
    .sub-0101 .row-02 {padding: 7.75rem 2rem 2.5rem;}

    /* sub-0102 */
    .sub-0102 ul {gap: 1rem; padding: 1rem;}
    .sub-0102 ul li {width: calc((100% - 2rem) / 3); height: auto; border-radius: 1.8rem; border-width: 0.5rem; padding: 1.5rem 0.5rem;}
    .sub-0102 ul li .icn {font-size: 2rem;}
    .sub-0102 ul li .txt strong {font-size: 0.9rem;}

    /* sub-0303 */
    .sub-0303 .lnkWr {
        --gap: 0.75rem;
    }
    .sub-0303 .lnkWr li {width: calc(100% / 3);}
    .sub-0303 .lnkWr li a.liWr {padding-bottom: 0.75rem;}
    .sub-0303 .lnkWr li a.liWr .txt .num {font-size: 1rem;}
    .sub-0303 .lnkWr li a.liWr .img {margin-top: 0.75rem;}
    .sub-0303 .lnkWr li a.liWr .img img {max-width: 70%;}
    /* sub-0303 : last-child */
    .sub-0303 .lnkWr li:last-child {display: none;}

    /* sub-0503 */
    .sub-0503 .lnkWr {padding: 1rem;}
    .sub-0503 .lnkWr ul {margin: calc(var(--gap) * -0.5);}
    .sub-0503 .lnkWr ul li {width: calc(100% / 3); padding: calc(var(--gap) * 0.5);}
    .sub-0503 .lnkWr ul li .liWr {position: relative;}
    .sub-0503 .lnkWr ul li .liWr label {position: relative; z-index: 0;}
    .sub-0503 .lnkWr ul li .liWr label .txt {display: block;}
    .sub-0503 .lnkWr ul li .liWr label .txt .num {margin-right: 0; margin-bottom: 0.25rem;}
    .sub-0503 .lnkWr ul li .liWr label .img {width: 100%; height: 100%; margin-top: 0; position: absolute; right: 0; bottom: 0; z-index: -1; opacity: 0.25;}
    .sub-0503 .lnkWr ul li .liWr label .img img {width: 50%; max-width: 4rem; max-height: 100%; object-fit: contain;}
    .sub-0503 .lnkWr ul li .liWr input[type="checkbox"] {width: 0.8rem; height: 0.8rem; margin-top: 0; position: absolute; right: 0.5rem; top: 0.5rem;}
}



@media   (max-width: 768px) {

    /* sub-0101 */
    .sub-0101 .row-01 .col-txt h3 {font-size: 1.4rem;}
    .sub-0101 .row-02 {padding: 7.5rem 2rem 2rem;}
    .sub-0101 .row-02 p.welcome {font-size: 1.1rem;}
    .sub-0101 .row-02 p.from {font-size: 0.9rem;}
    .sub-0101 .row-02 p.from strong {font-size: 1rem;}

    /* sub-0104 */
    .sub-0104 .orgWr {
        --dep03itmW: 30vw;
    }

    /* sub-0503 */
    .sub-0503 .prgrmWr dl dt .dtWr {padding: 1rem 0;}
}



@media   (max-width: 680px) {

    /* sub-0101 */
    .sub-0101 .row-01 .col-txt img {display: none;}

    /* sub-0102 */
    .sub-0102 ul li {flex-direction: row; width: 80%; text-align: left;}
    .sub-0102 ul li .icn {margin-right: 0.75rem;}
    .sub-0102 ul li .txt {margin-top: 0;}

    /* sub-0303 */
    .sub-0303 .lnkWr li {width: 50%;}
}



/* 모바일 최적화 */
@media   (max-width: 580px) {

    /* sub-0101 */
    .sub-0101 .row-01 {padding: 2rem 2rem 12.5vw;}
    .sub-0101 .row-01::before {border-top-left-radius: 2.5rem;}
    .sub-0101 .row-02 {padding: 25vw 1rem 1.5rem; margin: -30vw 1rem 0;}
    .sub-0101 .row-02 p.welcome {margin-bottom: 1.25rem;}

    /* sub-0102 */
    .sub-0102 .titWr {font-size: 1rem;}

    /* sub-0103 */
    .sub-0103 .tit1 {font-size: 1rem;}
    .sub-0103 .imgWr {border-top-right-radius: 2rem; background: linear-gradient(to right, rgba(0,0,0,0.125) 50%, rgba(0,0,0,0.25) 100%), url('/images/web/impact/sub/sub-0103/visual.png') right center / cover; padding: 1rem 1rem 1.25rem;}
    .sub-0103 .imgWr span {font-size: 0.85rem;}
    .sub-0103 .imgWr h4 {font-size: 1.25rem;}
    .sub-0103 .imgWr p {font-size: 0.8rem;}
    .sub-0103 .hstrWr .year::before,
    .sub-0103 .hstrWr .year::after {left: 0.4rem;}
    .sub-0103 .hstrWr .year > dt {font-size: 1.25rem;}
    .sub-0103 .hstrWr .year > dt::before {width: 1rem; height: 1rem; border-width: 0.3rem;}
    .sub-0103 .hstrWr .year > dt::after {width: 1rem;}
    .sub-0103 .hstrWr .year > dd {padding-left: 2rem;}
    .sub-0103 .hstrWr .month {font-size: 0.75rem;}
    .sub-0103 .hstrWr .month + .month {margin-top: 0.5rem;}

    /* sub-0104 */
    .sub-0104 .orgWr .dep01 > li > p {width: 35vw; max-width: var(--dep01itmW); height: 35vw; max-height: var(--dep01itmW); padding: 0.5rem 0; font-size: 1rem;}
    .sub-0104 .orgWr .dep02 > li.li02 {padding-bottom: 1rem;}
    .sub-0104 .orgWr .dep03 > li {padding-top: 1.5rem;}
    .sub-0104 .orgWr .dep03 > li > p {height: 1.8rem; font-size: 0.8rem;}
    .sub-0104 .tbl_st {margin-top: 1.5rem;}

    /* sub-0503 */
    .sub-0503 .lnkWr ul li {width: 50%;}
    .sub-0503 .lnkWr ul li .liWr label .txt .num {font-size: 0.75rem;}
    .sub-0503 .schWr {flex-direction: column-reverse; align-items: flex-start; gap: 2rem; margin-top: 1rem;}
    .sub-0503 .schWr .total {font-size: 1rem;}
    .sub-0503 .schWr .iptWr {width: 100%;}
    .sub-0503 .schWr .iptWr input {width: calc(100% - 3.3rem);}
    .sub-0503 .prgrmWr {margin-top: 0.75rem;}
    .sub-0503 .prgrmWr dl dt .dtWr {padding: 0.75rem 0;}
    .sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_sdg [class^="sdg"] {font-size: 0.9em;}
    .sub-0503 .prgrmWr dl dt .dtWr [class^="w_"].w_tit {margin-top: 0.5rem;}
    .sub-0503 .prgrmWr dl dd {padding-bottom: 0.75rem;}
    .sub-0503 .pagination {margin-top: 1.5rem;

        --btn-size: 2.25em;
    }

    /* sub-0503.write */
    .sub-0503.write .input-wrap select,
    .sub-0503.write .input-wrap input {width: 100%;}

    /* biArea */
    .biArea {padding: 25vw 1rem; font-size: 1rem;}
}



@media   (max-width: 480px) {

    /* sub-0101 */
    .sub-0101 .row-01 {padding-top: 1.25rem;}
    .sub-0101 .row-01 .col-txt {margin-bottom: 1rem;}
    .sub-0101 .row-01 .col-txt h3 {font-size: 1.1rem;}
    .sub-0101 .row-02 {padding-top: 22.5vw;}
    .sub-0101 .row-02 p.welcome {font-size: 0.95rem; margin-bottom: 1rem;}
    .sub-0101 .row-02 p.from {font-size: 0.8rem;}
    .sub-0101 .row-02 p.from strong {font-size: 0.9rem;}

    /* sub-0102 */
    .sub-0102 ul li {width: 100%;}

    /* sub-0303 */
    .sub-0303 .lnkWr li a.liWr .txt {display: block; text-align: center;}
    .sub-0303 .lnkWr li a.liWr .txt .num {margin-right: 0;}
    .sub-0303 .lnkWr li a.liWr .txt .tit {display: block;}
    .sub-0303 .lnkWr li a.liWr .img img {max-width: 55%;}

    /* sub-0503 */
    .sub-0503 .tit2 {margin-bottom: 0.75rem !important;}
    .sub-0503 .schWr .iptWr {flex-wrap: wrap;}
    .sub-0503 .schWr .iptWr select {width: 100%; margin-right: 0; margin-bottom: 0.5rem;}

    /* sub-0503.write */
    .sub-0503.write .lnkWr ul li {width: 50%;}
}



@media   (max-width: 380px) {

    /* sub-0101 */
    .sub-0101 .row-01::before {border-top-left-radius: 2rem;}
    .sub-0101 .row-01 .col-txt h3 {font-size: 1rem;}
    .sub-0101 .row-01 .col-img {width: calc(100% + 2rem); margin: 0 -1rem;}
    .sub-0101 .row-02 p.welcome {font-size: 0.9rem;}
    .sub-0101 .row-02 p.from {display: block;}
    .sub-0101 .row-02 p.from strong {display: block; margin-left: 0; margin-top: 0.25rem;}

    /* sub-0104 */
    .sub-0104 .orgWr .dep02 > li:not(.li03) > .pWr > p {width: var(--dep03itmW); height: 2rem; font-size: 0.8rem; margin: 0;}

    /* sub-0303 */
    .sub-0303 .lnkWr li {width: 100%;}
    .sub-0303 .lnkWr li a.liWr {padding: 0.5rem;}
    .sub-0303 .lnkWr li a.liWr .txt .num {font-size: 0.8rem;}
    .sub-0303 .lnkWr li a.liWr .txt .tit {margin-top: 0.25rem;}
    .sub-0303 .lnkWr li a.liWr .img img {width: 45%;}

    /* sub-0503 */
    .sub-0503 .lnkWr ul li {width: 100%;}
    .sub-0503 .pagination .numWr a.num {display: none;}

    /* sub-0503.write */
    .sub-0503.write .lnkWr ul li {width: 100%;}
}