@media (max-width: 900px) { 

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

:root {
	--fs1: 1.2rem;
	--fs2: 1.3rem;
	--fs3: 1.4rem;
	--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);
}
body {
	min-width: 0;
}
.lmt {
    width: calc(100% - 32px) !important;
}
#header {
	height: 48px;
	min-width: 0;
}
#header .inner {
	background-color: rgba(0, 0,0,0.9);
	border-radius: 100px;
	width: 60% !important;
	transition: .4s;
}
.open #header .inner {
	width: calc(100% - 32px) !important;
	transition: .4s;
}
#menu-gnb li a::before {
	bottom: 2px;
}
#logo {
	left: 20px;
}
.menu {
	flex-direction: column;
	background-color: transparent;
	border-radius: 0;
	width: 100%;
	padding: 0;
	display: none;
	gap: var(--g32);
}
.open .menu {
	display: flex;
}
#news-list ul.list li.fx1 a article,
#news-list ul.list li.fx2 a article {
	gap: 12px;
}
.page-list {
	padding: 80px 0 100px;
}
.category-newsroom #banner2 div article h3 {
	width: 90%;
}
#banner2 div article h3 {
	font-size: var(--fs5);
	width: 100%;
}
#banner2 div article::before {
width: 16px;
height: 16px;
top: 14px;
left: 14px;
}
.post-head .title {
	font-size: var(--fs7);
	margin-bottom: 8px;
}
.post-body li, .post-body p {
	font-size: var(--fs45);
}
.wp-block-gallery.has-nested-images figcaption {
	font-size: var(--fs1) !important;
}
.post-body h3 {
	font-size: var(--fs45);
}
#banner2 div article {
	margin-bottom: 32px;
	padding: 32px;
}
#banner2 {
	padding: 80px 0 0;
}
footer #unit1 .col1 h2 {
	font-size: var(--fs10);
}
footer #unit1 .col2 h3 {
	font-size: var(--fs45);
}
footer #unit1 .col2 img {
	width: 24px;
}
footer #unit1 .col2 ul {
	flex-direction: inherit;
	flex-wrap: wrap;
}
footer #unit1 .col2 ul li {
	width: calc(50% - 4px);
	gap: 4px;
}
a.btn2 {
	font-size: var(--fs45);
}
a.btn2 .ico {
	padding: 8px;
	margin-right: 8px;
}
#banner2 div.inner {
	width: 90%;
}
#banner {
	padding: 80px 0;
}
#news-list ul.list li a article {
	padding: 16px;
}
#menu-gnb li .sub-menu {
	position: static;
	opacity: 1;
	padding-top: 10px;
	height: auto;
	visibility: visible;
	width: 100%;
	padding-left: 24px;
	transform: translate(0);
}
#menu-gnb li .sub-menu li {
	height: auto;
		background-color: transparent;
		text-align: left;
}
.menu li {
}
.menu li a,
#menu-gnb li .sub-menu li a {
	font-size: var(--fs45);
	padding: 0;
}
#menu-gnb {
	gap: 12px;
}
#menu-gnb li:hover .sub-menu:hover, #menu-gnb li:hover .sub-menu {
	transform: translate(0);
}
.menu-gnb-container {
	width: 100%;
}
#menu-gnb li .sub-menu li:first-child a {
	margin-top: 0;
}
#intro div h1 {
	font-size: var(--fs10);
	width: 90%;
}
#tech-type .sec-inner {
	width: 80%;
	max-width: 100%;
}
#tech-type .acco-wrap li a {
	padding: 20px;
}
.acco-wrap li a span,
.acco-wrap li a h2 {
	font-size: var(--fs7);
}
.acco-wrap li p {
	font-size: var(--fs4);
}
.acco-wrap li .panel {
	padding: 0 20px 20px;
}
.feature .sec-inner {
	gap: 32px;
	flex-wrap: wrap;
	flex-direction: column;
}
.feature .sec-title h3 {
	width: 100%;
}
#tech-mission img {
	width: 70%;
}
#hamberger {
	right: 20px;
	display: block;
	top: 50%;
	transform: translate(0%, -50%);
}
#sub-category {
	width: 100%;
}
#home-safety ul li article h2 {
	font-size: var(--fs7);
}
#home-safety ul li h2 span {
	top: 0;
	bottom: auto;
}
#menu-newsroom {
	flex-direction: row;
	border-radius: 100px;
	padding: 10px 0;
	display: flex;
}

