/* BASIC css start */
#header {border : 0 !important;}

/* 메인 키비주얼
.swiper-container.swiper1 {margin:0 0 65px 0;}
.swiper1 .swiper-slide img {width:100%;}
.swiper1 .swiper-slide-active .main_txt {left:25px; opacity:1; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s;  transition: all 0.8s;}
.swiper1 .main_txt {position:absolute; left:60px; bottom:80px; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s;  transition: all 0.8s;}
.swiper1 .main_txt .t1 {color:#fff; font-size:16px; font-weight:700; line-height:1; margin-bottom:20px;}
.swiper1 .main_txt .t2 {color:#fff; font-size:34px; font-weight:700; line-height:40px; margin-bottom:20px;}
.swiper1 .main_txt .t3 {color:#fff; font-size:16px; line-height:1;}
.swiper-container.swiper1 .swiper-pagination-bullets {display:table; width:auto; left:25px; bottom:30px !important;}
.swiper1 .swiper-pagination-bullet {width:6px; height:6px; margin:0 6px !important; background:#fff; border:3px solid transparent; border-radius:50%; box-sizing:border-box; vertical-align:middle; opacity:1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.swiper1 .swiper-pagination-bullet-active {width:6px; height:6px; background-color:transparent; border:3px solid #fff; box-sizing:content-box; opacity:1;} */

