/* BASIC css start */
/*~~~~~~~~~~~~~~~~~~~~메인배너(슬라이더)~~~~~~~~~~~~~*/

#mainBanner {
  width:900px;
  height:561px;
  /*background:skyblue;*/
  position:relative;
  margin-left:202px;
  border:1px solid #ececec
}

.slick_box {width:893px; position:relative;}

.slick_box .prev {
  position:absolute;left:5px;top:50%;margin-top:-20px;
  width:30px;height:30px;
  background-image:url('http://chsbd.img7.kr/nowsafety_JEHA/img/prev02.png');
  background-position: center;
  background-repeat:no-repeat;
}
.slick_box .next {
  position:absolute;right:5px;top:50%;margin-top:-20px;
  width:30px;height:30px;
  background-image:url('http://chsbd.img7.kr/nowsafety_JEHA/img/next02.png');
  background-position: center;
  background-repeat:no-repeat;
}
.slick_box .slickBtn {
  opacity:0.2;
  cursor:pointer;
}
.slick_box .slickBtn:hover {opacity:0.5;}



.slick_slider .item{width:890px;height:594px;text-align:center; overflow:hidden;}
.slick_slider .item > img {width:100%;}







/*~~~~~~~~~~~~~~~~~~~~메인배너(슬라이더)끝~~~~~~~~~~~~~*/
              




/*배너 하단 MD추천상품 시작*/
.md_product {background:#fff; margin-top:30px;}


.md_product .hl {font-size:25px; font-weight:bold; color:#0089cf; padding-top:10px; padding-bottom:10px; padding-left:7px;}
.md_product .hl > span {font-size:26px; font-weight:bold;  font-family: 'Roboto', sans-serif; color:#0089cf;}

.md_product .prd_con {width:100%;height:170px; margin-top:5px;}

.md_product .prd-list2 .tr_no7 td {

 height:166px; 
 margin-right:10px;


  overflow:hidden;
  
  padding-bottom:30px;
}
.md_product .prd-list2 .tr_no7 td:nth-child(5) {margin-right:0;}


.md_product .prd-list2 .tb-center .thumb {border:1px solid #ddd; margin-top:10px;  /*썸네일 간격조정*/   }
.md_product .prd-list2 .tb-center .thumb a {overflow:hidden; }

.md_product .prd-list2 .price {font-size:15px}




/*배너 하단 MD추천상품 끝*/



/*~~~~~~~~~~~~~브랜드몰~~~~~~~~~~~*/
.brandMall {
  width:1100px;
  height:300px;
  margin-top:20px;
}
/* .brandMall .brd_img > p {padding:10px 0;font-size:24px;font-weight:500; color:#0089cf;}
.brandMall .brd_img > p > span {font-size:20px;font-weight:300;} */

.brandMall .brd_hl {margin:10px; margin-bottom:15px;margin-left:0; font-size:24px; font-weight:600; color:#0089cf; font-family: 'Roboto', sans-serif;}
.brandMall .brd_hl > span {font-size:18px; font-weight:400; }

.brandMall .brd_img {width:1090px; margin:0 auto; margin-left:2px; }

.brandMall .brd_img > a {
  display:block; width:100px; overflow: hidden;
  float:left;
  margin-right:10px;
  margin-bottom:8px;
}
.brandMall .brd_img > a > img {width:100%;}

.brandMall .brd_img > a:nth-child(10) {margin-right:0;}
.brandMall .brd_img > a:nth-child(20) {margin-right:0;}
.brandMall .brd_img > a:nth-child(30) {margin-right:0;}

/*~~~~~~~~~~~~~브랜드몰~~~~~~~~~~~*/



/* 상품탭 도로교통 */
#section1 {width:100%;background:transparent;}
.stion {margin-bottom:80px;}

.tab_bord {
  width:1100px;height:600px;
  border-top:4px solid #0089cf;
}
.tab_bord > div {float:left;}
.tab_bord > .right_prd .row > div {float:left;} 

.tab_bord  > .left_tab {
  background:#fff;
  width:200px;
  box-sizing: border-box;
  padding:10px;
  padding-right:0;
}
.tab_hl > a {
  display:block;
  font-weight:bold;
  box-sizing: border-box; padding:15px 0; margin-bottom:20px; 
  font-size:24px; color:#333;
}
.left_tab .list > li {
  margin-bottom:5px;
}
.left_tab .list > li > a {display:block;  padding:10px 0;
  padding-left:7px; font-size:15px;}
  






.keyword {margin-top:80px;}

.keyword > a {

  display:block;
  
  width:80px; height:30px;
  background:#fff;
  border:1px solid #ccc;
  font-size:12px;
  text-align:left;
  line-height: 30px;
  margin:7px 0;
  box-sizing:border-box;
  padding-left:6px;
  
  color:#999;
}


.row > div {float:left; width:198px;height:280px; background:transparent; margin-top:10px; margin-bottom:5px; margin-left:16px; margin-right:10px;}

.row > div > .imgCon { display:block;width:100%;height:198px; overflow:hidden; background:#fff;}

.row > div > .imgCon > img {width:100%;}

.row > div > .dtl { display:block; margin-top:15px; padding-bottom:0;text-align:center; font-size:13px; background:transparent; color:#333;}
.row > div > .dtl > span {display:block; padding-top:3px; font-family: 'Nanum Gothic', sans-serif; font-size:15px;font-weight:bold;  color:#333;}


/*상품탭 1번*/


/* 상품탭 도로교통 끝 */


.swiper-wrapper img {width:100%;height:100%}







/* BASIC css end */