@charset "UTF-8"; 
/*서브페이지 전부 이파일에*/

/* paging */
.paging {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.paging a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid var(--color-grey);
	box-sizing: border-box;
	font-weight: 400;
	font-size: 14px;
	color: var(--color-default);
	text-align: center;
}
.paging .num {display: flex;}
.paging .num a.on {border-color: var(--color-default);}
.paging .num a + a {margin-left: 4px;}
.paging > a {
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 0;
}
.paging .prev__btn {background-image: var(--arr-left-gr);}
.paging .next__btn {background-image: var(--arr-right-gr2);}
/* //paging */



/* qty */
.qty-inp-box {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 50px;
	background-color: rgb(245, 245, 245);
}
.qty-inp-box button {
	display: block;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-positioN: center center;
	font-size: 0;
}
.qty-inp-box .minus__btn {background-image: var(--ico-minus-bk);}
.qty-inp-box .plus__btn {background-image: var(--ico-plus-bk);}
.qty-inp-box input {
	width: calc(100% - 100px);
	height: 100%;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	outline: 0;
	font-weight: 300;
	font-size: 14px;
	color: var(--color-default);
	text-align: center;
}

/* MEMBER */
/* login */
.member__contents {
	min-width: var(--window-min-width);
	/*max-width: var(--window-max-width);*/
}
.member__contents .member-box {
	max-width: 600px;
	margin: 61px auto 150px;
}
.member-box .login-box {
	margin-top: 40px;
}
.member-box .inp-box > div {
	position: relative;
	width: 100%;
}
.member-box .inp-box > div + div {margin-top: 10px;}
.member-box .inp-box input {
	width: 100%;
	height: 50px;
	border: 1px solid var(--color-grey);
	border-radius: 0;
	padding: 0 20px;
	box-sizing: border-box;
	font-family: var(--fontfam-kor), sans-serif;
	font-size: 16px;
	color: var(--color-default);
}
.member-box .inp-box input.on {
	border-color: var(--color-default);
}
.member-box .inp-box input::placeholder {color: rgb(153, 153, 153);}
.member-box .btn-box button,
.member-box .btn-box a {
	height: 60px;
}
.member-box .id-box {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.member-box .txt__btn {
	font-size: 16px;
	color: rgb(153, 153, 153);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.member-box .pwonoff__btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 50px;
	font-size: 0;
	background: url(/pc/resource/images/sub/ico_eye_gr_20x14.png) center no-repeat;
}
.member-box .pwonoff__btn._off {
	background-image: url(/pc/resource/images/sub/ico_eye_off_gr_20x19.png);
}
.member-box #captcha {
	display: flex;
	justify-content: space-between;
}
.member-box #defaultReal {width: 440px;}
.member-box .login-box .btn-box {
	margin-top: 30px;
}
.member-box .login-box .login-sns {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-top: 30px;
}
.member-box .login-box .login-sns button {
	height: 50px;
	background-position: 20px center;
	background-repeat: no-repeat;
}
.member-box .login-box .login-sns .login__naver {
	background-size: 13px;
	background-image: url(/pc/resource/images/sub/ico_naver_13x12.png);
}
.member-box .login-box .login-sns .login__kakao {
	background-color: rgb(254, 220, 0);
	background-size: 17px;
	background-image: url(/pc/resource/images/sub/ico_kakao_17x16.png);
	border-color: rgb(254, 220, 0);
}

.member-box .non-member-box {
	margin-top: 60px;
	padding-top: 60px;
	border-top: 1px solid var(--color-default);
}
.member-box .non-member-box p {
	font-size: 16px;
	line-height: 26px;
	color: var(--color-default);
}
.member-box .non-member-box .btn-box {
	margin-top: 40px;
	text-align: center;
}
.member-box .non-member-box .guest__btn {
	display: block;
	height: auto;
	margin: 15px auto 0;
}

/* join */
.member-box .join-box {margin-top: 40px;}
.join-box .join-kakao__btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 20px;
	background-color: rgb(254, 220, 0);
	background-position: 20px center;
	background-size: 17px;
	background-repeat: no-repeat;
	background-image: url(/pc/resource/images/sub/ico_kakao_17x16.png);
	font-weight: 700;
	font-size: 18px;
	color: var(--color-default);
}
.join-box .join-con p {
	font-size: 18px;
	color: var(--color-default);
}
.join-box .join-con + .join-con {
	margin-top: 60px;
	padding-top: 60px;
	border-top: 1px solid var(--color-default);
}
.join-box .join-con .tit {font-weight: 700;}
.join-box .inp-box {
	position: relative;
	margin-top: 28px;
}
.join-box ._type_cert .inp-box > div,
.join-box ._type_required .inp-box > div {
	display: flex;
	gap: 0 10px;
}
.join-box ._type_cert select {
	flex-shrink: 0;
	width: 150px;
}
.join-box .agree-all {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-top: 28px;
	/*padding-bottom: 8px;*/
}
.join-box .agree-box .agree-down__btn {
	width: 30px;
    height: 30px;
    margin: -10px -10px 0 0;
    background-position: center 15px;
    background-repeat: no-repeat;
    background-image: var(--arr-down-bk3);
}
.join-box .agree-box._open .agree-down__btn {
    background-image: var(--arr-up-bk3);
}
.join-box .agree-box .agree-list-box {display: none;}
.join-box .agree-box._open .agree-list-box {display: block;}
.join-box .agree__list {
	margin-top: 25px;
	padding-left: 30px;
}
.join-box .agree__list li {
	display: flex;
	justify-content: space-between;
}
.join-box .agree__list li + li {margin-top: 20px;}
.join-box .agree__list li .txt__btn {line-height: 20px;}
.join-box .agree-box span {margin-left: 5px;}
.join-box .agree-box span._type_red {color: var(--color-red);}
.join-box .agree-box .txt-box {
	margin-top: 30px;
	padding-left: 60px;
}
.join-box .agree-box .txt-box p {
	font-size: 16px;
	line-height: 26px;
	color: rgb(153, 153, 153);
}
.join-box .agree-box .txt-box p + p {margin-top: 16px;}

.join-box .join-con .cert-timer-box {
	display: flex;
	align-items: center;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
	height: 100%;
}
.join-box .join-con .cert-timer-box .countdown {
	margin-right: 17px;
	font-size: 14px;
	color: rgb(153, 153, 153);
}
.join-box .join-con .cert-timer-box .resend__btn {
	position: relative;
	padding: 0 23px 0 19px;
	height: 100%;
	font-size: 16px;
	color: var(--color-default);
}
.join-box .join-con .cert-timer-box .resend__btn:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background-color: var(--color-grey);
}
.join-box ._type_cert .cert__btn {
	height: 60px;
	margin-top: 30px;
}
.join-box ._type_cert._done .number, 
.join-box ._type_cert._done .agree-box, 
.join-box ._type_cert._done .timer {
	display: none;
}
.join-box ._type_cert._done input,
.join-box ._type_cert._done select {
	background-color: rgb(238, 238, 238);
	color: rgb(153, 153, 153);
	pointer-events: none;
}
.join-box ._type_cert._done .cert__btn {
	border-color: rgb(238, 238, 238);
	background-color: rgb(248, 248, 248);
	color: rgb(153, 153, 153);
}
.join-box ._type_required .chk-id__btn {
	width: 150px;
	font-weight: 400;
	font-size: 16px;
}
.join-box ._type_required .inp-box > div {	
	flex-wrap: wrap;
}
.join-box ._type_required .inp-id {width: calc(100% - 160px);}
.join-box ._type_required .result-txt {
	padding: 12px 0 10px;
	font-size: 14px;
	line-height: 16px;
	color: rgb(153, 153, 153);
}
.join-box ._type_required .result-txt._type_red {color: var(--color-red);}
.join-box ._type_required .result-txt._type_blue {color: var(--color-blue);}
.join-box .inform-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.join-box .inform-box + .txt {
	margin-top: 28px;
	font-size: 16px;
	line-height: 26px;
	color: var(--color-default);
}
.join-box .join-confirm__btn {
	height: 60px;
	margin-top: 60px;
}

.lyr-agree--open {overflow: hidden;}
._type_agree .basic__layer {width: 600px;}
._type_agree .basic__layer .con {padding: 0 40px 40px;}
._type_agree .cs-agree-con {
	overflow: hidden;
	height: 595px; 
}
._type_agree .cs-agree-con .tab {
	font-size: 0;
} 
._type_agree .cs-agree-con .tab li {
	display: inline-block;
	vertical-align: top;
	position: relative;
}
._type_agree .cs-agree-con .tab li.on a {
	font-weight: 700;
}
._type_agree .cs-agree-con .tab li.on a:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	height: 1px;
	width: 100%;
	background: var(--color-black);
}
._type_agree .cs-agree-con .tab li + li {
	margin-left: 44px;
}
._type_agree .cs-agree-con .tab li + li:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: -22px;
	transform: translateY(-50%);
	width: 1px;
	height: 11px;
	vertical-align: middle;
	background-color: rgb(209, 209, 209);
}
._type_agree .cs-agree-con .tab li a {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	color: var(--color-black);
}
._type_agree .cs-agree-con .tab-content {
	width: 100%;
	height: calc(100% - 50px);	
	overflow: scroll;
	overflow-x: hidden;
	padding: 22px 38px;
	box-sizing: border-box;
	background: rgb(250, 250, 250);
	margin-top: 24px;
	display: none;
	font-size: 14px;
	color: rgb(102, 102, 102);
} 
._type_agree .cs-agree-con .tab-content.on {
	display: block;
}
._type_agree .cs-agree-con .tab-content > p{
	font-weight: 700;
	color: var(--color-black);
} 
._type_agree .con .box {
	padding: 40px 40px;
	max-height: 595px;
	font-size: 14px;
	color: rgb(102, 102, 102);
	word-break: keep-all;
	border: 1px solid rgb(213, 220, 228);
	overflow-y: auto;
	box-sizing: border-box;
}
._type_agree .agree__table {
	width: 100%;
	border-top: 1px solid rgb(0, 42, 101);
}

._type_agree .agree__table td{border-right: 1px solid rgb(213, 220, 228);}
._type_agree .agree__table td:nth-child(4){border-right: 0;}
._type_agree .agree__table th + td,
._type_agree .agree__table td + td,
._type_agree .agree__table th + th{
	border-left: 1px solid rgb(213, 220, 228);
}
._type_agree .agree__table thead{
	border-bottom: 1px solid rgb(213, 220, 228);
	text-align: center;
	background: rgb(238, 238, 238);
	font-size: 15px;
}
._type_agree .agree__table thead th{
	padding: 10px;
	font-weight: 400;
}
._type_agree .agree__table td{
	padding: 14px 10px;
	text-align: center;
	line-height: 26px;
	border-bottom: 1px solid rgb(213, 220, 228);
	font-size: 14px;
	color: rgb(102, 102, 102);
}
._type_agree .agree__table td .agree-txt1 {font-size: 16px;}
._type_agree .basic__layer .scroll-box {
    padding: 40px 40px;
    max-height: 595px;
    font-size: 14px;
    color: rgb(102, 102, 102);
    word-break: keep-all;
    border: 1px solid rgb(213, 220, 228);
    overflow-y: auto;
    box-sizing: border-box;
}

/* join complete */
.member-box .complete-box {
	margin-top: 84px;
}
.member-box .complete-box p {
	margin-top: 35px;
	font-size: 16px;
	line-height: 26px;
	color: var(--color-default);
}
.member-box .complete-box p + p {margin-top: 35px;}
.member-box .complete-box .tit {
	font-weight: 700;
	font-size: 36px;
	line-height: 52px;
	color: var(--color-default);
}
.member-box .complete-box .btn-box {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 60px;
}
/* find account */
.member-box .join-box._type_find .inp-box {margin-top: 0;}
.member-box .join-box._type_find .account__btn {
    height: 60px;
    margin-top: 30px;
}
.member-box .join-box._type_find .account__btn._off {background-color: var(--color-grey);}
.lyr-account--open {overflow: hidden;}
._type_account .basic__layer {width: 600px;}
._type_account .basic__layer .con {height: 373px;}
._type_account .member-box p {
	font-size: 16px;
	color: var(--color-default);
}
._type_account .member-box .id {
	margin-top: 16px;
	font-weight: 700;
	font-size: 36px;
	line-height: 42px;
}
._type_account .member-box .name {
	text-decoration: underline;
	text-underline-offset: 2px;
}
._type_account .member-box > div {
	padding-bottom: 30px;
	margin-bottom: 25px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}
._type_account .basic__layer .foot button, 
._type_account .basic__layer .foot a {
	display: flex;
	align-items: center;
	height: 80px;
	padding: 0 40px;
	font-weight: 700;
	font-size: 18px;
	color: var(--color-white);
}
._type_account .basic__layer .foot .cancel__btn {opacity: .3;}
._type_account .member-box .inp-box {
	border: none;
}
._type_account .member-box .result-txt {
	margin-top: 20px;
	font-size: 16px;
	color: rgb(153, 153, 153);
}
._type_account .member-box .result-txt._type_red {color: var(--color-red);}
._type_account .member-box .result-txt._type_blue {color: var(--color-blue);}
/* guest */
.member-box ._type_guest .guest__btn {
	height: 60px;
	margin-top: 30px;
}
.member-box ._type_guest .btn-box {
	display: flex;
	flex-direction: column;
	gap: 10px;
	/*margin-top: 40px;*/
}
.member-box .benefit__list {
	display: flex;
	justify-content: space-between;
}
.member-box .benefit__list li {
	display: flex;
	flex-direction: column;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
}
.member-box .benefit__list li .ico-box {margin-bottom: 19px;}
.member-box .benefit__list li img {
	display: block;
	margin: 0 auto;
	object-fit: none;
}
.member-box ._type_guest p {
	margin-top: 29px;
	font-size: 18px;
	line-height: 32px;
}
/* //MEMBER */

