@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@300;400;500;600;700&display=swap');

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
@import url('https://fonts.googleapis.com/css2?family=Racing+Sans+One&display=swap');

@font-face {
  font-family: 'TTHakgyoansimJiugaeR';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_keris@1.0/TTHakgyoansimJiugaeR.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

.mt0 {
  margin-top: 0 !important;
}
.mt45 {
  margin-top: 45px;
}
.mt54 {
  margin-top: 54px;
}
.fwbold {
  font-weight: 600;
}
.br_pc {
  display: block;
}

/* S500 PLUS */
.s500plus_tit_area:before {
  background: url(../images/new23/bg_S500PLUS.jpg) no-repeat center center/cover;
}
.s500plus_info {
  display: flex;
  justify-content: center;
}
.s500plus_info li {
  width: 12.5%;
  margin: 0 20px;
}
.s500plus_info li img {
  width: 100%;
}
.s500plus_info li p {
  font-size: 2rem;
  line-height: 1.5;
}
.txt_upgrade {
  display: inline-block;
  margin-top: 190px;
  margin-bottom: 20px;
  padding: 16px 45px 14px;
  background-color: #951B81;
  border-radius: 9px;
  color: #fff;
  font-size: 2.4rem;
}
.s500plus_img {
  margin-top: 40px;
}
.s500plus_img img {
  width: 43.75%;
}
.txt_red {
  color: #C90016;
  font-size: 1.8rem;
}
.camera_photo {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.camera_photo li {
  width: 23.4375%;
  margin: 0 10px;
}
.camera_photo li p {
  display: inline-block;
  padding: 10px 26px;
  border: 1px solid #951B81;
  border-radius: 9px;
  color: #951B81;
}
.camera_photo li img {
  width: 100%;
  margin-top: 15px;
}
.gray_box {
  width: 522px;
  margin: 0 auto;
  padding: 18px 20px;
  background-color: #F5F5F5;
  border-radius: 7px;
  line-height: 1.8;
}
.time_desc1 {
  color: #951B81;
}
.time_desc3 {
  margin-top: 10px;
  color: #951B81;
  font-size: 1.4rem;
}
.txt_red02 {
  margin-top: 34px;
  color: #C90016;
  font-size: 1.6rem;
  line-height: 1.7;
}
.s500plus_img02 {
  margin-top: 50px;
}
.s500plus_img02 img {
  width: 78.125%;
}
.s500plus_img03 {
  margin-top: 45px;
}
.s500plus_img03 img {
  width: 68.2812%;
}

/* HUD Intro */
.hud_tit_area:before {
  background: url(../images/new23/bg_hud.jpg) no-repeat center center/cover;
}
.ppf_cont.hub_cont {
  padding-bottom: 296px;
  background: url(../images/new23/bg_hud_02.jpg) no-repeat center bottom/cover;
}
.hud_cont_ani .ppf_logo_area {
  padding-top: 162px;
}
.ppf_cont_ani.hud_cont_ani.visible .ppf_logo_area:before {
  height: 112px;
}
.flow_txt_glass.flow_txt_hud {
  width: 6600px;
}

/* tbex hud */
.hudtbex_tit_area:before {
  background: url(../images/new23/bg_hudtbex.jpg) no-repeat center center/cover;
}
.hud_cont {
  padding: 180px 0 0 0;
  background: url(../images/new23/bg_hudtbex_02.jpg) no-repeat center center/cover;
  color: #fff;
}
.hud_cont .inner {
  padding-bottom: 548px;
}
.hud_desc01 {
  font-size: 3rem;
}
.hud_desc02 {
  margin-top: 28px;
  font-size: 6rem;
}
.hud_desc02 img {
  width: 174px;
  margin-right: 20px;
}
.hud_desc03 {
  font-size: 1.8rem;
  line-height: 1.9;
}
.mt_1 {
  margin-top: 54px;
}
.hud_desc04 {
  position: absolute;
  right: 20px;
  bottom: 150px;
  text-align: right;
}
.hud_desc05 {
  font-size: 2rem;
  line-height: 1.9;
}
.hud_cont02 {
  padding: 124px 0 274px;
  background: url(../images/new23/bg_hudtbex_03.png) no-repeat center bottom/cover;
  color: #fff;
  text-align: center;
}
.hud_desc06 {
  display: inline-block;
  margin-bottom: 20px;
  padding: 16px 38px 14px;
  background-color: #000000;
  border-radius: 9px;
  color: #fff;
  font-size: 2.2rem;
}
.hud_img {
  width: 78.125%;
  margin: 45px auto 0;
}
.hud_img img {
  width: 100%;
}
.hud_info {
  margin-top: 24px;
  text-align: left;
}
.hud_img02 {
  margin-top: 25px;
}
.hud_img02 img {
  width: 57.8125%;
}
.screen {
  display: flex;
  flex-wrap: wrap;
  width: 1050px;
  margin: 0 auto 100px;
  padding-left: 50px;
}
.screen li {
  display: flex;
  align-items: center;
  width: 33.3333%;
  margin: 16px 0;
  font-size: 2rem;
  text-align: left;
}
.screen li .screen_num {
  width: 72px;
  color: #C90016;
  font-size: 3.1rem;
  font-weight: 700;
}
.screen_img {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 35px;
}
.screen_img li {
  width: 22.65625%;
  margin: 0 20px 30px 20px;
}
.screen_img li img {
  width: 100%;
}
.screen_img li p {
  margin-top: 10px;
  font-size: 1.8rem;
}
.hud_img_row {
  display: flex;
  width: 100%;
  margin-top: 45px;
}
.hud_img_row>div {
  width: 50%;
  height: 570px;
}
.hud_img_row>div:nth-child(1) {
  background: url(../images/new23/img_hud5.jpg) no-repeat center center/cover;
}
.hud_img_row>div:nth-child(2) {
  background: url(../images/new23/img_hud6.jpg) no-repeat center center/cover;
}
.hud_img_row02 {
  display: flex;
  justify-content: center;
  margin-top: 45px;
}
.hud_img_row02>div:nth-child(1) {
  width: 31.25%;
  text-align: left;
}
.hud_img_row02>div:nth-child(2) {
  width: 50%;
  margin-left: 20px;
  padding-top: 19.0625%;
  text-align: right;
}
.hud_img_row02 img {
  width: 100%;
}
.hud_img_row02 p {
  margin-top: 20px;
  font-size: 2rem;
  line-height: 1.8;
}
.hud_img_row03 {
  width: 100%;
  height: 390px;
  margin-top: 35px;
  background: url(../images/new23/img_hud9.jpg) no-repeat center bottom/cover;
}
.connect_sk.hud_cont03 {
  width: 100%;
  text-align: left;
}
.pro_info_tit {
  margin-bottom: 35px;
  font-size: 2.8rem;
}
.hud_cont03>div:nth-child(1) {
  width: 52%;
}
.hud_cont03>div:nth-child(1) img {
  width: 100%;
}
.hud_cont03 .connect_tbl {
  width: 47%;
}
.hud_desc07 {
  position: relative;
  margin-top: 35px;
  padding: 0 0 0 90px;
  line-height: 1.5;
}
.hud_desc07:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 69px;
  height: 69px;
  background: url(../images/new23/thumb_samsung.png) no-repeat left top/cover;
}
.hud_desc07 p:nth-of-type(1) {
  margin-bottom: 10px;
  padding-top: 4px;
  font-size: 1.8rem;
  font-weight: 600;
}
.logo_wrap_hud {
  margin-top: 200px;
}
.hud_btns {
  margin-top: 100px;
  padding-bottom: 300px;
}
.hud_btns button.btn_square02 {
  width: 418px;
  margin-top: 20px;
  padding: 0 0 0 22px;
  font-size: 1.9rem;
}
.hud_btns p:nth-of-type(2) {
  margin-top: 98px;
}

/* responsive */
@media (max-width: 1560px) {
  /* HUD PLUS */
  .hud_img_row>div {
    height: 360px;
  }
}

@media (max-width: 1280px) {
  /* HUD PLUS */
  .hud_img_row>div {
    height: 280px;
  }  
  /* HUD TBEX */
  .hud_desc07 {
    font-size: 1.5rem;
  }
}

@media (max-width: 1080px) {
  /* S500 PLUS */
  .camera_photo li {
    width: 28%;
  }
  .black_funcs li {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .black_funcs li:nth-child(1) {
    -webkit-transition: none;
    transition: none;
  }
  .black_funcs li:nth-child(2) {
    -webkit-transition: none;
    transition: none;
  }
  .black_funcs li:nth-child(3) {
    -webkit-transition: none;
    transition: none;
  }
  .black_funcs.visible li {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  /* HUD Intro */
  .ppf_cont_ani.hud_cont_ani.visible .ppf_logo_area:before {
    height: 112px;
  }
  .ppf_cont_ani.hud_cont_ani .ppf_logo_area:before {
    height: 112px;
  }
  /* HUD TBEX */
  .screen {
    width: 100%;
    padding-left: 0;
  }
  .screen li {
    margin: 12px 0;
    font-size: 1.6rem;
  }
  .screen li .screen_num {
    width: 36px;
    font-size: 1.6rem;
  }
}

@media all and (max-width: 960px) {
  /* S500 PLUS */
  .s500plus_info {
    flex-wrap: wrap;
  }
  .s500plus_info li {
    width: 28%;
    margin-bottom: 20px;
  }
  .s500plus_info li p {
    font-size: 1.6rem;
  }
  .txt_upgrade {
    margin-top: 130px;
  }
  /* HUD TBEX */
  .hud_img_row>div {
    height: 220px;
  }
  .connect_sk.hud_cont03 {
    flex-wrap: wrap;
    text-align: center;
  }
  .hud_cont03>div:nth-child(1),
  .hud_cont03>div:nth-child(2) {
    width: 100%;
  }
  .hud_desc07 {
    font-size: 1.4rem;
    text-align: left;
  }
  .logo_wrap_hud {
    margin-top: 120px;
  }
  .hud_btns {
    margin-top: 52px;
  }
  .hud_cont03 .connect_tbl {
    margin-top: 120px;
  }
}

@media all and (max-width: 768px) {
  .br_pc {
    display: none;
  }
  /* S500 PLUS */ 
  .s500plus_info li {
    width: 46%;
    margin: 0;
    margin-bottom: 20px;
  }  
  .txt_upgrade {
    font-size: 2.2rem;
  }
  .s500plus_img img {
    width: 100%;
  }
  .txt_red {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .camera_photo {
    flex-wrap: wrap;
  }
  .camera_photo li {
    width: 90%;
    margin-bottom: 30px;
  }
  .camera_photo li:last-child {
    margin-bottom: 0;
  }
  .gray_box {
    width: 100%;
    padding: 15px 30px;
  }
  .s500plus_img02 {
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .s500plus_img02 img {
    width: 100%;
  }
  .s500plus_img03 img {
    width: 100%;
  }
  /* HUD Intro */
  .pro_tit_area.hud_tit_area {
    padding-top: 220px;
  }
  .pro_tit_area.hud_tit_area br {
    display: block;
  }
  .ppf_cont.hub_cont {
    background: url(../images/new23/bg_hud_02_m.jpg) no-repeat center bottom/cover;
  }
  .hub_cont .ppf_desc {
    font-size: 1.6rem;
  }
  /* HUD TBEX */
  .pro_tit_area02.hudtbex_tit_area .logo_wrap_top {
    margin-top: 150px;
  }
  .hudtbex_tit_area .logo_wrap_top .logo_tbex_red img {
    width: 120px;
  }
  .hudtbex_tit_area .logo_wrap_top .logo_street img {
    width: 86px;
  }
  .hudtbex_tit_area:before {
    background-image: url(../images/new23/bg_hudtbex_m.jpg);
  }
  .hud_cont {
    padding: 120px 0 98px 0;
    background: url(../images/new23/bg_hudtbex_02_m.jpg) no-repeat center center/cover;
  }
  .hud_cont .inner {
    padding-bottom: 0;
  }
  .hud_desc01 {
    font-size: 2.6rem;
    line-height: 1.5;
  }
  .hud_desc04 {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    margin-top: 336px;
  }
  .mt_1 {
    margin-top: 35px;
  }
  .hud_cont02 {
    padding-bottom: 400px;
    background: url(../images/new23/bg_hudtbex_03_m.jpg) no-repeat center bottom/cover;
  }
  .hud_desc06 {
    padding: 16px 28px 14px;
    font-size: 1.8rem;
  }
  .hud_img {
    width: 100%;
  }
  .hud_desc05 {
    font-size: 1.6rem;
  }
  .hud_img02 img {
    width: 100%;
  }
  .screen {
    padding-left: 20px;
  }
  .screen li {
    width: 100%;
  }
  .screen li:nth-child(1) {
    order: 1;
  }
  .screen li:nth-child(2) {
    order: 4;
  }
  .screen li:nth-child(3) {
    order: 7;
  }
  .screen li:nth-child(4) {
    order: 2;
  }
  .screen li:nth-child(5) {
    order: 5;
  }
  .screen li:nth-child(6) {
    order: 8;
  }
  .screen li:nth-child(7) {
    order: 3;
  }
  .screen li:nth-child(8) {
    order: 6;
  }
  .screen li:nth-child(9) {
    order: 9;
  }
  .screen_img {
    margin-top: 20px;
  }
  .screen_img li {
    width: 46%;
    margin: 0 2% 30px;
  }
  .screen_img li p {
    font-size: 1.6rem;
  }
  .hud_img.m_100p {
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);    
  }
  .hud_img_row {
    flex-wrap: wrap;
  }
  .hud_img_row>div {
    width: 100%;
    height: 222px;
  } 
  .hud_img_row>div:nth-child(1),
  .hud_img_row>div:nth-child(2) {
    background-position: center center;
  }
  .hud_img_row02 {
    flex-wrap: wrap;
  }
  .hud_img_row02>div:nth-child(1),
  .hud_img_row02>div:nth-child(2) {
    width: 100%;
  }
  .hud_img_row02>div:nth-child(1) img {
    width: 64%;
  }
  .hud_img_row02 p {
    font-size: 1.6rem;
  }
  .hud_img_row02>div:nth-child(2) {
    margin-top: 38px;
    margin-left: 0;
    padding-top: 0;
  }
  .hud_img_row02>div:nth-child(2) img {
    width: 100%;
  }
  .hud_img_row03 {
    height: 218px;
    background: url(../images/new23/img_hud9_m.jpg) no-repeat center top/cover;
  }
  .connect_sk.hud_cont03 {
    margin-top: 0;
  }
  .hud_cont03>div:nth-child(1),
  .hud_cont03>div:nth-child(2) {
    width: 100%;
    text-align: center;
  }
  .hud_cont03 .connect_tbl {
    margin-top: 120px;
  }
  .hud_desc07 p:nth-of-type(1) {
    margin-bottom: 5px;
  }
  .hud_btns button.btn_square02 {
    width: 90%;
    font-size: 1.6rem;
  }
}

/* 230627 이미지 크기 수정 */
.hud_img.hud_led_img {
  width: 640px;
}
@media all and (max-width: 768px) {
  .hud_img.hud_led_img.m_100p {
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);
  }
}

/* 230705 브랜드 Studio Seoul Open 안내페이지 추가 */
/* Studio Seoul */
.studio_main {
  margin-top: 134px;
  padding: 170px 0 210px;
  text-align: center;
}
.studio_tit {
  position: relative;
  top: 30px;
  opacity: 0;
  font-size: 4.2rem;
  -webkit-animation: moveUp 0.4s ease-out 0.9s forwards;
  animation: moveUp 0.4s ease-out 0.9s forwards;
}
.studio_tit span {
  display: inline-block;
}
.studio_tit img {
  position: relative;
  top: 8px;
  width: 234px;
  margin: 0 24px;
}
.open_desc {
  margin-top: 30px;
  font-size: 6rem;
  -webkit-text-stroke: 1px #000;
  -webkit-text-fill-color: transparent;
}
.studio_ani {
  position: relative;
  top: 30px;
  opacity: 0;
  -webkit-animation: moveUp 0.3s ease-out 2s forwards;
  animation: moveUp 0.3s ease-out 2s forwards;
}
.open_date {
  position: relative;
  top: 30px;
  opacity: 0;
  margin-top: 30px;
  padding-top: 200px;
  font-size: 4.2rem;
  -webkit-animation: moveUp 0.3s ease-out 2s forwards;
  animation: moveUp 0.3s ease-out 2s forwards;
}
.draw_line {
  position: relative;
}
.draw_line:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 0;
  background-color: #000;
  -webkit-animation: drawLine 0.4s ease-in-out 1.3s forwards;
  animation: drawLine 0.4s ease-in-out 1.3s forwards;
}
.open_img_box {
  position: relative;
  margin-top: 110px;
}
.open_img img {
  position: relative;
  width: 85.1562%;
  vertical-align: top;
}
.lab_typo {
  position: absolute;
  top: -40px;
  left: 50%;
  width: 102px;
  -webkit-transform: translateX(-48%);
  transform: translateX(-48%);
}
.studio_add {
  display: inline-block;
  padding: 10px 20px;
  background-color: #000;
  color: #fff;
}
.txt_rotate {
  position: absolute;
  top: -104px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);  
}
.txt_rotate img {
  width: 258px;
  -webkit-animation: rotate 20s linear infinite;
  -ms-animation: rotate 20s linear infinite;
  animation: rotate 20s linear infinite;
}

@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes drawLine {
  0% {
    height: 0;
  }
  100% {
    height: 168px;
  }
}
@keyframes drawLine {
  0% {
    height: 0;
  }
  100% {
    height: 168px;
  }
}

.logo_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 56px;
}
.logo_tbex_red {
  margin-right: 50px;
}
.logo_tbex_red img {
  width: 210px;
}
.logo_street img {
  width: 188px;
}

/* responsive */
@media (max-width: 1280px) {
  .studio_tit {
    font-size: 3.8rem;
  }
  .studio_tit img {
    width: 200px;
  }
  .open_desc {
    font-size: 5rem;
  }
}

@media (max-width: 1080px) {
  .studio_main {
    padding-top: 50px;
  }
  .studio_tit span {
    display: block;
  }
  .studio_tit img {
    margin: 20px 0 28px;
  }
  .studio_tit,
  .open_date,
  .studio_ani {
    top: 0;
    opacity: 1;
    -webkit-animation: none;
    animation: none;
  }
  .draw_line:before {
    height: 168px;
    -webkit-animation: none;
    animation: none;    
  }
}

