.bg__wrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0);
}
/* main */
body._scroll_lock {
	overflow: hidden;
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
body.main::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
.main__contents {
	padding-top: 40px;
	transition: padding-top 0.3s;
}
body._hide_topbanner .main__contents {padding-top: 0;}

.vertical-slider-box {
	height: calc(100vh - 40px);
	transition: height 0.3s;
}
body._hide_topbanner .vertical-slider-box {height: 100vh;}

.main__contents .lookbook-list-box {
	/*position: sticky;
	top: 20px;
	z-index: 9;*/
	transition: top 0.3s;
}
body._hide_topbanner .main__contents .lookbook-list-box {top: 0;}
.lookbook-list-box ul li .photo {
	height: calc(100vh - 40px);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;

	transition: height 0.3s;
}
body._hide_topbanner .lookbook-list-box ul li .photo {height: 100vh;}
.lookbook-list-box ul li {
	position: relative;
	top: 0;
	left: 0;
}
.lookbook-list-box ul li .info {
	position: absolute;
	bottom: 77px;
	left: 50%;
	max-width: 1500px;
	width: 100%;
	padding: 0 30px;
	box-sizing: border-box;
	transform: translateX(-50%);
}
.lookbook-list-box ul li .info .tit {
	font-family: 'Granary-Light', sans-serif;
	font-weight: 400;
	font-size: 50px;
	color: rgb(255,255,255);
	line-height: 50px;
}
.lookbook-list-box ul li .info .txt {
	margin-top: 6px;
	font-weight: 700;
	font-size: 18px;
	color: rgb(255,255,255);
	line-height: 26px;
}
.lookbook-list-box ul li img {width: 100%;}
.lookbook-list-box ul li a {display: block;}

.main__contents .banner-list-box {
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;
}
.banner-list-box ul li .photo {
	height: calc(100vh - 40px);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;

	transition: height 0.3s;
}
body._hide_topbanner .banner-list-box ul li .photo {height: 100vh;}
.banner-list-box ul li {
	position: relative;
	top: 0;
	left: 0;
}
.banner-list-box ul li .info {
	position: absolute;
	bottom: 77px;
	left: 50%;
	max-width: 1500px;
	width: 100%;
	padding: 0 30px;
	box-sizing: border-box;
	transform: translateX(-50%);
}
.banner-list-box ul li .info .tit {
	font-family: 'Granary-Light', sans-serif;
	font-weight: 400;
	font-size: 50px;
	color: rgb(255,255,255);
	line-height: 50px;
}
.banner-list-box ul li .info .txt {
	margin-top: 6px;
	font-size: 18px;
	color: rgb(255,255,255);
	line-height: 26px;
}
.banner-list-box ul li img,
.banner-list-box ul li video {width: 100%;}
.banner-list-box ul li a {display: block;}
.main__contents .banner-list-box ul li video {
	height: calc(100vh - 40px);
	object-fit: cover;
}

.item__layer {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 30;
	width: 100%;
	min-width: 1200px;
	background-color: rgb(255,255,255);
	box-shadow: 0px -2px 6px rgba(0,0,0,0.16); 

	visibility: hidden;
	opacity: 0;
	transform: translateY(100%);
	transition: visibility 0.3s, opacity 0.3s, transform 0.3s;
}
.item-layer--open .item__layer {
	visibility: visible;
	opacity: 1;
	transform: translateY(0%);
}
.item-layer--open .bg__wrap {display: block;}
body.item-layer--open #header {pointer-events: none;}
.item__layer .head {
	display: flex;
	justify-content: space-between;
	padding: 10px 40px 0;
}
.item__layer .head label {
	margin-top: 10px;
	padding-left: 26px;
	font-weight: 400;
	font-size: 12px;
	color: rgb(102,102,102);
	line-height: 16px;
}
.item__layer .head .close__btn {	
	display: block;
	width: 37px;
	height: 37px;
	margin-right: -10px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/common/ico_x_gr_17x17.png);
	font-size: 0;
}
.item__layer .con {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 40px;
	padding: 20px 0;
	border-top: 1px solid rgb(235,235,235);
}
.item__layer .con ul {
	/*display: grid;
	grid-column-gap: 30px;
	grid-template-columns: repeat(5,1fr);*/
	display: block;
	font-size: 0;
	white-space: nowrap;
}
.item__layer .con ul li {
	/*display: flex;
	grid-column: auto/span 1;
  grid-row: auto/span 1;*/
	display: inline-flex;
	vertical-align: top;
	width: 344px;
	margin-left: 30px;
}
.item__layer .con ul li:first-child {margin-left: 0;}
.item__layer .con ul li:last-child {margin-right: 0;}
.item__layer .con ul li a {display:block;}
.item__layer .con ul li img {width: 100%;}
.item__layer .con ul li .chk {width: 16px;}
.item__layer .con ul li .chk input:disabled + label:before {
	background-color: rgb(235,235,235);
	border-color: rgb(235,235,235);
}
.item__layer .con ul li .item-img {
	max-width: 120px;
	width: 100%;
	margin-left: 10px;
}
.item__layer .con ul li .item-info {
	display: flex;
	flex-direction: column;
	max-width: calc(100% - 146px);
	width: 100%;
	margin-left: 20px;
}
.item__layer .con ul li .item-info .wish__btn {
	display: flex;
	width: 14px;
	height: 13px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/common/ico_wish_off_20x17.png);
	background-size: 14px;
	font-size: 0;
}
.item__layer .con ul li .item-info .wish__btn.on {background-image: url(/pc/resource/images/common/ico_wish_on_28x25.png);}
.item__layer .con ul li .item-info .name {
	margin-top: 16px;
	font-weight: 400;
	font-size: 14px;
	color: rgb(102,102,102);
	line-height: 20px;
}
.item__layer .con ul li .item-info .price {margin-top: 2px;}
.item__layer .con ul li .item-info .price p {
	font-weight: 400;
	font-size: 12px;
	color: rgb(102,102,102);
}
.item__layer .con ul li .item-info .price .won {
	margin-left: 2px;
	font-size: 10px;
}
.item__layer .con ul li .item-info .select-box {margin-top: auto;}
.item__layer .con ul li .item-info .select-box select {
	width: 100%;
	height: 40px;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(/pc/resource/images/common/arr_up_gr_14x8.png);
	background-size: 14px;
	border: 0;
	border-bottom: 1px solid rgb(102,102,102);
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0;
	font-weight: 400;
	font-size: 12px;
	color: rgb(102,102,102);
}
.item__layer .swiper-scrollbar {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 1px;
	margin: 1px 0;
	background-color: rgb(204,204,204);
}
.item__layer .swiper-scrollbar .swiper-scrollbar-drag {
	top: -1px;
	height: 3px;
}
.item__layer .foot {
	display: flex;
	justify-content: flex-end;
	border-top: 1px solid rgb(235,235,235);
	box-sizing: border-box;
}
.item__layer .foot .total {
	display: flex;
	align-items: center;
}
.item__layer .foot .total .txt {
	font-weight: 500;
	font-size: 12px;
	color: rgb(102,102,102);
	line-height: 27px;
}
.item__layer .foot .total .num {
	margin-left: 28px;
	font-family: 'Granary-Medium', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: rgb(102,102,102);
}
.item__layer .foot .total .num .won {
	margin-left: 4px;
	font-weight: 700;
	font-size: 12px;
	color: rgb(102,102,102);
}
.item__layer .foot .btn-box {
	display: flex;
	margin-left: 30px;
}
.item__layer .foot .btn-box button {
	display: block;
	width: 160px;
	height: 60px;
	font-weight: 500;
	font-size: 18px;
}
.item__layer .foot .btn-box .cart__btn {
	color: rgb(102,102,102);
	background-color: rgb(235,235,235);
}
.item__layer .foot .btn-box .buy__btn {
	color: rgb(255,255,255);
	background-color: rgb(28,0,165);
}
/* //main */

