/**         
sub3_1
*/
.sub3_1 {}
/* .sub3_1 .text_box_wrap {padding: 49px 0;} */
.sub3_1 table.tb_1 {border-top: 2px solid;border-collapse:separate;border-spacing:0; box-sizing: border-box; width: 100%;margin:10px 0 30px; margin-bottom: 110px;}
.sub3_1 table.tb_1 th {height: 40px;  }
.sub3_1 table.tb_1 td {border-right: 1px solid #dedede;border-bottom: 1px solid #dedede;text-align: center;}
.sub3_1 .top_visual {position: relative;width: 100%;height: 560px;padding-top: 240px;}
.sub3_1 .top_visual .img { width: 100%; height: 100%; object-fit: cover; border-radius: 35px; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(../img/sub/sub3_1_intro.jpg); position: relative; overflow: hidden; height: 320px;}
.sub3_1 .top_visual .visu-text {position: absolute;z-index: 0;top: 0;left: 50%;transform: translateX(-50%);width: 100%;font-size: clamp(26px, 3.4vw, 50px);font-weight: 900;text-shadow: 0px 0px 20px rgba(10, 10, 10, .1);}
.sub3_1 .top_visual .visu-img {width: 100%;height: 320px;position: absolute;left: 50%;transform: translateX(-50%);max-width: 1400px;z-index: -1;}

.sub3_1 .list_style {width: 1200px; margin: 0 auto;}

.sub3_1 .grid {display: flex;flex-wrap: wrap;width: 100%;height: 100%;gap: 20px;justify-content: center;padding-top: 30px;}
.sub3_1 .grid.grid3 {margin: 0 auto;}
.sub3_1 .grid.grid3 > div {display:flex;gap: 9px;flex-direction: column;flex: 1 1 calc(100% / 3 - 20px);height: 100%;/* max-height: 300px; */}
.sub3_1 .grid.grid3 > div img{height:100%;object-fit: cover;}
.sub3_1 .grid.grid3 .text_box {font-size: clamp(16px,2vw,20px); border: 3px solid #04162a; border-radius: 10px; padding: 10px; min-height: 129px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.sub3_1 .grid.grid3 > .text_box > p {display: flex; align-items: center; min-height: clamp(150px, 3vw, 170px);}
.sub3_1 .grid.grid4 {
    gap: 0 20px;
}
.sub3_1 .grid.grid4 > div {display:flex; gap: 9px; flex-direction: column; flex: 1 1 calc(100% / 4 - 20px);}
.sub3_1 .grid.grid4 .text_box {font-size: clamp(16px,2vw,20px);border-radius: -5px;padding: 10px;min-height: clamp(40px,3.8vw,75px);display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
/*sub 3_1_1*/

.sub3_1_1 .text_box_wrap img { vertical-align: middle; font-size: 1em; max-width: 100%; position: relative; }
.sub3_1_1 .text_box_wrap .text_box  {padding: clamp(20px,2vw,40px);}
.sub3_1_1 .text_box h8{color:#166fd2; font-weight: 800;}

.sub3_1_1 table.tb_1 {border-top: 1px solid;border-collapse:separate;border-spacing:0;box-sizing: border-box;margin:10px 0 30px;}
.sub3_1_1 table.tb_1 th {height: 45px;  }
.sub3_1_1 table.tb_1 td {border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; text-align: center; height: 45px;} 
.sub3_1_1 table.tb_1 td:last-child{border-right: 0;}
.sub3_1_1 .text_box_wrap{flex-wrap: wrap;}
.sub3_1_1 .text_box_wrap img{width: 100%;width: calc(40%);margin-right: auto;object-fit: contain;}
.sub3_1_1 .list_style {margin-left: 10px;}




.sub3_1_1 .text_box.grid.grid3 {gap: 12px;flex-wrap: wrap; }

.sub3_1_1 .grid {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(2, auto);gap: 10px;}
.sub3_1_1 .grid img {width: 100%;height: 100%;object-fit: cover;}
.sub3_1_1 .grid img:nth-child(1), .sub3_1_1 .grid img:nth-child(3) {grid-column: span 1; margin: 0;}
.sub3_1_1 .grid img:nth-child(1), .sub3_1_1 .grid img:nth-child(2), .sub3_1_1 .grid img:nth-child(3){max-height: 440px;}
.sub3_1_1 .grid img:nth-child(2) {grid-column: span 2; margin: 0;}
.sub3_1_1 .grid img:nth-child(4) ,.sub3_1_1 .grid img:nth-child(5)  {grid-column: span 2;margin: 0;max-height: 480px;}
.sub3_1_1 .text_box_wrap .text_box:nth-child(1), .sub3_1_1 .text_box_wrap .text_box:nth-child(2) {
    justify-content: flex-start; line-height: 35px;
}
.sub3_1_1 .text_box_wrap .x-scr{/* width: 100%; */width: calc(60%);}
.sub3_1_1 .text_box_wrap .text_box.center {
    justify-content: center;
}

@media screen and (max-width:1400px) {
    .sub3_1_1 .text_box_wrap.df{flex-direction: column;}
    .sub3_1_1 .text_box_wrap img{width: 100%;margin: 0 auto;max-width: 660px;}
    .sub3_1_1 .text_box_wrap .x-scr{width: 100%;}
}

@media screen and (max-width:1200px) {
    .sub3_1_1 .grid.grid4 .text_box{flex-direction: row;}
    .sub3_1_1 .grid.grid4 .text_box{flex: 100%;}
    .sub3_1_1 .grid.grid4 .text_box .df img{width: 100%;/* max-height: 180px; */object-fit: contain;}
}

@media screen and (max-width:1024px) {
    .sub3_1_1 table > thead > tr > th{min-width: auto;}
    .sub3_1 table > thead > tr > th{min-width: auto;}
    .sub3_1_1 .grid {grid-template-columns: repeat(3, 1fr);}
    .sub3_1_1 .grid img:nth-child(2) {grid-column: span 2;}
    .sub3_1_1 .grid img:nth-child(4) {grid-column: span 2;}
    .sub3_1_1 .grid img:nth-child(5){grid-column: span 3;max-width: none;}

    .sub3_1_1 .grid img:nth-child(1), .sub3_1_1 .grid img:nth-child(2), .sub3_1_1 .grid img:nth-child(3){height: 100%;max-height: none;}
}

@media screen and (max-width:768px) {
    .sub3_1_1 .text_box_wrap .text_box br{display: none;}
    .sub3_1 .text_box_wrap .text_box br{display: none;}

    .sub3_1_1 .grid img{max-height: 280px !important;}
}

@media screen and (max-width:500px) {
    .sub3_1_1 table.tb_1 {overflow-x:scroll ;}
    .sub3_1_1 table > thead > tr > th{min-width: 120px;}
    .sub3_1_1 .table {overflow: scroll;position: relative;}
    .sub3_1_1 .x-scr-view{background: url(../img/sub/swipe.png) no-repeat top 160px center rgba(255, 255, 255, .8);display: block;padding-top: 30px;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 98;}

    .sub3_1_1 .grid img{max-height: 220px !important;}
}



@media (max-width: 1024px) {

}

@media (max-width: 768px) {
    .sub3_1_1 .grid img:nth-child(1){grid-column: span 1;}
    .sub3_1_1 .grid img:nth-child(2){grid-column: span 1;}
    .sub3_1_1 .grid img:nth-child(3){grid-column: span 1;}
    .sub3_1_1 .grid img:nth-child(4){grid-column: span 1;}
    .sub3_1_1 .grid img:nth-child(5){grid-column: span 1;}
    .sub3_1_1 .grid img{max-height: 300px;object-fit: cover;width: 100%;}
    .sub3_1_1 .grid {
        grid-template-columns: repeat(1, 1fr); /* 1열로 변경 */
        gap: 10px 0;
        width: 100%;
    }

    .sub3_1_1 .grid img {
        grid-column: span 1;
    }
}









/* sub3_1_2 */
@media screen and (max-width:768px) {
.sub3_1_2 .text_box_wrap .text_box.dark br{display: none;}

}

/* sub3_1_3 */
.sub3_1_3 table.tb_1 {border-top: 2px solid;border-collapse:separate;border-spacing:0; box-sizing: border-box; width: 100%;margin:10px 0 30px;}
.sub3_1_3 table.tb_1 th {height: 45px;  }
.sub3_1_3 table.tb_1 td {border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; text-align: center; height: 45px;} 
.sub3_1_3 table.tb_1 td:last-child{border-right:none;} 
.sub3_1_3 .text_box_wrap > div {width: 100%;}

.sub3_1_3 .text_box.grid.grid3 {gap: 12px;flex-wrap: wrap; }

.sub3_1_3 .grid {display: grid;grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(2, auto);gap: 10px;}
.sub3_1_3 .grid img {width: 100%;height: 100%; }
.sub3_1_3 .grid img:nth-child(1),.grid img:nth-child(3),.grid img:nth-child(4),.grid img:nth-child(5) {grid-column: span 1;}
.sub3_1_3 .grid img:nth-child(2),
.sub3_1_3 .grid img:nth-child(6),
.sub3_1_3 .grid img:nth-child(7) {grid-column: span 2; }

@media screen and (max-width:1024px) {
    .sub3_1_3 .grid img{}
}

@media screen and (max-width:768px) {
    .sub3_1_3 .text_box_wrap .text_box.dark br{display: none;}
    
    .sub3_1_3 .grid img{max-height: 280px;}
}

@media screen and (max-width:500px) {
    .sub3_1_3 table.tb_1 {overflow-x:scroll ;}
    .sub3_1_3 table > thead > tr > th{min-width: 120px;}
    .sub3_1_3 .table {overflow: scroll;position: relative;}
    .sub3_1_3 .grid img{max-height: 220px;width: 100%;}
}

@media screen and (max-width:346px) {
    .sub3_1_3 .x-scr-view{background: url(../img/sub/swipe.png) no-repeat top 160px center rgba(255, 255, 255, .8);display: block;padding-top: 30px;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 98;}

}

@media screen and (max-width:1200px) {
    .sub3_1_3 .grid.grid4 .text_box{flex-direction: row;}
    .sub3_1_3 .grid.grid4 .text_box{flex: 100%;}
    .sub3_1_3 .grid.grid4 .text_box .df img{width: 100%;/* max-height: 180px; */object-fit: contain;}
}

@media (max-width: 1024px) {
    .sub3_1_3 .grid {grid-template-columns: repeat(3, 1fr); }
    .sub3_1_3 .grid img:nth-child(2) { grid-column: span 2; }
    .sub3_1_3 .grid img:nth-child(6){grid-column: span 1;}
    .sub3_1_3 .grid img:nth-child(7){grid-column: span 2;}
}



@media (max-width: 768px) {
    .sub3_1_3 .grid {grid-template-columns: repeat(2, 1fr);}
    .sub3_1_3 .grid img:nth-child(2),.sub3_1_3 .grid img:nth-child(6),.sub3_1_3 .grid img:nth-child(7) {grid-column: span 1}
}

@media (max-width: 500px) {
    .sub3_1_3 .grid {grid-template-columns: 1fr;width: 100%;}
    .sub3_1_3 .grid img {grid-column: span 1;}
}



/* sub3_2_1 */
.sub3_2_1 .text_box_wrap .img img{}
.sub3_2_1 .text_box_wrap .img img{width: calc(50% / 1 - 15px);object-fit: contain;}
.sub3_2_1 .text_box_wrap > div {width: 100%;justify-content: space-between; gap: clamp(12px,2vw,20px);}
.sub3_2_1 .text_box_wrap .grid{padding: clamp(20px,2vw,30px); margin-top:-50px;}

.sub3_2_1 .box{margin-top: 0 !important;!i;!;}



@media screen and (max-width:786px) {
    .sub3_2_1 table.tb_1 {overflow-x:scroll ;}
    .sub3_2_1 table > thead > tr > th{min-width: 120px;}
    .sub3_2_1 .table {overflow: scroll;position: relative;}
    .sub3_2_1 .x-scr-view1{background: url(../img/sub/swipe.png) no-repeat top 0px center rgba(255, 255, 255, .8);display: block;padding-top: 30px;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 98;}
    .sub3_2_1 .x-scr-view2{background: url(../img/sub/swipe.png) no-repeat top 0px center rgba(255, 255, 255, .8);display: block;padding-top: 30px;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 99;background-position: center;}

    .sub3_2_1 .box:nth-child(2) .x-scr-view1{background: url(../img/sub/swipe.png) no-repeat top 160px center rgba(255, 255, 255, .8);display: block;padding-top: 30px;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 98;}
    .sub3_2_1 .box:nth-child(2) .x-scr-view2{background: url(../img/sub/swipe.png) no-repeat top 160px center rgba(255, 255, 255, .8);display: block;padding-top: 30px;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 98;}
    .sub3_2_1 .text_box_wrap .img{flex-direction: column;flex: none;width: 100%; align-content: center;}
    .sub3_2_1 .text_box_wrap .img img{width: 100%;margin-bottom: clamp(20px,3.8vw,60px);}

}


@media screen and (max-width:500px) {
.sub3_2_1 .text_box_wrap .img{flex-direction: column;flex: none;width: 100%;}
.sub3_2_1 .text_box_wrap .img img{width: 100%;  max-width: 100%; object-fit: contain;}
}

/* sub3_2_2 */

.sub3_2_2 .text_box_wrap .img img{}
.sub3_2_2 .text_box_wrap .img img{width: calc(40% / 1 - 15px); object-fit: contain;}
.sub3_2_2 .text_box_wrap .img img_1{width: calc(40% / 1 - 15px); object-fit: contain;}
.sub3_2_2 .text_box_wrap > div {width: 100%;justify-content: space-between;}

.sub3_2_2 .list_style {margin-left: 30px;}

@media screen and (max-width:786px) {
    .sub3_2_2  table.tb_1 {overflow-x:scroll ;}
    .sub3_2_2 table > thead > tr > th{min-width: 120px;}
    .sub3_2_2 .table {overflow: scroll;position: relative;}
    .sub3_2_2 .x-scr-view{background: url(../img/sub/swipe.png) no-repeat top 0px center rgba(255, 255, 255, .8);display: block;padding-top: 30px;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 98;}

    .sub3_2_2 .box:nth-child(2) .x-scr-view{background: url(../img/sub/swipe.png) no-repeat top 160px center rgba(255, 255, 255, .8);display: block;padding-top: 30px;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 98;}
}

@media screen and (max-width:786px) {
    .sub3_2_2 .text_box_wrap .img{flex-direction: column;flex: none;width: 100%; gap :60px; }
    .sub3_2_2 .text_box_wrap .img img{width: 100%;  max-width: 100%; object-fit: scale-down;}
    }


@media screen and (max-width:500px) {
    .sub3_2_2 .text_box_wrap .img{flex-direction: column;flex: none;width: 100%;}
    .sub3_2_2 .text_box_wrap .img img{width: 100%;  max-width: 100%; object-fit:contain; }
    }

    
 /* sub3_2_3 */



.sub3_2_3 .grid.grid4 { width: 100%; display: flex;flex-wrap: wrap;  gap: 22px;}
.sub3_2_3 .grid.grid4 .text_box {
    flex: 0 1 calc(100% / 2 - 15px);
    flex-direction: column;
    padding: clamp(20px,2vw,40px);
    gap: clamp(16px,2vw,24px);
    padding: clamp(20px,2vw,40px) clamp(20px,2vw,34px) 22px; margin-top:-45px;
}

.sub3_2_3 .grid.grid4 .text_box .df {gap: 14px;width: 100%;}
.sub3_2_3 .grid.grid3 .text_box .df {
    gap:20px;
}
.sub3_2_3 .grid.grid4 .text_box .df img {
    width: calc(100% / 2 - 7px);
}

.sub3_2_3 .grid.grid4 .text_box .text {
    width: 100%;
    text-align: left;
}
.sub3_2_3 .grid.grid4 .text_box .text p {
    padding-left: 22px;
    position: relative;
}

.sub3_2_3 .grid.grid4 .text_box .text p:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background: #000;
    left: 10px;
    top: 15px;
    border-radius: 100%;
    transform: translate(-50%, -50%);
}

.sub3_2_3 .grid.grid4 .text_box {
    flex: 0 1 calc(100% / 2 - 15px);
    flex-direction: column;
    padding: clamp(20px,2vw,40px);
    gap: clamp(16px,2vw,24px);
}

.sub3_3_3 .grid.grid4 .text_box .df {
    flex: 0 1 calc(100% / 2);
}
.sub3_3_3 .grid.grid3 .text_box .df {
    gap:20px;
}


.sub3_2_3 .text_box_wrap > div {width: 100%;}
.sub3_2_3 .grid.grid3 .text_box {
    border: 0;
    padding: clamp(20px,2vw,35px);
    flex: none;
    margin-top: -50px;
}

.sub3_2_3 .grid.grid3 .text_box .df {}


.sub3_2_3 .grid.grid3 .text_box .df img {
    width: calc(100% / 3 - 14px);
}
@media screen and (max-width:1024px) {
    .sub3_2_3 .grid.grid4{flex-direction: column;gap: 10px;}
}


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

    .sub3_2_3 table.tb_1 {overflow-x:scroll ;}
    .sub3_2_3 table > thead > tr > th{min-width: 120px;}
    .sub3_2_3 .table {overflow: scroll;position: relative;}
    .sub3_2_3 .x-scr-view{background: url(../img/sub/swipe.png) no-repeat top 160px center rgba(255, 255, 255, .8);display: block;padding-top: 30px;width: 100%;height: 100%;position: absolute;top: 0px;left: 0;background-position: center;z-index: 98;}

}





.sub4_1 .text_box.grid.grid3 {gap: 12px;flex-wrap: wrap;}
.sub4_2 .text_box.grid.grid4 {gap: 12px; flex-wrap: wrap;}
.sub4_3 .text_box.grid.grid3 {gap: 12px;flex-wrap: wrap;}
.sub4_3 .text_box.grid.grid4 {gap: 12px;flex-wrap: wrap;}
.sub4_3 .text_box_wrap.wr-1400 {display: flex;justify-content: center;align-items: center;}


/*sub 3_3_1*/
.sub3_3_1 table.tb_1 { margin-top: -28px; border-top: 2px solid;border-collapse:separate;border-spacing:0; box-sizing: border-box; width: 100%;margin:10px 0 30px;}
.sub3_3_1 table.tb_1 th {height: 45px;  }
.sub3_3_1 table.tb_1 td {border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; text-align: center; height: 45px;} 
.sub3_3_1 .text_box_wrap > div {width: 100%;}
.sub3_3_1 .text_box_wrap .text_box.border .text.df {display: flex !important;flex-wrap: wrap;flex-direction: column;align-items: flex-start; }
.sub3_3_1 .text_box_wrap .text_box.border {justify-content: left !important;}
.sub3_1 .sub3_3_1 .grid {display: flex;flex-wrap: nowrap;width: 100%;gap: 20px;justify-content: center;padding-top: 30px;flex-direction: column;}
.sub3_3_1 .grid.grid4 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}

.sub3_3_1 .grid.grid4 .text_box > div {
    flex: 0 1 calc(100% / 2);
}
.sub3_3_1 .grid.grid4 .text_box > img{
    flex: 0 1 calc(100% / 2);
    max-height: 200px;
    object-fit: contain;
}

.sub3_3_1 .grid.grid4 .text_box {padding: clamp(20px,2vw,40px) clamp(18px,2vw,30px);}

.sub3_3_1 .grid.grid4 .text_box .text {
    flex-wrap: wrap;
    flex-direction: column;
    height: 100%;
}

.sub3_3_1 .grid.grid4 .text_box .text li {
    list-style: none;
    padding: 0 0 0 30px;
    position: relative;
    margin-top: 15px;
    font-size: 17px;
}

.sub3_3_1 .grid.grid4 .text_box .text li:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 100%;
    top: 16px;
    left: 6px;
}
.sub3_3_1 .grid.grid4 .text_box:nth-child(3) .img.df img {
    width: 100%;
}
.sub3_3_1 .box{margin-top:40px;} 

