@charset "utf-8";

.br_mob,
.txt_mob,
.txt_drag,
.img_mob {
  display: none;
}
.fade_up.fade_up_delay {
  -webkit-transition: all 0.4s ease-in-out 0.4s;
  transition: all 0.4s ease-in-out 0.4s;
}
/* 프리미엄 썬팅 */
.sub_menu_wrap {
  position: fixed;
  top: 132px;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #fff;
  border-top: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
  z-index: 20;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.sub_menu_wrap.up {
  top: 62px;
}
.sub_menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
}
.sub_menu a {
  display: inline-block;
  padding: 10px 0;
  color: #B2B2B2;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.sub_menu li:hover a {
  color: rgba(0,0,0,0.5);
  font-family: 'IBMPlexSansKR-SemiBold';
}
.sub_menu li.on a {
  color: #000;
  font-family: 'IBMPlexSansKR-SemiBold';
}
.pro_tit_area {
  position: relative;
  height: 980px;
  padding-top: 310px;
  overflow: hidden;
  color: #fff;
  text-align: center;
}
.pro_tit_area:before {
  content: '';
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: moveUp 0.5s ease-out 0.5s forwards;
  animation: moveUp 0.5s ease-out 0.5s forwards;
}
.pre_tit_area:before {
  background: url(../images/sub/bg_premium.jpg) no-repeat center center/cover;
}
.h2_sub {
  position: relative;
  top: 30px;
  opacity: 0;
  -webkit-animation: moveUp 0.4s ease-out 0.9s forwards;
  animation: moveUp 0.4s ease-out 0.9s forwards;
}
.h2_sub .kr {
  font-size: 3rem;
}
.h2_sub .en {
  margin-top: 20px;
  font-size: 10rem;
  line-height: 1.1;
}
.h3_pro.h3_premium {
  margin-top: 150px;
}
.band_tit {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 74px;
  margin-top: 16px;
  color: #fff;
  font-size: 2.6rem;
}
.band_tit:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #000;
  -webkit-animation: bandTitle 0.4s ease-out 1.3s forwards;
  animation: bandTitle 0.4s ease-out 1.3s forwards;
}
.band_txt {
  opacity: 0;
  visibility: hidden;
  -webkit-animation: fadeIn 0.2s ease-out 1.9s forwards;
  animation: fadeIn 0.2s ease-out 1.9s forwards;
}
@-webkit-keyframes bandTitle {
  0% {
    height: 0;
  }
  100% {
    height: 74px;
  }
}
@keyframes bandTitle {
  0% {
    height: 0;
  }
  100% {
    height: 74px;
  }
}

