em {
    color: #a00
}

em.point1 {
    color: #4c84ff
}

em.point2 {
    color: #ff6c60
}

.ic>li {
    font-size: .75em;
    line-height: 1.7;
    text-indent: -7px;
    margin-left: 11px
}

.ic>li:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 1px;
    background: #747474;
    margin: 0 4px 4px 0
}

.btnset {}

.btnset.ct {
    text-align: center
}

.btnset.rt {
    text-align: right
}

.btn {
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    margin: 0;
    padding: 0
}

.btn.link {
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    padding: 8px 10px
}

.btn.link:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 9px;
    background: url(../img/linkbtnarr.png) no-repeat 0 0;
    background-size: 100%;
    margin: 0 0 0 5px
}

.btn.arr:after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 8px;
    background: url(../img/btn_arrwhite.png) no-repeat 0 0;
    background-size: 100%;
    margin: 0 0 2px 15px;
    vertical-align: middle
}

.btn.ctype1 {
    background: #d9d9d9;
    color: #000;
    overflow: hidden;
    padding: 8px 15px
}

.btn.ctype2 {
    background: #666;
    color: #fff;
    overflow: hidden;
    padding: 8px 15px
}

.btn.submit {
    background: #633a1f;
    color: #fff;
    height: 50px;
    line-height: 50px;
    padding: 0 40px
}

.btn.reset1 {
    background: #000000;
    color: #fff;
    height: 50px;
    line-height: 50px;
    padding: 0 40px;
    margin-top: 5px;
}

.btn.cancel {
    background: #666;
    color: #fff;
    height: 50px;
    line-height: 50px;
    padding: 0 40px
}

.btn.complete {
    background: #02abd2;
    color: #fff
}

.btn.progress {
    background: #ffb005;
    color: #fff;
    padding: 4px 0;
    border-radius: 30px;
    min-width: 59px
}

.btn.sell {
    *background: #4c84ff;
    background: #2e69eb;
    font-weight: bold;
    color: #fff;
    padding: 4px 0;
    border-radius: 30px;
    min-width: 59px
}

.btn.buy {
    *background: #ff6c60;
    background: #f53241;
    font-weight: bold;
    color: #fff;
    padding: 4px 0;
    border-radius: 30px;
    min-width: 59px
}

.btn.end {
    background: #b7b6b6;
    color: #fff;
    padding: 4px 0;
    border-radius: 30px;
    min-width: 59px
}

.btn.etc1 {
    border: 1px solid #cb1919;
    color: #cb1919;
    font-weight: bold;
}

.btn.co1 {
    background: #f53241;
    color: #fff
}

.btn.co2 {
    background: #2e69eb;
    color: #fff
}

.btn.co3 {
    background: #02abd2;
    color: #fff;
    padding: 7px 19px
}

.btn.co4 {
    background: #aaa;
    color: #fff;
    padding: 7px 19px
}

.btn.view {
    border: 1px solid #ccc;
    padding: 5px 19px
}

.btn.moreview {
    border: 1px solid #aaa;
    padding: 8px 30px;
    border-radius: 30px
}

.btn.moreview:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background: url(../img/moreviewicon.png) no-repeat 0 0;
    background-size: 100%;
    margin: 0 5px 3px 0
}

.btnset .btn+.btn {
    margin-left: 15px
}

.btnset.col1 .btn {
    display: block
}

.btnset.ct {
    text-align: center
}

.btn .ico_sch {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background: url(../img/searchico.png) no-repeat 0 0;
    background-size: 100%;
    margin-bottom: 2px
}

.btn .ico_sch+.context {
    margin-left: 5px;
    margin-bottom: 4px;
    display: inline-block;
    vertical-align: middle
}

.print:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../img/dealagree_print.png) no-repeat 0 0;
    vertical-align: middle;
    margin: 0 5px 2px 0
}

table td .ctrset {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    margin-bottom: 3px
}

table td .ctrset .btn,
table td .ctrset .badge {
    display: block;
    width: 11px;
    height: 8px;
    background: url(../img/main_ratearr.png) no-repeat 0 0;
    background-size: 11px 16px
}

table td .ctrset .btn+.btn,
table td .ctrset .badge+.badge {
    margin-top: 3px
}

table td .ctrset .btn.limit,
table td .ctrset .badge.limit {}

table td .ctrset .btn.stop,
table td .ctrset .badge.stop {
    background-position: 0 -8px
}

footer {
    background: #313234
}

footer .footer_top {
    height: 75px;
    border-bottom: 1px solid #72757c
}

