#content {padding:0;}

.customizingWrap {width:100%;}

@keyframes sec_ani {
	to {transform: translateY(0); opacity:1;}
}


.custom_visual {width:100%; padding:8rem 0; padding-bottom:16rem;}
.custom_visual .title {width:100%; text-align: center;}
.custom_visual .title h2 {font-size:4.8rem; color:var(--color-black); font-weight:900; letter-spacing:-0.05em; line-height:6rem; transform: translateY(4rem); opacity:0; animation:sec_ani 0.5s ease forwards;}
.custom_visual .title h2 br {display:none;}
.custom_visual .title div {width:100%; margin-top:4.8rem; transform: translateY(4rem); opacity:0; animation:sec_ani 0.5s ease forwards; animation-delay:0.1s;}
.custom_visual .title div em {display: block; font-size:3.4rem; color:var(--color-black); font-weight:700; letter-spacing:-0.05em; line-height:4.4rem;}
.custom_visual .title div em + em {margin-top:1.6rem;}
.custom_visual .title div em br {display:none;}

.custom_visual .slider {width:100%; margin-top:8rem;}
.custom_visual .slider .js_v_img_slider {width:100%; overflow: hidden;}
.custom_visual .slider .js_v_img_slider .swiper-wrapper {width:calc(100% - 4rem); max-width:148.4rem; margin: auto; gap:1.6rem;}
.custom_visual .slider .js_v_img_slider .swiper-slide {width:calc(20% - 1.28rem); max-width:28.4rem;}
.custom_visual .slider .js_v_img_slider .swiper-slide .img {width:100%; padding-top:183.1%; position: relative; transform: translateY(4rem); opacity:0; animation:sec_ani 0.5s ease forwards; animation-delay:0.2s;}
.custom_visual .slider .js_v_img_slider .swiper-slide:nth-child(2) .img {animation-delay:0.3s;}
.custom_visual .slider .js_v_img_slider .swiper-slide:nth-child(3) .img {animation-delay:0.4s;}
.custom_visual .slider .js_v_img_slider .swiper-slide:nth-child(4) .img {animation-delay:0.5s;}
.custom_visual .slider .js_v_img_slider .swiper-slide:nth-child(5) .img {animation-delay:0.6s;}

.custom_visual .slider .js_v_img_slider .swiper-slide .img span {position: absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items: center; justify-content: center;}
.custom_visual .slider .js_v_img_slider .swiper-slide .img span img {display: block; width:100%; height:100%; object-fit: cover;}

