@charset "utf-8";

/* sub-layout
------------------------------------------------------ */

/* 사이드메뉴있는 페이지 */
.superSub {
	display: flex;
	width: 100%;
	box-sizing: border-box;
	padding: 0 40px;
}

.sideNav {
	width: 15%;
}

.sideNav ul li {
	padding-bottom: 5rem;
}

.sideNav ul li a {
	color: #000;
	font-size: 3rem;
	text-transform: uppercase;
	display: block;
	line-height: 1;
	font-weight: 400;
	letter-spacing: -1.5px;
}

.sideNav ul li a.on,
.sideNav ul li a:hover {
	color: #007549;
}

.sideNav ul li a.on {
	font-weight: 500;
}

/* //-END-사이드메뉴 */


/*-------- 상품리스트 --------*/
.contents {
	width: 100%;
	min-height: 60vh;
}

.directory {
	padding: 20px 40px;
	box-sizing: border-box;
	text-align: right;
	font-weight: 400;
}

.directory span {
	font-size: 1.4rem;
	letter-spacing: -.5px;
	text-transform: uppercase;
	padding-left: 10px;
}

.directory span a {
	color: #555;
}

p.noproducts {
	text-align: center;
	margin: 5rem 0;
	font-size: 2rem;
	color: #666;
}

.contents ul li {
	/* 상품view페이지*/
	position: relative;
	float: left;
	width: 20%;
	box-sizing: border-box;
	text-align: center;
}

.contents ul li a {
	/* 상품view페이지*/
	display: block;
	width: 100%;
	height: 100%;
}

ul.productsWrap li {
	position: relative;
	float: left;
	width: 25%;
	box-sizing: border-box;
	text-align: center;
}

ul.productsWrap li a {
	display: block;
	width: 100%;
	height: 100%;
}

ul.productsWrap>li img {
	transition: opacity .2s ease-in-out;
}

.price {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	text-transform: uppercase;
	width: 100%;
	transition: all .2s ease-in-out;
	transform: translate(-50%, -50%);
}

.price a h3 {
	font-weight: 500;
	font-size: 2.2rem;
	line-height: 1.2;
	letter-spacing: -.08rem;
}

.price a p {
	color: #363636;
	padding-top: .3rem;
	font-size: 1.8rem;
	letter-spacing: -.05rem;
	font-weight: 400;
}

.price a p.soldout {
	color: #666;
}

.price a p.forsale span {
	text-decoration: line-through;
	font-size: 1.3rem;
	color: #666
}

.price a p.forsale em {
	display: block;
	line-height: 1;
}


ul.productsWrap>li:hover img {
	opacity: .3
}

ul.productsWrap>li:hover .price {
	opacity: 1;
}

div.paging {
	padding: 4rem 0 0;
	text-align: center;
}

div.paging a {
	display: inline-block;
	font-size: 1.3rem;
}

div.paging ul {
	display: inline-block;
}

div.paging ul li {
	position: unset;
	float: unset;
	width: unset;
	margin-bottom: 0;
	display: inline-block;
	padding: 0 1rem;
}

div.paging ul li:first-child {
	padding-left: 0;
}

div.paging ul li:last-child {
	padding-right: 0;
}

div.paging ul li a {
	color: #666;
	font-weight: 400;
	font-size: 1.6rem;
}

div.paging ul li a.on {
	color: #000;
	font-weight: 500;
}

div.paging i {
	font-size: 1.4rem;
}


/* sub-View 쇼핑몰 상세페이지
------------------------------------------------------ */
.contents_wrap {
	min-height: 55vh;
}

.contents_wrap02 {
	min-height: 55vh;
	padding: 0 50px;
	box-sizing: border-box;
}

.contents_left {
	width: 60%;
	float: left;
	box-sizing: border-box;
	padding-right: 2rem;
}

.contents_right {
	width: 40%;
	float: right;
	text-transform: uppercase;
	text-align: left;
}

