/* BASIC css start */

div.H-14504-1-3 .MK_rotatebanner { width:100%; position:relative; line-height:0px; text-align:center; }
div.H-14504-1-3 .MK_rotatebanner img { max-width:100%; }
div.H-14504-1-3 .MK_rotatebanner .MK_first_image { opacity:0; }
div.H-14504-1-3 .MK_rotatebanner .MK_banner .MK_banner_list .MK_first, div.H-14504-1-3 .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-14504-1-3 .MK_rotatebanner .MK_banner .MK_banner_list .MK_first {
    z-index: 2;
    display: inline-block;
    -webkit-animation:MK_rotatebanner_vertical_first 9s;                                                                                            
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}
div.H-14504-1-3 .MK_rotatebanner .MK_banner .MK_banner_list .MK_second {
    z-index: 1;
    display:inline-block;
    -webkit-animation:MK_rotatebanner_vertical_second 9s;
    -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-14504-1-3 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:#000000 repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }






#header { position: relative; border-bottom: 1px solid #e6e6e6; }
.is-sticky #header { background: rgba(255,255,255, .6); }
#header .menus { padding: 10px 0; border-bottom: 1px solid #e6e6e6; display: box; display: -webkit-box; display: -moz-box; box-orient: horizontal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; }
#header .menus li { position: relative; text-align: center; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; }
#header .menus li a { display: block; font-size: .750em; color: #000; }
#header .menus li a span:after { content: '|'; float: right; color: #e6e6e6; }
#header .menus li:last-child a span:after { content: ''; }
#header .menus li img { vertical-align: 1px; }
#header .header-logo { position: relative; }
#header h1.logo { position: relative; padding: 15px 0 15px 10px; text-align: left; }
#header .side-btns { position: absolute; right: 10px; bottom: 17px; }
#header .side-btns a { position: relative; margin: 0 10px; }
#header .sch-box { position: relative; padding: 0 10px 10px 10px; }
#header .sch-box input { padding: 0 30px 0 0; border: 1px solid #ffcc00; height: 30px; text-indent: 5px; color: #000; font-size: .750em; width: 100%; }
#header .sch-box .search-ico { display: block; position: absolute; right: 10px; top: 0; width: 30px; height: 30px; line-height: 22px; border: 1px solid #ffcc00; text-align: center; background-color: #ffcc00; box-sizing: border-box; }
#header .sch-box .search-ico .fa { font-size: 0.875em; color: #333; }

/* 회원가입 말풍선 */
.shake {display:inline-block; -webkit-animation:MK_shake_animation 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out;}
@-webkit-keyframes MK_shake_animation{
  0%  { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
  5%  { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(3deg) skewY(0deg); }
  10% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
  15% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(-3deg) skewY(0deg); }
  20% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
  100%{ -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
}

div.H-14504-1-7 .speech-bubble { position: absolute; top:17px; left: 50%; line-height: normal; z-index: 3; width: 67px; margin-left: -33px;}
div.H-14504-1-7 .speech-bubble p { border: 1px solid #F8981D; background-color: #F8981D; border-radius: 3px; padding: 2px; letter-spacing:-0.5px; font-size: 0.688em; color: #FFFFFF; }
div.H-14504-1-7 .speech-bubble .speech-bubble-arrow {position: relative; left: 50%; margin-left: -5px; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #F8981D; }


/* 장바구니 개수 */
div.H-14504-1-7 #header .user_basket_quantity {position:absolute; right:-9px; top:-7px; display: inline-block; background:#ff4e4e; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; width:15px; height:15px; margin-left:-10px; line-height:16px; font-size: 11px; color: #fff; text-align: center;}
div.H-14504-1-7 #header .user_basket_quantity {display: none;}

/* 상단 고정 */
div.H-14504-1-7 .top-pix {position: fixed !important; top: 0; box-shadow: 0 0 7px 0 #676767; width: 100%; opacity: 0.8; z-index: 4;}
div.H-14504-1-7 #header, #header .top-pix { background-color:#FFFFFF; }
div.H-14504-1-7 #header h1.logo .hide-menu { padding-right: 10px; display: none; }

/* sns노출 관련 css */
div.H-14504-1-7 #header .sns_icons {position: relative; text-align: right; padding-right: 10px; padding-top: 10px; width: 100%; box-sizing: border-box;}
div.H-14504-1-7 #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-14504-1-7 .sch-box .ranking-top { width: 100%; padding-top: 7px; box-sizing: border-box; }
div.H-14504-1-7 .sch-box .ranking-top .ranking-tit { display: inline-block; padding: 0 7px; font-size: 11px; text-align: center; height: 23px; line-height: 21px; background-color: #000; color: #fff; float: left; margin-right: 7px; margin-top: 3px;}
div.H-14504-1-7 .sch-box .ranking-top .ranking-wrap { width: 100%; box-sizing: border-box; }
div.H-14504-1-7 .sch-box .ranking-top .ranking-wrap ul { overflow: hidden; }
div.H-14504-1-7 .sch-box .ranking-top .ranking-wrap ul li { float: left; padding-right: 5px; } 
div.H-14504-1-7 .sch-box .ranking-top .ranking-wrap ul li a { border-radius: 2px; padding: 3px 7px; height: 30px; line-height: 30px; color: #464646; font-size: 12px; border: 1px solid #bbbbbb; background-color: #fff; }
div.H-14504-1-7 .sch-box .ranking-top .ranking-wrap ul li a span { padding-right: 3px; color: #8c8c8c; }

div.H-14504-1-7 #header .sch-box .search-ico { background-color:#FFFFFF; }
div.H-14504-1-7 #header .sch-box input, #header .sch-box .search-ico { border-color:#FFFFFF; }
div.H-14504-1-7 .sch-box .ranking-top .ranking-wrap ul li a { color:#464646; border-color:#BBBBBB; background-color:#FFFFFF; }
div.H-14504-1-7 .sch-box .ranking-top .ranking-tit { background-color:#000000; color:#FFFFFF; }
div.H-14504-1-7 .sch-box .ranking-top .ranking-wrap ul li a span { color:#8C8C8C; }
div.H-14504-1-7 #header .menus li a span:after { color:#000000; }
div.H-14504-1-7 #header, #header .top-pix { background-color:#FFFFFF; }
div.H-14504-1-7 #header .menus { background-color:#F5F5F5; border-bottom-color:#FFFFFF; }
div.H-14504-1-7 #header .menus li a { color:#2B2B2B; }
div.H-14504-1-7 { 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 .pp2-layer-bg {height: 100%; background-color: #fff; margin-right: 50px;}
#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:50px; overflow:hidden; line-height:14px;}
.layer-goods-box .layer-overlay-click,
.layer-list .layer-overlay-click { position: absolute; right: 0; top: 0; width: 50px; height: 100%; z-index: 1; }
.layer-list .layer-list-top { position: relative; height: 50px; border-bottom: 1px solid #bbbbbb; }
.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: 1px 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: 1px 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-sch { position: relative; }
.layer-list .my-list-sch .menu-sch-box .sch { background: none; }
.layer-list .my-list-sch .menu-sch-box .sch p { margin: 0; }
.layer-list .my-list-sch .menu-sch-box .sch .btn-detail-sch {position: absolute; right: 20px; top: 21px; width: 15px; height: 15px; font-size: 0.75em; line-height: 0; color: #777;}
.layer-list .my-list-sch .menu-sch-box .sch input[type='text'] {border: 1px solid #9e9e9e; width: 100%; height: 35px; line-height: 35px;}
.layer-list .my-list-sch .menu-sch-box .sch > div { padding: 10px; } 

.layer-list .list-menu {overflow:hidden; font-size: 0.79em;}
.layer-list .list-menu .category-list-top {margin: 0 7px;}
.layer-list .list-menu .category-list-top li span {display:block; height:41px; line-height:42px; border-bottom:1px solid #e0e0e0; padding-right: 50px; padding-left: 5px;}
.layer-list .list-menu .category-list-top li span a { display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:100%;}
.layer-list .list-menu .category-list-top li ul li span a {padding-left:25px;}
.layer-list #tab-category.list-menu > ul li { position: relative; }
.layer-list #tab-category.list-menu > ul > li ul { display: none; background-color: #f5f7f9; }
.layer-list #tab-category.list-menu > ul > li > ul > li > ul > li > span a { padding-left: 50px; }
.layer-list #tab-category.list-menu > ul li span a.expend {display: block; position: absolute; top: 0; right: 0; width: 50px; height: 41px; padding-left: 0; text-align: center;}
.layer-list #tab-category.list-menu > ul li span a.expend:before { content: "\f107"; font-family: FontAwesome; }
.layer-list #tab-category.list-menu > ul li span a.expend.showing:before { content: "\f106"; font-family: FontAwesome;}

.layer-list .header-wrap .btns { position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.layer-list .header-wrap .btns a { display: inline-block; width: 20px; height: 20px; margin: 0 5px; background-color: transparent; background-size: 100% 100%; }
.layer-list .header-wrap .btns a.btn-cart { background-image: url(../images/ico_cart_h30.png); }
.layer-list .header-wrap .btns a.btn-close { background-image: url(../images/ico_close_h30.png); }
.layer-list .content-wrap { position: relative; }
.layer-list .content-wrap .section { padding-top: 20px; }
.layer-list .content-wrap .section .msg { text-align: center; font-size: .750em; color: #888; }
.layer-list .content-wrap .section .msg strong { margin-bottom: 5px; display: block; color: #000; }
.layer-list .content-wrap .btns { margin-top: 20px; padding: 0 10px; }
.layer-list .content-wrap .btns a { font-size: .750em; display: inline-block; text-align: center; width: 48%; height: 35px; line-height: 35px; border-radius: 3px; box-sizing: border-box; }
.layer-list .content-wrap .btns a.btn-white { float: left; color: #34393e; background-color: #fff; border: 1px solid #69737d; }
.layer-list .content-wrap .btns a.btn-black { float: right; color: #fff; background-color: #69737d; }

.layer-list .content-wrap .content { position: relative; padding: 10px; background-color: #fff; }
.layer-list .content-wrap .content .menu-tab {}
.layer-list .content-wrap .content .menu-tab li { float: left; width: 50%; padding: 10px 0; border-top: 2px solid #c4ced8; border-bottom: 2px solid #c4ced8; text-align: center; background-color: #fff; }
.layer-list .content-wrap .content .menu-tab li a { display: block; font-size: .750em; color: #717171; }
.layer-list .content-wrap .content .menu-tab li.now { border-color: #77818c; }
.layer-list .content-wrap .content .menu-tab li.now a { color: #000; }
.layer-list .content-wrap .content .tab-wrap { padding: 10px 0 0; }
.layer-list .content-wrap .content .menu-type-01 { border: 2px solid #7a838c; }
.layer-list .content-wrap .content .menu-type-01 .sub-tab { border-bottom: 1px solid #888; }
.layer-list .content-wrap .content .menu-type-01 .sub-tab li { float: left; width: 50%; text-align: center; height: 35px; line-height: 35px; }
.layer-list .content-wrap .content .menu-type-01 .sub-tab li a { display: block; font-size: .750em; color: #717171; }
.layer-list .content-wrap .content .menu-type-01 .sub-tab li.now { background-color: #555d65; }
.layer-list .content-wrap .content .menu-type-01 .sub-tab li.now a { color: #fff; }
.layer-list .content-wrap .content .menu-type-01 .sub-menus { display: none; border-top: 1px solid #a0a0a0;border-bottom: 1px solid #a0a0a0;margin: 5px 10px 0; }
.layer-list .content-wrap .content .menu-type-01 .sub-menus li { text-align: center; width: 50%; float: left; height: 35px; line-height: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 최근 본 상품 */
.layer-list .content-wrap .content .latest-item { padding: 10px 0; }
.layer-list .content-wrap .content .latest-item li { position: relative; width: 50%; float: left; }
.layer-list .content-wrap .content .latest-item li dl { padding-right: 2px; }
.layer-list .content-wrap .content .latest-item li:nth-child(even) dl { padding-left: 2px; padding-right: 0; }
.layer-list .content-wrap .content .latest-item li dt img { width: 100%; height: auto; }
.layer-list .content-wrap .content .latest-item li dd { margin-top: 10px; font-size: .750em; text-align: center; color: #000; word-break: break-all; }
#MS_view_product .recent-dec {text-align: center; display: block; font-size: 0.875em; background-color: #f9f9f9; padding: 20px 0; color: #505050;}

/* 햄버거메뉴 하단 버튼 */
.layer-list .footer-wrap { position: relative; padding-bottom: 15px; text-align: center; background-color: #fff; }
.layer-list .footer-wrap .btns { padding-top: 15px; border-top: 1px solid #f1f1f1; margin: 0 10px; }
.layer-list .footer-wrap .btns a.btn-gray { margin-right: 5px; display: inline-block; width: 28.125%; height: 25px; line-height: 25px; background-color: #69737d; color: #fff; font-size: .750em; border-radius: 3px; }
.layer-list .footer-wrap .btns a.btn-gray:last-child { margin-right: 0; }
.layer-list .footer-wrap .copyright { margin-top: 15px; font-size: .750em; color: #888; }

/* 자주찾는 카테고리 모음 */
.favorite_cate {border: 1px solid #b1bbc5; margin: 5px 5px 0; border-radius: 3px;}
.favorite_cate .favorite_btn {padding: 10px 0; display: inline-block; width: 100%; background-color: #e2e6ea; 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: 7px;}
.btn_frequent .fa-star-o {color: #f59292;}
.btn_frequent .fa-star {color: #fb8787;}
div.H-14504-1-11 { 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 ; }
/* BASIC css end */