@charset "utf-8";
/* CSS Document */

  /* ──────────────────────────────────────
│                                                                                                                   │
│ * File Name: board_i.css                                                                                  │
│ * Description: board_i.php를 사용하는 페이지 style 지정                                       │
│ * Update: 2020-12-23                                                                                    │
│                                                                                                                   │
  ────────────────────────────────────── */

/* float 초기화 */
.btn-group:after, .file-preview-thumbnails:after{ content:''; display:block; clear:both; height:0; visibility:hidden; }

/* modal 숨기기 */
.modal{ display:none; position:fixed; top:0; right:0; bottom:0; left:0; overflow:hidden; }

/* 공통 속성 */
.btn-file .file-input{ position:relative;width:68%;padding-bottom:8px;}
.hide{ display:none; }
.file-input-new .close.fileinput-remove, .file-input-new .btn.fileinput-remove, .file-input-new .file-preview{ display:none; }
.form-control.file-caption.kv-fileinput-caption{ min-height:37px; background:#f8f8f8; border:1px solid #ddd; border-radius:3px; padding:5.5px 10px; }
.form-control.file-caption.kv-fileinput-caption:focus{ outline:none; }
.input-group-btn{ height:100%; position:absolute; top:0; right:0; overflow:hidden; }
.btn.fileinput-remove{ float:left; height:100%; background:#fff; border:1px solid #ddd; border-right:none; padding:7px 10px; position:relative; z-index:1; cursor:pointer;color:#000 }
.btn.fileinput-remove:focus{ outline:none; opacity:.7; }
.btn.fileinput-remove i{color:#000;}
.btn.fileinput-remove span{color:#000;}
.btn.btn-primary.btn-file{ float:left; height:100%; color:#fff; background:#555; border-top-right-radius:3px; border-bottom-right-radius:3px; padding:7px 10px; cursor:pointer; }
.btn.btn-primary.btn-file i{color:#fff}
.btn.btn-primary.btn-file span{color:#fff;}
.btn.btn-primary.btn-file input[type="file"]{ width:auto; height:100%; border:none; padding:0; position:absolute; top:0; right:0; opacity:0; cursor:pointer; }
input#file-upload-button{ width:100%; height:100%; position:absolute; top:0; left:0; }
.input-group.file-caption-main{ position:relative; }
.file-preview{ border:1px solid #ddd; border-radius:3px; padding:40px 10px 10px; margin-bottom:5px; position:relative; }
.close.fileinput-remove{ position:absolute; top:10px; right:10px; cursor:pointer; }
.kv-file-content{ height:160px; }
.kv-file-content img{ max-width:100%; max-height:200px; }
.info_txt{text-align:center}
.file_notice {margin-bottom:7px;color:red;}
.agree_info{text-align:center;}
.agree_div{ width: 100%;padding-top: 20px;padding-bottom: 45px;}
.agree_div p{line-height:2;color:red;}
.filebtn{background: #555; border: 1px solid #555;display: flex;padding: 6px;margin-left:67%;color:#fff;margin-top:-40px;float:left;align-items: center;justify-content: center;width: 60px;}
.filebtn:hover {transition: all ease-in .1s;background: #888;border: 1px solid #888;}
.filebox{padding-bottom:10px;width:500px;}
.fileDelbtn{background: red;display: flex;padding:7px;margin-left:67%;margin-top:-40px;color:#fff;align-items: center;justify-content: center;width: 60px;}
.upload_add{margin-left:5px;}
.meal_txt{width:98%;resize:none;}

.foreigner_logo{text-align:center;border-top:1px solid #fff !important;}
.foreigner_logo img{max-width:63%;}
.foreigner_logo p{display: inline-flex;gap: 16%;margin-top:-170px;}
.fori_appro{margin-right:15px;}

/* 01 */
.board-style01 table{margin-top:-110px}
.board-style01 table th, .board-style01 table td{ border:1px solid #ddd; border-right:none; border-left:none; padding:15px 10px; }
.board-style01 table th{ width:140px; font-weight:500; background:#f8f8f8; }
.board-style01 table td input{border:1px solid #ddd; border-radius:3px; padding:10px; }
.board-style01 table td input:focus{ border:1px solid #555; outline:none; }
.board-style01 table td input#title{ width:100%; }
.board-style01 table td .btn-group label{ top:20px;width:115px; text-align:center; border:1px solid #ddd; border-top-left-radius:3px; border-bottom-left-radius:3px; padding:7px 10px; position:relative; cursor:pointer; }
.board-style01 table td .btn-group label+label{ border-left:none; border-radius:0; border-top-right-radius:3px; border-bottom-right-radius:3px; }
.board-style01 table td .btn-group label.active{ color:#fff; background:#555; border:1px solid #555; }
.board-style01 table td .btn-group label input[type="radio"]{ position:absolute; top:0; left:0; visibility:hidden; }
.board-style01 table .form_title{text-align:center;font-size:13pt;font-weight:400;}

.board-style01 table .form-control{width:98%}
.board-style01 table .onlynum{width:20%}
::placeholder {font-size:9pt;color:#c1c1c1}

@media screen and (max-width: 670px){
	.board-style01 table{margin-top:-30px}
	.foreigner_logo p{display: inline-flex;gap: 11%;margin-top:-100px;}
}
@media screen and (max-width: 570px){
	.filebtn{margin-left:60%;}
	.filebox{width:135%;}
	.fileDelbtn{margin-left:60%;}
	.first_img{width:90%;margin-left:-6%}
	.sec_img{margin-left:-18%;}
	.foreigner_logo img{max-width:100%}
}
@media screen and (max-width: 480px){
	.btn-file .file-input{width:98%;}
	.filebtn{margin-left:60%;}

}