footer .footer_top .inner {
    position: relative;
    width: 1280px;
    margin: 0 auto
}

footer .footlogo {
    position: absolute;
    top: 20px;
    left: 20px
}

.footer_gnb {
    position: absolute;
    top: 30px;
    left: 20px
}

.footer_gnb>ul {
    overflow: hidden
}

.footer_gnb>ul>li {
    float: left
}

.footer_gnb>ul>li>a {
    color: #cdcdcd;
    font-size: .875em;
    display: block
}

.footer_gnb>ul>li>a:hover {
    color: #fff
}

.footer_gnb>ul>li+li>a:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #72757c;
    vertical-align: middle;
    margin: 0 20px
}

.snslist {
    position: absolute;
    top: 20px;
    right: 20px
}

.snslist>ul {
    overflow: hidden
}

.snslist>ul>li {
    float: left
}

.snslist>ul>li+li {
    margin-left: 15px
}

.snslist>ul>li>a {
    display: block
}

.snslist>ul>li>a .ico {
    display: block
}

.snslist>ul>li>a .ico.sns1 {
    width: 110px;
    height: 30px;
    background: url(../img/footer_sns_band.png) no-repeat 0 0;
    background-size: 100%
}

.snslist>ul>li>a .ico.sns2 {
    width: 145px;
    height: 30px;
    background: url(../img/footer_sns_kakaostroy.png) no-repeat 0 0;
    background-size: 100%
}

.snslist>ul>li .callcenter {
    color: #fff;
    display: inline-block;
    margin-top: 2px;
    font-size: 1.25em
}

.snslist>ul>li+li {
    margin-left: 30px
}

wrap {}

content {
    width: 1330px;
    margin: 0 auto;
    min-height: 736px;
    padding: 20px 0 30px
}

footer .footer_bottom {
    padding: 0;
    height: 265px
}

footer .footer_bottom .inner {
    position: relative;
    width: 1280px;
    margin: 0 auto
}

footer .footer_bottom .inner .addinfo {
    position: absolute;
    top: 50px;
    left: 240px
}

footer address {
    color: #5a5a5a;
    font-size: .875em;
    line-height: 2
}

footer .copywright {
    color: #fff;
    font-size: .875em;
    margin-top: 40px
}

footer .account {
    position: absolute;
    top: 60px;
    right: 20px
}

footer .account .simg {
    display: inline-block;
    vertical-align: middle
}

footer .account .stxt {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px
}

.subvisual {
    position: relative;
    overflow: hidden;
    text-align: center;
    height: 125px;
    left: 0;
    width: 100%;
    display: none
}

.subvisual .inner {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    height: 125px
}

.subvisual .inner.ty1 {
    background: url(../img/subvisual01.jpg) no-repeat 0 0;
    background-size: cover
}

.subvisual .innertynull {
    background: url(../image/subvisual1.jpg) no-repeat 0 0;
    background-size: auto
}

.subvisual .inner .txtinfo {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center
}

.subvisual .inner .txtinfo .txtinner {
    display: table-cell;
    vertical-align: middle
}

.subvisual .inner .txtinfo .txtinner * {
    color: #fff
}

.subvisual .inner .txtinfo .hd3 {
    font-size: 2em
}

.subvisual .inner .txtinfo .stxt {}

.location {
    border-bottom: 1px solid #cbcbcb;
    height: 40px;
    background: #fff
}

.location .inner {
    position: relative;
    width: 1280px;
    height: 40px;
    margin: 0 auto;
    overflow: hidden
}

.location .inner .home {
    float: left;
    width: 40px;
    height: 40px;
    border: 1px solid #cbcbcb;
    border-width: 0 1px;
    position: relative
}

.location .inner .home:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: url(../img/loc_homeicon.png) no-repeat 0 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.location .inner .locallist {
    float: left;
    overflow: hidden
}

.location .inner .locallist>li {
    float: left
}

.location .inner .locallist>li>a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px
}

.location .inner .locallist>li>a:after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 6px;
    background: url(../img/location_arr.png) no-repeat 0 0;
    background-size: 4px 12px;
    vertical-align: middle;
    margin: 0 0 4px 20px
}

.location .inner .locallist>li.on>a {
    color: #5d56a3
}

.location .inner .locallist>li.on>a:after {
    background-position: 0 -6px
}

.location .inner .locallist>li+li>a {
    border-left: 1px solid #cbcbcb
}

.location .inner .locallist>li:last-child>a {
    border-right: 1px solid #cbcbcb
}

.section {}

