@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

@media (max-width: 767px) {
    .pc {
        display: none !important;
    }

    .mobile {
        display: block;
    }
}

@media (min-width: 767px) {
    .pc {
        display: block;
    }

    .mobile {
        display: none;
    }

    #mo_training_process_pop {
        display: none !important;
    }

    #mo_training_process_pop * {
        display: none !important;
    }

    /* main */
    .main_visual {
        position: relative;
        margin: auto;
        background-size: 100%;
        overflow: hidden;
    }

    .main_visual .main_slider {
        position: relative;
        height: 1080px;
        width: 100%;
        z-index: 2;
        min-width: 1440px;
    }

    .main_visual .main_slider .slider-item {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        left: 0;
        top: 0;
        opacity: 0;
        visibility: hidden;
        position: absolute;
    }

    .main_visual .main_slider .slider-item.active {
        opacity: 1;
        visibility: visible;
        display: block;
    }

    .main_slider .slider-item {
        color: #fff;
    }

    .visual_bg_slider {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
    }

    .visual_bg_slider div {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        background-attachment: fixed;
        opacity: 0;
        background-size: cover;
        background-position: center top;
    }

    .visual_bg_slider div.active {
        opacity: 1;
    }

    .visual_bg_slider div.video {
        position: fixed;
        left: 0;
        top: 0;
        background: #000;
    }

    .visual_bg_slider div.video video {
        width: 100%;
        height: auto;
        min-width: 1600px;
    }

    .visual_bg_slider .item1 {
        background-image: url("../images/contents/main/img_main_slider_1.png");
    }

    .visual_bg_slider .item2 {
        background-image: url("../images/contents/main/img_main_slider_2.png");
    }

    .visual_bg_slider .item3 {
        background-image: url("../images/contents/main/img_main_slider_3.png");
    }

    .main_visual .main_slider .slider-item strong {
        /*font-weight: 500;*/
        /*font-stretch: normal;*/
        /*font-style: normal;*/
        /*line-height: 1.19;*/
        /*letter-spacing: -0.5px;*/
        /*font-size: 108px;*/
        /*font-family: "operetta-12";*/
        font-size: 24px;
        font-weight: 700;
        line-height: 1.67;
        letter-spacing: -1px;
        padding-top: 0;
        display: block;
        margin: auto;
        width: 1180px;
    }

    .main_visual .main_slider .slider-item > span {
        position: absolute;
        top: 200px;
        width: 1180px;
        display: flex;
        margin: auto;
        padding-top: 60px;
        font-size: 24px;
        font-weight: 500;
        line-height: 1.67;
        letter-spacing: -1px;
        text-align: left;
        white-space: pre-line;
        font-family: Inter;
    }

    .main_visual .main_slider .slider-item a {
        position: absolute;
        top: 380px;
        font-size: 18px;
        display: block;
        text-align: left;
        font-weight: 500;
        line-height: 1.78;
        letter-spacing: -1.5px;
        font-family: Inter;
    }

    .main_visual .main_slider .slider-item em {
        font-size: 18px;
        line-height: 1.78;
        letter-spacing: -1.5px;
        font-style: normal;
    }

    .main_visual .slider_pagination {
        position: absolute;
        width: 1180px;
        left: 50%;
        margin-left: -590px;
        bottom: 80px;
    }

    .main_visual .slider_pagination span {
        font-size: 0;
        width: 40px;
        height: 40px;
        position: relative;
        display: inline-block;
        margin-left: 12px;
        cursor: pointer;
    }

    .main_visual .slider_pagination span:first-child {
        margin: 0;
    }

    .main_visual .slider_pagination span button {
        display: inline-block;
        background: none;
        width: 40px;
        height: 40px;
        box-sizing: border-box;
        border: 0;
        position: relative;
        cursor: pointer;
    }

    .main_visual .slider_pagination span button:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        left: 50%;
        margin-left: -4px;
        width: 8px;
        height: 8px;
        /*background: #fff;*/
        background: #000;
        opacity: 0.4;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .main_visual .slider_pagination span.active button:before {
        opacity: 1;
    }

    .main_visual .slider_pagination .progress {
        width: 40px;
        height: 40px;
        line-height: 44px;
        background: none;
        margin: 0 auto;
        box-shadow: none;
        position: absolute;
        opacity: 0;
    }

    .main_visual .slider_pagination span.active .progress {
        opacity: 1;
    }

    .main_visual .slider_pagination .progress:after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .main_visual .slider_pagination .progress > span {
        width: 50%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1;
    }

    .main_visual .slider_pagination .progress .progress-left {
        left: 0;
    }

    .main_visual .slider_pagination .progress .progress-bar {
        width: 100%;
        height: 100%;
        background: none;
        border-width: 1px;
        border-style: solid;
        position: absolute;
        top: 0;
        /*border-color: #fff;*/
        border-color: #000;
        box-sizing: border-box;
    }

    .main_visual .slider_pagination .progress .progress-left .progress-bar {
        left: 100%;
        border-top-right-radius: 40px;
        border-bottom-right-radius: 40px;
        border-left: 0;
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }

    .main_visual .slider_pagination span.active .progress .progress-left .progress-bar {
        -webkit-animation: loading-2 2.5s linear forwards 2.5s;
        animation: loading-2 2.5s linear forwards 2.5s;
    }

    .main_visual .slider_pagination .progress .progress-right {
        right: 0;
    }

    .main_visual .slider_pagination .progress .progress-right .progress-bar {
        left: -100%;
        border-top-left-radius: 40px;
        border-bottom-left-radius: 40px;
        border-right: 0;
    }

    .main_visual
    .slider_pagination
    span.active
    .progress
    .progress-right
    .progress-bar {
        -webkit-transform-origin: center right;
        transform-origin: center right;
        -webkit-animation: loading-1 2.5s linear forwards;
        animation: loading-1 2.5s linear forwards;
    }

    @keyframes loading-1 {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }
    }
    @keyframes loading-2 {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }
    }
    .main_visual_search {
        height: 1080px;
        box-sizing: border-box;
        padding-top: 428px;
        z-index: 2;
        position: relative;
    }

    .main_visual_search .inner {
        width: 1180px;
        /*color: #fff;*/
        color: #000;
    }

    .main_visual_search .inner .h2 {
        font-size: 40px;
        line-height: 1.4;
        letter-spacing: -1.5px;
        font-weight: 500;
    }

    .main_search_box .input_wrap {
        width: 880px;
    }

    .main_search_box .input_wrap {
        border: 1px solid #000;
        background: #fff;
        box-sizing: border-box;
        padding: 16px;
        padding-left: 72px;
        display: block;
        position: relative;
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .main_search_box .input_wrap:before {
        content: "";
        display: block;
        position: absolute;
        width: 24px;
        height: 24px;
        left: 29px;
        top: 23px;
        background-size: 100%;
        background-image: url("../images/common/ic-search-24-inactive.svg");
        background-repeat: no-repeat;
    }

    .main_search_box .input_wrap.on:before {
        background-image: url("../images/common/icon-24-icon-search-inactive_on.svg");
    }

    .main_search_box .input_wrap input {
        font-family: "Noto Sans KR";
        width: 100%;
        color: #888;
        border: 0;
        font-size: 24px;
        line-height: 36px;
        height: 36px;
        padding: 0;
    }

    .main_search_box .input_wrap input::placeholder {
        font-family: "Noto Sans KR";
        color: #888888;
    }

    .main_search_box .recommend_tit {
        display: block;
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: -0.5px;
        font-weight: normal;
        font-style: normal;
    }

    .main_search_box .recommend_txt {
        display: block;
        font-size: 24px;
        font-weight: 500;
        line-height: 1.67;
        letter-spacing: -1px;
    }

    .main_business_area {
        position: relative;
        padding-top: 160px;
        position: relative;
        overflow: hidden;
        padding-bottom: 240px;
        width: 100%;
        height: 1114px;
        background: #fff;
    }

    .main_business_area .h3 {
        font-family: "operetta-12";
        font-size: 80px;
        line-height: 1.15;
        letter-spacing: normal;
        color: #000;
        font-weight: 500;
    }

    .main_business_area .main_business_slider {
        position: relative;
    }

    .main_business_area .main_business_slider p {
        position: absolute;
        width: 380px;
        left: 200px;
        top: 60px;
        line-height: 1.8;
        font-size: 20px;
        font-style: normal;
        font-weight: normal;
        letter-spacing: -1px;
    }

    .main_business_area ul {
        margin-top: 200px;
        width: 580px;
        height: 870px;
        overflow: hidden;
        display: inline-block;
        position: relative;
    }

    .main_business_area ul.slider02 {
        position: absolute;
        left: 640px;
        margin-top: 60px;
        width: 480px;
        height: 720px;
    }

    .main_business_area ul.slider03 {
        position: absolute;
        left: 1180px;
        width: 480px;
        height: 720px;
    }

    .main_business_area ul li {
        box-sizing: border-box;
        padding-right: 60px;
        float: left;
        position: absolute;
        color: #fff;
        z-index: 0;
        cursor: pointer;
    }

    .main_business_area ul li img {
        width: 580px;
    }

    .main_business_area ul.slider02 li img {
        width: 480px;
    }

    .main_business_area ul.slider03 li img {
        width: 480px;
    }

    .main_business_area ul li.active img {
        width: 580px;
    }

    .main_business_area ul.slider02 li.active img {
        width: 480px;
    }

    .main_business_area ul.slider03 li.active img {
        width: 480px;
    }

    .main_business_area ul li strong {
        position: absolute;
        bottom: 40px;
        left: 0;
        font-size: 40px;
        letter-spacing: -0.5px;
        line-height: 1.6;
        font-weight: 700;
        box-sizing: border-box;
        padding: 0 40px;
        color: #fff;
    }

    .main_business_area ul li strong span {
        display: block;
        margin-bottom: 8px;
        font-size: 22px;
        line-height: 1.64;
        letter-spacing: -0.7px;
        font-weight: 400;
        /*white-space: pre-line;*/
        opacity: 0;
        height: 0;
        overflow: hidden;
    }

    .main_business_area ul li.active strong span {
        opacity: 1;
        height: auto;
    }

    .main_business_area .main_business_slider .slider_nav {
        position: absolute;
        left: 580px;
        margin-left: 60px;
        top: 860px;
        overflow: hidden;
    }

    .main_business_area .main_business_slider .slider_nav button + button {
        margin-left: 20px;
    }

    .slider_nav button {
        font-size: 0;
        width: 62px;
        height: 62px;
        border-radius: 50%;
        box-sizing: border-box;
        border: 0;
        cursor: pointer;
        background: #fff;
        border: 1px #000 solid;
        border-radius: 50%;
        position: relative;
    }

    .slider_nav button i {
        pointer-events: none;
    }

    .slider_nav button span {
        background: #000;
        width: 62px;
        height: 62px;
        border-radius: 50%;
        position: absolute;
        left: -1px;
        top: -1px;
        z-index: 0;
        opacity: 0;
    }

    .slider_nav button i.default {
        width: 36px;
        height: 36px;
        background-image: url("../images/contents/main/left_arrow.svg");
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -18px;
        margin-left: -18px;
        z-index: 1;
    }

    .slider_nav button i.on {
        width: 36px;
        height: 36px;
        background-image: url("../images/contents/main/left_arrow_on.svg");
        position: absolute;
        left: -50%;
        top: 50%;
        margin-top: -18px;
        margin-left: -18px;
        z-index: 1;
    }

    .slider_nav button + button i.default {
        background-image: url("/resources/images/contents/main/right_arrow.svg");
        left: auto;
        right: 50%;
        margin-right: -18px;
    }

    .slider_nav button + button i.on {
        background-image: url("/resources/images/contents/main/right_arrow_on.svg");
        left: auto;
        right: -50%;
        margin-right: -18px;
    }
    .main_color_inspiration {
        width: 100%;
        height: 2032px;
        background-attachment: fixed;
        background-image: url("../images/contents/main/img-color-inspiration.png");
        position: relative;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .main_color_inspiration img {
        top: 0;
        padding-left: 0;
        left: 0;
        position: absolute;
        width: 580px;
    }

    .main_color_inspiration .inspiration_contents {
        padding-left: 480px;
        box-sizing: border-box;
        position: relative;
    }

    .main_color_inspiration .inspiration_tit {
        color: #fff;
        padding-top: 200px;
        padding-bottom: 268px;
        text-align: center;
        font-size: 144px;
        font-family: "operetta-12";
        line-height: 172px;
        letter-spacing: -5px;
        font-weight: 500;
    }

    .main_color_inspiration .inspiration_txt {
        left: 200px;
        top: 432px;
        font-size: 20px;
        line-height: 1.8;
        letter-spacing: -1px;
        font-weight: normal;
        color: #fff;
        position: absolute;
    }

    .main_color_inspiration ul {
        padding-top: 224px;
        position: relative;
        left: 100px;
    }

    .main_color_inspiration ul li {
        box-sizing: border-box;
        float: left;
        padding-left: 60px;
        position: relative;
        padding-bottom: 60px;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
    }

    .main_color_inspiration ul li span {
        position: relative;
        box-sizing: border-box;
        width: 290px;
        padding: 4px;
        background: #fff;
        display: block;
    }

    .main_color_inspiration ul li span em {
        content: "";
        display: block;
        width: 100%;
        height: 272px;
        background: #3785a7;
    }

    .main_color_inspiration ul li:nth-child(odd) {
        top: 120px;
    }

    .main_color_inspiration ul li strong {
        display: block;
        box-sizing: border-box;
        padding: 12px 12px 0 12px;
        font-size: 20px;
        line-height: 1.5;
        color: #111;
    }

    .main_color_inspiration ul li i {
        display: block;
        line-height: 1.43;
        color: #111;
        letter-spacing: 0.5px;
        font-size: 14px;
        padding: 4px 12px 20px 12px;
        box-sizing: border-box;
    }

    .main_color_inspiration .find_store {
        position: absolute;
        left: 200px;
        color: #fff;
        box-sizing: border-box;
        font-size: 24px;
        line-height: 1.5;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        padding-left: 32px;
        display: inline-block;
        top: 950px;
    }

    .main_color_inspiration .find_store:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -12px;
        width: 24px;
        height: 24px;
        background-image: url("../images/common/pin-white.svg");
    }

    .main_color_inspiration .color_module button {
        display: block;
        cursor: pointer;
        text-align: left;
        position: absolute;
        font-size: 0;
        background: #fff;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        right: 20px;
        top: 216px;
        opacity: 0;
        visibility: hidden;
    }

    .main_color_inspiration .color_module button.color_copy {
        right: 68px;
    }

    .main_color_inspiration .color_module button.color_copy:before,
    .main_color_inspiration .color_module button.full_screen:before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -8px;
        margin-top: -8px;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .main_color_inspiration .color_module button.color_copy:before {
        background-image: url("../images/contents/color/icon-copy.svg");
    }

    .main_color_inspiration .color_module button.full_screen::before {
        background-image: url("../images/contents/color/icon-fullscreen.svg");
    }

    .main_bestseller {
        background-image: url("../images/contents/main/bestseller_banner.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .main_bestseller .bestseller_banner {
        max-width: 1920px;
        margin: 0 auto;
    }

    .main_bestseller .bestseller_banner img {
        width: 100%;
    }

    .main_bestseller .inner {
        padding-top: 96px;
        padding-bottom: 402px;
    }

    .main_bestseller .inner h2 {
        margin-bottom: 16px;
        color: #000;
        font-family: "Noto Sans KR";
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 56px; /* 140% */
    }

    .main_bestseller .inner p {
        margin-bottom: 40px;
        color: #000;
        font-family: "Noto Sans KR";
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px; /* 133.333% */

    }

    .main_bestseller .inner > div {


    }

    .main_bestseller .inner > div a {
        display: inline-block;
        padding: 0 32px;
        color: #000;
        text-align: center;
        font-family: "Noto Sans KR";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px; /* 257.143% */
        letter-spacing: -0.14px;
        border: 1px solid #000;
    }

    .main_faq {
        padding-top: 200px;
        padding-bottom: 200px;
        position: relative;
        background: #fff;
    }

    .main_faq .faq_list-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 80px;
    }

    .main_faq h2 {
        color: #000;
        font-family: "Noto Sans KR";
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 44px; /* 157.143% */
    }

    .main_faq .faq_list-header > div a {
        display: flex;
        align-items: center;
        gap: 4px;
        color: #000;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
    }

    .main_faq .faq_list-header > div a img {
        background-color: black;
        border-radius: 48px;
    }

    .main_faq .faq_list li a {
        display: grid;
        grid-template-columns: 246px 24px 1fr 100px;
        align-items: center;
        padding: 40px 0;
        border-bottom: 1px solid #e5e5e5;
    }

    .main_faq .faq_list li:first-child a {
        padding-top: 0;
    }

    .main_faq .faq_list .faq_list-category {
        display: flex;
        align-items: center;
        gap: 16px;
        color: #000;
        font-size: 24px;
        font-weight: 700;
        line-height: 36px;
    }

    .main_faq .faq_list .divider {
        height: 36px;
        border-left: 1px solid #e5e5e5;
    }

    .main_faq .faq_list .faq_list-title {
        display: flex;
        color: #000;
        font-size: 24px;
        font-weight: 400;
        line-height: 36px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-break: break-all;
    }

    .main_faq .faq_list .faq_list-title p {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-break: break-all;
    }

    .main_faq .faq_list .faq_list-views {
        display: flex;
        justify-content: end;
        align-items: center;
        gap: 5px;
        color: #555;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
    }

    .main_hot_issue {
        padding-top: 140px;
        padding-bottom: 30px;
        position: relative;
        background: #fff;
    }

    .main_hot_issue h2 {
        font-size: 80px;
        line-height: 1.2;
        font-family: "operetta-12";
        font-weight: 500;
        letter-spacing: normal;
    }

    .main_hot_issue p {
        padding: 40px 0 0 0;
        font-size: 20px;
        line-height: 1.8;
        letter-spacing: -0.7px;
        font-weight: normal;
        margin-bottom: 66px;
    }

    .main_hot_issue .issue_magazine {
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 106px;
        z-index: 2;
    }

    .main_hot_issue .issue_magazine .img_wrap {
        width: 180px;
        height: 232px;
        overflow: hidden;
        display: block;
    }

    .main_hot_issue .issue_magazine .img_wrap img {
        height: 100%;
    }

    .main_hot_issue .issue_magazine strong {
        display: block;
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 20px;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: normal;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        width: 160px;
    }

    .main_hot_issue .issue_list {
        box-sizing: border-box;
        position: relative;
        width: 1080px;
        margin: 0 auto;
    }

    .main_hot_issue .issue_list ul {
        position: relative;
        /*padding-left: 180px;*/
        font-size: 0;
        box-sizing: border-box;
    }

    .main_hot_issue .issue_list ul li {
        width: 480px;
        position: absolute;
        /*padding-left: 120px;*/
        display: inline-flex;
        vertical-align: top;
        margin-bottom: 140px;
    }

    .main_hot_issue .issue_list ul li:nth-child(even) {
        top: -134px;
    }

    .main_hot_issue .issue_list ul li .issue_tit {
        font-size: 32px;
        font-weight: 500;
        letter-spacing: -1px;
        font-style: normal;
        display: block;
        color: #000;
        margin: 0 0 20px;
    }

    .main_hot_issue .issue_list ul li .issue_txt {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: -0.5px;
        font-style: normal;
        display: block;
        color: #000;
    }

    .main_hot_issue .issue_list ul li .img_wrap {
        position: relative;
        display: block;
    }

    .main_hot_issue .issue_list ul li .img_wrap img {
        width: 100%;
    }

    .main_hot_issue .issue_list ul li .img_wrap .issue_cate {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        position: relative;
        display: inline-block;
        font-size: 20px;
        left: -40px;
        letter-spacing: normal;
        color: #888;
        bottom: 0;
        line-height: 1.5;
        -webkit-transform: rotate(270deg);
        -webkit-transform-origin: 0% 0%;
        transform: rotate(270deg);
        transform-origin: 0% 0%;
    }

    .main_hot_issue .issue_list ul li .img_wrap:before {
        content: "";
        display: block;
        width: 48px;
        height: 48px;
        position: absolute;
        right: 30px;
        top: 30px;
    }

    .main_news .inner {
        padding: 140px 0 170px 400px;
        min-height: 300px;
    }

    .main_news h2 {
        font-size: 80px;
        font-weight: 500;
        line-height: 1.2;
        color: #000;
        font-family: "operetta-12";
    }

    .main_news .ir_cont {
        position: absolute;
        left: 0;
        top: 140px;
    }

    .main_news .ir_cont .ir_txt {
        margin-top: 40px;
    }

    .main_news .ir_cont .ir_txt span {
        display: block;
        font-size: 24px;
        line-height: 1.5;
    }

    .main_news .ir_cont .ir_txt strong {
        display: block;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        margin-top: 21px;
        margin-bottom: 8px;
        font-size: 56px;
        font-weight: 500;
    }

    .main_news .ir_cont .ir_txt i {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        font-size: 16px;
        line-height: 1.5;
        display: block;
        box-sizing: border-box;
        padding-left: 20px;
        position: relative;
    }

    .main_news .ir_cont .ir_txt i::before {
        content: "";
        display: inline-block;
        position: absolute;
        left: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        top: 50%;
        margin-top: -3px;
    }

    .main_news .ir_cont .ir_txt i.up {
        color: #E20D3A;
    }

    .main_news .ir_cont .ir_txt i.up:before {
        border-bottom: 6px solid #E20D3A;
    }

    .main_news .ir_cont .ir_txt i.down {
    }

    .main_news .ir_cont .ir_txt i.down:before {
    }

    .main_news .news_cont li {
        cursor: pointer;
        border-bottom: 1px #e5e5e5 solid;
        letter-spacing: -0.5px;
        font-size: 16px;
        line-height: 1.5;
        color: #555;
        padding: 30px 0;
    }

    .main_news .news_cont li strong {
        font-size: 24px;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: -0.6px;
        color: #000;
        display: block;
        margin-bottom: 20px;
    }

    .main_news .news_cont li span {
        text-overflow: ellipsis;
        font-weight: 400;
        overflow: hidden;
        display: inline-block;
        width: 740px;
        white-space: nowrap;
        height: 26px;
    }

    .main_newsletter {
        width: 100%;
        position: relative;
        padding: 88px 0;
        background-image: url("../images/contents/main/img-newsletter.png");
        box-sizing: border-box;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .main_newsletter p {
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 56px;
        text-align: center;
        color: white;
    }

    .main_newsletter div {
        display: flex;
        justify-content: center;
        gap: 16px;
        margin-top: 32px;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px; /* 180% */
        letter-spacing: -0.2px;
    }

    .main_newsletter div a {
        display: flex;
        align-items: center;
        gap: 13px;
        padding: 12px 40px;
        border: 2px solid white;
        color: white;
    }

    .main_bottom_search {
        width: 100%;
        height: 480px;
        position: relative;
        background-image: url("/resources/images/contents/main/img-search.jpg");
        box-sizing: border-box;
        background-repeat: no-repeat;
        padding-top: 150px;
        background-size: cover;
    }

    .main_bottom_search .main_search_box .input_wrap {
        width: 980px;
        height: 68px;
        margin: auto;
        margin-bottom: 40px;
    }

    .main_bottom_search .main_search_box .recommend_tit,
    .main_bottom_search .main_search_box .recommend_txt {
        width: 980px;
        margin: auto;
        color: #fff;
    }

    /* main */
    .main_pop {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 9;
    }

    .main_pop .pop_bg {
        position: fixed;
        width: 100%;
        height: 100%;
        display: block;
        background: #000;
        opacity: 0.5;
        left: 0;
        top: 0;
    }

    .main_pop .pop_cont {
        position: relative;
        display: inline-block;
        z-index: 10;
        left: 100px;
        top: 100px;
    }

    .main_pop .pop_cont img {
        max-width: 100%;
    }

    .main_pop .pop_cont .pop_bottom {
        background: #000;
        box-sizing: border-box;
        padding: 18px;
        position: relative;
    }

    .main_pop .pop_cont .pop_bottom .checkbox {
        color: #fff;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.7px;
        text-align: left;
    }

    .main_pop .pop_cont .pop_bottom .checkbox input + .lbl:before {
        background: #fff;
        border: 1px #000 solid;
        top: -1px;
    }

    .main_pop .pop_cont .pop_bottom .checkbox input:checked + .lbl:before {
        background-image: url('../images/common/icon-24-check-on-wht.svg');
        background-color: #fff;
    }

    .main_pop .pop_cont .pop_bottom .main_pop_close {
        position: absolute;
        font-size: 16px;
        line-height: 24px;
        color: #fff;
        letter-spacing: -0.7px;
        right: 18px;
        top: 18px;
    }

    /* #live */
    .live {
        padding-top: 96px;
    }

    .live .inner {
        padding-top: 130px;
        padding-bottom: 200px;
    }

    .live .inner .h2 {
        font-size: 56px;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: -1.5px;
    }

    .live .culture_tab_depth_1 {
        margin-top: 136px;
    }

    .live .item_col_3 .story_items {
        position: relative;
        margin-left: -50px;
        font-size: 0;
        margin-top: 60px;
    }

    .live .item_col_3 .story_items li {
        width: 410px;
        box-sizing: border-box;
        padding-left: 50px;
        padding-bottom: 100px;
        display: inline-block;
        vertical-align: top;
        /*position: absolute;*/
        overflow: hidden;
    }

    .live .item_col_3 .story_items li .story_title {
        font-size: 24px;
        font-weight: 500;
        line-height: 36px;
        letter-spacing: -1px;
        color: #000;
        display: block;
        margin-top: 20px;
    }

    .storyMagazine .item_col_3 .story_items li .story_title {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
    }

    .live .item_col_3 .story_items li .story_txt {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        font-size: 16px;
        line-height: 28px;
        color: #000;
        letter-spacing: -0.5px;
        display: block;
        margin-top: 16px;
    }

    .live .item_col_3 .story_items li > a > em {
        font-size: 16px;
        line-height: 1.88;
        opacity: 0.5;
        font-weight: normal;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        display: block;
        margin-top: 16px;
    }

    .live .item_col_3 .story_items li .story_txt img {
        width: 100%;
    }

    .live .item_col_3 .story_items li .img_wrap {
        box-sizing: border-box;
        display: inline-block;
        position: relative;
        width: 100%;
    }

    .live .item_col_3 .story_items li .img_wrap .viewImg {
        width: 360px;
        height: 202px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .storyMagazine .item_col_3 .story_items li .img_wrap {
        border: 1px solid rgba(0, 0, 0, 0.1);
        height: 470px;
        overflow: hidden;
    }


    .live .item_col_3 .story_items li img {
        width: 100% !important;
        height: auto !important;
    }

    .live.paint_solution .item_col_3 .story_items li img {
        height: 240px !important;
        background-color: #000;
        object-fit: contain;
    }

    .img_wrap .recommand_ico {
        position: absolute;
        width: 49px;
        height: 32px;
        font-size: 14px;
        letter-spacing: -0.5px;
        text-align: center;
        color: #fff;
        background: #000;
        left: 0;
        bottom: 0;
        display: block;
        line-height: 32px;
    }

    .movie_wrap {
        position: relative;
        display: inline-block;
    }

    .movie_wrap:after {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(-50%);
        margin-left: -30px;
        width: 60px;
        height: 60px;
        background-image: url("../images/contents/culture/icon-play.svg");
    }

    .next_story .movie_wrap:after {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(-50%);
        margin-left: -30px;
        width: 60px;
        height: 60px;
        background-image: url("../images/contents/culture/icon-play.svg");
    }

    .live .btn_wrap .button,
    .brand-color-example .btn_wrap .button,
    .beWithUs .btn_wrap .button {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        width: 360px;
        line-height: 62px;
        height: 64px;
        box-sizing: border-box;
        font-size: 16px;
        letter-spacing: -0.5px;
        text-align: center;
        display: block;
        margin: auto;
        font-weight: bold;
    }

    .story_items .search_empty {
        display: none;
    }

    .search_empty {
        font-size: 18px;
        line-height: 32px;
        letter-spacing: -0.7px;
        font-weight: normal;
        text-align: center;
    }

    .search_empty .h5 {
        font-size: 18px;
        line-height: 32px;
        letter-spacing: -0.7px;
        font-weight: normal;
        text-align: center;
    }

    /* 공지사항 */
    .notice {
        padding-top: 96px;
    }

    .notice .inner {
        padding-top: 160px;
        padding-bottom: 200px;
    }

    .notice .inner h2 {
        font-size: 56px;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: -1.5px;
    }

    .notice .notice_table {
        margin-bottom: 100px;
        margin-top: 97px;
    }

    .news .inner {
        padding-top: 160px;
        padding-bottom: 200px;
    }

    .news .culture_tab_depth_1 {
        margin-top: 72px;
    }

    /* 뉴스레터 */
    .newsletter .inner {
        padding-top: 0px;
    }

    /* 사회 공헌 */
    .culture {
    }

    .culture_vision {
        padding-top: 96px;
        overflow: hidden;
    }

    .culture_vision .culture_title {
        font-size: 56px;
        text-align: center;
        line-height: 84px;
        letter-spacing: -2px;
        color: #000;
        margin: 64px 0 80px;
    }

    .culture_vision .culture_sub_title {
        font-size: 28px;
        font-weight: 600;
        line-height: 44px;
        letter-spacing: -1px;
        text-align: center;
        margin-bottom: 160px;
    }

    .culture_vision .vision_csr_box1 {
        position: relative;
        padding-top: 200px;
        height: 1080px;
        box-sizing: border-box;
        background-image: url("../images/contents/culture/img-csr-vision-1-1.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .culture_vision .vision_csr_box1 .inner {
        width: 1080px;
    }

    .culture_vision .vision_csr_box1 .inner h5 {
        font-size: 0;
        width: 100%;
        height: 108px;
        background-size: 100%;
        background-image: url("../images/contents/culture/img-csr-vision-1-2.png");
    }

    .culture_vision .vision_csr_box1 .inner p {
        font-size: 22px;
        text-align: center;
        line-height: 1.55;
        letter-spacing: -1.5px;
        font-weight: bold;
        color: #fff;
        margin: 20px 0 84px;
    }

    .culture_vision .vision_csr_box1 .inner ul {
        font-size: 0;
        position: relative;
        margin-left: -30px;
    }

    .culture_vision .vision_csr_box1 .inner ul li {
        display: inline-block;
        width: 33.3333%;
        box-sizing: border-box;
        padding: 0 30px;
    }

    .culture_vision .vision_csr_box1 .inner ul li .img_wrap img {
        width: 100%;
    }

    .culture_vision .vision_csr_box1 .inner ul li span {
        display: block;
        box-sizing: border-box;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -1px;
        height: 80px;
        width: 100%;
        padding: 22px 24px;
        color: #fff;
        text-align: left;
        position: relative;
    }

    .culture_vision .vision_csr_box1 .inner ul li span:after {
        content: "";
        width: 48px;
        height: 48px;
        top: 50%;
        margin-top: -24px;
        right: 16px;
        background-image: url("../images/common/icon-arrow-icon-rightwards-wh.svg");
        position: absolute;
    }

    .culture_vision .vision_csr_box1 .inner ul li:first-child span {
        background: #242a3a;
    }

    .culture_vision .vision_csr_box1 .inner ul li:first-child + li span {
        background: #90c4d9;
    }

    .culture_vision .vision_csr_box1 .inner ul li:first-child + li + li span {
        background: #809197;
    }

    .culture_vision .vision_csr_box2 h2,
    .culture_vision .vision_csr_box3 h2,
    .culture_vision .vision_csr_box4 h2 {
        font-size: 56px;
        line-height: 72px;
        letter-spacing: -1.5px;
        font-weight: 600;
        padding-top: 160px;
    }

    .culture_vision .vision_csr_box2 h2 + p,
    .culture_vision .vision_csr_box3 h2 + p,
    .culture_vision .vision_csr_box4 h2 + p {
        font-size: 22px;
        line-height: 34px;
        letter-spacing: -1px;
        color: #000;
        margin-top: 30px;
        padding-bottom: 96px;
        font-weight: 600;
    }

    .culture_vision .vision_csr_box2 h2 {
        font-size: 48px;
        line-height: 56px;
        letter-spacing: -2.5px;
        color: #000;
    }

    .culture_vision .vision_csr_box2 h2 + p {
        letter-spacing: -1.5px;
    }

    .culture_vision .vision_csr_box2 .img_wrap {
        position: relative;
        display: block;
        min-height: 640px;
        margin-bottom: 200px;
    }

    .culture_vision .vision_csr_box2 .img_wrap img:first-child {
        position: absolute;
        left: -470px;
    }

    .culture_vision .vision_csr_box2 .img_wrap img:first-child + span {
        position: relative;
        display: inline-block;
        left: 720px;
    }

    .culture_vision .vision_csr_box2 .img_wrap img:first-child + span img {
        position: relative;
        left: 0;
    }

    .culture_vision .vision_csr_box2 .img_wrap img:first-child + span em {
        display: block;
        font-size: 18px;
        line-height: 28px;
        margin-top: 16px;
        letter-spacing: -1px;
        color: #000;
    }

    .culture_vision .vision_csr_box3 {
        background: #F1F1F1;
        padding-bottom: 526px;
    }

    .culture_vision .vision_csr_box3 h2 {
        color: #fff;
    }

    .culture_vision .vision_csr_box3 h2 + p {
        padding-bottom: 100px;
        color: #fff;
    }

    .culture_vision .vision_csr_box3 .img_wrap i {
        display: block;
        width: 1180px;
        position: relative;
        left: 50%;
        margin-left: -590px;
    }

    .culture_vision .vision_csr_box3 .img_wrap i em {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        color: #fff;
        display: block;
        text-align: right;
        padding-top: 10px;
    }

    .culture_vision .vision_csr_box3 .img_wrap span {
        position: absolute;
        left: -300px;
        bottom: -326px;
    }

    .culture_vision .vision_csr_box3 .img_wrap span em {
        display: block;
        box-sizing: border-box;
        padding-left: 16px;
        margin-left: 40px;
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: -0.7px;
        position: absolute;
        bottom: 0;
        left: 100%;
        width: 300px;
    }

    .culture_vision .vision_csr_box3 .img_wrap span em:before {
        content: "";
        display: block;
        width: 2px;
        height: 100%;
        background: #fff;
        left: 0;
        top: 0;
        position: absolute;
    }

    .culture_vision .vision_csr_box4 {
        padding-bottom: 156px;
    }

    .culture_vision .vision_csr_box4 h2 + p {
        padding-bottom: 144px;
    }

    .culture_vision .vision_csr_box4 .img_wrap i {
        display: block;
        width: 1180px;
        position: relative;
        left: 50%;
        margin-left: -590px;
    }

    .culture_vision .vision_csr_box4 .img_wrap .text_box {
        position: relative;
        display: inline-block;
        margin: 100px 0;
        left: 489px;
    }

    .culture_vision .vision_csr_box4 .img_wrap .text_box strong {
        display: block;
        font-size: 32px;
        line-height: 48px;
        color: #000;
        letter-spacing: -1.5px;
        font-weight: 600;
    }

    .culture_vision .vision_csr_box4 .img_wrap .text_box em {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: -1px;
        color: #000;
        font-weight: 500;
        margin-top: 20px;
        display: block;
    }

    .culture_vision .vision_csr_box4 .img_wrap .img_box {
        font-size: 0;
        display: block;
        position: relative;
        left: -540px;
        width: 1082px;
        margin-bottom: 100px;
    }

    .culture_vision .vision_csr_box4 .img_wrap .img_box img {
        display: inline-block;
    }

    .culture_vision .vision_csr_box4 .img_wrap .img_box img + img {
        position: relative;
        left: -1px;
    }

    .culture_vision .vision_csr_box4 .img_wrap .bottom_contents {
        display: block;
        width: 1120px;
        margin: auto;
    }

    .culture_vision .vision_csr_box4 .img_wrap .bottom_contents em {
        display: block;
        left: 0;
        font-weight: 500;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: -1px;
        color: #000;
        position: absolute;
        bottom: 0;
    }

    .culture_vision .vision_csr_box4 .img_wrap .bottom_contents img {
        display: block;
        float: right;
    }

    .culture_vision .vision_csr_box4 .img_wrap .bottom_contents:after {
        content: "";
        display: block;
        clear: both;
    }

    .culture_vision .vision_csr_box5 {
        padding-bottom: 240px;
    }

    .culture_vision .vision_csr_box5 h2 {
        display: block;
        font-size: 56px;
        line-height: 80px;
        color: #000;
        letter-spacing: -1.5px;
        font-weight: 700;
    }

    .culture_vision .vision_csr_box5 p {
        font-size: 22px;
        line-height: 34px;
        color: #000;
        font-weight: 700;
        margin-top: 24px;
    }

    .culture_vision .vision_csr_box5 .vision-csr-logo {
        margin: 94px -100px 0 -100px;
        display: flex;
        justify-content: space-between;
    }

    .culture_vision .vision_csr_box5 .file {
        align-self: flex-end;
    }

    .culture_vision .vision_csr_box5 .file .ci-down {
        margin-top: 26px;
        text-align: right;
    }

    .culture_vision .vision_csr_box5 .file .ci-down > a {
        position: relative;
        display: inline-block;
        font-size: 18px;
        line-height: 24px;
        color: #000;
        font-weight: 700;
        padding-left: 24px;
    }

    .culture_vision .vision_csr_box5 .file .ci-down > a:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        width: 24px;
        height: 24px;
        background-image: url("../images/common/icon-download_small.svg");
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .vision_csr .vision_csr_kv {
        padding-top: 80px;
        padding-bottom: 56px;
        background-color: #2B308F;
        background-image: url("../images/contents/company/vision_csr_kv.png");
        background-position: top right;
        background-repeat: no-repeat;
    }

    .vision_csr .vision_csr_kv .inner {
        padding-top: 0;
    }

    .vision_csr .vision_csr_title {
        padding-bottom: 128px;
        color: #FFF;
        font-family: Inter;
        font-size: 72px;
        font-style: normal;
        font-weight: 600;
        line-height: 84px; /* 116.667% */
        letter-spacing: -1.44px;
    }

    .vision_csr .vision_csr_sub_title {
        color: #FFF;
        font-family: "Pretendard Variable", Arial, sans-serif;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 40px; /* 133.333% */
        letter-spacing: -0.9px;
    }

    .vision_csr_box_header span {
        position: relative;
    }

    .vision_csr_box_header span:before {
        content: "";
        position: absolute;
        left: -37.13px;
        width: 17.87px;
        height: 62px;
        background-image: url("../images/contents/company/vision_csr_box_header_bracket.svg");
        background-repeat: no-repeat;
    }

    .vision_csr_box_header span:after {
        content: "";
        position: absolute;
        right: -36.13px;
        width: 17.87px;
        height: 62px;
        background-image: url("../images/contents/company/vision_csr_box_header_bracket.svg");
        background-repeat: no-repeat;
        rotate: 180deg;
    }

    .vision_csr .vision_csr_box1 .h2,
    .vision_csr .vision_csr_box2 .h2,
    .vision_csr .vision_csr_box3 .h2 {
        margin-bottom: 40px;
        color: #040000;
        text-align: center;
        font-family: Inter;
        font-size: 55px;
        font-style: normal;
        font-weight: 900;
        line-height: 64px; /* 116.364% */
        letter-spacing: -1.1px;
    }

    .vision_csr .vision_csr_box1 > .inner > p,
    .vision_csr .vision_csr_box2 > .inner > p,
    .vision_csr .vision_csr_box3 > .inner > p {
        margin-bottom: 56px;
        color: #040000;
        text-align: center;
        font-family: "Pretendard Variable", Arial, sans-serif;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 42px; /* 140% */
        letter-spacing: -0.9px;
    }

    .vision_csr .vision_csr_box1,
    .vision_csr .vision_csr_box3 {
        padding: 120px 0;
    }

    .vision_csr .vision_csr_box1 .vision_csr_box1_cont1 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        text-align: center;
        color: white;
    }

    .vision_csr .vision_csr_box1 .vision_csr_box1_cont1 div:first-child {
        padding-top: 56px;
        padding-bottom: 76px;
        mix-blend-mode: multiply;
        background-image: url("../images/contents/company/vision_csr_box1_cont1-1.png");
    }

    .vision_csr .vision_csr_box1 .vision_csr_box1_cont1 div:last-child {
        padding-top: 56px;
        padding-bottom: 76px;
        mix-blend-mode: multiply;
        background-image: url("../images/contents/company/vision_csr_box1_cont1-2.png");
    }

    .vision_csr .vision_csr_box1 .vision_csr_box1_cont1 div span:first-child {
        display: flex;
        justify-content: center;
        margin-bottom: 32px;
        font-family: "Pretendard Variable", Arial, sans-serif;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 56px; /* 175% */
        letter-spacing: -0.64px;

    }

    .vision_csr .vision_csr_box1 .vision_csr_box1_cont1 div span:last-child {
        font-family: "Pretendard Variable", Arial, sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px; /* 133.333% */
        letter-spacing: -0.48px;
    }

    .vision_csr .vision_csr_box2 .inner {
        padding-top: 120px;
        background-color: #F1F1F1;
    }

    .vision_csr .vision_csr_box1_cont2 {
        margin-top: 24px;
        margin-bottom: 120px;
        color: #2F338E;
        text-align: center;
        font-family: "Inter";
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 58px; /* 145% */
        letter-spacing: -1.2px;
    }

    .vision_csr .vision_csr_box1_cont2 span.vision_csr_box1_quote {
        position: relative;
    }

    .vision_csr .vision_csr_box1 .vision_csr_box1_cont2 span.vision_csr_box1_quote {
        font-family: "Noto Serif" !important;
    }

    .vision_csr .vision_csr_box1_cont2 span.vision_csr_box1_quote:before {
        content: '';
        position: absolute;
        top: -12px;
        left: -32px;
        width: 24px;
        height: 100%;
        background-image: url("../images/contents/company/vision_csr_box1_quote.svg");
        background-repeat: no-repeat;
    }


    .vision_csr .vision_csr_box1_cont2 span.vision_csr_box1_quote:after {
        content: '';
        position: absolute;
        bottom: -12px;
        right: -40px;
        width: 24px;
        height: 100%;
        background-image: url("../images/contents/company/vision_csr_box1_quote.svg");
        background-repeat: no-repeat;
        transform: rotate(180deg);
    }

    .vision_csr .vision_csr_slogan {
        display: flex;
        flex-direction: column;
        gap: 32px;
        margin-top: 24px;
        margin-bottom: 120px;
    }

    .vision_csr .vision_csr_slogan > div {
        display: grid;
        grid-template-columns: 98px auto;
        margin: 0 136px;
        border: 6px solid #2F338E;
        border-radius: 14px;
        text-align: center;
    }

    .vision_csr .vision_csr_slogan > div div:first-child {
        padding: 14px 0;
        background-color: #2F338E;
        color: #FFF;
        text-align: center;
        font-family: "Pretendard Variable", Arial, sans-serif;
        font-size: 27px;
        font-style: normal;
        font-weight: 700;
        line-height: 52px; /* 192.593% */
        letter-spacing: -0.54px;
    }

    .vision_csr .vision_csr_slogan > div div:last-child {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #040000;
        text-align: center;
        font-family: Inter;
        font-size: 38px;
        font-style: normal;
        font-weight: 700;
        line-height: 44px; /* 115.789% */
        letter-spacing: -0.76px;
    }

    .vision_csr .vision_csr_box2_cont1 {
        height: 752px;
        padding: 0 154px;
        color: white;
        background-color: #2B308F;
    }

    .vision_csr .vision_csr_box2_cont1 .slick-list,
    .vision_csr .vision_csr_box2_cont1 .slick-track {
        height: 100%;
    }

    .vision_csr .vision_csr_box2_cont1 .slick-slide {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .vision_csr .vision_csr_box3 > .inner > p {
        margin-bottom: 24px;
    }

    .vision_csr .vision_csr_box3_cont1_wrap {
        position: relative;
    }

    .vision_csr .vision_csr_box3_cont1 {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .vision_csr .vision_csr_box3_cont1 > div {
        padding: 64px 0;
        color: #040000;
        text-align: center;
        font-family: "Pretendard Variable", Arial, sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 37px; /* 154.167% */
        letter-spacing: -0.72px;
    }

    .vision_csr .vision_csr_box3_cont1 > div:hover {
        opacity: 0.8;

    }

    .vision_csr .vision_csr_box3_cont1 > div:nth-child(1),
    .vision_csr .vision_csr_box3_cont1 > div:nth-child(4) {
        background-color: #F1F1F1;
    }

    .vision_csr .vision_csr_box3_cont1 > div:nth-child(2),
    .vision_csr .vision_csr_box3_cont1 > div:nth-child(3) {
        background-color: #DADADA;
    }

    .vision_csr .vision_csr_box3_cont1 .vision_csr_box3_btn {
        display: flex;
        justify-content: center;
    }

    .vision_csr .vision_csr_box3_cont1 .vision_csr_box3_btn span {
        display: inline-block;
        margin-top: 24px;
        margin-bottom: 32px;
        padding: 2px 40px;
        border: 1px solid #313131;
        color: #040000;
        text-align: center;
        font-family: "Pretendard Variable", Arial, sans-serif;
        font-size: 19px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px; /* 126.316% */
        letter-spacing: -0.57px;
        border-radius: 22px;
    }

    .vision_csr .vision_csr_box3_cont1-1 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 271px;
    }

    .vision_csr .vision_csr_box3_cont1-1 img {
        width: 100%;
    }

    .vision_csr .vision_csr_box4 {
        padding: 60px 0 100px 0;
    }

    .vision_csr .vision_csr_box4 .h2 {
        margin: 64px 0;
        color: #040000;
        text-align: center;
        font-family: Faithfully;
        font-size: 132px;
        font-style: normal;
        font-weight: 400;
        line-height: 120px; /* 90.909% */
        letter-spacing: -3.96px;
    }

    .vision_csr .vision_csr_box4_cont1 {
        padding: 96px 0 0 0;
        background-color: #F8F7F5;
    }

    .vision_csr .vision_csr_box4_cont1_header span {
        display: flex;
        justify-content: center;
        color: #040000;
        text-align: center;
        font-family: "Pretendard Variable", Arial, sans-serif;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 43px; /* 143.333% */
        letter-spacing: -0.9px;
    }

    .vision_csr .vision_csr_box4_cont1 div img {
        width: 100%;
        object-fit: cover;
    }

    .vision_csr .vision_csr_box4_cont1-1 {
        background-color: #fff;
    }

    .vision_csr .vision_csr_box4_cont1-1 > div:first-child {
        position: relative;
    }

    .vision_csr .vision_csr_box4_cont1-1_header {
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-content: center;
        align-items: center;
        padding: 62px 40px;
        color: #040000;
        text-align: center;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        line-height: 24px; /* 133.333% */
        letter-spacing: -0.54px;
    }

    .vision_csr .vision_csr_box4_cont1-1_header > div:first-child {
        color: #040000;
        font-weight: 200;
    }

    .vision_csr .vision_csr_box4_cont1-1_header > div:last-child {
        font-weight: 600;
    }

    .vision_csr .vision_csr_box4_cont1_arrows {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .vision_csr .vision_csr_box4_cont1-1_cont {
        display: flex;
        flex-direction: column;
        gap: 16px;
        color: #040000;
        text-align: center;
        font-family: "Pretendard Variable", Arial, sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 37px; /* 154.167% */
        letter-spacing: -0.72px;
    }

    .vision_csr .vision_csr_box4_cont1-1_cont > div {
        display: grid;
        grid-template-columns: 1fr 1fr;
        height: 96px;
    }

    .vision_csr .vision_csr_box4_cont1-1_cont > div div {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .vision_csr .vision_csr_box4_cont1-1_cont > div div:first-child {
        background-color: #F1F1F1;
    }

    .vision_csr .vision_csr_box4_cont1-1_cont > div div:last-child {
        color: #fff;
        background-color: #2B308F;
    }

    .vision_csr .vision_csr_box5 {
        padding: 100px 0 145px 0;
    }

    .vision_csr .vision_csr_box5 .h2 {
        margin-top: 16px;
        color: #040000;
        text-align: center;
        font-family: Faithfully;
        font-size: 172px;
        font-style: normal;
        font-weight: 400;
        line-height: 178px; /* 103.488% */
        letter-spacing: -5.16px;
    }

    .vision_csr .vision_csr_box5 .h3 {
        color: #040000;
        text-align: center;
        font-family: Faithfully;
        font-size: 95px;
        font-style: normal;
        font-weight: 400;
        line-height: 98px; /* 103.158% */
        letter-spacing: -2.85px;
    }

    .vision_csr .vision_csr_box5_cont1 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        margin-top: 96px;
    }

    .vision_csr .vision_csr_box5_cont1_header {
        display: grid;
        grid-template-columns: 204px auto;
        color: #FFF;
        font-size: 34px;
        font-style: normal;
        font-weight: 800;
        line-height: 48px; /* 141.176% */
        letter-spacing: -1.02px;
    }

    .vision_csr .vision_csr_box5_cont1_header div:first-child {
        padding: 4px;
        background-color: #2B308F;
        text-align: center;
        font-family: Inter;
        font-weight: 800;
    }

    .vision_csr .vision_csr_box5_cont1_header div:last-child {
        padding: 4px 32px;
        background-color: #040000;
        font-family: "Pretendard Variable", Arial, sans-serif;
        font-weight: 600;
    }

    .vision_csr .vision_csr_box5_cont1-1 {
        width: 580px;
        height: 340px;
        background-image: url("../images/contents/company/vision_csr_box5_cont1-1.png");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .vision_csr .vision_csr_box5_cont1-2 {
        width: 580px;
        height: 340px;
        background-image: url("../images/contents/company/vision_csr_box5_cont1-2.png");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .vision_csr .vision_csr_box5_cont1-3 {
        width: 580px;
        height: 340px;
        background-image: url("../images/contents/company/vision_csr_box5_cont1-3.png");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .vision_csr .vision_csr_box5_cont1-4 {
        width: 580px;
        height: 340px;
        background-image: url("../images/contents/company/vision_csr_box5_cont1-4.png");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .vision_csr .vision_csr_box5_cont1_cont {
        height: 286px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFF;
        font-family: "Pretendard Variable", Arial, sans-serif;
        font-style: normal;
    }

    .vision_csr_arrows {
        display: flex;
        justify-content: center;
        margin: 56px 0;
        /*animation: vertical-shaking 2.5s infinite;*/
    }

    /*@keyframes vertical-shaking {*/
    /*    0% { transform: translateY(0) }*/
    /*    25% { transform: translateY(8px) }*/
    /*    50% { transform: translateY(-8px) }*/
    /*    75% { transform: translateY(8px) }*/
    /*    100% { transform: translateY(0) }*/
    /*}*/

    .vision_csr_btn {
        display: flex;
        justify-content: center;
    }

    .vision_csr_btn > span {
        display: inline-block;
        padding: 2px 40px;
        border: 1px solid #313131;
        color: #040000;
        text-align: center;
        font-family: "Pretendard Variable", Arial, sans-serif;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 48px;
        letter-spacing: -0.78px;
        border-radius: 22px;
    }

    .logo-color-list {
        display: flex;
    }

    .logo-color-list .color-item {
        position: relative;
        width: 150px;
        height: 150px;
        background: #000;
        text-align: center;
    }

    .logo-color-list .color-item + .color-item {
        margin-left: 24px;
    }

    .logo-color-list .color-item .item-inner {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 17px 20px;
        box-sizing: border-box;
    }

    .logo-color-list .color-item .color-name {
        font-size: 20px;
        line-height: 31px;
        color: #fff;
        font-weight: 500;
        letter-spacing: -0.88px;
    }

    .logo-color-list .color-item .color-code {
        font-size: 15px;
        line-height: 20px;
        color: rgba(255, 255, 255, 0.6);
        font-weight: 400;
    }

    .culture_tab_depth_1 {
        margin-top: 72px;
        font-size: 0;
        text-align: center;
        padding-bottom: 20px;
    }

    .culture_tab_depth_1 li {
        display: inline-block;
        position: relative;
        font-size: 24px;
        font-weight: 500;
        line-height: 40px;
        letter-spacing: -1px;
        box-sizing: border-box;
        padding: 0 20px;
    }

    .culture_tab_depth_1 li .h1,
    .culture_tab_depth_1 li h1 {
        display: inline-block;
        position: relative;
        font-size: 24px;
        font-weight: 500;
        line-height: 40px;
        letter-spacing: -1px;
    }

    .culture_tab_depth_1 li:before {
        content: "";
        display: block;
        width: 1px;
        height: 20px;
        background: #d4d4d4;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -10px;
    }

    .culture_tab_depth_1 li:first-child:before {
        content: none;
    }

    .culture_tab_depth_1 a {
        color: #888;
    }

    .culture_tab_depth_1 a.active {
        color: #000;
    }

    .culture .inner {
        width: 980px;
    }

    .culture .inner .tab_contents_all {
        position: relative;
    }

    .culture .inner .tab_contents_all .tab_cont {
        position: absolute;
    }

    .culture .contents_cont {
        max-width: 980px;
        box-sizing: border-box;
        padding: 60px 100px 0;
    }

    .culture .contents_cont h3 {
        font-size: 56px;
        font-weight: 700;
        line-height: 84px;
        letter-spacing: -1.5px;
        padding-top: 60px;
        padding-bottom: 72px;
    }

    .culture .contents_cont .sub_title {
        font-size: 28px;
        font-weight: 700;
        line-height: 44px;
        letter-spacing: -1px;
    }

    .culture .contents_cont .contents_txt {
        font-size: 18px;
        line-height: 32px;
        letter-spacing: -0.8px;
        margin: 20px 0 40px;
    }

    .culture .contents_cont .box {
        padding-top: 130px;
    }

    .culture .contents_cont .box.box_1 {
        padding-top: 0;
    }

    .culture .contents_cont .box.box_1 .img_wrap img + img {
        margin-top: 20px;
    }

    .culture .contents_cont .box.box_1 .img_wrap img + img + img {
        left: -470px;
        position: absolute;
        top: 892px;
    }

    .culture .contents_cont .box.box_1 .img_wrap img + img + img + img {
        left: auto;
        right: -40px;
        bottom: auto;
        top: 1188px;
    }

    .culture .contents_cont .box.box_2 .img_wrap,
    .culture .contents_cont .box.box_2 .img_wrap img {
        position: relative;
        display: block;
    }

    .culture .contents_cont .box.box_2 .img_wrap img:first-child,
    .culture .contents_cont .box.box_2 .img_wrap img:first-child + img + img {
        left: -570px;
        position: absolute;
        bottom: 0;
    }

    .culture .contents_cont .box.box_2 .img_wrap img:first-child + img + img {
        left: auto;
        right: -140px;
        bottom: auto;
        top: 0;
    }

    .culture .contents_cont .box.box_2 .img_wrap.social_welfare img:first-child {
        bottom: auto;
        top: 0;
    }

    .culture .contents_cont .box.box_3 .img_wrap.social_welfare {
        position: relative;
        margin-top: 100px;
        display: block;
    }

    .culture .contents_cont .box.box_3 .img_wrap.social_welfare img:first-child {
        left: -570px;
        position: absolute;
        top: 0;
    }

    .culture
    .contents_cont
    .box.box_3
    .img_wrap.social_welfare
    img:first-child
    + span {
        display: block;
        position: relative;
        left: 630px;
        bottom: auto;
    }

    .culture
    .contents_cont
    .box.box_3
    .img_wrap.social_welfare
    img:first-child
    + span
    img {
        position: relative;
        left: 0;
        bottom: auto;
    }

    .culture
    .contents_cont
    .box.box_3
    .img_wrap.social_welfare
    img:first-child
    + span
    strong,
    .culture
    .contents_cont
    .box.box_3
    .img_wrap.social_welfare
    img:first-child
    + span
    em {
        display: block;
    }

    .culture
    .contents_cont
    .box.box_3
    .img_wrap.social_welfare
    img:first-child
    + span
    strong {
        font-size: 18px;
        line-height: 32px;
        letter-spacing: -0.7px;
        color: #000;
        font-weight: 600;
        padding-top: 20px;
    }

    .culture
    .contents_cont
    .box.box_3
    .img_wrap.social_welfare
    img:first-child
    + span
    em {
        font-size: 18px;
        line-height: 32px;
        letter-spacing: -0.7px;
        color: #000;
        padding-top: 10px;
    }

    .culture
    .contents_cont
    .box.box_3
    .img_wrap.social_welfare
    img:first-child
    + span
    + img {
        margin-top: 160px;
    }

    .culture .contents_cont .box.box_4 .img_wrap.social_welfare {
        display: block;
        margin-top: 202px;
        position: relative;
    }

    .culture .contents_cont .box.box_4 .img_wrap.social_welfare img:first-child {
        left: -570px;
        position: absolute;
        top: 0;
    }

    .culture
    .contents_cont
    .box.box_4
    .img_wrap.social_welfare
    img:first-child
    + span {
        display: block;
        position: relative;
        left: 630px;
    }

    .culture
    .contents_cont
    .box.box_4
    .img_wrap.social_welfare
    img:first-child
    + span
    strong {
        font-size: 18px;
        line-height: 32px;
        letter-spacing: -0.7px;
        color: #000;
        font-weight: 600;
        padding-top: 0;
        display: block;
    }

    .culture
    .contents_cont
    .box.box_4
    .img_wrap.social_welfare
    img:first-child
    + span
    em {
        font-size: 18px;
        line-height: 32px;
        letter-spacing: -0.7px;
        color: #000;
        padding-top: 10px;
        display: block;
    }

    .culture
    .contents_cont
    .box.box_4
    .img_wrap.social_welfare
    img:first-child
    + span
    img {
        margin-top: 223px;
    }

    .culture .contents_cont .box.box_5 .img_wrap img + img {
        margin-top: 20px;
    }

    .culture .gallery {
        width: 1410px;
        margin: auto;
        position: relative;
        padding: 200px 0;
        -webkit-transform: translateX(-215px);
        transform: translateX(-215px);
    }

    .culture .gallery h2 {
        font-size: 56px;
        letter-spacing: -1px;
        line-height: 76px;
        font-weight: 700;
        text-align: center;
        padding-bottom: 25px;
    }

    .slider_wrap {
        overflow: hidden;
    }

    .culture .gallery .slider {
        width: 2820px;
    }

    .culture .gallery .slider:after,
    .culture .gallery .slider .slider_item:after {
        content: "";
        display: block;
        clear: both;
    }

    .culture .gallery .slider .slider_item {
        width: 1410px;
        float: left;
    }

    .culture .gallery .slider .slider_item span {
        display: block;
        float: left;
        width: 31.3%;
        box-sizing: border-box;
        margin: 1%;
        cursor: pointer;
        height: 300px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .culture .slider_arrow {
        position: absolute;
        width: 100%;
        top: 50%;
        margin-top: -40px;
    }

    .culture .slider_arrow button {
        font-size: 0;
        position: absolute;
        width: 24px;
        height: 81px;
        cursor: pointer;
    }

    .culture .slider_arrow button.arrow_prev {
        left: -61px;
        background-image: url("../images/contents/culture/button-gallery-prev.svg");
    }

    .culture .slider_arrow button.arrow_next {
        right: -61px;
        background-image: url("../images/contents/culture/button-gallery-next.svg");
    }

    .culture .slider_pagination {
        margin-top: 33px;
        text-align: center;
    }

    .culture .slider_pagination span {
        font-size: 0;
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        margin: 0 4px;
        background: #000;
        opacity: 0.2;
        cursor: pointer;
    }

    .culture .slider_pagination span.active {
        opacity: 1;
    }

    #gallery_popup {
        opacity: 0;
        overflow: hidden;
    }

    #gallery_popup .pop_close {
        width: 36px;
        height: 36px;
        top: -70px;
        right: 70px;
    }

    #gallery_popup .pop_close:before,
    #gallery_popup .pop_close:after {
        width: 20px;
        background: #fff;
        margin-left: -10px;
    }

    #gallery_popup .pop_cont {
        background: none;
        width: auto;
        -webkit-transform: none;
        transform: none;
        top: 0;
        padding: 0;
    }

    #gallery_popup .pop_cont .img_wrap {
        display: block;
        height: 75vh;
        text-align: center;
        margin-top: 5%;
    }

    #gallery_popup .pop_cont .img_wrap img {
        width: auto;
        height: 90%;
        position: absolute;
        left: 50%;
    }

    #gallery_popup .pop_cont .title {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        font-size: 24px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.7;
        letter-spacing: -0.7px;
        text-align: center;
        color: #fff;
        padding-top: 5px;
    }

    #gallery_popup .pop_cont .cont {
        margin: 0;
        font-family: "Noto Sans KR";
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.78;
        letter-spacing: -0.7px;
        text-align: center;
        color: #fff;
    }

    #gallery_popup .slider_nav button {
        background: #000;
        border: 1px #000 solid;
        position: absolute;
        top: 50%;
        margin-top: -31px;
        overflow: hidden;
    }

    #gallery_popup .slider_nav .slider_prev {
        left: 60px;
    }

    #gallery_popup .slider_nav .slider_next {
        right: 60px;
    }

    #gallery_popup .slider_nav button span {
        background: #fff;
        border-color: #fff;
    }

    #gallery_popup .slider_nav button i.default {
        background-image: url("../images/contents/main/left_arrow_on.svg");
    }

    #gallery_popup .slider_nav button i.on {
        background-image: url("../images/contents/main/left_arrow.svg");
    }

    #gallery_popup .slider_nav button + button i.default {
        background-image: url("../images/contents/main/right_arrow_on.svg");
    }

    #gallery_popup .slider_nav button + button i.on {
        background-image: url("../images/contents/main/right_arrow.svg");
    }

    .beWithUs .img_wrap {
        position: relative;
    }

    .beWithUs .finish #beWithUs_event_status {
        background-color: #adb5bd;
    }

    #beWithUs_event_status {
        position: absolute;
        background-color: #E20D3A;
        width: 58px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0;
        left: 0;
        font-weight: bold;
        font-size: 16px;
        line-height: 24px;
        color: #fff;
    }

    /* 대리점찾기 */
    .store {
        padding-top: 149px;
        overflow: hidden;
        height: 100%;
        box-sizing: border-box;
    }

    .store #location {
        position: fixed;
        top: 96px;
        left: 0;
        width: 100%;
        z-index: 1;
        background: #fff;
        box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    }

    .store #pc_location {
        position: fixed;
        top: 96px;
        left: 0;
        width: 100%;
        z-index: 1;
        background: #fff;
        box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    }

    .store .inner {
        width: 100%;
        box-sizing: border-box;
        position: relative;
        /*padding-left: 450px;*/
        height: 100%;
    }

    .store .store_list {
        position: absolute;
        top: 167px;
        left: 20px;
        z-index: 90;
        background: #fff;
        box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.20);
        width: 400px;
        max-height: calc(100vh - 202px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    .store .store_list .store_searchBox {
        width: 100%;
        box-sizing: border-box;
    }

    .store .store_list .search_title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px;
        border-bottom: 1px solid #ddd;
    }

    .store .store_list .search_title .h2 {
        color: #000;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
    }

    .store .store_list .search_title svg {
        cursor: pointer;
    }

    .search_title svg {
        cursor: pointer;
        transition: transform 0.25s ease;
    }

    .search_title svg.collapsed {
        transform: rotate(180deg);
    }

    .store .store_list .store_search_options {
        padding: 8px 16px;
    }

    .store .store_list .options_header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #000;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
    }

    .store .store_list .options_header > div {
        display: flex;
        align-items: center;
        gap: 4px;
        color: #666;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 32px; 
        cursor: pointer;
    }

    .store .store_list .store_searchBox .store_search_options ul {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        margin-top: 16px;
        list-style: none;
    }
    .store .store_list .store_searchBox .store_search_options ul:after {
        content: unset;
    }

    .store .store_list .store_searchBox .store_search_options ul li {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 76px;
        border: 1px solid #DDD;
        border-radius: 8px;
        font-size: 11px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px; 
        letter-spacing: -0.44px;
        color: #666666;
        cursor: pointer;
        transition: all 0.2s ease;
        text-align: center;
        box-sizing: border-box;
    }

    .store .store_list .store_searchBox .store_search_options ul li:hover {
        background-color: #DDDDDD;
    }

    .store .store_list .store_searchBox .store_search_options ul li.active {
        background-color: #E20D3A;
        border-color: #E20D3A;
        color: #fff;
    }

    /* 탭 UI 스타일 */
    .store .store_list .store_searchBox .search_tabs .tab_nav {
        display: flex;
        border-top: 1px solid #DDDDDD;
    }

    .store .store_list .store_searchBox .search_tabs .tab_btn {
        flex: 1;
        padding: 8px 16px;
        background: none;
        border: none;
        color: #000;
        cursor: pointer;
        transition: all 0.2s ease;
        position: relative;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
    }

    .store .store_list .store_searchBox .search_tabs .tab_btn:hover {
        background-color: #DDDDDD;
    }

    .store .store_list .store_searchBox .search_tabs .tab_btn.active {
        color: white;
        background-color: #E20D3A;
    }

    .store .store_list .store_searchBox .search_tabs .tab_content {
        display: none;
    }

    .store .store_list .store_searchBox .search_tabs .tab_content.active {
        display: block;
    }

    .store .store_list .store_searchBox .input_wrap {
        position: relative;
        display: block;
        width: 100%;
        padding: 12px 16px;
        border-bottom: 1px #DDDDDD solid;
        box-sizing: border-box;
        background-color: #E20D3A;
    }

    .store .store_list .store_searchBox .input_wrap button {
        width: 24px;
        height: 24px;
        position: absolute;
        right: 24px;
        top: 50%;
        transform: translateY(-50%);
        background-image: url("../images/common/store_searchBox-search.svg");
        font-size: 0;
        cursor: pointer;
    }

    .store .store_list .store_searchBox .input_wrap input {
        width: 100%;
        padding: 8px;
        border: 0;
        background: #fff;
        color: #000;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; 
    }

    .store .store_list .store_searchBox .input_wrap input::placeholder {
        color: #909090;
    }

    .store .map_area {
        width: 100%;
        height: calc(100vh - 134px);
        position: relative;
        background: #ccc;
    }

    .store .store_list .store_items {
        height: 100%;
        /*overflow: auto;*/
        box-sizing: border-box;
        padding-bottom: 100px;
    }

    .store .store_list .store_items li {
        position: relative;
        box-sizing: border-box;
        padding: 16px;
        padding-bottom: 0;
        color: #000;
        background: #fff;
        transition: 0.3s background ease-in;
        cursor: pointer;
    }
    .store .store_list .store_items li.selected {
        background: #f5f5f5;
        transition: 0.3s background ease-in;
    }
    .store .store_list .store_items li:hover {
        background-color: #F4F4F4
    }

    .store .store_list .store_items li:before {
        content: unset;
    }

    .store .store_list .store_items li > div {
        border-bottom: 1px #DDDDDD solid;
        padding-bottom: 16px;
    }

    .store .store_list .store_items li:last-child > div {
        border-bottom: none;
    }

    .store .store_list .store_items .store_item-sale_name {
        display: block;
        color: #000;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
    }

    .store .store_list .store_items .store_item-address {
        display: block;
        margin-top: 8px;
        color: #666;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; 
    }

    .store .store_list .store_items .store_item-tele_no {
        display: block;
        margin-top: 16px;
        color: #666;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

    .store .store_list .store_items .store_item-kinds {
        display: flex;
        flex-wrap: wrap;
        gap: 4px; 
        margin-top: 16px;
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px; 
    }
    .store .store_list .store_items .store_item-kinds:empty {
        margin-top: 0;
        height: 0;
        padding: 0;
    }
    .store .store_list .store_items .store_item-kinds span.sale_kind1 {
        color: #6446D5;
    }
    .store .store_list .store_items .store_item-kinds span.sale_kind2 {
        color: #4BB8DA;
    }
    .store .store_list .store_items .store_item-kinds span.sale_kind3 {
        color: #BDBDD2;
    }
    .store .store_list .store_items .store_item-kinds span.sale_kind4 {
        color: #4783C0;
    }
    .store .store_list .store_items .store_item-kinds span.sale_kind5 {
        color: #ADBD77;
    }
    .store .store_list .store_items .store_item-kinds span.sale_kind6 {
        color: #414ADA;
    }
    .store .store_list .store_items .store_item-kinds span.sale_kind7 {
        color: #D99C50;
    }
    .store .store_list .store_items .store_item-kinds span.sale_kind8 {
        color: #E07148;
    }
    .store .store_list .store_items .store_item-kinds span.sale_kind9 {
        color: #807F98;
    }

    .store .store_list .store_items .pagination {
        padding-right: 0;
        padding-top: 40px;
        border-top: 1px #eee solid;
    }

    .store .addressInfo {
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 20px;
        opacity: 0.75;
        border-radius: 4px;
        background-color: #000;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.71;
        letter-spacing: -0.7px;
        color: #fff;
        position: absolute;
        top: 167px;
        z-index: 9;
        right: 60px;
    }

    .store .getPosition {
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 8px;
        opacity: 0.75;
        border-radius: 4px;
        background-color: #000;
        color: #fff;
        position: absolute;
        top: 167px;
        z-index: 9;
        right: 10px;
        cursor: pointer;
    }

    #region-tab .region-info {
        padding: 16px;
        background-color: #E20D3A; 
        color: #FFF;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
    }
    #region-main-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    #region-main-list li,
    #region-sub-list li {
        cursor: pointer;
        padding: 16px;
        transition: background-color 0.3s;
        color: #000;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        border-bottom: 1px solid #ddd;
    }
    #region-main-list li:nth-child(odd){
        border-right: 1px solid #ddd;
    }   
    #region-main-list li:hover,
    #region-sub-list li:not(.back-button):hover {
        background-color: #f5f5f5;
        color: #000;
    }
    #region-main-list li.active,
    #region-sub-list li.active {
        background-color: #E20D3A;
        color: white;
    }
    #region-main-list li.active:hover,
    #region-sub-list li.active:hover {
        background-color: #E20D3A;
        color: white;
    }
    #region-sub-list li.back-button {
        display: flex;
        gap: 8px;
        align-items: center;
        background-color: #E20D3A;
        color: #FFF;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
    }
    #region-sub-list li.back-button:first-child {
        border-bottom: 1px solid #ddd;
    }

    /* 대리점 영역 팝업 */
    .pop_close {
        font-size: 0;
        position: absolute;
        right: 12px;
        top: 12px;
        width: 24px;
        height: 24px;
        cursor: pointer;
    }

    .pop_close:before,
    .pop_close:after {
        content: "";
        display: block;
        width: 20px;
        height: 1px;
        background: #000;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -10px;
    }

    .pop_close:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .pop_close:after {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    #store_info_pop .pop_close:before,
    #store_info_pop .pop_close:after {
        content: unset;
    }
    #store_info_pop .pop_close {
        right: 16px;
    }

    .store .store_info_pop {
        position: absolute;
        width: 640px;
        box-sizing: border-box;
        filter: drop-shadow(2px 2px 12px rgba(0, 0, 0, 0.20));
        background: #fff;
        padding: 48px 24px 40px;
        bottom: 65px;
        margin-left: -220px;
        border: 1px solid #000;
        z-index: 10;
    }

    .store .store_info_pop::before {
        content: "";
        position: absolute;

        left: 50%;
        bottom: -13px; 
        transform: translateX(-50%);

        width: 0;
        height: 0;

        border-left: 13px solid transparent;
        border-right: 13px solid transparent;
        border-top: 13px solid #000; 
    }

    .store .store_info_pop::after {
        content: "";
        position: absolute;

        left: 50%;
        bottom: -12px;
        transform: translateX(-50%);

        width: 0;
        height: 0;

        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #fff; 
    }

    .store .pop_cont .store_sale_name {
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
        margin-bottom: 16px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .store .store_info_pop .store_attribute {
        display: flex;
        flex-wrap: wrap;
        gap: 4px; 
        margin-bottom: 24px;
    }

    .store .store_info_pop .store_attribute em {
        display: inline-flex;
        height: 26px;
        padding: 1px 12px;
        font-size: 13px;
        line-height: 24px;
        font-weight: 700;
        border-radius: 24px;
        color: white;
    }

    .store .store_info_pop .store_attribute em.sale_kind1 {
        background-color: #6446D5;
    }
    .store .store_info_pop .store_attribute em.sale_kind2 {
        background-color: #4BB8DA;
    }
    .store .store_info_pop .store_attribute em.sale_kind3 {
        background-color: #BDBDD2;
    }
    .store .store_info_pop .store_attribute em.sale_kind4 {
        background-color: #4783C0;
    }
    .store .store_info_pop .store_attribute em.sale_kind5 {
        background-color: #ADBD77;
    }
    .store .store_info_pop .store_attribute em.sale_kind6 {
        background-color: #414ADA;
    }
    .store .store_info_pop .store_attribute em.sale_kind7 {
        background-color: #D99C50;
    }
    .store .store_info_pop .store_attribute em.sale_kind8 {
        background-color: #E07148;
    }
    .store .store_info_pop .store_attribute em.sale_kind9 {
        background-color: #807F98;
    }

    .store .store_info_pop .store_divider {
        width: 100%;
        height: 1px;
        background: #000FFF;
        margin-top: 0;
        margin-bottom: 24px;
    }

    .store .store_info_pop .store_info_inner {
        display: grid;
        grid-template-columns: 216px auto;
        gap: 24px;
    }

    .store .store_info_pop .store_image_gallery .main_image {
        width: 100%;
        aspect-ratio: 216 / 168;
        overflow: hidden;
        background: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .store .store_info_pop .store_image_gallery .main_image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .store .store_info_pop .store_image_gallery .thumbnail_container {
        width: 100%;
        overflow: hidden;
    }

    .store .store_info_pop .store_image_gallery .thumbnail_scroll {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 4px;
        margin-top: 8px;
    }

    .store .store_info_pop .store_image_gallery .thumbnail_scroll > div {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: #d4d4d4 #f5f5f5;
    }

    .store .store_info_pop .store_image_gallery .thumbnail_scroll > div::-webkit-scrollbar {
        height: 6px;
    }

    .store .store_info_pop .store_image_gallery .thumbnail_scroll > div::-webkit-scrollbar-track {
        background: #f5f5f5;
        border-radius: 3px;
    }

    .store .store_info_pop .store_image_gallery .thumbnail_scroll > div::-webkit-scrollbar-thumb {
        background: #d4d4d4;
        border-radius: 3px;
    }

    .store .store_info_pop .store_image_gallery .thumbnail_scroll > div::-webkit-scrollbar-thumb:hover {
        background: #b4b4b4;
    }

    .store .store_info_pop .store_image_gallery .thumbnail {
        width: 51px;
        height: 40px;
        object-fit: cover;
        border-radius: 4px;
        cursor: pointer;
        flex-shrink: 0;
        border: 2px solid transparent;
        transition: all 0.2s ease;
    }

    .store .store_info_pop .store_image_gallery .thumbnail:hover {
        border-color: #e0e0e0;
        opacity: 0.8;
    }

    .store .store_info_pop .store_image_gallery .thumbnail.active {
        border-color: #E20D3A;
        opacity: 1;
    }

    .store .store_info_pop .store_info_inner .store_details {
        display: flex;
        flex-direction: column;
        gap: 8px;
        white-space: pre-wrap;
        word-break: break-word;
    }
    .store .store_info_pop .store_info_inner .store_details > div {
        display: grid;
        grid-template-columns: 16px auto;
        gap: 8px;
        color: #585858;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; 
    }
    .store .store_info_pop .store_info_inner .store_details > div a {
        color: #585858;
    }
    .store .store_info_pop .store_info_inner .store_details > div span {
        width: 16px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .store .store_info_pop .store_info_inner .store_details > div svg {
        padding: 4px 0;
    }
    .store .store_info_pop .store_info_inner .store_details b {
        font-weight: 600;
    }
    
    /* 위치동의 팝업 */
    .location_agree_pop {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        overflow: hidden;
        z-index: 100;
    }

    .location_agree_pop:before {
        content: "";
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #000;
        opacity: 0.5;
    }

    .location_agree_pop .pop_cont {
        position: absolute;
        width: 340px;
        box-sizing: border-box;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
        background: #fff;
        padding: 50px 0 0;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .location_agree_pop .pop_txt {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -1px;
        margin-bottom: 30px;
        display: block;
        padding: 0 30px;
        text-align: center;
        font-weight: normal;
    }

    .location_agree_pop .btn_wrap {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        font-size: 0;
    }

    .location_agree_pop .btn_wrap span {
        display: inline-block;
        width: 50%;
        position: relative;
    }

    .location_agree_pop .btn_wrap span + span:before {
        content: "";
        display: block;
        left: 0;
        top: 0;
        width: 1px;
        height: 100%;
        background: rgba(0, 0, 0, 0.1);
        position: absolute;
    }

    .location_agree_pop .btn_wrap button {
        font-size: 16px;
        line-height: 56px;
        letter-spacing: -1px;
        text-align: center;
        display: inline-block;
        width: 100%;
        cursor: pointer;
    }

    .location_agree_pop .btn_wrap button i {
        font-weight: 500;
    }

    /* 대리점 이야기 */
    .story {
        padding-top: 96px;
    }

    .story .inner {
        padding-top: 160px;
        padding-bottom: 200px;
    }

    .story .inner .h2 {
        font-size: 56px;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: -1.5px;
    }

    .story .inner .h2 i {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
    }

    .story .inner ul {
        padding-top: 80px;
        width: 1240px;
        font-size: 0;
    }

    .story .inner ul li.empty_item {
        margin-top: -20px;
        position: relative;
    }

    .story .inner ul li.empty_item strong {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.78;
        color: #111;
        letter-spacing: -1px;
    }

    .story .inner ul li {
        width: 620px;
        display: inline-flex;
        margin-bottom: 100px;
        box-sizing: border-box;
        padding-left: 60px;
        position: relative;
        left: -60px;
    }

    .story .inner ul li a {
        color: #000;
    }

    .story .inner ul li a .img_wrap img {
        width: 100%;
    }

    .story .inner ul li a .img_wrap .storyViewImg {
        width: 560px;
        height: 373px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .story .inner ul li a i {
        display: block;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.43;
        letter-spacing: -0.7px;
        margin-top: 24px;
    }

    .story .inner ul li a .story_title {
        font-size: 32px;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: -1px;
        display: block;
        margin-top: 10px;
    }

    .story .inner ul li a .story_txt {
        font-size: 16px;
        line-height: 1.75;
        letter-spacing: -0.8px;
        font-weight: normal;
        display: block;
        margin-top: 10px;
    }

    .story .inner ul li a em {
        font-size: 16px;
        line-height: 1.88;
        opacity: 0.5;
        font-weight: normal;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        display: block;
        margin-top: 30px;
    }

    .story .pagination {
        margin-bottom: 200px;
        text-align: right;
    }

    /* 상세 공통 */
    .view_common {
        padding-top: 96px;
    }

    .view_common .inner {
        padding-top: 80px;
    }

    .view_common .view_contents {
        width: 780px;
        margin: auto;
    }

    .view_common .view_contents.w850 {
        width: 850px;
    }

    .view_common .view_contents.w1180 {
        width: 1180px;
    }

    .view_common .view_contents .title {
        position: relative;
        margin-bottom: 40px;
    }

    .view_common .view_contents .title strong,
    .view_common .view_contents .title h1 {
        font-size: 18px;
        line-height: 1.78;
        letter-spacing: -0.7px;
        font-weight: bold;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
    }

    .view_common .view_contents .title .h2 {
        font-size: 48px;
        font-weight: bold;
        line-height: 1.42;
        letter-spacing: -1.5px;
    }

    .view_common .view_contents .title em {
        font-size: 24px;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        font-weight: normal;
        line-height: 40px;
        letter-spacing: normal;
        opacity: 0.5;
    }

    .view_common .view_contents .contents_box {
        min-height: 100px;
        margin-bottom: 80px;
        font-size: 18px;
        font-weight: normal;
        line-height: 1.89;
        /*color: var(--black);*/
    }

    .view_common .view_contents .contents_box img {
        max-width: 100%;
    }

    .view_common .view_contents .download {
        display: block;
        color: #000;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -0.7px;
        padding-left: 18px;
        position: relative;
        font-weight: bold;
        margin-top: 20px;
    }

    .view_common .view_contents .download:before {
        content: "";
        display: block;
        position: absolute;
        width: 12px;
        height: 24px;
        left: 0;
        top: 0;
        background-image: url("../images/common/download.svg");
    }

    .construction_examples .next_story {
        margin-top: 100px;
    }

    .next_story {
        margin-top: 200px;
    }

    .next_story .h2 {
        font-size: 32px;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: -0.5px;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
    }

    .next_story.guide .h2,
    .next_story.guide h2 {
        font-family: "Noto Sans KR";
        font-size: 32px;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: -0.5px;
    }

    .next_story ul {
        padding-top: 40px;
        width: 1240px;
        font-size: 0;
        /*padding-bottom: 100px;*/
    }

    .next_story ul li {
        width: 620px;
        display: inline-flex;
        margin-bottom: 100px;
        box-sizing: border-box;
        padding-left: 60px;
        position: relative;
        left: -60px;
        vertical-align: top;
    }

    .culture.culture_vision .next_story ul li {
        width: 510px;
        display: inline-flex;
        margin-bottom: 100px;
        box-sizing: border-box;
        padding-left: 60px;
        position: relative;
        left: -60px;
        vertical-align: top;
    }

    .next_story ul li a {
        color: #000;
    }

    .next_story ul li a .img_wrap {
        position: relative;
        display: inline-block;
        background-color: black;
    }

    .next_story ul li a .img_wrap img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        object-fit: contain;
    }

    .next_story ul.col-2 li a .img_wrap {
        width: 560px;
        height: 373px;
        position: relative;
        display: inline-block;
    }


    .post-template-default .next_story ul li a .img_wrap img {
        width: 100%;
        height: 240px;
        object-fit: contain;
    }

    .next_story ul li a .next_story_img_wrap img {
        height: 300px;
        object-fit: cover;
    }

    .next_story ul li a i {
        display: block;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.43;
        letter-spacing: -0.7px;
        margin-top: 24px;
    }

    .next_story ul li a .title {
        font-size: 32px;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: -1px;
        display: block;
        margin-top: 10px;
    }

    .next_story ul li a .sub_title {
        font-size: 16px;
        line-height: 1.75;
        letter-spacing: -0.8px;
        font-weight: normal;
        display: block;
        margin-top: 10px;
    }

    .next_story ul li a .story_title {
        font-size: 32px;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: -1px;
        display: block;
        margin-top: 10px;
    }

    .culture_vision .next_story ul li a .story_title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-width: 450px;
        margin-top: 24px;
        margin-bottom: 10px;
        font-size: 32px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -1px;
        overflow: hidden;
    }

    .next_story ul li a .story_txt {
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: -0.8px;
        /*color: var(--black);*/
        word-break: keep-all;
    }

    .next_story ul li a .next_story_img_wrap .story_txt {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .next_story ul li a em {
        font-size: 16px;
        line-height: 1.88;
        opacity: 0.5;
        font-weight: normal;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        display: block;
        margin-top: 30px;
    }

    .next_story.item_col_3 ul {
        padding-bottom: 0;
        position: relative;
    }

    .next_story.item_col_3 ul li {
        width: 410px;
        vertical-align: top;
    }

    .next_story.item_col_3 ul li a {
        width: 100%;
    }

    .next_story.item_col_3 ul li a .title {
        font-size: 24px;
        line-height: 36px;
    }

    .next_story .btn_wrap {
        margin-bottom: 200px;
    }

    .culture .next_story .btn_wrap {
        max-width: 980px;
    }

    .next_story .btn_wrap .btn_more {
        width: 360px;
        line-height: 64px;
        height: 64px;
        box-sizing: border-box;
        font-size: 16px;
        letter-spacing: -0.5px;
        text-align: center;
        display: block;
        margin: auto;
        font-weight: bold;
    }

    
    .swiper-container-rtl .swiper-button-next {
        left: -50px;
    }

    
    .swiper-container-rtl .swiper-button-prev {
        right: -50px;
    }

    .related_products {
        margin-top: 120px;
    }

    .related_products .h2,
    .related_products h2 {
        font-size: 32px;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: -0.5px;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
    }

    .related_products ul {
        position: relative;
        margin-left: -20px;
        padding-top: 40px;
    }

    .related_products ul li {
        width: 300px;
        box-sizing: border-box;
        padding-left: 20px;
        float: left;
    }

    .related_products ul li .categories {
        display: block;
        font-size: 12px;
        color: rgba(0, 0, 0, 0.5);
        letter-spacing: -0.7px;
        line-height: 20px;
        margin-top: 20px;
    }

    .related_products ul li .categories i {
        display: inline-block;
        position: relative;
        margin-right: 4px;
    }

    .related_products ul li .categories i:before {
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        background-image: url("../images/common/icon-location.svg");
        vertical-align: inherit;
        background-repeat: no-repeat;
        padding-left: 4px;
    }

    .related_products ul li .categories i:first-child:before {
        content: none;
    }

    .related_products ul li .title {
        display: block;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: -0.7px;
        color: #000;
        margin-top: 8px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .related_products ul li .sub_title {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: -0.8px;
        color: #000;
        margin-top: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 46px;
    }

    .related_products ul li .img_wrap {
        display: block;
    }

    .related_products ul li .img_wrap img {
        width: 100%;
    }

    .related_products ul li .img_wrap .viewImg,
    .related_products ul li .img_wrap .storyViewImg {
        width: 280px;
        height: 280px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .notice_bottom_navigation {
        border-top: 1px rgba(0, 0, 0, 0.1) solid;
        padding-top: 21px;
        margin-bottom: 200px;
        margin-top: 60px;
    }

    .notice_bottom_navigation .btn_list {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        float: left;
        font-size: 14px;
        line-height: 20px;
        color: #000;
        letter-spacing: -0.5px;
        font-weight: bold;
    }

    .notice_bottom_navigation p {
        float: right;
        text-align: left;
    }

    .notice_bottom_navigation p span {
        display: inline-block;
        margin-left: 30px;
    }

    .notice_bottom_navigation p span:first-child {
        margin: 0;
    }

    .notice_bottom_navigation p span a {
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: -0.5px;
        color: #000;
        opacity: 0.3;
    }

    .notice_bottom_navigation p span a:hover,
    .notice_bottom_navigation p span a:focus {
        font-weight: bold;
        opacity: 1;
    }

    .notice_bottom_navigation p span a.prev_btn:before {
        content: "";
        width: 24px;
        height: 24px;
        background-image: url("../images/common/icon-arrow-prev-page.svg");
        margin-right: 4px;
        display: inline-block;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        top: -1px;
    }

    .notice_bottom_navigation p span a.next_btn:after {
        content: "";
        width: 24px;
        height: 24px;
        background-image: url("../images/common/icon-arrow-next-page.svg");
        margin-left: 4px;
        display: inline-block;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        top: -1px;
    }

    .notice_bottom_navigation:after {
        content: "";
        display: block;
        clear: both;
    }

    /* 분석 시스템 */

    /* 분석 시스템 상담 */
    .analytics_consulting {
        padding-top: 96px;
    }

    .analytics_consulting .inner {
        padding-top: 160px;
    }

    .analytics_consulting .page_tit {
        font-size: 56px;
        font-weight: bold;
        color: #000;
        line-height: 84px;
        letter-spacing: -1.5px;
        margin-bottom: 100px;
    }

    .analytics_consulting .page_subTit {
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -0.7px;
        font-weight: bold;
    }

    .analytics_consulting .contact_info {
        margin-top: 80px;
        font-size: 0;
    }

    /*.analytics_consulting .contact_info:after{width:100%;display: block;height:480px;background-image: url('../images/img-customer-analysis-consulting.png');margin-top:80px;}*/
    .analytics_consulting .contact_info li {
        display: inline-block;
        font-size: 18px;
        line-height: 34px;
        font-weight: 500;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        vertical-align: top;
        padding-left: 92px;
        box-sizing: border-box;
    }

    .analytics_consulting.cs_consulting .contact_info:after {
        background-image: url("../images/contents/customer/img-customer-cs.png");
        background-size: 100%;
    }

    .analytics_consulting .contact_info li {
        display: inline-block;
        font-size: 18px;
        line-height: 34px;
        font-weight: 500;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        vertical-align: top;
        padding-left: 74px;
        box-sizing: border-box;
    }

    .analytics_consulting .contact_info li:first-child {
        padding-left: 0;
    }

    .analytics_consulting.cs_consulting .contact_info li:first-child {
        padding-right: 363px;
    }

    .analytics_consulting.cs_consulting .contact_info li:first-child span {
        font-family: "Noto Sans KR";
        letter-spacing: -1px;
        font-weight: normal;
    }

    .analytics_consulting.cs_consulting .category_select {
        width: 100%;
        border: 1px rgba(0, 0, 0, 0.1) solid;
        line-height: 58px;
        height: 58px;
    }

    .analytics_consulting.cs_consulting .category_select .category_toggle,
    .analytics_consulting.cs_consulting .category_select .area_toggle {
        font-size: 18px;
        letter-spacing: -0.7px;
        padding: 0 20px;
        line-height: 58px;
        height: 58px;
    }

    .analytics_consulting.cs_consulting .category_select .category_list,
    .analytics_consulting.cs_consulting .category_select .area_list {
        z-index: 10;
    }

    .analytics_consulting.cs_consulting .category_select .area_list {
        height: 319px;
        overflow-y: auto;
    }

    .analytics_consulting.cs_consulting .category_select .category_list li button,
    .analytics_consulting.cs_consulting .category_select .area_list li button {
        font-size: 18px;
        letter-spacing: -0.7px;
        padding: 0 20px;
        line-height: 58px;
        height: 58px;
    }

    .analytics_consulting .contact_info li em {
        display: block;
        font-size: 14px;
        color: #000;
        opacity: 0.5;
    }

    .analytics_consulting .contact_info li span {
        display: block;
    }

    .analytics_consulting .consulting_contents_line {
        width: 100%;
        display: block;
        height: 1px;
        background: #ccc;
        margin-top: 80px;
    }

    .newsletter-sub .newsletter-sub_form,
    .analytics_consulting .consulting_form {
        position: relative;
        box-sizing: border-box;
        margin-top: 56px;
        margin-bottom: 200px;
    }

    .newsletter-sub .newsletter-sub_form .download,
    .analytics_consulting .consulting_form .download {
        font-weight: bold;
        position: relative;
        display: inline-block;
        box-sizing: border-box;
        padding-left: 18px;
        line-height: 24px;
        color: #000;
        margin-top: 10px;
    }

    .newsletter-sub .newsletter-sub_form .download:before,
    .analytics_consulting .consulting_form .download:before {
        content: "";
        display: block;
        position: absolute;
        width: 12px;
        height: 24px;
        background-image: url("../images/common/download.svg");
        left: 0;
        top: 0;
    }

    .newsletter-sub .newsletter-sub_form .form_subTit,
    .analytics_consulting .consulting_form .form_subTit {
        font-size: 18px;
        line-height: 34px;
        letter-spacing: -0.7px;
        margin-bottom: 104px;
    }

    .newsletter-sub .newsletter-sub_form .form_subTit .form_ui,
    .analytics_consulting .consulting_form .form_subTit .form_ui {
        margin-top: 10px;
    }

    .newsletter-sub .newsletter-sub_form .form_subTit .form_ui > a + a,
    .analytics_consulting .consulting_form .form_subTit .form_ui > a + a {
        margin-left: 32px;
    }

    .newsletter-sub_form_guide{
        width: 780px;
        margin: 0 auto 36px;
        padding: 24px;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px;
        text-align: center;
    }
    .consulting_form_guide {
        width: 780px;
        margin: 0 auto 36px;
        padding: 24px;
        background-color: #fafafa;
        font-size: 15px;
    }
    .newsletter-sub_form_guide p{
        margin-bottom: 16px;
    }
    .consulting_form_guide p {
        margin-bottom: 16px;
        font-weight: 700;
    }
    .newsletter-sub_form_guide a,
    .consulting_form_guide a {
        color: #E20D3A;
        font-weight: 700;
        text-decoration: underline;
        text-underline-offset: 2px;
    }

    .newsletter-sub .newsletter-sub_form .h2,
    .analytics_consulting .consulting_form .h2 {
        width: 780px;
        margin: 0 auto 20px;
        font-size: 24px;
        font-weight: bold;
        line-height: 36px;
    }

    .newsletter-sub .newsletter-sub_form .form_area,
    .analytics_consulting .consulting_form .form_area {
        width: 780px;
        margin: 0 auto;
    }

    .request .consulting_form .form_area {
        margin-bottom: 48px;
    }

    .newsletter-sub .newsletter-sub_form .form_area dl,
    .analytics_consulting .consulting_form .form_area dl {
        padding-left: 200px;
        box-sizing: border-box;
        position: relative;
        margin-bottom: 20px;
    }

    .analytics_consulting .consulting_form .form_area dl > em {
        display: block;
        margin-top: 16px;
    }

    .newsletter-sub .newsletter-sub_form .form_area dl dt,
    .analytics_consulting .consulting_form .form_area dl dt {
        position: absolute;
        left: 0;
        top: 16px;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: -0.7px;
    }

    .newsletter-sub .newsletter-sub_form .form_area dl dt.must_write:after,
    .analytics_consulting .consulting_form .form_area dl dt.must_write:after {
        content: "";
        width: 6px;
        height: 6px;
        position: relative;
        display: inline-block;
        background: #E20D3A;
        vertical-align: top;
        margin-left: 4px;
        border-radius: 50%;
    }

    .newsletter-sub .newsletter-sub_form .form_area dl dd,
    .analytics_consulting .consulting_form .form_area dl dd {
        min-height: 60px;
    }

    .newsletter-sub .newsletter-sub_form .form_area dl dd label {
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 36px;
    }
    .analytics_consulting .consulting_form .form_area dl dd label {
        font-size: 18px;
        line-height: 28px;
        margin-top: 14px;
        margin-right: 36px;
    }
    .newsletter-sub .newsletter-sub_form .form_area dl dd label.file,
    .analytics_consulting .consulting_form .form_area dl dd label.file {
        margin-right: 0;
        margin-top: 0;
    }

    .newsletter-sub .newsletter-sub_form .form_area dl dd .input_wrap,
    .analytics_consulting .consulting_form .form_area dl dd .input_wrap {
        width: 100%;
        display: block;
    }

    .newsletter-sub .newsletter-sub_form .form_area dl dd select#ccArea,
    .analytics_consulting .consulting_form .form_area dl dd select#ccArea {
        height: 60px;
        border: 1px solid black;
        color: #000000;
        font-size: 18px;
        letter-spacing: -0.7px;
        padding: 0 20px;
        line-height: 58px;
        cursor: pointer;
    }

    .newsletter-sub
    .newsletter-sub_form
    .form_area
    dl
    dd
    .input_wrap
    input[type="text"]:read-only,
    .analytics_consulting
    .consulting_form
    .form_area
    dl
    dd
    .input_wrap
    input[type="text"]:read-only {
        background: #f5f5f5;
    }

    .newsletter-sub .category_select .category_toggle,
    .newsletter-sub
    .newsletter-sub_form
    .form_area
    dl
    dd
    .input_wrap
    input[type="text"],
    .newsletter-sub .newsletter-sub_form .form_area dl dd .input_wrap textarea,
    .analytics_consulting
    .consulting_form
    .form_area
    dl
    dd
    .input_wrap
    input[type="text"],
    .analytics_consulting .consulting_form .form_area dl dd .input_wrap textarea {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        width: 100%;
        border: 1px rgba(0, 0, 0, 0.1) solid;
        line-height: 30px;
        padding: 15px 20px;
        font-size: 18px;
        letter-spacing: -0.7px;
        height: 60px;
    }

    .newsletter-sub .newsletter-sub_form .form_area dl dd .input_wrap textarea,
    .analytics_consulting .consulting_form .form_area dl dd .input_wrap textarea {
        height: 360px;
    }

    .newsletter-sub
    .newsletter-sub_form
    .form_area
    dl
    dd
    .input_wrap
    input[type="text"]::placeholder,
    .analytics_consulting
    .consulting_form
    .form_area
    dl
    dd
    .input_wrap
    input[type="text"]::placeholder {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        color: rgba(0, 0, 0, 0.3);
    }

    .newsletter-sub
    .newsletter-sub_form
    .form_area
    dl
    dd
    .input_wrap
    textarea::placeholder,
    .analytics_consulting
    .consulting_form
    .form_area
    dl
    dd
    .input_wrap
    textarea::placeholder {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        color: rgba(0, 0, 0, 0.3);
    }

    .newsletter-sub
    .newsletter-sub_form
    .form_area
    dl
    dd
    .input_wrap
    input[type="text"]:focus,
    .newsletter-sub
    .newsletter-sub_form
    .form_area
    dl
    dd
    .input_wrap
    input[type="text"]:hover,
    .analytics_consulting
    .consulting_form
    .form_area
    dl
    dd
    .input_wrap
    input[type="text"]:focus,
    .analytics_consulting
    .consulting_form
    .form_area
    dl
    dd
    .input_wrap
    input[type="text"]:hover {
        border: 1px rgba(0, 0, 0, 1) solid;
        color: rgba(0, 0, 0, 1);
    }

    .form-input-info {
        margin-top: 15px;
        font-size: 15px;
        line-height: 23px;
    }

    .form-input-info > em {
        color: #e10f49;
    }

    .newsletter-sub .newsletter-sub_form .post_address,
    .analytics_consulting .consulting_form .post_address {
        box-sizing: border-box;
        padding-right: 138px;
        position: relative;
        margin-bottom: 10px;
    }

    .newsletter-sub .newsletter-sub_form .post_address + .input_wrap,
    .analytics_consulting .consulting_form .post_address + .input_wrap {
        margin-bottom: 10px;
        background: #f5f5f5;
    }

    .newsletter-sub .newsletter-sub_form .post_address .btn_post,
    .analytics_consulting .consulting_form .post_address .btn_post {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        width: 128px;
        position: absolute;
        right: 0;
        top: 0;
    }

    .newsletter-sub .newsletter-sub_form .btn_submit,
    .analytics_consulting .consulting_form .btn_submit {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        width: 280px;
        height: 64px;
        line-height: 64px;
        text-align: center;
        color: #fff;
        cursor: pointer;
        font-size: 18px;
        background: #000;
        margin: 40px auto 0;
        display: block;
        -webkit-transition: 0.3s ease background;
        transition: 0.3s ease background;
    }
    .newsletter-sub .newsletter-sub_form .input_group .btn_submit,
    .request .consulting_form .input_group .btn_submit {
        margin: 0;
        height: 60px;
    }

    .newsletter-sub .newsletter-sub_form .btn_submit:hover,
    .newsletter-sub .newsletter-sub_form .btn_submit:focus,
    .analytics_consulting .consulting_form .btn_submit:hover,
    .analytics_consulting .consulting_form .btn_submit:focus {
        background: #E20D3A;
        -webkit-transition: 0.3s ease background;
        transition: 0.3s ease background;
    }

    .analytics_consulting .img_wrap {
        padding-top: 100px;
        display: block;
    }


    .analytics_consulting .img_wrap img {
        width: 100%;
    }

    .analytics_consulting .img_wrap_nopad {
        padding-top: 0;
        display: block;
    }

    .analytics_consulting .img_wrap_nopad img {
        width : 100%
    }

    .newsletter-sub .agree_area {
        margin-top: 0;
    }

    .newsletter-sub .interest_checkboxes div:nth-child(2) {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 2px;
        row-gap: 10px;
    }

    .newsletter-sub .interest_checkboxes label {
        display: block;
        position: relative;
        padding-left: 32px;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        cursor: pointer;
    }
    .newsletter-sub .interest_checkboxes input {
        position: absolute;
        width: 0;
        height: 0;
        opacity: 0;
        cursor: pointer;
    }
    .newsletter-sub .interest_checkboxes span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        height: 20px;
        width: 20px;
        border: 2px solid #E5E5E5;
        background-color: #fff;
    }
    .newsletter-sub .interest_checkboxes label:hover input ~ span {
        opacity: 0.8;
    }
    .newsletter-sub .interest_checkboxes label input:checked ~ span {
        border: 2px solid black;
        background-color: black;
    }
    .newsletter-sub .interest_checkboxes label span:after {
        content: url("../images/common/icon-24-check-on.svg");
        position: absolute;
        left: -2px;
        top: -2px;
        display: none;
        width: 24px;
        height: 24px;
    }
    .newsletter-sub .interest_checkboxes label input:checked ~ span:after {
        display: block;
    }

    .agree_area {
        margin-top: 80px;
    }

    .agree_area label {
        font-weight: 600;
    }

    .agree_area .agree_txt {
        background: #fafafa;
        box-sizing: border-box;
        padding: 30px 30px 20px 30px;
        white-space: pre-line;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.7px;
        color: rgba(0, 0, 0, 0.7);
        margin-top: 20px;
    }

    .agree_area .h3 {
        font-size: 18px;
        line-height: 36px;
        letter-spacing: -0.7px;
        font-weight: 600;
    }

    .agree_checkbox_area {
        display: flex;
        flex-direction: column;
        padding: 0 30px 30px 30px;
        background: #fafafa;
        /*padding-top: 10px;*/
        /*background: #fff;*/
        /*border-top: 2px #f5f5f5 solid;*/
    }

    .agree_checkbox_area .agree_all {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 25px;
        padding-bottom: 18px;
        border-bottom: 1px solid #e5e5e5;
    }

    .agree_checkbox_area .checkbox input + .lbl,
    .agree_checkbox_area .radio input + .lbl {
        margin-top: -3px;
    }

    .agree_checkbox_area .agree_list {
        display: flex;
        line-height: 24px;
        padding: 3px 0;
    }

    .agree_checkbox_area .agree_list .agree_title {
        max-width: 588px;
        margin-right: 18px;
        font-weight: 500;
    }

    .agree_checkbox_area .agree_list .agree_title span {
        color: #E20D3A;
    }

    .agree_checkbox_area .agree_list label {
        margin-right: 18px;
    }

    /* 고객상담 공지 박스*/
    .notice_area {
        margin-top: 50px;
        margin-bottom: 50px;
        max-width: 780px; /* 원하는 너비로 설정 */
        margin-left: auto;
        margin-right: auto; /* 가운데 정렬 */
        width: 100%; /* 반응형 유지를 위한 설정 */
    }

    .notice_area label {
        font-weight: 600;
    }

    .notice_area .notice_txt {
        background: #fafafa;
        box-sizing: border-box;
        padding: 10px 50px 30px 50px;
        white-space: pre-line;
        font-size: 22px;
        font-weight: 510;
        line-height: 36px;
        text-align: center;
        letter-spacing: -0.7px;
        color: rgba(0, 0, 0, 0.7);
        margin-top: 10px;
    }

    .notice_area .notice_txt strong {
        color: #E20D3A;
        display: block;
        margin-top: 0;
        line-height: 1.2;
    }

    /* IR 공고*/
    .ir {
        padding-top: 96px;
    }

    .ir .inner {
        padding-top: 160px;
        padding-bottom: 200px;
    }

    .ir .inner h2 {
        font-size: 56px;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: -1.5px;
    }

    .ir .inner .common_tab {
        margin-top: 56px;
    }

    .ir.stock .inner .tab_contents_wrap {
        position: relative;
        height: 1251px;
    }

    .ir .inner .stock_info_wrap {
        margin: 100px 0 0;
        width: 100%;
        position: absolute;
    }

    .ir .inner .info_disclosure {
        width: 744px;
        margin: 90px auto 0;
        height: 938px;
        position: relative;
    }

    .ir .inner .culture_tab_depth_1 {
        margin-top: 136px;
    }

    .ir .inner .pagination {
        margin-top: 100px;
    }

    .ir .inner .recruit_banner {
        margin-top: 200px;
    }

    .ir .inner .recruit_banner .banner {
        display: block;
        height: 240px;
        background-image: url("../images/contents/ir/img_notice_banner.png");
        color: #fff;
        position: relative;
        box-sizing: border-box;
        padding: 70px 80px;
    }

    .ir .inner .recruit_banner .banner strong {
        font-size: 40px;
        line-height: 56px;
        letter-spacing: -1.5px;
    }

    .ir .inner .recruit_banner .banner strong + span {
        display: block;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.7px;
    }

    .ir .inner .recruit_banner .banner span i {
        display: inline-block;
        line-height: 36px;
    }

    .ir .inner .recruit_banner .banner span i + i {
        margin-left: 20px;
    }

    .ir .inner .recruit_banner .banner span a {
        color: #fff;
    }

    .ir .inner .recruit_banner .banner span i:after {
        content: "";
        width: 36px;
        height: 36px;
        background-image: url("../images/common/icon-rightwards.svg");
        display: inline-block;
        vertical-align: top;
        position: relative;
    }

    /* IR 공시정보관리규정 */
    .ir .rules_wrap {
        padding-top: 60px;
        border-top: 1px #eee solid;
        margin-top: 76px;
        box-sizing: border-box;
        padding-left: 300px;
        position: relative;
    }

    .ir .rules_wrap h5 {
        font-size: 16px;
        line-height: 30px;
        color: #000;
        letter-spacing: -0.6px;
        font-weight: 400;
    }

    .ir .rules_wrap .rules_nav {
        position: absolute;
        left: 50%;
        top: 60px;
        width: 300px;
        line-height: 24px;
        margin-left: -590px;
    }

    .ir .rules_wrap .rules_nav li {
        position: relative;
        box-sizing: border-box;
        padding-left: 60px;
        margin-bottom: 16px;
        width: 230px;
    }

    .ir .rules_wrap .rules_nav li i {
        position: absolute;
        left: 0;
        top: 0;
    }

    .ir .rules_wrap .rules_nav a {
        color: rgba(0, 0, 0, 0.3);
        font-size: 16px;
        line-height: 24px;
        font-weight: bold;
        letter-spacing: -0.7px;
    }

    .ir .rules_wrap .rules_nav li.active a {
        color: rgba(0, 0, 0, 1);
    }

    .ir .rules_wrap .rules_nav p {
        margin-bottom: 116px;
    }

    .ir .rules_wrap .rules_nav p a {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: -0.7px;
        color: #000;
    }

    .ir .rules_wrap .rules_nav p a:before {
        content: "";
        display: inline-block;
        width: 12px;
        height: 24px;
        background-image: url("../images/common/download.svg");
        margin-right: 6px;
        vertical-align: text-top;
    }

    .ir .rules_wrap .rules_contents {
        margin-top: 80px;
        font-size: 16px;
        line-height: 30px;
        letter-spacing: -0.6px;
    }

    .ir .rules_wrap .rules_contents .rulse_txt {
        padding-bottom: 0px;
    }

    .ir .rules_wrap .rules_contents .last_line {
        padding-bottom: 0px;
    }

    .ir .rules_wrap .rules_contents .rulse_txt > div {
        position: relative;
        margin-bottom: 70px;
        padding-bottom: 70px;
    }

    .ir .rules_wrap .rules_contents .content_wrap {
        overflow: hidden;
    }


    .ir .rules_wrap .rules_contents .rulse_txt > div.rulse_09 {
        padding-bottom: 0px;
        margin-bottom: 0;
    }

    .ir .rules_wrap .rules_contents h1 {
        font-size: 24px;
        font-weight: bold;
        line-height: 36px;
        letter-spacing: -0.7px;
        color: #000;
        margin-bottom: 30px;
        padding-top: 100px;
    }

    .ir .rules_wrap .rules_contents h1:first-child {
        padding-top: 0;
    }

    .ir .rules_wrap .rules_contents h1 i {
        display: inline-block;
        margin-right: 10px;
    }

    .ir .rules_wrap .rules_contents div {
        padding-bottom: 30px;
    }

    .ir .rules_wrap .rules_contents h3 {
        position: relative;
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        color: #000;
        box-sizing: border-box;
        padding-left: 84px;
        margin-bottom: 30px;
        margin-top: 60px;
    }

    .ir .rules_wrap .rules_contents h4 {
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        color: #000;
        box-sizing: border-box;
        margin-bottom: 30px;
        margin-top: 100px;
    }

    .ir .rules_wrap .rules_contents h1 + h3 {
        margin-top: 0;
    }

    .ir .rules_wrap .rules_contents h3 em {
        position: absolute;
        left: 0;
        top: 0;
    }

    .ir .rules_wrap .rules_contents h5 {
        font-size: 16px;
        margin-bottom: 10px;
        color: #000;
        font-weight: 900;
    }

    .ir .rules_wrap .rules_contents ol li {
        box-sizing: border-box;
        padding-left: 100px;
        position: relative;
        font-size: 16px;
        line-height: 30px;
        color: #000;
        margin-top: 10px;
    }

    .ir .rules_wrap .rules_contents ol li em {
        position: absolute;
        left: 0;
        top: 0;
        box-sizing: border-box;
        padding-left: 40px;
    }

    .ir .rules_wrap .rules_contents ol li ol li {
        padding-left: 60px;
    }

    .ir .rules_wrap .rules_contents ol li ol li em {
        padding-left: 0;
    }

    .ir .rules_wrap .rules_contents .btn_more {
        font-size: 0;
        display: block;
        width: 44px;
        height: 44px;
        cursor: pointer;
        background-image: url("../images/common/btn-expand-nor.svg");
        border: 0;
        margin: 0px auto;
        background-color: #fff;
        position: absolute;
        left: 50%;
        bottom: 0;
        margin-left: -22px;
    }

    .ir .rules_wrap .rules_contents .btn_more:hover,
    .ir .rules_wrap .rules_contents .btn_more:focus {
        background-image: url("../images/common/button-btn-expand-hover.svg");
        background-color: #fff;
    }

    /* company esg */
    .company_esg .inner .h2 {
        font-size: 56px;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: -1.5px;
    }

    .company_esg .esg_title {
        text-align: center;
    }

    .company_esg .inner .sub_title {
        font-size: 20px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: -1px;
        color: #000;
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .company_esg .inner {
        padding-top: 160px;
        padding-bottom: 120px;
    }

    .company_esg .inner .culture_tab_depth_1 {
        margin-top: 0;
        padding-bottom: 76px;
        text-align: left;
    }

    .company_esg .inner .culture_tab_depth_1 li:first-child {
        padding-left: 0;
    }

    .company_esg .inner .sub_title {
        font-size: 20px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: -1px;
        color: #000;
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .company_esg .esg_csr_box1 .inner {
        padding-top: 80px;
        padding-bottom: 0;
    }

    .company_esg .esg_csr_box1 .esg_csr_box1_cont {
        display: flex;
        margin-bottom: 120px;
        gap: 240px;
    }

    .company_esg .esg_csr_box1 .esg_csr_box1_cont p {
        color: #000;
        font-family: Noto Sans KR;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 52px;
        letter-spacing: -1.5px;
    }

    .company_esg .esg_csr_box1 .esg_csr_box1_cont span {
        color: #000;
        font-family: Noto Sans KR;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: -1.5px;
    }

    .company_esg .esg_csr_box1 .esg_csr_box1_img_wrap {
        display: flex;
        justify-content: center;
    }

    .company_esg .esg_csr_box1 img {
        width: 100%;
        max-width: 1042px;
    }

    .company_esg .esg_csr_box2 .inner {
        padding-top: 80px;
        padding-bottom: 0;
    }

    .company_esg .esg_csr_box2 img {
        width: 100%;
    }

    .company_esg .inner .esg_table .h5 {
        font-size: 24px;
        font-weight: bold;
        line-height: 36px;
        letter-spacing: -0.7px;
        color: #000;
        margin-bottom: 20px;
        /*padding-top: 100px;*/
    }

    .company_esg .inner .esg_table table {
        border-top: 1px #000 solid;
    }

    .company_esg .inner .esg_table table thead {
        background: #fafafa;
    }

    .company_esg .inner .esg_table table thead th,
    .company_esg .inner .esg_table table tbody td {
        border-bottom: 1px #ccc solid;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.8px;
    }

    .company_esg .inner .esg_table table thead th {
        padding: 12px 0;
    }

    .company_esg .inner .esg_table table tbody td {
        padding: 33px 0;
        text-align: center;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -1px;
        color: #000;
        font-weight: 500;
    }

    .company_esg .inner .esg_table table tbody td strong {
        font-size: 18px;
    }

    .company_esg .inner .esg_table table tbody td i {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
    }

    .company_esg .inner .esg_table table.rank td {
        padding: 26px;
    }

    .company_esg .inner .esg_table table.rank td img {
        margin: 4px 0;
    }

    .company_esg .inner .esg_table p {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.7px;
        margin-top: 20px;
    }


    .company_esg .vision_csr_box1 {
        position: relative;
        /*padding-top: 200px;*/
        height: 549px;
        box-sizing: border-box;
        background-image: url("../images/contents/culture/img-csr-vision-1-1.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .company_esg .vision_csr_box1 .inner {
        width: 1080px;
        padding-top: 80px !important;
    }

    .company_esg .vision_csr_box1 .inner h5 {
        font-size: 0;
        width: 100%;
        height: 108px;
        background-size: 100%;
        background-image: url("../images/contents/culture/img-csr-vision-1-2.png");
    }

    .company_esg .vision_csr_box1 .inner p {
        font-size: 22px;
        text-align: center;
        line-height: 1.55;
        letter-spacing: -1.5px;
        font-weight: bold;
        color: #fff;
        margin: 20px 0 84px;
    }

    .company_esg .vision_csr_box1 .inner ul {
        font-size: 0;
        position: relative;
        margin-left: -30px;
    }

    .company_esg .vision_csr_box1 .inner ul li {
        display: inline-block;
        width: 33.3333%;
        box-sizing: border-box;
        padding: 0 30px;
    }

    .company_esg .vision_csr_box1 .inner ul li .img_wrap img {
        width: 100%;
    }

    .company_esg .vision_csr_box1 .inner ul li span {
        display: block;
        box-sizing: border-box;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -1px;
        height: 80px;
        width: 100%;
        padding: 22px 24px;
        color: #fff;
        text-align: left;
        position: relative;
    }

    .company_esg .vision_csr_box1 .inner ul li span:after {
        content: "";
        width: 48px;
        height: 48px;
        top: 50%;
        margin-top: -24px;
        right: 16px;
        background-image: url("../images/contents/culture/icon-arrow-icon-rightwards-wh.svg");
        position: absolute;
    }

    .company_esg .vision_csr_box1 .inner ul li:first-child span {
        background: #242a3a;
    }

    .company_esg .vision_csr_box1 .inner ul li:first-child + li span {
        background: #90c4d9;
    }

    .company_esg .vision_csr_box1 .inner ul li:first-child + li + li span {
        background: #809197;
    }

    .eco .promotionSystem h4 {
        font-weight: 700;
        font-size: 32px;
        line-height: 48px;
        letter-spacing: -0.01em;
    }

    .eco .promotionSystem p {
        margin-top: 12px !important;
        font-weight: 500;
        font-size: 18px;
        line-height: 34px;
        letter-spacing: -0.01em;

    }

    .eco .ecoChartWrap {
        max-width: 100%;
        margin-top: 64px;
    }

    .eco .ecoChartWrap img {
        width: 100%;
    }

    .company span.red {
        color: #E20D3A;
    }

    .company .safetyImgWrap {
        max-width: 1044px;
        margin: 64px auto 0;
    }

    .company .safetyImgWrap img {
        width: 100%;
        height: 100%;
    }

    .company .safetyActivities ul li {
        display: flex;
        align-items: center;
        padding: 48px 0;
        border-top: 1px solid #ccc;
        gap: 40px;
    }

    .company .safetyActivities ul li .safetyActivitiesImgWrap {
        max-width: 280px;
    }

    .company .safetyActivities ul li .safetyActivitiesImgWrap img {
        width: 100%;
        height: 100%;
    }

    .company .safetyActivities ul li p {
        margin-top: 0 !important;
        margin-bottom: 8px;
        font-size: 24px !important;
        line-height: 36px !important;
        font-weight: 700 !important;
        letter-spacing: -0.01em;
    }

    .company .safetyActivities ul li span {
        font-size: 20px !important;
        line-height: 34px !important;
        font-weight: 500 !important;
        letter-spacing: -0.01em;
        word-break: keep-all;
    }

    /* ir esg */
    .ir.esg .inner {
        padding-top: 80px;
    }

    .ir.esg .inner .culture_tab_depth_1 {
        margin-top: 0;
        padding-bottom: 76px;
        text-align: left;
    }

    .ir.esg .inner .culture_tab_depth_1 li:first-child {
        padding-left: 0;
    }

    .ir .inner .sub_title {
        font-size: 20px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: -1px;
        color: #000;
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .ir .inner .esg_table {
    }

    .ir .inner .esg_table h5 {
        font-size: 24px;
        font-weight: bold;
        line-height: 36px;
        letter-spacing: -0.7px;
        color: #000;
        margin-bottom: 20px;
        padding-top: 100px;
    }

    .ir .inner .esg_table table {
        border-top: 1px #000 solid;
    }

    .ir .inner .esg_table table thead {
        background: #fafafa;
    }

    .ir .inner .esg_table table thead th,
    .ir .inner .esg_table table tbody td {
        border-bottom: 1px #ccc solid;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.8px;
    }

    .ir .inner .esg_table table thead th {
        padding: 12px 0;
    }

    .ir .inner .esg_table table tbody td {
        padding: 33px 0;
        text-align: center;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -1px;
        color: #000;
        font-weight: 500;
    }

    .ir .inner .esg_table table tbody td strong {
        font-size: 18px;
    }

    .ir .inner .esg_table table tbody td i {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
    }

    .ir .inner .esg_table table tbody td img {
        width: 80px;
    }

    .ir .inner .esg_table table.rank td {
        padding: 26px;
    }

    .ir .inner .esg_table table.rank td img {
        margin: 4px 0;
    }

    .ir .inner .esg_table p {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.7px;
        margin-top: 20px;
    }

    /* ir governance */
    .ir.governance .inner {
        padding-top: 80px;
    }

    .ir.governance .inner .culture_tab_depth_1 {
        margin-top: 0;
        padding-bottom: 76px;
        text-align: left;
    }

    .ir.governance .inner .culture_tab_depth_1 li:first-child,
    .council-details .culture_tab_depth_1 li:first-child,
    .shareholders .culture_tab_depth_1 li:first-child {
        padding-left: 0;
    }

    .ir .inner .info_list {
        margin-left: -100px;
        position: relative;
        margin-top: 120px;
    }

    .ir .inner .info_list .line-group {
        position: relative;
        padding-top: 100px;
    }

    .ir .inner .info_list .line-group:before {
        content: "";
        position: absolute;
        top: 0;
        left: 100px;
        display: block;
        width: calc(100% - 100px);
        height: 1px;
        background: #eee;
    }

    .ir .inner .info_list li {
        width: 50%;
        float: left;
        box-sizing: border-box;
        padding-left: 100px;
        margin-bottom: 100px;
    }

    .ir .inner .info_list li.line {
        margin-bottom: 0;
    }

    .ir .inner .info_list li.line .person_info {
        position: relative;
        padding-top: 100px;
    }

    .ir .inner .info_list li.line .person_info:before {
        content: "";
        display: block;
        position: absolute;
        width: 200%;
        height: 1px;
        top: 0;
        left: 0;
        background: #eee;
        padding-left: 100px;
    }

    .ir .inner .info_list li .person_info h2 {
        font-size: 32px;
        font-weight: bold;
        line-height: 48px;
        letter-spacing: -1px;
        color: #000;
        border-bottom: 1px #000 solid;
        padding-bottom: 10px;
    }

    .ir .inner .info_list li .person_info h2 em {
        display: inline-block;
        font-size: 18px;
        line-height: 34px;
        margin-left: 16px;
    }

    .ir .inner .info_list li .person_info dl {
        margin-top: 20px;
        position: relative;
        box-sizing: border-box;
        padding-left: 100px;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: -0.7px;
        color: #000;
        line-height: 28px;
    }

    .ir .inner .info_list li .person_info dl dt {
        position: absolute;
        left: 0;
        text-align: left;
    }

    .ir .inner .info_list li .person_info dl li {
        padding-left: 15px;
        width: 100%;
        position: relative;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.7px;
        font-weight: normal;
        margin-bottom: 0;
    }

    .ir .inner .info_list li .person_info dl li:before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 2px;
        height: 2px;
        top: 50%;
        left: 5px;
        background: #000;
        border-radius: 50%;
    }

    .info_list .governance_notice {
        padding-left: 100px;
    }

    .eco .governance_notice {
        display: block;
        margin-bottom: 24px;
        box-sizing: border-box;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -0.01em;
        color: #000;
        font-weight: 900;
        padding-left: 24px;
    }

    .eco .governance_notice:last-child {
        margin-bottom: 0;
    }

    .eco .governance_notice:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        width: 24px;
        height: 24px;
        background-image: url("../images/common/icon-download_small.svg");
        background-repeat: no-repeat;
        background-size: 100%;
    }

    /* ir financial consolidated */
    .ir .inner .financial_table {
        color: #000;
        margin-top: 80px;
    }

    .ir .inner .financial_table .t_right {
        text-align: right;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.7px;
        margin-bottom: 10px;
    }

    .ir .inner .financial_table .table {
        border-bottom: 1px #aaa solid;
    }

    .ir .inner .financial_table .table th,
    .ir .inner .financial_table .table td {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        padding: 12px 20px;
        text-align: right;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.8px; /* border-bottom:0;border-top:1px #eee ridge;border-left:1px #eee ridge; */
    }

    .ir .inner .financeInfoTab .financial_table .table th,
    .ir .inner .financeInfoTab .financial_table .table td {
        min-width: 196px;
    }

    /*.ir .inner .financial_table .table th:first-child,
.ir .inner .financial_table .table td:first-child{border-left:0;}
.ir .inner .financial_table .table thead th{border-top:1px #000 ridge;}*/
    .ir .inner .financial_table .table th.t_left,
    .ir .inner .financial_table .table td.t_left {
        text-align: left;
    }

    .ir .inner .financial_table .table th.t_center,
    .ir .inner .financial_table .table td.t_center {
        text-align: center;
    }

    .ir .inner .financial_table .table td i {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
    }

    .ir .inner .financial_table .table .line th,
    .ir .inner .financial_table .table .line td {
        border-top: 1px #ccc solid;
    }

    /* ir highlight consolidated */
    .ir .inner .financial_graph_image {
        margin-top: 80px;
        padding-bottom: 80px;
    }

    .ir .inner .financial_graph_image img {
        width: 100%;
    }

    /* ir meeting */
    .ir .inner .meeting_calendar {
        margin-top: 120px;
    }

    .ir .inner .meeting_calendar .calendar_title {
        position: relative;
        margin-bottom: 30px;
    }

    .ir .inner .meeting_calendar .calendar_title h2 {
        display: inline-block;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -0.7px;
        line-height: 36px;
        vertical-align: top;
    }

    .ir .inner .meeting_calendar .calendar_title h2 i {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
    }

    .ir .inner .meeting_calendar .calendar_title .month_btn {
        display: inline-block;
        padding-left: 10px;
        vertical-align: top;
        top: 3px;
        position: relative;
    }

    .ir .inner .meeting_calendar .calendar_title .month_btn button {
        font-size: 0;
        width: 24px;
        height: 36px;
        margin-left: 10px;
        background-size: 100%;
        opacity: 0.3;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center;
    }

    .ir .inner .meeting_calendar .calendar_title .month_btn button:hover,
    .ir .inner .meeting_calendar .calendar_title .month_btn button:focus {
        opacity: 1;
        outline: none;
    }

    .ir .inner .meeting_calendar .calendar_title .month_btn .prev_month {
        background-image: url("../images/common/icon-arrow-prev-page.svg");
    }

    .ir .inner .meeting_calendar .calendar_title .month_btn .next_month {
        background-image: url("../images/common/icon-arrow-next-page.svg");
    }

    .ir .inner .meeting_calendar .calendar_title .meeting_cancel {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        position: absolute;
        right: 0;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.7px;
        font-weight: 500;
        color: #000;
        top: 9px;
        cursor: Pointer;
    }

    .ir .inner .meeting_calendar .calendar_title .meeting_cancel:after {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-left: 8px;
        background-image: url("../images/common/icon-north-east.svg");
        background-color: #000;
        border-radius: 50%;
        position: relative;
        top: 2px;
    }

    .ir .inner .meeting_calendar .calendar thead th {
        font-size: 14px;
        line-height: 24px;
        color: #000;
        font-weight: bold;
        padding: 12px 0;
        border-top: 1px #000 solid;
        border-bottom: 1px #000 solid;
        width: 14.28%;
    }

    .ir .inner .meeting_calendar .calendar thead th i {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        text-transform: uppercase;
    }

    .ir .inner .meeting_calendar .calendar tr th:first-child,
    .ir .inner .meeting_calendar .calendar tr td:first-child button {
        color: #E20D3A;
    }

    .ir .inner .meeting_calendar .calendar,
    .ir .inner .meeting_calendar .calendar thead,
    .ir .inner .meeting_calendar .calendar tbody,
    .ir .inner .meeting_calendar .calendar tr,
    .ir .inner .meeting_calendar .calendar th,
    .ir .inner .meeting_calendar .calendar td {
        display: block;
        float: left;
    }

    .ir .inner .meeting_calendar .calendar_wrap:after {
        content: "";
        display: block;
        clear: both;
    }

    .ir .inner .meeting_calendar .calendar thead,
    .ir .inner .meeting_calendar .calendar tr {
        width: 100%;
    }

    .ir .inner .meeting_calendar .calendar tbody {
        width: 1204px;
        margin-left: -24px;
        position: relative;
    }

    .ir .inner .meeting_calendar .calendar tr {
        position: relative;
    }

    .ir .inner .meeting_calendar .calendar td {
        height: 128px;
        position: relative;
        padding: 0;
        padding-left: 24px;
        width: 172px;
        box-sizing: border-box;
    }

    .ir .inner .meeting_calendar .calendar td:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 1px;
        left: 24px;
        float: left;
        border-bottom: 1px #eee solid;
        width: 143px;
    }

    .ir .inner .meeting_calendar .calendar td button {
        display: block;
        height: 100%;
        width: 100%;
        position: relative;
        cursor: pointer;
        z-index: 2;
    }

    .ir .inner .meeting_calendar .calendar td button.on:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border: 1px #000 solid;
        left: 0;
        top: -3px;
        opacity: 0;
        background: #fff;
        -webkit-transition: 0.3s ease opacity;
        transition: 0.3s ease opacity;
    }

    .ir .inner .meeting_calendar .calendar td button.on:hover:before,
    .ir .inner .meeting_calendar .calendar td button.on:focus:before {
        opacity: 1;
        -webkit-transition: 0.3s ease opacity;
        transition: 0.3s ease opacity;
    }

    .ir .inner .meeting_calendar .calendar td button span {
        position: absolute;
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        font-size: 16px;
        font-weight: bold;
        left: 6px;
        top: 10px;
    }

    .ir .inner .meeting_calendar .calendar td.today button span {
        background: #000;
        border-radius: 50%;
        color: #fff;
    }

    .ir .inner .meeting_calendar .calendar td button i {
        position: absolute;
        left: 15px;
        top: 40px;
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.5px;
    }

    .ir .inner .meeting_calendar .calendar td button i.reserved {
        opacity: 0.5;
    }

    .ir .inner .meeting_update_notice {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.7px;
        color: #000;
        margin-top: 20px;
    }

    .ir .ir_contact {
        margin-top: 20px;
        text-align: right;
    }
    .ir .ir_contact .h3 {
        font-size: 30px;
        line-height: 1.4;
        font-weight: 600;
        margin-bottom: 8px;
        padding: 0;
    }
    .ir .ir_contact a {
        font-size: 16px;
        line-height: 24px;
    }
    .ir .ir_contact a:hover {
        text-decoration: underline;
    }

    /* ir 미팅룸 팝업 */
    .pop_wrap {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 10;
        overflow-y: auto;
    }

    .pop_wrap .pop_bg {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #000;
        opacity: 0.75;
        cursor: auto;
    }

    .pop_wrap .pop_cont {
        position: relative;
        width: 430px;
        box-sizing: border-box;
        padding: 30px;
        background: #fff;
        margin: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
    }

    .pop_wrap .pop_cont .h2 {
        font-size: 24px;
        line-height: 36px;
        padding-bottom: 20px;
        margin-bottom: 30px;
        border-bottom: 2px #000 solid;
        letter-spacing: -0.7px;
        font-weight: bold;
    }

    .pop_wrap .pop_cont .h5 {
        font-size: 24px;
        font-weight: normal;
        padding-bottom: 32px;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
    }

    .pop_wrap .pop_cont .h5 span {
        display: block;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: -0.7px;
        font-weight: 400;
        margin-top: 10px;
    }

    .pop_wrap .pop_cont .btn_close {
        position: absolute;
        width: 24px;
        height: 24px;
        font-size: 0;
        right: 30px;
        top: 36px;
        cursor: pointer;
    }

    .pop_wrap .pop_cont dl {
        padding-bottom: 12px;
        border-bottom: 1px #eee solid;
        margin-top: 20px;
    }

    .pop_wrap .pop_cont dl:after {
        content: "";
        display: block;
        clear: both;
    }

    .pop_wrap .pop_cont dl dt {
        font-size: 14px;
        line-height: 28px;
        color: #000;
        letter-spacing: -0.5px;
        font-weight: 500;
        float: left;
    }

    .pop_wrap .pop_cont dl dd {
        float: right;
        text-align: right;
    }

    .pop_wrap .pop_cont dl dt strong,
    .pop_wrap .pop_cont dl dd span {
        display: inline-block;
        vertical-align: top;
    }

    .pop_wrap .pop_cont dl dd span.item_date {
        width: 80px;
    }

    .pop_wrap .pop_cont dl dd span.item_date + .item_date {
        margin-left: 20px;
    }

    .pop_wrap .pop_cont dl dd span.item_hour {
        width: 180px;
    }

    .pop_wrap .pop_cont dl dd select {
        border: 0;
        width: 100%;
        color: #000;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        padding-left: 0;
        text-align: left;
        font-size: 16px;
        letter-spacing: -0.5px;
        height: 28px;
        line-height: 28px;
        box-sizing: border-box;
        padding-right: 24px;
        background-image: url("../images/common/icon-drop-down.svg");
        background-position: right center;
        background-repeat: no-repeat;
    }

    .pop_wrap .pop_cont dl.fl_none {
        padding-bottom: 31px;
    }

    .pop_wrap .pop_cont dl.fl_none dt,
    .pop_wrap .pop_cont dl.fl_none dd {
        float: none;
    }

    .pop_wrap .pop_cont dl.fl_none dd {
        margin-top: 10px;
    }

    .pop_wrap .pop_cont dl.fl_none dd input {
        width: 100%;
        line-height: 38px;
        padding: 0 16px;
        border: solid 1px rgba(0, 0, 0, 0.1);
        color: rgba(0, 0, 0, 1);
    }

    .pop_wrap .pop_cont dl.fl_none dd input::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.3);
    }

    .pop_wrap .pop_cont dl.fl_none dd input:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.3);
    }

    .pop_wrap .pop_cont .btn_confirm {
        display: block;
        width: 180px;
        line-height: 56px;
        height: 56px;
        padding: 0;
        background: #000;
        color: #fff;
        margin: 30px auto 10px;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: -0.62px;
    }

    .pop_wrap .pop_cont ol {
        padding-top: 8px;
    }

    .pop_wrap .pop_cont ol li em {
        display: block;
        margin-top: 20px;
        line-height: 24px;
        font-size: 14px;
        letter-spacing: -0.5px;
    }

    .pop_wrap .pop_cont ol li strong {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: -0.5px;
        color: #000;
        display: block;
    }

    .pop_wrap .pop_cont ol li p {
        border-bottom: 1px #eee solid;
        padding-bottom: 19px;
        position: relative;
        box-sizing: border-box;
        padding-right: 85px;
        line-height: 28px;
        font-size: 16px;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
    }

    .pop_wrap .pop_cont ol li p .reserve_btn {
        position: absolute;
        right: 0;
        bottom: 20px;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.7px;
        color: #000;
        font-weight: bold;
        cursor: pointer;
    }

    .pop_wrap .pop_cont ol li p .reserve_btn:focus {
        text-decoration: underline;
    }

    .pop_wrap .pop_cont ol li p.reserve_complete .reserve_btn {
        color: rgba(0, 0, 0, 0.3);
        font-weight: 500;
    }

    .pop_wrap .pop_cont ol li p.reserve_complete .reserve_btn:before {
        content: "";
        display: inline-block;
        width: 12px;
        height: 6px;
        position: relative;
        margin-right: 8px;
        top: -5px;
        border-left: 1px rgba(0, 0, 0, 0.3) solid;
        border-bottom: 1px rgba(0, 0, 0, 0.3) solid;
        -webkit-transform: rotate(-41deg);
        transform: rotate(-41deg);
    }

    .pop_wrap .pop_cont .reserve_password {
        display: none;
        border-bottom: 1px #eee solid;
        padding-bottom: 31px;
    }

    .pop_wrap .pop_cont .reserve_password strong {
        display: block;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .pop_wrap .pop_cont .reserve_password span {
        display: block;
        box-sizing: border-box;
        padding-right: 86px;
        position: relative;
    }

    .pop_wrap .pop_cont .reserve_password span button {
        width: 76px;
        position: absolute;
        right: 0;
        top: 0;
        line-height: 48px;
        height: 48px;
        font-size: 16px;
        letter-spacing: -0.7px;
        background-color: #fafafa;
    }

    .pop_wrap .pop_cont .reserve_password span button:hover,
    .pop_wrap .pop_cont .reserve_password span button:focus {
        background: #000;
        color: #fff;
    }

    .pop_wrap .pop_cont .reserve_password span input {
        line-height: 48px;
        height: 48px;
        width: 100%;
    }

    /* ir 미팅룸 팝업 작성폼 */
    #meeting_reserve_form {
        height: 80%;
        top: 10%;
        width: 1188px;
        left: 50%;
        margin-left: -594px;
    }

    #meeting_reserve_form.pop_wrap .pop_cont {
        width: 1180px;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        top: 0;
        margin: 0px auto;
        padding-bottom: 46px;
    }

    .pop_wrap .pop_cont .pop_form {
        box-sizing: border-box;
        padding: 30px 50px;
    }

    .pop_wrap .pop_cont .pop_form {
        box-sizing: border-box;
        padding: 30px 50px;
    }

    .pop_wrap .pop_cont .pop_form .notice_info {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.7px;
        color: #000;
        display: block;
        font-weight: 400;
        margin-bottom: 40px;
    }

    .pop_wrap .pop_cont .pop_form .notice_info:before {
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        background: #E20D3A;
        border-radius: 50%;
        position: relative;
        margin-right: 4px;
        vertical-align: top;
        top: 8px;
    }

    .pop_wrap .pop_cont .pop_form .h3 {
        font-size: 24px;
        font-weight: bold;
        line-height: 36px;
        letter-spacing: -0.84px;
        color: #000;
        padding-top: 80px;
    }

    .pop_wrap .pop_cont .pop_form .first_section .h3 {
        padding-top: 0;
    }

    .pop_wrap .pop_cont .pop_form .first_section {
        padding-bottom: 34px;
    }

    .pop_wrap .pop_cont .pop_form ul {
        position: relative;
        margin-left: -60px;
        margin-top: -20px;
    }

    .pop_wrap .pop_cont .pop_form ul li {
        float: left;
        width: 50%;
        padding-left: 60px;
        box-sizing: border-box;
        margin-top: 40px;
    }

    .pop_wrap .pop_cont .pop_form ul li div {
        position: relative;
        box-sizing: border-box;
        padding-left: 190px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-bottom: 1px solid #aaa;
    }

    .pop_wrap .pop_cont .pop_form ul li:nth-child(even) div {
        padding-left: 100px;
    }

    .pop_wrap .pop_cont .pop_form ul li div .line {
        content: "";
        display: block;
        position: absolute;
        width: 0%;
        height: 1px;
        background: #000;
        left: 0;
        bottom: -1px;
        -webkit-transition: 0.3s width ease;
        transition: 0.3s width ease;
    }

    .pop_wrap .pop_cont .pop_form ul li input:focus + .line {
        width: 100%;
        -webkit-transition: 0.5s width ease;
        transition: 0.5s width ease;
    }

    .pop_wrap .pop_cont .pop_form ul li div strong {
        position: absolute;
        left: 0;
        bottom: 14px;
        line-height: 28px;
        font-size: 18px;
        letter-spacing: -1px;
        font-weight: 500;
    }

    .pop_wrap .pop_cont .pop_form ul li div strong.necessary:after {
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        background: #E20D3A;
        border-radius: 50%;
        position: relative;
        top: 4px;
        margin-left: 4px;
        vertical-align: top;
    }

    .pop_wrap .pop_cont .pop_form ul li div input {
        font-family: "graphie", "Noto Sans KR";
        border: 0;
        width: 100%;
        line-height: 28px;
        height: 28px;
        outline: none;
        font-size: 18px;
    }

    .pop_wrap .pop_cont .pop_form ul li div input::placeholder {
        font-family: "graphie", "Noto Sans KR";
    }

    .pop_wrap .pop_cont .pop_form ul li div input::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.3);
    }

    .pop_wrap .pop_cont .pop_form ul li div input:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.3);
    }

    .pop_wrap .pop_cont .pop_form ul li div textarea::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.3);
    }

    .pop_wrap .pop_cont .pop_form ul li div textarea:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.3);
    }

    .pop_wrap .pop_cont .pop_form ul li div input.phone_number {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
    }

    .pop_wrap .pop_cont .pop_form ul li div i {
        position: absolute;
        left: 0;
        bottom: -34px;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: -0.7px;
        font-weight: 400;
    }

    .pop_wrap .pop_cont .pop_form ul.reserve_detail li div {
        padding-left: 100px;
    }

    .pop_wrap .pop_cont .pop_form ul.reserve_detail li.full_width {
        width: 100%;
    }

    .pop_wrap .pop_cont .pop_form .more_visitor h3 {
        display: inline-block;
    }

    .pop_wrap .pop_cont .pop_form .more_visitor .btn_delete {
        display: inline-block;
        margin-left: 20px;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: -0.7px;
        font-weight: 400;
        color: #000;
        position: relative;
        z-index: 1;
        cursor: pointer;
    }

    .pop_wrap .pop_cont .pop_form .more_visitor .btn_delete:before {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        background-image: url("../images/common/icon-close.svg");
        margin-right: 4px;
        vertical-align: top;
        background-position: center;
    }

    .pop_wrap .pop_cont .pop_form .more_visitor .add_visitor {
        margin-top: 20px;
        text-align: right;
    }

    .pop_wrap .pop_cont .pop_form .more_visitor .add_visitor button {
        font-size: 18px;
        line-height: 36px;
        letter-spacing: -0.7px;
        color: #000;
        cursor: pointer;
        font-weight: bold;
        outline: none;
    }

    .pop_wrap .pop_cont .pop_form .more_visitor .add_visitor button:before {
        content: "";
        display: inline-block;
        margin-top: 8px;
        width: 23px;
        height: 23px;
        margin-right: 7px;
        background-image: url("../images/common/add.svg");
        vertical-align: top;
    }

    .pop_wrap .pop_cont .pop_form dl {
        padding: 0;
        border: 0;
        margin-top: 20px;
    }

    .pop_wrap .pop_cont .pop_form .h3 + dl {
        margin-top: 30px;
    }

    .pop_wrap .pop_cont .pop_form dl dt,
    .pop_wrap .pop_cont .pop_form dl dd {
        float: none;
        padding: 0;
        display: inline-block;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: -1px;
        color: #000;
        font-family: "graphie", "Noto Sans KR", sans-serif;
    }

    .pop_wrap .pop_cont .pop_form dl dt {
        width: 64px;
        font-weight: 500;
    }

    .pop_wrap .pop_cont .pop_form dl dd {
        font-weight: 400;
    }

    .pop_wrap .pop_cont .pop_form .reserve_btn {
        text-align: center;
        margin: auto;
        margin-top: 60px;
        display: table;
    }

    .pop_wrap .pop_cont .pop_form .reserve_btn button {
        width: 280px;
        line-height: 64px;
        height: 64px;
        cursor: pointer;
        letter-spacing: -0.7px;
        font-size: 18px;
        font-weight: 500;
    }

    .pop_wrap .pop_cont .pop_form .reserve_btn button:active {
        transform: scale(0.95);
    }

    .pop_wrap .pop_cont .pop_form .reserve_btn button.btn_blk {
        background: #000;
        color: #fff;
    }

    .pop_wrap .pop_cont .pop_form .reserve_btn button.btn_gray {
        background: #ddd;
        color: #000;
    }

    .pop_wrap .pop_cont .pop_form .reserve_btn button:last-child {
        margin-left: 20px;
    }

    /* ir 미팅룸 팝업 완료 */
    #meeting_reserve_complete.pop_wrap .pop_cont {
        width: 450px;
    }

    #meeting_reserve_complete.pop_wrap .pop_cont h4 {
        font-size: 18px;
        margin-top: 40px;
        text-align: center;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        font-weight: 400;
        letter-spacing: -0.5px;
        line-height: 36px;
    }

    #meeting_reserve_complete.pop_wrap .pop_cont h4 span {
        display: block;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.57px;
    }

    .post_wrap {
        position: fixed;
        width: 520px;
        height: 600px;
        left: 50%;
        top: 50%;
        margin-left: -260px;
        margin-top: -300px;
        z-index: 12;
        overflow-y: auto;
    }

    .post_wrap .post_dim {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #0007;
    }

    /* color */
    .color {
        padding-top: 95px;
        min-width: 1440px;
    }

    .color .scroll_indicator {
        height: 160px;
    }

    .color .scroll_indicator::after {
        background: #000;
    }

    .color .scroll_indicator::before {
        background: #ccc5;
    }

    .color .scroll_indicator .indicator_element {
        background: #000;
    }

    .color .search_visual {
        box-sizing: border-box;
        padding: 184px 0;
        overflow: hidden;
    }

    .color .search_visual .bg_title {
        display: block;
        width: 850px;
        height: 850px;
        position: absolute;
        top: -278px;
        left: 700px;
    }

    .color .search_visual .bg_title img {
        width: 100%;
    }

    .color .search_visual .inner .h2 {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        font-size: 130px;
        font-weight: 600;
        letter-spacing: -0.5px;
        color: #000;
        position: relative;
        z-index: 1;
    }

    .color .search_visual .inner .color_sub_title {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        color: #000;
        box-sizing: border-box;
        padding-left: 100px;
        padding-top: 54px;
        position: relative;
    }

    .color .search_visual .inner .color_sub_title strong {
        display: block;
        font-size: 28px;
        line-height: 44px;
        letter-spacing: -0.5px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .color .search_visual .inner .color_sub_title span {
        font-size: 18px;
        line-height: 34px;
        letter-spacing: -0.7px;
        display: block;
    }

    .color .search_visual .inner .color_more_view {
        display: inline-block;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        font-size: 18px;
        line-height: 1.89;
        color: #000;
        margin-top: 10px;
        position: relative;
        cursor: pointer;
    }

    .color .search_visual .inner .color_more_view:after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background: #000;
        left: 0;
        bottom: 5px;
        position: absolute;
    }

    .color .search_visual .inner .pop_btn {
        box-sizing: border-box;
        padding-left: 100px;
        margin-top: 114px;
    }

    .color .search_visual .inner .pop_btn span {
        display: block;
    }

    .color .search_visual .inner .pop_btn button {
        font-size: 18px;
        font-weight: 500;
        line-height: 36px;
        letter-spacing: -0.7px;
        display: block;
        color: #111;
        display: inline-block;
        cursor: pointer;
        font-family: "Noto Sans KR", "Malgun Gothic", sans-serif;
    }

    .color .search_visual .inner .pop_btn button:after {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background-color: #000;
        background-image: url("../images/common/icon-north-east.svg");
        border-radius: 50%;
        background-size: 20px;
        vertical-align: top;
        margin-left: 6px;
        margin-top: 8px;
    }

    .color .search_visual .inner .pop_btn button i {
        display: inline-block;
        position: relative;
    }

    .color .search_visual .inner .pop_btn button i:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 7px;
        width: 100%;
        height: 1px;
        background: #111;
    }

    .color .search_color {
        position: relative;
        padding-bottom: 172px;
    }

    .color .search_color .inner {
        width: 980px;
        padding-top: 105px;
    }

    .color .search_color .inner .search_input {
        position: relative;
        padding-left: 56px;
        box-sizing: border-box;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .color .search_color .inner .search_input:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        height: 1px;
        width: 100%;
        left: 0;
        background-color: #ccc;
    }

    .color .search_color .inner .search_input input {
        width: 100%;
        border: 0;
        outline: none;
        font-size: 40px;
        letter-spacing: -1px;
        line-height: 56px;
        height: 56px;
        font-family: "graphie", "Noto Sans KR", sans-serif;
    }

    .color .search_color .inner .search_input input::placeholder {
        color: rgba(0, 0, 0, 0.3);
    }

    .color .search_color .inner .search_input input::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.3);
    }

    .color .search_color .inner .search_input input:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.3);
    }

    .color .search_color .inner .search_input .btn_search {
        font-size: 0;
        position: absolute;
        left: 0;
        bottom: 20px;
        cursor: pointer;
        background-image: url("../images/common/icon-search.svg");
        background-size: 100%;
        width: 56px;
        height: 56px;
    }

    .color .search_color .inner .search_notice {
        line-height: 28px;
        font-size: 16px;
        color: #000;
        letter-spacing: -0.5px;
        font-family: "graphie", "Noto Sans KR", sans-serif;
    }

    .color .culture_tab_depth_1 {
        text-align: left;
        position: relative;
        margin-left: -20px;
        margin-top: 60px;
    }

    .color .culture_tab_depth_1 li {
        line-height: 32px;
        padding: 12px 20px;
        font-size: 18px;
    }

    .color .culture_tab_depth_1 a {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        font-weight: 600;
        color: #000;
        opacity: 0.3;
        letter-spacing: 0;
    }

    .color .culture_tab_depth_1 a.active {
        opacity: 1;
    }

    .color .culture_tab_depth_1 a:hover {
        color: #000;
    }

    .color .search_color .inner .color-picker {
        position: relative;
        margin-left: -5px;
        font-size: 0;
        height: 441px;
        overflow-y: auto;
        width: 1001px;
    }

    .color .search_color .inner .color-picker span {
        display: inline-block;
        box-sizing: border-box;
        padding: 5px;
        width: 82px;
        height: 82px;
    }

    .color .search_color .inner .color-picker span button {
        font-size: 0;
        display: block;
        height: 100%;
        width: 100%;
        cursor: pointer;
        position: relative;
        outline: none;
    }

    .color .search_color .inner .color-picker span button:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border: 2px #fff solid;
        left: 0;
        top: 0;
        opacity: 0;
        box-sizing: border-box;
        -webkit-transition: 0.3s ease opacity;
        transition: 0.3s ease opacity;
    }

    .color .search_color .inner .color-picker span button:hover:after {
        opacity: 0.5;
    }

    .color .search_color .inner .color-picker span button.selected:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 72px;
        height: 72px;
        background-image: url("../images/contents/color/swatches-selected.svg");
    }

    .color .seleted_colors {
        position: fixed;
        left: 0;
        bottom: 0;
        min-height: 800px;
        width: 280px;
        box-sizing: border-box;
        overflow: auto;
        z-index: 2;
    }

    .color .seleted_colors.on {
        border-right: 1px rgba(0, 0, 0, 0.1) solid;
    }

    .color .seleted_colors ul {
        display: flex;
        flex-direction: column-reverse;
        flex-grow: 1;
        align-items: flex-end;
        position: absolute;
        bottom: 0;
        width: 100%;
        overflow: auto;
        height: 100%;
        /*overflow: overlay;*/
    }

    .color .seleted_colors ul::-webkit-scrollbar {
        border: 0px solid #fff;
    }

    .color .seleted_colors ul::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .color .seleted_colors ul::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.5);
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .color .seleted_colors ul {
            display: block;
            flex-direction: column;
            transform: scaleY(-1);
        }

        .color .seleted_colors .color_module {
            transform: scaleY(-1);
        }
    }
    .color .seleted_colors .color_module {
        width: 100%; /* display: flex; */
        justify-content: flex-end;
        position: relative;
        background: #fff;
        /*-webkit-animation: fadeInTop .5s ease-in;
animation: fadeInTop .5s ease-in;*/
    }

    .color .seleted_colors .color_module button {
        display: block;
        width: 100%;
        cursor: pointer;
        text-align: left;
    }

    .color .seleted_colors .color_module button.color_popBtn {
        position: absolute;
        font-size: 0;
        background: #fff;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        right: 17px;
        top: 125px;
        opacity: 1;
        visibility: visible;
    }

    /* .color .seleted_colors .color_module.hover button.color_popBtn{top:130px;opacity:1;visibility: visible;
-webkit-transition: .3s all ease-in;
transition: .3s all ease-in;
} */
    .color .seleted_colors .color_module.hover button.color_popBtn.full_screen {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }

    .color .seleted_colors .color_module button.color_popBtn.color_copy {
        right: 57px;
    }

    .color .seleted_colors .color_module button.color_popBtn:before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -8px;
        margin-top: -8px;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .color .seleted_colors .color_module button.color_popBtn.color_copy:before {
        background-image: url("../images/contents/color/icon-copy.svg");
    }

    .color .seleted_colors .color_module button.color_popBtn.full_screen::before {
        background-image: url("../images/contents/color/icon-fullscreen.svg");
    }

    .color .seleted_colors .color_module .color_palette {
        display: block;
        width: 100%;
        height: 180px;
    }

    .color .seleted_colors .color_module .color_info {
        display: block;
        padding: 10px 16px;
        box-sizing: border-box;
    }

    .color .seleted_colors .color_module .color_info strong {
        font-size: 24px;
        line-height: 32px;
        color: #111;
        font-weight: bold;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        display: block;
    }

    .color .seleted_colors .color_module .color_info em {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        font-size: 16px;
        color: #111;
    }

    /* 페인트 소모량 계산기 */
    #LYR_calc {

    }

    #LYR_calc .LYR_calc_header {
        margin-bottom: 104px;
        padding: 54px;
        background-color: #E9E9E9;
        text-align: center;
        color: #000;
        font-family: "Noto Sans KR";
        font-size: 18px;
        font-weight: 400;
        line-height: 34px; /* 188.889% */
        letter-spacing: -0.18px;
    }
    #LYR_calc .LYR_calc_header h3 {
        margin-bottom: 16px;
        color: #000;
        font-family: "Noto Sans KR";
        font-size: 24px;
        font-weight: 700;
        line-height: 32px; /* 133.333% */
        letter-spacing: -0.24px;
    }

    #LYR_calc .LYR_calc_contents {
        display: flex;
        gap: 52px;
    }

    #LYR_calc .LYR_calc_contents > div {
        width: 100%;
    }

    #LYR_calc .LYR_calc_contents > div > div {
        display: grid;
        grid-template-columns: 300px auto;
        gap: 32px;
    }

    #LYR_calc .LYR_calc_contents .calc_box {
        display: grid;
        grid-template-columns: 180px auto;
        gap: 20px
    }

    #LYR_calc .LYR_calc_contents .calc_box > div {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }

    #LYR_calc .LYR_calc_contents .calc_box input {
        color: #656565;
        text-align: center;
        font-family: "Pretendard Variable", Arial, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px; /* 228.571% */
        border-radius: 4px;
        border: 1px solid #D9D9D9;
    }

    #LYR_calc .LYR_calc_contents .calc_box button {
        height: 100%;
        border-radius: 4px;
        background: #656565;
        color: white;
        color: #FFF;
        text-align: center;
        font-family: "Pretendard Variable", Arial, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px; /* 142.857% */
    }

    #LYR_calc .LYR_calc_contents .calc_result {
        padding: 20px;
        border-radius: 4px;
        border: 1px solid #D9D9D9;
        color: #656565;
        font-family: "Pretendard Variable", Arial, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 171.429% */
    }

    #LYR_calc .LYR_calc_contents .calc_result span {
        display: block;
        margin-bottom: 12px;
        color: #000;
        font-family: "Noto Sans KR";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px; /* 150% */
        letter-spacing: -0.16px;
    }

    #LYR_calc .LYR_calc_contents .calc_result > div {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    #LYR_calc .LYR_calc_contents .calc_result > div em {
        display: inline-block;
        width: 240px;
        border-bottom: 1px #000 solid;
        margin: 0 8px;
    }

    #LYR_calc .LYR_calc_contents .calc_result > div input {
        width: 100%;
        height: 24px;
        outline: none;
        border: none;
        color: #656565;
        text-align: center;
        font-family: "Pretendard Variable", Arial, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 171.429% */
    }

    #LYR_calc .LYR_calc_contents > div > ul {
        margin-top: 16px;
        margin-left: 16px;
    }

    #LYR_calc .LYR_calc_contents > div > ul li {
        list-style: disc;
        color: #000;
        font-family: "Pretendard Variable", Arial, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 171.429% */
    }

    /* 선택된 color 전체 팝업 */
    #color_full_screen {
        z-index: 100;
    }

    #color_full_screen .pop_cont {
        width: 100%;
        height: 100%;
        position: fixed;
        padding: 0;
        padding-bottom: 60px;
        box-sizing: border-box;
        min-width: 1024px;
    }

    #color_full_screen .pop_cont .btn_close {
        width: 36px;
        height: 36px;
        cursor: pointer;
    }

    #color_full_screen .pop_cont .btn_close:before,
    #color_full_screen .pop_cont .btn_close:after {
        width: 30px;
        margin-left: -15px;
    }

    #color_full_screen .pop_cont .color_screen {
        width: 100%;
        height: 100%;
    }

    #color_full_screen .pop_cont .color_info {
        box-sizing: border-box;
        padding: 12px 20px;
    }

    #color_full_screen .pop_cont .color_info .h2 {
        line-height: 36px;
        font-size: 18px;
        line-height: 36px;
        color: #111;
        font-family: "graphie", "Noto Sans KR", sans-serif;
        font-weight: 400;
        float: left;
        letter-spacing: 0;
    }

    #color_full_screen .pop_cont .color_info .h2 strong {
        font-size: 24px;
        line-height: 36px;
        font-weight: bold;
        padding-right: 30px;
        display: inline-block;
    }

    #color_full_screen .pop_cont .color_info .color_code_copy {
        float: right;
        line-height: 36px;
    }

    #color_full_screen .pop_cont .color_info .color_code_copy button {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        color: #111;
        letter-spacing: -0.7px;
        font-size: 16px;
        font-weight: bold;
        position: relative;
        padding-left: 28px;
    }

    #color_full_screen .pop_cont .color_info .color_code_copy button::before {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -12px;
    }

    #color_full_screen .pop_cont .color_info .color_code_copy button.copy::before {
        background-image: url("../images/common/icon-24-icon-copy.svg");
    }

    #color_full_screen
    .pop_cont
    .color_info
    .color_code_copy
    button.location::before {
        background-image: url("../images/common/icon-24-pin.svg");
    }

    #color_full_screen .pop_cont .color_info .color_code_copy span {
        display: inline-block;
        margin-left: 30px;
    }

    #color_full_screen .pop_cont .color_info .color_code_copy span:first-child {
        margin-left: 0;
    }

    /* color trend - view */
    .color_view .related_products {
        position: relative;
    }

    .color_view .related_products .slider_arrow {
        position: absolute;
        width: 100%;
        top: 50%;
        margin-top: -40px;
    }

    .color_view .related_products .slider_arrow button {
        font-size: 0;
        position: absolute;
        width: 22px;
        height: 81px;
        cursor: pointer;
    }

    .color_view .related_products .slider_arrow button.arrow_prev {
        left: -61px;
        background-image: url("../images/contents/culture/button-gallery-prev.svg");
    }

    .color_view .related_products .slider_arrow button.arrow_next {
        right: -61px;
        background-image: url("../images/contents/culture/button-gallery-next.svg");
    }

    .color_view .related_products .trandList {
        margin-bottom: 200px;
        width: 100%;
        overflow: hidden;
    }

    .color_view .related_products ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .color_view .related_products ul li .title {
        font-size: 18px;
        margin-top: 20px;
    }

    .color_view.view_common .view_contents .title {
        text-align: left;
        font-family: "graphie", "Noto Sans KR", sans-serif;
        box-sizing: border-box;
        padding-right: 95px;
        position: relative;
    }

    .color_view .category_select {
        width: 90px;
        position: absolute;
        right: 0;
        top: 20px;
    }

    .color_view .related_products .category_select {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
    }

    .color_view.view_common .view_contents .title .h2 {
        font-size: 56px;
        line-height: 84px;
        letter-spacing: -0.5px;
    }

    .view_common .btn_wrap .button {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        width: 360px;
        line-height: 62px;
        height: 64px;
        box-sizing: border-box;
        font-size: 16px;
        letter-spacing: -0.5px;
        text-align: center;
        display: block;
        margin: auto;
        font-weight: bold;
    }

    .color_view .culture_tab_depth_1 {
        text-align: left;
        margin-top: 0;
        padding-bottom: 76px;
    }

    .color_view .culture_tab_depth_1 li:first-child {
        padding-left: 0;
    }

    /* color 1:1 문의하기 팝업 */
    #color_contact_form.pop_wrap .pop_cont {
        width: 1180px;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        top: 0;
        margin: 20px auto;
    }

    #color_contact_form.pop_wrap .pop_cont .pop_form {
        padding-top: 20px;
    }

    #color_contact_form.pop_wrap .pop_cont .pop_form ul li div {
        padding-left: 100px;
    }

    #color_contact_form.pop_wrap .pop_cont .pop_form ul li.address {
        width: 100%;
        margin-top: 66px;
    }

    #color_contact_form.pop_wrap .pop_cont .pop_form ul li.address > div {
        border: none;
    }

    #color_contact_form.pop_wrap .pop_cont .pop_form ul li.address div {
        padding-left: 0;
    }

    #color_contact_form.pop_wrap .pop_cont .pop_form ul li.address strong {
        position: relative;
        bottom: 0;
    }

    #color_contact_form.pop_wrap .pop_cont .pop_form ul li.address .post_number li {
        margin-top: 0;
        width: 50%;
        position: relative;
    }

    #color_contact_form.pop_wrap
    .pop_cont
    .pop_form
    ul
    li.address
    .post_number
    li:first-child {
        float: none;
        box-sizing: border-box;
    }

    #color_contact_form.pop_wrap
    .pop_cont
    .pop_form
    ul
    li.address
    .post_number
    li:first-child
    div {
        padding-right: 100px;
    }

    #color_contact_form.pop_wrap
    .pop_cont
    .pop_form
    ul
    li.address
    .post_number
    li
    .btn_address_search {
        position: absolute;
        right: 10px;
        box-sizing: border-box;
        padding-left: 28px;
        line-height: 28px;
        cursor: pointer;
        font-size: 16px;
        letter-spacing: -0.7px;
        color: #000;
        top: 14px;
    }

    #color_contact_form.pop_wrap
    .pop_cont
    .pop_form
    ul
    li.address
    .post_number
    li
    .btn_address_search:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 2px;
        width: 24px;
        height: 24px;
        background-image: url("../images/common/icon-search.svg");
        background-size: 24px;
    }

    #color_contact_form.pop_wrap
    .pop_cont
    .pop_form
    ul
    li.address
    .post_number
    li
    .btn_address_search:active {
        outline: none;
    }

    #color_contact_form.pop_wrap
    .pop_cont
    .pop_form
    ul
    li.address
    .post_number
    li
    input {
        padding: 0;
    }

    #color_contact_form.pop_wrap
    .pop_cont
    .pop_form
    ul
    li.address
    .address_input
    button {
        position: absolute;
    }

    #color_contact_form.pop_wrap .pop_cont .pop_form ul li.address::after {
        content: "";
        display: block;
        clear: both;
    }

    #color_contact_form.pop_wrap .pop_cont .pop_form ul li.text_area {
        width: 100%;
    }

    #color_contact_form.pop_wrap .pop_cont .pop_form ul li.text_area div strong {
        bottom: auto;
        top: 14px;
    }

    #color_contact_form.pop_wrap .pop_cont .pop_form ul li.text_area textarea {
        border: 0;
        min-height: 0;
        line-height: 28px;
        padding: 0px;
        font-size: 18px;
        overflow: hidden;
        max-height: 140px;
    }

    #color_contact_form.pop_wrap
    .pop_cont
    .pop_form
    ul
    li.text_area
    textarea.line_1 {
        height: 28px;
    }

    #color_contact_form.pop_wrap
    .pop_cont
    .pop_form
    ul
    li.text_area
    textarea.line_2 {
        height: 56px;
    }

    #color_contact_form.pop_wrap
    .pop_cont
    .pop_form
    ul
    li.text_area
    textarea.line_3 {
        height: 84px;
    }

    #color_contact_form.pop_wrap
    .pop_cont
    .pop_form
    ul
    li.text_area
    textarea.line_4 {
        height: 112px;
    }

    #color_contact_form.pop_wrap
    .pop_cont
    .pop_form
    ul
    li.text_area
    textarea.line_5 {
        height: 140px;
    }

    /* color more slide 팝업 */
    #color_more_slide {
        display: none;
        width: 100%;
        height: 100vh;
        position: fixed;
        padding: 0;
        box-sizing: border-box;
        min-width: 1440px;
        overflow: hidden;
    }

    #color_more_slide .logo {
        position: absolute;
        font-size: 0;
        left: 40px;
        top: 32px;
        width: 90px;
        height: 32px;
        background-image: url("../images/contents/color/logo_search_01_samhwa.svg");
        background-size: 100%;
        z-index: 2;
    }

    #color_more_slide .pop_close {
        position: fixed;
        width: 36px;
        height: 36px;
        top: 30px;
        right: 30px;
        z-index: 100;
    }

    #color_more_slide .pop_close::before,
    #color_more_slide .pop_close::after {
        background: #fff;
    }

    #color_more_slide .pop_close.black::before,
    #color_more_slide .pop_close.black::after {
        background: #000;
    }

    #color_more_slide #slide7 .pop_close::before,
    #color_more_slide #slide7 .pop_close::after {
        background: #000;
    }

    #color_more_slide .slider_container {
        height: 100%;
        width: 100%;
        position: relative;
        overflow: auto;
    }

    #color_more_slide .slider {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        visibility: hidden;
        opacity: 0;
        overflow: hidden;
    }

    #color_more_slide .slider.active {
        opacity: 1;
        visibility: visible;
    }

    #color_more_slide .slider .text_container span {
        display: inline-block;
    }

    #color_more_slide .slider .bg_container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    #color_more_slide .slider .bg_container .bg {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        background-size: cover;
    }

    #color_more_slide #slide1 .bg_container .bg {
        background-image: url("../images/contents/color/bg_color_search_01.jpg");
    }

    #color_more_slide #slide1 .bg_container .bg:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.3;
    }

    #color_more_slide #slide1 .text_container {
        position: relative;
        height: 100%;
    }

    #color_more_slide #slide1 .text_container .h2 {
        position: fixed;
        text-align: center;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0;
    }

    #color_more_slide #slide1 .text_container .h2 img {
        padding: 0 16px;
    }

    #color_more_slide .slider .bg_container.half_bg .bg {
        width: 50%;
    }

    #color_more_slide #slide2 .bg_container {
        background: #242a3a;
    }

    #color_more_slide #slide2 .bg_container .bg {
        background-image: url("../images/contents/color/img-ncs-p-2.jpg");
    }

    #color_more_slide #slide2 .text_container {
        position: relative;
        box-sizing: border-box;
        padding-left: 50%;
        height: 100%;
        z-index: 2;
        color: #fff;
        padding-top: 18.0555%;
        font-family: "graphie", "Noto Sans KR", sans-serif;
    }

    #color_more_slide #slide2 .text_container .h5 {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        box-sizing: border-box;
        padding-left: 6.25%;
        font-size: 32px;
        line-height: 48px;
        letter-spacing: -1.5px;
        width: 700px;
    }

    #color_more_slide #slide2 .text_container p {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        box-sizing: border-box;
        padding-left: 6.25%;
        font-size: 18px;
        line-height: 34px;
        letter-spacing: -0.7px;
        margin-top: 3.7037%;
        font-weight: 500;
        width: 700px;
    }

    #color_more_slide #slide3 .bg_container .bg {
        background-image: url("../images/contents/color/img-ncs-p-3-1.jpg");
    }

    #color_more_slide #slide3 .text_container .h5 {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        font-size: 160px;
        line-height: 200px;
        width: 100%;
        font-weight: 600;
        text-align: center;
        color: #fff;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        position: absolute;
    }


    #color_more_slide #slide4 .bg_container .bg {
        background: #593534;
    }

    #color_more_slide #slide4 .text_container {
        height: 100%;
        position: relative;
        color: #fff;
        text-align: center;
        font-size: 0;
    }

    #color_more_slide #slide4 .text_container .color_info {
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 100%;
    }

    #color_more_slide #slide4 .text_container p {
        display: inline-block;
        position: relative;
        padding-right: 106px;
    }

    #color_more_slide #slide4 .text_container p .hyphen {
        content: '';
        display: block;
        width: 50px;
        height: 8px;
        background: #fff;
        position: absolute;
        right: 27px;
        top: 68px;
    }

    #color_more_slide #slide4 .text_container p .topIcon {
        font-family: "graphie", 'Noto Sans KR', sans-serif;
        position: absolute;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        width: 100%;
        left: -53px;
        top: -106px;
    }

    #color_more_slide #slide4 .text_container p .topIcon:after {
        content: '';
        display: block;
        width: 206px;
        height: 58px;
        background-image: url('../../resources/images/contents/color/img-curly-bracket.svg');
        margin: 10px auto 0;
    }

    #color_more_slide #slide4 .text_container strong {
        font-family: "graphie", 'Noto Sans KR', sans-serif;
        display: inline-block;
        position: relative;
        font-size: 108px;
        line-height: 132px;
        vertical-align: top;
        box-sizing: border-box;
        padding: 0 20px;
    }

    #color_more_slide #slide4 .text_container strong em {
        display: inline-block;
        border-bottom: 2px #fff solid;
        font-weight: 500;
    }

    #color_more_slide #slide4 .text_container .color_merge {
        font-family: "graphie", 'Noto Sans KR', sans-serif;
        display: block;
        font-size: 16px;
        line-height: 30px;
        text-align: center;
        letter-spacing: -0.5px;
        color: #fff;
    }

    #color_more_slide #slide4 .text_container strong span {
        font-family: "graphie", 'Noto Sans KR', sans-serif;
        display: block;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: -0.7px;
        text-align: left;
        font-weight: 400;
        padding-top: 20px;
    }

    #color_more_slide #slide4 .text_container p strong {
        padding-right: 6px;
        padding-left: 20px;
    }

    #color_more_slide #slide4 .text_container p strong + strong {
        padding-left: 6px;
        padding-right: 20px;
    }

    #color_more_slide #slide4 .text_container p strong span,
    #color_more_slide #slide4 .text_container p + strong span {
        text-align: center;
    }

    #color_more_slide #slide4 .color_name {
        position: fixed;
        font-family: 'Graphie', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        left: 40px;
        bottom: 40px;
    }

    #find_my_color {
        background: #fafafa;
        width: 1180px;
        margin: auto;
        box-sizing: border-box;
        position: relative;
    }

    #find_my_color .bg_container .bg {
        background: #fafafa;
    }

    #find_my_color .text_container {
        height: 100%;
        position: relative;
        padding: 140px 0;
        color: #000;
        text-align: center;
        font-size: 0;
    }

    #find_my_color .text_container p {
        display: inline-block;
        position: relative;
        padding-right: 106px;
    }

    #find_my_color .text_container p .hyphen {
        content: "";
        display: block;
        width: 50px;
        height: 8px;
        background: #000;
        position: absolute;
        right: 27px;
        top: 68px;
    }

    #find_my_color .text_container p .topIcon {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        position: absolute;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        width: 100%;
        left: -53px;
        top: -106px;
    }

    #find_my_color .text_container p .topIcon:after {
        content: "";
        display: block;
        width: 206px;
        height: 58px;
        background-image: url("../images/contents/color/img-curly-bracket.svg");
        margin: 10px auto 0;
    }

    #find_my_color .text_container strong {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        display: inline-block;
        position: relative;
        font-size: 108px;
        line-height: 132px;
        vertical-align: top;
        box-sizing: border-box;
        padding: 0 20px;
    }

    #find_my_color .text_container strong em {
        display: inline-block;
        border-bottom: 2px #000 solid;
        font-weight: 500;
    }

    #find_my_color .text_container .color_merge {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        display: block;
        font-size: 16px;
        line-height: 30px;
        text-align: center;
        letter-spacing: -0.5px;
        color: #000;
    }

    #find_my_color .text_container strong span {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        display: block;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: -0.7px;
        text-align: left;
        font-weight: 400;
        padding-top: 20px;
    }

    #find_my_color .text_container p strong {
        padding-right: 6px;
        padding-left: 20px;
    }

    #find_my_color .text_container p strong + strong {
        padding-left: 6px;
        padding-right: 20px;
    }

    #find_my_color .text_container p strong span,
    #find_my_color .text_container p + strong span {
        text-align: center;
    }

    #find_my_color .color_name {
        position: fixed;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        left: 40px;
        bottom: 40px;
    }

    #color_more_slide #slide5 {
        background: #bdc8d2;
    }

    #color_more_slide #slide5 .bg_container:before {
        content: "";
        width: 50%;
        height: 100%;
        background-image: url("../images/contents/color/img-ncs-p-4-2.jpg");
        background-size: cover;
        position: absolute;
        left: 50%;
        top: 0;
        background-repeat: no-repeat;
    }

    #color_more_slide #slide5 .bg_container .bg:after {
        content: "";
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-size: 100%;
        display: block;
        max-width: 560px;
        max-height: 720px;
        width: 58.333%;
        height: 66.666%;
        position: absolute;
        left: 50%;
        top: 50%;
        background-image: url("../images/contents/color/img-ncs-p-4-1.jpg");
        background-repeat: no-repeat;
    }

    #color_more_slide #slide5 .text_container {
        position: relative;
        box-sizing: border-box;
        padding-left: 50%;
        height: 100%;
        z-index: 2;
        color: #fff;
        padding-top: 8.814%;
        font-family: "graphie", "Noto Sans KR", sans-serif;
    }

    #color_more_slide #slide5 .text_container .h5 {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        box-sizing: border-box;
        padding-left: 6.25%;
        font-size: 32px;
        line-height: 48px;
        letter-spacing: -1.5px;
        position: relative;
    }

    #color_more_slide #slide5 .text_container p {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        box-sizing: border-box;
        padding-left: 6.25%;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: -0.7px;
        margin-top: 10px;
        font-weight: 500;
        position: relative;
        width: 450px;
    }

    #color_more_slide #slide5 .color_name {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        position: fixed;
        color: #0a0a32;
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        left: 40px;
        bottom: 40px;
        opacity: 0.5;
    }

    #color_more_slide #slide6 {
        background: #000;
    }

    #color_more_slide #slide6 .bg_container .bg i {
        width: 34%;
        height: 51%;
        position: absolute;
        display: block;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #color_more_slide #slide6 .bg_container .bg i.bg_1 {
        background-image: url("../images/contents/color/img-ncs-p-5-1.jpg");
        left: 0;
        top: 0;
        height: 50%;
    }

    #color_more_slide #slide6 .bg_container .bg i.bg_2 {
        background-image: url("../images/contents/color/img-ncs-p-5-2.jpg");
        left: 33%;
        top: 0;
    }

    #color_more_slide #slide6 .bg_container .bg i.bg_3 {
        background-image: url("../images/contents/color/img-ncs-p-5-3.jpg");
        left: 66%;
        top: 0;
    }

    #color_more_slide #slide6 .bg_container .bg i.bg_4 {
        background-image: url("../images/contents/color/img-ncs-p-5-4.jpg");
        left: 33%;
        top: 50%;
    }

    #color_more_slide #slide6 .bg_container .bg i.bg_5 {
        background-image: url("../images/contents/color/img-ncs-p-5-5.jpg");
        left: 66%;
        top: 50%;
    }

    #color_more_slide #slide6 .text_container {
        position: absolute;
        width: 33.333%;
        left: 0;
        top: 50%;
        height: 50%;
        color: #fff;
    }

    #color_more_slide #slide6 .text_container .h5 {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        font-size: 32px;
        line-height: 48px;
        letter-spacing: -1.5px;
        font-weight: 600;
        padding-left: 14.062%;
        box-sizing: border-box;
        padding-top: 30%;
        width: 400px;
    }

    #color_more_slide #slide6 .text_container p {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: -0.7px;
        margin-top: 10px;
        padding-left: 14.062%;
        box-sizing: border-box;
    }

    #color_more_slide #slide7 {
        background: #fff;
    }

    #color_more_slide #slide7 .bg_container .bg {
        width: 55%;
        height: 100%;
        max-width: 1080px;
        position: absolute;
        display: block;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("../images/contents/color/img-ncs-p-6-1.svg");
    }

    #color_more_slide #slide7 .text_container {
        position: absolute;
        left: 55%;
        width: 45%;
        box-sizing: border-box;
        padding-left: 5%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
    }

    #color_more_slide #slide7 .text_container .h5 {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        font-size: 32px;
        line-height: 48px;
        letter-spacing: -1.5px;
        color: #000;
        font-weight: 600;
        width: 200px;
    }

    #color_more_slide #slide7 .text_container p {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: -0.7px;
        margin-top: 10px;
        width: 380px;
    }

    #color_more_slide #slide7 .text_container img {
        width: 480px;
        margin-top: 100px;
    }

    #color_more_slide #slide8 {
        background: #fcd61d;
    }

    #color_more_slide #slide8 .bg_container .bg {
        width: 50%;
        height: 100%;
        position: absolute;
        display: block;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("../images/contents/color/img-ncs-p-7-1-sweden.jpg");
    }

    #color_more_slide #slide8 .bg_container .bg i {
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        left: 100%;
    }

    #color_more_slide #slide8 .bg_container .bg i:before {
        content: "";
        position: absolute;
        display: block;
        width: 560px;
        height: 720px;
        top: 50%;
        left: 50%;
        background-image: url("../images/contents/color/img-ncs-p-7-2.jpg");
        background-size: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    #color_more_slide #slide8 .color_name {
        position: fixed;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        right: 0;
        width: 50%;
        bottom: 40px;
        text-align: center;
    }

    #color_more_slide #slide8 .text_container {
        position: absolute;
        left: 0;
        color: #fff;
        box-sizing: border-box;
        height: 100%;
        padding-top: 8.814%;
        width: 50%;
    }

    #color_more_slide #slide8 .text_container .h5 {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        padding-left: 6.25%;
        font-size: 32px;
        line-height: 48px;
        letter-spacing: -1.5px;
    }

    #color_more_slide #slide8 .text_container p {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        margin-top: 10px;
        padding-left: 6.25%;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: -0.7px;
        font-weight: bold;
        width: 240px;
    }

    #color_more_slide #slide9 .bg_container .bg {
        background-image: url("../images/contents/color/bg_color_search_01.jpg");
    }

    #color_more_slide #slide9 .bg_container .bg:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.75;
    }

    #color_more_slide #slide9 .text_container ul {
        font-size: 0;
        text-align: center;
        height: 100%;
        position: relative;
    }

    #color_more_slide #slide9 .text_container ul li {
        width: 420px;
        display: block;
        padding: 0 65px;
        height: 100%;
        position: fixed;
        left: 50%;
        margin-left: -275px;
        top: 0;
        transform: translateX(-50%);
    }

    #color_more_slide #slide9 .text_container ul li + li {
        top: 50%;
        margin-left: 275px;
        transform: translate(-50%, -50%);
    }

    #color_more_slide #slide9 .text_container ul li .h5 {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        font-size: 24px;
        font-weight: bold;
        color: #fff;
        line-height: 36px;
        margin-bottom: 10px;
        position: relative;
        text-align: left;
        margin-top: 30px;
        width: 250px;
    }

    #color_more_slide #slide9 .text_container ul li p {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.7px;
        color: #fff;
        font-weight: 400;
        position: relative;
        text-align: left;
    }

    #color_more_slide #slide9 .text_container ul li strong {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        max-height: 560px;
        font-size: 0;
        height: 60%;
        display: block;
        position: relative;
    }

    #color_more_slide #slide9 .text_container ul li strong:after {
        content: "";
        display: block;
        width: 100%;
        height: 270px;
        position: absolute;
        bottom: 0;
        background-size: 100%;
    }

    #color_more_slide #slide9 .text_container ul li:first-child strong {
        background: #018245;
    }

    #color_more_slide #slide9 .text_container ul li:first-child + li strong {
        background: #E20D3A;
        margin-top: 25%;
    }

    #color_more_slide #slide9 .text_container ul li:first-child strong:after {
        background-image: url("../images/contents/color/img-ncs-p-8-950.svg");
    }

    #color_more_slide #slide9 .text_container ul li:first-child + li strong:after {
        background-image: url("../images/contents/color/img-ncs-p-8-600.svg");
    }

    #color_more_slide .slider_nav_container {
        position: fixed;
        right: 40px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 3;
    }

    #color_more_slide .slider_nav_container a {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        width: 40px;
        height: 40px;
        font-size: 0;
        display: block;
        position: relative;
    }

    #color_more_slide .slider_nav_container a:before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -4px;
        margin-top: -4px;
        width: 8px;
        height: 8px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0.4;
    }

    #color_more_slide .slider_nav_container.black a:before {
        background: #000;
    }

    #color_more_slide .slider_nav_container .on a:before {
        opacity: 1;
    }

    #color_more_slide .scroll_down {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        width: 48px;
        text-align: center;
        position: fixed;
        bottom: 40px;
        left: 50%;
        font-size: 16px;
        line-height: 24px;
        font-family: "graphie";
        font-weight: 600;
        margin-left: -24px;
        color: #fff;
        animation: down infinite 2s ease-in-out;
    }

    #color_more_slide .scroll_down:after {
        content: "";
        display: block;
        width: 48px;
        height: 48px;
        background-image: url("../images/common/icon-drop-down-white.svg");
    }

    @keyframes down {
        50% {
            transform: translateY(30px);
        }
    }

    /* color arch painting system*/
    .color_view .arch_system {
        margin-top: 80px;
    }

    .color_view .arch_system .inner {
        padding-top: 0;
    }

    .color_view .arch_system .title {
    }

    .color_view .arch_system .title h2 {
        font-size: 56px;
        line-height: 84px;
        letter-spacing: -1.5px;
        color: #000;
        font-weight: 600;
    }

    .color_view .arch_system .title p {
        font-size: 18px;
        line-height: 34px;
        letter-spacing: -0.7px;
        color: #000;
        margin-top: 30px;
    }

    .color_view .arch_system .title .arch_value {
        margin-top: 120px;
        font-size: 0;
    }

    .color_view .arch_system .title .arch_value li {
        display: inline-block;
        width: 25%;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: -0.7px;
        color: #000;
    }

    .color_view .arch_system .title .arch_value li .icon {
        display: block;
        height: 72px;
    }

    .color_view .arch_system .title .arch_value li i img {
        height: 100%;
    }

    .color_view .arch_system .title .arch_value li strong {
        display: block;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -0.7px;
        margin-bottom: 8px;
        margin-top: 20px;
    }

    .color_view .arch_system_img {
        margin-top: 160px;
        font-size: 0;
        text-align: center;
    }

    .color_view .arch_system_img img {
        max-width: 100%;
    }

    .color_view .arch_system .h3.sub_title {
        font-size: 48px;
        line-height: 68px;
        letter-spacing: -1.5px;
        font-weight: 600;
    }

    .color_view .arch_system .sub_txt {
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -1px;
        font-weight: 600;
        margin-top: 20px;
    }

    .color_view .arch_system .section_expert {
        padding-top: 200px;
    }

    .color_view .arch_system .section_expert .expert_ncs {
        position: relative;
        margin-top: 100px;
        box-sizing: border-box;
        padding-left: 770px;
        min-height: 620px;
    }

    .color_view .arch_system .section_expert .expert_ncs img {
        position: absolute;
        left: -370px;
    }

    .color_view .arch_system .section_expert .expert_ncs p {
        padding-top: 280px;
    }

    .color_view .arch_system .section_expert .expert_ncs p img {
        position: relative;
        left: 0;
    }

    .color_view .arch_system .section_expert .expert_ncs p strong {
        display: block;
        font-size: 20px;
        line-height: 30px;
        font-weight: 600;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        margin-bottom: 10px;
    }

    .color_view .arch_system .section_expert .expert_ncs p span {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: -0.5px;
    }

    .color_view .arch_system .section_expert .expert_img_box {
        font-size: 0;
        margin-top: 100px;
    }

    .color_view .arch_system .section_expert .expert_img_box i {
        width: 1440px;
        display: block;
    }

    .color_view .arch_system .section_expert .expert_img_box img {
        position: relative;
        left: 0;
    }

    .color_view .arch_system .section_expert .expert_img_box strong {
        display: block;
        margin-top: 20px;
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.7px;
        margin-bottom: 8px;
    }

    .color_view .arch_system .section_expert .expert_img_box span {
        display: block;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.5px;
    }

    .color_view .arch_system .section_construction {
        margin-top: 200px;
    }

    .color_view .arch_system .section_construction .img_box {
        position: relative;
        margin-top: 100px;
    }

    .color_view .arch_system .section_construction .img_box img:first-child {
        position: absolute;
        left: -370px;
    }

    .color_view
    .arch_system
    .section_construction
    .img_box
    img:first-child
    + .img_wrap {
        position: relative;
        left: 640px;
        margin-bottom: 80px;
        display: inline-block;
    }

    .color_view .arch_system .section_construction .img_box .img_wrap img {
        left: 0;
        position: relative;
    }

    .color_view .arch_system .section_construction .img_box .img_wrap span {
        display: block;
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.7px;
        margin-top: 20px;
        font-weight: 600;
    }

    .color_view .arch_system .recommend_product {
        margin-top: 200px;
    }

    .color_view .arch_system .recommend_product .culture_tab_depth_1 {
        padding-bottom: 35px;
        margin-top: 59px;
    }

    .color_view .arch_system .recommend_product .culture_tab_depth_1 li {
        font-size: 18px;
        line-height: 32px;
    }

    .color_view .arch_system .recommend_product .culture_tab_depth_1 li::before {
        height: 16px;
        margin-top: -8px;
    }

    .color_view .arch_system .recommend_product .culture_tab_depth_1 li a {
        color: #000;
        opacity: 0.3;
    }

    .color_view .arch_system .recommend_product .culture_tab_depth_1 li a.active {
        opacity: 1;
    }

    .color_view .arch_system .recommend_product .space_info {
        max-width: 1920px;
        margin: auto;
        overflow: hidden;
        position: relative;
        height: 1090px;
    }

    .color_view .arch_system .recommend_product .space_info > div {
        position: absolute;
        margin-left: -960px;
        left: 50%;
    }

    .color_view .arch_system .recommend_product .space_info .module {
        position: absolute;
        background: #000;
        padding: 20px 24px 24px;
        border-radius: 8px;
        color: #fff;
        cursor: pointer;
    }

    .color_view .arch_system .recommend_product .space_info .module a {
        color: #fff;
    }

    .color_view
    .arch_system
    .recommend_product
    .space_info
    .module.left_arrow:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 20px transparent solid;
        border-right: 20px transparent solid;
        border-top: 20px #000 solid;
        left: -20px;
        top: 0;
    }

    .color_view
    .arch_system
    .recommend_product
    .space_info
    .module.bottom_arrow:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 30px transparent solid;
        border-right: 0px transparent solid;
        border-top: 30px #000 solid;
        right: 0;
        bottom: -20px;
    }

    .color_view
    .arch_system
    .recommend_product
    .space_info
    .module.bottom_arrow2:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-right: 30px transparent solid;
        border-left: 0px transparent solid;
        border-top: 30px #000 solid;
        left: 0;
        bottom: -20px;
    }

    .color_view .arch_system .recommend_product .space_info .module strong {
        display: block;
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -1px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .color_view .arch_system .recommend_product .space_info .module em {
        display: block;
        font-size: 16px;
        letter-spacing: -0.7px;
        line-height: 24px;
    }

    .color_view .arch_system .recommend_product .space_info_detail {
        padding-top: 40px;
    }

    .color_view .arch_system .recommend_product .space_info_detail .download {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -0.7px;
        font-weight: 600;
    }

    .color_view
    .arch_system
    .recommend_product
    .space_info_detail
    .download:before {
        content: "";
        display: inline-block;
        width: 12px;
        height: 24px;
        margin-right: 6px;
        background-image: url("../images/common/download.svg");
        position: relative;
        top: 4px;
    }

    .color_view .arch_system .recommend_product .space_info_detail .links {
        float: right;
    }

    .color_view .arch_system .recommend_product .space_info_detail .links a {
        display: inline-block;
        font-size: 18px;
        line-height: 36px;
        letter-spacing: -0.7px;
        color: #111;
        margin-left: 40px;
        font-weight: 500;
    }

    .color_view .arch_system .recommend_product .space_info_detail .links a:after {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background-color: #000;
        border-radius: 50%;
        margin-left: 10px;
        position: relative;
        vertical-align: top;
        top: 8px;
        background-image: url("../images/common/north-east.svg");
        background-position: center;
        background-size: 20px;
    }

    .color_view .arch_system .location_list {
        margin-top: 100px;
        margin-bottom: 240px;
    }

    .color_view .arch_system .location_list dl {
        box-sizing: border-box;
        padding: 30px 0;
        padding-left: 300px;
        position: relative;
        border-bottom: 1px #ccc solid;
    }

    .color_view .arch_system .location_list dl dt {
        position: absolute;
        top: 30px;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -0.5px;
        font-weight: 500;
        left: 0;
    }

    .color_view .arch_system .location_list dl dd {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.5px;
        font-family: "graphie", "Noto Sans KR", sans-serif;
    }

    .color_view .arch_system .location_list dl dd p {
        margin-bottom: 14px;
    }

    .color_view .arch_system .location_list dl dd em {
        display: block;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        font-weight: 500;
        letter-spacing: 0;
    }

    .color_view .arch_system .location_list dl dd em button {
        float: right;
        font-weight: 500;
        font-family: "Noto Sans KR", sans-serif;
    }

    .color_view .arch_system .location_list dl dd em button:after {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-left: 4px;
        background-image: url("../images/common/icon-pin.svg");
        position: relative;
        vertical-align: top;
        top: 0px;
    }

    .color_view .arch_system .location_list dl dd .map_box {
        display: none;
        width: 100%;
        background-color: #ccc;
        position: relative;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
        height: 360px;
        margin-top: 22px;
    }

    /* color design center*/
    .color_design_center {
        padding-top: 0;
        box-sizing: border-box;
    }

    /*.color_design_center::before {*/
    /*    content: "";*/
    /*    left: 0;*/
    /*    top: 0;*/
    /*    display: block;*/
    /*    position: absolute;*/
    /*    width: 100%;*/
    /*    height: 1080px;*/
    /*    background-image: url("../images/contents/color/scd/img-scd-1.jpg");*/
    /*    background-position: top center;*/
    /*    background-repeat: no-repeat;*/
    /*    background-size: cover;*/
    /*}*/
    .newsletter-sub_kv {
        width: 100%;
        height: 840px;
        margin-top: 96px;
        background-image: url("../images/common/img-newsletter-hub-1.jpg");
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .color_design_kv {
        width: 100%;
        height: 1080px;
        background-image: url("../images/contents/color/scd/img-scd-1.jpg");
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .color_design_center #location li span,
    .color_design_center #location li a {
        color: #fff;
        opacity: 0.5;
    }

    .color_design_center #location li:last-child span {
        opacity: 1;
    }

    .color_design_center #location li strong {
        color: #fff;
        opacity: 1;
    }

    .color_design_center #location li a:before,
    .color_design_center #location li span:before {
        border-color: #fff;
    }

    .color_design_center #location li:last-child span:before {
        display: none;
    }

    .color_design_center .culture_tab_depth_1 {
        text-align: left;
        margin-top: 89px;
        padding-bottom: 76px;
    }

    .color_design_center .culture_tab_depth_1 li:first-child {
        padding-left: 0;
    }

    .color_design_center .culture_tab_depth_1 li a {
        color: #fff;
        opacity: 0.5;
    }

    .color_design_center .culture_tab_depth_1 li a.active {
        opacity: 1;
    }

    .color_design_center .top_visual {
        height: 843px;
    }

    .newsletter-sub .top_visual .title .h2 span {
        display: block;
        margin-bottom: 32px;
        padding-top: 342px;
        color: #fff;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        font-size: 72px;
        font-style: normal;
        font-weight: 600;
        line-height: 84px; /* 116.667% */
        letter-spacing: -1.44px;
        text-align: center;
    }

    .color_design_center .top_visual .title .h2 span {
        font-size: 130px;
        display: block;
        line-height: 0.97;
        letter-spacing: -0.5px;
        color: #fff;
        font-weight: 600;
        margin-bottom: 10px;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
    }

    .color_design_center .top_visual .title .h2 .sub_title {
        font-size: 0;
        width: 972px;
        height: 72px;
        display: block;
        background-image: url("../images/contents/color/scd/txt-scd-headline.png");
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .newsletter-sub .top_visual .title p {
        margin: 50px 0 0;
        left: 50%;
        font-size: 30px;
        line-height: 40px;
        letter-spacing: -0.9px;
        color: #fff;
        font-weight: 400;
        position: relative;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: inline-block;
    }

    .color_design_center .top_visual .title p {
        margin: 50px 0 0;
        left: 50%;
        font-size: 22px;
        line-height: 34px;
        letter-spacing: -0.7px;
        color: #fff;
        font-weight: 500;
        position: relative;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: inline-block;
    }

    .color_design_center .top_visual .title p a {
        display: block;
        color: #ffffff;
        line-height: 1;
        letter-spacing: -0.7px;
        font-size: 18px;
        margin-top: 40px;
    }

    .color_design_center .top_visual .title p a span {
        display: inline-block;
        position: relative;
        padding-right: 24px;
        text-decoration: underline;
    }

    .color_design_center .top_visual .title p a span:after {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        right: 0;
        background-image: url("../images/contents/color/scd/icon.svg");
        background-size: 20px 20px;
    }

    .color_design_center .color_design .h3 {
        margin-top: 162px;
        font-size: 56px;
        line-height: 72px;
        letter-spacing: -1.5px;
        color: #000;
        margin-bottom: 30px;
        font-weight: 700;
    }

    .color_design_center .color_design p {
        font-size: 22px;
        line-height: 34px;
        letter-spacing: -1px;
        color: #000;
        font-weight: 600;
        margin-bottom: 60px;
    }

    .color_design_center .color_design .img_wrap {
        position: relative;
        display: block;
    }

    .color_design_center .color_design .img_wrap img:first-child {
        position: absolute;
        left: -470px;
        bottom: 0;
    }

    .color_design_center .color_design ul {
        position: relative;
        font-size: 0;
        margin-left: -70px;
    }

    .color_design_center .color_design ul li {
        width: 33.333%;
        display: inline-block;
        box-sizing: border-box;
        padding-left: 70px;
        margin-top: 60px;
    }

    .color_design_center .color_design ul li strong {
        font-size: 18px;
        line-height: 28px;
        font-weight: 600;
        letter-spacing: -1px;
        color: #000;
        display: block;
        margin-bottom: 10px;
    }

    .color_design_center .color_design ul li span {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: -0.7px;
        color: #000;
    }

    .color_design_center .color_communication .h3 {
        margin-top: 200px;
        font-size: 56px;
        line-height: 72px;
        letter-spacing: -1.5px;
        color: #000;
        margin-bottom: 30px;
        font-weight: 700;
    }

    .color_design_center .color_communication p {
        font-size: 22px;
        line-height: 34px;
        letter-spacing: -1px;
        color: #000;
        font-weight: 600;
        margin-bottom: 60px;
    }

    .color_design_center .color_communication .img_box {
        position: relative;
        display: block;
    }

    .color_design_center .color_communication .img_box > img {
        position: relative;
        left: -470px;
    }

    .color_design_center .color_communication .img_box .img_wrap {
        display: inline-block;
        position: absolute;
        left: 760px;
        top: 0;
    }

    .color_design_center .color_communication .img_box .img_wrap strong {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: -1px;
        color: #000;
        font-weight: 600;
        display: block;
        margin-top: 20px;
    }

    .color_design_center .color_communication .img_box .img_wrap span {
        display: block;
        margin-top: 10px;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: -0.7px;
        color: #000;
    }

    .color_design_center .color_communication ul {
        position: relative;
        margin-left: -20px;
        margin-top: 120px;
    }

    .color_design_center .color_communication ul li {
        display: inline-block;
        width: 500px;
        box-sizing: border-box;
        padding-left: 20px;
        vertical-align: top;
    }

    .color_design_center .color_communication ul li strong {
        display: block;
        font-size: 18px;
        font-weight: 600;
        line-height: 1.56;
        letter-spacing: -1px;
        color: #000;
        margin-top: 20px;
    }

    .color_design_center .color_communication ul li span {
        display: block;
        margin-top: 10px;
        font-size: 16px;
        line-height: 1.63;
        letter-spacing: -0.7px;
        color: #000;
    }

    .color_design_center .color_consulting {
        padding-bottom: 200px;
    }

    .color_design_center .color_consulting .h3 {
        margin-top: 200px;
        font-size: 56px;
        line-height: 72px;
        letter-spacing: -1.5px;
        color: #000;
        margin-bottom: 30px;
        font-weight: 700;
    }

    .color_design_center .color_consulting p {
        font-size: 22px;
        line-height: 34px;
        letter-spacing: -1px;
        color: #000;
        font-weight: 600;
        margin-bottom: 60px;
    }

    .color_design_center .color_consulting ul {
        margin-left: -70px;
        position: relative;
        font-size: 0;
    }

    .color_design_center .color_consulting ul li {
        display: inline-block;
        width: 280px;
        padding-top: 60px;
        padding-left: 70px;
        color: #000;
        vertical-align: top;
    }

    .color_design_center .color_consulting ul li strong {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: -1px;
        margin-bottom: 10px;
        display: block;
    }

    .color_design_center .color_consulting ul li span {
        display: block;
        font-size: 16px;
        line-height: 1.63;
        letter-spacing: -0.7px;
    }

    /* color finder */

    .deAvcive .right_arrow {
        cursor: pointer;
    }

    .deAvcive .left_arrow {
        cursor: pointer;
    }

    /* color finder pop */

    /* company */
    .company {
        padding-top: 96px;
    }

    .company_esg,
    .vision_csr {
        padding-top: 96px;
    }

    .company_inner {
        width: 1180px;
        margin: auto;
        box-sizing: border-box;
        position: relative;
    }

    .company .inner {
        padding-top: 160px;
    }

    .company.council-details .inner {
        padding-top: 80px;
    }

    .company.intro .intro_subTitle {
        font-size: 18px;
        line-height: 34px;
        letter-spacing: -1px;
        color: #000;
        margin-top: 30px;
        margin-bottom: 80px;
    }

    .company.intro .intro_subTitle + .img_wrap {
        display: block;
        width: 100%;
    }

    .company.intro .intro_subTitle + .img_wrap img {
        width: 100%;
    }

    .company.intro .intro_contents1 {
        position: relative;
        box-sizing: border-box;
        padding-left: 50%;
        margin-top: 80px;
        padding-bottom: 220px;
    }

    .company.intro .intro_contents1 .h5 {
        position: absolute;
        left: 0;
        font-size: 32px;
        line-height: 52px;
        letter-spacing: -1px;
        color: #000;
    }

    .company.intro .intro_contents1 p {
        font-size: 18px;
        line-height: 34px;
        letter-spacing: -1px;
        color: #000;
        margin-bottom: 20px;
    }

    .company.intro .brand-video {
        margin-top: 110px;
    }

    .company.intro .brand-video .txt {
        margin-top: 0;
        margin-bottom: 80px;
        font-size: 18px;
        line-height: 34px;
        letter-spacing: -1px;
        color: #000;
    }

    .company.eco .eco_bg {
        background-image: url("../images/contents/company/img-eco-1.jpg");
        background-size: cover;
        min-height: 720px;
        box-sizing: border-box;
        padding-top: 112px;
        color: #fff;
    }

    .company.eco .safety_bg {
        background-image: url("../images/contents/company/img-eco-2.jpg");
        background-size: cover;
        min-height: 720px;
        box-sizing: border-box;
        padding-top: 112px;
        color: #fff;
    }

    .company.eco .eco_value {
        font-size: 0;
        position: relative;
        margin-left: -50px;
    }

    .company.eco .eco_value li {
        width: 33.333%;
        display: inline-block;
        vertical-align: top;
        padding-left: 50px;
        box-sizing: border-box;
        max-width: 410px;
    }

    .company.eco .eco_value li .h5 {
        font-family: "Sora", "Graphie", "Noto Sans KR", sans-serif;
        font-size: 16px;
        line-height: 36px;
        font-weight: 600;
        display: block;
        margin-bottom: 20px;
    }

    .company.eco .eco_value li p {
        font-size: 24px;
        font-weight: bold;
        line-height: 40px;
        letter-spacing: -0.7px;
    }

    .company.eco .eco_certification h2 {
        margin-top: 80px;
    }

    .company.eco .eco_certification p {
        font-size: 18px;
        line-height: 34px;
        letter-spacing: -0.01em;;
        margin-top: 40px;
    }

    .company.eco .eco_certification_history {
        margin-top: 100px;
    }

    .company.eco .eco_certification_history li {
        position: relative;
        box-sizing: border-box;
        padding-left: 100px;
        margin-bottom: 10px;
    }

    .company.eco .eco_certification_history li strong {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 18px;
        line-height: 34px;
        letter-spacing: -0.5px;
        font-family: "Sora", "Graphie", "Noto Sans KR", sans-serif;
        font-weight: 600;
    }

    .company.eco .eco_certification_history li i {
        display: inline-block;
        font-size: 0;
        height: 12px;
        border-radius: 6px;
        background: #000;
        margin-right: 10px;
    }

    .company.eco .eco_certification_history li span {
        font-size: 18px;
        line-height: 34px;
        font-weight: 500;
        color: #000;
        font-family: "Sora", "Graphie", "Noto Sans KR", sans-serif;
    }

    .company.eco .eco_certification_history li.current i {
        background: #009446;
    }

    .company.eco .eco_certification_history li.current span {
        color: #009446;
    }

    .company.eco .eco_Record {
        padding-bottom: 240px;
    }

    .company.eco .eco_Record h2 {
        margin-bottom: 20px;
        margin-top: 80px;
    }

    .company.eco .eco_Record ol {
        font-size: 0;
    }

    .company.eco .eco_Record li {
        display: inline-block;
        width: 50%;
        margin-top: 80px;
        color: #000;
        vertical-align: top;
    }

    .company.eco .eco_Record li h5 {
        font-family: "Sora", "Graphie", "Noto Sans KR", sans-serif;
        font-size: 72px;
        line-height: 88px;
        letter-spacing: -0.5px;
        font-weight: 500;
        padding-bottom: 6px;
    }

    .company.eco .eco_Record li p {
        position: relative;
        box-sizing: border-box;
        padding-left: 100px;
        margin-top: 28px;
    }

    .company.eco .eco_Record li p strong {
        position: absolute;
        left: 0;
        font-size: 18px;
        line-height: 32px;
        font-family: "Sora", "Graphie", "Noto Sans KR", sans-serif;
    }

    .company.eco .eco_Record li p span {
        font-size: 18px;
        font-weight: 500;
        line-height: 32px;
        letter-spacing: -1px;
        font-family: "Sora", "Graphie", "Noto Sans KR", sans-serif;
    }

    .company.eco .eco_Record .more_btn {
        display: block;
        width: 44px;
        height: 44px;
        font-size: 0;
        background-image: url("../images/common/btn-collapse-nor.svg");
        background-size: 100%;
        margin: 94px auto;
        -webkit-transition: 0.3s transform ease;
        transition: 0.3s transform ease;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .company.eco .eco_Record .more_btn.extand {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    .company.rights .rights_bg {
        position: relative;
        background-image: url("../images/contents/company/img-rights-01.jpg");
        background-size: cover;
        min-height: 720px;
        box-sizing: border-box;
        padding-top: 112px;
        color: #fff;
    }

    .company.rights .rights_bg .rights_bg_inner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .company.rights .rights_bg .rights_bg_inner .rights_bg_inner_bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        background: linear-gradient(270deg, #000 0%, rgba(0, 0, 0, 0.00) 53.05%);
        mix-blend-mode: multiply;
    }

    .company.rights .rights_bg .rights_bg_inner div {
        width: 1180px;
        height: 100%;
        display: flex;
        justify-content: end;
        align-items: center;
        margin: auto;
        box-sizing: border-box;
    }

    .company.rights .rights_bg .rights_bg_inner div ul {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        gap: 40px;
        color: #FFF;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 166.667% */
        letter-spacing: -1.5px;
    }

    .company.rights .rights_bg .rights_bg_inner div ul li {
        width: 380px;
        padding: 16px;
        border-radius: 48px;
        border: 1px solid #FFF;
        background: rgba(255, 255, 255, 0.20);
        backdrop-filter: blur(2px);
        text-align: center;
    }

    .company.rights .inner .rights_list {
        /*display: grid;*/
        /*grid-template-columns: repeat(2, minmax(0, 1fr));*/
        padding-top: 20px;
        font-size: 0;
        padding-bottom: 240px;
    }

    .company.rights .csr_contents h2 {
        margin-top: 80px;
    }
    .company.rights .inner .sub_title {
        font-size: 18px;
        line-height: 34px;
        letter-spacing: -1px;
        color: #000;
        margin-top: 40px;
    }

    .company.rights .inner .rights_list li {
        display: inline-block;
        margin-top: 100px;
    }

    .company.rights .inner .rights_list li strong {
        display: block;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -0.6px;
        color: #000;
        font-weight: 600;
    }

    .company.rights .inner .rights_list li div {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.7px;
        color: #000;
        margin-top: 8px;
    }

    .company.rights .inner .rights_list li .note {
        font-size: 14px;
        line-height: 24px;
        color: #5c5c5c;
        margin-top: 60px;

    }

    .company.rights .inner .complaint-link {
        padding-top: 60px;
        text-align: left; /* 필요 시 정렬 */
    }

    .company.rights .inner .complaint-link a {
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 16px;
        color: #000;
        text-decoration: none;
        font-weight: 500;
        letter-spacing: -0.5px;
        transition: all 0.3s ease;
    }

    .company.rights .inner .complaint-link a:hover {
        color: #E20D3A;
        text-decoration: none;
    }

    .company.rights .inner .complaint-link a svg path {
        transition: stroke 0.3s ease;
    }

    .company.rights .inner .complaint-link a:hover svg path {
        stroke: #E20D3A;
    }

    .company.supply .supply_bg {
        position: relative;
        background-image: url("../images/contents/company/img-supply-01.jpg");
        background-size: cover;
        min-height: 720px;
        box-sizing: border-box;
        padding-top: 112px;
        color: #fff;
    }

    .company.supply .supply_bg .supply_bg_inner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .company.supply .supply_bg .supply_bg_inner .supply_bg_inner_bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        background: linear-gradient(270deg, #000 0%, rgba(0, 0, 0, 0.00) 53.05%);
        mix-blend-mode: multiply;
    }

    .company.supply .supply_bg .supply_bg_inner div {
        width: 1180px;
        height: 100%;
        display: flex;
        align-items: center;
        margin: auto;
        box-sizing: border-box;
    }

    .company.supply .supply_bg .supply_bg_inner div ul {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        gap: 40px;
        color: #FFF;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 166.667% */
        letter-spacing: -1.5px;
    }

    .company.supply .supply_bg .supply_bg_inner div ul li {
        width: 380px;
        padding: 16px;
        border-radius: 48px;
        border: 1px solid #FFF;
        background: rgba(255, 255, 255, 0.20);
        backdrop-filter: blur(2px);
        text-align: center;
    }

    .company.supply .inner .supply_list {
        /*display: grid;*/
        /*grid-template-columns: repeat(2, minmax(0, 1fr));*/
        padding-top: 20px;
        font-size: 0;
        padding-bottom: 240px;
    }

    .company.supply .csr_contents h2 {
        margin-top: 80px;
    }
    .company.supply .inner .sub_title {
        font-size: 18px;
        line-height: 34px;
        letter-spacing: -1px;
        color: #000;
        margin-top: 40px;
    }

    .company.supply .inner .supply_list li {
        display: inline-block;
        margin-top: 100px;
    }

    .company.supply .inner .supply_list li strong {
        display: block;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -0.6px;
        color: #000;
        font-weight: 600;
    }

    .company.supply .inner .supply_list li div {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.7px;
        color: #000;
        margin-top: 8px;
    }

    .company.supply .inner .supply_list li .note {
        font-size: 14px;
        line-height: 24px;
        color: #5c5c5c;
        margin-top: 60px;
    }

    .company.supply .inner .complaint-link {
        padding-top: 60px;
        text-align: left; /* 필요 시 정렬 */
    }

    .company.supply .inner .complaint-link a {
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 16px;
        color: #000;
        text-decoration: none;
        font-weight: 500;
        letter-spacing: -0.5px;
        transition: all 0.3s ease;
    }

    .company.supply .inner .complaint-link a:hover {
        color: #E20D3A;
        text-decoration: none;
    }

    .company.supply .inner .complaint-link a svg path {
        transition: stroke 0.3s ease;
    }

    .company.supply .inner .complaint-link a:hover svg path {
        stroke: #E20D3A;
    }


    .company.csr .csr_bg {
        background-image: url("../images/contents/customer/img-eco-1.jpg");
        background-size: cover;
        min-height: 720px;
        box-sizing: border-box;
        padding-top: 112px;
        color: #fff;
    }

    .company.csr .shareholders_bg {
        background-image: url("../images/contents/customer/img-share-1.jpg");
        background-size: cover;
        min-height: 720px;
        box-sizing: border-box;
        padding-top: 112px;
        color: #fff;
    }

    .company.csr .csr_contents h2 {
        margin-top: 80px;
    }
    .company.csr .inner .sub_title {
        font-size: 18px;
        line-height: 34px;
        letter-spacing: -1px;
        color: #000;
        margin-top: 40px;
    }

    .company.csr .inner .csr_list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-top: 20px;
        font-size: 0;
        padding-bottom: 240px;
    }

    .company.csr .inner .csr_list li {
        display: inline-block;
        margin-top: 100px;
    }

    .company.csr .inner .csr_list li strong {
        display: block;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -0.6px;
        color: #000;
        font-weight: 600;
    }

    .company.csr .inner .csr_list li div {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.7px;
        color: #000;
        margin-top: 8px;
    }

    .company.talent {
        min-height: 1872px;
        position: relative;
    }

    .company.talent #location {
        position: relative;
    }

    .company.talent #location a,
    .company.talent #location span {
        color: #fff;
        opacity: 0.5;
    }

    .company.talent #location strong {
        color: #fff;
        font-weight: 400;
    }

    .company.talent #location li a::before,
    .company.talent #location li span::before {
        border-color: #fff;
    }

    .company.talent .talent_Bg {
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url("../images/contents/company/img-talent-1.png");
        background-size: cover;
        left: 0;
        top: 0;
    }

    .company.talent .talent_Bg:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        background: #000;
        opacity: 0.75;
        left: 0;
        top: 0;
    }

    .company.talent .h2 {
        color: #fff;
        padding-bottom: 16px;
    }

    .company .culture_tab_depth_1 a {
        color: #aaa;
    }

    .company.talent .culture_tab_depth_1 a:hover,
    .company.talent .culture_tab_depth_1 a:focus,
    .company.talent .culture_tab_depth_1 a:active,
    .company.talent .culture_tab_depth_1 a.active {
        color: #fff;
    }

    .company .culture_tab_depth_1 a:hover,
    .company .culture_tab_depth_1 a:focus,
    .company .culture_tab_depth_1 a:active,
    .company .culture_tab_depth_1 a.active {
        color: #000;
    }

    .company .culture_tab_depth_1 li:before {
        background: #aaa;
    }

    .company .target_icon {
        display: inline-block;
        width: 24px;
        height: 24px;
        position: relative;
        margin-left: 6px;
        vertical-align: top;
        top: 9px;
        background-image: url("../images/common/icon-arrow-icon-north-east-circle.svg");
    }

    .company .culture_tab_depth_1 a:hover .target_icon {
        background-image: url("../images/common/icon-arrow-icon-north-east-bk.svg");
    }

    .company.talent .talent_list {
        font-size: 0;
        color: #fff;
        padding-top: 60px;
        overflow: hidden;
    }

    .company.talent .talent_list ul {
        position: relative;
        left: 270px;
    }

    .company.talent .talent_list li {
        width: 500px;
        box-sizing: border-box;
        display: inline-block;
        margin-top: 100px;
    }

    .company.talent .talent_list li .h5 {
        font-size: 40px;
        font-weight: bold;
        line-height: 60px;
        letter-spacing: -1px;
        margin-bottom: 20px;
    }

    .company.talent .talent_list li p {
        font-size: 18px;
        font-weight: 500;
        line-height: 32px;
        letter-spacing: -0.7px;
    }

    .company.talent .culture_tab_depth_1 a:hover .target_icon {
        background-image: url("../images/common/icon-arrow-icon-north-east-wh.svg");
    }

    .company.hire_process .hire_cont {
        padding-top: 96px;
        color: #000;
        padding-bottom: 240px;
    }

    .company.hire_process .hire_cont .h5 {
        font-size: 32px;
        line-height: 48px;
        letter-spacing: -1px;
        margin-bottom: 12px;
    }

    .company.hire_process .hire_cont p {
        font-size: 18px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: -0.7px;
    }

    .company.hire_process .hire_cont .process_list {
        padding-top: 80px;
        font-size: 0;
        position: relative;
        margin-left: -56px;
        margin-bottom: 60px;
    }

    .company.hire_process .hire_cont .process_list li {
        width: 206px;
        box-sizing: border-box;
        padding-left: 56px;
        display: inline-block;
        position: relative;
    }

    .company.hire_process .hire_cont .process_list li:before {
        content: "";
        display: block;
        position: absolute;
        width: 24px;
        height: 24px;
        background-image: url("../images/common/icon-arw-u-21-c-0.svg");
        left: 16px;
        top: 50%;
        margin-top: -12px;
    }

    .company.hire_process .hire_cont .process_list li:first-child:before {
        content: none;
    }

    .company.hire_process .hire_cont .process_list li span {
        display: block;
        width: 100%;
        height: 150px;
        background: #555;
        border-radius: 50%;
        position: relative;
    }

    .company.hire_process .hire_cont .process_list li i {
        line-height: 34px;
        color: #fff;
        font-size: 18px;
        letter-spacing: -1px;
        font-weight: bold;
        text-align: center;
        display: inline-block;
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .company.hire_process .hire_cont .process_list li.complete span {
        background: #E20D3A;
    }

    .company.hire_process .hire_cont .process_detail {
        font-size: 0;
        color: #000;
        position: relative;
        margin-left: -110px;
        margin-bottom: 160px;
    }

    .company.hire_process .hire_cont .process_detail li {
        width: 33.333%;
        box-sizing: border-box;
        padding-left: 110px;
        display: inline-block;
        vertical-align: top;
        margin-top: 60px;
    }

    .company.hire_process .hire_cont .process_detail li strong {
        font-size: 18px;
        line-height: 34px;
        letter-spacing: -0.7px;
        display: block;
    }

    .company.hire_process .hire_cont .process_detail li span {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.8px;
    }

    .company.hire_process .hire_cont .senior_info span {
        display: block;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.7px;
    }

    .company.hire_system {
        padding-bottom: 168px;
    }

    .company.hire_system .hire_system_bg {
        background-image: url("../images/contents/company/img-hire-sys-1.jpg");
        height: 720px;
        position: relative;
        color: #fff;
        margin-top: 60px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .company.hire_system .hire_system_bg ul {
        font-size: 0;
        margin-top: 112px;
    }

    .company.hire_system .hire_system_bg ul li {
        width: 33.333%;
        box-sizing: border-box;
        display: inline-block;
    }

    .company.hire_system .hire_system_bg ul li strong {
        display: block;
        font-size: 16px;
        font-weight: 600;
        line-height: 36px;
        margin-bottom: 20px;
        font-family: "Sora", "Graphie", "Noto Sans KR", sans-serif;
    }

    .company.hire_system .hire_system_bg ul li span {
        font-size: 24px;
        font-weight: bold;
        line-height: 40px;
        letter-spacing: -0.7px;
    }

    .company.hire_system .inner.rank_system {
        padding-top: 0;
    }

    .company.hire_system .rank_system .h5 {
        font-size: 32px;
        line-height: 48px;
        letter-spacing: -0.7px;
        font-weight: bold;
        margin-bottom: 40px;
        padding-top: 120px;
    }

    .company.hire_system .rank_system ol {
        font-size: 0;
        color: #000;
        position: relative;
        margin-left: -1px;
    }

    .company.hire_system .rank_system ol li {
        display: inline-block;
        width: 20%;
        box-sizing: border-box;
        position: relative;
        height: 180px;
        overflow: hidden;
    }

    .company.hire_system .rank_system ol li div {
        position: relative;
        box-sizing: border-box;
        padding: 20px 20px 0;
    }

    .company.hire_system .rank_system ol li strong {
        font-size: 18px;
        line-height: 34px;
        font-weight: bold;
        letter-spacing: -0.7px;
        display: block;
    }

    .company.hire_system .rank_system ol li span {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.7px;
    }

    .company.hire_system .rank_system ol li div {
        vertical-align: bottom;
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 2px;
    }

    .company.hire_system .rank_system ol li div:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 4px;
        background: #000;
    }

    .company.hire_system .rank_system ol li:first-child div {
        height: 100px;
        background: #fafafa;
    }

    .company.hire_system .rank_system ol li:first-child + li div {
        height: 120px;
        background: #f5f5f5;
    }

    .company.hire_system .rank_system ol li:first-child + li + li div {
        height: 140px;
        background: #eee;
    }

    .company.hire_system .rank_system ol li:first-child + li + li + li div {
        height: 160px;
        background: #e4e4e4;
    }

    .company.hire_system .rank_system ol li:first-child + li + li + li + li div {
        height: 180px;
        background: #dadada;
    }

    .company.hire_system .rank_system .rank_info {
        margin-top: 20px;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.7px;
    }

    .company.hire_system .rank_system ul {
        padding-top: 10px;
        font-size: 0;
    }

    .company.hire_system .rank_system ul li {
        width: 25%;
        display: inline-block;
        margin-bottom: 128px;
        vertical-align: top;
    }

    .company.hire_system .rank_system ul li::before {
        content: "";
        display: block;
        width: 64px;
        height: 64px;
        margin-bottom: 24px;
    }

    .company.hire_system .rank_system ul li:first-child::before {
        background-image: url("../images/contents/company/icon-benefit-1.svg");
    }

    .company.hire_system .rank_system ul li:first-child + li::before {
        background-image: url("../images/contents/company/icon-benefit-2.svg");
    }

    .company.hire_system .rank_system ul li:first-child + li + li::before {
        background-image: url("../images/contents/company/icon-benefit-3.svg");
    }

    .company.hire_system .rank_system ul li:first-child + li + li + li::before {
        background-image: url("../images/contents/company/icon-benefit-4.svg");
    }

    .company.hire_system
    .rank_system
    ul
    li:first-child
    + li
    + li
    + li
    + li::before {
        background-image: url("../images/contents/company/icon-benefit-5.svg");
    }

    .company.hire_system
    .rank_system
    ul
    li:first-child
    + li
    + li
    + li
    + li
    + li::before {
        background-image: url("../images/contents/company/icon-benefit-6.svg");
    }

    .company.hire_system
    .rank_system
    ul
    li:first-child
    + li
    + li
    + li
    + li
    + li
    + li::before {
        background-image: url("../images/contents/company/icon-benefit-7.svg");
    }

    .company.hire_system
    .rank_system
    ul
    li:first-child
    + li
    + li
    + li
    + li
    + li
    + li
    + li::before {
        background-image: url("../images/contents/company/icon-benefit-8.svg");
    }

    .company.hire_system .rank_system ul li strong {
        font-size: 24px;
        display: block;
        line-height: 36px;
        letter-spacing: -0.6px;
    }

    .company.hire_system .rank_system ul li span {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.8px;
    }

    .company.history .inner {
        width: 1280px;
    }

    .company .inner .h2 {
        text-align: center;
        font-size: 56px;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: -1.5px;
        margin-top: 64px;
        margin-bottom: 160px;
    }

    .hire_system .inner .h2,
    .head_office .inner .h2 {
        text-align: left !important;
    }

    .company_intro .inner .h2 {
        margin-bottom: 0 !important;
    }

    .intro .inner .h2 {
        text-align: left;
    }

    .company.history .inner .h2 {
        text-align: inherit;
        line-height: inherit;
        letter-spacing: inherit;
        margin-top: 0;
        margin-bottom: 0;
    }

    .company.eco .inner .h2 {
        text-align: start;
        font-size: 56px;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: -1.5px;
        margin-top: 0;
        margin-bottom: 40px;
    }

    .company .company_inner h2 {
        text-align: center;
        font-size: 56px;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: -1.5px;
        margin-top: 64px;
        margin-bottom: 160px;
    }

    .company.shareholders .company_inner h2.shareholders_h2 {
        margin-top: 0;
        text-align: start;
    }

    .company.council-details .company_inner h2 {
        font-size: 56px;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: -1.5px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: start;
    }

    .company .history_wrap {
        position: relative;
        box-sizing: border-box;
        padding-left: 300px;
        margin-top: 80px;
        padding-bottom: 240px;
    }

    .company .history_wrap .history_nav {
        position: absolute;
        top: 9px;
        left: 50%;
        margin-left: -645px;
        box-sizing: border-box;
        padding-right: 80px;
        width: 300px;
        z-index: 2;
    }

    .company .history_wrap .history_nav a {
        font-size: 28px;
        line-height: 44px;
        letter-spacing: -1px;
        color: #000;
        font-weight: bold;
        display: block;
    }

    .company .history_wrap .history_nav a.active {
        opacity: 1;
        margin-bottom: 590px;
    }

    .company .history_wrap .year {
        font-family: "Sora", "Graphie", "Noto Sans KR", sans-serif;
        font-size: 240px;
        font-weight: 500;
        line-height: 300px;
        color: #000;
        position: absolute;
    }

    .company .history_wrap .history_nav .year {
        top: 190px;
        width: 326px;
        text-align: right;
    }

    .company .history_wrap .history_nav .history_current {
        margin-bottom: 320px;
    }

    .company .history_wrap .history_nav .history_current li {
        opacity: 0;
        visibility: hidden;
    }

    .company .history_wrap .history_nav .history_current li.active {
        opacity: 1;
        visibility: visible;
    }

    .company .history_wrap .history_nav .history_current li.active a {
        opacity: 1;
    }

    .company .history_wrap .history_nav .history_next li {
        opacity: 0.3;
    }

    .company .history_wrap .history_nav .history_next li.active {
        opacity: 0;
        visibility: hidden;
    }

    .company .history_wrap .histroy_contents li {
        padding-top: 200px;
        position: relative;
    }

    .company .history_wrap .histroy_contents li .year {
        top: 0px;
        left: 26px;
        position: relative;
        z-index: 2;
    }

    .company .history_wrap .histroy_contents .img_wrap {
        display: block;
        padding-bottom: 40px;
        position: relative;
        margin-top: -160px;
    }

    .company .history_wrap .histroy_contents .img_wrap img {
        width: 980px;
    }

    .company .history_wrap .histroy_contents h2 + dl {
        margin-top: 80px;
    }

    .company .history_wrap .histroy_contents dl {
        font-size: 18px;
        margin-top: 10px;
        font-weight: 500;
        letter-spacing: -0.5px;
        padding-left: 50px;
        box-sizing: border-box;
        position: relative;
        line-height: 34px;
        color: #000;
        font-family: "Sora", "Noto Sans KR", sans-serif;
    }

    .company .history_wrap .histroy_contents dl dt {
        display: inline-block;
        padding-right: 0;
        position: absolute;
    }

    .company .history_wrap .histroy_contents dl dd {
        display: inline-block;
        position: relative;
        box-sizing: border-box;
        padding-left: 45px;
    }

    .company .history_wrap .histroy_contents .old_year dl dd {
        padding-left: 100px;
    }

    .company .culture_tab_depth_1 {
        margin-top: 122px;
        padding-bottom: 78px;
        font-size: 0;
        text-align: center;
    }

    .shareholders .culture_tab_depth_1 {
        margin-top: 80px;
        padding-bottom: 78px;
        font-size: 0;
        text-align: left;
    }

    .council-details .culture_tab_depth_1 {
        text-align: left;
    }

    .company .location_contents {
        padding-bottom: 220px;
        margin-top: 60px;
    }

    .company .location_tab {
        font-size: 0;
    }

    .company .location_tab li {
        display: inline-block;
        margin-left: 30px;
    }

    .company .location_tab li:first-child {
        margin-left: 0;
    }

    .company .location_tab li a {
        font-size: 16px;
        font-weight: bold;
        opacity: 0.3;
        color: #000;
        letter-spacing: -0.7px;
        line-height: 48px;
    }

    .company .location_tab li a.active {
        opacity: 1;
    }

    .company .location_contents .location_slider .slider {
        height: 300px;
        overflow: hidden;
    }

    .company .location_contents .location_slider .slider img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    .company .location_contents dl {
        position: relative;
        box-sizing: border-box;
        padding: 30px 0;
        padding-left: 300px;
        border-bottom: 1px #ccc solid;
        font-family: "graphie", "Noto Sans KR", sans-serif;
    }

    .company .location_contents dl dt {
        position: absolute;
        width: 240px;
        padding-right: 60px;
        left: 0;
        top: 30px;
    }

    .company .location_contents dl dt strong {
        font-size: 24px;
        font-weight: bold;
        line-height: 36px;
        letter-spacing: -0.5px;
        color: #000;
        display: block;
        margin-bottom: 20px;
    }

    .company .location_contents dl dd {
        position: relative;
    }

    .company .location_contents dl dd p {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.5px;
        color: #000;
    }

    .company .location_contents dl dd .more_info {
        margin-top: 14px;
    }

    .company .location_contents dl dd .more_info:after {
        content: "";
        display: block;
        clear: both;
    }

    .company .location_contents dl dd .more_info .phone {
        float: left;
    }

    .company .location_contents dl dd .more_info .phone p {
        letter-spacing: 0;
        display: inline-block;
        margin-left: 16px;
        padding-left: 16px;
        position: relative;
    }

    .company .location_contents dl dd .more_info .phone p:before {
        content: "";
        display: block;
        width: 1px;
        height: 12px;
        background: #aaa;
        position: absolute;
        top: 50%;
        margin-top: -6px;
        left: 0;
    }

    .company .location_contents dl dd .more_info .phone p:first-child {
        padding-left: 0;
        margin-left: 0;
    }

    .company .location_contents dl dd .more_info .phone p:first-child:before {
        content: none;
    }

    .company .location_contents dl dd .more_info button {
        font-family: "Noto Sans KR", "Malgun Gothic", sans-serif;
        font-size: 16px;
        font-weight: 600;
        color: #000;
        letter-spacing: -0.7px;
        float: right;
        cursor: pointer;
        outline: none;
        line-height: 20px;
    }

    .company .location_contents dl dd .more_info button:after {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url("../images/common/icon-pin.svg");
        vertical-align: top;
        margin-left: 4px;
    }

    .company .location_contents dl dd .map_box {
        height: 360px;
        background: #ccc;
        margin-bottom: 20px;
        margin-top: 20px;
        display: none;
    }

    .company .location_contents dl dd .h5 {
        font-size: 24px;
        font-weight: bold;
        line-height: 30px;
        letter-spacing: -0.5px;
        color: #000;
        margin-bottom: 22px;
        word-break: keep-all;
    }

    .company .location_contents dl dd .location_discription {
        font-size: 18px;
        line-height: 34px;
        letter-spacing: -0.7px;
        color: #000;
        margin-bottom: 40px;
    }

    .company .location_contents dl dd .location_slider {
        margin-bottom: 42px;
        position: relative;
        overflow: hidden;
    }

    .company .location_contents dl dd .location_slider .slider_nav {
        position: absolute;
        width: 100%;
        top: 130px;
        z-index: 10;
    }

    .company .location_contents dl dd .location_slider .slider_nav button {
        font-size: 0;
        width: 40px;
        height: 40px;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.1);
        border: 0;
        top: 0;
    }

    .company .location_contents dl dd .location_slider .slider_nav button:after {
        content: "";
        display: block;
        width: 36px;
        height: 36px;
        left: 50%;
        top: 50%;
        margin-left: -18px;
        margin-top: -18px;
        position: absolute;
        background-image: url("../images/common/icon-rightwards.svg");
    }

    .company .location_contents dl dd .location_slider .slider_nav button:hover,
    .company .location_contents dl dd .location_slider .slider_nav button:focus {
        background-color: rgba(0, 0, 0, 1);
    }

    .company .location_contents dl dd .location_slider .paging {
        font-size: 0;
        text-align: center;
        margin-top: 16px;
    }

    .company .location_contents dl dd .location_slider .paging span {
        display: inline-block;
        padding: 0 4px;
    }

    .company .location_contents dl dd .location_slider .paging button {
        font-size: 0;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #000;
        opacity: 0.2;
        cursor: pointer;
    }

    .company .location_contents dl dd .location_slider .paging button.active {
        opacity: 1;
    }

    .company .location_contents dl.slider_add {
        border-bottom: 0;
    }

    .company .location_contents dl dd .loaction_info {
        padding-bottom: 30px;
        border-bottom: 1px #ccc solid;
    }

    .company .location_contents dl dd .loaction_info p {
        font-size: 16px;
        color: #000;
        line-height: 28px;
    }

    .company .location_contents dl dd .loaction_info .phone {
        margin-top: 14px;
    }

    .company .location_contents dl dd .loaction_info .phone p {
        display: inline-block;
    }

    .company .location_contents dl dd .loaction_info h2 {
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -0.5px;
        color: #000;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .company .location_contents dl .go_btn {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.7px;
        color: #000;
        position: relative;
        display: block;
    }

    .company .location_contents dl .go_btn:after {
        content: "";
        display: inline-block;
        vertical-align: top;
        width: 16px;
        height: 16px;
        margin-left: 8px;
        background-image: url("../images/common/icon-north-east.svg");
        background-color: #000;
        border-radius: 50%;
        position: relative;
        top: 4px;
        margin-bottom: 32px;
    }

    .company .location_contents h4 {
        font-size: 16px;
        letter-spacing: -0.7px;
        font-weight: bold;
        color: #000;
        margin-bottom: 12px;
    }

    .company .location_contents dl + h4 {
        margin-top: 132px;
    }

    .company.eco.pc .tab_contents_wrap {
        padding-bottom: 200px;
    }

    .company.council-details .tab_contents_wrap p {
        margin: 24px 0;
        font-size: 20px;
    }

    .company.eco.pc .tab_contents_wrap.factory_tab {
        padding-bottom: 0;
    }

    .company ul.environmentalPolicy {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        align-items: baseline;
        margin-top: 64px;
    }

    .company ul.environmentalPolicy li {
        display: block;
        margin: 0 auto;
    }

    .company ul.environmentalPolicy li div {
        display: flex;
        justify-content: center;
    }

    .company ul.environmentalPolicy li p {
        margin-top: 24px;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -0.01em;
        color: #000;
        font-weight: 700;
    }

    .company ul.safetyPolicy {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        align-items: baseline;
        margin-top: 64px;
    }

    .company ul.safetyPolicy li {
        display: block;
        margin: 0 auto;
    }

    .company ul.safetyPolicy li div {
        display: flex;
        justify-content: center;
    }

    .company ul.safetyPolicy li p {
        margin-top: 24px;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -0.01em;
        color: #000;
        font-weight: 700;
    }

    /* product */
    .prdt .prdt_list .story_items li .list_category {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        display: block;
        font-size: 16px;
        line-height: 24px;
        color: #888;
        margin-top: 20px;
        font-weight: 400;
    }

    .prdt .prdt_list .story_items li .story_title {
        margin-top: 10px;
    }

    .prdt .tab_depth_2 a {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        letter-spacing: -1px;
    }

    .prdt .search_cont + .culture_tab_depth_1 {
        margin-top: 64px;
    }

    .prdt .search_empty {
        font-size: 18px;
        text-align: center;
        font-weight: 500;
        letter-spacing: -1px;
        color: #111;
        line-height: 32px;
        padding-top: 44px;
    }

    .prdt .pagination {
        text-align: right;
    }

    .prdt_list {
        margin-top: 96px;
    }

    .prdt_list .prdt_info {
        margin-bottom: 200px;
    }

    .prdt_list .prdt_info .h2 {
        font-size: 48px;
        line-height: 68px;
        letter-spacing: -1.5px;
        color: #000;
        margin-top: 86px;
        font-weight: 600;
    }

    .prdt_list .prdt_info .common_tab {
        display: inline-block;
        margin-bottom: 60px;
        margin-top: 46px;
    }

    .prdt_list .prdt_info .common_tab ul {
        border: 0;
    }

    .prdt_list .prdt_info .common_tab li {
        width: auto;
        padding-bottom: 13px;
    }

    .prdt_list .prdt_info .common_tab li a {
        display: block;
        margin-right: 40px;
        font-size: 24px;
        line-height: 36px;
        position: relative;
        font-weight: 600;
        font-family: "graphie", "Noto Sans KR";
    }

    .prdt_list .prdt_info .common_tab li a.active:after {
        content: "";
        display: block;
        width: 100%;
        height: 3px;
        position: absolute;
        bottom: -13px;
        background: #000;
        left: 0;
    }

    .prdt_list .prdt_info .h5 {
        font-size: 16px;
        line-height: 28px;
        color: #000;
        font-weight: 500;
    }

    .prdt_list .prdt_info .h5 i {
        font-weight: 600;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
    }

    .prdt_info .category_search {
        font-size: 0;
        margin-bottom: 96px;
        position: relative;
    }

    .prdt_info .category_search .h5 {
        font-size: 18px;
        line-height: 32px;
        letter-spacing: -0.7px;
        font-weight: 600;
        color: #000;
        margin-bottom: 20px;
    }

    .prdt_info .category_search .category_btn .lbl,
    .prdt_info .category_search .category_btn .lbl {
        font-size: 14px;
        line-height: 24px;
        overflow: hidden;
        font-weight: 400;
        letter-spacing: -1px;
        box-sizing: border-box;
        display: inline-block;
        margin-bottom: 8px;
        margin-right: 8px;
        border: 1px #d4d4d4 solid;
        border-radius: 4px;
        padding: 6px 9px;
        height: auto;
        position: relative;
        -webkit-transition: 0.3s ease all;
        transition: 0.3s ease all;
    }

    .prdt_info .category_search .category_btn .lbl {
        cursor: pointer;
    }

    .prdt_info .category_search .selected_box .brand_array {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.7px;
        font-weight: 500;
        margin-bottom: 24px;
    }

    .prdt_info .category_search .selected_box .brand_array li {
        display: inline-block;
        position: relative;
        padding-left: 24px;
    }

    .prdt_info .category_search .selected_box .brand_array li::before {
        content: "";
        display: block;
        position: absolute;
        left: 4px;
        width: 10px;
        height: 10px;
        top: 50%;
        box-sizing: border-box;
        border-left: 1px #000 solid;
        border-bottom: 1px #000 solid;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        margin-top: -4px;
    }

    .prdt_info .category_search .selected_box .brand_array li:first-child {
        padding-left: 0;
    }

    .prdt_info .category_search .selected_box .brand_array li:first-child:before {
        content: none;
    }

    .prdt_info .category_search .category_btn input {
        position: absolute;
        width: 1px;
        height: 1px;
        opacity: 0;
        left: -1px;
        top: -1px;
    }

    .prdt_info .category_search .category_btn.selected .lbl,
    .prdt_info .category_search .category_btn input:checked + .lbl {
        background: rgba(0, 0, 0, 0.7);
        color: #fff;
        border: 1px solid #4c4c4c;
    }

    .prdt_info .category_search .category_detail {
        width: 100%;
        background: #fff;
        position: absolute;
        top: 90px;
        z-index: 20;
        border-bottom: 1px #000 solid;
        padding: 30px 0;
    }

    .prdt_info .category_search .category_detail .h5 i {
        color: #E20D3A;
    }

    .prdt_info .category_search .category_detail .filter_box {
        padding: 30px 0;
    }

    .prdt_info .category_search .category_detail .btn_filterSet {
        display: block;
        font-size: 18px;
        line-height: 32px;
        letter-spacing: -0.7px;
        color: #000;
        margin: 30px 0;
        font-weight: 600;
        text-decoration: underline;
    }

    .prdt_info .prdt_search {
        float: right;
        margin-top: 40px;
        position: relative;
        width: 270px;
        background: #f5f5f5;
        box-sizing: border-box;
        padding-right: 44px;
        border-radius: 24px;
    }

    .prdt_info .prdt_search input {
        background: none;
        border: 0;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.7px;
        font-weight: 600;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
    }

    .prdt_info .prdt_search input::-webkit-input-placeholder {
        color: rgba(0, 0, 0);
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
    }

    .prdt_info .prdt_search input:-ms-input-placeholder {
        color: rgba(0, 0, 0);
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
    }

    .prdt_info .prdt_search .btn_search {
        font-size: 0;
        position: absolute;
        right: 20px;
        top: 10px;
        width: 24px;
        height: 24px;
        background-image: url("../images/common/icon-search-activated.svg");
    }

    .prdt_list .pagination {
        text-align: right;
    }

    .prdt_list .table_wrap .pagination {
        text-align: center;
    }

    .history .inner {
        padding-top: 266px;
        padding-bottom: 200px;
    }

    .history_box .category_select {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 5;
    }

    .history_box .category_select .category_toggle {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: -0.7px;
        font-weight: 600;
        padding-right: 24px;
    }

    .history_box .category_select .category_list li button {
        font-size: 14px;
        padding: 0;
        line-height: 24px;
    }

    .prdt_info .documents_search .inner {
        background-color: #e9e9e9;
        padding: 60px 80px 60px;
        margin-bottom: 100px;
    }

    .prdt_info .documents_search .inner .search_box {
        box-sizing: border-box;
        padding-left: 340px;
    }

    .prdt_info .documents_search .inner .search_detail {
        margin-top: 18px;
        font-size: 0;
        position: relative;
        margin-left: -120px;
    }

    .prdt_info .documents_search .inner .search_detail span {
        display: inline-block;
        box-sizing: border-box;
        padding-top: 30px;
        padding-left: 120px;
    }

    .prdt_info .documents_search .inner .search_detail span .checkbox {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.5px;
    }

    .prdt_info .documents_search .inner .search_detail span .checkbox .lbl {
        top: -2px;
    }

    .prdt_info .documents_search .inner .category_select {
        position: absolute;
        left: 80px;
        width: 300px;
        height: 70px;
    }

    .prdt_info .documents_search .inner .category_select .category_toggle {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        line-height: 70px;
        height: 70px;
        padding: 0 20px 0 30px;
        background-size: 36px;
        background-position-x: 244px;
        font-size: 20px;
    }

    .prdt_info .documents_search .inner .category_select .category_list {
        z-index: 10;
    }

    .prdt_info .documents_search .inner .category_select .category_list li button {
        line-height: 70px;
        height: 70px;
        padding: 0 20px 0 30px;
        font-size: 20px;
    }

    .prdt_info .documents_search .inner .search_wrap {
        width: 100%;
        background: #fff;
        position: relative;
        padding-right: 60px;
        height: 70px;
        box-sizing: border-box;
    }

    .prdt_info .documents_search .inner .search_wrap input {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        width: 100%;
        border: 0;
        height: 70px;
        line-height: 70px;
        font-size: 20px;
    }

    .prdt_info .documents_search .inner .search_wrap .btn_search {
        position: absolute;
        width: 36px;
        height: 36px;
        background-image: url("../images/common/icon-search-activated.svg");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        display: block;
        right: 24px;
        top: 16px;
        font-size: 0;
    }

    .prdt_list .documents_board {
        font-family: "graphie", "Noto Sans KR";
        margin-bottom: 200px;
    }

    .prdt_list .documents_board .h5 {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: -0.7px;
        color: #111;
        font-weight: 600;
    }

    .prdt_list .documents_board .h5 i {
        font-size: 18px;
        line-height: 28px;
        color: #888;
        letter-spacing: 0;
        font-weight: 500;
    }

    .prdt_list .documents_board p {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.7px;
        color: #000;
        margin: 20px 0;
    }

    .prdt_list .table_wrap .table {
        text-align: center;
    }

    .prdt_list .table_wrap .table th,
    .prdt_list .table_wrap .table td {
        padding: 28px 10px;
        border-left: 0;
        vertical-align: middle;
    }

    /*.prdt_list .table_wrap .table tbody td:nth-child(4){opacity:0.5;}*/
    .prdt_list .table_wrap .table td a {
        text-decoration: underline;
    }

    .prdt_list .table_wrap .table thead,
    .prdt_list .table_wrap .table tbody {
        font-family: "graphie", "Noto Sans KR";
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.7px;
    }

    .prdt_list .table_wrap .table .checkbox {
        top: 0px;
    }

    .prdt_list .table_wrap .table .checkbox input {
        width: 16px;
        height: 16px;
    }

    .prdt_list .table_wrap .table .checkbox input + .lbl {
        min-height: 16px;
        padding-left: 16px;
    }

    .prdt_list .table_wrap .table .checkbox input + .lbl:before {
        width: 16px;
        height: 16px;
    }

    .table .date_text {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        letter-spacing: -0.7px;
        opacity: 0.5;
    }

    .prdt_list .table_wrap .table .btn_down {
        font-size: 0;
        display: inline-block;
        width: 24px;
        height: 24px;
        background-image: url("../images/common/icon-download_small.svg");
        background-repeat: no-repeat;
        background-size: 100%; /*top:50%;left:50%;position: absolute;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);*/
    }

    .prdt_list .table_wrap .down_documents {
        text-align: center;
    }

    .prdt_list .table_wrap .down_documents .btn_documents {
        font-size: 18px;
        line-height: 24px;
        font-weight: 600;
        color: #000;
        letter-spacing: -0.7px;
        display: inline-block;
        margin: 60px 0 98px;
        text-align: center;
        font-family: "Noto Sans KR";
    }

    .prdt_list .table_wrap .down_documents .btn_documents:before {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        background-image: url("../images/common/icon-download_small.svg");
        background-size: 100%;
        position: relative;
        top: 5px;
        margin-right: 2px;
    }

    .newsletter_bg_img {
        max-height: 840px;
    }

    .newsletter_bg_img img {
        width: 100%;
        height: 100%;
        max-height: 840px;
        object-fit: cover;
    }

    /* 제품 자료 팝업 */
    #storeConfirm.pop_wrap .pop_cont,
    #agreeDown.pop_wrap .pop_cont {
        width: 450px;
        padding-top: 32px;
    }

    #storeConfirm.pop_wrap .pop_cont h2,
    #agreeDown.pop_wrap .pop_cont h2 {
        font-size: 24px;
        line-height: 36px;
        margin-top: 0;
        letter-spacing: -0.7px;
        font-weight: 600;
    }

    #storeConfirm.pop_wrap .pop_cont .pop_close,
    #agreeDown.pop_wrap .pop_cont .pop_close {
        top: 39px;
        right: 30px;
    }

    #agreeDown.pop_wrap .pop_cont .agree_text {
        padding: 30px;
        box-sizing: border-box;
        background: #fafafa;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.7px;
        color: rgba(0, 0, 0, 0.7);
        margin-bottom: 20px;
    }

    #agreeDown.pop_wrap .pop_cont .agree_chk .checkbox {
        font-size: 18px;
        line-height: 36px;
        font-weight: 600;
        margin: 5px 0;
    }

    #agreeDown.pop_wrap .pop_cont .agree_text {
        padding: 30px;
        box-sizing: border-box;
        background: #fafafa;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.7px;
        color: rgba(0, 0, 0, 0.7);
        margin-bottom: 20px;
    }

    #storeConfirm.pop_wrap .pop_cont .store_number h5 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.7px;
        color: #000;
        font-weight: 600;
        padding-bottom: 24px;
    }

    #storeConfirm.pop_wrap .pop_cont .store_number dl {
        box-sizing: border-box;
        padding-left: 128px;
        position: relative;
    }

    #storeConfirm.pop_wrap .pop_cont .store_number dl dt {
        position: absolute;
        left: 0;
        font-size: 18px;
        font-weight: 600;
        top: 0;
        line-height: 40px;
    }

    #storeConfirm.pop_wrap .pop_cont .store_number dl dt:after {
        content: "";
        display: block;
        position: absolute;
        right: -10px;
        width: 6px;
        height: 6px;
        top: 5px;
        border-radius: 50%;
        background: #E20D3A;
    }

    #storeConfirm.pop_wrap .pop_cont .store_number dl dd {
        width: 100%;
        float: none;
    }

    #storeConfirm.pop_wrap .pop_cont .store_number dl dd input {
        line-height: 28px;
        font-size: 18px;
        border: 0;
        padding: 0;
        width: 100%;
        font-weight: 600;
    }

    #storeConfirm.pop_wrap
    .pop_cont
    .store_number
    dl
    dd
    input[type="text"]::placeholder {
        color: rgba(0, 0, 0, 0.3);
    }

    #storeConfirm.pop_wrap .pop_cont .store_number p {
        box-sizing: border-box;
        padding-left: 14px;
        position: relative;
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px;
    }

    #storeConfirm.pop_wrap .pop_cont .store_number p:before {
        content: "※";
        position: absolute;
        left: 0;
        top: 0;
        text-align: center;
    }

    #agreeDown.pop_wrap .pop_cont .btn_confirm,
    #agreeDown.pop_wrap .pop_cont .btn_download {
        width: 180px;
        line-height: 56px;
        background: #000;
        color: #fff;
        display: block;
        margin: 40px auto 10px;
        height: 56px;
    }

    .prdt_info_view {
    }

    .prdt_view {
        padding-top: 208px;
    }

    .prdt_view #location {
        text-align: left;
        padding: 0;
        width: 1180px;
        margin: auto;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -1.17px;
        margin-bottom: 20px;
    }

    .prdt_view #location li:first-child,
    .prdt_view #location li:first-child + li {
        font-family: "graphie", "Noto Sans KR", sans-serif;
    }

    .prdt_view #location li .home,
    .prdt_view #location li span {
        padding-right: 0;
    }

    .prdt_view #location li a {
        opacity: 1;
        padding-right: 0;
    }

    .prdt_view #location li a:before {
        right: 9px;
    }

    .prdt_view #location li .home {
        padding-right: 24px;
    }

    .prdt_view #location li:first-child a {
        opacity: 0.5;
    }

    .prdt_view #location li:last-child span {
        opacity: 1;
    }

    .prdt_view #location li:last-child a:before {
        display: none;
    }

    .prdt_view #location li span:before {
        display: none;
    }

    .prdt_info_view .prd_view_color,
    .prdt_info_view .history_box,
    .prdt_info_view .prd_view_table {
        padding-top: 120px;
    }

    .prdt_info_view .h5 {
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -0.5px;
        color: #000;
        font-weight: 600;
        padding-bottom: 30px;
    }

    .prdt_info_view .h5 span {
        margin: 8px 146px 30px 10px;
        font-family: "Noto Sans KR";
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: -0.5px;
        /*color: var(--black);*/
    }

    .prdt_info_view .product_info {
        box-sizing: border-box;
        padding-left: 680px;
        position: relative;
        min-height: 712px;
    }

    .prdt_info_view .product_info .prd_image_slider {
        width: 600px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .prdt_info_view .product_info .prd_image_slider .slider_nav {
        position: absolute;
        width: 100%;
        left: 0;
        top: 280px;
    }

    .prdt_info_view .product_info .prd_image_slider .slider_nav button {
        position: absolute;
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0.1);
        border: 0;
        background-size: 36px;
        background-position: center;
    }

    .prdt_info_view .product_info .prd_image_slider .slider_nav .btn_prev {
        left: 0;
        background-image: url("../images/contents/main/left_arrow_on.svg");
    }

    .prdt_info_view .product_info .prd_image_slider .slider_nav .btn_next {
        right: 0;
        background-image: url("../images/contents/main/right_arrow_on.svg");
    }

    .prdt_info_view .product_info .prd_image_slider .img_wrap {
        background: #fff;
        overflow: hidden;
        width: 600px;
        height: 600px;
        position: relative;
    }

    .prdt_info_view .product_info .prd_image_slider .img_wrap img {
        position: absolute;
        width: 100%;
    }

    .prdt_info_view .product_info .prd_image_slider .img_wrap .viewImg {
        width: 600px;
        height: 600px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .prdt_info_view .product_info .prd_image_slider .thumb_list_wrap {
        width: 600px;
        height: 110px;
        /*overflow-x: overlay;*/
        overflow-y: hidden;
    }

    .prdt_info_view
    .product_info
    .prd_image_slider
    .thumb_list_wrap::-webkit-scrollbar {
        border: 0px solid #fff;
    }

    .prdt_info_view
    .product_info
    .prd_image_slider
    .thumb_list_wrap::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .prdt_info_view
    .product_info
    .prd_image_slider
    .thumb_list_wrap::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.5);
    }

    .prdt_info_view .product_info .prd_image_slider .thumb_list {
        font-size: 0;
        margin-top: 10px;
    }

    .prdt_info_view .product_info .prd_image_slider .thumb_list li {
        display: inline-block;
        width: 100px;
        height: 100px;
        margin-right: 10px;
    }

    .prdt_info_view .product_info .prd_image_slider .thumb_list li button {
        border: 1px #ddd solid;
        width: 100px;
        height: 100px;
        background: #fff;
    }

    .prdt_info_view .product_info .prd_image_slider .thumb_list li img {
        width: 100%;
        opacity: 0.5;
    }

    .prdt_info_view .product_info .prd_image_slider .thumb_list li .active img,
    .prdt_info_view
    .product_info
    .prd_image_slider
    .thumb_list
    li
    button:hover
    img {
        opacity: 1;
    }

    .shareBoxWrap {
        display: flex;
        justify-content: space-between;
        align-items: start;
        gap: 32px;
        margin-top: 10px;
    }
    .prdt_info_view .product_info .prd_detail_info .shareIcon {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        margin-top: 8px;
        padding: 3px 16px;
        border: 1px solid #000;
        border-radius: 42px;
        box-sizing: border-box;
        cursor: pointer;
        white-space: nowrap;
    }
    .prdt_info_view .product_info .prd_detail_info .shareIcon p {
        display: inline;
        margin-top: 0;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
    }
    #sharePopUp {
        display: none;
        position: absolute;
        top: 50px;
        right: 0;
        padding: 8px 16px 16px;
        border: 1px solid #000;
        border-radius: 8px;
        background-color: white;
        box-sizing: border-box;
    }
    #sharePopUp .sharePopUpHeader {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 8px;
    }
    #sharePopUp .sharePopUpClose {
        cursor: pointer;
    }
    #sharePopUp p {
        margin-top: 0;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
    }
    #sharePopUp ul {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 0 10px;
        text-align: center;
    }
    #sharePopUp ul::after {
        display: none;
    }
    #sharePopUp ul li {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
        cursor: pointer;
    }
    #sharePopUp ul li img {
        margin-bottom: 4px;
    }
    #sharePopUp ul li p {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        font-family: "Noto Sans KR";
    }

    .prdt_info_view .product_info .prd_detail_info em {
        display: block;
        font-size: 18px;
        line-height: 32px;
        letter-spacing: -0.7px;
        color: rgba(0, 0, 0, 0.5);
        font-weight: 500;
    }

    .prdt_info_view .product_info .prd_detail_info .h2 {
        font-size: 32px;
        line-height: 48px;
        letter-spacing: -1px;
        color: #000;
        font-weight: 600;
    }

    .prdt_info_view .product_info .prd_detail_info p {
        font-size: 18px;
        line-height: 32px;
        letter-spacing: -0.7px;
        color: #000;
        margin-top: 10px;
    }

    .prdt_info_view .product_info .prd_detail_info .certification_list {
        font-size: 0;
        position: relative;
        margin: 40px 0;
        margin-left: -20px;
    }

    .prdt_info_view .product_info .prd_detail_info .certification_list li {
        display: inline-block;
        box-sizing: border-box;
        padding-left: 20px;
        width: 80px;
    }

    .prdt_info_view .product_info .prd_detail_info .certification_list li img {
        width: 100%;
    }

    .prdt_info_view .product_info .prd_detail_info .prd_description {
    }

    .prdt_info_view .product_info .prd_detail_info .prd_description strong {
        font-size: 16px;
        letter-spacing: -0.7px;
        line-height: 24px;
        margin-bottom: 10px;
        font-weight: 600;
        display: block;
    }

    .prdt_info_view .product_info .prd_detail_info .prd_description span {
        font-size: 14px;
        line-height: 26px;
        letter-spacing: -0.7px;
        color: #000;
        display: block;
    }

    .prdt_info_view .product_info .prd_detail_info .prd_description .hash_tags {
        margin-top: 12px;
        position: relative;
        margin-left: -4px;
        font-size: 0;
    }

    .prdt_info_view
    .product_info
    .prd_detail_info
    .prd_description
    .hash_tags
    span {
        display: inline-block;
        margin-right: 8px;
        margin: 4px;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: -0.7px;
        color: #000;
        border: 1px #d4d4d4 solid;
        border-radius: 3px;
        padding: 4px 12px;
    }

    .prdt_info_view .prd_movie {
        margin-top: 36px;
    }

    .prdt_info_view .btn_store {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.7px;
        color: #000;
        font-weight: 600;
        position: relative;
        display: inline-block;
        padding-left: 32px;
        margin-top: 20px;
    }

    .prdt_info_view .btn_store:before {
        content: "";
        display: block;
        position: absolute;
        width: 24px;
        height: 24px;
        left: 0;
        top: 0;
        background-image: url("../images/common/icon-24-icon-pin.svg");
    }

    .prdt_info_view .prd_view_table .table {
        border-bottom: 1px #ccc solid;
        font-family: "Noto Sans KR";
    }

    .prdt_info_view .prd_view_table .table th {
        background: #fafafa;
        text-align: left;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.8px;
        padding: 10px 20px;
        font-weight: 500;
        border-bottom: 0;
        border-top: 1px #eee solid;
    }

    .prdt_info_view .prd_view_table .table td {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        text-align: left;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.8px;
        padding: 10px 20px;
        border-bottom: 0;
        border-top: 1px #eee solid;
    }

    .prdt_info_view .prd_view_table .table td .down_notice {
        font-size: 14px;
        padding-left: 36px;
    }

    .prdt_info_view .prd_view_table .table tr:first-child th,
    .prdt_info_view .prd_view_table .table tr:first-child td {
        border: 0;
    }

    .prdt_info_view .prd_view_table .table tr:first-child td {
        border-left: 1px rgba(0, 0, 0, 0.1) solid;
    }

    .prdt_info_view .prd_view_table .table td .down_item {
        font-family: "Noto Sans KR";
        font-size: 14px;
        display: inline-block;
        margin-right: 30px;
    }

    .prdt_info_view .prd_view_table .table td .checkbox input + .lbl {
        top: -1px;
        padding-left: 20px;
        padding-right: 0;
        min-height: 22px;
        line-height: 22px;
    }

    .prdt_info_view .prd_view_table .table td .checkbox input + .lbl:before {
        width: 20px;
        height: 20px;
    }

    /*.prdt_info_view .prd_view_table .table td .download{font-size:0;width: 8px;display: inline-block;position: relative;height: 20px;margin: 0 6px 0 14px;}*/
    .prdt_info_view .prd_view_table .table td .download {
        font-size: 0;
        width: 8px;
        display: inline-block;
        position: relative;
        height: 20px;
        margin: 5px 6px 0 14px;
        vertical-align: top;
    }

    .prdt_info_view .prd_view_table .table td .download:after {
        content: "";
        display: block;
        width: 8px;
        height: 16px;
        position: absolute;
        right: 0;
        top: 0;
        background-image: url("../images/common/icon-download.svg");
        background-size: 100%;
    }

    .prdt_info_view .prd_view_table .table td .checkbox + .down_notice {
        box-sizing: border-box;
        padding-left: 27px;
        font-size: 14px;
        line-height: 28px;
        letter-spacing: -0.5px;
        color: #000;
    }

    .prdt_info_view .prd_view_table .table_btns {
        text-align: center;
    }

    .prdt_info_view .prd_view_table .table_btns span {
        display: inline-block;
        padding: 0 10px;
        margin-top: 50px;
    }

    .prdt_info_view .prd_view_table .table_btns span .button {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        display: block;
        width: 200px;
        box-sizing: border-box;
        font-size: 18px;
        line-height: 60px;
        background: #fafafa;
    }

    .prdt_info_view .prd_view_table .table_btns span .button:hover {
        background: #000;
        color: #fff;
    }

    .prdt_info_view .prd_view_color .color_list {
        position: relative;
        font-size: 0;
        margin-left: -20px;
    }

    .prdt_info_view .prd_view_color .color_list li {
        display: inline-block;
        width: 150px;
        padding-left: 20px;
        box-sizing: border-box;
    }

    .prdt_info_view .prd_view_color .color_list li .color_module {
        display: block;
        border: 1px rgba(0, 0, 0, 0.1) solid;
        height: 172px;
        margin-bottom: 20px;
    }

    .prdt_info_view .prd_view_color .color_list li .color_module i {
        display: block;
        height: 110px;
        box-sizing: border-box;
        border-bottom: 1px #e5e5e5 solid;
    }

    .prdt_info_view .prd_view_color .color_list li .color_module strong {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.5px;
        display: block;
        box-sizing: border-box;
        padding: 0 12px;
        color: #111;
        font-weight: 500;
        margin-top: 6px;
    }

    .prdt_info_view .prd_view_color .color_list li .color_module em {
        font-size: 12px;
        line-height: 16px;
        display: block;
        box-sizing: border-box;
        padding: 0 12px;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        margin-top: 4px;
    }

    .prdt_info_view .prd_view_color .color_area {
        width: 100%;
        background: #fff;
        margin-bottom: 50px;
        position: relative;
    }

    .prdt_info_view .prd_view_color .color_area .imgWrap {
        overflow: hidden;
    }

    .prdt_info_view .prd_view_color .color_area .imgWrap img {
        width: 100%;
    }

    .prdt_info_view .prd_view_color .color_area .btn_more {
        font-size: 0;
        display: block;
        width: 44px;
        height: 44px;
        cursor: pointer;
        background-image: url("../images/common/btn-expand-nor.svg");
        border: 0;
        margin: 0px auto;
        background-color: #fff;
        position: absolute;
        left: 50%;
        bottom: -80px;
        margin-left: -22px;
    }

    .prdt_info_view .prd_view_color .color_area .btn_more:hover,
    .prdt_info_view .prd_view_color .color_area .btn_more:focus {
        background-image: url("../images/common/button-btn-expand-hover.svg");
        background-color: #fff;
    }

    .prdt_info_view .prd_view_color .btn_down_detail {
        position: relative;
        padding-left: 18px;
        font-family: "Noto Sans KR";
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: -0.7px;
        /*color: var(--black);*/
    }

    .prdt_info_view .prd_view_color .btn_down_detail:before {
        content: "";
        display: block;
        position: absolute;
        width: 12px;
        height: 24px;
        left: 0;
        top: 0;
        background-image: url("../images/common/download.svg");
    }

    .prdt_info_view .history_box ul {
        margin-top: 0;
    }

    .prdt_info_view .thumb_list .h5 {
        font-size: 32px;
        line-height: 48px;
        font-weight: 600;
        letter-spacing: -0.5px;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        padding-top: 120px;
    }

    .prdt_info_view ul.box_items {
        padding-top: 0px;
        width: 1240px;
        font-size: 0;
    }

    .prdt_info_view ul.box_items li {
        width: 410px;
        display: inline-flex;
        vertical-align: top;
        margin-bottom: 100px;
        box-sizing: border-box;
        padding-left: 50px;
        position: relative;
        left: -50px;
    }

    .prdt_info_view ul.box_items li a {
        color: #000;
    }

    .prdt_info_view ul.box_items li a .img_wrap {
        position: relative;
        display: inline-block;
    }

    .prdt_info_view ul.box_items li a .img_wrap img {
        width: 100%;
    }

    .prdt_info_view ul.box_items li a i {
        display: block;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.43;
        letter-spacing: -0.7px;
        margin-top: 24px;
    }

    .prdt_info_view ul.box_items li a .title {
        font-size: 24px;
        font-weight: 600;
        line-height: 36px;
        letter-spacing: -1px;
        display: block;
        margin-top: 20px;
    }

    .prdt_info_view ul.box_items li a .sub_title {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.5px;
        font-weight: normal;
        display: block;
        margin-top: 16px;
    }

    .prdt_info_view .btn_wrap {
        margin-bottom: 200px;
        margin-top: 70px;
    }

    .prdt_info_view .btn_wrap .button {
        width: 360px;
        line-height: 64px;
        height: 64px;
        box-sizing: border-box;
        font-size: 16px;
        letter-spacing: -0.5px;
        text-align: center;
        display: block;
        margin: auto;
        font-weight: 400;
    }

    .pop_complete {
        display: none;
    }

    .pop_complete .pop_cont {
        width: 340px;
        padding: 0;
    }

    .pop_complete .pop_cont .btn_close {
        top: 10px;
        right: 10px;
        cursor: pointer;
    }

    .pop_complete .pop_cont .h4 {
        font-family: "Noto Sans KR";
        font-size: 14px;
        text-align: center;
        line-height: 24px;
        letter-spacing: -1px;
        font-weight: normal;
        padding: 50px 30px 30px;
        box-sizing: border-box;
    }

    .pop_complete .pop_cont .h4 span {
        display: block;
    }

    .pop_complete .pop_cont .btn_confirm {
        font-weight: bold;
        width: 100%;
        background: #fff;
        color: #000;
        line-height: 56px;
        border: 0;
        border-top: 1px rgba(0, 0, 0, 0.1) solid;
        letter-spacing: -1px;
        margin: 0;
    }

    .pop_complete .pop_cont .btn_confirm:active {
        transform: scale(1);
    }

    .pop_complete .pop_cont .btn_confirm:hover {
        background: #000;
        color: #fff;
    }

    /* search */
    .search {
        padding-top: 96px;
        padding-bottom: 200px;
    }

    .search.search_all {
        padding-bottom: 140px;
    }

    .search .search_area {
        margin-top: 170px;
        margin-bottom: 127px;
    }

    .search .pagination {
        text-align: right;
        margin-top: 20px;
    }

    /* history */
    .history {
    }

    /*padding-top:266px;padding-bottom:200px; */
    .history .pagination {
        text-align: right;
        margin-top: 20px;
    }

    /*주소검색*/
    #postDim {
        display: none;
        position: fixed;
        background: #000;
        top: 0;
        left: 0;
        z-index: 51;
        width: 100%;
        height: 100%;
        opacity: 0.6;
    }

    #postWrap {
        display: none;
        position: fixed;
        background: #fff;
        top: 20%;
        left: 50%;
        z-index: 52;
        margin-left: -251px;
    }

    #postWrap .title {
        padding: 30px 16px 30px 30px;
        font-family: "Noto Sans KR";
        font-size: 28px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.29;
        letter-spacing: -0.7px;
        /*color: var(--black);*/
        border-bottom: 1px solid;
    }

    #btnFoldWrap {
        position: absolute;
        right: 30px;
        top: 30px;
        z-index: 1;
        cursor: pointer;
    }

    /* 스와이퍼 */
    .btn-swiper-slider-prev {
        position: absolute;
        top: 50%;
        left: 0;
        display: block;
        width: 46px;
        height: 46px;
        font-size: 0;
        padding: 0;
        margin-top: -23px;
        z-index: 15;
        background: rgba(0, 0, 0, 0.5);
    }

    .btn-swiper-slider-prev:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: url("../images/common/icon-swiper-small-prev-white.png") center center no-repeat;
    }

    .btn-swiper-slider-next {
        position: absolute;
        top: 50%;
        right: 0;
        display: block;
        width: 46px;
        height: 46px;
        font-size: 0;
        padding: 0;
        margin-top: -23px;
        z-index: 15;
        background: rgba(0, 0, 0, 0.5);
    }

    .btn-swiper-slider-next:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: url("../images/common/icon-swiper-small-next-white.png") center center no-repeat;
    }

    .btn-swiper-slider-prev.swiper-button-disabled,
    .btn-swiper-slider-next.swiper-button-disabled {
        opacity: 0;
    }

    /* 스와이퍼 페이징 */
    .swiper-pagination {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transition: none;
    }

    .swiper-pagination .swiper-pagination-bullet {
        display: block;
        font-size: 0;
        width: 8px;
        height: 8px;
        margin: 0 8px;
        background: #fff;
        opacity: 0.4;
        transition: opacity 0.25s ease;
        border-radius: 4px;
        box-sizing: border-box;
    }

    .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 1;
    }

    /* 썸네일 스와이퍼 */
    .thumb-swiper-wrap {
        position: relative;
    }

    .thumb-swiper-wrap .swiper-ui {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        padding: 30px 0;
        z-index: 5;
        box-sizing: border-box;
    }

    .thumb-swiper-wrap .swiper-wrapper {
        height: auto;
    }

    .thumb-swiper-wrap .item-visual {
        position: relative;
    }

    .thumb-swiper-wrap .item-visual img {
        max-width: 100%;
    }

    /* 브랜드 시공사례 */
    .brand-color-example {
        padding-top: 96px;
    }

    .brand-color-example .inner {
        padding-top: 160px;
        padding-bottom: 200px;
    }

    .build-example-title {
        font-size: 56px;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: -1.5px;
    }

    .build-example-desc {
        margin-top: 28px;
        font-size: 18px;
        line-height: 1.8;
    }

    .build-example-list {
        margin-top: 115px;
    }

    .build-example-list .list-inner {
        display: flex;
        flex-wrap: wrap;
        margin: -40px;
    }

    .build-example-list .list-cell {
        width: 50%;
        box-sizing: border-box;
        padding: 40px;
    }

    .build-example-list .list-cell.left .build-example-items {
        margin-right: auto;
        margin-left: 0;
    }

    .build-example-items {
    }

    .build-example-items .item-thumb {
        position: relative;
    }

    .build-example-items .item-info-wrap {
        margin-top: 20px;
    }

    .build-example-items .item-title {
        margin-top: 20px;
        font-size: 24px;
        font-weight: bold;
        line-height: 1.5;
    }

    .build-example-items .item-desc {
        margin-top: 12px;
        font-size: 16px;
        line-height: 1.5;
        color: #777576;
    }

    .build-request {
        margin-top: 48px;
    }

    .build-request-cate {
        font-size: 14px;
        line-height: 20px;
        color: #808080;
        font-weight: 500;
    }

    .build-request-desc {
        margin-top: 13px;
        font-size: 18px;
        line-height: 34px;
        color: #000;
    }

    .build-request-desc > em {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        margin-left: 18px;
        font-weight: 600;
    }

    /* 결함 예방 백과 */

    /* 도료 용어사전 */
    .dictionary_wrap {
        margin-top: 60px;
    }

    .dictionary_wrap .documents_search .inner .search_box {
        padding-left: 0;
    }

    .dictionary_wrap .documents_search .inner .search_detail {
        display: flex;
        justify-content: space-between;
        margin: 40px 0 0 0;
    }

    .dictionary_wrap .documents_search .inner .radio input + .check-btn {
        position: relative;
        display: block;
        min-width: 60px;
        padding: 5px 0;
        font-size: 14px;
        color: #000;
        border: 1px #cacaca solid;
        text-align: center;
        border-radius: 4px;
        box-sizing: border-box;
    }

    .dictionary_wrap .documents_search .inner .radio input:checked + .check-btn {
        color: #fff;
        border: 1px #4c4c4c solid;
        background-color: #4c4c4c;
    }

    .dictionary_wrap .documents_board .h5 {
        margin-bottom: 20px;
    }

    .dictionary_wrap .documents_board .h5 i {
        color: #000;
        font-size: 16px;
    }

    .dictionary_wrap .table_wrap .table {
        margin-bottom: 100px;
    }

    .dictionary_wrap .table_wrap .table th {
        padding: 11px 10px;
    }

    .dictionary_wrap .table_wrap .table td {
        padding: 13px 0 13px 24px;
        line-height: 34px;
        vertical-align: top;
    }

    .dictionary_wrap .table_wrap .table td.t-bold {
        font-weight: bold;
    }

    .dictionary_wrap .table_wrap .table td .img {
        width: 330px;
        margin: 7px 0 7px -24px;
    }

    .dictionary_wrap .table_wrap .table td .img img {
        width: 100%;
    }

    .pc.prdt_list .prdt_info .dictionary_wrap .table_wrap .table td .img img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .dictionary_wrap .table_wrap .table .list-data-not {
        padding: 60px 0;
    }

    /* 분석시스템 */
    .system-detail-group {
        margin-top: 58px;
        word-break: keep-all;
    }

    .system-detail-group .table tbody td:first-child {
        border-left: none;
    }

    .system-detail-group .table .eng {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
    }

    .system-detail-group .table tbody th,
    .system-detail-group .table tbody td {
        font-family: "graphie", "Noto Sans KR", sans-serif;
        font-size: 15px;
        letter-spacing: -0.8px;
        line-height: 1.75;
        word-break: keep-all;
    }

    /* 분석서비스 > 소개 */
    .system-overview {
        letter-spacing: -0.05em;
    }

    .system-overview .system-data-group + .system-data-group {
        margin-top: 80px;
    }

    .system-overview .system-data-group + .system-data-group.line {
        padding-top: 56px;
        border-top: 1px solid #eee;
    }

    .system-overview-visual {
        display: flex;
        flex-wrap: wrap;
    }

    .system-overview-visual .item-logo {
        flex: 0 0 auto;
        width: 354px;
        margin-right: 60px;
        display: flex;
        align-items: center;
    }

    .system-overview-visual .item-info-wrap {
        flex: 1;
    }

    .system-overview-visual .item-headline {
        font-size: 34px;
        line-height: 50px;
        font-weight: 700;
    }

    .system-overview-visual .item-desc {
        margin-top: 38px;
        font-size: 18px;
        line-height: 34px;
    }

    .system-overview-visual .item-desc > em {
        font-weight: 500;
    }

    .system-overview-visual .item-visual {
        flex: 1;
        width: 100%;
        margin-top: 50px;
    }

    .system-kolas-state .document-list {
        display: flex;
        margin-top: 18px;
    }

    .system-kolas-state .document-list li {
        flex: 1;
    }

    .system-kolas-state .document-list li + li {
        margin-left: 20px;
    }

    .system-kolas-state .document-list li a {
        position: relative;
        display: block;
        width: 100%;
        height: 60px;
        line-height: 58px;
        padding: 0 20px;
        color: #000;
        font-size: 16px;
        font-weight: 500;
        border: 1px solid #ccc;
        box-sizing: border-box;
        transition: all 0.25s ease;
    }

    .system-kolas-state .document-list li a .arrow {
        position: absolute;
        top: 50%;
        right: 20px;
        display: block;
        width: 21px;
        height: 26px;
        margin-top: -13px;
    }

    .system-kolas-state .document-list li a .arrow:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-image: url("../images/common/icon_document.png");
        background-repeat: no-repeat;
        background-size: 21px;
        background-position: center right;
        opacity: 1;
        transition: opacity 0.25s ease;
    }

    .system-kolas-state .document-list li a .arrow:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-image: url("../images/common/icon_document_white.png");
        background-repeat: no-repeat;
        background-size: 21px;
        background-position: center right;
        opacity: 0;
        transition: opacity 0.25s ease;
    }

    .system-kolas-state .document-list li a:hover {
        background: #000;
        color: #fff;
        border-color: #000;
    }

    .system-kolas-state .document-list li a:hover .arrow:before {
        opacity: 0;
    }

    .system-kolas-state .document-list li a:hover .arrow:after {
        opacity: 1;
    }

    .system-request {
        display: flex;
        align-items: center;
    }

    .system-request .table-info-wrap {
        margin-top: 0;
    }

    .system-request .system-request-ui {
        margin-right: 118px;
    }

    .system-request .system-request-ui a {
        position: relative;
        display: inline-flex;
        min-width: 280px;
        justify-content: center;
        font-size: 18px;
        color: #fff;
        font-weight: 700;
        height: 90px;
        align-items: center;
        padding: 0 23px;
        background: #000;
        transition: all 0.25s ease;
        box-sizing: border-box;
    }

    .system-request .system-request-ui a > .arrow {
        margin-left: 10px;
        position: relative;
        width: 26px;
        height: 26px;
        background: #fff;
        border-radius: 50%;
        background: #fff;
        display: inline-block;
    }

    .system-request .system-request-ui a > .arrow:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: url("../images/common/north-east-black.png") center center no-repeat;
        background-size: 27px auto;
        opacity: 1;
        transition: opacity 0.25s ease;
    }

    .system-request .system-request-ui a > .arrow:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: url("../images/common/north-east-pink.png") center center no-repeat;
        background-size: 27px auto;
        opacity: 0;
        transition: opacity 0.25s ease;
    }

    .system-request .system-request-ui a:hover {
        background: #E20D3A;
    }

    .system-request .system-request-ui a:hover > .arrow:before {
        opacity: 0;
    }

    .system-request .system-request-ui a:hover > .arrow:after {
        opacity: 1;
    }

    .system-request .table-info-wrap .table-info-cell + .table-info-cell {
        margin-left: 118px;
    }

    .system-confirm-state .table {
        margin-top: 18px;
    }

    a.btn-point-more {
        position: relative;
        display: inline-flex;
        min-width: 280px;
        justify-content: center;
        font-size: 18px;
        color: #fff;
        font-weight: 700;
        height: 90px;
        align-items: center;
        padding: 0 23px;
        background: #000;
        transition: all 0.25s ease;
        box-sizing: border-box;
    }

    a.btn-point-more > .arrow {
        margin-left: 10px;
        position: relative;
        width: 26px;
        height: 26px;
        background: #fff;
        border-radius: 50%;
        background: #fff;
        display: inline-block;
    }

    a.btn-point-more > .arrow:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: url("../images/common/north-east-black.png") center center no-repeat;
        background-size: 27px auto;
        opacity: 1;
        transition: opacity 0.25s ease;
    }

    a.btn-point-more > .arrow:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: url("../images/common/north-east-pink.png") center center no-repeat;
        background-size: 27px auto;
        opacity: 0;
        transition: opacity 0.25s ease;
    }

    a.btn-point-more:hover {
        background: #E20D3A;
    }

    a.btn-point-more:hover > .arrow:before {
        opacity: 0;
    }

    a.btn-point-more:hover > .arrow:after {
        opacity: 1;
    }

    /* 분석서비스 > 시험분야 */
    .system-testfield .table-info-wrap .table-info-cell + .table-info-cell {
        margin-left: 118px;
    }

    .system-testfield .system-data-group + .system-data-group {
        margin-top: 80px;
    }

    .system-testfield .system-data-group + .system-data-group.line {
        margin-top: 60px;
        padding-top: 60px;
        border-top: 1px solid #eee;
    }

    .system-testfield .system-data-group {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .system-testfield .contents-title-group {
        flex: 0 0 auto;
        width: 273px;
    }

    .system-testfield .file-download-wrap {
        flex: 1;
        width: 100%;
    }

    .file-download-wrap .list-inner {
        display: flex;
        flex-wrap: wrap;
        margin: -25px;
    }

    .file-download-wrap .list-cell {
        width: 33.33%;
        padding: 25px;
        box-sizing: border-box;
        display: flex;
    }

    .file-download-item {
        display: flex;
        flex-direction: column;
        height: 100%;
        text-align: center;
        background: #fff;
        border: 1px solid #313131;
        border-radius: 10px;
        overflow: hidden;
        width: 100%;
    }

    .file-download-item .item-info-wrap {
        flex: 1 0 auto;
        padding: 25px 10px 28px 10px;
        background: #fff;
    }

    .file-download-item .item-title {
        font-size: 24px;
        line-height: 1.5;
        font-weight: 700;
        color: #000;
    }

    .file-download-item .item-title + .item-desc {
        margin-top: 7px;
    }

    .file-download-item .item-desc + .item-desc {
        margin-top: 10px;
    }

    .file-download-item .item-desc {
        font-size: 16px;
        line-height: 1.5;
        color: #000;
    }

    .file-download-item .item-desc > span {
        color: #808080;
    }

    .file-download-item .item-ui {
        flex: 0 0 auto;
        margin-top: auto;
    }

    .file-download-item .item-ui > a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 60px;
        font-size: 16px;
        line-height: 1.5;
        color: #fff;
        font-weight: 500;
        text-align: center;
        background: #313131;
        transition: background 0.25s ease;
    }

    .file-download-item .item-ui > a:after {
        content: "";
        display: block;
        width: 23px;
        height: 23px;
        margin-left: 3px;
        background: url("../images/common/icon-filedown-white.png") center center no-repeat;
    }

    .file-download-item .item-ui > a:hover {
        background: #E20D3A;
    }

    /* 분석서비스 > 보유장비 */
    .system-equipment .system-data-group + .system-data-group {
        margin-top: 80px;
    }

    /* 분석서비스 > 고객서비스 */
    .system-service .system-data-group + .system-data-group {
        margin-top: 95px;
    }

    .system-service-process-list {
        margin-top: 20px;
    }

    .eco .system-service-process-list {
        margin-top: 40px;
    }

    .system-service-process-list ul {
        margin: -22px;
    }

    .system-service-process-list ul li {
        width: 25%;
        float: left;
        box-sizing: border-box;
        padding: 22px;
        position: relative;
    }

    .system-service-process-list ul li div {
        position: relative;
        background: rgba(0, 0, 0, 0.8);
        height: 244px;
        box-sizing: border-box;
        border-radius: 8px;
        padding: 30px;
        color: #fff;
        position: relative;
    }

    .system-service-process-list ul li div i {
        display: block;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.43;
        letter-spacing: normal;
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
    }

    .system-service-process-list ul li div strong {
        display: block;
        font-size: 24px;
        line-height: 1.5;
        letter-spacing: -0.7px;
        font-weight: 500;
    }

    .system-service-process-list ul li div strong span {
        font-size: 14px;
        opacity: 0.5;
        font-weight: normal;
    }

    .system-service-process-list ul li div em {
        position: absolute;
        bottom: 30px;
        width: 100%;
        box-sizing: border-box;
        padding: 0 30px;
        font-size: 18px;
        line-height: 1.75;
        letter-spacing: -0.8px;
        font-weight: normal;
        left: 0;
    }

    .system-service-process-list ul li:nth-child(1) div:after,
    .system-service-process-list ul li:nth-child(2) div:after,
    .system-service-process-list ul li:nth-child(3) div:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        display: block;
        width: 44px;
        height: 40px;
        margin-top: -20px;
        background: url('../images/contents/extra/icon_system_service_arrow.png') center center no-repeat;
    }

    .basic-container .system-service-process-list ul li:nth-child(4) div:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        display: block;
        width: 44px;
        height: 44px;
        margin-left: -22px;
        background: url('../images/contents/extra/icon_system_service_arrow.png') center center no-repeat;
        transform: rotate(90deg);
    }

    .system-service-process-list ul li:nth-child(6) div:after,
    .system-service-process-list ul li:nth-child(7) div:after,
    .system-service-process-list ul li:nth-child(8) div:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        display: block;
        width: 44px;
        height: 40px;
        margin-top: -20px;
        background: url('../images/contents/extra/icon_system_service_arrow.png') center center no-repeat;
        transform: rotate(180deg);
    }

    .system-service-guide .table-info-wrap {
        margin-top: 33px;
    }

    .system-service-guide .guide-info-wrap {
        margin-top: 18px;
        display: flex;
    }

    .system-service-guide .guide-info-wrap .guide-info-cell {
        display: inline-flex;
        line-height: 24px;
    }

    .system-service-guide .guide-info-wrap .guide-info-cell + .guide-info-cell {
        margin-left: 46px;
    }

    .system-service-guide .guide-info-wrap .guide-info-cell > em {
        font-size: 14px;
        color: #808080;
        font-weight: 500;
        margin-right: 20px;
    }

    .system-service-guide .guide-info-wrap .guide-info-cell > strong {
        font-family: "Graphie", "Noto Sans KR", "Malgun Gothic", sans-serif;
        font-size: 18px;
        font-weight: 600;
        color: #000;
    }

    .system-service-guide a.btn-point-more {
        height: 70px;
        min-width: 262px;
        padding: 0;
    }

    .system-service-bank .table-info-wrap {
        margin-top: 40px;
    }

    .system-service-bank .table-info-cell + .table-info-cell {
        margin-left: 100px;
    }

    .system-service-bank .bank-desc {
        margin-top: 9px;
        font-size: 18px;
        line-height: 1.5;
        color: #000;
    }

    .system-service-bank .bank-down {
        margin-top: 55px;
        padding-top: 55px;
        border-top: 1px solid #eee;
    }

    .system-service-bank .bank-down > a + a {
        margin-left: 70px;
    }

    /* 시험의뢰서 작성 요령 */
    .exam-guide-wrap {
        display: flex;
        margin-top: 40px;
        padding: 0 40px;
    }

    .exam-guide-wrap .exam-guide-visual {
        flex: 0 0 auto;
        width: 425px;
        margin-right: 64px;
        box-sizing: border-box;
        text-align: center;
        padding-top: 6px;
    }

    .exam-guide-wrap .exam-guide-visual .obj {
        border: 2px solid #ccc;
    }

    .exam-guide-data {
        text-align: left;
    }

    .exam-guide-data .item-title {
        font-size: 22px;
        color: #000;
        font-weight: 500;
        line-height: 1.5;
    }

    .exam-guide-data .table-info-wrap.type-2 {
        margin-top: 22px;
    }

    .exam-guide-data .table-info-wrap.type-2:before {
        width: 175px;
    }

    .exam-guide-data .table-info-wrap.type-2 .table-info-title {
        width: 175px;
        line-height: 28px;
    }

    .exam-guide-data .table-info-wrap.type-2 .table-info-data {
        line-height: 28px;
    }

    .exam-guide-data .table-info-wrap.type-2 .table-info-cell + .table-info-cell {
        margin-top: 10px;
    }

    .exam-guide-data .item-info {
        margin-top: 15px;
    }

    .exam-guide-data .item-ui {
        margin-top: 23px;
    }

    /* WEB 교육 신청 */
    .analytics_consulting.education .page_tit {
        font-size: 56px;
        font-weight: bold;
        color: #000;
        line-height: 84px;
        letter-spacing: -1.5px;
        margin-bottom: 30px;
    }

    .analytics_consulting.education .page_subTit {
        font-size: 26px;
        line-height: 36px;
        letter-spacing: -0.7px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .analytics_consulting.education .page_subTxt {
        font-size: 18px;
        line-height: 36px;
        letter-spacing: -0.7px;
    }

    .analytics_consulting.education .category_group {
        display: flex;
    }

    .analytics_consulting.education .category_select {
        flex: 0 0 auto;
        width: 243px;
        border: 1px rgba(0, 0, 0, 0.1) solid;
        line-height: 58px;
        height: 58px;
        margin-right: 10px;
    }

    .analytics_consulting.education .category_select .category_toggle {
        font-size: 18px;
        letter-spacing: -0.7px;
        padding: 0 20px;
        line-height: 58px;
        height: 58px;
        background-position: right 12px center;
    }

    .analytics_consulting.education .category_select .category_list {
        z-index: 10;
    }

    .analytics_consulting.education .category_select .category_list li button {
        font-size: 18px;
        letter-spacing: -0.7px;
        padding: 0 20px;
        line-height: 58px;
        height: 58px;
    }

    .analytics_consulting .education_form .input_group {
        display: flex;
        width: 100%;
    }

    .analytics_consulting .education_form .input_group input[type="text"] {
        width: 100%;
        margin-left: 10px;
        font-family: "graphie", "Noto Sans KR", sans-serif;
        font-size: 18px;
        height: 60px;
    }
    .request .education_form .input_group input[type="text"] {
        margin-left: 0;
        margin-bottom: 4px;
    }

    .analytics_consulting
    .education_form
    .input_group
    input[type="text"]::placeholder {
        color: #000;
        opacity: 1;
        font-weight: 400;
    }

    .analytics_consulting .education_form .datepicker {
        position: relative;
        width: 245px;
    }

    /*
.analytics_consulting .education_form .datepicker .hasDatepicker {width:245px;}
.analytics_consulting .education_form .form_area dl dd .input_wrap .datepicker input[type=text] {width:245px;}
*/
    .analytics_consulting .education_form .datepicker .ui-datepicker-trigger {
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -10px;
    }

    .analytics_consulting .education_form .form_input_info {
        font-size: 16px;
        line-height: 28px;
        margin-top: 15px;
    }

    .ui-datepicker-title select {
        height: 18px;
        color: #000;
    }

    .analytics_consulting.education .btn_subject_select {
        flex: 0 0 auto;
        width: 137px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        color: #fff;
        font-family: "graphie", "Noto Sans KR", sans-serif;
        cursor: pointer;
        font-size: 18px;
        background: #000;
        display: block;
        -webkit-transition: 0.3s ease background;
        transition: 0.3s ease background;
    }

    .analytics_consulting.education .form_area {
        width: 100%;
    }

    .analytics_consulting.education .agree_area {
        width: 780px;
        margin: 0 auto;
    }

    .education .system-data-group {
        margin-top: 120px;
    }

    .education .system-service-process-list ul li:nth-child(4) div:after {
        display: none;
    }

    .education .training_content {
        margin-top: 90px;
    }

    .education .training_content .h4 {
        margin: 35px 0 18px 0;
        font-size: 18px;
    }

    .education .training_content .training_process {
        display: flex;
        width: auto;
        margin: 0 -10px;
    }

    .education .training_content .process_area {
        width: 100%;
        padding: 0 10px;
    }

    .education .training_content .table {
        text-align: center;
    }

    .education .training_content .table thead th {
        padding: 12px 20px;
    }

    .shareholders .table thead th {
        padding: 12px 0;
    }

    .shareholders .table tbody td {
        padding: 12px;
    }

    .shareholders div p.meeting_date {
        text-align: right;
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 500;
    }

    .shareholders table td.upvotes {
        text-align: left;
        white-space: nowrap;
    }

    .education .training_content .table th,
    .education .training_content .table td {
        font-size: 16px;
    }

    .education .training_content .table tbody th {
        padding: 15px 10px;
    }

    .education .training_content .table tbody td {
        padding: 14px 20px;
    }

    .education .training_content .table .text_left {
        text-align: left;
    }

    .education .select-data-list {
        padding: 0 25px 30px 30px;
        background-color: #f7f7f7;
    }

    .education .select-data-tit {
        padding: 30px 0 5px 0;
        color: #000;
        font-size: 18px;
        font-weight: 600;
    }

    .education .select-data-list ul li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #000;
        font-size: 18px;
        line-height: 28px;
    }

    .education .select-data-list button {
        width: 24px;
        height: 24px;
        font-size: 0;
        color: transparent;
        background-image: url("../images/common/icon-pop-close-black.png");
        background-position: center;
        background-repeat: no-repeat;
    }

    #pc_training_process_pop.pop_wrap .pop_cont {
        width: 690px;
    }

    #pc_training_process_pop.pop_wrap .pop_cont .pop_form {
        margin-top: -29px;
        padding: 0;
    }

    #pc_training_process_pop.pop_wrap .pop_cont .pop_form .form_cell {
        padding: 20px 0;
        border-bottom: 1px solid #000;
    }

    #pc_training_process_pop.pop_wrap .pop_cont .pop_form .form_cell .checkbox {
        font-size: 20px;
        font-weight: 500;
        line-height: 20px;
    }

    #pc_training_process_pop.pop_wrap .pop_cont .pop_form .reserve_btn {
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

    #pc_training_process_pop.pop_wrap .pop_cont .pop_form .reserve_btn button {
        width: 210px;
        margin: 0;
    }

    #pc_training_process_pop.pop_wrap
    .pop_cont
    .pop_form
    .reserve_btn
    button
    + button {
        margin-left: 24px;
    }

    #pc_training_process_pop.pop_wrap .pop_cont .pop_form .btn_gray {
        background: #9f9f9f;
        color: #fff;
    }

    .analytics_consulting.education .education_complete {
        padding-bottom: 200px;
    }

    .analytics_consulting.education .education_complete .page_tit {
        margin-bottom: 110px;
        text-align: center;
    }

    .analytics_consulting.education .education_complete .contents-title {
        margin-bottom: 20px;
    }

    .analytics_consulting.education .education_complete .table tbody th {
        text-align: left;
        padding-left: 40px;
        font-weight: 500;
    }

    .analytics_consulting.education .education_complete .table tbody td {
        padding: 24px 0;
        border-left: none;
        font-weight: 500;
    }

    .analytics_consulting.education .education_complete .btn-wrap {
        text-align: center;
        margin: auto;
        margin-top: 40px;
        display: table;
    }

    .analytics_consulting.education .education_complete .btn-wrap button {
        width: 280px;
        line-height: 64px;
        height: 64px;
        cursor: pointer;
        letter-spacing: -0.7px;
        font-size: 18px;
        font-weight: 500;
    }

    .analytics_consulting.education .education_complete .btn-wrap button.btn_black {
        margin-left: 24px;
        background: #000;
        color: #fff;
    }

    .analytics_consulting.education .education_complete .btn-wrap button.btn_gray {
        background: #9f9f9f;
        color: #fff;
    }

    .analytics_consulting.education .education_complete .select-data-list {
        padding: 0;
        background-color: transparent;
    }

    .analytics_consulting.education .education_complete .select-data-tit {
        padding: 20px 0 5px 0;
    }

    .analytics_consulting.education
    .education_complete
    .select-data-tit:nth-child(1) {
        padding-top: 0;
    }

    /* ==========================================================================
	Media Queries for Responsive Design.
========================================================================== */
    @media only screen and (max-width: 1750px) {
        /* main */
        .main_hot_issue .issue_list {
            width: 1300px;
        }

        .main_hot_issue .issue_list ul li {
            width: 440px;
            padding-left: 100px;
        }

        .main_hot_issue .issue_list ul li .img_wrap img {
            width: 100%;
        }

        .main_news .inner {
            padding-left: 290px;
        }

        /* color */
        .color .seleted_colors {
            width: 250px;
        }

        .color .search_color .inner {
            padding-left: 30px;
        }
    }

    .post_list {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -1rem;
    }

    .post_item_wrap {
        width: calc(100% / 3);
        margin-bottom: 3rem;
    }

    .post_item {
        padding: 0 1rem;
        display: block;
        position: relative;
    }

    .post_img_wrap {
        display: block;
        margin-bottom: 1.5rem;
    }

    .post_img {
        width: 100%;
        /*aspect-ratio: 384 / 256;*/
        /*object-fit: cover;*/
    }

    .post_cont_wrap {
        display: block;
    }

    .post_title {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-bottom: 0.5rem;
    }

    .post_cont {
        display: block;
        min-height: 72px;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: 1.5rem;
        --tw-text-opacity: 1;
        color: rgb(99 107 115 / var(--tw-text-opacity));
    }

    .post_date {
        display: block;
        font-style: normal;
        font-size: 0.875rem;
        line-height: 1.25rem;
        --tw-text-opacity: 1;
        color: rgb(99 107 115 / var(--tw-text-opacity));
    }

    /* 건축컬러디자인 > 문의 */
    .inner.gray {
        padding: 0 20px;
        background-color: #f5f5f5;
        border-bottom: 1px solid #dbdbdb;
        margin: 40px auto;
    }

    .apt-cs-center {
        padding-top: 0;
    }

    .apt-cs-center .csCenter_form {
        padding-top: 0;
        padding-bottom: 40px;
    }

    .apt-cs-center .btn_submit {
        margin-bottom: 0;
    }

    .apt-cs-center .form-title {
        /*margin: 0 -30px;*/
        padding: 15px 0px;
        font-size: 14px;
        line-height: 1.15;
        font-weight: 400;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }

    /* 고객 상담 */
    .cs_center {
        /*padding-top: 60px;*/
    }

    .cs_center .h3 {
        font-size: 14px;
        color: #404040;
        line-height: 24px;
        letter-spacing: -0.7px;
    }

    .cs_center .h3 + dl {
        padding-bottom: 60px;
        font-size: 0;
        padding-top: 40px;
    }

    .cs_center .h3 + dl dt {
        width: 41%;
        display: inline-block;
    }

    .cs_center .h3 + dl dd {
        width: 59%;
        display: inline-block;
        box-sizing: border-box;
        padding-left: 20px;
    }

    .cs_center .h3 + dl em {
        font-family: "Montserrat";
        display: block;
        font-size: 14px;
        color: #808080;
        letter-spacing: -0.7px;
        line-height: 1;
        margin-bottom: 25px;
    }

    .cs_center .h3 + dl span {
        font-size: 18px;
        line-height: 1;
        font-family: "Montserrat";
        color: #404040;
    }

    .cs_center .csCenter_info {
        position: relative;
        font-size: 0;
        box-sizing: border-box;
        padding: 10px 5px;
        border-bottom: 1px #e6e6e6 solid;
    }

    .cs_center .csCenter_info:before {
        content: "";
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: #e6e6e6;
        position: absolute;
    }

    .cs_center .csCenter_info:after {
        content: "";
        display: block;
        left: 0;
        top: 0;
        width: 41%;
        background: #E20D3A;
        height: 2px;
        position: absolute;
    }

    .cs_center .csCenter_info dl {
        padding: 10px 0;
    }

    .cs_center .csCenter_info dl dt {
        width: 41%;
        display: inline-block;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.7px;
        vertical-align: top;
        color: #000;
    }

    .cs_center .csCenter_info dl dd {
        width: 59%;
        display: inline-block;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.7px;
        vertical-align: top;
        color: #404040;
        box-sizing: border-box;
        padding-left: 20px;
    }

    .cs_center .csCenter_form p strong {
        display: block;
        font-size: 16px;
        color: #404040;
        letter-spacing: -0.8px;
        margin-bottom: 15px;
        margin-top: 40px;
    }

    .cs_center .csCenter_form p .must_write:after {
        content: "";
        width: 4px;
        height: 4px;
        position: relative;
        display: inline-block;
        background: #E20D3A;
        vertical-align: top;
        margin: 2px 0 0 4px;
        border-radius: 50%;
    }

    .cs_center .csCenter_form p .input_wrap {
        display: block;
        line-height: 50px;
        width: 100%;
        margin: 0;
    }

    .cs_center .csCenter_form p .input_wrap input {
        display: block;
        line-height: 50px;
        border: 0;
        width: 100%;
        height: 50px;
    }

    .cs_center .csCenter_form p .input_wrap textarea {
        height: 177px;
        padding: 18px;
        box-sizing: border-box;
        border: 0;
        resize: none;
        width: 100%;
    }

    .cs_center .csCenter_form p .input_wrap input::placeholder {
        color: #b3b3b3;
    }

    .cs_center .csCenter_form p .input_wrap .select {
        height: 50px;
        border: 0 none;
    }

    .cs_center .csCenter_form .download_desc {
        display: block;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.7px;
        color: #808080;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .cs_center .csCenter_form .download:before {
        content: "";
        display: block;
        position: absolute;
        width: 12px;
        height: 24px;
        background-image: url("../images/common/download.svg");
        margin-right: 5px;
    }

    .cs_center .csCenter_form .download {
        margin-left: 15px;
    }

    .cs_center .file_wrap {
        display: block;
        padding-bottom: 40px;
    }

    .cs_center .file_wrap .input_file {
        position: relative;
        line-height: 50px;
    }

    /*.input_wrap > * {*/
    /*  display: block;*/
    /*  box-sizing: border-box;*/
    /*  float: left;*/
    /*  padding: 0 15px;*/
    /*}*/
    .button.black {
        background: #000000;
        border-color: #000000;
        color: #fff;
    }

    .cs_center .file_wrap .input_file .button {
        position: absolute;
        left: 0;
        height: 50px;
        line-height: 50px;
    }

    .cs_center .file_wrap .filebox {
        box-sizing: border-box;
        padding-left: 115px;
        position: relative;
        padding-right: 30px;
    }

    .cs_center .file_wrap .filebox input[type="file"] {
        position: absolute;
        width: 0;
        height: 0;
        padding: 0;
        overflow: hidden;
        border: 0;
    }

    .cs_center .file_wrap .filebox label {
        display: inline-block;
        color: #fff;
        background-color: #404040;
        cursor: pointer;
        width: 100px;
        font-size: 16px;
        line-height: 50px;
        position: absolute;
        left: 0;
        top: 0;
        text-align: center;
    }

    /* named upload */
    .cs_center .file_wrap .filebox .upload-name {
        display: block;
        height: 50px;
        font-size: 14px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        background: none;
        border: 0;
    }

    .cs_center .file_wrap .filebox .file_delte {
        position: absolute;
        right: 0;
        width: 24px;
        height: 24px;
        top: 50%;
        margin-top: -12px;
        background-size: 100%;
        background-image: url("../images/common/file-trash.svg");
        font-size: 0;
    }

    .cs_center .file_wrap em {
        display: block;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.7px;
        color: #808080;
        margin-top: 15px;
    }

    .cs_center .file_wrap .file {
        position: relative;
        display: inline-block;
        height: 50px;
        padding: 0 30px 0 100px;
        box-sizing: border-box;
    }

    .cs_center .file_wrap .file input[type="file"] {
        position: absolute;
        left: 0;
        top: 0;
        width: 100px;
        height: 50px;
        opacity: 0;
        cursor: pointer;
        z-index: 1;
    }

    .cs_center .file_wrap .file .btn_file {
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
        color: #fff;
        background-color: #404040;
        cursor: pointer;
        width: 100px;
        font-size: 16px;
        line-height: 50px;
        border: 0 none;
        text-align: center;
    }

    .cs_center .file_wrap .file .file_src {
        display: block;
        margin: 0;
        max-width: 180px;
        line-height: 50px;
        padding-left: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
    }

    .cs_center .file_wrap .file .file_src:after {
        display: none;
    }

    .cs_center .file_wrap .file .file_delete {
        position: absolute;
        right: 0;
        width: 24px;
        height: 24px;
        top: 50%;
        margin-top: -12px;
        background-size: 100%;
        background-image: url('../images/common/file-trash.svg');
        font-size: 0;
    }

    .cs_center .agree_area {
        border-top: 1px #e6e6e6 solid;
        padding-top: 40px;
    }

    .cs_center .agree_area .agree_txt {
        overflow-y: auto;
        height: 250px;
        background: #fff;
        color: #b3b3b3;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.7px;
        padding: 18px;
        white-space: pre-line;
        margin-top: 15px;
    }

    .cs_center .agree_area .agree_chk {
        position: relative;
        width: 100%;
        display: block;
        margin-top: 10px;
    }

    .cs_center .agree_area .agree_chk input {
        position: absolute;
        width: 0;
        height: 0;
        opacity: 0;
    }

    .cs_center .agree_area .agree_chk .lbl {
        text-align: center;
        display: block;
        line-height: 50px;
        height: 50px;
        font-size: 18px;
        letter-spacing: -0.9px;
        color: #404040;
        width: 100%;
        background: #fff;
        border-top: 2px #f5f5f5 solid;
    }

    .cs_center .agree_area .agree_chk .lbl:after {
        content: "";
        display: inline-block;
        width: 13px;
        height: 8px;
        border-left: 2px #404040 solid;
        border-bottom: 2px #404040 solid;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        position: relative;
        top: -6px;
        margin-left: 5px;
    }

    .cs_center .agree_area .agree_chk input:checked + .lbl {
        color: #fff;
        background: #404040;
    }

    .cs_center .agree_area .agree_chk input:checked + .lbl:after {
        border-color: #fff;
    }

    .cs_center .btn_submit {
        display: block;
        line-height: 50px;
        height: 50px;
        font-size: 18px;
        color: #fff;
        background: #E20D3A;
        text-align: center;
        border: 0;
        width: 100%;
        margin: 40px 0 0;
    }

    .agree_checkbox_area {
        /*padding-top: 10px;*/
        /*background: #fff;*/
        /*border-top: 2px #f5f5f5 solid;*/
    }

    .agree_checkbox_area .agree_chk_list {
    }

    .agree_checkbox_area .agree_chk_list {
        position: relative;
        display: block;
        width: 100%;
        padding: 5px 0;
    }

    .agree_checkbox_area .agree_chk_list input {
        position: absolute;
        width: 0;
        height: 0;
        opacity: 0;
    }

    .agree_checkbox_area .agree_chk_list .lbl {
        position: relative;
        text-align: left;
        display: block;
        width: 100%;
        padding-left: 45px;
        line-height: 22px;
        font-size: 14px;
        letter-spacing: -0.9px;
        color: #b3b3b3;
    }

    .agree_checkbox_area .agree_chk_list .lbl span {
        position: absolute;
        top: 0;
        left: 15px;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        border: 1px solid #404040;
    }

    .agree_checkbox_area .agree_chk_list .lbl span:after {
        content: "";
        position: absolute;
        top: 6px;
        left: 5px;
        display: inline-block;
        width: 10px;
        height: 5px;
        border-left: 1px #404040 solid;
        border-bottom: 1px #404040 solid;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .agree_checkbox_area .agree_chk_list input:checked + .lbl {
    }

    .agree_checkbox_area .agree_chk_list input:checked + .lbl span {
        color: #fff;
        background: #404040;
    }

    .agree_checkbox_area .agree_chk_list input:checked + .lbl span:after {
        border-color: #fff;
    }

    .reset_btn_wrap {
        display: flex;
    }

    .reset_btn_wrap button {
        margin: 30px 88px 30px 0 !important;
        padding: 20px 88px;
        letter-spacing: -0.01em !important;
        color: white !important;
        background-color: #000;
        text-decoration: none !important;
        font-weight: 500 !important;
    }

    .reset_btn_wrap button:hover {
        opacity: 0.8;
    }

    .reset_btn_wrap a {
        margin-top: 20px;
        padding: 20px 0;
        letter-spacing: -0.01em !important;
        font-weight: 500 !important;
        font-size: 18px !important;
        line-height: 24px !important;
        text-decoration: underline;
        text-underline-offset: 2px;
    }

    .reset_btn_wrap a:hover {
        opacity: 0.8;
    }

    .live_grid .grid_list,
    .news_grid .grid_list {
        display: grid;
        max-width: 1180px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        /*grid-auto-rows: 100px;*/
        grid-gap: 50px;
        padding-bottom: 100px;
    }

    .grid_list .grid_item_wrap {
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .grid_list > div.motionUp {
        grid-row-end: span 4;
    }

    .grid_item {
        display: flex;
        flex-direction: column;
    }

    .news_grid .grid_list .grid_item_img_wrap img {
        width: 360px;
        height: 240px;
        object-fit: cover;
    }

    .live_grid .grid_list .grid_item_img_wrap img {
        width: 360px;
        height: 202px;
        object-fit: cover;
    }

    .grid_item_title {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 0.5rem;
        font-size: 24px;
        font-weight: 500;
        line-height: 36px;
        letter-spacing: -1px;
        color: #000;
        margin-top: 20px;
    }

    .newsletter .grid_item_title {
        margin-bottom: 0;
    }

    .grid_item_cont {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        margin-bottom: 1.5rem;
        --tw-text-opacity: 1;
        font-family: 'Graphie', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
        font-size: 16px;
        line-height: 28px;
        color: #000;
        letter-spacing: -0.5px;
        margin-top: 16px;
    }

    .newsletter .grid_item_cont {
        margin-top: 0;
    }

    .news .grid_item_date {
        font-size: 16px;
        line-height: 1.88;
        opacity: 0.5;
        font-weight: normal;
        font-family: 'Graphie', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
        display: block;
        margin-top: 30px;
    }

    .bestseller {
        padding-top: 96px;
        padding-bottom: 200px;
    }
    .bestseller .inner {
        padding-top: 100px;
    }
    .bestseller > .inner .h1 {
        margin-bottom: 8px;
        color: #000;
        text-align: center;
        font-family: "Noto Sans KR";
        font-size: 56px;
        font-style: normal;
        font-weight: 200;
        line-height: 84px; /* 150% */
        letter-spacing: -1.5px;
    }
    .bestseller > .inner .h4 {
        margin-bottom: 72px;
        color: #000;
        text-align: center;
        font-family: "Noto Sans KR";
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px; /* 145.455% */
        letter-spacing: -1.5px;
    }
    .bestseller .bestseller-item {
        position: relative;
        margin-bottom: 56px;
    }
    .bestseller .bestseller-item .bestseller-item-background {
        position: absolute;
        top: 0;
        width: 50%;
        height: 100%;
        z-index: -1;
    }
    .bestseller .bestseller-item:nth-child(1) .bestseller-item-background {
        background-color: #FAF7F2;
    }
    .bestseller .bestseller-item:nth-child(2) .bestseller-item-background {
        background-color: #F3F8F1;
    }
    .bestseller .bestseller-item:nth-child(3) .bestseller-item-background {
        background-color: #F1F1F1;
    }
    .bestseller .bestseller-item:nth-child(4) .bestseller-item-background {
        background-color: #f5f7fc;
    }
    .bestseller .bestseller-item.left .bestseller-item-background {
        left: 0;
    }
    .bestseller .bestseller-item.right .bestseller-item-background {
        right: 0;
    }
    .bestseller .bestseller-item .inner {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding-top: 0;
    }
    .bestseller .bestseller-item .inner .bestseller-item-category {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .bestseller .bestseller-item-products-area {
        display: flex;
        flex-direction: column;
        padding-top: 150px;
    }
    .bestseller .bestseller-item-products-area div {
        display: flex;
        justify-content: center;
    }
    .bestseller .bestseller-item-products-area div img {
        max-width: 216px;
    }
    .bestseller .bestseller-item-products-area strong {
        margin-bottom: 16px;
        color: #000;
        text-align: center;
        font-family: "Noto Sans KR";
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px; /* 108.333% */
        letter-spacing: -0.24px;
    }
    .bestseller .bestseller-item-products-area span {
        margin-bottom: 24px;
        color: #231815;
        text-align: center;
        font-family: "Noto Sans KR";
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 110% */
        letter-spacing: -0.2px;
    }
    .bestseller .bestseller-item-products-area a {
        display: inline-block;
        padding: 0 32px;
        color: #000;
        text-align: center;
        font-family: "Noto Sans KR";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px; /* 257.143% */
        letter-spacing: -0.14px;
        border: 1px solid #000;
    }
    .bestseller .bestseller-item-promotional-area-container {
        position: relative;
    }
    .bestseller .bestseller-item-promotional-area-container h1 {
        position: absolute;
        top: 64px;
        width: 100%;
        color: #FFF;
        text-align: center;
        font-family: "Noto Serif KR";
        font-size: 34px;
        font-style: normal;
        font-weight: 500;
        line-height: 42px; /* 123.529% */
        letter-spacing: -0.34px;
    }
    .bestseller .bestseller-item-promotional-area-container img {
        max-width: 590px;
    }
    .bestseller .bestseller-item:nth-child(1) .bestseller-item-promotional-area-container h1 {
        top: unset;
        bottom: 64px;
    }

    .bestseller > .inner .h2 {
        margin-bottom: 8px;
        color: #000;
        text-align: center;
        font-family: "Noto Sans KR";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 48px; /* 150% */
        letter-spacing: -0.32px;
    }
    .bestseller ul.bestseller-product-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 20px;
    }
    .bestseller ul.bestseller-product-list li {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .bestseller ul.bestseller-product-list .img_wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .bestseller ul.bestseller-product-list .img_wrap div {
        width: 380px;
        height: 380px;
    }
    .bestseller ul.bestseller-product-list .img_wrap div img {
        height: 100%;
    }
    .bestseller ul.bestseller-product-list .img_wrap strong {
        display: block;
        margin-bottom: 8px;
        color: #000;
        text-align: center;
        font-family: "Noto Sans KR";
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px; /* 130% */
        letter-spacing: -0.2px;
    }
    .bestseller ul.bestseller-product-list .img_wrap span {
        display: block;
        margin-bottom: 26px;
        color: #231815;
        text-align: center;
        font-family: "Noto Sans KR";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 122.222% */
        letter-spacing: -0.18px;
    }
    .bestseller ul.bestseller-product-list div a {
        display: inline-block;
        padding: 0 32px;
        color: #000;
        text-align: center;
        font-family: "Noto Sans KR";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px; /* 257.143% */
        letter-spacing: -0.14px;
        border: 1px solid #000;
    }
}

/* 개인정보 취급방침 */
.extra {
    padding-top: 96px;
}

.extra .inner {
    padding-top: 160px;
    padding-bottom: 200px;
}

.extra .inner h2 {
    font-size: 56px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: -1.5px;
}

.extra .inner .common_tab {
    margin-top: 56px;
}

.extra .privacy_wrap {
    padding-top: 60px;
    border-top: 1px #eee solid;
    margin-top: 76px;
    box-sizing: border-box;
    padding-left: 0px;
    position: relative;
}

.extra .privacy_wrap .mobile {
    padding-top: 60px;
    border-top: 1px #eee solid;
    margin-top: 76px;
    box-sizing: border-box;
    padding-left: 0px;
    position: relative;
}


.extra .privacy_wrap h5 {
    font-size: 20px;
    line-height: 30px;
    color: #000;
    letter-spacing: -0.6px;
    font-weight: 400;
}

.extra .privacy_wrap .privacy li.active a {
    color: rgba(0, 0, 0, 1);
}

.extra .privacy_wrap .privacy_contents {
    margin-top: 40px;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: -0.6px;
}

.extra .privacy_wrap .privacy_contents .privacy_txt {
    padding-bottom: 0px;
}

.extra .privacy_wrap .privacy_contents .last_line {
    padding-bottom: 0px;
}

.extra .privacy_wrap .privacy_contents .privacy_txt > div {
    position: relative;
    margin-bottom: 0px;
    padding-bottom: 30px;
}

.extra .privacy_wrap .privacy_contents .content_wrap {
    overflow: hidden;
}

.extra .privacy_wrap .privacy_contents .privacy_01 .content_wrap {
    height: 420px;
}

.extra .privacy_wrap .privacy_contents .privacy_02 .content_wrap {
    height: 570px;
}

.extra .privacy_wrap .privacy_contents .privacy_03 .content_wrap {
    height: 150px;
}

.extra .privacy_wrap .privacy_contents .privacy_04 .content_wrap {
    height: 280px;
}

.extra .privacy_wrap .privacy_contents .privacy_05 .content_wrap {
    height: 400px;
}

.extra .privacy_wrap .privacy_contents .privacy_06 .content_wrap {
    height: 410px;
}

.extra .privacy_wrap .privacy_contents .privacy_07 .content_wrap {
    height: 340px;
}

.extra .privacy_wrap .privacy_contents .privacy_08 .content_wrap {
    height: 210px;
}

.extra .privacy_wrap .privacy_contents .privacy_09 .content_wrap {
    height: 270px;
}

.extra .privacy_wrap .privacy_contents .privacy_10 .content_wrap {
    height: 210px;
}

.extra .privacy_wrap .privacy_contents .privacy_11 .content_wrap {
    height: 230px;
}

.extra .privacy_wrap .rules_contents .privacy_txt > div.privacy_12 {
    padding-bottom: 0px;
    margin-bottom: 0;
}

.extra .privacy_wrap .privacy_contents h1 {
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: -0.7px;
    color: #000;
    margin-bottom: 30px;
    padding-top: 100px;
}

.extra .privacy_wrap .privacy_contents h1:first-child {
    padding-top: 0;
}

.extra .privacy_wrap .privacy_contents h1 i {
    display: inline-block;
    margin-right: 10px;
}

.extra .privacy_wrap .privacy_contents div {
    padding-bottom: 0px;
}

.extra .privacy_wrap .privacy_contents h3 {
    position: relative;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #000;
    box-sizing: border-box;
    padding-left: 84px;
    margin-bottom: 30px;
    margin-top: 60px;
}

.extra .privacy_wrap .privacy_contents h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #000;
    box-sizing: border-box;
    margin-bottom: 30px;
    margin-top: 100px;
}

