@charset "UTF-8";
/*
 * SR-2309-SEO: PC 회사소개(IntroduceCompanyView) 콘텐츠 CSS 로컬화
 * 출처: https://static-www.jejupass.com/resource/PC/css/p_contents_poi.min.css
 *   - p_contents.min.css 가 @import 하는 서브파일 p_contents_poi.min.css 의 "회사소개(.companyArea)" 섹션만 추출
 *   - 헤더/푸터/gnb 계열 규칙은 CDN p_common.min.css 에 있으며, 신규 HeaderLnb/FooterView 와 충돌 → 미포함(콘텐츠만 추출)
 * 폰트 사이징: 원본은 html{font-size:10px} 기준 rem 이었으나, SFC @import 특성상 html 규칙이
 *   SPA 세션 전역에 잔존(누출)하는 문제로 전역 규칙 제거. 대신 모든 rem 을 px 로 환산(10px 기준 ×10).
 *   일반 리셋(Pretendard/#606060/box-sizing)·base .titDep1~5 는 전역 /pc/css/common.css 가 이미 제공하므로 미포함.
 * url(): 스타일시트 host 가 static-www → 로컬로 바뀌므로 배경이미지 2건만 원본 절대경로로 리베이스(보임새 동일 목적).
 */
/* ===== 회사소개(.companyArea) : p_contents_poi.min.css 원본 규칙 그대로 ===== */
.companyArea .visualPic figcaption .scrollDown {
  overflow: hidden;
  text-indent: -9999px;
}
/*회사소개*/
.companyArea {
  width: 100% !important;
  padding-top: 0 !important;
}
.companyArea .visualPic {
  overflow: hidden;
  position: relative;
  height: 971px;
  text-align: center;
}
.companyArea .visualPic img {
  transition: 0.5s;
}
.companyArea .visualPic:hover img {
  left: 55%;
  top: 55%;
  transform: scale(1.1) translate(-52%, -52%);
}
.companyArea .visualPic:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
}
.companyArea .visualPic img {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 1920px;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.companyArea .visualPic figcaption {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 207px;
  margin-top: -103px;
  z-index: 10;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
}
.companyArea .visualPic figcaption > p {
  color: #fff;
  font-weight: 700;
  font-size: 40px;
  font-family: NanumSquareR, -apple-system, BlinkMacSystemFont, Open Sans, Helvetica Neue, sans-serif;
  text-align: center;
}
.companyArea .visualPic figcaption > p:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-bottom: 30px;
  border-radius: 50%;
  background-color: #e63668;
}
.companyArea .visualPic figcaption > span.subTit {
  display: block;
  color: #fff;
  font-size: 20px;
  margin-top: 22px;
}
.companyArea .visualPic figcaption .scrollDown {
  position: absolute;
  bottom: 0;
  width: 29px;
  height: 31px;
}
.companyArea .visualPic figcaption .scrollDown:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 29px;
  height: 31px;
  margin-top: -15.5px;
  margin-left: -14.5px;
  background: url(https://static-www.jejupass.com/resource/PC/images/common/ic_x36_scrollDown.png) no-repeat;
}
.companyArea .companyInfo {
  width: 1136px;
  margin: 104px auto 0;
}
.companyArea .companyInfo .mainInfo {
  overflow: hidden;
}
.companyArea .companyInfo .mainInfo .topView {
  display: flex;
}
.companyArea .companyInfo .mainInfo .topView > strong {
  width: 50%;
  color: #202020;
  font-size: 32px;
  line-height: 48px;
}
.companyArea .companyInfo .mainInfo .topView .txtCont {
  width: 50%;
}
.companyArea .companyInfo .mainInfo .topView .txtCont .titDep3 {
  margin-bottom: 24px;
  font-size: 22px;
  font-weight: 600;
}
.companyArea .companyInfo .mainInfo .topView .txtCont > p {
  font-size: 18px;
  line-height: 30px;
}
.companyArea .companyInfo .mainInfo .imgCont {
  margin: 60px 0;
}
.companyArea .companyInfo .mainInfo > .txtCont {
  width: 50%;
  float: right;
  font-size: 18px;
  line-height: 30px;
}
.companyArea .companyInfo .comInfo {
  clear: both;
  display: inline-block;
  position: relative;
  width: 100%;
  margin-top: 164px;
}
.companyArea .companyInfo .comInfo .topView {
  position: relative;
  margin-bottom: 50px;
}
.companyArea .companyInfo .comInfo .topView > strong {
  color: #202020;
  font-size: 32px;
}
.companyArea .companyInfo .comInfo .topView .pageMove {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
}
.companyArea .companyInfo .comInfo .topView.contArea {
  display: flex;
}
.companyArea .companyInfo .comInfo .topView.contArea > strong {
  width: 50%;
  color: #202020;
  font-size: 22px;
  line-height: 37px;
}
.companyArea .companyInfo .comInfo .imgCont {
  position: relative;
}
.companyArea .companyInfo .comInfo .imgCont .txtCont {
  position: relative;
  width: 640px;
  margin-top: -114px;
  padding: 64px 64px 0 0;
  background: #fff;
}
.companyArea .companyInfo .comInfo .imgCont .txtCont .titDep4 {
  margin-bottom: 22px;
  font-size: 22px;
  font-weight: 600;
  line-height: 34px;
}
.companyArea .companyInfo .comInfo .imgCont .txtCont > p {
  font-size: 18px;
  line-height: 30px;
}
.companyArea .companyInfo .comInfo .imgCont .txtCont.rightType {
  float: right;
  padding: 64px 0 0 64px;
}
.companyArea .companyInfo .comInfo .imgCont.type02 {
  display: flex;
}
.companyArea .companyInfo .comInfo .imgCont.type02 img {
  width: 100%;
  height: 100%;
}
.companyArea .companyInfo .comInfo .imgCont.type02 img + img {
  margin: 115px 0 0 24px;
}
.companyArea .companyInfo .comInfo > strong {
  color: #202020;
  font-size: 32px;
}
.companyArea .companyInfo .comInfo > .txtCont {
  width: 718px;
  margin-top: -50px;
  font-size: 18px;
  line-height: 30px;
}
.companyArea .comInfo.wideType {
  margin-top: 164px;
}
.companyArea .comInfo.wideType + .companyInfo {
  margin-top: 0;
}
.companyArea .comInfo.wideType.last {
  margin-bottom: -164px;
}
.companyArea .comInfo.wideType .topView {
  position: relative;
  width: 1163px;
  margin: 0 auto 50px;
}
.companyArea .comInfo.wideType .topView > strong {
  color: #202020;
  font-size: 32px;
}
.companyArea .comInfo.wideType .topView .pageMove {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
}
.companyArea .comInfo.wideType .topView.contArea {
  display: flex;
}
.companyArea .comInfo.wideType .topView.contArea > strong {
  width: 50%;
  color: #202020;
  font-size: 22px;
  line-height: 37px;
}
.companyArea .comInfo.wideType .topView.contArea .txtCont {
  width: 50%;
}
.companyArea .comInfo.wideType .topView.contArea .txtCont .titDep3 {
  margin-bottom: 24px;
  font-size: 22px;
  font-weight: 600;
}
.companyArea .comInfo.wideType .topView.contArea .txtCont > p {
  font-size: 18px;
  line-height: 30px;
}
.companyArea .comInfo.wideType .imgCont img {
  width: 100vw;
}
.companyArea .comInfo.wideType .imgCont.bg {
  width: 100vw;
  height: 1016px;
  background: url(https://static-www.jejupass.com/resource/PC/images/dummy/@com_img09.jpg) no-repeat top center/100% 1016px;
}
.companyArea .comInfo.wideType .imgCont.bg .wrapper {
  position: relative;
  width: 1136px;
  margin: 0 auto;
}
.companyArea .comInfo.wideType .imgCont.bg .wrapper .txtCont {
  height: 305px;
  position: absolute;
  top: 356px;
}
.companyArea .comInfo.wideType .imgCont.bg .wrapper .txtCont strong {
  color: #fff;
  font-size: 32px;
}
.companyArea .comInfo.wideType .imgCont.bg .wrapper .txtCont p {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
}
.companyArea .comInfo.wideType .imgCont.bg .wrapper .txtCont p.bigT {
  margin: 24px 0 56px;
  font-size: 22px;
  font-weight: 600;
}

/* SR-2309 CWV: 회사소개 이미지 공간 예약(CLS 방지) — 정적 더미 자산의 실제 종횡비 고정 */
.companyArea .visualPic img[data-v-05343b3c] {
  width: 100%;
  height: auto;
  aspect-ratio: 1920 / 971; /* main_img.jpg 1920x971 */
}
.companyArea .mainInfo .imgCont img[data-v-05343b3c] {
  width: 100%;
  height: auto;
  aspect-ratio: 1136 / 232; /* @com_img01.jpg 1136x232 */
}
.companyArea .comInfo .imgCont img[data-v-05343b3c] {
  width: 100%;
  height: auto;
  aspect-ratio: 1137 / 711; /* @com_img02.jpg 1137x711 */
}