/*********** Passwd (사용자 — 다크) *************/
.passwd{position:relative; border:1px solid rgba(255,255,255,0.15); box-sizing:border-box; text-align:center; padding:120px 5%; max-width: 768px; margin: 0 auto;}
.passwd .pw_img{display:block; line-height:100%;}
.passwd .pw_img::before{content:"\e897"; font-family:var(--icon); font-size:120px; font-weight:400; line-height:100%; color:var(--sub);}
.passwd .msg_tit{padding:25px 0 10px; font-weight:700; font-size:1.875rem; line-height:120%; letter-spacing:1.5px; font-family:var(--eng); color:var(--white);}
.passwd .msg_txt{font-size:1.125rem; color:var(--white); opacity:0.7; line-height:150%;}
.passwd .input_passwd{max-width:400px; margin:40px auto 0;}
.passwd .input_passwd dt{width:100%; margin:0 0 5px;}
.passwd .input_passwd dt input{width:100%; height:65px; padding:0 20px; box-sizing:border-box; border:1px solid rgba(255,255,255,0.15); background:transparent; color:var(--white); outline:none; font-family:var(--kor);}
.passwd .input_passwd dt input::placeholder{color:var(--white); opacity:0.35;}
.passwd .input_passwd dd{display:flex; gap:5px;}
.passwd .input_passwd dd input{flex:1 1 0; min-width:0; width:auto; height:65px; line-height: 63px; padding: 0; margin:0; box-sizing:border-box; border:1px solid var(--white); background:transparent; color:var(--white); font-family:var(--kor); cursor:pointer; transition:background 0.6s cubic-bezier(0.215,0.61,0.355,1), color 0.6s cubic-bezier(0.215,0.61,0.355,1), border-color 0.6s cubic-bezier(0.215,0.61,0.355,1);}
.passwd .input_passwd dd input:hover,.passwd .input_passwd dd input:focus-visible{background:var(--white); color:var(--main); border-color:var(--white);}
.passwd .input_passwd dd input.btn_b{background:transparent; color:var(--white);}
.passwd .input_passwd dd input.btn_b:hover,.passwd .input_passwd dd input.btn_b:focus-visible{background:var(--white); color:var(--main); border-color:var(--white);}


/*********** Passwd Admin (관리자 — 라이트) *************/
.passwd.admin_ver{border:1px solid var(--border); background:var(--white);}
.passwd.admin_ver .pw_img::before{color:var(--main);}
.passwd.admin_ver .msg_tit{color:var(--black);}
.passwd.admin_ver .msg_txt{color:var(--basic); opacity:1;}
.passwd.admin_ver .input_passwd dt input{height:auto; border:1px solid var(--border); background:var(--white); color:var(--black);}
.passwd.admin_ver .input_passwd dt input::placeholder{color:var(--basic); opacity:1;}
.passwd.admin_ver .input_passwd dd input{border:1px solid var(--border); background:var(--white); color:var(--black);}
.passwd.admin_ver .input_passwd dd input.btn_b{background:var(--black); color:var(--white); border-color:var(--black);}
.passwd.admin_ver .input_passwd dd input.btn_b:hover,.passwd.admin_ver .input_passwd dd input.btn_b:focus-visible{background:var(--main); border-color:var(--main); color:var(--white);}


