@charset "utf-8"; /* csw.product.css */

.gsl_wrap .header .btn_back,
.gsl_wrap .header .btn_home,
.gsl_wrap .header .btn_menu {text-indent:0;}  
.gsl_wrap .header .btn_back .blind_acc,
.gsl_wrap .header .btn_home .blind_acc,
.gsl_wrap .header .btn_menu .blind_acc {top:50%; left:50%; transform:translate(-50%,-50%);}  
.blind_acc {overflow: hidden; position: absolute;width: 1px; height: 1px; clip: rect(0,0,0,0); margin: -1; text-indent: 0;}
.container01.product {padding:0;padding-bottom:12rem;}
.bttmBox.p_t72.m_t60 {margin:0;padding:0;} /* 상품상세만 csw.producr.css */

#alertMessage {font-size: 1.5rem;font-weight: 500;text-align:left;}
#alertMessage > strong {display:block;font-size: 1.9rem;font-weight: 600;text-align:center;margin-bottom:25px;letter-spacing:-0.5px;line-height:27px;}
#alertMessage > strong em {font-family: Roboto;font-size: 18px;}
#alertMessage > p {display:block;font-size: 1.6rem;font-weight: 500;text-align:left;/*margin: 10px 0 -10px;*/}
#alertMessage > p + p {margin: 25px 0 -5px;}