.menu-newsroom-container li a:hover::before, 
.menu-newsroom-container li.current-menu-item a::before {
	bottom: 2px;
}
.menu-newsroom-container li a {
	font-size: var(--fs4);
	position: relative;
}
.menu li a::before {
	bottom: 5px;
}
.sub-title {
	font-size: var(--fs7);
}
#logo img {
	height: 22px;
}
#nav {
	position: fixed;
	background: rgba(0,0,0,0.9);
	top: 50%;
	left: 50%;
	visibility: hidden;
	opacity: 0;
	box-sizing: border-box;
	filter: blur(90px);
	transform: translate(-50%, 0);
	border-radius: 32px;
	height: 0;
	width: calc(100% - 32px);
	transition: .1s;
	flex-direction: column;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(20px);
}
.open #nav {
	width: calc(100% - 32px);
	border-radius: 20px !important;
	height: auto;
	padding: 20px;
	padding-bottom: 40px;
	filter: blur(0px);
	border-radius: 0;
	opacity: 1;
	box-sizing: border-box;
	visibility: visible;
	transition: .4s;
	top: 70px;
	transform: translate(-50%, 0);
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(20px);
}
#blog-main .slk .slick-slide a::before {
	backdrop-filter: blur(20px);
}
.main-sec .sec-title {
	width: 90%;
}
.main-sec .sec-title h3 {
	font-size: var(--fs8);
}
.main-sec::after {
	border-radius: 0;
}
#page-home #intro img {
	object-fit: cover;
	height: 100%;
}
#tech-history .sec-body {
	overflow: hidden;
			  padding-top: 16px;
}
#menu-gnb li .sub-menu li:last-child a {
	margin-bottom: 4px;
}
.intro2 div section img.pro-logo {
	height: 36px !important;
}
#tech-history .sec-body .iwrap {
	top: auto;
	bottom: 160px;
}
.popup {
	padding: 24px;
}
.popup h3 {
	width: 80%;
}
.close {
	right: 8px;
	top: 22px;
}
ul.card li a h5 {
	font-size: var(--fs4);
}
ul.card li a h3 {
	width: 80%;
}
#page-faq .page-body ul {
	flex-direction: column;
}
#page-faq .page-body ul li {
	width: 100%;
		   box-sizing: border-box;
padding: 24px;
}
#career-result ul.card2 {
	flex-direction: column;
}
#career-result ul.card2 li img {
	position: absolute;
  object-fit:cover;
}
#career-result ul.card2 li {
	max-width: 100%;
	width: 100%;
	height: auto;
	aspect-ratio: auto;
}
	
