.mobile-content{
padding:0 10px;
}


/* =====================================================
   모바일 상단 법적표시
   PC 색상 스타일 적용 + 좌측 정렬
   ===================================================== */

.mobile-legal{
    background:#f4f4f4;
    color:#2E7D32;
    font-family:'Nanum Gothic', sans-serif;
    font-size:14px;
    font-weight:900;
    line-height:20px;
    padding:8px 12px;
    text-align:left;
    word-break:keep-all;
}


/* =====================================================
   모바일 로고바
   ===================================================== */

.mobile-logo-bar{
display:flex;
align-items:center;
padding:10px 12px;
border-bottom:1px solid #eee;
position:relative;
}

.mobile-logo-left img{
height:34px;
}

.mobile-logo-text{
position:absolute;
left:50%;
transform:translateX(-50%);
font-size:22px;
font-weight:900;
color:#1b7f3a;
letter-spacing:1px;
}

.mobile-menu-btn{
margin-left:auto;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
}


.mobile-menu-btn img{
width:24px;
height:24px;
display:block;
}

/* 상단 로고 홈 이동 링크 */
.mobile-logo-left,
.mobile-logo-text{
text-decoration:none;
}


/* =====================================================
   모바일 전체메뉴 패널
   ===================================================== */
   

.mobile-menu-panel{
position:fixed;
top:0;
right:-260px;
width:260px;
height:100%;
background:#fff;
box-shadow:-3px 0 10px rgba(0,0,0,0.15);
padding-top:70px;
transition:0.3s;
z-index:9999;
overflow-y:auto;
}

.mobile-menu-panel.open{
right:0;
}

/* 기본 메뉴 링크 */

.mobile-menu-panel a{
display:block;
padding:14px 18px;
border-bottom:1px solid #eee;
color:#333;
font-size:16px;
text-decoration:none;
}

.mobile-menu-panel a:hover{
background:#f4f4f4;
}

/* =====================================================
   모바일 메뉴 로그인 박스 : 연녹색 강조
   ===================================================== */

.mobile-menu-user{
padding:15px;
margin:10px;
background:#e6f4ea !important;
border-radius:6px;
}

/* =====================================================
   모바일 메뉴 로그인 박스 스타일 끝
   ===================================================== */
   

.mobile-user-name{
font-size:16px;
font-weight:bold;
margin-bottom:5px;
}

.mobile-user-info{
font-size:13px;
color:#666;
margin-bottom:5px;
}





/* =====================================================
   모바일 로그인 사용자 액션 버튼 영역
   (To 관리자 / 정보수정 / 쪽지 / 로그아웃)
   2열 그리드로 정렬
   ===================================================== */

.mobile-user-actions{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
margin-top:10px;
}

/* form도 grid 아이템으로 맞춤 */

.mobile-user-actions form{
margin:0;
}

/* =====================================================
   [2026-03-10] 모바일 로그인 액션 버튼 스타일
   To 관리자 / 정보수정 / 쪽지 / 로그아웃 공통
   ===================================================== */
.mobile-user-actions a,
.mobile-user-actions button{
display:block;
width:100%;
text-align:center;
padding:8px;
font-size:14px;
color:#333;
background:#fff8e1;
border:none;
border-radius:4px;
cursor:pointer;
}



/* =====================================================
   [2026-03-10] 모바일 코인 정보 영역
   코인 표시 + 충전 링크 한 줄 정렬
   ===================================================== */
.mobile-user-coin{
display:flex;
align-items:center;
font-size:14px;
color:#2e7d32;
font-weight:bold;
margin-bottom:10px;
}

.coin-info{
display:inline-flex;
align-items:center;
color:#d84315;
}

.coin-charge-link{
display:inline-flex;
align-items:center;
gap:4px;
font-size:13px;
color:#d84315;
text-decoration:none;
font-weight:bold;
white-space:nowrap;
margin-left:auto;
}

.coin-icon{
display:inline-block;
width:12px;
height:12px;
border-radius:50%;
background:linear-gradient(#ffd54f,#ffb300);
border:1px solid #f9a825;
}



/* =====================================================
   모바일 메뉴 Dim 배경
   ===================================================== */

.mobile-menu-dim{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.25);   /* 어둡기 낮춤 */
z-index:9990;                  /* 메뉴보다 아래 */
display:none;
}

.mobile-menu-dim.open{
display:block;
}


/* 모바일 메뉴 닫기 버튼 */

.mobile-menu-close{
position:absolute;
top:15px;
right:15px;
font-size:24px;
cursor:pointer;
color:#333;
}


/* 상단 버튼 (PC버전 / 로그인 / 회원가입) */

.mobile-menu-top{
display:flex;
border-bottom:1px solid #eee;
}

.mobile-menu-top a{
flex:1;
text-align:center;
padding:14px 0;
font-weight:700;
border-right:1px solid #eee;
}

.mobile-menu-top a:last-child{
border-right:none;
}

/* =====================================================
   모바일 아코디언 메뉴
   ===================================================== */

.mobile-menu-title{
padding:14px 18px;
border-bottom:1px solid #eee;
font-size:16px;
font-weight:700;
cursor:pointer;
background:#fff;
}

/* 하위메뉴 기본 닫힘 */

.mobile-submenu{
display:none;
background:#fafafa;
}

/* 하위메뉴 링크 */

.mobile-submenu a{
font-size:14px;
padding:10px 30px;
border-bottom:1px solid #eee;
}

/* 아코디언 열림 */

.mobile-menu-item.open .mobile-submenu{
display:block;
}

/* 상위메뉴 활성화 효과 */

.mobile-menu-item.open .mobile-menu-title{
border-bottom:2px solid #2E7D32;
color:#2E7D32;
}

/* =====================================================
   모바일 메뉴 강조 스타일
   ===================================================== */

/* 상단 로그인 영역 */

.mobile-menu-top.menu-highlight{
background:#fff8e1;
border-bottom:1px solid #ffe0b2;
}

.mobile-menu-top.menu-highlight a{
color:#d84315;
font-weight:bold;
}

/* 지역검색 / 마이페이지 */

.mobile-menu-item.menu-highlight,
a.menu-highlight{
background:#fff8e1;
border-top:1px solid #ffe0b2;
border-bottom:1px solid #ffe0b2;
}

/* 마이페이지 제목 배경 */

.mobile-menu-item.menu-highlight .mobile-menu-title{
background:#fff8e1;
}

/* 텍스트 강조 */

.mobile-menu-item.menu-highlight .mobile-menu-title,
a.menu-highlight{
color:#d84315 !important;
font-weight:bold;
}

/* 지역검색 링크 */

a.menu-highlight{
display:block;
padding:14px 18px;
font-size:16px;
}




/* =====================================================
   모바일 문의버튼
   ===================================================== */

.mobile-actions{
display:flex;
margin-bottom:10px;
}

.mobile-actions a{
flex:1;
text-align:center;
padding:12px 0;
margin:2px;
border-radius:6px;
font-size:15px;
font-weight:700;
text-decoration:none;
color:#fff;
}

/* 글쓰기 */
.mobile-actions a:nth-child(1){
background:#2e7d32;
}

/* 전화 */
.mobile-actions a:nth-child(2){
background:#1976d2;
}

/* 문자 */
.mobile-actions a:nth-child(3){
background:#455a64;
}

/* 카톡 */
.mobile-actions a:nth-child(4){
background:#F6D84A;
color:#3c1e1e;
}


/* 빠른검색 */
.mobile-search{
background:#f8f9fa;
padding:10px;
margin-bottom:10px;
}



/* =====================================================
   모바일 메인배너 : 폴드 대응 + PC 고정폭 제거
   ===================================================== */

#dj-banner-700x110{
width:100% !important;
}

/* PC 고정폭 제거 */
#dj-banner-700x110 .wrap{
width:100% !important;
height:170px !important;
}

/* 이미지 배너 */
#dj-banner-700x110 img{
width:100%;
height:auto;
display:block;
}

/* =====================================================
   모바일 메인배너 텍스트 크기
   ===================================================== */

#dj-banner-700x110 .main{
font-size:clamp(18px,5vw,26px) !important;
}

#dj-banner-700x110 .sub{
font-size:clamp(14px,3.6vw,18px) !important;
}

#dj-banner-700x110 .tail{
font-size:clamp(13px,3.2vw,16px) !important;
}

/* =====================================================
   모바일 좁은 화면 보정 (폴드 접힘)
   ===================================================== */

@media (max-width:420px){

#dj-banner-700x110 .wrap{
height:180px !important;
}

#dj-banner-700x110 .main{
font-size:clamp(16px,4.2vw,24px) !important;
}

#dj-banner-700x110 .sub{
font-size:clamp(13px,3.2vw,17px) !important;
}

#dj-banner-700x110 .tail{
font-size:clamp(12px,3vw,15px) !important;
}

}

/* =====================================================
   모바일 메인배너 설정 끝
   ===================================================== */
   
   
/* =====================================================
   [2026-03-09] 모바일 로얄 광고 스타일
   PC 로얄 배너와 동일한 3단 구조
   (상단 노랑 / 중앙 흰색 / 하단 회색)
===================================================== */

.mobile-royal{
padding:0 10px 10px 10px;
margin-bottom:10px;
}

/* 캐러셀 */

#mobileRoyalBanner{
width:100%;
}

/* 광고 박스 */

#mobileRoyalBanner .item{
border:3px solid #f2c200;
border-radius:6px;
overflow:hidden;
background:#fff;
cursor:pointer;
}

/* =============================
   상단 영역
============================= */

.royal-head{
background:#f2c200;
font-weight:bold;
text-align:center;
padding:6px 10px;
font-size:14px;
position:relative;
}

/* 상단 글자 */
.mobile-royal .royal-head{
font-weight:bold;
color:#000;
}

/* 클릭손가락아이콘 삭제 */
.mobile-royal .royal-head{
cursor:default;
}

/* 좌우 화살표 */

.royal-prev{
position:absolute;
left:8px;
}

.royal-next{
position:absolute;
right:8px;
}

/* =============================
   중앙 영역
============================= */

.royal-body{
padding:12px 10px;
text-align:center;
font-size:14px;
background:#ffffff;
line-height:1.4;
color:#000;
font-weight:bold;
}

.royal-phone{
display:block;
margin-top:4px;
font-weight:bold;
color:#d84315;
}

/* =============================
   하단 영역
============================= */

.royal-foot{
display:flex;
justify-content:space-between;
align-items:center;
padding:8px 10px;
background:#e9ecef;
font-size:13px;
}

.mobile-royal .royal-company{
font-weight:bold;
color:#000;
}

.royal-area{
font-weight:bold;
color:#000;
}

.mobile-royal .royal-money{
color:#d84315;
font-weight:bold;
}

/* =============================
   캐러셀 버튼
============================= */

#mobileRoyalBanner .carousel-control{
position:absolute;
top:50%;
transform:translateY(-50%);
font-size:20px;
width:40px;
height:40px;
line-height:38px;
text-align:center;
background:rgba(0,0,0,0.35);
color:#fff;
border-radius:50%;
cursor:pointer;
}

#mobileRoyalBanner .left{
left:6px;
}

#mobileRoyalBanner .right{
right:6px;
}

   
/* =====================================================
   프리미엄 영역 기본 컨테이너
   ===================================================== */

.mobile-premium{
padding:0 10px 10px 10px;
margin-bottom:10px;
}


/* =====================================================
   모바일 모든 섹션 제목 공통 스타일
   프리미엄 / 스페셜 / 실시간 / 공지 통일
   ===================================================== */

.mobile-section-title{
font-weight:bold;
font-size:16px;
color:#2e7d32;
padding:0 12px 6px 12px;
line-height:1.3;
box-sizing:border-box;
}


/* =====================================================
   프리미엄 한줄 레이아웃
   제목 / 금액 / 시간 정렬을 flex로 안정화
   ===================================================== */

.premium-row{
display:flex;
align-items:center;
gap:6px;
padding:8px 12px;
font-size:14px;
}


/* =====================================================
   [2026-03-11] 지역검색 모바일 프리미엄 제목 링크 기본
   제목 배경은 기존 스타일 유지, 폭만 내용 기준으로 사용
   ===================================================== */

.mobile-areas-page .mobile-premium .premium-row a{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
text-decoration:none;
}


/* =====================================================
   금액 영역
   모바일에서 항상 같은 위치 유지
   ===================================================== */

.premium-money{
flex:0 0 75px;
font-weight:bold;
color:#2e7d32;
text-align:right;
}


/* =====================================================
   등록시간 영역
   가장 오른쪽 고정
   ===================================================== */

.premium-date{
flex:0 0 60px;
font-size:12px;
color:#888;
text-align:right;
}



/* =====================================================
   2026-03-07 모바일 프리미엄 더보기 제어 (정리 버전)
   기존 중복 CSS 제거 + 버튼 클릭 안정화
   ===================================================== */

/* -----------------------------------------------------
   프리미엄 숨김 제어
   ----------------------------------------------------- */

/* 3번째 이후 기본 숨김 */
.premium-more{
display:none;
}

/* 10번째 이후 완전 숨김 */
.premium-hidden{
display:none;
}


/* -----------------------------------------------------
   프리미엄 제목 + 더보기 버튼 한줄 정렬
   ----------------------------------------------------- */

.premium-title-row{
display:flex;
justify-content:space-between;
align-items:center;
}


/* -----------------------------------------------------
   더보기 / 접기 버튼 스타일
   ----------------------------------------------------- */

.premium-more-btn,
.premium-close-btn{
font-size:13px;
color:#2e7d32;
cursor:pointer;
padding:0;
background:none;
border:none;
position:relative;
z-index:10;
}


/* 접기 버튼 기본 숨김 */

.premium-close-btn{
display:none;
}



/* =====================================================
   모바일 스페셜
   ===================================================== */

.mobile-special{
padding:0 10px 10px 10px;
margin-bottom:10px;
}

/* 카드 그리드 */

.special-card-wrap{
display:flex;
flex-wrap:wrap;
margin:-5px;
}

/* 모바일 기본 : 2열 */

.special-card{
width:50%;
padding:5px;
box-sizing:border-box;
}

/* 태블릿 / 폴드 펼침 */

@media (min-width:600px){

.special-card{
width:33.333%;
}

}

/* PC : 5열 */

@media (min-width:1200px){

.special-card{
width:20%;
}

}

/* 카드 링크 */

.special-card a{
display:block;
padding:12px;
text-decoration:none;
color:#333;
box-sizing:border-box;
min-height:150px;
border-radius:6px;
overflow:hidden;
position:relative;
}

/* 카드 제목 */

.special-card-title{
font-size:15px;
font-weight:bold;
margin-bottom:4px;
line-height:1.35;

display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;

overflow:hidden;
text-overflow:ellipsis;
}

/* 카드 연락처 */

.special-card-phone{
text-align:center;
font-weight:bold;
font-size:14px;
color:inherit;
margin-bottom:6px;
}

/* 카드 금액 */

.special-card-money{
font-size:15px;
font-weight:bold;
}

/* 카드 시간 */

.special-card-date{
font-size:11px;
color:#888;
margin-top:4px;
}



/* =====================================================
   모바일 스페셜 카드 3단 배경
   ===================================================== */

.special-card a[class*="specialOption"]{
position:relative;
}

/* 상단 + 중앙 배경 */
.special-card a[class*="specialOption"]::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:120px;
background:linear-gradient(
to bottom,
rgba(0,0,0,0.08) 0px,
rgba(0,0,0,0.08) 90px,
rgba(255,255,255,0.30) 90px,
rgba(255,255,255,0.30) 120px
);
}

/* 하단 흰색 */
.special-card a[class*="specialOption"]::after{
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:30px;
background:#ffffff;
}

/* =====================================================
   중앙 영역 (금액 좌측 / 등록시간 우측)
   ===================================================== */

.special-card-middle{
position:absolute;
left:0;
bottom:30px;
width:100%;
display:flex;
justify-content:space-between;
padding:0 10px;
box-sizing:border-box;
}

/* 등록시간 */

.special-card-time{
font-size:12px;
}

/* =====================================================
   스페셜 카드 하단 업체명
   ===================================================== */

.special-card-company{
position:absolute;
bottom:0;
left:0;
width:100%;
height:30px;
line-height:30px;
text-align:center;
font-weight:bold;
font-size:15px;
color:#000;
background:#ffffff;
z-index:2;
}


/* =====================================================
   스페셜 카드형 광고 배너
   스페셜 카드 내부 레이아웃을 무시하고
   카드 전체 기준 중앙 정렬
   ===================================================== */

.special-card a.side-banner{
display:flex;
align-items:center;        /* 세로 가운데 */
justify-content:center;    /* 가로 가운데 */
flex-direction:column;

width:100%;
height:100%;

padding:12px;

text-align:center;

font-size:16px;            /* 광고 가독성 최적 크기 */
font-weight:700;
line-height:1.35;

border-radius:6px;

text-decoration:none;
}


/* 검정 배너 */

.special-card a.side-banner.black{
background:#000;
color:#fff;
}


/* 회색 배너 */

.special-card a.side-banner.gray{
background:#f0f0f0;
color:#000;
}




/* =====================================================
   스페셜 카드형 유튜브 박스
   ===================================================== */

.special-card a.dj-yt-card{
display:flex;
flex-direction:column;

width:100%;
height:100%;

border:2px solid #3dbb00;
border-radius:10px;

background:#f4f4f4;
text-decoration:none;

padding:6px;
box-sizing:border-box;
}

/* 썸네일 */

.dj-yt-card img{
width:100%;
height:140px;
object-fit:cover;

border-radius:6px;
background:#ddd;
}

/* 제목 */

