/* BASIC css start */
#loginWrap { padding-top:100px }
#loginWrap .mlog-sign { height:458px; border:1px solid #e9e9e9; border-top:none }
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign { float:left }
#loginWrap .mlog-sign h3 { padding-top:35px; font-size:18px; color:#363636; font-weight:bold; line-height:18px }
/* member login */
#loginWrap .mlog-sign .mlog { margin-top:44px; padding:0 81px; position:relative; width:386px; height:370px; border-right:1px solid #e9e9e9 }
#loginWrap .mlog-sign .mlog p { padding-top:20px; font-size:11px; color:#adadad }
#loginWrap .mlog-sign .frm-list { padding-top:18px; position:relative; width:386px }
#loginWrap .mlog-sign .frm-list li { position:relative; width: 100%; margin-bottom:6px }
#loginWrap .mlog-sign .frm-list li label { padding-left:11px; position:absolute; top:0; left:0; width:375px; height:50px; color:#adadad; line-height:50px; cursor:text }
#loginWrap .mlog-sign .frm-list li input { padding-left:10px; width:374px; height:48px; line-height:48px; border:1px solid #ddd }
#loginWrap .mlog-sign .btn-mlog { padding-top:10px; position:relative }
#loginWrap .mlog-sign .btn-mlog a { width:384px; height:58px; font-size:16px; line-height:58px }
#loginWrap .mlog-sign .se-log { position:relative; color:#666 !important }
#loginWrap .mlog-sign .se-log label { font-size:11px }
#loginWrap .mlog-sign .se-log label input { margin-top:-3px; *margin-top:-4px; vertical-align:middle }


/* sign */
#loginWrap .mlog-sign .sign { margin-top:44px; padding-left:76px; width:386px }
#loginWrap .mlog-sign .sign dl { padding-top:22px }
#loginWrap .mlog-sign .sign dl dt { font-size:11px; color:#adadad }
#loginWrap .mlog-sign .sign dl dd { padding-top:15px }
#loginWrap .mlog-sign .sign dl dd a { width:384px; height:58px; font-size:15px; line-height:58px }

/* simpleLogin */
#simpleLogin { text-align:center; margin-top:10px }
#simpleLogin .sns-login { font-size:0 }
#simpleLogin .sns-login a { display:inline-block; *display:inline; vertical-align:top;position:relative;width:267px;margin-left:6px; *margin-left:9px }
#simpleLogin .sns-login a:first-child { margin-left:0 }


/* --- [로그인 폼 박스 상단 여백 추가] --- */

/* #loginWrap .mlog-sign에 직접 상단 마진을 추가하여 제목 선 아래로 내립니다. */
#loginWrap .mlog-sign { 
    height:458px; 
    border:1px solid #e0d5c6; 
    border-top: 1px solid #e0d5c6; /* 상단 테두리 통일 */
    border-radius: 12px; 
    overflow: hidden; 
    background: #fff; 
    
    /* ★★★ [핵심 수정] 폼 박스 자체를 아래로 내립니다. ★★★ */
    margin-top: 20px !important; 
}


/* ★★★ [추가] 로그인 페이지 제목 아래의 검은 선 제거 ★★★ */
/* 선을 만드는 요소를 강제로 제거하여 깔끔하게 분리 */
.xans-content h2, 
.xans-content .heading,
#contents h2 {
    border-bottom: none !important; 
    padding-bottom: 0 !important;
}
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign { 
    float:left; /* ★ 기존 float 유지 */
    box-sizing: content-box; /* ★ 기본값 유지 */
}
#loginWrap .mlog-sign h3 { 
    padding-top:35px; 
    font-size:18px; 
    color:#4a3f35; /* ★ 다크 브라운 텍스트 */
    font-weight:bold; 
    line-height:18px 
}

/* --- 1. 회원 로그인 (왼쪽) --- */
#loginWrap .mlog-sign .mlog { 
    margin-top:44px; 
    padding:0 81px; /* ★ 기존 패딩 유지 */
    position:relative; 
    width:386px; /* ★ 기존 사이즈 유지 */
    height:370px; /* ★ 기존 사이즈 유지 */
    border-right:1px solid #f0ebe5; /* ★ 부드러운 구분선 */
}
#loginWrap .mlog-sign .mlog p { 
    padding-top:20px; 
    font-size:11px; 
    color:#adadad 
}
#loginWrap .mlog-sign .frm-list { 
    padding-top:18px; 
    position:relative; 
    width:386px; /* ★ 기존 사이즈 유지 */
}
#loginWrap .mlog-sign .frm-list li { 
    position:relative; 
    width: 100%; 
    margin-bottom:6px 
}

