input:focus {outline:none;}
  .my_box {max-width:380px;width: 100%; margin:0 auto;  border-radius:10px; box-shadow: 0px 3px 11px rgba(0,0,0,0.3); overflow: hidden; position: absolute; top: 53%; left: 50%; transform: translate(-50%,-50%);}
  .my_box .my_txt {height:570px; width:100%; background:#fff; overflow-y: scroll; -ms-overflow-style: none;  overscroll-behavior: contain}
  .my_box .my_txt{ }
  .my_box .my_txt::-webkit-scrollbar{ display:none; }
  .my_box .my_txt .line {width:45px; height:3px; background:#5ac2d3; position: relative; margin-bottom:30px;}
  .my_box .my_txt .line:after {content:''; width:45px; height:3px; background:#ccc; position: absolute; left:48px;}
  .my_box .my_txt .profile {background: linear-gradient( to top, #83deed, #5ac2d3 ); width: 100%; height: 160px; text-align: center; position: relative;}
  .my_box .my_txt .profile a {position: absolute; top: 13px; left: 15px; color: #fff; font-family: 'GmarketSansMedium'; font-size: .9em; opacity: .9;}
  .my_box .my_txt .profile a svg {position: relative; top: 6px; margin-right: 3px;}
  .my_box .my_txt .profile .profile_img {width: 130px; margin: 0 auto; height: 130px; background: #fff; padding: 5px; border-radius: 50%; position: relative; top: 96px;}
  .my_box .my_txt .profile_txt {text-align: center; margin-top: 73px; }
  .my_box .my_txt .profile_txt h2 {font-size: 1.4em; font-family: 'GmarketSansMedium'; color: #222; font-weight: 600;} 
  .my_box .my_txt .profile_txt p {font-size: 1.1em; color: #bbb; font-family: 'GmarketSansMedium'; margin-top: 3px; letter-spacing: .5px;}
  .my_box .my_txt .profile_txt a {display: inline-block; margin-top: 3px; padding: 2px 10px 4px 10px; background: #61c7d7; color: #fff; border-radius: 30px; }
  .my_box .my_txt .profile_box {text-align: center; margin-top: 40px;}
  .my_box .my_txt .profile_box:after {content: ''; clear: both; display: table;}
  .my_box .my_txt .profile_box .profile_qna {float: left; width: 50%; border-right: 1px solid #ddd;}
  .my_box .my_txt .profile_box .profile_order{float: left; width: 50%;}
  .my_box .my_txt .profile_box h2 {font-size: 1.5em;font-weight: 400; font-family: 'GmarketSansMedium'; }
  .my_box .my_txt .profile_box p {font-size: 3em; color: #61c7d7; font-family: 'GmarketSansBold'; margin-top: 8px;}
  .my_box .my_txt .profile_box a {display: inline-block; padding: 2px 15px 4px 15px; color: #fff; background: #b6b6b6; border-radius: 30px; margin-top: 2px;}
  .my_box .my_txt .logout_bt {text-align: center; color: #888; letter-spacing: .5px; display: inline-block; margin-top: 79px; font-family: 'GmarketSansMedium'; font-weight: 300; font-size: .85em; width: 100%; background: #f0f0f0; padding: 15px 0;}
  .my_box .my_txt .logout_bt svg {position: relative; top: 3px; } 

  @media screen and (max-width:992px) {
    .my_box {}
    .my_box .my_txt {}
  }
  @media screen and (max-width:550px) {
    .my_box .my_txt {height:500px;}
    .my_box {width: 90%;}
    .my_box .my_txt .profile {height: 130px;}
    .my_box .my_txt .profile .profile_img {top: 68px;}
    .my_box .my_txt .profile_box {margin-top: 30px;}
    .my_box .my_txt .profile_box h2 {font-size: 1.3em;}
    .my_box .my_txt .profile_box p {font-size: 2.5em;}
    .my_box .my_txt .logout_bt {margin-top: 61px;}
  }
  @media screen and (max-width:380px) {
  }
  @media screen and (max-width:330px) {
  }