/* 리셋 */
button.btn{padding:0;background:transparent;border:0;font-family:gulim, 굴림, Helvetica;font-size:12px;outline:0;cursor:pointer}
.table{width:100%;table-layout:fixed}
.table,
.table th,
.table td{border-spacing:0;border-collapse:collapse}
a:hover{text-decoration:none}

/* 공통 아이디 */
#dfDb{width:710px;margin:0 auto}
#dfDb .hidden{display:none}
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
#dfDb .ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}

/* 공통 클래스 */
.df{display:block;float:none}
.df p{margin:0}
.clearfix::after{display:block;content:'';clear:both}

/* 모듈 */
#dfDb .page_title{width: 710px;height:40px;margin-bottom:20px;padding-left:30px;background:url('//static.inven.co.kr/image_2011/df/common/title_710x40_blue1.png') no-repeat 0 0;color:#fff;font-size:14px;font-weight:bold;line-height:40px}
#dfDb .sub_title{position:relative;width:125px;height:30px;border:1px solid #000;box-sizing:border-box}
#dfDb .sub_title::before{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#306875;border:1px solid #52b1c7;z-index:10}
#dfDb .sub_title::after{display:block;content:'';position:absolute;top:50%;left:1px;right:1px;bottom:1px;background:#205d6a;z-index:20}
#dfDb .sub_title span{display:block;position:relative;height:28px;color:#fff;font-size:12px;font-weight:bold;text-align:center;line-height:28px;z-index:30}

#dfDb .db_filter{position:relative;padding:9px;margin-bottom:50px;border:1px solid #2d1e15}
#dfDb .db_filter::before{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('//static.inven.co.kr/image_2011/df/dataninfo/item/pt_filter.jpg') repeat 0 0;border:1px solid rgba(255,255,255,0.2);z-index:10}
#dfDb .db_filter > *{position:relative;z-index:20}
#dfDb .db_filter .table{background:#fff}
#dfDb .db_filter .table01{margin-bottom:2px}
#dfDb .db_filter .table02{margin-bottom:10px}
#dfDb .db_filter .table col.size01{width:100px}
#dfDb .db_filter .table col.size02{width:590px}
#dfDb .db_filter .table col.size03{width:245px}
#dfDb .db_filter .table .th01{background:#158289;color:#fff;border-bottom:1px solid #5ca8ad}
#dfDb .db_filter .table .th02{background:#0b426e;color:#e7e9ed;border-bottom:1px solid #557b9a}
#dfDb .db_filter .table .th03{background:#953f3f;color:#fff}
#dfDb .db_filter .table th{font-weight:bold}
#dfDb .db_filter .table td{padding:5px 0;border-bottom:1px solid #b2b2b2;text-align:left}
#dfDb .db_filter .table tr:last-child th,
#dfDb .db_filter .table tr:last-child td{border-bottom:0}
#dfDb .db_filter .item{display:block;position:relative;float:left;margin:0 15px;color:#000}
#dfDb .db_filter .item::before{display:block;content:'';position:absolute;top:50%;right:-15px;width:1px;height:10px;margin-top:-5px;background:#90aeb5;cursor:default}
#dfDb .db_filter .item:last-child::before{display:none}
#dfDb .db_filter .item.act{color:#d00000;font-weight:bold}
#dfDb .db_filter .item02{display:block;float:left;height:20px;padding:0 5px;line-height:20px;cursor:pointer}
#dfDb .db_filter .item02 input{margin:-2px 5px 0 0;vertical-align:middle}
#dfDb .db_filter .table02 .item{margin:0 9px}
#dfDb .db_filter .table02 .item::before{right:-9px}
#dfDb .db_filter .table03 td{padding:5px}
#dfDb .db_filter .search_area{position:absolute;top:100%;right:0;border:1px solid #3f4152;border-radius:0 0 15px 15px}
#dfDb .db_filter .search_area form{padding:5px 12px;background:#3c4251;border:1px solid #777c87;border-radius:0 0 15px 15px;font-size:0}
#dfDb .db_filter .search_area form > *{display:inline-block;font-size:12px;vertical-align:middle}
#dfDb .db_filter .search_area .input{width:189px;height:25px;background:#fff;border:1px solid #000}
#dfDb .db_filter .search_area .btn_submit{margin:0 3px}