@media (max-width:1400px) {
    .custom_visual .title h2 {font-size:4.6rem; line-height:5.6rem;}
    .custom_visual .title div em {font-size:3.2rem; line-height:4.2rem;}
    .custom_visual .slider {margin-top:7.2rem;}
    .custom_visual .slider .js_v_img_slider .swiper-wrapper {width:calc(100% - 2rem); gap:0;}
    .custom_visual .slider .js_v_img_slider .swiper-slide {width:20%;}
}
@media (max-width:1300px) {
    .custom_visual .title h2 {font-size:4.4rem; line-height:5.4rem;}
    .custom_visual .title div {margin-top:4.2rem;}
    .custom_visual .title div em {font-size:3rem; line-height:4rem;}
    .custom_visual .title div em + em {margin-top:1.4rem;}
    .custom_visual .slider {margin-top:6.8rem;}
    .custom_visual .slider .js_v_img_slider .swiper-wrapper {width:calc(100% - 1rem);}
}
@media (max-width:1200px) {
    .custom_visual .slider .js_v_img_slider .swiper-wrapper {width:100%; max-width:none;}
    .custom_visual .slider .js_v_img_slider .swiper-slide {width:28.4rem; transition: transform 0.3s ease, opacity 0.3s; opacity: 0.4; transform: scale(0.8);}
    .custom_visual .slider .js_v_img_slider .swiper-slide.swiper-slide-active {transform: scale(1); opacity: 1;}
    .custom_visual .slider .js_v_img_slider {transform: translateY(4rem); opacity:0; animation:sec_ani 0.5s ease forwards; animation:sec_ani 0.5s ease forwards; animation-delay:0.2s;}
    .custom_visual .slider .js_v_img_slider .swiper-slide .img {transform: translateY(0); opacity:1; animation:none;}
}
@media (max-width:1023px) {
    .custom_visual {padding:7rem 0; padding-bottom:14rem;}
    .custom_visual .title h2 {font-size:4.2rem; line-height:5.2rem;}
    .custom_visual .title div {margin-top:3.6rem;}
    .custom_visual .title div em {font-size:2.8rem; line-height:3.8rem;}
    .custom_visual .title div em + em {margin-top:1.2rem;}
    .custom_visual .slider .js_v_img_slider .swiper-slide {width:26.8rem;}
}
@media (max-width:767px) {
    .custom_visual {padding:7rem 0; padding-bottom:12rem;}
    .custom_visual .title h2 {font-size:4rem; line-height:5rem;}
    .custom_visual .title div {margin-top:3.2rem;}
    .custom_visual .title div em {font-size:2.6rem; line-height:3.6rem;}
    .custom_visual .title div em + em {margin-top:0.8rem;}
    .custom_visual .slider {margin-top:6rem;}
    .custom_visual .slider .js_v_img_slider .swiper-slide {width:24rem;}
}
@media (max-width:600px) {
    .custom_visual {padding:6rem 0; padding-bottom:10rem;}
    .custom_visual .title h2 {font-size:3.6rem; line-height:4.6rem;}
    .custom_visual .title div {margin-top:3rem;}
    .custom_visual .title div em {font-size:2.3rem; line-height:3.3rem;}
    .custom_visual .title div em + em {margin-top:0.6rem;}
    .custom_visual .slider {margin-top:5rem;}
    .custom_visual .slider .js_v_img_slider .swiper-slide {width:23rem;}
}
@media (max-width:479px) {
    .custom_visual {padding:4rem 0; padding-bottom:8rem;}
    .custom_visual .title h2 {font-size:3.8rem; line-height:5.4rem;}
    .custom_visual .title h2 br {display: block;}
    .custom_visual .title div {margin-top:1.6rem;}
    .custom_visual .title div em {font-size:2rem; line-height:3rem;}
    .custom_visual .title div em + em {margin-top:0.4rem;}
    .custom_visual .title div em br {display:block;}
    .custom_visual .slider {margin-top:4rem;}
    .custom_visual .slider .js_v_img_slider .swiper-slide {width:21rem; transform: scale(0.9);}
}
@media (max-width:420px) {
    .custom_visual {padding:3.6rem 0; padding-bottom:8rem;}
    .custom_visual .title h2 {font-size:3.6rem; line-height:5.2rem;}
    .custom_visual .title div {margin-top:1.2rem;}
    .custom_visual .title div em {font-size:1.8rem; line-height:2.6rem;}
    .custom_visual .title div em + em {margin-top:0.2rem;}
    .custom_visual .slider {margin-top:3.6rem;}
    .custom_visual .slider .js_v_img_slider .swiper-slide {width:20rem;}
}



.custom_section_container {width:100%;}
.custom_section_container section {width:100%;}


.cs_content1 {width:100%;}
.cs_content1 div {width:100%; height:48rem; overflow:hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); isolation: isolate; display:flex; justify-content: center; flex-wrap:wrap;}
.cs_content1 div img {display: block; position:relative; transform: translateY(-11rem); min-width:192rem; object-fit: cover;}

@media (max-width: 1300px) {
    .cs_content1 div img { min-width: 172rem;}
}
@media (max-width: 1200px) {
    .cs_content1 div { height: 52rem; }
    .cs_content1 div img { min-width: 152rem;}
}
@media (max-width: 1023px) {
    .cs_content1 div { height: 50rem;}
    .cs_content1 div img { min-width:auto; width:150%; transform: translateY(-10rem); }
}
@media (max-width: 767px) {
    .cs_content1 div { height: 42rem;}
    .cs_content1 div img { transform: translateY(-8rem);}

}
@media (max-width: 600px) {
    .cs_content1 div { height:32rem; }
    .cs_content1 div img {transform: translateY(-6rem);}
}
@media (max-width: 479px) {
    .cs_content1 div { height: 28rem; }
    .cs_content1 div img {width:145%;}
}
@media (max-width: 420px) {
    .cs_content1 div { height:26rem; }
    .cs_content1 div img {width:140%;}
}



