@media (max-width: 900px) { 

html { font-size: 52.5%; }
.po { display: none !important; }
.mo { display: block !important; }

body {
	font-family: "UniversPro57Condensed", "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
:root {
	--fs1: 1.2rem;
	--fs2: 1.3rem;
	--fs3: 1.55rem;
	--fs4: 1.65rem;
	--fs45: 1.8rem;
	--fs5: 2.1rem;
	--fs6: 2.4rem;
	--fs7: 2.8rem;
	--fs8: 3.2rem;
	--fs9: 3.6rem;
	--fs10: 4rem;
	--fsmax: 6rem;
	--fsvarlg: calc(2.5vw + 2.5vh + 1.5vmin);
	--fsvarmd: calc(1vw + 1.5vh + .5vmin);
}
.fxm { flex-direction: column; }
.fxm>* {
	width: 100% !important;
}
.gapm { gap: 0; }

header {
	height: 44px;
}
.menu li a {
	font-size: var(--fs5);
	line-height: 1.5;
}
#nav h3 {
	font-size: var(--fs5);
	margin-bottom: 8px;
}
#goto,
#lnb .menu li a {
	font-size: var(--fs5);
}
#nav .search-wrap {
	margin-bottom: 40px;
}
#nav {
	aspect-ratio: 3.6 / 9;
	height: calc(100vh - 24px);
	height: calc(var(--vh, 1vh) * 100 - 24px);
	min-height: 0;
}
#menu-gnb li a {
	margin-left: 48px;
}
.menu-item-count {
	left: -48px;
}
.container {
	margin-top: 54px;
}
.p-head .title {
	font-size: var(--fs5);
	text-align: left;
}
.p-head .view-toggle {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	z-index: 8;
}
.p-head .toggle-btn {
	font-size: var(--fs5);
	margin-right: 0;
}
#p-projects-list .image-list-meta {
	flex-direction: column;
	gap: 0;
}
.filter-wrap button {
	font-size: var(--fs5);
}
.filter-wrap input[type=text] {
	width: 180px;
}
.filter-wrap {
	padding: 8px;
}
.pagination .current, .pagination a,
.filter-result-count, .filter-btn,
.filter-option,
.filter-btn {
	font-size: var(--fs3);
}
.filter-content>.fx {
	row-gap: 32px;
}
.filter-title {
	margin-bottom: 4px;
}
/* mobile com 
------------------------------------------------------------------------ */
.fx3>*, 
.fx4>*, 
.fx3fix>* {
	width: calc(50% - 6px);
}
.w100 {
	width: 100% !important;
}
/* intro 
------------------------------------------------------------------------ */
#junglim img {
	width: 52vw;
}
#junglim p {
	font-size: var(--fs6);
	width: 90%;
}
#intro div.wp-block-group {
	height: 50%;
}
#intro {
	flex-direction: column;
}
#intro div.wp-block-group .goto span {
	width: 28px;
	height: 28px;
	opacity: 1;
	transition: none;
	background-color: rgba(0,0,0,0.5);
	margin-right: 10px;
}
#intro .goto {
	align-items: flex-start;
	left: 50%;
	transform: translate(-50%, -50%);
}
#intro .goto span img {
	width: 12px;
	height: auto;
}
#intro div.wp-block-group .wp-block-group__inner-container h3 {
	position: static;
	font-size: var(--fs7);
	display: block;
	transform: translate(0);
	height: auto;
}
#intro div.wp-block-group .wp-block-group__inner-container p {
	padding: 20px 30px;
	opacity: 1;
	transition: none;
	font-size: var(--fs3);
	padding: 12px;
	width: 100% !important;
}


