/* BASIC css start */
/* 2021-01-22 dizi, 화보 추가 */
.cateTit { /*padding:58px 0 35px;*/ font-size: 23px; font-weight: bold; color: #fff; text-align: center; }
.bannerImg img { width: 100% }
.bannerImg .videoArea { padding-bottom:45%; position:relative; height:0; overflow:hidden }
.bannerImg .videoArea iframe,
.bannerImg .videoArea object, 
.bannerImg .videoArea embed { position:absolute; top:0; left:0; width:100%; height:100% }
.videoArea {line-height: 0;position: relative; padding-bottom: 56.26283367556468%;}
.bannerImg .shoesWrap { background: #e7e6e4  }
.bannerImg .clothesWrap { background: #fdeb7d }
.bannerImg .cardWrap { padding: 55px 20px; background: #fff; font-size: 0; }
.bannerImg .cardWrap a { display: inline-block; width: 50%; padding: 5px; box-sizing: border-box; }


/* 분류이벤트 슬라이드 */
.brandEventSlide .swiper-wrapper { width: 100% !important; }
.brandEventSlide .swiper-slide { width: 187px; }
.brandEventSlide .swiper-slide a { display: block; width: 100%; }
.brandEventSlide .swiper-slide a img { width: 100%; }
.brandEventSlide .brandEventPg { margin: 20px 0 45px 0; height: 8px; text-align: center; }

.shoesWrap .brandEventSlideNext,
.shoesWrap .brandEventSlidePrev { position: absolute; top: 40%; width: 33px;  height: 33px;  z-index: 10; cursor: pointer; background: url(/design/akiiikr/phps/m/brandEventSlideBtns.png) no-repeat center; outline: none; background-size: cover; }
.shoesWrap .brandEventSlideNext { margin-right: -110px; right: 50%; left: auto; background-position: 0 -33px; }
.shoesWrap .brandEventSlidePrev { margin-left: -110px;left: 50%; right: auto; background-position: 0 0px;  }
.shoesWrap .swiper-container{ margin: -5px auto -35px;}

.clothesWrap .brandEventSlideNext,
.clothesWrap .brandEventSlidePrev { position: absolute; top: 40%; width: 33px;  height: 33px;  z-index: 10; cursor: pointer; background: url(/design/akiiikr/phps/m/brandEventSlideBtns.png) no-repeat center; outline: none; background-size: cover; }
.clothesWrap .brandEventSlideNext { margin-right: -110px; right: 50%; left: auto; background-position: 0 -33px; }
.clothesWrap .brandEventSlidePrev { margin-left: -110px;left: 50%; right: auto; background-position: 0 0px;  }
.clothesWrap .swiper-container{ margin: -5px auto -40px;}
/* //분류이벤트 슬라이드 */


*{padding:0; margin:0}


.specialWrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
    background-color: #ffffff;
}
.specialWrap .bg{width: 100%;}
.specialWrap img{width: 100%; vertical-align: top;}
.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:75%; width:100%; left: 50%; transform: translateX(-50%); outline:none;}
.specialWrap .rollingBox .item a {outline : none}
.imgSection .picAni{position: absolute; }
.imgSection .pic03_1{opacity: 0; top:45.5vw; width:36vw; left: 10%;transition: all 0.5s; transform: translate(-100%,0);}
.imgSection .pic03_2{opacity: 0; top:45.5vw; width:35vw; right:18vw;transition: all 0.5s; transform: translate(300%,0);transition-delay: 0.5s;}
.imgSection .pic03_2 img{ transform: rotate(-30deg);}
.imgSection .pic04_1{opacity: 0; top:38vw; width:34vw; right: 12%; transition: all 0.5s; transform: translate(0,-100%);}
.imgSection .pic04_2{opacity: 0; top:88vw; width:62vw; right:12%;transition: all 0.5s; transform: translate(100%,0);transition-delay: 0.5s;}
.imgSection .pic04_3{opacity: 0; top:43vw; width:35vw; left:11%;transition: all 0.5s; transform: translate(-100%,0); transition-delay: 1s;}
.imgSection .picAdd_1{opacity: 0; top:45.5vw; width:49vw; right: 12vw;transition: all 1s; transform: translate(300%,0);}
.imgSection .picAdd_2{opacity: 0; top:51.5vw; width:32vw; left:12vw;transition: all 1s; transform: translate(-300%,0);transition-delay: 0.5s;}
.show{transform: translate(0,0) !important; opacity: 1 !important;}


.eventWrap .imgReceipt{display: block; width: 100%; height:100%; z-index: 5;} 
map area:focus, map area:active	{outline: none; border:0; }


.discount_rate{display:none;}
.shopbrand h2 {text-align:center;font-size: 1.25em;font-weight:bold;padding-top: 14px;}
.shopbrand .MK_product_list {background-color:#f9f9f9;border-bottom: 1px solid #ddd;}
.shopbrand .MK_product_list .items {padding: 10px 0;}
.shopbrand .MK_product_list .items #MK_best_product li {width:33.33%;}
.shopbrand .MK_product_list .items .paging-num {text-align: center;clear: both;margin: 5px 0 10px;}
.shopbrand .MK_product_list .items .paging-num a {background-color:#fff;border: 1px solid #ddd;padding: 4px 10px;margin:0 10px;}
.shopbrand .list_group {padding: 10px;text-align:center;}
.shopbrand .list_group select {width:49%; height:28px;}
.shopbrand .more .more-title {color: #3b3b3b;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img {max-width: 100%;}
.shopbrand .list_array{height:auto;padding:7px 15px;margin:0}
.shopbrand .list_array:after{content:"";display:block;clear:both}
.shopbrand .list_array .list_arrayRight{margin-top: 10px;}
.shopbrand .list_array .list_arrayRight img {width: 20px; height: auto;margin:0 !important;}

.class-list {padding:20px 0 !important;border-bottom:1px solid #E5E7E9;} /* 하위메뉴 */
.class-list:after{display:block;content:"";position:absolute;z-index:2;right:0;top:0;width:49px;height:100%;background:linear-gradient(271.68deg, #FFFFFF 1.38%, rgba(255, 255, 255, 0) 98.52%);}
.class-list ul {margin-top: 22px;font-size: 0;text-align:center;}
.class-list ul li { display: inline-block; width:auto;}
.class-list ul li:nth-last-child(1) { margin-right: 0px; }
.class-list ul li a {display: block;font-size: 15px;color: #787878;text-align: center;font-weight:600;}
.class-list ul li a.active {color: #BA1F2A; }


/*카테고리 타이틀 font size: 20px 원본
.cateTit { margin: 17px auto 18px; font-size: 20px; font-weight: 600; color: #0F0F12; text-align: center; }
*/
.cateTit { margin: 17px auto 18px; font-size: 18px; font-weight: 600; color: #0F0F12; text-align: center; }

#big_banner ul li.swiper-slide img{width:100%;}
#big_banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{width:20px;height:3px;background:#fff;border-radius:0;}

.cateTopSlide_wrap{padding-top:58px;}
.cateTopSlide_wrap h2{font-size:15px;color:#0F0F12;font-style: italic;text-align:left;padding:0 15px 20px;}
.cateTopSlide_wrap .prd_list .items > li .prd_info_wrap ul li.prd_icon{display:none;}
.cateTopSlide { width: 100%; height: 100%; }
.cateTopSlide .swiper-slide { margin-right: 12px; width: 185px; }
.cateTopSlide .swiper-slide img { width: 100% }
.cateTopSlide .swiper-slide .list_shoppingInfo { padding:0 5px }
.cateTopSlide .swiper-slide:nth-last-child(1) { margin:0; }

.cateTopSlide .cate_pagination { margin: 20px 0; height: 8px; text-align: center; }
.cateTopSlide .cate_pagination .swiper-pagination-bullet { margin: 0 5px; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #959595; }
.cateTopSlide .cate_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000; }

.cateTopSlide_wrap {}

.cateTopSlide .list_shoppingInfo { position: relative;  }
.cateTopSlide .list_shoppingInfo .listReview { position: absolute; top:0px ; right:5px; }
.cateTopSlide .list_shoppingInfo strong { font-size: 14px; color:#000; }
.cateTopSlide .list_shoppingInfo .listTag { margin-top: 7px; font-size: 11px; color: #999; }
.cateTopSlide .list_shoppingInfo .listDiscount { display: inline-block; font-size: 12px; color: #999; }

.list_arrayRight a {position: relative; display:inline-block; width: 20px; height: 20px; line-height: 20px;padding:0 12px;}
.list_arrayRight a:last-child{padding-right:0}
.list_arrayRight a:after{content:"";display:inline-block;width:1px;height:10px;position: absolute; top: 50%; right:0;background: #EEEEEE;transform: translateY(-50%);}
.list_arrayRight a:last-child:after{display:none;}

.MK-product-icons img {padding-bottom:5px;}
.promotion_pd .prd_list .items > li{position: relative;}
.promotion_pd .num{width: 35px; height: 35px; background: #0F0F12; text-align: center; line-height: 35px; position: absolute; top: 7px;right: 7px;font-style: italic;color:#fff;font-size:15px;font-weight:600;}


#eventTutor .video-box .yt_box {
 background: url('https://www.home-learn.co.kr/front/imgs/event/event_aitutor/cover_youtube_aitutor.jpg') no-repeat center top; background-size: contain; cursor: pointer; } 
 #header .head .left_head {box-shadow: rgb(229 229 229) 0px -1px 0px 0px inset; } 


 .productWrap { /*페이지 좌우 여백 - 오른쪽 부분 조절*/ padding: 70px 10px; } 

 .productHeader { text-align: center; } 

 .productSeason { font-weight: 300; font-size: 15px; line-height: 1.1;}

 .productLogo { font-weight: 300; font-size: 32px; line-height: 1.1; margin-top: 20px; } 

 .productInfo { margin: 25px; max-width: 960px; font-weight: 400; font-size: 13px; line-height: 2; word-break: keep-all; } 
.video-box {width: 100%; /*영상 비율에 따라 크기 맞춰주세요*/ padding-bottom: 56.2%; position: relative; } 
#video { width: 100%; height: 100%; border: none; position: absolute; } 

/* video */

.productMedia { width: 100%; margin: 0 auto; margin-top: 70px; position: relative; margin-bottom:-10px;} 
.videoCustom {width:100%

}

.player__button { position: absolute; top: 50%; right: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; background:url('http://akiiikr.img6.kr/img/collection/22winter/btn-play.svg') no-repeat; background-size:cover; display:block; border:none; } 
.player__button.activeOn { display:none; } 
.player__button img {width:100% } 

/* video */


 .productList { width: 100%; margin: 0 auto; } 

 .productContent { display: flex; flex-wrap: wrap; justify-content: center; margin-top: -135px;}

 .productContent img { width: 100%; /*리스트 여백*/ margin: 5px 0; /*height:650px;*/ } 

 .btnBackList { width: 100%; margin: 0 auto; margin-top: 60px; margin-bottom: -50px; } 
 
 .btnBackList .backList { display: flex; width: 160px; height: 45px; font-size: 16px; background-color: #fff; border: 1px solid #1e1e1e; justify-content: center; align-items: center; margin: 0 auto; transition: 0.3s; color: #000; } 

 .btnBackList .backList:hover { background: #1e1e1e; color: #fff; border: 1px solid #fff; } 
/* BASIC css end */