/* 리셋 */
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{margin:0 auto;font-family: MalgunGothic,NanumBarunGothic,sans-serif;padding:10px;}

/* 공통 클래스 */
.it{display:block;float:none}
.clearfix::after{display:block;content:'';clear:both}
.it p{margin:0}
#itDb .nanum{font-family:NanumBarunGothic, sans-serif}

/*list*/

#itDb .page_tab{margin-bottom:20px;overflow:hidden}
#itDb .page_tab .link{display:block;float:left;width:33.33%;height:36px;color:#fff;font-family:MalgunGothic,NanumBarunGothic,sans-serif;line-height:36px; text-align:center;float:left;background:#393a3a;overflow:hidden;box-sizing:border-box;border:1px solid #333333}
#itDb .page_tab .link.act{background:#136981;color:#ffffff;border:1px solid #0e9fce}


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


#itDb .filter_bar {width:100%;height:30px;text-align:center; line-height:30px;box-sizing:border-box;border:1px solid #cbcbcb;margin-bottom:10px; }
#itDb .filter_bar span { margin-left:5px; }
#itDb .filter_bar.hide { display:none;}

#itDb .filter{ display:none;}
#itDb .filter .btns { margin-bottom:10px;}
#itDb .filter .btns button { color:#fff;text-align:center;height:30px;background:#4c4e54;font-weight:bold; padding: 0px 10px;}
#itDb .filter .btns button.search_all { background:#294b67;margin-right:10px;float:right; }
#itDb .filter .btns button.btn_reset { float:right;}
#itDb .filter .search_filter { margin-bottom:10px;}
#itDb .filter .search_filter .filter_title { height:30px;text-align:center; line-height:30px;box-sizing:border-box;border:1px solid #9c9c9c;background:#cccccc;text-align:left;padding:0px 10px;}
#itDb .filter .search_filter .filter_title span { float:right;}
#itDb label {cursor: pointer; }
#itDb .filter .search_filter .filters { overflow:hidden;width:100%;padding:10px 0px 0px;display:none;}
#itDb .filter .search_filter .filters.act { display:block;}
#itDb .filter .checkbox{display:inline-block;width:calc(50% - 5px);height:30px;text-align:center; line-height:30px;box-sizing:border-box;border:1px solid #9c9c9c;margin-bottom:10px;}
#itDb .filter .checkbox.act { background:#d9e1f2 }
#itDb .filter .checkbox:nth-child(even) { margin-left:5px}
#itDb .filter .checkbox:nth-child(odd) { margin-right:5px;float:left}
#itDb .filter .checkbox input{display:none;}

#itDb .filter .bold{font-weight: bold;}



#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 .top_area select { border:1px solid #cbcbcb; height:30px;text-align:center;background:#fff;}
#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 0px;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:100px;height:100px;margin-right:10px; }
#itDb .board_area .list .row .left img { border:1px solid #cbcbcb;width:100px;height:100px}
#itDb .board_area .list .row .right { width:calc(100% - 110px);float:right;}
#itDb .board_area .list .row .right .title_area {}
#itDb .board_area .list .row .right .title_area a { font-weight:bold;font-size:14px;display:block; width:100%;text-overflow: ellipsis;white-space: nowrap;overflow:hidden}
#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 .link { width:100%;text-align:right; }
#itDb .board_area .list .row .link a  { color:#da1010;font-weight:bold }
#itDb .board_area .list .row .right .spec_area {overflow:hidden;margin-bottom:20px; }
#itDb .board_area .list .row .right .spec_area .text { font-size:12px;overflow:hidden;}
#itDb .board_area .list .row .right .spec_area .text span {float:left; margin:0px 2px;}
#itDb .board_area .list .row .review_area { margin-top:10px}
#itDb .board_area .list .row .review_area .link {margin-bottom:10px;text-align:left  }
#itDb .board_area .list .row .review_area .link .label {color:#294b67;font-weight:bold; }
#itDb .board_area .list .row .review_area .link a { float:none; margin-left:10px;width:calc(100% - 88px);text-overflow:ellipsis;display:inline-block;white-space:nowrap;overflow:hidden;vertical-align:-5px; }
#itDb .board_area .list .row .review_area .link a:hover { color:#da1010;text-decoration: underline}
#itDb .board_area .list .row .review_area .link a .cmt { color:#DA1010;margin-left:3px;}
#itDb .board_area .list .row .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 { overflow:hidden;margin:10px 0px 0px;background:#7f7f81;color:#fff;padding:5px; }
#itDb .view .top_area .title {font-size:14px;font-weight:bold;display:inline-block;width:calc(100% - 86px);vertical-align:-10px;text-overflow:ellipsis;overflow:hidden }
#itDb .view .top_area .logo {  width:74px;height:30px;vertical-align: middle;margin-right:10px;float:left }

#itDb .view .img_area { width:100%; border:1px solid #cbcbcb;margin-right:30px;box-sizing:border-box }
#itDb .view .img_area .swiper-slide img { width:100%;}
#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:100%;}
#itDb .view .right_part table {border-collapse: collapse; margin-bottom:10px;} 
#itDb .view .right_part table .size01,#itDb .view .right_part table .size03 { width:15%}
#itDb .view .right_part table .size02,#itDb .view .right_part table .size04 { width:35%}

#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 {  height:30px; overflow:hidden;margin:10px 0px 0px;background:#7f7f81;color:#fff;padding:5px;line-height:30px;text-indent:10px; }
#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:25%;height:32px;float:left;text-align:center;font-weight:bold;line-height:32px; border-left:none;border-bottom:none;box-sizing:border-box;}
#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 { padding:10px 15px;margin-bottom:10px;}
#itDb .view .bottom_area .detail { position:relative;}
#itDb .view .bottom_area .detail .title { padding:5px;background:#ebeaeb;font-weight:bold;text-align:left}
#itDb .view .bottom_area .detail .inner { padding:10px 6px;}
#itDb .view .bottom_area .detail .inner .link { font-weight:bold;margin-top:10px; }
#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:calc(100% - 85px);text-overflow:ellipsis;display:inline-block;white-space:nowrap;overflow:hidden;vertical-align:middle;color:#da1010 ; }
#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%;right:10%;width:30px; height:30px;text-align:center;background:#ebeaeb;border-radius: 2px;padding:5px 5px;cursor:pointer;line-height:1.2;letter-spacing: -1px; }
#itDb .view .bottom_area .detail .inner .video {position:relative;padding-bottom:56.25%;padding-top:25px;height:0px;} 
#itDb .view .bottom_area .detail .inner iframe {width:100%;position: absolute;height:100%;top:0; left:0;} 
#itDb .view .btn_back {background: url('//static.inven.co.kr/image/board/common/bttn_75x23_white1.gif');width: 75px;height: 23px;border: 0;font-size: 12px;float:right;text-align:center;line-height:2; margin:10px 0px;}

.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 7px 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 7px no-repeat;}