/*테이블 공통*/
table * {font-size:inherit;}
thead tr {background: var(--black);}
thead tr th {padding: 15px 10px!important;}
tbody tr td {padding: 12px!important;}

.table-nam {text-align:left;}

/*========================================= 
    쇼핑몰 공통
========================================== */
.minus {color:var(--red);}

.line-tabs {display:flex; margin-bottom:40px; border-bottom:1px solid var(--black);}
.line-tabs li {width:50%; max-width:220px; margin-bottom:-1px;}
.line-tabs li a {display:block; width:100%;  padding:16px 20px; background:#f6f6f6; border:1px solid #ddd; border-left:none; border-bottom:1px solid var(--black); border-radius:0; text-align:center; color:#525252;}
.line-tabs li:first-child a {border-left:1px solid #ddd; }
.line-tabs li a.active {background:#fff; border:1px solid var(--black); border-bottom:1px solid #fff; color:var(--black);}

.prdbox {position:relative; display:flex;}
.prdbox .thumbnail a {position:relative; width:100px; height:0; padding-top:100%; }
.prdbox .thumbnail img {position:absolute; top:50%; left:50%; transform:translate3D(-50%, -50%, 0); width:100%; object-fit:cover;}

.products_tit {padding: 70px 0px 40px;}
.products_tit .breadcrumb {padding: 0 1rem 0.75rem 1rem;}

.product-card {width:100%; overflow: hidden; position: relative; margin-bottom: 25px; background:#fff;  transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s;}
.product-card:hover .product-widget {opacity: 1; bottom: 15px;}
.product-media {position: relative;}
.product-label {display: flex; flex-direction: column; align-items: flex-start; position: absolute; top: 20px; left:20px; z-index:1;}
.label-text {font-size: 14px; padding: 5px 8px; line-height: 13px; border-radius: 50px; margin-bottom: 5px; color:#fff; text-align: center; text-transform: capitalize;}
.label-text.off {background: var(--black);}
.label-text.new {background: var(--black);}
.label-text.sale,
.details-label.sale {background: var(--orange);}
.label-text.feat,
.details-label.feat{background: var(--purple);}
.label-text.rate,
.details-label.rate {background: var(--yellow);}
.label-text.order {background: var(--blue);}

.product-wish {position: absolute; top: 20px; right: 20px; font-size: 22px; color: var(--black); z-index:1;}
.product-wish.active {color: var(--primary);}
.product-wish:hover {color: var(--primary);}

.product-image {position:relative; display:block;}
.product-image img {width: 100%;}
.product-image:after {content:' ';	display:block;position:absolute;	top:0;	left:0;	width:100%; height:100%;	background:rgba(0, 0, 0,.03);}

.product-name {margin-top:15px; margin-bottom: 0; color:var(--black); font-weight:400; text-transform: capitalize;}
.product-name a {color:inherit; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s; font-weight:inherit;}
.product-name a:hover {color: inherit;}

.product-price {display: flex; align-items: flex-start; justify-content: flex-start; align-items: baseline; margin-bottom:12px; color: var(--black);}
.product-price del {color: var(--red); margin-right: 8px;}
.product-price span {color: var(--black); white-space: nowrap; font-weight:700;}
.product-price span small {font-weight: 400;}

.shop .tit,
.exchange-part .tit {margin-left:5px; padding:0; font-size:1rem; color:var(--black); font-weight:700;}

/*==============================
	상품 리스트 페이지 - 갤러리
==============================*/
.shop-part {margin-bottom:25px; text-align:left;}
.shop-part .container {text-align:left;}
.shop-part .top-filter {border:none; margin-left:var(--gutter-x);  margin-right:var(--gutter-x);}

.shop-part .product-card {margin-bottom:60px;}

.shop-part .pricing_box1 {flex:0 0 100%; max-width:100%; text-align:center;}

/*========================================= 
    상품 상세 페이지
========================================== */
.shop.detail .container { text-align:left;}
.shop.detail .container > .row > div:last-child {display:flex; flex-direction:column;}

.details-gallery {position: relative; text-align:left;}

.details-label-group {	position: absolute;  top: 20px;	left: 20px; 	z-index: 1; 	display: -webkit-box; 	display: -ms-flexbox; 	display: flex; 	-webkit-box-orient: vertical; 	-webkit-box-direction: normal; 
-ms-flex-direction: column; 	flex-direction: column;}

.details-label {font-size: 14px; 	padding: 6px 20px; 	margin-bottom: 6px; 	line-height: 13px; 	border-radius: 50px; 	text-transform: capitalize;  	text-align: center;	color: var(--white);}
.details-label:last-child {	margin-bottom: 0px;}
.details-label.off {background: var(--red);}
.details-label.new {background: var(--black);}

.details-sub-name {font-size: 15px;	color:var(--primary)/*03A9F4 */;}

.details-gallery .slick-slide {height:auto;}

.details-preview {margin-bottom: 16px;}
.details-preview li img { width: 100%; border-radius: 8px;}

.details-thumb li img { width: 100%;  border-radius: 8px;  border: 1px solid var(--white);}
.details-thumb .slick-list {margin:0 -4px;}
.details-thumb .slick-slide {margin:0 4px;}
.details-thumb .slick-current img { border: 1px solid var(--primary);}

.details-content {padding: 35px 35px;	background:#fff;}

.details-name {	font-size: 26px;line-height: 34px;	margin-bottom: 5px;text-transform: capitalize;}
.details-name a {color: var(--black);	transition: all linear .3s;	-webkit-transition: all linear .3s;	-moz-transition: all linear .3s;	-ms-transition: all linear .3s;-o-transition: all linear .3s;}
.details-name a:hover {color: var(--primary);}

.details-meta {margin-bottom: 12px;	display: -webkit-box;	display: -ms-flexbox;	display: flex;	-webkit-box-align: center;    -ms-flex-align: center;    align-items: center;	-webkit-box-pack: start;	-ms-flex-pack: start;    justify-content: flex-start;	flex-wrap: wrap;}
.details-meta p {font-size: 13px;	margin-right: 20px;	white-space: wrap;	text-transform: uppercase;	color: var(--placeholder);}
.details-meta span,
.details-meta a {margin-left: 5px;	color: var(--placeholder);}
.details-meta a:hover {	text-decoration: underline; color: var(--primary);}

.details-price {margin-bottom: 20px;}
.details-price del {	color: var(--red);	margin-right: 25px;}
.details-price span {color: var(--primary);	font-weight:700; 	white-space: nowrap;}
.details-price span small {font-size: 14px;	font-weight: 400;	text-transform: capitalize;}

.buy_amount {display:flex; align-items : center; flex-wrap:wrap;}
.buy_amount .name {flex: 0 0 58.333333%; max-width: 58.333333%; padding-left:0;}
.buy_amount .product-action {flex: 0 0 25%; max-width: 25%; display: -webkit-box;	display: -ms-flexbox; display: flex; justify-content: center; -ms-flex-pack: center; -webkit-box-align: center;	-ms-flex-align: center;	align-items: center;-webkit-box-pack: center; padding:0 10px;}
.buy_amount .price {display:flex; justify-content:flex-end; align-items:center; padding:0;}
.product-action button i {
  width: 35px;
  height: 35px;
  font-size: 14px;
  line-height: 35px;
  border-radius: 6px;
  text-align: center;
  display: inline-block;
  color: var(--text);
  background: var(--light);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.product-action button i:hover {
  color: var(--white);
  background: var(--black);
}
.product-action input {width: 36px; height:auto;  font-size:15px; margin: 0px 5px;  padding: 6px 0px;  border-radius: 6px;  text-align: center;  color: var(--black);}

.shop.detail .sum { display: flex;   padding: 15px 3px;   align-items: center;}
.shop.detail .sum dt { margin-right: 15px;    font-weight: 700;    color: var(--black);}
.shop.detail .sum dd { margin-left: auto;   font-weight: 700;   color: var(--red);   font-size: var(--fsize20);}
.shop.detail #wish-list-form { display: none;}

/* 구매버튼 영역*/
.shop.detail .btn_group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	gap:6px;
    padding: 0 35px;
}
.shop.detail .btn_group > * {
    width: calc(50% - 3px);
}
.shop.detail .btn_group button,
.shop.detail .btn_group a {
	display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    color: #fff;
    background: var(--primary);
    border: 1px solid var(--primary);
	border-radius:10px;  
    text-transform: uppercase;
	cursor:pointer;
}

.shop.detail .btn_group button i,
.shop.detail .btn_group a i {
	margin-right: 5px;
}

.shop.detail .wish-list-form {
    margin-right: 3px;
}
.shop.detail .btn_group .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 46px;
}
.shop.detail .btn_group .editor {
    width: 100%;
    background: #234e88;
    border: 1px solid #234e88;
}

.goods-option-area dl {display:flex; flex-flow:row wrap; margin:10px 0;}
.goods-option-area dd {margin-left:5px;}

.details-action-group {display: -ms-grid; grid-gap: 15px;	-ms-grid-columns: (minmax(200px, 1fr))[auto-fit];    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 	position: relative;}
.details-action-group button,
.details-action-group a {padding: 10px 0px;	color: var(--black);	background: var(--white);  border:1px solid #111;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;      -ms-flex-align: center;  align-items: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;}
.details-action-group button:hover,
.details-action-group a:hover {color: var(--primary);}
.details-action-group button i,
.details-action-group a i { font-size: 16px; margin-right: 8px;}
.details-action-group button span,
.details-action-group a span { font-size: 14px;  font-weight: 500;  letter-spacing: 0.5px;  text-transform: uppercase;}
.details-wish.active { color: var(--white);  background: var(--primary);}
.details-wish.active:hover { color: var(--white);  background: var(--primary);}

.tab-descrip {
  position: relative;
}
.tab-descrip img {
  width: 100%;
  border-radius: 8px;
}

.tab-descrip a {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 80px;
  height: 80px;
  font-size: 22px;
  line-height: 80px;
  border-radius: 50%;
  text-align: center;
  color: var(--white);
  background: rgba(15, 199, 86, 0.8);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/*상품상세 - 로그인시 보이는 테이블*/
.cre_box table {
    width: 100%;
    margin-bottom: 20px;
}
.cre_box table th {
    padding: 6px 10px;
    background: #f3f4f5;
    border-top: 1px solid #e1dfdf;
    border-right: 1px solid #e1dfdf;
    text-align: center;
    word-break: break-all;
    font-size: 15px;
    font-weight: 500;
    color: #6275a7;
}
.cre_box table th:first-of-type {
    border-left: 1px solid #e1dfdf;
}
.cre_box table td {
    padding: 6px 10px;
    border-right: 1px solid var(--border) !important;
    word-break: keep-all;
}
.cre_box table td:first-of-type {
    margin-top: 10px;
    padding-top: 10px;
    border-left: 1px solid var(--border) !important;
}

/*	아이템 디테일 */
.item_detail.inner-section {margin-top:30px; text-align:left;}

.item_detail .tabs {
	position:sticky;
	top:157px;
	z-index:1;
}
.item_detail .nav-tabs {
	margin-bottom:0; 
	padding: 60px 25px 30px;
	border-top:1px solid var(--black);
	border-radius:0;
}
.item_detail .tab-link {
	position:relative; 
	transition:all 0.3s ease;
}
.item_detail .tab-link.active:after {
	position:absolute; 
	bottom:0; 
	left:0; 
	content:""; 
	width:100%; 
	height:2px; 
	background:var(--primary); 
	transition:all 0.3s ease;
}

.item_detail .div {
	margin-top:-180px; height:180px;
}
.item_detail .div#tab-seller {
	margin-top:-130px; height:120px;
}

.item_detail .tab-pane {
    display: block;
    opacity: 1;
    visibility: visible;
	max-width:none;
	margin:0 auto;
    margin-bottom: 150px;
}
.item_detail .tab-pane h4 {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 700;
}
.product-details-frame {
	margin:0 auto;
	margin-bottom: 30px;
}
#tab-desc .product-details-frame {
	max-width:1000px;
}
.product-details-frame:last-child {
  margin-bottom: 0px;
}
.item_detail .tag_cont {
    margin: 0 -5px;
}
.item_detail .tag_cont a {
    display: inline-block;
    margin: 5px;
    background: #f6f6f6;
    padding: 8px 15px;
    border-radius: 50px;
    font-size: 14px;
}

.item_detail .product_info_notice {
    margin-top: 40px;
}
.item_detail .product_info_notice table {
    font-size: 14px;
}
.item_detail .product_info_notice th {
    width: 220px;
    padding: 10px 15px;
    background: #f9f9f9;
    border-bottom: 1px solid #ededed;
}
.item_detail .product_info_notice td {
    padding: 10px 15px;
    border-bottom: 1px solid #ededed;
}

.item_detail .recent {
    margin-top: 40px;
    padding: 0;
}
.item_detail .recent .row {
    margin-left: -20px;
    margin-right: -20px;
}
.item_detail .recent_swiper .swiper-button-prev,
.item_detail .recent_swiper .swiper-button-next {
    top: -10px;
    width: 24px;
    height: 24px;
}
.item_detail .recent_swiper .swiper-button-prev {
    left: 110px;
}
.item_detail .recent_swiper .swiper-button-next {
    left: 140px;
    right: auto;
}
.item_detail .recent_swiper .swiper-button-prev:after,
.item_detail .recent_swiper .swiper-button-next:after {
    font-size: 11px;
}
.item_detail .recent_swiper .swiper-pagination {
    bottom: -40px;
}
.item_detail .product-name a {
    width: 100%;
}

.item_detail .qna .guide {
    margin-bottom: 20px;
    padding: 20px;
    border: 3px solid #e9e9e9;
    color: #666;
}
.item_detail .qna .guide h4 {
    margin-top: 20px;
    color: var(--red);
}
.item_detail .qna .guide .btn_wrap {
    margin-top: 20px;
}
.item_detail .qna ul {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}
.item_detail .qna li {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 10px;
}
.item_detail .qna .list_head {
    margin-top: 40px;
    border-top: 1px solid var(--black);
    border-bottom: 1px solid #ddd;
}
.item_detail .qna .list_head li {
    font-size: 14px;
    font-weight: 500;
}
.item_detail .qna .status {
    width: 100px;
}
.item_detail .qna .subject {
    justify-content: flex-start;
    width: calc(100% - 340px);
}
.item_detail .qna .btn_warning {
    margin-left: 6px;
    padding: 3px 10px;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    line-height: 1;
    vertical-align: text-bottom;
}
.item_detail .qna .lock {
    font-size: 14px;
    display: inline-block;
    margin-left: 3px;
    margin-bottom: 3px;
}
.item_detail .qna .writer {
    width: 120px;
}
.item_detail .qna .date {
    width: 120px;
}
.item_detail .qna .item.in .body {
    display: block;
}
.item_detail .qna .head,
.item_detail .qna .body {
    border-bottom: 1px solid #ededed;
    background-color: #fff;
    box-sizing: border-box;
}
.item_detail .qna .head {
    display: flex;
    align-items: center;
}
.item_detail .qna .body {
    display: none;
    padding-left: 110px;
    background-color: #f6f6f6;
}
.item_detail .qna .head .status {
    font-size: 14px;
    font-weight: 500;
    color: #878787;
}
.item_detail .qna .head .status .done {
    color: var(--primary);
}
.item_detail .qna .q_cont {
    width: 100%;
    padding: 15px 0;
    padding-right: 150px;
    word-break: break-all;
}
.item_detail .qna .q_cont li {
    padding: 16px 10px;
}
.item_detail .qna .a_cont {
    border-top: 1px solid #dfdfdf;
}
.item_detail .qna .a_cont:first-child {
    border-top: none;
}
.item_detail .qna .a_cont li {
    justify-content: left;
}
.item_detail .qna .a_cont .subject {
    display: block;
    width: calc(100% - 54px);
    word-break: break-all;
}
.item_detail .qna .a_cont .tag {
    padding-left: 0;
}
.item_detail .qna .a_cont .tag span {
    align-self: flex-start;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: #333;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.item_detail .qna .a_cont .writer,
.item_detail .qna .a_cont .date {
    width: auto;
    padding-top: 0;
    padding-left: 0;
    font-size: 14px;
    color: #787878;
}
.item_detail .qna .a_cont .writer {
    padding-left: 45px;
}
.item_detail .qna .body > div {
    position: relative;
}
.item_detail .qna .body .btn {
    position: absolute;
    top: 6px;
    right: 10px;
    width: 110px;
    margin: 0 10px;
    padding: 8px 10px;
}

.ask_write .modal-dialog,
.certi_view .modal-dialog,
.seller_info .modal-dialog {
    width: 95%;
    max-width: 600px;
}
.ask_write .modal-content {
    background: #fff;
}
.ask_write .modal-header {
    border-bottom: none;
}
.ask_write .modal-title {
    font-weight: 700;
}
.ask_write table {
    width: 100%;
}
.ask_write th,
.ask_write td {
    padding-left: 3px;
    padding-right: 3px;
}
.ask_write th {
    width: 100px;
    padding-top: 11px;
    vertical-align: top;
}
.ask_write input:not([type="radio"]) {
    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
}
.ask_write label {
    margin-bottom: 0;
}
.ask_write textarea {
    width: 100%;
    height: 200px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
}
.ask_write .uploadPic {
    margin-bottom: 20px;
}
.ask_write .uploadPic ul {
    display: flex;
    flex-flow: row wrap;
}
.ask_write .uploadPic li {
    position: relative;
    width: 19.2%;
    margin-left: 1%;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
}
.ask_write .uploadPic li:nth-of-type(5n + 1) {
    margin-left: 0;
}
.ask_write .uploadPic .uploadBtn {
    min-height: auto;
    padding: 20px 0;
    border: none;
    cursor: pointer;
}
.ask_write .uploadPic .dz-message {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    margin: 0;
    padding: 5px 10px;
}
.ask_write .uploadPic .uploadBtn i {
    margin-right: 5px;
    font-size: 20px;
}
.ask_write .uploadPic li div {
    display: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ask_write .uploadPic li img {
    width: 100%;
}
.ask_write .uploadPic li span {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
}
.ask_write .uploadPic .guide {
    font-size: 14px;
    color: var(--secondary);
}
.ask_write .uploadPic .guide strong {
    font-weight: 500;
    color: var(--cuation);
}
.ask_write .btn_wrap {
    margin-top: 20px;
    margin-left: 2px;
    margin-right: 2px;
}
.ask_write .btn {
    width: calc(50% - 6px);
}

.item_detail .seller .btn_wrap button {
    margin: 2px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    font-size: 15px;
    color: #525252;
}
.item_detail .seller .btn_wrap button i {
    color: var(--black);
}
.item_detail .seller table {
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid var(--black);
}
.item_detail .seller th,
.item_detail .seller td {
    padding: 15px 20px;
}
.item_detail .seller th {
    width: 110px;
    background: #f8f8f8;
}
.item_detail .seller td {
    border-right: none;
}
.item_detail .seller .go_sellerinfo {
    cursor: pointer;
}
.item_detail .seller .go_sellerinfo i {
    color: #525252;
    vertical-align: middle;
}
.item_detail .seller .info {
    display: flex;
    flex-flow: row wrap;
    padding: 30px 20px;
    border-bottom: 1px solid #ddd;
}
.item_detail .seller .info > div {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    width: 20%;
    border-left: 1px solid #ededed;
    color: var(--red1);
}
.item_detail .seller .info > div:first-child {
    border-left: none;
}
.item_detail .seller .info h4 {
    font-weight: 500;
}
.item_detail .seller .info strong {
    display: inline-block;
    font-size: 28px;
    font-weight: 700;
}
.item_detail .seller .rating strong {
    color: var(--black);
}
.item_detail .seller .star_bg {
    position: relative;
    display: block;
    width: 175px;
    height: 33px;
    background: url("/themes/kakemall/pro/resources/images/icon_star.png") repeat-x;
}
.item_detail .seller .star_rate {
    position: absolute;
    top: 0;
    left: 0;
    height: 33px;
    background: url("/themes/kakemall/pro/resources/images/icon_star.png") repeat-x 0 -33px;
    overflow: hidden;
    vertical-align: -1px;
}
.item_detail .seller .certi > div {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    background: #f8f8f8;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    color: var(--black);
    cursor: pointer;
}
.item_detail .seller .certi > div img {
    margin-bottom: 10px;
}

.certi_view .modal-dialog {
    max-width: 500px;
}
.certi_view .modal-header {
    border-bottom: none;
}
.certi_view .modal-body {
    font-size: 14px;
}
.certi_view th,
.certi_view td {
    padding: 10px 20px;
    font-size: 14px;
}
.certi_view th {
    width: 100px;
}
.certi_view .conts {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
    color: var(--caution);
}
.certi_view .conts h4 {
    font-size: 14px;
    font-weight: 500;
}
.certi_view .guide {
    margin-top: 20px;
    color: #787878;
}
.certi_view .who {
    display: flex;
    margin-top: 40px;
}
.certi_view .who ul {
    margin-left: auto;
}

.item_detail .refund .guide {
    margin-bottom: 20px;
    color: #787878;
}
.item_detail .refund h4 {
    margin-bottom: 10px;
    color: var(--black);
}
.item_detail .refund table {
    width: 100%;
    border-top: 1px solid var(--black);
}
.item_detail .refund th,
.item_detail .refund td {
    padding: 16px;
}
.item_detail .refund th {
    width: 200px;
    background: #f8f8f8;
}
.item_detail .refund td {
    border-left: 1px solid var(--border);
    text-align: left;
}
.item_detail .refund td strong {
    font-weight: 500;
    color: var(--red);
}
.item_detail .refund td li {
    position: relative;
    padding: 3px 0;
    padding-left: 15px;
}
.item_detail .refund td li:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 4px;
    width: 3px;
    height: 3px;
    background: var(--gray);
}
.item_detail .refund .period_guide {
    margin-top: 10px;
    font-size: 14px;
    color: var(--gray);
}
.item_detail .refund .period_guide li:before {
    top: 10px;
}
.item_detail .refund .tooltip_btn {
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    cursor: pointer;
}
.item_detail .refund .tooltiptext {
    display: none;
    position: absolute;
    top: 22px;
    left: 50%;
    width: 300px;
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ddd;
    font-size: 13px;
    font-weight: 400;
    transform: translatex(-50%);
    color: #666;
}
.item_detail .refund .tooltip_btn:hover .tooltiptext {
    display: block;
}
.item_detail .refund .tooltiptext li {
    position: relative;
    padding: 2px 0;
    padding-left: 10px;
}
.item_detail .refund .tooltiptext li:before {
    content: "-";
    position: absolute;
    top: 5px;
    left: 0;
}

.seller_info .modal-dialog {
    max-width: 500px;
}
.seller_info .modal-header {
    padding-bottom: 0;
    border-bottom: none;
}
.seller_info th,
.seller_info td {
    padding: 10px 3px;
    font-size: 15px;
}
.seller_info th {
    width: 130px;
}
.seller_info td button {
    margin: 3px;
    padding: 4px 10px;
    font-size: 12px;
    line-height: 1;
}
.seller_info .btn_verify {
    border: 1px solid var(--blue);
    background: var(--blue);
    color: #fff;
}
.seller_info .btn_wrong {
    border: 1px solid var(--danger);
    color: var(--danger);
}

.seller_info .conts {
    background: #f6f6f6;
    padding: 20px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.4;
}
.seller_info .conts strong {
    color: var(--red);
}

.share_view .share_list {
    display: flex;
}
.share_view .share_list > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 15px 0;
    font-size: 14px;
    cursor: pointer;
}
.share_view .share_list img {
    width: 50px;
    height: 50px;
    margin-bottom: 6px;
    border-radius: 50px;
}

.detail_text .pro_ga:nth-of-type(2) {border-bottom:1px solid #d3d3c3!important;}

#item-details table td {height:42px;}
#item-details .size_area td {height:auto;}
#item-details table:not(.size_area) td:first-child {padding-left:10px; color:#000; font-weight:500;}

.size_area {font-size:14px;}
.size_area td {padding:0 5px!important; line-height:1; font-size:14px;}
.size_area.work {margin-bottom:5px;}

/*========================================= 
    리뷰
========================================== */
.star-rating {
  direction: rtl;
  text-align: center;
  margin: 25px 0px;
}
.star-rating input {
  display: none;
}
.star-rating input:checked ~ details-label new::after {
  opacity: 1;
}
.star-rating details-label new {
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin: 0px 8px;
}
.star-rating details-label new:hover::after {
  opacity: 1;
}
.star-rating details-label new:hover:hover ~ details-label new::after {
  opacity: 1;
}

.star-rating details-label new::before {
  content: "\ec7c";
  font-family: 'Icofont';
  font-weight: 900;
  font-size: 35px;
  display: block;
  color: #bbbbbb;
}

.star-rating label::after {
  content: "\ec7c";
  font-family: 'Icofont';
  font-weight: 900;
  font-size: 35px;
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  color: var(--yellow);
  opacity: 0;
}

.view-gallery {
  margin: 30px;
  position: relative;
}
.product-view {
  max-width: 1000px;
  border-radius: 8px;
  background: var(--white);
}
.view-label-group {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.view-label {
  font-size: 14px;
  padding: 6px 20px;
  margin-bottom: 6px;
  line-height: 13px;
  border-radius: 50px;
  text-align: center;
  text-transform: capitalize;
  color: var(--white);
}
.view-label:last-child {
  margin-bottom: 0px;
}

.view-label.off {
  background: var(--black);
}

.view-label.new {
  background: var(--black);
}

.view-label.sale {
  background: var(--orange);
}

.view-label.feat {
  background: var(--purple);
}

.view-label.rate {
  background: var(--yellow);
}

.view-details {
  margin: 30px;
}

.view-name {
  font-size: 26px;
  line-height: 34px;
  margin-bottom: 5px;
  text-transform: capitalize;
}

.view-name a {
  color: var(--heading);
}

.view-name a:hover {
  color: var(--primary);
}

.view-meta {
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.view-meta p {
  font-size: 13px;
  margin-right: 20px;
  text-transform: uppercase;
  color: var(--placeholder);
}

.view-meta span,
.view-meta a {
  margin-left: 5px;
  color: var(--placeholder);
}

.view-meta a:hover {
  text-decoration: underline;
  color: var(--primary);
}

.view-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 15px;
}

.view-rating i,
.view-rating a {
  font-size: 15px;
  margin-right: 3px;
  color: var(--gray);
}

.view-rating a {
  margin-left: 8px;
  white-space: nowrap;
  text-transform: capitalize;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.view-rating a:hover {
  color: var(--primary);
  text-decoration: underline;
}

.view-rating .active {
  color: var(--yellow);
}

.view-price {
  margin-bottom: 20px;
}

.view-price del {
  color: var(--red);
  margin-right: 25px;
}

.view-price span {
  color: var(--primary);
}

.view-price span small {
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}

.view-desc {
  margin-bottom: 25px;
}

.view-list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 25px;
}

.view-list-group:last-child {
  margin-bottom: 0px;
}

.view-list-title {
  font-weight: 500;
  margin-right: 15px;
  color: var(--heading);
  text-transform: capitalize;
}

.view-tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.view-tag-list li {
  margin-right: 8px;
}

.view-tag-list li a {
  font-size: 14px;
  line-height: 12px;
  padding: 8px 10px;
  border-radius: 5px;
  letter-spacing: 0.3px;
  text-transform: capitalize;
  color: var(--text);
  background: var(--chalk);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.view-tag-list li a:hover {
  color: var(--white);
  background: var(--primary);
}

.view-share-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.view-share-list li {
  margin-right: 8px;
}

.view-share-list li a {
  width: 35px;
  height: 35px;
  font-size: 16px;
  line-height: 35px;
  border-radius: 50%;
  text-align: center;
  color: var(--text);
  background: var(--chalk);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.view-share-list li a:hover {
  color: var(--white);
  background: var(--primary);
}

.view-add-group {
  margin: 45px 0px 15px;
}

.view-add-group .product-add,
.view-add-group .action-input {
  height: 46px;
  line-height: 46px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: var(--white);
  background: var(--black);
}

.view-action-group {
  display: -ms-grid;
  display: grid;
  grid-gap: 15px;
  -ms-grid-columns: (minmax(200px, 1fr))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  position: relative;
}

.view-action-group a {
  padding: 10px 0px;
  border-radius: 8px;
  color: var(--text);
  background: var(--border);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.view-action-group a i {
  font-size: 16px;
  margin-right: 8px;
}

.view-action-group a span {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.view-wish.active {
  color: var(--white);
  background: var(--primary);
}

.preview-slider {
  margin-bottom: 20px;
}

.preview-slider li img {
  width: 100%;
  border-radius: 8px;
}

.thumb-slider li {
  margin: 0px 10px;
  cursor: pointer;
}

.thumb-slider li img {
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--border);
}

.thumb-slider .slick-center img {
  border: 1px solid var(--primary);
}

@media (max-width:576px) {
	.product-view {max-width: 480px;}
	.view-gallery,
	.view-details {
		margin: 25px;
	}
	.view-list-group {
		-webkit-box-align: start;
			-ms-flex-align: start;
				align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
	}
	.view-list-title {
		margin: 0px 0px 10px;
	}
}

.frame-title {margin-bottom: 30px; text-transform: capitalize;}

.review-item {display:flex; flex-flow:row wrap; align-items: flex-start; padding: 45px 45px;border-radius: 8px; margin-bottom: 30px;	background: var(--light);	border: 1px solid #e8e8e8; max-width: 100%;/* 부모 요소 크기 안에서 제한 */	white-space: normal;    /* 기존 줄넘김 설정 (강제로 줄바꿈 허용) */    word-wrap: break-word;  /* 긴 단어를 자동으로 줄바꿈 */ word-break: break-word; /* 단어 단위로 줄바꿈 */ overflow: hidden;       /* 넘치는 텍스트를 보이지 않게 */ text-overflow: ellipsis; /* 필요한 경우 말줄임표(...) 추가 */}
.review-item:last-child {margin-bottom: 0px;}

.review-media {margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start;    justify-content: flex-start;}

.review-avatar {
  margin-right:40px;
  border-radius: 50%;
  border: 2px solid var(--primary);
}

.review-avatar img {
  width:60px;
  border-radius: 50%;
  border: 2px solid var(--white);
}

.review-form .btn {
  width: 100%;
  padding: 12px 30px;
}

.review .product-details-frame {
	padding:50px 0;
}

.review .tit h3 {
    display: inline-block;
    margin-right: 5px;
    font-size: 18px;
    font-weight: 700;
    color: #212121;
    vertical-align: middle;
}

.review_guide {
    display: flex;
    flex-flow: row wrap;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    color: #787878;
}
.review_guide > div:last-child {
    margin-left: auto;
}
.review_guide dl {
    display: flex;
    flex-flow: row wrap;
    margin: 0;
    margin-top: 3px;
}
.review_guide dt {
    font-weight: normal;
}
.review_guide dd {
    position: relative;
    margin: 0;
    margin-right: 20px;
    color: var(--caution);
}
.review_guide dd:before {
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: -10px;
    width: 1px;
    background-color: #ccc;
    content: "";
}
.review_guide dd:last-child:before {
    display: none;
}
.review_guide button,
.review_guide button:hover {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 44px;
    padding: 5px 10px;
    background: #191f2e;
    border: none;
    color: #fff;
}

.item_review .custom-pagination > li  {
	margin-left: 10px; 
	padding: 0 !important; 
	font-size: inherit;
}

.review_rating {
    margin-top: 40px;
}
.review_rating .inner_wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: center; /*height:210px;*/
    padding: 35px 30px 29px;
    background-color: #f8f9fb;
    border: 1px solid #e0e0e1;
    border-radius: 5px;
}
.review_rating .inner_wrap > div {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
}
.review_rating .inner_wrap > div > strong,
.review_classfied .slick-slide > strong {
    display: block;
    color: #212121;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    word-break: keep-all;
}
.review_rating .user_total {
    text-align: center;
}
.review_rating .score {
    display: block;
    margin-top: 15px;
    font-size: 38px;
    color: #c5c5c5;
    line-height: 1;
}
.review_rating .score strong {
    color: #212121;
    font-weight: 500;
}
.review_user .star_bg {
    position: relative;
    display: block;
    margin: 26px auto 0;
    width: 175px;
    height: 33px;
    background: url("/themes/dcdemox/pro/resources/images/product/icon_star.png") repeat-x;
}
.review_user .star_rate {
    position: absolute;
    top: 0;
    left: 0;
    height: 33px;
    background: url("/themes/dcdemox/pro/resources/images/product/icon_star.png") repeat-x 0 -33px;
    overflow: hidden;
    vertical-align: -1px;
}
.review_total {
    width: 165px;
    margin-left: 3.5%;
}
.review_total i {
    margin-top: 17px;
    font-size: 42px;
    color: #d3d6d9;
}
.review_rate {
    width: 170px;
    margin-left: 3.5%;
}
.review_rate ul {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 7px;
    padding: 18px 0 28px;
}
.review_rate li {
    display: table-cell;
    position: relative;
    text-align: center;
}
.review_rate .bar {
    display: inline-block;
    position: relative;
    width: 8px;
    height: 100px;
    border-radius: 5px;
    background-color: #e6e9f0;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.03);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.03);
    vertical-align: top;
}
.review_rate .gauge {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 8px;
}
.review_rate .account {
    position: absolute;
    bottom: 100%;
    left: 50%;
    z-index: 1;
    height: 19px;
    opacity: 0;
}
.review_rate .gauge.active .account {
    opacity: 1;
}
.review_rate .account em {
    display: inline-block;
    position: relative;
    margin-top: -1px;
    height: 15px;
    padding: 0 3px;
    border-radius: 2px;
    background-color: #f54a4c;
    font-family: arial, sans-serif;
    font-size: 11px;
    line-height: 15px;
    color: #fff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.review_rate .account em:before {
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -4px;
    border: 4px solid transparent;
    border-top-color: #f54a4c;
    content: "";
}
.review_rate .graph {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: #ced4e1;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.03);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.03);
    vertical-align: top;
}
.review_rate .gauge.active .graph {
    background-color: #f54a4c;
}
.review_rate .score {
    display: block;
    margin-top: 16px;
    font-size: 14px;
    text-align: center;
    color: #787878;
}

.review_classfied {
    display: block !important;
    width: 316px;
    margin-left: 3.5%;
}
.review_classfied .slick-slide {
    height: auto;
}
.review_classfied .slick-list {
    padding: 0 40px;
}
.review_classfied .slick-slider {
    position: relative;
    width: 100%;
    height: 100%;
}
.review_classfied .slick-arrow {
    position: absolute;
    top: 50%;
    width: 26px;
    height: 51px;
    margin-top: -25px;
    background-image: url("/themes/dcdemox/pro/resources/images/arrow_gray.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px auto;
    z-index: 1;
    text-indent: -999999px;
}
.review_classfied .slick-next {
    right: 0;
}
.review_classfied .slick-prev {
    left: 0;
    transform: rotate(-180deg);
}
.review_classfied .slick-dots {
    margin-top: 6px;
    text-align: center;
}
.review_classfied .slick-dots li {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin: 0 2px 0 3px;
    background-color: #000;
    border-radius: 50%;
    vertical-align: top;
    opacity: 0.1;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
}
.review_classfied .slick-dots li.slick-active {
    opacity: 1;
}
.review_classfied .slick-slide ul {
    height: 91px;
    margin-top: 27px;
}
.review_classfied .slick-slide ul li {
    display: flex;
    margin-top: 9px;
}
.review_classfied .slick-slide ul li:first-child {
    margin-top: 0;
}
.review_classfied .slick-slide ul li > div {
    display: flex;
    width: 100%;
}
.review_classfied .slick-slider .box1 em {
    display: inline-block;
    min-width: 66px;
    height: 22px;
    margin-top: 1px;
    margin-right: 10px;
    padding: 0 5px;
    border: 1px solid #a26f59;
    color: #a26f59;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 20px;
    vertical-align: top;
    border-radius: 12px;
    text-align: center;
    font-style: normal;
}
.review_classfied .slick-slider .comment {
    padding-right: 7px;
    font-size: 13px;
    color: #000;
    font-size: 13px;
}
.review_classfied .slick-slider .amount {
    display: flex;
    margin-left: auto;
    font-size: 12px;
    color: #777;
}
.review_classfied .slick-slider .amount > span:last-child {
    margin-left: auto;
    font-size: 11px;
    color: #959595;
}
.review_classfied .slick-slider .box2 li {
    display: flex;
}
.review_classfied .slick-slider .box2 li em {
    color: #aaa;
    white-space: nowrap;
    font-style: normal;
}
.review_classfied .slick-slider .box2 li > div {
    margin-left: auto;
    width: 120px;
}
.review_classfied .slick-slider .box2 .graph {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 6px;
    margin-top: 5px;
    background-color: #e6e9f0;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.03);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.03);
    border-radius: 3px;
    vertical-align: top;
}
.review_classfied .slick-slider .bar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.03);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.03);
    border-radius: 3px;
    background-color: #ced4e1;
}
.review_classfied .slick-slider .bar.active {
    background: #1e49c1;
}
.review_classfied .box2 .amount {
    margin-left: 5px;
    font-size: 11px;
    color: #aaa;
    white-space: nowrap;
}


/*스토어픽*/
.storePick {
    margin-top: 40px;
}
.storePick .tit em {
    font-size: 14px;
    font-style: normal;
    color: #787878;
    vertical-align: middle;
}
.slideStorePick .slick-slide {
    height: auto;
}
.slideStorePick .columnWrap {
    display: flex !important;
    flex-flow: row wrap;
    justify-content: space-between;
    height: auto;
}
.slideStorePick .column {
    width: calc(50% - 5px);
    padding: 20px;
    border: 1px solid #ddd;
}
.slideStorePick .writerInfo {
    display: flex;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #ddd;
}
.slideStorePick .writerInfo > div {
    overflow: hidden;
}
.slideStorePick .writerInfo img {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    border-radius: 50%;
}
.slideStorePick .star_bg {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 16px;
    background: url("/themes/dcdemox/pro/resources/images/star_orange.svg") repeat-x;
    background-size: 16px;
}
.slideStorePick .star_rate {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    background: url("/themes/dcdemox/pro/resources/images/star_orange.svg") repeat-x 0 -15px;
    background-size: 16px;
    overflow: hidden;
}
.slideStorePick .starRate em {
    display: inline-block;
    margin-left: 3px;
    font-weight: 700;
    font-style: normal;
    color: var(--black);
}
.slideStorePick .summary {
    font-size: 14px;
    color: var(--graytxt);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.slideStorePick .summary span:before {
    content: "";
    display: inline-block;
    width: 1;
    height: 12px;
    margin: 0 8px 0 5px;
    background: #ddd;
    vertical-align: baseline;
}
.slideStorePick .cont {
    display: flex;
    height: 100px;
    overflow: hidden;
}
.slideStorePick .cont img {
    width: 100px;
}
.slideStorePick .cont .comment {
    margin-right: 20px;
    font-size: 15px;
}
.slideStorePick .pic {
    position: relative;
}

.slideStorePick .slick-arrow,
.slideStorePick .slick-dots {
    display: none !important;
}
.storePick .btnWrap {
    display: flex;
    justify-content: center;
    margin: 20px 0 40px;
}
.storePick .btnWrap img {
    width: 9px;
    margin: 0 10px;
}
.storePick .prevBtn {
    transform: rotate(-180deg);
}

/*포토동영상*/
.reviewMedia ul {
    display: flex;
}
.reviewMedia li {
    position: relative;
    width: calc(12.5% - 8px);
    margin-left: 10px;
}
.reviewMedia li:first-child {
    margin-left: 0;
}
.reviewMedia img {
    width: 100%;
}
.reviewMedia .tit span,
.reveiwSort .tit span {
    margin-left: 3px;
    color: var(--caution);
    font-weight: 500;
}
.reviewMedia li a {
    position: relative;
}
.reviewMedia .moreWrap {
    position: absolute !important;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    color: #fff;
    cursor: pointer;
}

/*리뷰필터*/
.reviewFilter {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
}
.reveiwSort {
    display: flex;
}
.reveiwSort .tit {
    display: block;
    margin-right: auto;
    color: var(--black);
}
.reveiwSort ul {
    display: flex;
}
.reveiwSort li {
    position: relative;
}
.reveiwSort li a {
    padding: 3px 8px;
    color: var(--secondary);
}
.reveiwSort li a.active {
    color: var(--black);
}
.reveiwSort li a:before {
    display: none;
    content: "\f00c";
    font-family: var(--awesome);
    font-weight: 900;
    margin-top: -2px;
    margin-right: 3px;
    font-size: 14px;
    color: var(--black);
    vertical-align: middle;
}
.reveiwSort li a.active:before {
    display: inline-block;
}
.reveiwSort li .tooltipGuide {
    display: none;
    position: absolute;
    top: 30px;
    width: 230px;
    padding: 10px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
    font-size: 14px;
}
.reveiwSort li:first-child:hover .tooltipGuide {
    display: block;
}
.reveiwSort li .tooltipGuide strong {
    color: var(--black);
}

.reviewTabWrap {
    margin: 20px 0;
}
.reviewTabs {
    display: flex;
    padding: 20px;
    background: #1d377a;
    border: 1px solid #1d377a;
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.reviewTabs li {
    flex: 1;
    text-align: center;
}
.reviewTabs a {
    position: relative;
    display: inline-block;
    color: #fff;
}
.reviewTabs a:hover {
    color: rgba(255, 255, 255, 0.8);
}
.reviewTabs a.active:before {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block;
    content: "";
    background: #fff;
    height: 2px;
}

.reviewHash {
    display: flex;
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.reviewHash .tag {
    margin: 0 5px;
    padding: 3px 15px;
    border: 1px solid #ddd;
    border-radius: 50px;
    font-size: 14px;
}
.reviewHash .tag.active {
    border: 1px solid var(--primary);
    color: var(--primary);
}
.reviewHash .goodsOption {
    position: relative;
}
.reviewHash .goodsOption button.active i {
    transform: rotate(-180deg);
}
.reviewHash .dropdownWrap {
    position: absolute;
    display: none;
    width: 250px;
    margin-top: 10px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    z-index: 5000;
}
.reviewHash .dropdownWrap > div:first-child {
    padding: 10px 20px;
    background: #f6f6f6;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    color: var(--black);
}
.reviewHash .dropdownWrap ul {
    height: 160px;
    margin-top: 10px;
    overflow-y: scroll;
}
.reviewHash .dropdownWrap li {
    padding: 5px 20px;
    font-size: 14px;
}
.reviewHash .dropdownWrap input[type="radio"] {
    display: none;
}
.reviewHash .dropdownWrap input[type="radio"]:checked + label {
    color: #133691;
    font-weight: 500;
}
.reviewHash .dropdownWrap label:before {
    content: "\f00c";
    font-family: var(--awesome);
    font-weight: 900;
    display: none;
    margin-right: 3px;
    font-size: 12px;
    vertical-align: text-bottom;
    color: #133691;
}
.reviewHash .dropdownWrap input[type="radio"]:checked + label:before {
    display: inline-block;
}
.reviewHash .dropdownWrap .btnWrap {
    padding: 10px 20px;
    border-top: 1px solid #eee;
}
.reviewHash .dropdownWrap .btnWrap button {
    width: calc(50% - 5px);
    margin-left: 5px;
    padding: 5px;
    background: var(--primary);
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.reviewHash .dropdownWrap .btnWrap button:first-child {
    margin-left: 0;
    background: #acb0b9;
}

.reviewGuide {
    margin-bottom: 20px;
    padding: 10px 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.reviewGuide i {
    color: var(--orange);
}
.reviewGuide strong {
    color: var(--facebook);
    font-weight: 500;
}

.reviewWrite .col-lg-12 {
    padding-left: 0;
    padding-right: 0;
}
.reviewWrite .modal-dialog {
    width: 90%;
    max-width: 600px;
}
.reviewWrite .product-details-frame {
    padding: 20px;
}
.reviewWrite .pointGuide {
    margin-bottom: 10px;
    background: #f6f6f6;
    border-radius: 5px;
    font-size: 14px;
    color: #787878;
    overflow: hidden;
}
.reviewWrite .pointGuide > * {
    padding: 10px 20px;
}
.reviewWrite .pointGuide i {
    margin-right: 3px;
}
.reviewWrite .pointGuide strong {
    font-weight: 500;
    color: var(--caution);
}
.reviewWrite .pointGuide .fa-angle-down {
    margin-left: 10px;
}
.reviewWrite .pointGuide > div.active .fa-angle-down {
    transform: rotate(-180deg);
}
.reviewWrite .pointGuide > ul {
    padding-left: 42;
    background: #eee;
    border-top: 1px dashed #ddd;
}
.reviewWrite .pointGuide > ul li {
    position: relative;
    padding: 3px 0 3px 5px;
}
.reviewWrite .pointGuide > ul li:before {
    position: absolute;
    top: 10px;
    left: 0;
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #787878;
}
.reviewWrite .pointGuide .notice {
    border-top: 1px solid #ddd;
}
.reviewWrite .summary {
    display: flex;
}
.reviewWrite .summary .pic {
    width: 100px;
    margin-right: 15px;
}
.reviewWrite .summary img {
    width: 100%;
}
.reviewWrite .summary .cont {
    margin-top: 5px;
}
.reviewWrite .summary .store,
.reviewWrite .summary .option {
    font-size: 14px;
    color: var(--secondary);
}
.reviewWrite .summary .goodsName {
    font-weight: 500;
}
.reviewWrite .starRate {
    margin-top: 10px;
    padding: 0;
    padding-top: 20px;
    border-top: 1px solid #212121;
}
.reviewWrite .star-rating {
    display: flex;
    justify-content: center;
    padding: 30px 20px;
    background: var(--gray-dark);
    border-radius: 5px;
}
.reviewWrite .star-rating label {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0;
    cursor: pointer;
}
.reviewWrite .star-rating label:hover:after {
    opacity: 1;
}
.reviewWrite .star-rating label:before {
    content: "";
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 40px;
    height: 39px;
    background: url("/themes/dcdemox/pro/resources/images/star_orange.svg") repeat-x 0 0;
    background-size: 40px;
    overflow: hidden;
}
.reviewWrite .star-rating label:after {
    content: "";
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    opacity: 0;
    width: 40px;
    height: 39px;
    background: url("/themes/dcdemox/pro/resources/images/star_orange.svg") repeat-x 0 -37.5px;
    background-size: 40px;
    overflow: hidden;
}
.reviewWrite .star-rating input:checked ~ label::after {
    opacity: 1;
}
.reviewWrite .optionRate {
    padding-left: 5px;
    padding-right: 5px;
}
.reviewWrite .optionRate dl {
    display: flex;
    border-bottom: 1px solid var(--border);
}
.reviewWrite .optionRate dt {
    width: 30%;
    padding: 14px 20px 0 5px;
    font-weight: 500;
    color: var(--black);
}
.reviewWrite .optionRate dd {
    width: 70%;
    display: flex;
    align-items: flex-start;
}
.reviewWrite .optionRate .star-rating {
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    padding: 0;
    background: none;
    border: none;
    direction: inherit;
}
.reviewWrite .optionRate .star-rating label {
    width: 26px;
    height: 26px;
}
.reviewWrite .optionRate .star-rating label:before,
.reviewWrite .optionRate .star-rating label:after {
    width: 26px;
    height: 26px;
    background-size: 26px;
}
.reviewWrite .optionRate .star-rating label:after {
    background-position: 0 -25px;
}
.reviewWrite .optionRate .star-rating span {
    margin-top: 8px;
    color: var(--secondary);
    font-size: 14px;
    word-break: keep-all;
    line-height: 1.3;
}
.reviewWrite .comment {
    padding: 0;
}
.reviewWrite .uploadPic {
    margin-bottom: 20px;
}
.reviewWrite .uploadPic ul {
    display: flex;
    flex-flow: row wrap;
}
.reviewWrite .uploadPic li {
    position: relative;
    width: 19.2%;
    margin-left: 1%;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
}
.reviewWrite .uploadPic li:nth-of-type(5n + 1) {
    margin-left: 0;
}
.reviewWrite .uploadPic .uploadBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    flex-flow: column wrap;
}
.reviewWrite .uploadPic .uploadBtn a {
    color: var(--secondary) !important;
    text-align: center;
    font-size: 15px;
    word-break: keep-all;
    line-height: 1.3;
}
.reviewWrite .uploadPic .uploadBtn i {
    font-size: 26px;
    margin-bottom: 5px;
}
.reviewWrite .uploadPic li div {
    display: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.reviewWrite .uploadPic li img {
    width: 100%;
}
.reviewWrite .uploadPic li span {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
}
.reviewWrite .uploadPic .guide {
    font-size: 14px;
    color: var(--secondary);
}
.reviewWrite .uploadPic .guide strong {
    font-weight: 500;
    color: var(--cuation);
}

.review-list .reviewCont {
    flex: 1;
}
.review-list .reviewSummery {
    font-size: 14px;
    color: var(--sec);
}
.review-list .reviewSummery a {
    color: inherit;
}
.review-list .starRate {
    display: flex;
    align-items: center;
}
.review-list .star_bg {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 20px;
    background: url("/themes/dcdemox/pro/resources/images/star_orange.svg") repeat-x;
    background-size: 20px;
}
.review-list .star_rate {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    background: url("/themes/dcdemox/pro/resources/images/star_orange.svg") repeat-x 0 -20px;
    background-size: 20px;
    overflow: hidden;
}
.review-list .starRate em {
    display: inline-block;
    margin-left: 10px;
    font-weight: 700;
    font-style: normal;
    color: var(--black);
    vertical-align: text-bottom;
    font-size: 16px;
}
.review-list .writer {
    font-size: 14px;
    color: var(--graytxt);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.review-list .writer span:before {
    content: "";
    display: inline-block;
    width: 1;
    height: 12px;
    margin: 0 8px 0 5px;
    background: #ddd;
    vertical-align: baseline;
}
.review-list .optionRate dl {
    display: flex;
    margin-top: 10px;
    padding: 10px 15px;
    border-radius: 10px;
    border: 1px dashed #ddd;
    color: var(--sub-heading);
}
.review-list .optionRate dt {
    margin-right: 5px;
}
.review-list .optionRate dd {
    margin-bottom: 0;
}
.review-list .optionRate dd:after {
    content: "";
    width: 1px;
    height: 100%;
    margin: 0 10px;
    background: #ddd;
}
.review-list .reviewSummery {
    display: flex;
    align-items: flex-start;
}
.review-list .reviewSummery .pic {
    position: relative;
    width: 120px;
    height: 0;
    margin-left: 40px;
    padding-top: 120px;
}
.review-list .reviewSummery .pic img {
    width: 100%;
}
.review-list .reviewSummery .imgBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.review-desc {
    line-height: 1.6;
	margin-bottom: 20px;
}
.review-desc img {
    display: inline-block;
    max-width: 100%;
    margin: 10px;
}
.review-desc .morecontent span {
    display: none;
}
.review-desc .morelink {
    display: block;
}
.review-list .btnGood {
    margin-top: 10px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
    color: #666;
    line-height: 1.3;
    font-size: 14px;
}
.review-list .btnGood i {
    color: var(--orange);
}

.reviewPopup .view-details {
    margin-left: 0;
}
.reviewPopup .slick-slide {
    height: auto;
}
.reviewPopup .view-meta {
    display: flex;
    align-items: center;
}
.reviewPopup .review-avatar {
    margin-right: 20px;
}
.reviewPopup .review-avatar img {
    width: 40px;
}
.reviewPopup .summery {
    flex: 1;
    font-size: 13px;
    margin-right: 0;
    text-transform: uppercase;
    color: var(--placeholder);
}
.reviewPopup .starRate {
    display: flex;
    align-items: center;
}
.reviewPopup .star_bg {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 20px;
    margin-left: 0;
    background: url("/themes/dcdemox/pro/resources/images/star_orange.svg") repeat-x;
    background-size: 20px;
}
.reviewPopup .star_rate {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    margin-left: 0;
    background: url("/themes/dcdemox/pro/resources/images/star_orange.svg") repeat-x 0 -20px;
    background-size: 20px;
    overflow: hidden;
}
.reviewPopup .starRate em {
    display: inline-block;
    margin-left: 10px;
    font-weight: 700;
    font-style: normal;
    color: var(--black);
    vertical-align: text-bottom;
    font-size: 16px;
}
.reviewPopup .writer {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
    margin: 5px 0;
    color: var(--secondary);
}
.reviewPopup .writer span:before {
    content: "";
    display: inline-block;
    width: 1;
    height: 12px;
    margin: 0 8px 0 5px;
    background: #ddd;
    vertical-align: baseline;
}
.reviewPopup .optionRate {
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 10px;
    border: 1px dashed #ddd;
    color: var(--sub-heading);
    font-size: 14px;
}
.reviewPopup .optionRate dl {
    display: flex;
    margin-bottom: 2px;
}
.reviewPopup .optionRate dt {
    margin-right: 5px;
}
.reviewPopup .optionRate dd {
    margin-bottom: 0;
}
.reviewPopup .optionRate dd:after {
    content: "";
    width: 1px;
    height: 100%;
    margin: 0 10px;
    background: #ddd;
}
.reviewPopup .view-desc {
    height: 260px;
    overflow-y: scroll;
}
.reviewPopup .option {
    color: var(--facebook);
}
.reviewPopup .btnGood button {
    border: 1px solid var(--gray-chalk);
    border-radius: 50px;
    font-size: 15px;
    margin-left: 8px;
    padding: 3px 15px;
    color: var(--orange);
}


.galleryPopup ul {
    display: flex;
    flex-flow: row wrap;
    margin: 30px;
}
.galleryPopup li {
    position: relative;
    width: 110px;
    height: 110px;
    margin: 5px;
    background: #f5f5f5;
    overflow: hidden;
}
.galleryPopup li img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

/*=============================
	장바구니
=============================*/
.cart_container {display:flex;}
.cart_product {flex:1;}
.cart_product .title {position:relative; cursor:pointer;}
.cart_product .title:after {content:url(/themes/dcdemox/pro/resources/images/swiper_next.svg); position:absolute; top:50%; right:10px; transform:translateY(-50%) rotate(-90deg);}
.cart_product .title.collapsed:after {transform:translateY(-50%) rotate(90deg);}
.cart_product .title h4 {padding:20px 0; font-size:1rem!important; font-weight:700; color:var(--black);}
#cartConts {transition: none;}
[data-toggle="collapse"] .title:after {content:url(/themes/dcdemox/pro/resources/images/swiper_next.svg); position:absolute; top:50%; right:10px; transform:translateY(-50%);}

[data-toggle="collapse"].collapsed .title:after {content:url(/themes/dcdemox/pro/resources/images/swiper_next.svg); position:absolute; top:50%; right:90px; transform:translateY(-50%);}
.cart_product .subtit {margin-bottom:40px; padding:12px; background:#f6f6f6; border-radius:5px;}
.cart_product .subtit h4 {font-size:1rem; color:#525252;}
.cart_product .prdbox {margin-bottom:30px; padding:0 3px; padding-bottom:30px;}
.prdbox input[type="checkbox"] {margin:0;}
.cart_product .description {position:relative; flex:1;}
.prdbox .thumbnail {margin:0 16px;}
.prdbox .prdname {display:inline-block; margin-bottom:10px;}
.prdbox .prdname,
.prdbox .prdname  a {color:var(--black); font-weight:700;}
.prdbox .prdinfo {font-size:0.875rem; color:#787878;}
.prdbox .prdprice {color:var(--black);}
.prdbox .prdprice .discount {margin-left:5px; font-size:0.875rem; color:var(--danger);}
.prdbox .prdoption {display:flex; font-size:0.875rem; color:#787878; }
.prdbox .prdoption button {margin-left:10px; padding:3px 8px; background:#fff; border:1px solid #e5e5e5; border-radius:3px; font-size:13px;}
.prdbox .prd_btm {display:flex; align-items: center; margin-top:20px; }
.prdbox .prdqty button {border:1px solid #ddd; font-size:14px;}
.prdbox .base_qty {position: relative; display: inline-block; width: 103px; padding: 0 30px; vertical-align: top; box-sizing: border-box;}
.prdbox .base_qty input[type="text"] {width: 45px; height: 30px; padding: 0; line-height: 28px; margin-left: -1px; border: 1px solid #e5e5e5; text-align: center; }
.prdbox .base_qty .up { position: absolute; right: 0; top: 0;}
.prdbox .base_qty .down { position: absolute; left: 0; top: 0;}
.prdbox .prdqty a {width: 30px; height: 30px; border: 1px solid #e5e5e5; box-sizing: border-box;  overflow: hidden; white-space: nowrap; text-indent: 150%; color: transparent;  font-size: 1px; line-height: 1px;}
.prdbox .prdqty .btn {width:auto; padding:inherit 10px; font-size:13px; color:var(--black); border-radius:0; text-indent:inherit;}
.prdbox .base_qty a:before {content: ''; position: absolute; left: 10px; top: 50%; width: 9px; height: 1px; background: #000;}
.prdbox .base_qty .up:after {content: ''; position: absolute; left: 50%;  top: 50%;  width: 1px;  height: 9px;  margin: -4px 0 0 0;  background: #000;}
.prdbox .prd_btm .btn_group {position:relative; margin-left:auto;}
.prdbox .prd_btm .btn_group .btn {height:40px; margin-left:6px; padding:0 20px; border-radius:3px;}
.prdbox .prddel button {display: block; position: absolute; top:-12px; right:5px; overflow: hidden; width: 30px; height: 30px; margin: 0 auto; font-size: 1px; line-height: 0; color: transparent; white-space: nowrap; -webkit-transform: rotate(45deg);  transform: rotate(45deg);}
.prdbox .prddel button:before {content: ""; position: absolute; top: 4px; right: 14px; width: 1px; height: 21px; background: #b5b5b5; -webkit-transition: .3s ease-out; transition: .3s ease-out;}
.prdbox .prddel button:after {content: ""; position: absolute; top: 14px; right: 4px; width: 21px; height: 1px; background: #b5b5b5; -webkit-transition: .3s ease-out; transition: .3s ease-out;}
.cart_product .extra_info {padding:20px; background:#f6f6f6; border-bottom:1px solid #ddd;}
.cart_product .extra_info h5 {font-size:1rem;}

.cart_product .btn_wrap.btm {display:flex; margin-top:40px;}
.cart_product .btn_wrap.btm button {height:40px; margin:4px; padding:0 20px; border:1px solid #ddd; border-radius:3px; }
.cart_product .btn_wrap.btm button:first-child {margin-left:0;}
.cart_product .btn_wrap.btm button:last-child {margin-left:auto;}

.cart-part .container {text-align:left;}
.cart-part .cart_left {width:300px; padding-left:40px;}
.cart-part .cart_left .sticky {position:sticky; top:160px; left:0;  }
.cart-part .cart_left .cart_total {padding:20px 14px; border:1px solid var(--black); border-radius:5px;}
.cart-part .cart_left .cart_total > div {display:flex; align-items:center; margin-top:6px;}
.cart-part .cart_left .cart_total > div:first-child {margin-top:0;}
.cart-part .cart_left .cart_total h4 {font-size:1rem; color:#787878;}
.cart-part .cart_left .cart_total .data {margin-left:auto; color:var(--black);}
.cart-part .cart_left .cart_total strong {font-weight:500;}
.cart-part .cart_left .cart_total .sum {margin-top:20px; padding-top:20px; border-top:1px solid #ddd; color:var(--black); }
.cart-part .cart_left .cart_total .sum h4 {color:inherit; font-weight:500;}
.cart-part .cart_left .cart_total .sum strong {font-weight:700; font-size:1.125rem; color:inherit;}
.cart-part .cart_left .btn_wrap {margin-top:10px;}
.cart-part .cart_left button {width:100%; margin:4px 0;}

.printing-item tbody tr td:last-child:not(:first-child) {text-align:right!important;}

/*========================================
   결제하기
=========================================*/
.wishlist-part,
.checkout-part,
.invoice-part,
.profile-part,
.orderlist-part {padding-bottom:120px;}

/*체크아웃*/
.checkout-part .container {text-align:left;}
.checkout-part input:not([type='radio'], [type='checkbox']) {width:100%; height:46px; padding:10px; background:#fff; border:1px solid #ddd; border-radius:5px;}
.checkout-part select {width:100%; height:46px; padding:10px; border:1px solid #ddd; border-radius:5px;}
.checkout-part textarea {border-radius:5px;}

.pill_tabs {display:flex; margin-top:10px; margin-bottom:40px;}
.pill_tabs li {width:calc(50% - 3px); margin-left:5px; margin-bottom:10px;}
.pill_tabs li:first-child {margin-left:0;}
.pill_tabs a {display:block; width:100%;  padding:14px 20px; background:#f6f6f6; border:1px solid #ededed; border-radius:10px; text-align:center; color:#525252;}
.pill_tabs a.active {background:var(--black); color:#fff;}
.pill_tabconts {margin-top:20px; padding-left:5px; padding-right:5px;}

.checkout-part .container {max-width:800px;}
.checkout-part .title {display: flex; align-items: center; position:relative;  padding:0 3px; border-top:1px solid var(--black);  cursor:pointer; }
.checkout-part .title:after {content:url(/themes/dcdemox/pro/resources/images/swiper_next.svg); position:absolute; top:50%; right:10px; transform:translateY(-50%) rotate(-90deg);}
.checkout-part .title.collapsed:after {transform:translateY(-50%) rotate(90deg);}
.checkout-part .title h4 {padding:20px 0; font-size:1rem!important; font-weight:700; color:var(--black);}
.checkout-part .title .txt {display:none; margin-left: auto; margin-right: 38px;}
.checkout-part .title.collapsed .txt {display:block;}
#cartConts {transition: none;}
.checkout-part .title + .contents {padding-bottom:40px;}
.checkout-part .contents .tabs {margin-top:10px;}

.checkout-part .arrival_info .btn_addlist {width:fit-content; margin-left:auto; }
.checkout-part .btn_outline_gray {color:#333;}
.checkout-part .recent_add {position:relative;}
.checkout-part .recent_add  li {margin:5px 0;}
.checkout-part .recent_add .name {font-weight:700; color:var(--black);}
.checkout-part .add_list {position:relative; display:none; padding:16px; background:#fff; border:1px solid #ddd; border-radius:5px;}
.checkout-part .add_list > .btn_wrap {position:relative!important; padding:0; padding-bottom:10px; text-align:right;}
.checkout-part .add_list > div {position:relative; padding:20px 0; border-bottom:1px dashed #ddd;}
.checkout-part .add_list > div .btn_wrap {top:20px;}

.checkout-part .select_add {display:flex;}
.checkout-part .select_add .check_wrap {margin:20px 20px 20px 0;}
.checkout-part .input_form dl{align-items:center; padding:10px 0;}
.checkout-part .input_form dt {width:110px; padding:3px;}
.checkout-part .input_form .add dt {align-self: flex-start; margin-top: 12px;}
.checkout-part .input_form .add dd > span {display:block; margin-top:4px;}
.checkout-part .input_form .add > span:first-child {margin-top:0;}
.checkout-part .input_form .zip > * {vertical-align:middle;}
.checkout-part .input_form .zip input {max-width:140px;}
.checkout-part .input_form .tel select,
.checkout-part .input_form .tel input,
.checkout-part .input_form .mob select,
.checkout-part .input_form .mob input {max-width:140px;}
.checkout-part .input_form .email dd {display: flex; justify-content: space-between; gap: 4px; align-items: center;}
.checkout-part .input_form button {height:46px; margin-left:2px; line-height:1;}
.checkout-part .direct_selbox {width:100%; position:relative;}
.checkout-part .email_etc {display:none; position:absolute; top:0; left:0; width:calc(100% - 24px) !important; background:#fff; border-right:none!important;}
.checkout-part dl.msg {flex-direction:column; margin-top:20px; padding:0 3px;}
.checkout-part .msg dt,
.checkout-part .msg dd {width:100%;}
.checkout-part .msg .msg_etc {display:none; position:relative; width:100%; margin-top:10px; padding:10px; border:1px solid #ddd; }
.checkout-part .check_wrap {margin-top:20px; padding:0 5px;}

.checkout-part .prdbox {margin-bottom:20px; padding-bottom:20px;}
.checkout-part .prdbox .thumbnail {margin-left:0px;}
.checkout-part .prdqty {font-size:14px;}
.checkout-part .prd_btm {position:absolute; top:-16px; right:0;}
.checkout-part .sum {display:flex; align-items:center; padding:10px!important; background:#f6f6f6;}
.checkout-part .sum dt {font-weight:400;}
.checkout-part .sum dd {margin-left:auto; font-weight:700; color:var(--black); font-size:20px;}
.checkout-part .products .sum dd {font-size:inherit;}

.checkout-part .discount .input_form {padding-bottom:20px;}
.checkout-part .discount_code dd,
.checkout-part .discount .input_form dd > span {display:flex; justify-content:space-between; gap:4px; }
.checkout-part .discount .input_form dd > p {margin-top:12px; padding-left:5px;  text-align:right;}
.checkout-part .discount .input_form strong {font-weight:700; color:var(--black);}
.checkout-part .discount .input_form dl {flex-wrap:wrap;}
.checkout-part .discount .input_form button {min-width:100px;}
.checkout-part .discount ul {margin-top:10px; padding:10px; background:#f6f6f6; }
.checkout-part .discount li { padding:3px 0; font-size:14px;}

.checkout-part .payment_info .contents > div {margin-bottom:20px;}
.checkout-part .payment_info dl:not(.sum),
.checkout-part .save dl:not(.sum) {display:flex; padding:3px 5px; }
.checkout-part .payment_info dt,
.checkout-part .save dt {font-weight:400;}
.checkout-part .payment_info dd,
.checkout-part .save dd {width:auto; margin-left:auto; color:var(--black);}
.checkout-part .payment_info dd strong,
.checkout-part .save dd strong {font-weight:400;}
.checkout-part .payment_info .deposit dd strong{color:var(--swiper-theme-color);}

.checkout-part .paymethod .tabs {display:flex; flex-flow:row wrap; margin:0 -3px; margin-bottom:20px;}
.checkout-part .paymethod .nav-item {display:flex; flex:1; padding:3px;}
.checkout-part .paymethod .nav-link {display:flex; flex-direction:column; align-items:center; padding:12px 10px; border:1px solid #ddd; border-radius:5px; text-align:center;}
.checkout-part .paymethod .nav-link {color:#787878;}
.checkout-part .paymethod .nav-link img {height:28px; margin-bottom:10px;  filter: contrast(0.6);}
.checkout-part .paymethod .nav-link.active,
.checkout-part .paymethod .nav-link:hover {background:#fff; border:1px solid #8498cc; color:var(--primary);}
.checkout-part .paymethod .nav-link.active img,
.checkout-part .paymethod .nav-link:hover img {filter:invert(10%) sepia(10%) saturate(600) hue-rotate(187deg) brightness(60%) contrast(160%)}
.checkout-part .paymethod .check_wrap {margin-top:5px;}
.checkout-part .paymethod .guide {margin-top: 8px; font-size: 14px; color: var(--facebook); display: block;}
.checkout-part .paymethod .tcash dd span {display:block; margin-top;8px;}
.checkout-part .paymethod dl {margin-bottom:2px;}
.checkout-part .paymethod dl:last-child {margin-top:10px;}
.checkout-part .paymethod label {margin-bottom:0;}
.checkout-part .paymethod .radio_wrap {margin-right:10px;}
.checkout-part .cashreceipt_form {display:none; padding:20px; background:#f6f6f6;}
.checkout-part .cashreceipt_form > div:first-child  {margin-bottom:10px; }
.checkout-part .cashreceipt_form > div .d-flex {align-items:center; justify-content:space-between; gap:5px;}
.checkout-part .chshreceipt_biz {display:none;}
.checkout-part .cashreceipt_form .result {padding-left: 10px; background: #fff; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;}
.checkout-part .cashreceipt_form button {border-top-left-radius:0; border-bottom-left-radius:0;}
.checkout-part .icash .input_form dl:first-child dt {align-self: flex-start;}
.checkout-part .save_info {margin-top:20px;}

.checkout-part .container > .btn_wrap button {font-size:20px; font-weight:700;}
.checkout-part .guid_box {padding:20px; background:#f6f6f6;}
.checkout-part .guid_box li {position:relative; padding:5px 0; padding-left:10px; font-size:14px;}
.checkout-part .guid_box li:before {content:"-"; position:absolute; top:3px; left:0;}

.checkout-part .recent_add .btn_wrap {position:absolute; top:0; right:0;}

.checkout_pop .modal-dialog {max-width:500px; padding:0 12px; border-radius:5px; overflow:hidden;}
.checkout_pop .modal-header {background:var(--primary); color:#fff;}
.checkout_pop .box {margin-bottom:20px; padding:16px; background:#f6f6f6;}
.checkout_pop .title {margin:16px 0;}
.checkout_pop .title h2 {font-weight:700; color:var(--black); font-size:1.125rem;}
.checkout_pop .process {display:flex; justify-content:space-between; gap:10px; margin-top:10px;}
.checkout_pop .process li {flex: auto; position:relative; padding:10px; border:1px solid #418cb8; border-radius:5px; font-size:14px; color:var(--black);}
.checkout_pop .process li:not(:last-child):after {content:""; width:30px; height:14px; position:absolute; top:50%; right:-33px; transform:translateY(-50%); background:#418cb8; clip-path: polygon(0 0, 0% 100%, 23% 45%);}
.checkout_pop .process li span {display:block; color:#418cb8; font-size:0.875em;}
.checkout_pop .modal-header .close {background:none; color:#fff; font-size:32px; font-weight:400; line-height:0;}
.checkout_pop .table table {font-size: 0.875rem; border:1px solid #ddd;}
.checkout_pop th {background:#f6f6f6; border:none; border-right:1px solid #ddd;}
.checkout_pop td {text-align:left;}
.pop_isp  .process {margin-bottom:50px;}
.pop_isp  .process li em {position:absolute; bottom: -36px; right: -85px;width:160px; line-height:1.2; text-align:center; color:#418cb8;  font-size:0.875em; font-style:normal;}

/*결제완료*/
.invoice-part .table-serial {width:120px; word-break:break-all;}
.invoice-recieved {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.invoice-recieved h6 {
  text-transform: capitalize;
}

.invoice-recieved h6 span {
  display: block;
  font-weight: 400;
  margin-top: 10px;
}

.invoice-details li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}

.invoice-details li:last-child {
  margin-bottom: 0px;
}

.invoice-details li h6 {
  line-height: 26px;
  white-space: nowrap;
}

.invoice-details li h6 small {
  font-size: 14px;
  font-weight: 400;
  margin-left: 3px;
}

.invoice-details li p {
  width: 250px;
  text-align: right;
}

.back-home {text-align: center;}
.back-home a {margin-top:30px; font-weight: 500; color: var(--primary); text-decoration: underline;}

.invoice-part .alert-info {
  text-align: center;
  margin-bottom: 30px;
  padding: 20px 20px;
  border-radius: 3px;
  background:#f6f6f6;
  border:1px solid #dedede;
  border-top: 3px solid var(--black);
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
}
.invoice-part .alert-info p {
  font-weight: 500;
  color: var(--black);
  text-shadow: var(--primary-shadow);
}
.invoice-part .alert-info p {margin-top:40px;}
.invoice-part .alert-info p a {
  margin-left: 5px;
  text-decoration: underline;
}

.account-card {
  margin-bottom: 30px;
  border:1px solid #dedede; border-radius: 8px;
  padding: 0px 30px 30px;
  background: var(--white);
}

.account-title {
  padding: 18px 0px;
  margin-bottom: 25px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
	flex-wrap:wrap;
  border-bottom: 1px solid var(--border);
}

.account-title::before {
  position: absolute;
  content: "";
  bottom: -2px;
  left: 0px;
  width: 50px;
  height: 2px;
  background: var(--primary);
}

.account-title h4 {
  text-transform: capitalize;
}

.account-title button,
.account-title a {
  border: none;
  font-size: 15px;
  font-weight: 500;
  border-radius: 6px;
  letter-spacing: 0.3px;
  padding: 5px 15px;
  white-space: nowrap;
  text-transform: capitalize;
  color: var(--black);
  background: var(--white);
  border:1px solid #111;
  text-shadow: var(--primary-tshadow);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.account-title button:hover,
.account-title a:hover {
  color: var(--white);
  background: var(--black);
}


/*credit-item-list*/
.shop-1-part .row {flex-flow:column wrap;}
.shop-1-part .product-add {justify-content:center; border-radius:8px;}

/*결제실패*/
.error-part {padding: 200px 0px;  text-align: center;}
.error-part h1 {font-size:var(--fsize-tit); margin-bottom:20px; color: var(--black); font-weight:700;}
.error-part img {margin-bottom: 30px;}
.error-part h3 {text-transform: uppercase; margin-bottom: 3px; font-size:var(--fsize-txt3);}
.error-part p {margin-bottom: 20px;}
.error-part a {font-size: 14px; padding: 10px 35px; border-radius: 8px; letter-spacing: 0.3px; color: var(--white); background: var(--primary); text-transform: uppercase;}


/*========================================= 
    마이페이지
========================================== */
/*주문내역*/
.orderlist-part {margin-bottom: 0!important;}
.orderlist-part input:not([type='radio'], 
[type='checkbox']) {width:100%; height:46px; padding:10px; background:#fff; border:1px solid #ddd; border-radius:5px;}
.orderlist-part select {width:100%; height:46px; padding:10px; border:1px solid #ddd; border-radius:5px;}
.orderlist-part textarea {border-radius:5px;}

.orderlist-part .tab-pane {max-width:100%;}

.orderlist-part .filter_wrap {display:flex; padding:16px; border:1px solid #ddd; border-radius:10px;}
.orderlist-part .terms {display:flex; margin-left:auto;}
.orderlist-part .terms_wrap {display:flex; align-items:center; gap:5px;}
.orderlist-part .terms_input {display:flex; border:1px solid #ddd; border-radius:8px; overflow:hidden;}
.orderlist-part .terms_input input {background:#fff; border:none; border-radius:0;}
.orderlist-part .input-group-text {background:#fff; border:none; border-radius:0;}
.orderlist-part .terms .btn_wrap {display:flex; margin-left:5px;}
.orderlist-part .terms .btns_term {display:flex; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.orderlist-part .terms .btns_term .btn {padding:6px 10px; border:none; border-left:1px solid #ddd; border-radius:0;}
.orderlist-part .terms .btns_term .btn:first-child {border-left:none;}
.orderlist-part .terms .btns_term .btn:hover,
.orderlist-part .terms .btns_term .btn.active {background:var(--primary); color:#fff;}
.orderlist-part .terms .btn_search {margin-left:5px; padding:6px 10px; border-radius:5px;}

.orderlist-part .guide {margin:10px 0; padding:16px; background:#f6f6f6; border-radius:10px; overflow:hidden;}
.orderlist-part .guide li {position:relative; padding:2px 0; padding-left:20px;}
.orderlist-part .guide li:before {content: "i"; position:absolute; top:6px; left:0; display: flex; align-items: center; justify-content: center; width: 12px; height: 12px; padding: 6px; font-size: 10px;  border: 1px solid var(--orange); color: var(--orange); border-radius: 50px; font-weight: 700;}

.order-action {min-height: 125px;}
.order-action button {display: inline-flex; justify-content: center; align-items: center; padding-left: 12px; padding-right: 12px; user-select: none; cursor: pointer; text-decoration: none; outline: none;    appearance: none; height: 2.25rem; width: 100%; border-radius: 4px; color: rgb(17, 17, 17); background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221);  -webkit-tap-highlight-color: rgba(52, 106, 255, 0.1); font-size: 0.875rem;}
.order-action button.tracking {color: rgb(52, 106, 255); background-color: rgb(255, 255, 255); border: 1px solid rgb(52, 106, 255); -webkit-tap-highlight-color: rgba(52, 106, 255, 0.1);}

.list_wrap {margin-top:10px; border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.list_wrap:first-child {margin-top:0;}
.list_wrap .info {display:flex; align-items:center; padding:16px; background:#f6f6f6; color:var(--black);}
.list_wrap .details {display:flex;}
.list_wrap .date {margin-right:10px; font-weight:700;}
.list_wrap .num {color:#787878;}
.list_wrap .info button {margin-left:auto;}
.list_wrap .order_list {width:100%;}
.list_wrap .order_list > li {border-bottom:1px solid #ebebeb;}
.list_wrap .order_list > li > * {margin:20px 16px;}
.list_wrap .description td:not(:first-child) {padding-left:10px; text-align:right!important;}
.list_wrap .order_list .amount {color:#787878;}
.list_wrap .order_list .amount:before {content:""; display:inline-block; width:1px; height:12px; margin:0 10px; background:#ddd;}
.list_wrap .printing-item {display:flex;}
.list_wrap .prdbox {position: relative; display: flex;}
.list_wrap .prdbox input[type="checkbox"] {margin:0;}
.list_wrap .orderlist-part .description {position:relative; flex:1;}
.list_wrap .prdbox .thumbnail {margin:0; margin-right:20px;}
.list_wrap .prdbox .thumbnail img {position:absolute; top:50%; left:50%; transform:translate3D(-50%, -50%, 0); width:100%; object-fit:cover;}
.list_wrap .prdbox .description table {width:97%;}
.list_wrap .prdbox .prdname {display:inline-block;}
.list_wrap .prdbox .prdname,
.list_wrap .prdbox .prdname  a {color:var(--black); font-weight:700;}
.list_wrap .prdbox .prdinfo {font-size:0.875rem; color:#787878;}
.list_wrap .prdbox .prdprice {color:var(--black);}
.list_wrap .prdbox .deliver {font-size:14px;}
.list_wrap .option {margin-top:10px; font-size:0.875rem;}
.list_wrap .option span {display:inline-block;}
.list_wrap .option span:not(:last-child):after {display:inline-block; content:""; width:1px; height:0.875rem; margin:0 4px 0 6px; background:#ddd; vertical-align:middle;}
.list_wrap .order_list .right {display:flex; flex-direction:column; align-items:center; justify-content:center; width:240px; margin-left:auto; padding:16px; border-left:1px solid #ebebeb;}
.list_wrap .order_list .right div {
    background-color: #f3f5f7;
    font-weight: 500;
    color: #404048 !important;
    border:1px solid #ebebeb !important;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -.3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
    min-height: 34px;
    padding: 8px 6px 7px;
    border-radius: 6px;
    text-align: center;
}
.list_wrap .order_list .right div.review, .list_wrap .order_list .right div.review button  {
    background-color: #defae4 !important;
    font-weight: 700 !important;
    color: #09ab49 !important;
}

.list_wrap .status {color:#4185ed; font-weight:700;}
.list_wrap .right .request {display:flex; flex-direction:column; margin-top:20px;}
.list_wrap .right .request button {margin:3px;}
.list_wrap > .btn_wrap {padding:20px 16px;}

/*주문내역상세*/
.collapase_wrap {flex:1; margin-top:20px; border-top:1px solid var(--black);}
.collapase_wrap .title {display:flex; align-items:center; position:relative; padding:20px 0;  cursor:pointer;}
.collapase_wrap .title:after {content:url(/themes/dcdemox/pro/resources/images/swiper_next.svg); position:absolute; top:50%; right:10px; transform:translateY(-50%) rotate(-90deg);}
.collapase_wrap .title.collapsed:after {transform:translateY(-50%) rotate(90deg);}
.collapase_wrap .title h4 {font-size:1rem!important; font-weight:700; color:var(--black);}
#cartConts {transition: none;}
[data-toggle="collapse"] .title:after {content:url(/themes/dcdemox/pro/resources/images/swiper_next.svg); position:absolute; top:50%; right:10px; transform:translateY(-50%);}
[data-toggle="collapse"].collapsed .title:after {content:url(/themes/dcdemox/pro/resources/images/swiper_next.svg); position:absolute; top:50%; right:90px; transform:translateY(-50%);}
.collapase_wrap:not(:first-child) .contents {padding-bottom:40px;}
.orderdetails-part .collapase_wrap {margin:0 3px;}

.orderdetails-part .orderinfo {margin:0; margin-bottom:40px; border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.orderdetails-part .orderinfo .title {width:100%; padding:16px; background:#f6f6f6;}
.orderdetails-part .orderinfo .title:after {right:20px;}
.orderdetails-part .orderinfo dl {display:flex; flex-wrap:wrap; padding:16px;}
.orderdetails-part .orderinfo dt,
.orderdetails-part .orderinfo dd {padding:3px 0;}
.orderdetails-part .orderinfo dt {width:160px; color:#666; font-weight:400;}
.orderdetails-part .orderinfo dd {width:calc(100% - 160px); color:var(--black); }

.orderdetails-part .printing-item {display:flex;}
.orderdetails-part .prdbox {flex:1;}
.orderdetails-part .txt {margin-left:10px;}

.orderdetails-part .description {position:relative; flex:1;}
.orderdetails-part .price_sum {display:flex; align-items:center; gap:20px; padding:16px; background:#f6f6f6;}
.orderdetails-part .price_sum dl {display:flex; margin-bottom:0;}
.orderdetails-part .price_sum dt {color:#666; font-weight:400;}
.orderdetails-part .price_sum dd {margin-left:5px; color:var(--black); font-weight:700;}
.orderdetails-part .price_sum .total {align-items:center; margin-left:auto;}
.orderdetails-part .price_sum .total dd {font-weight:400; color:#666;}
.orderdetails-part .price_sum .total strong {display:inline-block; font-size:22px; color:var(--danger); }

.orderdetails-part .paymentinfo .contents {padding:20px 0; border-top:1px solid #ddd; }
.orderdetails-part .paymentinfo .contents > * {padding:30px 0px;}
.orderdetails-part .paymentinfo dl {display:flex;}
.orderdetails-part .paymentinfo dt {font-weight:400; color:#666;}
.orderdetails-part .paymentinfo .pay_method dt {margin-right:40px;}
.orderdetails-part .paymentinfo .pay_method  strong {display:block; margin-bottom:6px; color:var(--black)}
.orderdetails-part .paymentinfo .pay_amount {width:400px; margin-left:auto;  padding:30px 40px; border-left:1px solid #ebebeb;}
.orderdetails-part .paymentinfo .pay_amount dl {flex-wrap:wrap; width:100%;}
.orderdetails-part .paymentinfo .pay_amount dt,
.orderdetails-part .paymentinfo .pay_amount dd {padding:2px 3px;}
.orderdetails-part .paymentinfo .pay_amount dt {width:120px;}
.orderdetails-part .paymentinfo .pay_amount dd {width:calc(100% - 120px); margin-left:auto; text-align:right;}
.orderdetails-part .paymentinfo .pay_amount .sum {margin:5px 0; padding:10px 3px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; color:var(--black);}
.orderdetails-part .paymentinfo .pay_amount .ttl_sum {margin:5px 0; padding:8px 3px; background:#f6f6f6; border-top:1px solid #ddd; border-bottom:1px solid #ddd; color:var(--black); font-weight:700;}
.orderdetails-part .paymentinfo .pay_amount .ttl_sum strong {color:var(--danger);}

.orderdetails-part .deliverinfo .contents {padding:20px 3px; border-top:1px solid #ddd;}
.orderdetails-part .deliverinfo dl {display:flex; flex-wrap:wrap;}
.orderdetails-part .deliverinfo dt,
.orderdetails-part .deliverinfo dd {padding:5px 0; }
.orderdetails-part .deliverinfo dt {width:160px;}
.orderdetails-part .deliverinfo dd {width:calc(100% - 160px);}
.orderdetails-part .deliverinfo dd button {height:32px; margin-left:10px; padding:3px 10px; font-size:14px;}
.orderdetails-part .container > .btn_wrap {display:flex; gap:5px; padding:20px 0; border-top:1px solid #ddd;}
.orderdetails-part .container > .btn_wrap button:last-of-type {margin-left:auto;}

.orderdetails_pop .modal-dialog {max-width:720px; padding:0 15px; border-radius:5px; overflow:hidden;}
.orderdetails_pop .modal-title {font-weight:700;}
.orderdetails_pop .modal-close {top:10px;}
.orderdetails_pop .modal-content {background:#fff;}
.orderdetails_pop .box {margin-bottom:20px; padding:16px; background:#f6f6f6;  font-size:var(--fsize-s);}
.orderdetails_pop .box h4 {margin-bottom:0; font-size:inherit; color:#af7730; font-weight:500;}
.orderdetails_pop h4 {margin-bottom:10px; font-weight:700; color:var(--black); font-size:1rem;}
.orderdetails_pop .box li {padding:2px 0;}
.orderdetails_pop table {width:100%; margin-bottom:20px; font-size: 0.875rem; border:1px solid #ddd;}
.orderdetails_pop th {width:120px; padding: .75rem; background:#f6f6f6; border:none; border-right:1px solid #ddd;}
.orderdetails_pop td {padding:12px; text-align:left;}
.orderdetails_pop td > .d-flex {position:relative; align-items:center; gap:5px;}
.orderdetails_pop input[type="text"],
.orderdetails_pop select {height:42px;}
.orderdetails_pop .direct_selbox {display:flex; gap:10px; width:100%; position:relative;}
.orderdetails_pop .email input:first-child {width:80%;}
.orderdetails_pop .email_etc {display:none; position:absolute; top:0; left:0; width:calc(100% - 24px) !important; background:#fff; border-right:none!important;}
.orderdetails_pop label {margin-bottom:0;}
.orderdetails_pop .add {align-self: flex-start; margin-top: 12px;}
.orderdetails_pop .add span {display:block; margin-top:4px;}
.orderdetails_pop .add span:first-child {margin-top:0;}
.orderdetails_pop .input_form .zip > * {vertical-align:middle;}
.orderdetails_pop .input_form .zip input {max-width:140px;}
.orderdetails_pop .input_form .zip button {height:42px;}
.orderdetails_pop .modal-body .btn_wrap {display:flex; justify-content:center;}
.orderdetails_pop .modal-body .btn_wrap button {width:100%; max-width:200px; margin:0 auto;}

/*교환신청*/
.prdqty button {border:1px solid #ddd; font-size:14px;}
.base_qty {position: relative; display: inline-block; width: 103px; padding: 0 30px; vertical-align: top; box-sizing: border-box;}
.base_qty input[type="text"] {width: 45px; height: 30px; padding: 0; line-height: 28px; margin-left: -1px; border: 1px solid #e5e5e5; border-radius:0; text-align: center; }
.base_qty .up { position: absolute; right: 0; top: 0;}
.base_qty .down { position: absolute; left: 0; top: 0;}
.prdqty a {width: 30px; height: 30px; border: 1px solid #e5e5e5; box-sizing: border-box;  overflow: hidden; white-space: nowrap; text-indent: 150%; color: transparent;  font-size: 1px; line-height: 1px;}
.prdqty .btn {width:auto; padding:inherit 10px; font-size:13px; color:var(--black); border-radius:0; text-indent:inherit;}
.base_qty a:before {content: ''; position: absolute; left: 10px; top: 50%; width: 9px; height: 1px; background: #000;}
.base_qty .up:after {content: ''; position: absolute; left: 50%;  top: 50%;  width: 1px;  height: 9px;  margin: -4px 0 0 0;  background: #000;}

.exchange-part .container > div:not(:first-of-type) {margin-top:20px; padding-top:20px;}
.hide {display:none;}

.exchange-part table {width:100%; margin-top:10px; border-top:1px solid var(--black);}
.exchange-part tr {background:#fff;}
.exchange-part th {border:none; border-bottom:1px solid #ebebeb; color:var(--black); font-size:0.9375rem;}
.exchange-part td {border:none;}
/*.exchange-part td {padding:20px; border:none;}*/
.exchange-part .prd {text-align:left;}
.exchange-part .prdbox .thumbnail {margin:0 20px 0 10px;}
.exchange-part .prdbox .thumbnail a {width:80px;}
.exchange-part .status {color:inherit; font-size:inherit; font-weight:400;}
.exchange-part .guide {position:relative; padding:20px; padding-left:44px; background:#f6f6f6; font-size:0.875rem; color:var(--orange);}
.exchange-part .guide:after {content:"!"; position:absolute; top:22px; left:20px; display:inline-block; width:16px; height:16px; line-height:16px;  border:1px solid var(--orange); border-radius:50px; color:var(--orange); font-size:11px; text-align:center;}
.exchange-part .products table {margin-top:0; border-top:none;}
[class^='btnBasic'], a[class^='btnBasic'] {
    display: inline-block;
    box-sizing: border-box;
    padding: 4px 10px;
    border: 1px solid #eee;
    border-radius
    Defines the radii of the outer border edge.
    Learn more
    Don't show
: 4px;
    line-height: 38px;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
    word-spacing: -0.5px;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    color: #222;
    background-color: #f5f5f5;
}
.exchange-part input[type=text], 
.exchange-part input[type=password] {
    height: 46px;
    line-height: 20px;
    padding: 2px 4px;
    border: 1px solid #d5d5d5;
    color: #353535;
}
#pickup_phone1_1, #pickup_phone2_1 {
    margin: 0 5px 0 0;
    width: 70px;
}
#pickup_phone1_2, #pickup_phone1_3, #pickup_phone2_2, #pickup_phone2_3 {
    margin: 0 0 0 5px;
    padding: 2px 4px;
    width: 60px;
}

.exchange-part .chage_prd .list_wrap {padding:0; border:none; border-radius:0;}
.exchange-part .chage_prd .btn_option {margin-top:10px; padding:4px 10px; font-size:14px;}

.exchange-part .reason ul {margin-top:10px; padding:20px 3px; border-top:1px solid var(--black); border-bottom:1px solid #ddd;}
.exchange-part .reason li {display:flex; align-items:flex-start; width:100%; padding:5px 0; }
.exchange-part .reason label {width:110px; margin-top:8px; color:var(--black);}
.exchange-part .reason select {width:auto;}
.exchange-part .reason textarea {width:calc(100% - 110px); height:160px;}

.exchange-part .container > .btn_wrap {display:flex; justify-content:center; gap:5px; margin:0; padding-top:40px;}
.exchange-part .container > .btn_wrap button {width:50%; max-width:200px;}

.popover * {font-size:14px;}
.popover .option {color:#787878;}
.popover input[type="text"],
.popover select {height:38px; padding:5px 10px;}
.popover .prd_modify,
.popover .btm_wrap {margin-top:10px; padding-top:10px; border-top:1px dashed #ddd;}
.popover .btn_wrap {display:flex; gap:5px;}
.popover .btn_wrap button {width:50%;}
.popover h4 {margin-bottom:6px;}
.popover .input_form {display:flex; align-items:center; gap:5px;}
.popover_option {max-width:300px;}
.popover_option label {flex:none;}

.modal .search_box {padding:16px; border:1px solid #ddd; border-radius:10px;}
.ex_other dl {display:flex; flex-wrap:wrap;}
.ex_other dt,
.ex_other dd {display:flex; align-items:center; padding:4px 0; border-bottom:1px solid #ddd;}
.ex_other dt {position:relative; width:120px; padding-right:10px;}
.ex_other dt:after {content:""; position: absolute; right: 0; display:inline-block; width:1px; height:16px; background:#ddd;}
.ex_other dd {width:calc(100% - 120px); padding-left:10px; }
.ex_other label {margin:0;}
.ex_other input[type="text"],
.ex_other select {height:38px; padding:5px 10px;}
.ex_other .search_box > button {display: block; width: 100%; max-width: 120px; margin: 0 auto; margin-top: 10px;}
.ex_other .search_result {margin-top:20px;}
.ex_other .list_ctrl {display:flex; justify-content:space-between; align-items:center; padding:5px 0;}
.ex_other table {width:100%; border-top:1px solid var(--black); font-size:14px;}
.ex_other th {background:#fff; color:var(--black); border-bottom:1px solid #ddd;}
.ex_other td {padding:5px 3px;}
.ex_other .info > ul {display:flex; align-items:center;}
.ex_other .info img {width: 60px; margin-right: 10px; object-fit: cover;}

.table-list {
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 30px;
    background: var(--chalk);
}

.pricing_box1 {border:1px solid red; flex:0 0 100%; max-width:100%; }

.orderlist-body thead th {font-size:15px;}
.orderlist-body td {padding:12px;}
.orderlist-body .table-serial {width:150px;}
.orderlist-body .table-image {width:130px;}
.orderlist-body .table-price {width:100px;}
.orderlist-body .table-brand {width:130px;}
.orderlist-body .table-quantity {width:80px;}
.orderlist-body .table-name h6 {text-align:left; font-weight:700; color:var(--black);}

.pris_infos {border-top:1px solid #d3d3d3; padding:20px 0 0 0; margin:30px 35px 0 35px;  text-align: center;}


@media (max-width: 1200px) {
	tbody tr td {padding:12px;}

	.review_total,
	.review_rate,
	.review_classfied {margin-left:1%;}
}

@media (max-width:1024px) {
    .cart-part .line-tabs li  {max-width:50%;}
    .cart_container {flex-direction:column;}
    .cart_product {padding-bottom:40px;}
    .cart-part .cart_left {width:100%; padding-left:0;}

    .checkout-part .cart_product {padding-bottom:0;}
}

@media (max-width: 992px) {
	.shop-part .product-card {margin-bottom:5px;}

	.item_detail.inner-section {margin-top: -80px;}

	.products_tit {padding: 40px 0px;	}

	.details-content,
    .shop.detail .btn_group {padding-left:0; padding-right:0;}
	.item_detail > .container > .row {top:130px;}
    .item_detail .nav-tabs {padding:20px 0;}
    .item_detail .div {margin-top: -100px; height: 100px;}

	.review_guide {flex-flow:column wrap; padding:10px;}
	.review_rating,
	.storePick {margin-top:20px;}
	.review_guide > div:last-child {margin-left:0; margin-top:10px;}
	.review_rating .inner_wrap {padding:10px;}
	.review_rating .inner_wrap > div {margin:10px;}
	.review_total,
	.review_rate,
	.review_classfied {margin:10px;}
	.review_classfied {margin-top: 10px!important;}
	.review_classfied .slick-slide ul {margin-top:10px;}
	.slideStorePick .column {width:100%; margin:4px 0;}

	.storePick .btnWrap {margin: 10px 0 20px;}

	.pris_infos {margin-left:0; margin-right:0;}

	.error-part {padding: 60px 0px;}

	/**/
	.cart_product .description {padding-right:30px;}

	/**/
    .orderlist-part .filter_wrap,
    .orderlist-part .terms {flex-direction:column; gap: 5px; margin-left:0;}
    .orderlist-part .terms > div {width:100%;}
    .orderlist-part .terms_input,
    .orderlist-part .terms .btns_term,
    .orderlist-part .terms .btns_term .btn {width:100%;}
    .orderlist-part .terms .btn_wrap {margin-left:0;}
    .orderlist-part .filter_wrap * {font-size:14px;}
    .orderlist-part .filter_wrap {padding:0; border:none; border-radius:0;}
    .list_wrap .order_list .right {width:140px;}

    .orderdetails-part .price_sum {gap: 12px; align-items: center; text-align:center;}
	.orderdetails-part .price_sum dl {flex-direction:column;}
	.orderdetails-part .pay_method dl {flex-direction:column; }
	.orderdetails-part .pay_method dt {margin:0; margin-bottom:20px;}

    .exchange-part .btn {padding:10px;}
    .exchange-part .restable_col td {padding:10px 20px; border-bottom: 1px dashed #ebebeb;}
    .exchange-part .restable_col td:last-child {border-bottom:none;}
    .exchange-part .restable_col td::before {color:#787878; font-weight:400;}
    .exchange-part .restable_col tr {margin-bottom:0; border-bottom:1px solid #ccc;}
    .exchange-part .restable_col .prd {padding-top:30px;}
    .change_ammount::before {transform: translateY(50%);}
    .prdqty .btn {line-height:10px;}
	
}

@media (max-width: 576px) {
	:root {
		--fsize-tit : 28px;
		--fsize-s : 12px;
		--fsize-txt3 : 18px;
	}

	html,
	body {font-size:14px;}

	.table-list {width:720px;}

	.inner-section > .container > .row > div {padding-left:0; padding-right:0;}

	.line-tabs {margin-bottom:10px;}
	.line-tabs li a {padding:10px;}

	.product-card {padding: 8px; margin-bottom: 8px;}
	.product-name {font-size:14px; line-height: 22px;}

	
	.shop-part .top-filter {margin:0; margin-bottom:10px; padding:0;}
	.shop-part .products_list >.col {padding:0;}
	.shop-part .products_list {margin-right: calc(var(--gutter-x) * -1 + 8px);  margin-left: calc(var(--gutter-x) * -1 + 8px);}

	.shop.detail .row > div {padding-left:0; padding-right:0;}
	.details-name { font-size: 22px;  line-height: 30px;}
	.details-meta a {display:inline;}
	.product-details-frame {padding:20px 0;}
	.goods-option-area dl {display:flex; flex-flow:row wrap; margin:10px 0;}
    .goods-option-area dd {margin-left:5px;}
	.buy_amount {gap:10px;}
	.buy_amount .name {flex: 0 0 100%; max-width: 100%; padding-right:0;}
	.buy_amount .product-action {flex:0 0 auto; max-width:none; padding:0; }
	.buy_amount .price {margin-left:auto;}

	.item_detail .row > div {padding-left:0; padding-right:0;}
	.item_detail .nav-tabs {padding:6px 0;}

	.item_detail .qna li {padding:10px 4px;}
	.item_detail .qna .status {width:20%;}
	.item_detail .qna .subject {width:40%;}
	.item_detail .qna .writer,
	.item_detail .qna .date {width:20%;}

	.item_detail .refund tr {display:block; border-bottom:none;}
	.item_detail .refund th, 
	.item_detail .refund td {display: inline-block; min-height:37px; padding: 10px 4px; font-size:14px; border:none; border-bottom:1px solid var(--border);}
	.item_detail .refund th {width:40%; }
	.item_detail .refund td {width:60%; margin-left:-4px;}

	.review-item { padding: 20px 15px;}  
    .star-rating label { margin: 0px 6px;}
	.review_rating .inner_wrap > div {width: 100%; padding: 10px 0 0; border-top: 1px dashed var(--border);}
	.review_rating .inner_wrap > div:first-child {border-top:none;}
	.review_user .star_bg {margin: 10px auto 0;}
	.review_total i {display:none;}
	.review_total .score {margin-top:5px;}
	.review_rate ul {padding: 18px 0 0;}
	.review_classfied {padding:15px 15px 0!important;}
	.review_classfied .slick-list {padding:0;}
	.review_classfied .slick-slide ul {height:auto;}
	.review_classfied .slick-slider .box1 em {width: 40px; height:auto; margin-top: 0; margin-right: 5px; padding: 0; border: none;font-size: 13px; vertical-align: middle;  border-radius: 0; text-align: left;
    font-style: normal; font-weight: 500;  line-height: 1.3;}
	.review_classfied .slick-dots {margin-top:30px;}
	.review_classfied .slick-dots li {display: inline-block; width: 10px; height: 10px;}
	.review_classfied .slick-arrow {top:auto; bottom:-12px;  width: 40px;  height: 40px; margin-top:0; border-radius: 50%;  background-color: #fff;  border: 1px solid #ddd;  background-size: 8px;}

	.storePick .tit em {display:block;}

	.cart_product .title h4 {margin-bottom:4px;}
    .cart_product .thumbnail {margin: 0 10px;}
    .cart_product .prdbox {flex-wrap:wrap;}
    .cart_product .description {width:100%; margin-top:10px; flex:auto;}	
    .cart_product .prdbox .prdname {margin-bottom:0; padding-right:36px;}
    .cart_product .prdbox .prdoption {flex-direction:column;}
    .cart_product .prdbox .prdoption button {margin-left:0;}
	.cart_product .prdbox .prdqty .btn {display:inline-flex; align-items:center;}
    .cart_product .prdbox .prd_btm {flex-flow:column; align-items:flex-start;}
    .cart_product .prdbox .prd_btm .btn_group {align-items:flex-start; margin-top:10px;  margin-left:0; padding:0;}
    .cart_product .prdbox .prd_btm .btn_group button:first-child {margin-left:0;}
    .cart_product .prdbox .prddel button {top:-110px; right:0px; width:24px; height:24px;}
    .cart_product .prdbox .prddel button:after {top:13px;}
    .cart_product .btn_wrap.btm {flex-flow:wrap;}
    .cart_product .btn_wrap.btm button {width:calc(50% - 6px);}

	.pill_tabs {margin-top:0; margin-bottom:0!important;}
    .pill_tabs li {margin-bottom:0;}
    .pill_tabs a {padding:10px 20px}
    .pill_tabconts {margin-top: 10px;}
    .checkout-part {padding-bottom:0;}
    .checkout-part .input_form dl {flex-direction:column;}
    .checkout-part .input_form dt {width:100%;}
    .checkout-part .input_form dd {width:100%;}
    .checkout-part .input_form .add dt {margin-top:0;}
    .checkout-part .input_form .tel dd,
    .checkout-part .input_form .mob dd {display:flex; align-items:center; justify-content:space-between; gap:5px; }
    .checkout-part .paymethod .nav-item {flex:auto; width:33.33%;}
    .checkout-part .paymethod .nav-link {padding:12px 5px; font-size:14px;}
    .checkout-part .input_form button {width:100%; margin-bottom:4px;}
    .checkout-part .save .input_form dl {flex-direction:row;}
    .checkout-part .save .input_form dd {text-align:right;}
    .checkout-part .discount .input_form button {width:80px;}
    .checkout-part .zip button {width:auto;}
    .checkout-part .recent_add .btn_wrap {position:relative;}
    .checkout-part .add_list > div .btn_wrap {position:relative; top: auto; margin-top:6px;}

	.invoice-part .alert-info{margin-bottom:10px;}
	.invoice-recieved {flex-direction:column; }
	.invoice-recieved h6 {margin-bottom: 25px; margin-right: 25px;}
    .invoice-recieved h6,
    .invoice-details li h6 {display:flex;  justify-content: space-between; align-items: center; gap:10px; width:100%; margin-bottom: 4px; font-size:1rem;}
	.invoice-recieved h6 span {margin-top:0;}
    .invoice-details li {margin:0; margin-top:10px;}
    .invoice-details li:first-child {margin-top:0;}
    .invoice-details .table-scroll {table-layout:fixed; padding:0;}
    .invoice-details table * {font-size:1rem;}

	.account-card {margin-bottom:10px; padding: 0px 15px 15px;}
	.account-content .paymethod-div {margin-right: 20px;}
	.invoice-details li p {width: 100%;}
	.account-title h4 {font-size:16px;}
	.invoice-part .table-serial {width:90px;}
	.table-image img {height:60px;}
	
	/**/
	.orderlist-part .line-tabs li {flex:1; width:33.33%;}
    .orderlist-part .terms .btn_wrap {flex-direction:column;}
    .orderlist-part .terms .btns_term .btn {padding:10px;}
    .orderlist-part .terms .btn_search {margin:0; margin-top:10px;}

    .orderlist-part .guide {font-size:14px;}

    .orderlist-part .prdbox {flex-wrap:wrap;}
    .orderlist-part .description {width:100%; margin-top:10px; flex:auto;}
    .orderlist-part .description table {width:100%; font-size:14px;}
    .orderlist-part .prdbox .prdname {margin-bottom:0; padding-right:36px;}
    .orderlist-part .prdbox .prdoption {flex-direction:column;}
    .orderlist-part .prdbox .prdoption button {margin-left:0;}
    .orderlist-part .prdbox .prd_btm {flex-flow:column; align-items:flex-start;}
    .orderlist-part .prdbox .prd_btm .btn_group {align-items:flex-start; margin-top:10px;  margin-left:0; padding:0;}
    .orderlist-part .prdbox .prd_btm .btn_group button:first-child {margin-left:0;}
    .orderlist-part .prdbox .prddel button {top:-110px; right:0px; width:24px; height:24px;}
    .orderlist-part .prdbox .prddel button:after {top:13px;}
    .orderlist-part .btn_wrap.btm {flex-flow:wrap;}
    .orderlist-part .btn_wrap.btm button {width:calc(50% - 6px);}
    .orderlist-part .btn_wrap.btm button:last-child {width:100%;}
    .list_wrap .details {flex-direction: column;}
    .list_wrap .info {position:relative; flex-wrap:wrap;}
    .list_wrap .info > div:not(:last-child) {width:50%;}
    .list_wrap .info button {position:absolute; top:16px; right:16px;}
    .printing-item {flex-direction: column-reverse;}
    .orderlist-part .thumbnail {margin: 0 10px 0 0;}
    .list_wrap .order_list .right {align-items: flex-start; width:auto; margin:0; padding-bottom:0; border-left:none;}
    .list_wrap .right .request  {flex-direction:row;}

    .orderdetails-part .price_sum {flex-wrap:wrap;}
    .orderdetails-part .paymentinfo .d-flex,
    .orderdetails-part .paymentinfo dl {flex-direction: column;}
    .orderdetails-part .paymentinfo .d-flex {padding:0;}
    .orderdetails-part .paymentinfo .d-flex > * {padding: 10px 0px;}
    .orderdetails-part .paymentinfo dt {margin-right:0; margin-bottom:10px;}
    .orderdetails-part .paymentinfo .pay_amount {width:100%; border:none; border-top:1px solid #ebebeb;}
    .orderdetails-part .paymentinfo .pay_amount dl {flex-direction:row;}
	.orderdetails-part .orderinfo {margin-bottom:10px;}
    .orderdetails-part .orderinfo dt {width:94px;}
    .orderdetails-part .orderinfo dd {width:calc(100% - 94px);}
    .orderdetails-part .deliverinfo dl {flex-direction:column;}
    .orderdetails-part .deliverinfo dt {padding-bottom:0;}
    .orderdetails-part .deliverinfo dd {margin-bottom:10px;}
    .orderdetails-part .deliverinfo dd button {margin:4px 0}
    .orderdetails-part .container > .btn_wrap {flex-wrap:wrap;}
    .orderdetails-part .container > .btn_wrap button {width: calc(33.33% - 5px); padding: 10px 3px;}
    .orderdetails-part .container > .btn_wrap .btn_prime {margin:10px 5px; width:100%;}

    .orderdetails_pop .modal-body {padding:1rem 10px;}
    .orderdetails_pop th,
    .orderdetails_pop td {display:block; width:100%;}
    .orderdetails_pop th {border-right:none;}

    .exchange-part .products {margin-top:0!important; padding-top:0!important;}
    .exchange-part .products .restable_col td {padding-left:10px; padding-right:10px;}
    .exchange-part .restable_col td {padding: 10px 3px;}
    .exchange-part .prdbox .thumbnail a {width:60px;}
    .exchange-part .item_selec * {font-size:12px;}
    .exchange-part .item_selec table {margin-top:10px;}
    .exchange-part .item_selec tr {display: flex; justify-content: space-between; align-items: flex-start; gap:8px; border-bottom:none;}
    .exchange-part .item_selec tr > td:first-child {flex:1; color:var(--black);}
    .exchange-part .item_selec td {padding:3px 0!important; border-bottom:none;}
    .exchange-part .chage_prd table {margin-top:0;}
    .exchange-part .reason ul {padding-top:0;}
    .exchange-part .reason li {flex-direction:column;}
    .exchange-part .reason li > * {width:100%!important;}
    .exchange-part .container > .btn_wrap {margin-top:0!important;}

    .modal .search_box {padding:12px;}
    .ex_other .search_box > button {max-width:none;}
    .ex_other .restable_col .btn {padding:5px 20px;}
    .ex_other .restable_col tr {margin-bottom:0; border-bottom:1px solid #ccc;}
    .ex_other .restable_col td {padding:10px 3px; border-right:none;}
    .ex_other .td.btns:before {display:flex; align-items:center;}

	.credit_list .container .row > div {padding-left:0; padding-right:0;}

}

@media (max-width:320px) {
	.line-tabs li a {padding:10px 2px; font-size:14px;}
}