/* sub3_1 */
.sub3_1 .mv_wrap { position: relative; padding-bottom: 56.25%; overflow: hidden; }
.sub3_1 .mv_slick2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.sub3_1 .mv_slick2 .slick-list,
.sub3_1 .mv_slick2 .slick-track,
.sub3_1 .mv_slick2 .slick-slide,
.sub3_1 .mv_slick2 .slick-slide > div
{ height: 100%; }
.sub3_1  .mv_slick2 .cont { position: relative; height: 100%; }
.sub3_1  .mv_slick2 .cont iframe { width: 100%; height: 100%; }

.sub3_1 .mv_slick2 .slick-dots { z-index: 10; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; flex-wrap: nowrap; justify-content: center; }
.sub3_1 .mv_slick2 .slick-dots li { margin: 0 5px; width: 12px; height: 12px; background-color: transparent; border: 1px solid #fff; border-radius: 50%; cursor: pointer; }
.sub3_1 .mv_slick2 .slick-dots li button { display: none; }
.sub3_1 .mv_slick2 .slick-dots li.slick-active { background-color: #fff; }

.sub3_1 .sub_info .descbox b span { color: #000; }
.sub3_1 .sub_info .descbox b span.color1 { color: #063972; }

/* contents1 */
.sub3_1 .contents1 { margin-top: 40px; overflow: hidden; background: url(/image/sub/sub3/sub3_1_img1.jpg) no-repeat center/cover; background-position: top center; background-size: 100% auto; }
.sub3_1 .contents1 ul { display: flex; flex-wrap: nowrap; }
.sub3_1 .contents1 ul .left { position: relative; width: 50%; }
.sub3_1 .contents1 ul .right { position: relative; width: 50%; padding-left: 30px; }

.sub3_1 .contents1 ul .left .scr1 { font-size: 55px; color: #063972; line-height: 1.2; letter-spacing: -0.01em; }
.sub3_1 .contents1 ul .left .scr1 b { font-weight: 700; }
.sub3_1 .contents1 ul .left .scr2 { display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 55px; font-size: 18px; color: #333; line-height: 1.34; letter-spacing: -0.01em; }
.sub3_1 .contents1 ul .left .scr2 * { font-size: inherit; color: inherit; line-height: inherit; letter-spacing: inherit; }
.sub3_1 .contents1 ul .left .scr2 > div { width: 48%; padding-left: 11px; border-left: 1px solid #063972; }

.sub3_1 .contents1 .scr3 { font-family: 'JejuMyeongjo'; font-weight: bold; font-size: 20px; color: #0a0a0a; letter-spacing: -0.01em; line-height: 1.5; }
.sub3_1 .contents1 .scr4 { font-size: 18px; color: #333; letter-spacing: -0.01em; line-height: 1.5; }
.sub3_1 .contents1 .scr4 span { text-decoration: underline; }
.sub3_1 .contents1 .scr5 { margin-top: 45px; font-family: 'JejuMyeongjo'; font-size: 28px; color: #212121; letter-spacing: -0.01em; line-height: 1.35; }
.sub3_1 .contents1 .scr5 span { color: #063972; }

.sub3_1 .contents1 ul .right .imgbox { position: relative; width: calc(50vw - 30px); padding-top: 30px; background-color: #f1f0ec; border-radius: 100vw 0 0 100vw; overflow: hidden; text-align: center; }
.sub3_1 .contents1 ul .right .imgbox .img2 { width: auto; height: auto; max-width: 80%; max-height: 80%; }

/* contents2 */
.sub3_1 .contents2 { margin-top: 80px; padding-top: 80px; background: url(/image/sub/sub3/sub3_1_img3.jpg) no-repeat center/cover; background-position: top center; background-size: 100% auto; }

/* contents3 */
.sub3_1 .contents3 { margin-top: 40px; }

.sub3_1 .contents3 .text1 { display: block; text-align: center; font-weight: 600; font-size: 22px; color: #063972; line-height: 1.45; }
.sub3_1 .contents3 .text1 * { font-weight: inherit; font-size: inherit; color: inherit; line-height: inherit; }
.sub3_1 .contents3 .text1 .textbox { display: inline-block; padding: 22px 52px; background-color: #ecece6; border-radius: 100px; text-align: left; }
.sub3_1 .contents3 .text1 .textbox dl { display: flex; flex-wrap: nowrap; }
.sub3_1 .contents3 .text1 .textbox dl:nth-of-type(n + 2) { margin-top: 7px; }
.sub3_1 .contents3 .text1 .textbox dl dt { min-width: max-content; }
.sub3_1 .contents3 .text1 .textbox dl dt .img1 { display: inline-block; margin-right: 10px; width: 24px; }

/* contents4 */
.sub3_1 .contents4 { position: relative; }
.sub3_1 .contents4 ul { display: flex; flex-wrap: nowrap; align-items: center; background-color: #95867f; }
.sub3_1 .contents4 ul > li { width: 50%; }
.sub3_1 .contents4 ul > li .scrbox { padding: 50px; text-align: left; height: 100%; }
.sub3_1 .contents4 ul > li .scrbox .scr1 { font-weight: 700; font-size: 40px; color: #fff; line-height: 1.35; }
.sub3_1 .contents4 ul > li .scrbox .scr2 { font-size: 18px; color: #fff; line-height: 1.55; }
.sub3_1 .contents4 ul > li .scrbox .scr2 * { font-size: inherit; color: inherit; line-height: inherit; }
.sub3_1 .contents4 ul > li .scrbox .scr2 dl { display: flex; flex-wrap: nowrap; }
.sub3_1 .contents4 ul > li .scrbox .scr2 dl:nth-of-type(n + 2) { margin-top: 7px; }
.sub3_1 .contents4 ul > li .scrbox .scr2 dl dt { min-width: max-content; }
.sub3_1 .contents4 ul > li .scrbox .scr2 dl dt .img1 { display: inline-block; margin-right: 10px; width: 24px; }
.sub3_1 .contents4 ul > li .scrbox .bar { display: inline-block; margin: 10px 0 15px; width: 40px; height: 1px; background-color: #d9d6d5; }
.sub3_1 .contents4 ul > li .imgbox img { width: 100%; }

/* contents5 */
.sub3_1 .contents5 ul { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub3_1 .contents5 ul li { width: 30%; background-color: #063972; border: 1px solid #c6c6c6; text-align: center; }
.sub3_1 .contents5 ul li .imgbox { position: relative; background-color: #fff; }
.sub3_1 .contents5 ul li .imgbox .img1 { width: 100%; }
.sub3_1 .contents5 ul li .imgbox .num { z-index: 3; position: absolute; left: 50%; transform: translateX(-50%); width: 26px; bottom: -13px; }
.sub3_1 .contents5 ul li .scrbox { padding: 30px 13px 22px; }
.sub3_1 .contents5 ul li .scrbox .scr1 { position: relative; padding-bottom: 10px; margin-bottom: 10px; font-weight: 600; font-size: 22px; color: #fff; line-height: 1.35; letter-spacing: -0.025em; }
.sub3_1 .contents5 ul li .scrbox .scr1::after { display: block; content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 20px; height: 1px; background-color: #fff; }
.sub3_1 .contents5 ul li .scrbox .scr2 { font-size: 18px; color: #fff; line-height: 1.55; letter-spacing: -0.025em; }


/* imgcont */
.sub3_1 .imgcont { margin-top: 60px; text-align: center; }
.sub3_1 .imgcont .img2 { width: 750px; }
.sub3_1 .imgcont .img3 { width: 460px; }
.sub3_1 .imgcont .img4 { width: 500px; }

@media (max-width: 1660px) {
    /* contents3 */
    .sub3_1 .contents3 .text1 .textbox dl dt .img1 { margin-right: 8px; width: 22px; }

    /* contents4 */
    .sub3_1 .contents4 ul > li .scrbox { padding: 45px; }
    .sub3_1 .contents4 ul > li .scrbox .scr2 dl dt .img1 { width: 22px; margin-right: 8px; }
    .sub3_1 .contents4 ul > li .scrbox .bar { margin: 10px 0 13px; width: 36px; }

    /* contents5 */
    .sub3_1 .contents5 ul li .scrbox { padding: 25px 11px 20px; }

    /* imgcont */
    .sub3_1 .imgcont .img1 { max-width: 80%; }
    .sub3_1 .imgcont .img2 { width: calc(300px + 20vw); }
    .sub3_1 .imgcont .img3 { width: calc(200px + 9vw); }
    .sub3_1 .imgcont .img4 { width: calc(250px + 13vw); }
}
@media (max-width: 1440px) {
    /* contents3 */
    .sub3_1 .contents3 .text1 .textbox dl dt .img1 { margin-right: 7px; width: 20px; }

    /* contents4 */
    .sub3_1 .contents4 ul > li .scrbox { padding: 40px; }
    .sub3_1 .contents4 ul > li .scrbox .scr2 dl dt .img1 { width: 20px; margin-right: 7px; }
    .sub3_1 .contents4 ul > li .scrbox .bar { margin: 10px 0; width: 33px; }

    /* contents5 */
    .sub3_1 .contents5 ul li .scrbox { padding: 20px 10px; }

    /* imgcont */
    .sub3_1 .imgcont .img2 { width: calc(250px + 16vw); }
}
@media (max-width: 1279px) {
    /* contents4 */
    .sub3_1 .contents4 ul > li .scrbox { padding: 30px; }
    .sub3_1 .contents4 ul > li .scrbox .scr1 { font-weight: 600; }
    .sub3_1 .contents4 ul > li .scrbox .bar { width: 30px; }

    /* contents5 */
    .sub3_1 .contents5 ul { flex-wrap: wrap; margin: 0 auto; max-width: 500px; }
    .sub3_1 .contents5 ul li { width: 48%; }
    .sub3_1 .contents5 ul li:nth-of-type(n + 3) { margin-top: 4%; }
    .sub3_1 .contents5 ul li .scrbox { padding: 17px 8px; }
    .sub3_1 .contents5 ul li .scrbox .scr1 { font-weight: 500; }

    /* imgcont */
    .sub3_1 .imgcont .img2 { width: calc(220px + 14vw); }
}
@media (max-width: 1023px) {
    
    /* contents1 */
    .sub3_1 .contents1 ul { display: block; }
    .sub3_1 .contents1 ul .left { width: 100%; }
    .sub3_1 .contents1 ul .right { width: 100%; padding-left: 0; margin-top: 20px; }

    .sub3_1 .contents1 ul .left .scr1 .br1 { display: none; }
    .sub3_1 .contents1 ul .left .scr2 > div { padding-left: 10px; }

    .sub3_1 .contents1 .scr3 { margin-top: 20px; }

    .sub3_1 .contents1 ul .right .imgbox { width: 100%; padding: 20px; padding-bottom: 0; border-radius: 15px; }
    .sub3_1 .contents1 ul .right .imgbox .img2 { width: 100%; max-width: 250px; max-height: inherit; }

    /* contents3 */
    .sub3_1 .contents3 .text1 .textbox dl dt .img1 { width: 18px; }

    /* contents4 */
    .sub3_1 .contents4 ul { flex-wrap: wrap; flex-direction: column-reverse; }
    .sub3_1 .contents4.ver2 ul { flex-direction: column; }
    .sub3_1 .contents4 ul > li { width: 100%; }
    .sub3_1 .contents4 ul > li .scrbox { padding: 20px; }
    .sub3_1 .contents4 ul > li .scrbox .scr1 br { display: none; }
    .sub3_1 .contents4 ul > li .scrbox .scr2 br { display: none; }
    .sub3_1 .contents4 ul > li .scrbox .scr2 dl dt .img1 { width: 18px; }

    /* contents5 */
    .sub3_1 .contents5 ul li .scrbox { padding: 15px 7px; }

    /* imgcont */
    .sub3_1 .imgcont .img3 { width: calc(180px + 8vw); }
}
@media (max-width: 767px) {
    /* contents3 */
    .sub3_1 .contents3 .text1 .textbox { border-radius: 15px; }

    /* contents4 */
    .sub3_1 .contents4 ul > li .scrbox { padding: 15px; }
    .sub3_1 .contents4 ul > li .scrbox .scr1 { font-weight: 500; }
}
@media (max-width: 624px) {
    /* contents1 */
    .sub3_1 .contents1 ul .right .imgbox .img2 { max-width: 200px; }
}
@media (max-width: 524px) {
    /* contents1 */
    .sub3_1 .contents1 ul .left .scr2 { display: block; }
    .sub3_1 .contents1 ul .left .scr2 > div { width: 100%; padding-left: 8px; }

    /* contents5 */
    .sub3_1 .contents5 ul { display: block; }
    .sub3_1 .contents5 ul li { width: 100%; display: flex; flex-wrap: nowrap; align-items: center; }
    .sub3_1 .contents5 ul li:nth-of-type(n + 3) { margin-top: initial; }
    .sub3_1 .contents5 ul li:nth-of-type(n + 2) { margin-top: 20px; }
    .sub3_1 .contents5 ul li .imgbox { width: 200px; min-width: 200px; }
    .sub3_1 .contents5 ul li .scrbox { padding: 15px; width: 100%; text-align: left; }
    .sub3_1 .contents5 ul li .scrbox .scr1::after { left: initial; transform: translateX(0); }
    .sub3_1 .contents5 ul li .scrbox .scr1 br { display: none; }
    .sub3_1 .contents5 ul li .scrbox .scr2 br { display: none; }

    .sub3_1 .contents5 ul li { align-items: initial; }  
    .sub3_1 .contents5 ul li .imgbox { width: 140px; min-width: 140px; }
    .sub3_1 .contents5 ul li .imgbox .img1 { display: none; }
    .sub3_1 .contents5 ul li:nth-of-type(1) .imgbox { background: url(/image/sub/sub3/sub3_1_l1.jpg) no-repeat center/cover; }
    .sub3_1 .contents5 ul li:nth-of-type(2) .imgbox { background: url(/image/sub/sub3/sub3_1_l2.jpg) no-repeat center/cover; }
    .sub3_1 .contents5 ul li:nth-of-type(3) .imgbox { background: url(/image/sub/sub3/sub3_1_l3.jpg) no-repeat center/cover; }

    /* imgcont */
    .sub3_1 .imgcont .img1 { max-width: 100%; }
}
@media (max-width: 460px) {
    /* contents3 */
    .sub3_1 .contents3 .text1 .textbox { border-radius: 10px;}
}
@media (max-width: 380px) {
    /* contents5 */
    .sub3_1 .contents5 ul li { display: block; background: #063972 !important; }
    .sub3_1 .contents5 ul li .imgbox { width: 100%; min-width: initial; }
    .sub3_1 .contents5 ul li .imgbox .img1 { display: inline-block; width: 100%; }
}