/* product list */
.goods-list-box {
	width: 100%;
	min-width: 1200px;
	padding: 180px 40px 100px;
	box-sizing: border-box;

	transition: padding 0.3s;
}
.goods-list-box > h2 {
	margin-bottom: 54px;
    font-family: 'Granary-Medium', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: rgb(102,102,102);
    text-align: center;
}


.goods-list-box .head {
	display: flex;
	align-content: center;
	justify-content: space-between;
	align-items: center;
}
.goods-list-box .head .sort-box select {
	padding: 0 17px 0 0;
	background: none;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(/pc/resource/images/common/arr_up_gr_8x10.png);
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0;
	font-weight: 400;
	font-size: 12px;
	color: rgb(102,102,102);
	letter-spacing: 1.2px;
}
.goods-list-box .con {margin-top: 30px;}

.goods__list {
	display: grid;
	grid-column-gap: 20px;
	grid-row-gap: 80px;
	grid-template-columns: repeat(4,1fr);
}

.goods {
	grid-column: auto/span 1;
  grid-row: auto/span 1;
	overflow: hidden;
}
.goods a {display: block;}
.goods img {width: 100%;}
.goods .photo {
	position: relative;
	top: 0;
	left: 0;
}
.goods .photo .after {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	
	transition: opacity 0.3s, visibility 0.3s;
}
.goods:hover .photo .after {
	visibility: visible;
	opacity: 1;
}
.goods .info {
	position: relative;
	top: 0;
	left: 0;
	margin-top: 16px;
}
.goods .info .name {
	width: calc(100% - 30px);
	font-weight: 400;
	font-size: 14px;
	color: rgb(102,102,102);
}
.goods .info .price {
	display: flex;
	margin-top: 2px;
}
.goods .info .price p {
	font-weight: 400;
	font-size: 12px;
	color: rgb(102,102,102);
	letter-spacing: 1.2px;
}
.goods .info .price .sale {
	margin-left: 10px;
	color: rgb(28,0,165);
}
.goods .info .price ._sale {text-decoration: line-through;}
.goods .info .price .won {font-size: 10px;}
.goods .info .tag {
	display: flex;
	margin-top: 16px;
}
.goods .info .tag > p {
	display: flex;
	align-content: center;
  /*align-items: center;*/
	justify-content: center;
	height: 20px;
	margin-left: 5px;
	padding: 1px 4px 0;
	border: 1px solid rgb(28,0,165);
	box-sizing: border-box;
	font-weight: 400;
	font-size: 10px;
	letter-spacing: 1px;
}
.goods .info .tag > p:first-child {margin-left: 0;}
.goods .info .tag > p._type_bg {
	background-color: rgb(28,0,165);
	color: rgb(255,255,255);
}
.goods .info .tag > p._type_line {
	background-color: rgb(255,255,255);
	color: rgb(28,0,165);
}
.goods .info .tag > p._type_line_gr {
	min-width: 48px;
	background-color: rgb(255,255,255);
	border-color: rgb(102,102,102);
	color: rgb(102,102,102);
}
.goods .info .wish__btn {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 14px;
	height: 13px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/common/ico_wish_off_20x17.png);
	background-size: 14px;
	font-size: 0;
}
.goods .info .wish__btn.on {background-image: url(/pc/resource/images/common/ico_wish_on_28x25.png);}


.goods__list li.banner {
	grid-column: auto/span 2;
  grid-row: auto/span 1;
}
.goods__list li.banner a {
	position: relative;
	top: 0;
	left: 0;
}
.goods__list li.banner img {width: 100%;}
.goods__list li.banner .info {
	width: 100%;
	padding: 0 30px;
	position: absolute;
	bottom: 30px;
	left: 0;
	z-index: 4;
	box-sizing: border-box;
}
.goods__list li.banner .info .tit {
	font-family: 'Granary-Bold';
	font-weight: 400;
	font-size: 24px;
	color: rgb(255,255,255);	
	word-break:keep-all;
}
.goods__list li.banner .info .desc {color: rgb(255,255,255);}
.goods__list li.banner .info .desc.eng {
	font-family: 'PassengerDisplay-Italic';
	font-weight: 400;
	font-size: 25px;
	line-height: 1;
}
.goods__list li.banner .info .desc.kor {
	margin: 6px 0 0;
	font-family: 'Nanum Myeongjo';
	font-weight: 800;
	font-size: 19px;
	font-style: italic;
}
.goods__list li.banner .info .desc.eng + .view__btn {margin: 10px 0 0;}
.goods__list li.banner .info .desc.kor + .view__btn {margin: 12px 0 0;}
.goods__list li.banner .info .view__btn {
	width: 158px;
	height: 38px;
	display: block;
	margin-top: 5px;
	padding: 0 14px;
	font-weight: 700;
	font-size: 14px;
	color: rgb(255,255,255);
	line-height: 38px;
	background-color: rgb(28,0,165);
	background-repeat: no-repeat;
	background-position: calc(100% - 17px) center;
	background-image: url(/pc/resource/images/common/arr_right_bl_30x9.png);
	box-sizing: border-box;

	-webkit-transition: background 0.3s, color 0.3s;
	-ms-transition: background 0.3s, color 0.3s;
	transition: background 0.3s, color 0.3s;
}
.goods__list li.banner .info .view__btn:hover {
	color: rgb(255,255,255);
	background-color: rgb(85,156,212);
}
/* //product list */

