/* ?뚯썝媛??? */

.agreebox {}

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

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

.loginbox {
    position: relative;
    width: 500px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.loginbox .logo {
    margin: 100px 0 0 0
}

.loginbox .logo+.txtinfo {
    margin-top: 30px
}

.loginbox .txtinfo {
    font-size: .875em;
    color: #666
}

.loginbox .txtinfo+.inputfrm {
    margin-top: 10px
}

.loginbox .inputfrm .inputset {
    display: flex;
    border: 1px solid #d4d3d3
}

.loginbox .inputfrm .inputset input {
    border-radius: 0;
    height: 40px;
    flex: 1
}

.loginbox .inputfrm .inputset input::placeholder {
    line-height: 1;
    padding-top: 3px
}

.loginbox .inputfrm .inputset+.inputset {
    margin-top: 20px
}

.loginbox .inputfrm .inputset .ico {
    position: relative;
    display: inline-table;
    width: 40px;
    height: 40px;
    border-right: 1px solid #d4d3d3
}

.loginbox .inputfrm .inputset .ico:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 18px;
    height: 18px;
    background: url('../img/login_iconset.png') no-repeat 0 0;
    background-size: 36px auto
}

.loginbox .inputfrm .inputset .ico.id:before {
    background-position: 0 0
}

.loginbox .inputfrm .inputset .ico.pw:before {
    background-position: -18px 0
}

.loginbox .inputfrm+.btnset {
    margin-top: 25px
}

.loginbox .btnset+.snsbtnset {
    margin-top: 30px
}

.loginbox .btn {
    border-radius: 0
}

.loginbox .snsbtnset {
    position: relative
}

.loginbox .snsbtnset .social .btn .snstxt {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-right: 1px solid rgba(255, 255, 255, .2);
    position: absolute;
    top: 0;
    left: 0
}

.loginbox .snsbtnset .social .btn .snstxt:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: url('../img/snsloginset.png') no-repeat 0 0;
    background-size: auto 50px
}

.loginbox .snsbtnset .social+.social {
    margin-top: 10px
}

.loginbox .snsbtnset .social .btn {
    position: relative;
    display: block;
    color: #fff;
    padding: 0;
    height: 50px;
    line-height: 50px
}

.loginbox .snsbtnset .social.naver .btn {
    background: #1dc800
}

.loginbox .snsbtnset .social.naver .btn .snstxt:before {
    background-position: 0 0
}

.loginbox .snsbtnset .social.kakao .btn {
    background: #f7e317;
    color: #3c1e1e
}

.loginbox .snsbtnset .social.kakao .btn .snstxt:before {
    background-position: -50px 0
}

.loginbox .snsbtnset .social.facebook .btn {
    background: #3b5999
}

.loginbox .snsbtnset .social.facebook .btn .snstxt:before {
    background-position: -100px 0
}

.loginbox .snsbtnset .social.google .btn {
    background: #fff;
    border: 1px solid #d4d3d3;
    color: #1b1b1b
}

.loginbox .snsbtnset .social.google .btn .snstxt:before {
    background-position: -150px 0
}

.loginbox .snsbtnset .social.google .btn .snstxt {
    border-right: 1px solid #d4d3d3
}

.loginbox .snsbtnset+.findidset {
    margin-top: 20px
}

.loginbox .findidset {
    text-align: center
}

.loginbox .findidset .btn {
    font-size: .8125em;
    color: #666666
}

.loginbox .findidset .btn+.btn:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 8px;
    background: #d4d3d3;
    margin: 0 20px
}

.agreebox+.txtset {
    margin-top: 20px
}

.txtset+.btnset {
    margin-top: 10px
}

.btnset+.txtset {
    margin-top: 10px
}

.txtset {
    text-align: center
}

.iclist {
    overflow: hidden;
    padding: 0 15px
}

.iclist>li {
    float: left
}

.iclist>li.price {
    width: 165px
}

.iclist>li+li:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 20px;
    background: #d2d2d2;
    vertical-align: middle;
    margin: 0 30px
}

.iclist>li .ico {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url('../img/area_iconset.png') no-repeat 0 0;
    background-size: auto 42px;
    vertical-align: middle;
    margin-right: 15px
}

.iclist>li .ico.ty1 {
    background-position: 0 0
}

.iclist>li .ico.ty2 {
    background-position: -42px 0
}

.iclist>li .ico.ty3 {
    background-position: -84px 0
}

.iclist>li .ico.ty4 {
    background-position: -126px 0
}

.iclist .ic_dplist {
    display: inline-block;
    vertical-align: middle
}

.iclist .ic_dplist>dt {}

.iclist .ic_dplist>dd {
    font-size: 1.25em
}

.iclist .ic_dplist>dt,
.iclist .ic_dplist>dd {}

.tab_pos_rt {
    position: absolute;
    top: 10px;
    right: 0
}

.tab_pos_rt .btn.co1 {
    padding: 7px 19px
}

.graph {
    width: 938px;
    border: 1px solid #d2d2d2;
    height: 400px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 3px #c9ccd1;
    display: inline-block;
    overflow: hidden
}

.graph .chart_row {
    display: flex;
    align-items: center;
    position: relative
}

.graph .chart_row .tooltip {
    position: absolute;
    bottom: 10px;
    right: 10px;
    opacity: 1
}

.graph .chart_row .tooltip .txt {
    font-size: 16px
}

.graph .chart_row .tooltip .txt:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 16px;
    background: url('../img/star.png') no-repeat 0 0;
    background-size: 100%;
    margin-right: 5px;
    vertical-align: middle;
    margin-bottom: 4px
}

.graph .chart_row .hidden_tiparea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 20px;
    display: none;
    z-index: 100
}

.graph .chart_row .hidden_tiparea .stxt+.hd4 {
    margin-top: 30px
}

.graph .chart_row .hidden_tiparea .hd4+.stxt {
    margin-top: 10px
}

.graph .chart_row .tooltip.on+.hidden_tiparea {
    display: block
}

.graph .chart_col .chart_ctr .currenttime {
    display: inline-block
}

.graph .chart_col .chart_ctr .ctrset {
    displaay: inline-block
}

.graph .chart_col {
    flex: 1
}

.graph .chart_col.currentview {
    flex: none
}

.graph .chart_col .chart_ctr {
    text-align: right;
    height: 60px
}

.graph .chart_col .chart_ctr .currenttime {
    position: relative;
    bottom: 5px;
    right: 20px
}

.graph .chart_col .chart_ctr .currenttime .tit {
    margin-right: 10px
}

.graph .chart_col .chart_ctr .chartbtn {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url('../img/chart_ctrico.png') no-repeat 0 0;
    background-size: auto 40px;
    margin: 25px 0 0 0
}

.graph .chart_col .chart_ctr .chartbtn.plus {
    margin-right: 7px
}

.graph .chart_col .chart_ctr .chartbtn.ms {
    background-position: -40px 0
}

.graph .chart_col .chart_inner {
    height: 340px
}

.graph .chart_col .current_txt {
    background: #290433;
    color: #fff;
    padding: 5px 10px;
    margin: 0 10px;
    font-size: 12px;
    margin-top: 15px
}

.graph .chart_col .current_txt.co1 {
    background: #4c84ff
}

.graph .chart_col .current_txt.co2 {
    background: #ff6c60
}

