@charset "UTF-8";

/**
 * custom css 입니다. 추가적인 css 는 여기에 작성을 해주세요.
 */

/**
 * 공통
 */
.pointer {
  cursor:pointer;
}
.red,
.red::placeholder {
  color:#F53B3E !important;
}
.strong {
  font-weight:bold;
}
.black {
  color:#000;
}
.white {
  color:#FFF;
}
section.full-subpage-wrap {
  margin-top:30px;
}
.text-center {
  text-align:center;
}
.text-left {
  text-align:left;
}
.text-right {
  text-align:right;
}
.li-decimal > li {
  list-style: decimal-leading-zero inside !important;
  border: none !important;
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 5px !important;
  margin: 0px !important;
}
  .li-decimal > li.decimal-sub {
    display: list-item !important;
    padding-left: 10px !important;
    margin-top: 5px !important;
  }
  .li-decimal > li.decimal-main {
    display: block !important;
    border-top: 1px solid #E7E7E7 !important;
    border-bottom: 1px solid #E7E7E7 !important;
    padding-top: 5px !important;
    padding-left: 5px !important;
  }


/**
 * 상품 리스트 - 묶음상품
 */
.item-display .list ul > li {
  padding-top:20px !important;
}
  .item-display .list ul > li > div {
    -webkit-transition:all 300ms;
    -moz-transition:all 300ms;
    -ms-transition:all 300ms;
    -o-transition:all 300ms;
    transition:all 300ms;
  }

  .item-display .list ul > li .packGroup {
    display:none;
    overflow:hidden;
    margin-top:10px !important;
    padding-bottom:6px;
    border-bottom:1px solid #eee;
  }
    .item-display .list ul > li:hover .packGroup {
      /*height:51px;*/
    }
      .item-display .list ul > li .packGroup:after {
        content:'';
        clear:both;
        display:block;
      }
        .item-display .list ul > li .packGroup + span {
          margin-left:5px;
          margin-top:10px;
          margin-bottom:-4px;
          font-size:0.9em;
        }
        .item-display .list ul > li .packGroup ~ .code,
        .item-display .list ul > li .packGroup ~ .title {
          margin-bottom:-2px;
        }

  .item-display .list ul > li .space {
    padding-top:20px !important;
    padding-bottom:10px;
  }
    .item-display .list ul > li:hover .space {
      box-shadow:0 0 10px 0 rgba(0,0,0,0.1);
      z-index:2;
      background:#FFF;
    }

  .item-display .list ul > li .packGroup .packImg {
    float:left;
    width:25%;
    position:relative;
  }
    .item-display .list ul > li .packGroup .packImg img {
      width:48px !important;
      border:1px solid #e4e4e4;
      cursor:pointer;
    }
      .item-display .list ul > li .packGroup .packImg img:hover {
        border:1px solid #808080;
      }


/**
 * 상품상세
 */
div.goods .car-delivery,
div.goods-layout1 .car-delivery {
  display: none;
}


/**
 * 메인 본문
 */

/*  배너들 사이 공간 공통 */
div.width-slider-wrap,
section.main-contents,
ul.middle-banner,
div.bottom-banner,
div.best-product {
  padding-top:50px;
}

/* 가로 전체형 슬라이드 배너 */
section.banner-full,
section.banner-full > div.main-banner,
section.banner-full > div.main-banner > div.item {
  height:600px;
  min-width:1100px;
}
  section.banner-full > div.main-banner > div.item {
    overflow:hidden;
    text-align:center;
    font-size:3em;
    cursor:pointer;
    text-align:center;
  }
  section.banner-full .owl-dots {
    width:1100px;
    margin:0px auto;
  }

/* 탭 배너 */
ul.tab-banner {
  display:table;
  width:1100px;
}
  ul.tab-banner > li {
    display:table-cell;
    width:33.4%;
    text-align:center;
    line-height:35px;
    height:35px;
    background-color:#ECEDF1;
  }
    ul.tab-banner > li {
      -webkit-transition:all 300ms;
      -moz-transition:all 300ms;
      -ms-transition:all 300ms;
      -o-transition:all 300ms;
      transition:all 300ms;
    }
    ul.tab-banner > li:hover,
    ul.tab-banner > li.on {
      background-color:#F63C3F;
      color:#FFF;
    }
      ul.tab-banner li {
        border-left:1px solid #FFF;
      }
        ul.tab-banner li:first-child {
          border-left:none;
        }