.pro_tit_desc {
  position: relative;
  top: 30px;
  width: 540px;
  margin: 50px auto 0;
  font-size: 2rem;
  line-height: 1.7;
  opacity: 0;
  -webkit-animation: moveUp 0.5s ease-out 2.1s forwards;
  animation: moveUp 0.5s ease-out 2.1s forwards;
}
.pro_cont {
  overflow-x: hidden;
  padding-top: 200px;
  background-color: #fff;
}
.rayno_logo img {
  width: 400px;
}
.pro_desc {
  margin-top: 94px;
  padding-left: 25.7812%;
  padding-right: 13.2813%;
  font-size: 2rem;
  line-height: 1.6;
}
.page_area {
  position: relative;
  margin-top: 214px;
  padding: 150px 0 210px;
}
.page_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.page_bg01 {
  background-image: url(../images/sub/rayno1.jpg);
}
.page_bg02 {
  background-image: url(../images/sub/rayno2.jpg);
}
.page_bg03 {
  background-image: url(../images/sub/rayno3.jpg);
}
.page_bg04 {
  background-image: url(../images/sub/solar1.jpg);
}
.page_bg05 {
  background-image: url(../images/sub/solar2.jpg);
}
.rayno_logo02 {
  width: 200px;
  height: 40px;
  background: url(../images/sub/logo_rayno.png) no-repeat left top/cover;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.page_area.active .rayno_logo02 {
  background-image: url(../images/sub/logo_rayno_white.png);
}
.h3_pro {
  margin-top: 50px;
  font-size: 7rem;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.page_area.active .h3_pro {
  color: #fff;
}
.h3_pro span.small {
  font-size: 4rem;
}
.pro_link_wrap {
  display: flex;
  margin-top: 60px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.page_area.active .pro_link_wrap {
  color: #fff;
}
.pro_link_wrap>div {
  width: 52%;
}
.pro_link_wrap>ul {
  width: 48%;
}
.pro_link_desc {
  font-size: 1.8rem;
  line-height: 1.5;
}
.pro_link_desc p {
  width: 80%;
  margin-bottom: 30px;
}
.links li {
  position: relative;
  margin-bottom: 50px;
}
.links li:last-child {
  margin-bottom: 0;
}
.links li:before {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.links li:hover:before {
  width: 100%;
}
.links li:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 36px;
  height: 36px;
  background: url(../images/sub/ico_arrow_thin.png) no-repeat left top/cover;
  opacity: 0;
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.links li:hover:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.links li a {
  display: inline-block;
  width: 100%;
  color: transparent;
  font-size: 5rem;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -webkit-text-stroke: 1px #000;
}
/* .page_area.active .links li a {
  color: #fff;
  -webkit-text-stroke: 1px #fff;
} */
.links li:hover a {
  color: #fff;
  -webkit-text-stroke: 1px #fff;
}
.solar_logo {
  margin-top: 115px;
}
.solar_logo img {
  width: 290px;
}
.solar_logo02 {
  width: 145px;
  height: 82px;
  background: url(../images/sub/logo_solar.png) no-repeat left top/cover;
}
/* presto R1 */
.preR1_tit_area {
  text-align: left;
}
.preR1_tit_area:before {
  background: url(../images/sub/rayno3.jpg) no-repeat center center/cover;
}
.rayno_logo_white {
  position: relative;
  top: 30px;
  opacity: 0;
  -webkit-animation: moveUp 0.5s ease-out 1s forwards;
  animation: moveUp 0.5s ease-out 1s forwards;
}
.rayno_logo_white img {
  width: 200px;
}
.pro_h2_ani {
  position: relative;
  top: 30px;
  opacity: 0;
  -webkit-animation: moveUp 0.5s ease-out 1.1s forwards;
  animation: moveUp 0.5s ease-out 1.1s forwards;
}
.h2_pro {
  position: relative;
  margin-top: 240px;
  padding-left: 135px;
  font-size: 7rem;
}
.h2_pro:before {
  content: '';
  position: absolute;
  top: -20px;
  left: -10px;
  width: 129px;
  height: 111px;
  background: url(../images/sub/ico_flag.png) no-repeat left top/cover;
}
.pro_desc02 {
  margin-top: 37px;
  font-size: 2.4rem;
}
.keywords {
  display: flex;
  margin-top: 70px;
}
.keywords li {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 30px;
  opacity: 0;
  width: 22.6562%;
  height: 80px;
  margin-right: 3.125%;
  border: 1px solid #fff;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  color: #fff;
  font-size: 2rem;
}
.keywords li:last-child {
  margin-right: 0;
}
.keywords li:nth-child(1) {
  -webkit-animation: moveUp 0.3s ease-out 1.6s forwards;
  animation: moveUp 0.3s ease-out 1.6s forwards;
}
.keywords li:nth-child(2) {
  -webkit-animation: moveUp 0.3s ease-out 1.9s forwards;
  animation: moveUp 0.3s ease-out 1.9s forwards;
}
.keywords li:nth-child(3) {
  -webkit-animation: moveUp 0.3s ease-out 2.2s forwards;
  animation: moveUp 0.3s ease-out 2.2s forwards;
}
.keywords li:nth-child(4) {
  margin-right: 0;
  -webkit-animation: moveUp 0.3s ease-out 2.5s forwards;
  animation: moveUp 0.3s ease-out 2.5s forwards;
}
.pro_about {
  display: flex;
}
.about {
  flex-shrink: 0;
  width: 220px;
  font-size: 4rem;
}
.pro_desc03 {
  width: 66%;
  font-size: 2rem;
  line-height: 1.6;
}
.pro_desc03 p {
  margin-bottom: 40px;
}
.about_cont {
  width: 100%;
}
.techs {
  width: 100%;
  margin-top: 100px;
}
.techs li {
  margin-bottom: 50px;
}
.techs li:last-child {
  margin-bottom: 0;
}
.techs li:nth-child(even) {
  display: flex;
  justify-content: flex-end;
}
.techs li>div {
  width: 480px;
  min-height: 180px;
  padding: 10px 0 0 220px;
}
.techs_prestoR li:nth-child(1)>div {
  background: url(../images/sub/ico_pro1.png) no-repeat left top;
  background-size: 180px;
}
.techs_prestoR li:nth-child(2)>div {
  background: url(../images/sub/ico_pro2.png) no-repeat left top;
  background-size: 180px;
}
.techs_prestoR li:nth-child(3)>div {
  background: url(../images/sub/ico_pro3.png) no-repeat left top;
  background-size: 180px;
}
.techs_prestoR li:nth-child(4)>div {
  background: url(../images/sub/ico_pro4.png) no-repeat left top;
  background-size: 180px;
}
.techs_prestoR li:nth-child(5)>div {
  background: url(../images/sub/ico_pro5.png) no-repeat left top;
  background-size: 180px;
}
.techs_tit {
  font-size: 2.4rem;
  line-height: 1.4;
}
.techs_desc {
  margin-top: 20px;
  font-size: 1.8rem;
  line-height: 1.6;
}
.pro_info_wrap {
  padding-bottom: 280px;
}
.pro_info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
}
.pro_info>div:nth-child(1) {
  width: 48%;
}
.pro_info>div:nth-child(2) {
  width: 45%;
}
.pro_cont_tit {
  font-size: 4rem;
}
.chart img {
  width: 100%;
  margin-top: 36px;
}
.tbl_spec {
  width: 100%;
  margin-top: 36px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 1.8rem;
  text-align: center;
}
.tbl_spec th,
.tbl_spec td {
  padding: 20px 0 22px;
}
.tbl_spec th {
  border-bottom: 1px dashed #000;
  font-family: 'IBMPlexSansKR-SemiBold';
}
.tbl_spec tbody tr:nth-child(1) {
  background-color: #DCDCDC;
}
.tbl_spec tbody tr:nth-child(2) {
  background-color: #ECECEC;
}
.tbl_spec tbody tr:nth-child(3) {
  background-color: #F5F5F5;
}
.specs {
  margin-top: 74px;
}
.cou_specs .specs {
  margin-top: 84px;
}
.specs li {
  margin-bottom: 28px;
}
.specs li p:nth-child(1) {
  font-family: 'IBMPlexSansKR-SemiBold';
  font-size: 1.8rem;
}
.specs li p:nth-child(2) {
  margin-top: 10px;
  padding-left: 14px;
  line-height: 1.6;
} 
.pro_btn_row {
  margin-top: 150px;
  text-align: center;
}
/* presto R2 */
.preR2_tit_area {
  text-align: left;
}
.preR2_tit_area:before {
  background: url(../images/sub/rayno2.jpg) no-repeat center center/cover;
}
.pro_info>div:nth-child(3) {
  width: 43.2812%;
  margin-top: 100px;
}
.graph {
  margin-top: 36px;
}
.graph img {
  width: 100%;
}
/* presto D1 */
.preD1_tit_area {
  text-align: left;
}
.preD1_tit_area:before {
  background: url(../images/sub/rayno1.jpg) no-repeat center center/cover;
}
.techs_prestoD li:nth-child(1)>div {
  background: url(../images/sub/ico_pro1.png) no-repeat left top;
  background-size: 180px;
}
.techs_prestoD li:nth-child(2)>div {
  background: url(../images/sub/ico_pro2.png) no-repeat left top;
  background-size: 180px;
}
.techs_prestoD li:nth-child(3)>div {
  background: url(../images/sub/ico_pro6.png) no-repeat left top;
  background-size: 180px;
}
.techs_prestoD li:nth-child(4)>div {
  background: url(../images/sub/ico_pro4.png) no-repeat left top;
  background-size: 180px;
}
.techs_prestoD li:nth-child(5)>div {
  background: url(../images/sub/ico_pro7.png) no-repeat left top;
  background-size: 180px;
}
.techs_prestoD li:nth-child(6)>div {
  background: url(../images/sub/ico_pro5.png) no-repeat left top;
  background-size: 180px;
}
/* Beryl-x */
.BerX_tit_area {
  text-align: left;
}
.BerX_tit_area:before {
  background: url(../images/sub/solar1.jpg) no-repeat center center/cover;
}
.solar_logo_white {
  position: relative;
  top: 30px;
  opacity: 0;
  -webkit-animation: moveUp 0.5s ease-out 1s forwards;
  animation: moveUp 0.5s ease-out 1s forwards;
}
.solar_logo_white img {
  width: 112px;
}
.techs_berylX li:nth-child(1)>div {
  background: url(../images/sub/ico_pro8.png) no-repeat left top;
  background-size: 180px;
}
.techs_berylX li:nth-child(2)>div {
  background: url(../images/sub/ico_pro2.png) no-repeat left top;
  background-size: 180px;
}
.techs_berylX li:nth-child(3)>div {
  background: url(../images/sub/ico_pro3.png) no-repeat left top;
  background-size: 180px;
}
.techs_berylX li:nth-child(4)>div {
  background: url(../images/sub/ico_pro4.png) no-repeat left top;
  background-size: 180px;
}
.techs_berylX li:nth-child(5)>div {
  background: url(../images/sub/ico_pro9.png) no-repeat left top;
  background-size: 180px;
}
.techs_berylX li:nth-child(6)>div {
  background: url(../images/sub/ico_pro10.png) no-repeat left top;
  background-size: 180px;
}
.techs_berylX li:nth-child(7)>div {
  background: url(../images/sub/ico_pro11.png) no-repeat left top;
  background-size: 180px;
}
/* Beryl-G */
.BerG_tit_area {
  text-align: left;
}
.BerG_tit_area:before {
  background: url(../images/sub/solar2.jpg) no-repeat center center/cover;
}
.techs_berylG li:nth-child(1)>div {
  background: url(../images/sub/ico_pro8.png) no-repeat left top;
  background-size: 180px;
}
.techs_berylG li:nth-child(2)>div {
  background: url(../images/sub/ico_pro2.png) no-repeat left top;
  background-size: 180px;
}
.techs_berylG li:nth-child(3)>div {
  background: url(../images/sub/ico_pro4.png) no-repeat left top;
  background-size: 180px;
}
.techs_berylG li:nth-child(4)>div {
  background: url(../images/sub/ico_pro9.png) no-repeat left top;
  background-size: 180px;
}
.techs_berylG li:nth-child(5)>div {
  background: url(../images/sub/ico_pro12.png) no-repeat left top;
  background-size: 180px;
}
.techs_berylG li:nth-child(6)>div {
  background: url(../images/sub/ico_pro11.png) no-repeat left top;
  background-size: 180px;
}
.tbl_spec.tbl_spec_4line tbody tr:nth-child(1) {
  background-color: #CBCBCB;
}
.tbl_spec.tbl_spec_4line tbody tr:nth-child(2) {
  background-color: #DCDCDC;
}
.tbl_spec.tbl_spec_4line tbody tr:nth-child(3) {
  background-color: #ECECEC;
}
.tbl_spec.tbl_spec_4line tbody tr:nth-child(4) {
  background-color: #F5F5F5;
}
/* 쿠폰 썬팅 */
.cou_tit_area:before {
  background: url(../images/sub/bg_coupon2.jpg) no-repeat center center/cover;
}
.cou_link {
  background-color: #fff;
  border-top: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
}
.cou_link_inner {
  display: flex;
  align-items: center;
  border-left: 1px solid #E2E2E2;
  border-right: 1px solid #E2E2E2;
}
.cou_link_inner {
  height: 80px;
}
.cou_link_inner>div {
  position: relative;
  width: 50%;
  height: 80px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.cou_link_inner>div:hover {
  background-color: #000; 
}
.cou_link_inner>div:nth-child(1) {
  border-right: 1px solid #E2E2E2;
}
.cou_link_inner>div:nth-child(1):before {
  content: '';
  position: absolute;
  top: 0;
  right: calc(100% + 1px);
  width: 1000px;
  height: 100%;
  background-color: #000;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.cou_link_inner>div:nth-child(2):before {
  content: '';
  position: absolute;
  top: 0;
  left: calc(100% + 1px);
  width: 1000px;
  height: 100%;
  background-color: #000;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.cou_link_inner>div:hover:before {
  opacity: 1;
}
.cou_link_inner>div:hover a {
  color: #fff;
}
.cou_link_inner a {
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-left: 40px;
  font-size: 2rem;
}
.cou_link_inner>div:after {
  content: '';
  position: absolute;
  right: 40px;
  top: 30px;
  width: 24px;
  height: 24px;
  background: url(../images/main/ico_arrow_black.png) no-repeat left top/cover;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.cou_link_inner>div:hover:after {
  background-image: url(../images/main/ico_arrow.png);
}
.cou_pro_cont {
  padding-bottom: 300px;
}
.h3_cou {
  font-size: 7rem;
  line-height: 1.3;
}
.cou_pages {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 100px;
}
.cou_pages li {
  width: 45.9375%;
}
.cou_page_box {
  position: relative;
  width: 100%;
  padding: 60px 50px 100px;
  border: 1px solid #000;
  border-top-right-radius: 20px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.cou_logo {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.cou_pages li:nth-child(1) .cou_logo {
  width: 81.9672%;
  height: 0;
  padding-top: 14.3442%;
  background: url(../images/sub/logo_3m_color.png) no-repeat left top/cover;
}
.cou_pages li:nth-child(2) .cou_logo {
  width: 71.3114%;
  height: 0;
  padding-top: 11.6803%;
  background: url(../images/sub/logo_ditec_color.png) no-repeat left top/cover;
}
.cou_pages li:nth-child(3) .cou_logo {
  width: 37.7049%;
  height: 0;
  padding-top: 18.8524%;
  background: url(../images/sub/logo_llumar_color.png) no-repeat left top/cover;
}
.cou_pages li:nth-child(4) .cou_logo {
  width: 66.3934%;
  height: 0;
  padding-top: 13.2336%;
  background: url(../images/sub/logo_rayno.png) no-repeat left top/cover;
}
.cou_pages li:nth-child(5) .cou_logo {
  width: 34.1557%;
  height: 0;
  padding-top: 18.8524%;
  background: url(../images/sub/logo_solar.png) no-repeat left top/cover;
}
.cou_pages li:nth-child(6) .cou_logo {
  width: 53.18852%;
  height: 0;
  padding-top: 19.3975%;
  background: url(../images/sub/logo_tint_color.png) no-repeat left top/cover;
}
.cou_pages li p:nth-child(2) {
  margin-top: 45px;
  font-size: 1.8rem;
  line-height: 1.6;
}
.cou_page_nm {
  position: absolute;
  height: 66px;
  right: -20px;
  bottom: -20px;
  font-size: 2.4rem;
}
.cou_page_nm span {
  display: inline-block;
  position: relative;
  height: 66px;
  padding: 0 112px 0 40px;
  background-color: #fff;
  border: 1px solid #000;
  line-height: 66px;
}
.cou_page_nm span:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 40px;
  width: 22px;
  height: 22px;
  background: url(../images/main/ico_arrow_black.png) no-repeat left top/cover;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.cou_pages li:nth-child(even) {
  padding-top: 250px;
}
/* 쿠폰썬팅이란 */
.cou2_tit_area:before {
  background: url(../images/sub/bg_coupon2.jpg) no-repeat center center/cover;
}
.cou2_cont {
  padding: 200px 0 266px;
  background-color: #fff;
}
.cou2_desc {
  font-size: 3.6rem;
  line-height: 1.6;
}
.cou2_desc02 {
  margin-top: 40px;
  line-height: 1.8;
}
.cou2_img {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 40px;
}
.cou2_img img:nth-child(1) {
  width: 47.1875%;
}
.cou2_img img:nth-child(2) {
  width: 22.1093%;
  margin-left: 45px;
}
.cou2_desc_area {
  margin-top: 180px;
}
.cou2_desc_area .tppf_desc05 {
  width: 390px;
}
.cou_qualties {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.cou_qualties li {
  width: 32%;
}
.cou_qualties img {
  width: 70%;
  margin-top: 35px;
}
.cou_qual_tit {
  font-family: "IBMPlexSansKR-SemiBold";
  font-size: 2.4rem;
  text-align: center;
}
.tbl_search {
  width: 100%;
}
.tbl_search {
  margin-top: 40px;
  border: 1px solid #000;
}
.tbl_search th,
.tbl_search td {
  padding: 20px;
  border: 1px dotted #000;
  text-align: center;
}
.tbl_search th {
  font-size: 2.6rem;
}
.tbl_search td {
  width: 31%;
  vertical-align: middle;
  font-family: "IBMPlexSansKR-SemiBold";
  font-size: 1.7rem;
  line-height: 1.8;
}
.tbl_search th.th_vertical {
  position: relative;
  width: 7%;
  white-space: nowrap;
}
.th_vertical p {
  position: absolute;
  top: 48%;
  left: -86px;
  transform: rotate(-90deg);
}
.tbl_search td img {
  width: 70%;
  margin: 16px 0;
}
.tbl_film_m,
.tbl_film_spec_m {
  display: none;
}
.tbl_film_spec_pc {
  margin-top: 40px;
}
.tbl_film_spec {
  width: 100%;
}
.tbl_film_spec img {
  width: 100%;
}
.tbl_film_spec th,
.tbl_film_spec td {
  vertical-align: middle;
  padding: 25px 0;
  border: 1px solid #d1d1d1;
  text-align: center;
}
.tbl_film_spec tr:first-child th,
.tbl_film_spec tr:first-child td {
  border-top-color: #000;
}
.tbl_film_spec tr:last-child th,
.tbl_film_spec tr:last-child td {
  border-bottom-color: #000;
}
.tbl_film_spec td:last-child {
  border-right-color: transparent;
}
.tbl_film_spec th {
  background-color: #F5F5F5;
  border-left-color: transparent;
  font-family: 'IBMPlexSansKR-SemiBold';
}
.tbl_film_spec td {
  width: 14.5%;
  line-height: 1.5;
}
.th_ico {
  font-size: 1.4rem;
  line-height: 1.6;
}
.th_ico img {
  width: 55px;
}
.film_specs {
  margin-top: 40px;
}
/* 3m */
.xp_tit_area {
  text-align: left;
}
.xp_tit_area:before {
  background: url(../images/sub/bg_3m.jpg) no-repeat center center/cover;  
}
.xp3m_logo {
  position: relative;
  top: 30px;
  opacity: 0;
  -webkit-animation: moveUp 0.5s ease-out 1s forwards;
  animation: moveUp 0.5s ease-out 1s forwards;
}
.xp3m_logo img {
  width: 225px;
}
.techs.techs_3m {
  margin-top: 0;
}
.techs_3m li:nth-child(1)>div {
  background: url(../images/sub/ico_pro13.png) no-repeat left top;
  background-size: 180px;
}
.techs_3m li:nth-child(2)>div {
  background: url(../images/sub/ico_pro14.png) no-repeat left top;
  background-size: 180px;
}
.techs_3m li:nth-child(3)>div {
  background: url(../images/sub/ico_pro15.png) no-repeat left top;
  background-size: 180px;
}
.techs_3m li:nth-child(4)>div {
  background: url(../images/sub/ico_pro16.png) no-repeat left top;
  background-size: 180px;
}
.techs_3m li:nth-child(5)>div {
  background: url(../images/sub/ico_pro17.png) no-repeat left top;
  background-size: 180px;
}
.cou_info {
  padding: 100px 0;
  background: url(../images/sub/bg_coupon.jpg) no-repeat center center/cover;
  color: #fff;
}
.cou_desc {
  font-size: 4rem;
  text-align: center;
  line-height: 1.5;
}
.ios_infos {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
}
.ios_infos li {
  width: 22.6562%;
  margin-right: 3.125%;
  margin-bottom: 40px;
  padding: 23px 0 20px;
  /* border: 1px solid #000;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px; */
  text-align: center;
}
.ios_infos li:nth-child(3) {
  margin-right: 22.6562%;
}
.ios_infos li:nth-child(4) {
  margin-left: 25.7812%;
}
.ios_infos li:nth-child(6) {
  margin-right: 0;
}
.ios_infos li p:nth-child(1) {
  font-size: 1.8rem;
  line-height: 1.8;
}
.ios_infos li p:nth-child(2) {
  margin-top: 14px;
  font-size: 5rem;
}
.ios_infos li p:nth-child(2) .per {
  font-size: 3rem;
}
.cou_chart {
  padding-top: 100px;
}
/* Ditec Aurora */
.aurora_tit_area {
  text-align: left;
}
.aurora_tit_area:before {
  background: url(../images/sub/bg_aurora.jpg) no-repeat center center/cover;  
}
.ditec_logo {
  position: relative;
  top: 30px;
  opacity: 0;
  -webkit-animation: moveUp 0.5s ease-out 1s forwards;
  animation: moveUp 0.5s ease-out 1s forwards;
}
.ditec_logo img {
  width: 208px;
}
.h2_pro.h2_aurora:before {
  background: url(../images/sub/ico_flag3.png) no-repeat left top/cover;
}
.techs_aurora li:nth-child(1)>div {
  background: url(../images/sub/ico_pro13.png) no-repeat left top;
  background-size: 180px;
}
.techs_aurora li:nth-child(2)>div {
  background: url(../images/sub/ico_pro14.png) no-repeat left top;
  background-size: 180px;
}
.techs_aurora li:nth-child(3)>div {
  background: url(../images/sub/ico_pro18.png) no-repeat left top;
  background-size: 180px;
}
.techs_aurora li:nth-child(4)>div {
  background: url(../images/sub/ico_pro19.png) no-repeat left top;
  background-size: 180px;
}
/* LLumar GG */
.gg_tit_area {
  text-align: left;
}
.gg_tit_area:before {
  background: url(../images/sub/bg_gg.jpg) no-repeat center center/cover;  
}
.gg_logo {
  position: relative;
  top: 30px;
  opacity: 0;
  -webkit-animation: moveUp 0.5s ease-out 1s forwards;
  animation: moveUp 0.5s ease-out 1s forwards;
}
.gg_logo img {
  width: 140px;
}
.h2_pro.h2_gg:before {
  background: url(../images/sub/ico_flag.png) no-repeat left top/cover;
}
.techs_gg li:nth-child(1)>div {
  background: url(../images/sub/ico_pro20.png) no-repeat left top;
  background-size: 180px;
}
.techs_gg li:nth-child(2)>div {
  background: url(../images/sub/ico_pro13.png) no-repeat left top;
  background-size: 180px;
}
.techs_gg li:nth-child(3)>div {
  background: url(../images/sub/ico_pro21.png) no-repeat left top;
  background-size: 180px;
}
.techs_gg li:nth-child(4)>div {
  background: url(../images/sub/ico_pro22.png) no-repeat left top;
  background-size: 180px;
}
/* mono carbon */
.mono_tit_area {
  text-align: left;
}
.mono_tit_area:before {
  background: url(../images/sub/bg_mono.jpg) no-repeat center center/cover;  
}
.techs_mono li:nth-child(1)>div {
  background: url(../images/sub/ico_pro13.png) no-repeat left top;
  background-size: 180px;
}
.techs_mono li:nth-child(2)>div {
  background: url(../images/sub/ico_pro23.png) no-repeat left top;
  background-size: 180px;
}
.techs_mono li:nth-child(3)>div {
  background: url(../images/sub/ico_pro24.png) no-repeat left top;
  background-size: 180px;
}
.techs_mono li:nth-child(4)>div {
  background: url(../images/sub/ico_pro20.png) no-repeat left top;
  background-size: 180px;
}
.techs_desc02 {
  margin-top: 18px;
  color: #B2B2B2;
  font-size: 2rem;
}
/* Solar Gard Phantom */
.phan_tit_area {
  text-align: left;
}
.phan_tit_area:before {
  background: url(../images/sub/bg_phantom.jpg) no-repeat center center/cover;  
}
.techs_phan li:nth-child(1)>div {
  background: url(../images/sub/ico_pro25.png) no-repeat left top;
  background-size: 180px;
}
.techs_phan li:nth-child(2)>div {
  background: url(../images/sub/ico_pro13.png) no-repeat left top;
  background-size: 180px;
}
.techs_phan li:nth-child(3)>div {
  background: url(../images/sub/ico_pro26.png) no-repeat left top;
  background-size: 180px;
}
.pro_about {
  padding-bottom: 100px;
}
/* Tint a car Reborn */
.reborn_tit_area {
  text-align: left;
}
.reborn_tit_area:before {
  background: url(../images/sub/bg_reborn.jpg) no-repeat center center/cover;  
}
.tint_logo img {
  width: 170px;
}
.h2_pro.h2_reborn:before {
  background: url(../images/sub/ico_flag4.png) no-repeat left top/cover;
}
.techs_reborn li:nth-child(1)>div {
  background: url(../images/sub/ico_pro27.png) no-repeat left top;
  background-size: 180px;
}
.techs_reborn li:nth-child(2)>div {
  background: url(../images/sub/ico_pro28.png) no-repeat left top;
  background-size: 180px;
}
.techs_reborn li:nth-child(3)>div {
  background: url(../images/sub/ico_pro29.png) no-repeat left top;
  background-size: 180px;
}
.techs_reborn li:nth-child(4)>div {
  background: url(../images/sub/ico_pro21.png) no-repeat left top;
  background-size: 180px;
}
/* 차량 외관 보호 필름 */
.ppf_tit_area:before {
  background: url(../images/sub/bg_ppf.jpg) no-repeat center center/cover;
}
.ppf_tit_area .pro_tit_desc {
  margin-top: 92px;
}
.ppf_cont {
  padding: 200px 0;
  background: url(../images/sub/bg_ppf2.jpg) no-repeat center bottom/cover;
  color: #fff;
}
.ppf_logo_area {
  position: relative;
  margin-top: 40px;
  padding-top: 252px;
  font-size: 10rem;
  text-align: center;
}
.ppf_logo_area:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 0;
  background-color: #fff;
  -webkit-transition: all 0.4s ease-in-out 0.2s;
  transition: all 0.4s ease-in-out 0.2s;
}
.ppf_logo_area img {
  width: 300px;
}
.ppf_desc {
  position: relative;
  top: 30px;
  opacity: 0;
  width: 48.2812%;
  margin: 60px auto 0;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.8;
  -webkit-transition: all 0.4s ease-in-out 1s;
  transition: all 0.4s ease-in-out 1s;
}
.flow_txt_glass.flow_txt_ppf {
  width: 6994px;
}
.flow_txt_glass.flow_txt_ppf .flow_txt01,
.flow_txt_glass.flow_txt_ppf .flow_txt02 {
  width: 3497px;
}
.ppf_cont02 {
  padding: 220px 0 50px;
  background-color: #fff;
}
.ppf_cont02 .ster_link.glass_link {
  margin-top: 0;
}
.ppf_cont02 .flow_txt_ppf {
  margin-bottom: 0;
}
/* Tbex ppf */
.tppf_tit_area:before {
  background: url(../images/sub/bg_tppf.jpg) no-repeat center bottom/cover;
}
.tppf_cont_new {
  padding: 200px 0 120px;
  background-color: #fff;
  text-align: center;
}
.tppf_desc {
  font-size: 3.2rem;
}
.tppf_logo {
  margin-top: 20px;
  font-size: 6rem;
}
.tppf_logo img {
  width: 174px;
}
.tppf_desc05 {
  width: 590px;
  margin: 60px auto 0;
  font-size: 1.8rem;
  line-height: 1.9;
}
.tppf_desc05 p {
  margin-bottom: 20px;
}
.tppf_desc_pink {
  margin-top: 35px;
  color: #DD1F77;
}
.tppf_desc_pink02 {
  margin-top: 12px;
  color: #DD1F77;
  font-size: 1.4rem;
  line-height: 1.7;
}
.img_warran {
  margin: 100px 0 40px;
}
.img_warran img {
  width: 186px;
}
.tppf_cont {
  padding: 164px 0 364px;
  background: url(../images/sub/bg_tppf2.jpg) no-repeat center bottom/cover;
  color: #fff;
}
.tppf_point img {
  width: 120px;
}
.tppf_point .stre_pro_desc08 {
  font-size: 8rem;
}
.tppf_points .point_desc {
  font-family: 'IBMPlexSansKR-Regular';
  font-size: 2.4rem;
}
.go_deercar_row a {
  color: #fff;
}
.go_deercar {
  display: inline-flex;
  justify-content: flex-end;
  position: relative;
  margin-top: 20px;
  padding: 5px 30px 5px 5px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.go_deercar:hover {
  padding-right: 40px;
}
.go_deercar:before {
  content: '';
  position: absolute;
  top: 6px;
  right: 2px;
  width: 14px;
  height: 14px;
  background: url(../images/main/ico_arrow.png) no-repeat left top/cover;
}
.go_deercar:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tppf_cont02 {
  padding: 200px 0 70px;
  background-color: #fff;
}
.tppf_cont02 .tppf_logo {
  margin-top: 0;
}
.cutt_en {
  margin-top: 18px;
  font-size: 6rem;
}
.tppf_solutions {
  display: flex;
  justify-content: space-between;
  margin-top: 100px;
}
.tppf_solutions>div {
  width: 39.8437%;
}
.tppf_solutions .tppf_solu_desc {
  width: 100%;
  margin-top: 20px;
}
.solu_desc {
  margin-top: 14px;
  font-family: "IBMPlexSansKR-SemiBold";
  font-size: 2.6rem;
}
.tppf_solu_img {
  margin-top: 20px;
}
.tppf_solu_img img {
  width: 100%;
}
.tppf_solu_desc {
  width: 580px;
  margin: 60px auto 0;
  font-size: 1.8rem;
  line-height: 1.7;
}
.tppf_solu_desc p {
  margin-bottom: 20px;
}
.tppf_solu_li {
  margin-top: 27px;
  border-top: 1px solid #000;
}
.tppf_solu_li li {
  display: flex;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px dashed #000;
}
.tppf_solu_li li:last-child {
  border-bottom-style: solid;
}
.tppf_solu_li li>p:nth-child(1) {
  flex-shrink: 0;
  width: 140px;
  font-family: "IBMPlexSansKR-SemiBold";
}
.tppf_solu_li li>p:nth-child(2) {
  font-size: 1.4rem;
}
.go_ppfpackage_row {
  margin-top: 30px;
}
.go_ppfpackage_row {
  text-align: right;
}
.go_ppfpackage {
  display: inline-flex;
  justify-content: flex-end;
  position: relative;
  margin-top: 20px;
  padding: 5px 30px 5px 5px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.go_ppfpackage:before {
  content: '';
  position: absolute;
  top: 6px;
  right: 2px;
  width: 14px;
  height: 14px;
  background: url(../images/main/ico_arrow_black.png) no-repeat left top/cover;
}
.go_ppfpackage:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  height: 1px;
  width: 0;
  background-color: #000;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.go_ppfpackage:hover:after {
  width: 100%;
}
.tppf_cont03 {
  padding: 0 0 28%;
  background: url(../images/sub/bg_con_ppf.png) no-repeat center bottom;
  background-size: 100% auto;
}
.cutt_benefits {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
}
.cutt_benefits img {
  width: 100%;
}
.cutt_benefits li {
  width: 22.6562%;
}
.cutt_desc {
  margin-top: 40px;
  font-family: 'IBMPlexSansKR-SemiBold';
  font-size: 2rem;
  line-height: 1.6;
}
.cutt_desc02 {
  margin-top: 15px;
  line-height: 1.7;
}
.dcare_desc span.en {
  font-family: "Audiowide-Regular";
  font-size: 4rem;
}
.tppf_desc02 {
  width: 540px;
  margin: 40px auto 0;
  font-size: 1.8rem;
  line-height: 1.8;
}
.tbl_s {
  font-size: 1.4rem;
}
.stre_pro_desc07.tppf_pro.en {
  font-family: 'Audiowide-Regular';
}
.tppf_desc04 {
  margin-top: 10px;
  font-size: 3.8rem;
}
.tppf_center {
  text-align: center;
}
.tppf_desc_wrap {
  margin-top: 200px;
}
.tppf_img {
  margin-top: 40px;
  text-align: center;
}
.tppf_img img {
  width: 65.625%;
}
.tppf_cont03 .tppf_desc03 {
  color: #BF9EFF;
}
.cutt_tit {
  margin-top: 80px;
  font-size: 4.2rem;
  -webkit-text-stroke: 1px #fff;
  -webkit-text-fill-color: transparent;
}
.cutt_tit02 {
  margin-top: 18px;
  font-size: 4.2rem;
}
.tppf_img02 {
  margin-top: 40px;
  text-align: center;
}
.tppf_img02 img {
  width: 54.6875%;
}
.txt_drag_tppf {
  display: none;
}
/* 유리막 코팅 */
.main_glass {
  overflow-y: auto;
  overflow-x: hidden;
}
.sec_glass {
  background-color: #fff;
  overflow-y: auto;
  overflow-x: hidden;
}
.glass_tit_area:before {
  background: url(../images/sub/bg_glass.jpg) no-repeat center center/cover;
}
.glass_cont {
  padding-top: 300px;
  background-color: #fff;
  text-align: center;
}
.deer_logo img {
  width: 525px;
}
.deer_desc {
  width: 840px;
  margin: 110px auto 0;
  font-size: 4rem;
  text-align: center;
  line-height: 1.5;
}
.deers_logo_desc {
  position: relative;
  top: 6px;
  width: 102px;
}
.deer_desc02 {
  width: 500px;
  margin: 60px auto 0;
  font-size: 2rem;
  line-height: 1.7;
}
.deers_logo {
  margin-top: 160px;
  text-align: center;
}
.deers_logo img {
  width: 316px;
}
.noroo_logo_desc {
  position: relative;
  top: 2px;
  width: 114px;
}
.deer_desc.noroo_desc {
  padding: 0 100px;
}
.deers_coms {
  display: flex;
  justify-content: center;
  margin-top: 100px;
}
.deers_coms li {
  position: relative;
  width: 22.6562%;
  height: 93px;
  margin: 0 20px;
  border: 1px solid #000;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.deers_coms li a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.coms_noroo {
  background: url(../images/sub/logo_noroo.png) no-repeat center center;
  background-size: 114px;
  font-size: 0;
}
.coms_deers {
  background: url(../images/sub/logo_deers.png) no-repeat center center;
  background-size: 120px;
  font-size: 0;
}
.deers_coms li.coms_more a {
  justify-content: flex-start;
  margin-left: 28px;
  font-size: 2rem;
}
.coms_more:before {
  content: '';
  position: absolute;
  top: 32px;
  right: 26px;
  width: 24px;
  height: 30px;
  background: url(../images/sub/ico_pdf.png) no-repeat left top/cover;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.ster_link.glass_link {
  margin-top: 220px;
}
.ster_link.glass_link a {
  color: #000;
}
.ster_link_right>div:nth-child(2) {
  width: 45%;
}
.link_tit {
  line-height: 1.4;
}
.glass_link .link_desc {
  color: #B2B2B2;
  font-size: 1.6rem;
}
.glass_link .btn_trans {
  color: #000;
}
.glass_link .btn_trans:before {
  background-image: url(../images/main/ico_arrow_black.png);
}
.glass_link .btn_trans:after {
  background-color: #000;
}
.flow_txt_glass {
  display: flex;
  align-items: center;
  width: 6776px;
  margin: 220px 0 50px;
  color: #868686; 
  font-size: 5rem;
  font-weight: 500;
  -webkit-text-stroke: 1px #000;
  -webkit-text-fill-color: transparent;
}
.flow_txt_glass p {
  white-space: nowrap;
}
.flow_txt_glass .flow_txt01 {
  width: 3388px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-animation: flowingText 80s -80s linear infinite;
  animation: flowingText 80s -80s linear infinite;
}
.flow_txt_glass .flow_txt02 {
  width: 3388px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-animation: flowingText2 80s -40s linear infinite;
  animation: flowingText2 80s -40s linear infinite;
}
/* deercar exterior care */
.dcare_tit_area:before {
  background: url(../images/sub/bg_deercar.jpg) no-repeat center center/cover;
}
.dcare_info {
  padding: 200px 0 534px;
  background: #0A0A0A url(../images/sub/bg_deer.jpg) no-repeat center bottom;
  color: #fff;
  text-align: center;
}
.dcare_desc {
  font-size: 4rem;
}
.dcare_desc03 {
  font-size: 4rem;
  text-align: center;
  line-height: 1.5;
}
.dcare_desc span {
  font-family: 'IBMPlexSansKR-Regular';
  font-size: 3.6rem;
}
.dcare_desc02 {
  margin-top: 27px;
  font-size: 2rem;
}
.dcare_img {
  margin-top: 108px;
  text-align: center;
}
.dcare_img img {
  width: 82.3437%;
}
.dcare_info02 {
  position: relative;
  padding: 200px 0 496px;
  background: #8798AC url(../images/sub/bg_water.png) no-repeat center top;
  color: #fff;
}
.dcare_info02:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1050px;
  background: url(../images/sub/bg_dcare.jpg) no-repeat center bottom/cover;
}
.tbl_dcare_wrap {
  margin-top: 80px;
}
.tbl_dcare {
  width: 100%;
  border-top: 1px solid #fff;
}
.tbl_dcare tbody tr:first-child {
  background: linear-gradient(to right, #4D90F4 0%, #092ACE 100%);
}
.tbl_dcare tr th,
.tbl_dcare tr td {
  border: 1px dotted #fff;
}
.tbl_dcare tr th {
  vertical-align: middle;
  padding: 18px 0;
  background-color: rgba(0,0,0,0.7);
  color: #fff;
  font-size: 1.8rem;
}
.tbl_dcare tr td {
  vertical-align: middle;
  height: 100px;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.4;
}
.tbl_dcare tr th:first-child {
  border-left: none;
}
.tbl_dcare tr th:last-child {
  border-right: none;
}
.tbl_dcare tr td:first-child {
  border-left: none;
}
.tbl_dcare tr td:last-child {
  border-right: none;
}
.tbl_dcare tr:first-child td {
  font-family: "IBMPlexSansKR-SemiBold";
  font-size: 1.6rem;
}
.tbl_dcare tr td.brand {
  font-size: 1.8rem;
}
.tbl_dcare tr:first-child td {
  font-family: "IBMPlexSansKR-SemiBold";
}
.triangle {
  width: 14px;
  height: 11px;
  margin: 0 auto 8px;
  background: url(../images/sub/ico_triangle.png) no-repeat left top/cover;
}
.bene_tit {
  margin-top: 120px;
  font-size: 6rem;
  text-align: left;
}
.benefits {
  display: flex;
  flex-wrap: wrap;
  margin-top: 53px;
}
.benefits li {
  position: relative;
  width: 42%;
  margin-bottom: 100px;
  padding-top: 150px;
}
.benefits li:nth-child(odd) {
  margin-right: 120px;
}
.benefits li:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 122px;
}
.benefits li:nth-child(1):before {
  background: url(../images/sub/ico_dcare1.png) no-repeat left top/cover;
}
.benefits li:nth-child(2):before {
  background: url(../images/sub/ico_dcare2.png) no-repeat left top/cover;
}
.benefits li:nth-child(3):before {
  background: url(../images/sub/ico_dcare3.png) no-repeat left top/cover;
}
.benefits li:nth-child(4):before {
  background: url(../images/sub/ico_dcare4.png) no-repeat left top/cover;
}
.benefits li:nth-child(5):before {
  background: url(../images/sub/ico_dcare5.png) no-repeat left top/cover;
}
.bene_desc {
  font-family: 'IBMPlexSansKR-SemiBold';
  font-size: 2.2rem;
  line-height: 1.4;
}
.bene_desc02 {
  margin-top: 18px;
  line-height: 1.7;
}
.dcare_info03 {
  padding-top: 200px;
  background-color: #fff;
  text-align: center;
}
.advan_desc {
  font-size: 4rem;
  -webkit-text-stroke: 1px #000;
  -webkit-text-fill-color: transparent;
}
.advan_tit {
  margin-top: 20px;
  font-size: 10rem;
}
.advan_desc02 {
  margin-top: 60px;
  font-size: 2rem;
  line-height: 1.7;
}
.advans {
  display: flex;
  justify-content: space-between;
  margin-top: 90px;
}
.advans li {
  width: 28.125%;
  text-align: left;
}
.advan_num {
  color: #B2B2B2;
  font-size: 3rem;
}
.advan_desc03 {
  margin-top: 16px;
  font-family: 'IBMPlexSansKR-SemiBold';
  font-size: 2.8rem;
  line-height: 1.2;
}
.advan_img {
  overflow: hidden;
  margin-top: 20px;
}
.advan_img img {
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.advan_img:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.advan_desc04 {
  margin-top: 30px;
  color: #B2B2B2;
  font-size: 1.8rem;
  line-height: 1.7;
}
.dcare_info04 {
  padding: 200px 0 300px;
  background: url(../images/sub/bg_dcare2.jpg) no-repeat center bottom/cover;
  text-align: center;
}
.car_img {
  margin-top: 134px;
}
.car_img img {
  width: 65.7812%;
  max-width: 842px;
}
.coat_desc_area {
  margin-top: 10px;
  padding-left: 50%;
  padding-right: 4%;
  text-align: left;
}
.coat_desc {
  color: #287CC1;
  font-size: 1.8rem;
  line-height: 1.7;
}
.coat_desc02 {
  margin-top: 20px;
  color: #287CC1;
  font-size: 2.4rem;
}
.coat_desc03 {
  margin-top: 18px;
  line-height: 1.7;
}
.coat_desc03 li {
  position: relative;
  padding-left: 18px;
}
.coat_desc03 li:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 7px;
  height: 7px;
  background-color: #287CC1;
  border-radius: 50%;
}
/* 내장관리 */
.leat_tit_area:before {
  background: url(../images/sub/bg_leather.jpg) no-repeat center center/cover;
}
.band_tit.band_leat_tit:before {
  mix-blend-mode: overlay;
}
.leat_tit_area .pro_tit_desc {
  margin-top: 100px;
}
.leat_cont {
  padding: 150px 0 200px;
  background: url(../images/sub/bg_leather2.jpg) no-repeat center center/cover;
  color: #fff;
  text-align: center;
}
.leat_deers_logo img {
  width: 500px;
}
.leat_desc p {
  margin-bottom: 40px;
}
.leat_desc p:last-child {
  margin-bottom: 0;
}
.link_desc.col_gray {
  color: #B2B2B2;
}
.flow_txt_glass.flow_txt_leat {
  width: 6282px;
}
.flow_txt_glass.flow_txt_leat .flow_txt01,
.flow_txt_glass.flow_txt_leat .flow_txt02 {
  width: 3141px;
}
/* 내장관리 Deercar Interior Care */
.lcare_tit_area:before {
  background: url(../images/sub/bg_leather_top.jpg) no-repeat center center/cover;
}
.lcare_info {
  padding: 200px 0 520px;
  background: url(../images/sub/bg_lcare.jpg) no-repeat center bottom/cover;
  color: #fff;
  text-align: center;
}
.lcare_info02 {
  padding: 200px 0;
  background: #010101 url(../images/sub/bg_lcare2.jpg) no-repeat center bottom/cover;
  color: #fff;
  text-align: center;
}
.lcare_desc {
  margin-top: 14px;
  font-size: 7rem;
}
.lcare_spec_wrap {
  display: flex;
  margin-top: 100px;
  border-top: 1px solid #fff;
}
.lcare_spec_wrap>ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  border-bottom: 1px dashed #fff;
  font-size: 1.8rem;
  text-align: center;
}
.lcare_spec_wrap>ul:nth-child(1) {
  width: 14%;
}
.lcare_spec_wrap>ul:nth-child(2),
.lcare_spec_wrap>ul:nth-child(3) {
  width: 43%;
  border-left: 1px dashed #fff;
}
.lcare_spec_wrap>ul:nth-child(3) {
  background: linear-gradient(to bottom right, rgba(136,73,68,0.8), rgba(64,22,9,0.8));
  font-family: 'IBMPlexSansKR-SemiBold';
}
.lcare_spec_wrap>ul:nth-child(3) li {
  font-size: 2.2rem;
}
/* .lcare_spec_wrap>ul li:first-child {
  font-size: 2rem;
} */
.multi_li {
  position: relative;
}
.multi_txt {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 5px;
  left: -42px;
  width: 84px;
  height: 84px;
  background-color: rgba(255,255,255,0.16);
  border-radius: 50%;
}
.multi_txt span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  background-color: rgba(255,255,255,0.85);
  border-radius: 50%;
  color: #87331C;
  font-size: 2.8rem;
}
.lcare_desc02 {
  margin-top: 25px;
  font-size: 1.8rem;
  text-align: left;
}
.lcare_desc03 {
  margin-top: 10px;
  padding-left: 12px;
  text-align: left;
}
.leat_benefits {
  display: flex;
  flex-wrap: wrap;
  margin-top: 53px;
  text-align: left;
}
.leat_benefits li {
  position: relative;
  width: 34%;
  margin-bottom: 85px;
  padding-left: 150px;
}
.leat_benefits li:before {
  content: '';
  position: absolute;
  top: -5px;
  left: 0;
  width: 123px;
  height: 124px;
}
.leat_benefits li:nth-child(1):before {
  background: url(../images/sub/ico_lcare1.png) no-repeat left top/cover;
}
.leat_benefits li:nth-child(2):before {
  background: url(../images/sub/ico_lcare2.png) no-repeat left top/cover;
}
.leat_benefits li:nth-child(3):before {
  background: url(../images/sub/ico_lcare3.png) no-repeat left top/cover;
}
.leat_benefits li:nth-child(4):before {
  background: url(../images/sub/ico_lcare4.png) no-repeat left top/cover;
}
.leat_benefits li:nth-child(odd) {
  margin-right:12%;
}
.lcare_info03 {
  padding: 200px 0 300px;
  text-align: center;
}
.lcare_img {
  margin-top: 100px;
  text-align: center;
}
.lcare_img img {
  width: 65.625%;
}
/* 실내 살균 */
.ster_tit_area {
  color: #000;
}
.ster_tit_area:before {
  background: url(../images/sub/bg_ster.jpg) no-repeat center center/cover;
}
.ster_page01 {
  padding: 200px 0;
  background: url(../images/sub/bg_ster1.jpg) no-repeat center center/cover;
  color: #fff;
  text-align: center;
}
.logo_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.logo_tbex_red {
  margin-right: 50px;
}
.logo_tbex_red img {
  width: 300px;
}
.logo_street img {
  width: 212px;
}
.ster_desc {
  margin-top: 100px;
  font-size: 4rem;
}
.ster_desc02 {
  width: 500px;
  margin: 35px auto 0;
  font-size: 2rem;
  line-height: 1.7;
}
.ster_link {
  display: flex;
  justify-content: space-between;
  margin-top: 150px;
}
.ster_link>p {
  font-size: 7rem;
}
.ster_link_right {
  display: flex;
  justify-content: space-between;
  width: 93.75%;
  text-align: left;
}
.link_img {
  flex-shrink: 0;
  width: 48.3333%;
  overflow: hidden;
}
.ster_link_right img {
  width: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.ster_link_right>div {
  position: relative;
}
.ster_link a {
  color: #fff;
}
.btn_abso {
  position: absolute;
  bottom: 0;
  left: 0;
}
.link_tit {
  font-size: 2.4rem;
}
.link_desc {
  margin-top: 10px;
  font-size: 1.6rem;
  line-height: 1.5;
}
.ster_link a:hover .ster_link_right img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.ster_link a:hover .btn_trans:after {
  width: 100%;
}
.ster_page02 {
  padding: 200px 0;
  background: url(../images/sub/bg_ster2.jpg) no-repeat center center/cover;
  color: #fff;
  text-align: center;
}
.logo_zero img {
  width: 400px;
}
/* 티벡스 이레이저 */
.pro_tit_area02 {
  position: relative;
  height: 738px;
  padding-top: 320px;
  overflow: hidden;
  color: #fff;
  text-align: center;
}
.pro_tit_area02:before {
  content: '';
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: moveUp 0.6s ease-out 0.5s forwards;
  animation: moveUp 0.6s ease-out 0.5s forwards;
}
.elaser_tit_area:before {
  background: url(../images/sub/bg_top_ster1.jpg) no-repeat center center/cover;
}
.location {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 70px;
  font-size: 1.4rem;
}
.location li {
  color: rgba(255,255,255,0.58);
}
.location li.on {
  color: rgba(255,255,255,1);
}
.pro_desc04 {
  font-size: 2.6rem;
  text-align: center;
}
.h2_pro_stre {
  margin-top: 30px;
  font-size: 7rem;
  line-height: 1.2;
}
.logo_wrap_top {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 30px;
  opacity: 0;
  margin-top: 60px;
  -webkit-animation: moveUp 0.5s ease-out 1.4s forwards;
  animation: moveUp 0.5s ease-out 1.4s forwards;
}
.logo_wrap_top .logo_tbex_red {
  margin-right: 23px;
}
.logo_wrap_top .logo_tbex_red img {
  width: 138px;
}
.logo_wrap_top .logo_street img {
  width: 95px;
}
.stre_pro_desc {
  font-size: 4rem;
  text-align: center;
  line-height: 1.5;
}
.ela_img {
  margin-top: 80px;
  text-align: center;
}
.ela_img img {
  width: 647px;
}
.stre_pro_desc02 {
  width: 490px;
  margin: 40px auto 0;
  font-size: 2rem;
  text-align: center;
  line-height: 1.7;
}
.stre_pro_desc02 p {
  margin-bottom: 40px;
}
.stre_infos {
  display: flex;
  justify-content: space-between;
  margin-top: 150px;
  margin-bottom: 60px;
}
.stre_infos li {
  width: 27.1093%;
}
.num {
  color: #B2B2B2;
  font-size: 7rem;
}
.stre_ico {
  text-align: center;
}
.stre_infos li img {
  width: 51.8731%;
}
.stre_pro_desc03 {
  width: 70%;
  margin: 20px auto 0;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.5;
}
.stre_info02 {
  position: relative;
  margin-top: 200px;
  padding: 200px 0;
  color: #fff;
  text-align: center;
}
.stre_info02:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/sub/bg_elaser.jpg) no-repeat center center/cover;
  opacity: 0;
  -webkit-transition: all 1s ease-in-out 0.3s;
  transition: all 1s ease-in-out 0.3s;
}
.stre_info02.visible:before {
  opacity: 1;
}
.ela_img02 {
  margin-top: 60px;
}
.ela_img02 img {
  width: 180px;
}
.stre_desc_mar {
  margin-top: 150px;
}
.ela_img03 {
  margin-top: 60px;
}
.ela_img03 img {
  width: 435px;
}
.stre_info03 {
  padding-top: 200px;
  padding-bottom: 260px;
  text-align: center;
}
.ela_img04 img {
  width: 670px;
}
.stre_pro_desc04 {
  margin-top: 30px;
  font-size: 1.8rem;
}
.stre_use {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
  margin-bottom: 200px;
  text-align: left;
}
.stre_use>div {
  width: 39.8437%;
}
.stre_use>div img {
  width: 100%;
}
.stre_use_desc {
  color: #B2B2B2;
  font-size: 3rem;
}
.stre_use_desc02 {
  margin-top: 18px;
  font-size: 2.8rem;
}
.stre_use_img {
  margin-top: 30px;
}
.stre_use_li {
  margin-top: 37px;
}
.stre_use_li li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 38px;
}
.stre_use_li li span {
  flex-shrink: 0;
  width: 15%;
  color: #B2B2B2;
  font-size: 2.4rem;
}
.stre_use_li li p {
  width: 85%;
  font-size: 1.8rem;
  line-height: 1.6;
}
.elaser_func {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 85px;
  text-align: left;
}
.elaser_func>div:nth-child(1) {
  width: 53.6718%;
}
.elaser_func>div:nth-child(2) {
  width: 39.8437%;
}
.elaser_func>div img {
  width: 100%;
}
.elaser_func_li li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 44px;
}
.elaser_func_li li span {
  flex-shrink: 0;
  width: 15%;
  color: #C90016;
  font-size: 3.1rem;
}
.elaser_func_desc {
  width: 85%;
  line-height: 1.6;
}
.elaser_func_desc p:nth-child(1) {
  font-family: 'IBMPlexSansKR-SemiBold';
  font-size: 2rem;
}
.elaser_func_desc p:nth-child(2) {
  margin-top: 10px;
  font-size: 1.8rem;
}
.elaser_func02 {
  display: flex;
  justify-content: space-between;
  margin-top: 200px;
  text-align: left;
}
.elaser_func02>div:nth-child(1) {
  width: 39.8437%;
}
.elaser_func02>div:nth-child(2) {
  width: 48.6718%;
}
.stre_pro_desc05 {
  font-size: 2.8rem;
}
.info_list {
  margin-top: 35px;
  border-top: 1px solid #000;
  font-size: 1.8rem;
}
.info_list li {
  display: flex;
  padding: 16px 20px;
  border-bottom: 1px dashed #000;
}
.info_list li:last-child {
  border-bottom: 1px solid #000;
}
.info_list li p:nth-child(1) {
  width: 20%;
  font-family: 'IBMPlexSansKR-SemiBold';
}
.info_list li p:nth-child(2) {
  width: 80%;
}
.caution {
  margin-top: 25px;
  line-height: 1.7;
}
/* Zero K */
.zerok_tit_area:before {
  background: url(../images/sub/bg_top_ster2.jpg) no-repeat center center/cover;
}
.zero_li {
  display: flex;
  justify-content: center;
  margin-top: 108px;
}
.zero_li li {
  width: 13.75%;
  margin: 0 24px;
}
.zero_li img {
  width: 100%;
}
.zero_li li p {
  margin-top: 20px;
  font-size: 2rem;
  text-align: center;
}
.h3_zero {
  margin-top: 50px;
  font-size: 20rem;
  text-align: center;
}
.stre_info02.zero:before {
  background: url(../images/sub/bg_ozone.jpg) no-repeat center center/cover;
}
.stre_info02.zero.visible:before {
  opacity: 1;
}
.zero_mar {
  margin-top: 150px;
}
.zero_use {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.zero_use>div {
  width: 39.8437%;
}
.stre_pro_desc06 {
  position: relative;
  margin-bottom: 60px;
  font-size: 2.6rem;
}
.stre_pro_desc06:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -34px;
  width: 195px;
  height: 12px;
  background: url(../images/sub/bar.png) no-repeat left top/cover;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.stre_pro_desc07 {
  font-family: 'IBMPlexSansKR-SemiBold'; 
  font-size: 4rem;
}
.stre_pro_desc08 {
  margin-top: 10px;
  font-size: 10rem;
}
.stre_info04 {
  padding: 200px 0 300px;
}
.points {
  display: flex;
  justify-content: space-between;
  margin-top: 96px;
}
.points li {
  width: 28.125%;
}
.point_img {
  position: relative;
  margin-top: 20px;
}
.point_img img {
  position: relative;
  width: 100%;
  z-index: 1;
}
.txt_circle {
  position: absolute;
  top: -77px;
  right: -77px;
  z-index: 0;
  -webkit-animation: rotate 20s linear infinite;
  animation: rotate 20s linear infinite;
}
.txt_circle img {
  width: 160px;
}
.point_num {
  color: #B2B2B2;
  font-size: 3rem;
}
.point_desc {
  margin-top: 12px;
  font-family: 'IBMPlexSansKR-SemiBold';
  font-size: 2.8rem;
  line-height: 1.4;
}
.point_desc02 {
  margin-top: 30px;
  font-size: 1.8rem;
  line-height: 1.7;
}
.flow_img {
  display: flex;
  width: 5760px;
  margin-top: 100px;
}
.flow_img01 {
  display: flex;
  width: 2880px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-animation: flowingText 80s -80s linear infinite;
  animation: flowingText 80s -80s linear infinite;
}
.flow_img02 {
  display: flex;
  width: 2880px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-animation: flowingText2 80s -40s linear infinite;
  animation: flowingText2 80s -40s linear infinite;
}
.flow_img span {
  margin: 0 20px;
}
.flow_img img {
  width: 280px;
}
.zero_mar02 {
  margin-top: 100px;
}
.br_tablet {
  display: none;
}
.zero_txt {
  margin-top: 20px;
  color: #ffd06b;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.5;
}
/* 블랙박스 */
.black_main_cont {
  overflow-y: auto;
  overflow-x: hidden;
}
.black_tit_area {
  padding-top: 360px;
}
.black_tit_area:before {
  background: url(../images/sub/bg_blackbox.jpg) no-repeat center center/cover;
}
.black_cont {
  padding-top: 200px;
  background-color: #fff;
  text-align: center;
}
.black_cont.padd {
  padding-top: 200px;
}
.mobis_logo img {
  width: 498px;
}
.deer_desc.black_desc {
  margin-top: 127px;
}
.black_desc02 {
  width: 650px;
  margin: 35px auto 0;
  font-size: 2rem;
  line-height: 1.7;
}
.black_desc02 p {
  margin-bottom: 35px;
}
.black_desc02 p:last-child {
  margin-bottom: 0;
}
.black_link {
  text-align: left;
}
h3.product {
  margin-top: 160px;
  font-size: 7rem;
}
.black_links {
  display: flex;
  flex-wrap: wrap;
  margin-top: 90px;
}
.black_links li {
  width: 50%;
  margin-bottom: 300px;
}
.black_links li:nth-child(2) .padd_wrap {
  -webkit-transform: translateY(150px);
  -ms-transform: translateY(150px);
  transform: translateY(150px);
}
.black_links li:last-child {
  margin-bottom: 0;
}
.black_links li:hover .link_img img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.black_link .link_desc {
  color: #B2B2B2;
}
.black_links .btn_trans {
  color: #000;
}
.black_links .btn_trans:before {
  background-image: url(../images/main/ico_arrow_black.png);
}
.black_links .btn_trans:after {
  background-color: #000;
}
.black_links li:hover .btn_trans:before {
  right: 4px;
}
.black_links li:hover .btn_trans:after {
  width: 100%;
}
.flow_txt_black {
  display: flex;
  align-items: center;
  width: 6620px;
  margin: 220px 0 50px;
  color: #868686; 
  font-size: 5rem;
  font-weight: 500;
  -webkit-text-stroke: 1px #000;
  -webkit-text-fill-color: transparent;
}
.flow_txt_black p {
  white-space: nowrap;
}
.flow_txt_black .flow_txt01 {
  width: 3310px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-animation: flowingText 80s -80s linear infinite;
  animation: flowingText 80s -80s linear infinite;
}
.flow_txt_black .flow_txt02 {
  width: 3310px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-animation: flowingText2 80s -40s linear infinite;
  animation: flowingText2 80s -40s linear infinite;
}
/* LQ3000 */
.lq_tit_area:before {
  background: url(../images/sub/bg_lq3000.jpg) no-repeat center center/cover;
}
.h2_black {
  font-family: "IBMPlexSansKR-SemiBold";
}
.lq_logo_mobis {
  margin-top: 46px;
}
.lq_logo_mobis img {
  width: 190px;
}
.lq_cont {
  padding: 180px 0 427px;
  background: url(../images/sub/bg_lq2.jpg) no-repeat center center/cover;
  color: #fff;
}
.h3_lq {
  color: #E4C876;
  font-size: 8rem;
}
.h3_lq p {
  margin-bottom: 25px;
  font-size: 3rem;
}
.lq_desc {
  margin-top: 30px;
  font-size: 2.6rem;
}
.lq_desc02 {
  margin-top: 100px;
  font-size: 2rem;
  line-height: 1.7;
}
.black_cont {
  background-color: #fff;
  text-align: center;
}
.black_tit {
  margin-top: 200px;
  font-size: 4rem;
  line-height: 1.7;
}
.black_pro_desc {
  width: 50.7812%;
  margin: 35px auto 0;
  font-size: 2rem;
  line-height: 1.7;
}
.black_img {
  margin-top: 40px;
}
.black_img01 img {
  width: 72.5%;
}
.black_img02 img {
  width: 69.0625%;
}
.black_pro_desc p {
  margin-bottom: 35px;
}
.black_pro_desc p:last-child {
  margin-bottom: 0;
}
.black_img03 img {
  width: 57.9687%;
}
.black_desc_red {
  margin-top: 35px;
  color: #C90016;
  font-size: 1.8rem;
}
.black_cont02 {
  padding: 200px 0 124px;
  text-align: center;
}
.black_cont02_lq {
  margin-top: 155px;
  background: url(../images/sub/bg_lq3.jpg) no-repeat center center/cover;
  color: #fff;
}
.black_cont02 .black_tit:first-child {
  margin-top: 0;
}
.black_img04 img {
  width: 77.0312%;
}
.black_funcs {
  display: flex;
  justify-content: space-between;
  margin-top: 65px;
}
.black_funcs li {
  width: 31.25%;
  text-align: left;
}
.black_func_img {
  overflow: hidden;
}
.black_func_img img {
  width: 100%;
  vertical-align: top;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.black_func_img:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.black_func_desc {
  margin-top: 30px;
  font-family: "IBMPlexSansKR-SemiBold";
  font-size: 2.4rem;
}
.black_box {
  width: 78.125%;
  margin: 0 auto;
}
.black_func_desc02 {
  margin-top: 20px;
  font-size: 1.8rem;
  line-height: 1.7;
}
.black_img05 img {
  width: 78.125%;
}
.black_img06 img {
  width: 100%;
}
.black_pro_desc02 {
  margin-top: 35px;
  font-size: 1.8rem;
  text-align: left;
  line-height: 1.7;
}
.black_pro_desc02 .red {
  text-decoration: underline;
}
.black_cont02_lq02 {
  margin-top: 200px;
  padding: 200px 0;
  background: url(../images/sub/bg_lq5.jpg) no-repeat center center/cover;
}
.lq_funcs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.lq_funcs li {
  width: 48.4375%;
  margin-bottom: 170px;
  text-align: left;
}
.lq_funcs li:nth-child(5),
.lq_funcs li:nth-child(6) {
  margin-bottom: 0;
}
.lq_funcs li img {
  width: 100%;
}
.lq_func_desc {
  color: #E4C876;
  font-size: 4rem;
  line-height: 1.5;
}
.lq_func_desc02 {
  margin-top: 35px;
  color: #fff;
  font-size: 2rem;
  line-height: 1.7;
}
.lq_func_desc03 {
  margin-top: 37px;
  color: #fff;
  font-size: 1.8rem;
}
.lq_func_desc04 {
  margin-top: 37px;
  color: #E4C876;
  font-size: 1.8rem;
}
.black_img07 img {
  width: 77.2656%;
}
.black_func_desc03 {
  margin-top: 30px;
}
.black_func_desc03 .blue {
  color: #427BCA;
}
.black_func_desc04 {
  margin-top: 200px;
  font-size: 2.8rem;
  text-align: left;
}
.compos {
  display: flex;
  margin-top: 34px;
  text-align: left;
}
.compos img {
  width: 100%;
}
.lq_compo>div:nth-child(1) {
  width: 54.8437%;
  margin-right: 6.7968%;
}
.lq_compo>div:nth-child(2) {
  width: 31.25%;
}
.compos_tit {
  margin-bottom: 10px;
  color: #3E7141;
}
.compos_desc {
  margin-top: 35px;
  text-align: left;
  line-height: 1.7;
}
.compos_red {
  margin-top: 25px;
  color: #C90016;
  text-align: left;
}
.tbl_black {
  width: 100%;
  margin-top: 35px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 1.8rem;
  text-align: left;
}
.tbl_black th {
  background-color: #F2F2F2;
  font-family: 'IBMPlexSansKR-SemiBold';
}
.tbl_black th,
.tbl_black td {
  padding: 17px 20px;
} 
.tbl_black td {
  line-height: 1.5;
}
.tbl_black tr {
  border-bottom: 1px dotted #000;
}
.tbl_black tr:last-child {
  border-bottom: none;
}
.model {
  font-family: 'IBMPlexSansKR-SemiBold';
}
.black_cont_pb {
  padding-bottom: 250px;
}
/* S500 */
.s500_tit_area:before {
  background: url(../images/sub/bg_s500.jpg) no-repeat center center/cover;
}
.s_img01 img {
  width: 55.0781%;
}
.s_img02 img {
  width: 55%;
}
.s_img03 img {
  width: 48.9062%;
}
.set_pw {
  margin-top: 96px;
}
.set_pw p:nth-of-type(1) {
  display: inline-block;
  padding: 14px 118px;
  background-color: #951B81;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  color: #fff;
  font-size: 1.8rem;
}
.set_pw p:nth-of-type(2) {
  display: inline-block;
  padding: 21px 136px;
  border: 1px solid #951B81;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  color: #951B81;
}
.s_img04 img {
  width: 45.3906%;
}
.s500_cont {
  padding-bottom: 160px;
}
.black_cont02_s500 {
  background: url(../images/sub/bg_s2.jpg) no-repeat center center/cover;
  color: #fff;
}
.s_img05 img {
  width: 68.2812%;
}
.s_img06 img {
  width: 50%;
}
.black_btn_row {
  margin-top: 50px;
}
.black_cont02_s02 {
  margin-top: 200px;
  padding-bottom: 230px;
  background: url(../images/sub/bg_s3.jpg) no-repeat center center/cover;
  color: #fff;
  text-align: left;
}
.s_pro_desc {
  width: 550px;
  margin-top: 35px;
  font-size: 2rem;
  line-height: 1.7;
}
.s_pro_desc p {
  margin-bottom: 35px;
}
.s_pro_desc p:last-child {
  margin-bottom: 0;
}
.img_sd {
  margin-top: 110px;
}
.img_sd img {
  width: 156px;
}
.s_img07 img {
  width: 77.2656%;
} 
.compos_red.tac {
  text-align: center;
}
.s_compo .compos_tit {
  color: #951B81;
}
.s_compo>div:nth-child(1) {
  width: 51.875%;
  margin-right: 9.7656%;
}
.s_compo>div:nth-child(2) {
  width: 31.25%;
}
.tbl_desc {
  margin-top: 25px;
  text-align: left;
  line-height: 1.7;
}
.tbl_black.tbl_type02 tr td:nth-of-type(1) {
  font-family: 'IBMPlexSansKR-SemiBold';
}
/* A3000 */
.a3000_tit_area:before {
  background: url(../images/sub/bg_a1.jpg) no-repeat center center/cover;
}
.a_img01 img {
  width: 66.7968%;
}
.a_img02 img {
  width: 40.2343%;
}
.a_img03 img {
  width: 72.6562%;
}
.black_cont02_a {
  background: url(../images/sub/bg_a2.jpg) no-repeat center center/cover;
  color: #fff;
}
.a_img04 img {
  width: 63.2031%;
}
.a3_point {
  text-align: left;
}
.a3_point_txt {
  margin-top: 20px;
  font-size: 10rem;
}
.black_cont02_s {
  margin-top: 160px;
  padding: 445px 0 200px 49.4531%;
  background: url(../images/sub/bg_a3.jpg) no-repeat center center/cover;
  color: #fff;
  text-align: left;
}
.a_img05 img {
  width: 82.7343%;
}
.a3000_pb .s_compo .compos_tit {
  color: #3D7846;
}
.tbl_black.tbl_type02 tr td:nth-of-type(1).non_bold {
  font-family: 'IBMPlexSansKR-Regular';
}
/* 보조배터리 */
.battery_tit_area:before {
  background: url(../images/sub/bg_battery.jpg) no-repeat center center/cover;
}
.band_tit.band_leat_tit:before {
  mix-blend-mode: overlay;
}
.battery_tit_area .pro_tit_desc {
  width: 654px;
}
.sec_battery {
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
}
.battery_cont {
  padding-top: 200px;
  text-align: center;
}
.flow_txt_glass.flow_txt_battery {
  width: 6290px;
}
.flow_txt_glass.flow_txt_battery .flow_txt01,
.flow_txt_glass.flow_txt_battery .flow_txt02 {
  width: 3145px;
}
/* 현대모비스 배터리 */
.battm_tit_area:before {
  background: url(../images/sub/bg_batt_mobis.jpg) no-repeat center center/cover;
}
.batt_cont {
  padding: 200px 0;
  background-color: #fff;
  text-align: center;
}
.batt_tit {
  font-size: 7rem;
}
.batt_img01 img {
  width: 52.0312%;
}
.black_tit.batt_desc {
  margin-top: 70px;
}
.batt_cont02 {
  padding: 100px 0 72px;
  background-color: #165667;
  color: #fff;
}
.batt_slide_wrap {
  position: relative;
}
.batt_slide img {
  width: 100%;
}
.slide_desc {
  margin-top: 38px;
  font-size: 2.2rem;
  line-height: 1.6;
}
.slide_desc02 {
  margin-top: 35px;
  font-size: 1.6rem;
  line-height: 1.9;
}
.slide_desc03 {
  margin-top: 20px;
  color: #8ECFDF;
  font-size: 1.4rem;
  line-height: 1.8;
}
.swiper-horizontal.batt_slide {
  padding-bottom: 100px;
}
.swiper-horizontal.batt_slide>.swiper-scrollbar {
  left: auto;
  right: 0;
  bottom: 20px;
  width: calc(100% - 110px);
  background-color: #5C8792;
  border-radius: 0;
}
.batt_slide .swiper-scrollbar-drag {
  background-color: #fff;
  border-radius: 0;
}
.batt_slide .swiper-button-prev {
  top: auto;
  bottom: 0;
  left: 0;
}
.batt_slide .swiper-button-next {
  top: auto;
  bottom: 0;
  left: 48px;
}
.batt_slide .swiper-button-prev:after, 
.batt_slide .swiper-button-next:after {
  content: '';
  width: 22px;
  height: 25px;
}
.batt_slide .swiper-button-prev:after {
  background: url(../images/sub/ico_prev.png) no-repeat left top/cover;
}
.batt_slide .swiper-button-next:after {
  background: url(../images/sub/ico_next.png) no-repeat left top/cover;
}
.batt_tit02 {
  font-size: 4rem;
  line-height: 1.5;
}
.batt_desc02 {
  width: 650px;
  margin: 0 auto;
  font-size: 4rem;
  line-height: 1.5;
}
.batt_cont03 {
  padding-bottom: 200px;
}
.batt_desc04 {
  width: 607px;
  margin-top: 35px;
  font-size: 2rem;
  line-height: 1.6;
}
.batt_cont03 .inner {
  display: flex;
  justify-content: space-between;
}
.batt_cont03 .inner>div:nth-child(1) {
  width: 48.0781%;
}
.batt_cont03 .inner>div:nth-child(2) {
  width: 42.8437%;
}
.batt_cont03 .black_func_desc04 {
  margin-top: 0;
}
.img_batt {
  margin-top: 30px;
}
.img_batt img {
  width: 100%;
}
.batt_desc03 {
  margin-top: 40px;
  font-size: 2rem;
  line-height: 1.5;
}
.batt_desc03 p {
  margin-bottom: 35px;
}
.batt_desc03 p:last-child {
  margin-bottom: 0;
}
.tbl_batt {
  table-layout: fixed;
  width: 100%;
  margin-top: 30px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 1.8rem;
  text-align: left;
}
.tbl_batt th {
  width: 30%;
  font-family: 'IBMPlexSansKR-SemiBold';
}
.tbl_batt td {
  width: 70%;
}
.tbl_batt th,
.tbl_batt td {
  padding: 18px 10px;
  line-height: 1.5;
} 
.tbl_batt tr {
  border-bottom: 1px dotted #000;
}
.tbl_batt tr:last-child {
  border-bottom: none;
}
/* 스포일러 */
.spoil_tit_area:before {
  background: url(../images/sub/bg_spoiler.jpg) no-repeat center center/cover;
}
.band_tit.band_tit_spoil {
  height: 118px;
  line-height: 1.4;
}
.band_tit.band_tit_spoil:before {
  mix-blend-mode: overlay;
  -webkit-animation: bandTitleH 0.4s ease-out 1.5s forwards;
  animation: bandTitleH 0.4s ease-out 1.5s forwards;
}
@-webkit-keyframes bandTitleH {
  0% {
    height: 0;
  }
  100% {
    height: 118px;
  }
}
@keyframes bandTitleH {
  0% {
    height: 0;
  }
  100% {
    height: 118px;
  }
}
.spoil_main_cont {
  overflow-y: auto;
  overflow-x: hidden;
}
.spoil_tit_area .pro_tit_desc {
  margin-top: 92px;
}
.black_tit.no_mar {
  margin-top: 0;
}
.black_links.spoil_link li {
  margin-bottom: 150px;
}
.flow_txt_black.flow_txt_spoil {
  width: 5960px;
}
.flow_txt_black.flow_txt_spoil .flow_txt01,
.flow_txt_black.flow_txt_spoil .flow_txt02 {
  width: 2980px;
}
/* 티벡스동글 */
.dongle_tit_area:before {
  background: url(../images/sub/bg_dongle.jpg) no-repeat center center/cover;
}
.dongle_logo_top {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
}
.dongle_logo_top img:nth-child(1) {
  width: 138px;
  margin-right: 23px;
}
.dongle_logo_top img:nth-child(2) {
  width: 95px;
}
.dongle_cont_patt {
  padding-top: 200px;
}
.dongle_img01 img {
  width: 54.375%;
}
.dongle_tbex {
  width: 129px;
}
.dongle_img02 img {
  width: 87.5%;
}
.dongle_img03 {
  margin-top: 158px;
}
.dongle_img03 img {
  width: 58.5937%;
}
.dongle_img04 {
  position: relative;
  margin-top: 137px;
}
.change_img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.change_img.visible {
  opacity: 1;
}
.dongle_img04 img {
  width: 77.1093%;
}
.dongle_photo {
  margin-top: 200px;
}
.dongle_photo img {
  width: 48.4375%;
}
.dongle_photo li {
  margin-bottom: 60px;
}
.dongle_photo li:nth-child(odd) {
  text-align: left;
}
.dongle_photo li:nth-child(even) {
  text-align: right;
}
.dongle_tit {
  margin-top: 200px;
  font-size: 7rem;
}
.dongle_cont {
  padding-bottom: 210px;
  background: url(../images/sub/bg_dongle2.png) no-repeat center top/cover;
  text-align: center;
}
.dongle_img05 img {
  width: 32.9687%;
}
.dongle_cont .inner {
  position: relative;
}
.dongle_before {
  margin-top: 20px;
  color: #fff;
  font-size: 7rem;
  -webkit-text-stroke: 1px #000;
  -webkit-text-fill-color: transparent;
}
.D_after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transition: all 0.3s cubic-bezier(.7,.04,.61,1.02);
  transition: all 0.3s cubic-bezier(.7,.04,.61,1.02);
}
.D_after.visible {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.dongle_img06 {
  margin-top: 0;
}
.dongle_img06 img {
  width: 65.625%;
}
.dongle_cont02 {
  padding-bottom: 260px;
  background-color: #fff;
  text-align: center;
}
.dongle_detail {
  display: flex;
  justify-content: space-between;
  margin-top: 100px;
}
.dongle_detail>div:nth-child(1) {
  width: 39.8437%;
}
.dongle_detail>div:nth-child(2) {
  width: 57.0312%;
}
.dongle_detail img {
  width: 100%;
}
.dongle_detail .black_func_desc04 {
  margin-top: 0;
}
.tbl_batt.tbl_dongle {
  margin-bottom: 50px;
}
.tbl_batt.tbl_dongle th {
  width: 20%;
}
.tbl_batt.tbl_dongle td {
  width: 80%;
}
.dongle_photo02 {
  display: flex;
  justify-content: space-between;
  margin: 100px 0;
}
.dongle_photo02 li {
  width: 22.6562%;
  overflow: hidden;
}
.dongle_photo02 li img {
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.dongle_photo02 li:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.txt_hover {
  margin-top: 30px;
  font-size: 1.7rem;
  text-align: center;
}
/* 티벡스블록 */
.block_tit_area:before {
  background: linear-gradient(to bottom right, #FFA36B 0%, #FF721D 100%);
}
.block_cont {
  padding-top: 200px;
  background-color: #fff;
}
/* 데칼 */
.decal_tit_area:before {
  background: url(../images/sub/bg_decal.jpg) no-repeat center center/cover;
}
.band_tit.band_tit_decal {
  height: 118px;
  line-height: 1.4;
}
.band_tit.band_tit_decal:before {
  -webkit-animation: bandTitleH 0.4s ease-out 1.5s forwards;
  animation: bandTitleH 0.4s ease-out 1.5s forwards;
}
.decal_tit_area .pro_tit_desc {
  margin-top: 92px;
}
.flow_txt_black.flow_txt_decal {
  width: 6900px;
}
.flow_txt_black.flow_txt_decal .flow_txt01,
.flow_txt_black.flow_txt_decal .flow_txt02 {
  width: 3450px;
}
/* 스피드 체이서 에디션 */
.speed_tit_area:before {
  background: url(../images/sub/bg_speed.jpg) no-repeat center center/cover;
}
.decal_cont {
  padding: 200px 0;
  background-color: #fff;
  text-align: center;
}
.decal_tit {
  margin-top: 200px;
  font-size: 7rem;
}
.decal_tit.no_mar {
  margin-top: 0;
}
.decal_tit p {
  margin-top: 10px;
  font-size: 5rem;
}
.speed_img_row {
  display: flex;
  justify-content: center;
  margin-top: 100px;
}
.speed_img_row>div:nth-child(1) {
  width: 36.1718%;
  margin-right: 11.3281%;
}
.speed_img_row>div:nth-child(2) {
  padding-top: 378px;
  width: 35.3125%;
}
.speed_img_row img {
  width: 100%;
}
.speed_img_row02 {
  display: flex;
  justify-content: space-between;
  margin-top: 100px;
}
.speed_img_row02>div {
  width: 44.5312%;
}
.speed_img_row02 img {
  width: 100%;
}
.speed_img_row02>div:nth-child(2) {
  padding-top: 210px;
}
.speed_img_row03 {
  margin-top: 80px;
}
.speed_img_row03 li:nth-child(1) {
  margin-bottom: 100px;
  text-align: right;
}
.speed_img_row03 img {
  width: 67%;
}
.speed_img_row03 li:nth-child(1) {
  text-align: right;
}
.speed_img_row03 li:nth-child(2) {
  text-align: left;
}
.decal_cont02 {
  padding: 200px 0 230px;
  background: url(../images/sub/bg_speed2.jpg) no-repeat center center/cover;
  color: #fff;
  text-align: center;
}
.speed_img01 img {
  width: 37.3437%;
}
.decal_cont04 {
  padding: 200px 0 100px;
  background-color: #fff;
  text-align: center;
}
.decal_cont03 {
  position: relative;
  padding: 64px 0;
}
.decal_cont03:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #ED081C;
}
.decal_cont03:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-color: #FBC044;
  z-index: 0;
}
.line {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #fff;
  z-index: 5;
}
.decal_cont03 .inner {
  position: relative;
  z-index: 10;
}
.color_wrap {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.color_wrap>div {
  position: relative;
  width: 39.8437%;
  color: #fff;
}
.color_wrap>div img {
  width: 100%;
}
.color_nm {
  position: absolute;
  top: 0;
  left: -130px;
}
.color_nm p:nth-child(1) {
  font-size: 3rem;
  line-height: 1.3;
}
.color_nm p:nth-child(2) {
  margin-top: 16px;
  font-size: 1.8rem;
}
.txt_speed {
  position: absolute;
  bottom: 0;
  left: -130px;
  font-size: 1.8rem;
}
.color_right .color_nm {
  left: auto;
  right: -130px;
  text-align: right;
}
.color_right .txt_speed {
  left: auto;
  right: -130px;
  text-align: right;
}
.decal_tit02 {
  font-size: 4.6rem;
}
.speed_img_row04 {
  display: flex;
  justify-content: center;
  margin-top: 54px;
}
.speed_img_row04>div {
  width: 35.9375%;
}
.speed_img_row04>div:nth-child(2) {
  margin-left: 10.9375%;
  padding-top: 150px;
}
.speed_img_row04 img {
  width: 100%;
}
.arrow_m {
  display: none;
}
.decal_cont05 {
  padding-top: 97px;
  background-color: #ED081C;
  color: #fff;
  text-align: center;
}
.decal_tit03 {
  font-size: 4rem;
}
.speed_img_row05 {
  display: flex;
  justify-content: space-between;
  margin-top: 83px;
}
.speed_img_row05>div:nth-child(1) {
  width: 57.0312%;
  padding: 28px 44px;
  background-color: #fff;
  border-top-right-radius: 30px;
}
.speed_img_row05>div:nth-child(1) img {
  width: 100%;
}
.speed_img_row05>div:nth-child(2) {
  width: 39.8437%;
  padding-top: 100px;
  text-align: left;
}
.config_desc p:nth-child(1) {
  font-size: 4.6rem;
}
.config_desc p:nth-child(2) {
  margin-top: 10px;
  font-size: 2.4rem;
}
.config_desc p:nth-child(3) {
  margin-top: 100px;
  font-size: 1.8rem;
}
.decal_type img {
  width: 67.5%;
}
.decal_cont05.decal_lemon {
  background-color: #FBC044;
}
.decal_lemon .speed_img_row05>div:nth-child(1) {
  background-color: #375D35;
}
/* 맨해튼 스트라이프 */
.manha_tit_area:before {
  background: url(../images/sub/bg_manha.jpg) no-repeat center center/cover;
}
.decal_cont04.dacal_color_manha {
  padding-top: 0;
}
.decal_cont03.decal_manha:before {
  background-color: #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.decal_cont03.decal_manha:after {
  background-color: #fff;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.decal_cont03.decal_manha .color_right {
  color: #000;
}
.decal_manha .txt_speed {
  bottom: -14px;
  line-height: 1.5;
}
.line_black:after {
  content: '';
  position: absolute;
  right: 0;
  width: 50%;
  height: 100%;
  background-color: #000;
}
.decal_cont05.decal_cont05_manha {
  background-color: #000;
}
.decal_cont05.decal_white {
  background-color: #fff;
  color: #000;
}
.decal_white .speed_img_row05>div:nth-child(1) {
  background-color: #000;
}

/* responsive */
@media all and (max-width: 1420px) {
  /* 제로케이 */
  .points {
    padding-right: 50px;
  }
}

@media all and (max-width: 1320px) {
  /* 쿠폰 썬팅 */
  .cou_pages {
    padding-right: 20px;
  }  
}

@media all and (max-width: 1280px) {
  /* 쿠폰 썬팅 */
  .cou_inn {
    padding: 0;
  }
  .page_area {
    margin-top: 100px;
    padding: 120px 0 150px;
  }
  /* 쿠폰 필름이란 */
  .th_vertical p {
    left: -95px;
  }
  /* 실내 살균 */
  .ster_link>p {
    font-size: 5rem;
  }
  /* 이레이저 */
  .stre_use>div {
    width: 45%;
  }
  .elaser_func02>div:nth-child(1),
  .elaser_func02>div:nth-child(2) {
    width: 45%;
  }
  .info_list li p:nth-child(2) {
    line-height: 1.4;
  }
  /* 제로케이 */
  .zero_use>div {
    width: 46%;
  }
  .stre_pro_desc02.z_desc {
    width: 100%;
  }
  .txt_circle {
    top: -60px;
    right: -59px;
  }
  .txt_circle img {
    width: 120px;
  }
  /* 유리막 코팅 */
  .deers_coms li {
    width: 28%;
    margin: 0 10px;
  }
  .deers_coms li.coms_more a {
    margin-left: 20px;
  }
  /* .ster_link_right.glass_link_right {
    width: 600px;
  } */
  /* a3000 */
  .black_brand_desc br {
    display: none;
  }
  .s_pro_desc {
    width: 100%;
  }
  /* 스피드 체이서 */
  .color_wrap>div {
    width: 38%;
  }
}

@media all and (min-width: 1080px) {
  /* 쿠폰 썬팅 */
  .cou_page_box:hover {
    background: linear-gradient(151deg, #D92438 0%, #BC1427 100%);
    border-color: transparent;
    color: #fff;
  }
  .cou_page_box:hover .cou_page_nm span {
    background-color: #000;
  }
  .cou_page_box:hover .cou_page_nm span:after {
    right: 30px;
    background-image: url(../images/main/ico_arrow.png);
  }
  .cou_pages li:nth-child(1) .cou_page_box:hover .cou_logo {
    background-image: url(../images/sub/logo_3m.png);
  }
  .cou_pages li:nth-child(2) .cou_page_box:hover .cou_logo {
    background-image: url(../images/sub/logo_ditec.png);
  }
  .cou_pages li:nth-child(3) .cou_page_box:hover .cou_logo {
    background-image: url(../images/sub/logo_llumar.png);
  }
  .cou_pages li:nth-child(4) .cou_page_box:hover .cou_logo {
    background-image: url(../images/sub/logo_rayno_white.png);
  }
  .cou_pages li:nth-child(5) .cou_page_box:hover .cou_logo {
    background-image: url(../images/sub/logo_solar_white.png);
  }
  .cou_pages li:nth-child(6) .cou_page_box:hover .cou_logo {
    background-image: url(../images/sub/logo_tint.png);
  }
  /* ppf */
  .ppf_logo_area_txt {
    position: relative;
    top: 30px;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0.6s;
    transition: all 0.4s ease-in-out 0.6s;
  }
  .ppf_cont_ani.visible .ppf_logo_area:before {
    height: 190px;
  }
  .ppf_cont_ani.visible .ppf_logo_area_txt {
    top: 0;
    opacity: 1;
  }
  .ppf_cont_ani.visible .ppf_desc {
    top: 0;
    opacity: 1;
  }
  /* tbex ppf */
  .cutt_benefits li {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  .cutt_benefits.visible li {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .cutt_benefits li:nth-child(1) {
    -webkit-transition: all 0.3s ease-in-out 0.2s;
    transition: all 0.3s ease-in-out 0.2s;
  }
  .cutt_benefits li:nth-child(2) {
    -webkit-transition: all 0.3s ease-in-out 0.5s;
    transition: all 0.3s ease-in-out 0.5s;
  }
  .cutt_benefits li:nth-child(3) {
    -webkit-transition: all 0.3s ease-in-out 0.8s;
    transition: all 0.3s ease-in-out 0.8s;
  }
  .cutt_benefits li:nth-child(4) {
    -webkit-transition: all 0.3s ease-in-out 1.1s;
    transition: all 0.3s ease-in-out 1.1s;
  }


  /* 유리막 코딩 */
  .deers_coms li:hover {
    background-color: #000;
  }
  .deers_coms li:hover a {
    color: #fff;
  }
  .deers_coms li.coms_noroo:hover {
    background-image: url(../images/sub/logo_noroo_white.png);
  }
  .deers_coms li.coms_more:hover:before {
    background-image: url(../images/sub/ico_pdf_white.png);
  }
  .deers_coms li.coms_deers:hover {
    background-image: url(../images/sub/logo_deers_white.png);
  }
  /* 제로케이 */
  .points li {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  .points li:nth-child(1) {
    -webkit-transition: all 0.4s ease-in-out 0.2s;
    transition: all 0.4s ease-in-out 0.2s;
  }
  .points li:nth-child(2) {
    -webkit-transition: all 0.4s ease-in-out 0.5s;
    transition: all 0.4s ease-in-out 0.5s;
  }
  .points li:nth-child(3) {
    -webkit-transition: all 0.4s ease-in-out 0.9s;
    transition: all 0.4s ease-in-out 0.9s;
  }
  .points.visible li {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .flow_img {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
  }
  .flow_img.visible {
    opacity: 1;
  }
  /* DEERCAR EXTERIOR CARE */
  .advans li {
    position: relative;
    top: 40px;
    opacity: 0;
  }
  .advans li:nth-child(1) {
    -webkit-transition: all 0.3s ease-in-out 0.2s;
    transition: all 0.3s ease-in-out 0.2s;
  }
  .advans li:nth-child(2) {
    -webkit-transition: all 0.3s ease-in-out 0.5s;
    transition: all 0.3s ease-in-out 0.5s;
  }
  .advans li:nth-child(3) {
    -webkit-transition: all 0.3s ease-in-out 0.8s;
    transition: all 0.3s ease-in-out 0.8s;
  }
  .advans.visible li {
    top: 0;
    opacity: 1;
  }
  /* lq3000 */
  .black_funcs li {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  .black_funcs li:nth-child(1) {
    -webkit-transition: all 0.4s ease-in-out 0.2s;
    transition: all 0.4s ease-in-out 0.2s;
  }
  .black_funcs li:nth-child(2) {
    -webkit-transition: all 0.4s ease-in-out 0.5s;
    transition: all 0.4s ease-in-out 0.5s;
  }
  .black_funcs li:nth-child(3) {
    -webkit-transition: all 0.4s ease-in-out 0.9s;
    transition: all 0.4s ease-in-out 0.9s;
  }
  .black_funcs.visible li {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  /* 스피드 체이서 */
  .color_wrap img {
    position: relative;
    top: 30px;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0.8s;
    transition: all 0.4s ease-in-out 0.8s;
  }
  .color_nm,
  .txt_speed {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all 0.3s ease-in-out 1.2s;
    transition: all 0.3s ease-in-out 1.2s;
  }
  .line {
    left: 50%;
    width: 0;
    -webkit-transition: all 0.4s ease-in-out 0.4s;
    transition: all 0.4s ease-in-out 0.4s;
  }
  .decal_cont03.visible .line {
    left: 0;
    width: 100%;
  }
  .decal_cont03.visible .color_wrap img {
    top: 0;
    opacity: 1;
  }
  .decal_cont03.visible .color_nm,
  .decal_cont03.visible .txt_speed {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@media all and (max-width: 1080px) {
  /* sub menu */
  .sub_menu_wrap {
    top: 70px;
  }
  .sub_menu_wrap.up {
    top: 0;
  }
  .sub_menu_wrap .inner {
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none; 
    scrollbar-width: none; 
  }
  .sub_menu_wrap .inner::-webkit-scrollbar {
    display: none; 
  }
  .sub_menu {
    width: 1150px;
  }
  .sub_menu li:last-child {
    padding-right: 30px;
  }  
  /* 프리미엄 썬팅 */
  .sub_menu li:hover a {
    color: #B2B2B2;
    font-family: 'IBMPlexSansKR-Regular';
  }
  .h2_sub .en {
    font-size: 8rem;
  }
  .pro_cont {
    padding-top: 120px;
  }
  .page_area {
    padding: 60px 0 80px
  }
  .page_bg {
    display: none;
  }
  .page_area.active .rayno_logo02 {
    background-image: url(../images/sub/logo_rayno.png);
  }
  .page_area.active .h3_pro {
    color: #000;
  }
  .page_area.active .pro_link_wrap {
    color: #000;
  }
  .page_area.active .links li a {
    color: #fff;
    -webkit-text-stroke: 1px #000;
  }
  .h3_pro.h3_premium {
    margin-top: 0;
  }
  .rayno_logo02 {
    display: none;
  }
  .solar_logo02 {
    display: none;
  }
  /* Rano Presto R1 */
  .h2_pro {
    margin-top: 180px;
    padding-left: 100px;
    font-size: 5rem;
  }
  .pro_desc02 {
    margin-top: 60px;
  }
  .h2_pro:before {
    width: 100px;
    height: 86px;
  }
  .pro_desc03 {
    width: 90%;
  }
  .pro_about {
    padding-bottom: 50px;
  }
  .techs li:last-child {
    margin-bottom: 0;
  }
  .pro_info>div:nth-child(1) {
    width: 52%;
  }
  .pro_info>div:nth-child(2) {
    width: 44%;
  }
  .tbl_spec th {
    line-height: 1.2;
  }
  .pro_btn_row {
    margin-top: 100px;
  }
  /* 쿠폰 필름 */
  .cou_page_box {
    padding: 34px 26px 80px;
  }
  /* 쿠폰 필름이란 */
  .cou2_cont {
    padding: 120px 0 200px;
  }
  .cou2_desc {
    font-size: 3.2rem;
  }
  /* aurora */
  .cou_chart {
    padding-top: 0;
  }
  .cou_info {
    margin-top: 60px;
  }
  .cou_chart {
    margin-top: 120px;
  }
  /*  디어카 유리막 코팅 */
  .tbl_dcare tbody tr:first-child {
    background: #4D90F4;
  }
  /* 실내 살균 */
  .ster_page01,
  .ster_page02 {
    padding: 120px 0;
  }
  /* 이레이저 */
  .pro_tit_area02 {
    padding-top: 280px;
  }
  .stre_infos {
    margin-top: 120px;
  }
  .stre_infos li {
    width: 32%;
  }
  .num {
    font-size: 5rem;
  }
  .stre_ico {
    margin-top: 20px;
  }
  .stre_info02 {
    padding-top: 120px;
  }
  .stre_info03 {
    padding-top: 120px;
  }
  .stre_use {
    margin-bottom: 120px;
  }
  .elaser_func>div:nth-child(1) {
    width: 45%;
  }
  .elaser_func>div:nth-child(2) {
    width: 47%;
  }
  .elaser_func02 {
    margin-top: 120px;
  }
  /* 제로케이 */
  .h3_zero {
    font-size: 14rem;
  }
  .points {
    padding-right: 0;
  }
  .txt_circle {
    display: none;
  }
  .stre_info04 {
    padding: 120px 0 160px;
  }
  .stre_pro_desc07 {
    font-size: 3rem;
  }
  .stre_pro_desc08 {
    font-size: 7rem;
  }
  .point_desc {
    font-size: 2.4rem;
  }
  .points li {
    width: 31%;
  }
  .stre_infos li:nth-child(1),
  .stre_infos li:nth-child(2),
  .stre_infos li:nth-child(3) {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .stre_info02:before {
    opacity: 1;
  }
  /* ppf */
  .ppf_cont {
    padding: 120px 0;
  }
  .ppf_logo_area:before {
    height: 190px;
  }
  .ppf_desc {
    top: 0;
    opacity: 1;
  }
  /* TBEX PPF */
  .tppf_cont {
    padding: 120px 0 214px;
  }
  /* 유리막 코팅 */
  .glass_cont {
    padding-top: 120px;
  }
  .deer_logo img {
    width: 50%;
  }
  .deer_desc {
    width: 80%;
    margin-top: 60px;
    font-size: 2.6rem;
  }
  .deers_logo_desc {
    width: 72px;
  }
  .noroo_logo_desc {
    width: 90px;
  }
  /* DEERCAR EXTERIOR CARE */
  .dcare_info02 {
    padding-top: 120px;
  }
  .dcare_info03 {
    padding-top: 120px;
  }
  .advan_tit {
    font-size: 8rem;
  }
  .advans li {
    width: 31%;
  }
  .advan_num {
    font-size: 2.6rem;
  }
  .advan_desc03 {
    font-size: 2.2rem;
  }
  .dcare_info04 {
    padding: 120px 0 200px;
  }
  /* 내장관리 */
  .leat_cont {
    padding: 120px 0 160px;
  }
  .leat_deers_logo img {
    width: 40%;
  }
  /* DEERCAR LEATHER GUARD */
  .lcare_info {
    padding: 120px 0 300px;
  }
  .lcare_info02 {
    padding: 120px 0 160px;
  }
  .lcare_desc {
    font-size: 6rem;
  }
  .bene_tit {
    font-size: 5rem;
  }
  .leat_benefits li {
    width: 40%;
  }
  .lcare_info03 {
    padding: 120px 0 160px;
  }
  /* 블랙박스 */
  .black_cont.patt {
    padding-top: 120px;
  }
  .mobis_logo img {
    width: 45%;
  }
  h3.product {
    font-size: 5.6rem;
  }
  /* LQ3000 */
  .black_cont {
    padding-top: 120px;
  }
  .lq_tit_area {
    padding-top: 280px;
  }
  .lq_cont {
    padding: 140px 0 220px;
  }
  .h3_lq {
    font-size: 6.4rem;
  }
  .black_tit {
    margin-top: 120px;
  }
  .black_cont02 {
    padding: 120px 0 124px;
  }
  .lq_funcs li {
    margin-bottom: 120px;
  }
  .tbl_black {
    font-size: 1.6rem;
  }
  /* s500 */
  .s500_tit_area {
    padding-top: 280px;
  }
  /* a3000 */
  .a3000_tit_area {
    padding-top: 280px;
  }
  .a3000_box.black_cont02_s {
    padding: 280px 0 160px 49.4531%;
  }
  .black_brand_desc {
    font-size: 3.2rem;
  }
  /* 보조배터리 */
  .battery_tit_area .h2_sub .en {
    font-size: 7.6rem;
  }
  .battery_cont {
    padding-top: 120px;
  }
  /* 현대모비스 보조배터리 */
  .battm_tit_area {
    padding-top: 280px;
  }
  .batt_cont {
    padding: 120px 0;
  }
  .batt_desc {
    font-size: 2.6rem;
  }
  .batt_desc02 {
    width: 80%;
    font-size: 3rem;
  }
  .batt_cont03 .inner>div:nth-child(1) {
    width: 50%;
  }
  .batt_cont03 .inner>div:nth-child(2) {
    width: 47%;
  }
  .tbl_batt th, .tbl_batt td {
    line-height: 1.3;
  }
  /* 스포일러 */
  .black_cont.padd {
    padding-top: 120px;
  }
  /* 티벡스동글 */
  .dongle_tit_area {
    padding-top: 220px;
  }
  .dongle_cont_patt {
    padding-top: 120px;
  }
  .D_after {
    position: relative;
    margin-top: 80px;
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: none;
    
    transition: none;
  }
  .dongle_img05 img,
  .dongle_img06 img {
    width: 60%;
  }
  .black_tit.dongle_tit_big {
    margin-top: 0;
  }
  .txt_hover {
    display: none;
  }
  /* 티벡스 블록 */
  .block_cont {
    padding-top: 120px;
  }
  /* 스피드 체이서 */
  .decal_cont {
    padding: 120px 0 160px;
  }
  .decal_tit {
    font-size: 6rem;
  }
  .speed_img_row>div:nth-child(1) {
    width: 42%;
    margin-right: 8%;
  }
  .speed_img_row>div:nth-child(2) {
    width: 41%;
    padding-top: 240px;
  }
  .decal_cont02 {
    padding: 120px 0 160px;
  }
  .color_wrap>div {
    width: 34%;
  }
  .line {
    display: none;
  }
  .decal_cont04 {
    padding: 120px 0 60px;
  }
  .config_desc p:nth-child(1) {
    font-size: 3.8rem;
  }
  .speed_img_row05>div:nth-child(2) {
    padding-top: 60px;
  }
  .config_desc p:nth-child(3) {
    margin-top: 60px;
  }
}

@media (min-width:961px) and (max-width:1080px) {
  /* 블랙박스 */
  .black_link .ster_link_right.glass_link_right {
    width: 100%;
  }
  .black_link .link_img {
    width: 45%;
    height: 0;
    padding-top: 50%;
  }
  .black_link .ster_link_right img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .black_link .ster_link_right>div:nth-child(2) {
    width: 50%;
  }
}

@media all and (max-width: 960px) {
  /* 프리미엄 썬팅 */
  .rayno_logo img {
    width: 267px;
  }
  .solar_logo img {
    width: 157px;
  }
  .pro_info>div:nth-child(1) {
    width: 55%;
  }
  .pro_info>div:nth-child(2) {
    width: 40%;
  }
  /* 쿠폰 썬팅 */
  .cou_pages li {
    width: 47%;
  }
  .cou_page_nm span {
    padding: 0 90px 0 30px;
    font-size: 2rem;
  }
  /* 쿠폰 필름이란 */
  .cou_qualties img {
    width: 85%;
  }
  .tbl_search td {
    width: 30%;
  }
  .tbl_search th.th_vertical {
    width: 10%;
  }
  .tbl_search th {
    font-size: 2.2rem;
  }
  .th_vertical p {
    left: -75px;
  }
  /* 쿠폰 3M XP */
  .ios_infos li p:nth-child(2) {
    font-size: 3.6rem;
  }
  /* aurora */
  .keywords.aurora_keywords li {
    font-size: 1.7rem;
  }
  /* 실내 살균 */
  .ster_link {
    flex-wrap: wrap;
    margin-top: 100px;
  }
  .ster_link>p {
    width: 100%;
  }
  .ster_link>a {
    display: inline-block;
    width: 100%;
    margin-top: 40px;
  }
  .ster_link_right {
    justify-content: center;
    width: 100%;
  }
  .link_img {
    margin-right: 60px;
  }
  /* 이레이저 */
  .stre_pro_desc {
    font-size: 3.3rem;
  }
  .ela_img img {
    width: 90%;
  }
  .stre_use {
    flex-wrap: wrap;
  }
  .stre_use>div {
    width: 100%;
  }
  .stre_use_desc {
    font-size: 2.6rem;
  }
  .stre_use_desc02 {
    font-size: 2.2rem;
  }
  .stre_use_right {
    margin-top: 80px;
  }
  .elaser_func {
    flex-wrap: wrap;
  }
  .elaser_func>div:nth-child(1),
  .elaser_func>div:nth-child(2) {
    width: 100%;
  }
  .elaser_func>div img {
    width: 90%;
    max-width: 500px;
    margin: 0 auto;
  }
  .elaser_right {
    margin-top: 60px;
  }
  .elaser_func02 {
    flex-wrap: wrap;
  }
  .elaser_func02>div:nth-child(1),
  .elaser_func02>div:nth-child(2) {
    width: 100%;
  }
  .elaser_right02 {
    margin-top: 120px;
  }
  /* 제로케이 */
  .br_tablet {
    display: block;
  }
  .zerok_tit_area {
    padding-top: 250px;
  }
  .h2_zero {
    line-height: 1.3;
  }
  .zero_use>div {
    width: 47%;
  }
  .points {
    flex-wrap: wrap;
  }
  .points li {
    width: 100%;
    margin-bottom: 80px;
  }
  .points li:last-child {
    margin-bottom: 0;
  }
  /* TBEX PPF */
  .dcare_desc.tppf_desc {
    line-height: 1.5;
  }
  .tbl_tppf {
    width: 100%;
  }
  .warrans img {
    width: 90%;
    max-width: 140px;
  }
  .tppf_desc02 {
    width: 90%;
    font-size: 1.6rem;
  }
  .tit_tbl_tppf {
    margin-top: 80px;
  }
  .tbl_tppf th,
  .tbl_tppf td {
    padding: 20px 10px;
    font-size: 1.5rem;
  }
  .tbl_tppf td:nth-of-type(1) {
    width: 30%;
  }
  .tbl_tppf td:nth-of-type(2) {
    width: 54%;
  }
  /* 유리막 코팅 */
  .deers_coms li {
    width: 30%;
  }
  .deers_coms li.coms_more a {
    font-size: 1.8rem;
  }
  .coms_more:before {
    right: 14px;
    width: 22px;
    height: 27px;
  }
  .ster_link_right.glass_link_right {
    width: 100%;
  }
  /* Deercar Exterior Care */
  .dcare_img img {
    width: 95%;
  }
  .tbl_dcare tr th,
  .tbl_dcare tr:first-child td,
  .tbl_dcare tr td.brand {
    font-size: 1.4rem;
  }
  .benefits li {
    width: 44%;
    margin-bottom: 60px;
  }
  .benefits li:nth-child(odd) {
    margin-right: 8%;
  }
  .dcare_info02:before {
    height: 570px;
  }
  .advans {
    flex-wrap: wrap;
  }
  .advans li {
    width: 80%;
    margin: 0 auto 80px;
  }
  .advans li:last-child {
    margin-bottom: 0;
  }
  .car_img {
    margin-top: 100px;
  }
  .car_img img {
    width: 75%;
  }
  /* 내장관리 */
  .product_txt {
    text-align: center;
  }
  /* DEERCAR LEATHER GUARD */
  .leat_benefits {
    justify-content: space-between;
  }
  .leat_benefits li {
    width: 45%;
  }
  .leat_benefits li:nth-child(odd) {
    margin-right: 0;
  }
  /* 블랙박스 */
  .black_links li {
    width: 100%;
  }
  .black_links li {
    margin-bottom: 100px;
  }
  .black_links li:nth-child(2) .padd_wrap {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .black_func_desc {
    margin-top: 20px;
  }
  /* LQ3000 */
  .lq_tit_area {
    padding-top: 220px;
  }
  .lq_tit_area .h2_black {
    line-height: 1.3;
  }
  .black_funcs {
    flex-wrap: wrap;
  }
  .black_funcs li {
    width: 100%;
    margin-bottom: 60px;
  }
  .black_funcs li:last-child {
    margin-bottom: 0;
  }
  .lq_funcs li {
    width: 60%;
    margin: 0 auto;
  }
  .lq_funcs li:nth-child(1) {
    order: 1;
    margin-bottom: 46px;
  }
  .lq_funcs li:nth-child(2) {
    order: 2;
    margin-bottom: 120px;
  }
  .lq_funcs li:nth-child(3) {
    order: 4;
    margin-bottom: 120px;
  }
  .lq_funcs li:nth-child(4) {
    order: 3;
    margin-bottom: 46px;
  }
  .lq_funcs li:nth-child(5) {
    order: 5;
    margin-bottom: 46px;
  }
  .lq_funcs li:nth-child(6) {
    order: 6;
    margin-bottom: 0;
  }
  .tbl_black td {
    line-height: 1.5;
  }
  .tbl_black colgroup col:nth-child(1) {
    width: 22% !important;
  }
  .tbl_black colgroup col:nth-child(2) {
    width: 78% !important;
  }
  /* s500 */
  .s500_tit_area {
    padding-top: 220px;
  }
  .s500_tit_area .h2_black {
    line-height: 1.3;
  }
  .set_pw p:nth-of-type(2) {
    padding: 21px 80px;
  }
  .tbl_black th {
    line-height: 1.5;
  }
  .tbl_black.tbl_type02 colgroup col:nth-child(1) {
    width: 18% !important;
  }
  .tbl_black.tbl_type02 colgroup col:nth-child(2) {
    width: 18% !important;
  }  
  .tbl_black.tbl_type02 colgroup col:nth-child(3) {
    width: 64% !important;
  }  
  /* a3000 */
  .a3000_tit_area {
    padding-top: 220px;
  }
  .a3000_tit_area .h2_black {
    line-height: 1.3;
  }  
  /* 보조배터리 */
  .battery_tit_area .h2_sub .en {
    font-size: 6rem;
  }
  .battm_tit_area {
    padding-top: 220px;
  }
  .battm_tit_area .h2_black {
    line-height: 1.3;
  }
  .batt_tit {
    font-size: 6rem;
  }
  .batt_cont03 .inner {
    flex-wrap: wrap;
  }
  .batt_cont03 .inner>div:nth-child(1),
  .batt_cont03 .inner>div:nth-child(2) {
    width: 100%;
  }
  .batt_cont03 .inner>div:nth-child(2) {
    margin-top: 160px;
  }
  .img_batt {
    text-align: center;
  }
  .batt_cont03 .black_func_desc04 {
    text-align: center;
  }
  .black_pro_desc.batt_pro_desc {
    width: 75%;
  }
  /* 스포일러*/
  .black_links.spoil_link li:last-child {
    margin-bottom: 0;
  }
  /* 티벡스동글 */
  .dongle_tit_area .h2_pro_stre {
    line-height: 1.2;
  }
  .dongle_detail {
    flex-wrap: wrap;
  }
  .dongle_detail>div:nth-child(1),
  .dongle_detail>div:nth-child(2) {
    width: 70%;
    margin: 0 auto;
  }
  .dongle_detail>div:nth-child(2) {
    margin-top: 120px;
  }
  .dongle_photo02 li {
    width: 24%;
  }
  /* 티벡스 블록 */
  .pro_tit_area02 {
    padding-top: 240px;
  }
  .pro_tit_area02 .h2_black {
    line-height: 1.3;
  }
  /* 스피드 체이서 */
  .decal_cont02 .black_pro_desc br {
    display: none;
  }
  .color_wrap {
    flex-wrap: wrap;
  }
  .speed_img_row05 {
    margin-top: 60px;
  }
  .speed_img_row05>div:nth-child(1) {
    width: 52%;
  }
  .speed_img_row05>div:nth-child(2) {
    width: 44%;
  }
}

@media all and (min-width: 768px) {
  /* 이레이저 */
  .stre_infos li {
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
  }
  .stre_infos li:nth-child(1) {
    -webkit-transition: all 0.4s ease-in-out 0.1s;
    transition: all 0.4s ease-in-out 0.1s;
  }
  .stre_infos li:nth-child(2) {
    -webkit-transition: all 0.4s ease-in-out 0.5s;
    transition: all 0.4s ease-in-out 0.5s;
  }
  .stre_infos li:nth-child(3) {
    -webkit-transition: all 0.4s ease-in-out 0.9s;
    transition: all 0.4s ease-in-out 0.9s;
  }
  .stre_infos.visible li {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@media all and (max-width: 768px) {
  .br_mob {
    display: block;
  }
  .txt_pc {
    display: none;
  }
  .img_pc {
    display: none;
  }
  .txt_mob {
    display: block;
  }
  .img_mob {
    display: block;
  }
  /* sub menu */
  .sub_menu_wrap {
    height: 50px;
  }
  .sub_menu {
    height: 50px;
  }
  /* 프리미엄 썬팅 */
  .pro_tit_area {
    height: auto;
    padding: 200px 0 120px;
  }
  .h2_sub .kr {
    font-size: 2rem;
  }
  .h2_sub .en {
    font-size: 5.6rem;
  }
  .band_tit {
    height: 56px;
    margin-top: 40px;
    font-size: 1.8rem;
  }

  @-webkit-keyframes bandTitle {

    0% {
      height: 0;
    }
    100% {
      height: 56px;
    }
  }
  @keyframes bandTitle {
    0% {
      height: 0;
    }
    100% {
      height: 56px;
    }
  }

  .pro_desc {
    width: 100%;
    margin-top: 60px;
    padding: 0;
    font-size: 1.6rem;
    line-height: 1.8;
  }
  .page_area {
    padding-top: 0;
    margin-top: 130px;
  }
  .page_area .inner {
    padding: 0;
  }
  .pro_tit_desc {
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.8;
  }
  .pro_tit_desc br {
    display: none;
  }
  .pro_link_wrap {
    flex-wrap: wrap;
  }
  .pro_link_wrap>div, 
  .pro_link_wrap>ul {
    width: 100%;
  }
  .h3_pro {
    margin-top: 0;
    padding-left: 24px;
    font-size: 6rem;
    line-height: 1.2;
  }
  .h3_pro span {
    display: block;
  }
  .h3_pro span:nth-child(1) {
    padding-right: 20px;
  }
  .pro_link_desc {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    padding-left: 24px;
    font-size: 1.6rem;
    line-height: 1.8;
  }
  .pro_link_desc p {
    width: 80%;
  }
  .pro_link_wrap>ul {
    margin-top: 38px;
  }
  .links li {
    margin-bottom: 0;
    padding: 78px 0;
  }
  .links li:nth-child(1) {
    background: url(../images/sub/rayno1_m.jpg) no-repeat left top/cover;
  }
  .links li:nth-child(2) {
    background: url(../images/sub/rayno2_m.jpg) no-repeat left top/cover;
  }
  .links li:nth-child(3) {
    background: url(../images/sub/rayno3_m.jpg) no-repeat left top/cover;
  }
  .links li a {
    color: #fff;
    padding-right: 80px;
    font-size: 3.4rem;
    text-align: right;
    -webkit-text-stroke: 0;
  }
  .links li:after {
    opacity: 1;
    bottom: 78px;
    right: 26px;
  }
  .solar_page_area .links li:nth-child(1) {
    background: url(../images/sub/solar1_m.jpg) no-repeat left top/cover;
  }
  .solar_page_area .links li:nth-child(2) {
    background: url(../images/sub/solar2_m.jpg) no-repeat left top/cover;
  }  
  .page_area.active .links li a {
    color: #fff;
    -webkit-text-stroke: 0;
  }
  .solar_logo {
    margin-top: 30px;
  }
  /* Rayno Presto R1 */
  .pro_tit_area .rayno_logo_white {
    display: none;
  }
  .h2_pro {
    padding-left: 0;
    font-size: 4.5rem;
    line-height: 1.2;
  }
  .h2_pro:before {
    top: -110px;
    width: 91px;
    height: 78px;
  }
  .pro_desc02 {
    font-size: 2rem;
    line-height: 1.5;
  }
  .keywords {
    flex-wrap: wrap;
  }
  .keywords li {
    width: 48%;
    height: 50px;
    margin-right: 4%;
    margin-bottom: 20px;
    font-size: 1.6rem;
  }
  .keywords li:nth-child(even) {
    margin-right: 0;
  }
  .pro_tit_area {
    padding: 160px 0 80px;
  }
  .pro_about {
    flex-wrap: wrap;
  }
  .about {
    width: 100%;
    margin-bottom: 40px;
    font-size: 4.6rem;
  }
  .pro_desc03 {
    font-size: 1.6rem;
  }
  .techs {
    margin-top: 60px;
  }
  .techs li {
    margin-bottom: 80px;
  }
  .techs_tit {
    font-size: 1.8rem;
  }
  .techs_desc {
    font-size: 1.5rem;
  }
  .techs li>div {
    width: 100%;
    min-height: 116px;
    padding: 0 0 0 150px;
    background-size: 110px !important;
  }
  .pro_info {
    flex-wrap: wrap;
  }
  .pro_info>div:nth-child(1) {
    width: 100%;
    text-align: center;
  }
  .pro_info>div:nth-child(2) {
    width: 100%;
    margin-top: 60px;
  }
  .chart img {
    width: 90%;
  }
  .tbl_spec {
    font-size: 1.4rem;
  }
  .pro_btn_row {
    margin-top: 90px;
  }
  .pro_info_wrap {
    padding-bottom: 150px;
  }
  .btn_square02 {
    padding: 0 42px 0 18px;
    font-size: 1.6rem;
    letter-spacing: -1px;
  }
  .btn_square02:after {
    top: 20px;
    right: 16px;
    width: 16px;
    height: 16px;
  }
  .pro_info>div:nth-child(3) {
    width: 100%;
  }
  .pro_cont_tit {
    text-align: left;
  }
  .specs,
  .cou_specs .specs {
    margin-top: 0;
  }
  /* Solar Beryl-x */
  .pro_tit_area .solar_logo_white {
    display: none;
  }
  /* 쿠폰 필름 */
  .cou_link_inner {
    border-left: none;
    border-right: none;
  }
  .cou_link_inner>div {
    background-color: #000;
    text-align: center;
  }
  .cou_link_inner>div:nth-child(1) {
    border-right: 1px solid #E2E2E2;
  }
  .cou_link_inner {
    text-align: center;
  }
  .cou_link_inner a {
    padding-left: 20px ;
    color: #fff;
    font-size: 1.6rem;
  }
  .cou_link_inner>div:after {
    top: 32px;
    right: 20px;
    width: 15px;
    height: 15px;
    background-image: url(../images/main/ico_arrow.png);
  }
  .cou_link_inner>div:before {
    display: none;
  }
  .h3_cou {
    font-size: 6rem;
  }
  .cou_pages {
    flex-wrap: wrap;
    margin-top: 60px;
  }
  .cou_pages li {
    width: 100%;
    margin-bottom: 130px;
  }
  .cou_pages li:last-child {
    margin-bottom: 0;
  }
  .cou_pages li:nth-child(even) {
    padding-top: 0;
  }
  .cou_pages li p:nth-child(2) {
    font-size: 1.6rem;
  }
  .cou_page_box {
    padding: 50px 35px 60px;
  }
  .cou_page_nm {
    height: 54px;
    font-size: 1.8rem;
  }
  .cou_page_nm span {
    height: 54px;
    padding: 0 73px 0 25px;
    line-height: 54px;
  }
  .cou_page_nm span:after {
    top: 17px;
    right: 30px;
    width: 18px;
    height: 18px;
  }
  .cou_pages li:nth-child(1) .cou_logo {
    width: 94.9640%;
    padding-top: 16.5467%;
  }
  .cou_pages li:nth-child(2) .cou_logo {
    width: 83.4532%;
    padding-top: 13.6690%;
  }
  .cou_pages li:nth-child(3) .cou_logo {
    width: 47.4820%;
    padding-top: 23.7410%;
  }
  .cou_pages li:nth-child(4) .cou_logo {
    width: 87.4100%;
    padding-top: 17.2661%;
  }
  .cou_pages li:nth-child(5) .cou_logo {
    width: 49.2805%;
    padding-top: 26.9784%;
  }
  .cou_pages li:nth-child(6) .cou_logo {
    width: 73.9784%;
    padding-top: 26.9784%;
  }
  /* 쿠폰 필름이란 */
  .cou2_desc {
    font-size: 3rem;
  }
  .cou2_desc br {
    display: none;
  }
  .cou2_img {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .cou2_img img:nth-child(1) {
    width: 110%;
    transform: translateX(-30%);
  }
  .cou2_img img:nth-child(2) {
    width: 70%;
    margin-top: 60px;
    transform: translateX(30%);
  }
  .cou2_desc_area {
    margin-top: 100px;
  }
  .tppf_desc03 {
    font-size: 3rem;
  }
  .cou_qualties {
    flex-wrap: wrap;
  }
  .cou_qualties li {
    width: 100%;
    margin-bottom: 50px;
    text-align: center;
  }
  .cou_qualties li:last-child {
    margin-bottom: 0;
  }
  .cou_qualties img {
    width: 74%;
    max-width: 260px;
  }
  .cou_qual_tit {
    font-size: 1.8rem;
  }
  .cou2_desc_area .tppf_desc05 {
    width: 90%;
  }
  .tppf_desc05 {
    font-size: 1.6rem;
  }
  .tbl_film_pc,
  .tbl_film_spec_pc {
    display: none;
  }
  .tbl_film_m,
  .tbl_film_spec_m {
    display: block;
    margin-top: 36px;
  }
  .tbl_film_m ul li {
    border-bottom: 1px solid #000;
  }
  .tbl_film_m ul li:first-child {
    border-top: 1px solid #000;
  }
  .film_tit {
    display: flex;
    align-items: center;
    position: relative;
    height: 82px;
    padding-right: 30px;
    line-height: 1.7;
  }
  .film_tit:after {
    content: '';
    position: absolute;
    top: 32px;
    right: 12px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .film_li li.on .film_tit:after {
    top: 39px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);    
  }
  .film_li li.on .film_tit {
    color: #C90016;
  }
  .film_logo {
    display: none;
    padding-top: 35px;
    border-top: 1px dotted #000;
    text-align: center;
  }
  .film_logo img {
    width: 55%;
    margin-bottom: 28px;
  }
  .tbl_film_spec td {
    width: 25%;
  }
  .th_ico img {
    display: none;
  }
  .specs.film_specs {
    margin-top: 40px;
  }
  .specs.film_specs li:first-child {
    line-height: 1.6;
  }
  .film_second {
    margin-top: 60px;
  }
  /* 3M XP */
  .xp_tit_area .pro_desc02,
  .aurora_tit_area .pro_desc02,
  .gg_tit_area .pro_desc02,
  .mono_tit_area .pro_desc02,
  .phan_tit_area .pro_desc02,
  .reborn_tit_area .pro_desc02 {
    font-size: 1.8rem;
  }
  .xp_tit_area .keywords li, 
  .aurora_tit_area .keywords li,
  .gg_tit_area .keywords li,
  .mono_tit_area .keywords li,
  .phan_tit_area .keywords li,
  .reborn_tit_area .keywords li {    
    font-size: 1.5rem;
  }
  .pro_tit_area  .xp3m_logo {
    display: none;
  }
  .cou_desc {
    font-size: 3.6rem;
  }
  .ios_infos li {
    width: 49%;
    margin-right: 2%;
    border: none;
  }
  .ios_infos li:nth-child(even) {
    margin-right: 0;
  }
  .ios_infos li:nth-child(3) {
    margin-right: 2%;
  }
  .ios_infos li:nth-child(4) {
    margin-left: 0;
  }
  .ios_infos li p:nth-child(1) {
    font-size: 1.7rem;
  }
  .ios_infos li p:nth-child(2) {
    font-size: 4rem;
  }
  .cou_info {
    padding-bottom: 286px;
    background: url(../images/sub/bg_coupon_m.png) no-repeat right bottom/cover;
  }
  .tint_logo {
    display: none;
  }
  /* aurora */
  .pro_tit_area .ditec_logo {
    display: none;
  }
  /* LLumar gg */
  .pro_tit_area  .gg_logo {
    display: none;
  }
  /* mono */
  .techs_desc02.en {
    margin-top: 20px;
    font-size: 1.8rem;
    line-height: 1.4;
  }
  /* Reborn */
  .techs .pro_tit_area .tint_logo {
    display: none;
  }
  /* ppf */
  .ppf_tit_area {
    padding-top: 220px;
  }
  .ppf_tit_area .pro_tit_desc {
    margin-top: 60px;
  }
  .ppf_tit_area .band_tit .inner {
    padding-left: 0;
    padding-right: 0;
  }
  .ppf_cont {
    padding: 100px 0 278px;
    background: #000 url(../images/sub/bg_ppf_m.png) no-repeat center bottom;
    background-size: 100% auto;
  }
  .ppf_logo_area {
    font-size: 6.2rem;
  }
  .ppf_logo_area img {
    width: 174px;
  }
  .ppf_desc {
    width: 90%;
  }
  /* TBEX PPF */
  .tppf_tit_area .h2_pro_stre {
    font-size: 6.6rem;
  }
  .tbl_tppf td:last-child {
    background: linear-gradient(to right, rgba(146,98,210,0.5) 0%, rgba(138,32,134,0.5) 100%);
  }
  /* 유리막 코팅 */
  .pro_tit_area02 {
    position: relative;
    height: 680px;
  }
  .pro_tit_area02 .inner {
    position: absolute;
    top: 56%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .glass_s_txt {
    position: relative;
    top: -18px;
    font-size: 3.4rem;
  }
  .glass_tit_area .band_tit {
    font-size: 1.7rem;
  }
  .glass_tit_area .inner.padd_none {
    padding: 0;
  }
  /* 내장 관리 */
  .leat_tit_area .pro_tit_desc {
    margin-top: 60px;
  }
  /* 실내 살균 */
  .txt_ster {
    font-size: 3.8rem;
  }
  .logo_tbex_red {
    margin-right: 28px;
  }
  .logo_tbex_red img {
    width: 159px;
  }
  .logo_street img {
    width: 113px;
  }
  .ster_desc {
    margin-top: 85px;
    font-size: 3.6rem;
    line-height: 1.4;
  }
  .ster_desc02 {
    width: 90%;
    font-size: 1.8rem;
  }
  .ster_link_right {
    flex-wrap: wrap;
  }
  .ster_link_right>div {
    width: 100%;
  }
  .ster_link {
    padding: 0 14px;
    text-align: left;
  }
  .ster_link_right img {
    width: 100%;
  }
  .link_img {
    margin-right: 0;
    margin-bottom: 18px;
  }
  .ster_link a:hover .ster_link_right img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .ster_link_right>div:nth-child(2) {
    padding-bottom: 80px;
  }
  .btn_abso {
    right: 0;
    left: auto;
  }
  .logo_zero img {
    width: 202px;
  }
  /* 이레이저 */
  .location {
    display: none;
  }
  .pro_desc04 {
    font-size: 2rem;
    line-height: 1.8;
  }
  .h2_pro_stre {
    font-size: 6rem;
    line-height: 1.3;
  }
  .stre_pro_desc02 {
    margin-top: 40px;
    width: 100%;
    font-size: 1.6rem;
  }
  .ela_img04 {
    margin-top: 40px;
  }
  .stre_infos {
    margin-top: 80px;
    margin-bottom: 70px;
  }
  .inner.mob_inner {
    padding: 0;
  }
  .stre_infos_wrap {
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: 24px;
    -ms-overflow-style: none; 
    scrollbar-width: none; 
  }
  .stre_infos_wrap::-webkit-scrollbar {
    display: none; 
  }
  .stre_infos {
    width: 750px;
  }
  .stre_infos li {
    width: 250px;
  }
  .num {
    text-align: center;
  }
  .stre_pro_desc03 {
    width: 90%;
    font-size: 1.6rem;
  }
  .stre_pro_desc {
    padding: 0 24px;
    font-size: 3.2rem;
  }
  .stre_info02 {
    margin-top: 120px;
    padding-bottom: 100px;
  }
  .stre_pro_desc.stre_desc_uv {
    font-size: 2.4rem;
  }
  .stre_desc_mar {
    margin-top: 115px;
  }
  .ela_img03 img {
    width: 90%;
    max-width: 348px;
  }
  .stre_desc_led {
    margin-top: 60px;
  }
  .stre_info02:before {
    opacity: 1;
  }
  .stre_pro_desc02 p {
    margin-bottom: 30px;
  }
  .ela_img04 img {
    width: 100%;
    max-width: 500px;
  }
  .stre_pro_desc04 {
    font-size: 1.5rem;
  }
  .stre_use_desc02 {
    font-size: 2rem;
  }
  .stre_use_li li p {
    font-size: 1.6rem;
  }
  .stre_use_li li span {
    padding-top: 3px;
    font-size: 2.2rem;
  }
  .elaser_right {
    margin-top: 55px;  
  }
  .elaser_func_li li span {
    width: 17%;
    padding-top: 3px;
    font-size: 2.6rem;
  }
  .elaser_func_desc p:nth-child(1) {
    font-size: 1.8rem;
  }
  .elaser_func_desc p:nth-child(2) {
    font-size: 1.6rem;
  }
  .stre_pro_desc05 {
    text-align: center;
  }
  .elaser_right02 {
    margin-top: 140px;
  }
  .info_list {
    font-size: 1.6rem;
  }
  .info_list li {
    padding: 19px 10px;
  }
  .info_list li p:nth-child(1) {
    width: 28%;
    padding-top: 2px;
  }
  .stre_info03 {
    padding-bottom: 160px;
  }
  /* 제로케이 */
  .zero_li {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 80px;
  }
  .zero_li li {
    width: 46%;
    margin: 0 0 30px 0;
    text-align: center;
  }
  .zero_li img {
    max-width: 140px;
  }
  .zero_li li p {
    font-size: 1.6rem;
  }
  .h3_zero {
    font-size: 9rem;
  }
  .zero_mar {
    margin-top: 100px;
  }
  .zero_use {
    flex-wrap: wrap;
  }
  .zero_use>div {
    width: 90%;
    margin: 0 auto;
  }
  .zero_use>div:nth-child(2) {
    margin-top: 60px;
  }
  .stre_pro_desc06 {
    font-size: 2rem;
  }
  .points {
    margin-top: 64px;
  }
  .stre_pro_desc07 {
    font-size: 2.6rem;
  }
  .stre_pro_desc08 {
    margin-top: 14px;
    font-size: 5.6rem;
  }
  .point_num {
    font-size: 2.6rem;
  }
  .point_desc {
    font-size: 2rem;
  }
  .point_desc02 {
    margin-top: 24px;
    font-size: 1.6rem;
  }
  .points li {
    margin-bottom: 80px;
  }
  .stre_pro_desc.zero_mar {
    padding: 0;
  }
  .stre_pro_desc.zero_mar br {
    display: none;
  }
  .flow_img {
    margin-top: 60px;
  }
  .zero_mar02 {
    margin-top: 60px;
  }
  .zero_txt {
    margin-top: 0;
    font-size: 1.6rem;
  }
  /* 유리막 코팅 */
  .glass_tit_area {
    padding-top: 200px;
  }
  .deer_logo img {
    width: 70%;
    max-width: 380px;
  }
  .deer_desc {
    width: 90%;
    font-size: 3rem;
  }
  .deer_desc02 {
    width: 80%;
    font-size: 1.6rem;
  }
  .deers_logo {
    margin-top: 140px;
  }
  .deers_logo img {
    width: 80%;
    max-width: 280px;
  }
  .deer_desc.noroo_desc {
    padding: 0;
  }
  .deers_coms {
    flex-wrap: wrap;
  }
  .deers_coms li {
    width: 90%;
    height: 80px;
    max-width: 400px;
    margin-bottom: 25px;
  }
  .deers_coms li:last-child {
    margin-bottom: 0;
  }
  .deers_coms li.coms_more a {
    margin-left: 28px;
    font-size: 1.6rem;
  }
  .coms_more:before {
    top: 23px;
    right: 24px;
    width: 24px;
    height: 30px;
    background-size: 24px;
  }
  .ster_link.glass_link {
    margin-top: 140px;
    text-align: left;
  }
  .ster_link.glass_link .product_txt {
    text-align: left;
  }
  .ster_link>p {
    font-size: 4.6rem;
  }
  .ster_link_right>div:nth-child(2) {
    width: 100%;
  }
  .flow_txt_glass {
    margin-top: 130px;
  }
  /* Deercar Exterior Care */
  .dcare_info {
    padding-bottom: 272px;
    background: #0A0A0A url(../images/sub/bg_deer_m.jpg) no-repeat center bottom/cover;
  }
  .dcare_desc {
    font-size: 3.2rem;
    line-height: 1.3;
  }
  .dcare_desc02 {
    width: 80%;
    margin: 60px auto 0;
    font-size: 1.6rem;
    line-height: 1.7;
  }
  .dcare_info02 {
    overflow-x: hidden;
    padding-bottom: 270px;
    background: #8798AC;
  }
  .dcare_info02 .inner:before {
    content: '';
    position: absolute;
    top: -137px;
    left: 46px;
    width: 120px;
    height: 343px;
    background: url(../images/sub/bg_water1.png) no-repeat left top/cover;
    -webkit-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
  }
  .dcare_desc03 {
    font-size: 3.3rem;
  }
  .tbl_area {
    position: relative;
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .tbl_area:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 100%;
    background: linear-gradient(to right, rgba(135, 152, 172, 0) 20%, rgba(135, 152, 172, 1) 80%);
  }  
  .tbl_area:before {
    content: '';
    position: absolute;
    bottom: -95px;
    right: -50px;
    width: 350px;
    height: 233px;
    background: url(../images/sub/bg_water2.png) no-repeat left top/cover;
  }
  .tbl_dcare_wrap {
    overflow-y: hidden;
    overflow-x: auto;    
    margin-top: 14px;
    padding-left: 24px;
    -ms-overflow-style: none; 
    scrollbar-width: none; 
  }
  .txt_drag.txt_drag_tbl {
    display: block;
    text-align: center;
  }
  .tbl_dcare_inner {
    width: 860px;
  }
  .tbl_dcare_wrap::-webkit-scrollbar {
    display: none; 
  }
  .tbl_dcare {
    width: 780px;
  }
  .bene_tit {
    font-size: 3.8rem;
  }
  .benefits {
    flex-wrap: wrap;
  }
  .benefits li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 90px;
  }
  .bene_desc {
    font-size: 1.8rem;
  }
  .dcare_info02:before {
    height: 470px;
  }
  .advan_desc {
    font-size: 2.5rem;
    line-height: 1.3;
  }
  .advan_tit {
    font-size: 4.6rem;
  }
  .advan_desc02 {
    margin-top: 40px;
    font-size: 1.6rem;
  }
  .advans {
    margin-top: 60px;
  }
  .advans li {
    width: 100%;
  }
  .advan_num {
    font-size: 2.4rem;
  }
  .advan_desc03 {
    font-size: 2rem;
  }
  .advan_desc04 {
    margin-top: 15px;
    font-size: 1.4rem;
  }
  .car_img {
    margin-top: 60px;
  }
  .car_img img {
    width: 95%;
    max-width: 450px;
  }
  .coat_desc_area {
    width: 95%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }
  .coat_desc {
    font-size: 1.4rem;
  }
  .coat_desc02 {
    margin-top: 30px;
    line-height: 1.3;
  }
  .coat_desc03 {
    font-size: 1.4rem;
  }
  /* 내장관리 */
  .leat_tit_area {
    padding-top: 200px;
  }
  .leat_tit_area .band_tit .inner {
    padding: 0;
  }
  .leat_tit_area .band_tit {
    font-size: 1.6rem;
  }
  .leat_deers_logo img {
    width: 75%;
    max-width: 350px;
  }
  .deer_desc {
    font-size: 3.3rem;
  }
  /* DEERCAR LEATHER GUARD */
  .lcare_info {
    padding-bottom: 185px;
    background: url(../images/sub/bg_lcare.jpg) no-repeat left bottom/cover;
  }
  .dcare_desc {
    font-size: 3rem;
  }
  .lcare_desc {
    font-size: 4.6rem;
  }
  .lcare_spec_wrap {
    margin-top: 54px;
  }
  .lcare_spec_wrap>ul:nth-child(1) {
    width: 24%;
  }
  .lcare_spec_wrap>ul:nth-child(2), 
  .lcare_spec_wrap>ul:nth-child(3) {
    width: 38%;
  }
  .lcare_spec_wrap>ul li {
    height: 80px;
  }
  .lcare_spec_wrap>ul li,
  .lcare_spec_wrap>ul li:first-child,
  .lcare_spec_wrap>ul:nth-child(3) li {
    font-size: 1.4rem;
  }
  .multi_txt {
    top: 12px;
    left: -28px;
    width: 56px;
    height: 56px;
  }
  .multi_txt span {
    width: 44px;
    height: 44px;
    font-size: 1.6rem;
  }
  .multi_li {
    line-height: 1.4;
  }
  .lcare_info02 {
    background: #010101 url(../images/sub/bg_lcare2.jpg) no-repeat center bottom;
    background-size: 100%;
  }
  .lcare_desc02 {
    margin-top: 20px;
    font-size: 1.5rem;
  }
  .lcare_desc03 {
    font-size: 1.3rem;
    line-height: 1.4;
  }
  .leat_benefits li {
    width: 100%;
    min-height: 160px;
    padding-left: 170px;
  }
  .leat_benefits li:before {
    width: 150px;
    height: 151px;
  }
  .leat_desc {
    margin-top: 70px;
  }
  .lcare_img {
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .lcare_img img {
    width: 100%;
  }
  /* 블랙박스 */
  .black_tit_area {
    padding: 200px 0 120px;
  }
  .black_tit_area .band_tit {
    height: 100px;
    line-height: 1.5;    
  }
  .black_tit_area .band_tit:before {
    -webkit-animation: bandTitle100 0.4s ease-out 1.5s forwards;
    animation: bandTitle100 0.4s ease-out 1.5s forwards;
  }
  @-webkit-keyframes bandTitle100 {
    0% {
      height: 0;
    }
    100% {
      height: 100px;
    }
  }
  @keyframes bandTitle100 {
    0% {
      height: 0;
    }
    100% {
      height: 100px;
    }
  }
  .mobis_logo img {
    width: 70%;
  }
  .deer_desc.black_desc {
    margin-top: 80px;
  }
  .black_desc02 {
    width: 90%;
    font-size: 1.6rem;
  }
  .lq_cont {
    padding: 120px 0 480px;
    background: url(../images/sub/bg_lq2_m.jpg) no-repeat center bottom/cover;
  }
  .h3_lq {
    font-size: 5.8rem;
  }
  .h3_lq p {
    font-size: 2.6rem;
  }
  .lq_desc {
    font-size: 2rem;
  }
  .lq_desc02 {
    margin-top: 75px;
    font-size: 1.6rem;
  }
  .black_tit {
    margin-top: 120px;
    font-size: 3rem;
    line-height: 1.5;
  }
  .black_pro_desc {
    width: 100%;
    font-size: 1.6rem;
  }
  .black_img {
    margin-top: 50px;
  }
  .black_img img {
    width: 100%;
  }
  .black_func_desc {
    font-size: 1.8rem;
  }
  .black_func_desc02 {
    margin-top: 10px;
    font-size: 1.6rem;
  }
  .black_box {
    width: 100%;
  }
  .black_pro_desc02 {
    font-size: 1.5rem;
    line-height: 1.7;
  }
  .black_cont02 {
    padding: 100px 0 124px;
  }
  .lq_funcs li:nth-child(2),
  .lq_funcs li:nth-child(3) {
    margin-bottom: 80px;
  }
  /* lq3000 */
  .lq_logo_mobis {
    margin-top: 60px;
  }
  .lq_logo_mobis img {
    width: 130px;
  }
  .lq_funcs li {
    width: 100%;
  }
  .lq_func_desc {
    font-size: 2.6rem;
  }
  .lq_func_desc02 {
    font-size: 1.6rem;
  }
  .lq_func_desc03 {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .lq_funcs li:nth-child(4) p {
    text-align: right;
  }
  .black_img05,
  .black_img06 {
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .compos {
    flex-wrap: wrap;
  }
  .compos>div:nth-child(1),
  .compos>div:nth-child(2) {
    width: 100%;
    text-align: center;
  }
  .lq_compo>div:nth-child(1) {
    margin-right: 0;
  }
  .compos>div:nth-child(2) {
    margin-top: 40px;
  }
  .compos>div:nth-child(2) img {
    width: 60%;
  }
  .compos_red {
    line-height: 1.5;
  }
  .black_func_desc04 {
    margin-top: 120px;
    text-align: center;
  }
  .black_func_desc03 {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .tbl_black th {
    line-height: 1.5;
  }
  .tbl_black th, 
  .tbl_black td {
    padding: 14px 10px;
  }
  .tbl_black colgroup col:nth-child(1) {
    width: 32% !important;
  }
  .tbl_black colgroup col:nth-child(2) {
    width: 68% !important;
  }
  .black_cont_pb {
    padding-bottom: 150px;
  }
  /* s500 */
  .set_pw {
    margin-top: 60px;
  }
  .set_pw p:nth-of-type(1) {
    width: 100%;
    padding: 14px 0;
    font-size: 1.6rem;
  }
  .set_pw p:nth-of-type(2) {
    width: 100%;
    padding: 18px 0;
    border-top-right-radius: 0;
    line-height: 1.5;
  }
  .s500_cont {
    padding-bottom: 120px;
  }
  .black_cont02_s02 {
    padding: 100px 0 400px;
    background: url(../images/sub/bg_s3_m.jpg) no-repeat center bottom/cover;
  }
  .black_cont02_s02 .black_tit {
    font-size: 2.6rem;
    text-align: center;
  }
  .s_pro_desc {
    width: 100%;
    font-size: 1.6rem;
    text-align: center;
  }
  .img_sd {
    margin-top: 60px;
    text-align: center;
  }
  .img_sd img {
    width: 104px;
  }
  .s_compo>div:nth-child(1) {
    margin-right: 0;
  }
  /* a3000 */
  .a3_point_txt {
    font-size: 6rem;
  }
  .a3000_box.black_cont02_s {
    padding: 400px 0 95px;
    background: url(../images/sub/bg_a3_m.jpg) no-repeat center top/cover;
  }
  .black_brand_desc {
    font-size: 2.6rem;
    text-align: center;
  }
  /* 보조배터리 */
  .battery_tit_area {
    padding-top: 220px;
  }
  .battm_tit_area:before {
    background: url(../images/sub/bg_batt_mobis_m.jpg) no-repeat center center/cover;
  }
  .band_tit.band_leat_tit {
    height: 56px;
    line-height: 1.4;
  }
  .band_tit.band_leat_tit:before {
    /* height: 56px; */
    -webkit-animation: bandTitle 0.4s ease-out 1.5s forwards;
    animation: bandTitle 0.4s ease-out 1.5s forwards;
  }
  .h2_sub .batt_s_txt {
    font-size: 3rem;
  }
  .battery_tit_area .pro_tit_desc {
    width: 100%;
  }
  .batt_img01 img {
    width: 90%;
  }
  .batt_tit {
    font-size: 3.6rem;
  }
  .batt_desc {
    font-size: 1.6rem;
  } 
  .batt_slide img {
    width: 70%;
  }
  .batt_tit02 {
    font-size: 3.2rem;
  }
  .batt_desc04 {
    width: 100%;
    font-size: 1.6rem;
  }
  .batt_cont03 .inner>div:nth-child(1),
  .batt_cont03 .inner>div:nth-child(2) {
    width: 100%;
  }
  .img_batt {
    margin-top: 60px;
  }
  .batt_desc03 {
    font-size: 1.6rem;
  }
  .black_desc_red {
    font-size: 1.5rem;
    line-height: 1.3;
  }
  .tbl_batt {
    font-size: 1.6rem;
  }
  .black_pro_desc.batt_pro_desc {
    width: 100%;
  }
  .batt_desc02 {
    width: 100%;
  }
  .slide_desc {
    margin-top: 32px;
    font-family: "IBMPlexSansKR-SemiBold";
    font-size: 1.8rem;
  }
  .slide_desc02 {
    margin-top: 20px;
  }
  /* 스포일러 */
  .spoil_tit_area .pro_tit_desc {
    margin-top: 60px;
    font-size: 1.6rem;
    line-height: 1.8;
  }
  .band_tit.band_tit_spoil {
    height: 100px;
  }
  .band_tit.band_tit_spoil:before {
    -webkit-animation: bandTitle100 0.4s ease-out 1.5s forwards;
    animation: bandTitle100 0.4s ease-out 1.5s forwards;
  }
  .black_links.spoil_link li:last-child {
    margin-bottom: 0;
  }
  .flow_txt_black.flow_txt_spoil {
    margin-top: 140px;
  }
  /* 티벡스 동글 */
  .dongle_img02,
  .dongle_img04 {
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .dongle_photo {
    width: calc(100% + 48px);
    margin-top: 160px;
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .dongle_photo img {
    width: 70%;
  }
  .dongle_tit {
    margin-top: 120px;
    font-size: 4.6rem;
    line-height: 1.2;
  }
  .dongle_tbex {
    width: 120px;
  }
  .black_tit br.br_mob {
    display: block;
  }
  .dongle_tit02 {
    font-size: 4rem;
  }
  .dongle_cont {
    padding-bottom: 180px;
  }
  .dongle_img03 {
    margin-top: 100px;
  }
  .dongle_tit_big {
    font-size: 4.6rem;
  }
  .dongle_photo02_wrap {
    width: calc(100% + 48px);
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none; 
    scrollbar-width: none; 
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .dongle_photo02_wrap::-webkit-scrollbar {
    display: none; 
  }
  .dongle_photo02 {
    display: inline-flex;
  }
  .dongle_photo02 li {
    width: 280px;
    margin-right: 20px;
  }
  .dongle_detail>div:nth-child(1), 
  .dongle_detail>div:nth-child(2) {
    width: 100%;
  }
  /* 데칼 */
  .decal_tit_area {
    padding-top: 220px;
  }
  .band_tit.band_tit_decal {
    height: 100px;
  }
  .band_tit.band_tit_decal:before {
    -webkit-animation: bandTitle100 0.4s ease-out 1.5s forwards;
    animation: bandTitle100 0.4s ease-out 1.5s forwards;
  }
  .decal_tit_area .pro_tit_desc {
    margin-top: 60px;
  }
  .black_links {
    margin-top: 40px;
  }
  /* 스피드체이서 */
  .decal_tit p {
    font-size: 4.6rem;
  }
  .speed_img_row {
    flex-wrap: wrap;
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .speed_img_row>div:nth-child(1) {
    width: 100%;
    margin-right: 0;
    text-align: left;
  }
  .speed_img_row>div:nth-child(1) img {
    width: 80%;
  }
  .speed_img_row>div:nth-child(2) {
    width: 100%;
    margin-top: 60px;
    padding-top: 0;
    text-align: right;
  }
  .speed_img_row>div:nth-child(2) img {
    width: 75%;
  }
  .decal_tit {
    margin-top: 150px;
  }
  .speed_img_row02 {
    flex-wrap: wrap;
    margin-top: 60px;
  }
  .speed_img_row02>div {
    width: 100%;
  }
  .speed_img_row02 img {
    width: 75%;
  }
  .speed_img_row02>div:nth-child(1) {
    text-align: left;
  }
  .speed_img_row02>div:nth-child(2) {
    padding-top: 0;
    text-align: right;
  }
  .decal_tit {
    font-size: 4.6rem;
    line-height: 1.2;
  }
  .decal_tit.top {
    font-size: 6rem;
  }
  .speed_img_row03 {
    width: calc(100% + 48px);
    margin-top: 60px;
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .speed_img_row03 img {
    width: 100%;
  }
  .speed_img_row03 li:nth-child(1) {
    margin-bottom: 50px;
  }
  .decal_cont02 {
    padding: 100px 0 260px;
  }
  .decal_cont02 .black_pro_desc {
    width: 80%;
  }
  .decal_cont02 .black_pro_desc br {
    display: block;
  }
  .decal_cont03 .inner {
    padding: 0;
  }
  .speed_img_row04 {
    flex-wrap: wrap;
  }
  .speed_img_row04>div {
    width: 100%;
  }
  .speed_img_row04>div:nth-child(2) {
    margin-top: 60px;
    margin-left: 0;
    padding-top: 0;
  }
  .decal_tit02 {
    font-size: 4.2rem;
  }
  .decal_cont03_wrap {
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none; 
    scrollbar-width: none;
  }
  .decal_cont03_wrap::-webkit-scrollbar {
    display: none; 
  }
  .decal_cont03 {
    width: 200%;
    padding: 260px 0 100px;
  }
  .line {
    display: block;
    top: 56%;
  }
  .color_nm {
    top: -192px;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    transform: translateX(-30%);
  }
  .color_right .color_nm {
    top: -192px;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-transform: translateX(30%);
    -ms-transform: translateX(30%);
    transform: translateX(30%);
  }
  .txt_speed {
    bottom: 20px;
    left: -70px;
    font-size: 1.6rem;
  }
  .color_right .txt_speed {
    bottom: 20px;
    right: -70px;
  }
  .decal_cont05 .inner {
    padding: 0;
  }
  .speed_img_row05 {
    flex-wrap: wrap;
    margin-top: 70px;
  }
  .speed_img_row05>div:nth-child(1),
  .speed_img_row05>div:nth-child(2) {
    width: 100%;
  }
  .decal_tit03 {
    font-size: 3.6rem;
  }
  .speed_img_row05>div:nth-child(2) {
    padding: 68px 24px 100px; 
  }
  .decal_cont05.decal_lemon {
    padding-top: 50px;
  }
  .config_desc p:nth-child(1) {
    font-size: 3.2rem;
  }
  .config_desc p:nth-child(3) {
    font-size: 1.6rem;
  }
  .decal_type img {
    width: 90%;
  }
  .arrow_m {
    display: block;
    position: absolute;
    right: 24px;
    bottom: -55px;
  }
  .color_wrap>div .arrow_m img {
    width: 25px;
  }
  .arrow_right.arrow_m {
    right: auto;
    left: 24px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  /* 맨해튼 스트라이프 */
  .decal_tit.decal_tit_manha.top {
    font-size: 4.7rem;
    letter-spacing: -2px;
  }
  .btn_square02.btn_manha {
    font-size: 1.5rem;
  }
}

@media all and (max-width: 580px) {
  /* DEERCAR EXTERIOR CARE */
  .dcare_img_wrap {
    position: relative;
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .dcare_img_wrap:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1));
  }
  .dcare_img {
    overflow-y: hidden;
    overflow-x: auto;
    margin-top: 14px;
    padding-left: 30px;
    padding-right: 80px;
    -ms-overflow-style: none; 
    scrollbar-width: none; 
  }
  .dcare_img::-webkit-scrollbar {
    display: none; 
  }
  .dcare_img img {
    width: 700px;
  }
  .txt_drag {
    display: block;
    margin-top: 60px;
    font-size: 1.3rem;
  }
  /* lq3000 */
  .night_wrap {
    overflow-y: hidden;
    overflow-x: auto;
    width: calc(100% + 48px);
    padding-right: 24px;
    -ms-overflow-style: none; 
    scrollbar-width: none; 
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .night_wrap::-webkit-scrollbar {
    display: none; 
  }
  .black_img04 {
    padding-left: 24px;
  }
  .black_img04 img {
    width: 700px;
    margin-right: 24px;
  }
  /* 보조배터리 */
  .batt_slide img {
    width: 80%;
  }
  /* 티벡스동글 */
  .dongle_photo img {
    width: 80%;
  }
}

@media all and (max-width: 426px) {
  /* tbex ppf */
  .tbl_tppf_wrap {
    overflow-y: hidden;
    overflow-x: auto;
    padding-left: 24px;
    -ms-overflow-style: none; 
    scrollbar-width: none; 
  }
  .tbl_tppf_wrap::-webkit-scrollbar {
    display: none; 
  }
  .tbl_tppf_inner {
    width: 680px;
  }
  .tbl_tppf {
    width: 600px;
    margin: 30px auto 0 0;
  }
  .tbl_area:after {
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8) 80%);
  }
}

.sub_menu_wrap,
.cou_main,
.cou_link {
  overflow-x: hidden;
}
.sub_menu_wrap {
  overflow-y: hidden;
}

/* 2022.10.28 추가페이지 */
/* 가격정책 */
.price_tit_area:before {
  background: url(../images/sub/bg_price.jpg) no-repeat center center/cover;
}
.price_tit_area .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.price_cont {
  padding: 160px 0 180px;
  background-color: #fff;
  text-align: center;
}
.h3_price {
  font-size: 3.6rem;
}
.price_desc {
  margin-top: 35px;
  font-size: 1.8rem;
}
.price_desc02 {
  margin-top: 16px;
}
.tbl_price {
  table-layout: fixed;
  width: 100%;
  margin-top: 100px;
}
.tbl_price tr:first-child th {
  border-top: 1px solid #000;
}
.tbl_price tr th,
.tbl_price tr td {
  border: 1px solid #d1d1d1;
}
.tbl_price tr th:last-child,
.tbl_price tr td:last-child {
  border-right: none;
}
.tbl_price tr th:first-child,
.tbl_price tr td:first-child {
  border-left: none;
}
.tbl_price tbody tr:first-child td {
  border-top: 1px solid #000;
}
.tbl_price tbody tr:last-child td {
  border-bottom-color: #000;
}
.tbl_price tbody tr td.tbl_bott {
  border-bottom-color: #000;
}
.tbl_price tr th {
  height: 65px;
  background-color: #F5F5F5;
  vertical-align: middle;
  font-family: 'IBMPlexSansKR-SemiBold';
  font-size: 1.8rem;
}
.tbl_price tr td {
  padding: 23px 0;
  font-size: 1.7rem;
  line-height: 1.5;
}
.tbl_price tr td.no_bor {
  border-right-color: transparent;
}
.tbl_price tr th.no_bor {
  border-right-color: transparent;
}
.tbl_price tr td.tbl_left {
  padding-left: 20px;
  text-align: left;
}
.tbl_price tr td:last-child {
  border-right: none;
}
.tbl_price_link {
  color: #C90016;
  text-decoration: underline;
}
.tbl_price_nm {
  font-family: "IBMPlexSansKR-SemiBold";
}
.price_m {
  display: none;
}

@media all and (max-width: 1080px) {
  /* 가격정책 */
  .price_cont {
    padding: 120px 0 120px;
  }
}
@media all and (max-width: 960px) {
  /* 가격정책 */
  .price_tit_area {
    height: 100vh;
  }
  .h3_price {
    font-size: 2.8rem;
  }
  .price_desc {
    margin-top: 48px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .price_desc02 {
    font-size: 1.4rem;
  }
  .price_pc {
    display: none;
  }
  .price_m {
    display: block;
    margin-top: 60px;
  }
  .tab_menu {
    display: flex;
    align-items: center;
  }
  .tab_menu li {
    width: 50%;
    padding: 18px 0;
    background-color: #ECECEC;
    border-top: 1px solid #000;
    font-size: 1.6rem;
  }
  .tab_menu li.selected {
    background-color: #fff;
    color: #D6101F;
    font-family: 'IBMPlexSansKR-SemiBold';
  }
  .tab_con2 {
    display: none;
  }
  .pri_logo_rayno {
    margin-top: 60px;
    margin-bottom: 30px;
  }
  .pri_logo_rayno img {
    width: 42.8160%;
    max-width: 200px;
  }
  .tbl_price_m {
    table-layout: fixed;
    width: 100%;
    margin-bottom: 40px;
    font-size: 1.4rem;
  }
  .tbl_price_m tr:first-child th {
    border-top: 1px solid #000;
  }
  .tbl_price_m tr th,
  .tbl_price_m tr td {
    vertical-align: middle;
    padding: 13px 2px;
    border: 1px solid #d1d1d1;
    line-height: 1.4;
  }
  .tbl_price_m tr th:last-child,
  .tbl_price_m tr td:last-child {
    border-right: none;
  }
  .tbl_price_m tr th:first-child,
  .tbl_price_m tr td:first-child {
    border-left: none;
  }
  .tbl_price_m tbody tr:last-child td {
    border-bottom-color: #000;
  }
  .tbl_price_m tr th {
    background-color: #F5F5F5;
    vertical-align: middle;
    font-family: 'IBMPlexSansKR-SemiBold';
  }
  .tbl_price_m .tbl_price_link {
    font-size: 1.56rem;
  }
  .pri_logo_solar {
    margin: 50px 0 30px;
  }
  .pri_logo_solar img {
    width: 30.1724%;
    max-width: 150px;
  }
  .pride_tit {
    margin: 90px 0 30px;
    font-family: 'IBMPlexSansKR-SemiBold';
    font-size: 2.2rem;
  }
  .tab_con2 .pride_tit:nth-of-type(1) {
    margin-top: 53px;
  }
  .pri_logo_tbex,
  .pri_logo_deer,
  .pri_logo_zero,
  .pri_logo_mobis {
    margin-bottom: 40px;
  }
  .pri_logo_tbex img {
    width: 31.8965%;
    max-width: 160px;
  }
  .pri_logo_deer img {
    width: 31.8965%;
    max-width: 160px;
  }
  .tbl_price_m tbody.conti tr:last-child td {
    border-bottom-color: #d1d1d1;
  }
  .tbl_price_m .conti tr:first-child th {
    border-top-color: transparent;
  }
  .pri_logo_zero img {
    width: 29.885%;
    max-width: 155px;
  }
  .pri_logo_mobis img {
    width: 36%;
    max-width: 170px;
  }
  .pri_tbex {
    margin-top: 90px;
  }
}

@media all and (max-width: 768px) {
  /* 가격정책 */
  .price_tit_area .h2_sub .en {
    margin-top: 40px;
    font-size: 6.6rem;
  }

  .decal_cont05.decal_white {
    border-bottom: 1px solid #000;
  }
}

/* 2022. 12. 8. V-cool 추가*/
/* 프리미엄 쿠폰 */
.vkool_logo {
  margin-top: 115px;
}
.vkool_logo img {
  width: 380px;
}
.vcool_desc p {
  margin-bottom: 40px;
}
.vcool_desc p:last-child {
  margin-bottom: 0;
}
.vkool_logo02 {
  width: 247px;
  height: 44px;
  background: url(../images/sub/logo_vcool.png) no-repeat left top/cover;
}
.page_area.active .vkool_logo02 {
  background-image: url(../images/sub/logo_vcool_white.png);
}
.page_bg06 {
  background-image: url(../images/sub/vcool1.jpg);
}
.page_bg07 {
  background-image: url(../images/sub/vcool2.jpg);
}
/* V-kool VR */
.pro_tit_area.vr_tit_area {
  text-align: left;
}
.vr_tit_area:before {
  background: url(../images/sub/vcool1.jpg) no-repeat center center/cover;
}
.vkool_logo_white {
  position: relative;
  top: 30px;
  opacity: 0;
  -webkit-animation: moveUp 0.5s ease-out 1s forwards;
  animation: moveUp 0.5s ease-out 1s forwards;
}
.vkool_logo_white img {
  width: 220px;
}
.vkool_cont {
  padding: 200px 0 170px;
  color: #fff;
}
.vr_cont {
  background: url(../images/sub/bg_vr.jpg) no-repeat center bottom/cover;
}
.vkool_logo_pro img {
  width: 180px;
  margin-bottom: 20px;
}
.vkool_desc {
  font-size: 3.2rem;
}
.vkool_desc02 {
  width: 66.5625%;
  margin-top: 40px;
  font-size: 1.8rem;
  line-height: 1.7;
}
.vkool_img {
  margin-top: 60px;
}
.vkool_img img {
  width: 714px;
}
.vkool_desc03 {
  margin-top: 100px;
  font-size: 9rem;
  text-align: center;
  -webkit-text-stroke: 1px rgba(255,255,255,0.5);
  -webkit-text-fill-color: transparent;
}
.vkool_desc04 {
  font-size: 15rem;
  text-align: center;
}
.vkool_img02 {
  margin-top: 60px;
  text-align: center;
}
.vkool_img02 img {
  width: 314px;
}
.vkool_desc05 {
  width: 580px;
  margin: 0 auto;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.8;
}
.vkool_desc05 p {
  margin-bottom: 40px;
}
.vr_bene .cutt_desc02 {
  text-align: center;
}
.pro_btn_two {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn_second {
  margin-left: 10px;
}
.vr_cont02 {
  padding-bottom: 44%;
  background: url(../images/sub/bg_vr2.jpg) no-repeat center bottom;
  background-size: 100% auto;
}
.vr_cont02 .pro_info_wrap {
  padding-bottom: 0;
}
.about_vr_cont .techs {
  margin-top: 0;
}
.techs_vr li:nth-child(1)>div {
  background: url(../images/sub/ico_vr1.png) no-repeat left top;
  background-size: 180px;
}
.techs_vr li:nth-child(2)>div {
  background: url(../images/sub/ico_vr2.png) no-repeat left top;
  background-size: 180px;
}
.techs_vr li:nth-child(3)>div {
  background: url(../images/sub/ico_vr3.png) no-repeat left top;
  background-size: 180px;
}
.techs_vr li:nth-child(4)>div {
  background: url(../images/sub/ico_vr4.png) no-repeat left top;
  background-size: 180px;
}
.techs_vr li:nth-child(5)>div {
  background: url(../images/sub/ico_vr5.png) no-repeat left top;
  background-size: 180px;
}
.techs_vr li:nth-child(6)>div {
  background: url(../images/sub/ico_vr6.png) no-repeat left top;
  background-size: 180px;
}
.techs_vr li:nth-child(7)>div {
  background: url(../images/sub/ico_vr7.png) no-repeat left top;
  background-size: 180px;
}
.techs_vr li:nth-child(8)>div {
  background: url(../images/sub/ico_vr8.png) no-repeat left top;
  background-size: 180px;
}
.btn_square02.btn_vkool_lap {
  font-size: 1.7rem;
}
.btn_square02.btn_vkool_lap .en {
  font-size: 2rem;
}
/* V-kool VN */
.pro_tit_area.vn_tit_area {
  text-align: left;
}
.vn_tit_area:before {
  background: url(../images/sub/vcool2.jpg) no-repeat center center/cover;
}
.vn_cont {
  background: url(../images/sub/bg_vn.jpg) no-repeat center bottom/cover;
}
.vn_cont02 {
  padding-bottom: 44%;
  background: url(../images/sub/bg_vn2.jpg) no-repeat center bottom;
  background-size: 100% auto;
}
.vn_cont02 .pro_info_wrap {
  padding-bottom: 0;
}
.vn_img {
  margin-bottom: 60px;
}
.techs_vn li:nth-child(1)>div {
  background: url(../images/sub/ico_vn1.png) no-repeat left top;
  background-size: 180px;
}
.techs_vn li:nth-child(2)>div {
  background: url(../images/sub/ico_vn2.png) no-repeat left top;
  background-size: 180px;
}
.techs_vn li:nth-child(3)>div {
  background: url(../images/sub/ico_vn3.png) no-repeat left top;
  background-size: 180px;
}
.techs_vn li:nth-child(4)>div {
  background: url(../images/sub/ico_vn4.png) no-repeat left top;
  background-size: 180px;
}
.techs_vn li:nth-child(5)>div {
  background: url(../images/sub/ico_vn5.png) no-repeat left top;
  background-size: 180px;
}
.techs_vn li:nth-child(6)>div {
  background: url(../images/sub/ico_vn6.png) no-repeat left top;
  background-size: 180px;
}
.techs_vn li:nth-child(7)>div {
  background: url(../images/sub/ico_vn7.png) no-repeat left top;
  background-size: 180px;
}
.techs_vn li:nth-child(8)>div {
  background: url(../images/sub/ico_vn8.png) no-repeat left top;
  background-size: 180px;
}
.bd_vkool_li {
  height: 470px;
  padding: 20px 0 30px;
  overflow-x: hidden;
  overflow-y: auto;
}
.vkool_li_box {
  text-align: center;
}
.vkool_li_box img {
  width: 100%;
}

@media (max-width: 1280px) {
  /* tbex ppf */
  .tppf_solutions>div {
    width: 44%;
  }
}

@media (max-width: 1080px) {
  /* 프리미엄 쿠폰 */
  .vkool_logo02 {
    display: none;
  }
  /* tbex ppf */
  .tppf_cont_new {
    padding-top: 120px;
  }
  .tppf_cont02 {
    padding-top: 120px;
  }
  .tppf_point .stre_pro_desc08 {
    font-size: 7rem;
  }
  /* vr */
  .vkool_cont {
    padding-top: 120px;
    padding-bottom: 100px;
  }
  .vkool_img img {
    width: 65%;
  }
  .vkool_desc03 {
    font-size: 7rem;
  }
  .vkool_desc04 {
    font-size: 10rem;
  }
  .pro_btn_two {
    flex-wrap: wrap;
  }
  .pro_btn_two>div {
    width: 100%;
  }
  .pro_btn_two>div:nth-child(2) {
    margin-top: 20px;
  }
  .btn_second {
    margin-left: 0;
  }
}

@media (max-width: 960px) {
  /* 가격 정책 */
  .pri_logo_vkool {
    margin: 50px 0 30px;
  }
  .pri_logo_vkool img {
    width: 38%;
    max-width: 190px;
  }
  /* ppf */
  .ppf_cont02 {
    padding-top: 120px;
    text-align: center;
  }
  /* tbex ppf */
  .tppf_desc05 {
    width: 90%;
  }
  .tppf_point img {
    width: 100px;
  }
  .tppf_point .stre_pro_desc08 {
    font-size: 7rem;
  }
  .tppf_cont {
    padding-bottom: 300px;
    background-color: #110D0E;
    background-size: 150% auto;
  }
  .tppf_solutions {
    flex-wrap: wrap;
  }
  .tppf_solutions>div {
    width: 100%;
  }
  .tppf_solutions>div:nth-child(1) {
    margin-bottom: 80px;
  }
  .cutt_benefits {
    flex-wrap: wrap;
  }
  .cutt_benefits li {
    width: 45%;
    margin-bottom: 40px;
  }
  /* vr */
  .vkool_logo img {
    width: 260px;
  }
}

@media (max-width: 768px) {
  /* 프리미엄 쿠폰 */
  .vcool_page_area.solar_page_area .links li:nth-child(1) {
    background: url(../images/sub/vcool1.jpg) no-repeat left top/cover;
  }
  .vcool_page_area.solar_page_area .links li:nth-child(2) {
    background: url(../images/sub/vcool2.jpg) no-repeat left top/cover;
  }
  .vkool_logo {
    margin-top: 30px;
  }
  /* tbex ppf */
  .tppf_logo {
    font-size: 4rem;
  }
  .tppf_logo img {
    width: 112px;
  }
  .tppf_desc05 {
    margin-top: 50px;
  }
  .tppf_point img {
    width: 78px;
  }
  .tppf_point .stre_pro_desc08 {
    font-size: 6.5rem;
  }
  .tppf_points .point_desc {
    font-size: 2.2rem;
  }
  .tppf_cont {
    padding-bottom: 50%;
  }
  .cutt_en {
    font-size: 4.2rem;
  }
  .tppf_cont02 .tppf_center {
    text-align: left;
  }
  .tppf_solu_desc {
    width: 100%;
    text-align: left;
  }
  .cutt_benefits li {
    width: 100%;
    margin-bottom: 80px;
  }
  .stre_pro_desc07.tppf_pro {
    line-height: 1.6;
  }
  .tppf_cont03 {
    padding-bottom: 50%;
    background-image: url(../images/sub/bg_con_ppf_m.png);
  }
  .tppf_desc {
    line-height: 1.5;
  }
  .tppf_solu_li li>p:nth-child(2) {
    line-height: 1.5;
  }
  /* vr */
  .vkool_logo_white {
    display: none;
  }
  .vkool_desc {
    line-height: 1.7;
  }
  .vkool_desc02 {
    font-size: 1.6rem;
    line-height: 2;
  }
  .vkool_desc02 {
    width: 90%;
  }
  .vkool_img_m {
    margin-top: 60px;
  }
  .vkool_img_m img {
    width: 75%;
  }
  .vkool_desc03 {
    font-size: 4rem;
  }
  .vkool_desc04 {
    font-size: 10rem;
  }
  .vkool_img02 img {
    width: 70%;
    max-width: 320px;
  }
  .vkool_desc05 {
    width: 100%;
  }
  .pro_btn_two .btn_square02 {
    width: 330px;
    font-size: 1.6rem;
  }
  .vr_cont02 {
    padding-bottom: 100%;
    background-image: url(../images/sub/bg_vr2_m.jpg);
  }
  .vn_cont02 {
    padding-bottom: 100%;
    background-image: url(../images/sub/bg_vn2_m.jpg);
  }
  .bd_vkool_li {
    height: 350px;
  }
  .cutt_desc {
    margin-top: 20px;
  }
  .vr_cont {
    background-image: url(../images/sub/bg_vr_m.jpg);
  }
  .vn_cont {
    background-image: url(../images/sub/bg_vn_m.jpg);
  }
  .btn_square02.btn_vkool_lap .en {
    font-size: 1.6rem;
  }
}

/* 2022.12.15 수정 */
.gall_view_desc {
  line-height: 1.5;
}

/* 2023.02.15 블랙박스 수정 및 페이지 추가 */
/* 블랙박스 페이지에 sf1000 추가 */
.finevu {
  margin-top: 400px;
}
.finevu_logo img {
  width: 490px;
}
/* sf1000 */
.sf1000_tit_area:before {
  background: url(../images/new23/bg_sf1000.jpg) no-repeat center center/cover;
}
.finevu_logo_s img {
  width: 222px;
  margin-top: 64px;
  text-align: center;
}
.sf1000_1 img {
  width: 70.3125%;
}
.sf1000_2 img {
  width: 67.1875%;
}
.black_tit.mt0 {
  margin-top: 0;
}
.black_desc_red.mt23 {
  margin-top: 23px;
}
.sf1000_3 img {
  width: 68.59375%;
}
.sf1000_4 img {
  width: 48.359375%;
  margin-top: 35px;
}
.sf_desc_red {
  font-size: 1.7rem;
  line-height: 1.8;
}
.sf_img_row {
  margin-top: 53px;
  padding: 70px 0 78px;
  background: url(../images/new23/bg_sf1000_2.jpg) no-repeat center center/cover;
}
.sf_img_row .sf_inner {
  display: flex;
  position: relative;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}
.sf_img_row .sf_inner>div {
  width: 50%;
  text-align: center;
}
.sf_img_row .sf_inner>div img {
  width: 71.25%;
}
.sf1000_5 img {
  width: 60.625%;
}
.sf1000_6 img {
  width: 67.1875%;
}
.link_fv {
  color: #C90016;
}
.sf_compos_s img {
  width: 82.5%;
}

@media (max-width: 1080px) {
  .finevu {
    margin-top: 160px;
  }
  .finevu_logo img {
      width: 50%;
  }
}
@media (max-width: 768px) {
  .finevu_logo_s img {
    width: 174px;
  }
  .sf1000_1 img,
  .sf1000_2 img,
  .sf1000_4 img,
  .sf1000_5 img,
  .sf1000_6 img {
    width: 100%;
  }
  .sf_img_row {
    margin-top: 0;
    padding-top: 50px;
    padding-bottom: 0;
    background: none;
  }
  .sf_img_row .sf_inner {
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
  }
  .sf_img_row .sf_inner>div {
    width: 100%;
    padding: 52px 0;
  }
  .sf_img_row .sf_inner>div:first-child {
    background: url(../images/new23/bg_sf1000_m1.jpg) no-repeat center center/cover;
  }
  .sf_img_row .sf_inner>div:last-child {
    background: url(../images/new23/bg_sf1000_m2.jpg) no-repeat center center/cover;
  }
  .sf_img_row .sf_inner>div img {
    width: 65.4205%;
  }
  .black_img.sf1000_5 {
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .finevu_logo img {
    width: 60%;
  }
  .sf_desc_red br {
    display: none;
  }
}

/* 230315 VR,VN 버튼 수정, 쿠폰썬팅 팝업 추가 */
.pro_btn_two.pro_btn_three {
  display: block;
}
.pro_btn_two.pro_btn_three .btn_square02 {
  width: 530px;
  margin-bottom: 20px;
  font-size: 1.7rem;
}
.pro_btn_two.pro_btn_three .btn_square02 span {
  position: relative;
}
.pro_btn_two.pro_btn_three .btn_square02 span:after {
  content: '';
  position: absolute;
  width: 30px;
  height: 29px;
}
.btn_review span:after {
  top: -4px;
  right: -38px;
  background: url(../images/new23/icn_review.png) no-repeat left top/cover;
}
.btn_vkool_lap span:after {
  top: -10px;
  right: -38px;
  background: url(../images/new23/icn_rab.png) no-repeat left top/cover;
}
.btn_vkool_info span:after {
  top: -5px;
  right: -38px;
  background: url(../images/new23/icn_more_vkool.png) no-repeat left top/cover;
}

/* 쿠폰썬팅 modal */
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }  
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }  
}
.cont_modal_new {
  position: absolute;
  top: 207px;
  left: 15px;
  width: 750px;
  margin: 0 auto;
  overflow: hidden;
  z-index: 500;
}
.cont_modal_inner {
  background: url(../images/new23/bg_popup.png) no-repeat center center/cover;
  opacity: 0;
  -webkit-animation: fadeInUp 0.4s ease-out 1.2s forwards;
  animation: fadeInUp 0.4s ease-out 1.2s forwards;
}
.cont_modal_new .hd_modal {
  display: none;
  background-color: #C90016;
}
.cont_modal_new .btn_close {
  border-left: none;
}
.bd_modal_new {
  position: relative;
  overflow: hidden;
  padding: 50px 40px 40px 49.8684%;
}
.bd_modal_new:before {
  content: '';
  position: absolute;
  left: -1%;
  top: 87px;
  width: 430px;
  height: 380px;
  background: url(../images/new23/img_casper.png) no-repeat right top/cover;
}
.pop_desc1 {
  display: inline-block;
  margin-bottom: 5px;
  padding-bottom: 0;
  border-bottom: 2px solid #C90016;
  color: #C90016;
  font-weight: 600;
  line-height: 1.6;
}
.pop_desc2 {
  margin-bottom: 4px;
  font-size: 2.2rem;
  line-height: 1.5;
}
.pop_desc2 img {
  width: 66px;
}
.pop_desc2 span {
  display: inline-block;
  padding: 0 5px;
  background-color: #000;
  color: #fff;
}
.pop_logo {
  margin-top: 30px;
}
.pop_logo img {
  width: 340px;
}
.pop_desc3 {
  margin-top: 30px;
  font-size: 1.4rem;
  line-height: 1.6;
}
.pop_desc3 b {
  font-weight: 600;
}
.pop_btn {
  margin-top: 18px;
}
.btn_premium {
  position: relative;
  width: 230px;
  height: 53px;
  padding-left: 20px;
  background-color: #C90016;
  border-radius: 10px;
  box-shadow: 8px 8px 8px rgba(0,0,0,0.2);
  color: #fff;
  font-size: 1.4rem;
  text-align: left;
}
.btn_premium:hover {
  background-color: #b00316;
}
.btn_premium:after {
  content: '';
  position: absolute;
  top: 21px;
  right: 20px;
  width: 22px;
  height: 7px;
  background: url(../images/new23/arrow.png) no-repeat left top/cover;
}
.ft_modal_new {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 42px;
  padding: 0 20px;
  background-color: #585858;
  color: #fff;
  font-size: 1.2rem;
}
.input_check_row {
  display: flex;
  align-items: center;
}
.input_check {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.btn_close_txt {
  color: #24AFFF;
  font-size: 1.2rem;
}

@media (max-width: 1080px) {
  .pro_btn_two>div:nth-child(2) {
      margin-top: 0;
  }
}
@media (max-width: 960px) {
  .cont_modal_new {
    top: 160px;
    left: 10px;
    width: 340px;
  }
  .cont_modal_new .hd_modal {
    display: none;
  }
  .bd_modal_new {
    padding: 43px 30px 40px;
    text-align: center;
  }
  .bd_modal_new:before {
    display: none;
  }
  .pop_logo img {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .pro_btn_two.pro_btn_three .btn_square02 {
    width: 330px;
  }
  .pro_btn_two.pro_btn_three .btn_square02 span:after {
    width: 24px;
    height: 23px;
  }
  .btn_review span:after {
    right: -33px;
  }
  .btn_vkool_lap span:after {
    top: -7px;
    right: -33px;
  }
  .btn_vkool_info span:after {
    right: -32px;
  }
  .cont_modal_new {
    top: 180px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

/* 230328 블랙박스 LXQ2000 신규페이지 추가 */
.flow_txt_black.mt70 {
  margin-top: 70px;
}
.lxq2000_tit_area:before {
  background: url(../images/new23/bg_lxq2000.jpg) no-repeat center center/cover;
}
.h3_lq.h3_lxq {
  color: #E2B06D;
}
.lxq_cont {
  padding: 180px 0 328px;
  background: url(../images/new23/bg_lxq2000_02.jpg) no-repeat center center/cover;
  color: #fff;
}
.lxq_tit_row {
  flex-wrap: wrap;
}
.ico_new {
  margin-left: 20px;
  padding: 8px 29px;
  background-color: #E2B06D;
  border-radius: 10px;
  color: #fff;
  font-size: 3.6rem;
}
.dflex {
  display: flex;
}
.aic {
  align-items: center;
}
.ico_qhd_box {
  width: 100%;
}
.h3_lq .ico_qhd {
  display: inline-block;
  margin-top: 20px;
  padding: 13px 14px;
  border: 1px solid #fff;
  border-radius: 10px;
  color: #fff;
  font-size: 2.4rem;
}
.lxq_desc {
  width: 435px;
  margin-top: 60px;
  font-size: 1.8rem;
  line-height: 1.9;
}
.lxq_desc p {
  margin-bottom: 30px;
}
.lxq_desc p:last-child {
  margin-bottom: 0;
}
.lxq_video01 {
  margin-top: 40px;
}
.video_tit {
  display: inline-block;
  width: 371px;
  padding: 18px 0 17px;
  background-color: #000;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  color: #fff;
  font-size: 1.8rem;
}
.video_area {
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
}
.youtube_wrap {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.youtube_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lxq_video02 {
  margin-top: 40px;
}
.clr_red {
  color: #C90016;
}
.clr_yellow {
  color: #FF9D51;
}
.lxq2000_1 img {
  width: 78.125%;
  vertical-align: top;
}
.lxq2000_2 {
  width: 78.125%;
  margin: 15px auto 0;
  padding-bottom: 200px;
}
.lxq2000_2 img {
  width: 50%;
}
.lxq_cont02 {
  padding: 150px 0 142px;
  background: url(../images/new23/bg_lxq2000_03.jpg) no-repeat center center/cover;
  text-align: center;
}
.lxq2000_3 {
  justify-content: center;
  margin-top: 49px;
}
.lxq2000_3 img {
  width: 36.25%;
}
.lxq2000_3 img:nth-child(2) {
  margin-left: 20px;
  box-shadow: 0px 0px 20px #FF8317;
}
.lxq2000_4 img {
  width: 46.875%;
}
.lxq_desc02 {
  width: 584px;
  margin: 0 auto;
  color: #C90016;
  font-size: 1.6rem;
  line-height: 1.7;
}
.lxq2000_5 img {
  width: 55.4687%;
}
.lxq2000_6 img {
  width: 76.3281%;
}
.connect_sk {
  display: flex;
  justify-content: space-between;
  width: 89.0625%;
  margin: 45px auto 0;
}
.lxq2000_7 {
  width: 41.4035%;
}
.lxq2000_7 img {
  width: 100%;
}
.connect_tbl {
  width: 51.7543%;
}
.connect_tbl .tbl_black {
  margin-top: 0;
}
.connect_tbl .tbl_black th,
.connect_tbl .tbl_black td {
  vertical-align: middle;
  font-size: 1.6rem;
  line-height: 1.5;
}
.connect_link {
  color: #C90016;
  text-decoration: underline;
}
.lxq_desc03 {
  width: 40%;
  margin: 38px auto 0;
  color: #FF9D51;
  font-size: 1.6rem;
  line-height: 1.7;
}
/* 230409 데칼 포인트데칼, 사이드언더 데칼 신규페이지 추가 */
/* decal 수정 */
.black_links li:nth-child(4) .padd_wrap {
  -webkit-transform: translateY(150px);
  -ms-transform: translateY(150px);
  transform: translateY(150px);
}
.black_links li.mb100 {
  margin-bottom: 100px;
}
.tag_diy {
  display: inline-block;
  width: 58px;
  height: 26px;
  margin-bottom: 8px;
  background-color: #C90016;
  border-radius: 5px;
  color: #fff;
  font-size: 2rem;
  text-align: center;
  line-height: 26px;
}
.fnt_s {
  font-size: 1.8rem;
}

/* point dedal */
.point_tit_area:before {
  background: url(../images/new23/bg_point.jpg) no-repeat center center/cover;
}
.decal_new_tit {
  margin-top: 200px;
  font-size: 6rem;
}
.decal_new_tit.no_mar {
  margin-top: 0;
}
.decal_new_tit p.poidec_desc {
  margin-top: 15px;
  font-size: 3.6rem;
  font-weight: 400;
}
.poidec_img {
  margin-top: 100px;
}
.poidec_img01 img {
  width: 78.125%;
}
.point_cont04 {
  padding-bottom: 40px;
  text-align: center;
}
.point_cont03 {
  padding: 80px 0 120px 0;
  background: url(../images/new23/bg_point2.jpg) no-repeat center center/cover;
}
.point_cont03_inner {
  display: flex;
  justify-content: space-between;
} 
.point_cont03_inner>div:nth-child(1) {
  text-align: left;
}
.point_cont03_inner>div:nth-child(2) {
  width: 74.2188%;
}
.product_slide_wrap {
  position: relative;
}
.product_slide_wrap .swiper-slide p {
  margin-bottom: 20px;
  font-size: 2.2rem;
}
.product_slide_wrap .swiper-slide img {
  width: 100%;
  vertical-align: top;
}
.swiper-control>div:nth-child(1) {
  width: 70px;
}
.product-scrollbar {
  position: absolute;
  right: 20px;
  bottom: -68px;
  width: calc(100% - 150px);
  height: 4px;
  background-color: #fff;
  border: 1px solid #000;
}
.product-scrollbar .swiper-scrollbar-drag {
  background-color: #000;
}
.product-button-prev,
.product-button-next {
  position: absolute;
  left: 20px;
  bottom: -77px;
  width: 23px;
  height: 23px;
  background: url(../images/main/ico_arrow_black.png) no-repeat left top/100%;
  cursor: pointer;
}
.product-button-prev {
  transform: scaleX(-1);
}
.product-button-next {
  left: 60px;
}
.black_pro_desc strong {
  font-weight: 600;
}
.point_img_row {
  display: flex;
  justify-content: center;
  margin: 100px 0;
}
.point_img_row>div:nth-child(1) {
  width: 44.5312%;
  margin-right: 10.9375%;
}
.point_img_row>div:nth-child(2) {
  padding-top: 70px;
  width: 44.5312%;
  text-align: left;
}
.point_img_row img {
  width: 100%;
}
.point_img_row img.symbol_img {
  width: 83.8596%;
  margin-bottom: 65px;
}
.poidec_img02 {
  margin-top: 60px;
}
.poidec_img02 img {
  width: 78.125%;
}
.poidec_desc02 {
  width: 286px;
  margin: 60px auto 0;
  font-size: 1.8rem;
  line-height: 1.7;
}
.poidec_desc02 b {
  font-weight: 600;
}
.point_img_row02 {
  display: flex;
  justify-content: center;
  margin: 100px 0;
}
.point_img_row02>div:nth-child(1) {
  width: 48.4375%;
  margin-right: 3.125%;
}
.point_img_row02>div:nth-child(2) {
  width: 48.4375%;
}
.point_img_row02 img {
  width: 100%;
}
.poidec_img03 {
  margin-top: 25px;
}
.poidec_img03 img {
  width: 312px;
}
.point_img_row03 {
  margin-top: 80px;
}
.point_img_row03>div:nth-child(1) {
  text-align: left;
}
.point_img_row03>div:nth-child(1) img {
  width: 53.125%;
}
.img_flex {
  display: flex;
  justify-content: flex-end;
  margin-top: 35px;
}
.img_flex>div:nth-child(2) {
  width: 62.4218%;
  margin-left: 2.7343%;
}
.img_flex>div img {
  width: 100%;
}
.img_flex>div:nth-child(1) {
  width: 25.1562%;
}
.btn_square02 b {
  font-weight: 600;
}
.btn_decal.btn_square02 {
  font-size: 1.6rem;
}
.btn_decal span {
  position: relative;
  padding-left: 20px;
}
.btn_decal span:before {
  content: '';
  position: absolute;
  left: -12px;
  top: -7px;
  width: 28px;
  height: 27px;
  background: url(../images/new23/ico_cart.png) no-repeat left top/100%;
}
.decal_cont.point_cont {
  padding-top: 0;
}
/* side under decal */
.under_tit_area:before {
  background: url(../images/new23/bg_under.jpg) no-repeat center center/cover;
}
.h2_pro_s {
  font-size: 5rem;
}
.under_img01 {
  margin-top: 35px;
}
.point_cont03_inner.under_tempo>div:nth-child(2) {
  width: 47.6562%;
}
.decal_new_tit span {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 4rem;
}
.under_img_row {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
.under_img_row>div:nth-child(1) {
  width: 48.4375%;
  margin-right: 3.125%;
}
.under_img_row>div:nth-child(2) {
  padding-top: 280px;
  width: 48.4375%;
  text-align: left;
}
.under_img_row img {
  width: 100%;
}
.under_img_row02 {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.under_img_row02>div:nth-child(1),
.under_img_row02>div:nth-child(2) {
  width: 48.4375%;
}
.under_img_row02 img {
  width: 100%;
}
.under_img_row03 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 60px;
}
.under_img_row03>div {
  width: 48.4375%;
}
.under_img_row03>div:nth-child(2),
.under_img_row03>div:nth-child(4) {
  padding-top: 280px;
}
.under_img_row03 img {
  width: 100%;
}
.under_desc {
  margin-top: 20px;
  font-size: 1.8rem;
  text-align: left;
  line-height: 1.7;
}
.under_desc b {
  font-weight: 600;
}
.underline {
  text-decoration: underline;
}

/* 230414 decal text 추가 */
.open_txt {
  margin-left: 5px;
  color: #C90016;
  font-weight: 600;
  vertical-align: 2px;
}

@media (max-width: 1280px) {
  /* lxq2000 */
  .connect_sk {
    width: 100%;
  }
  /* decal*/
  .ster_link_right {
    width: 97%;
  }
  .ster_link_right>div:nth-child(2) {
    width: 49%;
  }
  .sw_de {
    display: none;
  }
  /* point decal */
  .product_slide_wrap .swiper-slide p {
    font-size: 1.6rem;
  }
}
@media (max-width: 1080px) {
  /* lxq2000 */
  .lxq_cont {
    padding: 120px 0 328px;
  }
  .lxq_cont02 {
    padding: 120px 0 142px;
  }
  .connect_tbl {
    width: 55%;
  }
  /* point */
  .decal_new_tit {
    font-size: 4.6rem;
  }
  .decal_new_tit p.poidec_desc {
    font-size: 2.6rem;
  }
  /* side under decal */
  .for_cas {
    display: block;
  }
  .decal_new_tit span {
    font-size: 3rem;
  }
}
@media (max-width: 960px) {
  /* lxq2000 */
  .connect_sk {
    flex-wrap: wrap;
  }
  .lxq2000_7 {
    width: 80%;
    margin: 0 auto;
  }
  .lxq2000_7 img {
    width: 70%;
  }
  .connect_tbl {
    width: 100%;
    margin-top: 35px;
  }
  /* dedal */
  .sw_de {
    display: block;
  }
  .black_links li:nth-child(4) .padd_wrap {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  /* point decal */
  .product_slide_wrap .swiper-slide p {
    font-size: 1.8rem;
  }
  /* side under decal */
  /* 나중에 포인트와 통일되면 지울것 */
  .point_cont03_inner.under_tempo>div:nth-child(2) {
    width: 58%;
  }
}
@media (max-width: 768px) {
  /* lxq2000 */
  .lxq2000_tit_area:before {
    background: url(../images/new23/bg_lxq2000_m.jpg) no-repeat center center/cover;
  }
  .lxq_cont {
    background: url(../images/new23/bg_lxq2000_02_m.jpg) no-repeat center center/cover;
  }
  .lxq_tit_row>span:nth-of-type(1) {
    width: 100%;
    margin-bottom: 10px;
  }
  .ico_new {
    width: 110px;
    height: 45px;
    padding: 0;
    margin-left: 0;
    margin-right: 10px;
    font-size: 2.6rem;
    text-align: center;
    line-height: 45px;
  }
  .ico_qhd_box {
    display: flex;
    width: auto;
  }
  .h3_lq .ico_qhd {
    width: 130px;
    height: 45px;
    margin-top: 0;
    font-size: 2rem;
    text-align: center;
  }
  .lxq_desc {
    width: 100%;
  }
  .lxq2000_1,
  .lxq2000_2 {
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .lxq2000_1 img {
    width: 100%;
  }
  .lxq2000_2 {
    flex-wrap: wrap;
    margin-top: 20px;
    padding-bottom: 120px;
  }
  .lxq2000_2 img {
    width: 100%;
  }
  .lxq2000_3 {
    flex-wrap: wrap;
  }
  .lxq2000_3 img {
    width: 100%;
  }
  .lxq2000_3 img:nth-child(2) {
    margin-top: 20px;
    margin-left: 0;
  }
  .lxq2000_4 img {
    width: 80%;
  }
  .lxq_desc02 {
    width: 100%;
    text-align: left;
  }
  .lxq2000_5 img {
    width: 90%;
  }
  .lxq2000_7 img {
    width: 100%;
  }
  .lxq_desc03 {
    width: 100%;
    font-size: 1.4rem;
  }
  .video_tit {
    width: 100%;
  }
  .lxq_desc02.m_tac {
    text-align: center;
  }
  /* decal */
  .ster_link_right>div:nth-child(2) {
    width: 100%;
  }
  /* point */
  .dongle_logo_top.m_mt120 {
    margin-top: 120px;
  }
  .decal_new_tit {
    line-height: 1.3;
  }
  .poidec_img {
    width: calc(100% + 48px);
    margin-top: 60px;
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .poidec_img01 img {
    width: 100%;
  }
  .decal_cont.decal_cont06 {
    padding-bottom: 120px;
  }
  .point_cont03 {
    padding-top: 40px;
  }
  .point_cont03_inner {
    flex-wrap: wrap;
  }
  .point_cont03_inner>div:nth-child(1),
  .point_cont03_inner>div:nth-child(2) {
    width: 100%;
  }
  .product_slide_wrap {
    margin-top: 35px;
  }
  .product_slide_wrap .swiper-slide p {
    font-size: 2.4rem;
  }
  .point_img_row {
    flex-wrap: wrap;
    margin-top: 60px;
    margin-bottom: 0;
  }
  .point_img_row>div:nth-child(1) {
    width: calc(100% + 48px);
    margin-right: 0;
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .point_img_row>div:nth-child(1) {
    text-align: left;
  }
  .point_img_row>div:nth-child(2) {
    width: calc(100% + 48px);
    padding-top: 20px;
    text-align: right;
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
  }
  .point_img_row img {
    width: 92%;
  }
  .point_img_row img.symbol_img {
    width: 70%;
    margin-bottom: 10px;
  }
  .point_img_row>div:nth-child(2) .span_sym {
    display: inline-block;
    width: 92%;
    text-align: left;
  }
  .decal_new_tit {
    margin-top: 120px;
  }
  .poidec_img02 {
    width: calc(100% + 48px);
    margin-top: 35px;
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);  
  }
  .poidec_img02 img {
    width: 100%;
  }
  .poidec_desc02 {
    width: 90%;
    margin: 35px auto 0;
  }
  .point_img_row02 {
    flex-wrap: wrap;
    width: calc(100% + 48px);
    margin-top: 35px;
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);  
  }
  .point_img_row02>div:nth-child(1),
  .point_img_row02>div:nth-child(2) {
    width: 100%;
  }
  .point_img_row02>div:nth-child(1) {
    margin-right: 0;
    margin-bottom: 35px;
  }
  .poidec_img03 img {
    width: 70%;
  }
  .point_img_row03 {
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);  
  }
  .point_img_row03>div:nth-child(1) img {
    width: 88%;
  }
  .img_flex {
    flex-wrap: wrap;
  }
  .img_flex>div:nth-child(1),
  .img_flex>div:nth-child(2) {
    width: 100%;
  }
  .img_flex>div:nth-child(2) {
    margin-left: 0;
    text-align: right;
  }
  .img_flex>div:nth-child(1) img {
    width: 45%;
    margin-bottom: 28px;
  }
  .img_flex>div:nth-child(2) img {
    width: 88%;
  }
  .decal_cont.point_cont02 {
    padding-bottom: 120px;
  }
  .btn_decal.btn_square02 {
    font-size: 1.5rem;
  }
  .btn_decal span:before {
    display: none;
  }
  .btn_decal span {
    padding-left: 0;
  }
  /* side under decal */
  .under_tit_area:before {
    background: url(../images/new23/bg_under_m.jpg) no-repeat center bottom/cover;
  }  
  .h2_pro_s {
    font-size: 4rem;
  }
  .under_img_row {
    flex-wrap: wrap;
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);  
  }
  .under_img_row>div:nth-child(1) {
    width: 100%;
    margin-right: 0;
  }
  .under_img_row>div:nth-child(2) {
    width: 100%;
    margin-top: 35px;
    padding-top: 0;
  }
  .under_img_row02 {
    flex-wrap: wrap;
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);  
  }  
  .under_img_row02>div:nth-child(1), 
  .under_img_row02>div:nth-child(2) {
    width: 100%;
  }
  .under_img_row02>div:nth-child(2) {
    margin-top: 35px;
  }
  .under_img_row03>div {
    width: 100%;
    margin-bottom: 60px;
  }  
  .under_img_row03>div:last-child {
    margin-bottom: 0;
  }
  .under_img_row03>div:nth-child(2), 
  .under_img_row03>div:nth-child(4) {
    padding-top: 0;
  }
  /* 나중에 포인트와 통일되면 지울것 */
  .point_cont03_inner.under_tempo>div:nth-child(2) {
    width: 100%;
  }

  /* iPhone chrome 깜빡임 방지 */
  body {
    visibility: visible;
    opacity: 1;
    -webkit-animation: none;
    animation: none;
  }
  
}

/* 230515 Service 하단 TEXT 애니메이션 수정 - 모바일 */
@media (max-width: 768px) {
  .flow_txt_glass,
  .flow_txt_black {
    font-size: 50px !important;
  }
}

/* 20230803 파인파워1000 신규페이지 및 기존 페이지 수정 */
.ster_link.glass_link a {
  display: inline-block;
  width: 54.2969%;
}

@media (max-width: 960px) {
  .ster_link.glass_link a {
    width: 100%;
  }
}

/* 230828 데칼 페이지 등 수정 */
.decal_btn_row .btn_square02 {
  width: 30%;
}
.btn_decal_way {
  margin-left: 20px;
}
.btn_decal.btn_decal_way span:before {
  top: -6px;
  background: url(../images/new23/icn_review.png) no-repeat left top/cover;
}

@media (max-width: 1280px) {
  .decal_btn_row .btn_square02 {
    width: 36%;
    padding: 0 46px 0 40px;
  }
  .btn_square02:after {
    right: 20px;
  }
}

@media (max-width: 960px) {
  .decal_btn_row .btn_square02 {
    display: block;
    width: 60%;
    padding: 0 46px 0 40px;
    margin: 0 auto;
  }
  .decal_btn_row .btn_square02.btn_decal_way {
    margin: 20px auto 0;
  }
}

@media (max-width: 768px) {
  .decal_btn_row .btn_decal {
    padding: 0 46px 0 60px;
  }
  .decal_btn_row .btn_decal span:before {
    display: block;
    left: -42px;
  }
}

@media (max-width: 580px) {
  .decal_btn_row .btn_square02 {
    width: 100%;
  }
}

/* 230911 TBEX PPF 페이지 수정 */
.tppf_desc_new {
  line-height: 1.6;
}
.tppf_desc_new b {
  font-weight: 600;
}
.tppf_desc05_new b {
  font-weight: 600;
}

/* 20231013 PPF 인트로, PPF 페이지 수정 */
/* ppf intro */
.ppf_cont_panthera {
  position: relative;
  padding: 180px 0 500px;
  background: #000;
  overflow: hidden;
  color: #fff;
  text-align: center;
}
/* .ppf_cont_panthera:before {
  content: '';
  position: absolute;
  top: 15%;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/new23/bg_con_ppf.jpg) no-repeat center bottom/cover;
} */
.logo_panthera3 img {
  width: 830px;
}
.desc_panthera {
  margin-top: 70px;
  font-size: 1.8rem;
  line-height: 1.8;
}
.ppf_video_wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ppf_video_wrap .ppf_video {
  position: absolute;
  left: 50%;
  top: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -40%);
  -ms-transform: translate(-50%, -40%);
  transform: translate(-50%, -40%);
}

/* ppf tbex */
.tppf_cont {
  position: relative;
  padding-bottom: 540px;
  overflow: hidden;
  background: #000;
}
.panthera_video_wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.panthera_video_wrap .panthera_video {
  position: absolute;
  left: 50%;
  top: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -26%);
  -ms-transform: translate(-50%, -26%);
  transform: translate(-50%, -26%);
}
.logo_panthera {
  margin-top: 30px;
  text-align: center;
}
.logo_panthera img {
  width: 418px;
}
.img_panthe1 {
  text-align: center;
}
.img_panthe1 img {
  width: 550px;
}
.txt_panthe2 {    
  margin-top: 43px;
  font-size: 3.2rem;
  line-height: 1.6;
}
.txt_panthe2 b {
  font-weight: 700;
}
.tppf_desc_red {
  margin-top: 35px;
  color: #C61E1E;
}
.tppf_desc_red02 {
  margin-top: 12px;
  color: #C61E1E;
  font-size: 1.4rem;
  line-height: 1.7;
}
.logo_tbexppf img {
  width: 248px;
}
.logo_panthera2 {
  margin-top: 22px;
}
.logo_panthera2 img {
  width: 756px;
}
.tppf_cont03 {
  padding: 120px 0 200px;
  background: url(../images/sub/bg_con_ppf.jpg) no-repeat center bottom;
  background-size: cover;
  color: #fff;
}
.stre_pro_desc07.tit_panthera {
  font-size: 7rem;
}
.tppf_point .stre_pro_desc08.tit_panthera2 {
  margin-top: 80px;
  font-size: 5rem;
  text-align: left;
}
.tit_panthera3 {
  margin-top: 98px;
  font-size: 5rem;
}
.tppf_solutions {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.black_btn_row.panthera_btn_row {
  color: #fff;
  text-align: center;
}
.panthera_btn_row .btn_square02 {
  border-color: #fff;
  color: #fff;
}
.panthera_btn_row .btn_square02:after {
  background: url(../images/main/ico_arrow.png) no-repeat left top/cover;
}
.panthera_btn_row .btn_square02:hover {
  background-color: #fff;
  color: #000;
}
.panthera_btn_row  .btn_square02:hover:after {
  right: 25px;
  background: url(../images/main/ico_arrow_black.png) no-repeat left top/cover;
}

/* 가격정책 */
.v_align_m {
  vertical-align: middle;
}
.clr_blue {
  color: #5D7FD9;
}

@media (max-width: 1080px) {
  /* ppf intro */
  .ppf_cont_panthera {
    padding-top: 120px;
    padding-bottom: 400px;
  }
  .logo_panthera3 img {
    width: 70%;
  }
  /* panthera */
  .logo_panthera2 img {
    width: 500px;
  }
  .stre_pro_desc07.tit_panthera {
    font-size: 5.2rem;
  }
}

@media (max-width: 960px) {
  /* panthera */
  .tppf_cont {
    padding-bottom: 500px;
  }
  .panthera_video_wrap .panthera_video {
    width: 160%;
    -webkit-transform: translate(-50%, -10%);
    -ms-transform: translate(-50%, -10%);
    transform: translate(-50%, -10%);
  }       
  .black_btn_row.panthera_btn_row {
    margin-top: 80px;
  }
}

@media (max-width: 768px) {
  /* ppf intro */
  .ppf_tit_area:before {
    background: url(../images/new23/bg_ppf_m.jpg) no-repeat center center/cover;
  }
  .logo_panthera3 img {
    width: 90%;
  }
  .desc_panthera {
    margin-top: 50px;
    font-size: 1.6rem;
  }
  .ppf_video_wrap .ppf_video {
    width: 240%;
    -webkit-transform: translate(-50%, -36%);
    -ms-transform: translate(-50%, -36%);
    transform: translate(-50%, -36%);    
  }
  /* panthera */
  .tppf_cont {
    padding-bottom: 380px;
  }
  .pro_tit_area02.tppf_tit_area .inner {
    top: 45%;
  }
  .logo_panthera img {
    width: 86%;
  }
  .img_panthe1 img {
    width: 40%;
  }
  .logo_tbexppf img {
    width: 180px;
  }
  .logo_panthera2 img {
    width: 84%;
  }
  .panthera_btn_row .btn_square02 {
    padding: 0 62px 0 24px;
  }
}

@media (max-width: 610px) {
  /* panthera */
  .stre_pro_desc07.tit_panthera {
    text-align: left;
    line-height: 1.4;
  }
  .stre_pro_desc07.tit_panthera span {
    display: block;
  }
  .tppf_desc05.mtal {
    width: 100%;
    text-align: left;
  }
}

@media (max-width: 425px) {
  /* ppf intro */
  .ppf_video_wrap .ppf_video {
    width: 260%;
    -webkit-transform: translate(-50%, -30%);
    -ms-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%);
  }
  /* panthera */
  .logo_panthera img {
    width: 96%;
  }
  .pro_tit_area02.panthera_tit_area:before {
    background: url(../images/new23/bg_tppf_m.jpg) no-repeat center bottom/cover;
  }
  .img_panthe1 img {
    width: 60%;
  }
  .logo_panthera2 img {
    width: 100%;
  }
  .tppf_cont {
    padding-bottom: 380px;
  } 
}

/* 231201 스포일러 데칼 메뉴 합치기, Presto-R2 필름 스팩 추가 */
/* 스포일러, 데칼 */
.main_decal {
  margin-top: 250px;
}
.main_decal .pro_tit_area {
  height: 788px;
  padding-top: 118px;
}

/* Presto R2 */
.tbl_spec.tbl_spec_5line tbody tr:nth-child(1) {
  background-color: #b6b4b4;
}
.tbl_spec.tbl_spec_5line tbody tr:nth-child(2) {
  background-color: #CBCBCB;
}
.tbl_spec.tbl_spec_5line tbody tr:nth-child(3) {
  background-color: #DCDCDC;
}
.tbl_spec.tbl_spec_5line tbody tr:nth-child(4) {
  background-color: #ECECEC;
}
.tbl_spec.tbl_spec_5line tbody tr:nth-child(5) {
  background-color: #F5F5F5;
}

/* responsive */
@media all and (max-width: 768px) {
  /* 스포일러, 데칼 */
  .main_decal .pro_tit_area {
    height: 580px;
    padding-top: 88px;
  }
}

/* 20231226 ppf 버튼 수정 */
.fw_panthera {
  font-weight: 700;
}
.btn_desc_new {
  margin-top: 80px;
  text-align: center;
  line-height: 1.6;
}

/* 20230102 유리막코팅, 내장관리 수정 */
/* 유리막 코팅 */
.main_glass .band_tit:before {
  background-color: rgba(0,0,0,0.7);
}
.glass24_cont01 {
  padding-top: 200px;
  background-color: #fff;
}
.coating_row {
  position: relative;
  width: 100%;
  height: 360px;
  background-color: #fff;
}
.coating_bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 57.0312%;
  height: 360px;
  background: url(../images/new24/img_glass_1.jpg) no-repeat center top/cover;
  box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1);
}
.coating_txt {
  font-size: 6rem;
}
.coating_logo {
  width: 344px;
  margin-bottom: 35px;
}
.coating_txt p {
  position: relative;
  margin-bottom: 20px;
  mix-blend-mode: difference;
  color: #fff;
  z-index: 10;
}
.coating_txt p:nth-of-type(1) {
  padding-left: 200px;
}
.coating_txt p:nth-of-type(2) {
  padding-left: 310px;
}
.coating_txt p:nth-of-type(3) {
  padding-left: 460px;
}
.boost_line {
  position: relative;
}
.boost_line:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 10px;
  width: 1px;
  height: 0;
  background-color: #000;
  -webkit-transition: all 0.4s 0.5s;
  transition: all 0.4s 0.5s;
}
.boost_fade.active .boost_line:before {
  height: 120px;
}
.boost_line_txt {
  position: relative;
  top: 30px;
  opacity: 0;
  margin-top: 30px;
  padding-top: 180px;
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.4;
  -webkit-transition: all 0.3s 0.8s;
  transition: all 0.3s 0.8s;
}
.boost_fade.active .boost_line_txt {
  top: 0;
  opacity: 1;
}
.glass24_desc {
  margin-top: 80px;
  font-size: 4rem;
  line-height: 1.5;
  text-align: center;
}
.glass24_desc04 {
  margin-top: 80px;
  font-size: 3rem;
  line-height: 1.5;
}
.logo_deerm {
  width: 95px;
  vertical-align: -4px;
}
.glass24_desc02 {
  margin-top: 35px;
  font-size: 1.8rem;
  line-height: 1.6;
}
.glass24_cont02 {
  padding-top: 200px;
  text-align: center;
}
.logo_hardlass img {
  width: 263px;
}
.glass24_mar01 {
  margin-top: 50px;
}
.glass24_mar02 {
  margin-top: 40px;
}
.glass24_mar03 {
  margin-top: 15px;
}
.hard_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 65px;
  padding: 0 10px;
}
.hard_list li {
  width: 25.7812%;
  text-align: left;
}
.hard_list li img {
  width: 100%;
}
.hard_nm {
  font-size: 2.4rem;
  line-height: 1.4;
}
.hard_nm_kr {
  margin: 8px 0 14px;
  font-size: 1.4rem;
}
.hard_list li:nth-child(2) {
  margin: 0 10.7142%;
}
.hard_list li:nth-child(4) {
  margin-right: 8.7301%;
}
.hard_list li:nth-child(4),
.hard_list li:nth-child(5) {
  margin-top: -44px;
}
.hard_list li:nth-child(4) .hard_nm_kr,
.hard_list li:nth-child(5) .hard_nm_kr {
  margin: 15px 0 5px;
}
.glass24_desc03 {
  margin-top: 200px;
  font-size: 4rem;
  font-weight: 500;
}
.glass24_1 img {
  width: 82.8125%;
  margin-top: 44px;
}
.glass24_desc03.mt120 {
  margin-top: 120px;
}

/* TBEX EXTERIOR CARE */
.dcare_desc02 {
  line-height: 1.5;
} 
.glass24_desc05 {
  margin-top: 25px;
}
.dcare_img {
  margin-top: 60px;
}
.dcare_img img {
  width: 67.1875%;
}
.dcare_info {
  padding: 200px 0 380px;
  background: url(../images/sub/bg_deer.jpg) no-repeat center bottom/cover;
  color: #fff;
  text-align: center;
}
.dcare24_info {
  padding: 160px 0 130px;
  background: url(../images/new24/bg_dcare24.jpg) no-repeat center top/cover;
  color: #fff;
  text-align: center;
}
.dcare_desc span.dcare24_desc {
  display: inline-block;
  margin-top: 13px;
  font-size: 6rem;
}
.dcar24_box {
  margin-top: 35px;
  padding: 60px 70px 32px;
  background-color: rgba(255,255,255,0.15);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  border: 1px solid #707070;
  border-radius: 15px;
  text-align: left;
}
.dcare24_tit01 {
  padding-bottom: 17px;
  font-size: 2rem;
  font-weight: 600;
}
.dcare24_row {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  border-top: 1px solid #707070;
}
.dcare24_row>div:nth-child(1) {
  width: 48.2%;
}
.dcare24_row>div:nth-child(2) {
  width: 51.8%;
}
.dcare24_tit02 {
  font-size: 5rem;
  opacity: 0.3;
}
.dcare24_desc02 {
  margin-top: 10px;
  font-size: 2rem;
}
.dcare_info_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  font-size: 1.4rem;
}
.dcare_info_row:first-child {
  margin-top: 0;
}
.dcare_info_row>p:nth-child(2) {
  width: calc(100% - 134px);
  line-height: 1.5;
}
.dcare24_desc03 {
  width: 120px;
  height: 40px;
  margin-right: 14px;
  background-color: #fff;
  border-radius: 24px;
  color: #000;
  font-weight: 500;
  text-align: center;
  line-height: 40px;
}
.dcare24_desc04 {
  width: 120px;
  height: 40px;
  margin-right: 14px;
  border: 1px solid #FFFFFF;
  border-radius: 24px;
  font-weight: 500;
  text-align: center;
  line-height: 40px;
}
.dcare24_row02 {
  display: flex;
  justify-content: space-between;
  margin-top: 126px;
  padding-top: 50px;
  border-top: 1px solid #707070;
}
.dcare24_row02.mt0 {
  margin-top: 0;
}
.dcare24_row02.no_bor {
  border-top: none;
}
.dcare24_row02>div:nth-child(1) {
  width: 61.4035%;
}
.dcare24_row02>div:nth-child(2) {
  width: 36.8421%;
}
.dcare24_row02 img {
  width: 100%;
}
.dcare24_tit03 {
  font-size: 6rem;
  font-weight: 600;
}
.coating_tags {
  display: flex;
  margin: 17px 0 40px;
}
.coating_tags li {
  margin-right: 10px;
  padding: 7px 15px;
  border: 1px solid #fff;
  border-radius: 4px;
  font-size: 1.4rem;
}
.dcare24_desc05 {
  margin-bottom: 25px;
  line-height: 1.7;
}
.dcare24_row02 img {
  width: 100%;
}
.dcard24_1 {
  margin-bottom: 30px;
}
.graph_info {
  margin-top: 15px;
  font-size: 1.2rem;
}
.graph_info li {
  display: flex;
  margin-bottom: 7px;
}
.graph_info li:nth-child(1) {
  color: #D35A5A;
}
.graph_info li span:nth-child(1) {
  position: relative;
  top: 5px;
  width: 35px;
  height: 4px;
  margin-right: 10px;
}
.graph_info li>span:nth-child(2) {
  width: 70px;
}
.graph_info li>span:nth-child(3) {
  width: calc(100% - 130px);
}
.graph_info li:nth-child(1)>span:nth-child(1) {
  background-color: #D35A5A;
}
.graph_info li:nth-child(2)>span:nth-child(1) {
  background-color: #A3A3A3;
}
.graph_info li:nth-child(3)>span:nth-child(1) {
  background-color: #646464;
}
.dcare24_desc05.mb15 {
  margin-bottom: 15px;
}
.dcare24_desc06 {
  font-size: 1.2rem;
  line-height: 1.7;
}
.dcare24_desc07 {
  margin-top: 178px;
  font-size: 4rem;
  font-weight: 300;
  text-align: center;
  line-height: 1.4;
}
.fwbold {
  font-weight: 600;
}
.dcard24_2 {
  margin-top: 12px;
}
.dcard24_2 img {
  width: 46.9531%;
}
.dcare24_desc08 {
  margin-top: 30px;
  opacity: 0.47;
  line-height: 1.6;
}
.dcare24_info02 {
  padding: 120px 0 670px;
  background: #0a0a0a url(../images/new24/bg_dcare24_2.jpg) no-repeat center bottom;
  background-size: 1920px auto;
  color: #fff;
  text-align: center;
}
.car_desc_row {
  position: relative;
  width: 100%;
}
.car_desc_box {
  position: absolute;
  top: 50px;
  right: 40px;
  width: 440px;
  padding: 32px 27px;
  background-color: #2E2E2E;
  border: 1px solid #707070;
  border-radius: 15px;
  text-align: left;
}
.glass24_desc02.mt0,
.dcare24_desc07.mt0 {
  margin-top: 0;
}
.dcare24_desc09 {
  margin-top: 15px;
  font-size: 1.4rem;
  line-height: 1.6;
}
.dcare24_desc10 {
  margin-top: 25px;
  padding-left: 18px;
  color: #6A6A6A;
  font-size: 1.8rem;
}
.car_desc_li {
  padding-left: 18px;
  font-size: 1.4rem;
  line-height: 1.6;
}
.car_desc_li li {
  position: relative;
  margin-top: 13px;
  padding-left: 12px;
}
.car_desc_li li:first-child {
  margin-top: 10px;
}
.car_desc_li li:before {
  content: '>';
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 6px;
  font-size: 1.2rem;
  font-weight: bold;
}
.car_line {
  position: absolute;
  top: 235px;
  left: 25%;
  width: 536px;
  height: 132px;
  background: url(../images/new24/line.png) no-repeat left bottom/cover;
}
.dcare24_btn_row {
  padding-bottom: 200px;
  background-color: #000;
  border-bottom: 1px solid #707070;
  text-align: center;
}
.dcare24_btn_row .btn_square02 {
  padding: 0 62px 0 20px;
  border-color: #fff;
  color: #fff;
  font-size: 1.8rem;
}
.dcare24_btn_row .btn_square02:after {
  right: 30px;
  background: url(../images/main/ico_arrow.png) no-repeat left top/cover;
}
.dcare24_btn_row .btn_square02:hover {
  background-color: #fff;
  color: #000;
}
.dcare24_btn_row .btn_square02:hover:after {
  right: 25px;
  background: url(../images/main/ico_arrow_black.png) no-repeat left top/cover;
}

/* TBEX INTERIOR CARE */
.lcare_info {
  padding: 200px 0 237px;
}
.lcare24_1 {
  margin-top: 60px;
}
.lcare24_1 img {
  width: 81.6406%;
}
.lcare24_info {
  padding: 200px 0 135px;
  background: #000 url(../images/new24/bg_lcare24_1.png) no-repeat center bottom/100% auto;
  color: #fff;
  text-align: center;
}
.lcare24_desc01 {
  margin-top: 85px;
  font-size: 3rem;
  opacity: 0.5;
  text-align: left;
}
.lcare_spec_wrap {
  margin-top: 24px;
}
.lcare_spec_wrap>ul li {
  height: 72px;
  font-size: 1.6rem;
}
.lcare_spec_wrap>ul:nth-child(3) li {
  font-size: 1.6rem;
}
.multi_txt {
  top: 0px;
  left: -36px;
  width: 70px;
  height: 70px;
}
.multi_txt span {
  width: 60px;
  height: 60px;
  font-size: 2.3rem;
}
.lcare24_desc01.mt120 {
  margin-top: 120px;
}
.lcare24_desc02 {
  margin-top: 20px;
  font-size: 4.6rem;
  font-weight: 600;
  text-align: left;
}
.lcare24_row {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  text-align: left;
}
.lcare24_row>div:nth-child(1) {
  width: 26.5625%;
}
.lcare24_row>div:nth-child(2) {
  width: 54.6875%;
}
.lcare24_row img {
  width: 100%;
}
.lcare24_desc02.mt90 {
  margin-top: 90px;
}
.leat_benefits {
  flex-wrap: nowrap;
  justify-content: space-between;
}
.leat_benefits li {
  width: 22.6562%;
  padding-top: 200px;
  padding-left: 0;
}
.leat_benefits li:nth-child(odd) {
  margin-right: 0;
}
.leat_benefits li:before {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.leat_benefits li:nth-child(1):before {
  background: url(../images/sub/ico_lcare1.png) no-repeat center top/cover;
}
.leat_benefits li:nth-child(2):before {
  background: url(../images/sub/ico_lcare2.png) no-repeat center top/cover;
}
.leat_benefits li:nth-child(3):before {
  background: url(../images/sub/ico_lcare3.png) no-repeat center top/cover;
}
.leat_benefits li:nth-child(4):before {
  background: url(../images/sub/ico_lcare4.png) no-repeat center top/cover;
}
.leat_benefits24 .bene_desc {
  font-size: 2rem;
}
.lcare24_btn_row {
  margin-top: 80px;
}
.lcare24_btn_row .btn_square02 {
  padding: 0 86px 0 20px;
  font-size: 1.8rem;
}

/* responsive */
@media all and (max-width: 1280px) {
  /* TBEX EXTERIOR CARE */
  .dcare24_tit03 {
    font-size: 5rem;
  }
}

@media all and (max-width: 1080px) {
  /* 유리막 코팅 */
  .coating_logo {
    width: 320px;
  }
  .coating_txt p:nth-of-type(1) {
    padding-left: 120px;
  }
  .coating_txt p:nth-of-type(2) {
    padding-left: 230px;
  }
  .coating_txt p:nth-of-type(3) {
    padding-left: 380px;
  }
  .hard_list li {
    width: 28%;
  }
  .hard_list li:nth-child(2) {
    margin: 0 8%;
  }
  .hard_list li:nth-child(4) {
    margin-right: 6%;
  }
  .hard_nm {
    font-size: 1.8rem;
  }  
  /* TBEX EXTERIOR CARE */
  .dcare24_tit02 {
    font-size: 3.6rem;
  }
  .dcare24_desc02 {
    font-size: 1.8rem;
    line-height: 1.6;
  }
  .coating_tags {
    flex-wrap: wrap;
  }
  .coating_tags li {
    margin-bottom: 10px;
  }
  .graph_info li {
    line-height: 1.5;
  }
  .graph_info li span:nth-child(1) {
    top: 7px;
  }
  .car_line {
    left: 18%;
  }
  /* TBEX INTERIOR CARE */
  .lcare24_desc02 {
    font-size: 3.8rem;
  }
}

@media all and (max-width: 960px) {
  /* 유리막 코팅 */
  .pro_tit_area.glass_tit_area {
    height: 940px;
  }
  .glass24_cont01 {
    padding-top: 120px;
  }
  .coating_logo {
    width: 260px;
  }
  .coating_txt p:nth-of-type(1) {
    padding-left: 30px;
  }
  .coating_txt p:nth-of-type(2) {
    padding-left: 140px;
  }
  .coating_txt p:nth-of-type(3) {
    padding-left: 290px;
  }
  .boost_line_txt {
    top: 0;
    opacity: 1;
    -webkit-transition: none;
    transition: none;
  }
  .boost_line:before {
    height: 120px;
    -webkit-transition: none;
    transition: none;    
  }    
  /* TBEX EXTERIOR CARE */
  .dcare_info {
    padding: 120px 0 380px;
  }
  .dcare_img img {
    width: 95%;
  }
  .dcare24_info {
    padding: 120px 0 130px;
  }
  .dcare24_row>div:nth-child(1) {
    width: 45%;
  }
  .dcare24_row>div:nth-child(2) {
      width: 52%;
  }
  .dcare24_desc07 {
    margin-top: 120px;
  }
  .dcare24_info02 {
    padding-top: 0;
  }
  .car_line {
    left: 12%;
  }
  /* TBEX INTERIOR CARE */
  .lcare_info {
    width: 100%;
    padding: 120px 0 120px;
  }
  .deer_desc02.leat_desc24 {
    width: 100%;
    margin-top: 35px;
  }
  .lcare24_info {
    padding-top: 120px;
  }
  .leat_benefits {
    flex-wrap: wrap;
  }
  .leat_benefits li {
    width: 45%;
  }
}

@media all and (max-width: 768px) {
  /* 유리막 코팅 */
  .glass_tit_area:before {
    background-image: url(../images/new24/bg_glass_m.jpg);
  }
  .coating_row {
    height: 540px;
  }
  .coating_bg {
    top: auto;
    bottom: 0;
    right: 0;
    width: 340px;
    height: 240px;
    box-shadow: none;
    -webkit-transform: translateX(24px);
    transform: translateX(24px);
  }
  .coating_logo {
    width: 290px;
  }
  .coating_txt {
    font-size: 4.5rem;
  }
  .coating_txt p {
    margin-bottom: 10px;
  }
  .coating_txt p:nth-of-type(1) {
    padding-left: 0;
  }
  .coating_txt p:nth-of-type(2) {
    padding-left: 10%;
  }
  .coating_txt p:nth-of-type(3) {
    padding-left: 20%;
  }  
  .hard_list li {
    width: 100%;
  }
  .hard_list li:nth-child(1) {
    order: 1;
    padding-right: 12%;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  .hard_list li:nth-child(2) {
    order: 3;
    margin: 50px 0 0;
    padding-right: 12%;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  .hard_list li:nth-child(3) {
    order: 5;
    margin-top: 50px;
    padding-right: 12%;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  .hard_list li:nth-child(4) {
    order: 2;
    margin-right: 0;
    padding-left: 12%;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }  
  .hard_list li:nth-child(5) {
    order: 4;
    padding-left: 12%;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);   
  }
  .hard_nm {
    font-size: 2.4rem;
  }
  .glass24_desc03 {
    margin-top: 140px;
    font-size: 3.2rem;
  }
  .glass24_1 {
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .glass24_1 img {
    width: 100%;
  }
  .boost_line_txt {
    top: 0;
    opacity: 1;
    -webkit-transition: none;
    transition: none;
  }
  .boost_line:before {
    height: 120px;
    -webkit-transition: none;
    transition: none;    
  }  
  .glass24_desc04 {
    font-size: 2.5rem;
  }
  .glass24_desc04 br {
    display: none;
  }
  .glass24_desc {
    font-size: 2.8rem;
  }
  .glass24_desc03 {
    margin-top: 120px;
  }
  /* TBEX EXTERIOR CARE */
  .dcare_info {
    padding: 120px 0 200px;
    background-color: #000;
    background-size: 160% auto;
  }
  .dcare24_row {
    flex-wrap: wrap;
  }
  .dcare24_row>div:nth-child(1),
  .dcare24_row>div:nth-child(2) {
    width: 100%;
  }
  .dcare24_row>div:nth-child(2) {
    margin-top: 25px;
  }
  .dcare_desc {
    font-size: 2.8rem;
  }
  .dcare_desc span.dcare24_desc {
    margin-top: 0;
    font-size: 4.5rem;
  }
  .dcar24_box {
    padding: 30px 20px 0;
  }
  .dcare24_tit01 {
    font-size: 1.8rem;
  }
  .dcare24_tit02 {
    font-size: 4rem;
  }
  .dcare24_desc03 {
    width: 95px;
    height: 30px;
    font-size: 1.5rem;
    line-height: 30px;
  }
  .dcare_info_row>p:nth-child(2) {
    width: calc(100% - 110px);
  }
  .dcare_info_row {
    align-items: start;
  }
  .dcare24_desc04 {
    width: 95px;
    height: 30px; 
    line-height: 30px;
  }
  .dcare24_tit03 {
    font-size: 4.5rem;
  }
  .dcare24_row02 {
    flex-wrap: wrap;
  }
  .dcare24_row02>div:nth-child(1),
  .dcare24_row02>div:nth-child(2) {
    width: 100%;
  }
  .dcare24_row02 {
    margin-top: 0;
  }
  .dcare24_desc07 {
    font-size: 2.8rem;
  }
  .dcard24_2 img {
    width: 90%;
  }
  .car_line {
    display: none;
  }
  .car_desc_box {
    left: 0;
    width: 100%;
    padding: 28px 20px;
  }
  .dcare24_desc10 {
    padding-left: 0;
  }
  .car_desc_li {
    padding-left: 0;
  }
  .dcare24_info02 {
    padding-bottom: 770px;
    background: #000 url(../images/new24/bg_dcare24_2_m.png) no-repeat center bottom;
    background-size: 100% auto;
  }
  .dcare24_btn_row {
    position: relative;
    padding-bottom: 0;
    border-bottom: none;
  }
  .dcare24_btn_row .btn_square02 {
    position: relative;
    top: -320px;
    font-size: 1.6rem;
  }
  .dcare_desc.mob_big {
    font-size: 4.2rem;
  }
  /* INTERIOR CARE */
  .lcare_tit_area:before {
    background: url(../images/new24/bg_leather_top_m.jpg) no-repeat center center/cover;
  }
  .lcare24_desc01 {
    margin-top: 66px;
    font-size: 2.4rem;
  }
  .lcare_spec_wrap>ul li {
    font-size: 1.5rem;
  }
  .lcare_spec_wrap>ul:nth-child(3) li {
    font-size: 1.5rem;
  }
  .multi_txt {
    top: 7px;
    left: -29px;
    width: 56px;
    height: 56px;
  }
  .multi_txt span {
    width: 44px;
    height: 44px;
    font-size: 1.6rem;
  }
  .lcare24_row {
    flex-wrap: wrap;
  }
  .lcare24_row>div:nth-child(1),
  .lcare24_row>div:nth-child(2) {
    width: 100%;
  }
  .lcare24_row>div:nth-child(2) {
    margin-top: 40px;
  }
  .lcare_img {
    margin-top: 45px;
  }
  .lcare24_btn_row .btn_square02 {
    padding: 0 42px 0 18px;
  }
}

@media all and (max-width: 580px) {
  /* TBEX EXTERIOR CARE */
  .dcare_img img {
    width: 700px;
  }
  .dcare_img {
    margin-top: 10px;
  }
  .dcare_img.lcare24_img {
    margin-top: 0;
  }
  /* TBEX INTERIOR CARE */
  .leat_benefits li {
    width: 100%;
  }
}

/* 20240126 솔라가드 토파즈 신규페이지 추가 */
/* 고급썬팅 */
.page_bg08 {
  background-image: url(../images/sub/solar3.jpg);
}
/* Topaz-Ir */
.topaz_tit_area {
  text-align: left;
}
.topaz_tit_area:before {
  background: url(../images/sub/solar3.jpg) no-repeat center center/cover;
}
.techs_berylX.techs_topaz li:nth-child(1)>div {
  background: url(../images/sub/ico_pro30.png) no-repeat left top;
  background-size: 180px;
}
.techs_berylX.techs_topaz li:nth-child(2)>div {
  background: url(../images/sub/ico_pro3.png) no-repeat left top;
  background-size: 180px;
}
.techs_berylX.techs_topaz li:nth-child(3)>div {
  background: url(../images/sub/ico_pro2.png) no-repeat left top;
  background-size: 180px;
}
.techs_berylX.techs_topaz li:nth-child(4)>div {
  background: url(../images/sub/ico_pro13.png) no-repeat left top;
  background-size: 180px;
}
.techs_berylX.techs_topaz li:nth-child(6)>div {
  background: url(../images/sub/ico_pro31.png) no-repeat left top;
  background-size: 180px;
}
.techs_berylX.techs_topaz li:nth-child(7)>div {
  background: url(../images/sub/ico_pro25.png) no-repeat left top;
  background-size: 180px;
}

/* responsive */
@media (max-width: 768px) {
  /* 고급썬팅 */
  .solar_page_area .links li:nth-child(3) {
    background: url(../images/sub/solar3_m.jpg) no-repeat left top/cover;
  }
  /* 토파즈 IR */
  .topaz_tit_area:before {
    background: url(../images/sub/bg_solar3_m.jpg) no-repeat top center/cover;
  }  
}
  
/* 블랙박스 sf3000, lxq3000power 첨단운전시스템 수정 */
.black_funcs.black_funcs_new {
  justify-content: center;
}
.black_funcs.black_funcs_new li {
  margin: 0 10px;
}

@media (max-width: 960px) {
  .black_funcs.black_funcs_new li:nth-child(1) {
    margin-bottom: 40px;
  }
}

/* 20240505 데칼 페이지 수정 및 크림치즈에디션 페이지 추가 */
/* 스포일러, 데칼 */
.solidout_img {
  position: relative;
}
.solidout_img:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.62);
}
.tag_soldout {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 31px;
  margin-bottom: 8px;
  background-color: #838383;
  border-radius: 5px;
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  line-height: 26px;
}
.tag_new {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 26px;
  margin-bottom: 8px;
  background-color: #C90016;
  border-radius: 5px;
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  line-height: 26px;
}
.tag_four {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 26px;
  margin-right: 4px;
  margin-bottom: 8px;
  background-color: #000;
  border-radius: 5px;
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  line-height: 26px;
}

/* 20240605 레이노 Presto 페이지들 새로운 섹션 삽입 */
.rayno_new_cont {
  margin: 100px 0 180px;
  text-align: center;
}
.img_glasscare {
  margin-top: 40px;
}
.img_glasscare img {
  width: 45.3125%;
}
.tit_style01 {
  margin-top: 60px;
  font-size: 2.6rem;
  font-weight: 600;
}
.glasscare_box {
  width: 920px;
  margin: 20px auto 0;
  padding: 25px 0;
  background-color: #F8F8F8;
  border-radius: 20px;
}
.glasscare_box p {
  margin-top: 10px;
}
.glasscare_box p:first-child {
  margin-top: 0;
}
.glasscard_desc01 {
  font-size: 1.8rem;
  font-weight: 600;
}
.glasscard_desc02 {
  font-size: 1.8rem;
}
.glasscard_desc03 {
  font-size: 1.4rem;
  line-height: 1.5;
}
.glasscard_desc01.mt35 {
  margin-top: 35px;
}

/* modal */
.cont_modal_glass {
  position: absolute;
  top: 207px;
  left: 20px;
  width: 550px;
  margin: 0 auto;
  overflow: hidden;
  z-index: 500;
}
.glasscare_pop img {
  width: 100%;
  vertical-align: top;
}

@media (max-width: 1080px) {
  .rayno_new_cont {
    margin: 20px 0 180px;
  }
}

@media (max-width: 960px) {
  .img_glasscare img {
    width: 60%;
  }
  .glasscare_box {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .rayno_new_cont {
    margin: 20px 0 120px;
  }  
  .img_glasscare img {
    width: 100%;
  }  
  .glasscard_desc01 {
    line-height: 1.5;
  }
  .tit_style01 {
    font-size: 2.4rem;
  }
  .glasscare_box {
    padding: 25px 10px;
  }
  .glasscard_desc02 {
    line-height: 1.5;
  }
  .img_glasscare {
    margin-top: 35px;
  }

  /* modal */
  .cont_modal_glass {
    top: 180px;
    left: 50%;
    width: 90%;
    max-width: 400px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }  
}

/* 20240827 솔라가드 수정 */
.metal_wrap {
  display: flex;
  margin: 170px 0 190px;
}
.metal_img {
  margin-top: 25px;
}z
.metal_img img {
  width: 100%;
}

@media (max-width: 768px) {
  .metal_wrap {
    display: block;
    margin: 90px 0 120px;
  }
}

/* 20250204 가격정책 수정 */
.tbl_price_link {
  color: #5D7FD9;
}

/* 20250325 블랙박스, 보조배터리 통합 / 가격정책 수정 */
.black_main_cont .flow_txt_black {
  display: none;
}
.batt_main {
  margin-top: 130px;
}
.pro_tit_area.battery_tit_area {
  padding-top: 200px;
}
.sec_battery {
  padding-bottom: 150px;
}
.sec_battery .flow_txt_glass.flow_txt_battery {
  display: none;
}
.link_studio {
  color: #5D7FD9;
  text-decoration: underline;
}
.page_area.active .solar_logo02 {
  background-image: url(../images/sub/logo_solar_white.png);
}

@media (max-width: 768px) {
  .pro_tit_area.battery_tit_area {
    padding-top: 120px;
  }
  .wrapping_text {
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.5;
  }
  .tbl_price_m_wrapping {
    margin-bottom: 10px;
  }
}

/* 250702 쿠폰 썬팅 수정 및 M1 신규페이지 */
/* 쿠폰 썬팅 */
.cou_new_item .cou_page_box:before {
  content: '';
  position: absolute;
  top: -50px;
  left: -19px;
  width: 115px;
  height: 84px;
  background: url(../images/new25/tag_new_red.png) no-repeat left top/100%;
}
.cou_pages li:nth-child(1) .cou_logo {
  width: 32.31%;
  height: 0;
  padding-top: 18.7%;
  background: url(../images/new25/logo_gwf.png) no-repeat left top/cover;
}
.cou_pages li:nth-child(2) .cou_logo {
  width: 81.9672%;
  height: 0;
  padding-top: 14.3442%;
  background: url(../images/sub/logo_3m_color.png) no-repeat left top/cover;
  transform: scale(0.8);
  transform-origin: left;    
}
.cou_pages li:nth-child(3) .cou_logo {
  width: 71.3114%;
  height: 0;
  padding-top: 11.6803%;
  background: url(../images/sub/logo_ditec_color.png) no-repeat left top/cover;
  transform: scale(0.8);
  transform-origin: left;    
}
.cou_pages li:nth-child(4) .cou_logo {
  width: 37.7049%;
  height: 0;
  padding-top: 18.8524%;
  background: url(../images/sub/logo_llumar_color.png) no-repeat left top/cover;
  transform: scale(0.9);
  transform-origin: left;    
}
.cou_pages li:nth-child(5) .cou_logo {
  width: 66.3934%;
  height: 0;
  padding-top: 13.2336%;
  background: url(../images/sub/logo_rayno.png) no-repeat left top/cover;
  transform: scale(0.8);
  transform-origin: left;    
}
.cou_pages li:nth-child(6) .cou_logo {
  width: 34.1557%;
  height: 0;
  padding-top: 18.8524%;
  background: url(../images/sub/logo_solar.png) no-repeat left top/cover;
}
.cou_pages li:nth-child(7) .cou_logo {
  width: 53.18852%;
  height: 0;
  padding-top: 19.3975%;
  background: url(../images/sub/logo_tint_color.png) no-repeat left top/cover;
  transform: scale(0.9);
  transform-origin: left;    
}

/* 쿠폰 필름이란 */
.tppf_desc03 {
  font-size: 3rem;
  line-height: 1.5;
}
.tbl_film_spec td {
  width: 12.5%;
}

/* GWF M1 */
.m1_tit_area {
  text-align: left;
}
.m1_tit_area:before {
  background: url(../images/new25/bg_m1.jpg) no-repeat center center/cover;
}
.m1_tit_area .h2_pro {
  margin-top: 200px;
}
.gwf_m1_logo img {
  width: 120px;
}
.techs_m1 li:nth-child(1)>div {
  background: url(../images/sub/ico_pro13.png) no-repeat left top;
  background-size: 180px;
}
.techs_m1 li:nth-child(2)>div {
  background: url(../images/sub/ico_pro14.png) no-repeat left top;
  background-size: 180px;
}
.techs_m1 li:nth-child(3)>div {
  background: url(../images/sub/ico_pro21.png) no-repeat left top;
  background-size: 180px;
}
.techs_m1 li:nth-child(4)>div {
  background: url(../images/sub/ico_pro32.png) no-repeat left top;
  background-size: 130px;
}


@media all and (min-width: 1080px) {
  /* 쿠폰 썬팅 */
  .cou_pages li:nth-child(1) .cou_page_box:hover .cou_logo {
    background-image: url(../images/new25/logo_gwf_white.png);
  }
  .cou_pages li:nth-child(2) .cou_page_box:hover .cou_logo {
    background-image: url(../images/sub/logo_3m.png);
  }
  .cou_pages li:nth-child(3) .cou_page_box:hover .cou_logo {
    background-image: url(../images/sub/logo_ditec.png);
  }
  .cou_pages li:nth-child(4) .cou_page_box:hover .cou_logo {
    background-image: url(../images/sub/logo_llumar.png);
  }
  .cou_pages li:nth-child(5) .cou_page_box:hover .cou_logo {
    background-image: url(../images/sub/logo_rayno_white.png);
  }
  .cou_pages li:nth-child(6) .cou_page_box:hover .cou_logo {
    background-image: url(../images/sub/logo_solar_white.png);
  }  
  .cou_pages li:nth-child(7) .cou_page_box:hover .cou_logo {
    background-image: url(../images/sub/logo_tint.png);
  }    
}

@media (max-width: 768px) {
  /* 쿠폰 필름 */
  .cou_pages li:nth-child(1) .cou_logo {
    width: 52%;
    padding-top: 30.1%;
  }
  .cou_pages li:nth-child(2) .cou_logo {
    width: 94.9640%;
    padding-top: 16.5467%;
  }
  .cou_pages li:nth-child(3) .cou_logo {
    width: 83.4532%;
    padding-top: 13.6690%;
  }
  .cou_pages li:nth-child(4) .cou_logo {
    width: 47.4820%;
    padding-top: 23.7410%;
  }
  .cou_pages li:nth-child(5) .cou_logo {
    width: 87.4100%;
    padding-top: 17.2661%;
  }
  .cou_pages li:nth-child(6) .cou_logo {
    width: 49.2805%;
    padding-top: 26.9784%;
  }  
  .cou_pages li:nth-child(7) .cou_logo {
    width: 73.9784%;
    padding-top: 26.9784%;
  }    

  /* 쿠폰 필름이란 */
  .tbl_film_spec.film_first td {
    width: 20%;
  }  
  .tbl_film_spec.film_second td {
    width: 25%;
  }
  .tbl_film_spec_m .tbl_film_spec td.en {
    font-size: 1.4rem;
  }

  /* M1 */
  .m1_tit_area:before {
    background-image: url(../images/new25/bg_m1_m.jpg);
  }
  .pro_tit_area .gwf_m1_logo {
    display: none;
  }  
}

/* 20250729 글로벌윈도우필름 M1 팝업 수정 */
.pop_gwf_m1 {
  width: 480px;
}
.pop_gwf_m1 img {
  width: 100%;
  vertical-align: top;
}

@media (max-width: 960px) {
  .pop_gwf_m1 {
    width: 340px;
  } 
}

@media (max-width: 768px) {
  .cont_modal_new {
    top: 156px;
  }
}

/* 20250929 판테라 리뉴얼 */
/* PPF */
.ppf_cont_panthera2 {
  padding: 140px 0 240px;
  background: url(../images/new25/bg_panthera_new.png) no-repeat center top/cover;
  color: #fff;
  text-align: center;
}
.logo_panthera_new {
  text-align: center;
}
.logo_panthera_new img {
  width: 46.17%;
}
.desc_panthera b {
  font-weight: 600;
}

@media (max-width: 768px) {
  /* ppf */
  .ppf_cont_panthera2 {
    padding: 80px 0 160px;
  }
  .logo_panthera_new img {
    width: 70%;
  }  
}

@media (max-width: 560px) {
  /* ppf */
  .logo_panthera_new img {
    width: 95%;
  }  
}

/* 20250930 A2000 PLUS 신규페이지 */
.a3000plus_tit_area:before {
    background: url(../images/new25/bg_a3000_plus.jpg) no-repeat center center / cover;
}
.a3000_plus1 img {
  width: 41.01%;
}
.a3000_plus2 img {
  width: 46.79%;
}
.a3000_plus3 img {
  width: 72.65%;
}
.a3000_plus_cont {
  padding: 120px 0 100px;
  background: url(../images/new25/bg_con_a3000_plus.jpg) no-repeat center bottom/cover;
  color: #fff;
}
.txt_upgrade {
  display: inline-block;
  margin-bottom: 20px;
  padding: 10px 30px;
  border: 1px solid #fff;
  border-radius: 24px;
  font-size: 2.4rem;
}
.a3000_plus_tit {
  font-size: 4rem;
  line-height: 1.6;
}
.a3000_plus4 img {
  width: 72.65%;
}
.a3000_plus_point {
  padding-bottom: 190px;
}
.a3000_plus_cont2 {
  padding: 175px 0 160px;
  background: url(../images/new25/bg_con_a3000_plus2.jpg) no-repeat center center/cover;
  color: #fff;
}
.a3000_plus_brand {
  display: flex;
}
.a3000_plus5 {
  width: 45%;
}
.a3000_plus5 img {
  width: 100%;
}
.a3000_plus_brand_desc {
  width: 55%;
  padding-left: 20px;
}
.black_tit.mt0.black_brand_desc {
  margin-top: 0;
}

@media (max-width: 960px) {
  .a3000_plus_brand {
    flex-wrap: wrap;
  }
  .a3000_plus5 {
    width: 100%;
    margin-bottom: 50px;
    text-align: center;
  }
  .a3000_plus5 img {
    width: 60%;
  }
  .a3000_plus_brand_desc {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .a3000_plus1 img {
    width: 100%;
  }
  .a3000_plus2 img {
    width: 80%;
  }
  .a3000_plus3 img {
    width: 100%;
  }
  .a3000_plus4 img {
    width: 100%;
  }
  .a3000_plus_cont2 {
    padding-top: 120px;
  }
  .a3000_plus5 img {
    width: 95%;
  }  
}

/* 20250930 FinePower250 신규페이지 */
.power250_tit_area:before {
  background: url(../images/new25/bg_top_power250.jpg) no-repeat center center / cover;
}
.power250_cont1 {
  padding: 175px 0 700px;
  background: url(../images/new25/bg_con_power250.jpg) no-repeat center bottom/cover;
  color: #fff;
  text-align: center;
}
.power250_1 {
  text-align: center;
}
.power250_1 img {
  width: 525px;
}
.txt_edition {
  margin-top: 15px;
  color: transparent;
  -webkit-text-stroke: 1px white;  
  font-size: 5.3rem;                 
  text-align: center;  
  opacity: 0.6;
}
.power250_2 img {
  margin-top: 15px;
  width: 404px;
}
.power250_3 img {
  margin-top: 36px;
  width: 54.53%;
}
.power250_pb {
  padding-bottom: 180px;
}
.power250_cont2 {
  padding: 130px 0 110px;
  background: url(../images/new25/bg_con_power250_2.jpg) no-repeat center center/cover;
  color: #fff;
  text-align: center;
}
.power250_list.fp1000_li {
  justify-content: space-between;
}
.power250_list.fp1000_li li {
  width: 22.65%;
  margin: 0;
}
.power250_list.fp1000_li li img {
  width: 70%;
}
.power250_cont3 {
  padding: 190px 0 74px;
  background: url(../images/new25/bg_con_power250_3.jpg) no-repeat center center/cover;
  color: #fff;
  text-align: center;
}
.power250_4 img {
  margin-top: 60px;
  width: 43.59%;
}
.fp1000_1 img,
.fp1000_2 img {
  border-radius: 20px;
}

@media (max-width: 960px) {
  .power250_list.fp1000_li {
    flex-wrap: wrap;
  }
  .power250_list.fp1000_li li {
    width: 47%;
    margin-bottom: 25px;
  }
}

@media (max-width: 768px) {
  .power250_tit_area:before {
    background-image: url(../images/new25/bg_top_power250_m.jpg);
  }
  .power250_1 img {
    width: 90%;
  }
  .txt_edition {
    font-size: 4.5rem;
  }
  .power250_2 img {
    width: 95%;
  }
  .power250_cont1 {
    padding: 120px 0 400px;
    background-image: url(../images/new25/bg_con_power250_m.jpg);
  }
  .power250_3 img {
    width: 100%;
  }
  .power250_list.fp1000_li li img {
    width: 100%;
  }  
  .power250_cont3 {
    padding-top: 140px;
  }
  .power250_4 img {
    width: 90%;
  }
  .fp1000_1.fp250_1,
  .fp1000_2.fp250_2 {
    width: 100%;
    text-align: center;
    transform: none;
  }
  .power250_list.fp1000_li li p:nth-of-type(1) {
    margin-top: -6px;
  }
  .elaser_func.power250_func {
    margin-top: 30px;
  }
}

@media (max-width: 450px) {
  .power250_list.fp1000_li li br {
    display: none;
  }
}

/* 20251023 블랙박스 상품, 파인파워250 제품소개서 다운로드 버튼 추가 */
.manual_download_row {
  margin-top: 30px;
  text-align: left;
}
.manual_download_btn {
  display: inline-block;
  position: relative;
  padding: 18px 130px 18px 20px;
  font-size: 1.6rem;
  border: 1px solid #000;
  background: #fff;
  border-radius: 0 10px 0 10px;
  cursor: pointer;
  box-sizing: border-box;
  transition: all 0.2s;
}
.manual_download_btn:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 15px;
  right: 20px;
  width: 25px;
  height: 20px;
  background: url(../images/new25/ico_manual_download.png) no-repeat left top/100%;
}
.manual_download_btn:active {
  box-shadow: 2px 2px 0 #bbb;
}

/* 260126 솔라가드 이미지 수정 */
.metal_img img {
    width: 100%;
}
.vx_img {
  position: relative;
}
.metal_desc {
  position: absolute;
  top: 0;
  left: 0;
  padding: 16px 25px;
  border-radius: 0 0 15px 0;
  color: #fff;
  font-size: 1.8rem;
}
.metal_desc b {
  font-weight: 600;
}
.metal_desc.vx {
  background-color: #D60000;
}
.metal_desc.ori {
  background-color: #00A1D1;
}
.metal_desc_vx {
  margin-top: 7px;
  color: #D60000;
  font-weight: 600;
}
.metal_desc_ori {
  margin-top: 7px;
  color: #00A1D1;
  font-weight: 600;
}
.metal_desc2 {
  margin-top: 8px;
  padding-left: 12px;
}
.metal_img_second {
  margin-top: 40px;
}

@media (max-width: 768px) {
  .metal_desc.vx {
    background-color: rgba(214, 0, 0, 0.7);
  }
  .metal_desc.ori {
    background-color: rgba(0, 161, 209, 0.7);
  }
  .metal_desc_vx,
  .metal_desc_ori {
    margin-top: 20px;
  }  
}

/* 260529 가격정책 수정 */
.tbl_price tr td {
  padding-right: 5px;
  word-break: break-all;
}

@media (max-width: 960px) {
  .pri_logo_solar.mt0 {
    margin-top: 0;
  }
}

/* 260612 Beryl G 수치 추가 */
.notice_new {
  display: inline-block;
  margin-top: 10px;
}

/* 20260722 루마 로고 수정 */
.cou_pages li:nth-child(4) .cou_logo {
  width: 63%;
  padding-top: 11.45%; 
}
.gg_logo img {
  width: 278px;
}