@charset "utf-8";
/* CSS Document */
h1{ font-size: clamp(1.5rem, 2.5vw, 2.1rem);margin-bottom:  calc(2vw + 3px);text-align: left;font-weight: 400;}
h2{margin-bottom: calc(2vw + 3px);}
/* .gallery_main .swiper-slide{background-color: var(--primary_color);} */
.gallery_main .swiper-slide img{height: 70vh;}
.slick-slide img{display: inline-block;}
.slider-for .item{background-repeat:no-repeat;background-position: center;}
.slider-for .item a{display: block;cursor:pointer}
.slider-nav{margin: 0  65px 50px 65px;}
.slider-for{margin: 0 65px;}
.slider-nav .item {width: 160px ;height: 110px;margin: 10px 12px 0 0;background-size: cover;background-repeat: no-repeat;background-position: center;}

.splash_detail{min-width: 0;}
.gallery_thumbs {margin:2.5%;}
.gallery_thumbs .swiper-slide .swiper_img img{height: 110px; object-fit: contain;}
.section_projectview .area_75{padding: revert;overflow: hidden;}
.area_wrap .desk.section_projectdetail{background-color: #D1D1D1; border-right: 1px solid var(--primary_color); padding:6% 0;position: relative;display: flex;justify-content: center;}
.relation_img {margin-bottom: 60px;}
.relation_img ul{display: flex;justify-content: center;}
.relation_img ul li{max-width: 150px;margin:  0 8px;}
.projectdetail_wrap li{ display: flex;}
.projectdetail_wrap li .project_title{font-weight: 400;font-size: clamp(1rem, 2.5vw, 1rem);margin-right: 20px;min-width: 40px;}
.projectdetail_wrap li .project_article{font-weight: 300;flex:  0 0 72%;font-size: clamp(1rem, 2.5vw, 1rem);}

.detail_wrap{padding:0 65px; color: var(--gray-500_color);font-size: clamp(1rem, 3vw, 1.25rem);line-height: 40px;font-weight: 300;}
.detail_wrap .articletitle{font-size: clamp(1.2rem, 3vw, 1.2rem);font-weight: 500;margin-bottom: calc(.5vw + 7px);}
.detail_wrap .article{margin-bottom: calc(1vw + 15px);}

.share_wrap{display: flex; justify-content: end;align-items: center;margin-bottom: 65px;margin-top: 61px;position: relative; z-index: 1;font-size: 1rem;}
.share_wrap span{margin-right: 8px;}
.desk .position{position: fixed;}
.desk .position.active{position: absolute; bottom: 20vh;width: revert;}
.desk .position .position_wrap{margin:  5% 0;}


.gallery_main .swiper-slide{width: auto!important;}

@media (max-width: 1200px) {
    .video_content{margin:calc(1vw + 15px) -5%;}
}
@media (max-width: 1100px) {
    .section_projectview .area_wrap {flex-direction: column-reverse;}
    .area_wrap .mobile.section_projectdetail{background-color: var(--white_color);max-width: 320px;margin:64px auto; border-right: 0 none; display: block;}
    /* .relation_img{padding: 5%;} */
    .gallery_thumbs{width: 100%;}
    /* .section_projectview .area_75 .relation_img{width: 80%;} */
    .area_wrap .desk.section_projectdetail{display: none;}
    .share_wrap{margin-bottom: 65px;margin-top: 30px;}
    .relation_img {margin-bottom: 42px;}
    h1{margin-bottom: 26px;}
    .detail_wrap{padding:0 10%;}
    .slider-for .item{background-size: contain;width: 100vw!important;height: 600px;}
    .slider-for .item a{width: 100%;height: 100%;z-index: 3;}

    .slider-nav .item {margin: 16px 12px 0 0;}
    
}

@media (max-width: 600px) {
    .area_wrap .mobile.section_projectdetail{ max-width: 60vw;}
    .video_content{margin:calc(1vw + 15px) -13%;    padding-bottom: 71.25%;}
    .slider-nav{margin: 0  0 50px 0;}
    .slider-for{margin: 0;}
    .relation_img ul{justify-content: left;}
    .relation_img ul li:nth-child(1){margin-left: 0;}


}