.dj-yt-title{
display:block;
text-align:center;

font-size:14px;
font-weight:700;
color:#111;

margin-top:6px;

line-height:1.25;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}



/* =====================================================
   [2026-03-07] 모바일 실시간 게시판 탭 UI
   프리미엄 리스트 스타일 재사용
   ===================================================== */
   
.mobile-realtime{
padding:10px;
margin-bottom:10px;
}

/* 탭 영역 */

.realtime-tabs{
display:flex;
border-bottom:1px solid #eee;
margin-bottom:5px;
}

/* 탭 버튼 */

.realtime-tab{
flex:1;
text-align:center;
padding:8px 0;
font-size:13px;
cursor:pointer;
}

/* 활성 탭 */

.realtime-tab.active{
font-weight:bold;
color:#2e7d32;
border-bottom:2px solid #2e7d32;
}

/* 게시판 리스트 기본 숨김 */

.realtime-list{
display:none;
}

/* 활성 리스트 */

.realtime-list.active{
display:block;
}

/* 더보기 숨김 대상 */

.realtime-more{
display:none;
}


/* =====================================================
   모바일 공지사항 (실시간 게시판 스타일 완전 동일)
   ===================================================== */

.mobile-notice{
padding:0 10px 10px;
margin-bottom:10px;
}


/* 공지 리스트 */

.notice-list{
border-top:1px solid #eee;
background:#fff;
margin:0 12px;
}

/* 공지 한 줄 */

.notice-item{
display:flex;
align-items:center;
justify-content:space-between;
padding:8px 12px;
text-decoration:none;
color:#333;
font-size:14px;
line-height:1.4;
border-bottom:1px solid #eee;
}

/* 마지막 줄 */

.notice-item:last-child{
border-bottom:none;
}

/* 제목 */

.notice-title{
flex:1;
min-width:0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

/* 날짜 */

.notice-date{
flex-shrink:0;
font-size:12px;
color:#888;
margin-left:8px;
}

/* 더보기 숨김 대상 */

.notice-more{
display:none;
}

/* =====================================================
   공지사항 제목 좌우 정렬 보정
   -----------------------------------------------------
   공지 리스트(.notice-list)는 좌우 margin:12px이 적용되어
   리스트 시작선이 안쪽으로 들어가 있음.

   반면 제목(.mobile-section-title)은 기본 padding 12px만
   적용되어 있어 시각적으로 제목이 왼쪽으로 밀린 것처럼
   보이는 현상이 발생.

   그래서 공지 영역의 제목만 padding을 24px로 확장하여
   리스트 시작선과 정확히 동일한 기준선으로 맞춤.

   계산
   리스트 margin 12px + 제목 기본 padding 12px = 24px
   ===================================================== */

.mobile-notice .mobile-section-title{
padding-left:24px;
padding-right:24px;
}



/* PC 헤더 숨기기 */
.header,
.navbar,
.top-menu,
.main-menu,
.gnb,
#header{
display:none;
}

/* =====================================================
   [2026-03-10] 모바일 메인 래퍼 기본 설정
   폭 100% + 기본 여백 + 기본 글꼴
   ===================================================== */
.mobile-main{
width:100%;
max-width:100%;
margin:0 auto;
padding:10px;
font-family:Arial;
}

/* =====================================================
   모바일에서 PC용 우측 퀵버튼 제거
   (삽니다 / 팝니다 / 기타 quick_img 버튼)
   ===================================================== */

img[src*="quick_img"]{
display:none !important;
}

/* =====================================================
   모바일에서 PC용 우측 퀵버튼 영역 제거
   (삽니다 / 팝니다 / quick 이미지 영역)
   ===================================================== */

#quick,
.quick{
display:none !important;
}

/* =====================================================
   모바일에서 PC용 푸터 영역 숨김
   (회사소개 / 이용약관 / 개인정보처리방침 등)
   ===================================================== */

footer,
#footer,
.footer{
display:none !important;
}

/* =====================================================
   모바일 글보기에서 PC 좌측 컬럼 제거
   ===================================================== */

.column1,
.column1-1,
.column2,
.column2-trade,
.column3{
display:none !important;
}

/* =====================================================
   모바일에서 PC 바깥 레이아웃 테이블 컬럼 제거
   - 모든 table에 걸지 말고 mainContent 바로 아래 PC 레이아웃만 처리
   ===================================================== */

#mainContent > table{
width:100% !important;
table-layout:fixed;
}

#mainContent > table > tbody > tr > td:first-child{
display:none !important;
width:0 !important;
padding:0 !important;
border:0 !important;
}

#mainContent > table > tbody > tr > td:last-child{
display:block !important;
width:100% !important;
padding:0 !important;
vertical-align:top;
}



/* =====================================================
   [2026-03-08] 모바일 하단 (최종)
   ===================================================== */

.mobile-footer{
background:#f7f7f7;
margin-top:20px;
border-top:1px solid #e5e5e5;
}

/* 내부 컨테이너 (폴드 펼침 대응) */

.mobile-footer-inner{
max-width:640px;
margin:0 auto;
}


/* 하단 메뉴 */

.mobile-footer-menu{
text-align:center;
padding:14px 10px;
font-size:14px;
border-bottom:1px solid #e5e5e5;
}

.mobile-footer-menu a{
color:#444;
text-decoration:none;
margin:0 1px;
position:relative;
}

.mobile-footer-menu a:not(:last-child)::after{
content:"│";
margin-left:2px;
color:#bbb;
}


/* =====================================================
   모바일 하단 로고 (상단 스타일 동일)
   ===================================================== */

.mobile-footer-logo{
display:flex;
align-items:center;
justify-content:center;
gap:6px;
padding:18px 0 14px 0;
border-bottom:1px solid #e5e5e5;
}

.mobile-footer-logo img{
height:24px;
}

.mobile-footer-logo-text{
font-size:14px;
font-weight:700;
color:#2e7d32;
letter-spacing:1px;
}


/* 회사정보 */

.mobile-footer-info{
padding:18px 16px;
font-size:13px;
line-height:1.75;
color:#777;
border-top:1px solid #e5e5e5;
}

.footer-title{
font-size:14px;
font-weight:700;
color:#444;
margin-bottom:6px;
margin-top:6px;
}

.footer-col{
margin-bottom:10px;
}


/* 주의사항 박스 */

.footer-warning-box{
background:#ffffff;
border:1px solid #e5e5e5;
border-radius:6px;
padding:12px;
margin-top:8px;
}

.footer-warning-title{
font-size:13px;
font-weight:700;
margin-bottom:6px;
color:#333;
}

.mobile-footer-warning{
color:#2e7d32;
font-weight:600;
line-height:1.75;
}


/* 카피 */

.mobile-footer-copy{
text-align:center;
font-size:12px;
color:#999;
padding:10px 0 16px 0;
}


/* =====================================================
   폴드 / 태블릿 대응
   ===================================================== */

@media (min-width:600px){

.mobile-footer-info{
display:grid;
grid-template-columns:1fr 1fr;
gap:24px;
}

}


/* =====================================================
   [2026-03-10] 모바일 하단 고정 메뉴
   화면 하단 고정 + 아이콘 메뉴 기본 바
   ===================================================== */
.mobile-bottom-bar{
position:fixed;
bottom:0;
left:0;
width:100%;
height:58px;
background:#ffffff;
border-top:1px solid #e9e9e9;
display:flex !important;
z-index:500;
box-shadow:0 -1px 0 rgba(0,0,0,0.03);
}

.mobile-bottom-bar:after{
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:1px;
background:#f2f2f2;
}

/* 버튼 */

.mobile-bottom-bar a{
flex:1;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-decoration:none;
color:#9e9e9e;
font-size:11px;
}

/* 아이콘 영역 */

.mobile-bottom-bar .icon{
width:22px;
margin-bottom:4px;
display:flex;
align-items:center;
justify-content:center;
}

/* SVG 아이콘 */

.mobile-bottom-bar .icon img{
width:22px;
height:22px;
display:block;
}

/* 라벨 */

.mobile-bottom-bar .label{
display:block;
font-size:11px;
line-height:1;
color:#9e9e9e;
}

/* =====================================================
   활성 (홈)
   ===================================================== */

.mobile-bottom-bar a.active .label{
color:#2e7d32;
}

/* 터치 */

.mobile-bottom-bar a:active{
background:#f7f7f7;
}




/* =====================================================
   빌려줍니다 뷰페이지 (모바일 상세보기 스타일)
   - PC 테이블 기반 상세 구조를 모바일 화면에 맞게 정리
   - 오늘 테스트하면서 생긴 중복 선언은 제거
   - 현재 확인용으로 필요한 footer 관련 보정은 유지
   ===================================================== */


/* =====================================================
   상세 정보 테이블 공통
   - 등록자 정보 / 기본 정보 / 선택 정보 공통
   - 모바일 폭에 맞게 100% 사용
   ===================================================== */

.mobile-content .property{
width:100%;
table-layout:fixed;
border-collapse:collapse;
margin-bottom:12px;
}


/* 왼쪽 제목 셀 */

.mobile-content .property th{
width:90px;
text-align:left;
padding:8px 6px;
font-size:14px;
font-weight:700;
color:#444;
vertical-align:top;
}


/* 오른쪽 내용 셀 */

.mobile-content .property td{
padding:8px 6px;
font-size:14px;
line-height:1.4;
color:#333;
}


/* =====================================================
   설명 텍스트 영역
   - DB 줄바꿈 유지
   ===================================================== */

.mobile-content .preText{
white-space:pre-line;
line-height:1.6;
}


/* =====================================================
   상담 버튼 영역
   - 전화 / 문자 / 카카오톡 버튼 간격
   - 버튼 수가 많아지면 줄바꿈 허용
   ===================================================== */

.loan-contact-buttons{
margin-top:8px;
display:flex;
gap:6px;
flex-wrap:wrap;
}

/* 연락처 전화번호 강조 */
.loan-phone-number{
font-size:24px;
font-weight:700;
color:#1976d2;
line-height:1.2;
margin-bottom:8px;
}

/* =====================================================
   섹션 간 여백
   - 등록자 정보 / 기본 정보 / 선택 정보 구분
   ===================================================== */

.mobile-content section{
margin-top:18px;
}


/* =====================================================
   경고문 박스
   ===================================================== */

.loan-warning{
margin-top:20px;
padding:12px;
background:#fff7f7;
border:1px solid #f1c4c4;
font-size:13px;
font-weight:700;
line-height:1.5;
color:#b35c5c;
border-radius:6px;
}
/* =====================================================
   [2026-03-11] 지역검색 상단 지역필터 디자인 3차
   1줄 6개 / 총 3줄 / 2글자 지역명 기준
   ===================================================== */

.mobile-area-filter-wrap{
padding:10px 10px 22px 10px;
background:#fff;
}

.mobile-area-filter{
display:flex;
flex-wrap:wrap;
gap:8px 4px;
}

.mobile-area-filter .area-tag-item{
display:flex;
align-items:center;
justify-content:center;

width:calc(33.333% - 68px);
height:34px;
padding:0 4px;

border:1px solid #d6d6d6;
border-radius:999px;
background:#fff;

font-size:13px;
font-weight:600;
line-height:1;
color:#555;

box-sizing:border-box;
text-align:center;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

/* 태블릿 지역아이콘 8개 */
@media (min-width:600px){
.mobile-area-filter .area-tag-item{
width:calc((100% - 64px) / 9);
}
}

/* 기존 아이콘/체크 제거 */
.mobile-area-filter .area-tag-item:before,
.mobile-area-filter .area-tag-item:after{
display:none !important;
content:none !important;
}

.mobile-area-filter .area-tag-item.selected{
border-color:#2e7d32;
background:#dff0df;
color:#2e7d32;
font-weight:700;
box-shadow:none;
}

@media (max-width:360px){
.mobile-area-filter .area-tag-item{
font-size:12px;
padding:0 2px;
}
}




/* =====================================================
   [2026-03-11] 지역별 업체검색 스페셜 카드
   모바일 2열 / 태블릿 3열
   ===================================================== */

.mobile-special #special-list2{
display:flex;
flex-wrap:wrap;
margin:0 -5px;
}

.mobile-special #special-list2 > div{
width:49.7%;
padding:5px;
box-sizing:border-box;
}

.mobile-special #special-list2 > div > div{
display:block;
width:100%;
}

.mobile-special #special-list2 .special-content{
width:100% !important;
table-layout:fixed;
}

.mobile-special #special-list2 .title{
word-break:keep-all;
overflow:hidden;
}

.mobile-special #special-list2 .table-desc{
width:100% !important;
table-layout:fixed;
}

@media (min-width:600px){
.mobile-special #special-list2 > div{
width:32%;
}
}




/* =====================================================
   [2026-03-11] 지역검색 모바일 프리미엄 최종 정렬
   제목/배경 크기는 유지하고 금액/날짜만 우측 정렬
   ===================================================== */

.mobile-areas-page .mobile-premium .premium-row{
display:flex;
align-items:center;
gap:8px;
padding:8px 12px;
font-size:14px;
}

.mobile-areas-page .mobile-premium .premium-subject-wrap{
flex:1 1 auto;
min-width:0;
display:flex;
align-items:center;
}

.mobile-areas-page .mobile-premium .premium-subject-wrap a{
display:inline-block;
max-width:100%;
vertical-align:middle;
}

.mobile-areas-page .mobile-premium .premium-money{
flex:0 0 92px;
text-align:right;
white-space:nowrap;
margin-left:auto;
}

.mobile-areas-page .mobile-premium .premium-date{
flex:0 0 66px;
text-align:right;
white-space:nowrap;
}


/* =====================================================
   [2026-03-11] 지역검색 모바일 프리미엄 초기 5개만 노출
   6번째 이후(.premium-more)는 처음엔 숨기고
   더보기 버튼 클릭 시 스크립트로 표시
   ===================================================== */
.mobile-areas-page .mobile-premium .premium-more{
display:none;
}

.mobile-areas-page .mobile-premium .premium-close-btn{
display:none;
}

/* =====================================================
   [2026-03-11] 모바일 프리미엄 제목 영역 폭 복구
   제목이 남는 공간을 차지하고 금액/시간은 우측으로 밀리게 함
   ===================================================== */
.premium-subject-wrap{
flex:1 1 auto;
min-width:0;
overflow:hidden;
}

/* =====================================================
   [2026-03-11] 메인 모바일 프리미엄 제목 링크 폭 복구
   프리미엄 영역 첫 번째 링크만 남는 공간 차지
   ===================================================== */
.mobile-premium .premium-row > .premium-subject-wrap,
.mobile-premium .premium-row > a:first-child{
flex:1 1 auto;
min-width:0;
overflow:hidden;
}

.mobile-premium .premium-row > .premium-subject-wrap a,
.mobile-premium .premium-row > a:first-child{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

/* =====================================================
   [2026-03-11] 모바일 실시간 게시판 제목 링크 폭 보정
   제목은 남는 공간을 차지하고 금액/시간은 우측 유지
   ===================================================== */
.mobile-realtime .premium-row > a:first-child{
flex:1 1 auto;
min-width:0;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}





/* =====================================================
   [2026-03-13] 비회원 빌립니다 등록 모바일 통정리
   회원 빌립니다 모바일 폼 기준으로 create-lite 정렬/폭 통일
   ===================================================== */

/* ===== 기본 래퍼 ===== */

.create-lite-mobile{
padding:0 10px 10px 10px;
}

.create-lite-mobile .mobile-page-title{
font-size:16px;
font-weight:700;
color:#555;
margin:10px 0 8px 0;
text-align:left;
}

.create-lite-mobile .section-form{
width:100%;
}

.create-lite-mobile .form-row-lined{
overflow:visible;
}

/* ===== 상단 광고 ===== */

.create-lite-mobile .h2-ad-wrapper{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:10px;
margin-bottom:6px;
}

.create-lite-mobile .h2-ad-wrapper h2{
order:2;
margin:0;
font-size:17px;
text-align:left;
}

.create-lite-mobile .ad-box{
order:1;
width:100%;
max-width:560px;
padding:0.8em 1.2em;
box-sizing:border-box;
}

.create-lite-mobile .ad-box a{
white-space:normal;
word-break:keep-all;
line-height:1.5;
}

/* ===== 제목 스타일 ===== */

.create-lite-mobile h2{
margin:20px 0 2px 0;
padding:0 0 2px 20px;
text-align:left;
font-size:17px;
font-weight:700;
line-height:1.3;
color:#33a326;
border-bottom:0;
background:none;
position:relative;
}

.create-lite-mobile h2:before{
content:'';
position:absolute;
left:0;
top:3px;
width:13px;
height:13px;
border-radius:50%;
background:#bdbdbd;
}

.create-lite-mobile h2:after{
content:'›';
position:absolute;
left:4px;
top:-1px;
font-size:14px;
font-weight:700;
color:#fff;
line-height:1;
}

.create-lite-mobile h2 + .section-form{
border-top:2px solid #9ccc3a;
padding-top:8px;
}

/* ===== 기본 form 구조 ===== */

.create-lite-mobile .form-horizontal .form-group{
display:flex;
align-items:center;
justify-content:flex-start;
margin-left:0;
margin-right:0;
margin-bottom:10px;
position:relative;
}

.create-lite-mobile .form-horizontal .form-group:before,
.create-lite-mobile .form-horizontal .form-group:after{
display:none;
content:none;
}

.create-lite-mobile .form-horizontal .control-label,
.create-lite-mobile .form-horizontal label.control-label.col-md-2{
display:block;
float:none;
text-align:left;
margin:0;
line-height:1.4;
flex:0 0 100px;
width:100px;
min-width:100px;
max-width:100px;
padding:0 10px 0 0;
}

.create-lite-mobile .form-horizontal .col-md-2,
.create-lite-mobile .form-horizontal .col-md-3,
.create-lite-mobile .form-horizontal .col-md-4,
.create-lite-mobile .form-horizontal .col-md-6,
.create-lite-mobile .form-horizontal .col-md-10{
float:none;
padding-left:0;
padding-right:0;
margin:0;
}

.create-lite-mobile .form-horizontal .col-md-6{
flex:1 1 auto;
width:auto;
max-width:none;
min-width:0;
}

.create-lite-mobile .form-horizontal .col-md-2,
.create-lite-mobile .form-horizontal .col-md-3,
.create-lite-mobile .form-horizontal .col-md-4,
.create-lite-mobile .form-horizontal .col-md-10{
flex:0 0 auto;
width:auto;
max-width:none;
}

.create-lite-mobile .form-horizontal input.form-control,
.create-lite-mobile .form-horizontal select.form-control,
.create-lite-mobile .form-horizontal textarea.form-control{
width:100%;
max-width:100%;
box-sizing:border-box;
margin:0;
}

.create-lite-mobile .form-horizontal textarea.form-control{
min-height:120px;
}

.create-lite-mobile .form-horizontal .checkbox{
margin-top:0;
margin-bottom:0;
}

.create-lite-mobile .form-horizontal .help-block{
margin-bottom:0;
}

/* ===== 경고문구: 회원폼처럼 우측 겹침 ===== */

.create-lite-mobile .help-block-wrap{
position:absolute;
right:-2px;
top:50%;
transform:translateY(-50%);
width:110px;
max-width:110px;
padding-left:8px;
pointer-events:none;
}

.create-lite-mobile .help-block-wrap .help-block{
margin:0;
font-size:12px;
line-height:1.35;
white-space:normal;
word-break:break-word;
overflow-wrap:anywhere;
text-align:left;
}

/* 설명 textarea는 세로 가운데 정렬 예외 */
.create-lite-mobile .field-liteloan-body .help-block-wrap{
top:auto;
bottom:8px;
transform:none;
}

/* ===== 방식 / 기간 / 지역 ===== */

.create-lite-mobile #liteloan-guarantee,
.create-lite-mobile #liteloan-period,
.create-lite-mobile #liteloan-locate{
width:140px;
max-width:140px;
}