.extra .privacy_wrap .privacy_contents h1 + h3 {
    margin-top: 0;
}

.extra .privacy_wrap .privacy_contents h3 em {
    position: absolute;
    left: 0;
    top: 0;
}

.extra .privacy_wrap .privacy_contents h5 {
    font-size: 16px;
    margin-bottom: 10px;
    line-heigt: 30px;
    color: #000;
    font-weight: 900;
}

.extra .privacy_wrap .privacy_contents ol li {
    box-sizing: border-box;
    padding-left: 60px;
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #000;
    margin-top: 10px;
}

.extra .privacy_wrap .privacy_contents ol li em {
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    padding-left: 40px;
}

.extra .privacy_wrap .privacy_contents ol li ol li {
    padding-left: 20px;
}

.extra .privacy_wrap .privacy_contents ol li ol li em {
    padding-left: 0;
}

.extra .privacy_wrap .privacy_contents ol li em.bullet-arrow::before {
    content: "\25B6";
    margin-right: 0.25em;
}

.extra .privacy_wrap .privacy_contents .btn_more {
    font-size: 0;
    display: block;
    width: 44px;
    height: 44px;
    cursor: pointer;
    background-image: url("../images/common/btn-expand-nor.svg");
    border: 0;
    margin: 0px auto;
    background-color: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -22px;
}