.section.wht {
    background: #fff;
    padding: 20px
}

.section.wht+.section {
    margin-top: 20px
}

.frm_write {
    border-top: 1px solid #4c84ff;
    background: #fff
}

.frm_write .frm_list>li {
    display: flex;
    width: 100%;
}

.frm_write .frm_list>li.bound_date .frm_clm:nth-child(1) {
    width: inherit
}

.frm_write .frm_list>li.bound_date .frm_clm:nth-child(2),
.frm_write .frm_list>li.bound_date .frm_clm:nth-child(3) {
    width: calc(100%/2)
}

.frm_write .frm_list>li .frm_clm {
    display: inline-block
}

.frm_write .frm_list>li .frm_clm.col1 {
    width: calc(100%/1)
}

.frm_write .frm_list>li .frm_clm.col2 {
    width: calc(100%/2)
}

.frm_write .frm_list>li .frm_clm.col3 {
    width: calc(100%/3)
}

.frm_write .dlist {
    display: table;
    width: 100%;
    height: 100%
}

.frm_write .dlist>dt,
.frm_write .dlist>dd {
    padding: 10px;
    display: table-cell;
    vertical-align: middle
}

.frm_write .dlist>dd.txtrow {
    padding: 15px 0
}

.frm_write .dlist>dd.txtrow .row {
    padding: 15px;
    border-bottom: 1px solid #d4d3d3
}

.frm_write .dlist>dd.txtrow .row:last-child {
    border-bottom: none
}

.frm_write .dlist>dt {
    width: 90px;
    text-align: center;
    background: #f8f8f8
}

.frm_write .dlist>dd {}

.frm_write .dlist>dd .inputset.rdo,
.frm_write .dlist>dd .inputset.ckbox {
    width: auto
}

.frm_write .dlist>dd .row+.row {
    margin-top: 10px
}

.frm_write .dlist>dd .row.pc_inline {
    display: inline-block;
    vertical-align: middle
}

.frm_write .dlist>dd .row.pc_inline+.row.pc_inline {
    margin-top: 0
}

.frm_write .dlist>dd .row.pc_inline .inputdate .inputset+.btn {
    vertical-align: top
}

.frm_write .dlist>dd .row .inputset,
.frm_write .dlist>dd .row input {
    vertical-align: top
}

.frm_write .dlist>dd .sbj_col3_outer {
    overflow: hidden;
    margin: -10px 0 0 -20px;
    padding: 0
}

.frm_write .dlist>dd .sbj_col3 {
    float: left;
    margin: 10px 0 0 20px
}

.frm_write .dlist>dd .sbj_col3 .stxt {
    margin-bottom: 10px
}

.frm_write .dlist>dd .sbj_col3 .inputset {
    width: inherit
}

.frm_write .dlist>dd .inputset+.btn {
    margin-left: 10px
}

.frm_write .dlist>dd .box_insertimg .inputset+.btn {
    margin-left: 0
}

.frm_write .dlist>dd .input_col .flag {
    line-height: 42px;
    display: inline-block;
    padding: 0 10px
}

.frm_write .dlist>dd .stxt {
    font-weight: 400
}

.frm_write .dlist>dd .stxt.sm {
    font-size: .875em;
    color: #666
}

.frm_write .dlist>dd .input_col .stxt {}

.frm_write .dlist>dd .input_col .stxt.ty1 {
    min-width: 100px
}

.frm_write .dlist>dd .input_col .stxt+.inputset,
.frm_write .dlist>dd .input_col .stxt+.inputdate,
.frm_write .dlist>dd .input_col .stxt+.ctrbox_row {
    margin-left: 5px
}

.frm_write .dlist>dd .input_col .stxt+.ctrbox_row {
    flex: 1;
    -webkit-flex: 1
}

.frm_write .dlist>dd .input_col .inputdate+.inputset,
.frm_write .dlist>dd .input_col .inputset+.stxt,
.frm_write .dlist>dd .input_col .inputdate+.stxt {
    margin-left: 20px
}

.frm_write .dlist>dd .input_col .inputdate {
    flex: 1;
    -webkit-flex: 1
}

.frm_write .dlist>dd .input_col.reverse .stxt+.inputset {
    margin-left: 20px
}

.frm_write .dlist>dd .input_col.reverse .inputset+.stxt {
    margin-left: 5px
}

.frm_write .dlist>dd .inputset.txt {
    display: flex
}

.frm_write .dlist>dd .inputset.txt input {
    flex: 1
}

.frm_write .dlist>dd .inputset.txt .txt_sub {
    vertical-align: middle
}