/*
.graph .chart_ctr {text-align: right; height: 60px}
.graph .chart_ctr .chartbtn {display:inline-block; width:40px; height: 40px; background:url('../img/chart_ctrico.png') no-repeat 0 0; background-size:auto 40px; margin:10px 0 0 0}
.graph .chart_ctr .chartbtn.plus {margin-right:7px}
.graph .chart_ctr .chartbtn.ms {margin-right:20px; background-position:-40px 0}
.graph .chaar_row {display:flex; align-items: center}
.graph .chaar_row .chart_inner {height:330px; flex:1}
.graph .chaar_row .current_txt {background:#2e69eb; color:#fff; padding:5px 10px; margin:0 10px; font-size:12px}
*/

.videoinfo .vtxt {
    display: inline-block;
    font-size: 16px
}

.videoinfo .vtxt:before {
    content: "";
    width: 53px;
    height: 53px;
    display: inline-block;
    vertical-align: middle;
    background: url('../img/videoicon.png') no-repeat 0 0;
    margin-right: 10px
}

.videoinfo .vtxt:after {
    content: "";
    width: 7px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
    background: url('../img/video_arr.png') no-repeat 0 0;
    margin-left: 5px;
    margin-bottom: 3px
}

.graph_infoset {
    width: 316px;
    height: 400px;
    margin: 0 0 0 20px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 3px #c9ccd1;
    overflow: hidden;
    display: inline-block
}

.graph_infoset .innercont {
    border: 1px solid #d2d2d2;
    height: calc(100% - 40px);
    border-left-bottom-radius: 3px;
    border-right-bottom-radius: 3px
}

.graph_infoset .titset {
    background: #283353;
    height: 40px
}

.graph_infoset .hd3 {
    font-size: 1em;
    line-height: 40px;
    padding-left: 10px;
    color: #fff;
    font-weight: normal
}

.graph_infoset .ovscroll {
    height: 287px;
    overflow: auto;
    border-width: 0 1px 0 1px
}

.graph_infoset .tb_frm {
    border-top: none
}

.graph_infoset .tb_frm>table {
    background: transparent
}

.graph_infoset .tb_frm>table th {
    padding: 8px 10px;
    font-weight: normal;
    border: none;
    background: #fff;
    border-bottom: 1px solid #d2d2d2
}

.graph_infoset .tb_frm>table td {
    padding: 10px 10px;
    text-align: center;
    border-width: 0 0 1px 0
}

.graph_infoset .tb_frm>table th,
.graph_infoset .tb_frm>table td {
    font-size: .875em
}

.graph_infoset .btnset {
    margin-top: 20px
}

.graph_infoset .btn.submit {
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    padding: 0 15px
}

.contractset {
    box-shadow: 0 0 3px #c9ccd1;
    overflow: hidden;
    border-radius: 3px;
    background: #fff
}

.contract_timeset {
    position: relative;
    height: 60px;
    background: #283353;
    display: flex
}

.contract_timeset .timeset {
    flex: 1;
    display: flex;
    align-items: center
}

.contract_timeset .rtime {
    text-align: left;
    flex: 1
}

.contract_timeset .rtime .stxt {
    color: #cddae0;
    display: inline-block;
    vertical-align: middle
}

.contract_timeset .rtime .stxt.icon:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: 23px;
    background: url('../img/icon_timecheck.png') no-repeat 0 0;
    margin: 0 15px 3px 63px;
    background-size: 100%
}

.contract_timeset .rtime .time {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-size: 3em;
    line-height: 1;
    margin-left: 100px;
    margin-bottom: 5px;
}

.contract_timeset .rtime .time.cutani {
    animation: neon .7s ease-in-out infinite
}

@keyframes neon {
    0% {
        color: #fff
    }
    50% {
        color: #ff0000
    }
    100% {
        color: #fff
    }
}

.contract_timeset .rtime .time+.inputset {
    margin-left: 50px
}

.contract_timeset .rtime .inputset {
    border: 1px solid #fff;
    background: transparent;
    border-radius: 3px
}

.contract_timeset .rtime .inputset select {
    color: #fff;
    font-family: 'noto-regular';
    background: url(../img/selectbg2.html) no-repeat right 10px center;
    background-size: 18px 18px;
    padding: 0 45px 0 15px
}

.contract_timeset .rtime .inputset select option {
    color: #000
}

.contract_timeset .atime {
    width: 317px;
    text-align: center;
    background: #283353;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.contract_timeset .atime .stxt {
    color: #cddae0;
    display: inline-block;
    vertical-align: middle
}

.contract_timeset .atime .time {
    color: #fff;
    font-size: 2.2em;
    line-height: 1;
    vertical-align: middle;
    margin-left: 24px
}

.contractset .contract_infoset {
    border: 1px solid #d2d2d2;
    border-top: none
}

.contractset .contract_infoset .topcont {
    display: flex
}

/*
.contractset .contract_infoset .topcont .ltcont {padding:27px 35px 0; width: 280px; border-right:1px solid #d2d2d2}
.contractset .contract_infoset .topcont .ltcont .round {display:table; width: 38px; height: 38px; border-radius: 50%; background:#7b7b7d; text-align:center}
.contractset .contract_infoset .topcont .ltcont .round .ico {display:table-cell; vertical-align: middle}
.contractset .contract_infoset .topcont .ltcont .round .ico:before {content:""; display:block; width:16px; height: 18px; background:url('../img/user.png') no-repeat 0 0; background-size:100%; margin:0 auto}
.contractset .contract_infoset .topcont .ltcont .round .ico.user { }
.contractset .contract_infoset .topcont .ltcont .round + .dlist {margin-top:19px}
.contractset .contract_infoset .topcont .ltcont .dlist { }
.contractset .contract_infoset .topcont .ltcont .dlist > dt { }
.contractset .contract_infoset .topcont .ltcont .dlist > dd {color:#666}
.contractset .contract_infoset .topcont .ltcont .dlist > dt,
.contractset .contract_infoset .topcont .ltcont .dlist > dd {display:inline-block; width:49%; line-height: 45px}
.contractset .contract_infoset .topcont .ltcont .dlist > dd .point1 {font-size:1.5em;}
*/

.contractset .contract_infoset .topcont .rtcont {
    flex: 1
}

.contractset .contract_infoset .topcont .rtcont .tb_frm {
    border-top: none
}

.contractset .contract_infoset .topcont .rtcont .tb_frm>table {}

.contractset .contract_infoset .topcont .rtcont .tb_frm>table th {
    padding: 10px 10px 10px;
    font-weight: normal;
    border: none;
    border-bottom: 1px solid #d2d2d2;
    background: #fff
}

.contractset .contract_infoset .topcont .rtcont .tb_frm>table td {
    text-align: center;
    border: none;
    border-bottom: 1px solid #d2d2d2;
    padding: 12px 10px 12px 12px
}

.contractset .contract_infoset .topcont .rtcont .tb_frm>table td.lt {
    text-align: left
}

.contractset .contract_infoset .topcont .rtcont .tb_frm>table .adjustprice1 {
    background: #f2f2f2
}

.contractset .contract_infoset .topcont .rtcont .tb_frm>table td .btn.sell,
.contractset .contract_infoset .topcont .rtcont .tb_frm>table td .btn.buy,
.contractset .contract_infoset .topcont .rtcont .tb_frm>table td .btn.end {
    border-radius: 3px;
    min-width: 100px;
    padding: 0 4px;
    height: 32px;
    line-height: 32px
}

.contractset .contract_infoset .topcont .rtcont .tb_frm>table td.rowflex .btn.etc1 {
    padding: 0 5px;
    font-size: .875em;
    line-height: 32px;
    height: 32px
}

