@media screen and (max-width: 1600px) {
  .form_sec {padding: 100px 0 50px;}
  .my_page_sec {padding: 100px 0 50px;}
  .message_sec {padding: 100px 0 50px;}
}

@media screen and (max-width: 1350px){
  .container {max-width: 100%; padding: 0 20px;}
  .my_page_sec .container {gap: 60px;}
}

@media screen and (max-width: 1200px) {
  header {height: 60px;}
  header .logo {width: 50px;}
  header .hd_btn {gap: 10px;}
  header .hd_btn a:not(.on) {font-size: 15px;}
  header .hd_btn a.on {width: 85px; height: 35px; font-size: 15px;}

  .visual {padding: 20px 30px; margin-top: 30px;}
  .visual .tit {margin-bottom: 20px; font-size: 30px;}
  .visual .search-box {max-width: 300px; height: 40px;}
  .visual .search-box input {padding: 0 10px; padding-right: 20px; font-size: 15px;}
  .visual .search-box .search_btn {right: 14px; width: 16.5px;;}

  .notice_sec {margin-top: 30px; margin-bottom: 80px;}
  .tit-box .tit {font-size: 22px;}
  .tit-box .more_btn {width: 85px; height: 35px; font-size: 15px;}
  .notice-list ul {gap: 20px 0; margin: 0 -10px;}
  .notice-list ul li {padding: 0 10px;}
  .notice-list ul li .child-box .img-box {margin-bottom: 15px;}
  .notice-list ul li .child-box .txt-box .tit {margin-bottom: 10px; font-size: 18px;}

  .cs_list {padding-bottom: 80px;}
  .cs_list ul li .child-box {padding-bottom: 10px; margin-bottom: 10px;}
  .cs_list ul li .child-box .tit {font-size: 15px;}
  .cs_list ul li .child-box .date {font-size: 15px;}

  .tit-box2 .tit {font-size: 28px;}
  .form-area {padding: 20px;}
  .popup {width: calc(100% - 40px);}
  .popup .form-area {padding: 40px 20px;}
  .popup .close_btn {top: 20px; right: 20px;}

  .tit-box3 .tit {margin-bottom: 15px;; font-size: 24px;}
  .tit-box3 .sub {font-size: 16px;}
  .my_page_form {gap: 30px; padding: 20px; margin-top: 30px;}
  .my_page_form .my_img {min-width: 90px; width: 90px;}
  .my_page_ct .current_step ul {gap: 60px;}
  .my_page_ct .current_step ul li .child-box .icon {height: 40px; margin-bottom: 10px;}
  .my_page_ct .current_step ul li .child-box .txt {margin-bottom: 10px; font-size: 16px;}
  .my_page_ct .current_step ul li .child-box .num {width: 35px; font-size: 16px;}
  .my_page_ct .current_step ul li .child-box:before {bottom: 16px; left: 55px;}

  .detail-ct .detail-top .tit {margin-bottom: 10px; font-size: 26px;}
  .comments-box .comments-btn {padding-bottom: 20px;}
  .comments-box .comments-btn .comments-count img {width: 22px;}

  .tab_btn2 a {height: 40px; font-size: 15px;}
  .table-area .table_th li:nth-child(1) {min-width: 120px; width: 120px;}
  .table-area .table_td li:nth-child(1) {min-width: 120px; width: 120px;}
  .table-area .table_th li:nth-child(2) {min-width: 140px; width: 140px;}
  .table-area .table_td li:nth-child(2) {min-width: 140px; width: 140px;}
}

