/* 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;}
/* BASIC css end */