@media all and (min-width:1025px) and (max-width:1280px) {} /* 테블릿 세로 (해상도 768px ~ 1023px)*/ @media all and (min-width:768px) and (max-width:1024px) { html { font-size: 8px; } .user-wrap header { padding: 1rem; } .main-warp>div { padding: 1rem; } .main-warp .co-main-page { padding: 0; } .w1200 { width: 100%; } .company-header .logo, .user-wrap header .logo { width: 135px; } .big-logo img { width: 80%; ; } .pc-menu { display: none; } .mobile-menu { display: block; } .user-division { max-height: 50%; } .user-division>li[class*="gd-"] { -ms-flex: 100%; flex: 100%; max-width: 100%; padding: 0; margin-bottom: 3rem; } .division-item::after { display: none; } .gall-template .gall-content .gall-item[class*="gd-3"] { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } } /* 모바일, 테블릿 세로 */ @media all and (max-width:767px) { html { font-size: 8px; } .user-wrap header { padding: 1rem; } .main-warp>div { padding: 1rem; } .main-warp .co-main-page, .main-warp .popup-wrap { padding: 0; } .w1200 { width: 100%; } .company-header .logo, .user-wrap header .logo { width: 135px; } .big-logo img { width: 80%; ; } .pc-menu { display: none; } .mobile-menu { display: block; } .intro-page { padding: 0 1rem; } .user-wrap .main-warp .flex [class*="gd-"] { margin-left: 0; margin-right: 0; } .user-wrap .main-warp .flex [class*="gd-"], .user-division>[class*="gd-"], .community-zone>[class*="gd-"], .tab-nav>ul>[class*="gd-"] { -ms-flex: 100%; flex: 100%; max-width: 100%; padding: 0; margin-bottom: 1rem; } .user-division>li:nth-child(1)>.division-item::after, .user-division>li:nth-child(2)>.division-item::after, .user-division>li>.division-item>img { display: none; } .quick-menu { top: auto; bottom: 10%; display: none; } .modal-container, .medium-modal { min-width: 100%; width: 100%; } .login-wrap { width: 100%; } .statistics-table-wrap{ overflow-x: auto; } .statistics-table-wrap .statistics-table{ width: 120%; } /* 페이지 */ .user-wrap .main-warp table.list-table colgroup, .user-wrap .main-warp table.list-table thead tr th, .user-wrap .main-warp table.form-table2 colgroup, .detail-table colgroup { display: none; } .user-wrap .main-warp table.form-table2.statistics-table colgroup{ display: table-cell; } .editor5 table { display: block; } .detail-table>tr>th, .detail-table>tr>td, .user-wrap .main-warp table.form-table2 tr th, .user-wrap .main-warp table.form-table2 tr td { display: block; } .user-wrap .main-warp table.form-table2.statistics-table tr th, .user-wrap .main-warp table.form-table2.statistics-table tr td{ display: table-cell; } .user-wrap .main-warp table.list-table tbody tr td { display: block; text-align: left; position: relative; padding-left: 35%; } .company-invest table.list-table tbody tr td:before, .company-review table.list-table tbody tr td:before, .company-review table.list-table tbody tr td:before, table.list-table tbody tr td:before, table.consulting-table tbody tr td:before, table.info-table tbody tr td:before, table.review-table tbody tr td:before, table.online-consulting-table tbody tr td:before { display: block; position: absolute; left: 0; top: 0; width: 30%; padding: 10px 0; /* background: var(--green); */ text-align: right; color: var(--green); } table.review-table tbody tr td.data-none { padding-left: 0; text-align: center; } /* 게시판 템플릿 */ table.list-table tbody tr td:nth-child(1):before { content: 'No'; } table.list-table tbody tr td:nth-child(2):before { content: '제목'; } table.list-table tbody tr td:nth-child(3):before { content: '작성자'; } table.list-table tbody tr td:nth-child(4):before { content: '작성일'; } table.list-table tbody tr td:nth-child(5):before { content: '조회수'; } /* 온라인 상담 */ table.online-consulting-table tbody tr td:nth-child(1):before { content: 'No'; } table.online-consulting-table tbody tr td:nth-child(2):before { content: '기업명'; } table.online-consulting-table tbody tr td:nth-child(3):before { content: '등록일'; } table.online-consulting-table tbody tr td:nth-child(4):before { content: '담당자'; } table.online-consulting-table tbody tr td:nth-child(5):before { content: '진행상태'; } table.online-consulting-table tbody tr td:nth-child(6):before { content: '조치일자'; } /* 기업관리 - 상담 */ table.consulting-table tbody tr td:nth-child(1):before { content: 'No'; } table.consulting-table tbody tr td:nth-child(2):before { content: '제목'; } table.consulting-table tbody tr td:nth-child(3):before { content: '등록일'; } /* 기업관리 - 투자상담 */ .company-invest table.list-table tbody tr td:nth-child(1):before { content: 'No'; } .company-invest table.list-table tbody tr td:nth-child(2):before { content: '형태'; } .company-invest table.list-table tbody tr td:nth-child(3):before { content: '기업명'; } .company-invest table.list-table tbody tr td:nth-child(4):before { content: '투자상담명'; } .company-invest table.list-table tbody tr td:nth-child(5):before { content: '진행단계'; } .company-invest table.list-table tbody tr td:nth-child(6):before { content: '등록일'; } /* 검토사항 */ table.review-table tbody tr td:nth-child(1):before { content: 'No'; } table.review-table tbody tr td:nth-child(2):before { content: '형태'; } table.review-table tbody tr td:nth-child(3):before { content: '기업명'; } table.review-table tbody tr td:nth-child(4):before { content: '투자상담명'; } table.review-table tbody tr td:nth-child(5):before { content: '진행단계'; } table.review-table tbody tr td:nth-child(6):before { content: '등록일'; } /* 기업관리 */ table.info-table tbody tr td:nth-child(1):before { content: 'No'; } table.info-table tbody tr td:nth-child(2):before { content: '기업명'; } table.info-table tbody tr td:nth-child(3):before { content: '대표자'; } table.info-table tbody tr td:nth-child(4):before { content: '기업상태'; } table.info-table tbody tr td:nth-child(5):before { content: '입주의향'; } }