@charset "UTF-8";

.attribute {width:240px;height:215px;background:white;border:1px solid #333;position:absolute;left:360px;top:50px;z-index:999;display:none;font:normal 10px 'Nanum Gothic', '나눔 고딕', '돋움', dotum;}
.attribute .topbar {width:190px;height:25px;padding:10px 0 0 10px;background:#123885;color:#fff;cursor:pointer;}
.attribute .topbar img {padding:0 10px 0 0;vertical-align:top;float:right;}
.attribute .con {width:200px;height:180px;background:;}
.attribute .con .bt {width:220px;padding:10px;}
.attribute .con .bt img {cursor:pointer;}
.attribute .con .bt .colorp {width:30px;height:20px;border:1px solid #000;margin-right:3px;float:left;}
.attribute .con .table {width:220px;padding:0 10px 10px 10px;}
.attribute .con .table table {width:100%;border:1px solid #b7b7b7;border-collapse:collapse;}
.attribute .con .table th {height:20px;background:#f3f9fe;border:1px solid #b7b7b7;font-size:0.8em;}
/* .attribute .con .table td {height:20px;padding:0 5px;border:1px solid #b7b7b7;font-size:0.9em;text-align:right;} */
.attribute .con .table td {height:20px;padding:0 5px;border:1px solid #b7b7b7;font-size:0.8em;text-align:right;}
.attribute_chart_box {width: 540px;height:auto;border:1px solid #333;background:#fff;position:absolute;left:245px;top:0px;z-index:999;display:none;}/*padding:10px;*/
.attribute_chart_box span {color:999;background:none;border: none;position:absolute;right:10px;z-index:999;}/*cursor:pointer;top:10px;*/
.attribute_chart_box span i {font-size:20px;color:999;}
.attribute_chart_box span i:hover {color:333;}
.attribute .attribute_chart {width:100%;height: 405px;margin-top:25px;background:white;font:normal 1.2em 'Nanum Gothic', '나눔 고딕', '맑은 고딕', '돋움', dotum;position:relative;z-index:99;display:none;}