main{
	letter-spacing: -0.03em;
	font-family:'museo-sans';
	overflow: hidden;
}


/* 퀵메뉴 */
._quick{
	position: fixed; z-index: 9999; left: 10px;
	display: flex; flex-direction: column; gap: 4px;
	top: 50%; transform: translateY(-50%);
	pointer-events: none;
}
._quick.on{
	pointer-events: auto;
}
._quick div{
	width: 114px;
	display: flex; align-items: center; justify-content: center;
	background-color: #000;
	cursor: pointer;
	border: 1px solid #c3c3c333; box-sizing: border-box;
	transform: translateX(-110%); opacity: 0;
	transition: opacity 1s,transform 1s,background-color 0.2s;
}
._quick div::before {
	content:''; display: block; padding-bottom: calc(124/114*100%);
}
._quick div:hover{background-color: #fff;}
._quick div:nth-child(1){border-radius: 20px 0 0 0 ;}
._quick div:nth-child(3){border-radius: 0 0 20px 0;}
._quick div img{
	position: absolute;
	max-height: 80%;
}

._quick.on div{transform: translateX(0%); opacity: 1;}
._quick.on div:nth-child(2){transition: opacity 1s 0.1s,transform 1s 0.1s,background-color 0.2s;}
._quick.on div:nth-child(3){transition: opacity 1s 0.2s,transform 1s 0.2s,background-color 0.2s;}

@media screen and (max-width:1800px) {
	._quick{top: unset; bottom: 20px; transform: unset; flex-direction: row;}
	._quick div{width: 70px;}
	._quick div:nth-child(1){border-radius: 10px 0 0 0 ;}
	._quick div:nth-child(3){border-radius: 0 0 10px 0;}
	._quick.on div:nth-child(1){transition: opacity 1s 0.2s,transform 1s 0.2s,background-color 0.2s;}
	._quick.on div:nth-child(2){transition: opacity 1s 0.1s,transform 1s 0.1s,background-color 0.2s;}
	._quick.on div:nth-child(3){transition: opacity 1s,transform 1s,background-color 0.2s;}
}
@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
	._quick div{width: 60px;}
}
@media screen and (max-width:500px) {
	._quick div{width: 50px;}
}
@media screen and (max-width:320px) {}



/* 화살표 */
._arrow{position: relative; width: 64px;}
._arrow::before {
	content:''; display: block; padding-bottom: calc(54/64*100%);
}
._arrow div{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	animation: opacity 2s forwards infinite; background-size: cover;
}
._arrow div:nth-child(1){}
._arrow div:nth-child(2){animation-delay: 0.2s;}
._arrow div:nth-child(3){animation-delay: 0.4s;}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	._arrow{width: 44px;}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
	._arrow{width: 30px;}
}
@media screen and (max-width:320px) {}


/* info */
._infoTxt{
	color: #979797; line-height: 1.4; margin-top: 20px; text-align: center;
}
@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
	._infoTxt{font-size: 13px; }
}
@media screen and (max-width:320px) {}

/* 비주얼 */
.visual .wrap{
	padding-top: 80px; box-sizing: border-box;
	height: var(--vh100); display: flex; align-items: center; justify-content: center;
	flex-direction: column; filter: blur(0px); transition: filter 0.8s;
}
.visual.filter .wrap{
	filter: blur(10px);
}
.visual .swiperBx{
	box-sizing: border-box;
	font-family:'museo-sans';
	font-size: 114px; font-weight: 700; text-align: center;
	height: 1.4em; overflow: hidden;
	display: flex; align-items: center; justify-content: center;
	margin-bottom: max(calc(70/117*1em),60px);
}
.visual .swiper{
	overflow: visible; height: 0.8em;
}
.visual .swiper-slide{
	display: flex; align-items: center; justify-content: center;
}
.visual .imgArea{
	display: flex; align-items: center; justify-content: center; gap: 6px;
	width: 100%;
}
.visual .imgArea .imgBx{
	flex: 1; position: relative;
	display: flex; align-items: center; justify-content: center; background-color: #000;
	overflow: hidden; width: 100%;
}
.visual .imgArea .imgBx:nth-child(1){border-radius: 100px 0 0 0 ;}
.visual .imgArea .imgBx:nth-child(3){border-radius: 0 0 100px 0;}
.visual .imgArea .imgBx::before {
	content:''; display: block; padding-bottom: calc(511/528*100%);
}
.visual .imgArea .imgBx img{
	position: absolute; width: 100%; height: 100%; max-height: 80%; max-width: 80%;
	object-fit: contain; transition: opacity 1s; opacity: 0;
}
.visual .imgArea .imgBx img.on{opacity: 1;}
.visual .marquee{display: none; width: 100%; justify-content: flex-start;}
.visual .marquee .inner{
	display: inline-flex; align-items: center; justify-content: flex-start; gap: 10px;
	animation: marquee50 forwards infinite 10s linear;
}
.visual .marquee .inner > div{
	display: inline-flex; align-items: center; justify-content: flex-start; gap: 10px;
}
.visual .marquee .inner > div > div{
	display: flex; align-items: center; justify-content: center;
	background-color: #000; flex-shrink: 0; width: 220px; height: 220px; border-radius: 10px; overflow: hidden;
}
.visual .marquee img{max-width: 80%; max-height: 80%; object-fit: contain;}

