/* 메인 */
#wrap {overflow:hidden;}

/* 공통 */
.pc_con {display: block;}
.mo_con {display: none;}
.w100 {width:100%; margin:0 auto;}
img.bg {width:100%;}
.goods_list_cont {transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.noto {font-family: 'Noto Sans KR', sans-serif !important;}

/* 메인 타이틀 */
.goods_list_tit {box-sizing:border-box; border-bottom:none;}
.goods_list_tit h3 {font-size:45px; color:#242424; font-weight:600; line-height:1; font-family: 'Spartan', 'Noto Sans KR', sans-serif; letter-spacing:1px;}
.goods_list_tit .goods_list_sub {font-size:16px; color:#6b6b6b; font-weight:300; line-height:1; margin-top:20px; font-family: 'Spartan', 'Noto Sans KR', sans-serif;}
.goods_list_tit .btn_goods_more {bottom:auto; top:0; right:0; width:50px;}
.goods_list_tit .btn_goods_more .more_btn_wrap {position: relative; top:0; left:0; transition:all 0.3s; -webkit-transition:all 0.3s;}
.goods_list_tit .btn_goods_more .more_btn_wrap:hover {top:3px; left:3px;}
.goods_list_tit .btn_goods_more .more_btn_wrap a {display: block; z-index:5; position:absolute; width:50px; height:50px; padding:0; background:url("../img/icon/more_btn_arrow.png") no-repeat center center #242424; line-height:50px; text-indent:-9999px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.goods_list_tit .btn_goods_more .more_btn_wrap:hover a {margin-top:3px; margin-left:3px; transition:all 0.3s; -webkit-transition:all 0.3s;}
.goods_list_tit .btn_goods_more .more_btn_wrap:after {content:''; display: block; position: absolute; top:3px; left:3px; width:50px; height:50px; border:1px solid #242424; background:none;}

/* 메인 상단 슬라이드 배너 (pc) */
.mv {position: relative; opacity: 1; visibility:hidden; margin-top:-1px;}
.mv .slick-slide li {position: relative;}
.mv .txt_box {z-index:10; position: absolute; top:63%; transform:translateY(-50.2%); -webkit-transform:translateY(-50.2%); left:14%; text-align:left; transition:all 0.1s; -webkit-transition:all 0.1s}
.mv .txt_box .txt01 {font-size:50px; color:#fff; line-height:1; font-weight:600; letter-spacing:2.5px; transition:all 0.1s; -webkit-transition:all 0.3s; font-family: 'Spartan', 'Noto Sans KR', sans-serif;} 
.mv .txt_box .txt02 {font-size:19px; color:#fff; line-height:1; margin-top:13px; transition:all 0.3s; -webkit-transition:all 0.1s;} 
.mv .txt_box .btn {position: relative; margin-top:45px; top:0; left:0; transition:all 0.3s; -webkit-transition:all 0.3s; font-family: 'Spartan', 'Noto Sans KR', sans-serif;}
.mv .txt_box .btn:hover {top:3px; left:3px;}
.mv .txt_box .btn a {display: block; z-index:5; position:absolute; width:200px; height:51px; background:#fff; text-align:center; line-height:51px; font-weight:600; color:#031f58; font-size:14px; letter-spacing:1px; transition:all 0.3s; -webkit-transition:all 0.1s;}
.mv .txt_box .btn:hover a {margin-top:4px; margin-left:4px; transition:all 0.3s; -webkit-transition:all 0.3s;}
.mv .txt_box .btn:after {content:''; display: block; position: absolute; top:3px; left:3px; width:204px; height:51px; border:1px solid #fff; background:none;}
.mv .txt_box .btn a img {display: inline-block; vertical-align: middle; position: relative; top:-2px; margin-left:10px;}
.mv .slick-dots {font-size:0; bottom:40px;}
.mv .slick-dots li {margin-right:15px;}
.mv .slick-dots li:last-of-type {margin-right:0;}
.mv .slick-dots li button {width:11px; height:11px; padding:0; background:none; border:1px solid rgba(255,255,255,0.5); box-sizing:border-box; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.mv .slick-dots li.slick-active button {background:#fff;}
.mv .slick-dots li button:hover {background:#fff;}

/* NEW COLLECTION */
.new_prd .goods_list_tit {padding:0;margin-bottom:16px;}
.new_prd .swiper-container {width:100%;}
.new_prd .goods_list_cont,
.new_prd .goods_list_cont a:hover {cursor: url("../img/drag_cur.cur"), auto;}

/* 동영상 */
.video_box {margin-top:40px; position:relative;}
.video_box .txt_box {z-index:10; position: absolute; bottom:25%; left:7.7%; text-align:left; transition:all 0.3s; -webkit-transition:all 0.3s}
.video_box .txt_box .txt01 {font-size:16px; color:#fff; line-height:1; font-weight:600; letter-spacing:2.5px; transition:all 0.3s; -webkit-transition:all 0.3s; font-family: 'Spartan', 'Noto Sans KR', sans-serif;}  
.video_box .txt_box .txt02 {font-size:12px; color:#fff; line-height:1; margin-top:13px; transition:all 0.3s; -webkit-transition:all 0.3s; font-family:'Spartan','Noto Sans KR', sans-serif;}  
.video_box .txt_box .btn {position: relative; margin-top:45px; top:0; left:0; transition:all 0.3s; -webkit-transition:all 0.3s;}
.video_box .txt_box .btn:hover {top:3px; left:3px;}
.video_box .txt_box .btn a {display: block; z-index:5; position:absolute; width:max-content; height:51px; background:#fff url("../img/icon/new_arrow.png") no-repeat 86% 48%; padding:0 15px; box-sizing:border-box; line-height:51px; font-weight:600; color:#37a182; font-size:14px; letter-spacing:1px; transition:all 0.3s; -webkit-transition:all 0.3s; font-family: 'Spartan',sans-serif;}
.video_box .txt_box .btn:hover a {margin-top:4px; margin-left:4px; transition:all 0.3s; -webkit-transition:all 0.3s;}
.video_box .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.video_box .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* 동영상 상품 */
.video_prd {margin:-5% 7.7% 0;}
.video_prd .goods_list_tit {display:none;}
.video_prd .goods_list {padding-bottom:10px;}
.video_prd .goods_list .goods_list_cont .goods_type ul li .item_cont .item_photo_box > a > img {max-width:100%; width:auto;}
.video_prd .goods_list_cont,
.video_prd .goods_list_cont a:hover {cursor: url("../img/drag_cur.cur"), auto;}
.video_prd .swiper-scrollbar {width:100%; height:4px; border-radius:0; background:#f3f3f6;}
.video_prd .swiper-scrollbar .swiper-scrollbar-drag {background:#242424;}

/* 배너 모음 */
.ban_box { position:relative;}
.ban_box ul {font-size:0; padding:0 7.7%; box-sizing:border-box;}
.ban_box ul li {position:relative; display:inline-block; vertical-align:top; width:calc(50% - 10px); margin-bottom:20px; margin-right:20px;}
.ban_box ul li:before {content:''; display:block; width:100%; height:0; position:absolute; top:0; left:0; background:rgba(0,0,0,0.3); transition:all 0.5s; -webkit-transition:all 0.5s;}
.ban_box ul li:hover:before {height:100%;}
.ban_box ul li:nth-child(2n) {margin-right:0;}
.ban_box .txt_box {z-index:10; position: absolute; bottom:20%; left:7.7%; text-align:left; transition:all 0.3s; -webkit-transition:all 0.3s}
.ban_box .txt_box .txt01 {font-size:32px; color:#fff; line-height:1; font-weight:600; letter-spacing:1px; transition:all 0.3s; -webkit-transition:all 0.3s; font-family:'Spartan','Noto Sans KR',sans-serif;}  
.ban_box .txt_box .txt02 {opacity:0; visibility:hidden; font-size:15px; color:#fff; line-height:1.5; margin-top:0; transition:all 0.5s; -webkit-transition:all 0.5s;} 
.ban_box ul li:hover .txt_box .txt02 {opacity:1; visibility:visible; margin-top:13px; margin-bottom:35px;}
.ban_box .txt_box .btn {position: relative; top:0; left:0; transition:all 0.3s; -webkit-transition:all 0.3s;}
.ban_box .txt_box .btn:hover {top:3px; left:3px;}
.ban_box .txt_box .btn a {display: block; z-index:5; position:absolute; width:max-content; height:44px; background:#fff url("../img/icon/ban_arrow.png") no-repeat 86% 48%; padding:0 15px; box-sizing:border-box; line-height:44px; font-weight:600; color:#1f151e; font-size:12px; font-family:'Spartan',sans-serif; letter-spacing:0.8px; transition:all 0.3s; -webkit-transition:all 0.3s;}
.ban_box .txt_box .btn:hover a {margin-top:4px; margin-left:4px; transition:all 0.3s; -webkit-transition:all 0.3s;}
/* 룩북 */
.lb_box {
    padding: 5.5% 0 90px 0;
    height: 90vh;
    box-sizing: border-box;
    position: relative;
}



.lb_box .goods_list_tit h3 {
    color: #fff;
}

.lb_box .goods_list_tit .goods_list_sub {
    color: #fff;
}

.lb_box .lb_list {
    overflow: visible;
}

/* 스와이퍼 슬라이드 width 강제 설정 */
.lb_box .swiper-slide {
    width: auto !important;
    max-width: 400px !important;
}

.lb_box .swiper-slide img {
    width: 100% !important;
    height: auto !important;
}

.lb_box .lb_list ul li:hover .txt_box {
    bottom: 13%;
}

.lb_box .lb_list ul li:hover .txt_box .txt02 {
    color: #fff;
}

.lb_box .lb_list ul li:nth-child(even) {
    margin-top: 50px;
}

.lb_box .lb_list ul li:nth-child(even) .txt_box {
    bottom: auto;
    top: 25%;
}

.lb_box .lb_list ul li:nth-child(even):hover .txt_box {
    top: 22%;
}

.lb_box .lb_list ul li .num {
    font-size: 15px;
    color: rgba(255,255,255,0.4);
    font-weight: 600;
    font-family: 'Spartan', 'Noto Sans KR', sans-serif;
    margin-bottom: 5px;
    letter-spacing: 0.5px;
}

.lb_box .lb_list ul li .txt_box {
    position: absolute;
    bottom: 10%;
    left: -50px;
    font-family: 'Spartan', 'Noto Sans KR', sans-serif;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.lb_box .lb_list ul li .txt_box .txt01 {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px;
}

.lb_box .lb_list ul li .txt_box .txt02 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    word-break: keep-all;
}

/* 룩북 화살표 */
.lb_box .swiper-button-prev,
.lb_box .swiper-button-next {
    position: absolute !important;
    bottom: 30px !important;
    top: auto !important;
    width: 50px !important;
    height: 50px !important;
    background: #ffffff !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
    z-index: 999 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.lb_box .swiper-button-prev:before,
.lb_box .swiper-button-next:before {
    content: '' !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.lb_box .swiper-button-prev:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23333"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>') !important;
}

.lb_box .swiper-button-next:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23333"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>') !important;
}

.lb_box .swiper-button-prev:after,
.lb_box .swiper-button-next:after {
    display: none !important;
}

.lb_box .swiper-button-prev:hover,
.lb_box .swiper-button-next:hover {
    background: #f8f9fa !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15) !important;
    transform: scale(1.05) !important;
}

.lb_box .swiper-button-prev {
    left: calc(50% - 65px) !important;
}

.lb_box .swiper-button-next {
    left: calc(50% + 15px) !important;
}

/* 반응형 - 1300px */
@media all and (max-width: 1300px) {
    .lb_box {
        height: 90vh;
    }
    
    .lb_box .lb_list {
        margin-top: 20px;
        padding: 0 15px;
        box-sizing: border-box;
    }
    
    .lb_box .swiper-slide {
        max-width: 350px !important;
    }
    
    .lb_box .lb_list ul li .txt_box .txt02 {
        font-size: 20px;
    }
}

/* 반응형 - 1100px */
@media all and (max-width: 1100px) {
    .lb_box {
        height: 80vh;
    }
    
    .lb_box .swiper-slide {
        max-width: 300px !important;
    }
}

/* 반응형 - 750px (모바일) */
@media all and (max-width: 750px) {
    .lb_box {
        margin: 70px 0 0 0;
        padding: 50px 0 75px 0;
        height: 80vh;
    }
    
    .lb_box .goods_list_tit {
        text-align: center;
        padding-bottom: 40px;
    }
    
    .lb_box .swiper-slide {
        max-width: 280px !important;
    }
    
    .lb_box .lb_list ul li .num {
        display: none;
    }
    
    .lb_box .lb_list ul li .txt_box {
        left: -30px;
    }
    
    .lb_box .lb_list ul li .txt_box .txt01 {
        font-size: 12px;
    }
    
    .lb_box .lb_list ul li .txt_box .txt02 {
        font-size: 20px;
    }
    
    .lb_box .swiper-button-prev,
    .lb_box .swiper-button-next {
        width: 42px !important;
        height: 42px !important;
        bottom: 20px !important;
    }
    
    .lb_box .swiper-button-prev:before,
    .lb_box .swiper-button-next:before {
        width: 18px !important;
        height: 18px !important;
    }
    
    .lb_box .swiper-button-prev {
        left: calc(50% - 56px) !important;
    }
    
    .lb_box .swiper-button-next {
        left: calc(50% + 14px) !important;
    }
}

/* 베스트 셀러 */
.best_prd .goods_list_tit {padding:0; margin-top:7.5%; margin-bottom:3.125%;}
.best_prd .goods_list_cont {width:auto; margin:0 7.7%;}
.best_prd .goods_list .goods_list_cont .goods_type ul li {width: calc(25% - 15px) !important;}

/* 메인 하단 배너 */
.btm_ban {position: relative; margin-top:70px;}
.btm_ban .txt_box {z-index:10; position: absolute; top:50%; transform:translateY(-50.2%); -webkit-transform:translateY(-50.2%); left:7.7%; text-align:left; transition:all 0.3s; -webkit-transition:all 0.3s}
.btm_ban .txt_box .txt01 {font-size:60px; color:#fff; line-height:1; font-weight:600; letter-spacing:2.5px; transition:all 0.3s; -webkit-transition:all 0.3s; font-family: 'Spartan', sans-serif;} 
.btm_ban .txt_box .txt02 {font-size:16px; color:#fff; line-height:1.7; font-weight:300; margin-top:13px; transition:all 0.3s; -webkit-transition:all 0.3s; word-break:keep-all; font-family: 'Spartan', 'Noto Sans KR', sans-serif;}   
.btm_ban .txt_box .btn {position: relative; margin-top:40px; top:0; left:0; transition:all 0.3s; -webkit-transition:all 0.3s;}
.btm_ban .txt_box .btn:hover {top:3px; left:3px;}
.btm_ban .txt_box .btn a {display: block; z-index:5; position:absolute; width:162px; height:51px; background:#fff url("../img/icon/blue_arrow.png") no-repeat 86% 48%; padding-left:15px; box-sizing:border-box; line-height:51px; font-weight:600; color:#53a3cc; font-size:14px; letter-spacing:1.5px; transition:all 0.3s; -webkit-transition:all 0.3s; font-family: 'Spartan',sans-serif;}
.btm_ban .txt_box .btn:hover a {margin-top:4px; margin-left:4px; transition:all 0.3s; -webkit-transition:all 0.3s;}
.btm_ban .txt_box .btn:after {content:''; display: block; position: absolute; top:3px; left:3px; width:162px; height:51px; border:1px solid #fff; background:none;}

/* 매거진 게시판 */
.magazine_list {margin-top:12%;}
.magazine_list > .top_tit {position: absolute; left:50%; margin-left:-150px; transform: rotate(-5deg) !important; -webkit-transform: rotate(-5deg) !important; font-size:35px; color:#fff; font-weight:600; text-align:center; width:300px; height:80px; background:#242424; z-index:1; letter-spacing:2px; margin-top:-40px; line-height:80px; font-family: 'Spartan',sans-serif;}
.magazine_list > .top_tit:before {content:''; display: block; width:100%; height:100%; border:1px solid #242424; position: absolute; top:5px; left:5px; z-index:-1;}
.magazine_list ul {position:relative; font-size:0; margin:0 7.7%; display:flex;}
.magazine_list ul li {margin-right:30px; margin-bottom:10%; display:inline-block; vertical-align:top;}
.magazine_list ul div:nth-child(3n) li {margin-right:0;}
.magazine_list ul li .thumb_box {overflow: hidden; position: relative; z-index:-1;}
.magazine_list ul li .thumb_box img {width:100%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.magazine_list ul li .txt_box .tit {color:#242424; font-size:32px; font-weight:600; display:inline-block; background:#fff; margin:-30px 0 0 15px; padding:5px 10px; box-sizing:border-box; font-family: 'Spartan', 'Noto Sans KR', sans-serif;}
.magazine_list ul li .txt_box .txt {color:#6b6b6b; font-size:16px; line-height:1.5; padding:10px 25px 0; width:100%; word-break:keep-all; box-sizing:border-box;}
.magazine_list ul li:hover .thumb_box img {transform:scale(1.1); -webkit-transform:scale(1.1);}
.magazine_list .more {position: relative; width:161px; height:51px; margin:40px auto 0; top:0; left:0; transition:all 0.3s; -webkit-transition:all 0.3s;}
.magazine_list .more:hover {top:3px; left:3px;}
.magazine_list .more a {display: block; z-index:5; position:absolute; width:162px; height:51px; background:#242424 url("../img/icon/white_arrow.png") no-repeat 86% 48%; letter-spacing:1px; padding-left:18px; box-sizing:border-box; font-family: 'Spartan',sans-serif; line-height:51px; font-weight:600; color:#fff; font-size:14px; transition:all 0.3s; -webkit-transition:all 0.3s;}
.magazine_list .more:hover a {margin-top:4px; margin-left:4px; transition:all 0.3s; -webkit-transition:all 0.3s;}
.magazine_list .more:after {content:''; display: block; position: absolute; top:3px; left:3px; width:162px; height:51px; border:1px solid #242424; background:none;}

/* 옵션창에서 커서 기본으로 변경 */
.option_layer_cont,
.option_layer_cont a:hover {cursor:auto;}

@media all and (max-width: 1919px) {
	.mv .txt_box .txt01 {font-size:70px;}
}

@media all and (max-width: 1300px) {
	/* 메인 타이틀 */
	.goods_list_tit {margin:0 15px;}
	.goods_list_tit h3 {font-size:40px;}
	.goods_list_tit .goods_list_sub {font-size:14px;}

	/* 메인 상단 슬라이드 배너 (pc) */
	.mv .txt_bo {left:5%;}
	.mv .txt_box .txt01 {font-size:50px;}
	.mv .txt_box .txt02 {font-size:16px;}
	.mv .txt_box .btn {margin-top:45px;}
	.mv .txt_box .btn a {width:200px; height:45px; line-height:45px; font-size:13px;}
	.mv .txt_box .btn:after {width:200px; height:45px;}

	/* 배너모음 */
	.ban_box ul {padding:0 15px;}
	.ban_box .txt_box .txt01 {font-size:28px;}

	/* 베스트 셀러 */
	.best_prd .goods_list_cont {margin:0 15px;}

	/* 메인 하단 배너 */
	.btm_ban {margin-top:35px;}
	.btm_ban .txt_box {z-index:10; position: absolute; top:50%; transform:translateY(-50.2%); -webkit-transform:translateY(-50.2%); left:7.7%; text-align:left; transition:all 0.3s; -webkit-transition:all 0.3s}
	.btm_ban .txt_box .txt01 {font-size:50px;} 
	.btm_ban .txt_box .btn a {width:150px; height:45px; line-height:45px; font-size:13px;}
	.btm_ban .txt_box .btn:after {width:150px; height:45px;}

	/* 룩북 */
	.lb_box {height:90vh;}
	.lb_box .lb_list {margin-top:20px; padding:0 15px; box-sizing:border-box;}
	.lb_box .lb_list ul li .txt_box .txt02 {font-size:20px;}

	/* 매거진 게시판 */
	.magazine_list > .top_tit {font-size:30px; width:280px; height:70px ;line-height:70px; margin-left:-140px;}
	.magazine_list ul li .txt_box .tit {font-size:28px;}
	.magazine_list ul li .txt_box .txt {font-size:14px;}
}

@media all and (max-width: 1100px) {
	/* 메인 상단 슬라이드 배너 (pc) */
	.mv .txt_box .txt01 {font-size:40px;}
	.mv .txt_box .txt02 {font-size:15px;}
	.mv .txt_box .btn {margin-top:40px;}
	.mv .txt_box .btn a {width:200px; height:40px; line-height:40px; font-size:12px;}
	.mv .txt_box .btn:after {width:140px; height:40px;}
	.mv .slick-dots {bottom:20px;}
	.mv .slick-dots li {margin-right:10px;}
	.mv .slick-dots li button {width:8px; height:8px;}

	/* 메인 타이틀 */
	.goods_list_tit h3 {font-size:30px;}
	.goods_list_tit .goods_list_sub {font-size:14px; margin-top:15px;}
	.goods_list_tit .btn_goods_more .more_btn_wrap a {width:40px; height:40px; line-height:40px;}
	.goods_list_tit .btn_goods_more .more_btn_wrap:after {width:40px; height:40px;}

	/* 동영상 배너 */
	.video_box .txt_box .txt01 {font-size:16px;}
	.video_box .txt_box .txt02 {font-size:15px;}
	.video_box .txt_box .btn {margin-top:40px;}
	.video_box .txt_box .btn a {width:max-content; height:40px; line-height:40px; font-size:12px;}

	/* 동영상 상품 */
	.video_prd {margin:-2.5% 7.7% 0;}

	/* 배너모음 */
	.ban_box .txt_box {bottom:25%;}
	.ban_box .txt_box .txt01 {font-size:25px; letter-spacing:0;}
	.ban_box .txt_box .txt02 {font-size:12px;}
	.ban_box ul li:hover .txt_box .txt02 {margin-bottom:20px;}
	.ban_box .txt_box .btn a {width:max-content; height:35px; line-height:35px; padding:0 15px; letter-spacing:0.5px; background-size:10px auto; background-position:90% 48%; font-size:11px;}

	/* 룩북 */
	.lb_box {height:80vh;}

	/* 베스트 셀러 */
	.best_prd .goods_list_cont {margin:0 15px;}
	.best_prd .goods_list .goods_list_cont .goods_type ul li {width:calc(50% - 2px) !important; margin:0 4px 35px 0;}
	.best_prd .goods_list .goods_list_cont .goods_type ul li:nth-child(2n) {margin-right:0;}

	/* 메인 하단 배너 */
	.btm_ban {margin-top:35px;}
	.btm_ban .txt_box {z-index:10; position: absolute; top:50%; transform:translateY(-50.2%); -webkit-transform:translateY(-50.2%); left:7.7%; text-align:left; transition:all 0.3s; -webkit-transition:all 0.3s}
	.btm_ban .txt_box .txt01 {font-size:40px;} 
	.btm_ban .txt_box .txt02 {font-size:15px;}
	.btm_ban .txt_box .btn a {width:140px; height:40px; line-height:40px; font-size:12px;}
	.btm_ban .txt_box .btn:after {width:140px; height:40px;}

	/* 매거진 게시판 */
	.magazine_list > .top_tit {font-size:23px; width:250px; height:65px; line-height:65px; margin-left:-125px;}
	.magazine_list ul {margin:0 15px; display: block;}
	.magazine_list ul li .txt_box .tit {font-size:25px;}
	.magazine_list .more {width:140px; margin:20px auto 0;}
	.magazine_list .more a {width:140px; height:40px; line-height:40px; font-size:12px;}
	.magazine_list .more:after {width:140px; height:40px; top:2px; left:2px;}
	.magazine_list .more:hover a {margin-top:3px; margin-left:3px;}
}

@media all and (max-width: 750px) {
	/* 공통 */
	.pc_con {display:none;} 
	.mo_con {display:block;} 

	/* 메인 타이틀 */
	.goods_list_tit h3 {font-size:23px;}
	.goods_list_tit .goods_list_sub {font-size:13px; line-height:1.5; word-break: keep-all; margin-top:10px;}

	/* 메인 상단 슬라이드 배너 (mo) */
	.mv .txt_box {left: 0; width: 100%; text-align: center; transform: none; top: 56%; z-index: 2; padding: 0; word-break: keep-all;}
	.mv .txt_box .txt02 {font-size:13px;}
	.mv .txt_box .btn {width:110px; margin:20px auto 0;}
	.mv .txt_box .btn a {width:120px; height:35px; line-height:37px; font-size:10px; letter-spacing:0;}
	.mv .txt_box .btn:after {width:120px; height:35px; top:2px; left:2px;}
	.mv .txt_box .btn:hover a {margin-top:3px; margin-left:3px;}
	.mv .txt_box .btn a img {width:7.5px; margin-left:5px; top:-1px;}

	/* NEW COLLECTION */
	.new_prd .goods_list_tit {text-align:center; margin-top:65px; margin-bottom:30px;}
	.new_prd .btn_goods_more {display:none;}

	/* 동영상 */
	.video_box .txt_box {bottom:15%;}
	.video_box .txt_box .txt01 {font-size:16px; letter-spacing:1px;}
	.video_box .txt_box .txt02 {font-size:12px; word-break:keep-all; width:80%; line-height:1.5;}
	.video_box .txt_box .btn {margin-top:20px;}
	.video_box .txt_box .btn:hover {top:3px; left:3px;}
	.video_box .txt_box .btn a {width:max-content; height:30px; line-height:31px; font-size:10px; color:#1e6791; letter-spacing:0; background:#fff url("../img/icon/new_arrow_mo.png") no-repeat 86% 46%; background-size:8px auto; padding-left:6px;}

	/* 동영상 상품 */
	.video_prd {margin:20px 0 0 0;}
	.video_prd .swiper-scrollbar {width:92%; height:2px; margin:0 auto;}

	/* 배너모음 */
	.ban_box {margin:70px 0 0 0;}
	.ban_box .txt_box {bottom:25%; left:20px;}
	.ban_box ul li {width:100%; margin-right:0; margin-bottom:10px;}
	.ban_box .txt_box .txt01 {font-size:18px; letter-spacing:0; margin-bottom:10px;}
	.ban_box .txt_box .txt02 {font-size:13px; display: none;}
	.ban_box .txt_box .btn a {width:max-content; height:29px; line-height:31px; font-size:10px; letter-spacing:0; background-size:7.5px auto; padding:0 10px;}

	/* 룩북 */
	.lb_box {margin:70px 0 0 0; padding:50px 0 75px 0; height:80vh;}
	.lb_box .goods_list_tit {text-align:center; padding-bottom:40px;}
	.lb_box .lb_list ul li .num {display: none;}
	.lb_box .lb_list ul li .txt_box {left:-30px;}
	.lb_box .lb_list ul li .txt_box .txt01 {font-size:12px;}
	.lb_box .lb_list ul li .txt_box .txt02 {font-size:20px;}
    
    /* 룩북 화살표 모바일 */
    .lb_box .swiper-button-prev,
    .lb_box .swiper-button-next {
        width: 42px !important;
        height: 42px !important;
        bottom: 20px !important;
    }
    
    .lb_box .swiper-button-prev:before,
    .lb_box .swiper-button-next:before {
        width: 18px !important;
        height: 18px !important;
    }
    
    .lb_box .swiper-button-prev {
        left: calc(50% - 56px) !important;
    }
    
    .lb_box .swiper-button-next {
        left: calc(50% + 14px) !important;
    }

	/* 베스트 상품 (mo) */
	.best_prd .goods_list_cont {margin:0;}
	.best_prd .goods_list_tit {margin-top:65px; margin-bottom:30px; text-align:center;}
	.best_prd .btn_goods_more {display: none;}

	/* 메인 하단 배너 (mo) */
	.btm_ban {margin-top:35px;}
	.btm_ban .txt_box {left:0; width:100%; text-align:center; transform:none; top:70%;}
	.btm_ban .txt_box .txt01 {font-size:28px; letter-spacing:1.5px;}
	.btm_ban .txt_box .txt02 {font-size:13px; width:100%;}
	.btm_ban .txt_box .btn {width:120px; margin:20px auto 0;}
	.btm_ban .txt_box .btn a {width:120px; height:35px; line-height:37px; font-size:10px; color:#82aff7; text-align:left; letter-spacing:0.5px; background-size:11px auto;}
	.btm_ban .txt_box .btn:after {width:120px; height:35px; top:2px; left:2px;}
	.btm_ban .txt_box .btn:hover a {margin-top:3px; margin-left:3px;}

	/* 매거진 게시판 */
	.magazine_list {margin-top:100px;}
	.magazine_list > .top_tit {font-size:17px; width:147px; height:52px ;line-height:52px; margin-left:-73.5px;}
	.magazine_list ul li {margin-right:0; display: block;}
	.magazine_list ul li .txt_box .tit {font-size:21px;}
	.magazine_list ul li .txt_box .txt {font-size:12px;}
	.magazine_list .more {width:120px; margin:20px auto 0;}
	.magazine_list .more a {width:120px; height:35px; line-height:37px; font-size:10px; letter-spacing:0.5px; background-size:11px auto;}
	.magazine_list .more:after {width:120px; height:35px; top:2px; left:2px;}
	.magazine_list .more:hover a {margin-top:3px; margin-left:3px;}
}

/* =========================================
   AJ CORPORATION B2B SPORTS 메인 리뉴얼 오버라이드
========================================= */

/* 디자인 토큰 */
:root {
  --aj-brand-navy: #1E293B;
  --aj-brand-lime: #00C853;
  --aj-brand-lime-dark: #1B5E20;
  --aj-accent-mint: #5EEAD4;
  --aj-text-main: #1E293B;
  --aj-text-sub: #4B5563;
  --aj-text-muted: #9CA3AF;
  --aj-border: #E5E7EB;
  --aj-bg-main: #F7F8FA;
  --aj-bg-surface: #FFFFFF;
}

/* 메인 페이지 공통 폰트 & 배경 */
body.body-main.body-index {
  font-family: 'Pretendard', 'Noto Sans KR', 'Spoqa Han Sans Neo', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  background-color: var(--aj-bg-main);
  color: var(--aj-text-main);
}

.body-main.body-index .main {
  background-color: var(--aj-bg-main);
}

.goods_list_tit h3,
.magazine_list ul li .txt_box .tit {
  color: var(--aj-text-main);
}

.goods_list_tit .goods_list_sub,
.magazine_list ul li .txt_box .txt {
  color: var(--aj-text-sub);
}

.goods_list_tit {
  padding-top: 40px;
  padding-bottom: 8px;
}

.goods_list_tit h3 {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: .02em;
}

.goods_list_tit .goods_list_sub {
  font-size: 15px;
  line-height: 1.6;
  margin-top: 14px;
}

.goods_list_tit .btn_goods_more {
  top: 6px;
}

.goods_list_tit .btn_goods_more .more_btn_wrap a {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: var(--aj-brand-navy) url("../img/icon/more_btn_arrow.png") no-repeat center center;
}

.goods_list_tit .btn_goods_more .more_btn_wrap:after {
  border-radius: 999px;
  border-color: var(--aj-brand-navy);
}

.mv .txt_box .txt01 {
  font-family: 'Pretendard', 'Noto Sans KR', system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: .08em;
}

.mv .txt_box .txt02 {
  font-size: 18px;
  line-height: 1.5;
}

.mv .txt_box .btn a {
  background: var(--aj-brand-lime);
  color: #ffffff;
  border-radius: 6px;
  font-size: 14px;
  letter-spacing: .06em;
}

.mv .txt_box .btn:after {
  border-radius: 6px;
  border-color: rgba(255, 255, 255, 0.8);
}

.mv .txt_box .btn:hover a {
  background: var(--aj-brand-lime-dark);
}

.mv .slick-dots li button {
  border-color: rgba(255,255,255,0.6);
  border-radius: 999px;
}

.mv .slick-dots li.slick-active button {
  background: var(--aj-brand-lime);
  border-color: var(--aj-brand-lime);
}

.video_prd,
.best_prd,
.new_prd {
  margin-top: 45px;
}

.item_gallery_type .item_cont,
.item_basket_type .item_cont {
  background-color: var(--aj-bg-surface);
  border-radius: 12px;
  border: 1px solid var(--aj-border);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
  overflow: hidden;
}

.item_gallery_type .item_info_cont,
.item_basket_type .item_info_cont {
  padding: 16px 16px 18px;
}

.item_tit_box .item_brand strong {
  color: var(--aj-text-sub);
  font-weight: 500;
}

.item_tit_box .item_name {
  color: var(--aj-text-main);
}

.item_tit_box .item_name_explain {
  color: var(--aj-text-sub);
  font-size: 13px;
  line-height: 1.5;
}

.item_money_box {
  color: var(--aj-text-main);
}

.video_box {
  margin-top: 45px;
}

.video_box .txt_box .txt01 {
  font-family: 'Pretendard', 'Noto Sans KR', system-ui, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .06em;
}

.video_box .txt_box .txt02 {
  font-size: 12px;
  line-height: 1.6;
}

.video_box .txt_box .btn a {
  background: var(--aj-brand-lime);
  border-radius: 6px;
  color: #ffffff;
  font-size: 14px;
  padding:0 18px;
}

.video_box .txt_box .btn:hover a {
  background: var(--aj-brand-lime-dark);
}

.video_prd .swiper-scrollbar {
  background: #E5E7EB;
}

.video_prd .swiper-scrollbar .swiper-scrollbar-drag {
  background: var(--aj-brand-navy);
}

.ban_box .txt_box .txt01 {
  font-family: 'Pretendard', 'Noto Sans KR', system-ui, sans-serif;
  font-size: 24px;
}

.ban_box .txt_box .txt02 {
  font-size: 14px;
  line-height: 1.5;
}

.ban_box .txt_box .btn a {
  background: rgba(255,255,255,0.96);
  color: var(--aj-brand-navy);
  border-radius: 999px;
  font-size: 12px;
}

.lb_box {
  background-color: #020617;
}

.best_prd .goods_list_cont {
  margin: 0 7.7%;
}

.btm_ban .txt_box .txt01 {
  font-family: 'Pretendard', 'Noto Sans KR', system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: .08em;
}

.btm_ban .txt_box .txt02 {
  font-size: 15px;
  line-height: 1.6;
}

.btm_ban .txt_box .btn a {
  background: var(--aj-brand-lime);
  border-radius: 6px;
  color: #ffffff;
  font-size: 14px;
}

.btm_ban .txt_box .btn:after {
  border-radius: 6px;
  border-color: rgba(255,255,255,0.8);
}

.btm_ban .txt_box .btn:hover a {
  background: var(--aj-brand-lime-dark);
}

.magazine_list > .top_tit {
  background: var(--aj-brand-navy);
  border-radius: 999px;
  font-family: 'Pretendard', 'Noto Sans KR', system-ui, sans-serif;
  letter-spacing: .12em;
  font-size: 18px;
}

.magazine_list > .top_tit:before {
  border-color: var(--aj-brand-navy);
}

.magazine_list ul li .txt_box .tit {
  font-size: 22px;
  font-weight: 600;
}

.magazine_list .more a {
  background: var(--aj-brand-navy) url("../img/icon/white_arrow.png") no-repeat 86% 48%;
}

.magazine_list .more:after {
  border-color: var(--aj-brand-navy);
}

@media all and (max-width: 1100px) {
  .goods_list_tit h3 {
    font-size: 26px;
  }
  .goods_list_tit .goods_list_sub {
    font-size: 14px;
  }
}

@media all and (max-width: 750px) {
  .goods_list_tit h3 {
    font-size: 22px;
  }
  .goods_list_tit .goods_list_sub {
    font-size: 13px;
  }
  .magazine_list > .top_tit {
    font-size: 16px;
  }
}

.mv .slider li {
  position: relative;
  overflow: hidden;
}

.mv .slider li::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgb(30 41 59) 0%, rgb(30 41 59 / 0%) 30%);
  z-index: 1;
  pointer-events: none;
}

@media (max-width: 768px) {
  .mv .slider li::before {
    background: linear-gradient(180deg, rgba(30, 41, 59, 0) 0%, rgba(30, 41, 59, 0) 55%, rgba(30, 41, 59, 0.78) 100%);
  }
}

.mv .txt_box {
  z-index: 2;
}

.mv .txt_box .txt01,
.mv .txt_box .txt02 {
  text-shadow: 0 4px 10px rgba(15, 23, 42, 0.65);
}

.mv .txt_box .btn a {
  background: #00C853;
  color: #ffffff;
  border-radius: 6px;
  font-size: 15px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.mv .txt_box .btn:after {
  border-color: #00C853;
}

.mv .slick-dots li button {
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.mv .slick-dots li.slick-active button {
  background: #00C853;
  border-color: #00C853;
}

.b2b-hero {
  background: #f7f8fa;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  padding: 28px 7.7% 32px;
  font-family: 'Spartan', 'Noto Sans KR', sans-serif;
}

.b2b-hero-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.b2b-hero-label {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  background: #e0f7ec;
  color: #1b5e20;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.b2b-hero-title {
  font-size: 28px;
  line-height: 1.3;
  font-weight: 700;
  color: #1e293b;
  letter-spacing: 0.04em;
  margin-bottom: 6px;
}

.b2b-hero-subtitle {
  font-size: 15px;
  line-height: 1.5;
  color: #4b5563;
}

.b2b-hero-subtitle span {
  font-weight: 600;
  color: #1e293b;
}

@media (max-width: 1024px) {
  .b2b-hero {
    padding: 24px 20px 28px;
  }
  .b2b-hero-title {
    font-size: 24px;
  }
  .b2b-hero-subtitle {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .b2b-hero {
    padding: 20px 16px 24px;
    margin-top: 12px;
  }
  .b2b-hero-title {
    font-size: 20px;
  }
  .b2b-hero-subtitle {
    font-size: 13px;
  }
}

.new_prd .item_photo_box,
.video_prd .item_photo_box,
.best_prd .item_photo_box {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    background: #f5f5f5;
}

.new_prd .item_photo_box > a,
.video_prd .item_photo_box > a,
.best_prd .item_photo_box > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.new_prd .item_photo_box img,
.video_prd .item_photo_box img,
.best_prd .item_photo_box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    max-width: none !important;
}

.new_prd .slick-slide .item_photo_box img,
.video_prd .slick-slide .item_photo_box img {
    display: block !important;
    opacity: 1 !important;
}

.new_prd .item_cont,
.video_prd .item_cont,
.best_prd .item_cont {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.new_prd .item_tit_box,
.video_prd .item_tit_box,
.best_prd .item_tit_box {
    min-height: 65px;
    max-height: 65px;
    overflow: hidden;
}

.new_prd .item_tit_box .item_name,
.video_prd .item_tit_box .item_name,
.best_prd .item_tit_box .item_name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    height: 50px;
    margin-bottom: 10px !important;
}

.new_prd .item_money_box,
.video_prd .item_money_box,
.best_prd .item_money_box {
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.new_prd .item_money_box > div,
.video_prd .item_money_box > div,
.best_prd .item_money_box > div {
    min-height: 85px;
}

.new_prd .item_info_cont,
.video_prd .item_info_cont,
.best_prd .item_info_cont {
    display: flex;
    flex-direction: column;
    flex: 1;
}

@media all and (max-width: 750px) {
    .new_prd .item_tit_box,
    .video_prd .item_tit_box,
    .best_prd .item_tit_box {
        min-height: 65px;
        max-height: 50px;
        margin-bottom: 10px;
    }
    
    .new_prd .item_tit_box .item_name,
    .video_prd .item_tit_box .item_name,
    .best_prd .item_tit_box .item_name {
        height: 50px;
        font-size: 13px;
        line-height: 1.3;
    }
    
    .new_prd .item_money_box,
    .video_prd .item_money_box,
    .best_prd .item_money_box {
        min-height: 100px;
    }
    
    .new_prd .item_money_box > div,
    .video_prd .item_money_box > div,
    .best_prd .item_money_box > div {
        min-height: 90px;
    }
}

/* ============================================
   새 배너 (index 5 / slide-special3) 전용 스타일
============================================ */
.mv .slider li.slide-special3::before {
    content: "";
    position: absolute;
    inset: 0;
    background: none !important;
    z-index: 1;
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 20px;
    pointer-events: none;
}

.mv .slider li.slide-special3 .txt_box {
    top: 72% !important;
    left: 80% !important;
}