/* 배경 컬러 */
.gray_bg {background-color:#eaeef1;}
.bg_black {background-color:#33383d;}
.bg_green {background-color:#009591;}
.bg_purple {background-color:#6d4dc7;}
.bg_blue_gray {background-color:#d5dde4;}
.bg_light_blue {background-color:#dcf1f1;}
.bg_light_green {background-color:#e2f5da;}
.bg_light_orange {background-color:#f7e7dc;}
.bg_light_purple {background-color:#ece0f5;}
.bg_ice_blue {background-color:#ebf5f5;}
.bg_ice_gray {background-color: #f0f9f8;}
.bg_gray_blue {background-color: #dde3f3;}
.bg_dark_purple {background-color:#5656a2;}
.bg_light_blue .tit, .bg_lightblue .tit {color:#009591;}
.bg_light_green .tit, .bg_lightgreen .tit {color:#009178;}
.bg_light_orange .tit, .bg_lightorange .tit {color:#7d4a12;}
.bg_light_purple .tit, .bg_lightpurple .tit {color:#4d2692;}

.bg_lightgreen {background-color: #e5f5f1 !important;}
.bg_lightgreen .banner_category, .bg_lightgreen .rate {color: #009178;}
.bg_lightgreen .banner_info {color: #074433;}
.bg_lightpurple {background-color: #e3e3ff !important;}
.bg_lightpurple .banner_category, .bg_lightpurple .rate {color: #3333c6;}
.bg_lightpurple .banner_info {color: #0D0D59;}
.bg_lightorange {background-color: #ffeec7 !important;}
.bg_lightorange .banner_category, .bg_lightorange .rate {color: #9d5900;}
.bg_lightorange .banner_info {color: #3b2406;}
.bg_lightblue {background-color: #d4ecff !important;}
.bg_lightblue .banner_category, .bg_lightblue .rate {color: #0c6ab9;}
.bg_lightblue .banner_info {color: #002543;}

/* 250715추가 : 상품상세 > 아코디언 내 text 깨짐 수정  */
.product_gsl .list_type01 > li {word-break:break-word;} 

/* 상단비주얼 */
body[class*="pibkCswNflon001_02_11"] .product_ex_w .product_info {background-image:none !important;}
.product_box {position:relative;top:0;padding:0 2.4rem;}
.product_ex_w .product_info {position:relative;z-index:1;text-align:left;background:#009178;padding:0 !important;height:auto;}
.product_ex_w .product_info:after {content:'';display:block;position:absolute;z-index:-1;left:0;top:38rem;width:100%;height:30rem;background:#fff;}
.product_ex_w .product_info.hanaro:after {height:24.6rem;}
.product_ex_w .product_info .product_tit {position:relative;padding:3rem 2.4rem 3rem;margin:0;height:auto;min-height:25rem;background-position:right 2.4rem bottom 0;background-size:25rem;background-repeat:no-repeat;background-image:url("/cont/resource/img/product/top_sajang_230602.png");}
.product_ex_w .product_info .product_tit .tit {display:block;font-size:3.1rem;line-height:1.3;font-weight:600;word-break:break-word;color:#fff;}
.product_ex_w .product_info .product_tit .text_sub {display:inline-block;font-size:1.6rem;color:#fff;letter-spacing:-0.5px;opacity:0.8;margin-top:1.5rem;}
.product_ex_w .product_info .point_titbg {display:inline-block;font-size:1.3rem;line-height:1.1;font-weight:600;letter-spacing:-0.05rem;padding:0.5rem 1.3rem;background:rgba(0,0,0,0.3);border-radius:11px;color:#fff;box-sizing:border-box;opacity:0.8;margin-bottom:1.3rem;}
.product_ex_w .box_item {position:relative;z-index:2;top:0;padding:2.5rem 2rem 1rem;margin:0;border:0;border-radius:1rem;background:#fff;box-shadow:0 0 0.1rem 0.1rem rgb(0 0 0 / 15%);opacity:1;}
.product_ex_w .box_item .box_in_txt1 {padding:0.5rem 0 1.5rem 3.8rem;margin-bottom:1.5rem;border-bottom:1px solid #e8e8e8;background:#fff url(/cont/resource/img/prd/ic-prd-max-limit_230602.png) left top / 2.5rem no-repeat;}
.product_ex_w .box_item .box_in_txt2 {padding:0.5rem 0 1.5rem 3.8rem;background:#fff url(/cont/resource/img/prd/ic-prd-regi-target_230602.png) left top / 2.5rem no-repeat;}
.product_ex_w .box_item .box_in_txt3 {padding: 2rem 0 1rem 3.8rem;border-top:1px solid #e8e8e8;background:#fff url(/cont/resource/img/prd/ic-prd-regi-interest-rate_250716.png) left 0 top 1.5rem / 2.5rem no-repeat;}
.product_ex_w .box_item .box_in_tit {display:block;font-size:1.6rem;line-height:1.1;font-weight:700;color:#111;letter-spacing:-0.05rem;}
.product_ex_w .box_item .box_in_tit > span {display:block;margin-top:0.5rem;font-size:1.6rem;color:#555;}
.product_ex_w .box_item .box_in_tit .txt01 {color:#009591;font-weight:600;}
.product_ex_w .box_item .box_in_tit .txt02 {font-size:1.4rem;font-weight:400;}
.product_ex_w .box_item .text_sub {display:block;margin-top:0.9rem;padding-left:0;padding-right:1.5rem;font-size:1.5rem;font-weight:400;color:#000;}
.product_ex_w .box_item .box_in_txt3.rate span{display:block;font-size:1.4rem;line-height:2.2rem;color: #009178;letter-spacing:-0.05rem;}
.product_ex_w .box_item .box_in_txt3.rate .txt01{margin-top:0.4rem;color:#555;}
.product_ex_w .box_item .box_in_txt3.rate .txt02{font-weight:600;font-size:1.6rem;}

/*중간 홍보컨텐츠 - 금소법 개편 추가*/
.product_cont {background:#fff;}
.product_cont .info_midcon {padding:4rem 2.4rem;}
.product_cont .info_midcon.mcon01 {border-bottom:10px solid #eee;}
.product_cont .mcon_btm {padding-bottom:4rem;margin-top:1.5rem;font-size:1.5rem;font-weight:500;word-break:keep-all;}
.product_cont .mcon_img_box {width:85%;margin:2rem auto;text-align:center;}
.product_cont .mcon_img_box img {width:90%;max-width:32.7rem;}

/* 대출 상세  - 금소법개편적용 */
.product_gsl {background:#fff;}
.product_gsl .loan_aco_area {background:#f6f7f8;}
.product_gsl .loan_btm_area {background:#fff;}
.product_gsl .acco_title {padding:4.2rem 2.4rem 1.95rem 2.4rem;background:#f6f7f8;border-bottom:1px solid #e4e4e4;font-weight:600;}
.product_gsl .acco_title, .product_cont .mcon_toptit {font-size:2rem;font-weight:600;letter-spacing:-0.05rem;color:#111;}
.product_gsl .acco_title {font-size:1.8rem;}
.product_gsl .acco_title .acco_green_title {font-size:2.2rem;color:#009591;margin-right:0.4rem;}

.product_gsl .acco_list {border:1px solid #d9d9d9;border:none;}
.product_gsl .acco_list .acco_tit {display:block;position:relative;border-top:1px solid #d9d9d9;font-size:1.6rem;color:#111;padding:1.9rem 2.4rem;border:none;background:#f6f7f8;font-size:1.6rem;color:#111;font-weight:500;}
.product_gsl .acco_list .acco_tit:after {content:'';position:absolute;top:50%;right:1.5rem;width:1.8rem;height:1.8rem;margin-top:-0.9rem;background:url('../img/ico/ico_down_arr.png') no-repeat center;background-size:1.2rem;transition:0.3s;background:url(/cont/resource/img/prd/ic-prd-arr-off_goldlaw.png) no-repeat center;background-size:1.8rem;right:1.8rem;}
.product_gsl .acco_list .on .acco_tit:after {transform:rotate(180deg);}
.product_gsl .acco_list li:first-child .acco_tit {border-top-width:0;}
.product_gsl .acco_list .acco_cont {display:none;padding:2.0rem 1.5rem;border-top:1px solid #d9d9d9;padding:2rem 2.4rem !important;border-top:1px solid #e4e4e4;background:#fff;}
.product_gsl .acco_list > li {border-bottom:1px solid #e4e4e4;}
.product_gsl .acco_list > li p, .product_gsl .acco_list > li {font-size:1.5rem;letter-spacing:0;}
.product_gsl .acco_list > li p.txt_asterisk {color:#00b2a6;}

.goldlaw_tit {position:relative;z-index:1;display:inline-block;font-size:1.6rem;font-weight:600;color:#333;margin-bottom:8px;}
.goldlaw_tit.hi:after {content:"";position:absolute;left:0;top:1.1rem;z-index:-1;display:block;width:100%;height:1rem;background:#a9eadd;}
.goldlaw_bold {font-weight:600 !important;font-size:1.4rem;}
.goldlaw_tit + ul, .badge_point + ul, .goldlaw_tit + p {margin-top:0;}
.acco_cont > ul li:first-child .goldlaw_tit:first-child, .acco_cont > .goldlaw_tit:first-child {margin-top:0;}
.goldlaw_tit + .badge_point + .list_type01 {margin-top:0;}

/* 대출 상세 (팝업외)폰트스타일 수정 */
.product_gsl .acco_list > li p.guide_txt {font-size:1.5rem;font-weight:600;} 
.product_gsl .acco_list .acco_cont > ul > li + li {margin-top:1rem;}
.product_gsl .list_type01 > li {font-size:1.4rem;margin-top:0.2rem;}
.product_gsl .list_type01 > li:first-child {margin-top:0;}
.guide_txt {font-size:1.5rem;font-weight:600;} 
.gsl_wrap button.green {color:#fff;}
.green {color:#00b2a6;}

/* pdf 버튼 */
.pdf_btn_wrap {margin:2.2rem 2.4rem;padding:1rem 0;}
.pdf_btn_wrap .pdf_btn:not(:first-child) {margin-left:2.4rem;}
.pdf_btn {position:relative;padding-left:3rem;border:none;background-color:unset;}
.pdf_btn span {font-size:1.4rem;font-weight:500;border-bottom:1px solid #333;}
.pdf_btn:before {content:'';display:block;position:absolute;top:50%;left:0;width:2.6rem;height:2.6rem;background:url(/cont/resource/img/com/icon_pdf.png) 0 0 / 100% no-repeat;transform:translateY(-50%);}

/* pdf팝업 */
#viewPdf {width:100%;height:100%;border:0;margin:0;padding:0;}
.viewPdf {position:relative;z-index:1;width:100vw;height:100%;padding:4rem 0 6.1rem;box-sizing:border-box;}
.popupView {position:relative;width:100%;height:100vh;box-sizing:border-box;background:#d1d1d1;}
.popupView * {box-sizing:border-box;}
.popupView .btn-list {position:fixed;top:0;right:0;width:4rem;height:4rem;background:rgba(0,0,0,0.4);z-index:99;padding:0;}
.popupView .btn-list::after {content:'';display:block;width:4rem;height:4rem;background:url(../../../resource/template/guide/com/img/mob/ico/ico_plus.png) no-repeat 50% 50%/2.7rem;}
.popupView .btn-list.toggle {background:rgba(0,0,0,0.4);}
.popupView .btn-list.toggle::after {width:4rem;height:0.2rem;}
.popupView .list {display:none;position:fixed;top:4rem;right:0;z-index:99;width:10rem;height:calc(100% - 4rem);padding:26px 0 0 1rem;background:#76767e;overflow:auto;box-sizing:border-box;}
.popupView .list ul {width:9rem;list-style:none;}
.popupView .list li {position:relative;padding:0.8rem 0 0.8rem 0.7rem;}
.popupView .list li::before {content:'';position:absolute;left:0;top:50%;margin-top:-0.1rem;width:0.3rem;height:0.3rem;border-radius:1px;background:#fff;}
.popupView .list li.btn {margin-top:-0.5rem;background:none;padding:0;text-align:left;margin-left:0.5rem;}
.popupView .list li.btn a {display:inline-block;height:2.5rem;background:#ededea;color:#008485;line-height:2.25;text-align:center;vertical-align:middle;}
.popupView .list li.btn a span {padding:0 0.5rem;}
.popupView .list li.btn::before {display:none;}
.popupView .list a {color:#fff;font-size:1.2rem;}
.popupView .list a.on {font-weight:bold;}
.popupView .footer {position:absolute;bottom:6.1rem;right:0;z-index:99;width:10rem;padding:1rem 0;background:#76767e;color:#fff;text-align:center;box-sizing:border-box;}
.popupView .footer .txtCopy {font-size:1.4rem;}

/*심의준법*/
.etc_text {margin:2rem 2.4rem;font-size:1.33rem;line-height:1.6;word-break:break-all;}
.w_text {margin:1rem 0 0.5rem;color:#333 !important;font-weight:600 !important;}

/* 하단버튼 상품만 */
/*.bttmBox.p_t72.m_t60, .bttmBox.p_t72.m_t60 .btnFixedW.bg_white {padding-top:0;margin-top:0;}*/

/* 공유버튼 (사용X추후진행) 
.product_ex_w .product_info .prd_shared_btn {display:block;position:absolute;top:2.4rem;right:2.4rem;z-index:5;width:2.4rem;height:2.4rem;background:url(/cont/resource/img/prd/ic_share_prd_white_230602.png) center / 2.4rem no-repeat;}
*/

/* 대출 상세 임시 막음 */
.product_ex_w .info_midcon.mcon02 {display:none;}

/* 대출 상품변경사항 더보기 기능 */
.acco_cont .cont_hide {display:none}
.acco_cont .cont_hide_inner {display:flex;justify-content:space-between;align-items:baseline;width:100%;}
.acco_cont .more_btn {width:7rem;margin-left:calc(100% - 7rem);margin-top:1.2rem;text-align:right;}
.acco_cont .more_btn span {position:relative;display:inline-block;padding-right:2.2rem;font-size:1.4rem;color:#555;}
.acco_cont .more_btn span:after {content:'';display:block;position:absolute;right:0;top:0;width:1.8rem;height:1.8rem;background:url(/cont/resource/img/com/icon-arrow-up-18-px2x.png) center center / 1.8rem no-repeat;transition:0.4s;transform:rotate(180deg);}
.acco_cont .more_btn.on span:after {transform:rotate(0deg);}
.acco_cont p.info_green_txt {margin-top:0.5rem;}
.acco_cont ul + p.info_green_txt {margin-top:1rem;}
/*.acco_cont strong.info_green_txt + p.info_green_txt {margin-top:0;}*/
.acco_cont strong.info_green_txt {color:#333;margin-top:1rem;}

/* 241218 상단비주얼 추가 */
.product_ex_w .product_info .product_end {padding:2.4rem;box-sizing:border-box}
.product_ex_w .product_info .product_end + .product_tit {padding-top:0;}
.product_ex_w .product_info .product_end .txt {padding: 1rem 1.4rem;background: rgba(0,0,0,.3);font-size:1.8rem;font-weight:600;color:#ffefcf;line-height:2.2rem;border-radius: 1rem;letter-spacing: -0.041rem;}
.product_ex_w .product_info .product_end .txt::before {content:'';display:inline-block;margin-right:0.8rem;width: 1.6rem;height: 2.2rem;background: url(/cont/resource/img/prd/ic_com_info_yellow_241218.png)no-repeat center center/1.6rem;vertical-align: top;}
.product_cont.onestop .mcon_img_box {width:100%;margin-top:0;}
.product_cont.onestop .mcon_img_box img {width:100%;}

.table_row table tbody td, .table_row table tbody th,
.table_col thead tr th, .table_col thead tr td {font-size:1.45rem;padding: 1rem;}
.blt .blt {margin-top: 0.6rem;}
.loan_aco_area .aco_panel .w_text {font-size: 1.5rem;}

/* 250926 하나더소호 가맹점대출 */
.product_ex_w .product_info.franchise:after{height:13.3rem;}
.product_cont .text_midcon{padding:0 2.4rem 4rem;}
.product_cont .text_midcon > p{font-size:1.4rem;line-height:2.1rem;font-weight:500;color:#555;}
.product_cont .text_midcon > p:not(:first-child){margin-top:1rem;}
.product_cont .text_midcon span{color:#009178;}
.product_cont .link_midcon{padding:0 2.4rem 4rem;}
.product_cont .link_midcon .btn_link{display:block;padding:2rem 4rem 2rem 2rem;background:#dff3f3 url(/cont/resource/img/prd/ic_mw_service_arrow_right.png)no-repeat center right 1.6rem/1.6rem;border-radius:1.2rem;}
.product_cont .link_midcon .btn_link span{color:#0b696b;font-size:1.6rem;line-height:2.6rem;letter-spacing: -0.05rem;font-weight:700;}


/* 원큐메인 리빌드 테스트 */
.content.rebuild.oneq_prd * {box-sizing: border-box;}

.content.rebuild.oneq_prd {
	min-height: 100vh;
	height: 100%;
	padding: 2.4rem;
	padding-bottom:8.5rem;
}

.rebuild.oneq_prd .tab_wrap.scroll {
	overflow: hidden;margin:0
  }
  .rebuild.oneq_prd .tab_wrap.scroll .tab_scroll {
	position: relative;
  }
  .rebuild.oneq_prd .tab_wrap.scroll .tab_head {
	position:relative; height:4.2rem; padding:0;
  }
  .rebuild.oneq_prd .tab_wrap.scroll .tab_head .tab {
	  display: flex; width: 100%; overflow: scroll hidden; padding: 0; gap: 0.8rem
  }
  .rebuild.oneq_prd .tab_wrap.scroll .tab_head .tab::-webkit-scrollbar {
	display:none;
  }
  .rebuild.oneq_prd .tab_wrap.scroll .tab:after {
	content:''; display: block; clear:both;
  }
  .rebuild.oneq_prd .tab_wrap.scroll .tab li {
	float:left; flex:none;
  }
  .rebuild.oneq_prd .tab_wrap.scroll .tab li:last-child {
	padding-right:2.4rem;
  }
  .rebuild.oneq_prd .tab_wrap.scroll .tab button {
	width:auto; padding:0.8rem 1.6rem 1rem; line-height:2.4rem; font-size:1.6rem; color: #555;
  }
  .rebuild.oneq_prd .tab_wrap.scroll .tab .on button {
	color:#111;
  }
  .rebuild.oneq_prd .tab_wrap.scroll .next_btn {
	display:flex; justify-content:start; align-items:center; position:absolute; right:0; top:0; width:3.6rem; height:4.1rem; background: linear-gradient(to right, rgba(0,0,0,0), 20%, rgba(255,255,255,1));
  }
  .rebuild.oneq_prd .tab_wrap.scroll .next_btn span {
	position: absolute; width:2rem; height:2rem; margin-left:3px; margin-top:-1px; text-indent:-9999em; background:url(../img/icon/icon-arrow-right-555555-20-px.svg) center center / 2rem no-repeat;
  }
.rebuild.oneq_prd .tab_wrap.chip .tab_head + .tab_panel_wrap {
    padding-top: 2.4rem;
}
.rebuild.oneq_prd .tab_wrap.chip .tab button {
    padding: 0.5rem 1.2rem;
    background-color: #f6f6f6;
    border-radius: 0.8rem;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #666;
    font-weight: 400;
}
.rebuild.oneq_prd .tab_wrap.chip .tab .on button {
  background-color: #003d32;
  color: #fff;
}
.rebuild.oneq_prd .tab_wrap.chip .tab .on button {
  font-weight: 500;
}

.rebuild.oneq_prd > button.card_box {
    display: block;
    width: 100%;
    margin-top: -2.4rem;
    margin-bottom: 3.2rem;
    text-align: left;
}

.rebuild.oneq_prd .bagde {
	display: inline-block;
	padding: 0.1rem 0.6rem;
	height: 2rem;
	line-height: 1.8rem;
	font-size: 1.2rem;
	font-weight: 500;
	border-radius: 0.2rem;
  }
  .rebuild .pro_info_wrap .pro_info_txt .pro_info_name .bagde {
	  -ms-flex-negative: 0;
	  flex-shrink: 0;
	  height: 1.8rem;
	  border-radius: 0.4rem;
	  padding: 0 0.6rem;
  }
  
  /* bagde */
  .bagde_gold {color:#674b09; background-color:#fff2d3;}
  .bagde_brown {color:#983600; background-color:#f6e7d2;}
  .bagde_blue {color:#00599e; background-color:#dfedf5;}

.rebuild.oneq_prd .fix_bottom .btn.green:disabled,
.rebuild.oneq_prd .btn_wrap.fix .btn.green:disabled {
  color: #555;
  border: 1px solid #d9d9d9 !important;
  background: #d9d9d9 !important;
}
.rebuild.oneq_prd .list_wrap li {
  border-top: 0.1rem solid #d9d9d9;
}
.rebuild.oneq_prd .list_wrap li:first-child {
  border-top: 0;
}
.rebuild.oneq_prd .product_banner {
  padding: 2rem;
  border-radius: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 14rem;
}
.rebuild.oneq_prd .product_banner .banner_txt .banner_category {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.8rem;
}
.rebuild.oneq_prd .product_banner .banner_txt .banner_category + .banner_info {
  margin-top: 0.4rem;
}
.rebuild.oneq_prd .product_banner .banner_txt .banner_info {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
}
.rebuild.oneq_prd .product_banner .banner_txt .banner_info + .banner_info_sub {
  margin-top: 0.8rem;
}
.rebuild.oneq_prd .product_banner .banner_txt .banner_info + .banner_info_sub.only_sub {
  margin-top: 1.2rem;
}
.rebuild.oneq_prd .product_banner .banner_txt .banner_info_sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  font-size: 1.3rem;
  font-weight: 400;
  color: #333;
  line-height: 1.8rem;
}
.rebuild.oneq_prd .product_banner .banner_txt .banner_info_sub .rate {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rebuild.oneq_prd .product_banner .banner_img {
  width: 8rem;
  height: 8rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-size: 8rem;
  background-position: center;
  background-color: transparent;
}
.rebuild.oneq_prd .product_banner.bg_lightgreen {
  background-color: #e5f5f1;
}
.rebuild.oneq_prd .product_banner.bg_lightgreen .banner_category, .rebuild.oneq_prd .product_banner.bg_lightgreen .banner_info_sub .rate {
  color: #009178;
}
.rebuild.oneq_prd .product_banner.bg_lightgreen .banner_info {
  color: #074433;
}
.rebuild.oneq_prd .product_banner.bg_lightpurple {
  background-color: #e3e3ff;
}
.rebuild.oneq_prd .product_banner.bg_lightpurple .banner_category, .rebuild.oneq_prd .product_banner.bg_lightpurple .banner_info_sub .rate {
  color: #3333c6;
}
.rebuild.oneq_prd .product_banner.bg_lightpurple .banner_info {
  color: #0D0D59;
}
.rebuild.oneq_prd .product_banner.bg_lightorange {
  background-color: #ffeec7;
}
.rebuild.oneq_prd .product_banner.bg_lightorange .banner_category, .rebuild.oneq_prd .product_banner.bg_lightorange .banner_info_sub .rate {
  color: #9d5900;
}
.rebuild.oneq_prd .product_banner.bg_lightorange .banner_info {
  color: #3b2406;
}
.rebuild.oneq_prd .product_banner.bg_lightblue {
  background-color: #d4ecff;
}
.rebuild.oneq_prd .product_banner.bg_lightblue .banner_category, .rebuild.oneq_prd .product_banner.bg_lightblue .banner_info_sub .rate {
  color: #0c6ab9;
}
.rebuild.oneq_prd .product_banner.bg_lightblue .banner_info {
  color: #002543;
}
.rebuild.oneq_prd .list_wrap.pro_list > li {
  padding: 1.6rem 0;
  border-color: #f6f6f6;
}
.rebuild.oneq_prd .list_wrap.pro_list > li:first-child {
  padding-top: 0;
}
.rebuild.oneq_prd .list_wrap.pro_list > li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.rebuild.oneq_prd .list_wrap.pro_list > li > button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
  padding: 0;
  text-align: left;
}
.rebuild.oneq_prd .list_wrap.pro_list + .box {
  margin-top: 2.4rem;
}
.rebuild.oneq_prd .pro_info_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
  width: 100%;
}
.rebuild.oneq_prd .pro_info_wrap .icon {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  border-radius: 0.8rem;
  background-color: #f1f5f5;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.8rem;
}
.rebuild.oneq_prd .pro_info_wrap .icon::before {
  content: "";
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-size: 2.8rem;
}
.rebuild.oneq_prd .pro_info_wrap .pro_info_txt {
  width: calc(100% - 5.2rem);
}
.rebuild.oneq_prd .pro_info_wrap .pro_info_txt .pro_info_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rebuild.oneq_prd .pro_info_wrap .pro_info_txt .pro_info_name strong {
  font-size: 1.6rem;
  color: #111;
  line-height: 2.4rem;
}
.rebuild.oneq_prd .pro_info_wrap .pro_info_txt .pro_info_name .bagde {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 1.8rem;
  border-radius: 0.4rem;
  padding: 0 0.6rem;
}
.rebuild.oneq_prd .pro_info_wrap .pro_info_txt .pro_info_name .bagde.bagde_green {
  color: #006d5a;
}
.rebuild.oneq_prd .pro_info_wrap .pro_info_txt .pro_info_name + p {
  margin-top: 0.4rem;
}
.rebuild.oneq_prd .pro_info_wrap .pro_info_txt > p {
  font-size: 1.3rem;
  font-weight: 400;
  color: #666;
  line-height: 1.8rem;
}
.rebuild.oneq_prd .pro_info_wrap .pro_info_txt > p + strong {
  margin-top: 0.8rem;
}
.rebuild.oneq_prd .pro_info_wrap .pro_info_txt > p + .list_bar {
  margin-top: 0.8rem;
}
.rebuild.oneq_prd .pro_info_wrap .pro_info_txt > strong, .rebuild.oneq_prd .pro_info_wrap .pro_info_txt .list_bar strong {
  font-size: 1.5rem;
  color: #009178;
  line-height: 2.2rem;
}
.rebuild.oneq_prd .pro_info_wrap .pro_info_txt .list_bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rebuild.oneq_prd .pro_info_wrap .pro_info_txt .list_bar > span {
  font-size: 1.5rem;
  color: #009178;
  line-height: 2.2rem;
}
.rebuild.oneq_prd .pro_info_wrap .pro_info_txt .list_bar > .sub {
  position: relative;
  margin-left: 0.6rem;
  padding-left: 0.6rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #009178;
  line-height: 2rem;
}
.rebuild.oneq_prd .pro_info_wrap .pro_info_txt .list_bar > .sub::before {
  content: "";
  display: block;
  width: 1px;
  height: 1rem;
  background: #d9d9d9;
  position: absolute;
  top: 0.4rem;
  left: 0;
}
