@charset "utf-8";
html[data-viewport="mobile"] .pcbr{display:none;}
html[data-viewport="mobile"] .tbbr{display:none;}
html[data-viewport="mobile"] .mbbr{display:block;}
.dn{display:none;}

/* about — mobile (PC와 동일 배치) */
html[data-viewport="mobile"] .about-visual__title,
html[data-viewport="mobile"] .about-visual__brand{font-size:56px;letter-spacing:-2px;}

html[data-viewport="mobile"] .about-ci{padding:60px 20px;}
html[data-viewport="mobile"] .about-ci__inner{gap:40px;}
html[data-viewport="mobile"] .about-ci__label{font-size:14px;}
html[data-viewport="mobile"] .about-ci__title{font-size:18px;}
html[data-viewport="mobile"] .about-ci__desc{font-size:12px;}
html[data-viewport="mobile"] .about-ci__logo{width:240px;aspect-ratio:2/0.8;}
html[data-viewport="mobile"] .about-ci__logo img{width:100%;height:100%;object-fit:cover;}

html[data-viewport="mobile"] .about-philosophy{padding:60px 3%;}
html[data-viewport="mobile"] .about-philosophy__row--text-media .about-philosophy__copy,
html[data-viewport="mobile"] .about-philosophy__row--media-text .about-philosophy__copy{padding:0 0px;}
html[data-viewport="mobile"] .about-philosophy__row--media-text .about-philosophy__copy{padding:40px 0 0;}
html[data-viewport="mobile"] .about-philosophy__row--text-media .about-philosophy__media{
	overflow:hidden;
	position:relative;
	width:100%;aspect-ratio:2/1;
	min-height:auto;
	margin-top:40px;
}
html[data-viewport="mobile"] .about-philosophy__row--media-text{padding:0 0px;}
html[data-viewport="mobile"] .about-philosophy__label{margin-bottom:32px;font-size:14px;}
html[data-viewport="mobile"] .about-philosophy__title{font-size:18px;margin-bottom:24px;}
html[data-viewport="mobile"] .about-philosophy__desc{font-size:12px;}
html[data-viewport="mobile"] .about-philosophy__desc--detail{font-size:14px;}

html[data-viewport="mobile"] .about-philosophy__row{display:block;flex-direction:column;}
html[data-viewport="mobile"] .about-philosophy__row--media-text{margin-top:32px;gap:32px;}
html[data-viewport="mobile"] .about-philosophy__row--media-text .about-philosophy__media{
	overflow:hidden;
	width:100%;height:auto;aspect-ratio:1/1;
	background: url(/images/page/philosophy_img2.jpg) no-repeat center / cover;
}
html[data-viewport="mobile"] .about-philosophy__row--media-text .about-philosophy__media img{display:none;}

html[data-viewport="mobile"] .about-partner{padding:60px 20px;}
html[data-viewport="mobile"] .about-partner__head{gap:32px;margin-bottom:40px;}
html[data-viewport="mobile"] .about-partner__label{font-size:14px;}
html[data-viewport="mobile"] .about-partner__title{font-size:18px;}
html[data-viewport="mobile"] .about-partner__desc{font-size:12px;}
html[data-viewport="mobile"] .about-partner__logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
html[data-viewport="mobile"] .about-partner__logo-item{width:100%;min-height:80px;padding:20px 16px;}

html[data-viewport="mobile"] .about-recommend{min-height:auto;padding:60px 20px;}
html[data-viewport="mobile"] .about-recommend__head{gap:32px;}
html[data-viewport="mobile"] .about-recommend__label{font-size:14px;}
html[data-viewport="mobile"] .about-recommend__title{font-size:18px;}
html[data-viewport="mobile"] .about-recommend__desc{font-size:12px;}
html[data-viewport="mobile"] .about-recommend__marquee{margin-top:40px;}
html[data-viewport="mobile"] .about-recommend__card{width:220px;height:220px;padding:24px 16px;}
html[data-viewport="mobile"] .about-recommend__card-quote{font-size:12px;}