.frm_write .dlist>dd .txtinfo {
    font-size: .75em;
    margin-top: 5px
}

.frm_write .dlist>dd .wgrid1 {
    width: 300px
}

.frm_write .dlist>dd .wgrid2 {
    width: 150px
}

.frm_write .frm_list>li .frm_clm.col1 .dlist>dt,
.frm_write .frm_list>li .frm_clm.col2 .dlist>dt {
    width: 150px
}

.frm_write .dlist>dd label .inputset {
    width: auto
}

.frm_write .dlist>dd .t_list {
    box-shadow: none
}

.frm_write .dlist>dd .t_list td .inputset {
    vertical-align: middle
}

.frm_write .dlist>dd .t_list td .btn {
    padding: 8px 10px 7px
}

.frm_write .dlist>dd .t_list td .btn .ico.more {}

.frm_write .dlist>dd .t_list td .btn .ico.more:before {
    width: 14px;
    height: 14px;
    background-size: 84px 14px;
    background-position: -70px 0
}

.frm_write .dlist>dd .stxt+.slink,
.frm_write .dlist>dd label+.slink {
    margin-top: 15px
}

.frm_write .dlist>dd .input_col .inputset {
    display: inline-block;
    flex: none
}

.frm_write .dlist>dd .input_col.file {
    display: flex
}

.frm_write.ty1 .inputset {}

.frm_write.ty1 .inputset input,
.frm_write.ty1 .inputset select {
    height: 28px
}

.frm_write.ty1 .btn {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: .875em
}

.hd1 {
    font-size: 2em
}

.hd2 {
    font-size: 1.7em
}

.hd3 {
    font-size: 1.5em
}

.hd4 {
    font-size: 1.2em
}

.hd5 {
    font-size: 1em
}

.hd6 {
    font-size: .875em
}

.hd2+.hd5 {
    margin-top: 20px
}

.hd2.ct {
    text-align: center
}

.userinifoset {
    background: #f2f2f2;
    border: 1px solid #d2d2d2;
    padding: 3px 20px
}

.userinifo {
    font-weight: 400;
    display: inline-block;
    vertical-align: middle
}

.userinifo:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 18px;
    background: url(../img/userinfoicon.png) no-repeat 0 0;
    margin: 0 10px 5px 0;
    background-size: 100%
}

.agreebox+.hd5,
.tablist+.tab_sectionout {
    margin-top: 50px
}

.titset.hd3+.userinifoset,
.hd3+.msgbox,
.titset.hd3+.frm_write {
    margin-top: 10px
}

.hd5+.tb_frm,
.hd5+.frm_write,
.agreebox+.btnset,
.alram+.section,
.graphset+.contract_timeset,
.titset+.agreebox,
.stxt+.stxt,
.stxt+.simg,
.stxt+.tb_frm,
.tb_frm+.btnset,
.tb_frm+.page_navi,
.inputset+.hd5,
.titset+.section,
form[name=fm]+.btnset,
form[name=fm]+.page_navi,
.msgbox+.hd3,
.msgbox+.frm_write,
.frm_write+.btnset,
.frm_write+.tb_frm,
.frm_write+.sum_frm,
.tablist+.frm_write,
.tablist+.tb_cap,
.tablist+.tb_frm,
.sum_frm+.tb_frm,
.stxt+.tb_cap,
.hd2+.frm_write,
.tablist+.titset.hd3,
.tab_pos_rt+.tb_frm {
    margin-top: 20px
}

.contract_timeset+.contractset {
    margin-bottom: 20px
}

.hd3+.stxt {
    margin-top: 10px
}

.hd2+.section {
    margin-top: 15px
}

.graph_infoset+.contract_timeset {
    margin-top: 7px
}

.tb_frm+.hd5,
.frm_write+.hd5,
form[name=fm]+.hd5,
.tb_frm+.tb_cap,
.frm_write+.tb_cap,
.frm_write+.hd2,
.frm_write+.hd3,
.frm_write+.hd4,
.titset.hd3+.titset.hd4,
.userinifoset+.titset.hd4 {
    margin-top: 40px
}

.tb_frm+.agreebox,
.hd5+form[name=fm],
.hd4+form[name=fm],
.hd5+.agreebox {
    margin-top: 10px
}

.tb_cap+#myResultDiv,
.tb_cap+.tb_frm {
    margin-top: 5px
}

.titset {
    position: relative
}

.titset.ct {
    text-align: center
}

.titset.rt {
    text-align: right
}

