@charset "utf-8";

/*#########################################################
* SBaShop
*##########################################################

*========================================================*/
.mall-menu {
  margin-bottom: 0px;
  position: relative;
  z-index: 1;
  border-bottom: 2px dotted #e69c9c;
}

.mall-menu-list li {
  display: inline;
}

.mall-menu-list li a {
  padding: 10px 6px;
  border: 1px solid #eee;
  font-size: 1em;
  display: inline-block;
}

#lefton a {
  color: #e69c9c;
  border: 1px solid #e69c9c;
}

/*-------------------------------------------------------*/
#photo_output {
  float: left;
  width: 100px;
  margin-right: 15px
}

#photo_title {
  color: #666666;
  font-weight: bold;
  text-align: center;
  margin: 8 0 8 0
}

#photo_info {
  text-align: center;
  color: #333 !important;
  margin-bottom: 50px;
}

/*-------------------------------------------------------*/
/* product */
#product_img {
  float: left;
  margin: 0 0 30px 0;
  text-align: center;
}

#product_img .product-img img {
  width: 100%;
  height: auto;
  border: 1px solid #eee;
  margin-bottom: 10px;
}

#product_info {
  float: right;
  padding-left: 15px;
  text-align: left;
}

.product_tle {
  font-weight: bold;
  font-size: 1.714em;
  margin-bottom: 30px;
}

.product_txt1 {
  padding: 0 0 0 9px;
  font-size: 1em;
}

.product_txt2 {
  color: #666666;
  font-size: 1em;
}

.product_price {
  font-weight: bold
}

.tle_bar {
  background: url(../img/main/bg_tle.gif) no-repeat;
  width: 690;
  height: 29;
  padding: 7 0 10 27;
  font-weight: bold;
  margin-top: 27
}

/*-------------------------------------------------------*/
#product_list {
  text-align: center;
  font-weight: bold;
  color: #333;
  font-size: 1.571em;
  padding: 10px;
  /* 22.04.19 */
  min-height: 32rem;
  max-height: 32rem;
  border: 1px solid #eee;
  margin-right: -1px;
  margin-bottom: 1rem;
}

@media screen and (max-width: 992px) {
  #product_list {
    font-size: 1.4em;
    min-height: 29rem;
    max-height: 29rem;
  }
}

@media screen and (max-width: 768px) {
  #product_list {
    font-size: 1.25rem;
    min-height: 32rem;
    max-height: 32rem;
  }
}

@media screen and (max-width: 576px) {
  #product_list {
    font-size: 1.1rem;
    min-height: 25rem;
    max-height: 25rem;
  }
}

#product_list span {
  font-size: 0.857em;
  font-weight: lighter;
}

#product_list a img {
  width: 100%;
  height: auto;
  border: 1px solid #eee;
}

#product_list_tle {
  float: left;
  padding: 29 0 5 9
}

#product_list_sort {
  float: right;
  padding: 30px 15px 10px 0;
  font-size: 12px;
  color: #EA212D;
  font-weight: bold
}

#product_list_sort a {
  color: #999999;
  font-weight: normal;
  font-size: 11px;
}

#product_list_sort span {
  color: #999999;
  font-weight: normal;
  font-size: 11px;
}

/*-------------------------------------------------------*/
/* 페이징 */
#page {
  /*text-align: center;*/
  letter-spacing: 3;
}

#page img {
  vertical-align: middle;
  letter-spacing: 3;
  margin-top: -2
}

/*#page a {
  font-weight: normal;
  color: #555555
}*/
#page2 {
  text-align: center;
  margin: 14px;
  color: #FF7901;
  font-weight: bold;
  letter-spacing: 1
}

#page2 img {
  vertical-align: middle;
  letter-spacing: 3;
  margin-top: -2
}

#page2 a {
  font-weight: normal;
  color: #444444;
  font-weight: bold
}

#page2 span {
  color: #BABABA;
  font-weight: normal
}

/*-------------------------------------------------------*/
/* 썸네일 */
#nail {
  margin: 4px 0 4px 0;
}

#nail a:link {
  font-size: 11px;
  color: #666666
}

#nail a:visited {
  font-size: 11px;
  color: #666666
}

#nail img {
  border: 1px solid #CACACA;
  margin: 2;
  cursor: hand;
  width: 50px;
  height: 50px
}

#nail_txt {
  padding-top: 5px;
  font-size: 11px;
  color: #666666;
}

#nail_txt a:link {
  text-align: left;
  padding-top: 5;
  font-size: 11px;
  color: #666666;
}

#nail_txt a:visited {
  text-align: left;
  padding-top: 5;
  font-size: 11px;
  color: #666666;
}

/*-------------------------------------------------------*/
#product_content {
  clear: both;
  margin: 30px 0;
}

@media screen and (max-width: 768px) {
  #product_content {
    margin-top: 60px;
  }
}

/*-------------------------------------------------------*/
ul.rumi_tabs {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  height: 40px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 0px solid #ccc;
  border-top: 0px solid #ccc;
  width: 100%;
}

ul.rumi_tabs li {
  width: 25%;
  float: left;
  text-align: center;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  border: 1px solid #ccc;
  border-left: none;
  font-weight: bold;
  background: #fafafa;
  overflow: hidden;
  position: relative;
  padding: 0 20px;
}

@media screen and (max-width:768px) {
  ul.rumi_tabs li {
    padding: 0;
  }
}

/* 탭 - 메뉴 */
ul.rumi_tabs li:hover {
  background: #eee;
}

