@charset "utf-8";


/* =======================================================
  layout
========================================================*/
.black.lang-kor {color: #ddd; }
.black .lang-kor {color: #ddd; }
.black + .lang-kor {color: #ddd; }
.black .mc--wrapper {background-color: #020202; }

.black .mc--container {background-color: #202020; }
.black .mc--container.set01 {background-color: #020202; }

.black .bg {background-color: #020202 !important; }

/* header
-----------------------------------------------*/
.black .header.type01 {
  background-color: #121212;
  border-bottom-color: #303030;
}

.black .header-search {background-image: url("/AppData/images/mediacommerce/black/button/header_search.svg"); }
.black .header-lang {background-image: url("/AppData/images/mediacommerce/black/button/header_global.svg"); }
.black .header-mypage {background-image: url("/AppData/images/mediacommerce/black/button/header_mypage.svg"); }
.black .header-cart {background-image: url("/AppData/images/mediacommerce/black/button/header_cart.svg"); }


/* header type 01 */
.black .header.type01 .logo.type-text{color: #fff; }


/* header type 02 */
.black .header.type02 .icon {background-color: #fff; }
.black .header.type02 .header-back {background-image: url("/AppData/images/mediacommerce/black/button/header_back_w.svg");}
.black .header.type02 .header-home {background-image: url("/AppData/images/mediacommerce/black/button/header_home_w.svg");}

/* header type 03 */
.black .header.type03 {
  background-color: #121212;
  border-bottom-color: #303030;
}
.black .header.type03 .icon {background-color: #fff; }
.black .header.type03 .header-title {color: #fff; }

.black .header.type03 .header-back {background-image: url("/AppData/images/mediacommerce/white/button/header_back_w.svg");}

/* footer
-----------------------------------------------*/
.black #footer {background-color: #202020; }

/* 법적고지 */
.black .footer-legal {
  border-bottom-color: #2b2c30;
  background-color: #020202;
}
.black .footer-legal .title {color: #999; }
.black .footer-legal p {color: #666; }


/* 사업자 정보 */
.black .footer-info {background-color: #020202; }
.black .footer-toggle span {color: #999; }
.black .footer-copyright p {color: #666; }


/* footer menu */
.black .footer-menu li a {color: #666;  }
.black .footer-menu li + li {
  background-image: url("/AppData/images/mediacommerce/black/etc/footer_divider.png");
}




/* fnb
-----------------------------------------------*/
.black .fnb-wrapper {
  border-top-color: #303030;
  background-color: #080808;
}
/*.black .fnb-menu .icon {background-color: #888; }*/
.black .fnb-menu {fill: #888; }


 /* category-container
-----------------------------------------------*/
.black .category-container {background-color: #202020; }


/* category header */
.black .category-header {
  border-bottom-color: #222;
  background-color: #020202;
}
.black .category-log p {color: #fff; }
.black .category-log strong {color: #fff; }


/* category util */
.black .category-util {
  background-color: #020202;
  border-bottom-color: #222;
}
.black .category-util ul li + li .category-util-menu {
  border-left-color: #222;
}

.black .category-util-menu span {color: #bbb; }

.black .category-util-menu.icon-order {background-image: url("/AppData/images/mediacommerce/black/icon/category_order.svg"); }
.black .category-util-menu.icon-cart {background-image: url("/AppData/images/mediacommerce/black/icon/category_cart.svg"); }
.black .category-util-menu.icon-point {background-image: url("/AppData/images/mediacommerce/black/icon/category_point.svg"); }
.black .category-util-menu.icon-coupon {background-image: url("/AppData/images/mediacommerce/black/icon/category_coupon.svg"); }


/*.black .category-util .icon {background-color: #bbb; }
*/

/* category-gnb */
.black .gnb {background-color: #020202; }
.black .gnb > li {border-bottom-color: #222; }
.black .gnb > li:last-child {border-bottom-color: #2b2c30; }
.black .gnb > li > a,
.black .gnb > li > button {
  background-color: #020202;
  color: #bbb;
}
.black .gnb .gnb-all {color: #fff; }
.black .gnb .gnb-depth {
  background-color: #222;
  border-top-color: #202020;
}
.black .gnb .gnb-depth a,
.black .gnb .gnb-depth button {
  color: #bbb;
}


/* category-nav */
.black .nav-etc {background-color: #020202; }
.black .nav-etc > li {border-bottom-color: #222; }
.black .nav-etc > li:last-child {border-bottom-color: #2b2c30; }
.black .nav-etc > li > a,
.black .nav-etc > li > button {
  background-color: #020202;
  color: #bbb;
}

/* category-lang */
.black .category-lang button {background-color: #020202; color: #bbb; border-color: #2b2c30; }
.black .category-lang button span {background-image: url("/AppData/images/mediacommerce/black/icon/category_global.svg"); }


/* category-recently */
.black .category-recently {
  background-color: #020202;
  border-bottom-color: #2b2c30;
}


/* category-recently-header */
.black .category-recently-header {border-bottom-color: #202020;  }
.black .category-recently-header .title {color: #fff; }
.black .category-recently-header .btn-goto span {color: #888; }


/* category-recently-list */
.black .category-recently-list li {
  border-color: #020202;
  background-color: #222;
}
.black .category-recently-list li.nodata {
  background-color: #020202;
  color: #888;
}



/* sticky-wrapper
-----------------------------------------------*/
.black .sticky-wrapper .sticky-top {
  background-image: url(/AppData/images/mediacommerce/black/button/btn_top.png);
}


/* =======================================================
  common
========================================================*/
.black hr {background: #2b2c30 ; }
.black .text-guide {color: #888; }
.black .title {color: #fff; }

/*.black .icon {background-color: #bbb; }*/

.black .box {border: 1px solid #444; }


/* table
---------------------------------------------------*/
.black table th {color: #888; }
.black table td {color: #ddd; }

.black .bpopup-container table td {color: inherit; }





/* section
---------------------------------------------------*/
.black .mc--section {
  background-color: #020202;
  border-bottom-color: #36373b;
}
.black .section-header {
  border-bottom-color: #222;
  background-color: #020202;
}
.black .section-header .title {color: #fff; }


/* page-header
---------------------------------------------------*/
.black .page-header .title {color: #ddd; }
.black .page-header .checkbox label {color: #ddd; }



/* list
---------------------------------------------------*/
/* dl-info 위아래 */
.black .dl-info > dt {color: #888; }
.black .dl-info > dd {color: #ddd; }


/* dl-info 옆으로  */
.black .dl-info02 > dt {color: #888; }
.black .dl-info02 > dd {color: #ddd; }



/* button
---------------------------------------------------*/
.black .btn {
  border-color: #fff;
  background-color: #fff;
  color: #020202;
}

.black .btn02 {
  border-color: #505050;
  background-color: #020202;
  color: #aaa;
}

.black .btn03 {
  border-color: #888;
  color: #aaa;
}
.black .btn03.inverse {
  border-color: #fff;
  background-color: #fff;
  color: #020202;
}


/* button color */
.black .btn.positive {
  background-color: #fff;
  border-color: #fff;
  color: #020202
}
.black .btn.negative {
  background-color: #020202;
  border-color: #fff;
  color: #fff;
}

/* button type */
.black .btn-goto span {
  background-image: url("/AppData/images/mediacommerce/black/button/btn_goto.png");
  background-repeat: no-repeat;
  background-position: right 7px;
  color: #888;
}
.black .btn-text {color: #888; }

.black .btn-round.btn-goto {
  background-color: #020202;
  border-color: #353535;
}

.black .btn-round.btn-goto span {
  background-position: right 5px;
}

.black .btn-more {
  border-color: #323232;
  background-color: #020202;
  color: #888;
}




/* icon-sns
---------------------------------------------------*/
.black .icon-Tictok02 {background-image: url(/AppData/images/mediacommerce/sns/tictok_line_w.png); }
.black .icon-Instagram02 {background-image: url(/AppData/images/mediacommerce/sns/instagram_line_w.png); }
.black .icon-Youtube02 {background-image: url(/AppData/images/mediacommerce/sns/youtube_line_w.png); }
.black .icon-Twitter02 {background-image: url(/AppData/images/mediacommerce/sns/twitter_line_w.png); }
.black .icon-Facebook02 {background-image: url(/AppData/images/mediacommerce/sns/facebook_line_w.png); }
.black .icon-Weibo02 {background-image: url(/AppData/images/mediacommerce/sns/weibo_line_w.png); }
.black .icon-AfreecaTV02 {background-image: url(/AppData/images/mediacommerce/sns/afreecatv_line_w.png);}
.black .icon-Blog02 {background-image: url(/AppData/images/mediacommerce/sns/blog_line_w.png);}



/* input autofill reset
---------------------------------------------------*/
.black input:-internal-autofill-previewed,
.black input:-internal-autofill-selected,
.black textarea:-internal-autofill-previewed,
.black textarea:-internal-autofill-selected,
.black select:-internal-autofill-previewed,
.black select:-internal-autofill-selected {background-color: #343434 !important; color: #ddd !important; }

.black input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #343434 inset !important;
  -webkit-text-fill-color: #ddd !important;
}
.black input:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0px 1000px #343434 inset !important;
  -webkit-text-fill-color: #ddd !important;
}
.black input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #343434 inset !important;
  -webkit-text-fill-color: #ddd !important;
}
.black input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px #343434 inset !important;
  -webkit-text-fill-color: #ddd !important;
}




/* input
---------------------------------------------------*/
.black .input-text {
  background-color: #343434;
  border-color: #343434;
  color: #ddd;
}
.black .input-text:focus {border-color: #fff; }

.black .input-text:-webkit-input-placeholder {color: #666 !important; }
.black .input-text:-moz-placeholder {color: #666 !important; }
.black .input-text:-ms-input-placeholder {color: #666 !important; }
.black .input-text::-ms-input-placeholder {color: #666 !important; }
.black .input-text::-moz-placeholder {color: #666 !important; }
.black .input-text::placeholder {color: #666 !important; }
.black .input-text:placeholder {color: #666 !important; }


.black .input-text:read-only {
  background-color: #646464;
  border-color: #646464;
  color: #999;
}
.black .input-text.readonly {
  background-color: #646464;
  border-color: #646464;
  color: #999;
}
.black .input-text:disabled {
  background-color: #646464;
  border-color: #646464;
  color: #999;
}
.black .input-text.disabled {
  background-color: #646464;
  border-color: #646464;
  color: #999;
}


/* input-btn-group */
.black .input-btn-group .btn {
  border-color: #999;
  background-color: #020202;
  color: #999;
}


/* input-birthday-group */
.black .input-birthday-group > label {color: #ddd; }
.black .input-birthday-group span {color: #ddd; }


/* =======================================================
  quantity-wrapper
========================================================*/
.black .btn-quantity .icon {background-color: #ddd; }

.black .quantity-minus {background-image: url("/AppData/images/mediacommerce/black/button/quantity_minus.svg");}
.black .quantity-plus {background-image: url("/AppData/images/mediacommerce/black/button/quantity_plus.svg"); }

.black .btn-disabled .quantity-minus {background-image: url("/AppData/images/mediacommerce/black/button/quantity_minus_disable.svg"); }
.black .btn-disabled .quantity-plus {background-image: url("/AppData/images/mediacommerce/black/button/quantity_plus_disable.svg"); }

.black .input-quantity {background-color: #080808; border-color: #353535; }
.black .input-quantity:focus {border-color: #fff; }


/* round type */
.black .quantity-wrapper.type-round {
  border: 1px solid #353535;
  background-color: #202020;
}
.black .quantity-wrapper.type-round .btn-quantity {
  background: transparent;
}
.black .quantity-wrapper.type-round .input-quantity {
  background: none;
  border: none;
  color: #ddd;
}
.black .quantity-wrapper.type-round .input-quantity:focus {
  border: none;
}






/* checkbox
---------------------------------------------------
.black input[type=checkbox] + label:before { content: "\2714"; border: 2px solid #777; background-color: #343434; }
.black input[type=checkbox]:checked + label:before { content: "\2714"; color: #020202; background-color: #fff; border-color: #fff; font-weight: 700; }
.black input[type=checkbox].readonly + label:before,
.black input[type=checkbox].disabled + label:before { content: ''; border: 2px solid #343434; background-color: #343434; }
.black input[type=checkbox]:read-only + label:before{ content: ''; border: 2px solid #343434; background-color: #343434; }
.black input[type=checkbox]:readonly + label:before{ content: ''; border: 2px solid #343434; background-color: #343434; }
.black input[type=checkbox]:disabled + label:before{ content: ''; border: 2px solid #343434; background-color: #343434; }
.black input[type=checkbox]:checked.readonly + label:before,
.black input[type=checkbox]:checked.disabled + label:before { content: "\2714"; border: 2px solid #343434; background-color: #343434; color: #777; }
.black input[type=checkbox]:checked:read-only + label:before{ content: "\2714"; border: 2px solid #343434; background-color: #343434; color: #777; }
.black input[type=checkbox]:checked:readonly + label:before{ content: "\2714"; border: 2px solid #343434; background-color: #343434; color: #777; }
.black input[type=checkbox]:checked:disabled + label:before{ content: "\2714"; border: 2px solid #343434; background-color: #343434; color: #777; }
*/

.black input[type=checkbox] + label:before {
  content: "";
  border: 2px solid #777;
  background-color: #343434;
}
.black input[type=checkbox] + label::before {
  content: "";
  border: 2px solid #777;
  background-color: #343434;
}

/* check */
.black input[type=checkbox]:checked + label:before {
  background-color: #fff;
  border-color: #fff;
  background-image: url("/AppData/images/mediacommerce/black/form/check_checked.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px 9px;
}

/* readonly & disabled */
.black input[type="checkbox"].readonly + label:before,
.black input[type="checkbox"].disabled + label:before {
  content: "";
  border-color: #343434;
  background-color: #343434;
}
.black input[type="checkbox"]:disabled + label:before {
  content: "";
  border-color: #343434;
  background-color: #343434;
}

/* check + readonly & disabled */
.black input[type=checkbox]:checked.readonly + label:before,
.black input[type=checkbox]:checked.disabled + label:before {
  content: "";
  border: 2px solid #343434;
  background-color: #343434;
  background-image: url("/AppData/images/mediacommerce/black/form/check_readonly.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px 9px;
}
.black input[type=checkbox]:checked:disabled + label:before{
  content: "";
  border: 2px solid #343434;
  background-color: #343434;
  background-image: url("/AppData/images/mediacommerce/black/form/check_readonly.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px 9px;
}


/* radiobox
---------------------------------------------------*/
.black input[type=radio] + label:before {
  border: 2px solid #777;
  background-color: #343434;
}


/* check */
.black input[type=radio]:checked + label:before {
  content: "";
  border-color: #fff;
  background-color: #222;
}
.black input[type=radio]:checked + label:after {
  content: "";
  background-color: #fff;
}


/* readonly & disabled */
.black input[type=radio].readonly + label:before,
.black input[type=radio].disabled + label:before {
  content: '';
  border: 2px solid #343434;
  background-color: #343434;
}
.black input[type=radio]:disabled + label:before{content: ''; border: 2px solid #343434; background-color: #343434; }


/*.black input[type=radio]:read-only + label:before{content: ''; border: 2px solid #343434; background-color: #343434; }
.black input[type=radio]:readonly + label:before{content: ''; border: 2px solid #343434; background-color: #343434; }

*/

/* check + readonly & disabled */
.black input[type=radio]:checked.readonly + label:before,
.black input[type=radio]:checked.disabled + label:before {
  content: '';
  border: 2px solid #343434;
  background-color: #343434;
}

.black input[type=radio]:checked.readonly + label:after
.black input[type=radio]:checked.disabled + label:after, {
  content: "";
  background-color: #777;
}
/*
.black input[type=radio]:checked:read-only + label:before {
  content: '';
  border: 2px solid #343434;
  background-color: #343434;
}
.black input[type=radio]:checked:read-only + label:after {
  content: "";
  background-color: #777;
}
.black input[type=radio]:checked:readonly + label:before {
  content: '';
  border: 2px solid #343434;
  background-color: #343434;
}
.black input[type=radio]:checked:readonly + label:after {
  content: "";
  background-color: #777;
} */
.black input[type=radio]:checked:disabled + label:before{
  content: '';
  border: 2px solid #343434;
  background-color: #343434;
}
.black input[type=radio]:checked:disabled + label:after {
  content: "";
  background-color: #777;
}


/* agree container */
.black .agree-allcheck {border-bottom-color: #353535; }
.black .checkbox-allcheck .checkbox-text {color: #fff; }
.black .agree-checklist .checkbox-text {color: #aaa; }


/* mc--select */
.black .select {
  background-color: #343434;
  border-color: #343434;
  color: #ddd;
}
.black .select:focus {border-color: #fff; }



/* textarea */
.black .textarea {
  border-color: #343434;
  background-color: #343434;
  color: #ddd;
}
.black .textarea:focus {
  border-color: #fff;
}


/* form-container */
.black .form-container {border-bottom-color: #222; }
.black .form-header {border-bottom-color: #222; }
.black .form-header .text-guide {color: #888; }
.black .form-field dd .text-guide {color: #888; }
.black .form-field .checkbox-sms {color: #aaa; }


/* tab-nav
---------------------------------------------------*/
.black .tab-nav ul li + li {
  background-image: url("/AppData/images/mediacommerce/black/etc/tab_bar.png");
}
.black .tab-nav .tab-menu {
  color: #888;
}

.black .tab-nav02 .tab-menu {
  background-color: #2e2e2e;
  color: #aaa;
}
.black .tab-nav02 .tab-menu.current {
 background-color: #020202;
  color: #fff;
}




/* accordion
---------------------------------------------------*/
.black .accordion-wrapper {border-bottom-color: #222; }
.black .accordion-btn {
  background-color: #020202;
  color: #ddd;
}
.black .accordion-contents {background-color: #131313; }
.black .accordion-contents.active {border-top-color: #222; }



/* bpopup
---------------------------------------------------*/
.black.bpopup {color: #444; }
.black .bpopup {color: #444; }
.black.bpopup .title,
.black .bpopup .title{color: #222; }


.black.bpopup .select {
  background-color: #fff;
  background-image: url("/AppData/images/mediacommerce/black/form/select.png");
  border: 1px solid #bbb;
  color: #444;
}
.black.bpopup .select:focus {
  border-color: #222;
}
.black.bpopup .btn {
  background-color: #222;
  border-color: #222;
  color: #fff;
}
.black.bpopup input[type="checkbox"] + label::before {
  border-color: #888;
  background-color: #fff;
}
.black.bpopup input[type="checkbox"]:checked + label:before {
  border: none;
  background-color: #222;
  background-image: url("/AppData/images/mediacommerce/blakc/form/check_checked.png");
}

.black.bpopup .list-number.circle > li:before {border-color: #777; color: #777; }
.black.bpopup table td {color: #444; }

/* fixed-btn-group */
.black .fixed-btn-group {background-color: #202020; }


/* upload-wrapper */
.black .upload-btn {border-color: #222; }

.black .drawer-list li button.close-drawer {border-color: #020202; background-color: #020202;}





/* =======================================================
  layer
========================================================*/
.black .layer-container {background-color: #020202; }

/* layer header */
.black .layer-header {
  border-bottom-color: #303030;
  background-color: #020202;
}
.black .layer-header .title {color: #fff; }



/*
  address
-----------------------------------------------*/
.black .address-search-container {
  background-color: #020202;
}
/*.black .address-search .icon-search {
  background-color: #ddd;
}*/
.black .address-search .icon-search {background-image:url("/AppData/images/mediacommerce/black/icon/icon_search.svg")}

/* 검색 전 */
.black .address-search-tip strong {color: #ddd; }
.black .address-search-tip p {color: #aaa; }
.black .address-search-tip .text-guide {color: #888; }





/* 배송지변경
-----------------------------------------------*/
.black .layer-shipping .page-bottom {border-top-color: #222; }


/* 배송조회
-----------------------------------------------*/
.black .layer-tracking {background-color: #202020; }
.black .layer-tracking .btn-text {color: #ddd; }
.black .layer-tracking .section-tracking {background-color: #020202; }
.black .layer-tracking td {border-top-color: #222; }




/* 검색 후
-----------------------------------------------*/
.black .address-result-container {
  border-top-color: #2b2c30;
  background-color: #202020;
}
.black .address-result-container .count {color: #888; }

.black .address-list li {
  background-color: #020202;
  border-bottom-color: #36373b;
}
.black .address-list li a {
  color: #ddd;
}


/* 데이터 없는 경우 */
.black .address-list .nodata p {
  color: #888;
  border-top-color: #222;
}
.black .address-list .nodata p + p {
  color: #aaa;
}




/*
  후기보기
-----------------------------------------------*/
.black .review-view .review-info .user-id {color: #ddd; }
.black .review-view .review-info .user-id:after {
  content: "";
  background: #666;
}
.black .review-view .review-info .date {color: #888; }
.black .review-view .option {color: #888; }
.black .review-view .prebox {color: #ddd; }




/* 후기 쓰기
-----------------------------------------------*/
.black .layer-review-write .review-rating {
  border-top-color: #222;
  border-bottom-color: #222;
}
.black .layer-review-write .review-rating p {
  color: #ddd;
}
.black .layer-review-write .review-guide-text {
  color: #888;
}




/* 쿠폰 사용
-----------------------------------------------*/
.black .layer-coupon .coupon-header {border-bottom-color: #222; }
.black .layer-coupon .coupon-list li {border-bottom-color: #222; }
.black .layer-coupon .coupon-list li.nodata {
  background-color: #020202;
  color: #888;
}
.black .layer-coupon .coupon-list .coupon-title {color: #ddd; }
.black .layer-coupon .coupon-list p {color: #888; }

.black .layer-coupon .coupon-list .disable .coupon-title,
.black .layer-coupon .coupon-list .disable p {
  color: #666;
}




/* 쿠폰 다운
-----------------------------------------------*/
.black .layer-coupon .coupon-download-list li.nodata {background-color: #020202; color: #888; }


.black .layer-coupon .coupon-download-list .coupon {border-color: #36373b; background-color: #222;}

.black .layer-coupon .coupon-download-list .coupon:before {content: ""; border-color: #36373b; background-color: #020202; }
.black .layer-coupon .coupon-download-list .coupon:after {content: ""; border-color: #36373b; background-color: #020202; }
.black .layer-coupon .coupon-download-list .coupon-sale {color: #fff;}


.black .layer-coupon .coupon-download-list .coupon.disable {background-color: #3f3f3f; }
.black .layer-coupon .coupon-download-list .coupon.disable .coupon-sale {color:#999; }
.black .layer-coupon .coupon-download-list .coupon.disable .coupon-download {color: #999; }




/*=================================================
*
* main/index
*
=================================================*/
/* main-profile
-----------------------------------------------*/
.black .main-profile {background-color: #020202; }
.black .main-profile .btn-sns span {color: #fff; }

.black .main-profile .btn-profile-cart span {background-image: url("/AppData/images/mediacommerce/black/button/btn_cart.png"); }

/* .categoryitem-container */
.black .categoryitem-container {background-color: #020202; border-bottom-color: #2b2c30; }
.black .categoryitem-list li.active {background-color: #202020; }
.black .categoryitem-name {color: #ddd; }
.black .categoryitem-more .categorymore-icon {background-image: url("/AppData/images/mediacommerce/black/button/btn_categoryitem_more.png"); }
.black .categoryitem-more.on .categorymore-icon {background-image: url("/AppData/images/mediacommerce/black/button/btn_categoryitem_more_on.png"); }

/* combi-section */
.black .combi-section {background-color: #020202; border-bottom-color: #2b2c30; }
.black .combi-nodata {background-color: #020202; color: #888;
}
.black .combi-title {color: #fff; }


/* combi common */
.black .combi-thumb {border-color: #222; }
.black .combi-item-title {color: #eee; }
.black .combi-info .price {color: #fff; }


/* type img */
.black .combi-item.type-img {border-color: #222; }

/* combi-matching-item */
.black .combi-matching-item {border: 1px solid #222; }


/* mine 2021-05-03 영상 속 상품 구매하기 버튼 추가 */
.black .combi-item.type-video .btn-main-video span {background-image: url("/AppData/images/mediacommerce/black/button/btn_cart.png"); }

/* main-search
-----------------------------------------------*/
.black .main-search {background-color: #020202; }
.black .search-box .search-input {background-color: #424242; }

.black .main-search .main-recently .icon-recently {background-image: url("/AppData/images/mediacommerce/black/icon/icon_recently.png"); }
.black .main-search .main-recently span {color: #bbb; }




/*=================================================
*
* shop/list
*
=================================================*/

/* sort-wrapper */
.black .sort-wrapper .sort-btn {
  background-color: #020202;
  border-color: #353535;
}
.black .sort-wrapper .sort-btn span {
  color: #999;
  background-image: url("/AppData/images/mediacommerce/black/icon/icon_sort.png");
}
.black .sort-wrapper .sort-list {
  border: 1px solid #353535;
  background-color: #020202;
}
.black .sort-wrapper .sort-list > li {border-top: 1px solid #353535; }
.black .sort-wrapper .sort-list > li > button {color: #666; }
.black .sort-wrapper .sort-list li > button.current {color: #999; }


/* viewstyle-wrapper */
.black .icon-view-full {background-color: transparent; background-image: url("/AppData/images/mediacommerce/black/button/view_full.svg"); }
.black .icon-view-half {background-color: transparent; background-image: url("/AppData/images/mediacommerce/black/button/view_half.svg"); }
.black .icon-view-list {background-color: transparent; background-image: url("/AppData/images/mediacommerce/black/button/view_list.svg"); }

.black .btn-viewstyle.current .icon-view-full {background-image: url("/AppData/images/mediacommerce/black/button/view_full_on.svg"); }
.black .btn-viewstyle.current .icon-view-half {background-image: url("/AppData/images/mediacommerce/black/button/view_half_on.svg"); }
.black .btn-viewstyle.current .icon-view-list {background-image: url("/AppData/images/mediacommerce/black/button/view_list_on.svg"); }


/* list */
.black .product-list .nodata {color: #888; }
.black .product-item-thumb {border-color: #222; }
.black .product-item-info .title {color: #fff; }

/* 가격 & 할인정보 */
.black .product-list .price {color: #ddd; }


/* search */
.black .search-window {
  border-bottom-color: #303030;
  background-color: #121212;
}
.black .search-window .search-input {
  background-color: #121212;
  color: #ddd;
}
.black .search-window .icon-search {background-image: url("/AppData/images/mediacommerce/black/icon/icon_search.svg"); }
.black .search-window .search-delete {background-image: url("/AppData/images/mediacommerce/black/button/btn_input_delete.svg"); }
.black .search-window .search-cancel {color: #fff; }


/* search 결과 */
.black .mc--search .nodata {color: #888; }





/* =======================================================
  shop
========================================================*/
.black .share-contents .title {color: #222; }
.black .share-contents .btn {
  border-color: #222;
  background-color: #222;
  color: #fff;
}


.black .buycontroller-layer .input-quantity {
  border: 1px solid #ececec;
  background-color: #fff;
}


/*
  mc--product
---------------------------------------------------*/
.black .section-product {
  border-bottom-color: #2b2c30;
  background-color: #020202;
}


/* 상품 타이틀 영역 */
.black .product-title-area .title {color: #fff; }
.black .product-selling-area .price em {color: #666; }
.black .product-selling-area .price p {color: #ddd; }
.black .product-selling-area .price p .symbol {color: #ddd; }
.black .product-selling-area .price .reward-cash,
.black .product-selling-area .price .reward-cash em {color: #000; }

.black .product-selling-area .btn-group .btn {
  background-color: #333;
  color: #ddd;
}
.black .product-selling-area .btn-zzim .icon {background-color: #ddd; }
.black .product-selling-area .btn-share .icon {background-image: url("/AppData/images/mediacommerce/black/icon/icon_share.svg"); }


/* 할인 쿠폰 */
.black .product-btn-group .btn-coupon {
  border-color: #666;
  background-color: #080808;
  color: #999;
}
.black .product-btn-group .btn-coupon .icon {background-image: url("/AppData/images/mediacommerce/black/icon/icon_download.svg") }


/* product-info */
.black .product-info {border-top-color: #222; }
.black .product-info .dl-info02 dd {color: #ddd; }



/*
  mc--prodia
---------------------------------------------------*/
.black .section-prodia {
  border-bottom-color: #2b2c30;
  background-color: #020202;
}

/* 영상 아코디언 */
.black .prodia-accordion {border-bottom-color: #36373b; }

/* 영상 타이틀 */
.black .prodia-title-area {background-color: #020202; }
.black .prodia-title-area .title {color: #ddd; }


/* 영상 정보 */
.black .prodia-contents {
  border-top-color: #222;
  background-color: #131313;
}
.black .prodia-contents.active {border-top-color: #222; }
.black .prodia-contents .prebox {color: #aaa; }
.black .prodia-contents .prodia-hash-group {
  border-top: 1px solid #2b2c30;
}
.black .hashtag {color: #666; }


/* 영상 유틸 버튼 그룹 */
.black .prodia-pager {background-color: #020202; border-bottom-color: #222; }
.black .prodia-pager-item {border-color: #222; }

.black .section-connect {
  border-bottom-color: #2b2c30;
  background-color: #020202;
}
.black .section-connect .title {color: #fff; }
.black .connect-info .connect-title.text-ellipsis02 {color: #ddd; }


/* item-list */
.black .swiper-container .swiper-scrollbar {background-color: rgba(255,255,255,0.2); }
.black .swiper-container .swiper-scrollbar-drag {background-color: rgba(255,255,255,0.3); }



/*
  스크롤시 고정
---------------------------------------------------*/
.black .section-prodia.prodia-fixed  {
  background-color: transparent;
}
.black .prodia-fixed .prodia-container {
  background: rgba(255, 255, 255, 0.85);
}


/* 영상 타이틀 */
.black .prodia-fixed .prodia-title-area {
  background: none;
  border-bottom-color: #ddd;
}
.black .prodia-fixed .prodia-title-area.active {background: none; }
.black .prodia-fixed .prodia-title-area .title {
  color: #020202;
}

.black .prodia-player-wrapper ul li {
  color: #020202;
}
.black .prodia-player-wrapper .btn {
  background: none;
}
.black .prodia-player-wrapper .btn .icon.player-pause {
  background-image: url("/AppData/images/mediacommerce/black/button/player_pause.svg")
}
.black .prodia-player-wrapper .btn .icon.player-top {
  background-image: url("/AppData/images/mediacommerce/black/button/player_top.svg");
}
.black .prodia-player-wrapper .btn .icon.player-close {
  background-image: url("/AppData/images/mediacommerce/black/button/player_close.svg");
}
/*.black .prodia-player-wrapper .btn .icon {
  background-color: #666;
}*/
.black .prodia-fixed .prodia-pager {
  background-color: #ddd;
}
.black .prodia-fixed .prodia-pager-item {
  border-color: #dadbdf;
}


/* deal-nav */
.black .deal-nav ul {
  background-color: #080808;
  border-bottom-color: #222;
}
.black .deal-menu {color: #fff; }



/*
  deal-container
---------------------------------------------------*/
.black .deal-container {
  background-color: #020202;
  border-bottom-color: #36373b;
}
.black .deal-more {border-color: #323232; background-color: #020202; }
.black .deal-more .btn-more {border-color: #e2e2e2; color: #e2e2e2;}

/* deal-container.detail 상품정보 */
.black .deal-container.detail .deal-more {background-color: #020202; }
.black .deal-container.detail.cut .deal-more .btn-more {border-color: #e2e2e2; color: #e2e2e2; }


/* deal-container.info 구매정보 */
.black .deal-container.info {background-color: #202020;}
.black .deal-container.info .accordion-wrapper {border-bottom-color: #222; }
.black .deal-container.info .accordion-contents p {color: #ddd; }


/* deal-container.review 구매후기 */
.black .deal-container.review .total-rating-wrapper .title {color: #ddd; }
.black .deal-container.review .total-rating strong {color: #fff; }


/* 포토리뷰 */
.black .deal-photoreview-container {
  background-color: #131313;
  border-top-color: #222;
}
.black .deal-photoreview-container .title {color: #fff; }
.black .deal-photoreview-list li.nodata {color: #888; }

.black .photoreview-btn {
  border-color: #020202;
  background-color: #222;
}
.black .photoreview-btn .icon-photo {
  background-color: transparent;
}


/* 리뷰 리스트 */
.black .deal-review-list {border-top-color: #222; }
.black .deal-review-list .nodata {color: #888; }
.black .deal-review-list .review-info .user-id {color: #ddd; }

.black .deal-review-list .review-info .user-id:after {
  content: "";
  background: #666;
}
.black .deal-review-list .review-info .date {color: #888; }
.black .deal-review-list .prebox {color: #aaa; }


/* 상품문의 */
.black .deal-container.qna .deal-header {border-bottom-color: #222; }
.black .deal-container.qna .deal-header .title {color: #fff; }
.black .deal-container.qna .deal-header p {color: #888; }


/* 질문 정보 */
.black .deal-container.qna .nodata {
  color: #888;
  background-color: #020202;
}
.black .deal-container.qna .accordion-wrapper:last-of-type {
  border-bottom-color: #36373b;
}
.black .deal-container.qna .board-writer {color: #ddd; }
.black .deal-container.qna .board-util .board-writer:after {
  content: "";
  background-color: #666;
}
.black .deal-container.qna .board-date {color: #888; }


/* 질문&답변 */
.black .deal-container.qna .qna-wrapper .prebox {color: #aaa; }


/* 첨부파일 */
.black .deal-container.qna .qna-wrapper.answer {border-top-color: #2b2c30; }



/*
  mc--seller 판매자
---------------------------------------------------*/
.black .mc--seller .seller-header {background-color: #020202; }
.black .mc--seller .shop-title {color: #fff; }
.black .mc--seller .shop-tel {color: #ddd; }
.black .mc--seller .seller-container {background-color: #020202; }





/* =======================================================
  member
========================================================*/
/*
  mc--login
---------------------------------------------------*/
.black .mc--login {background-color: #020202; }

.black .login-saveid label {color: #aaa; }

.black .login-btn-group .btn-join {
  background-color: #020202;
  border-color: #505050;
  color: #aaa;
}



/*
  mc--find
---------------------------------------------------*/
.black .mc--find {background-color: #020202; }

/* find-container */
.black .find-container .btn-certification {
  background-color: #020202;
  color: #aaa;
  border-color: #505050;
}
.black .box-certification {
  border: 1px solid #333;
  background-color: #202020;
}
.black .box-certification dd p {color: #888; }


/* find-result-container */
.black .find-result-container .result-wrapper {
  background-color: #020202;
  border-color: #505050;
}
.black .find-result-container .result-wrapper li {color: #ddd; }
.black .find-result-container .result-wrapper .date {color: #888; }
.black .find-result-container .btn-reset-pw {
  background-color: #202020;
  color: #aaa;
  border-color: #333;
}


/* reset-container */
.black .reset-wrapper {
  background-color: #202020;
  color: #aaa;
  border-color: #333;
}




/*
  mc--join
---------------------------------------------------*/
/* join header */
.black .join-header .page-step li {background-image: url("/AppData/images/mediacommerce/black/etc/join_step.png"); }
.black .join-header .page-step li span {background-color: #4c4c4c; color: #fff; }
.black .join-header .page-step li.current span {background-color: #fff; color: #020202; }

/* agreement 약관동의 */
.black .mc--agreement .agreement-text p {color: #aaa; }
.black .mc--agreement + .fixed-btn-group {background-color: #020202;}


/* join 정보입력 */
.black .mc--join + .fixed-btn-group {background-color: #020202;}


/* welcome 가입완료 */
.black .mc--welcome .welcome-text p {color: #aaa; }
.black .mc--welcome + .fixed-btn-group {background-color: #020202;}


/* leave 회원탈퇴 */
.black .mc--leave .leave-text p {color: #aaa; }

.black .leave-note {background-color: #131313; }
.black .leave-note > ul > li {color: #aaa; }
.black .leave-note li > ul > li {color: #888; }
.black .mc--leave .checkbox-agree label {color: #fff; }






/* =======================================================
  mypage
========================================================*/

/* mypage-header */
.black .mypage-header {
  background-color: #020202;
  border-bottom-color: #222;
}
.black .mypage-header p {color: #fff; }


/* mypage-util */
.black .mypage-util {
  background-color: #020202;
  border-bottom-color: #36373b;
}
.black .mypage-util ul li + li .mypage-util-menu {
  border-left-color: #36373b;
}


/* mypage-util icon */
.black .mypage-util .icon-order {
  background-image: url("/AppData/images/mediacommerce/black/icon/category_order.svg");
  background-size: 30px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.black .mypage-util .icon-coupon {
  background-image: url("/AppData/images/mediacommerce/black/icon/category_coupon.svg");
  background-size: 26px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.black .mypage-util .icon-point {
  background-image: url("/AppData/images/mediacommerce/black/icon/category_point.svg");
  background-size: 24px 20px;
  background-repeat: no-repeat;
  background-position: center;
}

/*.black .mypage-util .icon {background-color: #c0c0c0; }*/
.black .mypage-util span {color: #aaa; }


/* mypage-gnb */
.black .mypage-gnb .gnb > li > a,
.black .mypage-gnb .gnb > li > button {
  background-color: #020202;
  color: #ddd;
}

.black .mypage-etc li:before {
  content: "";
  background-color: #666;
}
.black .mypage-etc li > a,
.black .mypage-etc li > button {color: #666; }



/* 회원정보 수정 게이트
-----------------------------------------------*/
.black .mc--myinfo-gate {background-color: #020202; }
.black .mc--myinfo-gate .gate-text p {color: #fff; }



/* 회원정보 수정
-----------------------------------------------*/
.black .mc--myinfo .checkbox-company {border-top: 1px solid #222; }
.black .mc--myinfo .myinfo-leave p {color: #888; }
.black .mc--myinfo .myinfo-leave .btn-text {color: #888; }



/*
  mc--myreview
---------------------------------------------------*/
/* 리뷰 dash */
.black .mc--myreview .list-dash li {color: #888; }

/* 리뷰 리스트 */
.black .mc--myreview .date em {margin-right: 5px; }
.black .mc--myreview .inventory-list li {
  border-bottom-color: #2b2c30;
}
.black .mc--myreview .inventory-list li.nodata {
  background-color: #020202;
  color: #888;
  border-bottom-color: #2b2c30;
}



/*
  mc--mycoupon
---------------------------------------------------*/
.black .mc--mycoupon .nodata {color: #888; }


/* 사용 가능 */
.black .mc--mycoupon .coupon {
  border-color: #36373b;
  background-color: #020202;
}
.black .mc--mycoupon .coupon:before {
  content: "";
  border-color: #36373b;
  background-color: #202020;
}
.black .mc--mycoupon .coupon:after {
  content: "";
  border-color: #36373b;
  background-color: #202020;
}
.black .mc--mycoupon .left {
  border-right-color: #333;
}
.black .mc--mycoupon .coupon-title {
  color: #ddd;
}
.black .mc--mycoupon .coupon .option {
  font-size: 12px;
  color: #666;
}
.black .mc--mycoupon .coupon .date {
  font-size: 12px;
  color: #666;
}


/* 사용 불가능 */
.black .mc--mycoupon .past .coupon {
  background-color: #3f3f3f;
  border-color: #3f3f3f;
}
.black .mc--mycoupon .past .coupon:before {
  content: "";
  border-color: #3f3f3f;
}
.black .mc--mycoupon .past .coupon:after {
  content: "";
  border-color: #3f3f3f;
}
.black .mc--mycoupon .past .left strong {color: #888; }
.black .mc--mycoupon .past .left strong span {color: #888; }
.black .mc--mycoupon .past .coupon-title {color: #999; }
.black .mc--mycoupon .past .coupon .deadline {color: #888; }
.black .mc--mycoupon .past .btn-round.btn-goto {
  background-color: #3f3f3f;
  border-color: #666;
}



/*
  mc--mypoint
---------------------------------------------------*/
.black .mc--mypoint .mc--section {border-bottom-color: #222; }

.black .mypoint-condition {color: #fff; }

.black .mypoint-terms ul {border-top-color: #222; }
.black .mypoint-terms li {color: #888; }

.black .mypoint-range {
  background-color: #020202;
  border-bottom: 1px solid #36373b;
}

.black .mypoint-group .mypoint-month {
  background-color: #696969;
  color: #fff;
}

.black .mypoint-list ul {background-color: #020202; }
.black .mypoint-list li.nodata {
  background-color: #020202;
  color: #888;
}
.black .mypoint-list .left {border-bottom-color: #222; }
.black .mypoint-list .left p {color: #ddd; }
.black .mypoint-list .left .date {color: #888; }
.black .mypoint-list .right {border-bottom-color: #222; }
.black .mypoint-list .right strong {color: #ddd; }




/*
  mc--shipping 배송지 관리
---------------------------------------------------*/
.black .shipping-group {
  background-color: #020202;
  border-bottom-color: #36373b;
}
.black .shipping-header.nodata {
  background-color: #020202;
  color: #888;
}

.black .shipping-header strong {color: #fff; }
.black .shipping-address {border-top-color: #222; }
.black .shipping-address p {color: #ddd; }
.black .shipping-address .shipping-info {color: #aaa; }
.black .shipping-info em {color: #aaa; }
.black .shipping-info em:after {
  content: "";
  background-color: #e3e3e3;
}
.black .shipping-list li {
  border-bottom-color: #222;
}
.black .shipping-list li:last-of-type {
  border-bottom-color: #36373b;
}
.black .shipping-list li.nodata {
  background-color: #020202;
  color: #888;
}

/*
  mc--shipping 배송지 등록
---------------------------------------------------*/
.black .mc--shipping-write .checkbox-delivery {color: #aaa; }





/* =======================================================
  order
========================================================*/
/* section-order */
.black .section-order {
  background-color: #020202;
  border-bottom: 1px solid #36373b;
}

/* order-header */
.black .order-header {background-color: #020202; }
.black .order-header .title {
  color: #fff;
}

.black button.order-header .peep {
  color: #888;
}


/* order-contents */
.black .order-contents {
  border-top: 1px solid #222;
  background-color: #020202;
}



/* inventory-list
---------------------------------------------------*/
.black .inventory-list li {background-color: #020202; }


/* 머리 */
.black .inventory-header {border-bottom-color: #222; }
.black .inventory-header .date {color: #888; }

/* 몸통 */
.black .inventory-thumb {border-color: #333; }

.black .inventory-title {color: #fff; }
.black .inventory-option {color: #888; }

.black .inventory-info .count {color: #888; }
.black .inventory-list .price {color: #ddd; }


/* 다리 */
.black .inventory-bottom {border-top-color: #222; }
.black .inventory-bottom > span {color: #aaa; }




/* receipt-info
---------------------------------------------------*/
.black .receipt-info dt {color: #ddd; }
.black .receipt-info dd {color: #ddd; }

.black .receipt-total {border-top-color: #2b2c30; }
.black .receipt-total dt {color: #fff; }



/* mc--zzim 관심상품
---------------------------------------------------*/
.black .zzim-inventory li {
  border-bottom-color: #222;
  background-color: #020202;
}
.black .zzim-inventory .btn-delete-zzim {
  border: none;
  background: none;
}
.black .zzim-inventory .btn-delete-zzim .icon-delete {
  background-image: url("/AppData/images/mediacommerce/black/button/btn_delete.svg");
}



/*
  mc--recently 최근상품
---------------------------------------------------*/
.black .recently-inventory li {
  border-bottom-color: #222;
  background-color: #020202;
}
.black .recently-inventory li.nodata {
  color: #888;
  background-color: #020202;
}
.black .recently-inventory .btn-dot {
  border: none;
  background: none;
}
/*.black .recently-inventory .btn-dot .icon-dot {
  background-color: #888;
}*/



/*
  mc--cart 장바구니
---------------------------------------------------*/
.black .cart-inventory li {
  border-bottom-color: #222;
  background-color: #020202;
}
.black .cart-inventory li:last-of-type {border-bottom-color: 1px solid #2b2c30; }
.black .cart-inventory li.nodata {
  color: #888;
  background-color: #020202;
}
.black .cart-inventory .btn-delete-cart {
  border: none;
  background: none;
}
.black .cart-inventory .btn-delete-cart .icon-delete {
  background-image: url("/AppData/images/mediacommerce/black/button/btn_delete.svg");
}
.black .cart-inventory-bottom .price {color: #ddd; }

.black .cart-receipt {background-color: #020202; }

.black .mc--cart .fixed-btn-group .btn-big {border: 0; }





/*
  mc--cart 주문/결제
---------------------------------------------------*/
.black .mc--order .fixed-btn-group .btn-big {border: 0; }


/* 주문상품 정보 */
.black .mc--order .inventory-list li {border-bottom-color: #222; }
.black .mc--order .inventory-list li:last-of-type {border-bottom: 0; }

.black .mc--order .inventory-bottom strong {color: #ddd; }


/* 쿠폰/포인트 */
.black .mc--order .input-btn-group .input-text:disabled {color: #c1c1c1; }
.black .mc--order .point-guide {color: #888; }


/* 결제수단 */
.black .pay-list .radiobox label {color: #ddd; }




/*
  mc--complete 주문완료
---------------------------------------------------*/
.black .mc--complete .complete-text {
  border-bottom-color: #020202;
  color: #ddd;
}



/*
  mc--orderlist 주문/배송 목록
---------------------------------------------------*/
.black .range-wrapper {
  background-color: #020202;
  border-bottom-color: #36373b;
}

.black .mc--orderlist .nodata {
  background-color: #020202;
  color: #888;
}


.black .mc--orderlist .ordergroup {
  background-color: #020202;
  border-bottom-color: #36373b;
}


/* ordergroup-header */
.black .mc--orderlist .ordergroup-header {border-bottom-color: #222; }
.black .mc--orderlist .ordergroup-header .ordernum:after {
  content: "";
  background-color: #666;
}
.black .mc--orderlist .ordergroup-header .date {color: #ddd; }
.black .mc--orderlist .inventory-list li {border-top-color: #36373b; }




/*
  mc--orderview 주문상세
---------------------------------------------------*/
.black .mc--orderview .ordergroup {color: #888; }

.black .mc--orderview .inventory-list li + li {border-top-color: #222; }






/*
  mc--orderwrite 교환/반품 신청
---------------------------------------------------*/
.black .mc--orderrequest .ordergroup {color: #888; }

.black .mc--orderrequest .inventory-list li {
  background-color: #020202;
  border-bottom-color: #36373b;
}
.black .mc--orderrequest .inventory-list li:last-of-type {border-bottom-color: #36373b ; }






/* =======================================================
  board
========================================================*/
.black .board-header {
  background-color: #020202;
  border-bottom-color: #222;
}

.black .board-search .icon-search {
  background-image: url("/AppData/images/mediacommerce/black/icon/icon_search.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 18px 18px;
}


/* board nodata */
.black .board-list .nodata {
  background-color: #020202;
  color: #888;
}
.black .board-list .accordion-wrapper:last-of-type {
  border-bottom: 1px solid #2b2c30
}

/* board contents  */
.black .board-contents .prebox,
.black .board-contents .editor-container  {color: #aaa; }

/* 공지사항
---------------------------------------------------*/
.black .mc--notice .board-title {color: #ddd; }
.black .mc--notice .board-date {color: #888; }
.black .mc--notice .editor-container {color: #999;}






/* =======================================================
  faq 자주하는 질문
========================================================*/
.black .mc--faq .board-title {color: #ddd; }



/* qna 문의하기 리스트 ---------------------------------------------------*/

/* board 상태 */
.black .board-state {
  background-color: #555;
  color: #aaa;
}
.black .board-state.waiting {
  background-color: #fff;
  color: #222;
}

.black .mc--qna .board-util .board-writer {color: #ddd; }
.black .mc--qna .board-util .board-writer:after {
  content: "";
  background-color: #666;
}
.black .mc--qna .board-util .board-date {color: #888; }

/* board lock 비밀글 */
.black .board-lock {color: #888; }
.black .board-lock .icon-lock {background-image: url("/AppData/images/mediacommerce/black/icon/icon_lock.svg"); }

.black .board-lock-wrapper p {color: #aaa; }


/* 첨부파일 */
.black .mc--qna .attachment-btn {border-color: #222; }

.black .mc--qna .qna-wrapper.answer {border-top-color: #2b2c30;
}
.black .icon-q {
  display: inline-block;
  width: 10px; height: 14px;
  background-image: url("/AppData/images/mediacommerce/black/icon/icon_q.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 14px;
}





/* =======================================================
  policy 개인정보처리방침
========================================================*/
.black .policy-wrapper .list-depth .list-depth > li {color: #aaa; }
.black .list-number.circle > li:before {border: 1px solid #ddd; color: #ddd; }


/* chapter-box */
.black .chapter-box {margin: 40px 0; padding: 24px 24px; box-sizing: border-box; border: 1px solid #4f4f4f; background-color: transparent; }


/* 주문상세 공통  */
.black .ordergroup-container .nodata {background-color: #020202; color: #888; }
.black .ordergroup {background-color: #333; }
.black .ordergroup-header {border-bottom-color: #333; background-color: #020202; }
.black .ordergroup-inventory {border-bottom-color: #555; }
.black .ordergroup-header .delivery-tip {color: #888; }
.black .inventory-list li + li {border-top-color: #2b2c30; }
.black .inventory-thumb {border-color: #333; }
.black .inventory-title {color: #fff; }
.black .inventory-option {color: #888; }
.black .inventory-price .price-box .price {color: #ddd; }
.black .inventory-price .price-box .count {color: #888; }
.black .inventory-wrapper.bottom {border-top: 1px solid #2b2c30; }