#dfDb .db_board{margin-bottom:20px}
#dfDb .db_board .color01{color:#dba901}
#dfDb .db_board .color02{color:#ff8000}
#dfDb .db_board .color03{color:#f78181}
#dfDb .db_board .color04{color:#fe2ec8}
#dfDb .db_board .color05{color:#8904b1}
#dfDb .db_board .color06{color:#81bef7}
#dfDb .db_board .color08{color:#FE642E}
#dfDb .db_board .filter{display:inline-block;height:28px;padding:0 10px;background:#323232;border:1px solid #000;line-height:28px}
#dfDb .db_board .filter .item{display:block;float:left;margin-right:10px;color:#fff;cursor:pointer}
#dfDb .db_board .filter .item:last-child{margin-right:0}
#dfDb .db_board .filter .item input{margin:-2px 5px 0 0;vertical-align:middle}
#dfDb .db_board .list{text-align:center}
#dfDb .db_board .list col.size01{width:62px}
#dfDb .db_board .list col.size02{width:276px}
#dfDb .db_board .list col.size03{width:65px}
#dfDb .db_board .list col.size04{width:87px}
#dfDb .db_board .list col.size05{width:80px}
#dfDb .db_board .list col.size06{width:140px}
#dfDb .db_board .list thead tr{background:#306875;border:1px solid #086182}
#dfDb .db_board .list thead th{position:relative}
#dfDb .db_board .list thead th::before{display:block;content:'';position:absolute;top:50%;left:0;right:0;bottom:0;background:#205d6a;z-index:10}
#dfDb .db_board .list thead th span{display:block;position:relative;height:30px;color:#fff;font-weight:bold;line-height:30px;z-index:20}
#dfDb .db_board .list thead th span::before{display:block;content:'';position:absolute;top:50%;right:0;width:1px;height:10px;margin-top:-5px;background:#98b4ba}
#dfDb .db_board .list thead th:last-child span::before{display:none}
#dfDb .db_board .list tbody tr{border-bottom:1px solid #aeaeae}
#dfDb .db_board .list tbody tr:last-child{border-bottom:2px solid #aeaeae}
#dfDb .db_board .list tbody td{padding:5px}
#dfDb .db_board .list tbody .name{font-weight:bold; line-height: 2em; margin-right: 5px;}
#dfDb .db_board .list tbody .icon{margin:-2px 0 0 0;vertical-align:middle}
#dfDb .db_board .list .text_left{text-align:left}

#dfDb .detail_layout{margin-bottom:20px; width: 710px;}
#dfDb .detail_layout .left_div{float:left}
#dfDb .detail_layout .right_div{float:right;width:350px}

#dfDb .info_box{margin-bottom:10px}
#dfDb .info_box:last-child{margin-bottom:0; width: 350px;}
#dfDb .info_box .info_table{border:1px solid #638e97}
#dfDb .info_box .info_table col.size01{width:94px}
#dfDb .info_box .info_table col.size02{width:254px}
#dfDb .info_box .info_table th{background:#84b9c3;color:#205d6a;border-bottom:1px solid #638e97;font-weight:bold}
#dfDb .info_box .info_table td{padding:5px;border-bottom:1px solid #638e97;text-align:left;line-height:1.6}
#dfDb .info_box .info_table tr:last-child th,
#dfDb .info_box .info_table tr:last-child td{border-bottom:0}
#dfDb .info_box .info_list{display: block; float: none; border:1px solid #669099}
#dfDb .info_box .info_list li{display: block; float: none; border-bottom:1px solid #669099}
#dfDb .info_box .info_list li:last-child{border-bottom:0}
#dfDb .info_box .info_list .name{height:25px;padding:0 10px;background:#80fbdf;color:#06372c;font-weight:bold;line-height:25px}
#dfDb .info_box .info_list .subname{height:25px;padding:0 10px;background:#84b9c3;color:#205d6a;font-weight:bold;line-height:25px}
#dfDb .info_box .info_list .text{padding:5px 10px;line-height:1.6}

