/*     1069404 : 한줄 텍스트      */
<!--공통css-->

/* reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  color: #1f1a17;
  line-height: 1.7;
  letter-spacing: -0.02em;

}

a{text-decoration:none;color:inherit}
button{border:0;background:none;font:inherit;cursor:pointer}

.inner{width:100%;max-width:1440px;margin:0 auto;}
.section{padding:130px 0}
.eyebrow{display:inline-block;margin-bottom:14px;color:#9b7a4d;font-size:20px;font-weight:800;letter-spacing:.18em}
.section-head{margin-bottom:54px;text-align:center}
.section-head h2{font-size:45px;line-height:1.2;font-weight:500;letter-spacing:-.05em;word-break:keep-all}

.img-box{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(0,0,0,.03)),linear-gradient(45deg,#e8e1d8,#d8cec2)}


@media(max-width:768px){
  .inner{padding:0 20px}
  .section{padding:80px 0}
  .section-head h2{font-size:34px}
}

<!-- 상단 -->

.sub-hero--signature{position:relative;overflow:hidden;padding:60px 0 0;}

.sub-hero__inner{position:relative;z-index:2;text-align:center;max-width:none;padding:0; margin-top:60px;}

.sub-hero__copy{position:relative;z-index:3;max-width:1440px;margin:0 auto;}

.sub-hero__copy .eyebrow{margin-bottom:24px;color:#9b7a4d;font-size:20px;font-weight:500;letter-spacing:.08em;font-family:"Cormorant Garamond",serif;}

.sub-hero__copy h1{color:#3f3935;font-size:72px;line-height:1;font-weight:400;letter-spacing:-.06em;font-family:"Cormorant Garamond",serif; margin:0}

.sub-hero__copy p{margin-top:40px;color:#5e534a;font-size:20px;line-height:1.7;font-weight:400;word-break:keep-all;}

.sub-hero__visual{position:relative;margin-top:-160px;height:350px;width:100%;overflow:hidden;background:none;}

.sub-hero__visual:before{content:"";position:absolute;inset:0;background:url('/img_up/shop_pds/yemidam11/build/option/bg1779068559177914988021.jpg') no-repeat center/cover;transform:scale(1.08);transition:transform 4.8s ease;}

.sub-hero__visual:after{content:"";position:absolute;left:0;top:0;width:100%;height:180px;background:linear-gradient(to bottom,rgba(251,248,244,1) 0%,rgba(251,248,244,.88) 28%,rgba(251,248,244,.45) 62%,rgba(251,248,244,0) 100%);z-index:2;pointer-events:none;}

.sub-hero__visual.is-zoom-out:before{transform:scale(1);}

.signature-bg{display:none;}

@media(max-width:1200px){
.sub-hero__inner {margin-top:10px;}
.sub-hero__copy h1{font-size:6.5vw;}
.sub-hero__copy p{font-size:3vw;}
.sub-hero__visual{height:620px;}
}

@media(max-width:768px){

.sub-hero--signature{padding:30px 0 0;}

.sub-hero__copy{padding:0 20px;}

.sub-hero__copy .eyebrow{font-size:15px;}

.sub-hero__copy h1{line-height:1.06;}

.sub-hero__copy p{margin-top:28px;font-size:17px;}

.sub-hero__visual{margin-top:-100px;height:150px;width:100%;}

.sub-hero__visual:before{transform:scale(1.05);}

.sub-hero__visual:after{height:110px;}
}

/*     1069414 : 지도 (주소 직접 입력)      */
.map__1069414__ { max-width:1280px; margin:100px auto 0} 
.map__1069414__ iframe {width:100%;vertical-align:top}
.map__1069414__ p {display:none;margin:0;padding:1em 0;font-size:13px}
.map__1069414__ .build_preview__1069414__ {display:table;width:100%}
.map__1069414__ .build_preview__1069414__ .inner__1069414__ {display:table-cell;height:500px;border:1px solid #ddd;background:#f8f8f8;text-align:center;vertical-align:middle}
.map__1069414__ .build_preview__1069414__ .inner__1069414__ .subject__1069414__ {display:block;font-size:16px;font-weight:bold}
.map__1069414__ .build_preview__1069414__ .inner__1069414__ .exp_text__1069414__ {display:block;margin-top:10px;font-weight:normal;font-size:13px;color:#777}

@media all and (max-width:767px){
.map__1069414__ { margin-top:40px }
.map__1069414__ iframe {height:200px  !important}
.map__1069414__ .build_preview__1069414__ .inner__1069414__ {height:200px}
}

/*     1069424 : 한줄 텍스트      */
.pc{display:none;}
.mb{display:block;}

.sub_intro{padding: 9vw 0;}
.row > .white-space { max-width:100% !important }
.container { max-width:1280px; margin: 0 auto }
.sub_intro.bgcolor5 { background:#f3f3f3 }
.title_wrap h1 { font-size:40px; font-family:"Cormorant Garamond", serif !important;  font-weight:500; margin:0 }


/*sub부분*/
.sub_intro .flex-box { display:flex }
.sub07_81 .mapWrap {width:100%;height:67vw; margin-top:8vw;}
.sub07_81 .mapWrap .root_daum_roughmap {width:100%; height:100%;}
.sub07_81 .mapWrap .root_daum_roughmap .wrap_controllers {display:none;}
.sub07_81 .mapWrap .root_daum_roughmap .wrap_map {width:100%; height:100%;}
.sub07_81 .map_info {padding:0;}
.sub07_81 .map_info h2 {padding-bottom:5.4vw; font-family : "Cormorant Garamond", serif !important; margin:0}
.sub07_81 .time_info {padding:10.7vw 0 0;}
.sub07_81 .time_info h2{padding-bottom:5.4vw;}
.sub07_81 .btn_wrap {padding-top:5.4vw;}
.sub07_81 .btn_wrap a {display:inline-block; color:#b3a99f; font-size:2.7vw; line-height:1;border:1px solid #b3a99f;padding:2.7vw 4.7vw; border-radius:8vw;}
.sub07_81 .btn_wrap a + a {margin-left:1.4vw;}
.sub07_81 .wellcome {padding-top:10.7vw;}
.sub07_81 .wellcome img {width:100%;}
.sub07_81 .location_wrap .sTitle {font-weight:500; color:#323232; font-size:4.3vw; padding-bottom:1.4vw; display:flex; align-items:center;}
.sub07_81 .location_wrap .sTitle img {margin-right:1.4vw; max-width:3.4vw;}
.sub07_81 .location_wrap .info {font-size:3.4vw; line-height:1.8; font-weight:400;}
.sub07_81 .location_wrap .color {color:#F5A200; font-weight:500;}
.sub07_81 .location_wrap .list_wrap + .list_wrap {margin-top:5.4vw;}
.sub07_81 .location_wrap ul {display:flex; flex-wrap:wrap;}
.sub07_81 .location_wrap li {width:50%; margin-bottom:5px; display:flex; align-items:center;}
.sub07_81 .location_wrap li span {display:block; width:5px; height:9px; background:url("http://cleann.co.kr/new/images/sub/07/08_location_arrow.png")no-repeat center;background-size:cover; margin:0 2.1vw;}

.sub07_81 .time_wrap dl {display:flex; align-items:center;}
.sub07_81 .time_wrap dl + dl {margin-top:2.7vw;}
.sub07_81 .time_wrap dl dt {font-family: 'NanumSquare', sans-serif;font-weight:600;font-size:3.4vw; line-height:1;letter-spacing:0.3em;flex:0 0 20vw;}
.sub07_81 .time_wrap dl dd {font-family: 'NanumSquare', sans-serif;font-size:3.4vw; line-height:1;letter-spacing:-0.05em; text-transform:uppercase;width:max-content; flex:0 0 auto; font-weight:400;}						
.sub07_81 .time_wrap dl dt.none{letter-spacing:0;}
.sub07_81 .time_wrap dl dt.four {letter-spacing:0.3em;}
.sub07_81 .bottom {color:#7a7a7a; font-size:3.4vw;font-family: 'NanumSquare', sans-serif; line-height:1.5; font-weight:400; padding-top:4vw;}

.sub07_82 .box {padding-top:6.7vw;}
.sub07_82 .box .txt {color:#404142;font-size:4vw;line-height:1.4em; text-align:center;padding-top:4vw; font-weight:400; margin-top: 20px;}
.sub07_82 .box .txt em{display:block;color:#b3a99f;font-style:initial;font-weight:400;}
.sub07_82 .box .txt  span {color:#b1b2b2;}
.sub07_82 .box .img img {width:100%;}

.sub07_83 .img_wrap { padding:0 21.5vw; }
.sub07_83 .grayBox {box-shadow:1px 0 9px rgba(146 134 172 / 13%); border:1px solid #f1f1ee;background:#f8f8f8;border-radius:2.7vw; padding:8vw 4vw}
.sub07_83 .grayBox .title {padding-bottom:6.7vw;}
.sub07_83 .grayBox .title b {color:#6d608a;} 
.sub07_83 .box {width:100%; text-align:center; padding:2.7vw 0 4vw; border-radius:2.7vw; }
.sub07_83 .box.katalk {background:#382824;}
.sub07_83 .box.tel {background:#61537e;}
.sub07_83 .box + .box {margin-left:2.7vw;}
.sub07_83 .box h1 {color:#fff; font-weight:500; font-size:3.4vw; letter-spacing:-0.02em;padding:1.4vw 0;}
.sub07_83 .box p {color:#fff; font-weight:500; font-size:2.7vw; letter-spacing:-0.02em;}
.sub07_83 .box .img {max-width:6vw; margin:0 auto;}
.sub07_83 .box .img img {width:100%;}
.sub07_84 { background:#f7f7f7 }
.sub07_84 .box_wrap { display:flex; justify-content:center }
.sub07_84 .box_wrap .katalk strong { color:#7e706d; }
.sub07_84 .img_wrap {padding:0 21.5vw;}
.sub07_84 .title p span {color:#e29e3e;}
.sub07_84 .box_wrap .box {padding:4.5vw; position:relative;}
.sub07_84 .box_wrap .box strong {font-size:2.1vw; text-align:left; font-weight:500;display:block; padding-bottom:1.4vw;line-height:1;}
.sub07_84 .box_wrap .box h3 {color:#fff;font-size:3.4vw; text-align:left; font-weight:700;font-family: 'Noto Sans KR', sans-serif;line-height:1;}
.sub07_84 .box_wrap .katalk {background:#3b2723;}
.sub07_84 .box_wrap .katalk a {display:inline-block;width:6vw; height:6vw; background:url("/img_up/shop_pds/yemidam11/design/main_btn_link.png")no-repeat center; background-size:cover; text-indent:-9999px; overflow:hidden;position:absolute; bottom:2.7vw ; right:2.7vw ;}
.sub07_84 .box_wrap .katalk strong {color:#7e706d;}
.sub07_84 .box_wrap .info {background:#b3a99f;}
.sub07_84 .box_wrap .info strong {color:#e1d4a8;}
.sub07_84 .box_wrap .info h4 {color:#fff; font-size:2.7vw; font-weight:700; line-height:1;padding-top:4vw; text-align:right;}
.sub07_84 .box_wrap .info p {color:#fff; font-size:2.7vw; font-weight:400; line-height:1;padding-top:1.4vw; text-align:right;}
.sub07_82 .title_wrap h2  { margin:0  }
.sub07_82 .title_wrap h2 span { font-family:"Cormorant Garamond", serif !important; }

@media all and (min-width:1024px){
.pc{display:block;}
.mb{display:none;}

.sub_intro{padding-top:60px;}

.title_center{text-align:center;}
.title_wrap h1 { font-size:50px }

/*서브*/
.sub07_81 {position:relative;}
.sub07_81 .mapWrap {width:100%;height:500px; margin-top:100px;}
.sub07_81 .mapWrap .root_daum_roughmap {width:100%; height:100%;}
.sub07_81 .mapWrap .root_daum_roughmap .wrap_controllers {display:none;}
.sub07_81 .mapWrap .root_daum_roughmap .wrap_map {width:100%; height:100%;}
.sub07_81 .info_wrap .title {font-size:35px; line-height:1;font-family: "Cormorant Garamond", serif !important; letter-spacing:-0.09em;padding-bottom:40px;}
.sub07_81 .info_wrap .left, .sub07_81 .info_wrap .right {width:50%;}
.sub07_81 .info_wrap .left {padding-left:40px;}
.sub07_81 .info_wrap .right {padding-left:50px;}
.sub07_81 .btn_wrap {display:flex; padding-top:80px; z-index:2; position:relative;}
.sub07_81 .btn_wrap .btn {color:#b3a99f; font-size:19px; letter-spacing:-0.09em; display:inline-block; padding:14px 34px; border:1px solid #b3a99f; border-radius:70px; background:#fff;}
.sub07_81 .btn_wrap .btn:hover {color:#fff; background:#b3a99f;}
.sub07_81 .btn_wrap .btn + .btn {margin-left:15px;}
.sub07_81 .wellcome {position:absolute; bottom:-5px; right:0; z-index:1;}
.sub07_81 .wellcome img {max-width:55vw;}

.sub07_81 .location_wrap .sTitle {font-weight:500; color:#323232; font-size:21px; padding-bottom:10px; display:flex; align-items:center;}
.sub07_81 .location_wrap .sTitle img {margin-right:5px;}
.sub07_81 .location_wrap .info {font-size:20px; line-height:1.8; font-weight:400;}
.sub07_81 .location_wrap .list_wrap + .list_wrap {margin-top:30px;}
.sub07_81 .location_wrap ul {display:flex; flex-wrap:wrap;}
.sub07_81 .location_wrap li {width:50%; margin-bottom:5px; display:flex; align-items:center;}
.sub07_81 .location_wrap li span {display:block; width:5px; height:9px; background:url("http://cleann.co.kr/new/images/sub/07/08_location_arrow.png")no-repeat center;background-size:cover; margin:0 10px;}
.sub07_81 .time_wrap dl {display:flex; align-items:center;}
.sub07_81 .time_wrap dl + dl {margin-top:15px;}
.sub07_81 .time_wrap dl dt {font-weight:500;font-size:20px; line-height:1;letter-spacing:0.9em;flex:0 0 115px;}
.sub07_81 .time_wrap dl dd {font-family: 'NanumSquare', sans-serif;font-size:20px; line-height:1;letter-spacing:-0.05em; text-transform:uppercase;width:max-content; flex:0 0 auto; font-weight:400;}						
.sub07_81 .time_wrap dl dt.none{letter-spacing:0;}
.sub07_81 .time_wrap dl dt.four {letter-spacing:0.3em;}
.sub07_81 .right .bottom {color:#7a7a7a; font-size:19px;font-family: 'NanumSquare', sans-serif; line-height:35px; font-weight:400; padding-top:0;}

.sub07_82 {padding:110px 0 130px;}
.sub07_82 .flex-box {padding-top:60px; justify-content: center;}
.sub07_82 .box {padding-top:0vw;}
.sub07_82 .box + .box {margin-left:40px;}
.sub07_82 .txt {font-size:23px; color:#404142; letter-spacing:-0.09em; text-align:center;padding-top:20px;}
.sub07_82 .txt em {font-size:20px; color:#a680a5;  letter-spacing:-0.08em;font-style:normal;display:block;}
.sub07_82 .txt span {color:#b1b2b2;}
.sub07_82 .box .txt {color:#404142;font-size:23px;  text-align:center;padding-top:0vw; font-weight:400;}
.sub07_82 .box .txt em{display:block;color:#7e7298;font-style:initial;font-weight:400;}
.sub07_82 .box .txt  span {color:#b1b2b2;}

.sub07_83 {padding:110px 0 40px;}

.sub07_84 {padding:75px 0 0px;}
.sub07_84 .flex_box {display:flex; align-items:center}
.sub07_84 .left_img_wrap {padding:0 75px 0 115px;}
.sub07_84 .txt_wrap {padding-top:50px;}
.sub07_84 .txt_wrap h3 {color:#363636;font-family: 'Noto Serif KR', serif;font-size:30px; font-weight:500; line-height:1;}
.sub07_84 .txt_wrap p {color:#363636; font-size:20px; font-weight:400;}
.sub07_84 .txt_wrap p span {color:#b3a99f;}
.sub07_84 .txt_wrap .line {line-height:1; padding:20px 0 40px;}
.sub07_84 .box_wrap {display:flex;}
.sub07_84 .box_wrap .box {width:100%; padding:30px; border-radius:13px; position:relative;}
.sub07_84 .box_wrap .box strong {font-size:14px; font-weight:500;display:block; padding-bottom:10px;line-height:1;}
.sub07_84 .box_wrap .box h3 {color:#fff;font-size:24px; font-weight:700;font-family: 'Noto Sans KR', sans-serif;line-height:1;}
.sub07_84 .box_wrap .katalk {background:#3b2723; margin-right:20px;}
.sub07_84 .box_wrap .katalk a {display:inline-block;width:46px; height:46px; background:url("/img_up/shop_pds/yemidam11/design/main_btn_link.png")no-repeat center; text-indent:-9999px; overflow:hidden;position:absolute; bottom:20px; right:20px;}
.sub07_84 .box_wrap .katalk strong {color:#e1d4a8;}
.sub07_84 .box_wrap .info {background:#b3a99f;}
.sub07_84 .box_wrap .info strong {color:#e1d4a8;}
.sub07_84 .box_wrap .info h4 {color:#fff; font-size:18px; font-weight:700; line-height:1;padding-top:30px; text-align:right;}
.sub07_84 .box_wrap .info p {color:#fff; font-size:18px; font-weight:400; line-height:1;padding-top:13px; text-align:right;}
.sub07_84 .grayBox {position:relative;}
.sub07_84 .grayBox:after {content:''; display:block; width:100%; height:467px; background:#f8f8f8; border:1px solid #e4e2da; border-radius:13px; position:absolute; bottom:0; left:0; z-index:-1;}



}



