/* BASIC css start */
/* 팝업 */
#popup{display:none;position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:500px; overflow:hidden; background-color:#fff; box-sizing:border-box; text-align:center; z-index:9999; border-radius:20px;}
#popup .inner{position:relative;}
#popup-background{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:9998;display:none;}
#popup .swiper-container{width:100%;height:100%}
#popup .swiper-slide img{max-width:100%;max-height:100%}
#popup .swiper-button-next,#popup .swiper-button-prev{color: #fff;background-size:38px 64px;position:absolute;top:50%;width:38px;height:64px;margin-top:-32px;z-index:10;cursor:pointer; display:flex;justify-content:center;align-items:center;
background-position: center; background-repeat: no-repeat;}
#popup .swiper-button-next{background-image:url('/design/raidb2b/2023_renewal/right_arrow.png'); right:0px;}
#popup .swiper-button-prev{background-image:url('/design/raidb2b/2023_renewal/left_arrow.png'); left:0px}
/*#popup .swiper-button-next::after,#popup .swiper-button-prev::after{content:"";display:block;width:10px;height:10px;border:2px solid #333;border-top:none;border-right:none;transform:rotate(-45deg)}
#popup .swiper-button-next::after{transform:rotate(135deg)}*/

#popup .btnWrap{z-index:100; bottom:0; background:#000; width:100; overflow:hidden; padding:20px 0; display:flex;}
#popup-close,#popup-no-show{display:inline-block;font-size:15px;background:#000;color:#fff;cursor:pointer;font-weight:500; width:100%;}
#popup-no-show{float:left; border-right:1px solid #555; }
#popup-close{float:right; }


/* 메인 */
.main_content {max-width:1650px; margin:120px auto 0;}
#mheader {border-bottom:0 !important;}
#mfooter {margin-top:60px !important;}

/* 메인 미디어쿼리 */
@media screen and (max-width: 1699px){ .main_content {width:1450px;}}
@media screen and (max-width: 1499px){.main_content {width:1300px;}}


/* 메인 키비주얼
.swiper1 { padding-bottom:43px !important; height:650px; }
.swiper1 .swiper-slide img {width:100%;}
.swiper1 .swiper-slide a.bg {display:block; height:650px; background-position:top center !important; background-repeat: no-repeat !important; }
.swiper1 .swiper-slide .inner {opacity:0; font-size:0px; text-align:left; position: absolute; top:0px;width:560px; height:100%; margin-left:100px; display:flex; flex-direction:column; -webkit-box-pack: center; justify-content:center; }
.swiper1 .swiper-slide .inner.right {right:auto; left:50%;}
.swiper1 .swiper-slide .inner.left {right:50%; left:auto;}
.swiper1 .swiper-slide-active .inner {opacity:1; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration:1.2s; animation-duration:1.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.swiper1 .swiper-slide .inner .t01 {color:#1a1a1a; font-size:16px; font-weight:400; line-height:1;}
.swiper1 .swiper-slide .inner .t02 {color:#1a1a1a; font-size:50px; font-weight:600; line-height:60px; padding-top:28px;}
.swiper1 .swiper-slide .inner .t03  {color:#1a1a1a; font-size:20px; font-weight:500; line-height:1; padding-top:28px;}
.swiper1 .swiper-slide .inner .t04 {width:92px; color:#1a1a1a; font-size:14px; font-weight:400;  line-height:1; display:inline-block; margin-top:78px; background-image:url('/design/raidb2b/2023_renewal/btn_ar_s.png'); background-repeat:no-repeat; background-position:right center;}

.swiper1 .swiper-pagination-bullets {bottom:0px !important;}
.swiper1 .swiper-pagination-bullet {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;}
.swiper1 .swiper-pagination-bullet {opacity:1; border-radius:6px; background:#a9afbe; width:6px; height:6px; vertical-align:middle; border:3px solid red; border-color:transparent;  box-sizing:border-box;}
.swiper1 .swiper-pagination-bullet-active {opacity:1; background:#fff; width:6px; height:6px; border:3px solid black; box-sizing:content-box;}
.swiper1 .swiper-button-prev-main {background-image:url('/design/raidb2b/2023_renewal/ev_left_w.png'); left:60px; width:29px; height:56px; background-size:29px 56px; margin-top:-50px; top:50%;}
.swiper1 .swiper-button-next-main {background-image:url('/design/raidb2b/2023_renewal/ev_right_w.png'); right:60px;  width:29px; height:56px; background-size:29px 56px; margin-top:-50px; top:50%;} */

