@charset "utf-8";
/* *******************************************************
 * filename : content_responsive.css
 * description : 서브페이지 컨텐츠 반응형 CSS
 * date : 2022-03-14
******************************************************** */

/* ******************  서브공통 ********************** */

/* -------- 공통 스크롤바  -------- */

@media all and (max-width:1280px) {
    .custom-scrollbar-wrapper .scroll-object {
        max-width: 100%;
    }
}

@media all and (max-width:800px) {
    .custom-scrollbar-wrapper {
        position: relative;
        /* margin-right:calc(-1* var(--area-padding)) */
        cursor: move
    }
    .custom-scrollbar-wrapper .scroll-object {
        max-width: none;
        width: 1280px;
    }
    .cm-scroll-drag-guide {
        display: flex;
        justify-content: flex-end;
        margin-right: var(--area-padding);
    }
    .cm-scroll-drag-guide .cm-scroll-drag-inner {
        position: relative;
        width: 50px;
        height: 50px;
    }
    .cm-scroll-drag-guide .cm-scroll-drag-inner:before {
        position: absolute;
        top: 4px;
        right: 0;
        width: 100%;
        height: 3px;
        background-color: #ccc;
        content: "";
        border-radius: 5px;
    }
    .cm-scroll-drag-guide .drag-tail {
        position: absolute;
        z-index: 1;
        left: 0px;
        top: 3px;
        animation: moveScrollAni 3s both infinite;
    }
    .cm-scroll-drag-guide .drag-tail .tail {
        display: block;
        width: 25px;
        height: 5px;
        background-color: rgba(0, 0, 0, 0.7);
        border-radius: 5px;
        opacity: 1;
    }
    .cm-scroll-drag-guide .drag-tail .hand-icon {
        font-size: 30px;
        color: #aaa
    }
    @keyframes moveScrollAni {
        0%,
        10% {
            left: 0;
            margin-left: 0px;
        }
        50% {
            left: 100%;
            margin-left: -25px;
        }
        100% {
            left: 0;
            margin-left: 0px;
        }
    }
}

/* -------- 공통 :: 탭 -------- */

@media all and (max-width:1280px) {
    .sub-tab-list-style .area {
        padding: 0
    }
    /* Tab Fixed Move*/
    .sub-tab-list-style.top-fixed {
        top: 80px;
    }
}

@media all and ( max-width: 800px) {
    /* Tab 공통 스타일 */
    .sub-tab-wrapper-style,
    .sub-tab-list-style ul li a {
        height: 40px;
    }
    .sub-tab-list-style ul li a em {
        font-size: 14px
    }
    .sub-tab-list-style.top-fixed {
        width: 100%;
    }
    /* Tab Fixed Move*/
    /* Mobile Tab Drop Menu */
    .sub-drop-menu-style {
        position: relative;
    }
    .sub-drop-open-btn-style {
        display: block;
        position: relative;
        padding: 0 15px;
        height: 50px;
        line-height: 50px;
        font-size: 15px;
        background-color: #333;
        border-radius: 1rem;
        box-sizing: border-box;
        z-index: 12;
    }
    .sub-drop-open-btn-style span {
        color: #fff;
    }
    .sub-drop-open-btn-style .arrow {
        color: #fff;
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -7px
    }
    .sub-drop-open-btn-style.open .arrow {
        transform: rotate(180deg)
    }
    .sub-drop-menu-style ul {
        display: none;
        margin: 0;
        height: auto;
        position: absolute;
        top: calc(100% + 50px);
        left: 0px;
        right: 0px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-top: 0;
        z-index: 11;
        box-sizing: border-box;
    }
    .sub-drop-menu-style ul li {
        position: static;
        display: block;
        float: none;
        border: 0;
        border-top: 1px solid #eee;
        width: auto;
        background-color: transparent
    }
    .sub-drop-menu-style ul li:first-child {
        border-top: 0;
        border-left: 0
    }
    .sub-drop-menu-style ul li a {
        display: block;
        width: auto;
        height: auto;
        padding: 10px 15px;
        border: 0;
    }
    .sub-drop-menu-style ul li a em {
        font-size: 13px;
    }
    .sub-drop-menu-style ul li a em br {
        display: none;
    }
    .sub-drop-menu-style ul li.selected {
        background-color: transparent;
        border-color: #eee;
    }
    .sub-drop-menu-style ul li.selected a em {
        color: #f57f20;
        font-weight: 600;
    }
}

