@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/* @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"); */

body {
  margin: 0;
  font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
  background-color: #f5f2f0;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  word-break: keep-all;
  padding-bottom: 0px !important;
  padding-right: 0px !important;

}
body{
 -ms-overflow-style: none;
 }
 
/*
::-webkit-scrollbar {
  display: none;
}
*/

/**color**/
.f_brown { color: #90776f;}
.grey6 { color: #666666;}
.grey3 { color: #333333;}
.bluer1 {color: #718096;}
.blue { color: #4a5568 !important; background: #fff !important; border: 0px !important; }

.font60 {font-size: 0.6rem !important; font-weight: 400;}
.font70 {font-size: 0.7rem !important; font-weight: 400;}
.font75 {font-size: 0.75rem !important; font-weight: 400;}
.font80 {font-size: 0.8rem !important; font-weight: 400;}
.font85 {font-size: 0.85rem !important; font-weight: 400;}
.font90 {font-size: 0.9rem !important; font-weight: 400;}
.font95 {font-size: 0.95rem !important; font-weight: 400;}
.font10 {font-size: 1rem !important; font-weight: 400;}
.font11 {font-size: 1.1rem !important; font-weight: 400;}
.stitle {font-size: 1.15rem !important; font-weight: 500;}
.stitle_sub {font-size: 12px !important; font-weight: 300;color:#515C6F;}
.font22 {font-size: 1.2rem !important; font-weight: 400;}
.font23 {font-size: 1.3rem !important; font-weight: 400;}
.font25 {font-size: 1.5rem !important; font-weight: 400;}

.fontW1 {font-weight: 100 !important;} /**Thin**/
.fontW3 {font-weight: 300 !important;} /**Light**/
.fontW4 {font-weight: 400 !important;} /**Regular**/
.fontW5 {font-weight: 500 !important;} /**Medium**/
.fontW7 {font-weight: 700 !important;} /**Bold**/
.fontW9 {font-weight: 900 !important;} /**Black**/

.line14 { line-height: 1.4rem; }
.line13 { line-height: 1.3rem; }
.line12 { line-height: 1.2rem; }
.line11 { line-height: 1.1rem; }
.line10 { line-height: 1.0rem; }
.line09 { line-height: 0.9rem; }
.line08 { line-height: 0.8rem; }
.line07 { line-height: 0.7rem; }
.line06 { line-height: 0.6rem; }
.line05 { line-height: 0.5rem; }


.flex{display: flex; align-items: center;
    justify-content: space-between; padding: 5px 0; border-bottom: 1px solid #ddd; position: relative}
.flex::after{position: absolute; left: 0; bottom: 0; width: 120px; height: 2px; background: #333; content: ''}    
    
.flex h3{font-size: 25px;font-weight: bold;}
@media (max-width:768px){
	.flex h3{font-size: 20px !important;}
	.flex div{font-size: 10px !important;}
}


.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

/**TOP**/
.top_info {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  text-align: center;
  height: 34px;
  color: #ffffff;
  font-size: 0.85rem;
  font-weight: 400;
  align-self: center;
  line-height: 2rem;
  font-family: 'Noto Sans KR';
}
.top_info.brand {
  background-color: #a49089;
}

.fixed-top {
  top:  34px;
}

.carousel {
  padding-top: 52px;
  max-width: 1200px;
  width: 100%;
  /*padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);*/
  margin-right: auto;
  margin-left: auto;
  background-color: #333;
  margin-bottom: 2rem !important;
}
.carousel-item {
  width: 100%;
  overflow: hidden;
}
@media (max-width: 990px){
  .carousel-item {
    height: 450px !important;
	background-size: cover;
  }
}
@media (max-width: 767px){
  .carousel-item {
    height: 195px !important;
    /*height: 300px !important;*/
	background-size: cover;
  }
}

.carousel-cta-button {
  bottom: 10%;
  right: 10%;
}

.carousel-caption.custom-text {
  bottom: 10%;
  right: 10%;
}

#carousel_01 {
  background-image:url(../../images/roll_bn01.png) ;
}
#carousel_02 {
  background-image:url(../../images/roll_bn02.png) ;
}
#carousel_03 {
  background-image:url(../../images/roll_bn03.png) ;
}
#carousel_04 {
  background-image:url(../../images/roll_bn01.png) ;
}
#carousel_05 {
  background-image:url(../../images/roll_bn03.png) ;
}

.btn-carousel {
    color: #ffffff !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
}
.btn-carousel:hover {
    color: #cfb199 !important;
}


.bg-brand {
  background-color: #f5f2f0;
}

.container-fluid.navwidth {
  max-width: 1200px;
}


.bi-person {
  font-size: 1.2rem !important;
  line-height: 1.5rem;
}
.nav-item i {
  font-size: 1rem;
  margin: 0 5px;
  color: #4a5568;
}
.nav_brand li a {
  color: #000000 !important;
  font-weight: 600;
  font-size: 0.9rem;
}
.nav_brand li a:hover {
  color: #a49089 !important;
  font-weight: 600;
}
.navbar {
  padding: 0.8rem 0 ;
  border-bottom: 1px solid #ddd;
}

.navbar-dark .navbar-toggler-icon {
  background-image: none;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-toggler-icon i {
  font-size: 2rem;
  color: #4a5568;
  font-weight: bold;
}
._search i {
  font-size: 1.5rem;
  line-height: 2.1rem;
}

/*button*/
.brand_btn01 {
  background-color: #90776f;
  color: #ffffff;
  box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1);
  font-size: 0.9rem;
}
.brand_btn01:hover {
  color: #ffffff;
  box-shadow: none;
}
.brand_btn02 {
  background-color: #ffffff;
  color: #90776f;
  box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1);
  font-size: 0.9rem;
}
.brand_btn02:hover {
  color: #90776f;
  box-shadow: none;
  border: 1px solid #eeeeee;
}
.brand_btn03 {
  background-color: rgba(0, 0, 0, 0);
  color: #977e77;
  border: 1px solid #977e77;
  font-size: 01rem;
  font-weight: 600;
  padding: 10px 20px;
  cursor: pointer;
}
.brand_btn03:hover {
  color: #42250d;
}

.container {
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  max-width: 1200px;
  flex: 1;
}

.top_btn_group {
  text-align: center;
  margin-bottom: 30px;
  padding:0 24px 0 8px ;
}

.top_btn_group button {
 margin-bottom: 10px;
}

.main_banner_wrap {
  object-fit: cover; 
  height: 100%;
  margin-bottom: 65px;
  width: calc(100% + 32px); 
  margin-left: -16px;
}

@media (max-width:768px){
  .main_banner_wrap {
    margin-bottom: 35px;
  }
}

img {
  object-fit: cover;
}

/*�쒗뭹由ъ뒪��*/
.product_wrap {
  padding: 0 4px;
}
.product_list_wrap {
  margin-bottom: 50px;
}
.product_list_tit {
  text-align: center;
  color: #4a5568;
}
.product_list_tit h5 {
  font-weight: 600;
  margin-bottom: 0px;
  font-size: 1.05rem;
}
.product_list_tit p {
  font-size: .9rem;
  margin-bottom: 40px;
}
.p_image_wrap {
  width: 100%;
  height: auto !important;
  position: relative;
}
.p_image_wrap:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.p_image_wrap img {
  object-fit: cover; 
  position: absolute;
  width: 100%;
  height: 100%;
}
.p_info {
  letter-spacing: -0.02rem;
  font-family: 'Noto Sans KR';
}
.p_info p {
  font-size: 0.8rem !important;
  margin-bottom: 5px !important;
}
.p_info h5 {
  font-size: 1.0rem;
  color: #000000;
}
.card {
  background-color: rgba(0, 0, 0, 0.0);
  border: none;
}
.p_badge {
  background-color: #84748b;
  height: 24px;
  border-radius: 3px;
  color: #ffffff;
  font-family: 'Montserrat';
  font-size: 0.85rem;
  font-weight: 500;
}
.like_badge {
  background-color: rgba(255, 255, 255, 0.5);
  width: 33px;
  height: 33px;
  color: #666666;
  font-size: 1rem;
  padding: 8px;
  cursor: pointer;
}
.like_badge:hover {
  color: #dc55a1;
}
.bi-suit-heart-fill{
  color: #dc55a1;
}
.text-skyblue {
  color: #a0aec0;
}
.text-purple {
  color: #84748b;
}
.p_info h5 {
  font-weight: 400;
}
.list_add {
  display: none;
}
.product_wrap {
  margin-bottom: 70px;
}

@media (max-width:768px){
  .product_wrap {
    margin-bottom: 40px;
  }
}

.gnb_cate {
  text-align: center;
  margin-bottom: 30px;
  white-space: nowrap;
  overflow:auto; 
  padding: 0 16px;
  cursor: pointer;
  height: 35px;
}
.gnb_cate ul {
  list-style: none;
  display: inline;
  padding: 0px;
}
.gnb_cate li {
  display: inline;
  content: '';
  font-weight: 600;
  padding: 0 5px;
  color: #4a5568;
}

@media (max-width:768px){
  .gnb_cate li {
    padding: 0 3px;
  }
}

.gnb_cate li:hover {
  color: #000000;
}
.gnb_cate>ul>li::after{
  content: "|";
  /*float: right;
  display: block;*/
  align-items: center;
  padding-left: 15px;
}

@media (max-width:768px){
  .gnb_cate>ul>li::after {
    padding-left: 10px;
  }
}

.gnb_cate>ul>li:last-child::after{
  content: "";
}

/**footer**/
.foot_menu_wrap {
    background-color: #a49089;
    padding: 0 16px;
}
.foot_menu {
background-color: #a49089;
padding: 10px 0px;
max-width: 1200px;
margin:  0 auto;
cursor: pointer;flex-grow: 1;
}
.foot_menu ul {
list-style: none;
display: inline-block;
padding: 0;
margin: 0 auto;
}
.foot_menu li {
display: inline;
content: '';
font-weight: 600;
padding: 0px 5px;
color: #ffffff;
font-size: 1rem;
}
.foot_menu li:hover {
color: #4a5568;
}
.foot_menu_left>ul>li::after{
content: "|";
align-items: center;
padding-left: 10px;
font-weight: 300;
}
.foot_menu_left>ul>li:last-child::after{
content: "";
}
.sns_ico {
display: inline-block;
cursor: pointer;
float:right;
}
.sns_ico img {
width: 1.2rem;
height: 1.2rem;
margin-bottom: 5px;
margin-left: 16px;
}
.sns_ico i {
color: #fff;
font-size: 1.2rem;
font-weight: 700; 
padding-left: 16px;
}

@media (max-width:768px){
	.foot_menu ul {text-align: left !important;}
    .foot_menu_right {
        text-align: center !important;
    }
	.foot_menu li {font-size: 0.78rem !important; }
    .sns_ico {
        padding-top: 5px;
        display: inline-block;
        cursor: pointer;
        float:none;
    }
	.company_info {text-align: left !important;}
	.company_info li {font-size:11px !important;}
	.company_info p {font-size: 10px !important;}
}
.company_info_wrap {
  background-color: #e2dbd7;
  text-align: center;
}
.company_info {
  max-width: 1200px;
  margin:  0 auto;
  text-align: center;
  padding: 20px 16px ;
  font-size: 0.85rem;
  font-weight: 400;
  color: #202226;
  font-family: 'Noto Sans KR';
}
.company_info span {
  color: #4a5568;
  font-weight: 700;
  margin-right: 5px;
  font-family: 'Montserrat';
}
.company_info ul {
  margin: 15px 0px;
  list-style: none;
  display: inline;
  padding: 0;
}
.company_info li {
  display: inline;
  content: '';
  padding: 0px 10px;
}
.company_info>ul>li:last-child::after{
  padding-right: 0px;
}
.company_info p {
  margin: 20px 0px;
  font-size: 0.75rem;
  color: #4a5568;
  margin-bottom: 10px;
}
.bottom_menu {
  position: fixed;
  bottom: 0px;
  padding: 16px;
  background-color: #ffffff;
  width: 100%;
  text-align: center;
  border-top: 1px solid #dddddd;
  font-size: 0.85rem;
  font-weight: 600;
  z-index: 1040;
}
.bottom_menu i {
  display: block;
  font-size: 1.2rem;
  color: #000;
}

@media (min-width: 990px){
  .bottom_menu {
    display: none;
  }
}

@media (max-width:  990px){
  main {
    padding-bottom: 5rem;
  }
}

/*switch*/
.switch {
  margin: 20px 0px 30px;
}

.switch input[type=checkbox] {
    display: none;
}

.switch input[type=checkbox] + label {
    position:relative;
    min-width:calc(calc(2.375rem * .8) * 2);
    border-radius:calc(2.375rem * .8);
    height:calc(2.375rem * .8);
    line-height:calc(2.375rem * .8);
    display:inline-block;
    cursor:pointer;
    outline:none;
    user-select:none;
    vertical-align:middle;
    text-indent:calc(calc(calc(2.375rem * .8) * 2) + .5rem);
}
.switch input[type=checkbox] + label::before,
.switch input[type=checkbox] + label::after {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:calc(calc(2.375rem * .8) * 2);
    bottom:0;
    display:block;
}
.switch input[type=checkbox] + label::before {
right:0;
background-color:#a49089;
border-radius:calc(2.375rem * .8);
transition:.2s all;
}
.switch input[type=checkbox] + label::after {
    top:2px;
    left:2px;
    width:calc(calc(2.375rem * .8) - calc(2px * 2));
    height:calc(calc(2.375rem * .8) - calc(2px * 2));
    border-radius:50%;
    background-color:#fff;
    transition: all 0.2s ease-in 0s;;
}
.switch input[type=checkbox]:checked + label::before {
    background-color:#c35562;
}
.switch input[type=checkbox]:checked + label::after {
    margin-left:calc(2.375rem * .8);
}
.switch input[type=checkbox]:focus + label::before {
    outline:none;
    box-shadow:0 0 0 .2rem rgba(0,136,221,.25);
}
.switch input[type=checkbox]:disabled + label {
    color:#868e96;
    cursor:not-allowed;
}
.switch input[type=checkbox]:disabled + label::before {
    background-color:#e9ecef;
}
.switch.switch-xs {
    font-size:.9rem;
    color: #4a5568;
    font-weight: 500;
}
.switch.switch-xs input[type=checkbox] + label {
    min-width:calc(calc(1.5375rem * .8) * 2);
    height:calc(1.5375rem * .8);
    line-height:calc(1.5375rem * .8);
    text-indent:calc(calc(calc(1.5375rem * .8) * 2) + .5rem);
}
.switch.switch-xs input[type=checkbox] + label::before {
    width:calc(calc(1.5375rem * .8) * 2);
}
.switch.switch-xs input[type=checkbox] + label::after {
    width:calc(calc(1.5375rem * .8) - calc(2px * 2));
    height:calc(calc(1.5375rem * .8) - calc(2px * 2));
}
.switch.switch-xs input[type=checkbox]:checked + label::after {
    margin-left:calc(1.5375rem * .8);
}


/*side bar*/
.offcanvas {
  z-index: 3000;
  background-color: #f5f2f0;
}
.offcanvas-start {
    top: 100px;
    left: 0;
    width: 100%;
    border-right: 0px solid rgba(0, 0, 0, 0.2);
    transform: translateX(-100%);
}
.offcanvas-end {
    top: 0;
    right: 0;
    width: 512px;
    border-left: 0px solid rgba(0, 0, 0, 0.2);
    transform: translateX(100%);
}
@media (max-width: 768px){
  .offcanvas-end {
    top: 0;
    right: 0;
    width: 100%;
    border-left: 0px solid rgba(0, 0, 0, 0.2);
    transform: translateX(100%);
  }
}


/*to TOP*/
a#topBtn:hover {
  color: #ffffff;
}
a#topBtn i {
  display: block;
  margin-bottom: -5px;
  margin-top: 7px;
}
a#topBtn { 
  position:fixed;
  right:2%;
  bottom:100px;
  z-index:50000;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: 600;
  display: none; 
  z-index: 2999;
} 