#dfDb .db_vote{margin-bottom:20px;border:1px solid #000}
#dfDb .db_vote .title{height:30px;background:#0f304b;color:#fff;border:1px solid #000;border-top:2px solid #3686c7;font-size:13px;font-weight:bold;text-align:center;line-height:30px; width: 710px;}
#dfDb .db_vote .value{padding:9px 6px;background:#020e19}
#dfDb .db_vote .vote_wrap{padding:7px 6px 6px;background:#020e19;border-top:1px solid #031729;width:700px}
#dfDb .db_vote .vote{width:344px;background:#0e60a6;border:1px solid #000;box-sizing:border-box}
#dfDb .db_vote .vote p{margin:0}
#dfDb .db_vote .vote .line{padding:1px;border:1px solid #258ac2}
#dfDb .db_vote .vote .name{height:30px;padding:0 10px;color:#fff;font-size:13px;font-weight:bold;line-height:30px}
#dfDb .db_vote .vote .name p{float:left}
#dfDb .db_vote .vote .name .right{float:right;font-size:11px}
#dfDb .db_vote .vote .name .right span{color:#fff18f} 
#dfDb .db_vote .vote .box{padding:6px;background:#d2dee8;border-radius:5px}
#dfDb .db_vote .vote_add .box{padding:6px 3px}
#dfDb .db_vote .vote_add .btn_vote{float:left;width:60px;padding:0;margin:0 3px;background:#fff;border:1px solid #2f302f;border-radius:2px;box-sizing:border-box;outline:0}
#dfDb .db_vote .vote_add .btn_vote .text_name{height:24px;background:#2f302f;color:#fff;font-size:12px;font-weight:bold;text-align:center;line-height:24px}
#dfDb .db_vote .vote_add .btn_vote[data-vote-point="2"]{border:1px solid #4d4f4d}
#dfDb .db_vote .vote_add .btn_vote[data-vote-point="2"] .text_name{background:#4d4f4d}
#dfDb .db_vote .vote_add .btn_vote[data-vote-point="3"]{border:1px solid #09406a}
#dfDb .db_vote .vote_add .btn_vote[data-vote-point="3"] .text_name{background:#09406a}
#dfDb .db_vote .vote_add .btn_vote[data-vote-point="4"]{border:1px solid #da640d}
#dfDb .db_vote .vote_add .btn_vote[data-vote-point="4"] .text_name{background:#da640d}
#dfDb .db_vote .vote_add .btn_vote[data-vote-point="5"]{border:1px solid #be0c0c}
#dfDb .db_vote .vote_add .btn_vote[data-vote-point="5"] .text_name{background:#be0c0c}
#dfDb .db_vote .vote_add .btn_vote .text_value{height:45px;color:#950b0b;font-size:13px;font-weight:bold;text-align:center;line-height:45px}
#dfDb .db_vote .vote_val{float:right}
#dfDb .db_vote .vote_val .box{padding:19px 6px;background:#d2e2e8;border:1px solid #000}
#dfDb .db_vote .vote_val .star{float:left;width:231px;padding-top:3px;font-size:0;text-align:center}
#dfDb .db_vote .vote_val .star .item{display:inline-block;float:none;width:39px;height:41px;margin:0 1px;background:url('//static.inven.co.kr/image_2011/df/dataninfo/item/img_star_off.png') no-repeat 0 0}
#dfDb .db_vote .vote_val .star .item.act{background:url('//static.inven.co.kr/image_2011/df/dataninfo/item/img_star_on.png') no-repeat 0 0}
#dfDb .db_vote .vote_val .point{float:right;width:93px;height:45px;background:url('//static.inven.co.kr/image_2011/df/dataninfo/item/bg_btn01.png') repeat-x 0 0;color:#950b0b;border:1px solid #7d7d7d;border-radius:5px;font-size:16px;font-weight:bold;text-align:center;line-height:43px;box-sizing:border-box}

#dfDbItemLayers .tooltip,
#dfDbItemSetLayers .tooltip,
#dfDb .tooltip{width:345px;padding:12px 15px;background:#2f3740;color:#fff;border:1px solid #0b0600;box-sizing:border-box}

