@media (max-width: 900px) { 

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

.mt1 { margin-top: 4px; }
.mt2 { margin-top: 8px; }
.mt3 { margin-top: 16px; }
.mt4 { margin-top: 24px; }
.mt5 { margin-top: 32px; }
.mt6 { margin-top: 48px; }
.mt7 { margin-top: 60px; }
.mb1 { margin-bottom: 4px; }
.mb2 { margin-bottom: 8px; }
.mb3 { margin-bottom: 16px; }
.mb4 { margin-bottom: 24px; }
.mb5 { margin-bottom: 32px; }
.mb6 { margin-bottom: 48px; }
.mb7 { margin-bottom: 60px; }

.pt1 { padding-top: 4px; }
.pt2 { padding-top: 8px; }
.pt3 { padding-top: 16px; }
.pt4 { padding-top: 24px; }
.pt5 { padding-top: 32px; }
.pt6 { padding-top: 48px; }
.pt7 { padding-top: 60px; }
.pb1 { padding-bottom: 4px; }
.pb2 { padding-bottom: 8px; }
.pb3 { padding-bottom: 16px; }
.pb4 { padding-bottom: 24px; }
.pb5 { padding-bottom: 32px; }
.pb6 { padding-bottom: 48px; }
.pb7 { padding-bottom: 60px; }
/*
: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; }
.gapm { gap: 0; }
.fxm>* {
	width: 100% !important;
}
.fx4>* {
	width: calc(50% - 12px) !important;
}

body {
	min-width: 0;
}
.p-body .sec {
	padding: 80px 0;
}
.lmts, 
.lmt {
    width: calc(100% - 32px) !important;
}

#hamberger {
	display: block;
	position: absolute;
	right: 0;
	top: 15px;
	font-size: var(--fs4);
	color: var(--cwh);
	background: var(--cp1);
	padding: 6px 6px;
	border-radius: 4px;
	line-height: 1;
}
#nav {
	position: fixed;
	background: var(--cg6);
	top: 0;
	left: 50%;
	box-sizing: border-box;
	filter: blur(20px);
	transform: translate(-50%, -50%);
	height: 0;
	width: 100%;
	transition: .3s;
	overflow: hidden;
	opacity: 0;
}
.page-flag {
	margin-top: 0;
}
header {
	z-index: 101;
	height: 60px;
	min-width: 0;
}
header:hover .gnb-dropdown {
	display: none;
}
.gnb-dropdown {
	display: none;
	padding: 12px 0;
	overflow-y: auto;
	max-height: calc(100vh - 80px);
}
body.open .gnb-dropdown {
	opacity: 1;
	transition: .5s ease;
	display: block !important;
}
.gnb-dropdown .sub-menu ul {
	flex-wrap: wrap;
	flex-direction: row;
}
.gnb-dropdown .sub-menu>ul>li {
	width: 50%;
	border: none;
}
.gnb-dropdown .sub-menu ul li ul li a {
	padding: 0;
	font-size: var(--fs3);
}
.gnb-dropdown .sub-menu ul li ul {
	flex-direction: column;
}
.gnb-dropdown .sub-menu h3 {
	border-bottom: 1px solid var(--cg4);

	margin-bottom: 5px;
	padding-bottom: 5px;
}
.gnb-dropdown .sub-menu ul li a {
	padding: 8px 0 0;
	font-size: var(--fs4);
}
.sub-banner {
	gap: 12px;
	flex-direction: column;
}
.gnb-dropdown .dropdown-inner {
	gap: 12px;
}
.sub-banner .col ul {
	flex-wrap: wrap;
	row-gap: 5px;
	width: 100%;
	flex-direction: column;
}
.sub-banner .col ul li {
	width: 100%;
}
.gnb-dropdown .sub-banner .col,
.gnb-dropdown .sub-banner .fir {
	padding: 16px;
	width: 100%;
}
.sub-menu-wrap {
	gap: 12px;
	width: 100%;
	flex-wrap: wrap;
	flex-direction: column;
}
.gnb-dropdown .sub-menu {
	padding: 16px;
}
.logo {
	width: 80px;
}
#totop {
	padding: 8px;
	width: auto;
	height: auto;
}
#totop img {
	width: 18px;
	height: 18px;
}
footer ul li a {
	font-size: var(--fs3);
}
footer .label {
	font-size: var(--fs0);
}
footer #ft-col2 {
	margin: 0 0 36px;
}
footer {
	padding: 32px 0;
}
footer ul.gap32 {
	gap: 16px;
}
footer #ft-col1 h4 {
	font-size: var(--fs2);
}
footer #ft-col1 img.logo {
	width: 80%;
}
footer #ft-col1>div {
	width: 100% !important;
}
footer #ft-col1 {
	flex-direction: column;
}
.sec-title {
	font-size: var(--fs5);
}
.sec-p {
	font-size: var(--fs4);
	margin-top: 15px;
	width: 80%;
}
#home-visual .slick-slide img {
	height: 75vh;
	object-fit: cover;
}
#home-visual ul li .sg img {
	height: auto;
	width: 80px;
}
#home-visual ul li article {
	width: calc(100% - 40px);
	top: auto;
	left: 20px;
	bottom: 20px;
}
#home-visual ul li .sg {
	padding: 20px;
}
#home-banner-0 .col a.imgcard {
	height: 280px;
}
#home-rnd article {
	padding: 24px;
	align-items: flex-end;
}
#home-rnd h3 {
	font-size: var(--fs5);
	margin-top: 4px;
}
#home-rnd ul li {
	height: auto;
}
.sec-cont {
	margin-top: 32px;
}
ul.th-list li a img {
	height: 200px;
}
#home-info>div#home-info-list,
#home-info>div>div,
ul.th-list li a div {
	padding: 24px;
}
ul.txt-list li a div h3 {
	margin-top: 4px;
	padding: 0;
	width: 100%;
	text-align: left;
}
ul.txt-list li a div {
	flex-direction: column;
}
ul.txt-list li a div h6 {
	width: 100%;
}
ul.txt-list li a div .cap {
	position: absolute;
	right: 16px;
}
.home ul.txt-list li a div .cap {
	right: 40px;
	width: auto !important;
}
#home-product .col {
	height: 320px;
	padding: 24px;
}
#home-info-banner div a div {
	padding: 24px;
}
#home-info>div a div img {
	right: 24px;
	bottom: 24px;
	width: 40px;
	height: 40px;
}
#rnd-f-category .imgcard {
	height: 420px;
}
#rnd-f-7th .fx4 {
	gap: 16px;
}
#rnd-f-7th .fx4 li {
	width: 100% !important;
}
#rnd-f-process .sec-cont {
	padding: 20px;
}
.tab-process button {
	width: 26%;
	height: auto;
	border-radius: 8px;
	margin: 4px;
}
.tab-process .tab-cont-wrap {
	height: auto;
	flex-direction: column;
	gap: 0;
}
.tab-process .tab-cont-wrap article {
width: 100%;
padding: 20px;
flex-direction: column;
}
.tab-process .tab-cont-wrap img {
	width: 100%;
}
.tab-process .tab-cont-wrap article div:first-child p {
	font-size: var(--fs5);
	font-weight: 700;
}
.tab-process .tab-cont-wrap article div {
width: 100% !important;
}
#dy-founder .sec-cont div.fx2>.col, 
#home-info>div,
#home-info>div#home-info-list {
	width: 100% !important;
}
.btn {
	font-size: var(--fs3);
}

.imgcard {
	height: 360px;
}
.imgcard.ics {
	height: 240px;
}
.imgcard>div {
	padding: 24px;
}
#dy-mv ul li span.cap {
	margin-bottom: 10px;
	display: inline-block;
}
.p-head {
	padding: 24px;
	height: 240px;
}
.p-head .h3 {
	font-size: var(--fs5);
}
.p-head p.p  {
	font-size: var(--fs2);
	margin-top: 5px;
	width: 100%;
}
#dy-philosophy h3.h3 {
	font-size: var(--fs6);
	margin-bottom: 10px;
}
#dy-founder .sec-cont div.fx2 .bl-tt,
#dy-founder .sec-cont div.fx2 {
	height: auto;
}
#dy-founder .sec-cont div.fx2 .bl-tt {
	overflow: auto;
	padding: 24px;
	margin-top: 0;
}
#dy-founder .sec-cont div.fx2 .bl-ti {
	padding: 24px;
	height: 400px;
}
#dy-greeting img {
	object-position: 65% 50%; 
	height: 240px;
}
#dy-mv ul {
	row-gap: 12px;
}
#brand-slogan .imgcard, #brand-essence .imgcard,
#dy-philosophy .imgcard {
	height: 520px;
}
ul.ly-tt li {
	height: auto;
	min-height: 160px;
}
ul.ly-tt li div p {
	font-size: var(--fs5);
}
.map-info>div article,
ul.ly-tt li,
#brand-essence .story-in.act, #dy-philosophy .story-in.act {
	padding: 16px;
}
.map-info>div span.cap {
	position: static;
	margin-top: 10px;
}
.map-info iframe {
	width: 100%;
	height: 360px;
}
#bp-network .dy-tab-content {
	height: auto;
}
#brand-essence .story-in p, #dy-philosophy .story-in p {
	font-size: var(--fs3);
	width: 90%;
}
#esg-q ul li ul li, #dy-mp ul li ul li {
	font-size: var(--fs2);
}
#dy-founder .sec-cont>div.fx .bl-ti img {
	width: 240px !important;
}
#p-e-program article>div>div,
#dy-founder .sec-cont>div.fx .bl-ti{
	padding: 32px;
}
#dy-founder .sec-cont>div.fx .bl-ti>div {
	width: 100% !important;
}
#dy-philosophy .imgcard>div {
	padding: 16px;
	width: 100%;
}
#brand-essence .ico-pl, #dy-philosophy .ico-pl {
	right: 16px;
	top: auto !important;
	bottom: 16px !important;
}
#brand-essence .story-in hr, #dy-philosophy .story-in hr {
	bottom: 72px;
	left: 16px;
	width: calc(100% - 32px) !important;
}
.tab-ui li a, .dy-tab-button {
	margin: 3px;
	font-size: var(--fs2);
}
#dy-history .wp-block-cover {
	min-height: 240px;
}
#dy-history .accordion-content {
	padding: 16px;
}
#dy-history .accordion-content table td {
	padding: 16px 2px;
	font-size: var(--fs3);
}
.map-info {
	flex-direction: column;
	gap: 8px;
}
.map-info>div {
	width: 100%;
}
#bp-client ul li {
	border-radius: 8px;
}
.main .slick-initialized .slick-slide {
	margin: 0 16px !important;
}
.main .slick-next {
	right: 2px;
}
.main .slick-prev {
	left: 2px;
}
#brand-slogan .imgcard .cent {
	width: 96%;
	padding: 0;
}
#brand-slogan .imgcard .cent img {
	min-width: 0;
}
.bl-brand article {
	bottom: 0;
	padding: 0 16px 8px !important;
	font-size: var(--fs0);
}
#brand-ci .bl-brand article {
	width: 100%;
	padding: 0 32px 16px;
	box-sizing: border-box;
}
.videocard article .h4 {
	font-size: var(--fs5);
}
.videocard span.rep {
	right: 16px;
	bottom: 16px;
}

.videocard article {
	width: 100%;
	padding: 16px;
}
#ess-category .sec-cont video,
#ess-category .sec-cont img {
	height: 320px;
	object-fit: cover;
}
#ess-item .sec-cont img {
	height: auto;
}
.slk2 figure img,
.videocard video {
	height: 420px;
	object-fit: cover;
	display: block;
}
.page-flag ul {
	gap: 4px;
}
.page-flag ul li a {
	padding-right: 16px;
	font-size: var(--fs1);
	background-size: 12px;
}
.videocard article p {
	font-size: var(--fs3) !important;
}
#rnd-s-roadmap h3.mt7 {
	margin-top: 40px;
	margin-bottom: 16px;
}
#rnd-s-roadmap ul.mt5 {
	margin-top: 16px;
	margin-bottom: 0;
}
#rnd-s-target li p.cap {
	font-size: var(--fs2);
}
ul.th-list {
	row-gap: 12px;
}
.pagination .current {
	width: 28px;
	height: 28px;
	line-height: 28px;
}
.wpcf7-form label {
	margin-bottom: 20px;
}
.acco .accordion-item.active .accordion-content {
	padding: 16px;
}
.acco .accordion-item .accordion-content div a {
	font-size: var(--fs4);
}
.acco .accordion-title {
	padding: 10px 0;
	font-size: var(--fs4);
	gap: 8px;
}
#p-system .img-sh, 
#t-intro .img-sh {
	height: 280px;
}
.acco .accordion-icon {
	padding: 4px;
}
.acco .accordion-content>.wp-block-group .wp-block-group__inner-container {
	margin-bottom: 16px;
	padding-bottom: 16px;
}
.ly-st4 {
	gap: 16px;
}
.ly-st4>* h6 {
	font-size: var(--fs5);
}
.ly-st4 li {
	width: calc(50% - 8px) !important;
}
.ly-st4>* img {
	width: 50%;
}
hr.sep {
	margin: 30px auto;
}
.ly-st5>* {
	padding: 20px;
}
.ly-st5>* h6 {
	font-size: var(--fs6);
	margin-bottom: 16px;
}
#t-4th ul li {
	height: auto;
}
.ly-st3 div.col {
	padding: 20px;
}
.mp-sec li img {
	height: 50px;
}
.mp-sec li:nth-child(2) {
	border: none;
}
.tab-ui {
	flex-wrap: wrap;
}
.esg .ly-st2 {
	gap: 24px;
}
.sec-download .post>.wp-block-columns {
	flex-wrap: nowrap !important;
	gap: 0;
}
.esg .imgcard2>div {
	padding: 0;
}
#gov-3th .col {
	height: auto;
	min-height: 150px;
}
#c-a-c .sec-cont #table {
	padding: 24px 20px;
}
/* basic 
------------------------------------------------------------------------ */
#p-basic .main {
	padding: 20px;
	margin: 80px auto;
}
#p-basic .p-body section ul, 
#p-basic .p-body section ol {
	padding-left: 14px;
}
/* home 
------------------------------------------------------------------------ */
#home-visual ul li img, 
#home-visual ul li video {
	object-fit: cover;
}
.container {
	margin-top: 60px;
}
#home-visual ul li article h3 {
	margin-bottom: 10px;
}
#home-banner2 .imgcard {
	height: 480px;
}
#home-banner2 .imgcard video {
	object-fit: cover;
	height: 100%;
}
#home-rnd article img {
	width: 40px;
	height: 40px;
}
#home-rnd ul li a {
	gap: 0;
}
.home .slick-dots {
	margin: 0 2px;
	right: 32px;
	top: 46px;
}
#h-b-0-b>div img {
	height: 72px;
}
#home-visual .slk,
#home-visual ul li.slick-slide {
	height: 64vh !important;
}
.fipr-pr-item>div:first-child {
	padding: 20px;
	width: 100%;
}
.fipr-pr-item>div:first-child>article {
	width: 100%;
}
.fipr-pr-item>div:first-child h5 {
	font-size: var(--fs6);
	margin-bottom: 8px;
	margin-top: 0px;
}
.fipr-pr-item>div:first-child ul li {
	font-size: var(--fs3);
}
.fipr-pr-item>div:last-child {
	width: 100%;
}
.fipr-pr-item>div:first-child .img-ck-wrap {
	gap: 4px;
}
#fipr-pr .img-ck {
	width: 28px;
	height: 28px;
}
#fipr-pr .fipr-pr-item {
	flex-direction: column;
}
#fipr-now .sec-cont .dy-tab-content>ul li div p {
	text-align: left;
	width: 80%;
}
#brand-ci #tab-2 .bl-b {
	padding: 32px 20px;
	flex-direction: column;
}
.bl-brand img.bgimg {
	min-height: 220px;
	object-fit: cover;
}
.bl-brand img.ho {
	height: 200px;
	min-height: 100px;
}
#brand-ci #tab-2 .bl-b>* {
	width: 100%;
}
.section-links {
	display: none;
}
.nav-wrapper {
	width: calc(100% - 16px);
}
.prev-page, .next-page {
	font-size: var(--fs0);
	padding: 4px 8px;
}
#temp {
	gap: 10px;
}
#temp li a {
	font-size: var(--fs1);
}
#home-banner2 .cent>div {
	flex-direction: column;
}
#home-banner2 .cent img.slo {
	width: 70%;
}
#home-banner2 .cent img {
	width: 100%;
}
#t-4th ul.ly-tt li>div, #env-manage ul.ly-tt li>div, #esg-theme ul.ly-tt li>div, #rnd-s-mvvs ul.ly-tt li>div {
	padding: 32px;
}
#roadmap-4th li {
	padding: 24px 8px;
}
#roadmap-4th li.act h3 {
	font-size: var(--fs2);
}
#rnd-s-target li h5 {
	font-size: var(--fs5);
	line-height: 1.3;
}
#rnd-s-roadmap div.inner>div p {
	font-size: var(--fs5);
}
#rnd-s-roadmap .imgcard.ics {
	width: 100% !important;
}
#rnd-f-category ul li ul li,
#rnd-s-roadmap div.inner>div p.cap, 
#rnd-s-roadmap div.inner>div .ics p {
	font-size: var(--fs25);
	padding-bottom: 6px;
	margin-bottom: 6px;
}
.dis-title h5 {
	width: calc(100% - 180px);
}
#rnd-f-7th ul li span {
	font-size: var(--fs7);
}
#rnd-f-7th ul li p {
	font-size: var(--fs5);
}
.tab-process .tab-cont-wrap article div ul li h6 {
	font-size: var(--fs4);
}
.acco .accordion-title:hover {
	text-indent: 0;
}
.fipr-pr-item>div:first-child span {
	margin-bottom: 30px;
	display: block;
}
#rnd-s-target li {
	height: 420px;
}
.esg-tab .tab-ui li {
	flex: none;
	width: 45%;
}
.esg-tab .tab-ui li a {
	text-align: center;
}
.esg-tab .tab-ui li img {
	height: auto;
	aspect-ratio: auto;
}
.menifesto li p {
	padding: 32px;
	font-size: var(--fs3);
}
.menifesto li p::before {
	font-size: var(--fs3);
	margin-right: 10px;
}
#esg-qq #esg-ceo h3, #esg-q-intro h4, #esg-social-intro .col h4, #esg-e-intro .col h4 {
	font-size: var(--fs6);
}
#esg-social-intro .col h4 {
	font-size: var(--fs5) !important;
	width: 100%;
}
#esg-social ul li p {
	font-size: var(--fs2);
	color: var(--cg2);
}
#esg-social ul {
	row-gap: 24px;
}
#esg-theme ul.ly-tt li {
	min-height: 0;
}
#env-manage ul.ly-tt li {
	flex-direction: column;
}
#esg-q-intro h4 {
	font-size: var(--fs5) !important;
}
}