/* BASIC css start */
/* 공통 */
.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; }
    
/* 분류 베스트 탭 */
#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 { padding-top: 55px; text-align: center; font-size:30px; color:#202020; font-weight:bold; }
#productClass .class-list { margin-top: 0px; }
#productClass .class-list ul { margin-top: 55px; 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%; }
.item-box::after { content: ''; display: block; clear: both; } 
.item-box .total_count { float: left; width: 50%; padding: 50px 0 10px; margin-bottom: 15px; font-size: 14px; }
.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; }


*{padding:0; margin:0}

/*akiiieventCSS*/
.eventWrap { position: relative;  width: 100%; min-width: 1300px; 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.1s;}
.eventWrap .titleArea .ani01{width:58%; top:8%; left: 50%; margin-left: -29%; transform: translate(-200%, 80%);}
.eventWrap .titleArea .ani02{width:58%; top:37%; left:50%; margin-left: -29%; transform: translate(200%, -60%); }
.show{transform: translate(0,0) !important; opacity: 1 !important;}

/*.eventWrap .floatingBox{overflow:visible ; z-index: 30;}*/
/*.eventWrap .floatingBox .menuBox{position:absolute; background-color: #000; width: 100%; top:0; left:50%; transform: translateX(-50%); ;}*/
/*.eventWrap .floatingBox .menuBox.fixed{position:fixed;}*/
/*.eventWrap .floatingBox ul{width: 100%;height: 6.12vw; display: flex; justify-content: center;}*/
/*.eventWrap .floatingBox ul li{list-style:none; width: 17%; height: 100%; box-sizing: border-box; border-top:1px solid #fff;border-bottom:1px solid #fff;border-left:2px solid #fff ;  }*/
/*.eventWrap .floatingBox ul li:last-child{border-right:2px solid #fff;}*/
/*.eventWrap .floatingBox ul li a{display: block; width: 100%; height: 100%; background-position: center top; background-repeat: no-repeat; background-size:cover;}*/
/*.eventWrap .floatingBox ul li a.menu1{background-image: url('//akiiikr.img6.kr/img/sub/event/211101/pc//btn_floating1_off.png');}*/
/*.eventWrap .floatingBox ul li a.menu2{background-image: url('//akiiikr.img6.kr/img/sub/event/211101/pc/btn_floating2_off.png');}*/
/*.eventWrap .floatingBox ul li a.menu3{background-image: url('//akiiikr.img6.kr/img/sub/event/211101/pc/btn_floating3_off.png');}*/
/*.eventWrap .floatingBox ul li a.menu4{background-image: url('//akiiikr.img6.kr/img/sub/event/211101/pc/btn_floating4_off.png');}*/
/*.eventWrap .floatingBox ul li a.menu1:hover, .eventWrap .floatingBox ul li a.menu1.active{background-image: url('//akiiikr.img6.kr/img/sub/event/211101/pc/btn_floating1_on.png');}*/
/*.eventWrap .floatingBox ul li a.menu2:hover, .eventWrap .floatingBox ul li a.menu2.active{background-image: url('//akiiikr.img6.kr/img/sub/event/211101/pc/btn_floating2_on.png');}*/
/*.eventWrap .floatingBox ul li a.menu3:hover, .eventWrap .floatingBox ul li a.menu3.active{background-image: url('//akiiikr.img6.kr/img/sub/event/211101/pc/btn_floating3_on.png');}*/
/*.eventWrap .floatingBox ul li a.menu4:hover, .eventWrap .floatingBox ul li a.menu4.active{background-image: url('//akiiikr.img6.kr/img/sub/event/211101/pc/btn_floating4_on.png');}*/


