/* ȸ¿ø°¡ÀÔ */
.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:10px}
.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:940px; 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:#02abd2; 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}






.graph1 {width:940px; border:1px solid #d2d2d2; height:350px; background: #fff; border-radius: 3px; box-shadow:0 0 3px #c9ccd1;
display:inline-block; overflow: hidden}
.graph1 .chart_row {display:flex; align-items: center; position:relative}
.graph1 .chart_row .tooltip {position:absolute; bottom:10px; right:10px; opacity: 1}
.graph1 .chart_row .tooltip .txt {font-size:16px}
.graph1 .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}
.graph1 .chart_row .hidden_tiparea {position:absolute; top:0; left: 0; width:100%; height: 100%; background:#fff; padding:20px; display: none; z-index: 100}
.graph1 .chart_row .hidden_tiparea .stxt + .hd4 {margin-top:30px}
.graph1 .chart_row .hidden_tiparea .hd4 + .stxt {margin-top:10px}
.graph1 .chart_row .tooltip.on + .hidden_tiparea {display: block}

.graph1 .chart_col .chart_ctr .currenttime {display: inline-block}
.graph1 .chart_col .chart_ctr .ctrset {displaay:inline-block}


.graph1 .chart_col {flex:1}
.graph1 .chart_col.currentview {flex:none}
.graph1 .chart_col .chart_ctr {text-align: right; height: 60px}
.graph1 .chart_col .chart_ctr .currenttime {position: relative; bottom: 5px; right: 20px}
.graph1 .chart_col .chart_ctr .currenttime .tit {margin-right:10px}
.graph1 .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}
.graph1 .chart_col .chart_ctr .chartbtn.plus {margin-right:7px}
.graph1 .chart_col .chart_ctr .chartbtn.ms {background-position:-40px 0}

.graph1 .chart_col .chart_inner {height:340px}
.graph1 .chart_col .current_txt {background:#290433; color:#fff; padding:5px 10px; margin:0 10px; font-size:12px; 
margin-top:15px}
.graph1 .chart_col .current_txt.co1 {background:#4c84ff}
.graph1 .chart_col .current_txt.co2 {background:#ff6c60}



/*
.graph1 .chart_ctr {text-align: right; height: 60px}
.graph1 .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}
.graph1 .chart_ctr .chartbtn.plus {margin-right:7px}
.graph1 .chart_ctr .chartbtn.ms {margin-right:20px; background-position:-40px 0}
.graph1 .chaar_row {display:flex; align-items: center}
.graph1 .chaar_row .chart_inner {height:330px; flex:1}
.graph1 .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}



.graph1_infoset {width:316px; height:350px; margin:0 0 0 20px; background: #fff; border-radius: 3px; box-shadow:0 0 3px #c9ccd1; overflow: hidden;
display:inline-block}
.graph1_infoset .innercont {border:1px solid #d2d2d2; height:calc(100% - 40px); border-left-bottom-radius:3px; border-right-bottom-radius:3px}

.graph1_infoset .titset {background:#02abd2; height:40px}
.graph1_infoset .hd3 {font-size:1em; line-height: 40px; padding-left:10px; color:#fff; font-weight:normal}
.graph1_infoset .ovscroll {height:287px; overflow: auto; border-width:0 1px 0 1px}

.graph1_infoset .tb_frm {border-top:none}
.graph1_infoset .tb_frm > table {background:transparent}
.graph1_infoset .tb_frm > table th {padding:8px 10px; font-weight:normal; border:none; background:#fff; border-bottom:1px solid #d2d2d2}
.graph1_infoset .tb_frm > table td {padding:10px 10px; text-align: center; border-width:0 0 1px 0}
.graph1_infoset .tb_frm > table th,
.graph1_infoset .tb_frm > table td {font-size:.875em}
.graph1_infoset .btnset {margin-top:20px }
.graph1_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:40px; background:#324da8; 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.png) 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:#4560b9; 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: 2px 10px 2px; 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:2px 10px 2px 2px}
.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:flex; -webkit-display:flex; position: relative}
.mtab .tablist > li {position:relative; display: flex; -webkit-display: flex; flex: 1; -webkit-flex: 1; text-align: center; border-bottom:1px solid #000; 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: flex; -webkit-display: flex; flex: 1; -webkit-flex: 1; justify-content: center; flex-direction: column; padding:9px 0;}
.mtab .tablist > li button {width:100%}
.mtab .tablist > li.on {border:1px 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; top:130px; right:0; width:160px; z-index: 9999; border-left: 1px #dcdcdc solid;}
.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.endcheck03 .endbox.check {display:none}

content.endcheck01 .endbox.check {display:block}
content.endcheck02 .endbox.end {display:block}
content.endcheck03 .endbox.end {display:block}
content.endcheck03 .graph{display:inline-block !important; }
content.endcheck03 .graph_infoset{display:inline-block !important; }
content.endcheck03 .graph_infoset .titset{display:block !important;}

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}