/*@import url('normalize.css');*/

@import url("https://fonts.googleapis.com/css?family=Roboto:900,400,300,100,700,500"); /* 20240214 add */

#header ul li a:hover span {color:#9573fe;font-size:0 }

/* product common */
/* main_visual */
#section0 {
  margin:0;padding:0;background-image:url('../images/product/bg_xfit_930_30.jpg');background-repeat:no-repeat;background-position:center center;background-size:cover;top:0;left:0;width:100%;position:relative;
  }
/* layout */
header {position:fixed; top:0; width:100%;  margin:0 auto; z-index:999}
footer {width:100%;text-align:center;}
.section {width:70%;min-width:767px;height:978px;min-height:700px;margin:0 auto;}/* Layout style  */
.content {width:100%;-webkit-transform-style:preserve-3d;-webkit-transition:opacity 400ms;transition:opacity 400ms;}
.tab_content2, .tab_content3 {background:#f4f4f4;}

/* chart css */
.horizon_chart {width:212px;height:284px;text-align:left;}
.clearfix:after {content:" ";visibility:hidden;display:block;height:0;clear:both}
.chart-horiz .chart {width:100%;margin:0 !important;padding:0 !important;}
.chart-horiz .chart li {display:block;height:12px;position:relative;background:url('../images/product/bg_chartbar.jpg') repeat left top;}
.chart-horiz .chart li.title {background:none;font-size:13px;font-family:arial,"Microsoft Yahei",Tahoma,Verdana,sans-serif;padding:8px 0 5px 0;font-weight:400;color:#8c8c8c}
.chart-horiz .chart li:before {content:attr(title);margin:0 0 5px 0 ;}
.chart-horiz .chart li .bar {display:block;position:absolute;top:0;background:#4a2885;height:100%;}
/* //chart css */
/* modal */
.window {width:70%;position:fixed;left:50%;top:110px !important;margin:0;display:none;z-index:999999999;}
.window a.close {position:absolute;top:0;right:0;}
#Guide01,
#Caree01 {width:70%;font-family:arial,"Microsoft Yahei",Tahoma,Verdana,sans-serif;background:#fff;}
#Guide01 #tierGuide h1,
#Caree01 #CareGuide h1 {color:#000;font-size:40px;text-align:center;font-weight:300;padding:0 !important;padding:10px 0 0 0 !important;}

/* //modal */

/* Service */
ul.tabs2 {padding:4px 0 0 0;list-style:none;width:100%;font-size:0;text-align:center;}
ul.tabs2 li {display:inline-block;font-size:14px;text-align:center;cursor:pointer;margin:0 10px;padding:14px 17px;color:#8c8c8c !important;font-family:Tahoma,Verdana,Arial,sans-serif;font-weight:200;overflow:hidden;position:relative;}
ul.tabs2 li.active {color:#000 !important;border-bottom:3px solid #4a2885}
.tab_container2 {clear:both;float:left;width:100%;height:600px;}
.tab_content2 {display:none;height:400px;background:#f4f4f4;padding:35px 50px 60px 50px;line-height:21px;font-size:14px;font-weight:200 !important;color:#8c8c8c;overflow-y:scroll;overflow-x:hidden;background:#f4f4f4;}
.tab_container2 .tab_content2 ul {width:100%;margin:0px;padding:0px;}
.tab_content2 h2 {font-family:Tahoma,Verdana,Arial,sans-serif;margin:0;padding:0;font-size:20px;color:#000;font-weight:200 !important;line-height:2.5em;}
.tab_content2 h3 {font-family:Tahoma,Verdana,Arial,sans-serif;font-size:14px;color:#4a2885;font-weight:200 !important;margin-top:1.5em;}
.tab_content2 h4 {font-family:Tahoma,Verdana,Arial,sans-serif;font-size:16px;color:#4b4b4b;font-weight:200 !important;}

ul.tabs3 {padding:14px 0 0 0;list-style:none;width:100%;font-size:0;text-align:center;overflow:hidden;}
ul.tabs3 li {display:inline-block;font-size:14px;text-align:center;cursor:pointer;margin:0 10px;padding:14px 17px;color:#8c8c8c !important;font-family:Tahoma,Verdana,Arial,sans-serif;font-weight:200;overflow:hidden;position:relative;}
ul.tabs3 li.active {color:#000 !important;border-bottom:3px solid #4a2885}
.tab_container3 {clear:both;float:left;width:100%;height:600px;background:#f4f4f4;}
.tab_content3 {display:none;height:400px;background:#f4f4f4;padding:35px 50px 60px 50px;line-height:21px;font-size:14px;font-weight:200 !important;color:#8c8c8c;overflow-y:scroll;overflow-x:hidden;}
.tab_container3 .tab_content3 ul {width:100%;margin:0px;padding:0px;}
.tab_content3 h2 {font-family:Tahoma,Verdana,Arial,sans-serif;margin:0;padding:0;font-size:20px;color:#000;font-weight:200 !important;line-height:2.5em;}
.tab_content3 h3 {font-family:Tahoma,Verdana,Arial,sans-serif;font-size:14px;color:#4a2885;font-weight:200 !important;margin-top:1.5em;}
/* //Service */
/* table tab */
.sixth1 {width:100%;}
ul.tabs {margin:0 !important;padding:0 !important;float:left !important;list-style:none  !important;width:100% !important;font-family:arial,"Microsoft Yahei",Tahoma,Verdana,sans-serif;font-weight:200 !important;font-size:18px;}
ul.tabs li {float:left;text-align:center;cursor:pointer;width:50%;padding:21px 0;color:#8c8c8c;line-height:18px;background:#eaeaea;overflow:hidden;position:relative;}
ul.tabs li a {color:#8c8c8c;}
ul.tabs li.active {background:#4a2885;}
ul.tabs li.active a{color:#fff !important}
.tab_container {clear:both;float:left;width:100%;}
.tab_content {display:none;height:400px;overflow-y:auto;}
.tab_container .tab_content ul {width:100%;margin:0px;padding:0px;}
.tab_content table {border:0;margin:33px 0 0 0;width:100%;font-family:arial,"Microsoft Yahei",Tahoma,Verdana,sans-serif;border-bottom:1px solid #c8c8c8}
.tab_content table th {font-size:13px;font-weight:200;color:#fff;padding:8px 0;text-align:center;background:#000;}
.tab_content table td {font-size:15px;font-weight:200;color:#8c8c8c !important;padding:10px 0;text-align:left;border-bottom:1px dotted #c8c8c8}
.tab_content table td.first {padding:0 0 0 70px;text-align:left !important;}
.tab_content table td span {color:#8c8c8c}
.tab_content table td.last {padding:0px 0px 0px 70px;text-align:left !important;/*border:none;*/}
.sizeBody table {margin:0 !important;}

/* //product common */

/* content style */ 
.intro {max-width:1280px;max-height:100%;margin:0 auto;padding-top:175px;}
#theend .intro{padding-top:0;}
.fit_txt {margin-bottom:30px;}
.fit_txt p {font-size:20px;line-height:20px;color:#4b4b4b;}

.fitWrap {max-width:90%;max-height:526px;height:526px;margin:0 auto;position:relative;width:100%;}
.iconWrap {width:25%;}
.icon {height:70px;margin:0;margin-bottom:.5em}
.icon img {width:auto;height:100%;} 

.fit_txt_info {margin-bottom:30px;}
.fit_features_wrap {clear:both;width:100%;}
.leftWrap {width:21%;}
.leftWrap p {float:right;width:212px;margin-bottom:.5em;}
.leftWrap p a img {width:100%;height:auto;}
.span_5 {clear:both;}
.span_6 {position:absolute;left:50%;top:0px;height:100%;width:100%;margin-left:-50%;}

.tier {width:54%;max-height:400px;height:400px;}
.tier img {width:auto;height:100%;}
.tier2wrap {width:54%;position:relative;max-height:400px;height:400px;}
.tier2 {padding-top:3%;max-height:400px;height:400px;}
.tier2 img {width:auto;height:100%;}
.tier3Wrap {width:54%;position:relative;max-height:400px;height:400px;}
.tier3 img {width:auto;height:100%;}
.tier4wrap {width:54%;position:relative;max-height:400px;height:400px;}
.tier4 {max-height:400px;height:400px;}
.tier4 img {width:auto;height:100%;}
.tierfrontWrap {width:58%;margin:10px 21%;position:relative;}
.tierfront img {width:100%;height:auto;}

.tier3,
.tier4 {max-height:400px;height:400px;padding:0;}
.tierfrontWrap {position:relative;width:51.9%;margin:10px auto;}


/* tier map */
.blenderTabs {font-family:arial, Verdana, sans-serif;}
.blenderTabs ul {list-style:none;padding:0;margin:0;}
.blenderTabs ul li {position:absolute;height:42px;width:42px;margin:0;text-indent:-999999px;display:block;overflow:hidden;cursor:pointer;background:url('../images/product/btn/btn_detail_onoff.png') no-repeat;background-size:cover;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
.blenderTabs ul:not(.structure) li.active {height:130px;width:130px;margin:-7% 0 0 -7%;text-indent:-999999px;display:block;overflow:hidden;cursor:pointer;background-size:100% !important;z-index:100}
.blenderTabs li:after {content:"+";font-size:40px;line-height:0;float:right;padding-right:10px;}

.blenderTabs ul li.btn_tab_01 {top:8%;left:47%;}
.blenderTabs ul li.btn_tab_02 {top:27%;left:44%;}
.blenderTabs ul li.btn_tab_03 {top:54%;left:40%;}
.blenderTabs ul li.btn_tab_01.active {background:url('../images/product/xfit_at/tire1_hover01.png') no-repeat;}
.blenderTabs ul li.btn_tab_02.active {background:url('../images/product/xfit_at/tire1_hover02.png') no-repeat;}
.blenderTabs ul li.btn_tab_03.active {background:url('../images/product/xfit_at/tire1_hover03.png') no-repeat;}


/*.blenderTabs ul li.btn_tab_04 {top:5%;left:48%;}*/
.blenderTabs ul li.btn_tab_05 {top:25%;left:35%;}
.blenderTabs ul li.btn_tab_06 {top:38%;left:33%;}
.blenderTabs ul li.btn_tab_07 {top:60%;left:35%;}
/*.blenderTabs ul li.btn_tab_04.active {background:url('../images/product/xfit_at/tire2_hover01.png') no-repeat;}*/
.blenderTabs ul li.btn_tab_05.active {background:url('../images/product/xfit_at/tire2_hover01.png') no-repeat;}
.blenderTabs ul li.btn_tab_06.active {background:url('../images/product/xfit_at/tire2_hover02.png') no-repeat;}
.blenderTabs ul li.btn_tab_07.active {background:url('../images/product/xfit_at/tire2_hover03.png') no-repeat;}

.blenderTabs ul li.btn_tab_08 {top:13%;left:50%;}
.blenderTabs ul li.btn_tab_09 {top:37%;left:42%;}
.blenderTabs ul li.btn_tab_10 {top:52%;left:31%;}
.blenderTabs ul li.btn_tab_08.active {background:url('../images/product/xfit_at/tire3_hover01.png') no-repeat;}
.blenderTabs ul li.btn_tab_09.active {background:url('../images/product/xfit_at/tire3_hover02.png') no-repeat;}
.blenderTabs ul li.btn_tab_10.active {background:url('../images/product/xfit_at/tire3_hover03.png') no-repeat;}

.blenderTabs ul li.btn_tab_f01 {top:92%;left:16%;}
.blenderTabs ul li.btn_tab_f02 {top:60%;left:3%;}
.blenderTabs ul li.btn_tab_f03 {top:22%;left:2.5%;}
.blenderTabs ul li.btn_tab_f04 {top:13%;left:26%;}
.blenderTabs ul li.btn_tab_f05 {top:32%;left:47%;}
.blenderTabs ul li.btn_tab_f06 {top:19%;left:87%;}
.blenderTabs ul li.btn_tab_f07 {top:39%;left:89%;}

.tireleft + .blenderTabs ul li.btn_tab_f01 {top:90%;left:42%;}
.tireleft + .blenderTabs ul li.btn_tab_f02 {top:66%;left:37%;}
.tireleft + .blenderTabs ul li.btn_tab_f03 {top:22%;left:36%;}
.tireleft + .blenderTabs ul li.btn_tab_f04 {top:9%;left:54%;}
.tireleft + .blenderTabs ul li.btn_tab_f05 {top:22%;left:69%;}
.tireleft + .blenderTabs ul li.btn_tab_f06 {top:17%;left:83%;}
.tireleft + .blenderTabs ul li.btn_tab_f07 {top:34%;left:94%;}

.active.tabContent {display:block !important;float:right;}
.leading--zero {list-style-type:decimal-leading-zero;}
ol.leading--zero {counter-reset:item;list-style-type:none;padding:0;margin:0;}
ol.leading--zero li {display:block;height:60px;line-height:67px;width:100%;cursor:pointer;overflow:hidden; }
ol.leading--zero li:hover {background:#000 url('../../images/product/btn_hover.png') no-repeat 0 -0px;}
ol.leading--zero li:before {content:"0" counter(item) "  ";counter-increment:item;font-size:22px;padding:0 20px 0 10px;}
ol.leading--zero li:after {line-height:67px;}

.content--inline {display:inline;}

.span_5 img {width:100%;height:auto;}
.detailWrap {width:21%;}

#top_img .fp-tableCell{position:relative;overflow:hidden;background: url('../images/product/xfit_at/bg_xfit_at.jpg') 90% 80% / cover;}

/* 600px height Screen Resolution */
@media screen and (min-height:599px){
  #theend p img {width:900px;text-align:center;height:auto;margin:0 60px;}
  .fit-txt {margin-bottom:0;}
}

/* 1366px width Screen Resolution */
@media screen and (max-width:1440px){
  /* font-style */
  .bllist_type1 > li {font-size:14px;}
  
  .intro {max-width:80%;width:70%;margin:0 auto;}
  .icon {height:46px;}
  .icon img {height:100%;}

  .tier {max-height:300px;height:300px;}
  .tier img {width:auto;height:100%;}
  .tier2wrap {max-height:300px;height:300px;}
  .tier2 {padding-top:3%;max-height:400px;height:300px;}
  .tier2 img {width:auto;height:100%;}
  .tier3Wrap {max-height:300px;height:300px;}
  .tier4wrap {max-height:300px;height:300px;}
  .tier4 {max-height:300px;height:300px;}
  .tier4 img {width:auto;height:100%;}
  .tierfrontWrap {width:51.9%;margin:10px 21%;position:relative;}
  .tierfront img {width:100%;height:auto;}
  .tier3, .tier4 {max-height:300px;height:300px;padding:0;}
  .tierfrontWrap {position:relative;width:51.9%;margin:10px auto;}

  .fitWrap {max-width:90%;max-height:455px;height:455px;margin:0 auto;position:relative;width:100%;}

  .blenderTabs ul li{width:35px;height:35px;}
  .blenderTabs ul:not(.structure) li.active {height:120px;width:120px;}
  
   .tab_content2 {display:none;height:350px !important;background:#f4f4f4;padding:35px 50px 60px 50px;line-height:21px;font-size:14px;font-weight:200 !important;color:#8c8c8c;overflow-y:scroll;overflow-x:hidden;}
  .tab_content3 {display:none;height:350px !important;background:#f4f4f4;padding:35px 50px 60px 50px;line-height:21px;font-size:14px;font-weight:200 !important;color:#8c8c8c;overflow-y:scroll;overflow-x:hidden;}


}

/* 1024x width Screen Resolution */
@media (min-width:1024px) and (max-width:1279px){
  /* font-style */
  .bllist_type1 > li {font-size:12px;}
  
  .intro {max-width:80%;width:80%;margin:0 auto;}
  .content {width:100%;transition:opacity 400ms ease 0s;margin:0 auto;}
  .content h4 {font-size:20px;}
  .content h3 img{width:auto;height:100%;}
  .content p {font-size:14px;margin:5px auto 5px;}
  .content .icon {height:40px;}
  .content .icon img {width:auto;height:100%;}
  .tierfront {margin-top:40px}
  img.front {width:90%;}
  
  .content .leftWrap p {width:100%;}
  .horizon_chart {width:100%;height:auto;text-align:left;}

    /* tier map */
  .blenderTabs ul li{width:35px;height:35px;}
  .blenderTabs ul:not(.structure) li.active {height:110px;width:110px;}

  .tab_content2 {display:none;height:300px !important;background:#f4f4f4;padding:35px 50px 100px 50px;line-height:21px;font-size:14px;font-weight:200 !important;color:#8c8c8c;overflow-y:scroll;overflow-x:hidden;}
  .tab_content3 {display:none;height:300px !important;background:#f4f4f4;padding:35px 50px 100px 50px;line-height:21px;font-size:14px;font-weight:200 !important;color:#8c8c8c;overflow-y:scroll;overflow-x:hidden;}


  
}

/* 1024px width Screen Resolution */
@media screen and (max-width:1023px){
  /* font-style */
  .bllist_type1 > li {font-size:12px;}

  .content p {font-size:14px;margin:5px auto 5px;}
  .content .icon {height:38px;}
  .content .icon img {width:auto;height:100%;}
  img.front {width:90%;}
  
  .content .leftWrap p {width:100%;}
  .horizon_chart {width:100%;height:284px;text-align:left;}
  
  /* tier map */
  .blenderTabs ul li{width:30px;height:30px;}
  .blenderTabs ul:not(.structure) li.active {height:100px;width:100px;}
  
  .tab_content2 {display:none;height:300px !important;background:#f4f4f4;padding:35px 50px 50px 50px;line-height:21px;font-size:14px;font-weight:200 !important;color:#8c8c8c;overflow-y:scroll;overflow-x:hidden;}
  .tab_content3 {display:none;height:300px !important;background:#f4f4f4;padding:35px 50px 50px 50px;line-height:21px;font-size:14px;font-weight:200 !important;color:#8c8c8c;overflow-y:scroll;overflow-x:hidden;}


  #section2 .detail_txt{width:180px;}
}

/* tablet Screen Resolution */
@media screen and (max-width:768px){
  /* font-style */
  .bllist_type1 > li {font-size:11px;}
  .intro {max-width:90%;width:90%;margin:0 auto;}
  .content {margin-left:auto;margin-right:auto;width:90%;position:relative;}

  .content .leftWrap p {width:100%;}
  .icon {height:30px;margin:0;}
  .icon img {width:auto;height:100%;}
  
  /* tier map */
  .blenderTabs ul.structure li{width:20px;height:20px;}
  .blenderTabs ul:not(.structure) li.active {height:80px;width:80px;}
}

/* 1366px width Screen Resolution */
@media screen and (max-width:1440px){
  .intro {max-width:80%;width:80%;margin:0px auto;}
  .tier {height:300px;}
  .tier2wrap {height:300px;}
  .tier2 {height:300px;}
  .tier3Wrap {height:300px;}
  .tier3 {height:300px;}
  .tier4wrap {height:300px;}
  .tier4 {height:300px;}
}


/* 768px height Screen Resolution */
@media screen and (min-height:750px){
}

/* 1024px width Screen Resolution */
@media screen and (max-width:1024px){
  .tierfront {margin-top:-30px}
  .tier {height:250px;}
  .tier2wrap {height:250px;}
  .tier2 {height:250px;}
  .tier3Wrap {height:250px;}
  .tier3 {height:250px;}
  .tier4wrap {height:250px;}
  .tier4 {height:250px;}


}

/* tablet Screen Resolution */
@media screen and (max-width:768px){
  .tier {height:215px;}
  .tier2wrap {height:215px;}
  .tier2 {height:215px;}
  .tier3Wrap {height:215px;}
  .tier3 {height:215px;}
  .tier4wrap {height:215px;}
  .tier4 {height:215px;}
  .tierfrontWrap .span_6 {margin-top:-23px}
}

/*  service style --------------------------------------------------------------*/
.mw_btn {width:100%;margin:10px auto;}
.mw_btn ul li.guide00:hover .guidePop,
.mw_btn ul li.care00:hover .guidePop {opacity:0 !important;}
.mw_btn ul li.guide00:hover,
.mw_btn ul li.care00:hover {-moz-box-shadow:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;}
.mw_btn ul li:hover .guidePop {opacity:1}
.mw_btn ul li span.guidePop {opacity:0;display:block;opacity:0;-webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;position:absolute;bottom:0px;left:0;width:100%;height:12px;color:#fff;background:#4a2885;z-index:9999999;}  
/* modal btn */
/* Theend */
#theend {position:relative;background:#e6e6e6;z-index:999 }
#theend ul {list-style:none;padding:0 !important;margin:0 auto;width:940px;overflow:hidden;}
#theend li {position:relative;float:left;font-size:0;line-height:0;width:150px;height:163px;margin:0.1% 2% 0px 2%;background-size:100% auto;}
#theend ul li.guide00:hover .guidePop,
#theend ul li.care00:hover .guidePop {opacity:0 !important;}
#theend ul li.guide00:hover,
#theend ul li.care00:hover {-moz-box-shadow:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;}
#theend ul li:hover .guidePop {opacity:1}
#theend ul li span.guidePop {opacity:0;display:block;opacity:0;-webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;position:absolute;bottom:0px;left:0;width:100%;height:12px;color:#fff;background:#4a2885;z-index:9999999;}
.theend1,
.theend2,
.theend3 {margin:0 0 1.5em;overflow:hidden;}  

.theend1 ul li.guide00 {background:url('../images/product/btn/sevice_btn_guide.gif') no-repeat;}
.theend1 ul li.guide01 {background:url('../images/product/btn/sevice_btn_guide01.gif') no-repeat;cursor:pointer;}
.theend1 ul li.guide02 {background:url('../images/product/btn/sevice_btn_guide02.gif') no-repeat;cursor:pointer;}
.theend1 ul li.guide03 {background:url('../images/product/btn/sevice_btn_guide03.gif') no-repeat;cursor:pointer;}
.theend1 ul li.guide04 {background:url('../images/product/btn/sevice_btn_guide04.gif') no-repeat;cursor:pointer;}

.theend2 ul li.care00 {background:url('../images/product/btn/sevice_btn_care.gif') no-repeat;}
.theend2 ul li.care01 {background:url('../images/product/btn/sevice_btn_care01.gif') no-repeat;cursor:pointer;}
.theend2 ul li.care02 {background:url('../images/product/btn/sevice_btn_care02.gif') no-repeat;cursor:pointer;}
.theend2 ul li.care03 {background:url('../images/product/btn/sevice_btn_care03.gif') no-repeat;cursor:pointer;}
.theend2 ul li.care04 {background:url('../images/product/btn/sevice_btn_care04.gif') no-repeat;cursor:pointer;}
.theend3 ul li.care05 {background:url('../images/product/btn/sevice_btn_care05.gif') no-repeat;cursor:pointer;}
.theend3 ul li.care06 {background:url('../images/product/btn/sevice_btn_care06.gif') no-repeat;cursor:pointer;}
.theend3 ul li.care07 {background:url('../images/product/btn/sevice_btn_care07.gif') no-repeat;cursor:pointer;}
/* //Theend */
/* //modal btn */

/* 768px height Screen Resolution */
@media screen and (max-height:750px){
  .intro {width:100% !important;}
  /* Service */
  /* Theend */
  .mw_btn {width:750px;}
  #theend ul {width:100%;}
  #theend li {position:relative;float:left;font-size:0;line-height:0;width:120px;height:131px;margin:0.1% 2% 0px 2%;}
  #theend ul li span.guidePop {opacity:0;display:block;opacity:0;-webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;position:absolute;bottom:0px;left:0;width:120px;height:8px;color:#fff;background:#4a2885;z-index:9999999;}

  /* Sizes */
  .tab_content table {margin:18px 0 0 0;}
  .tab_content table td {font-size:12px;padding:9px 0;}
  ul.tabs li {padding:12px 0;}

}
@media (min-width:1280px) and (max-width:1439px), (max-height:800px){
  .intro {width:100%;}
  /* Service */
  /* Theend */
  .mw_btn {width:750px;}
  #theend ul {width:100%;}
  #theend li {position:relative;float:left;font-size:0;line-height:0;width:120px;height:131px;margin:0.1% 2% 0px 2%;}
  #theend ul li span.guidePop {opacity:0;display:block;opacity:0;-webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;position:absolute;bottom:0px;left:0;width:120px;height:8px;color:#fff;background:#4a2885;z-index:9999999;}

  /* Sizes */
  .tab_content table {margin:18px 0 0 0;}
  .tab_content table td {font-size:12px;padding:9px 0;}
  ul.tabs li {padding:12px 0;}

}

/* 1024x width Screen Resolution */
@media screen and (max-width:1279px){
  .mw_btn {width:750px;}
  /* Service */
  #theend ul {width:100%;}
  #theend li {position:relative;float:left;font-size:0;line-height:0;width:120px;height:131px;margin:0.1% 2% 0px 2%;}
  #theend ul li span.guidePop {opacity:0;display:block;opacity:0;-webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;position:absolute;bottom:0px;left:0;width:120px;height:8px;color:#fff;background:#4a2885;z-index:9999999;}
  
  ul.tabs3 {padding:40px 0 0 0;}
  ul.tabs2 {padding:40px 0 0 0;}
  .tab_container2, .tab_container3 {height:528px;}
  .tab_content2, .tab_content3 {height:350px;overflow-y:scroll;}
  
}


/* 1024px width Screen Resolution */
@media screen and (max-width:1023px){
  .intro {max-width:100% !important;width:100% !important;padding-top:200px;}
  .theend1, .theend2, .theend3 {width:90%;margin:0px auto;}
  /* Service */
  #theend li {width:110px;height:120px;}
  #theend li {background-size:110px;}
  #theend ul {width:95%;}
  #theend ul li span.guidePop {width:110px;}
  #boxes #Guide01 #tierGuide h1, 
  #boxes #Caree01 #CareGuide h1 {font-size:32px;margin:26px 0 0 0;}
  #theend li {position:relative;float:left;font-size:0;line-height:0;width:110px;height:120px;margin:2% 1% 0px 1%;}
  #theend ul li span.guidePop {opacity:0;display:block;opacity:0;-webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;position:absolute;bottom:0px;left:0;width:110px;height:8px;color:#fff;background:#4a2885;z-index:9999999;}
  
  ul.tabs3 {padding:77px 0 0 0;}
  ul.tabs2 {padding:77px 0 0 0;}
  .tab_container2, .tab_container3 {height:528px;}
  .tab_content2, .tab_content3 {height:300px;overflow-y:scroll;}
  
}

/* tablet Screen Resolution */
@media screen and (max-width:768px){
  .content {width:100%;}
  .content1 {width:80%;margin:0 auto;}
  .sixth1 {top:245px !important;}
  #sixth .tab_content table {margin:15px 0 0 0 !important;}
  .mw_btn{width:84%;}	
  /* Service */
  #theend li {width:110px;height:120px;}
  #theend li {background-size:110px;}
  #theend li {position:relative;float:left;font-size:0;line-height:0;width:110px;height:120px;margin:2% 1% 0px 1%;}
  #theend ul li span.guidePop {opacity:0;display:block;opacity:0;-webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;position:absolute;bottom:0px;left:0;width:110px;height:8px;color:#fff;background:#4a2885;z-index:9999999;}
  #theend ul li span.guidePop {height:5px;}
  #theend ul li span.guidePop {width:110px;}
  #boxes #Guide01 #tierGuide h1, 
  #boxes #Caree01 #CareGuide h1 {font-size:32px;margin:26px 0 0 0;}
  .theend1, .theend2, .theend3 {width:100%;margin:0 auto;}
  #Guide01, #Caree01 {width:90%;font-family:arial,"Microsoft Yahei",Tahoma,Verdana,sans-serif;background:#fff;}
  #boxes .window {z-index:10000000000;}
  .blenderTabs ul li.btn_tab_01.active {background-size:100%;}
  .tier {height:215px;}
  .tier2wrap {height:215px;}
  .tier2 {height:215px;}
  .tier3Wrap {height:215px;}
  .tier3 {height:215px;}
  .tier4wrap {height:215px;}
  .tier4 {height:215px;}
  
  .fitWrap {max-height:413px;height:413px;margin:0px auto;position:relative;width:80%;max-width:80%;}

}

@media screen and (max-height:800px){
    .intro .content{height:520px;overflow-y:auto;}     
    #theend .intro .content{height:400px;overflow-y:auto;}
}

/* 20210217 add Dean*/
/* Severity */
.severity {margin:0 0 0px 0;}
.severity_list {/* width:100%; */white-space:nowrap; margin-top:1px;}
.severity_list:after {content:'';clear:both;display:block;}
.severity_list li {position:relative;display:inline-block;}
.severity_list li+li {margin-left:8px;}
.severity_list li img {cursor:pointer;}
.severity_list .tips {position:absolute;display:none;top:-81.8%;left:40%;padding-bottom:3px;background:url('/ru/front/images/product/xfit_at/tips_arrow_1.png') no-repeat left bottom; }
.severity_list .tips.on {display:block;z-index:999;}
.severity_list .tips p {display:inline-block;padding:10px;background-color:#fff; border:1px solid #d0d0d0; border-bottom:0;font-size:12px;color:#434343;white-space:nowrap;width:auto;font-weight: bold;}

.severity_list .tips1{top:-258.8%;left:10%;}
.severity_list .tips2{top:-185.8%;left:-18%;}

.newIcon {height:36px;}
.newIconH4 {width:auto;}
.newIcon .severity {font-size:0px;margin-top:4px;}
.section h4{font-size:17px;}

@media (min-width:1024px) and (max-width:1279px){
	.severity_list {margin-top:1px;}
	.severity_list .tips1{top:-319.8%;left:1%;}
    .severity_list .tips2{top:-251.8%;left:-38%;}
	.newIconH4 h4{font-size:17px;}
	}
	
@media screen and (max-width:1280px){
	.severity_list {margin-top:4px;}
	.section h4{font-size:15px;}
  	.severity_list .img1 img{width:39px;}
    .severity_list .img2 img{width:19px;}
    .severity_list .tips1{top:-317.8%;left:10%;}
    .severity_list .tips2{top:-249.8%;left:-36%;}
}

@media screen and (max-width:1240px){
	.severity_list {margin-top:4px;}
	.section h4{font-size:15px;}
  	.severity_list .img1 img{width:39px;}
    .severity_list .img2 img{width:19px;}
    .severity_list .tips1{top:-321.8%;left:10%;}
    .severity_list .tips2{top:-250.8%;left:-36%;}
}

@media screen and (max-width:1214px){
	.severity_list {margin-top:6px;}
	.section h4{font-size:14px;}
  	.severity_list .img1 img{width:34px;}
    .severity_list .img2 img{width:16px;}
    .severity_list .tips1{top:-366.8%;left:-2%;}
    .severity_list .tips2{top:-300.8%;left:-55%;}
}

@media screen and (max-width:1114px){
	.severity_list {margin-top:7px;}
    .severity_list .tips1{top:-376.8%;left:3%;}
	.severity_list .tips2{top:-235.8%;left:-28%;}
    .severity_list .img1 img{width:26px;}
    .severity_list .img2 img{width:15px;}
}
@media screen and (max-width:1060px){
	.severity_list{margin-top:7px;}
    .severity_list .img1 img{width:26px;}
    .severity_list .img2 img{width:15px;}
    .severity_list .tips1{top:-493.8%;left:-17%;}
	.severity_list .tips2{top:-321.8%;left:-56%;}
}
@media screen and (max-width:1051px){
	.section h4{font-size:13px;}
}
/* //20210217 */

.leftWrap .pdf_hide {visibility:hidden;} /*20220209 pdf hide Zzj*/



/* 20240214 : 별점 영역 추가 */
.review {display: flex;justify-content: center;max-width: 1152px;margin: 0 auto;height: 154px;background-color: #f5f5f5;border-bottom:1px solid #222222}
.review__summary {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
    padding-right: 48px;
    margin-right: 48px
}

.review__summary .summary-value {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 7px;
    font-size: 36px;
    font-weight: 500
}

.review__summary .summary-value .value-unit {
    display: flex;
    align-items: center;
    color: #999
}

.review__summary .summary-value .value-unit::before {
    content: "/";
    margin: 0 3px;
    font-size: 26px;
    font-weight: 400;
}

.review__summary .summary-value .value-unit::after {
    content: "5";
    font-size: 36px
}

.review__summary .review-link {
    color: #888;
    font-size: 1.4rem;
    font-weight: 500
}

.review__summary .rating-wrap {display: flex;align-items: center;}

.review__summary .rating-stars {
    position: relative;
    width: 8rem;
    height: 1.5rem;
    margin: 0 auto;
    font-size: 1.6rem;
    letter-spacing: .3em
}

.review__summary .rating-stars::before,.review__summary .rating-stars::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.review__summary .rating-stars::before {
    content: "";
    background-image: url('../images/product/xfit_at/ico_stars_gray.svg')
}

.review__summary .rating-stars::after {
    content: "";
    background-image: url('../images/product/xfit_at/ico_stars.svg')
}

.review__summary .reviewer-count {margin-top: 1px;margin-left: 8px;font: 14px 'Roboto';color: #000000}

.review__summary.mini {
    flex-direction: row
}

.review__summary.mini .rating-stars {
    width: 68px;
    height: 15px;
    margin-right: 2px
}

.review__summary.mini .rating-stars::before {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.review__summary.mini .rating-stars::after {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.review__summary.mini .tit {
    font-size: 12px;
    color: #888888;
    font-weight: 400;
    line-height: inherit
}

.review__summary.mini::after {
    display: none
}

.review__summary[data-rating="0"] .rating-stars::after {
    clip-path: polygon(0 0,1% 0,1% 100%,0 100%)
}

.review__summary[data-rating=".1"] .rating-stars::after {
    clip-path: polygon(0 0,3% 0,3% 100%,0 100%)
}

.review__summary[data-rating=".2"] .rating-stars::after {
    clip-path: polygon(0 0,5% 0,5% 100%,0 100%)
}

.review__summary[data-rating=".3"] .rating-stars::after {
    clip-path: polygon(0 0,7% 0,7% 100%,0 100%)
}

.review__summary[data-rating=".4"] .rating-stars::after {
    clip-path: polygon(0 0,9% 0,9% 100%,0 100%)
}

.review__summary[data-rating=".5"] .rating-stars::after {
    clip-path: polygon(0 0,11% 0,11% 100%,0 100%)
}

.review__summary[data-rating=".6"] .rating-stars::after {
    clip-path: polygon(0 0,13% 0,13% 100%,0 100%)
}

.review__summary[data-rating=".7"] .rating-stars::after {
    clip-path: polygon(0 0,15% 0,15% 100%,0 100%)
}

.review__summary[data-rating=".8"] .rating-stars::after {
    clip-path: polygon(0 0,17% 0,17% 100%,0 100%)
}

.review__summary[data-rating=".9"] .rating-stars::after {
    clip-path: polygon(0 0,19% 0,19% 100%,0 100%)
}

.review__summary[data-rating="1"] .rating-stars::after {
    clip-path: polygon(0 0,21% 0,21% 100%,0 100%)
}

.review__summary[data-rating="1.1"] .rating-stars::after {
    clip-path: polygon(0 0,23% 0,23% 100%,0 100%)
}

.review__summary[data-rating="1.2"] .rating-stars::after {
    clip-path: polygon(0 0,25% 0,25% 100%,0 100%)
}

.review__summary[data-rating="1.3"] .rating-stars::after {
    clip-path: polygon(0 0,27% 0,27% 100%,0 100%)
}

.review__summary[data-rating="1.4"] .rating-stars::after {
    clip-path: polygon(0 0,29% 0,29% 100%,0 100%)
}

.review__summary[data-rating="1.5"] .rating-stars::after {
    clip-path: polygon(0 0,31% 0,31% 100%,0 100%)
}

.review__summary[data-rating="1.6"] .rating-stars::after {
    clip-path: polygon(0 0,33% 0,33% 100%,0 100%)
}

.review__summary[data-rating="1.7"] .rating-stars::after {
    clip-path: polygon(0 0,35% 0,35% 100%,0 100%)
}

.review__summary[data-rating="1.8"] .rating-stars::after {
    clip-path: polygon(0 0,37% 0,37% 100%,0 100%)
}

.review__summary[data-rating="1.9"] .rating-stars::after {
    clip-path: polygon(0 0,39% 0,39% 100%,0 100%)
}

.review__summary[data-rating="2"] .rating-stars::after {
    clip-path: polygon(0 0,41% 0,41% 100%,0 100%)
}

.review__summary[data-rating="2.1"] .rating-stars::after {
    clip-path: polygon(0 0,43% 0,43% 100%,0 100%)
}

.review__summary[data-rating="2.2"] .rating-stars::after {
    clip-path: polygon(0 0,45% 0,45% 100%,0 100%)
}

.review__summary[data-rating="2.3"] .rating-stars::after {
    clip-path: polygon(0 0,47% 0,47% 100%,0 100%)
}

.review__summary[data-rating="2.4"] .rating-stars::after {
    clip-path: polygon(0 0,49% 0,49% 100%,0 100%)
}

.review__summary[data-rating="2.5"] .rating-stars::after {
    clip-path: polygon(0 0,51% 0,51% 100%,0 100%)
}

.review__summary[data-rating="2.6"] .rating-stars::after {
    clip-path: polygon(0 0,53% 0,53% 100%,0 100%)
}

.review__summary[data-rating="2.7"] .rating-stars::after {
    clip-path: polygon(0 0,55% 0,55% 100%,0 100%)
}

.review__summary[data-rating="2.8"] .rating-stars::after {
    clip-path: polygon(0 0,57% 0,57% 100%,0 100%)
}

.review__summary[data-rating="2.9"] .rating-stars::after {
    clip-path: polygon(0 0,59% 0,59% 100%,0 100%)
}

.review__summary[data-rating="3"] .rating-stars::after {
    clip-path: polygon(0 0,61% 0,61% 100%,0 100%)
}

.review__summary[data-rating="3.1"] .rating-stars::after {
    clip-path: polygon(0 0,63% 0,63% 100%,0 100%)
}

.review__summary[data-rating="3.2"] .rating-stars::after {
    clip-path: polygon(0 0,65% 0,65% 100%,0 100%)
}

.review__summary[data-rating="3.3"] .rating-stars::after {
    clip-path: polygon(0 0,67% 0,67% 100%,0 100%)
}

.review__summary[data-rating="3.4"] .rating-stars::after {
    clip-path: polygon(0 0,69% 0,69% 100%,0 100%)
}

.review__summary[data-rating="3.5"] .rating-stars::after {
    clip-path: polygon(0 0,71% 0,71% 100%,0 100%)
}

.review__summary[data-rating="3.6"] .rating-stars::after {
    clip-path: polygon(0 0,73% 0,73% 100%,0 100%)
}

.review__summary[data-rating="3.7"] .rating-stars::after {
    clip-path: polygon(0 0,75% 0,75% 100%,0 100%)
}

.review__summary[data-rating="3.8"] .rating-stars::after {
    clip-path: polygon(0 0,77% 0,77% 100%,0 100%)
}

.review__summary[data-rating="3.9"] .rating-stars::after {
    clip-path: polygon(0 0,79% 0,79% 100%,0 100%)
}

.review__summary[data-rating="4"] .rating-stars::after {
    clip-path: polygon(0 0,81% 0,81% 100%,0 100%)
}

.review__summary[data-rating="4.1"] .rating-stars::after {
    clip-path: polygon(0 0,83% 0,83% 100%,0 100%)
}

.review__summary[data-rating="4.2"] .rating-stars::after {
    clip-path: polygon(0 0,85% 0,85% 100%,0 100%)
}

.review__summary[data-rating="4.3"] .rating-stars::after {
    clip-path: polygon(0 0,87% 0,87% 100%,0 100%)
}

.review__summary[data-rating="4.4"] .rating-stars::after {
    clip-path: polygon(0 0,89% 0,89% 100%,0 100%)
}

.review__summary[data-rating="4.5"] .rating-stars::after {
    clip-path: polygon(0 0,91% 0,91% 100%,0 100%)
}

.review__summary[data-rating="4.6"] .rating-stars::after {
    clip-path: polygon(0 0,93% 0,93% 100%,0 100%)
}

.review__summary[data-rating="4.7"] .rating-stars::after {
    clip-path: polygon(0 0,95% 0,95% 100%,0 100%)
}

.review__summary[data-rating="4.8"] .rating-stars::after {
    clip-path: polygon(0 0,97% 0,97% 100%,0 100%)
}

.review__summary[data-rating="4.9"] .rating-stars::after {
    clip-path: polygon(0 0,99% 0,99% 100%,0 100%)
}

.review__summary[data-rating="5"] .rating-stars::after {
    clip-path: polygon(0 0,101% 0,101% 100%,0 100%)
}

.review__summary::after {
    content: "";
    display: block;
    position: absolute;
    top: 40px;
    right: 0;
    width: 1px;
    height: calc(100% - 80px);
    background: rgba(0,0,0,.1);
}

.review__summary .pop_btn {
    margin-top: 3rem;
    white-space: nowrap
}

.review__summary .pop_btn.v2 {
    font-size: 1.4rem;
    height: 4rem;
    line-height: 4rem;
    text-decoration: underline;
    text-underline-position: under
}

.review__list {
    display: flex;align-items: center
}

.review__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 200px;
    font-size: 1.6rem
}

.review__item+.review__item {
    margin-left: 40px;
}

.review__item .tit {
    flex: 1;
}


.review__item .val {
    min-width: 5rem;
    text-align: right
}

.review__item .val::after {
    content: "/5"
}

.review__list--bar .review__item .rating {
    position: relative;
    right: 0;
    top: 0;
    text-align: right;
    margin-right: 1rem;
    display: block;
    width: 18rem;
    height: .5rem
}

.review__list--bar .review__item .rating::before,.review__list--bar .review__item .rating::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: 100%;
    border-radius: .3rem
}

.review__list--bar .review__item .rating::before {
    content: "";
    background: rgba(0,0,0,.1)
}

.review__list--bar .review__item .rating::after {
    content: "";
    background: #000
}

.review__list--bar .review__item.v2 {
    flex-direction: column;
    align-items: flex-start
}


.review__list--bar .review__item.v2 .rating2 {
    width: 100%;
    height: 10px;
    background: #e5e5e5;
    margin-top: 8px;
    position: relative
}

.review__list--bar .review__item.v2 .rating2 .rating__progress {
  position: relative;
    width: 0;
    height: 100%;
    background: #492885;
    position: absolute;
    top: 0;
    left: 0
}
.review__list--bar .review__item.v2 .rating2 .rating__progress .rating__progress-bub {
  display: none;
  position: absolute;
    top: 8px;
    right: -11px;
    font-size: 12px;
    font-weight: 500;
    background: #fff;
    width: 34px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border: 1px solid rgba(166, 166, 166, 0.3);
    border-radius: 2px;
    box-shadow: 1px 1px 3px rgba(166, 166, 166, 0.3);
}

.review__list--bar .review__item.v2 .rating2 .rating__progress .rating__progress-bub:before {
    content: '';
    position: absolute;
    top: -4px;
    right: 14px;
    width: 7px;
    height: 7px;
    border-top: 1px solid rgba(166, 166, 166, 0.3);
    border-left: 1px solid rgba(166, 166, 166, 0.3);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff;
}

#view_review_all_en .pop_inner {
    width: 90vw;
    max-width: 115.2rem;
    padding-top: 0
}

#view_review_all_en .pop_inner .top {
    height: 7.6rem
}


#view_review_all_en .pop_con {
    padding: 7.6rem 4.8rem 9rem;
    text-align: unset;
    height: calc(var(--app-height,100vh) * .9);
    overflow-y: scroll
}


#view_review_all .pop_inner {
    width: 90vw;
    max-width: 115.2rem;
    padding-top: 0
}


#view_review_all .pop_con {
    padding: 0 4.8rem 9rem;
    text-align: unset;
    height: calc((var(--app-height,100vh) * .9) - 7.6rem);
    overflow-y: scroll
}


#view_review_all .top {
    height: 7.6rem;
    position: relative
}


#view_review_all .top .btn-close_search {
    position: absolute;
    right: 4.8rem;
    bottom: 0
}

#view_review_all .number-of-result {
    color: #999
}

#view_review_all .review-contents-wrap {
    margin-top: 1rem;
    border-top: 1px solid #000
}

#view_review_all .review-contents-wrap .review-list {
    display: flex;
    flex-wrap: wrap
}

#view_review_all .review-contents-wrap .review-item {
    justify-content: space-between;
    width: 100%;
    padding: 3.6rem 0;
    display: flex;
    border-top: 2px solid #00000015
}

#view_review_all .review-contents-wrap .review-item:first-child {
    border-top: unset
}


#view_review_all .review-contents-wrap .score-as-star {
    padding: 2rem 3.2rem;
    text-align: center;
    align-items: center
}


#view_review_all .review-contents-wrap .total-score {
    color: #999
}

#view_review_all .review-contents-wrap .total-score::after {
    content: "/5"
}

#view_review_all .review-contents-wrap .star {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: .6rem;
    display: block;
    width: 6.4rem;
    height: 1.2rem
}

#view_review_all .review-contents-wrap .star .star-dummy {
    width: 1.58rem;
    height: 1.54rem;
    background: black;
    clip-path: polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
    margin-right: .4rem
}

#view_review_all .review-contents-wrap .star::before,#view_review_all .review-contents-wrap .star::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: 100%
}


#view_review_all .review-contents-wrap .star[data-rating="0"]::after {
    clip-path: polygon(0 0,1% 0,1% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating=".1"]::after {
    clip-path: polygon(0 0,3% 0,3% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating=".2"]::after {
    clip-path: polygon(0 0,5% 0,5% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating=".3"]::after {
    clip-path: polygon(0 0,7% 0,7% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating=".4"]::after {
    clip-path: polygon(0 0,9% 0,9% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating=".5"]::after {
    clip-path: polygon(0 0,11% 0,11% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating=".6"]::after {
    clip-path: polygon(0 0,13% 0,13% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating=".7"]::after {
    clip-path: polygon(0 0,15% 0,15% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating=".8"]::after {
    clip-path: polygon(0 0,17% 0,17% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating=".9"]::after {
    clip-path: polygon(0 0,19% 0,19% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="1"]::after {
    clip-path: polygon(0 0,21% 0,21% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="1.1"]::after {
    clip-path: polygon(0 0,23% 0,23% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="1.2"]::after {
    clip-path: polygon(0 0,25% 0,25% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="1.3"]::after {
    clip-path: polygon(0 0,27% 0,27% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="1.4"]::after {
    clip-path: polygon(0 0,29% 0,29% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="1.5"]::after {
    clip-path: polygon(0 0,31% 0,31% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="1.6"]::after {
    clip-path: polygon(0 0,33% 0,33% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="1.7"]::after {
    clip-path: polygon(0 0,35% 0,35% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="1.8"]::after {
    clip-path: polygon(0 0,37% 0,37% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="1.9"]::after {
    clip-path: polygon(0 0,39% 0,39% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="2"]::after {
    clip-path: polygon(0 0,41% 0,41% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="2.1"]::after {
    clip-path: polygon(0 0,43% 0,43% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="2.2"]::after {
    clip-path: polygon(0 0,45% 0,45% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="2.3"]::after {
    clip-path: polygon(0 0,47% 0,47% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="2.4"]::after {
    clip-path: polygon(0 0,49% 0,49% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="2.5"]::after {
    clip-path: polygon(0 0,51% 0,51% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="2.6"]::after {
    clip-path: polygon(0 0,53% 0,53% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="2.7"]::after {
    clip-path: polygon(0 0,55% 0,55% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="2.8"]::after {
    clip-path: polygon(0 0,57% 0,57% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="2.9"]::after {
    clip-path: polygon(0 0,59% 0,59% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="3"]::after {
    clip-path: polygon(0 0,61% 0,61% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="3.1"]::after {
    clip-path: polygon(0 0,63% 0,63% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="3.2"]::after {
    clip-path: polygon(0 0,65% 0,65% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="3.3"]::after {
    clip-path: polygon(0 0,67% 0,67% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="3.4"]::after {
    clip-path: polygon(0 0,69% 0,69% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="3.5"]::after {
    clip-path: polygon(0 0,71% 0,71% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="3.6"]::after {
    clip-path: polygon(0 0,73% 0,73% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="3.7"]::after {
    clip-path: polygon(0 0,75% 0,75% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="3.8"]::after {
    clip-path: polygon(0 0,77% 0,77% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="3.9"]::after {
    clip-path: polygon(0 0,79% 0,79% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="4"]::after {
    clip-path: polygon(0 0,81% 0,81% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="4.1"]::after {
    clip-path: polygon(0 0,83% 0,83% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="4.2"]::after {
    clip-path: polygon(0 0,85% 0,85% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="4.3"]::after {
    clip-path: polygon(0 0,87% 0,87% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="4.4"]::after {
    clip-path: polygon(0 0,89% 0,89% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="4.5"]::after {
    clip-path: polygon(0 0,91% 0,91% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="4.6"]::after {
    clip-path: polygon(0 0,93% 0,93% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="4.7"]::after {
    clip-path: polygon(0 0,95% 0,95% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="4.8"]::after {
    clip-path: polygon(0 0,97% 0,97% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="4.9"]::after {
    clip-path: polygon(0 0,99% 0,99% 100%,0 100%)
}

#view_review_all .review-contents-wrap .star[data-rating="5"]::after {
    clip-path: polygon(0 0,101% 0,101% 100%,0 100%)
}

#view_review_all .review-contents-wrap .review-desc {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex: 1
}

#view_review_all .review-contents-wrap .review-desc .dimmed {
    display: block
}


#view_review_all .review-contents-wrap .score-list {
    width: 100%;
    display: flex
}

#view_review_all .review-contents-wrap .review-sort {
    margin-right: 4rem;
    position: relative
}

@media all and (max-width: 1024px) {
    #view_review_all .review-contents-wrap .review-sort {
        margin-right:3.2rem
    }
}

#view_review_all .review-contents-wrap .review-sort:last-child {
    margin-right: unset
}

#view_review_all .review-contents-wrap .review-sort:last-child::after {
    display: none
}

#view_review_all .review-contents-wrap .review-sort::after {
    display: block;
    content: "";
    width: .1rem;
    height: 1.1rem;
    background: #00000015;
    position: absolute;
    right: -2rem;
    top: 50%;
    transform: translateY(-50%)
}


#view_review_all .review-contents-wrap .review-sort .review-sort-score {
    margin-left: .6rem;
    font-weight: 300
}

#view_review_all .review-contents-wrap .reviewer {
    margin-right: 2.4rem
}


#view_review_all .review-contents-wrap .review-text {
    width: 100%;
    margin-top: 1.2rem
}

#view_review_all .review-contents-wrap .review-text>p {
    padding: unset
}

#view_review_all .review-contents-wrap .review-score {
    width: 100%;
    margin-top: 2.8rem
}


#view_review_all .score-list {
    color: #000;
    font-weight: 400
}


#view_review_all .review-search-source {
    display: block;
    padding-left: .8rem;
    white-space: nowrap
}


#view_review_all .btn-wrap {
    margin-top: 1.2rem
}


#view_review_all_ru {max-width: 1152px;margin: 0 auto;}

#view_review_all_ru .pop_inner {
    width: 100%;
}


#view_review_all_ru .pop_inner .top {
    height: 7.1rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid #666;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    height: auto
}


#view_review_all_ru .pop_inner .top .tit {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 3.5rem
}


#view_review_all_ru .pop_inner .top .btn-close_search {
    width: 4rem;
    height: 4rem;
    flex-shrink: 0
}


#view_review_all_ru .pop_inner .pop_con {
    /* height: calc(var(--app-height,100vh) * .9 - 21.6rem); */
    height: calc(var(--app-height,100vh) * .9 - 29.6rem); /* temp temp temp temp temp */
    overflow-y: scroll;
    border-bottom: 1px solid #666;
    padding: 0
}

#view_review_all_ru .pop_inner .pop_con::-webkit-scrollbar {
    width: 4px;  
}

#view_review_all_ru .pop_inner .pop_con::-webkit-scrollbar-thumb {
    background: #fff;
    border: 30px solid #939393
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e5;
    padding: 25px 24px 22px
}


#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 98px;
    margin-right: 7.2rem
}


#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_info .review__summary {
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 10px
}


#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_info .review__summary .rating-stars {
    width: 98px;
    height: 18px;
    margin: 0
}


#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_info .review__summary .rating-stars::before {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_info .review__summary .rating-stars::after {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_info .review__summary::after {
    display: none
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_info .reviewer {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 9px;
    padding-bottom: 0;
    letter-spacing: 0;
    text-align: left
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_info .review-date {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 11px;
    letter-spacing: 0;
    color: #8C8C8C;
    padding-bottom: 0
}


#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_info .review-logo {
    max-width: 120px
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_info .review-logo img {
    width: 100%
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_cont {
    width: 100%;
    max-width: 59rem
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_cont .review_tit {
  margin: 0;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.4;
    text-align: left;
    color: #000000
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_cont p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    color: #8C8C8C;
    padding-bottom: 0
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_cont p:not(:last-child) {
    margin-bottom: 12px
}

#view_review_all_ru .pop_inner .pop_con .review-contents-wrap .review-list .review-item .review_cont p:not(:first-child).review-etc-text {
    padding-top: 12px;
    border-top: 1px solid rgba(0,0,0,0.1);
}

#view_review_all_ru .pop_inner .pager {
    padding-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.paging-box {
    line-height: 1;
    padding-top: 6.4rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.paging-box a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}


.paging-box a:nth-child(2) {
    margin-right: 12px;
}
.paging-box a:nth-last-child(2) {
    margin-left: 12px;
}

.paging-box a:hover {
    cursor: pointer
}

.paging-box a span {
    font-size: 12px;
    color: #000000
}

.paging-box .decrease-end {
    background-image: url("../images/product/xfit_at/w_pagination-arrow_left-active.svg")
}

.paging-box .decrease-end.disabled {
    background-image: url("../images/product/xfit_at/w_pagination-arrow_left.svg")
}

.paging-box .decrease-by1 {
    background-image: url("../images/product/xfit_at/w_pagination-left-active.svg")
}

.paging-box .decrease-by1.disabled {
    background-image: url("../images/product/xfit_at/w_pagination-left.svg")
}

.paging-box .increase-by1 {
    background-image: url("../images/product/xfit_at/w_pagination-right-active.svg")
}

.paging-box .increase-by1.disabled {
    background-image: url("../images/product/xfit_at/w_pagination-right.svg")
}

.paging-box .increase-end {
    background-image: url("../images/product/xfit_at/w_pagination-arrow_right-active.svg")
}

.paging-box .increase-end.disabled {
    background-image: url("../images/product/xfit_at/w_pagination-arrow_right.svg")
}

.paging-box .page-num {
    font-weight: 500;
    font-size: 12px;
    width: 24px;
    height: 24px;
}

.paging-box .page-num:hover {
    color: #000;
    background-color: #f8f8f8
}

.paging-box .page-num .last-num {
    display: block
}

.paging-box .is-active {
    background-color: #492885;
    color: #fff;
    pointer-events: none
}

.paging-box .is-active span {color: #fff;}

.paging-box .disabled {
    pointer-events: none
}

/* .section--remove {display: none !important;} */

/* // 20240214 : 별점 영역 추가 */