.sub {
    margin-top: 8rem;
    background: linear-gradient(180deg, rgba(219, 236, 244, 1) 0%, rgba(255, 255, 255, 1) min(350px,30%));
    padding-top: 12rem;
}

@media (max-width: 1024px) {
    .sub {
        margin-top: 9rem;
    }
}
@media (max-width: 768px) {
    
}
@media (max-width: 500px) {
    
}
/* 상단 타이틀 */
.sub-tit h3 {
    font-family: 'Paperozi';
    font-weight: 600;
    font-size: 2.8rem;
    color: #7c7c7c;
    margin-bottom: 1rem;
}
.sub-tit h2 {
    font-family: 'Paperozi';
    font-weight: 600;
    font-size: 5rem;
    color: #000;
}
.sub-tab {
    margin-top: 3rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(auto, 21rem));
    gap: 2rem;

}
@media (max-width: 500px) {
    .sub-tab {
        grid-template-columns: repeat(2, minmax(auto, 100%));
    
    }
}

/* 상단 탭 */
.sub-tab li {
    border-radius: 1rem;
    border:1px solid #d5d5d5;
    text-align: center;
}
.sub-tab li a {
    display: block;
    padding:0.5rem 2rem;
    font-size: 2.3rem;
    font-weight: 600;
    color: #b0b0b0;
}
.sub-tab li.on {
    border-color: #3d99c3;
    background: #3d99c3;
}
.sub-tab li.on a {
    color: #fff;
}

/* 공통 */
.sub-content {
    width: min(900px,100%);
    margin: 0 auto 12rem;
}
.sub-content .cont {
    padding-top: 8rem;
}
.sub-content .cont:has(.deco-img){
    padding-top:14rem;
}
.sub-content .cont1 {
    padding-top: 10rem;
}
.sub-content .cont .tit1 {
    font-size: 2.8rem;
    font-weight: 600;
    color: #000;
    margin-bottom: 3rem;
}
.sub-content .cont p {
    font-size: max(15px,2rem);
    font-weight: 500;
    line-height: 1.8;
}
.sub-content .cont li {
    line-height: 1.6;
}
.sub-content .cont p:not(:first-child) {
    margin-top: 2rem;
}

.c-blue{
    color:#1C57B8;
}

/* 리스트 */
.list-square {
    padding-left: 1.2em; /*수정*/
    position: relative;
}
.list-square::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.3em;
    width: 0.75em;
    height: 0.75em;
    background: #5c5c5c;
}
.list-type1 {
    text-indent: -1em;
    padding-left: 1em;
}
.list-type2{
    font-size:2.4rem;
}
.list-type2 .list + .list{
    margin-top:6rem;
}
.list-type2 .list-tit{
    display:flex;
    align-items: center;
    gap:1rem;
}
.list-type2 .list-tit .ico-img img{
    display:block;
}
.list-type2 .list-tit .tit{
    margin-top:0 !important;
    font-weight:600 !important;
    line-height:1;
}
.list-type2 .list-cont{
    margin-top:1.5rem;
}

@media (max-width: 768px) {
    .list-type2 .list + .list{
        margin-top:4rem;
    }
}

/* 박스 타입1 */
.box-type1 {
    border-radius: 2rem;
    border: 2px solid var(--box-color); /*수정*/
    overflow: hidden;
}
.box-type1 .top {
    font-size: 2.2rem;
    font-weight: 700;
    background: var(--box-color);
    color: #fff;
    border-bottom: 1px solid var(--box-color);
    text-align: center;
    padding: 1.6rem;
}
.box-type1 .bottom {
    padding: 3rem 5rem 4rem;
}
.box-type1 .bottom li {
    font-size: max(15px,2rem);
    font-weight: 500;
    margin-top: .5rem; /*수정*/
    color: #5c5c5c;
}
.box-type1 .bottom ul ul li {
    margin-top: 0.7rem;
}
@media (max-width: 768px) {
    .box-type1 .bottom {
        padding:2rem 4rem 3rem;
    }
}

