/* BASIC css start */
/* °øÅë */
.editWrap { padding: 40px 0 0; letter-spacing: -0.24px; }
.editWrap > * { padding: 0 16px; box-sizing: border-box; }
.editWrap > *.full,
.editWrap > *.slide { padding-left: 0; padding-right: 0; }
.editWrap > *.slide .swiper { padding: 0 16px; }
.editWrap .prdList.slide { padding-top: 40px; padding-bottom: 40px; }
.editWrap img { display: block; width: 100%; }
.editWrap .listIcon img { width: auto; }
.line1 { width: 100%; height: 24px; }
.line { height: 1px; margin: 0 16px;}
.bgGray { background-color: #f7f7f7; }

/*¶óÀÎ*/
.line1 { width: 100%; height: 32px; }
.line3 { width: 100%; height: 40px; }
.line5 { width: 100%; height: 80px;}

/* ŸÀÌƲ */
.main_title  {padding-bottom: 24px; border-bottom: 1px solid #000;}
.main_title span { color: #008979; font-size: 14px; font-weight: 700; }
.main_title h2 { display: grid; margin-top: 4px; gap: 8px 0; font-size: 14px; font-weight: 400; }
.main_title h2 strong { font-size: 24px; font-weight: 700; }
.sub_title h3 { font-size: 16px; font-weight: 600; }

/* ŸÀÌƲ H */
.title1 { color: #333; text-align: left; font-family: Pretendard; font-size: 24px; font-style: normal; font-weight: 600; line-height: 140%; margin: 0px auto; width:100%;}
.title4 { color: #333; text-align: left; font-family: Pretendard; font-size: 16px; font-style: normal; font-weight: 600; line-height: 140%; margin: 0px auto; width:100%;}
.title6 { color: #333; text-align: left; font-family: Pretendard; font-size: 14px; font-style: normal; font-weight: 600; line-height: 140%; margin: 0px auto; width:100%;}

/* º»¹® H */
.title2 { color: #555; text-align: left; font-family: Pretendard; font-size: 16px; font-style: normal; font-weight: 500; line-height: 160%; margin: 0px auto; width:100%;}
.title5 { color: #555; text-align: left; font-family: Pretendard; font-size: 14px; font-style: normal; font-weight: 500; line-height: 160%; margin: 0px auto; width:100%;}


/* ¹è³Ê */
.banner2 { display: flex; align-items: center; justify-content: space-between; gap: 0 8px; }
.slide .banner .txtWrap { display: block; margin-top: 24px; color: #555; font-size: 15px; font-weight: 500; }

/* ÅؽºÆ® */
.text1 { color: #555; font-size: 14px; font-weight: 400; }

/* »óÇ° */
.prdList { padding-top: 40px; padding-bottom: 40px; }
.prdList .prdTitle { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; line-height: 23px; }
.prdList .prdTitle strong { color: #111; font-size: 18px; font-weight: 600; }
.prdList .prdTitle a.moreView { display: none; color: #888; font-size: 13px; font-weight: 500; }
.prdList.slide .prdTitle { padding: 0 16px; }
.prdList.slide .prdTitle a.moreView { display: block; }
.prdList.slide .prd.banner .swiper-scrollbar { display: none; }

/* »óÇ° Åä±Û */
.prdToggleWrap { position: relative; top: 0; left: 0; }
.prdToggleWrap .toggle_wrap { position: absolute; top: 0; left: 0; }
.prdToggleWrap .toggle_wrap .toggle_btn { display: block; width: 24px; height: 24px; margin: 0 auto; border-radius: 50%; background: url('/design/prolana/snapskin/icon/icon_plusToggle.svg') no-repeat center; cursor: pointer; } 
.prdToggleWrap .toggle_wrap .toggle_prd { display: none; align-items: center; justify-content: space-between; width: 272px; max-height: 104px; margin-top: 8px; padding: 12px; gap: 0 8px; box-sizing: border-box; position: absolute; top: auto; left: 50%; transform: translateX(-50%); background-color: #fff; }
.prdToggleWrap .toggle_wrap.click .toggle_prd { display: flex; }
.prdToggleWrap .toggle_wrap .toggle_prd .thumb { width: 80px; }
.prdToggleWrap .toggle_wrap .toggle_prd .list_shoppingInfo { max-width: calc(100% - 88px); }
.prdToggleWrap .toggle_wrap .toggle_prd .listDiscount { text-decoration: line-through; }
/* BASIC css end */