/*=================================================
      list(rp-board-style1)
=================================================*/
.default-rp-table-wrap .rp-table .rp-tbody .rp-tr .rp-td.num,
.default-rp-table-wrap .rp-table .rp-tbody .rp-tr .rp-td.title{
  display: block;
}
@media screen and (min-width: 768px) {
  .default-rp-table-wrap .rp-table .rp-tbody .rp-tr .rp-td.num,
  .default-rp-table-wrap .rp-table .rp-tbody .rp-tr .rp-td.title{
    display: table-cell;
  }
}

.area1 {
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 0px;
}
.bread-crumb .area1 {
    max-width:1600px;
    padding-right: 0;/**/
}
.default-jg-tab .tab-list{
  width: 33.3%;
}

/* .tab-wrap li:nth-of-type(2) .tab-list {border-right-color:transparent;} */

.rp-tbody .title{
  width:100%;
  font-size:15px;
  color:#555;
  letter-spacing: -0.02em;
}

img {vertical-align:top;}

/* ���� */
.promotion-banner-warp img {vertical-align: top;}
.promotion-banner-warp .promotion-folder ~ img {
  vertical-align: top;
}

.promotion-introduce-wrap .btnMovePromotion,
.promotion-introduce-wrap .btnMovePromotion ~ .download_link {
  width:100%;
  margin-top:15px;
}
.promotion-introduce-wrap .promotion-title {
  margin-top: 60px;
  margin-bottom: 40px;
  font-size:22px;
  font-weight: 500;
}
.promotion-introduce-wrap .promotion-con .pro-label{
  position:absolute;
  left:20px;
  top:0;
  width:114px;
  height:72px;
  line-height:1.43;
  padding: 13px 0;
  background-color:#eb0a1e;
  font-size:16px;
  font-weight:400;
  color:#fff;
  text-align:center;
}