/* 참고 */
.ref {
    margin-top: 2rem;
    padding: 1rem 3rem; /*수정*/
    background: #f8f8f8;
}
.sub-content .ref p {  /*클래스명 수정*/
    font-size: 1.7rem;
    font-weight: 500;
    color: #777;
    padding-left: 1em;
    text-indent: -1em;
}


@media (max-width: 786px) {
    .sub-content .cont1 {
        padding-top: 6rem;
    }

    .sub-content .cont:has(.deco-img){
        padding-top:12rem;
    }
}

/* 콘텐츠 타이틀 타입1 */
.cont-tit1 {
    text-align: center;
}
.cont-tit1 h2 {
    font-size: 4.7rem;
    font-weight: 700;
}
.cont-tit1 h3 {
    font-size: 2.3rem;
    font-weight: 600;
    color: #3d99c3;
    margin-bottom: 2rem;
}
.cont-tit1 h4 {
    font-size: max(15px,2rem);
    font-weight: 600;
    color: #5c5c5c;
    margin-top: 4rem;
}

/* 콘텐츠 타이틀 타입1 */
.cont-tit2 {
    height: 285px;
    background: url(../images/sub/sub2_3_bg.png) no-repeat center left / contain;
    background-color: var(--bg-color);
    position: relative;
    border-radius: 2rem;
    padding-inline: 10rem 5rem;
    display: flex;
    flex-flow: column wrap;
    align-content: space-between;
    justify-content: flex-end;
    margin-bottom: 1rem; /*추가*/
}

.cont-tit2 .info {
    color: #fff;
    padding-bottom: 4.5rem;
}
.cont-tit2 .info h4 {
    font-size: 2.2rem;
    font-weight: 600;
}
.cont-tit2 .info h2 {
    font-family: 'Paperozi';
    font-size: 4.4rem;
    font-weight: 300;
}
.cont-tit2 .info h2 b {
    font-weight: 600;
    font-family: 'Paperozi';
}
.cont-tit2 .info h2 span {
    font-family: 'SchoolSafeAutumnTrip';
    font-size: .915em;
}
.cont-tit2 .info h3 {
    font-size: 2.4rem;
    font-weight: 600;
    margin-top: 3rem;
}
.cont-tit2 .img {
    display: flex;
    max-width: 50%;
}

.cont-tit3 {
    font-size: 2.4rem;
    font-weight: 600;
    padding: 0.75rem 1.8rem; /*추가*/
    border-top-left-radius: 0.7rem;
    border-top-right-radius: 0.7rem;
    color: #fff;
    background-color: #13AD8D;
}

.tit-box{
    margin-bottom:3rem;
}
.tit-box:has(.cont-tit3){
    display:flex;
    position:relative;    
    border-bottom:1px solid #13AD8D;
}

.tit-box .deco-img{
    position:absolute;
    right:0;
    bottom:0;
}

.tit-box .deco-img img{
    display:block;
}

@media (max-width: 1024px) {
    .cont-tit2 {
        height: 30rem;
    }
    .cont-tit2 .img {
        max-height: 115%;
    }
}
@media (max-width: 768px) {
    .cont-tit2 {
        padding-inline: 5rem 3rem;
    }
    .cont-tit2 .img {
        max-width: 45%;
    }
}
@media (max-width: 500px) {
    .cont-tit2 {
        height: auto;
        padding: 4rem 4rem 0;
    }
    .cont-tit2 .info {
        width: 100%;
    }
    /* .cont-tit2 .img {
        margin-inline: auto 0;
        max-width: 60%;
    } */
    .cont-tit2 .img {
        margin-inline: auto;
        max-width: 1000%;
    }
}

/* 탭 콘텐츠 */
.tab-cont:not(:first-child) {
    margin-top: 9rem;
    padding-top: 6rem;
    background: url(../images/sub/sub_line.png) no-repeat center top / contain;
}
.tab-cont1 .cont1 {
    padding-top: 12rem;
}
@media (max-width: 768px) {
    .tab-cont1 .cont1 {
        padding-top: 10rem;
    }
}