.contractset .contract_infoset .topcont .rtcont .tb_frm>table td.rowflex .badge {
    padding: 0 5px;
    font-size: .875em;
    line-height: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #aaa;
    color: #666;
    border-radius: 3px
}

.contractset .contract_infoset .topcont .rtcont .tb_frm>table td .btn {
    position: relative
}

/* 留μ뒪 移댁슫?? ?ㅼ젙 */

.contractset .contract_infoset .topcont .rtcont .tb_frm>table td .rowgrid {
    position: relative;
    top: 4px
}

.contractset .contract_infoset .topcont .rtcont .tb_frm>table td .rowgrid .btn_pointtype {
    position: relative;
    display: inline-block
}

.contractset .contract_infoset .topcont .rtcont .tb_frm>table td .rowgrid .btn_pointtype .maxcountnum {
    position: absolute;
    top: -9px;
    left: -15px;
    width: 28px;
    height: 28px;
    background: #fff;
    border: 1px solid #ff6c60;
    border-radius: 50%;
    font-size: 12px;
    color: #666;
    line-height: 27px
}

.contractset .contract_infoset .topcont .rtcont .tb_frm>table td .rowgrid .btn_pointtype .maxcountnum.co1 {
    font-weight: 500;
    color: #d91e2c
}

.contractset .contract_infoset .topcont .rtcont .tb_frm>table td .rowgrid .btn_pointtype.co1 .maxcountnum {
    border-color: #4c84ff
}

.contractset .contract_infoset .topcont .rtcont .tb_frm>table tfoot th {
    text-align: right;
    font-size: 1.25em;
    padding-right: 93px
}

.contractset .contract_infoset .topcont .rtcont .tb_frm>table tfoot td em {
    font-size: 1.5em;
    line-height: 1
}

.contractset .contract_infoset .topcont .rtcont .tb_frm>table tfoot [class^="btn co"]+[class^="btn etc"] {
    margin-top: 10px
}

.contractset .contract_infoset .topcont .rtcont .tb_frm>table tfoot .apply td:last-child {}

.contractset .contract_infoset .topcont .rtcont .tb_frm>table tfoot .etcset td {}

.contractset .contract_infoset .topcont .rtcont .tb_frm>table tfoot .etcset+tr>td {
    border-top: 1px solid #d2d2d2
}

.contractset .contract_infoset .topcont .rtcont .tb_frm>table tfoot .btn {
    width: 100%;
    height: 40px;
    line-height: 40px
}

.contractset .contract_infoset .topcont .rtcont .tb_frm>table tfoot .applya+.etcset {}

.contractset .contract_infoset .user_info_row {
    padding: 5px
}

.contractset .contract_infoset .user_info_row .round {
    display: inline-table;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #7b7b7d;
    text-align: center;
    vertical-align: middle
}

.contractset .contract_infoset .user_info_row .round .ico {
    display: table-cell;
    vertical-align: middle
}

.contractset .contract_infoset .user_info_row .round .ico:before {
    content: "";
    display: block;
    width: 16px;
    height: 18px;
    background: url('../img/user.png') no-repeat 0 0;
    background-size: 100%;
    margin: 0 auto
}

.contractset .contract_infoset .user_info_row .round+.infolist {
    margin-left: 10px
}

.contractset .contract_infoset .user_info_row .infolist {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden
}

.contractset .contract_infoset .user_info_row .infolist>li {
    float: none
}

.contractset .contract_infoset .user_info_row .infolist>li .dlist {}

.contractset .contract_infoset .user_info_row .infolist>li .dlist dt {
    min-width: 60px
}

.contractset .contract_infoset .user_info_row .infolist>li .dlist dd {
    color: #666
}

.contractset .contract_infoset .user_info_row .infolist>li .dlist dt,
.contractset .contract_infoset .user_info_row .infolist>li .dlist dd {
    display: inline-block
}

.contractset .contract_infoset .user_info_row .infolist>li .dlist dd .point1 {
    font-size: 1.2em;
    font-weight: 400;
    margin-left: 20px
}

.contractset .contract_infoset .user_info_row .infolist.ty1>li {
    display: inline-block
}

.contractset .contract_infoset .user_info_row .infolist.ty1>li+li {
    margin-left: 60px
}

.contractset .contract_infoset .user_info_row .infolist+.infolist {
    margin-left: 80px
}

/* .contractset .contract_infoset .botcont {border-top:1px solid #d2d2d2; padding:22px 20px; overflow: hidden} */

.contractset .contract_infoset .sblist {
    float: left;
    margin-left: 10px
}

.contractset .contract_infoset .sblist>li {
    color: #666;
    font-size: .875em
}

.contractset .contract_infoset .sblist>li+li {
    margin-top: 5px
}

.contractset .contract_infoset .sblist>li span {
    display: inline-block
}

.contractset .contract_infoset .sblist>li .tit {
    margin-right: 5px
}

.contractset .contract_infoset .sblist>li .tit {}

.contractset .contract_infoset .sblist>li em:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 11px;
    height: 8px;
    background: url(../img/main_ratearr.png) no-repeat 0 0;
    background-size: 11px 16px;
    margin-right: 5px
}

.contractset .contract_infoset .sblist>li .point1 {}

.contractset .contract_infoset .sblist>li .point1:before {
    background-position: 0 -8px
}

.contractset .contract_infoset .botcont .sblist>li .point2 {}

.contractset .contract_infoset .botcont .sblist>li .grid {
    margin: 0 5px
}

.contractset .contract_infoset .botcont .btnset {
    float: right
}

.contractset .contract_infoset .botcont .btnset .inputset {
    display: inline-block
}

.contractset .contract_infoset .botcont .btnset .etcset,
.contractset .contract_infoset .botcont .btnset .apply {
    display: block
}

.contractset .contract_infoset .botcont .btnset .inputset select {
    height: 47px
}

.contractset .contract_infoset .botcont .btnset .inputset {
    border-radius: 3px
}

.contractset .contract_infoset .botcont .btnset .inputset+.etcset {
    margin-left: 20px
}

.contractset .contract_infoset .botcont .btnset .etcset .etc1 {
    height: 47px;
    width: 160px;
    line-height: 47px;
    text-align: center
}

.contractset .contract_infoset .botcont .btnset .etcset .btn+.btn {
    margin-left: 7px
}

.contractset .contract_infoset .botcont .btnset .apply+.etcset {
    margin-top: 15px
}

.contractset .contract_infoset .botcont .btnset .apply .co1,
.contractset .contract_infoset .botcont .btnset .apply .co2 {
    height: 47px;
    width: 160px;
    line-height: 47px;
    text-align: center
}

.contractset .contract_infoset .botcont .btnset .apply .btn+.btn {
    margin-left: 7px
}

.chatset {
    box-shadow: 0 0 3px #c9ccd1;
    overflow: hidden;
    border-radius: 3px;
    background: #fff;
    height: 465px;
    margin-top: 20px;
    display: flex;
    border: 1px solid #d2d2d2;
    transition: all .5s ease;
    position: relative;
}

.chatset .chat_info {
    width: 280px;
    height: 100%;
    border-right: 1px solid #d2d2d2;
    text-align: center
}

.chatset .chat_info .titset {}

.chatset .chat_info .titset .hd3 {
    padding: 70px 0 0 0
}

.chatset .chat_info .titset+.stxt {
    margin-top: 15px
}

.chatset .chat_info .stxt {}

.chatset .chat_info .stxt:after {
    content: "";
    display: block;
    width: 157px;
    height: 103px;
    background: url('../img/chat_bgimg.png') no-repeat 0 0;
    margin: 20px auto 0
}

