@charset "UTF-8";

/******** Customer Slide ********/
.customer-slide .swiper-btn-wrap { width: 200px; height: 94px; padding: 34px 56px; }
.customer-slide .swiper-btn-wrap .swiper-button-next,
.customer-slide .swiper-btn-wrap .swiper-button-prev { background-image: url('../../images/common/btn_slide_w.svg'); background-size: cover; width: 24px; height: 24px; margin-top: 0; transform: translateY(-50%); right: 56px; }
.customer-slide .swiper-btn-wrap .swiper-button-prev { left: 56px; transform: scaleX(-1) translateY(-50%); }
.customer-slide .swiper-btn-wrap .swiper-button-prev::after { content: ''; display: block; width: 2px; height: 11px; background-color: rgba(255, 255, 255, 0.6); border-radius: 50px; position: absolute; right: 44px; top: 6px; }

.customer-slide.type1 { max-width: 1282px; min-width: 1282px; margin-top: 80px; padding-left: 28px; overflow: visible; } 
.customer-slide.type1 .swiper-slide { width: 280px; height: 280px; padding: 40px; box-shadow: 0 15px 25px rgba(113,132,152,0.24); }
.customer-slide.type1 .swiper-slide img { position: absolute; bottom: 32px; right: 32px; }

#contents2-6-2 .customer-slide.type1 .swiper-wrapper { gap: 34px; }

#contents2-5 .customer-slide.type3 .swiper-btn-wrap { display: none; }
#contents2-6-2 .customer-slide.type1 .swiper-btn-wrap,
#contents2-6-4 .customer-slide.type2 .swiper-btn-wrap { visibility: hidden; }

.customer-slide.type2 { max-width: 1224px; min-width: 1224px; margin-left: 0; padding-top: 78px; }
.customer-slide.type2 .swiper-wrapper { margin-bottom: 112px; }
.customer-slide.type2 .swiper-slide { height: 542px; }
.customer-slide.type2 .swiper-slide:nth-of-type(5n+1) { transform: none; }
.customer-slide.type2 .swiper-slide:nth-of-type(5n+2) { transform: translateY(-78px); }
.customer-slide.type2 .swiper-slide:nth-of-type(5n+3) { transform: translateY(55px); }
.customer-slide.type2 .swiper-slide:nth-of-type(5n+4) { transform: translateY(-40px); }
.customer-slide.type2 .swiper-slide:nth-of-type(5n) { transform: translateY(55px); }
.customer-slide.type2 .swiper-slide .txt-wrap { padding: 48px; }
.customer-slide.type2 .swiper-slide .txt-wrap:before { content:""; position: absolute; top: 0; left: 0; width: 100%; height: 344px; background: linear-gradient(to top, rgba(17, 24, 39, 0) 0%, rgba(17, 24, 39, 0.8) 100%);}
.customer-slide.type2 .swiper-slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}

@media (max-width: 1280px) {
    /******** Customer Slide ********/
    .customer-slide.type1 { max-width: 308px; min-width: auto; margin-left: 0;} 
    .customer-slide.type1 .swiper-slide + .swiper-slide { margin-left: 0; }
    .customer-slide.type3 { max-width: 596px; margin-left: 0; overflow: visible;}
    
    #contents2-6-2 .customer-slide.type1 .swiper-wrapper { gap: 0; }
    
    #contents2-6-4 .customer-slide.type2 { max-width: 408px; min-width: auto; overflow: visible; }
    #contents2-6-4 .customer-slide.type2 .txt-wrap { min-width: 408px; }
    #contents2-5 .default-wrap.full.pb80 { padding-bottom: 0 !important; }
    #contents2-5 .customer-slide.type3 .swiper-btn-wrap { display: block; }
    #contents2-6-2 .customer-slide.type1 .swiper-btn-wrap,
    #contents2-6-4 .customer-slide.type2 .swiper-btn-wrap { visibility: visible; }
}

@media (max-width: 1024px) {
    /******** Customer Slide ********/
    .customer-slide.type1 { max-width: 284px; margin-left: 0; }
    .customer-slide.type1 .swiper-slide { height: 256px; }
    .customer-slide.type1 { min-width: auto; }
    
    .customer-slide.type2 { max-width: 408px; min-width: auto; margin-left: 0; overflow: visible; }
    .customer-slide.type2 .swiper-slide .txt-wrap { min-width: 408px; }
    
    
}

