.content-box2 {padding: 40px 0 40px 0;}
.content-box2 p {color:#777777;}
.content-box2 .content-box-top {min-width: 136px;}
.content-box2 .remamma-content p{font-size: 14px; font-weight: 700;}

.content-type0 {}/*thumb 1개인 컨텐츠 */
.content-type1 {}/*thumb 2개인 컨텐츠 */
.content-box2 .remamma-content.content-type0 >div {width:304px;}
.content-box2 .remamma-content.content-type1 >div {width:177px;}
.pro2 .content-thumb img{
  height:160px;
  border: 1px solid #e1e1e1;
}

.content-thumb img {border:1px solid #e1e1e1; cursor:pointer;}

.content-thumb.img2,.content-thumb.img3 {width:250px; display:block; margin: 0 auto;}
.content-thumb.img2 img, .content-thumb.img3 img {display:inline !important;}

/*********************** media query *****************************/
@media all and (min-width: 1217px){
  .content-box2 .remamma-content{min-width:177px !important; }
}

@media all and (max-width: 1216px){
  .content-box2 .content-box-top{width: 100% !important;}
  
  .fl {float:left;}
  .paddingL0 {padding-left:57px;}
  
}
@media all and (min-width: 1200px){
  .content-box2 .pro1 h6, .content-box2 .pro2 h6,.content-box2 .pro3 h6, .content-box2 .pro4 h6{height:50px;}
  .content-box2 .pro9 h6, .content-box2 .pro10 h6{height:60px;}
}

@media all and (min-width: 980px) and (max-width: 1201px){
  .content-box2 .remamma-content {width:375px !important; margin:0 auto !important; display: block !important; float: none !important;}
  .content-box2 .content-thumb {float:none !important;}
  .content-box2 .content-thumb.img3{width:375px !important;}
  .content-box2 .content-thumb.img2{width:250px !important;}

  .content-box2 .content-left {
    clear: both !important;
    width: 100% !important;
  }
  .content-box2 .content-right {
    clear: both!important;
    width: 100% !important;
    padding-top: 70px !important;
    float: left !important;
  }
}
@media all and (min-width: 1110px) and (max-width: 1216px) {
  .content-box2 .content-thumb.img3 {width:375px !important;}
}
@media all and (min-width: 911px) and (max-width: 979px){

  .content-box .remamma-content h4{padding:10px 0px; padding-top:0px;}
  
  .pro1 h6,.pro2 h6 {height:40px !important;}

  .content-box2 .content-thumb {float:left !important;}
  .content-box2 .content-thumb.img3{float:none !important; width:375px !important;}
  .content-box2 .content-thumb{float:none !important;}

  .content-box2 .pro1 h6, .content-box2 .pro2 h6,.content-box2 .pro3 h6, .content-box2 .pro4 h6{height:40px;}
  .content-box2 .pro9 h6, .content-box2 .pro10 h6{height:60px;}
}

@media all and (max-width: 910px){
  .content-box2 .remamma-content {width:375px !important; margin:0 auto !important; display: block !important; float: none !important;}
  .content-box2 .content-thumb {float:none !important;}
  .content-box2 .content-thumb.img3{width:375px !important;}
  .content-box2 .content-thumb.img2{width:250px !important;}

  .content-box2 .content-left { clear: both !important;width: 100% !important;}
  .content-box2 .content-right {clear: both!important; width: 100% !important;padding-top: 70px !important;float: left !important; }}

@media all and (max-width: 630px) {
  .pro1 h6,.pro2 h6,.pro3 h6,.pro4 h6 {height:auto !important;}
}

@media all and (max-width: 550px) {
  /*추가*/
  .fl {float:none !important;}
  .paddingL0 {padding-left:0px !important;}
}

@media all and (max-width: 480px) {
  .content-box .content-thumb { clear:both !important;  position:relative !important; text-align:left;}
  .content-box .remamma-content { clear:both !important; width:100% !important; margin-left:0px !important; max-width:440px; padding-top:15px;}
  .content-box .remamma-content h4{padding:10px 0px; padding-top:0px;}
  
  .content-box2 .content-thumb{float:none !important; width:100% !important;}
  .content-box2 .content-thumb.img2{float:none !important; width:250px !important;}
  .content-box2 .content-thumb.img3{float:none !important; width:250px !important;}

  .content-box2 .remamma-content.content-type0,.content-box2 .remamma-content.content-type1 {width:275px !important; float:none; margin: 0 auto !important; margin-top: 10px !important;}
  .content-box2 .content-box-top{width: 100% !important;}
  
  .fl {float:left !important;}
  .paddingL0 {padding-left:57px !important;}
}