/* BASIC css start */

div.H-1001-1-44 .MK_rotatebanner { width:100%; position:relative; line-height:0px; text-align:center; }
div.H-1001-1-44 .MK_rotatebanner img { max-width:100%; }
div.H-1001-1-44 .MK_rotatebanner .MK_first_image { opacity:0; }
div.H-1001-1-44 .MK_rotatebanner .MK_banner .MK_banner_list .MK_first, div.H-1001-1-44 .MK_rotatebanner .MK_banner .MK_banner_list .MK_second { 
    width:100%; 
    height:100%; 
    -webkit-backface-visibility:hidden; 
    -ms-backface-visibility:hidden; 
    -moz-backface-visibility:hidden; 
    backface-visibility:hidden; 
    position:absolute; 
    top:0px; 
    left:0px; 
}
div.H-1001-1-44 .MK_rotatebanner .MK_banner .MK_banner_list .MK_first {
    z-index: 2;
    display: inline-block;
    -webkit-animation:MK_rotatebanner_vertical_first 7s;                                                                                            
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}
div.H-1001-1-44 .MK_rotatebanner .MK_banner .MK_banner_list .MK_second {
    z-index: 1;
    display:inline-block;
    -webkit-animation:MK_rotatebanner_vertical_second 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}

@-webkit-keyframes MK_rotatebanner_vertical_first {
  0%  { z-index: 2; -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); }
  40% { z-index: 2; -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); }
  50% { z-index: 1; -webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg); }
  90% { z-index: 2; -webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg); }
  100%{ z-index: 2; -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); }
}
@-webkit-keyframes MK_rotatebanner_vertical_second {
  0%  { z-index: 2; -webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg); }
  40% { z-index: 2; -webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg); }
  50% { z-index: 1; -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); }
  90% { z-index: 2; -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); }
  100%{ z-index: 2; -webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg); }
}
@-webkit-keyframes MK_rotatebanner_horizontal_first {
  0%  { z-index: 2; -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); }
  40% { z-index: 2; -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); }
  50% { z-index: 1; -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); }
  90% { z-index: 2; -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); }
  100%{ z-index: 2; -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); }
}
@-webkit-keyframes MK_rotatebanner_horizontal_second {
  0%  { z-index: 2; -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); }
  40% { z-index: 2; -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); }
  50% { z-index: 1; -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); }
  90% { z-index: 2; -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); }
  100%{ z-index: 2; -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); }
}
div.H-1001-1-44 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }






div.H-1001-1-46 #header {width:100%; background-color: #343434;}
div.H-1001-1-46 .header_absolute {/* position:absolute; *//* top: 0; *//* z-index:4; */}
div.H-1001-1-46 .header_relative {position: relative; border-bottom: 1px solid #ddd;}
div.H-1001-1-46 #header h1 {text-align:center;height: 50px;line-height: 50px;}
div.H-1001-1-46 #header h1 img {max-height: 35px; width: auto;}
div.H-1001-1-46 #header .logo-area {position: relative;}
div.H-1001-1-46 #header .txt_h1 {font-size:1.2em;}
div.H-1001-1-46 #header .btn-temp4-list {position: absolute; top : 15px; left: 15px; width: 20px; height: 20px; display: inline-block; }
div.H-1001-1-46 #header .btn-member {position:absolute; top:15px; left:60px; width: 20px; height: 20px; }
div.H-1001-1-46 #header .btn-cart {position:absolute; top: 15px; right: 60px; width: 20px; height: 20px; }
div.H-1001-1-46 #header .btn-cart .user_basket_quantity {position: absolute; right: -3px; top: -6px; display: inline-block; background: rgba(255, 71, 71, 0.8); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; width: 15px; height: 15px; margin-left: -10px; line-height: 16px; font-size: 11px; color: #fff; text-align: center;}
div.H-1001-1-46 #header .btn-sch {position:absolute; top: 15px; right:15px; width:20px; height:20px; }
div.H-1001-1-46 #header #gnb {position:relative; width:100%; height:44px; display:inline-block; background:#5abbe0;}
div.H-1001-1-46 #header #gnb ul {margin-right: 15px;}
div.H-1001-1-46 #header #gnb ul li {position:relative; float:left; width:25%; height:44px; line-height:46px; text-align:center;}
div.H-1001-1-46 #header #gnb ul li a {color:#fff; font-size:.750em; display:block;}
div.H-1001-1-46 #header #gnb ul li span {position:absolute; left:50%; top:-10px; display: inline-block; background:#ff0000; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; width:18px; height:18px; margin-left:-10px; line-height:20px; font-size:smaller;}
 
/* 장바구니 개수 미노출 */
div.H-1001-1-46 #header .logo-area .user_basket_quantity {display: none;}

/* 상단 고정 */
div.H-1001-1-46 .top-pix {position: fixed !important; top: 0; box-shadow: 0 0 7px 0 #676767; opacity: 0.8; width: 100%; z-index: 5;}

/* 검색 */
.sch-box {position: relative;width:100%;}
.sch-box .sch {width:100%;display:inline-block;}
.sch-box .sch > div {position:relative;padding: 10px 8px;}
.sch-box .sch p { margin: 0 10px; }
.sch-box .sch input[type='text'] {width:100%;height: 30px;line-height: 30px;padding-right: 40px;border: 1px solid #565656;border-radius: 0;color: #fff;font-size:1em;background: #565656;}
.sch-box .sch .btn-detail-sch {position:absolute;right: 16px;top: 10px;width: 34px;height: 30px;line-height: 28px;background-color: #FF249C;text-align: center;color: #fff;}
.sch-box .sch .btn-close-sch {position: absolute; right: 13px; top: 17px; width: 27px; height: 26px;}


/* 아이콘 이미지 */
div.H-1001-1-46 #header .btn-temp4-list {background-image: url('/images/d3/m_powerpack/49/shop_design/btn_menu_black.png'); background-repeat: no-repeat; background-size: 25px 25px;}
div.H-1001-1-46 #header .btn-member {background-image: url('/images/d3/m_powerpack/49/shop_design/btn_member_black.png'); background-repeat: no-repeat; background-size: 25px 25px;}
div.H-1001-1-46 #header .btn-cart {background-image: url('/images/d3/m_powerpack/49/shop_design/btn_cart_black.png'); background-repeat: no-repeat; background-size: 25px 25px;}
div.H-1001-1-46 #header .btn-sch {background-image: url('/images/d3/m_powerpack/49/shop_design/btn_sch_black.png'); background-repeat: no-repeat; background-size: 25px 25px;}

div.H-1001-1-46 #header .btn-temp4-list {width:25px; height:25px;}
div.H-1001-1-46 #header .btn-member {width:25px; height:25px;}
div.H-1001-1-46 #header .btn-cart {width:25px; height:25px;}
div.H-1001-1-46 #header .btn-sch {width:25px; height:25px;}


/* sns노출 관련 css */
div.H-1001-1-46 #header .sns_icons {position: relative; text-align: right; padding-right: 10px; padding-bottom: 5px; width: 100%; box-sizing: border-box;}
div.H-1001-1-46 #header .sns_icons img {width: 27px; height: auto;border-radius: 3px;}

/* 상단 스크롤 메뉴 */
#swiper-menu {position: relative;width: auto;height: 35px;line-height: 35px;padding: 0 17px;overflow: hidden; background-color: #fff; color: #525252; }
#swiper-menu .menu-slide { float: left; text-align: center; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: .750em; }
#swiper-menu .btn-prev,
#swiper-menu .btn-next {display: block;position: absolute;top: 0;height: 35px;width: 17px;line-height: 35px;text-align: center;background-color: rgb(255, 255, 255);color: #bebebe; box-shadow: 0px 0px 9px 9px #fff;}
#swiper-menu .btn-prev {left: 0;}
#swiper-menu .btn-next {right: 0;}
#header.fixed #swiper-menu { display: block; }

/* 상단 스크롤 메뉴 페이지 로딩 후 컬러 제거 */
.color-del .menu-slide,
.color-del .fa {color: rgba(255, 255, 255, 0) !important;}


div.H-1001-1-46 .sch-box .ranking-top .ranking-wrap ul li a span { color:#8C8C8C; }
div.H-1001-1-46 .sch-box .ranking-top .ranking-wrap ul li a { color:#464646; border-color:#BBBBBB; background-color:#FFFFFF; }
div.H-1001-1-46 .sch-box .ranking-top .ranking-tit { background-color:#000000; color:#FFFFFF; }
div.H-1001-1-46 #header .pp2_top_ico { color:#00B1FC; }
div.H-1001-1-46 #header, #header .top-pix { background-color:#FFFFFF; }
div.H-1001-1-46 .sch-box .sch input[type='text'] { background-color:#FFFFFF; border-color:#292929; color:#000000; }
div.H-1001-1-46 .sch-box .sch .btn-detail-sch { background-color:#000000; color:#FFFFFF; }
div.H-1001-1-46 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
#swiper-menu {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#header .btn-cart .user_basket_quantity {background-color: #000 !important;}
/* 레이어 목록 */
#layer-list .pp2-layer-bg {height: 100%; background-color: #fff; margin-right: 60px;}
#pp2-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background-color: #000; }
#layer-list {visibility: visible; position: fixed; 
    top: 0px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    z-index: 101;
    -webkit-transition-property:-webkit-transform, right, top;
    -webkit-transition-duration:.2s;
    -webkit-transform:translate3d(-100%,0,0);
    -webkit-transition-timing-function:ease-out;

    -moz-transition-property:-moz-transform, right, top;
    -moz-transition-duration:.2s;
    -moz-transform:translate3d(-100%,0,0);
    -moz-transition-timing-function:ease-out;

    -o-transition-property:-o-transform, right, top;
    -o-transition-duration:.2s;
    -o-transform:translate3d(-100%,0,0);
    -o-transition-timing-function:ease-out;
    -o-transform:translate(100%,0px);

    -ms-transition-property:-ms-transform, right, top;
    -ms-transition-duration:.2s;
    -ms-transform:translate3d(-100%,0,0);
    -ms-transition-timing-function:ease-out;

    transition-property:transform, right, top;
    transition-duration:.2s;
    transform:translate3d(-100%,0,0);
    transition-timing-function:ease-out;
}
.bg-modal {position:absolute; left:0; top:0; width:100%; height: 100%; z-index:4;}

.layer-list {position:absolute; left:0; top:0; width:100%;}
.layer-list .layer-list-box {margin-right:60px; background:#fff; overflow:hidden; line-height:14px;}
.layer-goods-box .layer-overlay-click,
.layer-list .layer-overlay-click { position: absolute; right: 0; top: 0; width: 60px; height: 100%; z-index: 1; }



.layer-list .layer-list-top {position: relative;height: 50px;}
.layer-list .layer-list-top .btn-logo { display: inline-block; margin-left: 10px; height: 50px; line-height: 50px; font-weight: bold;}
.layer-list .layer-list-top .btn-logo img { max-height: 20px; width: auto; }
.layer-list .layer-list-top .btn-list-close {position: absolute; top: 5px; right: 5px; width: 45px; height: 36px;}
.layer-list .layer-list-top .btn-list-close .pop-close-btn .x1 {border: 0.5px solid #777;transform: rotate(45deg);-webkit-transform: rotate(45deg);width: 25px;position: absolute;top: 17px;right: 7px;}
.layer-list .layer-list-top .btn-list-close .pop-close-btn .x2 {border: 0.5px solid #777;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);width: 25px;position: absolute;top: 17px;right: 7px;}
.layer-list .layer-list-top .menu-sch-box .sch .btn-detail-sch {position: absolute; right: 10px; top: 15px; width: 15px; height: 15px; font-size: 0.75em; line-height: 0; color: #777;}

.layer-list .my-list {overflow: hidden;font-weight: bold;}
.layer-list .my-list li {float:left;color:#333;font-size:0.75em;text-align:center;}
.layer-list .my-list li a.btn-join {display: block;height: 36px;line-height: 36px;color: #383838;padding: 10px;position: relative;}
.layer-list .my-list li a.btn-login {display: block;height: 36px;line-height: 36px;color: #000;padding: 10px;}
.layer-list .my-list li strong {color:#e74c3c;}z`
.layer-list .my-list li a {position: relative; color:#333;}
.layer-list .my-list li a span {position: absolute; right: -3px; top: 10px;}
.layer-list .my-list li a strong {color:#e74c3c;}

.layer-list .my-list-sch { position: relative; }
.layer-list .my-list-sch .menu-sch-box .sch { background: none; padding: 10px;}
.layer-list .my-list-sch .menu-sch-box .sch p { margin: 0; border-bottom: 1px solid #000;}
.layer-list .my-list-sch .menu-sch-box .sch .btn-detail-sch {position: absolute;right: 16px;top: 21px;width: 15px;height: 15px;font-size: 0.75em;line-height: 0;color: #000;}
.layer-list .my-list-sch .menu-sch-box .sch input[type='text'] {border: none;width: 100%;height: 35px;line-height: 35px;font-size: 0.75em; padding-right: 30px;}

.layer-list .stats-logout .member-stats {padding: 10px;}
.layer-list .stats-logout .member-stats dl dt {margin-bottom: 10px;font-weight: bold;color: #202020;font-size: 0.75em;}
.layer-list .stats-logout .member-stats dl dd {line-height: 17px;color: #858484;font-size: 0.75em;}

.layer-list .stats-login .member-stats { padding: 10px; }
.layer-list .stats-login .member-stats dl dt { font-weight: bold; color: #202020; font-size: 0.75em; }
.layer-list .stats-login .member-stats dl dd { line-height: 20px; color: #858484; font-size: 0.75em; }
.layer-list .stats-login .member-stats dl dd .del-count {display: block; color: #F74F4F; margin-top: 5px;}


.layer-list .tab-menu {overflow:hidden; font-size: 0.875em; padding: 5px 10px 10px;}
.layer-list .tab-menu li {position:relative; float:left; width:33.3%; margin-top:8px; box-sizing: border-box;}
.layer-list .tab-menu li:first-child {}
.layer-list .tab-menu li a {display:block;text-align:center;height:39px;line-height:40px;color:#585858;font-size:0.875em;border-left: 0px;border-bottom: 2px solid #cecece; letter-spacing: 1px;}
.layer-list .tab-menu .on a {color: #000;border-bottom: 2px solid #000000;font-weight: bold;}
.layer-list .list-menu {overflow:hidden; font-size: 0.75em; padding: 0 10px;}
.layer-list .list-menu h3 {padding: 30px 0 10px; letter-spacing: 1px;}
.layer-list .list-menu ul {overflow: hidden;}
.layer-list .list-menu ul li { position: relative; width: 50%; float: left; box-sizing: border-box; color: #666; }
.layer-list .list-menu ul li:nth-child(even) {padding-left:10px;}
.layer-list .list-menu ul li span {display:block; height:36px; line-height:37px;}
.layer-list .list-menu ul li span a { display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:100%; }
.layer-list .list-menu ul li ul li span a {padding-left:25px;}

#review-board-type .reply-write .sub-reviews li { border-bottom: 1px solid #e1e1e1; list-style-type: none; padding: 10px 14px; background-color: #fff; }
#review-board-type .reply-write .sub-reviews li:last-child { border-bottom: none; }
#review-board-type .reply-write .sub-reviews .info { font-size: .75em; color: #777; }
#review-board-type .reply-write .sub-reviews .info .btns { display: inline-block; margin-left: 10px; }
#review-board-type .reply-write .sub-reviews .info a { font-size: 1em; }
#review-board-type .reply-write .sub-reviews li p { margin-top: 5px; font-size: .75em; color: #777; }
#review-board-type .reply-write td ul.agree li a {position: absolute; right: 14px; top: 7px; font-size: 1em; }

.layer-list .cs-center {padding:20px;}
.layer-list .cs-center p {color:#666; font-size:0.75em; text-align: center;}


.member-menu { position: relative; margin: 7px 5px 0; border: 3px double #dedede; border-radius: 5px; }
.member-menu .fa-hover {color: #717171;}
.member-menu .fa-hover span {font-size: 1.5em;}

.layer-list .leftMyp {padding: 5px 10px 10px;}
.layer-list .leftMyp .scon ul {overflow: hidden;}
.layer-list .leftMyp .scon ul li {position: relative; display: inline-block; float: left; width: auto; padding-right: 10px; line-height: 35px; font-size: 12px; color: #000; text-align: center;}
.layer-list .leftMyp .scon ul li .count b {color: #f63232; font-weight: normal;}

/* 최근 본 상품 */
.resent-list ul {overflow:hidden;}
.resent-list ul li dl dd a span.tit { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.resent-list {overflow:hidden; padding: 0 8px; text-align: center;}
.resent-list ul li {float:left; width:50%; margin-bottom:10px;}
.resent-list ul li dl {padding: 0 1px 5px;}
.resent-list ul li dl dt img {max-width:100%; height:auto;}
.resent-list ul li dl dd {color:#555555; line-height:18px; font-size:0.75em; padding:5px 7px 0 7px;}
.resent-list ul li dl dd span {display:block; color:#000; word-break: break-all; }
.resent-list ul li dl dd a {color:#555555;}
.resent-list .recent-dec {text-align: center; display: block; font-size: 0.75em; padding: 20px 0;}

/* 자주찾는 카테고리 모음 */
.favorite_cate {border: 1px solid #b1bbc5; margin: 2px 3px 5px; border-radius: 3px;}
.favorite_cate ul li {width: 100% !important;}
.favorite_cate .favorite_btn {padding: 10px 0; display: inline-block; width: 100%; text-align: center;}
.favorite_cate .favorite_wrap li { overflow:hidden; padding:5px 10px 10px; font-size: 0.875em; text-align: center;}
.favorite_cate .favorite_wrap li a {float:left; height: 25px; line-height: 25px; padding: 0 5px; margin:5px 5px 0 0; border:1px solid #ccc; background:#fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100%; box-sizing: border-box;}
.favorite_cate .favorite_wrap {display: none; border-top: 1px dotted #b1bbc5;}


/* 자주찾는 카테고리 */
.btn_frequent {float: left; padding-right: 5px;}
.btn_frequent .fa-star-o {color: #f59292;}
.btn_frequent .fa-star {color: #fb8787;}

div.H-1001-1-47 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
.layer-list .tab-menu .on a {border-bottom: 3px solid #ffbfba;}
.layer-list .tab-menu li a {border-bottom: 1px solid #cecece; box-sizing: border-box;}
/* BASIC css end */