#menu-inc {
	color: var(--cbk);
	font-size: var(--fs6);
}
.keycap {
	font-size: var(--fs3);
	padding: 3px 3px 0px 3px;
	line-height: 18px;
}
h3.ins-title {
	margin-bottom: 2px;
	font-size: var(--fs4);
}
.ins-exc p {
	font-size: var(--fs3);
}
#o-mv ul li {
	overflow: hidden;
}
.j-a .p-head,
#p-pjt-single .p-head {
	height: 560px;
}
#p-home .p-head #hero .slk .slick-dots {
	left: 50%;
	transform: translate(-50%, -50%);
}
#p-home .p-head #hero .slk .slick-slide .wp-block-cover__inner-container {
	bottom: 40px;
	width: 100%;
}

.pjt-list .info>a {
	flex-direction: column;
	gap: 0px;
}
.pjt-list .title {
	font-size: var(--fs4);
}
.more-read {
	font-size: var(--fs5);
}
#p-home section#tagline .title {
	font-size: var(--fs5);
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
#p-home section .inner h2.title {
	text-align: left;
	font-size: var(--fs5);
}
.news-list li a {
	aspect-ratio: 1 / 1;
}
.news-list li a span {
	font-size: var(--fs2);
}
#p-home .home-bu-head .inner article div {
	width: 100%;
	padding-left: 0;
}
ul.bu-list li .info {
	width: 100%;
	height: auto;
}
.ins-list, .pjt-list {
	row-gap: 32px;
}
.home-promise h2 {
	width: 90% !important;
	font-size: var(--fs6) !important;
	text-align: center !important;
}