@media all and (max-width:480px) {
    /* Tab Fixed Move*/
    .sub-tab-list-style.top-fixed {
        top: 60px;
    }
}

/* ******************  흐르는 텍스트 ********************** */

@media all and (max-width:1280px) {}

@media all and (max-width: 800px) {
    .marquee {
        margin-top: 0;
        height: 13rem;
    }
    .marquee .content {
        font-size: 10rem;
    }
}

/* ******************  탭 모바일 ********************** */

@media all and (max-width: 800px) {
    .sub-tab-wrapper-style {
        height: 50px !important;
    }
    .sub-tab-list-style ul {
        top: 40px;
        overflow: hidden;
        padding: 10px 0 0 0 !important;
        border-radius: 0 0 1rem 1rem !important;
        border: none !important;
        background-color: #fff !important;
    }
    .sub-tab-list-style ul li {
        border-radius: 0 !important;
        padding: 0 !important;
    }
    .sub-tab-list-style ul li:first-child {
        border-top: none !important;
    }
    .sub-tab-list-style ul li a {
        height: auto !important;
    }
    .sub-tab-list-style ul li a em {
        font-size: 14px !important;
        line-height: 1.5;
        font-weight: 600 !important;
        color: #091925 !important;
    }
    .sub-drop-open-btn-style {
        background-color: var(--main-color) !important;
    }
    .sub-tab-wrapper-style .sub-tab-list-style ul li i {
        display: none;
    }
    .sub-tab-list-style ul li,
    .sub-tab-list-style ul li.selected {
        background-color: transparent !important;
    }
    .sub-drop-menu-style ul li.selected a em {
        font-weight: 600 !important;
        color: var(--main-color) !important;
    }
}

/* ******************  커스텀01 탭 밝은 버전 ********************** */

@media all and (max-width: 800px) {
    .sub-tab-wrapper-style.light-ver .sub-tab-list-style ul {
        border: 1px solid #ddd !important;
        border-top: none !important;
    }
    .sub-tab-wrapper-style.light-ver .sub-tab-list-style ul li,
    .sub-tab-wrapper-style.light-ver .sub-tab-list-style ul li.selected {
        background-color: #fff !important;
    }
    .sub-tab-wrapper-style.light-ver .sub-tab-list-style ul li {
        border-top: 1px solid #ddd !important;
    }
    .sub-tab-wrapper-style.light-ver .sub-tab-list-style ul li:first-child {
        border-top: none !important;
    }
    .sub-tab-wrapper-style.light-ver .sub-tab-list-style ul li.selected {
        box-shadow: none;
    }
}

/* ******************  커스텀01 탭 ********************** */

@media all and (max-width: 800px) {
    .custom-style01 .sub-tab-list-style ul li {
        border-top: 1px solid #eee;
    }
    .custom-style01 .sub-tab-list-style ul li:first-child {
        border-top: none;
    }
}

/* ******************  커스텀02 탭 ********************** */

@media all and (max-width:1280px) {
    .sub-tab-wrapper-style.custom-style02 .sub-tab-list-style {
        top: calc(var(--header-height) + 5rem);
    }
}

@media all and (max-width:800px) {
    .sub-tab-wrapper-style.custom-style02 {
        padding-right: 0;
        width: 100%;
    }
    .sub-tab-wrapper-style.custom-style02 .sub-tab-list-style {
        max-width: none;
    }
    .sub-tab-wrapper-style.custom-style02 .sub-tab-list-style ul {
        display: none;
    }
}

/* ******************  Applications ********************** */

@media all and (max-width:1460px) {
    .modal-close-btn {
        right: var(--area-padding);
    }
}