/* 가로가 길경우 */
@media (orientation: landscape) and (max-height:900px){
	.visual .wrap{padding-top: 60px;}
	.visual .swiperBx{font-size: 80px; }
	.visual .imgArea{max-width: 1280px;}
}
@media (orientation: landscape) and (max-height:800px){}
@media (orientation: landscape) and (max-height:700px){
	.visual .wrap{padding-top: 40px;}
	.visual .swiperBx{font-size: 70px; margin-bottom: 20px;}
	.visual .imgArea{max-width: 1024px;}
}
@media (orientation: landscape) and (max-height:600px){
	.visual .wrap{padding-top: 20px;}
	.visual .swiperBx{font-size: 50px; }
}
@media (orientation: landscape) and (max-height:500px){}
@media (orientation: landscape) and (max-height:400px){}
@media (orientation: landscape) and (max-height:300px){}



/* 세로가 길경우 */
@media (orientation: Portrait) and (max-width:1600px) {}
@media (orientation: Portrait) and (max-width:1440px) {}
@media (orientation: Portrait) and (max-width:1280px) {
	.visual .imgArea .imgBx:nth-child(1){border-radius: max(calc(100/1280*100vw),20px) 0 0 0 ;}
	.visual .imgArea .imgBx:nth-child(3){border-radius: 0 0 max(calc(100/1280*100vw),20px) 0;}
}
@media (orientation: Portrait) and (max-width:1024px) {
	.visual .wrap {padding-top: 0;}
	.visual .swiperBx{font-size: max(calc(114/1024*100vw),40px); }
}
@media (orientation: Portrait) and (max-width:820px) {}
@media (orientation: Portrait) and (max-width:500px) {
	.visual .swiperBx{font-size: max(calc(70/500*100vw),40px); height: 1.8em;}
	.visual .swiper{height: 1em;}
	.visual .swiper-slide{opacity: 0.3; transition: opacity 0.5s;}
	.visual .swiper-slide-active{opacity: 1;}

	.visual .imgArea .imgBx:nth-child(1){border-radius: 20px 0 0 0 ;}
	.visual .imgArea .imgBx:nth-child(3){border-radius: 0 0 20px 0;}

	.visual .imgArea{display: none;}
	.visual .marquee{display: flex;}
}
@media (orientation: Portrait) and (max-width:320px) {}

._product{position: relative;}

