@media (min-width: 1441px){


}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {


}


@media all and (max-width: 812px) {
	/*body {
	    overflow-y: hidden;
	}*/

	.container {
	    display: inline-block;
	    position: relative;
	    width: 100%;
	    /* height: 100vh; */
	    height: calc(100vh - 16vw);
	}

    main.main {
        display: block;
        position: relative;
        width: calc(100% - 16vw);
        height: 100%;
/*        height: calc(100vh - 16vw);*/
        padding: 8vw;
    }

	.logo {
	    display: inline-block;
	    position: relative;
	    width: 18vw;
	    height: auto;
	    margin-bottom: 6vw;
	}

    .left-top {
        display: inline-block;
        position: relative;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        padding-right: 0;
        margin-bottom: 16vw;
    }

    .container {
        display: block;
        position: relative;
        width: 100%;
        /* height: 100vh; */
        height: 100%;
        /* flex-direction: column; */
        /* flex-wrap: nowrap; */
        /* justify-content: space-between; */
    }

	.desc {
	    font-size: 3vw;
	    line-height: 4vw;

	}

	.bottom {
	    display: flex;
	    position: relative;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    height: auto;
	    flex-direction: column;
	    align-content: space-between;
	}

    #project-management {
        margin-right: 0;
        width: 100%;
        margin-bottom: 16vw;
    }

	#production-management {
	    margin-left: 0;
	    width: 100%;
	}

	h2 {
	    display: inline-block;
	    position: relative;
	    width: auto;
	    height: auto;
	    font-size: 7vw;
	    line-height: 7vw;
	    font-variation-settings: "wdth" 100, "wght" 500, "ital" 0;
	    margin-bottom: 12vw;
	}

		.panel {
		    display: flex;
		    position: relative;
		    float: left;
		    height: auto;
		    align-content: space-between;
		    flex-wrap: nowrap;
		    justify-content: space-between;
		    /* margin-bottom: 2vw; */
		    flex-direction: column;
		    align-items: stretch;
		}

	.name-desc, .mail {
	    font-size: 3vw;
	    line-height: 3vw;
	}

	.name {
	    font-size: 5vw;
	    line-height: 5vw;
	    margin-bottom: 5vw;
	}


	.desc-set {
	    margin-bottom: 5vw;
	}


	.top .unitset {
	    display: flex;
	    position: relative;
	    width: 100%;
	    height: auto;
	    flex-wrap: wrap;
	    justify-content: space-between;
	}

	.unit {
	    display: inline-block;
	    position: relative;
	    width: auto;
	    height: auto;
	    /* font-size: 2.4vw; */
	    /* line-height: 2.4vw; */
	    /* font-variation-settings: "wdth" 100, "wght" 500, "ital" 0; */
	    margin-bottom: 14vw;
	    font-size: 7vw;
	    line-height: 7vw;
	    font-variation-settings: "wdth" 100, "wght" 500, "ital" 0;
	}

.ab-modal-role {
    font-size: 3vw;
    height: 8vw;
}

.ab-modal-meta {
    font-size: 3vw;
    height: 8vw;
}

.ab-btn-x {
    font-size: 4vw;
}

.ab-modal-name {
    font-size: 4vw;
}

.ab-modal-header {
    height: 8vw;
}

.ab-modal {
    width: calc(100vw - 24vw);
    height: calc(100vh - 40vw);
    padding: 4vw;
}

.ab-overlay {
    position: fixed;
    inset: 0;
    display: none;
    place-items: self-end;
    z-index: 9999;
    padding: 24vw 8vw 8vw 8vw;
}

.ab-caption {
    font-size: 3vw;
    height: 8vw;
}


/* 모바일 영상/이미지 슬라이드 정렬 */
.slide-inner {
  width: 100%;
  height: calc(100% - 8vw); /* 캡션 영역 제외하려면 이 값 조정 */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* 공통 슬라이드 미디어 */
.slide-inner img,
.slide-inner iframe {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain; /* 이미지가 잘리지 않도록 */
  border: none;
}

/* 가로형 이미지일 때 (JS에서 붙임) */
.slide-inner img.landscape {
  width: 100%;
  height: auto;
}

/* 세로형 이미지일 때 */
.slide-inner img.portrait {
  width: auto;
  height: 100%;
}

/* 비디오 (유튜브/비메오 iframe) */
.slide-inner iframe {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
}

#ab-swiper video, #ab-swiper video, #ab-swiper iframe {
    width: 100%;
    height: auto;
    display: block;
    border: 0;
    z-index: 5;
    pointer-events: auto;
}

.slide-inner {
  height: calc(100% - 8vw); /* 캡션 높이(8vw) 제외 */
}

}