@charset "utf-8";
/*───────────────────────────────────────────────────────────

	 리스트 타입 및 옵션

───────────────────────────────────────────────────────────*/
@import url("../goods/goods.css");


/*** 쇼핑몰 메인본문 | main/index.php ***/

.main {}
.main .main_top_menu {display:table; width:100%;}
.main .main_top_menu li {display:table-cell; width:25%; text-align:center;}
.main .main_top_menu li a {display:block; padding:13px 0 13px 0;font-size:14px; color:#333333;}
.main .main_notice {display:table; width:100%; margin:0 auto; padding:22px 0 22px 0;}
.main .main_notice .tit {display:table-cell; width:84px; font-size:13px; font-weight:bold; color:#282828; text-align:center;}
.main .main_notice ul {display:table-cell;}
.main .main_notice ul li {overflow:hidden; width:80%; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; letter-spacing:-1px;}
.main .main_notice ul li a {display:block; width:100%;}
/* 메인배너 */
.main .main_banner_box {font-size:0;}
.main .main_banner_box img {width:100%; font-size:0;}
.main .main_banner_box1 {display:table; width:100%;}
.main .main_banner_box1 li {display:table-cell; width:50%; font-size:0; text-align:center; vertical-align:top;}
.main .main_banner_box1 li a {}
.main .main_banner_box1 li a img {width:100%; font-size:0;}
.main .main_banner_box2 {padding:10px 0; font-size:0;}
.main .main_banner_box2 img {width:100%; font-size:0;}

/* 이벤트 최근게시물 */
.main .main_event {}
.main .main_event ul {}
.main .main_event ul li {position:relative; padding:7px 0;}
.main .main_event ul li .img_box {font-size:0;}
.main .main_event ul li .img_box img {width:100%;}
.main .main_event ul li .event_info_box {/*position:absolute; bottom:7px; left:0;*/ width:100%; }
.main .main_event ul li .event_info_box dl {padding:20px; background:rgba(255,255,255,0.8); box-sizing:border-box;}
.main .main_event ul li .event_info_box dl dt {}
.main .main_event ul li .event_info_box dl dt a {display:block; font-size:17px; color:#222222; font-weight:bold;}
.main .main_event ul li .event_info_box dl dd {font-size:15px; color:#ab295d; font-weight:bold;}

/* 하단 정보 BOX */
.main .main_info_box {padding:0 10px}
.main .main_info_box .main_info {display:table; width:100%; margin:0 auto; padding:12px 0 12px 0; text-align:center;}
.main .main_info_box .main_info dl {display:table-cell; width:50%; text-align:left; vertical-align:top;}
.main .main_info_box .main_info dl dt {font-size:13px; margin:0 5px; font-weight:bold; border-bottom:1px solid #999;}
.main .main_info_box .main_info dl dd {font-size:11px; padding-left:5px;}

/* CS CENTER */
.main .main_info dl dd p.phone {padding:5px 0;}
.main .main_info dl dd p.phone a {font-size:22px; color:#ab3e55;}
.main .main_info dl dd p.business_hours {font-size:11px; color:#666;}

/* BANK INFO */
.main .main_info dl dd .account_holder {padding:11px 0; font-size:14px;}
.main .main_info dl dd ul.main_bank {display:table-cell;}
.main .main_info dl dd ul.main_bank li { vertical-align:middle;}
.main .main_info dl dd ul.main_bank li span {font-weight:bold;}

.work-main {background:#fff; font-family:'Pretendard','Noto Sans KR',sans-serif;}
.work-main a {display:block; text-decoration:none; color:#111;}
.work-main img {display:block; width:100%; height:100%; object-fit:cover;}

.wm-main{background:#fff;font-family:'Pretendard','Noto Sans KR',sans-serif}
.wm-main a{display:block;color:#111;text-decoration:none}
.wm-main img{display:block;width:100%;height:100%;object-fit:cover}

/* 상단 슬라이드 */
.wm-main{background:#fff;font-family:'Pretendard','Noto Sans KR',sans-serif}
.wm-main a{display:block;color:#111;text-decoration:none}
.wm-main img{display:block;width:100%;height:100%;object-fit:cover}

/* 상단 슬라이드 */
/* 상단 슬라이드 */
.wm-slider{padding:0 0 18px;overflow:hidden}
.wm-view{overflow:hidden;touch-action:pan-y}
.wm-track{display:flex;gap:8px;will-change:transform}
.wm-slide{
  position:relative;
  flex:0 0 78%;
  aspect-ratio:4/5;
  overflow:hidden;
}
.wm-slide img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.wm-slide:after{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:45%;
  background:linear-gradient(to top,rgba(0,0,0,.65),rgba(0,0,0,0));
}
.wm-slide .txt{
  position:absolute;left:14px;right:14px;bottom:16px;z-index:2;color:#fff
}
.wm-slide .badge{
  display:inline-block;padding:4px 7px;margin-bottom:6px;
  background:#fff;color:#111;font-size:11px;font-weight:700
}
.wm-slide .sub{margin:0 0 4px;font-size:11px;color:#fff}
.wm-slide .tit{display:block;margin:0 0 4px;font-size:20px;line-height:1.2;font-weight:700;color:#fff}
.wm-slide .desc{margin:0;font-size:12px;line-height:1.4;color:#fff}

/* 인디케이터 */
.wm-dots{display:flex;justify-content:center;gap:6px;margin-top:12px}
.wm-dots span{width:8px;height:8px;border-radius:50%;background:#d0d0d0;transition:.2s}
.wm-dots span.on{width:18px;border-radius:20px;background:#111}

/* 하단 원형 카테고리 */
.wm-cates{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px 10px;
  padding:0 16px 30px;margin:0;list-style:none
}
.wm-cates .thumb{
  position:relative;display:block;aspect-ratio:1/1;border-radius:50%;
  overflow:hidden;background:#eee
}
.wm-cates .thumb:after{
  content:"";position:absolute;inset:0;background:rgba(0,0,0,.18)
}
.wm-cates .thumb em{
  position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;
  padding:6px;color:#fff;font-style:normal;font-size:11px;line-height:1.15;font-weight:700;text-align:center
}
.wm-cates .name{
  display:block;margin-top:8px;font-size:12px;line-height:1.3;text-align:center;color:#333
}