ul.card2 li article {
	position: relative;
	padding: 24px;
}
ul.card2 li article.impact-part {
	display: none;
}
#career-result ul.card2 li.last ul {
	gap: 54px;
	flex-wrap: wrap;
}
#tech-mission .sec-title, 
#tech-vision .sec-title {
	text-align: center;
}
#tech-footstep .hover-view {
	padding: 20px;
}
#tech-footstep .hover-view p {
	font-size: var(--fs4);
}
#career-result ul.card2 li.last ul li {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
#career-result ul.card2 li.last h5 {
	width: 40%;
	font-size: var(--fs3);
}
#career-result ul.card2 li.last h2 {
	margin-top: 0;
}
#career-result ul.card2 li.last ul li {
}
#career-result ul.card2 li.last ul li:nth-child(even) {
	display: none;
}
#tech-history .sec-body .iwrap,
#tech-history .sec-body .iwrap img {
	width: 80px;
}
#tech-history .sec-body .iwrap2.on {
	top: 160px;
	bottom: auto;
}
#dc-partners .sec-body div.fx {
	padding: 0 16px;
}
#tech-mission .sec-title {
	margin-left: 0;
}
.feature .sec-title p {
	padding: 0;
	font-size: var(--fs45);
}
#dc-partners {
	padding-bottom: 0;
}
#dc-partners .sec-body div img {
	width: calc(25% - 20px);
}
.page-template-developer-center #banner2 article {
	margin-bottom: 0;
}
#dc-wrtn ul.fxnw {
	flex-wrap: wrap;
}
#dc-wrtn ul.fxnw li {
	width: 100%;
   aspect-ratio: 16 / 9;
}
ul.card4 li span {
	font-size: var(--fs5);
}
ul.card4 li h3 {
	font-size: var(--fs5);
}
.sec-title h3 {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: var(--fs8);
}
.sec-title p {
	font-size: var(--fs45);
	padding: 0 16px;
	box-sizing: border-box;
}
ul.card {
		    flex-direction: column;
}
ul.card li {
width: 100%;
max-width: 100%;
margin-top: 0 !important;
    aspect-ratio: 4 / 3;
}
ul.card li:hover::before {
	top: 14px;
	left: 14px;
}
ul.card li:hover::after {
	right: 14px;
	bottom: 14px;
}
ul.card li a {
	padding: 20px;
}
ul.card li a span {
bottom: 16px;
right: 16px;
}
ul.card li article {
	padding: 32px 40px;
}
ul.card li::after,
ul.card li::before {
	width: 14px;
	height: 14px;
}
ul.card li article p {
	font-size: var(--fs4);
}
.title {
	font-size: var(--fs5);
}
#tech-impact .sec-body ul.fxnw {
	flex-wrap: wrap;
}
#tech-impact ul.card4 li {
	width: calc(50% - 16px);
	flex: auto;
