/* 사용자 공통 스타일 파일입니다. 공통으로 적용할 스타일 코드를 작성해주세요. */
@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; }
body a { color:inherit; text-decoration:none; }

/* 공통 */
.kd-pt-color { color:#e60012; }
.kd-fleft { float:left; }
.kd-clear:after { content:''; display:block; clear:both; }

/* 하단 내비 */
.nav-bottom { display:none; }

/* 플로팅버튼 */
.fab-wrap { display:flex; flex-direction:column; gap:10px; position:fixed; bottom:6dvh; right:20px; z-index:10; }
.fab-wrap .fab { background:none; }
.fab-wrap .fab img{ width:46px; }

/* 메인 */
/* 메인 타이틀 */
.main-new .product-section__title,
.main-store .product-section__title,
.main-best .product-section__title,
.main-promotion .product-section__title{ display:none; }

.main-title { margin:0 0 25px; padding:0 16px; }
.main-title h2 { font-family:'Poppins', sans-serif; color:#191919; font-size:24px; letter-spacing:-0.04em; font-weight:700; }   
.main-title h2 b { color:var(--color-point); font-weight:700;  }   
.main-title span { margin:10px 0 0; color:#666; font-size:14px; line-height:18px; letter-spacing:-0.35px; }   

/* 메인 상품진열 공통 */
.main-new .product-section__more,
.main-store .product-section__more,
.main-best .product-section__more,
.main-promotion .product-section__more { display:none; }

.main-wrap .product-section :where(.thumb-LIST) { padding:0 16px; }
.main-wrap :is(.thumb-GALLERY) { row-gap:30px; padding:0 16px; }
.main-wrap :is(.thumb-GALLERY) .thumb-item { width: calc(50% - 8px); } 
.main-wrap :is(.thumb-GALLERY) .thumb-item__info { padding:10px 5px 0; } 
.main-wrap .thumb-item__media { border:1px solid #ddd; border-radius:10px; overflow:hidden; }
.main-wrap .thumb-item__img { border:0; }
.main-wrap .product-thumb-title { margin:0; padding:0; color:#191919; font-size:15px; font-weight:400; line-height:1.2; letter-spacing:-0.02em; word-break:break-all; text-align:center; }
.main-wrap .product-thumb-price-info { margin-top:10px; justify-content:center; }
.main-wrap .product-thumb-price,
.main-wrap .product-thumb-unit { font-family:'Poppins', 'Pretendard', sans-serif; color:var(--color-point); font-size:17px; font-weight:600; }
.main-wrap .thumb-LIST .product-thumb-title { font-size:14px; }
.main-wrap .thumb-LIST .product-thumb-price,
.main-wrap .thumb-LIST .product-thumb-unit { font-size:15px; line-height:22px; }
/* 품절 */
.thumb-item__overlay { color:#000; font-size:20px; font-weight:700; background-color:#fff; }
/* 뱃지, 버튼 */
.main-wrap .thumb-fab { z-index:0; }
.main-wrap .sc-like-button { position:absolute; top:15px; right:15px; width:22px; height:20px; border-radius:0; background: url('/assets/images/icons/ic_wish_off.png') no-repeat center / 100%; }
.main-wrap .sc-like-button.is-active { background: url('/assets/images/icons/ic_wish_on.png') no-repeat center / 100%; }
.main-wrap .sc-like-button svg { display:none; }
.main-wrap .thumb-item-badges .badge { width:36px; height:36px; padding:6px; font-size:10px; text-align:center; }

/* 메인 상단 카테고리 */
.cate-area { padding:13px 0; font-size:16px; font-weight:600; line-height:24px; background:#fff; }
body:has(.header.fixed) .cate-area { position:fixed; top:0; left:0; width:100%; margin-top:71px; border-bottom:1px solid #ddd; z-index:6; }
.cate-area .cate-top .swiper-slide { width:auto; }
.cate-area .cate-top .swiper-slide a .point { display:inline-block; margin-left:3px; padding:0 10px; border-radius:20px; background:#e60012; font-family:'Poppins'; font-size:12px; font-weight:600; color:#fff; line-height:18px; vertical-align:2px; }
.cate-area .category-slider { padding:0 }
.cate-area .category-slider__item { padding-right:5px; color:#000; font-size:16px; font-family:inherit; }
.cate-area .category-slider__slide:nth-child(-n+3) { display:none !important; }
.cate-area .cate-btm { margin-top:15px; }
.cate-area .cate-btm .category-slider { justify-content:flex-start; }
.cate-area .cate-btm .category-slider .swiper { margin:0; overflow:visible; }

/* 메인 비주얼 */
.main-visual .swiper-slide { padding:0 16px; }
.main-visual .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.main-visual .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { width:10px; height:10px; margin:0 5px; border:1px solid #fff; background:#ccc; opacity:0.75; }
.main-visual .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.main-visual .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background:none; opacity:1; }
.main-visual .swiper-button-next,
.main-visual .swiper-button-prev { width:auto; height:auto; }
.main-visual .swiper-button-next { right:10px; }
.main-visual .swiper-button-prev { left:10px; }
.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/images/m_btn_main_bn_right.png") no-repeat; background-size:100%;  }
.main-visual .swiper-button-prev::after { background:url("/assets/images/m_btn_main_bn_left.png") no-repeat; background-size:100%;  }

/* 신상품 */
.main-new .thumb-item__img { padding:10px; }
  
/* 포켓몬 스토어 */
.main-store { margin-top:80px; background-color:#fffce7; }
.main-store .main-title { margin:60px 0 25px; text-align:center; }
.main-store .main-title h2 { line-height:23px; }
.main-store .main-title span { display:block; }

.main-store .product-section { padding:20px 0 80px; }
.main-store :is(.thumb-GALLERY) .thumb-item__info { display:none; }
.main-store .thumb-item__media { border:0; }
.main-store .thumb-item__img { background:none; }

.main-store .marquee { height:45px; background-repeat:repeat-x; background-size:auto 23px; background-position:0 50%; animation:marquee 60s linear infinite; }
.main-store .marquee-top { background-color:#FFE100; background-image:url("/assets/images/m_typo_b.png"); }
.main-store .marquee-bot { background-color:#191919; background-image:url("/assets/images/m_typo_w.png"); animation-direction:reverse; }
@keyframes marquee {
    0% { background-position-x: 0; }
    100% { background-position-x: -500vw; }
}
  
/* 베스트 상품 */
.main-best { margin:80px 0 0; }
.main-best .thumb-LIST { display:flex; align-items:center; flex-wrap:wrap; }
.main-best .thumb-LIST .thumb-item { flex-direction: column; width: 47.23%; margin-top: 0; margin-right: 5.54%; margin-bottom: 30px; border: 0; }
.main-best .thumb-LIST .thumb-item .thumb-item__media { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 10px; }
.main-best .thumb-LIST .thumb-item .thumb-item__media .thumb-item__img { width: 100%; height: auto; }
.main-best .thumb-LIST .thumb-item .thumb-item__media .thumb-item__img img { border-radius:8px; }
.main-best .thumb-LIST .thumb-item .thumb-item__info { margin: 10px 5px 0; padding: 0; text-align: center; }
.main-best .thumb-LIST .thumb-item:first-child { width: 100%; margin-bottom: 25px; }
.main-best .thumb-LIST .thumb-item:first-child .thumb-item__media { padding: 40px; }
.main-best .thumb-LIST .thumb-item:first-child .thumb-item__info { position: absolute; bottom: 20px; right: 20px; width: 130px; margin: 0; }
.main-best .thumb-LIST .thumb-item:first-child .sc-like-button { top:20px; right:20px; width:31px; height:29px; }
.main-best .thumb-LIST .thumb-item:nth-child(2n+1) { margin-right: 0; }
.main-best .thumb-LIST .thumb-item:nth-last-child(-n+2) { margin-bottom: 0; }
.main-best .thumb-LIST .thumb-item::before { content: ''; position: absolute; top: 15px; left: 15px; z-index: 1; width: 40px; height: 40px; background-size: 100%; }
.main-best .thumb-LIST .thumb-item:nth-child(1)::before { top: 20px; left: 20px; width: 70px; height: 70px; background-image: url("/assets/images/m_best_01.png"); }
.main-best .thumb-LIST .thumb-item:nth-child(2)::before { background-image: url("/assets/images/m_best_02.png"); }
.main-best .thumb-LIST .thumb-item:nth-child(3)::before { background-image: url("/assets/images/m_best_03.png"); }
.main-best .thumb-LIST .thumb-item:nth-child(4)::before { background-image: url("/assets/images/m_best_04.png"); }
.main-best .thumb-LIST .thumb-item:nth-child(5)::before { background-image: url("/assets/images/m_best_05.png"); }

/* 기획전 */
.main-promotion { margin:80px 0 0; }
.main-promotion .bn-slide { padding-bottom:50px; }
.main-promotion .skin-banner { margin:0; padding:0 16px; }
.main-promotion [slot="banner"] { border-radius:10px; overflow:hidden; }
.main-promotion .thumb-item { gap:12px; border:1px solid #ddd; border-radius:10px; overflow:hidden; }
.main-promotion .thumb-item__media { flex:unset; width:120px; height:120px; padding:10px; border:0; border-radius:0; }
.main-promotion :is(.thumb-LIST) .thumb-item:nth-child(n+2) { margin-top: 15px; }
.main-promotion :is(.thumb-LIST) .thumb-item__info { margin:0; padding:0; }
.main-promotion .product-thumb-title { text-align: left; }
.main-promotion .product-thumb-price-info { justify-content:flex-start; margin-top:8px; }
/* 페이지네이션 */
.main-promotion .bn-slide .swiper-pagination { display:flex; bottom:30px; padding:0 16px; box-sizing:border-box; }
.main-promotion .bn-slide .swiper-pagination .swiper-pagination-bullet { flex:1; height:2px; margin:0; border-radius:0; background:#ddd; opacity:1; transition:.2s; }
.main-promotion .bn-slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#E60012; }

/* 유튜브 */
.main-video { position:relative; margin-top:80px; padding:83px 0; }
.main-video .main-title { margin:0; text-align:center; }
.main-video .main-title span { display:block; }
.main-video .kd-bg-youtube { position: absolute; top: 23px; right: 0; left: 0; z-index: -1; height: calc(100% - 46px); background: #FFE100; }
.main-video .kd-bg-youtube::before,
.main-video .kd-bg-youtube::after { content: ''; position: absolute; right: 0; left: 0; height: 23px; background-size: auto 23px; background-repeat: repeat-x; animation: bg_wave 10s linear infinite; }
.main-video .kd-bg-youtube::before { top: -22px; background-image: url("/assets/images/m_img_up.png");  }
.main-video .kd-bg-youtube::after { bottom: -23px; background-image: url("/assets/images/m_img_down.png");  }
@keyframes bg_wave {
    0% { background-position-x: 0; }
    100% { background-position-x: 375px; }
}
/* 슬라이드 */
.main-video .swiper { padding:25px 16px 26.5px; }  
.main-video .swiper-slide { padding:28px 48px; border-radius:20px; box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.1); background:#fff;  }
.main-video .swiper-slide img { border-radius:8px; }
.main-video .swiper-button-prev, 
.main-video .swiper-button-next { width:40px; height:40px; margin:0; }
.main-video .swiper-button-prev::after, 
.main-video .swiper-button-next::after { display:none; }
.main-video .swiper-button-prev { top:auto; bottom:0; left:auto; right:81px; background-image:url("/assets/images/btn_left.png"); background-size:100%; }
.main-video .swiper-button-next { top:auto; bottom:0; left:auto; right:36px; background-image: url("/assets/images/btn_right.png"); background-size:100%; }

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


/* 상단 */
header:has(.header.fixed) { padding-top:159px; }
.header { height:auto; }
.header.fixed { position:fixed; top:0; left:0; }
.header.header--sub { border-color:#ddd; border-top:0; }
.header .header-top, 
.header .header-btm { position:relative; }
.header .header-top { border-bottom:1px solid #ddd; }
.header .header__logo { padding-bottom:10px; box-sizing:border-box; }
.header .header__logo a { width:170px; height:auto; }
.header .ico.ico--hamburger-black-24 { width:40px; height:40px; background-image:url("/assets/images/m_ic_hd_menu.png"); background-position:unset; background-size:100%; }
.header .header__hamburger { width:40px; height:40px; }
.header .header-search { position: absolute; top: 50%; right: 16px; transform: translateY(-50%); }
.header .header-search img { width:40px; height:40px; }
.header .header__back { left:15px; }
.header .header__title { height:50px; line-height:50px; margin:0 auto; }

/* 하단 */
.footer { background-color:#000; }
.footer__company-name,
.footer .copyright,
.footer__info dt{ color:#fff; }
.footer__about-company { color:var(--gray500); }

.footer { position:relative; margin-top:80px; padding:40px 0; background:#191919; text-align:center; letter-spacing:-0.03em; }
.footer .kd-ft-util { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; overflow:hidden; margin:0 25px; line-height:18px; }
.footer .kd-ft-util li a { font-size:13px; font-weight:500; color:#fff; letter-spacing:-0.39px; }
  @media screen and (max-width:360px) {
    footer .kd-ft-util {
        margin:0 16px;
    }
  }
.footer .kd-ft-group .kd-ft-company .kd-ft-address { margin:30px 0 0; font-size:0; color:#999; letter-spacing:-0.39px; line-height:1.46; }
.footer .kd-ft-group .kd-ft-company .kd-ft-address dl { display:inline-block; margin:0 10px 10px 0; color:#999; font-size:0; letter-spacing:-0.42px; }
.footer .kd-ft-group .kd-ft-company .kd-ft-address dl dt, footer .kd-ft-group .kd-ft-company .kd-ft-address dl dd { display:inline; font-size:13px; line-height:16px; vertical-align:top; }
.footer .kd-ft-group .kd-ft-company .kd-ft-address dl dt { margin-right:4px; }
.footer .kd-ft-group .kd-ft-company .kd-ft-address dl dd a { color:#999; }
.footer .kd-ft-group .kd-ft-company .kd-copyright { font-size:13px; line-height:19px; }
.footer .kd-ft-group .kd-ft-company .kd-poketmon-copyright { margin:25px 0 0; font-size:12px; font-weight:500; line-height:16px; white-space:nowrap; }
.footer .kd-ft-group .kd-ft-company .kd-certify { display:none; }
.footer .kd-ft-shortcut { margin:30px 0 0; text-align:center; }
.footer .kd-ft-shortcut button { display:block; width:100%; padding:10px 0; border:1px solid #999; background:0; font-size:13px; font-weight:500; color:#ddd; outline:0; }
/* 카피라이터 */
.footer .ft_copy { padding:15px 0 30px 0; font-style:normal; padding:0 20px; font-size:12px; line-height:1.67; color:#5c5c5c; }
.footer .foot_certify { padding:0 20px; margin:10px 0 0; }
.footer .foot_certify img { height:33px; }

/* 슬라이드 메뉴 */
.slide-menu__login-header { padding:15px 16px; font-size:15px; border-color:#dddddd; background:none; }
.slide-menu__login-header > p { display:inline-flex; align-items:center; gap:15px; }
.slide-menu__login-header > p > .slide-menu__login-header-link { width:96px; height:40px; line-height:40px; padding:0; color:#fff; text-align:center; border:1px solid #E60012; border-radius:5px; background:var(--color-point); box-sizing:border-box; }
.slide-menu__login-header > p > .slide-menu__login-header-link:first-child {  color:var(--color-point); background:#fff; }
.slide-menu__login-header .slide-menu__divide-bar--vertical { display:none; }
.slide-menu__login-header .category-nav-sign-in__close { right:20px; width:40px; height:40px; background:url("/assets/images/m_btn_slide_close.png") no-repeat; background-size:100%; }
.slide-menu__login-header .category-nav-sign-in__close > span { display:none; }
/* 퀵메뉴 */
.quick-menu { padding:20px 10px; border-bottom: 1px solid #ececec; }
.quick-menu > ul { display:flex; }
.quick-menu > ul > li { flex:1; min-width:0; text-align:center; }
.quick-menu > ul > li a { display:flex; flex-direction:column; align-items:center; color:#000; font-size:15px; font-weight:500; }
.quick-menu > ul > li .ic-quick { width:29px; height:28px; background-size:100%; }
.quick-menu > ul > li .ic-quick.type-my { background-image:url("/assets/images/m_ic_slide_01.png"); }
.quick-menu > ul > li .ic-quick.type-cart { background-image:url("/assets/images/m_ic_slide_02.png"); }
.quick-menu > ul > li .ic-quick.type-recent { background-image:url("/assets/images/m_ic_slide_03.png"); }
.quick-menu > ul > li .ic-quick.type-order { background-image:url("/assets/images/m_ic_slide_04.png"); }
/* cs */
.kd-nav-btm { margin:15px auto 0; padding:25px 20px 40px; border-top:1px solid #ddd; }
.kd-nav-btm .kd-nav-cs h3, .kd-nav-btm .kd-nav-cs strong { font-family:'Poppins', sans-serif; }
.kd-nav-btm .kd-nav-cs h3 { font-size:15px; font-weight:500; line-height:23px; }
.kd-nav-btm .kd-nav-cs strong { color:#000; font-size:20px; line-height:30px; }
.kd-nav-btm .kd-nav-cs p { margin:12px 0 0; font-size:12px; color:#797979; line-height:14.5px; }
  
/* 검색레이어 */
.search-keyword-modal {  }
.search-keyword-modal > div { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; }
.search-keyword-modal search-field { width:80%; } 
.search-keyword-modal .search-field { width: 100%; height:50px; } 
.search-keyword-modal .search-keyword-modal__top {   }
.search-keyword-modal .search-keyword-modal__back-btn { position:absolute; top:15px; right:20px; width:40px; height:40px; background:url("/assets/images/m_btn_slide_close.png") no-repeat; background-size:100%; }
.search-keyword-modal .search-keyword-modal__back-btn span { display:none; }
.search-keyword-modal .search-field__submit-btn { width:34px; height:34px; background:url("/assets/images/m_ic_hd_search.png") no-repeat; background-size:100%; }
.search-keyword-modal .search-field__submit-btn span { display:none; }
.search-keyword-modal .text-field input { padding-right: 40px; font-size:16px; }
.search-keyword-modal recent-keyword { width:80%; margin-top:30px; } 
.search-keyword-modal .recent-keyword { display: flex; flex-direction: column; width:100%; height:30dvh; min-height:0; margin:0; padding:0; border:0; }
.search-keyword-modal .recent-keyword__top { padding: 0 0 15px; border:0; }
.search-keyword-modal .recent-keyword__top p { color: #333; font-size:15px; font-weight:700; }
.search-keyword-modal .recent-keyword__item { margin-top:10px; padding-bottom:8px; border-bottom:1px solid #ededed; }
.search-keyword-modal .recent-keyword__content { overflow-y: auto; }
.search-keyword-modal .layer_search_tit { align-self: flex-start; margin-bottom:20px; }
.search-keyword-modal .layer_search_tit img { float:left; max-height:140px; transform:rotate(10deg); }
.search-keyword-modal .layer_search_tit h2 { padding:47px 0 0 23px; font-size:24px; font-weight:700; color:#191919; line-height:1.3; }

/* 상품목록 */
.product-list .breadcrumb { display:none; }

/* 상품상세 */
.product-detail .thumb-item__img { border:0; }

/* 브랜드소개 */
#brand { padding:0; }
body:has(#brand) .header__title { display:flex; justify-content:center; align-items:center; gap:6px; }
body:has(#brand) .header__title::before { content:""; display:inline-block; width:20px; height:20px; background:url('/assets/images/ic_ball_01.png') no-repeat; background-size:100%; }
.kd-pokemon-wrap { position: relative; padding: 80px 0 76px; background: #FFE100; text-align: center; }
.kd-pokemon-wrap::before { content: ''; position: absolute; right: 0; bottom: -23px; left: 0; height: 23px; background: url("/assets/images/m_img_down.png") repeat-x; background-size: auto 23px; animation: bg_wave 10s linear infinite; }
.kd-pokemon-wrap .kd-pokemon-cont { margin: 0 17px; }
.kd-pokemon-wrap .kd-pokemon-cont img { width:229px; margin:0 auto; }
.kd-pokemon-wrap .kd-pokemon-cont p { margin-top: 30px; font-size: 16px; line-height: 26px; word-break: keep-all; }
@keyframes bg_wave {
    0% { background-position-x: 0; }
    100% { background-position-x: 375px; }
}
@media screen and (max-width: 350px) {
  .kd-pokemon-wrap .kd-pokemon-cont .kd-br { display: none; }
}