#home-story .hero h2 {
	font-size: var(--fs6);
}
#home-link img {
}
.p-body ul.fxm li {
	width: 100% !important;
}
footer #info ul {
	flex-wrap: wrap;
	gap: 12px;
	flex-direction: row;
}
footer #info ul li {
	width: calc(50% - 6px) !important;
}
footer #info ul li:first-child {
	width: 100%;
}
footer .inner div:first-child {
	float: right;
}
footer #info {
	margin-top: 12px;
	flex-direction: column-reverse;
	gap: 24px;
}
footer .col p,
footer .col a {
	font-size: var(--fs3);
}
#p-projects-list .text-list .info {
	margin-left: 0;
}
#p-projects-list .text-list .title {
	width: 25%;
	font-size: var(--fs4);
}
#p-projects-list .text-list .thum {
	width: 88px;
	display: none !important;
}
#p-projects-list .text-list-meta {
	flex-wrap: wrap;
}
#p-projects-list .text-list #post-title {
	width: 100%;
	margin-bottom: 4px;
	font-size: var(--fs5);
}
#p-projects-list .text-list li {
	position: relative;
}
#p-pjt-single {
	margin-top: 0;
}
#p-pjt-single .p-body .slick-slide img {
	height: 50vh;
}
.main .slick-next {
	right: 8px;
	width: 36px;
	height: 36px;
	background-size: 24px;
}
.main .slick-prev {
	left: 8px;
	width: 36px;
	height: 36px;
	background-size: 24px;
}
#p-pjt-single .p-body .gallery-slider {
	width: 100%;
}
#p-pjt-single #pjt-text .pjtText h2,
.back-btn a,
#p-pjt-single #pjt-text .pjtText p, 
#p-pjt-single .p-body ul li h6,
#p-pjt-single .p-body ul li,
#p-pjt-single #pjt-info>div p {
	font-size: var(--fs4);
}
#p-pjt-single .p-body ul li h6 {
	flex: 3;
}
#p-pjt-single .p-body ul li.etc div, #p-pjt-single .p-body ul li ul, #p-pjt-single .p-body ul li p {
	flex: 7;
}
#p-pjt-single .p-head article {
	padding: 12px;
	box-sizing: border-box;
	width: 100%;
	top: 52px;
}
#p-pjt-single .p-body #pjt-slide {
	margin-top: 7vh;
}
#p-pjt-single .p-head article .title {
	text-align: center;
	font-size: var(--fs5);
}
#p-pjt-single #pjt-yt {
	padding: 12px;
}
#p-pjt-single #pjt-yt .youtube .wp-block-group__inner-container {
	flex-direction: column;
}
#p-pjt-single #pjt-yt .youtube .wp-block-group__inner-container .wp-block-image {
	width: 100%;
	max-width: 100%;
}
.single-st2 .p-body {
	padding-top: 68px;
}
.single-st2 .p-body div.ins-thum {
	width: 100%;
	margin: 24px auto;
}
.single-st2 .p-body .inner #post>* {
	width: 100% !important;
}
#post h3 {
	font-size: var(--fs5);
}
#post ol li, #post ul li,
#lead-pjt ul.list li a #pjt-title .title,
#lead-info ul li,
#post h4,
#post p,
#post h6 {
	font-size: var(--fs4);
}
#post h2 {
	font-size: var(--fs5);
}
ul.bu-list li a {
	color: var(--cwh);
}
#post figcaption {
	font-size: var(--fs2);
}
.j-a .p-head section p {
	font-size: var(--fs6);
}
.more-content {
	font-size: var(--fs2);
	padding: 4px 12px;
}
#p-overview .p-body > section h4 {
	font-size: var(--fs5);
}
#r-welfare .wp-block-heading, #o-about .wp-block-heading {
	font-size: var(--fs5);
}
#r-welfare .wp-block-group__inner-container > .wp-block-group, #o-about .wp-block-group__inner-container > .wp-block-group {
	padding: 12px;
}
#r-welfare .wp-block-group__inner-container > .wp-block-group p, #o-about .wp-block-group__inner-container > .wp-block-group p,
#r-welfare .wp-block-group__inner-container > .wp-block-group p:first-child, #o-about .wp-block-group__inner-container > .wp-block-group p:first-child {
	width: 100%;
	font-size: var(--fs4);
}
#r-welfare .wp-block-group__inner-container > .wp-block-group p:first-child, #o-about .wp-block-group__inner-container > .wp-block-group p:first-child {
	margin-bottom: 10px;
}
#o-about .cic .wp-block-group__inner-container > .wp-block-group .wp-block-group__inner-container .wp-block-group__inner-container {
	flex-direction: column;
	gap: 0;
}
.p-body ul.bg-wh-ico {
	justify-content: center;
	flex-wrap: wrap;
}
.p-body ul.bg-wh-ico li {
	padding: 20px;
	width: 100%;
}
#r-welfare .wp-block-group__inner-container > .wp-block-group .wp-block-group__inner-container>.wp-block-group .wp-block-group__inner-container img,
.p-body ul.bg-wh-ico li img {
	width: 100% !important;
}
#r-welfare .wp-block-group__inner-container > .wp-block-group .wp-block-group__inner-container>.wp-block-group .wp-block-group__inner-container h2,
#r-welfare .wp-block-group__inner-container > .wp-block-group .wp-block-group__inner-container>.wp-block-group .wp-block-group__inner-container p,
.p-body ul.bg-wh-ico li p,
.p-body ul.bg-wh-ico li h5 {
	text-align: left;
	font-size: var(--fs5);
	width: calc(100% - 100px);
	float: right;
}
.p-body ul.bg-wh-ico li img, 
#r-welfare .wp-block-group__inner-container > .wp-block-group .wp-block-group__inner-container>.wp-block-group .wp-block-group__inner-container figure {
	margin-bottom: 0;
	float: left;
	width: 64px !important;
	height: auto !important;
}
#p-ethic-intro2 h4 {
	font-size: var(--fs5);
}
#r-welfare .wp-block-group__inner-container > .wp-block-group .wp-block-group__inner-container>.wp-block-group .wp-block-group__inner-container h2 {
	margin-bottom: 8px;
}
#r-welfare .wp-block-group__inner-container > .wp-block-group .wp-block-group__inner-container>.wp-block-group .wp-block-group__inner-container p {
	font-size: var(--fs4);
}
#p-overview .p-body > section p {
	font-size: var(--fs4);
}
#o-people ul.maxw li div {
	width: 100%;
}
#o-people ul.maxw li div h3 {
	font-size: var(--fs4) !important;
	line-height: 1.5;
}
.wrap-gray .inner img,
#o-people ul.maxw li img {
	object-fit: cover;
	aspect-ratio: 3 / 2;
}
#p-recruit .sec article, #o-people article {
	width: 85%;
}
#o-people ul.maxw li div h4 {
	font-size: var(--fs6) !important;
	margin-bottom: 0;
}
#sub-gnb {
	top: 44px;
	width: 100%;
}
#sub-gnb.act {
	transition: var(--tts);
	background: var(--cbk);
}
#menu-junglim-architecture li a {
	font-size: var(--fs4);
	line-height: 34px;
}
.j-a {
	margin-top: 0;
}
#menu-junglim-architecture {
	gap: 16px;
	padding: 4px 12px 0;
	box-sizing: border-box;
}
#o-mv ul li h3 {
	font-size: var(--fs8);
	padding: 40px;
}
#p-overview #o-kv>ul li {
	padding: 24px;
}
#p-overview #o-kv>ul li .wrap {
	gap: 0px;
	flex-direction: column;
}
#p-overview #o-kv>ul li h5 {
	text-align: center;
	width: 100%;
}
ul.bu-list li .thum>img {
	aspect-ratio: 1 / 1;
}
.category-leadership #sub-gnb,
.category-news #sub-gnb, 
.category-leadership header,
.category-news header {
	filter: invert(1);
}
.category-news #sub-gnb li a,
.category-leadership #sub-gnb li a {
	color: var(--cwh) !important;
}
.category-news .menu li a::before {
	background: var(--cwh) !important;
}
#p-overview #o-kv>ul li li h6 {
	font-size: var(--fs5);
}
#p-overview #o-kv>ul li li p {
	font-size: var(--fs4);
	width: 100%;
}
.sec-his>.wp-block-group__inner-container>.wp-block-group>.wp-block-group__inner-container>figure {
	margin-bottom: 16px;
}
.sec-his>.wp-block-group__inner-container>.wp-block-group>.wp-block-group__inner-container>figure,
.sec-his>.wp-block-group__inner-container>.wp-block-group>.wp-block-group__inner-container>.wp-block-group {
	width: 100%;
}
.sec-his>.wp-block-group__inner-container h3,
.sec-his>.wp-block-group__inner-container h4,
.sec-his>.wp-block-group__inner-container img, .sec-his>.wp-block-group__inner-container p {
	font-size: var(--fs3);
}
#p-bu-single .p-head section {
	flex-direction: column;
	height: auto;
	width: 100%;
}
#p-bu-single .p-head section .bu-info, 
#p-bu-single .p-head section img {
	width: 100%;
}
.bu-address a h3,
.bu-address h5 {
	font-size: var(--fs4);
}
#bu-single-info .flx6 p {
	font-size: var(--fs4);
}
#p-bu-single .p-head {
	height: auto;
}
#p-bu-single {
	margin-top: 0;
}
.news-list li.sticky-post a {
	aspect-ratio: 1 / 1;
	max-height: auto;
}
#p-news-list {
	margin-top: 100px;
}	
#p-bu-single .p-head section .bu-info {
	gap: 20px;
	height: auto;
	margin-top: 32px;
}
#p-bu-single .p-head section div .title p, #p-bu-single .p-head section div .title {
	font-size: var(--fs5);
}
#p-history .more-content {
	bottom: 12px;
}
#p-bu-single .more-content {
	display: none;
}
#p-bu-single .p-head section .bu-info>div {
	width: 80%;
}
.single-nav {
	top: 48px;
	transform: translate(0);
	text-align: left;
	left: 12px;
}
.single-nav a {
	line-height: 1;
	font-size: var(--fs4);
}
.single-st2 .p-body h4.cat {
	font-size: var(--fs4);
}
#p-news-single span.date {
	font-size: var(--fs4);
}
ul.lead-list {
	row-gap: 12px;
}
ul.lead-list li a {
	flex-direction: column;
	row-gap: 2px;
}
ul.lead-list li a h3 {
	font-size: var(--fs4);
}

