/* 노트북 & 테블릿 가로 (해상도 1024px ~ 1280px)*/
@media all and (min-width:1024px) and (max-width:1280px) {
  html {
    font-size: 9px;
  }

  .w1280 {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  header {
    width: 100%;
  }

  .tnb-zone {
    right: 1rem;
  }

  .main-text {
    width: 100%;
  }

}

/* 테블릿 가로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) {
  html {
    font-size: 8px;
  }

  .w1280 {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .user-wrap .tnb-zone {
    position: static;
  }

  .user-wrap .logo img {
    width: 75px
  }

  /* 공통모달 */
  .alarm-modal {
    width: 50%;
  }

  /* 메인 */
  .user-wrap .notice-zone {
    height: 8rem;
  }

  .quick-menu {
    display: none;
  }

  .m-quick-menu {
    display: block;
  }

  /* 기술문서 */
  .user-wrap .tec-zone .flex [class*="gd-"],
  .user-wrap .content-news-zone .main-background.flex>div[class*="gd-"],
  .user-wrap .policy-materials>div:nth-child(2) ul.flex>li[class*="gd-"],
  .user-wrap .user-content>div .flex [class*="gd-"] {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }

  

  /* 통합지원센터 */
  .user-wrap .aidt-list [class*="gd-"],
  .gall-list>div:nth-child(3).flex>div.gd-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .introduce-list {
    height: 525px;
  }

  .policy-materials {
    height: 240px;
  }

  /* 기술문서 */
  .user-wrap .category-bar label.category {
    min-width: 7rem;
  }

  .tec-category-zone.gd-6,
  .search-bar.gd-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .user-wrap .tec-list-table colgroup,
  .user-wrap .tec-list-table tr td:nth-of-type(2) {
    display: none;
  }

  .user-wrap .tec-list-table .img-zone {
    width: 22rem;
  }

  .user-wrap .detail-img-zone {
    width: 36rem;
  }

  .user-wrap .text-zone {
    margin-left: 0;
  }




}