.titset .pos_rt {
    position: absolute;
    right: 0;
    top: 0
}

.titset .pos_rt .can-toggle {
    right: 41px;
    top: 14px
}

.titset.icon .hd2 {
    display: inline-block;
    vertical-align: middle
}

.titset .reload {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: url(../img/refresh.png) no-repeat 0 0;
    background-size: 100%;
    margin-left: 5px
}

.agreebox {
    background: #fff;
    border: 1px solid #103180;
    padding: 20px;
    border-radius: 5px;
}

.agreebox .pre {
    white-space: pre-line
}

@media (max-width: 768px) {
    header .header_inner .logo>a>img {
        margin-top: -20px;
        /*width:140px;*/
    }
}


.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;
    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: 0 0
}

.inputset.ckbox input[type=checkbox] {
    display: none;
}

.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 input:checked+label:before {
    background: #1f4ea4 url(../images/ckbox_arr.png) no-repeat center center;
    border: 2px solid #1f4ea4;
    background-size: calc(100% - 3px);
}

.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: 0 0;
    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: 0 0
}

.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;
    border: none
}

.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
}

.agreebox .hd5 {
    color: #666;
    font-weight: 400
}

.agreebox .inputset+.stxt {
    margin-top: 5px
}

.agreebox .stxt {
    font-size: .875em;
    color: #666
}

.agreebox+.agreebox {
    margin-top: 40px
}

.agreebox .hd5+.agree_content {
    margin-top: 10px
}

.agreebox .agree_content {
    background: #f2f2f2;
    height: 200px;
    overflow: auto;
    padding: 15px
}

.agreebox .agree_content+.inputset {
    margin-top: 10px
}

.tb_frm {
    border-top: 2px solid #093180
}

.tb_frm>table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom:20px;    
}

.tb_frm>table>thead>tr>th{
    border-bottom: 1px solid #707070;
    border-width: 0 0 1px;
    padding: 8px 10px;
    text-align: center;
}

.tb_frm>table>tbody>tr>td {
    border-width: 0 0 1px;
    padding: 8px 10px;
    text-align: center;
}
.tb_frm>table>tbody>tr>td .contxt {
    margin-right: 5px
}

.tb_frm>table thead th,
.tb_frm>table tbody th {
    background: #f8f8f8;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
}

.tb_frm>table .lt,
.tb_frm.lt>table td {
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.tb_frm>table .rt {
    text-align: right
}

.tb_frm>table tr.point {
    background: #2e69eb
}

.tb_frm>table tr.point td {
    color: #fff
}

.tb_frm>table th .posbox {
    position: relative
}

.tb_frm td .txtinfo {
    margin-top: 5px
}

.tb_frm>table th {}

.tb_frm .percent {
    margin-left: 5px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 5px;
    height: 25px;
    line-height: 25px;
    bottom: 0;
    margin: auto;
    padding: 0 10px;
    border-radius: 40px;
    font-size: .875em;
    width: 45px
}

.tb_frm .percent.co1 {
    background: #f94f5c
}

.tb_frm .percent.co2 {
    background: #4880f9
}

.tb_frm.ct td {
    text-align: center
}

.tb_frm .lt {
    text-align: left
}

.tb_frm>table .btn.cancel {
    background: #ff6c60;
    color: #fff
}

.tb_frm>table .btn.dcancel {
    background: red;
    color: #fff
}

.tb_frm>table .btn.stay {
    background: #aaa;
    color: #fff
}

.tb_frm>table .btn.stay,
.tb_frm>table .btn.complete,
.tb_frm>table .btn.cancel,
.tb_frm>table .btn.dcancel {
    height: 30px;
    line-height: 28px;
    padding: 0 15px;
    border-radius: 30px
}

.tb_frm>table .btn.co1,
.tb_frm>table .btn.co2 {
    padding: 5px 15px
}

.tb_frm>table .badge.cancel {
    background: #ff6c60;
    color: #fff
}

.tb_frm>table .badge.dcancel {
    background: red;
    color: #fff
}

.tb_frm>table .badge.stay {
    background: #aaa;
    color: #fff
}

.tb_frm>table .badge.complete {
    background: #4c84ff;
    color: #fff
}

.tb_frm>table .badge.stay,
.tb_frm>table .badge.complete,
.tb_frm>table .badge.cancel,
.tb_frm>table .badge.dcancel {
    height: 30px;
    line-height: 28px;
    padding: 2px 15px;
    border-radius: 30px
}

.tb_frm>table td .subject {
    display: inline-block
}

.tb_frm>table td .subject .txtcut {
    display: inline-block;
    min-width: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tb_frm>table td .subject .txtcut.ty1 {
    width: inherit;
    max-width: 300px;
    flex: none
}

.tb_frm>table td .subject.flex {
    display: flex;
    -webkit-display: flex
}

.tb_frm>table td .subject.flex .txtcut {
    flex: 1;
    width: 0
}

.tb_frm>table td .subject.flex .txtcut+.notice_clipicon {
    margin-left: 10px
}

.tb_frm>table td .subject.flex .txtcut+.notice_clipicon {
    margin-left: 10px
}

.tb_frm>table td .subject.ty1.notice {
    display: flex;
    font-weight: 400;
    align-items: center
}

.tb_frm>table td .subject.ty1 .txtcut {
    min-width: 0;
    max-width: 40vw
}

.tb_frm>table td .notice_icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../img/newicon.png) no-repeat 0 0;
    margin-left: 5px;
    background-size: 100%
}

