.office_wrapper{background-color:white;}
.map_section,.form_section{flex:1;padding:0 0 20px 0}

/* SVG 지도 */
.office_wrapper .map_section{background:#f0f1ff;display:flex;align-items:center;justify-content:center;position:relative}
#svgMap{max-width:100%;height:auto}

.office_wrapper .region_area{cursor:pointer;transition:all 0.3s ease}
.office_wrapper .region_area path{fill:#fff;stroke:#cbc7db;stroke-width:1}
.office_wrapper .region_area:hover path{fill:#e0e0ee}
.office_wrapper .region_area.selected path{fill:#e0e0ee!important;stroke:#cbc7db;stroke-width:1}
.office_wrapper .region_area{position:relative}
.office_wrapper .region_area::after{content:attr(name);position:absolute;background:rgba(0, 0, 0, 0.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.3s ease;z-index:1000}
.office_wrapper .region_area:hover::after{opacity:1}


/* 지도 팝업 */
.office_wrapper .map_popup{position:absolute;background:#fff;border-radius:10px;padding:16px;box-shadow:0 8px 25px rgba(0,0,0,0.15);z-index:2000;min-width:300px;opacity:0;visibility:hidden;transition:all 0.3s ease;transform:translateY(-10px)}
.office_wrapper .map_popup.show{opacity:1;visibility:visible;transform:translateY(0)}
.office_wrapper .map_popup h3{margin:0 0 12px 0;color:#111;font-size:16px;font-weight:600;border-bottom:1px solid #e5e7eb;padding-bottom:8px}
.office_wrapper .map_popup ul{margin:0;padding:0}
.office_wrapper .map_popup li{margin:0 0 6px 0;font-size:14px;color:#767676;display:flex;align-items:flex-start}
.office_wrapper .map_popup li strong{min-width:50px;color:#111;font-weight:600}
.office_wrapper .map_popup_close{position:absolute;top:8px;right:8px;background:none;border:none;font-size:18px;cursor:pointer;color:#767676;width:24px;height:24px;display:flex;align-items:center;justify-content:center}
.office_wrapper .map_popup_close:hover{color:#111}
.office_wrapper .form_section{display:flex;flex-direction:column;gap:15px;font-size:16px}

/* 폼 step */
.office_wrapper .form_step{display:flex;flex-direction:column;gap:15px;padding-bottom:24px}
.office_wrapper .step_header{display:flex;align-items:center;gap:0.5rem}
.office_wrapper .step_number{width:24px;height:24px;background:#797c92;color:#fff;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.office_wrapper .step_title{font-size:18px;line-height:28px;font-weight:500;color:#111;padding-left:4px}

.button_group_wrap{display:flex;flex-wrap:wrap;gap:5px}
.career_form_btn{border-radius:10px;padding:0 20px;font-size:15px;min-height:45px;cursor:pointer;border:1px solid #ddd;background-color:white;transition:all 0.3s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.career_form_btn:hover{background:#4C6CE6;color:#fff}
.career_form_btn.active{background:#4C6CE6;color:#fff;border-color:#4C6CE6}




.store_bubble{float:left;cursor:default;position:relative;background:#fff;padding:30px 25px 20px 25px;
    box-sizing:border-box;border-radius:8px;border-width:0px;min-height:370px;border:1px solid #8d8d8d;box-shadow:0 4px 12px rgba(0,0,0,0.15);width:540px;max-width:90vw}
.store_bubble:after{content:'';display:block;position:absolute;z-index:10;left:40px;bottom:-25px;background:url(/pages/basic/img/sub/store_bubble_arrow.png) no-repeat 0 0;width:33px;height:25px}
.store_bubble .btn_close{position:absolute;top:12px;right:15px;background:url(/assets/img/bubble_btn_close.png) no-repeat 0 0;width:14px;height:13px;display:block;z-index:20}
.store_bubble .btn_close span{font-size:0}

.store_bubble .txt_wrap{width:100%;height:100%}
.store_bubble .txt_wrap h4{font-size:20px;font-weight:bold;padding:0 30px 12px 0;line-height:20px;color:#000;margin:0}
.store_bubble .txt_wrap .info_list{list-style:none;padding:0;margin:0 0 12px 0}
.store_bubble .txt_wrap .info_list li{display:flex;align-items:flex-start;margin-bottom:6px;font-size:12px;line-height:18px}
.store_bubble .txt_wrap .info_list .label{color:#666;font-weight:400;min-width:60px;flex-shrink:0;font-size:15px;}
.store_bubble .txt_wrap .info_list .value{color:#333;font-weight:400;flex:1;word-break:break-all;font-size:15px;}
.store_bubble .txt_wrap a.details{background:#fff;color:#222;border:1px solid #666;font-size:14px;line-height:24px;padding:6px 20px;display:inline-block;margin:8px 0 12px 0;font-weight:400;text-decoration:none}
.store_bubble .txt_wrap a.details:hover{background:#222;color:#fff;border:1px solid #222}

.swiper_container{position:relative;width:100%;height:280px;overflow:hidden;border-radius:8px;background:#f5f5f5}
.swiper_wrapper{display:flex;transition:transform 0.3s ease-in-out;height:100%;width:100%}
.swiper_slide{width:100%;flex-shrink:0;height:100%;display:flex;align-items:center;justify-content:center}
.swiper_slide img{width:100%;height:100%;object-fit:cover;display:block;border-radius:4px}
.swiper_button_prev,.swiper_button_next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.6);border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:14px;font-weight:bold;color:#fff;z-index:15;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;line-height:1}
.swiper_button_prev:hover,.swiper_button_next:hover{background:rgba(0,0,0,0.8);transform:translateY(-50%) scale(1.1)}
.swiper_button_prev{left:10px}
.swiper_button_next{right:10px}
.swiper_pagination{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:4px;z-index:15}
.swiper_pagination_bullet{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.6);cursor:pointer;transition:all 0.2s ease}
.swiper_pagination_bullet.active{background:#fff;transform:scale(1.3)}
.p_info { margin-top:10px;}


@media screen and (min-width:320px) and (max-width:900px){
.office_wrapper { display: inline-block; }
.office_wrapper .map_section { height: 500px; }
.office_wrapper .form_section {  display: inline-block;
        width: 100%;
        margin: 20px 0; }
}

.branch-item  {     float: left;
    margin-top: 10px;   margin-left: 10px;}