@keyframes wobble-vertical-on-hover{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes wobble-vertical-on-hover2{0%,20%,100%{-webkit-transform:translateY(0);transform:translateY(0)}10%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@-webkit-keyframes bHover{0%{background-color:rgba(0,0,0,0)}100%{background-color:hsla(0,0%,100%,.2)}}@keyframes bHover{0%{background-color:rgba(0,0,0,0)}100%{background-color:hsla(0,0%,100%,.2)}}@-webkit-keyframes pop-on-hover{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes pop-on-hover{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes pagerEffect{0%{opacity:.3}40%{opacity:.5;box-shadow:0 0 0 2px hsla(0,0%,100%,.1),0 0 10px 10px #333,0 0 0 10px hsla(0,0%,100%,.5)}100%{box-shadow:0 0 0 2px hsla(0,0%,100%,.1),0 0 10px 10px #333,0 0 0 10px hsla(0,0%,100%,.5);-webkit-transform:scale(1.5);opacity:0}}@-webkit-keyframes scrollDown{0%{opacity:1;top:29%}15%{opacity:1;top:50%}50%{opacity:0;top:50%}100%{opacity:0;top:29%}}@keyframes timeLine{0%{width:0%}100%{width:100%}}@keyframes txtBracket{0%,100%{opacity:0}50%{opacity:1}}@keyframes txtChange{0%,20%,100%{transform:translate3d(0, -37%, 0)}25%,45%{transform:translate3d(0, -12%, 0)}50%,70%{transform:translate3d(0, 13%, 0)}75%,95%{transform:translate3d(0, 38%, 0)}}@-webkit-keyframes loading{0%{-webkit-transform:scale(0);opacity:0}50%{opacity:1}100%{-webkit-transform:scale(1);opacity:0}}@keyframes FadeText{from{opacity:.1}to{opacity:1}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border-radius:8px;background-color:rgba(0,0,0,.2)}::-webkit-scrollbar-track{border-radius:8px;background-color:rgba(0,0,0,.1)}::-webkit-scrollbar-button{width:0;height:0}@font-face{font-family:"PretendardThin";font-weight:Regular;font-style:normal;src:url("/font/Pretendard/Pretendard-Thin.otf") format("opentype"),url("/font/Pretendard/Pretendard-Thin.ttf") format("truetype")}@font-face{font-family:"PretendardExtraLight";font-weight:Regular;font-style:normal;src:url("/font/Pretendard/Pretendard-ExtraLight.otf") format("opentype"),url("/font/Pretendard/Pretendard-ExtraLight.ttf") format("truetype")}@font-face{font-family:"PretendardLight";font-weight:Regular;font-style:normal;src:url("/font/Pretendard/Pretendard-Light.otf") format("opentype"),url("/font/Pretendard/Pretendard-Light.ttf") format("truetype")}@font-face{font-family:"Pretendard";font-weight:Regular;font-style:normal;src:url("/font/Pretendard/Pretendard-Regular.otf") format("opentype"),url("/font/Pretendard/Pretendard-Regular.ttf") format("truetype")}@font-face{font-family:"PretendardMedium";font-weight:Regular;font-style:normal;src:url("/font/Pretendard/Pretendard-Medium.otf") format("opentype"),url("/font/Pretendard/Pretendard-Medium.ttf") format("truetype")}@font-face{font-family:"PretendardSemiBold";font-weight:Regular;font-style:normal;src:url("/font/Pretendard/Pretendard-SemiBold.otf") format("opentype"),url("/font/Pretendard/Pretendard-SemiBold.ttf") format("truetype")}@font-face{font-family:"PretendardBold";font-weight:Regular;font-style:normal;src:url("/font/Pretendard/Pretendard-Bold.otf") format("opentype"),url("/font/Pretendard/Pretendard-Bold.ttf") format("truetype")}@font-face{font-family:"PretendardExtraBold";font-weight:Regular;font-style:normal;src:url("/font/Pretendard/Pretendard-ExtraBold.otf") format("opentype"),url("/font/Pretendard/Pretendard-ExtraBold.ttf") format("truetype")}@font-face{font-family:"PretendardBlack";font-weight:Regular;font-style:normal;src:url("/font/Pretendard/Pretendard-Black.otf") format("opentype"),url("/font/Pretendard/Pretendard-Black.ttf") format("truetype")}html,body{font-family:"Pretendard",sans-serif,serif}button{border:0;outline:0}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url("/images/Common/geniMall/common/arrow.png") no-repeat calc(100% - 10px) center;background-size:20px;cursor:pointer}.likeBtn{transition:all .25s cubic-bezier(0.175, 0.885, 0.32, 1.275);filter:grayscale(100%);opacity:.3}.likeBtn .likeIcon{width:20px;height:18px;display:inline-block;position:relative;background:url("/images/Common/geniMall/common/likeBtn.svg") no-repeat center;background-size:100%}.likeBtn.liked{filter:grayscale(0);opacity:1}.likeBtn.liked .likeIcon{animation:heartPulse .25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both}.likeBtn.liked .likeIcon [class^=heartAni]{background:url("/images/Common/geniMall/common/likeBtn.svg") no-repeat center;background-size:100%;display:block;position:absolute;top:0;left:0;width:16px;height:14px;opacity:0}.likeBtn.liked .likeIcon [class^=heartAni]::before,.likeBtn.liked .likeIcon [class^=heartAni]::after{content:"";background:inherit;background-size:100%;width:inherit;height:inherit;display:inherit;position:relative;top:inherit;left:inherit;opacity:0}.likeBtn.liked .likeIcon .heartAni1{animation:heartFloatMain-1 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both}.likeBtn.liked .likeIcon .heartAni1::before,.likeBtn.liked .likeIcon .heartAni1::after{width:12px;height:10px;visibility:hidden}.likeBtn.liked .likeIcon .heartAni1::before{opacity:.6;animation:heartFloatSub-1 1s .25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both}.likeBtn.liked .likeIcon .heartAni1::after{animation:heartFloatSub-2 1s .15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;opacity:.75}.likeBtn.liked .likeIcon .heartAni2{animation:heartFloatMain-2 1s .1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both}.likeBtn.liked .likeIcon .heartAni2::before,.likeBtn.liked .likeIcon .heartAni2::after{width:10px;height:8px;visibility:hidden}.likeBtn.liked .likeIcon .heartAni2::before{animation:heartFloatSub-3 1s .25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;opacity:.25}.likeBtn.liked .likeIcon .heartAni2::after{animation:heartFloatSub-4 1s .15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;opacity:.4}@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.5)}}@keyframes heartUnlike{50%{transform:scale(0.75)}}@keyframes heartFloatMain-1{0%{opacity:0;transform:translate(0) rotate(0)}50%{opacity:1;transform:translate(0, -25px) rotate(-20deg)}}@keyframes heartFloatMain-2{0%{opacity:0;transform:translate(0) rotate(0) scale(0)}50%{opacity:.9;transform:translate(-10px, -38px) rotate(25deg) scale(1)}}@keyframes heartFloatSub-1{0%{visibility:hidden;transform:translate(0) rotate(0)}50%{visibility:visible;transform:translate(13px, -13px) rotate(30deg)}}@keyframes heartFloatSub-2{0%{visibility:hidden;transform:translate(0) rotate(0)}50%{visibility:visible;transform:translate(18px, -10px) rotate(55deg)}}@keyframes heartFloatSub-3{0%{visibility:hidden;transform:translate(0) rotate(0)}50%{visibility:visible;transform:translate(-10px, -10px) rotate(-40deg)}100%{transform:translate(-50px, 0)}}@keyframes heartFloatSub-4{0%{visibility:hidden;transform:translate(0) rotate(0)}50%{visibility:visible;transform:translate(2px, -18px) rotate(-25deg)}}html{scroll-behavior:smooth}.wrapper{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.geniMallContent{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:70vh}.mallWidMiddle{width:70% !important}.mallWidWide{width:92% !important}.topBaner{width:100%;height:60px;background:#c89c39 url("/images/Common/geniMall/common/topBaner.png") no-repeat center center;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:flex-end;padding:0 20px;box-sizing:border-box;transition:.5s}.topBaner .topBanerBtn i{color:#fff;font-size:18px}.topBaner.close{height:5px !important;background:#c89c39}.topBaner.close .topBanerBtn{display:none}header.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100px;position:relative;box-shadow:1px 3px 10px 1px rgba(0,0,0,.08);border-bottom:1px solid #ededed;box-sizing:border-box}header.header .mallWidWide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header.header .mallWidWide .logo{width:200px}header.header .mallWidWide .gnb{display:-webkit-box;display:-ms-flexbox;display:flex;gap:3vw;position:relative}header.header .mallWidWide .gnb>a{color:#000;font-size:16px;font-family:"PretendardMedium";-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}header.header .mallWidWide .gnb>a.allProdBtn,header.header .mallWidWide .gnb>a:hover,header.header .mallWidWide .gnb>a.active{color:#c89c39;position:relative}header.header .mallWidWide .gnb>a.allProdBtn:after,header.header .mallWidWide .gnb>a:hover:after,header.header .mallWidWide .gnb>a.active:after{display:block;content:"";position:absolute;top:-8px;right:-8px;width:5px;height:5px;background-color:#c89c39;border-radius:50%}header.header .mallWidWide .gnb .hoverCategory{position:absolute;top:57px;left:-75px;z-index:13;visibility:hidden;opacity:0;transition:.5s}header.header .mallWidWide .gnb .hoverCategory.active{visibility:visible;opacity:1}header.header .mallWidWide .gnb .hoverCategory .content{width:240px;padding:1rem 1rem;box-sizing:border-box;position:relative;background:#fff;border:#ddd 1px solid;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;border-radius:10px;transition:.5s}header.header .mallWidWide .gnb .hoverCategory .content>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem .5rem;box-sizing:border-box;width:100%;color:#222;font-size:15px;font-family:"PretendardMedium"}header.header .mallWidWide .gnb .hoverCategory .content>a span{opacity:0;visibility:hidden;transition:.5s}header.header .mallWidWide .gnb .hoverCategory .content>a.active span{opacity:1;visibility:visible}header.header .mallWidWide .gnb .hoverCategory .content .childContent{width:240px;height:100%;position:absolute;top:0;left:238px;opacity:0;visibility:hidden;transition:.5s}header.header .mallWidWide .gnb .hoverCategory .content .childContent .categoryBox{padding:2.25rem 1.5rem;box-sizing:border-box;background:#fff;border:#ddd 1px solid;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}header.header .mallWidWide .gnb .hoverCategory .content .childContent .categoryBox>p{width:100%;border-bottom:1px solid #222;padding-bottom:1rem;color:#222;font-size:15px;font-family:"PretendardMedium";margin-bottom:.8rem}header.header .mallWidWide .gnb .hoverCategory .content .childContent .categoryBox>a{width:100%;padding:.5rem 0;box-sizing:border-box;color:#898989;font-size:14px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}header.header .mallWidWide .gnb .hoverCategory .content .childContent .categoryBox>a:hover{color:#000}header.header .mallWidWide .gnb .hoverCategory .content .childContent.active{opacity:1;visibility:visible}header.header .mallWidWide .other{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.6vw}header.header .mallWidWide .other>a{position:relative}header.header .mallWidWide .other>a.logout:after{content:"Go Login" !important;display:block;content:"";position:absolute;bottom:-20px;left:50%;width:max-content;background-color:#aaa;color:#fff;border-radius:999px;padding:.25rem .5rem;transform:translateX(-50%);font-size:11px}header.header .mallWidWide .other>a.login:after{content:"Welcome" !important;display:block;content:"";position:absolute;bottom:-20px;left:50%;width:max-content;background-color:#aaa;color:#fff;border-radius:999px;padding:.25rem .5rem;transform:translateX(-50%);font-size:11px}header.header .mallWidWide .other>a.add:after{display:block;content:"";position:absolute;top:-5px;right:-5px;width:5px;height:5px;background-color:#c89c39;border-radius:50%}header.header .hoverContent>*{position:absolute;top:100%;visibility:hidden;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;opacity:0;z-index:13;background-color:#fff;box-shadow:1px 3px 10px 1px rgba(0,0,0,.08)}header.header .hoverContent>*.active{visibility:visible;opacity:1}header.header .hoverContent .child{top:100px;right:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;padding:30px}header.header .hoverContent .child .otherTit{color:#000;font-size:14px;font-family:"PretendardSemiBold";border-bottom:1px solid #000;padding-bottom:15px;width:100%}header.header .hoverContent .child .otherCont.login{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:15px}header.header .hoverContent .child .otherCont.login a{color:#898989;font-size:14px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}header.header .hoverContent .child .otherCont.login a:hover{color:#000}header.header .hoverContent .child .otherCont.recentCont{padding:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:20px;max-height:200px;overflow:auto}header.header .hoverContent .child .otherCont.recentCont .noProdTxt{color:#898989;font-size:14px}header.header .hoverContent .child .otherCont.recentCont .box{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;border-bottom:1px solid #ededed;padding-bottom:20px}header.header .hoverContent .child .otherCont.recentCont .box:last-child{border-bottom:0 none}header.header .hoverContent .child .otherCont.recentCont .box .imgBox{position:relative}header.header .hoverContent .child .otherCont.recentCont .box .imgBox img{width:80px;height:80px;border-radius:3px;overflow:hidden}header.header .hoverContent .child .otherCont.recentCont .box .imgBox i{position:absolute;top:5px;left:5px;color:#d5d5d5;font-size:20px}header.header .hoverContent .child .otherCont.recentCont .box .imgBox i.active{color:#c89c39}header.header .hoverContent .child .otherCont.recentCont .box .imgBox i{cursor:pointer}header.header .hoverContent .child .otherCont.recentCont .box .txtWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:10px;flex:1}header.header .hoverContent .child .otherCont.recentCont .box .txtWrap h3{color:#000;font-size:15px;white-space:normal;line-height:20px;max-height:20px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:220px;cursor:pointer}header.header .hoverContent .child .otherCont.recentCont .box .txtWrap p{color:#898989;font-size:13px}header.header .hoverContent .child .otherCont.recentCont .box .txtWrap>a{width:50px;height:25px;border-radius:3px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#aaa;font-size:12px;border:1px solid #ddd;box-sizing:border-box;transition:all .5s}header.header .hoverContent .child .otherCont.recentCont .box .txtWrap>a:hover{background:#efefef}header.header .hoverContent .child .otherBtnWrap{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}header.header .hoverContent .child .otherBtnWrap a{flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:13px;height:40px}header.header .hoverContent .child .otherBtnWrap.full a{min-width:200px;background-color:#c89c39}header.header .hoverContent .child .otherBtnWrap.half a:nth-child(1){background-color:#797979}header.header .hoverContent .child .otherBtnWrap.half a:nth-child(2){background-color:#c89c39}header.header .hoverContent .child.myPage{gap:25px}header.header .hoverContent .child.recent{min-width:250px;min-height:200px}header.header .mallMWidWide{display:none}header.header .mallMWidWide .other .add{position:relative}header.header .mallMWidWide .other .add:after{display:block;content:"";position:absolute;top:-5px;right:-5px;width:5px;height:5px;background-color:#c89c39;border-radius:50%}header.header .mGnb{display:none}.searchWrap{position:absolute;top:100%;left:0;background:#fff;box-shadow:2px 5px 5px 0px rgba(0,0,0,.2);width:100%;padding:100px 0 40px;box-sizing:border-box;z-index:999;border-top:1px solid #ededed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:none}.searchWrap .searchBox{width:520px;height:60px;border-bottom:2px solid #000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;padding:0 10px}.searchWrap .searchBox input{color:#333;font-size:16px;width:100%;height:60px}.searchWrap .searchBox input::placeholder{color:#bcbcbc;font-size:16px}.searchWrap .searchBox a i{color:#000;font-size:18px}.searchWrap .wordRow{margin:25px 0 40px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.searchWrap .wordRow span{color:#333;font-size:15px}.searchWrap .closeBtn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#ddd;color:#fff;font-size:18px;width:50px;height:50px;border-radius:50%}.footer{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid #ededed}.footer .footBaner{background:url("/images/Common/geniMall/common/footBanerBg.png") no-repeat center center;width:100%;padding:4vw 0;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.footer .footBaner .mallWidMiddle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:1.8vw}.footer .footBaner .mallWidMiddle h2{color:#000;font-size:22px;font-family:"PretendardSemiBold"}.footer .footBaner .mallWidMiddle a{width:200px;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#000;font-size:14px;box-shadow:0px 3px 15px 0px rgba(0,0,0,.15);background:#fff;border-radius:25px}.footer .footBaner .mallWidMiddle a i{margin-left:10px;font-size:15px}.footer .footInfoWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:3vw;color:#898989;font-size:14px;line-height:1.5;padding:3vw 0;box-sizing:border-box}.footer .footInfoWrap .footTit{color:#000;font-size:14px;font-family:"PretendardSemiBold"}.footer .footInfoWrap .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:1vw;border-right:1px solid #ededed;padding-right:4vw}.footer .footInfoWrap .box .icon{width:60px;height:60px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#c89c39}.footer .footInfoWrap .box .boxTxt{display:flex;flex-direction:column;gap:.5vw;flex:1}.footer .footInfoWrap .box .boxTxt .boxData{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:.2vw}.footer .footInfoWrap .box .boxTxt .boxData .data{color:#c89c39;font-size:1.2vw;font-family:"PretendardSemiBold"}.footer .footInfoWrap .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:1vw}.footer .footInfoWrap .info .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:.5vw}.footer .footInfoWrap .info .row .infoBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:5px}.footer .footInfoWrap .info .row .social{display:-webkit-box;display:-ms-flexbox;display:flex;gap:clamp(8px,1vw,10px)}.footer .footInfoWrap .info .row .social a{width:clamp(35px,4vw,50px);height:clamp(35px,4vw,50px);border-radius:50%;color:#fff;font-size:clamp(18px,2vw,24px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.footer .footInfoWrap .info .row .social a.youtube{background:#f70000}.footer .footInfoWrap .info .row .social a.kakao{background:#f1d736;color:#3a1c1d}.footer .footInfoWrap .info .row .social a.insta{background:linear-gradient(to bottom, #8427eb, #f216b9, #f6045a, #f7b62e)}.footer .footInfoWrap .info .row .social a.facebook{background:linear-gradient(to bottom, #19a3ef, #006dd8)}.footer .footInfoWrap .info .row .social a.twitter{background:#1f9ceb}.footer .footInfoWrap .info .row .social a.naver{background:#22e36e}.footer .footInfoWrap .addLink{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:.6vw;padding-right:6vw}.footer .footInfoWrap .addLink .infoBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:10px}.footer .footInfoWrap .addLink .infoBox a{color:#898989;font-size:14px;line-height:1.5}.footer .footCopy{background:#333;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:13px;width:100%;height:50px;text-align:center}.mallLoginWrap{width:400px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:2vw;margin:5vw 0}.mallLoginWrap .topTit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:1vw}.mallLoginWrap .topTit h2{color:#000;font-size:26px;font-family:"PretendardSemiBold"}.mallLoginWrap .topTit p{color:#000;font-size:14px;line-height:1.5}.mallLoginWrap .kakaoLoginBtn{background:#fee500;border-radius:3px;width:100%;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#47292b;font-size:14px;font-family:"PretendardSemiBold"}.mallLoginWrap .kakaoLoginBtn i{margin-right:5px}.mallLoginWrap .or{color:#aaa;font-size:14px;position:relative;text-align:center}.mallLoginWrap .or:before{display:block;content:"";position:absolute;top:50%;left:0;width:38%;height:1px;background-color:#ddd}.mallLoginWrap .or:after{display:block;content:"";position:absolute;top:50%;right:0;width:38%;height:1px;background-color:#ddd}.mallLoginWrap .loginBoxWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:1vw}.mallLoginWrap .loginBoxWrap .inputBox{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap}.mallLoginWrap .loginBoxWrap .inputBox input{border:1px solid #ededed;color:#000;font-size:14px;padding:0 15px;box-sizing:border-box;width:100%;height:45px;border-radius:3px}.mallLoginWrap .loginBoxWrap .inputBox input::placeholder{color:#bcbcbc}.mallLoginWrap .loginBoxWrap .loginBtn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:50px;border-radius:3px;color:#fff;font-size:14px;background:#000}.mallLoginWrap .loginBoxWrap .checkRow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mallLoginWrap .loginBoxWrap .checkRow .check input{width:15px;height:15px;border-radius:3px;border:1px solid #ddd;margin-right:3px}.mallLoginWrap .loginBoxWrap .checkRow .check label{color:#000;font-size:14px}.mallLoginWrap .loginBoxWrap .checkRow .addBtn>a{color:#000;font-size:14px}.mallLoginWrap .loginBoxWrap .checkRow .addBtn>a:first-child{position:relative;padding-right:10px;margin-right:10px}.mallLoginWrap .loginBoxWrap .checkRow .addBtn>a:first-child:after{display:block;content:"";position:absolute;top:3px;right:0;width:1px;height:12px;background-color:#ddd}.mallLoginWrap .joinBtn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:50px;border-radius:3px;color:#000;font-size:14px;border:1px solid #000;box-sizing:border-box}.mallJoinWrap .joinTop{width:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.mallJoinWrap .joinTop .joinProcess{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;position:absolute;top:10px;right:0}.mallJoinWrap .joinTop .joinProcess .process{color:#aaa;font-size:14px}.mallJoinWrap .joinTop .joinProcess .process.active{color:#c89c39;font-family:"PretendardSemiBold"}.mallJoinWrap .joinCont .join{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:2vw}.mallJoinWrap .joinCont .join .alertTxt{color:#e81212;font-size:1rem;line-height:1.5;font-family:"pretendardSemiBold"}.mallJoinWrap .joinCont .join.first .agreeBox{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;background-color:#c89c39;padding:2% 3%;box-sizing:border-box;border-radius:10px;box-shadow:rgba(100,100,111,.2) 0px 7px 29px 0px}.mallJoinWrap .joinCont .join.first .agreeBox .checkBox{position:relative}.mallJoinWrap .joinCont .join.first .agreeBox .checkBox input[type=checkbox]{display:none}.mallJoinWrap .joinCont .join.first .agreeBox .checkBox input[type=checkbox]+label{cursor:pointer;padding-left:30px;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;transition:.5s;color:#fff;font-family:"pretendardMedium"}.mallJoinWrap .joinCont .join.first .agreeBox .checkBox input[type=checkbox]+label:before{display:block;content:"";position:absolute;left:0;content:"";font-family:"xeicon";color:#d5d5d5;font-size:20px;transition:.5s}.mallJoinWrap .joinCont .join.first .agreeBox .checkBox input[type=checkbox]:checked+label:before{color:#fff}.mallJoinWrap .joinCont .join.first .accordion{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:#fff;padding:3%;gap:1vw;border-radius:10px;border:1px solid #ddd;-moz-box-shadow:0px 3px 10px 0px rgba(0,0,0,.1);-webkit-box-shadow:0px 3px 10px 0px rgba(0,0,0,.1);box-shadow:0px 3px 10px 0px rgba(0,0,0,.1)}.mallJoinWrap .joinCont .join.first .accordion .accordionTop{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:.5rem 0}.mallJoinWrap .joinCont .join.first .accordion .accordionTop .personal input[type=checkbox]+label{color:#898989}.mallJoinWrap .joinCont .join.first .accordion .accordionTop .personal input[type=checkbox]+label>.color{color:#c89c39;margin:0 5px;font-size:13px;font-family:"PretendardMedium"}.mallJoinWrap .joinCont .join.first .accordion .accordionTop .personal input[type=checkbox]:checked+label:before{color:#c89c39}.mallJoinWrap .joinCont .join.first .accordion .accordionTop>span{cursor:pointer;transition:.5s}.mallJoinWrap .joinCont .join.first .accordion .accordionTop>span>i{color:#898989}.mallJoinWrap .joinCont .join.first .accordion .personalInfoTxt{border:1px solid #ededed;padding:1%;box-sizing:border-box;border-radius:10px;overflow-y:scroll;height:40vh}.mallJoinWrap .joinCont .join.first .accordion .personalInfoTxt .txtInfo{color:#898989;font-size:14px;line-height:1.5}.mallJoinWrap .joinCont .join.second .entryBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:1rem}.mallJoinWrap .joinCont .join.second .entryBox .boxList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:1rem;padding:3%;background-color:#fff;border-radius:10px;border:1px solid #ddd}.mallJoinWrap .joinCont .join.second .entryBox .boxList>h4{color:#000;font-size:16px;line-height:1.5;font-family:"pretendardSemiBold"}.mallJoinWrap .joinCont .join.second .entryBox .boxList .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.mallJoinWrap .joinCont .join.second .entryBox .boxList .list>label{margin-right:2vw;color:#000;font-size:15px;line-height:1.5;position:relative;width:100px;flex-basis:100px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;white-space:nowrap}.mallJoinWrap .joinCont .join.second .entryBox .boxList .list>label .essential{color:#e81212;font-size:14px;line-height:1.5}.mallJoinWrap .joinCont .join.second .entryBox .boxList .list input{border:1px solid #ddd;padding:.7rem;box-sizing:border-box;color:#898989;font-size:13px;line-height:1.5;width:12vw;height:45px}.mallJoinWrap .joinCont .join.second .entryBox .boxList .list .genderBox,.mallJoinWrap .joinCont .join.second .entryBox .boxList .list .emailBox{border:1px solid #ddd;padding:.7rem;box-sizing:border-box;color:#898989;font-size:13px;line-height:1.5;width:12vw;border-radius:0;height:45px}.mallJoinWrap .joinCont .join.second .entryBox .boxList .list .postSearch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:.5rem}.mallJoinWrap .joinCont .join.second .entryBox .boxList .list .postSearch .postBox{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem}.mallJoinWrap .joinCont .join.second .entryBox .boxList .list>span{color:#aaa;font-size:14px;line-height:1.5}.mallJoinWrap .joinCont .join.second .entryBox .boxList .list a.button{background-color:#c89c39;color:#fff;padding:.7rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:13px;line-height:1.5;white-space:nowrap;height:45px;box-sizing:border-box}.mallJoinWrap .joinCont .join.second .entryBox .boxList .list a.button.change{background-color:#fff;border:#c89c39 solid 1px;color:#c89c39;padding:.7rem}.mallJoinWrap .joinCont .join.second .entryBox .boxList .list a.button.none{background-color:#000;color:#fff}.mallJoinWrap .joinCont .join.second .entryBox .boxList .list a.button.inlineBlock{display:inline-block}.mallJoinWrap .joinCont .join.second .entryBox .boxList .list .addressInput{width:20vw}.mallJoinWrap .joinCont .join.third .clearBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:url("/images/Common/geniMall/Common/joinBg.png") no-repeat center center;width:100%;height:60vh;gap:1rem}.mallJoinWrap .joinCont .join.third .clearBox>h5{color:#000;font-size:26px;line-height:1.5;text-align:center;font-family:"pretendardSemiBold"}.mallJoinWrap .joinCont .join.third .clearBox>p{color:#898989;font-size:15px;line-height:1.5;text-align:center}.mallJoinWrap .joinCont .join.third .clearBox .clearBtn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:1vw;width:270px;gap:.5rem}.mallJoinWrap .joinCont .join.third .clearBox .clearBtn>a{width:100%;color:#fff;font-size:15px;line-height:1.5;text-align:center;padding:5%;box-sizing:border-box;border-radius:3px}.mallJoinWrap .joinCont .join.third .clearBox .clearBtn>a:first-of-type{background-color:#bbb}.mallJoinWrap .joinCont .join.third .clearBox .clearBtn>a:nth-of-type(2){background-color:#bbb}.mallJoinWrap .joinCont .join.third .clearBox .clearBtn>a:last-of-type{background-color:#c89c39}.mallJoinWrap .joinCont .btnList{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;gap:1vw;margin-top:2vw}.mallJoinWrap .joinCont .btnList>a{flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1.2% 1%;box-sizing:border-box;border-radius:10px;border:1px solid #ddd}.mallJoinWrap .joinCont .btnList>a:first-of-type{background-color:#fff;color:#000}.mallJoinWrap .joinCont .btnList>a:last-of-type{background-color:#000;color:#fff}.bottomMenuWrap{display:none;position:sticky;bottom:0;left:0;z-index:1000;width:100%;height:50px;background-color:#f5f5f5;filter:drop-shadow(0 0 5px rgba(31, 31, 31, 0.1))}.bottomMenuWrap .bottomMenuBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:4px;flex:1}.bottomMenuWrap .bottomMenuBox>i{color:#000;font-size:18px}.bottomMenuWrap .bottomMenuBox>p{color:#000;font-size:12px}.bottomMenuWrap .bottomMenuBox.home i{color:#fff;font-size:18px;background-color:#c89c39;width:50px;height:50px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:-20px;-moz-box-shadow:0px 3px 10px 0px rgba(0,0,0,.1);-webkit-box-shadow:0px 3px 10px 0px rgba(0,0,0,.1);box-shadow:0px 3px 10px 0px rgba(0,0,0,.1)}.bottomMenuWrap .bottomMenuBox#recentProductModal img{width:35px;height:35px;background-color:#fff;border:1px #ededed solid}.modal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;overflow:scroll;-ms-overflow-style:none;background-color:#f5f5f5}.modal::-webkit-scrollbar{display:none}.modal .background{background-color:rgba(0,0,0,.6);width:100%;height:auto;position:absolute}.modal .content{text-align:center;position:relative;top:0;width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem}.modal .content .modalHeader{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;width:100%;height:50px;padding:0 1rem;box-sizing:border-box;border-bottom:1px solid #ededed}.modal .content .modalHeader .modal-close{color:#000;border:0;padding:0;background-color:rgba(0,0,0,0)}.modal .content .modalHeader .modal-close i{font-size:14px;line-height:50px}.modal .content .modalHeader>p{font-size:15px}.modal .content .modalHeader .add{position:relative}.modal .content .modalHeader .add .material-symbols-outlined{font-size:22px}.modal .content .modalHeader .add:after{display:block;content:"";position:absolute;top:-3px;right:-3px;width:5px;height:5px;background-color:#c89c39;border-radius:50%}.modal#modal-1 .content .modalBanner{width:calc(100% - 2rem);border-radius:3px;overflow:hidden;-moz-box-shadow:0px 3px 10px 0px rgba(0,0,0,.1);-webkit-box-shadow:0px 3px 10px 0px rgba(0,0,0,.1);box-shadow:0px 3px 10px 0px rgba(0,0,0,.1)}.modal#modal-1 .content .modalMenu{width:calc(100% - 2rem);border-radius:5px;overflow:hidden;-moz-box-shadow:0px 3px 10px 0px rgba(0,0,0,.1);-webkit-box-shadow:0px 3px 10px 0px rgba(0,0,0,.1);box-shadow:0px 3px 10px 0px rgba(0,0,0,.1)}.modal#modal-1 .content .modalMenu .accordion{background-color:#fff;color:#000;cursor:pointer;width:100%;outline:none;border:0;transition:all .4s ease-out;border-bottom:1px solid #ededed;text-align:left;padding:1rem;position:relative;color:#000;font-size:14px;font-family:"pretendardMedium",sans-serif}.modal#modal-1 .content .modalMenu .accordion:first-of-type:after{display:none}.modal#modal-1 .content .modalMenu .accordion:after{display:block;content:"";position:absolute;top:18px;right:1rem;content:"";font-family:xeicon,sans-serif}.modal#modal-1 .content .modalMenu .accordion-content{background-color:#fff;color:#aaa;max-height:0;overflow:hidden;transition:max-height .2s ease-out}.modal#modal-1 .content .modalMenu .accordion-content ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:1rem 0;padding:0 2rem;gap:1vw}.modal#modal-1 .content .modalMenu .accordion-content ul li{padding:.5rem 0}.modal#modal-1 .content .modalMenu .accordion-content ul li a{color:dimgray;font-size:14px}.modal#modal-2 .content{margin-bottom:10vw}.modal#modal-2 .content .modalHeader .topHeader{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;gap:10px}.modal#modal-2 .content .modalHeader .topHeader .searchBox{border:1px solid #c89c39;border-radius:999px;padding:0 .8rem;height:32px;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;flex:1;font-size:13px}.modal#modal-2 .content .modalHeader .topHeader .searchBox input{font-family:"PretendardMedium"}.modal#modal-2 .content .modalHeader .topHeader .searchBox ::placeholder{color:#c89c39;opacity:1}.modal#modal-2 .content .modalHeader .topHeader .searchBox :-ms-input-placeholder{color:#c89c39}.modal#modal-2 .content .modalHeader .topHeader .searchBox ::-ms-input-placeholder{color:#c89c39}.modal#modal-2 .content .modalHeader .topHeader .searchBox a i{color:#c89c39}.modal#modal-2 .content .modalHeader .tag{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;gap:2vw;font-size:14px}.modal#modal-2 .content .searchWord{width:calc(100% - 2rem);background-color:#fff;border-radius:10px;padding:1.5rem 1rem;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:1rem;box-shadow:rgba(100,100,111,.2) 0px 7px 29px 0px}.modal#modal-2 .content .searchWord .wordTxt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;box-sizing:border-box}.modal#modal-2 .content .searchWord .wordTxt>h3{color:#000;font-size:16px;font-family:"pretendardMedium",sans-serif}.modal#modal-2 .content .searchWord .wordTxt .rightTxt{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.8rem;font-family:"pretendardMedium",sans-serif}.modal#modal-2 .content .searchWord .wordTxt .rightTxt>p:first-of-type{color:#898989;font-size:14px}.modal#modal-2 .content .searchWord .wordTxt .rightTxt>p:last-of-type{color:#c89c39;font-size:14px}.modal#modal-2 .content .searchWord .wordBox{display:flex;width:100%;overflow-x:auto;gap:.5rem}.modal#modal-2 .content .searchWord .wordBox::-webkit-scrollbar{display:none}.modal#modal-2 .content .searchWord .wordBox>p{width:fit-content;height:30px;border-radius:999px;border:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;justify-content:space-around;flex-shrink:0;gap:10px;color:#898989;font-size:14px;padding:0 10px}.modal#modal-2 .content .searchWord .wordBox>p i{color:#898989;font-size:12px}.modal#modal-2 .content .searchWord .noWord{color:#898989;font-size:14px;text-align:left}.modal#modal-2 .content .bestProd{background-color:#fff;width:calc(100% - 2rem);border-radius:10px;padding:1.5rem 1rem;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:1rem;box-shadow:rgba(100,100,111,.2) 0px 7px 29px 0px}.modal#modal-2 .content .bestProd h3{color:#000;font-size:16px;font-family:"PretendardSemiBold",sans-serif;text-align:left}.modal#modal-2 .content .bestProd ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.modal#modal-2 .content .bestProd ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ededed;padding:10px 5px;gap:15px;flex:1}.modal#modal-2 .content .bestProd ul li .rankTxt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;flex:1}.modal#modal-2 .content .bestProd ul li .rankTxt>span{color:#000;font-size:14px;font-family:"pretendardMedium",sans-serif}.modal#modal-2 .content .bestProd ul li .rankTxt>p{color:#000;font-size:14px;line-height:1.3;font-size:14px;text-align:left;white-space:normal;line-height:20px;max-height:20px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:1}.modal#modal-2 .content .bestProd ul li .prodImg{width:30px;border-radius:50%;overflow:hidden;border:1px solid #ddd}.modal#modal-4 .content{margin-bottom:20vw}.modal#modal-4 .content .topIntro{background:url("/images/Common/geniMall/common/myBgBasic02.png") no-repeat center center;width:100%;height:260px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;padding:1rem;box-sizing:border-box;gap:5vw}.modal#modal-4 .content .topIntro .imgChange{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:1vw}.modal#modal-4 .content .topIntro .imgChange>span{background-color:#222;white-space:nowrap;padding:.5rem 1rem;border-radius:6px;transform:scale(0);opacity:0;transition:.15s ease}.modal#modal-4 .content .topIntro .imgChange>span:before{content:"";display:block;width:12px;height:12px;position:absolute;background-color:#222;right:-5px;top:50%;transform:translatey(-50%) rotate(45deg);border-radius:3px}.modal#modal-4 .content .topIntro .imgChange i{width:30px;height:30px;border-radius:50%;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal#modal-4 .content .topIntro .imgChange:hover span{transform:scale(1);opacity:1;color:#fff}.modal#modal-4 .content .topIntro .user{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal#modal-4 .content .topIntro .user .userBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3vw}.modal#modal-4 .content .topIntro .user .userBox>img{width:60px}.modal#modal-4 .content .topIntro .user .userBox>i{font-size:10vmin}.modal#modal-4 .content .topIntro .user .userBox .userTxt>p{color:#000;font-size:17px;line-height:1.5em;font-family:"PretendardSemiBold",sans-serif;text-align:left}.modal#modal-4 .content .topIntro .user>button{outline:0;border:0;width:100px;height:40px;background-color:hsla(0,0%,100%,.5);color:#000}.modal#modal-4 .content .myList{background-color:#fff;width:calc(100% - 2rem);border-radius:10px;flex-wrap:wrap;padding:1.5rem;box-sizing:border-box;box-shadow:rgba(100,100,111,.2) 0px 7px 29px 0px}.modal#modal-4 .content .myList.menuBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:-20vw}.modal#modal-4 .content .myList.menuBox li{width:calc((100% - 5vw)/2);border-bottom:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:2vw 1vw;font-size:14px}.modal#modal-4 .content .myList.myMenu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:10vw}.modal#modal-4 .content .myList.myMenu .txtBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal#modal-4 .content .myList.myMenu .txtBox h3{color:#000;font-size:16px;font-family:"pretendardSemiBold",sans-serif}.modal#modal-4 .content .myList.myMenu .txtBox>a{color:#898989;font-size:14px}.modal#modal-4 .content .myList.myMenu .txtBox>a i{color:#898989}.modal#modal-4 .content .myList.myMenu .menuItemBox{width:90%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;align-items:stretch}.modal#modal-4 .content .myList.myMenu .menuItemBox .menuList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2vw}.modal#modal-4 .content .myList.myMenu .menuItemBox .menuList .item{width:50px;height:50px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal#modal-4 .content .myList.myMenu .menuItemBox .menuList .item>img{width:40%}.modal#modal-4 .content .myList.myMenu .menuItemBox .menuList .item.first{background-color:#59cb61}.modal#modal-4 .content .myList.myMenu .menuItemBox .menuList .item.second{background-color:#53b2d9}.modal#modal-4 .content .myList.myMenu .menuItemBox .menuList .item.third{background-color:#ae84cd}.modal#modal-4 .content .myList.myMenu .menuItemBox .menuList .item.fourth{background-color:#69767f}.modal#modal-4 .content .myList.myMenu .menuItemBox .menuList>p{color:#000;font-size:14px}.modal#modal-4 .content .myList.zProd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:5vw;box-shadow:rgba(100,100,111,.2) 0px 7px 29px 0px}.modal#modal-4 .content .myList.zProd .txtBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal#modal-4 .content .myList.zProd .txtBox h3{color:#000;font-size:16px;font-family:"pretendardSemiBold",sans-serif}.modal#modal-4 .content .myList.zProd .txtBox>a{color:#898989;font-size:14px}.modal#modal-4 .content .myList.zProd .txtBox>a i{color:#898989}.modal#modal-4 .content .myList.zProd .prodList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2vw}.modal#modal-4 .content .myList.zProd .prodList .prodIcon{width:50px;height:50px;border-radius:50%;background-color:#ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal#modal-4 .content .myList.zProd .prodList .prodIcon>img{width:40%}.modal#modal-4 .content .myList.zProd .prodList>h3{color:#000;font-size:18px;line-height:1.5em;font-family:"pretendardSemiBold",sans-serif}.modal#modal-4 .content .myList.zProd .prodList>h3 .color{color:#c89c39}.modal#modal-4 .content .myList.zProd .prodList>p{color:#000;font-size:14px;line-height:1.5em;color:#898989}.modal#modal-4 .content .myList.zProd .prodList>p br{display:block}.modal#modal-5 .content{margin-bottom:15vw;gap:5vw}.modal#modal-5 .content .historyFunction{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:95%}.modal#modal-5 .content .historyFunction .checkboxWrap .round{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1vw}.modal#modal-5 .content .historyFunction .checkboxWrap .round input[type=checkbox]{visibility:hidden;display:none;opacity:0}.modal#modal-5 .content .historyFunction .checkboxWrap .round label{background-color:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;width:15px;height:15px;border-radius:50%;display:block}.modal#modal-5 .content .historyFunction .checkboxWrap .round label:after{border:2px solid #fff;border-top:none;border-right:none;content:"";height:3px;left:5px;opacity:0;position:absolute;top:5px;transform:rotate(-45deg);width:5px}.modal#modal-5 .content .historyFunction .checkboxWrap .round input[type=checkbox]:checked+label{background-color:#c89c39;border-color:#c89c39}.modal#modal-5 .content .historyFunction .checkboxWrap .round input[type=checkbox]:checked+label:after{opacity:1}.modal#modal-5 .content .historyFunction .delete{outline:0;border:1px solid #ddd;background-color:#fff;width:120px;height:35px;border-radius:5px;font-size:12px;color:#898989}.modal#modal-5 .content .historyProd{width:95%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1rem}.modal#modal-5 .content .historyProd .prodList{display:-webkit-box;display:-ms-flexbox;display:flex}.modal#modal-5 .content .historyProd .prodList .prodImg{flex:1;border-radius:10px;overflow:hidden;margin-right:-10px;position:relative;flex-basis:30%}.modal#modal-5 .content .historyProd .prodList .prodImg .checkbox{position:absolute;top:15px;left:15px}.modal#modal-5 .content .historyProd .prodList .prodImg .checkbox .round{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.8rem}.modal#modal-5 .content .historyProd .prodList .prodImg .checkbox .round input[type=checkbox]{visibility:hidden;display:none;opacity:0}.modal#modal-5 .content .historyProd .prodList .prodImg .checkbox .round label{background-color:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;width:15px;height:15px;border-radius:50%;display:block}.modal#modal-5 .content .historyProd .prodList .prodImg .checkbox .round label:after{border:2px solid #fff;border-top:none;border-right:none;content:"";width:5px;height:3px;position:absolute;top:5px;left:5px;opacity:0;transform:rotate(-45deg)}.modal#modal-5 .content .historyProd .prodList .prodImg .checkbox .round input[type=checkbox]:checked+label{background-color:#c89c39;border-color:#c89c39}.modal#modal-5 .content .historyProd .prodList .prodImg .checkbox .round input[type=checkbox]:checked+label:after{opacity:1}.modal#modal-5 .content .historyProd .prodList .prodImg img{width:100%;height:100%;object-fit:cover}.modal#modal-5 .content .historyProd .prodList .historyProdInfo{flex:2;flex-basis:70%;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem 1rem 1rem 1.5rem;box-sizing:border-box;border-radius:10px;gap:.5rem}.modal#modal-5 .content .historyProd .prodList .historyProdInfo .infoTxt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:2vw}.modal#modal-5 .content .historyProd .prodList .historyProdInfo .infoTxt h3{color:#000;font-size:15px;line-height:1.5;font-family:"pretendardSemiBold",sans-serif;text-align:left}.modal#modal-5 .content .historyProd .prodList .historyProdInfo .infoTxt .price{color:#898989;font-size:15px;line-height:1.5}.modal#modal-5 .content .historyProd .prodList .historyProdInfo>button{background-color:#fff;color:#898989;outline:0;border:1px solid #e1e1e1;width:fit-content;height:fit-content;padding:.25rem .5rem}.modal#modal-5 .content .historyProd .btnBox{width:95%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:2vw;margin-top:10vw}.modal#modal-5 .content .historyProd .btnBox a{width:50%;border-radius:5px;padding:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px}.modal#modal-5 .content .historyProd .btnBox .keepBtn{background-color:#fff;border:1px solid #ddd;color:#898989}.modal#modal-5 .content .historyProd .btnBox .cartBtn{background-color:#c89c39;border:1px solid #c89c39;color:#fff}.hidden{display:none}div.header{width:100%;display:none}div.header .top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;width:100%;height:50px;padding:0 1rem;box-sizing:border-box;border-bottom:1px solid #ddd}div.header .top .back{border:0;background-color:rgba(0,0,0,0)}div.header .top .back i{font-size:14px;line-height:50px}div.header .top>p{flex:1;text-align:center;color:#000;font-size:15px}div.header .top>p.cartTitle{color:#aaa}div.header .top>p.cartTitle.active{color:#000}div.header .top .add{position:relative}div.header .top .add .material-symbols-outlined{font-size:22px}div.header .top .add:after{display:block;content:"";position:absolute;top:-3px;right:-3px;width:5px;height:5px;background-color:#c89c39;border-radius:50%}div.header .menu{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap}div.header .menu .menuItem{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.8rem 1rem;box-sizing:border-box;border-bottom:1px solid #ddd;font-size:15px;border-right:1px solid #ddd}div.header .detail{gap:10px}div.header .detail .searchBox{flex:1;border:1px solid #ededed;width:50vw;height:32px;border-radius:999px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 .8rem;box-sizing:border-box;background-color:#f5f5f5;font-size:13px}div.header .detail .searchBox input{background-color:#f5f5f5 !important}#geniMallConfirm .background{position:fixed;top:0;left:0;background:#000;width:100%;height:100%;z-index:1001;visibility:hidden;opacity:0}#geniMallConfirm .confirm{width:auto;height:auto;max-width:90%;min-width:300px;min-height:200px;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:#fff;box-shadow:0 3px 4px rgba(0,0,0,.2),0 1px 8px rgba(0,0,0,.05),0 2px 20px rgba(0,0,0,.1);border-radius:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;justify-content:space-around;padding:20px;z-index:1002;box-sizing:border-box;gap:20px;font-size:15px;visibility:hidden;opacity:0;transition:.5s}#geniMallConfirm .confirm .confirmMessage{line-height:160%;max-width:500px;word-break:break-all;text-align:center}#geniMallConfirm .confirm .buttonBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}#geniMallConfirm .confirm .buttonBox>div{padding:15px;cursor:pointer;font-size:14px;border:1px solid #ddd;background:#ededed;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box}#geniMallConfirm .confirm .buttonBox .confirmCancel{border-radius:10px}#geniMallConfirm .confirm .buttonBox .confirmSubmit{background:#c89c39;color:#fff;flex:1;border-radius:10px}#geniMallConfirm.active .confirm{visibility:visible;opacity:1}#geniMallConfirm.active .background{visibility:visible;opacity:.3}