@charset "utf-8";

/* Format */
#mp-safers-live .live-ai .icons > li .txt {font-weight: 500; line-height: 1.2; font-size: 13px;}
#mp-safers-live .live-ai .icons > li .icon {margin-bottom: 0;}
#mp-safers-live .live-ai .icons > li .desc {font-weight: 500; white-space: nowrap; position: absolute; right: 0; text-align: right; margin-top: 30px;}
#mp-safers-live .live-ai .visual {bottom: -20px;}
#mp-safers-live .live-ai .icons > li .inner {width: 137px; height: 137px; padding: 5px; justify-content: center;}
#mp-safers-live .live-ai .icons > li .inner.tag .txt {margin-top: -8px;}
.main-visual-content .content .desc {font-size: 28px;}
.main-visual-banner .description {line-height: 1.5;}
.main-visual-banner .btn-inquiry .slogan {line-height: 1.5;}
#mp-brand .emoticon-infomation .body .emt-select-lang {font-size: 19px;}
#mp-brand .emoticon-infomation .body .emt-select-lang .tit {line-height: 1.3;}
#mp-wwd .icons > li {padding: 17px 5px 23px 5px;}
#mp-wwd .icons > li .txt {font-size: 13px;}
.tab-nav {flex-direction: column; gap: 5px;}
#mp-safers-map .process-carousal .card .cont {min-height: 90px; align-items: flex-start;flex-direction: column; gap: 0; padding-bottom: 0; margin-top: 10px;}
#mp-safers-map .process-carousal .card .cont .desc {padding-left: 32px; border-left: none; line-height: 1.2;}
.footer .etc {width: 37%;}
.footer .etc nav {font-size: 13px; gap:0px;}
.footer .etc nav .btn {line-height: 1.3; padding: 0 15px;}
.footer .etc nav .btn:nth-child(1) { padding-left:0;}
.footer .etc nav .btn:nth-child(2) { border-left: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;  }

.plx-checkbox .label {font-size: 14px;}
.esv-form-page .sv-position .checkbox-group {grid-template-columns: repeat(3,1fr);}
.esv-form-page-body .plx-inp-box.type2 .plx-inp-tit {width: 95px;}
.plx-inp-tit {font-size: 17px;}
.plx-inp-box .inp {font-size: 14px;}
.plx-inp-box .inp-wrap .inner .placeholder {font-size: 12px;}
.esv-form-page .sv-emoticon-lang .checkbox-group {gap: 20px;}
.esv-form-page-head .title small {font-size: 15px;}
.esv-form-page-body .plx-inp-box .plx-inp-tit small {font-size: 14px;}


@media (hover: hover) {}
@media screen and (min-width: 1400px) {
    #mp-brand .mp-article-body .intro .cont .info {font-size: 13px;}
    .tab-nav button {font-size: 20px;}
    #mp-safers-map .process-carousal .card .cont .tit {font-size: 20px; gap: 10px;}
    #mp-safers-map .process-carousal .pagination button {font-size: 17px;}
    #mp-safers-live .live-ai {margin: 50px 0 ;}

}
@media screen and (max-width: 1399px) {
    .main-visual-content .content .desc {font-size: 24px;}
    #mp-safers-live .live-ai .icons > li .inner {width: 100%; height: 100%;}
    #mp-brand .mp-article-body .intro .cont {font-size: 14px;}
    #mp-brand .mp-article-body .intro .cont .info {font-size: 13px;}
    #mp-brand .emoticon-infomation .body .emt-select-lang .btns {font-size: 14px; gap: 30px;}
    #mp-brand .emoticon-infomation .body .emt-select-lang .btns button:not(:last-child)::after {left:calc(100% + 15px);}
    #mp-brand .emoticon-infomation .body .emt-select-lang i {flex-shrink: 0;}
    #mp-brand .emoticon-infomation .body .cases > li {font-size: 14px;}
    #mp-brand .emoticon-infomation .body .cases > li .key {line-height: 1.3;}
    #mp-brand .emoticon-infomation .body .cases > li .value > li {padding-bottom: 5px;}
    #mp-brand .emoticon-infomation .body .cases > li .value > li .num {line-height: 1.3;}
    #mp-brand .emoticon-infomation .body .cases > li .value > li .val {line-height: 1.3;}
    .round-button {font-size: 14px;}
    #mp-service .mp-article-head > p {line-height: 1.5;}
    #mp-safers-map .process-carousal .pagination button {line-height: 1.3;}
    #mp-safers-map .process-carousal .pagination button .arw {margin-inline: 30px;}
    #mp-safers-map .process-carousal .pagination {padding-top: 22px;}
    #mp-safers-live .live-ai .icons > li .inner {padding: 13px;}
    .inq-form-body .plx-inp-tit {font-size: 14px; width: 80px;}
    .plx-checkbox .label, .plx-inp-box .inp {font-size: 13px;}
    .inq-form-categories {border-right: none;}
    .inq-form-categories .checkbox-group.vertical {display: grid; grid-template-columns: repeat(3,1fr); gap: 8px;}
    .footer .etc {margin-left: 58px; width: 100%; margin-top: -100px;}
    .footer .etc nav {align-items: flex-start;}
    .footer .etc .to-pluxity-homepage {width: 100px;height: 100px;    margin: 0 0 20px auto;}
    .esv-form-page-body .doc-box .doc {font-size: 14px;}
    .esv-form-page .sv-emoticon-lang .checkbox-group .note {width: 100%;}
    .esv-form-page .sv-emoticon-lang .checkbox-group {gap: 15px;}
}
@media screen and (max-width: 767px) {
    .main-visual-content .content .desc {font-size: 23px;}
    #mp-wwd .diagram .core {padding: 30px 0;}
    .main-visual-banner .btn-inquiry {flex-direction: column; gap: 5px; padding-block: 10px; height: auto; border-radius: 10px;}
    .main-visual-banner .btn-inquiry .box {border-radius: 10px; height: auto;}
    #mp-brand .emoticon-infomation .body .emt-select-lang .btns {gap: 10px;}
    #mp-brand .emoticon-infomation .body .cases > li .value > li {padding-bottom: 0;}
    #mp-wwd .icons > li { padding: 13px 12px 14px 12px;}
    #mp-wwd .mp-article-body > p {line-height: 1.5;}
    .mp-section-head > p {line-height: 1.5;}
    .tab-nav button {font-size: 15px; line-height: 1.3;padding: 8px 15px;}
    #mp-safers-map .process-carousal .card .cont {min-height: auto;}
    #mp-safers-live .live-ai .icons > li .txt {font-size: 12px;}
    #mp-safers-live .live-ai .icons > li .inner {padding: 10px 5px;}
    #mp-safers-live .live-ai .icons > li .icon {margin-bottom: 5px;}
    #mp-safers-live .live-ai .icons > li .desc {white-space: initial;margin-top: 15px;}
    .tab-content {padding: 50px 15px;}
    .inq-form-categories .checkbox-group.vertical {grid-template-columns: repeat(2,1fr);}
    .footer .etc {margin-left: 0; margin-top: 30px; width: 100%; padding-right: 40px;}
    .footer .etc .to-pluxity-homepage {height: auto; margin-bottom: 15px; width: 100%;}
    .footer .etc nav .btn {border-bottom:1px solid #e9e9e98a; border-left: none; padding: 5px 0; width: 100%;}
    .footer .etc nav .btn:nth-child(2) {border-left: none; border-right: none;}
    .footer .copyright.mobile {line-height: 1.5;}
}
@media screen and (max-width: 499px) {}