/* ==========================================================================
   [패치] 공유하기 팝업 닫기 버튼(md_btn_share_close) CSS 상속 오버라이드 초기화
   ========================================================================== */

/* 1. 구형 common_module_26.css의 padding, margin, transform 상속 속성 강제 초기화 */
.md_share_box.ver2 .md_btn_share_close span {
    position: relative !important;
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    padding: 0 !important;             /* 구형 css의 padding-top: 19px 초기화 */
    margin: 0 !important;              /* 구형 css의 margin: -10px 0 0 -10px 초기화 */
    transform: none !important;        /* 구형 css의 transform: rotate(45deg) 부모 회전 초기화 */
    top: auto !important;
    left: auto !important;
    font-size: 0 !important;
    text-indent: -9999px !important;
    overflow: visible !important;
}

/* 2. 자식 pseudo 요소 (:before, :after) X 아이콘 교차선 위치 및 회전각 재정의 */
.md_share_box.ver2 .md_btn_share_close span::before,
.md_share_box.ver2 .md_btn_share_close span::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    background-color: #555555 !important;
    transition: background-color 0.2s ease !important;
}

/* 45도 대각선 라인 1 */
.md_share_box.ver2 .md_btn_share_close span::before {
    width: 14px !important;
    height: 2px !important;
    margin: -1px 0 0 -7px !important;
    transform: rotate(45deg) !important;
}

/* -45도 대각선 라인 2 */
.md_share_box.ver2 .md_btn_share_close span::after {
    width: 14px !important;
    height: 2px !important;
    margin: -1px 0 0 -7px !important;
    transform: rotate(-45deg) !important;
}

/* 3. 호버 및 포커스 상태 스타일 보완 */
.md_share_box.ver2 .md_btn_share_close:hover span::before,
.md_share_box.ver2 .md_btn_share_close:hover span::after,
.md_share_box.ver2 .md_btn_share_close:focus-visible span::before,
.md_share_box.ver2 .md_btn_share_close:focus-visible span::after {
    background-color: #111111 !important;
}