@media (min-width: 1201px){
    a#topBtn {
        visibility: hidden;
    }
}

/**search**/
.offcanvas-top {
  margin-top: 100px;
}
#custom-search-input{
    padding: 3px;
    border: solid 2px #4a5568;
    border-radius: 6px;
    background-color: #fff;
    margin: 5px 10px 20px;
}
#custom-search-input i {
  color: #4a5568;
}

#custom-search-input input{
    border: 0;
    box-shadow: none;
}

#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #4a5568;
    padding: 0 8px 0 10px;;
    border: none !important;
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}

#custom-search-input .glyphicon-search{
    font-size: 23px;
}

/**side_login**/
.offcanvas-body {
  padding: 2rem 2rem 6rem;
}
@media(max-width: 768px){
  .offcanvas-body {
    margin-bottom: 82px;
  }
}
.login_top {
  color: #4a5568;
  font-size: 0.85rem;
}
.login_top>.title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 2px;
}
.login_btn_wrap {
  padding: 20px 0px 25px;
  border-bottom: 1px solid #ddd;
}

.login_center {
  width: calc(100% + 32px); 
  margin-left: -16px;
  text-align: center;
  margin-top: 15px;
}
.login_btn_bg {
  text-align: left;
  background: url(../../images/login_bg.png) no-repeat center;
  background-size: 100% 50px;
  height: 50px;
  padding-top: 13px;
  width: 100%;
  cursor: pointer;
  padding-left: calc(50% - 75px);
}
.login_btn_bg img {
  height: 20px;
  margin-right: 5px;
}

