.board_wrap { max-width:960px; margin:0 auto; padding:20px 30px 30px; min-height: 700px; margin-top:100px;}
.board_wrap input, .board_wrap select, .board_wrap img { vertical-align:middle; }

@media (max-width: 768px) {
	.board_wrap { padding:20px 15px; }
}
.board_wrap ul { list-style: none;}

.buttons { clear:both; height:50px; margin:10px 0px; padding:0px; }
.buttons li { float:left; }
.buttons li.right { float:right; }
/* write */
#write_head { height:27px; padding:7px 0 0 10px; color:#505050; font-size:16px; font-weight:bold; border-bottom:1px solid #ddd; }
#write_cont { margin:0px;  }
#write_cont li { overflow:auto; padding:10px 0px 0px 0px; border-bottom:1px solid #e7e7e7; color:#333333; font-size:12px; font-family:Noto Sans KR; }
#write_cont li label { float:left; padding:0px 10px 0px 10px; }
#write_cont li input { vertical-align:middle;}
#write_cont li p.tx_row { margin-bottom:5px; }
#write_cont li p.tx_row span { cursor:pointer; }
#write_cont #wr_subject { width:85%; }
#write_cont #wr_content { width:99%; height:200px; }
#write_option #kcaptcha { float:left; margin-right:10px; }
#write_submit { text-align:center; padding-top:20px; }