.ez-slider .easyzoom .easyzoom-flyout {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* Slide demo css not needed */

.ez-slider {
	max-width: 80%;
	margin: 0 auto 20px auto;
}

.ez-slider figure {
	margin: 0;
	display: block;
	position: relative;
	overflow: hidden;
	height: auto;
}

.ez-slider figure>a {
	height: auto;
	display: block;
	width: 100%;
}

.ez-slider figure>a>img {
	height: auto;
	width: 100%;
	display: block;
}


.ez-slider .slick-dots {
	margin: 1rem auto 0;
	position: relative;
	bottom: 0;
	width: 80%;
	display: block;
}

.ez-slider .slick-dots li {
	width: calc(18% - 10px);
	height: auto;
	margin: 0 0 10px 0;
	padding: 0 5px 0 5px;
	display: inline-block;
	float: none;
}

.ez-slider .slick-dots li.slick-active button,
.ez-slider .slick-dots li:hover button {
	opacity: 1;
}

.ez-slider .slick-dots li button {
	overflow: hidden;
	position: relative;
	height: auto;
	padding: 0;
	transition: all .5s ease;
	width: 100%;
	opacity: .8;
}

.ez-slider .slick-dots li button IMG {
	display: block;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.ez-slider .slick-dots li button:before {
	display: block;
	position: relative;
	content: '';
	width: 100%;
	padding-top: 100%;
	height: auto;
}

.m_contents_modelLook {
	display: none;
	font-size: 14px;
}

.m_contents_modelLook p {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* 2023-03-30 수정
.contents_modelLook{padding: 2rem 50px; box-sizing: border-box; width: 100%; font-size: 14px;}
.contents_modelLook img{width: 50%; font-size: 14px; margin-top: -10px; margin-bottom: -10px;}
.contents_modelLook p{margin-top: 10px; margin-bottom: 10px; width: 90%; transform: translateX(5%);}*/
.contents_modelLook {
	padding: 2rem 50px;
	box-sizing: border-box;
	width: 100%;
	font-size: 14px;
}

.contents_modelLook img {
	width: 50%;
	font-size: 14px;
	/*  margin-top: -10px; margin-bottom: -10px; */
	box-sizing: border-box;
}

.contents_modelLook p {
	margin-top: 10px;
	margin-bottom: 10px;
}


.tab-content {
	position: absolute;
	left: -999em;
	display: none;
}

.tab-content.current {
	position: relative;
	left: 0;
	display: block;
}

.m_pr_head {
	display: none;
}


h3.pr_name {
	font-size: 2.5rem;
	line-height: 2;
}

p.pr_price {
	font-weight: 400;
	line-height: 3;
	margin-bottom: 1rem;
	font-size: 1.6rem;
}

p.pr_price em {
	text-decoration: line-through;
	font-size: 1.3rem;
	color: #666;
}

ul.pr_color {
	margin-bottom: 1.6rem;
}

ul.pr_size {
	margin-bottom: 2.2rem;
}

ul.pr_color>li>a {
	box-sizing: border-box;
	padding: .1rem;
}

ul.pr_color li,
ul.pr_size li {
	border: 1px solid #999;
	margin-right: 1rem;
	transition: all .2s ease-in-out;
	width: 4.5rem;
	height: 4.5rem;
	margin-bottom: 0;
	padding: 0;
}

ul.pr_size li {
	height: auto;
	border: none;
}

ul.pr_color li:last-child,
ul.pr_size li:last-child {
	margin-right: 0;
}

ul.pr_size li>a {
	border: 1px solid #999;
	line-height: 3.5rem;
	color: #999;
	transition: all .2s ease-in-out;
	font-size: 1.6rem;
	padding: 0.5rem;
	box-sizing: border-box;
	height: 4.5rem;
}

ul.pr_color li:hover,
ul.pr_color li.current,
ul.pr_size li:hover a,
ul.pr_size li.current a {
	border-color: #000;
}

.size-chart {
	text-transform: uppercase;
	display: inline-block;
	font-weight: 500;
	font-size: 1.25rem;
	width: auto;
}

.sizechart {
	text-align: center;
}

.sizechart table thead th {
	background: #000;
	color: #fff;
	padding: 0.54rem 0;
	box-sizing: border-box;
	font-size: 1.2rem;
}

.sizechart table tbody th,
.sizechart table tbody td {
	border-bottom: 1px solid #000;
	padding: .54rem 0;
	box-sizing: border-box;
	font-size: 1rem;
}

ul.pr_size li:hover>a,
ul.pr_size li.current>a {
	color: #000;
}

span.size_prerder {
	display: block;
	background: #111;
	color: #fff;
	padding: 3px 0;
	margin-top: 0.5rem;
	position: relative;
}

span.size_prerder:after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -10px;
	width: 0;
	height: 0;
	border: 7px solid;
	border-color: transparent transparent #111 transparent;
}


/* size soldout */
ul.pr_size li.soldout>a {
	color: #ccc;
	text-decoration: line-through;
}

ul.pr_size li.soldout:hover {
	border-color: #999;
}

ul.pr_size li.soldout:hover>a {
	color: #ccc;
}

/* cart + wish */
.contents ul.pr_btns {
	margin-bottom: 5rem;
}

.contents ul.pr_btns li {
	margin-bottom: 0;
}

/* 2022-05-24 네이버페이 카카오페이 추가
ul.pr_btns02{
	margin-bottom: 5rem;
	display: flex;
	width: 99%;
}
ul.pr_btns02 li{
	margin-bottom: 0;
	padding: 0;
	flex: 1;
}
ul.pr_btns02 li.kakaopay{margin-left: 1%;}
.pr_btns02 li.naverpay a{
	background: #00c73c;
	color: #fff;
	height: 5rem; line-height: 5rem; font-size: 1.4rem;
}
.pr_btns02 li.kakaopay a{
	background: #ffeb00;
	color: #000;
	height: 5rem; line-height: 5rem; font-size: 1.4rem;
}*/

ul.pr_btns li {
	margin-left: .5rem;
}

ul.pr_btns li:first-child {
	margin-left: 0
}

ul.pr_btns li.pr_cart,
ul.pr_btns li.pr_buynow,
ul.pr_btns li.pr_preorder {
	/* width: 40%; */
	background: #fff;
	padding: 0;
	height: 5rem;
}

ul.pr_btns li.pr_cart {
	border: 1px solid #000;
}

ul.pr_btns li.pr_buynow,
ul.pr_btns li.pr_preorder {
	background: #000;
}

ul.pr_btns li.pr_cart a,
ul.pr_btns li.pr_buynow a,
ul.pr_btns li.pr_preorder a {
	color: #000;
	height: 5rem;
	line-height: 5rem;
	font-size: 1.4rem;
}

ul.pr_btns li.pr_buynow a,
ul.pr_btns li.pr_preorder a {
	color: #fff;
}


/* 선주문후결제 css 추가 2022-11-01 */
ul.pr_btns li.pr_preorder {
	position: relative;
}

ul.pr_btns li.pr_preorder a {
	line-height: 1.2;
	box-sizing: border-box;
	background: #007549;
	position: relative;
}

ul.pr_btns li.pr_preorder a span {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.pr_preorder_pop {
	display: none;
	position: absolute;
	background: #111;
	color: #fff;
	text-align: center;
	font-size: 1.3rem;
	border: 1px solid #111;
	word-break: keep-all;
	z-index: 1;
	width: 32rem;
	right: 0;
	bottom: -8rem;

}

.pr_preorder_pop:after {
	content: '';
	position: absolute;
	right: 20%;
	top: -12px;
	width: 0;
	height: 0;
	border: 10px solid;
	border-color: transparent #111 #111 transparent;
}

.pr_preorder_pop h3 {
	padding-bottom: 1rem;
	font-size: 1.5rem;
	font-weight: 500;
	background: #111;
	color: #fff;
	padding: 1.5rem 3rem 0rem;
}

.pr_preorder_pop h3 strong {
	border-bottom: 1px solid #fff;
}

.pr_preorder_pop p {
	display: inline-block;
	text-align: left;
	padding: 1.5rem 0;
	line-height: 2;
}

.pr_info_bnpl {
	display: none;
}

/* end 선주문후결제 css 추가 2022-11-01 */

ul.pr_btns li.pr_wish {
	/* width: 15% */
	width: auto;
	padding: 0;
}

ul.pr_btns li.pr_wish a {
	color: #fff;
	line-height: 5rem;
	font-size: 2.5rem;
	width:
		/* 6rem */
		100%;
	height: 5rem;
	background: #999;
}

/* 2022-10-13 장바구니-선주문 설명 추가  */
.preorderExplain {
	background: #fafafa;
	box-sizing: border-box;
	padding: 2rem 3rem;
	margin-bottom: 2rem;
	font-size: 1.5rem;
	letter-spacing: -1px;
}

/* 2022-10-11 view페이지 선주문가능 버튼 추가 (pr_preorder) */
ul.pr_btns {
	display: flex;
	width: 100%;
}

ul.pr_btns li:not(li.pr_wish) {
	width: 50%;
}

ul.pr_btns li.pr_wish a {
	padding: 0 1rem;
}

ul.pr_btns li {
	margin-left: .5rem;
}

ul.pr_btns li:first-child {
	margin-left: 0
}

ul.pr_btns li.pr_cart,
ul.pr_btns li.pr_buynow {
	width: 40%;
	background: #fff;
	padding: 0;
	height: 5rem;
}

ul.pr_btns li.pr_cart {
	border: 1px solid #000;
}

ul.pr_btns li.pr_buynow {
	background: #000;
}

ul.pr_btns li.pr_cart a,
ul.pr_btns li.pr_buynow a {
	color: #000;
	height: 5rem;
	line-height: 5rem;
	font-size: 1.4rem;
}

ul.pr_btns li.pr_buynow a {
	color: #fff;
}

ul.pr_btns li.pr_wish {
	width: 16%;
	padding: 0;
}

ul.pr_btns li.pr_wish a {
	color: #fff;
	line-height: 5rem;
	font-size: 2.5rem;
	width:
		/* 6rem */
		100%;
	height: 5rem;
	background: #999;
}

/* product info */

ul.pr_info li,
ul.option_chk li {
	float: none;
	width: 100%;
	color: #666;
	font-size: 1.1rem;
	font-weight: 400;
	text-transform: none;
	text-align: left;
	margin-bottom: 0;
	padding-left: 0;
}

ul.pr_info li.que a,
p.pr_chart {
	border-bottom: 1px solid #000;
	text-transform: uppercase;
	display: inline-block;
	font-weight: 500;
	font-size: 1.25rem;
	width: auto;
}

ul.pr_info li.que,
p.pr_chart {
	margin-top: 1.8rem;
}

ul.pr_info li.que:first-child {
	margin-top: 0;
}

ul.pr_info li.ans {
	display: none;
	padding: .5rem 0 .8rem;
}

/* 사이즈차트 추가 2022-11-29 */
ul.pr_info li.ans table {
	text-align: center;
	border: 1px solid #111;
}

ul.pr_info li.ans table th,
ul.pr_info li.ans table td {
	border-right: 1px solid #111;
	border-bottom: 1px solid #111;
	padding: 5px;
	box-sizing: border-box;
}

ul.pr_info li.ans table th {
	background: #111;
	color: #fff;
}

ul.pr_info li.ans table th:first-child {
	border-right: 1px solid #fff;
}

ul.option_chk {
	border-bottom: 1px solid #ccc;
	margin-bottom: 2rem;
}

ul.option_chk li {
	border-top: 1px solid #ccc;
	padding: 0;
}

.pr_select {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	/* height: 5rem; */
	padding: 1rem 0;
}

.pr_select p {
	font-size: 1.4rem;
	color: #666;
	font-weight: 400;
	flex: none;
	line-height: 2.8rem;
	word-break: break-all;
}

.pr_select .pr_number {
	display: inline-block;
	margin-top: 0;
	margin-left: auto;
	padding-right: 0;
	text-align: right;
}

.pr_select .pr_number button,
.pr_select .pr_number input[type=number] {
	height: auto;
	color: #333;
	max-width: 3rem;
}

.pr_select .pr_numbert button:before,
.pr_select .pr_number button:after,
.pr_select .pr_number button:before,
.pr_select .pr_number button:after {
	background-color: #333;
	width: .8rem;
}

.pr_select .pr_number a {
	padding-left: .5rem;
	font-size: 2rem;
	vertical-align: sub;
	color: #666;
	display: inline;
}

.pr_numberPrice {
	margin-bottom: 3rem;
	text-align: right;
	font-size: 2.3rem;
	color: #000;
	font-weight: 600;
}

span.pr_selctPrice {
	padding-left: 1.3rem;
	font-weight: 400;
	color: #9f9f9f;
	display: inline-block;
	font-size: 1.3rem;
}

span.pr_numbWrap {
	display: inline-block;
	padding-left: 1.3rem;
}

.pr_number button {
	height: 2rem !important;
}

.pr_number button.minus {
	cursor: default;
}

.pr_number button.minus:before,
.pr_number button.minus:after {
	background-color: #d9d9d9;
}

/* 사이즈 차트 정보 */
.chart_popup,
.insta_popup {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 999;
}

.chart_popup .dimBg,
.insta_popup .dimBg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255, 255, 255, .8);
	z-index: 99;
}

.chart_popup .chartPop {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -100%);
	top: 50%;
	width: 50%;
	background: #fff;
	z-index: 1000;
	text-align: center;
}

.chart_popup .chartPop table thead th {
	background: #000;
	color: #fff;
	padding: 1rem;
	box-sizing: border-box;
	font-size: 1.5rem;
}

.chart_popup .chartPop table tbody th,
.chart_popup .chartPop table tbody td {
	border-bottom: 1px solid #000;
	padding: .8rem .2rem;
	box-sizing: border-box;
	font-size: 1.4rem;
}

.chart_popup .chartPop table tbody tr:last-child th,
.chart_popup .chartPop table tbody tr:last-child td {
	border-bottom: 0;
}

.chartPop_close {
	position: absolute;
	bottom: -3rem;
	right: 0;
	background: #000;
	color: #fff;
	font-size: .8rem;
	box-sizing: border-box;
	padding: .3rem 1rem;
}

/* 인스타 썸네일 태그 2022-05-26*/
ul.insta_thumb {
	margin-top: 3rem;
	position: relative;
}

ul.insta_thumb>li {
	width: 32%;
	margin: 0 1% 0 0;
	padding: 0;
}

ul.insta_thumb>li:last-child {
	margin-right: 0;
}

ul.insta_thumb>li>a {
	background: #000
}

ul.insta_thumb>li a ul {
	display: none;
	position: absolute;
	color: #fff;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	transition: all .2s;
}

ul.insta_thumb>li a ul li {
	margin: 0 10% 0 0;
	font-size: 1.8rem;
	padding: 0;
	float: unset;
	display: inline-block;
	width: auto;
}

ul.insta_thumb>li a ul li:last-child {
	margin: 0;
}

ul.insta_thumb>li:hover img {
	opacity: 0.5;
	transition: all .2s;
}

ul.insta_thumb>li:hover a ul {
	display: block;
}

ul.insta_thumb>li.insta_more_btn {
	position: absolute;
	right: -1%;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	padding: 0;
	width: 3rem;
	line-height: 3rem;
	background: #000;
}

ul.insta_thumb>li.insta_more_btn a {
	color: #fff;
	font-size: 2rem;
	font-weight: 100;
}

.insta_popup>.insta_thumb02 {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999;
	width: 60%;
	max-width: 140rem;
	height: 50vh;

}

.insta_thumb02>ul {
	width: 100%;
	height: 100%;
	border: 1px solid #000;
	background: #fff;
	padding: 2rem;
	box-sizing: border-box;
	overflow: auto;
}

.insta_popup>.insta_thumb02 li {
	width: 20%;
	margin: 0;
	padding: 1rem;
}

.insta_popup>.insta_thumb02 li a {
	background: #000;
}

.insta_popup>.insta_thumb02 li a ul {
	display: none;
	position: absolute;
	color: #fff;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	transition: all .2s;
}

.insta_popup>.insta_thumb02 li a ul li {
	margin: 0 10% 0 0;
	font-size: 1.8rem;
	padding: 0;
	float: unset;
	display: inline-block;
	width: auto;
}

.insta_popup>.insta_thumb02 li a ul li {
	margin: 0 10% 0 0;
	font-size: 1.8rem;
	padding: 0;
	float: unset;
	display: inline-block;
	width: auto;
}

.insta_popup>.insta_thumb02 li a ul li:last-child {
	margin-right: 0;
}

