@charset "utf-8";

/* ============================================================
   울산광역시 열린시장실 — board_write.css (게시판 작성/수정 폼)
   · gallery.html / gallery_view.html(board.css)과 같은 재질·색·라운드를 사용한다.
   · JSP 스킨이 생성하는 클래스명(tbl_bd_view / bd_input / bd_select /
     bd_txtarea / bd_btnbox / bd_btn …)을 그대로 스타일링하므로 PG 수정이 없다.
   · 1차 : PC(1024px 이상) 기준
   ============================================================ */

/* ── 작성 페이지 헤더 ────────────────────────────────── */
.write_head{padding-bottom:2.6rem; border-bottom:1px solid #dfe5ee;}
.write_head .w_tit{font-size:3.2rem; font-weight:800; letter-spacing:-.1rem; line-height:1.35; color:var(--ink);}
.write_head .w_desc{display:flex; align-items:center; gap:1.4rem; margin-top:1.4rem; font-size:1.6rem; font-weight:500; letter-spacing:-.03rem; color:#8a93a0;}
.write_head .w_req{display:inline-flex; align-items:center; gap:.6rem; font-size:1.5rem; font-weight:600; color:#5c6472;}
.write_head .w_req i{display:inline-block; width:.6rem; height:.6rem; border-radius:50%; background:#d0342c;}

/* ── 작성 폼 테이블 ─────────────────────────────────── */
.content_box{position:relative;}
.tbl_bd_view{width:100%; margin-top:3.2rem; border-collapse:separate; border-spacing:0;
	background:#fff; border:1px solid #c9d2df; border-radius:1.4rem; overflow:hidden;
	box-shadow:0 2.4rem 5rem -3.4rem rgba(20,40,80,.35);}
.tbl_bd_view caption{position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap;}
.tbl_bd_view th,
.tbl_bd_view td{padding:1.8rem 2.4rem; border-top:1px solid #e7ebf1; vertical-align:middle; text-align:left;}
.tbl_bd_view tbody tr:first-child th,
.tbl_bd_view tbody tr:first-child td{border-top:0;}
.tbl_bd_view th{width:20rem; background:#f5f7fb; border-right:1px solid #e7ebf1;
	font-size:1.6rem; font-weight:700; letter-spacing:-.04rem; color:#3a4252;}
.tbl_bd_view th.reqBg label::after,
.tbl_bd_view th .req::after{content:"*"; margin-left:.5rem; color:#d0342c; font-size:1.7rem; line-height:1;}
.tbl_bd_view td{font-size:1.6rem; color:#39414e;}
.tbl_bd_view td.full{padding:2.4rem;}

/* ── 입력요소 공통 ──────────────────────────────────── */
.bd_input.bdi_text,
.bd_select,
.bd_txtarea{width:100%; box-sizing:border-box; font-family:inherit; font-size:1.6rem; font-weight:500;
	letter-spacing:-.03rem; color:var(--ink); background:#fff; border:0; border-radius:1rem;
	box-shadow:inset 0 0 0 1px rgba(20,40,80,.14); outline:none;
	transition:box-shadow .2s, background-color .2s;}
.bd_input.bdi_text,
.bd_select{height:5rem; padding:0 1.6rem;}
.bd_txtarea{min-height:12rem; padding:1.4rem 1.6rem; line-height:1.7; resize:vertical;}
.bd_input.bdi_text::placeholder,
.bd_txtarea::placeholder{color:#a6aeba; font-weight:500;}
.bd_input.bdi_text:focus,
.bd_select:focus,
.bd_txtarea:focus{box-shadow:inset 0 0 0 1.6px rgba(50,120,205,.65), 0 1.2rem 2.8rem -1.8rem rgba(26,95,180,.5);}
.bd_input.bdi_text[readonly]{background:#f3f5f9; color:#5c6472; box-shadow:inset 0 0 0 1px rgba(20,40,80,.09);}
.bd_input.bdi_text[readonly]:focus{box-shadow:inset 0 0 0 1px rgba(20,40,80,.09);}
.bd_select{appearance:none; padding-right:4rem; font-weight:600;
	background-image:linear-gradient(45deg,transparent 50%,#8a93a0 50%),linear-gradient(135deg,#8a93a0 50%,transparent 50%);
	background-position:calc(100% - 2.05rem) 2.25rem, calc(100% - 1.5rem) 2.25rem;
	background-size:.55rem .55rem,.55rem .55rem; background-repeat:no-repeat;}
.tbl_bd_view td .w_half{max-width:44rem;}
.tbl_bd_view td .w_third{max-width:28rem;}

/* 가로 나열(기간, 캡차 등) */
.tbl_bd_view td.form-inline{display:table-cell;}
.fld_row{display:flex; align-items:center; gap:1rem; flex-wrap:wrap;}
.fld_row .tilde{color:#a6aeba; font-size:1.6rem;}
.fld_row .bd_input.bdi_text{width:16rem;}
.fld_row.chk_row{gap:2.4rem;}
.fld_help{margin-top:1rem; font-size:1.55rem; font-weight:500; letter-spacing:-.02rem; color:#9099a6;}

/* 체크박스 / 라디오 */
.tbl_bd_view label.chk{display:inline-flex; align-items:center; gap:1rem; min-height:2.8rem; cursor:pointer;
	font-size:1.6rem; font-weight:500; letter-spacing:-.03rem; color:#4b5462;}
.bd_input.bdi_ckbox,
.tbl_bd_view input[type="radio"]{appearance:none; flex-shrink:0; width:2.2rem; height:2.2rem; margin:0; cursor:pointer;
	background:#fff; border-radius:.7rem; box-shadow:inset 0 0 0 1.4px rgba(20,40,80,.2);
	transition:background-color .18s, box-shadow .18s;}
.tbl_bd_view input[type="radio"]{border-radius:50%;}
.bd_input.bdi_ckbox:checked,
.tbl_bd_view input[type="radio"]:checked{background:linear-gradient(180deg,rgba(50,120,205,.98),rgba(22,78,151,.98));
	box-shadow:inset 0 1px 0 rgba(255,255,255,.3), 0 .6rem 1.4rem -.8rem rgba(26,95,180,.8);}
/* 체크 표시는 SVG 마스크로 — 회전 보더 방식의 어긋난 각도/위치를 없앤다 */
.bd_input.bdi_ckbox:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.6l4.6 4.6L19 7.6'/%3E%3C/svg%3E");
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.6l4.6 4.6L19 7.6'/%3E%3C/svg%3E"), linear-gradient(180deg,rgba(50,120,205,.98),rgba(22,78,151,.98));
	background-repeat:no-repeat, no-repeat; background-position:center, center; background-size:1.5rem 1.5rem, cover;}
.tbl_bd_view input[type="radio"]:checked{background-image:radial-gradient(circle at 50% 50%,#fff 0 .38rem,transparent .39rem), linear-gradient(180deg,rgba(50,120,205,.98),rgba(22,78,151,.98));}
.bd_input.bdi_ckbox:focus-visible,
.tbl_bd_view input[type="radio"]:focus-visible{box-shadow:inset 0 0 0 1.6px rgba(50,120,205,.9), 0 0 0 .4rem rgba(50,120,205,.18);}

/* ── 첨부파일 영역 ──────────────────────────────────── */
.fa_zone{display:flex; flex-direction:column; gap:1.4rem;}
.fa_drop{display:flex; align-items:center; gap:1.8rem; padding:2rem 2.2rem; border-radius:1.2rem;
	background:rgba(26,95,180,.035); box-shadow:inset 0 0 0 1.4px rgba(26,95,180,.16);}
.fa_drop .fa_txt{display:flex; flex-direction:column; gap:.5rem; min-width:0;}
.fa_drop .fa_txt strong{font-size:1.6rem; font-weight:700; letter-spacing:-.04rem; color:#3a4252;}
.fa_drop .fa_txt span{font-size:1.55rem; font-weight:500; color:#9099a6;}
.fa_btn{flex-shrink:0; display:inline-flex; align-items:center; gap:.8rem; height:4.8rem; padding:0 2rem; margin-left:auto;
	border:0; border-radius:1.1rem; background:#fff; cursor:pointer;
	box-shadow:inset 0 0 0 1.4px rgba(26,95,180,.28), 0 1rem 2.2rem -1.6rem rgba(20,40,80,.5);
	font-family:inherit; font-size:1.6rem; font-weight:700; letter-spacing:-.03rem; color:var(--point);
	transition:background-color .2s, transform .2s;}
.fa_btn svg{width:1.8rem; height:1.8rem; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.fa_btn:hover{background:rgba(26,95,180,.07); transform:translateY(-.2rem);}
.fa_list{display:flex; flex-direction:column; gap:.6rem;}
.fa_list li{display:flex; align-items:center; gap:1rem; height:4.6rem; padding:0 .9rem 0 1.4rem; border-radius:.9rem;
	background:rgba(26,95,180,.05);}
.fa_list .ico{flex-shrink:0; font-size:1.5rem; font-weight:800; letter-spacing:.03rem; color:var(--point); text-transform:uppercase; opacity:.75;}
.fa_list .name{overflow:hidden; min-width:0; flex:1 1 auto; font-size:1.6rem; font-weight:600; letter-spacing:-.03rem;
	color:#39414e; white-space:nowrap; text-overflow:ellipsis;}
.fa_list .size{flex-shrink:0; font-size:1.5rem; font-weight:500; color:#a6aeba; font-variant-numeric:tabular-nums;}
.fa_del{flex-shrink:0; display:flex; align-items:center; justify-content:center; width:2.8rem; height:2.8rem; padding:0; border:0;
	border-radius:50%; line-height:0; background:#fff; cursor:pointer; color:#7a8492;
	box-shadow:inset 0 0 0 1.2px rgba(20,40,80,.14), 0 .4rem 1rem -.6rem rgba(20,40,80,.45);
	transition:background-color .2s, color .2s, box-shadow .2s, transform .18s;}
.fa_del svg{display:block; width:1.2rem; height:1.2rem; fill:none; stroke:currentColor; stroke-width:2.1; stroke-linecap:round;}
.fa_del:hover{background:#fff; color:#d0342c; box-shadow:inset 0 0 0 1.4px rgba(208,52,44,.45), 0 .6rem 1.4rem -.6rem rgba(208,52,44,.5); transform:translateY(-.1rem);}
.fa_del:active{transform:translateY(0) scale(.94);}
.fa_del:focus-visible{box-shadow:inset 0 0 0 1.4px rgba(50,120,205,.9), 0 0 0 .4rem rgba(50,120,205,.18);}

/* ── 에디터(스마트에디터 2.9) 영역 ──────────────────── */
.bd_editor{border-radius:1.2rem; box-shadow:inset 0 0 0 1.4px rgba(20,40,80,.14); overflow:hidden; background:#fff;}
.bd_editor .ed_bar{display:flex; align-items:center; gap:1rem; padding:1.2rem 1.6rem; border-bottom:1px solid #e7ebf1; background:#f5f7fb;}
.bd_editor .ed_bar .lb{font-size:1.6rem; font-weight:700; letter-spacing:-.02rem; color:#5c6472;}
.bd_editor .ed_bar .hint{margin-left:auto; font-size:1.55rem; font-weight:500; color:#9099a6;}
.bd_editor textarea{display:block; width:100%; box-sizing:border-box; min-height:38rem; padding:2rem 2.2rem;
	border:0; background:#fff; outline:none; resize:vertical;
	font-family:inherit; font-size:1.7rem; line-height:1.85; letter-spacing:-.03rem; color:#39414e;}
.bd_editor textarea::placeholder{color:#a6aeba;}
.bd_editor:focus-within{box-shadow:inset 0 0 0 1.6px rgba(50,120,205,.65);}

/* ── 자동등록방지 ───────────────────────────────────── */
.captcha_box{display:flex; align-items:center; gap:1.2rem; flex-wrap:wrap;}
.captcha_box img{height:5rem; border-radius:.8rem; background:#f3f5f9; box-shadow:inset 0 0 0 1px rgba(20,40,80,.12);}
.captcha_box .bd_input.bdi_text{width:20rem;}
.captcha_box .cap_ph{display:grid; place-items:center; width:17rem; height:5rem; border-radius:.8rem; background:repeating-linear-gradient(135deg,#eef1f6 0 .6rem,#e4e9f1 .6rem 1.2rem); box-shadow:inset 0 0 0 1px rgba(20,40,80,.12); font-family:ui-monospace,"SFMono-Regular",Menlo,monospace; font-size:1.5rem; color:#8a93a0; letter-spacing:.06rem;}
.captcha_box button.default{display:inline-flex; align-items:center; gap:.7rem; height:5rem; padding:0 1.8rem; border:0; border-radius:1.1rem; cursor:pointer;
	background:#fff; box-shadow:inset 0 0 0 1.4px rgba(20,40,80,.14);
	font-family:inherit; font-size:1.6rem; font-weight:700; letter-spacing:-.03rem; color:#5c6472;
	transition:background-color .2s, color .2s, box-shadow .2s, transform .2s;}
.captcha_box button.default svg{width:1.9rem; height:1.9rem; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.captcha_box button.default:hover{transform:translateY(-.2rem);}
/* 새로고침 : 포인트 톤 솔리드 버튼 — 입력창(흰 배경·인셋 라인)과 명확히 분리 */
.captcha_box button.btn_refresh{background:linear-gradient(180deg,#eaf2fd,#dbe8fa); color:var(--point_dk);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1.4px rgba(26,95,180,.34), 0 .8rem 1.8rem -1rem rgba(26,95,180,.55);}
.captcha_box button.btn_refresh:hover{background:linear-gradient(180deg,#e2edfc,#cfe0f8);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1.6px rgba(26,95,180,.5), 0 1.2rem 2.2rem -1rem rgba(26,95,180,.6);}
/* 오디오 재생 : 중립 톤 솔리드 버튼 · 대체수단 */
.captcha_box button.btn_audio{background:linear-gradient(180deg,#fbfcfe,#eef1f7); color:#3a4252;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1.4px rgba(20,40,80,.2), 0 .8rem 1.8rem -1rem rgba(20,40,80,.5);}
.captcha_box button.btn_audio:hover{background:linear-gradient(180deg,#f6f8fc,#e6eaf2);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1.6px rgba(20,40,80,.3), 0 1.2rem 2.2rem -1rem rgba(20,40,80,.55);}
.captcha_box button.default:active{transform:translateY(0) scale(.985);}
.captcha_box button.default:focus-visible{box-shadow:inset 0 0 0 1.6px rgba(50,120,205,.9), 0 0 0 .4rem rgba(50,120,205,.18);}

/* ── 저장 / 취소 ────────────────────────────────────── */
.bd_btnbox{display:flex; align-items:center; justify-content:center; gap:1.4rem; margin-top:5rem;}
.bd_btnbox.m_t_20{margin-top:5rem;}
.bd_btnbox .bd_btn{display:inline-flex; align-items:center; justify-content:center; min-width:17rem; height:6.2rem; padding:0 4.4rem;
	border:0; border-radius:1.5rem; cursor:pointer; background:#fff;
	box-shadow:inset 0 0 0 1.4px rgba(20,40,80,.16), 0 1.2rem 2.6rem -2rem rgba(20,40,80,.5);
	font-family:inherit; font-size:1.8rem; font-weight:700; letter-spacing:-.03rem; color:#4b5462;
	transition:transform .22s, box-shadow .22s, background-color .22s;}
.bd_btnbox .bd_btn.btn_config{min-width:20rem;}
.bd_btnbox .bd_btn:hover{transform:translateY(-.2rem); background:#f7f9fc;}
.bd_btnbox .bd_btn.btn_config{background:linear-gradient(180deg,rgba(50,120,205,.98),rgba(22,78,151,.98)); color:#fff;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.3), 0 1.6rem 3rem -1.4rem rgba(26,95,180,.7);}
.bd_btnbox .bd_btn.btn_config:hover{background:linear-gradient(180deg,rgba(58,130,215,1),rgba(24,84,161,1));
	box-shadow:inset 0 1px 0 rgba(255,255,255,.3), 0 2rem 3.6rem -1.4rem rgba(26,95,180,.75);}

/* ── 반응형 : 1440 / 1280 / 1024 / 768 / 600 / 480 / 380 ──
   웹접근성 원칙 : 글자 크기는 줄이지 않고 열/여백을 먼저 줄인다.
   768px 이하는 th/td 2열 테이블을 "라벨 위 · 입력 아래" 블록형으로 재구성한다. */
@media (max-width:1440px){
	.write_head .w_tit{font-size:3rem;}
	.tbl_bd_view th{width:18rem;}
}
@media (max-width:1280px){
	.write_head .w_tit{font-size:2.9rem;}
	.tbl_bd_view{margin-top:2.8rem;}
	.tbl_bd_view th{width:16rem;}
	.tbl_bd_view th, .tbl_bd_view td{padding:1.7rem 2rem;}
	.tbl_bd_view td.full{padding:2rem;}
	.bd_editor textarea{min-height:34rem;}
	.bd_btnbox, .bd_btnbox.m_t_20{margin-top:4.6rem;}
	.bd_btnbox .bd_btn{min-width:16rem; height:6rem; padding:0 4rem;}
	.bd_btnbox .bd_btn.btn_config{min-width:19rem;}
}
@media (max-width:1024px){
	.write_head{padding-bottom:2.2rem;}
	.write_head .w_tit{font-size:2.7rem;}
	.write_head .w_desc{flex-direction:column; align-items:flex-start; gap:.8rem;}
	.tbl_bd_view th{width:14rem;}
	.tbl_bd_view th, .tbl_bd_view td{padding:1.6rem 1.8rem;}
	.tbl_bd_view td.full{padding:1.8rem;}
	.tbl_bd_view td .w_half,
	.tbl_bd_view td .w_third{max-width:none;}
	.bd_editor textarea{min-height:30rem;}
	/* 보안문자 : 이미지+입력 1행 · 버튼 2개 1행(줄바꿈 방지) */
	.captcha_box{display:grid; grid-template-columns:17rem 1fr; gap:1rem;}
	.captcha_box .cap_ph{width:100%;}
	.captcha_box .bd_input.bdi_text{width:100%;}
	.captcha_box button.default{justify-content:center;}
	.bd_btnbox, .bd_btnbox.m_t_20{margin-top:4.2rem;}
	.bd_btnbox .bd_btn{min-width:15rem; height:5.8rem; padding:0 3.4rem; font-size:1.75rem;}
	.bd_btnbox .bd_btn.btn_config{min-width:18rem;}
}
@media (max-width:768px){
	.write_head .w_tit{font-size:2.5rem; letter-spacing:-.07rem; line-height:1.42;}
	.write_head .w_desc{margin-top:1.2rem; font-size:1.55rem;}

	/* 블록형 재구성 */
	.tbl_bd_view{margin-top:2.4rem; border-radius:1.2rem; box-shadow:0 1.8rem 4rem -3rem rgba(20,40,80,.35);}
	.tbl_bd_view colgroup{display:none;}
	.tbl_bd_view tbody,
	.tbl_bd_view tr,
	.tbl_bd_view th,
	.tbl_bd_view td{display:block; width:auto;}
	.tbl_bd_view tr{padding:1.8rem; border-top:1px solid #e7ebf1;}
	.tbl_bd_view tbody tr:first-child{border-top:0;}
	.tbl_bd_view th{padding:0 0 1rem; background:transparent; border:0; border-right:0;
		font-size:1.6rem; color:#3a4252;}
	.tbl_bd_view td{padding:0; border:0; font-size:1.6rem;}
	.tbl_bd_view td.full{padding:0;}

	/* 입력요소 : 터치 타깃 확보 */
	.bd_input.bdi_text,
	.bd_select{height:5.2rem; padding:0 1.5rem; border-radius:1.1rem;}
	.bd_select{background-position:calc(100% - 2.05rem) 2.35rem, calc(100% - 1.5rem) 2.35rem;}
	.fld_row .bd_input.bdi_text{flex:1 1 0; width:auto; min-width:0;}
	.fld_help{font-size:1.6rem;}

	/* 첨부 : 문구 위 · 버튼 아래 전폭 */
	.fa_drop{flex-direction:column; align-items:stretch; gap:1.4rem; padding:1.8rem;}
	.fa_btn{width:100%; justify-content:center; height:5rem; margin-left:0;}
	.fa_list li{height:auto; min-height:5.4rem; padding:1.1rem .6rem 1.1rem 1.4rem; flex-wrap:wrap;}
	.fa_list .name{flex:1 1 100%; order:2; white-space:normal; word-break:break-all; line-height:1.45;}
	.fa_list .ico{order:1;}
	.fa_list .size{order:1; margin-left:auto;}
	/* 삭제 버튼 : 보이는 크기는 그대로, 눌리는 영역만 44px로 넓힌다 */
	.fa_del{order:1; position:relative; width:3.6rem; height:3.6rem;}
	.fa_del::before{content:""; position:absolute; top:50%; left:50%; width:4.4rem; height:4.4rem; transform:translate(-50%,-50%);}
	.fa_del svg{width:1.6rem; height:1.6rem;}
	.fa_list li{padding-right:.8rem;}

	/* 에디터 */
	.bd_editor{border-radius:1.1rem;}
	.bd_editor .ed_bar{flex-direction:column; align-items:flex-start; gap:.4rem; padding:1.1rem 1.4rem;}
	.bd_editor .ed_bar .hint{margin-left:0; font-size:1.55rem;}
	.bd_editor textarea{min-height:28rem; padding:1.6rem 1.5rem; font-size:1.7rem;}

	/* 공개설정 체크 : 한 줄에 하나 */
	.fld_row{gap:.9rem;}
	.tbl_bd_view td > .fld_row.chk_row,
	.tbl_bd_view td > .fld_row[style]{flex-direction:column; align-items:flex-start; gap:.2rem !important;}
	.tbl_bd_view label.chk{min-height:4.4rem; font-size:1.6rem;}

	/* 자동등록방지 : 이미지+입력 1행, 버튼 1행 */
	.captcha_box{display:grid; grid-template-columns:1fr 1fr; gap:1rem;}
	.captcha_box .cap_ph{grid-column:1 / -1; width:100%; height:5.6rem;}
	.captcha_box .bd_input.bdi_text{grid-column:1 / -1; width:100%;}
	.captcha_box button.default{height:5.4rem; justify-content:center; font-size:1.6rem;}

	/* 버튼 : 저장 우선 · 전폭 2분할 */
	.bd_btnbox,
	.bd_btnbox.m_t_20{margin-top:3.6rem; gap:1.2rem;}
	.bd_btnbox .bd_btn{flex:1 1 0; min-width:0; height:6rem; padding:0 1.6rem; border-radius:1.4rem; font-size:1.75rem;}
	.bd_btnbox .bd_btn.btn_config{flex:1.4 1 0; min-width:0;}
}
@media (max-width:600px){
	.write_head .w_tit{font-size:2.4rem;}
	.tbl_bd_view tr{padding:1.6rem;}
	.fld_row .tilde{flex:0 0 auto;}
}
@media (max-width:480px){
	.write_head .w_tit{font-size:2.3rem;}
	.write_head .w_desc{font-size:1.5rem;}
	.tbl_bd_view{border-radius:1rem;}
	.tbl_bd_view tr{padding:1.4rem;}
	.bd_editor textarea{min-height:24rem;}
	/* 기간 : 시작/종료를 위아래로 */
	.fld_row{width:100%;}
	.tbl_bd_view td > .fld_row:has(.tilde){flex-direction:column; align-items:stretch;}
	.tbl_bd_view td > .fld_row:has(.tilde) .tilde{display:none;}
	.tbl_bd_view td > .fld_row:has(.tilde) .bd_input.bdi_text{width:100%; flex:0 0 auto;}
	.bd_btnbox{flex-direction:column-reverse; gap:1rem;}
	.bd_btnbox .bd_btn,
	.bd_btnbox .bd_btn.btn_config{flex:0 0 auto; width:100%; height:6.2rem; font-size:1.8rem;}
}
@media (max-width:380px){
	.write_head .w_tit{font-size:2.2rem;}
	/* 보안문자 버튼 : 1열 전폭이면 과하게 커 보이므로 2열 유지하고 높이를 낮춘다 */
	.captcha_box{gap:.8rem;}
	.captcha_box button.default{height:4.8rem; gap:.5rem; padding:0 1rem; font-size:1.55rem;}
	.captcha_box button.default svg{width:1.7rem; height:1.7rem;}
	.fa_list li{padding-left:1.2rem;}
}