/* ORDER */
/* cart */
.order__contents {
	margin: 60px 0 150px;
}
.order__contents .order-wrap {
	min-width: var(--window-min-width);
	max-width: 1720px;
	width: 100%;
	margin: 0 auto;
	padding: 0 60px;
	box-sizing: border-box;
}
.order-wrap .order-box {
	display: flex;
	gap: 60px;
    margin: 45px auto 0;
}
.order-box .list-box {
	width: calc(100% - 460px); 
}
.order-box .order-check-box {
	display: flex;
	justify-content: space-between;
	padding-bottom: 30px;
}
.order-box .order-check-box > div {
	display: flex;
	align-items: center;
}
.order-box .order-check-box .count {
	padding-left: 14px;
	font-size: 14px;
	line-height: 16px;
	color: rgb(153, 153, 153);
}
.order-box .order-check-box .txt__btn {
	margin-left: 24px;
	font-size: 16px;
	line-height: 20px;
	color: rgb(153, 153, 153);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.order__list li {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding: 40px 0;
	border-top: 1px solid rgb(238, 238, 238);
}
.order__list .order-info-box {
	display: flex;
	gap: 10px;
	width: 100%;
}
.order__list .order-info-box .order-thumb {
	flex-shrink: 0;
	width: 120px;
}
.order__list .order-info-box .order-thumb img {width: 100%;}
.order__list .order-info-box .order-detail {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-left: 10px;
}
.order__list .order-info-box .order-detail > div {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.order__list .order-info-box .order-detail p {
	flex-shrink: 0;
	font-size: 14px;
	line-height: 16px;
	color: var(--color-default);
}
.order__list .order-info-box .order-detail .name {
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
}
.order__list .order-info-box .order-detail .option {color: rgb(153, 153, 153);}
.order__list .order-info-box .order-detail .price {
	display: flex;
	gap: 9px;
}
.order__list .order-info-box .order-detail .price p {
	font-size: 16px;
	line-height: 19px;
}
.order__list .order-info-box .order-detail .price del {
	font-weight: 300;
	color: var(--color-grey);
}
.order__list .order-info-box .order-detail .point {color: rgb(153, 153, 153);}
.order__list .order-btn-box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	max-width: 320px;
}
.order__list .order-btn-box > div {
	display: flex;
	justify-content: flex-end;
}
.order__list .order-btn-box ._type_icon {
	margin: -6px -6px 0 0;
}
.order__list .order-btn-box ._type_icon button {
	position: relative;
	width: 36px;
	height: 36px;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: center;
}
.order__contents .wish__btn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    width: 42px;
    height: 44px;
    background-repeat: no-repeat;
    background-position: center center;
	background-image: var(--ico-wish-gr-off2);
	font-size: 0;
}
.order__contents .wish__btn.on {background-image: var(--ico-wish-bk-on);}
.order__list .order-btn-box .delete__btn {
	background-image: var(--ico-delete-bk);
}
.order__list .order-btn-box .btn__style3 {
	width: 100%;
	height: 40px;
	margin-left: 10px;
}
.order__list li._soldout .cb__style2 + label {pointer-events: none;}
.order__list li._soldout .cb__style2 + label:before {background-image: var(--cb-lock-style1);}
.order__list li._soldout .order-thumb, 
.order__list li._soldout .order-detail p {opacity: .3;}
.order__list li._soldout .order-detail .point {opacity: 1;}

.order-box .total-box {
	position: sticky;
	top: 120px;
	width: 400px;
	height: fit-content;
	padding: 40px;
	box-sizing: border-box;
	background-color: rgb(238, 238, 238);
}
.order-box .total-box .total-con + .total-con {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid rgba(0, 0, 0, .1);
}
.order-box .total-box .total-con dl {
	font-size: 16px;
	line-height: 19px;
	color: var(--color-default);
}
.order-box .total-box .total-con dl > div {
	display: flex;
	justify-content: space-between;
}
.order-box .total-box .total-con dl > div + div {margin-top: 18px;}
.order-box .total-box .total-con ._type_red {color: var(--color-red);}
.order-box .total-box .total-con .amount {
	font-weight: 700;
	font-size: 22px;
	line-height: 26px;
}
.order-box .total-box .total-con .point {
	margin-top: 29px;
	color: rgb(153, 153, 153);
}
.order-box .total-box .total-con ul {margin-top: 27px;}
.order-box .total-box .total-con ul li {
	display: flex;
	justify-content: space-between;
}
.order-box .total-box .total-con ul li + li {margin-top: 17px;}
.order-box .total-box .total-con p {
	font-size: 16px;
	line-height: 19px;
	color: var(--color-default);
}
.order-box .total-box .total-con .tit {
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
}
.order-box .total-box .total-con .txt {
	margin-top: -4px;
	font-size: 14px;
	line-height: 24px;
	color: rgb(153, 153, 153);
}
.order-box .total-box .total-con .txt__btn {
	font-size: 14px;
	line-height: 19px;
	color: rgb(153, 153, 153);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.order-box .total-box .agree-box {
	position: relative;
	margin-top: 26px;
	height: 50px;
}
.order-box .total-box .agree-box input {
	position: absolute;
	z-index: -9999;
	opacity: 0;
}
.order-box .total-box .agree-box input + label {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	border: 1px solid var(--color-white);
	box-sizing: border-box;
	background: var(--cb-on-style2) 20px center no-repeat var(--color-white);
	font-family: var(--fontfam-kor), sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: rgb(153, 153, 153);
	cursor: pointer;
}
.order-box .total-box .agree-box input:checked + label {
	border-color: var(--color-default);
	color: var(--color-default);
}
.order-box .total-box .order__btn {
	height: 60px;
	margin-top: 30px;
}
.order-box .total-box .order__btn._off {
	color: rgba(255, 255, 255, .3);
	pointer-events: none;
}
.order-box._type_cart .total-box .order__btn {margin-top: 58px;}

.order__contents .goods-slider-box {
	margin-top: 150px;
	padding: 80px 0 0 0;
	border-top: 1px solid rgb(238, 238, 238);
}
.order__contents .goods__slider {margin-top: 60px;}
.order__contents .goods__slider .tag-box,
.order__contents .goods__slider .colorchip {display: none;}

.order__contents .goods__slider .goods {
	position: relative;
	width: 345px;
	margin-right: 20px;
	padding-bottom: 5px;
}
.order__contents .goods__slider .goods:first-child {margin-left: 20px;} 
.order__contents .goods__slider .goods:last-child {margin-right: 20px;} 
.order__contents .goods__slider .goods .photo .hover {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.3s;

	background-color: rgb(255, 255, 255);
}
.order__contents .goods__slider .goods:hover .photo .hover {
	visibility: visible;
	opacity: 1;
}
.order__contents .goods .info {margin-top: 16px;}
.order__contents .goods .info .cate {
	font-size: 14px;
	line-height: 16px;
}
.order__contents .goods .info .name {
	margin-top: 13px;
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
}
.order__contents .goods .info .price {margin-top: 17px;}
.order__contents .goods .info .price p {
	font-weight: 400;
	font-size: 16px;
}
.order__contents .goods .info ._sale {display: none;}
.order__contents .goods .add-cart__btn {
	margin-top: 19px;
	height: 40px;
}
.order__contents .goods .wish__btn {
	top: unset;
	bottom: 52px;
	right: -10px;
}
.order__contents .no-list-box {
	margin: 180px auto 0;
}
.order__contents .no-list-box p {
	font-size: 18px;
	color: var(--color-default);
}
.order__contents .no-list-box a {
	height: 60px;
	margin-top: 40px;
}

.lyr-cart--open {overflow: hidden;}
._type_cart .basic__layer {
	width: 600px;
}
._type_cart .basic__layer > .con {padding-bottom: 40px;}
._type_cart .select-info-box {
	padding: 12px 20px;
	background-color: rgb(238, 238, 238);
}
._type_cart .select-info-box p {
	font-size: 12px;
	line-height: 14px;
	color: rgb(102, 102, 102);
}
._type_cart .select-info-box .name {
	padding-bottom: 5px;
	font-weight: 700;
	font-size: 14px;	
	line-height: 16px;
}
._type_cart .color-select-box {
	position: relative;
	margin-top: 30px;
}
._type_cart .color-select-box:before {
	content: '';
	position: absolute;
	top: -30px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: rgb(238, 238, 238);
}
._type_cart .goods-info-box .head {
	padding: 0 0 18px;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	color: var(--color-default);
	padding-bottom: 18px;
}
._type_cart .goods-info-box .con {padding: 0;}
._type_cart .goods-info-box .color-select-box ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding-bottom: 1px;
}
._type_cart .goods-info-box .color-select-box ul li {
	position: relative;
	top: 0;
	left: 0;
	width: 60px;
}
._type_cart .goods-info-box .color-select-box ul li input,
._type_cart .goods-info-box .size-select-box ul li input {
	position: absolute;
	z-index: -9999;
	opacity: 0;
}
._type_cart .goods-info-box .color-select-box ul li input + label:before {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--color-default);
	content: '';
}
._type_cart .goods-info-box .color-select-box ul li input:checked + label:before {display: block;}
._type_cart .goods-info-box .color-select-box ul li a {display: block;}
._type_cart .goods-info-box .color-select-box ul li img {width: 100%;}
._type_cart .goods-info-box .size-select-box {margin-top: 29px;}
._type_cart .goods-info-box .size-select-box ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 10px;
}
._type_cart .goods-info-box .size-select-box ul li {
	position: relative;
	top: 0;
	left: 0;
	width: calc((100% - 40px) / 5);
}

._type_cart .goods-info-box .size-select-box ul li label {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 40px;
	border: 1px solid rgb(196, 196, 196);
	box-sizing: border-box;
	cursor: pointer;
	font-family: var(--fontfam-eng-degular), var(--fontfam-kor), sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: var(--color-default);
	letter-spacing: 0.98px;
}
._type_cart .goods-info-box .size-select-box ul li input:checked + label {
	background-color: var(--color-default);
	border-color: var(--color-default);
	font-weight: 700;
	color: var(--color-white);
}
._type_cart .goods-info-box .size-select-box ul li input:disabled + label {
	background-color: rgb(245,245,245);
	border-color: rgb(229,229,229);
	cursor: default;
	color: rgb(196, 196, 196);
}