.chatset .chat_info .stxt+.btn {
    margin-top: 20px
}

.chatset .chatbox {
    flex: 1;
    background: #f2f2f2;
    position: relative;
    padding-top: 50px
}

.chatset .chatbox .inner {
    overflow: auto;
    height: 320px;
    margin: 20px 0
}

.chatset .chatbox .inner .entertxt {
    text-align: center;
    margin-bottom: 20px;
    font-size: .875em;
    clear: both
}

.chatset .chat_ctrset {
    position: absolute;
    ;
    top: 0;
    right: 0;
    z-index: 100;
    font-size: 0
}

.chatset .chat_ctrset .btn {
    display: inline-block;
    width: 44px;
    height: 36px;
    font-size: .875rem;
    line-height: 36px;
    color: #fff;
    text-align: center;
    border-radius: 0;
    background: #d2d2d2
}

.chatset .chat_ctrset .btn.on {
    background: #324da8
}

/*
.chatset .chat_ctr {position:absolute;;top:0; right:0; display:table; width:33px; height: 33px; background:#1b1b1b;
border-radius: 0; text-align: center; z-index: 100}
.chatset .chat_ctr > span {display:table-cell; vertical-align: middle}
.chatset .chat_ctr > span:after {content:""; display:block; width:14px; height: 9px; background:url('../img/chat_ctrset.png') no-repeat 0 0;
background-size:14px auto; margin:0 auto}
*/

.chatset .chatbox .inner .txtchat {
    width: 80%;
    clear: both;
    margin-bottom: 20px
}

.chatset .chatbox .inner .txtchat .stxt {
    padding: 10px
}

.chatset .chatbox .inner .txtchat.me {
    float: right;
    margin-right: 20px
}

.chatset .chatbox .inner .txtchat.me .stxt {
    background: #d3dbf5
}

.chatset .chatbox .inner .txtchat.oth {
    float: left;
    margin-left: 20px
}

.chatset .chatbox .inner .txtchat.oth .user {
    display: block;
    font-weight: bold;
    margin-bottom: 5px
}

.chatset .chatbox .inner .txtchat.oth .stxt {
    background: #fff
}

.chatset .chatbox .inputfrm {
    height: 55px;
    background: #fff;
    clear: both;
    display: flex;
    border-top: 1px solid #d2d2d2
}

.chatset .chatbox .inputfrm .inputset {
    height: 100%;
    margin: 0;
    padding: 0;
    flex: 1;
    border: none
}

.chatset .chatbox .inputfrm .inputset input {
    line-height: 53px;
    height: 53px;
    width: 100%;
    padding-left: 20px
}

.chatset .chatbox .inputfrm .submit {
    background: #f2f2f2;
    border-radius: 0;
    width: 55px;
    height: 55px;
    border-left: 1px solid #d2d2d2;
    position: relative;
    padding: 0
}

.chatset .chatbox .inputfrm .submit:before {
    content: "";
    display: block;
    width: 22px;
    height: 16px;
    background: url('../img/chat_entericon.png') no-repeat 0 0;
    position: absolute;
    ;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.chatset.off {
    height: 35px
}

.chatset.off .chat_info {
    background: #fff;
    border-right: none
}

.chatset.off .chat_info .titset .hd3 {
    padding: 0 0 0 20px;
    font-size: 1.1em;
    text-align: left;
    line-height: 34px
}

.chatset.off .chatbox {
    background: #fff
}

.chatset.off .chatbox .inner .chat_ctr>span:after {
    background-position: 0 -9px
}

.account {
    margin-top: 20px;
}

.account .bankinfo {
    border-bottom: 1px solid #d2d2d2;
    padding: 0 0 20px 0;
    margin-bottom: 20px
}

.account .bankinfo .banklogo {
    display: inline-block;
    vertical-align: middle;
    width: 100px
}

.account .bankinfo .banklogo>img {
    width: 100%
}

.account .bankinfo .accountlist {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px
}

.account .bankinfo .accountlist>li {}

.account .bankinfo .accountlist>li .stit {}

.account .bankinfo .accountlist>li .stxt {}

.account .btnset {}

.account .simg>img {}

.account .astepset {
    border: 1px solid #d2d2d2;
    margin: 20px 0 0 0;
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

.account .astepset .titset {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.2em;
}

.account .astepset .titset:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #aaa;
    margin: 0 10px
}

.account .astepset .stxt {
    display: inline-block;
    vertical-align: middle;
    flex: 1;
}

.account .astepset.caution {
    background: #f2f2f2;
    display: block
}

.account .astepset.caution .hd5:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url('../img/triangle.png') no-repeat 0 0;
    background-size: 100%;
    margin: 0 7px 5px 0
}

.contract_area {}

.contract_area .printarea {
    text-align: right
}

.contract_area .secretid {
    width: 300px;
    background: #f2f2f2 url('../img/vertical_line.png') repeat;
    margin: 20px auto;
    text-align: center;
}

.contract_area .btnset+.resultbox {
    margin-top: 20px
}

.contract_area .resultbox {
    display: flex;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    padding: 20px
}

.contract_area .resultbox .box {
    flex: 1;
    padding: 20px
}

.contract_area .resultbox .box:first-child {
    text-align: right;
    padding-right: 40px
}

.contract_area .resultbox .box:last-child {
    text-align: left;
    padding-left: 40px;
    border-left: 1px solid #d2d2d2
}

.contract_area .resultbox .box .ic {}

.contract_area .resultbox .box .ic>li {
    font-size: 1em
}

.contract_area .caution {
    text-align: center;
    font-size: .75em;
    margin-top: 20px
}

.contract_area .caution .msg_caution {
    display: block;
    font-size: 1.2em;
    margin-top: 20px
}

.contract_area .caution .msg_caution:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url('../img/triangle.png') no-repeat 0 0;
    background-size: 100%;
    margin: 0 7px 5px 0
}

.contract_area .caution .cautionlogo {
    text-align: center;
    margin-top: 20px
}

.contract_area .caution .cautionlogo .call {
    display: inline-block;
    font-size: 1.5em;
    margin-left: 20px;
    vertical-align: middle
}

.complete {
    text-align: center;
    padding: 30px 20px
}

.complete .ico_check {
    width: 88px;
    height: 88px;
    background: url('../img/completeicon.png') no-repeat 0 0;
    background-size: 100%;
    display: block;
    margin: 0 auto
}

.complete .ico_check+.titset {
    margin-top: 20px
}

.complete .titset .hd3 {
    font-size: 2em
}

.complete .titset+.stxt {
    margin-top: 15px
}

.complete .stxt+.btnset {
    margin-top: 20px
}

.zigbox_outer {
    margin-top: 100px
}

.zigbox_outer .zigbox {
    display: flex;
    justify-content: space-between
}

.zigbox_outer .zigbox+.zigbox {
    margin-top: 70px
}

.zigbox_outer .zigbox .simg {
    position: relative;
    width: 400px;
    margin: 0 0 0 150px
}

.zigbox_outer .zigbox .simg>img {
    width: 100%
}

/*
.zigbox_outer .zigbox .simg:before {content:""; display:block; position:absolute; width: 42px; height: 42px; background: url('../image/zig_plusicon.png') no-repeat 0 0; top:50%; right:-65px; margin-top:-21px}
*/

.zigbox_outer .zigbox .txtinfo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 395px;
    margin: 0 150px 0 0
}

.zigbox_outer .zigbox .txtinfo .hd3 {
    font-size: 1.5em
}