@media all and (max-width:800px) {
    .applications-content {
        padding-bottom: 4.5rem;
        padding-top: 2rem;
    }
    .app-list-box {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 6rem 2.4rem;
    }
    .app-list-box .app-list p {
        padding-top: 2.2rem;
        font-size: 2rem;
    }
    /***** 팝업 *****/
    .app-modal-content {
        padding: 6rem 0;
    }
    .app-modal-content h1 {
        font-size: 4rem;
    }
    .app-pop-inner-box {
        padding-top: 0;
    }
    .pop-img-list-box {
        grid-gap: 2rem;
        margin-top: 4.5rem;
    }
    .app-pop-btn {
        width: 18rem;
        height: 5.5rem;
        font-size: 1.4rem;
        margin-top: 5rem;
    }
}

/* @media all and (max-width:480px){
	.app-list-box {display: grid; grid-template-columns: repeat(2, 1fr);}
} */

/* ******************  Product :: list ********************** */

@media all and (max-width:1280px) {
    .product-list-content .prd-list-con {
        width: 70.349%;
        padding-right: 0;
    }
    .product-list-content .prd-con-tit {
        font-size: 3.2rem;
    }
    .prd-list-box .prd-list {
        min-height: 38.4rem;
    }
    .prd-list-box .prd-list a {
        padding: 4rem 3rem;
    }
    .prd-list-top-box p br {
        display: none;
    }
}

@media all and (max-width:800px) {
    .product-list-content {
        display: block;
        padding-bottom: 0;
        padding-top: 4rem;
    }
    .product-list-content .bbs-top-list-box {
        position: static;
        margin-bottom: 0;
    }
    .product-list-content .bbs-top-list-box .board-search-box {
        margin-bottom: 0;
    }
    .prd-list-top-box {
        margin-bottom: 5rem;
    }
    .product-list-content .prd-list-con .prd-list-inner:first-of-type {
        margin-top: 3rem;
    }
    .product-list-content .prd-list-con {
        width: 100%;
        padding-top: 4rem;
    }
    .prd-list-box {
        grid-template-columns: repeat(2, 1fr);
        padding-bottom: 5rem;
    }
    .prd-list-box .prd-list {
        min-height: 35rem;
    }
    .prd-list-box .prd-list .txt-box {
        margin-top: 2.5rem;
    }
    .prd-list-box .prd-list .prd-list-txt {
        padding-top: 1.4rem;
    }
}

@media all and (max-width:480px) {
    .prd-list-box {
        grid-template-columns: repeat(1, 1fr);
    }
    .prd-list-box .prd-list {
        min-height: auto;
    }
}

/* ******************  Product :: view ********************** */

@media all and (max-width:1280px) {
    .prd-view-top-con .thumb-box {
        padding: 3.5rem;
    }
    .prd-view-top-con .serial-num-box .serial-txt01 {
        font-size: 2.2rem;
    }
    .prd-view-top-con .serial-num-box .serial-txt02 {
        font-size: 1.6rem;
    }
    .prd-cm-flex-con .view-cm-content-wrap .view-table-box col:first-child {
        width: 22% !important;
    }
    .prd-cm-flex-con .view-cm-content-wrap .view-table-box col:last-child {
        width: 78% !important;
    }
}

