@charset "UTF-8";

main {
  padding: 11.67vw 5.56vw 4.17vw;
  width: auto;
  min-height:166.6vw;
  position:relative;
}

.account-setting-title {
  margin-top: 9.72vw;
  font-family: "THELuxGoRA";
  font-size: 6.25vw;
  line-height: 8.33vw;
  color: #1a1e27;
}

.account-setting {
  display: flex;
  flex-direction: column;
}

.account-setting div {
  font-family: "THELuxGoRA";
  font-size: 5.56vw;
  line-height: 8.33vw;
  color: #1a1e27;
  margin-top: 10.56vw;
}

.account-setting div.badge_box{margin-top: 0;}

.account-setting div.badge_box .badge{
display:none;
margin-top: 0;
}

.account-setting.on div.badge_box{margin-top: 0;display: flex;}
.account-setting.on div.badge_box .badge{margin-top:0;display: flex;align-items: center;margin-right: 2.08vw;}
.account-setting.on .join-supporter{display: none;}

.account-setting div.badge_box .badge img{width: 4.86vw;height: 5.56vw;margin-right: 0.69vw;}
.account-setting div > div.email{
  margin-top:0;
  }

.account-setting div:first-child {
  margin-top: 14.17vw;
}

.acouunt-setting span {
  font-weight: bold;
}

.id {
  display: flex;
  justify-content: space-between;
}

.id span {
  margin-right: 6.94vw;
  width: 18vw;
}

.change-pw {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.change-pw a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.change-pw a img {
  width:1.53vw;
  height:3.61vw;
}
.change-pw a span {
  width: 100%;
  font-family: "THELuxGoRA";
  font-size: 5.56vw;
  line-height: 8.33vw;
  color: #1a1e27;
}

.join-supporter {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.join-supporter a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.join-supporter a img {
  width:1.53vw;
  height:3.61vw;
}
.join-supporter a span {
  width: 100%;
  font-family: "THELuxGoRA";
  font-size: 5.56vw;
  line-height: 8.33vw;
  color: #1a1e27;
}

.join-supporter a span em{
    background:#4880EE;
    border-radius: 4.17vw;
    color:#fff;
    font-family: "THELuxGoRA";
    font-size: 4.17vw;
    line-height: 5.56vw;
    padding: 0 3.89vw;
    margin-left: 5.56vw;
    align-items: center;
    display: inline-flex;
}

.account-setting .ad-move-box {
  display: none;

}

.account-setting.on .ad-move-box {
  display: block;
  margin-top: 0;
}

.account-setting.on .ad-move-box .ad-move{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ad-move-box .ad-move:first-child {
  margin-top: 10.56vw;
}

.ad-move-box a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ad-move-box a img {
  width:1.53vw;
  height:3.61vw;
}
.ad-move-box a span {
  width: 100%;
  font-family: "THELuxGoRA";
  font-size: 5.56vw;
  line-height: 8.33vw;
  color: #1a1e27;
  align-items: center;
  display: flex;
}

.ad-move-box a span.type1 img{
   width: 5.83vw;
   height: 5.28vw;
   margin-left: 1.67vw;
}

.ad-move-box a span.type2 img{
  width: 5.69vw;
  height: 5.00vw;
  margin-left: 1.67vw;
}

.ad-move-box a span em{
    background:#4880EE;
    border-radius: 4.17vw;
    color:#fff;
    font-family: "THELuxGoRA";
    font-size: 4.17vw;
    line-height: 5.56vw;
    padding: 0 3.89vw;
    margin-left: 5.56vw;
    align-items: center;
    display: inline-flex;
}



.logout {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logout a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logout a img{
  width: 1.53vw;
  height: 3.61vw;
}

.logout a span {
  font-family: "THELuxGoRA";
  font-size: 5.56vw;
  line-height: 8.33vw;
  color: #1a1e27;
}

.withdrawal {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.withdrawal a {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.withdrawal a img{
  width: 1.53vw;
  height: 3.61vw;
}

.withdrawal a span {
  font-family: "THELuxGoRA";
  font-size: 5.56vw;
  line-height: 8.33vw;
  color: #1a1e27;
}

.noti_box {
  margin-top: 48.61vw;
}
.noti_box p.tit_txt {
  font-family: "THELuxGoRA";
  font-size: 4.44vw;
  line-height: 6.25vw;
  color: #1a1e27;
}
.noti_box .sub_box {
  margin-top: 6.94vw;
}
.noti_box .sub_box p {
  font-family: "THELuxGoRA";
  font-size: 3.61vw;
  line-height: 5.56vw;
  color: #b1b8c0;
}

.bg-black {
  display: none;
  position: fixed;
  top: 0;
  z-index: 99999999 !important;
  width: 100vw;
  height: 100vh;
  background: black;
  opacity: 50%;
}

.bg-white {
  display: none;
  position: absolute;
  width: 80.56vw;
  height: 37.5vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999999999999999;
  background: white;
  border-radius: 2.78vw;
}

.bg-white2 {
  display: none;
  position: absolute;
  width: 80.56vw;
  /* height: 59.72vw; */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999999999999999;
  background: white;
  border-radius: 2.78vw;
}

.modal {
  height: 23.06vw;
  margin: 0 auto;
}

.modal2 {
  height: 100%;
}

.modal p {
  height: 23.06vw;
  text-align: center;
  border-bottom: 0.28vw solid #e7e7e7;
  font-family: "THELuxGoRA";
  font-size: 4.86vw;
  line-height: 6.67vw;
  color: #1a1e27;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal2 p:nth-child(1) {
  /* height: 45.14vw; */
  padding: 6.94vw 0;
  font-family: "THELuxGoRA";
  font-size: 4.86vw;
  line-height: 6.94vw;
  color: #1a1e27;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-bottom: 0.28vw solid #e7e7e7;
}

.modal2 p:nth-child(2) {
  height: 20.83vw;
  line-height: 4.17vw;
  text-align: center;
  font-size: 1.94vw;
  border-top: 0.14vw solid #e7e7e7;
  border-bottom: 0.14vw solid #e7e7e7;
}

/* .modal p:nth-child(1){
    font-size: 2.22vw;
    font-weight: bold;
} */

.modal_flex {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 14.44vw;
}

.modal_flex span {
  width: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 6.67vw;
  font-family: "THELuxGoRA";
  font-size: 4.72vw;
  height: 100%;
}

.modal_flex span:first-child {
  border-right: 0.28vw solid #e7e7e7;
}

.modal_flex span:last-child {
  color: #f22828;
  font-weight: bold;
   border-right: 0;
}

.modal_flex a {
  display: flex;
  width:50%;
  height:100%;
}

.modal_flex a span:first-child{
  width: 100%;
  border-right: 0;
}