@charset "utf-8";

.main {overflow: hidden;}
.container {box-sizing: border-box;}

/* ----------------------------------------------------------------
					visual
-----------------------------------------------------------------*/
.page-close__button::before, 
.page-close__button::after {box-shadow: 0px 2px 4px 0px #0000004D;}
.top {background: url(//img.enuri.info/images/rev/guide/lowest30/m_bg_top.jpg) 50% 0 / cover no-repeat; position: relative;padding:60px 16px 16px;display:flex;flex-direction: column;}
.visual{position: relative;padding-top:182px;overflow:visible;}
.top-obj1{width:100%;height:182px;position:absolute;top:0;left:0;background:url(//img.enuri.info/images/rev/guide/lowest30/top_obj1.png) no-repeat center center / auto 100%;animation: ease-in-out 1.45s infinite alternate icomove2;}
.top__title{position: relative;display:flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;z-index: 1;gap:9px;color:#fff;letter-spacing:-.5px;line-height:1.2;}
.top__sub-text{opacity:.8;font-size:18px;font-weight:500;}
.top__title-text{font-size:30px;font-weight:700;}
.top-content{background-color:#fff;border-radius:12px;padding:30px 0;margin-top:40px;display:flex;flex-direction: column;align-items: center;}
.top-content__title{font-size:23px;line-height:1.3;letter-spacing:-.25px;font-weight:500;color:#222;text-align: center;}
.top-content__title strong{font-weight:700;display:block;color:#6E2BFF;font-size:25px;}
.top-content__img{width:100%;height:275px;background:url(//img.enuri.info/images/rev/guide/lowest30/top_obj2_v3.png) no-repeat center center / auto 275px;width:100%;margin-top:30px}
.top-content__text{font-size:18px;line-height:1.4;letter-spacing:-.5px;color:#222;opacity:.9;margin-top:16px;text-align: center;}
.top-content__text .txt-group1{display:block;}
.top-content__text br{display:none}
.top-content__text strong{font-weight:700;display:block;}

.top *{ transition:.2s all ease;}

/* 400 이하 */
@media (max-width:400px){
	.top{padding:calc(100vw/400 * 60) 16px 16px}
	.visual{padding-top:calc(100vw/400 * 182);}
	.top-obj1{height:calc(100vw/400 * 182);}
	.top__sub-text{font-size:calc(100vw/400 * 18);}
	.top__title-text{font-size:calc(100vw/400 * 30);}
	.top-content{padding:calc(100vw/400 * 30) 0;margin-top:calc(100vw/400 * 40);}
	.top-content__title{font-size:calc(100vw/400 * 23);}
	.top-content__title strong{font-size:calc(100vw/400 * 25);}
	.top-content__img{height:calc(100vw/400 * 275);background-size:auto 100%}
	.top-content__text{font-size:calc(100vw/400 * 18);margin-top:calc(100vw/400 * 16);}
}

/* 768 이상 */
@media (min-width:768px){
	.top{background-image: url(//img.enuri.info/images/rev/guide/lowest30/bg_top.jpg) }
}

/* 1000 이상 */
@media (min-width:1000px){
	.top{padding:87px 0 0}
	.visual{padding:0;width:1000px;display:flex;gap:44px;align-items: center;margin:0 auto;padding-left:32px}
	.top-obj1{position: static;width:383px;height:339px;}
	.top__title{align-items: flex-start;gap:19px}
	.top__sub-text{font-size:24px;}
	.top__title-text{font-size:60px;letter-spacing:-2px;text-align:left}
	.top-content{border-radius:0;background-color:#F2F2F8;padding:80px 0 60px;margin-top:97px;}
	.top-content__title{display:flex;flex-direction:column;align-items: center;font-size:32px;letter-spacing:-2px}
	.top-content__title strong{font-size:48px;color:#6E2BFF;}
	.top-content__img{height:699px;background:url(//img.enuri.info/images/rev/guide/lowest30/top_obj2_pc_v3.png) no-repeat center top / auto auto;}
	.top-content__text{font-size:22px;margin-top:30px}
	.top-content__text .txt-group1,
	.top-content__text strong{display:inline}
	.top-content__text br{display:block;}
}

@keyframes icomove2 {
    0% {transform: translateY(-12px);}
    50% {transform: translateY(0);}
    100% {transform: translateY(-12px);}
}

/* ----------------------------------------------------------------
					가이드 공통
-----------------------------------------------------------------*/
.guide__title,
.guide__title *{transition:.2s all ease;}
.guide__title{display:flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;letter-spacing:-.5px}
.guide__title-text{font-size:30px;line-height:1.2;font-weight:700;}
.guide__title-text strong{font-weight: inherit;display:block;}
.guide__sub-text{font-size:18px;line-height:1.3;margin-top:12px;}
.guide__sub-text span{display:block;}

/* 400 이하 */
@media (max-width:400px){
	.guide__title-text{font-size:calc(100vw/400 * 30);}
	.guide__sub-text{font-size:calc(100vw/400 * 18);margin-top:calc(100vw/400 * 12);}
}

/* 1000 이상 */
@media (min-width:1000px){
	.guide-content{box-sizing:border-box;min-height:100vh;max-height:1600px;display:flex;width:100%;flex-direction:column;align-items: center;justify-content: center;padding:80px 0!important}
	.guide__title-text{font-size:32px;display:flex;flex-direction: column;align-items: center;font-weight:400;}
	.guide__title-text strong{font-size:48px;font-weight:700}
	.guide__sub-text{display:flex;align-items: center;gap:6px;}
}

/* ----------------------------------------------------------------
					내가 원하는 최저가 찾기
-----------------------------------------------------------------*/
.find-lowest {padding:40px 16px 20px;background-color:#E6E5FF}
.find-lowest__title-text{color:#222;}
.find-lowest__title-text strong{color:#8046FD;}
.find-lowest__sub-text{color:#444;}
.find-lowest__slide{margin-top:16px;width:100%}
.find-lowest__item{width:100%;}
.find-lowest__card{width:100%;height:568px;padding-top:30px;box-sizing:border-box;width:100%;display:flex;flex-direction: column;}
.find-lowest__card-head{display:flex;flex-direction: column;align-items: center;text-align: center;}
.find-lowest__card-head .badge{display:inline-flex;width:68px;height:22px;justify-content: center;align-items: center;background-color:#333;border-radius:12px;font-size:12px;color:#fff}
.find-lowest__card-title{margin-top:15px;font-size:28px;font-weight:700;color:#222;line-height:1.2}
.find-lowest__card-title span{display:block}
.find-lowest__card-sub{font-size:16px;line-height:1.3;color:#444;margin-top:16px;}
.find-lowest__card-sub em{font-weight:600;}
.find-lowest__badge{display:inline-flex;width:77px;height:22px;background:url(//img.enuri.info/images/rev/guide/lowest30/icon_badge.svg) no-repeat 50% 50% / cover;}
.find-lowest__card-img{width:100%;height:337px;margin-top:36px}
.find-lowest__card-img.card-img1{background:url(//img.enuri.info/images/rev/guide/lowest30/slide_img1.jpg) no-repeat 50% 0 / auto 100%;}
.find-lowest__card-img.card-img2{background:url(//img.enuri.info/images/rev/guide/lowest30/slide_img2.jpg) no-repeat 50% 0 / auto 100%;}
.find-lowest__card-img.card-img3{background:url(//img.enuri.info/images/rev/guide/lowest30/slide_img3.jpg) no-repeat 50% 0 / auto 100%;}
.find-lowest__slide .swiper-pagination{position: relative;width:100%;margin-top:16px;bottom:auto;display:flex;justify-content: center;align-items: center;}
.find-lowest__slide .swiper-pagination-bullet{width:4px;height:4px;margin:0 3px;transition:.3s all ease;border-radius:2px}
.find-lowest__slide .swiper-pagination-bullet-active{width:18px;background-color:#3588F3;}

/* 400 이하 */
@media (max-width:400px){
	.find-lowest{padding:calc(100vw/400 * 40) 16px calc(100vw/400 * 20);}
	.find-lowest__card{height:calc(100vw/400 * 568);padding-top:calc(100vw/400 * 30);}
	.find-lowest__card-img{height:calc(100vw/400 * 337);margin-top:calc(100vw/400 * 36);}
	.find-lowest__card-title{font-size:calc(100vw/400 * 28);}
	.find-lowest__card-sub{font-size:calc(100vw/400 * 16);margin-top:calc(100vw/400 * 16);}
}

/* 1000 이상 */
@media (min-width:1000px){
	.find-lowest__slide{margin-top:0;}
	/* .find-lowest__swiper{overflow: visible;} */
	.find-lowest__item{width:1000px;background-color:#E6E5FF}
	.find-lowest__card{padding-top:56px;height:800px;}
	.find-lowest__card-head{height:152px}
	.find-lowest__card-head .badge{height:25px;width:77px;border-radius:13px;font-size:15px;line-height:1;flex:none}
	.find-lowest__card-title{font-size:32px;display:flex;align-items: center;justify-content: center;gap:8px}
	.find-lowest__card--badge .find-lowest__card-title{display:block;}
	.find-lowest__card--badge .find-lowest__card-sub br{display:none}
	.find-lowest__card-sub{font-size:22px;color:#222}
	.find-lowest__badge{width:118px;height:28px;font-size:18px;border-radius:3px;}
	.find-lowest__card-img{width:1000px;height:560px;border-radius:20px;position: relative;margin:32px auto 0;overflow:hidden}
	.find-lowest__card-img:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:20px;border:1px solid rgba(170,170,170..4);pointer-events: none;}
	.find-lowest__card-img.card-img1{background:url(//img.enuri.info/images/rev/guide/lowest30/slide_img1_pc.jpg) no-repeat 50% 0 / auto 100%;}
	.find-lowest__card-img.card-img2{background:url(//img.enuri.info/images/rev/guide/lowest30/slide_img2_pc.jpg) no-repeat 50% 0 / auto 100%;}
	.find-lowest__card-img.card-img3{background:url(//img.enuri.info/images/rev/guide/lowest30/slide_img3_pc.jpg) no-repeat 50% 0 / auto 100%;}
	.find-lowest__slide .swiper-pagination{margin-top:32px;}
	.find-lowest__slide .swiper-pagination-bullet{width:6px;height:6px;margin:0 6px;border-radius:3px}
	.find-lowest__slide .swiper-pagination-bullet-active{width:18px;background-color:#3588F3;}
}

/* ----------------------------------------------------------------
					지금이 기회 독똑한 쇼핑 결정
-----------------------------------------------------------------*/
.smart-decision{background-color:#F2F2F8;padding:48px 16px}
.smart-decision__title-text strong{color:#6E2BFF;}
.smart-decision__sub-text{color:#444;}
.smart-decision__img{margin-top:30px;width:100%;height:311px;background:url(//img.enuri.info/images/rev/guide/lowest30/smart_img1_v3.png) no-repeat 50% 0 / auto 100%;}

/* 400 이하 */
@media (max-width:400px){
	.smart-decision{padding:calc(100vw/400 * 48) 16px;}
	.smart-decision__img{height:calc(100vw/400 * 300);margin-top:calc(100vw/400 * 30);}
}

/* 1000 이상 */
@media (min-width:1000px){
	.smart-decision__img{margin-top:40px;height:560px;background:url(//img.enuri.info/images/rev/guide/lowest30/sec3_img_pc_v4.png) no-repeat 50% 0 / auto auto}
}

/* ----------------------------------------------------------------
					최저가 상품 보러가기
-----------------------------------------------------------------*/
.view-lowest{background-color:#E6E5FF;padding:48px 16px}
.view-lowest__title-text{color:#222;}
.view-lowest__title-text strong{color:#8046FD;}
.view-lowest__list,
.view-lowest__list *{transition:.2s all ease;}
.view-lowest__list{width:100%;max-width:328px;margin:40px auto 0;display:flex;gap:20px 16px;position: relative;flex-wrap:wrap}
.view-lowest__item{width:calc((100% - 16px) / 2);position: relative;}
.view-lowest__link{display:flex;border-radius:16px;background-color:#fff;height:200px;box-sizing:border-box;flex-direction: column;padding-top:20px;overflow:hidden}
.view-lowest__title{display:flex;align-items: center;justify-content: center;}
.view-lowest__title-name{font-size:16px;color:inherit;font-weight:600;line-height:20px;}
.view-lowest__thumb{width:100%;height:85px;display:flex;align-items: center;justify-content: center;margin-top:16px}
.view-lowest__thumb img{width:85px;height:85px;object-fit:cover;}
.view-lowest__text{margin-top:23px;height:40px;display:flex;color:#fff;border-top:2px solid #E6E5FF;background-color:#926AEA;align-items: center;justify-content: center;}
.view-lowest__text-sub{color:inherit;display:flex;align-items:center;font-size:15px;line-height:1;}
.view-lowest__text-sub:after{content:"";margin-left:8px;width:10px;height:10px;background:url(//img.enuri.info/images/rev/guide/lowest30/icon_arrow.svg) no-repeat 50% 50% / cover;}

/* 360이하 */
@media (max-width:360px){
	/* .view-lowest__thumb{background-color:#fafafa} */
	/* .view-lowest__thumb img{object-fit:contain;} */
}

/* 400 이하 */
@media (max-width:400px){
	.view-lowest{padding:calc(100vw/400 * 48) 16px }
}

/* 1000 이상 */
@media (min-width:1000px){
	.view-lowest__list{margin-top:60px;max-width:1000px;gap:24px}
	.view-lowest__item{width:calc((100% - 48px) / 3);}
	.view-lowest__link{padding:24px 0 0;height:236px;}
	.view-lowest__title-name{font-size:24px;line-height:1}
	.view-lowest__thumb{height:100px;}
	.view-lowest__thumb img{height:100px;}
	.view-lowest__text{margin-top:16px;align-items: center;gap:4px;justify-content: center;font-size:18px;flex-direction: row;flex-wrap: wrap;height:54px;background-color:#9694DB} 	
	.view-lowest__link:hover .view-lowest__text{background-color:#926AEA}
	.view-lowest__text-sub{font-size:20px}
	.view-lowest__text-sub:after{width:14px;height:14px;}
}