File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
/* 노트북 & 테블릿 가로 (해상도 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;
}
}