/* product view */
.goods-view-box {}
.goods-view-box .sticky-box:after {
	content: '';
	display: block;
	clear: both;
}
.goods-view-box .photo-box {
	float: left;
	width: 50%;
}
.goods-view-box .photo-box img {width: 100%;}
.goods-view-box .goods-info-box {
	display: flex;
	align-content: center;
	justify-content: flex-start;
	/*align-items: center;*/
	float: left;
	position: sticky;
	top: 20px;
	width: 50%;
	min-height: 100vh;
	padding-top: 190px;
	box-sizing: border-box;
	transition: top 0.3s;
}
body._hide_topbanner .goods-view-box .goods-info-box {top: 0;}
.goods-view-box .goods-info-box > .inner {
	max-width: 720px;
	width: 100%;
	padding: 0 40px;
	box-sizing: border-box;
}
.goods-view-box .goods-info-box .top {
	position: relative;
	top: 0;
	left: 0;
}
.goods-view-box .goods-info-box .top .goods-code {
	font-family: 'Granary-Regular', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: rgb(102,102,102);
}
.goods-view-box .goods-info-box .top .goods-name {
	margin-top: 17px;
	font-weight: 400;
	font-size: 24px;
	color: rgb(102,102,102);
}
.goods-view-box .goods-info-box .top .price {
	display: flex;
	margin-top: 8px;
}
.goods-view-box .goods-info-box .top .price p {
	font-weight: 400;
	font-size: 18px;
	color: rgb(28,0,165);
	letter-spacing: 1.8px;
}
.goods-view-box .goods-info-box .top .price ._sale {
	position: relative;
	top: 0;
	left: 0;
	margin-right: 10px;
	color: rgb(102,102,102);
}
.goods-view-box .goods-info-box .top .price ._sale:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: rgb(102,102,102);
	content: '';
}
.goods-view-box .goods-info-box .top .price .won {
	margin-left: 3px;
	font-size: 14px;
	letter-spacing: 1.4px;
}
.goods-view-box .goods-info-box .top .txt-box {margin-top: 20px;}
.goods-view-box .goods-info-box .top .txt-box * {
	font-weight: 300;
	font-size: 16px;
	color: rgb(102,102,102);
	line-height: 22px;
}
.goods-view-box .goods-info-box .top .txt-box .txt-detail {display: none;}
.goods-view-box .goods-info-box .top .txt-box.open .txt-detail {display: block;}
.goods-view-box .goods-info-box .top .txt-box .btn-box {
	display: flex;
	justify-content: flex-end;
	margin-top: 7px;
}
.goods-view-box .goods-info-box .top .txt-box .txt-box__btn {
	padding-left: 13px;
	position: relative;
	top: 0;
	left: 0;	
}
.goods-view-box .goods-info-box .top .txt-box .txt-box__btn:before,
.goods-view-box .goods-info-box .top .txt-box .txt-box__btn:after {
	position: absolute;
	top: calc(50% + 2px);
	left: 0;
	background-color: rgb(235,235,235);
	transform: translateY(-50%);
	content: '';
}
.goods-view-box .goods-info-box .top .txt-box .txt-box__btn:before {
	width: 9px;
	height: 1px;
}
.goods-view-box .goods-info-box .top .txt-box .txt-box__btn:after {
	width: 1px;
	height: 9px;
	left: 4px;
}
.goods-view-box .goods-info-box .top .txt-box.open .txt-box__btn:after {display: none;}
.goods-view-box .goods-info-box .top .txt-box .txt-box__btn span:before {
	font-weight: 500;
	font-size: 12px;
	color: rgb(102,102,102);
	text-decoration: underline;
	content: attr(data-open-txt);
}
.goods-view-box .goods-info-box .top .txt-box.open .txt-box__btn span:before {content: attr(data-close-txt);}
.goods-view-box .goods-info-box .top .top-btn-box {
	display: flex;
	position: absolute;
	top: -10px;
	right: -10px;
}
.goods-view-box .goods-info-box .top .top-btn-box button {
	display: block;
	width: 38px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 0;
}
.goods-view-box .goods-info-box .top .top-btn-box .share__btn {
	background-image: url(/pc/resource/images/common/ico_share_gr_18x20.png);
}
.goods-view-box .goods-info-box .top .top-btn-box .wish__btn {
	background-image: url(/pc/resource/images/common/ico_wish_off_20x17.png);
	background-size: 20px;
}
.goods-view-box .goods-info-box .top .top-btn-box .wish__btn.on {
	background-image: url(/pc/resource/images/common/ico_wish_on_28x25.png);
}

.goods-option-box {}
.goods-option-box > div {
	display: flex;
	margin-top: 40px;
}
.goods-option-box > div:first-child {margin-top: 0;}
.goods-option-box .tit {
	width: 92px;
	font-weight: 500;
	font-size: 14px;
	color: rgb(102,102,102);
}
.goods-option-box > div > div {
	display: flex;
	width: calc(100% - 92px);
}
.goods-option-box ._color ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: -12px;
}
.goods-view-box .goods-option-box ._color ul {width: 100%;}
.goods-option-box ._color ul li {
	width: calc((100% + 12px) / 8 - 12px);
	margin: 12px 12px 0 0;
}
.goods-option-box ._color ul li:nth-child(8n) {margin-right: 0;}
.goods-option-box ._color ul li a {
	display: block;
	position: relative;
	top: 0;
	left: 0;
}
.goods-option-box ._color ul li a:before {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid rgb(28,0,165);
	box-sizing: border-box;
	content: '';
}
.goods-option-box ._color ul li.on a:before {display: block;}
.goods-option-box ._color ul li img {width: 100%;}

.goods-option-box ._size .tit {
	display: flex;
	align-items: center;
	height: 40px;
}
.goods-option-box ._size > div {flex-direction: column;}
.goods-option-box ._size .size-btn-box ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: -10px;
}
.goods-option-box ._size .size-btn-box ul li {
	width: calc((100% + 10px) / 5 - 10px);
	margin: 10px 10px 0 0;
}
.goods-option-box ._size .size-btn-box ul li:nth-child(5n) {margin-right: 0;}
.goods-option-box ._size .size-btn-box ul li input {
	position: absolute;
	z-index: -9999;
	opacity: 0;
}
.goods-option-box ._size .size-btn-box ul li label {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 40px;
	border: 1px solid rgb(112,112,112);
	box-sizing: border-box;
	cursor: pointer;
	font-weight: 400;
	font-size: 12px;
	color: rgb(102,102,102);
}
.goods-option-box ._size .size-btn-box ul li input:checked + label {
	border: 2px solid rgb(28,0,165);
	color: rgb(28,0,165);
}
.goods-option-box ._size .size-btn-box ul li input:disabled + label {
	border-color: rgb(204,204,204);
	color: rgb(204,204,204);
}
.goods-option-box ._size .layer-btn-box {
	display: flex;	
  justify-content: space-between;
	margin-top: 17px;
}
.goods-option-box ._size .layer-btn-box > div {display: flex;}
.goods-option-box ._size .layer-btn-box button {
	margin-left: 20px;
	font-weight: 500;
	font-size: 14px;
	color: rgb(102,102,102);
	text-decoration: underline;
}
.goods-option-box ._size .layer-btn-box button:first-child {margin-left: 0;}

.goods-option-box ._qty .tit {
	display: flex;
	align-items: center;
	height: 40px;
}
.goods-option-box ._qty > div {justify-content: space-between;}
.goods-option-box ._qty .qty-box {
	display: flex;
	width: 228px;
	height: 40px;
	border: 1px solid rgb(112,112,112);
	box-sizing: border-box;
}
.goods-option-box ._qty .qty-box button {
	position: relative;
	top: 0;
	left: 0;
	width: 34px;
	height: 38px;
	font-size: 0;
}
.goods-option-box ._qty .qty-box button:before,
.goods-option-box ._qty .qty-box button:after {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: rgb(112,112,112);
	transform: translate(-50%, -50%);
	content: '';
}
.goods-option-box ._qty .qty-box button:before {
	width: 14px;
	height: 2px;
}
.goods-option-box ._qty .qty-box button:after {
	width: 2px;
	height: 14px;
}
.goods-option-box ._qty .qty-box .minus__btn:after {display: none;}
.goods-option-box ._qty .qty-box input {
	width: calc(100% - 68px);
	height: 38px;
	background: none;
	border: 0;
	outline: 0;
	font-family: 'Granary-Bold', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: rgb(102,102,102);
	text-align: center;
}
.goods-option-box ._qty .total {
	display: flex;
	align-items: center;
	height: 40px;
}
.goods-option-box ._qty .total .txt {
	font-weight: 500;
	font-size: 14px;
	color: rgb(102,102,102);
}
.goods-option-box ._qty .total .num {
	margin-left: 30px;
	padding-top: 4px;
	font-family: 'Granary-Medium', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: rgb(102,102,102);
	letter-spacing: 1.8px;
}
.goods-option-box ._qty .total .won {
	margin: 0 0 0 2px;
	font-family: 'Noto Sans Korean', sans-serif;
	font-weight: 500;
	font-size: 14px;
}