/* QnA */
.sub-qna .cont {
    padding-top: 6rem;
}
.sub-qna .tab-cont .cont1 {
    padding-top: 10rem;
}
.sub-qna .tab-cont1 .cont1 {
    padding-top: 12rem;
}
.sub-qna .cont .q {
    margin-bottom: 2.5rem;
    color: #000;
}
.sub-qna .cont .q h3 {
    font-size: 3.2rem;
    font-weight: 700;
}
.sub-qna .cont .q p {
    font-weight: 700;
    line-height: 1.6;
    margin-top: 0.5rem;
}
.sub-qna .cont:not(.cont1) .img {
    margin-top: 6rem;
}


/* 서브1 */
.sub1_1 .cont {
    padding-top: 5.5rem;
}
.sub1_1 .cont1 {
    padding-top: 9rem;
}
.sub1_1 .cont1 p:not(:first-child) {
    margin-top: 4rem;
}
.sub1_1 .cont5 {
    padding-top: 3rem;
}
.sub1_1 .cont3 p:not(:first-child) {
    margin-top: 3rem;
}


/* sub1_2 */
.sub1_2 .tab-cont1 .cont1 {
    padding-top: 10rem;
}
.sub1_2 .cont {
    padding-top: 7rem;
}
.sub1_2 .bg-box p {
    text-align: center;
    font-size: 2.4rem;
    font-weight: 700;
    padding-block: 2rem;
}
.sub1_2 .list-type2 .list-cont {
    margin-top: 1.2rem;
}
.sub1_2 .list-type2 .list + .list {
    margin-top: 5rem;
}
.sub1_2 .bg-box.bg-color1 p{
    background-color:#DFF1FA;
}
.sub1_2 .bg-box.bg-color2 p{
    background-color:#D9F0E3;
}

.sub1_2 .tab-cont1 .list-type2 .list-tit .tit{
    color:#437ca0;
}

.sub1_2 .tab-cont2 .list-type2 .list-tit .tit{
    color:#5e9a6e;
}
@media (max-width: 786px) {

    .sub1_2 .cont {
        padding-top: 6rem;
    }
}




/* sub2_1 */
.sub2_1 .bg-box.bg-color3{
    background-color:#F5F5F5;
    padding: 3.5rem 2.5rem;
    margin-top:4rem;
}

.sub2_1 #sub2_11 .cont p:not(:first-child) {
    margin-top: 4rem;
}
.sub2_1 .cont2 .tit1 {
    font-weight: 700;
    line-height: 1.55;
}
.sub2_1 #sub2_11 small{
    color:#777;
}
.sub2_1 .tab-cont:not(:first-child){
    background:none;
    padding-top: 0;
}

.sub2_1 .cont-tit2{
    padding-inline: 6rem 5rem;
    background-image: url(../images/sub/sub2_1_bg.png);
}

.sub2_1 .cont-tit2 .img{
    transform: translateX(-1rem);
    
}
@media (max-width:1024px) {
    .sub2_1 .cont-tit2 .img{
        max-width: 40%;
    }
}

@media (max-width: 500px) {
    .sub2_1 .cont-tit2 .img {
        margin-inline: auto;
        max-width: 1000%;
    }
}

/* sub2_2 */
.sub2_2 .tab-cont1 .cont-tit2 {
    background-image: url(../images/sub/sub2_2_bg1.png);
}
.sub2_2 .tab-cont2 .cont-tit2 {
    background-image: url(../images/sub/sub2_2_bg2.png);
}


/* sub2_3 */
.sub2_3 .tab-cont2 .cont-tit2 {
   background-image: url(../images/sub/sub2_3_bg2.png);
}

/* sub2_4 */
.sub2_4 .tab-cont1 .cont-tit2,
.sub2_4 .tab-cont2 .cont-tit2 {
    background-image: url(../images/sub/sub2_4_bg1.png);
}


.sub5_1 .box-type1 {
    margin-top: 6rem;
}
.sub5_1 .cont6 .box-type1 .list-square:has(span) > div{
    width: 4.3em;
}
.sub5_1 .cont6 .box-type1 .list-square:has(span) > span{
    width: calc(100% - 4.3em);
}
.sub5_1 .cont6 .box-type1 .list-square ul span {
    background: #e2e2e2;
}