.insta_popup>.insta_thumb02 li:hover img {
	opacity: 0.5;
	transition: all .2s;
}

.insta_popup>.insta_thumb02 li:hover a ul {
	display: block;
}

/* 리뷰 */
.pr_review {
	margin: 5rem auto 0;
	padding: 0 50px;
	box-sizing: border-box;
}

.pr_review_head {
	display: flex;
	justify-content: space-between;
	text-transform: uppercase;
	line-height: 2;
	width: 100%;
}

.pr_review_head h3,
.pr_review_head p {
	margin: auto 0;
}

.pr_review_head h3 {
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: -.1rem;
}

.pr_review_head p a {
	padding: 0.5rem 1.5rem;
	border: 1px solid #000;
	font-size: 1.4rem;
	font-weight: 400;
}

.pr_review_head p a:hover {
	background: #000;
	color: #fff;
}

.pr_review table {
	border-top: 2px solid #000;
	margin-top: 0.5rem;
}

.pr_review table td {
	box-sizing: border-box;
	text-align: center;
	padding: 1.5rem .3rem;
	border-bottom: 1px solid #999;
	font-size: 1.2rem;
	font-weight: 400;
}

.pr_review table td:nth-child(2) {
	text-align: left;
	font-size: 1.4rem;
}

tr.reviewNotice td {
	font-weight: 500;
}

tr.review_title {
	cursor: pointer;
}

tr.review_detail {
	display: none;
}

tr.review_detail td {
	padding: 1.5rem;
}

tr.review_detail .rd_img {
	margin-bottom: 1rem;
}

tr.review_detail p {
	text-align: left;
	line-height: 1.5;
	color: #333;
	font-size: 1.4rem;
}

tr.review_detail p img {
	width: 50%;
}

/* 게시글 LIST (mypage-board + )*/
.subWrap {
	width: 100%;
}

.subTop {
	padding-bottom: 1.5rem;
}

.subTop h2 {
	font-weight: 900;
	font-size: 2.4rem;
	text-transform: uppercase;
}

.subTop h2 span {
	font-weight: 500;
}

.subTop .search_wrap {
	float: right;
}

.search_wrap .select_box {
	float: left;
}

.select_box select {
	display: block;
	width: 100%;
	height: 2.6rem;
	cursor: pointer;
	padding: 5px;
	font-size: 1.2rem;
	box-sizing: border-box;
	font-weight: bold;
	border: 1px solid #000;
}

.m_search_wrap {
	display: none;
}

.search_wrap input[type="text"] {
	float: left;
	padding: 0 5px;
	font-size: 1.2rem;
	box-sizing: border-box;
	border: 1px solid #000;
	height: 2.6rem;
	display: block;
	margin: 0 0.5rem;
}

.search_wrap .search_box {
	float: left;
}

.search_box button {
	background: #000;
	color: #fff;
	display: block;
	line-height: 2.6rem;
	font-size: 1.2rem;
	padding: 0 1.2rem;
	font-weight: bold;
}

.tbl_wrap table {
	margin-bottom: 7rem;
	text-transform: uppercase;
}

.tbl_wrap thead {
	background: #000;
}

.tbl_wrap thead th {
	color: #fff;
	box-sizing: border-box;
	padding: 1.2rem;
	font-size: 1.4rem;
}

.tbl_wrap tbody th,
.tbl_wrap tbody td {
	box-sizing: border-box;
	padding: 1.5rem .3rem;
	text-align: center;
	border-bottom: 1px solid #000;
	font-weight: 400;
	font-size: 1.2rem;
	word-break: keep-all;
}

.tbl_wrap tr.clickableRow {
	cursor: pointer;
}

.tbl_wrap tbody th {
	text-align: left;
	padding: 1.5rem 3rem;
	font-weight: 600;
}

.tbl_wrap tbody td.tbl_subject {
	text-align: left;
	font-size: 1.4rem;
}

.tbl_wrap tbody td p span {
	color: #666;
	padding-right: .5rem;
	text-transform: uppercase;
}

.tbl_wrap tbody td p em {
	padding-right: .5rem;
	font-size: 1.2rem;
	font-weight: 600;
}

.tbl_wrap tbody td p .sel_price {
	color: #000;
}

.tbl_wrap tbody td p .del_price {
	text-decoration: line-through;
	font-size: 1.4rem;
	color: #666;
}

ul.tbl_paging {
	display: flex;
	justify-content: center;
}

ul.tbl_paging li {
	padding: 0 1rem;
}

ul.tbl_paging a {
	color: #333;
	position: relative;
	display: block;
	font-size: 1.5rem;
}

ul.tbl_paging a.on,
ul.tbl_paging a:hover {
	color: #000;
}

ul.tbl_paging a.on:after {
	position: absolute;
	content: "";
	width: 1rem;
	height: 2px;
	bottom: -.5rem;
	left: 50%;
	transform: translateX(-50%);
	background: #000;
}

ul.tbl_paging li a i {
	font-size: 1.3rem;
	font-weight: bold;
}

/* preorder 쿠폰 추가 2023-01-19 */
.tbl_info .flex50 {
	display: flex;
	justify-content: space-between;
}

.tbl_info .flex50>div {
	width: 49.5%;
}

.tbl_info .flex50>div.pre_couponWrap {
	display: flex;
	flex-wrap: wrap;
}

.tbl_info .flex50>div.pre_couponWrap>div {
	width: 100%;
}

.pop_coupon select {
	border: 1px solid #333;
	height: 3rem;
	width: 100%;
	font-size: 1.4rem;
	color: #000;
	font-weight: 500;
}


/* review table */
.tbl_review {
	margin-bottom: 3rem;
}

.tbl_review table td p i {
	font-size: 1.5rem;
	padding-left: .3rem;
}

/* 리뷰 착용제품 정보 2022-12-09 */
.review_info {
	margin-top: 3rem;
	border-top: 1px solid #ccc;
}

.review_info h3 {
	margin: 3rem 0;
	text-align: center;
}

.review_info h3 b {
	font-size: 1.8rem;
	font-weight: 500;
	border-bottom: 2px solid #000;
	padding: 0 .5rem;
}

.review_info .pr {
	margin: 0 auto;
	display: inline-block;
}

.review_info .pr a {
	display: flex;
	justify-content: center;
}

.review_info .pr .pic {
	padding: 2rem;
	box-sizing: border-box;
	border: 1px solid #000;
	border-right: 0;
}

.review_info .pr .info {
	padding: 2rem 6rem;
	box-sizing: border-box;
	border: 1px solid #000;
}

.review_info .pr .info p {
	font-weight: 500;
	font-size: 1.4rem;
	text-transform: uppercase;
}

.review_info .pr .info .list_Opt {
	font-size: 1.2rem;
	color: #828282;
}

.review_info .pr .info .list_Price {
	padding-top: 1.8rem;
	font-weight: bold;
	font-size: 1.8rem;
}

/* news */
.newsFolder ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 5rem;
}

.newsFolder ul li a {
	padding: 0 2rem;
	text-transform: uppercase;
	color: #666;
	font-size: 1.4rem;
	line-height: 1.8;
}

.newsFolder ul li a.on {
	color: #007549;
}

.newsWrap li {
	float: left;
	width: 24.25%;
	box-sizing: border-box;
	margin: 0 1% 5rem 0;
}

.newsWrap li:nth-child(4n) {
	float: right;
	margin-right: 0;
}

.newsWrap .txtWrap {
	box-sizing: border-box;
	padding: 2rem 2rem 0;
	letter-spacing: -1px;
	line-height: 1;
}

.newsWrap .txtWrap .tit {
	font-size: 1.5rem;
	font-weight: 500;
}

.newsWrap .txtWrap .date {
	font-size: 1rem;
	font-weight: 400;
	padding-top: 1rem;
}

.newsWrap li .imgBox,
.newsWrap li .vidBox {
	position: relative;
	padding-bottom: calc(100% + 25%);
	overflow: hidden;
}

.newsWrap li .imgBox img {
	position: absolute;
	width: 100%;
	height: 100%;
}

.newsWrap li .vidBox iframe {
	position: absolute;
	width: calc(100% + 100%);
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
}

/* store */
.storeWrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 80%
}

.storeWrap li {
	width: 49%;
	margin: 0 2rem;
	box-sizing: border-box;
	margin: 0 0 2%;
}

.storeWrap .txtWrap {
	box-sizing: border-box;
	padding: 2rem 2rem 0;
	letter-spacing: -1px;
	line-height: 1;
}

.storeWrap .txtWrap .tit {
	font-size: 1.5rem;
	font-weight: 500;
}

.storeWrap .txtWrap .date {
	font-size: 1rem;
	font-weight: 400;
	padding-top: 1rem;
}

.storeWrap li .imgBox,
.storeWrap li .vidBox {
	position: relative;
	padding-bottom: calc(100% + 25%);
	overflow: hidden;
}

.storeWrap li .imgBox img {
	position: absolute;
	width: 100%;
	height: 100%;
}

.storeWrap li .vidBox iframe {
	position: absolute;
	width: calc(100% + 100%);
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
}



/* 게시글 VIEW */
.viewTbl_wrap td {
	text-align: center;
	border-bottom: 1px solid #000;
	padding: 6rem 2rem;
	box-sizing: border-box;

}

tr.view_tit_wrap td {
	padding: 4rem 2rem;
	border-bottom: 1px solid #ccc;
}

tr.view_tit_wrap td p.view_tit {
	display: block;
	font-size: 3rem;
	font-weight: bold;
	margin: 0 0 1.2rem;
	letter-spacing: -1px;
}

tr.view_tit_wrap td p.view_name,
.view_tit_wrap td p.view_date,
tr.view_tit_wrap td div.view_review p {
	display: inline-block;
	font-size: 1.5rem;
	color: #666;
	font-weight: 400;
	letter-spacing: -1px;
	text-transform: uppercase;
}

tr.view_tit_wrap td p.view_name,
tr.view_tit_wrap td div.view_review .view_category {
	margin-right: 1rem;
	padding-right: 1rem;
	position: relative;
}

tr.view_tit_wrap td p.view_name:after,
tr.view_tit_wrap td div.view_review .view_category:after {
	content: '';
	display: block;
	width: 1px;
	height: 1.3rem;
	position: absolute;
	right: 0;
	top: 53%;
	transform: translateY(-50%);
	background: #999;
}