/* ★ 라벨 (플레이스홀더) 스타일 (기존 구조 유지) ★ */
#loginWrap .mlog-sign .frm-list li label { 
    padding-left:11px; 
    position:absolute; 
    top:0; 
    left:0; 
    width:375px; /* ★ 기존 사이즈 유지 */
    height:50px; /* ★ 기존 사이즈 유지 */
    color:#aaa; /* ★ 플레이스홀더 색상 */
    line-height:50px; 
    cursor:text;
    pointer-events: none; /* ★ 클릭 통과 (중요) */
    z-index: 1; /* input 아래에 오도록 */
}
/* ★ input 포커스 시 라벨 숨김 ★ */
#loginWrap .mlog-sign .frm-list li input:focus + label {
    display: none;
}

/* ★ 입력창 스타일 (기존 구조 유지) ★ */
#loginWrap .mlog-sign .frm-list li input { 
    padding-left:10px; 
    width:374px; /* ★ 기존 사이즈 유지 */
    height:48px; /* ★ 기존 사이즈 유지 */
    line-height:48px; 
    border:1px solid #e0d5c6; /* ★ 베이지 톤 테두리 */
    border-radius: 8px; /* ★ 둥근 모서리 */
    font-size: 15px; 
    color: #333;
    background: #fff;
    position: relative; /* ★ 라벨보다 위에 오도록 */
    z-index: 2; /* 라벨보다 위 */
    transition: border-color 0.2s, box-shadow 0.2s;
}

/* ★ 입력창 포커스 (클릭 시) ★ */
#loginWrap .mlog-sign .frm-list li input:focus {
    border-color: #b59d7f; /* ★ 고급 골드색 테두리 */
    box-shadow: 0 0 5px rgba(181, 157, 127, 0.3);
    outline: none;
    z-index: 3; /* 포커스 시 라벨보다 더 위로 */
}

/* --- 로그인 버튼 (기존 사이즈 유지) --- */
#loginWrap .mlog-sign .btn-mlog { 
    padding-top:10px; 
    position:relative 
}
#loginWrap .mlog-sign .btn-mlog a { 
    width:384px; /* ★ 기존 사이즈 유지 */
    height:58px; /* ★ 기존 사이즈 유지 */
    font-size:16px; 
    line-height:58px;
    /* ★ 디자인 스킨 적용 ★ */
    background-color: #4a3f35;
    border: 1px solid #4a3f35;
    color: #fff;
    border-radius: 8px;
    display: block;
    text-align: center;
    transition: all 0.3s ease;
}
#loginWrap .mlog-sign .btn-mlog a:hover {
    background-color: #b59d7f;
    border-color: #b59d7f;
}

/* --- 보안접속/아이디저장 (기존 유지) --- */
#loginWrap .mlog-sign .se-log { 
    position:relative; 
    color:#666 !important 
}
#loginWrap .mlog-sign .se-log label { 
    font-size:11px 
}
#loginWrap .mlog-sign .se-log label input { 
    margin-top:-3px; 
    *margin-top:-4px; 
    vertical-align:middle 
}

/* --- 2. 비회원/가입 (오른쪽) --- */
#loginWrap .mlog-sign .sign { 
    margin-top:44px; 
    padding-left:76px; /* ★ 기존 패딩 유지 */
    width:386px; /* ★ 기존 사이즈 유지 */
}
#loginWrap .mlog-sign .sign dl { 
    padding-top:22px 
}
#loginWrap .mlog-sign .sign dl dt { 
    font-size:11px; 
    color:#adadad 
}
#loginWrap .mlog-sign .sign dl dd { 
    padding-top:15px 
}

/* ★ 비회원/가입 버튼 (기존 사이즈 유지) ★ */
#loginWrap .mlog-sign .sign dl dd a { 
    width:384px; /* ★ 기존 사이즈 유지 */
    height:58px; /* ★ 기존 사이즈 유지 */
    font-size:15px; 
    line-height:58px;
    /* ★ 디자인 스킨 적용 ★ */
    background-color: #b59d7f;
    border: 1px solid #b59d7f;
    color: #fff;
    border-radius: 8px;
    display: block;
    text-align: center;
    transition: all 0.3s ease;
}
#loginWrap .mlog-sign .sign dl dd a:hover {
    background-color: #4a3f35;
    border-color: #4a3f35;
}

/* --- 간편 로그인 (하단 - flex 유지) --- */
/* (간편 로그인은 기존 CSS 코드가 없어서, flex 디자인이 가장 적절합니다) */
#simpleLogin { 
    text-align:center; 
    margin-top:10px 
}
#simpleLogin .sns-login { 
    font-size:0;
    display: flex;
    justify-content: center;
    gap: 10px;
}
#simpleLogin .sns-login a { 
    display:inline-block; 
    vertical-align:top;
    position:relative;
    width:auto;
    flex: 1;
    max-width: 267px;
    margin-left:0;
}
#simpleLogin .sns-login a:first-child { 
    margin-left:0 
}
#simpleLogin .sns-login a img {
    width: 100%;
    height: auto;
}



/* BASIC css end */