.extra .privacy_wrap .privacy_contents .btn_more:hover,
.extra .privacy_wrap .privacy_contents .btn_more:focus {
    background-image: url("../images/common/button-btn-expand-hover.svg");
    background-color: #fff;
}

/* 25.06.30 [제품 및 기술 상담] 문의 유형 추가 및 유형에 따른 필드 추가 #107 */
.new_cs_consulting_form_area .cate2 .agree_area {
    margin-top: 0;
}

.new_cs_consulting_form_area .cate2 .agree_area .agree_txt {
    padding: 24px;
    white-space: normal;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

.new_cs_consulting_form_area .cate2 .agree_area .agree_txt p:not(:first-child) {
    margin-top: 24px;
}

.new_cs_consulting_form_area .cate2 .agree_area .agree_txt span {
    display: block;
    margin-top: 8px;
    font-weight: 400;
}

.new_cs_consulting_form_area .cate3 dd {
    min-height: unset;
    margin-top: -8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -1px;
}

.new_cs_consulting_form_area .cate3 dd a {
    text-decoration: underline;
}

.new_cs_consulting_form_area .cate4 .form_input_info {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.new_cs_consulting_form_area .cate5 .agree_area {
    margin-top: 0;
}

.new_cs_consulting_form_area .cate5 .agree_txt > div {
    display: flex;
    align-items: start;
    gap: 32px;
    color: #000;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
}

.new_cs_consulting_form_area .cate5 .agree_txt label {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 0 !important;
    margin-right: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    white-space: nowrap;
}

.new_cs_consulting_form_area .cate5 .agree_area .agree_txt {
    display: flex;
    flex-direction: column;
    gap: 24px;
    white-space: normal;
}

.new_cs_consulting_form_area .cate5 .checkbox input + .lbl {
    padding: 0 0 0 24px;
}

.new_cs_consulting_form_area .form_input_info {
    margin-top: 16px;
}

/* 25.11.28 [컬러북/생상 견본 접수] 문의 페이지 추가 및 유형에 따른 필드 추가 #110 */

.colorbook_form_area .cate1 .agree_area {
    margin-top: 0;
}

.colorbook_form_area .cate1 .agree_txt > div {
    display: flex;
    align-items: start;
    gap: 32px;
    color: #000;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
}

.colorbook_form_area .cate1 .agree_area .agree_txt {
    display: flex;
    flex-direction: column;
    gap: 20px;
    white-space: normal;
}

.colorbook_form_area .cate1 .agree_area .agree_txt > p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
}

.colorbook_form_area .cate1 .agree_area .agree_txt > span {
    display: block;
    margin-left: 0;
    margin-top: -16px;
    padding-left: 0;
    color: #666;
    font-size: 14px;
    line-height: 20px;
}

.colorbook_form_area .cate1 .agree_txt label {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 0 !important;
    margin-right: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    white-space: nowrap;
}

.colorbook_form_area .cate1 .checkbox {
    display: inline-flex;
    align-items: center;
    margin: 0;
    order: 2;
}

.colorbook_form_area .cate1 .checkbox input + .lbl {
    padding: 0 0 0 24px;
}


.colorbook_form_area .cate2 .agree_area {
    margin-top: 0;
}

.colorbook_form_area .cate2 .agree_txt > div {
    display: flex;
    align-items: start;
    gap: 32px;
    color: #000;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 26px !important;
}

.colorbook_form_area .cate2 .agree_area .agree_txt {
    display: flex;
    flex-direction: column;
    gap: 20px;
    white-space: normal;
}

.colorbook_form_area .cate2 .agree_area .agree_txt > p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    font-size: 18px;
    line-height: 26px;
}