.cs_content2 {width:100%; padding:16rem 0;}
.cs_content2 .sInner {display:flex; flex-wrap:wrap; align-items: flex-start; position: relative;}
.cs_content2 .title {position: relative; z-index:2;}
.cs_content2 .title h6 {font-size:3.4rem; color:var(--color-gray-800); font-weight:700; line-height:4.4rem; letter-spacing:-0.05em; display: block; transform: translateY(4rem); opacity:0;}
.cs_content2 .title em {font-size:1.8rem; color:var(--color-gray-700); font-weight:500; letter-spacing:-0.03em; line-height:2.8rem; display: block; word-break: keep-all; margin-top:2.4rem; transform: translateY(4rem); opacity:0;}
.cs_content2 .btn {display:flex; transform: translateY(4rem); opacity:0; position: absolute; top:19.2rem; left:0;}
.cs_content2 .btn a {width:24rem; background-color:var(--color-gray-800); font-size:2rem; color:var(--color-white); font-weight:800; letter-spacing:-0.05em; line-height:3rem; padding:1.4rem 0; border-radius:10rem; text-align: center;}

.cs_content2 .content {margin-left:auto; width:100%; max-width:62rem;}
.cs_content2 .content ul {width:100%; counter-reset:number;}
.cs_content2 .content ul li {width:100%; border:1px solid var(--color-gray-300); border-radius:10rem; cursor: pointer; transform: translateY(4rem); opacity:0;}
.cs_content2 .content ul li + li {margin-top:1.6rem;}
.cs_content2 .content ul li .tit {width:100%; position: relative; padding:1.6rem; display:flex; align-items: center; font-size:1.8rem; color:var(--color-gray-800); font-weight:700; letter-spacing:-0.03em; line-height:2.8rem; gap:1.2rem;}
.cs_content2 .content ul li .tit::before {counter-increment:number 1; content:"Step "counter(number); padding:0 1rem; border-radius:10rem; background-color:var(--color-action); font-size:1.7rem; color:var(--color-white); font-weight:600; letter-spacing:-0.03em; line-height:2.6rem;}
.cs_content2 .content ul li .tit::after {content:""; width:2.4rem; height:2.4rem; border-radius:100%; background:url("/skin/site_m/responsive-food/svg/common/select.svg")no-repeat center var(--color-gray-50); background-size:1.2rem; position: absolute; top:50%; right:1.6rem; transform: translateY(-50%);}
.cs_content2 .content ul li .details {display:none; width:100%; padding:1.6rem; padding-top:0;}
.cs_content2 .content ul li .details em {display: block; font-size:1.6rem; color:var(--color-gray-200); font-weight:700; letter-spacing:-0.02em; line-height:2.4rem; word-break: keep-all;}

.cs_content2 .content ul li.on {background-color:var(--color-action);  border-radius:2.4rem;}
.cs_content2 .content ul li.on .tit {color:var(--color-white);}
.cs_content2 .content ul li.on .tit::after {transform:translateY(-50%) rotate(-180deg);}
.cs_content2 .content ul li.on .details {display: block;}

.cs_content2 .title.act h6 {animation:sec_ani 0.5s ease forwards;}
.cs_content2 .title.act em {animation:sec_ani 0.5s ease forwards; animation-delay:0.1s;}
.cs_content2 .btn.act {animation:sec_ani 0.5s ease forwards;}
.cs_content2 .content.act ul li {animation:sec_ani 0.5s ease forwards;}
.cs_content2 .content.act ul li:nth-child(2) {animation-delay:0.1s;}
.cs_content2 .content.act ul li:nth-child(3) {animation-delay:0.2s;}
.cs_content2 .content.act ul li:nth-child(4) {animation-delay:0.3s;}
.cs_content2 .content.act ul li:nth-child(5) {animation-delay:0.4s;}