.sub3_3_1 .text_box_wrap .text_box .img{flex: 0 1 calc(100% / 2 - 6px);gap: 14px;}
.sub3_3_1 .text_box_wrap .text_box .img img{width: calc(100% / 2 - 7px);}

.sub3_3_1 .text_box_wrap .text_box .img:nth-child(2),
.sub3_3_1 .text_box_wrap .text_box .img:nth-child(3){justify-content: flex-end;}
@media screen and (max-width:1400px) {
    .sub3_3_1 .text_box_wrap .text_box br{display: none;}
}


@media screen and (max-width:1240px) {
    .sub3_3_1 .text_box_wrap .text_box .text.df{word-break: break-all;}
}

@media screen and (max-width:1024px) {
    .sub3_3_1 .text_box_wrap .text_box{flex-direction: column;gap: 12px;}
}

@media screen and (max-width:768px) {
    .sub3_3_1.text_box_wrap .text_box {
        flex-direction: column;
        width: 100%;}

    .sub3_3_1.text_box_wrap .text_box .text {
        margin-bottom: 20px; 
    }

}

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

    .sub3_3_1 table.tb_1 {overflow-x:scroll ;}
    .sub3_3_1 table > thead > tr > th{min-width: 120px;}
    .sub3_3_1 .table {overflow: scroll;position: relative;}
    .sub3_3_1 .x-scr-view{background: url(../img/sub/swipe.png) no-repeat top 160px center rgba(255, 255, 255, .8);display: block;padding-top: 30px;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 98;}
    .sub3_3_1 .text_box_wrap .text_box .img{flex-direction: column;flex: none;width: 100%;}
    .sub3_3_1 .text_box_wrap .text_box .img img{width: 100%;}
}

