@charset "UTF-8";
/*!
 * Copyright (©) 2016 SK PLANET. All Rights Reserved.
 */

 
.userInfo {font-size:13px;margin-left:20px;/*말줄임*/overflow:hidden;text-overflow:ellipsis;word-wrap:normal;white-space:nowrap;text-align:left;line-height:30px;}
.userInfo span {color:#FCEF7E;font-weight:bold;font-size:13px;padding-top:8px;letter-spacing:0;}



body.grayType {
  background: #e3e3e8;
}
.sidemenu__header {
  height: 56px;
  width: 100%;
  position: fixed;
  top: 0;
  overflow: hidden;
  padding: 10px 10px 10px 8px; /* padding-right: 140px */
  background: #918880;
  color: #fff;
  z-index: 2;
  text-align:left;
}
.sidemenu__loginBtn{
	float:left;
	width: 90px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    border-radius: 2px;
    display: inline-block;
    padding: 0 8px;
    text-align: center;
    border: 0;
	background: #6AB123;
	color: #fff;
}
.sidemenu__joinBtn{
	width: 90px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    border-radius: 2px;
    display: inline-block;
    padding: 0 8px;
    text-align: center;
    border: 0;
	background: #4A547B;
	color: #fff;
}

.sidemenu__header-info {
  position: relative;
  padding-left: 44px;
  font-size: 18px;
}
.sidemenu__header-grade {
  height: 36px;
  width: 36px;
  display: block;
  position: absolute;
  left: 0;
  text-indent: -9999px;
}
.sidemenu__header-grade.vvip {
  background-image: url("/shop/data/skin/img/images/sp_sidebar_common.png");
  background-position: -41px -41px;
  width: 36px;
  height: 36px;
  background-size: 155px 147px;
}
.sidemenu__header-grade.vip {
  background-image: url("/shop/data/skin/img/images/sp_sidebar_common.png");
  background-position: 0px 0px;
  width: 36px;
  height: 36px;
  background-size: 155px 147px;
}
.sidemenu__header-grade.family {
  background-image: url("/shop/data/skin/img/images/sp_sidebar_common.png");
  background-position: -82px -41px;
  width: 36px;
  height: 36px;
  background-size: 155px 147px;
}
.sidemenu__header-grade.welcome {
  background-image: url("/shop/data/skin/img/images/sp_sidebar_common.png");
  background-position: 0px -41px;
  width: 36px;
  height: 36px;
  background-size: 155px 147px;
}
.sidemenu__header-grade.new {
  background-image: url("/shop/data/skin/img/images/sp_sidebar_common.png");
  background-position: 0px -82px;
  width: 36px;
  height: 36px;
  background-size: 155px 147px;
}
.sidemenu__header-name {
  padding-right: 6px;
  line-height: 39px;
  font-weight: normal;
}
.sidemenu__header-11talk {
  display: block;
  position: absolute;
  top: 10px;
  right: 50px;
  padding: 10px 36px 0 0;
  height: 34px;
  text-indent: 0;
  color: #fff;
  font-size: 12px;
}
.sidemenu__header-11talk:before {
  height: 36px;
  width: 36px;
  background-image: url("/shop/data/skin/img/images/sp_sidebar_common.png");
  background-position: -41px 0px;
  width: 36px;
  height: 36px;
  background-size: 155px 147px;
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  right: 0;
}
.sidemenu__header .c-button.c-button__primary {
  height: 32px;
  width: 90px;
}
.sidemenu__header .facebook {
	 display:inline-block;
	 color:#fff;
	 font-size:11px;
	 height:28px;
	 line-height:28px;
	 padding:1px 0 0 22px;
	 margin:0 45px 0 0;
	 background:url('/shop/data/skin/img/images/down_icon.png') no-repeat left center;
	 overflow:hidden; 
	 float:right;

}
.sidemenu__close {
  height: 36px;
  width: 36px;
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  border: 0;
  background-color: transparent;
  text-indent: -99999px;
  background-image: url("/shop/data/skin/img/images/sp_sidebar_common.png");
  background-position: -82px 0px;
  width: 36px;
  height: 36px;
  background-size: 155px 147px;
  text-indent: -9999px;
}
.c-card.c-card__slide-w82 .c-card__info .c-card__name {
  height: initial;
}
.c-card.c-card__slide-w100 .c-card__info .c-card__name {
  height: 22px;
}
.c-card.c-card__slide-w100 .c-card__info .c-card__price {
  height: initial;
}
[data-type="GridScroll_RoundBoxImgTxt"] li {
  padding-right: 16px;
}
[data-type="List_Row_D_01_01"] {
  z-index: 1;
  background: #f4f4f4;
}
[data-type="List_Row_D_01_01"]:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  overflow: hidden;
  background-color: #f4f4f4;
}
[data-type="List_Row_D_01_01"] .c-list__item {
  font-size: 14px;
}
[data-type="List_Row_D_01_01"] .c-list__item:nth-of-type(n) {
  border-bottom-color: #e3e3e8;
}
[data-type="List_Row_D_01_01"] .c-list__item:nth-of-type(odd) {
  border-right-color: #e3e3e8;
}
[data-type="Tabs_ImgText_Col2_Left"] {
  margin-bottom: -1px;
}
[data-type="Carrier_G_01"] .c-headline__tab {
  z-index: 1;
}
[data-type="Carrier_G_01"] .c-headline__tab li.on a {
  color: #333;
  font-weight: bold;
}
[data-type="Carrier_G_01"] .c-headline__tab li.on a:after {
  background-color: #333;
}
[data-type="Carrier_G_01"] .w-scroll {
  padding-bottom: 16px;
}
[data-type="GridList_ImgTextBadge_Col4_Brown"] {
  padding-top: 56px;
  background: #918880;
}
[data-type="GridList_ImgTextBadge_Col4_Brown"] .c-listimg__item .c-listimg__link {
  border: 1px solid #8A8279 !important;
  border-width: 1px 1px 1px 0;
  color: #fff;
}
[data-type="GridList_ImgTextBadge_Col4_Brown"] .c-listimg__item .c-listimg__link .c-badge {
  background: #fff;
  color: #559C21;
}
@media screen and (min-width: 639px) {
  [data-type="GridList_ImgTextBadge_Col4_Brown"] .c-listimg__item {
    width: 25%;
  }
}
[data-type="GridList_ImgTextBadge_Col4_Brown"] .c-listimg__item:nth-child(1) .c-listimg__icon-wrap {
  background-image: url("/shop/data/skin/img/images/sp_sidebar_common.png");
  background-position: -123px 0px;
  width: 32px;
  height: 32px;
  background-size: 155px 147px;
}
[data-type="GridList_ImgTextBadge_Col4_Brown"] .c-listimg__item:nth-child(2) .c-listimg__icon-wrap {
  background-image: url("/shop/data/skin/img/images/sp_sidebar_common.png");
  background-position: -123px -37px;
  width: 32px;
  height: 32px;
  background-size: 155px 147px;
}
[data-type="GridList_ImgTextBadge_Col4_Brown"] .c-listimg__item:nth-child(3) .c-listimg__icon-wrap {
  background-image: url("/shop/data/skin/img/images/sp_sidebar_common.png");
  background-position: -78px -82px;
  width: 32px;
  height: 32px;
  background-size: 155px 147px;
}
[data-type="GridList_ImgTextBadge_Col4_Brown"] .c-listimg__item:nth-child(4) .c-listimg__icon-wrap {
  background-image: url("/shop/data/skin/img/images/sp_sidebar_common.png");
  background-position: -41px -82px;
  width: 32px;
  height: 32px;
  background-size: 155px 147px;
}
@media screen and (min-width: 320px) {
  [data-type="List_img_B_02_Col5"] .c-listimg__item .c-listimg__link .c-listimg__name {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  [data-type="List_img_B_02_Col5"] .c-listimg__item .c-listimg__link .c-listimg__name {
    font-size: 13px;
  }
}
[data-type="Tabs_BoxBtn_Col3_UnderLine"] {
  margin: 0 16px 8px 16px;
  padding-top: 0;
}
[data-type="Tabs_ImgText_Col3_Nobg"] {
  padding: 0 0 16px 0;
}
.s-list {
  padding-right: 32px;
  padding-bottom: 8px;
}
#category {
  position: relative;
  border-top: 1px solid #f4f4f4;
}
#category .c-list {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 0;
}