._type_cart .goods-info-box .qty-select-box {margin-top: 20px;}
._type_cart .goods-info-box .qty-inp-box {
	border: 1px solid rgb(238, 238, 238);
	background-color: var(--color-white);
	box-sizing: border-box;
}
._type_cart .goods-info-box .total-price-box {margin-top: 40px;}
._type_cart .goods-info-box .total-price-box .info-group {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
._type_cart .goods-info-box .total-price-box .head {padding: 0;}
._type_cart .goods-info-box .total-price-box .con {
	width: fit-content;
}
._type_cart .goods-info-box .total-price-box .total-price {
	font-weight: 700;
	font-size: 18px;
	color: var(--color-default);
}

/* pay */
.order-box._type_pay {margin-top: 30px;}
.order-box .pay-toggle-box + .pay-toggle-box {
	margin-top: 45px; 
	padding-top: 45px;
	border-top: 1px solid var(--color-default);
}
.order-box .pay-toggle-box._open + .pay-toggle-box {margin-top: 60px;}
.order-box .pay-toggle-box .toggle-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	padding: 15px 44px 15px 0;
	box-sizing: border-box;

	background-position: center right 5px;
    background-repeat: no-repeat;
    background-image: var(--arr-down-bk3);
}
.order-box .pay-toggle-box._open .toggle-head {background-image: var(--arr-up-bk3);}
.order-box .pay-toggle-box .toggle-head._fix {
	background-image: none;
	justify-content: flex-start;
}
.order-box .pay-toggle-box .toggle-head .tit {
	font-weight: 700;
	font-size: 18px;
	color: var(--color-default);
}
.order-box .pay-toggle-box .toggle-head .txt {
	font-size: 16px;
	color: var(--color-default);
}
.order-box .pay-toggle-box._open .toggle-head .txt {display: none;}
.order-box .pay-toggle-box .toggle-con {display: none;}
.order-box .pay-toggle-box._open .toggle-con {display: block;}
.order-box._type_pay .order__list {margin-top: -15px;}
.order-box._type_pay .order__list li:first-child {border-top: none;}
.order-box._type_pay .order__list li:last-child {padding-bottom: 0px;}
.order-box .gift__list {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 12px;
}
.order-box .gift__list li {
	display: flex;
	width: calc((100% - 30px) / 3);
}
.order-box .gift__list .gift-info-box {
	width: 100%;
	padding-left: 10px;
}
.order-box .gift__list .gift-info-box > div {display: flex;}
.order-box .gift__list .gift-thumb {width: 90px}
.order-box .gift__list .gift-thumb img {width: 100%;}
.order-box .gift__list .gift-detail {
	display: flex;
	flex-direction: column;
	padding-left: 20px;
}
.order-box .gift__list .gift-detail .cate {
	font-size: 14px;
	color: rgb(102, 102, 102);
}
.order-box .gift__list .gift-detail .name {
	margin-top: 13px;
	font-size: 16px;
	font-weight: 700;
	color: var(--color-default);
}
.order-box .gift__list .gift-detail .option {
	margin-top: auto;
	font-size: 14px;
	color: rgb(153, 153, 153);
}
.order-box .gift__list .gift-option-box {
	flex-direction: column;
	margin-top: 20px;
}
.order-box .gift__list .gift-option-box > div + div {margin-top: 10px;}
.order-box .gift__list .gift-option-box select {width: 100%;}
.order-box .toggle-head .chk-box {margin-left: 33px;}
.order-box .inp-box input {
	width: 100%;
	height: 50px;
	border: 1px solid var(--color-grey);
	border-radius: 0;
	padding: 0 20px;
	box-sizing: border-box;
	font-family: var(--fontfam-kor), sans-serif;
	font-size: 16px;
	color: var(--color-default);
}
.order-box .inp-box input.on {border-color: var(--color-default);}
.order-box .inp-box input::placeholder {color: rgb(153, 153, 153);}
.order-box .chg-address__btn {
	position: absolute;
	top: 15px;
	right: 0;
	width: 100px;
	height: 40px;
}
.order-box .addr-info-box {margin-top: 14px;}
.order-box .addr-info-box .txt-box > div {
	display: flex;
	padding-bottom: 15px;
}
.order-box .addr-info-box .txt-box p {
	font-size: 16px;
	line-height: 19px;
	color: var(--color-default);
}
.order-box .addr-info-box .txt-box > div p {font-weight: 700;}
.order-box .addr-info-box .number {
	position: relative;
	margin-left: 23px;
	padding-left: 20px;
}
.order-box .addr-info-box .number:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background-color: var(--color-grey);
}
.order-box .addr-info-box .inp-box {margin-top: 30px;}
.order-box .addr-info-box .inp-box > div {
	display: flex;
	gap: 15px;
}
.order-box .addr-info-box .inp-box.deli-msg select {width: 370px;}
.order-box .addr-info-box .inp-box.deli-msg input {width: calc(100% - 385px);}
.order-box .addr-info-box._guest .inp-box {max-width: 775px;}
.order-box .addr-info-box._guest input {width: 100%;}
.order-box .addr-info-box._guest .inp-box.deli-msg {
	max-width: 100%;
}
.order-box .addr-info-box._guest .inp-box > div + div {margin-top: 10px;}
.order-box .addr-info-box._guest .inp-box + .inp-box {margin-top: 20px;}
.order-box .addr-info-box._guest .find-box {
	display: flex;
	width: 370px;
}
.order-box .addr-info-box._guest .find-box button {
	flex-shrink: 0;
	width: 100px;
	height: 50px;
	border: 1px solid var(--color-default);
	box-sizing: border-box;
	font-size: 16px;
	color: var(--color-default);
}

.order-box .cp-point-box {
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-width: 755px;
	margin-top: 15px;
}
.order-box .cp-point-box select {width: 100%;}
.order-box .cp-point-box .point {position: relative;}
.order-box .cp-point-box .point button {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	padding: 0 20px;
	font-size: 16px;
	color: var(--color-default);
}
.order-box .cp-point-box .point button:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 10px;
	background-color: var(--color-grey);
}
.order-box .cp-point-box p {
	position: relative;
	padding-left: 30px;
	font-size: 16px;
	line-height: 20px;
}
.order-box .cp-point-box p:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: var(--ico-bang-bk);
}
.order-box .payway__list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 15px;
	margin-top: 15px;
}
.order-box .payway__list li {
	position: relative;
	width: calc((100% - 30px) / 3);
	height: 50px;
}
.order-box .payway__list li._type_bnf:after {
	content: '혜택';
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 20px;
	background-color: var(--color-default);
	font-size: 11px;
	color: var(--color-white);
}
.order-box .payway__list li input {
	position: absolute;
    z-index: -9999;
    opacity: 0;
}
.order-box .payway__list li label {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border: 1px solid var(--color-grey);
	font-size: 16px;
	color: rgb(153, 153, 153);
	cursor: pointer;
}
.order-box .payway__list li label img {object-fit: none;}
.order-box .payway__list li input:checked + label {
	border-color: var(--color-default);
	color: var(--color-default);
}
.order-box .chk-box._type_payway {margin-top: 30px;}
.order-box .benefit-box {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid rgb(238, 238, 238);
}
.order-box .benefit-box .tit {
	font-weight: 700;
	font-size: 16px;
	color: var(--color-default);
}
.order-box .benefit-box .txt {
	margin-top: 12px;
	font-size: 16px;
	color: var(--color-default);
}
.order-box .benefit-box .txt__btn {
	margin-top: 20px;
	display: inline-block;
	font-size: 16px;
    color: rgb(153, 153, 153);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.lyr-address--open {overflow: hidden;}
._type_address .basic__layer {width: 600px;}
._type_address .basic__layer .con {
	height: 700px;
	padding-bottom: 30px;
}
._type_address .address__list li {
	position: relative;
	width: 100%;
	padding: 30px 30px 25px;
	box-sizing: border-box;
}
._type_address .address__list li + li {
	margin-top: 10px;
}
._type_address .address__list li input {
	position: absolute;
	z-index: -999;
	opacity: 0;
}
._type_address .address__list li label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid rgb(238, 238, 238);
}
._type_address .address__list li input:checked + label {
	border-color: var(--color-default);
}
._type_address .address__list .address-info .receiver {
	display: flex;
}
._type_address .address__list .address-info .tag {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 20px;
	margin-right: 10px;
	border-radius: 5px;
	background-color: var(--color-default);
	font-size: 10px;
	color: var(--color-white);
}
._type_address .address__list .address-info .name {
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: var(--color-default);
}
._type_address .address__list .address-info .tel {
	position: relative;
	margin-left: 13px;
	padding-left: 10px;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: var(--color-default);
}
._type_address .address__list .address-info .tel:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 14px;
	background-color: var(--color-grey);
}
._type_address .address__list .address-info .detail p {
	margin-top: 25px;
	font-size: 16px;
	line-height: 26px;
	color: rgb(102, 102, 102);
}
._type_address .address__list .btn-box {
	display: flex;
	position: absolute;
	top: 25px;
	right: 27px;
}
._type_address .address__list .btn-box button {
	width: 30px;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 0;
}
._type_address .address__list .btn-box .edit__btn {background-image: var(--ico-edit-bk);}
._type_address .address__list .btn-box .delete__btn {background-image: var(--ico-delete-bk);}
._type_address .address-list-box .add-address__btn {
	height: 60px;
	margin-top: 30px;
}
._type_address._add {
	position: absolute;
	z-index: 6020;
}
._type_address._add .basic__layer {height: 600px;}
._type_address .address-add-box .inp-box + .inp-box {margin-top: 30px;}
._type_address .address-add-box .inp-box > div {
	width: 100%;
	height: 50px;
}
._type_address .address-add-box .inp-box > div + div {margin-top: 10px;}

._type_address .address-add-box .inp-box input {
	width: 100%;
	height: 50px;
	border: 1px solid var(--color-grey);
	border-radius: 0;
	padding: 0 20px;
	box-sizing: border-box;
	font-family: var(--fontfam-kor), sans-serif;
	font-size: 16px;
	color: var(--color-default);
}
._type_address .address-add-box .inp-box input.on {
	border-color: var(--color-default);
}
._type_address .address-add-box .inp-box .find-box {
	display: flex;
	gap: 10px;
}
._type_address .address-add-box .inp-box .find-box button {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	width: 100px;
	height: 100%;
	border: 1px solid var(--color-default);
	box-sizing: border-box;
	font-size: 16px;
	color: var(--color-default);
}
._type_address .address-add-box .inp-box input::placeholder {
	color: rgb(153, 153, 153);
}
._type_address .address-add-box .chk-box {margin-top: 31px;}

/* pay complete */
.order-box .complete-box h3 {
	font-weight: 700;
	font-size: 36px;
	line-height: 52px;
	color: var(--color-default);
}
.order-box .complete-box .detail {
	display: flex;
	margin-top: 28px;
}
.order-box .complete-box .detail p {
	position: relative;
	font-size: 16px;
	line-height: 19px;
	color: var(--color-default);
}
.order-box .complete-box .detail p.date {
	margin-left: 20px;
	padding-left: 20px;
}
.order-box .complete-box .detail p.date:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background-color: var(--color-grey);
}
.order-box .complete-box .tit {
	font-weight: 700;
	font-size: 18px;
	color: var(--color-default);
}
.order-box .complete-box + .complete-box {
	margin-top: 60px;
	padding-top: 60px;
	border-top: 1px solid var(--color-default);
}
.order-box .complete-box .addr-info-box .request {
	margin-top: 28px;
	font-size: 16px;
	color: rgb(153, 153, 153);
}
.order-box .total-box .total-con ._type_deposit {margin-top: 20px;}
.order-box .total-box .total-con ._type_deposit > div {
	margin-top: 0;
	justify-content: flex-start;
	line-height: 24px;
}
.order-box .total-box .total-con ._type_deposit dd {margin-left: 4px;}
.order-box .total-box .total-con ._type_deposit + .go-bank {
	display: inline-block;
	margin-top: 17px;
	font-size: 16px;
	color: var(--color-default);
	text-decoration: underline;
	text-underline-offset: 2px;
}
/* //ORDER */