@media (max-width: 1024px) {
    
}
@media (max-width: 768px) {
    
}
@media (max-width: 500px) {
    
}


/* sub3_1 */
.sub3_1 .cont .img {
    margin-block: 3rem;
    text-align: center;
}
.sub3_1 .cont .img:first-child {
    margin-top: 0;
}

/* sub3_2 */
.sub3_2 .cont .img {
    margin-block: 3rem;
    text-align: center;
}
.sub3_2 .cont .img:first-child {
    margin-top: 0;
}


/* sub4_1 */
.sub4_1{
    overflow:hidden;
}

.sub4_1 .sub-content{
    margin-bottom:0;
}

.sub4_1 .cont:not(.cont1) {
    padding-top: 7rem;
}

.sub4_1 .tit4{
    display:flex;
    align-items:start;
    background-color:#E1F6FF;
    border-radius: 2rem;
    padding:1.7rem 3rem;
    gap:1rem;
    margin-bottom: 4rem;
}

.sub4_1 .cont .tit4 span,
.sub4_1 .cont .tit4 p{
    font-size:3rem;
    line-height:1.4;
    font-weight: 600;
    color:#3d99c3;
}

.sub4_1 .cont .tit4 p{
    margin-top:0;
}

.sub4_1 .cont .sub-tit{
    font-size:2.2rem;
    font-weight: 700;
    margin-top: 4rem;
}

.sub4_1 .cont .sub-tit:has(img){
    color:#2c7698;
}
.sub4_1 .cont .sub-tit img{
    margin-right:1rem;
}

.sub4_1 .cont .sub-tit span{
    font-family: 'SchoolSafeAutumnTrip';
    color:#9ACFE8;
    font-weight: 300;
    font-size:4rem;
    display:inline-block;
    font-style:italic;
    margin-left:0.5rem;
    line-height: 1;
}
.sub4_1  .cont > p:not(:first-child) {
    margin-top: 1rem;
}

.sub4_1 .sub-content .cont9 > p:nth-child(2) {
    margin-top: 5rem;
}

.sub4_1 .cont p:last-child{
    margin-bottom:0;
}
.sub4_1 .cont p + .img {
    margin-top: 4.5rem;
}
.sub4_1 .cont7 .sub-tit {
    margin-top: 4.5rem;
    margin-bottom: 1.5rem;
}
.sub4_1 .cont9 >  p:not(:first-child) {
    margin-top: 3.5rem;
}
.sub4_1 .cont.cont10{
    position:relative;
    z-index:1;
    margin-top:15rem;
    padding-block:12rem;
}

.sub4_1 .cont10::before{
    content:'';
    position:absolute;
    left:50%;
    top:0;
    transform:translateX(-50%);
    background-color:#f5f5f5;
    width:100vw;
    height:100%;
    z-index:-1;
}

.sub4_1 .cont10 .logo-img{
    position:absolute;
    left:50%;
    top:0;
    transform:translate(-50%,-50%);
}

.sub4_1 .cont10 .p-info-box{
    display:flex;
    gap:7rem;
    align-items: start;
    padding-left:5rem;
    position:relative;
    z-index:1;
}

.sub4_1 .cont10 .p-info-box::before{
    content:'';
    position:absolute;
    left:0;
    bottom: 0;
    width:100%;
    height:70%;
    background-color:#3D99C3;
    z-index: -1;
    border-radius: 3rem;
}

.sub4_1 .cont10 .p-info-box .right{
    padding-top:4rem;
    padding-bottom:9rem;
    max-width:calc(100% - 420px);
}

.sub4_1 .cont10 .p-info-box .info{
    padding-bottom:4rem;
}

.sub4_1 .cont10 .p-info-box .position{
    padding-top:3rem;
}

.sub4_1 .cont10 .p-info-box .info h4 {
    font-size: 2.2rem;
    font-weight: 600;
}
.sub4_1 .cont10 .p-info-box .info h2 {
    font-family: 'Paperozi';
    font-size: 3.4rem;
    font-weight: 300;
}
.sub4_1 .cont10 .p-info-box .info h2 b {
    font-family: 'Paperozi';
    font-size: 4.4rem;
}
.sub4_1 .cont10 .p-info-box .info h2 span {
    font-family: 'SchoolSafeAutumnTrip';
    font-size: 4rem;
}