div.tab-banner-content {
  width:1100px;
  height:400px;
  overflow:hidden;
  position:relative;
  margin-top:20px;
}
  div.tab-banner-content > ul {
    position:absolute;
    top:0px;
    left:0px;
    width:1100px;
    height:400px;
  }
    div.tab-banner-content > ul > li{
      position:absolute;
      overflow:hidden;
      cursor:pointer;
    }
      div.tab-banner-content > ul.tab-1 li.item-1 {
        width:248px;
        height:248px;
        top:0px;
        left:0px;
      }
      div.tab-banner-content > ul.tab-1 li.item-2 {
        width:248px;
        height:131px;
        bottom:0px;
        left:0px;
      }
      div.tab-banner-content > ul.tab-1 li.item-3 {
        width:270px;
        height:109px;
        top:0px;
        left:271px;
      }
      div.tab-banner-content > ul.tab-1 li.item-4 {
        width:270px;
        height:109px;
        top:0px;
        right:264px;
      }
      div.tab-banner-content > ul.tab-1 li.item-5 {
        width:564px;
        height:270px;
        bottom:0px;
        left:271px;
      }
      div.tab-banner-content > ul.tab-1 li.item-6 {
        width:241px;
        height:345px;
        top:0px;
        right:0px;
      }

      div.tab-banner-content > ul.tab-2 li.item-1 {
        width:241px;
        height:345px;
        top:0px;
        left:0px;
      }
      div.tab-banner-content > ul.tab-2 li.item-2 {
        width:560px;
        height:270px;
        top:0px;
        left:267px;
      }
      div.tab-banner-content > ul.tab-2 li.item-3 {
        width:270px;
        height:109px;
        bottom:0px;
        left:267px;
      }
      div.tab-banner-content > ul.tab-2 li.item-4 {
        width:270px;
        height:109px;
        bottom:0px;
        right:274px;
      }
      div.tab-banner-content > ul.tab-2 li.item-5 {
        width:248px;
        height:131px;
        top:0px;
        right:0px;
      }
      div.tab-banner-content > ul.tab-2 li.item-6 {
        width:248px;
        height:248px;
        bottom:0px;
        right:0px;
      }

      div.tab-banner-content > ul.tab-3 li.item-1 {
        width:232px;
        height:333px;
        bottom:0px;
        right:0px;
      }
      div.tab-banner-content > ul.tab-3 li.item-2 {
        width:270px;
        height:109px;
        top:0px;
        left:276px;
      }
      div.tab-banner-content > ul.tab-3 li.item-3 {
        width:270px;
        height:109px;
        top:0px;
        right:260px;
      }
      div.tab-banner-content > ul.tab-3 li.item-4 {
        width:564px;
        height:270px;
        bottom:0px;
        left:276px;
      }
      div.tab-banner-content > ul.tab-3 li.item-5 {
        width:248px;
        height:248px;
        top:0px;
        left:0px;
      }
      div.tab-banner-content > ul.tab-3 li.item-6 {
        width:248px;
        height:131px;
        bottom:0px;
        left:0px;
      }

/* 가로 슬라이드 배너 */
div.width-slider-wrap {
  width:1100px;
  height:265px;
  overflow:hidden;
}
  div.width-slider div.item {
    height:265px;
    text-align:center;
    font-size:3em;
  }
  div.width-slider .owl-dots {
    display:none;
  }
  div.width-slider-wrap .owl-theme .owl-nav .owl-prev {
    background:url('../img/icon/controls.png') no-repeat -23px -105px;
  }
  div.width-slider-wrap .owl-theme .owl-nav .owl-prev:hover {
    background:url('../img/icon/controls.png') no-repeat -23px -19px;
  }
  div.width-slider-wrap .owl-theme .owl-nav .owl-next {
    background:url('../img/icon/controls.png') no-repeat -23px -106px;
  }
  div.width-slider-wrap .owl-theme .owl-nav .owl-next:hover {
    background:url('../img/icon/controls.png') no-repeat -23px -20px;
  }