.tb_frm>table td .notice_icon+.comment_count {
    margin-left: 5px;
    display: inline-block;
    vertical-align: super
}

.tb_frm>table td .subject.notice .tip {
    display: inline-block;
    font-size: .75em;
    white-space: nowrap;
    background: #0c4da1;
    color: #fff;
    vertical-align: middle;
    margin-right: 5px;
    padding: 3px 5px;
    border-radius: 3px
}

.tb_frm>table td .answer {
    display: inline-block;
    vertical-align: top
}

.tb_frm>table td .context {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px
}

.tb_frm>table td .btn.notice {
    background: 0 0;
    width: 100%;
    font-size: 1em
}

.tb_frm>table td .btn.notice .arr {
    width: 16px;
    height: 10px;
    background: url(../img/boarlist_arricon.png) no-repeat 0 0;
    background-size: 16px auto;
    display: inline-block
}

.tb_frm>table td .btn.notice .arr.up {
    background-position: 0 0
}

.tb_frm>table td .btn.notice .arr.down {
    background-position: 0 -10px
}

.tb_frm>table .ansrow td {
    background: #f2f2f2
}

.tb_frm>table tr.sum {
    background: #f2f2f2
}

.tb_frm>table tr.sum td {
    text-align: center;
    padding: 10px;
    font-size: 1.2em
}

.tb_frm>table tr.sum td.lt {
    text-align: left
}

.tb_frm>table tr.sum td.rt {
    text-align: right
}

.tb_frm>table tr.sum .tsum_txtresult {
    overflow: hidden
}

.tb_frm>table tr.sum .tsum_txtresult .lt {
    float: left
}

.tb_frm>table tr.sum .tsum_txtresult .rt {
    float: right
}

.tb_frm td .break {
    display: block;
    width: 90px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    margin: 0 auto
}

.tb_frm td .break.ty2 {
    width: 105px
}

.tb_frm td .break.ty1 {
    width: 70px
}

.tb_frm td.innertb {
    position: relative;
    margin: 0;
    padding: 0
}

.tb_frm td.innertb tr+tr:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    z-index: 100;
    background: #d2d2d2
}

.tb_frm td.innertb tr:nth-child(2):after {
    transform: translateY(66px)
}

.tb_frm td.innertb tr:nth-child(3):after {
    transform: translateY(132px)
}

.tb_frm td.innertb tr:nth-child(4):after {
    transform: translateY(198px)
}

.tb_frm td.innertb>table {
    width: auto
}

.tb_frm td.innertb>table th {
    background: #f2f2f2
}

.tb_frm td.innertb>table td {
    position: relative;
    padding: 5px 30px 5px 10px
}

.tb_frm td.innertb>table td+td {
    padding-left: 30px
}

.tb_frm td.innertb>table td+td:before {
    content: "";
    width: 1px;
    height: 20px;
    background: #d2d2d2;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -10px 0 0
}

.tb_frm td .icontxt {
    display: inline-block
}

.tb_frm td .icontxt .ico {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(../img/area_iconset.png) no-repeat 0 0;
    background-size: auto 36px;
    vertical-align: middle;
    margin-right: 10px
}

.tb_frm td .icontxt .ico.ty1 {
    background-position: 0 0
}

.tb_frm td .icontxt .ico.ty2 {
    background-position: -36px 0
}

.tb_frm td .icontxt .ico.ty3 {
    background-position: -72px 0
}

.tb_frm td .icontxt .txtinfo {
    display: inline-block;
    vertical-align: middle
}

