/* BASIC css start */
.container {
     position: relative;
     max-width: var(--layout-total-width);
     padding: var(--layout-padding-set); 
     margin: 0 auto;
 }
 /* 가입순서 */
 .join-step { display: none; flex-wrap:wrap; gap: 48px; align-items: center; justify-content: center; padding: 24px 0; text-align: center; }
 .join-step li {position: relative;display: flex;flex-direction: column;align-items: center;}
 .join-step li:not(:last-child)::after { position: absolute; right: -32px; top: 27px; width: 16px; height: 16px; background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_arrow_step.svg') no-repeat; content: ''; }
 .join-step li .icon { display: block; width: 48px; height: 48px; line-height: 48px; border-radius: 50%; background: var(--cw-color-10); }
 .join-step li p {padding-top: 10px;font-size: 16px;color: var(--cw-color-60);}
 .join-step li.active .icon {background: var(--main-color);}
 .join-step li.active p {font-weight: 600;color: var(--main-color);}
 .form-terms {margin-top: 40px !important;}
 
 .btn-agree { display: flex; align-items: center; justify-content: center; }
 .btn-agree .btn {border-radius: 8px;background: var(--main-color);color: #fff;height: 56px;width: 100%;display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: 600;}
 .page-title-wrap {
     margin-top: 64px;
 }
 
 .page-title-wrap h2 {
     font-size: 30px;
     font-weight: 600;
     display: block !important;
 }
 .form-terms label {
     font-size: 16px !important;
     line-height: 1.5 !important;
     font-weight: 700 !important;
     display: flex;
     align-items: center;
     gap: 6px;
     justify-content: center;
 }
 .form-terms .all-check ul li { font-size: 14px !important; }
 .form-terms .form-wrap textarea, .form-terms .form-wrap .cw-tbl th, .form-terms .form-wrap .cw-tbl td, .form-terms .form-wrap .msg {font-size: 12px !important;}
 .form-terms .all-check ul {
     display: none;
 }
 
 .all-check {
     box-shadow: 2px 2px 9px 0px #0000001F;
     border-radius: 10px;
     padding: 20px 16px;
     margin-bottom: 20px;
 }
 
 .form-terms .join-terms {
     border: 0 !important;
     padding: 0 0 20px !important;
 }
 
 .form-wrap {
     box-shadow: 2px 2px 9px 0px #0000001F;
     border-radius: 10px;
     padding: 20px 16px;
     margin-bottom: 20px;
 }
 
 .form-terms .form-check {
     margin-bottom: 0 !important;
     padding: 0 !important;
 }
 
 .form-terms .form-wrap .terms-content {
     padding: 20px 0 0 0 !important;
 }
 
 .form-check .form-check-input, .form-check input[type="radio"], .form-check input[type="checkbox"] {
     margin: 0 !important;
 }
 
 .form-terms .form-wrap textarea {
     border: 1px solid #DBDBDB !important;
     background: #fff !important;
     color: #000 !important;
 
         /* --- 스크롤바 스타일링 시작 --- */
         &::-webkit-scrollbar {
             width: 2px;
         }
 
         &::-webkit-scrollbar-thumb {
             background-color: #DBDBDB;
             border-radius: 0;
         }
 
         &::-webkit-scrollbar-thumb:hover {
             background-color: #DBDBDB;
         }
 
         &::-webkit-scrollbar-track {
             background-color: #fff;
             border-radius: 0;
         }
 
         /* --- 스크롤바 스타일링 끝 --- */
 }
 
 .form-terms .form-wrap .cw-tbl th, .form-terms .form-wrap .cw-tbl td {
     border: 1px solid #dedede !important;
     color: #000 !important;
 }
 
 .form-terms .form-wrap .cw-tbl th {
     font-weight: 700 !important;
 } 
 /* -------------------------------------------------------------------------- */
 /* 태블릿 반응형 (1024px) */
 /* -------------------------------------------------------------------------- */
 
 @media (max-width: 1024px) { 
 .container {
     padding: 0 calc(var(--layout-side-padding));
 }
 
 .page-title-wrap {
     margin-top: 32px;
 }
 
 .page-title-wrap h2 {font-size: 19px;font-weight: 700;}
 
 
 
     .join-step {gap: 40px;}
     .join-step li::after { right: -28px; }
     .join-step li p { font-size: 14px; }
     .form-terms .all-check ul li { font-size: 12px !important; }
     .form-terms label,
     .form-terms .join-terms .form-check {font-size: 14px  !important;line-height: 1.2 !important;}
  .btn-agree .btn {
         height: 48px;
         border-radius: 6px;
         font-size: 14px;
  }
 /*
 .form-terms .form-wrap textarea, .form-terms .form-wrap .cw-tbl th, .form-terms .form-wrap .cw-tbl td, .form-terms .form-wrap .msg {
     font-size: 11px !important;
 }
 */
 }
 
 /* 모바일 */
 @media (max-width: 480px) {
     .btn-agree .btn { width: 100%; }
 }
/* BASIC css end */