@media screen and (max-width: 900px) {
  .visual {padding: 20px;}
  .visual .tit {margin-bottom: 15px; font-size: 24px;}
  
  .tit-box .tit {font-size: 20px;}
  .notice-list ul li {width: calc(100% / 2);}
  .notice-list ul li .child-box .txt-box .tit {font-size: 16px;}

  footer {padding: 30px 0;}
  footer .container {flex-flow: column; gap: 20px;}
  footer .right-box .f_link a:after {margin: 0 10px;}

  .form_sec {padding: 60px 0;}
  .form_sec .container {max-width: 100%;}
  .tit-box2 .tit {font-size: 22px;}
  .form-area {margin-top: 30px;}
  .form-btn .talk_btn {margin-bottom: 30px;}
  .form-btn .talk_btn img {left: 20px;}
  .form-btn > a {height: 40px; font-size: 15px;}
  .input-box input {height: 40px; padding: 0 10px; font-size: 15px;}
  .form-btn > button {height: 40px; font-size: 15px;}
  .form-btn .link_btn a {font-size: 14px;}

  .talk_login a {height: 40px; font-size: 15px;}
  .talk_login a img {left: 20px;}

  .tab_btn a {padding-bottom: 8px; font-size: 16px;}

  .my_page_sec .container {flex-flow: column; gap: 30px;}
  .tit-box3 {width: 100%; text-align: center;}
  .tit-box3 .tit {margin-bottom: 10px;}
  .my_page_ct .current_step ul {gap: 10px;}
  .my_page_ct .current_step ul li .child-box .icon {height: 25px;}
  .my_page_ct .current_step ul li .child-box .txt {font-size: 15px;}
  .my_page_ct .current_step ul li .child-box .num {width: 30px; font-size: 14px;}
  .my_page_ct .current_step ul li .child-box:before {bottom: 13px; width: 112%;}
  .my_page_form {flex-flow: column-reverse; gap: 30px;}
  .my_page_form .my_img {position: relative; margin-bottom: 20px;}

  .reason_txt {padding: 20px;}
  .reason_txt .tit {margin-bottom: 10px;}
  .link_btn2 a {height: 40px; width: 100%; font-size: 15px;}

  .notice-btn .notice_link {gap: 5px;}
  .notice-btn .notice_link a {padding: 5px 10px; font-size: 14px;}
  .notice-btn .write_btn {padding: 5px 10px; font-size: 14px;}

  .pager ul {gap: 8px;}
  .pager ul .arrow {width: 25px;}
  .pager ul .num a {width: 25px; font-size: 14px;}

  .detail-ct .detail-top {padding-bottom: 10px;}
  .detail-ct .detail-top .tit {margin-bottom: 5px; font-size: 18px;}
  .detail-ct .detail-top .name_date .user_img {width: 25px;}
  .detail-ct .detail-top .name_date .name {font-size: 16px;}
  .detail-ct .detail-top .name_date .date {font-size: 16px;}

  .comments-box {margin-top: 100px;}
  .detail-box figure {margin: 10px 0;}
  .detail-box img {margin: 10px 0;}
  .detail-box p {font-size: 15px;}
  .comments-ul {padding-top: 20px;}
  .comments-ul .tit {font-size: 16px;}
  .comments-item {margin-top: 10px;}
  .comments-box .comments-btn {padding-bottom: 10px;}
  .comments-box .comments-btn .comments_btns a {width: 50px; height: 30px; font-size: 14px;}
  .comments-item .name_txt {flex-wrap: wrap;}
  .comments-item .name_txt .user_img {min-width: 25px; width: 25px;}
  .comments-item .name_txt .name {margin-right: 0; font-size: 15px;}
  .comments-item .name_txt .comments-txt {width: 100%; margin-top: 10px; font-size: 15px;}
  .comments-item {flex-flow: column; align-items: flex-start; gap: 10px;}
  .comments-item .comments_btn2 button {width: 50px; height: 30px; font-size: 14px;}
  .comments-form {padding: 20px 0; margin: 40px auto 0;}
  .comments-form .d-flex {padding: 0 20px;}
  .comments-form .user_img {width: 25px;}
  .comments-form .name_text .name {margin: 4px 0 8px; font-size: 15px;}
  .comments-form .name_text textarea {height: 70px; font-size: 15px;}
  .comments-form .text_count p {font-size: 14px;}
  .form_btn {padding: 20px 20px 0; margin-top: 20px;}
  .form_btn button {width: 100%; height: 40px; font-size: 15px;}

  .detail-ct .detail-top .d-flex {flex-flow: column; align-items: flex-start;}
  .em_btn {display: block; margin-top: 10px;}
}

@media screen and (max-width: 700px) {
  .table-area .table_th {display: none;}
  .table-area .table_td {flex-flow: column; align-items: flex-start; gap: 5px;}
  .table-area .table_td li {width: 100% !important; text-align: left;}
  .table-area .table_td li:nth-child(1) {border-bottom: 0;}
  .table-area .table_td li:nth-child(2) {border-bottom: 0;}
  .table-area .table_td li:nth-child(3) {padding-bottom: 20px; margin-bottom: 20px;}
  .table-area .table_td li:nth-child(3) .child-box {flex-flow: column; align-items: flex-start; gap: 20px;}
  .table-area .table_td li .child-box {height: auto;}
  .table-area .table_td li .child-box p {text-align: left;}
}

@media screen and (max-width: 600px) {
  .visual .search-box {max-width: 100%;}

  .notice_sec {margin-bottom: 60px;}
  .notice-list ul {gap: 20px 0; margin: 0 -5px;}
  .notice-list ul li {padding: 0 5px;}
  .notice-list ul li .child-box .img-box {margin-bottom: 8px;}
  .notice-list ul li .child-box .txt-box .tit {margin-bottom: 5px; font-size: 15px;}
}

@media screen and (max-width: 430px) {
  .visual .tit {font-size: 21px;}
  .tit-box .tit {font-size: 18px;}
  .notice-list ul li {width: calc(100% / 1);}

  .notice-btn {flex-flow: column; gap: 10px;}
  .notice-btn .write_btn {width: 100%;}
}

@media screen and (max-width: 385px) {
  .my_page_ct .current_step ul li .child-box .txt {font-size: 12px;}
  .my_page_ct .current_step ul li .child-box:before {left: 22px;}
}