/* 메인 타이틀 */
.main_title {position:relative; max-width:1630px; margin:0px auto 40px; font-size:0px; text-align:center;}
.title_t01 {color:#1a1a1a; font-size:28px; font-weight:700; text-align:left; line-height:1;}
.title_t01 span {color:#9a9a9a; font-size:16px; font-weight:500; text-align:left; line-height:1; padding-top:13px; display:block;}
.title_t01 a {position:absolute; bottom:0px; right:0px; color:#1a1a1a; font-size:15px; font-weight:400;  line-height:1; }
.title_t01 a img {padding-left:8px; position:relative; top:-1px; vertical-align: top;}

/* 메인섹션 01 : 신제품 상품진열 */
.main_sec01 {padding-top:120px;}
.main_sec01 .swiper-scrollbar { left:10px !important; bottom:0px !important; height:1px !important; width:calc(100% - 20px) !important;}
.main_sec01 .swiper-scrollbar-drag {background: rgba(0, 0, 0, 1); border-radius:0px;}
.main_sec01 .swiper-button-prev {background-image:url('/design/raidb2b/2023_renewal/ar_left_s.png'); left:auto; right:58px; width:38px; height:11px; background-size:38px 11px; margin-top:0px; bottom:0; top:auto; outline:none; opacity:0.3;}
.main_sec01 .swiper-button-next {background-image:url('/design/raidb2b/2023_renewal/ar_right_s.png'); right:0px; width:38px; height:11px; background-size:38px 11px; margin-top:0px; bottom:0; top:auto; outline:none; opacity:0.3;}
.main_sec01 .swiper-button-prev:hover {opacity:1;}
.main_sec01 .swiper-button-next:hover {opacity:1;}
.main_sec01 .swiper01 {width: auto;}
.main_sec01 .swiper01 .swiper-wrapper {display: flex; width: 100%; min-width: 756px;}

/* 메인섹션 02 : 한 눈에 보는 브랜드 */
.main_sec02 {padding-top:0px; }
.main_sec02 .swiper02 {max-width:1630px; margin:0 auto; font-size:0px; }
.main_sec02 .swiper02 li p {font-size:16px; color:#1a1a1a; text-align:center; margin:0; line-height:1; padding-top:20px; font-weight:300; }
.main_sec02 .swiper02 li img {width:100%; }
.main_sec02 .swiper02 li img:hover {opacity: .8; }

/* 메인섹션 03 : 앤디코 소식 */
.main_sec03 {padding-top:60px;}
.swiper03 {max-width:1630px; margin:0 auto; padding-bottom:43px !important;}
.swiper03 .swiper-slide .ban {height:300px; background-position:top center !important;}
.swiper03 .swiper-slide .txt { position:absolute; text-align:left; bottom:40px; left:50px;}
.swiper03 .swiper-slide .txt .t01 {color:#ffffff; font-size:28px; font-weight:700; line-height:1;}
.swiper03 .swiper-slide .txt .t02 {color:#ffffff; font-size:18px; font-weight:400; line-height:1; padding-top:18px;}
.swiper03 .swiper-pagination-bullets {bottom:0px !important;}
.swiper03 .swiper-pagination-bullet {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 {opacity:1; border-radius:6px; background:#a9afbe; width:6px; height:6px; vertical-align:middle; border:3px solid red; border-color:transparent;  box-sizing:border-box;}
.swiper03 .swiper-pagination-bullet-active {opacity:1; background:#fff; width:6px; height:6px; border:3px solid black; box-sizing:content-box;}

/* 메인섹션 04 : 지금 뜨는 키워드 */
.main_sec04 {padding-top:120px;}
.main_sec04 ul {width:100%; height:54px; margin:0 auto; font-size:0px;}
.main_sec04 ul li {float:left; padding:0 20px 20px 0; }
.main_sec04 ul li a {display:block; font-size:18px; color:#1a1a1a; background-color:#fff; border:1px solid #e9e9e9; box-sizing:border-box; padding:20px 28px; line-height:1; font-weight:400; border-radius:30px; 
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.main_sec04 ul li a:hover {color:#2d84fb; border-color:#2d84fb; background-color:#fff;}

/* 메인섹션 05 : 추천 상품 탭 상품진열 */
.main_sec05  {padding-top:120px;}
.main_sec05 .m_tab01 {margin:-67px 0 0 10px; max-width:1630px; font-size:0; text-align:right;}
.main_sec05 .m_tab01 li {color:#9a9a9a; font-size:16px; cursor:pointer; position:relative; display:inline-block;  font-weight:500; margin-left:35px; line-height:1; padding-bottom:10px;}
.main_sec05 .m_tab01 li.current {color:#0184ff;}
.main_sec05 .tabcontent01 {display:none; margin-top:40px; }
.main_sec05 .tabcontent01.current {display: block;}
.main_sec05 .m_tab01 li.current::before { background: #0184ff;}
.main_sec05 .m_tab01 li::before { content: ''; position: absolute; top: -2px; right: -7px; 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;}

/* 메인섹션 06 : 이벤트 배너01 */
.main_sec06 {padding-top:120px;}
.swiper04 {max-width:1630px; margin:0 auto; padding-bottom:43px !important;}
.swiper04 .swiper-slide .ban {height:300px; background-position:top center !important;}
.swiper04 .swiper-slide .txt { position:absolute; text-align:left; top:50%; left:28%;  -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.swiper04 .swiper-slide .txt .t01 {color:#000; font-size:35px; font-weight:700; line-height:1; padding-top:18px;}
.swiper04 .swiper-slide .txt .t02 {color:#000; font-size:18px; font-weight:400; line-height:1;}
.swiper04 .swiper-slide .txt .t03 {color:#000; font-size:14px; font-weight:400;  line-height:1; margin-top:38px; border:1px solid #fff; border-radius:30px; box-sizing:border-box; padding:10px 20px 10px 20px; display:inline-block;}
.swiper04 .swiper-slide .txt .t04 {color:#000; font-size:14px; font-weight:400;  line-height:1; margin-top:38px; border:1px solid #1a1a1a; border-radius:30px; box-sizing:border-box; padding:10px 20px 10px 20px; display:inline-block;}
.swiper04 .swiper-button-prev-04 {background-image:url('/design/raidb2b/2023_renewal/ev_left_w.png'); left:60px; width:29px; height:56px; background-size:29px 56px; margin-top:-50px; top:50%; opacity:0.6; outline:none;}
.swiper04 .swiper-button-next-04 {background-image:url('/design/raidb2b/2023_renewal/ev_right_w.png'); right:60px; width:29px; height:56px; background-size:29px 56px; margin-top:-50px; top:50%; opacity:0.6; outline:none;}
.swiper04 .swiper-pagination-bullets {bottom:0px !important;}
.swiper04 .swiper-pagination-bullet {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 {opacity:1; border-radius:6px; background:#a9afbe; width:6px; height:6px; vertical-align:middle; border:3px solid red; border-color:transparent;  box-sizing:border-box;}
.swiper04 .swiper-pagination-bullet-active {opacity:1; background:#fff; width:6px; height:6px; border:3px solid black; box-sizing:content-box;}

/* 메인섹션 07 : 이번 주 랭킹 */
.main_sec07 {padding-top:100px;}
.btn_best {width:50px; height:50px; position:absolute; top:0px; left:0px; border-radius:0 0 12px 0; color:#fff; text-align:center; font-size:0px; }
.btn_best p {font-size:16px; line-height:1; padding:0 0; margin:0; font-weight:400;}
.btn_best p:first-child {font-size:11px; padding:10px 0px 3px;}
.btn_best.blue {background-color:#293bf0;}
.btn_best.gray {background-color:#b9b9b9;}

/* 메인 상품진열 순위출력 */
.thumb .num span {font-size: 16px;}
.main_sec07 .item-wrap div.grid3 .thumb .num {position:absolute; top:0px; left:0px; z-index:1; width:50px; height:50px; padding-top:8px; color:#fff; font-size:11px; text-align:center; line-height:16px; background-color:#0184ff; border-radius:0 0 12px 0; box-sizing: border-box;}
.main_sec07 .item-wrap div.grid5 .thumb .num {position:absolute; top:0px; left:0px; z-index:1; width:50px; height:50px; padding-top:8px; color:#fff; font-size:11px; text-align:center; line-height:16px; background-color:#b9b9b9; border-radius:0 0 12px 0; box-sizing: border-box;}

/* 메인섹션 08 : 혜택 */
.main_sec08 {max-width:1630px; margin:0 auto; padding-top:50px;}
.swiper05 {margin:0 auto; padding-bottom:43px !important;}
.swiper05 .swiper-slide .ban {height:460px; background-position:top center !important;}
.swiper05 .swiper-slide .t01 {color:#fff; font-size:18px; font-weight:400; line-height:1; position:absolute; top:30px; left:40px;}
.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 .t02 {color:#fff; font-size:68px; font-weight:700; line-height:1; padding-top:0px;}
.swiper05 .swiper-slide .txt .t03  {color:#fff; font-size:18px; font-weight:400; line-height:1; padding-top:18px;}
.swiper05 .swiper-button-prev-05 {background-image:url('/design/raidb2b/2023_renewal/ar_left_s.png'); left:auto; right:58px; width:38px; height:11px; background-size:38px 11px; margin-top:0px; bottom:0; top:auto; outline:none; opacity:0.3;}
.swiper05 .swiper-button-next-05 {background-image:url('/design/raidb2b/2023_renewal/ar_right_s.png'); right:0px; width:38px; height:11px; background-size:38px 11px; margin-top:0px; bottom:0; top:auto; outline:none; opacity:0.3;}
.swiper05 .swiper-button-prev-05:hover {opacity:1;}
.swiper05 .swiper-button-next-05:hover {opacity:1;}
.swiper05 .swiper-pagination-bullets {bottom:0px !important;}
.swiper05 .swiper-pagination-bullet {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 {opacity:1; border-radius:6px; background:#a9afbe; width:6px; height:6px; vertical-align:middle; border:3px solid red; border-color:transparent;  box-sizing:border-box;}
.swiper05 .swiper-pagination-bullet-active {opacity:1; background:#fff; width:6px; height:6px; border:3px solid black; box-sizing:content-box;}

/* 상세정보 */
.item-wrap {width: 100%; margin: 0 auto;}
.item-wrap .item-cont {width: 100%; min-width: 753px; margin-bottom: 40px; font-size: 0;}
.item-wrap .item-cont .item-list .thumb {position: relative; width:auto; height: auto; margin: 0 10px 25px;}
.item-wrap .item-cont .item-list .thumb img {width: 100%; height: 100%; float: left; -webkit-transition: -webkit-transform 0.5s ease; transition:transform 0.5s ease;}
.item-wrap .item-cont .item-list .thumb a:hover img {-webkit-transform: scale(1.15);transform: scale(1.1) }
.item-wrap .item-cont .item-list .thumb:hover .prd-preview { display:block; -webkit-transition: -webkit-transform 0.3s ease;transition:transform 0.3s ease; }
.item-wrap .item-cont .item-list {float: none; display: inline-block; position: relative; margin: 0 auto 60px; padding: 0; vertical-align: top; text-align: center;}

.item-wrap .item-cont .item-list .prd-info {position: relative; margin: 0 auto; padding: 0 10px; text-align: left; line-height: 18px;}
.item-wrap .item-cont .item-list .prd-info ul li{margin-bottom : 0px; text-align: left; font-weight: 300; line-height: 1;}
.item-wrap .item-cont .item-list .prd-info .prd-name {margin: 0 0 10px; padding: 0;}
.item-wrap .item-cont .item-list .prd-info .prd-name a {font-size: 16px; color: #1a1a1a; font-weight: 600; line-height: 18px; overflow: hidden; text-overflow: ellipsis; }
.item-wrap .item-cont .item-list .prd-info .prd-summary a {display:block; overflow: hidden; text-overflow: ellipsis; /* white-space: nowrap; */ font-size: 14px; color: #aaa; line-height: 20px; }
.item-wrap .item-cont .item-list .prd-info .salebox {display: inline-block; float:right; padding-top:5px;}
.item-wrap .item-cont .item-list .prd-info .salebox .sale_text {color: #ff4000; font-size: 17px; font-weight: 700; line-height: 33px;}
.item-wrap .item-cont .item-list .prd-info .prd-price {display: inline-block; padding-top: 15px; font-size:16px; font-weight:bold;}
.item-wrap .item-cont .item-list .prd-info .prd-price strike {font-size: 13px; color : #aaa; font-weight: normal; margin-right: 5px;}
.item-wrap .item-cont .item-list .prd-info .prd-price span {font-size: 16px; color : #1a1a1a; font-weight: bold;}
.item-wrap .item-cont .item-list .prd-info .color {margin-top: 10px;}
.item-wrap .item-cont .item-list .prd-info .color span {background: #fff; display: inline-block; width: 8px; height: 8px; margin: 0 5px 2px 0; border-radius: 50%; border: 1px solid #e3e3e3;}
.item-wrap .item-cont .item-list .prd-info .prd-ico {margin: 10px 0; vertical-align: middle;}
.item-wrap .item-cont .item-list .prd-info .prd-ico span img {margin: 0 6px 0 0;}

/* 미리보기 아이콘 */
.item-cont .item-list .thumb .info_icon {width:100%; position:absolute; top:51%; right:-6px; z-index:10; margin-top:-25px; text-align:center; opacity:0; transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;}
.item-cont .item-list .thumb:hover .info_icon {top: 50%; opacity:1;cursor:pointer;}
.item-cont .item-list .info_icon > li {display:inline-block; padding:0 5px;}

/* 5단진열 */
.item-wrap .grid5 .item-list {width: 20%;}


/* 4단진열 */
.item-wrap .grid4 .item-list {width: 25%; margin: 0 0 40px;}
.item-wrap .grid4 .prd-info .prd-name {display: block;}
.item-wrap .grid4 .prd-info .color {max-width: 190px;}

/* 3단진열 */
.item-wrap .grid3 .item-list{width: 33.33%; margin: 0 0 59px; vertical-align:top;}
.item-wrap .grid3 .item-list .thumb{ height:auto;}
.item-wrap .grid3 .item-list .prd-info .prd-name {margin: 0 0 9px;}
.item-wrap .grid3 .item-list .prd-info ul li {line-height: 18px;}
.item-wrap .grid3 .item-list .prd-info .prd-price {padding-top: 10px;}
.item-wrap .grid3 .item-list .prd-info .color {max-width: 230px; line-height: 1;}

/* 옵션 미리보기 */
.mk_option_preview .mk_prd_option_list {font-size:12px;border:1px solid #999;}
.mk_option_preview .mk_prd_option_list .option-name {background-color:#f4f4f4;color:#333;border-left:0;padding:6px;}
.mk_option_preview .mk_prd_option_list li {margin:5px 14px;}


/* sec1 */
#sec1{}
#sec1 .swiper{ padding-bottom: 80px; position: relative; overflow: hidden;}
#sec1 .swiper ul{margin-left: calc((100% / 3.15) / 2);}
#sec1 .swiper ul li{transition: opacity .2s; width: calc(100% / 3);}
#sec1 .swiper>ul>li:not(.swiper-slide-active,.swiper-slide-next){opacity: .3;}
#sec1 .swiper ul li a{display: block; width: 100%;}
#sec1 .swiper ul li a img{width: 100%;}
#sec1 .swiper ul li .txt_area{padding-top: 20px; text-align:center;}
#sec1 .swiper ul li .txt_area p{}
#sec1 .swiper ul li .txt_area p.big{color: #222;font-size: 28px; font-weight: 700; margin-bottom: 5px;}
#sec1 .swiper ul li .txt_area p.small{color: #999999; font-size: 17px; font-weight: 400;}
#sec1 .swiper .btn_wrap01{padding: 10px 15px; position: absolute; z-index: 4; bottom: 0; left: 50%; transform: translateX(-50%); width: max-content;display: flex; align-items: center; border-radius:30px; background-color:#888;}
#sec1 .swiper .btn_wrap01>*{}
#sec1 .swiper .btn_wrap01>ol{display: flex; align-items: center;}
#sec1 .swiper .btn_wrap01>ol li:not(:has(.swiper-pagination)){}
#sec1 .swiper .btn_wrap01>ol li>div:has(img){display: flex; align-items: center; justify-content: center; width: 20px; height: 25px;}
#sec1 .swiper .btn_wrap01>ol li .swiper_prev{cursor: pointer; }
#sec1 .swiper .btn_wrap01>ol li .swiper_prev img{}
#sec1 .swiper .btn_wrap01>ol li .swiper-pagination{position: unset;color: #fff;font-size: 15px;display: flex; align-items: center; gap: 2px; padding-top:1px;}
#sec1 .swiper .btn_wrap01>ol li:has(.swiper-pagination){margin: 0 10px;}
#sec1 .swiper .btn_wrap01>ol li .swiper-pagination span{display: inline-block; font-size: 16px;font-weight: 500;}
#sec1 .swiper .btn_wrap01>ol li .swiper-pagination span.swiper-pagination-current{color: #fff;}
#sec1 .swiper .btn_wrap01>ol li .swiper_next{cursor: pointer; }
#sec1 .swiper .btn_wrap01>ol li .swiper_next img{}
#sec1 .swiper .btn_wrap01 .control{margin-left: 8px;}
#sec1 .swiper .btn_wrap01 .control a{cursor: pointer; display: flex;transition: all .1s; align-items: center; justify-content: center; width: 25px; height: 25px; border: 1px solid #afafaf;}
#sec1 .swiper .btn_wrap01 .control a.clicked{ background-color: rgb(233, 233, 233);}
#sec1 .swiper .btn_wrap01 .control a img{}

.sec02_inner{max-width:1630px; margin:0 auto;}
.sec02_inner ul{display: flex; flex-wrap: wrap; gap: 48px;}
.sec02_inner ul li{flex: 1; text-align: center;}
.sec02_inner ul li a{}
.sec02_inner ul li a img{border-radius:50%; width:100%; height: auto;  box-sizing: border-box;border:1px solid #ededed;}
.sec02_inner ul li a img:hover{ box-shadow: 0px 0px 20px rgb(0 0 0 / 5%);}
/* BASIC css end */