/* MYPAGE */
.mypage__contents .mypage-tab {
	display: flex;
	align-items: center;
	height: 280px;
	background-color: var(--color-default);
}
.mypage-tab .inner {
	display: flex;
	gap: 60px;
	min-width: var(--window-min-width);
    max-width: 1720px;
    width: 100%;
	height: 80px;
    margin: 0 auto;
    padding: 0 60px;
    box-sizing: border-box;
}
.mypage-tab .my-info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	width: 340px;
	min-width: 180px;
	height: 100%;
	padding-right: 60px;
	box-sizing: border-box;
}
.mypage-tab .my-info .level-box {
	display: flex;
	align-items: center;
	gap: 10px;
}
.mypage-tab .my-info .level-box .level {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 33px;
	height: 20px;
	padding: 0 8px;
	font-weight: 700;
	font-size: 12px;
	color: var(--color-default);
	background-color: var(--color-white);
}
.mypage-tab .my-info .name {
	font-size: 32px;
	line-height: 42px;
	color: var(--color-white);
}
.mypage-tab .my-info .txt__btn {
	font-size: 14px;
    color: rgba(255, 255, 255, .4);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.mypage-tab .my-info .name span {font-weight: 700;}
.mypage-tab .my-info .modify__btn {
	position: absolute;
	top: -11px;
	right: -11px;
	width: 40px;
	height: 40px;
	font-size: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: var(--ico-setting-wt);
}
.mypage-tab .my-link {
	display: flex;
	width: 1200px;
}
.mypage-tab .my-link > div {
	width: 100%;
	min-width: 155px;
	padding: 0 0 0 60px;
	border-left: 1px solid rgba(255, 255, 255, .2);
}
.mypage-tab .my-link a {
	display: block;
	width: 100%;
	height: 100%;
}
.mypage-tab .my-link dl {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.mypage-tab .my-link dl dt {
	font-size: 16px;
	line-height: 19px;
	color: var(--color-white);
}
.mypage-tab .my-link dl dd {
	font-weight: 700;
	font-size: 32px;
	line-height: 42px;
	color: var(--color-white);
}

.mypage__contents .mypage-area {
	display: flex;
	justify-content: space-between;
	/*gap: 120px;*/
	min-width: var(--window-min-width);
    max-width: 1720px;
    width: 100%;
    margin: 60px auto 150px;
    padding: 0 60px;
    box-sizing: border-box;
}
.mypage-area .tit__style1 {text-align: left;}
.mypage-area .lnb-box {
	/*flex-shrink: 0;*/
	width: 340px;
}
.mypage-area .lnb-box .lnb {
	margin-top: 54px;
}
.mypage-area .lnb-box .lnb .tit {
	font-weight: 700;
	font-size: 18px;
	color: var(--color-default);
}
.mypage-area .lnb-box .lnb > div + div {
	margin-top: 28px;
	padding-top: 35px;
	border-top: 1px solid rgba(0, 0, 0, .1);
}
.mypage-area .lnb-box .lnb ul {
	margin-top: 14px;
}
.mypage-area .lnb-box .lnb ul a {
	display: block;
	font-size: 16px;
	line-height: 40px;
	color: var(--color-default);
}
.mypage-area .lnb-box .lnb ul li:hover a,
.mypage-area .lnb-box .lnb ul li.on a {
	text-decoration: underline;
	text-underline-offset: 2px;
}
.mypage-area .mypage-box {
	width: 100%;
	width: 1140px;
	padding-left: 60px;
}
.mypage-area .mypage-box .my-con-box {
	margin-top: 54px;
}
/* index */
.mypage-box .my-order-box > p {
	margin-top: 163px;
	font-size: 18px;
	color: var(--color-default);
	text-align: center;
}
.mypage-box .my-order-box .my-order + .my-order {
	margin-top: 20px;
	padding-top: 60px;
	border-top: 1px solid var(--color-default);
}
.mypage-box .my-order-box .order-num {
	display: block;
	margin-top: -15px;
	padding: 15px 0;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: var(--arr-right-bk2);
}
.mypage-box .my-order-box .order-num > div {
	display: flex;
}
.mypage-box .my-order-box .order-num p {
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	color: var(--color-default);
}
.mypage-box .my-order-box .order-num .date {
	position: relative;
	margin-left: 20px;
	padding-left: 20px;
}
.mypage-box .my-order-box .order-num .date:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background-color: var(--color-grey);
}
.mypage-box .order__list .point {display: none;}
.order__list._type_my li {position: relative;}
.order__list._type_my .order-info-box {max-width: 510px;}
.order__list._type_my .status {
	font-size: 14px;
	line-height: 24px;
	color: var(--color-default);
	text-align: right;
}
.order__list._type_my .status .date {
	display: block;
	color: rgb(153, 153, 153);
}
.order__list._type_my .order-btn-box {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	gap: 10px;
	position: absolute;
	bottom: 40px;
	right: 0;
    max-width: unset;
    width: 100%;
    padding-left: calc(510 / 1140 * 100%);
    box-sizing: border-box;
    pointer-events: none;
}
.order__list._type_my .order-btn-box button {
	width: 100%;
	max-width: 300px;
	margin: 0;
	height: 40px;
	font-weight: 400;
	font-size: 16px;
	pointer-events: auto;
}
.mypage-box .my-order-box .order__list {margin-top: 23px;}

/* myorder */
.mypage-box .my-sort-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 30px;
	border-bottom: 1px solid var(--color-default);
}
.mypage-box .my-sort-box .result {
	font-size: 16px;
	color: var(--color-default);
}
.mypage-box .my-sort-box .sort {
	display: flex;
	gap: 22px;
}
.mypage-box .my-sort-box .sort a, 
.mypage-box .my-sort-box .sort button {
	font-size: 16px;
	color: rgb(153, 153, 153);
}
.mypage-box .my-sort-box .sort a.on,
.mypage-box .my-sort-box .sort button.on {
	color: var(--color-default);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.mypage-box .my-sort-box + .my-con {margin-top: 60px;}
.mypage-box .my-sort-box .period {
	display: none;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-top: 30px;
}
.mypage-box .my-sort-box .period._open {display: flex;}
.mypage-box .my-sort-box .period > p {
	font-size: 16px;
	color: rgb(153, 153, 153);
}

.mypage-box .my-sort-box .calendar {
	display: flex;
	gap: 30px;
	width: 460px;
	height: 50px;
	border: 1px solid var(--color-grey);
	box-sizing: border-box;
	font-size: 16px;
	color: var(--color-default);
}
.mypage-box .my-sort-box .calendar input[type='date'] {
	position: relative;
	padding: 0 30px;
	width: 100%;
	max-width: 162px;
	height: 100%;
	border: 0;
	outline: 0;
	box-sizing: border-box;
}
.mypage-box .my-sort-box .calendar .inp-box {
	position: relative;
	display: flex;
    align-items: center;
	width: calc(100% - 70px);
	height: 100%;
}
.mypage-box .my-sort-box .calendar span {margin-left: auto;}
.mypage-box .my-sort-box .calendar input[type='date']::-webkit-calendar-picker-indicator {
	position: absolute; 
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: right 14px;
	background-repeat: no-repeat;
	background-size: 16px;
	background-image: var(--ico-calendar-bk);
	color: transparent; 
	cursor: pointer;
}
.mypage-box .my-sort-box .calendar button {
	flex-shrink: 0;
	position: relative;
	width: 70px;
}
.mypage-box .my-sort-box .calendar button:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 10px;
	transform: translateY(-50%);
	background-color: var(--color-grey);
}
.mypage-box .my-con-box .my-con + .my-con {
	margin-top: 60px;
	padding-top: 60px;
	border-top: 1px solid var(--color-default);
}
.mypage-box .my-con-box .my-con._type_order + .my-con,
.mypage-box .my-con-box .my-con._type_view + .my-con {margin-top: 20px;}

.mypage-box .refund-info .tit {
	font-weight: 700;
	font-size: 16px;
	color: var(--color-default); 
}
.mypage-box .refund-info > div {margin-top: 35px;}
.mypage-box .refund-info > div + div {
	padding-top: 36px;
	border-top: 1px solid rgb(238, 238, 238);
}
.mypage-box .refund-info ul {margin-top: 21px;}
.mypage-box .refund-info ul li {
	position: relative;
	padding-left: 10px;
	font-size: 16px;
	line-height: 26px;
	color: rgb(102, 102, 102);
}
.mypage-box .refund-info ul li:before {
	content: '·';
	position: absolute;
	top: 0;
	left: 0;
}
.mypage-box .refund-info ._type_cancel li {
	padding-left: 0;
}
.mypage-box .refund-info ._type_cancel li span {
	display: block;
	color: var(--color-default);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.mypage-box .refund-info ._type_cancel li + li {margin-top: 21px;}
.mypage-box .refund-info ._type_cancel li:before {display: none;}

.no-order-txt._cancel {padding: 20px 0 60px;}
.no-order-txt._myorder {padding: 20px 0 40px;}
.no-order-txt p {	
	font-weight: 500;
	font-size: 18px;
	text-align: center;
}

/* myorder view */
.mypage-box .my-order-box .my-order-info .order-num {
	margin-top: 25px;
	padding: 0;
	background: none;
}
.mypage-box .my-order-box .my-order-info + .my-order {
	margin-top: 60px;
	padding-top: 60px;
	border-top: 1px solid var(--color-default);
}
.mypage-box ._type_view .order__list {margin-top: -10px;}
.mypage-box ._type_view .order__list li:first-child {border-top: 0;}

.mypage-box .order-detail-box {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}
.mypage-box .order-detail-box > div {
	width: 100%;
	max-width: 510px;
}
.mypage-box .total-box {
	margin-top: 25px;
	word-break: keep-all;
}
.mypage-box .total-box .total-con + .total-con {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid rgba(0, 0, 0, .1);
}
.mypage-box .total-box .total-con dl {
	font-size: 16px;
	line-height: 26px;
	color: var(--color-default);
}
.mypage-box .total-box .total-con dd {
	text-align: right;
	padding-left: 10px;
}
.mypage-box .total-box .total-con dl > div {
	display: flex;
	justify-content: space-between;
}
.mypage-box .total-box .total-con dl > div + div {margin-top: 15px;}
.mypage-box .total-box .total-con ._type_red {color: var(--color-red);}
.mypage-box .total-box .total-con .amount {
	font-weight: 700;
	font-size: 22px;
	line-height: 26px;
}
.mypage-box .total-box .total-con .point {
	margin-top: 29px;
	color: rgb(153, 153, 153);
}
.mypage-box .total-box .total-con ul {margin-top: 27px;}
.mypage-box .total-box .total-con ul li {
	display: flex;
	justify-content: space-between;
}
.mypage-box .total-box .total-con ul li + li {margin-top: 17px;}
.mypage-box .total-box .total-con p {
	font-size: 16px;
	line-height: 19px;
	color: var(--color-default);
}
.mypage-box .total-box .total-con .tit {
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
}
.mypage-box .total-box a.btn__style3 {
	height: 50px;
	margin-top: 60px;
}
.mypage-box .total-box .total-con ._type_deposit {margin-top: 25px;}
.mypage-box .total-box .total-con ._type_deposit > div {
	margin-top: 0;
	justify-content: flex-start;
	line-height: 24px;
}
.mypage-box .total-box .total-con ._type_deposit dd {margin-left: 4px;}
.mypage-box .total-box .total-con ._type_deposit + .go-bank {
	display: inline-block;
	margin-top: 15px;
	font-size: 16px;
	color: var(--color-default);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.mypage-box .addr-info-box {
	position: relative;
}
.mypage-box .addr-info-box .txt-box > div {
	display: flex;
	margin-top: 25px;
	padding-bottom: 11px;
}
.mypage-box .addr-info-box .txt-box p {
	font-size: 16px;
	line-height: 26px;
	color: var(--color-default);
}
.mypage-box .addr-info-box .txt-box > div p {font-weight: 700;}
.mypage-box .addr-info-box .number {
	position: relative;
	margin-left: 23px;
	padding-left: 20px;
}
.mypage-box .addr-info-box .number:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background-color: var(--color-grey);
}
.mypage-box .addr-info-box .txt-box .request {
	margin-top: 21px;
	font-size: 16px;
	color: rgb(153, 153, 153);
}
.mypage-box .order-detail-box .chg-address__btn {
	position: absolute;
	top: -14px;
	right: 0;
	width: 100px;
	height: 40px;
}

/* exchange */
.mypage-box .my-con .inp-box {margin-top: 30px;}
.mypage-box .my-con .inp-box input {
	width: 100%;
	height: 50px;
	border: 1px solid var(--color-grey);
	border-radius: 0;
	padding: 0 20px;
	box-sizing: border-box;
	font-family: var(--fontfam-kor), sans-serif;
	font-size: 16px;
	color: var(--color-default);
}
.mypage-box .my-con .inp-box input[type="text"]:disabled {
	border: 1px solid var(--color-grey);
	background-color: rgb(238, 238, 238);
	color: rgb(153, 153, 153);
}
.mypage-box .my-con .inp-box input.on {border-color: var(--color-default);}
.mypage-box .my-con .inp-box input::placeholder {color: rgb(153, 153, 153);}
.mypage-box .my-con .inp-box + .inp-box {margin-top: 30px;}
.mypage-box .my-con .inp-box > div + div {margin-top: 10px;}
.mypage-box .my-con .inp-box.deli-msg > div {
	display: flex;
	gap: 15px;
}
.mypage-box .my-con .inp-box.deli-msg select {
	width: 100%;
	max-width: 370px;
}
.mypage-box .my-con .inp-box.deli-msg input {
	width: 100%;
	min-width: 50%;
}
.mypage-box .my-con .inp-box .find-box {
	display: flex;
	gap: 10px;
}
.mypage-box .my-con .inp-box .find-box button {
	flex-shrink: 0;
	width: 100px;
	height: 50px;
	border: 1px solid var(--color-default);
	box-sizing: border-box;
	font-size: 16px;
	color: var(--color-default);
}
.mypage-box .my-con-box._exchange .sub-txt {
	margin-top: 26px;
	font-size: 16px;
	color: rgb(153, 153, 153);
}
.mypage-box .my-con-box._exchange .option__btn._done {border-color: var(--color-default);}
.mypage-box .my-con-box._exchange .refund-info ul {margin-top: 36px;}
.mypage-box .my-con-box .my-btn-box {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	height: 60px;
	margin-top: 120px;
}
.mypage-box .my-con-box .my-btn-box button {
	width: 300px;
	height: 100%;
}

/* wishlist */
.mypage-box .order-check-box {
	display: flex;
	justify-content: space-between;
}
.mypage-box .order-check-box > div {
	display: flex;
	align-items: center;
}
.mypage-box .order-check-box .count {
	padding-left: 14px;
	font-size: 14px;
	line-height: 16px;
	color: rgb(153, 153, 153);
}
.mypage-box .order-check-box .txt__btn {
	margin-left: 24px;
	font-size: 16px;
	line-height: 20px;
	color: rgb(153, 153, 153);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.mypage-box .order__list._wish ._soldout .point {display: block;}
.mypage-box .order__list._wish .order-btn-box {max-width: unset;}
.mypage-box .order__list._wish .order-btn-box button {max-width: 300px;}

/* today */
.mypage-box .goods__list {
	gap: 37px 30px;
}
.mypage-box .goods__list .tag-box,
.mypage-box .goods__list .colorchip {display: none;}

.mypage-box .goods__list .goods {
	position: relative;
	width: calc((100% - 60px) / 3);
	margin: 0;
}

.mypage-box .goods__list .goods .info {margin-top: 16px;}
.mypage-box .goods__list .goods .info .cate {
	font-size: 14px;
	line-height: 16px;
}
.mypage-box .goods__list .goods .info .name {
	margin-top: 13px;
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
}
.mypage-box .goods__list .goods .info .price {margin-top: 17px;}
.mypage-box .goods__list .goods .info .price p {
	font-weight: 400;
	font-size: 16px;
}
.mypage-box .goods__list .goods .info ._sale {display: none;}
.mypage-box .goods__list .goods .add-cart__btn {
	margin-top: 19px;
	height: 40px;
}
.mypage-box .goods__list .goods .wish__btn {
	display: block;
	position: absolute;
	z-index: 3;
	top: unset;
	right: -8px;
	margin-top: -30px;
	width: 36px;
	height: 36px;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-image: var(--ico-wish-gr-off2);
}
.mypage-box .goods__list .goods .wish__btn.on {background-image: var(--ico-wish-bk-on);}

/* restock */
.mypage-box .order__list._restock .point {display: block;}
.mypage-box .order__list._restock .order-btn-box button {max-width: 300px;}

/* point */
.mypage-box .my-point {
	display: flex;
	gap: 16px;
}
.mypage-box .my-point dt,
.mypage-box .my-point dd {
	font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: var(--color-default);
}
.mypage-box .point__list {
	margin-top: 26px;
	border-top: 1px solid var(--color-default);
}
.mypage-box .point__list li {
	padding: 27px 0;
	border-bottom: 1px solid rgb(238, 238, 238);
}
.mypage-box .point__list li > div + div {
	margin-top: 24px;
}
.mypage-box .point__list p { 
	position: relative;
	font-size: 16px;
	color: var(--color-default);
}
.mypage-box .point__list .point,
.mypage-box .point__list .detail {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mypage-box .point__list .point p {
	font-weight: 700;
	font-size: 18px;
}
.mypage-box .point__list ._use p {color: var(--color-red);}
.mypage-box .point__list .detail > div {
	display: flex;
}
.mypage-box .point__list .detail > div p + p {
	margin-left: 20px;
	padding-left: 20px;
}
.mypage-box .point__list .detail > div p + p:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background-color: var(--color-grey);
} 

/* modify */
._type_account .member-box .modify-txt {
	line-height: 26px;
	padding-bottom: 25px;
}
.mypage-box .my-head-box {
	display: flex;
	justify-content: space-between;
}
.mypage-box .my-head-box button {
	width: 200px;
	height: 40px;
	font-weight: 400;
	font-size: 16px;
}
.mypage-box .my-info-box {
	display: flex;
	justify-content: space-between;
	gap: 60px;
}
.mypage-box .my-info-box .inp-box {
	width: 100%;
	max-width: 510px;
	margin-top: 28px;
}
.mypage-box .my-info-box .inp-box + .inp-box {margin-top: 28px;}
.mypage-box .my-info-box .inp-box > div {
	display: flex;
	gap: 10px;
}
.mypage-box .my-info-box .inp-box input {width: auto;}
.mypage-box .my-info-box .inp-box input[type="text"],
.mypage-box .my-info-box .inp-box input[type="email"] {width: 100%;}
.mypage-box .my-btn-box {position: relative;}
.mypage-box .my-info-box .inp-box ._agree input {
	position: absolute;
	z-index: -9999;
	opacity: 0;
}
.mypage-box .my-info-box .inp-box ._agree input + label {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 50px;
	border: 1px solid var(--color-default);
	box-sizing: border-box;
	background: var(--cb-on-style2) 20px center no-repeat var(--color-white);
	font-family: var(--fontfam-kor), sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: var(--color-default);
	opacity: .3;
	cursor: pointer;
}
.mypage-box .my-info-box .inp-box ._agree input:checked + label {
	opacity: 1;
}
.mypage-box .my-info-box .inp-box ._mkt {
	margin-top: 30px;
	gap: 23px;
}
.mypage-box .my-info-box .inp-box ._mkt input {height: 20px;}
.mypage-box .my-info-box .sub-txt {
	margin-top: 25px;
	font-size: 16px;
	line-height: 26px;
	color: rgb(153, 153, 153);
}
.mypage-box .my-info-box .sub-txt + .sub-txt {margin-top: 20px;}
.mypage-box .my-con .my-btn-box .txt__btn {
	position: absolute;
	bottom: 0;
	left: 0;
	width: fit-content;
    font-size: 16px;
    line-height: 19px;
    color: rgb(153, 153, 153);
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* address list */
.mypage-box .address__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0 60px;
	margin-top: -34px;
}
.mypage-box .address__list li {
	position: relative;
	width: calc((100% - 60px) / 2);
	max-width: 530px;
	padding: 30px 0 25px;
	border-bottom: 1px solid rgb(238, 238, 238);
	box-sizing: border-box;
}
.mypage-box .address__list .address-info .receiver {
	display: flex;
}
.mypage-box .address__list .address-info .tag {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 20px;
	margin-right: 10px;
	border-radius: 5px;
	background-color: var(--color-default);
	font-size: 10px;
	color: var(--color-white);
}
.mypage-box .address__list .address-info .name {
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: var(--color-default);
}
.mypage-box .address__list .address-info .tel {
	position: relative;
	margin-left: 13px;
	padding-left: 10px;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: var(--color-default);
}
.mypage-box .address__list .address-info .tel:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 14px;
	background-color: var(--color-grey);
}
.mypage-box .address__list .address-info .detail p {
	margin-top: 25px;
	font-size: 16px;
	line-height: 26px;
	color: rgb(102, 102, 102);
}
.mypage-box .address__list .btn-box {
	display: flex;
	position: absolute;
	top: 25px;
	right: -3px;
}
.mypage-box .address__list .btn-box button {
	width: 30px;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 0;
}
.mypage-box .address__list .btn-box .edit__btn {background-image: var(--ico-edit-bk);}
.mypage-box .address__list .btn-box .delete__btn {background-image: var(--ico-delete-bk);}	

/* sns login */
.mypage-box .sns__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: -44px;
}
.mypage-box .sns__list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 40px 0 36px;
	border-bottom: 1px solid rgb(238, 238, 238);
	width: calc((100% - 60px) / 2);
	max-width: 530px;
}
.mypage-box .sns__list li > div {
	display: flex;
	gap: 20px;
}
.mypage-box .sns__list li p {
	padding-left: 32px;
	font-size: 16px;
	color: var(--color-default);
	background-position: center left;
	background-repeat: no-repeat;
}
.mypage-box .sns__list li p._type_naver {
	background-size: 13px;
	background-image: url(/pc/resource/images/sub/ico_naver_13x12.png);
}
.mypage-box .sns__list li p._type_kakao {
	background-size: 17px;
	background-image: url(/pc/resource/images/sub/ico_kakao_17x16.png);
}
.mypage-box .sns__list li p._type_toss {
	background-size: 26px;
	background-position: -2px center;
	background-image: url(/pc/resource/images/sub/ico_toss_26x26.png);
}
.mypage-box .sns__list li p.date {color: rgb(153, 153, 153);}
.mypage-box .sns__list .inp-box {margin: 0;}
.mypage-box .sns__list .inp-box input {
	position: absolute;
	z-index: -9999;
	opacity: 0;
	width: auto;
}
.mypage-box .sns__list .inp-box label {
	display: block;
	position: relative;
	width: 48px;
	height: 24px;
	border-radius: 20px;
	background-color: var(--color-grey);
	cursor: pointer;
	transition: all .3s;
}
.mypage-box .sns__list .inp-box label:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 2px;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: var(--color-white);
	transition: all .3s;
}
.mypage-box .sns__list .inp-box input:checked + label {background-color: var(--color-default);}
.mypage-box .sns__list .inp-box input:checked + label:before {left: calc(100% - 22px);}