html[data-viewport="mobile"] .about-org{padding:60px 20px;}
html[data-viewport="mobile"] .about-org__head{gap:24px;margin-bottom:40px;}
html[data-viewport="mobile"] .about-org__label{font-size:20px;}
html[data-viewport="mobile"] .about-org__title{font-size:28px;}
html[data-viewport="mobile"] .about-org__chart{
	width:100%;max-width:none;margin:0;
	overflow-x:auto;overflow-y:hidden;
	-webkit-overflow-scrolling:touch;
}
html[data-viewport="mobile"] .about-org__chart svg{
	width:1200px;max-width:none;flex-shrink:0;
	aspect-ratio:2/1;
}

/* project — mobile */
html[data-viewport="mobile"] .page.project{padding-top:80px;}
html[data-viewport="mobile"] .project__title{height:auto;padding:48px 20px 24px;font-size:13px;letter-spacing:1.2px;}
html[data-viewport="mobile"] .project__list{padding-bottom:60px;}
html[data-viewport="mobile"] .project-grid{
	list-style:none;margin:0;padding:0;
}
html[data-viewport="mobile"] .project-grid > li{overflow:hidden;width:100%;margin-bottom:5px;}
html[data-viewport="mobile"] .project-grid > li.size-s{grid-row:span 1;}
html[data-viewport="mobile"] .project-grid > li.size-l{grid-row:span 1;}
html[data-viewport="mobile"] .project-grid > li.size-w{grid-column:span 1;grid-row:span 1;}
html[data-viewport="mobile"] .project-card__info{opacity:1;}
html[data-viewport="mobile"] .project-card__tit{font-size:20px;}
html[data-viewport="mobile"] .project-card__txt{font-size:15px;}

/* project_view — mobile */
html[data-viewport="mobile"] .project-view__gallery{height:100vh;height:100dvh;}
html[data-viewport="mobile"] .project-view__gallery .project-view__swiper{display:none;}
html[data-viewport="mobile"] .project-view__gallery .project-view__gallMobile{display:block;}
html[data-viewport="mobile"] .project-view__gallery .project-view__gallMobile img{width:100%;height:100%;object-fit:cover;}
html[data-viewport="mobile"] .project-view__info{margin-top:100vh;margin-top:100dvh;}
html[data-viewport="mobile"] .project-view__info .mobileImages{display:flex;flex-wrap:wrap;gap:24px;margin-top:100px;}
html[data-viewport="mobile"] .project-view__nav{width:44px;height:44px;}
html[data-viewport="mobile"] .project-view__nav svg{width:20px;height:18px;}
html[data-viewport="mobile"] .project-view__nav--prev{left:16px;}
html[data-viewport="mobile"] .project-view__nav--next{right:16px;}
html[data-viewport="mobile"] .project-view__pagination{bottom:24px;gap:6px;}
html[data-viewport="mobile"] .project-view__pagination .swiper-pagination-bullet{
	width:16px;height:5px;
}
html[data-viewport="mobile"] .project-view__info{padding:40px 0 0;}
html[data-viewport="mobile"] .project-view__info-inner{flex-direction:column;gap:32px;padding:0 20px}
html[data-viewport="mobile"] .project-view__title{font-size:22px;letter-spacing:-.8px;}
html[data-viewport="mobile"] .project-view__meta{flex-direction:column;gap:24px;}
html[data-viewport="mobile"] .project-view__meta-item{flex:1 1 auto;}
html[data-viewport="mobile"] .project-view__meta-item dt{font-size:14px;margin-bottom:8px;}
html[data-viewport="mobile"] .project-view__meta-item dd{font-size:12px;}
.contact-location__field-txt a{font-size:12px;}

