@charset "utf-8";
    /*스와이프 버튼 */
    
    .swiper-button-next,
    .swiper-button-prev {
        display: none !important;
    }

 /*상품 에니메이션*/
 .product-box i{
    animation-name: slideLeft;
    -webkit-animation-name: slideLeft;  

    animation-duration: 1.5s;   
    -webkit-animation-duration: 1.5s;

    animation-timing-function: ease-in-out; 
    -webkit-animation-timing-function: ease-in-out;     

    visibility: visible !important; }
    @keyframes slideLeft {
        0% {
            transform: translateX(150%);
        }
       
    }
    
    @-webkit-keyframes slideLeft {
        0% {
            -webkit-transform: translateX(150%);
        }
        
       
    }
    

/*
    /*서브 헤더*/
    
    .header {
        height: 39.0rem;
        width: 100%;
        background-size: cover !important;
        background-position: center center !important;
    }
    
    .header:before {
        content: "";
        z-index: 0;
        position: absolute;
        display: block;
        width: 100%;
        height: 30rem;
        background: linear-gradient(0deg, rgba(0, 100, 226, 0) 20%, rgba(0, 82, 185, 1) 100%);
      

    }
    /*키비쥬얼*/
    
    .key_img {
        position: absolute;
        height: 39rem;
        width: 100%;
        display: block;
        top: 0;
        left: 0;
        background: url('/resources/img/cn/common/bg2.jpg') no-repeat;
    }
    /*홍보자료*/
    
    .download_group {
        display: flex;
        width: 100%;
    }
    
    .download_group i.btn_d_pdf {
        background: url('/resources/img/cn/media/btn_d_pdf.png')no-repeat;
        background-position: 0 top;
    }
    
    .download_group a i {
        display: block;
        height: 13px;
        width: 50px;
        margin-right: 35px;
    }
    
    .download_group a {
        display: block;
    }
    /*파워트레인*/
    
    .article-title {
        display: flex;
        justify-content: space-between;
        position: relative;
        padding: 25px 0px;
        cursor: pointer;
    }
    
    #accordion .tabpanel:first-child:before {
        border-top: none;
    }
    
    .tabpanel:before {
        content: "";
        position: absolute;
        border-top: 1px solid #f3f3f3;
        display: block;
        height: 0.1rem;
        width: 100%;
    }
    
    .article-title span {
        font-size: 2.4rem;
        font-weight: 400;
        color:#333;
    }
    
    /* 211206 [s] */
    .article-title button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;}
    .article-title button span{padding-right:75px;}
    /* 211206 [e] */
    
    .accordion-content {
        display: none;
        width: 100%;
    }
    
    .accordion-container .content-entry .article-title i.open {
        position: relative;
        width: 3.5rem;
        height: 2.0rem;
    }
    
    .accordion-container .content-entry .article-title i.open:before {
        content: "";
        display: block;
        width: 3.5rem;
        position: absolute;
        right: 0;
        height: 2.0rem;
        background: url('/resources/img/cn/common/icon_close.png') right 0px no-repeat;
        transform: rotate(-180deg);
    }
    
    .accordion-container .content-entry .article-title.open i.open:before {
        transform: rotate(180deg);
        background: url('/resources/img/cn/common/icon_open.png') right 0px no-repeat;
    }
    
    .accordion-border-top {
        border-top: 1px solid #f3f3f3;
    }
    
    .small-width .block-section {
        max-width: 128rem;
    }
    .block-section {
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        position: relative;
        margin-left: auto;
        margin-right: auto;
       
    }
    
    .block-section>li {
        position: relative;
        padding: 5rem;
        background-color: #f9f9f9;
        width: 31.8rem;
        height: 31.8rem;
        background-size: 50%;
    }
    
    .block-section>li:nth-child(odd) {
        background-color: #f4f4f4;
    }
    
    .block-section>li.bg-f9 {
        background-color: #f9f9f9;
    }
    
    .block-section>li.bg-f4 {
        background-color: #f4f4f4;
    }
    
    .block-section>li>.text button,
    .block-section>li>button {
        position: absolute;
        top: 0;
        right: 0;
        width:100%; height:100%;
        background:url(/resources/img/new/btn_pd_plus.png) no-repeat 90% 5rem;
    }
    
    /* 211206 */
    .block-section>li>button:focus:after{content:'';position:absolute;right:0;bottom:0;left:0;height:3px;background-color:#0052b9;}

    .block-section>li>.text button {
        /*transform: rotate(-90deg);*/
        background:url(/resources/img/new/btn_pd_close.png) no-repeat 90% 5rem;
    }

    .block-section>li>button.open i.animat-button {
        width: 1.7rem;
        height: 1.7rem;
        transform: rotate(-0deg);
    }
/*    
    .block-section>li>button.open i.animat-button:before,
    .block-section>li>button.open i.animat-button:after {
        content: '';
        height: 0.1rem;
        width: 2rem;
        display: block;
        position: absolute;
        top: 7px;
        left: -1px;
        background: #01bbec;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    
    .block-section>li>.text button.open.on i.animat-button:before {
        content: '';
        height: 0.1rem;
        width: 2rem;
        display: block;
        position: absolute;
        top: 7px;
        left: -1px;
        background: #01bbec;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
    }
    
    .block-section>li>.text button.open.on i.animat-button:after {
        content: '';
        height: 0.1rem;
        width: 2rem;
        display: block;
        position: absolute;
        top: 7px;
        left: -1px;
        background: #01bbec;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
    }
    
    .block-section>li>.text button.open i.animat-button:after,
    .block-section>li>button.open i.animat-button:after {
        width: 0.1rem;
        height: 2rem;
        left: 9.5px;
        top: -2px;
    }*/

    .block-section li.oner {
        background-color: #0052b9 !important;
    }
    
    .block-section li.oner.sub_none {
        display: block;
    }
    
    .block-section li.oner a {
        flex-direction: row;
        display: flex;
        flex-wrap: wrap;
        height: 100%;
        justify-content: space-between;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        padding: 4.5rem;
    }
    .block-section li.oner a:hover{background-color:#01a3e6}
    
    .block-section li.oner h3 {
        width: 100%;
        flex-wrap: wrap;
        font-size: 5.5rem;
        color: #fff;
        font-weight: 700;
        min-height: 5.5rem;
        display: flex;
        align-items: flex-start;
    }
    
    .block-section li.oner h3 span {
        font-size: 5.5rem;
        color: #fff;
        font-weight: 700;
        line-height: 1em;
    }
    
    .block-section li.oner h3 span:first-child:after {
        content: url("/resources/img/cn/common/menu_h_icon_color.png");
        display: inline-block;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    
    .block-section li.oner p strong {
        font-size: 4.0rem;
        font-weight: 100;
        font-weight: 100;
        line-height: 1em;
    }
    
    .block-section li.oner p {
        color: #fff;
    }
    
    .block-section li.oner p.arrow {
        display: flex;
        flex-grow: 3;
        align-items: flex-end;
        font-weight: 400;
        font-size: 1.3rem;
        line-height: 1.2em;
        
    }
    
    .block-section li.oner p.arrow:before {
        content: url("/resources/img/cn/common/icon_arrow_wh.png");
        display: inline-block;
        padding-left: 1.0rem;
        padding-right: 1.0rem;
    }
    
    .block-section li h4 {
        font-size: 3rem;
        color: #202020;
        margin-bottom: 1.5rem;
        font-weight: 700;
    }
    
    .block-section li h4 span {
        font-weight: 100;
        font-size: 3rem;
        color: #202020;
        display: block;
        line-height: 1em;
    }
    
    .block-section li li {
        font-size: 1.4rem;
        color: #202020;
        
    }
    
    .block-section li ul.ul-flex {
        display: flex;
        flex-wrap: wrap;
    }
    
    .block-section li ul.ul-flex li {
        width: 50%;
    }
    /*상품이미지*/
    /*AT:FF*/
    
    .at-ff-fr>li {
        background-repeat: no-repeat;
        background-position: right 2rem bottom 2rem;
    }
    
    .at-ff-fr>li:nth-child(2) {
        background-image: url("/resources/img/cn/product/at-ff-fr-2.png");
    }
    
    .at-ff-fr>li:nth-child(3) {
        background-image: url("/resources/img/cn/product/at-ff-fr-3.png");
    }
    
    .at-ff-fr>li:nth-child(4) {
        background-image: url("/resources/img/cn/product/at-ff-fr-4.png");
    }
    
    .at-ff-fr>li:nth-child(5) {
        background-image: url("/resources/img/cn/product/at-ff-fr-5.png");
    }
    
    .at-ff-fr>li:nth-child(7) {
        background-image: url("/resources/img/cn/product/at-ff-fr-7.png");
    }
    
    .at-ff-fr>li:nth-child(8) {
        background-image: url("/resources/img/cn/product/at-ff-fr-8.png");
    }
    
    .pd_002.at-ff-fr>li:nth-child(6),
    .pd_002.at-ff-fr>li:nth-child(7),
    .pd_002.at-ff-fr>li:nth-child(8) {
        display: none;
    }
    
    .pd_003.at-ff-fr>li:nth-child(1),
    .pd_003.at-ff-fr>li:nth-child(2),
    .pd_003.at-ff-fr>li:nth-child(3),
    .pd_003.at-ff-fr>li:nth-child(4),
    .pd_003.at-ff-fr>li:nth-child(5) {
        display: none;
    }
    
    .pd_007.hev-at-dct>li:nth-child(4),
    .pd_007.hev-at-dct>li:nth-child(5) {
        display: none;
    }
    
    .pd_008.hev-at-dct>li:nth-child(1),
    .pd_008.hev-at-dct>li:nth-child(2),
    .pd_008.hev-at-dct>li:nth-child(3) {
        display: none;
    }
    
    .pd_011.est-ptu>li:nth-child(4),
    .pd_011.est-ptu>li:nth-child(5),
    .pd_011.est-ptu>li:nth-child(6) {
        display: none;
    }
    
    .pd_012.est-ptu>li:nth-child(1),
    .pd_012.est-ptu>li:nth-child(2),
    .pd_012.est-ptu>li:nth-child(3) {
        display: none;
    }
    
    .pd_014.mt-fr-amt>li:nth-child(7),
    .pd_014.mt-fr-amt>li:nth-child(8) {
        display: none;
    }
    /*CVT*/
    
    .cvt>li {
        background-repeat: no-repeat;
        background-position: right 2rem bottom 2rem;
    }
    
    .cvt>li:nth-child(2) {
        background-image: url("/resources/img/cn/product/cvt-2.png");
    }
    
    .cvt>li:nth-child(3) {
        background-image: url("/resources/img/cn/product/cvt-3.png");
    }
    
    .cvt>li:nth-child(4) {
        background-image: url("/resources/img/cn/product/cvt-4.png");
    }
    /*DCT*/
    
    .dct>li {
        background-repeat: no-repeat;
        background-position: right 2rem bottom 2rem;
    }
    
    .dct>li:nth-child(2) {
        background-image: url("/resources/img/cn/product/dct-2.png");
    }
    
    .dct>li:nth-child(3) {
        background-image: url("/resources/img/cn/product/dct-3.png");
    }
    
    .dct>li:nth-child(4) {
        background-image: url("/resources/img/cn/product/dct-4.png");
    }
    /*MT-ff*/
    
    .mt-ff-fr>li {
        background-repeat: no-repeat;
        background-position: right 2rem bottom 2rem;
    }
    
    .mt-ff-fr>li:nth-child(2) {
        background-image: url("/resources/img/cn/product/mt-ff-fr-amt-2.png");
    }
    
    .mt-ff-fr>li:nth-child(3) {
        background-image: url("/resources/img/cn/product/mt-ff-fr-amt-3.png");
    }
    
    .mt-ff-fr>li:nth-child(5) {
        background-image: url("/resources/img/cn/product/mt-ff-fr-amt-5.png");
        background-color: #f9f9f9;
    }
    
    .mt-ff-fr>li:nth-child(7) {
        background-image: url("/resources/img/cn/product/mt-ff-fr-amt-6.png");
        background-color: #f4f4f4;
    }
    
    .mt-ff-fr>li:nth-child(8) {
        background-image: url("/resources/img/cn/product/mt-ff-fr-amt-8.png");
    }
    /*HEV*/
    
    .hev-at-dct>li {
        background-repeat: no-repeat;
        background-position: right 2rem bottom 2rem;
    }
    
    .hev-at-dct>li:nth-child(2) {
        background-image: url("/resources/img/cn/product/hev-at-dct-2.png");
    }
    
    .hev-at-dct>li:nth-child(3) {
        background-image: url("/resources/img/cn/product/hev-at-dct-3.png");
    }
    
    .hev-at-dct>li:nth-child(5) {
        background-image: url("/resources/img/cn/product/hev-at-dct-5.png");
        background-color: #f9f9f9;
    }
    /*EV*/
    
    .ev>li {
        background-repeat: no-repeat;
        background-position: right 2rem bottom 2rem;
    }
    
    .ev>li:nth-child(2) {
        background-image: url("/resources/img/cn/product/ev-2.png");
    }
    
    .ev>li:nth-child(3) {
        background-image: url("/resources/img/cn/product/ev-3.png");
    }
    
    .ev>li:nth-child(4) {
        background-image: url("/resources/img/cn/product/ev-4.png");
    }
    /*axle*/
    
    .axle>li {
        background-repeat: no-repeat;
        background-position: right 2rem bottom 2rem;
    }
    
    .axle>li:nth-child(2) {
        background-image: url("/resources/img/cn/product/passenger-axle-2.png");
    }
    
    .axle>li:nth-child(3) {
        background-image: url("/resources/img/cn/product/passenger-axle-3.png");
    }
    
    .axle>li:nth-child(4) {
        background-image: url("/resources/img/cn/product/passenger-axle-4.png");
    }
    
    .axle>li:nth-child(5) {
        background-image: url("/resources/img/cn/product/passenger-axle-5.png");
        background-color: #f9f9f9;
    }
    
    .axle>li:nth-child(6) {
        background-image: url("/resources/img/cn/product/passenger-axle-6.png");
        background-color: #f4f4f4;
    }
    /*4wd-est-ptu*/
    
    .est-ptu>li {
        background-repeat: no-repeat;
        background-position: right 2rem bottom 2rem;
    }
    
    .est-ptu>li:nth-child(2) {
        background-image: url("/resources/img/cn/product/4wd-est-ptu-2.png");
    }
    
    .est-ptu>li:nth-child(3) {
        background-image: url("/resources/img/cn/product/4wd-est-ptu-3.png");
    }
    
    .est-ptu>li:nth-child(4) {
        background-image: url("/resources/img/cn/product/4wd-est-ptu-4.png");
    }
    
    .est-ptu>li:nth-child(5) {
        background-image: url("/resources/img/cn/product/4wd-est-ptu-5.png");
        background-color: #f9f9f9;
    }
    
    .est-ptu>li:nth-child(6) {
        background-image: url("/resources/img/cn/product/4wd-est-ptu-6.png");
        background-color: #f4f4f4;
    }
    /*mt-ff-fr-amt*/
    
    .mt-fr-amt>li {
        background-repeat: no-repeat;
        background-position: right 2rem bottom 2rem;
    }
    
    .mt-fr-amt>li:nth-child(2) {
        background-image: url("/resources/img/cn/product/mt-fr-amt-2.png");
    }
    
    .mt-fr-amt>li:nth-child(3) {
        background-image: url("/resources/img/cn/product/mt-fr-amt-3.png");
    }
    
    .mt-fr-amt>li:nth-child(4) {
        background-image: url("/resources/img/cn/product/mt-fr-amt-4.png");
    }
    
    .mt-fr-amt>li:nth-child(5) {
        background-image: url("/resources/img/cn/product/mt-fr-amt-5.png");
        background-color: #f9f9f9;
    }
    
    .mt-fr-amt>li:nth-child(6) {
        background-image: url("/resources/img/cn/product/mt-fr-amt-6.png");
        background-color: #f4f4f4;
    }
    
    .mt-fr-amt>li:nth-child(8) {
        background-image: url("/resources/img/cn/product/mt-fr-amt-8.png");
    }
    /*commercial-axle*/
    
    .commercial-axle>li {
        background-repeat: no-repeat;
        background-position: right 2rem bottom 2rem;
    }
    
    .commercial-axle>li:nth-child(2) {
        background-image: url("/resources/img/cn/product/commercial-axle-2.png");
    }
    
    .commercial-axle>li:nth-child(3) {
        background-image: url("/resources/img/cn/product/commercial-axle-3.png");
    }
    
    .commercial-axle>li:nth-child(4) {
        background-image: url("/resources/img/cn/product/commercial-axle-4.png");
    }
    
    .commercial-axle>li:nth-child(5) {
        background-image: url("/resources/img/cn/product/commercial-axle-5.png");
    }
    /*commercial-axle*/
    
    .ev-hev>li {
        background-repeat: no-repeat;
        background-position: right 2rem bottom 2rem;
    }
    
    .ev-hev>li:nth-child(2) {
        background-image: url("/resources/img/cn/product/ev-hev-2.png");
        background-color: #f4f4f4;
    }
    
    .ev-hev>li:nth-child(4) {
        background-image: url("/resources/img/cn/product/ev-hev-4.png");
    }
    /*special*/
    
    .special>li {
        background-repeat: no-repeat;
        background-position: right 2rem bottom 2rem;
    }
    
    .special>li:nth-child(2) {
        background-image: url("/resources/img/cn/product/special-2.png");
    }
    
    .special>li:nth-child(3) {
        background-image: url("/resources/img/cn/product/special-3.png");
    }
    
    .special>li:nth-child(4) {
        background-image: url("/resources/img/cn/product/special-4.png");
    }
    /*상품 공통*/
    
    .left-text h2 {
        color: #0052b9;
    }
    
    .left-text p {
        width: 50%;
        text-align: left;
        font-size: 1.5rem;
        color: #202020;
        line-height: 1.5em;
        margin-bottom: 3rem;
    }
    
    .product-box {
        padding-top: 8rem;
        position: relative;
        overflow: hidden;
        border-bottom: 1px solid #f5f5f5;
    }
    
    .text {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 5rem;
        background: #fff;
        top: 0px;
        left: 0;
        border: 1px solid #0052b9;
    }
    
    .text strong {
        display: block;
        color: #01b8e6;
        font-weight: 700;
        font-size: 1.2rem;
        margin-bottom: 2.4rem;
    }
    
    .text p {
        font-size: 1.2rem;
        color: #202020;
        letter-spacing: -0.025em;
        margin-bottom: 2.4rem;
    }
    
    .pannel-contents {}
    
    .pannel-contents dl {}
    
    .pannel-contents dl dt {
        color: #0052b9;
        font-weight: 700;
        font-size: 1.2rem;        
        line-height: 1em;
    }
    
    .pannel-contents dl dt + dd{
        margin-top: 0.5rem;
    }
    .pannel-contents dl dd + dt{
        margin-top: 1rem;
    }
    .pannel-contents dl dd {
        font-size: 1.2rem;
        color: #202020;
        letter-spacing: -0.025em;
    }
    /*상품 bg*/
    
    .product-box .at-ff {
        z-index: 1;
        position: absolute;
        right: -9%;
        bottom: -5%;
        width: 50%;
        height: 100%;
    }
    
    .product-box .at-ff,
    .product-detail .at-ff {
        background-image: url("/resources/img/cn/product/at-ff.png");
        background-repeat: no-repeat;
    }
    
    .product-box .at-fr {
        z-index: 1;
        position: absolute;
        right: -3%;
        bottom: 0%;
        width: 50%;
        height: 100%;
    }
    
    .product-box .at-fr,
    .product-detail .at-fr {
        background-image: url("/resources/img/cn/product/at-fr.png");
        background-repeat: no-repeat;
    }
    
    .product-box .CF28 {
        z-index: 1;
        position: absolute;
        right: -3%;
        bottom: -18%;
        width: 50%;
        height: 100%;
    }
    
    .product-box .CF28,
    .product-detail .CF28 {
        background-image: url("/resources/img/cn/product/CF28.png");
        background-repeat: no-repeat;
    }
    
    .product-box .D8F48W {
        z-index: 1;
        position: absolute;
        right: -3%;
        bottom: -18%;
        width: 50%;
        height: 100%;
    }
    
    .product-box .D8F48W,
    .product-detail .D8F48W {
        background-image: url("/resources/img/cn/product/D8F48W.png");
        background-repeat: no-repeat;
    }
    
    .product-box .M6R26 {
        z-index: 1;
        position: absolute;
        right: -3%;
        bottom: -18%;
        width: 50%;
        height: 100%;
    }
    
    .product-box .M6R26,
    .product-detail .M6R26 {
        background-image: url("/resources/img/cn/product/M6R26.png");
        background-repeat: no-repeat;
    }
    
    .product-box .A8F42H {
        z-index: 1;
        position: absolute;
        right: -3%;
        bottom: -18%;
        width: 50%;
        height: 100%;
    }
    
    .product-box .A8F42H,
    .product-detail .A8F42H {
        background-image: url("/resources/img/cn/product/A8F42H.png");
        background-repeat: no-repeat;
    }
    
    .product-box .D6F27DH {
        z-index: 1;
        position: absolute;
        right: -3%;
        bottom: -18%;
        width: 50%;
        height: 100%;
    }
    
    .product-box .D6F27DH,
    .product-detail .D6F27DH {
        background-image: url("/resources/img/cn/product/D6F27DH.png");
        background-repeat: no-repeat;
    }
    
    .product-box .EV {
        z-index: 1;
        position: absolute;
        right: -3%;
        bottom: -18%;
        width: 50%;
        height: 100%;
    }
    
    .product-box .EV,
    .product-detail .EV {
        background-image: url("/resources/img/cn/product/EV.png");
        background-repeat: no-repeat;
    }
    
    .product-box .AXLE {
        z-index: 1;
        position: absolute;
        right: -3%;
        bottom: -4%;
        width: 50%;
        height: 100%;
        background-image: url("/resources/img/cn/product/AXLE.png");
        background-repeat: no-repeat;
    }
    
    .product-detail .left-aticle.AXLE {
        background-size: 82% !important;
        background-image: url("/resources/img/cn/product/AXLE_2.png");
        background-repeat: no-repeat;
    }
    
    .product-box .EST {
        z-index: 1;
        position: absolute;
        right: -3%;
        bottom: -18%;
        width: 50%;
        height: 100%;
    }
    
    .product-box .EST {
        bottom: 0%;
    }
    
    .product-box .EST,
    .product-detail .EST {
        background-image: url("/resources/img/cn/product/EST.png");
        background-repeat: no-repeat;
    }
    
    .product-box .PTU {
        z-index: 1;
        position: absolute;
        right: -3%;
        bottom: -18%;
        width: 50%;
        height: 100%;
    }
    
    .product-box .PTU {
        right: -7%;
        bottom: -5%;
    }
    
    .product-box .PTU,
    .product-detail .PTU {
        background-image: url("/resources/img/cn/product/PTU.png");
        background-repeat: no-repeat;
    }
    
    .product-box .mt-amt {
        z-index: 1;
        position: absolute;
        right: -3%;
        bottom: -18%;
        width: 50%;
        height: 100%;
    }
    
    .product-box .mt-amt {
        right: -10%;
        bottom: 0%;
    }
    
    .product-box .mt-amt,
    .product-detail .mt-amt {
        background-image: url("/resources/img/cn/product/mt-amt.png");
        background-repeat: no-repeat;
    }
    
    .product-box .axle_Heavy {
        z-index: 1;
        position: absolute;
        right: -3%;
        bottom: -18%;
        width: 50%;
        height: 100%;
    }
    
    .product-box .axle_Heavy {
        right: -9%;
        bottom: 3%;
    }
    
    .product-box .axle_Heavy,
    .product-detail .axle_Heavy {
        background-image: url("/resources/img/cn/product/axle_Heavy.png");
        background-repeat: no-repeat;
    }
    
    .product-box .hev {
        z-index: 1;
        position: absolute;
        right: -3%;
        bottom: -18%;
        width: 50%;
        height: 100%;
    }
    
    .product-box .hev {
        right: -7%;
        bottom: 0%;
    }
    
    .product-box .hev,
    .product-detail .hev {
        background-image: url("/resources/img/cn/product/hev.png");
        background-repeat: no-repeat;
    }
    
    .product-box .etc {
        z-index: 1;
        position: absolute;
        right: -3%;
        bottom: -2%;
        width: 50%;
        height: 100%;
    }
    
    .product-box .etc {
        right: -10%;
        bottom: 0%;
    }
    
    .product-box .etc,
    .product-detail .etc {
        background-image: url("/resources/img/cn/product/etc.png");
        background-repeat: no-repeat;
    }
    /*key-feature*/
    
    .key-feature {
        background: linear-gradient(0deg, rgba(246, 246, 246, 1) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 100%);
    }
    
    .key-feature ul {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
        padding-top: 6rem;
        padding-bottom: 10rem;
    }
    
    .key-feature ul li {
        display: flex;
        position: relative;
        text-align: center;
    }
    
    .key-feature ul li div {
        max-width: 20rem;
    }
    
    .key-feature ul li i {
        width: 14rem;
        height: 12rem;
        display: block;
        margin-left: auto;
        margin-right: auto;
        background-size: cover;
    }
    
    .key-feature ul li em {
        font-size: 1.4rem;
        font-weight: 300;
        font-style: normal;
        color: #0052b9;
        margin-bottom: 2rem;
        margin-top: 2rem;
        display: block;
    }
    
    .key-feature ul li p {
        
    }
    
    .key-feature ul li p strong {
        font-size: 2.3rem;
        color: #202020;
        font-weight: 100;
        
    }
    
    .key-feature ul li p span {
        font-size: 1.4rem;
        color: #202020;
        
    }
    /*key-img(페이지별로 class 다름)*/
    /*at-ff*/
    
    .key-feature ul li i.at-ff-key1 {
        background-image: url("/resources/img/cn/product/at-ff-key1.svg");
    }
    
    .key-feature ul li i.at-ff-key2 {
        background-image: url("/resources/img/cn/product/at-ff-key2.svg");
    }
    
    .key-feature ul li i.at-ff-key3 {
        background-image: url("/resources/img/cn/product/at-ff-key3.svg");
    }
    
    .key-feature ul li i.at-ff-key4 {
        background-image: url("/resources/img/cn/product/at-ff-key4.svg");
    }
    /*at-fr*/
    
    .key-feature ul li i.at-fr-key1 {
        background-image: url("/resources/img/cn/product/at-fr-key1.svg");
    }
    
    .key-feature ul li i.at-fr-key2 {
        background-image: url("/resources/img/cn/product/at-fr-key2.svg");
    }
    
    .key-feature ul li i.at-fr-key3 {
        background-image: url("/resources/img/cn/product/at-fr-key3.svg");
    }
    
    .key-feature ul li i.at-fr-key4 {
        background-image: url("/resources/img/cn/product/at-fr-key4.svg");
    }
    /*CF28*/
    
    .key-feature ul li i.CF28-key1 {
        background-image: url("/resources/img/cn/product/CF28-key1.svg");
    }
    
    .key-feature ul li i.CF28-key2 {
        background-image: url("/resources/img/cn/product/CF28-key2.svg");
    }
    
    .key-feature ul li i.CF28-key3 {
        background-image: url("/resources/img/cn/product/CF28-key3.svg");
    }
    
    .key-feature ul li i.CF28-key4 {
        background-image: url("/resources/img/cn/product/CF28-key4.svg");
    }
    /*CF28*/
    
    .key-feature ul li i.D8F48W-key1 {
        background-image: url("/resources/img/cn/product/D8F48W-key1.svg");
    }
    
    .key-feature ul li i.D8F48W-key2 {
        background-image: url("/resources/img/cn/product/D8F48W-key2.svg");
    }
    
    .key-feature ul li i.D8F48W-key3 {
        background-image: url("/resources/img/cn/product/D8F48W-key3.svg");
    }
    
    .key-feature ul li i.D8F48W-key4 {
        background-image: url("/resources/img/cn/product/D8F48W-key4.svg");
    }
    /*M6R26*/
    
    .key-feature ul li i.M6R26-key1 {
        background-image: url("/resources/img/cn/product/M6R26-key1.svg");
    }
    
    .key-feature ul li i.M6R26-key2 {
        background-image: url("/resources/img/cn/product/M6R26-key2.svg");
    }
    
    .key-feature ul li i.M6R26-key3 {
        background-image: url("/resources/img/cn/product/M6R26-key3.svg");
    }
    
    .key-feature ul li i.M6R26-key4 {
        background-image: url("/resources/img/cn/product/M6R26-key4.svg");
    }
    /*A8F42H*/
    
    .key-feature ul li i.A8F42H-key1 {
        background-image: url("/resources/img/cn/product/A8F42H-key1.svg");
    }
    
    .key-feature ul li i.A8F42H-key2 {
        background-image: url("/resources/img/cn/product/A8F42H-key2.svg");
    }
    
    .key-feature ul li i.A8F42H-key3 {
        background-image: url("/resources/img/cn/product/A8F42H-key3.svg");
    }
    
    .key-feature ul li i.A8F42H-key4 {
        background-image: url("/resources/img/cn/product/A8F42H-key4.svg");
    }
    /*D6F27DH*/
    
    .key-feature ul li i.D6F27DH-key1 {
        background-image: url("/resources/img/cn/product/D6F27DH-key1.svg");
    }
    
    .key-feature ul li i.D6F27DH-key2 {
        background-image: url("/resources/img/cn/product/D6F27DH-key2.svg");
    }
    
    .key-feature ul li i.D6F27DH-key3 {
        background-image: url("/resources/img/cn/product/D6F27DH-key3.svg");
    }
    
    .key-feature ul li i.D6F27DH-key4 {
        background-image: url("/resources/img/cn/product/D6F27DH-key4.svg");
    }
    /*EV*/
    
    .key-feature ul li i.EV-key1 {
        background-image: url("/resources/img/cn/product/EV-key1.svg");
    }
    
    .key-feature ul li i.EV-key2 {
        background-image: url("/resources/img/cn/product/EV-key2.svg");
    }
    
    .key-feature ul li i.EV-key3 {
        background-image: url("/resources/img/cn/product/EV-key3.svg");
    }
    
    .key-feature ul li i.EV-key4 {
        background-image: url("/resources/img/cn/product/EV-key4.svg");
    }
    /*AXLE*/
    
    .key-feature ul li i.AXLE-key1 {
        background-image: url("/resources/img/cn/product/AXLE-key1.svg");
    }
    
    .key-feature ul li i.AXLE-key2 {
        background-image: url("/resources/img/cn/product/AXLE-key2.svg");
    }
    
    .key-feature ul li i.AXLE-key3 {
        background-image: url("/resources/img/cn/product/AXLE-key3.svg");
    }
    
    .key-feature ul li i.AXLE-key4 {
        background-image: url("/resources/img/cn/product/AXLE-key4.svg");
    }
    /*EST*/
    
    .key-feature ul li i.EST-key1 {
        background-image: url("/resources/img/cn/product/EST-key1.svg");
    }
    
    .key-feature ul li i.EST-key2 {
        background-image: url("/resources/img/cn/product/EST-key2.svg");
    }
    
    .key-feature ul li i.EST-key3 {
        background-image: url("/resources/img/cn/product/EST-key3.svg");
    }
    
    .key-feature ul li i.EST-key4 {
        background-image: url("/resources/img/cn/product/EST-key4.svg");
    }
    /*PTU*/
    
    .key-feature ul li i.PTU-key1 {
        background-image: url("/resources/img/cn/product/PTU-key1.svg");
    }
    
    .key-feature ul li i.PTU-key2 {
        background-image: url("/resources/img/cn/product/PTU-key2.svg");
    }
    
    .key-feature ul li i.PTU-key3 {
        background-image: url("/resources/img/cn/product/PTU-key3.svg");
    }
    
    .key-feature ul li i.PTU-key4 {
        background-image: url("/resources/img/cn/product/PTU-key4.svg");
    }
    /*mt-amt*/
    
    .key-feature ul li i.mt-amt-key1 {
        background-image: url("/resources/img/cn/product/mt-amt-key1.svg");
    }
    
    .key-feature ul li i.mt-amt-key2 {
        background-image: url("/resources/img/cn/product/mt-amt-key2.svg");
    }
    
    .key-feature ul li i.mt-amt-key3 {
        background-image: url("/resources/img/cn/product/mt-amt-key3.svg");
    }
    
    .key-feature ul li i.mt-amt-key4 {
        background-image: url("/resources/img/cn/product/mt-amt-key4.svg");
    }
    /*axle_Heavy*/
    
    .key-feature ul li i.axle_Heavy-key1 {
        background-image: url("/resources/img/cn/product/axle_Heavy-key1.svg");
    }
    
    .key-feature ul li i.axle_Heavy-key2 {
        background-image: url("/resources/img/cn/product/axle_Heavy-key2.svg");
    }
    
    .key-feature ul li i.axle_Heavy-key3 {
        background-image: url("/resources/img/cn/product/axle_Heavy-key3.svg");
    }
    
    .key-feature ul li i.axle_Heavy-key4 {
        background-image: url("/resources/img/cn/product/axle_Heavy-key4.svg");
    }
    /*hev*/
    
    .key-feature ul li i.hev-key1 {
        background-image: url("/resources/img/cn/product/hev-key1.svg");
    }
    
    .key-feature ul li i.hev-key2 {
        background-image: url("/resources/img/cn/product/hev-key2.svg");
    }
    
    .key-feature ul li i.hev-key3 {
        background-image: url("/resources/img/cn/product/hev-key3.svg");
    }
    
    .key-feature ul li i.hev-key4 {
        background-image: url("/resources/img/cn/product/hev-key4.svg");
    }
    /*product-detail*/
    
    .product-detail {}
    
    .product-detail h2 {
        padding-top: 3rem;
        padding-bottom: 3rem;
        font-size: 3.5rem;
        color: #202020;
        
    }
    
    .product-detail h2, 
    .product-detail h3 {
        color: #202020;
    }
    
    .product-detail .detail-aticle {
        display: flex;
        width: 100%;
        border-top: 1px solid #f5f5f5;
        min-height: 50rem;
    }
    
    .product-detail .detail-left {
        width: 50%;
        display: flex;
        justify-content: flex-end;
        border-right: 1px solid #f5f5f5;
    }
    
    .product-detail .detail-right {
        width: 50%;
        position: relative;
        background-color: #f9f9f9;
        display: block;
    }
    
    .left-aticle {
        max-width: 49rem;
        width: 100%;
        position: relative;
        right: inherit;
        bottom: inherit;
    }
    
    .left-aticle i {
        position: absolute;
        display: flex;
        cursor: pointer;
        width: 7rem;
        height: 7rem;
        font-size: 1.6rem;
        font-weight: 700;
        color: #fff;
        border-radius: 5rem;
        background: rgba(0, 89, 199, 0.5);
        align-items: center;
        justify-content: center;
        font-style: normal;
    }
    
    .left-aticle i:hover,
    .left-aticle i.active {
        background: rgba(0, 89, 199, 1);
    }
    
    .right-aticle {
        padding: 6rem 0 0rem 6rem;
        width: 70%;
        display: flex;
        flex-direction: column;
    }
    
    .right-content {
        display: none;
        width: auto;
        height: 34rem;
        position: absolute;
        background: #f9f9f9;
        padding-right: 1rem;
        flex-direction: column;
        justify-content: space-between;
        overflow-y: scroll;
    }
    
    .left-aticle i.active {
        animation: fadeIn ease 1.5s;
        -moz-animation: fadeIn 1.5s;
        /* Firefox */
        -webkit-animation: fadeIn 1.5s;
        /* Safari and Chrome */
        -o-animation: fadeIn 1.5s;
        /* Opera */
    }
    
    .right-content>div {
        max-width: 43rem;
    }
    
    .right-content.panel_1 {
        display: flex;
    }
    
    .right-content.active {
        display: flex;
        flex-direction: column;
        width: 100%;
        background-color: #f9f9f9;
        position: absolute;
        top: 0;
        left: 0;
        margin-bottom: 2rem;
        height: 100%;
        justify-content: space-between;
        animation: fadeIn ease 1.5s;
        -moz-animation: fadeIn 1.5s;
        /* Firefox */
        -webkit-animation: fadeIn 1.5s;
        /* Safari and Chrome */
        -o-animation: fadeIn 1.5s;
        /* Opera */
    }
    
    .right-aticle em {
        width: 100%;
        font-size: 5rem;
        color: #727272;
        font-weight: 100;
        font-style: normal;
        display: block;
        line-height: 1em;
        margin-bottom: 2rem;
    }
    
    .right-aticle h3 {
        width: 100%;
        font-size: 3.8rem;
        color: #202020;
        font-weight: 700;
        
        margin-bottom: 2rem;
    }
    
    .right-aticle p {
        width: 100%;
        font-size: 2rem;
        margin-bottom: 0.3rem;
        color: #202020;
        font-weight: 100;
        
        line-height: 1.2em;
    }
    
    .right-aticle span {
        display: block;
        width: 100%;
        position: relative;
        max-width: 43rem;
        font-size: 1.2rem;
        color: #808080;
        font-weight: 100;
        
    }
    
    .detail-right ul {
        display: flex;
        position: absolute;
        bottom: 5rem;
        padding-left: 6rem;
        margin-top: 2rem;
    }
    
    .detail-right ul li {
        margin-right: 4rem;
    }
    
    .detail-right ul li span {
        color: #727272;
        font-size: 1.6rem;
        font-weight: 700;
        cursor: pointer;
    }
    
    .detail-right ul li span:hover,
    .detail-right ul li span.active {
        color: #0052b9;
    }
    /*슬라이드 박스*/
    
    .slider-box {
        display: block;
        height: 80%;
        position: absolute;
        overflow: hidden;
        animation: fadeIn ease 2s;
        -moz-animation: fadeIn 2s;
        /* Firefox */
        -webkit-animation: fadeIn 2s;
        /* Safari and Chrome */
        -o-animation: fadeIn 2s;
        /* Opera */
    }
    
    .slider-inner {
        width: 100%;
        height: 100%;
        display: flex;
        position: relative;
    }
    /*상품 상테 스타일 2*/
    
    p.small-p {
        font-size: 1.5rem;
        color: #202020;
    }
    
    p.small-p span {
        font-size: 1.3rem;
        color: #808080;
    }
    
    h3.small-h3 {
        font-size: 1.8rem;
        color: #000;
        font-weight: 100;
        
    }
    /*A8F42*/
    
    .at-ff i:nth-child(1) {
        top: 13rem;
        left: 16rem;
    }
    
    .at-ff i:nth-child(2) {
        top: 22rem;
        left: 1.5rem;
    }
    
    .at-ff i:nth-child(3) {
        bottom: 9rem;
        left: 17rem;
    }
    
    .at-ff i:nth-child(4) {
        top: 30rem;
        right: 12rem;
    }
    /*A8R50*/
    
    .at-fr i:nth-child(1) {
        top: 17rem;
        left: 1rem;
    }
    
    .at-fr i:nth-child(2) {
        top: 23rem;
        right: 9rem;
    }
    
    .at-fr i:nth-child(3) {
        top: 18rem;
        left: 20rem;
    }
    
    .at-fr i:nth-child(4) {
        bottom: 11rem;
        right: 15rem;
    }
    /*CF28*/
    
    .CF28 i:nth-child(1) {
        top: 5rem;
        left: 16rem;
    }
    
    .CF28 i:nth-child(2) {
        top: 20rem;
        left: 27.5rem;
    }
    
    .CF28 i:nth-child(3) {
        top: 28rem;
        left: 33rem;
    }
    
    .CF28 i:nth-child(4) {
        top: 30rem;
        left: 13rem;
    }
    /*D8F48W*/
    
    .D8F48W i:nth-child(1) {
        top: 30rem;
        left: 13rem;
    }
    
    .D8F48W i:nth-child(2) {
        top: 23rem;
        left: 33.5rem;
    }
    
    .D8F48W i:nth-child(3) {
        top: 23rem;
        left: 11rem;
    }
    
    .D8F48W i:nth-child(4) {
        top: 34rem;
        left: 23rem;
    }
    /*M6R26*/
    
    .M6R26 i:nth-child(1) {
        top: 20rem;
        left: 33rem;
    }
    
    .M6R26 i:nth-child(2) {
        top: 11rem;
        left: 19.5rem;
    }
    
    .M6R26 i:nth-child(3) {
        top: 22rem;
        left: 13rem;
    }
    
    .M6R26 i:nth-child(4) {
        top: 20rem;
        left: 21rem;
    }
    /*A8F42H*/
    
    .A8F42H i:nth-child(1) {
        top: 19rem;
        left: 11rem;
    }
    
    .A8F42H i:nth-child(2) {
        top: 24rem;
        left: 15.5rem;
    }
    
    .A8F42H i:nth-child(3) {
        top: 17rem;
        left: 5rem;
    }
    
    .A8F42H i:nth-child(4) {
        top: 21rem;
        left: 22rem;
    }
    /*D6F27DH*/
    
    .D6F27DH i:nth-child(1) {
        top: 17rem;
        left: 23rem;
    }
    
    .D6F27DH i:nth-child(2) {
        top: 17rem;
        left: 36.5rem;
    }
    
    .D6F27DH i:nth-child(3) {
        top: 7rem;
        left: 13rem;
    }
    
    .D6F27DH i:nth-child(4) {
        top: 23rem;
        left: 30rem;
    }
    
    .D6F27DH i:nth-child(5) {
        top: 10rem;
        left: 28rem;
    }
    /*EV*/
    
    .EV i:nth-child(1) {
        top: 32rem;
        left: 11rem;
    }
    
    .EV i:nth-child(2) {
        top: 36rem;
        left: 24.5rem;
    }
    
    .EV i:nth-child(3) {
        top: 11rem;
        left: 6rem;
    }
    
    .EV i:nth-child(4) {
        top: 29rem;
        left: 36rem;
    }
    /*AXLE*/
    
    .AXLE i:nth-child(1) {
        top: 4rem;
        left: 23rem;
    }
    
    .AXLE i:nth-child(2) {
        top: 14rem;
        left: 25.5rem;
    }
    
    .AXLE i:nth-child(3) {
        top: 15rem;
        left: 17rem;
    }
    
    .AXLE i:nth-child(4) {
        top: 16rem;
        left: 32.5rem;
    }
    /*EST*/
    
    .EST i:nth-child(1) {
        top: 7rem;
        left: 22rem;
    }
    
    .EST i:nth-child(2) {
        top: 21rem;
        left: 14.5rem;
    }
    
    .EST i:nth-child(3) {
        top: 21rem;
        left: 7rem;
    }
    
    .EST i:nth-child(4) {
        top: 13rem;
        left: 30rem;
    }
    
    .EST i:nth-child(5) {
        top: 30rem;
        left: 16.5rem;
    }
    
    .EST i:nth-child(6) {
        top: 31rem;
        left: 39rem;
        background-image: url("/resources/img/cn/product/tccu-icon.png");
        background-repeat: no-repeat;
        background-size: 100%;
        background-color: transparent;
    }
    /*PTU*/
    
    .PTU i:nth-child(1) {
        top: 25rem;
        left: 24rem;
    }
    
    .PTU i:nth-child(2) {
        top: 10rem;
        left: 28.5rem;
    }
    
    .PTU i:nth-child(3) {
        top: 15rem;
        left: 17rem;
    }
    
    .PTU i:nth-child(4) {
        top: 21rem;
        left: 39rem;
    }
    /*mt-amt*/
    
    .mt-amt i:nth-child(1) {
        top: 17rem;
        left: 23.5rem;
    }
    
    .mt-amt i:nth-child(2) {
        top: 10rem;
        left: 35.5rem;
    }
    
    .mt-amt i:nth-child(3) {
        top: 28rem;
        left: 28rem;
    }
    
    .mt-amt i:nth-child(4) {
        top: 24rem;
        left: 38rem;
    }
    /*axle_Heavy*/
    
    .axle_Heavy i:nth-child(1) {
        top: 19rem;
        left: 28rem;
    }
    
    .axle_Heavy i:nth-child(2) {
        top: 22rem;
        left: 22.5rem;
    }
    
    .axle_Heavy i:nth-child(3) {
        top: 18rem;
        left: 36rem;
    }
    
    .axle_Heavy i:nth-child(4) {
        top: 23rem;
        left: 15rem;
    }
    /*hev*/
    
    .hev i:nth-child(1) {
        top: 17rem;
        left: 14rem;
    }
    
    .hev i:nth-child(2) {
        top: 17rem;
        left: 30.5rem;
    }
    
    .hev i:nth-child(3) {
        top: 22rem;
        left: 6rem;
    }
    
    .hev i:nth-child(4) {
        top: 25rem;
        left: 28rem;
    }
    /*etc*/
    
    .left-img-etc1,
    .left-img-etc2,
    .left-img-etc3 {
        width: 100%;
        height: 100%;
    }
    
    .left-img-etc1 i {
        display: block;
        height: 100%;
        width: 100%;
        background-image: url("/resources/img/cn/product/etc-1.png");
        background-position: center right;
        background-repeat: no-repeat;
    }
    
    .left-img-etc2 i {
        display: block;
        height: 100%;
        width: 100%;
        background-image: url("/resources/img/cn/product/etc-2.png");
        background-position: center left;
        background-repeat: no-repeat;
    }
    
    .left-img-etc3 i {
        display: block;
        height: 100%;
        width: 100%;
        background-image: url("/resources/img/cn/product/etc-3.png");
        background-position: center right;
        background-repeat: no-repeat;
    }
    
    .detail-option.border {
        border-bottom: 1px solid #f5f5f5;
    }
    
    .gray-bg {
        background-color: #f9f9f9;
    }
    
    .detail-option .left-box.background-color {
        background-color: transparent;
    }
    
    .detail-option .right-inner.etc-right {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 50rem;
    }
    
    .etc-right .title h3 {
        font-size: 3.8rem;
        color: #202020;
        font-weight: 700;
        
    }
    
    .etc-right .title p {
        font-size: 1.5rem;
        color: #202020;
        
        margin-top: 4rem;
    }
    
    .etc-right .middle {}
    
    .etc-right .middle h3 {
        font-size: 1.8rem;
        color: #000;
        
    }
    
    .etc-right .middle p {
        font-size: 1.3rem;
        color: #808080;
        
        margin-top: 1rem;
    }
    
    .box-reverse {
        flex-direction: row-reverse;
    }
    
    .box-reverse .left-img-etc1 i {
        background-position: center left;
    }
    
    .box-reverse.detail-option .right-box {
        display: flex;
        justify-content: flex-end;
    }
    
    .box-reverse.detail-option .right-inner.etc-right {
        padding: 5rem 6rem 9rem 0rem
    }
    /*product-detail- bg*/
    
    .detail-left .left-aticle {
        background-size: 100%;
        background-position: center center;
    }
    /*적용범위*/
    
    .detail-option {
        display: flex;
        position: relative;
        border-top: 1px solid #f5f5f5;
    }
    
    .detail-option .left-box {
        width: 50%;
        position: relative;
        background-color: #f9f9f9;
        display: flex;
        justify-content: flex-end;
        /*border-right: 1px solid #f5f5f5;*/
    }
    
    .detail-option .left-box .left-box-inner {
        padding: 5rem 4.5rem 5rem 0;
        max-width: 49rem;
        width: 100%;
        position: relative;
    }
    
    .detail-option .left-box .left-box-inner h3,
    .detail-option .right-box .right-box-inner h3 {
        font-size: 1.8rem;
        
        color: #000;
        margin-bottom: 1rem;
    }
    
    .detail-option .left-box .left-box-inner p {
        color: #808080;
        font-size: 1.4rem;
        
    }
    
    .detail-option .left-box .left-box-inner ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 6rem;
    }
    
    .detail-option .left-box .left-box-inner ul li {
        height: 6rem;
        width: 25%;
        background-size: auto;
        background-position: center center;
        background-repeat: no-repeat;
    }
    
    .detail-option .left-box .left-box-inner ul li:nth-child(1) {
        background-image: url("/resources/img/cn/product/car1.svg");
    }
    
    .detail-option .left-box .left-box-inner ul li:nth-child(2) {
        background-image: url("/resources/img/cn/product/car2.svg");
    }
    
    .detail-option .left-box .left-box-inner ul li:nth-child(3) {
        background-image: url("/resources/img/cn/product/car3.svg");
    }
    
    .detail-option .left-box .left-box-inner ul li:nth-child(4) {
        background-image: url("/resources/img/cn/product/car4.svg");
    }
    
    .detail-option .left-box .left-box-inner ul li:nth-child(5) {
        background-image: url("/resources/img/cn/product/car5.svg");
    }
    
    .detail-option .left-box .left-box-inner ul li:nth-child(6) {
        background-image: url("/resources/img/cn/product/car6.svg");
    }
    
    .detail-option .left-box .left-box-inner ul li:nth-child(7) {
        background-image: url("/resources/img/cn/product/car7.svg");
    }
    
    .detail-option .left-box .left-box-inner ul li:nth-child(8) {
        background-image: url("/resources/img/cn/product/car8.svg");
    }
    
    .detail-option .left-box .left-box-inner ul li.on:nth-child(1) {
        background-image: url("/resources/img/cn/product/car1_on.svg");
    }
    
    .detail-option .left-box .left-box-inner ul li.on:nth-child(2) {
        background-image: url("/resources/img/cn/product/car2_on.svg");
    }
    
    .detail-option .left-box .left-box-inner ul li.on:nth-child(3) {
        background-image: url("/resources/img/cn/product/car3_on.svg");
    }
    
    .detail-option .left-box .left-box-inner ul li.on:nth-child(4) {
        background-image: url("/resources/img/cn/product/car4_on.svg");
    }
    
    .detail-option .left-box .left-box-inner ul li.on:nth-child(5) {
        background-image: url("/resources/img/cn/product/car5_on.svg");
    }
    
    .detail-option .left-box .left-box-inner ul li.on:nth-child(6) {
        background-image: url("/resources/img/cn/product/car6_on.svg");
    }
    
    .detail-option .left-box .left-box-inner ul li.on:nth-child(7) {
        background-image: url("/resources/img/cn/product/car7_on.svg");
    }
    
    .detail-option .left-box .left-box-inner ul li.on:nth-child(8) {
        background-image: url("/resources/img/cn/product/car8_on.svg");
    }
    
    .detail-option .right-box {
        width: 50%;
        position: relative;
        display: block;
    }
    
    .detail-option .right-inner {
        display: flex;
        flex-direction: column;
        color: #000;
        width: 100%;
        height: 100%;
        max-width: 49rem;
        position: relative;
        padding: 5rem 0rem 5rem 6rem;
        justify-content: space-between;
    }
    
    .detail-option .right-inner.content-3 h3 {
        margin-bottom: 1rem;
    }
    
    .detail-option .right-inner .option {
        position: relative;
        display: flex;
        margin-bottom: 4rem;
        margin-top: 1rem;
        align-items: center;
    }
    
    .detail-option .right-inner .option:last-child {
        margin-bottom: 0;
    }
    
    .detail-option .right-inner .option .icon-box {
        display: flex;
        align-items: center;
        width: 16rem;
    }
    
    .detail-option .right-inner .option .icon-box i {
        display: block;
        width: 5.6rem;
        height: 5.6rem;
        background-repeat: no-repeat;
        background-position: center center;
    }
    
    .detail-option .right-inner .option .icon-box span {
        margin-left: 2rem;
        font-size: 1.3rem;
        color: #808080;
    }
    
    .detail-option .right-inner .option p {
        font-size: 3.8rem;
        color: #0052b9;
        line-height: 1em;
    }
    
    .detail-option .right-inner .option i.torque {
        background-image: url("/resources/img/cn/product/icon-torque.svg");
    }
    
    .detail-option .right-inner .option i.gear {
        background-image: url("/resources/img/cn/product/icon-gear.svg");
    }
    
    .detail-option .right-inner .option i.Speed {
        background-image: url("/resources/img/cn/product/icon-speed.svg");
    }
    
    .detail-option .right-inner .option i.POWER {
        background-image: url("/resources/img/cn/product/icon-power.svg");
    }
    /*아이콘이 없는 콘텐츠*/
    
    .detail-option .right-inner.content-3 .option {
        margin-bottom: 1.5rem;
        margin-top: 0rem;
    }
    
    .detail-option .right-inner.content-3 .option .icon-box span {
        margin-left: 0rem;
        font-size: 1.3rem;
        color: #808080;
    }
    
    .detail-option .right-inner.content-3 .option p {
        font-size: 3rem;
        margin-right: 2rem;
    }
    
    .detail-option .right-inner.content-3 .option p em,
    .detail-option .right-inner .option p em {
        font-style: normal;
        font-size: 1.3rem;
    }
    
    .detail-option .right-inner.content-3 .option .icon-box {
        width: 8.5rem;
    }
    /*엔진이미지*/
    
    .engin-box {
        width: 100%;
        height: 45rem;
        background-repeat: no-repeat;
        background-size: cover !important;
        background-position: center center;
    }
    
    .engin-box.A8F42 {
        background-image: url("/resources/img/cn/product/engin-A8F42.png");
    }
    
    .engin-box.A8R50 {
        background-image: url("/resources/img/cn/product/engin-A8R50.png");
    }
    
    .engin-box.cf28_3 {
        background-image: url("/resources/img/cn/product/engin-cf28_3.png");
    }
    
    .engin-box.D8F48W {
        background-image: url("/resources/img/cn/product/engin-D8F48W.png");
    }
    
    .engin-box.M6R26 {
        background-image: url("/resources/img/cn/product/engin-M6R26.png");
    }
    
    .engin-box.A8F42H {
        background-image: url("/resources/img/cn/product/engin-A8F42H.png");
    }
    
    .engin-box.D6F27DH {
        background-image: url("/resources/img/cn/product/engin-D6F27DH.png");
    }
    
    .engin-box.EV {
        background-image: url("/resources/img/cn/product/engin-EV.png");
    }
    
    .engin-box.AXLE {
        background-image: url("/resources/img/cn/product/engin-AXLE.png");
    }
    
    .engin-box.EST {
        background-image: url("/resources/img/cn/product/engin-EST.png");
    }
    
    .engin-box.PTU {
        background-image: url("/resources/img/cn/product/engin-PTU.png");
    }
    
    .engin-box.mt-amt {
        background-image: url("/resources/img/cn/product/engin-mt-amt.png");
    }
    
    .engin-box.axle_Heavy {
        background-image: url("/resources/img/cn/product/engin-axle-Heavy.png");
    }
    
    .engin-box.hev {
        background-image: url("/resources/img/cn/product/engin-hev.png");
    }
    /*영상*/
    
    .movie {}
    
    .movie .engin-box {
        width: 100%;
        min-height: 68rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    
    .movie .engin-box.A8F42 {
        background-image: url("/resources/img/cn/product/A8F42-m.png");
    }
    
    .movie .engin-box.cf28_3 {
        background-image: url("/resources/img/cn/product/cf28_3-m.png");
    }
    
    .movie .engin-box.D8F48W {
        background-image: url("/resources/img/cn/product/d8F48W-m.png");
    }
    
    .movie .engin-box.A8F42H {
        background-image: url("/resources/img/cn/product/a8F42H-m.png");
    }
    /*페이지*/
    
    .pagenation {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 30rem;
        background-image: url('/resources/img/cn/product/A8F42-navi-bg.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .pagenation-maca {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 30rem;
        background-image: url('/resources/img/cn/product/mechanism_page-bg.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .pagenation div {
        position: relative;
        height: 100%;
    }
    
    .pagenation div:first-child {
        width: 50%;
        padding-left: 5rem;
    }
    
    .pagenation div:last-child {
        width: 50%;
        padding-right: 5rem;
    }
    
    .pagenation div:last-child a {
        justify-content: flex-end;
    }
    
    .pagenation a {
        display: block;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        color: #fff;
        font-size: 1.8rem;
        
    }
    
    .pagenation a i {
        display: block;
        margin-right: 3rem;
        background-image: url('/resources/img/cn/product/pagination-icon-arrow.png');
        background-repeat: no-repeat;
        width: 6.4rem;
        height: 4.7rem;
    }
    
    .pagenation a span {
        display: block;
        background-position: left center;
        position: relative;
    }
    .pagenation a:hover span:after{content:""; position:absolute; bottom:0; left:0; width:100%; display:block; border-bottom: 1px solid #fff;}
    
    
    .pagenation a i.reverse {
        display: block;
        transform: rotate(180deg);
        margin-left: 3rem;
        margin-right: 0;
        background-image: url('/resources/img/cn/product/pagination-icon-arrow.png');
        background-repeat: no-repeat;
        width: 7.4rem;
        height: 4.7rem;
        background-position: right center;
    }
    
    .page-contact {
        height: 13rem;
        width: 100%;
        position: relative;
        display: flex;
        background-image: url('/resources/img/cn/product/patton-con-bg.png');
        background-repeat: repeat;
    }
    /*구조 변경되면서 선언변경*/
    
    .page-contact a {
        display: flex;
        align-items: center;
    }
    
    .page-contact i {
        display: block;
        margin-right: 3rem;
        width: 24.5rem;
        height: 8rem;
        background-image: url('/resources/img/ko/product/img-contact.png');
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .page-contact a span {
        font-size: 1.3rem;
        
    }
    /*html 반영되면 지워야함*/
    
    .page-contact p {
        display: flex;
        align-items: center;
    }
    
    .page-contact i {
        display: block;
        margin-right: 3rem;
        width: 24.5rem;
        height: 8rem;
        background-image: url('/resources/img/ko/product/img-contact.png');
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .page-contact p span {
        color: #757575;
        font-size: 1.3rem;
        
    }
    /*map*/
    
    .map {
        width: 100%;
        max-height: 45rem;
        position: relative;
        display: block;
        overflow: hidden;
    }
    
    .map img {
        width: 100%;
        height: 100%;
    }
    
    .map-list {
        margin-top: 10rem;
    }
    
    .map-list ul {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    
    .map-list ul li {
        width: 33%;
        margin-bottom: 8rem;
        float: left;
    }
    
    .map-list ul li ul {
        display: block;
    }
    
    .map-list ul li h3 {
        font-size: 3.5rem;
        color: #0052b9;
        margin-bottom: 3rem;
    }
    
    .map-list ul li ul li {
        display: flex;
        align-items: center;
        width: 100%;
        margin-bottom: 0rem;
    }
    
    .map-list ul li ul li a {
        font-size: 1.4rem;
        color: #666;
        
        line-height: 2em;
    }
    .map-list ul li ul li a:hover{color:#0052b9}
    .map-list ul li ul li:before {
        content: "ㆍ";
        display: block;
    }
    /*시트맵*/
    
    .content_section .map-list {margin-top: 0rem;    margin: 0 auto;}
    
    .map-list .list {
        display: flex;
        height: 32rem;
    }
    
    .map-list .list .left-inner {
        max-width: 81rem;
        padding-left: 7rem;
        align-items: center;
        display: flex;
    }
    
    .map-list .list .left-inner>div {
        height: 100%;
        padding-top: 5rem;
        padding-bottom: 5rem;
        justify-content: space-between;
        flex-direction: column;
        display: flex;
    }
    
    .map-list .left {
        width: calc(100%/1);
        display: flex;
        justify-content: space-around;
        position: relative;
    }
    
    .map-list .right {
        display: flex;
        justify-content: flex-end;
        position: relative;
    }
    
    .map-list .left h2 {
        font-size: 3.5rem;
        
        color: #fff;
        font-weight: 100;
        font-weight: 300;
        margin-bottom: 3rem;
    }
    
    .map-list .left p {
        font-size: 1.8rem;
        color: #fff;
        font-weight: 300;
    }
    
    .map-list .left a {
        width: 7rem;
        color: #fff;
        font-size: 1.2rem;
        display: flex;
    }
     .map-list .left a span{width:100%; display:block;}
    
    .map-list .left a i {
        background-image: url('/resources/img/cn/common/icon_arrow_wh.png');
        width: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    /* 똥색*/
    
    .a5875b .left {
        background-color: #936840;
    }
    
    .a5875b .left:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        right: -3rem;
        top: 50%;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-left: 30px solid #936840;
        border-bottom: 20px solid transparent;
    }
    
    .a5875b .finished-img {
        width: 32rem;
        height: 32rem;
        display: block;
        background-image: url('/resources/img/cn/product/seat1.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    /*검정색*/
    
    .black {
        display: flex;
        flex-direction: row-reverse;
    }
    
    .black .left {
        background-color: #202020;
        justify-content: flex-start;
    }
    
    .black .left:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        left: -3rem;
        top: 50%;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-right: 30px solid #202020;
        border-bottom: 20px solid transparent;
    }
    
    .black .finished-img {
        width: 32rem;
        height: 32rem;
        display: block;
        background-image: url('/resources/img/cn/product/seat2.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    /*blue*/
    
    .blue {}
    
    .blue .left {
        background-color: #0052b9;
    }
    
    .blue .left:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        right: -3rem;
        top: 50%;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-left: 30px solid #0052b9;
        border-bottom: 20px solid transparent;
    }
    
    .blue .finished-img {
        width: 32rem;
        height: 32rem;
        display: block;
        background-image: url('/resources/img/cn/product/seat3.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    /*cobalt*/
    
    .cobalt {
        display: flex;
        flex-direction: row-reverse;
    }
    
    .cobalt .left {
        background-color: #2923a3;
        justify-content: flex-start;
    }
    
    .cobalt .left:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        left: -3rem;
        top: 50%;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-right: 30px solid #2923a3;
        border-bottom: 20px solid transparent;
    }
    
    .cobalt .finished-img {
        width: 32rem;
        height: 32rem;
        display: block;
        background-image: url('/resources/img/cn/product/seat4.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    /*sky*/
    
    .sky {}
    
    .sky .left {
        background-color: #007caa;
    }
    
    .sky .left:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        right: -3rem;
        top: 50%;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-left: 30px solid #007caa;
        border-bottom: 20px solid transparent;
    }
    
    .sky .finished-img {
        width: 32rem;
        height: 32rem;
        display: block;
        background-image: url('/resources/img/cn/product/seat5.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    /*map 상세*/
    
    .map-container {
        overflow: hidden;
    }
    
    .map-container li img {
        width: 100%;
        margin-top: 5rem;
    }
    
    .map-content {
        position: relative;
        margin-top: 5rem;
        margin-bottom: 7rem;
    }
    /*맵콘텐츠*/
    
    .map-centers {}
    
    .map-centers .list {
        display: flex;
        height: 55rem;
    }
    
    .map-centers .list .left-inner {
        max-width: 49rem;
        padding-left: 0rem;
        align-items: center;
        display: flex;
    }
    
    .map-centers .list .left-inner>div {
        height: 100%;
        width: 100%;
        padding-top: 5rem;
        padding-right: 5rem;
        padding-bottom: 5rem;
        justify-content: space-between;
        flex-direction: column;
        display: flex;
    }
    
    .map-centers .left {
        width: 50%;
        display: flex;
        justify-content: flex-end;
        position: relative;
    }
    
    .map-centers .right {
        width: 50%;
        display: flex;
        justify-content: flex-end;
        position: relative;
    }
    
    .key-message {
        font-size: 1.4rem;
        color: #fff;
        margin-bottom: 4.5rem;
        display: block;
    }
    
    .map-centers .left h2 {
        font-size: 5rem;
        
        color: #fff;
        font-weight: 100;
        font-weight: 300;
        margin-bottom: 3rem;
    }
    
    .map-centers .left h2 span {
        
    }
    
    .map-centers .left p {
        font-size: 1.3rem;
        color: #fff;
        font-weight: 300;
        
        text-align: left;
    }
    
    .map-centers .left a {
        width: 7rem;
        color: #fff;
        font-size: 1.2rem;
        display: flex;
    }
    
    .map-centers .left a i {
        background-image: url('/resources/img/cn/common/icon_arrow_wh.png');
        width: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .map-img-box {
        height: 68rem;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover !important;
        background-position: top center;
    }
    /*시트 맵*/
    
    .map-product-box .block-section>li.img {}
    
    .map-product-box .block-section>li.img h3 {
        color: #fff;
        font-size: 5.5rem;
    }
    
    .map-product-box .block-section>li.img p strong {
        color: #fff;
        font-weight: 100;
        font-size: 4rem;
        font-weight: 400;
        line-height: 1em;
    }
    
    .map-product-box .block-section>li {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    
    .map-product-box .block-section li h4 {
        color: #202020;
        font-size: 2.2rem;
        font-weight: 100;
        margin-bottom: 3rem;
    }
    
    .map-product-box .block-section li {
        font-size: 1.3rem;
        color: #666;
        
        line-height: 2rem;
    }

    .list_padding{
        display: block;
        padding-left: 1.1rem;
        
    }
    
    .map-product-box .block-section>li {
        background-color: #f9f9f9;
        background-size: 100%;
        position: relative;
        background-position: top center;
    }
    
   
    .map-product-box .block-section>li h3 span {
        font-weight: 700;
    }
    
    .map-product-box .block-section>li.oner1 {
        background-image: url("/resources/img/cn/product/s-oner1.png") !important;
    }
    
    .map-product-box .block-section>li.oner2 {
        background-image: url("/resources/img/cn/product/s-oner2.png") !important;
    }
    
    .map-product-box .block-section>li.oner3 {
        background-image: url("/resources/img/cn/product/s-oner3.png") !important;
    }
    
    .map-product-box .block-section>li.oner4 {
        background-image: url("/resources/img/cn/product/s-oner4.png") !important;
    }
    
    .map-product-box .block-section>li.oner5 {
        background-image: url("/resources/img/cn/product/s-oner5.png") !important;
    }
    
    .map-product-box .block-section>li.oner6 {
        display: none;
        width: 50%;
        background-image: url("/resources/img/cn/product/s-oner6.png") !important;
    }
    /*제품큰이미지*/
    
    .map-img-box.finis5 {
        background-image: url("/resources/img/cn/product/finis5.png");
    }
    /* 똥색*/
    
    .map-centers .a5875b .left {
        background-color: #936840;
    }
    
    .map-centers .a5875b .left:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        right: -3rem;
        top: 50%;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-left: 30px solid #936840;
        border-bottom: 20px solid transparent;
    }
    
    .map-centers .a5875b .finished-img {
        width: 100%;
        height: 100%;
        display: block;
        background-image: url('/resources/img/cn/product/finis1.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    /*검정색*/
    
    .map-centers .black {
        display: flex;
        flex-direction: row-reverse;
    }
    
    .map-centers .black .left {
        background-color: #232323;
        justify-content: flex-start;
        padding-left: 5rem;
    }
    
    .map-centers .black .left:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        left: -3rem;
        top: 50%;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-right: 30px solid #232323;
        border-bottom: 20px solid transparent;
    }
    
    .map-centers .black .finished-img {
        width: 100%;
        height: 100%;
        display: block;
        background-image: url('/resources/img/cn/product/finis2.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    
    .map-centers .black .left p {
        
    }
    /*검정색 반대*/
    
    .map-centers .black-r {
        display: flex;
    }
    
    .map-centers .black-r .left {
        background-color: #181b22;
        justify-content: flex-end;
        padding-left: 5rem;
    }
    
    .map-centers .black-r .left:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        right: -3rem;
        top: 50%;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-left: 30px solid #181b22;
        border-bottom: 20px solid transparent;
    }
    
    .map-centers .black-r .finished-img {
        width: 100%;
        height: 100%;
        display: block;
        background-image: url('/resources/img/cn/product/mechanism1.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #e5e6e7;
    }
    
    .map-centers .black-r .left p {
        
    }
    /*오렌지색*/
    
    .map-centers .orange {
        display: flex;
        flex-direction: row-reverse;
    }
    
    .map-centers .orange .left {
        background-color: #ba5001;
        justify-content: flex-start;
        padding-left: 5rem;
    }
    
    .map-centers .orange .left:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        left: -3rem;
        top: 50%;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-right: 30px solid #ba5001;
        border-bottom: 20px solid transparent;
    }
    
    .map-centers .orange .finished-img {
        width: 100%;
        height: 100%;
        display: block;
        background-image: url('/resources/img/cn/product/mechanism2.png');
        background-repeat: no-repeat;
        background-position: top center;
    }
    
    .map-centers .orange .left p {
        
    }
    /*sky-r*/
    
    .map-centers .sky-r {}
    
    .map-centers .sky-r .left {
        background-color: #0059c7;
    }
    
    .map-centers .sky-r .left:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        right: -3rem;
        top: 50%;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-left: 30px solid #0059c7;
        border-bottom: 20px solid transparent;
    }
    
    .map-centers .sky-r .finished-img {
        width: 100%;
        height: 100%;
        display: block;
        background-image: url('/resources/img/cn/product/mechanism3.png');
        background-repeat: no-repeat;
        background-position: top center;
    }
    
    .map-centers .sky-r .left p {
        
    }
    /*sky*/
    
    .map-centers .sky {}
    
    .map-centers .sky .left {
        background-color: #0059c7;
    }
    
    .map-centers .sky .left:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        right: -3rem;
        top: 50%;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-left: 30px solid #0052b9;
        border-bottom: 20px solid transparent;
    }
    
    .map-centers .sky .finished-img {
        width: 100%;
        height: 100%;
        display: block;
        background-image: url('/resources/img/cn/product/finis3.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto;
    }
    
    .map-centers .sky .left p {
        
    }
    /*white*/
    
    .map-centers .white {
        display: flex;
        flex-direction: row-reverse;
    }
    
    .map-centers .white .left {
        background-color: #fff;
        justify-content: flex-start;
        padding-left: 5rem;
    }
    
    .map-centers .white .left:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        left: -3rem;
        top: 50%;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-right: 30px solid #fff;
        border-bottom: 20px solid transparent;
    }
    
    .map-centers .white .finished-img {
        width: 100%;
        height: 100%;
        display: block;
        background-image: url('/resources/img/cn/product/finis4.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    
    .map-centers .white .left p {
        
    }
    
    .map-centers .white .left h2 {
        font-size: 5rem;
        
        color: #2c2c2c;
        font-weight: 100;
        font-weight: 300;
        margin-bottom: 3rem;
    }
    
    .map-centers .white .left p {
        font-size: 1.3rem;
        color: #2c2c2c;
        font-weight: 300;
        
        text-align: left;
    }
    
    .map-centers .white .left a {
        width: 7rem;
        color: #2c2c2c;
        font-size: 1.2rem;
        display: flex;
    }
    
    .map-centers .white .left a i {
        background-image: url('/resources/img/cn/common/icon_arrow_wh.png');
        width: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .map-centers .white .left span {
        color: #2c2c2c;
    }
    /*콘텐츠 중간 타이틀*/
    
    .content-title {
        padding-top: 5rem;
        padding-bottom: 3rem;
    }
    
    .content-title.small-title {
        padding-top: 4rem;
        padding-bottom: 3rem;
    }
    
    .content-title.small-title h2 {
        margin-bottom: 0;
    }
    
    .content-title h2 {
        font-size: 3.5rem;
        color: #202020;
        margin-bottom: 4rem;
        font-weight: 700;
        
    }
    
    .content-title h3 {
        font-size: 3.5rem;
        color: #0052b9;
        font-weight: 100;
    }
    /*시트맵-none-color*/
    
    .map-list-non-color {
        border-bottom: 1px solid #f5f5f5;
    }
    
    .map-list-non-color .list {
        display: flex;
        height: 32rem;
        border-top: 1px solid #f5f5f5;
    }
    
    .map-list-non-color .list>div {
        display: flex;
    }
    
    .map-list-non-color .list .left-inner {
        max-width: 81rem;
        align-items: center;
        display: flex;
        padding-right: 2rem;
    }
    
    .map-list-non-color .list .left-inner>div {
        height: 100%;
        width:100%;
        padding-top: 5rem;
        padding-bottom: 5rem;
        justify-content: space-between;
        flex-direction: column;
        display: flex;
    }
    
    .map-list-non-color .left {
        width: calc(100%/1);
        display: flex;
        position: relative;
        border-right: 1px solid #f5f5f5;
    }
    
    .map-list-non-color .right {
        display: flex;
        justify-content: flex-end;
        position: relative;
    }
    
    .map-list-non-color .left h2 {
        font-size: 1.8rem;
        
        color: #000000;
        font-weight: 100;
        font-weight: 300;
        margin-bottom: 1rem;
    }
    
    .map-list-non-color .left p {
        font-size: 1.4rem;
        color: #666666;
        font-weight: 300;
    }
    
    .map-list-non-color .reverse {
        display: flex;
        flex-direction: row-reverse;
    }
    
    .mechanism4 .finished-img {
        width: 32rem;
        height: 32rem;
        display: block;
        background-image: url('/resources/img/cn/product/mechanism4.png');
        background-repeat: no-repeat;
        background-position: center center;
    }
    
    .mechanism5 .finished-img {
        width: 32rem;
        height: 32rem;
        display: block;
        background-image: url('/resources/img/cn/product/mechanism5.png');
        background-repeat: no-repeat;
        background-position: center center;
    }
    
    .mechanism6 .finished-img {
        width: 32rem;
        height: 32rem;
        display: block;
        background-image: url('/resources/img/cn/product/mechanism6.png');
        background-repeat: no-repeat;
        background-position: center center;
    }
    
    .mechanism7 .finished-img {
        width: 32rem;
        height: 32rem;
        display: block;
        background-image: url('/resources/img/cn/product/mechanism7.png');
        background-repeat: no-repeat;
        background-position: center center;
    }
    
    .mechanism8 .finished-img {
        width: 32rem;
        height: 32rem;
        display: block;
        background-image: url('/resources/img/cn/product/mechanism8.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 90%;
    }
    
    .map-list-non-color .reverse .left {
        border-left: 1px solid #f5f5f5;
        padding-left: 7rem;
        border-right: 0;
    }
    /*function1*/
    
    .blue-func {}
    
    .blue-func .left {
        background-color: #0052b9;
    }
    
    .blue-func .left:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        right: -3rem;
        top: 50%;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-left: 30px solid #0052b9;
        border-bottom: 20px solid transparent;
    }
    
    .blue-func .finished-img {
        width: 100%;
        height: 100%;
        display: block;
        background-image: url('/resources/img/cn/product/function1.png');
        background-repeat: no-repeat;
        background-position: right center;
        background-size: cover;
    }
    /* 똥색*/
    
    .brown-func .left {
        background-color: #8c6c5c;
        justify-content: flex-start;
    }
    
    .brown-func {
        flex-direction: row-reverse;
    }
    
    .brown-func .left:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        left: -3rem;
        top: 50%;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-right: 30px solid #8c6c5c;
        border-bottom: 20px solid transparent;
    }
    
    .brown-func .finished-img {
        width: 100%;
        height: 100%;
        display: block;
        background-image: url('/resources/img/cn/product/function2.png');
        background-repeat: no-repeat;
        background-position: left center;
        background-size: cover;
    }
    
    .map-centers .brown-func .left-inner {
        padding-left: 5rem;
    }
    /*회갈색*/
    
    .brown-gray {}
    
    .brown-gray .left {
        background-color: #2f3438;
    }
    
    .brown-gray .left:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        right: -3rem;
        top: 50%;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-left: 30px solid #2f3438;
        border-bottom: 20px solid transparent;
    }
    
    .brown-gray .finished-img {
        width: 100%;
        height: 100%;
        display: block;
        background-image: url('/resources/img/cn/product/function3.png');
        background-repeat: no-repeat;
        background-position: right center;
        background-size: cover;
    }
    /*function-content*/
    
    .function-content {}
    
    .function-content .function4 i {
        width: 100%;
        height: 38rem;
        display: block;
        background-image: url('/resources/img/cn/product/function4.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
    }
    
    .function-content .function5 i {
        width: 100%;
        height: 38rem;
        display: block;
        background-image: url('/resources/img/cn/product/function5.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
    }
    
    .function-content .function6 i {
        width: 100%;
        height: 38rem;
        display: block;
        background-image: url('/resources/img/cn/product/function6.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
    }
    
    .function-content .styling4 i {
        width: 100%;
        height: 38rem;
        display: block;
        background-image: url('/resources/img/cn/product/styling4.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    
    .function-content .styling5 i {
        width: 100%;
        height: 38rem;
        display: block;
        background-image: url('/resources/img/cn/product/styling5.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    
    .function-content .styling6 i {
        width: 100%;
        height: 38rem;
        display: block;
        background-image: url('/resources/img/cn/product/styling6.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    
    .function-content .styling7 i {
        width: 100%;
        height: 38rem;
        display: block;
        background-image: url('/resources/img/cn/product/styling7.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    
    .function-content .function-inner {
        padding-top: 5rem;
        padding-bottom: 7rem;
    }
    
    .function-content .function-inner h3 {
        font-size: 3.5rem;
        color: #0052b9;
        font-weight: 100;
        margin-bottom: 2.5rem;
    }
    
    .function-content .function-inner dl {
        margin-bottom: 4rem;
    }
    
    .function-content .function-inner dl dt {
        font-size: 1.8rem;
        color: #000000;
        font-weight: 100;
        margin-bottom: 1rem;
    }
    
    .function-content .function-inner dl dd {
        font-size: 1.4rem;
        color: #666666;
        font-weight: 100;
    }
    /*스타일*/
    /*function1*/
    
    .blue-style {}
    
    .blue-style .left {
        background-color: #2923a3;
    }
    
    .blue-style .left:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        right: -3rem;
        top: 50%;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-left: 30px solid #2923a3;
        border-bottom: 20px solid transparent;
    }
    
    .blue-style .finished-img {
        width: 100%;
        height: 100%;
        display: block;
        background-image: url('/resources/img/cn/product/styling1.png');
        background-repeat: no-repeat;
        background-position: right center;
        background-size: cover;
    }
    /* 똥색*/
    
    .brown-style .left {
        background-color: #0059c7;
        justify-content: flex-start;
    }
    
    .brown-style {
        flex-direction: row-reverse;
    }
    
    .brown-style .left:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        left: -3rem;
        top: 50%;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-right: 30px solid #0059c7;
        border-bottom: 20px solid transparent;
    }
    
    .brown-style .finished-img {
        width: 100%;
        height: 100%;
        display: block;
        background-image: url('/resources/img/cn/product/styling2.png');
        background-repeat: no-repeat;
        background-position: left center;
        background-size: cover;
    }
    
    .map-centers .brown-style .left-inner {
        padding-left: 5rem;
    }
    /*회갈색*/
    
    .brown-gray-style {}
    
    .brown-gray-style .left {
        background-color: #2f3438;
    }
    
    .brown-gray-style .left:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        right: -3rem;
        top: 50%;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-left: 30px solid #2f3438;
        border-bottom: 20px solid transparent;
    }
    
    .brown-gray-style .finished-img {
        width: 100%;
        height: 100%;
        display: block;
        background-image: url('/resources/img/cn/product/styling3.png');
        background-repeat: no-repeat;
        background-position: right center;
        background-size: cover;
    }
    /*컴포트*/
    /*comport1*/
    
    .comport1 {}
    
    .comport1 .left {
        background-color: #0059c7;
    }
    
    .comport1 .left:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        right: -3rem;
        top: 50%;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-left: 30px solid #0059c7;
        border-bottom: 20px solid transparent;
    }
    
    .comport1 .finished-img {
        width: 100%;
        height: 100%;
        display: block;
        background-image: url('/resources/img/cn/product/comport1.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    /* comport2*/
    
    .comport2 .left {
        background-color: #101318;
        justify-content: flex-start;
    }
    
    .comport2 {
        flex-direction: row-reverse;
    }
    
    .comport2 .left:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        left: -3rem;
        top: 50%;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-right: 30px solid #101318;
        border-bottom: 20px solid transparent;
    }
    
    .comport2 .finished-img {
        width: 100%;
        height: 100%;
        display: block;
        background-image: url('/resources/img/cn/product/comport2.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    
    .map-centers .comport2 .left-inner {
        padding-left: 5rem;
    }
    /*comport3*/
    
    .comport3 {}
    
    .comport3 .left {
        background-color: #45708a;
    }
    
    .comport3 .left:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        right: -3rem;
        top: 50%;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-left: 30px solid #45708a;
        border-bottom: 20px solid transparent;
    }
    
    .comport3 .finished-img {
        width: 100%;
        height: 100%;
        display: block;
        background-image: url('/resources/img/cn/product/comport3.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    /*분쟁조정*/
    
    .dispute_section {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    
    .dispute_section h2 {
        color: #0052b9;
        font-size: 3.5rem;
        
        margin-bottom: 3rem;
    }
    
    /* .dispute-img {
        margin-top: 3rem;
        background: url('/resources/img/new/img_esg012_cn.png') no-repeat;
        width: 100%;
        height: 48rem;
    } */
    
    .dispute_section.gray {
        background: #f9f9f9;
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
    /*1:1 문의*/
    
    .cs-step {
        display: flex;
        padding-top: 5.5rem;
        padding-bottom: 5.5rem;
        min-height: 27rem;
        justify-content: space-around;
        margin-left: auto;
        margin-right: auto;
    }
    
    .cs-step li {
        padding-top: calc(100% / 8);
        width: calc(100%/6);
        display: block;
        text-align: center;
        height: 0;
    }
    
    .cs-step li em {
        font-size: 1.3rem;
        color: #01b8e6;
        font-style: normal;
        font-size: 1.3rem;
        font-weight: 700;
        display: block;
    }
    
    .cs-step li p {
        color: #666666;
        font-size: 2rem;
        
        padding-top: 1rem;
    }
    
    .cs-step li:nth-child(1) {
        background: url('/resources/img/cn/etc/setp1.svg') no-repeat center top;
    }
    
    .cs-step li:nth-child(2) {
        background: url('/resources/img/cn/etc/setp2.svg') no-repeat center top;
    }
    
    .cs-step li:nth-child(3) {
        background: url('/resources/img/cn/etc/step3.svg') no-repeat center top;
    }
    
    .cs-step li:nth-child(4) {
        background: url('/resources/img/cn/etc/step4.svg') no-repeat center top;
    }
    
    .cs-step li:nth-child(5) {
        background: url('/resources/img/cn/etc/step5.svg') no-repeat center top;
    }

    @media (min-width: 1300px) {
        .block-section li a {
            width: 100%;
        }
        .block-section {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
        }
    }
    
    @media (max-width: 1300px) {
        .block-section>li {
            padding: 5rem;
            width: 25%;
        }
        .text {
            padding: 3rem;
        }
    }
    
    @media (max-width: 1200px) {}
    
    @media (max-width: 1100px) {
        .block-section>li {
            padding: 2rem;
        }
    }
    
    @media (max-width: 1000px) {
        .detail-option .left-box {
            padding-left: 2rem;
        }
        .detail-option .left-box .left-box-inner {
            padding-right: 2rem;
        }
        .detail-option .left-box .left-box-inner ul {
            justify-content: flex-start;
        }
        .detail-option .left-box .left-box-inner ul li {
            margin-right: 0.5%;
        }
        .detail-option .left-box.background-color {
            padding-left: 0;
            height: 35rem;
        }
        .box-reverse.detail-option .right-inner.etc-right {
            padding: 5rem 3rem 9rem 2rem
        }
        .right-content {
            padding-right: 10%;
            height: 30rem;
        }
        .map-list .list .left-inner {
            padding-left: 2rem;
            padding-right: 2rem;
        }
    }
    /**pc
========================================================================== */
    
    @media (max-width: 980px) {
        .block-section>li {
            width: 50%;
            padding: 5rem;
        }
        .block-section {
            height: 100%;
        }
        /*아코디언*/
        .accordion-container .article-title {
            padding-left: 2rem;
            padding-right: 2rem;
        }
        .block-section>li {
            background-color: #f4f4f4;
        }
        .block-section>li:nth-child(2) {
            background-color: #f9f9f9;
        }
        .block-section>li:nth-child(3n) {
            background-color: #f9f9f9;
        }
        .detail-option .right-inner {
            padding-left: 2rem;
        }
        .movie .A8F42 {
            min-height: 35rem;
        }
        .map-product-box .block-section>li:nth-child(3),
        .map-product-box .block-section>li:nth-child(2),
        .map-product-box .block-section>li:nth-child(7),
        .map-product-box .block-section>li:nth-child(12),
        .map-product-box .block-section>li:nth-child(13) {
            background-color: #f9f9f9;
        }
        .map-product-box .block-section>li:nth-child(15),
        .map-product-box .block-section>li:nth-child(18),
        .map-product-box .block-section>li:nth-child(11),
        .map-product-box .block-section>li:nth-child(14) {
            background-color: #f4f4f4;
        }
        .map-product-box .block-section>li:nth-child(7):after,
        /*.map-product-box .block-section>li:nth-child(12):after{content:""; display:block; padding-bottom:82.5%;}
.map-product-box .block-section>li:nth-child(14):after{content:""; display:block; padding-bottom:73.5%;}
.map-product-box .block-section>li:nth-child(15):after{content:""; display:block; padding-bottom:60%;}
.map-product-box .block-section>li:nth-child(10):after{content:""; display:block; padding-bottom:82.5%;}*/
        .map-product-box .block-section>li.oner6 {
            width: 100%;
        }
        .map-centers .list .left-inner>div {
            padding-left: 2rem;
            padding-right: 2rem;
        }
        .map-centers .black-r .left {
            padding-right: 0;
        }
        .map-centers .brown-func .left-inner,
        .map-centers .brown-style .left-inner,
        .map-centers .comport2 .left-inner {
            padding-left: 0rem;
        }
        .map-centers .list.orange .left {
            padding-left: 0rem;
        }
        .map-centers .orange .left-inner {
            padding-lefT: 0;
        }
        .map-centers .black-r .left {
            padding-left: 0rem;
        }
        .map-centers .list .left-inner {
            padding-left: 0rem;
        }
        .map-centers .black .left {
            padding-left: 0;
        }
        .map-centers .white .left {
            padding-left: 0;
            padding-right: 0;
        }
    }
    
    @media (max-width:820px) {
        .footer-section1 {
            display: none;
        }
        .map-centers .list .left-inner>div {
            padding-left: 2rem;
            padding-right: 2rem;
        }
        .right-aticle {
            padding: 6rem 0 0rem 2rem;
        }
        .map-centers .list .left-inner {
            width: 100%;
            padding-right: 0rem;
        }
        .map-centers .left h2 {
            font-size: 4rem;
        }
        .map-centers .orange .left,
        .map-centers .list .left-inner {
            padding-left: 0;
        }
        .map-centers .black-r .left {
            padding-right: 0rem;
        }
        .map-centers .black .left {
            padding-left: 0;
        }
        .map-centers .white .left {
            padding-left: 0;
            padding-right: 0;
        }
        .gnb>ul>li:nth-child(2) div.sub_menu_box>ul>li:nth-child(1)>ul {
            flex-direction: inherit;
            height: 100%;
        }
    }
    
    @media (max-width: 768px) {
        .block-section li.oner p strong {
            font-size: 3rem;
        }
        .block-section>li {
            padding: 2.5rem;
        }
        .block-section li.oner h3 {
            font-size: 4.5rem;
            height: 4.5rem;
            display: flex;
            align-items: flex-end;
        }
        .block-section {
            display: flex;
        }
        .block-section>li {
            width: 50%;
        }
        .block-section li.oner a {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .block-section li.oner p {
            margin-top: 2rem;
        }
        .map-list ul {}
        .map-list ul li {
            width: 50%;
        }
        .select-box select {
            border-left: 0;
            border-right: 0;
        }
        .select-box .select-inner {
            width: 50%;
        }
        .select-inner:last-child select {
            border-left: 1px solid #f3f3f3;
        }
        .page_title,
        .map-content {
            padding-left: 2rem;
            padding-right: 2rem;
        }
        .dispute_section {
            padding-left: 0rem;
            padding-right: 0rem;
        }
        /* .dispute-img {
            background-size: 100%;
        } */
        .detail-aticle,
        .product-detail .detail-aticle {
            display: block;
        }
        .product-detail .detail-left,
        .product-detail .detail-right {
            width: 100%;
        }
        .left-aticle {
            height: 50rem;
        }
        .detail-right {
            height: 45rem;
            width: 100%;
        }
        .detail-left {
            width: 100%;
            justify-content: center;
        }
        .detail-option {
            flex-direction: column-reverse;
        }
        .detail-option .left-box,
        .detail-option .right-box {
            width: 100%;
        }
        .detail-option .left-box {
            justify-content: flex-start;
        }
        .detail-option .left-box .left-box-inner {
            max-width: 100%;
        }
        .detail-option .left-box .left-box-inner ul li {
            margin-right: 0;
        }
        .movie .A8F42 {
            min-height: 35rem;
        }
        .pagenation {
            height: 10rem;
        }
        .pagenation div:first-child {
            padding-left: 2rem;
        }
        .pagenation div:last-child {
            padding-right: 2rem;
        }
        .box-reverse.detail-option .right-inner.etc-right {
            width: 100%;
            max-width: 100%;
        }
        .map-centers .brown-func .left-inner,
        .map-centers .brown-style .left-inner {
            padding-left: 1rem;
        }
        .key-feature ul {}
        .key-feature ul li {
            margin-bottom: 5rem;
            width: 50%;
            justify-content: center;
        }
        /*스와이프 버튼 */
        .swiper-button-next,
        .swiper-button-prev {
            display: block !important;
        }
        .tab_box ul {
            width: 1300px;
        }
        .swiper-container-tab {
            width: 100%;
            height: 100%;
        }
        .swiper-container-tab .swiper-slide {
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
    }
    
    @media (max-width: 650px) {
        .map-centers .list .left-inner>div,
        .map-centers .list {
            display: block;
        }
        .map-centers .left,
        .map-centers .right,
        .map-centers .list .left-inner {
            width: 100%;
            max-width: 100%;
        }
        .map-centers .left p {
            text-align: left;
        }
        .map-centers .list {
            height: 100%;
        }
        .map-centers .right {
            height: 32rem;
        }
        .map-centers .sky-r .left:after,
        .map-centers .black-r .left:after,
        .map-centers .a5875b .left:after,
        .map-centers .sky .left:after {
            content: none;
        }
        .map-centers .sky-r .finished-img {
            background-size: 100%;
        }
        .map-list-non-color .left,
        .map-list-non-color .right {
            width: 100%;
        }
        .map-list-non-color .reverse .left {
            padding-left: 0rem;
        }
        .map-list-non-color .list>div {
            display: block;
        }
        .map-list-non-color .reverse .left {
            border-left: 0;
        }
        .map-list-non-color .left {
            border-right: 0;
        }
        .map-centers .sky-r .finished-img {
            height: inherit;
            background-position: bottom center;
        }
        .map-centers .orange .finished-img {
            background-size: 100%;
            background-position: bottom center;
        }
        .map-centers .black-r .finished-img {
            background-size: auto;
        }
        .map-list-non-color .list {
            height: auto;
        }
    }
    
    @media (max-width: 510px) {}
    
    @media (max-width: 500px) {
        .block-section {
            display: block;
        }
        .block-section>li {
            width: 100%;
        }
        .right-aticle {
            padding: 3rem 2rem 0rem 3rem;
        }
        .detail-right ul {
            padding-left: 3rem;
        }
        .at-ff i:nth-child(4) {
            left: 26rem;
            top: 26rem;
        }
        .left-text p {
            width: 100%;
        }
        .product-box .at-ff {
            position: relative;
            position: relative;
            height: 25.5rem;
            width: 100%;
            display: block;
            right: 0;
            bottom: 0;
            background-size: 100%;
        }
        .product-box {
            padding-top: 4rem;
            height: 100%;
        }
        .page-contact i {
            background-size: 90%;
        }
        .block-section>li {
            background-color: #f9f9f9;
        }
        .block-section>li:nth-child(2) {
            background-color: #f9f9f9;
        }
        .block-section>li:nth-child(3n) {
            background-color: #f4f4f4;
        }
        .map-list .list,
        .map-centers .left,
        .map-centers .list {
            display: block;
            height: 100%;
        }
        .map-list .right {
            justify-content: inherit;
            min-height: 32rem;
        }
        .finished-img {
            width: 100% !important;
        }
        .map-list {
            margin-top: 3rem;
        }
        .map-centers .list .left-inner,
        .map-centers .left {
            width: 100%;
            max-width: 100%;
            display: block;
        }
        .map-centers .list .left-inner {
            padding-left: 0rem;
        }
        .map-centers .black .left,
        .map-centers .white .left {
            padding-left: 0;
        }
        .map-centers .right {
            width: 100%;
            height: 32rem;
        }
        .map-centers .list .left-inner>div {
            padding-right: 2rem;
        }
        .map-product-box .block-section>li:nth-child(2),
        .map-product-box .block-section>li:nth-child(4),
        .map-product-box .block-section>li:nth-child(13) {
            background-color: #f4f4f4;
        }
        .map-product-box .block-section>li:nth-child(5),
        .map-product-box .block-section>li:nth-child(10),
        .map-product-box .block-section>li:nth-child(14) {
            background-color: #f9f9f9;
        }
        .info_content.product-box {
            padding-bottom: 0;
        }
        .info_content.product-box i {
            display: block;
            position: relative;
            height: 35rem;
            background-size: 100%;
            width: 100%;
        }
        .product-box .hev {
            right: 0;
        }
        .a5875b .left:after,
        .blue .left:after,
        .sky .left:after {
            content: none;
        }
        .map-list .left p {
            margin-bottom: 5rem;
        }
        .map-product-box .map-block-content .block-section>li {
            height: 100%;
            min-height: 100%;
        }
    }
    
    @media (max-width: 414px) {
        .cs-step {
            display: block;
        }
           .cs-step li {
            width: 100%;
            height: 100%;
            text-align: left;
            padding-top:0 !important;
            background-position:center right -1.7rem !important;
            padding-bottom:1.5rem;
            margin-bottom:1.5rem;
        }
        .block-section {
            display: block;
        }
        .block-section>li {
            width: 100%;
        }
        .block-section>li.oner {
            min-height: 28.5rem;
        }
        .detail-option .right-inner .option p {
            font-size: 2.5rem;
        }
        .block-section>li.oner:after {
            content: "";
            display: block;
            padding-bottom: 0%;
        }
        .product-box .at-ff {
            height: 34.5rem;
        }
        .left-aticle {
            height: 38rem;
        }
        .at-ff i:nth-child(1) {
            top: 8rem;
            left: 14rem;
        }
        .at-ff i:nth-child(2) {
            top: 16rem;
        }
        .at-ff i:nth-child(4) {
            left: 26rem;
            top: 21rem;
        }
        .at-ff i:nth-child(3) {
            top: 23rem;
            left: 14rem;
        }
        .page-contact i {
            width: 20.5rem;
        }
        .right-aticle {
            padding: 2rem
        }
        .product-detail .detail-right {
            width: 100%;
            min-height: auto;
        }
        .right-content {
            padding-right: 0;
            overflow-y: auto;
            height: 100%;
        }
        .product-detail .detail-left {
            justify-content: center;
            width: 41.4rem;
            margin-left: 0;
        }
        .detail-left .left-aticle {
            justify-content: center;
            width: 35rem;
            margin-left: 0;
        }
        .left-aticle i {
            width: 5rem;
            height: 5rem;
        }
        .CF28 i:nth-child(1) {
            top: 4rem;
            left: 10rem;
        }
        .CF28 i:nth-child(2) {
            top: 16rem;
            left: 18.5rem;
        }
        .CF28 i:nth-child(3) {
            top: 22rem;
            left: 24.5rem;
        }
        .CF28 i:nth-child(4) {
            top: 22rem;
            left: 9rem;
        }
        .D8F48W i:nth-child(1) {
            top: 23rem;
            left: 11rem;
        }
        .D8F48W i:nth-child(2) {
            top: 16rem;
            left: 28.5rem;
        }
        .D8F48W i:nth-child(3) {
            top: 17rem;
            left: 8rem;
        }
        .D8F48W i:nth-child(4) {
            top: 26rem;
            left: 20rem;
        }
        .M6R26 i:nth-child(1) {
            top: 15rem;
            left: 27rem;
        }
        .M6R26 i:nth-child(2) {
            top: 7rem;
            left: 15.5rem;
        }
        .M6R26 i:nth-child(3) {
            top: 17rem;
            left: 10rem;
        }
        .M6R26 i:nth-child(4) {
            top: 15rem;
            left: 18rem;
        }
        .A8F42H i:nth-child(1) {
            top: 14rem;
            left: 10rem;
        }
        .A8F42H i:nth-child(2) {
            top: 18rem;
            left: 14.5rem;
        }
        .A8F42H i:nth-child(3) {
            top: 13rem;
            left: 2rem;
        }
        .A8F42H i:nth-child(4) {
            top: 14rem;
            left: 18rem;
        }
        .D6F27DH i:nth-child(1) {
            top: 11rem;
            left: 19rem;
        }
        .D6F27DH i:nth-child(2) {
            top: 13rem;
            left: 29.5rem;
        }
        .D6F27DH i:nth-child(3) {
            top: 3rem;
            left: 11rem;
        }
        .D6F27DH i:nth-child(4) {
            top: 17rem;
            left: 24rem;
        }
        .D6F27DH i:nth-child(5) {
            top: 6rem;
            left: 24rem;
        }
        .EV i:nth-child(1) {
            top: 25rem;
            left: 10rem;
        }
        .EV i:nth-child(2) {
            top: 29rem;
            left: 20.5rem;
        }
        .EV i:nth-child(3) {
            top: 7rem;
            left: 6rem;
        }
        .EV i:nth-child(4) {
            top: 23rem;
            left: 31rem;
        }
        .AXLE i:nth-child(1) {
            top: 3rem;
            left: 17rem;
        }
        .AXLE i:nth-child(2) {
            top: 10rem;
            left: 16.5rem;
        }
        .AXLE i:nth-child(3) {
            top: 11rem;
            left: 11rem;
        }
        .AXLE i:nth-child(4) {
            top: 12rem;
            left: 22.5rem;
        }
        .EST i:nth-child(1) {
            top: 4rem;
            left: 18rem;
        }
        .EST i:nth-child(2) {
            top: 16rem;
            left: 11.5rem;
        }
        .EST i:nth-child(3) {
            top: 16rem;
            left: 5rem;
        }
        .EST i:nth-child(4) {
            top: 9rem;
            left: 25rem;
        }
        .EST i:nth-child(5) {
            top: 23rem;
            left: 14.5rem;
        }
        .EST i:nth-child(6) {
            top: 26rem;
            left: 28rem;
        }
        .PTU i:nth-child(1) {
            top: 19rem;
            left: 17rem;
        }
        .PTU i:nth-child(2) {
            top: 9rem;
            left: 19.5rem;
        }
        .PTU i:nth-child(3) {
            top: 12rem;
            left: 12rem;
        }
        .PTU i:nth-child(4) {
            top: 16rem;
            left: 27rem;
        }
        .mt-amt i:nth-child(1) {
            top: 13rem;
            left: 16.5rem;
        }
        .mt-amt i:nth-child(2) {
            top: 8rem;
            left: 25.5rem;
        }
        .mt-amt i:nth-child(3) {
            top: 20rem;
            left: 23rem;
        }
        .mt-amt i:nth-child(4) {
            top: 17rem;
            left: 28rem;
        }
        .axle_Heavy i:nth-child(1) {
            top: 15rem;
            left: 20rem;
        }
        .axle_Heavy i:nth-child(2) {
            top: 17rem;
            left: 15.5rem;
        }
        .axle_Heavy i:nth-child(3) {
            top: 15rem;
            left: 26rem;
        }
        .axle_Heavy i:nth-child(4) {
            top: 19rem;
            left: 10rem;
        }
        .hev i:nth-child(1) {
            top: 14rem;
            left: 10rem;
        }
        .hev i:nth-child(2) {
            top: 14rem;
            left: 22.5rem;
        }
        .hev i:nth-child(3) {
            top: 18rem;
            left: 4rem;
        }
        .hev i:nth-child(4) {
            top: 20rem;
            left: 20rem;
        }
        .at-fr i:nth-child(1) {
            top: 11rem;
            left: 1rem;
        }
        .at-fr i:nth-child(2) {
            top: 15rem;
            right: 7rem;
        }
        .at-fr i:nth-child(3) {
            top: 12rem;
            left: 16rem;
        }
        .at-fr i:nth-child(4) {
            bottom: 7rem;
            right: 12rem;
        }
        /* .dispute-img {
            display: block;
            height: 86rem;
            background: url('/resources/img/new/img_esg012_cn_m.png') no-repeat;
            padding: 0;
            background-size: 100%;
            background-position: top center;
        } */
        .pagenation a i,
        .pagenation a i.reverse {
            width: 3rem;
            height: 3rem;
            margin-right: 0;
            margin-left: 0;
        }
        .pagenation a i {
            background-position: center center;
        }
        .pagenation div:first-child {
            padding-left: 0;
        }
        .pagenation div:last-child {
            padding-right: 0;
        }
        .pagenation {
            padding-left: 1rem;
            padding-right: 1rem;
        }
        .pagenation a span {
            width: 100%;
            line-height: 1em;
        }
        .pagenation div:first-child a span {
            text-align: left;
            margin-left: 0.3rem;
        }
        .pagenation div:last-child a span {
            text-align: right;
            margin-right: 0.3rem;
        }
    }
    
    @media (max-width: 375px) {
        .block-section>li {
            width: 100%;
        }
        .block-section>li.oner:after {
            content: "";
            display: block;
            padding-bottom: 0%;
        }
        .left-aticle {
            height: 40rem;
        }
        .at-ff i:nth-child(1) {
            top: 8rem;
            left: 12rem;
        }
        .at-ff i:nth-child(2) {
            top: 16rem;
        }
        .at-ff i:nth-child(4) {
            left: 23rem;
            top: 20rem;
        }
        .at-ff i:nth-child(3) {
            top: 23rem;
            left: 12rem;
        }
        .product-box .at-ff {
            height: 31.5rem;
        }
        .product-detail .D8F48W {
            height: 38rem;
        }
        .product-detail .detail-left {
            justify-content: start;
            width: 41.4rem;
            margin-left: 0;
        }
        .detail-left .left-aticle {
            justify-content: star;
            position: relative;
            padding: 2rem;
            margin-left: 0;
        }
        .detail-left .left-aticle.mt-amt {
            justify-content: star;
        }
        /* .dispute-img {
            height: 77rem;
        } */
    }
    
    @media (max-width: 360px) {
        .block-section>li {
            width: 100%;
            min-height: 36rem;
        }
        .block-section>li.oner:after {
            content: "";
            display: block;
            padding-bottom: 0%;
        }
        .detail-left .left-aticle {
            width: 36rem;
        }
    }
    
    @media (max-width: 320px) {
        /* .dispute-img {
            height: 65rem;
        } */
        .block-section>li {
            width: 100%;
            max-height: 32rem;
        }
        .block-section li.oner a {
            height: auto;
            max-height: 25rem;
            min-height: auto;
            padding: 3.5rem;
        }
        .map-list {
            margin-top: 2rem;
        }
        .map-list ul li {
            width: 100%;
            padding-left: 1rem;
            padding-right: 1rem;
        }
        .block-section>li {
            width: 100%;
            min-height: 32rem;
        }
        .block-section>li.oner:after {
            content: "";
            display: block;
            padding-bottom: 0%;
        }
        .detail-left .left-aticle {
            width: 32rem;
            position: relative;
        }
        .left-aticle {
            height: 30rem;
        }
        .detail-right {
            min-height: 53rem;
        }
        .at-ff i:nth-child(1) {
            top: 6rem;
            left: 12rem;
        }
        .at-ff i:nth-child(2) {
            top: 11rem;
        }
        .at-ff i:nth-child(4) {
            left: 18rem;
            top: 14rem;
        }
        .at-ff i:nth-child(3) {
            top: 18rem;
            left: 10rem;
        }
        .product-box .at-ff {
            height: 26.5rem;
        }
        .key-feature ul li {
            width: 49%;
        }
        .detail-option .left-box .left-box-inner ul li {
            width: 50%;
        }
        .page-contact {
            height: 18rem;
            padding-top: 1rem;
            padding-bottom: 1rem;
        }
        .page-contact p {
            display: block;
        }
        .page-contact i {
            width: 100%;
        }
        .product-detail .D8F48W {
            height: 33rem;
        }
        .left-aticle i {
            width: 5rem;
            height: 5rem;
        }
        .CF28 i:nth-child(1) {
            top: 1em;
            left: 10rem;
        }
        .CF28 i:nth-child(2) {
            top: 12rem;
            left: 15rem;
        }
        .CF28 i:nth-child(3) {
            top: 18rem;
            left: 18.5rem;
        }
        .CF28 i:nth-child(4) {
            top: 19rem;
            left: 9rem;
        }
        .D8F48W i:nth-child(1) {
            top: 20rem;
            left: 8rem;
        }
        .D8F48W i:nth-child(2) {
            top: 16rem;
            left: 20.5rem;
        }
        .D8F48W i:nth-child(3) {
            top: 15rem;
            left: 6rem;
        }
        .D8F48W i:nth-child(4) {
            top: 23rem;
            left: 15rem;
        }
        .M6R26 i:nth-child(1) {
            top: 13rem;
            left: 20rem;
        }
        .M6R26 i:nth-child(2) {
            top: 5rem;
            left: 12.5rem;
        }
        .M6R26 i:nth-child(3) {
            top: 13rem;
            left: 9rem;
        }
        .M6R26 i:nth-child(4) {
            top: 11rem;
            left: 14rem;
        }
        .A8F42H i:nth-child(1) {
            top: 14rem;
            left: 10rem;
        }
        .A8F42H i:nth-child(2) {
            top: 18rem;
            left: 14.5rem;
        }
        .A8F42H i:nth-child(3) {
            top: 13rem;
            left: 2rem;
        }
        .A8F42H i:nth-child(4) {
            top: 14rem;
            left: 18rem;
        }
        .D6F27DH i:nth-child(1) {
            top: 11rem;
            left: 15rem;
        }
        .D6F27DH i:nth-child(2) {
            top: 11rem;
            left: 23.5rem;
        }
        .D6F27DH i:nth-child(3) {
            top: 3rem;
            left: 8rem;
        }
        .D6F27DH i:nth-child(4) {
            top: 14rem;
            left: 19rem;
        }
        .D6F27DH i:nth-child(5) {
            top: 5rem;
            left: 18rem;
        }
        .EV i:nth-child(1) {
            top: 20rem;
            left: 6rem;
        }
        .EV i:nth-child(2) {
            top: 22rem;
            left: 15rem;
        }
        .EV i:nth-child(3) {
            top: 5rem;
            left: 4rem;
        }
        .EV i:nth-child(4) {
            top: 19rem;
            left: 25rem;
        }
        .AXLE i:nth-child(1) {
            top: 2rem;
            left: 15rem;
        }
        .AXLE i:nth-child(2) {
            top: 9rem;
            left: 15.5rem;
        }
        .AXLE i:nth-child(3) {
            top: 9rem;
            left: 10rem;
        }
        .AXLE i:nth-child(4) {
            top: 9rem;
            left: 19.5rem;
        }
        .EST i:nth-child(1) {
            top: 4rem;
            left: 14rem;
        }
        .EST i:nth-child(2) {
            top: 12rem;
            left: 9.5rem;
        }
        .EST i:nth-child(3) {
            top: 12rem;
            left: 4rem;
        }
        .EST i:nth-child(4) {
            top: 8rem;
            left: 19rem;
        }
        .EST i:nth-child(5) {
            top: 19rem;
            left: 10.5rem;
        }
        .EST i:nth-child(6) {
            top: 22rem;
            left: 24rem;
        }
        .PTU i:nth-child(1) {
            top: 15rem;
            left: 17rem;
        }
        .PTU i:nth-child(2) {
            top: 5rem;
            left: 17.5rem;
        }
        .PTU i:nth-child(3) {
            top: 9rem;
            left: 10rem;
        }
        .PTU i:nth-child(4) {
            top: 12rem;
            left: 24rem;
        }
        .mt-amt i:nth-child(1) {
            top: 19rem;
            left: 14.5rem;
        }
        .mt-amt i:nth-child(2) {
            top: 5rem;
            left: 22.5rem;
        }
        .mt-amt i:nth-child(3) {
            top: 16rem;
            left: 18rem;
        }
        .mt-amt i:nth-child(4) {
            top: 14rem;
            left: 24rem;
        }
        .axle_Heavy i:nth-child(1) {
            top: 11rem;
            left: 20rem;
        }
        .axle_Heavy i:nth-child(2) {
            top: 13rem;
            left: 15.5rem;
        }
        .axle_Heavy i:nth-child(3) {
            top: 10rem;
            left: 25rem;
        }
        .axle_Heavy i:nth-child(4) {
            top: 14rem;
            left: 10rem;
        }
        .hev i:nth-child(1) {
            top: 10rem;
            left: 8rem;
        }
        .hev i:nth-child(2) {
            top: 9rem;
            left: 20.5rem;
        }
        .hev i:nth-child(3) {
            top: 13rem;
            left: 3rem;
        }
        .hev i:nth-child(4) {
            top: 16rem;
            left: 18rem;
        }
        .at-fr i:nth-child(1) {
            top: 11rem;
            left: 1rem;
        }
        .at-fr i:nth-child(2) {
            top: 15rem;
            right: 7rem;
        }
        .at-fr i:nth-child(3) {
            top: 12rem;
            left: 16rem;
        }
        .at-fr i:nth-child(4) {
            bottom: 7rem;
            right: 12rem;
        }
        .detail-option .right-inner .option {
            display: block;
        }
        .detail-option .right-inner .option p {
            margin-top: 1rem;
        }
    }
/* 210908_xeogen_추가 */
/* common */
.tit_newwrap .tit_new {font-weight:bold;}
/* 정관 co_012 */
.dep_etc li {padding-left:6.5rem;}
/* 분쟁광물 esg_010 */
.esg_mine01 {background:url(/resources/img/new/img_esgmap_cn.png) no-repeat 100% 6rem;}
.mine_manage .tit {padding-left:3rem; padding-right:3rem;}
.mine_manage.hum01 ul li {padding-left:0; padding-right:0;}
/* 동반성장 esg_011 */
.with_info li {padding-left:2rem; padding-right:2rem;}
.with_info li .tit {padding-left:0; padding-right:0;}
.with_info li .txt {padding-left:2rem; padding-right:2rem;}
.with_4list li {padding-bottom:7rem;}
.with_4list li .txt {padding-bottom:0; word-break:break-all;}

@media(max-width: 768px) {
    /* 분쟁광물 esg_010 */
    .esg_mine01 {background:none;}
    /* 동반성장 esg_011 */
    .with_info li .txt {padding-left:2rem; padding-right:2rem;}
    .with_4list li {padding:7rem 3rem 7rem !important;}
}
@media(max-width: 500px) {
    /* 정관 co_012 */
    .dep_etc li {padding-left:5.3rem}
    /* 동반성장 esg_011 */
    .with_info li {padding-left:1rem; padding-right:1rem;}
    
}

/* ESG 컬러값 분리(웹접근성 명도대비오류 수정 전 기존 컬러값 유지를 위한 css) 
추후 국문처럼 컬러변경 하게되면 아래 삭제하면 어느정도 공통적인 변경된 컬러가 적용될 것임. 
/resources/img/multi_common에서  z로 시작하는 임시이미지들 모두 삭제할 것. */
/*
.txt_point {color:#01b8e6 !important}
.eplan_titwrap .tit01 {color:#01b8e6;}
.eplan_titwrap .tit04 span {background-color:#01b8e6}
.etab_area .etab_menu.swiper-slide .etab_btn,
.etab_area .etab_menu .etab_btn:hover, 
.etab_area .etab_menu.active .etab_btn {border:1px solid #01b8e6;}
.etab_area .etab_menu.swiper-slide .icon01,
.etab_area .etab_menu .etab_btn:hover .icon01,
.etab_area .etab_menu.active .etab_btn .icon01 {background:url(/resources/img/multi_common/zico_etab01_on.png) no-repeat}
.etab_area .etab_menu.swiper-slide .icon02,
.etab_area .etab_menu .etab_btn:hover .icon02,
.etab_area .etab_menu.active .etab_btn .icon02 {background:url(/resources/img/multi_common/zico_etab02_on.png) no-repeat}
.etab_area .etab_menu.swiper-slide .icon03,
.etab_area .etab_menu .etab_btn:hover .icon03,
.etab_area .etab_menu.active .etab_btn .icon03 {background:url(/resources/img/multi_common/zico_etab03_on.png) no-repeat}
.etab_area .etab_menu.swiper-slide .etab_btn,
.etab_area .etab_menu .etab_btn:hover, 
.etab_area .etab_menu.active .etab_btn {border:1px solid #00b3df;}
.etab_area .etab_menu.swiper-slide .innerbox:after,
.etab_area .etab_menu .etab_btn:hover .innerbox:after,
.etab_area .etab_menu.active .etab_btn .innerbox:after {background:url(/resources/img/multi_common/zeplan_arr_down.png) no-repeat;}
.eplan_tabcont {border-top:1px solid #00b3df}
.tit_newwrap .tit_new {color:#00b3df}
.eplan_sdgs .list_sdgs {border-top:1px solid #00b3df}
.bgdiv .downbox {background:rgba(0, 179, 223, 0.85)}
.dwList {border-top:1px solid #00b3df}
.down_btns a {color:#00b3df;}
.down_btns a span {background:url(/resources/img/multi_common/zbtn_download_cyan.png) no-repeat 100% 50%}
.linelist_wrap {border-top:1px solid #00b3df}
.hum01 ul li {border:1px solid #00b3df}
.hum01 ul li:first-child {border-left:1px solid #00b3df}
.hum01 ul li:after {background:#00b3df url(/resources/img/new/ico_arrow_white.png) no-repeat 55% 50%;}
.hum02 .num {color:#00b3df}
.hum02 > ul > li:first-child .tit {background:#00b3df}
.hum02 > ul > li .tit:after {background:#fff url(/resources/img/multi_common/zico_arrow_blue.png) no-repeat 50% 50%}
.hum02 .tit {background:#00b3df url(/resources/img/new/line_dashed.png) repeat-y 0 0}}
.list_network > ul > li p {color:#00b3df}
.mine_manage .tit {color:#00b3df}
.with_info .withinfo01 {background:#57b6e1}
.with_4list li.with02,
.with_4list li.with03 {background:#58b6e1; color:#fff}
.btn_line {border:1px solid #08bae7}
.btn_line span {color:#08bae7 !important;}
.lpcont .tbcrew table tbody td a:hover {color:#01b8e6;}
.lpcont .paging .prev.active {background:url(/resources/img/multi_common/zbtn_prev_on.png) no-repeat 50%}
.lpcont .paging .next.active {background:url(/resources/img/multi_common/zbtn_next_on.png) no-repeat 50%}
.email {border:1px solid #01b8e6}
.history div:nth-child(2) .history-content ul li dl dt {color:#01bbec}
.history div:nth-child(4) .history-content ul li dl dt {color:#0059c7}
.history div:nth-child(6) .history-content ul li dl dt {color:#01b8e6}
.history div:nth-child(8) .history-content ul li dl dt {color:#0059c7}
.history-content ul li.left {background-image:url('/resources/img/multi_common/zcompany90.png')}
.history-content ul li.right {background-image:url('/resources/img/multi_common/zcompany91.png')}
.history div:nth-child(4) .history-content ul li.left,
.history div:nth-child(8) .history-content ul li.left {background-image:url(/resources/img/multi_common/zcompany90_2.png)}
.history div:nth-child(4) .history-content ul li.right,
.history div:nth-child(8) .history-content ul li.right {background-image:url(/resources/img/multi_common/zcompany91_2.png)}

@media(max-width: 500px) {
    .mine_manage.hum01 ul li:after {background-image:url(/resources/img/multi_common/zico_arrdown_blue.png);}
    .mine_manage.hum01 ul li:first-child {border-top:1px solid #00b3df;}
    .lpcont .tbcrew {border-top:1px solid #01b8e6}
    .lpcont .tbcrew table tbody .moico {background:url(/resources/img/multi_common/zico_send.png) no-repeat}
}
*/

/* Product > 적용범위 211206 [s] */
.detail-option .left-box .left-box-inner ul .on{position:relative;}
.detail-option .left-box .left-box-inner ul .on:before{content:'';position:absolute;top:-10px;left:calc(50% - 12px);width:12px;height:12px;background-color:#0f5cbd;border-radius:50%;}
@media (max-width: 320px) {
    .detail-option .left-box .left-box-inner ul li:nth-child(n +3){margin-top:10px;}
}
@media (min-width: 321px) and (max-width: 768px) {
    .detail-option .left-box .left-box-inner ul li:nth-child(n +5){margin-top:10px;}
}
@media (min-width: 769px) and (max-width: 1000px) {
    .detail-option .left-box .left-box-inner ul li:nth-child(n +4){margin-top:10px;}
}
@media (min-width: 1001px) {
    .detail-option .left-box .left-box-inner ul li:nth-child(n +5){margin-top:10px;}
}
/* Product > 적용범위 211206 [e] */

/* ESG > 분쟁조정 211206 [s] */
.upload-hidden{display:none;}
.pg-dispute-mediation-application .tab_box .on a:after{content:'';position:absolute;right:0;bottom:0;left:0;height:4px;background-color:#0052b9;}
/* ESG > 분쟁조정 211206 [e] */

/* 개인정보처리방침 업데이트 230228 GE001073 [s]*/
.page_title .title_info{line-height:1.5}
.select_version{display:flex;align-items:center;justify-content:flex-end;grid-gap:2rem;margin-top:2rem}
.select_version .select-name{font-size:1.6rem;line-height:2.4rem;color:#666;font-weight:400}
.select_version .form-box{position:relative;width:17rem;height:4.5rem;background-color:#fff;border:1px solid #dadada;box-shadow:inset 4px 4px 5px rgba(0, 0, 0, 0.05);border-radius:4px;overflow:hidden}
.select_version .form-box::after{position:absolute;top:0;right:0;margin:1.9rem;content:'';display:block;width: 0;height: 0;border-style: solid;border-width: 7px 5px 0 5px;border-color: #5b5b5b transparent transparent transparent;}
.select_version select{-webkit-appearance:none;appearance:none;width:100%;height:100%;padding:0 2rem;font-size:1.4rem;line-height:1.5;color:#bababa;background:none;border:0}
.select_version .title_info{word-break: keep-all;}
@media (min-width: 321px) and (max-width: 768px) {
    .select_version{display:block;margin-top:2rem}
    .select_version .form-box{width:100%;margin-top:1rem}
}
.article-sub-title{margin-bottom:2.4rem;font-size:1.8rem;line-height:2.2rem;color:#000}
.privacy-accodion .mt20{margin-top:2rem}
.privacy-accodion .mt24{margin-top:2.4rem}
.privacy-accodion .shared p.c-black{color:#000}
.privacy-accodion .shared p a{color:#666}
.privacy-accodion .shared p + ul,
.privacy-accodion .shared ul + p{margin-top:2rem}
.privacy-accodion .shared .velue-table + ul{margin-top:2rem}
.privacy-accodion .shared ul li{flex-wrap:wrap;font-size:1.5rem;line-height:1.5;color:#666}
.privacy-accodion .shared ul li em{min-width:auto;margin-right:0.5rem;font-weight:400}
.privacy-accodion .shared ul li p{flex:1}
.privacy-accodion .shared > ul ul{width:100%;margin-top:1rem;padding-left:2rem}
.privacy-accodion .shared > ul ul li{font-size:1.4rem}
.privacy-accodion .shared > ul ul li+li{margin-top:0}
.privacy-accodion .shared * + .article-sub-title{margin-top:4rem}
.privacy-accodion .velue-table.center table thead th,
.privacy-accodion .velue-table.center table tbody td{text-align:center}

/* 230727 */
.captcha-ct__img{
    width: 120px;
}
.captcha-ct__ref {
    margin: 0 10px;
}
.captcha-ct__ref a {
    font-size: 1.3rem;
    letter-spacing: -0.05em;
    color: #666;
}
.captcha-ct__text {
    width: 120px;
}
.captcha-ct__text input[type=text] {
    width: 100%;
}
@media screen and (max-width: 979px) {
    .form-section .captcha-ct dd {
        display: flex;
    }
    
}