/* qna */
.review-stars {
	position: relative;
	top: 0;
	left: 0;
	width: 58px;
	height: 18px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: var(--ico-stars-gr);
}
.review-stars .on {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: var(--ico-stars-bk);
}

.mypage-box .qna__list {margin-top: -44px;}
.mypage-box .qna__list li {border: none;}
.mypage-box .qna__list li + li {border-top: 1px solid rgb(238, 238, 238);}
.mypage-box .qna__list .q-wrap {
	padding: 40px 0;
	flex-wrap: nowrap;
}
.mypage-box .qna__list .q-wrap .photo {flex-shrink: 0;}
.mypage-box .qna__list .q-wrap .info .status span {
	position: relative;
	margin-left: 21px;
	padding-left: 20px;
}
.mypage-box .qna__list .q-wrap .info .status span:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background-color: var(--color-grey);
}
.mypage-box .qna__list .q-wrap .info {width: 100%;}
.mypage-box .qna__list._type_1on1 .photo,
.mypage-box .qna__list._type_1on1 .qna-goods-info {display: none;}
.mypage-box .qna__list .a-wrap .qna-goods-info {padding-bottom: 0;}

/* 1:1 문의 레이어 */
._type_1on1 .basic__layer {width: 1200px;}
._type_1on1 .qna-write-box .hd {
	display: flex;
	padding: 0 0 60px;
	border-bottom: 1px solid var(--color-default);
}
._type_1on1 .qna-info-box,
._type_1on1 .qna-inp-box {
	display: flex;
	gap: 80px;
	width: 100%;
}
._type_1on1 .qna-inp-box {padding: 60px 0;}
._type_1on1 .qna-info-box > div,
._type_1on1 .qna-inp-box > div {width: 100%;}
._type_1on1 .qna-info-box .sel-box > div + div {
	margin-top: 10px;
}
._type_1on1 select,
._type_1on1 input {width: 100%;}
._type_1on1 .qna-write-box .qna-inp-box .qna-inp-group {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
._type_1on1 .qna-inp-group + .qna-inp-group {margin-top: 10px;}
._type_1on1 .qna-inp-group .select-box {width: 100%;}
._type_1on1 .qna-inp-group .select-box select {
	width: 100%;
	height: 50px;
	padding: 0 35px 0 20px;
	background-repeat: no-repeat;
	background-position: calc(100% - 25px) center;
	background-image: var(--arr-down-bk3);
	border: 1px solid var(--color-grey);
	outline: 0;
	font-weight: 400;
	font-size: 16px;
	color: rgb(153, 153, 153);
}
._type_1on1 .qna-inp-group .select-box select._focus {
	border-color: var(--color-default);
	color: var(--color-default);
}
._type_1on1 .qna-inp-group .select-box select option {color: var(--color-default);}

._type_1on1 .qna-inp-group textarea {
	width: 100%;
	height: 230px;
	padding: 16px 20px;
	border: 1px solid var(--color-grey);
	outline: 0;
	box-sizing: border-box;
	resize: none;
	font-weight: 400;
	font-size: 16px;
	color: var(--color-default);
	line-height: 26px;
}
._type_1on1 .qna-inp-group textarea::placeholder {color: rgb(153, 153, 153);}
._type_1on1 .qna-inp-group textarea.on,
._type_1on1 .qna-inp-group textarea._focus {border-color: var(--color-default);}
._type_1on1 .qna-inp-group .cs-txt-box {margin-top: 10px;}
._type_1on1 .qna-inp-group .txt {
	font-weight: 400;
	font-size: 16px;
	color: var(--color-default);
	line-height: 26px;
}
._type_1on1 .qna-inp-group .cs-txt-box a {
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
	font-weight: 400;
	font-size: 16px;
	color: var(--color-default);
	text-decoration: underline;
}
._type_1on1 .qna-inp-group .email-box {
	width: 100%;
	margin-top: 0;
}
._type_1on1 .qna-inp-group .email-box input {margin-top: 0;}
._type_1on1 .qna-inp-group .email-box input {
	display: block;
	width: 520px;
	height: 50px;
	/*margin-top: 6px;*/
	padding: 0 20px;
	border: 1px solid var(--color-grey);
	outline: 0;
	box-sizing: border-box;
	font-weight: 400;
	font-size: 16px;
	color: var(--color-default);
}
._type_1on1 .qna-inp-group .email-box input.on,
._type_1on1 .qna-inp-group .email-box input._focus {
	border-color: var(--color-default);
	color: var(--color-default);
}
._type_1on1 .qna-inp-group .email-box input::placeholder {color: rgb(153, 153, 153);}
._type_1on1 .qna-inp-group .email-box .chk {margin-top: 20px;}
._type_1on1 .qna-inp-group .agree-txt-box {margin-top: 46px;}
._type_1on1 .qna-inp-group .agree-txt-box .tit {
	padding-bottom: 4px;
	font-weight: 700;
	font-size: 16px;
	color: var(--color-default);
}
._type_1on1 .qna-inp-group .agree-txt-box .txt1,
._type_1on1 .qna-inp-group .agree-txt-box .txt2 {
	margin-top: 15px;
	font-weight: 400;
	font-size: 16px;
	color: var(--color-default);
	line-height: 26px;
}
._type_1on1 .qna-inp-group .agree-txt-box .txt1 span {font-weight: 600;}
._type_1on1 .qna-inp-group .agree-txt-box .txt2 {
	margin-top: 18px;
	color: rgb(153, 153, 153);
}
._type_1on1 .qna-inp-group .agree-chk {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin-top: 40px;
}
._type_1on1 .qna-inp-group .agree-chk input {
	position: absolute;
	z-index: -9999;
	opacity: 0;
	width: auto;
}
._type_1on1 .qna-inp-group .agree-chk input + label {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc((100% + 10px) / 2 - 10px);
	height: 50px;
	border: 1px solid rgba(0,0,0,0.3);
	box-sizing: border-box;
	cursor: pointer;
	font-weight: 400;
	font-size: 16px;
	color: rgba(0,0,0,0.3);
}
._type_1on1 .qna-inp-group .agree-chk input:checked + label {
	border-color: var(--color-default);
	color: var(--color-default);
}
._type_1on1 .qna-info-box .find-item__btn {
	height: 50px;
	font-weight: 400;
	font-size: 16px;
}
._type_1on1 .qna-info-box .find-box {
	display: none;
	position: relative;
	width: 100%;
}
._type_1on1 .qna-info-box .find-box input {
	display: block;
    width: 520px;
    height: 50px;
    padding: 0 100px 0 20px;
    border: 1px solid var(--color-default);
    outline: 0;
    box-sizing: border-box;
	background-color: var(--color-white);
    font-weight: 400;
    font-size: 16px;
    color: var(--color-default);
}
._type_1on1 .qna-info-box .find-box .find-item__btn {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	padding: 0 20px;
	font-size: 16px;
	color: var(--color-default);
}
._type_1on1 .qna-info-box .find-box .find-item__btn:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background-color: var(--color-grey);
}
._type_1on1 .qna-info-box ._done > .find-item__btn {display: none;}
._type_1on1 .qna-info-box ._done > .find-box {display: block;}
._type_1on1 .qna-info-box ._done label {pointer-events: none;}
._type_1on1 .qna-info-box ._done label:before {background-image: var(--cb-lock-style1);}
._type_1on1 .qna-info-box .chk {
	display: flex;
	align-items: center;
	gap: 25px;
	margin-top: 25px;
}
._type_1on1 .qna-info-box .chk input {width: 20px;}
._type_1on1 .qna-info-box .chk p {
	font-size: 14px;
	color: rgb(153, 153, 153);
}

