@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.html) 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.html') 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
}