@charset "utf-8";

/*서브공통*/
.s-tit {text-align:center; margin-bottom:4%}
.s-tit h3 {font-weight:500; font-size:2.25em; color:#0e0e0e; margin-bottom:1%}
.s-tit p {font-weight:400; letter-spacing:0.02em;}
.s-tit p span {font-weight:500;  letter-spacing:0.02em;}

/*table*/
.tb_r {text-align:right; font-size:0.8em;}
.tb-style1 {width:100%;}
.tb-style1 th {border-top:3px solid #f1eae3; border-bottom:3px solid #f1eae3; background:#fbfaf8; border-left:1px solid #f2f2f2; font-weight:500; color:#3b342c; padding:10px 0 }
.tb-style1 th:first-child {border-left:none;}
.tb-style1 td {border-left:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; text-align:center; padding:10px; font-weight:400; letter-spacing:-0.01em;}
.tb-style1 td:first-child { border-left:none}
.tb-style1 td.td-cont {text-align:left; padding:4%}
.tb-style1 td.td-cont dl {margin-bottom:4%}
.tb-style1 td.td-cont dt {font-weight:500}

/*table*/
.tb_r {text-align:right; font-size:0.8em;}
.tb-style2 {width:100%; border-top:3px solid #f1eae3;}
.tb-style2 th {border-bottom:1px solid #f1eae3; background:#fbfaf8; font-weight:500; color:#3b342c; padding:10px 0 }
.tb-style2 td {border-bottom:1px solid #f2f2f2; text-align:left; padding:10px 10%; font-weight:300; letter-spacing:-0.01em}
.tb-style2 td:first-child { border-left:none}
.tb-style2 td.td-cont {text-align:left; padding:4%}
.tb-style2 td.td-cont dl {margin-bottom:4%}
.tb-style2 td.td-cont dt {font-weight:500}



/*재단소개*/
/* .intTop {width:100%; background:url(/images/sub/intro1_bg1.png) no-repeat  center center; }
.intTop .topImg {overflow: hidden; padding-top: 295px; background: url("/images/sub/intro1_img2.jpg") no-repeat left top; background-size: 75% auto;}
.intTop .topImg img {width: 50%; float: right;} */
.intTop {width:100%;}
.intTop .topImg {}
.intTop .topImg img {width: 100%;}

.intTypo  {text-align:center; padding:5% 0 ; background:url(/images/sub/intro1_bg2.png) no-repeat; background-position: 50% 50%; }
.intTypo .bar{background:#f9a038; width:1px; height:100px; margin:0 auto;}
.typoTit {font-size: 2.3em; color:#f9a038; font-family: 'S-CoreDream-2ExtraLight'; position:relative;   }
.typoTit:after  {content:'“'; font-size: 1.8em; color:#f9a038; font-family: 'Noto Serif JP', serif; position: absolute; top: -15%; left: 21%;}
.typoTit:before  {content:'”';font-size: 1.8em; color:#f9a038; font-family: 'Noto Serif JP', serif; position: absolute; top: -15%; right: 21%;}

.intTypo p { margin-bottom:3% }
.intTypo p:first-child {font-size:2.5em;  line-height: 1.2em; }

.intCon > li { overflow: hidden; text-align: left; position: relative; margin-bottom:10%;  }
.intCon > li .intImg { width:55%; height: 100%;  position: absolute; left:0; top:0;  background-size: cover; background-position: center;  }

.intCon > li .intTxt {width:45%;   height: 100%;  float: right; padding: 6% 3%; }
.intCon > li dl.intTxt dt { font-size: 1.86em; color:#212121; font-weight: 500; margin-bottom: 3vw; position:relative;  }
.intCon > li dl.intTxt dt:before {content:''; width: 100px; height:1px; background:#f9a038;  position: absolute; bottom: -50%; left: 0;} 
.intCon > li dl.intTxt dd { font-size: 1.05em; line-height: 1.5em; }

.intCon > li .intTxt2 { width:45%;  float: left; text-align:right; padding: 5% 3%; }
.intCon > li dl.intTxt2 dt { font-size: 1.86em; color:#212121; font-weight: 500; margin-bottom: 3vw; position:relative; }
.intCon > li dl.intTxt2 dt:before {content:''; width: 100px; height:1px; background:#f9a038;  position: absolute; bottom: -50%; right: 0;}
.intCon > li dl.intTxt2 dd {font-size: 1.05em; line-height: 1.5em; }

.intCon > li:nth-child(even) .intImg { left: auto; right:0; }
.intCon > li:nth-child(even) .intTxt { float: left; }

.intro1_1  { background-image:url("/images/sub/intro1_img2_1_new_230817.png")}
.intro1_2  { background-image:url("/images/sub/intro1_img2_3_230817.png")}
.intro1_3 { background-image:url("/images/sub/intro1_img2_2_new_230818.png")}


@media screen and (max-width:1024px){
.typoTit:after  {left:15%}
.typoTit:before  {right: 15%;}
}

@media screen and (max-width:976px){
.intTop {width:100%; background-size:cover;}
.intTop .topImg {padding-top: 21%;}

.intTypo { padding:15%; background-size:100% auto; }
.intTypo .bar{height:70px;}
.intTypo p:first-child {font-size:2em;  line-height: 1.2em; }

.typoTit:after  {left:0}
.typoTit:before  {right:0;}

.intCon > li  { padding-top: 35vw;  margin-bottom:3%; }
.intCon > li .intImg { width: 100%; height: 35vw;  }
.intCon > li .intTxt { width: 100%; }
.intCon > li dl.intTxt dt {margin-bottom: 4vw; }

.intCon > li .intTxt2 { width: 100%; }
.intCon > li dl.intTxt2 dt {margin-bottom: 4vw; }
}

@media screen and (max-width:815px){
.typoTit:after  { left: -10%;}
.typoTit:before  {right: -10%;}

}

@media screen and (max-width:540px){
.intTypo .bar{height:50px;}
.typoTit {font-size: 1.8em; }

.intCon > li dl.intTxt dt,
.intCon > li dl.intTxt2 dt {margin-bottom: 6vw; }
.intCon > li dl.intTxt dt:before,
.intCon > li dl.intTxt2 dt:before {bottom: -35%;}
}


/*연혁*/
#intro2Tit {text-align:center; background: url("/images/sub/intro2_bg.png") no-repeat center center; background-size:cover; padding: 5% 3%;}
.int2Tit {font-size: 2.1em; color:#fff; font-family: 'S-CoreDream-2ExtraLight'; }

#history {width:100%; overflow:hidden; position:relative; padding:80px 0 50px;}
#history:before {content:''; display:block; width:1px; height:100%; background:#ddd; position:absolute; left:50%; top:0;}
#history dl {position:relative; width:50%; box-sizing:border-box; padding-left:80px; float:right; text-align:left; clear:both; margin-bottom:50px;}
#history dl:before {content:''; display:block; width:60px; border-top:1px solid #cb9d77; position:absolute; left:0px; top:14px;}
#history dl:after {content:''; display:block; width:13px; height:13px; background:#cb9d77; border-radius:50%; position:absolute; left:-6px; top:8px; border-radius:50%;}
#history dl:nth-child(even) {float:left; text-align:right; padding-left:0; padding-right:80px;}
#history dl:nth-child(even):before {left:auto; right:0;}
#history dl:nth-child(even):after {left:auto; right:-6px}

#history dl dt {font-size:2em; color:#cb9d77; font-weight:600; line-height:1.2em; padding-bottom:7%;}
#history dl dd {font-size:1em; color:#686868; line-height:1.6em; margin:5px 0; position:relative;}
#history dl dd .day {font-size:1.05em; font-weight:500; color:#b0b0b0; margin-right:38px;}

@media screen and (max-width:767px){
	#history {padding:12% 0 5%}
	#history:before {left:5px;}
	#history:after {margin-left:0; left:0; width:10px; height:10px;}
	#history dl {width:100%; padding-left:50px; margin-bottom:9%}
	#history dl:before {width:28px; top:13px;}
	#history dl:after {width:10px; height:10px; border-width:2px; left:0;}
	#history dl:nth-child(even) {float:none; text-align:left; padding-right:0; padding-left:50px;}
	#history dl:nth-child(even):before {right:auto; left:15px;}
	#history dl:nth-child(even):after {right:auto; left:0}

	#history dl dt {font-size:1.7em; padding-bottom:3%;}
	#history dl dd {margin:4px 0}
	#history dl dd .day {margin-right:20px;}
}




/*인사말*/
.name {font-size: 2.5em; color:#000; font-family: 'InkLipquid'; margin-left: 20px; }

.int3Typo  {text-align:center; padding:5% 0 ; background:url(/images/sub/intro1_bg2.png) no-repeat; background-position: 50% 50%; }
.int3Typo .bar{background:#f9a038; width:1px; height:100px; margin:0 auto;}

.typoTit3 {font-size: 2.3em; color:#f9a038; font-family: 'S-CoreDream-2ExtraLight';  position:relative; }
.typoTit3:after  {content:'“'; font-size: 1.8em; color:#f9a038; font-family: 'Noto Serif JP', serif; position: absolute; top: -15%; left: 20%;}
.typoTit3:before  {content:'”';font-size: 1.8em; color:#f9a038; font-family: 'Noto Serif JP', serif; position: absolute; top: -15%; right: 20%;}

.int3Typo p { margin-bottom:3% }
.int3Typo p:first-child {font-size:2.5em;  line-height: 1.2em; }


@media screen and (max-width:976px){
.int3Typo { padding:15%; background-size:100% auto;}
.int3Typo .bar{height:70px;}
.int3Typo p:first-child {font-size:2em;  line-height: 1.2em; }

.typoTit3:after  {left: -3%;}
.typoTit3:before  {right: -3%;}
}

@media screen and (max-width:875px){
.typoTit3:after  {top: -25%; left: -5%;}
.typoTit3:before  {top: -25%; right: -5%;}
}

@media screen and (max-width:735px){
.typoTit3:after  {top: -15%; }
.typoTit3:before  {top: -15%;}
}

@media screen and (max-width:540px){
.int3Typo .bar{height:50px;}
.typoTit3 {font-size: 1.8em; }
}


/*풍수지리*/
#int5Typo {width:70%; border-left:3px solid #f9a038; padding:3% 5%; margin-bottom:7%;}
#int5Typo .typoTit51 {font-size: 2.1em; color:#000;}
#int5Typo p { margin-bottom:3% }
.imgBox {height:876px; background:url(/images/sub/intro5.jpg) no-repeat; background-size: 100% auto;  }

@media screen and (max-width:976px){
#int5Typo {width:100%;}
.imgBox {height:630px; }
}

@media screen and (max-width:767px){
.imgBox {height:500px; }
}



/*상품안내*/
#proTop {overflow:hidden; width:100%; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2}
#proTop > div {float:left; width:50%; box-sizing:border-box;}
#proTop .proImg img {height:100%;}
#proTop .slick-dots {bottom:15px}
#proTop .proTxt {padding:5% 3%;}
#proTop .proTxt p { margin-bottom:5% }
#proTop .proTxt p:first-child {font-size:1.25em; border-bottom:1px solid #f9a13a; display:inline-block;}
#proTop .proTxt p:last-child {margin-bottom:0}

#proTop .proTxt2 {padding:3% 3%;}
#proTop .proTxt2 p { margin-bottom:5%;  }
#proTop .proTxt2 p:first-child {font-size:1.25em; border-bottom:1px solid #f9a13a; display:inline-block;}
#proTop .proTxt2 p:last-child {margin-bottom:0}

.s-icon {width:960px; margin:0 auto; text-align:center; padding:10% 0 5% 0;}
.s-icon ul {overflow:hidden; }
.s-icon ul li {float:left; width:25%;}
.s-icon .iconTxt {font-size:1.2em; font-weight:700; color:#f9a13a; line-height:2em;  }

.pro3Cont {}
.pro3Cont ul {overflow:hidden;}
.pro3Cont ul li {float:left; width:calc(50% - 10px); margin-right:20px; padding-bottom:3%; }
.pro3Cont ul li:nth-of-type(2n) {margin-right:0 !important}

.pro3Cont img {width:100%; padding-bottom:20px;}
.pro3Cont dt.pro3Txt {font-size:1.25em; color:#f9a13a; border-bottom:1px solid #f9a13a; display:inline-block;}
.pro3Cont dd {padding-top: 20px;}


@media screen and (max-width:976px){
#proTop > div {float:none; width:100%;}
#proTop .proImg img {width:100%; height:auto;}
#proTop .proTxt,
#proTop .proTxt2 {text-align:center}
#proTop .proTxt p,
#proTop .proTxt2 p { margin-bottom:3% }

.s-icon {width:100%; }
.s-icon ul li {width:50%; padding-bottom:50px;}
.s-icon img {width:70%; margin:0 auto;}
.s-icon .iconTxt {line-height:1.2em; }

.pro3Cont ul li {width:100%; margin-right:0;}
}

#proCost {margin:7% auto;}

#proLocation .locWrap {border:1px solid #d1baa3; box-sizing:border-box; padding:3%}
#proLocation .locWrap img {width:100%;}

.gallery-more {display:block; width:300px; height:60px; line-height:44px; border:8px solid #f1eae3; box-sizing:border-box; margin:7% auto; text-align:center}
.gallery-more:hover {background:#f1eae3; font-weight:500}

@media screen and (max-width:540px){
.gallery-more {width:240px; height:50px; line-height:38px; border:6px solid #f1eae3;}
}


/*찾아오시는 길*/
#sMap { overflow: hidden;}
#sMap .root_daum_roughmap .wrap_map  { height: 550px !important; }
#cs4Typo {width:100%; border-left:3px solid #f9a038; padding:3% 5%; background:#fff url("/images/sub/symbolBG.png") no-repeat 100% -50px; background-size: auto 110%; }
#cs4Typo .cs4tit {font-size: 2.1em; color:#000; font-family: 'S-CoreDream-2ExtraLight'; }
#cs4Typo .cs4add { font-size: 1.3em; margin-top:30px; }

#sMap-info { position: relative; overflow: hidden; width: 92%; margin: -3vw auto 0; padding: 5%; background:#d1baa3; }
#sMap-info .tit { float: left; width: 55%;  color:#fff;}
#sMap-info .tit h4 {   font-weight:100; font-size:2.25em; line-height:1.15em; letter-spacing:-0.05em; }
#sMap-info .tit p { font-weight:100; opacity:.7; font-size:1.1em; margin-top:15px;}
#sMap-info .txt  { float: left; width: 45%; padding: 6% 0 0 0; }
.how {font-size:0.8em; color:#fff; letter-spacing:0.1em; font-weight:700; }
.add {font-size: 1.7em; color:#fff; font-weight:300; }

@media screen and (max-width:976px){
#sMap .root_daum_roughmap .wrap_map  { height: 55vw !important; }
#sMap-info .tit { width: 100%;}
#sMap-info .txt { width: 100%; }
}





/*운영안내*/
.cs2Top {width:100%; background:url(/images/sub/intro1_bg1.png) no-repeat  center center; }
.cs2Top .topImg {overflow: hidden; padding-top: 295px; background: url("/images/sub/cscenter2_img.png") no-repeat left top; background-size: 75% auto;}
.cs2Top .topImg img {width: 50%; float: right;}

.cs2Typo  {text-align:center; padding:5% 0 ; background:url(/images/sub/intro1_bg2.png) no-repeat; background-position: 50% 50%; }
.cs2Typo .bar{background:#f9a038; width:1px; height:100px; margin:0 auto;}
.typoTit {font-size: 2.3em; color:#f9a038; font-family: 'S-CoreDream-2ExtraLight'; position:relative;   }
.typoTit:after  {content:'“'; font-size: 1.8em; color:#f9a038; font-family: 'Noto Serif JP', serif; position: absolute; top: -15%; left: 21%;}
.typoTit:before  {content:'”';font-size: 1.8em; color:#f9a038; font-family: 'Noto Serif JP', serif; position: absolute; top: -15%; right: 21%;}

.cs2Typo p { margin-bottom:3% }
.cs2Typo p:first-child {font-size:2.5em;  line-height: 1.2em; }

.cs2Con > li { overflow: hidden; text-align: left; position: relative; margin-bottom:10%;  }
.cs2Con > li .cs2Img { width:55%; height: 100%;  position: absolute; left:0; top:0;  background-size: cover; background-position: center;  }

.cs2Con > li .csTxt {width:45%;   height: 100%;  float: right; padding: 6% 3%; }
.cs2Con > li dl.csTxt dt { font-size: 1.86em; color:#212121; font-weight: 500; margin-bottom: 3vw; position:relative;  }
.cs2Con > li dl.csTxt dt:before {content:''; width: 100px; height:1px; background:#f9a038;  position: absolute; bottom: -50%; left: 0;} 
.cs2Con > li dl.csTxt dd { font-size: 1.05em; line-height: 1.5em; }

.cs2Con > li .csTxt2 { width:45%;  float: left; text-align:right; padding: 5% 3%; }
.cs2Con > li dl.csTxt2 dt { font-size: 1.86em; color:#212121; font-weight: 500; margin-bottom: 3vw; position:relative; }
.cs2Con > li dl.csTxt2 dt:before {content:''; width: 100px; height:1px; background:#f9a038;  position: absolute; bottom: -50%; right: 0;}
.cs2Con > li dl.csTxt2 dd {font-size: 1.05em; line-height: 1.5em; }

.cs2Con > li:nth-child(even) .cs2Img { left: auto; right:0; }
.cs2Con > li:nth-child(even) .csTxt { float: left; }

.cs2_1  { background-image:url("/images/sub/cscenter2_img2_1_240828.jpg")}
.cs2_2  { background-image:url("/images/sub/cscenter2_img2_2.jpg")}
.cs2_1_new  { background-image:url("/images/sub/cscenter2_img2_1_240828.jpg")}
.cs2_2_new  { background-image:url("/images/sub/cscenter2_img2_2.jpg")}

#cs2Time {padding: 3% 0 7%;}
#cs2Space {padding-bottom: 5%;}

@media screen and (max-width:1024px){
.typoTit:after  {left:15%}
.typoTit:before  {right: 15%;}
}

@media screen and (max-width:976px){
.cs2Top {width:100%; background-size:cover;}
.cs2Top .topImg {padding-top: 21%;}

.cs2Typo { padding:15%; background-size:100% auto; }
.cs2Typo .bar{height:70px;}
.cs2Typo p:first-child {font-size:2em;  line-height: 1.2em; }

.typoTit:after  {left:0}
.typoTit:before  {right:0;}

.cs2Con > li  { padding-top: 35vw;  margin-bottom:3%; }
.cs2Con > li .cs2Img { width: 100%; height: 35vw;  }
.cs2Con > li .csTxt { width: 100%; }
.cs2Con > li dl.csTxt dt {margin-bottom: 4vw; }

.cs2Con > li .csTxt2 { width: 100%; }
.cs2Con > li dl.csTxt2 dt {margin-bottom: 4vw; }
}

@media screen and (max-width:815px){
.typoTit:after  { left: -10%;}
.typoTit:before  {right: -10%;}

}

@media screen and (max-width:540px){
.cs2Typo .bar{height:50px;}
.typoTit {font-size: 1.8em; }

.cs2Con > li dl.csTxt dt,
.cs2Con > li dl.csTxt2 dt {margin-bottom: 6vw; }
.cs2Con > li dl.csTxt dt:before,
.cs2Con > li dl.csTxt2 dt:before {bottom: -35%;}
}





/*주차안내*/
.cs5Typo  {text-align:center; padding-bottom:10%; background:url(/images/sub/intro1_bg2.png) no-repeat; background-position: 50% 20%; }
.cs5Typo .bar{background:#f9a038; width:1px; height:100px; margin:0 auto;}

.typoTit5 {font-size: 2.3em; color:#f9a038; font-family: 'S-CoreDream-2ExtraLight';  position:relative; }
.typoTit5:after  {content:'“'; font-size: 1.8em; color:#f9a038; font-family: 'Noto Serif JP', serif; position: absolute; top: -15%; left: 15%;}
.typoTit5:before  {content:'”';font-size: 1.8em; color:#f9a038; font-family: 'Noto Serif JP', serif; position: absolute; top: -15%; right: 15%;}

.cs5Typo p { margin-bottom:3% }
.cs5Typo p:first-child {font-size:2.5em;  line-height: 1.2em; }
.cs5Typo .cs5font {font-size:1.2em;  line-height: 1.5em; letter-spacing:-0.01em}

#csTraffic {padding-top:10%;}

@media screen and (max-width:976px){
.cs5Typo { padding:7%; background-size:100% auto; }
.cs5Typo .bar{height:70px;}
.cs5Typo p:first-child {font-size:2em;  line-height: 1.2em; }

.typoTit5:after  {left: -3%;}
.typoTit5:before  {right: -3%;}
}

@media screen and (max-width:875px){
.typoTit5:after  {top: -25%; left: -5%;}
.typoTit5:before  {top: -25%; right: -5%;}
}

@media screen and (max-width:735px){
.typoTit5:after  {top: -15%; }
.typoTit5:before  {top: -15%;}
}

@media screen and (max-width:540px){
.cs5Typo .bar{height:50px;}
.typoTit5 {font-size: 1.8em; }
}







/* 묘역관리 */
.cs6Typo  {text-align:center; padding-bottom:10%; background:url(/images/sub/intro1_bg2.png) no-repeat; background-position: 50% 20%; }
.cs6Typo .bar{background:#f9a038; width:1px; height:100px; margin:0 auto;}


.typoTit6 {font-size: 2.3em; color:#f9a038; font-family: 'S-CoreDream-2ExtraLight';  position:relative; }
.typoTit6:after  {content:'“'; font-size: 1.8em; color:#f9a038; font-family: 'Noto Serif JP', serif; position: absolute; top: -15%; left: 28%;}
.typoTit6:before  {content:'”';font-size: 1.8em; color:#f9a038; font-family: 'Noto Serif JP', serif; position: absolute; top: -15%; right: 28%;}

.cs6Typo p { margin-bottom:3% }
.cs6Typo p:first-child {font-size:2.5em;  line-height: 1.2em; }

@media screen and (max-width:976px){
.cs6Typo { padding:7%; background-size:100% auto; }
.cs6Typo .bar{height:70px;}
.cs6Typo p:first-child {font-size:2em;  line-height: 1.2em; }

.typoTit6:after  {left:20%;}
.typoTit6:before  {right: 20%;}
}

@media screen and (max-width:875px){
.typoTit6:after  {top: -25%; left: 15%;}
.typoTit6:before  {top: -25%; right: 15%;}
}

@media screen and (max-width:735px){
.typoTit6:after  {top: -15%; }
.typoTit6:before  {top: -15%;}
}

@media screen and (max-width:540px){
.cs6Typo .bar{height:50px;}
.typoTit6 {font-size: 1.8em; }
}





/*픽업서비스*/
#csCenter {width:100%;  height:643px; background:url(/images/sub/cs7_bg.png) no-repeat center center; background-size:100% auto;}
#csTop {width:100%; max-width:950px; padding-top:2%; margin: 0 auto;}
#csTop > div {width:100%;box-sizing:border-box ;  }
#csTop .csImg img {margin:0 auto; }
#csTop .slick-dots {bottom:15px}

@media screen and (max-width:976px){
#csCenter  {background-size:cover;  height:550px; }
#csTop > div {float:none; width:100%; height:auto;}
#csTop .csImg img {width:100%; height:auto;}
}
@media screen and (max-width:720px){
#csCenter  {height:400px; }
}
@media screen and (max-width:580px){
#csCenter  {height:300px; }
}
@media screen and (max-width:460px){
#csCenter  {height:250px; }
}
@media screen and (max-width:380px){
#csCenter  {height:200px; }
}

.cs7Typo  {text-align:center; padding-bottom:10%; background:url(/images/sub/intro1_bg2.png) no-repeat; background-position: 50% 20%; }
.cs7Typo .bar{background:#f9a038; width:1px; height:100px; margin:0 auto;}

.typoTit7 {font-size: 2.3em; color:#f9a038; font-family: 'S-CoreDream-2ExtraLight';  position:relative; }
.typoTit7:after  {content:'“'; font-size: 1.8em; color:#f9a038; font-family: 'Noto Serif JP', serif; position: absolute; top: -15%; left: 15%;}
.typoTit7:before  {content:'”';font-size: 1.8em; color:#f9a038; font-family: 'Noto Serif JP', serif; position: absolute; top: -15%; right: 15%;}

.cs7Typo p { margin-bottom:3% }
.cs7Typo p:first-child {font-size:2.5em;  line-height: 1.2em; }
.cs7Typo .cs7font {font-size:1.2em;  line-height: 1.5em; letter-spacing:-0.01em}

#csTraffic {padding-top:10%;}

@media screen and (max-width:976px){
.cs7Typo { padding:7%; }
.cs7Typo .bar{height:70px;}
.cs7Typo p:first-child {font-size:2em;  line-height: 1.2em; }

.typoTit7:after  {left: -3%;}
.typoTit7:before  {right: -3%;}
}

@media screen and (max-width:875px){
.typoTit7:after  {top: -25%; left: -5%;}
.typoTit7:before  {top: -25%; right: -5%;}
}

@media screen and (max-width:735px){
.typoTit7:after  {top: -15%; }
.typoTit7:before  {top: -15%;}
}

@media screen and (max-width:540px){
.cs7Typo .bar{height:50px;}
.typoTit7 {font-size: 1.8em; }
}