._type_1on1 .upload-box {	
	display: flex;
	margin-top: 30px;
}
._type_1on1 .upload-btn-box input {
	position: absolute;
	z-index: -9999;
	opacity: 0;
	width: 75px;
}
._type_1on1 .upload-btn-box label {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 75px;
	height: 75px;
	background-color: var(--color-white);
	border: 1px solid var(--color-grey);
	box-sizing: border-box;
	cursor: pointer;
}
._type_1on1 .upload-btn-box label span {
	background-repeat: no-repeat;
	background-position: top center;
	background-image: var(--ico-camera-gr);
	padding-top: 17px;
	font-weight: 400;
	font-size: 12px;
	color: rgb(153, 153, 153);
	text-align: center;
}
._type_1on1 .upload-notice {
	width: 100%;
	margin-top: 25px;
	font-weight: 400;
	font-size: 16px;
	color: rgb(153, 153, 153);
	line-height: 26px;
}
._type_1on1 .upload-img__list {display: flex;}
._type_1on1 .upload-img__list li {
	position: relative;
	top: 0;
	left: 0;
	width: 75px;
	height: 75px;
	margin-right: 10px;
	background-color: rgb(222,222,222);
}
._type_1on1 .upload-img__list li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
._type_1on1 .upload-img__list li .upload-remove__btn {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	width: 14px;
	height: 14px;
	background-color: rgba(255,255,255,0.5);
	background-repeat: no-repeat;
	background-position: center center;
	background-image: var(--ico-x-bk);
	background-size: 8px;
}


._type_qnaitem .layer-bg {z-index: 6010;}
._type_qnaitem .basic__layer {width: 600px;}
._type_qnaitem .hd {
	position: sticky;
	top: -15px;
	z-index: 1;
}
._type_qnaitem .sort-box {
	display: flex;
	align-items: center;
	margin: -15px 0 0 0;
	padding-bottom: 15px;
	border-bottom: 1px solid rgb(238, 238, 238);
	background-color: var(--color-white);
}
._type_qnaitem .sort-box button {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px;
	font-size: 16px;
	color: rgb(153, 153, 153);
	transition: color .2s;
}
._type_qnaitem .sort-box button:first-child {margin-left: -15px;}
._type_qnaitem .sort-box button.on,
._type_qnaitem .sort-box button:hover {
	font-weight: 700;
	color: var(--color-default);
}
._type_qnaitem .order__list .option,
._type_qnaitem .order__list .price,
._type_qnaitem .order__list .order-btn-box {display: none;}
._type_qnaitem .order__list li {
	flex-direction: column;
	border-top: none;
	border-bottom: 1px solid rgb(238, 238, 238);
}
._type_qnaitem .order__list li:last-child {border-bottom: none;}
._type_qnaitem .order__list .order-check {
	display: flex;
	align-items: center;
}
._type_qnaitem .order__list .order-check p {
	position: relative;
	padding-left: 10px;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: var(--color-default);
}
._type_qnaitem .order__list .order-check p + p {
	margin-left: 20px;
	padding-left: 20px;
}
._type_qnaitem .order__list .order-check p + p:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background-color: var(--color-grey);	
}
._type_qnaitem .order__list .order-info-box .order-thumb {width: 60px;}
._type_qnaitem .order__list .order-info-box .order-detail .name {font-size: 16px;}

/* coupon */
.mypage-box .my-con-box._check {margin-top: 40px;}
.mypage-box .check-inp-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
}
.mypage-box .check-inp-box p {
	font-size: 16px;
	color: rgb(102, 102, 102);
	word-break: keep-all;
}
.mypage-box .check-inp-box > div {
	position: relative;
	width: 550px;
	height: 50px;
}

.mypage-box .check-inp-box input {
	width: 100%;
	height: 100%;
    padding: 0 90px 0 20px;
	border: 1px solid var(--color-grey);
	box-sizing: border-box;
    font-family: var(--fontfam-kor), sans-serif;
    font-size: 16px;
    color: var(--color-default);
}
.mypage-box .check-inp-box input::placeholder {color: var(--color-default);}
.mypage-box .check-inp-box input.on {border-color: var(--color-default);}
.mypage-box .check-inp-box button {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	height: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	font-size: 16px;
	color: var(--color-default);
}
.mypage-box .check-inp-box button:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background-color: var(--color-grey);
}
.mypage-box .cp__list {
	display: flex;
	flex-wrap: wrap;
	gap: 34px 40px;
	margin-top: 43px;
}
.mypage-box .cp__list li {
	width: calc((100% - 40px) / 2);
	min-height: 300px;
	padding-bottom: 6px;
	overflow: hidden;
}
.mypage-box .cp__list .cp-box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	height: 100%;
	padding: 26px 30px 0;
	box-sizing: border-box;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
}
.mypage-box .cp__list p {
	font-size: 16px;
	color: var(--color-white);
}
.mypage-box .cp__list .cp-top {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	height: 100%;
}
.mypage-box .cp__list .cp-top:before,
.mypage-box .cp__list .cp-top:after {
	content: '';
	position: absolute;
	top: calc((100% + 24px) / 2);
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: var(--color-white);
	box-sizing: border-box;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .16);
}
.mypage-box .cp__list .cp-top:before {left: -60px;}
.mypage-box .cp__list .cp-top:after {right: -60px;}
.mypage-box .cp__list .cp-cate, 
.mypage-box .cp__list .cp-btm {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
	width: 100%;
}
.mypage-box .cp__list .cp-btm .date {color: rgba(255, 255, 255, .5);}
.mypage-box .cp__list .cp-btm {
	height: 76px;
	border-top: 1px solid rgba(255, 255, 255, .2);
}
.mypage-box .cp__list .cp-name {
	margin: auto;
	padding: 55px 0;
	font-weight: 700;
	font-size: 40px;
	text-align: center;
	word-break: keep-all;
}
.mypage-box .cp__list .txt__btn {
	margin-right: -30px;
	padding: 0 30px;
	height: 100%;
	font-size: 16px;
	color: rgba(255, 255, 255, .5);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.mypage-box .cp__list .cp-box._type_gr {background-color: rgb(102, 102, 102);}
.mypage-box .cp__list .cp-box._type_bk {background-color: var(--color-default);}
.mypage-box .cp__list .cp-box._type_wt {background-color: var(--color-white);}
.mypage-box .cp__list .cp-box._type_wt {border: 1px solid var(--color-default);}
.mypage-box .cp__list .cp-box._type_wt .cp-top:before,
.mypage-box .cp__list .cp-box._type_wt .cp-top:after {border: 1px solid var(--color-default);}
.mypage-box .cp__list .cp-box._type_wt p {color: var(--color-default);}
.mypage-box .cp__list .cp-box._type_wt .cp-btm {border-top: 1px solid rgba(0, 0, 0, .2);}
.mypage-box .cp__list .cp-box._type_wt .txt__btn {color: var(--color-default);}

body.lyr-cp--open {overflow: hidden;}
._type_coupon .basic__layer {width: 600px;}
._type_coupon .con {padding-bottom: 16px;}
._type_coupon .cp-name {
	margin-top: 5px;
	font-weight: 700;
	font-size: 32px;
	color: var(--color-default);
}
._type_coupon .cp-detail-box {margin-top: 10px;}
._type_coupon .cp-detail-box dl {
	padding: 36px 0;
	border-top: 1px solid rgba(0, 0, 0, .1);
}
._type_coupon .cp-detail-box dl > div {display: flex;}
._type_coupon .cp-detail-box dl > div + div {margin-top: 6px;}
._type_coupon .cp-detail-box dl dt {
	min-width: 100px;
	font-weight: 700;
	font-size: 16px;
	color: var(--color-default);
}
._type_coupon .cp-detail-box dl dd {
	font-size: 16px;
	line-height: 26px;
	color: var(--color-default);
}

/* as */
.mypage-box .check-inp-box > div._type_as {width: 450px;}
.mypage-box .as-box {
	margin-top: 43px;
	padding-top: 40px;
	border-top: 1px solid var(--color-default);
}
.mypage-box .as-box .info dl {display: flex;}
.mypage-box .as-box .info dl > div {
	display: flex;
	position: relative;
}
.mypage-box .as-box .info dl > div + div {
	margin-left: 22px;
	padding-left: 20px;
}
.mypage-box .as-box .info dl > div + div:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background-color: var(--color-grey);
}
.mypage-box .as-box .info dl dt {
	font-weight: 700;
	font-size: 16px;
	color: var(--color-default);
}
.mypage-box .as-box .info dl dd {
	margin-left: 14px;
	font-size: 16px;
	color: var(--color-default);
}
.mypage-box .as-box .step__list {
	display: flex;
	gap: 10px;
	width: 100%;
	margin-top: 35px;
}
.mypage-box .as-box .step__list li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 29px;
	width: 100%;
	height: 180px;
	background-color: rgb(238, 238, 238);
	font-size: 16px;
	color: var(--color-default);
}
.mypage-box .as-box .step__list li.on {
	background-color: var(--color-default);
	color: var(--color-white);
}
.mypage-box .as-box .step__list li:before {
	margin: 0 auto;
	height: 50px;
	background-position: center;
	background-repeat: no-repeat;
	object-fit: none;
	filter: brightness(0);
}
.mypage-box .as-box .step__list li.on:before {filter: brightness(1);}
.mypage-box .as-box .step__list li:nth-child(1):before {content: url(/pc/resource/images/sub/ico_as_step_01_on.png);}
.mypage-box .as-box .step__list li:nth-child(2):before {content: url(/pc/resource/images/sub/ico_as_step_02_on.png);}
.mypage-box .as-box .step__list li:nth-child(3):before {content: url(/pc/resource/images/sub/ico_as_step_03_on.png);}
.mypage-box .as-box .step__list li:nth-child(4):before {content: url(/pc/resource/images/sub/ico_as_step_04_on.png);}
.mypage-box .as-box .step__list li:nth-child(5):before {content: url(/pc/resource/images/sub/ico_as_step_05_on.png);}

/* review */
.my-con-box._review .my-sort-box {
	justify-content: flex-start;
	margin-top: -20px;
	padding-bottom: 10px;
}
.my-con-box._review .my-sort-box button {
	position: relative;
	padding: 20px;
	font-weight: 700;
	font-size: 18px;
	color: rgba(0, 0, 0, .4);
}
.my-con-box._review .my-sort-box button.on {color: var(--color-default);}
.my-con-box._review .my-sort-box button:first-child {margin-left: -20px;}
.my-con-box._review .my-sort-box button + button:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background-color: var(--color-grey);
}
.my-con-box._review .my-con {display: none;}
.my-con-box._review .my-con.on {display: block;}
.my-con-box._review .my-con > p {
	margin-top: 80px;
	font-size: 18px;
	color: var(--color-default);
	text-align: center;
}

.my-con-box._review .order__list._type_my li{
    border-top: none;
    border-bottom: 1px solid rgb(238, 238, 238);
}
.order__list._type_my dl.date {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 55px;
}
.order__list._type_my dl.date div {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
}
.order__list._type_my dl.date dt {
	font-size: 14px;
	color: var(--color-default);
}
.order__list._type_my dl.date dd {
	font-size: 14px;
	color: rgb(153, 153, 153);
}
.my-con-box._review .paging {margin-top: 40px;}
.my-con-box._review .my-sort-box + .my-con {margin-top: 0px;}
.mypage-box .my-con-box._review .my-con + .my-con {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.my-con-box._review .order__list._type_my li {flex-wrap: wrap;}
.my-con-box._review .order__list._type_my li .order-btn-box {
	top: 160px;	
	bottom: auto;
}
.my-con-box._review .review-detail-box {
	display: none;
	width: 100%;
	margin-bottom: -40px;
}
.my-con-box._review .review-detail-box .wrap {
	margin: 10px 0 0;
	padding: 40px;
	box-sizing: border-box;
	background-color: rgb(238, 238, 238);
}
.my-con-box._review .review-detail-box .stars-tit-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.my-con-box._review .review-detail-box .stars-tit-box > div {
	display: flex;
	align-items: center;
	gap: 10px;
}
.my-con-box._review .review-detail-box .stars-tit-box .review-stars {
	width: 77px;
	height: 18px;
	margin: 0;
	background-size: 77px;
}
.my-con-box._review .review-detail-box .stars-tit-box .review-stars .on {background-size: 77px;}
.my-con-box._review .review-detail-box .stars-tit-box .review-tit {
	font-weight: 700;
	font-size: 16px;
	color: var(--color-default);
	line-height: 1;
}
.my-con-box._review .review-detail-box .stars-tit-box .date {
	font-weight: 400;
	font-size: 12px;
	color: rgba(0,0,0,0.3);
	line-height: 1;
}
.my-con-box._review .review-detail-box .review-txt-box {margin-top: 20px;}
.my-con-box._review .review-detail-box .review-txt-box p {
	font-weight: 400;
	font-size: 16px;
	color: var(--color-default);
	line-height: 24px;
}
.my-con-box._review .review-detail-box .review-photo-box {margin-top: 50px;}
.my-con-box._review .review-detail-box .review-photo-box ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.my-con-box._review .review-detail-box .review-photo-box ul li {
	position: relative;
	top: 0;
	left: 0;
	width: calc((100% - 40px) / 3);
	padding: 0;
	cursor: pointer;
}
.my-con-box._review .review-detail-box .review-photo-box ul li:before {
	display: block;
	padding-top: 100%;
	content: '';
}
.my-con-box._review .review-detail-box .review-photo-box ul li:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: 40px;
	background-repeat: no-repeat;
	background-image: var(--ico-plus-wt);
	background-color: rgba(0, 0, 0, .5);
	opacity: 0;
	transition: all .2s;
}
.my-con-box._review .review-detail-box .review-photo-box ul li:hover:after {opacity: 1;}
.my-con-box._review .review-detail-box .review-photo-box ul li img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 리뷰 이미지 레이어 */
.review-photo__layer {
	visibility: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100vw;
	min-width: var(--window-min-width);
	height: 100vh;
	z-index: 7000;
	padding: 40px 60px;
	box-sizing: border-box;
	transform: translate(-50%, -50%);
}
.review-photo__layer .review-bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .1);
	backdrop-filter: blur(40px);
}
.review-photo__layer img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.review-photo__layer .photo {
	position: relative;
	top: 0;
	left: 0;
	max-width: var(--window-max-width);
	height: 100%;
}
.review-photo__layer .photo-close__btn {
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 3;
	width: 64px;
	height: 64px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: var(--ico-x-wt);
}
body.review-photo--open {overflow: hidden;}
.review-photo--open .review-photo__layer {visibility: visible;}

