/* BASIC css start */
/* 2021-01-22 화보, dizi 추가 */
.pictorialWrap { position:relative; width:100%; min-width:1300px; overflow:hidden }
.pictorialWrap .pictorialArea { margin-left:-950px; position:relative; left:50%; width:1900px }
.pictorialWrap .pictorialArea .picSection { position:relative; width:100% }
.pictorialWrap .pictorialArea .picSection .sectionTitle { padding:170px 0 100px; font-size:72px; color:#fff; font-weight:700; text-align:center; background:#decbac   }
.pictorialWrap .pictorialArea .picSection .slideWrap { position:relative; width:100%; min-width:1300px; height:1000px; overflow:hidden; background:#decbac }
.pictorialWrap .pictorialArea .picSection .slideWrap .bx-wrapper { margin:0 auto; width:auto !important }
.pictorialWrap .pictorialArea .picSection .slideWrap .visual_shade { position:relative; top:-100px; left:50%; transform:translateX(-50%); width:1300px }
.pictorialWrap .pictorialArea .picSection .slideWrap .visual_shade::before { content:''; display: block; position: absolute; top:0; left: -647px; z-index: 1; width:646px; height:1000px; background: rgba( 0,0,0,0.7); }
.pictorialWrap .pictorialArea .picSection .slideWrap .visual_shade::after { content:''; display: block; position: absolute; top:0; right: -650px; z-index: 1; width:646px; height:1000px; background: rgba( 0,0,0,0.7); }
.pictorialWrap .pictorialArea .picSection .slideWrap .container { width:1300px; margin:0 auto 100px }
.pictorialWrap .pictorialArea .picSection .slideWrap .container::after { content:''; display:block; clear:both; }
.pictorialWrap .pictorialArea .picSection .slideWrap .inner { position:absolute; top:0; left:50%; right:0; width:100%; height:1000px; transform:translateX(-50%) }
.pictorialWrap .pictorialArea .picSection .slideWrap .bx-pager { display:none !important }
.pictorialWrap .pictorialArea .picSection .slideWrap .bx-viewport .shoesSlider,
.pictorialWrap .pictorialArea .picSection .slideWrap .bx-viewport .clothesSlider { left:calc(50% + 5px) }
.pictorialWrap .pictorialArea .picSection .slideWrap .bx-controls-direction { position: absolute; top:450px; left: 50%; width: 1300px; transform: translateX(-50%); display: none; z-index: 1; }
.pictorialWrap .pictorialArea .picSection .slideWrap .bx-controls-direction a { display:block; width:78px !important; height:78px !important; opacity:1 !important }
.pictorialWrap .pictorialArea .picSection .slideWrap .bx-controls-direction a.bx-prev { position:inherit !important; top:auto !important; left:auto !important; float:left; background: url('/design/akiiikr/phps/media/btn_pictorial_prev.png') 0 0 no-repeat !important }
.pictorialWrap .pictorialArea .picSection .slideWrap .bx-controls-direction a.bx-next { position:inherit !important; top:auto !important; left:auto !important; float: right; background: url('/design/akiiikr/phps/media/btn_pictorial_next.png') 0 0 no-repeat !important }
.pictorialWrap .pictorialArea .picSection .slideWrap .shoesSlider,
.pictorialWrap .pictorialArea .picSection .slideWrap .clothesSlider { visibility:hidden; opacity:0 }
.pictorialWrap .pictorialArea .picSection .slideWrap .shoesSlider li,
.pictorialWrap .pictorialArea .picSection .slideWrap .clothesSlider li { position:relative }
.pictorialWrap .pictorialArea .mediaSection { width:100%; height:856px; background:url(/design/akiiikr/21jhcamaign_m_n_02.jpg) 0 0 no-repeat }
.pictorialWrap .pictorialArea .mediaSection .mediaBox { margin:0 auto; padding-top:0px; width:1298px }
.pictorialWrap .pictorialArea .shoesSection { width:100%; height:1000px; background:#bbcef6) 0 0 no-repeat }
.pictorialWrap .pictorialArea .clothesSection { width:100%; height:1000px; background:#decbac }
.pictorialWrap .pictorialArea .mediaLinkArea { width:100%; height:1700px; background:#decbac }
.pictorialWrap .pictorialArea .mediaLinkArea .listArea { margin:0 auto; padding-top:200px; width:1320px }
.pictorialWrap .pictorialArea .mediaLinkArea .listArea ul { font-size:0 }
.pictorialWrap .pictorialArea .mediaLinkArea .listArea li { display:inline-block; margin:0 9px 13px; width:422px; height:658px }
.pictorialWrap .pictorialArea .mediaLinkArea .listArea li a { display:block; height:658px }


/* 공통 */
.off { display: none }
.cateImg_wrap  {margin: 0 auto;  text-align: center;}
.cateImg_wrap img { /*width: 100%;*/ }
.prd-class-hd { display: none; }
.item-wrap .item-order ul li:nth-last-child(1) { padding-right: 0; border-right: 0; }
.item-wrap .item-cont .item-list .thumb { position: relative; }
.item-wrap .item-cont .item-list .number { position: absolute; top: 0; left: 0px; z-index: 2; background: #1b1f28; color: #fff; font-size: 13px;
    width: 50px; height: 50px; font-weight: 500; box-sizing: border-box; padding-top: 8px; padding-left: 8px; text-align: left; }
.item-wrap .item-cont .item-list:nth-child(4n+1) {
    clear: both;
}
.cateTit{text-align: center; font-weight: bold;font-size: 24px;line-height: 24px; color:#0F0F12; padding-right: 70px; }
/* 분류 베스트 탭 */
#contentWrapper .bx-wrapper { position: relative; width: 1300px; height: auto; margin: 0 auto; }
#contentWrapper .bx-wrapper .bx-viewport { height: auto !important;}
.bestSlider{visibility:hidden; opacity:0}
.best_listSlider { margin-top: 55px; }
.best_listSlider .item-list.slide02:nth-last-child(1) { margin-right: 0; }
.best_listSlider .item-list.slide02 {padding-right:0;margin:0}
.best_listSlider .item-list.slide02 .thumb img { width: 100%; }
.best_listSlider .item-cont .item-list.slide02 .prd-info { padding-bottom: 40px; }
.best_listSlider .slides{float:left; margin-right:20px;}
.best_listSlider .slides:nth-child(4){margin-right:0}

#contentWrapper .bx-pager { display: inline-block; padding-bottom: 80px; width: 100%; font-size: 0; text-align: center; border-bottom: 1px solid #e8e8e8; }
#contentWrapper .bx-pager .bx-pager-item {  display: inline-block; margin: 0 5px; width: 8px; height: 8px; border-radius:  50%; background:#999; overflow: hidden; }
#contentWrapper .bx-pager .bx-pager-item a { font-size: 0; }
#contentWrapper .bx-pager .bx-pager-item .bx-pager-link.active { display:block; width:100%; height: 100%; background:#000; }
#contentWrapper .bx-controls-direction a { display: block; width: 33px; height: 55px; font-size:0; opacity: 0.4; }
#contentWrapper .bx-controls-direction a.bx-prev { position: absolute; top: 30%; left: 0; transform:translateY(-50%); background:url('/design/akiiikr/phps/common/list_prev.jpg') no-repeat center; }
#contentWrapper .bx-controls-direction a.bx-next { position: absolute; top: 30%; right :0; transform:translateY(-50%); background:url('/design/akiiikr/phps/common/list_next.jpg') no-repeat center; }
#contentWrapper .bx-controls-direction a:hover { opacity: 1; }

/* class-list */
#productClass { overflow:hidden }
#productClass .bcate {margin-top:100px; text-align: center; font-style: italic;font-weight: bold;font-size: 24px;line-height: 24px; color:#0F0F12; }
#productClass .class-list { margin-top: 0px; }
#productClass .class-list ul {font-size: 0; text-align: center; }
#productClass .class-list ul li { display: inline-block;  margin-right: 18px; }
#productClass .class-list ul li:nth-last-child(1) { margin-right: 0px; }
#productClass .class-list ul li a { display: block; font-size: 16px; color: #000; padding: 0 20px; height: 40px; line-height: 40px; text-align: center; border-radius: 3px; background: #efefef; margin-bottom: 12px;}
#productClass .class-list ul li a:hover { background: #d7d7d7 }
#productClass .class-list ul li a.active { background: #000; color: #fff; }
.item-box { width: 100%;margin:107px 0 50px; }
.item-box::after { content: ''; display: block; clear: both; } 
.item-box .total_count { float: left; width: 50%; }
.item-box .item-info { float: right; width: 50%; }

/* best-item */
#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }

/* total-sort */
#productClass .total-sort { padding-top: 30px; }

/* 이벤트 슬라이드 */
.eventWrapBox { width: 100%; height: 1099px; overflow-x: hidden; }
.eventWrap { position: relative; width: 1920px; margin: 0 auto; }
.eventWrap .blackSlideTit { position: absolute; color: #fff; left: 50%; top: 240px; margin-left: -800px; }
.eventWrap .blackSlideTit .t1 { font-size: 20px; font-weight: 700; }
.eventWrap .blackSlideTit .t2 { font-size: 35px; font-weight: 700; margin-top: 25px; line-height: 45px }
.eventWrap .blackSlideTit .t2 span { color: #e80403 }

.eventWrap .blackslide {  width: 1138px; position: absolute; top: 140px; right: 183px;  }
.eventWrap .blackslide .slick-slide { width: 350px !important; margin: 20px; transition: all 0.5s; }
.eventWrap .blackslide .slick-slide img { width: 100% }
.eventWrap .blackslide .slick-slide.slick-center {  transform: scale(1.1); }

.eventWrap .blackslide .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 28px; height: 54px; font-size: 0 }
.eventWrap .blackslide .slick-prev { left: 50%; margin-left: -650px; background: url(/design/akiiikr/phps/main/slide_prevBtn.png) no-repeat center; background-size: cover; }
.eventWrap .blackslide .slick-next { right: 50%; margin-right: -650px; background: url(/design/akiiikr/phps/main/slide_nextBtn.png) no-repeat center; background-size: cover; }  

.eventWrap .blackslide .slick-dots { position: absolute; bottom: 25px; left: -438px; }
.eventWrap .blackslide .slick-dots li { padding: 5px 10px; line-height: 40px }
.eventWrap .blackslide .slick-dots li.slick-active { background: -webkit-gradient(linear, left top, right top, color-stop(0, #f84525), color-stop(1, #cd2031));
    background: -moz-linear-gradient(left, #f84525 0%, #cd2031 100%);
    background: -webkit-linear-gradient(left, #f84525 0%, #cd2031 100%);
    background: -o-linear-gradient(left, #f84525 0%, #cd2031 100%);
    background: -ms-linear-gradient(left, #f84525 0%, #cd2031 100%);
    background: linear-gradient(left, #f84525 0%, #cd2031 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f84525', endColorstr='#cd2031', gradientType=1); }  
.eventWrap .blackslide .slick-dots li button { background: transparent; font-size: 17px; color: #fff }


/*위브 */


.item-wrap{margin-bottom:190px;}
.class-list{height:80px; text-align: center;border-bottom:1px solid #e7e7e7;}
.class-list li{margin-right:70px;}
.class-list li a.active{color: #0F0F12;border-bottom:2px solid #0F0F12;font-weight:700}
.class-list li:hover{border-bottom:2px solid #0F0F12;}
.class-list li:hover a{color: #0F0F12;font-weight:700}
.class-list a{display: block;height:78px;font-style: normal;font-weight: 500;font-size: 17px;line-height: 80px;color: #787878;transition: all 0.3s;}

/*대분류 슬라이드 */
#big_banner{position:relative;overflow:hidden}
#big_banner .swiper-slide>img{width:100%;}
#big_banner .swiper-slide .txt{position:absolute;top:50%;left:260px;transform: translateY(-50%);}
#big_banner .swiper-slide .txt span{display:block;color: #FFFFFF;}
#big_banner .swiper-slide .txt span:first-child{margin-bottom:35px;font-style: normal;font-weight: 800;font-size: 60px;line-height: 72px;}
#big_banner .swiper-slide .txt span:last-child{font-family: 'Apple SD Gothic Neo';font-style: normal;font-weight: normal;font-size: 21px;line-height: 21px;}
#big_banner .swiper-button-next,#big_banner .swiper-button-prev{width: 80px;height: 80px;background-color: rgb(15,15,18,0.3);border-radius: 100%;top:50%;transform: translateY(-50%);}

#big_banner .swiper-button-next {right: 60px; background-image: url(/design/akiiikr/wib/pc/img/main_arrow02.png);background-size: 18px 31px;
    background-position: center;
    background-repeat: no-repeat;}
#big_banner .swiper-button-prev {left: 60px;  background-image: url(/design/akiiikr/wib/pc/img/main_arrow.png) ;background-size: 18px 31px;
    background-position: center;
    background-repeat: no-repeat;} 
.swiper-button-next:after, .swiper-button-prev:after{display:none;}
#big_banner .swiper-pagination-bullet{width: 40px; height: 3px;background-color: #fff; border-radius: 0;opacity: 0.5;}
#big_banner .swiper-pagination-bullet-active{opacity: 1 !important;}

/*상단 슬라이드 */
.best_slide{counter-reset: num 0;}
.best_slide .swiper {padding-top:45px;padding-bottom:70px}
.best_slide .swiper-wrapper{}
.best_slide .swiper-slide{display:flex;}
/*.best_slide .swiper-slide:last-child{display:none;}*/
.best_slide .swiper .cate-wrap{margin-bottom:45px;}
.best_slide .swiper .item-cont .item-list:first-child{border-left: border: 1px solid #fafafa;}
.best_slide .swiper .item-cont .item-list {margin-right: 0 !important;padding-right:0;width: 25% !important;  text-align: center; box-sizing: border-box;border: 1px solid #fafafa;border-left: none;}
.best_slide .swiper .item-cont .item-list:last-child{padding-right:0;}
.best_slide .swiper .item-cont .item-list .thumb{width:100%;position:relative;}
.best_slide .swiper .item-cont .item-list .prd-ico{position:absolute;top:10px;width:100%;}
.best_slide .swiper .item-cont .item-list .prd-ico .MK-product-icons{position:absolute;left:20px;display:inline-block;margin-top:10px;}
.best_slide .swiper .item-cont .item-list .thumb>a>img { width: 100%;height:100%;}
.best_slide .swiper .prd-info{text-align:center;margin: 30px 0;padding-top:0}
.best_slide .swiper-pagination-clickable .swiper-pagination-bullet{width: 50px;height: 3px;background: #b4b4b4;border-radius:0;}
.best_slide .swiper-pagination-bullet-active{background: #0F0F12 !important;}


.best_slide .swiper .swiper-slide .prd-ico .num{  display: inline-block; width: 42px; height: 42px;  background: #0F0F12; position: absolute; right: 20px;;color:#fff;font-style: italic;font-weight: bold;font-size: 18px;line-height: 42px;text-align:center;}
.best_slide .swiper .swiper-slide .prd-ico .num::before{counter-increment: num; content: counter(num);}

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

.best_pro .swiper-button-next,.best_pro .swiper-button-prev{top: 0;width: 12px; height: 70px;}
.best_pro .swiper-button-prev{ left: calc(100% - 75px);}
.best_pro .swiper-button-next{right: 0;}
.best_pro .swiper-button-prev::before{position:absolute;right:-25px; content:"";width:1px;height:16px;background-color:#787878;}


.item-wrap .item-cont::after {display:none;}
.item-wrap .item-cont{display: flex; justify-content: start;flex-wrap: wrap;box-sizing: border-box;}
.item-wrap .item-cont .item-list {margin-right: 30px;   width: calc(25% - 22.5px); text-align: center; box-sizing: border-box;}
.item-wrap .item-cont .item-list:last-child{margin-right:0;}
.item-wrap .item-cont .item-list .thumb{width:100%;position:relative;}
.item-wrap .item-cont .item-list .thumb>a img { width: 100%;}
.item-wrap .item-cont .item-list .thumb .prd-ico{position:absolute;top:405px;left:10px;}

.total_count{font-style: italic;font-weight: 500;font-size: 15px;line-height: 15px;color: #120B19;}
.item-wrap .item-info .item-order li a{font-style: normal;font-weight: 400;font-size: 15px;line-height: 15px;color: #B4B4B4;}
.item-wrap .item-info .item-order li{border-right:none;padding:0px !important;margin-right:25px;}
.item-wrap .item-info .item-order li:last-child{margin-right:0;}
.item-wrap .item-info{padding:0;margin-bottom:0;}

.item-wrap .item-info .item-order li a{position:relative;}
.item-wrap .item-info .item-order li a .on{font-weight:700;color: #0F0F12;}
.item-wrap .item-info .item-order li a .on::before{content:"";width:16px;height:10px; position:absolute;left:-20px;top:4px;background:url('/design/akiiikr/wib/Vector65.png'); background-size: 100%;}
.prd-info{text-align:left;}

.prd-name{display:block !important;margin-bottom:15px;}
.prd-name a{font-style: normal;font-weight: 600;font-size: 14px;line-height: 14px;letter-spacing: -0.01em;color: #0F0F12;}
.prd-price .price{font-style: normal;font-weight: 500;font-size: 14px;line-height: 14px;color: #0F0F12;}
.prd-price strike{font-weight: normal;font-size: 14px;line-height: 14px;color: #787878;margin:0 8px;}


*{padding:0; margin:0}

/*akiiiSpecialCSS*/
.specialWrap { position: relative;  width: 100%; min-width: 1300px; overflow: hidden; text-align: center;}
.specialWrap .bg{width: 100%;}
.specialWrap img{width: 100%; vertical-align: top;}
.specialWrap .mediaBox{width: 100%; margin:0 auto; box-sizing: border-box; background-color: #000000; padding:0 15%; }
.specialWrap .you_tube{position:relative; height:0; padding-bottom:56.25%;z-index:9;}
.specialWrap .you_tube iframe{position:absolute; top:0;left:0;width:100%;height:100%;}
.specialWrap .imgSection{position:relative; overflow: hidden; width:100%}
.specialWrap .rollingBox{position: absolute; top:77%; width:77%; left: 50%; transform: translateX(-50%);}
.imgSection .picAni{position: absolute; }
.imgSection .pic03_1{opacity: 0; top:35%; width:33%; left: 13%;transition: all 1s; transform: translate(-100%,0);}
.imgSection .pic03_2{opacity: 0; top:41%; width:32%; right:23%;transition: all 1s; transform: translate(300%,0);transition-delay: 0.5s;}
.imgSection .pic03_2 img{ transform: rotate(-30deg);}
.imgSection .pic04_1{opacity: 0; top:12%; width:32%; right: 13%; transition: all 1s; transform: translate(0,-100%);}
.imgSection .pic04_2{opacity: 0; top:38.5%; width:58%; right:13%;transition: all 1s; transform: translate(100%,0);transition-delay: 0.5s;}
.imgSection .pic04_3{opacity: 0; top:18.5%; width:34%; left:15%;transition: all 1s; transform: translate(-100%,0); transition-delay: 0.5s;}
.imgSection .picAdd_1{opacity: 0; top:32.5%; width:45%; right: 14%;transition: all 1s; transform: translate(300%,0);}
.imgSection .picAdd_2{opacity: 0; top:38.5%; width:30%; left:15%;transition: all 1s; transform: translate(-300%,0);transition-delay: 0.5s;}
.show{transform: translate(0,0) !important; opacity: 1 !important;}


.rollingBox .prev{position:absolute;left:2vw;top:50%; transform: translateY(-50%); cursor: pointer;}
.rollingBox .next{position:absolute;right:2vw;top:50%; transform: translateY(-50%); cursor: pointer;}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* 220318 추가 */

#ani02 img {
height: 698px;
}

.iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.slider {
  position: relative;
  background:#f6f1a1;
}
.inner {
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}
.slick-track {
  margin: 0 -20%;
}
.slick-track:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width:  20%;
  height: 100%;
  background: #f6f1a1;
  opacity: 0.5;
  z-index: 1;
}
.slick-track:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  height: 100%;
  background: #f6f1a1;
  opacity: 0.5;
  z-index: 1;
}
.slick-initialized .slick-slide{
  height:auto;
}
.slick-slide {
  padding: 0 10px;
  box-sizing: border-box;
}
.slick-slide a {
  display: inline-block;
  width: 100%;
}
.slick-slide a img {
  width: 100%;
}
.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 78px;
  height: 78px;
  border: none;
  text-indent: -9999px;
  font-size: 1px;
  z-index: 2;
  cursor: pointer;
}
.slick-prev {
  left: 6%;
  background: url('http://akiiikr.img6.kr/img/sub/event/220318/playground/pc/btn_rolling_prev.png') no-repeat;
}
.slick-next {
  right: 6%;
  background: url('http://akiiikr.img6.kr/img/sub/event/220318/playground/pc/btn_rolling_next.png') no-repeat;
}


/*검색어 버튼 위치 수정*/
input[name=search]+a img{display: inline;}

    .swiper-button-next{
        background-image: url(http://akiiikr.img6.kr/img/sub/event/240229/right.png) !important;
    }
    .swiper-button-prev{
        background-image: url(http://akiiikr.img6.kr/img/sub/event/240229/left.png) !important;
    }
    .swiper-button-next.black{
        background-image: url(http://akiiikr.img6.kr/img/sub/event/220906/pc/right_b.png) !important;
    }
    .swiper-button-prev.black{
        background-image: url(http://akiiikr.img6.kr/img/sub/event/220906/pc/left_b.png) !important;
    }

.sect-2 .slide-box{ position: absolute; bottom: -50px; left: 0; width: 100%; z-index: 10; }


/* BASIC css end */