#mypage > div{
  width:94vw;
  max-width:1080px;
  margin:0 auto;
}
#mypage div > p{
  font-size:15px;
}
.input-box{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  margin:20px 0 0 0;
}
.input-box > div{
  padding:20px;
  font-size:18px;
  border-bottom:1px solid #dcdcdc;
  align-items:center;
  display:flex;
}
.input-box > div:nth-child(1){
  width:25%;
  background:#f4f4f4;
  font-size:16px;
  font-weight:500;
}
.input-box > div:nth-child(2){
  width:75%;
  background:#fff;
}
.input-box > div input{
  padding:5px;
  border:1px solid #dedede;
  font-size:14px;
}
.input-box > div label{
  padding:5px;
  font-size:14px;
}

select {
  width: 8em;
  padding:5px 5px 5px 10px;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  position:relative;
  border-radius: 2px;
  background: #ffffff;
  border:1px solid #dedede;
}
select:before{
  content: "";
  width:10px;
  height:10px;
  background:#000;
}
.input-box > div option{
  padding:5px;
  border:1px solid #dedede;
  font-size:14px;
}
#email{
  width:70%;
}
#password{
  width:12em;
}
#address{
  width:70%;
}
.error{
  color:#ff0000;
  font-size:12px;
}
@media (max-width: 768px) {
  .input-box > div{
    border-bottom:none;
  }
  .input-box > div:nth-child(1){
    width:100%;
  }
  .input-box > div:nth-child(2){
    width:100%;
  }
  #email{
    width:100%;
  }
  #password{
    width:100%;
  }
}

.textlink-mypage{
  text-align:center;
  font-size:14px;
  margin:20px 0 0 0;
}
.textlink-mypage a{
  padding:0 0 10px 0;
  color:#000;
  border-bottom:1px dotted #999;
  transition: .3s;
}
.textlink-mypage a:hover{
  border-bottom: 1px dotted #f8f8f8;
  color:#999;
}


.btn-box{
  width:94vw;
  max-width:1080px;
  margin:50px auto 0 auto;
  padding:0 0 0 0;
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
}
.btn-box li{
  width:40%;
  margin: 0 1.5% 0 1.5%;
}
.btn-box li button,.btn-box li a{
  width:100%;
  text-align:center;
  color:#fff;
  background:#191919;
  padding:20px;
  font-size:16px;
  border-radius: 5px;
  border:none;
  transition: .3s;
  display:block;
  filter: drop-shadow(0px 4px -1px rgba(140,140,140,0));
}
.btn-box li button:hover,.btn-box li a:hover{
  color:#fff;
  background:#b2b2b2;
  filter: drop-shadow(0px 4px 2px rgba(140,140,140,0.2));
}
@media (max-width: 880px) {
  .btn-box{
    justify-content: center;
  }
  .btn-box li{
    width:90%;
    margin:20px 0 0 0;
  }
  .btn-box li button,.btn-box li a{
    padding:20px!important;
  }
}

#mypage .back-to-download {
    text-decoration: none;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    transition: .3s;
    padding: 0 0 0 38px;
    position: relative;
    margin-left: 30px;
}

#mypage .back-to-download:before {
    content: "";
    width: 26px;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 2px;
    left: 0;
    transition: .3s;
}

#mypage .back-to-download:after {
    content: "";
    width: 10px;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 6px;
    left: -1px;
    transform: rotate(-45deg);
    transition: .3s;
}