/* 사용자 공통 스타일 파일입니다. 공통으로 적용할 스타일 코드를 작성해주세요. */

@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css);

a, a:hover { text-decoration:none; }
a { color:inherit; }
em { font-style:normal; }
input:focus, button:focus, select:focus { outline:none; }

/* 포인트 컬러 */
:root { --point-color:#ED6D00; --basic-color:#121212; --color-point:#ED6D00 !important; }

/* font */
body, th, td, input, select, textarea, button { font-family:"Montserrat", "pretendard", "Malgun Gothic", Verdana, Dotum, AppleGothic, sans-serif; }


/* 자세히보기 버튼 스타일 - 2025 캠핑페스타 EVENT만 블랙 테두리 */
.main-visual [data-swiper-slide-index="1"] .visual-title span {
    border-color: #000 !important;
}

/*========================================================================
상단 영역
========================================================================*/
/* 상단 */
#header .header { position:relative; width:100%; padding:30px 0 0; }
.header-top { display:flex; justify-content:center; position:relative; width:100%; max-width:1200px; min-height: 36px; padding:0; margin:0 auto; }

/* 상단 고정 */
#header.fixed .header-wrap { position:fixed; left:0; width:100%; background:#fff; border-bottom:1px solid #EEE; z-index:16; }

/* 로고 */
.header-top .header__logo { display:revert; width:auto; height:auto; margin:0 auto; text-align:center; }
.header-top .header__logo-img { position:static; width:auto; }
.header-top .header__logo a { dipslay:inline-block; }

/* 회원메뉴 */
.header-top .header-right { position:absolute; top:3px; right:0; }
.header-top .header-right .top-account { display:flex; text-transform:none; }     
.header-top .header-right .top-account > ul { display:flex; gap:0; width:auto; }
.header-top .header-right .top-account > ul > li { position:relative; margin:0; }
.header-top .header-right .top-account > ul > li > a { display:block; height:30px; line-height:30px; margin-left:16px; color:#424242; font-size:14px; font-weight:300; }
.header-top .header-right .top-account > ul > li > a > em { font-size:0; } 
.header-top .header-right .top-account > ul > li.top-search > a { width:29px; margin-left:26px; background:url("/assets/images/top_search_btn.png") no-repeat 0; }
.header-top .header-right .top-account > ul > li.top-basket > a { width:23px; margin-left:24px; background:url("/assets/images/top_cart_btn.png") no-repeat 0; }
.header-top .header-right .top-account > ul > li.top-basket > a .count { display:flex; align-items:center; justify-content:center; position:absolute; bottom:-3px; right:-8px; width:18px; height:18px; line-height:18px; padding:0; background:var(--point-color); border-radius:50%; text-align:center; color:#fff; font-size:12px; font-weight:500; }
.header-top .header-right .top-account > ul > li.my-menu > a { width:26px; margin-left:28px; background:url("/assets/images/top_my_btn.png") no-repeat 0; }

/* 검색창 */
#header .search-layer { max-height:0; transition:max-height 0.3s ease; position:absolute; top:0; left:0; width:100%; height:300px; background:#fff; box-sizing:border-box; overflow: hidden; z-index:99; } 
#header .search-layer.active { max-height:300px; border-bottom:1px solid #ebebeb; }
#header .search-layer .search-close-btn { position:absolute; top:10px; right:10px; padding:50px; cursor:pointer; }
#header .search-layer .header__search { margin:130px auto 0; }
.dim.dn { display:none; }

/* 상단 카테고리 */
#header .nav { padding:0; }
#header .nav__slide { width:100%; padding:0; z-index:2; }
#header .header-main .cate-menu { width:100%; overflow:visible; z-index: unset; }
#header .header-main .cate-menu > ul { display:flex; justify-content:space-between; }
#header .header-main .cate-menu > ul > li { position:relative; display:inline-block; vertical-align:top; position:relative; margin:0 21px 0 0; text-wrap:nowrap; }
#header .header-main .cate-menu > ul > li > a { display:block; padding:30px 0; color:var(--basic-color); font-size:16px; font-weight:500; line-height:16px; }
#header .header-main .cate-menu > ul > li a:hover,
#header .header-main .cate-menu > ul > li a.active { color:var(--basic-color); background:none; }
/* 하위 카테고리 */
#header .header-main .cate-menu > ul li .sub-menu-box { display:none; position:absolute; top:100%; left:0; min-width:160px; padding:10px 15px; margin-left:-10px; border:1px solid #ebebeb; background:#fff; text-align:left; white-space:nowrap; box-sizing:border-box; z-index: 300; }
#header .header-main .cate-menu > ul li .sub-menu-box.show { display:block; }
#header .header-main .cate-menu > ul li .sub-menu-box ul li { padding: 0 15px; }
#header .header-main .cate-menu > ul li .sub-menu-box ul li a { display:block; padding:6px 0; color:#161616; font-size:14px; line-height:1.5; }


/*========================================================================
하단 영역
========================================================================*/
.footer { padding:0; background:#F1F1F1; }
.footer-inner { width:1200px; margin:0 auto; }
.footer .l-panel { margin:0 auto; }

/* 하단 로고 */
.footer .footer-logo { display:block; padding:0; margin:0 auto 18px; }
.footer .footer-logo span { display:inline-block; margin:0; }

/* 하단 메뉴 */
.footer .footer-menu { background:#fff; border-top:1px solid #E0E0E0; }
.footer .footer-menu .footer-inner { display:flex; justify-content:space-between; align-items:center; }
.footer .footer-menu ul { display:flex; gap:26px; padding:20px 0; margin:0; }
.footer .footer-menu ul li { font-size:14px; font-weight:400; line-height:1.4; }
.footer .footer-menu ul li a { color:#000; font-weight:400; }
/* SNS */
.footer .footer-menu .footer-sns ul { display:flex; gap:13px; padding:0; }
.footer .footer-menu .footer-sns ul li { padding:0; }
.footer .footer-menu .footer-sns ul li a { }

/* 고객센터 */
.footer .footer-content { display:flex; width:100%; padding:60px 0 100px; }
.footer .cont-box { flex:auto; }
.footer .cont-box > h3 { margin:0 0 24px; color:#121212; font-size:14px; font-weight:500; line-height:1; }
.footer .cont-box > strong { display:flex; align-items:center; gap:12px; margin:0 0 8px; color:var(--basic-color); font-size:24px; font-weight:600; line-height:1; }
.footer .cont-box > strong > span:first-child { font-size:16px; }
.footer .cont-box > strong > span:nth-child(2) { font-size:18px; }
.footer .cont-box > p { color:var(--basic-color); font-size:16px; font-weight:500; line-height:1; }
.footer .cont-box > p + p { margin-top:10px; }
.footer .cont-box > span { display:block; margin:20px 0 0; color:#757575; font-size:14px; font-weight:400; line-height:1.4; }

/* 고객센터 */
.footer .cont-bank { padding-left:40px; }
.footer .bank-info { display:flex; flex-direction:column; gap:8px; color: var(--basic-color); }
.footer .bank-info > p { display:flex; align-items:center; justify-content:space-between; font-size:18px; font-weight:700; line-height:1; }
.footer .bank-info > p > span { font-size:16px; font-weight:500; }
.footer .bank-info > p:nth-child(2) { margin:0 0 5px; }

/* 회사 정보 */
.footer .shop-info { min-width:684px; padding:0 0 0; color:#757575; font-size:14px; line-height:1.4; }
.footer .shop-info dl { display:flex; line-height:1.7; }
.footer .shop-info dl dd { margin:0 7px 0 3px; color:#757575; }
.footer .shop-info dl dd strong { font-weight:400; }
.footer .shop-info dl dt { position:relative; padding:0 0 0 7px; margin:0; color:#757575; }
.footer .shop-info dl dt::before { content:""; position:absolute; top:6px; left:0; height:10px; border-left:1px solid #BDBDBD; }
.footer .shop-info dl dt:first-child { padding-left:0; }
.footer .shop-info dl dt:first-of-type::before { border-left:0; }

/* copyright */
.footer .copyright { margin:10px 0 0; color:#9E9E9E; font-weight:400; }
.footer .copyright strong { display:inline-block; font-weight:400; }


/*========================================================================
사이드 플로팅
========================================================================*/
.side-floating ul li { margin:8px 0 0; }
.side-floating ul li button,
.side-floating ul li a { display:flex; align-items:center; justify-content:center; width:50px; height:50px; padding:0; background:none; border:0; border-radius:50%; overflow:hidden; box-sizing:border-box; cursor:pointer; }
.side-floating.end-stop { position:absolute; bottom:27px; }


/*========================================================================
상품 목록
========================================================================*/
.product-list .thumb-GALLERY { gap:74px 20px; }

/* 상품 정보 표시 */
.thumb-item__img { border:0; }
.product-list .thumb-item .thumb-item__info,
.display-product .thumb-item .thumb-item__info { position:relative; padding:0; margin:20px 0 0; }
.product-thumb-title { width:90%; margin:0 0 7px; padding:0; color:var(--basic-color); font-size:16px; font-weight:300; }
.thumb-item .product-thumb-price { color:var(--basic-color); font-size:16px; font-weight:500; }
.product-thumb__immediately-percent { order:1; margin:0 0 0 5px; color:var(--point-color); font-size:16px; font-weight:500; }
.product-thumb-price--origin { order:2; margin:0 0 0 5px; color:#bdbdbd; font-size:14px; font-weight:300; }

/* 찜버튼 */
.thumb-fab--like { bottom:auto; top:0; right:0; width:38px; height:38px; /*width:19px; height:16px; background:url("/assets/images/wish_icon.png") no-repeat;*/ }
.thumb-fab--like svg { width:100%; /*display:none;*/ }

/*========================================================================
게시판
========================================================================*/
.board-tab { display:none; margin:0 0 50px; padding:0; }
.board-tab[shopby-board-name='공지사항'],
.board-tab[shopby-board-name='FAQ'] { display:block; }
.board-tab ul { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:0 auto; padding:0; text-align:center; }
.board-tab ul > li {  width:auto; margin:0; padding:0; line-height:1.4; }
.board-tab ul > li > a { display:block; height:40px; line-height:38px; border-radius:38px; padding:0 18px; color:#757575; font-size:15px; font-weight:400; background:#fff; border:1px solid #E0E0E0; text-align:center; box-sizing:border-box; }
.board-tab ul > li > a:hover,
.board-tab ul > li > a.active { color:#fff; font-weight:500; background:var(--basic-color); border-color:var(--basic-color); text-decoration:none; }
.board-tab ul > li > ul { padding:10px 0 0; }
.board-tab ul > li > ul > li > a { color:#202020; font-size:14px; font-weight:300; }
.board-tab ul > li > ul > li > .button { vertical-align:middle; }