.header.sub {margin-top:30px}
.header.sub .logo{max-width:170px;}
.header.sub span,
.header.sub a{min-width:35px;}
.visual{display:flex;align-items:center;justify-content: space-evenly;width:100%;padding:45px 0;overflow:hidden}
.visual .center{max-width:220px;}
.visual > figure{text-align:center;display:block}
.visual .swiper {overflow: visible;width:100%;max-width:33%;}
.result .visual figure,
.visual .swiper figure{
	display:flex;
	height:300px;
	align-items: center;
	justify-content: end;
	flex-flow: column;
}
.visual .swiper figure{
	height:250px;
}
.result .visual figure{margin-bottom:30px;height:auto;}
/* .visual figure .thumb{
  transform: scale(0.7);
  transform-origin: center bottom;
} */
.result .visual{padding:45px 0 20px;}
.visual .swiper-slide{width:240px; transition: opacity .25s;opacity:1}
.visual .swiper-slide.dim{opacity:0.3}
.visual .swiper-slide.swiper-slide-active{}
.visual .name{ display:block;font-weight:700;margin-top:10px; font-size: var(--fs-30) }
.visual .swiper-slide .info{text-align:center;}
.visual .swiper-slide .like{display:block;letter-spacing: 1px;font-size:var(--fs-18);margin-bottom: 20px;color:var(--color-muted);opacity:0}
.visual .swiper-slide.active .like{opacity:1}
.visual .swiper-slide .like:after{content:'';position:relative;display:block;width:9px;height:7px;background:url(../img/ico_s_arrow.svg) no-repeat;background-size:cover;transform: translate(-50%, 0);
    left: 50%;margin-top:4px}
.char .desc_area{position:relative;height:120px}
.char .desc,
.result .desc{font-family:'SamsungSharpSans', 'SamsungOneKorean 600C'; padding:0;color:var(--color-fg2);font-weight:400}
.char .desc{display:none}
.char .desc.active{display:block;}
.char .desc{position:absolute;color:var(--color-fg2);transform: translate(-50%, 0);left:50%;width:100%;}
.char .desc .s_name,
.result .desc .s_name{font-size:var(--fs-18);font-weight:500;padding-bottom:10px;display:block;width:100%;}
.char .visual{padding:60px 0 20px}
.visual .swiper figure {}
.result h2{font-size:var(--fs-40);margin-top:60px}
.result .thumb{max-height:200px;min-height:150px;}
.result + .btn_area {position:absolute;bottom:30px;width:100%;    transform: translateX(-50%); left: 50%;}
.desc_area .desc span{display:inline-block;}
.result .logo{ justify-content: center; display: flex; margin-top: 60px;}
/* mo */
@media (max-width: 460px) {
	.container{margin:0 -20px !important;}
	body{padding:0 20px}
	.visual .center{max-width:55%}
	.visual {gap:10px}
	h2{font-weight:400;font-size:24px}
	.btn_area{margin-top:30px;padding:0 20px;}
	.char .desc_area{height:130px;}
	.result .desc,
	.char .desc{font-weight:400;font-size:14px;padding:0 20px}
	.result .desc br,
	.char .desc br{display:none}
	.btn{font-size:20px;}
	.char .visual{padding:40px 0 20px}
	.visual .swiper-slide { width: 190px;}
	.visual .swiper-slide .like{font-size:16px;}
	.visual .name{font-size:26px}
	.result h2{font-size:30px}
}