.subpage {padding-bottom: 14rem;}
.sub__top h5 {font-size: 3.2rem; font-weight: 700; color: #111; margin-bottom: 3rem;}
.sub__top.color h5 {color: #ff5827;}
.sub__topImg {margin: 0 0 3rem;}
.sub__top p {font-size: 1.8rem; font-weight: 400; color: #222222; line-height: 2.8rem;}

.subtxt__flex {display: flex; align-items: center;}
.subtxt__flex b {font-size: 3.2rem; font-weight: 600; color: #ff5827; font-family: 'Poppins', sans-serif; display: inline-block; padding-right: 1rem;} 
.subtxt__flex strong {font-size: 3.2rem; font-weight: 700; color: #000000;} 
.sub__subtxt p { font-size: 2.2rem; font-weight:  500; color: #000000; font-family: 'Poppins', sans-serif;}
.sub__subtxt p.sub__article {font-size: 2rem; font-weight: 400; font-family: 'Pretendard', sans-serif; padding-left: 4.5rem; line-height: 2.7rem;}

.sub__innerTit strong {position: relative; display: block; padding-left: 2rem; font-size: 2.5rem; font-weight: 700; color: #000000; margin-bottom: 3rem;}
.sub__innerTit strong.bool_2::before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0;  width: 10px; height: 2px ; background: #ff5827;}
.sub__innerTit strong.bool_3 {padding-left: 3.5rem; margin: 9rem 0 3rem;}
.sub__innerTit strong.bool_3.num1 {padding-left: 3.5rem; margin: 0 0 3rem;}
.sub__innerTit strong.bool_3::before {content: "1"; position: absolute; top: 0.4rem; left: 0;  width: 2.5rem; height: 2.5rem ; background: #ff5827; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 1.8rem;}
.sub__innerTit strong.bool_3.num2::before {content: "2";}
.sub__innerTit strong.bool_3.num3::before {content: "3";}
.sub__innerTit strong span {font-size: 2.5rem; font-weight: 400; color: #000000;}
.sub__innerTit strong b {font-size: 2rem; font-weight: 400; color: #000000;}
.sub__innerTit.eng strong {margin-top: 7rem}
.sub__innerTit p {font-size: 1.8rem; font-weight: 400; color: #222222; line-height: 2.8rem;}
.sub__innerTit p.pd {padding-left: 2rem;}
.sub__innerTit p.pd span {color: #ff5827;}
.txt__mg {margin-top: 2.5rem;}
.sub__innerTit em {font-size: 1.6rem; font-weight: 400; color: #666666; display: block; margin-top: 2rem;}
.sub__innerTit em.pd {padding-left: 2rem;}

.sub__innerTit .sub__orange {font-size: 2.2rem; font-weight: 700; color: #ff5827; margin: 0 0 1rem; }
.sub__innerTit .sub__orange i {display: inline-block; font-size: 1.5rem; font-weight: 700; color: #ff5827; border: 2px solid #ff5827; border-radius: 2rem; padding: 0 0.5rem; line-height: 1.8rem; transform: translateY(-2px);}
.sub__innerTit .sub__orange span {font-size: 2rem; font-weight: 400; color: #ff5827; }

.sub__innerTxt {position: relative; display: block; padding-left: 2rem; font-size: 2.2rem; font-weight: 700; color: #000000; margin:4rem 0 2rem;}
.sub__innerTxt::before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0;  width: 10px; height: 2px ; background: #ff5827;}

.sub__innerTitFlex {display: flex ;align-items: center;}
.sub__innerTitFlex .sub__innerTit {flex: 1 50%;}






.catWrap {margin-top: 10rem;}
.cat__list > li {padding: 6rem 0;}
.cat__list > li + li{border-top: 1px solid #ddd;}
.cat__list > li:first-of-type {padding: 0 0 6rem;}
.cat__list > li:last-of-type {padding: 6rem 0 0;}
.cat__contWrap {display: flex; align-items: center; justify-content: space-between; gap: 5rem;}
.cat__txtWrap {flex: 1 ;}
.cat__txt {font-size: 1.8rem; font-weight: 400; color: #000; margin-top: 3rem; line-height: 3rem;}
.cat__txt span {font-size: 1.6rem; font-weight: 400; color: #666666; margin-top: 1.5rem; display: block;}
/**/


.quali__section {padding: 9rem 0 6rem;}
.quali__section.mg {padding: 9rem 0 10rem;}

.quali__section.bg {background: #f8f8f8;}
.quali__top {display: flex;}
.high__list {padding: 0 0 0 8rem; margin-top: 0.5rem;}
.high__list > li {position: relative; font-size: 1.8rem; font-weight: 700; color: #111; padding: 0 0 0 1.5rem; margin-bottom: 2rem;}
.high__list > li::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 4px; height: 4px ; background: #ff5827;}
.high__list > li span {font-size: 1.7rem; font-weight: 400; color: #111;}
.high__list ol > li {margin-left: 1.5rem;}
.bool_1 {position: relative; font-size: 1.6rem; font-weight: 400; color: #333333; padding-left: 1.5rem; margin-bottom: 1rem; line-height: 2.2rem;}
.bool_1::before {content: ""; position: absolute; top: 0.8rem; left: 0;  width: 4px; height: 2px ; background: #666666}

.quali__btm {border-top: 1px solid #000; margin-top: 4rem;}
.quali__btm li {padding: 4rem 0; }
.quali__btm li + li {border-top: 1px solid #ddd;}
.quali__btm li b {display: block; margin-bottom: 2rem; font-size: 2rem; font-weight: 700; color: #111;}
.quali__btm li b span{font-size: 2rem; font-weight: 700; color: #ff5827;}
.quali__btm li b span.eng {font-size: 2rem; font-weight: 700; color: #ff5827; font-family: 'Poppins', sans-serif;}
/**/


.curri__list {display: flex; align-items: center; justify-content: space-between; gap: 3rem; margin: 5rem 0 10rem;}
.curri__list li {position: relative; flex: 1 calc((100% - 15rem)/6); text-align: center; border: 1px solid #ddd; border-radius: 50%; height: 21rem; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.curri__list li + li::before {content: ""; position: absolute; top: 50%; left: -2rem; transform: translateY(-50%); width: 7px; height: 15px; background: url('/images/sub/curri__list_arr.png') no-repeat; }
.curri__list li b {font-size: 1.6rem; font-weight: 700; color: #ff5827; font-family: 'Poppins', sans-serif; display: inline-block; margin-bottom: 1rem; }
.curri__list li p {font-size: 1.8rem; font-weight: 600; color: #111; line-height: 2.6rem;}

.curri__list li.color {background: #ff5827; border: none;}
.curri__list li.color b {color: #fff; margin: 1rem 0;}
.curri__list li.color p {color: #fff;}

.curri__bg {padding: 4rem ; background: #f7f7f7; margin-top: 3rem;}
.curri__bg .curri__img {margin: 0 auto; text-align: center;}

.curri__section {padding: 10rem 0;}
.curri__section.bg {background: #f8f8f8;}

/* curri table */
.semester--table {text-align: center; width: 100%;}
.semester--table th {background: #000; color: #fff; font-size: 2rem; font-weight: 700; padding: 1.5rem;}
.semester--table th + th {border-left: 1px solid #ddd;}

.semester--table .th1 {width: 21rem;}
.semester--table .th2 {width: 9rem;}
.semester--table .th4 {width: 42rem;}
.semester--table .th5 {width: 45.5rem;}

.semester--table td {font-size: 1.8rem; font-weight: 400; color: #333333; padding: 3rem 2.5rem; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 2.6rem; background: #fff;}
.semester--table td.td1 {font-size: 1.8rem; font-weight: 700; color: #000000; border-left: none; background: #f7f7f7;}
.semester--table td.td4 {text-align: left; line-height: 3.4rem;}
.semester--table td.td5 {text-align: left;}

.anfänger--table {text-align: center; width: 100%;}
.anfänger--table th {width: calc(100%/6); background: #d2d2d2; color: #000; font-size: 2rem; font-weight: 700; padding: 1.5rem; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.anfänger--table th + th {border-left: 1px solid #fff;}

.anfänger--table td {font-size: 1.8rem; font-weight: 400; color: #333333; padding: 2.5rem; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 2.6rem; background: #fff;}
.anfänger--table td.td1 {font-size: 1.8rem; font-weight: 700; color: #000000; border-left: none; background: #f7f7f7;}
.anfänger--table td.td3 p.mg {margin-top: 1rem;}
.anfänger--table td.td3 p {text-align: left; font-size: 1.6rem;}

.curri__section.bg .anfänger--table td.td1 {background: #fff;}
.curri__section.bg .semester--table td.td1 {background: #fff;}

.table__btm {font-size: 1.6rem; font-weight: 400 ; color: #666666; margin-top: 2rem;}
.table__btm span { color: #ff5827;}

.tuition--table {text-align: center; width: 100%;}
.tuition--table th {background: #000; color: #fff; font-size: 2rem; font-weight: 700; padding: 1.5rem;}
.tuition--table th + th {border-left: 1px solid #ddd;}

.tuition--table .th1 {width: 33rem;}
.tuition--table .th2 {width: 20rem;}

.tuition--table td {font-size: 1.8rem; font-weight: 400; color: #333333; padding: 3rem 4rem; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 2.6rem; background: #fff;}
.tuition--table td.td1 {font-size: 1.8rem; font-weight: 700; color: #000000; border-left: none; }
.tuition--table td.td2 {font-weight: 700; color: #000000}
.tuition--table td.td3 {text-align: left; line-height: 3.4rem;}

table .red{color: red;}
table span.dash{text-decoration: line-through; font-size: 1.3rem; text-decoration-color: red;}

/**/

.test .sub__top.pd {padding-top: 8rem;}
.test .sub__top h5 {margin-bottom: 4rem;}

.tableWrap__flex {display: flex; justify-content: space-between; gap: 4rem; margin-top: 4rem;}
.tableWrap__flex.mg_none {margin: 3rem 0 0;}
.sm__tableWrap {flex: 1 calc((100% - 4rem)/2);}

.b2--table {text-align: center;  width: 100%; height: 100%;}
.b2--table th {background: #000; color: #fff; font-size: 2rem; font-weight: 700; padding: 1.5rem;}
.b2--table th + th {border-left: 1px solid #ddd;}
.b2--table td {text-align: left; font-size: 1.8rem; font-weight: 400; color: #333333; padding: 2rem; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 2.6rem; background: #fff;}
.b2--table td.td1 {width: 18rem; text-align: center; font-size: 1.8rem; font-weight: 700; color: #000000; border-left: none; background: #f7f7f7; padding: 9rem 2rem;}

.rating--table {text-align: center; width: 100%;}
.rating--table th {background: #d2d2d2; color: #000; font-size: 2rem; font-weight: 700; padding: 1.5rem; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.rating--table th + th {border-left: 1px solid #fff;}
.rating--table th.th1 {width: 18rem;}
.rating--table td {font-size: 1.8rem; font-weight: 400; color: #333333; padding: 2rem; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 2.6rem; background: #fff;}
.rating--table td.td1 {font-size: 1.8rem; font-weight: 700; color: #000000; border-left: none; background: #f7f7f7;}

.long__tableWrap {margin: 2rem 0 4rem;}
.long--table {text-align: center;  width: 100%;}
.long--table th {background: #000; color: #fff; font-size: 2rem; font-weight: 700; padding: 1.5rem;}
.long--table th + th {border-left: 1px solid #ddd;}
.long--table th.th1 {width: 18rem;}

.long--table td {text-align: left; font-size: 1.8rem; font-weight: 400; color: #333333; padding: 2rem; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 2.6rem; background: #fff;}
.long--table td.td1 {text-align: center; font-size: 1.8rem; font-weight: 700; color: #000000; border-left: none; background: #f7f7f7;}
.long--table td.td2 {line-height: 3.4rem;}

.sm--table {text-align: center; width: 100%;}
.sm--table td {text-align: left; font-size: 1.8rem; font-weight: 400; color: #333333; padding: 2rem; border-left: 1px solid #ddd; border-top: 1px solid #000; border-bottom: 1px solid #ddd; line-height: 2.6rem}
.sm--table td.td1 {width: 18rem; text-align: center; font-size: 1.8rem; font-weight: 700; color: #000000; border-left: none; background: #fdf3f3; padding: 4rem 2rem;}
.sm--table td.td1.color {background: #f7f7f7;}

.day--table {text-align: center; width: 100%;}
.day--table th {background: #d2d2d2; color: #000; font-size: 2rem; font-weight: 700; padding: 1.5rem; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.day--table th + th {border-left: 1px solid #fff;}
.day--table th.th1 {width: 25rem;}
.day--table th.th1.wd {width: 29rem;}
.day--table th.th2.wd {width: 29rem;}
.day--table td {font-size: 1.8rem; font-weight: 400; color: #333333; padding: 2rem; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 2.6rem; background: #fff;}
.day--table td.td1 {font-size: 1.8rem; font-weight: 700; color: #000000; border-left: none; background: #fff;}
.day--table .border td {border-bottom: 1px solid #000;}
.day--table td.td1.color {background: #f7f7f7; border-bottom: 1px solid #000;}

.as__btn {width: 25rem; height: 5rem; background: #000; display: flex; align-items: center; justify-content: center; margin: 8rem auto 0; transition: .3s ease;}
.as__btn p {font-size: 1.6rem; font-weight: 400; color: #fff;}
.as__btn:hover {background: #ff5827;}

.free__btn {width: 30rem; height: 5rem; background: #000; display: flex; align-items: center; justify-content: center; margin: 5rem auto 0; transition: .3s ease;}
.free__btn p {font-size: 1.6rem; font-weight: 400; color: #fff;}
.free__btn:hover {background: #ff5827;}


/**/

.confirm .sub__top h5 {margin-bottom: 4rem;}
.confirm__exFlex {display: flex; justify-content: space-between; gap: 4rem; margin-top: 5rem;}

/**/

.process__section {padding-top: 10rem;}

.process__Flex {display: flex; justify-content: space-between; gap: 4rem; }
.process__Flex.pd {padding: 3rem 0 5rem;}
.process__box {width: calc((100% - 4rem)/2);}
.process__box .th {border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 1rem 2rem; background: #f7f7f7;}
.process__box .th p {font-size: 1.8rem; font-weight: 400; color: #000;}
.process__box .th p span {font-size: 2rem; font-weight: 700; color: #000;}
.process__box .td {padding: 2rem; border-bottom: 1px solid #ddd; min-height: 14.5rem;}
.process__box .td p {font-size: 1.8rem; font-weight: 400; color: #333333; line-height: 3.4rem;}
.process__img {margin-top: 4rem;}


.list--table {text-align: center; width: 100%; table-layout: fixed;}
.list--table th {background: #000; color: #fff; font-size: 2rem; font-weight: 700; padding: 1.5rem;}
.list--table th + th {border-left: 1px solid #ddd;}

.list--table .th1 {width: 23rem;}
.list--table .th2 {width: 39rem;}

.list--table td {text-align: left; font-size: 1.8rem; font-weight: 400; color: #333333; padding: 3rem 2.5rem; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 2.6rem; background: #fff;}
.list--table td.td1 {text-align: center; font-size: 1.8rem; font-weight: 700; color: #000000; border-left: none; background: #f7f7f7;}

/**/

.bac__flex {display: flex; align-items: center; justify-content: space-between;}
.bac__flex p {width: 50%; margin-top: 2rem;}

.bac__list {margin-top: 5rem;}
.bac__list li {display: flex; align-items: center; gap: 3rem; justify-content: space-between;}
.bac__img img {width: 15rem;}
.bac__txt {flex: 1; padding: 0 3rem 0 0; min-height: 18rem; display: flex; justify-content: center; flex-direction: column; border-bottom: 1px solid #ddd;}
.bac__txt b {font-size: 2rem; font-weight: 700; color: #000;}
.bac__txt b span {font-size: 2rem; font-weight: 700; color: #ff5827;}
.bac__txt p {font-size: 1.8rem; font-weight: 400; color: #666666; margin-top: 2rem; line-height: 2.6rem;}

/**/
.subpage.expatrio {padding: 0;}
.sub__topImg.flex {display: flex; justify-content: space-between; gap: 3rem;}

.expatrio__pd {padding-bottom: 10rem;}
.expa__section {padding: 10rem 0;}
.expa__section.bg {background: #f8f8f8;}

.expa__wrap {border-top: 1px solid #000; display: flex; gap: 4rem;  margin-top: 5rem; padding-top: 5rem;}
.expa__titWrap b {display: block; font-size: 2.8rem; font-weight: 700; color: #000; white-space: nowrap; margin-bottom: 3rem;}

.expa__contWrap {flex: 1;}
.expa__contTxt {font-size: 1.8rem; font-weight: 400; color: #222222;line-height: 2.8rem;}
.expa__contTxt.bold {font-size: 2rem; font-weight: 700; margin-bottom: 1rem;}
.expa__contTxt span {color: #ff5827;}

.expa__contArti {font-size: 1.6rem; font-weight: 400; color: #333333; line-height: 2.7rem;}
.expa__contArti span {color: #ff5827;}

.expa__contBold {position: relative; display: inline-block;  font-size: 1.8rem; font-weight: 700; color: #000; transition: .3s ease;}
.expa__contBold::before {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #000; transition: .3s ease; }

.expa__contBold:hover { color: #ff5827; }
.expa__contBold:hover::before  { background-color: #ff5827; }

.expa__contFlex {display: flex; justify-content: space-between; gap: 3rem; margin-top: 4rem;}
.expa__contBox {position: relative; width: 100%; background: #fff; }
.expa__contTxt.box {padding: 3rem;}
.expa__contTop {display: flex; border-bottom: 1px solid #f8f8f8;}
.expa__contTop .expa__boxtxt {padding: 3rem;}


.expa__boxtxt {font-size: 1.8rem; font-weight: 400; color: #000000; line-height: 2.6rem;}
.expa__boxtxt span {font-weight: 600;}

.expa__list {margin-top: 5rem; border-top: 1px solid #000;}
.expa__list li {padding: 5rem 0;}
.expa__list li + li {border-top: 1px solid #ddd;}
.expa__explan {display: flex; align-items: center; gap: 4rem;}
.expa__explan.mg {margin-bottom: 3rem;}
.expa__box {flex: 1;}
.expa__list li.pd {padding: 5rem 0 0;}
.expa__orangeTit {font-size: 2rem; font-weight: 700; color: #ff5827; display: flex; margin-bottom: 2rem;}
.expa__orangeTit span {color: #000;}
.expa__linkTxt {flex: 1;}

.expa__btn {width: 22rem; height: 5rem; background: #000; display: flex; align-items: center; justify-content: center; margin: 3rem 0 0; transition: .3s ease;}
.expa__btn.mg {margin: 3rem 0;}
.expa__btn.mg2 {margin: 3rem 0 0;}
.expa__btn p {font-size: 1.6rem; font-weight: 400; color: #fff;}
.expa__btn:hover {background: #ff5827;}



@media only screen and (max-width : 1400px){
    .curri__list li {min-width: 15rem; min-height: 15rem; flex: none; height: auto;}
    .curri__list {justify-content: center;}

}



@media only screen and (max-width : 1300px){

    .cat__txt br {display: none;}
    .sub__top p br {display: none;}

    .sub__innerTit p br {display: none;}
    .list--table .th2 {width: 30rem;}



}


@media only screen and (max-width : 1070px){

    .curri__list {flex-wrap: wrap; max-width: 60rem; margin: 5rem auto 10rem;}
    .curri__list li {width: calc((100% - 6rem)/3); max-width: 15rem;}
    .curri__list li:nth-of-type(4)::before {display: none;}
    .curri__list li img {width: 3.2rem;}




}


@media only screen and (max-width : 1024px){

    .subpage {padding-bottom: 10rem;}
    .sub__subtxt p br {display: none;}
    
    .cat__contWrap {flex-wrap: wrap;}
    .cat__txtWrap {width: 100%;}
    .cat__imgWrap {width: 100%;}

    .quali__top {flex-wrap: wrap;}
    .sub__subtxt {width: 100%;}
    .high__list {width: 100%; padding: 3rem 0 0}

    .bool_1 br {display: none;}
    .high__list > li br {display: none;}

    .quali__section {padding: 7rem 0 4rem;}

    .process__Flex {flex-wrap: wrap; gap: 3rem;}
    .process__box {width: 100%;}

    .bac__img img {width: 10rem;}

    .expatrio__pd {padding-bottom: 8rem;}
    .expa__section {padding: 8rem 0;}

    .expa__wrap {flex-wrap: wrap; gap: 4rem;}
    .expa__contWrap {flex: none; width: 100%;}

    .expa__contFlex {flex-wrap: wrap;}
    

    .expa__list li {gap: 2rem;}
    .expa__section:last-of-type {padding: 8rem 0 0;}

    .sub__topImg.flex {gap: 1rem;}
    
    .curri__bg {padding: 2rem;}
    
    .curri__section {padding: 8rem 0;}
    .curri__section:last-of-type {padding: 8rem 0 0;}
    
    .b2--table td.td1 {width: 14rem;}
    .tableWrap__flex {gap: 2rem;}

    .b2--table td br {display: none;}

    .sub__innerTit strong.bool_3 {margin: 8rem 0 3rem;}

    .list--table .th1 {width: 18rem;}



}


@media only screen and (max-width : 840px){

    .process__section {padding-top: 7rem;}
    .confirm__exFlex {gap: 1rem;}
    .day--table th.th1 {width: 20rem;}
    



}

@media only screen and (max-width : 600px){


    .tableWrap {overflow: auto;}

    .semester--table,
    .anfänger--table,
    .tuition--table,
    .list--table {min-width: 600px;}

    /* scroll style */
    /* Scroll 1 */

    /* Scroll 3 */
    .sc3::-webkit-scrollbar {width: 1.0rem;height: .7rem;}
    .sc3::-webkit-scrollbar-track {background-color: transparent;border-radius: 1.0rem;}
    .sc3::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.4);border-radius: 1.0rem;}


    /* 02 */


    .curri__img.scrollBox{overflow: auto; justify-content: flex-start;}
    .w800 > * {min-width: 600px;}
    /**/

    .tableWrap__flex {flex-wrap: wrap;}
    .sm__tableWrap {width: 100%; flex: none;}

    .long--table th.th1 {width: 14rem;}
    .sm--table td.td1 {width: 14rem;}

    .day--table.day1 {min-width: 600px;}

    .day--table.day2 {table-layout: fixed;}
    .day--table th.th1.wd {width: auto;}
    .day--table th.th2.wd {width: auto;}

    .sub__innerTitFlex {flex-wrap: wrap;}
    .sub__innerTitFlex .sub__innerTit {width: 100%; flex: none;}

    .expa__sect2 .expa__explan {flex-wrap: wrap; gap: 3rem;} 
    .expa__sect2 .expa__box {width: 100%; flex: none; order: 2;} 



}



@media only screen and (max-width : 490px){

    .expa__contBold::before {display: none;}
    .expa__explan  {flex-wrap: wrap;}
    .expa__explan > div {width: 100%;} 
    .expa__orangeTit {display: block;}
    .expa__orangeTit span {display: block;}
    .confirm__exFlex {flex-wrap: wrap;}
    .confirm__exImg {width: 100%;}

    .bac__txt {padding: 3rem 1rem 3rem 0;}

    .bac__list li:first-of-type .bac__txt {padding: 0 1rem 3rem 0;}

    .curri__list {gap: 2rem;}
    .curri__list li:before {display: none;}

    .sub__topImg.flex {flex-wrap: wrap; justify-content: center;}




}