/* 윙배너 */
.banner_r {top: 496px; margin-left: 633px;}

/* 툴팁 */
.register_layer { display: none; position: absolute; top: 113px; left: 50%; margin-left: 81px; z-index: 9999; width: 269px; background: #fafafa; color: #102eff; padding: 10px; border: 1px solid #8998ff; border-radius: 8px; }
.register_layer:after { content: ''; position: absolute; top: -10px; left: 20px; border-bottom: 10px solid #2843ff; border-right: 7px solid transparent; border-left: 7px solid transparent; }
.register_layer i { color: red; position: absolute; top: 0; right: -20px; font-size: 20px; cursor: pointer; }

/* 상품목록 */
#new_arrival h2, 
#best_arrival h2 { margin: 0 0 24px 0; position: relative; display: flex; align-items: center; justify-content: space-between; }
.sum_box .box {margin:0;}
.sum_box .box a {border: 0;}
.sum_box .box .text {font-size: 16px; margin: 6px 0;}
.sum_box .box .icon img {height: 12px;}
.sum_box .box .percent {font-size: 13px;}
.sum_box .box .percent strong {font-size: 15px;}
.sum_box .box .percent span.max {font-size: 15px;}
.sum_box .box .percent span.max strong {font-size: 17px;}
.sum_box .box .point {font-size: 20px;}

/* 섹션 타이틀 */
.main-tit {letter-spacing: 0; line-height: 1; margin: 0; justify-content: space-between; align-items: center;}
.main-tit, .main-tit > a {color: #111111; font-size: 28px; font-family: "PLBold"; display: flex;}
.main-tit span.btn-seeMore { 
    float: none !important; font-family: "PLRegular"; font-size: 16px; display: inline-block; color: #777777;
    line-height: 1; margin-left: 12px; font-weight: normal; background: #f4f4f4; padding: 6px 12px; border-radius: 8px;
}
.main-tit > a > span {font-size: 16px;}
.main-tit > div > a {display: block; line-height: 46px; font-size: 16px; color: #555555; padding: 0 24px; border: 1px solid #dedede; border-radius: 24px;}
.main-tit > div.btn-list {display: flex; gap: 8px;}
.main-tit > div.btn-list img {vertical-align: middle;}

/* 장바구니 담기 버튼 */
.cart-in-btn { display: inline-block; box-sizing: border-box; font-family:"PLBold"; font-size: 16px; background: #E9F5FF; color: #005BF1 !important; line-height: 48px; padding: 0px 16px; border-radius: 24px; letter-spacing: -.01em;}
.cart-in-btn:hover {text-decoration: underline; transition: all 0.3s ease;}
.cart-in-btn.cart-in-btn02 { background: #ff4200; }

/* 링크 배너 */
.link-area-wrap {display: flex; gap: 48px;}
.link-area {display: flex; gap: 20px; width: 100%;}
.link-area li {text-align: center; background: #E9F5FF; border-radius: 20px; padding: 12px;}

/* 브랜드 링크 배너 */
.iconBanner.more-brands {
    background: linear-gradient(-45deg, #8f3ac3, #2060c5, #49abff, #67ffb9);
    background-size: 600%;
    animation: flowingGradient 8s linear infinite;
    color: #fff;
    font-size: 17px;
    font-family: 'PLBold';
    line-height: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

@keyframes flowingGradient {
    0% {background-position: 0% 50%;}
    50% {background-position: 100% 50%;}
    100% {background-position: 0% 50%;}
}

/* 중단 프로모션 배너 */
.mid-bnr {border-radius: 20px; line-height: 1; margin-top: 64px; position: relative;}
.mid-bnr a {display: block; line-height: 0;}
.slider-container {width: 100%; overflow: hidden; position: relative;}
.slider-list {display: flex; transition: transform 0.5s ease-in-out;}
.slide {width: 100%; flex-shrink: 0;}
.slider-dots {position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%#ccc;); display: flex; z-index: 10;}
.slider-dot {width: 10px; height: 10px; border-radius: 50%; background-color: rgba(204,204,204,0.75); margin: 0 5px; cursor: pointer;}
.slider-dot.active {background-color: rgba(51,51,51,0.75);}
.slider-prev, .slider-next {
    position: absolute; top: 50%; transform: translateY(-50%); 
    color: #fff; border: none; padding: 10px 20px; cursor: pointer; text-indent: -99px; overflow: hidden; border-radius: 50px; 
    height: 40px; width: 40px; box-sizing: border-box; z-index: 10;
}
.slider-prev {left: -58px; background: rgba(0, 0, 0, .1) url('/image/icon/dar_tab_prev.png') no-repeat center/36px auto; }
.slider-next {right: -58px; background: rgba(0, 0, 0, .1) url('/image/icon/dar_tab_next.png') no-repeat 4px center/36px auto;}


/* 회사소개 영역 */
.num-container {margin-top: 40px;}
.num-container > div {flex: 1;}
.num-container .num-item-wrap {display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin: 24px 0 22px;}
.num-container .num-item-wrap > div {display: flex; gap: 12px; justify-content: center;}
.num-container .num-item-wrap .num-item {display: flex; gap: 16px; background: #f8f8f8; border-radius: 100px; height: 88px; padding: 16px 32px; text-align: center; align-items: center;}
.num-container .num-item-wrap .num-item div img {width: 48px; height: auto;}
.num-container .num-item-wrap .num-item .nums {color: #005BF1; font-size: 22px; font-family: "PLBold";}
.num-container .num-item-wrap .num-item .num-unit {font-size: 22px; font-family: "PLRegular"; padding-left: 2px;}
.num-container .num-item-wrap .num-item h4.in-title {color: #333333; font-size: 16px; font-family: "PLRegular"; font-weight: normal; text-align: center; margin: 6px 0 0;}

/* 팝업 */
#main-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 779px; background-color: #fff; display: none; z-index: 1000; }
#main-popup-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: none; z-index: 999; }
#main-close-btn { position: absolute; top: 16px; ;right: 16px; width: 40px; height: 40px; border: 0; background: rgb(0 0 0 / 30%); border-radius: 50%; font-size: 20px; color: #eeeeee; cursor: pointer; padding: 5px 0 12px 2px; text-align: center; }
#main-close-today-btn { border: 0; font-size: 13px; position: absolute; bottom: -25px; background: 0; color: #ffffff; width: 150px; right: 0; cursor: pointer; }