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

/* 공통 아이디 */
#itDb{max-width:710px;margin:0 auto}

/* 공통 클래스 */
.it{display:block;float:none}
.clearfix::after{display:block;content:'';clear:both}
.it p{margin:0}
#itDb .nanum{font-family:NanumBarunGothic, sans-serif}
#itDb .page_title{position:relative;height:33px;padding:0 32px;margin-bottom:10px;
color:#fff;font-size:14px;font-weight:bold;line-height:33px;box-sizing:border-box;background:url('//static.inven.co.kr/image_2011/it/dataninfo/tit_bar2.png') left top no-repeat;}




/* button */
#itDb .btn.btn_close{width:46px;height:18px;
background: -moz-linear-gradient(top, #4b4124 0%, #2d2e30 100%);
background: -webkit-linear-gradient(top, #4b4124 0%,#2d2e30 100%);
background: linear-gradient(to bottom, #4b4124 0%,#2d2e30 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4124', endColorstr='#2d2e30',GradientType=0 );
color:#fff;border:1px solid #000;font-size:11px;text-align:center;line-height:18px;box-sizing:border-box}

/*list*/

#itDb .page_tab{margin-bottom:16px}
#itDb .page_tab .link{display:block;float:left;width:227px;height:40px;background:url('//static.inven.co.kr/image_2011/it/dataninfo/sp_tab2.png') no-repeat 0 0;color:transparent;font-size:0;margin-right:15px;}
#itDb .page_tab .link:last-child { margin:0px;}
#itDb .page_tab .link:hover,
#itDb .page_tab .link.act{background-position-y:-40px}

#itDb .page_tab .link.menu01{width:226px;background-position-x:-7px}
#itDb .page_tab .link.menu02{width:226px;background-position-x:-245px}
#itDb .page_tab .link.menu03{width:227px;background-position-x:-486px}

#itDb .filter{margin-bottom:15px;border:4px solid #cccecf}
#itDb .filter col.size01{width:149px}
#itDb .filter col.size02{width:553px}
#itDb .filter tr{border-bottom:1px solid #d7d7d7}
#itDb .filter tr:last-child{border-bottom:0}
#itDb .filter th{background:#e7e7e7;text-align:center;font-weight: bold;}
#itDb .filter td{padding:10px;line-height:1.6}
#itDb .filter tr td div { width:100%}
#itDb .filter tr td a.selected { color: red;font-weight: bold;}
#itDb .filter tr td a { display: inline-block;padding: 0px 10px;line-height: 19px;}
#itDb .filter tr td a:last-child {background:none;}
#itDb .filter input, #itDb label {cursor: pointer; }
#itDb .filter .checkbox{display:inline-block;margin-right:15px}
#itDb .filter .checkbox input{margin:-2px 3px 0 0;vertical-align:middle}
#itDb .filter .radio{display:inline-block;position:relative;padding-right:15px}
#itDb .filter .radio::before{display:block;content:'';position:absolute;top:50%;right:0;width:1px;height:2px;margin-top:-4px;border-top:2px solid #b3b3b3;border-bottom:2px solid #b3b3b3}
#itDb .filter .radio:last-child::before{display:none}
#itDb .filter .bold{font-weight: bold;}


#itDb .search{width:710px;padding:9px;margin-bottom:15px;background:#cbcbcb;font-size:0;text-align:center;box-sizing: border-box}
#itDb .search > *{display:inline-block;height:22px;font-size:12px;vertical-align:middle;line-height:22px}
#itDb .search .text{padding:0 15px;font-weight:bold}
#itDb .search .input{width:392px;padding:0 10px;border:0;box-sizing:border-box}
#itDb .search .btn{width:53px;margin-left:10px;background:#4c4e54;color:#fff;font-weight:bold}
#itDb .search .btn_submit{background:#c70e18}

#itDb .board_area{margin-bottom:20px;border-bottom:2px solid #c70e18}
#itDb .board_area .top_area { margin-bottom:10px;}
#itDb .board_area .top_area .left{float:left}
#itDb .board_area .top_area .right{float:right}
#itDb .board_area .checkbox{display:inline-block;margin-right:8px}
#itDb .board_area .checkbox input{margin:-2px 3px 0 0;vertical-align:middle}
#itDb .board_area .top_area .btn_close{margin-top:5px}
#itDb .board_area .list{text-align:left;overflow:hidden;border-top:2px solid #c70e18}
#itDb .board_area .list .row { border-bottom:1px dotted #b3b3b3;padding:10px 12px;overflow:hidden;}
#itDb .board_area .list .row:last-child { border-bottom:none}
#itDb .board_area .list .row:nth-child(even) { background-color:#f7f7f7}
#itDb .board_area .list .row .left { float:left;width:150px;height:150px;margin-right:10px; }
#itDb .board_area .list .row .left img { border:1px solid #cbcbcb;width:148px;height:148px}
#itDb .board_area .list .row .right { width:526px;float:right;}
#itDb .board_area .list .row .right .title_area { margin-bottom:15px;}
#itDb .board_area .list .row .right .title_area a { font-weight:bold;font-size:14px;}
#itDb .board_area .list .row .right .title_area a img { width:68px;height:28px;vertical-align: middle; margin-right:10px; }
#itDb .board_area .list .row .right .title_area a  span { width:441px;display:inline-block; vertical-align:middle;}
#itDb .board_area .list .row .right .spec_area {overflow:hidden;margin-bottom:20px; }
#itDb .board_area .list .row .right .title_area a  span.cmt { display:inline;color:#3d85c6;vertical-align:2px;margin-left:5px;font-size:11px;font-weight:normal;}
#itDb .board_area .list .row .right .spec_area .text { width: 455px;float:left;}
#itDb .board_area .list .row .right .spec_area .text span {float:left;margin:0px 2px;}
#itDb .board_area .list .row .right .spec_area .link { float:right; }
#itDb .board_area .list .row .right .spec_area .link a { color:#da1010;font-weight:bold; }
#itDb .board_area .list .row .right .review_area .link {margin-bottom:10px;  }
#itDb .board_area .list .row .right .review_area .link .label {color:#294b67;font-weight:bold; }
#itDb .board_area .list .row .right .review_area .link a { float:none; margin-left:10px;width:378px;text-overflow:ellipsis;display:inline-block;white-space:nowrap;overflow:hidden;vertical-align:-3px; }
#itDb .board_area .list .row .right .review_area .link a:hover { color:#da1010;text-decoration: underline}
#itDb .board_area .list .row .right .review_area .link a .cmt { color:#DA1010;margin-left:3px;}
#itDb .board_area .list .row .right .review_area .link .date { float:right;}

#itDb .board_area .list .nodata { text-align:center; width:100%;padding:10px;}
#itDb .board_area .list .text_list{padding-top:10px}
#itDb .board_area .list .dot_list{padding-top:10px}
#itDb .board_area .list .dot_list li{position:relative;padding-left:10px}
#itDb .board_area .list .dot_list li::before{display:block;content:'';position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-2px;background:#000;border-radius:50%}


/*view*/
#itDb .view .top_area {  height:40px; overflow:hidden;margin-bottom:10px; }
#itDb .view .top_area .title {font-size:16px;font-weight:bold }
#itDb .view .top_area .logo {  width:68px;height:28px;overflow:hidden;vertical-align: middle;margin-right:10px; }

#itDb .view .img_area { width:300px; height:315px; border:1px solid #cbcbcb;margin-right:30px;box-sizing:border-box }
#itDb .view .img_area .swiper-slide img { width:298px;height:298px;}
#itDb .view .img_area .swiper-pagination-bullet {background:#ffffff;opacity:1;border:1px solid #dadada;width:10px; height:10px;}
#itDb .view .img_area .swiper-pagination-bullet-active {background:#c3c3c3;border-color:#fff;}

#itDb .view .box {border:1px solid #c1c1c1;width:100%;box-sizing:border-box;overflow:hidden;}
#itDb .view .right_part { width:380px;float:right;}
#itDb .view .right_part table {border-collapse: collapse; margin-bottom:10px;} 
#itDb .view .right_part table .size01,#itDb .view .right_part table .size03 { width:74px}
#itDb .view .right_part table .size02,#itDb .view .right_part table .size04 { width:122px}

#itDb .view .right_part th,#itDb .view .right_part td {padding:10px;box-sizing:border-box;border-bottom:1px solid #b3b3b3;text-align:center;}
#itDb .view .right_part td { text-align:left;letter-spacing:-1px}
#itDb .view .right_part th { width:66px;font-weight:bold;background-color:#ebeaeb;}

#itDb .view .right_part .desc .caption { width:80px;height:30px;background:#ebeaeb;font-weight:bold;text-align:center;line-height:30px; }
#itDb .view .right_part .desc .box { padding:9px 10px;}
#itDb .view .right_part .price { color:#da1010;font-weight:bold}

#itDb .view .bottom_area { margin-top:20px;width:100%;}
#itDb .view .bottom_area .tab_area { overflow:hidden;}
#itDb .view .bottom_area .tab_area a.tab_btn { border:1px solid #c1c1c1; display:block;width:98px;height:28px;float:left;text-align:center;font-weight:bold;line-height:28px; border-left:none;border-bottom:none;}
#itDb .view .bottom_area .tab_area a.tab_btn:first-child { border-left:1px solid #c1c1c1;}
#itDb .view .bottom_area .tab_area a.tab_btn.act { border:1px solid #c70e18;border-bottom:none;background:#c70e18;color:white;}
#itDb .view .bottom_area .box { border-top:2px solid #c70e18;padding:10px 15px;margin-bottom:10px;}
#itDb .view .bottom_area .detail { position:relative;}
#itDb .view .bottom_area .detail .title { padding:11px 7px;background:#ebeaeb;font-weight:bold;text-align:left}
#itDb .view .bottom_area .detail .inner { padding:20px 14px;}
#itDb .view .bottom_area .detail .inner .link { font-weight:bold;margin-top:10px; }
#itDb .view .bottom_area .detail .inner .link a { color:#da1010 }
#itDb .view .bottom_area .detail .inner .link .label {color:#294b67;font-weight:bold;vertical-align: middle; }
#itDb .view .bottom_area .detail .inner .link a { float:none; margin-left:10px;width:490px;text-overflow:ellipsis;display:inline-block;white-space:nowrap;overflow:hidden;vertical-align:middle; }
#itDb .view .bottom_area .detail .inner .link a:hover { color:#da1010;text-decoration: underline}
#itDb .view .bottom_area .detail .inner .link .date { float:right;}
#itDb .view .bottom_area .detail .inner img { width:100%}
#itDb .view .bottom_area .detail .inner .subtitle { margin:10px 0px;width:100%; text-align:center}
#itDb .view .bottom_area .detail .top_btn { position: fixed; top:80%;left:calc(50% + 306px);width:30px; height:30px;text-align:center;background:#ebeaeb;border-radius: 2px;padding:5px 5px;cursor:pointer;line-height:1.2;font-size:12px;letter-spacing: -1px; }

.db_paging02{margin-bottom: 10px;text-align: center;padding: 10px 10px;background:#dcdcdc;border:1px solid #aeaeae; border-left:none;border-right: none}
.db_paging02 .currentpg{font-weight: bold;}
.db_paging02 span.prevtext{padding-right:10px}
.db_paging02 a.prevtext{padding-left: 8px;background: url(//static.inven.co.kr/image/common/comment/skin/wowaddonpds/icon_arrow_left.gif) left 3px no-repeat;}
.db_paging02 span.nexttext{padding-left:10px}
.db_paging02 a.nexttext{padding-right: 8px;background: url(//static.inven.co.kr/image/common/comment/skin/wowaddonpds/icon_arrow_right.gif) right 3px no-repeat;}