/* BASIC css start */
*{padding:0; margin:0}
.aside{z-index: 6;}
/*akiiieventCSS*/
a{outline:none}
.eventWrap { position: relative;  width: 100%; overflow: hidden; text-align: center;}
.eventWrap .bg{width: 100%;}
.eventWrap img{width: 100%; vertical-align: top;}
.eventWrap .imgSection{position:relative; overflow: hidden; width:100%}
.eventWrap .titleArea{position:absolute; width: 100%; height: 100% ; box-sizing: border-box;}
.eventWrap .titleArea span{position:absolute; display: block; transition: all 0.2s;}
.eventWrap .titleArea .ani01{width:100%; top:14%; left: 2%; transform: translate(-200%, 80%);}
.eventWrap .titleArea .ani02{width:107%; top:41%; left:0%; transform: translate(200%, -60%); }
.show{transform: translate(0,0) !important; opacity: 1 !important;}

.eventWrap .btnArea{position: absolute; width: 100%; top:50%}
.eventWrap .btnArea a{display: block; width: 90%; height: auto; transition:all 0.2s; margin:0 auto; }
.eventWrap .tabArea{position:absolute; width: 100%; display: flex; justify-content: center; top:60%;  }
.eventWrap .tabArea a{width: 25%; outline:none;box-sizing: border-box; background:url('http://akiiikr.img6.kr/img/sub/event/211101/m/imgBar.png') no-repeat right center; background-size: 1px 50%;  }
.eventWrap .tabArea .menu4{background:none}
.eventWrap .slideArea{position: absolute; width: 100%; height: 100%; outline:none;}
.eventWrap .slideArea .slides{position:relative; overflow:hidden; width:100%; height: 24%;  box-sizing: border-box; outline:none;}
.eventWrap .slideArea h1{width: 100%; margin-top:10vw }
.eventWrap .slideArea .slide1{padding-top: 3%;}
.eventWrap .slideArea .slide1 h1{margin-top:7vw}
.eventWrap .slideArea .itemBox{position:relative; margin-top:10vw;}
.eventWrap .slideArea .slick-slide{opacity: 0.5;margin:0 0vw; transform: scale(0.8);-webkit-transform:scale(0.8); -moz-transform: scale(0.8); transition:all .3s}
.eventWrap .slideArea .slick-active{opacity:1;  transform: scale(1.0);-webkit-transform:scale(1.0); -moz-transform: scale(1.0);}
.eventWrap .slideArea button{outline:none;}
.eventWrap .slideArea button:focus{outline:none;}
.eventWrap .itemBox .slick-prev{background:url('http://akiiikr.img6.kr/img/sub/event/211101/m/btn_rolling_prev.png') no-repeat center top; background-size: cover; position:absolute;left:13vw;top:50%; width:9vw; height:9vw; transform: translateY(-50%); cursor: pointer; border:none; text-indent:-55555px; z-index: 15;}
.eventWrap .itemBox .slick-next{background:url('http://akiiikr.img6.kr/img/sub/event/211101/m/btn_rolling_next.png') no-repeat center top; background-size: cover; position:absolute;right:13vw;top:50%;width: 9vw; height:9vw;  transform: translateY(-50%); cursor: pointer; border:none; text-indent:-55555px; z-index: 15}

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





/* ºÐ·ùÀ̺¥Æ® ½½¶óÀ̵å */
.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: 50%; 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;  }

.clothesWrap .brandEventSlideNext,
.clothesWrap .brandEventSlidePrev { position: absolute; top: 50%; 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;  }
/* //ºÐ·ùÀ̺¥Æ® ½½¶óÀ̵å */

.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 .list_arrayRight img {width: 23px; height: auto;}

.class-list { display: table; width: 100%;} /* ÇÏÀ§¸Þ´º */
.class-list ul {margin-top: 22px;font-size: 0;text-align: center;}
.class-list ul li { display: inline-block;  margin-right: 18px; }
.class-list ul li:nth-last-child(1) { margin-right: 0px; }
.class-list ul li a {display: block;font-size: 13px;color: #000;padding: 0px 13px;height: 35px;line-height: 35px;text-align: center;border-radius: 3px;background: #efefef;margin-bottom: 6px;}
.class-list ul li a:hover { background: #d7d7d7 }
.class-list ul li a.active { background: #000; color: #fff; }

.MK-product-icons img {padding-bottom:5px;}








/* BASIC css end */