@charset "utf-8";

.ham_content_in_box{position:relative;height:100%;padding: 69px 0 0 160px;}

.ham_out_mcc_tab_box{position:absolute;top:0;left:0;width:155px;padding:34px 0 0;z-index:3}

.ham_out_tab_box{position:absolute;top:0;left:0;width:155px;height:100%;padding:174px 0 0;background:#ddd}
.ham_out_tab_scroll{overflow-y:scroll;width:165px;height:100%;margin:0 0 0 -10px;padding:0 0 0 5px;direction:rtl}
.ham_out_tab_scroll:-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background:rgba(106,255,241,0.7);border:1px rgba(255,255,255,0.17) solid}
.ham_out_tab_scroll::-webkit-scrollbar{width:5px;background:#ababab}
.ham_out_tab_scroll::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background:#e91e63;border:1px rgba(255,255,255,0.17) solid}
.ham_out_tab_title{position:absolute;top:140px;left:0;width:155px;height:34px;padding:10px;text-align:center;background:#584138;color:#fff}
.ham_out_tab{opacity:0.77;width:100%;height:34px;padding:10px;margin:1px 0;background:#ccc;text-align:left;cursor:pointer}
.ham_out_tab span{float:right}
.ham_out_tab_title2{width:100%;height:34px;padding:10px;text-align:center;background:#2c383e;color:#fff}

.ham_out_mcc_tab_title{position:absolute;top:0;left:0;width:155px;height:34px;padding:10px;text-align:center;background:#00497c;color:#fff;z-index:3}

.ham_out_all:hover{background:#333;color:#fff}

.ham_out_group01:hover,
.ham_out_group02:hover,
.ham_out_group03:hover,
.ham_out_group04:hover,
.ham_out_group05:hover,
.ham_out_group06:hover,
.ham_out_group07:hover,
.ham_out_group08:hover,
.ham_out_group09:hover,
.ham_out_group10:hover{background:#795548;color:#fff}

.ham_out_item01:hover,
.ham_out_item02:hover,
.ham_out_item03:hover,
.ham_out_item04:hover,
.ham_out_item05:hover,
.ham_out_item06:hover,
.ham_out_item07:hover,
.ham_out_item08:hover,
.ham_out_item09:hover,
.ham_out_item10:hover{background:#36454c;color:#fff}

.ham_out_tab_box.all .ham_out_all{opacity:1;background:#333;color:#fff}
.ham_out_tab_box.group01 .ham_out_group01,
.ham_out_tab_box.group02 .ham_out_group02,
.ham_out_tab_box.group03 .ham_out_group03,
.ham_out_tab_box.group04 .ham_out_group04,
.ham_out_tab_box.group05 .ham_out_group05,
.ham_out_tab_box.group06 .ham_out_group06,
.ham_out_tab_box.group07 .ham_out_group07,
.ham_out_tab_box.group08 .ham_out_group08,
.ham_out_tab_box.group09 .ham_out_group09,
.ham_out_tab_box.group10 .ham_out_group10{opacity:1;background:#584138;color:#fff}
.ham_out_tab_box.item01 .ham_out_item01,
.ham_out_tab_box.item02 .ham_out_item02,
.ham_out_tab_box.item03 .ham_out_item03,
.ham_out_tab_box.item04 .ham_out_item04,
.ham_out_tab_box.item05 .ham_out_item05,
.ham_out_tab_box.item06 .ham_out_item06,
.ham_out_tab_box.item07 .ham_out_item07,
.ham_out_tab_box.item08 .ham_out_item08,
.ham_out_tab_box.item09 .ham_out_item09,
.ham_out_tab_box.item10 .ham_out_item10{opacity:1;background:#2c383e;color:#fff}

.ham_out_title_box{position:absolute;top: 35px;right:-10px;width:810px;border-bottom:1px #eee solid;z-index:3}
.ham_out_title_group,
.ham_out_title_item,
.ham_out_title_name,
.ham_out_title_count,
.ham_out_title_buy,
.ham_out_title_sell{float:left;height:34px;padding:10px;color:#fff;margin:0 1px 0 0}

.ham_out_title_group{width: 130px;background:#584138;text-align:right}
.ham_out_title_item{width: 120px;text-align:right;background:#2c383e}
.ham_out_title_name{width: 214px;text-align:left;background:#585858}
.ham_out_title_count{width:80px;padding:10px 15px 10px 0;text-align:right;background:#005d89}
.ham_out_title_buy{width:121px;padding:10px 0;text-align:center;background:#001756}
.ham_out_title_buy input{display:block;width:100%;height:100%;text-align:center;background:#001756;color:#fff}
.ham_out_title_buy .minus{position:absolute;top:7px;left:7px;width:20px;height:20px;padding:5px;background:#fff}
.ham_out_title_buy .plus{position:absolute;top:7px;right:7px;width:20px;height:20px;padding:5px;background:#fff}
.ham_out_title_sell{width:130px;padding:10px 15px 10px 0;text-align:right;background:#00662d}

.ham_out_content_box{overflow-y:scroll;width:810px;height:100%;margin:0 -5px 0 0}
.ham_out_content_box:-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background:rgba(106,255,241,0.7);border:1px rgba(255,255,255,0.17) solid}
.ham_out_content_box::-webkit-scrollbar{width:5px;background:#ababab}
.ham_out_content_box::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background:#e91e63;border:1px rgba(255,255,255,0.17) solid}
.ham_out_list_box{opacity:0.7;margin:1px 0}
.ham_out_list_box:hover{opacity:1}

.ham_out_list_box.opacity{opacity:1}
.ham_out_list_box.none *{background:#cb0000 !important}

#ham_buy_ico img{width:20px;height:20px}

.out_mcc_sky1 .mcc_sky1,
.out_mcc_sky2 .mcc_sky2,
.out_mcc_you1 .mcc_you1{opacity:1;background:#00497c;color:#fff}

#ham_buy_total{float:right;width:202px;height:34px;padding:10px;margin:-10px;text-align:center;background:#111}
#ham_buy_total.on{background:#c90000}
.ham_out_sell_button{position:absolute;bottom:0;left:160px;width:800px;height:35px;padding:10px;text-align:center;background:#242424;border-top:1px #ccc solid;color:#fff}
.ham_out_sell_button:hover{background:#580000}

.zero{background:#cb0000 !important}


#ham_out_sell_popup{position:fixed;z-index:3;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.77)}
#ham_out_sell_popup.off{display:none}
#ham_out_sell_popup.on{display:block}
.ham_out_sell_popup_box{overflow-y:scroll;position:relative;width:980px;height:100%;margin:0 auto;background:rgba(0,0,0,0.5);}
.ham_out_sell_popup_box:-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background:rgba(106,255,241,0.7);border:1px rgba(255,255,255,0.17) solid}
.ham_out_sell_popup_box::-webkit-scrollbar{width:0;background:#ababab}
.ham_out_sell_popup_box::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background:#e91e63;border:1px rgba(255,255,255,0.17) solid}
.ham_out_sell_popup_boxs{position:absolute;top: 71%;left:50%;width: 960px;padding: 48px 10px 10px;margin: -290px -480px;background: #fff;}


.ham_data_title{border-bottom: 1px #fff solid;}
.ham_data01{float:left;width:100px;height:34px;padding:10px;text-align:right;background:#2c383e;color:#fff}
.ham_data02{float:left;width:130px;height:34px;padding:10px;border-left: 1px #fff solid;border-right: 1px #fff solid;background:#585858;color:#fff}
.ham_data03{float:left;width:90px;height:34px;padding:10px;text-align:center;background:#001756;color:#fff}

.ham_data_content{overflow-y:scroll;width:330px;min-height:34px;max-height:270px;margin:0 0 10px}
.ham_data_content:-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background:rgba(106,255,241,0.7);border:1px rgba(255,255,255,0.17) solid}
.ham_data_content::-webkit-scrollbar{width:5px;background:#ababab}
.ham_data_content::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background:#e91e63;border:1px rgba(255,255,255,0.17) solid}
.ham_data_list_box{opacity:0.77;border-bottom:1px #e1e1e1 solid}
.ham_data_list_box:hover{opacity:1}

.ham_out_sell_popup_data_mcc{position:absolute;top:10px;left:10px;width: 613px;height:34px;padding:10px;text-align:center;background:#3e00ad;color:#fff}
.ham_out_sell_popup_data_end{float: right;width: 130px;height: 38px;padding: 12px 0;margin: 5px 0 0;text-align:center;background: #3a3a3a;color:#fff;}


.ham_out_sell_popup_date{position:absolute;top:10px;right:10px;width:320px}
#today{float:left;width:160px;height:34px;padding:10px;background:#242424;text-align:center;color:#fff}
#datepicker.off{display:none}
#datepicker.on{position:absolute;top:0;left:0;z-index:3;display:block;width:100%}
#time1{float:left;width:80px;height:34px;padding:0 10px;background:#4e4e4e;color:#fff}
#time2{float:left;width:80px;height:34px;padding:0 10px;background:#7a7a7a;color:#fff}

.ham_sell_group{position:relative;width: 325px;margin:1px 0;background: #333;}
.ham_sell_title{float:left;width:130px;height:34px;padding:10px;text-align:right;color:#fff}
.ham_sell_value{float:left;width: 195px;height:34px;padding:0 10px;background: #232324;color:#fff;text-align:right}

#ham_sell_count_value{}
#ham_sell_acc_value{background: #fff;border: 2px #333333 solid;border-left: none;color: #000;text-align: left;}

.plus_minus_box_title{position:absolute;top: 49px;right:10px;width:610px;height:34px;padding:10px;text-align:center;background:-webkit-linear-gradient(90deg, rgb(140, 0, 47), rgb(0, 30, 85));background:linear-gradient(90deg, rgb(140, 0, 47), rgb(0, 30, 85));color:#fff;}


.plus_minus_box{position:absolute;top: 84px;right:10px;width:610px;height: 388px;background:#aaa}
.plus_box{position:relative;float:right;width:305px;height:100%;padding: 34px 0 40px;background:rgb(0 30 85 / 70%)}
.minus_box{position:relative;float:left;width:305px;height:100%;padding: 34px 0 40px;background:rgb(140 0 47 / 70%);border-right:1px #e1e1e1 solid}
.plus_box_title{position:absolute;top:0;left:5px;width:295px;height:34px;padding:10px;text-align:center;background:#001e55;color:#fff}
.minus_box_title{position:absolute;top:0;left:5px;width:294px;height:34px;padding:10px;text-align:center;background:#8c002f;color:#fff}

.plus_box_list{overflow-y:scroll;width:100%;height:100%;padding:0 0 0 5px;border-top: 1px #fff solid;}
.plus_box_list:-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background:rgba(106,255,241,0.7);border:1px rgba(255,255,255,0.17) solid}
.plus_box_list::-webkit-scrollbar{width:5px;background:rgba(255,255,255,0.3)}
.plus_box_list::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background:#1e66e9;border:1px rgba(255,255,255,0.17) solid}

.minus_box_list{overflow-y:scroll;width:100%;height:100%;padding:0 5px 0 0;direction:rtl;border-top: 1px #fff solid;}
.minus_box_list:-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background:rgba(106,255,241,0.7);border:1px rgba(255,255,255,0.17) solid}
.minus_box_list::-webkit-scrollbar{width:5px;background:rgba(255,255,255,0.3)}
.minus_box_list::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background:#e91e63;border:1px rgba(255,255,255,0.17) solid}

.count_color{background:#ff541e}
.count_color .ham_sell_value{background:#fff;border:2px #ff541e solid;border-left:none;color:#000;}

.count_sum_color{background:#00665d}
.count_sum_color .ham_sell_value{background:rgba(0,0,0,0.3)}

.plus_sum_color{background:#002b7a}
.plus_sum_color .ham_sell_value{background:rgba(0,0,0,0.3)}

.minus_sum_color{background:#c90044}
.minus_sum_color .ham_sell_value{background:rgba(0,0,0,0.3)}

.total_sum_color{margin: 5px 0 0;background:#5c00ff}
.total_sum_color .ham_sell_value{background:rgba(0,0,0,0.3)}


.minus_lists_box{position:relative;margin: 0 0 1px;direction:ltr}
.minus_lists_title{float:left;width:100px;height:34px;padding:0 10px;text-align:right;background:rgba(0,0,0,0.3);color:#fff}
.minus_lists_value{float:left;width:194px;height:34px;padding:0 30px 0 0;background:rgba(0,0,0,0.5);color:#fff;text-align:right}

.plus_lists_box{position:relative;margin: 0 0 1px;}
.plus_lists_title{float:left;width:100px;height:34px;padding:0 10px;text-align:right;background:rgba(0,0,0,0.3);color:#fff}
.plus_lists_value{float:left;width:195px;height:34px;padding:0 30px 0 0;background:rgba(0,0,0,0.5);color:#fff;text-align:right}

.krw{position:absolute;top:10px;right:10px;color:#fff}
.krws{position:absolute;top:10px;right:10px;color:#fff}


.per_box .minus_lists_title{width:100px}
.per_box .minus_lists_value{width:120px}
.per_box .minus_lists_value_per{float:left;width:74px;height:34px;padding:0 25px 0 0;background:rgba(0,0,0,0.7);color:#fff;text-align:right}

.per_box .plus_lists_title{width:100px}
.per_box .plus_lists_value{width:120px}
.per_box .plus_lists_value_per{float:left;width:74px;height:34px;padding:0 25px 0 0;background:rgba(0,0,0,0.7);color:#fff;text-align:right}

.per_box .krw{position:absolute;top:10px;right:85px;color:#fff}
.per_box .krws{position:absolute;top:10px;right:10px;color:#fff}

.minus_add_box{position: absolute;left: 0;bottom: 0;width: 100%;height: 39px;padding: 0 5px 0 0;border-left: 5px #b57188 solid;border-bottom: 5px #b57188 solid;}
#minus_item_name{float:left;display:block;width: 194px;height:34px;padding:10px;background: #fff;}
.minus_item_add{float:left;display:block;width:100px;height:34px;padding:10px;text-align: center;background: #ff9800;color: #111;}


.plus_add_box{position: absolute;left: 0;bottom: 0;width: 100%;height: 39px;padding: 0 0 0 6px;border-right: 5px #717f9a solid;border-bottom: 5px #717f9a solid;}
#plus_item_name{float:left;display:block;width: 194px;height:34px;padding:10px;background: #fff;}
.plus_item_add{float:left;display:block;width:100px;height:34px;padding:10px;text-align: center;background: #ff9800;color: #111;}

#plus_minus_black.on{position: absolute;top: 49px;right: 10px;width: 610px;height: 423px;padding: 200px 0;background: rgb(0 0 0 / 77%);text-align: center;color: #fff;}
#plus_minus_black.off{display:none}

#ham_out_memo{float:left;width: 325px;height: 38px;padding: 10px;margin: 5px 5px 0 0;background: #0000;resize: none;border: 2px #000 solid;}

#ham_sell_go{float:left;width: 474px;height: 38px;padding: 12px 0;margin: 5px 0 0;background: #5c00ff;color: #fff;text-align: center;}

.ham_out_notice{position: absolute;top:0;right: 0;width: 800px;height:34px;padding:10px;background: #2c2c2c;text-align:center;color: #fff;}