@charset "UTF-8";

.supprter #container{padding-top: 0;}
.supprter.join #container{padding-top: 15.28vw;}
.supprter.withdraw #container{padding-top: 15.28vw;}
.wrap { width: 100.00vw; max-width: 100.00vw; margin: 0 auto; position: relative; overflow: hidden; }
.wrap.review { padding-bottom:9.26vw; }
.wrap.complete .inner {padding: 29.44vw 5.56vw 3.06vw;}
.wrap.join .inner {padding:0;}

/* 가입 */
.wrap.join .inner section{
 border-top: 4.17vw solid #f3f3f5;
 padding: 4.17vw 4.17vw 9.72vw;
}

.wrap.join .inner section h1{
  font-family: "THELuxGoEB";
  font-size: 6.25vw;
  line-height: 8.33vw;
}

.wrap.join .inner section .txt1{
  font-family: "THELuxGoRA";
  font-size: 4.17vw;
  line-height: 6.25vw;
  margin-top: 5.56vw;
  padding-left: 3.06vw;
  text-indent: -3.06vw;
}

.wrap.join .inner section h2{
  font-family: "THELuxGoEB";
  font-size: 4.86vw;
  line-height: 8.33vw;
}

.wrap.join .inner section ul.txt2{

padding-left: 4.17vw;
}

.wrap.join .inner section ul.txt2 li{
  font-family: "THELuxGoRA";
  font-size: 4.17vw;
  line-height: 6.25vw;
  margin-top: 2.08vw;
  list-style: disc;
}

.wrap.join .inner section ul.txt2 li .type1{
  color: #4880ee;
}

.wrap.join .inner section .btn_box{
  margin-top: 6.39vw;
  display: flex;
  flex-direction: column;
}

.wrap.join .inner section .btn_box .btn_agree{
  font-family: "THELuxGoRA";
  font-size: 4.17vw;
  line-height: 6.25vw;
  color: #1a1e27;
  display: flex;
  width: fit-content;
}

.wrap.join .inner section .btn_box a.btn_move{
  font-family: "THELuxGoRA";
  font-size: 4.17vw;
  line-height: 6.25vw;
  color: #1a1e27;
  display: flex;
  position: relative;
}

.wrap.join .inner section .btn_box a.btn_move:after{
  content: "";
  width:100%;
  height: 1px;
  background: #1a1e27;
  display: block;
  position: absolute;
  bottom:0;
}

.wrap.join .inner section .btn_join{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 13.89vw;
  text-align: center;
  font-family: "THELuxGoRA";
  font-size: 5.56vw;
  line-height: 6.25vw;
  background: #5f91d6;
  color: #ffffff;
  border-radius: 2.78vw;
  margin-top: 11.11vw;
}

.wrap.join .inner section:first-child{
 border-top: 0;
}

.wrap.join .inner section .btn_box .btn_agree::after {
  content: "";
  background: url(/img/renew2/ico_login_onoff.png) 0 0 no-repeat;
  background-size: 100% auto;
  width: 4.44vw;
  height: 2.92vw;
  display: block;
  position: relative;
  top: 1.69vw;
  margin-left: 1.39vw;
}
.wrap.join .inner section .btn_box .btn_agree.privacy{
  text-decoration: underline;
}

.wrap.join .inner section .btn_box .btn_agree.on::after {
  content: "";
  background: url(/img/renew2/ico_login_onoff.png) 0 0 no-repeat;
  display: block;
  background-position: 0 -3.06vw;
  background-size: 100% auto;
}

.wrap.join .inner section .btn_box .privacy_box{
  display:flex;
}

/* 가입 완료 */
.wrap.complete .inner .sec_1 .ico_img{
  width:23.61vw;
  margin: 0 auto;
  display: block;
}
.wrap.complete .inner .sec_1 .txt1{
  font-family: "THELuxGoRA";
  font-size: 5.56vw;
  line-height: 8.33vw;
  letter-spacing: -0.02em;
  color: #1a1e27;
  margin-top: 9.72vw;
  text-align: center;
}

.wrap.complete .inner .sec_1 .txt2{
  font-family: "THELuxGoEB";
  font-size: 6.94vw;
  line-height: 8.33vw;
  color: #1a1e27;
  margin-top: 19.44vw;
  text-align: center;
}