aspect-ratio: 8 / 10;
}
ul.card4 li article {
	padding: 20px;
}
#tech-impact ul.card4 li article span {
	font-size: var(--fs9);
}
.slk2 .item, 
.slk4 .item {
	width: 340px;
}
#career-team .slick-slide {
	width: 280px;
}
#career-team ul.card {
	padding-left: 0;
}
#conference-now .sec-body div.wrap {
	flex-direction: column;
}
#conference-now .sec-body div.wrap .thumb {
	width: 100%;
		   max-width: 100%;
}
#conference-now .sec-body img {
display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
}
#conference-now .sec-body article {
	max-width: 100%;
	padding: 24px;
	width: 100%;
	gap: 60px;
		 border-top-right-radius: 0;
}
#conference-now .sec-body article p {
	font-size: var(--fs45);
}
#conference-now {
	padding-bottom: 60px;
}
.page-template-conference #banner2 article {
	margin-bottom: 0;
}
footer #unit1 .col1 {
	margin-bottom: 24px;
}
#blog-main .slk .slick-slide a .title {
	font-size: var(--fs8);
}
#blog-main .slk .slick-slide article {
	width: 85%;
}
.profile span {
	font-size: var(--fs3) !important;
}
.blog-list ul li article div .tag-list li {
	font-size: var(--fs3);
}
.profile img {
	width: 24px;
	height: 24px;
}
#career-team .slick-list {
	margin-left: 16px;
}
.page-template-career .popup {
	flex-direction: column;
}
.page-template-career .popup .fx2 {
	width: 100%;
	max-width: 100%;
}
#tclose {
	display: block;
	position: absolute;
	right: 20px;
	text-align: center;
	width: 28px;
	height: 28px;
	top: 20px;
}
#tclose span {
	border-radius: 100px;
	display: block;
	line-height: 28px;
	background: var(--cg1);
	font-size: var(--fs5);
	color: var(--cwh);
}
#table-of-contents {
	width: 100%;
	bottom: 0;
	right: 0;
}
#table-of-contents a {
	font-size: var(--fs4);
	line-height: 1.6;
}
#table-of-contents .tag-list h5 {
	font-size: var(--fs3);
}
#table-of-contents {
	opacity: 1;
	transform: translate(0%, 0px);
	bottom: -80%;
}
#table-of-contents-flag {
	padding: 8px 24px;
	position: fixed;
	left: 50%;
	bottom: 10px;
	color: var(--cbk);
	background: var(--cg7);
	display: block;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
}
#table-of-contents-flag {
	z-index: 2;
}
#table-of-contents.yes {
	transform: translate(0%, 0px) !important;
	bottom: 0%;
	opacity: 1 !important;
}
.slick-prev, .slick-next {
	width: 36px;
	height: 36px;
}
.slick-prev {
	left: 4px;
}
.slick-next {
	right: 4px;
}
#top-posts .thumb img {
	border-top-right-radius: 16px;
	border-bottom-left-radius: 0 !important;
}
#top-tag .menu {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#top-tag .menu li a {
	font-size: var(--fs45);
}
#table-of-contents-flag.bye {
	opacity: 0;
}
.page-single {
	margin-top: 80px;
}
.post-body figcaption {
	font-size: var(--fs2);
}
.page-single .profile img {
	width: 40px;
	height: 40px;
}
.page-template-career .popup .fx2 img {
	aspect-ratio: 1 / 1;
	width: 50%;
	border-radius: 8px;
	object-fit: cover;
	object-position: top;
}
.page-template-career .popup h6, 
.page-template-career .popup p {
	font-size: var(--fs4);
}
#career-culture ul.card2 li {
	width: 100%;
	max-width: 100%;
	aspect-ratio: 4 / 3;
}
#career-process ul {
	flex-direction: column;
	padding: 0 16px !important;
	padding-left: 24px !important;
}
#career-process .sec-body::before {
	width: 1px;
	height: 100%;
	left: 28px;
	transform: translate(0);
	top: 0;
}
#page-career #banner2 article {
	padding-bottom: 0;
}
.btn {
	height: 48px;
	line-height: 48px;
	padding: 0 20px;
	padding-right: 40px;
	font-size: var(--fs4);
}
.wpcf7-form .wpcf7-submit {
	font-size: var(--fs4);
}
#table-of-contents .tag-list li a {
	font-size: var(--fs3);
	border-radius: 4px;
}
#banner2 div .bn2-div {
	width: calc(100% - 32px);
	margin-left: 32px;
}
#career-process ul li::before {
	top: 8px;
	left: 0;
	transform: translate(0);
}
#career-process ul li p {
	padding-top: 0;
	font-size: var(--fs45);
}
#career-process ul li {
	width: 100%;
	text-align: left;
	padding-left: 24px;
	padding-right: 16px;
	box-sizing: border-box;
}
#career-process ul li h3 {
	font-size: var(--fs6);
	margin-bottom: 12px;
}
#career-culture ul.card2 li.bgshadow::before {
	z-index: 1;
}
#career-culture ul.card2 li article {
	z-index: 2;
}
#career-culture ul.card2 li img {
	position: absolute;
}
.page-template-career .popup h6 {
	margin-top: 24px;
}
#career-team .slick-slide {
	margin: 0 10px;
}
.slk2 .item img.bg {
	height: auto;
	aspect-ratio: 5 / 7;
	object-fit: cover;
}
.intro div img {
	transform: translate(-50%, -50%);
}
#intro.act div img {
	transform: translate(-50%, -50%);
	width: 280px;
	height: 280px;
}
.intro2 div.act img.main {
	height: 100%;
	object-fit: cover;
}
ul.dot li::before {
	top: 10px;
}
#tech-footstep .hover-view h3 {
	font-size: var(--fs8);
}
#banner div h3 {
	font-size: var(--fs8);
}
#news-list ul li.fx1 .thumb img, 
#news-list ul li.fx2 .thumb img {
	aspect-ratio: 1 / 1;
	max-height: 88px;
}
#news-list ul li.fx1 .title, 
#news-list ul li.fx2 .title {
	font-size: var(--fs4);
	margin-bottom: 12px;
}
#news-list ul li.fx1 a, 
#news-list ul li.fx2 a {
	min-height: 88px;
}
.blog-list li.fx2,
.blog-list li.fx3,
#news-list li.fx1, 
#news-list li.fx2 {
	flex: auto;
	width: 100%;
	max-width: 100%;
}
.blog-list .thumb {
	width: 100%;
	max-width: 100%;
}
.blog-list2 .thumb img {
	object-fit: cover;
	aspect-ratio: 16 / 9;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	border-bottom-left-radius: 0;
}
.blog-list ul li a {
	flex-direction: column;
}
footer {
	padding: 24px 16px;
}
.fdcr {
	flex-direction: column-reverse !important;
}
footer #unit2 {
	padding-bottom: 12px;
}
.slk3 .item div {
top: 24px;
left: 24px;
}
.slk3 .item div h4 {
	font-size: var(--fs7);
}
.slk2 .item div p {
	font-size: var(--fs4);
}
footer section {
	padding: 24px;
}
footer .unit {
	gap: 16px;
}
footer #unit3 .col1 img {
	height: 22px;
}
footer #unit3 .col2 {
	flex: auto;
	width: 100%;
}
footer #unit2 #newsletter img {
	display: none;
}
footer #unit3 {
	position: relative;
}
footer #unit3 .col3 {
position: absolute;
		      bottom: 0;
}
footer #unit2 #newsletter,
footer .unit {
	flex-direction: column;
}
footer #unit3 .col1 {
	flex: auto;
	width: 100%;
}
.blog-list .thumb img {
	object-fit: cover;
	aspect-ratio: 16 / 9;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}