.view_detail td {
	border-bottom: 1px solid #ccc;
}

.viewTbl_wrap tr td div.detail p {
	font-size: 1.3rem;
	line-height: 1.5;
	font-weight: 400;
	color: #333;
}

.viewTbl_wrap td.view_reply {
	border-bottom: 1px dashed #666;
}

.view_editDel td {
	text-align: right;
	border: 0;
	padding: 2rem 2rem 0;
}

.view_editDel a {
	display: inline-block;
	padding: .3rem 1.5rem;
	border: 1px solid #333;
	color: #333;
	font-size: 1.2rem;
	margin-right: .5rem;
	font-weight: 400;
}

.view_editDel a:last-child {
	background: #333;
	margin-right: 0;
	color: #fff;
	border: 1px solid #000;
}

.view_editDel.review_editDel {
	text-align: right;
	padding: 2rem 0 1rem;
}

.view_files td {
	padding: 2rem;
	font-size: 1.3rem;
}

.view_files td p span {
	display: block;
	margin-bottom: .5rem;
	font-weight: 400;
	color: #666;
}

.view_files td p span:last-child {
	margin-bottom: 0;
}

.view_files td p span i {
	vertical-align: bottom;
	padding-left: .3rem;
	color: #666;
	cursor: pointer;
	font-weight: bold;
}

/* coupon list */
.coupon_add {
	float: right;
	display: flex;
}

.coupon_add input {
	border: 3px solid #000;
	border-right: 0;
	height: 3rem;
	width: 18rem;
	box-sizing: border-box;
	padding: .5rem;
	font-size: 1.2rem;
}

.coupon_add button {
	background: #000;
	color: #fff;
	font-size: 1.5rem;
	height: 3rem;
	padding: 0 1rem;
	font-weight: bold;
	letter-spacing: -1px;
}

.coupon_list_wrap tbody td {
	padding: 0;
}

.coupon_tit {
	background: #efefef;
	padding: 1.5rem 1rem;
	box-sizing: border-box;
}

.coupon_tit p {
	font-weight: bold;
	font-size: 1.6rem;
	display: block;
	width: 100%;
}

#coupon_ex p {
	width: 80%;
	float: left;
}

#coupon_ex div.coupon_tit span {
	border: 1px solid #333;
	border-radius: 5px;
	color: #333;
	font-size: 1.2rem;
	padding: .3rem .8rem;
	box-sizing: border-box;
	float: right;
	font-weight: 500;
}

.coupon_info {
	padding: 1.5rem .3rem;
	box-sizing: border-box;
}

.coupon_info li {
	overflow: hidden;
	padding: .5rem 1rem;
}

.c-tit {
	float: left;
	font-weight: 500;
}

.c-desc {
	padding-left: 12rem;
	color: #666;
}

/* coupon list _END */


/***************** qna write ********************/
.write_tbl tbody th {
	text-align: center;
	padding: 1.5rem 0;
	border-bottom: 0;
}

.write_tbl tbody td {
	text-align: left;
	padding: 1.5rem 2rem;
	border-bottom: 0;
}

.write_tbl tbody {
	border-bottom: 1px solid #000;
}

span.secretview {
	width: auto;
	margin-left: 5px;
	margin-right: 2px;
	font-size: 1.3rem;
}

span.secretview input[type="checkbox"] {
	width: auto;
	margin-right: 2px;
	vertical-align: middle;
}

span.secretview input[type="radio"] {
	width: auto;
	margin-right: 2px;
	vertical-align: middle;
}

.write_tbl tbody td input,
.write_tbl tbody td select {
	width: 20rem;
	height: 2.7rem;
	box-sizing: border-box;
	padding: 0 0.5rem;
	line-height: 2.7rem;
	border: 1px solid #ccc;
}

tr.write_tit_wrap td div.write_category {
	float: left;
	width: 15%;
}

tr.write_tit_wrap td div.write_category select {
	width: 100%;
}

tr.write_tit_wrap td div.wirte_typeTit {
	float: right;
	width: 84%;
}

tr.write_tit_wrap td input[type="text"] {
	width: 100%;
}

input#write_pwd::placeholder {
	color: #fff;
}

.write_tbl tbody td select,
.write_tbl tbody td select option {
	background: #fff;
	width: 100%;
}

.write_tbl tbody td textarea {
	width: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 1rem;
	font-size: 1.5rem;
}

input#write_file {
	display: block;
	margin-bottom: 1rem;
}

input#write_file:last-child {
	margin-bottom: 0;
}

.list_btns.write_btns {
	display: flex;
	width: 100%;
}

.list_btns.write_btns li {
	flex: none;
}


/***************** exchange/refund write ********************/
span.refundTypeView {
	width: auto;
	margin-left: 5px;
	margin-right: 2px;
	font-size: 1.3rem;
}

span.refundTypeView input[type="radio"] {
	width: auto;
	margin-right: 2px;
	vertical-align: middle;
}


/* + 리뷰쓰기 */
.write_tbl tbody td.writeReview_Tit input {
	width: 100%;
}

/* + 비밀글보기 */
.view_pwd {
	text-align: center;
	/* 	border-top: 3px solid #000; */
}

.view_pwd>ul {
	display: flex;
	padding: 5rem 0 10rem;
	width: 30rem;
	margin: 0 auto;
	font-size: 1.1rem;
}

.view_pwd>ul>li:first-child {
	width: 30%;
	font-size: 1.4rem;
	color: #666;
	line-height: 2.5;
	text-align: left;
}

.view_pwd>ul>li:last-child {
	width: 70%
}

.view_pwd>ul>li:last-child input {
	border: 1px solid #ccc;
	line-height: 2;
	padding: .5rem 1rem;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
}


/*카트*/
.forbordertop {
	border-top: 2px solid #000;
}

.tbl_wrap tbody tr {
	position: relative;
}

.tbl_wrap tbody td.cartRight {
	text-align: right;
}

.list_img {
	max-width: 10rem;
}

.list_img a {
	display: block;
}

.list_img.stockout {
	position: relative;
}

.list_img.stockout img {
	opacity: .3;
}

.list_img.stockout p {
	position: absolute;
	font-weight: 900;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 1.8rem;
	letter-spacing: -1px;
	line-height: 1.2;
	width: 100%;
}

.list_Pr a {
	font-weight: bold;
	font-size: 1.4rem;
}

.list_Opt a {
	font-size: 1.2rem;
	color: #828282;
}

.list_preOrder {
	padding-top: .5rem;
}

.list_preOrder span {
	background: #000;
	color: #fff !important;
	letter-spacing: -.5px;
	padding: .2rem .5rem;
	font-size: 1.25rem;
}

.list_Price {
	padding-top: 1.8rem;
}

.list_Price a,
.orderForm_prPrice {
	font-weight: 900;
	font-size: 1.8rem;
}

a.list_Sale {
	font-weight: 400;
	font-size: 1.3rem;
	text-decoration: line-through;
	color: #666;
	padding-right: 0.5rem;
	text-transform: uppercase;
}

.list_del {
	padding-right: 2rem;
}

.list_del a {
	text-transform: capitalize;
	color: #666;
	font-size: 1.4rem;
}

.list_del a i {
	font-size: 1.7rem;
	vertical-align: text-top;
}

.quantity {
	position: relative;
}

input[type="number"] {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
}

.number-input {
	display: inline-flex;
	margin-top: 6rem;
	padding-right: 2rem;
}

.number-input,
.number-input * {
	box-sizing: border-box;
}

.number-input button {
	outline: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	align-items: center;
	justify-content: center;
	width: 1rem;
	height: 3rem;
	cursor: pointer;
	margin: 0;
	position: relative;
}

.number-input button:before,
.number-input button:after {
	display: inline-block;
	position: absolute;
	content: '';
	width: 1rem;
	height: 1px;
	background-color: #000;
	transform: translate(-50%, -50%);
}

.number-input button.plus:after {
	transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
	max-width: 5rem;
	padding: 0 0.25rem;
	/* border: solid #ddd; */
	border: none;
	border-width: 0 2px;
	font-size: 1.4rem;
	height: 3rem;
	font-weight: bold;
	text-align: center;
}

.cartPriceWrap {
	background: #efefef;
	box-sizing: border-box;
	padding: 3rem 2rem;
}

.cartPriceWrap ul li {
	/* float: left;*/
	width: 25%;
	text-align: center;
	font-weight: 400;
}

.cartPriceWrap ul.top,
.cartPriceWrap ul.bot {
	display: flex;
	justify-content: center;
}

.cartPriceWrap ul.top li {
	font-size: 1.2rem;
	color: #828282;
	padding-bottom: 1rem;
}

.cartPriceWrap ul.top li:last-child {
	color: #666;
}

.cartPriceWrap ul.bot li {
	font-size: 1.5rem;
}

.cartPriceWrap ul.bot li:last-child {
	font-size: 1.6rem;
	font-weight: 600;
}

.list_btns {
	margin-top: 4rem;
	display: flex;
	justify-content: end;
	align-items: center;
	width: 100%;
}

.list_btns_center {
	justify-content: center;
}

.list_btns li,
.preOrder_btns li {
	padding-left: 1rem;
	text-align: center;
	width: 14rem;
}

.list_btns li:first-child,
.preOrder_btns li:first-child {
	padding-left: 0;
}

.list_btns li a,
.preOrder_btns li a {
	display: block;
	width: 100%;
	padding: 1rem 0;
	font-size: 1.3rem;
	border: 1px solid #000;
	text-transform: uppercase;
	box-sizing: border-box;
}

.list_btns li.left {
	margin-right: auto;
}

.list_btns li.lightGry a {
	border-color: #969696;
	color: #969696;
}

.list_btns li.blkBtn a {
	background: #000;
	color: #fff;
}

.list_btns li.blkBtn a input {
	background: inherit;
	border: none;
	color: #fff;
	font-weight: 600;
}

.list_btns li.txtb4Btns {
	width: auto;
	font-size: 1.5rem;
}

.orders_arrow a {
	font-size: 1.8rem;
}

.preOrder_btns {
	margin: 0 0 4rem;
	display: flex;
	width: 100%;
	justify-content: end;
}

.preOrder_btns li a {
	border-color: #666;
	color: #666;
}

.darkGryBtn a {
	background: #666;
	color: #fff !important;
	font-weight: 400;
}