/* contact — mobile */
html[data-viewport="mobile"] .contact-location{overflow:hidden;padding:160px 20px 80px;}
html[data-viewport="mobile"] .contact-location__label{margin-bottom:32px;font-size:18px;}
html[data-viewport="mobile"] .contact-location__content{flex-direction:column;gap:40px;padding-top:0;}
html[data-viewport="mobile"] .contact-location__title{margin-bottom:32px;font-size:18px;letter-spacing:-1px;}
html[data-viewport="mobile"] .contact-location__details{padding-top:32px;}
html[data-viewport="mobile"] .contact-location__row{flex-direction:column;gap:24px;margin-bottom:24px;}
html[data-viewport="mobile"] .contact-location__field-tit{font-size:14px;}
html[data-viewport="mobile"] .contact-location__field-head{flex-wrap:wrap;gap:8px;margin-bottom:6px;}
html[data-viewport="mobile"] .contact-location__field-head a{width:54px;height:22px;font-size:10px;}
html[data-viewport="mobile"] .contact-location__field-txt{font-size:12px;}
html[data-viewport="mobile"] .contact-location__map{width:100%;margin-top:0;}
html[data-viewport="mobile"] .contact-location__map-frame{height:280px;}
html[data-viewport="mobile"] .contact-location__map-label{font-size:9px;}

/* careers — mobile (Figma 2836:6034) */
.page.careers{padding:0 3%;}
html[data-viewport="mobile"] .careers-hero{
	padding:160px 0 0;
	box-sizing:border-box;
}
html[data-viewport="mobile"] .careers-hero__title{
	max-width:220px;
	font-size:32px;font-weight:700;line-height:1.4;
	letter-spacing:-0.48px;
}
html[data-viewport="mobile"] .careers-values{
	padding:80px 0 60px;
	box-sizing:border-box;
}
html[data-viewport="mobile"] .careers-values__inner{
	flex-wrap:wrap;gap:40px;
}
html[data-viewport="mobile"] .careers-values__intro{
	width:100%;max-width:298px;
}
html[data-viewport="mobile"] .careers-values__title{
	margin:0 0 20px;
	font-size:18px;font-weight:500;line-height:1.2;
	letter-spacing:-0.24px;
}
html[data-viewport="mobile"] .careers-values__desc p{
	font-size:14px;font-weight:500;line-height:1.5;color:#ccc;
}
html[data-viewport="mobile"] .careers-values__list{
	gap:40px;width:100%;
}
html[data-viewport="mobile"] .careers-values__item{
	flex-direction:column;align-items:flex-start;
	gap:15px;padding-top:39px;
}
html[data-viewport="mobile"] .careers-values__item-head{
	gap:36px;
	font-size:18px;font-weight:500;line-height:1.5;
}
html[data-viewport="mobile"] .careers-values__num{
	font-size:18px;line-height:1.5;
}
html[data-viewport="mobile"] .careers-values__name{
	width:auto;max-width:211px;
	font-size:14px;font-weight:500;line-height:1.5;
}
html[data-viewport="mobile"] .careers-values__item-body{
	gap:12px;
}
html[data-viewport="mobile"] .careers-values__item-tit{
	font-size:12px;font-weight:500;line-height:1.6;color:#f2f2f2;
}
html[data-viewport="mobile"] .careers-values__item-txt{
	font-size:11px;font-weight:400;line-height:1.6;color:#ccc;
}
html[data-viewport="mobile"] .careers-benefits{
	padding:0 0 60px;
	box-sizing:border-box;
}
html[data-viewport="mobile"] .careers-benefits__title{
	margin:0 0 40px;
	font-size:18px;font-weight:500;line-height:1.2;
	letter-spacing:-0.24px;
}
html[data-viewport="mobile"] .careers-benefits__grid{
	grid-template-columns:1fr;gap:15px;
}
html[data-viewport="mobile"] .careers-benefits__card{
	min-height:207px;padding:30px 15px;
}
html[data-viewport="mobile"] .careers-benefits__card-icon{
	width:32px;height:32px;margin-bottom:30px;
}
html[data-viewport="mobile"] .careers-benefits__card-body{
	gap:10px;
}
html[data-viewport="mobile"] .careers-benefits__card-tit{
	font-size:14px;font-weight:500;line-height:1.5;
}
html[data-viewport="mobile"] .careers-benefits__card-txt{
	font-size:11px;font-weight:400;line-height:1.6;color:#ccc;
}

