@charset "utf-8";
/* stack3 - 파트너 섹션 (WSA_MAIN_08 디자인) */
/* 배경이미지 100% 풀, 타이틀/파트너 각각 inner */

/* ================================================
   공통
   ================================================ */
.stack3 {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    line-height: 0;
    overflow: hidden;
    background-color: #26201c;
    background-size: cover;
    background-position: center 70%;
    background-repeat: no-repeat;
}
.stack3.com_f {
    margin: 0 !important;
    padding: 0 !important;
}
.stack3.admin_div,
.stack3.admin_div_stack {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.stack3 .stack_content_wrap {
    width: 100%;
    line-height: normal;
    margin: 0;
    padding: 0;
}

/* 데코 영역 */
.stack3 .stack_deco_area {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}
.stack3 .stack_deco_bg {
    position: absolute;
    pointer-events: none;
}

/* ================================================
   관리자 모드
   ================================================ */
.stack3 .stack_badge {
    position: absolute;
    top: -15px; right: 10px;
    z-index: 100;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, #059669, #10b981);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}
.stack3 .stack_badge:hover {
    background: linear-gradient(135deg, #047857, #059669);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);
}
.stack3 .stack_badge i { font-size: 14px; }
.stack3 .stack_badge .badge_hint {
    font-size: 11px; font-weight: 400; opacity: 0.85; margin-left: 4px;
}
.stack3 .stack_widget_link {
    position: absolute;
    top: -15px; right: 180px;
    z-index: 100;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: linear-gradient(135deg, #2563eb, #3b82f6);
    color: #fff !important;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 12px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3);
}
.stack3 .stack_widget_link:hover {
    background: linear-gradient(135deg, #1d4ed8, #2563eb);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4);
    color: #fff !important;
}
.stack3 .stack_widget_link i { font-size: 13px; }


/* ================================================
   섹션 (배경이미지 100% 풀)
   ================================================ */

.stack3 .stack3_section {
    width:100%; display: block;
    overflow: hidden; position: relative;
    background: transparent;
    margin: 0; padding: 0;
}
/**** pc ****/
@media only all and (min-width:768px) {
.stack3 .stack3_section {
    height:700px;
}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.stack3 .stack3_section {
    height:auto;
}
}

/* 배경 이미지 (absolute) */
.stack3 .stack3_bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: 0; pointer-events: none; overflow: hidden;
    margin: 0; padding: 0; line-height: 0; font-size: 0;
}
.stack3 .stack3_bg img {
    width: 100%; height: 100%; object-fit: cover;
    display: block; margin: 0; padding: 0;
}


/* ================================================
   partner_box (타이틀 + 카탈로그 감싸기)
   ================================================ */

/**** pc ****/
@media only all and (min-width:768px) {
.stack3 .partner_box {
    width:100%; float: left; margin-top: 180px; position: relative;
}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.stack3 .partner_box {
    width:100%; float: left; margin-top:20px; position: relative;
}
}

/* 카탈로그 컨테이너 (height:0으로 레이아웃에 영향 없이 absolute 기준) */
.stack3 .down_box_container {
    position: relative;
    height: 0;
    overflow: visible;
    z-index: 2;
    float: none;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ================================================
   카탈로그 다운로드 박스 (inner 기준 absolute 우측)
   ================================================ */

/**** pc ****/
@media only all and (min-width:768px) {
.stack3 .down_box {
    width:auto; background-color:rgba(143,109,69,0.9);
    padding: 75px 50px 60px 60px; position: absolute; right:0px; top:0px;
    z-index: 2; box-sizing: border-box;
}
.stack3 .down_box .text {
    font-size: 20px; font-weight:400; color:#fff;
    line-height: 100%; letter-spacing: -1px; text-align: right; margin-bottom: 10px;
}
.stack3 .down_box .text2 {
    font-size: 30px; font-weight:700; color:#fff;
    line-height: 100%; letter-spacing: -1px; text-align: right; margin-bottom: 20px;
}
.stack3 .down_box .text3 {
    font-size: 18px; font-weight:400; color:#fff;
    line-height: 150%; letter-spacing: -1px; text-align: right; margin-bottom: 30px;
}
.stack3 .down_box .down_icon {
    width:35px; height: 35px; cursor:pointer; position: relative; float: right;
}
.stack3 .down_box .down_icon:before {
    width:35px; height: 35px; position: absolute; right:0px; top:0px;
    content: "\eb36"; color:#fff; font-family: unicons-line; font-size: 35px;
}
}

/**** 모바일 ****/
@media only all and (max-width:767px) {
.stack3 .down_box {
    width:100%; float: left; background-color:rgba(143,109,69,0.9);
    padding:40px 40px 20px 60px; position: relative; left:0px; top:0px;
    z-index: 2;
}
.stack3 .down_box .text {
    font-size: 18px; font-weight:400; color:#fff;
    line-height: 100%; letter-spacing: -1px; text-align: right; margin-bottom: 10px;
}
.stack3 .down_box .text2 {
    font-size: 26px; font-weight:700; color:#fff;
    line-height: 100%; letter-spacing: -1px; text-align: right; margin-bottom: 20px;
}
.stack3 .down_box .text3 {
    font-size: 14px; font-weight:400; color:#fff;
    line-height: 150%; letter-spacing: -1px; text-align: right; margin-bottom: 20px;
}
.stack3 .down_box .down_icon {
    width:25px; height: 25px; cursor:pointer; position: relative; float: right;
}
.stack3 .down_box .down_icon:before {
    width:25px; height: 25px; position: absolute; right:0px; top:0px;
    content: "\eb36"; color:#fff; font-family: unicons-line; font-size: 25px;
}
}


/* ================================================
   타이틀 영역 (inner 안)
   ================================================ */

/**** pc ****/
@media only all and (min-width:768px) {
.stack3 .partner_inbox2 {
    width: calc(100% - 400px); float: left;
    padding-bottom:60px; border-bottom: 1px solid rgba(255,255,255,0.3);
}
.stack3 .partner_inbox2 .tit1 {
    width:100%; float: left; font-size: 50px; font-weight: 700; color: #AD9070;
    line-height: 100%; letter-spacing: -1px; text-transform:uppercase; margin-bottom:20px;
}
.stack3 .partner_inbox2 .tit1 em {
    font-size: 50px; font-weight: 700; color: #AD9070;
    line-height: 100%; letter-spacing: -1px; text-transform:uppercase; position: relative;
}
.stack3 .partner_inbox2 .tit1 em:before {
    width:15px; height: 15px; color:#AD9070; font-size:15px;
    content: "●"; font-family: unicons-line;
    position: absolute; right:-20px; bottom:25px;
}
.stack3 .partner_inbox2 .tit2 {
    width:100%; float: left; font-size: 20px; font-weight:500; color:#fff;
    line-height: 100%; letter-spacing: -1px;
}
}

/**** 모바일 ****/
@media only all and (max-width:767px) {
.stack3 .partner_inbox2 {
    width:100%; float: left;
    padding-bottom:20px; border-bottom: 1px solid rgba(255,255,255,0.3);
}
.stack3 .partner_inbox2 .tit1 {
    width:100%; float: left; font-size: 32px; font-weight: 700; color: #AD9070;
    line-height: 100%; letter-spacing: -1px; text-transform:uppercase; margin-bottom:20px;
}
.stack3 .partner_inbox2 .tit1 em {
    font-size: 32px; font-weight: 700; color: #AD9070;
    line-height: 100%; letter-spacing: -1px; text-transform:uppercase; position: relative;
}
.stack3 .partner_inbox2 .tit1 em:before {
    width:15px; height: 15px; color:#AD9070; font-size:15px;
    content: "●"; font-family: unicons-line;
    position: absolute; right:-20px; bottom:10px;
}
.stack3 .partner_inbox2 .tit2 {
    width:100%; float: left; font-size: 17px; font-weight:500; color:#fff;
    line-height: 130%; letter-spacing: -1px;
}
}


/* ================================================
   파트너 스와이퍼 영역 (inner 안)
   ================================================ */

/**** pc ****/
@media only all and (min-width:768px) {
.stack3 .partner_inbox {
    width:100%; float: left; padding: 0px 0px 0px;
    margin: 80px 0px; box-sizing: border-box; position: relative;
}
}

/**** 모바일 ****/
@media only all and (max-width:767px) {
.stack3 .partner_inbox {
    width:100%; float: left; padding:0px 0px;
    margin: 20px 0px; position: relative;
}
}

.stack3 .partner_swiper_wrap {
    width: 100%;
    float: left;
    position: relative;
}

.stack3 .partner_swiper {
    width: 100%;
    overflow: hidden;
}
.stack3 .partner_swiper .swiper-wrapper {
    padding: 0 !important;
    margin: 0 !important;
    align-items: center;
}

.stack3 .partner_swiper .swiper-slide {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stack3 .partner_swiper .partner-item {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.stack3 .partner_swiper .partner-item:hover {
    opacity: 0.8;
}

.stack3 .partner_swiper .partner-item img {
    max-width: 100%;
    height: auto;
    display: block;
}

.stack3 .partner_swiper .partner-name {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

/* 스와이퍼 화살표 */
.stack3 .partner_nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    color: rgba(255,255,255,0.7);
    font-size: 28px;
    transition: color 0.3s ease;
}
.stack3 .partner_nav:hover {
    color: #fff;
}
.stack3 .partner_prev {
    left: -50px;
}
.stack3 .partner_next {
    right: -50px;
}

@media only all and (max-width:767px) {
    .stack3 .partner_prev { left: -10px; }
    .stack3 .partner_next { right: -10px; }
    .stack3 .partner_nav { font-size: 22px; width: 30px; height: 30px; top: calc(50% - 30px); }
}