@media (max-width: 768px) {
  .studio_main {
    margin-top: 0;
    padding-top: 150px;
    padding-bottom: 160px;
  }
  .studio_tit img {
    width: 233px;
  }
  .open_desc {
    margin-top: 60px;
    font-size: 4.2rem;
  }
  .open_date {
    font-size: 3.8rem;
  }
  .lab_typo {
    width: 94px;
  }
  .txt_rotate img {
    width: 236px;
  }
  .open_img {
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .open_img img {
    width: 100%;
  }
  .studio_add {
    width: calc(100% + 48px);
    line-height: 1.6;
    -webkit-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .logo_tbex_red {
    margin-right: 28px;
  }
  .logo_tbex_red img {
    width: 126px;
  }
  .logo_street img {
    width: 113px;
  }
}

/* 20230803 파인파워1000 신규페이지 및 기존 페이지 수정 */
/* 보조배터리 intro */
.batt_main .ster_link.glass_link {
  margin-top: 140px;
}
.ster_link.glass_link a {
  display: inline-block;
  width: 54.2969%;
}
.batt_main .finevu {
  margin-top: 230px;
}

/* 파인파워 1000 */
.finePw1000_tit_area:before {
  background: url(../images/new23/bg_finepower1000.jpg) no-repeat center center/cover;
}
.fp1000_1 img {
  width: 70.3125%;
}
.fp1000_2 img {
  width: 67.1875%;
}
.fp1000_3 img {
  width: 62.8906%;
}
.black_img.mt50 {
  margin-top: 50px;
}
.fp1000_4 img {
  width: 54.6875%;
}
.fp1000_li {
  display: flex;
  justify-content: center;
  margin-top: 45px;
}
.fp1000_li li {
  width: 15.625%;
  margin: 0 1.953125%;
  text-align: center;
}
.fp1000_li li img {
  width: 100%;
}
.fp1000_li li p:nth-of-type(1) {
  margin-top: 25px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.7;
}
.fp1000_li li p:nth-of-type(2) {
  margin-top: 15px;
  line-height: 1.6;
}

.fp1000_func.elaser_func {
  align-items: start;
}
.fp1000_func.elaser_func>div:nth-child(1) {
  padding-top: 20px;
}
.fp1000_func.elaser_func>div:nth-child(2) {
  width: 44.5312%;
}
.fp1000_func .elaser_func_li p {
  font-size: 1.6rem;
}
.fp1000_func .elaser_func_li li {
  margin-bottom: 35px;
}
.fp1000_func .elaser_func_li p.txt_red {
  margin-top: 8px;
}
.compos_fp1000 {
  display: flex;
  justify-content: space-between;
  margin-top: 35px;
  text-align: left;
}
.compos_fp1000>div {
  width: 48.4375%;
}
.compos_fp1000>div img {
  width: 100%;
}
.info_red {
  color: #C90016;
}
.fpinfo {
  display: flex;
  justify-content: space-between;
}
.fpinfo>div {
  width: 47.5%;
}
.fpinfo .tbl_black {
  font-size: 1.6rem;
}
.aic {
  align-items: center;
}
.img_kc {
  width: 18px;
  vertical-align: -7px;
}
.txt_li {
  margin-top: 25px;
  text-align: left;
}
.txt_li li {
  display: flex;
  margin-top: 20px;
  font-size: 1.8rem;
  line-height: 1.7;
}
.txt_li li:first-child {
  margin-top: 0;
}
.txt_li li span {
  margin-right: 16px;
}
.fp1000_insu {
  position: relative;
  margin-top: 35px;
  padding: 0 0 0 100px;
  font-size: 1.8rem;
  text-align: left;
  line-height: 1.5;
}
.fp1000_insu:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 83px;
  height: 85px;
  background: url(../images/new23/img_insu.png) no-repeat left top/cover;
}
.fp1000_insu p:nth-of-type(1) {
  margin-bottom: 10px;
  padding-top: 10px;
  font-weight: 600;
}
.fp1000_3 .black_desc_red {
  margin-top: 0;
  line-height: 1.7;
}

/* responsive */
@media all and (min-width: 1080px) {
   /* 파인파워1000 */
  .fp1000_li li {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  .fp1000_li li:nth-child(1) {
    -webkit-transition: all 0.3s ease-in-out 0.2s;
    transition: all 0.3s ease-in-out 0.2s;
  }
  .fp1000_li li:nth-child(2) {
    -webkit-transition: all 0.3s ease-in-out 0.5s;
    transition: all 0.3s ease-in-out 0.5s;
  }
  .fp1000_li li:nth-child(3) {
    -webkit-transition: all 0.3s ease-in-out 0.8s;
    transition: all 0.3s ease-in-out 0.8s;
  }
  .fp1000_li li:nth-child(4) {
    -webkit-transition: all 0.3s ease-in-out 1.1s;
    transition: all 0.3s ease-in-out 1.1s;
  }
  .fp1000_li.visible li {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@media all and (max-width: 1280px) {
   /* 파인파워1000 */
  .fp1000_1 .black_desc_red {
    padding: 0 24px;
    font-size: 1.5rem;
    line-height: 1.7;
  }
  .fpinfo .tbl_black th {
    line-height: 1.7;
  }
}

@media all and (max-width: 1080px) {
  /* battery intro */
  .batt_main .finevu {
    margin-top: 150px;
  }
  /* 파인파워1000 */
  .fpinfo>div:nth-child(1) {
    width: 52%;
  }
  .fpinfo>div:nth-child(2) {
    width: 45%;
  }
  .txt_li li {
    font-size: 1.6rem;
  }
}

@media all and (max-width: 1024px) {
    /* 파인파워1000 */
  .tab_w {
    width: 90%;
  }
  .tab_w br {
    display: none;
  }
}

@media all and (max-width: 960px) {
  /* battery intro */
  .ster_link.glass_link a {
    width: 100%;
  }
  /* 파인파워1000 */
  .fp1000_li {
    justify-content: space-between;
    padding: 0 20px;
  }
  .fp1000_li li {
    width: 21%;
    margin: 0;
  }
  .fp1000_func.elaser_func>div:nth-child(2) {
    width: 100%;
  }
  .fpinfo {
    flex-wrap: wrap;
  }
  .fpinfo>div:nth-child(1),
  .fpinfo>div:nth-child(2) {
    width: 100%;
  }
  .img_kc {
    width: 16px;
  }
  .fp1000_insu {
    font-size: 1.6rem;
  }
  .txt_li li {
    margin-top: 10px;
  }
}

@media all and (max-width: 768px) {
  /* battery intro */
  .batt_main .ster_link.glass_link {
    margin-top: 100px;
  }
  /* 파인파워1000 */
  .finePw1000_tit_area:before {
    background-image: url(../images/new23/bg_finepower1000_m.jpg);
  }
  .fp1000_1,
  .fp1000_2,
  .fp1000_3,
  .fp1000_4 {
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24px);
    transform: translateX(-24px);    
  }
  .fp1000_1 img,
  .fp1000_2 img,
  .fp1000_3 img,
  .fp1000_4 img {
    width: 100%;
  }
  .fp1000_3 img {
    margin-bottom: 10px;
  }
  .fp1000_3 .black_desc_red {
    margin-top: 0;
    padding: 0 24px;
    text-align: left;
  }
  .fp1000_li {
    flex-wrap: wrap;
    padding: 0;
  }
  .fp1000_li li {
    width: 47%;
    margin: 0;
    margin-bottom: 30px;
  }
  .fp1000_li li img {
    width: 80%;
  }
  .compos_fp1000 {
    flex-wrap: wrap;
  }
  .compos_fp1000>div {
    width: 100%;
    text-align: center;
  }
  .compos_fp1000>div>p {
    margin-bottom: 10px;
  }
  .compos_fp1000>div:nth-child(2)>p {
    margin-top: 50px;
  }
  .img_kc {
    width: 14px;
  }

}

/* 231019 블랙박스 SF3000 페이지 추가 */
.sf3000_tit_area:before {
  background: url(../images/new23/bg_sf3000.jpg) no-repeat center center/cover;
}
.sf3000_1 {
  margin-top: -9.375%;
}
.sf3000_1 img {
  width: 75.3125%;
}
.tit_sf3000_1 {
  margin-top: -18.3125%;
}
.tag_sf3000_img {
  width: 370px;
  height: 50px;
  margin: 0 auto;
  padding-top: 16px;
  background-color: #000;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
}
.sf3000_2 img {
  width: 65.625%;
}
.desc_zindex {
  position: relative;
  z-index: 10;
}
.sf3000_3 {
  margin-top: -5.4687%;
}
.sf3000_3 img {
  width: 100%;
}
.desc_mtminus {
  position: relative;
  margin-top: -9.375%;
  z-index: 5;
}
.black_tit.tit_sf3000_2 {
  margin-top: 250px;
}
.sf3000_4 {
  margin-top: 0;
}
.sf3000_4 img {
  width: 90.7812%;
}
.sf3000_5 img {
  width: 81.9531%;
}
.tbl_sf3000 {
  width: 670px;
  margin: 50px auto 0;
  border-collapse: collapse;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
.tbl_sf3000 td {
  vertical-align: middle;
  padding: 24px 0;
  color: #676767;
}
.tbl_sf3000 td.td_bor_r {
  background-color: #F2F2F2;
  border-right: 1px solid #707070;
  color: #676767;
  font-weight: 600;
}
.tbl_sf3000 td.td_bor_dot {
  border-top: 1px dotted #707070;
  color: #434343;
  font-weight: 600;
}
.sf3000_6 img {
  width: 65.3906%;
}
.sf3000_7 img {
  width: 100%;
}
.sf3000_8 img {
  width: 62.5%;
}
.sf3000_compo .compos_tit {
  margin-bottom: 20px;
  color: #000;
}
.sf3000_compo {
  justify-content: space-between;
}
.sf3000_compo>div:nth-child(1) {
  width: 57.0312%;
}
.sf3000_compo>div:nth-child(2) {
  width: 32.7343%;
}
.sf3000_desc {
  margin-top: 25px;
  font-size: 1.6rem;
  line-height: 1.8;
}

/* responsive */
@media all and (max-width: 1080px) {
  /* sf3000 */
  .black_tit.tit_sf3000_2 {
    margin-top: 200px;
  }
  .sf3000_6 img {
    width: 75%;
  }
}

@media all and (max-width: 960px) {
  /* sf3000 */
  .sf3000_3 {
    margin-top: 0;
  }
  .desc_mtminus {
    margin-top: -5%;
  }
  .sf3000_6 img {
    width: 85%;
  }
  .sf3000_8 img {
    width: 78%;
  }
}

@media all and (max-width: 768px) {
  /* sf3000 */
  .sf3000_tit_area:before {
    background: url(../images/new23/bg_sf3000_m.jpg) no-repeat center center/cover;
  }  
  .sf3000_1 img {
    width: 100%;
  }
  .black_tit.tit_sf3000_2 {
    margin-top: 120px;
  } 
  .sf3000_2 {
    margin-top: 40px;
  }
  .sf3000_2 img {
    width: 100%;
  }
  .sf3000_3 {
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .sf3000_4 img {
    width: 100%;
  }
  .sf3000_5 img {
    width: 92%;
    margin: 0 auto;
  }
  .tbl_sf3000 {
    width: 100%;
  }
  .sf3000_6 img {
    width: 100%;
  }
  .sf3000_8 img {
    width: 100%;
  }  
  .sf3000_compo {
    font-weight: wrap;
  }
  .sf3000_compo>div:nth-child(1),
  .sf3000_compo>div:nth-child(2) {
    width: 100%;
  }
}

@media all and (max-width: 576px) {
  /* sf3000 */
  .tag_sf3000_img {
    width: 100%;
  }
}

@media all and (max-width: 425px) {
  /* sf3000 */
  .tag_sf3000_img {
    width: 100%;
  }
}

/* 20231130 액세서리 메뉴 추가, 부스트업 신규페이지 추가 */
/* 액세서리 intro */
.main_acce, 
.main_boost {
  font-family: 'IBM Plex Sans KR';
}

.acce_tit_area:before {
  background: url(../images/new23/bg_acce.jpg) no-repeat center center/cover;
}
.acce_main_cont .logo_wrap {
  margin-top: 0;
}
.flow_txt_black.flow_txt_acce .flow_txt01, .flow_txt_black.flow_txt_acce .flow_txt02 {
  width: 2460px;
}

/* 부스트업 */
.black_pro_desc {
  font-family: 'IBM Plex Sans KR';
  font-weight: 400;
}
.main_boost .black_tit {
  line-height: 1.5;
}
.main_boost button {
  font-family: 'IBM Plex Sans KR';
}
.boost_tit_area:before {
  background: url(../images/new23/bg_boost.jpg) no-repeat center center/cover;
}
.boost_tbex_logo img {
  width: 182px;
}
.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: 800;
  -webkit-transition: all 0.3s 0.8s;
  transition: all 0.3s 0.8s;
}
.boost_fade.active .boost_line_txt {
  top: 0;
  opacity: 1;
}
.boost_desc1 {
  margin-top: 68px;
  font-size: 2rem;
}
.boost_desc1 p {
  margin-top: 16px;
  font-size: 4rem;
  font-weight: 800;
}

.boost_cont {
  position: relative;
  margin-top: 115px;
  padding-top: 170px;
  overflow: hidden;
  background: #0C0C0C;
  text-align: center;
}
.boost_tbex_logo2 img {
  position: relative;
  width: 170px;
  z-index: 10;
}
.boost_logo {
  margin-top: 22px;
}
.boost_logo img {
  position: relative;
  width: 424px;
  z-index: 10;
}
.boost_1 {
  margin-top: -250px;
  z-index: 0;
}
.boost_1 img {
  width: 92%; 
  vertical-align: top;
}
.boost_cont_border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 150px solid #fff;
}
.boost_cont2 {
  padding: 120px 0;
  background-color: #0C0C0C;
  color: #fff;
  text-align: center;
}
.boost_desc5 {
  font-size: 5.5rem;
  font-weight: 800;
  line-height: 1.3;
}
.boost_desc5 span {
  color: #767676;
}
.boost_7 {
  margin-top: 90px;
}
.boost_7 img {
  width: 69.375%;
}
.text_fade,
.text_fade2,
.text_fade3 {
  opacity: 0;
  -webkit-transform: translateY(200px);
  transform: translateY(200px);
}
.img_scale,
.img_scale2,
.img_scale3 {
  -webkit-transform: scale(0.4);
  transform: scale(0.4);
}
.boost_cont3 {
  padding: 120px 0;
  background-color: #0C0C0C;
  color: #fff;
  text-align: center;
}
.boost_cont4 {
  padding: 120px 0;
  background-color: #0C0C0C;
  color: #fff;
  text-align: center;
}
.boost_cont5 {
  padding: 100px 0 200px;
  background-color: #0C0C0C;
  color: #fff;
  text-align: center;
}
.boost_desc2 {
  font-size: 4rem;
  font-weight: 800;
  line-height: 1.5;
}
.boost_2 {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.boost_2>div {
  width: 49%;
}
.boost_2>div:nth-child(2) {
  padding-top: 80px;
}
.boost_2>div img {
  width: 100%;
}
.boost_3 {
  margin-top: 80px;
}
.boost_3 img {
  width: 565px;
}
.boost_desc3 {
  margin-top: 60px;
}
.boost_cont6 {
  padding: 100px 0 600px;
  background: url(../images/new23/bg_boost3.jpg) no-repeat center bottom/cover;
  text-align: center;
}
.boost_tbex_logo3 img {
  width: 135px;
}
.boost_logo2 img {
  margin-top: 20px;
  width: 376px;
}
.boost_cont7 {
  position: relative;
  height: 980px;
  padding-top: 150px;
  background-color: #0C0C0C;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: none; 
  scrollbar-width: none; 
}
.boost_cont7::-webkit-scrollbar {
  display: none; 
}
.boost_cont7_m {
  display: none;
}
.boost_list_row {
  display: flex;
  width: 5150px;
  height: 980px;
  padding-left: 16.4062%;
  color: #fff;
}
.boost_desc6 {
  width: 374px;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.4;
}
.boost_list {
  display: flex;
  margin-left: 50px;
}
.boost_list li {
  width: 580px;
  margin-right: 20px;
}
.boost_list_num {
  font-size: 5rem;
  font-weight: 900;
}
.boost_list li img {
  width: 100%;
  margin-top: 22px;
}
.boost_desc7 {
  margin-top: 24px;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.5;
}
.boost_desc8 {
  margin-top: 16px;
  font-family: 'IBM Plex Sans KR';
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1.6;
}
.clr_green {
  color: #48DAE6;
}
.boost_cont8 {
  padding-top: 120px;
  text-align: center;
}
.boost_6 {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.boost_6>div {
  width: 42.1875%;
  margin: 0 10px;
}
.boost_6>div img {
  width: 100%;
}
.boost_cont9 {
  padding-top: 120px;
  text-align: center;
}
.boost_4 {
  margin-top: 40px;
}
.boost_4 img {
  width: 69.0625%;
}
.boost_cont10 {
  text-align: center;
}
.boost_desc4 {  
  padding-top: 178px;
  font-size: 2.4rem;
}
.boost_5 img {
  width: 70.859%;
  margin-top: 36px;
}
.boost_cont11 {
  margin-top: 200px;
}
.batt_cont03.boost_cont11 {
  padding-bottom: 70px;
}

.boost_cont12 {
  padding-bottom: 240px;
}

/* responsive */
@media all and (max-width: 1600px) {
  /* 부스트업 */
  .boost_list_row {
    width: 4900px;
    padding-left: 8%;
  }
}

@media all and (max-width: 1280px) {
  /* 부스트업 */
  .boost_cont {
    padding-top: 150px;
  }
  .boost_cont_border {
    border-width: 100px;
  }
  .boost_list_row {
    width: 4600px;
  }
  .boost_desc6 {
    width: 364px;
    font-size: 3.8rem;
  }
  .boost_list li {
    width: 540px;
  }
  .boost_list_num {
    font-size: 4.5rem;
  }
}

@media all and (max-width: 1080px) {
  /* 부스트업 */
  .black_tit.boost_desc9 {
    margin-top: 100px;
  }
  .boost_1 {
    margin-top: -180px;
  }
  .boost_desc5 {
    font-size: 4.6rem;
  }
  .boost_7 img {
    width: 75%;
  }
  .boost_3 img {
    width: 400px;
  }
}

@media all and (max-width: 960px) {
  /* 액세서리 intro */
  .main_acce {
    overflow-x: hidden !important;
  }

  /* 부스트업 */
  .boost_cont {
    padding-top: 100px;
  }
  .boost_cont_border {
    border-width: 70px;
  }
  .boost_1 img {
    width: 100%;
  }
  .boost_cont2,
  .boost_cont3,
  .boost_cont4 {
    padding: 100px 0;
  }
  .boost_desc5 {
    font-size: 4rem;
  }
  .boost_7 img {
    width: 85%;
  }
  .boost_cont5 {
    padding-bottom: 120px;
  }
  .boost_cont_border {
    border-width: 60px;
  }

  .boost_list_row {
    width: 4300px;
  }
  .boost_desc6 {
    width: 344px;
    font-size: 3.4rem;
  }
  .boost_list li {
    width: 500px;
  }
  .boost_list_num {
    font-size: 4rem;
  }  
}

@media all and (max-width: 768px) {
  /* 액세서리 intro */
  .acce_tit_area:before {
    background: url(../images/new23/bg_acce_m.jpg) no-repeat center center/cover;
  }
  .acce_tit_area .h2_sub .en {
    font-size: 4.2rem;
  }
  .main_acce .ster_link {
    padding: 0;
  }
  .main_acce .logo_wrap {
    margin-top: 0;
  }
  .flow_txt_black.flow_txt_acce {
    margin-top: 150px;
  }
  /* 부스트업 */
  .main_boost {
    overflow-x: hidden !important;
  }
  .main_boost .dongle_logo_top img:nth-child(1) {
    width: 120px;
  }
  .main_boost .dongle_logo_top img:nth-child(2) {
    width: 86px;
  }
  .black_tit.boost_desc9 {
    font-size: 5rem;
    line-height: 1.2;
  }  
  .boost_line_txt {
    top: 0;
    opacity: 1;
    -webkit-transition: none;
    transition: none;
  }
  .boost_line:before {
    height: 120px;
    -webkit-transition: none;
    transition: none;    
  }
  .boost_cont {
    padding-top: 100px;
  }
  .boost_cont_border {
    border-width: 0;
  }
  .boost_1 {
    margin-top: -100px;
  }
  .boost_tbex_logo2 img {
    width: 132px;
  }
  .boost_logo img {
    width: 368px;
  }
  .boost_1 img {
    width: 150%;
    -webkit-transform: translateX(-15%);
    transform: translateX(-15%);
  }
  .boost_desc2 {
    font-size: 3.6rem;
  }
  .boost_2 {
    flex-wrap: wrap;
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .boost_2>div {
    width: 100%;
  }
  .boost_2>div:nth-child(1) {
    padding-right: 24px;
  }
  .boost_2>div:nth-child(2) {
    padding-top: 15px;
    padding-left: 24px;
  }
  .boost_desc5 {
    font-size: 4rem;
  }
  .boost_7 img {
    width: 90%;
  }
  .text_fade, 
  .text_fade2, 
  .text_fade3 {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  .img_scale, .img_scale2, .img_scale3 {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  .boost_3 img {
    width: 90%;
  } 
  .boost_cont5 {
    padding-bottom: 90px;
  } 
  .boost_logo2 img {
    width: 368px;
  }
  .boost_6 {
    flex-wrap: wrap;
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .boost_6>div {
    width: 100%;
    margin: 0;
  }
  .boost_6>div:nth-child(2) {
    margin-top: 15px;
  }
  .boost_4 img {
    width: 100%;
  }
  .boost_desc4 {
    padding-top: 60px;
  }
  .boost_5 img {
    width: 70%;
    margin: 40px auto 0;
  }
  .boost_cont7 {
    display: none;
  }
  .boost_cont7_m {
    display: block;
    background-color: #0C0C0C;
    padding: 100px 24px 0;
    color: #fff;
  }
  .boost_cont7_m .boost_desc6 {
    font-size: 3rem;
  }
  .boost_cont7_m .boost_list {
    flex-wrap: wrap;
    margin-top: 40px;
    margin-left: 0;
  }
  .boost_cont7_m .boost_list li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 50px;
  }
  .boost_list_num {
    font-size: 3rem;
  }
  .boost_desc7 {
    font-size: 2.2rem;
  }
  .boost_desc8 {
    font-size: 1.6rem;
  }
  .boost_cont11 {
    margin-top: 120px;
  }
  .boost_cont11 .inner>div:nth-child(2) {
    margin-top: 120px !important;
  }

}

@media all and (max-width: 425px) {
  /* 부스트업 */
  .boost_cont {
    padding-top: 90px;
  }
  .boost_logo img {
    width: 90%;
  }
  .boost_1 img {
    width: 200%;
    transform: translateX(-24%);
  }  
  .boost_desc5 {
    font-size: 3.4rem;
  }
  .boost_cont2, 
  .boost_cont3, 
  .boost_cont4 {
    padding: 80px 0;
  }
  .boost_7 {
    margin-top: 70px;
  }
  .boost_7 img {
    width: 100%;
  }
  .text_fade, 
  .text_fade2, 
  .text_fade3 {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  .img_scale, .img_scale2, .img_scale3 {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }  
  .boost_logo2 img {
    width: 90%;
  }
  .boost_4 {
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24%);
    transform: translateX(-24%);
  }
  .boost_4 img {
    width: 140%;
  }
  .boost_5 img {
    width: 100%;
    margin: 40px auto 0;
  }
}

/* 231221 블랙박스 LXQ3000 신규페이지 */
/* lxq3000 */
.main_lxq3000 {
  font-family: 'IBM Plex Sans KR';
  font-weight: 400;
}
.lxq3000_tit_area:before {
  background: url(../images/new24/bg_lxq3000.jpg) no-repeat center center/cover;
}
.lxq3000_cont {
  padding: 196px 0 176px;
  background: url(../images/new24/bg_lxq3000_2.jpg) no-repeat center center/cover;
  color: #fff;
}
.ico_list {
  display: flex;
  margin-top: 60px;
}
.ico_list li:nth-child(1) {
  margin-right: 18px;
}
.ico_list li:nth-child(2) {
  margin-right: 6px;
}
.ico_list img {
  width: 100px;
}
.lxq3000_cont02 {
  padding-bottom: 235px;
}
.lxq3000_1 {
  width: 72.8125%;
  margin: 0 auto;
}
.lxq3000_1 img {
  width: 100%;
}
.lxq_img2 {
  margin-top: 50px;
}
.lxq3000_cont03 {
  padding: 150px 0 130px;
  background: url(../images/new24/bg_lxp3000_3.jpg) no-repeat center center/cover;
  color: #fff;
  text-align: center;
}
.lxq3000_2 img {
  width: 67.8125%;
  margin-top: -10px;
}
.lxq3000_bg_box {
  height: 238px;
  background: url(../images/new24/bg_lxq3000_4.jpg) no-repeat center center/cover;
}
.lxq3000_3 {
  margin-top: 60px;
}
.lxq3000_3 img {
  width: 43.2812%;
}
.tbl_lxq3000 {
  width: 762px;
  margin: 50px auto 30px;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  color: #707070;
  text-align: center;
}
.tbl_lxq3000 th {
  padding: 12px 0 8px;
  background-color: #EAEAEA;
}
.tbl_lxq3000 tr {
  border-bottom: 1px dashed #707070;
}
.tbl_lxq3000 th,
.tbl_lxq3000 td {
  border-right: 1px dashed #707070;
}
.tbl_lxq3000 th:last-child {
  border-right: none;
}
.tbl_lxq3000 td:last-child {
  border-right: none;
}
.tbl_lxq3000 td.txt_focus {
  border: 3px solid #FF0000;
  color: #000;
  font-size: 22px;
  font-weight: 800;
}
.black_pro_desc.lxq3000_txt {
  width: 80%;
}
.lxq3000_4 {
  margin-top: 45px;
}
.lxq3000_4 img {
  width: 61.9531%;
}
.tbl_mar {
  margin-top: 0;
}
.tbl_lxq3000 td.txt_focus2 {
  border-bottom: 3px solid #FF0000;
  border-right: 3px solid #FF0000;
  border-left: 3px solid #FF0000;
  color: #000;
  font-size: 2.2rem;
  font-weight: 800;
}
.tbl_lxq3000 td.txt_focus2 span {
  font-size: 1.6rem;
  font-weight: 500;
}
.tbl_lxq3000 th.txt_focus3 {
  border-top: 3px solid #FF0000;
  border-right: 3px solid #FF0000;
  border-left: 3px solid #FF0000;
  color: #000
}
.lxq3000_5 {
  margin-top: 37px;
}
.lxq3000_5 img {
  width: 79.5312%;
  transform: translateX(-8%);
}
.main_lxq3000 .black_tit {
  line-height: 1.4;
}
.ico_caution {
  width: 22px;
}
.lxq_desc02.lxq3000_desc02 {
  width: 80%;
}
.lxq3000_6 {
  margin-top: 55px;
}
.lxq3000_6 img {
  width: 83.6718%;
}
.lxq3000_desc_box {
  position: relative;
  width: 700px;
  margin: 30px auto 0;
  padding: 22px 0 16px;
  border-top: 1px dashed #000;
  border-bottom: 1px dashed #000;
  line-height: 1.8;
}
.tit_tip {
  position: absolute;
  top: -34px;
  left: 50%;
  padding: 0 10px;
  background-color: #fff;
  font-size: 3.6rem;
  font-weight: 700;
  transform: translateX(-50%);
}
.lxq3000_desc_box p {
  position: relative;
  z-index: 10;
}
.lxq3000_7 {
  margin-top: 60px;
}
.lxq3000_7 img {
  width: 83.5937%;
}
.lxq3000_8 img {
  width: 62.5%;
}
.br_960 {
  display: none;
}
.s_compo.lxq3000_compos {
  justify-content: space-between;
}
.s_compo.lxq3000_compos>div:nth-child(1) {
  width: 56.0937%;
  margin-right: 0;
}
.s_compo.lxq3000_compos>div:nth-child(2) {
  width: 32.0312%;
}
.ico_new.tag_power {
  padding: 8px 20px;
}

/* responsive */
@media all and (max-width: 960px) {
  /* lxq3000 */
  .br_960 {
    display: block;
  }
  .lxq3000_cont {
    padding: 120px 0 150px;
  }
  .tbl_lxq3000 {
    width: 100%;
  }
  .lxq_desc02.lxq3000_desc02 {
    width: 100%;
  }
}

@media all and (max-width: 768px) {
  /* lxq3000 */
  .lxq3000_9 {
    margin-top: 50px;
    text-align: center;
  }
  .lxq3000_9 img {
    width: 80%;
  }
  .lxq3000_cont {
    padding: 120px 0 70px;
    background: url(../images/new24/bg_lxq3000_2_m.jpg) no-repeat center center/cover;
  }
  .ico_new.tag_power {
    width: 150px;
  }
  .ico_list {
    justify-content: center;
  }
  .ico_list img {
    width: 94px;
  }
  .lxq3000_1 {
    width: 100%;
  }
  .lxq3000_cont02 {
    padding-bottom: 120px;
  }
  .lxq3000_cont03 {
    padding: 80px 0;
  }
  .lxq3000_bg_box {
    height: 128px;
  }
  .lxq3000_2 img {
    width: 100%;
  }
  .lxq3000_cont04.lxq_cont02 {
    padding: 77px 0 142px;
  }
  .lxq3000_3 img {
    width: 100%;
  }
  .tbl_lxq3000 {
    font-size: 1.3rem;
  }
  .tbl_lxq3000 td.txt_focus {
    font-size: 1.5rem;
  }
  .lxq3000_desc03 br {
    display: none;
  }
  .lxq3000_4 img {
    width: 100%;
  }
  .tbl_lxq3000 td.txt_focus2 {
    color: #000;
    font-size: 1.5rem;
    font-weight: 800;
  }
  .tbl_lxq3000 td.txt_focus2 span {
    font-size: 1.3rem;
  }
  .lxq3000_5 img {
    width: 100%;
    transform: translateX(-4%);
  }
  .lxq3000_6 img {
    width: 100%;
  }
  .lxq3000_desc_box {
    width: 100%;
    font-size: 1.5rem;
  }
  .tit_tip {
    top: -21px;
    font-size: 2.3rem;
  }
  .lxq_desc02.lxq3000_desc02 {
    font-size: 1.4rem;
  }
  .lxq3000_7 img,
  .lxq3000_8 img {
    width: 100%;
  }
  .s_compo.lxq3000_compos {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .s_compo.lxq3000_compos>div:nth-child(1) {
    width: 100%;
    margin-right: 0;
  }
  .s_compo.lxq3000_compos>div:nth-child(2) {
    width: 100%;
    margin-top: 54px;
  }
  .compos.lxq3000_compos>div:nth-child(2) img {
    width: 100%;
  }
  .black_pro_desc.lxq3000_txt {
    width: 100%;
  }
  .ico_new.tag_power {
    padding: 0;
  }
}

@media all and (max-width: 425px) {
  /* lxq3000 */
  .lxq3000_9 img {
    width: 100%;
  }
}

/* 20240119 블랙박스 LXQ3000 텍스트 추가 */
.txt_card {
  margin-top: 10px;
}
@media all and (max-width: 768px) {
  .txt_card {
    font-size: 1.5rem;
    text-align: center;
  }
}

/* 20240505 데칼 페이지 수정 및 크림치즈에디션 페이지 추가 */
/* 크림치즈에디션 */
.pro_tit_area02.cream_tit_area {
  color: #000;
}
.pro_tit_area02.cream_tit_area:before {
  background: url(../images/new24/bg_creamdecal.jpg) no-repeat center center / cover;
}
.pro_tit_area02.cream_tit_area .location li {
  color: rgba(0,0,0,0.58);
}
.pro_tit_area02.cream_tit_area .location li.on {
  color: #000;
}
.pro_tit_area02.cream_tit_area .h2_pro_stre {
  font-weight: 700;
}
.decal_cont {
  background-color: #fff;
}
.cream_cont01 {
  padding-top: 200px;
  text-align: center;
}
.cream_tit {
  margin-top: 20px;
}
.cream_cont02 {
  background-color: #fff;
}
.cream_line {
  position: relative;
}
.cream_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;
}
.cream_cont02.active .cream_line:before {
  height: 120px;
}
.cream_line_txt {
  position: relative;
  top: 30px;
  opacity: 0;
  margin-top: 30px;
  padding-top: 180px;
  font-size: 4rem;
  -webkit-transition: all 0.3s 0.8s;
  transition: all 0.3s 0.8s;
}
.cream_cont02.active .cream_line_txt {
  top: 0;
  opacity: 1;
}
.cream_desc {
  position: relative;
  margin-top: 50px;
  padding-bottom: 60px;
  font-size: 2.1rem;
  line-height: 140%;
}
.cream_desc:after {
  content: '';
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  width: 81px;
  height: 53px;
  margin: 0 auto;
  background: url(../images/new24/img_arr.png) no-repeat center center/cover;
}
.tab_spread1 .cream_tab_menu {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.tab_spread1 .cream_tab_menu li {
  margin: 0 30px;
  padding-top: 176px;
}
.tab_spread1 .cream_tab_menu li.butter {
  background: url(../images/new24/img_spread1.png) no-repeat center top/163px;
}
.tab_spread1 .cream_tab_menu li.butter:hover {
  cursor: url(../images/new24/img_cursor_butter.png), auto;
}
.tab_spread1 .cream_tab_menu li.peach:hover {
  cursor: url(../images/new24/img_cursor_peach.png), auto;
}
.tab_spread1 .cream_tab_menu li.cookie:hover {
  cursor: url(../images/new24/img_cursor_cookie.png), auto;
}
.tab_spread1 .cream_tab_menu li.milk:hover {
  cursor: url(../images/new24/img_cursor_milk.png), auto;
}
.tab_spread1 .cream_tab_menu li.peach {
  background: url(../images/new24/img_spread2.png) no-repeat center top/163px;
}
.tab_spread1 .cream_tab_menu li.cookie {
  background: url(../images/new24/img_spread3.png) no-repeat center top/163px;
}
.tab_spread1 .cream_tab_menu li.milk {
  background: url(../images/new24/img_spread4.png) no-repeat center top/163px;
}
.tab_spread1 .cream_tab_menu li.selected {
  font-weight: 600;
}
.tab_spread1 .cream_tab_menu li.milk.selected span {
  background-color: #EBEBEB;
  border-color: #EBEBEB;
}
.tab_spread1 .cream_tab_menu li span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 51px;
  border: 1px solid #000;
  border-radius: 32px;
  font-size: 2rem;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.tab_spread1 .cream_tab_menu li.butter.selected span {
  background-color: #FDCA00;
  border-color: #FDCA00;
}
.tab_spread1 .cream_tab_menu li.peach.selected span {
  background-color: #FFBCBC;
  border-color: #FFBCBC;
}
.tab_spread1 .cream_tab_menu li.cookie.selected span {
  background-color: #313131;
  border-color: #313131;
  color: #fff;
}
.cream_tab_cont {
  margin-top: 55px;
}
.cream_tab_cont2,
.cream_tab_cont3,
.cream_tab_cont4 {
  display: none;
}
.spread_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.spread_list li {
  width: 32.5%;
  margin-right: 1.25%;
  margin-bottom: 1.25%;
}
.spread_list li:nth-child(3n) {
  margin-right: 0;
}
.spread_list li img {
  width: 100%;
  vertical-align: top;
}
.cream_cont { 
  padding-top: 150px;
  padding-bottom: 200px;
  background-color: #fff;
  text-align: center;
}
.cream_desc2 {
  font-size: 3.4rem;
}
.cream_desc3 {
  margin-top: 38px;
  font-size: 1.8rem;
  line-height: 1.7;
}
.tab_spread_wrap {
  display: flex;
  justify-content: space-between;
}
.tab_spread_wrap>div {
  width: 49%;
}
.tab_spread2,
.tab_spread3 {
  margin-top: 45px;
}
.tab_spread2 .cream_tab_menu,
.tab_spread3 .cream_tab_menu {
  display: flex;
  align-items: center;
}
.tab_spread2 .cream_tab_menu li,
.tab_spread3 .cream_tab_menu li {
  margin-right: 10px;
}
.tab_spread2 .cream_tab_menu li span,
.tab_spread3 .cream_tab_menu li span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 160px;
  height: 48px;
  padding-left: 40px;
  border: 1px solid #000;
  border-radius: 32px;
}
.tab_spread2 .cream_tab_menu li span:before,
.tab_spread3 .cream_tab_menu li span:before {
  content: '';
  position: absolute;
  top: 8px;
  left: 10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.tab_spread2 .cream_tab_menu li.selected span:before,
.tab_spread3 .cream_tab_menu li.selected span:before {
  top: 7px;
  left: 9px;
}
.tab_spread2 .cream_tab_menu li.butter span:before {
  background-color: #FFEFBA;
}
.tab_spread2 .cream_tab_menu li.peach span:before {
  background-color: #FFADAD;
}
.tab_spread3 .cream_tab_menu li.cookie span:before {
  background-color: #000000;
}
.tab_spread3 .cream_tab_menu li.milk span:before {
  background-color: #fff;
  border: 1px solid #000;
}
.tab_spread2 .cream_tab_menu li.selected span {
  font-weight: 600;
}
.tab_spread2 .cream_tab_menu li.butter.selected span {
  border: 2px solid #FFE09A;
  box-shadow: 0px 3px 6px #5D5D5D29;
}
.tab_spread2 .cream_tab_menu li.peach.selected span {
  border: 2px solid #FFADAD;
  box-shadow: 0px 3px 6px #5D5D5D29;
}
.tab_spread3 .cream_tab_menu li.cookie.selected span {
  border: 2px solid #000;
  box-shadow: 0px 3px 6px #5D5D5D29;
}
.tab_spread3 .cream_tab_menu li.milk.selected span {
  border: 2px solid #000;
  box-shadow: 0px 3px 6px #5D5D5D29;
}
.tab_spread_wrap .cream_tab_cont {
  margin-top: 0;
}
.cream_func {
  margin-top: 20px;
  text-align: left;
}
.cream_func>div {
  padding: 30px 35px 52px;
  background-color: #FAFAFA;
}
.cream_func>div img {
  width: 100%;
  margin-top: 42px;
}
.cream_desc4 {
  font-family: 'TTHakgyoansimJiugaeR';
  font-size: 1.1rem;
}
.cream_desc5 {
  font-family: 'TTHakgyoansimJiugaeR';
  margin-top: 8px;
  font-size: 1.6rem;
}
.cream_desc6 {
  margin-top: 20px;
  font-family: 'TTHakgyoansimJiugaeR';
  font-size: 4.5rem;
  font-weight: 400;
}

@media (max-width: 1080px) {
  /* 크림치즈에디션 */
  .cream_cont01 {
    padding-top: 120px;
  }
  .cream_cont {
    padding-top: 80px;
    padding-bottom: 120px;
  }
}

@media (max-width: 960px) {
  /* 크림치즈에디션 */
  .tab_spread1 .cream_tab_menu li span {
    width: 94px;
    height: 30px;
    font-size: 1.2rem;
  }
  .tab_spread1 .cream_tab_menu li {
    margin: 0 10px;
    padding-top: 104px;
  }
  .tab_spread1 .cream_tab_menu li.butter,
  .tab_spread1 .cream_tab_menu li.peach,
  .tab_spread1 .cream_tab_menu li.cookie,
  .tab_spread1 .cream_tab_menu li.milk {
    background-size: 94px;
  }
}

@media (max-width: 768px) {
  /* 크림치즈에디션 */
  .cream_line:before {
    height: 120px;
  }
  .cream_line_txt {
    top: 0;
    opacity: 1;
  }
  .cream_cont01 {
    padding-top: 40px;
  }
  .cream_tit {
    font-size: 4rem;
  }
  .cream_msize {
    font-size: 2.4rem;
  }
  .cream_tab_cont {
    margin-top: 34px;
  }
  .spread_list {
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .spread_list li {
    width: 50%;
    margin: 0;
  }
  .spread_list li:nth-child(7),
  .spread_list li:nth-child(8),
  .spread_list li:nth-child(9) {
    display: none;
  }
  .tab_spread_wrap {
    flex-wrap: wrap;
  }
  .tab_spread_wrap>div {
    width: 100%;
  }
  .tab_spread2 .cream_tab_menu li span, 
  .tab_spread3 .cream_tab_menu li span {
    width: 143px;
    height: 43px;
    padding-left: 36px;
  }
  .tab_spread2 .cream_tab_menu li span:before, 
  .tab_spread3 .cream_tab_menu li span:before {
    top: 7px;
    left: 9px;
    width: 26px;
    height: 26px;
  }
  .tab_spread2 .cream_tab_menu li.selected span:before, 
  .tab_spread3 .cream_tab_menu li.selected span:before {
    top: 6px;
    left: 8px;
  }
  .btn_square02.btn_cream_decal {
    width: 288px;
    font-size: 1.8rem;
  }
}

@media (max-width: 560px) {
  /* 크림치즈에디션 */
  .cream_msize {
    line-height: 1.4;
  }
  .tab_spread1 .cream_tab_menu {
    width: 100%;
    justify-content: space-between;
  }
  .tab_spread1 .cream_tab_menu li {
    width: 22%;
  }
  .tab_spread1 .cream_tab_menu li span {
    width: 100%;
    height: 28px;
    font-size: 1.1rem;
  }
  .tab_spread1 .cream_tab_menu li {
    margin: 0 4px;
    padding-top: 24%;
  }
  .tab_spread1 .cream_tab_menu li:first-child {
    margin-left: 0;
  }
  .tab_spread1 .cream_tab_menu li:last-child {
    margin-right: 0;
  }
  .tab_spread1 .cream_tab_menu li.butter,
  .tab_spread1 .cream_tab_menu li.peach,
  .tab_spread1 .cream_tab_menu li.cookie,
  .tab_spread1 .cream_tab_menu li.milk {
    background-size: 100%;
  }  
}

/* 240521 LXQ3000 POWER 수정 */
/* LXQ3000 POWER */
.h3_lq.h3_lxq {
  color: #91C8FF;
}
.ico_new.tag_power_new {
  background-color: #91C8FF;
}
.ico_list {
  align-items: center;
}
.ico_list li {
  margin-right: 20px;
}
.ico_list li:nth-child(2) {
  margin-right: 20px;
}
.ico_list li:nth-child(1) img {
  width: 118px;
}
.ico_list li:nth-child(2) img {
  width: 95px;
}
.ico_list li:nth-child(3) img {
  width: 90px;
}
.qhd_wrap {
  width: 100%;
  margin-top: 35px;
  padding: 120px 0 170px;
  background: url(../images/new24/bg_lxq_new2.jpg) no-repeat center center/cover;
}
.qhd_desc1 {
  display: inline-block;
  padding: 10px 20px;
  background-color: #000;
  border-radius: 33px;
  color: #fff;
  font-size: 3.2rem;
  font-weight: 300;
}
.qhd_desc2 {
  margin-top: 10px;
  color: #fff;
  font-size: 12rem;
}
.qhd_img {
  margin-top: 50px;
}
.qhd_img img {
  width: 51.4062%;
  max-width: 658px;
}
.lxq3000_new1 {
  margin-top: 35px;
  text-align: center;
}
.lxq3000_new1 img {
  width: 71.875%;
}
.lxq3000_cont02.pb0 {
  padding-bottom: 0;
}
.lxq_cont02  {
  padding: 150px 0;
  background: url(../images/new24/bg_lxq_new.jpg) no-repeat center top /cover;
}
.img_lxq_new {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.img_lxq_new>div {
  width: 40.625%;
  font-size: 2rem;
  text-align: center;
}
.normal {
  margin-right: 40px;
}
.img_lxq_new>div img {
  width: 100%;
}
.special p {
  font-weight: 600;
}
.lxq3000_4 {
  margin-bottom: 35px;
}
.black_funcs li.lxq3000_tac {
  text-align: center;
}
.s_compo.lxq3000_compos>div:nth-child(1) {
  width: 46.3281%;
}
.s_compo.lxq3000_compos>div:nth-child(2) {
  width: 40.0781%;
}
.sf_compos_s.sf_compos_new img {
  width: 100%;
}

@media (max-width: 1280px) {
  /* LXQ3000 POWER */
  /* .lxq_cont02 {
    padding: 100px 0 407px;
    background-size: 1600px;
  } */
  .lxq_cont02 .black_pro_desc {
    width: 100%;
  }
}

@media (max-width: 960px) {
  /* LXQ3000 POWER */
  .lxq3000_tit_area .h2_pro_stre {
    font-size: 6rem;
  }
  .img_lxq_new>div {
    width: 45%;
  }
  .normal {
    margin-right: 20px;
  }
}

@media (max-width: 830px) {
  /* LXQ3000 POWER */
  .lxq_cont02 .black_tit {
    font-size: 3rem;
  }
}

@media (max-width: 768px) {
  /* LXQ3000 POWER */
  html
  .lxq3000_tit_area .h2_pro_stre {
    font-size: 4.6rem;
  }
  .ico_list li:nth-child(1) img {
    width: 100px;
  }
  .ico_list li:nth-child(2) img {
    width: 85px;
  }
  .ico_list li:nth-child(3) img {
    width: 80px;
  }
  .ico_list li:last-child {
    margin-right: 0;
  }
  .lxq3000_new1 img {
    width: 100%;
  }
  .s_compo.lxq3000_compos>div:nth-child(1),
  .s_compo.lxq3000_compos>div:nth-child(2) {
    width: 100%;
  }
  .lxq_cont02 {
    background: url(../images/new24/bg_lxq_new_m.jpg) no-repeat center top/cover;
  }
  .img_lxq_new {
    flex-wrap: wrap;
  }
  .img_lxq_new>div {
    width: 100%;
  }
  .normal {
    margin-right: 0;
  }
  .qhd_wrap {
    padding: 54px 0 41px;
  }
  .qhd_desc1 {
    font-size: 1.8rem;
  }
  .qhd_desc2 {
    font-size: 6rem;
  }
  .qhd_img img {
    width: 80%;
  }
}

@media (max-width: 560px) {
  /* LXQ3000 POWER */
  .lxq3000_tit_area:before {
    background: url(../images/new24/bg_lxq3000_m.jpg) no-repeat center center / cover;
  }
}

/* 20240701 HUD 수정 */
.ppf_cont.hub_cont {
  padding-bottom: 456px;
}
.hud2024_cont01 {
  padding: 150px 0 850px;
  background: url(../images/new24/img_hud2024.jpg) no-repeat center bottom/cover;
  color: #fff;
  text-align: center;
}
.screen {
  margin-top: -16%;
}
.screen li {
  margin: 14px 0;
}
.screen li span {
  line-height: 140%;
}
.screen_img li {
  width: 23%;
  margin: 0 12px 40px 12px;
}
.screen_img li p {
  margin-top: -120px;
}
.hud_img.hud_led_img {
  width: 78.125%;
}
.hud2024_cont02 {
  padding-top: 200px;
}
.hud_img03 {
  width: 78.9062%;
  margin: 40px auto 0;
}
.hud_desc06.img_tag {
  position: relative;
  margin-bottom: 0;
  font-size: 1.8rem;
  z-index: 50;
}
.hud_img03 img {
  width: 100%;
  margin-top: -20px;
  z-index: 0;
}
.hud_cont03>div:nth-child(1) {
  width: 48%;
}
.logo_wrap_hud.logo_wrap {
  margin-top: 200px;
}
.hud_img_pb {
  padding-bottom: 120px;
}

@media (max-width: 1200px) {
  .screen_img li p {
    margin-top: -90px;
  }
}

@media (max-width: 1080px) {
  .hud2024_cont01 {
    padding-top: 120px;
  }
  .hud2024_cont02 {
    padding-top: 120px;
  }
}

@media (max-width: 960px) {
  .screen_img li {
    width: 30%;
  }
  .hud_cont03>div:nth-child(1) {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .ppf_cont.hub_cont {
    padding-bottom: 310 px;
  }
  .hud2024_cont01 {
    padding-bottom: 700px;
  }
  .screen_img {
    justify-content: space-between;
  }
  .screen_img li {
    width: 48%;
    margin-left: 0;
    margin-right: 0;
  }
  .screen li br {
    display: none;
  }
  .screen {
    margin-top: -28%;
  }
  .hud_img03 {
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .hud_desc06.img_tag {
    padding: 6px 16px;
    border-radius: 5px;
  }
  .hud_img03 img {
    margin-top: -10px;
  }
  .hud_img_pb {
    padding-bottom: 90px;
  }
}

@media (max-width: 560px) {
  .screen {
    padding-left: 0;
  }
}

@media (max-width: 510px) {
  .hud2024_cont01 {
    background: url(../images/new24/img_hud2024_m.jpg) no-repeat center top/cover;
  }
  .hud2024_cont01 {
    padding-bottom: 426px;
  }
  .screen {
    margin-top: -100px;
  }
  .screen li span.screen_num {
    width: 40px;
  }
  .screen li span:nth-child(2) {
    width: calc(100% - 40px);
  }
  .screen_img li p {
    margin-top: -40%;
    line-height: 140%;
  }
}

/* 20241003 LXQ3300 -> SF5000으로 변경 */
.h3_lq.h3_sf5000 {
  color: #F19EFC;
}

/* 20240923 LQ3000 Night 신규 */
/* 20241217 이어서 작업 */
.lq3000_night_tit:before {
  background: url(../images/new24/bg_lq3000.jpg) no-repeat center center / cover;
}
.h3_lq.h3_lq_night {
  color: #fff;
}
.lqnight_cont {
  position: relative;
  width: 100%;
  padding: 196px 0 176px;
  background: #000 url(../images/new24/bg_lq3000_2.jpg) no-repeat center center/cover;
  color: #fff;
  z-index: 0;
}
.lqnight_desc {
  margin-top: 20px;
  font-size: 2.8rem;
  font-weight: 400;
}
.lqnight_cont02 {
  padding-bottom: 200px;
  background-color: #000;
  color: #fff;
}
.lq_night01 {
  margin-top: 80px;
}
.lq_night01 img {
  width: 68.5156%;
  margin-left: 4%;
}
.lqnight_cont03 {
  padding: 90px 0;
  background: url(../images/new24/bg_lqnight_3.jpg) no-repeat center top/cover;
  color: #fff;
}
.lq_night02 {
  position: relative;
  margin-top: 60px;
}
.lq_night02 img {
  width: 61.6406%;
}
.lqnight_desc02 {
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.lqnight_desc02 span {
  padding: 3px 30px 4px;
  background-color: #FF0000;
  border-radius: 12px;
  color: #fff;
  font-family: "Pretendard";
  font-size: 1.5rem;
} 
.tbl_lqnight {
  width: 74.2187%;
  margin: 80px auto 0;
  background-color: #000;
  border: 2px solid #C8C0D0;
  color: #DDDDDD;
  font-family: "Pretendard";
}
.tbl_lqnight th, 
.tbl_lqnight td {
  padding: 9px 0;
}
.tbl_lqnight th {
  border-bottom: 0.5px solid #515050;
  border-right: 0.5px solid #515050;
  font-size: 1.9rem;
}
.tbl_lqnight td {
  border-bottom: 0.5px dashed #515050;
  color: #6A6A6A;
  font-size: 1.8rem;
}
.tbl_lqnight td.td_bold {
  border-left: 0.5px dashed #515050;
  color: #fff;
  font-size: 1.9rem;
  font-weight: 500;
} 
.lqnight_cont04 {
  padding: 200px 0 110px;
  background-color: #000;
  color: #fff;
}
.lq_night03 {
  margin-top: 30px;
}
.lq_night03 img {
  width: 85.7812%;
  margin-left: 22%;
}
.lq_night04 {
  margin-top: 40px;
}
.lq_night04 img {
  width: 57.9687%;
}
.lqnight_desc03 {
  font-size: 1.8rem;
  line-height: 1.6;
}
.lqnight_cont05 {
  padding: 114px 0;
  background: url(../images/new24/bg_lqnight_4.jpg) no-repeat center center/cover;
  color: #fff;
}
.lqnight_box {
  width: 62.5%;
  margin: 58px auto 0;
  padding-top: 58px;
  border-top: 1px dashed #fff;
}
.lqnight_box .black_pro_desc {
  width: 100%;
}
.lq_night05 {
  margin-top: 30px;
}
.lq_night05 img {
  width: 70%;
}
.lqnight_cont06 {
  padding: 310px 0 30px;
  background: url(../images/new24/bg_lqnight_5.jpg) no-repeat center center/cover;
  color: #fff;
}
.lq_night06 {
  display: flex;
  width: 92.6562%;
  margin: 60px auto 0;
}
.lq_night06>div {
  position: relative;
  width: 50%;
}
.lq_night06>div:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.lq_night06>div img {
  width: 100%;
  vertical-align: top;
}
.lq_night06>div.sensor01:after {
  border: 4px solid #707070;
  border-right: none;
}
.lq_night06>div.sensor02:after {
  border: 4px solid #FF0000;
}
.sensor01 span {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 11px 30px 11px 20px;
  background-color: #707070;
  border-bottom-right-radius: 40px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
}
.sensor02 span {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 11px 20px 11px 30px;
  background-color: #FF0000;
  border-bottom-left-radius: 40px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
}
.tbl_lqnight_mody {
  width: 92.6562%;
  margin: 30px auto 0;
  border: none;
}
.tbl_lqnight_mody th, 
.tbl_lqnight_mody td {
  padding: 11px 0;
}
.tbl_lqnight_mody tbody tr:last-child th,
.tbl_lqnight_mody tbody tr:last-child td {
  border-bottom: none;
}
.tbl_lqnight_mody thead th:last-child {
  border-top: 3px solid #FF0000;
  border-right: 3px solid #FF0000;
  border-left: 3px solid #FF0000;
}
.tbl_lqnight_mody tbody td:last-child {
  border-right: 3px solid #FF0000;
  border-left: 3px solid #FF0000;
}
.tbl_lqnight_mody tbody tr:last-child td:last-child {
  border-bottom: 3px solid #FF0000;
}
.tbl_lqnight_mody th.th_clr {
  color: #6A6A6A;
}
.lqnight_cont07 {
  padding: 310px 0 200px;
  background-color: #000;
  color: #fff;
}
.lqnight_desc03.mt20 {
  margin-top: 20px;
}
.lqnight_cont08 {
  padding: 130px 0 430px;
  background: url(../images/new24/bg_lqnight_6.png) no-repeat center center/cover;
  color: #fff;
}
.lqnight_cont09 {
  padding: 130px 0 430px;
  background: url(../images/new24/bg_lqnight_7.jpg) no-repeat center center/cover;
  color: #fff;
}
.iotpgps_link {
  color: #fff;
  text-decoration: underline;
}
.black_pro_desc.w80p {
  width: 80%;
}
.lqnight_cont10 {
  padding: 130px 0 485px;
  background: url(../images/new24/bg_lqnight_8.jpg) no-repeat center center/cover;
  color: #fff;
}
.lqnight_cont11 {
  padding-top: 135px;
  background-color: #000;
  color: #fff;
}
.lq_night07 {
  margin-top: 40px;
}
.lq_night07 img {
  width: 65%;
  margin-left: 25%;
  vertical-align: top;
}
.lqnight_cont12 {
  background: url(../images/new24/bg_lqnight_9.jpg) no-repeat center center/cover;
}
.lq_func_desc {
  color: #fff;
  font-weight: 500;
}
.lq_func_desc04 {
  color: #fff;
  text-decoration: underline;
}
.lq_night08 {
  margin-top: 50px;
}
.lq_night08 img {
  width: 70%;
}
.lqnight_desc04 {
  margin-top: 68px;
  font-size: 2rem;
}
.lqnight_desc04 span {
  color: #427BCA;
}
.martop_min {
  margin-top: -80px;
}
.lqnight_compos {
  justify-content: space-between;
  margin-top: 50px;
}
.lqnight_compos>div:nth-child(1) {
  width: 48%;
}
.lqnight_compos>div:nth-child(2) {
  width: 28%;
}
.lqnight_compos .compos_tit {
  margin-bottom: 40px;
}
.lqnight_desc03 {
  margin-top: 30px;
}

/* responsive */
@media (max-width: 1200px) {
  .pc_text {
    display: none;
  }
}

@media (max-width: 1080px) {
  .lqnight_cont {
    padding: 120px 0 140px;
  }
  .lqnight_cont04 {
    padding: 120px 0 50px;
  }
  .lqnight_cont06 {
    padding: 120px 0 30px;
  }
  .lqnight_cont07 {
    padding: 120px 0 40px;
  }
}

@media (max-width: 960px) {
  .lqnight_cont03 .black_pro_desc br {
    display: none;
  }
  .lq_night02 img {
    width: 80%;
  }
  .lq_night05 img {
    width: 85%;
  }
}

@media (max-width: 768px) {
  .lq3000_night_tit:before {
    background: url(../images/new24/bg_lq3000_m.jpg) no-repeat center center / cover;
  }
  .lqnight_cont {
    padding: 120px 0 380px;
    background: url(../images/new24/bg_lq3000_2_m.jpg) no-repeat center center / cover;
  }  
  .lq_night01 img {
    width: 90%;
  }
  .lqnight_cont02 {
    padding-bottom: 120px;
  }
  .lq_night02 img {
    width: 100%;
  }
  .tbl_lqnight {
    width: 100%;
  }
  .tbl_lqnight th,
  .tbl_lqnight td {
    font-size: 1.4rem;
  }
  .tbl_lqnight td.td_bold {
    font-size: 1.4rem;
  }
  .lq_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);
  }
  .lq_night_wrap::-webkit-scrollbar {
    display: none; 
  }  
  .lq_night_wrap .lq_night05 {
    padding-left: 24px;
  }
  .lq_night_wrap img {
    width: 700px;
    margin-right: 24px;
  }  
  .lqnight_cont05 .black_pro_desc br,
  .lqnight_cont06 .black_pro_desc br,
  .lqnight_cont08 .black_pro_desc br,
  .lqnight_cont09 .black_pro_desc br,
  .lqnight_cont11 .black_pro_desc br {
    display: none;
  }
  .lqnight_cont09 .black_pro_desc {
    width: 90%;
  }
  .lq_night03 img {
    width: 110%;
    margin-left: 14%;
  }
  .lq_night04 img {
    width: 90%;
  }
  .lqnight_box {
    width: 100%;
  }
  .lq_night06 {
    flex-wrap: wrap;
    width: 100%;
  }
  .lq_night06>div {
    width: 100%;
  }
  .lq_night06>div:nth-child(2) {
    margin-top: 15px;
  }
  .lqnight_cont08,
  .lqnight_cont09,
  .lqnight_cont10 {
    padding: 130px 0 150px;
  }
  .lq_night07 img {
    width: 90%;
  }
  .lqnight_desc04 {
    margin-top: 30px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .lq_night08 img {
    width: 100%;
  }
  .lqnight_compos {
    flex-wrap: wrap;
  }
  .lqnight_compos>div:nth-child(1),
  .lqnight_compos>div:nth-child(2) {
    width: 100%;
  }
  .lqnight_desc03 {
    font-size: 1.5rem;
  }
  .lqnight_cont12 .lq_func_desc03 {
    font-size: 1.5rem;
  }
}

@media all and (max-width: 580px) {
  .lqnight_cont05 {
    padding-bottom: 80px;
  }
  .lq_night07 img {
    width: 130%;
    margin-left: 12%;
  }
}

/* 241215 티벡스 스튜디오 서울 리뉴얼 */
/* font style, layout 재정의 */
.text_sm {
  font-size: 1.4rem;
}
.text_md {
  font-size: 1.6rem;
  line-height: 1.6;
}
.text_md p {
  margin-top: 30px;
}
.text_md p:first-child {
  margin-top: 0;
}
.text_lg {
  font-size: 2.6rem;
  line-height: 1.6;
}
.text_lg b {
  font-weight: 600;
}
.text_xl {
  font-size: 3.2rem;
  line-height: 1.6;
}
.br_tablet {
  display: none;
}

/* studio seoul */
/* studio main title */
.tss_body {
  overflow-x: hidden;
}
.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;
}
.pro_tit_area.studio_tit_area:before {
  background: url(../images/new24/bg_tss.jpg) no-repeat center center/cover;
}
.studio_tit {
  font-size: 4.8rem;
  font-weight: 600;
}
.sutdio_tit_logo {
  position: relative;
  top: 30px;
  opacity: 0;
  -webkit-animation: moveUp 0.4s ease-in-out 1.1s forwards;
  animation: moveUp 0.4s ease-in-out 1.1s forwards;  
}
.studio_logo {
  width: 411px;
  margin-top: 46px;
}
.studio_tit_en {
  margin-top: 40px;
  font-size: 10rem;
}

/* studio_info01 */
.studio_info01 {
  padding: 220px 0 110px;
  background-color: #fff;
  text-align: center;
}
.tbex_scroll {
  position: relative;
}
.tbex_static {
  display: none;
}
.tbex_scroll img {
  width: 76.7187%;
}
.tbex_label {
  position: absolute;
  top: 140px;
  right: -40px;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.tbex_label img {
  width: 400px;
}
.studio_culture {
  display: flex;
  margin-top: 300px;  
}
.studio_culture>div {
  width: 50%;
}
.studio_desc {
  text-align: left;
}
.studio_desc01 {
  margin-top: 45px;
}
.studio_flow_wrap {
  display: flex;
  align-items: center;
  width: 7360px;
  margin-top: 70px;
}
.studio_flow_wrap>div {
  display: flex;
} 
.studio_flow01 {
  width: 3680px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-animation: flowingText 80s -80s linear infinite;
  animation: flowingText 80s -80s linear infinite;
}
.studio_flow02 {
  width: 3680px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-animation: flowingText2 80s -40s linear infinite;
  animation: flowingText2 80s -40s linear infinite;
}
.studio_flow {
  display: flex;
  width: 1840px;
}
.studio_flow li {
  margin: 0 30px;
}
.studio_flow li:nth-child(2n) {
  padding-top: 80px;
}
.tss_flow_ico img {
  width: 170px;
}
.tss_flow_desc {
  line-height: 1.5;
}
.tss_flow_desc b {
  font-weight: 500;
}

/* studio_info02 */
.studio_info02 {
  background-color: #fff;
  text-align: center;
  color: #fff;
}
.info_area_top {
  padding: 230px 0 54px;
  background: url(../images/new24/bg_tss2.png) no-repeat center center/100%;
}
.studio_tit02 {
  font-size: 10rem;
}
.studio_tit02 img {
  width: 380px;
  vertical-align: -10px;
}
.studio_car {
  margin-top: 60px;
  opacity: 0;
}
.studio_car img {
  width: 46.25%;
}
.tss_add {
  margin-top: 70px;
  font-size: 1.4rem;
  line-height: 1.5;
}
.info_area_bottom {
  padding: 250px 0;
}
.studio_desc03 {
  margin-top: 60px;
}
.studio_desc02 {
  margin-top: 80px;
}

.studio_tit03 {
  position: relative;
  z-index: 0;
}
.studio_tit03:before {
  content: '';
  position: absolute;
  top: -40px;
  left: 50%;
  width: 344px;
  height: 162px;
  background: url(../images/new24/bg_tss3.jpg) no-repeat left top/cover;
  opacity: 0.6;
  z-index: -1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* studio_info03 */
.studio_info03 {
  padding: 130px 0 130px;
  background-color: #000;
  color: #fff;
  text-align: center;
}
.info_row {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.info_row>div:nth-child(1),
.info_row>div:nth-child(3) {
  width: 30%;
  padding-top: 14%;
}
.info_row>div:nth-child(2) {
  width: 40%;
}
.info_row_movie {
  position: relative;
}
.info_row>div img {
  position: relative;
  width: 100%;
  z-index: 10;
}
.info_row_movie video {
  position: absolute;
  top: 0;
  left: 50%;
  width: 150%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);  
}
.studio_tit04 {
  margin-top: 36px;
  font-size: 7.8rem;
  opacity: 0.63;
}
.studio_tit04 img {
  width: 230px;
}
.studio_desc04 {
  margin-top: 30px;
}

/* studio_service01 */
.studio_service01 {
  padding: 22px 0;
  background-color: #000;
  color: #fff;
}
.inner_wide {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 50px;
}
.service_row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.service_row>div {
  position: relative;
  border-radius: 20px;
  border-bottom-right-radius: 40px;
  overflow: hidden;
}
.service_row>div:nth-child(1) {
  width: 32%;
  height: 567px;
  padding: 30px;
}
.service_row>div:nth-child(2) {
  width: 66.8817%;
}
.service_row>div:nth-child(3) {
  width: 32%;
  height: 310px;
  margin-top: 20px;
}
.service_row>div:nth-child(4) {
  width: 66.8817%;
  height: 310px;
  margin-top: 20px;
}
.service_inner_row {
  display: flex;
  justify-content: space-between;
}
.service_inner_row>div {
  width: 49.1961%;
  border-radius: 20px;
  border-bottom-right-radius: 40px;
  overflow: hidden;
}
.service_inner_row>div:nth-child(1) {
  height: 567px;
}
.service_link {
  position: relative;
  height: 567px;
  overflow: hidden;
  border-radius: 20px;
  z-index: 0;
}
.service_link a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 70px 40px;
  color: #fff;
}
.service_link:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.service_link.window {
  height: 310px;
}
.service_link.glass:after {
  background: url(../images/new24/tss1.jpg) no-repeat center center/cover;
}
.service_link.ppf:after {
  background: url(../images/new24/tss2.jpg) no-repeat center center/cover;
}
.service_link.window:after {
  background: url(../images/new24/tss3.jpg) no-repeat center center/cover;
}
.service_link.leather:after {
  background: url(../images/new24/tss4.jpg) no-repeat center center/cover;
}
.service_link.accessory:after {
  background: url(../images/new24/tss5.jpg) no-repeat center center/cover;
}
.service_link.blackbox:after {
  background: url(../images/new24/tss6.jpg) no-repeat center center/cover;
}
.service_link.sterilize:after {
  background: url(../images/new24/tss7.jpg) no-repeat center center/cover;
}
.service_link.hud:after {
  background: url(../images/new24/tss8.jpg) no-repeat center center/cover;
}
.service_link.battery:after {
  background: url(../images/new24/tss9.jpg) no-repeat center center/cover;
}
.studio_tit05 {
  font-size: 1.8rem;
}
.studio_tit05 img {
  width: 74px;
}
.service_num {
  margin-top: 98px;
  color: #B2B2B2;
  font-size: 3.7rem;
}
.service_tit {
  margin-top: 18px;
  font-size: 6rem;
  font-weight: 700;
}
.studio_desc05 {
  margin-top: 38px;
  color: #B2B2B2;
}
.service_link_tit {
  margin-top: 10px;
  font-size: 3.8rem;
  line-height: 1.3;
}
.ico_link {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 86px;
  height: 86px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  backdrop-filter: blur(10px); 
}
.ico_link img {
  width: 19px;
}
.link_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.link_box>div {
  width: 32.2347%;
  height: 145px;
}
.service_link.sm a {
  padding: 24px;
}
.service_link.sterilize,
.service_link.hud,
.service_link.battery {
  margin-top: 20px;
}
.service_link.sm .service_link_tit {
  font-size: 2.6rem;
}
.link_box .text_sm {
  line-height: 1.5;
}
.ico_link_s {
  position: absolute;
  bottom: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.ico_link_s img {
  width: 18px;
}

/* studio_service02 */
.studio_service02 {
  position: relative;
  padding: 50px 0 120px;
  color: #fff;
}
.service02_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/new24/bg_tss4.jpg) no-repeat center center/cover;
  z-index: -1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.service_tit02 {
  margin-top: 45px;
  color: #B2B2B2;
  font-size: 2.2rem;
}
.lineup_li {
  display: flex;
  margin-top: 12px;
}
.lineup_li li {
  width: 95px;
  margin-right: 20px;
  font-size: 1.4rem;
  text-align: center;
}
.lineup_li li:last-child {
  margin-right: 0;
}
.lineup_li li img {
  width: 100%;
  margin-bottom: 8px;
}
.studio_service02 .service_btn_row {
  margin-top: 124px;
}

/* studio service03 */
.studio_scroll_wrap {
  position: relative;
  padding-top: 130px;
  background-color: #000;
  color: #fff;
}
.service_menu_wrap {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
.service_menu_wrap .service_num {
  margin-top: 0;
}
.service_menu {
  width: 50%;
}
.service_box {
  padding: 180px 0 160px;
}
.service_box .inner_wide {
  display: flex;
  justify-content: flex-end;
}
.service_cont {
  position: relative;
  width: 54.7916%;
}
.service_nm {
  font-family: "Racing Sans One";
  font-size: 16rem;
  font-weight: 300;
  line-height: 0.8;
}
.service_text {
  margin-top: 10px;
  font-size: 2.4rem;
}
.service_img {
  position: absolute;
  left: 195px;
  top: 15px;
  mix-blend-mode: difference;
}
.service_btn_row {
  display: flex;
  justify-content: flex-end;
  margin-top: 412px;
}
.service_btn_row button {
  width: 216px;
  height: 46px;
  margin-left: 10px;
  padding: 0 0 0 20px;
  border-color: #fff;
  color: #fff;
  font-size: 1.3rem;
}
.service_btn_row button:after {
  right: 20px;
  width: 22px;
  height: 5px;
  background: url(../images/new24/ico_arrow_sharp.png) no-repeat left top/cover;
}
.service_btn_row button:hover:after {
  right: 10px;
  background: url(../images/new24/ico_arrow_sharp.png) no-repeat left top/cover;
}
.wrapping_menu {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 600px;
  margin-top: 80px;
  z-index: 100;
}
.wrapping_menu li {
  margin-right: 35px;
}
.wrapping_menu li a {
  color: transparent;
  font-family: "Racing Sans One";
  font-size: 5rem;
  -webkit-text-stroke: 1px #6C6C6C;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.wrapping_menu li.on a {
  color: #fff;
  -webkit-text-stroke: 0;
}
.studio_service03 .service_btn_row {
  position: relative;
  z-index: 50;
}

/* studio service04 */
.studio_service04 {
  padding-top: 50px;  
  background-color: #000;
  color: #fff;
}
.studio_scroll_wrap02 {
  display: flex;
}
.service_menu02_wrap {
  position: relative;
  width: 40%;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.service_menu02_wrap .service_num {
  margin-top: 0;
}
.service_tit.res1600 br {
  display: none;
}
.ground_menu {
  margin-top: 70px;
}
.ground_menu li {
  position: relative;
  margin-bottom: 20px;
}
.ground_menu li.on:before {
  content: '';
  position: absolute;
  top: 19px;
  left: -55px;
  width: 45px;
  height: 2px;
  background-color: #fff;
}
.ground_menu li a {
  color: rgba(255,255,255,0.4);
  font-size: 4rem;
}
.ground_menu li.on a {
  color: #fff;
}
.service_img_wrap {
  width: 60%;
}
.tit_tablet {
  display: none;
}
.ground_img_wrap {
  padding: 348px 0 100px;
}
.ground_img {
  display: flex;
  position: relative;
  width: 100%;
  z-index: 1;
}
.ground_img:after {
  content: '';
  position: absolute;
  top: -84%;
  left: 18%;
  width: 92%;
  height: 150%;
  background: url(../images/new24/bg_tss6.png) no-repeat left top/100%;
  z-index: -1;
}
.ground_img_left {
  width: 52.19%;
  margin-right: 12px;
  text-align: right;
}
.ground_img_right {
  width: 22.52%;
}
.ground_img img {
  width: 100%;
  vertical-align: top;
}
.ground_img img.ground_img_sm {
  width: 31.22%;
  margin-top: 10px;
}
.goods_img_wrap {
  padding: 120px 0 80px 180px;
}
.goods_li {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.goods_li li {
  position: relative;
  padding: 10px;  
  background-color: #F7F7F7;
  color: #000;
  text-align: center;
}
.goods_li li.hidden {
  visibility: hidden;
  opacity: 0;
}
.goods_li li p {
  text-align: left;
}
.goods_li li img {
  width: 95%;
  margin-top: 10px;
}
.goods_nm {
  font-size: 1rem;
}
.goods_size {
  margin-top: 5px;
  font-size: 1.2rem;
  font-weight: 500;
}
.tag_soldout {
  position: absolute;
  bottom: 10px;
  right: 10px;
  padding: 4px 8px;
  background-color: #000;
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
}

/* studio info4 */
.studio_info04 {
  padding: 200px 0 280px;
  background-color: #fff;
  text-align: center;
}
.welc_desc {
  font-size: 4rem;
}
.welc_desc .en {
  margin-bottom: 18px;
  font-size: 7.8rem;
  font-weight: 600;
}
.staff_li {
  display: flex;
}
.staff_li_top {
  margin-top: 55px;
}
.staff_li_bottom {
  justify-content: flex-end;
  margin-top: 10px;
}
.staff_li li {
  width: 23.4375%;
  height: 412px;
  margin-right: 10px;
  padding: 18px 0 0 15px;
  text-align: left;
}
.staff_li_top>li:nth-child(1),
.staff_li_top>li:nth-child(2) {
  color: #fff;
}
.staff_li_top>li:nth-child(1) {
  background: url(../images/new24/tss_staff1.jpg) no-repeat center top/cover;
}
.staff_li_top>li:nth-child(2) {
  background: url(../images/new24/tss_staff2.jpg) no-repeat center top/cover;
}
.staff_li_top>li:nth-child(3) {
  background: url(../images/new24/tss_staff3.jpg) no-repeat center top/cover;
}
.staff_li_bottom>li:nth-child(1) {
  background: url(../images/new24/tss_staff4.jpg) no-repeat center top/cover;
}
.staff_li_bottom>li:nth-child(2) {
  background: url(../images/new24/tss_staff5.jpg) no-repeat center top/cover;
}
.staff_li_bottom>li:nth-child(3) {
  background: url(../images/new24/tss_staff6.jpg) no-repeat center top/cover;
}
.staff_tit {
  font-size: 1.4rem;
}
.staff_nm {
  margin-top: 5px;
  font-size: 4.6rem;
  font-weight: 700;
}
.studio_add_area {
  margin-top: 200px;
  padding: 40px 0;
  background: url(../images/new24/bg_tss5.jpg) no-repeat center top/933px;
}
.studio_add_row01 {
  font-size: 3.4rem;
  text-align: left;
}
.studio_add_row01 span {
  display: inline-block;
  padding: 5px 10px;
  background-color: #FF2E39;
}
.studio_add_row01 .br_680 {
  display: none;
}
.studio_add_row02 {
  margin-top: 11px;
  font-size: 1.6rem;
  text-align: left;
}
.studio_add_row02 span {
  padding: 7px 10px;
  background-color: #fff;
}
.studio_add_row03 {
  margin-top: 30px;
  font-size: 3.4rem;
  text-align: left;
}
.studio_add_row03 span {
  display: inline-block;
  padding: 0 10px;
  background-color: #fff;
  line-height: 1.2;
}
.studio_add_row04 {
  margin-top: 55px;
  font-size: 3.4rem;
  text-align: right;
}
.studio_add_row04 span {
  padding: 0 130px 0 10px;
  background-color: #fff;
}
.studio_add_row05 {
  margin-top: 15px;
  font-size: 3.4rem;
  text-align: right;
}
.studio_add_row05 span {
  padding: 3px 10px;
  background-color: #fff;
}
.studio_add_row06 {
  margin-top: 11px;
  font-size: 1.6rem;
  text-align: right;
}
.studio_add_row06 span {
  padding: 5px 140px 5px 10px;
  background-color: #fff;
}
.studio_desc06 {
  margin-top: 84px;
}
.studio_desc07 {
  margin-top: 15px;
  color: #CE111B;
  font-size: 1.5rem;
}
.contact_tit {
  margin-top: 120px;
  font-size: 5rem;
  text-align: left;
}
.contact_li {
  display: flex;
  align-items: center;
  margin-top: 30px;
} 
.contact_li li {
  margin-right: 60px;
  font-size: 1.4rem;
  font-weight: 500;
}
.contact_li li a {
  color: #B2B2B2;
}
.contact_li li .en {
  margin-right: 6px;
  color: #000;
  font-size: 2.2rem;
}
.btn_talk {
  padding: 9px 14px 11px 46px;
  background: url(../images/new24/ico_tel.png) no-repeat 14px 9px/21px;
  border: 1px solid #000;
  border-radius: 4px;
  font-size: 1.4rem;
}
.btn_direct {
  padding: 13px 0 15px 52px;
  border: 1px solid #000;
  border-radius: 0 4px 0 4px;
  font-size: 1.4rem;
  text-align: left;
}
.btn_review_link.btn_direct {
  background: url(../images/new24/ico_camera.png) no-repeat 14px 12px/28px;
}
.btn_tel.btn_direct {
  background: url(../images/new24/ico_tel.png) no-repeat 14px 12px/23px;
}
/* modal */
.cont_modal_tel {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 545px;
  margin: 0 auto;
  padding: 60px 0 40px;
  background-color: #D8D8D8;   
  border-radius: 12px;
  overflow: hidden;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.tel_desc01 {
  font-size: 3rem;
  font-weight: 500;
}
.tel_desc02 {
  margin-top: 35px;
  font-size: 1.8rem;
  line-height: 1.6;
}
.tel_desc02 b {
  font-weight: 500;
}
.btn_close_tel {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 72px;
  height: 72px;
  cursor: pointer;
}
.btn_close_tel:before, 
.btn_close_tel:after {
  content: ' ';
  position: absolute;
  top: 22px;
  left: 35px;
  height: 20px;
  width: 2px;
  background-color: #000;
}
.btn_close_tel:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn_close_tel:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media (max-width: 1600px) {
  /* studio_service04 */
  .service_tit.res1600 {
    font-size: 5rem;
    line-height: 1.2;
  }
  .service_tit.res1600 br {
    display: block;
  }
}

@media (max-width: 1520px) {
  /* studio_service03 */
  .service_cont {
    width: 50%;
  }
  .service_nm {
    font-size: 14rem;
  }
  .service_img {
    left: 108px;
    top: 8px;
  }
  .wrapping_menu li a {
    font-size: 4rem;
  }
}

@media (max-width: 1380px) {
  /* studio_info02 */
  .studio_tit02 {
    font-size: 8rem;
  }
  .studio_tit02 img {
    width: 260px;
    vertical-align: -3px;
  }
}

@media (max-width: 1280px) {
  /* studio_service04 */
  .studio_scroll_wrap02 {
    justify-content: space-between;
  }
  .service_menu02_wrap {
    width: 35%;
  }
}

/* 1080 이상 */
@media (min-width: 1080px) {
  /* studio_service01 */
  .service_link:after {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .service_link:hover:after {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}

@media (max-width: 1080px) {
  .br_tablet {
    display: block;
  }
  /* studio main title */
  .studio_tit {
    font-size: 3.2rem;
  }
  .studio_logo {
    width: 300px;
  }
  .studio_tit_en {
    font-size: 7rem;
  }
  .pro_tit_area.studio_tit_area {
    height: 738px;
    padding-top: 250px;
  }
  /* studio info01 */
  .studio_info01 {
    padding: 120px 0 110px;
  }
  .tbex_scroll {
    display: none;
  }
  .tbex_static {
    display: inline-block;
    position: relative;
  }
  .tbex_static>img {
    width: 400px;
  }
  .tbex_static .tbex_label {
    display: inline-block;
    opacity: 1;
    top: 70px;
    right: -35px;
  }
  .tbex_static .tbex_label img {
    width: 185px;
  } 
  .studio_culture {
    margin-top: 100px;
  }
  .studio_culture>div:nth-child(1) {
    width: 0;
  }
  .studio_culture>div:nth-child(2) {
    width: 100%;
    text-align: center;
  }
  /* studio_info02 */
  .studio_info02 {
    background-color: #000;
  }
  .info_area_top {
    padding: 120px 0 54px;
  }
  .studio_tit02 img {
    margin-bottom: 20px;
  }
  .info_area_bottom {
    padding: 150px 0 0; 
  }  
  .studio_car {
    opacity: 1;
  }
  /* studio_service01 */
  .service_num {
    margin-top: 50px;
    font-size: 2.6rem;
  }
  .service_tit {
    font-size: 4.8rem;
  }
  .service_row>div:nth-child(1) {
    height: 450px;
  }
  .service_inner_row>div:nth-child(1) {
    height: 450px;
  }
  .service_link {
    height: 450px;
  }
  .service_link_tit {
    font-size: 2.8rem;
  }
  .service_link.sm .service_link_tit {
    font-size: 2rem;
  }
  .service_row>div:nth-child(4) {
    height: 418px;
  }
  .link_box>div {
    width: 49.2%;
    height: 130px;
  }
  .service_link.sterilize, 
  .service_link.hud, 
  .service_link.battery {
    margin-top: 0;
  }
  .service_row>div:nth-child(3),
  .service_link.window {
    height: 418px;
  }
  /* studio_service03 */
  .service_menu_wrap {
    top: 120px;
    left: 0;
  }
  .wrapping_menu {
    display: none;
  }
  .studio_scroll_wrap {
    padding-top: 440px;
  }
  .service_box {
    padding: 100px 0;
  }
  .service_cont {
    width: 100%;
  }
  .service_nm {
    font-size: 12rem;
  }
  .service_img {
    top: -14px;
  }
  .service_menu {
    width: 100%;
  }
  /* studio_service04 */
  .studio_scroll_wrap02 {
    flex-wrap: wrap;
  }  
  .service_menu02_wrap,
  .service_img_wrap {
    width: 100%;
  }
  .ground_menu {
    display: none;
  }
  .goods_img_wrap {
    padding: 120px 0 80px;
  }  
  .ground_img:after {
    display: none;
  }
  .ground_img_left {
    width: 69.85%;
  }
  .ground_img_right {
    width: 30.14%;
  }
  .ground_img_wrap {
    padding-top: 30px;
  }
  .goods_img_wrap {
    padding-top: 30px;
  }
  .tit_tablet {
    display: block;
    margin-top: 60px;
    font-size: 4rem;
  }
  .service_tit.res1600 br {
    display: none;
  }
  /* studio_info04 */
  .studio_info04 {
    padding: 120px 0 150px;
  }
  .welc_desc .en {
    font-size: 6rem;
  }
  .welc_desc {
    font-size: 3.2rem;
  }
  .studio_add_area {
    margin-top: 140px;
  }
}

@media (max-width: 960px) {
  /* studio_info04 */
  .staff_li li {
    height: 340px;
  }
  .staff_nm {
    font-size: 3.6rem;
  }  
  .studio_add_row01,
  .studio_add_row03,
  .studio_add_row04,
  .studio_add_row05 {
    font-size: 3rem;
  }
  .contact_li li {
    margin-right: 30px;
  }
}

@media (max-width: 768px) {
  .text_xl {
    font-size: 2.8rem;
  }
  /* studio main title */
  .inner_wide {
    padding: 0 24px;
  }
  .pro_tit_area.studio_tit_area {
    padding-top: 160px;
  }    
  .pro_tit_area.studio_tit_area:before {
    background: url(../images/new24/bg_tss_m.jpg) no-repeat center center / cover;
  }  
  .studio_tit {
    font-size: 2rem;
    font-weight: 500;
  }  
  .studio_logo {
    width: 204px;
    margin-top: 55px;
  }  
  .studio_tit_en {
    margin-top: 20px;
    font-size: 6.6rem;
    line-height: 1.2;
  }
  /* studio info01 */  
  .tbex_static>img {
    width: 300px;
  }  
  .tbex_static .tbex_label {
    top: 50px;
    right: -21px;
  }
  .tbex_static .tbex_label img {
    width: 125px;
  }   
  .studio_culture {
    margin-top: 70px;
  }
  .studio_flow li {
    margin: 0 25px;
  }
  .tss_flow_ico img {
    width: 120px;
  }
  .studio_flow_wrap {
    margin-top: 45px;
  }
  .studio_flow01,
  .studio_flow02 {
    width: 2734px;
  }
  .studio_flow {
    width: 1367px;  
  }
  .studio_flow li {
    font-size: 1.4rem;
  }
  /* studio_info02 */
  .info_area_top {
    background: none;
  }
  .studio_pattern {
    text-align: center;
  }  
  .studio_pattern img {
    width: 300px;
  }
  .studio_tit02 {
    font-size: 7rem;
  }
  .studio_tit02 img {
    width: 240px;
  }
  .tss_add {
    margin-top: 33px;
  }
  .studio_desc02 {
    margin-top: 45px;
  }
  .studio_tit03:before {
    top: 22px;
  }
  /* studio_service01 */
  .studio_service01 {
    padding-top: 0;
  }
  .service_row>div:nth-child(1),
  .service_row>div:nth-child(2),
  .service_row>div:nth-child(3),
  .service_row>div:nth-child(4) {
    width: 100%;
  }  
  .service_row>div:nth-child(1) {
    height: auto;
    margin-bottom: 38px;
    padding: 0;
  }
  .text_mob {
    display: none;
  }
  .service_inner_row>div:nth-child(1),
  .service_inner_row>div:nth-child(2) {
    height: 380px;
  }
  .service_link.window {
    height: 380px;
  }
  .service_link a {
    padding: 50px 28px;
  }
  .ico_link {
    width: 58px;
    height: 58px;
  }
  .service_row>div {
    border-radius: 24px;
  }
  .service_inner_row>div {
    border-bottom-right-radius: 24px;
  }
  .service_inner_row {
    flex-wrap: wrap;
  }
  .service_inner_row>div {
    width: 100%;
    margin-top: 18px;
  }
  .service_inner_row>div:first-child {
    margin-top: 0;
  }
  .service_row>div:nth-child(3) {
    height: 380px;
  }
  .service_row>div:nth-child(4) {
    height: auto;
    margin-top: 0;
  }
  .link_box>div {
    width: 100%;
    margin-top: 18px;
  }
  .service_link.sterilize, 
  .service_link.hud, 
  .service_link.battery {
    margin-top: 18px;
  }
  .service_link_tit {
    font-size: 2.6rem;
  }
  /* studio_service02 */
  .studio_service02 {
    padding: 50px 0 348px;
  }
  .service_btn_row {
    justify-content: center;
  }
  .service02_bg {
    background: url(../images/new24/bg_tss4_m.jpg) no-repeat center bottom/cover;
  }  
  .studio_service02 .service_btn_row {
    margin-top: 70px;
  }
  .service_btn_row button {
    width: 190px;
    padding: 0;
    text-align: center;
  }
  .service_btn_row button:after {
    right: 10px;
  }
  .service_btn_row button:after {
    display: none;
  }
  /* studio_service03 */
  .studio_scroll_wrap {
    padding-top: 420px;
  }
  .service_text {
    font-size: 1.5rem;
  }
  .service_img {
    top: -2px;
    left: 80px;
  }
  .service_img img {
    width: 600px;
  }
  .studio_service03 .service_btn_row {
    margin-top: 260px;
  }
  .service_nm {
    font-size: 8rem;
  }
  .service_nm br {
    display: none;
  }
  /* studio_service04 */
  .ground_img {
    flex-wrap: wrap;
  }
  .ground_img_left {
    width: 100%;
    margin-right: 0;
  }
  .ground_img img.ground_img_sm {
    width: 55%;
  }
  .ground_img_right {
    width: 100%;
    margin-top: 10px;
  }
  .ground_img_right img {
    width: 55%;
  }
  .goods_li {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .goods_li li.hidden {
    display: none;
  }
  .goods_nm {
    font-size: 1.3rem;
  }
  .goods_size {
    font-size: 1.3rem;
  }
  .tit_tablet {
    font-size: 3.4rem;
  }
  /* studio_info04 */
  .staff_li li {
    width: 28%;
    height: 244px;
  }  
  .contact_li {
    flex-wrap: wrap;
    margin-top: 40px;
  }
  .contact_li li {
    width: 100%;
    margin-bottom: 25px;
    text-align: left;
  }
}

@media all and (max-width: 680px) {
  /* studio_info03 */
  .info_row {
    flex-wrap: wrap;
  }
  .info_row>div:nth-child(1), 
  .info_row>div:nth-child(2),  
  .info_row>div:nth-child(3) {
    width: 100%;
    padding-top: 0;
  }
  .info_row>div img {
    width: 70%;
  }
  .info_row_movie {
    height: 280px;
  }
  .info_row_movie video {
    width: 500px;
  }
  .studio_tit04 {
    margin-top: 60px;
  }
  /* studio_info04 */
  .studio_add_area {
    width: calc(100% + 48px);
    margin-top: 100px;
    padding: 0;
    background: url(../images/new24/bg_tss5.jpg) no-repeat center 60% / 100%;
    -webkit-transform: translateX(-24px);
    transform: translateX(-24px);        
  }  
  .studio_add_row01 {
    font-size: 3.4rem;
  }
  .studio_add_row01 span {
    line-height: 1.3;
  }
  .studio_add_row01 .br_680 {
    display: block;
  }
  .studio_add_row02 {
    margin-top: 20px;
  }
  .studio_add_row03,
  .studio_add_row04, 
  .studio_add_row05 {
    font-size: 2.4rem;
  }
  .studio_add_row03 {
    margin-top: 20px;
  }
  .studio_add_row04 {
    margin-top: 180px;
  }
  .studio_add_row04 span {
    padding: 0 60px 0 10px;
  }
  .studio_add_row06 span {
    padding: 5px 10px 5px 10px;
  }
  .studio_desc06 {
    margin-top: 60px;
  }
}

@media all and (max-width: 580px) {
  /* studio_info04 */
  .staff_li_top,
  .staff_li_bottom {
    width: calc(100% + 48px);
    -webkit-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .staff_li li {
    width: 30%;
    height: 174px;
    margin-right: 4px;
  }    
  .staff_li_bottom li:last-child {
    margin-right: 0;
  }
  .staff_nm {
    font-size: 1.8rem;
  }
  .staff_li_bottom {
    margin-top: 4px;
  }
  /* studio_service03 */
  .studio_scroll_wrap {
    padding-top: 440px;
  }
  .service_box {
    padding: 80px 0;
  }
  .service_img img {
    width: 580px;
  }
  .service_nm {
    font-size: 6.5rem;
  }
  .service_img {
    top: -15px;
    left: 40px;
  }
  .studio_service03 .service_btn_row {
    margin-top: 270px;
  }  
}

@media all and (max-width: 510px) {
  /* studio_info02 */
  .studio_car img {
    width: 100%;
  }
}

/* 20241227 글로벌윈도우 필름 신규 오픈 */
/* 고급썬팅 글로번윈도우 영역 추가 */
.gwf_page_area .img_tablet {
  display: none;
}
.gwf_logo {
  position: relative;
  top: 30px;
  opacity: 0;
  -webkit-animation: moveUp 0.5s ease-out 1s forwards;
  animation: moveUp 0.5s ease-out 1s forwards;
}
.gwf_logo_black img {
  width: 268px;
}
.gwf_page_area {
  margin-bottom: 260px;
  background: url(../images/new24/bg_global.jpg) no-repeat center center/cover;
  color: #fff;
}
.gwf_logo_white {
  width: 158px;
  height: 90px;
  background: url(../images/new24/logo_gwf.png) no-repeat left top/cover;
}
.rimac_logo img {
  width: 254px;
}
.logo_dflex {
  display: flex;
  align-items: center;
}
.rimacXS_link_logo {
  display: inline-block;
  width: 215px;
  height: 35px;
  background: url(../images/new24/logo_rimacXS_trans.png) no-repeat left top/100%;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.gwf_links li a:hover .rimacXS_link_logo {
  background-image: url(../images/new24/logo_rimacXS_gold.png);
}
.rimac900_link_logo {
  display: inline-block;
  width: 245px;
  height: 35px;
  background: url(../images/new24/logo_rimac900_trans.png) no-repeat left top/100%;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.gwf_links li a:hover .rimac900_link_logo {
  background-image: url(../images/new24/logo_rimac900.png);
}
.links.gwf_links li:after {
  bottom: 7px;
}
.rimac_dot {
  display: flex;
  align-items: center;
}
.rimac_dot span {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 13px;
  border: 1px solid #fff;
  border-radius: 50px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;  
}
.gwf_links li a:hover .rimac_dot span {
  background-color: #fff;
} 
.rimac700_link_logo {
  display: inline-block;
  width: 243px;
  height: 35px;
  background: url(../images/new24/logo_rimac700_trans.png) no-repeat left top/100%;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.gwf_links li a:hover .rimac700_link_logo {
  background-image: url(../images/new24/logo_rimac700.png);
}
.rimac550_link_logo {
  display: inline-block;
  width: 240px;
  height: 35px;
  background: url(../images/new24/logo_rimac550_trans.png) no-repeat left top/100%;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.gwf_links li a:hover .rimac550_link_logo {
  background-image: url(../images/new24/logo_rimac550.png);
}
.rimac500_link_logo {
  display: inline-block;
  width: 244px;
  height: 35px;
  background: url(../images/new24/logo_rimac500_trans.png) no-repeat left top/100%;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.gwf_links li a:hover .rimac500_link_logo {
  background-image: url(../images/new24/logo_rimac500.png);
}

/* Rimac XS */
.pro_tit_area.rimacXS_tit_area {
  text-align: left;
}
.rimacXS_tit_area:before {
  background: url(../images/new24/bg_rimacXS.jpg) no-repeat center center / cover;
}
.gwf_logo img {
  width: 136px;
}
.h2_rimacXs img {
  width: 395px;
}
.h2_pro.h2_rimacXs:before {
  top: -27px;
}
.gwf_cont {
  position: relative;
  overflow: hidden;
  padding: 224px 0 200px;
  background-color: #0E143A;
  color: #fff;
  text-align: center;
  z-index: -2;
}
.gwf_bg_video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover; 
  z-index: -1; 
}
.logo_rimacXS img {
  width: 552px;
}
.gwf_desc01 {
  margin-top: 50px;
}
.gwf_desc02 b {
  font-weight: 700;
}
.techs.techs_rimacXS {
  margin-top: 0;
}
.techs_rimacXS li:nth-child(1)>div {
  background: url(../images/new24/ico_gwf1.png) no-repeat left top;
  background-size: 180px;
}
.techs_rimacXS li:nth-child(2)>div {
  background: url(../images/sub/ico_pro14.png) no-repeat left top;
  background-size: 180px;
}
.techs_rimacXS li:nth-child(3)>div {
  background: url(../images/new24/ico_gwf2.png) no-repeat left top;
  background-size: 180px;
}
.techs_rimacXS li:nth-child(4)>div {
  background: url(../images/sub/ico_pro24.png) no-repeat left top;
  background-size: 180px;
}
.techs_rimacXS li:nth-child(5)>div {
  background: url(../images/sub/ico_pro13.png) no-repeat left top;
  background-size: 180px;
}
.techs_rimacXS li:nth-child(6)>div {
  background: url(../images/new24/ico_gwf3.png) no-repeat left top;
  background-size: 180px;
}
.techs_rimacXS li:nth-child(7)>div {
  background: url(../images/sub/ico_pro5.png) no-repeat left top;
  background-size: 180px;
}

/* rimac900, 700 */
.pro_tit_area.rimac900_tit_area {
  text-align: left;
}
.rimac900_tit_area:before {
  background: url(../images/new24/bg_rimac900.jpg) no-repeat center center / cover;
}
.h2_rimac_num img {
  width: 440px;
}
.h2_pro.h2_rimac_num:before {
  top: -33px;
}
.gwf_cont02 {
  padding: 150px 0 30px;
  background-color: #fff;
  text-align: center;
}
.logo_rimac_num img {
  width: 440px;
}
.techs.techs_rimac900,
.techs.techs_rimac700 {
  margin-top: 0;
}
.techs_rimac900 li:nth-child(1)>div {
  background: url(../images/new24/ico_gwf4.png) no-repeat left top;
  background-size: 180px;
}
.techs_rimac900 li:nth-child(2)>div {
  background: url(../images/sub/ico_pro14.png) no-repeat left top;
  background-size: 180px;
}
.techs_rimac900 li:nth-child(3)>div {
  background: url(../images/sub/ico_pro13.png) no-repeat left top;
  background-size: 180px;
}
.techs_rimac900 li:nth-child(4)>div {
  background: url(../images/new24/ico_gwf5.png) no-repeat left top;
  background-size: 180px;
}
.techs_rimac900 li:nth-child(5)>div {
  background: url(../images/new24/ico_gwf6.png) no-repeat left top;
  background-size: 180px;
}
.techs_rimac900 li:nth-child(6)>div {
  background: url(../images/new24/ico_gwf3.png) no-repeat left top;
  background-size: 180px;
}
.techs_rimac900 li:nth-child(7)>div {
  background: url(../images/sub/ico_pro9.png) no-repeat left top;
  background-size: 180px;
}
.pro_tit_area.rimac700_tit_area {
  height: 780px;
  padding-top: 87px;
  text-align: left;
}
.rimac700_tit_area:before {
  background: url(../images/new24/bg_rimac700.jpg) no-repeat center center / cover;
}
.rimac700_tit_area .h2_pro {
  margin-top: 225px;
}
.techs_rimac700 li:nth-child(1)>div {
  background: url(../images/new24/ico_gwf7.png) no-repeat left top;
  background-size: 180px;
}
.techs_rimac700 li:nth-child(2)>div {
  background: url(../images/new24/ico_gwf8.png) no-repeat left top;
  background-size: 180px;
}
.techs_rimac700 li:nth-child(3)>div {
  background: url(../images/sub/ico_pro11.png) no-repeat left top;
  background-size: 180px;
}
.techs_rimac700 li:nth-child(4)>div {
  background: url(../images/new24/ico_gwf3.png) no-repeat left top;
  background-size: 180px;
}
.techs_rimac700 li:nth-child(5)>div {
  background: url(../images/sub/ico_pro9.png) no-repeat left top;
  background-size: 180px;
}

/* rimac550, 500 */
.pro_tit_area.rimac550_tit_area {
  text-align: left;
}
.rimac550_tit_area:before {
  background: url(../images/new24/bg_rimac550.jpg) no-repeat center center / cover;
}
.techs_rimac550 li:nth-child(1)>div {
  background: url(../images/sub/ico_pro14.png) no-repeat left top;
  background-size: 180px;
}
.techs_rimac550 li:nth-child(2)>div {
  background: url(../images/new24/ico_gwf5.png) no-repeat left top;
  background-size: 180px;
}
.techs_rimac550 li:nth-child(3)>div {
  background: url(../images/new24/ico_gwf9.png) no-repeat left top;
  background-size: 180px;
}
.techs_rimac550 li:nth-child(4)>div {
  background: url(../images/new24/ico_gwf10.png) no-repeat left top;
  background-size: 180px;
}
.pro_tit_area.rimac500_tit_area {
  height: 780px;
  padding-top: 87px;
  text-align: left;
}
.rimac500_tit_area:before {
  background: url(../images/new24/bg_rimac500.jpg) no-repeat center center / cover;
}
.techs_rimac500 li:nth-child(1)>div {
  background: url(../images/new24/ico_tss9.png) no-repeat left top;
  background-size: 180px;
}
.techs_rimac500 li:nth-child(2)>div {
  background: url(../images/sub/ico_pro13.png) no-repeat left top;
  background-size: 180px;
}
.techs_rimac500 li:nth-child(3)>div {
  background: url(../images/new24/ico_gwf11.png) no-repeat left top;
  background-size: 180px;
}
.techs_rimac500 li:nth-child(4)>div {
  background: url(../images/new24/ico_gwf10.png) no-repeat left top;
  background-size: 180px;
}

@media all and (max-width: 1280px) {
  /* 고급썬팅 */
  .pro_link_wrap.pro_link_rimac>div {
    width: 45%;
  }
  .pro_link_wrap.pro_link_rimac>ul {
    width: 55%;
  }
}

@media all and (max-width: 1080px) {
  /* 고급썬팅 */
  /* .gwf_page_area .img_pc {
    display: none;
  }
  .gwf_page_area .img_tablet {
    display: block;
  }
  .gwf_page_area {
    background: none;
    color: #000;
  }
  .gwf_logo_white {
    display: none;
  }  
  .links.gwf_links {
    margin-top: 40px;
  }
  .pro_link_wrap.pro_link_rimac {
    flex-wrap: wrap;
  }
  .pro_link_wrap.pro_link_rimac>div {
    width: 100%;
  }
  .pro_link_wrap.pro_link_rimac>ul {
    width: 100%;
  }  
  .links.gwf_links li {
    margin-bottom: 0;
  }
  .links.gwf_links li a {
    display: flex;
    align-items: center;
    height: 180px;
    margin-bottom: 0;
    padding-left: 40px;
  }  
  .links.gwf_links li:after {
    display: none;
  }   */
  /* .links.gwf_links li:nth-child(1) {
    background: url(../images/new24/bg_rimacXS_m.jpg) no-repeat left top / cover;
  }
  .links.gwf_links li:nth-child(2) {
    background: url(../images/new24/bg_rimac900_m.jpg) no-repeat left top / cover;
  }
  .links.gwf_links li:nth-child(3) {
    background: url(../images/new24/bg_rimac550_m2.jpg) no-repeat left top / cover;
  }
  .rimacXS_link_logo {
    background-image: url(../images/new24/logo_rimacXS_gold.png);
  }  
  .rimac900_link_logo {
    background-image: url(../images/new24/logo_rimac900.png);
  }  
  .rimac700_link_logo {
    background-image: url(../images/new24/logo_rimac700.png);
  }  
  .rimac550_link_logo {
    background-image: url(../images/new24/logo_rimac550.png);
  }  
  .rimac500_link_logo {
    background-image: url(../images/new24/logo_rimac500.png);
  }  
  .rimac_dot span {
    background-color: #fff;
  } */
  /* Rimac XS */
  .h2_rimacXs img {
    width: 320px;
  }
  .h2_pro.h2_rimacXs:before {
    top: -21px;
  }
  .gwf_cont {
    padding: 120px 0;
  }
  .logo_rimacXS img {
    width: 50%;
  }
  /* Rimac 900,700 */
  .h2_rimac_num img {
    width: 320px;
  }  
  .h2_pro.h2_rimac_num:before {
    top: -19px;
  }
  .gwf_cont02 {
    padding: 120px 0 40px;
  }    
  .logo_rimac_num img {
    width: 50%;
  }   
}

@media all and (max-width: 768px) {
  /* 고급썬팅 */
  .gwf_page_area {
    margin-bottom: 120px;
  }
  .gwf_logo_black img {
    width: 198px;
  }
  .rimac_logo span {
    display: block;
    margin-top: 10px;
  }
  .pro_link_rimac {
    margin-top: 36px;
  }
  .logo_dflex {
    flex-wrap: wrap;
    width: 100%;
  }
  .logo_dflex>span:nth-child(2) {
    display: none;
  }
  .links.gwf_links li:after { 
    display: none;
  }
  .links.gwf_links li {
    padding: 0;
  }
  .links.gwf_links li a {
    height: 190px;
  }  
  .rimac_dot {
    display: none;
  }
  .m_flex {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  .logo_dflex>div {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  .links.gwf_links li:after {
    display: block;
    bottom: 80px;
  }   
  .logo_dflex>div.rimac_dot {
    display: none;
  }
  .rimac900_link_logo,
  .rimac550_link_logo {
    margin-bottom: 10px;
  }
  .gwf_page_area .img_tablet {
    width: 190px;
  }
  .rimac900_link_logo {
    width: 213px;
    height: 31px;
  }
  .rimac700_link_logo {
    width: 211px;
    height: 31px;
  }
  .rimac550_link_logo {
    width: 211px;
    height: 30px;
  }
  .rimac500_link_logo {
    width: 211px;
    height: 30px;
  }
  /* Rimac XS */
  .pro_tit_area {
    height: auto;
    padding: 160px 0 80px;
  }
  .gwf_logo {
    display: none;
  }
  .h2_pro.h2_rimacXs:before {
    top: -110px;
    width: 91px;
    height: 78px;
  }
  .logo_rimacXS img {
    width: 90%;
  }  
  /* Rimac 900,700 */  
  .logo_rimac_num img {
    width: 90%;
  }
  .h2_pro.h2_rimac_num:before {
    top: -110px;
    width: 91px;
    height: 78px;
  }
  .pro_tit_area.rimac700_tit_area {
    height: 680px;
    padding-top: 0px;
  }  
  .gwf_cont02 {
    padding-bottom: 0;
  }
  /* Rimac 550, 500 */
  .rimac550_tit_area:before {
    background: url(../images/new24/bg_rimac550_m.jpg) no-repeat center center / cover;
  }
  .rimac500_tit_area:before {
    background: url(../images/new24/bg_rimac500_m.jpg) no-repeat center center / cover;
  }  
}

html {
  overscroll-behavior-y: contain;
}
.pro_tit_area.studio_tit_area,
.studio_info01,
.studio_info02,
.studio_info03,
.studio_service01,
.studio_service03,
.studio_info04 {
  overflow: hidden;
}
.studio_service02,
.studio_service04 {
  overflow: hidden;
}

/* 250108 티벡스 스튜디오 서울 수정 */
.add_wrap {
  margin-top: 230px;
  text-align: left;
}
.add_tit {
  font-size: 7.1rem;
  line-height: 1.2;
}
.add_tit img {
  width: 258px;
}
.add_info_area {
  margin-top: 40px;
  padding-left: 50%;
}
.business_hours_info {
  margin-top: 40px;
}
.business_hours_info li {
  margin-bottom: 30px;
}
.business_date {
  font-size: 2.2rem;
}
.business_date span:nth-child(2) {
  font-size: 1.6rem;
  vertical-align: 4px;
}
.business_time {
  margin-top: 8px;
  font-size: 2.2rem;
  font-weight: 600;
}
.map_box {
  position: relative;
  width: 100%;
  height: 360px;
}
.map_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#studioMap {
  width: 100%;
  height: 360px;
}
.location_text {
  line-height: 1.5;
}
.location_text p:nth-child(1) {
  margin-top: 20px;
  font-size: 2.2rem;
  font-weight: 600;
}
.btn_li {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 45px;
}
.btn_li>li {
  width: 50%;
}
.btn_li>li button {
  width: 100%;
}

@media all and (max-width: 1080px) {
  .add_wrap {
    margin-top: 120px;
  }
}

@media all and (max-width: 960px) {
  .add_tit {
    font-size: 5rem;
    line-height: 1.1;
  }
  .add_tit img {
    width: 170px;
  }
  .add_info_area {
    padding-left: 0;
  }
}

@media all and (max-width: 768px) {
  .business_date {
    font-size: 1.8rem;
  }
  .business_date span:nth-child(2) {
    font-size: 1.4rem;
    vertical-align: 2px;
  }
  .business_time {
    font-size: 1.8rem;
  }
  .map_box {
    height: 280px;
  }
}

@media all and (max-width: 510px) {
  .add_tit {
    font-size: 3.6rem;
    line-height: 1.1;
  }
  .add_tit img {
    width: 150px;
  }  
  .btn_li {
    flex-wrap: wrap;
  }
  .btn_li>li {
    width: 100%;
  }
}

/* 20250121 글로벌윈도우 필름 수정 */
.gwf_links li a:hover .rimacXS_link_logo {
  background-image: url(../images/new24/logo_rimacXS_gold_s.png);
}

/* 20250121 캐스퍼 스포일러 추가 */
.casper_spoiler {
  width: calc(100% + 200px);
  margin-top: 140px;
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
}
.casper_dong_list {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.casper_dong_list li {
  width: 32.43%;
  text-align: left;
}
.casper_dong_list li img {
  width: 100%;
}
.casper_desc1 {
  margin-top: 15px;
  font-size: 1.8rem;
}
.casper_desc2 {
  margin-top: 7px;
  font-size: 2.4rem;
  font-weight: 500;
}

@media all and (max-width: 1560px) {
  .casper_spoiler {
    width: 100%;
    -webkit-transform: translateX(0);
    transform: translateX(0);    
  }
}

@media all and (max-width: 1280px) {
  .casper_desc1 {
    font-size: 1.4rem;
  }
  .casper_desc2 {
    font-size: 2rem;
  }
}

/* @media all and (max-width: 1080px) {
  .rimacXS_link_logo {
    background-image: url(../images/new24/logo_rimacXS_gold_s.png);
  }  
} */

@media all and (max-width: 768px) {
  .casper_dong_list {
    flex-wrap: wrap;
  }
  .casper_dong_list li {
    width: 100%;
    margin-top: 40px;
    text-align: center;
  }
  .casper_dong_list li:first-child {
    margin-top: 0;
  }
  .casper_desc2 {
    font-size: 1.7rem;
  }
}

/* 250324 고급썬팅 tbex original 추가 */
.ori_lineup .img_tablet {
  display: none;
}
.premium_original {
  padding-top: 146px;
  background-color: #fff;
  text-align: center;
}
.pre_ori_tit {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  font-size: 4.5rem;
}
.pre_ori_tit img {
  width: 200px;
  margin-right: 10px;
}
.ori_lineup {
  margin-top: 110px;
  color: #fff;
}
.ori_lineup>div {
  margin-top: 15px;
}
.ori_lineup>div:first-child {
  margin-top: 0;
}
.ori_brand {
  display: flex;
  width: 100%;
  height: 200px;
  background: url(../images/new25/bg_brand.jpg) no-repeat left top/cover;
}
.ori_lineup_tit_box {
  flex-shrink: 0;
  width: 290px;
  height: 200px;
  padding: 30px 30px 0 30px;
  text-align: left;
}
.ori_brand .ori_lineup_tit_box {
  background: url(../images/new25/bg_brand2.png) no-repeat right bottom/100%;
}
.ori_lineup_tit_en {
  font-size: 3.2rem;
}
.ori_lineup_tit_kr {
  margin-top: 10px;
  font-size: 1.8rem;
  font-weight: 500;
}
.ori_lineup_desc {
  margin-top: 24px;
  line-height: 1.5;
}
.ori_brand_logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 290px);
}
.ori_brand_logo img {
  width: 250px;
}
.ori_series {
  display: flex;
  width: 100%;
  height: 200px;
}
.ori_series .ori_lineup_tit_box {
  background: url(../images/new25/bg_series.png) no-repeat right bottom/100%;
  z-index: 15;
}
.ori_series_list {
  display: flex;
  width: calc(100% - 290px);
}
.ori_series_list li {
  position: relative;
  width: 33.33%;
  text-align: left;
}
.ori_series_list li:nth-child(1) {
  width: calc(33.33% + 40px);
  margin-left: -40px;
  padding: 20px 0 0 60px;
  background: url(../images/new25/bg_solar.png) no-repeat right center/cover;
  z-index: 10;
}
.ori_series_list li:nth-child(2) {
  width: calc(33.33% + 40px);
  margin-left: -40px;
  padding: 20px 0 0 60px;
  background: url(../images/new25/bg_rayno.png) no-repeat right center/cover;
  z-index: 5;
}
.ori_series_list li:nth-child(3) {
  width: calc(33.33% + 40px);
  margin-left: -40px;
  padding: 20px 0 0 60px;
  background: url(../images/new25/bg_genefit.png) no-repeat right center/cover;
}
.ori_series_solar img {
  width: 72px;
}
.ori_series_rayno img {
  width: 125px;
}
.ori_series_genefit img {
  width: 116px;
}
.ori_trans_text {
  position: absolute;
  right: 34px;
  bottom: 20px;
  font-size: 3.6rem;
  -webkit-text-stroke: 1px #fff;
  -webkit-text-fill-color: transparent;  
}
.ori_model {
  display: flex;
  width: 100%;
  height: 200px;
}
.ori_model .ori_lineup_tit_box {
  background: url(../images/new25/bg_model.png) no-repeat right bottom/100%;
  z-index: 10;
}
.ori_model_list {
  display: flex;
  width: calc(100% - 290px);
}
.ori_model_list>div {
  position: relative;
  text-align: left;
}
.ori_model_list>div:nth-child(1) {
  width: calc(33.33% + 40px);
  margin-left: -40px;
  padding: 20px 0 0 60px;
  background: url(../images/new25/bg_vkool.png) no-repeat right center/cover;
}
.ori_model_list>div:nth-child(2) {
  width: 66.66%;
  padding-top: 125px;
  color: #000;
  text-align: right;
}
.ori_model_vkool img {
  width: 148px;
}
.ori_model_tit {
  display: flex;
  justify-content: end;
  align-items: center;
  width: 100%;
  font-size: 3.6rem;
}
.ori_model_tit img {
  width: 164px;
}
.ori_model_tit_kr {
  width: 100%;
  margin-top: 10px;
  font-size: 2rem;
}
.h3_premium.rimac_logo {
  display: flex;
  align-items: center;
  gap: 10px;
}
.add_ori_text {
  font-family: "IBM Plex Sans KR";
  font-size: 3.1rem;
}
.add_ori_text_m {
  display: none;
}
.rimac_logo img.add_ori_img {
  width: 80px;
}
.add_ori_img {
  width: 80px;
}
.h3_presto,
.h3_gemstone,
.h3_vrvn,
.h3_genefit {
  display: flex;
  align-items: center;
  gap: 10px;
}
.page_bg09 {
  background-image: url(../images/new25/bg_genefit.jpg);
}
.genefit_inner {
  padding-top: 140px;
}
.genefit_logo img {
  width: 328px;
}
.genefit_logo02 {
  width: 215px;
  height: 56px;
  background: url(../images/new25/logo_genefit_black.png) no-repeat left top / 100%;
}
.genefit_page_area.active .genefit_logo02 {
  background-image: url(../images/new25/logo_genefit_white.png);
}
.genefit_link_wrap {
  align-items: end;
}
.genefit_link_wrap .pro_link_desc p {
  margin-bottom: 0;
}

@media all and (max-width: 1280px) {
  .ori_trans_text {
    right: 15px;
    font-size: 2.4rem;
  }
}

@media all and (max-width: 1080px) {
  .premium_original {
    padding-top: 120px;
  }
  .ori_model_tit {
    font-size: 3rem;
  }
  .ori_model_tit img {
    width: 145px;
  }
  .genefit_logo02 {
    display: none;
  }
  .genefit_inner {
    padding-top: 50px;
  }
  .genefit_logo img {
    width: 254px;
  }
}

@media all and (max-width: 960px) {
  .img_pc_only {
    display: none;
  }
  .ori_lineup .img_tablet {
    display: block;
  }
  .ori_brand,
  .ori_series,
  .ori_model {
    flex-wrap: wrap;
    height: auto;
  }  
  .ori_brand>div,
  .ori_series>div,
  .ori_series>ul,
  .ori_model>div {
    width: 100%;
  }
  .ori_brand {
    background: url(../images/new25/bg_brand_m.png) no-repeat right bottom/cover;
  }
  .ori_series {
    padding-bottom: 35px;
    background: url(../images/new25/bg_series_m.png) no-repeat right bottom/cover;
  }
  .ori_lineup_tit_box {
    padding: 30px 20px 0 20px;
  }
  .ori_brand .ori_lineup_tit_box,
  .ori_series .ori_lineup_tit_box,
  .ori_model .ori_lineup_tit_box {
    background: none;
  }
  .ori_brand_logo {
    justify-content: start;
    padding: 0 0 30px 22px;
  }
  .ori_brand_logo img {
    width: 180px;
  }
  .ori_series_list {
    display: block;
  }
  .ori_series_list li:nth-child(1),
  .ori_series_list li:nth-child(2),
  .ori_series_list li:nth-child(3) {
    width: 100%;
    margin-left: 0;
    padding-left: 20px;
    background: none;
  }
  .ori_series_list li {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .ori_trans_text {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
  .ori_series_list li .img_tablet {
    width: 112px;
  }
  .ori_model {
    padding-bottom: 35px;
    background: url(../images/new25/bg_model_m.png) no-repeat right bottom/cover;
  }
  .ori_model_list>div:nth-child(1) {
    display: flex;
    align-items: center;
    width: 100%;
    margin-left: 0;
    padding-left: 20px;
    background: none;
  }
  .ori_model_list>div:nth-child(2) {
    display: none;
  }
  .ori_model_vkool .img_tablet {
    width: 112px;
    margin-right: 10px;
  }
  .genefit_link_wrap .links li a {
    font-size: 4rem;
  }
}

@media all and (max-width: 768px) {
  .pre_ori_tit {
    margin-top: 10px;
    font-size: 2.8rem;
  }
  .pre_ori_tit img {
    width: 82px;
  }
  .ori_lineup {
    margin-top: 45px;
  }
  .ori_lineup_tit_en {
    font-size: 4.8rem;
  }
  .h3_pro span.add_ori_text {
    display: none;
  }
  .add_ori_text_m {
    display: block;
    margin-top: 10px;
    padding: 0 22px;
    font-size: 3.2rem;
  }
  .h3_pro.h3_presto span:nth-child(1),
  .h3_pro.h3_gemstone span:nth-child(1),
  .h3_pro.h3_vrvn span:nth-child(1),
  .h3_pro.h3_genefit span:nth-child(1) {
    padding-right: 0;
  }
  .genefit_link_wrap .links li:nth-child(1) {
    background: url(../images/new25/bg_genefit_m.jpg) no-repeat left top / cover;
  }
  .h3_pro.h3_premium {
    font-size: 3.8rem;
  }
  .add_ori_img {
    width: 68px;
  }
  .genefit_link_wrap .links li a {
    font-size: 3.2rem;
  }
}

@media all and (max-width: 520px) {
  .h3_pro.h3_presto,
  .h3_pro.h3_gemstone {
    font-size: 4rem;
  }
}

/* 20250422 고급썬팅 수정 */
.page_bg {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.page_bg10 {
  background-image: url(../images/new25/bg_rimacXS.jpg);
}
.page_bg11 {
  background-image: url(../images/new25/bg_rimac900.jpg);
}
.page_bg12 {
  background-image: url(../images/new25/bg_rimac550.jpg);
}
.presto_page_area {
  background: url(../images/new25/bg_rayno.jpg) no-repeat center center / cover;
  color: #fff;
}
.links li a {
  -webkit-text-stroke: 1px #fff;
}
.rayno_logo02 {
  background: url(../images/sub/logo_rayno_white.png) left top / cover no-repeat;
}
.solar_page_area {
  background: url(../images/new25/bg_solargard.jpg) no-repeat center center / cover;
  color: #fff;
}
.solar_logo02 {
  background: url(../images/sub/logo_solar_white.png) no-repeat left top / cover;
}
.vcool_page_area {
  background: url(../images/new25/bg_vkool.jpg) no-repeat center center / cover;
  color: #fff;
}
.vkool_logo02 {
  background: url(../images/sub/logo_vcool_white.png) no-repeat left top / cover;
}
.genefit_page_area {
  background: url(../images/new25/bg_genefit.jpg) no-repeat center center / cover;
  color: #fff;
}
.page_bg09 {
  background-image: url(../images/new25/bg_genefit2.jpg);
}
.genefit_logo02 {
  background: url(../images/new25/logo_genefit_white.png) no-repeat left top / 100%;
}
.ori_trans_text {
  font-size: 2.6rem;
}
.links li:before {
  width: 100%;
  height: 0.5px;
}

@media all and (max-width: 1080px) {
  .gwf_page_area .gwf_logo_white {
    display: none;
  }
}

@media all and (max-width: 960px) {
  .gwf_page_area .img_pc {
    display: none;
  }
  .gwf_page_area .img_tablet {
    display: block;
  }
  .gwf_page_area {
    background: none;
    color: #000;
  }
  .gwf_logo_white {
    display: none;
  }  
  .links.gwf_links {
    margin-top: 40px;
  }
  .pro_link_wrap.pro_link_rimac {
    flex-wrap: wrap;
  }
  .pro_link_wrap.pro_link_rimac>div {
    width: 100%;
  }
  .pro_link_wrap.pro_link_rimac>ul {
    width: 100%;
  } 
  .links.gwf_links li {
    margin-bottom: 0;
  }
  .links.gwf_links li a {
    display: flex;
    align-items: center;
    height: 180px;
    margin-bottom: 0;
    padding-left: 40px;
  }  
  .links.gwf_links li:after {
    display: none;
  }  
  .links.gwf_links li:nth-child(1) {
    background: url(../images/new24/bg_rimacXS_m.jpg) no-repeat left top / cover;
  }
  .links.gwf_links li:nth-child(2) {
    background: url(../images/new24/bg_rimac900_m.jpg) no-repeat left top / cover;
  }
  .links.gwf_links li:nth-child(3) {
    background: url(../images/new24/bg_rimac550_m2.jpg) no-repeat left top / cover;
  }
  .rimacXS_link_logo {
    background-image: url(../images/new24/logo_rimacXS_gold.png);
  }  
  .rimac900_link_logo {
    background-image: url(../images/new24/logo_rimac900.png);
  }  
  .rimac700_link_logo {
    background-image: url(../images/new24/logo_rimac700.png);
  }  
  .rimac550_link_logo {
    background-image: url(../images/new24/logo_rimac550.png);
  }  
  .rimac500_link_logo {
    background-image: url(../images/new24/logo_rimac500.png);
  }  
  .rimac_dot span {
    background-color: #fff;
  }
  .presto_page_area,
  .solar_page_area,
  .vcool_page_area,
  .genefit_page_area {
    background: none;
    color: #000;
  }
}

@media all and (max-width: 768px) {
  .ori_trans_text {
    font-size: 2.3rem;
  }
  .links li:before {
    display: none;
  }
}

/* 20250423 제네핏 상세페이지 수정 */
.tbl_spec.tbl_spec_4line.tbl_spec_a3 tbody tr:nth-child(5) {
  background-color: #E1E0EA;
}
.tbl_spec.tbl_spec_4line.tbl_spec_a2 tbody tr:nth-child(5) {
  background-color:  #DBDCE2;
}
.tbl_spec.tbl_spec_4line.tbl_spec_a1 tbody tr:nth-child(5) {
    background-color: #EAE8E4;
}

/* 250830 RIMAC SC 신규페이지 추가 */
/* 고급썬팅 */
.rimacSC_link_logo {
  display: inline-block;
  width: 220px;
  height: 37px;
  background: url(../images/new25/logo_rimacSC_trans.png) no-repeat left top / 100%;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.gwf_links li a:hover .rimacSC_link_logo {
  background-image: url(../images/new25/logo_rimacSC_black.png);
}
.page_bg10 {
  background-image: url(../images/new25/bg_rimacXS.jpg);
}
.page_bg11 {
  background-image: url(../images/new25/bg_con_rimacSC.jpg);
}
.page_bg12 {
  background-image: url(../images/new25/bg_rimac900.jpg);
}
.page_bg13 {
  background-image: url(../images/new25/bg_rimac550.jpg);
}
.rimacSC .gwf_logo_white {
  background: url(../images/new24/logo_gwf_black.png) no-repeat left top / cover;
  transition: all 0.2s;
}
.rimacSC .add_ori_text {
  color: #000;
}
.rimacSC .pro_link_desc {
  color: #000;
}
.rimacSC .rimac_logo .img_pc {
  display: none !important;
}
.rimacSC .rimac_logo .img_tablet {
  display: block !important;
}

@media all and (max-width: 960px) {
  .links.gwf_links li:nth-child(1) {
    background: url(../images/new24/bg_rimacXS_m.jpg) no-repeat left top / cover;
  }
  .links.gwf_links li:nth-child(2) {
    background: url(../images/new25/bg_rimacSC_m.jpg) no-repeat left top / cover;
  }
  .links.gwf_links li:nth-child(3) {
    background: url(../images/new24/bg_rimac900_m.jpg) no-repeat left top / cover;
  }  
  .links.gwf_links li:nth-child(4) {
    background: url(../images/new24/bg_rimac550_m2.jpg) no-repeat left top / cover;
  }  
  .rimacSC_link_logo {
    background-image: url(../images/new25/logo_rimacSC_black.png);
  }
}

@media all and (max-width: 768px) {
  .links.gwf_links li a {
    position: relative;
  }
  .links.gwf_links li a:after {
    content: '';
    position: absolute;
    top: 38%;
    right: 25px;
    width: 36px;
    height: 36px;
    background: url(../images/sub/ico_arrow_thin.png) no-repeat left top / cover;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }  
  .links.gwf_links li.links_rimacSC a:after {
    background-image: url(../images/main/ico_arrow_black.png);
  }
}

/* 20251001 리맥 순서 바꾸기 */
.page_bg10 {
  background-image: url(../images/new25/bg_rimacSC.jpg);
}
.page_bg11 {
  background-image: url(../images/new25/bg_rimacXS.jpg);
}

@media all and (max-width: 960px) {
  .links.gwf_links li:nth-child(1) {
    background: url(../images/new25/bg_rimacSC_m.jpg) no-repeat left top / cover;
  }
  .links.gwf_links li:nth-child(2) {
    background: url(../images/new24/bg_rimacXS_m.jpg) no-repeat left top / cover;
  }
}

/* 20251009 툴즈 페이지 신규 */
.pro_tit_area.tools_tit_area {
  padding-top: 400px;
}
.tools_tit_area:before {
  background: url(../images/new25/bg_tools.jpg) no-repeat center center / cover;
}
.black_cont.tools_cont {
  padding: 130px 0 220px;
}

@media all and (max-width: 768px) {
  .pro_tit_area.tools_tit_area {
    padding: 200px 0 80px;
  }
  .black_cont.tools_cont {
    padding: 120px 0 120px;
  }
}

/* 20260121 네오 시리즈 추가 */
.pre_ori_tit_new img {
  width: 445px;
}
.page_area.neo_page_area {
  margin-top: 0;
  margin-bottom: 180px;
  padding-top: 100px;
}
.neo_page_area {
  background: url(../images/new26/bg_neo_page.jpg) no-repeat center center / cover;
  color: #fff;
}
.page_bg14 {
  background-image: url(../images/new26/bg_top_neoz.jpg);
}
.page_bg15 {
  background-image: url(../images/new26/bg_top_neoy.jpg);
}
.page_bg16 {
  background-image: url(../images/new26/bg_top_neox.jpg);
}
.page_bg17 {
  background-image: url(../images/new26/bg_top_vx.jpg);
}
.ori_series_list li:nth-child(1) {
  width: calc(25% + 40px);
  margin-left: -40px;
  padding: 20px 0 0 60px;
  background: url(../images/new25/bg_solar.png) no-repeat right center/cover;
  z-index: 10;
}
.ori_series_list li:nth-child(2) {
  width: calc(25% + 40px);
  margin-left: -40px;
  padding: 20px 0 0 60px;
  background: url(../images/new26/bg_pre_vx.png) no-repeat right center/cover;
  z-index: 7;
}  
.ori_series_list li:nth-child(3) {
  width: calc(25% + 40px);
  margin-left: -40px;
  padding: 20px 0 0 60px;
  background: url(../images/new25/bg_rayno.png) no-repeat right center/cover;
  z-index: 5;
}
.ori_series_list li:nth-child(4) {
  width: calc(25% + 40px);
  margin-left: -40px;
  padding: 20px 0 0 60px;
  background: url(../images/new25/bg_genefit.png) no-repeat right center/cover;
}  
.ori_trans_text {
  font-size: 2.2rem;
}
.ori_model_list>div:nth-child(2) {
  padding-top: 152px;
}
.ori_model_tit.ori_logo img {
  width: 289px;
}
.pro_cont.pro_cont_border {
  padding-top: 95px;
}
.vx_border {
  display: flex;
  justify-content: center;
  height: 328px;
  margin-bottom: 110px;
}
.vx_border>div {
  width: 1px;
  height: 0px;
  background-color: #000;
  transition: all 1s;
}
.vx_border.active>div {
  height: 328px;
}
.ori_model_list>div:nth-child(1) {
  width: calc(25% + 40px);
}

@media all and (max-width: 1080px) {
  .vx_border {
    display: none;
  }
}

@media all and (max-width: 960px) {
  .ori_series_list li:nth-child(1),
  .ori_series_list li:nth-child(2),
  .ori_series_list li:nth-child(3),
  .ori_series_list li:nth-child(4) {
    width: 100%;
    margin-left: 0;
    padding-left: 20px;
    background: none;
  }  
}

@media all and (max-width: 768px) {
  .pre_ori_tit_new img {
    width: 80%;
    max-width: 400px;
  }  
  .links.neo_links li:nth-child(1) {
    background: url(../images/new26/neoz_m.jpg) no-repeat left top / cover;
  }
  .links.neo_links li:nth-child(2) {
    background: url(../images/new26/neoy_m.jpg) no-repeat left top / cover;
  }
  .links.neo_links li:nth-child(3) {
    background: url(../images/new26/neox_m.jpg) no-repeat left top / cover;
  }
  .solar_page_area .links li:nth-child(1) {
    background: url(../images/new26/vx_m.jpg) no-repeat left top/cover;
  }  
  .solar_page_area .links li:nth-child(2) {
    background: url(../images/sub/solar1_m.jpg) no-repeat left top/cover;
  }
  .solar_page_area .links li:nth-child(3) {
    background: url(../images/sub/solar2_m.jpg) no-repeat left top/cover;
  } 
  .solar_page_area .links li:nth-child(4) {
    background: url(../images/sub/solar3_m.jpg) no-repeat left top/cover;
  }   
  .page_area.neo_page_area {
    padding-top: 0;
    background: #fff;
    color: #000;
  }
}

/* 260128 프리미엄 코팅 수정 */
.pre_ori_tit_new.pre_ori_tit img {
  width: 445px;
  margin-right: 0;
}

@media all and (max-width: 768px) {
  .pre_ori_tit_new.pre_ori_tit img {
    width: 80%;
    max-width: 360px;
  }  
}

/* 260326 고급썬팅 수정 */
.ori_model_tit {
  position: relative;
  right: -70px;
}

@media all and (max-width: 960px) {
  .rimacXS_link_logo {
    height: 34px;
  }
}