.tb_frm td .icontxt .txtinfo .hd3 {
    font-size: 1em
}

.tb_frm td .icontxt .txtinfo .money {
    font-size: 1.125em
}

dl.detail_noticelist {
    float: left;
    width: 100%;
    overflow: hidden
}

dl.detail_noticelist dt,
dl.detail_noticelist dd {
    float: left;
    color: #000
}

dl.detail_noticelist dt {
    position: relative;
    padding: 0 13px 0 0;
    margin-right: 0;
    text-align: right;
    background: url(../img/dtview_bar.gif) no-repeat right center;
    font-weight: 700;
    font-weight: 400
}

dl.detail_noticelist dd {
    margin: 0 0 0 13px
}

dl.detail_noticelist dd.rt {
    float: right
}

dl.detail_noticelist dd+dt {
    margin-left: 44px
}

.tb_frm.ty1 th,
.tb_frm.ty1 td {
    border-right: 1px solid #d2d2d2
}

.tb_frm.sm>table th,
.tb_frm.sm>table td {
    padding: 5px;
    font-size: .875em
}

.tb_frm.view .inputdate .inputset input {
    height: 28px
}

.tb_frm.view .btn {
    padding: 0 10px;
    height: 30px;
    line-height: 30px
}

.tb_frm.view .row.pc_inline .inputdate .inputset+.btn {
    vertical-align: top
}

.tb_frm.view .inputset+.btn {
    margin-left: 10px
}

.tb_frm.full .inputset {
    width: 100%
}

.tb_frm.sm+.tb_cap {
    margin-top: 5px
}

.tb_cap {
    font-size: .875em;
    color: #666;
    display: flex;
    align-items: flex-end
}

.tb_cap .f_left {}

.tb_cap .f_left .caption {
    margin-top: 15px
}

.tb_cap .f_right {
    flex: 1;
    justify-content: flex-end;
    display: flex
}

.tb_cap .btn {
    border-radius: 3px;
    text-align: center;
    padding: 10px 20px
}

.tb_cap .btn+.btn {
    margin-left: 5px
}

.tb_cap .inputset input,
.tb_cap .inputset select {
    height: 28px
}

.tb_cap .btn {
    padding: 0 10px;
    height: 30px;
    line-height: 28px
}

.tb_cap .btn.icon {
    padding: 0 15px
}

.tb_cap.mflex {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.tb_cap.mflex .f_left {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center
}

.tb_cap.mflex .f_right {
    position: relative;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-top: 20px
}

.tb_cap .stxt+.inputset,
.tb_cap .inputset+.inputset,
.tb_cap .inputset+.btn,
.tb_cap .inputdate+.btn {
    margin-left: 10px
}

.tb_cap.ty1 {
    align-items: center
}

.tb_cap.ty1 .btn+.inputgrid1 {
    margin-left: 30px
}

.tb_cap.ty1 .inputset.ckbox>label:before {
    vertical-align: top
}

.tb_cap.ty1 .inputset .labeltxt {
    display: inline-block;
    height: 19px;
    line-height: 19px;
    vertical-align: top
}

.tb_cap.ty1 .inputset+.stxt,
.tb_cap.ty1 .inputset+#taxCheckWrap,
.tb_cap.ty1 .inputset+.inputset.money {
    margin-left: 10px
}

.tb_cap.ty1 .stxt+.inputset,
.tb_cap.ty1 .btn+.ckbox {
    margin-left: 10px
}

.tb_frm .required {
    color: red;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

#dealTb col:nth-child(1) {
    width: 7%
}

#dealTb col:nth-child(2) {
    width: 19%
}

#dealTb col:nth-child(3) {
    width: 10%
}

#dealTb col:nth-child(4) {
    width: 7%
}

#dealTb col:nth-child(5) {
    width: 7%
}

#dealTb col:nth-child(6) {
    width: 10%
}

#dealTb col:nth-child(7) {
    width: 12%
}

#dealTb col:nth-child(8) {
    width: 10%
}

#dealTb col:nth-child(9) {
    width: 9%
}

#dealTb col:nth-child(10) {
    width: 9%
}

#dealViewtb col:nth-child(1) {
    width: 15%
}

#dealViewtb col:nth-child(2) {
    width: 15%
}

#dealViewtb col:nth-child(3) {
    width: 20%
}

#dealViewtb col:nth-child(4) {
    width: 25%
}

#dealViewtb col:nth-child(5) {
    width: 25%
}

#noticetb col:nth-child(1) {
    width: 10%
}

#noticetb col:nth-child(2) {
    width: 50%
}

