@media screen and (max-width:1200px){
  .mypage_wrap {
    margin-top: 10px;
  }
  .profile_box_mo > .s_txt_mo{
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin: 20px 0 0 0;
    padding: 0 10px;
    color: #999;
  }
  .content .mypage_wrap .my_title {
    font-size: 17px;
    margin-bottom: 0;
  }
  .content .mypage_wrap .mo_title {
    margin-bottom: 20px;
    margin-top: 40px;
  }
  .login_page {
    width: 50%;
  }
  .mypage_wrap {
    flex-wrap: wrap;
    width: 100%;
  }
  .mypage_main > .s_txt{
    display: none;
  }
  .mypage_main {
    border-left: none;
    padding: 0;
    width: 100%;
  }
  .order_view_wrap .state_view {
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .order_view_wrap li.order_state {
    padding: 0 18px;
    width: auto;
  }
  .order_view_wrap ul li.order_return {
    display: none;
  }
  .order_view_wrap li.order_state .state_num {
    font-size: 20px;
  }
  .order_view_wrap li.order_state .state_txt {
    font-size: 12px;
  }
  .order_view_wrap .order_return_mo {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-top: 1px dotted rgba(153, 153, 153, 0.2);
    padding: 15px 0;
    border-bottom: 1px solid #1a1a1a;
  }
  .order_view_wrap .order_return_mo > div {
    width: 32%;
    text-align: center;
  }
  .order_view_wrap .order_return_mo > div span {
    font-size: 12px;
  }
  .order_view_wrap .order_return_mo > div span:first-child {
    margin-right: 10px;
    color: #999;
  }

  /* 타이틀 */
  .mypage_main .title_top {
    position: relative;
    text-align: center;
    margin-bottom: 30px;
  }
  .mypage_main .title_top > a{
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .title_top > a i {
    font-size: 25px;
    vertical-align: sub;
  }


  .not_con {
    padding: 40px 0px;
    font-size: 13px;
  }
  .order_list_product .order_product {
    align-items: flex-start;
  }
  .order_list_product .order_product_img {
    width: 15%;
    height: auto;
  }
  .order_list_product .order_product_img img {
    display: block;
    height: auto;
    max-width: 100%;
  }
  .order_list_product .order_product_info {
    width: 55%;
  }
  .order_product_info .order_detail {
    margin-top: 20px;
  }
  .length_wrap {
    width: 10%;
    line-height: 150px;
  }
  .order_product_state {
    margin-top: 40px;
    width: 17%;
  }
  .order_product_state .text {
    font-size: 15px;
    margin-bottom: 5px;
  }
  .order_product_info .name {
    margin-bottom: 10px;
  }
  .order_product_info .name a {
    font-size: 14px;
  }
  .order_list_product .order_product .order_numder {
    margin-bottom: 15px;
  }
  .order_product_state .btn > a {
    width: 60%;
  }
  .order_product_state .detail_page{
    display: inline-block;
    margin-top: 15px;
    float: left;
  }
  .order_product_state .btn > span, .order_product_state .btn > a > span {
    width: 100%;
    font-size: 12px;
  }
  .order_product_state .cancel_txt {
    line-height: 18px;
    margin-top: 10px;
    font-family: 'Neo_Semibold';
  }
  .order_product .detail_content:first-child ul {
    max-height: 100px;
  }
  .detail_content:not(:first-child) ul li div:first-child {
    width: 35%;
  }
  .detail_content:not(:first-child) ul li div:last-child {
    width: 65%;
  }
  .order_product_info .status_btn_wrap {
    margin-top: 15px;
  }
}
@media screen and (max-width:767px){
  .login_page {
    width: 100%;
  }
  /* .order_view_wrap ul:not(.page):not(.detail_box > ul) {
    margin-bottom: 0;
  } */

  .order_view_wrap .state_view ul {
    width: max-content;
  }
  .order_view_wrap ul:not(.page):not(.detail_box ul){margin-bottom: 30px; padding: 15px;}
  .order_list .order_menu{margin-top: 10px; margin-bottom: 20px;}
  .order_list_product .order_product {
    position: relative;
    padding: 50px 0 20px;
  }
  .order_view_wrap li.order_state .state_num{font-size: 18px;}
  .order_list_product .order_product_img {
    width: 20%;
  }
  .order_list_product .order_product_info {
    width: 77%;
    margin-left: 3%;
  }
  .order_product_state .text {
    position: absolute;
    margin-bottom: 5px;
    top: 20px;
    left: 0;
    font-size: 14px;
    font-family: 'Neo_Semibold';
    color: #999;
  }
  .order_product_info .name a,.order_product_info .name {
    font-size: 14px;
  }
  .order_product_info .name span {
    font-size: 12px;
  }
  .order_list_product .order_product .order_numder {
    font-size: 12px;
  }
  .order_product_info .option {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 20px;
  }
  .order_product .order_numder span {
    font-size: 11px;
  }
  .length_wrap {
    display: none;
  }
  .order_product_info .order_detail {
    font-size: 11px;
    position: absolute;
    top: 0;
    right: 0;
  }
  .order_product_state {
    width: 100%;
    margin-left: 23%;
    margin-top: 15px;
    position: initial;
    justify-content: normal;
    align-items:normal;
  }
  .order_product_state .btn {
    flex-direction: row;
    gap: 10px;
    margin-top: 15px;
  }
  .order_product_state .btn > a {
    width: 100%;
  }
  .order_product_state .btn > span, .order_product_state .btn > a > span {
    padding: 12px 0;
  }
  .order_product_state .cancel_txt {
    text-align: right;
    color: #999;
  }
  .order_product .detail_box {
    flex-direction: column;
    gap: 10px;
  }
  .order_product .detail_box .detail_content {
    width: 100%;
  }
  .order_product .detail_content ul {
    width: 100%;
  }
  .detail_content:not(:first-child) ul li div:first-child {
    width: 35%;
  }
  .detail_content:not(:first-child) ul li div:last-child {
    width: 65%;
  }
  .order_list_product > div:first-child {
    font-size: 13px;
    word-break: keep-all;
  }
  .order_none{font-size: 13px; line-height: 22px;}

  /*문의하기 0425*/
  .inquiry_wrap .inq_input li {flex-wrap: wrap;}
  .inquiry_wrap .inq_input li .user_info {width: 100%;padding-left: 0;margin-bottom: 15px;}
  .inquiry_wrap .inq_input li .inq_txt,
  .inquiry_wrap .inq_input .inq_type,
  .inquiry_wrap .inq_input .inquiry_Input #title,
  .inquiry_wrap .inq_input .inquiry_Input textarea,
  .inquiry_wrap .inq_input .img_upload input[type="file"] {width: 100%;}
  .inquiry_wrap .inq_input .img_upload input[type="file"] {margin-bottom: 10px;}

}