mark{background:inherit}

@media only screen and (min-width: 768px) {
  :root{
  
    --bgLgray-f9: #f9f9f9;
    --bgLgray-f7: #f7f7f7;
    --bgMgray-f4: #f4f4f4;
    --bgMgray-d9: #d9d9d9;
    --borderGraycolor:#eee;
    --borderGray: 1px solid #eee;
  
  
    --mvlBlue:#1B2278;
    --mvlBrown:#793F1B;
  
  
    --tcLgray40: #949494;
    --tcMgray60: #666666;
    --tcMgray80: #313131;
    --tcBlack: #010101;
    --tcAcc:#1B2278;
  

    --stayBlue: #020079;
    --mvlXGreen: #214e21;
    
    --m-box: 30px;
    --m-box01: 20px 20px 20px 12px;
    --m-box02: 18px 20px ;
  
  
    --borderR:4px;
  
    --gap-14:14px;
    --gap-12:12px;
    --gap-8:8px;
  
    --swiper-pagination-color:#111;
    --swiper-theme-color:#111;
  }
  
  main *{line-height: 1.5;color:var(--tcBlack)}
  section.benefit ,section.promotion{overflow-x: hidden;}
  
  h1.hugeTit{font-size: clamp( 60px,5vw,70px) !important;;line-height: 130%;font-weight: 600;} 
  h1{font-size: clamp( 40px,4vw,46px) !important;line-height: 130%;font-weight: 600;} 
  h2,.pageIdWrap,.modaltit{font-size: clamp( 36px,3vw,40px) !important;} 
  h3{font-size: clamp( 24px,2vw,32px) !important;}
  main h4{font-size: clamp(20px, 1.5vw,26px) !important;font-weight: 600;}
  h5{font-size:  clamp(18px, 1.4vw,24px) !important;;font-weight: 500;}
  h3 + h5{width:60%;font-weight: 400;letter-spacing: -0.5px;font-size: clamp(18px, 1.3vw,22px) !important;}
  h6{font-size: clamp(17px, 1.2vw,20px) !important;font-weight: 400;}/* 본문 제목  */
  p, .infotxt{font-size: 16.5px;/* line-height: 1.9; */font-weight: 500;} /* 본문 기본 */
  div:not(footer div, header div), main:not(footer div, header div) div:not(footer div, header div), .infotit,.btn{font-size: 18px;line-height: 1.5;font-weight: 500;letter-spacing: -0.3px;} /* 본문 볼드  */
  
  .assistant,.info li,.modalbtnClose{font-size: 15px ;font-weight: 600;} /* 본문 보조 */
  .caution {font-size: 15px ;font-weight: 400; color: var(--tcLgray40);} /* 본문 보조2 */
  .caution{margin-top: 10px;}
  .info{font-size: 13px;color: var(--tcLgray40) !important;}  /* 본문 가장작은 정보 */
  .mini-txt{vertical-align: super;font-weight: 600;font-size: 15px;}
  .infotxt li{color: var(--tcMgray60);}
  .boxTxt{display: block;background: #fff;padding: 15px;margin: 20px 0;color: var(--tcMgray60) !important;}
  .boxTxtG{display: block;background: var(--bgLgray-f7);padding: 5px 12px;margin: 30px auto;color: var(--tcLgray40) !important;width: fit-content;border-radius: 6px;}
  
  .taC{text-align: center;}
  .taL{text-align: left;}
  
  body main section{padding: 90px 0;}
  .conWrapper{margin: 0 auto;width: 100%;gap: 14px;display: flex;}
  .boxWrap,.titWrap,.tabWrapper,.tabCon,.txtWrap{width: 100%;display: flex;flex-wrap: nowrap;flex-direction: column;}
  .flexWrap{width: 100%;display: flex;flex-wrap: nowrap;flex-direction: row;}
  .conWrapper,.titWrap{width: 96%;max-width: 1400px;margin: 60px auto;position: relative;}
  .conWrapper .titWrap{margin:0;}
  
  
  
    /* 2열 형태 */
    .flex-row {display: flex;flex-wrap: nowrap;align-items: center;flex-direction: row;}
    .flex-row.col-2 > *{flex:1;flex-basis:50%;flex-grow: 1;flex-shrink: 0;}
    .flex-row .row-content.txtCon{margin:0;flex-direction: column;padding: 50px;gap: 20px;}
  
  .posimgCon{width: 100%;display: block;position:relative;height:0;padding-bottom: 103%;overflow:hidden;z-index: 0}
  .posimgCon img {position: absolute;z-index:97;width:100%;top:50%;left:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
  
  
  
  /* 리스트, 테이블 */
  .listdot{list-style:disc !important;display: list-item !important;margin-left: 6px;}
  .listsub{list-style:none !important;display: list-item !important;margin-left: 6px;}
  
  th, td{padding:10px;}
  table {width:fit-content;min-width:500px;margin:20px 0;}
  table thead tr{border-top: 2px solid #111 !important;background:#fff;}
  table tr{border-bottom: 1px solid #ddd !important;}
  table tbody tr td{ color:var(--tcMgray60); font-size:0.9rem}
  
  
  
  
  
  /* 스와이퍼 */
  main .swiper{width: 100%;}
  main .typeDefault .swiper-pagination-bullet{width: 8px !important;height: 8px !important;border-radius: 100% !important;margin: 4px !important;}
  main .swiper-pagination-bullet{margin: 0 !important;width: 90px !important;height: 5px !important;border-radius:0 !important;}
  main .swiper-btnWrap{width: 100%;position:absolute;max-width: 1400px;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;}
  main .swiper-button-next, main .swiper-button-prev{background:#fff;border-radius: 100%;width: fit-content !important;box-shadow: 1px 2px 14px 0px #0000005c;right: -15px !important;height: 50px !important;border: 1px solid #eee;}
  main .swiper-button-prev{left:-15px !important}
  main .swiper-button-next:after, main .swiper-button-prev:after{font-size: 14px !important;color: #111;width: 50px;text-align: center;font-weight: 700;}
  main .typeDefault.swiper-button-next, main .typeDefault.swiper-button-prev{background: transparent;border:none;box-shadow: none;right: -8px !important;}
  main .typeDefault.swiper-button-prev{left: -8px !important}
  main .swiper-button-disabled{opacity: 0 !important;}
  main .swiper-horizontal>.swiper-scrollbar, main .swiper-scrollbar.swiper-scrollbar-horizontal{width:300px !important;left: 50% !important;transform: translate(-50%,0);border-radius: 0 !important;}
  main .swiper-scrollbar-drag{background:#111 !important;border-radius: 0 !important;}
  
  /* 버튼 */
  .btnWrap{display:flex;flex-direction:row;gap:10px}
  .btn{padding:16px 45px;border: 1px solid #eee;transition:0.2s;max-width: 400px;}
  .btn.primary{border-color: #111;background:var(--tcBlack);color: #fff;}
  .btnL{padding:28px 80px;min-width: 400px;}
  .btn i{font-weight: 400;}
  .btn:hover{border-color:#111;color: inherit !important;}
  .btn.primary:hover{color: #fff !important;}
  .fixBtn{position:fixed;bottom: 4vh;background: #000000;border: 1px solid #e4e4e4;border-radius: 100px;color: #fff !important;padding: 20px 80px;text-align:center;font-size: 20px;font-weight: 600;z-index: 10;left: 50%;transform: translateX(-50%);box-shadow: 4px 1px 16px 6px #0000003d;backdrop-filter: blur(100px);}
  .btnunderline{text-decoration: underline;color: inherit;margin: 4px;}
  
  
  /* 모달 */
  .blocker{z-index: 99999999;}
  .modal{position: absolute;border-radius: 5px !important;max-width:700px !important;/* padding: 50px!important; */font-size:18px;/* height: auto; */max-height: 75vh;overflow: inherit !important;/* left: 0; */left: 50%;top: 50%;/* bottom: 0; */transform: translate(-50%,-50%);border-radius: 0 !important;}
  .modal a.close-modal{width: 24px !important;top: 24px !important;right: 24px !important;background-image: url(/img/page/membership/btn_close2.png) !important;}
  .modal .conWrapper{margin:0;width: 100%;/* height: inherit; */}
  
  
  /* 페이지탭 */
  #pageNav{position: sticky;top: 100px;background: var(--tcBlack);justify-content: center;z-index:2;font-size: clamp(15px , 1.2vw , 17px);overflow-x: scroll;}
  #pageNav::-webkit-scrollbar{display:none}  
  #pageNav::-webkit-scrollbar-thumb {background:#828282 !important;}
  .tab > a{font-weight: 500;color: var(--tcLgray40);padding: 1rem 2rem;white-space: nowrap;}
  .tab > a.active{font-weight:600; border-bottom:2px solid #fff;color:#fff;}
  .tab.depth01 > a{font-size: var(--txtSize-24); font-weight: 600;}
  .tab.depth02 > a{font-size: var(--txtSize-16);padding: 15px 10px; font-weight: 600;}
  .tab.depth03 > a{font-size: var(--txtSize-14);border: var(--borderGray);border-radius: 100px;padding: 7px 10px;}
  .tab .active { color: var(--tcBlack)}
  .tab.depth02.hasLine .active{border-bottom: 2px solid var(--tcBlack);}
  .tab.depth03 .active {background-color: var(--tcBlack); color: #fff; border: none;font-weight: 400;}
  
  .tabCon{width: 100%;flex-shrink: 0;flex-wrap: wrap;}
  .tabCon.w2.w1 > *{width: 100%;}
  .tabCon.w2 > *{width: 50%}
  
  
  
  
  /* 서비스안내 FAQ */
  .serviceInfo .conWrapper{gap: 40px;flex-direction: column;}
  .serviceInfo .conWrapper li,.serviceInfo .conWrapper li .step{display:flex;flex-direction:row;gap:10px;flex-wrap: wrap;}
  .serviceInfo .conWrapper > li ,.FAQ .conWrapper > li{border-bottom: 1px solid #f4f4f4;width: 100%;padding-bottom: 40px;}
  .infotit{width: 220px;font-weight: 700 !important;}
  .infotit + .infotxt{width: calc(100% - 250px);}
  .serviceInfo .conWrapper li .step .box{background-color:var(--bgMgray-f4);padding:var(--m-box);font-size: 15px;gap: 50px;}
  
  
  .FAQ .conWrapper{gap: 00px;}
  .FAQ .conWrapper > li {display:flex;flex-direction:column;padding-bottom: 00px;}
  .FAQ .conWrapper > li .infotit.Q{width: 100%;cursor: pointer;padding: 40px 0;}
  .Q + .A{display: none;background-color: var(--bgLgray-f7);padding: 40px;}
  
  .FAQ li .Q i{float:right;opacity:0.3;font-size:16px;margin-top: 4px;}
  .FAQ .is-active i{transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
  
  
  /* 상품 */
  .prdList{display:flex;;flex-direction:row;gap:6px;flex-wrap:wrap;}
  .prdListitem{display:flex;flex-direction:column;align-items:flex-start;text-align:left;}
  .prdListitem .brand{width: 100%;font-size: 14px;font-weight: 600;text-align: left;}
  .prdListitem{width: calc(33.33% - 10px);margin-top: 30px;}
  .prdList02 .prdListitem{width: inherit;}
  .prdList02 {gap: inherit;padding-bottom: 40px;}
  .prdListitem .imgCon{position: relative;background: #000;overflow: hidden;}
  .prdListitem .imgCon .capBox{color: #fff !important;background: #000;padding: 4px 10px;font-weight: 200;position: absolute;z-index: 1;font-size: 14px;}
  .prdListitem .imgCon .state{position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);}
  .prdListitem .imgCon .state.coming{position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80%;}
  .prdListitem .imgCon .state + img,.prdListitem .imgCon .stateend + img{opacity: 0.5;}
  .prdListitem li{display: flex;font-size: 14px;flex-wrap: wrap;text-align: left;flex-direction: column;}
  .prdListitem > ul{margin-top: 10px;}

  .prdListitem li .beforeF{color:#2697FF !important; font-weight: 500; margin-right: 10px;font-size: 16px;}
  .prdListitem li .discountF{color: #c0252a !important;font-weight: 700; margin-right: 10px;font-size: 16px;}
  .prdListitem li .beforeF + div,.prdListitem li .discountF + div{font-size: 15px;font-weight: 200;opacity: 0.7;}
  .prdListitem del{opacity: 0.6;font-size: 1em; margin-right: 10px;font-weight: 200;vertical-align: middle;display: inline-block;padding-top: 3px;}
  .prdListitem li .afterF{font-weight: 500;vertical-align: middle;}
  .prdListitem h5{margin-top: 20px;}
  }

  
  
  @media only screen and (max-width: 767px) {
    
  
  :root{
  
    --bgLgray-f9: #f9f9f9;
    --bgLgray-f7: #f7f7f7;
    --bgMgray-f4: #f4f4f4;
    --bgMgray-d9: #d9d9d9;
    --borderGraycolor:#eee;
    --borderGray: 1px solid #eee;
  
  
    --mvlBlue:#1B2278;
    --mvlBrown:#793F1B;
  
  
    --tcLgray40: #949494;
    --tcMgray60: #666666;
    --tcMgray80: #313131;
    --tcBlack: #111111;
    --tcAcc:#1B2278;
  

    
    --stayBlue: #020079;
    --mvlXGreen: #214e21;

    
    --m-box: 30px;
    --m-box01: 20px 20px 20px 12px;
    --m-box02: 18px 20px ;
  
  
    --borderR:4px;
  
    --gap-14:14px;
    --gap-12:12px;
    --gap-8:8px;
  
    --swiper-pagination-color:#111;
    --swiper-theme-color:#111;
  }
  
  main *{line-height: 1.5;color:var(--tcBlack)}
  section.benefit ,section.promotion{overflow-x: hidden;}
  
  h1.hugeTit{font-size: 45px !important;line-height: 130%;font-weight: 700;} 
  h1{font-size: 28px !important;line-height: 130%;font-weight: 700;} 
  h2,.pageIdWrap,.modaltit{font-size: 26px !important;} 
  h3{font-size: 24px !important;line-height: 1.3;}
  h4{font-size: 20px !important;;font-weight: 600;}
  h5{font-size: 18px !important;font-weight: 500;}
  h3 + h5{width:90%;font-weight: 400;letter-spacing: -0.5px;}
  h6{font-size: 16px !important;font-weight: 400;}/* 본문 제목  */
  p, .infotxt{font-size: 14px; line-height: 1.9; font-weight: 500;} /* 본문 기본 */
  main:not(footer div, header div) div:not(footer div, header div), .infotit,.btn{font-size:14.5px;line-height: 1.5;font-weight: 500;letter-spacing: -0.3px;} /* 본문 볼드  */
  
  .assistant,.info li,.modalbtnClose{font-size: 13px ;font-weight: 600;} /* 본문 보조 */
  .caution {font-size: 13px ;font-weight: 400; color: var(--tcLgray40);} /* 본문 보조2 */
  .caution{margin-top: 10px;}
  .info{font-size: 11px;color: var(--tcLgray40) !important;}  /* 본문 가장작은 정보 */
  .mini-txt{vertical-align: super;font-weight: 600;font-size: 13px;opacity: 0.7;}
  .infotxt li{color: var(--tcMgray60);}
  .boxTxt{display: block;background: #fff;padding: 15px;margin: 20px 0;color: var(--tcMgray60) !important;}
  .boxTxtG{display: block;background: var(--bgLgray-f7);padding: 4px 15px;margin: 50px auto 0 auto;color: var(--tcLgray40) !important;width: fit-content;border-radius: 4px;}
  
  .taC{text-align: center;}
  .taL{text-align: left;}
  .taR{text-align: left;}

  section{padding: 30px 0;/* overflow-x: hidden; *//* overflow-y: visible; */}
  .conWrapper{margin: 0 auto;width: 100%;gap: 14px;display: flex;}
  .boxWrap,.titWrap,.tabWrapper,.tabCon,.txtWrap{width: 100%;display: flex;flex-wrap: nowrap;flex-direction: column;align-items: start;}
  .flexWrap{width: 100%;display: flex;flex-wrap: nowrap;flex-direction: row;}
  .conWrapper,.titWrap{width: 100%;padding: 0 20px;margin: 30px auto;position: relative;}
  .conWrapper .titWrap{margin:0;padding: 0;}
  
  
  
  
  
  .posimgCon{width: 100%;display: block;position:relative;height:0;padding-bottom: 103%;overflow:hidden;z-index: 0}
  .posimgCon img {position: absolute;z-index:97;width:100%;top:50%;left:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
  
  
  
   /* 리스트, 테이블 */
  .listdot{list-style:disc !important;display: list-item !important;margin-left: 6px;}
  .listsub{list-style:none !important;display: list-item !important;margin-left: 6px;}
  
  th, td{padding:10px;}
  table {width:fit-content;min-width:500px;margin:20px 0;}
  table thead tr{border-top: 2px solid #111 !important;background:#fff;}
  table tr{border-bottom: 1px solid #ddd !important;}
  table tbody tr td{ color:var(--tcMgray60); font-size:0.9rem}
  
  
  
  
  
  /* 스와이퍼 */
  main .swiper{width: 100%;}
  main .typeDefault .swiper-pagination-bullet{width: 4px !important;height: 4px !important;border-radius: 100% !important;margin: 4px !important;}
  main .swiper-pagination-bullet{margin: 0 !important;width: 90px !important;height: 5px !important;border-radius:0 !important;}
  main .swiper-btnWrap{width: 100%;position:absolute;max-width: 1400px;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;}
  main .swiper-button-next, main .swiper-button-prev{background:#fff;border-radius: 100%;width: fit-content !important;box-shadow: 1px 2px 14px 0px #0000005c;right: -15px !important;height: 40px !important;width: 40px !important;;border: 1px solid #eee;}
  main .swiper-button-prev{left:-15px !important}
  main .swiper-button-next:after, main .swiper-button-prev:after{font-size: 14px !important;color: #111;width: 50px;text-align: center;font-weight: 700;}
  main .typeDefault.swiper-button-next, main .typeDefault.swiper-button-prev{background: transparent;border:none;box-shadow: none;right: -8px !important;}
  main .typeDefault.swiper-button-prev{left: -8px !important}
  main .swiper-button-disabled{opacity: 0 !important;}
  main .swiper-horizontal>.swiper-scrollbar, main .swiper-scrollbar.swiper-scrollbar-horizontal{width:300px !important;left: 50% !important;transform: translate(-50%,0);border-radius: 0 !important;}
  main .swiper-scrollbar-drag{background:#111 !important;border-radius: 0 !important;}
  .swiper img { -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

  /* 버튼 */
  .btnWrap{display:flex;gap: 6px;flex-direction: column;width:-webkit-fill-available !important}
  .btn{padding: 17px 30px;border: 1px solid #ddd;transition:0.2s;border-radius: 0;width: fit-content;
    min-width: 80vw;margin: 0 auto;}
  .btn.primary{border-color: #111;background:var(--tcBlack);color: #fff;}
  .btn i{font-weight: 400;}
  .btn:hover{border-color:#111;color: inherit !important;}
  .btn.primary:hover{color: #fff !important;}
  .fixBtn{position:fixed;bottom: 6vh;background: #000000;border: 1px solid #e4e4e4;border-radius: 100px;color: #fff !important;padding: 15px 20px;text-align:center;font-size: 16px;font-weight: 600;z-index: 10;left: 50%;transform: translateX(-50%);box-shadow: 4px 1px 16px 6px #0000003d;backdrop-filter: blur(100px);width: fit-content;max-width: 90%;min-width: 80%;white-space: nowrap;}
  .btnunderline{text-decoration: underline;color: inherit;margin: 4px;}
  
  
  
  /* 모달 */
    .blocker{z-index:999999999;padding: 0}
  .modal{width: 100%;;border-radius: 0px !important;max-width:700px !important;padding: 20px 10px!important;font-size:18px;overflow: inherit !important;}
  .modal a.close-modal{width: 24px !important;top: 24px !important;right: 24px !important;background-image: url(/img/page/membership/btn_close2.png) !important;}
  .modal .conWrapper{margin:0;width: 100%;height: fit-content;}
  
  
  
  /* 페이지탭 */
  #pageNav{position: sticky;top: 44px !important;background: var(--tcBlack);justify-content: center;z-index:2;overflow-x: scroll;scroll-snap-align: start;}
  #pageNav::-webkit-scrollbar{height: 2px !important;}
  .tab > a{font-weight: 500;color: var(--tcLgray40);padding: 0.8rem 1.5rem;flex-shrink: 0;}
  .tab > a.active{font-weight:600; border-bottom:2px solid #fff;color:#fff;}
  .tab.depth01 > a{font-size: var(--txtSize-24); font-weight: 600;}
  .tab.depth02 > a{font-size: var(--txtSize-16);padding: 15px 10px; font-weight: 600;}
  .tab.depth03 > a{font-size: var(--txtSize-14);border: var(--borderGray);border-radius: 100px;padding: 7px 10px;}
  .tab .active { color: var(--tcBlack)}
  .tab.depth02.hasLine .active{border-bottom: 2px solid var(--tcBlack);}
  .tab.depth03 .active {background-color: var(--tcBlack); color: #fff; border: none;font-weight: 400;}
  
  .tabCon{width: 100%;flex-shrink: 0;flex-wrap: wrap;}
  .tabCon.w2.w1 > *{width: 100%;}
  .tabCon.w2 > *{width: 50%}
  
  
  /* 2열 형태 */
  .flex-row {display: flex;flex-wrap: nowrap;align-items: center;flex-direction: row;}
  .flex-row.col-2 > *{flex:1;flex-basis:50%;flex-grow: 1;flex-shrink: 0;}
  .flex-row .row-content.txtCon{margin:0;flex-direction: column;padding: 50px;gap: 20px;}
  
  
  /* 서비스안내 FAQ */
  .serviceInfo .titWrap,.FAQ .titWrap{padding:0 25px}
  .serviceInfo .conWrapper{gap: 30px;padding: 0 25px;}
  .serviceInfo .conWrapper > li, .serviceInfo .conWrapper li .step{display:flex;flex-direction:column;gap:10px;}
  .serviceInfo .conWrapper > li ,.FAQ .conWrapper > li{border-bottom: 1px solid #f4f4f4;width: 100%;padding-bottom: 30px;}
  .infotit{/* width: 220px; */font-weight: 700 !important;}
  .serviceInfo .conWrapper li .step .box{background-color:var(--bgMgray-f4);padding:var(--m-box);font-size: 14px;gap: 30px;}
  .serviceInfo .conWrapper > li span.info{display: contents}
  
  .FAQ .conWrapper{gap: 00px;padding: 0 20px;}
  .FAQ .conWrapper > li {display:flex;flex-direction:column;padding-bottom: 00px;}
  .FAQ .conWrapper > li .infotit.Q{width: 100%;cursor: pointer;padding: 30px 0;}
  .Q + .A{display: none;background-color: var(--bgLgray-f7);padding: var(--m-box);}
  
  .FAQ li .Q i{float:right;opacity:0.3;font-size:16px;margin-top: 4px;}
  .FAQ .is-active i{transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
  
    /* 상품 */
  .prdList{display:flex;;flex-direction:row;gap:6px;flex-wrap:wrap;}
  .prdListitem{display:flex;flex-direction:column;align-items:flex-start;text-align:left;}
.prdListitem .brand{width: 100%;font-size: 12px;font-weight: 600;text-align: left;}
:not(:has(.swiper-slide)) .prdListitem {width: calc(50% - 5px) !important;margin-top: 30px;} 
.prdList02 .prdListitem{width: inherit;}
.prdList02 {gap: inherit;padding-bottom: 40px;}
.prdListitem .imgCon { position: relative; background: #000; overflow: hidden; } 
.prdListitem .imgCon .capBox { color: #fff !important; background: #000; padding: 8px 10px; font-weight: 300; position: absolute; z-index: 1; font-size: 14px; } 
.prdListitem .imgCon .state { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.prdListitem .imgCon .state.coming { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; } 
.prdListitem .imgCon .state + img,.prdListitem .imgCon .stateend + img { opacity: 0.5; } 
.prdListitem li{display: flex;font-size: 12px;flex-wrap: wrap;text-align: left;flex-direction: column;}
.prdListitem > ul { margin-top: 10px; } 

.prdListitem li .beforeF { color:#2697FF !important; font-weight: 500; margin-right: 10px; font-size: 12px; text-align: left; } 
.prdListitem li .discountF{color: #c0252a !important;font-weight: 700; margin-right: 10px;font-size: 12px; text-align: left;}
.prdListitem li .beforeF + div,.prdListitem li .discountF + div { font-size: 12px; font-weight: 200; opacity: 0.7; } 
.prdListitem del { opacity: 0.6; font-size: 1em; margin-right: 10px; font-weight: 200; vertical-align: middle; display: inline-block; padding-top: 3px; } 
.prdListitem li .afterF { font-weight: 500; vertical-align: middle; } 
.prdListitem h5 { margin-top: 20px; } 
  

.modal a.close-modal{position: fixed;}
  
  }
  




  .-global a{    font-size: 16px;
    font-weight: 100;
    padding: 8.5px;
    top: -3.5px;}

    .selectGlobal button.-button.-dismiss.close{font-size: 13px;}

    .selectGlobal {
      /* max-width: 300px !important;
      height: fit-content;
      left: unset;
      transform: translate(0);
      right: 20px;
      top: 110px;
      box-shadow: none;
      border: 1px solid #ddd;
      padding-top: 22px; */
      max-width: 300px;
      left: unset;
      padding: 0;
      height: fit-content;
      top: 119px;
    
      right: 30px;
    }
    
    .selectGlobal .-backdrop {
       background: transparent
    }
    
    .selectGlobal .-modal {
        border: 1px solid #ddd;
        max-width: 100%;
        top: 0;}


.selectGlobal .modalbtnClose {
    text-align: center;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
}

.blocker:has(.selectGlobal) {
	background: transparent;
    /* width: 340px;
    height: 300px;
    left: unset; */
}

.selectGlobal .close-modal {
    /* display: none !important; */
    position: absolute;
    width: 10px !important;
    top: 5px !important;
    right: 14px !important;
}

.selectGlobal h1 {
    font-size: 20px !important;
    display:none;
}

.selectGlobal h3 {
    font-size: 14px !important;
    /* display:none; */
    font-weight: 400;
}

.selectGlobal .selectglobalWrap {
    display: flex;
    background: transparent;
    border: none;
    gap: 4px;
    border-radius: 0;
    flex-direction: column;
  margin:10px 0;
}

.selectGlobal .selectglobalWrap a {
    font-size: 15px;
    border: 1px solid #ddd;
    padding: 12px 40px;
    font-weight: 300;
    /* background: #000; */
    /* color: #fff; */
    transition: 0.3s;
    text-align: center;
}

.selectGlobal .selectglobalWrap a:hover,.selectGlobal .selectglobalWrap a.active {
border-color: #000;
}




@media(max-width:768px){
  .m-taC{text-align: center;}
  .m-taL{text-align: left;}
  .m-taR{text-align: right;}

  
  .selectGlobal button.-button.-dismiss.close{    right: 16px;
    top: 9px;}
  .-global{position: absolute;
    right: 7px;
    top: 15px;}
    /* header.-header > .-top > .-header .-search{right: 80px !important;}
    header.-header > .-top > ul .-cart{right: 46px !important;} */
    .selectGlobal .-modal{padding: 30px;border-top: 0;border-left: 0; border-right: 0;}
  .-global a{    font-size: 16px;
  font-weight: 100;
  padding: 5px;
  top: -3px;}

  .-global a i{font-size: 16px;}
.selectGlobal {
  max-width: unset;
  left: 0;
  top: 0;
  right: 0;
}

.selectGlobal .modalbtnClose {
  text-align: center;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
}

.blocker:has(.selectGlobal) {
background: rgb(0 0 0 / 32%);
overflow: hidden;
}

.selectGlobal .close-modal {
  /* display: none !important; */
  position: absolute;
  width: 10px !important;
  top: 5px !important;
  right: 14px !important;
}




.selectGlobal .selectglobalWrap {
  display: flex;
  background: transparent;
  border: none;
  gap: 4px;
  border-radius: 0;
  flex-direction: column;
margin:10px 0;
}

.selectGlobal .selectglobalWrap a {
  font-size: 15px;
  border: 1px solid #ddd;
  padding: 12px 40px;
  font-weight: 300;
  /* background: #000; */
  /* color: #fff; */
  transition: 0.3s;
  text-align: center;
}

}