.create-lite-mobile .field-liteloan-period .col-md-4,
.create-lite-mobile .field-liteloan-period .col-md-2{
display:inline-block;
vertical-align:middle;
}

.create-lite-mobile .field-liteloan-period .col-md-4{
width:120px;
max-width:120px;
}

.create-lite-mobile .field-liteloan-period .col-md-2{
width:auto;
max-width:none;
padding-left:30px;
padding-right:0;
white-space:nowrap;
}

/* ===== 휴대폰 인증 ===== */

.create-lite-mobile .field-liteloan-mobile{
display:flex;
align-items:center;
justify-content:flex-start;
position:relative;
}

.create-lite-mobile .field-liteloan-mobile > label.control-label{
flex:0 0 100px;
max-width:100px;
padding-right:10px;
box-sizing:border-box;
}

.create-lite-mobile .field-liteloan-mobile > .col-md-6{
flex:1 1 auto;
min-width:0;
}

.create-lite-mobile .field-liteloan-mobile input.form-control{
width:100%;
max-width:100%;
min-width:0;
}

.create-lite-mobile .mobile-auth-inline{
display:flex;
align-items:center;
gap:8px;
}

.create-lite-mobile .mobile-auth-input{
flex:1 1 auto;
min-width:0;
}

.create-lite-mobile .mobile-auth-btn{
flex:0 0 120px;
max-width:120px;
}

.create-lite-mobile .mobile-auth-btn .btn{
display:block;
width:100%;
font-size:12px;
padding-left:6px;
padding-right:6px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.create-lite-mobile .auth-mobile-row .form-group{
display:flex;
align-items:center;
margin:0;
}

.create-lite-mobile .auth-mobile-box{
display:flex;
align-items:center;
gap:6px;
}

.create-lite-mobile .auth-mobile-key{
flex:1 1 auto;
min-width:0;
}

.create-lite-mobile .auth-mobile-time{
white-space:nowrap;
font-size:12px;
}

.create-lite-mobile .auth-mobile-btn{
white-space:nowrap;
}

/* ===== 버튼/안내문 ===== */

.create-lite-mobile .orange,
.create-lite-mobile .red{
font-size:13px;
line-height:1.6;
word-break:keep-all;
}

.create-lite-mobile .buttons.center{
display:flex;
justify-content:center;
align-items:center;
gap:8px;
margin-top:18px;
}

.create-lite-mobile .buttons.center .btn{
min-width:110px;
}

/* ===== 유료옵션 영역 ===== */

.create-lite-mobile #loan-option-view{
overflow:hidden;
}

.create-lite-mobile #loan-option-view table{
width:100% !important;
max-width:100% !important;
table-layout:fixed;
border-collapse:collapse !important;
border-spacing:0 !important;
}

.create-lite-mobile #loan-option-view .optionsList{
width:100%;
overflow-x:hidden;
}

.create-lite-mobile #loan-option-view .colRadio{
width:28px !important;
}

.create-lite-mobile #loan-option-view .colName{
width:auto !important;
}

.create-lite-mobile #loan-option-view .colPrice{
width:72px !important;
}

.create-lite-mobile #loan-option-view td,
.create-lite-mobile #loan-option-view th{
padding:6px 4px;
font-size:13px;
line-height:1.45;
word-break:break-word;
}

.create-lite-mobile #loan-option-view label{
white-space:normal;
line-height:1.4;
}

.create-lite-mobile #loan-option-view .daysBox,
.create-lite-mobile #loan-option-view .costBox{
margin-top:8px;
line-height:1.6;
font-size:13px;
}

.create-lite-mobile #loan-option-view .width50p{
display:block;
width:140px !important;
max-width:140px !important;
margin-top:6px;
}

.create-lite-mobile #loan-option-view .option-colors{
margin:8px 0 8px 0;
display:flex;
flex-wrap:wrap;
gap:6px;
}

.create-lite-mobile #loan-option-view .option-colors .btn.mini{
width:26px;
height:26px;
padding:0;
min-width:0;
border-radius:4px;
}

/* ===== 모바일 좁은 화면 ===== */

@media (max-width:767px){

.create-lite-mobile .form-horizontal .control-label,
.create-lite-mobile .form-horizontal label.control-label.col-md-2{
flex:0 0 100px;
width:100px;
min-width:100px;
max-width:100px;
padding-right:8px;
font-size:13px;
}

.create-lite-mobile .field-liteloan-mobile > label.control-label{
flex:0 0 100px;
max-width:100px;
}

.create-lite-mobile .mobile-auth-btn{
flex:0 0 96px;
max-width:96px;
}

.create-lite-mobile .mobile-auth-btn .btn{
font-size:11px;
padding-left:4px;
padding-right:4px;
}

.create-lite-mobile #loan-option-view .colPrice{
width:64px !important;
}

.create-lite-mobile #loan-option-view td,
.create-lite-mobile #loan-option-view th{
font-size:12px;
padding:6px 3px;
}

.create-lite-mobile #loan-option-view .width50p{
width:120px !important;
max-width:120px !important;
}
}

/* [2026-03-13] create-lite 금액/연이율 경고문 가림 방지 */
.create-lite-mobile .help-block-wrap{
z-index:3;
}

.create-lite-mobile .help-block-wrap .help-block{
position:relative;
z-index:3;
}





/* [2026-03-12] loan 모바일 상세 섹션 제목 스타일 */
/* loanto/view_mobile 에서 쓰는 공통 제목 스타일(.mobile-section-title) 그대로 사용 */
/* loan/view_mobile 도 같은 제목 흐름으로 맞추기 위한 정리 */
/* 등록자 정보 / 기본 정보 / 선택 정보 제목에 새 클래스를 만들지 않고 기존 공통 스타일 재사용 */

.mobile-section-title{
font-weight:bold;
font-size:16px;
color:#2e7d32;
padding:0 12px 6px 12px;
line-height:1.3;
box-sizing:border-box;
}

/* [2026-03-12] loan 모바일 상세를 loanto 모바일 상세 기준으로 1차 통일 */

/* 본문 전체 좌우 여백 */
.mobile-page-body{
padding:0 10px;
}

/* 제목 */
.mobile-page-body .postTitle{
margin:0 0 14px 0;
padding:0 0 6px 14px !important;
text-align:left !important;
font-size:21px !important;
font-weight:700 !important;
line-height:1.3 !important;
color:#0b8f3a !important;
border-bottom:1px solid #cfe6b8;
background:none !important;
background-image:none !important;
box-shadow:none !important;
position:relative;
}

/* 제목 왼쪽 연두 막대 */
.mobile-page-body .postTitle:before{
content:'';
position:absolute;
left:0;
top:0;
width:8px;
height:100%;
background:#cfeec3;
display:block !important;
}

.mobile-page-body .postTitle:after{
content:none !important;
display:none !important;
}

/* 섹션 간격 */
.mobile-page-body .mobile-view-section{
margin:0 0 22px 0;
}

/* 등록자 정보 / 기본 정보 / 선택 정보 */
.mobile-page-body .mobile-section-title{
margin:0 0 8px 0 !important;
padding:0 0 6px 20px !important;
text-align:left !important;
font-size:17px !important;
font-weight:700 !important;
line-height:1.3 !important;
color:#33a326 !important;
border-bottom:0 !important;
background:none !important;
position:relative;
}

/* 섹션 제목 왼쪽 회색 동그라미 아이콘 */
.mobile-page-body .mobile-section-title:before{
content:'';
position:absolute;
left:0;
top:3px;
width:13px;
height:13px;
border-radius:50%;
background:#bdbdbd;
display:block !important;
}

.mobile-page-body .mobile-section-title:after{
content:'›';
position:absolute;
left:4px;
top:-1px;
font-size:14px;
font-weight:700;
color:#fff;
line-height:1;
display:block !important;
}

/* 테이블 */
.mobile-page-body .property{
width:100%;
table-layout:fixed;
border-collapse:collapse;
margin:0;
}

/* 왼쪽 제목칸 */
.mobile-page-body .property th{
width:110px;
padding:10px 8px;
text-align:left;
vertical-align:middle;
font-size:16px;
font-weight:700;
line-height:1.45;
color:#4d4d4d;
border-bottom:1px solid #e5e5e5;
}

/* 오른쪽 내용칸 */
.mobile-page-body .property td{
padding:10px 8px;
text-align:left;
vertical-align:middle;
font-size:16px;
font-weight:400;
line-height:1.65;
color:#555;
border-bottom:1px solid #e5e5e5;
word-break:break-word;
}

/* 설명 영역 */
.mobile-page-body .property td.preText{
font-size:16px;
line-height:1.75;
color:#666;
white-space:pre-line;
padding-top:14px;
padding-bottom:14px;
}

/* 초록선 1개유지 */
.mobile-page-body .mobile-section-title + .property{
border-top:2px solid #9ccc3a;
margin-top:8px;
}

/* 파란 지역명 */
.mobile-page-body .property td.blue{
color:#2c6fdb !important;
font-weight:700;
}

/* 굵은 값 */
.mobile-page-body .property td.bold{
font-weight:700;
}

/* 신청하기 / 목록보기 버튼 한 줄 정렬 */
.mobile-page-body .buttons{
display:flex;
justify-content:center;
align-items:center;
gap:8px;
margin-top:14px;
}

.mobile-page-body .btn-success,
.mobile-page-body a.btn-success,
.mobile-page-body .btn-default,
.mobile-page-body a.btn-default,
.mobile-page-body .btn-info,
.mobile-page-body a.btn-info{
display:inline-block;
width:120px;
margin:0;
text-align:center;
font-size:16px;
font-weight:700;
padding:12px 0;
border-radius:8px;
vertical-align:middle;
float:none;
box-sizing:border-box;
text-decoration:none;
}

.mobile-page-body .btn-default,
.mobile-page-body a.btn-default{
background:#5cb85c;
border:1px solid #4cae4c;
color:#fff;
}


/* =====================================================
   [2026-03-13] 회원/기업 등록 모바일 공통 정리
   createLite_mobile 기준을 loan / loanto create_mobile에도 확장
   ===================================================== */

/* ===== 공통 등록페이지 래퍼 ===== */

.create-loan-mobile,
.create-loanto-mobile{
padding:0 10px 10px 10px;
}

.create-loan-mobile .mobile-page-title,
.create-loanto-mobile .mobile-page-title{
font-size:16px;
font-weight:700;
color:#555;
margin:10px 0 8px 0;
text-align:left;
}

.create-loan-mobile .section-form,
.create-loanto-mobile .section-form{
width:100%;
}

.create-loan-mobile .form-row-lined,
.create-loanto-mobile .form-row-lined{
overflow:hidden;
}

/* ===== 타이틀을 비회원글등록처럼 맞추기 ===== */
.create-loan-mobile h2,
.create-loanto-mobile h2{
margin:20px 0 2px 0;
padding:0 0 2px 20px;
text-align:left;
font-size:17px;
font-weight:700;
line-height:1.3;
color:#33a326;
border-bottom:0;
background:none;
position:relative;
}

.create-loan-mobile h2:before,
.create-loanto-mobile h2:before{
content:'';
position:absolute;
left:0;
top:3px;
width:13px;
height:13px;
border-radius:50%;
background:#bdbdbd;
}

.create-loan-mobile h2:after,
.create-loanto-mobile h2:after{
content:'›';
position:absolute;
left:4px;
top:-1px;
font-size:14px;
font-weight:700;
color:#fff;
line-height:1;
}

.create-loan-mobile h2 + .section-form,
.create-loanto-mobile h2 + .section-form{
border-top:2px solid #9ccc3a;
padding-top:8px; 
}
/* ===== 타이틀을 비회원글등록처럼 맞추기 끝===== */


.create-loan-mobile .form-horizontal .form-group,
.create-loanto-mobile .form-horizontal .form-group{
display:flex;
align-items:center;
justify-content:flex-start;
margin-left:0;
margin-right:0;
margin-bottom:10px;

}

.create-loan-mobile .form-horizontal .form-group:before,
.create-loan-mobile .form-horizontal .form-group:after,
.create-loanto-mobile .form-horizontal .form-group:before,
.create-loanto-mobile .form-horizontal .form-group:after{
display:none;
content:none;
}

.create-loan-mobile .form-horizontal .control-label,
.create-loan-mobile .form-horizontal label.control-label.col-md-2,
.create-loanto-mobile .form-horizontal .control-label,
.create-loanto-mobile .form-horizontal label.control-label.col-md-2{
display:block;
float:none;
text-align:left;
margin:0;
line-height:1.4;
flex:0 0 100px;
width:100px;
min-width:100px;
max-width:100px;
padding:0 10px 0 0;
}

.create-loan-mobile .form-horizontal .col-md-2,
.create-loan-mobile .form-horizontal .col-md-3,
.create-loan-mobile .form-horizontal .col-md-4,
.create-loan-mobile .form-horizontal .col-md-6,
.create-loan-mobile .form-horizontal .col-md-10,
.create-loanto-mobile .form-horizontal .col-md-2,
.create-loanto-mobile .form-horizontal .col-md-3,
.create-loanto-mobile .form-horizontal .col-md-4,
.create-loanto-mobile .form-horizontal .col-md-6,
.create-loanto-mobile .form-horizontal .col-md-10{
float:none;
padding-left:0;
padding-right:0;
margin:0;
flex:0 0 230px;
width:230px;
max-width:230px;
}

.create-loan-mobile .form-horizontal input.form-control,
.create-loan-mobile .form-horizontal select.form-control,
.create-loan-mobile .form-horizontal textarea.form-control,
.create-loanto-mobile .form-horizontal input.form-control,
.create-loanto-mobile .form-horizontal select.form-control,
.create-loanto-mobile .form-horizontal textarea.form-control{
width:100%;
max-width:100%;
box-sizing:border-box;
margin:0;
}

.create-loan-mobile .form-horizontal textarea.form-control,
.create-loanto-mobile .form-horizontal textarea.form-control{
min-height:120px;
}

.create-loan-mobile .form-horizontal .checkbox,
.create-loanto-mobile .form-horizontal .checkbox{
margin-top:0;
margin-bottom:0;
}

.create-loan-mobile .form-horizontal .help-block,
.create-loanto-mobile .form-horizontal .help-block{
margin-bottom:0;
}

.create-loan-mobile .orange,
.create-loan-mobile .red,
.create-loanto-mobile .orange,
.create-loanto-mobile .red{
font-size:13px;
line-height:1.6;
word-break:keep-all;
}

.create-loan-mobile .buttons.center,
.create-loanto-mobile .buttons.center{
display:flex;
justify-content:center;
align-items:center;
gap:8px;
margin-top:18px;
}

.create-loan-mobile .buttons.center .btn,
.create-loanto-mobile .buttons.center .btn{
min-width:110px;
}

/* ===== loan 등록 광고박스 ===== */

.create-loan-mobile .h2-ad-wrapper{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:10px;
margin-bottom:2px;
}

.create-loan-mobile .h2-ad-wrapper h2{
order:2;
margin:0;
font-size:17px;
text-align:left;
}

.create-loan-mobile .ad-box{
order:1;
width:100%;
max-width:560px;
padding:0.8em 1.2em;
box-sizing:border-box;
}

.create-loan-mobile .ad-box a{
white-space:normal;
word-break:keep-all;
line-height:1.5;
}

/* ===== loan / loanto 공통 필드 폭 미세조정 ===== */