.goods-view-box .goods-info-box .goods-option-box {margin-top: 35px;}
.goods-view-box .goods-info-box .goods-btn-box {
	display: flex;
	margin-top: 40px;
}
.goods-view-box .goods-info-box .goods-btn-box button {
	width: 50%;
	height: 40px;
	font-weight: 500;
	font-size: 16px;
}
.goods-view-box .goods-info-box .goods-btn-box .cart__btn {
	background-color: rgb(235,235,235);
	color: rgb(102,102,102);
}
.goods-view-box .goods-info-box .goods-btn-box .buy__btn {
	background-color: rgb(28,0,165);
	color: rgb(255,255,255);
}

.goods-view-box .goods-info-box .top .txt-box .layer-btn-box {
	display: none;
	margin-top: 10px;
	border-top: 1px solid rgb(102,102,102);
}
.goods-view-box .goods-info-box .top .txt-box.open .layer-btn-box {display: block;}
.goods-view-box .goods-info-box .top .txt-box .layer-btn-box .today-benefit {display: flex;}
.goods-view-box .goods-info-box .top .txt-box .layer-btn-box .today-benefit > div {
	display: flex;
	align-items: center;
	position: relative;
	top: 0;
	left: 0;
	width: 50%;
	padding: 15px 0 17px 20px;
}
.goods-view-box .goods-info-box .top .txt-box .layer-btn-box .today-benefit > div:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 13px;
	background-color: rgb(204,204,204);
	transform: translateY(-50%);
	content: '';
}
.goods-view-box .goods-info-box .top .txt-box .layer-btn-box .today-benefit > div:first-child {padding-left: 0;}
.goods-view-box .goods-info-box .top .txt-box .layer-btn-box .today-benefit > div:first-child:before {content: none;}
.goods-view-box .goods-info-box .top .txt-box .layer-btn-box .today-benefit > div > button {
	width: 72px;
	background-repeat: no-repeat;
	background-position: right calc(50% + 1px);
	background-image: url(/pc/resource/images/common/ico_i_gr_15x15.png);
	font-weight: 700;
	font-size: 14px;
	color: rgb(102,102,102);
	text-align: left;
}
.goods-view-box .goods-info-box .top .txt-box .layer-btn-box .today-benefit > div > div {
	width: calc(100% - 92px);
	margin-left: 20px;
}
.goods-view-box .goods-info-box .top .txt-box .layer-btn-box .today-benefit > div .txt {
	font-weight: 400;
	font-size: 14px;
	color: rgb(102,102,102);
}
.goods-view-box .goods-info-box .top .txt-box .layer-btn-box .etc {
	display: flex;
	flex-wrap: wrap;
	padding: 15px 0 17px;
	border-top: 1px solid rgb(102,102,102);
}
.goods-view-box .goods-info-box .top .txt-box .layer-btn-box .etc button {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 28px 0 0;
	padding-left: 13px;
	font-weight: 500;
	font-size: 14px;
	color: rgb(102,102,102);
}
.goods-view-box .goods-info-box .top .txt-box .layer-btn-box .etc button:before,
.goods-view-box .goods-info-box .top .txt-box .layer-btn-box .etc button:after {
	position: absolute;
	top: 50%;
	left: 0;
	background-color: rgb(235,235,235);
	transform: translateY(-50%);
	content: '';
}
.goods-view-box .goods-info-box .top .txt-box .layer-btn-box .etc button:before {
	width: 9px;
	height: 1px;
}
.goods-view-box .goods-info-box .top .txt-box .layer-btn-box .etc button:after {
	width: 1px;
	height: 9px;
	left: 4px;
}


.recommend-box {
	padding: 100px 40px 88px;
}
.recommend-box .tit {
	font-family: 'Granary-Medium', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: rgb(102,102,102);
	text-align: center;
}
.recommend-box > div {margin-top: 54px;}
/* //product view */



/* layer */

/* 공통 */
.common__layer {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
}
.common__layer .layer-bg__wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
}
.common__layer > .inner {
	position: fixed;
	top: 50%;
	left: 50%;
	padding: 17px 30px 30px;
	background-color: rgb(255,255,255);
	box-sizing: border-box;
	transform: translate(-50%, -50%);
}
.common__layer .head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}
.common__layer .head .tit {
	font-weight: 500;
	font-size: 14px;
	color: rgb(102,102,102);
}
.common__layer .head .close__btn {
	width: 37px;
	height: 37px;
	margin-right: -10px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/common/ico_x_gr_17x17.png);
	font-size: 0;
}
.common__layer .con {
  overflow-y: aUto;
	height: calc(100% - 54px);
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
.common__layer .con::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
.common__layer .txt-box p {
	position: relative;
	top: 0;
	left: 0;
	padding-left: 10px;
	font-weight: 300;
	font-size: 12px;
	color: rgb(102,102,102);
	line-height: 20px;
}
.common__layer .txt-box p:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '-';
}
/* //공통 */

/* 오늘도착 */
.today-delivery__layer > .inner {width: 474px;}
.today-delivery__layer .con {padding: 13px 0 0;}

.today-delivery__layer .size-box {margin-top: 23px;}
.today-delivery__layer .size-box p {
	font-weight: 500;
	font-size: 12px;
	color: rgb(102,102,102);
}
.today-delivery__layer .size-box ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 2px;
}
.today-delivery__layer .size-box ul li {
	margin: 5px 5px 0 0;
	font-weight: 300;
	font-size: 12px;
	color: rgb(102,102,102);
}
/* //오늘도착 */

/* 구매혜택 */
.buy-benefit__layer > .inner {width: 320px;}
.buy-benefit__layer .con {padding: 13px 0 0;}
.buy-benefit__layer .card-benefit__btn {
	margin-top: 23px;
	font-weight: 500;
	font-size: 12px;
	color: rgb(102,102,102);
	text-decoration: underline;
}
/* //구매혜택 */

/* 카드혜택 */
.benefit__layer > .inner {
	width: 500px;
	height: calc(100vh - 200px);
}
.benefit__layer .con {padding: 13px 0 0;}
/* //카드혜택 */

/* 상품정보제공고시 */
.goods-info__layer > .inner {width: 600px;}
.goods-info__layer .con {padding: 13px 0 0;}