/* orders */
.orderNum a {
	font-weight: bold;
	font-size: 1.6rem;
}

.orderStatus {
	padding-top: 1.8rem;
}

.tbl_wrap tbody td p.orderStatus em {
	font-weight: 400;
	font-size: 1.3rem;
	color: #007549;
	border-bottom: 1px solid #007549;
	padding-right: 0;
	cursor: default;
}

.orderStatus.orderStatus_view {
	padding-top: 0;
}

.list_btns_P {
	text-align: center;
	padding-top: 2rem;
	font-weight: 400;
	color: #333;
	font-size: 1.5rem;
}

.writeReview_btn {
	position: absolute;
	right: 0;
	bottom: 2rem;
}

.writeReview_btn a {
	display: block;
	padding: .5rem 1rem;
	box-sizing: border-box;
	background: #000;
	color: #fff;
}

tr.only4ordersView td {
	text-align: left;
	font-weight: 900;
	font-size: 1.8rem;
}

/* tr.only4ordersView td:last-child{
	text-align: right;
} */
.ordersInfoWrap {
	margin-top: 5rem;
}

.ordersInfoWrap>div.ordersLeft {
	float: left;
	width: 40%;
}

.ordersInfoWrap>div.ordersRight {
	float: right;
	width: 50%;
}

.ordersInfoWrap>div h3 {
	font-size: 1.6rem;
	font-weight: bold;

}

.ordersInfoWrap>div table {
	margin-top: 1.5rem;
	border-top: 1px solid #000;
}

.ordersInfoWrap>div table th,
.ordersInfoWrap>div table td {
	box-sizing: border-box;
	padding: 1.5rem 0;
	text-align: left;
	font-size: 1.5rem;
	color: #666;
	font-weight: 500;
}

.ordersInfoWrap>div table td {
	text-align: right;
	color: #000;
	font-weight: 600;
	word-break: keep-all;
}

/* 카트에서 주문넣기 */
.orderTbl {
	margin-bottom: 5rem;
}

.orderTbl table {
	margin-bottom: 3rem;
}

.orderTbl table th,
.orderTbl table td {
	border-bottom: 1px solid #ccc;
}

.orderTbl table tr:first-child th,
.orderTbl table tr:first-child td {
	border-bottom: 1px solid #000;
}

.orderForm_prPrice span.list_Sale {
	display: block;
}

.orderForm_pr p {
	color: #333;
	font-size: 1.2rem;
	line-height: 1.5;
}

.orderForm_cls a {
	font-size: 2rem;
	color: #666;
}

.orderFormInfo {
	margin-bottom: 7rem;
}

.orderFormInfo h3 {
	font-size: 1.6rem;
	font-weight: bold;
}

.orderFormInfo table {
	margin-top: 1.5rem;
	border-top: 1px solid #000;
}

.orderFormInfo table th,
.orderFormInfo table td {
	box-sizing: border-box;
	padding: 1.5rem 0;
	text-align: left;
	font-size: 1.5rem;
	color: #666;
	font-weight: 400;
}

.orderFormInfo table td {
	color: #000;
	padding-left: 1rem;
}

.orderForm_address label {
	padding-left: .3rem;
	margin-right: 1rem;
	font-size: 1.4rem;
}

.orderForm_address a {
	background-color: #999;
	color: #fff;
	padding: .3rem .5rem .3rem 1rem;
	font-size: 1.3rem;
	font-weight: 400;
	cursor: pointer;
}

.orderFormInfo td input,
.orderFormInfo td select {
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 0.5rem;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.3rem;
}

.orderFormInfo td input[type="text"]::placeholder {
	font-size: 1.2rem;
}

.orderTxt {
	width: 30rem;
}

.orderTxt_long {
	width: 100%;
}

.paymentWrap {
	border-top: 1px solid #000;
	margin-top: 1.5rem;
	padding: 2rem 0;
	font-size: 1.3rem;
	font-weight: 400;
}

span.paymethod {
	margin-right: 1.5rem;
}

span.paymethod label {
	padding-left: .5rem;
	vertical-align: middle;
}

/* 네이버페이+카카오페이 라디오버튼추가 2022-05-24 */
span.paymethod label img {
	height: 20px;
}

/* end// 네이버페이+카카오페이 라디오버튼추가 2022-05-24 */

.payment_info {
	font-size: 1.3rem;
	font-weight: 400;
	color: #666;
	padding: 1rem 0;
}

.payment_tbl table {
	margin-top: 0;
	border-top: 1px dotted #666;
}

.of_email01,
.of_email02 {
	width: 15rem;
}

/* 우편번호 찾기 */
.postcodePop {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 999;
	-webkit-overflow-scrolling: touch;
	width: 300px;
	height: 480px;
	background: #fff;
	border: 2px solid #000;
	overflow-y: scroll;
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

.postcodePop::-webkit-scrollbar {
	display: none;
	/* Chrome, Safari, Opera*/
}

.postcodePop .closewrap {
	width: 100%;
	background: #000;
	position: relative;
}

.postcodePop .closewrap a {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 2rem;
	color: #fff;
}

.postcodePop .closewrap p {
	color: #fff;
	font-size: 1.45rem;
	font-weight: 500;
	padding: 10px 5px;
}

.orderPopup .closewrap {
	width: 100%;
	background: #000;
	position: relative;
}

.orderPopup .closewrap a {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 2rem;
	color: #fff;
}

.orderPopup .closewrap p {
	color: #fff;
	font-size: 1.45rem;
	font-weight: 500;
	padding: 10px 5px;
}


/* 쿠폰할인 */
div.order_coupon {
	display: flex;
	word-break: keep-all;
	align-items: center;
}

/* div.order_coupon > div{
	display: table-cell;
} */
.order_coupon label {
	margin-right: .5rem;
}

.order_coupon input {
	text-align: right;
}

.oc_btn {
	padding-left: 1rem;
}

.oc_btn a {
	padding: .5rem 1rem;
	display: block;
}

/* 현금영수증 */
.cashWrap {
	font-size: 1.3rem;
}

.cashWrap input {
	margin-right: 3px;
}

.noreceipt {
	margin: 0 3px 0 5px;
}

/* 주문/결제 완료 */
.comp_wrap {
	text-align: center;
	padding: 10rem 0 7rem;
}

.comp_wrap h3 {
	font-size: 2rem;
	font-weight: bold;
	padding-bottom: 5rem;
}

.comp_wrap>div {
	font-size: 1.6rem;
	display: inline-table;
}

.comp_wrap>div p {
	display: table;
	line-height: 2;
	font-weight: 400;
}

.comp_wrap>div p span {
	display: table-cell;
	color: #333;
}

.comp_wrap>div p span:last-child {
	padding-left: 1rem;
}

.comp_wrap>div p span b {
	color: #000;
	font-weight: 500;
}

/* 주문취소 */
.letscancel {
	/* 	padding :0 25%; */
}

.letscancel p {
	font-size: 1.3rem;
	color: #666;
	padding: 1rem 0 0;
	font-weight: 400;
}

p.cancelAgreeChk {
	text-align: center;
	font-size: 1.3rem;
	color: #666;
	font-weight: 400;
	margin-bottom: 3rem;
}

p.cancelAgreeChk label {
	vertical-align: middle;
	padding-left: .5rem;
}

.letscancel tbody tr td {
	font-weight: 300
}

.cancelConfirm {
	text-align: center;
	margin-bottom: 5rem;
}

.ordersInfoWrap .cancelConfirm h3 {
	font-size: 2rem;
}

.cancelConfirm p {
	padding-top: 1.5rem;
	font-size: 1.5rem;
	font-weight: 400;
	color: #666;
}

.letscancel input {
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 0.5rem;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.5rem;
	text-align: center;
}

.letscancel select {
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 0.5rem 1rem;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.5rem;
	text-align: center;
}



/* details pwd */

.detail_pwd {
	padding-top: 5rem;
}

.detail_pwd ul {
	padding: 0;
	padding-bottom: 2rem;
}

.detail_pwd ul li strong {
	line-height: 3.5rem;
	font-size: 1.5rem;
}

.detail_pwd>div {
	padding-top: 10rem;
}

/* + details pwd2 2022-12-05 */
.detail_pwd ul li.flex {
	display: flex;
	width: 70%;
	height: 100%;
	justify-content: space-between;
}

.detail_pwd ul li.flex input {
	width: 60%;
}

.detail_pwd ul li.flex a {
	padding: 1rem 0;
	box-sizing: border-box;
	width: 38%;
	color: #fff;
}

/* details */
table.profileEdit_tbl {
	border-bottom: 1px solid #000;
}

table.profileEdit_tbl th,
table.profileEdit_tbl td {
	font-size: 1.4rem;
	border-bottom: 0;
}

table.profileEdit_tbl th {
	padding: 1.5rem;
}

table.profileEdit_tbl td {
	text-transform: none;

}

table.profileEdit_tbl td input,
table.profileEdit_tbl td.phone select,
table.profileEdit_tbl td.email select {
	height: 3rem;
	border: 1px solid #ccc;
	padding: 0 .5rem;
	box-sizing: border-box;
}

table.profileEdit_tbl td.phone input {
	width: 6rem;
	text-align: center;
}

table.profileEdit_tbl td.phone em {
	padding: 0 1rem;
}

table.profileEdit_tbl td.long input {
	width: 60%;
}

.zipBtn {
	color: #fff;
	background: #999;
	height: 3rem;
	padding: 0 1.5rem;
}

table.profileEdit_tbl td input[type="radio"] {
	margin-right: .5rem;
}

.details_btns {
	display: flex;
	width: 100%;
}

.details_btns li {
	flex: none;
}

.details_btns li:first-child {
	margin-right: auto;
}

.details_btns li a.withdraw {
	border: 1px solid #999;
	color: #999;
	cursor: pointer;
}

/* Q&A*/
.qna_tbl p.reply {
	padding-left: 1rem;
}

.qna_tbl p.reply span,
.view_tit span {
	background: #000;
	color: #fff;
	padding: .1rem .8rem;
	font-size: 1.2rem;
	margin-right: 1rem;
	display: inline-block;
}

.qna_tbl table {
	margin-bottom: 3rem;
}

.qna_btn {
	margin: 0 0 6rem;
}

.qna_tbl i.xi-subdirectory {
	padding-left: .5rem;
	font-size: 1.5rem;
	vertical-align: bottom;
}

/* guide */
.guide_tabs {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-bottom: 2px solid #000;
}

.guide_tabs li {
	display: table-cell;
	box-sizing: border-box;
	border: 1px solid #000;
	border-bottom: 0;
	border-right: none;
}

.guide_tabs li:last-child {
	border-right: 1px solid #000;
}

.guide_tabs li a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 1.4rem;
	padding: 1.2rem 0;
	text-transform: uppercase;
	box-sizing: border-box;
}

