/* system popup */
.main__popup-wrap {position: absolute; top: 20px; left: 5%; max-width: 785px; z-index: 1000;}
.main__popup-inner .img-wrap {width: 100%;}
.main__popup-inner .img-wrap img {width: 100%; display:block;}
.state-wrap {display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; background: #17469d;}
.state-wrap > label > * {vertical-align: middle; cursor: pointer;}
.state-wrap > label > span {color:#fff;}
.main__popup-close {display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 40px; border-radius: 10px; background: #020403; font-weight: 600; font-size: 16px; color: #fff; cursor:pointer;}

@media only screen and (max-width:1150px) {
    .main__popup-wrap {max-width: 485px;}
}
@media only screen and (max-width:768px) {
    .main__popup-wrap {max-width: 100%; width: 80%;}
}

.main-wrap {}
.main-title {margin-bottom: 60px; font-family: 'NanumSquare'; font-weight: 800; font-size: 44px; color: #111;}
.main-title.type-white {color: #fff;}
.family__slide-wrap {padding-top: 50px;}
.more {display: inline-block; position: relative; padding-right: 25px; font-family: 'NanumSquare'; font-weight: 400; font-size: 16px; color: #111;}
.more_btn {position: absolute; right: 0; width: 14px; height: 14px; transition: all ease .5s;}
.more:hover .more_btn, .more:focus .more_btn {transform: rotate( 180deg );}
.more_btn:before {content: ''; display: inline-block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 2px; height: 14px; background: #666;}
.more_btn:after {content: ''; display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 14px; height: 2px; background: #666;}
.more.type-white {color: #fff;}
.more.type-white .more_btn:before, .more.type-white .more_btn:after {background: #fff;}

@media only screen and (max-width:1150px) {
    .main-title {margin-bottom: 40px; font-size: 32px;}
}
@media only screen and (max-width:768px) {
    .main-title {margin-bottom: 30px; font-size: 24px;}
}
/* section 01 */
.section1 {
    position: relative;
    display: flex;              /* 명시 */
    flex-direction: column;     /* 핵심 */
    padding-top: var(--comp-topmenu);
    overflow: hidden;
    /*justify-content: flex-start !important;*/
}

.section1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 55vh;   /* % ❌ → vh ⭕ */
    max-height: 520px; /* 선택 */
    z-index: 0;

    background:
            url('../../../../images/egovframework/com/front/main/main_page_bg_5.webp')
            no-repeat center top / cover,

            linear-gradient(
                    90deg,
                    #282B5B 0%,
                    #1D365F 18.84%,
                    #004974 33.4%,
                    #005077 76.25%,
                    #1C2141 100%
            );
}

.section1 > * {
    position: relative;
    z-index: 2;
}

.section1 .fp-overflow {
    min-height: 100vh !important;
}

.section1-top {
    position: relative;
    height: 55vh;
    max-height: 520px;
}

/* header 제외한 중앙 */
.section1-top .text {
    position: absolute;
    top: calc((100% - var(--comp-topmenu)) / 2 + var(--comp-topmenu));
    left: 50%;
    transform: translate(-50%, -50%);
}

.section1-bottom {
    margin-top: 20px;
}

/* 로고 스타일 */
.section1 .text .main-logo {
    display: block;
    margin: 0 auto;
    max-width: 600px;
    height: auto;
}

.section1 .description-title-wrap {
    text-align: center;
    font-size: 28px;
    font-weight: 550;
    color: #7E064F;
}

.section1 .description-wrap {
    padding: 20px;
}

.section1 .description-text {
    font-family: 'NanumSquare';
    font-size: 20px;
    font-weight: 800;
    line-height: 1.8;
    color: #0a426d;
    text-align: center;
    letter-spacing: -0.05em;
}

.section1 .description-detail-wrap {
}

.section1 .description-detail-wrap .inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.section1 .description-detail {
    background-color: #f5f7f9;
    border-radius: 8px;
    max-width: 970px;
    padding: 25px 30px;
}

.section1 .description-detail.en {
    max-width: 1500px;
}

.section1 .description-detail-wrap .detail-item {
    margin: 0;
    padding-left: 1.2em;
    text-indent: -1.2em;
    line-height: 1.75;
    color: #333;
    font-size: 17px;
    font-weight: 400;
}

.section1 .description-detail-wrap .detail-item.en {
    line-height: 1.6;
}


.section1 .description-detail-wrap .detail-item + .detail-item {
    margin-top: 16px;
}

.section1 .link-wrap {
    display: none;
    position: relative;
    align-items: center;
    height: 124px;
    border-radius: 15px;
    background: url('../../../../images/egovframework/com/front/main/section01_link_bg.png') no-repeat center;
    background-size: 100%;
    box-shadow: 5px 0px 20px 7px rgba(23, 26, 50, 0.1);
}
@media only screen and (max-width:1150px) {
    .section1 .description-text {
        font-size: 18px;
        padding: 0 20px;
    }
}

@media only screen and (max-width:768px) {
    .section1 .text {
        padding: 40px 0;
    }

    .section1 .text .main-logo {
        max-width: 400px;
    }

    .section1 .description-wrap {
        padding:20px;
    }

    .section1 .description-text {
        font-size: 16px;
        line-height: 1.6;
        padding: 0 15px;
    }
}


@media only screen and (max-width:1600px) {
    .section1 .link-wrap {padding-right: 0;}
    .section1 .link-wrap:after {left: 25%;}
}
@media only screen and (max-width:1400px) {
    .section1 .link-inner {gap: 20px;}
    .section1 .link-inner a span {padding-left: 50px;}
    .section1 .link-inner a span:before {top: -12px; width: 40px; height: 41px;}
}

/* section 02 */
.section2 {padding: 100px 0; background: #e5ecf8 url('../../../../images/egovframework/com/front/main/section02_bg.png') no-repeat bottom 130px center;}
.section2-inner {display: flex; gap: 20px;}
.section2-content {overflow: hidden; display: inline-flex; flex-direction: column; width: calc( (100% - 60px ) / 4); border: 1px solid transparent; border-radius: 20px; font-size: 0; box-sizing: border-box;}
.section2-content.type1:hover {border-color: #306bcb; box-shadow: 8px 8px 13px 13px rgba(23, 26, 50, 0.11);}
.section2-content.type2:hover {border-color: #19114d; box-shadow: 8px 8px 13px 13px rgba(23, 26, 50, 0.11);}
.section2-content.type3:hover {border-color: #38b8b4; box-shadow: 8px 8px 13px 13px rgba(23, 26, 50, 0.11);}
.section2-content.type4:hover {border-color: #fc5e05; box-shadow: 8px 8px 13px 13px rgba(23, 26, 50, 0.11);}
.section2-content .img-wrap {display: flex; align-items: center; justify-content: center; position: relative;}
.section2-content .img-wrap .category {position: absolute; display: inline-flex; top: 23px; left: 23px; align-items: center; justify-content: center; width: 126px; height: 47px; border-radius: 7px; font-family: 'NanumSquare'; font-weight: 700; font-size: 16px; color: #fff;}
.section2-content.type1 .img-wrap .category {background: #306bcb;}
.section2-content.type2 .img-wrap .category {background: #19114d;}
.section2-content.type3 .img-wrap .category {background: #38b8b4;}
.section2-content.type4 .img-wrap .category {background: #fc5e05;}
.section2-content .img-wrap img {max-height: 263px;}
.section2-content .text-wrap {display: flex; flex: 1; flex-direction: column;; padding: 25px 37px 28px; background: #fff;}
.section2-content .text-wrap .title {font-family: 'NanumSquare'; font-weight: 700; font-size: 26px; color: #222; line-height: 32px;}
.section2-content .text-wrap .text {margin-top: 25px; font-family: 'NanumSquare'; font-weight: 700; font-size: 16px; color: #999; line-height: 24px;}
.section2-content .link-wrap {margin-top: auto;}
.section2-content .link-wrap .sub_text {margin-top: 35px; font-family: 'NanumSquare'; font-weight: 400; font-size: 12px; color: #888; letter-spacing: -0.04em;}
.section2-content .section02_link {display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 60px; margin-top: 25px; border-radius: 7px; font-family: 'NanumSquare'; font-weight: 700; font-size: 20px; color: #fff;}
.section2-content.type1 .section02_link {background: #306bcb url('../../../../images/egovframework/com/front/main/section02_arrow.png') no-repeat center right 30px;}
.section2-content.type2 .section02_link {background: #19114d url('../../../../images/egovframework/com/front/main/section02_arrow.png') no-repeat center right 30px;}
.section2-content.type3 .section02_link {background: #38b8b4 url('../../../../images/egovframework/com/front/main/section02_arrow.png') no-repeat center right 30px;}
.section2-content.type4 .section02_link {background: #fc5e05 url('../../../../images/egovframework/com/front/main/section02_arrow.png') no-repeat center right 30px;}


.emptyWrap {height: 100%;}
.emptyWrap img {height: 100%;}
.emptyWrap.-edu > p.text {top: 50%; min-height: 84px; height: auto; transform: translateY(-50%);}

@media only screen and (max-width:1150px) {
    .section2-inner {flex-wrap: wrap; gap: 30px;}
    .section2-content {width: calc( (100% - 30px) / 2 );}
    
    /* .emptyWrap.-edu {width:100%;}
    .emptyWrap.-edu > p.text {position: relative;top: 0;height: auto;margin: 85px 0 20px;} */

    .emptyWrap.-edu {width:100%;}
    .emptyWrap.-edu > p.text {height: auto;margin: 85px 0 20px;}
    .section2-content .img-wrap img {width: 100%;}
    
    .emptyWrap.-edu > p.text {margin: 0 !important;}
}
@media only screen and (max-width:768px) {
    .section2 {padding: 50px 0;}
    .section2-inner {gap: 15px;}

    .section2-content .img-wrap {height: 170px;}
    
    .emptyWrap.-edu > p.text {margin: 50px 0 20px;}
    .section2-content {width: calc( (100% - 15px) / 2 );}
    .section2-content .img-wrap .category {top: 13px; left: 13px; width: 76px; height: 27px; font-size: 12px;}
    .section2-content .text-wrap {padding: 15px;}
    .section2-content .text-wrap .title {font-size: 18px; line-height: 22px;}
    .section2-content .text-wrap .text {margin-top: 15px; font-size: 14px; line-height: 20px;}
    .section2-content .link-wrap .sub_text {margin-top: 20px;}
    .section2-content .section02_link {height: 40px; margin-top: 20px; font-size: 16px;}
    
    .emptyWrap.-edu > p.text {margin: 50px 0 20px;}
}
@media only screen and (max-width:480px) {
    .section2-content {width: 100%;}
}

/* section 03 */
.section3 {padding: 100px 0; background: url('../../../../images/egovframework/com/front/main/section03_bg_left.png') no-repeat top 25px left 130px, url('../../../../images/egovframework/com/front/main/section03_bg_right.png') no-repeat bottom right -190px; background-color: #e1f3f9;}
.section3 .inner {position: relative;}
.section3__slide-wrap {position: relative;}
.section3__slide-inner {overflow: hidden;}
.section3-content {overflow: hidden; border-radius: 20px;}
.section3-content a {display: inline-flex; flex-direction: column;}
.section3-content .img-wrap {overflow: hidden; max-height: 258px; border-radius: 20px 20px 0 0;}
/* .section3-content .img-wrap img {width: 100%;} */
.section3-content .title-wrap {display: flex; flex: 1; flex-direction: column; min-height: 203px; padding: 30px 30px 35px; background: #fff; box-sizing: border-box;}
.section3-content .title {font-family: 'NanumSquare'; font-weight: 700; font-size: 26px; color: #222; line-height: 32px; letter-spacing: -0.05em;}
.section3-content .date {margin-top: auto; font-family: 'NanumSquare'; font-weight: 700; font-size: 20px; color: #666; letter-spacing: -0.05em;}
.section3__slide-prev {display: inline-block; position: absolute; top: 50%; left: -32px; transform: translateY(-50%); z-index: 2;}
.section3__slide-next {display: inline-block; position: absolute; top: 50%; right: -32px; transform: translateY(-50%); z-index: 2;}
.section3__slide-pagination {margin-top: 60px; text-align: center;}
.section3__slide-pagination .swiper-pagination-bullet {width: 12px; height: 12px; background: #c0c5c9; opacity: 1;}
.section3__slide-pagination .swiper-pagination-bullet-active {width: 40px; height: 12px; border-radius: 30px; background: #38b8b4;}
.section3__slide-pagination > .swiper-pagination-bullets .swiper-pagination-bullet,
.section3__slide-pagination.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px;}
.section3 .more {position: absolute; top: 15px; right: 0;}

@media only screen and (max-width:1150px) {
    .section3 .more {right: 30px;}
    .section3__slide-wrap {width: calc(100% - 60px); margin: 0 auto;}
}
@media only screen and (max-width:768px) {
    .section3 {padding: 50px 0;}
    .section3__slide-wrap {width: calc(100% - 30px);}
    .section3-content .title-wrap {min-height: 160px; padding: 15px 15px 20px;}
    .section3-content .title {font-size: 18px; line-height: 22px;}
    .section3-content .date {font-size: 14px;}
    .section3__slide-prev {width: 30px; height: 30px; left: -16px; transform: translateY(-100%);}
    .section3__slide-next {width: 30px; height: 30px; right: -16px; transform: translateY(-100%);}
    .section3__slide-pagination {margin-top: 30px;}
}

/* section 04 */
.section4 {padding: 103px 0 95px; background: #0a386c url('../../../../images/egovframework/com/front/main/section04_bg.png') no-repeat bottom left;}
.section4 .inner {display: flex; gap: 61px;}
.section4 .more {position: absolute; top: 15px; right: 0;}
.section4-inner {display: flex; flex-direction: column; height: 321px;}
.section4-content {height: 100%; padding: 40px; border: 1px solid #dfdfdf; border-radius: 20px; background: #fff; box-sizing: border-box;}
.section4-content .title {font-family: 'NanumSquare'; font-weight: 700; font-size: 26px; color: #222;}
.section4-content .text {font-family: 'NanumSquare'; font-weight: 700; font-size: 18px; color: #888; line-height: 28px; letter-spacing: -0.05em;}
.section4-content .text .tit {display: inline-block; position: relative; margin-right: 18px; padding-right: 18px; color: #222; vertical-align: middle;}
.section4-content .text .tit:after {content: ''; display: inline-block; position: absolute; top: 7px; right: 0; width: 1px; height: 14px; background: #cfcfcf;}
.section4 .left {position: relative; width: 67%; max-width: 1064px;}
.section4 .left .section4-content {display: flex; align-items: center;}
.section4 .left .text-wrap {width: 50%; max-width: 302px;}
.section4 .left .text {margin-top: 23px;}
.section4 .left .text-wrap a {display: inline-block; margin-top: 45px; padding-right: 18px; background: url('../../../../images/egovframework/com/front/main/section04_arrow.png') no-repeat center right; font-family: 'NanumSquare'; font-weight: 700; font-size: 16px; color: #306bcb; letter-spacing: -0.05em;}
.section4 .left .img-wrap {margin-left: auto;}
.section4 .right {position: relative; width: 31%; max-width: 475px;}
.section4 .right .text {display: flex; align-items: center; margin-top: 5px;}
.section4 .right .text:nth-child(2) {margin-top: 25px;}
.section4 .right .section4-content:nth-child(1) {padding: 30px 40px 20px; border-bottom: none; border-radius: 20px 20px 0 0;}
.section4 .right .section4-content:nth-child(2) {padding: 20px 40px 30px; border-radius: 0 0 20px 20px;}

@media only screen and (max-width:1300px) {
    .section4 .inner {gap: 30px;}
}
@media only screen and (max-width:1150px) {
    .section4 .inner {flex-direction: column;}
    .section4 .left {width: 100%;}
    .section4 .right {width: 100%; max-width: 100%;}
    .section4 .right .section4-inner {flex-direction: row; gap: 20px;}
    .section4 .right .section4-content {width: calc( (100% - 20px) / 2 ); height: auto;}
    .section4 .right .section4-content:nth-child(1) {padding: 30px 40px; border-radius: 20px;}
    .section4 .right .section4-content:nth-child(2) {padding: 30px 40px; border-radius: 20px;}
}
@media only screen and (max-width:768px) {
    .section4 {padding: 50px 0;}
    .section4 .more {top: 6px;}
    .section4-content {padding: 20px;}
    .section4-content .title {font-size: 18px; line-height: 24px;}
    .section4-content .text {font-size: 16px; line-height: 22px;}

    .section4 .left .section4-content {flex-direction: column-reverse; gap: 20px;}
    .section4 .left .text-wrap {width: 100%; max-width: 100%;}
    .section4 .left .text {margin-top: 15px;}
    .section4 .left .text-wrap a {margin-top: 35px;}
    .section4 .left .img-wrap {width: 100%;}
    
    .section4 .right .section4-content:nth-child(1) {padding: 20px; border-radius: 20px;}
    .section4 .right .section4-content:nth-child(2) {padding: 20px; border-radius: 20px;}
    .section4 .right .text {flex-direction: column; gap: 10px;}
    .section4 .right .text:not(:first-child) {margin-top: 15px;}
}
@media only screen and (max-width:480px) {
    .section4 .right .section4-inner {flex-direction: column;}
    .section4 .right .section4-content {width: 100%;}
}

/* section 05 */
.section5 {padding: 100px 0; background: #f9f9f9;}
.section5 .tab-container {display: flex;}
.section5 .tab_list {padding: 25px 0; border-bottom: 2px solid #dfdfdf;}
.section5 .tab_list .item {display: inline-block; font-family: 'NanumSquare'; font-weight: 700; font-size: 26px; color: #979797;}
.section5 .tab_list .item.active {color: #306bcb;}
.section5 .tab_list .item:not(:first-child) {position: relative; margin-left: 40px; padding-left: 40px;}
.section5 .tab_list .item:not(:first-child):before {content: ''; display: inline-block; position: absolute; top: 55%; left: 0; transform: translateY(-50%); width: 7px; height: 8px; background: url('../../../../images/egovframework/com/front/main/section05_tab_title.png') no-repeat center;}
.section5 .tab_list .item span {display: inline-block; position: relative;}
.section5 .tab_list .item.active span:after {content: ''; display: inline-block; position: absolute; bottom: -27px; left: 0; width: 100%; height: 2px; background: #306bcb;}
.section5 .tab_conts {position: relative; margin-top: 52px;}
.section5 .tab_conts .more {position: absolute; top: -103px; right: 0;}
.section5 .tab_conts .tab_panel {display:none;}
.section5 .tab_conts .tab_panel.active {display:block;}
.section5 .tab_conts .tab_panel:focus, button:focus {outline: 2px solid black;}
.section5__slide-wrap {overflow: hidden;}
.section5-cotent {}
.section5-cotent a {display: inline-block;}
.section5-cotent .title {overflow: hidden; display: -webkit-box; height: 68px; font-family: 'NanumSquare'; font-weight: 700; font-size: 26px; color: #222; line-height: 34px; letter-spacing: -0.05em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.section5-cotent .text {overflow: hidden; display: -webkit-box; height: 84px; margin-top: 35px; font-family: 'NanumSquare'; font-weight: 400; font-size: 18px; color: #888; line-height: 28px; letter-spacing: -0.05em; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.section5-cotent .date {margin-top: 50px; padding: 25px 0; border-top: 2px dashed #dfdfdf; border-bottom: 2px solid #dfdfdf; font-family: 'NanumSquare'; font-weight: 700; font-size: 18px; color: #888;}
.section5-cotent a:hover .title, .section5-cotent a:focus .title {color: #306bcb;}
.section5-cotent a:hover .date, .section5-cotent a:focus .date {border-bottom-color: #306bcb;}
.section5__slide-prev {position: absolute; top: 90px; left: -55px;}
.section5__slide-next {position: absolute; top: 90px; right: -55px;}

@media only screen and (max-width:1735px) {
    .section5-inner .tab_conts {width: calc(100% - 60px); margin: 52px auto 0;}
}
@media only screen and (max-width:1150px) {
    .section5-inner .tab_list .item {font-size: 20px;}
    .section5-inner .tab_list .item:not(:first-child) {margin-left: 20px; padding-left: 20px;}
    .section5-inner .tab_list .item:not(:first-child):before {left: -3px;}

    .section5-inner .section5__slide-prev {left: -30px;}
    .section5-inner .section5__slide-next {right: -30px;}

    .section5-inner .tab_conts .more {top: -99px;}
}
@media only screen and (max-width:768px) {
    .section5 {padding: 50px 0;}
    .section5-inner .tab_list {padding-top: 0;}
   	.section5-inner .tab_list .item:not(:first-child) {margin-left: 0; padding-left: 15px;}
    .section5-inner .tab_list .item:not(:first-child):before {display: none;}

    .section5-inner .tab_conts {margin-top: 32px;}
    .section5-inner .title {font-size: 18px; line-height: 24px;}
    .section5-inner .text {height: 60px; margin-top: 15px; font-size: 16px; line-height: 20px;}
    .section5-inner .tab_conts .more {top: -156px; right: -30px;}
    .section5-inner .date {margin-top: 25px; padding: 15px 0; font-size: 14px;}
}
@media only screen and (max-width:480px) {
    .section5-inner .tab_list .item {font-size: 13px;}
    .section5-inner .tab_list .item:not(:first-child) {padding-left: 8px;}
}

/* section 06 */
.section.section6 {
    padding-top: calc(var(--header-height, 190px) + 20px) !important;
    background: #f9f9f9;
}
.section6_2 {padding: 60px 0 0; background: #f9f9f9;}
.section6 .section6-inner {display: flex;justify-content: space-between;gap: 50px;}
.section6 .section6-inner .tabs {width:calc(50% - 25px);}
.section6 .tabTitle {font-size: 36px;font-weight: 700;color: #000;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #000;padding-bottom: 40px;}

.section6 .tabTitle a {color:#000;}
.section6 .tab_conts {margin-top: 52px;}
.section6 ul {}
.section6 li {padding: 24px 0;border-bottom: 1px solid #ddd;}
.section6 .text {font-size: 22px;font-weight: 500;display:flex;}
.section6 .text a {text-overflow:ellipsis;overflow:hidden;white-space:nowrap; height: 28px; line-height: 28px;}
.section6 .date {font-size: 20px;color: #444;margin-top: 10px;}


@media only screen and (max-width:1735px) {
    .section6-inner .tab_conts {width: calc(100% - 60px); margin: 52px auto 0;}
}
@media only screen and (max-width:1150px) {
    .section6-inner .tab_list .item {font-size: 20px;}
    .section6-inner .tab_list .item:not(:first-child) {margin-left: 20px; padding-left: 20px;}
    .section6-inner .tab_list .item:not(:first-child):before {left: -3px;}

    .section6-inner .section5__slide-prev {left: -30px;}
    .section6-inner .section5__slide-next {right: -30px;}

    .section6-inner .tab_conts .more {top: -99px;}
}
@media only screen and (max-width:768px) {
    .section6 {padding: 50px 0;}
    .section6-inner .tab_list {padding-top: 0;}
    .section6-inner .tab_list .item:not(:first-child) {margin-left: 0; padding-left: 15px;}
    .section6-inner .tab_list .item:not(:first-child):before {display: none;}

    .section6-inner .tab_conts {margin-top: 32px;}
    .section6-inner .title {font-size: 18px; line-height: 24px;}
    .section6-inner .text {height: 60px; margin-top: 15px; font-size: 16px; line-height: 20px;}
    .section6-inner .tab_conts .more {top: -156px; right: -30px;}
    .section6-inner .date {margin-top: 25px; padding: 15px 0; font-size: 14px;}
}
@media only screen and (max-width:480px) {
    .section6-inner .tab_list .item {font-size: 13px;}
    .section6-inner .tab_list .item:not(:first-child) {padding-left: 8px;}
}



/* 메인페이지 갤러리 */
.section6_2 .gallery-carousel-container {
    padding: 0;
}
.section6_2 .gallery-carousel-container .gallery-swiper-instance .swiper-slide img {
    max-height: 300px;
}
/* 유튜브 고정 높이 비디오 컨테이너 */
.section6_2 .video-container {
    position: relative;
    width: 100%;
    height: 370px;
    overflow: hidden;
    background: #000;
}
.section6_2 .video-container iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border: 0;
}
/* 모바일 반응형 */
@media only screen and (max-width:768px) {
    .section6_2 .gallery-carousel-container .gallery-swiper-instance .swiper-slide img {
        max-height: 250px;
    }

    .section6_2 .video-container {
        height: 250px;
    }
}
@media only screen and (max-width:480px) {
    .section6_2 .gallery-carousel-container .gallery-swiper-instance .swiper-slide img {
        max-height: 200px;
    }

    .section6_2 .video-container {
        height: 200px;
    }
}


/* fullpage 섹션 full height */
.section {
    padding-top: var(--header-height, 190px) !important;
    box-sizing: border-box !important;
    min-height: 100vh !important;
}
.section1 {
    padding-top: var(--header-height, 190px) !important;
}

/* 마지막 섹션: auto height (footer/family 자연스럽게) */
.fp-auto-height {
    padding-top: 0 !important;
}

#fullpage {
    margin-top: 0 !important;
}
/* 네비 버튼 스타일 커스텀 (optional) */

.fp-watermark {
    display: none !important;
}


/* fullpage 네비게이션 기본 transition 추가 (부드러운 색상 전환) */
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

/* 툴팁(글씨) transition 추가 */
#fp-nav ul li .fp-tooltip {
    transition: color 0.3s ease-in-out;
}

/* section1(홈)에 있을 때 네비게이션 도트 흰색으로 변경 */
body.section-home #fp-nav ul li a span {
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

/* section1에서 툴팁(글씨) 흰색 */
body.section-home #fp-nav ul li .fp-tooltip {
    color: #fff !important;
}

/* section1에서 활성화된(현재 섹션) 도트 스타일 */
body.section-home #fp-nav ul li a.active span {
    background: #fff;
    border: 2px solid #fff;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
}

/* section1에서 호버 효과 */
body.section-home #fp-nav ul li a:hover span {
    background: #fff;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
}

/* 다른 섹션에서는 기본 스타일 유지 (명시적으로 정의) */
body:not(.section-home) #fp-nav ul li a span {
    background: #333;
    border: none;
}

/* 다른 섹션에서 툴팁(글씨) 검정색 */
body:not(.section-home) #fp-nav ul li .fp-tooltip {
    color: #333 !important;
}

body:not(.section-home) #fp-nav ul li a.active span {
    background: #333;
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px;
}


.lang-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    font-size: 13px;
    color: #666;
    text-decoration: none;
    transition: color 0.2s;
}

.lang-btn:hover {
    color: #0066cc;
}

.lang-current {
    font-weight: 600;
    color: #ffffff;
}

.lang-icon {
    font-size: 11px;
    color: #999;
}

.lang-next {
    color: #999;
}

.lang-btn:hover .lang-next {
    color: #0066cc;
}