@media screen and (max-width:1400px) {
    .sub3_3_1 .text_box_wrap .text_box br{display: none;}
}


@media screen and (max-width:1240px) {
    .sub3_3_1 .text_box_wrap .text_box .text.df{word-break: break-all;}
}

@media screen and (max-width:1024px) {
    .sub3_3_1 .text_box_wrap .text_box{flex-direction: column;gap: 12px;}
}

@media screen and (max-width:768px) {
    .sub3_3_1.text_box_wrap .text_box {
        flex-direction: column;
        width: 100%;}

    .sub3_3_1.text_box_wrap .text_box .text {
        margin-bottom: 20px; 
    }

}





/* sub3_3_2 */
.sub3_3_2 table.tb_1 {border-top: 1px solid;border-collapse:separate;border-spacing:0; box-sizing: border-box; width: 100%;margin:10px 0 30px;}
.sub3_3_2 table.tb_1 th {height: 45px;  background-color: #fff; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.sub3_3_2 table.tb_1 td {border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; text-align: center; height: 45px;} 
.sub3_3_2 .text_box_wrap .text_box{gap: 12px;}
.sub3_3_2 .text_box_wrap .text_box .text.df{flex: 0 1 calc(100% / 2 - 6px);}
.sub3_3_2 .text_box_wrap .text_box .img{flex: 0 1 calc(100% / 2 - 6px);gap: 14px;}
.sub3_3_2 .text_box_wrap .text_box .img img{width: calc(100% / 2 - 7px);}
.sub3_3_2 .box .under_line { margin-top: 70px;}
.sub3_3_2 .text_box_wrap > div {width: 100%;}


@media screen and (max-width:1400px) {
    .sub3_3_2 .text_box_wrap .text_box br{display: none;}
}


@media screen and (max-width:1240px) {
    .sub3_3_2 .text_box_wrap .text_box .text.df{word-break: break-all;}
}

@media screen and (max-width:1024px) {
    .sub3_3_2 .text_box_wrap .text_box{flex-direction: column;gap: 12px;}
}

@media screen and (max-width:768px) {
    .sub3_3_2.text_box_wrap .text_box {
        flex-direction: column;
        width: 100%;}

    .sub3_3_2.text_box_wrap .text_box .text {
        margin-bottom: 20px; 
    }

    .sub3_3_2 .box .under_line { margin-top: 35px;}
}

@media screen and (max-width:500px) {
    .sub3_3_2 .text_box_wrap .text_box .img{flex-direction: column;flex: none;width: 100%;}
    .sub3_3_2 .text_box_wrap .text_box .img img{width: 100%;}
    .sub3_3_2 table.tb_1 {overflow-x:scroll ;}
    .sub3_3_2 table > thead > tr > th{min-width: 120px;}
    .sub3_3_2 .table {overflow: scroll;position: relative;}
    .sub3_3_2 .x-scr-view{background: url(../img/sub/swipe.png) no-repeat top 160px center rgba(255, 255, 255, .8);display: block;padding-top: 30px;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 98;}

}
.sub3_3_2 .under_line {margin-top:70px;}
.sub3_3_2 .box{margin-top:70px;}
/* sub3_3_3 */

.sub3_3_3 .grid.grid4 { width: 100%; display: flex;flex-wrap: wrap;  gap: 22px;}
.sub3_3_3 .grid.grid4 .text_box {
    flex: 0 1 calc(100% / 3 - 15px);
    flex-direction: column;
    padding: clamp(20px,2vw,40px);
    gap: clamp(16px,2vw,24px);
}

.sub3_3_3 .grid.grid4 .text_box .df {
    flex: 0 1 calc(100% / 2);
}
.sub3_3_3 .grid.grid3 .text_box .df {
    gap:20px;
}


.sub3_3_3 .grid.grid4 .text_box .df h7 {
    padding: 0 0 clamp(12px,2vw,28px);
    line-height: normal;
}

.sub3_3_3 .under_line {margin-top:70px; margin-bottom: -43px;}


.sub3_3_3 .grid.grid4 .text_box .df p {line-height: 1.8em;}

@media screen and (max-width:1400px) {
    .sub3_3_3 .grid.grid4 .text_box .df p > br{display: none;}
    .sub3_2_2 .grid.grid4 .text_box .df p > br{display: none;}
}

@media screen and (max-width:1200px) {
    .sub3_3_3 .grid.grid4 .text_box{flex-direction: row;}
    .sub3_3_3 .grid.grid4 .text_box{flex: 100%;}
    .sub3_3_3 .grid.grid4 .text_box .df img{width: 100%;/* max-height: 180px; */object-fit: contain;}

}

@media screen and (max-width:1024px) {
    .sub3_3_3 .grid.grid4 .text_box .df p{word-break: break-all;}
}

@media screen and (max-width:768px) {
    .sub3_3_3 .grid.grid4 .text_box{flex-direction: column;}
    .sub3_3_3 .grid.grid4 .text_box .df{width: 100%;}
    .sub3_3_3 .grid.grid4 .text_box .df img{max-height: 180px; object-fit: none;}
}

/* sub3_2_3 */
.sub3_2_3 .box {width: 100%;}

.sub3_3_1 .box{width: 100%;}
.sub3_3_1 table > thead > tr > th{border-bottom: 1px solid #ddd;}

.sub3_3_3 .sub .under_line{padding-top:30px;}

@media screen and (max-width:768px) {
    .sub3_2_3 .text_box_wrap .text_box {
        flex-direction: column;
        width: 100%;}
    }

/*sub 3_4_1*/

.sub3_4_1 .text_box.dark{  display: flex; /* Flexbox 활성화 */
    flex-direction: column; /* 수직 방향 정렬 */
    align-items: center; /* 수평 중앙 정렬 */
    justify-content: center; /* 수직 중앙 정렬 */}
.sub3_4_1 .text_box_wrap .text_box .df{flex-direction: column;}
.sub3_4_1 .text_box_wrap{gap:66px;}
.sub3_4_1 .text_box_wrap .text_box { display: flex;
    justify-content: flex-start; }

.sub3_4_1 table.tb_1 {border-top: 2px solid;border-collapse:separate;border-spacing:0; box-sizing: border-box; width: 100%;margin:10px 0 30px; text-align: conter;}
.sub3_4_1 table.tb_1 th {height: 45px;text-align: center;}
.sub3_4_1 table.tb_1 th:first-child{border-bottom: 1px solid #dedede;}
.sub3_4_1 table.tb_1 td {border-right: 1px solid #dedede;border-bottom: 1px solid #dedede;text-align: center;}
.sub3_4_1 table.tb_1 td:last-child{border-right: 0;}
.sub3_4_1 table > thead > tr > th{border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}


.sub3_4_1 .text_box_wrap{margin-bottom: clamp(45px,2.8vw,66px);display: flex;flex-direction: row ;}
.sub3_4_1 .text_box_wrap > .img{flex: 0 1 calc(30%);}
.sub3_4_1 .text_box_wrap .text_box{flex: 0 1 calc(100%);}
.sub3_4_1 .text_box_wrap > div {width: 100%;   margin-bottom: 31px;}
.sub3_4_1 .text_box_wrap .grid {display: flex; /*flex-wrap: wrap;*/ width: 100%; gap: 20px;}
.sub3_4_1 .text_box_wrap .text_box .under_line {margin: 15px; min-width: 1000px;}
.sub3_4_1 .text_box_wrap .text_box .under_line > li {border-bottom: 1px solid #00000020; padding: 15px 0;}
.sub3_4_1 .text_box_wrap .text_box .under_line > li:last-child {border-bottom: none;}
.sub3_4_1 .con_info .grid.grid4 .text_box {flex: 1 1 calc(100% / 4 - 20px); min-height: 400px; display: flex; flex-direction: column; justify-content: space-around;}
.sub3_4_1 .con_info .grid.grid4 .text_box > p {display: flex; align-items: center; min-height: clamp(150px, 3vw, 170px);}
.sub3_4_1 .con_info .grid.grid4 .text_box:nth-child(2n){background: #fff;}
.sub3_4_1 .text_box_wrap > table sub-wr x-scr {width: 100%;}


.sub3_4_1 .box .menu_con {
    width: 100%;
}

.sub3_4_1 .box .menu_con .top_con {
    border-top-right-radius: 36px;
    border-top-left-radius: 36px;
    background: #06162a;
    padding: clamp(18px,2vw,26px) 0;
    text-align: center;
    font-size: clamp(18px,2vw,20px);
    color: #fff;
    margin-top: clamp(20px,2vw,40px);
    line-height: 1.6em;
}
.sub3_4_1 .obx
.sub3_4_1 .box .menu_con:last-child .top_con{margin: 0;}
.sub3_4_1 .box .menu_con .top_con .tit {
    font-weight: 700;
}

.sub3_4_1 .box .menu_con .top_con .txt {
    font-weight: 300;
}

.sub3_4_1 .box .menu_con .btm_con {
    background: #f2f3f5;
    border-bottom-right-radius: 36px;
    border-bottom-left-radius: 36px;
    padding: clamp(22px,2vw,32px) clamp(20px,2vw,30px) clamp(40px,3.4vw,66px);
    display: flex;
    justify-content: space-between;
}


@media screen and (max-width:786px) {
    .sub3_4_1  table.tb_1 {overflow-x:scroll ;}
    .sub3_4_1  table > thead > tr > th{min-width: 120px;}
    .sub3_4_1  .table {overflow: scroll;position: relative;}
    .sub3_4_1 .x-scr-view{background: url(../img/sub/swipe.png) no-repeat top 0px center rgba(255, 255, 255, .8);display: block;padding-top: 30px;width: 100%;height: 40%;position: absolute;top: 0;left: 0;z-index: 98;}

    .sub3_4_1  .box:nth-child(2) .x-scr-view{background: url(../img/sub/swipe.png) no-repeat top 160px center rgba(255, 255, 255, .8);display: block;padding-top: 30px;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 98;}
}
@media screen and (max-width:1024px) {
    .sub3_4_1 .text_box_wrap {flex-direction: column;gap: 40px; align-items: center;}
    .sub3_4_1 .box .menu_con .btm_con  {flex-direction: column;gap: 10px; align-items: center;} /*반응형 이미지 밑으로 떨구기 */
    
    }

 .sub3_4_1 .box .menu_con .under_line3_4_1 {margin-top: 50px; max-width: 1400px;margin: 0 auto;font-size: clamp(22px, 3vw, 30px);font-weight: bold;color: #04162a;text-align: center;padding-bottom: 30px;position: relative;display: flex;justify-content: center;}
 .sub3_4_1 .box .menu_con .under_line3_4_1 p::after {content: '';width: 100%;height: 3px;background-color: #04162a;display: inline-block;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
 .sub3_4_1 .box .menu_con .under_line3_4_1 p {
	width: fit-content;
	position: relative;
	padding-bottom: 30px;
}


/*sub 3_4_2*/

 

/*sub 3_4_3*/

.sub3_4_3 .text_box_wrap .grid {display: flex; flex-wrap: wrap; width: 100%; gap: 20px;}
.sub3_4_3 .text_box_wrap .grid.grid4 > .text_box {flex: 1 1 calc(100% / 4 - 20px); min-height: 400px; display: flex; flex-direction: column; justify-content: space-around;}
.sub3_4_3 .text_box_wrap .grid.grid4 > .text_box > p {display: flex; align-items: center; min-height: clamp(150px, 3vw, 170px);}

.sub3_4_3 .text_box_wrap .img_df {gap:10px;}



.sub3_4_3 .text_box_wrap .text_box{flex: 0 1 calc(100%);}
.sub3_4_3 .text_box_wrap > div {width: 100%; display: flex; gap:20px;}




/* .sub3_4_3 .text_box_wrap > .img{flex: 0 1 calc(30%);} */
.sub3_4_3 .text_box_wrap .text_box{flex: 0 1 calc(100%);}


@media screen and (max-width:1400px) {
    .sub3_4_3 .text_box_wrap .text_box br{display: none;}
}


@media screen and (max-width:1240px) {
    .sub3_4_3 .text_box_wrap .text_box .text.df{word-break: break-all;}
}

@media screen and (max-width:1024px) {
    .sub3_4_3 .text_box_wrap .grid {display: flex; /*flex-wrap: wrap;*/ width: 100%; gap: 20px; flex-direction: column;}
    .sub3_4_3 .text_box_wrap{margin-bottom: clamp(45px,2.8vw,66px);display: flex;flex-direction: row ; gap:30px; align-items:center;}

}

@media screen and (max-width:768px) {
    .sub3_4_3 .text_box_wrap .text_box {
        flex-direction: column;
        width: 100%;}

    .sub3_4_3 .text_box_wrap .text_box .text {
        margin-bottom: 20px; 
    }
}





@media screen and (max-width: 768px) {
    .sub3_1 .grid.grid3 > div {flex: 0 1 calc(100% / 2 - 20px);}
    .sub3_1 .grid.grid4 > div {flex: 0 1 calc(100% / 2 - 20px);gap: 0;}
    .sub4_2 .text_box.grid.grid4 > img {flex: 0 1 calc(100% / 2 - 12px);}
}

@media screen and (max-width: 500px) {
    .sub3_1 .grid.grid3 > div {flex: 0 1 calc(100% - 20px);}
    .sub3_1 .grid.grid4 > div {flex: 0 1 calc(100% - 20px);}
    .sub4_2 .text_box.grid.grid4 > img {flex: 0 1 calc(100% - 12px);}
}


.sub4_4 .text_box_wrap .title {background-color: #8dcd54;}
.sub4_4 .text_box_wrap .img {gap : 10px; justify-content: center; }


.sub4_1 .box .under_line{padding-bottom: 0px;}