.goods-info__layer .con dl {
	display: flex;
	margin-top: 0px;
}
.goods-info__layer .con dl:first-child {margin-top: 0;}
.goods-info__layer .con dt,
.goods-info__layer .con dd {
	font-weight: 400;
	font-size: 12px;
	color: rgb(102,102,102);
	line-height: 30px;
}
.goods-info__layer .con dt {width: 180px;}
.goods-info__layer .con dd {width: calc(100% - 180px);}
/* //상품정보제공고시 */

/* 상품리뷰 리스트 */
.review-list__layer .layer-bg__wrap {background-color: rgb(255,255,255);}
.review-list__layer > .inner {
	max-width: 1500px;
	width: 100%;
	height: 100vh;
}
/* //상품리뷰 리스트 */

/* 사이즈 가이드 */
.sizeguide__layer > .inner {
	display: flex;
  flex-direction: column;
	width: 600px;
	max-height: calc(100vh - 200px);
	/*height: 100%;*/
}
.sizeguide__layer .con {padding: 13px 0 0;}
.sizeguide__layer .size-table-box table th {
	border-top: 1px solid rgb(235,235,235);
	border-bottom: 1px solid rgb(235,235,235);
	font-weight:400;
	color:rgb(102,102,102);
}
.sizeguide__layer .size-table-box.etc th,
.sizeguide__layer .size-table-box.etc td {
	padding:20px 0;
}

.sizeguide__layer .size-table-box > div {
	display: flex;
	justify-content: space-between;
}
.sizeguide__layer .size-table-box > div p {
	font-weight: 400;
	font-size: 12px;
	color: rgb(102,102,102);
}
.sizeguide__layer .size-table-box table {
	table-layout: fixed;
	width: 100%;
	margin-top: 13px;
}
.sizeguide__layer .size-table-box table td {
	padding: 15px 0;
	border-top: 1px solid rgb(235,235,235);
	border-bottom: 1px solid rgb(235,235,235);
	font-weight: 400;
	font-size: 12px;
	color: rgb(102,102,102);
	text-align: center;
}
.sizeguide__layer .size-check-box {margin-top: 30px;}
.sizeguide__layer .size-check-box > .tit {
	font-weight: 400;
	font-size: 12px;
	color: rgb(102,102,102);
}
.sizeguide__layer .size-check-box .cn {margin-top: 10px;}
.sizeguide__layer .size-check-box .cn > div {display: flex;}
.sizeguide__layer .size-check-box .cn > div > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	align-content: center;
	width: 50%;
	box-sizing: border-box;
}
.sizeguide__layer .size-check-box .cn .img-box img {width: 100%;}
.sizeguide__layer .size-check-box .cn .txt-box {padding: 0 10px;}
.sizeguide__layer .size-check-box .cn .txt-box dl {margin-top: 15px;}
.sizeguide__layer .size-check-box .cn .txt-box dl:first-child {margin-top: 0;}
.sizeguide__layer .size-check-box .cn .txt-box dt {
	font-weight: 500;
	font-size: 12px;
	color: rgb(102,102,102);
}
.sizeguide__layer .size-check-box .cn .txt-box dd {
	font-weight: 400;
	font-size: 12px;
	color: rgb(102,102,102);
	line-height: 16px;
}
/* //사이즈 가이드 */

/* 배송/교환 및 반품안내 */
.delivery__layer > .inner {
	width: 600px;
	height: 417px;
}
.delivery__layer .con {padding: 13px 0 0;}
.delivery__layer .con .delivery-txt-box p {
	font-weight: 400;
	font-size: 12px;
	color: rgb(102,102,102);
	line-height: 20px;
	letter-spacing: -0.1px;
}
.delivery__layer .con .delivery-txt-box strong {
	font-weight: 500;
	font-size: 14px;
}
.delivery__layer .con .delivery-txt-box span {
	font-weight: 500;
	text-decoration: underline;
}
/* //배송/교환 및 반품안내 */

/* 세탁방법 및 유의사항 */
.wash__layer > .inner {
	width: 600px;
	height: 417px;
}
.wash__layer .con {padding: 13px 0 0;}
.wash__layer .con .delivery-txt-box p {
	font-weight: 400;
	font-size: 12px;
	color: rgb(102,102,102);
	line-height: 20px;
	letter-spacing: -0.1px;
}
.wash__layer .con .wash-txt-box strong {
	font-weight: 500;
	font-size: 14px;
}
.wash__layer .con .wash-txt-box span {
	font-weight: 500;
	text-decoration: underline;
}
/* //세탁방법 및 유의사항 */

/* 공유하기 */
.share__layer > .inner {width: 282px;}
.share__layer .con {padding: 13px 0 0;}
.share__layer .con ul {
	display: flex;
	justify-content: space-between;
}
.share__layer .con ul li {
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
}
.share__layer .con ul li button {
	display: block;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid rgb(102,102,102);
	border-radius: 50%;
	box-sizing: border-box;
	font-size: 0;
}
.share__layer .con ul li .kakaotalk__btn {background-image: url(/pc/resource/images/common/ico_kakaotalk_22x20.png);}
.share__layer .con ul li .naver__btn {background-image: url(/pc/resource/images/common/ico_naver_18x16.png);}
.share__layer .con ul li .facebook__btn {background-image: url(/pc/resource/images/common/ico_facebook_9x18.png);}
.share__layer .con ul li .url__btn {background-image: url(/pc/resource/images/common/ico_url_21x19.png);}
.share__layer .con ul li p {
	margin-top: 7px;
	font-weight: 400;
	font-size: 11px;
	color: rgb(102,102,102);
}
/* //공유하기 */

/* 재입고 알림 신청 */
.alarm__layer > .inner {width: 608px;}
.alarm__layer .con {padding: 13px 0 0;}
.alarm__layer .con .inp-box p {
	font-weight: 500;
	font-size: 12px;
	color: rgb(102,102,102);
}
.alarm__layer .con .inp-box ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 18px;
}
.alarm__layer .con .inp-box ul li {
	width: calc((100% + 10px) / 5 - 10px);
	margin: 10px 10px 0 0;
}
.alarm__layer .con .inp-box ul li:nth-child(5n) {margin-right: 0;}
.alarm__layer .con .inp-box ul li input {
	position: absolute;
	z-index: -9999;
	opacity: 0;
}
.alarm__layer .con .inp-box ul li label {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 40px;
	border: 1px solid rgb(112,112,112);
	box-sizing: border-box;
	cursor: pointer;
	font-weight: 400;
	font-size: 12px;
	color: rgb(102,102,102);
}
.alarm__layer .con .inp-box ul li input:checked + label {
	border: 2px solid rgb(28,0,165);
	color: rgb(28,0,165);
}
.alarm__layer .con .inp-box ul li input:disabled + label {
	border-color: rgb(204,204,204);
	color: rgb(204,204,204);
}

.alarm__layer .con .btn-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid rgb(235,235,235);
}
.alarm__layer .con .btn-box > div {display: flex;}
.alarm__layer .con .btn-box > div p {
	font-weight: 500;
	font-size: 12px;
	color: rgb(102,102,102);
}
.alarm__layer .con .btn-box > div .num {
	margin-left: 20px;
	font-weight: 300;
}
.alarm__layer .con .btn-box > button {
	display: block;
	width: 140px;
	height: 40px;
	background-color: rgb(28,0,165);
	font-weight: 500;
	font-size: 12px;
	color: rgb(255,255,255);
}
/* //재입고 알림 신청 */