.create-loan-mobile #loan-guarantee,
.create-loan-mobile #loan-period,
.create-loan-mobile #loan-locate,
.create-loanto-mobile #loan-guarantee,
.create-loanto-mobile #loan-period,
.create-loanto-mobile #loan-locate{
width:140px;
max-width:140px;
}

/* 기간 선택칸 옆 문구 정리 */
.create-loan-mobile .field-loan-period .col-md-4,
.create-loan-mobile .field-loan-period .col-md-2,
.create-loanto-mobile .field-loan-period .col-md-4,
.create-loanto-mobile .field-loan-period .col-md-2{
display:inline-block;
vertical-align:middle;
}

.create-loan-mobile .field-loan-period .col-md-4,
.create-loanto-mobile .field-loan-period .col-md-4{
width:120px;
max-width:120px;
}

.create-loan-mobile .field-loan-period .col-md-2,
.create-loanto-mobile .field-loan-period .col-md-2{
width:auto;
max-width:none;
padding-left:30px;
padding-right:0;
white-space:nowrap;
}

/* 계산기 / 진행절차 버튼 있는 줄 */
.create-loan-mobile .field-loan-interest .col-md-2,
.create-loan-mobile .field-loan-repayment .col-md-2,
.create-loanto-mobile .field-loan-interest .col-md-2,
.create-loanto-mobile .field-loan-repayment .col-md-2{
flex:0 0 110px;
width:110px;
max-width:110px;
padding-left:8px;
}

.create-loan-mobile #btn-calc,
.create-loan-mobile #btn-proc,
.create-loanto-mobile #btn-calc,
.create-loanto-mobile #btn-proc{
width:100%;
font-size:12px;
padding-left:4px;
padding-right:4px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

/* ===== 유료옵션 공통 ===== */

.create-loan-mobile #loan-option-view,
.create-loanto-mobile #loan-option-view{
overflow:hidden;
}

.create-loan-mobile #loan-option-view table,
.create-loanto-mobile #loan-option-view table{
width:100% !important;
max-width:100% !important;
table-layout:fixed;
border-collapse:collapse !important;
border-spacing:0 !important;
}

.create-loan-mobile #loan-option-view .optionsList,
.create-loanto-mobile #loan-option-view .optionsList{
width:100%;
overflow-x:hidden;
}

.create-loan-mobile #loan-option-view .colRadio,
.create-loanto-mobile #loan-option-view .colRadio{
width:28px !important;
}

.create-loan-mobile #loan-option-view .colName,
.create-loanto-mobile #loan-option-view .colName{
width:auto !important;
}

.create-loan-mobile #loan-option-view .colPrice,
.create-loanto-mobile #loan-option-view .colPrice{
width:72px !important;
}

.create-loan-mobile #loan-option-view td,
.create-loan-mobile #loan-option-view th,
.create-loanto-mobile #loan-option-view td,
.create-loanto-mobile #loan-option-view th{
padding:6px 4px;
font-size:13px;
line-height:1.45;
word-break:break-word;
}

.create-loan-mobile #loan-option-view label,
.create-loanto-mobile #loan-option-view label{
white-space:normal;
line-height:1.4;
}

.create-loan-mobile #loan-option-view .daysBox,
.create-loan-mobile #loan-option-view .costBox,
.create-loanto-mobile #loan-option-view .daysBox,
.create-loanto-mobile #loan-option-view .costBox{
margin-top:8px;
line-height:1.6;
font-size:13px;
}

.create-loan-mobile #loan-option-view .width50p,
.create-loanto-mobile #loan-option-view .width50p{
display:block;
width:140px !important;
max-width:140px !important;
margin-top:6px;
}

.create-loan-mobile #loan-option-view .option-colors,
.create-loanto-mobile #loan-option-view .option-colors{
margin:8px 0 8px 0;
display:flex;
flex-wrap:wrap;
gap:6px;
}

.create-loan-mobile #loan-option-view .option-colors .btn.mini,
.create-loanto-mobile #loan-option-view .option-colors .btn.mini{
width:26px;
height:26px;
padding:0;
min-width:0;
border-radius:4px;
}

.create-loan-mobile #loan-option-view .form-inline,
.create-loanto-mobile #loan-option-view .form-inline{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px;
}

.create-loan-mobile #loan-option-view .form-inline .form-control,
.create-loanto-mobile #loan-option-view .form-inline .form-control{
width:160px !important;
max-width:160px !important;
}

.create-loan-mobile #loan-option-view .form-inline .checkbox,
.create-loanto-mobile #loan-option-view .form-inline .checkbox{
margin:0;
}

.create-loan-mobile #loan-option-view .locationBox,
.create-loanto-mobile #loan-option-view .locationBox{
width:100% !important;
max-width:100% !important;
display:flex;
flex-wrap:wrap;
gap:6px 4px;
}

.create-loan-mobile #loan-option-view .area-tag-item,
.create-loanto-mobile #loan-option-view .area-tag-item{
width:calc(33.333% - 4px) !important;
max-width:none !important;
padding:8px 4px !important;
height:auto;
box-sizing:border-box;
}

.create-loan-mobile #loan-option-view .text-location,
.create-loanto-mobile #loan-option-view .text-location{
font-size:13px !important;
font-weight:700;
text-align:center;
}

.create-loan-mobile #loan-option-view .price-hint,
.create-loanto-mobile #loan-option-view .price-hint{
padding:8px 0 0 0;
font-size:12px;
line-height:1.6;
white-space:pre-line;
word-break:keep-all;
}

/* 선택입력 / 옵션 영역 안내문 */
.create-loan-mobile .section-form + .orange,
.create-loanto-mobile .section-form + .orange{
padding:12px 0;
font-size:13px;
line-height:1.7;
}

/* ===== 태블릿 ===== */

@media (min-width:768px) and (max-width:1024px){

.create-loan-mobile .form-horizontal .control-label,
.create-loan-mobile .form-horizontal label.control-label.col-md-2,
.create-loanto-mobile .form-horizontal .control-label,
.create-loanto-mobile .form-horizontal label.control-label.col-md-2{
flex:0 0 110px;
width:110px;
min-width:110px;
max-width:110px;
}

.create-loan-mobile .form-horizontal .col-md-2,
.create-loan-mobile .form-horizontal .col-md-3,
.create-loan-mobile .form-horizontal .col-md-4,
.create-loan-mobile .form-horizontal .col-md-6,
.create-loan-mobile .form-horizontal .col-md-10,
.create-loanto-mobile .form-horizontal .col-md-2,
.create-loanto-mobile .form-horizontal .col-md-3,
.create-loanto-mobile .form-horizontal .col-md-4,
.create-loanto-mobile .form-horizontal .col-md-6,
.create-loanto-mobile .form-horizontal .col-md-10{
flex:0 0 260px;
width:260px;
max-width:260px;
}

.create-loan-mobile #loan-option-view .area-tag-item,
.create-loanto-mobile #loan-option-view .area-tag-item{
width:calc(25% - 4px) !important;
}

}

/* ===== 모바일 좁은 화면 ===== */

@media (max-width:767px){

.create-loan-mobile .form-horizontal .control-label,
.create-loan-mobile .form-horizontal label.control-label.col-md-2,
.create-loanto-mobile .form-horizontal .control-label,
.create-loanto-mobile .form-horizontal label.control-label.col-md-2{
flex:0 0 100px;
width:100px;
min-width:100px;
max-width:100px;
padding-right:8px;
font-size:13px;
}

.create-loan-mobile .form-horizontal .col-md-2,
.create-loan-mobile .form-horizontal .col-md-3,
.create-loan-mobile .form-horizontal .col-md-4,
.create-loan-mobile .form-horizontal .col-md-6,
.create-loan-mobile .form-horizontal .col-md-10,
.create-loanto-mobile .form-horizontal .col-md-2,
.create-loanto-mobile .form-horizontal .col-md-3,
.create-loanto-mobile .form-horizontal .col-md-4,
.create-loanto-mobile .form-horizontal .col-md-6,
.create-loanto-mobile .form-horizontal .col-md-10{
flex:1 1 auto;
width:auto;
max-width:none;
min-width:0;
}

.create-loan-mobile .field-loan-interest .col-md-2,
.create-loan-mobile .field-loan-repayment .col-md-2,
.create-loanto-mobile .field-loan-interest .col-md-2,
.create-loanto-mobile .field-loan-repayment .col-md-2{
flex:0 0 86px;
width:86px;
max-width:86px;
}

.create-loan-mobile #loan-option-view .colPrice,
.create-loanto-mobile #loan-option-view .colPrice{
width:64px !important;
}

.create-loan-mobile #loan-option-view td,
.create-loan-mobile #loan-option-view th,
.create-loanto-mobile #loan-option-view td,
.create-loanto-mobile #loan-option-view th{
font-size:12px;
padding:6px 3px;
}

.create-loan-mobile #loan-option-view .width50p,
.create-loanto-mobile #loan-option-view .width50p{
width:120px !important;
max-width:120px !important;
}

.create-loan-mobile #loan-option-view .form-inline .form-control,
.create-loanto-mobile #loan-option-view .form-inline .form-control{
width:140px !important;
max-width:140px !important;
}

.create-loan-mobile #loan-option-view .area-tag-item,
.create-loanto-mobile #loan-option-view .area-tag-item{
width:calc(50% - 3px) !important;
}

.create-loan-mobile .field-loan-period .col-md-2,
.create-loanto-mobile .field-loan-period .col-md-2{
padding-left:10px;
font-size:13px;
}

}

/* [2026-03-13] create-lite 경고문 회원폼처럼 우측 겹침 표시 */
.create-lite-mobile .form-horizontal .form-group{
position:relative;
}

.create-lite-mobile .form-horizontal .form-group > .col-md-6{
flex:1 1 auto;
width:auto;
max-width:none;
min-width:0;
}

.create-lite-mobile .help-block-wrap{
position:absolute;
right:-2px;
top:50%;
transform:translateY(-50%);
width:110px;
max-width:110px;
padding-left:8px;
pointer-events:none;
}

.create-lite-mobile .help-block-wrap .help-block{
margin:0;
font-size:12px;
line-height:1.3;
white-space:normal;
word-break:break-word;
}


/* [2026-03-13] 로그인페이지 모바일 본문 정리 */
.mobile-login-page{
padding:10px;
}

.mobile-login-page .docTitle{
margin:0 0 18px 0;
text-align:center;
}

.mobile-login-page .docTitle h1{
margin:0 0 6px 0;
font-size:24px;
font-weight:700;
}

.mobile-login-page .docTitle .desc{
font-size:13px;
color:#666;
line-height:1.5;
}

.mobile-login-form-wrap{
background:#fff;
border:1px solid #e5e5e5;
border-radius:8px;
padding:14px 12px 12px 12px;
margin-bottom:14px;
}

.mobile-login-form-wrap .form-group{
margin-bottom:12px;
}

.mobile-login-form-wrap .control-label{
display:block;
margin-bottom:6px;
font-size:13px;
font-weight:700;
color:#333;
}

.mobile-login-form-wrap .form-control{
height:40px;
font-size:14px;
}

.mobile-login-form-wrap .help-block-wrap{
margin-top:4px;
}

.mobile-login-form-wrap .help-block{
margin:0;
font-size:12px;
}

.mobile-login-form-wrap .login-btn-row{
margin-top:16px;
margin-bottom:0;
}

.mobile-login-form-wrap .btn{
height:44px;
font-size:16px;
font-weight:700;
}

.mobile-login-help{
background:#fff;
border:1px solid #e5e5e5;
border-radius:8px;
overflow:hidden;
margin-bottom:10px;
}

.mobile-login-help .login-help-item{
display:flex;
align-items:center;
gap:10px;
padding:12px;
border-bottom:1px solid #eee;
text-decoration:none;
}

.mobile-login-help .login-help-item:last-child{
border-bottom:none;
}

.mobile-login-help .help-btn{
flex:0 0 92px;
width:92px;
padding:6px 0;
text-align:center;
}

.mobile-login-help .help-text{
flex:1 1 auto;
font-size:13px;
color:#333;
line-height:1.4;
}


/* [2026-03-14] 아이디찾기 모바일 본문 정리 */
.mobile-find-page{
padding:10px;
}

.mobile-find-page .docTitle{
margin:0 0 18px 0;
text-align:center;
}

.mobile-find-page .docTitle h1{
margin:0 0 6px 0;
font-size:24px;
font-weight:700;
}

.mobile-find-page .docTitle .desc{
font-size:13px;
color:#666;
line-height:1.5;
}

.mobile-find-form-wrap{
background:#fff;
border:1px solid #e5e5e5;
border-radius:8px;
padding:14px 12px 12px 12px;
margin-bottom:14px;
}

.mobile-find-form-wrap .form-group{
margin-bottom:12px;
}

.mobile-find-form-wrap .control-label{
display:block;
margin-bottom:6px;
font-size:13px;
font-weight:700;
color:#333;
}

.mobile-find-form-wrap .form-control{
height:40px;
font-size:14px;
}

.mobile-find-form-wrap .help-block-wrap{
margin-top:4px;
}

.mobile-find-form-wrap .help-block{
margin:0;
font-size:12px;
}

.mobile-find-form-wrap .mobile-radio-group{
margin-bottom:14px;
}

.mobile-find-form-wrap .mobile-btn-group{
display:flex;
gap:8px;
}

.mobile-find-form-wrap .mobile-btn-group .btn{
flex:1 1 0;
height:40px;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
}

.mobile-find-form-wrap .mobile-find-btn-row{
margin-top:16px;
margin-bottom:0;
}

.mobile-find-form-wrap .mobile-find-btn-row .btn{
height:44px;
font-size:15px;
font-weight:700;
margin-bottom:8px;
}

.mobile-find-form-wrap .mobile-find-btn-row .btn:last-child{
margin-bottom:0;
}

.mobile-find-email-wrap .emailSelector{
display:block;
}

.mobile-find-email-wrap .emailSelector .row,
.mobile-find-email-wrap .emailSelector .form-group{
margin-left:0;
margin-right:0;
}

.mobile-find-email-wrap .emailSelector [class*="col-"]{
width:100%;
float:none;
padding-left:0;
padding-right:0;
}

.mobile-find-email-wrap .emailSelector .control-label{
display:block;
margin-bottom:6px;
}

.mobile-find-email-wrap .emailSelector .help-block{
margin-top:4px;
font-size:12px;
}


/* [2026-03-14] 회원가입 약관페이지 모바일 정리 */
.mobile-join-page{
padding:10px;
}

.mobile-join-page .docTitle{
margin:0 0 18px 0;
text-align:center;
}

.mobile-join-page .docTitle h1{
margin:0 0 6px 0;
font-size:24px;
font-weight:700;
}

.mobile-join-page .docTitle .desc{
font-size:13px;
color:#666;
line-height:1.5;
}

.mobile-join-agreement{
background:#fff;
border:1px solid #e5e5e5;
border-radius:8px;
padding:14px 12px;
margin-bottom:14px;
}

.mobile-join-agree-section{
margin-bottom:18px;
}

.mobile-join-agree-section:last-child{
margin-bottom:14px;
}

.mobile-join-agree-section h2{
margin:0 0 8px 0;
font-size:16px;
font-weight:700;
}

.mobile-join-agree-section .membership{
width:100%;
height:160px;
padding:10px;
border:1px solid #ddd;
border-radius:6px;
font-size:12px;
line-height:1.5;
resize:none;
box-sizing:border-box;
background:#fafafa;
}

.mobile-check-label{
display:block;
margin-top:8px;
font-size:14px;
font-weight:700;
color:#333;
}

.mobile-check-label input[type=checkbox]{
margin-right:6px;
}

.mobile-join-help-text{
margin-top:6px;
font-size:12px;
line-height:1.6;
color:#666;
word-break:keep-all;
}

.mobile-join-all-box{
margin-top:16px;
padding:14px 12px;
border:1px solid #e5e5e5;
border-radius:8px;
background:#fafafa;
text-align:center;
}

.mobile-join-all-label{
display:inline-block;
margin-bottom:12px;
font-size:18px;
font-weight:700;
color:#222;
}

.mobile-join-all-label input[type=checkbox]{
transform:scale(1.2);
margin-right:6px;
vertical-align:-1px;
}

.mobile-join-auth-buttons .btn{
height:44px;
font-size:16px;
font-weight:700;
}


/* [2026-03-14] 회원가입 입력폼 모바일 정리 */
.mobile-join-form-page{
padding:10px;
}

.mobile-join-form-page .docTitle{
margin:0 0 18px 0;
text-align:center;
}

.mobile-join-form-page .docTitle h1{
margin:0 0 6px 0;
font-size:24px;
font-weight:700;
}

.mobile-join-form-page .docTitle .desc{
font-size:13px;
color:#666;
line-height:1.5;
}

.mobile-join-form-wrap{
background:#fff;
border:1px solid #e5e5e5;
border-radius:8px;
padding:14px 12px;
margin-bottom:14px;
}

.mobile-join-section-title{
margin:0 0 14px 0;
font-size:18px;
font-weight:700;
}

.mobile-static-row{
margin-bottom:12px;
padding-bottom:10px;
border-bottom:1px solid #f0f0f0;
}

.mobile-static-row label{
display:block;
margin-bottom:6px;
font-size:13px;
font-weight:700;
color:#333;
}

.mobile-static-value{
font-size:14px;
color:#333;
line-height:1.5;
}

.mobile-join-form-wrap .form-group{
margin-bottom:12px;
}

.mobile-join-form-wrap .control-label{
display:block;
margin-bottom:6px;
font-size:13px;
font-weight:700;
color:#333;
}