.sub4_1 .cont10 .p-info-box .position,
.sub4_1 .cont10 .p-info-box .subject{
    color:#fff;
}

.sub4_1 .cont10 .p-info-box .position h5,
.sub4_1 .cont10 .p-info-box .subject h5{
    font-size:2.2rem;
    font-weight: 600;
}

.sub4_1 .cont10 .p-info-box .subject{
    margin-top:3rem;
}

.sub4_1 .cont10 .p-info-box .subject p{
    line-height:1.5;
}
.sub4_1 .cont10 .career {
    margin-top:4rem;
}
.sub4_1 .cont10 .career .career-btn{
    display:flex;
    align-items: center;
    gap:1rem;
    font-size:2rem;
    font-weight: 600;
    text-align:center;
    border:1px solid #333;
    padding:1rem 2rem;
    justify-content: center;
    cursor:pointer;
}

.sub4_1 .cont10 .career-box{
    gap:3rem;
    margin-top:3rem;
    width: 100%;
    height: 0;
    overflow: hidden;
}

.sub4_1 .cont10 .career-box,
.sub4_1 .cont10 .career-box .box{
    display:flex;
    flex-direction: column;
    align-items: center;
}

.sub4_1 .cont10 .career-box .box h5{
    font-size:2.2rem;
    text-align:center;
    display:inline-block;
    position:relative;
    margin-inline:auto;
    font-weight:600;
    padding-bottom:0.5rem;
    border-bottom:1px solid #333;
    margin-bottom:3rem;
}

.sub4_1 .cont10 .career-box .box{
    width: 100%;
}

.sub4_1 .cont10 .career-box .box .career-list{
    width: 100%;
    padding-left: 14%;
}

.sub4_1 .cont10 .career-list .list{
    color:#777;
    display:flex;
    align-items: center;
    gap:2rem;
    font-size:1.7rem;
}

.sub4_1 .cont10 .career-list .list + .list{
    margin-top:0.5rem;
}

.sub4_1 .cont10 .career-list .list p{
    margin-top:0;
    font-size: 1.7rem;
}

.sub4_1 .cont10 .career-list .list p.date{
    font-weight:600;
    min-width: 16rem;
}

@media (max-width: 1240px) {
    .sub4_1 .cont10 .p-info-box .right{
        padding-bottom:12rem;
    }
}
@media (max-width: 1024px) {
    .sub4_1 .cont10 .p-info-box .left .img img{
        max-height: clamp(360px, 60vh, 460px);
    }
}
@media (max-width: 786px) {
    .sub4_1 .cont10 .logo-img img{
        width:35vw;
        max-width:fit-content;
    }
    .sub4_1 .cont10 .logo-img{
        top:0%;
    }
    .sub4_1 .cont10 .p-info-box{
        flex-direction: column;
        align-items: center;
        padding-inline:3rem;
        gap:3rem;
    }
    .sub4_1 .cont10 .p-info-box .info{
        color:#fff;
    }
    .sub4_1 .cont10 .p-info-box .right{
        max-width:100%;
    }
    .sub4_1 .cont10 .p-info-box .right{
        padding-block:2rem 8rem;
    }
}
@media (max-width: 500px) {
    .sub4_1 .cont10 .p-info-box .info{
        padding-bottom:0;
    }

    .sub4_1 .cont10 .career-list .list{
        flex-direction: column;
        align-items: start;
        gap:0.5rem;
    }

    .sub4_1 .cont10 .career-list .list + .list {
        margin-top: 1.5rem;
    }
}



/* sub4_2 */

.sub4_2{
    overflow:hidden;
}

.sub4_2 .sub-content{
    margin-bottom:0;
}
.sub4_2 .cont .tit1 {
    font-size: 3rem;
    line-height: 1.7;
    transform: translateY(-1rem);
    margin-bottom: -1rem;
}
.sub4_2 .cont .tit-box .deco-img {
    position: absolute;
    right: 2.7%;
    bottom: 0;
}

