/*서브5_6*/
.sub5_6 {padding: 120px 0 0;}
.sub5_6 .con1 {background: url('/image/sub5_bg.jpg')no-repeat 50% 0;background-size: cover;padding: 120px 0;}
.sub5_6 .con1 .box {width: 100%;max-width: 1200px;margin: 0 auto; background: #fff; }
.sub5_6 .con1 .box * { word-break: keep-all; }

/* 서브5_6 article */
.sub5_6 article { position: relative; margin-top: 80px; }
.sub5_6 article:first-of-type { margin-top: 0; }
.sub5_6 article strong { display: inline-block; padding: 15px 40px; text-align: left; font-weight: 500; font-size: 28px; color: #02a99b; letter-spacing: -0.05em; line-height: 1.4; background: #213148; }
.sub5_6 article strong span { color: #fff; }
.sub5_6 article strong span.ver2 { color: #edffb9; }
.sub5_6 article strong .bbr1 { display: none; }
.sub5_6 article .contents { padding: 40px; }

/* cont1 */
.sub5_6 .cont1 .txt1 { margin-top: 20px; font-weight: 600; font-size: 40px; color: #213148; letter-spacing: -0.05em; line-height: 1.2; }
.sub5_6 .cont1 .txt1 span { color: #02a99b; }
.sub5_6 .cont1 .txt2 { margin-top: 40px; display: flex; flex-wrap: nowrap; }
.sub5_6 .cont1 .txt2 p { display: inline-block; }
.sub5_6 .cont1 .txt2 p:first-of-type { min-width: max-content; }
.sub5_6 .cont1 .txt2 p:first-of-type span { display: inline-block; margin-right: 35px; padding: 11px 5px; width: 140px; text-align: center; font-weight: normal; font-size: 18px; color: #fff; line-height: 1.55; border-radius: 100px; background: #213148; }
.sub5_6 .cont1 .txt2.ver2 p:first-of-type span { background: #02a99b; }
.sub5_6 .cont1 .txt2 p:last-of-type { padding: 13px 5px; font-weight: normal; font-size: 18px; color: #5a5a5a; line-height: 1.55; }

/* cont2 */
.sub5_6 .cont2 .table_wrap { position: relative; }
.sub5_6 .cont2 .table_wrap table { position: relative; width: 100%; border-collapse: collapse; border-spacing: 0; }
.sub5_6 .cont2 .table_wrap table th, .sub5_6 .cont2 .table_wrap table td { border-bottom: 1px solid #dedede; border-right: 1px solid #dedede;  }
.sub5_6 .cont2 .table_wrap table th:last-of-type, .sub5_6 .cont2 .table_wrap table td:last-of-type { border-right: none; }
.sub5_6 .cont2 .table_wrap table th { padding: 17px 5px; text-align: center; font-weight: 500; font-size: 18px; color: #fff; line-height: 1.2; background: #02a99b; }
.sub5_6 .cont2 .table_wrap table th.ver2 { background: #213148; } 
.sub5_6 .cont2 .table_wrap table th.ver2 br { display: none; }
.sub5_6 .cont2 .table_wrap table td { padding: 17px 5px; text-align: center; font-weight: normal; font-size: 18px; color: #000; line-height: 1.7; }
.sub5_6 .cont2 .table_wrap table td.ver2 { padding: 17px; text-align: left; color: #5a5a5a; }
.sub5_6 .cont2 .table_wrap table .ver3 td { background: #f5f5f5; }

/* cont3 */
.sub5_6 .cont3 .txt1 { text-align: center; font-weight: 500; font-size: 28px; color: #515151; letter-spacing: -0.05em; line-height: 1.4; }
.sub5_6 .cont3 .txt1 span { font-weight: 600; color: #02a99b; }
.sub5_6 .cont3 .txt2 { margin-top: 70px; text-align: center; }
.sub5_6 .cont3 .txt2 p { display: inline-block; padding: 14px 44px; text-align: center; font-weight: 600; font-size: 18px; color: #fff; border-radius: 100px; background: #213148; }
.sub5_6 .cont3 .txt3 { margin: 50px 0; text-align: center; font-weight: 500; font-size: 24px; color: #515151; line-height: 1.45; }
.sub5_6 .cont3 .txt3 span { font-weight: 600; color: #213148; }

.sub5_6 .cont3 ul { margin-top: 50px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub5_6 .cont3 ul > li { position: relative; width: 48%; padding: 70px 0; text-align: center; border-radius: 20px; background: #f3f3f3; border-radius: 20px; }
.sub5_6 .cont3 ul > li .desc1 { position: absolute; left: 50%; transform: translateX(-50%); display: inline-block; top: -25px; padding: 0 50px; height: 50px; border-radius: 100px; background: #02a99b; }
.sub5_6 .cont3 ul > li .desc1 span { position: relative; top: 50%; transform: translateY(-50%); display: block; text-align: center; font-weight: 600; font-size: 15px; color: #fff; }
.sub5_6 .cont3 ul > li .desc2 { font-weight: normal; font-size: 20px; color: #213148; line-height: 1.5; }
.sub5_6 .cont3 ul > li .desc3 { font-weight: 600; font-size: 20px; color: #213148; line-height: 1.5; }

.sub5_6 .cont3 .img_wrap { text-align: center; }
.sub5_6 .cont3 .img_wrap img { max-width: 100%; }

/* cont4 */
.sub5_6 .cont4 .txt1 { margin-top: 80px; font-weight: 600; font-size: 28px; color: #213148; letter-spacing: -0.05em; line-height: 1.2; }
.sub5_6 .cont4 .txt1.ver2 { margin-top: 20px; }
.sub5_6 .cont4 .txt1 span { color: #01a79b; }
.sub5_6 .cont4 .conbox { margin-top: 40px; display: flex; flex-wrap: nowrap; }
.sub5_6 .cont4 .conbox .left { min-width: max-content; margin-right: 30px; }
.sub5_6 .cont4 .conbox .left p { position: relative; width: 175px; height: 50px; text-align: center; background: url(/image/sub5_6_img3.png) no-repeat center/cover; }
.sub5_6 .cont4 .conbox .left p span { position: relative; top: 50%; transform: translateY(-50%); display: block; font-weight: 500; font-size: 24px; color: #fff; }
.sub5_6 .cont4 .conbox .right { position: relative; width: 100%; display: flex; flex-wrap: nowrap; }
.sub5_6 .cont4 .conbox .right .right_con { position: relative; width: 33.3333%; padding: 0 10px; }
.sub5_6 .cont4 .conbox .right .right_con > div { margin: 5px 0; display: flex; flex-wrap: nowrap; align-items: baseline; }
.sub5_6 .cont4 .conbox .right .right_con > div p { font-weight: 500; font-size: 18px; color: #4b4b4b; line-height: 1.7; }
.sub5_6 .cont4 .conbox .right .right_con > div p:first-of-type { min-width: max-content; margin-right: 10px; }
.sub5_6 .cont4 .conbox .right .right_con > div p:first-of-type img { width: 17px; }

/* cont5 */
.sub5_6 .cont5 ul { display: flex; flex-wrap: nowrap; }
.sub5_6 .cont5 ul > li { position: relative; width: 50%; }
.sub5_6 .cont5 ul .left .txtbox { position: relative; top: 50%; transform: translateY(-50%); }
.sub5_6 .cont5 ul .left .txtbox .txt1 { font-weight: 500; font-size: 28px; color: #515151; letter-spacing: -0.05em; line-height: 1.4; }
.sub5_6 .cont5 ul .left .txtbox .txt1 span { color: #02a99b; }
.sub5_6 .cont5 ul .left .txtbox .txt2 { margin-top: 40px; display: flex; flex-wrap: nowrap; }
.sub5_6 .cont5 ul .left .txtbox .txt2 p { margin-right: 35px; font-weight: normal; font-size: 18px; color: #5a5a5a; line-height: 1.55; }
.sub5_6 .cont5 ul .left .txtbox .txt2 p:first-of-type { min-width: max-content; }
.sub5_6 .cont5 ul .left .txtbox .txt2 p:first-of-type span { padding: 11px 35px; display: inline-block; text-align: center; font-weight: normal; font-size: 18px; color: #fff; border-radius: 100px; background: #213148; }
.sub5_6 .cont5 ul .left .txtbox .txt2.ver2 { margin-top: 20px; }
.sub5_6 .cont5 ul .left .txtbox .txt2.ver2 p:first-of-type span { background: #01a79b; }
.sub5_6 .cont5 ul .right img { width: 100%; }

/* cont6 */
.sub5_6 .cont6 .desc1 { margin-top: 60px; }
.sub5_6 .cont6 .desc1.ver2 { margin-top: 20px; }
.sub5_6 .cont6 .desc1 p { display: inline-block; padding-bottom: 7px; font-weight: 600; font-size: 24px; color: #434343; letter-spacing: -0.05em; line-height: 1.2; border-bottom: 2px solid #434343; }
.sub5_6 .cont6 .img_wrap { margin-top: 120px; text-align: center; }
.sub5_6 .cont6 .img_wrap img { max-width: 100%; }

.sub5_6 .cont6 .ccox { margin-top: 30px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub5_6 .cont6 .ccox > li { position: relative; width: 48%; }
.sub5_6 .cont6 .ccox > li .scr1 { font-weight: 600; font-size: 24px; color: #434343; letter-spacing: -0.05em; line-height: 1.4; }
.sub5_6 .cont6 .ccox > li .scr1 span { color: #01a79b; }
.sub5_6 .cont6 .ccox > li .bbox { margin-top: 20px; padding: 30px; background: #f5f5f5; border-radius: 20px; }
.sub5_6 .cont6 .ccox > li .bbox p { font-weight: normal; font-size: 18px; color: #5a5a5a; line-height: 1.55; }
.sub5_6 .cont6 .ccox > li .bbox p span { font-weight: 600; color: #000; }
.sub5_6 .cont6 .ccox > li .bbox .more { margin-top: 20px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub5_6 .cont6 .ccox > li .bbox .more > div { width: 48%; height: 50px; padding: 0 5px; text-align: center; background: #213148; border: 2px solid #02a99b; border-radius: 100px; }
.sub5_6 .cont6 .ccox > li .bbox .more > div span { position: relative; top: 50%; transform: translateY(-50%); display: block; text-align: center; font-weight: normal; font-size: 16px; color: #fff; line-height: 1.3; }
.sub5_6 .cont6 .ccox > li .bbox .more.ver2 > div { width: 100%; }


/* cont7 */
.sub5_6 .cont7 ul { display: flex; flex-wrap: wrap; margin: -1.5%; }
.sub5_6 .cont7 ul > li { position: relative; width: 33.3333%; padding: 1.5%; }
.sub5_6 .cont7 ul > li a { position: relative; display: block; height: 99px; text-align: center; border: 1px solid #dadada; cursor: default; pointer-events: none; }
.sub5_6 .cont7 ul > li a img { position: relative; top: 50%; transform: translateY(-50%); max-width: 95%; max-height: 95%; max-width: 100%; max-height: 100%; width: 100%; }

@media (max-width:1230px) {
    /* cont7 */
    .sub5_6 .cont7 ul > li a { height: 8.0488vw; }
}
@media (max-width:1024px) {
/*서브5_6*/
.sub5_6 {padding: 30px 0 0;}
.sub5_6 .con1 {padding: 40px 20px; }

/* 서브5_6 article */
.sub5_6 article { margin-top: 40px; }
.sub5_6 article:first-of-type { margin-top: 0; }
.sub5_6 article strong { padding: 11px 25px; font-size: 18px; }
.sub5_6 article strong .bbr1 { display: inline-block; }
.sub5_6 article .contents { padding: 20px; }

/* cont1 */
.sub5_6 .cont1 .txt1 { font-size: 22px; }
.sub5_6 .cont1 .txt2 { margin-top: 30px; }
.sub5_6 .cont1 .txt2 p:first-of-type span { margin-right: 15px; padding: 9px 5px; width: 120px; font-size: 16px; line-height: 1.4; }
.sub5_6 .cont1 .txt2 p:last-of-type { padding: 9px 5px; font-size: 16px; line-height: 1.4; }

/* cont2 */
.sub5_6 .cont2 .table_wrap table th { padding: 14px 5px; font-size: 16px; }
.sub5_6 .cont2 .table_wrap table th.ver2 br { display: inline-block; }
.sub5_6 .cont2 .table_wrap table td { padding: 14px 5px; font-size: 16px; line-height: 1.5; }
.sub5_6 .cont2 .table_wrap table td.ver2 { padding: 14px; }

/* cont3 */
.sub5_6 .cont3 .txt1 { font-size: 18px; letter-spacing: -0.04em; }
.sub5_6 .cont3 .txt2 { margin-top: 45px; }
.sub5_6 .cont3 .txt2 p { padding: 11px 34px; font-size: 17px; }
.sub5_6 .cont3 .txt3 { margin: 30px auto; max-width: 600px; font-size: 16px; }
.sub5_6 .cont3 .txt3 .br1 { display: none; }
.sub5_6 .cont3 ul { margin-top: 50px; }
.sub5_6 .cont3 ul > li { padding: 55px 0; }
.sub5_6 .cont3 ul > li .desc1 { top: -20px; padding: 0 40px; height: 40px; }
.sub5_6 .cont3 ul > li .desc2 { font-size: 17px; }
.sub5_6 .cont3 ul > li .desc3 { font-size: 17px; }

/* cont4 */
.sub5_6 .cont4 .txt1 { margin-top: 40px; font-size: 18px; }
.sub5_6 .cont4 .txt1.ver2 { margin-top: 10px; }

.sub5_6 .cont4 .conbox { margin-top: 25px; }
.sub5_6 .cont4 .conbox .left { margin-right: 20px; }
.sub5_6 .cont4 .conbox .left p { width: 140px; height: 40px; }
.sub5_6 .cont4 .conbox .left p span { font-size: 16px; }
.sub5_6 .cont4 .conbox .right { flex-wrap: wrap; }
.sub5_6 .cont4 .conbox .right .right_con { width: 50%; }
.sub5_6 .cont4 .conbox .right .right_con > div p {  font-size: 16px; line-height: 1.55; }

/* cont5 */
.sub5_6 .cont5 ul { display: block; }
.sub5_6 .cont5 ul > li { width: 100%; }
.sub5_6 .cont5 ul .left .txtbox { top: 0; transform: translateY(0); }
.sub5_6 .cont5 ul .left .txtbox .txt1 { font-size: 18px; letter-spacing: -0.04em; }
.sub5_6 .cont5 ul .left .txtbox .txt2 { margin-top: 20px; }
.sub5_6 .cont5 ul .left .txtbox .txt2 p { margin-right: 15px; font-size: 16px; }
.sub5_6 .cont5 ul .left .txtbox .txt2 p:first-of-type span { padding: 7px 25px; font-size: 16px; }
.sub5_6 .cont5 ul .left .txtbox .txt2.ver2 { margin-top: 10px; }
.sub5_6 .cont5 ul .right { margin-top: calc(20px + 1vw); }

/* cont6 */
.sub5_6 .cont6 .desc1 { margin-top: 40px; }
.sub5_6 .cont6 .desc1.ver2 { margin-top: 10px; }
.sub5_6 .cont6 .desc1 p { padding-bottom: 5px; font-size: 16px; letter-spacing: -0.04em; }
.sub5_6 .cont6 .img_wrap { margin-top: 70px; }

.sub5_6 .cont6 .ccox { margin-top: 20px; display: block; }
.sub5_6 .cont6 .ccox > li { width: 100%; }
.sub5_6 .cont6 .ccox > li:last-of-type { margin-top: calc(15px + 1vw); }
.sub5_6 .cont6 .ccox > li .scr1 { font-size: 18px; letter-spacing: -0.04em; }
.sub5_6 .cont6 .ccox > li .bbox { margin-top: 15px; padding: 20px; }
.sub5_6 .cont6 .ccox > li .bbox p { font-size: 16px; }
.sub5_6 .cont6 .ccox > li .bbox .more { margin-top: 15px; }
.sub5_6 .cont6 .ccox > li .bbox .more > div { height: 45px; }
.sub5_6 .cont6 .ccox > li .bbox .more > div span { font-size: 14px; }


/* con7 */
.sub5_6 .cont7 ul > li { width: 50%; }
.sub5_6 .cont7 ul > li a { height: 10.0488vw; }

}

@media (max-width: 767px) {
    .sub5_6 article strong { width: 100%; text-align: center; }

    /* cont4 */
    .sub5_6 .cont4 .conbox { display: block; }
    .sub5_6 .cont4 .conbox .right { display: block; margin-top: calc(15px + 1vw); }
    .sub5_6 .cont4 .conbox .right .right_con { width: 100%; padding: 0; }

/* cont3 */
.sub5_6 .cont3 .txt1 { font-size: 18px; letter-spacing: -0.04em; }
.sub5_6 .cont3 .txt2 { margin-top: 35px; }
.sub5_6 .cont3 .txt2 p { padding: 10.5px 35px; font-size: 15px; }
.sub5_6 .cont3 ul { display: block; margin-top: 40px; }
.sub5_6 .cont3 ul > li { width: 100%; padding: 45px 0; }
.sub5_6 .cont3 ul > li:last-of-type { margin-top: 40px; }
.sub5_6 .cont3 ul > li .desc1 { top: -18px; padding: 0 35px; height: 36px; }
}
@media (max-width: 624px) {
    .sub5_6 .cont1 .txt2 { display: block; }
    .sub5_6 .cont1 .txt2 p:last-of-type { padding: 0; margin-top: calc(10px + 1vw); }

    /* cont5 */
    .sub5_6 .cont5 ul .left .txtbox .txt2 { display: block; }
    .sub5_6 .cont5 ul .left .txtbox .txt2 p { margin-right: 0; }
    .sub5_6 .cont5 ul .left .txtbox .txt2 p:first-of-type span { padding: 6px 20px; font-size: 15px; }
    .sub5_6 .cont5 ul .left .txtbox .txt2 p:last-of-type { margin-top: 5px; }
    .sub5_6 .cont5 ul .left .txtbox .txt2.ver2 { margin-top: 15px; }

    
    /* cont6 */
    .sub5_6 .cont6 .ccox > li .bbox .more {display: block; }
    .sub5_6 .cont6 .ccox > li .bbox .more > div { width: 100%; height: 45px; }
    .sub5_6 .cont6 .ccox > li .bbox .more > div:last-of-type { margin-top: 10px; }
    
}

.sub5_6 .imgwrap { text-align: center; }
.sub5_6 .imgwrap img { max-width: 100%; }