@charset "utf-8";

@import url("./fonts/fonts.css");

html,body,h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt,dd,p,span{margin:0;padding:0}

html.noDragRefresh{overflow: hidden;}
html.layerPopOpen{overflow: hidden;}
html.bottomFloating-on body{padding-bottom: 71px;}
html.topMenuAdnFilter-on .prd-list-filter{top:100px}
html.categorySelectUi-on header{position:relative}
html.categorySelectUi-on .categorySelectUi{position:sticky;top: 0;}
html.categorySelectUi-on .prd-list-filter{top: 40px !important;}


html.brandSearch header{position:relative;top:auto !important;}
html.brandSearch .tab-brandSearch{position: sticky;top: 0;background: #fff;z-index: 2;padding-top: 0 !important;margin-top: 10px;}
html.brandSearch .tab-brandSearch + .tab-cont{min-height:500px}
html.brandSearch .brand-search-keyword{top:63px}

html.scrollUp header{top: -56px;}
html.scrollUp .topMenuNav.sticky{top: 0;}
html.scrollUp .topMenuNav-sub{top: 50px;}
html.scrollUp .bottomFloating{transform: translateY(101%);}
html.scrollUp.topMenuAdnFilter-on .prd-list-filter{top: 35px;}

html.main.scrollUp.searchWrapHide > body > header{transform: translateY(-52px);}
html.scrollUp.searchWrapHide .mainNav{transform: translateY(-52px);}


html.main.pageLoadComple > body > header{display:block}
html.main .btn-footerPrev{display:none}
html.main.scrollUp header{top:0;}

html.scrollUp .utilsFloating{bottom: 20px}
html.goTop-visible .utilsFloating .btn-goTop{display:block;height: 40px;margin-top: 10px;}
html.bottomFloating-on .utilsFloating{bottom: 90px}


html.scrollUp .prd-list-filter{top: -1px;}
html.mainHeaderFix section .main-hedaer{position:fixed}

html,body,section{height: auto;}
body {overflow-x:hidden;  width:100%; font-family: 'Pretendard','Noto Sans KR','sans-serif'; font-weight: 400;}
body {/* iOS safe area padding */
	/*iOS 11.0 버전*/padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
	/*iOS 11.2 이상*/padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);}
body > section{position: relative;padding: 0 20px 0;/* z-index: 1; *//* box-sizing: border-box; *//* height: 100%; */}
body > section > .member-benefit,
body > section > * > .tab-b{margin-left:-20px;margin-right:-20px}
body > section > div:last-of-type{margin-bottom: 15px;align-self: center;}
body > section > div.banner:last-of-type{margin-bottom:0}
body > section > div .bottomFloating-button{margin-top:0}
body > section > .prd-list-filter:first-child{margin-top: 0;}

li{list-style:none;}
ol > li{list-style:decimal}
button{cursor:pointer; font-family: 'Pretendard'; border:0;background-color:transparent;padding:0;margin:0;}
i,em{font-style: normal;}
*{outline:none}
a{text-decoration:none;color:inherit;}
img{vertical-align:top;}
strong{font-weight: 500;}

button:disabled{pointer-events:none}