.eventWrap .btnArea{position: absolute; width: 100%; top:46%}
.eventWrap .btnArea a{display: block; width: 50%; height: auto; transition:all 0.2s; margin:0 auto; }
.eventWrap .btnArea a:hover{transform: scale(1.1);}
.eventWrap .btnArea .btn_kakaoJoin{margin-top: 1%;}
.eventWrap .tabArea{position:absolute; width: 1245px;  left: 50% ;top:55%; transform: translateX(-50%); }
.eventWrap .tabArea ul{display: flex; justify-content: center; width: 100%;}
.eventWrap .tabArea ul li {list-style:none; width: 25%; height: 100%; background:url('//akiiikr.img6.kr/img/sub/event/211101/pc/imgBar.png') no-repeat right center; }
.eventWrap .tabArea ul li a{width: 100%; height:100%; display: block; box-sizing: border-box; outline:none; transition:all 0.3s }
.eventWrap .tabArea ul li a:hover{transform: scale(1.1);}
.eventWrap .tabArea .menu4{background:none}
.eventWrap .slideArea{position: absolute; width: 100%; height: 100%;}
.eventWrap .slideArea .slides{position:relative; overflow:hidden; width:100%; height: 24%;  box-sizing: border-box;}
.eventWrap .slideArea .slide1 h1{margin-top:7vw}
/*.eventWrap .slideArea h1{width: 50%; margin:6vw 0 0 17vw;}*/
.eventWrap .slideArea h1{width: 50%; max-width: 1000px; margin:6vw 0 0 17vw;} 
/*.eventWrap .slideArea .slide2 h1{width: 25%;}*/
/*.eventWrap .slideArea .slide3 h1{width: 33.5%;}*/
/*.eventWrap .slideArea .slide4 h1{width: 40%;}*/
.eventWrap .slideArea .itemBox{position:relative; margin-top: 8vw ;}
.eventWrap .slideArea .slide1 .itemBox, .eventWrap .slideArea .slide4 .itemBox{margin-top: 6vw!important}
.eventWrap .slideArea .slick-slide{opacity: 0.5;margin:0 3vw}
.eventWrap .slideArea .slick-active{opacity:1}
.eventWrap .slideArea button{outline:none;}
.eventWrap .slideArea button:focus{outline:none;}
.eventWrap .itemBox .slick-dots {position:absolute ;top:-6vw;  left:17vw; width: 67%; text-align: left;}
.eventWrap .slideArea .slide1 .itemBox .slick-dots, .eventWrap .slideArea .slide4 .itemBox .slick-dots{top:-4.5vw;}
.eventWrap .itemBox .slick-dots > li{list-style: none; display: inline-block; padding:0 1%;font-family: 'Noto Sans KR', sans-serif;}
.eventWrap .slide2 .itemBox .slick-dots > li:nth-child(11){padding-left:0} /*2번슬라이드 두줄인경우*/
.eventWrap .slide3 .itemBox .slick-dots > li:nth-child(10){padding-left:0} /*3번슬라이드 두줄인경우*/
.eventWrap .itemBox .slick-dots > li:first-child{padding-left: 0;}
.eventWrap .itemBox .slick-dots > li:last-child{padding-right: 0;}
.eventWrap .slideArea .slick-active > button {opacity:1 !important}
.eventWrap .itemBox .slick-dots > li > button {cursor: pointer; line-height:2vw; opacity: 0.45; color:#fff; font-size:16px; background-color:transparent; border:none}
.eventWrap .itemBox .slick-dots > li > button::before { display:none;}
.eventWrap .itemBox .slick-prev{background:url('//akiiikr.img6.kr/img/sub/event/211101/pc/btn_rolling_prev.png') no-repeat center top; background-size: cover; position:absolute;left:12vw;top:50%; width: 4vw; height:4vw; transform: translateY(-50%); cursor: pointer; border:none; text-indent:-55555px; z-index: 15;}
.eventWrap .itemBox .slick-next{background:url('//akiiikr.img6.kr/img/sub/event/211101/pc/btn_rolling_next.png') no-repeat center top; background-size: cover; position:absolute;right:12vw;top:50%;width: 4vw; height:4vw;  transform: translateY(-50%); cursor: pointer; border:none; text-indent:-55555px; z-index: 15}

.eventWrap .imgReceipt{position: absolute; display: block; width: 22.5%; top:44.5%; right:19%; height: 42%;  z-index: 5;} 

map area:focus, map area:active	{outline: none; border:0; }

/* BASIC css end */