/* 사용자 공통 스타일 파일입니다. 공통으로 적용할 스타일 코드를 작성해주세요. */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

:root {
  --color-point:#e60012 !important;
}

/* 전체 레이아웃 */
body { font-family: "Pretendard", "Noto Sans KR", sans-serif; }
.kd-clear:after { content:''; display:block; clear:both; }
.kd-pt-color { color:#E60012;  }

/* 커서 */
.kd-cursor { position: fixed; top: -500px; left: -500px; z-index: 9999; }
.kd-cursor img { display: block; width: 15px; transition: .4s; }
.kd-cursor.on img { width: 20px; }

/* 퀵메뉴 */
.quick-menu__container { display:none; right:30px; }
body.is-scrolled .quick-menu__container { display:blcok; }
.quick-menu .fab { background:none; }
.quick-menu .fab img{ width:46px; }

/* 진열 공통 */
.thumb-item__img { border:0; }
.display-product .thumb-item__info { padding:15px 28px 0; text-align:center; }
.product-thumb-title { margin:0 0 10px; padding:0; font-size: 18px; font-weight: 400; color: #191919; line-height: 1.33; }
.product-thumb-price, 
.product-thumb-unit { color:var(--color-point); font-size:20px; font-weight:700; font-family:'Pretendard', sans-serif; }
/* 좋아요 버튼 */
.thumb-item .thumb-fab { z-index:0; }
.thumb-item .thumb-fab--like,
:where(.thumb-LIST) .thumb-item__btn--like { position:absolute; top:20px; bottom:auto; right:20px; left:auto; width:26px; height:24px; padding:0; border:0; background:url("/assets/img/ic_wish_off.png") no-repeat center/100%; cursor: pointer; }
.thumb-item .thumb-fab--like:where(.is-active),
:where(.thumb-LIST) .thumb-item__btn--like:where(.is-active) { background:url("/assets/img/ic_wish_on.png") no-repeat center/100%; }
.thumb-item .thumb-fab--like svg,
:where(.thumb-LIST) .thumb-item__btn--like svg { display:none; }
/* 품절 */
.thumb-item__overlay { color:#000; font-size:24px; font-weight:700; background-color:#ffffff; }
/* 뱃지(판매종료/판매임박) */
.thumb-item__badges .badge { position:absolute; top:0; left:0; width:46px; height:46px; padding:0 10px; color:#fff; font-size:11px; font-weight:bold; line-height:1.27; text-align:center; border-radius:10px 0 10px 0; background:#000; box-sizing:border-box; }
  
/* 메인 레이아웃 */
.main .main__row { max-width:1450px; }
.main .thumb-PRODUCT_MOVE .swiper { max-width:1450px; }

/* 메인 상품 타이틀 공통 */
.main-goods-contents { position:relative; max-width:1450px; margin:0 auto; }
.main-goods-contents .main-title { margin:89px 0 100px; }
.main-goods-contents .main-title h2 { display: inline-block; vertical-align: top; font-family: 'Poppins', sans-serif;font-size: 40px;color: #191919; font-weight:700; letter-spacing: -1px; line-height: 1; }
.main-goods-contents .main-title h2 b { color:#E60012; font-weight:700; }
.main-goods-contents .main-title span { display: inline-block; margin: 17px 0 0 14px; font-size: 18px; color: #666; line-height: 1; }
.main-goods-contents .display-product__title { display:none; }
.main-goods-contents .display-product { position:static; }
.main-goods-contents .display-product__more { top:20px; }

/* 메인 비주얼 */
.main-visual { overflow:hidden; }
.main-visual.main__row--full .swiper { min-width:1530px; max-width:1530px; width:100%; overflow:visible; }
.main-visual .swiper-slide { width:1530px !important; padding:0 40px; }
.main-visual .swiper-slide img { margin:0; }
.main-visual .swiper-button-next,
.main-visual .swiper-button-prev { background:none; }
.main-visual .swiper-button-next::after,
.main-visual .swiper-button-prev::after { width:22px; height:44px; font-size:0;}
.main-visual .swiper-button-next::after { background:url("/assets/img/btn_main_bn_right.png") no-repeat; background-size:100%;  }
.main-visual .swiper-button-prev::after { background:url("/assets/img/btn_main_bn_left.png") no-repeat; background-size:100%;  }
.main-visual .skin-banner__slider-nav-warp { width:1330px; }
.main-visual .swiper-horizontal>.swiper-pagination-bullets, 
.main-visual .swiper-pagination-bullets.swiper-pagination-horizontal { display:flex; align-items:center; justify-content:center; top:auto; bottom:25px; }
.main-visual .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { width:10px; height:10px; margin:0 5px; border:1px solid #ddd; border-radius:50%; box-sizing:border-box; background: #ccc !important; opacity:1; }
.main-visual .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color:#fff; background:0 !important; }

@media (max-width: 1450px) {
  .main-visual .swiper-slide { padding:0; }
}

/* 신상품 */
.main-new .display-product__more { display:none; }
.main-new .thumb-item__link .thumb-item__media { border-radius:10px; overflow:hidden; }
.main-new .thumb-item__link .thumb-item__img { padding:28px; border:1px solid transparent; border-radius:10px; transition:.2s;}
.main-new .thumb-item__link:hover .thumb-item__img { border-color:#ddd; }
.main-new .product-thumb-price-info { justify-content:center; }

/* 포켓몬 스토어 */
.pokemon-store-wrap { background: #FFFCE7; margin-bottom:100px; overflow:hidden; }
.pokemon-store-wrap .main-goods-contents { display:flex; align-items:center; padding:80px 0; }
.pokemon-store-wrap .main-goods-contents .main-title span { display:block; margin:19px 0 0; line-height:27px; }
.pokemon-store-wrap .bn-wrap { width:35.173%; }
.pokemon-store-wrap .prd-wrap { width:61.380%; }
.pokemon-store-wrap .display-product__more { display:none; }
.pokemon-store-wrap .display-product__contents { margin:0; }
.pokemon-store-wrap .display-product .thumb-item__img { border-radius:10px; overflow:hidden; }
.pokemon-store-wrap .display-product .thumb-item__info { display:none; }
.pokemon-store-wrap .kd-bn-track { height: 60px; background-repeat: repeat-x; background-size: auto 24px; background-position: 0 50%; animation: flow_bn 70s linear infinite; }
.pokemon-store-wrap .kd-bn-track01 { background-color: #FFE100; background-image: url("/assets/images/typo_b.png"); }
.pokemon-store-wrap .kd-bn-track02 { background-color: #191919; background-image: url("/assets/images/typo_w.png"); animation-direction: reverse; }
@keyframes flow_bn {
    0% { background-position-x: 0; }
    100% { background-position-x: -100vw; }
}

/* 베스트 아이템 */
.main-best .display-product__contents { display:grid; grid-template-columns:repeat(4, 1fr); gap:22px; overflow:visible; }
.main-best .thumb-item { display:block; min-width:0; }
.main-best .thumb-item::before { content: ''; position: absolute; top:20px; left:20px; z-index: 1; width:60px; height:60px; background-size: 100%; }
.main-best .thumb-item:nth-child(1)::before { top:40px; left:40px; width: 100px; height: 100px; background-image: url("/assets/img/best_01.png"); }
.main-best .thumb-item:nth-child(2)::before { background-image: url("/assets/img/best_02.png"); }
.main-best .thumb-item:nth-child(3)::before { background-image: url("/assets/img/best_03.png"); }
.main-best .thumb-item:nth-child(4)::before { background-image: url("/assets/img/best_04.png"); }
.main-best .thumb-item:nth-child(5)::before { background-image: url("/assets/img/best_05.png"); }
.main-best .thumb-item .thumb-item__link { width:auto; }
.main-best .thumb-item .thumb-item__img { padding:28px; border-radius:10px; transition:filter .2s; }
.main-best .thumb-item .thumb-item__img img { border-radius:10px; }
.main-best .thumb-item .thumb-item__info { position: absolute; bottom: 10px; left: 0; width: 100%; margin: 0; padding: 0 20px; text-align:left; box-sizing: border-box; opacity: 0; transition: .2s;}
.main-best .thumb-item .thumb-item__info .product-thumb-title { margin:0 0 6px; font-weight:600; }

.main-best .thumb-item:nth-child(1) { grid-column:1/3; grid-row:1/3; }
.main-best .thumb-item:nth-child(1) .thumb-item__img { padding:82px; }
.main-best .thumb-item:nth-child(1) .thumb-item__info { max-width:none; padding:0 40px; }
.main-best .thumb-item:nth-child(1) .thumb-item__info .product-thumb-title { font-size:24px; }
.main-best .thumb-item:nth-child(1) .product-thumb-price, 
.main-best .thumb-item:nth-child(1) .product-thumb-unit { font-size:32px; }
.main-best .thumb-item:hover .thumb-item__img { filter:contrast(0.9); }
.main-best .thumb-item:hover .thumb-item__info { bottom:20px; opacity:1; }
.main-best .thumb-item:nth-child(1):hover .thumb-item__info { bottom:40px; }

.main-best .thumb-item__btn--cart { display:none; }

/* 슬라이드 진열 */
.main-custom-prd { max-width:1450px; margin: 0 auto; }    
.main-custom-prd .cont { justify-content: space-between; }    
.main-custom-prd .bn-wrap { width:59.311%; padding: 0 0 50px; }
.main-custom-prd .prd-wrap { width:36.552%; }
.main-custom-prd .bn-wrap .skin-banner { border-radius:10px; overflow:hidden; }
/* 페이지네이션 */
.main-custom-prd .swiper-container-horizontal>.swiper-pagination-bullets { display:flex; bottom:0; width:59.311%; }
.main-custom-prd .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { flex:1; margin:0; height:4px; border-radius:0; background:#ddd; opacity:1; transition:.2s; }
.main-custom-prd .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#E60012; }
/* 상품진열 */
.main-custom-prd .display-product__title { display:none; } 
.main-custom-prd .display-product__more { display:none; }
.main-custom-prd .display-product__contents { gap:15px; margin:0; }
.main-custom-prd .display-product__contents .thumb-item { border:1px solid #ddd; border-radius:10px; overflow:hidden; transition:.2s; }
.main-custom-prd .display-product__contents .thumb-item:hover { border-color:#999; }
.main-custom-prd .display-product__contents .thumb-item__img { padding:28px; }
.main-custom-prd .display-product__contents .thumb-item__info { padding:0; text-align:left; }
.main-custom-prd .display-product__contents .thumb-item__info .product-thumb-title { margin:0 0 6px; }
.main-custom-prd .display-product__contents .thumb-item__info .product-thumb-price-info em { font-weight:800; }
.main-custom-prd .display-product__contents .thumb-item__btn--cart { display:none; }
.main-custom-prd .display-product__contents .thumb-item__btn--like { top:auto; bottom:30px; right:30px; }

/* 유튜브 */
.main-video { position:relative; margin-top:120px; padding:172px 0 0; max-width:none; overflow:hidden; }
.main-video .main-title { margin:0 0 40px; text-align:center; }
.main-video .main-title span { display:block; }
.main-video .kd-bg-youtube { position: absolute; top: 50px; right: 0; left: 0; z-index: -1; height: 500px; background: #FFE100; }
.main-video .kd-bg-youtube::before,
.main-video .kd-bg-youtube::after { content: ''; position: absolute; right: 0; left: 0; height: 54px; background-repeat: repeat-x; animation: bg_wave 20s linear infinite; }
.main-video .kd-bg-youtube::before { top: -50px; background-image: url("/assets/img/img_up.png");  }
.main-video .kd-bg-youtube::after { bottom: -50px; background-image: url("/assets/img/img_down.png");  }
@keyframes bg_wave {
    0% { background-position-x: 0; }
    100% { background-position-x: 100vw; }
}
/* 슬라이드 */
.main-video .swiper-container { overflow:visible;  }
.main-video .swiper-slide { width:760px !important; padding:70px 60px; border-radius:50px; background:#fff; box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.1);     filter:contrast(0.7); transition:filter .2s cubic-bezier(0.075, 0.82, 0.165, 1); }
.main-video .swiper-slide.swiper-slide-active { filter:none; } 
.main-video .swiper-slide img { width:100%; border-radius:20px; }
.main-video .swiper-button-prev, 
.main-video .swiper-button-next { width:50px; height:50px; margin:0; }
.main-video .swiper-button-prev::after, 
.main-video .swiper-button-next::after { display:none; }
.main-video .swiper-button-prev { left:50%; background-image: url("/btn_left.png"); background-size:100%; transform:translate(-405px, -50%); }
.main-video .swiper-button-next { right:50%; background-image: url("/btn_right.png"); background-size:100%; transform: translate(405px, -50%);}

/* 베스트 리뷰 */
.main-review { padding-bottom:120px; }
.main-review .main-title { margin:120px 0 50px; }


/* 상단 */
.shopby-header { position:relative; min-height:222px; z-index:2; }

#header { position:fixed; top:0; left:0; z-index:10; width:100%; box-sizing:border-box; background:#fff; }
.header { width:1450px; margin:0 auto; padding-top:45px; }
.header * { font-family: "Pretendard", sans-serif; }
.nav { width:1450px; margin:0 auto; padding:0; }
.shopby-header .header__bottom-line { display:none; }
.top-left { display:flex; align-items: flex-end; }

.header__logo { width:227px; margin-right:60px; height:40px; }
.header__logo-img { width:227px; }

.nav-wrap { line-height:24px; border-top:1px solid #ddd; }
.nav__slide { padding:0; flex:auto; }
.nav__slide .nav__slider { justify-content: flex-start; }
.nav__slide .swiper-horizontal { margin:0; overflow:visible; }
.nav__slide ul { display:flex; gap:35px; }
.nav__slide .nav__slider-wrap > ul > li:nth-child(-n+3) { display:none !important; }
.nav__slide ul li a { color:#191919; font-size: 18px; font-weight: 500; line-height:1; transition: .2s; }
.nav__slide ul li a:hover { color: #e60012; }

.nav__slide .nav__slider-item-wrap { padding:30px 0 32px; }
.nav__slide .nav__slider-item-wrap .sub-menu-box { display:none; position:absolute; top:86%; left:50%; transform:translateX(-50%); }
.nav__slide .nav__slider-item-wrap:hover .sub-menu-box { display:block; }
.nav__slide .nav__slider-item-wrap .sub-menu-box ul { display:flex; flex-direction:column; align-items:center; gap:24px; min-width:160px; padding:30px; border:1px solid #ddd; border-radius:10px; background:#fff; box-sizing:border-box; }
.nav__slide .nav__slider-item-wrap .sub-menu-box ul li { display:block !important; }
.nav__slide .nav__slider-item-wrap .sub-menu-box ul li a { display:inline-block; position:relative; color:#444; font-size:16px; line-height:19px; text-decoration:none; text-align: center; white-space:nowrap; }
.nav__slide .nav__slider-item-wrap .sub-menu-box ul li a::before { content:""; position:absolute; top:-2px; right:-8px; width:4px; height:4px; border-radius:50%; background:#e60012; opacity:0; transition:.2s; }
.nav__slide .nav__slider-item-wrap .sub-menu-box ul li a:hover::before { opacity:1; }

.member__menu { width:auto; white-space: nowrap; gap:30px; }
.member__menu .member__menu-link { display:flex; align-items:center; gap:6px; font-size: 15px; font-weight: 500; color: #666; }
.member__menu .member__menu-link img { height:24px; }
.member__menu .member__menu-link .kd-ic-cart { position:relative; }
.member__menu .member__menu-link .kd-ic-cart .member__menu-link-badge { display:flex; align-items:center; justify-content:center; position:absolute; inset:0; margin-top:5px; }

.top-gnb ul { display:flex; gap:60px; }
.top-gnb ul li { position: relative; }
.top-gnb ul li a {  color: #191919; font-size: 22px; font-weight: 600; line-height: 26px; transition: .2s; text-decoration:none; }
.top-gnb ul li a span { display: inline-block; margin-left: 5px; padding: 0 15px; border-radius: 20px; background: #e60012; font-family: 'Poppins'; font-size: 15px; font-weight: 500; color: #fff; vertical-align: top;}
.top-gnb ul li a::before { content: ''; position: absolute; bottom: 1px; left: -5px; z-index: -1; width: 0;height: 15px;background: #ffe100;transform: skew(-10deg);transition: .2s cubic-bezier(0.075, 0.82, 0.165, 1);}
.top-gnb ul li:hover > a::before {width: calc(100% + 10px);}
.top-gnb ul li:first-child:hover > a::before { width: 150px;}

/* 상단 스크롤 */
body.is-scrolled #header { border-color:#ddd !important; }
body.is-scrolled #header .header { padding:30px 0 15px; }
body.is-scrolled #header .header .top-gnb { margin-top:20.5px; }
body.is-scrolled #header .header .top-gnb > ul { gap:40px; }
body.is-scrolled #header .header .top-gnb > ul > li > a { font-size:18px; line-height:26px; }
body.is-scrolled #header .nav-wrap { border:0; border-bottom:1px solid #ddd; }
body.is-scrolled #header .nav-wrap .nav__slider-wrap > ul > li:not(:last-child) { margin-right:40px; }
body.is-scrolled #header .nav-wrap .nav__slider-wrap > ul > li .kd-lnb { padding:25px 0 0; }
body.is-scrolled #header .nav-wrap .nav__slider-wrap > ul > li > a { font-size:16px; }
body.is-scrolled #header .nav-wrap .member__menu > li > a { font-size:0; }
body.is-scrolled #header .nav__slider-item-wrap { padding:15px 0; }

/* 상단 검색창 */
.header__search { width:100%; height:78px; line-height:78px; padding:0; border:0; background:none; }

.kd-hd-search { position:fixed; top:0; left:0; z-index:-1; width:100%; height:0; background:rgba(255, 255, 255, 0.95); text-align:left; opacity:0; transition:all 0.3s; }
.kd-hd-search .kd-ic-search-close { position:absolute; top:110px; right:25px; padding:10px; transition:all 0.3s ease-in-out; pointer-events:none; }
.kd-hd-search .kd-ic-search-close:hover { transform:rotate(180deg); }
.kd-hd-search .kd-search-cont { display:none; position:absolute; z-index:10; top:50%; left:50%; transform:translate(-50%,-56%); width:800px; }
.kd-hd-search .kd-search-cont .kd-search-form { border-bottom:3px solid #000; }
.kd-hd-search .kd-search-cont .kd-search-form .kd-search-title { margin-bottom:20px; }
.kd-hd-search .kd-search-cont .kd-search-form .kd-search-title img { float:left; max-height:200px; transform:rotate(10deg); }
.kd-hd-search .kd-search-cont .kd-search-form .kd-search-title:hover img { animation:bounce 1s both; }
.kd-hd-search .kd-search-cont .kd-search-form .kd-search-title h2 { float:left; margin:90px 0 0 25px; font-size:40px; font-weight:700; color:#000; line-height:1.2; margin-bottom:15px; }
.kd-hd-search .kd-search-cont .kd-search-form input { position:relative; width:720px; height:78px; line-height:78px; font-family:'Pretendard'; font-size:36px; color:#191919; padding:0; padding-left:20px; background-color:transparent; border:none; }
.kd-hd-search .kd-search-cont .kd-search-form input:focus { outline:none; }
.kd-hd-search .kd-search-cont .kd-search-form input::placeholder { color:#bbb; }
.kd-hd-search .kd-search-cont .kd-search-form .kd-ic-search-on { position:absolute;  top:auto; bottom:20px; right:20px; width:50px; height:50px; padding:0; background:transparent; }
.kd-search-keyword .kd-keyword-title { display:block; margin-top:50px; line-height:32px; padding-left:0px; font-size:20px; font-weight:700; padding-bottom:20px; }
.kd-search-keyword .kd-keyword ul { font-size:0; }
.kd-search-keyword .kd-keyword ul li { display:inline-block; height:30px; margin:0 10px 10px 0; padding:0 12px; font-size:14px; line-height:28px; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; transition:all 0.3s ease-in-out; }
.kd-search-keyword .kd-keyword ul li a { color:#999; }
.kd-search-keyword .kd-keyword ul li a:before { content:'#'; }
.kd-search-keyword .kd-keyword ul li:hover { border-color:#000; background:#000; }
.kd-search-keyword .kd-keyword ul li:hover a { color:#fff; }
.kd-hd-search.selected { z-index:1000; height:100%; opacity:1; }
.kd-hd-search.selected .kd-ic-search-close { pointer-events:auto; }
.kd-hd-search.selected .kd-search-cont { display:block; }

@keyframes bounce {
    0%, 40%, 80% {
        transform: translateY(0) rotate(10deg);
    }

    20%, 60% {
        transform: translateY(-10px) rotate(10deg);
    }
}

/* 하단 */
.footer { padding:45px 0; line-height:18px; text-align:center; background-color:#191919; }
.footer__mall-name,
.footer .copyright,
.footer__info dt,
.footer__quick-link a { color:#fff; }
.footer__about-company { color:var(--gray500); }

.footer .kd-contents { width:100%; margin:0 auto }
.footer .kd-ft-group .kd-ft-util { margin-bottom: 25px; font-size: 0; }
.footer .kd-ft-group .kd-ft-util li { display: inline-block; margin: 0 25px 0 0px; vertical-align: top; }
.footer .kd-ft-group .kd-ft-util li a { display: block; font-size: 14px; font-weight: 500; color: #ddd; letter-spacing: -0.42px; }
.footer .kd-ft-group .kd-ft-company { font-size: 0; }
.footer .kd-ft-group .kd-ft-company dl { display: inline-block; margin: 0 7.5px 10px; color:#999; font-size: 14px; vertical-align: top; }
.footer .kd-ft-group .kd-ft-company dl > * { display: table-cell; }
.footer .kd-ft-group .kd-ft-company dl dd { padding-left: 4px; }
.footer .kd-ft-group .kd-ft-company dl dd a { color: #999; }
.footer .kd-ft-group .kd-ft-company .kd-copyright { color: #999; font-size: 14px; line-height: 19px; }
.footer .kd-ft-group .kd-ft-company .kd-poketmon-copyright { color:#999; margin-top: 50px; font-size: 14px; }
.footer .kd-ft-group .kd-ft-company .kd-certify { display: none; }