@charset "utf-8";
:root {
--header-top-height:64px; /* header-top */
--menuTab-height:46px; 
--bottom-height:56px; 		
}

.header--wrap{position:sticky;top:0;width:100%;background:#fff; z-index:3;}
/* .header--top{display:flex;justify-content:space-between; align-items: center;height:var(--header-top-height);  padding:5px 16px 0; box-sizing: border-box }
.header--top .logo{flex:1;}
.header--top .logo img{width:100%; max-width:75px;  }
.header--top .btn--right{display:inline-flex;align-items: center;justify-content:flex-end; gap:16px; } */

.btn--menu {display: inline-block;width:24px; height:24px;background:url(../images/menu.png) 50% 50% no-repeat; background-size:auto 24px;}
.btn--search {display:inline-block; width:40px; height:40px; padding-right:40px; background:url(../images/btn_search.svg) 50% 50% no-repeat;}
.btn--mypage {display:inline-block; width:40px; height:40px; background:url(../images/btn_mypage.svg) 50% 50% no-repeat;}
.btn--home {display:inline-block; width:40px; height:40px; background:url(../images/web-home-icon.png) 50% 50% no-repeat;background-size:75% 75%;}

/* tab */
.menuTab{width:100%; height:var(--menuTab-height);border-bottom:1px solid #f0f0f0; padding:0px 16px; box-sizing: border-box; }
.menuTab ul{display:flex;  align-items: center;width:100%;height:100%;gap:0px; box-sizing: border-box; }
.menuTab ul.tabs {white-space: nowrap;}
.menuTab li{margin-right:20px;}
.menuTab li:last-child{margin-right:30px;}
.menuTab a{display:flex;align-items: center; justify-content: center;text-align:center;height:var(--menuTab-height); font-weight:700;font-size:14px;line-height:1;color:#ccc;border-width:0; border-style:solid; border-color:var(--concept-color); padding:0 2px; border-radius:0px;box-sizing: border-box;}
.menuTab li.active a{font-weight:700;color:var(--concept-color);border-width:0 0 3px 0; }

.main--container{width:100%; padding-bottom:var(--bottom-height);min-height:700px; }

.main--banner{width:100%;}
.main--banner img{width:100%;}

.content-inner{padding:20px; box-sizing: border-box;} 
.content-inner.botBtn{padding:20px 20px 100px; box-sizing: border-box;} 
.content-inner section{margin-bottom:30px;} 
.content-inner section:last-child{margin-bottom:10px;} 

/*img 관련 */
.imgMax{max-width:100%;}f
.imgFix{width:100%;}
.fullsize{display: inline-block;width: 100%;}
.fullsize img{width: 100%;}

.categoryTab{width:100%; padding:20px 16px; overflow: hidden;box-sizing: border-box; }
.categoryTab ul{display:flex;  align-items: center;width:100%;height:100%;gap:0px; box-sizing: border-box; }
.categoryTab ul.tabs {white-space: nowrap;}
.categoryTab li{margin-right:16px;}
.categoryTab li:last-child{}
.categoryTab a{display:flex;flex-direction: column; align-items: center;}
.categoryTab .circle{display:flex;align-items: center; justify-content: center;text-align:center;width:56px; height:56px;border: 1px solid rgba(0, 0, 0, 0.05); background: #F8F8F8;border-radius:50%;box-sizing: border-box;}
.categoryTab .tit{font-weight:700;font-size:12px;line-height:1.45;color:#222;margin-top:4px;}
.categoryTab li:first-child .circle{border: 1px solid rgba(0, 0, 0, 0.05);background:#fff;}

.special--products{width:100%; padding:10px 16px; box-sizing: border-box; }
.special--products .tit{font-weight:800;font-size:18px;line-height:1.45;color:#000;margin-bottom:14px;}
.special--products ul{display:flex; width:100%; gap:8px; }
.special--products li{/*width:32.3333%; margin-left:1.5%;*/ flex:1; overflow: hidden;}
.special--products li:first-child{margin-left:0%;}
.special--products .product--list-top {
display:flex;
justify-content:space-between;
align-items: center; 
gap:10px; 
/* margin-bottom:10px; */
}
.special--products .product--list-top .txt--lg {
font-weight:400;
font-size:14px;
line-height:20px;
color:#888888;
}

.products-list{display:flex;flex-direction: column;width:100%;}
.products-list .thumb{position:relative;display: inline-block; width:100%; aspect-ratio:10/12;border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.05); background-size: cover; background:#fff;box-sizing: border-box; }
/* .products-list .thumb img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:100%; } */
.products-list .thumb img{top: 0; left: 0; width:100%; height: 100%; object-fit: cover;}
.products-list .thumb .point-img{width:30px;height:30px;position:absolute;bottom:0;left:0;}
.products-list .shopName{font-weight:700;font-size:12px;line-height:1.45;color:#888;margin-top:4px;}
.products-list .desc{font-weight:400;font-size:14px;line-height:1.45;color:#555; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.products-list .price_discout{font-weight:700;font-size:14px;line-height:20px;color:#ccc;text-decoration-line: line-through;}
.products-list .price{font-weight:700;font-size:16px;line-height:1.45;color:#f86000;}
.products-list .price .price_sell{font-weight:700;font-size:16px;line-height:1.45;color:#000;}

.likebox{position:absolute; right:10px; bottom:10px; display:inline-flex;justify-content:flex-end;align-items:center;z-index: 2;}
.likebox input[type=checkbox] {display:none;}
.likebox input[type=checkbox] + label{padding-left:0px;}
.likebox label {cursor:pointer;margin-right:0px;}
.likebox input[type=checkbox]+ label:before {display: none;}
.likebox .like {width:24px;height:24px;background: url('../images/favorite_list.png?ver=1') 50% 50% no-repeat;background-size:auto 24px; -webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;}
.likebox input[type=checkbox]:checked ~ .motion > .like {background: url('../images/favorite_list_on.png?ver=1') 50% 50% no-repeat;background-size:auto 24px;-webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;}

.products--wrap{width:100%; padding:0px 16px; box-sizing: border-box; }
.products--wrap.products_padding_16 { padding-bottom:16px; }
.products--wrap ul{display:flex;flex-wrap: wrap; width:100%;min-height:600px;}
.products--wrap li{width:calc(100% / 2 - 4px); margin-left:8px;margin-bottom:16px;}
.products--wrap li:nth-child(2n-1){margin-left:0;}

.banner--zone{margin-bottom:20px;padding:0px 16px; box-sizing: border-box; }

.bottom--menu{position:fixed;bottom:0;width:100%;max-width:600px;height:var(--bottom-height);background:#fff; z-index:3;}
.bottom--menu ul{display:flex;justify-content:space-between; align-items: center;height:var(--bottom-height);}
.bottom--menu li{flex:1;height:100%;border-top:1px solid #f0f0f0;}
.bottom--menu li > a{display:flex;flex-direction: column;justify-content: center;align-items:center;height:100%;}
.bottom--menu .txt{font-weight:400;font-size:10px;line-height:1.45;color:#888;letter-spacing:-0.03em;}

.icon--home{width:24px;height:24px; background: url('../images/icon-home.png') 50% 0% no-repeat;background-size:auto 24px;}
.icon--shop{width:24px;height:24px;background: url('../images/icon-shop.png') 50% 0% no-repeat;background-size:auto 24px;}
.icon--favorite{width:24px;height:24px;background: url('../images/icon-bag.png') 50% 0% no-repeat;background-size:auto 24px;}
.icon--recent{width:24px;height:24px;background: url('../images/icon-category.png') 50% 0% no-repeat;background-size:auto 24px;}
.iconn--review{width:24px;height:24px;background: url('../images/icon-review.png') 50% 0% no-repeat;background-size:auto 24px;}
.iconn--mypage{width:24px;height:24px;background: url('../images/icon-mypage.png') 50% 0% no-repeat;background-size:auto 24px;}

.bottom--menu li.active .icon--home{background: url('../images/icon-home-on.png?ver=1') 50% 0% no-repeat;background-size:auto 24px;}
.bottom--menu li.active .icon--shop{background: url('../images/icon-shop-on.png?ver=1') 50% 0% no-repeat;background-size:auto 24px;}
.bottom--menu li.active .icon--favorite{background: url('../images/icon-bag-on.png?ver=1') 50% 0% no-repeat;background-size:auto 24px;}
.bottom--menu li.active .icon--recent{background: url('../images/icon-category-on.png') 50% 0% no-repeat;background-size:auto 24px;}
.bottom--menu li.active .iconn--review{background: url('../images/icon-review-on.png') 50% 0% no-repeat;background-size:auto 24px;}
.bottom--menu li.active .iconn--mypage{background: url('../images/icon-mypage-on.png') 50% 0% no-repeat;background-size:auto 24px;}

.bottom--menu li.active{border-top:2px solid var(--main-color);}
.bottom--menu li.active .txt{color:var(--main-color);}

/* 359px 이하 */
@media all and (max-width:359px){
html{font-size: 56.3%;}
}

/* header */
.header--top{position:sticky; top:0; display:flex;justify-content:center; align-items: center; width:100%; height:var(--header-top-height); background:#fff;padding: 0 50px; box-sizing: border-box; z-index: 3; }
.header--top .tit{text-align:center;font-family: 'Pretendard';font-style: normal;font-weight: 700;font-size:20px;line-height:26px;color:#000;  }
.header--top .btn--left{position:absolute; left:20px;top:50%; transform:translateY(-50%); z-index: 2;}
.header--top .btn--left .mypage_title {
font-weight:900;
font-size:16px;
line-height:24px;
color: #000;
}
.header--top .btn--right{position:absolute; right:20px;top:50%; transform:translateY(-50%); z-index: 2;}
.header--top .logo{text-align:center;}
.header--top .logo img{max-height:36px; }

.btn--prev {position: relative;width:24px; height:24px;}
.btn--prev::after { content: ' ';position: absolute; top: 50%;left:50%;margin-top:-6px; margin-left:-3px;  width:12px; height: 12px;border: 1px solid #000;border-top: none;border-right: none; transform: rotate(45deg);}
.btn--close{display: inline-block;width:24px; height:24px;background:url(/m/assets/images/icon-close.png) 50% 50% no-repeat; background-size:auto 24px;}

/* 로그인 */
.loginWrap {
padding: 0 32px;
}

.login_logo {
text-align: center;
margin: 54px auto 54px;
}

.login_logo p {
font-weight: 700;
font-size: 37px;
line-height: 45px;
letter-spacing: 0.001em;
color: #000;
margin-bottom: 12px;
text-align: center;
}

.login_logo p span {
color: #7bb73d;
}

.login_logo img {
display: block;
width: 140px;
margin: 0 auto;
}

.login_btn_kakao {
display: block;
width: 100%;
line-height: 60px;
background: #fae100;
border-radius: 3px;
text-align: center;
margin-top:20px;
}

.login_btn_kakao a {  
color: #000000;
font-weight: 400;
font-size: 14px;  
}

.login_btn_kakao span img {
vertical-align: middle;
}

.login_btn_naver {
display: block;
width: 100%;
line-height: 60px;
background: #03cf5d;
border-radius: 3px;
text-align: center;
margin-top:15px;
}

.login_btn_naver a {  
color: #ffffff;
font-weight: 400;
font-size: 14px;  
}

.login_btn_naver span img {
vertical-align: middle;
}

.login_btn_apple {
display: block;
width: 100%;
line-height: 60px;
background: #000000;
border-radius: 3px;
text-align: center;
margin-top:15px;
}

.login_btn_apple a {  
color: #ffffff;
font-weight: 400;
font-size: 14px;  
}

.login_btn_apple span img {
vertical-align: middle;
}

.snslogin {
display: block;
margin: 70px auto 0 auto;
width: 126px;
text-align: center;
}

.snslogin a {
display:inline;
padding:5px;
}

.snslogin img {
width: 48px;
height: 48px;
}

/* 회원가입 */
.contents--wrap{width:100%; padding:20px 20px 20px; box-sizing: border-box;min-height:600px;} /* 기본 */
.contents--wrap.botBtn{padding:20px 20px 100px;} /* fixed 버튼 있는경우 */

.form_sty{width:100%;margin:0px;padding:0px 32px;}
.form_sty ul > li{width:100%;margin-top:15px; }
.form_sty ul > li:first-child{margin-top:0px; }
.form_sty .form-label{display: flex;justify-content:space-between;align-items: center;font-weight:700;font-size:12px;color: #000;line-height:17px; margin-bottom:5px; }
.form_sty .form-label .message{font-weight:400; font-size:10px; color:#ec0808; }
.form_sty .form-label.error{color: var(--red-color); }
.form_sty .form-label.on{color:var(--concept-color);}
.form_sty .form-tit{margin-bottom:10px;}
.form_sty .cont{ }
.input_sty.error .form-label{color: var(--red-color); }
.input_sty.error .form-label .message{color: var(--red-color); }

.emailWrap{display:flex;align-items: center;gap:10px;}
.emailWrap *:first-child{flex:0 0 45%;}
.emailWrap *:nth-child(3){flex:1;}

.terms--agreeBox{border-radius:6px; border: 1px solid var(--light-color);box-sizing: border-box;margin-top:18px; }
.terms--agreeBox .terms__check__all{width:100%; background:var(--light-color);border-radius:6px 6px 0 0; padding:15px;box-sizing: border-box;}
.terms--agreeBox .agreeBox{width:100%; padding:20px;box-sizing: border-box;}
.terms--agreeBox .agreeBox > div{margin-top:12px;}
.terms--agreeBox .agreeBox > div:first-child{margin-top:0px;}
.terms--agreeBox .desc{font-weight: 400;font-size:11px;line-height:1.2;color:#C4C4C4; padding-left:24px; margin-top:3px; box-sizing: border-box;}
.terms--agreeBox .viewBtn{padding-left:24px; margin-top:5px; box-sizing: border-box;}
.terms--agreeBox .viewBtn > a{position: relative;font-weight: 400;font-size:11px;line-height:1.2;color:#888;padding-bottom:0px;}
.terms--agreeBox .viewBtn > a::after { content: ' ';position: absolute;bottom:0; left:0;width:100%; height: 1px;background:#888;}

.agree_wrap {
border-radius: 5px;
padding: 20px 16px;
margin-top: 30px !important;
margin-bottom: 120px;
}

.agree_wrap .agree_under {
text-decoration:underline
}

.agree_wrap label {
display: flex;
justify-content: start;
align-items: center;
cursor: pointer;
}

.agree_wrap input {
display: none;
}

.agree_wrap input:checked + em {
background: url(/m/assets/images/radio_on.svg) no-repeat center;
background-size: cover;
}

.agree_wrap .all em {
width: 24px;
height: 24px;
}

.agree_wrap .all {
font-size: 1.4rem;
line-height: 2.4rem;
color: #000;
margin-bottom: 8px;
font-weight: 500;
}

.agree_wrap em {
width: 12px;
height: 12px;
display: inline-block;
background: url(/m/assets/images/radio.svg) no-repeat center;
margin-right: 8px;
background-size: cover;
}

.agree_wrap ol li {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 8px;
margin-top: 22px;
font-size: 1.2rem;
line-height: 2.2rem;
}

.agree_wrap ol li button {
width: 36px;
height: 22px;
border: 0.8px solid #dadada;
background: #fff;
border-radius: 5px;
color: #888888;
font-size: 0.8rem;
display: flex;
justify-content: center;
align-items: center;
}

.agree_wrap ol li b {
color: #ffab03;
}

.agree_wrap ol li em {
background: url(/m/assets/images/radio_small.svg) no-repeat center;
}

.agree_wrap ol li input:checked + em {
background: url(/m/assets/images/radio_small_on.svg) no-repeat center;
background-size: cover;
}

.bottomFixed{position:fixed;bottom:0;width:100%;max-width:600px;z-index:9;}
.bottomFixed.pd20{padding:20px;box-sizing: border-box;}

/* 팝업 Basic */
.popupWrap_A{position:relative;display:flex; align-items:center; width: 100%; height:100vh;/*background:#fff;*/margin:0 auto;padding:0 5%; box-sizing: border-box;}/* basic */
.popupWrap_A img{max-width: 100%;}

.popupWrap_date{position:relative;display:flex; align-items:center; width: 100%;max-width:600px; min-height:100vh;background:#fff;margin:0 auto;padding:0; box-sizing: border-box;}/* 날짜검색 */
.popupWrap_search{position:relative;display:flex; align-items:center; width: 100%; height:100vh;margin:0 auto;padding:0 20px; box-sizing: border-box;}/* 예약내역 날짜검색 */

.icon-close-black{position: absolute;right:20px;top:10px;width:20px; height:20px;background:url(/m/assets/images/i_close_15.png) 100% 0% no-repeat;text-indent: -9999px;z-index:2}
.icon-close{position: absolute;right:20px;top:10px;width:24px; height:24px;background:url(/m/assets/images/i-close-gray.png) 100% 50% no-repeat;text-indent: -9999px;z-index:2}
.calendar--close{width:24px; height:24px;background:url(/m/assets/images/close--black.png) 50% 50% no-repeat;text-indent: -9999px;z-index:2}

.icon-close-white{position: absolute;right:5px;top:0px;width:21px; height:21px;background:url(/m/assets/images/close_white.png) 50% 50% no-repeat;text-indent: -9999px; z-index:2}
.icon-close-white.p-inner, .icon-close-black.p-inner, .icon-close.p-inner{right:20px;top:20px;}

.popupBox_A{position:relative;width: 100%;padding:0px;background:#fff;margin-top:30px;border-radius:10px;} /* basic - x버튼 위에 */
.popupBox_A.x--in{margin-top:0px;} /* basic - x버튼 내부 */
.popupBox_A img{max-width: 100%;}

.popupBox_A {overflow: auto; 
scrollbar-arrow-color: #fff; /* IE 6+ scroll styles */
scrollbar-face-color: #999;
scrollbar-shadow-color: #333;
scrollbar-highlight-color: #000;
scrollbar-darkshadow-color: #000;
scrollbar-track-color: #ddd; /* Last IE 6+ scroll styles */
scrollbar-color: #999 #ddd; /* Firefox 64+ */
scrollbar-width: thin; /* Firefox 64+ */
width: 100%;    
}

.popupBox_A::-webkit-scrollbar {width: 6px;height: 6px;}
.popupBox_A::-webkit-scrollbar-track {background: padding-box #ddd;border-radius: 4px;}
.popupBox_A::-webkit-scrollbar-thumb {background: padding-box #999;border-radius: 4px;}
.popupBox_A::-webkit-scrollbar-thumb:hover { background: padding-box #aaa;}
.popupBox_A::-webkit-scrollbar-thumb:active {background: padding-box #333;box-shadow: inset 0 0 3px rgba(192, 192, 192, 0.5);}

.pop--top{width:100%; padding:20px 20px 20px; border-bottom:1px solid #dfdfdf;text-align:center; font-weight: 400;font-size:14px;line-height:1.2;color:#000; }
.pop--top.noBorder{border-bottom:0px solid #dfdfdf;}

.popup--inner{width:100%;background:#fff; max-height:70vh; padding:20px 20px; box-sizing: border-box;}
.popup--inner{overflow: auto; 
scrollbar-arrow-color: #fff; /* IE 6+ scroll styles */
scrollbar-face-color: #999;
scrollbar-shadow-color: #333;
scrollbar-highlight-color: #000;
scrollbar-darkshadow-color: #000;
scrollbar-track-color: #ddd; /* Last IE 6+ scroll styles */
scrollbar-color: #999 #ddd; /* Firefox 64+ */
scrollbar-width: thin; /* Firefox 64+ */
}

.popup--inner::-webkit-scrollbar {width: 6px;height: 6px;}
.popup--inner::-webkit-scrollbar-track {background: padding-box #ddd;border-radius: 4px;}
.popup--inner::-webkit-scrollbar-thumb {background: padding-box #999;border-radius: 4px;}
.popup--inner::-webkit-scrollbar-thumb:hover { background: padding-box #aaa;}
.popup--inner::-webkit-scrollbar-thumb:active {background: padding-box #333;box-shadow: inset 0 0 3px rgba(192, 192, 192, 0.5);}

.popup--inner.center{text-align: center;}

.terms--box{width:100%; padding:0;}
.terms--box .section{margin-bottom:20px;}
.terms--box h2{font-weight: 700;font-size:16px;line-height:1.2;color:#000; margin-bottom:20px;}
.terms--box h3{font-weight: 400;font-size:14px;line-height:1.2;color:#000;padding-left:10px; box-sizing: border-box;margin-bottom:20px;}
.terms--box p{font-weight: 400;font-size:14px;line-height:1.2;color:#888; padding-left:20px; box-sizing: border-box;margin-bottom:20px;}

/* 공지사항 Start */
.accordion-wrap-list.notice { margin-top:0; }
.accordion-wrap-list ul.lists > li .accord-title {position: relative; padding: 20px 0px 20px 5px;border-bottom:1px solid rgba(226, 226, 226, .5); box-sizing: border-box;}
.accordion-wrap-list ul.lists > li .accord-title .btn-toggle {position: relative;display:flex;align-items: center;justify-content:space-between; gap:5px; width:100%; padding-right:25px; box-sizing: border-box;}
.accordion-wrap-list ul.lists > li .accord-tit { display:block; text-align:left; font-weight:700;font-size:14px; line-height:20px;color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;word-break: break-all;}
.accordion-wrap-list ul.lists > li .accord-date { display:block; font-weight:400;font-size:12px; line-height:16px;color:#888888;}
.accordion-wrap-list ul.lists > li .accord-title .btn-toggle::after {content: ' '; position: absolute;top:7px; right:5px; width: 10px;  height: 10px; border: 1px solid #000; border-top: none;  border-left: none; transform: rotate(225deg);  transition: all 0.2s ease-out;}
.accordion-wrap-list ul.lists > li.open .accord-title .btn-toggle::after {top:7px;transform: rotate(45deg);}
.accordion-wrap-list ul.lists > li.open .accord-title .accord-tit{line-height:1.45; white-space:normal; overflow:visible;  text-overflow:inherit; word-break: keep-all;}

.accordion-wrap-list ul.lists > li .accord-cont { display: none; position: relative;width:100%; padding:24px 16px;background: #f5f5f5; margin-bottom:20px; border-radius:6px;font-weight:400;font-size:14px; line-height:1.45;color:#000; word-break: keep-all;box-sizing: border-box;}
.accordion-wrap-list ul.lists > li .accord-cont h4{ font-weight:700;font-size:16px; line-height:1.45;color:#000; margin-bottom:20px; }
.accordion-wrap-list ul.lists > li .accord-cont .imgArea{ margin-bottom:10px;}
.accordion-wrap-list ul.lists > li .accord-cont img{max-width:100%; border-radius:6px; margin-bottom:10px; height:auto !important;}
.accordion-wrap-list ul.lists > li .accord-cont .accord-content-title { 
font-weight:700;
font-size:14px; 
line-height:20px;
color:#000;
}
.accordion-wrap-list ul.lists > li .accord-cont .accord-content { 
	font-weight:400;
	font-size:14px; 
	line-height:20px;
	color:#000;
	padding-top:12px;
}

.accordion-wrap-list ul.lists > li .accord-cont .accord-content-faq { 
font-weight:400;
font-size:14px; 
line-height:20px;
color:#000;
}
/* 공지사항 End */

/* 1:1문의 Start */
.accordion-wrap-qna.notice { margin-top:0; }
.accordion-wrap-qna ul.lists > li .qa--title {position: relative; padding: 10px 0px 10px 5px; box-sizing: border-box;}
/*
.accordion-wrap-qna ul.lists > li .accord-tit {flex:1;text-align:left; font-weight:700;font-size:16px; line-height:19px;color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;word-break: break-all;}
.accordion-wrap-qna ul.lists > li .accord-tit .qna_state { display:block; font-weight:400; font-size:12px; line-height:22px; color:#fff; width:37px; height:22px; background:#ff7700; border-radius:4px; margin-top:0px; text-align:center; vertical-align:middle; margin-bottom:5px; }
*/
.accordion-wrap-qna ul.lists > li .accord-title .btn-toggle {
position: relative;
display:flex;
align-items:center;
justify-content:space-between; 
gap:5px;
width:100%; 
padding-right:25px;
box-sizing:border-box;
}
.accordion-wrap-qna ul.lists > li .btn-toggle .qna_state {
content:''; 
position:absolute;
display:flex;
align-items:center;	
justify-content:center; 
top:7px; 
right:5px; 
width:73px;  
height:36px;
border-radius:4px;
border:1px solid #f86000;	
font-weight:400;
font-size:14px; 
line-height:20px;
color:#f86000;
}
.accordion-wrap-qna ul.lists > li .btn-toggle .qna_state.on {
background:#fff0f6;
border:1px solid #fff0f6;	
}
.accordion-wrap-qna ul.lists > li .accord-tit { display:block; text-align:left; font-weight:700;font-size:14px; line-height:20px;color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;word-break: break-all;width:100%;}
.accordion-wrap-qna ul.lists > li .accord-date { display:block; font-weight:400;font-size:12px; line-height:16px;color:#888888;}
.accordion-wrap-qna ul.lists > li.open .qa--title .accord-tit{line-height:1.45; white-space:normal; overflow:visible;  text-overflow:inherit; word-break: keep-all;}

.accordion-wrap-qna ul.lists > li .qa--cont { display: none; position: relative;width:100%; padding:24px 16px; padding-bottom:40px; background: #f5f5f5; margin-bottom:30px; border-radius:6px;font-weight:400;font-size:14px; line-height:1.45;color:#000; word-break: keep-all;box-sizing: border-box;}
.accordion-wrap-qna ul.lists > li .qa--cont .q-tit{position: relative; font-weight:400;font-size:14px;color:#000;line-height:1.4; padding-left:34px;margin-bottom:20px;box-sizing: border-box;}
.accordion-wrap-qna ul.lists > li .qa--cont .q-tit::before {content: '';position: absolute;top:0px;left: 0px;display:flex; align-items: center;justify-content:center; width:24px; height:24px; background:url('/m/assets/images/q-bg.svg') 50% 50% no-repeat; color:var(--concept-color);font-weight:700;font-size:14px; line-height:1;text-align:center;}
.accordion-wrap-qna ul.lists > li .qa--cont .a-tit{position: relative; font-weight:400;font-size:14px;color:#000;line-height:1.4; padding-left:34px;box-sizing: border-box;}
.accordion-wrap-qna ul.lists > li .qa--cont .a-tit::before {content: '';position: absolute;top:0px;left: 0px;display:flex; align-items: center;justify-content:center; width:24px; height:24px; background:url('/m/assets/images/a-bg.svg') 50% 50% no-repeat; color:#fff;font-weight:700;font-size:14px; line-height:1;text-align:center;}
.accordion-wrap-qna ul.lists > li .qa--cont .a-tit img { width:100%; max-width:100%; }
.accordion-wrap-qna ul.lists > li .qa--cont .q-tit .qa_download {
display:flex;
align-items:center;	
justify-content:left; 
font-weight:400;
font-size:14px; 
line-height:20px;
color:#f86000;
vertical-align: middle;
padding-top:5px;
}

.txt--xm {font-weight:700;font-size:12px;line-height:14px;color:#000; height:25px;}
.txt--s {font-weight:400;font-size:12px;line-height:14px;color:#888; height:25px;}
.inputfile-wrap { 
display:flex;
align-items:top;
}
.inputfile-wrap .btn-file { display:block; font-weight:400; font-size:14px; line-height:37px; color:#fff; width:68px; height:37px; background:#f86000; border-radius:6px; text-align:center;}
.inputfile-wrap .upload-file {
padding-left:10px;
padding-top:10px;
width:100%;
height:inherit;
}
.inputfile-wrap input::file-selector-button { display: none; }
/* 1:1문의 End */

/* 마이페이지 */
.myPageMenu{}
.myPageMenu .sub_title {
font-weight:400;
font-size:12px;
line-height:16px;
color:#888888;
padding-top:5px;
}
.myPageMenu li { 
width:100%; 
padding:12px 5px; 
box-sizing: border-box;
}
.myPageMenu li:first-child {
border-top:0px;
}
.myPageMenu li a {
font-weight:400;
font-size:14px;
line-height:20px;
color:#000;
}
.myPageMenu li img { 
position:absolute;	
right:20px;
vertical-align:middle; 
}
.myPage--tit {
display:flex;
align-items: center;
font-weight:700;
font-size:18px;
line-height:1.45;
color:#000; 
padding-bottom:10px; 
border-bottom:1px solid #888; 
margin-top:10px; 
gap:5px; 
}
/* button-switch */
.switchWrap {
display:flex;
align-items: center;
position: relative;
}
.switchWrap .button-switch {
display:flex;
position:absolute;	
right:20px;
width:38px;
height:20px;
overflow:hidden; 
border-radius:0px;
}
.switchWrap .button-switch-sms {
display:flex;
position:absolute;	
right:0px;
width:38px;
height:20px;
overflow:hidden; 
border-radius:0px;
}
.circle-k{position: absolute;top: 1px;right: 0;bottom: 0;left: 0; z-index: 2;  }
.layer-k{position: absolute;top: 50%;right: 0;left: 0; transform:translateY(-50%);  width: 100%; height:15px;border-radius:10px; background-color: #C4C4C4;z-index: 1;}
.checkbox-k {position: relative;width: 100%;height: 100%;padding: 0;margin: 0;opacity: 0;cursor: pointer;z-index: 3;}

#button-on .circle-k:before {content: "";position: absolute; top: 0px; left: 0;width:18px;height: 18px;display:inline-flex;align-items: center;justify-content:center; color: var(--main-color);font-size: 10px; font-weight: bold;line-height:1.3; padding:0px; background-color: #fff; border:1px solid #c4c4c4;border-radius:50%;transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all; box-sizing: border-box; } /* off */
#button-on .checkbox-k:checked + .circle-k:before { content: ""; right: 0; left: auto; background-color:#f86000; border:1px solid var(--main-color); color: var(--main-color); } /* on */
#button-on .checkbox-k:checked ~ .layer-k { background-color: #fff0f6;}
#button-on input[type=checkbox] { display:inline-block; }

/* alert popup */
.alert--wrap{position:fixed;left:50%; top:50%;transform:translate(-50%, -50%); display:none; width:90%; max-width:300px;  padding:0; z-index:998;margin: 0 auto;transition: all 0.3s ease-in-out; box-sizing: border-box; }

.alert--wrap.active { display:block; }
.alert--wrap.close { display:none; }
.alert--wrap .pop--cont { width:300px; height:167px; border-radius:16px; background:#ffffff; }
.alert--wrap .pop_alert {
display:flex;
justify-content:center;
font-weight: 400;
font-size: 16px;
line-height: 100px;
color:#000000;
}
.alert--wrap .popup_btn {
display:flex;
justify-content:center;
}
.alert--wrap .popup_btn a {
position: fixed;
width: 90%;
height: 59px;
bottom: 15px;  
font-weight: 400;
font-size: 16px;
line-height: 59px;
background: #f86000;
border-radius: 12px;
color: #fff;
text-align:center;
}

.alert--wrap .pop--cont--notify { width:300px; height:255px; border-radius:16px; background:#ffffff; }
.alert--wrap .pop_alert_notify {
display:flex;
justify-content:center;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color:#000000;
padding-top:25px;
}

.alert--wrap .pop--cont--mypage { width:300px; height:255px; border-radius:16px; background:#ffffff; }
.alert--wrap .pop_alert_title {
display:flex;
justify-content:center;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color:#000000;
padding-top:35px;
}
.alert--wrap .pop_alert_mypage {
display:flex;
justify-content:center;
flex-direction: column;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color:#000000;
padding-top:15px;
text-align:center;
}
.alert--wrap .pop_alert_mypage span {
display:flex;
justify-content:center;
width:100%;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color:#000000;
}
.alert--wrap .pop_alert_mypage span.bold_mem_id {
display:flex;
justify-content:center;
width:100%;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color:#f86000;
}
.alert--wrap .popup_btn_mypage {
display:flex;
align-items: center;
justify-content: space-between;
}
.alert--wrap .popup_btn_mypage p {
display:flex;
width:50%;
justify-content:center;
}
.alert--wrap .popup_btn_mypage p:first-child {
padding-left:10px;
}
.alert--wrap .popup_btn_mypage p:last-child {
padding-right:10px;
}
.alert--wrap .popup_btn_mypage .btn_cancel {
position: fixed;
width: 43%;
height: 59px;
bottom: 15px;  
font-weight: 400;
font-size: 16px;
line-height: 59px;
background: #ffffff;
border-radius: 12px;
color: #f86000;
border:1px solid #f86000;
text-align:center;
}
.alert--wrap .popup_btn_mypage .btn_confirm {
position: fixed;
width: 43%;
height: 59px;
bottom: 15px;  
font-weight: 400;
font-size: 16px;
line-height: 59px;
background: #f86000;
border-radius: 12px;
color: #fff;
text-align:center;
}

.alert--wrap .pop--cont--point { width:300px; height:215px; border-radius:16px; background:#ffffff; }
.alert--wrap .popup_btn_point {
display:flex;
align-items:center;
justify-content:center;
}
.alert--wrap .pop_alert_point {
display:flex;
justify-content:center;
flex-direction: column;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color:#000000;
padding-top:15px;
text-align:center;
}
.alert--wrap .popup_btn_point .btn_point {
position: fixed;
width:90%;
height:59px;
bottom:15px;  
font-weight:400;
font-size:16px;
line-height:59px;
background:#f86000;
border-radius:4px;
color:#fff;
text-align:center;
}

.alert--wrap .pop--cont--join { width:300px; height:221px; border-radius:16px; background:#ffffff; }
.alert--wrap .popup_btn_join {
display:flex;
justify-content:center;
}
.alert--wrap .popup_btn_join .join {
position: fixed;
width: 90%;
height: 59px;
bottom: 15px;  
font-weight: 400;
font-size: 16px;
line-height: 59px;
background: #f86000;
border-radius: 12px;
color: #fff;
text-align:center;
}
.alert--wrap .pop_alert_join {
display:flex;
justify-content:center;
flex-direction: column;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color:#000000;
padding-top:15px;
text-align:center;
}
.alert--wrap .pop_alert_join span.bold_mem_id {
display:flex;
justify-content:center;
width:100%;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color:#f86000;
}
.alert--wrap .pop_alert_join span.regular_mem_id {
display:inline;
color:#000000;
}

.alert--wrap .pop--cont--idfind { width:300px; height:315px; border-radius:16px; background:#ffffff; }
.alert--wrap .popup_btn_idfind {
display:flex;
justify-content:center;
}
.alert--wrap .popup_btn_idfind .idfind {
position: fixed;
width: 90%;
height: 59px;
bottom: 84px;  
font-weight: 400;
font-size: 16px;
line-height: 59px;
background: #f86000;
border-radius: 12px;
color: #fff;
text-align:center;
}
.alert--wrap .popup_btn_idfind .pwfind {
position: fixed;
width: 90%;
height: 59px;
bottom: 15px;  
font-weight: 400;
font-size: 16px;
line-height: 59px;
background: #ffffff;
border-radius: 12px;
color: #f86000;
text-align:center;
}

.alert--wrap .pop--cont--info { width:300px; height:444px; border-radius:10px; background:#ffffff; }
.alert--wrap .pop_alert_title {
display:flex;
justify-content:center;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color:#000000;
padding-top:35px;
}
.alert--wrap .pop_alert_title_sub {
display:flex;
justify-content:left;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color:#888888;
padding:20px 20px 0;
}
.alert--wrap .pop_alert_notify {
display:flex;
justify-content:left;
width:250px; 
height:65px; 
border-radius:10px; 
margin:8px 20px 0;
padding:0px;
}
.alert--wrap .pop_alert_notify .pop_alert_notify_img {
width:20%;
height:inherit;
display:flex;
justify-content:center;
align-items:center;
}
.alert--wrap .pop_alert_notify .pop_alert_notify_sub {
width:80%;
height:inherit;
display:flex;
justify-content:left;
flex-direction:column;
padding-top:17px;
}
.alert--wrap .pop_alert_notify .pop_alert_notify_title {
font-weight: 700;
font-size: 12px;
line-height: 17px;
color:#000000;
}
.alert--wrap .pop_alert_notify .pop_alert_notify_content {
font-weight: 700;
font-size: 12px;
line-height: 16px;
color:#888888;
}
.alert--wrap .pop_alert_gallery {
display:flex;
justify-content:left;
width:250px; 
height:65px; 
border-radius:10px; 
background:#f5f5f5;
margin:8px 20px 0;
}
.alert--wrap .pop_alert_gallery .pop_alert_gallery_img {
width:20%;
height:inherit;
display:flex;
justify-content:center;
align-items:center;
}
.alert--wrap .pop_alert_gallery .pop_alert_gallery_sub {
width:80%;
height:inherit;
display:flex;
justify-content:left;
flex-direction:column;
padding-top:17px;
}
.alert--wrap .pop_alert_gallery .pop_alert_gallery_title {
font-weight: 700;
font-size: 12px;
line-height: 17px;
color:#000000;
}
.alert--wrap .pop_alert_gallery .pop_alert_gallery_content {
font-weight: 700;
font-size: 12px;
line-height: 16px;
color:#888888;
}
.alert--wrap .pop_alert_text {
display:flex;
justify-content:left;
font-weight: 400;
font-size: 8px;
line-height: 16px;
color:#888888;
width:250px; 
height:65px; 
background:#ffffff;
margin:11px 20px 0;
}
.alert--wrap .pop_alert_text .pop_alert_img {
padding-right:0px;
}
.alert--wrap .pop_alert_info {
font-weight:400;
font-size:12px;
line-height:16px;
color:#000000;
text-align:center;
padding-top:18px;
}

.alert--wrap .pop--cont--leave { 
width:300px; 
height:551px; 
border-radius:10px; 
background:#ffffff; 
}

.mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; padding:0px; z-index:198; background:#000;  -ms-filter: alpha(opacity=70); filter: alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;}
.mask.active {display:block; }

/* 로그인 */
.login_find {
display:flex;
align-items:center;
margin:30px 32px;
}
.login_find ul {
display: flex;
align-items: center;
width: 100%;
}
.login_find ul li {
width: 5%;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #000000;
text-align:center;
}
.login_find ul li:first-child {
width: 40%;
text-align:center;
}
.login_find ul li:last-child {
width: 55%;
text-align:center;
}
.login_find ul li a {
display: block;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #000000;
}

/* 마이페이지 Start */
.mypage--container{width:100%; }
.mypage--container .content-inner{
padding:10px 20px 0;
box-sizing: border-box;
}
.mypage--container .contents--wrap{
width:100%; 
padding:27px 20px 20px; 
box-sizing: border-box;
}
.mypage-wrap ul.lists > li .mypage--title {position: relative; padding: 10px 0px 10px 5px; box-sizing: border-box;}
.mypage-wrap ul.lists > li .mypage--title .btn-toggle {
position: relative;
display:flex;
align-items:center;
justify-content:space-between; 
gap:5px;
width:100%; 
padding-right:25px;
box-sizing:border-box;
}
.mypage-wrap ul.lists > li .btn-toggle .mypage_state {
content:''; 
position:absolute;
display:flex;
align-items:center;	
justify-content:center; 
top:7px; 
right:5px; 
width:73px;  
height:36px;
border-radius:4px;
border:1px solid #f86000;	
font-weight:400;
font-size:14px; 
line-height:20px;
color:#f86000;
}
.mypage-wrap ul.lists > li .mypage-tit { display:block; text-align:left; font-weight:400;font-size:14px; line-height:20px;color:#888888; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;word-break: break-all;}
.mypage-wrap ul.lists > li .mypage-date { display:block; font-weight:700;font-size:16px; line-height:24px;color:#000000; padding-top:5px; }
.mypage-wrap ul.lists > li.open .mypage--title .accord-tit{line-height:1.45; white-space:normal; overflow:visible;  text-overflow:inherit; word-break: keep-all;}

.mypage--container .mypage-wrap .mypage-wrap-point {
width:100%;
height:180px;	
display:flex;
align-items:center;
justify-content:left; 
flex-direction:column;
background:#f86000;
border-radius:6px;
}
.mypage--container .mypage-wrap .mypage-wrap-refund {
width:100%;
height:25px;	
display:flex;
align-items:center;
justify-content:right;
vertical-align:middle;
}
.mypage--container .mypage-wrap .mypage-wrap-refund .refund_title {
font-weight:400;
font-size:12px;
line-height:16px;
color:#f86000;
vertical-align:middle;
}
.mypage--container .mypage-wrap .mypage-wrap-refund .refund_title img {
padding-right:2px;
}
.mypage--container .mypage-wrap .mypage-wrap-refund .refund_title .refund_title_bold {
font-weight:700;
}
.mypage--container .mypage-wrap .mypage-wrap-point .point_title {
width:100%;
font-weight:700;
font-size:12px;
line-height:17px;
color:#ffb3d2;
padding:12px 16px 0;
}
.mypage--container .mypage-wrap .mypage-wrap-point .point_ready {
width:100%;
font-weight:700;
font-size:12px;
line-height:17px;
color:#ffb3d2;
padding:0px 16px 18px;
text-align:center;
}
.mypage--container .mypage-wrap .mypage-wrap-point .point_text {
width:100%;
font-weight:700;
font-size:28px;
line-height:30px;
color:#ffffff;
text-align:center;
padding:32px 10px 5px;
}
.mypage--container .mypage-wrap .mypage-wrap-point .point_line {
width:80%;
border-top:1px solid rgba(255, 255, 255, 0.15);
}
.mypage--container .mypage-wrap .mypage-wrap-point .point_menu {
margin-top:0px;
width:100%;
padding:15px 20px 0;
}
.mypage--container .mypage-wrap .mypage-wrap-point .point_menu ul {
display:flex;
align-items:center;
justify-content:center; 
}
.mypage--container .mypage-wrap .mypage-wrap-point .point_menu ul.lists > li {
font-weight:400;
font-size:14px;
line-height:20px;
color:#ffffff;
}
.mypage--container .mypage-wrap .mypage-wrap-point .point_menu ul.lists > li:first-child {
width:45%;
text-align:center;
}
.mypage--container .mypage-wrap .mypage-wrap-point .point_menu ul.lists > li:last-child {
width:45%;
text-align:center;
}
.mypage--container .mypage-wrap .mypage-wrap-point .point_menu ul.lists > li.line {
width:10%;
color:rgba(0, 0, 0, 0.15);
}

.mypage--container .mypage-wrap .mypage-wrap-adver{
width:100%;
display:flex;
align-items:center;
height:54px;	
background:#fff0f6;
border-radius:6px;
margin-top:12px;
padding:0 20px;
}
.mypage--container .mypage-wrap .mypage-wrap-adver .adver_title{
font-weight:700;
font-size:16px;
line-height:46px;
color:#f86000;
vertical-align:middle;
}
.mypage--container .mypage-wrap .mypage-wrap-adver .adver_title img{
padding-right:10px;
}
/* 마이페이지 End */

/* 아이디/비밀번호 찾기 */
/* .id_menu {
padding-top:65px;
} */
.id_menu ul {
display: flex;
align-items: center;
}
.id_menu ul li {
padding-top: 12px;
padding-bottom: 16px;
width: 50%;
}
.id_menu ul li a {
display: block;
text-align: center;	
font-weight:400;
font-size: 16px;
line-height: 19px;
color:#807f80;
letter-spacing: 0.001em;
}
.id_menu ul li.on {
font-weight:700;
font-size: 16px;
line-height: 19px;
border-bottom: 2px solid #f86000;
}
.id_menu ul li.on a {
color: #f86000;
font-weight:700;
font-size: 16px;
line-height: 19px;
}

.modify--wrap {
width:100%; padding:10px 20px 20px; box-sizing: border-box;
}
.modify_phone_menu {
padding:10px 20px 0;
display:flex;
justify-content:left; 
}
.modify_phone_menu .modify_phone_text {  
font-weight:400;
font-size: 12px;
line-height: 16px;
color:#cccccc;
vertical-align:middle;
}

.out-list{}
.out-list li:first-child{
border-top:0; 
padding-top:16px;
}
.out-list li{
width:100%;
padding:8px 20px;   
box-sizing: border-box;
}
.memberOut input[type=checkbox] + label{
padding-left:24px;
font-weight:400;
font-size:14px; 
line-height:20px; 
color:#000;
vertical-align:top;
}
.out-list .input_sty {
padding-top:20px;
}
.out-list .form-label{display: flex;justify-content:space-between;align-items: center;font-weight:700;font-size:12px;color: #000;line-height:17px; margin-bottom:5px; }
.out-list .form-label .message{font-weight:400; font-size:10px; color:#000; }
.out-list .form-label.error{color: var(--red-color); }
.out-list .form-label.on{color:var(--concept-color);}

.out-list .popup_btn {
display:flex;
align-items: center;
}
.alert--wrap .popup_btn_leave .btn_cancel {
position:fixed;
width:45%;
height:59px;
bottom:15px;  
font-weight:400;
font-size:16px;
line-height:59px;
background:#fff0f6;
border-radius:12px;
color:#f86000;
text-align:center;
margin:0 10px 0;
}
.alert--wrap .popup_btn_leave .btn_leave {
position:fixed;
width:45%;
height:59px;
right:0px;
bottom:15px;
font-weight:400;
font-size:16px;
line-height:59px;
background:#f86000;
border-radius:12px;
color:#fff;
text-align:center;
margin:0 10px 0;
}

/* 포인트 적립내역 */
.point--container {
width:100%; 
margin-top:10px; 
padding-bottom:10px; 
min-height:400px;
}
.point_detail_menu {
padding-top:10px;
}
.point_detail_menu ul {
display: flex;
align-items: center;
}
.point_detail_menu ul li {
padding-top: 12px;
padding-bottom: 16px;
width: 50%;
}
.point_detail_menu ul li a {
display: block;
text-align: center;	
font-weight:400;
font-size: 16px;
line-height: 19px;
color:#807f80;
letter-spacing: 0.001em;
}
.point_detail_menu ul li.on {
font-weight:700;
font-size: 16px;
line-height: 19px;
border-bottom: 2px solid #f86000;
}
.point_detail_menu ul li.on a {
color: #f86000;
font-weight:700;
font-size: 16px;
line-height: 19px;
}
.point-wrap-list.notice { margin-top:0; }
.point-wrap-list ul.lists{width:100%;}
.point-wrap-list ul.lists > li .qa--title {position: relative; padding: 10px 0px 10px 5px; box-sizing: border-box;}
.point-wrap-list ul.lists > li .accord-title .btn-toggle {
position: relative;
display:flex;
align-items:center;
justify-content:space-between; 
gap:5px;
width:100%; 
padding-right:25px;
box-sizing:border-box;
}
.point-wrap-list ul.lists > li .btn-toggle .qna_state {
content:''; 
position:absolute;
display:flex;
align-items:center;	
justify-content:center; 
top:17px; 
right:5px; 
width:97px;  
height:36px;
border-radius:4px;
border:1px solid #f86000;	
font-weight:400;
font-size:14px; 
line-height:20px;
color:#f86000;
}
.point-wrap-list ul.lists > li .btn-toggle .qna_state.on {
	width:97px;
	background:#fff0f6;
	border:1px solid #fff0f6;	
}
.point-wrap-list ul.lists > li .btn-toggle .qna_state.re {
	width:97px;
	background:#286efc;
	color:#fff;
	border:1px solid #fff0f6;	
}
.point-wrap-list ul.lists > li .accord-tit { display:block; text-align:left; font-weight:700;font-size:14px; line-height:20px;color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;word-break: break-all;}
.point-wrap-list ul.lists > li .accord-date { font-weight:400;font-size:12px; line-height:16px;color:#cccccc; vertical-align: middle;}
.point-wrap-list ul.lists > li .accord-product { display:block; font-weight:400;font-size:14px; line-height:20px;color:#000000;width:calc( 100% - 100px );text-overflow: ellipsis;overflow:hidden;}
.point-wrap-list ul.lists > li .accord-price { display:block; font-weight:700;font-size:16px; line-height:24px;color:#000000;}
.point-wrap-list ul.lists > li.open .qa--title .accord-tit{line-height:1.45; white-space:normal; overflow:visible;  text-overflow:inherit; word-break: keep-all;}

/* 포인트 환급내역 */
.refund--container {
width:100%; 
margin-top:10px; 
padding-bottom:10px; 
}
.refund-wrap-list.notice { margin-top:0; }
.refund-wrap-list ul.lists > li .qa--title {position: relative; padding: 10px 0px 10px 5px; box-sizing: border-box;}
.refund-wrap-list ul.lists > li .accord-title .btn-toggle {
position: relative;
display:flex;
align-items:center;
justify-content:space-between; 
gap:5px;
width:100%; 
padding-right:25px;
box-sizing:border-box;
}
.refund-wrap-list ul.lists > li .btn-toggle .qna_state {
content:''; 
position:absolute;
display:flex;
align-items:center;	
justify-content:center; 
top:7px; 
right:5px; 
width:73px;  
height:36px;
border-radius:4px;
border:1px solid #f86000;	
font-weight:400;
font-size:14px; 
line-height:20px;
color:#f86000;
}
.refund-wrap-list ul.lists > li .btn-toggle .qna_state.on {
background:#fff0f6;
border:1px solid #fff0f6;	
}
.refund-wrap-list ul.lists > li .accord-tit { display:block; text-align:left; font-weight:700;font-size:14px; line-height:20px;color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;word-break: break-all;}
.refund-wrap-list ul.lists > li .accord-date { display:block; font-weight:400;font-size:12px; line-height:16px;color:#cccccc;}
.refund-wrap-list ul.lists > li.open .qa--title .accord-tit{line-height:1.45; white-space:normal; overflow:visible;  text-overflow:inherit; word-break: keep-all;}

/* 메인 검색 */
.header--top .searchBox {
position: relative;
width: calc(100% - 16px);
}
.searchBox {
position: relative;
width: 100%;
}
.searchInput {
background: #f5f5f5;
width: 90%;  
/* height:48px; */
line-height:44px;
padding-left:44px;
/* padding-right: 16px; */
font-weight:400;
font-size:14px;
color: #000;
border-radius:6px !important;
letter-spacing:0.001em;  
border: none;
}
.search_icon {
position:absolute;
cursor:pointer;
width:24px;
left:12px;
top:50%;
transform: translateY(-50%);
}
.search_icon img {
display: block;
width: 100%;
}
.search_top {
margin-top: 8px;
}

.section_title {
font-weight: 600;
font-size: 18px;
margin-bottom: 12px;
}
.section_title p {
font-weight:700;
font-size:16px;
line-height:24px;
color:#000000;
padding-left:16px;
}
.section_title .delet_all {
margin-left: 8px;
font-weight: 400;
font-size: 11px;
letter-spacing: 0.001em;
color: #888888;
display: block;
}
.section_title span {
margin-right:24px;
font-weight:400;
font-size:14px;
line-height:20px;
letter-spacing:0.001em;
color:#888888;
}
.flex_sb {
display: flex;
align-items: center;
justify-content: space-between;
}
.sub06page {
position: relative;
height: 100vh;
}
.sub06Wrap {
margin-top: 24px;
}
.search_list {
display: flex;
flex-wrap: wrap;
row-gap:16px;
}
.search_list li {
margin-left:12px;
}
.search_list li a {
display:flex;
align-items:center;
justify-content:center;
line-height:30px;
width:fit-content;
padding:0 12px;
font-weight:400;
font-size:12px;
color:#888;
background:#ffffff;
border:1px solid #E5E5E5;
border-radius:20px;
}
.sub06_section .icon_x {
width: 9px;
display: block;
margin-left: 6px;
}
.sub06_section .icon_x img {
width: 100%;
display: block;
}
.sub06_section {
margin-bottom: 50px;
}
.search_list.bgcolor a {
background: #ebf4e2;
color: #7bb73d;
}

/* 마이페이지 Start */
.search--container {
width:100%; 
}
.search--container .content-inner{
padding:0;
box-sizing:border-box;
}
/* 마이페이지 End */

/* 쇼핑몰 검색 Start */
.shop--wrap{width:100%; padding:0px 16px; box-sizing: border-box; }
.shop--wrap.shop_padding_56 { padding-bottom:56px; }
.shop--wrap ul {
flex-direction:column;
align-items:center;
justify-content:center;
width:100%;
padding-bottom: 100px;
min-height:600px;
}
.shop--wrap li {
display:flex;
width:100%;
padding:20px 0px 0px;
}
.list-no-result{display:block !important;padding-top:120px !important;text-align:center;width:100% !important;font-size:20px;}
.list-loading{display:block !important;padding-top:120px !important;text-align:center;width:100% !important;font-size:20px;}

.shop--wrap li .shop_list_image {
/* width:15%; */
height:48px;
}
.shop--wrap li .shop_list_image img {
width:48px;
height:48px;
border-radius:50%;
}
.shop--wrap li .shop_list_title {
display:flex;
flex-direction:column;
justify-content:left;
width:100%;
padding: 0 15px;
}
.shop--wrap li .shop_list_title .item_title {
font-weight:700;
font-size:16px;
line-height:19px;
color:#000;
padding-top:5px;
}
.shop--wrap li .shop_list_title .item_tag {
font-weight:400;
font-size:12px;
line-height:16px;
color:#888;
padding-top:2px;
}
.shop--wrap li .shop_list_icon {
display: flex;
justify-content: center;
/* width:10%;
vertical-align:middle;
text-align:right;
padding-right:10px; */
}

.shop--wrap li .shop_list_icon img {
width: 30px;
}
/* 쇼핑몰 검색 End */

/* 쇼핑몰 Start */
.shop--container {
width:100%; 
}
.shop--container .content-inner{
padding:0;
box-sizing:border-box;
}
.shop_recommend_list {
padding-top:10px;
overflow:scroll;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.shop_recommend_list::-webkit-scrollbar {
display: none; /* Chrome, Safari, Opera*/
}
.shop_recommend_list ul {
display: flex;
align-items: center;
padding-left:16px;
}
.shop_recommend_list ul li {
width:120px;
min-width:120px;
height:147px;
background: #F6F6F6;
border: 0.5px solid rgba(0, 0, 0, 0.05);
border-radius: 16px;
margin-right:10px;
}
.shop_recommend_list ul li .shop_list_image {
display: flex;
justify-content:center;
align-items: center;
padding:17px 0;
}
.shop_recommend_list ul li .shop_list_image img {
border-radius: 35px;
}
.shop_recommend_list ul li .shop_list_title {
text-align:center;
}
.shop_recommend_list ul li .shop_list_title .item_title {
font-weight:700;
font-size: 16px;
line-height: 19px;
color:#000;	
}
.shop_recommend_list ul li a {
display: block;
text-align: center;	
font-weight:400;
font-size: 16px;
line-height: 19px;
color:#807f80;
letter-spacing: 0.001em;
}
.shop_recommend_list ul li.on {
font-weight:700;
font-size: 16px;
line-height: 19px;
border-bottom: 2px solid #f86000;
}
.shop_recommend_list ul li.on a {
color: #f86000;
font-weight:700;
font-size: 16px;
line-height: 19px;
}
.shop--main--top {width:100%; padding:20px 16px 0; box-sizing: border-box; }
.shop--main--top .tit{font-weight:800;font-size:18px;line-height:1.45;color:#000;margin-bottom:14px;}
.shop--main--top ul{display:flex; width:100%; gap:8px; }
.shop--main--top li{/*width:32.3333%; margin-left:1.5%; flex:1;*/ overflow: hidden;}
.shop--main--top li:first-child{margin-left:0%;}
.shop--main--top .product--list-top {
display:flex;
justify-content:space-between;
align-items: center; 
gap:10px; 
/* margin-bottom:10px; */
}
.shop--main--top .product--list-top .txt--lg {
font-weight:700;
font-size:16px;
line-height:24px;
color:#000;
}
.shop--main--top .product--list-top .txt--lg--recommend {
font-weight:700;
font-size:16px;
line-height:24px;
color:#000;
}
.shop--main--top .product--list-top .txt--lg--today {
color:#f86000;
}
.shop--main--top .product--list-top .sort_sty {
position:relative;
display:inline-block;
vertical-align:middle;
background:#fff;
}
.shop--main--top .product--list-top ul{
display:flex; 
width:100%; 
/* gap:0px;  */
}
.shop--main--top .product--list-top li {
display:flex;
font-weight:400;
font-size:14px;
line-height:20px;
color:#888;
/* padding:0px 6px; */
}
.shop--main--top  .product--list-top li.menuon {
font-weight:700;
font-size:14px;
line-height:20px;
color:#888;
}
.shop--wrap.shop_list li:first-child {
display:flex;
justify-content: space-between;
width:100%;
padding:10px 0px 0px;
}
/* 쇼핑몰 End */

/* 페이지로딩 Start */
.loading--container{
width:100%;
height:100vh;
background:#f5f5f5;
}
.loading--container .content-inner{
padding:0 20px;
box-sizing:border-box;
}
.loading--container .loading_main{
padding-top:145px;
}
.loading--container .loading_main .loading_point{
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
width:96px;
height:36px;
background:#f86000;
border-radius:6px;
font-weight:700;
font-size:18px;
line-height:16px;
color:#fff;
}
.loading--container .loading_main .loading_point_title{
font-weight:800;
font-size:40px;
line-height:48px;
color:#000;
padding-top:10px;
}
.loading--container .loading_main .loading_point_text{
font-weight:400;
font-size:16px;
line-height:22px;
color:#000;
padding-top:10px;
}
.loading--container .loading_main .loading_point_percent{
font-weight:400;
font-size:16px;
line-height:22px;
color:#f86000;
padding-top:3px;
}
.loading--container .loading_main .loading_point_bar{
padding-top:34px;
}
.loading--container .loading_main .loading_point_move{
font-weight:400;
font-size:14px;
line-height:20px;
color:#888;
padding-top:10px;
}
.bottomFixed .loading_main_attention {
display:flex;
justify-content:center;
align-items:center;
padding-bottom:80px;
}
.bottomFixed .loading_main_attention .loading_attention {
display:flex;
flex-direction:column;
justify-content:center;
align-items:left;
width:328px;
height:129px;
background:#efefef;
border-radius:10px;
padding:0px 20px;
}
.bottomFixed .loading_main_attention .loading_attention .loading_attention_title {
font-weight:700;
font-size:14px;
line-height:20px;
color:#888;
}
.bottomFixed .loading_main_attention .loading_attention .loading_attention_sub {
font-weight:400;
font-size:12px;
line-height:22px;
color:#888;
}
.bottomFixed .loading_main_attention .loading_attention .loading_attention_sub .loading_attention_blod {
font-weight:400;
color:#d45e8f;
}
/* 페이지로딩 End */

/* 환급신청 Start */
.refund-wrap {
content:''; 
display:flex;
align-items:center;	
justify-content:center; 
width:100%;
height:54px;
border-radius:6px;
background:#f86000;
font-weight:400;
font-size:14px; 
line-height:20px;
color:#ffffff;
margin-bottom:20px;
}
.refund-wrap ul {
display:flex;
align-items:center;	
justify-content:space-between; 
width:100%;
}
.refund-wrap ul li:first-child {
font-weight:700;
font-size:12px; 
line-height:17px;
padding-left:16px;
}
.refund-wrap ul li:last-child {
font-weight:700;
font-size:18px; 
line-height:26px;
padding-right:16px;
}
.refund-title-wrap {
content:''; 
display:flex;
align-items:center;	
justify-content:left; 
width:100%;
font-weight:700;
font-size:14px; 
line-height:20px;
color:#888;
margin-top:24px;
margin-bottom:16px;
}
.refund-price-wrap {
content:''; 
display:flex;
align-items:center;	
justify-content:center; 
width:100%;
height:54px;
border-radius:6px;
border:1px solid #f86000;	
background:#fff0f6;
font-weight:700;
font-size:18px; 
line-height:25px;
color:#f86000;
}
.refund-price-wrap ul {
display:flex;
align-items:center;	
justify-content:space-between; 
width:100%;
}
.refund-price-wrap ul li:first-child {
padding-left:25px;
}
.refund-price-wrap ul li:last-child {
padding-right:25px;
}
/* 환급신청 End */

#filelist {
display: flex;
margin-left: 12px;
}

#filelist li {
position:relative;
width:68px;
display:flex;
border-radius:10px;
justify-content:center;
align-items:center;
margin-top:0px;
margin-right:6px;	
}

.filebox {
margin-top: 12px;
}

.ui-state-default img {
width:68px;
height:68px;
border-radius:10px;
object-fit:cover;
}

.delBtn {
position:absolute;
top:3px;
right:3px;
width:20px;
height:20px;
background:url('/m/assets/images/image_del.svg') center center no-repeat;
background-size:100%;
border:none;
outline:none;
cursor:pointer;
}

.selected-img-area {
margin-left: 16px;
}

.selected-img-area h2, .text-input-area h2{font-weight:bold;}

.selected-img-area ul {
display: flex;
overflow:auto;
white-space: nowrap;
margin-top: 8px;
margin-bottom: 20px;
}


.selected-img-area ul::-webkit-scrollbar{
display: none;
}

.selected-img {
position: relative;
}

.selected-img .review-img {
width: 120px;
height: 120px;
border-radius: 6px;
margin-right: 16px;
object-fit: cover;
}

.selected-img .delete-btn img {
position: absolute;
top: 8px;
right: 32px;
width: 24px;
height: 24px;
}
.text-input-area {
margin-left: 16px;
margin-right: 16px;
}

.text-input-area h2 {
margin-bottom: 8px;
}

/* 텍스트에리어 */
.textarea-box {
height: 272px;
border-radius: 4px;
border: 1px solid #F0F0F0;
position: relative;
padding: 12px;
}

.textarea-box textarea{
height: 250px;
font-size: 14px;
font-weight: 400;
border:none;
resize: none;
}

.textarea-box textarea:focus {
outline:none;
}

.textarea-box textarea::placeholder{
font-size: 14px;
color: #888888;

}
.btn-area {
margin-bottom: 16px;
}

.attatch-guide  {
margin-left: 16px;
margin-right: 16px;
text-align: center;
font-size: 14px;
color: #F86000;
}

.attatch-guide span {
font-weight: 700;
}

.general-btn {
width: 100%;
height: 50px;
background-color: #F86000;
color: #FFFFFF;
font-size: 16px;
text-align: center;
line-height: 50px;
border-radius: 4px;
margin-top: 6px;
}

.review-list {
	width:100%;
	padding-bottom:80px;
}
.review-list .review-list-ul {
	width:100%;
}
.review-list ul .review-unit {
margin-top: 20px;
margin-bottom: 20px;
}

.review-unit .user-img {
margin-top: 2px;
width:32px;
height:32px;
}
.review-unit .user-img img {
width:100%;
height:100%;
border-radius:32px;
object-fit: cover;
}



.review-list .user-info {
display: flex;
margin-left: 16px;
margin-right: 16px;

}


.review-list .user-info .nick-time {
margin-left: 8px;
line-height:18px;
}

.review-list .user-info .nick-time .nickname {
font-size: 16px;
font-weight: 700;
}

.review-list .user-info .nick-time  .time {
font-size: 12px;
color: #888888;
}



.review-list .review-slide {
position: relative;
width:100%;
padding:16px;
}

.swiper-container { 
width: 100%;
height: 100%;
}

.pagination-div {
	width:calc(100% - 16px);
	position:absolute;
	z-index:2;
	bottom:30px !important;
	display:flex;
	justify-content: center;
}
.pagination { 
text-align:center;
background-color:#aaa;
opacity: 50%;
width:auto !important;
padding:5px 10px;
border:1px solid #aaa;
border-radius:10px;
}

.swiper-pagination-bullet { 
width: 15px !important;
height:15px !important;
}
.swiper-pagination-bullet-active { 
	background-color:#F86000 !important;
}

.review-slide .review-img ul::-webkit-scrollbar{
display: none;
}

.review-slide .review-img .swiper-slide {
	padding:8px;
}
.review-slide .review-img .swiper-slide img {
width: 100%;
height: 100%;
border-radius: 8px;
object-fit: cover;
}
.review-area {
	width: calc(100% - 16px);
display: flex;
justify-content: space-between;
margin-left: 16px;
}

.review-area .review-txt-area {
	width:calc(100% - 45px);
}
.review-area .review-txt-area .review-txt-wrapper{
	display: flex;
	width:100%;
	position:relative;
}

.review-area .review-txt-wrapper .review-txt {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: unset;
    -webkit-line-clamp: 2;
	font-size: 16px;
	margin-right:40px;
}
/*
.review-area .review-txt-wrapper .review-txt::before {
    content: "더보기";
      float: right;
      display: flex;
      align-items: flex-end;
      height: 100%;
      shape-outside: inset(calc(100% - 10px) 0 0 0);
      color: #999999;
}
	  */

.review-area .review-txt-area .more-btn {
	display:inline;
	position:absolute;
	bottom:0px;
	right:0px;
	appearance: none;
	color: #345DEF;
	cursor: pointer;
	margin-top:16px;
}
/*
.review-area .review-txt-area .more-btn::before {
	content: '더보기';
  }
  
  .review-area .review-txt-area .more-btn:checked::before {
	content: '닫기';
  }
  */
  .review-area .review-txt-wrapper .review-txt:has(+ .card-content__more-btn:checked) {
	-webkit-line-clamp:unset
  }

.review-area .like-area {
margin-right: 16px;
display: flex;
flex-direction: column;
}

.review-area .like-area .like-no {
font-size: 14px;
text-align:center;
}


/* 리뷰 슬라이더 */

.slide-wrapper {
width:100%; 
height:100%; 
padding:0px; 
background-color:#000;  
}

.review-slider .close-btn{
position: fixed;
top:24px;
right: 16px;
}

.image-slide {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

.image-slide img {
width: 100vt;
height: 360px;
object-fit: contain;
}

.thumbnail-area {
position: fixed;
bottom: 40px;
left: 50%;
transform: translateX(-50%)
}

.thumbnail-area ul{
display: flex;
align-items: center;
}

.thumbnail-area .thumbnail img {
width: 64px;
height: 64px;
object-fit: fill;
border-radius: 6px;
margin-right: 16px;
}

.thumbnail-area .thumbnail.selected img {
border: 2px solid #F86000;  
}

.thumbnail-area .thumbnail:last-child {
margin-right: 0px;
}

/* 리뷰리스트 - 타일형 */

.tile-list {
margin-top: 6px;
margin-left: 16px;
margin-right: 16px;
}

.tile-list ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.tile-list ul img {
width: 106.67px;
height: 106.67px;
border-radius: 6px;
object-fit: fill;
}

.pswp__counter{
	color:white !important;
	padding:10px 20px;
}