/*md*/
@media (max-width: 768px) {
    /* layout.css */

    /* e: layout.css */

    /******** Customer Slide ********/
    .customer-slide .swiper-btn-wrap { width: 152px; height: 64px; padding: 0; }
    .customer-slide .swiper-btn-wrap .swiper-button-prev { left: 32px; }
    .customer-slide .swiper-btn-wrap .swiper-button-next { right: 32px; }

    .customer-slide.type2, #contents2-6-4 .customer-slide.type2 { max-width: 280px; }
    .customer-slide.type2 .swiper-slide { height: 371px; }
    .customer-slide.type2 .swiper-slide .txt-wrap,
    #contents2-6-4 .customer-slide.type2 .swiper-slide .txt-wrap { min-width: 280px; padding: 32px; }

    .customer-slide.type3, .customer-slide.type3 .swiper-slide {max-width: 100%;}

    /******** Customer Board list ********/
    #contents2-5 .txt-list-wrap { border-top: 2px solid #111827; }
    #contents2-5 .txt-list colgroup, #contents2-5 .txt-list thead { display: none; }
    #contents2-5 .txt-list tbody tr { border-bottom: 1px solid #D1D5DB; overflow: hidden;}
    #contents2-5 .txt-list tbody tr td { border: none; }
    #contents2-5 .txt-list tbody tr td:first-of-type { text-align: left !important; width: 11.8%; }
    #contents2-5 .txt-list tbody tr td.link { float: left; width: calc(100% - 24px); height: auto; padding: 24px 16px 0 0; font-weight: 700; }
    #contents2-5 .txt-list tbody tr td.pdf { float: right; width: 24px; height: 113px; }
    #contents2-5 .txt-list tbody tr td.pdf a { height: 100%; }
    #contents2-5 .txt-list tbody tr td.pdf a img { height: 100%; width: 24px; }
    #contents2-5 .txt-list tbody tr td.color-6B7280 { float: left; height: auto; margin-top: 16px; padding-bottom: 24px; }
    
    /* Product Data Board */
    #contents3-4 .list-dot-wrap strong { display: block; }

    

    #contents3-4 .txt-list-wrap { border-top: 2px solid #111827; }
    #contents3-4 .txt-list colgroup, #contents3-4 .txt-list thead { display: none; }
    #contents3-4 .txt-list tbody tr { border-bottom: 1px solid #D1D5DB; }
    #contents3-4 .txt-list tbody tr td { border: none; text-align: left; }
    #contents3-4 .txt-list tbody tr td:first-of-type { width: 11.8%; }
    #contents3-4 .txt-list tbody tr td.color-1F2937 { float: left; width: calc(100% - 24px); height: auto; padding-right: 16px; }
    #contents3-4 .txt-list tbody tr td.color-1F2937.bold { padding-top: 24px; }
    #contents3-4 .txt-list tbody tr td.color-1F2937.font18 { margin-top: 16px; padding-bottom: 24px; }
    #contents3-4 .txt-list tbody tr td.pdf { float: right; width: 24px; }

    
    [id^="contents2-6"] .txt-list-wrap { border-top: 2px solid #111827; }
    [id^="contents2-6"] .txt-list colgroup { display: none; }
    [id^="contents2-6"] .txt-list thead { display: none; }
    [id^="contents2-6"] .txt-list tbody tr { border-bottom: 1px solid #D1D5DB; overflow: hidden;}
    [id^="contents2-6"] .txt-list tbody tr td { border: none; display: table-cell !important; }
    [id^="contents2-6"] .txt-list tbody tr td:first-of-type { text-align: left !important; width: 11.8%; }
    [id^="contents2-6"] .txt-list tbody tr td.link { float: left; width: calc(100% - 24px); height: auto; padding: 24px 16px 0 0; font-weight: 700; }
    [id^="contents2-6"] .txt-list tbody tr td.pdf { float: right; width: 24px; height: 113px; }
    [id^="contents2-6"] .txt-list tbody tr td.pdf a { height: 100%; }
    [id^="contents2-6"] .txt-list tbody tr td.pdf a img { height: 100%; width: 24px; }
    [id^="contents2-6"] .txt-list tbody tr td.color-6B7280 { float: left; height: auto; margin-top: 16px; padding-bottom: 24px; }
    [id^="contents2-6"] .txt-list tbody tr td.color-6B7280 + .color-6B7280:before { content: "~"; padding: 11px; }
}