@media (hover: hover) {
    .cs_content2 .btn a {transition:all 0.2s;}
    .cs_content2 .btn a:hover {background-color:var(--color-action);}
    .cs_content2 .content ul li:not(.on):hover {background-color:var(--color-gray-100);}
}
@media (max-width: 1300px) {
    .cs_content2 .title h6 {font-size:3.2rem; line-height:4.2rem;}
    .cs_content2 .content {max-width:58rem;}
}
@media (max-width: 1200px) {
    .cs_content2 {padding:14rem 0;}
    .cs_content2 .title {width:36rem;}
    .cs_content2 .title h6 {font-size:3rem; line-height:4rem;}
    .cs_content2 .title em {font-size:1.7rem; line-height:2.7rem; margin-top:2rem;}
    .cs_content2 .title em br:nth-child(1) {display:none;}

    .cs_content2 .btn {top:21rem;}

    .cs_content2 .content {max-width:54rem;}
    
}
@media (max-width: 1023px) {
    .cs_content2 {padding:12rem 0;}
    .cs_content2 .title {width:100%;}
    .cs_content2 .title h6 {font-size:2.8rem; line-height:3.8rem;}
    .cs_content2 .title em {font-size:1.6rem; line-height:2.6rem; margin-top:1.6rem;}
    .cs_content2 .title em br:nth-child(1) {display:block;}

    .cs_content2 .btn {position: static; order:2; justify-content: center; width:100%; margin-top:3.6rem;}
    .cs_content2 .content {max-width:none; margin-top:3.6rem; order:1;}
}
@media (max-width: 767px) {
    .cs_content2 {padding:10rem 0;}
    .cs_content2 .title h6 {font-size:2.6rem; line-height:3.6rem;}

    .cs_content2 .btn {margin-top:3.2rem;}
    .cs_content2 .btn a {font-size:1.8rem; line-height:2.4rem; padding:1.4rem 2.4rem;}
    .cs_content2 .content {margin-top:3.2rem;}
    .cs_content2 .content ul li .tit {font-size:1.7rem; line-height:2.7rem;}
    .cs_content2 .content ul li .tit::before {font-size:1.6rem; line-height:2.5rem;}
    .cs_content2 .content ul li .tit::after {width:2.3rem; height:2.3rem; background-size:1.1rem; transform: translateY(-50%) translateY(-0.05rem);}
    .cs_content2 .content ul li .details em {font-size:1.5rem; line-height:2.3rem;}

    .cs_content2 .content ul li.on { border-radius:2rem;}
}
@media (max-width: 600px) {
    .cs_content2 {padding:8rem 0;}
    .cs_content2 .title h6 {font-size:2.4rem; line-height:3.4rem;}
    .cs_content2 .title em {font-size:1.5rem; line-height:2.5rem; margin-top:1.4rem;}

    .cs_content2 .btn {margin-top:2.8rem;}
    .cs_content2 .btn a {width:100%; font-size:1.7rem; font-weight:500; line-height:2.3rem; padding:1.4rem 0;}

    .cs_content2 .content {margin-top:2.8rem;}
    .cs_content2 .content ul li + li {margin-top:1.2rem;}
    .cs_content2 .content ul li .tit {padding:1.2rem; font-size:1.6rem; line-height:2.7rem; gap:1rem;}
    .cs_content2 .content ul li .tit::before {font-size:1.5rem; line-height:2.4rem; padding:0 0.8rem;}
    .cs_content2 .content ul li .tit::after {width:2.2rem; height:2.2rem; background-size:1rem; transform: translateY(-50%);}
    .cs_content2 .content ul li .details {padding:1.2rem; padding-top:0;}
    .cs_content2 .content ul li .details em {font-size:1.4rem; line-height:2.2rem;}

    .cs_content2 .content ul li.on { border-radius:1.6rem;}
}
@media (max-width: 479px) {
    .cs_content2 {padding:7rem 0;}
    .cs_content2 .title h6 {font-size:2.2rem; line-height:3.2rem;}
    .cs_content2 .title em {font-size:1.4rem; line-height:2.4rem; margin-top:1.2rem;}

    .cs_content2 .btn {margin-top:2.4rem;}
    .cs_content2 .btn a {font-size:1.6rem; line-height:2.2rem;}

    .cs_content2 .content {margin-top:2.4rem;}
    .cs_content2 .content ul li .tit {font-size:1.5rem; line-height:2.5rem; gap:1rem;}
    .cs_content2 .content ul li .tit::before {font-size:1.4rem; line-height:2.4rem;}
    .cs_content2 .content ul li .tit::after {width:2.1rem; height:2.1rem; background-size:1.1rem; transform: translateY(-50%) translateY(-0.05rem);}
    .cs_content2 .content ul li.on { border-radius:1.4rem;}
}
@media (max-width: 420px) {
    .cs_content2 {padding:6.4rem 0;}
    .cs_content2 .title h6 {font-size:2rem; line-height:3rem;}
    .cs_content2 .btn,
    .cs_content2 .content {margin-top:2rem;}
}