input::placeholder,
textarea::placeholder,
::placeholder{color: #999;font-size: 14px;font-weight: 300;}
.ir {position:absolute; overflow:hidden; width:0px; height:0px; font-size:0}

input[type="text"],input[type="password"],input[type="tel"],input[type="number"]{height:45px;border-radius:6px !important;border:solid 1px #c7c7c7;width:100%;padding: 10px;box-sizing: border-box;font-family: /*'Montserrat',*/ 'Noto Sans KR',/*'맑은 고딕', 'Malgun Gothic',*/ sans-serif;font-size: 14px;font-weight: 300;}
input[type="text"]:read-only:focus,input[type="password"]:read-only:focus,input[type="tel"]:read-only:focus,input[type="number"]:read-only:focus,
input[type="text"]:read-only,input[type="password"]:read-only,input[type="tel"]:read-only,input[type="number"]:read-only,
input[type="text"]:disabled,input[type="password"]:disabled,input[type="tel"]:disabled,input[type="number"]:disabled{background:#f5f5f5;}
input[type="text"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="number"]:focus{border-bottom:1px solid #111;}

input[type='checkbox']{appearance: none;-webkit-appearance: none;width: 20px;height: 20px;vertical-align: middle;border-radius: 2px;margin: 0;cursor: pointer;border: 1px solid #999;background: #fff url(../img/icon/Icon_S_Check.png) no-repeat center;background-position-y: -10px;background-size: 10px auto;}
input[type='checkbox']:checked{background:#FF5C23 url('../img/icon/Icon_S_Check_on.png') center no-repeat;border: solid 1px #FF5C23;}
input[type='checkbox']:disabled{opacity:.1;pointer-events: none;}
label input[type='checkbox']{margin-right: 6px;vertical-align: middle;}
label input[type='checkbox'] + span{vertical-align:middle;font-size: 12px;}
input[type='checkbox'].type2{background:#e3e3e3;border:1px solid #e3e3e3;width:20px;height:20px;border-radius: 4px;background-size: 10px auto;background-position-y: -10px;}
input[type='checkbox'].type2:checked{background: #FF5C23 url(../img/icon/Icon_S_Check_on.png) no-repeat;background-position:center;}
input[type='checkbox'].check-push{width: 30px;height: 30px;background: url(../img/icon-push.png) no-repeat;background-size: 30px auto;border: 0;background-position-y:-30px}
input[type='checkbox'].check-push:checked{background-position-y:0}

input[type='radio']{appearance: none;-webkit-appearance: none;width: 20px;height: 20px;border: 1px solid #111;vertical-align: middle;border-radius: 50%;margin: 0;cursor: pointer;background: url(../img/check-radio.png) no-repeat center;background-position-y: -10px;background-size: 10px auto;}
input[type='radio']:checked{background-position-y: 5px;}
label input[type='radio']{margin-right: 6px;vertical-align: middle;}
label input[type='radio'] + span{/* display: flex; */vertical-align:middle;font-size: 12px;/* align-items: center; */}
input[type='radio'].type2{border:1px solid #e3e3e3;width:20px;height:20px;border-radius: 50%;background: #e3e3e3 url(../img/check2.png) no-repeat center 4px;background-size: 10px auto;background-position-y: -10px;}
input[type='radio'].type2:checked{background:url('../img/tobeCheckIcon3.svg') center no-repeat;}

input[type='checkbox'].check-like{border:0;width: 40px;height: 40px;background: url(../img/tobeUnLikeIcon.svg) no-repeat center;background-size: 21px auto;z-index: 10;}
input[type='checkbox'].check-like + span{font-weight:500;}
input[type='checkbox']:checked.check-like{opacity:1;background: url(../img/tobeLikeIcon.svg) no-repeat center;background-size: 21px auto;}

.check-like-label{font-size:12px;display: inline-flex;align-items: center;}
.check-like-label input[type='checkbox']{border:0;width:21px;height: 21px;background: url(../img/tobeUnLikeIcon.svg)center no-repeat;background-size: 21px auto;z-index: 10;margin-right: 0;}
.check-like-label input[type='checkbox'] + span{opacity:.2;margin-left: 5px;}
.check-like-label input[type='checkbox']:checked{background: url(../img/tobeLikeIcon.svg)center no-repeat;background-size: 21px auto}
.check-like-label input[type='checkbox']:checked + span{opacity:1}
input[type='checkbox'].check-alram{display: inline-block;border:0;width: 35px;height: 35px;background: #fff url(../img/check-alram.png) no-repeat center;background-size: 35px auto;border-radius:50%;overflow:hidden;}
input[type='checkbox']:checked.check-alram{background: #FC4D4D url(../img/check-alram-on.png) no-repeat center;background-size: 35px auto;}

pre{white-space: pre-wrap;font-family: 'Noto Sans KR'sans-serif;}
textarea{border:0;background:#f5f5f5;width:100%;padding:10px;box-sizing:border-box;color: #999;font-size: 14px;font-family: /*'Montserrat',*/ 'Noto Sans KR',/*'맑은 고딕', 'Malgun Gothic', */sans-serif;font-weight: 300;}
textarea:disabled,
textarea:read-only{color:#a8a8a8;}
select{height:46px;padding: 7px 30px 7px 10px;box-sizing:border-box;appearance:none;-webkit-appearance:none;background: url(../img/selectArr.png) no-repeat right 10px center;background-size: 11px auto;border-radius:6px;border: 1px solid #c7c7c7; color:#5B5E60; width: 100%;font-size: 13px;font-family: 'Pretendard'; font-weight: 500;}
select.placeholderOn{color:#111}
select:required:invalid {color: #666;}
select:disabled{background-color: #f5f5f5;color: #a8a8a8;background-image: url(../img/selectArr-dis.png);opacity: 1;}
select:focus{border-bottom:1px solid #111}
select.type2{padding:0;font-size: 12px;border-bottom: 0;width: auto;min-width: 168px;padding-right: 18px;background: url(../img/dropdownArr2.png) no-repeat right center;background-size: 11px auto;height: 16px;color: #666;}
select.type2.selected{color:#666}
option[value=""][disabled] {display: none;}
option {color: #111;}
select.selected{color:#111;}
select > option:disabled{color: #999;/* background: #000; */}
select > option:hidden{color:#999}

table {border-spacing:0;border-collapse:collapse;width: 100%;position: relative;}
table.align-l td{text-align:left}
table.align-r td{text-align:right}
table > caption {font-size: 12px;position: absolute;right: 0;top: -20px;/* line-height:0; *//* height:0; */color: #999;font-size: 10px;}
table th,table td{border: 1px solid #e3e3e3;padding: 10px 15px;height: 32px;box-sizing: border-box;}
table th{background:#f5f5f5;font-size: 10px;font-weight: 300;}
table td{background:#fff;font-size: 10px;/* color: #666; */text-align: center;font-weight: 300;}
table td:first-child,table th:first-child{border-left:0;}
table td:last-child,table th:last-child{border-right:0;}

/*Colors - new*/
:root {
	--White : #FFF;
	--Dark: #323232;
	--Primary01: #2C396A;
	--Primary02: #FF5C23;
	--Third01 : #F9F9F9;
	--Third02 : #E1E2E3;
	--Third03 : #CFD1D2;
	--Third04 :#9A9EA1;
	--Third05: #5B5E60;
	--Secondary02 : #FF754A;
}

/*ratio*/
[class *= 'ratio-'] {position:relative;}
[class *= 'ratio-']::before{content:'';display:block;padding-top:var(--aspect-ratio);}
[class *= 'ratio-'] > img {position:absolute;top:0;left:0;right: 0;bottom: 0;width:100%;height:100%;object-fit: cover;}
[class *= 'ratio-'] > video {position:absolute;top:0;left:0;right: 0;bottom: 0;width:100%;height:100%;/* object-fit:cover; */}
[class *= 'ratio-'] > a > img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
[class *= 'ratio-'] > a{position:absolute;display:block;width:100%;height:100%;top:0;left:0}
.ratio-1x1{--aspect-ratio:100%;}
.ratio-4x3{--aspect-ratio: calc(4 / 3 * 100%);}
.ratio-16x9{--aspect-ratio:calc(9 / 16 * 100%);}
.ratio-21x9{--aspect-ratio:calc(9 / 21 * 100%);}
.ratio-a{--aspect-ratio: calc(16 / 10.943 * 100%);} /* 316 x 462 */
/*.ratio-b{}*/ /*ratio-1x1으로 치환 완료*/
.ratio-c{--aspect-ratio: calc(16 / 19.8 * 100%);} /* 640 x 516 */
.ratio-d{--aspect-ratio: calc(16 / 11.56 * 100%);} /* 317 x 439 */
.ratio-e{--aspect-ratio: calc(16 / 25.6 * 100%);} /* 320 x 200 */

/*Align*/
.align-c {text-align: center;}
.align-l {text-align: left;}
.align-r {text-align: right;}

/* ui */
.tooltip .tipCont{display:none}
.tooltip .tipIcon.on + .tipCont{display:block;}

.selectbox > .cont{display:none}
.selectbox.open > .cont{display:block}

.title-a{position: relative;font-size: 16px;font-weight: 500;padding: 15px 0;min-height: 51px;box-sizing: border-box;}
.title-a:before{position:absolute;bottom:0;content:"";display:block;height:1px;width:100%;background: url(../img/dotted.gif) repeat-x;background-size:4px auto}
.title-a.payment{display:flex;justify-content:space-between;padding-right:35px}
.title-a.payment .price{color:#FC4D4D;transition: .3s ease;}
.title-a.payment .price .sale{color:#FC4D4D}

/*.goodsInfo-memberShipBenefitsDetail div.linkWrap .link-a{
	color:#2378B9;;
	border-bottom-color:#2378B9;
}*/

#order_payment_form .txtInfoBoxC .link-c{
	color:black;
	background:url('../img/tobeBlackArrow.svg') no-repeat;
	background-size:25px auto;
	background-position:right;
}
#order_payment_form .txtInfoBox-c.brown .link-c{
	color:white !important;
}
#popupOrderList #viewMoreBtn button.black{
	border-color:#c7c7c7;
	color:black;
}
#order_payment_form .txtr {background-color: #ccc}
.accordion-panel {background-color: white;overflow: hidden;height: 0;transition: .3s ease;box-sizing: border-box;}
.accordion-title > .title-a:before{opacity:0;transition:.4s ease;}
.accordion-title.open + .accordion-panel{height:auto;}
.accordion-title.open > .title-a:before{opacity:1}
.accordion-title.priceHideView.open .title-a.payment .price{opacity: 0;}
.accordion-title {position: relative;transition:.3s ease;}
.accordion-title > h2{position: relative;font-size: 4.4444vw;font-weight: 500;padding: 15px 0;}
.accordion-title > .infoBox{margin-bottom: 15px;display: block;}
.accordion-title > button{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height: 100%;font-size: 0;-webkit-tap-highlight-color: transparent;}
.accordion-title:after{content:"";display:inline-block;position:absolute;top: 20px;right: 10px;background:url(../img/dropdownArr.png) no-repeat;width: 13px;height: 8px;background-size:13px auto;transform:rotate(180deg);pointer-events: none;}
.accordion-title.open:after{transform:rotate(0)}
.accordion-title label{position:relative;z-index:2}
.accordion-panel + .accordion-title{border-top:1px solid #eee}
.accordion-title.type2{background: #f5f5f5;padding: 15px 40px 15px 15px;font-size:12px;font-weight: 500;}
.accordion-title.type2:after{right:17px}
.accordion-title.type3{font-size: 12px;}
.accordion-title.type3:after{top: 4px;background: url(../img/dropdownArr2.png) no-repeat;background-size: 10px auto;width: 10px;height: 6px;transform: rotate(180deg);}
.accordion-title.type3.open:after{transform: rotate(0deg);}
.accordion-title.type3 + .accordion-panel{background:transparent}
.accordion-title.type3 + .accordion-panel > div{padding: 10px 0;font-weight: 100;color: #111;}
.accordion-title.tagEdit{font-size:14px;font-weight:300}
.accordion-title.tagEdit .title-option{margin:20px 0 10px 0;font-size: 14px;font-weight: 700;color: #111;}
.accordion-title.tagEdit > button{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height: 45px;font-size: 0;-webkit-tap-highlight-color: transparent;}
.accordion-title.tagEdit .tagEditor{margin-top:15px}
.accordion-title.tagEdit .tagEditor .nodata{font-size: 12px;color:#666;}
.accordion-panel + .accordion-title.type2{margin-top:10px}
.accordion-panel > div > .enterRecommenderCode:first-child,
.accordion-panel > div > .consentToPurchase:first-child,
.accordion-panel > div > .couponePointList:first-child{margin-top:20px}

.optionEditWrap > h3{font-size: 14px;font-weight: 700;margin: 10px 0;color: #111;}
.optionEditWrap > h3:not(:first-child){margin-top:20px}
.layerPop{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index: 2000;background: rgba(0,0,0,0);visibility: hidden;display: flex;justify-content: center;align-items: center;overflow: hidden;transform: translateY(100%);align-content: center;}
.layerPop.bg-gray > .cont{background:#f5f5f5;}
.layerPop > .cont{position:relative;background: #fff;width: 350px;margin: 25px;}
.layerPop .btn-close {position: absolute;top:12px;right:16px;font-size:0;width: 30px;height: 30px;background:url('../img/layerPopClosed.png') center center no-repeat;background-size: 15px auto;z-index: 101;}
.layerPop.open{visibility: visible;background: rgba(0,0,0,.5);transform: translateY(0);}
.layerPop.bottomFloating-on section{padding-bottom: 71px !important;}
.layerPop.bottomFloating-on.layerPop-allMenu section{padding-bottom: 50px !important}
.layerPop.bottomUp{transition: .5s ease;transform: translateY(0);}
.layerPop.bottomUp > .cont{position: fixed;bottom: 0;margin: 0;padding: 20px;box-sizing: border-box;/* background: #f5f5f5; */transform: translateY(100%);transition: .5s ease;}
.layerPop.bottomUp.open > .cont{transform:translateY(0);border-radius: 15px 15px 0 0;}
.layerPop.full-size > .cont > section > h2{font-size:16px;font-weight:700}
.layerPop.full-size > .cont > section > h2 + *{margin-top:22px}
.layerPop.full-size > .cont > section > * + h2{margin-top:50px}
.layerPop.bannerPop.full-size > .cont > section > .btnWrap{position:fixed;width:100%;bottom:0;margin:0}
.layerPop.bannerPop > .cont .btnWrap .stopWatchingToday{flex: auto;font-size:14px;background: #fff;color:#666}
.layerPop.bannerPop > .cont .btnWrap .close{flex: auto;font-size:14px;background:#2C396A;color:#fff;margin: 0;}

.layerPop.m-size > .cont{position:relative;background: #fff;width: 100%;margin: 20px;border-radius: 10px;overflow: hidden}
.layerPop.m-size > .cont > section{padding: 10px;}
.layerPop.m-size > .cont > section > .ly-desc{font-size: 16px;line-height: 1.5;color: #111;margin-top: 10px;word-wrap: break-word;}
.layerPop.m-size > .cont > section > h2{font-size:16px;font-weight:700}
.layerPop.m-size > .cont > section > h2 + *{margin-top:22px}
.layerPop.m-size > .cont > section > * + h2{margin-top:50px}
.layerPop.m-size > .cont > .btnBox{margin: 10px;}
.layerPop.m-size > .cont > .btnBox > button{width: 50%;height: 30px;}
.layerPop.m-size .layer-title {font-family:'Noto Sans KR'; color: #fff;font-size: 20px;font-weight: 700;line-height: 25px;letter-spacing: -0.2px;padding: 20px 30px;margin: 0;background: #2C396A;}

#layerPop-goodsOptionSelect div.cont{
	border-radius:0px;
}
.tab-cont > div{height: 0;overflow: hidden;transform: translateY(-100%);visibility:hidden;}
.tab-cont > div.on{transform: translateY(0);height: auto;overflow: visible;visibility:visible;}

/*Header*/

header{position: sticky;top:0;background: #fff;z-index: 1004;transition: .3s ease;}
header .sub-hedaer {display:flex;align-items: center;height:56px;padding: 0 16px;background: #fff;box-sizing: border-box;}
header .page-title {flex:1;font-size:18px;color:#000;font-weight: 300;letter-spacing: -0.12px;line-height: 1;}
header .btn-back + .page-title{margin-left: 6px;}
.main-hedaer .welcome {flex:1;font-size:4.4444vw;color:#000;font-weight: 300;letter-spacing: -0.12px;line-height: 1;/* margin-left:12px; */}
.main-hedaer .welcome > strong{font-weight: 500;}
.main-hedaer .welcome > strong.logo {width: 112px}

header .btn-back {background-image:url('../img/headerBack.png');background-size: 14px auto;}
header button {display:inline-block;font-size:0;width:32px;height:32px;background-repeat:no-repeat;background-position: center center;background-size: contain;}
header button + button {margin-left:8px;}
.btn-search {background-image: url('../img/icon/Icon_Search.svg');background-size: 24px auto;}
.btn-cart {background-image:url('../img/icon/Icon_Cart.svg');background-size: 24px auto;position:relative;}
.btn-cart .num {position:absolute;top:0;right: -7px;min-width: 15px;height: 15px;border-radius: 50%;font-size:10px;text-align:center;line-height: 15px;font-weight: 500;background-color: #FC4D4D;color:#fff;}

.main > body > header{position:fixed;width:100%;background:transparent;transition: .3s ease;display: none;}
.main .welcome{color:#fff}

.header-banner{display:flex;align-items:center;justify-content: center;width: 100%;height: 52px;background: var(--Secondary02, #FF754A);}
.header-banner .btn_go{height:100%;display: flex;align-items: center;z-index: 1;width: calc(100% - 40px);}
.header-banner .btn_go .inner{width: 1010%;display: flex;align-items: center;position: relative;padding: 11px 16px;}
.header-banner .btn_go .inner .logo{margin-right: 15px}
.header-banner .btn_go .inner .tit_box{display: flex;flex-direction: column;width: 100%;align-items: center}
.header-banner .btn_go .inner .tit_box .tit_inner{text-align: left}
.header-banner .btn_go .inner .tit_1{color: var(--White, #FFF);font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 700;line-height: 18px;}
.header-banner .btn_go .inner .tit_2{color: var(--White, #FFF);font-family: Pretendard;font-size: 13px;font-style: normal;font-weight: 500;line-height: 16px;}
.header-banner a.btn_close{width: 24px;height: 24px;display: block}

.main-hedaer {display:flex;align-items: center;justify-content: space-between;height: 52px;padding: 0 16px;box-sizing: border-box;position: absolute;top:0;width: 100%;background: #fff;}
.main-hedaer .logo{width: 114px;height: 14px;display: block}
.main-hedaer .button_box{display: flex}
.main-hedaer button {display:inline-block;font-size:0;width: 24px;height: 24px;background-repeat:no-repeat;background-position: center center;background-size: contain;}
.main-hedaer button + button {margin-left: 16px;}
.main-hedaer .btn-search{background-image: url('../img/icon/Icon_Search.svg');background-size: 24px auto;}
.main-hedaer .btn-cart {background-image:url('../img/icon/Icon_Cart.svg');background-size: 24px auto;position:relative;}

.goodsDetail header{position: relative;top: auto !important;transition: none;}

.utilsFloating{display:flex;justify-content:space-between;position:fixed;bottom: 90px;width:100%;box-sizing:border-box;z-index: 1002;align-items: flex-end;height: 0;}
.utilsFloating .left{display: flex;flex-direction: column;margin-left:20px}
.utilsFloating .right{display: flex;flex-direction: column;margin-right:20px}
.utilsFloating .left > *,
.utilsFloating .right > *{margin-top:10px;}
.utilsFloating .right > .btn-goTop{margin-top:0;}
.utilsFloating .btn-footerLive.on + *{margin-top: 17px;}

.btn-goTop {font-size:0;width: 40px;height: 0;background: url(../img/icon/Icon_Btn_Top.svg) no-repeat;z-index: 1002;}
.btn-footerPrev{font-size:0;width: 50px;height: 50px;border-radius: 50%;box-shadow: 0 6px 9px 0 rgb(0 0 0 / 10%);background: #fff url('../img/footerPrev.png') center center no-repeat;background-size: 13px auto;z-index: 1002;}
.btn-footerLive{position: relative;font-size:0;width: 50px;height: 50px;border-radius: 50%;background-size: cover;box-shadow: 0 6px 9px 0 rgb(0 0 0 / 10%);z-index: 1002;}
.btn-footerLive.on:after{position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 7px);display:inline-flex;align-items: center;content:"LIVE";height: 16px;padding: 0 5px;border-radius: 4px;color: #fff;background: #FC4D4D;box-sizing: border-box;font-size: 10px;}
.btn-recentlyProducts{font-size:0;width: 50px;height: 50px;border-radius: 50%;background-size: cover;box-shadow: 0 6px 9px 0 rgb(0 0 0 / 10%);z-index: 1002;}



/*footer*/
footer {border-top: 1px solid #2C396A;padding: 21px 16px 25px 16px;position: relative;background:#f3f3f3;}
footer .center-wrap{max-width: 1240px}
.footer-until {display:flex;flex-direction: column;border-bottom: 1px solid #E1E2E3;width: 100%;padding-bottom: 20px;}
.footer-until .f-box{display:flex;align-items: center;justify-content: space-between;}
.footer-until .f-number{display: flex; align-items: center}
.footer-until .f-number img{width: 20px;margin-right: 4px;}
.footer-until .f-number p{display: flex;align-items: center;color: var(--Dark, #323232);text-align: center;font-family: Pretendard;font-size: 17px;font-style: normal;font-weight: 600;line-height: 24px;margin-right: 4px;}
.footer-until .f-number a{color: var(--Primary02, #FF5C23);text-align: center;font-family: Pretendard;font-size: 20px;font-style: normal;font-weight: 600;line-height: 1;letter-spacing: -0.2px;align-items: center;display: flex;}

.f-cs {line-height: 1;display: block;width: 112px;}
.f-cs a{display: block;}
.f-cs .f-csText{ font-size: 24px; letter-spacing: -0.72px; margin-bottom:14px; line-height:1.208;}
.f-cs .cs-number {display:block; font-size: 24px; letter-spacing: -0.72px; margin-bottom:14px; line-height:1.208;}
.f-links {width: auto;display: flex;align-items: center;justify-content: space-between;margin-top: 18px;}
.f-links a {color: var(--Dark, #323232);text-align: center;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 500;line-height: 18px;}
.f-menu {width:240px;}
.f-menu a {font-size: 14px; color:black; line-height:1.42; letter-spacing: -0.42px;font-family:'Noto Sans'}
.f-menu select {border:none; font-size: 14px;  width:200px;}
.f-menu select.placeholderOn:not(.selected) {color:#686868; font-weight:400;}
.f-menu select.placeholderOn.selected {color:#686868;}
.f-menu li + li {margin-top:8px;}

.footer-info {display:flex;margin-top: 20px;}
.footer-info .f-logo {width:311px;}
.poba-info {color: var(--Third05, #5B5E60);font-family: Pretendard;font-size: 13px;font-style: normal;font-weight: 500;line-height: 16px; /* 123.077% */}
.poba-info p{margin-bottom: 6px;display: flex;align-items: center; font-size: 12px}
.poba-info p em{margin: 0 8px;width: 4px;height: 4px;background: #323232;opacity: 0.3;border-radius: 4px;}
.poba-info .info{margin: 0 20px;margin-bottom: 6px;display: flex;align-items: center;}
.poba-info span + span {margin-left:24px;}
.poba-info a {color:#686868;}
.poba-info a.cfm{color:#2378B9;border-bottom:1px solid #2378B9;}
.poba-info .cfm::after {content:'>'; margin-left:3px;}
.footer-logo {width:180px; height:26px; background:url('../img/tobeFooterLogo.svg') no-repeat; font-size:0;}
.poba-info p.copyright {/*margin-top: 20px;*/margin-bottom: 0;color: var(--Third04, #9A9EA1);font-family: Pretendard;font-size: 10px;font-style: normal;font-weight: 500;line-height: 15px; /* 125% */}
/*footer {position: relative;z-index: 1001;background:#fff;overflow: hidden;padding-top: 80px;}*/
/*footer .inner{padding: 38px 20px 50px 20px;display: flex;justify-content: space-between;flex-wrap: wrap;!*background: #e9e9e9;*!}*/
/*footer .footer-menu{font-size:18px;font-weight: 500;flex: 1;}*/
/*footer .footer-menu > li:not(:first-child){margin-top: 10px;}*/
/*footer .footer-menu-sub{width: 100%;font-size:12px;color:#666;flex: 1;}*/
/*footer .footer-menu-sub .footer-cs > li:not(:first-child){margin-top: 10px;}*/
/*footer .footer-info{font-size: 10px;width: 100%;margin-top: 45px;color: #666;}*/
/*footer .footer-info .footer-text{font-size:12px}*/
/*footer .footer-info .footer-text > strong{display:block;font-size:16px;font-weight:500;color: #111;margin-bottom:5px}*/
/*footer .footer-info > p > a{text-decoration:underline;color:#2378B9;}*/
/*footer .accordion-panel{background:transparent}*/
/*.accordion-babathe{margin: 20px 0 10px 0;}*/
/*.accordion-babathe .accordion-title{display:inline-block;padding:0 30px 0 0;}*/
/*.accordion-babathe .accordion-title:after{top: 3px;}*/
/*footer .footer-info .copyright{margin-top:15px}*/
/*footer .utilBtns{display:flex;margin-top:20px}*/
/*footer .utilBtns > *:not(:first-child){margin-left: 10px;}*/
/*.snsIcon{display:inline-block;width:30px;height:30px;text-indent:-10000px;background: #111;border-radius: 50%;}*/
/*.snsIcon.facebook{background: #111 url(../img/sns-facebook.png) no-repeat center;background-size: 30px auto;}*/
/*.snsIcon.instar{background: #111 url(../img/sns-instar.png) no-repeat center;background-size: 30px auto;}*/
/*.appDown{height:30px;line-height:30px;font-size:12px;padding:0 8px;background:#111;color:#fff;border-radius:5px;overflow: hidden;min-width: 94px;}*/

footer .copyright{font-size:10px;color:#666}
/*Bottom Floation*/
.bottomFloating {position:fixed;z-index: 1002;bottom:0;left:0;width:100%;height: 56px;display:flex;align-items: center;background: #fff; /*iOS 11.0 버전*/ /*iOS 11.2 이상*/box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);}
.bottomFloating .btn_box{width: 214px;padding-left: 24px;display: flex;}
.bottomFloating .btn_box button{width: 24px;margin-left: 24px}
.bottomFloating .btn_box button.time.on{border-radius: 4px;border: 2px solid var(--Dark, #323232);}
.bottomFloating .btn_box button:first-child{margin-left: 0}

.bottomFloating .btn {font-family:'Noto Sans KR';width:20%;display:block;font-size: 2.7778vw;line-height: 1;letter-spacing: -0.06px;text-align: center;color: white;}
/*.bottomFloating .btn::before {content:'';display:block;width: 30px;height: 30px;margin:0 auto 8px;background-image:url('../img/tobeFloting1.svg');background-repeat: no-repeat;background-size: 30px auto;}*/
/*.bottomFloating .btn.special::before{content:'';display:block;width: 30px;height: 30px;margin:0 auto 8px;background-image:url('../img/tobeFloting2.svg');background-repeat: no-repeat;background-size: 30px auto;}*/
.bottomFloating .btn.care::before{background-image: url(../img/tobeHeart1.svg);
	background-repeat: no-repeat;background-size:30px auto;}
.bottomFloating .btn.channel::before{background-position-x:-30px}
.bottomFloating .btn.home::before{background-image: url(../img/tobeHome3.svg);
	background-repeat: no-repeat;background-size:30px auto;background-position:center center;}
.bottomFloating .btn.mybaba::before{background-image: url(../img/tobeMy4.svg);
	background-repeat: no-repeat;background-size:25px auto;background-position:center center;}
.bottomFloating .btn.menu::before{background-image: url(../img/tobeMenu5.svg);
	background-repeat: no-repeat;background-size:25px auto;background-position:center center;}
/*.bottomFloating .btn.on::before{background-position-y: -30px}*/
.bottomFloating .btn.brand::before {content:''; background-image: url(../img/tobeChannel2.svg);background-repeat: no-repeat;background-size: 30px auto;}

.bottomFloating .form-lookup {width: calc(100% - 214px);height: 56px;padding-left: 16px;box-sizing:border-box;background: #FF754A;border-radius: 28px 0 0 28px;display: flex;align-items: center;}
.bottomFloating .form-lookup .btn-lookup {width: 45px;height: 20px;padding: 0;}
.bottomFloating .form-lookup .btn-lookup img{width: 45px;}
.bottomFloating .form-lookup input[type=text] {border: none;width: 100%;height: 100%;color: #fff;font-family: Pretendard;font-size: 12px;font-style: normal;font-weight: 700;line-height: 15px; /* 125% */background: #FF754A;}
.bottomFloating .form-lookup ::placeholder{color: #fff;font-family: Pretendard;font-size: 12px;}

#delivery_list_add .btn-basicM{border:solid 1px #c7c7c7;color:black;}

.main .tab-a > ul > li{font-size:16px}
.main .mainHeaderContainer + .tab-a{margin-top:30px}
.main_cate .main .mainHeaderContainer + .tab-a{position: fixed;top: 52px;
	z-index: 1111111;
	margin-top: 0;}

.main .tab-a + *{margin-top:20px}
.main .banner{margin: 0 -20px;}
.main * + .banner{margin-top: 55px;}

.mainHeaderContainer{position:relative;margin:0 -20px;overflow:hidden;}
.mainHeaderContainer .mainNav{position: absolute;top: 52px;height: 52px;background: #fff;width: 100%;padding: 12px 16px;z-index: 1000;box-sizing: border-box;overflow: hidden;transition: transform .3s ease;border-bottom: 1px solid #E1E2E3;overflow-x: scroll;}
.mainHeaderContainer .mainNav .swiper-wrapper{height:100%}

.mainVisual{position:relative;}
.mainVisual li{position:relative;/* align-items: center; *//* display: flex; */}
.mainVisual .imgWrap{background: #333;display: flex;align-items: center;justify-content: center;}
.mainVisual .imgWrap:before{display:block;content:"";padding-bottom: 161.5%;}
.mainVisual .imgWrap > .img > img{position:absolute;width:100%;}
.mainVisual .imgWrap img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.mainVisual .videoWrap:before,
.mainVisual .imgWrap:before{display:block;content:"";padding-bottom: 99.5%;}
.mainVisual .videoWrap{z-index:2;background: #333;}
.mainVisual .videoWrap video{position:absolute;top: 0;height: 100%;}
/*.mainVisual .txtWrap{font-family:'Noto Sans KR';position:absolute;left:0;top:0;width:100%;height:100%;padding: 58px 40px 120px 40px;box-sizing:border-box;display:flex;flex-direction: column-reverse;}*/
/*.mainVisual .txtWrap > .txt{color:#fff;font-family:'Noto Sans KR'}*/
/*.mainVisual .txtWrap > .txt > *{display:block;font-size:12px;}*/
/*.mainVisual .txtWrap > .txt > em{font-size:12px;font-weight: 100;}*/
/*.mainVisual .txtWrap > .txt > strong{font-size:39px;font-weight: 700;margin-top: 5px;}*/
/*.mainVisual .txtWrap > .txt > span{font-size:16px;font-weight: 200;margin-top: 7px;}*/
.mainVisual .swiper-scrollbar{position:absolute;bottom:80px;margin: 0 80px 0 40px;width: calc(100%  - 120px);background:rgba(0,0,0,.5);}
.mainVisual .swiper-scrollbar .swiper-scrollbar-drag{background:#fff}
/*.mainVisual .swiper-pagination{position:absolute;top: auto;bottom:80px;margin: 0 80px 0 40px;width: calc(100%  - 120px);background: rgba(0,0,0,.25);height: 1px;overflow: hidden;}*/
/*.mainVisual .swiper-pagination .swiper-scrollbar-drag{background:#fff;height: 1px;}*/
/*.mainVisual .swiper-pagination .swiper-pagination-progressbar-fill{background:#2378B9;}*/
.mainVisual .allView{width: 40px;height: 40px;text-indent: -10000px;background: url(../img/plus-white.png) no-repeat center;background-size: 10px auto;position: absolute;bottom: 61px;right: 15px;z-index: 2;}
.mainVisual .main-hedaer{z-index: 2;}

.main-hedaer.stickyMode{position:absolute;display: flex;align-items: center;width: 100%;background:#fff;opacity:0;pointer-events:none;}
.main-hedaer.stickyMode .search-area{margin-top:0;}
.main-hedaer.stickyMode .btn-cart{background-image: url(../img/icon/Icon_Cart.svg);background-size: 24px auto;position: relative;}
.main-hedaer .search-area{flex:1;margin-right:15px;display: flex;align-items: center;}
.main-hedaer .search-btn{width: 24px;height: 24px;background-image: url(../img/icon/Icon_Search.svg);background-size: 24px auto;}
.main-sticy .main-hedaer{display:none}
.main-sticy .main-hedaer.stickyMode{position:fixed;top:0;display: flex;opacity:1;pointer-events: auto;z-index:1000; /*iOS 11.0 버전*/padding-top: constant(safe-area-inset-top); /*iOS 11.2 이상*/padding-top:env(safe-area-inset-top);padding: 0 16px 0 12px;}
.main-sticy .main-hedaer.stickyMode .ca_tit_box{display: flex}
.main-sticy .main-hedaer.stickyMode .ca_tit_box p{color: var(--Dark, #323232);font-family: Pretendard;font-size: 17px;font-style: normal;font-weight: 600;line-height: 24px;margin-left: 6px}
.main-sticy .mainNav{position:fixed;top: 52px;background:#fff;}
.main-sticy .mainNav .swiper-slide > a{/* color:#111; */}
.main-sticy .mainNav .swiper-slide.on > a{border-color:#111}

.main-sticy .main-hedaer.stickyMode div.search-area input.search-input {border-radius:12px !important;}
.main-sticy .main-hedaer.stickyMode div.search-area button.search-btn{margin-right:0px;}

.mainNav .swiper-slide{width:auto;height: 100%;margin-right: 25px;}
.mainNav li.swiper-slide{display: flex;align-items: center}
.mainNav .swiper-slide:last-child{margin-right:0}
.mainNav .swiper-slide > a{display: flex;color: var(--Third04, #9A9EA1);font-family: Pretendard;font-size: 16px;font-style: normal;font-weight: 700;line-height: 22px; }
.mainNav .swiper-slide.on > a{align-items: center;color: var(--Dark, #323232);font-weight: 600;}
.mainNav .swiper-slide.point > a{color:#fd3773}
.mainNav .swiper-slide.on.point > a{border-color:#fd3773}

.termsBox{font-size:14px}
.termsAndConditions > .cont{margin-top:30px}
.termsAndConditions > .cont > .termsBox{line-height:1.5em;font-size: 14px;}
.termsAndConditions > .cont > .termsBox > h2{font-size:20px;font-weight: 500;}
.termsAndConditions .selectWrap{margin-top:30px}

/* 검색결과 > 컨텐츠 > 제목:소제목 ... 처리 */
.unitInfoWrap .tx-ovf, .unitInfoWrap .tx-ovf > strong { display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

/* 비밀번호 변경 팝업 스타일 */
.popup-container {
	width: 100%;
	max-width: 400px;
	background: white;
	border-radius: 8px;
	overflow: hidden;
}

.popup-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
	background-color: var(--Primary02, #FF5C23);
	border-bottom: 1px solid #e9ecef;
}

.popup-title {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	color: white;
}

.btn-close {
	background: none;
	border: none;
	font-size: 20px;
	color: #666;
	cursor: pointer;
	padding: 0;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup-body {
	padding: 20px;
}

.form-section {
	margin-bottom: 15px;
}

.form-row {
	margin-bottom: 15px;
}

.form-label {
	display: block;
	font-size: 14px;
	color: #333;
	margin-bottom: 5px;
	font-weight: 500;
}

.form-input {
	width: 100%;
	padding: 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	box-sizing: border-box;
}

.form-input:focus {
	outline: none;
	border-color: var(--Primary02, #FF5C23);
}

.password-guide {
	margin-top: 10px;
	padding: 10px;
	background-color: #f8f9fa;
	border-radius: 4px;
	border-left: 4px solid var(--Primary02, #FF5C23);
}

.guide-text {
	font-size: 12px;
	color: #666;
	margin: 0;
	line-height: 1.4;
}

.popup-footer {
	display: flex;
	padding: 15px 20px;
	background-color: #f8f9fa;
	border-top: 1px solid #e9ecef;
	gap: 10px;
}

.btn-cancel, .btn-confirm {
	flex: 1;
	padding: 12px;
	border: none;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
	font-weight: 500;
}

.btn-cancel {
	background-color: #6c757d;
	color: white;
}

.btn-confirm {
	background-color: var(--Primary02, #FF5C23);
	color: white;
}

.btn-cancel:hover {
	background-color: #5a6268;
}

.btn-confirm:hover {
	background-color: var(--Primary01, #2C396A);
}