/* add */
#category .c-listimg__item {
  display:inline-block !important;
  width:100% !important;
  line-height:30px !important;
  text-align:left !important;
  padding:0px;margin:0;
  font-size:13px;
  background: #fff;
}
/* 
#category .c-listimg__item:first-child {padding-top:10px;}
#category .c-listimg__item:last-child {padding-bottom:10px;}
 */
#category .c-listimg__item.on .c-list {
  display: block;
  border-bottom: 1px solid #e3e3e8;
}
#category .c-listimg__link {
  background: #fff;
  /**/
  text-align:left !important;
  min-height:auto !important;
}
.c-sticky__header {
  width: 100%;
  z-index: 2;
  border-bottom: 1px solid #f4f4f4;
}
.tab-content__wrapper .tab-content {
  display: none;
}
.tab-content__wrapper .tab-content.on {
  display: block;
}

.c-list {
    background: $color-white;
    width: 100%;

    &__item {
        color: $color-title;
        height: 40px;
        font-size: 15px;

        &-link {
            @include text-ellipsis;

            display: block;
            padding: 0 8px 0 16px;
            height: 40px;
            line-height: 42px;
            color: $color-title;

            .c-list__number {
                @include size(24px 24px);

                display: inline-block;
                line-height: 24px;
                font-size: 13px;
            }

            .c-list__icon {
                @include size(24px 24px);

                line-height: 24px;
                display: inline-block;
                margin-right: 4px;

                img {
                    @include size(24px 24px);

                    margin-top: -6px;
                    vertical-align: middle;
                }
            }
        }
    }

    &.c-list--border {
        .c-list__item {
            border-bottom: 1px solid $color-line-table;
        }
    }

    &.c-list--arrow {
        .c-list__item-link {
            position: relative;
            padding-right: 34px;

            &:after {
                @include rotate(45deg);

                @include size(8px);

                content: '';
                position: absolute;
                top: 52%;
                right: 16px;
                margin: -5px 0 0 -5px;
                border: 1px solid #999;
                border-width: 1px 1px 0 0;
                margin-left: -8px;
            }
        }
    }

    &.c-list__gallery {
        overflow: hidden;

        .c-list__item {
            box-sizing: border-box;
            width: 50%;
            float: left;
            border-right: 1px solid $color-line-table;

            &:nth-child(even) {
                border-right: none;
            }
        }
    }
}

[data-type="List_Row_D_01_01"] {
    background: #f9f9f9;
    z-index: 1;

    &:before {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 1px;
        overflow: hidden;
        background-color: #f4f4f4;
    }

    .c-list__item:nth-of-type(n) {
        border-bottom-color: #E3E3E8;
    }

    .c-list__item:nth-of-type(odd) {
        border-right-color: #E3E3E8;
    }
}