@media all and (max-width: 1921px) {
  .pc {
    display: block;
  }

  .mob {
    display: none;
  }
}

@media all and (max-width: 1200px) {
  section {
    width: 100%;
  }

  .main_container {
    padding-left: 3%;
    padding-right: 3%;
    box-sizing: border-box;
  }

  .header_wrap {
    width: 100%;
  }

  .top_menu2 {
    width: 100%;
  }

  .top_logo {
    padding-left: 2%;
  }

  .top_search {
    width: 40%;
  }

  .top_util {
    padding-right: 2%;
  }

  .top_menu {
    padding: 100px 2% 0;
  }

  .top_menu1 {
    flex-wrap: wrap;
    width: 100%;
  }

  .top_menu1 > div {
    width: calc((94% / 4));
    margin-right: 2%;
  }

  .top_menu1 > div:nth-child(4) {
    margin-right: 0;
  }

  .double_bg {
    height: 130px;
  }

  .mnb_bg {
    width: auto;
    height: auto;
  }

  /* 비주얼 */
  .visual_container {
    width: 100%;
    height: 360px;
    box-sizing: border-box;
  }

  .slide_img > img {
    height: 360px;
  }
  /* 비주얼 끝*/

  /* 푸터 */
  .bottom_wrap {
    width: 100%;
    padding: 0 2% 3%;
    box-sizing: border-box;
  }
  /* 푸터 끝 */
}

@media all and (max-width: 1034px) {
  .visual_container {
    height: 340px;
  }

  .slide_area {
    width: 70%;
  }

  .login_area2 {
    width: 28%;
  }

  .my_detail_text {
    font-size: 0.9em;
  }

  .slide_img > img {
    height: 340px;
  }

  .login_off,
  .login_on {
    padding-bottom: 1.4em;
    height: 340px;
  }

  .login_detail_top {
    font-size: 0.9em;
  }

  .my_detail_text {
    font-size: 0.8em;
  }

  /* 회원가입 */
  .info_area.half input {
    /* width: 65%; */
  }

  .overlap_btn {
    /* width: 34%; */
  }
  /* 회원가입 끝 */
}

@media all and (max-width: 948px) {
  .top_menu2 {
    font-size: 0.9em;
  }
}

@media all and (max-width: 779px) {
  .c_list_tag {
    font-size: 0.9em;
  }
}

@media all and (max-width: 768px) {
  .pc {
    display: none;
  }

  .mob {
    display: block;
  }

  section {
    padding-top: 110px;
  }

  .main_container.index {
    padding-top: 120px;
  }

  .header_wrap {
    line-height: unset;
    padding: 0 3%;
    box-sizing: border-box;
    flex-direction: column;
    position: relative;
  }

  .mob_menu {
    position: absolute;
    top: 14px;
    left: 4%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mob_menu button img {
    width: 20px;
  }

  .mob_login_area {
    width: 100%;
  }

  .top_menu {
    display: none;
  }

  .top_logo {
    padding-left: 0;
    width: 145px;
    height: 50px;
  }

  .top_search {
    width: 100%;
    padding-bottom: 10px;
  }

  .search_input {
    line-height: 37px;
  }

  .top_util {
    display: none;
  }

  .main_container {
    padding-bottom: 3em;
  }

  .slide_area {
    width: 100%;
  }

  .visual_container {
    height: 260px;
    margin-bottom: 1.5em;
  }

  .slide_img > img {
    height: 260px;
  }

  .most_content {
    float: none;
    width: 100%;
    margin-right: 0;
  }

  .sub_content {
    margin-bottom: 2.2em;
  }

  .ad_top {
    margin-bottom: 0;
  }

  .ad_area,
  .notice_area,
  .notice_area2 {
    flex-direction: column;
  }

  .ad_area > div,
  .notice_area > div,
  .notice_area2 > div {
    width: 100%;
    margin-bottom: 20px;
  }

  .ad_area > div:last-child {
    margin-bottom: 0;
  }

  .long_ad {
    display: none;
  }

  /* 푸터 */
  .bottom_wrap {
    padding: 3% 2%;
  }

  .footer_list::after {
    display: none;
  }

  .footer_list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 1em;
    font-weight: 500;
  }

  .footer_list li {
    float: none;
    padding: 0;
    line-height: 1.8em;
  }

  .footer_list li:last-child {
    margin-right: 0;
  }

  .bottom_area {
    flex-direction: column;
  }

  .bottom_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
  }

  .bottom_logo img {
    width: 100px;
  }

  .bottom_address {
    text-align: center;
    font-size: 12px;
    padding-top: 1em;
    word-break: keep-all;
    font-weight: 500;
  }

  .copyright {
    padding: 1.5em 0 0;
  }
  /* 푸터 끝 */

  /* 회원가입 */
  .signup_form,
  .agree_form {
    width: 90%;
  }

  .complete_btn {
    width: 35%;
  }
  /* 회원가입 끝 */

  /* 이용약관 */
  .terms_wrap {
    padding-top: 2%;
  }
  /* 이용약관 끝 */
}

@media all and (max-width: 460px) {
  .c_list_tag span {
    width: calc((100% - 16px) / 3);
  }

  .login_area2_text {
    margin-bottom: 1.2em;
  }

  .other_login {
    margin-bottom: 1em;
  }

  .other_login > button img {
    width: 40%;
  }

  /* 회원가입 */
  .signup_wrap,
  .agree_form {
    font-size: 0.9em;
  }

  .signup_title {
    padding-bottom: 2.5em;
  }

  .input_title {
    width: 26%;
  }

  .overlap_btn {
    font-size: 0.9em;
  }
  /* 회원가입 끝 */
}
