@charset "utf-8";

.product07 .prod_img {text-align: right;
  margin-top: -110px;}
  .product07 .prod_img img {width:180px;}

.product07 .raiusTit {display:flex; align-items:center; }
.product07 .raiusTit .tit{border:1px solid #167058; background:#167058; color:#fff; padding:10px 1.5em; border-radius: 50px; margin-right:20px;}

.product07 .circleUl {display:flex; flex-wrap:wrap; justify-content: center; align-items: center;}
.product07 .circleUl li {width:30%; padding-bottom:50px; text-align:center;}
.product07 .circleUl .img_wap { width:200px; margin: 0 auto; }
.product07 .circleUl .img_wap img { width:100%; }
/*테이블 백그라운드*/
.product07 .bgGreen {background-color:rgba(22,112,88,.1);}

.product07 .halfWrap {display:flex; flex-wrap:wrap; justify-content: space-between;}
.product07 .halfWrap .half {width:48%;}
.product07 .halfWrap .half .f_img{ width:100%; }
.product07 .halfWrap .half img{ width:100%; }
.product07 .halfWrap .half.halfTxt {display:flex; flex-wrap:wrap; align-content: space-around;}

.product07 .desc {display:flex; padding-bottom:10px;}
.product07 .desc .num {display:inline-block; width:38px; height:38px; border-radius:50%; text-align:center; font-size:1.7rem; line-height:40px; background-color:#167058; color:#fff; margin-right:5px;}
.product07 .desc .txt {width:calc(100% - 30px);}


.product07 .nbgall .orgImg,
.product07 .nbgall .orgImg img {width:100%;}
.product07 .nbgall .description .bulletImg {position:relative; display:inline-block; }
.product07 .nbgall .description .bulletImg::after{ content:""; position:absolute; top:0; left:-40px; width:30px; height:30px; background-image:url('./check_box.png'); background-repeat:no-repeat; background-size:contain; }

.product07 table th:last-child {border-right:none}
@media screen and (max-width:1024px){
  .mglr100 {margin:0 50px;}
}
@media screen and (max-width:768px){
  .mglr100 {margin:0;}
  .product07 .prod_img { margin-top: -80px;}
  .product07 .circleUl li {width:48%;}
  .product07 .circleUl .img_wap { width:180px; margin: 0 auto; }
  .product07 .desc .num {width: 26px;
    height: 26px; line-height:25px;}
}
@media screen and (max-width:560px){
  .product07 .prod_img { margin-top: -50px;}
  .product07 .circleUl .img_wap { width:120px; margin: 0 auto; }
  .product07 .halfWrap .half {width:100%;}
  .product07 .halfWrap .half.halfTxt {padding-top:50px;}
  .product07 .halfWrap .half.halfTxt .halfCont {padding-bottom:30px;}
}