@charset "utf-8";

.inputset {display:inline-block; border:1px solid #9d9d9d; background: #fff;
transition:border-color .6s ease;
-webkit-transition:border-color .6s ease;
-moz-transition:border-color .6s ease
}
.inputset > input,
.inputset > select {height: 38px; padding:0 5px 0 5px; font-size:14px}
.inputset > select {appearance:none; -webkit-appearance:none; background:url(../img/selectbg.png) no-repeat right 10px center; padding-right:30px}
select::-ms-expand {display: none}
.inputset > input ~ .datebtn,
.inputset > input ~ .schbtn { position: relative; display:inline-block; width: 25px; height: 28px;
 text-indent:-9999px; vertical-align: middle}

.inputset > input ~ .datebtn:after,
.inputset > input ~ .schbtn:after{content: ""; display:inline-block; width:20px; height: 22px; background:url(../img/inputiconset.png) no-repeat 0 0; background-size: auto 22px; margin:-11px 5px 0 0; position: absolute; top:50%; right: 0}

.inputset > input + .schbtn:after {background-position: -20px 0}

.inputset.full {width:100%}

.inputset.ckbox + .inputset.ckbox,
.inputset.rdo + .inputset.rdo {margin-left:10px}
.inputset > input + .schbtn {background-position: -20px 0}
.inputset.on {border:1px solid #2d2721}

.ctrbox_col .inputset.ckbox,
.ctrbox_col .inputset.rdo{display:block}
.ctrbox_col .inputset.ckbox + .inputset.cㅔbox,
.ctrbox_col .inputset.rdo + .inputset.rdo {margin-top:10px}

.ctrbox_row {overflow:hidden; margin-top:-10px; margin-left: -10px; padding:15px 0}
.ctrbox_row .inputset.ckbox,
.ctrbox_row .inputset.rdo {margin-top: 10px; margin-left: 10px}

.inputset.ckbox {border:none; height: 20px; vertical-align: middle; background:transparent}
.inputset.ckbox input[type="checkbox"] {position:absolute; left:-9999px}
.inputset.ckbox > label {display:inline-block; height:20px}
.inputset.ckbox > label:before {content:"";display:inline-block;width:15px;height: 15px;border:2px solid #6d6d6d;border-radius: 3px;vertical-align: text-bottom; background:#fff; margin-bottom:2px}
.inputset.ckbox.on {box-shadow:none}
.inputset.ckbox.on > label:before {background: #1f4ea4 url(../img/ckbox_arr.png) no-repeat center center; border:2px solid #1f4ea4}
.inputset.ckbox.dis > label:before {background:#f2f2f2; border:2px solid #ccc}
.inputset.ckbox.dis.on > label:before {background:#f2f2f2 url(../img/ckbox_arr_dison.png) no-repeat center center; border:2px solid #ccc}


.inputset.rdo {border:none; vertical-align: top}
.inputset.rdo label:before {content:""; display:inline-block; width: 16px; height: 16px; border-radius: 75%; border:2px solid #666; vertical-align: top; transition: all .5s ease}
.inputset.rdo label {position:relative; display:inline-block; height: 20px; line-height: 20px; cursor: pointer}
.inputset.rdo.on label:before {border:2px solid #fff}
.inputset.rdo label .num {margin-top:5px; display:block; font-size:.875em}


.inputset.rdo label:after {content:""; display:inline-block; width: 16px; height: 16px; border-radius: 75%; border:2px solid #666; transition: all .5s ease; background: #1f4ea4; transform: scale(0);
	position:absolute; top:0; left:0}
.inputset.rdo.on label:after {transform: scale(1); border:2px solid #1f4ea4}
.inputset.rdo label > input[type="radio"] {position:absolute; left:-9999px}

.inputset.rdo.readonly {background:transparent; border:none}
.inputset.rdo.readonly label:before {background:#d9d9d9; border:2px solid #d9d9d9}
.inputset.rdo input[type="radio"]:disabled { }

.inputset.readonly {background:#ebebeb; border:1px solid #ccc}
.inputset.readonly input[readonly] {background:transparent}

.scoreset .inputset.rdo label:after {position:absolute; left:50%; margin-left:-10px}



.input_col {display:flex; webkit-display:flex; align-items: center}
.input_col .inputset {flex:1}
.input_col .inputset + .inputset,
.input_col .inputset + .btn,
.input_col .inputdate + .inputset,
.input_col .stxt + .inputset {margin-left:10px}
.input_col .inputset.ckbox,
.input_col .inputset.rdo {line-height: 42px}
.input_col .inputset + .stxt {margin-left:5px}


.frm_write .dlist > dd .input_col.release {display:block}
.frm_write .dlist > dd .input_col.release .inputset {width:inherit}
.frm_write .dlist > dd .input_col.release .inputset + .stxt.count {margin-left:5px}
.frm_write .dlist > dd .input_col.release .stxt.count + .stxt {margin-left:20px}

.inputset.txt {display:inline-table}
.inputset.txt input {text-align:left; display:table-cell}
.inputset.txt .txt_sub {display: table-cell; padding: 0 15px 0 0; vertical-align: middle}

.inputset.money {display:inline-flex; align-items: center; width: 100%}
.inputset.money input {text-align:right; flex:1}
.inputset.money .txt_money {padding: 0 15px 0 0; vertical-align: middle}

.inset {display:inline-block}
.inset .inputset.rdo label,
.inset .inputset.ckbox label {height:28px; line-height: 28px; vertical-align: middle}
.inset .inputset.rdo label:before,
.inset .inputset.rdo label:after,
.inset .inputset.ckbox label:before,
.inset .inputset.ckbox label:after {vertical-align: middle}
.inset .inputset.rdo label:after,
.inset .inputset.ckbox label:after{top:50%; margin-top:-8px}
.inset .inputset label .inputset {width:auto; vertical-align: middle}
.inset .inputset label .inputset.txt {display:inline-flex}
.inset .inputset label .inputset input,
.inset .inputset label .inputset .txt_sub {}

.inset .inputset.ckbox label .fake_ckbox {top:50%; margin-top:-10px}
.inset .inputset.ckbox.on label > .fake_ckbox {margin-top:-15px}

.inset .inputset label input + .inputset {margin-left:10px}
.row .inset .inputset label .labeltxt {min-width:90px; display: inline-block}

.inputset textarea {padding:5px}

.inputset.file { width:0; /* height: 0;*/ border:none;  }
/* inputset.file label.btn.ctype1 {font-size: 1em} */
.inputset.file input[type="file"] {width:0; height: 0; overflow: hidden; visibility: hidden}
.inputset.file + .btn {margin-left:0}
.inputset.file + label + .slink {margin-top:5px}




.inputdate {display:flex; -webkit-display:flex}
.inputdate .inputset {flex:1; -webkit-flex:1; display:flex; -webkit-display:flex; height: 30px; vertical-align: top}
.inputdate .inputset input {flex:1; -webkit-flex:1; vertical-align: top}
.inputdate .eqeul {line-height: 28px; padding:0 10px}
.inputdate.ty1 {display:block}
.inputdate.ty1 .inputset {display:inline-block; width: auto}

.inputdate + .inputset {margin-left:20px}

.inputdate.release {display:block}
.inputdate.release .inputset {display:inline-block; flex: none; width: inherit}
.inputdate.release .inputset input {width: 100px; flex: none; display: inline-block; border: none}


.inputset.text {border:none; position: relative}
.inputset.text.modify > input {color:#666}
.inputset.text.modify:before {
        border-bottom: 1px solid #666;
        position: absolute;
        content: "";
        width: 100%;
        height: 50%;
}

.rdo_style1 {}
.rdo_style1.ct {text-align:center}
.rdo_style1 .inputset.rdo {display:inline-block; border:1px solid #666; padding:0; border-radius: 30px}
.rdo_style1 .inputset.rdo label {color:#666; height: auto; line-height: normal; padding:15px 30px; transition:none}
.rdo_style1 .inputset.rdo label:before {width:29px; height: 29px; border:none; background: url('../img/recomd_good.png') no-repeat 0 0;
background-size:200% 100%; vertical-align: middle; border-radius: 0; margin-right:10px; transition: inherit;}

.rdo_style1 .inputset.rdo.on {border:1px solid #4f9312}
.rdo_style1 .inputset.rdo.on label {color:#4f9312}
.rdo_style1 .inputset.rdo.on label:before {background-position:-29px 0; transition: inherit;}
.rdo_style1 .inputset.rdo.on label:after {display:none; }

.inputgrid1.sm .inputset.rdo label {font-size:14px; height: 18px; line-height: 16px}
.inputgrid1.sm .inputset.rdo label:before {width:13px; height: 13px}
.inputgrid1.sm .inputset.ckbox + .inputset.ckbox, 
.inputgrid1.sm .inputset.rdo + .inputset.rdo {margin-left:4px}
.inputgrid1.sm .inputset.rdo label:after {width:13px; height: 13px}

#searchWord {width:300px}


input::-webkit-input-placeholder {font-size: 14px; color: #a4a4a4}
input::-moz-placeholder {font-size: 14px; color: #a4a4a4}
input:-ms-input-placeholder {font-size: 14px; color: #a4a4a4}
input:-moz-placeholder {font-size: 14px; color: #a4a4a4}