/* css/pages/shopinfo-company.css — 브리더 펫아미(회사소개) 전용
 * 1) 원본 본문 <style> 블록 외부화(R5 — 내용 무수정): PC 블록 + m 블록(m 레이어 한정 스코프)
 * 2) 카카오 roughmap 위젯 정적 재현 프레임(위젯 CSS 미반입 — _styles/shopinfo-company.json 실측 수치)
 * 3) PC/m CSS 동시 로드에 따른 레이어 간 오염 보정(원본 각 단독 로드 상태 복원)
 */

/* ---- 1a) PC 원본 <style> 블록 (shopinfo/company.html 본문) ---- */
.location-title {
    font-size: 30px;
    font-weight: 700;
    margin-top: 40px;
    text-align: center;
}

.location-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
}
.map-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.map-box h4 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
}

.companyinfo {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 80px;
}
.companyinfo h3 {
    font-size: 26px;
    margin-bottom: 30px;
    font-weight: 600;
}
.ci-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 900px;
    margin: 0 auto;
    text-align: left;
    column-gap: 60px;
    row-gap: 20px;
}
.ci-box h4 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
}
.ci-box p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 6px;
}

/* ---- 1b) m 원본 <style> 블록 (m.petami shopinfo/company 본문) — m 레이어(<=1024) 한정
 *      (.root_daum_roughmap width:100%!important 가 PC 지도 504px 를 깨지 않도록 스코프) ---- */
@media (max-width: 1024px) {
    .m-branch-wrap {
        max-width: 95%;
        margin: 0 auto 35px;
        text-align: center;
    }
    .m-branch-title {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 6px;
    }
    .m-branch-desc {
        font-size: 14px;
        margin-bottom: 4px;
    }
    .m-branch-sub {
        font-size: 13px;
        color: #777;
        margin-bottom: 10px;
    }
    .copy-btn {
        display: inline-block;
        padding: 4px 10px;
        font-size: 12px;
        border: 1px solid #ccc;
        border-radius: 6px;
        background: #f5f5f5;
        margin-left: 5px;
    }
    .copy-msg {
        font-size: 12px;
        color: #4caf50;
        margin-top: 4px;
        display: none;
    }
    .m-map-box {
        width: 100%;
        margin: 0 auto;
    }

    .root_daum_roughmap {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden;
    }
}

/* ---- 2) 카카오 roughmap 정적 재현(로더/랜더 JS 미반입 — 렌더 DOM 정적화, 실측 수치) ---- */
/* stylefix r2: _styles/shopinfo-company.json 실측 — 위젯 트리 fontFamily 'AppleSDGothicNeo-Regular',dotum…
 * (원본 roughmap css 값), 루트 lh18px·내부 래퍼(wrap_map/map/cont/wrap_controllers/maker_label)는 lh normal. */
