#wrap {z-index: 5;background-image: url(/images/44/BG.jpg);background-repeat: no-repeat;background-position: 0 0;background-size: 100%;}

/* section */
section {padding: 5vw 0;}
section >* { z-index: 3; }
section .emtitle_box {font-size: max(5.6 * (1vw + 1vh) / 2, 40px);font-family: "Cormorant", serif;text-transform: uppercase;font-style: normal;color: #44594a;display: block;letter-spacing: 1px;line-height: 1;}
section .emtitle_box:after{content:'';display: block;width: 65px;height: 1px;background: var(--primary);margin: 20px 0;}
section .title_box {padding-bottom: 3vw;font-size: 32px;color: var(--secondary);font-weight: 400;letter-spacing: 3px;}
section .clip { margin: auto; width: 100%; }
section .clip img { height: 100%; }
section .clip iframe { width: 100%; height: 100%; top: 0; left: 0; }
section .clip video { width: auto; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

/* product_area */
#product_area:after{content:url(/images/44/img-leaf2.png);position: absolute;right: -12vw;bottom: -5vw;}
#product_area .workframe{width: min(90%, 1380px);}
#product_area .cateBox{width: 150px;position:absolute;left: -5.5vw;border-left: 1px solid #e2e2e2;padding: 17vw 0 2vw;top: -5vw;z-index: 2;}
#product_area .cateBox h3 {margin: 20px 0;}
#product_area .cateBox h3 a{font-size: 18px;color: #a9b1ac;font-weight: 400;border-left: 3px solid transparent;padding-left: 30px;}
#product_area .cateBox h3:hover a{letter-spacing: 2.5px;font-size: 20px;border-color:#546659;color: #546659;}
#product_area .fixTxt{right: 5vw;top: 15vh;}
#pictureBox{bottom: -12vh;z-index: 2;left: 23vw;}

/* product_list */
#product_list{width: 100%;margin: 0 0 0 7%;height: 380px;}
#product_list,#product_list *{transition:unset;-webkit-transition:unset;}
#product_list li{margin: 20px;}
#product_list li .clip img{aspect-ratio: 4.9 / 4;object-fit: cover;box-shadow: 15px 20px #546659;}
#product_list li .info_box {margin-top:40px;}
#product_list li .info_box >div { margin: auto; width: 80%; }
#product_list li .info_box h3 {font-size: 35px;color: #546659;font-weight: 400;letter-spacing: 4px;}
#product_list li .info_box em {display: flex;align-items: center;color: #959c97;font-style: unset;font-family: "Cormorant", serif;text-transform: uppercase;font-size: 22px;margin: 10px 0 20px;}
#product_list li .info_box em span {height: 1px;display: block;width: 85px;background: rgb(149 156 151 / 70%);margin-left: 20px;}
#product_list li .info_box h4 {font-size: 19px;letter-spacing: 1px;color: #44594a;font-weight: 500;text-align: center;line-height: 1.5;}
#product_list li .info_box p {margin-right: 10px;font-weight: 400;font-size: 15px;color: #656464;-webkit-line-clamp: 5;height: auto;text-align: justify;line-height: 2;margin-bottom: 30px;}
#product_list li .more_btn{position:relative;z-index:2;transition: all linear 0.3s;}

/* about_area */
#about_area{padding-bottom:10vw}
#about_area .workframe {width: 95%;margin-right: 0;display: grid;grid-template-columns: 32% 53%;justify-content: end;gap: 100px;}
#about_area .workframe:before{content:'';position: absolute;width: 100%;height: 90%;left: 0;bottom: 0;background: #fff;}
#about_area .workframe:after{content:'';position: absolute;width: 50%;height: 90%;left: 0;top: 0;background: #fff;z-index: -1;}
#about_area .titleBox {padding-bottom: inherit;margin-top: 15%;}
#about_area h2 {font-size: 15px;color: #546659;letter-spacing: 0;margin-top: 10px;}
#about_area h2:after{content:'';width: 60px;height: 1px;display: block;background: var(--primary);margin-top: 30px;}
#about_area h3 {font-size: 22px;color: var(--secondary);font-weight: 400;letter-spacing: 4px;}
#about_area article p{color:#656464;text-align: justify;font-size: 15px;line-height: 2;margin-bottom: 50px;}
#about_area #about_info {margin-left: 43%;}
#about_area .fixTxt{font-family: "Cormorant", serif;font-size: max(12 * (1vw + 1vh) / 2, 60px);color: #546659;line-height: 1;bottom: 0;right: 0;}
#about_area .about_sub_1 {top: 13.5vw;left: 0;animation: aboutImgAnimation 7s ease-in-out infinite;z-index: 3;}
#about_area .about_sub_2 {bottom: -12vh;right: 35vw;animation: aboutImgAnimation 10s ease-in-out infinite;z-index: 3;}
@keyframes aboutImgAnimation{0%{-webkit-transform:translateY(0);transform:translateY(0);}50%{-webkit-transform:translateY(10px);transform:translateY(10px);}100%{-webkit-transform:translateY(0);transform:translateY(0);}}
#about_area #about_img{}
#about_area .solgnbox{position:absolute;bottom: -10%;left: -5.5%;background-image: url(/images/44/img-a-block.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;padding: 110px 15vw 80px 14vw;z-index: 1;}
#about_area .solgnbox:after{content:'';width: 100%;position: absolute;height: 1px;bottom: 50px;left: 0;background: #fff;opacity: .2;}
#about_area .solgnbox em{font-family: "Cormorant", serif;font-size: 19px;opacity: .4;font-weight: 300;letter-spacing: 2px;margin-bottom: 20px;display: block;}
#about_area .solgnbox p{font-size:17px;letter-spacing: 2px;font-weight: 300;}
#about_area .solgnbox *{color:#fff;}

/* custom_area */
#custom_area .parallax_svg.top { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath d='M1440 64V16.67c-90 24.285-138.35 6.45-203.49-2.259-59.67-7.998-119.29 10.198-179.14 5.869-78.82-5.09-135.28-41.99-217.6-1.58C797.82 34.596 776 42.875 718.33 38.326c-164.07-15.317-329.57 33.862-490.92 5.169C150.6 31.857 79.33-8.834 0 16.62V64h1440z' fill='%23E2CEBC'/%3E%3C/svg%3E"); }
#custom_area .parallax_svg.bottom { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath d='M0 0v47.33c90-24.285 138.35-6.45 203.49 2.259 59.67 7.998 119.29-10.198 179.14-5.869 78.82 5.09 135.28 41.99 217.6 1.58C642.18 29.403 664 21.125 721.67 25.674c164.07 15.317 329.57-33.862 490.92-5.169C1289.4 32.143 1360.67 72.834 1440 47.38V0H0z' fill='%23E2CEBC'/%3E%3C/svg%3E"); }
#custom_area ul li >div { margin: auto; width: 70% }
#custom_area ul li .clip { width: 250px; height: 250px; -webkit-clip-path: url(#clip_custom); clip-path: url(#clip_custom); }
#custom_area ul li h3 { margin: 10px 0 5px; font-size: 20px; }
#custom_area ul li article { font-weight: 300; font-size: 14px; overflow: hidden; margin: 10px 0 60px; height: 66px; text-align: center; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

/* news_area */
#news_area li .img_box , #book_area li .img_box { border-radius: 15px; background-color: #f9f9f9; }
#news_area li .info_box { margin: 10px 15px 0; }
#news_area li .time { width: 65px; font-weight: 400; font-size: 13px; }
#news_area li .more_btn { margin-left: 10px; padding: 2px 15px; max-width: calc(100% - 105px); height: 22px; font-weight: 100; font-size: 13px; z-index: 6; }
#news_area li h3 { margin-top: 10px; height: 60px; line-height: 150%; font-size: 20px; -webkit-line-clamp: 2; }

/* book_area */
#book_area{padding-top:10vw;padding-bottom: 0;}
#book_area .list_box *{transition:unset;-webkit-transition:unset;}
#book_area .titleBox em{margin:0}
#book_area .titleBox .emtitle_box:after{margin-left:60px;}
#book_area .titleBox{position:absolute;width: 30%;left: 34%;z-index: 2;margin: 0;top: 15%;}
#book_area .titleBox *{margin-left:60px;}
#book_area  .emtitle_box font{font-size: max(5.6 * (1vw + 1vh) / 2, 40px);font-family: "Cormorant", serif;text-transform: uppercase;font-style: normal;color: #44594a;display: block;letter-spacing: 1px;line-height: 1;margin-left: 60px;}
#book_area .btn{display: flex;margin-bottom: 50px;padding: 0;justify-content: flex-start;gap: 20px;}
#book_area .btn *{margin:0}
#book_area .slick-list{overflow:unset;}
#book_area .list_box{margin-left: 10.5%;width: 2100px;}
#book_area .list_box ul li{margin: 0 90px;position: relative;}
#book_area .list_box ul li:after{content:'';width: 1px;height: 200px;position: absolute;left: 15px;bottom: 35px;background: var(--secondary);}
#book_area .list_box ul li img{aspect-ratio: 3 / 3.9;object-fit: cover;width: 100%;}
#book_area .list_box ul li .shadow{margin-right: 210px;box-shadow: unset !important;}
#book_area .list_box ul li .shadow .imgg{box-shadow: 35px 40px rgb(149 156 151 / 20%);}
#book_area .list_box ul li .shadow .imgg:after{content:'CASES';font-family: "Cormorant", serif;font-size: 20px;transform: rotate(90deg);position: absolute;right: -45px;top: 80px;font-weight: 500;color: #546659;}
#book_area .list_box ul li.slick-current .shadow{margin-right:0;margin-left: 90px;margin-top:-90px;}
#book_area .list_box ul li.slick-current:after{left: 20%;}
#book_area .list_box ul li .shadow span{font-family: "Nunito Sans", sans-serif;position:absolute;display: flex;flex-direction: column;align-items: center;right: -35px;bottom: 0;color: #636160;font-size: 16px;}
#book_area .list_box ul li .shadow span b{writing-mode: vertical-lr;font-family: "Nunito Sans", sans-serif;font-weight: 400;color: #636160;margin-bottom: 10px;}
#book_area .info_box {padding: 55px 0 0 35px;}
#book_area .list_box ul li.slick-current .info_box{padding-bottom:0;}
#book_area .info_box h3 {height: auto;font-size: 20px;color: #44594a;font-weight: 500;display: -webkit-inline-box;-webkit-line-clamp: 2;}
#book_area .info_box article {height: auto;font-size: 15px;font-weight: 300;color: #767676;-webkit-line-clamp: 2;width: 100%;margin: 10px auto 0;}


/* photo_area */
#photo_area{background-image:url(/images/44/Texture.png);background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
#photo_area .titleBox{position:relative}
#photo_area .titleBox:after{content:'';background: #fff;width: 80%;position: absolute;height: 100%;top: 30%;z-index: -1;left: 10%;}
#photo_area .titleBox em{font-size: max(4.6 * (1vw + 1vh) / 2, 35px);text-align: center;}
#photo_area .titleBox em:after{margin: 35px auto;}
#photo_area .titleBox p{font-size:16px;color: #555451;text-align: center;width: 50%;margin: 0 auto;}
#photo_area .box{display: flex;justify-content: space-between;width: 92%;margin: 0 auto;gap: 30px;}
#photo_area .box .item:first-child .info{margin: -70px 0 0 -20px;}
#photo_area .box .item:last-child .info{margin: -70px -20px 0 0;background-image: url(/images/44/img-twobg2.jpg);}
#photo_area .box .item:last-child{text-align: end;}
#photo_area .box .item img{width:100%}
#photo_area .box .item a{position:absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
#photo_area .box .item .info{background-image: url(/images/44/img-twobg1.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;display: inline-block;padding: 23px 35px;width: 400px;position: relative;}
#photo_area .box .item .info *{color:#fff;}
#photo_area .box .item .info h3{font-weight:400;font-size: 30px;}
#photo_area .box .item .info p{font-family: "Cormorant", serif;font-size: 27px;font-style: italic;display: flex;align-items: center;text-transform: uppercase;}
#photo_area .box .item .info p:before{content:'';width: 60px;height: 1px;background: #fff;opacity: .4;margin-right: 20px;}
#photo_area .track{width:100vw;max-width:100%;overflow:hidden;white-space:nowrap;margin-top: 60px;}
#photo_area .track p{font-weight: 400;font-size: 75px;margin:0;text-transform:uppercase;letter-spacing:2px;line-height:1;will-change:transform;animation: marquee 35s linear infinite;font-family: "Cormorant", serif;color: rgb(84 102 89 / 10%);}
#photo_area .track p svg{vertical-align: baseline;}

@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

@media screen and (min-width: 1281px) {
    #photo_area .box .item:hover:first-child .info{margin-left:50px}
    #photo_area .box .item:hover:last-child .info{margin: -70px 50px 0 0;}
}
@media screen and (max-width: 1680px) {
    #book_area .titleBox{left: 29%;}
	#book_area .list_box{margin:0;}
    #about_area .solgnbox{bottom: -23vh;}
}
@media screen and (max-width: 1460px) {
    #about_area{padding-top:0}
    #product_list{width:80%;margin: 0 0 0 15%;}
    #product_area .cateBox{left: -2.5vw;padding-top: 19vw;}
    #about_area .titleBox{padding-bottom:0}
    #about_area #about_info{margin:0}
    #product_area:after{zoom:80%}
    #about_area .about_sub_1{display:none;}
}
@media screen and (max-width: 1400px) {
    #book_area .titleBox{left: 36%;}
    #about_area .about_sub_2{display:none;}
    #about_area .solgnbox{padding: 70px 15vw 60px 14vw;}
    #about_area .solgnbox:after{bottom: 30px;}
}
@media screen and (max-width: 1280px) {
    #product_area:after{zoom: 60%;bottom: -13vw;}
    #about_area .solgnbox{display:none}
    #about_area{padding-bottom:7vw}
    #product_area .cateBox{position:relative;left: 0;top: 0;padding: 0;width: auto;display: grid;grid-template-columns: repeat(6, 1fr);border: 0;}
    #product_area .cateBox h3{margin:15px 0;}
    #product_area .fixTxt{display:none;}
    #product_list{width:100%;margin: 0;}
}
@media screen and (max-width: 1024px) {
    #book_area .list_box ul li.slick-current .shadow{margin-left:45px;}
    #product_list {margin: auto;width: 100%;}
	#news_area li h3 { height: 30px; -webkit-line-clamp: 1; }
	#book_area .list_box{width: 1200px;}
    #book_area .list_box ul li.slick-current:after{left:14%}
    #photo_area .box .item:first-child, #photo_area .box .item:last-child{margin:0}
    #photo_area .box{flex-direction: column;gap: 40px;}
}
@media screen and (max-width: 980px) {
    #product_area .cateBox{margin-bottom: 20px;grid-template-columns: repeat(3, 1fr);}
    #about_area .workframe{width:100%}
    #about_area .box{width: 85%;margin: 0 auto;}
    #about_area .titleBox{margin-top: 0;}
    #about_area{padding-top:0}
    #about_area #about_img{order:-1}
    #about_area .workframe{grid-template-columns:1fr;gap: 0;}
    #product_list:before, #product_area:after, #about_area .workframe:before, #about_area .workframe:after{display:none;}
    #product_area .fixTxt{top: 12vh;left: 40vw;}
    #pictureBox{bottom: 45vh;left: unset;right: -5vw;}
	#about_area #about_info { margin-bottom: 8vw; }
	#book_area .titleBox{position:relative;left: 10%;width: 85%;left: 0;top: 0;margin: 0 auto 5vw;}
    #book_area .emtitle_box font{margin-left:0}
	#book_area .list_box{width: 100%;}
    #book_area .titleBox .emtitle_box:after{margin-left:0}
    #book_area .titleBox *{margin:0}
    #book_area .titleBox .more_btn{display:none;}
    #book_area .list_box ul li.slick-current .shadow, #book_area .list_box ul li .shadow{margin:0}
    #book_area .list_box ul li{margin: 0 60px;}
    #book_area .list_box ul li.slick-current:after{left:15px}
    #photo_area .titleBox p{width: 90%;margin-bottom: 30px;}
}
@media screen and (max-width: 760px) {
	section { padding: 15vw 0 ; }
	section .title_box{font-size: 22px;}
}
@media screen and (max-width: 550px) {
    #product_area .cateBox h3{margin: 5px 0;}
    #product_list li{margin:20px 10px;}
    #product_list{height: 400px;}
    #product_area .cateBox h3 a{padding-left:15px}
	section .clip img{height: auto;}
    #photo_area .track{display:none;}
    #photo_area .titleBox p{letter-spacing:0}
    #book_area{padding-bottom: 10vw;}
    #book_area .list_box ul li{margin: 0 80px 0 30px;}
    #about_area .fixTxt{bottom: 30px;font-size: 60px;}
    #product_list li .info_box h4{font-size:20px;}
    #product_list li .info_box em{font-size:18px;}
    #product_list li .info_box h3{font-size: 30px;}
    #product_area .fixTxt{display:none;}
    section .emtitle_box:after{margin: 20px auto;}
    #product_area .titleBox, #product_area .titleBox *{text-align:center;}
    #product_list li .clip img{ box-shadow: 10px 10px #546659;}
    #pictureBox{width: 150px;bottom: 55vh;right: 2vw;}
	#news_area li .row { margin: auto; width: 280px; }
    #photo_area .box .item .info{width: 70%;padding: 13px 15px;margin-top: -30px !important;}
    #photo_area .box .item .info h3{font-size: 17px;}
    #photo_area .box .item .info p{font-size: 17px;}
}