.guide_tabs li.on a {
	font-weight: 900;
	background: #000;
	color: #fff;
}

.guide_wrap {
	box-sizing: border-box;
	padding-top: 2rem;
}

.guide_wrap table {
	text-align: left;
	text-transform: uppercase;
	font-size: 1.3rem;
}

.guide_wrap table th,
.guide_wrap table td {
	padding: 1.2rem 2rem;
	box-sizing: border-box;
}

.guide_wrap table th {
	font-weight: 600;
}

.guide_wrap .guideBox {
	background: #efefef;
	box-sizing: border-box;
	padding: 2rem;
	font-size: 1.3rem;
	font-weight: 400;
}

.guide_wrap .guideBox .guidetxt p {
	line-height: 1.5;
}

.guide_wrap ul li {
	border-bottom: 1px solid #999;
	font-size: 1.3rem;
}

.guide_wrap ul li.que a {
	font-weight: 500;
	display: block;
}

.guide_wrap ul li.que a div {
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 2rem;
}

.guide_wrap ul li.que span,
.guide_wrap ul li.que p,
.guide_wrap ul li.que i {
	display: table-cell;
}

.guide_wrap ul li.que span,
.guide_wrap ul li.ans span {
	width: 10%;
}

.guide_wrap ul li.que p {}

.guide_wrap ul li.que i {
	float: none;
	font-weight: 900;
	text-align: right;
}

.guide_wrap ul li.que a.on i:before {
	content: "\e944";
}

.guide_wrap ul li.ans {
	display: none;
	font-weight: 400;
	padding: 2rem 2rem 2rem 11.3%;
	color: #333;
	line-height: 1.8;
	word-break: break-all;
}

/* features _LIST*/
.listflex_wrap {
	display: flex;
	justify-content: center;
}

.features_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 80%;
}

.features_wrap li {
	position: relative;
	width: 49%;
	box-sizing: border-box;
	margin: 0 0% 2%;
}

.features_wrap li a {
	display: block;
	width: 100%;
	height: 100%;
}

.features_wrap li img {
	width: 100%;
}

.features_wrap h5 {
	position: absolute;
	left: 50%;
	bottom: 50px;
	transform: translateX(-50%);
	color: #fff;
	font-size: 4rem;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -2px;
	text-shadow: rgb(0 0 0 / 30%) 1px 0px 30px;
	width: 100%;
	text-align: center;
}