/* //MYPAGE */

/* CUSTOMER */
.cs__contents .cs-area {
	display: flex;
	justify-content: space-between;
	min-width: var(--window-min-width);
    max-width: 1720px;
    width: 100%;
    margin: 60px auto 150px;
    padding: 0 60px;
    box-sizing: border-box;
}
.cs-area .tit__style1 {text-align: left;}
.cs-area .lnb-box {
	width: 340px;
}
.cs-area .lnb-box .lnb {
	margin-top: 42px;
}
.cs-area .lnb-box .lnb ul a {
	display: block;
	font-size: 18px; 
	line-height: 50px;
	color: var(--color-default);
}
.cs-area .lnb-box .lnb ul li:hover a,
.cs-area .lnb-box .lnb ul li.on a {
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.cs-area .cs-box {
	width: 100%;
	width: 1140px;
	padding-left: 60px;
}
.cs-area .cs-box .cs-con-box {
	margin-top: 54px;
}
.cs-area .cs-box .cs-head-box {
	display: flex;
	justify-content: space-between;
}
.cs-box .paging {margin-top: 40px;}
/* faq */
.qna__list._type_faq {margin-top: -30px;}
.qna__list._type_faq li {
	border-top: none;
	border-bottom: 1px solid rgb(238, 238, 238);
}
.qna__list._type_faq .a-wrap .inner {padding-bottom: 0;}
.qna__list._type_faq .a-wrap .a-box {border: none;}
.qna__list._type_faq .a-wrap .a-box .txt {
	padding-left: 0;
	width: 100%;
}
.qna__list._type_faq .a-wrap .a-box .txt:before {display: none;}

body.lyr-cs--open {overflow: hidden;}
._type_cs .basic__layer {
	width: 600px;
	height: 380px;
	justify-content: space-between;
}
._type_cs .basic__layer .con {height: 100%;}
._type_cs .basic__layer .txt {
	margin-top: 25px;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
}
._type_cs .basic__layer .lyr-apply__btn {width: 100%;}

/* notice */
.cs-box .cs-search {
	display: flex;
	justify-content: space-between;
	align-items: center;

	display: none;
}
.cs-box .cs-search > div {
	display: flex;
	gap: 10px;
	position: relative;
	width: 100%;
	max-width: 500px;
	height: 50px;
}
.cs-box .cs-search select {width: 250px;}
.cs-box .cs-search input {
	width: 100%;
	height: 100%;
    padding: 0 90px 0 20px;
	border: 1px solid var(--color-grey);
	box-sizing: border-box;
    font-family: var(--fontfam-kor), sans-serif;
    font-size: 16px;
    color: var(--color-default);
}
.cs-box .cs-search input::placeholder {color: var(--color-default);}
.cs-box .cs-search input.on {border-color: var(--color-default);}
.cs-box .cs-search button {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	height: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	font-size: 16px;
	color: var(--color-default);
}
.cs-box .cs-search button:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background-color: var(--color-grey);
}
.cs-box .notice-box {min-height: 360px;}
.cs-box .notice__list {
	margin-top: 40px;
}
.cs-box .notice__list li a {
	display: block;
	padding: 38px 0 37px;
	border-bottom: 1px solid rgb(238, 238, 238);

	transition: all .2s;
}
.cs-box .notice__list li a:hover {border-color: var(--color-default);}
.cs-box .notice__list li:first-child a {padding-top: 0;}
.cs-box .notice__list .info {
	display: flex;
	justify-content: space-between;
}
.cs-box .notice__list .info p {
	font-size: 16px;
	color: var(--color-default);
}
.cs-box .notice__list .tit {
	margin-top: 14px;
	font-weight: 700;
	font-size: 18px;
	color: var(--color-default);
}
.cs-box .notice__list .info .date {color: rgb(153, 153, 153);}

/*.cs-box .notice-view {margin: 40px 0 -150px;}*/
.cs-box .notice-view > div {
	padding: 60px 50px 80px;
	box-sizing: border-box;
	background-color: rgb(238, 238, 238);
}
.cs-box .notice-view p {
	font-size: 16px;
	line-height: 26px;
}
.cs-box .notice-view p.tit {
	padding-bottom: 40px;
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	color: var(--color-default);
}
.cs-box .notice-view img {
	display: block;
	width: 100%;
}
.cs-box .notice-box .notice-back__btn {
	width: 200px;
	height: 50px;
	margin: 40px 0 0 auto;
}

/* agree, privacy */
.cs-box .policy-box {margin-top: 54px;}
.cs-box .policy-box p {
	font-size: 16px;
	line-height: 26px;
	color: rgb(102, 102, 102);
}
.cs-box .policy-select {
	position: relative;
}
.cs-box .policy-select .policy__btn {
	width: 245px;
	height: 28px;
	border-bottom: 1px solid rgb(153, 153, 153);
	background-position: center right;
	background-repeat: no-repeat;
	background-image: var(--arr-down-gr);
	font-size: 14px;
	color: rgb(153, 153, 153);
	text-align: left;
}
.cs-box .policy-select .prev {
	width: 100%;
	display: none;
	padding: 11px 17px 9px;
	position: absolute;
	top: calc(100% - 4px);
	left: 0;
	background-color: var(--color-white);
	border: 1px solid rgb(153, 153, 153);
	border-top: 0;
	box-sizing: border-box;
}
.cs-box .policy-select._open .prev {display: block;}
.cs-box .policy-select .prev a {
	display: block;
	font-weight: 400;
	font-size: 13px;
	color: rgb(153, 153, 153);
	line-height: 32px;
}
.cs-box .article__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr); /* 2열 */
	grid-auto-flow: column; /* 세로 정렬 */
	padding: 50px 60px;
	border: 1px solid rgb(112, 112, 112);
	box-sizing: border-box;
}
.cs-box p + .article__list {margin-top: 56px;}
.cs-box .article__list li {
	width: 100%;
	padding-right: 10px;
	box-sizing: border-box;
}
.cs-box .article__list li a {
	display: block;
	font-weight: 500;
	font-size: 18px;
	padding: 7px 0;
	padding-left: 65px;
	line-height: 28px;
	color: var(--color-default);
}
.cs-box .article__list li a i {
	padding-right: 15px;
    margin-left: -65px;
    font-style: normal;
}
.cs-box .article__list li.on a i,
.cs-box .article__list li.on a span {border-bottom: 1px solid var(--color-default);}
.cs-box .article-box .tit {
	font-weight: 500;
	font-size: 18px;
	color: var(--color-default);
}
.cs-box .article-box .article {margin-top: 60px;}
.cs-box .article-box .txt-box {margin-top: 30px;}

.cs-box .table-box table {
	margin-top: 30px;
	width: 100%;
	border-top: 1px solid var(--color-grey);
	word-break: keep-all;
}
.cs-box .table-box td{border-right: 1px solid var(--color-grey);}
.cs-box .table-box td:last-child {border-right: 0;}
.cs-box .table-box th + td,
.cs-box .table-box td + td,
.cs-box .table-box th + th{
	border-left: 1px solid var(--color-grey);
}
.cs-box .table-box thead{
	border-bottom: 1px solid var(--color-grey);
	text-align: center;
	background: rgb(238, 238, 238);
	font-size: 15px;
}
.cs-box .table-box thead th{
	padding: 10px;
	font-weight: 400;
}
.cs-box .table-box td{
	padding: 14px 10px;
	text-align: center;
	line-height: 26px;
	border-bottom: 1px solid var(--color-grey);
	font-size: 14px;
	color: rgb(102,102,102);
}
.cs-box .table-box p {margin-top: 30px;}
.cs-box .article a {text-decoration: underline;}