.mobile-join-form-wrap .form-control{
height:40px;
font-size:14px;
}

.mobile-join-form-wrap .help-block-wrap{
margin-top:4px;
}

.mobile-join-form-wrap .help-block{
margin:0;
font-size:12px;
}

.mobile-form-row{
margin-bottom:12px;
}

.mobile-member-type-row .radio,
.mobile-member-type-row .radio-inline{
margin-right:12px;
margin-bottom:8px;
}

.mobile-inline-group{
display:flex;
gap:8px;
align-items:center;
}

.mobile-inline-group .form-control{
flex:1 1 auto;
min-width:0;
}

.mobile-inline-group .btn{
flex:0 0 auto;
height:40px;
white-space:nowrap;
}

.mobile-inline-group-auth .btn{
min-width:68px;
}

.mobile-auth-timer{
margin-top:6px;
font-size:13px;
font-weight:700;
}

.mobile-email-row .emailSelector{
display:block;
}

.mobile-email-row .emailSelector .row,
.mobile-email-row .emailSelector .form-group{
margin-left:0;
margin-right:0;
}

.mobile-email-row .emailSelector [class*="col-"]{
width:100%;
float:none;
padding-left:0;
padding-right:0;
}

.mobile-email-row .emailSelector .control-label{
display:block;
margin-bottom:6px;
}

.mobile-check-row .checkbox{
margin:0;
}

.mobile-check-row .checkbox label{
font-weight:400;
}

.mobile-join-submit{
padding:0 10px 10px 10px;
}

.mobile-join-submit .btn{
height:46px;
font-size:16px;
font-weight:700;
}

@media (max-width: 360px){
.mobile-inline-group{
flex-direction:column;
align-items:stretch;
}
.mobile-inline-group .btn{
width:100%;
}
}


/* [2026-03-14] 회원가입 약관페이지 가로 넘침 방지 */
html, body{
overflow-x:hidden;
}

.mobile-main{
overflow-x:hidden;
}

.mobile-join-page,
.mobile-join-agreement,
.mobile-join-agree-section{
width:100%;
max-width:100%;
box-sizing:border-box;
overflow-x:hidden;
}

.mobile-join-agree-section .membership{
display:block;
width:100% !important;
max-width:100%;
min-width:0;
box-sizing:border-box;
overflow-x:auto;
white-space:pre-wrap;
word-break:break-word;
overflow-wrap:anywhere;
}

.mobile-join-page *{
box-sizing:border-box;
}

/* [2026-03-14] 회원가입 약관페이지 정렬 중앙 보정 */
.mobile-join-page{
width:100%;
max-width:100%;
margin:0 auto;
padding:10px;
box-sizing:border-box;
}

.mobile-join-agreement{
width:100%;
max-width:100%;
margin:0 auto 14px auto;
padding:14px 12px;
box-sizing:border-box;
}

.mobile-join-agree-section{
width:100%;
margin:0 0 18px 0;
padding:0;
box-sizing:border-box;
}

.mobile-join-agree-section .membership{
margin:0;
}

/* [2026-03-14] 회원가입 약관 박스 우측 쏠림 강제 보정 */
#formMembership{
display:block;
position:relative;
left:auto !important;
right:auto !important;
float:none !important;

width:100% !important;
max-width:100% !important;
min-width:0 !important;

margin:0 auto !important;
padding:0 !important;

box-sizing:border-box;
}

.mobile-join-page{
display:block;
width:100% !important;
max-width:100% !important;
margin:0 auto !important;
padding:10px !important;
box-sizing:border-box;
}

.mobile-join-agreement{
display:block;
width:100% !important;
max-width:100% !important;
margin:0 auto 14px auto !important;
padding:14px 12px !important;
box-sizing:border-box;
}

.mobile-join-agree-section{
display:block;
width:100% !important;
max-width:100% !important;
margin:0 0 18px 0 !important;
padding:0 !important;
box-sizing:border-box;
}

.mobile-join-agree-section .membership{
display:block;
width:100% !important;
max-width:100% !important;
margin:0 !important;
box-sizing:border-box;
}


/* [2026-03-14] 회원가입 완료페이지 모바일 정리 */
.mobile-join-complete-page{
padding:10px;
}

.mobile-join-complete-page .docTitle{
margin:0 0 18px 0;
text-align:center;
}

.mobile-join-complete-page .docTitle h1{
margin:0 0 6px 0;
font-size:24px;
font-weight:700;
}

.mobile-join-complete-page .docTitle .desc{
font-size:13px;
color:#666;
line-height:1.5;
}

.mobile-join-complete-box{
background:#fff;
border:1px solid #e5e5e5;
border-radius:8px;
padding:24px 16px;
margin-bottom:14px;
text-align:center;
}

.mobile-join-complete-icon{
font-size:42px;
line-height:1;
margin-bottom:12px;
}

.mobile-join-complete-title{
font-size:22px;
font-weight:700;
color:#222;
margin-bottom:10px;
}

.mobile-join-complete-text{
font-size:14px;
line-height:1.6;
color:#666;
margin-bottom:16px;
}

.mobile-join-complete-box .btn{
height:44px;
font-size:16px;
font-weight:700;
}


/* [2026-03-14] 마이페이지 모바일 1차 본문 */
.mypage-mobile{
padding:10px;
}

.mypage-mobile .mobile-page-title{
margin:0 0 12px 0;
}

.mypage-mobile .mobile-page-title h1{
margin:0;
font-size:20px;
font-weight:700;
color:#222;
}

.mypage-mobile .mypage-section{
margin-bottom:18px;
background:#fff;
border:1px solid #e5e5e5;
border-radius:8px;
padding:10px;
overflow-x:auto;
}

.mypage-mobile .mypage-section h2{
margin:0 0 10px 0;
font-size:16px;
font-weight:700;
color:#333;
}

.mypage-mobile table.tblcss{
min-width:720px;
}

.mypage-mobile .btn-group{
white-space:nowrap;
}

.mypage-mobile .text-center{
text-align:center;
}


/* [2026-03-14] 마이페이지 모바일 결과없음 박스 */
.mypage-mobile .mypage-empty{
padding:18px 12px;
text-align:center;
font-size:14px;
color:#666;
background:#fafafa;
border:1px solid #e5e5e5;
border-radius:6px;
}


/* [2026-03-14] 상품거래현황 모바일 1차 */
.trade-mypage-mobile table.tblcss{
min-width:780px;
}


/* [2026-03-14] 기본정보수정 모바일 최종 통합 */
.profile-mobile .form-horizontal .form-group{
margin:0;
}

.profile-mobile .mypage-section{
padding:8px 10px;
}

.profile-mobile .mypage-section .section-form{
margin:0;
}

.profile-mobile .form-row-lined{
padding:6px 0;
border-bottom:1px solid #eee;
}

.profile-mobile .form-row-lined:last-child{
border-bottom:none;
}

.profile-mobile .form-row-lined .form-group{
display:flex;
align-items:center;
flex-wrap:wrap;
margin:0;
}

.profile-mobile .profile-mobile-label,
.profile-mobile .profile-mobile-label.static{
display:block;
flex:0 0 128px;
width:128px;
min-width:128px;
margin:0;
padding:0 10px 0 0;
font-size:14px;
font-weight:700;
line-height:1.3;
color:#333;
text-align:left;
box-sizing:border-box;
}

.profile-mobile .profile-mobile-input,
.profile-mobile .profile-mobile-static{
flex:1 1 calc(100% - 128px);
width:calc(100% - 128px);
min-width:0;
max-width:none;
box-sizing:border-box;
}

.profile-mobile .profile-mobile-static .form-control-static{
margin:0;
padding:4px 0;
font-size:14px;
line-height:1.3;
color:#333;
}

.profile-mobile .profile-mobile-error{
flex:0 0 100%;
width:100%;
margin-top:3px;
padding-left:128px;
font-size:12px;
line-height:1.3;
color:#d9534f;
box-sizing:border-box;
}

.profile-mobile .profile-mobile-input .form-control,
.profile-mobile input.form-control,
.profile-mobile select.form-control,
.profile-mobile textarea.form-control{
display:block;
width:100% !important;
max-width:none !important;
min-width:0 !important;
height:40px;
margin:0 !important;
padding:8px 12px;
font-size:14px;
box-sizing:border-box;
}

.profile-mobile textarea.form-control{
height:auto;
min-height:72px;
}

.profile-mobile .text-right{
text-align:left;
}

.profile-mobile .help-block{
margin:3px 0 0 0;
line-height:1.3;
}

.profile-mobile .orange{
white-space:nowrap;
}

/* 우편번호 / 휴대폰 인증 */
.profile-mobile .profile-zipcode-row,
.profile-mobile .profile-mobile-auth-row{
display:flex;
align-items:center;
gap:8px;
width:100%;
}

.profile-mobile .profile-zipcode-row .form-control,
.profile-mobile .profile-mobile-auth-row .form-control{
flex:1 1 auto !important;
width:auto !important;
max-width:none !important;
min-width:0 !important;
}

.profile-mobile .profile-zipcode-row .btn,
.profile-mobile .profile-mobile-auth-row .btn{
flex:0 0 auto;
white-space:nowrap;
}

/* 인증번호 줄 */
.profile-mobile .mobile-auth-key-row{
align-items:flex-start !important;
}

.profile-mobile .mobile-auth-key-row .profile-mobile-input{
display:block;
flex:1 1 calc(100% - 128px);
width:calc(100% - 128px);
min-width:0;
max-width:none;
}

.profile-mobile .profile-mobile-key-box{
display:flex;
align-items:center;
gap:8px;
}

.profile-mobile .profile-mobile-key-box .form-control{
flex:1 1 auto;
min-width:0;
}

.profile-mobile .profile-mobile-key-actions{
margin-top:6px;
}

.profile-mobile .profile-mobile-key-actions .btn{
margin-right:6px;
}

/* 버튼 */
.profile-mobile .profile-mobile-buttons{
display:flex;
gap:8px;
}

.profile-mobile .profile-mobile-buttons .btn{
flex:1 1 0;
}

/* 이메일 */
.profile-mobile .profile-email-row .form-group{
display:flex;
align-items:center;
flex-wrap:nowrap;
}

.profile-mobile .profile-email-row .profile-email-input-wrap{
flex:1 1 calc(100% - 128px);
width:calc(100% - 128px);
min-width:0;
max-width:none;
}

.profile-mobile .profile-email-row .emailSelector{
display:block;
width:100% !important;
max-width:none !important;
}

.profile-mobile .profile-email-row .emailSelector .row,
.profile-mobile .profile-email-row .emailSelector .form-group{
display:block !important;
margin:0 !important;
}

.profile-mobile .profile-email-row .emailSelector [class*="col-"]{
float:none !important;
width:100% !important;
max-width:none !important;
padding-left:0 !important;
padding-right:0 !important;
margin:0 !important;
}

.profile-mobile .profile-email-row .emailSelector .control-label{
display:none !important;
}

.profile-mobile .profile-email-row .emailSelector .help-block{
display:none !important;
}

.profile-mobile .profile-email-row .emailSelector input,
.profile-mobile .profile-email-row .emailSelector select{
width:100% !important;
max-width:none !important;
min-width:0 !important;
}

.profile-mobile .profile-email-row .email-address-wrap,
.profile-mobile .profile-email-row .email-domain-wrap{
width:100% !important;
max-width:none !important;
}

/* 메일링 서비스 */
.profile-mobile .profile-mailing-row .form-group{
display:flex;
align-items:center;
flex-wrap:nowrap;
}

.profile-mobile .profile-mailing-row .profile-mailing-inline{
display:flex;
align-items:center;
min-height:40px;
}

.profile-mobile .profile-mailing-inline-label{
display:inline-flex;
align-items:center;
gap:6px;
margin:0;
font-size:14px;
line-height:1.3;
font-weight:400;
color:#555;
white-space:nowrap;
}

.profile-mobile .profile-mailing-inline-label input[type="checkbox"]{
margin:0;
width:18px;
height:18px;
flex:0 0 auto;
}

/* 부트스트랩 컬럼 초기화 */
.profile-mobile .col-md-2,
.profile-mobile .col-md-3,
.profile-mobile .col-md-4,
.profile-mobile .col-md-5,
.profile-mobile .col-md-8{
float:none;
width:100%;
padding-left:0;
padding-right:0;
}

/* 각 필드 입력영역 폭 강제 확보 */
.profile-mobile .field-profileform-password .profile-mobile-input,
.profile-mobile .field-profileform-biznumber .profile-mobile-input,
.profile-mobile .field-profileform-biznumber2 .profile-mobile-input,
.profile-mobile .field-profileform-zipcode .profile-mobile-input,
.profile-mobile .field-profileform-addr1 .profile-mobile-input,
.profile-mobile .field-profileform-addr2 .profile-mobile-input,
.profile-mobile .field-profileform-tel .profile-mobile-input,
.profile-mobile .field-profileform-mobile .profile-mobile-input,
.profile-mobile .field-profileform-fax .profile-mobile-input{
flex:1 1 calc(100% - 128px) !important;
width:calc(100% - 128px) !important;
min-width:0 !important;
max-width:none !important;
}

/* 각 필드 입력영역 폭 강제 확보 */
.profile-mobile .profile-mobile-error .help-block{
margin:3px 0 0 0;
}

.profile-mobile .profile-mobile-error .help-block:empty{
display:none;
margin:0;
}

/* [2026-03-14] 기본정보수정 기본정보 섹션 하단여백만 축소 */
.profile-mobile .mypage-section:first-of-type .form-row-lined{
padding-top:6px;
padding-bottom:1px;
}

.profile-mobile .mypage-section:first-of-type .profile-mobile-static .form-control-static{
padding-top:4px;
padding-bottom:0;
}

.profile-mobile .mypage-section:first-of-type .profile-mobile-label.static{
padding-top:0;
padding-bottom:0;
}


/* [2026-03-14] 마이페이지 조이코인 현황 모바일 */
.mobile-mycoin-page{
padding:0 10px 15px;
}

.mobile-mycoin-page .docTitle{
margin:0 0 12px;
}

.mobile-mycoin-page .docTitle h1{
margin:0;
font-size:22px;
line-height:1.35;
}

.mobile-mycoin-state .well{
margin-bottom:15px;
padding:14px 12px;
}

.mobile-mycoin-state h6{
margin:0 0 8px 0;
font-size:14px;
line-height:1.5;
}

.mobile-mycoin-state h6:last-of-type{
margin-bottom:12px;
}

.mobile-mycoin-btns{
display:flex;
flex-wrap:wrap;
gap:8px;
justify-content:center;
}

.mobile-mycoin-btns .btn{
min-width:120px;
}

.mobile-mycoin-section{
margin-top:18px;
}

.mobile-mycoin-section h2{
margin:0 0 10px 0;
font-size:18px;
line-height:1.4;
}

.mobile-mycoin-card{
background:#fff;
border:1px solid #e5e5e5;
border-radius:8px;
padding:10px 12px;
margin-bottom:10px;
}

.mobile-mycoin-row{
display:flex;
align-items:flex-start;
padding:4px 0;
border-bottom:1px solid #f1f1f1;
}

.mobile-mycoin-row:last-child{
border-bottom:none;
}

.mobile-mycoin-row .label{
width:72px;
min-width:72px;
font-weight:700;
color:#666;
line-height:1.5;
}

.mobile-mycoin-row .value{
flex:1;
min-width:0;
line-height:1.5;
word-break:break-all;
}

.mobile-mycoin-empty{
background:#fff;
border:1px solid #e5e5e5;
border-radius:8px;
padding:18px 12px;
margin-bottom:10px;
}

.mobile-mycoin-pager{
margin-top:12px;
}


/* [2026-03-14] popup 공통 모바일 레이아웃 보정 */
.popup-layout-body{
margin:0;
padding:0;
background:#fff;
}

.popup-layout-wrap{
width:100%;
max-width:100%;
margin:0;
padding:0;
box-sizing:border-box;
}

.popup-layout-wrap .container,
.popup-layout-wrap .popup{
width:100%;
max-width:100%;
margin:0;
padding:0;
}

/* [2026-03-14] 조이코인 충전 팝업 공통 반응형 */
.charge-popup-page{
padding:12px;
background:#fff;
box-sizing:border-box;
}

.charge-popup-header{
margin:0 0 14px;
padding-bottom:10px;
border-bottom:1px solid #e5e5e5;
}

.charge-popup-header h1{
margin:0;
font-size:22px;
line-height:1.35;
font-weight:700;
color:#333;
}

.charge-popup-body{
display:block;
}

.charge-popup-hero{
margin:0 0 14px;
text-align:center;
}

.charge-popup-hero img{
max-width:100%;
height:auto;
}

.charge-popup-panel{
background:#fff;
border:1px solid #e5e5e5;
border-radius:8px;
overflow:hidden;
}

.charge-popup-item{
padding:12px;
border-bottom:1px solid #f0f0f0;
}

.charge-popup-item:last-child{
border-bottom:none;
}

.charge-popup-label{
margin:0 0 8px;
font-size:14px;
line-height:1.4;
font-weight:700;
color:#555;
}

.charge-popup-value{
font-size:14px;
line-height:1.5;
}

.charge-popup-value .form-group{
margin:0;
}

.charge-popup-radios{
margin:0;
}

.charge-popup-radios .radio{
margin:0 0 8px;
}

.charge-popup-radios .radio:last-child{
margin-bottom:0;
}

.charge-popup-radios label{
display:block;
font-weight:400;
line-height:1.45;
}

.charge-popup-input-group{
width:100%;
}

.charge-popup-input-group .form-control{
text-align:right;
}

