@charset "UTF-8";

/* gw-theme03-main-product------------------------------------------------------------------------------------------------------------------ */
#gw-theme03-main-product{padding:130px 0 140px;background:#fff;overflow:hidden;}
#gw-theme03-main-product .gw-sec-container{overflow:visible;}
#gw-theme03-main-product .gw-mp-layout{display:flex;align-items:center;gap:60px;}
#gw-theme03-main-product .gw-mp-aside{flex:0 0 340px;max-width:340px;}
#gw-theme03-main-product .gw-mp-sub{margin-bottom:15px;display:block;font-family:"Outfit",sans-serif;font-weight:700;font-size:var(--main-title04);line-height:1.2em;color:var(--main-color);}
#gw-theme03-main-product .gw-mp-title{font-size:46px;font-weight:700;line-height:1.4;color:#222;letter-spacing:-.02em;margin-bottom:16px;word-break:keep-all;}
#gw-theme03-main-product .gw-mp-desc{font-size:16px;line-height:1.7;color:#555;word-break:keep-all;margin-bottom:40px;}
#gw-theme03-main-product .gw-mp-more{display:inline-flex;align-items:center;justify-content:center;width:200px;height:52px;border:1px solid #d9d9d9;border-radius:12px;background:#fff;font-size:15px;font-weight:700;color:#222;transition:all .3s;margin-bottom:56px;}
#gw-theme03-main-product .gw-mp-more:hover{background:var(--main-color);border-color:var(--main-color);color:#fff;}
/* 페이지네이션 숫자를 없앤 자리를 화살표가 채운다.
   아이콘만 두면 클릭 영역이 16x22 로 좁아 원형 버튼으로 감쌌다. */
#gw-theme03-main-product .gw-mp-controls{display:flex;align-items:center;gap:12px;}
#gw-theme03-main-product .gw-mp-prev,
#gw-theme03-main-product .gw-mp-next{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:1px solid #d9d9d9;border-radius:50%;background:#fff;color:#222;cursor:pointer;transition:background-color .3s ease,border-color .3s ease,color .3s ease;}
#gw-theme03-main-product .gw-mp-prev:hover,
#gw-theme03-main-product .gw-mp-next:hover{background:var(--main-color);border-color:var(--main-color);color:#fff;}
#gw-theme03-main-product .gw-mp-prev.swiper-button-disabled,
#gw-theme03-main-product .gw-mp-next.swiper-button-disabled{opacity:.35;cursor:default;background:#fff;border-color:#d9d9d9;color:#222;}
#gw-theme03-main-product .gw-mp-prev svg,
#gw-theme03-main-product .gw-mp-next svg{display:block;width:8px;height:14px;}
#gw-theme03-main-product .gw-mp-slider{flex:1 1 auto;min-width:0;clip-path:inset(-40px -100vw -40px 0);}
#gw-theme03-main-product .gw-mp-swiper{overflow:visible;}
#gw-theme03-main-product .gw-mp-swiper .swiper-slide{width:500px;height:auto;}
#gw-theme03-main-product .gw-mp-card{display:block;position:relative;width:100%;aspect-ratio:500 / 545;overflow:hidden;border-radius:24px;background:#f3f3f3;}
#gw-theme03-main-product .gw-mp-card-img{position:absolute;inset:0;display:block;}
#gw-theme03-main-product .gw-mp-card-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
#gw-theme03-main-product .gw-mp-card:hover .gw-mp-card-img img{transform:scale(1.05);}
#gw-theme03-main-product .gw-mp-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 45%);pointer-events:none;}
#gw-theme03-main-product .gw-mp-card-head{position:absolute;left:40px;right:40px;top:40px;}
#gw-theme03-main-product .gw-mp-card-sub{display:block;font-family:"Outfit",sans-serif;font-weight:600;font-size:15px;color:rgba(255,255,255,.75);margin-bottom:4px;}
#gw-theme03-main-product .gw-mp-card-tit{display:block;font-size:28px;font-weight:700;line-height:1.3;color:#fff;word-break:keep-all;}
#gw-theme03-main-product .gw-mp-discover{position:absolute;left:40px;bottom:40px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:#fff;}
#gw-theme03-main-product .gw-mp-discover-ico{display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:transform .3s;}
#gw-theme03-main-product .gw-mp-card:hover .gw-mp-discover-ico{transform:translateX(3px);}
#gw-theme03-main-product .gw-mp-discover-ico svg{display:block;width:7px;height:12px;}
#gw-theme03-main-product .gw-empty-list{display:flex;flex-direction:column;align-items:center;place-content:center;text-align:center;width:100%;}

@media screen and (max-width:1280px) {
    #gw-theme03-main-product{padding:100px 0;}
    #gw-theme03-main-product .gw-mp-layout{flex-direction:column;align-items:flex-start;gap:40px;}
    #gw-theme03-main-product .gw-mp-aside{flex-basis:auto;max-width:none;width:100%;}
    #gw-theme03-main-product .gw-mp-desc{margin-bottom:32px;}
    #gw-theme03-main-product .gw-mp-more{margin-bottom:32px;}
    #gw-theme03-main-product .gw-mp-slider{width:100%;}
}

@media screen and (max-width:768px) {
    #gw-theme03-main-product{padding:80px 0;}
    #gw-theme03-main-product .gw-mp-title{font-size:32px;}
    #gw-theme03-main-product .gw-mp-prev,
    #gw-theme03-main-product .gw-mp-next{width:46px;height:46px;}
    #gw-theme03-main-product .gw-mp-swiper .swiper-slide{width:280px;}
    #gw-theme03-main-product .gw-mp-card-tit{font-size:26px;}
    #gw-theme03-main-product .gw-mp-card-head{left:28px;top:28px;}
    #gw-theme03-main-product .gw-mp-discover{left:28px;bottom:28px;}
}