@charset "UTF-8";

/* responsive */
@media screen and (max-width:1450px){
    .depth-tab-wrap .inner {width:100%;}

    .ceo-message .title-banner .sub-title-wrap  {width:calc(100% - 100px);}
    .ceo-message .title-banner .bg-wrap {width:calc(100% - 100px);}

    .company-outline .wrapper {width:calc(100% - 100px);}
    .company-outline .outline-list .item.logo .inner .icon {top:2.75rem;}
    /* .company-vision .vision-wrap .desc-wrap .desc {font-size:3.75rem;} */

    .research .outline-list .item {aspect-ratio:4 / 3;}
}

@media screen and (max-width:1280px){
    #page-title-bar .inner .page-title {font-size:3rem;}

    .depth-tab-wrap {height:56px;}
    .depth-tab-wrap .inner .lower > a {font-size:1rem;line-height:56px;}
    .depth-tab-wrap .inner .lower .ulDepth {top:57px;}

    .ceo-message .title-banner .bg-wrap {height:400px;}

    .company-outline .outline-list {gap:1rem;}
    .company-outline .outline-list .item:not(.full) {width:calc(25% - 1rem * 3 / 4);}
    .company-outline .outline-list .item.full {width:calc((25% - 1rem * 3 / 4) * 2 + 1rem);}
    .company-outline .outline-list .item .inner {padding:1.5rem;}
    .company-outline .outline-list .item .inner .icon {top:1.25rem;right:1.25rem;}
    .company-outline .outline-list .item.logo .inner .icon {top:2rem;width:120px;}
    .company-outline .partners-list {gap:0.75rem;}
    .company-outline .partners-list .item {width:calc(20% - 0.75rem * 4 / 5);}

    .company-vision .vision-wrap {aspect-ratio:unset;padding:5rem 0;}

    .company-vision .mission-wrap .mission-list {gap:1.25rem;}
    .company-vision .mission-wrap .mission-list .item {width:calc((100% / 3) - 1.25rem * 2 / 3);}
    .company-vision .mission-wrap .mission-list .item .inner .num {font-size:1.75rem;}
    .company-vision .mission-wrap .mission-list .item .inner .text-wrap .label {font-size:1.5rem;}

    .company-vision .value-wrap .value-list {gap:1.25rem;}
    .company-vision .value-wrap .value-list .item {width:calc((100% / 3) - 1.25rem * 2 / 3);}
    .company-vision .value-wrap .value-list .item .inner {aspect-ratio:unset;}

    .history .range-tab-wrap {height:56px;}
    .history .range-tab-wrap .range-tab-list .range a {line-height:56px;}
    .history .year-wrapper .year-wrap .inner .year-cover-wrap {width:40%;}
    .history .year-wrapper .year-wrap .inner .year-cover-wrap .sub {font-size:1.25rem;}
    .history .year-wrapper .year-wrap .inner .year-cover-wrap .main {font-size:2.5rem;}
    .history .year-wrapper .year-wrap .inner .event-list {width:calc(60% - 5rem);}

    .workplace .wrapper .inner {gap:5rem;}
    .workplace .wrapper .inner .map-wrap {width:calc(50% - 5rem / 2);}
    .workplace .wrapper .inner .info-wrap {width:calc(50% - 5rem / 2);}
    .workplace .wrapper .inner .info-wrap li + li {margin-top:1.5rem;}
    .workplace .wrapper .inner .info-wrap li .label {font-size:1.25rem;}
    .workplace .wrapper .inner .info-wrap li .desc {font-size:1rem;}

    .products .product-tab-wrap {height:56px;}
    .products .product-tab-wrap .product-tab-list li a {line-height:56px;}

    .products .prod-overview {gap:3.75rem;}
    .products .prod-overview .prod-img {width:calc(50% - 3.75rem / 2);}
    .products .prod-overview .prod-info-wrap {width:calc(50% - 3.75rem / 2);}
    .products .prod-list-wrap .prod-list {gap:1.25rem;}
    .products .prod-list-wrap .prod-list .item {width:calc(25% - 1.25rem * 3 / 4);}

    .research .outline-list {gap:1.25rem;}
    .research .outline-list .item {width:calc((100% / 3) - 1.25rem * 2 / 3);aspect-ratio:1 / 1;}
    .research .outline-list .item .inner .num {font-size:1.75rem;}
    .research .outline-list .item .inner .text-wrap .label {font-size:1.75rem;}
    .research .outline-list .item .inner .text-wrap .desc {font-size:1.25rem;}

    .patient .count-list {gap:1.25rem;}
    .patient .count-list li {max-width:calc(50% - 1.25rem / 2);}

    .patient .certification-list {gap:3.75rem 2.5rem;}
    .patient .certification-list .item {gap:1.75rem;width:100%;}
    .patient .certification-list .item .text-wrap {width:calc(100% - 80px - 1.75rem);}
    .patient .certification-list .item .text-wrap .ttl {padding-top:0.75rem;}

    .sub-esg .esg-tab-wrap {height:56px;}
    .sub-esg .esg-tab-wrap .esg-tab-list li a {line-height:56px;}

    .sub-esg .wrapper .cont-box .box-text {padding:2.5rem;}
    .sub-esg .wrapper .cont-box .plain-text {padding:2.5rem;}

    .sub-esg .wrapper .cont-box .simple-icon-text .item .inner {padding:2.5rem 1.25rem;}
    
    .sub-esg .wrapper .cont-box .img-text-list {justify-content:flex-start;gap:2.5rem;}
    .sub-esg .wrapper .cont-box .img-text-list .item {width:calc(50% - 2.5rem / 2);}
    .sub-esg .wrapper .cont-box .img-text-list .item .inner .text-wrap {padding:2.5rem 1.25rem;}

    .sub-esg .wrapper .cont-box .horizontal-img-text .item {gap:3.75rem;}
    .sub-esg .wrapper .cont-box .horizontal-img-text .item .img-wrap {width:calc(50% - 3.75rem / 2);}
    .sub-esg .wrapper .cont-box .horizontal-img-text .item .text-wrap {width:calc(50% - 3.75rem / 2);}
    .sub-esg .wrapper .cont-box .horizontal-img-text .item .text-wrap .main {font-size:2rem;}

    .sub-esg .wrapper .cont-box .organization {gap:2.5rem;}
    .sub-esg .wrapper .cont-box .organization .ceo,
    .sub-esg .wrapper .cont-box .organization .evp,
    .sub-esg .wrapper .cont-box .organization .headquarter {max-width:calc(25% - 1.25rem * 3 / 4);}
    .sub-esg .wrapper .cont-box .organization .ceo::before,
    .sub-esg .wrapper .cont-box .organization .evp::before,
    .sub-esg .wrapper .cont-box .organization .headquarter::before {bottom:-2.5rem;height:2.5rem;}
    .sub-esg .wrapper .cont-box .organization li .name {height:56px;}

    .sustainable .wrapper .cont-box .organization .teams {padding-top:2.5rem;}
    .sustainable .wrapper .cont-box .organization .teams::before {width:calc(100% - (25% - 1.25rem * 3 / 4));}
    .sustainable .wrapper .cont-box .organization .teams .team-list {gap:1.25rem;}
    .sustainable .wrapper .cont-box .organization .teams .team-list > li {width:calc(25% - 1.25rem * 3 / 4);}
    .sustainable .wrapper .cont-box .organization .teams .team-list > li::before {top:-2.5rem;height:2.5rem;}
    .sustainable .wrapper .cont-box .organization .teams .team-list > li .name {height:56px;}
    .sustainable .wrapper .cont-box .organization .teams .team-list > li .tasks {height:calc(100% - 56px);}

    .environment .wrapper .cont-box .certificate-wrap .certificate-table {width:100%;}
    .environment .wrapper .cont-box .certificate-wrap .certificate-img {width:100%;}

    .governance .wrapper .cont-box .organization .division {gap:2.5rem;}
    .governance .wrapper .cont-box .organization .division .centrals {gap:1.25rem;padding-top:2.5rem;}
    .governance .wrapper .cont-box .organization .division .centrals::before {left:calc((25% - 1.25rem * 3 / 4) / 2);}
    .governance .wrapper .cont-box .organization .division .centrals li {width:calc(25% - 1.25rem * 3 / 4);}
    .governance .wrapper .cont-box .organization .division .centrals li::before {top:-2.5rem;height:2.5rem;}
    .governance .wrapper .cont-box .organization .division .centrals li .name {height:56px;}
    .governance .wrapper .cont-box .organization .division .teams {gap:1.25rem;padding-top:2.5rem;}
    .governance .wrapper .cont-box .organization .division .teams::before {width:calc(100% - (25% - 1.25rem * 3 / 4));}
    .governance .wrapper .cont-box .organization .division .teams::after {top:calc(-2.5rem * 2 - 56px);height:calc(2.5rem * 2 + 56px);}
    .governance .wrapper .cont-box .organization .division .teams li {width:calc(25% - 1.25rem * 3 / 4);}
    .governance .wrapper .cont-box .organization .division .teams li::before {top:-2.5rem;height:2.5rem;}
    .governance .wrapper .cont-box .organization .division .teams li .name {height:56px;}

    .online-inquiry .contact-banner {gap:1.25rem;}
    .online-inquiry .contact-banner .item {width:calc((100% / 3) * 2 - 1.25rem / 2);}

    .online-inquiry .contact-banner .item.logo {width:calc((100% / 3) - 1.25rem / 2);}
}