.colorbook_form_area .cate2 .agree_area .agree_txt > span {
    display: block;
    margin-left: 0;
    margin-top: -16px;
    padding-left: 0;
    color: #666;
    font-size: 18px;
    line-height: 26px;
}


.colorbook_form_area .cate3 .agree_area {
    margin-top: 0;
}

.colorbook_form_area .cate3 .agree_txt > div {
    display: flex;
    align-items: start;
    gap: 32px;
    color: #000;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
}

.colorbook_form_area .cate3 .agree_txt label {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 0 !important;
    margin-right: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    white-space: nowrap;
}

.colorbook_form_area .cate3 .agree_area .agree_txt {
    display: flex;
    flex-direction: column;
    gap: 20px;
    white-space: normal;
}

.colorbook_form_area .cate3 .agree_area .agree_txt > p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
}

.colorbook_form_area .cate3 .agree_area .agree_txt > span {
    display: block;
    margin-left: 0;
    margin-top: -16px;
    padding-left: 0;
    color: #666;
    font-size: 14px;
    line-height: 20px;
}

.colorbook_form_area .cate3 .checkbox {
    display: inline-flex;
    align-items: center;
    margin: 0;
    order: 2;
}

.colorbook_form_area .cate3 .checkbox input + .lbl {
    padding: 0 0 0 24px;
}