.zigbox_outer .zigbox .txtinfo .hd3+.ic {
    margin-top: 10px
}

.zigbox_outer .zigbox .txtinfo .ic {}

.zigbox_outer .zigbox .txtinfo .ic>li {
    text-align: left;
    font-size: 1.2em
}

.zigbox_outer .zigbox .txtinfo .ic>li:before {
    display: none
}

.zigbox_outer .zigbox.ty1 .simg {
    order: 2;
    margin: 0 150px 0 0
}

.zigbox_outer .zigbox.ty1 .simg:before {
    right: inherit;
    left: -65px
}

.zigbox_outer .zigbox.ty1 .txtinfo {
    order: 1;
    align-items: flex-start;
    width: 540px;
    margin: 0 0 0 150px
}

.zigbox_outer .zigbox.ty1 .txtinfo .ic>li {
    text-align: left
}

.zigbox_outer.wide .zigbox .txtinfo {
    margin: 0 50px 0 0;
    width: 575px
}

.zigbox_outer.wide .zigbox .simg {
    margin: 0 0 0 50px
}

.zigbox_outer.wide .zigbox.ty1 .txtinfo {
    margin: 0 0 0 50px
}

.zigbox_outer.wide .zigbox.ty1 .simg {
    margin: 0 50px 0 0
}

.infoset {}

.infoset .infolist {
    overflow: hidden
}

.infoset .infolist>li {
    float: left;
    width: 50%;
    padding: 20px 100px
}

.infoset .infolist>li .simg {
    display: block
}

.infoset .infolist>li .simg>img {
    width: 100%
}

.infoset .infolist>li .simg+.hd3 {
    margin-top: 20px
}

.infoset .infolist>li .hd3 {}

.infoset .infolist>li .num {
    margin: 10px 0 0 20px
}

.infoset .infolist>li .num>li {
    line-height: 1.7
}

.infoset .infolist>li.alertmsg {
    width: 100%;
    border-top: 1px solid #d2d2d2
}

.mtab {
    padding: 0;
    position: relative
}

.mtab .tablist {
    overflow: hidden;
    display: block;
    position: relative
}

.mtab .tablist>li {
    position: relative;
    display: inline-block;
    float: left;
    flex: 1;
    -webkit-flex: 1;
    -o-flex: 1;
    width: 25%;
    justify-content: flex-start;
    text-align: center;
    border-bottom: 1px solid #000;
    min-height: 59px;
    background: #f2f2f2;
}

/*
.mtab .tablist > li{
	position:relative;
	display:inline-block;
	width:25%; 
	border-bottom:1px solid #f2f2f2;
	text-align:center;
	
	min-height:59px; background:#f2f2f2;
}*/

.mtab .tablist>li:before {
    content: "";
    display: block;
    width: 1px;
    height: 30px;
    background: #dddddd;
    position: absolute;
    top: 50%;
    margin-top: -15px
}

.mtab .tablist>li:first-child:before {
    display: none
}

.mtab .tablist>li>a {
    display: block;
    justify-content: center;
    flex-direction: column;
    padding: 9px 0;
    margin: auto;
    line-height: 19px;
}

.mtab .tablist>li button {
    width: 100%
}

.mtab .tablist>li.on {
    border: 2px solid #000;
    border-bottom: none;
    background: #fff
}

.tab_section {
    padding: 0 0 10px 0;
    display: none
}

.tab_section:first-child {
    display: block
}

.tab_section.ty1 {
    display: block
}

.mtab.ty1 {}

.mtab.ty1 .tablist {
    display: block;
    overflow: hidden
}

.mtab.ty1 .tablist:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000;
    z-index: 0
}

.mtab.ty1 .tablist>li {
    display: inline-block;
    float: left;
    border-bottom: none;
    z-index: 100
}

.mtab.ty1 .tablist>li>a {
    padding: 0 20px;
    line-height: 59px
}

.alram {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 190px
}

.agree_container {
    width: 594px;
    height: 840px;
    position: relative
}

.agree_container:after {
    content: "";
    display: block;
    width: 100%;
    height: 30px;
    background: url('../img/dealagree_footbg.png') no-repeat 0 0;
    position: absolute;
    bottom: 0;
    left: 0
}

.agree_container .ahead {
    position: relative;
    height: 117px;
    background: url('../img/dealagree_headbg.png') no-repeat 0 0;
    z-index: 0
}

.agree_container .ahead .logo {
    position: absolute;
    top: 42px;
    left: 21px
}

.agree_container .ahead .logo img {
    vertical-align: top
}

.agree_container .awrap {
    position: relative;
    z-index: 10
}

.agree_container .awrap .dealbtn {
    position: absolute;
    top: -22px;
    right: 25px
}

.agree_container .awrap .dealbtn .sell {
    font-size: 1em;
    padding: 5px 15px;
    border-radius: 5px
}

.agree_container .awrap .dealbtn .buy {
    font-size: 1em;
    padding: 5px 15px;
    border-radius: 5px
}

.agree_container .awrap .titset {
    text-align: center;
    padding-top: 0
}

.agree_container .awrap .titset .hd2 {
    font-size: 2em
}

.agree_container .awrap .titset .stxt {
    color: #666;
    font-size: .875em;
    margin-top: 10px
}

.agree_container .awrap .resultbox {
    position: relative;
    width: 520px;
    margin: 10px auto 0;
    padding: 10px;
    background: #f2f2f2;
    text-align: center
}

.agree_container .awrap .resultbox .result_dt {
    font-size: .875em;
    color: #666
}

.agree_container .awrap .resultbox .result_dt .space {
    display: inline-block
}

.agree_container .awrap .resultbox .result_dt .space+.space {
    margin-left: 10px
}

.agree_container .awrap .resultbox .date {
    display: block
}

.agree_container .awrap .resultbox .money {
    display: block;
    font-size: 1.875em;
    color: #324da8;
    font-weight: 400;
    margin-top: 4px
}

.agree_container .awrap .resultbox .money .smtxt {
    color: #666;
    font-size: .7em;
    margin-right: 10px;
    font-weight: normal
}

.agree_container .awrap .resultbox .hr {
    border: 1px solid #d7d7d7;
    display: block;
    margin: 10px auto 14px 0;
    width: 95%;
}

.agree_container .awrap .ic {
    margin: 10px 0 0 40px
}

.agree_container .awrap .dealtime {
    overflow: hidden;
    margin: 15px 40px
}

.agree_container .awrap .dealtime .f_left {
    float: left
}

.agree_container .awrap .dealtime .f_left .time {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #aaa;
    padding: 5px
}

.agree_container .awrap .dealtime .f_right {
    float: right
}

.agree_container .awrap .dealtime .f_right .submit {
    height: 40px;
    line-height: 40px
}

.agree_container .awrap .qaset {
    padding: 0 40px;
    margin: 0 0 0 0;
    overflow: hidden
}

.agree_container .awrap .qaset .inner {
    overflow: hidden
}

.agree_container .awrap .qaset .inner .tel {
    float: left
}

.agree_container .awrap .qaset .inner .tel .num {
    font-size: 1.67em
}

.agree_container .awrap .qaset .inner .print {
    float: right
}

.agree_container .awrap .qaset .inner .print:before {
    width: 14px;
    height: 14px;
    background-size: 100%
}

.agree_container .awrap .qaset .stxt {
    clear: both;
    font-size: .75em;
    margin-top: 7px
}

.agree_container .awrap .tb_frm {
    width: 90%;
    margin: 10px auto 0
}