@media screen and (max-width:1024px){
    #page-title-bar {padding-top:64px;}

    .breadcrumbs-wrap {padding-top:0.75rem;}
    .breadcrumbs-wrap .breadcrumbs li {font-size:0.875rem;}

    .contents .sub-title-wrap {margin-bottom:3.75rem;}
    .contents .sub-title-wrap .title {font-size:2.25rem;}
    .contents .sub-title-wrap .sub-title {font-size:1.5rem;}
    .contents .sub-title-wrap .desc {font-size:1rem;margin-top:1.25rem;}
    .contents .sub-title-wrap .desc br {display:none;}
    .contents .sub-title-wrap .ref {font-size:1rem;margin-top:0.25rem;}
    .contents .wrapper + .wrapper {margin-top:5rem;}
    .contents .wrapper .subject {font-size:1.75rem;margin-bottom:1.25rem;}

    .ceo-message .title-banner .sub-title-wrap {width:calc(100% - 32px);}
    .ceo-message .title-banner .bg-wrap {width:calc(100% - 32px);}
    .ceo-message .greeting-text-wrap {margin-top:3.75rem;}
    .ceo-message .greeting-text-wrap .text {font-size:1rem;margin-bottom:2.5rem;}
    .ceo-message .greeting-text-wrap .text strong {font-size:1.25rem;}
    .ceo-message .ceo-name-wrap {margin-top:3.75rem;}
    .ceo-message .ceo-name-wrap .name {font-size:1.25rem;}
    .ceo-message .ceo-name-wrap .ceo-sign {width:150px;}

    .company-outline .only-img-banner {aspect-ratio:3 / 1;}
    .company-outline .with-bg {padding:3.75rem 0;margin-bottom:5rem;}
    .company-outline .wrapper {width:calc(100% - 32px);}
    .company-outline .outline-list .item:not(.full) {width:calc(50% - 1rem / 2);aspect-ratio:2 / 1;}
    .company-outline .outline-list .item.full {width:100%;}
    .company-outline .outline-list .item .inner {border-radius:16px;}
    .company-outline .outline-list .item:not(.logo) .inner .icon::before {bottom:0;right:0;width:1.25rem;}
    .company-outline .outline-list .item.logo .inner .icon {top:25%;}
    .company-outline .partners-list .item {width:calc((100% / 3) - 0.75rem * 2 / 3);border-radius:12px;}

    /* .company-vision .vision-wrap {padding:0 0 5rem 0;} */
    .company-vision .vision-wrap .subject {font-size:1.25rem;margin-bottom:1rem;}
    .company-vision .vision-wrap .desc-wrap .main {font-size:2.5rem;}
    .company-vision .vision-wrap .desc-wrap .sub {font-size:1.5rem;margin-top:0.5rem;}
    .company-vision .vision-wrap .desc-wrap .desc {font-size:1.125rem;margin-top:1.25rem;}
    .company-vision .mission-wrap {padding:2.5rem 0;}
    /* .company-vision .mission-wrap .text-wrap .subject {font-size:1.25rem;margin-bottom:1rem;}
    .company-vision .mission-wrap .text-wrap .mission-text {font-size:2.5rem;} */
    .company-vision .mission-wrap .subject {font-size:1.25rem;margin-bottom:1rem;}
    .company-vision .mission-wrap .desc-wrap {margin-bottom:2.5rem;}
    .company-vision .mission-wrap .desc-wrap .main {font-size:2.25rem;}
    .company-vision .mission-wrap .mission-list {gap:0.75rem;}
    .company-vision .mission-wrap .mission-list .item {width:calc((100% / 3) - 0.75rem * 2 / 3);}
    .company-vision .mission-wrap .mission-list .item .inner {padding:1.5rem;border-radius:16px;}
    .company-vision .mission-wrap .mission-list .item .inner .num {font-size:1.5rem;}
    .company-vision .mission-wrap .mission-list .item .inner .text-wrap .label {font-size:1.25rem;}
    /* .company-vision .vision-wrap .desc-wrap .desc {font-size:2.5rem;} */
    .company-vision .value-wrap {padding-top:5rem;}
    .company-vision .value-wrap .subject {font-size:1.25rem;margin-bottom:2.5rem;}
    .company-vision .value-wrap .value-list {gap:0.75rem;}
    .company-vision .value-wrap .value-list .item {width:calc((100% / 3) - 0.75rem * 2 / 3);}
    .company-vision .value-wrap .value-list .item .inner {padding:2.5rem 1.25rem;border-radius:16px;}
    .company-vision .value-wrap .value-list .item .icon {width:100px;margin:0 auto 1.25rem;}
    .company-vision .value-wrap .value-list .item .icon::before {width:1.5rem;}
    .company-vision .value-wrap .value-list .item:nth-child(2) .icon::before {bottom:0.25rem;left:0.25rem;}
    .company-vision .value-wrap .value-list .item .main {font-size:1rem;}
    .company-vision .value-wrap .value-list .item .sub {font-size:1.25rem;}

    .history .range-tab-wrap.fixed {top:64px !important;}
    .history .range-tab-wrap .range-tab-list {gap:1.25rem;}
    .history .range-tab-wrap .range-tab-list .range a {font-size:1.125rem;}
    .history .year-wrapper #year-no1 {top:-5rem;}
    .history .year-wrapper .year-wrap {padding-top:3.75rem;}
    .history .year-wrapper .year-wrap:not(.year-no1) {padding-top:7.5rem;}
    .history .year-wrapper .year-wrap .inner {gap:3.75rem;}
    .history .year-wrapper .year-wrap .inner .year-cover-wrap .sub {font-size:1rem;}
    .history .year-wrapper .year-wrap .inner .year-cover-wrap .main {font-size:2rem;}
    .history .year-wrapper .year-wrap .inner .year-cover-wrap .desc {font-size:1rem;margin-bottom:1.25rem;}
    .history .year-wrapper .year-wrap .inner .event-list {width:calc(60% - 3.75rem);}
    .history .year-wrapper .year-wrap .inner .event-list > li + li {margin-top:3.75rem;}
    .history .year-wrapper .year-wrap .inner .event-list > li .year {font-size:1.5rem;}
    .history .year-wrapper .year-wrap .inner .event-list > li .desc-wrap {margin-top:1rem;}
    .history .year-wrapper .year-wrap .inner .event-list > li .desc-wrap li {font-size:1rem;padding-left:1rem;}
    .history .year-wrapper .year-wrap .inner .event-list > li .desc-wrap li::before {top:9px;left:4px;display:block;width:4px;height:4px;}

    .workplace .wrapper .inner {gap:2.5rem;}
    .workplace .wrapper .inner .map-wrap {width:calc(50% - 2.5rem / 2);aspect-ratio:1 / 1;}
    .workplace .wrapper .inner .info-wrap {width:calc(50% - 2.5rem / 2);}

    .products .product-tab-wrap {height:auto;}
    .products .product-tab-wrap .product-tab-list {gap:1.25rem;}
    .products .product-tab-wrap .product-tab-list li a {font-size:1.125rem;}

    .products .prod-content + .prod-content {margin-top:0;}
    .products .prod-overview {margin-bottom:3.75rem;}
    .products .prod-overview .prod-img .img {border-radius:16px;}
    .products .prod-overview .prod-img .img-list-wrap .img-list li {border-radius:12px;}
    .products .prod-overview .prod-info-wrap {padding:2rem;border-radius:16px;}
    .products .prod-overview .prod-info-wrap .tag {font-size:1rem;}
    .products .prod-overview .prod-info-wrap .prod-name {font-size:1.75rem;margin-bottom:0.75rem;}
    .products .prod-overview .prod-info-wrap .info-list {padding-top:1.25rem;}
    .products .prod-overview .prod-info-wrap .info-list li {font-size:1rem;padding-left:1rem;}
    .products .prod-overview .prod-info-wrap .info-list li::before {top:9px;left:4px;display:block;width:4px;height:4px;}
    .products .prod-overview .prod-info-wrap .info-list li + li {margin-top:0.5rem;}
    .products .prod-media-wrap {margin-bottom:5rem;}
    .products .prod-media-wrap .media-box {border-radius:16px;}
    .products .prod-list-wrap .subject {margin-bottom:0.75rem;}
    .products .prod-list-wrap .subject-desc {font-size:1rem;}
    .products .prod-list-wrap .prod-list {gap:1.75rem 1rem;margin-top:1.25rem;}
    .products .prod-list-wrap .prod-list .item {width:calc(25% - 1rem * 3 / 4);}
    .products .prod-list-wrap .prod-list .item .img {margin-bottom:0.75rem;border-radius:12px;}
    .products .prod-list-wrap .prod-list .item .text {font-size:1.125rem;}
    
    .research .media-wrap {aspect-ratio:3 / 2;margin-bottom:3.75rem;border-radius:16px;}
    .research .outline-list .item {aspect-ratio:unset;}
    .research .outline-list .item a {border-radius:16px;}
    .research .outline-list .item .inner {gap:2.5rem;padding:1.75rem;}
    .research .outline-list .item .inner .num {font-size:1.5rem;}
    .research .outline-list .item .inner .text-wrap .label {font-size:1.25rem;}
    .research .outline-list .item .inner .text-wrap .desc {font-size:1rem;}

    #modal-popup .scroll {padding:1.25rem;box-sizing:border-box;}
    #modal-popup .modal-wrapper {border-radius:12px;}
    #modal-popup .modal-wrapper .title-wrap .title {font-size:1.25rem;}
    #modal-popup .modal-wrapper .content-wrap .feature li {width:calc(50% - 1rem / 2);border-radius:12px;}
    #modal-popup .modal-wrapper .content-wrap .how-to li {border-radius:12px;}
    #modal-popup .modal-wrapper .content-wrap .only-img {border-radius:12px;}
    #modal-popup .modal-wrapper .content-wrap .imgs li {border-radius:12px;}
    
    .patient .wrapper.flex-area .subject {width:100%;}
    .patient .wrapper.flex-area .cont-box {width:100%;}

    .patient .count-list {margin-bottom:5rem;}
    .patient .count-list li .inner {padding:1.75rem;border-radius:16px;}
    .patient .count-list li .inner .ttl {font-size:1.25rem;}
    .patient .count-list li .inner .text-wrap .count {gap:0.5rem;}
    .patient .count-list li .inner .text-wrap .count .unit {font-size:2.5rem;}
    .patient .count-list li .inner .text-wrap .count .num {font-size:3.75rem;}

    .patient .certificate-swiper {padding:3.75rem 0;margin-bottom:5rem;}

    .patient .certification-list {gap:2.5rem;}
    .patient .certification-list .item {gap:1.25rem;}
    .patient .certification-list .item .icon {border-radius:12px;}
    .patient .certification-list .item .text-wrap {width:calc(100% - 80px - 1.25rem);}
    .patient .certification-list .item .text-wrap .ttl {font-size:1.5rem;padding-top:0.5rem;}
    .patient .certification-list .item .text-wrap .desc {font-size:1rem;}

    .sub-esg .esg-tab-wrap {height:auto;}
    .sub-esg .esg-tab-wrap .esg-tab-list {gap:0.75rem 1.25rem;}
    .sub-esg .esg-tab-wrap .esg-tab-list li a {font-size:1.125rem;}

    .sub-esg .wrapper.flex-area .subject {width:100%;}
    .sub-esg .wrapper.flex-area .subject br {display:none;}
    .sub-esg .wrapper.flex-area .cont-box {width:100%;}
    .sub-esg .wrapper .cont-box .box-text {font-size:1.125rem;padding:1.25rem;border-radius:16px;}
    .sub-esg .wrapper .cont-box .plain-text {font-size:1rem;padding:1.25rem;border-radius:16px;}

    .sub-esg .catch-banner {aspect-ratio:unset;padding:5rem 0;margin-bottom:5rem;}

    .sub-esg .wrapper .cont-box .simple-icon-text {gap:0.75rem;}
    .sub-esg .wrapper .cont-box .simple-icon-text .item .inner {border-radius:16px;}
    .sub-esg .wrapper .cont-box .simple-icon-text .item .inner .icon {width:60px;margin:0 auto 1.25rem;}
    .sub-esg .wrapper .cont-box .simple-icon-text .item .inner .icon::before {width:1.25rem;}
    .sub-esg .wrapper .cont-box .simple-icon-text .item .inner .label {font-size:1rem;}
    .sub-esg .wrapper .cont-box .simple-icon-text .item .inner .desc {font-size:1.25rem;}

    .sub-esg .wrapper .cont-box .img-text-list {gap:1.25rem;}
    .sub-esg .wrapper .cont-box .img-text-list .item {width:calc(50% - 1.25rem / 2);}
    .sub-esg .wrapper .cont-box .img-text-list .item .inner {border-radius:16px;}
    .sub-esg .wrapper .cont-box .img-text-list .item .inner .text-wrap {padding:1.25rem;}
    .sub-esg .wrapper .cont-box .img-text-list .item .inner .text-wrap .label {font-size:1.25rem;margin-bottom:1rem;}
    .sub-esg .wrapper .cont-box .img-text-list .item .inner .text-wrap .list {padding:1rem;}
    .sub-esg .wrapper .cont-box .img-text-list .item .inner .text-wrap .list li {font-size:1rem;padding-left:1rem;}
    .sub-esg .wrapper .cont-box .img-text-list .item .inner .text-wrap .list li::before {top:9px;left:4px;display:block;width:4px;height:4px;}
    .sub-esg .wrapper .cont-box .img-text-list .item .inner .text-wrap .list li + li {margin-top:0.5rem;}

    .sub-esg .wrapper .cont-box .horizontal-img-text .item {gap:2.5rem;}
    .sub-esg .wrapper .cont-box .horizontal-img-text .item + .item {margin-top:5rem;}
    .sub-esg .wrapper .cont-box .horizontal-img-text .item .img-wrap {width:calc(50% - 2.5rem / 2);}
    .sub-esg .wrapper .cont-box .horizontal-img-text .item .text-wrap {width:calc(50% - 2.5rem / 2);}
    .sub-esg .wrapper .cont-box .horizontal-img-text .item .text-wrap .tag {font-size:1rem;}
    .sub-esg .wrapper .cont-box .horizontal-img-text .item .text-wrap .main {font-size:1.5rem;margin-bottom:0.75rem;}
    .sub-esg .wrapper .cont-box .horizontal-img-text .item .text-wrap .desc {font-size:1rem;font-weight:300;margin-bottom:1.25rem;}
    .sub-esg .wrapper .cont-box .horizontal-img-text .item .text-wrap .list {padding-top:1.25rem;border-top:1px solid var(--mono7);}
    .sub-esg .wrapper .cont-box .horizontal-img-text .item .text-wrap .list li {font-size:1rem;padding-left:1rem;}
    .sub-esg .wrapper .cont-box .horizontal-img-text .item .text-wrap .list li::before {top:9px;left:4px;display:block;width:4px;height:4px;}
    .sub-esg .wrapper .cont-box .horizontal-img-text .item .text-wrap .list li + li {margin-top:0.5rem;}

    .sub-esg .wrapper .cont-box .icon-text-list {gap:1.25rem;}
    .sub-esg .wrapper .cont-box .icon-text-list .item {width:calc(50% - 1.25rem / 2);}
    .sub-esg .wrapper .cont-box .icon-text-list .item .inner {padding:2.5rem 1.25rem 1.25rem;border-radius:16px;}
    .sub-esg .wrapper .cont-box .icon-text-list .item .inner .icon {width:60px;margin:0 auto 1.25rem;}
    .sub-esg .wrapper .cont-box .icon-text-list .item .inner .icon::before {width:1.25rem;}
    .sub-esg .wrapper .cont-box .icon-text-list .item .inner .label {font-size:1rem;}
    .sub-esg .wrapper .cont-box .icon-text-list .item .inner .desc {font-size:1.25rem;margin-bottom:1rem;}
    .sub-esg .wrapper .cont-box .icon-text-list .item .inner .list {padding:1rem;}
    .sub-esg .wrapper .cont-box .icon-text-list .item .inner .list li {gap:0.875rem;font-size:1rem;}
    .sub-esg .wrapper .cont-box .icon-text-list .item .inner .list li + li {margin-top:0.5rem;}
    .sub-esg .wrapper .cont-box .icon-text-list .item .inner .list li span {width:calc(100% - 12px - 0.875rem);}

    .sub-esg .wrapper .cont-box .organization li .name {font-size:1.125rem;}

    .sustainable .catch-banner .text-wrap .text {font-size:1.25rem;margin-bottom:1rem;}
    .sustainable .catch-banner .text-wrap .catch {font-size:2.5rem;}

    .sustainable .wrapper .cont-box .simple-icon-text .item:nth-child(1) .inner .icon::before {top:-0.25rem;left:-0.25rem;}
    .sustainable .wrapper .cont-box .simple-icon-text .item:nth-child(2) .inner .icon::before {bottom:-0.125rem;right:-0.125rem;}
    .sustainable .wrapper .cont-box .simple-icon-text .item:nth-child(3) .inner .icon::before {top:-0.25rem;}

    .sustainable .wrapper .cont-box .organization .teams .team-list > li .name {font-size:1.125rem;}
    .sustainable .wrapper .cont-box .organization .teams .team-list > li .tasks {padding:1rem;}
    .sustainable .wrapper .cont-box .organization .teams .team-list > li .tasks li {font-size:1rem;padding-left:1rem;}
    .sustainable .wrapper .cont-box .organization .teams .team-list > li .tasks li::before {top:9px;left:4px;display:block;width:4px;height:4px;}
    .sustainable .wrapper .cont-box .organization .teams .team-list > li .tasks li + li {margin-top:0.375rem;}

    .sustainable .ethic-list {gap:1.25rem;}
    .sustainable .ethic-list .item {width:calc(50% - 1.25rem / 2);}
    .sustainable .ethic-list .item .inner {padding:2.5rem 1.25rem 1.25rem;border-radius:16px;}
    .sustainable .ethic-list .item .inner .icon {width:60px;margin:0 auto 1.25rem;}
    .sustainable .ethic-list .item .inner .icon::before {width:1.25rem;}
    .sustainable .ethic-list .item:nth-child(2) .inner .icon::before {top:0.125rem;right:0.125rem;}
    .sustainable .ethic-list .item .inner .name {font-size:1.25rem;margin-bottom:1rem;}
    .sustainable .ethic-list .item .inner .lower-list {gap:0.75rem;}
    .sustainable .ethic-list .item .inner .lower-list > li {width:calc(50% - 0.75rem / 2);}
    .sustainable .ethic-list .item .inner .lower-list > li .label {height:40px;font-size:1rem;margin-bottom:0.75rem;}
    .sustainable .ethic-list .item .inner .lower-list > li .desc {padding:0;}
    .sustainable .ethic-list .item .inner .lower-list > li .desc li {font-size:1rem;padding-left:1rem;}
    .sustainable .ethic-list .item .inner .lower-list > li .desc li::before {top:9px;left:4px;display:block;width:4px;height:4px;}
    .sustainable .ethic-list .item .inner .lower-list > li .desc li + li {margin-top:0.375rem;}

    .environment .catch-banner .text-wrap .catch {font-size:1.75rem;}

    .environment .wrapper .cont-box .icon-text-list .item:nth-child(1) .inner .icon::before {top:0;left:0;}
    .environment .wrapper .cont-box .icon-text-list .item:nth-child(2) .inner .icon::before {top:0;right:0;}

    .environment .wrapper .cont-box .certificate-wrap {gap:1.25rem;}
    .environment .wrapper .cont-box .certificate-wrap .certificate-table {border-radius:12px;}
    .environment .wrapper .cont-box .certificate-wrap .certificate-table .table-line {gap:0.75rem;padding:0 0.75rem;}
    .environment .wrapper .cont-box .certificate-wrap .certificate-table .table-line + .table-line {padding-top:1rem;margin-top:1rem;}
    .environment .wrapper .cont-box .certificate-wrap .certificate-table .table-line .label {width:80px;color:var(--mono1);font-size:1.125rem;}
    .environment .wrapper .cont-box .certificate-wrap .certificate-table .table-line .desc {width:calc(100% - 80px - 0.75rem);}
    .environment .wrapper .cont-box .certificate-wrap .certificate-table .table-line .desc span {font-size:1rem;}

    .environment .wrapper .cont-box .certificate-wrap .certificate-img .item {border-radius:12px;}

    .social .catch-banner .text-wrap .text {font-size:1.25rem;margin-bottom:1rem;}
    .social .catch-banner .text-wrap .catch {font-size:1.75rem;}

    .governance .wrapper .cont-box .organization .division .centrals li .name {font-size:1rem;}
    .governance .wrapper .cont-box .organization .division .teams {width:67.5%;margin-left:32.5%;}
    .governance .wrapper .cont-box .organization .division .teams::after {left:63%;transform:translateX(0);}
    .governance .wrapper .cont-box .organization .division .teams li .name {font-size:1rem;}

    .online-inquiry .contact-banner .item {width:100%;}
    .online-inquiry .contact-banner .item .inner {height:200px;border-radius:16px;}
    .online-inquiry .contact-banner .item .inner .icon {top:1.75rem;right:1.75rem;width:50px;}
    .online-inquiry .contact-banner .item:not(.logo) .inner .icon::before {width:1.25rem;}

    .online-inquiry .contact-banner .item.logo {display:none;}

    .petition .form-wrapper .alert-list {padding:1.25rem;margin-bottom:1.25rem;border-radius:16px;}
    .petition .form-wrapper .alert-list li {font-size:1rem;}
    .petition .form-wrapper .alert-list li::before {top:8px;}

    .petition .form-wrapper .form-wrap {padding:1.25rem;border-radius:16px;}
    .petition .form-wrapper .form-wrap label.essential::after {font-size:1.125rem;}
    .petition .form-wrapper .form-wrap form .form .form-line .label {width:100%;padding-top:0;margin-bottom:0.75rem;}
    .petition .form-wrapper .form-wrap form .form .form-line .label label {font-size:1rem;}
    .petition .form-wrapper .form-wrap form .form .form-line .input {width:100%;}

    .petition .form-wrapper .form-wrap form .form-check label {font-size:1rem;}

    .petition .form-wrapper .form-wrap form .form-submit .button button {font-size:1.125rem;}

    .site-policy .wrapper .cont-box .plain-text {font-size:1rem;border-radius:16px;}
}