.colorbook_form_area .form_input_info {
    margin-top: 16px;
}

#youtubeModal {
    width: 100%; height: 100%;
}
#youtubeModal .modal-wrap {
    position: absolute;
    top: 80px;
    left: 70px;
    z-index: 100020;
    box-shadow: rgb(0, 0, 0) 10px 10px 50px;
}
.modal-content {
    background: #000;
    width: 780px;
}
#youtubeModal .modal-content iframe {
    width: 100%;
    height: 439px;
    aspect-ratio: 16 / 9;
    max-width: 100%;
    min-width: 230px;
    max-height: 100vh;
}
#youtubeModal .modal-btn-wrap {
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #000000;
}
#hideToday {
    position: relative;
    padding: 0 12px;
    font-size: 12px;
    line-height: 41px;
    color: #ffffff;
}
#hideToday::after {
    content: '';
    position: absolute;
    bottom: 11px;
    left: 11px;
    width: calc(100% - 22px * 1);
    height: 0px;
    border-bottom: 1px solid;
}
#closeYoutube {
    width: 41px;
    height: 41px;
    font-size: 0;
    line-height: 41px;
    color: #ffffff;
}
#closeYoutube::after {
    font-family: 'jt-popup-font';
    font-size: 13px;
    content: '\e900';
}