/* 중앙배너 */
ul.middle-banner {
  display:table;
  width:1100px;
}
  ul.middle-banner > li {
    display:table-cell;
    width:20%;
  }
    ul.middle-banner > li.item-2 {
      padding-left:2px;
    }
    ul.middle-banner > li.item-3 {
      padding-left:4px;
    }
    ul.middle-banner > li.item-4 {
      padding-left:6px;
    }
    ul.middle-banner > li.item-5 {
      padding-left:8px;
    }
      ul.middle-banner > li > div {
        padding-top:15px;
        line-height:20px;
      }
        ul.middle-banner > li > div > span {
          display:block;
        }

/**
 * 풋터
 */

footer#footer {
  width:1100px;
  margin:0px auto;
}
  #footer > nav.sns {
    margin-top:20px;
    margin-bottom:20px;
  }
    #footer > nav.sns > div {
      width:100%;
      height:1px;
      border-top:1px solid #ECECEC;
      border-bottom:1px solid #ECECEC;
    }
    #footer > nav.sns > ul {
      display:table;
      margin:10px auto;
    }
      #footer > nav.sns > ul > li {
        display:table-cell;
        vertical-align:middle;
        padding-left:15px;
        padding-right:15px;
      }

  #footer .snapWidget {
    width: 1100px;
  }
    #footer .snapWidget > header,
    #footer .snapWidget > footer {
      width: 1100px;
      overflow: hidden;
    }
      #footer .snapWidget > header img,
      #footer .snapWidget > footer img {
        width: 1100px;
      }
    #footer .snapWidget > iframe {
      border: none;
      overflow: hidden;
      width: 1100px;
      height: 314px;
    }

  section.footer-info {
    background-color:#FAFAFA;
    display:table;
    width:1080px;
    padding-left:10px;
    padding-right:10px;
    padding-top:20px;
    padding-bottom:20px;
  }
    section.footer-info > ul {
      display:table-cell;
      width:20%;
      padding-left:20px;
      padding-right:20px;
      padding-top:10px;
      padding-bottom:10px;
      border-left:1px solid #E7E7E7;
    }
      section.footer-info > ul:first-child {
        border-left:0px none;
      }
        section.footer-info > ul.customer-info > li.phone-main {
          font-size:2.5em;
        }
        section.footer-info > ul.customer-info > li.phone-sub {
          font-size:2em;
        }
        section.footer-info > ul.customer-info > li.sub-info {
          line-height:22px;
          font-size:0.9em;
        }
        section.footer-info > ul.customer-info > li.space {
          height:50px;
        }

      section.footer-info > ul.bank-info {}
        section.footer-info > ul.bank-info > li.bank-icon img {
          width:68px;
        }
        section.footer-info > ul.bank-info > li.bank-account {
          font-size:2em;
          padding-top:5px;
          padding-bottom:5px;
        }
        section.footer-info > ul.bank-info > li.bbs-list > span {
          display:block;
          line-height:27px;
          height:27px;
        }
          section.footer-info > ul.bank-info > li.bbs-list > span:hover {
            color:#F53B3E;
          }
        section.footer-info > ul.bank-info > li.space {
          height:44px;
        }

      section.footer-info > ul.notice-info {}
        section.footer-info > ul.notice-info > li > header {
          padding-bottom:8px;
          border-bottom:3px solid #000;
          font-size:1.1em;
          margin-bottom:10px;
        }
          section.footer-info > ul.notice-info > li > ul > li {
            padding-top:6px;
            padding-bottom:5px;
            padding-left:5px;
            padding-right:5px;
            font-size:0.9em;
          }
            section.footer-info > ul.notice-info > li > ul > li > img {
              vertical-align:middle;
            }
            section.footer-info > ul.notice-info > li > ul > li > a {
              color:#333;
            }
              section.footer-info > ul.notice-info > li > ul > li > a:hover {
                color:#F53B3E;
              }

            section.footer-info > ul.notice-info > li > ul > li > small {
              float:right;
            }

      section.footer-info > ul.offline-info {}
        section.footer-info > ul.offline-info > li.title {
          font-size:1.1em;
          padding-bottom:8px;
          border-bottom:3px solid #000;
        }
        section.footer-info > ul.offline-info > li.offline-list {
          height:230px;
        }
          section.footer-info > ul.offline-info > li.offline-list > div.text {
            padding-top:8px;
            padding-right:5px;
            padding-left:5px;
          }
            section.footer-info > ul.offline-info > li.offline-list > div.text > span {
              font-size:0.9em;
              display:inline-block;
              width:107px;
              line-height:25px;
              height:25px;
              color:#333;
            }
              section.footer-info > ul.offline-info > li.offline-list > div.text > span:hover {
                color:#F53B3E;
              }
              section.footer-info > ul.offline-info > li.offline-list > div.text > span:after {
                content:'>';
                font-weight:bold;
                color:#F53B3E;
                padding-left:5px;
              }

  section.company-info {
    background-color:#FAFAFA;
    padding:20px;
    display:table;
    width:1060px;
  }
    section.company-info > ul,
    section.company-info > figure {
      padding-left:10px;
      padding-right:10px;
      display:table-cell;
    }
      section.company-info > ul > li {
        height:27px;
        line-height:27px;
      }
      section.company-info > ul > li > span:before {
        content:'|';
        padding-left:10px;
        padding-right:10px;
        font-weight:normal;
        color:#666;
      }
        section.company-info > ul > li > span:first-child:before {
          content:'';
        }

      section.company-info > figure {
        display:table-cell;
        padding:0px;
        vertical-align:middle;
        text-align:right;
      }
        section.company-info > figure > span {
          display:inline-block;
        }
          section.company-info > figure > span.certify img {
            padding-top:15px;
            padding-right:10px;
          }
          section.company-info > figure > span.ssl img {
            padding-top:10px;
            padding-right:10px;
          }

  nav.bottom-nav {}
    nav.bottom-nav > ul {
      display:table;
      width:1100px;
      background-color:#F3F3F3;
    }
      nav.bottom-nav > ul > li {
        display:table-cell;
        text-align:right;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
      }
        nav.bottom-nav > ul > li:first-child {
          text-align:left;
        }
          nav.bottom-nav > ul > li > span:before {
            content:'|';
            padding-left:10px;
            padding-right:10px;
            font-weight:normal;
            color:#666;
          }
            nav.bottom-nav > ul > li > span:first-child:before {
              content:'';
            }