/* 줌 */
body.lyr-zoom--open {overflow: hidden;}
.zoom__layer {
	overflow-y: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
}
.zoom__layer .close__btn {
	position: fixed;
	top: 20px;
	right: 40px;
	z-index: 1001;
	width: 71px;
	height: 71px;	
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/common/ico_x_bk_31x31.png);
	font-size: 0;
}
.zoom__layer ul {
	display: flex;
	flex-direction: column;
}
.zoom__layer ul li img {width: 100%;}
/* //줌 */


/* //layer */

/* new arrivals */
.goods-list-box._new_arrivals h2 {
	margin-top:40px;
	margin-bottom: 30px;
	font-family: 'Granary-Regular', sans-serif;
	font-size: 24px;
	color: rgb(102,102,102);
	text-align: center;
}
.goods-list-box._new_arrivals .banner {
	position: relative;
	top: 0;
	left: 0;
	margin-bottom: 50px;
}
.goods-list-box._new_arrivals .banner .slider-box {margin: 0 -15px;}
.goods-list-box._new_arrivals .banner .slick-slide {margin: 0 15px;}
.goods-list-box._new_arrivals .banner img {width: 100%;}
.goods-list-box._new_arrivals .banner button {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;	
	top: 50%;
	font-size: 0;
	background-color: rgb(255,255,255);
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid rgb(214,221,229);
	border-radius: 50%;
	box-sizing: border-box;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.goods-list-box._new_arrivals .banner .prev__btn {
	left: -15px;
	background-image: url(/pc/resource/images/common/arr_left_bl_9x13.png);
}
.goods-list-box._new_arrivals .banner .next__btn {
	right: -15px;
	background-image: url(/pc/resource/images/common/arr_right_bl_9x13.png);
}
.goods-list-box._new_arrivals .select__style + .select__style {margin-left: 30px;}
/* //new arrivals */

/* best */
.goods-list-box._best_sellers h2 {
	margin-top:40px;
	margin-bottom: 30px;
	font-family: 'Granary-Regular', sans-serif;
	font-size: 18px;
    font-weight: 400;
	color: rgb(102,102,102);
	text-align: center;
}
.goods-list-box._best_sellers .head .sort-box .fl {
	color: rgb(28,0,165);
	font-weight: 400;
	font-size: 14px;
	line-height: 27px;
}
.goods-list-box._best_sellers .head .sort-box .select__style {font-family: 'Noto Sans Korean', sans-serif;}
.goods-list-box._best_sellers .head .sort-box .select__style + .select__style {margin-left: 30px;}
.goods-list-box._best_sellers .goods__list._type_best {grid-template-columns: repeat(3,1fr);}
.goods-list-box._best_sellers .goods__list._type_best + .goods__list {margin-top: 80px;}

.goods-list-box._best_sellers .goods__list .goods .info .name span {
	float: none;
	margin-left: 5px;
}
.goods-list-box._best_sellers .goods__list .goods .info .name span:before{
	content:"";
	display: inline-block;	
	width: 14px;
	height: 10px;
	margin-right: 5px;
}
.goods-list-box._best_sellers .goods__list .goods .info .name span.rank-up{color: rgb(255,95,92);}
.goods-list-box._best_sellers .goods__list .goods .info .name span.rank-up:before{
	background: url(/pc/resource/images/sub/best_sellers_pd_rank_up.png) center / 100% no-repeat;
}
.goods-list-box._best_sellers .goods__list .goods .info .name span.rank-down{color: rgb(62,158,242);}
.goods-list-box._best_sellers .goods__list .goods .info .name span.rank-down:before{
	background: url(/pc/resource/images/sub/best_sellers_pd_rank_down.png) center / 100% no-repeat;
}
.goods-list-box._best_sellers .goods__list._type_best span.rank-num {display: none;}
.goods-list-box._best_sellers .goods__list._type_best li {
	position: relative;
	top: 0;
	left: 0;
}
.goods-list-box._best_sellers .goods__list._type_best li:before {	
	position: absolute;
	width: 68px;
	height: 68px;
	top: 0;
	left: 0;
	z-index: 1;
	text-align: center;
	color: rgb(255,255,255);
	font-size: 28px;
	font-weight: 700;
	line-height: 68px;
	background: rgb(28,0,165);
}
.goods-list-box._best_sellers .goods__list._type_best li:nth-child(1):before {
	content: '1';
}
.goods-list-box._best_sellers .goods__list._type_best li:nth-child(2):before {
	content: '2';
}
.goods-list-box._best_sellers .goods__list._type_best li:nth-child(3):before {
	content: '3';
}
.goods-list-box._best_sellers .goods__list + .goods__list {counter-reset: rank 3;}
.goods-list-box._best_sellers .goods__list .goods .photo{position: relative;}
.goods-list-box._best_sellers .goods__list .goods .photo span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 31px;
	height: 31px;
	line-height: 31px;
	background-color: rgb(153,153,153);
	color: rgb(255,255,255);
	font-weight: 400;
	font-size: 16px; 
	text-align: center;
	z-index: 1;
}
.goods-list-box._best_sellers .goods__list .goods .photo span:before {
	counter-increment: rank;
	content: counter(rank);
}
.goods-list-box._best_sellers .goods__list {}
/* //best */

.cart-add__layer {
	width: 520px;
	height: 620px;
	padding: 32px 0 34px;
	position: relative;
	top: 0;
	left: 0;
	background-color: rgb(255,255,255);
	box-sizing: border-box;

	/*opacity: 0;
	animation: fade 0.5s forwards 0.1s;*/
}
/*
.ie9 .cart-add__layer {opacity: 1;}
@keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
*/
.cart-add__layer .close__btn {
	width: 58px;
	height: 58px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/common/ico_x_bk_18x18.png);
}
.cart-add__layer .head p {
	font-weight: 400;
	font-size: 24px;
	color: rgb(0,0,0);
	text-align: center;
}
.cart-add__layer .con {margin-top: 14px;}
.cart-add__layer .con > p {
	font-weight: 400;
	font-size: 18px;
	color: rgb(0,0,0);
	text-align: center;
}
.cart-add__layer .cart__slider {
	width: 402px;
	margin: 17px auto 0;
}
.cart-add__layer .cart__slider .slick-slide {margin: 0 7px;}
.cart-add__layer .cart__slider .goods .info {margin-top: 11px;}
.cart-add__layer .cart__slider .goods .info .name {font-size: 13px;}
.cart-add__layer .cart__slider .goods:hover .info .name {text-decoration: none;}
.cart-add__layer .cart__slider .goods .info .price {margin-top: 4px;}
.cart-add__layer .cart__slider .goods .info .price p {
	font-weight: 400;
	font-size: 13px;
}
.cart-add__layer .cart__slider .slick-dots {
	width: 100%;
	margin-top: 18px;
	font-size: 0;
	text-align: center;
}
.cart-add__layer .cart__slider .slick-dots li {
	display: inline-block;
	margin-left: 7px;
	vertical-align: top;
}
.cart-add__layer .cart__slider .slick-dots li:first-child {margin-left: 0;}
.cart-add__layer .cart__slider .slick-dots li button {
	width: 12px;
	height: 12px;
	display: block;
	margin: 0;
	padding: 0;
	font-size: 0;
	border: 1px solid rgb(28,0,165);
	border-radius: 50%;
	box-sizing: border-box;
}
.cart-add__layer .cart__slider .slick-dots li.slick-active button {background-color: rgb(28,0,165);}
.cart-add__layer .btn-box {
	margin-top: 30px;
	font-size: 0;
	text-align: center;
}
.cart-add__layer .btn-box a {
	width: 187px;
	height: 50px;	
	display: inline-block;
	margin-left: 14px;
	font-weight: 400;
	font-size: 14px;
	line-height: 50px;
	vertical-align: top;
}
.cart-add__layer .btn-box a:first-child {margin-left: 0;}
.cart-add__layer .btn-box .btn1 {
	color: rgb(28,0,165);
	background-color: rgb(235,235,235);
}
.cart-add__layer .btn-box .btn2 {
	color: rgb(255,255,255);
	background-color: rgb(28,0,165);
}
.cart-add__layer {}

