@charset "utf-8";

/* .tmt_sub_frame > .containerV1 {max-width: 1330px;}

@media (max-width: 1360px) {
    .tmt_sub_frame > .containerV1 {padding: 0 15px;}
} */

.page_frame {
    width:100%; line-height:28px; word-break: keep-all; word-wrap: break-word;
    padding: 5em 0;
}

.page_frame :is(h1,h2,h3,h4,h5,p,span,b,li,div,small) {
    font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
}

/* p101 -----------------------------------------------------------------------*/
.p101 .p_sec1 {
    display: flex; gap: 6em; align-items: center; justify-content: space-between;
}
.p101 .p_sec1 .text_box {flex: 1;}
.p101 .p_sec1 .text_box .p_title {font-size: max(20px, 3em); font-weight: 550; color: #0068b7; margin-bottom: 0.5em; line-height: 1.4;}
.p101 .p_sec1 .text_box .p_title .color-tag {color: var(--main-color);}
.p101 .p_sec1 .text_box .text_wrap p {color: #626262; font-size: max(14px, 1.8em); line-height: 1.4;}
.p101 .p_sec1 .text_box .text_wrap > p:not(:last-child) {margin-bottom: 2em;}
.p101 .p_sec1 .text_box .text_wrap h3 {
    font-size: 1.8em; line-height: 1.2; color: #626262; display: flex; font-weight: 550;
    align-items: center; gap: 5px; margin-top: 1.8em; justify-content: end;
}
.p101 .p_sec1 .text_box .text_wrap h3 span {font-size: 1.23em;} 

@media (min-width: 768px) {
    .p101 .p_sec1 .text_box .p_title .br2 {display: none;}
}

@media (992px <= width <= 1430px) {
    .p101 .p_sec1 .text_box .p_title br {display: none;}
    .p101 .p_sec1 .text_box .text_wrap p br {display: none;}
    .p101 .p_sec1 .img {width: 50%;}
    .p101 .p_sec1 .img img {width: 100%;}
}

@media (max-width: 1430px) {
    .p101 .p_sec1 {gap: 6em;}
}

@media (max-width: 991px) {
    .p101 .p_sec1 {flex-direction: column;}
    .p101 .p_sec1 .text_box .text_wrap h3 {justify-content: end;}
}

@media (max-width: 768px) {
    .p101 .p_sec1 .text_box .p_title {text-align: center;}
    .p101 .p_sec1 .text_box .text_wrap {text-align: center;}
    .p101 .p_sec1 .text_box .text_wrap h3 {justify-content: center;}

    .p101 .p_sec1 .text_box .p_title .br1 {display: none;}
    .p101 .p_sec1 .text_box .text_wrap p br {display: none;}
}

/* p101 끝 -----------------------------------------------------------------------*/



/* p103 -----------------------------------------------------------------------*/
.p103 {padding: 3em 0;}
.p103 .p_sec1 .title_box {text-align: center; margin-bottom: 4.5em;}
.p103 .p_sec1 .title_box h3 {font-size: max(25px, 4em); font-weight: bold; color: #0068b7; line-height: 1.2; margin-bottom: 0.5em;}
.p103 .p_sec1 .title_box h5 {font-size: max(14px, 1.8em); font-weight: 400; color: #434343; line-height: 1.4;}

.p103 .p_sec1 .itemBox {position: relative;}
.p103 .p_sec1 .itemBox > .item {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 5.4em;
    grid-auto-rows: minmax(31em, auto);
}
.p103 .p_sec1 .itemBox > .item > li {
    overflow: hidden; border-radius: 2em; background: #f5f4f2; padding: 3em 2.6em;
    position: relative;
}
.p103 .p_sec1 .itemBox > .item > li > h2 {font-weight: 900; font-size: 4.5em; color: #626262; opacity: 0.3;}

@media (min-width: 769px) {
    .p103 .p_sec1 .itemBox > .item > li > h2 {position: absolute; top: 0.6666em;}
    .p103 .p_sec1 .itemBox > .item > li > img {position: absolute; bottom: 3em;}

    .p103 .p_sec1 .itemBox > .item > li:nth-child(1) > h2 {left: 0.5777em;}
    .p103 .p_sec1 .itemBox > .item > li:nth-child(2) > h2 {right: 0.5777em;}
    .p103 .p_sec1 .itemBox > .item > li:nth-child(3) > h2 {left: 0.5777em;}
    .p103 .p_sec1 .itemBox > .item > li:nth-child(4) > h2 {right: 0.5777em;}

    .p103 .p_sec1 .itemBox > .item > li:nth-child(1) > img {left: 2.6em;}
    .p103 .p_sec1 .itemBox > .item > li:nth-child(2) > img {right: 2.6em;}
    .p103 .p_sec1 .itemBox > .item > li:nth-child(3) > img {left: 2.6em;}
    .p103 .p_sec1 .itemBox > .item > li:nth-child(4) > img {right: 2.6em;}
}


.p103 .p_sec1 .itemBox .box {padding-left: 12.6em;}
.p103 .p_sec1 .itemBox .box h3 {font-size: max(23px, 3em); font-weight: 550; line-height: 1.2; color: #0068b7; margin-bottom: 0.7em;}
.p103 .p_sec1 .itemBox .box > ul > li {position: relative; font-size: max(14px, 1.8em); color: #626262; line-height: 1.3; padding-left: 1em;}
.p103 .p_sec1 .itemBox .box > ul > li:not(:last-child) {margin-bottom: 0.5em;}
.p103 .p_sec1 .itemBox .box > ul > li > span {position: relative;}
.p103 .p_sec1 .itemBox .box > ul > li > span::before {
    content: ''; position: absolute; top: 50%; left: -1em; width: 0.35em; height: 0.35em; border-radius: 50%;
    background: #0068b7; transform: translateY(-50%);
}
.p103 .p_sec1 .itemBox .box > ul > li > ul {margin-top: 0.5em;}
.p103 .p_sec1 .itemBox .box > ul > li > ul > li {
    position: relative; padding-left: 0.7em; font-size: 1em;
    color: #626262; line-height: 1.3; margin-bottom: 0.4em;
    margin-left: 0.5em;
}
.p103 .p_sec1 .itemBox .box > ul > li > ul > li > span {position: absolute; top: 0; left: 0;}

.p103 .p_sec1 .itemBox > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

@media (min-width: 1431px) {
    .p103 .p_sec1 .itemBox > .item > li:nth-child(even) .box {padding-left: 22em;}
}

@media (max-width: 1430px) {
    .p103 .p_sec1 .itemBox > img {width: 100%; max-width: 260px;}
    .p103 .p_sec1 .itemBox .box {width: fit-content; margin: 0 auto; padding: 8em 0;}
}

@media (max-width: 991px) {
    .p103 .p_sec1 .itemBox > img {mix-blend-mode: darken; top: 48%; max-width: 300px;}
}

@media (max-width: 768px) {
    .p103 .p_sec1 .itemBox > img {display: none;}
    .p103 .p_sec1 .itemBox > .item > li {display: flex; flex-direction: column; gap: 3em;}
    .p103 .p_sec1 .itemBox > .item > li > img {align-self: end;}
    .p103 .p_sec1 .itemBox > .item {grid-template-columns: repeat(1, 1fr);}
    .p103 .p_sec1 .itemBox .box {padding: 0;}
    .p103 .p_sec1 .itemBox .box h3 {text-align: center;}

}

/* p103 끝 -----------------------------------------------------------------------*/


/* p201 -----------------------------------------------------------------------*/

.p201 .t_title {
    font-weight: bold; font-size: max(25px, 4em); line-height: 1.2; 
    color: #0068b7; text-align: center; margin-bottom: 1em;
}
.p201 .text1 {font-weight: 400; font-size: max(14px, 1.8em); line-height: 1.6; color: #434343;}

.p201 > div {margin-bottom: 10em;}
.p201 .table_txt {
    display: none; font-size: 14px; color: #ff0000; line-height: 1.4;
    text-align: center; margin: 1em auto;
}

.p201 .name_style {
    overflow: hidden; border: 1px solid #b8c2dc;
    box-shadow: 0px 0px 20px 0px #b8c2dc; border-radius: 2em;
}
.p201 .name_style > h3 {
    font-size: max(18px, 2.5em); color: #000; font-weight: bold;
    line-height: 1.2;
}

.p201 .item_container .text_box {
    overflow: hidden; border-radius: 1em; width: 100%;
    background: #14358b; padding: 2.5em 15px; text-align: center;
}
.p201 .item_container .text_box > h5 {
    color: #fff; font-weight: 400; font-size: max(14px, 1.8em);
    line-height: 1.4;
}

/* p205 -----------------------------------------------------------------------*/

.p205 .t_title {
    font-weight: bold; font-size: max(25px, 4em); line-height: 1.2;
    color: #0068b7; text-align: center; margin-bottom: 1em;
}
.p205 .text1 {font-weight: 400; font-size: max(14px, 1.8em); line-height: 1.6; color: #434343;}

.p205 > div {margin-bottom: 10em;}
.p205 .table_txt {
    display: none; font-size: 14px; color: #ff0000; line-height: 1.4;
    text-align: center; margin: 1em auto;
}

.p205 .name_style {
    overflow: hidden; border: 1px solid #b8c2dc;
    box-shadow: 0px 0px 20px 0px #b8c2dc; border-radius: 2em;
}
.p205 .name_style > h3 {
    font-size: max(18px, 2.5em); color: #000; font-weight: bold;
    line-height: 1.2;
}

.p205 .item_container .text_box {
    overflow: hidden; border-radius: 1em; width: 100%;
    background: #14358b; padding: 2.5em 15px; text-align: center;
}
.p205 .item_container .text_box > h5 {
    color: #fff; font-weight: 400; font-size: max(14px, 1.8em);
    line-height: 1.4;
}



/* p_sec1 */
.p201 .p_sec1 .text_box {margin-bottom: 5.5em; text-align: center;}
.p201 .p_sec1 .img {width: fit-content; margin: 0 auto;}


/* p_sec2 */
.p201 .p_sec2 .img {width: fit-content; margin: 0 auto;}

@media (max-width: 768px) {
    .p201 .p_sec1 .img {overflow-x: auto; width: 100%; padding-bottom: 15px;}
    .p201 .p_sec1 .img img {min-width: max(730px, 78em);}

    .p201 .p_sec2 .img {overflow-x: auto; width: 100%; padding-bottom: 15px;}
    .p201 .p_sec2 .img img {min-width: max(730px, 78em);}

    .p201 .p_sec1 .table_txt, .p201 .p_sec2 .table_txt {display: block;}
}


/* p_sec3 */
.p201 .p_sec3 .itemBox {
    display: grid; grid-template-columns: repeat(4, 1fr);
    gap: 9em 7.5em;
}
.p201 .p_sec3 .itemBox > li {position: relative;}
.p201 .p_sec3 .itemBox > li > article {
    background: #14358b; display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    overflow: hidden; border-radius: 2em; 
}
.p201 .p_sec3 .itemBox > li > article > .img {overflow: hidden; border-radius: 2em; width: 100%;}
.p201 .p_sec3 .itemBox > li > article > .img img {width: 100%;}
.p201 .p_sec3 .itemBox > li > article > h5 {
    font-size: max(14px, 1.8em); color: #fff; font-weight: bold;
    line-height: 1.3; text-align: center; padding: 1em 10px;
}

.p201 .p_sec3 .itemBox > li .arrow {
    position: absolute; top: 43%; transform: translateY(-50%);
    width: 2.5em;
}
.p201 .p_sec3 .itemBox > li.arrow_none .arrow {display: none;}
.p201 .p_sec3 .itemBox > li.arrow_right .arrow {right: -50px;}
.p201 .p_sec3 .itemBox > li.arrow_left .arrow {left: -50px; transform: translateY(-50%) rotate(180deg);}
.p201 .p_sec3 .itemBox > li.arrow_under .arrow {
    top: 110%; left: 50%; transform: translate(-50%, -50%) rotate(90deg);
}
/* .p201 .p_sec3 .itemBox > li.arrow_under.item8 .arrow {top: 125%;} */

.p201 .p_sec3 .itemBox > li.name_tag span {
    text-align: center; font-size: max(14px, 1.8em); color: #434343;
    line-height: 1.3; margin-top: 1em; display: block;
}

@media (min-width: 992px) {
    .p201 .p_sec3 .itemBox > li.item5 {grid-row: 2; grid-column: 4/5;}
    .p201 .p_sec3 .itemBox > li.item6 {grid-row: 2; grid-column: 3/4;}
    .p201 .p_sec3 .itemBox > li.item7 {grid-row: 2; grid-column: 2/3;}
    .p201 .p_sec3 .itemBox > li.item8 {grid-row: 2; grid-column: 1/2;}
}

@media (max-width: 1430px) {
    .p201 .p_sec3 .itemBox {gap: 5em;}
    .p201 .p_sec3 .itemBox > li .arrow {width: 2em;}
    .p201 .p_sec3 .itemBox > li.arrow_right .arrow {right: -39px;}
    .p201 .p_sec3 .itemBox > li.arrow_left .arrow {left: -39px;}
    .p201 .p_sec3 .itemBox > li.arrow_under .arrow {top: 108%;}
}

@media (681px <= width <= 992px) {
    .p201 .p_sec3 .itemBox {grid-template-columns: repeat(3, 1fr);}
    .p201 .p_sec3 .itemBox > li.item3 .arrow {
        top: 108%; left: 50%; transform: translate(-50%, -50%) rotate(90deg);
    }

    .p201 .p_sec3 .itemBox > li.item7 .arrow {
        right: -39px; left: unset; transform: translateY(-50%) rotate(0deg);
    }

    .p201 .p_sec3 .itemBox > li.item8 .arrow {
        top: 43%; right: -39px; left: unset; 
        transform: translateY(-50%) rotate(0deg);
    }

    .p201 .p_sec3 .itemBox > li.item9 .arrow {
        top: 108%; left: 50%; transform: translate(-50%, -50%) rotate(90deg);
    }

    .p201 .p_sec3 .itemBox > li.item10 .arrow {
        top: 43%; right: unset; left: -39px; 
        transform: translateY(-50%) rotate(180deg);
    }

    .p201 .p_sec3 .itemBox > li.item10 {grid-row: 4; grid-column: 3/4;}
    .p201 .p_sec3 .itemBox > li.item11 {grid-row: 4; grid-column: 2/3;}
}

@media (max-width: 680px) {
    .p201 .p_sec3 .itemBox {grid-template-columns: repeat(2, 1fr); gap: 3em;}
    .p201 .p_sec3 .itemBox > li .arrow {display: none;}
}


/* p_sec4 */
.p201 .p_sec4 {margin-bottom: 16.7em;}
.p201 .p_sec4 .itemBox {
    display: grid; gap: 11.2em 0; width: 100%; max-width: 1330px;
    margin: 0 auto;
}
.p201 .p_sec4 .itemBox > li {display: flex; gap: 4.7em;}
.p201 .p_sec4 .item_name_box {
    width: 26.5em; height: 24.2em; background: #fff;
    display: flex; align-items: center; justify-content: center;
    text-align: center;
}

.p201 .p_sec4 .itemBox > li .item_container .img_unit {
    margin-bottom: 3.4em; display: flex; align-items: center;
}
.p201 .p_sec4 .itemBox > li .item_container .img_unit .arrow {
    margin: 0 4.5em 0 5.4em; width: 7.1em;
}


/* item_t3 */
.p201 .p_sec4 .item_t3 .item_container .img_unit {gap: 4em;}

/* item_t4 */
.p201 .p_sec4 .itemBox > li.item_t4 .item_container .img_unit {
    display: grid; grid-template-columns: repeat(2, 1fr);
    gap: 1.5em 2em;
}


/* item4 */
.p201 .p_sec4 .itemBox > li.item4 .item_container .img_unit .arrow {margin: 0 1.6em 0 2.7em;}

/* item5 */
.p201 .p_sec4 .itemBox > li.item5 .item_container .img_unit .arrow {margin: 0 3.7em 0 4.2em;}

/* item9 */
.p201 .p_sec4 .itemBox > li.item9 .item_container .img_unit .arrow {margin: 0 3.6em 0 5.3em;}

/* item10 */
.p201 .p_sec4 .itemBox > li.item10 .item_container .img_unit .arrow {margin: 0 3.6em 0 5.3em;}


@media (max-width: 1430px) {
    .p201 .p_sec4 .itemBox > li {flex-direction: column;}
    .p201 .p_sec4 .item_name_box {width: 100%; height: auto; padding: 3em 10px;}
    .p201 .p_sec4 .itemBox > li .item_container .img_unit {justify-content: center;}

    /* item_t4 */
    .p201 .p_sec4 .itemBox > li.item_t4 .item_container .img_unit {
        width: 100%; max-width: 1014px; margin: 0 auto 3.4em;
    }

    /* item6 */
    .p201 .p_sec4 .itemBox > li.item6 .item_name_box br {display: none;}

    /* item9 */
    .p201 .p_sec4 .itemBox > li.item9 .item_name_box br {display: none;}

    /* item10 */
    .p201 .p_sec4 .itemBox > li.item10 .item_name_box br {display: none;}

    /* item11 */
    .p201 .p_sec4 .itemBox > li.item11 .item_name_box br {display: none;}
}

@media (max-width: 1080px) {
    .p201 .p_sec4 .itemBox > li .item_container .img_unit {flex-direction: column; gap: 4em;}
    .p201 .p_sec4 .itemBox > li .item_container .img_unit .arrow {margin: 0; transform: rotate(90deg);}

    /* item4 */
    .p201 .p_sec4 .itemBox > li.item4 .item_container .img_unit > img:last-child {width: 100%; max-width: 545px;}
}

@media (max-width: 680px) {

    /* item_t1 */
    .p201 .p_sec4 .item_t1 .item_container .img_unit > img:last-child {width: 45.5%;}

    /* item_t4 */
    .p201 .p_sec4 .itemBox > li.item_t4 .item_container .img_unit {
        grid-template-columns: repeat(1, 1fr); width: fit-content;
    }
}


/* p_sec5 */
.p201 .p_sec5 {margin-bottom: 17.4em;}
.p201 .p_sec5 .itemBox {
    display: grid; grid-template-columns: repeat(3, 1fr);
    gap: 3em 2em;
}

.p201 .p_sec5 .itemBox > li {overflow: hidden; border-radius: 1.5em;}
.p201 .p_sec5 .itemBox > li img {width: 100%;}

@media (max-width: 900px) {
    .p201 .p_sec5 .itemBox {grid-template-columns: repeat(2, 1fr);}
}


/* p_sec6 */
.p201 .p_sec6 {margin-bottom: 12.5em;}
.p201 .p_sec6 .itemBox {
    display: grid; gap: 5.5em 0; width: 100%; max-width: 1330px;
    margin: 0 auto;
}
.p201 .p_sec6 .itemBox > li {display: flex; gap: 4.7em;}
.p201 .p_sec6 .item_name_box {
    width: 26.5em; height: 24.2em; background: #fff;
    display: flex; align-items: center; justify-content: center;
    text-align: center;
}

.p201 .p_sec6 .itemBox > li .item_container .img_unit {
    margin-bottom: 3.4em; display: flex; align-items: center;
}
.p201 .p_sec6 .itemBox > li .item_container .img_unit .arrow {
    margin: 0 3em; width: 7.1em;
}

@media (max-width: 1430px) {
    .p201 .p_sec6 .itemBox > li {flex-direction: column;}
    .p201 .p_sec6 .item_name_box {width: 100%; height: auto; padding: 3em 10px;}
    .p201 .p_sec6 .itemBox > li .item_container .img_unit {justify-content: center;}

    /* item2 */
    .p201 .p_sec6 .itemBox > li.item2 .item_name_box {display: none;}
}

@media (max-width: 1080px) {
    .p201 .p_sec6 .itemBox > li .item_container .img_unit {flex-direction: column; gap: 4em;}
    .p201 .p_sec6 .itemBox > li .item_container .img_unit .arrow {margin: 0; transform: rotate(90deg);}
}



/* p_sec7 */
.p201 .p_sec7 .itemBox1 {
    display: grid; gap: 5.5em 0; width: 100%; max-width: 1330px;
    margin: 0 auto 11.5em; 
}
.p201 .p_sec7 .itemBox1 > li {display: flex; gap: 5.5em;}
.p201 .p_sec7 .itemBox1 > li .item_name_box {
    width: 26.5em; height: 24.2em; background: #fff;
    display: flex; align-items: center; justify-content: center;
    text-align: center;
}

/* item1 */
.p201 .p_sec7 .itemBox1 > li.item1 .item_name_box {
    flex-direction: column; justify-content: space-between;
}
.p201 .p_sec7 .itemBox1 > li.item1 .item_name_box > div {
    width: 100%; height: 9.6em; display: flex; align-items: center;
    justify-content: center; text-align: center;
}

.p201 .p_sec7 .itemBox1 > li .img_unit {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 5.2em;
}


@media (max-width: 1430px) {
    .p201 .p_sec7 .itemBox1 > li {flex-direction: column;}
    .p201 .p_sec7 .itemBox1 > li .item_name_box {width: 100%; height: auto; padding: 3em 10px;}
    .p201 .p_sec7 .itemBox1 > li .img_unit {justify-content: center; width: 100%; max-width: 1008px; margin: 0 auto;}

    /* item1 */
    .p201 .p_sec7 .itemBox1 > li.item1 .item_name_box {flex-direction: unset; gap: 3em; padding: 0;}

    /* item2 */
    .p201 .p_sec7 .itemBox1 > li.item2 .item_name_box br {display: none;}
}

@media (max-width: 1080px) {
    .p201 .p_sec7 .itemBox1 > li .img_unit {
        grid-template-columns: repeat(1, 1fr); gap: 4em; justify-items: center;
    }
}


.p201 .p_sec7 .itemBox2 {
    display: grid; gap: 9.7em; width: 100%; max-width: 1215px;
    margin: 0 auto 13em; grid-template-columns: repeat(2, 1fr);
}

.p201 .p_sec7 .itemBox2 > li {
    display: flex; flex-direction: column; align-items: center; gap: 3.3em;
}

.p201 .p_sec7 .itemBox2 > li .item_name_box {
    width: 100%; max-width: 26.5em; height: 9.5em; background: #fff;
    display: flex; align-items: center; justify-content: center;
    text-align: center;
}

/* Box_t2 */
.p201 .p_sec7 .Box_t2 {grid-template-columns: repeat(3, 1fr); max-width: 1330px; gap:2em;}


@media (max-width: 1430px) {
    .p201 .p_sec7 .itemBox2 > li .item_name_box {max-width: 100%; height: auto; padding: 2em 10px;}
    .p201 .p_sec7 .itemBox2 > li .item_name_box br {display: none;}
}

@media (max-width: 991px) {
    .p201 .p_sec7 .itemBox2 {gap: 3em;}

    .p201 .p_sec7 .Box_t2 > li .item_name_box {height: 10.5em;}
}

@media (max-width: 680px) {
    .p201 .p_sec7 .itemBox2 {grid-template-columns: repeat(1, 1fr);}

    /* Box_t2 */
    .p201 .p_sec7 .Box_t2 {grid-template-columns: repeat(1, 1fr);}
    .p201 .p_sec7 .Box_t2 > li .item_name_box {height: auto;}
}


/* p201 끝 -----------------------------------------------------------------------*/





/* p202 -----------------------------------------------------------------------*/

.p202 .t_title {font-weight: bold; font-size: max(23px, 3em); line-height: 1.2; color: #0068b7; text-align: center; margin-bottom: 1em;}

.p202 > div {margin-bottom: 7em;}
.p202 table {
    --table-border-color: #999; text-align: center;
    border: 1px solid var(--table-border-color); border-bottom: none;
}
.p202 table td {
    border-bottom: 1px solid var(--table-border-color);
    font-size: max(14px, 1.8em); color: #434343; line-height: 1.3;
    padding: 0.8em 10px;
    
}
.p202 table td img {display: block; margin: 0 auto;}

.p202 table thead td {
    background: #e3e3e3; font-weight: bold;;
    line-height: 1.2; color: #000;
}
.p202 table tr td:not(:first-child) {border-left: 1px solid var(--table-border-color);}
.p202 .table_txt {
    display: none; font-size: 14px; color: #ff0000; line-height: 1.4;
    text-align: center; margin: 1em auto;
}


.p202 .p_sec1 table img {margin-bottom: 0.8em;}


@media (max-width: 991px) {
    .p202 .p_sec2 table td img {width: 100%; max-width: 130px;}
}

@media (max-width: 550px) {
    .p202 .p_sec1 .tableBox {overflow-x: auto; padding-bottom: 15px;}
    .p202 .p_sec1 .table_txt {display: block;}
    .p202 .p_sec1 table {width: 550px;}


    .p202 .p_sec2 table td img {width: 100%; max-width: 80px;}
    .p202 .p_sec2 .tableBox {overflow-x: auto; padding-bottom: 15px;}
    .p202 .p_sec2 .table_txt {display: block;}
    .p202 .p_sec2 table {width: 550px;}
}


.p202 .p_sec3 {background: #f1f1f1; padding: 6.6em 15px; max-width: 100%;}
.p202 .p_sec3 > h3 {margin-bottom: 1.3em;}
.p202 .p_sec3 .itemBox {
    display: grid; grid-template-columns: repeat(3, 1fr);
    gap: 4.2em; text-align: center; width: 100%; max-width: 1256px;
    margin: 0 auto;
}
.p202 .p_sec3 .itemBox > li > h5 {
    font-size: max(14px, 1.8em); font-weight: bold;
    line-height: 1.2; color: #000; margin-top: 1.2em;
}

@media (max-width: 991px) {
    .p202 .p_sec3 .itemBox {gap: 2em;}
}

@media (651px <= width <= 768px) {
    .p202 .p_sec3 .itemBox {grid-template-columns: repeat(2, 1fr);}
    .p202 .p_sec3 .itemBox > li:last-child {grid-column: 1/3;}
    .p202 .p_sec3 .itemBox > li img {width: 100%; max-width: 300px;}
}

@media (max-width: 650px) {
    .p202 .p_sec3 .itemBox {grid-template-columns: repeat(1, 1fr); gap: 4em;}
}


.p202 .p_sec4 > h3 {margin-bottom: 1.3em;}

.p202 .p_sec4 table {width: 100%;}
.p202 .p_sec4 table tbody > tr td {padding: 1.8em 15px;}
.p202 .p_sec4 table td {text-align: left; line-height: 1.6; text-align: center;}
.p202 .p_sec4 table thead td {line-height: 1.4;}
.p202 .p_sec4 table td > div {width: fit-content; margin: 0 auto;}
.p202 .p_sec4 table td p {width: fit-content; display: flex; gap: 3px; text-align: left;}
.p202 .p_sec4 table td p span {min-width: 4.3em;}


@media (max-width: 1270px) {
    .p202 .p_sec4 table td p br {display: none;}
    .p202 .p_sec4 table td p {flex-direction: column;}
    .p202 .p_sec4 table td p:not(:last-child) {margin-bottom: 1em;}
}

@media (max-width: 680px) {
    .p202 .p_sec4 .tableBox {overflow-x: auto; padding-bottom: 15px;}
    .p202 .p_sec4 .table_txt {display: block;}
    .p202 .p_sec4 table {width: 650px;}
}


/* p202 끝 -----------------------------------------------------------------------*/


/* p203 -----------------------------------------------------------------------*/

.p203 .text1 {
    color: #434343; font-size: max(14px, 1.8em); font-weight: 550; text-align: center;
    margin-bottom: 3em; line-height: 1.8;
}

.p203 img {display: block; margin: 0 auto;}


/* p203 끝 -----------------------------------------------------------------------*/


/* p204 -----------------------------------------------------------------------*/

.p204 .t_title {font-weight: bold; font-size: max(23px, 3em); line-height: 1.2; color: #0068b7;}
.p204 .text1 {font-weight: 400; font-size: max(14px, 1.8em); line-height: 1.6; color: #434343;}

.p204 .p_sec1 {display: flex; align-items: center; margin-bottom: 10em; gap: 6em;}
.p204 .p_sec1 .text_box > h3 {margin-bottom: 0.7em;}
.p204 .p_sec1 .text_box > h4 {
    font-size: max(16px, 2.3em); color: #000; line-height: 1.2;
    font-weight: bold; margin-bottom: 0.7em;
}
.p204 .p_sec1 .text_box > div > p:not(:last-child) {margin-bottom: 1.5em;}

.p204 .p_sec2 .title_box {text-align: center; margin-bottom: 8em;}
.p204 .p_sec2 .title_box > h3 {margin-bottom: 0.5em;}
.p204 .p_sec2 > h3 {margin-bottom: 0.8em; text-align: center;}
.p204 .p_sec2 > .itemBox {
    display: grid; grid-template-columns: repeat(4, 1fr);
    gap: 2.7em; margin-bottom: 10em;
}
.p204 .p_sec2 > .itemBox > li {
    background: #1f5d96; padding: 3em 1.5em 3.2em;
    display: flex; flex-direction: column; align-items: center;
    color: #fff; gap: 2em; text-align: center;
}
.p204 .p_sec2 > .itemBox > li > h2 {
    font-size: max(25px, 4em); color: inherit; font-weight: bold;
}
.p204 .p_sec2 > .itemBox > li > h5 {
    font-size: max(14px, 1.8em); color: inherit; font-weight: bold;
    line-height: 1.2;
}
.p204 .p_sec2 > .itemBox > li > img {width: 10.2em;}

.p204 .p_sec3 > h3 {text-align: center; margin-bottom: 1em;}
.p204 .p_sec3 > .itemBox {
    width: 100%; max-width: 1180px; margin: 0 auto;
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 6.8em;
}
.p204 .p_sec3 > .itemBox > li > div {
    margin-top: 2em; width: 100%; padding: 5px;
    background: #074b8b;
}
.p204 .p_sec3 > .itemBox > li h4 {
    font-size: max(14px, 1.8em); color: #fff; line-height: 1.3; 
    font-weight: bold; text-align: center;
}


@media (992px <= width <= 1330px) {
    .p204 .p_sec1 .text_box > div > p br {display: none;}
}

@media (max-width: 1230px) {
    .p204 .p_sec2 .title_box .text1 br {display: none;}
}

@media (max-width: 991px) {
    .p204 .p_sec1 {flex-direction: column;}
    .p204 .p_sec1 .text_box {text-align: center;}
    .p204 .p_sec2 > .itemBox {grid-template-columns: repeat(2, 1fr);}
    .p204 .p_sec3 > .itemBox {grid-template-columns: repeat(2, 1fr); max-width: 710px; gap: 3em;}
    .p204 .p_sec3 > .itemBox > li img {margin: 0 auto;}
    .p204 .p_sec3 > .itemBox > li > div {
        min-height: 6em; padding: 5px 10px;
        display: flex; align-items: center; justify-content: center;
    }
}

@media (max-width: 700px) {
    .p204 .p_sec1 .text_box > div > p br {display: none;}
}

@media (max-width: 680px) {
    .p204 .p_sec2 > .itemBox > li > h5 {height: 2.4em;}
}

/* p204 끝 -----------------------------------------------------------------------*/


/* p301 -----------------------------------------------------------------------*/
.p301 .p_sec1 {padding-bottom: 10em;}
.p301 .p_sec1 > h5 {text-align: center; color: #434343; font-size: max(14px, 1.8em); line-height: 1.8; font-weight: 550;}
.p301 .p_sec1 .item_list {
    width: 100%; max-width: 810px; margin: 5em auto 10em; 
    display: grid; grid-template-columns: repeat(2, 1fr); 
    grid-auto-rows: minmax(8em, auto); gap: 5em;
}
.p301 .p_sec1 .item_list > li {
    overflow: hidden; border-radius: 2em; color: #fff; gap: 2.4em;
    display: flex; align-items: center; justify-content: center;
}
.p301 .p_sec1 .item_list > li:nth-child(1) {background: #a0c84b;}
.p301 .p_sec1 .item_list > li:nth-child(2) {background: #55c7c8;}
.p301 .p_sec1 .item_list > li:nth-child(3) {background: #1787c6;}
.p301 .p_sec1 .item_list > li:nth-child(4) {background: #14358b;}

.p301 .p_sec1 .item_list > li:nth-child(1) img {width: 5.3em;}
.p301 .p_sec1 .item_list > li:nth-child(2) img {width: 4.7em;}
.p301 .p_sec1 .item_list > li:nth-child(3) img {width: 5.9em;}
.p301 .p_sec1 .item_list > li:nth-child(4) img {width: 4.1em;}

.p301 .p_sec1 .item_list > li span {font-size: max(16px, 2.2em); font-weight: bold;}

.p301 .p_sec1 .itemBox {
    display: grid; grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(25em, auto);
    width: 100%; max-width: 1370px; margin: 0 auto; gap: 3.5em;
}
.p301 .p_sec1 .itemBox > li {
    padding: 3em 10px 15px; overflow: hidden; 
    border-radius: 2em; border: 1px solid #b8c2dc;
    box-shadow: 5px 5px 15px 0px #b8c2dc;
}
.p301 .p_sec1 .itemBox > li .title {text-align: center; margin-bottom: 2.5em; color: #14358b;}
.p301 .p_sec1 .itemBox > li .title i {font-size: max(14px, 2em); color: inherit;}
.p301 .p_sec1 .itemBox > li .title h5 {font-size: max(16px, 2.5em); font-weight: bold; color: inherit; line-height: 1.2;}
.p301 .p_sec1 .itemBox > li > ul {
    display: flex; flex-direction: column; justify-content: center;
    align-items: center; min-height: 10em;
}
.p301 .p_sec1 .itemBox > li > ul > li {
    position: relative; width: fit-content; text-align: center;
    font-size: max(14px, 1.8em); color: #434343; font-weight: 550; line-height: 1.3;
}
.p301 .p_sec1 .itemBox > li > ul > li:not(:last-child) {margin-bottom: 0.5em;}


@media (max-width: 1430px) {
    .p301 .p_sec1 .itemBox {grid-auto-rows: minmax(28em, auto);}
    .p301 .p_sec1 .itemBox > li {padding: 3em 2.3em;}
    /* .p301 .p_sec1 .itemBox > li > ul {min-height: unset; justify-content: unset;} */
}


@media (max-width: 768px) {
    .p301 .p_sec1 .item_list {gap: 2em; margin: 5em auto 7em;}
    .p301 .p_sec1 .itemBox {grid-template-columns: repeat(1, 1fr);}
}

@media (max-width: 690px) {
    .p301 .p_sec1 > h5 br {display: none;}
}

/* p301 끝 -----------------------------------------------------------------------*/


/* 250704 _ 공통탭 추가 시작 -----------------------------------------------------------------------*/
.qtap_box .tap_box {border-bottom:1px solid #ddd;}
.qtap_box .tap_box .tap_btn {display:flex;}
.qtap_box .tap_box .tap_btn li {flex:1 1 auto;text-align:center;}
.qtap_box .tap_box .tap_btn li a {display:block;padding:0 2rem 2rem;font-weight:600;font-size:1.8rem;border-bottom:2px solid transparent;margin-bottom:-1px;}
.qtap_box .tap_box .tap_btn li.on a, .qtap_box .tap_box .tap_btn li a:is(:hover,:focus,:active) {color:#0068b7;border-color:#0068b7;}
.qtap_box .tab_content {margin-top:10rem;}
/* 250704 _ 공통탭 추가 끝 -----------------------------------------------------------------------*/