@charset "utf-8";
/* sub1 */
.sub1 { display: flex; gap: 40px; padding: 0 50px;}
.sub1-left { width: 21%; position: sticky; top: 100px; height: 100%;}
.sub1-left .tit { width: 100%; font-size: 20px; font-weight: 600; letter-spacing: -.01em; color: #242424; font-family: "Montserrat", sans-serif; line-height: 1em; margin-bottom: 30px;}
.pd-tab>li { width: 100%; margin-bottom: 16px;}
.pd-tab>li:last-child { margin-bottom: 0;}
.pd-tab>li .title { font-size: 16px; font-weight: 300; letter-spacing: -.03em; line-height: 1.2em; padding: 16px 0; position: relative; color: #454545; display: block; }
.pd-tab>li .title::after { content: ""; position: absolute; right: 0; width: 14px; height: 8px; background-size: contain; background: url(../images/sub/tog-down.png) center no-repeat; top: 19px;}
.pd-tab>li.active> .title::after { transform: rotate(180deg);}
.pd-sub {display: none;}
.pd-sub>li { width: 100%; margin-bottom: 8px;}
.pd-sub>li:last-child { margin-bottom: 0;}
.pd-sub>li>a { display: block; font-size: 14px; font-weight: 400; letter-spacing: -.03em ; color: #454545; padding-left: 24px; position: relative; line-height: 1.2em;} 
.pd-sub>li>a::before { content: ""; position: absolute; left: 0; width: 16px; height: 16px; border: 1px solid #ddd;}
.pd-sub>li.active>a::before { border: 1px solid #242424; background: url(../images/sub/sub-chk.png) center no-repeat;}
.pd-sub>li>a .checkbox { font-size: 14px; font-weight: 400; letter-spacing: -.03em ; color: #454545; display: block;}
.pd-sub>li>a .checkbox label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 8px 0 0; width:16px; height:16px;border:1px solid #ddd; background: transparent;}
.pd-sub>li>a .checkbox input:checked + label:before {background: url("/images/sub/sub-chk.png") 50% 50% no-repeat; border-color:#242424;}
.pd-sub>li>a .checkbox input:focus + label:before {outline:none;}
.sub1-right { width: 79%; }


/* sub1 detail */
.sub1-tit { font-size: 44px; letter-spacing: -.01em; font-weight: normal; line-height: 1em; font-family: 'Minion Pro Medium'; margin-bottom: 30px;}
.sub1-box { margin-bottom: 70px;}
.type1 { display: flex; }
.type-left { width: 50%; }
.type-swiper { width: 100%; position: relative; overflow: hidden;}
.type-swiper-slide { display: block; position: relative;}
.type-swiper-slide .thumb {position:relative; padding-bottom:80%; overflow:hidden;}
.type-swiper-slide .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.type-swiper-button-prev::after, .type-swiper-button-next::after { display: none;}
.type-swiper-button-prev, .type-swiper-button-next { width: 29px; height: 51px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.type-swiper-button-prev { background-image: url(../images/sub/sub1-leftbt.png); left: 30px;}
.type-swiper-button-next { background-image: url(../images/sub/sub1-rightbt.png); right: 30px;}
.type-right { width: 50%; }
.type-right .titbox { padding-left: 50px; background: #f5f4f2; padding-top: 35px; padding-right: 50px;}
.type-right .titbox .tit { font-size: 30px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #242424; margin-bottom: 15px;}
.type-right .titbox .txt { font-weight: 300; letter-spacing: -.03em; line-height: 1.666em; color: #686868;}
.type-right .titbox .tit-sub { font-size: 14px; font-weight: 600; letter-spacing: -.03em; position: relative; padding-bottom: 8px; color: #2e452f; font-family: "Montserrat", sans-serif; line-height: 1em; margin-top: 35px; display: inline-block;}
.type-right .titbox .tit-sub::after { width: 100%; height: 4px; background: #2e452f; left: 0; position: absolute; content: ""; bottom: -4px;}
.type-right .txtbox { padding-left: 50px; padding-top: 38px;}
.type-list { border: 1px solid #ddd; display: flex; flex-wrap: wrap; border-bottom: none; border-right: none; width: 100%;}
.type-list li { width: calc(100%/2); border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 14px 20px; display: flex; }
.type-list li:first-child { width: 100%;}
.type-list li .tit { font-size: 14px; font-weight: 600; letter-spacing: -.03em; line-height: 1em; width: 90px; color: #2e452f;padding-top: 3px;}
.type-list li .txt { flex: 1 1 auto; min-width: 0; width: 1%; font-size: 14px; font-weight: 400; letter-spacing: -.03em; line-height: 1.6em; color: #454545; }
.type2 { display: flex; gap: 40px;}
.type2>div { width: calc(100%/2 - 20px); padding: 75px 50px;}
.type2 .info { background: #f8f6f2;}
.type2 .inspire { background: #2e452f;}
.type2>div p { font-size: 16px; font-weight: 400; letter-spacing: -.03em; line-height: 1.666em; color: #454545; margin-bottom: 75px;}
.info-box { margin-bottom: 40px;}
.info-box:last-child { margin-bottom: 0;}
.info-box strong { display: block; color: #2e452f; font-weight: 600; font-size: 16px; letter-spacing: -.03em; line-height: 1.3em; font-family: "Montserrat", sans-serif; margin-bottom: 12px;}
.info-box .txt { font-size: 16px; font-weight: 400; letter-spacing: -.03em; line-height: 1.3em; color: #454545;}
.info-fx { display: flex; gap: 95px; }
.inspire { color: #fff;}
.inspire-list { display: flex; gap: 40px; margin-bottom: 35px;}
.inspire-list li { width: calc(100%/2 - 20px);}
.inspire-list li .thumb {position:relative; padding-bottom:120%; overflow:hidden;}
.inspire-list li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.inspire-list li .txt { font-weight: 400; line-height: 1.666em; letter-spacing: -.03em; }
.sub1-gd { padding: 70px 50px; background: #f8f6f2}
.sub1-gdlist { display: flex; gap: 40px; }
.sub1-gdlist li { width: calc(100%/4 - 30px);}
.sub1-gdlist li a { display: block; position: relative; width: 100%;}
.sub1-gdlist li .thumb {position:relative; padding-bottom:56.25%; overflow:hidden; margin-bottom: 12px;}
.sub1-gdlist li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.sub1-gdlist li .txt { font-size: 18px; font-weight: 400; letter-spacing: -.03em; line-height: 1.6em; color: #242424; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/* 가든 센터 */
.mapbox { margin-bottom: 40px;}
.lct { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px 0;}
.lct-list { display: flex; gap: 110px; flex-wrap: wrap;}
.lct-list li .tit { font-size: 18px; letter-spacing: -.01em; line-height: 1em; color: #242424; font-family: 'Minion Pro Medium';}
.lct-list li .line { width: 50px; height: 1px; background: #2e452f; margin: 10px 0 17px;}
.map-view { width: 180px; height: 50px; display: flex; align-items: center; justify-content: center; background: #2e452f; color: #fff; font-size: 16px; letter-spacing: -.01em; line-height: 1em; font-family: 'Minion Pro Medium'; padding-right: 22px; position: relative;}
.map-view::after { content: ""; position: absolute; right: 45px; top: 17px; background-size: contain; background: url(../images/sub/locate.png) center no-repeat; width: 12px; height: 15px;}
.lct-list li .txt { font-size: 14px; font-weight: 300; letter-spacing: -.03em; line-height: 1.6em; color: #454545;}
.lct-list2 { display: block; gap: 50px 0; margin-bottom: 60px;}
.lct-list2 li { margin-bottom: 45px;}
.lct-list2 li:last-child { margin-bottom: 0;}

/* 랜드 웍스 */
.sub-img { padding: 0 130px; text-align: center;}
.sub-link { margin-top: 40px; display: flex; justify-content: center;}
.sub-link a { width: 230px; height: 44px; border-radius: 22px; display: flex; align-items: center; justify-content: center; color: #454545; transition: .2s; border: 1px solid #ddd; font-weight: 400; letter-spacing: -.03em; line-height: 1em; }
.sub-link a:hover { background: #455f45; color: #fff; border: 1px solid #455f45;}
.sub3-fx { display: flex; }
.sub3-left { width: 58%; padding-right: 80px;}
.sub3-left .title { font-size: 36px; font-weight: normal; letter-spacing: -.01em; line-height: 1em; color: #242424; padding-bottom: 25px; border-bottom: 1px solid #505050; font-family: 'Minion Pro Medium'; margin-bottom: 18px;}
.sub3-left p { margin-bottom: 30px; font-size: 14px; font-weight: 300; letter-spacing: -.03em; line-height: 1.6em; color: #242424;}
.sub3-left p.txt { margin-bottom: 10px;}
.sub3-left p.en { font-size: 15px; font-weight: normal; line-height: 1.5em; color: #454545; font-family: 'Minion Pro Regular'; letter-spacing: -.01em; margin-bottom: 45px;}
.sub3-right { width: 42%;}
.ins-more { text-align: center; padding: 70px 0 120px; background: #f8f6f2;}
.ins-morelist { display: flex; flex-wrap: wrap; margin: 0 -5px; margin-top: 40px; margin-bottom: 20px;}
.ins-morelist li { width: 16.6666%; padding: 0 5px; margin-bottom: 10px; display: none;}
.ins-morelist li .thumb {position:relative; padding-bottom:100%; overflow:hidden;}
.ins-morelist li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.ins-link { width: 230px; height: 44px; border-radius: 22px; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 600; letter-spacing: -.01em; line-height: 1em; color: #454545; transition: .2s; margin: auto; background: transparent;}
.ins-link:hover { background: #455f45; color: #fff;}

/* 정원 칼럼 */
.gd-viewbox { max-width: 100%; width: 100%; margin: 0 auto 100px;}
.gd-view-img { text-align: center;}
/* .gd-view-img img { width: 100%;} */
.gd-txtbox { padding: 80px 0 50px; border-bottom: 1px solid #505050; }
.gd-txtbox p { font-size: 16px; font-weight: 400; letter-spacing: -.03em; line-height: 1.666em; color: #242424;}
.gd-dt { padding: 0; margin-top: 50px;}
.gd-dt-txt { border: 1px solid #ddd; text-align: center; font-size: 18px; font-weight: 300; letter-spacing: -.03em; line-height: 1.6em; color: #242424;padding: 50px 15px;}
.gd-order { display: flex; gap: 110px; margin-bottom: 100px;}
.gd-order li { width: calc(100%/4 - 28px); }
.gd-order li .thumb {position:relative; padding-bottom:130%; margin-bottom:23px; overflow:hidden; }
.gd-order li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:contain;}
.gd-order li .tit { font-weight: 400; letter-spacing: -.03em; line-height: 1em; color: #242424; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; margin-bottom: 13px;}
.gd-order li .txt { font-size: 13px; font-weight: 300; letter-spacing: -.03em; line-height: 1em; color: #242424; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.gd-cl { padding: 80px 0; background: #f8f6f2;}
.gd-cl-list { display: flex; flex-wrap: wrap; gap: 50px;}
.gd-cl-list li { width: calc(100%/3 - 34px); }
.gd-cl-list li a { display: block; width: 100%; position: relative;}
.gd-cl-list li .thumb {position:relative; padding-bottom:56.25%; margin-bottom:15px; overflow:hidden;}
.gd-cl-list li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.gd-cl-list li .tit { font-size: 16px; font-weight: 400; letter-spacing: -.03em; line-height: 1.5em; color: #454545; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.gd-cl-list li a:hover > .tit { text-decoration: underline; text-underline-position: under;}