#lead-info {
	padding-right: 0;
}
#p-leadership-single {
	margin-top: 54px;
}
#p-leadership-single .p-body {
	padding-top: 68px;
}
#lead-photo {
	max-width: 100%;
	display: flex;
	gap: 12px;
}
#p-news-single #ins-body {
	margin-top: 0;
}
#p-news-single span.date {
	text-align: center;
}
#lead-photo img {
	margin: 0 auto;
	display: block;
	margin-bottom: 20px;
	width: 40% !important;
	aspect-ratio: 3 / 4;
	object-position: center top;
}
#lead-profile h3 {
	font-size: var(--fs4);
}
#lead-profile {
	width: calc(60% - 12px);
	gap: 16px;
	flex-direction: column;
	flex: none;
}
#lead-profile>div {
	word-wrap: break-word;
	width: 100%;
	flex: none;
}
#p-news-single span.date i {
	display: inline-block;
	margin-right: 8px;
}
#p-leadership-list .inner h2.title {
	font-size: var(--fs5);
}
#p-news-single #ins-body #post {
	overflow: auto;
}
#p-recruit .sec h2 {
	font-size: var(--fs5);
}
.recruit-navigation a,
.recruit-table tbody tr td a.apply-button,
.recruit-table tbody tr td,
.recruit-filter li a {
	font-size: var(--fs4);
}
.recruit-table tbody tr {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 8px 0;
	gap: 12px;
	row-gap: 4px;
}
.recruit-table tbody tr td.last {
	text-align: left;
}
.recruit-table tbody tr td { 
	width: calc(50% - 6px);
	padding: 0;
}
.p-body #o-people ul li h4 i, #p-recruit .sec article a i, .p-body #o-people article a i {
	background-size: 8px;
	vertical-align: sub;
}
#p-recruit .para h4 {
	font-size: var(--fs5);
}
#r-welfare .wp-block-group__inner-container > .wp-block-group .wp-block-group__inner-container {
	display: block;
}
#r-welfare .wp-block-group__inner-container > .wp-block-group .wp-block-group__inner-container>.wp-block-group {
	margin-bottom: 12px;
	width: 100% !important;
	padding: 10px !important;
}
#p-recruit .sec img.card {
	object-fit: cover;
	height: auto;
	aspect-ratio: 3 / 2;
}
.recruit-navigation {
	text-align: left;
}
.recruit-navigation a {
	margin-left: 0;
}
.recruit-navigation h5 {
	text-align: right;
	font-size: var(--fs4);
}
#p-contact .p-body .inner .wp-block-group__inner-container>h2 {
	font-size: var(--fs5);
	width: 100%;
}
#p-contact .p-body .inner .wp-block-columns h2, 
#p-contact .p-body .inner .wp-block-columns p {
	font-size: var(--fs4);
}
#p-contact .p-body .inner .wp-block-group__inner-container {
	padding-top: 20px;
}
#p-contact .p-body .inner .wp-block-group__inner-container>.wp-block-columns {
	width: 100%;
	margin-top: 12px;
	flex-direction: row;
	gap: 12px;
}
#p-contact .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
	flex-basis: auto !important;
	width: calc(50% - 6px);
}
#p-contact .p-body .inner .wp-block-columns {
	font-size: var(--fs4);
	gap: 12px;
	flex-direction: column-reverse;
}
#p-contact .p-body .inner .wp-block-group__inner-container>iframe {
	width: 100%;
	height: 45vh;
	min-height: 360px;
}
#p-contact .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column .wp-block-column {
	width: 100% !important;
}
#p-contact .p-body .inner .wp-block-group__inner-container>ul>li {
	font-size: var(--fs4);
	width: 100%;
	height: auto;
	padding-bottom: 12px;
}
#p-contact .p-body .inner .wp-block-group__inner-container>ul {
	width: 100%;
	margin-top: 12px;
}
#p-ethic-kjc article {
	padding: 24px;
}
#p-ethic-kjc .inner figure figcaption {
	left: 24px;
	font-size: var(--fs4);
}
#p-ethic-kjc article h5 {
	font-size: var(--fs6);
	margin-bottom: 20px;
}
#p-ethic-kjc article div {
	font-size: var(--fs6);
	width: 100%;
	transform: translate(0);
	position: static;
}
#p-ethic-kjc article span {
	font-size: var(--fs4);
}
#p-ethic-intro h4 {
	font-size: var(--fs5);
}
.p-body ul#code-of-conduct li {
	width: 100% !important;
}
.p-body #o-kv ul li p, 
.p-body ul#code-of-conduct li p {
	font-size: var(--fs4);
}
#p-e-ask ul li {
	padding: 20px;
}
#p-e-ask ul li h5, 
#p-e-ask ul li p {
	width: 100%;
}

