/* BASIC css start */
/* 마이페이지 - 주소록 관리 */
#myPlace {
    --text-sm: .875rem; /* 14px */
    --text-xs: .813rem; /* 13px */
}
#myPlace .section-title { margin-top: 40px; padding-bottom: 12px; font-size: 1.125rem; font-weight: 700; border-bottom: 1px solid var(--cw-heading-color); background: url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_arrow_collapse.svg) right center no-repeat; cursor: pointer; }
#myPlace .section-title.active { background: url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_arrow_expand.svg) right center no-repeat; }
#myPlace .controls { display: flex; justify-content:space-between; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--cw-color-30); font-size: var(--text-sm); font-weight: 600; }
#myPlace .controls a { color: var(--cw-heading-color); }
#myPlace .form-check-label { display:flex; align-items: center; gap: 8px; }
#myPlace .form-check-input { margin-top: 0; }
#myPlace .address-list .address-item { display: grid; grid-template-columns: 20px 108px auto 150px 200px 68px; align-items: center; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--cw-color-30); font-size: var(--text-sm); color: var(--cw-color-80); }
#myPlace .address-list .address-item .name { color: var(--cw-heading-color); font-weight: 600; margin-left: -4px; }
#myPlace .address-list .address-item .name .default { display: inline-block; margin-bottom: 4px; padding: 0 10px; border: 1px solid var(--cw-heading-color); border-radius: 20px; line-height: 19px; font-size: .687rem; }
#myPlace .address-list .address-item .message { margin-right: 20px }
#myPlace .address-list .address-item .btns { display: flex; flex-direction: column; gap: 4px; }
#myPlace .address-list .address-item .btns .btn { min-width: 68px; }
#myPlace .btn-wrap { margin-top: 40px; padding-bottom: 20px; display:flex; align-items: center; justify-content: center; }
#myPlace .btn-wrap .btn { width: 300px; }
#myPlace  #section2 .address-list .address-item { grid-template-columns: 20px 108px auto 140px 68px; }


/* 모바일 */
@media (max-width: 767.98px) {
    #myPlace {
        --text-sm: .813rem; /* 13px */
        --text-xs: .75rem; /* 12px */
    }
    #myPlace .section-title { font-size: 1rem; }
    #myPlace .address-list .address-item { grid-template-columns: 24px 1fr !important; column-gap: 8px; row-gap: 4px; align-items: start; }
    #myPlace .address-list .address-item .form-check-label { grid-column: 1 / 2; }
    #myPlace .address-list .address-item .name,
    #myPlace .address-list .address-item .address,
    #myPlace .address-list .address-item .contact,
    #myPlace .address-list .address-item .message,
    #myPlace .address-list .address-item .btns { grid-column: 2 / 3;  margin-left: -4px; }
    #myPlace .address-list .address-item .contact { display: flex; flex-direction: row; gap: 8px; line-height: 14px; }
    #myPlace .address-list .address-item .contact p:not(:first-child) { padding-left: 8px; border-left: 1px solid var(--cw-color-30); }
    #myPlace .address-list .address-item .btns { margin-top: 8px; flex-direction: row; }
    #myPlace .btn-wrap .btn { width: 100%; }
}
/* BASIC css end */