@media all and (max-width:800px) {
    .product-view-content {
        padding-top: 3rem;
    }
    .prd-view-top-con {
        display: block;
        margin-bottom: 8rem;
    }
    .prd-view-top-con .thumb-box {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    .prd-view-top-con .thumb-box .serial-num-box {
        width: 100%;
        max-width: 20.9rem;
    }
    .prd-view-top-con .txt-box {
        width: 100%;
        padding-left: 0;
        margin-top: 4rem;
    }
    .prd-view-top-con .view-top-tit {
        padding-left: 1.5rem;
        font-size: 3rem;
    }
    .prd-view-top-con .view-top-txt {
        padding-top: 2rem;
    }
    .prd-view-location {
        margin-bottom: 4rem;
    }
    .product-view-content .sub-tab-content-style {
        padding-top: 0;
    }
    .prd-cm-flex-con {
        display: block;
        padding: 4rem 0;
    }
    .prd-cm-flex-con .view-cm-tit {
        width: 100%;
        padding-right: 0;
        padding-bottom: 2rem;
    }
    .prd-cm-flex-con .view-cm-content-wrap {
        width: 100%;
    }
    .prd-cm-flex-con .view-cm-content-wrap .view-table-box col:first-child {
        width: 25% !important;
    }
    .prd-cm-flex-con .view-cm-content-wrap .view-table-box col:last-child {
        width: 75% !important;
    }
    .view-table-box table td:first-child {
        padding-left: 1.5rem;
    }
    .view-table-box table td:last-child {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .product-view-content .contact-form-con {
        margin-top: 4rem;
    }
    /***** 공통 *****/
    .prd-category {
        padding: 0.4rem 1.5rem;
        font-size: 1.5rem;
    }
}

@media all and (max-width:640px) {
    .prd-cm-flex-con .view-cm-content-wrap .view-table-box col:first-child {
        width: 30% !important;
    }
    .prd-cm-flex-con .view-cm-content-wrap .view-table-box col:last-child {
        width: 70% !important;
    }
}

@media all and (max-width:480px) {
    .prd-view-top-con .thumb-box {
        width: 100%;
        max-width: none;
    }
    .view-app-list-box {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 4rem 1.5rem;
    }
    .view-app-list-box .view-app-list p {
        padding-top: 1rem;
    }
    .prd-cm-flex-con .view-cm-content-wrap .view-table-box col:first-child {
        width: 40% !important;
    }
    .prd-cm-flex-con .view-cm-content-wrap .view-table-box col:last-child {
        width: 60% !important;
    }
}

/* ******************  About :: CEO 인사말 ********************** */

@media all and (max-width:1280px) {
    .ceo-content .inner-box {
        align-items: center;
    }
}

@media all and (max-width:800px) {
    .ceo-content .inner-box {
        display: block;
    }
    .ceo-content .inner-box .img-box {
        width: 100%;
    }
    .ceo-content .inner-box .tit-box {
        width: 100%;
        padding-bottom: 4rem;
    }
    .ceo-content .inner-box .txt-box {
        width: 100%;
    }
    .ceo-content .inner-box .txt-box .txt:first-child {
        margin-top: 0;
    }
}

@media all and (max-width:800px) {
    .ceo-content {
        padding: 6rem 0;
    }
    .ceo-content .inner-box .img-box,
    .ceo-content .inner-box .txt-box {
        width: 100%;
    }
    .ceo-content .inner-box .txt-box {
        margin-top: 5rem;
        padding-top: 0;
    }
    .ceo-content .sign-box {
        margin-top: 3.5rem;
        text-align: left;
    }
    .ceo-content .inner-box .txt-box .inner {
        padding-top: 2rem;
    }
    .ceo-content .inner-box .txt-box .tit {
        padding-bottom: 2.5rem;
        font-size: 3.8rem;
    }
    .ceo-content .sign-box b {
        font-size: 3rem;
        margin-left: 1.5rem;
    }
    .ceo-content .sign-box span {
        font-size: 2rem;
    }
}

/* ******************  About :: 연혁 ********************** */

@media all and (max-width:800px) {
    .history-content {
        padding-bottom: 10rem;
        margin-top: -3.5rem;
    }
    .sub-top-txt {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 3rem;
    }
    .history-con {
        margin-top: 6rem;
    }
    .history-percent-bar {
        left: 2.5rem;
        height: 100%;
    }
    .history-year-group-box {
        flex-wrap: wrap;
        padding: 1rem 0 8rem 7rem;
    }
    .history-year-group-box .history-img {
        margin-top: 3rem;
    }
    .history-year-group-box .history-year-group-tit-box {
        text-align: left;
        width: 100%;
        padding-right: 0;
    }
    .history-year-group-box .history-year-group-tit {
        font-size: 4rem;
    }
    .history-year-group-box .history-item-txt {
        padding-top: 2.5rem;
    }
    .history-year-group-box .history-year-list-box {
        width: 100%;
        padding: 4rem 0 0 0;
    }
    .history-year-group-box .history-year-item {
        margin-bottom: 3rem;
    }
    .history-year-group-box .history-year-item .history-year {
        padding-bottom: 2rem;
    }
    .history-year-group-box .history-year-item .history-month-box {
        width: calc(100% - 9rem);
    }
}

@media all and (max-width:640px) {
    .history-year-group-box .history-year-item {
        flex-wrap: wrap;
        margin-bottom: 4rem;
    }
    .history-year-group-box .history-year-item .history-year {
        width: 100%;
        margin-bottom: 1rem;
    }
    .history-year-group-box .history-year-item .history-month-box {
        width: 100%;
    }
}

/* ******************  About :: Vision ********************** */

@media all and (max-width:1280px) {
    .vision-top-logo-box h4 {
        font-size: 12rem;
    }
}

@media all and (max-width:800px) {
    .vision-top-logo-box {
        padding-top: 9rem;
        padding-bottom: 3rem;
    }
    .vision-top-logo-box .txt-box {
        margin-top: -6.5rem;
    }
    .vision-top-logo-box h4 {
        font-size: 7rem;
    }
    .main-partners-wrap {
        margin-top: 6rem;
    }
    .vision-content .person-btn {
        margin-top: 5rem;
    }
    .vision-content #mainPowerCon {
        padding: 8rem 0 8rem;
    }
    .vision-accordion-list-box {
        flex-direction: column;
        gap: 2rem 0;
        padding-top: 8rem;
    }
    .vision-accordion-list-box .accordion-list {
        width: 100%;
        padding-top: 13.091%;
    }
    .vision-accordion-list-box .accordion-list.active {
        width: 100%;
        padding-top: 57.451%;
    }
    .vision-accordion-list-box .accordion-list figure {
        width: 100%;
    }
    .vision-accordion-list-box .accordion-list img {
        max-height: none;
    }
    .vision-accordion-list-box .accordion-list p {
        font-size: 7rem;
        bottom: -1rem;
        padding-right: 4.5rem;
    }
}

/* ******************  About :: CI ********************** */

@media all and (max-width:1280px) {
    .ci-active-list-box .ci-active-list {
        height: 35rem;
    }
    .ci-active-list-box .ci-active-list figure img {
        max-width: 70%;
    }
    .ci-top-banner-con figure img {
        max-width: 45%;
    }
    .cm-sign-list-box .cm-sign-list img {
        max-width: 70%;
    }
    .cm-sign-list-box.fourItem {
        padding: 5.3rem 4rem;
    }
    .ci-size-list-box {
        grid-gap: 0 8rem;
        padding: 6.15rem 6rem;
    }
    .ci-color-list-box .ci-color-list {
        padding: 4rem 4rem !important;
    }
    .ci-color-list-box .ci-color-list .color-top-list-box {
        gap: 0 0.7rem;
    }
}

@media all and (max-width:800px) {
    .cm-con-tit {
        margin-bottom: 2rem;
    }
    .ci-active-list-box .ci-active-list {
        height: 20rem;
        top: 0 !important;
    }
    .ci-active-list-box {
        margin-top: 9rem;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 2rem;
    }
    .ci-active-list-box .ci-active-list p {
        margin-top: 1rem;
        font-size: 2rem;
    }
    .ci-top-banner-con {
        margin-top: 9rem;
        padding-top: 40%;
    }
    .ci-down-btn-box {
        margin-top: 4rem;
    }
    .ci-down-btn-box.mt-40 {
        margin-top: 2rem;
    }
    .ci-down-btn-box .ci-down-btn {
        width: 19.5rem;
    }
    .ci-down-btn-box .ci-down-btn.blue-ver {
        width: 15.5rem;
        padding: 1.5rem;
    }
    .ci-content-con {
        padding-top: 7rem;
    }
    .ci-sign-tit-box {
        margin-top: 2rem;
    }
    .ci-sign-tit-box p {
        font-size: 2rem;
    }
    .ci-sign-tit-box.threeItem {
        padding: 0;
    }
    .cm-sign-list-box.threeItem {
        padding: 3rem 0;
    }
    .cm-sign-list-box.threeItem .cm-sign-list {
        padding: 3.5rem 0;
    }
    .cm-sign-list-box .cm-sign-list figure.gray-bg {
        flex-direction: column;
    }
    .cm-sign-list-box .cm-sign-list figure.gray-bg p {
        font-size: 1.5rem;
        padding-left: 0;
        padding-top: 1rem;
        text-align: center;
    }
    .cm-sign-list-box.fourItem {
        padding: 3rem;
    }
    .ci-size-list-box {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 4rem;
        padding: 3rem;
    }
    .ci-color-list-box {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 3rem 0;
    }
    .ci-color-list-box .ci-color-list .color-bt-box {
        margin-top: 3rem;
        padding-top: 2rem;
    }
}

@media all and (max-width:480px) {
    /* .ci-active-list-box {grid-template-columns: repeat(2, 1fr);} */
    .ci-down-btn-box {
        flex-direction: column;
        align-items: center;
    }
    .ci-color-list-box .ci-color-list .color-top-tit {
        padding-bottom: 2rem;
    }
    .ci-color-list-box .ci-color-list .color-top-list-box {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem 0;
    }
}

/* ******************  About :: 특허 인증 ********************** */

@media all and (max-width:800px) {
    .certification-content {
        padding-bottom: 6rem;
    }
    .current-con {
        margin-top: 8rem;
        max-width: none;
    }
    .cm-active-list-box {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 6.5rem 0;
    }
    .cm-active-list-box .active-list {
        max-width: none;
        padding: 5rem 3rem;
    }
    .cm-active-list-box .active-list:first-child {
        top: 0;
    }
    .cm-active-list-box .active-list .icon-box {
        margin-bottom: 2rem;
    }
    .cm-active-list-box .active-list .tit {
        font-size: 3rem;
        padding-bottom: 1.5rem;
    }
    .cm-active-list-box .active-list .txt {
        font-size: 2.2rem;
    }
    .cm-active-list-box .active-list .txt span {
        font-size: 3rem;
    }
    .certifi-table-con {
        margin-top: 6rem;
    }
    .certifi-table-con .table-con-tit {
        font-size: 3rem;
    }
    .certifi-table-con .certifi-table {
        table-layout: fixed;
        width: 800px;
        white-space: initial;
    }
    .certifi-table-con .certifi-table td {
        padding: 3rem 2rem;
    }
    .certifi-table-con .certifi-table td.txt02 {
        padding: 3rem;
    }
}

/* ******************  About :: 연구소 ********************** */

@media all and (max-width:1280px) {
    .research-con {
        padding: 8rem;
    }
    .research-certifi-list-box {
        margin-right: 0;
    }
    .research-certifi-list-box .research-certifi-list {
        padding: 3rem;
    }
    .research-certifi-list-box .research-certifi-list .txt {
        padding-top: 2rem;
    }
}

@media all and (max-width:800px) {
    .research-con {
        display: block;
        padding: 4rem;
        margin-top: 6rem;
    }
    .research-content {
        padding-bottom: 6rem;
    }
    .research-con .con-tit {
        width: 100%;
        padding-right: 0;
        padding-bottom: 2rem;
        font-size: 4rem;
    }
    .research-con .research-right-wrap {
        width: 100%;
    }
    .research-certifi-list-box {
        margin-top: 6rem;
    }
    .research-certifi-list-box .research-certifi-list .txt {
        font-size: 1.8rem;
    }
}

@media all and (max-width:480px) {
    .research-certifi-list-box {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 2rem 0;
    }
}

/* ******************  About :: Contact ********************** */

@media all and (max-width:1280px) {
    .contact-content .cm-active-list-box .active-list .tit {
        font-size: 2.6rem;
    }
    .contact-map-con {
        padding-top: 425px;
    }
}

@media all and (max-width:1024px) {}

@media all and (max-width:800px) {
    .contact-map-con {
        margin-top: 3rem;
        padding-top: 325px;
    }
    .map-txt-box {
        margin-top: 4rem;
    }
    .map-txt-box .map-txt {
        font-size: 2.2rem;
    }
    .contact-content .cm-active-list-box {
        grid-template-columns: repeat(3, calc(33.333% - 1.5rem));
        grid-gap: 0 2rem;
        max-width: none;
        margin-top: 6rem;
    }
    .contact-content .cm-active-list-box .active-list {
        padding: 3rem 0.5rem;
    }
    .contact-content .cm-active-list-box .active-list .tit {
        font-size: 2.3rem;
    }
    .contact-content .cm-active-list-box .active-list .txt {
        word-break: break-word;
        font-size: 1.8rem;
    }
    .contact-form-con {
        padding: 6rem 0;
        margin-top: 8rem;
    }
    .contact-form-con .inner {
        display: block;
    }
    .contact-form-con .form-con-tit {
        width: 100%;
        padding-right: 0;
        margin-bottom: 2rem;
    }
    .contact-form-con .form-wrap {
        width: 100%;
    }
    .contact-form-con .contact-input-container .inner {
        padding: 1rem 2rem;
    }
    .contact-form-con .contact-input-container .input-box {
        display: block;
    }
    .contact-form-con .contact-input-container .input-box .inner:first-child {
        margin-bottom: 2rem;
    }
    .contact-form-con .contact-input-container .textarea-inner {
        margin-top: 2rem;
    }
    .contact-form-con .contact-input-tit {
        width: 6.5rem;
        padding-right: 1.5rem;
    }
    .contact-form-con .contact-input,
    .contact-form-con .contact-textarea {
        width: calc(100% - 8rem);
    }
}

@media all and (max-width:640px) {
    .contact-content .cm-active-list-box {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 2rem 0;
    }
}

@media all and (max-width:480px) {
    .contact-map-con {
        padding-top: 250px;
    }
    .map-txt-box .map-info-list-box {
        flex-direction: column;
        align-items: center;
        gap: 1rem 0;
    }
    .contact-form-con .bbs-inquiry-agree-con {
        flex-direction: column;
    }
    .contact-form-con .contact-send-btn {
        margin-top: 2rem;
    }
}

/* ******************  INVESTMENT :: 재무정보 ********************** */

@media all and (max-width:1280px) {
    .financial-content .chart-list-box .chart-list {
        padding: 8.5%;
        width: 100%;
    }
    .financial-content .chart-list-box .chart-list p {
        padding-top: 2rem;
    }
    .financial-content .chart-list-box .chart-list .chart-item-tit {
        padding-bottom: 2rem;
    }
    .financial-content .chart-list-box .chart-list .chart-item-tit p {
        padding-bottom: 0;
    }
    .financial-content .chart-list-box .chart-list .chart-item-tit span {
        position: static;
        font-size: 1.6rem;
        display: block;
        width: 100%;
        text-align: right;
    }
}

@media all and (max-width:800px) {
    .financial-content .chart-list-box {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 4rem 0;
        margin-bottom: 8rem;
    }
    .financial-content .chart-list-box .chart-list {
        padding: 6%;
    }
}

/* ******************  INVESTMENT :: NEWS ********************** */

@media all and (max-width:800px) {
    .news-list-box {
        grid-template-columns: 1fr;
        grid-gap: 2rem 0;
        padding: 0;
    }
    .news-list-box .news-list>a {
        padding: 3rem;
    }
}

/* ******************  Careers :: 인재상 ********************** */

@media all and (max-width:1460px) {
    .talent-content::before {
        left: calc(-1 * var(--area-padding) + 5%);
    }
    .talent-content::after {
        right: calc(-1 * var(--area-padding));
    }
    /* .talent-content .area{padding: 0;} */
}

@media all and (max-width:800px) {
    .talent-active-list-box {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 2rem;
        margin-top: 8rem;
    }
    .talent-active-list-box::before {
        /* width: 100%; */
        width: 145.3rem;
    }
    .talent-active-list-box .talent-active-list {
        padding-top: 35%;
    }
    .talent-active-list-box .talent-active-list .inner h5 {
        font-size: 2.6rem;
    }
    .talent-active-list-box .talent-active-list .inner p {
        font-size: 2rem;
    }
    .talent-content::before,
    .talent-content::after {
        display: none;
    }
    .talent-icon-list-box {
        margin: 17rem -1.5rem;
        margin-bottom: 5rem;
    }
    .talent-icon-list-box .talent-icon-list:nth-child(even),
    .talent-icon-list-box .talent-icon-list {
        margin: 1.5rem;
        width: calc(100% - 3rem);
        height: 20rem;
        padding: 1rem 2rem;
        border-radius: 2rem;
        transform: none !important;
    }
    .talent-icon-list-box .talent-icon-list figure {
        top: 52.28%;
    }
    .talent-icon-list-box .talent-icon-list figure img {
        height: 5rem;
    }
    .talent-icon-list-box .talent-icon-list h5 {
        font-size: 2.4rem;
        line-height: 1.3em;
    }
    .talent-icon-list-box .talent-icon-list p {
        margin-top: 3rem;
        font-size: 1.5rem;
        line-height: 1.73em;
    }
}

@media all and (max-width:480px) {
    .talent-active-list-box::before {
        height: 100%;
    }
    .talent-icon-list-box {
        margin-top: 8rem;
    }
}

/* ******************  Careers :: 인사제도 ********************** */

@media all and (max-width:1280px) {
    .personal-content .system-circle-list-box {
        right: 5.5rem;
    }
}

@media all and (max-width:800px) {
    .personal-content #fixedContentM1,
    .personal-content #fixedContentM2,
    .personal-content #fixedContentM3,
    .personal-content #fixedContentM4 {
        margin-top: 8rem;
    }
    .personal-content .personal-tit-box {
        display: block;
    }
    .personal-content .personal-tit-box .personal-con-tit {
        padding-bottom: 1rem !important;
    }
    .personal-process-list-box {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 2.5rem;
    }
    .personal-process-list-box .personal-process-list {
        padding-top: 22rem;
    }
    .personal-process-list-box .personal-process-list::before {
        display: none;
    }
    .personal-process-list-box .personal-process-list .inner {
        padding-top: 2rem;
    }
    .position-list-box .position-list {
        display: block;
        padding: 3rem;
    }
    .position-list-box .position-list p {
        padding-left: 0;
        width: 100%;
    }
    .position-list-box .position-list span {
        display: block;
        width: 100%;
        padding-bottom: 2rem;
    }
    .personal-content .system-con {
        padding: 4rem 0;
        background: 13% 100% / cover no-repeat url("/images/content/personal_system_bg.jpg");
    }
    .personal-content .system-circle-list-box {
        flex-direction: column;
        align-items: center;
        position: static;
        transform: translate(0, 0);
    }
    .personal-content .system-circle-list-box .system-circle-list:first-child {
        left: 0;
        top: 2.5rem;
    }
    .personal-content .system-circle-list-box .system-circle-list:last-child {
        right: 0;
        bottom: 2.5rem;
    }
    .personal-edu-list-box {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media all and (max-width:480px) {
    /* .personal-process-list-box {grid-template-columns: repeat(2, 1fr);} */
    .personal-process-list-box .personal-process-list img {
        max-width: 80%;
    }
    .personal-edu-list-box {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* ******************  Careers :: 채용정보 ********************** */

@media all and (max-width: 1280px) {
    .recruit-content .stock03-table td {
        padding: 3rem 2rem;
    }
    .recruit-content .stock03-table th {
        padding: 0 1rem;
    }
}

@media all and (max-width:800px) {
    .recruit-banner-con {
        height: auto;
        margin-bottom: 6rem;
        padding: 6rem 0;
    }
    .recruit-banner-con .banner-tit {
        padding-bottom: 3rem;
        font-size: 3rem;
    }
    .recruit-banner-con .mail-info {
        width: 28rem;
        height: 5rem;
        font-size: 1.8rem;
    }
    .recruit-banner-con .ps-txt {
        position: relative;
        bottom: 0;
        padding-top: 4rem;
        font-size: 1.6rem;
    }
    .recruit-content .tbl {
        padding-top: 5rem;
    }
    .recruit-content .stock03-table td {
        padding: 3rem;
    }
}