.paging {
	font-size: 0;
	text-align: center;
	/*border-bottom: 1px solid rgb(233,233,233);*/
}
.paging a {
	height: 40px;
	position: relative;
	top: 0;
	left: 0;
	line-height: 40px;
}
.paging a:before {
	width: 100%;
	height: 2px;
	content: '';
	display: none;
	position: absolute;
	bottom: -1px;
	left: 0;
	background-color: rgb(0,84,166);
}
.paging > a {
	display: inline-block;
	font-family: 'Granary-Bold';
	font-weight: 400;
	font-size: 14px;
	color: rgb(163,163,169);
	letter-spacing: 1px;
	vertical-align: top;
}
.paging .num {
	display: inline-block;
	margin: 0 15px;
	vertical-align: top;
}
.paging .num a {
	width: 43px;
	display: inline-block;
	font-weight: 700;
	font-size: 13px;
	color: rgb(163,163,169);
	text-align: center;
	vertical-align: top;
}
.paging a.on,
.paging a:hover {color: rgb(28,0,165);}

.paging a.on:before,
.paging a:hover:before {display: block;}
.paging a:before {
	height:0;
}

/* 2023-01-10 */
.top_img_banner {
	position: relative;
	top: 40px;
	width: 100%;
	height: 500px;
}
.top_img_banner .banner_img {
	background: url(/pc/resource/images/about/about_main_img.jpg) no-repeat center / cover;
	height: 580px;
}
/* //2023-01-10 */



/* 2023-02-03 리뉴얼 전 레이어 스타일 */

/* layer */
.layer {
	padding: 22px 30px 40px;
	background-color: rgb(255,255,255);
	box-sizing: border-box;
}
.layer .head {
	position: relative;
	top: 0;
	left: 0;
}
.layer .head .tit {
	font-weight: 500;
	font-size: 22px;
	color: rgb(102,102,102);
}
.layer .close__btn {
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 8px;
	right: 0;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/common/ico_x_bl_20x20.png);
}


/* layer qna */
.qna__layer {
	width: 630px;
	max-height: calc(100vh - 50px);
	overflow: hidden;
}
.qna__layer .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: none;}
.qna__layer  .mCSB_outside + .mCSB_scrollTools {
	height: calc(100% - 20px);
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.qna__layer .qna-goods {
	margin: 35px 0 0;
	padding: 20px 0;
	border-top: 1px solid rgb(0,86,166);
	border-bottom: 1px solid rgb(213,220,228);
}
.qna__layer .qna-goods:after {
	content: '';
	display: block;
	clear: both;
}
.qna__layer .qna-goods .photo {
	width: 140px;
	float: left;
}
.qna__layer .qna-goods .photo img {width: 100%;}
.qna__layer .qna-goods .info {
	width: calc(100% - 160px);
	height: 140px;
	float: left;
	display: table;
	margin: 0 0 0 20px;
}
.qna__layer .qna-goods .info > .inner {
	display: table-cell;
	vertical-align: middle;
}
.qna__layer .qna-goods .info .name {
	font-weight: 400;
	font-size: 14px;
	color: rgb(28,0,165);
	letter-spacing: 0.6px;
}
.qna__layer .qna-goods .info .price {margin: 10px 0 0;}
.qna__layer .qna-goods .info .price:after {
	content: '';
	display: block;
	clear: both;
}
.qna__layer .qna-goods .info .price .normal,
.qna__layer .qna-goods .info .price .sale {
	float: left;
	font-weight: 900;
	font-size: 14px;
	color: rgb(51,51,51);
}
.qna__layer .qna-goods .info .price .won {font-weight: 700;}
.qna__layer .qna-goods .info .price .normal._sale {
	margin: 0 14px 0 0;
	color: rgb(162,162,162);
	text-decoration: line-through;
}
.qna__layer .type-box {
	padding: 20px 0;
	border-bottom: 1px solid rgb(213,220,228);
}
.qna__layer .type-box:after {
	content: '';
	display: block;
	clear: both;
}
.qna__layer .type-box > div {
	float: left;
	margin: 0 0 0 23px;
}
.qna__layer .type-box > div:first-child {margin-left: 0;}
.qna__layer .type-box label {
	font-weight: 350;
	font-size: 14px;
	color: rgb(102,102,102);
	line-height: 20px;
}
.qna__layer .inp-box {margin: 30px 0 0;}
.qna__layer .inp-box .tit__inp {
	width: 100%;
	height: 36px;
	padding: 0 20px;
	font-weight: 350;
	font-size: 14px;
	color: rgb(0,0,0);
	background-color: rgb(234,237,241);
	border: 0;
	box-sizing: border-box;
	outline: 0;
}
.qna__layer .inp-box .tit__inp::placeholder {color: rgb(153,153,153);}
.qna__layer .inp-box .desc__txtarea {
	width: 100%;
	height: 186px;
	margin: 10px 0 0;
	padding: 15px 20px;
	font-weight: 350;
	font-size: 14px;
	color: rgb(0,0,0);
	line-height: 24px;
	background-color: rgb(234,237,241);
	border: 0;
	box-sizing: border-box;
	outline: 0;
	resize: none;
}
.qna__layer .inp-box .desc__txtarea::placeholder {color: rgb(153,153,153);}
.qna__layer .inp-box .desc__txtarea + p {margin-top: 15px;}
.qna__layer .inp-box p {
	font-weight: 350;
	font-size: 14px;
	color: rgb(153,153,153);
	line-height: 24px;
}
.qna__layer .inp-box a {
	display: inline-block;
	margin: 0 0 0 10px;
	font-weight: 400;
	font-size: 13px;
	color: rgb(28,0,165);
	text-decoration: underline;
	line-height: 24px;
}
.qna__layer .inp-box .email {margin: 30px 0 0;}
.qna__layer .inp-box .email:after {
	content: '';
	display: block;
	clear: both;
}
.qna__layer .inp-box .email label {
	float: left;
	margin: 0 0 8px;
	font-weight: 500;
	font-size: 14px;
	color: rgb(68,68,68);
}
.qna__layer .inp-box .email input:first-of-type {
	width: 165px;
	clear: both;
}
.qna__layer .inp-box .email input {
	width: 175px;
	height: 34px;
	float: left;
	padding: 0 20px;
	font-weight: 350;
	font-size: 14px;
	color: rgb(0,0,0);
	background-color: rgb(234,237,241);
	border: 0;
	box-sizing: border-box;
	outline: 0;
}
.qna__layer .inp-box .email span {
	width: 30px;
	height: 34px;
	float: left;
	font-weight: 350;
	font-size: 14px;
	color: rgb(34,34,34);
	line-height: 34px;
	text-align: center;
}
.qna__layer .inp-box .email .sct {
	width: 185px;
	height: 34px;
	float: left;
	margin: 0 0 0 15px;
	border: 1px solid rgb(213,220,228);
	box-sizing: border-box;
}
.ie9 .qna__layer .inp-box .email .sct {
	position: relative;
	top: 0;
	left: 0;
}
.ie9 .qna__layer .inp-box .email .sct:before {
	width: 38px;
	height: 32px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background-color: rgb(255,255,255);
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/common/arr_down_bl_12x7.png);
}
.qna__layer .inp-box .email .sct select {
	width: 100%;
	height: 100%;
	padding: 0 0 0 12px;
	font-weight: 350;
	font-size: 14px;
	color: rgb(102,102,102);
	background: none;
	background-repeat: no-repeat;
	background-position: calc(100% - 12px) center;
	background-image: url(/pc/resource/images/common/arr_down_bl_12x7.png);
	border: 0;
	box-sizing: border-box;
	outline: 0;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}