/* coworker — mobile */
html[data-viewport="mobile"] .coworker-hero{padding:140px 20px 0;}
html[data-viewport="mobile"] .coworker-hero__title{font-size:36px;letter-spacing:-.32px;}
html[data-viewport="mobile"] .coworker-hero__desc{font-size:14px;}
html[data-viewport="mobile"] .coworker-hero__head{gap:24px;margin-bottom:40px;}
html[data-viewport="mobile"] .coworker-links{gap:10px;}
html[data-viewport="mobile"] .coworker-link{min-height:72px;padding:10px 6px;border-radius:1200px;}
html[data-viewport="mobile"] .coworker-link__txt{font-size:12px;letter-spacing:-.02em;}
html[data-viewport="mobile"] .coworker-solution{padding:80px 20px 60px;}
html[data-viewport="mobile"] .coworker-solution__intro{gap:32px;margin-bottom:48px;}
html[data-viewport="mobile"] .coworker-solution__label{font-size:14px;}
html[data-viewport="mobile"] .coworker-solution__title{font-size:18px;}
html[data-viewport="mobile"] .coworker-solution__desc{font-size:14px;}
.coworker-solution__desc p{font-size:14px;}
html[data-viewport="mobile"] .coworker-solution__line{height:72px;}
html[data-viewport="mobile"] .coworker-chart{margin:0 auto;overflow:hidden;}
html[data-viewport="mobile"] .coworker-chart_pc{display:none;}
html[data-viewport="mobile"] .coworker-chart_m{display:block;}
html[data-viewport="mobile"] .coworker-chart_pc svg,
html[data-viewport="mobile"] .coworker-chart_m svg{display:block;width:100%;height:auto;}


/* footer — mobile */
html[data-viewport="mobile"] #footer .main-footer{
	position:relative;min-height:auto;
	padding-bottom:32px;
}
html[data-viewport="mobile"] .main-footer__inner{
	max-width:1860px;margin:0 auto;
	padding:56px 20px 0;
}
html[data-viewport="mobile"] .main-footer__top{
	top:56px;right:20px;
	width:44px;height:44px;
}
html[data-viewport="mobile"] .main-footer__top:active{background:#3a3a42;}
html[data-viewport="mobile"] .main-footer__top svg{width:12px;height:15px;}
html[data-viewport="mobile"] .main-footer__row{
	flex-direction:column;gap:28px;

	min-height:0;padding:0 52px 0 0;
}
html[data-viewport="mobile"] .main-footer__row::before{display:none;}
html[data-viewport="mobile"] .main-footer__info{width:100%;}
html[data-viewport="mobile"] .main-footer__info p{
	font-size:14px;line-height:1.65;
	word-break:keep-all;
}
html[data-viewport="mobile"] .main-footer__aside{
	width:100%;padding-left:0;padding-top:8px;
	border-top:1px solid rgba(81,82,88,.6);
}
html[data-viewport="mobile"] .main-footer__copy,
html[data-viewport="mobile"] .main-footer__copy p{
	font-size:14px;line-height:1.5;
}
html[data-viewport="mobile"] .main-footer__sns{margin-top:20px;gap:8px;}
html[data-viewport="mobile"] .main-footer__sns-link{
	width:44px;height:44px;
}
html[data-viewport="mobile"] .main-footer__sns-link img{width:24px;height:24px;}