/* --------- s_info --------- */
.s_info{
	position: relative;
	padding: 100px 0; box-sizing: border-box;
}
.s_info .bg{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;
}
.s_info .bg div{
	width: 100%; height: 100%;
	background-size: cover; background-position: center;
}
.s_info .wrap{
	display: flex; align-items: center; justify-content: center;
}
.s_info .txtArea{
	position: relative; z-index: 2; width: 100%;
}
.s_info .title{color: #fff; margin-bottom: 90px;}
.s_info .title h3{
	font-size: 70px; font-weight: 700; margin-bottom: calc(40/70*1em);
}
.s_info .title em{
	font-size: 28px;  font-weight: 300; display: block; line-height: calc(40/28);
	margin-bottom: 1em;
}
.s_info .title p{
	font-weight: 300; line-height: calc(32/16); color: #979797;
}
.s_info .boxArea{
	display: flex; flex-direction: column; gap: 40px;
}
.s_info .boxArea .box{
	border-radius: 20px; border: 1px solid #fff; box-sizing: border-box;
	display: flex; align-items: center; justify-content: space-between;
	padding: 40px 60px; gap: 20px 40px; flex-wrap: wrap;
}
.s_info .boxArea .box .left{}
.s_info .boxArea .box .left p{
	font-size: 20px; font-weight: 500; line-height: calc(30/22);
}
.rumi .s_info .boxArea .box .left p{color: #bfaead; }
.soma .s_info .boxArea .box .left p{color: #ccbf95; }
.luxe .s_info .boxArea .box .left p{color: #bfaead; }
.s_info .boxArea .box .right{}
.s_info .boxArea .box .right p{
	color: #b9b9b9; font-size: 18px;  line-height: calc(30/18);
}
.s_info .swiperBx{width: 580px;}
.s_info .swiperBx .swiper{margin-bottom: 50px;}
.s_info .swiperBx .swiper-wrapper{}
.s_info .swiperBx .swiper-slide{
	text-align: center; transition: opacity 0.5s; opacity: 0;
}
.s_info .swiperBx .swiper-slide-active{opacity: 1;}
.s_info .swiperBx .swiper-slide img{max-height: 700px;}

.s_info .swiperBx .swiper-pagination{position: unset;}
.s_info .swiperBx .swiper-pagination-bullet{width: 15px; height: 15px; background-color: rgba(255,255,255,0.5); transition: background-color 0.5s;}
.s_info .swiperBx .swiper-pagination-bullet-active{background-color: #fff;}


@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.s_info .wrap{flex-direction: column; gap: 60px;}
	.s_info .title{max-width: 600px;}
	.s_info .title h3{font-size: max(calc(70/1280*100vw),38px); }

	.s_info .swiperBx{width: 60%; max-width: 500px;}
	.s_info .swiperBx .swiper{overflow: visible;}
	.s_info .swiperBx .swiper-slide img{max-height: 500px;}
}
@media screen and (max-width:1024px) {
	.s_info .title em{font-size: 30px; }
}
@media screen and (max-width:820px) {
	.s_info .title{margin-bottom: 60px;}
	.s_info .title em{font-size: 24px; }

	.s_info .boxArea .box{padding: 30px; border-radius: 10px;}
	.s_info .boxArea .box .left p{font-size: 18px; }
	.s_info .boxArea .box .right p{font-size: 16px; }
}
@media screen and (max-width:500px) {
	.s_info{padding: 80px 0;}
	.s_info .title{margin-bottom: 40px;}
	.s_info .title em{font-size: 18px; }
	.s_info .title p{font-size: 14px; }

	.s_info .boxArea{gap: 20px;}
	.s_info .boxArea .box{padding: 30px 20px; flex-direction: column; align-items: flex-start;}
	.s_info .boxArea .box .right p{font-size: 14px;}
	.s_info .boxArea .box .right p br{display: none;}

	.s_info .swiperBx .swiper-pagination-bullet{width: 10px; height: 10px;}
}
@media screen and (max-width:320px) {}



/* --------- s_before --------- */
.s_before{
	padding: 150px 0; box-sizing: border-box;
	background-color: #fff ;
	background-size: cover; background-position: center;
}
.s_before .wrap{
	text-align: center;
}
.s_before .wrap h3{
	font-size: 50px; font-weight: 700; line-height: 1.3;
	margin-bottom: calc(80/50*1em);
}
.s_before .wrap h3.small{font-size: 35px; }
.s_before .wrap h3 p{}
.s_before .wrap .cont:not(:last-child){margin-bottom: 180px;}
.s_before .wrap .cont h4{
	font-size: 30px; font-weight: 500; line-height: 1.3;
	margin-bottom: 2em;
}
.s_before .wrap .cont .boxArea{
	display: flex; align-items: center; justify-content: center;
}
.s_before .wrap .cont .boxArea .box{
	display: flex; align-items: center; justify-content: center; gap: 26px;
}
.s_before .wrap .cont .boxArea .box:nth-child(3){flex-direction: row-reverse;}
.s_before .wrap .cont .boxArea .box p{
	font-size: 100px; font-weight: 700;
	width: calc(309/100*1em);
}
.s_before .wrap .cont .boxArea .box:nth-child(1) p{ color: #d6d6d6;}
.s_before .wrap .cont .boxArea .box:nth-child(3) p{text-align: left;}
.s_before .wrap .cont .boxArea .imgBx{}
.s_before .wrap .cont .boxArea .imgBx img{}
.s_before .wrap .cont .boxArea ._arrow{
	opacity: 0 !important;
	margin: 0 54px;
}
.s_before .wrap .cont .boxArea ._arrow div{}

.s_before .bottomTxt{
	text-align: center; margin-top: 40px;
}
.s_before .bottomTxt em{
	display: block; font-size: 25px; font-weight: 700; line-height: 1.4; color: var(--red);
	margin-bottom: 20px;
}
.s_before .bottomTxt p{
	font-size: 20px;  line-height: calc(22/20);
}



@media screen and (max-width:1600px) {
	.s_before .wrap .cont .boxArea .box p{font-size: 80px; }
	.s_before .wrap .cont .boxArea .imgBx{max-width: 240px;}
	.s_before .wrap .cont .boxArea ._arrow{margin: 0 40px;}
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.s_before .wrap h3{font-size: 40px; }

	.s_before .wrap .cont .boxArea .box p{font-size: 60px; }
	.s_before .wrap .cont .boxArea .imgBx{max-width: 200px;}
	.s_before .wrap .cont .boxArea ._arrow{margin: 0 40px;}
}
@media screen and (max-width:1024px) {
	.s_before{padding: 100px 0;}

	.s_before .wrap .cont:not(:last-child){margin-bottom: 100px;}
	.s_before .wrap .cont .boxArea .box{flex-direction: column !important; gap: 12px;}
	.s_before .wrap .cont .boxArea .box p{text-align: center !important; font-size: 40px; }
	.s_before .wrap .cont .boxArea ._arrow{margin: 0 20px; margin-top: calc(40px + 12px); }
}
@media screen and (max-width:820px) {
	.s_before .wrap h3{font-size: 30px !important; }
	.s_before .wrap .cont h4{font-size: 20px; }

	.s_before .bottomTxt{margin-top: 30px;}
	.s_before .bottomTxt em{font-size: 20px; }
	.s_before .bottomTxt p{font-size: 16px; }
}
@media screen and (max-width:500px) {
	.s_before{padding: 80px 0;}
	.s_before .wrap h3{font-size: 24px !important;}
	.s_before .wrap .cont:not(:last-child){margin-bottom: 80px;}
	.s_before .wrap .cont h4.big{border: none;}

	.s_before .wrap .cont .boxArea{flex-direction: column;}
	.s_before .wrap .cont .boxArea .box p{font-size: 24px; }
	.s_before .wrap .cont .boxArea .imgBx{max-width: unset;}
	.s_before .wrap .cont .boxArea ._arrow{margin: 30px 0;}
	.s_before .wrap .cont .boxArea ._arrow div{transform: rotate(90deg);}

	.s_before .bottomTxt{margin-top: 20px;}
	.s_before .bottomTxt br{display: none;}
	.s_before .bottomTxt em{font-size: 18px; }
	.s_before .bottomTxt p{font-size: 14px; }

}
@media screen and (max-width:320px) {}



/* --------- s_detail --------- */
.s_detail{
	padding: 150px 0; box-sizing: border-box;
	text-align: center;
}
.s_detail .wrap{}
.s_detail .wrap .cont{}
.s_detail .wrap .cont .title{
	margin-bottom: 30px;
}
.s_detail .wrap .cont .title h3{
	font-size: 35px;
    font-weight: 700;
    line-height: 1.3;
	margin-bottom: 1em;
}
.s_detail .wrap .cont .title p{
	font-size: 20px; line-height: calc(30/20);
	margin-bottom: 30px;
}
.s_detail .wrap .cont .title em{
	display: block; font-weight: 700; color: var(--red);
}
.s_detail .wrap .cont .imgArea{
	display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0 auto;
}
.s_detail .wrap .cont .imgArea .imgBx{}
.s_detail .wrap .cont .imgArea .imgBx img{}

/* 별도 스타일 */
.s_detail .wrap .cont.n1{margin-bottom: 110px;}
.s_detail .wrap .cont.n1 .imgArea{
	gap: 27px; max-width: 960px;
}
.s_detail .wrap .cont.n2 .imgArea{
	gap: 10px; max-width: 940px;
}


@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	.s_detail{padding: 100px 0;}
}
@media screen and (max-width:820px) {
	.s_detail .wrap .cont .title h3{font-size: 30px; margin-bottom: 1em;}
	.s_detail .wrap .cont .title p{font-size: 18px; }

	.s_detail .wrap .cont.n1 .imgArea{gap: 10px;}
	.s_detail .wrap .cont.n1 .imgArea .imgBx{width: calc(50% - 5px);}
}
@media screen and (max-width:500px) {
	.s_detail{padding: 80px 0;}

	.s_detail .wrap .cont.n1{margin-bottom: 80px;}

	.s_detail .wrap .cont .title h3{font-size: 24px;}
	.s_detail .wrap .cont .title p{font-size: 15px; margin-bottom: 20px;}
	.s_detail .wrap .cont .title p br{display: none;}
}
@media screen and (max-width:320px) {}




/* --------- s_slide --------- */
.s_slide{
	padding: 150px 0;
	background-color: #fbfbfb;
}
.s_slide .wrap{}
.s_slide .title{
	text-align: center;
}
.s_slide .title h3{
	font-size: 35px;
    font-weight: 700;
    line-height: 1.3;
	margin-bottom: calc(130/35*1em);
}
.s_slide .cont{
	display: flex; align-items: flex-start; justify-content: center; gap: 27px;
}
.s_slide .spec{
	border: 1px solid #eeeeee; box-sizing: border-box;
	min-width: 540px;
	padding: 65px 40px;
	position: relative;
}
.s_slide .spec .badge{
	font-size: 1px;
	position: absolute; top: 0; right: 40px;
	width: 42em; background-image: url(/asset/img/sub/product/home_care/badge.png);
	background-size: cover;
}
.s_slide .spec .badge::before {
	content:''; display: block; padding-bottom: calc(65/42*100%);
}
.s_slide .spec .badge p{
	position: absolute; font-size: 10px; color: #fff; font-weight: 600;
	top: 38%; left: 50%; transform: translateX(-50%);
	white-space: nowrap;
}

.s_slide .spec .row{
	display: flex; flex-direction: column; gap: 8px; padding: 20px 8px; box-sizing: border-box;
	border-bottom: 1px solid #ededed; line-height: 1.4;
}
.s_slide .spec .row:first-child{padding-top: 0;}
.s_slide .spec .row:last-child{border-bottom: 0; padding-bottom: 0;}
.s_slide .spec .row h5{
	font-size: 18px; font-weight: 700;
}
.s_slide .spec .row p{
	font-weight: 500; color: #757575;
}

.s_slide .swiperBx{
	width: calc(100% - 540px - 27px);
	box-sizing: border-box;
}
.s_slide .swiper{width: 100%;}
.s_slide .swiper-wrapper{}
.s_slide .swiper-slide{}
.s_slide .swiper-slide img{
	width: 100%;
	border: 1px solid #eeeeee; box-sizing: border-box;
}
.s_slide .dot{
	display: flex; align-items: center; justify-content: center; gap: 8px;
	margin-top: 60px;
}
.s_slide .dot .swiper-pagination-bullet{width: 16px; height: 16px; margin: 0; transition: background 0.3s; background: #a5acb2; opacity: 1;}
.s_slide .dot .swiper-pagination-bullet-active{background: var(--red);}


@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.s_slide .cont{flex-direction: column; gap: 20px;}
	.s_slide .spec{min-width: unset; width: 100%;}
	.s_slide .swiperBx{width: 100%;}
}
@media screen and (max-width:1024px) {
	.s_slide{padding: 100px 0;}

	.s_slide .title h3{margin-bottom: 60px;}
}
@media screen and (max-width:820px) {
	.s_slide .title h3{font-size: 30px; }
	.s_slide .title h3 br{display: none;}

	.s_slide .dot{margin-top: 40px;}
}
@media screen and (max-width:500px) {
	.s_slide{padding: 80px 0;}

	.s_slide .title h3{font-size: 24px; margin-bottom: 40px;}


	.s_slide .spec{padding: 40px 14px;}
	.s_slide .spec .badge{font-size: 0.8px; right: 14px;}
	.s_slide .spec .row{padding: 10px 6px;}
	.s_slide .spec .row h5{font-size: 15px; }
	.s_slide .spec .row p{font-size: 14px; }
	.s_slide .dot .swiper-pagination-bullet{width: 10px; height: 10px;}

}
@media screen and (max-width:320px) {}




/* --------- s_red --------- */
.s_red{padding: 150px 0;}
.s_red .wrap{}
.s_red h3{
	font-size: 50px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: max(calc(80 / 50 * 1em),50px);
	text-align: center;
}
.s_red .circleBx{
	display: flex; align-items: flex-start; justify-content: center; gap: 80px;
	margin-bottom: 80px;;
}
.s_red .circle{
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	width: 168px;
}
.s_red .circle img{margin-bottom: 18px;}
.s_red .circle p{
	font-size: 18px; font-weight: 300; line-height: calc(27/18); color: #363535;
	text-align: center;
}
.s_red .boxArea{
	max-width: 1152px; margin: 0 auto;
	margin-bottom: 120px;
}
.s_red .boxArea .top{
	margin-bottom: 10px;
}
.s_red .boxArea .top img{}
.s_red .boxArea .bottom{
	display: flex; gap: 5px; color: #fff;
}
.s_red .boxArea .bottom > div{
	padding: 32px; box-sizing: border-box; flex: 1; background-color: var(--red);
}
.s_red .boxArea .bottom > div em{
	display: block; font-size: 25px; font-weight: 700; line-height: 1.3;
	margin-bottom: 60px;
}
.s_red .boxArea .bottom > div p{
	font-size: 18px;  line-height: calc(22/18);
}
.s_red .txtBx{text-align: center;}
.s_red .txtBx em{
	display: block; font-size: 35px; font-weight: 600; line-height: 1.3;
	margin-bottom: 42px;
}
.s_red .txtBx p{
	font-size: 20px;  font-weight: 300; line-height: calc(30/20);
}
.s_red .txtBx p:not(:last-child){margin-bottom: 32px;}


@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.s_red h3{font-size: 40px; }
}
@media screen and (max-width:1024px) {
	.s_red{padding: 100px 0;}

	.s_red .boxArea{margin-bottom: 100px;}
}
@media screen and (max-width:820px) {
	.s_red h3{font-size: 30px; }

	.s_red .circleBx{gap: unset; flex-wrap: wrap; gap: 40px 30px;}
	.s_red .circle{width: calc(50% - 15px);}
	.s_red .circle p br{display: none;}

	.s_red .boxArea .bottom > div{padding: 30px 20px;}
	.s_red .boxArea .bottom > div em{font-size: 20px; margin-bottom: 30px;}
	.s_red .boxArea .bottom > div p{font-size: 16px; }
	.s_red .boxArea .bottom > div p br{display: none;}

	.s_red .txtBx em{font-size: 26px; }
	.s_red .txtBx p{font-size: 18px; }
}
@media screen and (max-width:500px) {
	.s_red{padding: 80px 0;}
	.s_red h3{font-size: 24px; }

	.s_red .circleBx{gap: 30px; margin-bottom: 40px;}
	.s_red .circle img{width: 120px; margin-bottom: 10px;}
	.s_red .circle p{font-size: 16px;}

	.s_red .boxArea{margin-bottom: 60px;}
	.s_red .boxArea .top{overflow: hidden;}
	.s_red .boxArea .top img{width: 120vw; max-width: unset; transform: translateX(-4%);}
	.s_red .boxArea .bottom{flex-direction: column; gap: 10px;}
	.s_red .boxArea .bottom > div em{margin-bottom: 20px;}
	.s_red .boxArea .bottom > div p{font-size: 14px; font-weight: 300;}

	.s_red .txtBx em{font-size: 24px; margin-bottom: 30px;}
	.s_red .txtBx p{font-size: 14px; }
	.s_red .txtBx p:not(:last-child){margin-bottom: 20px;}
}
@media screen and (max-width:320px) {}