.cs_content3 {width:100%; padding:16rem 0; background-color:var(--color-action);}
.cs_content3 .title h6 {font-size:3.4rem; color:var(--color-white); font-weight:700; line-height:4.4rem; letter-spacing:-0.05em; display: block; text-align: center; transform: translateY(4rem); opacity:0;}

.cs_content3 .content {width:100%; max-width:136.8rem; margin: auto; margin-top:8rem;}
.cs_content3 .content .js_portfolio_slider {width:100%; padding:0 3rem; overflow: hidden;}
.cs_content3 .content .js_portfolio_slider .swiper-wrapper {width:100%; display:flex; flex-wrap:wrap; gap:2.45rem;}
.cs_content3 .content .js_portfolio_slider .swiper-slide {width:calc(20% - 1.96rem);}
.cs_content3 .content .js_portfolio_slider .swiper-slide .item {width:100%; position: relative; transform: translateY(4rem); opacity:0;}

.cs_content3 .content .js_portfolio_slider .swiper-slide .item a.upper_link {width:100%; height:100%; position: absolute; top:0; left:0;}
.cs_content3 .content .js_portfolio_slider .swiper-slide .item .btn_detail {width:100%; height:100%; position: absolute; top:0; left:0; cursor: pointer; z-index:9;}

.cs_content3 .content .js_portfolio_slider .swiper-slide .item .thumb {width:100%; padding-top:100%; position: relative; border-radius:2.4rem; -webkit-radial-gradient(white, black); isolation: isolate; overflow: hidden;}
.cs_content3 .content .js_portfolio_slider .swiper-slide .item .thumb .img {width:100%; height:100%; position: absolute; top:0; left:0; display:flex; align-items: center; justify-content: center;}
.cs_content3 .content .js_portfolio_slider .swiper-slide .item .thumb .img {width:100%; height:100%; position: absolute; top:0; left:0; display:flex; align-items: center; justify-content: center;}
.cs_content3 .content .js_portfolio_slider .swiper-slide .item .thumb .img::before {content:"상세보기"; width:100%; height:100%; position: absolute; top:0; left:0; background-color:rgba(0,0,0,0.5); display:flex; align-items: center; justify-content: center; font-size:2.2rem; color:var(--color-white); font-weight:500; letter-spacing:-0.02em; line-height:3.2rem; opacity:0; z-index:3;}
.cs_content3 .content .js_portfolio_slider .swiper-slide .item .thumb .img img {display: block; width:100%; height:100%; object-fit: cover;}