.sub4_2 .cont1 .tit1 {
    letter-spacing: 0;
}
.sub4_2 .cont1 .img {
    margin-bottom: 6rem;
}
.sub4_2 .sub-content .cont1 p {
    margin-top: 3rem;
}

.sub4_2 .txt-box.type1{
    border-left:2px solid #13AD8D;
    padding-left:4rem;
}

.sub4_2 .sub-content .cont > p:not(:first-of-type), 
.sub4_2 .sub-content .cont > .img.mt-5 {
    margin-top: 4rem;
}

.sub4_2 .list-wrap{
    padding-block:6rem;
}

.sub4_2 .grid-list{
    display:grid;
    gap:2rem;
    text-align: center;
}

.sub4_2 .grid-list.grid-6{
    grid-template-columns:repeat(6, 1fr);
}
.sub4_2 .grid-list.grid-6 .img { /* 추가 */
    text-align: center;
}
.sub4_2 .list .txt-box p {
    font-size: 1.7rem;
    text-align: center;
    letter-spacing: -0.025em;
    line-height: 1.4;
    margin-top: .75rem;
}

.sub4_2 .table-tit{
    font-size:3.2rem;
    text-align:center;
    font-weight:700;
    margin-bottom: 3rem;
}

.sub4_2 .table-type2{
    width:100%;
    border-collapse:collapse;
}
.sub4_2 .table-type2 th{
    background-color:#050046;
    color:#fff;
    font-size:1.6rem;
    font-weight:600;
    padding:1rem;
}
.sub4_2 .table-type2 th:not(:first-child){
    border-left:1px solid #fff;
}
.sub4_2 .table-type2 td{
    font-size:1.5rem;
    font-weight:500;
    vertical-align:middle;
    text-align:center;
    padding:1rem;
    border-bottom:1px solid #e1e1e1;
    border-right:1px solid #e1e1e1;
}
/* .sub4_2 .table-type2 td:last-child{
    border-right:none;
} */
.sub4_2 .table-type2 td p{
    font-size:1.5rem;
}
.sub4_2 .table-wrap p.caption{
    color:#909090;
    margin-top: .5rem;
    font-size:1.5rem;
}
.sub4_2 .table-type2 td.table-tit{
    background-color:#E8EFF7;
}
.sub4_2 .table-type2 td:has(p){
    text-align:left;
}
.sub4_2 .br-e1e1e1{
    border-right:1px solid #e1e1e1 !important;
}

.sub4_2 .cont2 ~ .cont .tit-box{
    margin-bottom: 0;
}


.sub4_2 .cont6{
    position:relative;
    z-index:1;
    margin-top:15rem;
    padding-block:12rem;
}

.sub4_2 .cont6::before{
    content:'';
    position:absolute;
    left:50%;
    top:0;
    transform:translateX(-50%);
    background-color:#f5f5f5;
    width:100vw;
    height:100%;
    z-index:-1;
}

.sub4_2 .cont6 .logo-img{
    position:absolute;
    left:50%;
    top:-6%;
    transform:translateX(-50%);
}

.sub4_2 .cont6 .p-info-box {
    display: flex;
    gap: 8rem; /*수정*/
    align-items: start;
    padding-inline: 5rem 4rem; /*수정*/
    position: relative;
    z-index: 1;
}

.sub4_2 .cont6 .p-info-box::before{
    content:'';
    position:absolute;
    left:0;
    bottom: 0;
    width:100%;
    height:68%;
    background-color:#13AD8D;
    z-index: -1;
    border-radius: 2rem; /*수정*/
}


.sub4_2 .cont6 .p-info-box .right{
    padding-top:4rem;
    padding-bottom:6rem;
}

.sub4_2 .cont6 .p-info-box .info{
    padding-bottom:4rem;
    transform: translateY(1rem);
}

.sub4_2 .cont6 .p-info-box .career{
    padding-top: 5rem;
}

