@charset "utf-8";


html,body{
	background:#f8f7f7;
	margin:0 !important;
	--border-color:rgba(0,0,0,0.15);
}

body[data-shop-layout='outside-left']{background:#fff;}

html, body, h1, h2, h3, h4, h5, h6, form, fieldset, img, input, button{margin:0;padding:0;border:0;font-family:var(--font-family);}


/*─────────────────────────────────────────────────
											web
─────────────────────────────────────────────────*/
@media screen and (min-width:721px) {
}

/*─────────────────────────────────────────────────
											mobile
─────────────────────────────────────────────────*/
@media screen and (max-width:720px) {
}






/*─────────────────────────────────────────────────
											root
─────────────────────────────────────────────────*/
#root{width:100%;max-width:var(--mobile-max-width);margin-left:auto;margin-right:auto;padding:0;z-index:1;}







/*─────────────────────────────────────────────────
							샾 레이아웃 및 web 전용 사이드콘텐츠
─────────────────────────────────────────────────*/
.shop-outsideContainer{position:relative;display:flex;flex-direction:column;gap:10px}
.shop-outsideContainer .side-banner{position:relative;}
.shop-outsideContainer .side-search{position:relative;}


body[data-shop-layout='outside-right'] .shop-outsideContainer{width:300px;position:fixed;top:50%;left:50%;transform: translate(300px, -50%);}
body[data-shop-layout='outside-right'] .shop-outsideContainer .side-search{border-radius:16px;background:#fff;padding:20px;--form-radius:20px;--form-height:40px;--form-background:#F6F6F6;--form-border:1px solid #E9E9E9;}
body[data-shop-layout='outside-right'] .shop-outsideContainer .inputContainer{position:relative;font-size:13px;font-weight:400}
body[data-shop-layout='outside-right'] .shop-outsideContainer .inputContainer .btn-search{position:absolute;top:0px;right:0;width:var(--form-height);height:var(--form-height);font-size:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;}
body[data-shop-layout='outside-right'] .shop-outsideContainer .inputContainer .btn-search:before{content:'\e923';font-family:'shop';font-size:18px;}
body[data-shop-layout='outside-right'] .shop-outsideContainer .btnSetting{top:-15px;right:-15px;}


@media screen and (min-width:780px) {
body[data-shop-layout='outside-left']{--outline-color:#e7e7e7;}
body[data-shop-layout='outside-left'] #header,
body[data-shop-layout='outside-left'] #headerSpace,
body[data-shop-layout='outside-left'] #container,
body[data-shop-layout='outside-left'] #footer,
body[data-shop-layout='outside-left'] #bottomTabMenu{border-left:1px solid var(--outline-color);border-right:1px solid var(--outline-color);}
}


body[data-shop-layout='outside-left'] .shop-outsideContainer{gap:28px;width:300px;position:fixed;top:50%;right:50%;transform: translate(-150px, -50%);}
body[data-shop-layout='outside-left'] .shop-outsideContainer .side-search{--form-radius:30px;--form-height:44px;--form-background:#F6F6F6;--form-border:1px solid #E9E9E9;}
body[data-shop-layout='outside-left'] .shop-outsideContainer .inputContainer input{position:relative;font-size:15px;font-weight:400}
body[data-shop-layout='outside-left'] .shop-outsideContainer .inputContainer .btn-search{position:absolute;top:3px;right:3px;width:calc(var(--form-height) - 6px);height:calc(var(--form-height) - 6px);font-size:0;border-radius:50%;background:var(--subColor);
	display:inline-flex;align-items:center;justify-content:center;}
body[data-shop-layout='outside-left'] .shop-outsideContainer .inputContainer .btn-search:before{content:'\e923';font-family:'shop';font-size:16px;color:#fff;}
body[data-shop-layout='outside-left'] .shop-outsideContainer .btnSetting{top:-15px;right:-15px;}
body[data-shop-layout='outside-left'] .shop-outsideContainer .oustide-title{font-size:17px;font-weight:var(--bold);display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;margin-bottom:10px;}
body[data-shop-layout='outside-left'] .shop-outsideContainer .oustide-title img{max-width:110px;}
body[data-shop-layout='outside-left'] .shop-outsideContainer .oustide-search-keyword{}
body[data-shop-layout='outside-left'] .shop-outsideContainer .oustide-search-keyword ul{display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
body[data-shop-layout='outside-left'] .shop-outsideContainer .oustide-search-keyword ul .keyword{font-size:14px;font-weight:500;height:28px;padding:0 15px;border-radius:25px;background:#fff;border:1px solid rgba(0,0,0,0.1);display:inline-flex;align-items:center;justify-content:center;}


@media screen and (min-width:970px) {
body[data-shop-layout='outside-left'] #root{position:relative;left:200px;}
body[data-shop-layout='outside-left'] .mfp-wrap .mfp-content{left:200px;}
}
@media screen and (max-width:969px) {
body[data-shop-layout='outside-left'] .shop-outsideContainer{display:none !important;}
}





/*─────────────────────────────────────────────────
											header
─────────────────────────────────────────────────*/
#header{position:relative;width:100%;position:sticky;top:0;left:0;z-index:99;}

#header .btnSetting{top:50%;right:-30px;margin-top:-9px;}
#header #header_inwrap{position:absolute;width:100%;}
#header #header_inwrap:after{content:'';width:100%;height:1px;background:rgba(0,0,0,0.1);position:absolute;left:0;bottom:0;}
#header .headerContainer{position:relative;display:flex;align-items:center;justify-content:center;color:var(--header-color);background:var(--header-bg);}
#header .headerContainer .leftContainer{}
#header .headerContainer #logo img{max-width:120px;max-height:25px;}
#header .headerContainer #logo .tmp-logo{font-size:23px;font-family:'Black Han Sans';font-weight:normal;}
#header .headerContainer .centerContainer{font-size:15px;font-weight:600;}
#header .headerContainer .headerIconCon{display:inline-flex;align-items:center;gap:15px;}

#header .headerContainer [class*='hdIcon_']{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;}
#header .headerContainer [class*='hdIcon_'] img{max-width:100%;}
#header .headerContainer .hdIcon_home{position:absolute;left:50px;font-size:0;}
#header .headerContainer .hdIcon_home .myIcon:before{content:'\e915';font-family:'shop';font-size:22px;font-weight:normal;}
#header .headerContainer .hdIcon_search{}
#header .headerContainer .hdIcon_search .myIcon:before{content:'\e923';font-family:'shop';font-size:24px;font-weight:normal;}
#header .headerContainer .hdIcon_cart{position:relative;}
#header .headerContainer .hdIcon_cart .myIcon:before{content:'\e9f1';font-family:'intaefont';font-size:22px;font-weight:normal;}
#header .headerContainer .hdIcon_cart .cart-count{position:absolute;top:-5px;right:-9px;font-size:9px;width:16px;height:16px;background:#F85324;color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;}
#header .headerContainer .hdIcon_store{position:relative;}
#header .headerContainer .hdIcon_store .myIcon:before{content:'\e9bd';font-family:'intaefont';font-size:24px;font-weight:normal;}
#header .headerContainer ._gnbOpener{display:inline-flex;transform:scale(0.9);}
#header .hdIcon_gotoback{position:absolute;left:25px;font-size:0;margin-left:-17px;}
#header .hdIcon_gotoback:before{content:'\e918';font-family:'intaefont';font-size:16px;font-weight:normal;height:40px;width:34px;display:inline-flex;align-items:center;justify-content:center;}

#header .hdIcon_close{position:absolute;top:12px;right:15px;font-size:0;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;}
#header .hdIcon_close:before{content:'\e91d';font-family:'intaefont';font-size:15px;}

#header .topMenuContainer{padding:0 25px;position:sticky;top:0;left:0;background:#fff;}
#header .topMenuContainer ul{height:100%;display:flex;align-items:center;justify-content:space-between;}
#header .topMenuContainer ul li{height:100%;}
#header .topMenuContainer ul a{position:relative;font-size:15px;font-weight:var(--bold);padding:0 2px;height:100%;display:inline-flex;align-items:center;justify-content:center;}
#header .topMenuContainer ul a.active{font-weight:600;}
#header .topMenuContainer ul a.active:after{content:'';width:100%;height:2px;background:var(--mainColor);position:absolute;bottom:0;left:0;}

#header[data-ui*='type_left'] #logo{position:absolute;left:25px;}
#header[data-ui*='type_left'] .headerIconCon{position:absolute;right:25px;}
#header[data-ui*='type_right'] #logo{position:absolute;right:25px;}
#header[data-ui*='type_right'] .headerIconCon{position:absolute;left:25px;}
#header[data-ui*='type_right'] .hdIcon_gnb{order:1;}
#header[data-ui*='type_right'] .hdIcon_search{order:2;}
#header[data-ui*='type_right'] .hdIcon_cart{order:3;}
#header[data-ui*='type_right'] .hdIcon_store{order:4;}
#header[data-ui*='type_center'] .headerIconCon{position:absolute;right:25px;}
#header[data-ui*='type_center'] .hdIcon_gnb.left{position:absolute;left:25px;}
/*
#header[data-ui*='type_center_01'] .headerIconCon{position:absolute;right:25px;}
#header[data-ui*='type_center_02'] .headerIconCon{position:absolute;right:25px;}
#header[data-ui*='type_center_03'] .headerIconCon{position:absolute;right:25px;}
#header[data-ui*='type_center_03'] .hdIcon_gnb{margin-right:-10px;}
#header[data-ui*='type_center_04'] .hdIcon_cart{position:absolute;right:25px;}
#header[data-ui*='type_center_04'] .hdIcon_store{position:absolute;right:60px;}
#header[data-ui*='type_center_04'] .hdIcon_gnb{position:absolute;left:25px;}
#header[data-ui*='type_center_05'] .hdIcon_cart{position:absolute;right:25px;}
#header[data-ui*='type_center_05'] .hdIcon_store{position:absolute;right:95px;}
#header[data-ui*='type_center_05'] .hdIcon_search{position:absolute;right:60px;}
#header[data-ui*='type_center_05'] .hdIcon_gnb{position:absolute;left:25px;}
#header[data-ui*='type_center_06'] .headerIconCon{position:absolute;right:25px;}
*/


/*─────────────────────────────────────────────────
									bottomTabMenu
─────────────────────────────────────────────────*/
#bottomTabMenu{--bottom-bg:#fff;--bottom-color:#212121;position:fixed;bottom:0;z-index:99;width:100%;max-width:var(--mobile-max-width);}
#bottomTabMenu:before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:rgba(0,0,0,0.1);}
#bottomTabMenu ul{height:100%;display:flex;align-items:center;justify-content:center;justify-content:space-between;gap:15px;background:var(--bottom-bg);}
#bottomTabMenu ul li{height:100%;flex:1;}
#bottomTabMenu ul li a{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:var(--bottom-color);}
#bottomTabMenu ul li a:hover{color:var(--mainColor)}
#bottomTabMenu ul li a:hover, #bottomTabMenu ul li a.active{color:var(--mainColor)}
#bottomTabMenu ul li .myIcon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;}
#bottomTabMenu ul li .myIcon img{max-width:100%;max-height:100%;}
#bottomTabMenu ul li [class*='ic_']:before{content:'';font-family:'shop';font-size:23px;display:block;}
#bottomTabMenu ul li .ic_home:before{content:'\e915';}
#bottomTabMenu ul li .ic_gnb:before{content:'\e91a';font-size:24px;}
#bottomTabMenu ul li .ic_search:before{content:'\e923';}
#bottomTabMenu ul li .ic_store:before{content:'\e9bd';font-family:'intaefont';font-size:21px;}
#bottomTabMenu ul li .ic_my:before{content:'\e92a';}
#bottomTabMenu ul li img{max-width:25px;max-height:22px;}
#bottomTabMenu ul li .txt{font-size:11px;font-family:var(--Pretendard);font-weight:500;line-height:1em;white-space:nowrap;position:relative;display:block;margin-bottom:-6px;}
#bottomTabMenu .btnSetting{top:50%;right:-30px;margin-top:-8px;}











/*─────────────────────────────────────────────────
										login_intro
─────────────────────────────────────────────────*/
#login_intro{display:flex;flex-direction:column;gap:5px;}
#login_intro .btnSet{display:flex;align-items:center;gap:10px;margin-top:25px;}
#login_intro .btnSet [class*='_btn']{flex:1;}





/*─────────────────────────────────────────────────
										register_intro
─────────────────────────────────────────────────*/
#register_intro{position:relative;display:flex;flex-direction:column;gap:5px;}
#register_intro [class*='deco_shape']{position:absolute;z-index:1;color:var(--mainColor);}
#register_intro [class*='deco_shape']:before{content:'';font-family:'icon-shape';}
#register_intro .deco_shape1{left:-25px;top:-25px;opacity:0.2;animation:deco_size 3.0s 0s infinite alternate;transform-origin:10% 10%;}
#register_intro .deco_shape2{right:-25px;top:-25px;opacity:0.25;animation:deco_rotate2 2.8s 0s infinite alternate;}
#register_intro .deco_shape3{left:54px;top:50%;margin-top:-140px;opacity:0.45;animation:deco_rotate 2.4s 0.5s infinite;}
#register_intro .deco_shape4{left:-5px;bottom:-15px;opacity:0.2;animation:deco_rotate 4.2s 0s infinite;}
#register_intro .deco_shape5{right:35px;bottom:5%;opacity:0.4;animation:deco_positionY 3s 0s infinite alternate;}
#register_intro .deco_shape1:before{content:'\e908';font-size:100px;}
#register_intro .deco_shape2:before{content:'\e904';font-size:120px;}
#register_intro .deco_shape3:before{content:'\e90b';font-size:52px;}
#register_intro .deco_shape4:before{content:'\e90c';font-size:78px;}
#register_intro .deco_shape5:before{content:'\e90a';font-size:70px;}

@keyframes deco_rotate {
	0%{transform:rotate(0);}
	100%{transform:rotate(360deg);}
}
@keyframes deco_rotate2 {
	0%{transform:rotate(-15deg);}
	100%{transform:rotate(80deg);}
}
@keyframes deco_size {
	0%{transform:scale(1);}
	100%{transform:scale(1.2);}
}
@keyframes deco_positionY {
	0%{transform:translateY(0);}
	100%{transform:translateY(-50px);}
}



#shopmain_bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background-position:center;background-repeat:no-repeat;background-size:cover;}