#noticetb col:nth-child(3) {
    width: 20%
}

#noticetb col:nth-child(4) {
    width: 10%
}

#noticetb col:nth-child(5) {
    width: 10%
}

#deallisttb col:nth-child(1) {
    width: 7%
}

#deallisttb col:nth-child(2) {
    width: 15%
}

#deallisttb col:nth-child(3) {
    width: 11%
}

#deallisttb col:nth-child(4) {
    width: 20%
}

#deallisttb col:nth-child(5) {
    width: 11%
}

#deallisttb col:nth-child(6) {
    width: 11%
}

#faqtb col:nth-child(1) {
    width: 50%
}

#faqtb col:nth-child(2) {
    width: 20%
}

#faqtb col:nth-child(3) {
    width: 20%
}

#faqtb col:nth-child(4) {
    width: 10%
}

#areaMebertb col:nth-child(1) {
    width: 7%
}

#areaMebertb col:nth-child(2) {
    width: 13%
}

#areaMebertb col:nth-child(3) {
    width: 10%
}

#areaMebertb col:nth-child(4) {
    width: 10%
}

#areaMebertb col:nth-child(5) {
    width: 10%
}

#areaMebertb col:nth-child(6) {
    width: 15%
}

#areaMebertb col:nth-child(7) {
    width: 20%
}

#areaMebertb col:nth-child(8) {
    width: 15%
}

#localAreaMebbertb col:nth-child(1) {}

#localAreaMebbertb col:nth-child(2) {}

#localAreaMebbertb col:nth-child(3) {}

#localAreaMebbertb col:nth-child(4) {}

#localAreaMebbertb col:nth-child(5) {}

#localAreaMebbertb col:nth-child(6) {}

#localAreaMebbertb col:nth-child(7) {}

#localAreaMebbertb col:nth-child(8) {}

#localAreaMebbertb col:nth-child(9) {}

#localAreaMebbertb col:nth-child(10) {}

#localAreaMebbertb col:nth-child(11) {}

#localAreaDeposittb:nth-child(1) {}

#localAreaDeposittb:nth-child(2) {}

#localAreaDeposittb:nth-child(3) {}

#localAreaDeposittb:nth-child(4) {}

#localAreaDeposittb:nth-child(5) {}

#localAreaDeposittb:nth-child(6) {}

#localAreaDeposittb:nth-child(7) {}

#localAreaDeposittb:nth-child(8) {}

#localAreaDeposittb:nth-child(9) {}

#localAreaDeposittb:nth-child(10) {}

#localAreaDeposittb:nth-child(11) {}

#areaPoint col:nth-child(1) {
    width: 7%
}

#areaPoint col:nth-child(2) {
    width: 20%
}

#areaPoint col:nth-child(3) {
    width: 15%
}

#areaPoint col:nth-child(4) {
    width: 15%
}

#areaPoint col:nth-child(5) {
    width: 15%
}

#areaPoint col:nth-child(6) {
    width: 14%
}

#areaPoint col:nth-child(7) {
    width: 14%
}

.page_navi {
    text-align: center
}

.page_navi button {
    font-size: 1.2em;
    background: 0 0;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    position: relative
}

.page_navi button+button {
    margin-left: 27px
}

.page_navi button:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #000;
    vertical-align: bottom;
    margin: 0 0 0 10px;
    transform: skew(-25deg, 0deg);
    -webkit-transform: skew(-25deg, 0deg);
    -moz-transform: skew(-25deg, 0deg)
}

.page_navi button.on {
    color: #d71a21
}

.page_navi button.fst>span,
.page_navi button.prev>span,
.page_navi button.next>span,
.page_navi button.lst>span {
    text-indent: -9999px;
    display: block;
    visibility: hidden;
    width: 0;
    height: 0
}

.page_navi button.fst:after,
.page_navi button.prev:after,
.page_navi button.next:after,
.page_navi button.lst:after {
    content: "";
    display: inline-block;
    transform: inherit;
    background: url(../img/paging_icoset.png) no-repeat;
    margin: 0 0 2px;
    padding: 0;
    width: 14px;
    height: 14px;
    margin: auto;
    vertical-align: middle
}

.page_navi button.fst:after {
    background-size: auto 14px;
    background-position: 0 0
}

.page_navi button.prev:after {
    background-size: auto 14px;
    background-position: -14px 0
}

.page_navi button.next:after {
    background-size: auto 14px;
    background-position: -28px 0
}

.page_navi button.lst:after {
    background-size: auto 14px;
    background-position: -47px 0
}