/* view */
#view_head { clear:both; padding:3px 10px; background:#FCFCFC;border:1px solid #DDDDDD; margin:0px; overflow: auto;}
#view_head li { float:left; color:#888; }
#view_head li.right { float:right; }
#view_head li.small { font-size:12px; font-family:Noto Sans KR; letter-spacing:0px; }
#view_title { 
	margin-bottom:70px; 
	padding:5px 8px; 
	font-size:18px; 
	font-weight:bold;
	word-break:break-all; 
	color: #e7cfa2;
}
.view-info {
  font-size:16px;
  padding: 3px 15px 0 30px;
}
#view_cont { margin-bottom:10px; }
#view_cont #view_item { }
#view_cont #view_item .image { float:left; }
#view_cont #view_item ul {padding-left:15px;float:left; top:0px;left:420px; width:310px; }
#view_cont #view_item ul .add { float:right; border:0px;font-size:12px;font-weight:bold;letter-spacing:-1px;color:#336699;}
#view_cont #view_item ul .add a { color:#336699; cursor:pointer;}
#view_cont #view_item ul .add_option { display:none; }
#view_cont #view_item ul .option_style { margin:5px 0px;border:2px solid #AEC9FF;padding:5px; }
#view_cont #view_item ul li { height:20px;padding:0px;border-bottom:1px dotted #ddd; }
#view_cont #view_item ul li div { font-size:12px;}
#view_cont #view_item ul li div span { color:red;}
#view_cont #view_item ul li .total { float:right;margin-left:8px;font-size:16px; font-family:Noto Sans KR; color:#0099FF; padding:8px 5px 8px 5px;border:3px solid #0099FF;text-align:right;width:87px;font-weight:bold;}
#view_cont #view_item ul li div { float:left;}
#view_cont #view_item ul li div input { width:25px;height:17px;}
#view_name { float:left; padding:6px 0; color:#888;font-size:12px; font-weight:bold;letter-spacing:-1px;}
#view_content { padding: 20px;min-height:500px; clear: both;overflow-x: auto;word-break: break-all;z-index: 0; background: rgba(3, 13, 33, 0.7);}
#view_content ol { margin:12px 0; padding:0 0 0 40px; }
#comment_head { clear:both; margin-top:10px; margin-bottom:0px;padding-left:10px;padding-bottom:10px;}
.comm-icon { margin-top:2px;}
#comment_list { clear:both; margin:0px; }
.comment_reply { background:none;margin:0px; }
.clist { border-top:1px solid #0E3651; padding:0px 0px;}
.clist .cl_img { float:left; }
.clist p.cl_infor { height:100%; padding:0px 5px 0px 5px; margin-top: 5px; }
.clist span.cl_name { float:left; font-size:16px; color:#e7cfa2; }
.clist span.cl_date { float:left; color:#e7cfa2; font-size:16px; padding-left:15px;}
.clist span.cl_control { float:right; text-align:right;width:70px; color:#e7cfa2; font-size:12px;padding-left:5px; }
.clist p.cl_content { clear:both; overflow:hidden; font-size:15px; padding:0px 5px; word-break:break-all; }
.hide { display:none; }
#comment_reply { display:none; float:left; border:none; }
.cform { 
overflow: hidden;
    height: 100%;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #305069;
    border-radius: 3px;
}
.cform p.cw_infor { overflow:hidden; height:100%; padding:5px 15px; }
.cform #wr_content { width:100%; word-break:break-all; }
.cform .ed { color:#666; }
.cform .form-control { margin-bottom:5px;}

/* list */
#list_head { 
	margin:0px; 
	padding:5px; 
	text-align:right;
	color:#fff;
}
#list_head li { display:inline; height:25px; }
#list_cont { font-size: 16px; background-color:rgba(3,13,33,0.7);}
#list_cont col.no { width:40px; }
#list_cont col.checks { width:20px; }
#list_cont col.name { width:80px; }
#list_cont col.date { width:60px;font-family:Noto Sans KR; font-size:12px;}
#list_cont col.good, #list_cont col.ngood { width:20px;font-family:Noto Sans KR; font-size:12px;}
#list_cont col.hit { width:80px; }
#list_cont tr.title { height:34px; } 
#list_cont tr.title th { border-top:0px solid #ddd; border-bottom:1px solid #305069; text-align:center;}
#list_cont tr.title th a { color:#fff;}
#list_cont tr.rows { height:60px; text-align:center; font-size: 16px;}
#list_cont tr.rows td { border-bottom:1px solid #305069; }
#list_cont tr.rows td.no.blue { color:blue; }
#list_cont tr.rows td.no.red { color:red; }
#list_cont tr.rows td.date {  }
#list_cont tr.rows td.no span.current { font-weight:bold; color:#e15916; }
#list_cont tr.rows td.subject { text-align:left; word-break:break-all; word-wrap: break-word; }
#list_cont tr.rows td.subject span.comt { font-family:"Noto Sans KR"; font-size:12px; font-weight:bold; color:#fff; }
#list_cont tr.rows td.order { font:normal 11px Noto Sans KR; color:#bababa; }
#list_cont p.none { text-align:center; padding:50px 0; }

  #list_search {
    margin-top: 10px;
  }

  .input-append {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .input-append select,
  .input-append input {
    height: 48px;
    font-size: 16px;
  }
.input-append select {
  width: 150px; /* 또는 원하는 크기 (예: 120px) */
  min-width: auto;
  max-width: 100%;
}

  .input-append .btn {
    padding: 0 14px;
    line-height: 48px;
    height: 48px;
    margin-bottom:10px;
    font-size: 17px;
    cursor: pointer;
  }

/* paging */
pagination { text-align:center; line-height:30px; clear:both; margin:15px 0 10px 0; }
#pagination * { font-size:12px; color:#808080 !important; font-weight:bold; }
#pagination a { padding:4px 7px 4px 7px; margin:2px; border:1px solid #D1D1D1; background-color:#ffffff; text-decoration:none; }
#pagination a:hover, #pagination a:active { border:1px solid #5e5e5e; background-color:#818181; color:#ffffff !important; }
#pagination span.current { padding:4px 7px 4px 7px; margin:2px 2px 2px 6px; border:1px solid #8a8a8a; background-color:#8a8a8a; color:#ffffff !important; }

.pagination .pagination-centered .pagination-small {margin-left: 33%;}

/* password */
#pwd_wrap { width:100%; min-height: 500px; margin:0 auto; padding:70px 0 20px; }
#pwd_wrap p { margin:15px 0; padding-top:30px; text-align:center; border-top:#e4e4e4 1px dotted; }
#pwd_title { padding:15px 0; border-bottom:2px solid #ebebeb; }
#pwd_cont { padding:150px; text-align:center; }
#pwd_cont span { margin-right:35px; }
#pwd_cont input { vertical-align:middle; }

.heros {  
	border:3px solid transparent;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.heros.active { 
	/*border:3px solid #337AB7;*/
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

.dl-horizontal dt { padding:5px; }
.dl-horizontal dd { padding:5px; }

table {background-color: rgba(3, 13, 33, 0.7);}
table.border {border-collapse: collapse;}
table.border,
table.border th,
table.border td {
	border:1px solid #08404bb5;;
	padding:10px;
	text-align: center;
}
.ul1 { list-style-type:decimal !important; }
.ul1 > li { font-weight: bold;}
.ul1 > li ul { margin-left:0px;}
.ul1 > li ul li { font-weight: normal;}
.pagination li { display:inline-block; padding:0px 5px; font-size:16px;} 
.pagination li.active { font-weight:#99cc66; color:#fff; font-size:16px;}
.form-horizontal .form-group { margin-left:0px; margin-right:0px; }
.board_wrap .form-group label { font-weight:500; font-size:18px; padding-left:5px; color: #ccb68e;}
#getSMS, .agreement {
	padding: 0px;
    display: block;
    width: 100%;
    text-align: center;
}
.agreement { width:265px; display: inline-block; vertical-align: bottom; margin-top: 10px; padding:0px; margin-left:10px;}
.txt-info { font-size:14px; padding-left:10px; margin-bottom:5px; margin-top:5px; line-height: 180%; }
.agree-wrap { padding-top:10px; }
.control-label { padding-bottom:5px; }
.radio-inline + .radio-inline { margin-left: 20px; }
input[type="radio"] { position:relative; top:-1px; } 
.btn-half {
    flex: 1 1 50%;
}
select.form-control {
  appearance: auto;
  -webkit-appearance: auto;
  -moz-appearance: auto;
}
.fileinput-button { position:relative; }
.fileupload { position:absolute; top:0; left:0; right:0; bottom:0; opacity: 0; cursor:pointer; }
  #write_option {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
  }

  #write_option .table-cell {
    flex: 1 1 auto;
  }

  #kcaptcha {
    width: 262px;
    max-width: 100%;
    height: auto;
    cursor: pointer;
    display: block;
  }

  .captcha-input {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

    .col-sm-10 {
        width: 100%!important; }

label.error { 
  color: #cc0000 !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  padding-left: 10px !important;
}
.img-wrap-nickname img,
.img-wrap2 img { max-width:100%; padding:10px 0px;}
.img-wrap-nickname,
.img-wrap2 {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.img-wrap-nickname:after,
.img-wrap2::after {
  content: "삭제";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none; /* 클릭 막지 않도록 */
  z-index: 2;
}
.img-wrap-nickname:hover::after,
.img-wrap2:hover::after {
  opacity: 1;
}

dt { color: #e7ce9f;}
dt, dd, .guest {font-family:'noto sans cjk jp';}

.pull-left {float: left;}
.pull-right {float: right;}

  @media (min-width: 1400px) {
    #write_option {
      flex-direction: column;
      align-items: flex-start;
    }
	.btn btn-primary w-100 hand {width:400px;}
  }


  #fboardpass #inner_login { max-width:640px; margin:200px auto; }