.promotion-benefit-wrap {position:relative; padding:40px 20px 0; background:#f8f8f8;}
.promotion-benefit-wrap:after {content:''; display:block; clear:both;}
.promotion-benefit-wrap .promotion-benefit-title {color:#4c4948; font-size:28px; line-height:35px; font-weight:700; text-align:center; letter-spacing:-0.5px;}
.promotion-benefit-wrap .promotion-benefit-title br {display:none;}
.promotion-benefit-wrap .promotion-benefit-title strong {display:block;}
.promotion-benefit-wrap .promotion-benefit-title span {font-size:20px; line-height:30px;}
.promotion-benefit-wrap .promotion-benefit-title span:before {content:''; display:block; margin:14px 0 10px; height:1px; background:#444;}
.promotion-benefit-wrap .promotion-benefit-con {margin-top:60px;}
.promotion-benefit-wrap .promotion-benefit-con .con-box {position:relative; padding-bottom:30px; border-top:1px solid #c0c0c0;}
.promotion-benefit-wrap .promotion-benefit-con .con-box:first-child {padding-top:0; border-top:none;}
.promotion-benefit-wrap .promotion-benefit-con .con-box .title {position:relative; margin-bottom:15px; font-size:22px; font-weight:500; line-height:30px; background-repeat:no-repeat; background-position:0 3px;}
.promotion-benefit-wrap .promotion-benefit-con .con-box .title .bg {position:absolute; top:-2px; left:0;}
.promotion-benefit-wrap .promotion-benefit-con .con-box .con-list {color:#4c4948; font-size:16px; line-height:30px; letter-spacing:-1px;}
.promotion-benefit-wrap .promotion-benefit-con .con-box .title,
.promotion-benefit-wrap .promotion-benefit-con .con-box .con-list {padding-left:85px;}
.promotion-benefit-wrap .promotion-benefit-con .con-box .con-list > li {position:relative; padding-left:12px;}
.promotion-benefit-wrap .promotion-benefit-con .con-box .con-list > li:before {content:''; display:block; clear:both; position:absolute; top:13px; left:0; width:4px; height:4px; background:#4c4948; border-radius:100%;}
.promotion-benefit-wrap .promotion-benefit-con .text-bg01 {}
.promotion-benefit-wrap .promotion-benefit-con .text-bg03 {}
.promotion-benefit-wrap .promotion-benefit-con .text-bg01 .bg,
.promotion-benefit-wrap .promotion-benefit-con .text-bg03 .bg,
.promotion-benefit-wrap .promotion-benefit-con .text-bg02 .bg{position:relative; display:inline-block;}
.promotion-benefit-wrap .promotion-benefit-con .text-bg01 .bg span,
.promotion-benefit-wrap .promotion-benefit-con .text-bg03 .bg span,
.promotion-benefit-wrap .promotion-benefit-con .text-bg02 .bg span {position:relative; z-index:1;}
.promotion-benefit-wrap .promotion-benefit-con .text-bg01 .bg:before,
.promotion-benefit-wrap .promotion-benefit-con .text-bg03 .bg:before,
.promotion-benefit-wrap .promotion-benefit-con .text-bg02 .bg:before{content:''; display:block; position:absolute; top:-4px; left:-20px; right:-7px; bottom:-8px; background:url('/views/res/imgs/page/autocare/text_bg01.png') no-repeat 0 0; background-size:100% 100%; clear:both;}
.promotion-benefit-wrap .promotion-benefit-con .text-bg02 .bg:before {left:-13px; bottom:-4px; background-image:url('/views/res/imgs/page/autocare/text_bg02.png');}
.promotion-benefit-wrap .promotion-benefit-con .text-bg03 .bg:before {left:-13px; bottom:-4px; background-image:url('/views/res/imgs/page/autocare/text_bg03.png');}

.promotion-benefit-wrap .promotion-benefit-con .sub-con {padding:20px 0; font-size:14px; line-height:23px;}
.promotion-benefit-wrap .promotion-benefit-con .sub-con .sub-list {margin-top:30px;}
.promotion-benefit-wrap .promotion-benefit-con .sub-con .sub-list li {position:relative; margin-bottom:10px; padding-left:10px; text-indent:-10px;}
.promotion-benefit-wrap .promotion-benefit-con .sub-con .sub-list li .ico-blet {position:absolute; top:-17px; left:-38px; text-indent:0; z-index:1;}
.promotion-benefit-wrap .promotion-benefit-con .sub-con .sub-list li .ico-blet img {max-width:none;}
.promotion-benefit-wrap .promotion-benefit-con .sub-con .sub-list li p {text-indent:-5px;}
.promotion-benefit-wrap .promotion-benefit-con .sub-con .sub-list li:before {}

.promotion-benefit-wrap .promotion-benefit-con .extend-con-box {position:relative;}
.promotion-benefit-wrap .promotion-benefit-con .extend-con-box br {display:none;}
.promotion-benefit-wrap .promotion-benefit-con .extend-con-box .btn-detail {display:none; position:absolute; bottom:0; right:20px;}
.promotion-benefit-wrap .promotion-benefit-con .extend-con-box .view {position:relative; padding:0 30px;}
.promotion-benefit-wrap .promotion-benefit-con .extend-con-box .view:before {content:''; display:block; clear:both; position:absolute; top:0; bottom:0; left:0; width:7px; border:1px solid #767473; border-right:0 none;}
.promotion-benefit-wrap .promotion-benefit-con .extend-con-box .view:after {content:''; display:block; clear:both; position:absolute; top:0; bottom:0; right:0; width:7px; border:1px solid #767473; border-left:0 none;}
.promotion-benefit-wrap .promotion-benefit-con .extend-con-box .detail {display:none; position:fixed; top:50%; left:50%; padding:40px; width:65%; max-width:1200px; font-size:32px; line-height:54px; background:#fff; border:1px solid #767473; transform:translate(-50%, -50%); z-index:10;}
.promotion-benefit-wrap .promotion-benefit-con .extend-con-box .detail .btn-close {position:absolute; bottom:0; right:30px;}
.promotion-benefit-wrap .promotion-benefit-con .extend-con-box .detail br {display:none;}
.promotion-benefit-wrap .promotion-benefit-con .extend-con-box .detail > div {position:relative; padding:0 50px;}
.promotion-benefit-wrap .promotion-benefit-con .extend-con-box .detail > div:before {content:''; display:block; clear:both; position:absolute; top:0; bottom:0; left:0; width:7px; border:1px solid #767473; border-right:0 none;}
.promotion-benefit-wrap .promotion-benefit-con .extend-con-box .detail > div:after {content:''; display:block; clear:both; position:absolute; top:0; bottom:0; right:0; width:7px; border:1px solid #767473; border-left:0 none;}
.promotion-benefit-wrap .promotion-benefit-con .extend-con-box.on .detail {display:block;}

.promotion-qna-wrap {display:table; width:100%; min-height:518px; padding:20px; background:url('/views/res/imgs/page/autocare/img_content04.png') no-repeat top center; background-size:cover; box-sizing:border-box; overflow:hidden;}
.promotion-qna-wrap .inner {display:table-cell; vertical-align:middle;;}
.promotion-qna-wrap .promotion-qna-title {color:#fff; font-size:25px;}
.promotion-qna-wrap .promotion-qna-title strong {display:block; font-size:30px;}
.promotion-qna-wrap .promotion-qna-con dl {margin-top:20px;}
.promotion-qna-wrap .promotion-qna-con dl br {display:none;}
.promotion-qna-wrap .promotion-qna-con dl + dl {padding-top:20px; border-top:1px dashed #fff;}
.promotion-qna-wrap .promotion-qna-con dl dt {color:#fff; font-size:20px; font-weight:700;}
.promotion-qna-wrap .promotion-qna-con dl dt span {padding-right:5px;}
.promotion-qna-wrap .promotion-qna-con dl dd {margin-top:10px; color:#fff; font-size:15px; line-height:25px;}



@media screen and (min-width:768px){
  .rp-tbody .title {
    font-size: 14px;
    padding-top:6px;
  }
  .rp-table-style1 .rp-td {
    font-family: 'Nobel', 'Noto Sans KR';
    letter-spacing: 0.05em;
  }
  .point-notice {
    color: #d30c1e;
  }
  .promotion-introduce-wrap .promotion-title {
    margin-top:60px;
    margin-bottom:60px;
    font-size:28px;
  }
  .promotion-introduce-wrap .promotion-con .pro-label{
    left:50px;
  }
  .promotion-benefit-wrap {padding:40px 40px 0;}
  .promotion-benefit-wrap .promotion-benefit-title {float:left; width:35%; padding-left:30px; font-size:28px; line-height:35px; text-align:left;}
  .promotion-benefit-wrap .promotion-benefit-title br {display:block;}
  .promotion-benefit-wrap .promotion-benefit-title span {font-size:20px;}
  .promotion-benefit-wrap .promotion-benefit-con {float:right; margin-top:0; width:60%;}
  .promotion-benefit-wrap .promotion-benefit-con .con-box .title {margin-bottom:25px; font-size:25px; line-height:35px;}
  .promotion-benefit-wrap .promotion-benefit-con .con-box .title,
  .promotion-benefit-wrap .promotion-benefit-con .con-box .con-list {padding-left:95px;}
  .promotion-benefit-wrap .promotion-benefit-con .con-box .con-list {font-size:20px; line-height:40px;}
  .promotion-benefit-wrap .promotion-benefit-con .con-box .con-list > li:before {top:18px; width:4px; height:4px;}
  .promotion-benefit-wrap .promotion-benefit-con .con-box .con-list .sub-con {font-size:18px; line-height:30px;}

  .promotion-benefit-wrap .promotion-benefit-con .text-bg01 .bg:before,
  .promotion-benefit-wrap .promotion-benefit-con .text-bg02 .bg:before {top:0; left:-22px; right:-12px; bottom:0;}
  .promotion-benefit-wrap .promotion-benefit-con .text-bg02 .bg:before {left:-15px; bottom:-4px;}

  .promotion-benefit-wrap .promotion-benefit-con .sub-con {padding:20px 0; font-size:18px; line-height:30px;}
  .promotion-benefit-wrap .promotion-benefit-con .extend-con-box {}
  .promotion-benefit-wrap .promotion-benefit-con .extend-con-box br {display:block;}
  .promotion-benefit-wrap .promotion-benefit-con .extend-con-box .btn-detail {display:block;}

  .promotion-qna-wrap {padding:30px 40px;}
    .promotion-qna-wrap .promotion-qna-title {float:left; width:35%; font-size:35px;}
    .promotion-qna-wrap .promotion-qna-title strong {font-size:40px;}
    .promotion-qna-wrap .promotion-qna-con {float:right; width:65%;}
    .promotion-qna-wrap .promotion-qna-con dl {margin-top:0;}
    .promotion-qna-wrap .promotion-qna-con dl br {display:block;}
    .promotion-qna-wrap .promotion-qna-con dl + dl {padding-top:20px; margin-top:20px;}
    .promotion-qna-wrap .promotion-qna-con dl span {display:block; margin-bottom:5px; padding-right:5px; font-size:25px; font-weight:700;}
    .promotion-qna-wrap .promotion-qna-con dl dt {color:#fff; font-size:25px; font-weight:700; line-height:30px;}
    .promotion-qna-wrap .promotion-qna-con dl dd {margin-top:10px; color:#fff; font-size:20px; line-height:30px;}

  .subtitle {
    font-size: 16px;
  }
  .type-left{
        padding-left: 73px
  }
  .type-left2{
        padding-left: 97px
  }
}



@media screen and (max-width: 767px) {

  .tab-wrap li .tab-list {width:50%;}
  /* .tab-wrap li:nth-of-type(1) .tab-list {width:100%; border-bottom:0 none;} */

  .subtitle {
    font-size: 14px;
  }
  .type-left{
        padding-left: 60px
  }
  .type-left2{
        padding-left: 74px
  }
}


@media screen and (min-width:992px){
  .promotion-introduce-wrap .btnMovePromotion {width:340px; margin:0 5px;}
  .promotion-introduce-wrap .btnMovePromotion ~ .download_link {width:200px; margin:0 5px;}
  .promotion-introduce-wrap .promotion-con .pro-label{
    height:102px;
    padding: 26px 0;
    font-weight:500;
  }
  .subtitle {
    font-size: 16px;
  }
  .type-left{
        padding-left: 73px
  }
  .type-left2{
        padding-left: 97px
  }
}

@media screen and (min-width:1200px){
   .subtitle {
    font-size: 16px;
  }
  .type-left{
        padding-left: 73px
  }
  .type-left2{
        padding-left: 97px
  }
  /* .promotion-benefit-wrap .promotion-benefit-con .extend-con-box .detail br {display:block;} */
}