/* hSearch */
#hSearch { top: 60px; }

/* wrap */
#wrap { z-index: 5; }

/* section */
section {padding: 6vw 0 2vw;}
section >* { z-index: 3; }
section .title_box h2 {padding: 2px 5px;font-size: 22px;border-width: 0 1px;z-index: 20;right: 20px;bottom: 30px;}

/* more */
p.more {padding: 20px 0;}
p.more a {position: relative;overflow: hidden;padding: 8px 50px;display: inline-block;align-items: center;border: 1px var(--primary) solid;letter-spacing: .06em;line-height: 30px;transition: 1.2s ease 1.8s;transform: translateY(0%);}
p.more a:before {position: absolute;width: 100%;height: 100%;background: var(--primary);top: 0;left: 0;transform: translateY(110%);transition: .4s cubic-bezier(.23,1,.32,1);content: "";}
p.more a font {position: relative;display: inline-block;font-size: 13px;color: var(--primary);z-index: 2;padding-bottom: 5px;}
p.more a font svg {width: 28px;height: 28px;margin-right: 5px;fill: #c3a488;}

/* .slick-dots */
.webBox .slick-dots {position: relative;margin-top: 20px;bottom: 0;text-align: left;}
.webBox .slick-dots li {width: 10px;height: 10px;display: inline-flex;}
.webBox .slick-dots li:before {margin: auto;display: block;background-color: rgb(94 74 55 / 60%);content: "";width: 10px;height: 10px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.webBox .slick-dots li.slick-active:before {background-color: #e9d0b9;}


/* about_area */
#about_area .title h2 {font-size: 25px;padding-bottom: 10px;margin-bottom: 30px;font-weight: 400;letter-spacing: 0.5px;color: #c3a488;position: relative;}
#about_area .title h2:before {width: 40px;height: 1px;bottom: -10px;content: " ";position: absolute;background-color: rgb(195 164 136);}
#about_area .info article {line-height: 200%;letter-spacing: .5em;font-size: 18px;margin-bottom: 30px;line-height: 180%;}
#about_area{position: relative;padding: 5vw 0 0vw;}
.title p,#slognBox h3{color: var(--primary);font-size: 80px;line-height: 130%;z-index: -1;font-weight: 300;font-family: 'Italiana', serif;}


/* custom_area */
#custom_area {margin: 90px 0 0;}
#custom_area {background-size: 100% 140px;background-repeat: no-repeat;background-position: 50% 100%;margin: 0px auto;width: 100%;}
#servicet_area{width: 80%;margin: auto;display: flex;flex-direction: row;justify-content: space-around;padding: 300px 0 100px;}
#custom_area .top{width: 20%;padding: 80px 10px 0;}
#custom_area .top .titleBox{position: relative;}
#custom_area .servicet{width: 70%;margin-left: 0%;}
#custom_area .top .titleBox em{color: var(--primary);position: absolute;font-size: 80px;top: -55px;z-index: -1;font-family: 'Italiana', serif;font-style: inherit;}
#custom_area .top .titleBox .slogan {font-size: 22px;padding-bottom: 30px;font-weight: 300;letter-spacing: 0.2em;color: #353535;position: relative;}
#custom_area .top .titleBox .slogan:before {width: 100px;height: 1px;top: 23px;left: 175px;content: " ";position: absolute;background-color: rgb(78 78 78 / 36%);}

#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: 20px;width: 90%;display: -ms-flexbox;display: flex;position: relative;overflow: hidden;align-items: center;flex-direction: column;text-align: center;}
#custom_area ul li .clip {height: 120px;width: 120px;border: 0px solid rgb(255 255 255 / 28%);background: #e6e2df;border-radius: 100%;padding: 20px;margin: 20px auto 0;position: relative;}
#custom_area ul li .clip:after {border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 15px solid rgb(255 255 255 / 28%);height: 0;left: 50%;margin-left: -15px;position: absolute;width: 0;bottom: -15px;content: "";}
#custom_area ul li .clip img{height: 100%;width: 100%;object-fit: cover;border-radius: 100%;}
#custom_area ul li .clip span{font-size: 30px;color: #585858;opacity: 0.9;position: absolute;font-weight: bold;left: -10px;top: -20px;line-height: 1em;z-index: 5;transition: all 0.35s ease;background: linear-gradient(45deg, #98714d 0%, #98714d 99%, var(--primary) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding: 0px 9px 10px;display: inline-block;font-family: 'Italiana', serif;font-style: italic;letter-spacing: 0.5px;border-bottom: 1px solid #c3a488;}


#custom_area ul li h3 {display: block;font-weight: normal;font-size: 17px;letter-spacing: 1.5px;position: relative;margin: 23px auto 20px;width: max-content;color: #907a69;}
#custom_area ul li article {font-weight: 300;font-size: 16px;text-align: center;color: #333;}


/* product_area */
#product_area { padding-bottom: 0; background: no-repeat 0 bottom / auto 70%; }
#product_area .img_box { margin: 0 0 5vw 10vw; border-bottom-left-radius: 200px; }
#product_area .img_box img { height: 60vw; }
#product_area .info { padding: 0 100px; width: 700px; height: 300px; box-sizing: border-box; z-index: 10; right: 0; bottom: 0; justify-content: space-between; align-items: flex-end; }
#product_area .info >div { margin: auto; width: 100%; }
#product_area .info h3 { height: 37px; font-size: 22px; }
#product_area .info article { margin: 10px 0 20px; font-size: 15px; height: 75px; -webkit-line-clamp: 3; }
#product_area .info p { margin-right: 10px; font-weight: 300; }
#product_area .info p:first-letter { margin-right: 2px; font-size: 12px; }
#product_area .info .price_box { height: 28px; }

/* sPictureBox */
#sPictureBox {padding: 6vw 0 5vw 0;position: relative;}
#sPictureBox:before {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: -1;content: "";background-image: url(/images/45/indec-custom-bg.jpg);background-position: 50% 50%;}
#sPictureBox .list {position: relative;display: flex;}
#sPictureBox .list a {position: absolute;width: calc(100% - 60px);height: 100%;display: block;top: 0;left: 30px;z-index: 3;}
#sPictureBox .list .img { position: relative; margin: 0 30px; z-index: 1; }
#sPictureBox .list .img img { width: 100%; height: 200px; object-fit: cover; }
#sPictureBox .list .txt {padding: 35px 0%;margin-right: auto;z-index: 2;width: 40%;}
#sPictureBox .list .txt .title{display: flex;justify-content: center;}
#sPictureBox .list .txt .title p{color: #222221;font-size: 70px;}
#sPictureBox .list .txt h4 {font-weight: 300;font-size: 22px;color: #525252;position: relative;text-align: center;margin-bottom: 10px;margin-top: 30px;letter-spacing: 3.5px;}
#sPictureBox .list .txt h2{font-weight: 200;letter-spacing: 1.2px;margin-bottom: 30px;font-size: 17px;text-align: center;}
#sPictureBox .list .txt .more {margin-top: 5px;text-align: center;padding: 20px 0 0px 0;}
#sPictureBox .list .txt .more font {margin-right: 10px;font-weight: 500;text-transform: uppercase;letter-spacing: .7px;font-size: 13px;position: relative;display: block;width: 150px;padding: 17px 20px 17px 10px;color: #fff;background-color: var(--primary);text-align: center;display: inline-block;}


#g-map {position: relative;width: 50%;padding: 20px 20px 60px;background-color: #fff;}
#g-map:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; content: ""; }
#g-map iframe {position: relative;width: 100%;height: 100%;z-index: auto;}
#g-map .maplink { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; z-index: 3; }

/* svg */
svg.arrow { width: 15px; }
svg.arrow.white { fill: #fff; }
svg.show {width: 8px;fill: #fff;margin-left: 10px;}

/* news_area */
#news_area{margin: auto;padding: 0vw 0 0vw;width: 80%;}
#news_area >div {padding: 4% 0%;justify-content: space-between;}
#news_area .bg_box {width: 330px;top: 0;left: 0;opacity: .3;}
#news_area .title_box{width: 30%;}
#news_area .title_box h2 {margin: 0px 0 10px 0;padding: 10px 0px 20px;font-weight: 300;letter-spacing: 0.2em;color: #353535;}
#news_area .title_box span{color: var(--primary);line-height: 120%;font-size: 60px;top: -20px;z-index: -1;font-family: 'Italiana', serif;font-style: inherit;}
#news_list {margin-left: 5vw;padding: 6vw 0 6vw 6vw;box-sizing: border-box;flex: 1;background: #fff0;width: 70%;}
#news_list ul {width: 100%;}
#news_list ul li >div {padding: 0 30px;border-bottom: 1px #00000024 solid;}
#news_list ul li .time {margin-right: 30px;width: 90px;font-size: 14px;color: var(--complement);}
#news_list ul li h3 {margin: 20px 0;width: calc(100% - 170px);font-size: 18px;font-weight: 400;letter-spacing: 1.2px;}


/* slognBox */
#slognBox{background-image: url(/images/45/index-slogn-bg.jpg);background-repeat: no-repeat;background-position: 50% 60%;background-size: cover;padding: 190px 0 40px 0;position: relative;background-color: var(--complement);z-index: 10;}
#slognBox .workframe {position: relative;margin: 0 0 0 auto;width: 50%;font-size: 0;z-index: 1;padding: 40px 0px 60px 0;}
#slognBox .servicet{margin: 0 20% 0 auto;width: 45%;padding: 10px 0;}
#slognBox h3{line-height: 120%;}
#slognBox .text-clamp{margin-left: 50px;text-transform: capitalize;}
#slognBox h3,#slognBox .text-clamp{color: #fff;font-size: 60px;font-weight: 500;letter-spacing: 2px;}
#slognBox ul .slogn_area{padding: 0 10px;}
#slognBox .servicetrow{margin-bottom: 70px;}
#slognBox .servicetrow b, #slognBox .servicetrow .subtitle, #slognBox .boxtext{color: var(--white);}
#slognBox .servicetrow .subtitle{font-weight: 400;font-size: 18px;}
#slognBox .servicetrow b{font-size: 26px;padding-bottom: 30px;font-weight: 300;letter-spacing: 0.2em;}#slognBox .txt b{color: #e9d0b9;letter-spacing: 2.5px;margin-bottom: 20px;display: block;font-size: 20px;}
#slognBox .title{display: flex;flex-direction: column;align-items: flex-start;position: absolute;top: -110px;left: -90px;}



@media screen and (max-width: 1366px){
	#servicet_area{width: 95%;padding: 110px 0 160px;}
}

@media screen and (min-width: 1281px){
	p.more a:hover { border-color: var(--primary); }
	p.more a:hover:before {transform: translateY(0);}
	p.more a:hover font { color: #fff; }	
	p.more a:hover font svg{ fill: #ffffff;}
	#custom_area ul li:hover .clip span {opacity: 0.8;}
	header #webmenu {top: auto;bottom: 22%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
}


@media screen and (max-width: 1280px){
	#news_area .bg_box{width: 150px;height: 480px;}
	#news_area >div{padding: 4% 0%;}
	#news_area .title_box h2{padding: 0px 10px;}

}

@media screen and (max-width: 1140px){
	#servicet_area{width: 90%;padding: 10px 0 30px;flex-wrap: wrap;}
	#custom_area .top,#custom_area .servicet{width: 95%;}
	#custom_area .top{padding: 80px 0px 0px;}
	#custom_area .top .titleBox p.more{display: none;}
	#slognBox{background-position: 100% 50%;padding: 160px 0 40px 0;}
	#slognBox .servicet{margin: 0 13% 0 auto;width: 60%;}
	#slognBox .workframe{width: 65%;}
}
@media screen and (min-width: 1025px){
	#about_area:before {content: '';position: absolute;top: 170px;right: -20px;display: block;width: 330px;height: 580px;background-image: url(/images/45/ab-img-bg.png);background-repeat: no-repeat;background-position: center;animation: iconRotate 2s ease-in-out both alternate-reverse infinite;}
	#about_area .about_wrap {width: 43%;margin-right: 0%;flex-direction: column;justify-content: center;display: flex;align-items: flex-start;margin-left: auto;}
	#about_area .title {align-items: flex-start;flex-direction: column;display: flex;position: relative;}
	#about_area .imgs {position: absolute;width: 50vw;height: auto;top: 0px;left: 50px;z-index: 1;}
	#about_area .imgs .list {height: 37vw;background: no-repeat 50% / cover;background-size: contain;}
	#about_area .info article {font-weight: 400;font-size: 18px;letter-spacing: 0.1px;line-height: 190%;color: #353535;}
	#product_area .img_box { margin-left: 13.33333%; }
	#product_area .img_box img { height: 45vw; }
	#news_list {margin-left: 40px;padding: 0px 0px 0px;}
	#about_area .imgs:before {position: absolute;width: 90%;height: 60%;border: 1px rgba(var(--info-rgb), .1) solid;display: block;left: 57%;top: 59%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);content: '';border: 4px double var(--primary)75;position: absolute;z-index: -1;border-top-right-radius: 350px;border-bottom-right-radius: 350px;}
}
@media screen and (max-width: 1024px){
	section .title_box h2 { padding: 2px; border-width: 1px 0; right: 15px; bottom: 15px; }
	#about_area .info {margin: 10px auto 0;width: 100%;}
	#sPictureBox .list .txt{width: 100%;padding: 0px 0%;margin-bottom: 30px;}
	#g-map{width: auto;padding: 10px;}
	#sPictureBox .list .txt h4{padding: 0 0px 0;margin-bottom: 10px;font-size: 20px;letter-spacing: 1.5px;margin-top: 10px;}
	#sPictureBox .draggable{width: 84%;margin-right: auto;margin-left: auto;}
	#sPictureBox .list .txt h2{margin-bottom: 10px;}
	#news_list ul{width: 100%;}
	#news_area >div{padding: 12% 0% 30px 0%;}
	#news_area .title_box{width: 100%;padding: 0 10px;text-align: center;display: flex;flex-direction: column;align-items: center;}
	#about_area .info article{letter-spacing: 0;}
	#news_list {margin-left: 0;padding: 0;box-sizing: border-box;flex: 1;background: #fff0;width: 100%;}
	#news_area .title_box h2{font-size: 20px;padding: 10px 0px;margin-bottom: 0px;}
	#sPictureBox .draggable:before{left: 10px;}
	#sPictureBox{padding: 7vw 0 6vw 0;}
	#about_area .imgs {position: initial;width: 100%;height: auto;z-index: 1;padding-bottom: 30px;}
	#about_area .imgs .list {height: 73vw;background: no-repeat 50% / cover;background-size: contain;}
	#about_area{padding: 4vw 0 0vw;}
	#about_area .title h2{padding-bottom: 10px;}
	#about_area .title h2:before{left: 50%;transform: translateX(-50%);}p.more{text-align: center;padding: 10px 0;}
	#news_area .title_box span, #about_area .title p, #custom_area .top .titleBox em, #sPictureBox .list .txt .title p, #slognBox h3, #slognBox .text-clamp{font-size: 42px;}
	#news_area{width: 90%;}
	#sPictureBox .list{flex-direction: column;}	
	#g-map iframe{height: 290px;}
}
@media screen and (max-width: 980px){
	#product_area .img_box { border-bottom-left-radius: 0; }
	#product_area .info { margin-top: -25vw; padding: 10vw; width: 95vw; }
	#product_area .info article { height: 50px; -webkit-line-clamp: 2; }
	#news_area .bg_box {width: 100%;height: 70%;display: none;}
	#news_list {margin: 0vw 0 0px 0;padding: 2vw 0 6vw 0vw;}
	#slognBox .title{letter-spacing: 2px;top: -130px;left: 0px;}
	#slognBox .text-clamp{margin-left: 0;}
	#slognBox h3, #slognBox .text-clamp{font-size: 42px;}
	#slognBox:after{width: 95%;}
	#slognBox{background-position: 100% 56%;background-size: 1880px;padding: 180px 0 20px 0;}
	#slognBox .servicet{margin: 0 20% 0 auto;width: 80%;}
	#slognBox .workframe{width: 90%;padding: 0px 0 0px 0;}
	#slognBox .servicetrow b{font-size: 20px;}
	#slognBox .servicetrow {margin-bottom: 20px;}
}
@media (min-width: 0) and (max-width: 739px) {
	#custom_area ul li .clip span {opacity: 0.8;}
}
@media screen and (max-width: 640px){
	#news_list ul li >div { padding: 10px; }
	#news_list ul li .time { font-weight: 100; font-size: 12px; }
	#news_list ul li h3 { margin: 0; width: 100%; }
	#about_area .info article{letter-spacing: .0em;font-size: 15px;}
	#about_area .title h2{padding-bottom: 0px;}
	#about_area:before{top: 51%;width: 93%;}
}