@charset "utf-8";

.eden {font-family: 'edensor';}
.main {overflow: hidden;}
.mo {display: none;}

section {width: 100%; background: url(../images/bg.png) 50% 50% no-repeat; background-size: cover;}
.section-header h2 {font-size: 120px; color: #835a4f; font-weight: 400;}
.section-header p {font-size: 24px; margin-top: 20px; font-weight: 600; color: #835a4f; line-height: 1.7;}
.section-header p > span {font-weight: 400;}

/* sec1 */
.sec1 {padding-top: 525px; width: 100%;}
.sec1 .tit {width: 100%; padding-right: 239px;}
.sec1 .tit span {font-size: 30px; font-weight: 500; color: #835a4f; letter-spacing: -0.025em; text-align: right; display: block;}
.sec1 .tit h2 {font-size: 96px; color: #835a4f; line-height: 1.4; font-weight: 400;}
.sec1 .tit h2 > strong {font-size: 104px; font-weight: 400;}
.sec1 .more-btn { margin-top: 70px; position: relative;}
.sec1 .more-btn a {position: absolute; width: 35px; height: 367px; font-size: 34px; color: #835a4f; writing-mode: vertical-lr; top: 0; left: 200px; padding-bottom: 250px;}
.sec1 .more-btn a::after {position: absolute; content: ''; width: 25px; height: 150px; background: url(../images/main/ico_arrow.png) 50% 100% no-repeat; background-size: auto; bottom: 70px; left: 50%; transform: translateX(-50%); transition: all .3s linear;}
.sec1 .more-btn a:hover::after {height: 220px; bottom: 0;}
.sec1 img {display: block; max-width: 100%; margin-left: auto; }
 
/* sec2 */
.sec2 {padding-top: 145px;}
.sec2 .panel {margin-top: 180px; width: 100%;}
.sec2 .panel .item {display: flex; align-items: center; width: 100%; gap: 50px;}
.sec2 .panel .item.rev {flex-direction: row-reverse;}
.sec2 .panel .item ~ .item {margin-top: 100px;}
.sec2 .panel .item a {position: relative; font-size: 34px; font-weight: 400; color: #835a4f; padding-right: 210px;}
.sec2 .panel .item.rev a {margin-right: auto; padding-left: 160px;}
.sec2 .panel .item a::after {position: absolute; content: ''; top: 50%; right: 70px; width: 181px; height: 24px; background: url(../images/main/ico_arrow2.png) 50% 50% no-repeat; background-size: auto; transition: all .3s linear; transform: translateY(-50%); clip-path: inset(0 0 0 70px);}
.sec2 .panel .item a:hover::after {right: 0; clip-path: inset(0 0 0 0);}

.sec2 .slide-wrap {position: relative; margin-top: 175px; margin-left: 233px; padding-right: 232px; border: 1px solid #9b7970; border-right: 0;}
.sec2 .slide-wrap .panel-slide .swiper-slide {position: relative; border: 1px solid #9b7970; border-top: 0; border-bottom: 0; display: block;}
.sec2 .slide-wrap .panel-slide .swiper-slide .over {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(131,90,79, .7); opacity: 0; z-index: 2; transition: all .2s linear;}
.sec2 .slide-wrap .panel-slide .swiper-slide .over p {font-size: 22px; font-weight: 600; color: #fff; position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; transform: translate(-50%, -50%); z-index: 5;}
.sec2 .slide-wrap .panel-slide .swiper-slide:hover .over {opacity: 1;}
.sec2 .slide-wrap .panel-slide .swiper-slide-active {border-left: 0;}
.sec2 .slide-wrap .panel-slide .swiper-slide .pic {position: relative; height: 0; padding-bottom: 71.03%; overflow: hidden;}
.sec2 .slide-wrap .panel-slide .swiper-slide .pic img {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100% !important; height: 100% !important; max-width: 100%; min-height: 100%; object-fit: cover;}

.sec2 .slide-wrap .controls {position: absolute; bottom: -85px; left: 395px; display: flex; align-items: center; width: 100%;}
.sec2 .slide-wrap .controls .panel-paging {margin-right: 20px; width: 65px; color: #835a4f; font-size: 22px;}
.sec2 .slide-wrap .controls .line {width: 100%; max-width: 500px; height: 1px; background-color: #835a4f; margin-right: 10px;}
.sec2 .slide-wrap .controls .panel-nav {max-width: 60px; width: 100%; display: flex; gap: 8px; align-items: center;}
.sec2 .slide-wrap .controls .panel-nav .panel-btn {width: 26px; height: 26px; border-radius: 50%; background: url() 50% 50% no-repeat; background-size: auto; cursor: pointer;}
.sec2 .slide-wrap .controls .panel-nav .panel-prev {background-image: url(../images/main/ico_prev.png); border: 1px solid #835a4f;}
.sec2 .slide-wrap .controls .panel-nav .panel-next {background-image: url(../images/main/ico_next.png); background-color: #835a4f;}


/* sec3 */
.sec3 {padding-top: 330px;}
.sec3 .section-header {text-align: center;}
.sec3 .section-header p {display: inline-block; text-align: left; margin-right: 45px;}

.sec3 .soma-wrap {margin-top: 70px; position: relative;}
.sec3 .soma-slide {max-width: 1090px; width: 100%;}
.sec3 .soma-slide .swiper-slide {border: 1px solid #9b7970;}
.sec3 .soma-slide .swiper-slide .pic {position: relative; height: 0; padding-bottom: 143.96%; overflow: hidden;}
.sec3 .soma-slide .swiper-slide .pic img {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100% !important; height: 100% !important; max-width: 100%; min-height: 100%; object-fit: cover;}
.sec3 .soma-wrap .soma-paging {display: flex; align-items: center; gap: 28px; margin-top: 50px; justify-content: center;}
.sec3 .soma-wrap .soma-paging > span {width: 25px; height: 25px; border: 1px solid #835a4f; background-color: transparent; border-radius: 50%; opacity: 1; margin: 0 !important;}
.sec3 .soma-wrap .soma-paging > span.swiper-pagination-bullet-active {background-color: #835a4f;}
.sec3 .soma-wrap .soma-nav {position: absolute; width: 100%; display: flex; justify-content: space-between; align-items: center; top: 50%; transform: translateY(-50%);}
.sec3 .soma-wrap .soma-nav .soma-btn {width: 120px; height: 120px; cursor: pointer;}
.sec3 .soma-wrap .soma-nav .soma-prev::before {position: absolute; content: ''; width: 120px; height: 1px; background-color: #835a4f; top: 17px; left: 0; transform: rotate(-45deg); transition: all .2s linear;}
.sec3 .soma-wrap .soma-nav .soma-prev::after {position: absolute; content: ''; width: 120px; height: 1px; background-color: #835a4f; bottom: 17px; left: 0; transform: rotate(45deg); transition: all .2s linear;}
.sec3 .soma-wrap .soma-nav .soma-prev:hover::before {top: 27px;}
.sec3 .soma-wrap .soma-nav .soma-prev:hover::after {bottom: 27px;}
.sec3 .soma-wrap .soma-nav .soma-next::before {position: absolute; content: ''; width: 120px; height: 1px; background-color: #835a4f; top: 17px; right: 0; transform: rotate(45deg); transition: all .2s linear;}
.sec3 .soma-wrap .soma-nav .soma-next::after {position: absolute; content: ''; width: 120px; height: 1px; background-color: #835a4f; bottom: 17px; right: 0; transform: rotate(-45deg); transition: all .2s linear;}
.sec3 .soma-wrap .soma-nav .soma-next:hover::before {top: 27px;}
.sec3 .soma-wrap .soma-nav .soma-next:hover::after {bottom: 27px;}

.sec3 .video {width: 100%; margin-top: 215px; border-top: 1px solid #835a4f; border-bottom: 1px solid #835a4f; position: relative; overflow: hidden;}
.sec3 .video::before {display: block; content: ''; padding-bottom: 41.67%;}
.sec3 .video video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}


/* sec4 */
.sec4 {padding-top: 250px;}
.sec4 .section-header {text-align: right; padding-right: 80px;}
.sec4 .vyond {margin-top: 90px; width: 100%; margin-left: 404px; border-top: 1px solid #9b7970; border-bottom: 1px solid #9b7970;}
.sec4 .vyond .inner {width: 100%; display: flex; gap: 76px; min-height: 734px;}
.sec4 .vyond .inner figure {border-left: 1px solid #9b7970; border-right: 1px solid #9b7970; height: 100%;}
.sec4 .vyond .inner figure img {max-width: 100%; display: block; margin: 0 auto; height: 100%;}

.sec4 .marquee {padding: 220px 0 215px;}
.sec4 .marquee p {font-size: 184px; letter-spacing: -0.025em; color: #ddccc7; font-weight: 400;}
.sec4 .marquee p.right {text-align: right;}