#pages{padding-top: 155px;}
#pages .contents{padding-bottom: 150px;}
.page-top{padding:60px 0 35px;text-align: center;}
.page-top .txt-group{text-align: center;}
.page-top .txt-group h1{font-size: 48px;font-weight: bold;letter-spacing: -1.2px;text-align: center;color: #202020;}
.page-top .txt-group .breadcrumbs{margin-top:10px;display: flex;justify-content: center;gap:42px;}
.page-top .txt-group .breadcrumbs span{position:relative;display:inline-block;font-size: 15px;font-weight: 500;letter-spacing: -0.38px;color: #202020;}
.page-top .txt-group .breadcrumbs span:before{content: "";position:absolute;left:-27px;top:4px;display: block;width:12px;height:12px;background: url(/_public/images2/icon/nv.svg) no-repeat;background-size: cover;}
.page-top .txt-group .breadcrumbs .home{}
.page-top .txt-group .breadcrumbs .home:before{display: none;}
.page-top .txt-group .breadcrumbs .home img{display: block;}

.tab{}
.tab .layout{display: flex;}
.tab .layout a{flex:1;display:flex;align-items:center;justify-content:center;border-bottom: 2px solid #ddd;height:65px; font-size: 20px;font-weight: 600;letter-spacing: -0.5px;text-align: center;color: #7a7a7a;}
.tab .layout a.on{color: #515c30;font-weight: bold;border-color: #515c30;}
/*.tab .layout .swiper-wrapper{width:2800px;}*/
.tab .layout .swiper-slide.active a{color: #515c30;font-weight: bold;border-color: #515c30;}
.tab .layout .swipe-menu{width:100%;}
.tab .layout .swipe-menu .horizonScroll{overflow-x: auto;-ms-overflow-style: none;scrollbar-width: none;}
.tab .layout .swipe-menu .horizonScroll::-webkit-scrollbar{display: none;}
.tab .layout .swipe-menu .horizonScroll__wrapper{display: flex;width:2800px;}
.tab .layout .swipe-menu .horizonScroll__wrapper a{flex:auto;width:280px;}



.title-group2{display: flex;gap:24px;align-items: flex-end;}
.title-group2 h2{font-size: 40px;font-weight: bold;letter-spacing: -1px;color: #202020;line-height: 1;}
.title-group2 span{display: inline-block;font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #202020;}


.floating-menu{opacity:0;position: fixed;left:50%;transform:translateX(-50%);bottom:33px;display: flex;padding: 5px;border-radius: 30px;background-color: #202020;gap:5px;z-index: 10;transition: all 0.3s;}
.floating-menu a{display: flex;align-items: center;justify-content: center;width:150px;height:50px;border-radius: 25px;font-size: 18px;font-weight: normal;letter-spacing: -0.45px;color: #ccc;transition: all 0.5s;}
.floating-menu a.active{background: #fff;color:#202020;font-weight: bold;}
.floating-menu.show{opacity: 1;}
.floating-menu.bottom{opacity: 0;}


.gallery-slidebox{padding-left: calc(50% - 700px);display: flex;gap:10px;}
.gallery-slidebox .big-slide{position:relative;width:100%;max-width:700px;}
.gallery-slidebox .big-slide i{position: absolute;z-index: 10;right: -44px;top: 50%;transform: translateY(-50%);}
.gallery-slidebox .big-slide i img{display: block;}
.gallery-slidebox .big-slide .regallery-slider{overflow: hidden;}
.gallery-slidebox .big-slide .swiper-slide{position: relative;overflow: hidden;border-radius: 20px;}
.gallery-slidebox .big-slide .swiper-slide .img img{display:block;width:100%;border-radius: 20px;}
.gallery-slidebox .big-slide .swiper-slide .txt{position:absolute;left:0;bottom:35px;background: rgba(0,0,0,0.4);padding:25px 50px;font-size: 28px;font-weight: 500;line-height: 1.25;letter-spacing: -0.7px;color: #fff;}
.gallery-slidebox .big-slide .swiper-slide .txt-box{position: absolute;left:0;bottom:0;width:100%;padding:130px 40px 37px;z-index: 1;}
.gallery-slidebox .big-slide .swiper-slide .txt-box:before{content: "";position: absolute;top:0;left:0;width:100%;height:100%;background-image: linear-gradient(to bottom, rgba(20, 20, 26, 0), #1a1a29);opacity: 0.6;z-index: -1;}
.gallery-slidebox .big-slide .swiper-slide .txt-box h3{font-size: 40px;font-weight: bold;letter-spacing: -1px;text-align: left;color: #fff;}
.gallery-slidebox .big-slide .swiper-slide .txt-box .txt-flex{display: flex;margin-top:20px;}
.gallery-slidebox .big-slide .swiper-slide .txt-box .txt-flex > *{flex:1;}
.gallery-slidebox .big-slide .swiper-slide .txt-box .txt-flex h4{font-size: 32px;font-weight: bold;line-height: 1.25;letter-spacing: -0.8px;color: #fff;}
.gallery-slidebox .big-slide .swiper-slide .txt-box .txt-flex span{display: inline-block;font-size: 16px;font-weight: 500;line-height: 1.5;letter-spacing: -0.4px;color: #fff;}
.gallery-slidebox .big-slide .swiper-slide .txt-box p{margin-top:20px;font-size: 20px;font-weight: 500;letter-spacing: -0.5px;color: #fff;}
.gallery-slidebox .big-slide .swiper-slide .txt-box em{display:block;margin-top:15px;font-size: 15px;font-weight: normal;letter-spacing: -0.38px;color: #ccc;}





.gallery-slidebox .small-slide{position:relative;width:calc(100% - 710px);overflow: hidden;padding-top:90px;}
.gallery-slidebox .small-slide .title{padding-left: 130px;display: flex;gap:104px;align-items:flex-end;}
.gallery-slidebox .small-slide .title h2{font-size: 48px;font-weight: bold;letter-spacing: -1.2px;color: #202020;}
.gallery-slidebox .small-slide .title .control{display: flex;}
.gallery-slidebox .small-slide .title .control .swiper-button{cursor: pointer;z-index: 10;position: relative;}
.gallery-slidebox .small-slide .regallery-thumbs{margin-top:39px;}
.gallery-slidebox .small-slide .swiper-slide{position:relative;width:300px;border-radius: 20px;overflow: hidden;}
.gallery-slidebox .small-slide .swiper-slide:before{content: "";position:absolute;top:0;left:0;width:100%;height:100%;display: block;background: rgba(50, 75, 40,0.65);transition: all 0.5s;opacity: 0;}
.gallery-slidebox .small-slide .swiper-slide:after{content: "";position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);display:block;width:30px;height:30px;background: url(/_public/images2/icon/ico_zoom.svg) no-repeat;background-size: cover;transition: all 0.5s;opacity: 0;border-radius: 20px;}
.gallery-slidebox .small-slide .swiper-slide img{display: block;width:100%;border-radius: 20px;}
.gallery-slidebox .small-slide .swiper-slide.swiper-slide-active{}
.gallery-slidebox .small-slide .swiper-slide.swiper-slide-active:before{opacity: 1;}
.gallery-slidebox .small-slide .swiper-slide.swiper-slide-active:after{opacity: 1;}


@media all and (max-width:1760px) {
    #pages{padding-top: 100px;}
}


@media all and (max-width:1650px) {

}

@media all and (max-width:1400px) {
    #pages .contents{padding:0 20px 160px;}

    .tab{margin:0 -20px;}

}

@media all and (max-width:1280px) {
    #pages{padding-top:58px;}

    .floating-menu{display: none;}

    .page-top{padding:40px 0 25px;}
    .page-top .txt-group h1{font-size:44px;}
    .page-top .txt-group .breadcrumbs span{font-size:14px;}

    .tab .layout a{font-size:18px;}

    .title-group2 h2{font-size: 36px;}
    .title-group2 span{font-size:16px;}

    .gallery-slidebox .big-slide{max-width:500px;}
    .gallery-slidebox .big-slide .swiper-slide .txt-box{padding:100px 20px 20px;}
    .gallery-slidebox .big-slide .swiper-slide .txt-box h3{font-size:36px;}
    .gallery-slidebox .big-slide .swiper-slide .txt-box .txt-flex h4{font-size:28px;}
    .gallery-slidebox .big-slide .swiper-slide .txt-box .txt-flex span{font-size:14px;}
    .gallery-slidebox .big-slide .swiper-slide .txt-box p{font-size:18px;}
    .gallery-slidebox .big-slide .swiper-slide .txt-box em{margin-top:10px;font-size:13px;}
    .gallery-slidebox{padding:0;}
    .gallery-slidebox .small-slide{width:calc(100% - 510px);}
    .gallery-slidebox .small-slide .title{padding-left: 60px;}
    .gallery-slidebox .small-slide .title h2{font-size:44px;}
    .gallery-slidebox .big-slide .swiper-slide .txt{padding:20px 35px;}





}

@media all and (max-width:1024px) {
    #pages .contents{padding:0 20px 100px;}

    .page-top .txt-group h1{font-size:40px;}

    .tab .layout a{height:55px;font-size:16px;}

    .tab.item10 .layout{flex-wrap: wrap;}
    .tab.item10 .layout a{width:25%;flex: auto;}
    .tab.item5 .layout{flex-wrap: wrap;}
    .tab.item5 .layout a{width:33.3333%;flex: auto;}

    .title-group2{flex-direction: column;align-items: flex-start;gap:10px;}
    .title-group2 h2{font-size: 32px;}
    .title-group2 span{font-size:14px;}

    .gallery-slidebox{flex-direction: column-reverse;gap:20px;}
    .gallery-slidebox .big-slide i{display: none;}
    .gallery-slidebox .big-slide .swiper-slide .txt-box{padding:60px 20px 20px;}
    .gallery-slidebox .big-slide .swiper-slide .txt-box h3{font-size:32px;}
    .gallery-slidebox .big-slide .swiper-slide .txt-box .txt-flex h4{font-size:24px;}
    .gallery-slidebox .big-slide .swiper-slide .txt-box p{font-size:16px;}
    .gallery-slidebox .small-slide{padding:0;width:100%;}
    .gallery-slidebox .big-slide{max-width:100%;}
    .gallery-slidebox .big-slide .swiper-slide img{width:100%;}
    .gallery-slidebox .small-slide .title{padding:0;gap:20px;justify-content: space-between;}
    .gallery-slidebox .small-slide .title h2{font-size:40px;}





}

@media all and (max-width:768px) {
    #pages .contents{padding:0 20px 80px;}

    .page-top .txt-group h1{font-size:36px;}
    .tab .layout a{height:45px;font-size:14px;}


    .title-group2 h2{font-size: 28px;}

    .gallery-slidebox .small-slide .title h2{font-size:32px;}
    .gallery-slidebox .small-slide .title .control .swiper-button{width:30px;}
    .gallery-slidebox .big-slide .swiper-slide .txt{font-size:20px;bottom:20px;padding:20px;width:250px;}
    .gallery-slidebox .big-slide .swiper-slide .txt-box{padding:40px 20px 20px;}
    .gallery-slidebox .big-slide .swiper-slide .txt-box h3{font-size:28px;}
    .gallery-slidebox .big-slide .swiper-slide .txt-box .txt-flex{margin-top:10px;flex-direction: column;gap:10px;}
    .gallery-slidebox .big-slide .swiper-slide .txt-box .txt-flex h4{font-size:20px;}
    .gallery-slidebox .big-slide .swiper-slide .txt-box p{font-size:14px;}



}

@media all and (max-width:640px) {

}

@media all and (max-width:460px) {
    .page-top .txt-group h1{font-size:32px;}


}