@charset "utf-8";
/*
    2022년 -UI팀- 레이아웃구성
*/

@import url('../common.css?ver=260107'); /* common 공통 */
@import url('user_common.css'); /* common 공통 */
@import url('style.css?v=260205'); /* 공통스타일 */
@import url('control.css?ver=260107'); /* 팝업공통 스타일 */
@import url('popup.css?v=20240829'); /* 팝업공통 스타일 */
@import url('pgStyle.css?ver=260205'); /* 개별페이지 스타일 */
@import url('user_template.css'); /* 탬플릿 공통 - 각 메뉴별은 페이지탬플린.css로 변환 */
@import url('slide.css?v=20230720_1'); /*slick(슬릭) 공통스타일*/


/*top*/
.headerBox{position: fixed;top:0px;left: 0px;display: inline-block; width: 100%;background-color: #fff;z-index: 940;transition: 0.3s;opacity: 1;}
  .topmenuBx{position:relative;display: inline-flex;float:left; width: 100%;height: 55px;align-items: center;justify-content: space-between;padding: 0 24px;box-sizing: border-box;}
    .topmenuBx._brdrBttm{border-bottom: 1px solid #D6D6D6;}
    .topLftLst{display: inline-flex; height:39px;}
    .topLftLst > li:first-child{margin-right:14px;}
  .allShopMenu{visibility: hidden;height: 0;opacity: 0;transition: 0.2s;}
    .allShopMenu.on{visibility: visible;opacity: 1;transition: 0.2s;}
    .mblmainMenuCls ,._lginMem{display: none;}
    ._lginMem.on{display: inline-block;}

    .topmenuBx .logo{position: absolute;left: calc(50% - 58.5px);width: 117px;height: 23.4px;font-size: 0px;background-image: url('/cdn.desker.co.kr/img/user/logo__q5305d800.svg');}
    .topRghtLst{display: inline-flex;}
    .topRghtLst > li{margin-right:24px;}
    .topRghtLst > li:last-child{margin-right:0px;}

     .topRghtLst .logInf, .topRghtLst.lgnStt .logOutInf{display: none;}
       .topRghtLst .logInf .onlyB2b{display: none;}
       .topRghtLst .logInf._icnLst a{display: block;width: 24px;height: 24px;font-size: 0;line-height: 0;}
       .topRghtLst.lgnStt .logInf, .topRghtLst .logOutInf, .topRghtLst .logInf._alws{display: inline-block;}
       .topRghtLst.lgnStt .logInf.dplInlnFlx{display: inline-flex;}
       .topRghtLst.lgnStt.b2bMbr .logInf .onlyB2b{display: inline-block;}
		.topRghtLst .logOutInf._mblNon, .topRghtLst .logInf._mblNon{display: none !important;}

       .topRghtLst ._cartBx{position:relative;font-size: 0;width: 24px;height: 24px;margin-left: 4px;}
          .topRghtLst ._cartBx a{display: block;font-size: 0; width: 100%; height: 100%;}
       .topRghtLst ._cartBx ._cartCnt{position:absolute; top:-10px; right:-10px;display:none; justify-content: center; align-items: center; background-color:#282828; width:22px; height:22px; border-radius:15px; font-size:10px; color:#FFF; line-height: 12px; font-weight: 400;}
       .topRghtLst ._cartBx ._cartCnt.on{display:inline-flex;}
       .topRghtLst ._cartBx ._cartCnt.ovrCnt{font-size: 0px;}
       .topRghtLst ._cartBx ._cartCnt.ovrCnt::after{content: '99';font-size: 10px;}

		.topRghtLst li._icnLst {margin: 0 0 0 20px;}

.topMddlmenuBx{display: inline-block;float: left;width: 100%;height: 38px;align-items: center;justify-content:center;border-bottom: 1px solid #515151;box-sizing: border-box;}
	.mainMenuLst{display: inline-flex;width: 100%;height: 36px;align-items: center;justify-content:center;}
        .mainMenuLst .menuLnk.on::after{content: '';position: absolute;left: 0px;bottom: -11px;width: 100%;height: 2px;background-color: #282828;opacity: 1;transition: 0.2s;}
	.menuLst{margin-right:28px;}
	.menuLst:last-child{margin-right: 0;}
	.topMddlmenuBx .mainMenuLst .menuLst._noSub._b2bmn,
	.topMddlmenuBx .mainMenuLst .menuLst._noSub._noPcVw,
	.topMddlmenuBx .mainMenuLst.b2bMbr.on .menuLst._noSub._b2bmn,
    .topMddlmenuBx .mainMenuLst.b2bMbr .menuLst._noSub._b2bmn,
    .topMddlmenuBx.mbl .mainMenuLst.on.b2bMbr .menuLst._noSub._b2bmn,
    .topMddlmenuBx.mbl .mainMenuLst.b2bMbr .menuLst._noSub._b2bmn{display:none;}

.headerBox._scrll{top:-120px;opacity:0;overflow: hidden;transition: 0.3s;}

/*main*/
main {margin-top: 93px;transition: 0.3s; min-height:calc(100vh - 93px);}
main.pop {min-height:calc(100vh - 131px);}
main.on{top: 0px;}
  /*메인과 하단의 간격(사이)에 페이징(등,자체 여백을 가지는컨텐츠)이 없으면
  페이지클래스(dfFullBox)에 아래 _lyoutBttmMrgn 클래스를 써서 기본 간격 여백을 사용*/
._lyoutBttmMrgn{margin-bottom: 180px;}
._lyoutBttmMrgn.off{margin-bottom: 0px;}

/*유저 공통박스
  - display값등을 변경할떄는 해당 고유 클래스나 페이지 고유 클래스를 이용하여 변경 권장
   고유 박스 변경을 위해 박스 속성 자체 변경불가
*/

.dfPdBox, .dfPdMoFlBox, .dfPdTaFlBox, .dfPdPcFlBox, .dfPcPdBox{display: inline-block;float: left;width:100%;min-width: 1600px;padding: 0 calc(50% - 800px);box-sizing: border-box;}
.dfSbPdBox, .dfSbPdMoFlBox, .dfSbPdTaFlBox{display: inline-block;float: left;width:100%;min-width:1120px; padding: 0 calc(50% - 560px);box-sizing: border-box;}
.dfFlxHalfBox{display: inline-flex; justify-content: center; width: 50%;box-sizing: border-box;}
._bxMrgn1{margin-top: 110px;margin-bottom: 60px;}

.dfHrfBox,.dfHrfRactnBox{display: inline-block;float: left;width: 50%;}
.dfWdFullBox{display: inline-block;float: left;width: 100%;} /* 1921 이상인 경우도 width 100% */
  .dfWdFullBox._mrgnB60{margin-bottom: 60px;}
.dfFullBox{display: inline-block;float: left;width: 100%;} /* width 100%이지만 1921이상부터 최대 1600px */
    .dfFullBox._flx1, .dfPdBox._flx1, .dfPdMoFlBox._flx1, .dfSbPdTaFlBox._flx1,
    .dfWdFullBox._flx1, .dfSbPdBox._flx1{display: inline-flex;justify-content: space-between;}
      .dfSbPdBox._flx1.jstfyFlxEnd{justify-content: flex-end;}
    .dfFullBox._flx2, .dfPdBox._flx2, .dfPdMoFlBox._flx2, .dfSbPdBox._flx2, .dfWdFullBox._flx2, .dfSbPdTaFlBox._flx2{display: inline-flex;justify-content: center;}
      .dfSbPdBox._flx2.jstfySpcBtwn{justify-content: space-between;}
    .dfFullBox._flxDrwRctnClm, .flxDfRwRctnClm{flex-direction: row;}
    .dfFullBox._flxDclm,.dfPdBox._flxDclm, .dfWdFullBox._flxDclm{flex-direction: column;align-items: center;justify-content: flex-start;}
    	.dfWdFullBox._flx1._flxDclm.jstfySpcBtwn{justify-content: space-between;}
    .dfFullBox._inSidmenu{display: inline-flex;align-items: stretch;}
         .dfFullBox._inSidmenu .sideMenuBx{display: contents;}

     ._flxDclm form{display: flex; flex-direction: column; align-items: center; width: 100%;}

/* 사이드 박스 */
.sideMenuBx{display: contents; position:relative;}
.dfSidBox{display: inline-flex;justify-content: center;float: left;width: calc(100%/4); max-width:480px;box-sizing: border-box;}
     .dfSidBox._fltRght{float: right;}
     .dfSidBox.brdrR1_gry,.dfSidBox.brdrL1_gry{min-height: 100%;}
    .dfSidBox .menu{display: inline-block; width: 214px; box-sizing: border-box; margin-top: 80px;}
	.dfSidBox ._undrBtnBox{display: none;}
	.dfSidBox .icnFLd{padding:0; background-size: 0px;}
    .dfSidBox .sbMenuLst > li > .rAllw.on{color: #282828;}

.dfSidBox._dvd3{width: calc(100%/3);}
.dfSidBox._rght{float: right;box-sizing: content-box;}
   .dfSidBox .inPd40Bx{display: inline-block;float: left;width:100%;padding: 0 40px;box-sizing: border-box;}

/* 서브메뉴 박스 */
.subMnBx{display:none;}
.subMnBx._scrll{top:0px;overflow: hidden;transition: 0.3s;z-index: 1;}

/* 사이드 박스 - 메뉴*/
.sbMenuFld{display:inline-block; float:left; width:100%; margin:0 0 44px 0;}
.sbMenuFld.mgB120{margin:0 0 120px 0;}
.sbMenuTtl{display:inline-block; float:left; width:100%; margin:0 0 20px 0;font-size:16px; font-weight:700; line-height:26px;}
.sbMenuTtl:last-child, .dfSidBox .sbMenuLst > li:last-child{margin-bottom:0px;}
.sbMenuLst{display:inline-block; float:left; width:100%;}
	.sbMenuLst > li {position:relative; display:inline-block; float:left; width:100%; margin:0 0 15px 0;}
	.sbMenuLst > li > a{color: #969696;}
     .sbMenuLst > li .rAllw{background: none;transition: 0.3s;}
     .sbMenuLst > li .rAllw::after{content: '';opacity: 0;}
     .sbMenuLst > li .rAllw:hover::after, .sbMenuLst > li .rAllw.allwOn::after{display: inline-block;width: 20px;height: 20px;margin: 0 0 -4px 8px;background-image: url('/cdn.desker.co.kr/img/user/icn_allwHd_lftRgt.svg');background-repeat: no-repeat; background-position: center; background-size: 20px;opacity: 0.6;}
        .sbMenuLst > li .rAllw.on:hover::after{opacity:1;}

/* 비회원일 때 마이페이지 사이드박스 안보임 */
.nonMbr ._myPgMn .dfSidBox, .nonMbr ._myPgMn .subMnBx{display:none;}
.nonMbr ._myPgMn + .dfCntntBox{width:100%;}
	.nonMbr ._myPgMn + .dfCntntBox._wthSid{width:100%;}
	.nonMbr ._myPgMn + .dfCntntBox._dfPddng{padding: 0 16px;}
	.nonMbr ._myPgMn + .dfCntntBox._dfPddng._mdlFll{width: 100%; padding: 0;}
	.nonMbr ._myPgMn + .dfCntntBox._dfPddng .gryLnHr{position: relative;left: -16px; width: calc(100% + 32px);}

/*스크롤하면 따라다니는 사이드박스*/
.scllSidBx{position: fixed;top: 93px;padding: 50px 30px;box-sizing: border-box;transition: 0.3s;}
   .scllSidBx.on{top: 0px;}
   .scllSidBx._rght{right: 0px;}
   .scllSidBx._w400{width: 400px;}

/* 컨텐츠영역 박스 */
.dfCntntBox{display: inline-block;float: left;width: calc((100%/4)*3);}
   /* .dfSidBox와 같이 사용할 경우 반응형 사이즈를 위해 아래 클래스와 같이 사용 */
   .dfCntntBox._wthSid{ /* 기본은 변경없음*/}
   .dfCntntBox._rghtbrdrLn{border-right: 1px solid #515151;}
   .dfCntntBox._wClc400{width: calc(100% - 400px);}
   .dfCntntBox._dfPddng{padding: 0 160px;box-sizing: border-box;}
      .dfCntntBox._dfPddng .gryLnHr{position: relative;left: -160px; width: calc(100% + 320px);}
.dfCntntBox._dvd3{width: calc((100%/3)*2);box-sizing: border-box;}
	.dfCntntBox._rghtSid{width: calc(75% - 2px); max-width: 1439px; box-sizing: border-box;}

/* 컨텐츠(내용) 박스 */
.cntntsBx{display: inline-block;float: left; width: 100%; box-sizing: border-box;}
	.cntntsBx._flx{display: inline-flex; justify-content: space-between; align-items: center;}
     .cntntsBx.off{display: none;}/*서브쓰임새를 위해 추가 */
	.cntntsBx._max400{max-width:400px; min-width:auto;}
	.cntntsBx._max480{max-width:480px; min-width:auto;}
	.cntntsBx._max800{max-width:800px; min-width:auto;}
	.cntntsBx._max854{max-width:854px; min-width:auto;}
	.cntntsBx._max1040{max-width:1040px; min-width:auto;}
    .cntntsBx._max1200{max-width:1200px; min-width:auto;}
	.cntntsBx._max1280{max-width:1280px; min-width:auto;}
	.cntntsBx._pd8{padding:8px;}
	.cntntsBx._pd24{padding:24px;}
	.cntntsBx._pd30{padding:30px;}
	.cntntsBx._pd36{padding:36px;}
	.cntntsBx._pdB0{padding-bottom:0px;}
	.cntntsBx._pdMax1200{padding:0 calc(50% - 600px); box-sizing: content-box;}

	.cntntsBx._lft{width:190px; margin-right:20px;}
	.cntntsBx._rght{width:calc(100% - 210px);}

.dfSbSmllBx{display: inline-flex;align-items:flex-start;justify-content: center;flex-direction: column;width: 100%; padding: 0px calc(50% - 430px) 140px calc(50% - 430px);box-sizing: border-box;}
    .dfSbSmllBx._bttmbrdrLn{border-bottom: 1px solid #515151;}
    .dfSbSmllBx._bgGryBx{justify-content: center;background-color: #F0F0F0;}

/* 회색배경 박스 */
._bgGryBx{display: inline-block;float: left;width: 100%;border: 1px solid #282828;background-color: #F0F0F0;box-sizing: border-box;}
._bgGryBx._flx{display:inline-flex; align-items: center;}
._bgGryBx._max480{max-width: 480px;}
._bgGryBx._brT1{border:0px; border-top:1px solid #515151;}
._bgGryBx._br0{border:0px;}

/* background-image 풀 배너 */
.fllBckGrnd{display: inline-block; float: left; width: 100%; height: auto; background-repeat: no-repeat; background-position: center; background-size: cover;}

/*footer*/
.footerBox{position: relative;display: inline-block;width: 100%;background-color: #D6D6D6;z-index: 930;}
  .ftrMenuBox{display: inline-flex;justify-content: space-between;width: 100%;min-height: 576px;border-bottom: 1px solid #515151;box-sizing: border-box;}
     .ftrMenu{display: inline-block;width: calc(100%/4);padding:120px 40px 0 40px;box-sizing: border-box;}
     .ftrMenu:not(:last-child){border-right: 1px solid #515151;}
     .ftrMenu > li{display: inline-block;width: 100%;margin: 0 0 12px 0;color: #515151;}
        .ftrMenu > li a{font-weight: 400;font-size: 16px;line-height: 26px;letter-spacing: 0.5px;color: #515151;}
     .ftrMenu > .infTtl{margin: 0 0 22px 0;}
        .ftrMenu > .infTtl a{display: block;}
        .ftrMenu > .infTtl,.ftrMenu > .infTtl a{font-weight: 700;font-size: 18px;line-height: 34px;letter-spacing: 3px;text-transform: uppercase;}
  .ftrInfoBox{display: inline-flex;justify-content: space-between;width: 100%;padding: 60px 0 140px 0;box-sizing: border-box;}
    .ftrInfoBox .infTtl,.ftrInfoBox .cnctusInfBox{width: calc(100%/4);}
      .ftrInfoBox .infTtl{padding: 0 0 0 40px;font-weight: 700;font-size: 18px;line-height: 34px;letter-spacing: 3px;text-transform: uppercase;color: #515151;box-sizing: border-box;}
    .ftrInfoBox .cstmrInfBox{width: calc(100%/2);}
    .footerBox .snsLstBx, .footerBox .lnkBx, .footerBox .cpyInfBx, .footerBox .cntctBx, .footerBox .cntctDtlBx, .footerBox .cntctBx .inf1, .footerBox .cntctDtlBx .inf1, .footerBox .cntctDtlBx .inf2{display: inline-block; float:left; width:100%;}
    .footerBox .snsLstBx li{display: inline-block; float: left; margin-right:16px;}
    .footerBox .snsLstBx li a{background-position: center;background-size: contain;}
    .footerBox .cmpnyInfBx{display: inline-block; width:100%; margin:27px 0 24px 0;}
    .footerBox .cmpnyInfBx, .footerBox .cpyInfBx, .ftrInfoBox .cntctBx, .ftrInfoBox .cntctDtlBx, .footerBox .chatCntct{font-size: 14px;line-height: 24px;font-weight: 400;}
	.footerBox .cmpnyInfBx address{display:inline-block;}
	.footerBox .lnkBx{margin-bottom:9px;}
	.footerBox .lnkBx li{display: inline-flex; float: left; height:28px; margin-right:27px; align-items:center; font-size: 12px;line-height: 22px;font-weight: 400; }
	.footerBox .cntctDtlBx{margin-top:26px;}
	.footerBox .cntctDtlBx .inf2{margin-top:18px;}
	.footerBox .ftrLogo{display: inline-flex; width:auto; align-items: center;justify-content: center;}
	.footerBox .ftrLogo::before{content:''; display: inline-block;width: 28px;height: 28px;background-repeat: no-repeat; background-position: center; background-size: 24px; margin-right:2px;}
	.footerBox .ftrLogo.chatCntct{padding:6px 16px; border: 1px solid #515151;}
	.footerBox .ftrLogo.chatCntct::before{background-image: url('/img/user/icn_kko_blck.svg');}
	.footerBox .ftrLogo._escro::before{background-image: url('/cdn.desker.co.kr/img/user/logo_escro.svg');}
	.footerBox .ftrLogo._isms::before{background-image: url('/cdn.desker.co.kr/img/user/logo_isms.svg');}


/*floating*/
.dfFltngBox{display: none;position: fixed;right: 24px;bottom: 24px;width: 40px;height:auto;z-index: 930;}
.dfFltngBox.on{display: inline-block;}
  .dfFltngBox._trnsltY50{transform: translateY(-50px);}
  .dfFltngBox._trnsltY100{transform: translateY(-100px);}
  .dfFltngBox._trnsltY150{transform: translateY(-150px);}
  .fltngLst{display: inline-block;float: left;width: 100%;}
    .fltngLst .lst{position:relative; display: inline-block;float: left; width: 40px;height: 40px;}
      .fltngLst .lst:not(:first-child){margin-top: 12px;}
      .fltngLst .lst .fltng{position:relative; display:block;width:100%;height: 100%;font-size: 0;line-height: 0;border-radius: 100%;background-color: #2e2e2e;background-repeat: no-repeat;background-position: center;}
      .fltngLst .lst .fltng._bgclrGry{background-color: #7e7e7e;}
	  .fltngLst .lst.logInf{display: none;}
.dfFltngBox.lgnStt .fltngLst .lst.logInf{display: inline-block;}
.fltngSbLst{position: absolute;top: 0;right: 0;display: none;float: left;width: 260px;height: 40px;padding: 6px 40px 6px 18px;box-sizing: border-box;box-shadow: 0px 0px 16px rgb(0 0 0 / 16%);border-radius: 50px;background-color: #7E7E7E;animation-name: fadeLft; animation-duration: .4s; animation-fill-mode: forwards; animation-timing-function: ease-in-out; animation-direction: normal;}
.fltngSbLst.on{display:inline-block;}
.fltngSbLst .sbLst{position:relative; display: inline-block;float: left;box-sizing: border-box;}
.fltngSbLst .sbLst.lft{width:80px;padding-right: 14px;}
.fltngSbLst .sbLst.rght{width:120px;padding-left: 15px; border-left: 1px solid #969696;}
.fltngSbLst .sbLst .txtBg{display: inline-block;width: 100%; float:left; font-weight: 400;font-size: 14px;letter-spacing: 0.5px;color: #fff; text-align: center;}
.fltngSbLst .sbLst .txt{display: inline-block;width: 100%; float:left;font-weight: 400;font-size: 12px;line-height: 18px;letter-spacing: 0.5px;color: #515151;text-align: center;}
.fltngLst .lst._thrDBx ._thrDBxTxt{display:none;}

.dfFltngBox .rcntlVwMbLnk{display: none;}
.dfFltngBox .rcntlVwBtn{position:absolute; display: inline-block; font-size: 0; width:100%; height:100%;}

/* 챗봇 안내문구 아이콘 */
._chtTxtIcn{position: absolute;top: -15px; right: 43px; display: none; width: 175px; height: 70px; background-image: url("/img/user/chtGdnTxt.svg");background-position:center;background-repeat: no-repeat; background-size: contain;z-index: 10;}

.topmenuBx .nmSir{position: relative;padding: 0 17px 0 0;}
   .topmenuBx .nmSir::after{content: '님';position: absolute;right: 0px;}
/* 에디터 */
.inMvie{position: relative;display: flex;align-items: center;justify-content: center;width: 100%;height: 0;padding-top:28.125%;padding-bottom:28.125%;overflow: hidden;}
  .inMvie .note-video-clip{position: absolute;display: block;width: 100%;height: auto;min-height: 100%;border-radius: 10px;}

.editor img{width: 100%;}

/**********************************반응형********************************/
/*반응형은 따로 아래처럼 모아주세요*/
/*위 기본 css가 1920~1024 범위 기준입니다.
  기본 기준 범위에서 추가 설정(1280에서 화면이 틀어져서 기준하여 하나더 만들어야할경우 등)이 필요한경우
  예)
   @media screen and (max-width: 1280px) and (min-width: 필요범위단위px)
   @media screen and (max-width: 필요범위단위px) and (min-width: 1280px)
  예시를 참고하여 반응형 값을 추가합니다.
  단, 만든 css 설계가 오류인경우 오류를 수정해야합니다. 무조건 해결법으로 반응형 단위를 추가하지마세요.
  반응형이 해결이 아니고 css설계 오류인경우-발견한 사항에 대해 수정작업을 요청합니다.
*/
@media screen and (min-width: 1921px) {
.dfFullBox{width: auto;min-width: 1920px; margin: 0 calc(50% - 800px);}
	.dfFullBox._lyoutBttmMrgn{margin-bottom: 180px;}
.fllBckGrnd{background-size: cover;}
.dfCntntBox{width: calc(100% - 480px);}
}
@media screen and (min-width: 1024px) {
/*********hover 액션은 모두 여기에 넣어주세요 ********************/
.mainMenuLst .menuLnk{position: relative;transition: 0.2s; font-size: 18px;}
   .mainMenuLst .menuLnk::after{content: '';position: absolute;left: 0px;bottom: -11px;width: 100%;height: 2px;background-color: #282828;opacity: 0;transition: 0.2s;}
   .mainMenuLst .menuLnk:hover::after{opacity: 1;}

.mainMenuLst .menuLst{position: relative;}
.headerBox .mainSubLst{position: absolute;left: 0px;top: 33px;visibility: hidden; width: 200px;background-color: #fff;height: 0;opacity: 0;transition: 0.2s;box-shadow: 0px 8px 22px rgb(0 0 0 / 10%);}
   .mainSubLst .subMenuLst{display: inline-block;float: left;width: 100%;height: 70px; border-bottom: 1px solid #D6D6D6;line-height: 24px; box-sizing: border-box;transition: 0.3s;}
      .mainSubLst .shpMenu:last-child{border: 0;}
      .mainSubLst .subMenuLst:hover{background-color: #f0f0f0;}
      .mainSubLst .subMenuLst .subMenuLnk{display: inline-block; float: left; width: 100%; height: 100%; padding: 22px 17px; font-size: 14px;line-height: 24px; box-sizing: border-box;}
.mainSubLst.on{display:inline-block;height: auto;visibility: visible;opacity: 1;transition: 0.2s;}

.allShopMenu{position: absolute;left: 0px;top: 93px;display: inline-flex;justify-content: space-evenly;border-bottom: 1px solid #515151;width: 100%;background-color: #fff;}
.allShopMenu.on{height: auto;padding-bottom: 70px;}
.allShopMenu.on .shpMenu{display: inline-block;float: left;width: calc(100%/7);padding: 30px 24px 35px 24px;border-left: 1px solid #515151;box-sizing: border-box;}
   .allShopMenu.on .shpMenu:first-child{border-left:0;}
.allShopMenu.on .ftBtn{position: absolute;left: 0px;bottom: 0px;display: flex;align-items: center;justify-content: center;width: 100%;height: 70px;border-top: 1px solid #515151;}
    .allShopMenu.on .shpCtgrLnk{display: inline-block;float: left;width: 100%;min-height: 52px;font-weight: 700;word-break: normal;overflow-wrap: break-word;}
    .allShopMenu.on .shpSubMenu{display: inline-block;float: left;width: 100%;}
    .shpSubMenu .shpSub{display: inline-block;float: left;width: 100%;margin-bottom: 6px;font-size: 14px;line-height: 24px;}
        .shpSubMenu .shpSub:last-child{margin-bottom: 0;}
    .shpSubMenu .shpSub .shpSbLnk{font-size: 14px;line-height: 24px; word-break: normal;overflow-wrap: break-word;}

/* Pluszero AB test*/
.allShopMenu.abTest{top: 129px;}
.allShopBanner {position: absolute;left: 0px;top: 93px;display: none;justify-content: center;align-items: center;width: 100%;height: 36px;color: #fff;font-size: 14px;line-height: 20px;letter-spacing: 0.5px;background-color: #282828;}
	.allShopBanner:active{color: #fff;}
	.allShopBanner.on {display: inline-flex;}
	.allShopBanner .undrln{padding-left: 16px;text-decoration: underline;}
	.allShopBanner br {display: none;}

/*플로팅*/
.dfFltngBox._prdct{right: 425px;}
.fltngLst .lst._thrDBx:hover ._thrDBxTxt{position:absolute; top:0; right:0; display: inline-block;float: left;width: 136px; height:40px; padding: 9px 40px 9px 18px; border-radius:100px; box-sizing:border-box; background-color: #2e2e2e; color: #fff;font-size: 12px;letter-spacing: 0.5px;line-height: 22px;animation-name: fadeLft; animation-duration: .4s; animation-fill-mode: forwards; animation-timing-function: ease-in-out; animation-direction: normal;}
.fltngSbLst .sbLst.lft:hover .txt, .fltngSbLst .sbLst.rght:hover .txt{font-weight: 700;}
}

@media screen and (max-width: 1780px) and (min-width: 780px) {
.dfPdBox, .dfPdMoFlBox, .dfPdTaFlBox, .dfSbPdBox, .dfSbPdMoFlBox, .dfSbPdTaFlBox, .dfPdPcFlBox, .dfPcPdBox{width:100%; min-width:calc(100% - 170px); padding: 0 85px;box-sizing: border-box;}

}
@media screen and (max-width: 1600px) and (min-width: 1024px) {
     .topRghtLst.lgnStt.b2bMbr .logInf .onlyB2b._pnngSrvc{position: absolute;right: 24px;bottom: -32.5px;padding: 0 14px;color: #fff;background-color: #515151;}
     .topRghtLst > li._chMgn{margin: 0;}
     .menuLst:last-child{margin-right: 225px;}

}
@media screen and (max-width: 1600px) and (min-width: 1280px) {
     .topmenuBx .lbel_inSrch{width: 280px;}

}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
     .topmenuBx .lbel_inSrch{width: 220px;}
     .dfCntntBox._wClc400 { width: calc(100% - 290px);}
     .scllSidBx._w400 { width: 290px;}

     /*플로팅*/
	.dfFltngBox._prdct{right: 315px;}
	.topRghtLst > li{margin-right:11px;}

}
@media screen and (max-width: 1024px) and (min-width: 280px){

	.headerBox{z-index: 955;}
    .topmenuBx{justify-content: flex-end;height: 52px;padding: 0 16px 0 52px;}
    .topLftLst{width: calc(100% - 150px);height: 28px; justify-content: flex-end;}
    .topLftLst > li:first-child{margin: 0;float: right; display: inline-block; width: 77px;}
    .topLftLst .allShopBtn{width: 77px;float: right;padding: 5px 0px;line-height: 18px;font-size: 12px;letter-spacing: 0.5px;}
    .topLftLst .lbel_inSrch{position: absolute;right: 147px;top: 14px;width: 24px;height: 24px;}
       .topLftLst .lbel_inSrch .srchBtn{position: static;display: block;width: 100%; height: 100%;background-position: center;background-size: unset;}
.allShopMenu.on{position: fixed;top: 0;left: 0px;width: 100%;height: 100%;padding: 56px 0 0 0;background-color: #fff;box-sizing: border-box;overflow-x: hidden;overflow-y: auto;z-index: 990;}
   .allShopMenu.on .shpMenu{display: inline-block;float: left;width: 100%;}
   .allShopMenu.on .shpCtgrLnk{display: inline-flex;align-items: center;justify-content: flex-start;float: left;width: 100%;height: 48px;padding: 0 16px;font-weight: 700;font-size: 16px;border-bottom: #282828 1px solid; box-sizing: border-box;}
      .allShopMenu.on .shpCtgrLnk::after{content: '';display: block;width: 24px;height: 24px;margin-left: 6px;background-position: center;background-repeat: no-repeat;background-size: 24px;background-image: url('/cdn.desker.co.kr/img/user/icn_nxt_noLn.svg');}
   .allShopMenu.on .shpSubMenu{display: inline-block;float: left;width: 100%;padding: 14px 0;border-bottom: #282828 1px solid;box-sizing: border-box;}
      .shpSubMenu .shpSub{ display: inline-block;float: left;width: 50%;padding: 14px 16px;font-size: 14px;line-height: 24px;box-sizing: border-box;}
   .allShopMenu.on .ftBtn{position: relative;display: flex;align-items: flex-start;justify-content: center;width: 100%;height: 140px;margin-top: -1px;border-top: #fff 1px solid;}
   .allShopMenu.on .ftBtn .allPdctVwBtn{display: flex;align-items: center;justify-content: center;width: calc(100% - 32px);height: 48px;margin: 32px 16px 0 16px;font-size: 14px;border: 1px solid #515151;background-color: #D6D6D6;box-sizing: border-box;}

.allShopBtn.on{position: fixed;top: 0px;left: 0px;width: 100%;height: 55px;padding: 0 52px 0 16px;color: #282828;text-align: left;border-bottom: #282828 1px solid;background-color: #fff;
     background-repeat: no-repeat;background-position:right 24px center;background-size: 28px;background-image: url('/img/user/icn_cls.svg');box-sizing: border-box;z-index: 999;}

/* Pluszero AB test*/
.allShopMenu.abTest.on {padding: 116px 0 0 0;}
.allShopBanner {position: absolute;top: 0px;left: 0px;display: none;flex-direction:column;justify-content: center;align-items: center;width: 100%;height: 60px;color: #fff;font-size: 12px;line-height: 22px;letter-spacing: 0.5px;background-color: #282828;z-index: 999;}
	.allShopBanner.on {display: inline-flex;}
	.allShopBanner:active {color: #fff;}
	.allShopBanner .undrln{padding-left: 8px;text-decoration: underline;}
	.allShopBanner br {display: inline-block;}
	.allShopBtn.abTest.on {top: 60px;}

.headerBox.mbl{height: 100%;background-color: #282828;z-index: 955;}
.headerBox.mbl .mblmainMenuCls{position: fixed;display: block;top: 0px;right: 0px;width: 50px;height: 64px;font-size: 0;border-bottom: 1px solid #969696;
     background-repeat: no-repeat;background-position:right 16px center;background-size: 28px;background-image: url('/img/user/icn_cls_wht.svg');z-index: 999;}
     /*.headerBox.mbl .mblmainMenuCls::before{content: '';position: absolute;display: block;width: 100%;height: 100%;background-color: #282828;}*/
     .headerBox.mbl .mblmainMenuCls.inlog{width: 100%;background-color: #282828;}
.topMddlmenuBx.mbl{ position: fixed;top: 0;left: 0;display: inline-block;width: 100%;height: 100%;padding: 64px 0 80px 0;background-color: #282828;    background-clip: content-box;background-image: none;z-index: 995;overflow-x: hidden;overflow-y: auto;}
.topMddlmenuBx.mbl .mainMenuLst.on{display: inline-block;float: left;width: 100%;height: auto;background-color: #282828;}
.topMddlmenuBx.mbl .topRghtLst.lgnStt.b2bMbr .logInf .onlyB2b{display: inline-block;}
   .mainMenuLst.on .menuLst{display: inline-block;float: left;width: 50%;margin: 0;padding: 30px 16px;color: #fff;border-bottom: 1px solid #969696;box-sizing: border-box;}
   .mainMenuLst.on .menuLst._noSub{width: 100%;padding: 20px 16px;}
   .mainMenuLst.on .menuLst._noSub._noPcVw{display: inline-block;}
   .mainMenuLst.on .menuLst._hlf._fst{padding-bottom: 9px;border-bottom: 0px;}
   .mainMenuLst.on .menuLst._hlf._scnd{padding-top: 9px;padding-bottom: 22px;}
   .mainMenuLst.on .menuLnk{color: #fff;font-weight: 700;}
        .mainMenuLst.on .menuLst._noSub .menuLnk{display: inline-flex;align-items: center;justify-content: flex-start;float: left;width: 100%;font-weight: 400;border-bottom: #282828 1px solid; box-sizing: border-box;}
        .mainMenuLst.on .menuLst._mblcultur{float: right;}
   .mainMenuLst.on .mainSubLst{display: inline-block;float: left;width: 100%;}
        .mainMenuLst.on .mainSubLst .subMenuLst{display: inline-block;float: left;width: 100%;padding: 18px 0 0 0;}
        .mainMenuLst.on .mainSubLst .subMenuLnk{font-size: 14px;line-height: 24px;color: #B3B3B3;}
        .mainMenuLst.on .menuLst._noSub{display: inline-flex;justify-content: flex-start;align-items: center;}
        .mainMenuLst.on .menuLst._noSub._b2bmn .logInf._chMgn{display: none;}
        .topMddlmenuBx .mainMenuLst.on.b2bMbr .menuLst._noSub._b2bmn{display: inline-flex;}
        .mainMenuLst.on .menuLst._mblcultur{display: inline-flex;justify-content: flex-start;align-items: flex-start;}
        .mainMenuLst.on .menuLst._noSub .menuLnk::after,
        .mainMenuLst.on .menuLst._mblcultur::after{content: '';display: block;width: 24px;height: 24px;margin-left: 6px;background-position: center;background-repeat: no-repeat;background-size: 24px;background-image: url('/img/user/icn_nxt_noLn_wht.svg');}

        .topMddlmenuBx .mainMenuLst .menuLst._noSub._b2bmn,
        .topMddlmenuBx .mainMenuLst.b2bMbr.on .menuLst._noSub._b2bmn,
        .topMddlmenuBx .mainMenuLst.b2bMbr .menuLst._noSub._b2bmn{display:none;}

         .topmenuBx .topRghtLst.lgnStt.b2bMbr ~ .topMddlmenuBx.mbl .mainMenuLst.on.b2bMbr .menuLst._noSub._b2bmn,
         .topmenuBx .topRghtLst.lgnStt.b2bMbr ~ .topMddlmenuBx.mbl .mainMenuLst.b2bMbr .menuLst._noSub._b2bmn{display: inline-flex;}

.headerBox._bSfrOnlyZ{z-index: -1;}

.topmenuBx.mbl ._logIn,.topmenuBx.mbl ._join,.topmenuBx.mbl ._logOut{position: absolute;top: 719px;height: 64px;display: flex;align-items: center;justify-content: flex-start;padding: 0 16px; color: #fff;border-top: 1px solid #969696; border-bottom:0;box-sizing: border-box;z-index: 996;}
.topmenuBx.mbl ._logIn{left: 0px;border-right: 1px solid #969696;}
.topmenuBx.mbl ._join{left: 50%;}
.topmenuBx.mbl ._logIn,.topmenuBx.mbl ._join,.topmenuBx.mbl ._logIn,.topmenuBx.mbl ._logOut{top: auto; bottom: 0px;width: 50%;background-position:right 16px center;background-repeat: no-repeat;background-size: 24px;background-image: url('/img/user/icn_nxt_noLn_wht.svg');background-color: #282828;z-index: 999;}
.topmenuBx.mbl ._logOut{left: 0px;width: 100%;}
.topmenuBx.mbl ._lginMem{position: fixed;top: 0;left: 0;width: 100%;height: 64px;display: flex;align-items: center;justify-content: flex-start;padding: 0 50px 0 16px;color: #fff;border-bottom: 1px solid #969696;box-sizing: border-box; background-color: #282828;z-index: 996;}
.topmenuBx.mbl .onlyB2b,.topmenuBx.mbl .nmSir{display: block;float: left; max-width: 50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.topmenuBx .nmSir{display: none;}
.topmenuBx.mbl .nmSir{position: relative;display:inline-block;padding: 0 15px 0 5px;}
   .topmenuBx.mbl .nmSir::after{content: '님';position: absolute;top: 0px;right: 0px;}
.topmenuBx.mbl .onlyB2b, .topmenuBx.mbl .nmSir._onlyB2c{padding: 0 0 0 32px;background-position:left center;background-repeat: no-repeat;background-size: 24px;background-image: url('/img/user/icn_myPg_wht.svg');}
.topmenuBx.mbl .nmSir._onlyB2c{left: -32px;padding: 0 17px 0 32px;}

    .topmenuBx .logo{left: 52px;width: 88px;height: 17.6px; background-size: 88px;}
    .topRghtLst.lgnStt .logInf, .topRghtLst .logOutInf, .topRghtLst .logInf._alws{margin: 0;}

    .topRghtLst ._logIn{display: none;}
    .topRghtLst ._join{display: none;}
    .topRghtLst ._cartBx{position: absolute;top: 14px;right: 111px;margin-left: 0;}
    .topMddlmenuBx{position: absolute;bottom: 0px;left: 0px;width: 52px;height: 52px;border: 0;background-position: center;background-repeat: no-repeat;background-image: url('/img/user/icn_menu.svg');background-size: 24px;cursor: pointer;z-index: 910;}
    .topMddlmenuBx._dsplyNn{display:none;}
    .topMddlmenuBx .mainMenuLst{display: none;}
    .headerBox .topRghtLst.lgnStt .logInf._noMblVw{display: none;}
    .headerBox.mbl .topRghtLst.lgnStt .logInf._noMblVw.lgout{display: inline-block;}
	.topRghtLst .logInf._icnLst ._logOut{display: flex;width: 100%;height: 64px;font-size: 14px;line-height: 24px;}

main {margin-top: 52px;min-height: calc(100vh - 52px);}
main.pop {min-height:calc(100vh - 131px);}
    .dfCntntBox._wClc400 { width:100%;margin-top: 0;}
    .scllSidBx._w400 {position:relative;display: inline-flex;align-items: center;justify-content: center;width: 100%;float: left;padding: 95px 16px 40px 16px;box-sizing: border-box;}
    .scllSidBx._w400 .prdctInfnSlct{position: relative;max-width: 327px;padding: 0;}
    .scllSidBx._w400 .prdctInfnSlct ._shrBx{top: -52px;right: 0;}
    .scllSidBx._w400 .prdctInfnSlct .btnBx{position: fixed;bottom: -1px; left: 0px;margin: 0;background-color: #fff;z-index: 940;}
    .scllSidBx._noTopItrrtn{top:0px;}

	/* 사이드 박스 */
	.sideMenuBx{display:inline-block; float:left;width:100%}
	.dfSidBox{position:fixed; top:0; left:0; display:none; width:100%; max-width:100%;border:0px; background-color:#FFF; z-index: 950; }
		.dfSidBox.openPop{display:inline-flex;}
		.dfSidBox .menu{width:100%; height:calc(100vh - 50px); margin:50px 0;}
		.dfSidBox .icn._cls{position:absolute;top: 16px;right: 16px;display: block;width: 24px;height: 24px;font-size: 0;line-height: 0;background-size: 24px;background-position: center;}
		.dfSidBox ._undrBtnBox{display:inline-block; padding:0 16px 120px 16px; box-sizing: border-box;}
		.dfSidBox .inPd40Bx{padding: 0 16px;}
		.dfSidBox._mbVwSdBx {position:absolute;top:50px;text-align: center;min-height: auto;}
		.dfSidBox._mbVwSdBx._scrll{position:fixed;}
		.dfSidBox._mbVwSdBx .menu{margin:0; height:auto;}
		.dfSidBox._mbVwSdBx .sbMenuFld{margin:0;}
		.dfSidBox._mbVwSdBx .sbMenuTtl{display: none;}
		.dfSidBox._mbVwSdBx .sbMenuLst{background-color: #f0f0f0;}
		.dfSidBox._mbVwSdBx .sbMenuLst > li{border-bottom: 0px;}
		.dfSidBox._mbVwSdBx .sbMenuLst > li > .mnlst.on{color:#FF5948;}
		.dfSidBox._mbVwSdBx .menu .brndBkDwnrdBtn{display: inline-flex; justify-content: space-between;height: 60px;align-items: center;padding: 0 20px; box-sizing:border-box; background-color: #282828;color: #fff;background-image: none;}
		.dfSidBox._mbVwSdBx .menu .brndBkDwnrdBtn ._dwnLrd{background-image:url(/img/user/icn_dwnLrd_wht.svg); }

	/* 사이드 박스 - 메뉴*/
	.sbMenuFld{margin:0 0 40px 0;}
	.sbMenuTtl{margin:0; padding: 0 0 14px 16px;box-sizing: border-box;border-bottom: 2px solid #282828;}
	.sbMenuLst > li {box-sizing:border-box; margin:0; padding: 14px 16px;border-bottom: 1px solid #D6D6D6;}
	.sbMenuLst > li .rAllw{color:#282828; padding:0;}
    .sbMenuLst > li .rAllw:hover::after{width: auto;margin: 0;background-image: none;}
	.sbMenuLst .icnFLd{padding:0 20px 0 0; background-size: 20px;}
	.sbMenuLst .icnFLd._bthIcn{padding:0 20px 0 36px;}
	.sbMenuLst .icnFLd._bthIcn::before{content: '';position: absolute;top: 14px;left: 16px;width: 24px;height: 24px;background-position: center; background-repeat: no-repeat;}
	.sbMenuLst .icnFLd.dlvry::before{background-image: url('/img/user/icn_dlvry.svg');}
	.sbMenuLst .icnFLd.bkMrkg::before{background-image: url('/img/user/icn_bkMrk.svg');}
	.sbMenuLst .icnFLd.rcntlVwP::before{background-image: url('/img/user/icn_rcntlVwP.svg');}
	.sbMenuLst .icnFLd.cupn::before{background-image: url('/img/user/icn_cupn.svg');}

    /* 서브메뉴 박스 */
	.subMnBx{position:absolute; display:inline-flex; float:left; width:100%; height:50px; padding:12px 16px; border-bottom:1px solid #D6D6D6;box-sizing:border-box; background-color: #fff;}
		.subMnBx._scrll{position: fixed;}
		.subMnBx .subMnTxtFld{display:inline-block;width:auto; font-size:16px; font-weight:400; line-height:24px;}
		.subMnBx .subMnTxtFld.btnNwsLstSdMnPop,.subMnBx .subMnTxtFld.btnNoticeSdMnPop{padding: 0 36px 0 0;background-image: url(/img/user/icn_allwHd_dwnUp.svg);background-repeat: no-repeat;background-position: right center;background-size: 24px;}

	/*플로팅*/
	.fltngLst .lst._thrDBx{display:none;}
	.fltngPopFld.openPop, .fltngPopFld{display: none;}
	.dfFltngBox .rcntlVwMbLnk{position:absolute; display: inline-block; font-size: 0; width:100%; height:100%;}
	.dfFltngBox .rcntlVwBtn{display: none;}
	.dfFltngBox._prdct{bottom: 67px;}
}

@media screen and (max-width: 1024px) and (min-width: 820px) {
.topmenuBx._brdrBttm.mbl{position: static;}

	.dfSidBox .inPd40Bx{padding: 0 16px;}
    .dfFullBox._flxDrwRctnClm, .flxDfRwRctnClm._tb{flex-direction: column;}
	.dfFlxHalfBox{width: 100%;}
	.dfCntntBox{width:100%; margin-top:50px;}
.dfCntntBox._dfPddng{padding: 0 85px;}
   .dfCntntBox._dfPddng .gryLnHr{position: relative;left: -85px; width: calc(100% + 170px);}
/*  .dfCntntBox._wthSid{ width: calc(100% - 256px);} */

.dfSbPdTaFlBox._mdlFll{padding:0px; min-width: auto;}
._bxMrgn1{margin-top:40px;}
.dfPdPcFlBox{width: 100%;min-width: auto;padding: 0;}
.dfPcPdBox{width: 100%;padding: 0 16px;}

.dfSbSmllBx{ padding: 0px 45px 100px 45px;}
.dfSbSmllBx.tabCntntBx{padding: 0px 115px 100px 115px;}

/* 태블릿사이즈 - 마이페이지 사이드박스 축소 */
._tbSdMnNon .dfSidBox{position:fixed; top:0; left:0; display:none; width:100%; max-width:100%;border:0px; background-color:#FFF; z-index: 950; }
	._tbSdMnNon .dfSidBox.openPop{display:inline-flex;}
	._tbSdMnNon .dfSidBox .menu{width:100%; height:calc(100vh - 50px); margin:50px 0;}
	._tbSdMnNon .dfSidBox .icn._cls{position:absolute;top: 16px;right: 16px;display: block;width: 24px;height: 24px;font-size: 0;line-height: 0;background-size: 24px;background-position: center;}
	._tbSdMnNon .dfSidBox ._undrBtnBox{display:inline-block; padding:0 16px 120px 16px; box-sizing: border-box;}
._tbSdMnNon .sbMenuFld{margin:0 0 40px 0;}
	._tbSdMnNon .sbMenuTtl{margin:0; padding: 0 0 14px 16px;box-sizing: border-box;border-bottom: 2px solid #282828;}
	._tbSdMnNon .sbMenuLst > li {box-sizing:border-box; margin:0; padding: 14px 16px;border-bottom: 1px solid #D6D6D6;}
	._tbSdMnNon .sbMenuLst > li > a {color:#282828;}
	._tbSdMnNon .sbMenuLst .icnFLd{padding:0 20px 0 0; background-size: 20px;}
	._tbSdMnNon .sbMenuLst .icnFLd._bthIcn{padding:0 20px 0 36px;}
	._tbSdMnNon .sbMenuLst .icnFLd._bthIcn::before{content: '';position: absolute;top: 14px;left: 16px;width: 24px;height: 24px;background-position: center; background-repeat: no-repeat;}
	._tbSdMnNon .sbMenuLst .icnFLd.dlvry::before{background-image: url('/img/user/icn_dlvry.svg');}
	._tbSdMnNon .sbMenuLst .icnFLd.bkMrkg::before{background-image: url('/img/user/icn_bkMrk.svg');}
	._tbSdMnNon .sbMenuLst .icnFLd.rcntlVwP::before{background-image: url('/img/user/icn_rcntlVwP.svg');}
	._tbSdMnNon .subMnBx .subMnTxtFld{display:inline-block;width:auto; font-size:16px; font-weight:400; line-height:26px;}
	._tbSdMnNon .subMnBx._scrll{top:0px;overflow: hidden;transition: 0.3s;z-index: 1;}
._tbSdMnNon .dfCntntBox{width:100%; margin-top:50px;}
	._tbSdMnNon .dfCntntBox._wthSid{width:100%;}
	._tbSdMnNon .dfCntntBox._dfPddng{padding: 0 16px;}
	._tbSdMnNon .dfCntntBox._dfPddng._mdlFll{width: 100%; padding: 0;}
	._tbSdMnNon .dfCntntBox._dfPddng .gryLnHr{position: relative;left: -16px; width: calc(100% + 32px);}

/* 태블릿사이즈 - 마이페이지 사이드박스 position: inherit */
._tbMoSdMnShw .dfSidBox{position: inherit; display: inline-block; width: 100%; max-width: 100%; border: 0px; background-color: #FFF; z-index: 950;}

}

@media screen and (min-width: 1440px) {
	.footerBox .snsLstBx{ width: calc(100%/2); display: flex; align-items: center; justify-content: space-between;}

}
@media screen and (max-width: 1439px) {
	/* footer sns menu */
	.footerBox .snsLstBx{ display: flex; flex-direction: column; gap: 21px;}
}

@media screen and (max-width: 1439px) and (min-width: 1024px) {
	.ftrInfoBox .cntctBx{ margin-top: 34px;}
}

@media screen and (max-width: 1023px) {
	/* footer sns menu */
	.footerBox .snsLstBx{ gap: 18px;}
	.ftrInfoBox .cntctBx{ margin-top: 40px;}
}

@media screen and (max-width: 820px) and (min-width: 250px) {
/***820~250 공통일경우 ****/

.topmenuBx{padding:0 16px;}
.topmenuBx._brdrBttm{border-bottom: 1px solid #515151;z-index: 900;}
.topmenuBx._brdrBttm.mbl{position: static;}


/* footer */
.footerBox.mainToph{top: -82px;}
.ftrMenuBox{justify-content:flex-start;min-height: 28px; padding: 26px 0px 40px 16px;}
.ftrMenu{display: inline-block;width: 100%; padding:14px 0 0 0;box-sizing: border-box;}
     .ftrMenu > li:not(:first-child){display:none;}
     .ftrMenu > .infTtl{margin:0;font-weight: 400; line-height: 28px;}
     .ftrMenu > li {margin: 0;}
     .ftrMenu:not(:last-child) {border-right: 0px;}
  .ftrInfoBox{position:relative; padding: 36px 16px 80px 16px;}
  .ftrInfoBox .infTtl, .ftrInfoBox .cnctusInfBox, .ftrInfoBox .cstmrInfBox{width:100%;}
  .ftrInfoBox .infTtl{padding:0 0 18px 0; font-size: 14px; line-height: 24px; font-weight: 400;}
  .footerBox .cntctBx .inf1{margin-top:64px;}
  .footerBox .cntctDtlBx{margin-top:16px;}
  .footerBox .ftrLogo.chatCntct{padding:5px 10px;}
  .footerBox .snsLstBx{position: absolute;top: 81px;width: auto;left: 16px;}

.dfPdBox, .dfSbPdBox{width:100%; min-width:calc(100% - 32px); padding: 0 16px;}
.dfPdTaFlBox, .dfSbPdTaFlBox{padding:0px; min-width: auto;}

.dfCntntBox{width:100%; margin-top:50px;}
   .dfCntntBox._wthSid{width:100%;}
   .dfCntntBox._dfPddng{padding: 0 16px;}
      .dfCntntBox._dfPddng .gryLnHr{position: relative;left: -16px; width: calc(100% + 32px);}
.dfFlxHalfBox{width:100%;}
.dfFullBox._flxDrwRctnClm, .flxDfRwRctnClm{flex-direction: column;}

/* 모바일 - 마이페이지 사이드박스 축소 */
._tbSdMnNon .dfCntntBox._dfPddng._mdlFll{width: 100%; padding: 0;}
/* 모바일 - 마이페이지 사이드박스 position: inherit */
._tbMoSdMnShw .dfSidBox{position: inherit; display: inline-block; width: 100%; max-width: 100%; border: 0px; background-color: #FFF; z-index: 950;}

.cntntsBx._lft, .cntntsBx._rght{width:100%;}

._lyoutBttmMrgn{margin-bottom: 120px;}
._lyoutBttmPd{padding-bottom: 120px;}

._bgGryBx._max480{max-width: 100%;}

.moFllBx {padding-left: 0 !important; padding-right: 0 !important;}


._bxMrgn1{margin-top:40px;}

.dfPdPcFlBox{width: 100%;min-width: auto;padding: 0;}
.dfPcPdBox{width: 100%;min-width: calc(100% - 32px);padding: 0 16px;}
}
@media screen and (max-width: 820px) and (min-width: 480px) {
.dfPdMoFlBox, .dfSbPdMoFlBox{padding: 0 16px; min-width: auto;}
.dfSbSmllBx{ padding: 0px 45px 100px 45px;}
.dfSbSmllBx.tabCntntBx{padding: 0px 115px 100px 115px;}
}

@media screen and (max-width: 480px) and (min-width: 280px) {
.dfPdMoFlBox, .dfSbPdMoFlBox{padding:0px; min-width: auto;}
.dfPdMoFlBox._mpdLR16, .dfSbPdMoFlBox._mpdLR16{padding: 0 16px; min-width: auto;}
.cntntsBx._mpdLR16{padding:0 16px;}

/* 모바일 스크롤 */
.dfPdMoFlBox._moScrll{display: inline-block;float: left;width: calc(100% - 16px);margin-left: 16px;padding-bottom: 3px;overflow-x: auto;}
.dfPdMoFlBox._moScrll .scrllLst{width: max-content;}

.dfSbSmllBx{ padding: 0px 16px 80px 16px;}
}
/* 350 이하 모바일 gnb 조정 */
@media screen and (max-width: 350px) and (min-width: 280px) {
.topmenuBx{padding: 0 8px;}
.topLftLst .lbel_inSrch{right: 113px;}
.topLftLst .allShopBtn{width: 64px;font-size: 10px;}
.allShopBtn.on{position: fixed;top: 0px;left: 0px;width: 100%;height: 55px;padding: 0 52px 0 16px;font-size: 12px;color: #282828;text-align: left;border-bottom: #282828 1px solid;background-color: #fff;
     background-repeat: no-repeat;background-position:right 24px center;background-size: 28px;background-image: url('/img/user/icn_cls.svg');box-sizing: border-box;z-index: 999;}
.topRghtLst ._cartBx{right: 85px;}
}