.login_category {
  color: #4a5568;
  margin-top: 15px;
  border-top: 1px solid #ddd;
  padding: 25px 0px 50px !important;
}
.login_category p {
  font-weight: 700;
  font-size: 1.05rem;
  margin-bottom: 5px;
}
.login_category a {
  color: #4a5568;
  font-weight: 700;
  font-size: 1.05rem;
  margin-bottom: 5px;
  text-decoration: none;
}
.login_category a:hover {
  color: #4a5568;
  font-weight: 700;
  font-size: 1.05rem;
  margin-bottom: 5px;
}
.login_category ul {
  list-style: none;
  padding: 0px;
}
.login_category li {
  font-family: 'Noto Sans KR';
  content: '';
  font-weight: 400;
  padding: 0 5px;
  font-size: 0.95rem;
  line-height: 2rem;
  padding-left: 0px;
  cursor: pointer;
}
.slide_wishlist {

}
.slide_wishlist>.offcanvas-header {
  height: 70px;
  background-color: #f5f2f0;
}
.slide_wishlist>.offcanvas-body {
  background-color: #ffffff;
  padding-bottom: 0px;
}
.wish_product_list {
  font-family: 'NOTO SANS KR';
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wish_product_list img {
  width: 96px;
  height: 96px;
  border-radius: 5px;
}
.wish_product_list ul {
  list-style: none;
  padding: 0px;
}
.wish_product_list li {
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #ddd;
}
.wish_product_list select {
  width: 60px;
}
.btn-close_wish {
  width: 0.4em;
  height: 0.4 em;
  color: #4a5568;
  opacity: 0.2;
  margin-right: 5px;
}
.subtotal {
  background-color: #f5f2f0;
  padding: 32px;
  width: calc(100% + 64px); 
  margin-left: -32px;
  border-top: 1px solid #ddd;
}
.cart_product_list {
  font-family: 'NOTO SANS KR';
  width: 100%;
  object-fit: cover;
}
.cart_product_list img {
  width: 96px;
  height: 96px;
  border-radius: 5px;
}
.cart_product_list ul {
  list-style: none;
  padding: 0px;
}
.cart_product_list li {
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #ddd;
}
.cart_product_list li:last-child {
  border-bottom: 0px
}
.cart_product_list select {
  width: 60px;
}


/*switch*/

/*quickmenu*/
.quickmenu_left {position:absolute;top:50%;margin-top:-50px;left:calc(50% - 697px);font-family: 'Noto Sans KR';}
.quickmenu_left > .box {
  background:#fff;
  width: 80px;
  height: 80px;
  border: 1px solid #aeb9cc;
  font-size: 0.8rem;
  color: #4a5568;
  text-align: center;
  align-self: center;
  padding-top: 15px;
  cursor: pointer;
}
.quickmenu_left > .box > .naver {
  border-top: none;
}
.quickmenu_right {position:absolute; top:50%; text-align: center !important; cursor: pointer;margin-top:-50px;left:calc(50% + 617px);font-size: 11.5px;font-weight: 400; width: 80px;}
.quickmenu_right > .top_btn i {
  display: block;
}
.quickmenu_right > .down_btn i {
  display: block;
  font-size: 1rem;
  line-height: 1rem;
}
.quickmenu_right > .recently {
  background:#fff;
  border: 1px solid #4a5568;
  width: 80px;
  border-top: 5px solid #4a5568;;
}
.quickmenu_right ul {
  width: 80px;
  list-style: none;
  padding: 0px;
  margin-bottom: 0px;
}
.quickmenu_right li {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-bottom: 5px;
  text-align: center;
} 
.quickmenu_right img {
  width: 60px;
  height: 60px;
}
.sns_signup {
  color: #000000;
  font-family: 'Noto sans KR';
}
.login_btn {
  background-color: #ffffff;
  color: #4a5568;
  box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1);
  font-size: 0.9rem;
  font-weight: 700;
  position:relative;
}
.social_kakao{
  background-color: #FFEB00 !important;
  height: auto !important;
  border-radius: 0 !important;
}
.social_naver{
  background-color: #00C73C !important;
  height: auto !important;
  border-radius: 0 !important;
}
.sns_wrap img {
  width: auto !important;
  height: 20px !important;
  /*margin-right: 10px;*/
  position: absolute;
  top: 10px;
  left: 14px;
}

