.wpcf7-form{padding-top:40px; padding-bottom:120px}
.write-cont .visual{min-height:360px; padding-top:60px; padding-bottom:60px; display:flex; align-items:center; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative}
.write-cont .visual::before{content:''; position:absolute; width:100%; height:100%; inset:0; background-color:rgba(0,0,0,0.7)}
.write-cont .visual .text-wrap > *:not(:first-child){margin-top:8px}
.write-cont .visual .text-wrap{z-index:1}
.write-cont .visual .sub-title{font-size:15px; font-weight:500; color:var(--smt-brand-a)}
.write-cont .visual .title{font-size:24px; font-weight:500; color:var(--white)}
.write-cont .visual .desc{font-size:16px; color:var(--white-60); line-height:1.6}

@media(min-width:1070px){
  .write-cont .visual{min-height:520px; padding-top:120px; padding-bottom:120px}
  .write-cont .visual .text-wrap > *:not(:first-child){margin-top:16px}
  .write-cont .visual .title{font-size:32px}
}

.write-cont.story .visual{background-image:url('../images/ui/write_story_bg.jpg')}
.write-cont.review .visual{background-image:url('../images/ui/write_review_bg.jpg')}
.write-cont.episode .visual{background-image:url('../images/ui/write_episode_bg.jpg')}


@media (min-width:1070px) and (-webkit-min-device-pixel-ratio:1.5), (min-width:1070px) and (min-resolution:144dpi){
  .write-cont.story .visual{background-image:url('../images/ui/write_story_bg@2x.jpg')}
  .write-cont.review .visual{background-image:url('../images/ui/write_review_bg@2x.jpg')}
  .write-cont.episode .episvisualode{background-image:url('../images/ui/write_episode_bg@2x.jpg')}
}

.write-wrap{display:flex; flex-direction:column; gap:24px}
.write-wrap .row{row-gap:24px}
.write-wrap .form-label{font-size:15px; font-weight:500; color:var(--st)}
.write-wrap .form-label span{margin-left:2px; color:var(--smt-brand-a)}
.write-wrap .form-input{width:100%; height:48px; padding:8px 16px; font-size:15px; line-height:20px; background-color:var(--white); box-shadow:inset 0 0 0 1px rgba(0, 0, 0, .1); overflow:hidden; transition:box-shadow .3s ease}
.write-wrap .form-input.file-input{height:auto; padding:16px}
.write-wrap .form-input.area{min-width:100%; max-width:100%; min-height:200px; padding:16px}
.write-wrap .tip{margin-top:8px; font-size:14px; color:var(--smt-text-desc)}
.write-wrap .area::placeholder{color:var(--smt-text-sub)}
.write-wrap .form-input:focus,
.write-wrap .form-input:focus-visible,
.write-wrap .area:focus,
.write-wrap .area:focus-visible{box-shadow:inset 0 0 0 1.5px var(--smt-brand-a)}
.write-wrap .file-input::file-selector-button{margin-right:12px; padding:10px 18px; border:none; background-color:var(--smt-brand-a); color:var(--white); font-size:13px; font-weight:500; cursor:pointer; transition:background .2s ease, border-color .2s ease}
.write-wrap .file-input::file-selector-button:hover{background:#8c6529}
.wpcf7-not-valid-tip{margin-top:8px; font-size:14px}

.write-cont .write-wrap .btns{margin-top:40px; display:flex; justify-content:center; gap:8px; flex-wrap:wrap}
.write-cont .write-wrap .btns .btn-back{background-color:#F5F1ED; color:var(--smt-text-body)}

.wpcf7-spinner{display:none!important} /* Contact Form 7가 전송 중일 때 자동으로 넣는 로더 없애기 */
.wpcf7 form .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output
.wpcf7-response-output{display:flex; margin:0; margin-top:40px; padding:0; border:none; color:#dc3232; justify-content:center}

/* 개인 정보 수집 동의 */
.wpcf7-list-item{margin:0}
.wpcf7-list-item-label{line-height:24px}
.form-item.agree-item{margin:0; display:flex; align-items:center; gap:8px; font-size:15px; line-height:1.5}
/* 체크박스 초기화 */
.form-item.agree-item input[type="checkbox"]{margin:0; width:20px; height:20px; box-shadow:inset 0 0 0 1px rgba(0, 0, 0, .15); border-radius:2px; position:relative; cursor:pointer; transition:all .3s ease}
/* 체크 아이콘 */
.form-item.agree-item input[type="checkbox"]::after{content:''; position:absolute; margin:auto; top:5px; left:4px; width:12px; height:6px; border:2px solid var(--white);  border-top:none; border-right:none; transform:rotate(-45deg); transition:opacity .3s ease; opacity:0}
/* 체크 선택 시 스타일 */
.form-item.agree-item input[type="checkbox"]:checked{background-color:var(--smt-brand-d); box-shadow:none}
.form-item.agree-item input[type="checkbox"]:checked::after{opacity:1}
.form-item.agree-item label{display:flex; gap:6px; align-items:center; cursor:pointer; font-size:15px}