/* 태블릿 */
@media screen and (max-width:1200px){
  /* 공통 */
  .content_wrap {width: 90%;}
  .content_panel {width: 100%;}
  .texts_list {padding: 0 50px;}

  /* 로그인 페이지 */
  .content_login {width: 80%;}

  /* 선택영상 편집 페이지 - step1 */
  .control_panel .title {height: 75px;}
  .control_panel .title p {line-height: 13px;}

  /* 선택영상 편집 페이지 - step2 */
  .cate_btn {height: 30px; line-height: 30px;padding: 0px 12px;border-radius: 3px;}

  /* 선택영상 편집 페이지 - step3 자막 */
  .content_wrap .content_info {width: 90%;}
  .content_panel, .control_panel {width: 100%;}
  .content_text {margin-bottom: 20px;}
  .cate_tab_wrap {margin-bottom: 10px;}
  .text_img {width: 100%;margin-right: 0;margin-top: 30px;}
  .upload_text {width: 100%;}
  .content_panel .comment img {width: 30%;}

}


/* 모바일 */
@media screen and (max-width:767px){
  /* 공통 */
  .content_wrap {width: 95%; margin: 40px auto;}
  .content_wrap .content_info {width: 100%;}
  .control_panel .title {height: 75px;}
  .texts_list {padding: 0 50px 15px 20px;}

  /* 로그인 페이지 */
  .content_login {width: 85%; flex-direction: column; padding: 35px 0;}
  .content_login > div {width: 100%;}
  .login_info {margin-bottom: 21px;}
  .user_info {padding: 0 25px;}
  .user_info ul, .user_info ul li {width: 100%;}
  .login_info p {font-size: 14px; line-height: 18px;}
  .login_info .strong_text {margin-bottom: 15px;}
  .login_info .login_text > span {font-size: 20px; line-height: 26px;}
  .login_info .tag {height: inherit; line-height: inherit; background-color: inherit;}
  .login_info .tag span {background-color: #ddd; padding: 5px 10px; border-radius: 20px;}

  /* 선택영상 편집 페이지 - step1 */
  .content_panel iframe {height: 180px;}
  .text_title {width: 30%; text-align: left;}
  .texts_list {padding: 0 20px 5px 20px;}
  .text_normal, .btn_om_wrap {width: 70%;}
  .text_normal::placeholder{font-size: 12px;}

  /* 선택영상 편집 페이지 - step2 */
  .group_title {height: 80px;}
  .group_upload {display: inline-block; top: 40px; right: 50%; transform: translateX(50%);border-radius: 5px;}
  #cate_tab > .cate_btn {margin-bottom: 10px;}

  /* 선택영상 편집 페이지 - step3 */
  .content_main {padding: 0 20px;}
  .cate_tab_wrap {overflow-x: scroll;overflow-y: hidden;,margin-bottom: 0;}
  #cate_tab {width:100%;}
  .text_list li input {width: 95%;}
  .content_panel .comment img {width: 35%;}

  /* 주문완료 페이지 */
  .check_img {width: 150px;}
  .check_info p {font-size: 15px;}
  .check_info p br {display: inline-block;}
  .check_btn {margin-bottom: 42px;}
  .check_btn a {height: 40px; line-height: 40px; font-size: 18px;}

}