@charset "utf-8";

/* ===================== SITE SPECIFIC ================= */

/* ADDED & OVERLOADED */

/* form */
form {display:block;border:none;}
fieldset {margin:0px;padding:0px;border:none;}
input {padding-top:2px;vertical-align:middle;border:none;}
input[type~="text"] {border:1px solid #ccc;}
input[type~="password"] {border:1px solid #ccc;}
input[type~="file"] {border:1px solid #ccc;}
input[type~="checkbox"] {border:none;margin:-1px 0;}
input[type~="radio"] {border:none;margin:-1px 0;}
select {font-size:12px; vertical-align:middle;}
textarea {border:1px solid #ccc;}
.input-select {display:inline-block;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;vertical-align:middle; border:1px solid #dddddd; position:relative; height:38px;background:#fff; }
.input-select:after {content:''; position:absolute; right:12px; top:50%; margin-top:-3px; width:9px; height:5px; background:url(../images/img_uparrow_form_select.png) 0 0 no-repeat; background-size:100%;}
.input-select select {display:inline-block;position:relative;z-index:1;width:100%;box-sizing:border-box; padding:0 60px 0 10px; border:0; height:36px; background:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color:#222; font-size:14px; cursor:pointer; outline:none;vertical-align:middle;}
.input-select select::-ms-expand {display: none;}
.input-text {display:inline-block;vertical-align:middle;}
.input-text input {display:block;width:100%;height:34px;text-indent:10px;line-height:36px;border:1px solid #ddd;}
.input-password {display:inline-block;vertical-align:middle;}
.input-password input {display:block;width:100%;height:34px;text-indent:10px;line-height:36px;border:1px solid #ddd;}
.input-file {display:inline-block;vertical-align:middle;}
.input-file input {display:block;width:100%;height:34px;text-indent:10px;line-height:36px;border:1px solid #ddd;}
.input-checkbox {display:inline-block;position:relative;vertical-align:middle;min-width:20px;height:20px;line-height:24px;}
.input-checkbox input[type='checkbox'] {display:inline-block;margin:-4px 0 0 0;width:20px;height:20px;}
.input-checkbox::before {content:'';display:block;position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #555;}
.input-radio {display:inline-block;position:relative;vertical-align:middle;min-width:20px;height:20px;line-height:24px;margin:0 10px 0 0;font-size:16px;font-weight:500;}
.input-radio input[type='radio'] {margin:-1px 0 0 0;width:20px;height:20px;}
.input-radio::before {content:'';display:block;position:absolute;left:0;top:0;width:18px;height:18px;}

.input-text textarea { padding:10px; line-height:150%; border:1px solid #ddd;}

input[disabled], select[disabled] { background-color:#efefef; cursor:default; }
input[type="file"], input[type="radio"], input[type="checkbox"] { cursor:pointer; }

.sm { font-size:0.9em; }
.red { color:#f00; }

.bbs-cont { margin:50px auto; }
.bbs-cont .bbs-total { padding-left:16px; }
.bbs-cont .bbs-search { width:900px; margin-left:auto; margin-right:auto; }
.bbs-cont .bbs-search .input-select { width:150px; }
.bbs-cont .bbs-search .input-text { width:500px; float:left; left:auto; margin-left:4px; width:568px; }

.userbtn { font-size:inherit!important; color:inherit!important; }

/* 21.04.30 ksnam */
.bbs-cont .gallery.col4 ul li {margin:0 20px 0 0;width:315px;height:315px;}
.bbs-cont .gallery.col4 ul li .thumbnail { width:315px; height:235px; }

.bbs-view { border-top:none; }