.agree_container .awrap .tb_frm th,
.agree_container .awrap .tb_frm td {
    text-align: center;
    padding: 7px
}

/*
.findbox {position:fixed; width:400px; height:400px; top:50%; left:50%; margin:-200px 0 0 -200px; border:1px solid #d2d2d2;
border-radius: 5px; padding:30px 20px}
*/

.findbox .logo {
    text-align: center
}

.findbox .logo .hd1 {}

.findbox .logo+.titset {
    margin-top: 30px
}

.findbox .titset {}

.findbox .titset .hd2 {
    font-size: 1.2em
}

.findbox .titset+.inputfrm {
    margin-top: 10px
}

.findbox .inputfrm {}

.findbox .inputfrm .inputset {
    display: block
}

.findbox .inputfrm .inputset+.inputset {
    margin-top: 10px
}

.findbox .inputfrm .inputset input {}

.findbox .inputfrm+.stxt {
    margin-top: 10px;
    color: #666;
    font-size: .875em
}

.findbox .stxt {
    text-align: center;
    margin: 0
}

.findbox .stxt+.btnset {
    margin-top: 20px
}

.findbox .btnset {
    text-align: center
}

.findbox .logo+.fstep01,
.findbox .logo~.fstep02 {
    margin-top: 40px
}

.findbox .btnset+.stxt {
    margin-top: 10px
}

.msgbox {
    background: #f2f2f2;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding: 15px
}

.msgbox .msg_dlist {
    font-size: 0
}

.msgbox .msg_dlist>dt,
.msgbox .msg_dlist>dd {
    display: inline-block;
    vertical-align: top;
    font-size: 1rem
}

.msgbox .msg_dlist>dt {
    width: 10%;
    font-size: 1.12rem
}

.msgbox .msg_dlist>dd {
    width: 90%
}

.msgbox .msg_dlist>dd+dt,
.msgbox .msg_dlist>dt+dd {
    margin-top: 20px
}

.msgbox .msg_dlist>dd:first-of-type {
    margin-top: 0
}

.num {
    counter-reset: numcount
}

.num>li {
    position: relative;
    padding-left: 40px
}

.num>li+li {
    margin-top: 20px
}

.num>li:before {
    content: counter(numcount);
    counter-increment: numcount;
    position: absolute;
    left: 0;
    top: 0;
    background: #5188ff;
    color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: .875em
}

.can-toggle {
    position: relative;
}

.can-toggle .labeltxt {
    white-space: nowrap;
    margin-right: 10px;
    font-size: 1.2em
}

.can-toggle *,
.can-toggle *:before,
.can-toggle *:after {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.can-toggle input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.can-toggle input[type="checkbox"][disabled]~label {
    pointer-events: none;
}

.can-toggle input[type="checkbox"][disabled]~label .can-toggle__switch {
    opacity: 0.4;
}

.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch:before {
    content: attr(data-unchecked);
    right: 0;
    left: inherit
}

.can-toggle label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
}

.can-toggle label .can-toggle__label-text {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 32px;
}

.can-toggle label .can-toggle__switch {
    position: relative;
}

.can-toggle label .can-toggle__switch:before {
    content: attr(data-checked);
    position: absolute;
    top: 0;
    text-transform: uppercase;
    text-align: center;
}

/*  泥댄겕 ?섍린?? ?쒖꽦?? 踰꾪듉?? ?곹깭 */

.can-toggle input[type="checkbox"]~label .can-toggle__switch:after {
    content: attr(data-unchecked);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
    -ms-transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
    color: #fff;
    position: absolute;
    z-index: 5;
    text-transform: uppercase;
    text-align: center;
    background: rgb(2, 171, 210);
    -webkit-transform: translate3d(65px, 0, 0);
    transform: translate3d(65px, 0, 0);
}

/*  泥댄겕 ?쒗썑 ?쒖꽦?? 踰꾪듉?? ?곹깭 */