.charge-popup-help{
margin-top:6px;
font-size:12px;
line-height:1.4;
}

.charge-popup-amount{
font-size:16px;
font-weight:700;
line-height:1.5;
}

.charge-popup-submit{
margin-top:14px;
}

.charge-popup-submit .btn{
height:42px;
font-size:15px;
font-weight:700;
}

@media (max-width:359px){
.charge-popup-page{
padding:10px;
}

.charge-popup-header h1{
font-size:20px;
}
}

@media (min-width:768px){
.charge-popup-page{
max-width:760px;
margin:0 auto;
padding:20px;
}
}


/* [2026-03-14] 무통장입금 directBill 모바일 */
.directbill-page{
padding:12px;
background:#fff;
box-sizing:border-box;
}

.directbill-header{
margin:0 0 14px;
padding-bottom:10px;
border-bottom:1px solid #e5e5e5;
}

.directbill-header h1{
margin:0;
font-size:22px;
line-height:1.35;
font-weight:700;
color:#333;
}

.directbill-body{
display:block;
}

.directbill-hero{
margin:0 0 14px;
text-align:center;
}

.directbill-hero img{
max-width:100%;
height:auto;
display:inline-block;
}

.directbill-panel{
background:#eef8fd;
border:1px solid #c7e3ef;
border-radius:8px;
padding:18px 16px;
}

.directbill-bank-name{
font-size:18px;
line-height:1.5;
font-weight:400;
color:#3c6f8a;
word-break:keep-all;
}

.directbill-bank-owner{
margin-top:4px;
font-size:14px;
line-height:1.5;
color:#666;
word-break:keep-all;
}

.directbill-amount{
margin-top:10px;
font-size:18px;
line-height:1.5;
font-weight:700;
color:#3c6f8a;
word-break:keep-all;
}

.directbill-notice{
margin-top:18px;
padding-top:16px;
border-top:1px solid #b9dce8;
font-size:14px;
line-height:1.6;
font-weight:700;
color:#c54b4b;
word-break:keep-all;
}

.directbill-submit{
margin-top:16px;
}

.directbill-submit .btn{
height:44px;
font-size:16px;
font-weight:700;
}

@media (max-width:359px){
.directbill-page{
padding:10px;
}

.directbill-header h1{
font-size:20px;
}

.directbill-bank-name,
.directbill-amount{
font-size:16px;
}
}


/* [2026-03-14] 마이페이지 추천인 현황 모바일 */
.mobile-doc-title{
margin:10px 10px 15px;
}

.mobile-doc-title h1{
margin:0;
font-size:22px;
line-height:1.3;
}

.mobile-recommenders-section{
margin:0 10px 18px;
}

.mobile-recommenders-heading{
margin:0 0 10px;
font-size:17px;
font-weight:700;
color:#333;
}

.mobile-recommenders-total{
margin-bottom:10px;
text-align:right;
font-weight:700;
color:#333;
}

.mobile-recommenders-card{
background:#fff;
border:1px solid #ddd;
border-radius:8px;
padding:12px;
margin-bottom:10px;
box-sizing:border-box;
}

.mobile-recommenders-row{
display:flex;
align-items:flex-start;
padding:6px 0;
border-bottom:1px solid #f1f1f1;
}

.mobile-recommenders-row:last-child{
border-bottom:none;
}

.mobile-recommenders-row .label{
width:110px;
min-width:110px;
font-weight:700;
color:#555;
line-height:1.5;
}

.mobile-recommenders-row .value{
flex:1;
min-width:0;
text-align:right;
word-break:break-all;
line-height:1.5;
color:#222;
}

.mobile-recommenders-btn-wrap{
margin-top:10px;
text-align:right;
}

.mobile-empty-box{
background:#fff;
border:1px solid #ddd;
border-radius:8px;
padding:14px 10px;
text-align:center;
color:#666;
}

.mobile-recommenders-guide{
background:#fff;
border:1px solid #ddd;
border-radius:8px;
padding:12px;
line-height:1.7;
white-space:pre-line;
box-sizing:border-box;
}


/* [2026-03-14] 마이페이지 거래거부자 현황 모바일 */
.mobile-doc-title{
margin:10px 10px 15px;
}

.mobile-doc-title h1{
margin:0;
font-size:22px;
line-height:1.3;
}

.mobile-doc-desc{
margin-top:6px;
font-size:13px;
line-height:1.5;
color:#666;
}

.mobile-reject-section{
margin:0 10px 20px;
}

.mobile-reject-add-box{
background:#fff;
border:1px solid #ddd;
border-radius:8px;
padding:12px;
margin-bottom:12px;
}

.mobile-reject-label{
display:block;
margin-bottom:8px;
font-size:14px;
font-weight:700;
color:#333;
}

.mobile-reject-add-form{
display:flex;
gap:8px;
align-items:center;
}

.mobile-reject-add-form .form-control{
flex:1;
min-width:0;
}

.mobile-reject-add-form .btn{
white-space:nowrap;
}

.mobile-reject-card{
background:#fff;
border:1px solid #ddd;
border-radius:8px;
padding:12px;
margin-bottom:10px;
box-sizing:border-box;
}

.mobile-reject-row{
display:flex;
align-items:flex-start;
padding:6px 0;
border-bottom:1px solid #f1f1f1;
}

.mobile-reject-row:last-child{
border-bottom:none;
}

.mobile-reject-row .label{
width:110px;
min-width:110px;
font-weight:700;
color:#555;
line-height:1.5;
}

.mobile-reject-row .value{
flex:1;
min-width:0;
text-align:right;
word-break:break-all;
line-height:1.5;
color:#222;
}

.mobile-reject-btn-wrap{
margin-top:10px;
text-align:right;
}

.mobile-reject-pager{
margin-top:14px;
}

.mobile-empty-box{
background:#fff;
border:1px solid #ddd;
border-radius:8px;
padding:14px 10px;
text-align:center;
color:#666;
}


/* [2026-03-14] 마이페이지 평점 보기 모바일 */
.mobile-doc-title{
margin:10px 10px 15px;
}

.mobile-doc-title h1{
margin:0;
font-size:22px;
line-height:1.3;
}

.mobile-doc-desc{
margin-top:6px;
font-size:13px;
line-height:1.6;
color:#666;
}

.mobile-rates-summary-section{
margin:0 10px 16px;
}

.mobile-rates-summary-box{
margin-bottom:0;
padding:14px 10px;
}

.mobile-rates-log-section{
margin:0 10px 20px;
}

.mobile-rates-log-card{
background:#fff;
border:1px solid #ddd;
border-radius:8px;
padding:12px;
margin-bottom:10px;
box-sizing:border-box;
}

.mobile-rates-log-row{
display:flex;
align-items:flex-start;
padding:6px 0;
border-bottom:1px solid #f1f1f1;
}

.mobile-rates-log-row:last-child{
border-bottom:none;
}

.mobile-rates-log-row .label{
width:90px;
min-width:90px;
font-weight:700;
color:#555;
line-height:1.5;
}

.mobile-rates-log-row .value{
flex:1;
min-width:0;
text-align:right;
word-break:break-word;
line-height:1.5;
color:#222;
}

.mobile-rates-log-body{
white-space:normal;
}

.mobile-rates-pager{
margin-top:14px;
}

.mobile-empty-box{
background:#fff;
border:1px solid #ddd;
border-radius:8px;
padding:14px 10px;
text-align:center;
color:#666;
}


/* [2026-03-14] 마이페이지 비밀번호 변경 모바일 */
.mobile-doc-title{
margin:10px 10px 15px;
}

.mobile-doc-title h1{
margin:0;
font-size:22px;
line-height:1.3;
}

.mobile-password-section{
margin:0 10px 18px;
}

.mobile-password-heading{
margin:0 0 10px;
font-size:17px;
font-weight:700;
color:#333;
}

.mobile-password-box{
background:#fff;
border:1px solid #ddd;
border-radius:8px;
padding:12px;
box-sizing:border-box;
}

.mobile-password-row{
padding:0;
margin-bottom:12px;
}

.mobile-password-row:last-child{
margin-bottom:0;
}

.mobile-password-label{
display:block;
margin-bottom:6px;
font-size:14px;
font-weight:700;
color:#333;
}

.mobile-password-input-wrap{
width:100%;
}

.mobile-password-error-wrap{
margin-top:5px;
font-size:12px;
color:#a94442;
}

.mobile-password-submit-wrap{
margin:0 10px 20px;
text-align:center;
}

.mobile-password-submit{
width:100%;
max-width:100%;
}


/* [2026-03-14] 마이페이지 회원탈퇴 모바일 */
.mobile-doc-title{
margin:10px 10px 15px;
}

.mobile-doc-title h1{
margin:0;
font-size:22px;
line-height:1.3;
}

.mobile-doc-desc{
margin-top:6px;
font-size:13px;
line-height:1.6;
color:#666;
}

.mobile-withdraw-section{
margin:0 10px 20px;
}

.mobile-withdraw-heading{
margin:0 0 10px;
font-size:17px;
font-weight:700;
color:#333;
}

.mobile-withdraw-box{
background:#fff;
border:1px solid #ddd;
border-radius:8px;
padding:12px;
box-sizing:border-box;
}

.mobile-withdraw-row{
margin-bottom:12px;
}

.mobile-withdraw-row:last-child{
margin-bottom:0;
}

.mobile-withdraw-label{
display:block;
margin-bottom:6px;
font-size:14px;
font-weight:700;
color:#333;
}

.mobile-withdraw-input-wrap{
width:100%;
}

.mobile-withdraw-error-wrap{
margin-top:5px;
font-size:12px;
color:#a94442;
}

.mobile-withdraw-warning{
margin:12px 0 0;
font-size:13px;
line-height:1.6;
}

.mobile-withdraw-invalid-row{
display:flex;
justify-content:space-between;
gap:10px;
padding:4px 0;
}

.mobile-withdraw-invalid-label{
font-weight:700;
color:#555;
}

.mobile-withdraw-invalid-value{
color:#222;
}

.mobile-withdraw-submit-wrap{
margin-top:14px;
text-align:center;
}

.mobile-withdraw-submit{
width:100%;
max-width:100%;
}


/* [2026-03-14] 마이페이지 회원탈퇴 결과 모바일 */
.mobile-withdraw-result-section{
margin:0 10px 20px;
}

.mobile-withdraw-result-box{
padding:16px 12px;
line-height:1.6;
}

.mobile-withdraw-result-home{
margin-top:14px;
text-align:center;
}

.mobile-withdraw-home-btn{
width:100%;
max-width:100%;
}


/* [2026-03-14] 회사소개 모바일 */
.mobile-about-wrap{
padding:10px;
}

.mobile-about-image{
margin-bottom:10px;
}

.mobile-about-image img{
display:block;
width:100%;
height:auto;
}


/* [2026-03-14] 이용약관 모바일 */
.mobile-terms-wrap{
padding:10px;
}

.mobile-terms-title-image{
margin-bottom:10px;
}

.mobile-terms-title-image img{
display:block;
width:100%;
height:auto;
}

.mobile-terms-text{
background:#fff;
padding:12px;
line-height:1.8;
word-break:keep-all;
box-sizing:border-box;
}


/* [2026-03-14] 개인정보처리방침 모바일 */
.mobile-privacy-wrap{
padding:10px;
}

.mobile-privacy-title-image{
margin-bottom:10px;
}

.mobile-privacy-title-image img{
display:block;
width:100%;
height:auto;
}

.mobile-privacy-text{
background:#fff;
padding:12px;
line-height:1.8;
word-break:keep-all;
box-sizing:border-box;
}

.mobile-privacy-text table{
width:100%;
font-size:12px;
}

.mobile-privacy-text th,
.mobile-privacy-text td{
word-break:keep-all;
}


/* [2026-03-14] 찾아오시는길 모바일 */
.mobile-map-wrap{
padding:10px;
}

.mobile-map-title-image{
margin-bottom:10px;
}

.mobile-map-title-image img{
display:block;
width:100%;
height:auto;
}

.mobile-map-box{
background:#fff;
padding:10px;
box-sizing:border-box;
overflow:hidden;
}

.mobile-map-box .root_daum_roughmap{
width:100% !important;
}

.mobile-map-box .wrap_map{
width:100% !important;
}


/* [2026-03-14] 대출상품안내 모바일 */
.mobile-loan-services-section{
margin:0 10px 20px;
}

.mobile-loan-services-hero{
margin-bottom:12px;
}

.mobile-loan-services-hero img{
display:block;
width:100%;
height:auto;
border:1px solid #ddd;
}

.mobile-loan-services-grid{
display:flex;
flex-direction:column;
gap:12px;
}

.mobile-loan-service-card{
background:#fff;
border:1px solid #ddd;
padding:12px;
box-sizing:border-box;
background-repeat:no-repeat;
background-position:right bottom;
background-size:90px auto;
}

.mobile-loan-service-card h3{
margin:0 0 10px;
font-size:24px;
}

.mobile-loan-service-card h3 small{
font-size:55%;
color:#000;
font-weight:700;
margin-left:4px;
}

.mobile-loan-service-card ul{
margin:0;
padding-left:18px;
list-style-type:square;
}

.mobile-loan-service-card li{
line-height:1.8;
}

.mobile-loan-service-card a{
color:#333;
text-decoration:none;
}

.mobile-loan-service-card.category-01{
background-image:url('/images/subpageimg/subtitle_img09.gif');
}

.mobile-loan-service-card.category-02{
background-image:url('/images/subpageimg/subtitle_img10.gif');
}

.mobile-loan-service-card.category-03{
background-image:url('/images/subpageimg/subtitle_img08.gif');
}

.mobile-loan-service-card.category-04{
background-image:url('/images/subpageimg/subtitle_img11.gif');
}


/* [2026-03-15] 초보자 가이드 모바일 */
.mobile-guide-page{
padding:0 10px 20px;
}

.mobile-guide-page .mobile-page-title{
margin:0 0 12px;
padding:12px 0 10px;
border-bottom:1px solid #e5e5e5;
text-align:center;
}

.mobile-guide-page .mobile-page-title h1{
margin:0;
font-size:22px;
font-weight:700;
color:#222;
line-height:1.35;
}

.mobile-guide-page .mobile-faq-list{
list-style:none;
margin:0;
padding:0;
}

.mobile-guide-page .mobile-faq-list .item{
margin:0 0 10px;
padding:0;
border:1px solid #e5e5e5;
border-radius:8px;
background:#fff;
overflow:hidden;
}

.mobile-guide-page .mobile-faq-list dl{
margin:0;
}

.mobile-guide-page .mobile-faq-list dt{
margin:0;
padding:14px 12px;
font-size:15px;
font-weight:700;
line-height:1.5;
color:#222;
cursor:pointer;
word-break:keep-all;
}

.mobile-guide-page .mobile-faq-list dt img{
margin-right:6px;
vertical-align:middle;
}

.mobile-guide-page .mobile-faq-list dd{
margin:0;
padding:14px 12px;
border-top:1px solid #eee;
font-size:14px;
line-height:1.75;
color:#444;
word-break:break-word;
background:#fcfcfc;
}

.mobile-guide-page .mobile-faq-list dd img{
max-width:100%;
height:auto;
vertical-align:middle;
}

.mobile-guide-page .mobile-faq-list dd a{
word-break:break-all;
}


/* [2026-03-15] 초보자 가이드 / 이용안내 모바일 공통 */
.mobile-guide-page{
padding:0 10px 20px;
}

.mobile-guide-page .mobile-page-title{
margin:0 0 12px;
padding:12px 0 10px;
border-bottom:1px solid #e5e5e5;
text-align:center;
}

.mobile-guide-page .mobile-page-title h1{
margin:0;
font-size:22px;
font-weight:700;
color:#222;
line-height:1.35;
}

.mobile-guide-page .mobile-faq-list{
list-style:none;
margin:0;
padding:0;
}

.mobile-guide-page .mobile-faq-list .item{
margin:0 0 10px;
padding:0;
border:1px solid #e5e5e5;
border-radius:8px;
background:#fff;
overflow:hidden;
}

.mobile-guide-page .mobile-faq-list dl{
margin:0;
}

.mobile-guide-page .mobile-faq-list dt{
margin:0;
padding:14px 12px;
font-size:15px;
font-weight:700;
line-height:1.5;
color:#222;
cursor:pointer;
word-break:keep-all;
}

.mobile-guide-page .mobile-faq-list dt img{
margin-right:6px;
vertical-align:middle;
}

.mobile-guide-page .mobile-faq-list dd{
margin:0;
padding:14px 12px;
border-top:1px solid #eee;
font-size:14px;
line-height:1.75;
color:#444;
word-break:break-word;
background:#fcfcfc;
}

.mobile-guide-page .mobile-faq-list dd img{
max-width:100%;
height:auto;
vertical-align:middle;
}

.mobile-guide-page .mobile-faq-list dd a{
word-break:break-all;
}


/* [2026-03-15] 맞춤검색 모바일 */
.mobile-search-page{
padding:0 10px 20px;
}

.mobile-search-page .mobile-page-title{
margin:0 0 14px;
padding:12px 0 10px;
border-bottom:1px solid #e5e5e5;
text-align:center;
}

.mobile-search-page .mobile-page-title h1{
margin:0;
font-size:22px;
font-weight:700;
color:#222;
line-height:1.35;
}

.mobile-search-page .mobile-page-title p{
margin:4px 0 0;
font-size:13px;
color:#666;
line-height:1.5;
}

.mobile-search-section{
margin-bottom:16px;
}

.mobile-search-section h2{
margin:0 0 10px;
font-size:16px;
font-weight:700;
color:#222;
}