@media (max-width:1200px){
    .quickmenu_left, .quickmenu_right {
      display: none;
	  height: 50px;
    }
}

/** 221121_�듭뀡�섏젙 由ъ뒪��, 踰꾪듉 異붽� **/
.option_list {
    font-size: 0.9rem;
}
.option_list ul {
    list-style: none;
}
.option_list li {
    border: none;
    padding: 0px;
}
.brand_btn01_sm {
    background-color: #90776f;
    color: #ffffff;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1);
    font-size: 0.9rem;
    padding: 2px 8px 3px;
}
.brand_btn01_sm:hover {
    color: #ffffff;
    box-shadow: none;
}


.left_nav{width: 200px;}
.left_nav .title{background: #90776f; color: #fff; padding: 20px; text-align: center}
.left_nav .title p{font-size: 14px; font-weight: 400; color: #e1e1e1; text-transform: uppercase;}
.left_nav .title h2{font-size: 20px; font-weight: 600; color: #fff;}
.left_nav .userinfo p{padding: 10px; font-size: 16px; position: relative; margin: 0}
.left_nav .userinfo p span{position: absolute; right: 10px; top: 9px; display: inline-block; font-size: 14px}
.left_nav .userinfo p.name{padding: 10px 0 10px 15px; /*border-bottom: 1px solid #90776fd3;*/ background-color: #90776fd3; font-weight: 400; color: #fff; font-size: 14px;}
.left_nav .userinfo p.point{padding: 10px 0 10px 15px; /*border-bottom: 1px solid #90776f8f;*/ background-color: #90776f8f; font-weight: 400; color: #fff; font-size: 14px;}  
.left_nav_info{margin-top: 20px}
.left_nav_info .box{padding: 10px; border: 1px solid #ddd; background: #fff}
.left_nav_info .box h2{font-size: 12px; font-weight: 600;}
.left_nav_info .box a{display: block; font-size: 12px; font-weight: normal; margin: 5px 0; color: #666; font-style: normal; text-decoration: none}

.cs_left_nav_info{width: 200px;}
.cs_left_nav_info .title{background: #90776f; color: #fff; padding: 20px; text-align: center}
.cs_left_nav_info .title p{font-size: 14px; font-weight: 400; color: #e1e1e1; text-transform: uppercase;}
.cs_left_nav_info .title h2{font-size: 20px; font-weight: 600; color: #fff;}
.cs_left_nav_info .userinfo p{padding: 10px; font-size: 16px; position: relative; margin: 0}
.cs_left_nav_info .userinfo p span{position: absolute; right: 10px; top: 9px; display: inline-block; font-size: 14px}
.cs_left_nav_info .userinfo p.name{padding: 10px 0 10px 15px; /*border-bottom: 1px solid #90776fd3;*/ background-color: #90776fd3; font-weight: 400; color: #fff; font-size: 14px;}
.cs_left_nav_info .userinfo p.point{padding: 10px 0 10px 15px; /*border-bottom: 1px solid #90776f8f;*/ background-color: #90776f8f; font-weight: 400; color: #fff; font-size: 14px;}  
.cs_left_nav_info .box{padding: 5px 10px; border: 1px solid #ddd; background: #fff}
.cs_left_nav_info .box h2 a{font-size: 12px; font-weight: 600;}
.cs_left_nav_info .box a{display: block; font-size: 12px; font-weight: normal; margin: 5px 0; color: #000; font-style: normal; text-decoration: none;}
.cs_left_nav_info .faq a{padding: 0 10px !important;}






/* 怨좎젙 CSS */
#content_title {background-color: #f5f2f0 !important;}
.sp_wrap .sp_tbox {background-color: #f5f2f0 !important;}
.sp_wrap .sp_vbox {background-color: #f5f2f0 !important;}
#option_set_added {background-color: #f5f2f0 !important;}
#sit_tot_views {background-color: #f5f2f0 !important;}
#sit_qty_views {background-color: #fffafa !important;}
#sit_price_views {background-color: #fffafa !important;}
#sit_final_views {background-color: #fffafa !important;}
.vi_tab li.on {background-color: #f5f2f0 !important;}
#tab_cate li.active a {background-color: #f5f2f0 !important;}
#tab_cate li.active a {background-color: #f5f2f0 !important;}
#mb_confirm p {background-color: #f5f2f0 !important;}
.soldout, .memopen {color: #fff !important; background-color: #c35562 !important;}
.ct-bgcolor p span {background-color: #f5f2f0 !important;}
.sod_opt li.ty {background-color: #f5f2f0 !important;}
.sod_opt li.ny {background-color: #f5f2f0 !important;}
.aside_hd {background: #a49089;}
textarea.required {background-color: #f5f2f0 !important;}

/*
.sod_list .total_img {
  position: relative;
  margin-top: 12px;
  margin-left: 8px;
  top: unset;
  left: unset;
  display: block;

}

.sod_li .li_name ul {
  padding-left: 10px;
}
*/