#dfDbItemLayers .tooltip .color01,
#dfDbItemSetLayers .tooltip .color01,
#dfDb .tooltip .color01 {color:#dba901}

#dfDbItemLayers .tooltip .color02,
#dfDbItemSetLayers .tooltip .color02,
#dfDb .tooltip .color02 {color:#ff8000}

#dfDbItemLayers .tooltip .color03,
#dfDbItemSetLayers .tooltip .color03,
#dfDb .tooltip .color03 {color:#f78181}

#dfDbItemLayers .tooltip .color04,
#dfDbItemSetLayers .tooltip .color04,
#dfDb .tooltip .color04 {color:#fe2ec8}

#dfDbItemLayers .tooltip .color05,
#dfDbItemSetLayers .tooltip .color05,
#dfDb .tooltip .color05 {color:#c400ff}

#dfDbItemLayers .tooltip .color06,
#dfDbItemSetLayers .tooltip .color06,
#dfDb .tooltip .color06 {color:#81bef7}

#dfDbItemLayers .tooltip .color08,
#dfDbItemSetLayers .tooltip .color08,
#dfDb .tooltip .color08 {color:#FE642E}

#dfDbItemLayers .tooltip .blue,
#dfDbItemSetLayers .tooltip .blue,
#dfDb .tooltip .blue {color:#48d6ff}

#dfDbItemLayers .tooltip li,
#dfDbItemSetLayers .tooltip li,
#dfDb .tooltip li{padding:5px 0 6px;background:url('//static.inven.co.kr/image_2011/df/dataninfo/item/bull_dot01.png') repeat-x bottom left; width: 100%;}

#dfDbItemLayers .tooltip li:last-child,
#dfDbItemSetLayers .tooltip li:last-child,
#dfDb .tooltip li:last-child{background:none}

#dfDbItemLayers .tooltip li p,
#dfDbItemSetLayers .tooltip li p,
#dfDb .tooltip li p{line-height:1.6}

#dfDbItemLayers .tooltip .name_area,
#dfDb .tooltip .name_area{padding:0 0 6px;font-size:0}

#dfDbItemLayers .tooltip .name_area > *,
#dfDb .tooltip .name_area > *{display:inline-block;font-size:12px;vertical-align:middle}

#dfDbItemLayers .tooltip .name_area .img_area,
#dfDb .tooltip .name_area .img_area{width:48px;height:48px;background:#000;border:1px solid #4a4f56;box-sizing:border-box}

#dfDb .tooltip .name_area .img_area img{width:100%;height:100%}

#dfDbItemLayers .tooltip .name_area .text_area,
#dfDb .tooltip .name_area .text_area{width:265px;padding-left:15px;font-size:14px;font-weight:bold;box-sizing:border-box}

#dfDbItemLayers .tooltip .layout .left,
#dfDb .tooltip .layout .left{float:left}

#dfDbItemLayers .tooltip .layout .right,
#dfDb .tooltip .layout .right{float:right;text-align:right}

#dfDbItemLayers .tooltip .sub_name,
#dfDbItemSetLayers .tooltip .sub_name,
#dfDb .tooltip .sub_name {color:#00ff7e;font-size:14px;font-weight:bold}

#dfDbItemLayers .tooltip .sub_info,
#dfDbItemSetLayers .tooltip .sub_info,
#dfDb .tooltip .sub_info {color:#c3d59e}

#dfDbItemLayers .opt.color01,
#dfDbItemSetLayers .opt.color01,
#dfDb .opt.color01{color:#FFFFFF}

#dfDbItemLayers .opt.color02,
#dfDbItemSetLayers .opt.color02,
#dfDb .opt.color02{color:#2E9AFE}

#dfDbItemLayers .opt.color03,
#dfDbItemSetLayers .opt.color03,
#dfDb .opt.color03{color:#B3702C}

#dfDbItemLayers .opt.color04,
#dfDbItemSetLayers .opt.color04,
#dfDb .opt.color04{color:#867882}

#dfDbItemLayers .aura_socket.title,
#dfDb .aura_socket.title{color:#9D6BDA}

#dfDbItemLayers .aura_socket.text,
#dfDb .aura_socket.text{margin-bottom:0.2em}