/**
 * 광고·제휴 문의 (ad-partnership)
 * breadcrumb.web — list-rental-new / rental-shared 와 동일 시안
 */

/* ── breadcrumb (web) ── */
.ad-partnership-page .breadcrumb.web { width: 100%; display: flex; flex-direction: row; align-items: center; } 
.ad-partnership-page .breadcrumb .wraper { display: flex; flex-direction: row; justify-content: flex-start; gap: 4px; align-items: center; } 
.ad-partnership-page .breadcrumb .wraper a { display: flex; flex-direction: row; align-items: center; text-decoration: none; } 
.ad-partnership-page .breadcrumb span { font-size: 14px; letter-spacing: -0.75px; color: #888888; font-weight: 400; } 
.ad-partnership-page .breadcrumb a span { color: #888888; font-weight: 400; } 
.ad-partnership-page .breadcrumb .is-active { color: #111; font-weight: 700; } 
.ad-partnership-page .breadcrumb i { color: #CBD5E0; font-size: 12px; } 

/* ── 페이지 타이틀 ── */
.ad-partnership-page .adp-hero { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding: 50px 0; background-color: #F1FAF7; border-bottom: 1px solid #E4F1EA; } 
.ad-partnership-page .adp-hero > .wraper { gap: 20px; } 
.ad-partnership-page .adp-title { font-size: 32px; font-weight: 700; color: #222; letter-spacing: -0.75px; line-height: 1.2; } 
.ad-partnership-page .adp-desc { font-size: 15px; color: #5B6B63; line-height: 1.6; letter-spacing: -0.5px; margin: 0; width: 100%; word-break: keep-all; } 


.adp-form-wrap { width: 100%; display: flex; flex-direction: column; padding: 50px 0; background-color: #F8F9FA; } 
.adp-form-wrap .wraper { max-width: 900px; } 
.adp-form { width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; } 
.adp-form-panel { width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 30px; } 
.adp-required-note { font-size: 13px; letter-spacing: -0.75px; color: #888888; } 
.adp-required-note .req { color: #FF3B30; } 


.adp-card { width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding: 30px; border: 1px solid #eee; border-radius: 14px; background-color: #fff; } 

.adp-card__head { width: 100%; display: flex; align-items: center; gap: 8px; } 
.adp-card__num { width: 24px; height: 24px; border-radius: 50%; background: #23B16C; color: #fff; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; } 
.adp-card__title { margin: 0; font-size: 18px; font-weight: 700; color: #23B16C; /* 시안: 제목도 초록 */ letter-spacing: -0.75px; } 
.adp-card__body { width: 100%; display: flex; flex-direction: column; gap: 20px; } 

/* 그리드: 기본 2열 */
.adp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 16px; /* row / column — Figma에 맞춤 */ } 
.adp-field { display: flex; flex-direction: column; gap: 8px; } 
.adp-field--full { grid-column: 1 / -1; /* 직책/부서 full */ } 
.adp-label { font-size: 13px; font-weight: 500; color: #444; letter-spacing: -0.75px; } 
.adp-label .req { color: #FF3B30; } 
.adp-label .opt { color: #999; font-size: 13px; font-weight: 400; margin-left: 4px; } 
.adp-input { width: 100%; height: 40px; padding: 0 10px; border: 1px solid #ddd; border-radius: 8px; font-size: 14px; color: #333; background: #fff; } 
.adp-input::placeholder { color: #757575; } 
.adp-input:focus { outline: none; border-color: #23B16C; } 



/* 칩 */
.adp-chips { display: flex; flex-wrap: wrap; gap: 8px; } 
.adp-chip input { position: absolute; opacity: 0; pointer-events: none; } 
.adp-chip span { display: inline-flex; align-items: center; height: 35px; padding: 0 14px; border: 1px solid #ddd; border-radius: 50px; font-size: 14px; color: #666; background: #fff; cursor: pointer; transition: all 0.3s; } 

.adp-chip input:checked + span { border-color: #23B16C; color: #23B16C; background: #F1FAF7; font-weight: 600; } 

/* textarea + 글자수 */
.adp-textarea-wrap { width: 100%; border: 1px solid #ddd; border-radius: 8px; background: #fff; } 
.adp-textarea-wrap:focus-within { border-color: #23B16C; } 
.adp-textarea { width: 100%; min-height: 100px; padding: 14px; border: 0; border-radius: 8px; resize: none; font-size: 14px; line-height: 1.5; outline: none; } 

.adp-textarea--lg { min-height: 160px; } 
/* 박스 밖 · 아래 · 오른쪽 */
.adp-field .adp-char-count { margin-top: 6px; text-align: right; font-size: 12px; color: #B5B5B6; letter-spacing: -0.5px; line-height: 1; padding: 0; /* wrap 안용 padding 제거 */}
.adp-field .adp-char-count span { font-size: 12px; color: #B5B5B6; } 
/* 커스텀 select (드롭다운) */
.ad-partnership-page .adp-select { position:relative; width:100%; height:auto; } 
.ad-partnership-page .adp-select .select-trigger { width:100%; height:48px; padding:0 14px; background:#fff; border:1px solid #ddd; border-radius:8px; display:flex; align-items:center; justify-content:space-between; cursor:pointer; font-size:14px; color:#bbb; } 
.ad-partnership-page .adp-select .select-text { font-size:14px; color:#757575; } 
.ad-partnership-page .adp-select.has-value .select-trigger,
.ad-partnership-page .adp-select.has-value .select-text { color:#222; } 
.ad-partnership-page .adp-select .select-trigger i { font-size:12px; color:#999; transition:transform .3s; } 
.ad-partnership-page .adp-select.active .select-trigger { border-color:#23B16C; } 
.ad-partnership-page .adp-select.active .select-trigger i { transform:rotate(180deg); color:#23B16C; } 
.ad-partnership-page .adp-select .select-options { display:none; position:absolute; top:calc(100% + 4px); bottom:auto; left:0; right:0; background:#fff; border:1px solid #ddd; border-radius:8px; box-shadow:0 4px 12px rgba(0,0,0,.08); max-height:240px; overflow-y:auto; overflow-x:hidden; z-index:30; } 
.ad-partnership-page .adp-select.active .select-options { display:block; } 
.ad-partnership-page .adp-select.open-up .select-options { top:auto; bottom:calc(100% + 4px); } 
.ad-partnership-page .adp-select .select-option { padding:12px 14px; font-size:14px; color:#666; cursor:pointer; } 
.ad-partnership-page .adp-select .select-option:hover { background:#F1FAF7; } 
.ad-partnership-page .adp-select .select-option.selected { color:#23B16C; font-weight:600; background:#F1FAF7; } 


/* 파일 첨부 — 단일 ap_file (시안) / 추후 다중 확장 가능 */
.adp-upload{position:relative;width:100%;}
.adp-upload__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.adp-upload__drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:160px;padding:24px 16px;border:1.5px dashed #C8CDCB;border-radius:10px;background:#FAFBFB;cursor:pointer;text-align:center;transition:border-color .2s,background .2s;}
.adp-upload.is-dragover .adp-upload__drop{border-color:#23B16C;background:#F1FAF7;}
.adp-upload__icon{display:block;width:26px;height:26px;background:url("../../images/icon/up-load-icon.svg") 50% 50%/contain no-repeat;}
.adp-upload__text{margin:0;font-size:14px;color:#666;letter-spacing:-.5px;line-height:1.4;}
.adp-upload__text span{font-size: 13px;letter-spacing: -0.75px; color: #8B918E;}
.adp-upload__text-mo{display:none;}
.adp-upload__list{width:100%;margin-top:10px;}
.adp-upload__item{display:flex;align-items:center;gap:10px;margin:0;padding:12px 14px;border:1.5px solid #eee;border-radius:8px;background:#FAFAFA;}
.adp-upload__name{flex:1;min-width:0;font-size:13px;color:#333;letter-spacing:-.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.adp-upload__meta{flex-shrink:0;font-size:12px;color:#999;}
.adp-upload__delete{flex-shrink:0;border:0;background:none;color:#888;font-size:13px;text-decoration:underline;cursor:pointer;display: flex;  flex-direction: row; gap: 6px; align-items: center;}
.adp-upload__hint{font-size:12px;color:#999;letter-spacing:-.5px;}
.adp-upload__error{font-size:12px;color:#FF3B30;letter-spacing:-.5px;}
.adp-upload-info{display: flex; flex-direction: row;  align-items: center;  gap: 6px;}
.adp-upload__meta + .adp-upload__delete::before{content: '';display: block;width: 1px;height: 10px;background-color: #999;}

/* 개인정보 동의 — 프로젝트 공통 checkbox (input + label 형제) */
.adp-agree{width:100%;padding:16px;border-radius:10px;background:#F8F8F8;}
.adp-agree__check.inp{width: 100%;display:flex;align-items:flex-start;}
.adp-agree__check input[type=checkbox] + label{width: 100%; align-items:flex-start;gap:8px;font-size:14px;color:#333;letter-spacing:-.5px;line-height:1.4;}
.adp-agree__check input[type=checkbox] + label::before{width:18px;min-width: 18px; height:18px;flex-shrink:0;margin-top:1px;}
.adp-agree__check input[type=checkbox] + label .text .req{color:#FF3B30;}
.adp-agree__toggle-wrap{display: flex;flex-direction: column;width: 100%;gap: 10px;padding: 16px 24px;}
.adp-agree__toggle{display:inline-flex;align-items:center;gap:4px;border:0;background:none;color:#23B16C;font-size:13px;letter-spacing:-.75px;cursor:pointer;padding:0;}
.adp-agree__toggle::before{content:'▼';font-size:10px;}
.adp-agree__toggle[aria-expanded="true"]::before{content:'▲';}
.adp-agree__detail p{font-size:12px;color:#888;line-height:1.6;letter-spacing:-.5px;}

.adp-agree__check input[type=checkbox]+label > .text{display: flex;  flex-direction: row;  align-items: center;  justify-content: flex-start;  gap: 4px;font-size: 14px; line-height: 1; letter-spacing: -0.75px;}


/* footer 색상 변경 */
.ad-partnership-footer { background: #1C2A23; } 
.ad-partnership-footer .service-support { background: #1C2A23; border-bottom: 1px solid #EEEEEE30; } 
.ad-partnership-footer .service-support .family_link .link>a span { color: #fff; } 
.ad-partnership-footer .footer-corp-wrap .corp-row .corp-info .tit { color: #fff; } 
.ad-partnership-footer .footer-corp-wrap .corp-row .corp-info .inn p { color: #fff; } 
.ad-partnership-footer .corp-cs-wrap .corp-cs .info .inf .num,
.ad-partnership-footer .corp-cs-wrap .corp-cs .info .inf .tim { color: #fff; } 
.ad-partnership-footer .corp-cs-wrap .corp-cs .info .text li { color: #fff; } 
.ad-partnership-footer .footer-corp-wrap .corp-row .corp-info .footer-copy p{color: #fff;}


/* 버튼 */
.adp-actions { width: 100%; display: flex; justify-content: center; gap: 12px;padding: 20px 0;}
.adp-btn {display: flex;flex-direction: row;align-items: center;  height: 48px;  padding: 0 50px;  border-radius: 50px;  font-size: 16px;  font-weight: 600;  letter-spacing: -0.75px;  cursor: pointer;}
.adp-btn:hover{box-shadow: 2px 2px 10px #55555525; }
.adp-btn--cancel { background: #fff; border: 1px solid #ddd;  color: #666;}
.adp-btn--submit {  background: #23B16C;  border: 1px solid #23B16C;  color: #fff;}

@media (max-width: 1100px){
 .ad-partnership-page .breadcrumb .wraper { padding-inline: 16px; } 
 .ad-partnership-page .adp-hero .wraper { padding-inline: 16px; } 
 }

@media only screen and (max-width: 1080px) {
  .ad-partnership-footer .v-line { width: 100%; height: 1px;   background-color: #EEEEEE30;}
}

@media (max-width: 768px){
 .ad-partnership-page .breadcrumb.web { display: none; } 
 .ad-partnership-page .adp-hero { padding: 24px 0 32px; } 
 .ad-partnership-page .adp-hero .wraper { padding-inline: 16px; } 
 .ad-partnership-page .adp-title { font-size: 22px; } 
 .ad-partnership-page .adp-desc { font-size: 14px; } 

 .adp-grid { grid-template-columns: 1fr; } 

 .adp-chips { gap: 6px; } 
 .adp-chip span { height: 36px; font-size: 13px;} 

 .adp-upload__drop{min-height:120px;padding:20px 14px;gap:10px;}
 .adp-upload__text-pc{display:none;}
 .adp-upload__text-mo{display:inline;}
 .adp-upload__item{flex-wrap:wrap;}
 .adp-upload__delete{margin-left:auto;}
 .adp-agree__toggle,.adp-agree__detail{margin-left:0;}
 }