ul.rumi_tabs li.active {
  background: #FFFFFF;
  color: #444 !important;
  border-top: 3px solid #444;
  border-bottom: 1px solid #FFFFFF;
}

/* 선택된 탭 스타일 */
.rumi_tab_container {
  border: 1px solid #ccc;
  padding: 8px;
  border-top: none;
  clear: both;
  float: left;
  width: 100%;
  background: #FFFFFF;
  margin-bottom: 2em;
}

/* 탭 내용 박스 */
.rumi_tab_content {
  padding: 5px;
  display: none;
  text-align: left;
}

.rumi_tab_content p img {
  width: 100%;
  max-width: 1600px;
}

.rumi_tab_container .rumi_tab_content ul {
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.rumi_tab_container .rumi_tab_content ul li {
  padding: 5px;
  list-style: none
}

.rumi_tab_box {
  width: 100%;
}

/* 탭 전체 크기 */
#TAB_A {
  min-height: 240px;
  margin-bottom: 30px;
}

/*-------------------------------------------------------*/
.btn-buy {
  background-color: #444;
  border: 1px solid #444;
  color: #fff;
}

.btn-buy:hover,
.btn-buy:active,
.btn-buy:focus {
  background-color: #000;
  color: #fff !important;
}

.btn-cart {
  border: 1px solid #ccc;
}

.btn-cart:hover,
.btn-cart:active,
.btn-cart:focus {
  background-color: #ccc;
  color: #fff !important;
}

.btn-wish {
  border: 1px solid #ccc;
}

.btn-wish:hover,
.btn-wish:active,
.btn-wish:focus {
  background-color: #ccc;
  color: #fff !important;
}

.btn-default {
  border: 1px solid #ccc;
}

.btn-default:hover,
.btn-default:active,
.btn-default:focus {
  background-color: #ccc;
  color: #fff !important;
}

.btn-signin {
  background-color: #444;
  border: 1px solid #444;
  color: #fff;
}

.btn-signin:hover,
.btn-signin:active,
.btn-signin:focus {
  background-color: #000;
  color: #fff !important;
}

/*-------------------------------------------------------*/
.navbar-default {
  border-color: #fff !important;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
  background-color: #fff !important;
}

@media screen and (max-width: 768px) {
  .mypage-collapse {
    display: block !important;
  }
}

/*-------------------------------------------------------*/
/* 마이페이지 */
#txtbox_info {
  background: url(../img/main/dot.gif) no-repeat;
  padding: 0 0 0 18px;
  line-height: 18px;
  color: #686461;
  font-size: 11px;
}

.order_tle {
  margin: 0 0 8px 0;
}

#total_order {
  padding: 12;
  border-top: 1px solid #E8E2CD;
  border-bottom: 1px solid #E8E2CD;
  background: #FCF9F0;
  line-height: 24px;
  text-align: right;
  font-weight: bold;
  color: #666666
}

#total_order #sum_price {
  color: #da0000;
  font-size: 1em;
}

#total_order #sum {
  font-size: 1em;
}

#infobox {
  border: 2px solid #E4E4E4;
  padding: 12px 12px 0 12px;
  color: #666666
}

#dl1 {
  margin: 0 0 20 0;
}

#dl1 dt {
  font-weight: bold;
  margin-bottom: 5px;
  background: url(../img/main/dot_dt.gif) no-repeat;
}

#dl1 dd {
  line-height: 20px;
  margin: 0 0 0 15
}

#dl2 {
  margin: 0 0 20 0;
}

#dl2 dt {
  font-weight: bold;
  margin-bottom: 5px;
  background: url(../img/main/dot_dt.gif) no-repeat;
}

#dl2 dd {
  background: url(../img/main/dot_dd.gif) no-repeat;
  padding: 0 0 2 15;
  margin-left: 0;
  line-height: 20px
}

/*-------------------------------------------------------*/
#use {
  color: #CFCFCF;
  font-family: 돋움;
  font-size: 11px;
  text-align: right
}

#use a:link {
  color: #686461;
  font-family: 돋움;
  font-size: 11px
}

#use a:visited {
  color: #686461;
  font-family: 돋움;
  font-size: 11px
}

#use a:hover {
  color: #686461;
  font-family: 돋움;
  font-size: 11px
}

#use #on {
  color: #E81F27;
  font-weight: bold;
  font-family: 돋움;
  font-size: 11px
}

/*-------------------------------------------------------*/
.t_01 {
  border-collapse: collapse;
  border-top: 2px solid #ccc;
  border-right: 1px solid #CFCFCF;
}

.t_01 th {
  padding: 10px 5px;
  border-bottom: 1px solid #CFCFCF;
  border-left: 1px solid #CFCFCF;
  color: #666666;
  font-weight: bold;
  font-size: 0.857em;
  font-family: dotum, 돋움, 돋움체;
  background: #f6f6f6;
}

.t_01 td {
  padding: 5px;
  border-bottom: 1px solid #CFCFCF;
  border-left: 1px solid #CFCFCF;
  color: #555555;
  font-size: 0.857em;
  font-family: dotum, 돋움, 돋움체;
  background: #ffffff;
}

/*-------------------------------------------------------*/
.signin-member,
.signin-member2 {
  border: 1px solid #eee;
  font-size: 1em;
  padding: 35px 50px 0 50px;
}

.signin-etc {
  padding: 20px;
  font-size: 0.857em;
  border-top: 1px solid #eee;
}

.input-id,
.input-pw,
.input-oc,
.input-on {
  width: 100%;
}

@media screen and (max-width:768px) {

  .signin-member,
  .signin-member2 {
    padding: 20px 20px 0 20px;
  }
}