.mobile-search-box{
padding:12px;
border:1px solid #e5e5e5;
border-radius:8px;
background:#fff;
}

.mobile-search-row{
margin-bottom:12px;
}

.mobile-search-row:last-child{
margin-bottom:0;
}

.mobile-search-label{
display:block;
margin-bottom:6px;
font-size:14px;
font-weight:700;
color:#333;
}

.mobile-search-field{
font-size:14px;
line-height:1.6;
}

.mobile-search-field .form-control{
width:100%;
}

.mobile-search-field .help-block{
display:none;
margin:0;
}

.mobile-inline-field{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:6px;
}

.mobile-inline-field .form-control{
width:auto;
min-width:92px;
max-width:120px;
}

.mobile-inline-field span{
font-size:13px;
color:#555;
}

.mobile-radio-group label{
display:inline-block;
margin-right:12px;
margin-bottom:6px;
font-weight:400;
}

.mobile-radio-group input[type="radio"]{
margin-right:4px;
}

.mobile-search-submit{
margin-top:16px;
}

.mobile-search-submit .btn{
width:100%;
}


/* [2026-03-15] 맞춤검색 결과 모바일 */
.mobile-search-summary{
padding:10px 12px;
}

.mobile-search-summary-row{
padding:8px 0;
border-bottom:1px solid #eee;
}

.mobile-search-summary-row:last-child{
border-bottom:0;
}

.mobile-search-summary-label{
font-size:13px;
font-weight:700;
color:#333;
margin-bottom:2px;
}

.mobile-search-summary-value{
font-size:14px;
color:#555;
line-height:1.6;
word-break:break-word;
}

.mobile-search-result-box{
display:block;
}

.mobile-search-empty{
padding:20px 10px;
text-align:center;
font-size:14px;
color:#666;
border:1px solid #e5e5e5;
border-radius:8px;
background:#fff;
}

.mobile-search-card{
margin-bottom:10px;
padding:12px;
border:1px solid #e5e5e5;
border-radius:8px;
background:#fff;
}

.mobile-search-card-title{
margin-bottom:10px;
font-size:15px;
font-weight:700;
line-height:1.5;
}

.mobile-search-card-title a{
color:#222;
text-decoration:none;
word-break:break-word;
}

.mobile-search-card-row{
display:flex;
gap:10px;
padding:4px 0;
font-size:13px;
line-height:1.6;
border-top:1px solid #f3f3f3;
}

.mobile-search-card-row:first-of-type{
border-top:0;
padding-top:0;
}

.mobile-search-card-row .label{
flex:0 0 78px;
font-weight:700;
color:#555;
}

.mobile-search-card-row .value{
flex:1 1 auto;
color:#333;
word-break:break-word;
}

/* [2026-03-15] 맞춤검색 삽니다/팝니다 결과 타이틀 위치 보정 */
.mobile-search-page{
display:block;
padding:0 10px 20px;
}

.mobile-search-page .mobile-page-title{
display:block;
width:100%;
margin:0 0 14px 0;
padding:12px 0 10px 0;
border-bottom:1px solid #e5e5e5;
text-align:center;
clear:both;
}

.mobile-search-page .mobile-page-title h1{
display:block;
margin:0;
font-size:22px;
font-weight:700;
line-height:1.35;
color:#222;
}

.mobile-search-page .mobile-page-title p{
display:block;
margin:4px 0 0;
font-size:13px;
line-height:1.5;
color:#666;
}


/* [2026-03-15] 삽니다/팝니다 인덱스 모바일 카드형 목록 */
.buy-index-mobile,
.sell-index-mobile{
padding:10px;
}

.buy-index-mobile .mobile-page-title,
.sell-index-mobile .mobile-page-title{
margin-bottom:12px;
}

.buy-index-mobile .mobile-page-title h1,
.sell-index-mobile .mobile-page-title h1{
margin:0;
font-size:22px;
font-weight:700;
color:#222;
}

.buy-index-mobile .mobile-trade-list,
.sell-index-mobile .mobile-trade-list{
margin-bottom:18px;
}

.buy-index-mobile .mobile-empty-row,
.sell-index-mobile .mobile-empty-row{
padding:14px 10px;
background:#fff;
border:1px solid #e5e5e5;
border-radius:8px;
margin-bottom:10px;
}

.buy-index-mobile .mobile-trade-card,
.sell-index-mobile .mobile-trade-card{
background:#fff;
border:1px solid #e5e5e5;
border-radius:8px;
padding:12px;
margin-bottom:10px;
box-sizing:border-box;
}

.buy-index-mobile .mobile-trade-card.premium,
.sell-index-mobile .mobile-trade-card.premium{
border-color:#d9c27a;
}

.buy-index-mobile .mobile-trade-subject a,
.sell-index-mobile .mobile-trade-subject a{
display:block;
font-size:15px;
font-weight:700;
line-height:1.45;
color:#222;
text-decoration:none;
word-break:keep-all;
margin-bottom:10px;
}

.buy-index-mobile .mobile-trade-meta,
.sell-index-mobile .mobile-trade-meta{
border-top:1px solid #f0f0f0;
padding-top:8px;
}

.buy-index-mobile .mobile-trade-row,
.sell-index-mobile .mobile-trade-row{
display:flex;
align-items:flex-start;
padding:4px 0;
font-size:13px;
line-height:1.45;
}

.buy-index-mobile .mobile-trade-row .label,
.sell-index-mobile .mobile-trade-row .label{
flex:0 0 72px;
max-width:72px;
font-weight:700;
color:#666;
}

.buy-index-mobile .mobile-trade-row .value,
.sell-index-mobile .mobile-trade-row .value{
flex:1 1 auto;
min-width:0;
color:#222;
word-break:break-all;
}

.buy-index-mobile .mobile-trade-row .value.num,
.sell-index-mobile .mobile-trade-row .value.num{
font-weight:700;
color:#d9534f;
}

.buy-index-mobile .mobile-pager-wrap,
.sell-index-mobile .mobile-pager-wrap{
margin-top:10px;
}


/* [2026-03-15] 삽니다/팝니다 등록 모바일 본문 래퍼 */
.buy-create-mobile,
.sell-create-mobile{
padding:10px;
}

.buy-create-mobile .mobile-page-title,
.sell-create-mobile .mobile-page-title{
margin-bottom:12px;
}

.buy-create-mobile .mobile-page-title h1,
.sell-create-mobile .mobile-page-title h1{
margin:0;
font-size:22px;
font-weight:700;
color:#222;
}

.buy-create-mobile .mobile-page-title h1 span,
.sell-create-mobile .mobile-page-title h1 span{
color:#2e8b57;
}


/* [2026-03-16] 등록 권한 안내 모바일 본문 */
.loan-create-error-page{
padding:10px;
}

.loan-create-error-page .mobile-card{
background:#fff;
border:1px solid #ddd;
border-radius:8px;
padding:16px;
margin-bottom:12px;
line-height:1.7;
font-size:15px;
color:#333;
}

.loan-create-error-page .mobile-btn-area{
margin-bottom:10px;
}

.loan-create-error-page .btn{
height:44px;
line-height:30px;
font-size:16px;
border-radius:8px;
}


/* [2026-03-16] 고객센터 게시판 목록 모바일 */
.board-mobile-page{
padding:10px;
}

.board-mobile-hint{
margin:0 0 10px 0;
padding:10px 12px;
background:#fff;
border:1px solid #e3e3e3;
border-radius:8px;
font-size:13px;
line-height:1.5;
color:#666;
}

.board-mobile-search{
display:flex;
gap:6px;
margin-bottom:10px;
}

.board-mobile-search select{
width:90px;
flex:0 0 90px;
}

.board-mobile-search input{
flex:1 1 auto;
min-width:0;
}

.board-mobile-actions{
margin-bottom:10px;
}

.board-mobile-actions .btn{
height:40px;
line-height:28px;
border-radius:8px;
}

.board-mobile-list{
display:block;
}

.board-mobile-item{
margin-bottom:8px;
}

.board-mobile-link{
display:block;
padding:12px;
background:#fff;
border:1px solid #ddd;
border-radius:8px;
text-decoration:none;
color:#333;
}

.board-mobile-link.no-link{
cursor:default;
}

.board-mobile-subject-row{
display:flex;
align-items:center;
gap:4px;
margin-bottom:8px;
line-height:1.5;
}

.board-reply-mark{
flex:0 0 auto;
color:#888;
font-size:13px;
}

.board-mobile-subject{
flex:1 1 auto;
min-width:0;
font-size:15px;
font-weight:700;
word-break:break-all;
color:#222;
}

.board-mobile-meta{
display:flex;
flex-wrap:wrap;
gap:8px;
font-size:12px;
color:#777;
}

.board-mobile-empty{
padding:30px 10px;
text-align:center;
background:#fff;
border:1px solid #ddd;
border-radius:8px;
color:#777;
}

.board-mobile-pager{
margin-top:12px;
}


/* [2026-03-16] 고객센터 게시판 글보기 모바일 */
.board-mobile-view-page{
padding:10px;
}

.board-mobile-view-card{
background:#fff;
border:1px solid #ddd;
border-radius:8px;
padding:14px;
margin-bottom:12px;
}

.board-mobile-view-title{
font-size:18px;
font-weight:700;
line-height:1.5;
margin-bottom:12px;
word-break:break-all;
color:#222;
}

.board-mobile-view-meta{
display:flex;
flex-direction:column;
gap:6px;
padding-bottom:12px;
margin-bottom:12px;
border-bottom:1px solid #eee;
font-size:13px;
color:#666;
line-height:1.5;
}

.board-mobile-view-body{
font-size:15px;
line-height:1.7;
color:#333;
word-break:break-all;
}

.board-mobile-view-buttons{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-bottom:10px;
}

.board-mobile-view-buttons .btn{
flex:1 1 calc(50% - 4px);
min-width:0;
height:40px;
line-height:28px;
border-radius:8px;
}


/* [2026-03-16] 고객센터 게시판 글쓰기/수정/답글 모바일 */
.board-mobile-form-page{
padding:10px;
}

.board-mobile-form-wrap{
background:#fff;
border:1px solid #ddd;
border-radius:8px;
padding:14px;
margin-bottom:12px;
}

.board-mobile-form .form-group{
margin-bottom:14px;
}

.board-mobile-form-label{
display:block;
margin-bottom:6px;
font-size:14px;
font-weight:700;
color:#333;
}

.board-mobile-form .form-control{
height:40px;
font-size:14px;
border-radius:8px;
}

.board-mobile-form textarea.form-control{
height:auto;
min-height:220px;
line-height:1.6;
resize:vertical;
}

.board-mobile-check-row{
margin-bottom:14px;
}

.board-mobile-check{
font-size:14px;
color:#333;
}

.board-mobile-form-buttons{
display:flex;
gap:8px;
margin-top:4px;
}

.board-mobile-form-buttons .btn{
flex:1 1 50%;
height:42px;
line-height:30px;
border-radius:8px;
}

.board-mobile-origin-box{
margin-top:16px;
padding:12px;
background:#fafafa;
border:1px solid #e5e5e5;
border-radius:8px;
}

.board-mobile-origin-title{
font-size:14px;
font-weight:700;
margin-bottom:8px;
color:#333;
}

.board-mobile-origin-body{
font-size:14px;
line-height:1.7;
color:#555;
}


/* [2026-03-16] 빌려줍니다 상세 목록보기 버튼 단독 중앙정렬 */
.mobile-loanto-list-btn-wrap{
	text-align:center;
	margin:15px 0 20px;
}

.mobile-loanto-list-btn-wrap a.mobile-loanto-list-btn{
	display:inline-block;
	width:140px;
	height:46px;
	line-height:46px;
	padding:0;
	background:#5cb85c !important;
	border:1px solid #4cae4c !important;
	border-radius:10px;
	color:#fff !important;
	font-size:16px;
	font-weight:700;
	text-align:center;
	text-decoration:none !important;
	box-sizing:border-box;
	box-shadow:none;
}

.mobile-loanto-list-btn-wrap a.mobile-loanto-list-btn:hover,
.mobile-loanto-list-btn-wrap a.mobile-loanto-list-btn:focus,
.mobile-loanto-list-btn-wrap a.mobile-loanto-list-btn:active{
	background:#5cb85c !important;
	border-color:#4cae4c !important;
	color:#fff !important;
	text-decoration:none !important;
}


/* [2026-03-16] 삽니다 상세 모바일 view 정리 */
.trade-view-mobile{
	padding:10px 10px 20px;
}

.trade-view-mobile .mobile-page-title{
	margin:0 0 10px;
	text-align:center;
}

.trade-view-mobile .mobile-page-title h1{
	margin:0;
	font-size:22px;
	font-weight:700;
	color:#333;
}

.trade-view-mobile .mobile-post-title{
	margin:0 0 15px;
	padding:12px 10px;
	border:1px solid #ddd;
	background:#fff;
	font-size:18px;
	font-weight:700;
	line-height:1.5;
	color:#222;
	text-align:center;
	word-break:keep-all;
}

.trade-view-mobile .mobile-view-section{
	margin:0 0 18px;
	background:#fff;
}

.trade-view-mobile .mobile-section-title{
	margin:0 0 8px;
	font-size:20px;
	font-weight:700;
	color:#2f9e44;
}

.trade-view-mobile .property{
	table-layout:fixed;
	width:100%;
	margin-bottom:0;
	background:#fff;
}

.trade-view-mobile .property th{
	width:110px;
}

.trade-view-mobile .property th,
.trade-view-mobile .property td{
	word-break:break-word;
}

.trade-view-mobile .buttons.center{
	text-align:center;
}

.trade-view-mobile .buttons.center .btn{
	margin:0 4px 6px;
}

.trade-view-mobile .preText{
	white-space:pre-line;
	word-break:break-word;
}


/* [2026-03-16] 모바일 기업 일반회원 회원전환 한줄 정렬 */
.mobile-user-name{
	margin-bottom:5px !important;
	line-height:1.2;
}

.mobile-user-info-line{
	display:flex;
	align-items:center;
	gap:10px;
	margin-top:0 !important;
	padding-top:0 !important;
	flex-wrap:nowrap;
	line-height:1;
}

.mobile-user-info-line .mobile-user-info{
	display:inline;
	margin:0 !important;
	padding:0 !important;
	font-size:13px;
	line-height:1;
	white-space:nowrap;
}

.mobile-upgrade-link{
	display:inline-flex;
	align-items:center;
	gap:3px;
	color:#8a6a20 !important;
	font-size:13px;
	font-weight:700;
	text-decoration:none !important;
	white-space:nowrap;
	line-height:1;
	margin:0 !important;
	padding:0 !important;
}

.mobile-upgrade-link:hover,
.mobile-upgrade-link:focus,
.mobile-upgrade-link:active{
	color:#8a6a20 !important;
	text-decoration:none !important;
}

.mobile-upgrade-icon{
	display:inline-block;
	font-size:12px;
	line-height:1;
	color:#d8a300;
}


/* [2026-03-16] 모바일 게시판 NEW 아이콘 노출 정렬 */
.board-mobile-subject-row{
	display:flex;
	align-items:center;
	gap:4px;
	min-width:0;
}

.board-mobile-subject{
	flex:1 1 auto;
	min-width:0;
}

.board-new-icon{
	display:inline-block !important;
	width:22px !important;
	height:9px !important;
	max-width:none !important;
	flex:0 0 auto;
	vertical-align:middle;
	margin-left:2px;
}

.board-reply-mark,
.board-mobile-subject-row .glyphicon-lock{
	flex:0 0 auto;
}


/* [2026-03-17] 모바일 메인 로얄 광고 문자 아이콘 강조 효과 */
.royal-body{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
}

.royal-subject-text{
    display:block;
    width:100%;
    text-align:center;
}

.royal-phone-wrap{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap;
}

.royal-sms-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    border-radius:50%;
    background:#fff;
    color:#e25a2c;
    font-size:15px;
    line-height:1;
    text-decoration:none;
    font-weight:bold;
    border:1px solid rgba(226,90,44,0.35);
    box-shadow:0 0 0 0 rgba(226,90,44,0.35);
    animation:royalSmsPulse 1s infinite;
    vertical-align:middle;
}

.royal-sms-btn:hover,
.royal-sms-btn:focus{
    text-decoration:none;
    color:#d24f22;
}

.royal-sms-icon{
    display:block;
    line-height:1;
    transform:translateY(-1px);
}

@keyframes royalSmsPulse{
    0%{
        transform:scale(1);
        box-shadow:0 0 0 0 rgba(226,90,44,0.45);
    }
    50%{
        transform:scale(1.12);
        box-shadow:0 0 0 6px rgba(226,90,44,0.12);
    }
    100%{
        transform:scale(1);
        box-shadow:0 0 0 0 rgba(226,90,44,0);
    }
}


/* [2026-03-17] 모바일 메인 스페셜 광고 문자 아이콘 로얄 스타일 통일 */
.mobile-special .special-card,
.mobile-special .side-banner-wrap{
	position:relative;
}

.mobile-special .special-card-link{
	display:block;
}

.mobile-special .special-card-phone-wrap{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	flex-wrap:wrap;
}

.mobile-special .special-card-phone{
	display:inline-block;
}

/* [2026-03-17] 모바일 메인 스페셜 광고 문자 아이콘 돈조이 색상 */
.mobile-special .special-sms-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	border-radius:50%;
	background:#fff;
	color:#2aa100;
	font-size:15px;
	line-height:1;
	text-decoration:none;
	font-weight:bold;
	border:1px solid rgba(42,161,0,0.35);
	box-shadow:0 0 0 0 rgba(42,161,0,0.35);
	animation:specialSmsPulse 1s infinite;
	vertical-align:middle;
	padding:0;
	z-index:3;
}

