@media (max-width: 1200px) {
	/* header */
	#gnb>ul>li { padding: 0 22px; }
	/* content */
	.four-c__diagram { grid-template-columns: minmax(0, 1fr) 260px minmax(0, 1fr); }
	.four-c__center { width: 234px; height: 234px; }
	.business-wm { grid-template-columns:1fr; }
}

@media (max-width: 1024px) {
	/* header */
	:root { --header-height: 68px; --lnb-height: 52px; }
    #header .sitelogo {flex: 1;}
    .hd-lang {margin: 0 20px;}
	#gnb { display:none; }
	.btn-m-menu { display:block; }
	.mobile-navigation { display:block; }
	/* main */
	.mv-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mv-facts__item:nth-child(3) { padding-left: 0; border-left: 0; }
	.mv-facts__item:nth-child(n+3) { margin-top: 40px; }
	.mv-panels { height: 520px; }
	.mv-news__grid { grid-template-columns: minmax(0, 1fr); }
	.mv-alert { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.mv-contact { min-height: auto; }
	/* layout */
	.sub-visual, .sub-visual__text { min-height: 420px; }
	.sub-visual__text { max-width: 100%; padding: 32px var(--container-space) 48px; }
	.sub-visual__title { margin-top: 40px; }
	.lnb ul { gap: 28px; overflow-x: auto; }
	.lnb ul { overflow-y:hidden; scrollbar-width:none; }
	.lnb ul::-webkit-scrollbar { display:none; }
	/* content */
	.greet { grid-template-columns: minmax(0, 1fr); }
	.greet__photo { position: static; order: -1; max-width: 480px; }
	.philo__layout { grid-template-columns: minmax(0, 1fr); }
	.philo__index { display: none; }
	.philo-ch__points { grid-template-columns: minmax(0, 1fr); }
	.philo-ch__points li, .philo-ch__points li + li { padding: 24px 0; border-left: 0; }
	.philo-ch__points li + li { border-top: 1px solid var(--line); }
	.visit { grid-template-columns: minmax(0, 1fr); }
	.visit__map iframe { min-height: 320px; }
	.visit__info li { border-left: 0; border-top: 1px solid var(--line); }
	.products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.products-grid .product-card.js-rv:nth-child(odd) { transition-delay: 0s; }
	.products-grid .product-card.js-rv:nth-child(even) { transition-delay: .08s; }
	/* board */
	.board-search .search input.input { width: 240px; }
	.input { height:40px; }
	.board-search .search input.input { width:240px; }
	.board-list colgroup col { width:auto !important; }
	.simple-list .link-item .num { max-width:80px; }
	.simple-list .link-item .num .notice { width:48px; height:48px; }
	.simple-list .link-item .arrow { max-width:80px; }
	.news-list .thumb { width:200px; }
	.faq .tit a:after { top:14px; }
	.faq .q { flex:0 0 32px; width:32px; height:32px; line-height:32px; }
	.calendar-head .cal-btn { width:40px; height:40px; }
	.calendar table td { height:110px; }
	.calendar ul li:before { top:7px; }
	.btn-pack.medium { height:40px; line-height:38px; }
	.btn-pack.large { min-width:140px; height:50px; line-height:48px; }
	.product-list ul li { width:25%; }
	.product-image { width:350px; }
	.store-search .map-area { width:280px; }
	.store-search .map-img .local { line-height:22px; }
	.result-group .gall li { width:25%; }
	.goods-photo { width:45%; }
	.goods-info .btns .btn { line-height:48px; }
	.goods-info .btns .btn img { height:48px; }
	.shop-guide .tit h4 { width:130px; }
	.shop-guide .qa dt { width:220px; }
}

@media (max-width: 900px) {
	/* layout */
	.only-desktop { display:none; }
	.only-tablet { display:block; }
	/* content */
	.member-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px 32px; }
	.biz-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.history-layout { grid-template-columns: 1fr; }
	.history-left { position: static; margin-bottom: 40px; padding-top: 0; padding-right: 0; }
	.history-since { font-size: 56px; }
	.history-group { padding: 32px 20px 32px 60px; }
	.history-group__hd { gap: 38px; margin-left: -70px; }
	.history-right { justify-self: stretch; width: auto; }
	.press-item { grid-template-columns: 240px minmax(0, 1fr); gap: 28px; }
	.member-list .member-card.js-rv:nth-child(odd) { transition-delay: 0s; }
	.member-list .member-card.js-rv:nth-child(even) { transition-delay: .08s; }
	.four-c__diagram { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto; }
	.four-c__center { grid-column: 1 / 3; grid-row: 1; justify-self: center; }
	.four-c__item { grid-column: auto; grid-row: auto; }
	.mission-banner { background-attachment:scroll; background-color:#071126; }
	.business-wm,.business-ax { grid-template-columns:1fr 1fr; }
	.business-wm,.business-ax { grid-template-columns:1fr; }
	.ax-map { max-width:640px; width:100%; margin:0 auto; }
	/* board */
	.gallery-list ul li { width:33.33333333%; }
	.event-list ul li { width:50%; }
	.store-search .map-area { display:none; }
	.store-search .search-area h3 { text-align:center; }
}

@media (max-width: 640px) {
    /* header */
    .sitelogo img {height: 26px;}
	/* main */
	body { font-size: 16px; }
	.mv__ctrl { width: 44px; height: 44px; bottom: 24px; }
	.mv__body { bottom: 88px; }
	.mv-facts strong { font-size: 34px; }
	.mv-facts__item { padding: 28px 16px 0; }
	.mv-facts small { font-size: 15px; }
	.mv-facts dd span { font-size: 14px; }
	.mv-panels { flex-direction: column; height: auto; }
	.mv-panel, .mv-panel.is-active { flex: none; min-height: 380px; }
	.mv-panel__trigger { display: none; }
	.mv-panel__text, .mv-panel.is-active .mv-panel__text { display: block; margin-top: 16px; color: rgba(255,255,255,.88); font-size: 17px; line-height: 1.7; }
	.mv-panel__tags, .mv-panel.is-active .mv-panel__tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
	.mv-panel__title, .mv-panel.is-active .mv-panel__title { font-size: 26px; }
	.mv-panel__tags li { font-size: 14px; }
	.mv-news__list a { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 20px 0; }
	.mv-news__subject { font-size: 17px; white-space: normal; }
	.mv-alert { padding: 24px 20px; }
	.mv-contact__body { padding-top: 48px; padding-bottom: 48px; }
	.mv-contact__info { gap: 16px; font-size: 16px; }
	/* footer */
	.ft-top, .ft-bottom { flex-direction: column; align-items: flex-start; }
	.ft-menu { gap: 10px 24px; }
	/* layout */
	.sub-visual, .sub-visual__text {min-height: 250px;}
	.sub-visual__text {padding-bottom: 0; padding-top: 0;}
	.btn-line { height: 50px; padding: 0 22px; font-size: 16px; }
	.btn-fill { min-width: 0; height: 54px; font-size: 16px; }
	.only-desktop-tablet { display:none; }
	.only-tablet { display:none; }
	.only-mobile { display:block; }
	/* content */
	.ui-datepicker-prev, .ui-datepicker-next { background-size:8px auto; }
	.ui-datepicker-prev { background-image:url("../images/bbs/datepicker_prev_x2.png"); }
	.ui-datepicker-next { background-image:url("../images/bbs/datepicker_next_x2.png"); }
	.ui-datepicker-trigger { width:38px; height:38px; }
	.mv-philo__head { flex-direction: column; align-items: flex-start; gap: 24px; }
	.greet__body p { font-size: 17px; }
	.greet__body .greet__hello { font-size: 19px; }
	.philo__lead { font-size: 17px; }
	.philo-ch__points p, .philo-ch__esg p { font-size: 16px; }
	.philo-ch__esg li { grid-template-columns: 56px minmax(0, 1fr); gap: 16px; }
	.philo-ch__letter { font-size: 40px; }
	.visit__info li { padding: 24px 20px; }
	.visit__info p { font-size: 18px; }
	.inquiry__head { flex-direction: column; align-items: flex-start; gap: 8px; }
	.member-list { grid-template-columns: 1fr; gap: 48px; max-width: 420px; }
	.member-name { font-size: 28px; }
	.overview-panel { padding-top: 160px; padding-bottom: 72px; }
	.overview-panel dl { align-items: flex-start; min-height: 0; }
	.overview-panel dt { width: 96px; padding-left: 0; }
	.biz-list { grid-template-columns: 1fr; }
	.press-item { grid-template-columns: 1fr; gap: 16px; padding: 28px 0; }
	.press-item__title { font-size: 18px; }
	.press-item__date { margin-top: 16px; }
	.inquiry .board-form table { display:block; width:100%; }
	.inquiry .board-form colgroup { display:none; }
	.inquiry .board-form tbody,.inquiry .board-form tr,.inquiry .board-form td { width:100%; min-width:0; }
	.inquiry__file { display:block; width:100%; max-width:100%; min-width:0; }
	.mission-banner { min-height: auto; }
	.mission-banner__en { line-height: 1.3; }
	.mission-banner__en br, .mission-banner__ko br, .mission-desktop-break { display: none; }
	.mission-mobile-break { display: initial; }
	.four-c__diagram { display: flex; flex-direction: column; }
	.four-c__center { align-self: center; }
	.four-c__center { width: 216px; height: 216px; }
	.products-intro__description br { display: none; }
	.products-grid { grid-template-columns: minmax(0, 1fr); }
	.product-card__english { min-height: 0; }
	.dbi-org__earth { top: 0; width: 720px; max-width: calc(100vw - 20px); }
	.dbi-org__chart { height: auto; max-width: 440px; display: flex; flex-direction: column; align-items: inherit; justify-content: inherit; gap: 10px;}
	.dbi-org__lines { display: none; }
	.dbi-org__board { position: relative; top: auto; left: auto; flex: none; width: 168px; height: 168px; margin: 0 auto; transform: none; }
	.dbi-org__board img { width: 124px; }
	.dbi-org__ceo { position: relative; top: auto; left: auto; width: 68%; height: 64px; }
	.dbi-org__ceo::before {display: none; content: ""; position: absolute; bottom: 100%; left: 50%; width: 1px; height: 36px; background: #cbd3e0; }
	.dbi-org__ceo::after {display: none; content: ""; position: absolute; top: 100%; left: -23.5294%; width: 73.5294%; height: 14px; border-right: 1px solid #cbd3e0; border-bottom: 1px solid #cbd3e0; }
	.dbi-org__committees, .dbi-org__audit, .dbi-org__compliance, .dbi-org__division { position: relative; top: auto; left: auto; width: 100%; }
	.dbi-org__committees::before, .dbi-org__audit::before, .dbi-org__compliance::before, .dbi-org__division::before {display: none; content: ""; position: absolute; top: 32px; right: 100%; width: 24px; height: 1px; background: #cbd3e0; }
	.dbi-org__committees::after, .dbi-org__audit::after, .dbi-org__compliance::after, .dbi-org__division::after {display: none; content: ""; position: absolute; left: -24px; top: -28px; bottom: -61px; width: 1px; background: #cbd3e0; }
	.dbi-org__committees::after { top: -14px; }
	.dbi-org__committees::before { width: 25px; }
	.dbi-org__committees::after { left: -25px; }
	.dbi-org__audit::before { width: 25px; }
	.dbi-org__audit::after { left: -25px; }
	.dbi-org__management::after { bottom: auto; height: 60px; }
	.dbi-org__committees { height: auto; width: 100%;}
	.dbi-org__compliance ul { position: relative; }
	.dbi-org__compliance ul::before { content: ""; position: absolute; left: -14px; top: -20px; width: 14px; height: 54px; border-left: 1px solid #cbd3e0; border-bottom: 1px solid #cbd3e0; }
	.dbi-org__chart h3 {width: 100%;}
	.business-lead br,.business-copy br { display:none; }
	.esg-grid { grid-template-columns:1fr; }
	.esg-letter { right:28px; top:24px; }
	.ax-map { grid-template-columns:1fr 1.2fr 1fr; grid-template-rows:repeat(3,78px); }
	.business-copy br { display:initial; }
	.ax-core span { overflow-wrap:anywhere; }
	.wm-cycle { aspect-ratio:auto; max-width:none; }
	.wm-cycle::before,.wm-cycle::after { display:none; }
	.wm-hub {padding: 20px; margin-bottom: 30px; position:relative; left:auto; top:auto; transform:none; width:100%; aspect-ratio:auto; flex-direction:row; border-radius:0; box-shadow:none; }
	.wm-hub strong { margin:0; }
	.wm-process { position:relative; inset:auto; }
	.wm-process::before { content:""; position:absolute; left:39px; top:0; bottom:40px; width:2px; background:linear-gradient(#0033cc,#b8c7e3); }
	.wm-process li { position:relative; gap: 25px; left:auto; top:auto; width:auto; height:auto; display:flex; align-items:center; margin-bottom: 30px;}
	.wm-node { position:relative; transform:none; width:80px; flex-shrink:0; }
	.wm-process li:hover .wm-node { transform:scale(1.04); }
	.wm-step { top:-10px; }
	.wm-icon { width:54px; height:54px; }
	.wm-label { position:static; width:auto; transform:none; text-align:left; }
	.ax-map {position: relative;}
	.ax-core {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); grid-column: none; grid-row: none; max-width: 80%;}	
	
    [lang="en"] .overview-panel dt {width: 170px;}
    [lang="en"] .ax-map {gap:10px 20px;}
    [lang="en"] .ax-node {font-size: 15px; line-height: 1.5em;}
    /* board */
	.input.datepicker { background-image:url("../images/bbs/datepicker_icon_x2.png"); background-size:22px auto; }
	.board-search .input, .board-search select.input { height: 44px; }
	.board-search .total-page { font-size: 13px; line-height: 1.6; }
	.board-search .search .btn-pack.medium { height: 44px; line-height: 42px; }
	.board-form table { font-size: 16px; }
	.board-form table th { padding: 0 0 8px; background: none; }
	.board-form table td { padding: 0; }
	.board-form .input { height: 46px; font-size: 16px; }
	.board-list-m .tit { font-size: 17px; }
	.captcha-wrap { height: 46px; }
	.captcha-wrap img { height: 46px; }
	.captcha-wrap .input { flex: 1 1 auto; width: 1%; min-width: 0; }
	.input { height:38px; }
	select.input { background-position:right 8px center; background-size:12px auto; }
	.board-search { display:flex; flex-direction:column; gap: 10px;}
	.board-search .total-page { order:3; float:none; }
	.board-search .cate { float:none; order:1; margin-left:0; }
	.board-search .cate .input { display:block; width:100%; }
	.board-search .search { float:none; order:2; display:flex; }
	.board-search .search .input { flex:1 1 auto; min-width:0; width:1%; }
	.board-list { display:none; }
	.board-list-m { display:block; }
	.simple-list .link-item .num { max-width:50px; }
	.simple-list .link-item .num .notice { width:40px; height:40px; }
	.simple-list .link-item .arrow { display:none; }
	.gallery-list ul li { width:50%; }
	.card-list { grid-template-columns:repeat(2, 1fr); }
	.card-list .link-item { border-radius:10px; }
	.news-list .thumb { width:38%; }
	.news-list .tit { max-height:2.8em; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
	.news-list .txt { max-height:3em; -webkit-line-clamp:2; }
	.news-list .date { display:none; }
	.event-list ul li { width:100%; }
	.faq .tit a:after { display:none; }
	.faq .q { flex:0 0 26px; width:26px; height:26px; line-height:26px; }
	.calendar-head .cal-btn { width:34px; height:34px; background-size:9px auto; }
	.calendar-head .cal-prev { background-image:url("../images/bbs/cal_prev_x2.png"); }
	.calendar-head .cal-next { background-image:url("../images/bbs/cal_next_x2.png"); }
	.calendar table td { height:60px; }
	.calendar ul li { padding-left:0; }
	.calendar ul li:before { display:none; }
	.board-white table { display:block; border-top:0; border-bottom:0; }
	.board-white table tbody { display:block; }
	.board-white table tr { display:block; }
	.board-white table th { display:block; border:0; text-align:left; padding:0; background:none; }
	.board-white table td { display:block; border:0; padding:0; }
	.board-white .editor { padding:0; }
	.board-white #user_name { max-width:100% !important; }
	.board-form table tbody { display:block; }
	.board-form table tr { display:block; }
	.board-form table th { display:block; border:0; text-align:left; padding:0 0 8px; background:none; }
	.board-form table td { display:block; border:0; padding:0; }
	.inquiry .board-form table { font-size: 16px; }
	.inquiry .board-form table th { display: block; border: 0; text-align: left; padding: 0 0 8px; background: none; margin-top: 10px;}
	.inquiry .board-form table td { display: block; border: 0; padding: 0; }
	.inquiry .board-form .input { height: 46px; font-size: 16px; }
	.inquiry .captcha-wrap { height: 46px; }
	.inquiry .captcha-wrap img { height: 46px; }
	.inquiry .captcha-wrap .input { flex: 1 1 auto; width: 1%; min-width: 0; }
	.inquiry .form-agree { margin: 30px 0; }
	.inquiry .form-agree h3 { font-size: 16px; }
	.inquiry .form-agree .scroll-box { font-size: 12px; max-height: 110px; overflow: auto; }
	.inquiry .form-agree .check { margin-top: 12px; font-size: 14px; }
	.form-agree .scroll-box { max-height:110px; overflow:auto; }
	.board-prev-next dt { width:70px; }
	.btn-pack.small { height:26px; line-height:24px; }
	.btn-pack.medium { height:38px; line-height:36px; }
	.btn-pack.large { min-width:120px; height:42px; line-height:40px; }
	.btn-pack.xlarge { min-width:120px; height:50px; line-height:48px; }
	.btn-pack.comment { width:80px; height:32px; }
	.paginate a, .paginate strong { width:30px; height:30px; line-height:30px; }
	.paginate a.direction { margin:0; }
	.comment-write { position:relative; }
	.comment-write .byte { position:absolute; bottom:15px; left:12px; }
	.comment-write .write { display:block; }
	.comment-write .write textarea { display:block; width:100%; height:65px; margin-right:0; }
	.comment-write .write .btn { text-align:right; }
	.comment-item.comment-reply { background-image:url("../images/bbs/icon_reply_x2.png"); background-position:3px 18px; background-size:auto 13px; }
	.comment-ctr .bar { vertical-align:middle; }
	.comment-input textarea { height:48px; }
	.product-list ul li { width:50%; }
	.product-summary { display:block; }
	.product-image { width:100%; }
	.product-info { width:100%; }
	.store-search { padding:0; }
	.store-search .search-area h3 { background:#f4f4f4; }
	.store-search .search-area dl { display:block; }
	.store-search .search-area dl dt { width:auto; }
	.store-search .search-area dl dd { width:auto; }
	.store-search .search-area input.input { width:calc(100% - 74px); }
	.store-search .search-area select.input { width:calc(50% - 39px); }
	.store-search .search-area .btn-pack.medium { width:70px; }
	.result-group .gall li { width:50%; }
	.login-tab { border-bottom-width:2px; }
	.login-tab ul li { border-width:2px; }
	.login-tab ul li a { line-height:46px; }
	.login-content .group .input { height:48px; }
	.sns-login img { width:44px; }
	.agree-wrap .agree-tit .checkbox label:before { background-image:url("../images/member/checkbox_x2.png"); background-size:11px auto; }
	.agree-wrap .agree-tit .checkbox input:checked + label:before { background-image:url("../images/member/checkbox_on_x2.png"); }
	.agree-wrap .agree-box { max-height:130px; }
	.agree-wrap .agree-box .terms-wrap { line-height:1.4em; word-break:break-all; }
	.terms-wrap .policy-contact { display:block; }
	.terms-wrap .policy-contact dl { border-left:0; border-top:1px solid #e5e5e5; }
	.terms-wrap .policy-contact dl:first-child { border-top:0; }
	.join-form table tbody { display:block; }
	.join-form table tr { display:block; }
	.join-form table th { display:block; border:0; text-align:left; padding:0; background:none; }
	.join-form table td { display:block; border:0; padding:0; }
	.join-form .help-text { display:block; clear:both; margin-left:0; line-height:1.5em; }
	.join-form #user_id { float:left; width:calc(100% - 90px) !important; }
	.join-form #user_id + .btn-pack { width:90px; text-align:center; }
	.join-form #user_pw, .join-form #user_pw2, .join-form #user_name { width:100% !important; }
	.join-complete .icon { width:110px; height:110px; background-size:48px; }
	.find-tab { border-bottom-width:2px; }
	.find-tab ul li { border-width:2px; }
	.find-tab ul li a { line-height:46px; }
	.find-content .group .input { height:48px; }
	.member-leave .form .group .label-tt { width:80px; }
}

@media (prefers-reduced-motion: no-preference) {
	.mv .mv__line > span { transform: translateY(105%); transition: transform 1.3s var(--ease); }
	.mv .mv__line:nth-child(2) > span { transition-delay: .14s; }
	.mv .mv__lead, .mv .mv__cta { opacity: 0; transform: translateY(16px); transition: opacity 1s var(--ease) .55s, transform 1s var(--ease) .55s; }
	.mv .mv__cta { transition-delay: .7s; }
	.mv.is-ready .mv__line > span, .mv.is-ready .mv__lead, .mv.is-ready .mv__cta { opacity: 1; transform: none; }
	@supports (animation-timeline: view()) { .mv__video { animation: mv-recede linear both; animation-timeline: view(); animation-range: exit 0% exit 100%; } @keyframes mv-recede { to { transform: scale(1.1); filter: brightness(.5); } } }
}

@media (prefers-reduced-motion: reduce) {
	.js-rv { opacity: 1; transform: none; transition: none; }
	.mv-intro__statement .w { opacity: 1; }
}

@media (max-width: 700px), (prefers-reduced-motion: reduce) {
	.member-list .member-card.js-rv:nth-child(n) { transition-delay: 0s; }
}

@media (prefers-reduced-motion: reduce) {
	.mission-banner { background-attachment: scroll; }
}

@media (max-width: 640px), (prefers-reduced-motion: reduce) {
	.products-grid .product-card.js-rv:nth-child(n) { transition-delay: 0s; }
}

@media (max-width: 1024px) and (min-width: 761px) {
	.dbi-org__chart h3 { font-size: 20px; }
	.dbi-org__board h3 { font-size: 28px; }
	.dbi-org__committees li { font-size: 16px; }
	.dbi-org__division li, .dbi-org__compliance li { font-size: 17px; }
}

@media(prefers-reduced-motion:reduce) {
	.wm-cycle::after { animation:none; }
}