.qna__layer .inp-box .email .sct select::-ms-expand {display: none;}
.qna__layer .btn-box {margin: 40px 0 0;}
.qna__layer .btn-box .qna__btn {
	width: 220px;
	height: 50px;
	display: block;
	margin: 0 auto;
	font-weight: 500;
	font-size: 16px;
	color: rgb(255,255,255);
	background-color: rgb(0,86,166);
}

/* //2023-02-03 리뉴얼 전 레이어 스타일 */

/* 2023-03-16 상품상세 사이즈가이드 스크롤 추가 */
/*.sizeguide__layer .size-table-box .table-scroll-box {
	display: block;
	overflow-x: auto;
}
.sizeguide__layer .size-table-box .table-scroll-box::-webkit-scrollbar {
  height: 5px;
}
.sizeguide__layer .size-table-box .table-scroll-box::-webkit-scrollbar-thumb {
	background-color: rgb(0,0,0);
}
.sizeguide__layer .size-table-box .table-scroll-box::-webkit-scrollbar-track {
	background-color: rgba(0,0,0,0.1);
}

.sizeguide__layer .size-table-box .table-scroll-box th {width: 130px;}
.sizeguide__layer .size-table-box .table-scroll-box td {width: 77px;}*/

.sizeguide__layer .size-table-box .table-scroll-box table {
	width: 100%;
	table-layout: fixed;
}
.sizeguide__layer .size-table-box .table-scroll-box table tr {vertical-align: top;}
.sizeguide__layer .size-table-box .table-scroll-box table td {
	padding: 15px 0 15px;
	/*border: 1px solid rgb(204,204,204);*/
	box-sizing: border-box;
	font-weight: 400;
	font-size: 12px;
	color: rgb(102,102,102);
	text-align: center;
}
.sizeguide__layer .size-table-box .table-scroll-box table div td {padding: 15px 0;}
.sizeguide__layer .size-table-box .table-scroll-box > table > tbody > tr > td {
	padding: 0;
	border: 0;
}
.sizeguide__layer .size-table-box .table-scroll-box > table > tbody > tr > td:first-child {width: 140px;}
.sizeguide__layer .size-table-box .table-scroll-box .table--fix {
	position: relative;
	top: 0;
	left: 0;
	width: 140px;
	/*box-shadow: 3px 0 6px rgba(0,0,0,0.3);*/
}
.sizeguide__layer .size-table-box .table-scroll-box .table--fix td {
	/*background-color: rgb(51,51,51);*/
	border-color: rgb(235,235,235);
	border-bottom: 1px solid rgb(235,235,235);
	color: rgb(102,102,102);
}
.sizeguide__layer .size-table-box .table-scroll-box .table--fix td[rowspan="2"] {vertical-align: middle;}
.sizeguide__layer .size-table-box .table-scroll-box .table--scroll {
	overflow-x: auto; 
	-ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */

	cursor: pointer;
}
.sizeguide__layer .size-table-box .table-scroll-box .table--scroll::-webkit-scrollbar {display: none;}
.sizeguide__layer .size-table-box .table-scroll-box .table--scroll td {width: 72px;}
/* //2023-03-16 상품상세 사이즈가이드 스크롤 추가 */

/* 2023-08-11 상품 리스트 - 태그 추가 */
.goods .photo .tag .family-sale-tag {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 3;
	width: 55px;
	height: 55px;
	padding-top: 2px;
	background-color: rgb(28,0,165);
	border-radius: 50%;
	box-sizing: border-box;
	font-family: 'PassengerDisplay-MediumItalic','Granary-Medium', 'Noto Sans Korean', sans-serif;
	font-weight: 500;
	font-size: 12px;
	color: rgb(255,255,255);
	line-height: 12px;
	text-align: center;
}
/* //2023-08-11 상품 리스트 - 태그 추가 */

/* 2023-09-14 상품리스트 태그 수정 */
.goods .photo .tag .family-sale-tag {
	padding-top: 0;
	font-size: 15px;
	line-height: 14px;
}
/* //2023-09-14 상품리스트 태그 수정 */

/* 2023-10-04 사이즈 가이드 레이어 수정 */
.sizeguide__layer > .inner:before {
	position: absolute;
	bottom: 29px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: rgb(255,255,255);
	content: '';
}
/* //2023-10-04 사이즈 가이드 레이어 수정 */

/* 2024-08-02 상품 상세 - 인증서 버튼 */
.goods-view-box .goods-info-box .top .txt-box .gots__btn {
	display: inline-flex;
	align-items: center;
	margin-top: 20px;
	padding-right: 16px;
	font-size: 16px;
	font-weight: 500;
	line-height: 32px;
	letter-spacing: -.4px;
	background: url(/pc/resource/images/sub/arr_right_7x13_gr.png) no-repeat center right/7px;
}
/* // 2024-08-02 상품 상세 - 인증서 버튼 */

/* 2024-08-09 상품 상세 - 재입고 알림 버튼 */
.goods-option-box ._size .layer-btn-box .alarm__btn {
	padding-left: 22px;
	color: rgb(28,0,164);
	background: url(/pc/resource/images/sub/ico_bell_blue_17x17.png) no-repeat center left/17px;
	text-decoration: none;
}
.goods-option-box ._size .layer-btn-box .alarm__btn {}
/* // 2024-08-09 상품 상세 - 재입고 알림 버튼 */

/* 2025-02-06 PLP 할인율 추가 */
.goods .info .price._v2 ._sale {
	order: 2;
	margin-left: 10px;
}
.goods .info .price._v2 .sale {
	order: 1;
	margin-left: 0;
}
.goods .info .price._v2 .percent {
	order: 3;
	margin-left: auto;
	color: rgb(28, 0, 165);
	font-weight: 700;
}
/* //2025-02-06 PLP 할인율 추가 */