select { background-color:#fff; }

.login-join-visual {
background-image:url("https://charnemall.cdn1.cafe24.com/img/member/con_login_0.jpg?=240615");
height:180px;
background-size:cover;
background-position:center;
display:flex;
flex-direction:column;
justif1y-content:center;
align-items:center;
text-align:center;
position:relative;
}

.login-join-visual div { position:absolute; top:70%; font-size:16px; }




.login-wrap {
width:100%;
max-width:610px;
margin:60px auto 0 auto;
overflow:hidden;
}

.member-title-wrap { margin-bottom:40px; }
.member-title-wrap h1 {
font-size:42px;
line-height:48px;
font-weight:bold;
letter-spacing:3.36px;
margin:0 0 34px 0;
}
.member-title-wrap p { font-size:21px; line-height:24px; }

.id-pass {
width:96%;
max-width:610px;
background-color:#eee;
border:0;
border-bottom:1px solid #707070;
height:60px; margin-bottom:9px;
font-size:21px;
padding-left:3.5%;
}

.login-form a {
height:90px;
font-size:21px;
color:#333;
cursor:pointer;
display:block;
text-align:center;
line-height:90px; }

.login-check { 
	display: flex;
    flex-wrap: nowrap;
	margin:0 0 38px 0; font-size:21px;}
.login-check p { margin-left:50px; margin-top:-5px; }
.login-check .txt { margin-left:38px;  margin-right:30px;}

.btn-login-shop a {
border:none;
background-color:#333;
color:#fff;
margin-bottom:8px;
border:1px solid #000;
}

.btn-login-shop a:hover {
border:1px solid #000;
color:#000;
background-color:#fff;
}

.btn-login-kakao a {
float:left;
width:49.3%;
border:1px solid #707070;
background-color:#fff;
}

.btn-login-naver a {
float:right;
width:49.3%;
border:1px solid #707070;
background-color:#fff;
}


.btn-login-naver2 a {
float:right;
width:99.5%;
border:1px solid #707070;
background-color:#fff;
}


.login-about { text-align:center; margin-top:21px; }
.login-about li { display:inline-block; margin:0 5px; }
.login-about li a {
display:block;
font-size:15px;
line-height:17px;
height:17px;
}

.login-about li a:hover { font-weight:bold; }


span.id_txt { color:#FF6719; }
span.pwd_txt { color:#FF6719; }

@media(max-width: 1024px){
.login-wrap { width:80%; padding:0 10%; }
}


@media(max-width: 1024px){
.login-join-visual { height:200px; }
}


@media(max-width: 480px){
	
.login-wrap { width:90%; padding:0 5%; }
.member-title-wrap { margin-bottom:15px; }
.member-title-wrap h1 { font-size:30px; line-height:36px; margin-bottom:5px; }
.member-title-wrap p { font-size:16px; line-height:18px; }

.id-pass { height:45px; margin-bottom:9px; font-size:16px; wid1th:100%; }

.login-form a { height:60px; font-size:16px; line-height:60px; }

.login-about li { font-size:12px; margin:0; }
}


.checkbox-container {

position: relative;
padding-left: 1px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
position: absolute;
opacity: 0;
cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 30px;
width: 30px;
background-color: #fff;
border:1px solid #333;
margin-top:4px;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
background-color: #fff;
border:1px solid #333;
}

/* When the checkbox is checked, add a orange background */
.checkbox-container input:checked ~ .checkmark {
background-color: #333;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
left: 12px;
top: 5px;
width: 5px;
height: 10px;
border: solid #fff;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}



.join-select-title {
text-align:center;
margin-bottom:23px;
margin-top:110px;
}

.join-select-title h1 { margin-bottom:24px!important; }
.join-select-title p { line-height:38px!important; }

.join-select {
width:100%;
max-width:620px;
margin:0 auto 265px auto;
}

.join-select ul {
border:1px solid #707070;
border-radius:20px;
height:210px;
margin-bottom: 20px;
}

.join-select ul a { display:block; }
.join-select ul.join-momber {

width:100%;
padding:20px 3%;
}

.join-select ul.join-beauty {

width:100%;
padding:20px 3%;
background-color:#000;
}

.join-select ul li:nth-child(1) {
text-align:center;
font-size:25px;
line-height:50px;
font-weight:bold;

}

.join-select ul li:nth-child(2) {
text-align:center;
font-size:18px;
line-height:21px;
margin-bottom:10px;
padding-bottom:10px;
}

.join-select ul li:nth-child(3) { font-size:18px; line-height:36px; }

.join-select ul.join-momber li:nth-child(1) { color:#000; }
.join-select ul.join-momber li:nth-child(2) { border-bottom:2px solid #ebebeb; }
.join-select ul.join-beauty li { color:#fff; }
.join-select ul.join-beauty li:nth-child(2) { border-bottom:2px solid #fff; }


@media(max-width: 1024px){
.join-select-wrap { width:90%; margin:0 5% 265px 5%; }
}

@media(max-width: 480px){
.join-select-wrap { width:90%; margin-bottom:100px!important; }

.join-select { margin:0 auto; }
.join-select-title { margin-top:50px; }
.join-select-title p { line-height:24px!important; }
.join-select ul.join-momber { width:90%; }
.join-select ul.join-beauty { width:90%; }


.join-select ul { border-radius:10px; height:170px; }
.join-select ul li:nth-child(1) { font-size:18px; line-height:30px;}
.join-select ul li:nth-child(2) {
font-size:14px;
line-height:19px;
margin-bottom:10px;
padding-bottom:10px;
}

.join-select ul li:nth-child(3) {
font-size:12px;
line-height:30px;
letter-spacing:-1px;
}


.checkbox-container .checkmark:after {
left: 8px;
}


}



.join-member-clause-wrap {
width:100%;
max-width:612px;
margin:110px auto;
}

.join-member-clause-title h1 {float:left; }
.join-member-clause-title p { float:right; margin-top:20px; }
.join-member-clause-title p span.active { color:#FF6719; font-weight:bold; }
.join-member-clause-title p span.member-clause-arrow {
width:18px;
height:18px;
color:#fff;
background-color:#767676;
border-radius:12px;
font-size:18px;
font-weight:bold;
margin:0 6px;
display:inline-block;
text-align:center;
line-height:18px;
margin-top:-5px;
position:relative;
top:-2px;
}




summary {
margin-bottom:5px;
cursor:pointer;
outline:none;
border-radius:0.3em;
font-weight:bold;
position:relative;

&:hover {
background:rgb(255 200 5);
}
}
summary span.view-terms { position:absolute; right:0; }


summary::marker { content: ''; }

@keyframes open {
from {
opacity:0;
margin-top:-10px;
}
to {
opacity: 1;
margin-top:0;
}
}
.term-content {
margin-bottom:2em;
}
.term-content div {
height:100%;
max-height:300px;
overflow-y:auto;
}


.member-clause-checkbox {
display:block;
position:relative;
padding-left:50px;
margin-bottom:12px;
cursor:pointer;
font-size:22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Hide the browser's default checkbox */
.member-clause-checkbox input {
position:absolute;
opacity:0;
cursor:pointer;
}

/* Create a custom checkbox */
.checkmark {
position: absolute;
top:0;
left:0;
height:30px;
width:30px;
background-color:#fff;
border:1px solid #333;
margin-top:4px;
}

/* On mouse-over, add a grey background color */
.member-clause-checkbox:hover input ~ .checkmark {
background-color:#fff;
border:1px solid #333;
}

/* When the checkbox is checked, add a orange background */
.member-clause-checkbox input:checked ~ .checkmark {
background-color:#333;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content:"";
position:absolute;
display:none;
}

/* Show the checkmark when checked */
.member-clause-checkbox input:checked ~ .checkmark:after {
display:block;
}

/* Style the checkmark/indicator */
.member-clause-checkbox .checkmark:after {
left:12px;
top:5px;
width:5px;
height:10px;
border:solid #fff;
border-width:0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}



.join-member-clause-terms {
margin-left:40px;
font-size:21px;
font-weight:normal;
}

.join-member-clause-terms span.txt-essential { color:#FF6719; }
.join-member-clause-terms span.view-terms { color:#888; }

.member-clause-checkbox-all {
border-bottom:1px solid #707070;
padding-bottom:15px;
margin-bottom:30px;
}

p.join-member-clause-stit {
margin-left:40px;
font-size:24px;
font-weight:bold;
}

.member-clause-cert {
margin-left:0!important;
border-bottom:1px solid #707070;
padding-bottom:15px;
margin-bottom:30px;
margin-top:35px;
}

.member-clause-cert-checkbox p {
margin-left:40px;
font-size:21px;
font-weight:normal;
}




.member-clause-line { width:100%; height:1px; background:#aaa; display:block; margin:10px 0; }

.term-content-table { width:100%; border-spacing:0; border-collapse:collapse; }
.term-content-table th { width:30%; border:1px solid #aaa; padding:10px; }
.term-content-table td { width:70%; border:1px solid #aaa; padding:10px; }




.btn-join-wrap { margin-top:50px; }
.btn-join-wrap a {
height:92px;
cursor:pointer;
font-size:20px;
text-align:center;
line-height:92px;
}

.btn-join-return a {
float:left;
width:49.3%;
border:1px solid #707070;
background-color:#fff;
}
.btn-join-next a {
float:right;
width:49.3%;
border:1px solid #FF6719;
background-color:#FF6719;
color:#fff;
}

.checkmark-all { margin-top:7px; }
.checkmark-cert { margin-top:4px; }


@media(max-width: 1024px){
.join-member-clause-wrap {
width:85%;
padding:0 7.5%;
}

}



@media(max-width: 768px){
.join-member-clause-wrap {
width:90%;
padding:0 5%;
}

}



@media(max-width: 480px){
.join-member-clause-title { margin-bottom:30px; }
.join-member-clause-title dt { font-size:30px; line-height:36px; }
.join-member-clause-title dd { font-size:16px; line-height:18px; }

.join-member-clause-title dd span.member-clause-arrow {
width:13px;
height:13px;
font-size:13px;
font-weight:bold;
margin:0 3px;
line-height:13px;
margin-top:-5px;
top:-2px;
}

p.join-member-clause-stit { margin-left:32px; font-size:16px; }

.join-member-clause-terms { margin-left:32px; font-size:16px; }

.checkmark-cert { margin-top:2px!important; }
.member-clause-cert-checkbox p { margin-left:32px; font-size:16px; }

/* Create a custom checkbox */
.checkmark {
 height:24px;
width:24px;
margin-top:3px;
}

/* Style the checkmark/indicator */
.member-clause-checkbox .checkmark:after {
left: 8px;
top: 4px;

}

summary { margin-bottom:5px; }

.btn-join-wrap a {
height:60px;
font-size:16px;
line-height:60px; }
}





.join-member-wrap {
width:100%;
max-width:612px;
margin:75px auto 0 auto;
}


.join-member-form { position:relative; }
.join-member-form label {
display:block;
font-size:18px;
line-height:21px;

font-weight:bold;
margin-bottom:5px;
}

.join-member-form label span { color:#FF6719; }
.join-member-form input {
border:1px solid #aaa;
border-radius:5px;
height:60px;
margin-bottom:38px;
font-size:21px;
}


.join-member-form select {
width:31%;
max-width:174px;
height:64px;
border-radius:5px;
border:1px solid #aaa;
font-size:20px;
text-align:center;
margin-left:1%;
}

.join-member-form input.member-id-caution { margin-bottom:0; }
.join-member-form p.member-id-txt { color:#FF6719; margin-bottom:15px; }

.join-member-form input.member-name-caution { margin-bottom:0; }
.join-member-form p.member-name-txt { color:#FF6719; margin-bottom:15px; }

.join-member-form input.member-pwd-caution { margin-bottom:0; }
.join-member-form p.member-pw-txt { color:#FF6719; margin-bottom:15px; }

.join-member-form input.member-pwd2-caution { margin-bottom:0; }
.join-member-form p.member-pw2-txt { color:#FF6719; margin-bottom:15px; }

.join-member-form input.member-ptel-caution { margin-bottom:0; }
.join-member-form p.member-tel-txt { color:#FF6719; margin-bottom:15px; }

.join-member-form input.member-email-caution { margin-bottom:0; }
.join-member-form p.member-email-txt { color:#FF6719; margin-bottom:15px; }

.join-member-form input.member-beauty-no-caution { margin-bottom:0; }
.join-member-form p.member-beauty-no-txt { margin-bottom:15px; }

.join-member-form input.member-result-caution { margin-bottom:0; }
.join-member-form p.member-result-txt { color:#FF6719; margin-bottom:15px; }


.join-member-form p.member-birth-txt { color:#FF6719; margin-bottom:15px; }

.member-id-pass {
width:96%;
max-width:610px;
font-size:21px;
padding-left:3.5%;
}

.input-beauty { width:74%; margin-right:1%; }
.btn-find-beauty {

height:64px!important;
width:24%;
cursor:pointer;
font-size:30px;
border-radius:5px;
background-color:#aaa;
border:none;
color:#fff;
}


.visa_upload { width:60%; margin-right:1%; border:none; }



.btn-visa_upload {
	

height:64px!important;
width:38%;
cursor:pointer;
font-size:30px;
border-radius:5px;
background-color:#aaa;
border:none;
color:#fff;
align-items: center; /* 수직 정렬을 위해 추가 */
justify-content: center; /* 수평 정렬을 위해 추가 */
}


.join-member-phone { display:flex; align-items:center; justify-content:center; }
.join-member-phone select { margin-left:0; width:30%; }
.join-member-phone span { width:5%; text-align:center; }
.join-member-phone input { width:32%; }


.member-email-icon {
color:#aaa;
font-size:24px;
}


.join-input-bottom { margin-bottom:0!important; }



@media(max-width: 768px){
.join-member-wrap { width: 90%; padding: 0 5%; }
}


@media(max-width: 480px){
.join-member-wrap { margin:50px auto; }
.join-member-form input {
height:48px;
margin-bottom:25px;
font-size:21px;
}

.input-beauty { width:72%; margin-right:1%; }
.btn-find-beauty {
height:52px!important;
width:24%;
font-size:16px!important;
}


.btn-visa_upload {
	
height:52px!important;

font-size:16px!important;
}


.join-member-form select {
width:28.5%;
height:51px;
font-size:18px;
}

}



.select-bank { width:100%!important; max-width:610px!important; position:relative; margin-left:0!important; text-align:left!important; }
.input-account { width:67.5%; padding:0 3.5%; }







.join-end-wrap ul {
text-align:center;
margin-top:45px;
}

.join-end-wrap ul li:nth-child(1) {
font-size:40px;
line-height:48px;
color:#aaa;
font-family: 'Bona Nova', serif;
}

.join-end-wrap ul li:nth-child(2) {
font-size:28px;
line-height:36px;
margin:33px 0 20px 0;
font-weight:700;
}

.join-end-wrap ul li:nth-child(2) strong { font-weight:900; }
.join-end-wrap ul li:nth-child(3) {
font-size:18px;
line-height:21px;
}

.class-member {
font-size:18px;
line-height:21px;
color:#FF6719;
text-align:center;
border-bottom:1px solid #FF6719;
padding-bottom:6px;
}

.btn-end-wrap {
text-align:center;
margin-top:118px;
}
.btn-end-wrap p {
font-size:20px;
line-height:23px;
letter-spacing:-0.5px;
margin-bottom:18px;
}
.btn-end-login a {
width:100%;
background-color:#aaa;
color:#fff;
height:92px;
cursor:pointer;
font-size:20px;
display:block;
line-height:92px;
}















.member-mybag-wrap {
margin-top:80px;
background-color:#f5f5f5;
min-height:1500px;
border-top:1px solid #707070;
}

.member-mybag-layout {
width:100%;
max-width:1200px;
margin:0 auto;
}
.member-mybag-layout h1 {
font-size:42px;
line-height:50px;
font-family: 'Bona Nova', serif;
text-align:center;
padding:45px 0;
margin:0;
font-weight:normal;
}

.mybag-product-wrap {
width:70%;
max-width:840px;
float:left;
}



.cart_gubun {
margin:0 18px 23px 30px;
text-align:center;
align-items: center;
margin-bottom: 60px;
}


.member-mybag-wrap .cart_gubun .cart_gubun_item { 	
display:inline-block; 
width:100%;
max-width:120px;
margin-right:2%;
height:38px;
line-height:38px;
font-size:21px;
text-align:center;
border:1px solid #707070;



}

.member-mybag-wrap .cart_gubun .cart_gubun_item.active { 	

background-color:#FF6719;
color:#fff;

}






.mybag-product-btn {
margin:0 28px 23px 30px;
}

.mybag-product-btn .checkmark { margin-top:-8px; }

.mybag-check-all {
width:42px;
text-align:center;
}

.mybag-product-btn p { display:inline-block; }
.mybag-product-btn p a {
height:38px;
line-height:38px;
display:block;
font-size:21px;
text-align:center;
}

.mybag-product-btn p.btn-mybag-shop {
width:100%;
max-width:200px;
margin-right:2%;
}

.mybag-product-btn p.btn-mybag-shop a {
background-color:#888;
color:#fff;
border:1px solid #888;
}

.mybag-product-btn p.btn-mybag-delete {
width:100%;
max-width:200px;
}
.mybag-product-btn p.btn-mybag-delete a {
border:1px solid #707070;
background-color:#fff;
}

.mybag-product-item {
background-color:#fff;
border-radius:10px;
width:100%;
margin-bottom:20px;
}

.mybag-product-item table {
width:100%;
padding:20px 3.5%;
table-layout:fixed;
}

.mybag-product-item table tr td.mybag-product-item-check {
width:7%;
text-align:center;
vertical-align:top;
}

.mybag-product-item table tr td.mybag-product-item-img {
width:11%;
text-align:center;
overflow:hidden;
max-width:84px;
min-height:84px;
line-height:0;
border:1px solid #aaa;
}

.mybag-product-item table tr td.mybag-product-item-img img { width:100%; }
.mybag-product-item table tr td.mybag-product-item-title {
width:82%;
font-size:22px;
font-weight:bold;
padding:0 16px
}

.mybag-product-item table tr td.mybag-product-item-option {
width:30%;
padding:0 16px
}

.product-count .qtyminus,
.product-count .qtyplus {
	width: 35px;
    height: 35px;
	border-radius:35px;
    background: #aaa;
    text-align: center;
    font-size: 19px;
    line-height: 36px;
    color: #fff;
    cursor: pointer;
	display:inline-block;
}
.product-count .qty {
	width: 45px;
	height:35px;
	border:none;
	vertical-align:middle;
	margin:0;
	text-align: center;
}




.change-quantity-btn { background:#aaa; color:#fff; border:none; border-radius:10px; width:100%; max-width:80px; height:35px; font-size:16px; margin-left:15px; }



.mybag-product-item table tr td.mybag-product-item-price {
width:70%;
text-align:right;
font-size:12px;
color:#888;
}
.mybag-product-item table tr td.mybag-product-item-price span {
font-size:18px;
color:#333;
margin-left:10px;
font-weight:bold;
}

.mybag-product-item table tr td.price { text-align:right; }


.none-product-item {
text-align:center;
font-size:22px;
line-height:26px;
background:transparent;
height:150px;
font-weight:bold;
display:flex;
align-items:center;
justify-content:center;
}

.mybag-order-wrap {
float:left;
width:28.5%;
margin-left:1.5%;
}

.mybag-order-position {
position:fixed;
width:28.5%;
max-width:346px;
top:280px;
}

.mybag-order-price {
width:100%;
max-width:346px;
background-color:#fff;
border-radius:10px;
border:1px solid #eee;
}

.mybag-order-price table {
width:100%;
font-size:18px;
padding:17px;
}

.mybag-order-price table tr td {
border-bottom:1px solid #eee;
height:38px;
}
.mybag-order-price table .height-55 {
height:55px;
border-bottom:0;
}
.mybag-order-price table tr th {
text-align:right;
border-bottom:1px solid #eee;
height:38px;
}
.mybag-order-price table tr th span {
font-size:24px;
font-weight:900;
color:#000;
}


.btn-mybag-order { margin-top:10px; }
.btn-mybag-order a {
width:100%;
background-color:#333;
color:#fff;
text-align:center;
border-radius:10px;
display:block;
height:80px;
line-height:80px;
cursor:pointer;
font-size:22px;
}




.checkbox-mybag-container {
display:block;
position:relative;
padding-left:50px;
margin-bottom:12px;
cursor:pointer;
font-size:22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-mybag-container input {
position:absolute;
opacity:0;
cursor:pointer;
}

/* Create a custom checkbox */
.checkbox-mybag-container .checkmark {
position:absolute;
top:0;
left:0;
height:28px;
width:28px;
background-color:#fff;
border:1px solid #707070;
border-radius:5px;
}

/* On mouse-over, add a grey background color */
.checkbox-mybag-container:hover input ~ .checkmark {
background-color:#fff;
border:1px solid #333;
}

/* When the checkbox is checked, add a orange background */
.checkbox-mybag-container input:checked ~ .checkmark {
background-color:#333;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-mybag-container .checkmark:after {
content:"";
position:absolute;
display:none;
}

/* Show the checkmark when checked */
.checkbox-mybag-container input:checked ~ .checkmark:after {
display:block;
}

/* Style the checkmark/indicator */
.checkbox-mybag-container .checkmark:after {
left:10px;
top:5px;
width:5px;
height:10px;
border:solid #fff;
border-width:0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}



.mybag-product-item-option .select {
position:relative;
margin:0 auto;
width:auto;
text-align:left;
}

.mybag-product-item-option .select select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance:none;
outline:0;
box-shadow:none;
border:0 !important;
border:1px solid #707070;
background-image:none;
position:relative;
margin:0 auto;
text-align:left;
}

.mybag-product-item-option .select {
position:relative;
display:block;
width:130px;
height:40px;
line-height:30px;
border:1px solid #707070;
overflow:hidden;
margin:0;
}

.mybag-product-item-option .select select {
width:100%;
max-width:130px;
height:100%;
margin:0;
padding:0 0 0 42px;
cursor:pointer;
color:#000;
font-size:18px;
}

.mybag-product-item-option .select::after {
position:absolute;
top:0;
right:0;
bottom:0;
padding:0 6px;
border-left:1px solid #707070;
pointer-events: none;
content: "\e5cf";
font-family: 'Material Symbols Outlined'; 
font-size:30px;
line-height:40px;
color:#707070;
}

.mybag-product-item-option .select:hover::after {
color:#000;
}

.mybag-product-item-option .select::after {
-webkit-transition: .25s all ease;
-o-transition: .25s all ease;
transition: .25s all ease;
}

.mybag-product-item-option .select select option {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:5px;
cursor:pointer;
padding:10px;
width:110px;
}

.mybag-product-item-option .select select > option 

{-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:5px;}





@media(max-width: 1024px){
.member-mybag-layout {
width:90%;
margin:0 5%;
}
.mybag-order-wrap { width:26.5%; }
.mybag-order-position { width:26.5%; }

.mybag-product-btn p a { font-size:18px; }
.mybag-product-btn p.btn-mybag-shop{ max-width:38%; }
.mybag-product-btn p.btn-mybag-delete { max-width:38%; }
.mybag-order-price table { font-size:16px; }
.mybag-product-item table tr td.mybag-product-item-title { font-size:18px; width:50%; }
.mybag-order-price table tr th span { font-size:18px; }
.btn-mybag-order a { font-size:20px; }




	.mybag-product-item table tr td.mybag-product-item-option { padding:0 0 0 16px }
	.product-count .qtyminus, .product-count .qtyplus { width:25px; height:25px; line-height:26px;}
	.product-count .qty { width:30px; }
	.change-quantity-btn { max-width:70px; font-size:14px; margin-left:5px; }
	.display-flex { display:flex; align-items:center; justify-content:center; }

}



@media(max-width: 768px){
.mybag-product-btn {
margin:0 3.5% 23px 3.5%;
}
.mybag-p
roduct-item table {
padding:25px 3.5%;
}

.mybag-product-wrap {
float:none;
width:100%;
}

.mybag-order-wrap {
width:100%;
float:none;
margin-left:0;
}

.mybag-order-position {
width:100%;
max-width:100%;
position:inherit;
}

.mybag-order-price {
max-width:100%;
}

.order-input-wrap {
float:none;
width:100%;
}

}



@media(max-width: 480px){
.mybag-product-btn p a { font-size:16px; }
.mybag-product-btn { margin:0 3.5% 23px 3.5%; }
.mybag-product-item table { padding:20px 3.5%; }
.mybag-product-item table { padding:22px 10px; }
.mybag-product-item table tr td.mybag-product-item-title {
font-size:14px;
line-height:16px;
width:65%;
height:16px;
}

.mybag-product-item table tr td.mybag-product-item-check { width:12%; }
.mybag-product-item table tr td.mybag-product-item-price {
font-size:9px;
letter-spacing:-0.5px;
}

.mybag-product-item table tr td.mybag-product-item-price span { display:block; }
.mybag-product-item table tr td.mybag-product-item-option { padding:0 0 0 16px; }
.mybag-product-item table tr td.mybag-product-item-img {
width:50px;
max-height:50px;
}

.mybag-product-item-option .select {
height:30px;
width:70px;
}

.mybag-product-item-option .select select {
max-width:70px;
padding-left:15px;
}

.mybag-product-item-option .select::after {
line-height:30px;
padding:0;
}


.none-product-item { font-size:18px; height:100px; }


.product-count .qtyminus,
.product-count .qtyplus { width:20px; height:20px; line-height:21px; }
.product-count .qty { width:20px; }

.product-count .qty { height:30px; }
.display-flex { display:block; text-align:center; }
.change-quantity-btn { max-width:100%; margin-left:0; height:28px; }


}



.order-input-wrap {
width:70%;
max-width:840px;
float:left;
}

.order-input-wrap h2 {
font-size:24px;
line-height:27px;
padding-bottom:7px;
margin-bottom:24px;
border-bottom:1px solid #eee;
}

.order-form {
width:100%;
max-width:610px;
}

.order-form label {
display:block;
font-size:18px;
line-height:21px;
font-weight:bold;
margin-bottom:5px;
}

.order-form label span { color:#FF6719; }
.order-form input[type="text"],
.order-form input[type="password"] {
border:1px solid #aaa;
border-radius:5px;
height:60px;
margin-bottom:38px;
font-size:21px;
}



.order-form select {
width:31%;
height:63px;
max-width:174px;
border-radius:5px;
border:1px solid #aaa;
font-size:20px;
text-align:center;
margin-left:1%;
}

.order-form input[type="radio"] {
width:20px;
height:20px;
vertical-align:middle;
margin-right:9px;
}

.order-form span.order-address-txt {
margin-right:5.8%;
font-size:18px;
}


.member-input-email { width:31.5%; }

.member-email-icon {
color:#aaa;
font-size:24px;
}


.order-product-item .order-product-item-left { width:12%; }
.order-product-item .order-product-item-right { width:88%; }
.order-product-item table {
padding:20px 12px;
border:1px solid #aaa;
border-radius:10px;
margin-bottom:10px;
}

.order-product-item table tr th { line-height:0; }
.order-product-item table tr th img {
width:100%;
border:1px solid #aaa;
}

.order-product-item table tr td {
font-size:18px;
line-height:21px;
padding-left:16px;
font-weight:bold;
}
.order-product-item table tr td span {
font-size:22px;
line-height:26px;
display:block;
margin-bottom:27px;
}


.order-point-info .point-form .point-form-left { width:20%; }
.order-point-info .point-form .point-form-right { width:80%; }
.order-point-info .point-form span { margin-left:24px; }
.order-point-info table {
width:100%;
font-size:18px
}
.order-point-info table tr th { text-align:left; }
.order-point-info table tr td { padding:16px 0 }
.order-point-info table tr td span { color:#FF6719; }
.order-point-info table input.input-coupon {
width:96%;
padding-left:3.5%;
max-width:328px;
margin-bottom:0;
}

.order-point-info table input.input-point {
width:96%;
padding-left:3.5%;
max-width:180px;
margin-bottom:0;
}

.order-payment-item { display:flex; justify-content:center; }

.order-payment-item li {
float:left;
text-align:center;
width:16.6666%;
font-size:12px;
}

.order-payment-item li a {
display:block;
border-right:1px solid #aaa;
border-top:1px solid #aaa;
border-bottom:1px solid #aaa;
color:#FF6719;
}

.order-payment-item li a:hover {
border:1px solid #FF6719;
margin-left:-1px;
}

.order-payment-item li:nth-child(1) a {
border-left:1px solid #aaa;
}

.order-payment-item li:nth-child(1) a:hover {
border-left:1px solid #FF6719;
margin-left:-1px;
}

.order-payment-item li a.active {
border:1px solid #FF6719;
margin-left:-1px;
}

.order-payment-item li span {
display:block;
font-size:18px;
color:#555;
}

.order-payment-info form { text-align:center; }
.order-payment-info form select {
width:80%;
max-width:100%;
text-align:left;
margin-bottom:8px;
font-weight:lighter;
}

.order-payment-info .order-payment-form {
max-width:100%;
margin:25px 0;
}



.member-order-wrap { margin-top:80px; }
.order-total-price { top:235px; }
.order-form .order-select {
width:31%;
height:64px;
border-radius:5px;
border:1px solid #aaa;
font-size:20px;
text-align:center;
margin-left:1%;
}

.order-member-user {
width:96%;
font-size:21px;
padding-left:3.5%;
}
.detail-adersss-bottom {
margin-bottom:8px!important;
width:70%;
padding-left:3.5%;
}


.btn-find-radio {
position:absolute;
width:100%;
max-width:100%;
right:0;
}

.posi-relative { position:relative; }
.btn-coupon-search {
width:auto;
position:absolute;
right:0;
}

.btn-find-right {
position:absolute;
right:0;
top:10px;
}

.btn-find-top0 {
position:absolute;
right:0;
}

.payment-guide {
background-color:#f5f5f5;
width:90%;
color:#888;
padding:19px 5%;
border-radius:15px;
margin:10px 0 15px 0;
}
.payment-guide dt {
font-size:18px;
line-height:21px;
margin-bottom:10px;
font-weight:bold;
}
.payment-guide dd {
min-height:80px;
font-size:16px;
line-height:24px;
}

.order-product-item-tit { text-align:left; }



.order-phone-wrap { display:flex; align-items:center; justify-content:center; }
.order-phone-wrap input { width:30%; }
.order-phone-wrap span { width:5%; text-align:center; display:inline-block; margin-top:-30px; }



.order-address-wrap { display:flex; align-items:center; justify-content:center; margin-bottom:8px; }
.order-address-wrap [type="text"] { margin-right:1%; width:75%; margin-bottom:0px!important; }
.order-address-wrap [type="button"] { width:24%; }

.order-jumin-wrap { 
    display: flex; 
    align-items: center; 
    justify-content: center; 
  
}

.order-jumin-wrap input { 
    width: 50%; 
}

.order-jumin-wrap span { 
    width: 5%; 
    text-align: center; 
    display: inline-block; 
    margin-top: -30px; 
}

.checkbox-wrap { 
    margin-top: -25px;
    display: flex; 
    align-items: center; 

}





.payment-info-tabs { margin-bottom:20px; }

.payment-info-tabs table>input[type="radio"] {
display:inline-block;
vertical-align:middle;
width: 20px;
height: 20px;
border: 1px solid #707070;
border-radius: 20px;
-moz-appearance: none;
-webkit-appearance: none;
margin-right: 10px;
}

.payment-info-tabs table>input[type="radio"]:checked {
background: #ff9000;
box-shadow: inset 0 0 0 0.1875em #fff;
border: 10px solid #ff9000;
transition: background .15s, box-shadow .1s;
}

.payment-info-tabs>.payment-info-tabs-content {
    display: none;
    padding: 20px 40px;
    font-size: 16px;
	background:#f5f5f5;
	border-radius:15px;
	margin-top:20px;
  }
  
  .payment-info-tabs>.payment-info-tabs-card_content {
    display: none;
    padding: 20px 40px;
    font-size: 16px;
	background:#f5f5f5;
	border-radius:15px;
	margin-top:20px;
  }
  

  
  
.payment-info-tabs table { width:70%; }
.payment-info-tabs table { font-size:14pt; }



.payment-info-tabs-card_content table { width:100%; }
.payment-info-tabs-card_content table th { width:20%; text-align:left; height:60px; }
.payment-info-tabs-card_content table td { width:80%; height:60px; position:relative; }
.payment-info-tabs-card_content table td.payment-info-tabs-form { display:flex; align-items:center; width:100%; }
.payment-info-tabs-card_content table td span { font-size:14px; color:#333; }
.payment-info-tabs-card_content table td label { display:inline-block; vertical-align:middle; }




.payment-info-tabs-card_content table td .cardNo { width:15%; max-width:90px; border:1px solid #aaa; padding-left:15px; height:44px; border-radius:5px; }
.payment-info-tabs-card_content table td .CardYYMM { width:7%; max-width:90px; border:1px solid #aaa; padding-left:15px; height:44px; border-radius:5px; }
.payment-info-tabs-card_content table td .CustomerId { width:25%; max-width:150px; border:1px solid #aaa; padding-left:15px; height:44px; border-radius:5px; }
.payment-info-tabs-card_content table td .CardPwd { width:5%; max-width:50px; border:1px solid #aaa; padding-left:15px; height:44px; border-radius:5px; }
.payment-info-tabs-card_content table td select { width:30%; max-width:106px; border:1px solid #aaa; height:48px; padding-left:15px; border-radius:5px; }

.payment-info-tabs-card_content table td .split_amt { width:25%; max-width:130px; border:1px solid #aaa; padding-left:15px; height:44px; border-radius:5px;  }
.payment-info-tabs-card_content table td button { width:130px; max-width:130px; border:1px solid #aaa; height:44px; border-radius:5px;cursor: pointer; }

.payment-info-tabs-card_content table td button:hover {
    background-color: #ddd;
}

.payment-info-tabs-card_content ul {  }
.payment-info-tabs-card_content ul li { color:#888; font-size:14px; }
.payment-info-tabs-card_content ul li input { display:inline-block; vertical-align:middle; }
.payment-info-tabs-card_content ul li label { display:inline-block; vertical-align:middle; color:#333; font-size:16px;  }
.payment-info-tabs-card_content ul li span { font-size:16px; color:#333; font-weight:bold; }
.payment-info-tabs-card_content p { font-size:18px; font-weight:bold; margin-top:20px; margin-bottom:10px; border-bottom:1px solid #aaa; }

.payment-info-tabs-card_content .CustomerId::placeholder {
	font-size: 14px; 
}





.payment-info-tabs-content table { width:100%; }
.payment-info-tabs-content table th { width:15%; text-align:left; height:60px; }
.payment-info-tabs-content table td { width:85%; height:60px; position:relative; }
.payment-info-tabs-content table td.payment-info-tabs-form { display:flex; align-items:center; width:100%; }
.payment-info-tabs-content table td span { font-size:14px; color:#333; }
.payment-info-tabs-content table td select { width:100%; max-width:406px; border:1px solid #aaa; height:48px; padding-left:15px; border-radius:5px; }
.payment-info-tabs-content table td input[type="text"] { width:100%; max-width:387px; border:1px solid #aaa; padding-left:15px; height:44px; border-radius:5px; }
.payment-info-tabs-content table td input[type="checkbox"] { display:inline-block; vertical-align:middle; }
.payment-info-tabs-content table td label { display:inline-block; vertical-align:middle; }

.payment-info-tabs-content table td .cardNo { width:20%; max-width:387px; border:1px solid #aaa; padding-left:15px; height:44px; border-radius:5px; }

.payment-info-tabs-content ul {  }
.payment-info-tabs-content ul li { color:#888; font-size:14px; }
.payment-info-tabs-content ul li:nth-child(1) { font-size:16px; font-weight:bold; color:#333; }
.payment-info-tabs-content ul li:nth-child(5) { margin-top:20px; }
.payment-info-tabs-content ul li input { display:inline-block; vertical-align:middle; }
.payment-info-tabs-content ul li label { display:inline-block; vertical-align:middle; color:#333; font-size:16px;  }
.payment-info-tabs-content ul li span { font-size:16px; color:#333; font-weight:bold; }
.payment-info-tabs-content ul li input[type="radio"] {
width: 18px;
height: 18px;
border: 1px solid #707070;
border-radius: 20px;
-moz-appearance: none;
-webkit-appearance: none;
margin-right: 5px;
}




.payment-info-tabs-content ul li input[type="radio"]:checked {
background: #333;
box-shadow: inset 0 0 0 0.1875em #fff;
border: 1px solid #aaa;
transition: background .15s, box-shadow .1s;
}


.payment-info-tabs-content p { font-size:18px; font-weight:bold; margin-top:20px; margin-bottom:10px; border-bottom:1px solid #aaa; }

.payment-info-tabs-content table td.payment-info-tabs-form select { max-width:200px; margin-right:5px; }

.payment-info-tabs-check input[type="checkbox"] { position:absolute; top:24px; }
.payment-info-tabs-check label { padding-left:20px; line-height:24px; }


#tab-btn-1:checked~#content-1,
#tab-btn-2:checked~#content-2,
#tab-btn-3:checked~#content-3{
	
    display: block;
}

.payment-info-tabs>label {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    font-size: 16px;
    line-height: 1.5;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
    cursor: pointer;
    position: relative;
    top: 1px;
	margin-right:30px;
}

.payment-info-tabs>label:not(:first-of-type) {
    border-left: none;
}

.payment-info-tabs>input[type="radio"]:checked+label {
}


.member-order-checkbox {
display:block;
position:relative;
padding-left:35px;
margin-bottom:12px;
cursor:pointer;
font-size:22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Hide the browser's default checkbox */
.member-order-checkbox input {
position:absolute;
opacity:0;
cursor:pointer;
}

/* Create a custom checkbox */
.member-order-checkmark {
position: absolute;
top:-13px;
left:0;
height:25px;
width:25px;
background-color:#fff;
border:1px solid #333;
margin-top:4px;
}

/* On mouse-over, add a grey background color */
.member-order-checkbox:hover input ~ .member-order-checkmark {
background-color:#fff;
border:1px solid #333;
}

/* When the checkbox is checked, add a orange background */
.member-order-checkbox input:checked ~ .member-order-checkmark {
background-color:#333;
}

/* Create the checkmark/indicator (hidden when not checked) */
.member-order-checkmark:after {
content:"";
position:absolute;
display:none;
}

/* Show the checkmark when checked */
.member-order-checkbox input:checked ~ .member-order-checkmark:after {
display:block;
}

/* Style the checkmark/indicator */
.member-order-checkbox .member-order-checkmark:after {
left:9px;
top:5px;
width:5px;
height:10px;
border:solid #fff;
border-width:0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.payment-info-stit { display:inline; margin-left:15px; line-height:24px; }



@media(max-width: 480px){
.payment-info-tabs>label { margin-right:5px; }
.payment-info-tabs>.payment-info-tabs-content { padding:10px 20px; }
.payment-info-tabs>input[type="radio"] { margin-right:5px; }

.payment-info-tabs-content table th { width:20%; }
.payment-info-tabs-content table td { width:80%; }
.payment-info-tabs-content table td.payment-info-tabs-form { display:contents; }
.payment-info-tabs-content table td.payment-info-tabs-form select { margin-bottom:5px; }
.payment-info-tabs-content table td span { line-height:24px; display:block; }

.payment-info-tabs-content ul li { line-height:24px; margin-bottom:10px; }
.payment-info-tabs-check span {  }
.payment-info-tabs-check input[type="checkbox"] { position:absolute; top:6px; }
.payment-info-tabs-check label { display:block; }

.payment-info-tabs-content table td input[type="text"] { width:92%; }

.payment-info-stit { font-size:14px; line-height:20px; display:block; position:absolute; top:15px; right:0; width:88%; letter-spacing:-0.5px; }


.payment-info-tabs table { width:100%; }
.payment-info-tabs table { font-size:11pt; }


	

	


.payment-info-tabs>.payment-info-tabs-card_content { padding:5px 20px; }

.payment-info-tabs-card_content table { width:100%; }
.payment-info-tabs-card_content table th { width:25%; text-align:left; height:60px; }
.payment-info-tabs-card_content table td { width:75%; height:60px; position:relative; }
.payment-info-tabs-card_content table td.payment-info-tabs-form { display:flex; align-items:center; width:100%; }
.payment-info-tabs-card_content table td span { font-size:14px; color:#333; }
.payment-info-tabs-card_content table td label { display:inline-block; vertical-align:middle; }

.payment-info-tabs-card_content table td .cardNo { width:14%; border:1px solid #aaa; height:30px; border-radius:5px; font-size:12px; padding:5px 5px 5px 10px;   }
.payment-info-tabs-card_content table td .CardYYMM { width:20%; max-width:90px; border:1px solid #aaa; padding-left:15px; height:44px; border-radius:5px; }
.payment-info-tabs-card_content table td .CustomerId { width:50%; max-width:150px; border:1px solid #aaa; padding-left:15px; height:44px; border-radius:5px; }
.payment-info-tabs-card_content table td .CardPwd { width:20%; max-width:50px; border:1px solid #aaa; padding-left:15px; height:44px; border-radius:5px; }
.payment-info-tabs-card_content table td select { width:50%; max-width:106px; border:1px solid #aaa; height:48px; padding-left:15px; border-radius:5px; }


.payment-info-tabs-card_content table th { width:30%; text-align:left; height:60px; }
.payment-info-tabs-card_content table th span { font-size:12px; }
.payment-info-tabs-card_content table td .split_amt { width:50%; max-width:250px; border:1px solid #aaa; padding-left:15px; height:30px; border-radius:5px; }
.payment-info-tabs-card_content table td button { width:110px; max-width:110px; border:1px solid #aaa; margin-left:56px;  margin-bottom:20px;  height:34px; border-radius:5px; }




.payment-info-tabs-card_content ul {  }
.payment-info-tabs-card_content ul li { color:#888; font-size:14px; }
.payment-info-tabs-card_content ul li input { display:inline-block; vertical-align:middle; }
.payment-info-tabs-card_content ul li label { display:inline-block; vertical-align:middle; color:#333; font-size:16px;  }
.payment-info-tabs-card_content ul li span { font-size:16px; color:#333; font-weight:bold; }
.payment-info-tabs-card_content p { font-size:18px; font-weight:bold; margin-top:20px; margin-bottom:10px; border-bottom:1px solid #aaa; }

.payment-info-tabs-card_content .CustomerId::placeholder {
	font-size: 12px; 
}



}














.height-38 { height:38px; }
.mtop-80 { margin-top:80px; }

@media(max-width: 1024px){
.order-form span.order-address-txt {
margin-right:4%;
}

.member-input-email { width:30%; }
.member-email-icon {
font-size:20px;
}

.order-payment-item li { letter-spacing:-0.5px; }
}

@media(max-width: 768px){

.order-input-wrap {
float:none;
width:100%;
}

.order-form { max-width:100%; }
.member-input-email { width:31.5%; }
.order-form select {
width:33%;
max-width:100%;
}

.member-id-pass { max-width:100%; }
.detail-adersss-bottom { width:74%; }
.order-product-item-tit { text-align:center; }
.order-product-item table { padding:22px 15px; }
.order-payment-item li a { border-left:1px solid #aaa; }
.order-payment-item li {
width:33.3333%;
margin-left:-1px;
margin-top:-1px;
}

.order-payment-item li a.active {
margin-left:0;
position:relative;
z-index:10;
}

.order-payment-item li a:hover {
margin-left:0;
position:relative;
z-index:10;
}

.order-point-info table input.input-coupon { width:70%; }

.order-payment-form { display:none; }

}


@media(min-width: 768px){
.payment-guide { display:none; }
}


@media(max-width: 480px){

.btn-join-wrap { margin-top:30px; }

.member-input-email { width:29.5%; }
.member-email-icon { font-size:14px; }

.join-member-clause-title p { margin-top:15px; }

.login-about li a { font-size:14px; }

.order-form input[type="radio"] { margin-right:5px; }
.order-form span.order-address-txt {
margin-right:10px;
font-size:12px;
}
.order-product-item .order-product-item-left { width:25%; }
.order-product-item .order-product-item-right { width:75%; }
.order-product-item table tr td { font-size:14px; }
.order-product-item table tr td span {
font-size:16px;
margin-bottom:10px;
line-height:20px; }

.order-payment-item li { width:33.3333%; }
.order-form input[type="text"],
.order-form input[type="password"]  {
height:48px;
margin-bottom:25px;
font-size:14px;
}


.order-phone-wrap span { margin-top:-22px; }

.order-address-wrap [type="text"] { margin-right:2%; width:74%; }


.order-input-email { width:28.5%; }
.order-form select {
width:28.5%;
height:51px;
font-size:18px;
}

.detail-adersss-bottom { width:69%; }

.order-point-info table input.input-coupon { max-width:63%; }
.order-point-info table input.input-point { max-width:90px; }
.order-point-info table tr th { font-size:14px; }
.order-point-info table tr td { font-size:12px; }
.order-point-info .point-form span { margin-left:5px; }
.order-point-info .point-form .point-form-left { width:25%; }
.order-point-info .point-form .point-form-right { width:75%; }

.join-end-wrap ul li:nth-child(2) {
font-size:24px;
line-height:30px;
letter-spacing:-0.5px;
margin:33px 0 20px 0;
}

.join-end-wrap ul li:nth-child(3) {
font-size:16px;
line-height:21px;
}

.btn-end-wrap { margin-top:50px; }
.btn-end-wrap p {
font-size:12px;
margin-bottom:10px;
}

.btn-end-login a {
height:60px;
line-height:60px;
}


}








.order-end-title {
text-align:center;
margin-bottom:10px;
}

.order-end-title dt {
font-size:32px;
line-height:36px;
font-weight:bold;
margin-bottom:15px;
}

.order-end-title dt span { color:#FF6719; }
.order-end-title dd {
font-size:20px;
line-height:24px;
color:#707070;
font-family: 'Bona Nova', serif;
}

.order-end-wrap {
width:100%;
margin-bottom:174px;
}

.order-end-wrap p {
font-size:24px;
line-height:27px;
margin-bottom:5px;
font-weight:bold;
}

.order-end-info {
border:1px solid #aaa;
border-radius:10px;
padding:19px 34px 43px 34px;
}

.order-end-info table {
width:100%;
font-size:18px;
}

.order-end-info table tr td {
border-bottom:1px solid #eee;
line-height:21px;
padding:10px 0;
}

.order-end-info table tr th {
border-bottom:1px solid #eee;
text-align:right;
line-height:21px;
padding:10px 0;
}

.order-end-info table tr td.end-payment-title { vertical-align:top; }
.order-end-info table tr th span.order-price-end {
font-size:24px;
color:#FF6719;
}

.order-end-info table tr th span.payment-date {
font-size:14px;
font-weight:normal;
}


.btn-order-end { margin-top:32px; }
.btn-order-end a {
height:78px;
cursor:pointer;
font-size:22px;
border-radius:10px;
line-height:78px;
text-align:center;
}

.btn-order-detail a {
float:left;
width:49.3%;
border:1px solid #333;
background-color:#fff;
}

.btn-order-shopping a {
float:right;
width:49.3%;
border:1px solid #333;
background-color:#333;
color:#fff;
}


@media(max-width: 480px){
.btn-order-end a {
height:60px;
font-size:16px;
line-height:60px;
}

.order-end-title dt {
font-size:25px;
line-height:32px;
margin-bottom:10px;
}

.order-end-wrap p { font-size:20px; }
.order-end-info { padding:19px 5% 43px 5%; }
.order-end-info table {
font-size:16px;
letter-spacing:-1px;
}

.order-end-info table tr th span.payment-date { font-size:12px; }
}

















.member-mypage-visual { 
background-image:url("https://charnemall.cdn1.cafe24.com/img/mypage/mypage_header.jpg");
height:180px;
background-size:cover;
background-position:center;
display:flex;
flex-direction:column;
justif1y-content:center;
align-items:center;
text-align:center;
position:relative;
}

.member-mypage-visual div { position:absolute; top:50%; font-family: 'Bona Nova', serif; font-size:42px; }

.member-mypage-wrap {
width:100%;
max-width:1200px;
margin:0 auto;
font-size:18px;
line-height:21px;
}
.member-mypage-wrap table {
border-spacing:0;
border-collapse:collapse;
width:100%;
}

.member-mypage-info{
display:flex;
flex-direction:column;
align-items:center;
}



.js-tab-hidden {
display:block!important;
left:-9999px!important;
position:absolute !important;
top:-9999px !important;
}

.tabset-holder {
width:100%;
}

.tabset {
list-style-type:none;
padding:0;
margin:0;
}
.tabset_parent {
align-items: center;
margin-bottom: 20px;
}
.tabset_item { display:inline-block; }
.tabset_item a {
display:block;
padding:0 30px;
border-radius:50px;
height:50px;
line-height:50px;
color:#333;
text-align:center;
white-space:nowrap;
background-color:#ebebeb;
margin:0 10px;
}

.tabset_item .active {
background-color:#D4B494;
color:#fff;
}

.tabset_inner-item a {
display:block;
text-align:center;
}

.tabset_inner-item .active { font-weight:bold; }
.tabset_wrap {
width:100%;
text-align:center;
}

.tab-content-inner_list {
list-style:none;
padding:0;
}

.tab-content_item {
display:block;
position:relative;
}

.tab-content-inner {
width:100%;
position:relative;
}

.tabset_inner-item {
display:inline-block;
font-size:16px;
}

.mypage-title-month {
text-align:left;
position:relative;
display:inline-block;
width:100%;
margin:40px 0 30px 0;
}

.mypage-title-month span {
font-size:32px;
font-weight:36px;
font-weight:bold;
}

.tabset_inner {
height:100px;
display:flex;
align-items:center;
}

.tabset_inner li:nth-child(2) { margin-left:13px; }
.tabset_inner li a { padding:3px 10px; }


.member-mypage-step { display:block; }


.tab-content-inner { margin-top:120px; }







.member-mypage-class {
width:100%;
max-width:1400px;
margin:30px 5px 50px 5px;
}

.member-mypage-class li {
text-align:center;
float:left;
width:20%;
}



.mypage-member-info {
width:100%;
background-color:#555;
border-radius:10px;
margin:20px 0 8px 0;
overflow:hidden;
}



.mypage-member-info ul {
width:100%;
display:flex;
flex-direction:row;
align-items:center;
}

.mypage-member-info li {
float:left;
text-align:center;
font-size:16px;
line-height:30px;
color:#fff;
}

.mypage-member-info li span { display:block; }
.mypage-member-info li a {
color:#fff;
display:block;
padding:20px 0;
}

.mypage-member-info li a:hover { background-color:#333; }




.mypage-member-info li:nth-child(1) {
width:45%;
text-align:left;
padding:10px 0 10px 16px;
}


.mypage-member-info li:nth-child(1) span { font-size:24px; }
.mypage-member-info li:nth-child(2) { width:25%; }
.mypage-member-info li:nth-child(3) { width:15%; }
.mypage-member-info li:nth-child(4) { width:15%; }



.member-mypage-step {
width:100%;
border:1px solid #aaa;
border-radius:10px;
margin:0 0 8px 0;
}

.member-mypage-step ul {
width:95%;
padding:10px 16px;
display:flex;
flex-direction:row;
align-items:center;
}

.member-mypage-step li {
float:left;
width:11.1111%;
text-align:center;
font-size:16px;
color:#888;
}

.member-mypage-step li span {
display:block;
font-weight:900;
font-size:32px;
line-height:40px;
}

.member-mypage-step li.member-mypage-step-on { color:#333; }



.mypage-order-title {
font-size:32px;
margin-right:15px;
font-weight:bold;
}

.mypage-order-condition {
position:relative;
width:100%;
text-align:right;
top:20px;
}

.mypage-order-condition form {
position:absolute;
right:0;
top:0;
width:50%;
}

.mypage-order-condition form select.mypage-condition-select {
width:100%;
max-width:200px;
padding:0 20px;
height:60px;
background-color:#eee;
font-size:20px;
border:none;
}

.mypage-order-condition form select.mypage-condition-select option {
background-color:#f5f5f5;
color:#888;
padding:5px 0;
}

.mypage-order-history { padding:0 30px; }
.mypage-order-history dl {
border-bottom:1px solid #aaa;
padding-bottom:10px;
}

.mypage-order-history dl dt { float:left;}
.mypage-order-history dl dd { float:right; }
.mypage-order-history dl dd a { display:block; }
.mypage-order-history table {
width:100%;
height:176px;
}

.mypage-order-history table a { display:block;}
.mypage-order-history table th { padding-right:20px; }
.mypage-order-history table th a {
width:120px;
height:120px;
border:1px solid #aaa;
}

.mypage-order-history table th a img { width:100%; }
.mypage-order-history table td span { display:block; }
.mypage-order-history table td span.mypage-order-history-step {
font-size:16px;
font-weight:bolder;
width:111px;
height:27px;
line-height:27px;
text-align:center;
color:#D4B494;
border:1px solid #D4B494;
border-radius:50px;
}

.mypage-order-history table td span.mypage-order-history-title {
font-size:22px;
font-weight:bold;
margin:10px 0;
vertical-align:top;
}

.mypage-order-history table td a {
display:block;
width:100%;
max-width:140px;
height:40px;
line-height:40px;
text-align:center;
border-radius:10px;
margin:3px 0;
}

.mypage-order-history table td a.find-delivery {
border:1px solid #aaa;
color:#888;
display:none;
}

.mypage-order-history table td a.write-review {
background-color:#aaa;
color:#fff;
}

.mypage-order-history-left { width: 10%; }
.mypage-order-history-center { width: 78%; }
.mypage-order-history-right { width: 12%; }

.mypage-order-tab-all { margin-left:0; }


@media (max-width: 1024px) {
.mypage-order-condition form { width:60%; }
}

@media (max-width: 768px) {
.mypage-order-history {
padding:28px 0;
margin-top:140px;
}

.mypage-order-history table td a { width:auto; }
.mypage-order-history table td span.mypage-order-history-title {
font-size:20px;
letter-spacing:-0.5px;
}
.mypage-member-info li:nth-child(2) { width:60%; }
.mypage-order-condition form { width:100%; }
.mypage-order-condition form select.mypage-condition-select {
width:29%;
font-size:16px;
}
.mypage-order-history-left { width: 8%; }
.mypage-order-history-center { width: 70%; }
.mypage-order-history-right { width: 22%; }
.mypage-order-condition { top:90px; }
.tabset_item a { padding:0 20px; margin:0 5px; }

}


.tab-content-inner { margin-top:60px; }



@media (max-width: 480px) {
.mypage-member-info li { line-height:26px; }
.mypage-member-info li:nth-child(1) { width:45%; }
.mypage-member-info li:nth-child(1) span { font-size:20px; }
.mypage-member-info li:nth-child(2) { width:17%; font-size:14px; display:none; }
.mypage-member-info li:nth-child(3) { font-size:14px; float:right; width:25%; }
.mypage-member-info li:nth-child(4) { font-size:14px; float:right; width:22% }
.mypage-member-info li span { font-size:14px; }

.member-mypage-step li { font-size:12px; letter-spacing:-1px; }
.member-mypage-step li:nth-child(2) { width:17%; }
.member-mypage-step li:nth-child(5) { width:20%; }
.member-mypage-step li:nth-child(7) { width:17%; }
.member-mypage-step li:nth-child(9) { width:17%; }
.member-mypage-step li span { font-size:30px; }

.mypage-title-month { margin:0 0 10px 0; }
.mypage-title-month span { font-size:24px; }
.mypage-order-condition { top:75px; }
.mypage-order-condition form select.mypage-condition-select {
height:40px;
width:32%;
margin-top:5px;
}

.tabset_item a {
font-size:14px;
padding:0 10px;
margin:0 1px;
}

.tab-content-inner { margin-top:30px; }

.tabset_inner li:nth-child(2) { margin-left:5px; }

.mypage-order-history { margin-top:10px; }
.mypage-order-history-left { width: 8%; }
.mypage-order-history-center { width: 67%; }
.mypage-order-history-right { width: 25%; }
.mypage-order-history table { height:100px; }
.mypage-order-history table th { padding-right:5px; }
.mypage-order-history table th a {
width:65px;
height:65px;
}

.mypage-order-history table td {
font-size:14px;
letter-spacing:-1px;
}
.mypage-order-history table td span.mypage-order-history-step {
font-size:12px;
width:60px;
height:20px;
line-height:20px;
}

.mypage-order-history table td span.mypage-order-history-title {
font-size:14px;
overflow: hidden;
white-space:normal;
text-overflow:ellipsis;
display: -webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient: vertical;
word-break: keep-all;
margin:5px 0 3px 0;
}

.mypage-order-history table td a {
height:28px;
line-height:28px;
font-size:14px;
}

.mypage-order-history dl { font-size:16px; }


}

.mypage-table-coupon { position:relative; }
.mypage-table-coupon table .date { width:15%; }
.mypage-table-coupon table .price { width:15%; }
.mypage-table-coupon table .method { width:10%; }
.mypage-table-coupon table .total { width:15%; }
.mypage-table-coupon table .condition { width:10%; }
.mypage-table-coupon table th {
border-bottom:1px solid #707070;
height:80px;
color:#000;
}

.mypage-table-coupon table td {
text-align:center;
border:1px solid #eee;
height:80px;
color:#555;
}

.mypage-table-coupon table td span { color:#888; }
.mypage-caution {
color:#aaa;
line-height:16px;
margin-top:10px;
font-size:14px;
display:flex; align-items:center;
}


.mypage-table-coupon td.coupon-txt-left {
text-align:left;
padding:0 16px;
}

.mypage-table-history { position:relative; }
.mypage-table-history table .date { width:15%; }
.mypage-table-history table .price { width:15%; }
.mypage-table-history table .method { width:10%; }
.mypage-table-history table .total { width:15%; }
.mypage-table-history table .condition { width:10%; }
.mypage-table-history table th {
border-bottom:1px solid #707070;
height:80px;
color:#000;
}

.mypage-table-history table td {
text-align:center;
border:1px solid #eee;
height:80px;
color:#555;
}

.mypage-table-history table td span { color:#888; }
.mypage-caution {
color:#aaa;
line-height:16px;
margin-top:10px;
font-size:14px;
display:flex; align-items:center;
}

.mypage-caution span { margin-right:10px; }

.available-point {
height:100px;
text-align:center;
border:1px solid #aaa;
width:100%;
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
position:relative;
font-size:18px;
color:#000;
}

.available-point p.basic-lay span {
display:block;
font-size:30px;
line-height:35px;
color:#FF6719;
font-weight:900;
}

.available-point dl {
position:absolute;
left:34px;
align-items:baseline;
display:flex;
flex-direction: column;
}

.available-point dl dt { line-height:34px; }
.available-point dl dt span {
font-size:28px;
color:#FF6719;
margin-left:14px;
font-weight:bold;
}

.available-point dl dd span { margin-left:38px; }
.available-point p.btn-withdraw {
position:absolute;
right:34px;
}

.btn-mypage01 {
display:block;
width:138px;
height:38px;
line-height:38px;
border:1px solid #aaa;
border-radius:10px;
color:#888;
text-align:center;
}

.btn-mypage02 {
display:block;
width:150px;
height:60px;
line-height:60px;
background:#aaa;
border-radius:10px;
color:#fff;
text-align:center;
font-weight:lighter;
}

.btn-mypage03 {
display:block;
width:100%;
max-width:216px;
height:40px;
line-height:40px;
border:1px solid #888;
border-radius:5px;
text-align:center;
font-size:22px;
}

.btn-mypage04 {
font-size:18px;
width:118px;
height:30px;
border:1px solid #aaa;
border-radius:5px;
line-height:30px;
display:block;
text-align:center;
color:#888;
}


@media (max-width: 768px) {
.btn-mypage03 {
font-size:16px;
height:35px;
line-height:35px;
}
}

@media (max-width: 480px) {

	.btn-mypage01 {
	
	width:100px;
	height:32px;
	line-height:32px;
	font-size:16px;
	
	}
	

	
	}




.mypage-table-history .date-p { width:15%; }
.mypage-table-history .division-p { width:10%; }
.mypage-table-history .period-p { width:15%; }
.mypage-table-history .point-p { width:15%; }

.mypage-table-history .date-c { width:15%; }
.mypage-table-history .division-c { width:15%; }
.mypage-table-history .period-c { width:15%; }
.mypage-table-history td.history-txt-left {
text-align:left;
padding:0 16px;
}

.coupon-tit-center {
display:flex;
justify-content:center;
}


@media (max-width: 768px) {
.mypage-table-history table .date { width:15%; }
.mypage-table-history table .price { width:13%; }
.mypage-table-history table .method { width:10%; }
.mypage-table-history table .total { width:13%; }
.mypage-table-history table .condition { width:10%; }
.mypage-table-history table {
font-size:16px;

}

.mypage-table-history table td.history-refund-left { text-align:left; }
.available-point dl { left:auto; align-items:center; }
.btn-withdraw { display:none; }
}

@media (min-width: 768px) {
.mypage-table-history table th br { display:none; }
.available-point dl dd a { display:none; }
}

@media (max-width: 480px) {
.mypage-table-history table .date { width:15%; }
.mypage-table-history table .price { width:13%; }
.mypage-table-history table .method { width:12%; }
.mypage-table-history table .total { width:13%; }
.mypage-table-history table .condition { width:10%; }
.mypage-table-history table {
font-size:13px;
letter-spacing:-1px;
margin-top:30px;


}


.mypage-table-coupon table {
font-size:10px;
letter-spacing:-1px;
margin-top:30px;
}

.member-mypage-class {
font-size:13px;
}

.mypage-caution { font-size:12px; }
.available-point {
width:99.5%;
height:100px;
font-size:16px;
}

.available-point p.basic-lay span {
display:block;
font-size:24px;
line-height:28px;
}

.available-point dl dt { line-height:28px; }
.available-point dl dt span {
font-size:24px;
margin-left:14px;
}

.available-point dl dd span { margin-left:14px; }
}



.member-myorder-detail-info { width:100%; }
.member-myorder-detail-info h1 {
font-size:32px;
line-height:36px;
text-align:center;
margin:0 0 47px 0;
}
.myorder-detail-condition {
margin-bottom:80px;
}
.myorder-detail-condition p {
float:left;
font-size:24px;
line-height:27px;
font-weight:bold;
}
.myorder-detail-condition p span { color:#D4B494; }
.myorder-detail-condition ul {
float:right;
}

.myorder-detail-condition ul li { display:inline-block; }
.myorder-detail-condition ul li a {
display:block;
border-radius:10px;
width:140px;
height:40px;
line-height:40px;
font-size:18px;
text-align:center;
}

.myorder-detail-condition ul li a.detail-condition-review {
background-color:#aaa;
color:#fff;
}

.myorder-detail-condition ul li a.detail-condition-delivery {
border:1px solid #aaa;
color:#888;
}

.myorder-detail-order-wrap {
font-size:20px;
color:#888;
}

.myorder-detail-order-wrap table {
font-size:20px;
line-height:28px;
}

.myorder-detail-order-wrap table th {
text-align:left;
font-weight:normal;
padding:10px 0;
color:#888;
}

.myorder-detail-order-wrap table td {
text-align:right;
color:#333;
}

.myorder-detail-order-wrap table {
width:100%;
margin-bottom:60px;
}

.myorder-detail-order-stit {
font-size:24px;
line-height:27px;
border-bottom:1px solid #aaa;
padding-bottom:7px;
font-weight:bold;
color:#333;
}

.myorder-detail-order {
float:left;
width:48%;
}

.myorder-detail-order table td span { color:#D4B494; }

.myorder-detail-product {
float:right;
width:48%;
}

.myorder-detail-product table th {
border-bottom:1px solid #eee;
padding:37px 0 17px 0;
}

.myorder-detail-product table th p a {
display:block;
width:85px;
height:85px;
border:1px solid #aaa;
}

.myorder-detail-product table th p a img { width:100%; }
.myorder-detail-product table td {
font-weight:bold;
text-align:left;
color:#333;
line-height:28px;
border-bottom:1px solid #eee;
padding:37px 0 17px 0;
}

.myorder-detail-product table td span {
display:block;
font-size:22px;
}

.myorder-detail-delivery {
float:left;
width:48%;
}

.myorder-detail-delivery table td { text-align:left; }

.myorder-detail-payment {
float:right;
width:48%;
}

.btn-myorder-detail { text-align:center; }
.btn-myorder-detail li {
display:inline-block;
font-size:22px;
}

.btn-myorder-detail li a {
display:block;
width:216px;
height:40px;
line-height:40px;
border:1px solid #888;
border-radius:5px;
}

@media (max-width: 768px) {
.member-mypage-wrap { width:90%; margin:0 5%; }
.myorder-detail-order { float:none; width:100%; }
.myorder-detail-product { float:none; width:100%; }
.myorder-detail-delivery { float:none; width:100%; }
.myorder-detail-payment { float:none; width:100%; }
.myorder-detail-product table td { padding-left:15px; }
.btn-myorder-detail li:nth-child(3) { display:none; }
}


@media (max-width: 480px) {
.btn-myorder-detail { width:100%; }
.btn-myorder-detail li { width:45%; font-size:16px; margin:1.1666; }
.btn-myorder-detail li a { width:100%; }

.login-check { font-size:16px; }
.login-check p { margin-left:35px; }
.myorder-detail-order-wrap table { font-size:18px; line-height:24px; }

.myorder-detail-product table td { font-size:16px; }
.myorder-detail-product table td span { font-size:18px; }

}


.btn-myinquiry-writeF { display:flex; justify-content:center; align-items:center; margin-top:50px; }
.btn-myinquiry-writeF li { display:contents; }
.btn-myinquiry-writeF li a { margin:0 5px; }




/* 문의 write S */

.myinquiry-view-delete { position:absolute; right:0; height:100px; display:flex; justify-content:center; align-items:center; }

.myinquiry-board-view {  }
.myinquiry-board-view dt { font-size:24px; line-height:27px; font-weight:bold; border-bottom:1px solid #d4d4d4; padding:7px 0; }
.myinquiry-board-view dd { font-size:20px; line-height:28px; color:#888; padding-top:20px; margin-bottom:60px; min-height:150px; }
.myinquiry-board-view dd pre { font-family: "nanumsquare", sans-serif; margin:0; }

.myinquiry-view-left { float:left; width:49%; margin-right:1%; }
.myinquiry-view-answer {  }
.myinquiry-view-answer dt { color:#FF6719; }
.myinquiry-view-answer dd {  }

.myinquiry-view-right { float:right; width:49%; margin-left:1%; }
.myinquiry-view-product {  }
.myinquiry-view-product dd { display:flex; justify-content:flex-start; align-items:center; font-weight:bold; }
.myinquiry-view-product dd div { border:1px solid #aaa; width:100px;height:100px; }
.myinquiry-view-product dd div a { width:76px; height:76px; display:block; border:1px solid #aaa; }
.myinquiry-view-product dd p { margin-left:20px; color:#333; font-size:18px; line-height:21px; }
.myinquiry-view-product dd p span { display:block; font-size:22px; line-height:26px; margin-top:10px; }

.myinquiry-view-photo dd div { width:100%; height:300px; background-color:#eee; }

.myinquiry-view-photo dd div img { width:100%; height:450px; }


.myinquiry-board-write { width:100%; max-width:580px; margin:0 auto; text-align:center; }

.myinquiry-board-write dl { margin-bottom:25px; }
.myinquiry-board-write dl dt { text-align:center; margin-bottom:10px; font-weight:bold; }



.inquiry-sel { background:#fff; border:1px solid #aaa; width: 99.7%; max-width:578px; height:58px; line-height:53px; }
.inquiry-sel .sel__box { width:100.5%; max-width: 580px; top: calc(100% + 1px); left: calc(0% + -1px); }
.inquiry-sel .sel__box__options { background:#f5f5f5; border:1px solid #aaa; color:#333; }
.inquiry-sel .sel__box__options:hover { background:#ffff; }


.myinquiry-board-write dl dt span { color:#aaa; }
.myinquiry-board-write dl dd textarea { height:200px; padding:15px 2.5%; width:94.7%; border:1px solid #707070; }

.btn-myasking-write { max-width:150px; margin:0 auto 20px auto; }


@media(max-width: 768px){
	.myinquiry-view-delete { top:40px; }
	.myinquiry-view-left { float:none; width:100%; margin-right:0; }
	.myinquiry-view-right { float:none; width:100%; margin-left:0; }

	.myinquiry-board-view dt { font-size:18px; line-height:23px; padding:7px 0; }
	.myinquiry-board-view dd { font-size:16px; line-height:21px; padding-top:20px; margin-bottom:60px; }

	.sel__box { width:100.5%; }
}


@media(max-width: 480px){
	.myinquiry-view-answer dd { font-size:16px; line-height:23px; }
	.myinquiry-view-product dd p { font-size:14px; line-height:18px; }
	.myinquiry-view-product dd p span { font-size:18px; line-height:21px; margin-top:5px; }
	.sel__box__options { font-size:20px; }
	.btn-mypage02 { height:50px; line-height:50px; }
	.inquiry-sel .sel__box { left: calc(0% + -0.2%); width:100.4%; }
}

/* 문의 write E */






/* 나의 정보 로그인 S */
.mypage-myinfo-title { margin-bottom:76px; text-align:center; }
.mypage-myinfo-title h1 {
font-size:32px;
line-height:36px;
font-weight:bold;
letter-spacing:0.96px;
margin:0 0 34px 0;
}
.mypage-myinfo-title p { font-size:21px; line-height:24px; }
.mypage-myinfo-title p span { display:block; }
/* 나의 정보 로그인 E */



/* 나의 정보 회원정보 S */
.mypage-myinfo-title { margin-bottom:76px; text-align:center; }
.mypage-myinfo-title h1 {
font-size:32px;
line-height:36px;
font-weight:bold;
letter-spacing:0.96px;
margin:0 0 54px 0;
}
.mypage-myinfo-title p { font-size:21px; line-height:24px; }
.mypage-myinfo-title p span { display:block; margin-bottom:20px; }


.mypage-info-basic {  }
.mypage-info-basic table { font-size:20px; line-height:28px; margin-top:10px; }
.mypage-info-basic table th { text-align:left; font-weight:normal; height:60px; color:#888; }
.mypage-info-basic table td { text-align:right; height:60px; }
.mypage-info-user { float:left; width:48%; max-width:600px; }
.mypage-info-userinfo {  }
.mypage-info-userinfo th { width:30%; max-width:180px; }
.mypage-info-userinfo td { width:70%; max-width:390px; }
.mypage-info-userinfo td span.member-number { color:#D4B494; }
.mypage-info-userinfo td span.member-mail { width:40%; display:inline-block; }
.mypage-info-userinfo td span.mail-icon { width:16%; display:inline-block; text-align:center; }
.mypage-info-userinfo td input { width:90%; padding:0 3.5%; height:52px; border:1px solid #aaa; border-radius:5px; }
.mypage-info-userinfo td input[type="text"] { max-width:156px; }
.mypage-info-userinfo td input[type="password"] { max-width:390px; }


.mypage-info-userinfo td div { display:flex; justify-content:center; align-items:center; position:relative; }
.mypage-info-userinfo td.mypage-info-phone { padding-top:2px; }
.mypage-info-userinfo td.mypage-info-phone div { left:5px; }
.mypage-info-userinfo td.mypage-info-mail { padding-top:2px; }
.mypage-info-userinfo td.mypage-info-mail div {  left:4px; }


.mypage-info-phone select {
width:100%;
max-width:28.7%;
height:58px;
margin-left:0;
border-radius:5px;
border:1px solid #aaa;
position:relative;
font-size:20px;
text-align:center;
}




.mypage-info-phone input {max-width:23%; }
.mypage-info-phone span { width:4%; text-align:center; display:inline-block; }

.mypage-info-deli th { width:40%; }
.mypage-info-deli td input {
    width: 90%;
    padding: 0 3.5%;
    height: 52px;
    border: 1px solid #aaa;
    border-radius: 5px;
	max-width:390px;
	}


.mypage-info-userinfo td span.member-mail { width:42% }
.mypage-info-userinfo td span.mail-icon { width:14.5%; }



.mypage-info-deli { float:right; width:48%; max-width:600px; }
.mypage-info-deliinfo { margin-bottom:60px; }
.mypage-info-deliinfo th {  }
.mypage-info-deliinfo td {  }

.mypage-info-deliinfo td.myorder-detail-address { display:flex; justify-content:end; }
.mypage-info-deliinfo td.myorder-detail-address input[type="text"] { width:59%; }
.mypage-info-deliinfo td.myorder-detail-address input[type="button"] { width:30%; }

.btn-adress-manage { font-weight:normal; position:absolute; right:0; top:-3px; }


@media(max-width: 1024px){
	.mypage-info-userinfo th { width:40%; }
	.mypage-info-userinfo td { width:60%; }
	.mypage-info-userinfo td input { padding:0 2.5%; }
	.mypage-info-phone span { width:5%; }
	.mypage-info-userinfo td div { left:3px; }

	.mypage-info-deli td input { padding:0 2.5%; }
}


@media(max-width: 768px){
	.mypage-info-user { float:none; width:100%; max-width:100%; }
	.mypage-info-userinfo td input { max-width:24%; }
	.mypage-info-deli { float:none; width:100%; max-width:100%; }
	.mypage-info-userinfo { margin-bottom:60px; }
	.mypage-info-phone select { max-width:26.5%; }
	.mypage-info-userinfo td.mypage-info-phone div { left:10px; }
	.mypage-info-userinfo td.mypage-info-mail div { left:6px; }
	.mypage-info-userinfo td span.mail-icon { width:13%; }
}

@media(max-width: 480px){
	.mypage-myinfo-title { margin-bottom:50px; }
	.mypage-myinfo-title h1 { font-size:24px; line-height:32px; margin:0 0 30px 0; }
	.mypage-myinfo-title p { font-size:16px; }
	.mypage-myinfo-title p span { margin-bottom:10px; }
	.mypage-myinfo-title p span svg { width:45px; height:auto; }

	.mypage-info-basic table { font-size:16px; line-height:24px; margin-top:10px; }
	.mypage-info-basic table th { height:50px; }
	.mypage-info-basic table td { height:50px; }
	.mypage-info-userinfo th { width:40%; max-width:180px; }
	.mypage-info-userinfo td { width:60%; max-width:390px; }
	.mypage-info-userinfo td input { padding:0 3.5%; height:45px; max-width:23%; }
	.mypage-info-phone select { height:45px; font-size:16px; max-width:26%; }
	.mypage-info-phone input { max-wi1dth:22.5%; }
	.mypage-info-deli td input { height:45px; font-size:16px; }
	.mypage-info-userinfo td.mypage-info-phone div { left:2px; }
	.mypage-info-userinfo td.mypage-info-mail div { left:2px; }
	.mypage-info-userinfo td span.mail-icon { width:14.5%; }



	.mypage-info-deli td input { height:45px; }
	
	.mypage-table-coupon table {

		margin-top:10px;
	}
}
/* 나의 정보 회원정보 E */



/* 나의 정보 회원탈퇴 S */
.mypage-info-quit { width:100%; max-width:580px; margin:0 auto; }
.mypage-info-quit h2 { font-size:18px; line-height:21px; text-align:center; margin:0 0 8px 0; }
.mypage-info-quit h2 span { color:#aaa; }

.mypage-quit-caution { margin-bottom:50px; }
.quit-caution-contents { position:relative; border:1px solid #aaa; }
.quit-caution-contents .bottom-arrow { height:35px; background-color:#fff; position:absolute; bottom:0; width:100%; text-align:center; line-height:35px; }
.quit-caution-contents .caution-contents-txt { 
max-height:300px; text-align:left; padding:20px 15px; overflow-y:auto; line-height:26px; padding-bottom:35px;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}

.quit-caution-contents .caution-contents-txt::-webkit-scrollbar { 
display: none; /* Chrome, Safari, Opera*/
}

.mypage-quit-reason { margin-bottom:50px; }
.mypage-quit-reason ul li { display: flex; justify-content:flex-start; align-items: center; height:54px; font-size:20px; }

.mypage-quit-opinion {  }
.mypage-quit-opinion p { font-size:16px; line-height:18px; text-align:center; margin-bottom:14px; }
.mypage-quit-opinion textarea { width:94%; padding:3%; height:300px; }





/* 회원탈퇴 체크박스 S */
.checkbox-quit-container {
  display: block;
  position: relative;
  padding-left: 70px;
  bottom: 29px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-quit-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkbox-quit-container .checkmark {
  position: absolute;
  top: 13px;
  left: 15px;
  height: 28px;
  width: 28px;
  background-color: #fff;
  border:1px solid #707070;
  border-radius:5px;
}

/* On mouse-over, add a grey background color */
.checkbox-quit-container:hover input ~ .checkmark {
  background-color: #fff;
  border:1px solid #707070;
}

/* When the checkbox is checked, add a orange background */
.checkbox-quit-container input:checked ~ .checkmark {
  background-color: #333;
}
/* 회원탈퇴 체크박스 E */
@media(max-width: 768px){
	.mypage-info-quit { max-width:100%; }
}

@media(max-width: 480px){
	.quit-caution-contents .caution-contents-txt { font-size:16px; line-height:24px; max-height:200px; }
	.mypage-quit-reason ul li { font-size:18px; height:45px; }
	.checkbox-quit-container { padding-left:55px; }
	.checkbox-quit-container .checkmark { width:25px; height:25px; }
	.mypage-quit-opinion textarea { height:200px; }
	.mypage-quit-opinion p { font-size:14px; }
}

@media(min-width: 480px){
	.mypage-quit-opinion p br { display:none; }
}
/* 나의 정보 회원탈퇴 E */



/* 마이페이지 셀렉트 옵션 S */
.mypage-sel { position:absolute; right:0; max-width:55%; z-index:6; }
.mypage-sel .sel { display:inline-block; max-width:200px; }


@media (max-width: 768px) {
	.mypage-sel { max-width:100%; width:100%; }
}

@media (max-width: 480px) {
	.mypage-sel .sel { max-width:150px; }
}
/* 마이페이지 셀렉트 옵션 E */



/* 아이디 패스워드 찾기 S */
.find-id-wrap { background:#f5f5f5; max-width:100%; margin:0; padding:60px 0 120px 0; }
.find-id-title { text-align:center; }
.find-id-lay { background:#fff; width:100%; max-width:608px; margin:0 auto; padding:60px 80px; border-radius:28px; }
.name-mail { width:96%; max-width:610px; height:60px; border:1px solid #aaa; padding-left:3%; border-radius:5px; font-size:21px; color:#888; margin-bottom:10px; }
.btn-find-id { margin-top:50px; display:block; }

.find-id-end { text-align:center; }
.find-id-end dt { font-size:21px; line-height:24px; color:#888; margin-bottom:15px; }
.find-id-end dd { background:#f5f5f5; border:1px solid #aaa; border-radius:5px; height:60px; line-height:60px; font-size:32px; }

.failed-icon { text-align:center; margin-bottom:20px; }
.failed-info { text-align:center; font-size:16px; line-height:24px; }

@media(max-width: 1024px){
	.find-id-wrap { width:100%; }
}


@media(max-width: 768px){
	.find-id-wrap { background:#fff; }
	.find-id-lay { max-width:90%; width:auto; }
}


@media(max-width: 480px){
	.find-id-lay { padding:30px 10%; }
	.name-mail { height:50px; font-size:16px; }
	.btn-find-id { margin-top:30px; }
	.find-id-end dt { font-size:16px; }
	.find-id-end dd { font-size:20px; height:50px; line-height:50px; }
	.find-id-title h1 { font-size:24px; }
}

/* 아이디 패스워드 찾기 E */