@media screen and (max-width:768px){
    #page-title-bar .inner {height:200px;}
    #page-title-bar .inner .page-title {font-size:2.25rem;}

    .depth-tab-wrap {height:48px;}
    .depth-tab-wrap .inner .lower {width:50%;}
    .depth-tab-wrap .inner .lower > a {line-height:48px;padding:0 0.875rem;}
    .depth-tab-wrap .inner .lower > a::after {right:0.875rem;width:10px;}
    .depth-tab-wrap .inner .lower .ulDepth {top:49px;}
    .depth-tab-wrap .inner .lower .ulDepth li a {line-height:48px;padding:0 0.875rem;}

    .breadcrumbs-wrap .breadcrumbs .home a {width:16px;}

    .contents .sub-title-wrap .title {font-size:1.875rem;}
    .contents .sub-title-wrap .title br {display:none;}
    .contents .sub-title-wrap .sub-title {font-size:1.25rem;}
    .contents .wrapper .subject {font-size:1.5rem;}
    
    .ceo-message .title-banner {position:relative;}
    .ceo-message .title-banner .sub-title-wrap {position:absolute;left:50%;bottom:3.75rem;margin-bottom:0;transform:translateX(-50%);}
    .ceo-message .title-banner .sub-title-wrap .title {color:#fff;}
    .ceo-message .title-banner .bg-wrap {width:100%;height:300px;}

    .company-outline .outline-list .item:not(.full) {width:100%;aspect-ratio:3 / 1;}
    /* .company-outline .outline-list .item.logo {display:none;} */
    .company-outline .outline-list .item .inner {padding:1.25rem;}
    .company-outline .outline-list .item.full .inner {padding-top:3.75rem;}
    .company-outline .outline-list .item .inner .icon {top:1rem;right:1rem;}
    .company-outline .outline-list .item.logo .inner .icon {top:1.75rem;left:auto;right:1.25rem;transform:translateX(0);width:100px;}
    .company-outline .outline-list .item.full .desc-list li strong {width:68px;font-size:1.125rem;}
    .company-outline .outline-list .item.full .desc-list li span {font-size:1.125rem;}

    .company-vision .mission-wrap .desc-wrap .main {font-size:1.875rem;}
    .company-vision .mission-wrap .mission-list {gap:1.25rem;}
    .company-vision .mission-wrap .mission-list .item {width:100%;}
    /* .company-vision .mission-wrap .text-wrap .mission-text {font-size:1.75rem;} */
    /* .company-vision .vision-wrap .desc-wrap .desc {font-size:5vw;} */
    .company-vision .value-wrap .value-list {gap:1.25rem;}
    .company-vision .value-wrap .value-list .item {width:100%;}
    .company-vision .value-wrap .value-list .item .inner {padding:2.5rem 1.25rem 1.75rem;}
    
    .history .range-tab-wrap {height:48px;}
    .history .range-tab-wrap .range-tab-list .range a {line-height:48px;}
    .history .year-wrapper .year-wrap .inner {gap:2.5rem;}
    .history .year-wrapper .year-wrap .inner .year-cover-wrap .main {font-size:1.75rem;margin-bottom:0.75rem;}
    .history .year-wrapper .year-wrap .inner .year-cover-wrap .desc {margin-bottom:0.75rem;}
    .history .year-wrapper .year-wrap .inner .event-list {width:calc(60% - 2.5rem);}
    .history .year-wrapper .year-wrap .inner .event-list > li + li {margin-top:2.5rem;}

    .workplace .wrapper .inner {gap:1.25rem;}
    .workplace .wrapper .inner .map-wrap {width:100%;aspect-ratio:3 / 2;}
    .workplace .wrapper .inner .info-wrap {width:100%;}

    .products .product-tab-wrap .product-tab-list li a {line-height:48px;}

    .products .prod-overview {gap:2.5rem;}
    .products .prod-overview .prod-img {width:100%;}
    .products .prod-overview .prod-info-wrap {width:100%;}
    .products .prod-list-wrap .prod-list .item {width:calc(50% - 1rem / 2);}

    .research .outline-list .item {width:calc(50% - 1.25rem / 2);}

    .patient .certification-list .item .icon {width:60px;}
    .patient .certification-list .item .text-wrap {width:calc(100% - 60px - 1.25rem);}
    .patient .certification-list .item .text-wrap .ttl {font-size:1.25rem;}
    .patient .certification-list .item .text-wrap .desc {margin-top:0.5rem;}

    .sub-esg .esg-tab-wrap .esg-tab-list li a {line-height:48px;}

    .sub-esg .wrapper .cont-box .simple-icon-text {gap:1.25rem;}
    .sub-esg .wrapper .cont-box .simple-icon-text .item {width:100%;}
    .sub-esg .wrapper .cont-box .simple-icon-text .item .inner {padding:2.5rem 1.25rem 1.75rem;}

    .sub-esg .wrapper .cont-box .img-text-list .item {width:100%;}

    .sub-esg .wrapper .cont-box .horizontal-img-text .item {gap:1.25rem;}
    .sub-esg .wrapper .cont-box .horizontal-img-text .item .img-wrap {width:100%;}
    .sub-esg .wrapper .cont-box .horizontal-img-text .item .text-wrap {width:100%;}
    .sub-esg .wrapper .cont-box .horizontal-img-text .item .text-wrap .desc.fit {max-width:unset;}

    .sub-esg .wrapper .cont-box .icon-text-list .item {width:100%;}
    .sub-esg .wrapper .cont-box .icon-text-list .item .inner {padding:2.5rem 1.25rem 1.25rem;}

    .sub-esg .wrapper .cont-box .organization .ceo,
    .sub-esg .wrapper .cont-box .organization .evp,
    .sub-esg .wrapper .cont-box .organization .headquarter {width:100%;max-width:480px;}
    .sub-esg .wrapper .cont-box .organization li .name {height:48px;}

    .sustainable .catch-banner .text-wrap {padding:0 1.25rem;box-sizing:border-box;}
    .sustainable .catch-banner .text-wrap .text {font-size:1rem;margin-bottom:0.5rem;}
    .sustainable .catch-banner .text-wrap .catch {font-size:1.75rem;}

    .sustainable .ethic-list .item {width:100%;}

    .sustainable .wrapper .cont-box .organization .teams {max-width:480px;padding-top:0;}
    .sustainable .wrapper .cont-box .organization .teams::before {display:none;}
    .sustainable .wrapper .cont-box .organization .teams .team-list {gap:1.25rem;}
    .sustainable .wrapper .cont-box .organization .teams .team-list > li {width:100%;}
    .sustainable .wrapper .cont-box .organization .teams .team-list > li::before {display:none;}
    .sustainable .wrapper .cont-box .organization .teams .team-list > li .name {height:48px;}
    .sustainable .wrapper .cont-box .organization .teams .team-list > li .tasks {height:calc(100% - 48px);}

    .environment .catch-banner .text-wrap {padding:0 1.25rem;box-sizing:border-box;}
    .environment .catch-banner .text-wrap .catch {font-size:1.5rem;}
    .environment .catch-banner .text-wrap .catch br {display:none;}

    .social .catch-banner .text-wrap {padding:0 1.25rem;box-sizing:border-box;}
    .social .catch-banner .text-wrap .text {font-size:1rem;margin-bottom:0.5rem;}
    .social .catch-banner .text-wrap .catch {font-size:1.5rem;}
    .social .catch-banner .text-wrap .catch br {display:none;}

    .governance .wrapper .cont-box .organization .division .centrals {gap:0.5rem;width:100%;max-width:480px;margin-right:0;}
    .governance .wrapper .cont-box .organization .division .centrals::before {left:50%;width:calc(100% - (25% - 0.5rem * 3 / 4));transform:translateX(-50%);}
    .governance .wrapper .cont-box .organization .division .centrals li {width:calc(25% - 0.5rem * 3 / 4);}
    .governance .wrapper .cont-box .organization .division .centrals li::before {top:-2.5rem;height:2.5rem;}
    .governance .wrapper .cont-box .organization .division .centrals li .name {height:48px;}
    .governance .wrapper .cont-box .organization .division .teams {gap:0.5rem;width:100%;max-width:480px;margin-left:0;}
    .governance .wrapper .cont-box .organization .division .teams::before {left:50%;width:calc(100% - (25% - 0.5rem * 3 / 4));transform:translateX(-50%);}
    .governance .wrapper .cont-box .organization .division .teams::after {display:none;}
    .governance .wrapper .cont-box .organization .division .teams li {width:calc(25% - 0.5rem * 3 / 4);}
    .governance .wrapper .cont-box .organization .division .teams li .name {height:48px;}

    .online-inquiry .contact-banner .item .inner {padding:1.5rem;}
    .online-inquiry .contact-banner .item .inner .label {font-size:1rem;}
    .online-inquiry .contact-banner .item .inner .desc {font-size:2rem;}

    .petition .form-wrapper .form-wrap form .form .form-line .input input:not([type=radio], [type=checkbox], [type=file], [type=submit]) {height:48px;border-radius:12px;}

    .petition .form-wrapper .form-wrap form .form .form-line.type-select .input {gap:0.5rem;}
    .petition .form-wrapper .form-wrap form .form .form-line.type-select .input select {width:100%;height:48px;border-radius:12px;}
    .petition .form-wrapper .form-wrap form .form .form-line.type-select .input input:not([type=radio], [type=checkbox], [type=file], [type=submit]) {width:100%;height:48px;border-radius:12px;}
    .petition .form-wrapper .form-wrap form .form .form-line .input textarea {height:200px;border-radius:12px;}
    .petition .form-wrapper .form-wrap form .form .form-line .input .textarea {padding:0.75rem;border-radius:12px;}

    .petition .form-wrapper .form-wrap form .form .form-line.type-file .input .file {gap:0.5rem;}
    .petition .form-wrapper .form-wrap form .form .form-line.type-file .input .file .btn {width:100px;line-height:48px;border-radius:12px;}
    .petition .form-wrapper .form-wrap form .form .form-line.type-file .input .file .file-name {width:calc(100% - 0.5rem - 100px);height:48px;line-height:48px;border-radius:12px;}

    .petition .form-wrapper .form-wrap form .form-check-details {border-radius:12px;}

    .petition .form-wrapper .form-wrap form .form-submit {margin-top:3.75rem;}
    .petition .form-wrapper .form-wrap form .form-submit .button button {height:48px;border-radius:12px;}

    .site-policy .wrapper .cont-box .plain-text {padding:1.25rem;}
}

@media screen and (max-width:480px){
    .depth-tab-wrap {height:auto;border-bottom:0;}
    .depth-tab-wrap .inner .lower {width:100%;border-bottom:1px solid var(--mono7);border-left:0;}
    .depth-tab-wrap .inner .depth-2-wrap {border-right:0;}
    .depth-tab-wrap .inner .lower > a {line-height:44px;}
    .depth-tab-wrap .inner .lower .ulDepth {top:45px;}
    .depth-tab-wrap .inner .lower .ulDepth li a {line-height:44px;}

    .company-outline .partners-list .item {width:calc(50% - 0.75rem / 2);}

    .history .range-tab-wrap {height:44px;}
    .history .range-tab-wrap .range-tab-list .range a {font-size:1rem;line-height:44px;}
    .history .range-tab-wrap .range-tab-list .range a::after {height:4px;}
    .history .year-wrapper #year-no2 {top:-5rem;}
    .history .year-wrapper #year-no3 {top:-5rem;}
    .history .year-wrapper .year-wrap:not(.year-no1) {padding-top:3.75rem;}
    .history .year-wrapper .year-wrap .inner .year-cover-wrap {width:100%;height:auto;}
    .history .year-wrapper .year-wrap .inner .event-list {width:100%;}

    .products .product-tab-wrap .product-tab-list li a {font-size:1rem;line-height:44px;}
    .products .product-tab-wrap .product-tab-list li a::after {height:4px;}

    .products .prod-overview .prod-img .img-list-wrap .img-list {gap:0.375rem;}
    .products .prod-overview .prod-img .img-list-wrap .img-list li {width:calc(20% - 0.375rem * 4 / 5);}
    .products .prod-list-wrap .prod-list .item .text {font-size:1rem;}

    .research .outline-list .item {width:100%;}

    #modal-popup .modal-wrapper .title-wrap {padding:1rem;}
    #modal-popup .modal-wrapper .title-wrap .title {width:calc(100% - 40px);padding-left:0;}
    #modal-popup .modal-wrapper .title-wrap .close {width:40px;background-size:15px;}
    #modal-popup .modal-wrapper .content-wrap {padding:1rem;}
    #modal-popup .modal-wrapper .content-wrap .feature li {width:100%;}
    #modal-popup .modal-wrapper .content-wrap .how-to li {width:100%;}
    #modal-popup .modal-wrapper .content-wrap .imgs li {width:100%;}

    .patient .count-list li {width:100%;max-width:unset;}

    .sub-esg .esg-tab-wrap .esg-tab-list li a {font-size:1rem;line-height:44px;}
    .sub-esg .esg-tab-wrap .esg-tab-list li a::after {height:4px;}

    .sub-esg .wrapper .cont-box .organization li .name {height:44px;font-size:1rem;}

    .sustainable .wrapper .cont-box .organization .teams .team-list > li .name {height:44px;font-size:1rem;}
    .sustainable .wrapper .cont-box .organization .teams .team-list > li .tasks {height:calc(100% - 44px);}

    .governance .wrapper .cont-box .organization .division .centrals::before {width:calc(100% - (50% - 0.5rem / 2));}
    .governance .wrapper .cont-box .organization .division .centrals li {width:calc(50% - 0.5rem / 2);}
    .governance .wrapper .cont-box .organization .division .centrals li:nth-child(n+3)::before {display:none;}
    .governance .wrapper .cont-box .organization .division .centrals li .name {height:44px;font-size:0.875rem;}
    .governance .wrapper .cont-box .organization .division .teams::before {width:calc(100% - (50% - 0.5rem / 2));}
    .governance .wrapper .cont-box .organization .division .teams li {width:calc(50% - 0.5rem / 2);}
    .governance .wrapper .cont-box .organization .division .teams li:nth-child(n+3)::before {display:none;}
    .governance .wrapper .cont-box .organization .division .teams li .name {height:44px;font-size:0.875rem;}

    .petition .form-wrapper .form-wrap {padding:0.75rem 0.5rem;border-radius:12px;}
    .petition .form-wrapper .form-wrap form .form .form-line.type-file .input .file .btn {width:120px;}
    .petition .form-wrapper .form-wrap form .form .form-line.type-file .input .file .file-name {width:100%;}
}