/**************************************************
* 버전관리
* version : v=1
* Last Update : 
**************************************************/

/********************************************************
■ 공통
********************************************************/
.section {padding:10rem 0 0;}
.main_tit {margin-bottom:2.75rem; font-size:2.5rem; font-weight:700; color:#010101; font-family: 'Noto Sans SC', 'sans-serif'; text-align:center; line-height:1.3; font-weight:800;}
.main_tit_p {font-size:1.4rem; font-weight:400; line-height:1.41; text-align:center;}
.main_tit_p strong {color:#000;}

ul.dot li {font-size:1.1rem; position:relative; padding-left:0.6rem;}
ul.dot li:before {content: ""; display: block;  position: absolute;  left: 0;  top: 0.7em;  width: 4px;  height: 4px;  background: #454545; border-radius: 100%;}
ul.dot li strong {color:var(--sub01);}


@media (max-width:767px){
	.main_tit {font-size:1.5rem; margin-bottom:1.5rem; word-break: break-word;}
	.main_tit_p {font-size:1.1rem;}
	ul.dot li {font-size:1.1rem;}
}

/* 폰트 컬러 */
.orange {color: var(--sub01)}
.blue {color: var(--sub02)}
.red {color: var(--sub03)}
.yellow {color: var(--sub04);}

/* 불렛 */
.dia {margin-bottom:0.9rem; position:relative; padding-left:1.85rem; font-size:1.9rem; font-weight:600; color:#010101;}
.dia:after {content: '';  display:block; width:1.4rem; height:auto; aspect-ratio: 1; background:url('/images/default/main/dia.svg') no-repeat center center; background-size:100% auto; position: absolute; top:0.25em; left:0;}
.circle {position:relative; padding-left:1.7rem; font-size:1.7rem; font-weight:600; margin-bottom:1.05rem;}
.circle:after {content: '';  display:block; width:1rem; height:auto; aspect-ratio: 1; background:url('/images/default/main/circle.svg') no-repeat center center; background-size:100% auto; position: absolute; top:0.35em; left:0;}

@media (max-width:1480px){
	.dia {font-size:1.6rem;}
}
@media (max-width:767px){
	.dia {font-size:1.5rem;}
	.circle {font-size:1.5rem;}
}



/********************************************************
■ 비쥬얼
********************************************************/
.visual-wrap{/* height:100vh; height:var(--height);  */min-height: -webkit-fill-available; position:relative; overflow: hidden;}
.visual-wrap .visual{/* height:100vh; height:var(--height); */ min-height: -webkit-fill-available; }
.visual-wrap .visual .swiper-slide{overflow:hidden;}
.visual-item {width: 100%; height: 100%; overflow:hidden; position:relative;}
.visual-item:before {content:''; display:inline-block; vertical-align:middle; width:0; height:100%; font-size:0;}

/*비주얼 백그라운드*/
.visual-item > .bg {position:absolute; height:100%; width:100%; top:50%; left:50%; overflow:hidden; transform:translate(-50%, -50%); z-index:-1;}

.visual-item > .bg .visual-img{
	-webkit-transition:all 1s ease-in-out;
	-webkit-transform:scale(1.08);
	-ms-transition:transform 1s ease-in-out ;
	-ms-transform: scale(1.08);
	transition:all 1s ease-in-out;
	transform:scale(1.08);
}
.swiper-slide-active > .bg .visual-img{ 
	-webkit-transition:all 4s ease-in-out;
	-webkit-transform:scale(1);
	-ms-transition:transform 4s ease-in-out ;
	-ms-transform: scale(1);
	transition:all 4s ease-in-out;
	transform:scale(1);
}
.visual-img,
.visual-img span{display: block; width:100%; height:100%;}
.slide04 .bg .visual-img span {background-position:center bottom !important;}

.mv_txt p{font-size:1.5rem;}
.mv_txt p:nth-child(1) {margin-left:0.25rem;}
.mv_txt h2{font-size:2.5rem; /* letter-spacing: -0.02em; */}
.mv_txt h2 em {color:var(--main); font-weight: 800;}
.mv_txt h2 em > span {font-size:1.4rem; font-weight: 600;}
.mv_txt .mv_txt_sub {font-weight:700; margin-top:2rem;}


/* 텍스트 애니메이션 */
.mv_txt{width:74rem; position: absolute; top:50%; left: 50%; transform:translate(-50%, 0);  height: fit-content; margin:0 auto; color:#000; z-index: 10; transition:all 0.3s; font-family: 'Noto Sans SC', 'sans-serif'; -webkit-transition: opacity 0.7s, transform 0.7s; transition: opacity 0.7s, transform 0.7s; -webkit-transform: translate(-50%,-30%); transform: translate(-50%,-30%); opacity: 0;}
.swiper-slide-active .mv_txt {top: 37.5vh; -webkit-transition: opacity 0.7s, transform 0.7s; transition: opacity 0.7s, transform 0.7s; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 1;}

@keyframes visual {
  from {transform: scale(1.1)  translate(-50%,-50%); }
  to { transform: scale(1)  translate(-50%,-50%);}
}


@media (max-width:1480px){
	.mv_txt {width:100%; padding: 0 3rem;}
}
@media (max-width:1030px){
	.mv_txt {padding: 0 1rem;}
	.visual-wrap .swiper-slide-active .mv_txt {top:25vh;}
}
@media (max-width:767px){
	.visual-wrap .swiper-slide-active .mv_txt {top:28vh;}
	.mv_txt h2 {font-size:1.5rem; width: 100%; word-break: keep-all;}
	/* .mv_txt h2 br {display:none;} */
	.mv_txt p {font-size:1.25rem;}
	.mv_txt h2 em > span {font-size:0.875rem;}

	/* 비주얼 모바일 이미지 변경 */
	.slide01 .bg .visual-img span{background:url('/images/default/main/visual01_mob.jpg') no-repeat center center !important; background-size:cover !important;}
	.slide02 .bg .visual-img span {background:url('/images/default/main/visual02_mob.jpg') no-repeat center center !important; background-size:cover !important;}
	.slide03 .bg .visual-img span {background:url('/images/default/main/visual03_mob.jpg') no-repeat center center !important; background-size:cover !important;}
	.slide04 .bg .visual-img span {background:url('/views/site/skin/cn/images/default/main/visual04_mob.jpg') no-repeat center center !important; background-size:cover !important;}
}

/* 스와이퍼 컨트롤 */
#visual .visPrev,
#visual .visNext{width:1.8rem; height:3.3rem; margin-top:0; background-size:100% 100%;  background-image:url('/images/default/main/visPrev.svg'); background-repeat:no-repeat; top: 50%; transform:translate(0,-50%); transition:all 0.3s;}
#visual .visPrev:hover,
#visual .visNext:hover {background-image:url('/images/default/main/visPrev_ov.svg');}
#visual .visPrev {right:93.22%; left: auto;}
#visual .visNext {transform:scaleX(-1); right: auto; left:93.22%;}

#visual .swiper-pagination {bottom:2.29vh;}
#visual .swiper-pagination .swiper-pagination-bullet { margin: 0 4.5px; width:0.75rem; height:0.75rem; border:1px solid #a2a2a2; background:transparent; transition: all 0.3s;}
#visual .swiper-pagination .swiper-pagination-bullet-active {background:#3a88c1; border-color:#fff;}

@media (max-width:1800px){
	#visual .visPrev,
	#visual .visNext{top:60%;}
}
@media (max-width:1030px){
	#visual .visPrev,
	#visual .visNext{top:50%; transform:translate(0,0);}
	#visual .visNext {transform:translate(0,0) scaleX(-1);}
}
@media (max-width:767px){
	#visual .visPrev,
	#visual .visNext {width: 1.2rem; height: 2.8rem;}
	#visual .visPrev {right:90%;}
	#visual .visNext {left:90%;}
}



/********************************************************
■ cts01
********************************************************/
.cts01 {text-align: center;}
.cts01 img {width:62.5rem; margin-top:6.5rem;}

@media (max-width:7640px){
	.cts01 img {width:100%;}
}
@media (max-width:1480px){
	.cts01 img {width:100%;}
}
@media (max-width:767px){
	.cts01 img { margin-top:4rem;}
	.cts01 .main_tit_p br {display:none;}
}

/********************************************************
■ cts02
********************************************************/
.cts02 {padding-bottom: 6rem; position:relative; z-index:0; }
.cts02:after {content:''; display:block; width:100vw; height:100%; background:#777572; position:absolute; top:0; left:50%; transform:translate(-50%,0); z-index:-1;}

.cts02 .main_tit {color:#fff;}
.cts02 .main_tit_p {color:#cfd0d0;}
.cts02 .main_tit_p strong {color:#fff;}

/* .cts02 .vod_wrap {margin-top:4rem;  padding-top:57.18%; border-radius:2rem; overflow:hidden; position:relative;}
.cts02 .vod_wrap iframe {width:100%; height:100%; position:absolute; top:0; left:0;} */

.cts02 .vod_wrap {display:block; margin-top:4rem;  padding-top:57.18%; border-radius:2rem; overflow:hidden; position:relative;}
.cts02 .vod_wrap span {display:block; width:100%; height:100%; position:absolute; top:0; left:0;}


@media (max-width:767px){
}

/********************************************************
■ cts03
********************************************************/
.cts03 .opinion {display:flex; flex-direction:column; gap:1.5rem 1.5rem;}
.cts03 .opinion .main_tit { text-align:left;}
.cts03 .opinion .item {padding:3.4rem 2.8rem; background:#f5f4f0; border-radius: 1rem;}
.cts03 .opinion .item:nth-child(1) {background:#f5f4f0 url('/images/default/main/cts03_img01.png') no-repeat right+60px bottom; background-size: 45%;}
.cts03 .opinion .item img {width:58.7rem;}
.cts03 .opinion .img_web {display:block;}
.cts03 .opinion .img_mob {display:none;}

@media (max-width:1480px){
	.cts03 .opinion .item {padding: 3.4rem 2rem;}
}
@media (max-width:1280px){
	.cts03 .opinion .item:nth-child(1) {background-position:right+20px bottom;}
	.cts03 .opinion .item img {width:100%;}
}
@media (max-width:1030px){
	.cts03 .opinion .item {padding:2rem 1.5rem;}
	.cts03 .opinion .item:nth-child(1) {padding-bottom: 40%; background-size: 55%;}
}
@media (max-width:767px){
	.cts03 .opinion .img_web {display:none;}
	.cts03 .opinion .img_mob {display:block;}
}

/********************************************************
■ cts04
********************************************************/
.cts04 .feature_wrap{display:flex; flex-direction:column;}
.cts04 .feature_wrap .feature {display:flex;}
.cts04 .feature_wrap .feature > div {width:50%; position:relative;}

/* 텍스트 박스 */
.cts04 .feature .txt_box {display:flex; flex-direction:column; justify-content: center; padding: 3.4rem; font-size:1.3rem;}
.cts04 .feature .txt_box p {font-weight:600;}
.cts04 .feature .txt_box:after {content:''; display:block; width: 0;  height: 0;  position:absolute; top:50%; right:-5rem; transform:translate(0,-50%); z-index:1; border-bottom: 3rem solid transparent; border-top: 3rem solid transparent; border-left: 5rem solid #fffdec; border-right: 3rem solid transparent;}

.cts04 .feature_wrap .feature:nth-child(even) {flex-direction:row-reverse;}
.cts04 .feature:nth-child(even) .txt_box:after {right:auto; left:-5rem; transform:translate(0,-50%) scaleX(-1); }

.cts04 .feature h4 {margin-bottom: 2.5rem; font-size:1.9rem; color:#010101; margin-bottom: 1.45rem;}
.cts04 .feature h4 span {display:block; font-size:7.5rem; line-height:1; margin-bottom: 1.1rem;}


.cts04 .feature.f01 .txt_box {background:#fffdec;}
.cts04 .feature.f01 h4 span {color:#eee9c4;}
.cts04 .feature.f01 .txt_box:after {border-left-color:#fffdec !important;}
.cts04 .feature.f02 .txt_box {background:#f6fbed;}
.cts04 .feature.f02 h4 span {color:#dde5cc;}
.cts04 .feature.f02 .txt_box:after {border-left-color:#f6fbed !important;}
.cts04 .feature.f03 .txt_box {background:#fff9f0;}
.cts04 .feature.f03 h4 span {color:#ede1d1;}
.cts04 .feature.f03 .txt_box:after { border-left-color:#fff9f0 !important;}

/* 이미지 박스 */
.cts04 .feature .img_box span {display:block; padding-top:91%;}


@media (max-width:1480px){
	.cts04 .feature .img_box span {height:100%;}
}
@media (max-width:1030px){
	.cts04 .feature_wrap .feature > div {width:100%;}
	.cts04 .feature_wrap .feature, .cts04 .feature_wrap .feature:nth-child(even) {flex-direction:column;}

	.cts04 .feature .txt_box:after {top:auto; bottom:-5rem; right:auto; left:50%; transform:translate(-50%,0) rotate(90deg); }
	.cts04 .feature:nth-child(even) .txt_box:after {right:auto; left:50%; transform:translate(-50%,0) rotate(90deg);}
}
@media (max-width:767px){
	.cts04 .feature .txt_box {padding:2rem 1rem 3rem; font-size:1.1rem;}
	.cts04 .feature .txt_box:after  {bottom:-2rem; border-bottom:1rem solid transparent; border-top: 1rem solid transparent; border-left: 2rem solid #fffdec; border-right:1rem solid transparent;}
	.cts04 .feature h4 {margin-bottom: 1rem; font-size: 1.5rem;}
	.cts04 .feature h4 span {font-size: 4rem;}
}


/********************************************************
■ cts05
********************************************************/
.cts05 .main_tit.bg {padding:1.25rem 1rem; background:#e2e6f7; border-radius:0.5rem; margin-bottom:3.6rem;}

.cts05 .txt_box {font-size:1.2rem; padding-left: 1.35rem;}
.cts05 .txt_box h4 {font-size:1.9rem; font-weight:700; color:#063d7a; margin-bottom:2.1rem;}
.cts05 .txt_box span {display:block; font-size:0.9rem; color:#7d7d7d; margin-top:1.7rem;}

.cts05 .flex, .cts05 .chart {display:flex; justify-content: space-between; gap: 1rem 1rem;}

/* 측정 결과 */
.cts05 .flex .txt_box p {line-height:1.71;}
.cts05 .flex .txt_box p strong {font-weight:800;}
.cts05 .flex .img_wrap {display: flex; align-items: center; gap:1rem 4rem;}
.cts05 .flex img:nth-child(1) {width:16.3rem;}
.cts05 .flex img:nth-child(2) {width:23.9rem;} 

/* 차트 */
.cts05 .chart {gap: 2rem 2.5rem; margin-top:7rem;}
.cts05 .chart > div {display:flex;flex-direction: column;  width:calc((100% - 2.5rem * 1)/2); }
.cts05 .chart .img_wrap {flex:1; background:#f5f7fa; border-radius:1.5rem; overflow:hidden; position:relative;text-align:center;}
.cts05 .chart .img_wrap p {padding:0.55rem 1rem; width:100%; font-size:1rem; font-weight:600; color:#000; background:#ccd6fa; font-weight:700;}
.cts05 .chart .img_wrap .img{padding:1rem 0 0.5rem;}
.cts05 .chart .img_wrap .img img {width:auto;}

@media (min-width:3840px){
	.cts05 .chart .img_wrap .img img {width:90%;}
}
@media (max-width:2880px){
	.cts05 .chart .img_wrap .img img {width:85%;}
}
@media (max-width:1480px){
	.cts05 .chart {gap:2rem 1.5rem;}
	.cts05 .flex {flex-direction:column;}
	.cts05 .flex .txt_box p br {display:none;}
	.cts05 .flex .img_wrap {justify-content: center; gap:1rem 3rem;}
	.cts05 .chart .img_wrap .img{padding:1rem 1rem 0.5rem;}
	.cts05 .chart .img_wrap .img img{width:100%;}
}
@media (max-width:1280px){
	.cts05 .chart {flex-direction:column; margin-top:5rem;}
	.cts05 .chart > div {width:100%;}
	.cts05 .chart .img_wrap .img img {width:70%;}
}
@media (max-width:1030px){
	.cts05 .txt_box {padding-left:0;}
}
@media (max-width:767px){
	.cts05 .main_tit.bg {word-break:break-word;}
	.cts05 .txt_box {text-align:center;}
	.cts05 .txt_box h4 {font-size:1.5rem; margin-bottom: 1rem;}
	.cts05 .txt_box span {font-size:1rem; margin-top:1rem;}
	.cts05 .flex .img_wrap {flex-wrap: wrap;}
	.cts05 .chart .img_wrap .img img {width:100%;}
	.cts05 .chart .img_wrap p {padding:0.55rem 2rem; font-size: 1.25rem;}
	.cts05 .flex .img_wrap img{max-width:100%;}
	.cts05 .flex .txt_box p {padding: 0 0.5rem;}
}
@media (max-width:390px){
	.cts05 .flex .txt_box p {padding: 0 2.5rem}
}

/********************************************************
■ 제품 배너
********************************************************/
.banner {position:relative;  z-index:0; color:#fff;}
.banner:after {content:'';display:block; width:100vw; height:63.5%; background:url('/images/default/main/banner_bg.jpg') no-repeat center center; background-size:cover;  position:absolute; bottom:0; left:50%; transform:translate(-50%,0); z-index:-1;}
.banner .inner1280 {padding-top:6.75rem;}

.banner .banner_wrap {display:flex; align-items: center; position:relative; justify-content: space-between;}
.banner .banner_img {width:35.85rem;}
.banner h3 {margin-top:4rem; padding-left: 2.25rem; font-size:1.9rem; line-height: 1.5; font-family: 'Noto Sans SC', 'snas-serif';} 
    color: #454545;
.banner h3 em {color:#e5e5e5;}
.banner h3 strong {font-size:2.4rem;}

@media (max-width:1280px){
	.banner h3 {padding-left:0; font-size: 1.5rem; margin-top: 2.1rem;}
	.banner h3 strong {font-size: 2rem;}
	.banner .banner_img {width:50%;}
}
@media (max-width:767px){
	.banner {margin-top:5rem;}
	.banner .inner1280 {padding-top:5rem;}
	.banner:after {height:100%;}
	.banner h3 {margin-top:0;}
	.banner h3 strong {font-size: 2.125rem;}
	.banner .banner_wrap {flex-direction: column; gap: 1.5rem 0; text-align: center;}
	.banner .banner_img {width:90%;}
}

/********************************************************
■ cts06
********************************************************/
.cts06 {padding-bottom: 6rem;  position:relative; z-index:0;}
.cts06:after {content:'';display:block; width:100vw; height:100%; background:#f2f2f2; position:absolute; top:0; left:50%; transform:translate(-50%,0); z-index:-1;}
.cts06 .main_tit {margin-bottom:4.5rem;}
.cts06 .cts06_img {position:relative; margin-bottom:4.5rem;}
.cts06 .cts06_img span {display:block; width:100%; padding-top:31.61%; background: url('/images/default/main/cts06_line.png') no-repeat center top; position:absolute; top:0; left:0;}
.cts06 .cts06_img ul {display: flex; gap:0 2.4%; justify-content: center;}
.cts06 .cts06_img ul > li {vertical-align: top; text-align:center;}
.cts06 .item {background:#fff; font-size:1.1rem; color:#000; font-weight:600;}

.cts06 .info {display:flex; flex-direction:column; gap:1.8rem 0;}
.cts06 .info .dot {padding-left:1.45rem;}
.cts06 .info_top {display:flex; gap:1rem 1.7rem; height: 21.85rem;}
.cts06 .info_top > .item:nth-child(1) {width:29.92%; background:#fff url('/images/default/main/cts06_bg01.png') no-repeat bottom center; background-size: 100% auto;}
.cts06 .info_top > .item:nth-child(2) {width:70.08%; background:#fff url('/images/default/main/cts06_bg02.png') no-repeat top right;}
.cts06 .info_top .item {padding: 2.5rem 1.4rem 1.5rem;}
.cts06 .info_top .logos {display:flex; gap:0.5rem 1.9rem; flex-wrap: wrap; margin-top: 2.1rem ; padding-left: 1.45rem;}
.cts06 .info_top .logos li img {height:3.25rem;}

.cts06 .info_bottom .item {padding: 4rem 4.45rem 5rem 1.3rem;}
.cts06 .info_bottom .circle {margin-bottom:1.7rem;}
.cts06 .info_bottom .certi, .cts06 .info_bottom .certi_img {display:flex;}
.cts06 .info_bottom .certi {gap:1rem 4.5rem;}
.cts06 .info_bottom .certi_img {gap:1rem 2.5rem; align-items: center; flex-grow:1;}
.cts06 .info_bottom .certi_img > li {width:calc((100% - 2.5rem * 2)/3); box-shadow: rgba(195, 195, 195, 1) 0px 5px 18px 0px;}
.cts06 .info_bottom .certi_img > li img {width:100%;}

.over1920 {display:none; text-align:center;  margin-bottom:4.5rem;}
.over1920 img { width:52.25rem; margin: 0 auto;}

@media (max-width:7680px){
	.cts06 .cts06_img {display:none;}
	.over1920 {display:block;}
}

@media (max-width:1920px){
	.cts06 .cts06_img {display:block;}
	.over1920 {display:none;}
	.cts06 .cts06_img ul {gap: 0 2.4%;}
	.cts06 .cts06_img span {padding-top:31.61%; width:100%;}
	.cts06 .cts06_img ul > li {width:auto}
}
@media (max-width:1480px){
	.cts06 .info .dot {padding-left:0;}
	.cts06 .info_top {height:auto;}
}
@media (max-width:1280px){
	.cts06 .inner {width:100%; padding: 0 1rem;}
	.cts06 .cts06_img span {padding-top: 35%; position: absolute; top: 50%; left: 0; background-size: 100% auto; transform: translate(0, -45%);}
	.cts06 .cts06_img ul {gap:0 4.5%;}
	.cts06 .cts06_img ul > li {width: 30%;}
	.cts06 .cts06_img ul > li img {width:100%;}

	.cts06 .item {font-size:1rem;}
	.cts06 .info_top .item {padding:1.5rem 1rem;}

	.cts06 .info_bottom .certi {gap:1rem 2rem;}
	.cts06 .info_bottom .certi_img {gap:1rem 1rem;}
	.cts06 .info_bottom .certi_img > li {width:calc((100% - 1rem * 2)/3);}

	.cts06 .info_bottom .item {padding: 1.5rem 1rem;}
}
@media (max-width:1030px){
	.cts06 .info_top, .cts06 .info_bottom .certi {flex-direction: column;}
	.cts06 .info_top > .item:nth-child(1), .cts06 .info_top > .item:nth-child(2) {width:100%;}
	.cts06 .info_top > .item:nth-child(1) {background-position:right top; background-size: 55%;}
}
@media (max-width:767px){
	.cts06 .cts06_img span {padding-top: 35%; position: absolute; top: 50%; left: 50%; background-size: 100% auto; transform: translate(-50%,-50%) rotate(90deg);}
	.cts06 .cts06_img ul {flex-direction: column; align-items: center; gap: 4vw 0;}
	.cts06 .cts06_img ul > li {width: 40%;}
	.cts06 .cts06_img span {padding-top: 100%;  position: absolute;  top: 50%;  left: 50%;  background-size: 100% auto; transform: translate(-50%, -50%) rotate(90deg); width: 127%;   background-position: center center;}

	.cts06 .info_top > .item:nth-child(1) {padding-bottom: 20%; background-position:right bottom; background-size: 70%;}
	.cts06 .info_top > .item:nth-child(2) {background-size: 50%;} 
}
@media (max-width:450px){
	.cts06 .cts06_img ul {gap: 6.5vw 0;}
	.cts06 .cts06_img ul > li {width: 65%;}
	.cts06 .cts06_img span {width: 210%;}
}

/********************************************************
■ cts07
********************************************************/
.cts07 .inner {width:64rem;}

.cts07 .faq ul > li:not(:first-child) {margin-top:0.5rem;}
.cts07 .faq span {font-size:2.3rem; font-weight:700; line-height: 1;}
.cts07 .faq .qes {display:flex; gap: 0.5rem 1.4rem; align-items: center; padding: 1rem 3rem; width:100%; background:#fff; border:1px solid #f4c07b; border-radius:3rem; font-size:1.284rem; font-weight: 700; color:#000; line-height: 1; position:relative; }
.cts07 .faq .qes i {position:absolute; top:50%; right:2.65rem; transform:translate(0,-50%);}
.cts07 .faq .qes.open i {transform:translate(0,-50%) rotate(180deg);}
.cts07 .faq .answer { display: none; gap:0.5rem 1.75rem; margin:0 1.6rem -0.7rem; padding:1.7rem 4.5rem 2.5rem 1.6rem; position:relative; line-height: 2.14; color:#000; word-break:break-word;}
.cts07 .faq .answer:after {content:''; display:block; width:100%; height:100%; background:#f4f4f4; position:absolute; top:-0.2rem; left:0; z-index:-1}
.cts07 .faq .answer_flex { display: flex; gap: 0.5rem 1.75rem;}
.cts07 .faq .answer .answer_txt {font-weight: 500 !important; line-height: 1.5;}

@media (max-width:1280px){
	.cts07 .inner {width:100%; padding: 0 1rem;}
}
@media (max-width:1030px){
	.cts07 .faq .qes {padding: 1rem 6rem 1rem 1rem;}
}
@media (max-width:767px){
	.cts07 .faq .qes {padding: 1rem 3rem 1rem 1rem; font-size: 1.1rem; gap: 0.5rem 0.5rem; line-height:1.2;}
	.cts07 .faq .qes i {right:1rem;}	
	.cts07 .faq .answer {flex-direction: column; padding: 1rem 4.5rem 1rem 1.5rem;}
	.cts07 .faq .answer_flex {gap: 0.5rem 1rem;}
	.cts07 .faq span {font-size:1.8rem;}
}
@media (max-width:490px){
	.cts07 .faq .qes {font-size: 1rem;}
	.cts07 .faq .answer {padding:1.5rem 1rem 2rem; }
}



/********************************************************
■ cts08
********************************************************/
.cts08 { text-align:center; padding-bottom:8.35rem;}
.cts08 .main_tit {margin-bottom: 1.8rem;}
.cts08 .shop_link {display:inline-flex; gap:0 0.5rem; align-items: center; padding: 0.9rem 3.8rem; position:relative; background:#f87256; color:#fff; font-size:2.4rem; font-weight:700; border-radius:5rem; transition: all 0.3s;}
.cts08 .shop_link:after {content:''; display:block; width:3.6rem; height:5.4rem; background:url('/images/default/main/cursor.png') no-repeat center center; background-size:100% auto; position:absolute; top:2.7rem; right:0; transition: all 0.3s; animation: zoom 0.5s infinite alternate ease-out; transform:scale(1);}
.cts08 .shop_link:hover {box-shadow: 0 0 0 5px #f87256, 0 0 0 5px #f87256; background:#fff; color:#f87256;}

@keyframes zoom {
	0% {transform:scale(1);}
	100% {transform:scale(1.1);}
}

@media (max-width:767px){
	.cts08 {padding-bottom:4rem;}
	.cts08 .shop_link {padding:1rem 2.5rem; font-size:1.8rem;}
	.cts08 .shop_link:after {width: 2rem; height: auto; aspect-ratio: 72 / 108;}
}