.blog-list ul li article div p {
	font-size: var(--fs4);
}
#blog-main .slk .slick-slide {
	width: 340px;
	height: 320px;
}
#blog-main .slk .slick-slide a {
	height: 320px;
	min-height: 0;
}
.lott {
	height: calc(var(--vh, 1vh) * 100);
}
.lott h6  {
	font-size: var(--fs5);
}
#page-basic .page-body section h2 {
	font-size: var(--fs4);
	line-height: 1.5;
}
#page-basic .page-body section p, 
#page-basic .page-body section h3 {
	width: 100%;
}
#page-basic .page-body section h3 {
	font-size: var(--fs4);
	margin-bottom: 5px;
	width: 100%;
}
#page-basic .page-body section hr.wp-block-separator {
	margin: 10px 0;
}
#overview-partners .sec-body div img, #home-partners .sec-body div img {
	flex: none;
	width: calc(50% - 12px);
}
#overview-partners .sec-body div, 
#home-partners .sec-body div {
	justify-content: center;
}
a#career-flag {
	line-height: 48px;
}
/* 24.03.25 수정 */
#menu-gnb li .sub-menu::before {
	background-color: transparent;
	backdrop-filter: initial;
}
#lnb {
	right: auto;
	z-index: -1;
	opacity: 0;

	transition: opacity 0.4s;
}
body.open #lnb {
	z-index: 9;
	opacity: 1;
}
#tech-footstep .hover-view.smaller-mo h3 {
	font-size: 15px;
}
#tech-footstep .hover-view.smaller-mo p.pt3 {
	font-size: 11px;
	padding-top: 18px;
	margin: 14px auto 18px;
}
}