/**
 * 공용 팝업 레이어
 */
div#popup-layer-back {
  position:fixed;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  background-color:#000;
  z-index:1000;
  opacity:0.7;
  filter:(opacity=70);
  display:none;
}
article#popup-layer {
  display:none;
  position:absolute;
  left:50%;
  overflow:hidden;
  background-color:#FFF;
  border:3px solid #000;
  z-index:10001;
}
  article#popup-layer > span {
    position:absolute;
    font-size:3em;
    font-weight:bold;
    right:20px;
    top:0px;

  }
  article#popup-layer > ul {
    display:inline-block;
    padding:10px;
  }

/**
 * 커뮤니티
 */
section.community {
  margin-top:22px;
  margin-left:20px;
}
  section.community > article.benefit {
    display:table;
    margin:0px auto;
  }
    section.community > article.benefit > dl {
      display:table;
    }
      section.community > article.benefit > dl:first-child {
        margin:0px auto;
        padding:15px;
        position:relative;
      }
        section.community > article.benefit > dl:first-child > dt > div.line {
          position:absolute;
          height:20px;
          width:1px;
          border-right:1px solid #F53B3E;
          -ms-transform:rotate(135deg);
          -webkit-transform:rotate(135deg);
          transform:rotate(135deg);
          top:0px;
          left:0px;
        }
          section.community > article.benefit > dl > dt,
          section.community > article.benefit > dl > dd {
            display:table-cell;
            padding-top:5px;
            padding-bottom:5px;
          }
            section.community > article.benefit > dl > dt:after {
              content:'|';
              padding-left:10px;
              padding-right:10px;
            }
              section.community > article.benefit > dl:first-child > dt:after {
                content:'';
              }

  section.community > article.bbs-recent {
    margin-top:50px;
    background-color:#FAFAFA;
    display:table;
    width:100%;
    border-spacing:80px;
  }
    section.community > article.bbs-recent > div {
      display:table-row;
    }
      section.community > article.bbs-recent > div > ul.default-bbs {
        width:50%;
        display:table-cell !important;
      }