.mobile-special .special-sms-btn:hover,
.mobile-special .special-sms-btn:focus{
	text-decoration:none;
	color:#238800;
}

@keyframes specialSmsPulse{
	0%{
		transform:scale(1);
		box-shadow:0 0 0 0 rgba(42,161,0,0.45);
	}
	50%{
		transform:scale(1.12);
		box-shadow:0 0 0 6px rgba(42,161,0,0.12);
	}
	100%{
		transform:scale(1);
		box-shadow:0 0 0 0 rgba(42,161,0,0);
	}
}


/* [2026-03-18] 모바일 상세 하단 버튼 2개 가로정렬 + 목록보기 2열 배치 */
.mobile-detail-btn-row{
display:flex;
justify-content:center;
align-items:flex-start;
gap:14px;
margin:18px 0 12px;
flex-wrap:nowrap;
}

.mobile-detail-btn-row .mobile-loanto-list-btn-wrap{
width:auto;
margin:0;
}

.mobile-detail-btn-row .mobile-loanto-list-btn{
display:block;
}

/* 옵션변경만 하늘색 */
.mobile-detail-btn-row .mobile-loanto-list-btn.mobile-option-btn{
background:#5bc0de !important;
border-color:#46b8da !important;
color:#fff !important;
}

.mobile-detail-btn-row .mobile-loanto-list-btn.mobile-option-btn:hover,
.mobile-detail-btn-row .mobile-loanto-list-btn.mobile-option-btn:focus{
background:#31b0d5 !important;
border-color:#269abc !important;
color:#fff !important;
text-decoration:none;
}

.mobile-detail-list-row{
margin-top:0;
margin-bottom:18px;
}


/* [2026-03-18] 모바일 단체문자 모달 기본 숨김 */
#groupSmsModal{
    display:none;
}

body.group-sms-modal-open{
    overflow:hidden;
}


/* =====================================================
   [2026-03-18] 모바일 단체문자 모달 UI 틀 정리
   - 메인 index / loanto index 공통
   - Ajax 연결 전 모달 박스/헤더/목록영역/하단버튼만 구성
   ===================================================== */

#groupSmsModal{
    display:none;
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:10000;
    background:rgba(0,0,0,0.45);
    padding:20px 14px;
    box-sizing:border-box;
}

body.group-sms-modal-open{
    overflow:hidden;
}

#groupSmsModal .group-sms-modal-dialog{
    position:relative;
    width:100%;
    max-width:520px;
    margin:0 auto;
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 8px 24px rgba(0,0,0,0.18);
    top:50%;
    transform:translateY(-50%);
}

#groupSmsModal .group-sms-modal-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 16px;
    border-bottom:1px solid #e5e5e5;
    background:#fafafa;
}

#groupSmsModal .group-sms-modal-header strong{
    font-size:18px;
    font-weight:700;
    color:#333;
}

#groupSmsModal .group-sms-close{
    display:inline-block;
    min-width:58px;
    height:34px;
    line-height:32px;
    padding:0 12px;
    border:1px solid #ccc;
    background:#fff;
    border-radius:6px;
    font-size:14px;
    color:#444;
}

#groupSmsModal .group-sms-modal-body{
    padding:14px 16px 16px;
}

#groupSmsModal .group-sms-top-actions{
    margin-bottom:12px;
    text-align:right;
}

#groupSmsModal .group-sms-check-all{
    display:inline-block;
    height:34px;
    line-height:32px;
    padding:0 12px;
    border:1px solid #cfcfcf;
    background:#fff;
    border-radius:6px;
    font-size:14px;
    color:#444;
}

#groupSmsModal .group-sms-list-wrap{
    border:1px solid #e2e2e2;
    border-radius:8px;
    background:#fff;
    min-height:220px;
    max-height:320px;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
}

#groupSmsModal .group-sms-list-placeholder{
    padding:24px 14px;
    text-align:center;
    font-size:15px;
    color:#777;
}

#groupSmsModal .group-sms-modal-footer{
    padding:14px 16px 16px;
    border-top:1px solid #e5e5e5;
    background:#fafafa;
}

#groupSmsModal .group-sms-send-btn{
    display:block;
    width:100%;
    height:46px;
    line-height:44px;
    border:0;
    border-radius:8px;
    background:#f0c933;
    font-size:17px;
    font-weight:700;
    color:#222;
}

#groupSmsModal .group-sms-send-btn[disabled]{
    opacity:.55;
}


/* =====================================================
   [2026-03-18] 모바일 단체문자 모달 UI 정리
   - 현재 groupSmsModal 마크업 기준
   - 메인 index / loanto index 공통
   ===================================================== */

#groupSmsModal{
    display:none;
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:10000;
    background:rgba(0,0,0,0.45);
    padding:20px 14px;
    box-sizing:border-box;
}

body.group-sms-modal-open{
    overflow:hidden;
}

#groupSmsModal .group-sms-modal-inner{
    position:absolute;
    left:14px;
    right:14px;
    top:50%;
    transform:translateY(-50%);
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 8px 24px rgba(0,0,0,0.18);
}

#groupSmsModal .group-sms-modal-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 16px;
    border-bottom:1px solid #e5e5e5;
    background:#fafafa;
}

#groupSmsModal .group-sms-modal-head strong{
    font-size:18px;
    font-weight:700;
    color:#333;
    line-height:1.3;
}

#groupSmsModal .group-sms-close{
    display:inline-block;
    min-width:58px;
    height:34px;
    line-height:32px;
    padding:0 12px;
    border:1px solid #ccc;
    background:#fff;
    border-radius:6px;
    font-size:14px;
    color:#444;
}

#groupSmsModal .group-sms-modal-body{
    padding:16px;
}

#groupSmsModal .group-sms-empty{
    min-height:220px;
    max-height:320px;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    border:1px solid #e2e2e2;
    border-radius:8px;
    background:#fff;
    padding:24px 14px;
    text-align:center;
    font-size:15px;
    color:#777;
    box-sizing:border-box;
}

#groupSmsModal .group-sms-modal-foot{
    padding:14px 16px 16px;
    border-top:1px solid #e5e5e5;
    background:#fafafa;
}

#groupSmsModal .group-sms-send-btn{
    display:block;
    width:100%;
    height:46px;
    line-height:44px;
    border:0;
    border-radius:8px;
    background:#f0c933;
    font-size:17px;
    font-weight:700;
    color:#222;
    box-sizing:border-box;
}

/* =====================================================
   [2026-03-18] 모바일 단체문자 임시 업체 체크목록 UI
===================================================== */
.group-sms-list-top{
    margin-bottom:10px;
    text-align:right;
}

.group-sms-check-all-btn{
    display:inline-block;
    padding:6px 10px;
    border:1px solid #ccc;
    background:#fff;
    border-radius:4px;
    font-size:13px;
    line-height:1.2;
}

.group-sms-temp-list{
    border:1px solid #e5e5e5;
    border-radius:6px;
    background:#fff;
    overflow:hidden;
}

.group-sms-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 10px;
    margin:0;
    border-bottom:1px solid #f0f0f0;
    cursor:pointer;
}

.group-sms-item:last-child{
    border-bottom:none;
}

.group-sms-item input[type="checkbox"]{
    flex:0 0 auto;
    margin:0;
}

.group-sms-item-text{
    display:flex;
    flex-direction:column;
    min-width:0;
}

.group-sms-name{
    font-size:14px;
    color:#222;
    line-height:1.3;
    font-weight:700;
}

.group-sms-phone{
    margin-top:2px;
    font-size:13px;
    color:#666;
    line-height:1.3;
}

.group-sms-send-btn[disabled]{
    opacity:.45;
    cursor:not-allowed;
}


/* =====================================================
   [2026-03-18] 모바일 단체문자 상태영역 표시 보강
===================================================== */
.group-sms-empty{
    padding:16px 12px;
    border:1px solid #e5e5e5;
    border-radius:6px;
    background:#fff;
    text-align:center;
    font-size:13px;
    color:#777;
    line-height:1.5;
}


/* =====================================================
   [2026-03-18] 모바일 단체문자 모달 목록 스크롤
===================================================== */
.group-sms-modal-inner{
    max-height:90vh;
    display:flex;
    flex-direction:column;
}

.group-sms-modal-body{
    overflow-y:auto;
    max-height:calc(90vh - 110px);
}



/* [2026-03-22] loan 모바일 상세 본인글 버튼 공통 스타일 */
.mobile-owner-btns{
    margin:16px 0 8px;
}

.mobile-owner-btns-top{
    display:flex;
    justify-content:center;
    gap:14px;
    margin-bottom:10px;
}

.mobile-owner-btns-bottom{
    display:flex;
    justify-content:center;
}

.mobile-owner-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42%;
    max-width:160px;
    min-width:130px;
    height:52px;
    border-radius:12px;
    font-size:16px;
    font-weight:700;
    line-height:1;
    color:#fff !important;
    text-decoration:none !important;
    box-shadow:0 2px 4px rgba(0,0,0,.12);
    box-sizing:border-box;
}

.mobile-owner-btns-bottom .mobile-owner-btn{
    width:42%;
    max-width:160px;
}

.mobile-owner-btn.btn-option{
    background:#66b8d6;
}

.mobile-owner-btn.btn-edit,
.mobile-owner-btn.btn-list{
    background:#63bd5b;
}


/* [2026-03-25] 모바일 메뉴 카카오/네이버/구글 로그인 버튼 */
.mobile-menu-panel .mobile-kakao-login-btn,
.mobile-menu-panel .mobile-naver-login-btn,
.mobile-menu-panel .mobile-google-login-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    margin:10px 15px 0 !important;
    min-height:44px !important;
    padding:0 12px !important;
    font-weight:bold !important;
    font-size:17px !important;
    border-radius:6px !important;
    text-decoration:none !important;
    box-sizing:border-box !important;
    line-height:1.2 !important;
}

.mobile-menu-panel .mobile-kakao-login-btn{
    background:#fee500 !important;
    border:1px solid #e6cf00 !important;
    color:#3b1e1e !important;
}

.mobile-menu-panel .mobile-kakao-login-btn:hover,
.mobile-menu-panel .mobile-kakao-login-btn:focus,
.mobile-menu-panel .mobile-kakao-login-btn:active,
.mobile-menu-panel .mobile-kakao-login-btn:visited{
    color:#3b1e1e !important;
    text-decoration:none !important;
}

.mobile-menu-panel .mobile-naver-login-btn{
    background:#03c75a !important;
    border:1px solid #02b350 !important;
    color:#fff !important;
}

.mobile-menu-panel .mobile-naver-login-btn:hover,
.mobile-menu-panel .mobile-naver-login-btn:focus,
.mobile-menu-panel .mobile-naver-login-btn:active,
.mobile-menu-panel .mobile-naver-login-btn:visited{
    color:#fff !important;
    text-decoration:none !important;
}

.mobile-menu-panel .mobile-google-login-btn{
    background:#fff !important;
    border:1px solid #dadce0 !important;
    color:#444 !important;
}

.mobile-menu-panel .mobile-google-login-btn img{
    width:30px !important;
    height:30px !important;
    display:block !important;
}

.mobile-menu-panel .mobile-google-login-btn:hover,
.mobile-menu-panel .mobile-google-login-btn:focus,
.mobile-menu-panel .mobile-google-login-btn:active,
.mobile-menu-panel .mobile-google-login-btn:visited{
    color:#444 !important;
    text-decoration:none !important;
}


/* [2026-03-25] 모바일 로그인페이지 카카오/네이버/구글 간편로그인 버튼 */
.kakao-login-mobile-btn,
.naver-login-mobile-btn,
.google-login-mobile-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:10px;
    padding:12px 0;
    font-size:16px;
    font-weight:bold;
    border-radius:4px;
    text-align:center;
    text-decoration:none;
    box-sizing:border-box;
    line-height:1.2;
}

.kakao-login-mobile-btn{
    background:#FEE500;
    color:#191919 !important;
    border:1px solid #e2c900;
}

.kakao-login-mobile-btn:hover,
.kakao-login-mobile-btn:focus,
.kakao-login-mobile-btn:active,
.kakao-login-mobile-btn:visited{
    color:#191919 !important;
    text-decoration:none;
}

.naver-login-mobile-btn{
    background:#03C75A;
    color:#fff !important;
    border:1px solid #02b350;
}

.naver-login-mobile-btn:hover,
.naver-login-mobile-btn:focus,
.naver-login-mobile-btn:active,
.naver-login-mobile-btn:visited{
    color:#fff !important;
    text-decoration:none;
}

.google-login-mobile-btn{
    background:#fff;
    color:#444 !important;
    border:1px solid #dadce0;
}

.google-login-mobile-btn img{
    width:18px;
    height:18px;
    display:block;
}

.google-login-mobile-btn:hover,
.google-login-mobile-btn:focus,
.google-login-mobile-btn:active,
.google-login-mobile-btn:visited{
    color:#444 !important;
    text-decoration:none;
}


/* [2026-03-26] 모바일 로고텍스트 링크 색상 유지 */
.mobile-logo-text-link,
.mobile-logo-text-link:visited,
.mobile-logo-text-link:hover,
.mobile-logo-text-link:focus,
.mobile-logo-text-link:active{
    color:#2E7D32 !important;
    text-decoration:none !important;
}


/* [2026-03-29] 모바일 상단 액션 5칸 + 1:1 대화방 강조 (script child 순서 꼬임 보정) */
.mobile-actions.mobile-actions-5{
    display:flex;
    flex-wrap:nowrap;
    width:100%;
}

.mobile-actions.mobile-actions-5 > a{
    display:block !important;
    float:none !important;
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0;
    box-sizing:border-box;
    text-align:center;
    position:relative;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:11px;
    padding-left:1px;
    padding-right:1px;
    margin-right:1%;
}

.mobile-actions.mobile-actions-5 > a:last-of-type{
    margin-right:0;
}

/* script 태그가 중간에 있어도 a 기준으로 정확히 잡히게 nth-of-type 사용 */
.mobile-actions.mobile-actions-5 > a:nth-of-type(1){
    background:#2f8f3a !important;
    color:#fff !important;
}

.mobile-actions.mobile-actions-5 > a:nth-of-type(2){
    background:#2b7bd1 !important;
    color:#fff !important;
}

.mobile-actions.mobile-actions-5 > a.chat-link-mobile,
.mobile-actions.mobile-actions-5 > a:nth-of-type(3){
    background:#c9302c !important;
    color:#fff !important;
    font-weight:bold;
}

.mobile-actions.mobile-actions-5 > a:nth-of-type(4){
    background:#4f6676 !important;
    color:#fff !important;
}

.mobile-actions.mobile-actions-5 > a:nth-of-type(5){
    background:#ecd24a !important;
    color:#222 !important;
}

/* 단체문자 버튼이 다른 공통 스타일에 묻지 않도록 보정 */
.mobile-actions.mobile-actions-5 > a.btn-group-sms{
    display:block !important;
    visibility:visible !important;
}

/* 1:1 대화방 hover/focus */
.mobile-actions.mobile-actions-5 > a.chat-link-mobile:hover,
.mobile-actions.mobile-actions-5 > a.chat-link-mobile:focus{
    background:#a94442 !important;
    color:#fff !important;
    text-decoration:none;
}

.mobile-actions.mobile-actions-5 > a.chat-link-mobile .chat-link-label{
    display:inline;
    color:inherit;
    font-weight:800;
}

/* 중요: display:flex !important 제거 */
.mobile-actions.mobile-actions-5 > a.chat-link-mobile .chat-badge{
    position:absolute;
    top:1px;
    right:1px;
    display:none;
    align-items:center;
    justify-content:center;
    min-width:20px;
    width:auto;
    height:20px;
    padding:0 4px;
    border-radius:20px;
    background:#ffeb3b;
    color:#111 !important;
    font-size:12px !important;
    font-weight:900 !important;
    font-style:normal !important;
    line-height:1 !important;
    text-align:center;
    text-indent:0 !important;
    letter-spacing:0 !important;
    white-space:nowrap;
    overflow:visible;
    box-sizing:border-box;
    border:1px solid rgba(0,0,0,0.25);
    z-index:10;
}


/* [2026-03-29] 모바일 론투 1:1 대화하기 버튼 색상 - 모바일 헤더와 동일 */
.btn-mobile-chat{
    background:#c9302c !important;
    border-color:#c9302c !important;
    color:#fff !important;
    font-weight:bold;
}

.btn-mobile-chat:hover,
.btn-mobile-chat:focus{
    background:#a94442 !important;
    border-color:#a94442 !important;
    color:#fff !important;
    text-decoration:none;
}

.btn-mobile-chat{
    font-size:18px;
    line-height:1.3333333;
}


/* [2026-03-29] 모바일 헤더 5개 액션 버튼 높이 유지 + 글자만 확대 */
.mobile-actions.mobile-actions-5 > a{
    overflow:visible;
}

.mobile-actions.mobile-actions-5 > a > span:not(.chat-badge){
    display:inline-block !important;
    transform:scale(1.12);
    transform-origin:center center;
}

.mobile-actions.mobile-actions-5 > a.chat-link-mobile .chat-link-label{
    display:inline-block !important;
    transform:scale(1.12) !important;
    transform-origin:center center;
}


/* [2026-04-02] 단체문자 모달 안내문구 추가 */
.group-sms-list-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.group-sms-guide-text{
    flex:1;
    text-align:left;
    font-size:13px;
    line-height:1.5;
    color:#333;
    font-weight:600;
    word-break:keep-all;
}

.group-sms-guide-point{color:#0d6efd;font-weight:700;}