.root_daum_roughmap { position: relative; max-width: 100%; font-family: 'AppleSDGothicNeo-Regular', dotum, '돋움', sans-serif; font-size: 12px; line-height: 18px; color: #333; text-align: left; }
.root_daum_roughmap .wrap_map { position: relative; overflow: hidden; line-height: normal; }
.root_daum_roughmap .map { position: relative; width: 100%; height: 100%; overflow: hidden; line-height: normal; }
.root_daum_roughmap .map div { line-height: normal; }
.root_daum_roughmap .roughmap_maker_label,
.root_daum_roughmap .roughmap_maker_label a { line-height: normal; }
.root_daum_roughmap .wrap_btn_zoom { font-size: 0; line-height: 0; }
.root_daum_roughmap .wrap_btn_zoom button { font-size: 12px; line-height: 18px; }
.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .wrap_controllers div { line-height: normal; }
.root_daum_roughmap .cont,
.root_daum_roughmap .cont div { line-height: normal; }
.root_daum_roughmap .map img { max-width: none; }
.root_daum_roughmap .map_border { position: absolute; background: rgba(0, 0, 0, 0.12); z-index: 2; }
.root_daum_roughmap .border1 { left: 0; right: 0; top: 0; height: 1px; }
.root_daum_roughmap .border2 { left: 0; right: 0; bottom: 0; height: 1px; }
.root_daum_roughmap .border3 { left: 0; top: 0; bottom: 0; width: 1px; }
.root_daum_roughmap .border4 { right: 0; top: 0; bottom: 0; width: 1px; }
/* stylefix r2: _styles/shopinfo-company.json 실측 재정정 — wrap margin 103px 0(top0), 버튼 pl2·#333·폰트 상속,
 * span.img_zoom 30x30·#333·스프라이트 bg(스펙: wrap/span 양쪽 bgi none) */
.root_daum_roughmap .wrap_btn_zoom { position: absolute; top: 0; right: 8px; width: 34px; height: 104px; margin: 103px 0; background: url(/uploads/mig_site/img/ext/t1-kakaocdn-net/localimg/localimages/07/2018/pc/detail/img_zoom.png) no-repeat 0 0; z-index: 3; }
.root_daum_roughmap .wrap_btn_zoom button { display: block; width: 34px; margin: 0; padding: 0 0 0 2px; border: 0; background: none; cursor: pointer; color: #333; font-family: inherit; }
.root_daum_roughmap .btn_zoom_in { height: 32px; }
.root_daum_roughmap .btn_zoom_out { height: 34px; }
.root_daum_roughmap .btn_zoom_reset { height: 34px; }
.root_daum_roughmap .img_zoom { display: block; width: 30px; height: 30px; overflow: hidden; font-size: 0; line-height: 0; color: #333; background: url(/uploads/mig_site/img/ext/t1-kakaocdn-net/localimg/localimages/07/2018/pc/detail/img_zoom.png) no-repeat -2px 0; }
.root_daum_roughmap .btn_zoom_out .img_zoom { background-position: -2px -32px; }
.root_daum_roughmap .btn_zoom_reset .img_zoom { background-position: -2px -70px; }
.root_daum_roughmap .btn_zoom_reset { margin-top: 4px; }
.root_daum_roughmap .roughmap_maker_label { position: relative; }
.root_daum_roughmap .roughmap_maker_label a { text-decoration: none; }
.root_daum_roughmap .roughmap_lebel_text { display: block; position: relative; padding: 5px 8px; background: #fff; border: 1px solid #202020; font-size: 12px; font-weight: 600; line-height: 15px; color: #000; white-space: nowrap; }
.root_daum_roughmap .wrap_controllers { height: 16px; padding: 8px 11px; background: #f9f9f9; border-radius: 0 0 2px 2px; zoom: 1; }
.root_daum_roughmap .wrap_controllers:after { content: ''; display: block; clear: both; }
.root_daum_roughmap .tit_controllers { float: left; }
.root_daum_roughmap .wrap_btn_roadview { position: relative; float: right; }
.root_daum_roughmap .wrap_btn_roadview .txt { float: left; font-size: 12px; line-height: 15px; color: #000; text-decoration: none; }
.root_daum_roughmap .txt_bar { float: left; width: 1px; height: 11px; margin: 2px 9px 0; background: #d5d5d5; }
.root_daum_roughmap .cont { position: relative; padding: 0; }
.root_daum_roughmap .cont .section { margin: 0 20px; }  /* r2 3차: 스펙 .cont pl/pr0 w504·섹션 w464 — 40px 는 섹션 마진 몫 */
.root_daum_roughmap .cont .section_address { padding: 20px 0; }
.root_daum_roughmap .wrap_btn_zoom button.btn_zoom_reset { margin-top: 4px; }  /* (0,3,1) — button 일괄 margin:0 보다 특이도 우위 */
.root_daum_roughmap .cont .address,
.root_daum_roughmap .cont .phone { overflow: hidden; }
.root_daum_roughmap .cont .phone { margin-top: 10px; }
.root_daum_roughmap .cont .tit { float: left; width: 78px; font-size: 14px; font-weight: 400; line-height: 17px; color: #222; }
.root_daum_roughmap .cont .txt { display: block; margin-left: 78px; font-size: 14px; line-height: 17px; color: #222; }

/* ---- 3) PC/m CSS 동시 로드 오염 보정 (원본은 각 스킨 CSS 단독 로드) ---- */
/* style-15(m) .titleArea{display:none} 가 PC 제목을 지움 → PC 레이어 원상 복구(style-31 실측) */
@media (min-width: 1025px) {
    .pc-only .titleArea { display: block; margin-top: 80px; }

    /* stylefix r2(shopinfo-guide.css 동형 이식): style-15 bare body{relative;height:100%}+body,code{13px;#1b1b1b}
     * +body,code{Roboto} 오염 복원 — style-31 최종 body,code{font:0.75em 'Noto Sans KR',…;color:#353535}
     * (@57133 이 body{NanumGothic;#666}@353 를 후승). _styles/shopinfo-company.json: noto/#353535/lh normal. */
    body { position: static; height: auto; font-family: 'Noto Sans KR', sans-serif, 'LotteMartDream', Verdana, Dotum, AppleGothic; color: #353535; line-height: normal; }
    /* style-15 #wrap{min-height:100%} / #container·#contents(relative·bg#fff·pad 0 0 29px) 오염 복원(guide 동형) */
    #wrap { min-height: 0; }
    #container { position: static; z-index: auto; overflow: visible; margin: 0 auto; background-color: transparent; }
    #contents { position: static; padding: 0; background-color: transparent; }
}
/* style-31(PC) .path{height:50px;margin:-12px 0 0} 가 m 레이어 빈 path 에 유령 공백 생성 → m 원상(무스타일) 복구 */
@media (max-width: 1024px) {
    .m-only .path { height: auto; margin: 0; }
    .m-only .titleArea { width: auto; border: 0; }
    .m-only #contents img { max-width: 100%; height: auto; }
}
/* PC 본문 에디터 이미지 유동화(R3 — 데스크톱 축소 시 overflow 방지) */
.pc-only #contents center img { max-width: 100%; height: auto; }