.features_txt section {
	font-size: 1.2rem;
	font-weight: 100;
	height: 3.6rem;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	word-break: break-word;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

/* collection _ view*/
.featuresView_wrap {
	display: flex;
	flex-wrap: wrap;
}

.featuresView_wrap img {
	width: 25%;
}


/**************** 검색 결과 ***************/
.searchResult {
	padding: 7rem 0 10rem;
	text-align: center;
}

.resultTxt {
	font-size: 1.8rem;
	padding-bottom: 7rem;
	color: #333;
	font-weight: 400;
}

.searchResult input {
	border: 0;
	border-bottom: 1px solid #999;
	line-height: 3rem;
	box-sizing: border-box;
	padding: 0 1rem;
	width: 25rem;
	margin-right: 1rem;
	font-size: 1.3rem;
}

.searchResult button {
	font-family: 'Spoqa Han Sans Neo', 'Roboto', sans-serif;
	background: #000;
	color: #fff;
	font-size: 1.2rem;
	text-transform: uppercase;
	box-sizing: border-box;
	padding: 0 1.5rem;
	line-height: 3rem;
	font-weight: 500;
}

/***************** 타임세일 timeSale ********************/
/******** 세일 중(진행O) ********/
.onTime>.layout {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.onTime .timeSale_wrap {
	width: 20%;
	padding-right: 4rem;
	box-sizing: border-box;
	text-transform: uppercase;
	position: sticky;
	align-self: flex-start;
	top: 50px;
	z-index: 98;
	background: #fff;
}

.onTime .contents_wrap {
	width: 80%;
}

.onTime .contents_wrap ul.productsWrap li {
	width: 33.3%;
}

.onTime .timeSale_wrap .timer_p {
	padding-bottom: 2rem;
}

.onTime .timeSale_wrap .timer_p h3,
.offTime .timeSchedule_wrap>h3 {
	font-size: 3rem;
	font-weight: 500;
	line-height: 1.2;
	color: #0025ff;
	letter-spacing: -.08rem;
}

.onTime .timeSale_wrap .timer_p p {
	display: inline-block;
	font-size: 1.8rem;
	font-weight: 300;
	letter-spacing: -.08rem;
}

.onTime .timeSale_wrap .timer_p .timer {
	font-weight: 600;
	letter-spacing: 0.1rem;
	margin-left: 0.5rem;
}

.onTime .timeSale_wrap ul.timeSale_list {
	border-top: 2px solid #0025ff;
}

.onTime .timeSale_wrap ul.timeSale_list li {
	border-bottom: 1px solid #e0e0e0;
	padding: 1.5rem 1.5rem 1.5rem 0;
	font-size: 1.2rem;
	cursor: pointer;
}

.onTime .timeSale_wrap ul.timeSale_list li:last-child {
	border-bottom: none;
}

.onTime .timeSale_wrap ul.timeSale_list li .forsale {
	font-weight: 300;
	color: #666;
	margin-top: 0.3rem;
}

.onTime .timeSale_wrap ul.timeSale_list li .forsale span {
	text-decoration: line-through;
}

.onTime .timeSale_wrap ul.timeSale_list li .forsale em {
	margin: 0 0.5rem 0;
}

.onTime .timeSale_wrap .timer_p .ts_list_btn {
	display: none;
}

.disc_rate {
	color: #0025ff;
	margin: 0;
}

/******** 세일 일정(진행X) ********/
.offTime {
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	padding: 10rem 0;
	box-sizing: border-box;
}

.offTime .timeSchedule_wrap {
	display: inline-flex;
	justify-content: flex-start;
	align-items: flex-start;
	text-align: left;
}

.offTime .timeSchedule_wrap>h3 {
	margin: 1rem 8rem 0 0;
}

.offTime .timeSchedule ul.schedule_list li {
	padding: 2rem 2rem 4rem 8rem;
	position: relative;
}

.offTime .timeSchedule ul.schedule_list li:before,
.offTime .timeSchedule ul.schedule_list li:after {
	content: '';
	position: absolute;
	background: #888;
}

.offTime .timeSchedule ul.schedule_list li:before {
	width: 1px;
	height: 100%;
	top: 2.3rem;
	left: -1px;
}

.offTime .timeSchedule ul.schedule_list li:after {
	width: 0.9rem;
	height: 0.9rem;
	border-radius: 100%;
	top: 2.2rem;
	left: -0.5rem;
	transition: 0.3s;
}

.offTime .timeSchedule ul.schedule_list li:first-child:before {
	background: linear-gradient(180deg, #0025ff, #888);
}

.offTime .timeSchedule ul.schedule_list li:first-child:after {
	background: #0025ff;
	box-shadow: 0 0 10px 10px rgb(0 37 255/5%);
}

.offTime .timeSchedule ul.schedule_list li h4 {
	font-size: 1.8rem;
	font-weight: 500;
}

.offTime .timeSchedule ul.schedule_list li .date {
	color: #8e8e8e;
	font-size: 1.3rem;
	font-weight: 300;
	margin-bottom: 0.5rem;
}

.offTime .timeSchedule ul.schedule_list li:hover:after {
	background: #0025ff;
	box-shadow: 0 0 10px 10px rgb(0 37 255/5%);
}

.offTime .timeSchedule ul.schedule_list li:hover:before {
	background: linear-gradient(180deg, #0025ff, #888);
}

.offTime .preparing {
	font-size: 3rem;
	font-weight: 400;
	letter-spacing: -.08rem;
	color: #ddd;
}




/* 테블릿 세로 (해상도 1400px)
-------------------------------- */
@media all and (max-width:1400px) {

	/* sub */
	.sideNav ul li a {
		font-size: 2.3rem;
	}

	/* 제품상세페이지 */
	.contents_left.pr_review_wrap {
		width: 100%;
	}

	.contents_left.pr_review_wrap .pr_review {
		max-width: 100%;
	}

	.pr_review {
		width: 100%;
	}

	.contents_modelLook {
		display: none;
	}

	.m_contents_modelLook {
		display: block;
		padding: 2rem 5%;
	}

	.m_contents_modelLook img {
		width: 50%;
	}

	ul.pr_info li.que,
	p.pr_chart {
		margin-top: 0;
	}

	p.pr_chart {
		padding-top: .5rem;
	}

	ul.pr_info li.ans {
		padding: .5rem 0 1.5rem;
	}

	/* qna write */
	.write_tbl tbody td {
		padding: 1.5rem 1rem;
	}

	.write_tbl tbody td input#write_pwd {
		width: 100%;
	}

	/* store */
	.storeWrap li {
		margin: 0 1rem;
	}
}

@media all and (min-width:1201px) {
	ul.pr_btns li.pr_preorder:hover .pr_preorder_pop {
		display: block;
	}
}

/* 테블릿 세로 (해상도 1200px)
-------------------------------- */
@media all and (max-width:1200px) {

	.sideNav {
		width: 30%;
	}

	ul.productsWrap li {
		width: 33.3%;
	}


	/* 제품상세페이지 */
	.pr_info_bnpl {
		display: block;
	}

	.contents_left,
	.contents_right {
		width: 100%;
		padding: 0;
		float: none;
	}

	.contents_right {
		float: none;
		padding-left: 0;
	}

	.contents_right .pr_name,
	.contents_right .pr_price {
		display: none;
	}

	.contents_left .m_pr_head {
		display: block;
	}

	.contents_left .m_pr_head h3.pr_name {
		font-size: 3rem;
		line-height: 1.2;
	}

	.contents_left .m_pr_head p.pr_price {
		font-size: 2rem;
	}

	/* .ez-slider{margin: inherit;} */
	.ez-slider .slick-dots {
		margin: 2rem auto 0;
	}

	ul.pr_size {
		margin-bottom: 4rem;
	}

	ul.pr_btns {
		display: flex;
	}

	ul.pr_btns li.pr_cart,
	ul.pr_btns li.pr_buynow {
		width: 50%;
		/*  margin-bottom: 3rem; */
	}

	ul.pr_btns li.pr_wish {
		width: auto;
		float: right;
		/*  margin-bottom: 3rem; */
	}

	ul.pr_color li,
	ul.pr_size li {
		width: 6rem;
		height: 6rem;
	}

	.chart_popup .chartPop {
		width: 60%;
	}

	ul.pr_info li.que,
	ul.pr_info li.ans {
		width: 100%;
	}

	ul.pr_size li>a {
		line-height: 5rem;
		height: auto;
	}

	ul.pr_btns li.pr_wish a {
		width: 5rem;
	}

	span.pr_selctPrice {
		padding-left: 3rem;
	}

	/* 2022-05-24 네이버페이 추가 후 수정
	ul.pr_btns02{width: 100%;}
	ul.pr_btns02 li.naverpay{width: 100%;}
	 //2022-05-24 네이버페이 추가 후 수정*/

	/* 인스타 썸네일 추가 2022-05-26 */
	ul.insta_thumb>li.insta_more_btn {
		right: 0;
	}

	/* preorder 쿠폰 추가 2023-01-19 */
	.tbl_info .flex50 {
		flex-wrap: wrap;
	}

	.tbl_info .flex50>div {
		width: 100%;
	}

	.tbl_info .flex50>div.pre_couponWrap {
		flex-wrap: nowrap;
		margin-top: 2rem;
	}

	.tbl_info .flex50>div.pre_couponWrap .pop_coupon02 {
		margin: 0 0 0 1rem;
	}

	/* 테이블 리스트 (mypage-board+) */
	.tbl_wrap thead th {
		padding: 1rem;
		font-size: 1.4rem;
	}

	.tbl_wrap tbody td.tbl_subject {
		padding: 2rem 1rem;
	}

	/* order form */
	.orderFormInfo table td div.of_emailWrap>span,
	.orderFormInfo table td div.of_emailWrap>select {
		display: inline-block
	}

	.orderFormInfo table td div.of_emailWrap>span input,
	.orderFormInfo table td div.of_emailWrap>span em {
		width: 100%;
	}

	.orderTxt,
	.orderTxt_long {
		width: 99%;
	}

	.orderForm_address a.addressBook {
		display: none;
		/* 인스타그램링크에서 팝업작동안되서 모바일버전에선 아예 안나오도록 작업*/
	}

	/* collection */
	/*.features_wrap h5{font-size: 6rem;}*/

	/* 주문취소 */
	.letscancel {
		padding: 0;
	}

	/* 타임세일 */
	.onTime .contents_wrap {
		width: 80%;
	}

	.onTime .contents_wrap ul.productsWrap li {
		width: 33.33%;
	}
}


/* 테블릿 세로 (해상도 960px)
------------------------------------------------------ */
@media all and (max-width:960px) {

	.superSub {
		padding: 2rem 5%;
	}

	/* 메인 */
	.contents {
		margin: 0 auto;
		box-sizing: border-box;
		padding: 0 5%;
	}

	ul.productsWrap li {
		width: 50%;
		margin-bottom: 12rem;
	}

	.price {
		opacity: 1;
		top: auto;
		margin-top: 0;
		left: 0;
		transform: none;
	}

	/* sub */
	.directory {
		padding: 2rem 5%;
	}

	.sideNav ul li {
		padding-bottom: 4rem;
	}

	.sideNav ul li a {
		font-size: 2.3rem;
	}

	.subTop {
		padding-bottom: 2rem;
	}

	/* news */
	.newsWrap li {
		width: 49%;
	}

	.newsWrap li:nth-child(4n) {
		float: left;
		margin-right: 1%;
	}

	.newsWrap li:nth-child(2n) {
		float: right;
		margin-right: 0;
	}

	.newsWrap .txtWrap {
		padding: 2rem 5% 0;
	}

	.newsWrap .txtWrap .tit {
		font-size: 2.4rem;
	}

	.newsWrap .txtWrap .txt,
	.newsWrap .txtWrap .date {
		font-size: 1.6rem;
		padding-top: 10px;
		line-height: 1.3;
	}

	/* 제품상세 */
	.contents_wrap02 {
		padding: 0;
	}

	.contents_left,
	.contents_right {
		padding: 0;
	}

	.ez-slider {
		margin: 0 auto 20px auto;
	}

	ul.pr_btns li {
		margin-bottom: 3rem;
	}

	ul.pr_color li,
	ul.pr_size li {
		width: 6rem;
		height: 6rem;
		margin-bottom: 0;
	}

	ul.pr_size li>a {
		line-height: 5rem;
	}

	ul.pr_info li.que,
	ul.pr_info li.ans {
		width: 100%;
		/*  margin-bottom: 2rem; */
	}

	p.pr_chart {
		margin-top: 0;
	}

	.m_contents_modelLook {
		padding: 2rem 0;
	}

	.pr_review {
		padding: 0;
	}

	.search_wrap {
		display: none;
	}

	.m_search_wrap {
		display: block;
	}

	.m_search_wrap .select_box,
	.m_search_wrap .search_box {
		float: left;
		width: 23%;
	}

	.m_search_wrap .select_box select {
		display: block;
		width: 100%;
		height: 4rem;
		cursor: pointer;
		font-size: 1.4rem;
		box-sizing: border-box;
		font-weight: bold;
		border: none;
		border-bottom: 1px solid #000;
	}

	.m_search_wrap input[type="text"] {
		float: left;
		padding: 0 5px;
		box-sizing: border-box;
		border: none;
		display: block;
		height: 4rem;
		border-left: 0;
		width: 51%;
		margin: 0 1%;
		border-bottom: 1px solid #000;
	}

	.m_search_wrap .search_box button {
		background: #fff;
		color: #000;
		border: 1px solid #000;
		display: block;
		font-size: 1.5rem;
		padding: 0 1.2rem;
		font-weight: bold;
		width: 100%;
		height: 4rem;
	}

	/* collection */
	.features_wrap h5 {
		/*font-size: 5rem; left: 5%;*/
		bottom: 5%;
	}

	.featuresView_wrap img {
		width: 50%;
	}

	/* 인스타 썸네일 추가 2022-05-26 */
	.insta_popup>.insta_thumb02 {
		height: 70vh;
	}

	.insta_popup>.insta_thumb02 li {
		width: 25%;
	}

	.insta_thumb02 .chartPop_close {
		bottom: -4rem !important;
		padding: 0.3rem 2rem;
		font-size: 1.5rem;
	}

	/* 타임세일 */
	.onTime>.layout {
		flex-direction: column;
	}

	.onTime .timeSale_wrap {
		width: 100%;
		padding-right: 0;
		margin-bottom: 2rem;
		top: 5.5rem;
	}

	.onTime .contents_wrap {
		width: 100%;
	}

	.onTime .contents_wrap ul.productsWrap li {
		width: 50%;
	}

	.onTime .timeSale_wrap .timer_p h3 {
		display: inline-block;
		margin-right: 1rem;
	}

	.onTime .timeSale_wrap .timer_p {
		position: relative;
		padding: 2rem 0;
	}

	.onTime .timeSale_wrap .timeSale_list {
		display: none;
	}

	.onTime .timeSale_wrap .timer_p .ts_list_btn {
		display: inline-block;
		position: absolute;
		top: 2.8rem;
		right: 2rem;
		font-size: 2rem;
		transform: rotate(90deg);
		cursor: pointer;
	}
}

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

	.contents_wrap {
		min-height: 70vh;
	}

	.contents_wrap.listflex_wrap {
		min-height: auto;
	}

	.size-chart {
		font-size: 1.6rem;
	}

	/* 제품상세 */
	.chart_popup .chartPop {
		width: 90%;
	}

	.chart_popup .chartPop table thead th {
		padding: 1rem 0;
	}

	.chart_popup .chartPop table thead th,
	.chart_popup .chartPop table tbody th,
	.chart_popup .chartPop table tbody td {
		font-size: 1.2rem;
	}

	ul.pr_info li {
		font-size: 1.45rem;
	}

	ul.pr_info li.que,
	p.pr_chart {
		margin-top: 0;
	}

	ul.pr_info li.que a,
	p.pr_chart {
		font-size: 1.6rem;
	}

	p.pr_chart {
		margin-bottom: 2rem;
	}

	ul.pr_info li.ans {
		margin-bottom: 1rem;
	}

	/* 제품상세 > REVIEWS */
	tr.review_detail p img {
		width: 100%;
	}

	/* orders */
	.ordersInfoWrap>div.ordersLeft,
	.ordersInfoWrap>div.ordersRight {
		width: 100%;
	}

	.ordersInfoWrap>div.ordersLeft {
		margin-bottom: 3rem;
	}

	/* details */
	table.profileEdit_tbl th,
	table.profileEdit_tbl td {
		padding: 1rem;
	}

	.profileEdit_tbl span {
		display: block;
		padding-top: .8rem;
	}

	/* details pwd2 */
	.view_pwd>ul {
		width: 35rem;
	}

	/* faq */
	.guide_wrap ul li {
		font-size: 1.5rem;
	}

	/* order form */
	.orderForm_pr p {
		font-size: 1.4rem;
	}

	/* news detail */
	.detail_img .detail_v {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}

	.detail_content {
		width: 100% !important;
		transform: translateX(0%) !important;
	}

	/* search */
	#ui-id-2 {
		z-index: 9999;
	}
}






/* max-width: 640px
------------------------------------------------------ */
@media screen and (max-width:640px) {
	.superSub {
		flex-wrap: wrap;
	}

	.sideNav {
		width: 100%;
		margin-bottom: 3rem;
	}

	.sideNav ul {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}

	.sideNav ul li {
		width: 33.333%;
		padding-bottom: 0;
		margin-bottom: 3rem;
		position: relative;
		text-align: center;
	}

	.sideNav ul li:before {
		content: '';
		position: absolute;
		width: 1px;
		height: 1.5rem;
		background: #000;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	.sideNav ul li:nth-child(3n+1):before {
		display: none;
	}

	.subWrap {
		width: 100%;
	}

	.viewTbl_wrap td {
		padding: 0;
	}

	/* 메인 */
	.price a h3 {
		font-size: 2rem;
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-line-clamp: 2;
		word-break: break-word;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	/* sub */
	.sideNav ul li a {
		font-size: 2rem;
		letter-spacing: -.5px;
	}

	/* news */
	.newsWrap li {
		width: 100%;
		padding-right: 0;
	}

	/* 	.newsWrap li:nth-child(even){padding-left: 0; margin-top: 5rem;} */
	.newsWrap .txtWrap {
		padding: 2rem 5% 0;
	}

	/* detail edit */
	table.profileEdit_tbl th,
	table.profileEdit_tbl td {
		padding: 1rem 0;
	}

	/* 제품상세 */
	.pr_review {
		display: block;
	}

	.pr_review colgroup {
		display: none;
	}

	.pr_review table td:nth-child(n+3) {
		display: none;
	}

	.pr_review table td {
		display: inline-block;
		width: 15%;
		font-size: 1.4rem;
		/* overflow:hidden; white-space: nowrap; text-overflow: ellipsis; */
	}

	/* 왜 15%인지 모르겠어서 리뷰 없을때 맞추기 위해 일단 이렇게 추가 */
	.pr_review table td[colspan="4"] {
		width: 100%;
	}

	.pr_review table tr.review_title td:nth-child(2) {
		width: 85%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	tr.review_detail td {
		width: 100%;
	}

	tr.review_detail p {
		font-size: 1.5rem;
	}

	.pr_select .pr_number {
		position: unset;
	}

	.m_contents_modelLook img {
		width: 100%;
	}

	/* 인스타 썸네일 추가 2022-05-26 */
	.insta_popup>.insta_thumb02 {
		width: 80%;
		top: 48%;
	}

	.insta_popup>.insta_thumb02 li {
		width: 50%;
	}

	.insta_thumb02 .chartPop_close {
		bottom: -4rem !important;
		padding: 1rem 3rem;
	}


	/* 테이블 리스트 (mypage-board+) */
	.m_search_wrap {
		margin: 2rem 0 0;
	}

	.tbl_wrap table {
		margin-bottom: 5rem;
	}

	.tbl_wrap thead {
		display: none;
	}

	.tbl_wrap tbody {
		border-top: 2px solid #000;
	}

	.tbl_wrap tbody td.tbl_subject {
		font-size: 1.6rem;
	}

	/* review list */
	.tbl_review colgroup {
		display: none;
	}

	.tbl_review tbody td:nth-child(n+5) {
		display: none;
	}

	.tbl_review tbody td:nth-child(1) {
		width: 5%;
	}

	.tbl_review tbody td:nth-child(2) {
		width: 20%;
	}

	.tbl_wrap tbody td.tbl_subject p {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* cart 에서 추가 */

	/* .tbl_wrap tbody td.tbl_subject.only4cart{padding-bottom: 6rem;} */
	.tbl_wrap tbody tr td.cartRight {
		vertical-align: top;
		padding: 2.5rem .3rem;
		position: relative;
	}

	.number-input {
		margin-top: 0;
		padding-right: 0;
		position: absolute;
		bottom: 2rem;
		right: 0;
	}

	.tbl_wrap input[type="checkbox"] {
		width: 1.2rem;
	}

	.list_del {
		padding-right: 0;
	}

	.list_del a {
		font-size: 1.6rem;
		display: block;
		text-align: right;
	}

	.list_del a i {
		text-align: right;
		display: block;
		padding-right: 0 !important;
	}

	.list_del span {
		display: none;
	}

	.list_btns,
	.preOrder_btns {
		justify-content: center;
	}

	.list_btns li,
	.preOrder_btns li {
		flex: 1 0 auto;
	}

	.list_btns li.left {
		margin: 0;
	}

	/* wishlist 에서 추가 */
	.list_btns li.txtb4Btns {
		font-size: 1.45rem;
	}

	/* details*/
	.tbl_wrap table.profileEdit_tbl tbody td.tbl_subject {
		padding: 2rem 1rem;
		display: flex;
		width: 100%;
	}

	table.profileEdit_tbl td.long input {
		width: 100%;
	}

	.details_tbl colgroup col:first-child {
		width: 30% !important;
	}

	.profileEdit_tbl span {
		font-size: 1.3rem;
		word-break: keep-all;
	}

	.details_btns {
		justify-content: center;
	}

	.details_btns li:first-child {
		margin-right: unset;
	}

	table.profileEdit_tbl td.email select {
		width: 100%;
	}

	/* details pwd2 */
	.view_pwd>ul {
		width: 100%;
	}

	/* orders view */
	.list_btns_P {
		font-size: 1.3rem;
	}

	.ordersInfoWrap {
		margin-top: 2rem;
	}

	/* faq */
	.guide_tabs {
		margin-bottom: 3rem;
		border-bottom: 1px solid #000;
	}

	.guide_tabs li {
		display: block;
		border-right: 1px solid #000;
		border-bottom: none;
	}

	.guide_wrap ul li.que span {
		display: none;
	}

	.guide_wrap ul li.ans {
		padding: 2rem;
	}

	.guide_tabs.board_tabs {
		margin-bottom: 0;
		border-bottom: 0;
	}

	.guide_tabs.board_tabs li {
		display: table-cell;
	}

	/* collection list */
	.features_wrap li {
		width: 100%;
		padding: 0;
	}

	/* collection view */
	.features_wrap {
		width: 100%;
	}

	.features_wrap li {
		width: 100%;
		padding: 0;
		margin: 0;
	}

	/* qna wirte */
	.write_tbl table colgroup {
		display: none;
	}

	.write_tbl tbody tr {
		display: block;
	}

	.write_tbl tbody th {
		display: none;
	}

	.write_tbl tbody td {
		display: block;
		width: 100%;
	}

	.write_tbl tbody td input,
	.write_tbl tbody td select {
		width: 100%;
		height: 5rem;
		line-height: 5rem;
		padding: 0 1rem;
		font-size: 1.5rem;
	}

	input#write_pwd::placeholder {
		color: #999;
	}

	.write_tbl tbody td select,
	.write_tbl tbody td select option {
		background: #fff;
	}

	.write_tbl tbody td textarea,
	.write_tbl tbody td.writeReview_Tit input {
		width: 100%;
	}

	.qna_btn {
		width: 100%;
	}

	.list_btns.write_btns {
		display: table;
	}

	tr.write_tit_wrap td div.write_category {
		width: 24%;
	}

	tr.write_tit_wrap td div.wirte_typeTit {
		width: 74%;
	}

	/* 가이드 */
	.guide_wrap colgroup {
		display: none;
	}

	.guide_wrap table th,
	.guide_wrap table td {
		display: inline-block;
		width: 75%;
		padding: 1.2rem .5rem;
	}

	.guide_wrap table th {
		width: 25%;
		word-break: keep-all;
	}

	/* order form */
	.orderFormInfo table th {
		font-size: 1.2rem;
		width: 24%;
	}

	.orderFormInfo table td {
		padding-left: 1rem;
		box-sizing: border-box;
	}

	.orderForm_address span:first-child {
		display: block;
	}

	.payment01 table colgroup,
	.payment02 table colgroup {
		display: none;
	}

	.payment01 table th,
	.payment02 table th {
		width: 20%;
	}

	.of_email01 {
		width: 45.3%;
	}

	.of_email02 {
		width: 46%;
	}

	.of_email03 {
		display: block;
		width: 99%;
		margin-top: 1rem;
	}

	.of_at {
		width: 6%;
		text-align: center;
	}

	span.paymethod {
		width: 49%;
		margin: 0 0 1.5rem 0;
		display: inline-block;
		font-size: 1.5rem;
	}

	.orderFormInfo td input[type="text"] {
		width: 100%;
	}

	.cashOption select {
		width: 100%;
		margin-bottom: 1rem;
	}

	.order_coupon input[type="text"] {
		width: 80% !important;
	}

	.oc_btn {
		padding-left: 0;
	}

	.cashWrap {
		margin-bottom: 1rem;
	}

	/* preOrder form */
	#preOrderMemo {
		text-align: right;
	}

	/* coupon */
	.coupon_add {
		width: 100%;
	}

	.coupon_add label {
		width: 100%;
	}

	.coupon_add input {
		width: 100%;
		font-size: 1.6rem;
		height: 5rem;
		line-height: 5rem;
	}

	.coupon_add button {
		height: 5rem;
		padding: 0 3rem;
		font-size: 1.6rem;
	}

	/* 게시물 view */
	.viewTbl_wrap td {
		padding: 3rem 0;
	}

	/* 리뷰 착용제품 정보 2022-12-09 */
	.review_info h3 {
		margin: 6rem 0 2rem;
		text-align: left;
	}

	.review_info h3 b {
		border-bottom: 0;
	}

	.review_info .pr a {
		display: block;
		text-align: center;
	}

	.review_info .pr .pic {
		border-bottom: 0;
		border-right: 1px solid #000;
	}

	.review_info .pr .pic .list_img {
		max-width: unset;
	}

	/* preorder 쿠폰 추가 2023-01-19 */
	.tbl_info .flex50>div.pre_couponWrap {
		flex-wrap: wrap;
		margin-top: 2rem;
	}

	.tbl_info .flex50>div.pre_couponWrap .pop_coupon02 {
		margin: 1rem 0 0 0;
	}

	/* store */
	.storeWrap {
		width: 100%;
	}

	.storeWrap li {
		width: 100%;
		margin: 0 0 5rem;
	}

	/* timeSale 타임세일 */
	.onTime .timeSale_wrap ul.timeSale_list li>a {
		display: unset;
	}

	.offTime {
		padding: 10rem 0 10rem 3rem;
	}

	.offTime .timeSchedule_wrap {
		display: inline-block;
	}

	.offTime .timeSchedule_wrap>h3 {
		margin: 0 0 3rem 0;
	}

	.offTime .timeSchedule ul.schedule_list li {
		padding: 2rem 2rem 4rem 6rem;
	}
}