.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch:after {
    content: attr(data-checked);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
    -ms-transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.can-toggle input[type="checkbox"][disabled]~label {
    color: rgba(119, 119, 119, 0.5);
}

.can-toggle input[type="checkbox"]:focus~label .can-toggle__switch,
.can-toggle input[type="checkbox"]:hover~label .can-toggle__switch {
    background-color: #d2d2d2;
}

.can-toggle input[type="checkbox"]:focus~label .can-toggle__switch:after,
.can-toggle input[type="checkbox"]:hover~label .can-toggle__switch:after {
    color: #fff;
}

.can-toggle input[type="checkbox"]:hover~label {
    /*  color: #6a6a6a;*/
}

.can-toggle input[type="checkbox"]:checked~label:hover {
    /* color: #55bc49; */
}

.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch {
    background-color: #d2d2d2;
}

.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch:after {
    color: #fff;
}

.can-toggle input[type="checkbox"]:checked:focus~label .can-toggle__switch,
.can-toggle input[type="checkbox"]:checked:hover~label .can-toggle__switch {
    background-color: #d2d2d2;
}

.can-toggle input[type="checkbox"]:checked:focus~label .can-toggle__switch:after,
.can-toggle input[type="checkbox"]:checked:hover~label .can-toggle__switch:after {
    color: #fff;
}

.can-toggle label {
    cursor: pointer
}

.can-toggle label .can-toggle__label-text {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.can-toggle label .can-toggle__switch {
    -webkit-transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
    transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
    background: #d2d2d2;
}

.can-toggle label .can-toggle__switch:before {
    color: rgba(255, 255, 255, 0.5);
}

.can-toggle input[type="checkbox"]:focus~label .can-toggle__switch:after,
.can-toggle input[type="checkbox"]:hover~label .can-toggle__switch:after {
    /* box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); */
}

.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch:after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.can-toggle input[type="checkbox"]:checked:focus~label .can-toggle__switch:after,
.can-toggle input[type="checkbox"]:checked:hover~label .can-toggle__switch:after {
    /* box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); */
}

.can-toggle label {
    font-size: 14px;
}

.can-toggle label .can-toggle__switch {
    height: 36px;
    -webkit-flex: 0 0 134px;
    -ms-flex: 0 0 134px;
    flex: 0 0 134px;
    border-radius: 50px;
}

.can-toggle label .can-toggle__switch:before {
    /* left: 67px; */
    font-size: 12px;
    line-height: 36px;
    width: 67px;
    padding: 0 12px;
}

.can-toggle input[type="checkbox"]:checked+label .can-toggle__switch:after {
    left: 4px
}

.can-toggle input[type="checkbox"]+label .can-toggle__switch:after {
    left: 0
}

.can-toggle input[type="checkbox"]:checked+label .can-toggle__switch:before {}

.can-toggle input[type="checkbox"]+label .can-toggle__switch:before {
    left: 0
}

.can-toggle label .can-toggle__switch:after {
    top: 3px;
    /* left: 4px; */
    border-radius: 50px;
    width: 65px;
    line-height: 30px;
    font-size: 1em;
}

.can-toggle label .can-toggle__switch:hover:after {
    /* box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); */
}

.can-toggle.can-toggle--size-small input[type="checkbox"]:focus~label .can-toggle__switch:after,
.can-toggle.can-toggle--size-small input[type="checkbox"]:hover~label .can-toggle__switch:after {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}

.can-toggle.can-toggle--size-small input[type="checkbox"]:checked~label .can-toggle__switch:after {
    -webkit-transform: translate3d(44px, 0, 0);
    transform: translate3d(44px, 0, 0);
}

.can-toggle.can-toggle--size-small input[type="checkbox"]:checked:focus~label .can-toggle__switch:after,
.can-toggle.can-toggle--size-small input[type="checkbox"]:checked:hover~label .can-toggle__switch:after {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}

.can-toggle.can-toggle--size-small label {
    font-size: 13px;
}

.can-toggle.can-toggle--size-small label .can-toggle__switch {
    height: 28px;
    -webkit-flex: 0 0 90px;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    border-radius: 2px;
}

.can-toggle.can-toggle--size-small label .can-toggle__switch:before {
    left: 45px;
    font-size: 10px;
    line-height: 28px;
    width: 45px;
    padding: 0 12px;
}

.can-toggle.can-toggle--size-small label .can-toggle__switch:after {
    top: 1px;
    left: 1px;
    border-radius: 1px;
    width: 44px;
    line-height: 26px;
    font-size: 10px;
}

.can-toggle.can-toggle--size-small label .can-toggle__switch:hover:after {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}

.can-toggle.can-toggle--size-large input[type="checkbox"]:focus~label .can-toggle__switch:after,
.can-toggle.can-toggle--size-large input[type="checkbox"]:hover~label .can-toggle__switch:after {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

.can-toggle.can-toggle--size-large input[type="checkbox"]:checked~label .can-toggle__switch:after {
    -webkit-transform: translate3d(78px, 0, 0);
    transform: translate3d(78px, 0, 0);
}

.can-toggle.can-toggle--size-large input[type="checkbox"]:checked:focus~label .can-toggle__switch:after,
.can-toggle.can-toggle--size-large input[type="checkbox"]:checked:hover~label .can-toggle__switch:after {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

.can-toggle.can-toggle--size-large label {
    font-size: 14px;
}

.can-toggle.can-toggle--size-large label .can-toggle__switch {
    height: 50px;
    -webkit-flex: 0 0 160px;
    -ms-flex: 0 0 160px;
    flex: 0 0 160px;
    border-radius: 4px;
}

.can-toggle.can-toggle--size-large label .can-toggle__switch:before {
    left: 80px;
    font-size: 14px;
    line-height: 50px;
    width: 80px;
    padding: 0 12px;
}

.can-toggle.can-toggle--size-large label .can-toggle__switch:after {
    top: 2px;
    left: 2px;
    border-radius: 2px;
    width: 78px;
    line-height: 46px;
    font-size: 14px;
}

.can-toggle.can-toggle--size-large label .can-toggle__switch:hover:after {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

.can-toggle.demo-rebrand-1 input[type="checkbox"][disabled]~label {
    color: rgba(181, 62, 116, 0.5);
}

.can-toggle.demo-rebrand-1 input[type="checkbox"]:focus~label .can-toggle__switch,
.can-toggle.demo-rebrand-1 input[type="checkbox"]:hover~label .can-toggle__switch {
    background-color: #b53e74;
}

.can-toggle.demo-rebrand-1 input[type="checkbox"]:focus~label .can-toggle__switch:after,
.can-toggle.demo-rebrand-1 input[type="checkbox"]:hover~label .can-toggle__switch:after {
    color: #8f315c;
}

.can-toggle.demo-rebrand-1 input[type="checkbox"]:hover~label {
    color: #a23768;
}

.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked~label:hover {
    color: #39916a;
}

.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked~label .can-toggle__switch {
    background-color: #44ae7f;
}

.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked~label .can-toggle__switch:after {
    color: #368a65;
}

.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:focus~label .can-toggle__switch,
.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:hover~label .can-toggle__switch {
    background-color: #3d9c72;
}

.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:focus~label .can-toggle__switch:after,
.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:hover~label .can-toggle__switch:after {
    color: #2f7757;
}

.can-toggle.demo-rebrand-1 label .can-toggle__label-text {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.can-toggle.demo-rebrand-1 label .can-toggle__switch {
    -webkit-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
    background: #c14b81;
}

.can-toggle.demo-rebrand-1 label .can-toggle__switch:before {
    color: rgba(255, 255, 255, 0.6);
}

.can-toggle.demo-rebrand-1 label .can-toggle__switch:after {
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    color: #b53e74;
}

.can-toggle.demo-rebrand-2 input[type="checkbox"][disabled]~label {
    color: rgba(68, 68, 68, 0.5);
}

.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus~label .can-toggle__switch,
.can-toggle.demo-rebrand-2 input[type="checkbox"]:hover~label .can-toggle__switch {
    background-color: #444;
}

.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus~label .can-toggle__switch:after,
.can-toggle.demo-rebrand-2 input[type="checkbox"]:hover~label .can-toggle__switch:after {
    color: #2b2b2b;
}

.can-toggle.demo-rebrand-2 input[type="checkbox"]:hover~label {
    color: #373737;
}

.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked~label:hover {
    color: #62b125;
}

.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked~label .can-toggle__switch {
    background-color: #75d32d;
}

.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked~label .can-toggle__switch:after {
    color: #5da924;
}

.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus~label .can-toggle__switch,
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover~label .can-toggle__switch {
    background-color: #69be28;
}

.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus~label .can-toggle__switch:after,
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover~label .can-toggle__switch:after {
    color: #52941f;
}

.can-toggle.demo-rebrand-2 label .can-toggle__label-text {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.can-toggle.demo-rebrand-2 label .can-toggle__switch {
    -webkit-transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    background: #515151;
}

.can-toggle.demo-rebrand-2 label .can-toggle__switch:before {
    color: rgba(255, 255, 255, 0.7);
}

.can-toggle.demo-rebrand-2 label .can-toggle__switch:after {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    color: #444;
}

.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus~label .can-toggle__switch:after,
.can-toggle.demo-rebrand-2 input[type="checkbox"]:hover~label .can-toggle__switch:after {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked~label .can-toggle__switch:after {
    -webkit-transform: translate3d(58px, 0, 0);
    transform: translate3d(58px, 0, 0);
}

.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus~label .can-toggle__switch:after,
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover~label .can-toggle__switch:after {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

.can-toggle.demo-rebrand-2 label {
    font-size: 13px;
}

.can-toggle.demo-rebrand-2 label .can-toggle__switch {
    height: 60px;
    -webkit-flex: 0 0 120px;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    border-radius: 60px;
}

.can-toggle.demo-rebrand-2 label .can-toggle__switch:before {
    left: 60px;
    font-size: 13px;
    line-height: 60px;
    width: 60px;
    padding: 0 12px;
}

.can-toggle.demo-rebrand-2 label .can-toggle__switch:after {
    top: 2px;
    left: 2px;
    border-radius: 30px;
    width: 58px;
    line-height: 56px;
    font-size: 13px;
}

.can-toggle.demo-rebrand-2 label .can-toggle__switch:hover:after {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

.agreebox {
    background: #fff;
    border: 1px solid #d2d2d2;
    padding: 20px
}

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

/*
.chatset {position:fixed; bottom:0; right:20px; width:340px; z-index: 9999}
.chatset .chat_header {position: relative; height: 50px; background: #4560b9}
.chatset .chat_header .titset { }
.chatset .chat_header .titset .hd3 {color:#fff; line-height: 50px; font-weight: normal; font-size:1.125em; padding-left:20px}
.chatset .chat_header .ctr {position: absolute; top:0; right: 0; width: 50px; height: 50px; background:#12235b; display:table; text-align:center;}
.chatset .chat_header .ctr > span {display:table-cell; width: 14px; height: 9px; vertical-align: middle}
.chatset .chat_header .ctr > span:before {content:""; display:block; width: 14px; height: 9px;
background:url('../img/chat_ctrset.png') no-repeat 0 -9px;
background-size:14px 18px; vertical-align: middle; margin:0 auto}


.chatset .chaatbody {position: relative; height:500px; background:#f2f2f2; border:1px solid #d2d2d2; border-width: 0 1px; transition:all .2s linear;
overflow: hidden}

.chatset .chaatbody .anonymous_frm {height:100%; width: 100%; text-align: center; display: table}
.chatset .chaatbody .anonymous_frm .inner {display:table-cell; vertical-align: middle }
.chatset .chaatbody .anonymous_frm .inner .stxt { }
.chatset .chaatbody .anonymous_frm .inner .stxt + .inputset {margin-top:10px}
.chatset .chaatbody .anonymous_frm .inner .inputset  {display:block; width: 245px; margin:0 auto}
.chatset .chaatbody .anonymous_frm .inner .co3 {width:245px; border-radius: 0; margin-top:20px; padding:8px 19px}

.chatset .talkboxset {overflow: hidden; padding:0 10px}
.chatset .talkboxset * {font-size:.875em; font-family: 'dotum'}
.chatset .talkboxset .inner {overflow: auto; height: 440px}
.chatset .talkboxset .inner .entering {text-align: center; margin-top:20px}
.chatset .talkboxset .inner .entering + .talkbox {margin-top:25px}
.chatset .talkboxset .inner .talkbox {border-radius: 5px}
.chatset .talkboxset .inner .talkbox + .talkbox {margin-top:20px}
.chatset .talkboxset .inner .talkbox.me {background:#d3dbf5; width:80%; float: right; padding:10px;}
.chatset .talkboxset .inner .talkbox.oth {width:80%; float: left}
.chatset .talkboxset .inner .talkbox.oth .user {font-size:1em; font-weight: bold}
.chatset .talkboxset .inner .talkbox.oth .user + .inbox {margin-top:5px}
.chatset .talkboxset .inner .talkbox.oth .inbox {background:#fff; padding:10px; font-size:1em}
.chatset .talkboxset .inputfrm {display:flex; position: absolute; bottom:0; left:0; right: 0; border-top:1px solid #d2d2d2; height: 55px}
.chatset .talkboxset .inputfrm .inputset {flex:1; border:none; border-right:1px solid #d2d2d2;}
.chatset .talkboxset .inputfrm .inputset input {height:100%; font-size:1em; padding:0 10px}
.chatset .talkboxset .inputfrm .keysubmit {width:55px; height:100%; background:#f2f2f2;  display:table; text-align: center}
.chatset .talkboxset .inputfrm .keysubmit > span {display:table-cell; vertical-align: middle; width:22px; height: 16px;}
.chatset .talkboxset .inputfrm .keysubmit > span:before {content:""; display:block; width: 22px; height: 16px;
background:url('../img/chat_entericon.png') no-repeat 0 0; vertical-align: middle; margin:0 auto }

.chatset.off .chat_header .ctr > span:before {background-position:0 0}
.chatset.off .chaatbody {height:0}
*/

.talkfloat {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 300px;
    z-index: 9999
}

.talkfloat .talk_header {
    height: 34px;
    background: #d0d3de;
    position: relative
}

.talkfloat .talk_header .toplink {
    width: 34px;
    height: 34px;
    background: #12235b;
    display: table;
    text-align: center;
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0
}

.talkfloat .talk_header .toplink>span {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: .75em
}

.talkfloat .talk_header .toplink>span:before {
    content: "";
    display: block;
    width: 10px;
    height: 6px;
    background: url('../img/talk_toplinkarr.png') no-repeat 0 0;
    background-size: 100%;
    margin: 5px auto 0
}

.talkfloat .talk_header .titset {
    padding-left: 55px;
    line-height: 34px
}

.talkfloat .talk_header .titset .hd3 {
    font-size: 1em;
    display: inline-block
}

.talkfloat .talk_header .titset .call {
    margin-left: 12px
}

.talkfloat .talk_header .titset .call:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url('../img/talk_topcall.png') no-repeat 0 0;
    background-size: 100%;
    vertical-align: middle;
    margin: 0 6px 3px 0
}

.talkfloat .talk_header .ctr {
    width: 34px;
    height: 34px;
    background: #12235b;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
    ;
    text-align: center;
    display: table
}

.talkfloat .talk_header .ctr>span {
    display: table-cell;
    vertical-align: middle
}

.talkfloat .talk_header .ctr>span:before {
    content: "";
    display: block;
    width: 10px;
    height: 6px;
    background: url('../img/talk_collapseico.png') no-repeat 0 0;
    background-size: 10px auto;
    margin: 0 auto
}

.talkfloat .talk_header .btn {
    z-index: 100
}

.talkfloat .talkbody {
    height: 0;
    background: #f2f2f2;
    transition: all .5s ease
}

.talkfloat .talkbody .talk_iconset {
    text-align: center;
    padding-top: 30px
}

.talkfloat .talkbody .talk_iconset .btn {
    display: inline-block
}

.talkfloat .talkbody .talk_iconset .btn .ico {
    display: block;
    width: 55px;
    height: 55px;
    background: url('../img/talk_qaiconset.png') no-repeat 0 0;
    background-size: auto 55px;
    margin: 0 auto
}

.talkfloat .talkbody .talk_iconset .btn+.btn {
    margin-left: 20px
}

.talkfloat .talkbody .talk_iconset .btn .ico.ty1 {
    background-position: 0 0
}

.talkfloat .talkbody .talk_iconset .btn .ico.ty2 {
    background-position: -55px 0
}

.talkfloat .talkbody .talk_iconset .btn .ico.ty3 {
    background-position: -110px 0
}

.talkfloat .talkbody .talk_iconset .btn .ico+.stxt {
    margin-top: 13px
}

.talkfloat .talkbody .talk_iconset .btn .stxt {
    display: inline-block;
    font-size: .875em
}

.talkfloat.on .talk_header .ctr>span:before {
    background-position: 0 -6px
}

.talkfloat.on .talkbody {
    height: 142px
}

.endbox {
    background: #fff;
    box-shadow: 0 0 3px #c9ccd1;
    border: 1px solid #d2d2d2;
    display: none;
    padding: 45px 0
}

.endbox * {
    text-align: center
}

.endbox .hd3 {
    font-size: 2.5em;
    font-weight: 500;
    padding: 0
}

.endbox .stxt {
    font-size: 1.5em
}

.endbox .stxt+.date {
    margin-top: 45px
}

.endbox .date {
    font-size: 1.125em
}

content.endcheck01 .endbox.end {
    display: none
}

content.endcheck02 .endbox.check {
    display: none
}

content.endcheck01 .endbox.check {
    display: block
}

content.endcheck02 .endbox.end {
    display: block
}

content[class^=endcheck] .titset,
content[class^=endcheck] .contract_timeset,
content[class^=endcheck] .contractset,
content[class^=endcheck] .graph,
content[class^=endcheck] .graph_infoset {
    display: none
}

.sum_frm {
    overflow: hidden;
    border-top: 1px solid #4c84ff
}

.sum_frm>.sumlist {
    float: left;
    width: 20%
}

.sum_frm>.sumlist>dt {
    background: #f8f8f8
}

.sum_frm>.sumlist>dd {
    background: #fff;
    font-size: 1.2em;
    border-bottom: 1px solid #d2d2d2
}

.sum_frm>.sumlist>dt,
.sum_frm>.sumlist>dd {
    text-align: center;
    padding: 7px 10px;
    font-size: 1em
}