.sub4_2 .cont6 .p-info-box .info h4 {
    font-size: 2.2rem;
    font-weight: 600;
}
.sub4_2 .cont6 .p-info-box .info h2 {
    font-family: 'Paperozi';
    font-size: 4.4rem;
    font-weight: 300;
}
.sub4_2 .cont6 .p-info-box .info h2 b {
    font-family: 'Paperozi';
}
.sub4_2 .cont6 .p-info-box .info h2 span {
    font-family: 'SchoolSafeAutumnTrip';
    font-size: 4rem;
    color: #96a2ab;
}

.sub4_2 .cont6 .p-info-box .career h5{
    font-size:2.2rem;
    font-weight: 600;
}

.sub4_2 .cont6 .p-info-box .career .career-list{
    margin-top:2rem;
}

.sub4_2 .cont6 .p-info-box .career .list{
    font-size:2rem;
    margin-bottom: 0.2rem;
}

.sub4_2 .cont6 .p-info-box .career h5,
.sub4_2 .cont6 .p-info-box .career .list{
    color:#fff;
}

.sub4_2 .cont6 .h-info-box {
    display:flex;
    flex-flow: column wrap;
    align-items: center;
    margin-top:6rem;
}

.sub4_2 .cont6 .h-info-box h3{
    font-size:2.2rem;
    text-align:center;
    display:inline-block;
    position:relative;
    margin-inline:auto;
    font-weight:600;
    padding-bottom:0.5rem;
    border-bottom:1px solid #333;
    margin-bottom:4rem;
}

.sub4_2 .cont6 .h-info-list{
    width: max-content;
}

.sub4_2 .cont6 .h-info-list .list{
    display:flex;
    gap:2rem;
}
.sub4_2 .cont6 .h-info-list .list p{
    font-size:1.7rem;
    margin-top:0;
    color:#777;
}

.sub4_2 .cont6 .h-info-list .list + .list{
    margin-top:1rem;
}

.sub4_2 .table-wrap .table-box{
    overflow-x:auto;
}

.sub4_2 .table-wrap .table-box table{
    min-width: 800px;
}
.sub4_2 .cont6 .h-info-list .list p.tit{
    display:flex;
    justify-content: space-between;
    min-width: 6rem;
    font-weight: 700;
}

.sub4_2 .cont6 .h-info-list .list p.info{
    line-height:1.3;

}

@media (max-width: 1240px) {
    .sub4_2 .cont6 .p-info-box .right{
        padding-bottom:10rem;
    }
}
@media (max-width: 1024px) {
    .sub4_2 .cont6 .p-info-box .left .img img{
        max-height: clamp(360px, 60vh, 460px);
    }
}
@media (max-width: 786px) {
    .sub4_2 .cont6 .logo-img{
        width:35vw;
        max-width:fit-content;
    }
    .sub4_2 .grid-list.grid-6{
        grid-template-columns:repeat(3, 1fr);
        place-items: center;
    }
    .sub4_2 .tit-box .deco-img{
        max-width:35vw;
    }
    .sub4_2 .cont1 .img{
        margin-bottom:6rem;
    }
}
@media (max-width: 500px) {
    .sub4_2 .cont6 .p-info-box{
        flex-direction: column;
        align-items: center;
        gap:3rem;
    }
    .sub4_2 .cont6 .p-info-box .info{
        padding-bottom:0;
    }
    .sub4_2 .cont6 .p-info-box .right{
        padding-bottom:8rem;
    }
    .sub4_2 .cont6 .p-info-box .info,
    .sub4_2 .cont6 .p-info-box .info h2 span{
        color:#fff;
    }
}


/* sub5_1 */
.sub5_1 .cont1 {
    padding-top: 7rem;
}
.sub5_1 .cont3 {
    padding-top: 6rem;
}
.sub5_1 .cont p {
    letter-spacing: -0.025em;
}


/* sub5_2 */
.sub5_2 .cont-tit1 h3 {
    font-size: max(15px,2rem);
}
.sub5_2 .tab-cont1 .cont1 {
    padding-top: 10rem;
}
.sub5_2 .cont p:not(:first-child) {
    margin-top: 3rem;
}
.sub5_2 .tab-cont2 .cont1 {
    padding-top: 5rem;
}