/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px) {

  /* 공통 */
  html {
    font-size: 8px;
  }

  .user-wrap header {
    background-color: var(--black);
    border-bottom: 1px solid var(--dark);
  }

  .user-wrap .w1280 {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }



  .user-wrap .flex [class*="gd-"],
  .user-wrap .form-table tr td div[class*="gd-"] {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
    padding: 0;
  }

  /* 공지사항 */
  .user-wrap  .pin-notice .flex .gd-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .user-wrap .banner-title {
    font-size: 3rem;
  }

  .login-page {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .login-wrap,
  .tec-keyword div {
    width: 100%;
  }

  .user-wrap button,
  .user-wrap input,
  .user-wrap select {
    margin-top: 1rem;
  }

  .user-wrap button.icon-btn,
  .user-wrap button.img-link,
  .user-wrap input#today,
  .user-wrap .popup-wrap button,
  .user-wrap input#totalsearch,
  .terms-use input,
  .terms-privacy input,
  .all-terms input,
  .subscribe-zone input,
  .new-check-zone input {
    margin-top: 0;
  }


  .user-wrap .introduce-wrap,
  .user-wrap .gall-item,
  .user-page input,
  .user-page select,
  .pin-gall-item,
  .login-step>div,
  .category-top-zone>.depth1 {
    margin-bottom: 1rem;
    margin-left: 0;
    margin-right: 0;
  }

  .user-wrap .tnb-zone {
    position: static;
  }

  .user-wrap header {
    height: auto;
    background-color: var(--black);
    position: static;
  }

  .user-wrap header.fixed {
    position: fixed;
  }

  .user-wrap .logo {
    padding: 1rem 0;
  }

  .user-wrap .logo.en-logo a{
    font-size: 1.5rem;
  }

  .user-wrap .logo img {
    width: 75px
  }

  .top-banner {
    height: 25rem;
  }

  /* 공통-모달 */
  .modal-container {
    min-width: 90%;
    width: 90%;
    max-width: 90%;
    grid-template-rows: auto 1fr auto
  }

  /* 공통-알람 */
  .alarm-modal {
    width: 80%;
  }

  /* 공통-search */
  .search-wrap .pl100,
  .search-wrap .pr100 {
    padding: 3rem;
  }

  .search-wrap {
    bottom: unset;
    transform: unset;
  }

  .small-modal,
  .medium-modal {
    max-width: 90%;
    width: 90%;
    max-width: 90%;
  }


  .login-step>div>a {
    display: block;
    width: 65%;
    margin: 0 auto;
  }

  /* 공통-프로그레스바 */
  .user-wrap .progress-line::before {
    width: 70%;
  }

  .user-wrap .progress-bar .status-info {
    width: 25%;
  }

  .user-wrap .progress-bar .status-info .info-text p:nth-of-type(2) {
    font-size: 1.3rem;
  }

  /* 탭 공통 */
  .user-wrap .edu-tab.flex li[class*="gd-"] {
    padding: 1rem 0;
  }

  /* 공통 게시판 insert */
  .user-wrap .form-table colgroup {
    display: none;
  }

  .user-wrap .form-table tr th,
  .user-wrap .form-table tr td {
    display: block;
  }

  .user-wrap .form-table tr th.text-rg {
    text-align: left;
  }

  /* 메인 */
  .top-scroll {
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 25px;
    bottom: 2%;
  }

  .mainSwiper .swiper-pagination,
  .mainSwiper .swiper-pagination-bullets,
  .mainSwiper .swiper-pagination-horizontal {
    height: 24px;
  }

  .slide1,
  .slide2,
  .slide3,
  .slide4,
  .slide5 {
    background-size: auto;
  }

  .slide-zone {
    height: calc(100vh - 95px);
  }

  .quick-menu {
    display: none;
  }

  .m-quick-menu {
    display: block;
    top: 17%;
  }

  .mainSwiper .swiper-slide img {
    object-fit: cover;
  }

  .main-text {
    width: 100%;
    padding: 0 1rem;
    top: 40%;
  }

  .slide-zone .control {
    top: 68%;
    bottom: unset
  }

  .user-wrap .main-text p {
    font-size: 1.6rem;
  }

  .user-wrap .main-text h3:nth-of-type(1) {
    font-size: 2rem;
  }

  .user-wrap .main-text h3:nth-of-type(1) span {
    font-size: 5rem;
  }

  .user-wrap .mainSwiper .swiper-pagination-bullet {
    width: 5px;
  }

  .user-wrap .notice-zone {
    height: 10rem;
    padding: 1rem;
    bottom: 12%
  }

  .user-wrap .no-title {
    height: 35%;
    min-height: 30%;
    line-height: 0;
  }

  .user-wrap .no-content {
    height: 65%;
    min-height: 65%;
    line-height: 5rem;
  }

  .user-wrap .notice-zone .flex [class*="gd-2"] {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .user-wrap .notice-zone .flex [class*="gd-10"] {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }

  .techSwiper .swiper-slide {
    height: 500px;
  }

  .tech-navigation,
  .admin-pagination,
  .content-news-zone .main-title {
    margin-bottom: 1.5rem;
  }

  /* 통합지원센터란 */
  .user-wrap .introduce-wrap:last-child {
    margin-top: 0;
  }

  .policy-materials {
    height: auto;
  }

  .policy-materials ul {
    padding: 1rem;
  }

  .policy-materials>div:nth-child(1) {
    border-radius: 1rem 1rem 0 0;
  }

  .guideline-item {
    background-size: 25%;
  }

  .user-wrap .download-item.flex>p.gd-10,
  .user-wrap .download-item .flex>p.gd-10 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .user-wrap .download-item.flex>div.gd-2,
  .user-wrap .download-item .flex>div.gd-2 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .introduce-item {
    height: 225px;
    background-size: 20%;
  }

  /* 가이드라인 */
  .user-wrap .full-section {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .user-wrap .introduce-page .page-title,
  .user-wrap .guideline-page .page-title {
    font-size: 2.7rem;
  }

  /* 게시판 */
  .user-wrap .board-navigation {
    padding: 0;
  }

  .user-wrap .board-navigation li p {
    text-align: left;
  }

  .user-wrap .board-navigation li:nth-child(1) {
    border-right: 0;
    border-bottom: 1px solid var(--dark);
    padding: 1rem;
  }

  .user-wrap .board-navigation li:nth-child(2) {
    padding: 1rem;
  }

  /* 콘텐츠 뉴스룸 */
  .user-wrap .video-zone,
  .gall-zone {
    width: 100%;
  }

  .pin-gall-item .gall-img {
    height: 215px;
  }

  .gall-slide {
    height: 41rem;
  }

  /* 기술문서 */
  .user-wrap .tec-category-zone {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 1rem;
  }

  .user-wrap .category-bar {
    width: 200%;
  }

  .user-wrap .tec-detail .detail-content {
    padding: 1rem;
  }

  .user-wrap .tec-detail .detail-content.flex {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .user-wrap .detail-img-zone {
    width: 100%;
    height: auto;
    max-height: none;
    padding: 0;
  }

  .user-wrap .text-zone>div {
    height: auto !important;
  }

  .user-wrap .tec-keyword.flex .gd-2 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .user-wrap .tec-list-table colgroup,
  .user-wrap .tec-list-table tr td:nth-of-type(2) {
    display: none;
  }

  .user-wrap .tec-list-table tr td .flex {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .user-wrap .tec-list-table tr td .ml15,
  .user-wrap .tec-detail tr td .ml20 {
    margin-left: 0;
  }

  .user-wrap .tec-text-zone {
    height: auto;
  }


  /* 문의하기 */
  .user-wrap .list-table {
    border: none
  }

  .question-zone h3.question .text-icon,
  .question-zone h3.answer .text-icon{
    line-height: 26px;
  }

  .user-wrap .consulting-table colgroup,
  .user-wrap .consulting-table tr th,
  .user-wrap .company-table colgroup,
  .user-wrap .company-table thead,
  .user-wrap .company-table tr th,
  .user-wrap .application-info-table colgroup,
  .user-wrap .application-info-table thead,
  .user-wrap .application-info-table tr th,
  .user-wrap .company-user-table thead, 
  .user-wrap .company-user-table colgroup{
    display: none;
  }

  .category-top-zone>.depth1.content,
  .category-top-zone>.depth2.content {
    height: 50%;
    min-height: unset;
  }

  .category-top-zone,
  .editor-wrap {
    height: 50%
  }

  .user-wrap .consulting-table tr,
  .user-wrap .company-table tr,
  .user-wrap .application-info-table tr,
  .user-wrap .company-user-table tr {
    display: block;
    border: 1px solid var(--dark);
    margin-bottom: 1rem;
  }

  .user-wrap .consulting-table tr td,
  .user-wrap .company-table tr td,
  .user-wrap .application-info-table tr td,
  .user-wrap .company-user-table tr td {
    display: block;
    padding-left: 35%;
    text-align: left;
    position: relative;
    padding-right: 1rem;
  }

  .user-wrap .consulting-table tr td.text-ct,
  .user-wrap .company-table tr td.text-ct,
  .user-wrap .application-info-table tr td.text-ct,
  .user-wrap .consulting-table tr td p.text-ct,
  .user-wrap .company-table tr td p.text-ct,
  .user-wrap .application-info-table tr td p.text-ct {
    text-align: left;
  }

  .user-wrap .consulting-table tr td.data-none,
  .user-wrap .company-table tr td.data-none,
  .user-wrap .application-info-table tr td.data-none,
  .user-wrap .company-user-table tr td.data-none {
    padding-left: 0;
    text-align: center;
  }

  .user-wrap .company-table tr td {
    padding-left: 37%;
  }

  .user-wrap .consulting-table td:before,
  .user-wrap .company-table tr td:before,
  .user-wrap .application-info-table tr td:before,
  .user-wrap .company-user-table tr td:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 30%;
    text-align: right;
    font-weight: 700;
    white-space: nowrap;
    transform: translateY(-50%);
  }

  .user-wrap .consulting-table tr td.data-none::before,
  .user-wrap .company-table tr td.data-none::before,
  .user-wrap .application-info-table tr td.data-none:before,
   .user-wrap .company-user-table tr td.data-none:before {
    display: none;
  }

  .user-wrap .company-table tr td:before {
    width: 35%;
  }

  .user-wrap .consulting-table td:nth-child(1)::before {
    content: 'NO';
  }

  .user-wrap .consulting-table td:nth-child(2)::before {
    content: '제목';
  }

  .user-wrap .consulting-table td:nth-child(3)::before {
    content: '기업명';
  }

  .user-wrap .consulting-table td:nth-child(4)::before {
    content: '카테고리';
  }

  .user-wrap .consulting-table td:nth-child(5)::before {
    content: '등록일';
  }

  .user-wrap .consulting-table td:nth-child(6)::before {
    content: '상태';
  }

  .user-wrap .consulting-table td:nth-child(7)::before {
    content: '추가 검토 여부';
  }

  /* 기업신청 or 회원가입 테이블 */
  .user-wrap .company-table td:nth-child(1)::before {
    content: '기업명';
  }

  .user-wrap .company-table td:nth-child(2)::before {
    content: '주소';
  }

  .user-wrap .company-table td:nth-child(3)::before {
    content: '대표번호';
  }

  .user-wrap .company-table td:nth-child(4)::before {
    content: '사업자등록번호';
  }

  .user-wrap .company-table td:nth-child(5)::before {
    content: '가입신청';
  }

  .user-wrap .join-wraite .keyword-wrap{
    height: 120px;
    overflow: auto;
  }

  

  /* 신청정보테이블 */
  .user-wrap .application-info-table td:nth-child(1)::before {
    content: '기업명';
  }

  .user-wrap .application-info-table td:nth-child(2)::before {
    content: '신청내용';
  }

  .user-wrap .application-info-table td:nth-child(3)::before {
    content: '신청일자';
  }

  .user-wrap .application-info-table td:nth-child(4)::before {
    content: '반려일자';
  }

  .user-wrap .application-info-table td:nth-child(5)::before {
    content: '상태';
  }

  .user-wrap .application-info-table td:nth-child(6)::before {
    content: '반려내용';
  }

  /* 기업회원리스트 */
  .user-wrap .company-user-table td:nth-child(1)::before {
    content: 'NO';
  }

  .user-wrap .company-user-table td:nth-child(2)::before {
    content: '이름';
  }

  .user-wrap .company-user-table td:nth-child(3)::before {
    content: '직급';
  }

  .user-wrap .company-user-table td:nth-child(4)::before {
    content: '이메일';
  }

  .user-wrap .company-user-table td:nth-child(5)::before {
    content: '권한';
  }

  .user-wrap .company-user-table td:nth-child(6)::before {
    content: '승인여부';
  }

  /* .logo-zone{
      width: 100%;
    } */

  /* 기업현황 */

  .edu-status-list td {
    display: block;
    width: 100%;
  }

  .edu-status-list td .img-zone {
    margin-bottom: 1rem;
  }

  .edu-status-list td button {
    width: 100%;
  }

  .edu-status-list colgroup,
  .edu-status-list td:nth-of-type(1) {
    display: none;
  }

  /* FAQ */
  .faq-item .faq-question::before,
  .faq-content::before {
    line-height: 3.5rem;
  }

  .edu-list-item .edu-user-list::after,
  .faq-item .faq-question::after,
  .edu-list-item[open] .edu-user-list::after,
  .faq-item[open] .faq-question::after {
    top: 20%;
  }

  /* FAQ */
  .faq-item .faq-question::before,
  .faq-content::before {
    line-height: 3.5rem;
  }


  /* 회원가입 */
  .user-wrap .join-zone .user-content>div {
    padding: 0;
    border: none;
  }

  .user-wrap .terms-wrap .btn-zone {
    display: flex;
    flex-direction: column-reverse;
  }

  /* .new-check-zone.flex {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  } */

  

  .new-check-zone p.mr30 {
    margin-right: 1rem;
  }

  .file.flex div:nth-child(1) {
    width: 80%;
  }

  .file.flex div:nth-child(2) {
    width: 20%;
  }

  /* 통합검색 */
  .search-input-zone.pl100 {
    padding-left: 3rem;
  }

  .search-input-zone.pr100 {
    padding-right: 3rem;
  }

  /* 푸터 */

  footer.pd30 {
    padding: 1rem;
  }

  footer .com-info .middle-title {
    font-size: 1.9rem;
  }

  footer .com-info ul li.ml10 {
    margin-left: .5rem;
  }


}