/* 메인 타이틀 */
.main_title {margin:0 18px 25px;}
.main_title .t1 {color:#1a1a1a; font-size:21px; font-weight:700; line-height:1; margin-bottom:12px;}
.main_title .t1 a {display:inline-block; float:right; margin-top:6px; color:#1a1a1a; font-size:13px; font-weight:400; text-align:right;}
.main_title .t1 a img {height:12px; margin:-3px 0 0 3px; vertical-align: middle;}
.main_title .t2 {color:#1a1a1a; font-size:14px;}

/* 슬라이드 상품진열 */
.swiper-container.swiper_roll {margin-bottom:65px; margin-left: 12px;}
.swiper_roll > ul {padding:0 !important;}
.swiper_roll > ul > li {margin: 0 0 40px;}
.swiper_roll > ul > li a {margin: 0 6px; display: block;}
.swiper_roll > ul > li img {border: none; display: block; width: 100%; vertical-align: top;}
.swiper-container.swiper-container-horizontal > .swiper-scrollbar {left:6px; width:calc(100% - 24px); height:2px; background-color:#e9e9e9;}
.swiper-container .swiper-scrollbar-drag {background:#1a1a1a;}

/* 한 눈에 보는 브랜드 */
.swiper-container.swiper02 {margin:0 0 65px 18px;}
.swiper02 li p {margin:15px auto; color:#1a1a1a; font-size:16px; text-align:center;}
.swiper02 li img {width:100%;}

/* 앤디코 소식 */
.swiper-container.swiper03 {margin:0 18px 65px; padding-bottom:40px;}
.swiper03 .swiper-slide .ban img {width:100%;}
.swiper03 .swiper-slide .txt {position:absolute; bottom:30px; left:25px; text-align:left;}
.swiper03 .swiper-slide .txt .t01 {color:#fff; font-size:25px; font-weight:700; line-height:1;}
.swiper03 .swiper-slide .txt .t02 {color:#fff; font-size:16px; font-weight:400; line-height:1; padding-top:12px;}
.swiper03 .swiper-pagination-bullets {bottom:0px !important;}
.swiper03 .swiper-pagination-bullet {width:6px; height:6px; opacity:1; border-radius:6px; background:#a9afbe; vertical-align:middle; border:3px solid red; border-color:transparent;  box-sizing:border-box; margin:0 6px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.swiper03 .swiper-pagination-bullet-active {opacity:1; background:#fff; width:6px; height:6px; border:3px solid black; box-sizing:content-box;}


/* 탭 상품진열 */
.m_tab01 {/*padding:0 20px;*/}
.m_tab01 li {width:auto;display:inline-block; margin-right:16px; padding-bottom:3px; color:#aaaaaa; font-size:15px; text-align:center; line-height:40px; margin:0 5px 0 18px; font-weight:500;}
.m_tab01 li.current {color:#2781fc;}
.m_tab01 li.current::before { background: #0184ff;}
.m_tab01 li::before { content: ''; position: absolute; top: 8px; right: -6px; display: inline-block; border-radius: 50%; font-weight: 600; width: 5px; height: 5px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.tabcontent01 {display:none; margin-top:25px; padding:0px;}
.tabcontent01.current {display:block;}

/* 기업회원, 저작권 안내 */
.event01 {position:relative; width:100%; margin-bottom:65px;}
.event01 .bg {position:absolute; left:0; bottom:0; z-index:1; width:100%; height:65%; background-color:#f5f5f5;}
.swiper04.swiper-container {width:calc(100% - 38px); margin:0px auto; padding-bottom:80px;}
.swiper04 .swiper-slide img {width:100%;}
.swiper04 .t01 {margin:25px auto 8px; color:#2a2a2a; line-height:1; font-size:14px; }
.swiper04 .t02 {color:#2a2a2a; line-height:20px; font-size:20px; font-weight:700; }
.swiper04 .swiper-pagination-bullets {display:table; width:auto !important; bottom:45px !important;}
.swiper04 .swiper-pagination-bullet {width:6px; height:6px; opacity:1; border-radius:6px; background:#a9afbe; vertical-align:middle; border:3px solid red; border-color:transparent;  box-sizing:border-box; margin:0 6px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.swiper04 .swiper-pagination-bullet-active {opacity:1; background:#fff; width:6px; height:6px; border:3px solid black; box-sizing:content-box;}

/* 이번 주 랭킹 상품진열 */
.swiper-container.rank_roll {margin-bottom:65px;}
.swiper-container.rank_roll .swiper-wrapper {padding: 0 12px;}
.swiper-container.rank_roll .swiper-slide {width:70%; margin-bottom:40px;}
.swiper-container.rank_roll .swiper-slide figure {position: relative; margin: 0 6px;}
.swiper-container.rank_roll .swiper-slide img {width: 100%;}
.swiper-container.rank_roll .thumbnail .num {position: absolute; top: 0; left: 0; z-index: 1; width: 50px; height: 42px; padding-top: 8px; color: #fff; font-size: 11px; text-align: center; line-height: 16px; background-color: #0184ff; border-radius: 0 0 12px 0;}
.swiper-container-horizontal> .swiper-scrollbar-rank.swiper-scrollbar {left:18px; width:calc(100% - 38px); overflow:hidden;}
.swiper-scrollbar-rank.swiper-scrollbar .swiper-scrollbar-drag {width:30% !important;}

/* 혜택 */
.swiper-container.swiper05 {margin:0 18px 65px; padding-bottom:40px !important;}
.swiper05 .swiper-slide .ban img {width:100%;}
.swiper05 .swiper-slide .txt { position:absolute; text-align:center; top:50%; left:50%;  -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.swiper05 .swiper-slide .txt .t1 {color:#fff; font-size:35px; font-weight:700; line-height:1;}
.swiper05 .swiper-slide .txt .t2  {color:#fff; font-size:14px; line-height:1; padding-top:10px;}
.swiper05 .swiper-pagination-bullets {bottom:0px !important;}
.swiper05 .swiper-pagination-bullet {width:6px; height:6px; opacity:1; border-radius:6px; background:#a9afbe; vertical-align:middle; border:3px solid red; border-color:transparent;  box-sizing:border-box; margin:0 6px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.swiper05 .swiper-pagination-bullet-active {opacity:1; background:#fff; width:6px; height:6px; border:3px solid black; box-sizing:content-box;}


.btn-add7_product .btn_moreGray {width: calc(100% - 38px); height: 48px; margin: 30px auto; color: #1a1a1a; font-size: 14px; text-align: center; line-height: 46px; border: 1px solid #e5e5e5; box-sizing: border-box; background-color: #fff; font-weight: normal;}
.btn_moreGray span {color: #1a1a1a;}
.btn_moreGray .icoMore {display: inline-block; font-size: 0; line-height: 0; vertical-align:baseline; background: url('/design/raidb2b/2023_renewal_moblie/btn_more.png') no-repeat 0 50%; margin: 0 0 2px 8px; width:10px; height:6px; background-size:10px auto;}


/* 롤링배너 */
#mainslide .swiper-pagination-bullet {
	background: #e9e9e9 !important;
	border-radius: 0 !important;
	width: 20px !important;
	height: 5px !important;
	margin: 0 3px !important;
	opacity: 1 !important;
}
#mainslide .swiper-pagination .swiper-pagination-current {
	padding-right: 0px;
}
#mainslide .swiper-pagination .swiper-pagination-total {
	padding-left: 0px;
}
#mainslide .swiper-pagination-bullet-active {
	background: #000 !important;
}
#mainslide .swiper-pagination {
background: #000;
    width: 60px;
    margin: 0 auto;
    right: 0;
    height: 30px;
    line-height: 30px;
    border-radius: 340px;
    color: #fff;
    font-weight: 300;
    bottom: 12px;
}
#mainslide .swiper-pagination .swiper-pagination-current {font-weight: 900;}

.section{}
.sec_inner{padding:0 5%}
.section h2{text-align: center; font-size:21px; color:#000; font-weight:600; margin-bottom:40px;font-family: 'Noto Sans KR', sans-serif;}
.section h2.h2_bold{font-weight:800}
.swiper-button-disabled{opacity:.3}

#sec1{ overflow:hidden;}
#sec1 .sec1_cont{}
#sec1 .sec1_cont .swiper{padding-bottom: 65px;}
#sec1 .sec1_cont .swiper ul{}
#sec1 .sec1_cont .swiper ul li{width:100%;}
#sec1 .sec1_cont .swiper ul li .ban_img{}
#sec1 .sec1_cont .swiper ul li .ban_img a{display: block; width: 100%; overflow: hidden;}
#sec1 .sec1_cont .swiper ul li .ban_img a img{width: 100%;}
#sec1 .sec1_cont .swiper ul li .ban_txt{width: 100%; padding: 25px 0 0 0;}
#sec1 .sec1_cont .swiper ul li .ban_txt p{text-align: center; }
#sec1 .sec1_cont .swiper ul li .ban_txt p.big{font-size: 18px; color: #000; font-weight: 700; margin-bottom: 8px;}
#sec1 .sec1_cont .swiper ul li .ban_txt p.small{color: #999999;font-size: 13px; font-weight: 400;}
#sec1 .swiper .swiper-pagination{bottom: 0;}
#sec1 .swiper .swiper-pagination-bullet-active{background-color: #000;}

/* 상품진열 */
.list_shopping2x {display: table; table-layout: fixed; width: 100%; box-sizing: border-box; font-size: 0; line-height: 0;}

/* 상품정보 */
.list_shoppingInfo {margin: 10px 0 0; min-height: 10px; line-height: 1em; text-align: left;}
.list_shoppingInfo .listName {margin:  0 0 5px; line-height: 18px; display: block; color: #1a1a1a; font-size: 14px; font-weight: 500; overflow: hidden; /* text-overflow: ellipsis; white-space: nowrap;*/ letter-spacing: -0.4px;}
.list_shoppingInfo .listSubname {margin-bottom: 10px; color: #aaa; font-size: 12px; font-weight: 400; overflow:hidden; /*text-overflow:ellipsis; white-space: nowrap;*/ line-height: 16px; letter-spacing: -0.5px;}
.list_shoppingInfo .listPrice {display: inline-block; margin: 0; color: #1a1a1a; font-size: 14px; font-weight:700; padding-top: 4px; letter-spacing: -0.4px; }
.list_shoppingInfo .listReplce {display: inline-block; margin: 0 3px 0 0; color: #1a1a1a; font-size: 14px; font-weight: 600;}
.list_shoppingInfo .custom { display: block; color: #aaa; font-size: 12px;}
.list_shoppingInfo .color {margin: 5px 0 0;}
.list_shoppingInfo .color span {display: inline-block; width: 12px; height: 12px; margin: 0 4px 0 0; border-radius:50%; border: 1px solid #ececec; box-sizing: border-box;}
.list_shoppingInfo  .MK-product-icons {display: block; margin: 10px 0 0 0; }
.list_shoppingInfo  .MK-product-icons img {display:inline-block; max-width: 100%; vertical-align: middle; padding: 0; margin: 0 4px 0 0;}

/* 세일박스 */
.salebox {display: inline-block; float:right; padding-top: 3px;}
.salebox .sale_text {margin-bottom: 10px; padding-right: 2px; color: #ff4000; font-size: 16px; font-weight: 700;}


/* 한 눈에 보는 브랜드 */
.sec02_inner{}
.sec02_inner ul{display: flex; flex-wrap: wrap; margin-top: 0; padding: 0 18px 65px; gap:12px;}
.sec02_inner ul li{width: calc((100% - 50px) / 5); text-align: center;}
.sec02_inner ul li a{ }
.sec02_inner ul li a img{border-radius:50%; width:100%; border:1px solid #ededed; box-sizing: border-box;}

/* 눈 내리는 효과 */
.snow_wrap .snow_div {
  position: fixed;
  top: -10%;
  z-index: 9999;
  color: #fff;
  text-shadow : 0 0 5px rgba(0, 0, 0, 0.25);
  animation: snow_shake 5s ease-in-out infinite;  
  user-select: none;
}
.snow_wrap .snow_div p { animation: snow_fall 10s linear infinite; }

.snow_wrap .snow_div:nth-of-type(0) { left: 0%; animation-delay: 0s; }
.snow_wrap .snow_div:nth-of-type(0) p { animation-delay: 0s; }
.snow_wrap .snow_div:nth-of-type(1) { left: 10%; animation-delay: 1s; }
.snow_wrap .snow_div:nth-of-type(1) p { animation-delay: 1s; }
.snow_wrap .snow_div:nth-of-type(2) { left: 20%; animation-delay: 0.5s; }
.snow_wrap .snow_div:nth-of-type(2) p { animation-delay: 6s; }
.snow_wrap .snow_div:nth-of-type(3) { left: 30%; animation-delay: 2s; }
.snow_wrap .snow_div:nth-of-type(3) p { animation-delay: 4s; }
.snow_wrap .snow_div:nth-of-type(4) { left: 40%; animation-delay: 2s; }
.snow_wrap .snow_div:nth-of-type(4) p { animation-delay: 2s; }
.snow_wrap .snow_div:nth-of-type(5) { left: 50%; animation-delay: 3s; }
.snow_wrap .snow_div:nth-of-type(5) p { animation-delay: 8s; }
.snow_wrap .snow_div:nth-of-type(6) { left: 60%; animation-delay: 2s; }
.snow_wrap .snow_div:nth-of-type(6) p { animation-delay: 6s; }
.snow_wrap .snow_div:nth-of-type(7) { left: 70%; animation-delay: 1s; }
.snow_wrap .snow_div:nth-of-type(7) p { animation-delay: 2.5s; }
.snow_wrap .snow_div:nth-of-type(8) { left: 80%; animation-delay: 0s; }
.snow_wrap .snow_div:nth-of-type(8) p { animation-delay: 1s; }
.snow_wrap .snow_div:nth-of-type(9) { left: 90%; animation-delay: 1.5s; }
.snow_wrap .snow_div:nth-of-type(9) p { animation-delay: 3s; }
.snow_wrap .snow_div:nth-of-type(10) { left: 25%; animation-delay: 0.5s; }
.snow_wrap .snow_div:nth-of-type(10) p { animation-delay: 2s; }
.snow_wrap .snow_div:nth-of-type(11) { left: 65%; animation-delay: 2.5s; }
.snow_wrap .snow_div:nth-of-type(11) p { animation-delay: 4s; }
.snow_wrap .snow_div:nth-of-type(12) { left: 85%; animation-delay: 2s; }
.snow_wrap .snow_div:nth-of-type(12) p { animation-delay: 7.5s; }
.snow_wrap .snow_div:nth-of-type(13) { left: 5%; animation-delay: 0s; }
.snow_wrap .snow_div:nth-of-type(13) p { animation-delay: 2.5s; }
.snow_wrap .snow_div:nth-of-type(14) { left: 45%; animation-delay: 1.5s; }
.snow_wrap .snow_div:nth-of-type(14) p { animation-delay: 3.5s; }
.snow_wrap .snow_div:nth-of-type(15) { left: 75%; animation-delay: 1s; }
.snow_wrap .snow_div:nth-of-type(15) p { animation-delay: 2s; }
.snow_wrap .snow_div:nth-of-type(16) { left: 35%; animation-delay: 2.5s; }
.snow_wrap .snow_div:nth-of-type(16) p { animation-delay: 4.5s; }
.snow_wrap .snow_div:nth-of-type(17) { left: 15%; animation-delay: 1s; }
.snow_wrap .snow_div:nth-of-type(17) p { animation-delay: 3s; }
.snow_wrap .snow_div:nth-of-type(18) { left: 95%; animation-delay: 0s; }
.snow_wrap .snow_div:nth-of-type(18) p { animation-delay: 2s; }

@keyframes snow_shake {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(0px);
  }
}

@keyframes snow_fall {
  0% {
    transform: translateY(0vh);
  }
  100% {
    transform: translateY(110vh);
  }
}
/* BASIC css end */