.cs_content3 .content .js_portfolio_slider .swiper-slide .item .info {width:100%; margin-top:1.6rem;}
.cs_content3 .content .js_portfolio_slider .swiper-slide .item .info p {font-size:1.6rem; color:var(--color-gray-200); font-weight:500; letter-spacing:-0.03em; line-height:2.6rem; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.cs_content3 .content .js_portfolio_slider .swiper-slide .item .info em {font-size:1.8rem; color:var(--color-white); font-weight:600; letter-spacing:-0.03em; line-height:2.8rem; display: block; margin-top:0.4rem; max-height:5.6rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}

.cs_content3 .content .btn {width:100%; margin-top:8rem; display:flex; justify-content: center; transform: translateY(4rem); opacity:0;}
.cs_content3 .content .btn a {width:24rem; background-color:var(--color-white); font-size:2rem; color:var(--color-gray-800); font-weight:800; letter-spacing:-0.05em; line-height:3rem; padding:1.4rem 0; border-radius:10rem; text-align: center;}

.cs_content3 .title.act h6 {animation:sec_ani 0.5s ease forwards;}
.cs_content3 .content.act .js_portfolio_slider .swiper-slide .item {animation:sec_ani 0.5s ease forwards;}
.cs_content3 .content.act .js_portfolio_slider .swiper-slide:nth-child(2) .item {animation-delay:0.1s;}
.cs_content3 .content.act .js_portfolio_slider .swiper-slide:nth-child(3) .item {animation-delay:0.2s;}
.cs_content3 .content.act .js_portfolio_slider .swiper-slide:nth-child(4) .item {animation-delay:0.3s;}
.cs_content3 .content.act .js_portfolio_slider .swiper-slide:nth-child(5) .item {animation-delay:0.4s;}
.cs_content3 .content .btn.act {animation:sec_ani 0.5s ease forwards;}


@media (hover: hover) {
    .cs_content3 .content .js_portfolio_slider .swiper-slide .item .thumb img  {transition:all 0.5s;}
    .cs_content3 .content .js_portfolio_slider .swiper-slide .item .thumb .img::before {transition:all 0.2s;}
    .cs_content3 .content .js_portfolio_slider .swiper-slide .item:hover .thumb img {transform: scale(1.12);}
    .cs_content3 .content .js_portfolio_slider .swiper-slide .item:hover .thumb .img::before {opacity:1;}
    .cs_content3 .content .js_portfolio_slider .swiper-slide .item:hover .info p,
    .cs_content3 .content .js_portfolio_slider .swiper-slide .item:hover .info em {text-decoration: underline; text-underline-offset:0.2rem;}

    .cs_content3 .content .btn a {transition:all 0.2s;}
    .cs_content3 .content .btn a:hover {background-color:var(--color-gray-800); color:var(--color-white)}
}
@media (max-width:1400px) {
    .cs_content3 .content .js_portfolio_slider .swiper-wrapper {flex-wrap:initial; gap:0;}
    .cs_content3 .content .js_portfolio_slider .swiper-slide {width:auto;}
}
@media (max-width:1300px) {
    .cs_content3 .title h6 {font-size:3.2rem; line-height:4.2rem;}
    .cs_content3 .title .btn {margin-top:4.8rem;}
    .cs_content3 .title .btn a {font-size:1.8rem; line-height:2.4rem; padding:1.2rem 2.4rem;}

    .cs_content3 .content .js_portfolio_slider .swiper-slide .item .thumb {border-radius:1.8rem;}
    .cs_content3 .content .js_portfolio_slider .swiper-slide .item .thumb .img::before {font-size:2rem; line-height:3rem;}
}
@media (max-width:1200px) {
    .cs_content3 {padding:14rem 0;}
    .cs_content3 .title h6 {font-size:3rem; line-height:4rem;}
    .cs_content3 .content {margin-top:6.4rem;}
    .cs_content3 .content .js_portfolio_slider .swiper-slide .item .thumb {border-radius:1.7rem;}
}
@media (max-width:1023px) {
    .cs_content3 {padding:12rem 0;}
    .cs_content3 .title h6 {font-size:2.8rem; line-height:3.8rem;}
    .cs_content3 .content {margin-top:6rem;}
    .cs_content3 .content .js_portfolio_slider .swiper-slide .item .thumb {border-radius:1.7rem;}
    .cs_content3 .content .js_portfolio_slider .swiper-slide .item .thumb .img::before {font-size:2.2rem; line-height:3.2rem;}
}
@media (max-width:900px) {
    .cs_content3 .content {margin-top:5rem;}
    .cs_content3 .content .js_portfolio_slider .swiper-slide .item .thumb .img::before {font-size:2rem; line-height:3rem;}
    .cs_content3 .content .btn {margin-top:6rem;}
    .cs_content3 .content .btn a {width:23rem; font-size:1.9rem; line-height:2.9rem;}
}
@media (max-width:767px) {
    .cs_content3 {padding:10rem 0; padding-bottom:12rem;}
    .cs_content3 .title h6 {font-size:2.6rem; line-height:3.6rem;}
    .cs_content3 .content {margin-top:4.2rem;}
    .cs_content3 .content .btn {margin-top:4.8rem;}
    .cs_content3 .content .btn a {width:22rem; font-size:1.8rem; line-height:2.8rem;}
}
@media (max-width:600px) {
    .cs_content3 {padding:8rem 0; padding-bottom:10rem;}
    .cs_content3 .title h6 {font-size:2.4rem; line-height:3.4rem;}
    .cs_content3 .content {margin-top:3.6rem;}
    .cs_content3 .content .js_portfolio_slider .swiper-slide .item .thumb {border-radius:1.6rem;}
    .cs_content3 .content .js_portfolio_slider .swiper-slide .item .info p {font-size:1.6rem; line-height:2.4rem; max-height:4.8rem;}
    .cs_content3 .content .js_portfolio_slider .swiper-slide .item .info em {font-size:1.7rem; line-height:2.7rem; margin-top:0.3rem;}
    .cs_content3 .content .btn {margin-top:4.2rem;}
    .cs_content3 .content .btn a {width:20rem; font-size:1.7rem; line-height:2.7rem;}

}
@media (max-width:479px) {
    .cs_content3 {padding:7rem 0; padding-bottom:9rem;}
    .cs_content3 .title h6 {font-size:2.2rem; line-height:3.2rem;}
    .cs_content3 .content {margin-top:3.2rem;}
    .cs_content3 .content .js_portfolio_slider {padding:0 2.2rem;}
    .cs_content3 .content .js_portfolio_slider .swiper-slide .item .thumb {border-radius:1.2rem;}
    .cs_content3 .content .js_portfolio_slider .swiper-slide .item .thumb .img::before {font-size:1.9rem; line-height:2.9rem;}
    .cs_content3 .content .js_portfolio_slider .swiper-slide .item .info p {font-size:1.5rem; line-height:2.3rem;}
    .cs_content3 .content .js_portfolio_slider .swiper-slide .item .info em {font-size:1.6rem; line-height:2.6rem; max-height:5.2rem;}

    .cs_content3 .content .btn {margin-top:4rem; padding:0 2.2rem;}
    .cs_content3 .content .btn a {width:100%; font-size:1.6rem; line-height:2.6rem;}
}
@media (max-width:420px) {
    .cs_content3 {padding:6.4rem 0; padding-bottom:8.4rem;}
    .cs_content3 .title h6 {font-size:2rem; line-height:3rem;}
    .cs_content3 .content {margin-top:2.8rem;}
    .cs_content3 .content .js_portfolio_slider .swiper-slide .item .thumb .img::before {font-size:1.8rem; line-height:2.8rem;}
    .cs_content3 .content .js_portfolio_slider .swiper-slide .item .info p {font-size:1.4rem; line-height:2.2rem;}
    .cs_content3 .content .js_portfolio_slider .swiper-slide .item .info em {font-size:1.5rem; line-height:2.5rem; margin-top:0.2rem; max-height:5rem;}

    .cs_content3 .content .btn {margin-top:3.6rem; padding:0 2rem;}
    .cs_content3 .content .btn a {font-size:1.5rem; line-height:2.5rem; padding:1.3rem 0;}
}