ul.default-bbs {
  display:inline-block;
}
  ul.default-bbs > li {
  }
    ul.default-bbs > li > header {
      padding-bottom:8px;
      border-bottom:3px solid #000;
      margin-bottom:10px;
    }
      ul.default-bbs > li > ul > li {
        height:30px;
        line-height:30px;
        padding-left:5px;
        padding-right:5px;
        font-size:0.9em;
      }
        ul.default-bbs > li > ul > li > img {
          vertical-align:middle;
        }
        ul.default-bbs > li > ul > li > small {
          float:right;
        }
        ul.default-bbs > li > ul > li > a {
          color:#333;
        }
          ul.default-bbs > li > ul > li > a:hover {
            color:#F53B3E;
          }

span.btn-icon-calendar {
  position:absolute;
  right:0px;
  top:50%;
  z-index:10;
  margin-top:-8px;
  cursor:none;
}
div.bootstrap-datetimepicker-widget {
  left:-11px;
}

/*  추천상품 */
div.md-choice {
  font-size:1.1em;
  border-bottom:1px solid #E7E7E7;
  padding-left:10px;
  padding-bottom:10px;
  padding-top:15px;
  margin-bottom:20px;
}

.weekly-best section.main-contents {
  padding-top:0px !important;
  padding-bottom:25px;
  margin-bottom:25px;
  border-bottom:1px solid #E7E7E7;
}
section#tab-banner {
  position:relative;
  width:920px;
  height:180px;
  overflow:hidden;
}
  section#tab-banner ul.tab-banner {
    position:absolute;
    bottom:10px;
    left:10px;
  }
    section#tab-banner ul.tab-banner li {
      width:10px !important;
      height:10px !important;
      border-radius:30px;
      display:inline-block !important;
      margin-right:5px;
      z-index:10;
    }

  section#tab-banner div.tab-banner-content {
    width:920px !important;
    height:160px;
    margin-top:0px;
  }
    section#tab-banner div.tab-banner-content ul {
      width:920px;
      height:160px;
    }
      section#tab-banner div.tab-banner-content ul li {
        float:left;
        width:306px;
        height:306px;
        position:relative !important;
        border-left:1px solid #E7E7E7;
      }
        section#tab-banner div.tab-banner-content ul li:first-child {
          border-left:0px none;
        }
          section#tab-banner div.tab-banner-content ul li figure{
            width:160px;
            height:160px;
            position:absolute;
            top:0px;
            right:15px;
          }
            section#tab-banner div.tab-banner-content ul li figure img {
              width:160px !important;
              height:160px !important;
            }

          section#tab-banner div.tab-banner-content ul li span.title {
            height:40px;
            width:110px;
            overflow:hidden;
            line-height:20px;
            position:absolute;
            top:95px;
            left:15px;
          }
          section#tab-banner div.tab-banner-content ul li span.price {
            height:40px;
            width:130px;
            overflow:hidden;
            line-height:20px;
            position:absolute;
            top:140px;
            left:15px;
          }


.cg-main > h2 {
  margin:0 0 35px;
  padding:25px 0 11px 4px;
  border-bottom:1px solid #dadada;
  color:#000;
  font-size:22px;
}

/* 페이코 버튼 */
span.payco_section {
  height:45px !important;
}
span.payco_btn_wrap {
  top:65px !important;
}
span.payco_txt {
  line-height:15px;
}
div#paycoDisplayID {
  display:inline-block !important;
  padding-right:10px;
}

div.easy-payment-right > div {
  display:inline-block;
}

/* 재입고알림 */
.btn-add-restock {
      width:124px;
      height:61px;
      line-height:59px;
      font-size:16px;
      font-weight:bold;
}


/*
 * 게시판
 */

.list-event .list-item > a {
  border: 0px none;
}


/*
 * 검색
 */

div.search-form div.related-searches > span {
  height: 21px;
  line-height: 21px;
  margin-top: 7px;
  margin-right: 15px;
}
div.search-form div.related-searches > ul {}
  div.search-form div.related-searches > ul > li {
    line-height: 35px;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    background: none !important;
  }
    div.search-form div.related-searches > ul > li:after {
      content: '|';
      padding-left: 10px;
      padding-right: 10px;
    }
    div.search-form div.related-searches > ul > li:last-child:after {
      content: '';
      padding: 0px;
    }
#popupCode_layer_2 {
overflow: visible !important;
}