/* 리셋 */
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}

/* 공통 아이디 */
#destinyguardiansDb{padding:10px}

/* 공통 클래스 */
.destinyguardians{display:block;float:none}
.clearfix::after{display:block;content:'';clear:both}
.destinyguardians p{margin:0}
.destinyguardians *[data-class="1"]{color:#ffffff}
.destinyguardians *[data-class="2"]{color:#c3bcb4}
.destinyguardians *[data-class="3"]{color:#366f42}
.destinyguardians *[data-class="4"]{color:#5076a3}
.destinyguardians *[data-class="5"]{color:#522f65}
.destinyguardians *[data-class="6"]{color:#ceae33}

/* 모듈 */
.sub_title{height:30px;padding-left:20px;margin-bottom:10px;background:#252429;color:#fff;font-weight:bold;line-height:30px}
.sub_title.type02{width:225px;margin-bottom:0;background:#717e98}

.db_search{padding:9px 0;margin-bottom:10px;background:#cbcbcb;font-size:0;text-align:center}
.db_search > *{display:inline-block;height:22px;font-size:12px;line-height:22px}
.db_search .text{width:80px;padding:0 10px;font-weight:bold}
.db_search .input{width:calc(100% - 172px);padding:0 10px;background:#fff;border:0;box-sizing:border-box}
.db_search .btn_submit{width:53px;margin-left:9px;background:#4f4f4f;color:#fff;font-weight:bold;text-align:center}

.db_filter{padding:1px 0;margin-bottom:10px;border-width:1px 0;border-style:solid;border-color:#cccecf}
.db_filter .table{border-width:2px 0;border-style:solid;border-color:#cccecf}
.db_filter col.size01{width:60px}
.db_filter tr{border-bottom:1px solid #dfdfdf}
.db_filter tr:last-child{border-bottom:0}
.db_filter th{background:#f9f9f9;font-size:12px}
.db_filter td{padding:5px 10px 0 10px;background:#fff;font-size:0;line-height:1.6}
.db_filter .link{display:inline-block;height:22px;padding:0 5px;margin:0 5px 5px 0;background:#bcbcbc;color:#fff;border-radius:5px;font-size:12px;line-height:22px}
.db_filter .link.act{background:#e05454;font-weight:bold}
.db_filter .link.has_img img{display:none}
.db_filter .checkbox{margin-right:10px;font-size:12px;cursor:pointer}
.db_filter .checkbox .box{display:inline-block;position:relative;width:12px;height:12px;margin:-2px 2px 0 0;border:1px solid #000;vertical-align:middle}
.db_filter .checkbox input{display:none}
.db_filter .checkbox input:checked ~ .box::before{display:block;content:'';position:absolute;top:1px;left:1px;width:8px;height:4px;border-width:0 0 2px 2px;border-style:solid;border-color:#000;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.db_filter .checkbox input:checked ~ .text{color:#ff0101;font-weight:bold}

.detail_layout{margin-bottom:15px}
.detail_layout .left_area{display:block;float:none;width:100%}
.detail_layout .right_area{display:none}

.db_list{margin-bottom:15px}
.db_list .top_area{margin-bottom:10px}
.db_list .top_area .top_wrap{padding:5px 10px;background:#4f4f4f;font-size:0;line-height:1.6}
.db_list .top_area .top_wrap .item{display:inline-block;margin-right:10px;color:#fff;font-size:12px;font-weight:bold;cursor:pointer}
.db_list .top_area .top_wrap .item:last-child{margin-right:0}
.db_list .top_area .top_wrap .item input{margin:0 2px 0 0;vertical-align:middle}
.db_list .list_area{border-bottom:1px solid #676767;text-align:center}
.db_list .list_area col.size01{width:41%}
.db_list .list_area col.size02{width:20%}
.db_list .list_area col.size03{width:39%}
.db_list .list_area thead th{position:relative;height:30px;background:#cbcbcb;color:#343434;font-weight:bold;text-align:center;line-height:30px}
.db_list .list_area thead th::before{display:block;content:'';position:absolute;top:12px;right:0;width:1px;height:10px;background:#b3b3b3}
.db_list .list_area thead th:last-child::before{display:none}
.db_list .list_area thead .sort::after{display:inline-block;content:'';width:0;height:0;border-width:7px 4px;border-style:solid;border-color:transparent;vertical-align:middle}
.db_list .list_area thead .sort.up::after{margin:-10px 0 0 5px;border-bottom-color:red}
.db_list .list_area thead .sort.down::after{margin:5px 0 0 5px;border-top-color:blue}
.db_list .list_area tbody tr{background-image:url('//static.inven.co.kr/image_2011/destinyguardians/dataninfo/bull_line01.png');background-repeat:repeat-x;background-position:left bottom}
.db_list .list_area tbody tr:nth-child(2n),
.db_list .list_area tbody tr.bg_color{background-color:#fcfcfc}
.db_list .list_area tbody tr.bg_none{background-color:transparent}
.db_list .list_area tbody tr:last-child,
.db_list .list_area tbody tr.no_line{background-image:none}
.db_list .list_area tbody td{padding:10px}
.db_list .list_area tbody .no_data{padding:20px 0;text-align:center}
.db_list .list_area .text_center{text-align:center}
.db_list .list_area .list_item_info{font-size:0;text-align:left}
.db_list .list_area .list_item_info .comment{color:#3d85c6;font-weight:normal}
.db_list .list_area .list_item_info .img_area{display:none}
.db_list .list_area .list_item_info .text_area{display:inline-block;width:100%;font-size:12px;vertical-align:top;box-sizing:border-box}
.db_list .list_area .list_item_info .text_area .name{margin-bottom:5px;font-weight:bold}
.db_list .list_area .list_item_info .text_area .name a{font-weight:bold}
.db_list .list_area .list_item_info .text_area .class .row{position:relative;padding:2px 5px 2px 15px}
.db_list .list_area .list_item_info .text_area .class .row::before{display:block;content:'';position:absolute;top:5px;left:4px;width:5px;height:5px;border-width:0 0 1px 1px;border-style:solid;border-color:#000}
.db_list .list_area .list_pack_info .row{margin-bottom:10px;font-size:0;text-align:left}
.db_list .list_area .list_pack_info .row:last-child{margin-bottom:0}
.db_list .list_area .list_pack_info .row.no_data{font-size:12px}
.db_list .list_area .list_pack_info .img_area{display:none}
.db_list .list_area .list_pack_info .text_area{display:inline-block;width:100%;font-size:12px;vertical-align:top}
.db_list .list_area .list_pack_info .text_area .name{font-weight:bold}
.db_list .list_area .list_pack_info .text_area .name .text::after{content:', '}
.db_list .list_area .list_pack_info .text_area .name .text:last-child::after{content:''}
.db_list .list_area .list_pack_info .text_area .bull{position:relative;padding-left:20px}
.db_list .list_area .list_pack_info .text_area .bull::before{display:block;content:'';position:absolute;top:50%;left:5px;width:4px;height:4px;margin-top:-2px;background:#000;border-radius:50%}

.db_list .list_area.list_mode col.size01{width:40%}
.db_list .list_area.list_mode col.size02{width:60%}
.db_list .list_area.list_mode .list_pack_info .text_area{width:100%}
.db_list .list_area.list_mode .list_item_info .img_area{vertical-align:middle}
.db_list .list_area.list_mode .list_item_info .text_area{vertical-align:middle}

.image_info{margin-bottom:10px}
.image_info img{width:100%}

.pack_info{margin-bottom:10px}
.pack_info .info_area{width:100%;height:198px;padding:10px 0;background:url('//static.inven.co.kr/image_2011/destinyguardians/dataninfo/bg_pack01.jpg') no-repeat 0 0;box-sizing:border-box}
.pack_info .info_area.one{height:70px}
.pack_info .info_area.two{height:120px}
.pack_info .info_area .col{float:left;width:20%;height:100%;border-right:1px solid #6c6c6c;box-sizing:border-box}
.pack_info .info_area .col:last-child{border-right:0}
.pack_info .info_area .type{width:50px;height:50px;margin:0 auto}
.pack_info .info_area .type img{width:100%;height:100%}
.pack_info .info_area .btn_pack{display:block;width:50px;height:50px;margin:0 auto 10px;border:1px solid #a3a3a3;border-radius:50%;overflow:hidden}
.pack_info .info_area .btn_pack.act{background-color:#6496c8}
.pack_info .info_area .btn_pack img{width:100%;height:100%}

.pack_status .status_list{padding:15px;color:#ff0000;border:1px solid #dfdfdf;line-height:1.6}

.pack_info_list .row{margin-bottom:15px}
.pack_info_list .sub_list{border:1px solid #dfdfdf;border-bottom:0}
.pack_info_list .sub_list .sub_row{padding:10px;border-bottom:1px solid #dfdfdf;font-size:0;text-align:right}
.pack_info_list .sub_list .sub_row > *{display:inline-block;font-size:12px;text-align:left;vertical-align:top}
.pack_info_list .sub_list .sub_row .img_area{width:100px;height:100px;background:#6496c8;border:2px solid #8c4501;box-sizing:border-box}
.pack_info_list .sub_list .sub_row .img_area img{width:100%;height:100%}
.pack_info_list .sub_list .sub_row .text_area{width:calc(100% - 100px);padding:0 15px;color:#000;line-height:1.2;box-sizing:border-box}
.pack_info_list .sub_list .sub_row .text_area .name{margin-bottom:10px;font-size:14px;font-weight:bold}
.pack_info_list .sub_list .sub_row .text_area .caption{margin-bottom:10px}
.pack_info_list .sub_list .sub_row .text_area .list{padding-left:10px}
.pack_info_list .sub_list .sub_row .text_area .list li{position:relative;padding:2px 5px 2px 15px}
.pack_info_list .sub_list .sub_row .text_area .list li::before{display:block;content:'';position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-2px;background:#000;border-radius:50%}
.pack_info_list .sub_list .sub_row .status_area{width:calc(100% - 100px);padding:0 15px;margin-top:10px;color:#ff0000;line-height:1.6;vertical-align:middle;box-sizing:border-box}

.detail_img_area{margin-bottom:20px}
.detail_img_area .sub_title{margin-bottom:0}
.detail_img_area .img_area img{width:100%}

.mission_area{margin-bottom:10px}
.mission_area .mission_title{position:relative;width:226px;height:28px;padding-left:20px;background:-moz-linear-gradient(top, #f0f0ef 0%, #dcdcdc 100%);background:-webkit-linear-gradient(top, #f0f0ef 0%,#dcdcdc 100%);background:linear-gradient(to bottom, #f0f0ef 0%,#dcdcdc 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0ef', endColorstr='#dcdcdc',GradientType=0 );border-width:1px 1px 0 0;border-style:solid;border-color:#6b6b82;box-sizing:border-box}
.mission_area .mission_title::before{display:block;content:'';position:absolute;top:0;left:0;right:0;height:1px;background:#fff;z-index:10}
.mission_area .mission_title::after{display:block;content:'';position:absolute;top:0;left:0;width:6px;height:27px;background:-moz-linear-gradient(top, #6b6b82 0%, #474762 100%);background:-webkit-linear-gradient(top, #6b6b82 0%,#474762 100%);background:linear-gradient(to bottom, #6b6b82 0%,#474762 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b82', endColorstr='#474762',GradientType=0 );z-index:20}
.mission_area .mission_title .text{position:relative;height:27px;color:#414141;font-weight:bold;line-height:27px;z-index:30}
.mission_area .mission_list{padding:5px;background:#f2f2f2;border:1px solid #cacaca;border-top:2px solid #464661}
.mission_area .mission_list .item{float:left;width:20%;padding:5px;box-sizing:border-box}
.mission_area .mission_list .link{display:block;position:relative;width:130px;height:80px;border:1px solid #cacaca;box-sizing:border-box}
.mission_area .mission_list .link .img{width:100%;height:100%}
.mission_area .mission_list .link .name{display:block;position:absolute;bottom:5px;right:5px;height:18px;padding:0 10px;background:rgba(81, 105, 226, 0.9);color:#fff;border-radius:18px;font-size:11px;font-weight:bold;font-family:NanumBarunGothic, sans-serif;line-height:18px}
.mission_area.color01 .mission_title{border-color:#cc7a64}
.mission_area.color01 .mission_title::after{background:-moz-linear-gradient(top, #6b6b82 0%, #ad5943 100%);background:-webkit-linear-gradient(top, #6b6b82 0%,#ad5943 100%);background:linear-gradient(to bottom, #6b6b82 0%,#ad5943 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b82', endColorstr='#ad5943',GradientType=0 )}
.mission_area.color01 .mission_list{border-top-color:#ae5b45}
.mission_area.color01 .mission_list .link .name{background:rgba(213, 121, 96, 0.9)}
.mission_area.color02 .mission_title{border-color:#8eaf80}
.mission_area.color02 .mission_title::after{background:-moz-linear-gradient(top, #8eaf80 0%, #5e814f 100%);background:-webkit-linear-gradient(top, #8eaf80 0%,#5e814f 100%);background:linear-gradient(to bottom, #8eaf80 0%,#5e814f 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8eaf80', endColorstr='#5e814f',GradientType=0 )}
.mission_area.color02 .mission_list{border-top-color:#5e814f}
.mission_area.color02 .mission_list .link .name{background:rgba(94, 139, 74, 0.9)}

.class_detail{margin-bottom:40px}
.class_detail .sub_title{width:100%;margin-bottom:10px;box-sizing:border-box}
.class_detail .img_area{float:left;width:130px;height:180px;border:2px solid #8c4501;box-sizing:border-box}
.class_detail .text_area{float:right;width:calc(100% - 140px)}
.class_detail .text_area .sub_title{width:100%;box-sizing:border-box}
.class_detail .text_area .text_box{padding:9px;border:1px solid #dfdfdf}
.class_detail .text_area .text_box .left_item{position:relative;float:left;width:100%;line-height:1.6}
.class_detail .text_area .text_box .btn_video{display:none}
.class_detail .link{float:left;width:130px;height:24px;margin-top:15px;background:#252429;color:#fff;border-radius:2px;font-size:11px;font-weight:bold;text-align:center;line-height:24px}

.class_info_list .row{margin-bottom:15px}
.class_info_list .sub_list{border:1px solid #dfdfdf;border-bottom:0}
.class_info_list .sub_list .sub_row{padding:10px;border-bottom:1px solid #dfdfdf;font-size:0;line-height:100px}
.class_info_list .sub_list .sub_row > *{display:inline-block;font-size:12px;vertical-align:top}
.class_info_list .sub_list .sub_row .img_area{width:100px;height:100px;background:#6496c8;border:2px solid #8c4501;box-sizing:border-box}
.class_info_list .sub_list .sub_row .img_area img{width:100%;height:100%}
.class_info_list .sub_list .sub_row .img_area.has_number{position:relative}
.class_info_list .sub_list .sub_row .img_area.has_number .num{display:block;position:absolute;top:8px;left:8px;width:20px;height:20px;background:#b25f11;color:#fff;border-radius:2px;font-size:11px;text-align:center;line-height:20px}
.class_info_list .sub_list .sub_row .text_area{width:calc(100% - 100px);padding-left:10px;color:#000;line-height:1.2;box-sizing:border-box}
.class_info_list .sub_list .sub_row .text_area .name{margin-bottom:10px;font-size:14px;font-weight:bold;line-height:1.6}
.class_info_list .sub_list .sub_row .text_area .key{height:20px;margin:-2px 0 0 10px;vertical-align:middle}
.class_info_list .sub_list .sub_row .text_area .caption{margin-bottom:10px}
.class_info_list .sub_list .sub_row .btn_video{display:none}

.db_vote{margin-bottom:20px;border:1px solid #000}
.db_vote .vote_title{height:30px;background:#252429;color:#fff;border:1px solid #000;border-top:2px solid #e3aa10;font-size:13px;font-weight:bold;text-align:center;line-height:30px}
.db_vote .vote_wrap{padding:7px 6px 6px;background:#3c3c3c;border-top:1px solid #636363}
.db_vote .vite_box{width:100%;background:#717e98;border:1px solid #000;box-sizing:border-box}
.db_vote .vite_box p{margin:0}
.db_vote .vite_box .line{padding:1px;border:1px solid #99a3b8}
.db_vote .vite_box .name{height:30px;padding:0 10px;color:#fff;font-size:13px;font-weight:bold;line-height:30px}
.db_vote .vite_box .name p{float:left}
.db_vote .vite_box .name .right{float:right;font-size:11px}
.db_vote .vite_box .name .right span{color:#fff18f}
.db_vote .vite_box .box{padding:6px;background:#dadcdf;border:1px solid #24140f;border-radius:5px}
.db_vote .btn_ara{margin-bottom:10px}
.db_vote .btn_ara .box{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;padding:6px 3px}
.db_vote .btn_ara .btn_appraisal{-webkit-flex:1 0 0;-moz-flex:1 0 0;-ms-flex:1 0 0;flex:1 0 0;margin:0 3px;border:1px solid #202120;border-radius:2px;box-sizing:border-box;outline:0}
.db_vote .btn_ara .btn_appraisal .btn_name{height:24px;background:#202120;color:#fff;font-size:12px;font-weight:bold;text-align:center;line-height:24px}
.db_vote .btn_ara .btn_appraisal[data-vote-point="2"]{border:1px solid #3e3f3e}
.db_vote .btn_ara .btn_appraisal[data-vote-point="2"] .btn_name{background:#3e3f3e}
.db_vote .btn_ara .btn_appraisal[data-vote-point="3"]{border:1px solid #073456}
.db_vote .btn_ara .btn_appraisal[data-vote-point="3"] .btn_name{background:#073456}
.db_vote .btn_ara .btn_appraisal[data-vote-point="4"]{border:1px solid #ad520a}
.db_vote .btn_ara .btn_appraisal[data-vote-point="4"] .btn_name{background:#ad520a}
.db_vote .btn_ara .btn_appraisal[data-vote-point="5"]{border:1px solid #9d0a0a}
.db_vote .btn_ara .btn_appraisal[data-vote-point="5"] .btn_name{background:#9d0a0a}
.db_vote .btn_ara .btn_appraisal .btn_value{height:45px;background:#fff;color:#950b0b;font-size:13px;font-weight:bold;text-align:center;line-height:45px}
.db_vote .vite_value{}
.db_vote .vite_value .box{padding:19px 6px}
.db_vote .vite_value .star{float:left;width:calc(100% - 93px);padding-top:3px;font-size:0;text-align:center}
.db_vote .vite_value .star .item{display:inline-block;float:none;width:30px;height:32px;margin:0 1px;background:url('//static.inven.co.kr/image_2011/destinyguardians/dataninfo/img_star_off.png') no-repeat 0 0 / 30px 32px}
.db_vote .vite_value .star .item.act{background:url('//static.inven.co.kr/image_2011/destinyguardians/dataninfo/img_star_on.png') no-repeat 0 0 / 30px 32px}
.db_vote .vite_value .star .item.half{background:url('//static.inven.co.kr/image_2011/destinyguardians/dataninfo/img_star_half.png') no-repeat 0 0 / 30px 32px}
.db_vote .vite_value .point{float:right;width:93px;height:45px;background:-moz-linear-gradient(top, #ffffff 0%, #c5c5c5 100%);background:-webkit-linear-gradient(top, #ffffff 0%,#c5c5c5 100%);background:linear-gradient(to bottom, #ffffff 0%,#c5c5c5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c5c5c5',GradientType=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}

.tooltip_area{width:100%;padding:10px 15px;background:#3c3c3c;border:1px solid #121212;letter-spacing:-1px;box-sizing:border-box}
.tooltip_area .row{background-image:url('//static.inven.co.kr/image_2011/destinyguardians/dataninfo/bull_line01.png');background-repeat:repeat-x;background-position:left bottom}
.tooltip_area .row.pack_area{background-image:none}
.tooltip_area .tooltip_info{padding-bottom:10px;font-size:0}
.tooltip_area .tooltip_info > *{display:inline-block;font-size:12px;vertical-align:middle}
.tooltip_area .tooltip_info .img_area{width:46px;height:46px;border:1px solid #4a4f56}
.tooltip_area .tooltip_info .img_area img{width:100%;height:100%}
.tooltip_area .tooltip_info .text_area{width:calc(100% - 48px);padding:0 10px;box-sizing:border-box}
.tooltip_area .tooltip_info .text_area .name{margin-bottom:5px;color:#edd36c;font-size:14px;font-weight:bold}
.tooltip_area .tooltip_info .text_area .type{color:#c0c0c0}
.tooltip_area .tooltip_info .class_area{width:calc((100% - 48px) * 0.3);color:#c0c0c0;vertical-align:top}
.tooltip_area .tooltip_info .class_area .class{margin-bottom:5px;font-weight:bold}
.tooltip_area .graph_area{padding:10px 0 1px}
.tooltip_area .graph_area .sub_row{height:17px;padding-bottom:9px;color:#c0c0c0;line-height:15px}
.tooltip_area .graph_area .sub_row .name{float:left;width:40%;padding-right:10px;text-align:right;box-sizing:border-box}
.tooltip_area .graph_area .sub_row .value{float:right;width:60%}
.tooltip_area .graph_area .sub_row .progress{position:relative;width:100%;height:17px;background:#242428}
.tooltip_area .graph_area .sub_row .progress .bar{display:block;content:'';position:absolute;top:0;left:0;height:17px;background:#cccecf;z-index:10}
.tooltip_area .graph_area .sub_row .progress .text{position:absolute;top:0;left:10px;height:17px;color:#7c7c7c;font-weight:bold;line-height:15px;z-index:20}
.tooltip_area .graph_area .sub_row .progress.armor[data-percent="1"] .bar{width:33%}
.tooltip_area .graph_area .sub_row .progress.armor[data-percent="2"] .bar{width:66%}
.tooltip_area .graph_area .sub_row .progress.armor[data-percent="3"] .bar{width:100%}
.tooltip_area .pack_area{padding:0 4px 20px}
.tooltip_area .pack_area .sub_row{padding-top:10px}
.tooltip_area .pack_area .sub_row .img_area{float:left;width:25px;height:25px;background:#1a1720;border:1px solid #8e4601;box-sizing:border-box}
.tooltip_area .pack_area .sub_row .img_area img{width:100%;height:100%}
.tooltip_area .pack_area .sub_row .text_area{float:right;width:calc(100% - 25px);padding-left:10px;box-sizing:border-box}
.tooltip_area .pack_area .sub_row .text_area .name{color:#fff;font-weight:bold}
.tooltip_area .pack_area .sub_row .text_area .caption{color:#c0c0c0}
.tooltip_area .star{color:#c0c0c0;text-align:right}
.tooltip_area .star span{color:#ffd000}
.tooltip_area .star img{margin:-2px 2px 0 0;vertical-align:middle}

.pop_video_bg{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:100}
.pop_video_bg.act{display:block}
.pop_video_area{display:none;position:fixed;top:50%;left:50%;width:881px;height:510px;margin:-255px 0 0 -440px;background:url('//static.inven.co.kr/image_2011/destinyguardians/dataninfo/bg_pop_video.jpg?v=180813a') no-repeat 0 0;z-index:110}
.pop_video_area.act{display:block}
.pop_video_area .btn_close{position:absolute;top:0;right:0;width:21px;height:20px;background:url('//static.inven.co.kr/image_2011/destinyguardians/dataninfo/btn_close01.jpg') no-repeat 0 0;color:transparent;font-size:0;z-index:20}
.pop_video_area .iframe{position:absolute;top:12px;left:12px;width:854px;height:482px;border:0;z-index:10}

/* 가이드 */
#destinyguardiansDb .destinyguardiansDbBoardTop{ width: 706px; border: 1px solid #000; background-color: #f16cef; padding: 1px; margin-bottom: 10px; }
#destinyguardiansDb .destinyguardiansDbBoardTop table{ width : 100%; border: 5px solid #2b003f; }
#destinyguardiansDb .destinyguardiansDbBoardTop table col.size01{ width: 140px; }
#destinyguardiansDb .destinyguardiansDbBoardTop table tbody{ background-color: #fff; border: 1px solid #270409; }
#destinyguardiansDb .destinyguardiansDbBoardTop table tbody tr th{ background-color: #510078; color: #e6bb0d; border-bottom: 1px solid #8913ab; font-weight: bold;}
#destinyguardiansDb .destinyguardiansDbBoardTop table tbody tr td{ border-bottom: solid 1px #a9a7a7;} 
#destinyguardiansDb .destinyguardiansDbBoardTop table tbody tr td a{ display: inline-block; padding: 0px 10px; line-height: 25px; background:url(//static.inven.co.kr/image_2011/common/common/line_gray_1x7a.png)  no-repeat right;  }
#destinyguardiansDb .destinyguardiansDbBoardTop table tbody tr td a:first-child{ margin-left: 5px; }
#destinyguardiansDb .destinyguardiansDbBoardTop table tbody tr td a:last-child{ background: none; }
#destinyguardiansDb .destinyguardiansDbBoardTop table tbody tr td a.selected{ color: red; font-weight: bold; }

#destinyguardiansDb .destinyguardiansDbBoardImg{ width: 706px; border: 1px solid #000; background-color: #f16cef; padding: 1px; margin-bottom: 10px; }
#destinyguardiansDb .destinyguardiansDbBoardImg .w710{ width: calc(100% - 10px); border: 5px solid #2b003f; }
#destinyguardiansDb .destinyguardiansDbBoardImg .w710 img{ width: 100%;}
#destinyguardiansDb .guide_title {background-image:url('//static.inven.co.kr/image_2011/destinyguardians/dataninfo/bg_guideTitle01.jpg')}
 
#destinyguardiansDb.mobile .destinyguardiansDbBoardTop{ width: calc(100% - 4px); margin-top: 10px;}

#destinyguardiansDb.mobile .guide_wrap {width: 100%; padding: 4px; border: 1px solid #bbb; background-color: #eee; box-sizing: border-box;}
#destinyguardiansDb.mobile .guide_view {padding: 10px; background-color: #fff;}
#destinyguardiansDb.mobile .guide_title {height: 31px; padding: 0 10px; border: 1px solid #000; background: linear-gradient(to bottom, #c5c5c5 0%,#9b9b9b 100%); color: #fff; font-size: 15px; font-weight: bold; line-height: 31px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#destinyguardiansDb.mobile .message {color: #f00; font-weight: bold;}
#destinyguardiansDb.mobile .guide_content {width: 100%; margin: 12px 0;}
#destinyguardiansDb.mobile .guide_content .guide_article {width: 100%; font-size: 14px; line-height: 1.6;}
#destinyguardiansDb.mobile .guide_content .guide_article img {max-width: 100%;}
#destinyguardiansDb.mobile .guide_content .txc-textbox {width: auto!important;}
#destinyguardiansDb.mobile .guide_content hr {width: auto!important;}
#destinyguardiansDb.mobile .modify a {color: #000088; font-weight: bold;}