#p-esg-intro h4 {
	font-size: var(--fs5);
}
.btn {
	font-size: var(--fs3);
}
#esg-promise {
	padding-top: 48px;
}
#esg-ch h4, 
#esg-safety h4, 
#esg-promise h4 {
	font-size: var(--fs4);
}
.hexagon .top-left {
	left: 10%;
}
.hexagon .top-right {
	right: 10%;
}
.hexagon .middle-left {
	left: 0;
}
.hexagon .middle-right {
	right: 0;
}
.hexagon .bottom-left {
	bottom: 5%;
	left: 10%;
}
.hexagon .bottom-right {
	bottom: 5%;
	right: 10%;
}
#esg-promise h2.title {
	font-size: var(--fs5);
}
#p-esg .sec h2 {
	font-size: var(--fs5);
}
#p-esg-direction article p {
	font-size: var(--fs4);
}
#p-esg-direction ul li img {
	height: auto;
}
#p-esg-direction article {
	height: auto;
	top: auto;
	bottom: 0;
}
#esg-com img.card {
	object-fit: cover;
	height: auto;
	aspect-ratio: 3 / 2;
}
#esg-ch ul.bg-wh-ico li h5, 
#esg-ch ul.bg-wh-ico li p {
	width: 100%;
}
#esg-ch ul.bg-wh-ico li h5 {
	font-size: var(--fs5);
}
#esg-ch ul.bg-wh-ico li p {
	font-size: var(--fs4);
}
#p-pjt-single .popup-gallery,
#junglim,
.j-a .p-head, 
#p-contact .p-head,
#p-pjt-single .p-head, 
#intro, 
.dye #film, 
.open #film, 
#p-home .p-head, 
#p-home .p-head #hero, 
#p-home .p-head #hero .slk .slick-slide {
	height: calc(var(--vh, 1vh) * 100);
}
.j-a .p-head, #p-pjt-single .p-head {
	height: 560px;
}
.recruit-table thead tr {
	display: none;
}
#branch>div {
	height: 50%;
	width: 100%;
}
#branch a img {
	height: 28px;
}
.news-list li .news-info {
	height: 100px;
}
ul.bu-list li {
	width: calc(50% - 6px) !important;
}
ul.bu-list li a .excerpt p {
	font-size: var(--fs3) !important;
}
#nav a#goto i, #home-link ul li h4 i, .p-body #o-people ul li h4 i, #p-recruit .sec article a i, .p-body #o-people article a i {
	width: 18px;
	height: 18px;
	vertical-align: top;
	margin-left: 4px;
	background-size: 8px;
}
#home-link h4 {
	line-height: 1.25;
}
/* ------------------------ end --------------------------*/
}