/* store */
.cs-box .store-box {min-height: 341px;}
.cs-box .store-box .cs-search select {width: 200px;}
.cs-box .store__list .store-info {
	display: flex;
}
.cs-box .store__list {margin-top: 20px;}
.cs-box .store__list li {
	border-bottom: 1px solid var(--color-grey);
}
.cs-box .store__list .store-info {
	position: relative;
	padding: 30px 0;
}
.cs-box .store__list .store-info p {
	padding-right: 10px;
	box-sizing: border-box;
	font-size: 16px;
	color: var(--color-default);
}
.cs-box .store__list .store-info .name {
	width: calc(180 / 1140 * 100%);
	font-weight: 700;
}
.cs-box .store__list .store-info .region {
	width: calc(160 / 1140 * 100%);

	visibility: hidden;
}
.cs-box .store__list .store-info .adr {width: calc(540 / 1140 * 100%);} 
.cs-box .store__list .store-info .tel {
	width: calc(165 / 1140 * 100%);
	color: rgb(153, 153, 153);
}
.cs-box .store__list .store-info .map__btn {
	flex-shrink: 0;
	height: 64px;
	margin: -20px 0;
	padding: 20px;
	box-sizing: border-box;
	font-weight: 700;
	font-size: 16px;
	color: var(--color-default);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.cs-box .store__list .store-map {display: none;}
.cs-box .store__list .store-map img {width: 100%;}

/* membership */
.cs-box .membership-box p {
	font-size: 16px;
	color: var(--color-default);
}
.cs-box .membership-box > p {
	font-weight: 700;
	font-size: 20px;
}
.cs-box .membership-box > p span {font-weight: 400;}

.cs-box .membership-box .info-box {margin-top: 30px;}
.cs-box .membership-box .info-box + .info-box {margin-top: 60px;}
.cs-box .membership-box .hd {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid var(--color-default);
}
.cs-box .membership-box .hd p {
	font-weight: 700;
	font-size: 20px;
}
.cs-box .membership-box table {width: 100%;}
.cs-box .membership-box table tr {height: 88px;}
.cs-box .membership-box table tr + tr {border-top: 2px solid var(--color-white);}
.cs-box .membership-box table th {
	width: 156px;
	background-color: rgb(244, 241, 236);
	font-weight: 700;
	font-size: 16px;
	color: var(--color-default);
}
.cs-box .membership-box table th span {
	display: block;
	font-weight: 400;
	font-size: 14px;
}
.cs-box .membership-box table td {
	width: 246px;
	padding: 10px;
    box-sizing: border-box;
	font-size: 16px;
	color: var(--color-default);
	word-break: keep-all;
}
.cs-box .membership-box table .level td {font-weight: 700;} 
.cs-box .membership-box table th, td {text-align: center;}
.cs-box .membership-box table ._dia {
	background-color: var(--color-default);
	color: var(--color-white);
}
.cs-box .membership-box table ._gold {
	background-color: rgb(122, 122, 122);
	color: var(--color-white);
}
.cs-box .membership-box table ._silver {background-color: rgb(216, 216, 216);}
.cs-box .membership-box table ._family {background-color: rgb(245, 245, 245);}
.cs-box .membership-box .txt-box > div {margin-top: 30px;}
.cs-box .membership-box .txt-box .tit {
	font-weight: 700;
	font-size: 18px;
}
.cs-box .membership-box .txt-box p + p {margin-top: 20px;}
.cs-box .membership-box .txt-box dl div {
	display: flex;
	gap: 10px;
}
.cs-box .membership-box .txt-box dl div + div {margin-top: 20px;}
.cs-box .membership-box .txt-box dl dt {
	font-weight: 700;
}
.cs-box .membership-box .txt-box dl dd {white-space: pre-wrap;}
.cs-box .membership-box .txt-box dl span {
	margin-left: 5px;
	color: rgb(150, 150, 150);
} 
.cs-box .membership-box ._level .txt-box dl {
	margin-top: 30px;
	font-size: 16px;
}
.cs-box .membership-box ._point .txt-box dl {font-size: 18px;}
.cs-box .membership-box ._point .txt-box dl + p {margin-top: 30px;}
.cs-box .membership-box .txt-box p span {color: rgb(150, 150, 150);}

/* //CUSTOMER */


/* JOIN - 이용약관 */
._type_agree .basic__layer .scroll-box .article-box .article + .article {margin-top: 60px;}
._type_agree .basic__layer .scroll-box .article-box .tit {
	font-weight: 500;
	font-size: 18px;
	color: var(--color-default);
}
._type_agree .basic__layer .scroll-box .article-box .txt-box {margin-top: 30px;}
._type_agree .basic__layer .scroll-box .article-box .txt-box p {
	font-size: 16px;
	line-height: 26px;
	color: rgb(102, 102, 102);
}

._type_agree .basic__layer .scroll-box .table-box table {
	margin-top: 30px;
	width: 100%;
	border-top: 1px solid var(--color-grey);
	word-break: keep-all;
}
._type_agree .basic__layer .scroll-box .table-box td{border-right: 1px solid var(--color-grey);}
._type_agree .basic__layer .scroll-box .table-box td:last-child {border-right: 0;}
._type_agree .basic__layer .scroll-box .table-box th + td,
._type_agree .basic__layer .scroll-box .table-box td + td,
._type_agree .basic__layer .scroll-box .table-box th + th{
	border-left: 1px solid var(--color-grey);
}
._type_agree .basic__layer .scroll-box .table-box thead{
	border-bottom: 1px solid var(--color-grey);
	text-align: center;
	background: rgb(238, 238, 238);
	font-size: 15px;
}
._type_agree .basic__layer .scroll-box .table-box thead th{
	padding: 10px;
	font-weight: 400;
}
._type_agree .basic__layer .scroll-box .table-box td{
	padding: 14px 10px;
	text-align: center;
	line-height: 26px;
	border-bottom: 1px solid var(--color-grey);
	font-size: 14px;
	color: rgb(102,102,102);
}
._type_agree .basic__layer .scroll-box .table-box p {margin-top: 30px;}
/* //JOIN - 이용약관 */

/* BRAND */

/* lookbook */
.brand__contents .lookbook-box {
	margin-top: 60px;
	min-width: var(--window-min-width);
}
.lookbook-box h2 {
	padding: 0 20px;
	box-sizing: border-box;
    font-family: var(--fontfam-eng-nhgt), var(--fontfam-kor), sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: var(--color-default);
    line-height: 1;
}
.lookbook-box .collection-box {
	position: relative;
	width: 385px;
	margin-top: 5px;
	padding-bottom: 20px;
}
.lookbook-box .collection-box button {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	background-position: center right 20px;
	background-repeat: no-repeat;
	background-image: var(--arr-down-bk);
	font-family: var(--fontfam-eng-nhgt), var(--fontfam-kor), sans-serif;
	font-weight: 700;
	font-size: 28px;
}
.lookbook-box .collection__list {
	display: none;
	position: absolute;
	left: 0;
	top: 62px;
	width: 100%;
	border: 1px solid rgb(238, 238, 238);
	z-index: 1;
}
.lookbook-box .collection__list li {
	background-color: rgb(255, 255, 255);
	transition: all .2s;
}
.lookbook-box .collection__list li + li {
	border-top: 1px solid rgb(238, 238, 238);
}
.lookbook-box .collection__list li:hover,
.lookbook-box .collection__list li.on {background-color: rgb(238, 238, 238);}
.lookbook-box .collection__list li a {
	display: flex;
	align-items: center;
	height: 60px;
	padding: 0 20px;
	font-family: var(--fontfam-eng-nhgt), var(--fontfam-kor), sans-serif;
	font-weight: 700;
	font-size: 14px;
}
.lookbook-box .collection-box._open .collection__list {display: block;}
.lookbook-box .collection-box._open button {
	background-image: var(--arr-up-bk);
}

.lookbook-box .lookbook__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
.lookbook-box .lookbook__list li {
	position: relative;
	cursor: pointer;
}
.lookbook-box .lookbook__list li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    background-image: var(--ico-plus-wt);
    background-position: top 40px right 40px;
    background-size: 40px;
    background-repeat: no-repeat;
    opacity: 0;
    transition: all .2s;
}
.lookbook-box .lookbook__list li:hover:after {opacity: 1;}
.lookbook-box .lookbook__list img {width: 100%;}

/* lookbook layer */
.lookbook__layer .lookbook-bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5001;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .1);
	backdrop-filter: blur(40px);

	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
}
.lookbook__layer .lookbook-con-box {
	display: flex;
	justify-content: flex-end;
	position: fixed;
	top: 0;
	right: 0;
	transform: translateX(100%);
	z-index: 5001;
	width: 100%;
	height: 100vh;
	box-sizing: border-box;
	
	visibility: hidden;
	opacity: 0;
	transition: visibility .3s, opacity .3s, transform .5s;
}
.lookbook__layer .lookbook-con-box .left-wrap {
	display: flex;
    justify-content: flex-end;
	width: fit-content;
	max-width: 900px;
	height: 100%;
	aspect-ratio: 4 / 5;
}
.lookbook__layer .lookbook-con-box .left-wrap img {
	height: 100%;
	object-fit: cover;
}
.lookbook__layer .lookbook-con-box .right-wrap {
	position: relative;
	width: 475px;
	background-color: rgb(255, 255, 255);
}
.lookbook__layer .head {padding: 30px 20px 26px;}
.lookbook__layer .head .tit {
    font-weight: 700;
    font-size: 20px;
    color: var(--color-default);
    line-height: 24px;
}
.lookbook__layer .head .lyr-close__btn {
    display: block;
    position: absolute;
    top: 13px;
    right: 13px;
    width: 52px;
    height: 52px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: var(--ico-x-bk);
    background-size: 18px;
    font-size: 0;
}
.lookbook__layer .con {
	height: calc(100% - 180px);
	padding: 0 20px;
}

.lookbook__layer .goods__list {
	height: auto;
	max-height: 100%;
	margin-top: 0;
	padding: 40px 0 0;
	box-sizing: border-box;
	overflow-y: scroll;
}
.lookbook__layer .goods__list::-webkit-scrollbar {width: 2px;}
.lookbook__layer .goods__list::-webkit-scrollbar-thumb {background-color: var(--color-default);}
.lookbook__layer .goods__list::-webkit-scrollbar-track {
	margin: 40px 0 0;
	background-color: rgb(238, 238, 238);
}
.lookbook__layer .goods__list li {
	display: flex;
	width: 100%;
	height: fit-content;
}
.lookbook__layer .goods__list .photo {
	width: 150px;
	flex-shrink: 0;
}
.lookbook__layer .goods__list .goods-info-box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0 20px;
	box-sizing: border-box;
}
.lookbook__layer .goods__list .info .goods-brand {
	font-weight: 700;
	font-size: 12px;
}
.lookbook__layer .goods__list .info .goods-name {
	margin-top: 5px;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
}
.lookbook__layer .goods__list .info .price {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 7px;
}
.lookbook__layer .goods__list .info .price p {font-size: 14px;}
.lookbook__layer .goods__list .info .price .ori {color: rgb(153, 153, 153);}
.lookbook__layer .goods__list .option-box {width: 200px;}
.lookbook__layer .goods__list .option-box select {	
	width: 100%;
	height: 40px;
}
.lookbook__layer .goods__list .option-box select + select {margin-top: 5px;}
.lookbook__layer .goods__list li._soldout .photo {opacity: .4;}
.lookbook__layer .goods__list li._soldout .info {opacity: .35;}
.lookbook__layer .goods__list li._soldout .option-box select {color: rgb(153, 153, 153);}
.lookbook__layer .goods__list li._soldout .cb__style2 + label:before {background-image: var(--cb-lock-style1);}
.lookbook__layer .goods__list li._soldout .price p {font-weight: 700;}
.lookbook__layer .foot {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 20px;
	border-top: 1px solid rgb(238, 238, 238);
	box-sizing: border-box;
	background-color: rgb(255, 255, 255);
}
.lookbook__layer .foot button {
	height: 50px;
	font-size: 16px;
}
body.lookbook--open {overflow: hidden;}
.lookbook--open .lookbook__layer .lookbook-bg {
	visibility: visible;
	opacity: 1;
}
.lookbook--open .lookbook__layer .lookbook-con-box {
	transform: translateX(0);
	visibility: visible;
	opacity: 1;
}

.lookbook__layer .lb-detail__slider .swiper-slide {width: fit-content;}
.lb-detail__slider .scroll-bar-box {
	position: absolute;
	bottom: 40px;
	left: 50%;
	z-index: 3;
	width: 100%;
	padding: 0 40px;
	box-sizing: border-box;	
	transform: translateX(-50%);
}
.lb-detail__slider .lb-pagination {
	display: flex;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	opacity: 0;
}
.lb-detail__slider .lb-pagination span {
	width: 100%;
	height: 100%;
	margin: 0 !important;
	border-radius: 0;
	cursor: pointer;
}
.lb-detail__slider .lb-pagination + .pagination-curr-bar {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: rgba(255, 255, 255, .1);
}
.lb-detail__slider .lb-pagination + .pagination-curr-bar > div {
	position: absolute;
	top: 0;
	left: 0;
	height: 3px;
	background-color: rgb(255, 255, 255);

	transition: left 0.5s 0.0s;
}
.lb-detail__slider .lb-btn-box button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	z-index: 3;
	background-position: center;
	background-repeat: no-repeat;
}
.lb-detail__slider .lb-btn-box .lb-prev__btn {
	left: 17px;
	background-image: var(--arr-left-wt2);
}
.lb-detail__slider .lb-btn-box .lb-next__btn {
	right: 17px;
	background-image: var(--arr-right-wt2);
}

/* //BRAND */



/* 로딩 */
._type_loading {
	display: block;
	position: relative;
	top: 0;
	left: 0;
}
._type_loading:after {
	content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 4px solid transparent;
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: button-loading-spinner 1s ease infinite;
}

@keyframes button-loading-spinner {
  from {
    transform: rotate(0turn);
  }

  to {
    transform: rotate(1turn);
  }
}
/* //로딩 */


/* brand about */
.brand-about-box {
	display: flex;
	flex-wrap: wrap;
	min-width: var(--window-min-width);
	height: calc(100vh - 120px);
	min-height: 400px;
}
.brand-about-box > div {height: 100%;}
.brand-about-box > div:nth-of-type(1) {
	position: relative;
	top: 0;
	left: 0;
	width: calc(1375 / 1920 * 100%);
	min-width: 860px;
}
.brand-about-box > div:nth-of-type(2) {
	flex: 1;
	width: calc(545 / 1920 * 100%);
}
.brand-about-box .txt-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	padding: 40px;
	box-sizing: border-box;
}
.brand-about-box .txt-wrap .txt-box {width: calc(100% - 350px);}
.brand-about-box .txt-wrap .txt-box .tit {
	font-weight: 700;
	font-size: 26px;
	line-height: 34px;

	opacity: 0;
	animation: fadeInMotion 0.5s forwards 0.4s;
}
.brand-about-box .txt-wrap .txt-box .txt {
	margin-top: 20px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;

	opacity: 0;
	animation: fadeInMotion 0.5s forwards 0.6s;
}

.brand-about-box .txt-wrap._type_wt .txt-box .tit {color: var(--color-white);}
.brand-about-box .txt-wrap._type_wt .txt-box .txt {color: var(--color-white);}
.brand-about-box .txt-wrap._type_bk .txt-box .tit {color: var(--color-default);}
.brand-about-box .txt-wrap._type_bk .txt-box .txt {color: var(--color-default);}

.brand-about-box .txt-wrap a {
	display: flex;
	align-items: center;
	justify-content: right;
	width: 260px;
	height: 50px;
	padding: 0 20px;
	box-sizing: border-box;
	font-weight: 700;
	font-size: 16px;

	opacity: 0;
  transform: translateX(30px);

	animation: fadeRightMotion 0.5s forwards 0.8s;
}
.brand-about-box .txt-wrap._type_wt a {
	background-color: var(--color-white);
	color: var(--color-default);
}
.brand-about-box .txt-wrap._type_bk a {
	background-color: var(--color-default);
	color: var(--color-white);
}
.brand-about-box .txt-wrap a span {
	opacity: 0;
	animation: fadeInMotion 0.5s forwards 1.0s;
}
.brand-about-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;

	opacity: 0;
	animation: fadeInMotion 0.5s forwards;
}
.brand-about-box > div:nth-of-type(2) img {animation-delay: 0.2s;}

@keyframes fadeInMotion {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fadeRightMotion {
	0% {
		opacity: 0;
		transform: translateX(30px);
	}
	100% {
		opacity: 1;
		transform: translateX(0px);
	}
}


/* //brand about */

/* 2025-06-12 PAY 결제수단 할인 */
.order-box .benefit-box {padding-top: 27px;}
.order-box .benefit-box .bnf-tit {
	font-weight: 700;
	font-size: 18px;
	color: var(--color-default);
}
.order-box .benefit-box ul {padding-top: 8px;}
.order-box .benefit-box ul li {
	font-size: 14px;
	line-height: 24px;
	color: rgba(0, 0, 0, .8);
}
/* //2025-06-12 PAY 결제수단 할인 */