/* Public-site mobile and tablet layouts. Desktop rules remain in the legacy sheets. */
.mobile-nav-label {display:none;}
.public-nav-toggle {width:calc(100% - 4px); box-sizing:content-box;}
.public-nav-toggle[aria-expanded="true"] + .sub-menu {display:block;}
@media (max-width:979px) {
  body.responsive-desktop #wrap {min-width:0;}
  body.responsive-desktop .content-inner {width:calc(100% - 32px); max-width:960px; box-sizing:border-box;}
  body.responsive-desktop .main-container:before {display:none;}
  body.responsive-desktop header .logo-area {height:auto; padding:8px 0;}
  body.responsive-desktop header .logo-area .content-inner {display:flex; align-items:center; justify-content:space-between; gap:12px;}
  body.responsive-desktop header .logo-area h1 {min-width:0; flex:1; text-align:left;}
  body.responsive-desktop header .logo-area h1 img {display:block; width:260px; max-width:100%; height:auto;}
  body.responsive-desktop header .logo-area .description {display:none;}
  body.responsive-desktop header .logo-area .description01 {position:static; width:100px; flex:0 0 100px; margin:0;}
  body.responsive-desktop header .logo-area .description01 img {width:100%; height:auto;}
  body.responsive-desktop header .gnb-wrapper .gnb-wrap {position:relative; display:flex; flex-direction:column; width:100%; height:auto; text-align:left;}
  body.responsive-desktop header #gnbArea .search-layer {order:0; position:static; width:100%; height:auto; margin:0; padding:16px; box-sizing:border-box; background:#fff;}
  body.responsive-desktop header #gnbArea .search-layer h1 {display:none;}
  body.responsive-desktop header #gnbArea .search-layer .search-input {width:100%; height:48px; padding:0; border:3px solid #00b8cc; box-sizing:border-box; background:none;}
  body.responsive-desktop header #gnbArea .search-layer .input-txt {width:100%; height:42px; padding:10px 50px 10px 12px; box-sizing:border-box; background:none; font-size:16px;}
  body.responsive-desktop header #gnbArea .search-layer .input-description {top:50%; left:12px; margin-top:-12px; font-size:16px; line-height:24px;}
  body.responsive-desktop header #gnbArea .search-layer .btn-total-search {top:0; right:0; width:44px; height:42px;}
  body.responsive-desktop header #gnbArea .search-layer .favorit-search-word {display:flex; flex-wrap:wrap; gap:4px 10px; padding:0; margin-top:8px;}
  body.responsive-desktop header #gnbArea .search-layer .favorit-search-word a {display:inline-flex; align-items:center; min-height:28px; margin:0;}
  body.responsive-desktop header .gnb-wrapper .gnb-wrap > ul {order:1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; margin:0;}
  body.responsive-desktop header .gnb-wrapper .gnb-wrap > ul > li {position:static; float:none; width:auto; margin:0; min-width:0;}
  body.responsive-desktop header .gnb-wrapper .gnb-wrap > ul > li > .item {width:100%; height:48px; border:0; color:#fff; font-size:14px; font-weight:bold;}
  body.responsive-desktop header .gnb-wrapper .gnb-wrap > ul > li > .item img {display:none;}
  body.responsive-desktop header .gnb-wrapper .gnb-wrap .mobile-nav-label {display:inline;}
  body.responsive-desktop header .gnb-wrapper .gnb-wrap > ul > li.page-check > .item,
  body.responsive-desktop header .gnb-wrapper .gnb-wrap > ul > li > .item[aria-expanded="true"] {background:#00869e;}
  body #gnbArea .gnb-wrap > ul > li > .sub-menu {display:none; position:absolute; top:100%; left:0; right:0; width:auto; margin:0; padding:8px 16px; box-sizing:border-box; z-index:30; border:1px solid #45474d; box-shadow:0 6px 12px #0002;}
  body #gnbArea .gnb-wrap > ul > li > .item[aria-expanded="true"] + .sub-menu {display:block;}
  body #gnbArea .gnb-wrap .sub-menu li {margin:0;}
  body #gnbArea .gnb-wrap .sub-menu li a {display:flex; align-items:center; min-height:44px; height:auto; padding:0 12px; color:#343434; font-size:15px;}
  body #gnbArea .gnb-wrap .sub-menu img {display:none;}
  body.responsive-desktop .user-info-wrap {position:static; padding:8px 16px; box-sizing:border-box; background:#f1f4f6;}
  body.responsive-desktop .user-info-wrap .user-info-area {width:100%;}
  body.responsive-desktop .user-info-wrap .info-content {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:4px 8px; overflow-wrap:anywhere;}
  body.responsive-desktop .user-info-wrap .condition {margin:0;}
  body.responsive-desktop .main-container, body.responsive-desktop .legacy-content {padding:24px 0 40px; min-height:0;}
  body.responsive-desktop .main-container > .content-inner {display:flex; flex-direction:column; gap:20px;}
  body.responsive-desktop .main-container .main-article {float:none; width:100%; min-width:0; margin:0;}
  body.responsive-desktop .main-container .main-article.w100 {order:1;}
  body.responsive-desktop .main-container > .content-inner > .aside {order:2;}
  body.responsive-desktop .main-container .aside {float:none; width:100%; min-width:0; margin:0;}
  body.responsive-desktop .main-container .gallery-view {width:100%; height:auto; aspect-ratio:620 / 383;}
  body.responsive-desktop .main-container .gallery-view .view {width:100%; height:100%;}
  body.responsive-desktop .main-container .gallery-view .view > img {width:100%; max-width:100%; height:100%; object-fit:cover;}
  body.responsive-desktop .main-container .gallery-view .view > p {width:100%; padding:12px; box-sizing:border-box; font-size:18px; line-height:1.4; overflow-wrap:anywhere;}
  body.responsive-desktop .main-container .gallery-view .description {display:block; background:none;}
  body.responsive-desktop .main-container .gallery-view .description dl {display:none;}
  body.responsive-desktop .main-container .gallery-list {display:flex;}
  body.responsive-desktop .main-container .gallery-list li {float:none; flex:1; min-width:0; width:auto;}
  body.responsive-desktop .main-container .gallery-list li img {display:block; width:100%; aspect-ratio:124 / 77; object-fit:cover;}
  body.responsive-desktop .main-container .gallery-list li .hover {inset:0; width:100%; height:100%; box-sizing:border-box; border-width:3px;}
  body.responsive-desktop .main-container .project-tab {padding:12px;}
  body.responsive-desktop .main-container .project-tab .tab-list {height:auto; padding:0;}
  body.responsive-desktop .main-container .project-tab .tab-list li > a {height:auto; min-height:44px; padding:12px; box-sizing:border-box; font-size:15px; white-space:normal;}
  body.responsive-desktop .main-container .project-tab .tab-list li.on .view {position:static; width:100%; height:auto;}
  body.responsive-desktop .main-container .project-tab .tab-list li.on .view img {display:block; width:100%; height:auto; max-width:100%;}
  body.responsive-desktop .main-article .article-list {padding:12px;}
  body.responsive-desktop .main-article .article-list > ul {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px;}
  body.responsive-desktop .main-article .article-list ul li {float:none; width:auto; height:auto; margin:0; min-width:0;}
  body.responsive-desktop .main-article .article-list .thumbnail .view-img {width:100%; max-width:100%; height:auto; aspect-ratio:280 / 174;}
  body.responsive-desktop .main-article .article-list .thumbnail .view-img img {width:100%; height:100%; max-width:100%;}
  body.responsive-desktop .main-article .article-list .thumbnail dl {padding:12px 0;}
  body.responsive-desktop .main-article .article-list .thumbnail dl dd {height:auto; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
  body.responsive-desktop .main-container .aside .article-list li > a {display:grid; grid-template-columns:76px minmax(0,1fr); gap:10px;}
  body.responsive-desktop .main-container .aside .article-list li .description {float:none; width:auto; min-width:0; padding:0;}
  body.responsive-desktop .main-container .aside .newsletter .letter-input {width:100%; height:44px; padding:0; box-sizing:border-box; border:3px solid #00b8cc; background:none;}
  body.responsive-desktop .main-container .aside .newsletter .letter-input input {width:100%; box-sizing:border-box; height:38px; font-size:16px;}
  body.responsive-desktop .main-container .newsletter .apply {width:100%;}
  body.responsive-desktop .main-container .newsletter .apply img {max-width:100%;}
  body.responsive-desktop .main-container .newsletter .terms {display:flex; align-items:center; flex-wrap:wrap; gap:8px;}
  body.responsive-desktop .main-container .newsletter .terms .checkbox-list {float:none; display:flex; align-items:center; gap:4px;}
  body.responsive-desktop .main-container .newsletter .terms .input-check {position:static; visibility:visible; appearance:auto; width:16px; height:16px;}
  body.responsive-desktop .main-container .newsletter .terms-btn {position:static; margin:0;}
  body.responsive-desktop .main-container .newsletter .terms-detail.is-expanded {position:static; width:100%; padding:12px 0;}
  body.responsive-desktop .main-container .ad-banner {width:100%; max-width:100%; height:auto; padding:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
  body.responsive-desktop .main-container .ad-banner .banner {display:none; position:static; order:-1; width:100%;}
  body.responsive-desktop .main-container .ad-banner .on-banner {display:block;}
  body.responsive-desktop .main-container .ad-banner .banner img {height:auto;}
  body.responsive-desktop .main-container .online-poll .p-contents {display:grid; gap:16px;}
  body.responsive-desktop .main-container .online-poll .input-form {float:none; width:100%;}
  body.responsive-desktop .main-container .online-poll .thumb {float:none; max-width:100%;}
  body.responsive-desktop .main-container .online-poll .thumb img {max-width:100%; height:auto;}
  body.responsive-desktop .main-container .online-poll .btn-area {display:flex; gap:8px;}
  body.responsive-desktop .main-container .online-poll .btn-area button {flex:1; width:auto; min-width:0; margin:0;}
  body.responsive-desktop .legacy-content :is(.detail-layout,.section-layout,.award-layout,.culture-layout) {grid-template-columns:minmax(0,1fr); padding-left:0; gap:24px;}
  body.responsive-desktop .legacy-content :is(.detail-layout,.section-layout,.award-layout,.culture-layout) > :is(.article,.aside) {width:100%; min-width:0; margin:0; float:none;}
  body.responsive-desktop .legacy-content .submain-article .pagenation {padding:12px; font-size:16px; line-height:1.5;}
  body.responsive-desktop .legacy-content .submain-article .sub-category {padding-bottom:12px;}
  body.responsive-desktop .legacy-content .submain-article .sub-category ul {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); left:0;}
  body.responsive-desktop .legacy-content .submain-article .sub-category li {float:none; min-width:0; width:auto; height:auto;}
  body.responsive-desktop .legacy-content .submain-article .sub-category a {display:flex; align-items:center; justify-content:center; height:auto; min-height:48px; padding:6px; box-sizing:border-box;}
  body.responsive-desktop .legacy-content .submain-article .sub-category li em {position:static; top:auto; transform:none; padding:0; overflow-wrap:anywhere;}
  body.responsive-desktop .legacy-content .submain-article .article-press-area {padding:12px;}
  body.responsive-desktop .legacy-content .submain-article .article-sorting {position:static; display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px;}
  body.responsive-desktop .legacy-content .submain-article .article-sorting .select-layer {flex:1; min-width:100px; width:auto; margin:0;}
  body.responsive-desktop .legacy-content .submain-article .article-sorting select {width:100%; min-height:40px; font-size:16px; box-sizing:border-box;}
  body.responsive-desktop .legacy-content .submain-article .article-press-area .list {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:0;}
  body.responsive-desktop .legacy-content .submain-article .article-press-area .list:after {display:none;}
  body.responsive-desktop .legacy-content .submain-article .article-press-area .list li {float:none; width:auto; min-width:0; height:auto; min-height:0; margin:0; background:#fff;}
  body.responsive-desktop .legacy-content .submain-article .article-press-area .list li > :is(a,div) {display:block; padding:0; height:auto; min-height:0; background:none;}
  body.responsive-desktop .legacy-content .submain-article .article-press-area .list li .thumb {display:block; position:relative; inset:auto; width:100%; height:auto; aspect-ratio:16 / 10; overflow:hidden; background:#e7e9ec;}
  body.responsive-desktop .legacy-content .submain-article .article-press-area .list li .thumb .img-wrap {display:block; width:100%; height:100%;}
  body.responsive-desktop .legacy-content .submain-article .article-press-area .list li .thumb img {width:100%; height:100%; max-width:100%; max-height:none; margin:0; object-fit:cover;}
  body.responsive-desktop .legacy-content .submain-article .article-press-area .list li .thumb .logo-img {object-fit:contain;}
  body.responsive-desktop .legacy-content .submain-article .article-press-area .list li .summary {position:static; width:auto; height:auto; margin:0; padding:12px 0; background:none;}
  body.responsive-desktop .legacy-content .submain-article .article-press-area .list li .summary dl {height:auto; overflow:visible; padding:0;}
  body.responsive-desktop .legacy-content .submain-article .article-press-area .list li .summary dt {height:auto; white-space:normal; overflow:visible; font-size:16px; line-height:1.5; color:#343434; overflow-wrap:anywhere;}
  body.responsive-desktop .legacy-content .submain-article .article-press-area .list li .summary dd {height:auto; margin-top:8px; color:#737373; font-size:14px; line-height:1.6; overflow-wrap:anywhere;}
  body.responsive-desktop .legacy-content .submain-article .article-press-area .list li .award-date-info {display:flex; flex-wrap:wrap; gap:8px; padding:0 0 8px;}
  body.responsive-desktop .legacy-content .submain-article .article-press-area .list li .award-date-info :is(.sort,.date) {float:none; color:#737373;}
  body.responsive-desktop .legacy-content .more-list, body.responsive-desktop .legacy-content .site-pages a {box-sizing:border-box; min-height:44px; padding:12px;}
  body.responsive-desktop .legacy-content :is(.section-layout,.award-layout) .rolling-banner.portfolio {display:flex; flex-direction:column; padding:0; height:auto;}
  body.responsive-desktop .legacy-content :is(.section-layout,.award-layout) .rolling-banner.portfolio .banner {width:100%; height:auto; position:relative;}
  body.responsive-desktop .legacy-content :is(.section-layout,.award-layout) .rolling-banner.portfolio .banner img {width:100%; max-width:100%; height:auto; aspect-ratio:620 / 383; object-fit:cover;}
  body.responsive-desktop .legacy-content :is(.section-layout,.award-layout) .rolling-banner.portfolio .btn-control {bottom:40px;}
  body.responsive-desktop .legacy-content :is(.section-layout,.award-layout) .rolling-banner.portfolio .description {box-sizing:border-box; padding:10px; font-size:14px;}
  body.responsive-desktop .legacy-content .section-001001 .rolling-banner.portfolio .description {padding-bottom:28px;}
  body.responsive-desktop .legacy-content :is(.section-layout,.award-layout) .rolling-banner.portfolio .description dl {padding:0;}
  body.responsive-desktop .legacy-content :is(.section-visual-controls,.award-visual-controls) {min-height:32px; padding:8px 0; box-sizing:border-box;}
  body.responsive-desktop .legacy-content .vod-wrap > a > img {display:block; width:100%; height:auto;}
  body.responsive-desktop .legacy-content .vod-wrap iframe {height:auto; aspect-ratio:16 / 9;}
  body.responsive-desktop .legacy-content :is(.keycontents-type03,.keycontents-type04,.keycontents-type05) {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; height:auto;}
  body.responsive-desktop .legacy-content :is(.keycontents-type03,.keycontents-type04,.keycontents-type05) > a {position:relative; inset:auto; float:none; width:auto; height:auto; padding:0; min-width:0;}
  body.responsive-desktop .legacy-content :is(.keycontents-type03,.keycontents-type04,.keycontents-type05) > a:first-child {grid-column:1 / -1;}
  body.responsive-desktop .legacy-content :is(.keycontents-type03,.keycontents-type04,.keycontents-type05) .thumnail-img {position:static; width:100%; height:auto; aspect-ratio:16 / 10;}
  body.responsive-desktop .legacy-content :is(.keycontents-type03,.keycontents-type04,.keycontents-type05) a img {display:block; width:100%; height:auto; max-width:100%; max-height:none; margin:0; aspect-ratio:16 / 10; object-fit:cover;}
  body.responsive-desktop .legacy-content :is(.keycontents-type03,.keycontents-type04,.keycontents-type05) a .summary {position:static; width:auto; height:auto; background:#45474d;}
  body.responsive-desktop .legacy-content :is(.keycontents-type03,.keycontents-type04,.keycontents-type05) a .summary dl {padding:12px;}
  body.responsive-desktop .legacy-content :is(.keycontents-type03,.keycontents-type04,.keycontents-type05) a .summary dt {padding:0; background:none;}
  body.responsive-desktop .legacy-content :is(.keycontents-type03,.keycontents-type04,.keycontents-type05) a .summary dd {margin-top:8px; text-align:left; white-space:normal;}
  body.responsive-desktop .legacy-content .keycontents-type03 > span.section03 {display:none;}
  body.responsive-desktop .legacy-content .aside .article-press-area {padding:16px;}
  body.responsive-desktop .legacy-content .aside .summary-area .tab-list {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); height:440px; min-height:440px;}
  body.responsive-desktop .legacy-content .aside .summary-area .tab-list > li {position:static; min-width:0;}
  body.responsive-desktop .legacy-content .aside .summary-area .tab-title {position:static; width:100%; height:44px; padding:10px 0; box-sizing:border-box; font-size:12px;}
  body.responsive-desktop .legacy-content .aside .summary-area .view {position:absolute; left:0; right:0; top:44px;}
  body.responsive-desktop .legacy-content .aside .summary-area .view a {top:0; margin-top:12px;}
  body.responsive-desktop .legacy-content .aside .summary-area .view a:first-child {margin-top:12px;}
  body.responsive-desktop .legacy-content .aside .summary-area .view section dl {min-width:0;}
  body.responsive-desktop .legacy-content .aside-banner {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; height:auto; padding:0; width:100%; margin:20px auto 0;}
  body.responsive-desktop .legacy-content .aside-banner .banner {display:block; position:absolute; order:-1; width:100%;}
  body.responsive-desktop .legacy-content .aside-banner .banner.on-banner {position:static;}
  body.responsive-desktop .legacy-content .aside-banner .banner img {width:100%; max-width:100%; height:auto;}
  body.responsive-desktop .legacy-content .aside .vod-area iframe {max-width:100%; width:100%; height:auto; aspect-ratio:300 / 214;}
  body.responsive-desktop .legacy-content .article-detail {box-sizing:border-box; width:100%; padding:16px;}
  body.responsive-desktop .legacy-content .article-detail .article-title {font-size:24px; line-height:1.4;}
  body.responsive-desktop .legacy-content .article-detail .write-info {padding:10px; line-height:1.8;}
  body.responsive-desktop .legacy-content .article-detail .page-info {display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
  body.responsive-desktop .legacy-content .article-detail .page-info > span {float:none;}
  body.responsive-desktop .legacy-content .article-body {min-width:0; padding:24px 0;}
  body.responsive-desktop .legacy-content .article-body iframe {width:100%; height:auto; aspect-ratio:16 / 9;}
  body.responsive-desktop .legacy-content .article-body table {display:block; width:100% !important; max-width:100%; overflow-x:auto;}
  body.responsive-desktop .legacy-content .article-body :is(th,td) {max-width:100%;}
  body.responsive-desktop .legacy-content .site-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  body.responsive-desktop .legacy-content .site-section-title {gap:8px;}
  body.responsive-desktop .legacy-content .site-section-title h1 {font-size:26px;}
  body.responsive-desktop .legacy-content .site-section-title span {margin-left:0; width:100%;}
  body.responsive-desktop footer .content-inner {width:calc(100% - 32px); padding:28px 0;}
  body.responsive-desktop footer .contact-us, body.responsive-desktop footer .other-con {float:none; width:100%;}
  body.responsive-desktop footer .other-con {margin-top:24px;}
  body.responsive-desktop footer .contact-us address .map {position:static; display:block; margin-top:16px;}
  body.responsive-desktop footer .contact-us address .map img {max-width:100%; height:auto;}
  body.responsive-desktop footer .other-con .obj-section01, body.responsive-desktop footer .other-con .follow-us {float:none; display:inline-block; margin:20px 12px 0 0;}
  body.responsive-desktop footer .copyright .company {position:static; display:flex; flex-wrap:wrap; margin-top:16px; gap:8px 0;}
  body.responsive-desktop footer .copyright p {font-size:12px; overflow-wrap:anywhere;}
  body.responsive-desktop .member-area {width:100%; max-width:100%; padding:20px 16px; margin:0 auto;}
  body.responsive-desktop .member-area h1 {font-size:24px;}
  body.responsive-desktop .member-profile {display:grid; grid-template-columns:64px minmax(0,1fr); padding:16px; gap:12px;}
  body.responsive-desktop .member-profile > img {width:64px; height:64px;}
  body.responsive-desktop .member-profile strong {font-size:18px;}
  body.responsive-desktop .member-profile .member-stats {grid-column:1 / -1; margin:0; min-width:0;}
  body.responsive-desktop .member-tabs {display:grid; grid-template-columns:repeat(3,minmax(0,1fr));}
  body.responsive-desktop .member-tabs a {display:flex; align-items:center; justify-content:center; padding:10px 6px; min-height:48px; min-width:0; font-size:13px;}
  body.responsive-desktop .member-area table {table-layout:fixed;}
  body.responsive-desktop .member-area :is(td,th) {padding:10px 6px; font-size:13px;}
  body.responsive-desktop .member-area :is(input,select,textarea) {min-width:0; font-size:16px;}
  body.responsive-desktop .member-write > label {display:grid; grid-template-columns:minmax(0,1fr); gap:8px;}
  body.responsive-desktop .member-write > label > :is(input,select) {width:100%; min-width:0;}
  body.responsive-desktop .member-write fieldset {grid-template-columns:1fr; padding:12px;}
  body.responsive-desktop .member-write fieldset label {grid-template-columns:minmax(0,1fr); gap:8px; padding:12px 0;}
  body.responsive-desktop .member-write fieldset label:has(input[type=checkbox]) {display:flex;}
  body.responsive-desktop .member-write .member-form-actions {flex-wrap:wrap; gap:10px;}
  body.responsive-desktop .member-panel > form {padding:12px;}
  body.responsive-desktop .member-panel > form > label {grid-template-columns:minmax(0,1fr);}
  body.responsive-desktop .member-panel > form > input[type=file] {width:100%; margin:0 0 10px;}
  body.responsive-desktop .original-editor {min-width:0; max-width:100%;}
  body.responsive-desktop .original-editor > iframe {width:100% !important; min-width:0 !important; max-width:100%;}
  body.responsive-desktop .member-image img {max-width:100%; height:auto;}
  body .infoboard-article {float:none; width:calc(100% - 32px); max-width:720px; margin:16px auto;}
  body .infoboard-article .key-contents .gallery-view {padding-top:calc(100% * 445 / 720); height:28px;}
  body .infoboard-article .key-contents .gallery-view .view {width:100%; height:auto; aspect-ratio:720 / 445;}
  body .infoboard-article .key-contents .gallery-view .view img {width:100%; max-width:100%; height:100%; object-fit:cover;}
  body .infoboard-article .key-contents .gallery-view p {box-sizing:border-box; width:100%; padding:10px; font-size:16px;}
  body .infoboard-article .talkPlay-wrap {display:grid; gap:20px; width:100%; height:auto;}
  body .infoboard-article .talkPlay-wrap > :is(#talkPlay,#talkPlay2) {position:static; width:100%;}
  body .infoboard-article .talk-play-article, body .infoboard-article .talk-play-list {width:100%;}
  body .infoboard-article .user-info .condition {width:calc(100% - 60px);}
  body .infoboard-article #video-wrap {width:100%; height:auto; aspect-ratio:16 / 9;}
  body .infoboard-article #video-wrap video {width:100%; height:100%;}
  body .popup .popup-content {box-sizing:border-box; width:100%; padding:16px;}
  body .popup .terms-heading img {max-width:calc(100% - 32px); height:auto;}
}
@media (max-width:559px) {
  body.responsive-desktop .main-article .article-list > ul,
  body.responsive-desktop .legacy-content .submain-article .article-press-area .list,
  body.responsive-desktop .legacy-content .site-grid {grid-template-columns:minmax(0,1fr);}
  body.responsive-desktop .legacy-content .submain-article .sub-category ul {grid-template-columns:repeat(2,minmax(0,1fr));}
  body.responsive-desktop .main-container .aside .article-press-area {padding:16px;}
  body.responsive-desktop .main-container .aside .article-daycount-area {max-width:100%; margin:0 auto 20px;}
  body.responsive-desktop .main-container .aside .article-daycount-area img {max-width:100%; height:auto;}
}
@media (max-width:979px) {
  body.responsive-desktop .legacy-content .submain-article .article-press-area .list li .summary dd {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
}
@media (max-width:979px) {
  body.responsive-desktop .legacy-content .submain-article .article-press-area .list li > :is(a,div) {width:100%; box-sizing:border-box;}
  body .infoboard-article .talkPlay-wrap {grid-template-columns:minmax(0,1fr);}
  body .infoboard-article .talkPlay-wrap > :is(#talkPlay,#talkPlay2) {min-width:0;}
  body .infoboard-article .article-press-area .talk-play-article,
  body .infoboard-article .article-press-area .talk-play-list {width:100%;}
  body .infoboard-article .article-press-area .talk-play-list li .user-info .condition {width:calc(100% - 60px);}
  body.responsive-desktop .main-container .gallery-list a {min-height:44px;}
}
@media (max-width:979px) {
  body.responsive-desktop .member-panel details > summary {padding:12px 0; cursor:pointer;}
  body.responsive-desktop .member-panel details form {padding:12px; background:#f7f8fa;}
  body.responsive-desktop .member-panel details form label {display:grid; grid-template-columns:minmax(0,1fr); gap:8px;}
  body.responsive-desktop .member-panel details input {width:100%;}
  body.responsive-desktop .main-container #site-survey .input-form li {display:flex; align-items:center; gap:8px; min-height:44px;}
  body.responsive-desktop .main-container #site-survey input[type=radio] {position:static; visibility:visible; appearance:auto; display:inline-block; flex:0 0 18px; width:18px; height:18px; accent-color:#00869e;}
  body.responsive-desktop .main-container #site-survey .input-label {height:auto; min-height:44px; padding:10px 0; box-sizing:border-box; flex:1; line-height:1.5;}
  body.responsive-desktop .main-container #site-survey .bg-input {display:none;}
}
/* Keep image slots consistent even when a post has no thumbnail. */
@media (max-width:979px) {
  body.responsive-desktop .legacy-content .aside .summary-area .tab-list {height:auto; min-height:0; align-items:start;}
  body.responsive-desktop .legacy-content .aside .summary-area .tab-list > li {display:contents;}
  body.responsive-desktop .legacy-content .aside .summary-area .tab-list .tab-title {grid-row:1;}
  body.responsive-desktop .legacy-content .aside .summary-area .tab-list .view {position:static; grid-column:1 / -1; grid-row:2;}
  body.responsive-desktop .legacy-content .submain-article .article-press-area .list {align-items:start;}
  body.responsive-desktop .main-container .newsletter .apply {background:#70757d;}
  body.responsive-desktop .main-container .newsletter .apply img {margin:0 auto;}
  body.responsive-desktop .main-container .online-poll .thumb {width:100%;}
  body.responsive-desktop .main-container .online-poll .thumb img {display:block; width:100%; max-width:100%; height:auto;}
}

@media (min-width:600px) and (max-width:979px) {
  body.responsive-desktop .main-container .online-poll .p-contents {grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start;}
}

@media (max-width:979px) {
  /* The default logo has 94px of left whitespace in its 546px canvas. */
  body.responsive-desktop header .logo-area h1 img[src="/asset/images/common/logo.gif"] {transform:translateX(-17.2%);}
}

/* Campaigns have two featured cards: balance them instead of leaving half a row empty. */
@media (max-width:979px) {
  body.responsive-desktop .legacy-content .section-layout.section-003001 .keycontents-type03 > a:first-child {grid-column:auto;}
  body.responsive-desktop .legacy-content .section-layout.section-003001 .keycontents-type03 > a > img {aspect-ratio:720 / 445; object-fit:contain;}
}
@media (max-width:599px) {
  body.responsive-desktop .legacy-content .section-layout.section-003001 .keycontents-type03 {grid-template-columns:minmax(0,1fr); gap:16px;}
}
/* Featured culture/article images must stay inside their own image rows. */
@media (max-width:979px) {
  body.responsive-desktop .legacy-content :is(.section-layout,.culture-layout) :is(.keycontents-type04,.keycontents-type05) .thumnail-img {display:block; height:auto; aspect-ratio:auto;}
  body.responsive-desktop .legacy-content :is(.section-layout,.culture-layout) :is(.keycontents-type04,.keycontents-type05) .thumnail-img img {display:block; width:100%; height:auto; max-width:100%; max-height:none; margin:0; aspect-ratio:auto;}
  body.responsive-desktop .legacy-content :is(.keycontents-type04,.keycontents-type05):has(> a:nth-child(2):last-child) > a:first-child {grid-column:auto;}
}
@media (max-width:599px) {
  body.responsive-desktop .legacy-content :is(.keycontents-type04,.keycontents-type05) {grid-template-columns:minmax(0,1fr); gap:16px;}
}