/*********** List *************/
.online_list{width:100%; border-collapse:collapse; border-top:1px solid rgba(255,255,255,0.3); table-layout:fixed;}
.online_list thead tr,.online_list tbody tr{display:table-row;}
.online_list th,.online_list td{display:table-cell; border-bottom:1px solid rgba(255,255,255,0.2); box-sizing:border-box; vertical-align:middle; text-align:center;}
.online_list th{color:var(--white); font-weight:500; letter-spacing:var(--letter-spacing-input); padding:15px 0 19px; text-align: center;}
.online_list td{color:var(--white); font-weight:400; letter-spacing:var(--letter-spacing-input); padding:18px 10px;}
.online_list .online_list_chk{width:5%;}
.online_list .online_list_col_no,.online_list .online_list_no{width:8%;}
.online_list .online_list_col_date,.online_list .online_list_date{width:10%;}
.online_list .online_list_col_stat,.online_list .online_list_stat{width:15%;}
.online_list .online_list_col_sms,.online_list .online_list_sms{width:10%;}
.online_list .online_list_no span,.online_list .online_list_date span{color:var(--white); opacity:0.7; font-weight:400;}
.online_list .online_list_info_inner{display:flex; align-items:center; justify-content:flex-start; gap:10px; min-width:0; width:100%;}
.online_list .online_list_txt{margin:0; color:var(--white); opacity:0.7; text-align:left;}
.online_list .online_list_view{display:flex; align-items:center; justify-content:center; width:32px; height:32px; border:1px solid var(--white); border-radius:50%; box-sizing:border-box; background:transparent; transition:background 0.6s cubic-bezier(0.215,0.61,0.355,1), border-color 0.6s cubic-bezier(0.215,0.61,0.355,1); cursor: pointer;}
.online_list .online_list_view:hover,.online_list .online_list_view:focus-visible{background:var(--white); border-color:var(--white);}
.online_list .online_list_view_ico{display:block; width:17px; height:17px; position:relative;}
.online_list .online_list_view_ico::before{content:"\e8b6"; display:block; font-family:var(--icon); width:100%; height:100%; font-size:17px; color:var(--white); font-weight:400; line-height:17px; transition:color 0.6s cubic-bezier(0.215,0.61,0.355,1);}
.online_list .online_list_view:hover .online_list_view_ico::before,.online_list .online_list_view:focus-visible .online_list_view_ico::before{color:var(--main);}
.online_list .online_list_view:focus-visible{outline:2px solid var(--white); outline-offset:2px;}
.online_list .online_stat_form{display:block; margin:0; text-align:center;}
.online_list .online_stat_badge{display:inline-flex; align-items:center; justify-content:center; min-width:100px; width:auto; max-width:100%; height:36px; padding:4px 12px; box-sizing:border-box; border:1px solid var(--sub); color:var(--sub); font-weight:500; letter-spacing:var(--letter-spacing-default); line-height:171%; white-space:nowrap;}
.online_list .online_stat_badge.online_stat--check{border-color:var(--white); color:var(--white); opacity:0.4;}
.online_list .online_stat_badge.online_stat--result{border-color:#e10600; color:#e10600; opacity:1;}
.online_list .online_list_mo_link{display:none;}


/*********** List Admin (검정 버전) *************/


.online_list_admin{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid var(--border); text-align:center;}
.online_list_admin th{padding: 10px; border-bottom: 1px solid var(--border); border-right:1px solid var(--border); background:var(--grayBg); box-sizing:border-box; font-size:12px; line-height: 160%; color:#222;}
.online_list_admin td{padding: 10px; border-bottom: 1px solid var(--border); border-right:1px solid var(--border); background:var(--white); box-sizing:border-box; font-size:12px; line-height: 160%; color:#666;}
.online_list_admin td a{display: inline-block; color:#666;}
.online_list_admin th:first-child,
.online_list_admin td:first-child{border-left: 1px solid var(--border);}
.online_list_admin td.left{text-align:left;}

.online_stat_select{width:160px; height:32px !important; line-height:30px !important; text-align:left; background-position:right 5px center; padding:0 10px;}
.online_stat_select.online_stat--check{color:#ff8400; font-weight:bold;}
.online_stat_select.online_stat--done{color:#333333;}
.online_stat_select.online_stat--result{color:#e10600; font-weight:bold;}

.online_sms_btn{display:inline-flex; align-items:center; justify-content:center; min-width:80px; height:32px; line-height: 30px; padding:0 12px; box-sizing:border-box; border:1px solid #2D8DD2; background:#2DA7FE; color:#fff; font-size:13px; font-family:var(--kor); cursor:pointer;}
.online_sms_btn:hover{background:#2D8DD2;}
.online_sms_btn--sent{background:#9e9e9e; border-color:#9e9e9e;}
.online_sms_btn--sent:hover{background:#888; border-color:#888;}
.online_sms_btn--disabled,.online_list.admin_ver .online_sms_btn:disabled{border-color:#ccc; background:#eee; color:#999; cursor:not-allowed;}


/*********** Input *************/
.online_form{display:flex; flex-direction:column; gap:50px; width:100%;}
.online_form_row{display:flex; align-items:flex-start; gap:50px; width:100%;}
.online_form_row--2 .online_field{flex:1 1 0; min-width:0;}
.online_field{display:flex; flex-direction:column; align-items:flex-start; width:100%;}
.online_field--full{width:100%;}
.online_label{color:var(--white); font-weight:500; letter-spacing:var(--letter-spacing-input);}
.online_label_row{display:flex; flex-wrap:wrap; align-items:flex-end; gap:10px; width:100%;}
.online_note{color:var(--white); opacity:0.7;}
.online_req{color:var(--white);}
.online_input{width:100%; border-bottom:1px solid rgba(255,255,255,0.1); padding:15px 0; box-sizing:border-box; display: flex;}
.online_input input,.online_input textarea{width:100%; border:0; background:transparent; color:var(--white); outline:none; font-family:var(--kor); letter-spacing:var(--letter-spacing-input); font-size: 0.889rem; padding: 0; box-sizing: border-box;}
.online_input input::placeholder,.online_input textarea::placeholder{color:var(--white); opacity:0.2; font-size: inherit; letter-spacing: 0;}
.online_input input.ls0{letter-spacing:0;}
.online_input--tel{display:flex; align-items:center;}
.online_input--tel input{flex:1 1 0; min-width:0; text-align:left;}
.online_dash{flex-shrink:0; color:var(--white); padding:0 6px;}
.online_input--date{display:flex; align-items:center; justify-content:space-between; gap:10px;}
.online_input--date input{flex:1 1 auto; min-width:0;}
.online_input--date img{display: none;}
.online_date_ico{flex-shrink:0; width:20px; height:20px; display:flex; align-items:center; justify-content:center;}
.online_date_ico::before{font-family:var(--icon); content:"\e935"; font-size:20px; color:var(--white); font-weight:400; line-height:20px;}
.online_input--area{min-height:120px; align-items:flex-start;}
.online_input--area textarea{min-height:90px; resize:vertical; line-height:175%;}
.online_choice{width:100%; border-bottom:1px solid rgba(255,255,255,0.1); padding:15px 0; box-sizing:border-box;}
.online_choice--budget{display:flex; flex-wrap:wrap; align-items:center; gap:10px 8px;}
.online_choice--budget .online_radio{flex:1 1 0; min-width:72px;}
.online_choice--grid3{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); column-gap:10px; row-gap:8px;}
.online_choice--route{display:grid; grid-template-columns:repeat(7, minmax(0, 1fr)); column-gap:10px; row-gap:5px;}
.online_choice--grid3 .online_radio--etc,.online_choice--check .online_check--etc{grid-column:1 / -1;}
.online_radio,.online_check{position:relative; display:flex; align-items:center; gap:10px; min-width:0; cursor:pointer; line-height: 120%;}
.online_radio > input[type="radio"],.online_check > input[type="checkbox"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
.online_radio_txt,.online_check_txt{display:flex; align-items:center; gap:10px; color:var(--white); opacity:0.8; min-width:0; line-height:150%; position:relative;}
.online_radio_txt::before,.online_check_txt::before{content:""; flex-shrink:0; width:20px; height:20px; box-sizing:border-box; border:1px solid rgba(255,255,255,0.3); background:rgba(255,255,255,0.1);}
.online_radio_txt::before{border-radius:50%;}
.online_check_txt::before{border-radius:5px;}
.online_radio input:checked + .online_radio_txt::before{border-color:rgba(255,255,255,0.5); background:var(--white); box-shadow:inset 0 0 0 4px var(--main);}
.online_check input:checked + .online_check_txt::before{border-color:rgba(255,255,255,0.5); background:var(--white);}
.online_check input:checked + .online_check_txt::after{content:"\e5ca"; font-family:var(--icon); font-size:14px; color:var(--main); font-weight:700; position:absolute; left:3px; top:50%; transform:translateY(-50%); line-height:14px;}
.online_radio--etc,.online_check--etc{width:100%; min-width:0; align-items:center; flex-wrap:wrap; row-gap:8px;}
.online_radio--etc > .online_radio_txt,.online_check--etc > .online_check_txt{flex:0 0 auto;}
.online_etc_input{flex:1 1 200px; min-width:0; max-width:100%; width:auto; height:36px; padding:0 10px; box-sizing:border-box; border:1px solid rgba(255,255,255,0.15); background:transparent; color:var(--white); outline:none; font-family:var(--kor); position:relative; clip:auto; overflow:visible;}
.online_form_row--upload{border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:25px; box-sizing:border-box;}
.online_upload{display:flex; flex-direction:column; gap:10px; width:100%; padding-top: 15px;}
.online_file_list{display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:8px; width:100%; height:100%; position:relative; z-index:2; pointer-events:none; max-height:160px; overflow-y:auto; overscroll-behavior:contain;}
.online_file_list:empty{display:none;}
.online_file_item{display:flex; align-items:center; justify-content:space-between; gap:15px; width:100%; box-sizing:border-box; pointer-events:auto; position:relative; flex-wrap:wrap;}
.online_file_item.is-deleted{opacity:0.45;}
.online_file_item--uploading{padding-bottom:10px;}
.online_file_name{color:rgba(255,255,255,.7); font-size:0.778rem; flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.online_file_prog{flex-shrink:0; color:rgba(255,255,255,.65); font-size:0.722rem;}
.online_file_bar{position:absolute; left:0; right:0; bottom:0; height:3px; background:rgba(255,255,255,.12); border-radius:2px; overflow:hidden;}
.online_file_bar i{display:block; height:100%; width:0; background:rgba(255,255,255,.75); transition:width .15s linear;}
.online_file_del{flex-shrink:0; cursor:pointer;}
.online_file_del_btn{display:inline-flex; align-items:center; justify-content:center; padding: 0; width: 50px; height: 30px; border:1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.1); border-radius: var(--borderR5); box-sizing:border-box; color:var(--white); font-size:0.722rem; font-family:var(--kor); cursor:pointer;}
button.online_file_del_btn{appearance:none; -webkit-appearance:none;}
.online_drop{display:flex; align-items:center; justify-content:center; position:relative; width:100%; min-height:125px; height:auto; border:1px solid rgba(255,255,255,0.1); box-sizing:border-box; cursor:pointer; transition:background 0.3s cubic-bezier(0.215,0.61,0.355,1), border-color 0.3s cubic-bezier(0.215,0.61,0.355,1);}
.online_drop:not(.has-file){height:125px;}
.online_drop:not(.has-file) .online_file_list{display:none;}
.online_drop:not(.has-file) .online_drop_ico{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); margin:0;}
.online_drop:not(.has-file):hover,.online_drop:not(.has-file):focus-within,.online_drop.is-dragover{background:rgba(255,255,255,0.05); border-color:rgba(255,255,255,0.25);}
.online_drop.has-file .online_drop_ico{display:none;}
.online_drop.has-file{padding:15px; box-sizing:border-box; cursor:pointer;}
.online_drop.has-file .online_file_list{width:100%; height:auto; flex:1 1 auto; display:flex;}
.online_drop.has-file .online_file{pointer-events:none; z-index:0;}
.online_file{position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; z-index:3;}
.online_drop_ico{position:relative; z-index:1; display:block; width:54px; height:54px; background:url('/twcenter/bbs/skin/onlineBasic/image/file-icon.png') no-repeat center/contain; pointer-events:none; transition:opacity 0.3s cubic-bezier(0.215,0.61,0.355,1);}
.online_drop:not(.has-file):hover .online_drop_ico,.online_drop:not(.has-file):focus-within .online_drop_ico{opacity:0.95;}
.online_upload_note{color:var(--white); opacity:0.7;}
.online_upload_wait{width:100%; text-align:center; color:#f0c674; margin:0 0 10px; opacity:1;}
.online_spam_wrap.is-disabled{opacity:0.45; pointer-events:none; filter:grayscale(0.3);}
.online_view_files{margin:0; padding-left:18px;}
.online_view_files li{margin:4px 0;}
.online_view_size{opacity:.7; font-size:.9em;}
.online_form_foot{display:flex; flex-direction:column; align-items:center; gap:5px; width:100%; padding-top:10px; box-sizing:border-box;}

.online_captcha{display:flex; justify-content:center; gap:5px; width:100%; border-bottom: 1px solid rgba(255,255,255,0.1); padding: 15px 0;}
.online_captcha .norobot_img{width: 80px; display: block; height: 45px; padding: 0; display: flex; flex-direction: column; justify-content: center;}
.online_captcha .norobot_img img{width: 100%; height: auto;}
.online_captcha .vcode{height: auto; background: none; border: 0; width: calc(100% - 145px); height: 45px; padding: 0 20px; box-sizing: border-box; color: var(--white); font-size: 0.889rem;}
.online_captcha .vcode::placeholder{font-size:inherit; color:var(--white); opacity:0.2; font-size: inherit; letter-spacing:0;}

.online_captcha .refresh-btn{display:block; width:45px; height:45px; font-size:0; position:relative; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.1); border-radius:var(--borderR5); cursor:pointer; transition:background 0.3s cubic-bezier(0.215,0.61,0.355,1), border-color 0.3s cubic-bezier(0.215,0.61,0.355,1), opacity 0.3s cubic-bezier(0.215,0.61,0.355,1);}
.online_captcha .refresh-btn::after{content:'\e5d5'; display:block; width:100%; height:100%; line-height:45px; font-size:20px; font-weight:300; text-align:center; font-family:var(--icon); color:var(--white); position:absolute; left:0; top:0; transition:color 0.3s cubic-bezier(0.215,0.61,0.355,1);}
.online_captcha .refresh-btn:hover,.online_captcha .refresh-btn:focus-visible{background:rgba(255,255,255,0.2); border-color:rgba(255,255,255,0.35);}
.online_captcha .refresh-btn:focus-visible{outline:2px solid var(--white); outline-offset:2px;}



.online_agree{display:flex; flex-wrap:wrap; align-items:center; gap:5px 12px; position:relative;}
.online_check--agree .online_check_txt{opacity:0.7;}

.online_pri_link{border:0; padding:0; background:none; color:var(--white); font-family:var(--kor); font-weight:500; letter-spacing:var(--letter-spacing-input); text-decoration:underline; cursor:pointer;}
.online_pri_box{width:100%; max-width:1065px;}
.online_pri_box[hidden]{display:none !important;}
.online_pri_text{width:100%; min-height:250px; max-height:250px; padding:15px; box-sizing:border-box; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.05); color:var(--white); resize:vertical; outline:none; font-size:0.778rem; overflow-y:auto; overscroll-behavior:contain;}
.online_submit_wrap{display:flex; justify-content:center; gap:10px; flex-wrap:wrap; width:100%; margin-top: 30px;}
.online_submit_wrap .more-btn{border:0; appearance:none; -webkit-appearance:none; text-decoration:none;}
.online_submit_wrap .more-btn .more-txt{text-transform:uppercase;}
.online_submit_wrap .more-btn .more-ico::after{content:"\e941";}


/*********** Input Admin (검정 버전) *************/
.bbsCont.admin_ver .online_label,.bbsCont.admin_ver .online_note,.bbsCont.admin_ver .online_req{color:var(--black);}
.bbsCont.admin_ver .online_note{opacity:0.7;}
.bbsCont.admin_ver .online_input{border-bottom-color:rgba(42,41,36,0.15);}
.bbsCont.admin_ver .online_input input,.bbsCont.admin_ver .online_input textarea{color:var(--black);}
.bbsCont.admin_ver .online_input input::placeholder,.bbsCont.admin_ver .online_input textarea::placeholder{color:var(--black); opacity:0.35;}
.bbsCont.admin_ver .online_dash{color:var(--black);}
.bbsCont.admin_ver .online_date_ico::before{color:var(--black);}
.bbsCont.admin_ver .online_choice{border-bottom-color:rgba(42,41,36,0.15);}
.bbsCont.admin_ver .online_radio_txt,.bbsCont.admin_ver .online_check_txt{color:var(--black); opacity:0.85;}
.bbsCont.admin_ver .online_radio_txt::before,.bbsCont.admin_ver .online_check_txt::before{border-color:rgba(42,41,36,0.35); background:rgba(42,41,36,0.06);}
.bbsCont.admin_ver .online_radio input:checked + .online_radio_txt::before{border-color:var(--black); background:var(--black); box-shadow:inset 0 0 0 4px var(--white);}
.bbsCont.admin_ver .online_check input:checked + .online_check_txt::before{border-color:var(--black); background:var(--black);}
.bbsCont.admin_ver .online_check input:checked + .online_check_txt::after{color:var(--white);}
.bbsCont.admin_ver .online_etc_input{border-color:rgba(42,41,36,0.2); color:var(--black);}
.bbsCont.admin_ver .online_form_row--upload{border-bottom-color:rgba(42,41,36,0.15);}
.bbsCont.admin_ver .online_file_name{color:rgba(42,41,36,0.75);}
.bbsCont.admin_ver .online_file_prog{color:rgba(42,41,36,0.55);}
.bbsCont.admin_ver .online_file_bar{background:rgba(42,41,36,0.12);}
.bbsCont.admin_ver .online_file_bar i{background:rgba(42,41,36,0.55);}
.bbsCont.admin_ver .online_file_del_btn{border-color:rgba(42,41,36,0.12); background:rgba(42,41,36,0.06); color:var(--black);}
.bbsCont.admin_ver .online_drop{border-color:rgba(42,41,36,0.15);}
.bbsCont.admin_ver .online_drop:not(.has-file):hover,.bbsCont.admin_ver .online_drop:not(.has-file):focus-within,.bbsCont.admin_ver .online_drop.is-dragover{background:rgba(42,41,36,0.04); border-color:rgba(42,41,36,0.28);}
.bbsCont.admin_ver .online_drop:not(.has-file):hover .online_drop_ico,.bbsCont.admin_ver .online_drop:not(.has-file):focus-within .online_drop_ico{opacity:0.55;}
.bbsCont.admin_ver .online_upload_note{color:var(--black); opacity:0.7;}
.bbsCont.admin_ver .online_upload_wait{color:#b8860b;}
.bbsCont.admin_ver .online_captcha{border-bottom-color:rgba(42,41,36,0.15);}
.bbsCont.admin_ver .online_captcha .vcode{color:var(--black);}
.bbsCont.admin_ver .online_captcha .vcode::placeholder{color:var(--black); opacity:0.35;}
.bbsCont.admin_ver .online_captcha .refresh-btn{background:rgba(42,41,36,0.06); border-color:rgba(42,41,36,0.12);}
.bbsCont.admin_ver .online_captcha .refresh-btn::after{color:var(--black);}
.bbsCont.admin_ver .online_captcha .refresh-btn:hover,.bbsCont.admin_ver .online_captcha .refresh-btn:focus-visible{background:rgba(42,41,36,0.1); border-color:rgba(42,41,36,0.22);}
.bbsCont.admin_ver .online_captcha .refresh-btn:focus-visible{outline-color:var(--black);}
.bbsCont.admin_ver .online_pri_link{color:var(--black);}
.bbsCont.admin_ver .online_pri_text{border-color:rgba(42,41,36,0.15); background:var(--grayBg); color:var(--black);}
.bbsCont.admin_ver .online_submit_wrap .more-btn::after{border-color:rgba(42,41,36,0.45);}
.bbsCont.admin_ver .online_submit_wrap .more-btn .more-txt,.bbsCont.admin_ver .online_submit_wrap .more-btn .more-ico{color:var(--black); opacity:0.9;}
.bbsCont.admin_ver .online_submit_wrap .more-btn:hover,.bbsCont.admin_ver .online_submit_wrap .more-btn:focus-visible{background:var(--black);}
.bbsCont.admin_ver .online_submit_wrap .more-btn:hover .more-txt,.bbsCont.admin_ver .online_submit_wrap .more-btn:hover .more-ico,.bbsCont.admin_ver .online_submit_wrap .more-btn:focus-visible .more-txt,.bbsCont.admin_ver .online_submit_wrap .more-btn:focus-visible .more-ico{color:var(--white); opacity:1;}
.bbsCont.admin_ver .online_submit_wrap .more-btn:hover::after,.bbsCont.admin_ver .online_submit_wrap .more-btn:focus-visible::after{border-color:var(--black);}
.bbsCont.admin_ver .online_submit_wrap .more-btn:focus-visible{outline-color:var(--black);}



/*******************************************************************************
 @media ~1300px  Input / List
*******************************************************************************/
@media all and (max-width:1300px){
/* Passwd — 사용자 */
.passwd:not(.admin_ver){padding:100px 5%;}
/* List */
.online_list .online_list_col_date,.online_list .online_list_date{width:12%;}
.online_list .online_list_col_stat,.online_list .online_list_stat{width:18%;}
.online_list th{padding:14px 0 17px;}
.online_list td{padding:16px 8px;}

/* Input */	
.online_form{gap:45px;}
.online_form_row{gap:40px;}
.online_choice--route{grid-template-columns:repeat(5, minmax(0, 1fr));}
}
/*******************************************************************************
 @media ~980px  Input
*******************************************************************************/
@media all and (max-width:980px){
/* Passwd — 사용자 */
.passwd:not(.admin_ver){padding:80px 5%;}
.passwd:not(.admin_ver) .pw_img::before{font-size:96px;}
.passwd:not(.admin_ver) .msg_tit{font-size:1.667rem; padding:20px 0 8px;}
.passwd:not(.admin_ver) .msg_txt{font-size:1rem;}
.passwd:not(.admin_ver) .input_passwd{margin-top:32px;}
.passwd:not(.admin_ver) .input_passwd dt input{height:60px;}
.passwd:not(.admin_ver) .input_passwd dd input{height:60px; line-height:58px;}
/* List */
.online_list th{padding:13px 0 16px;}
.online_list td{padding:14px 8px;}
.online_list .online_list_col_date,.online_list .online_list_date{width:15%;}
.online_list .online_list_col_stat,.online_list .online_list_stat{width:20%;}
.online_list .online_list_info_inner{gap:8px;}
.online_list .online_list_view{width:30px; height:30px;}
.online_list .online_list_view_ico{width:16px; height:16px;}
.online_list .online_list_view_ico::before{font-size:16px; line-height:16px;}
.online_list .online_stat_badge{min-width:92px; width:92px; height:32px; padding:2px 10px;}


/* Input */
.online_form{gap:40px;}
.online_form_row{flex-direction:column; gap:35px;}
.online_form_row--2 .online_field{width:100%;}
.online_form_row--upload{padding-bottom:20px;}
.online_choice--route{grid-template-columns:repeat(4, minmax(0, 1fr)); column-gap:8px;}
.online_choice--grid3{column-gap:8px; row-gap:10px;}
.online_radio--etc .online_etc_input,.online_check--etc .online_etc_input{flex:1 1 240px;}
.online_form_foot{padding-top:5px;}
.online_pri_text{min-height:220px; max-height:220px;}
.online_drop:not(.has-file){height:110px; min-height:110px;}
.online_drop_ico{width:48px; height:48px;}
}
/*******************************************************************************
 @media ~680px  Input
*******************************************************************************/
@media all and (max-width:680px){
/* Passwd — 사용자 */
.passwd:not(.admin_ver){padding:50px 5%; max-width:100%;}
.passwd:not(.admin_ver) .pw_img::before{font-size:72px;}
.passwd:not(.admin_ver) .msg_tit{font-size:1.444rem; letter-spacing:1px; padding:16px 0 8px;}
.passwd:not(.admin_ver) .msg_txt{font-size:0.889rem;}
.passwd:not(.admin_ver) .input_passwd{max-width:100%; margin-top:24px;}
.passwd:not(.admin_ver) .input_passwd dt{margin:0 0 8px;}
.passwd:not(.admin_ver) .input_passwd dt input{height:50px; padding:0 16px;}
.passwd:not(.admin_ver) .input_passwd dd{gap:5px;}
.passwd:not(.admin_ver) .input_passwd dd input{height:50px; line-height:48px;}
/* List — 사용자 모바일 카드형 (admin_ver 제외) */
.online_list.admin_ver{min-width:520px;}
.online_list.admin_ver th{padding:11px 0 13px;}
.online_list.admin_ver td{padding:12px 6px;}
.online_list:not(.admin_ver){min-width:0; border-top:0; table-layout:auto;}
.online_list:not(.admin_ver) thead,.online_list:not(.admin_ver) colgroup{display:none;}
.online_list:not(.admin_ver) tbody{display:block;}
.online_list:not(.admin_ver) tbody tr{display:block; border-top:1px solid rgba(255,255,255,0.2); padding:12px 0 15px; box-sizing:border-box;}
.online_list:not(.admin_ver) tbody tr:last-child{border-bottom:1px solid rgba(255,255,255,0.2);}
.online_list:not(.admin_ver) tbody td{display:flex; align-items:flex-start; justify-content:flex-start; gap:12px; width:100%; height:auto; padding:0; border:0; text-align:left;}
.online_list:not(.admin_ver) tbody td::before{content:attr(data-label); flex:0 0 30px; width:30px; color:var(--white); font-weight:500; letter-spacing:var(--letter-spacing-input); text-align:left;}
.online_list:not(.admin_ver) tbody td > span,.online_list:not(.admin_ver) .online_list_info_inner,.online_list:not(.admin_ver) .online_stat_form{flex:1 1 auto; min-width:0;}
.online_list:not(.admin_ver) .online_list_no{display:none;}
.online_list:not(.admin_ver) .online_list_stat{display:none;}
.online_list:not(.admin_ver) .online_list_no span,.online_list:not(.admin_ver) .online_list_date span,.online_list:not(.admin_ver) .online_list_txt{opacity:0.7; text-align:left;}
.online_list:not(.admin_ver) .online_list_info{display:block; }
.online_list:not(.admin_ver) .online_list_info::before{display:none;}
.online_list:not(.admin_ver) .online_list_info_inner{display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:10px; width:100%;}
.online_list:not(.admin_ver) .online_list_info .online_list_view{display:flex; flex-shrink:0;}
.online_list:not(.admin_ver) .online_list_txt{flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.online_list:not(.admin_ver) .online_list_date{align-items:center;}
.online_list:not(.admin_ver) .online_list_mo_link{display:block; padding:10px 0 0; border:0;}
.online_list:not(.admin_ver) .online_list_mo_link::before{display:none;}
.online_list:not(.admin_ver) .online_stat_badge--mo{display:flex; align-items:center; justify-content:center; width:100%; min-width:0; height:34px; padding:0 16px; box-sizing:border-box; border-radius:var(--borderR5); pointer-events:none;}
.online_list:not(.admin_ver) .online_stat_badge--mo.online_stat--done{border-color:var(--sub); color:var(--sub); opacity:1;}
.online_list:not(.admin_ver) .online_stat_badge--mo.online_stat--check{border-color:var(--white); color:var(--white); opacity:0.4;}
.online_list:not(.admin_ver) .online_stat_badge--mo.online_stat--result{border-color:#e10600; color:#e10600; opacity:1;}
/* Input */
.online_form{gap:30px;}
.online_form_row{gap:25px;}
.online_input{padding:12px 0;}
.online_choice{padding:12px 0;}
.online_choice--budget{gap:8px 6px;}
.online_choice--budget .online_radio{flex:1 1 calc(50% - 3px); min-width:0;}
.online_choice--grid3{grid-template-columns:repeat(2, minmax(0, 1fr)); row-gap:8px;}
.online_choice--route{grid-template-columns:repeat(2, minmax(0, 1fr)); row-gap:8px;}
.online_radio--etc,.online_check--etc{align-items:flex-start; row-gap:8px;}
.online_radio--etc .online_etc_input,.online_check--etc .online_etc_input{flex:1 1 100%; width:100%; margin-top:0;}

.online_radio_txt, .online_check_txt{gap:5px;}
.online_radio_txt::before, .online_check_txt::before{width: 16px; height: 16px;}
.online_check input:checked + .online_check_txt::after{line-height: 14px; font-size: 10px;}
.online_upload{padding-top:12px;}
.online_drop:not(.has-file){height:100px; min-height:100px;}
.online_drop_ico{width:44px; height:44px;}
.online_drop.has-file{padding:12px;}
.online_file_item{gap:10px;}
.online_file_del_btn{width:46px; height:28px;}
.online_form_foot{}
.online_captcha{align-items:center; flex-wrap:wrap; row-gap:8px; padding: 10px 0;}
.online_captcha .norobot_img{width:72px; height:40px;}
.online_captcha .vcode{flex:1 1 0; min-width:0; width:auto; height:40px; padding:0;}
.online_captcha .refresh-btn{width:40px; height:40px;}
.online_captcha .refresh-btn::after{line-height:40px; font-size:18px;}
.online_pri_text{min-height:200px; max-height:200px; padding:12px;}
.online_agree{gap:8px 10px;}
.online_label_row{gap:8px;}
.online_date_ico{width:18px; height:18px;}
.online_date_ico::before{font-size:18px; line-height:18px;}

.online_submit_wrap{margin-top: 20px;}
.g-recaptcha{transform:scale(0.8);}

}