.wrap.complete .inner .sec_1 .txt2 .type1{
  color: #556fde;
}

.wrap.complete .inner .sec_1 .txt2 .type2{
  color: #2a3d92;
}

.wrap.complete .inner .sec_1 .bg_img{
  width: 83.47vw;
  margin: 0 auto;
  margin-left: 9.17vw;
  display: block;
  animation:Bounce 3s ease infinite normal both;
}

.wrap.complete .inner .sec_1 .btn_home{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 13.89vw;
  text-align: center;
  font-family: "THELuxGoRA";
  font-size: 5.56vw;
  line-height: 6.25vw;
  background: #5f91d6;
  color: #ffffff;
  border-radius: 2.78vw;
  margin-top: 11.11vw;
}

@keyframes Bounce {
  0%, 20%, 53%, 80%, 100% {transform:translate3d(0,0,0);}
  40%, 43% {transform:translate3d(0, -1.39vw, 0)}
  70% {transform:translate3d(0, -0.97vw, 0);}
  90% {transform:translate3d(0,-0.28vw,0);}
}

/* 출금하기 */
.wrap.withdraw .inner section{
 /* border-top: 4.17vw solid #f3f3f5; */
 padding: 4.17vw 4.17vw 9.72vw;
}

.wrap.withdraw .inner section h1{
  font-family: "THELuxGoEB";
  font-size: 6.25vw;
  line-height: 8.33vw;
  margin-bottom: 16.39vw;
}

.wrap.withdraw .inner section h2{
  font-family: "THELuxGoRA";
  font-size: 4.44vw;
  line-height: 8.33vw;
  margin-bottom: 2.17vw;
}

.wrap.withdraw .inner section .point_box{display: flex;align-items: center;margin-bottom: 7.17vw;}

.wrap.withdraw .inner section .point_box p{font-family: "THELuxGoRA";font-size: 5.56vw;line-height: 8.33vw;width: 40vw;}
.wrap.withdraw .inner section .point_box input{width:calc(100% - 40vw);text-align: end;font-family: "THELuxGoRA";font-size: 5.56vw;line-height: 8.33vw;}

.wrap.withdraw .inner section .input_box{display: flex;flex;align-items: center;margin-bottom: 4.17vw;}
.wrap.withdraw .inner section .input_box input{
  width: calc(100% - 26.81vw);
  font-size: 3.24vw;
  line-height: 1;
  text-align: left;
  font-family: "THELuxGoR";
  border: 0.19vw solid #1a1e27;
  padding: 3.8vw 3.7vw;
  background: #fff;
  border-radius: 2.78vw;
  }

.wrap.withdraw .inner section .input_box p{
  font-family: "THELuxGoRA";
  font-size: 5.56vw;
  line-height: 8.33vw;
  width:26.81vw
}
.wrap.withdraw .inner section .select_box{display: flex;align-items: center;margin-bottom: 4.17vw;}
.wrap.withdraw .inner section .select_box p{
  font-family: "THELuxGoRA";
  font-size: 5.56vw;
  line-height: 8.33vw;
  width:26.81vw
}
.wrap.withdraw .inner section .select_box select{
  width: calc(100% - 26.81vw);
  font-family: "THELuxGoR";
  font-size: 3.24vw;
  padding: 3.7vw 3.7vw;
  border: 0.19vw solid #1a1e27;
  color: #1a1e27;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/img/renew/ico_select_d.png) no-repeat 91% 50% / 3.33vw auto;
  border-radius: 2.78vw;
}

.wrap.withdraw .inner section ul.txt2 {
  padding-left: 4.17vw;
}

.wrap.withdraw .inner section ul.txt2 li{
  font-family: "THELuxGoRA";
  font-size: 3.61vw;
  line-height: 6.25vw;
  margin-top: 2.08vw;
  list-style: disc;
}

.wrap.withdraw .inner section .btn_withdraw{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 13.89vw;
  text-align: center;
  font-family: "THELuxGoRA";
  font-size: 5.56vw;
  line-height: 6.25vw;
  background: #5f91d6;
  color: #ffffff;
  border-radius: 2.78vw;
  margin-top: 11.11vw;
}