/* 와이드 pc  */

	
.videoBox{width:100%;height:100%; overflow:hidden; position:absolute}
#videoBG {
   position:fixed; /*고정=>fixed/ 스크롤처리=>absolute */
   left:50%;
   top:50%; /*오른쪽, 아래에 여백을 두지않고 꽉차게 표시*/
   width:auto;
   min-width:100%; /*동영상 너비를 꽉차게*/
   height:auto;
   min-height:100%; /*동영상 높이를 꽉차게*/
  transform:translateX(-50%) translateY(-50%);
   z-index:-100; /*다른요소보다 아래에 위치*/
}

#imgBG{
	position:fixed; /*고정=>fixed/ 스크롤처리=>absolute */
   left:50%;
   top:50%; /*오른쪽, 아래에 여백을 두지않고 꽉차게 표시*/
   width:auto;
   min-width:100%; /*동영상 너비를 꽉차게*/
   height:auto;
   min-height:100%; /*동영상 높이를 꽉차게*/
  transform:translateX(-50%) translateY(-50%);
   z-index:-100;
   display:none
}


	

#content{
   width:100%;
   margin:0 auto;
   background:rgba(0,0,0,.8);
   color: #fff;
   padding: 0 150px;
}
#content h3{
   font-size: 5.33rem;
   font-weight: 700;
   font-family: 'Orbitron', sans-serif;
}
#content p{
   font-weight: 400;
   font-family: 'Noto Sans', sans-serif;
}
#content .sub_title{font-size: 2rem; margin-bottom: 30px;}
#content .more_btn{
   background: #AACAE6;
   padding: 10px;
   text-align: center;
   width: 110px;
   font-size: 1.2rem;
   margin-bottom: 70px;
}
#content .more_btn span{display: inline-block;}
#content .more_btn:hover span{animation: spin .5s linear 1;}
@keyframes spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}



/* @@@ About N @@@ */
#content .about_n{margin-bottom: 160px; padding-top: 100px;}

/* 첫번째 그리드 */
#content .about_n .about_n_grid1{
   margin: 0 auto;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 30px;
   grid-template-areas: 
      'a b b c'
      'd d d d';}
#content .about_n .about_n_grid1 li:nth-child(1){grid-area: a;}
#content .about_n .about_n_grid1 li:nth-child(2){grid-area: b;}
#content .about_n .about_n_grid1 li:nth-child(3){grid-area: c;}
#content .about_n .about_n_grid1 li:nth-child(4){grid-area: d;}
#content .about_n .about_n_grid1 li img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   transition: all .3s ease-out;
}

#content .about_n .about_n_grid1 li{overflow: hidden;}
#content .about_n .about_n_grid1 li:hover img{transform: scale(1.05);}

/* 두번째 그리드 */
#content .about_n .about_n_grid2{
   margin: 40px auto 0;
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 30px;
   grid-template-areas: 
      'a b c d e'
      'a b f f f';}
#content .about_n .about_n_grid2 li:nth-child(1){grid-area: a;}
#content .about_n .about_n_grid2 li:nth-child(2){grid-area: b;}
#content .about_n .about_n_grid2 li:nth-child(3){grid-area: c;}
#content .about_n .about_n_grid2 li:nth-child(4){grid-area: d;}
#content .about_n .about_n_grid2 li:nth-child(5){grid-area: e;}
#content .about_n .about_n_grid2 li:nth-child(6){grid-area: f;}
#content .about_n .about_n_grid2 li img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   transition: all .3s ease-out;
}

#content .about_n .about_n_grid2 li{overflow: hidden;}
#content .about_n .about_n_grid2 li:hover img{transform: scale(1.05);}


/* @@@ Motor Sports @@@ */

/* 상단 그리드 */
#content .motor_sports .motor_sports_titlebox{text-align: right;}
#content .motor_sports .motor_sports_titlebox .more_btn{display: inline-block;}

#content .motor_sports .motor_sports_grid1{
   margin: 0 auto;
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 30px;
   grid-template-areas: 
      'a b c d e'
      ;}
#content .motor_sports .motor_sports_grid1 li:nth-child(1){grid-area: a; transform: translateY(20px);}
#content .motor_sports .motor_sports_grid1 li:nth-child(2){grid-area: b; transform: translateY(-50px);}
#content .motor_sports .motor_sports_grid1 li:nth-child(3){grid-area: c; transform: translateY(0);}
#content .motor_sports .motor_sports_grid1 li:nth-child(4){grid-area: d; transform: translateY(50px);}
#content .motor_sports .motor_sports_grid1 li:nth-child(5){grid-area: e; transform: translateY(-20px);}
#content .motor_sports .motor_sports_grid1 li img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   transition: all .1s ease-out;
}
#content .motor_sports .motor_sports_grid1 li{overflow: hidden;}
#content .motor_sports .motor_sports_grid1 li:hover img{transform: scale(1.05);}

#content .motor_sports>p{margin-top: 80px;}

/* 하단 그리드 */
#content .motor_sports .motor_sports_grid2{
   margin: 80px auto 150px;
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 30px;
   grid-template-areas: 
      'a a b b b'
      'c c d d d'
      'e e f f f'
      ;}
#content .motor_sports .motor_sports_grid2 li:nth-child(1){grid-area: a;}
#content .motor_sports .motor_sports_grid2 li:nth-child(2){grid-area: b;}
#content .motor_sports .motor_sports_grid2 li:nth-child(3){grid-area: c;}
#content .motor_sports .motor_sports_grid2 li:nth-child(4){grid-area: d;}
#content .motor_sports .motor_sports_grid2 li:nth-child(5){grid-area: e;}
#content .motor_sports .motor_sports_grid2 li:nth-child(6){grid-area: f;}
#content .motor_sports .motor_sports_grid2 li img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}


#content .motor_sports .motor_sports_grid2 li{position: relative;}
#content .motor_sports .motor_sports_grid2 li:nth-child(1) img:nth-child(1),
#content .motor_sports .motor_sports_grid2 li:nth-child(3) img:nth-child(1),
#content .motor_sports .motor_sports_grid2 li:nth-child(5) img:nth-child(1){
   position: absolute; object-fit: none; z-index: 20; transition: all .3s ease-out;}

#content .motor_sports .motor_sports_grid2 li:nth-child(1) img:nth-child(2),
#content .motor_sports .motor_sports_grid2 li:nth-child(3) img:nth-child(2),
#content .motor_sports .motor_sports_grid2 li:nth-child(5) img:nth-child(2){
   filter: brightness(50%); z-index: 10; transition: all .3s ease-out;}


#content .motor_sports .motor_sports_grid2 li{overflow: hidden;}
#content .motor_sports .motor_sports_grid2 li:hover img:nth-child(1){transform: scale(1.15);}
#content .motor_sports .motor_sports_grid2 li:hover img:nth-child(2){transform: scale(1.05);}


/* @@@ Rolling Lab @@@ */
#content .rolling_lab .rolling_lab_titlebox{text-align: center;}
#content .rolling_lab .rolling_lab_titlebox h3{text-shadow: 2px 2px 10px rgba(0, 0, 0, .3);}
#content .rolling_lab .rolling_lab_titlebox .more_btn{display: inline-block;}

#content .rolling_lab{padding: 150px;}
#content .rolling_lab .rolling_lab_titlebox{padding: 0 150px;}
#content .rolling_lab {
  margin-left: -150px;
  margin-right: -150px;
  padding-left: 0;
  padding-right: 0;
  background: url(../images/main/rolling_lab_bg.jpg) no-repeat center/cover;
}

/* PC/모바일 Swiper 토글 */
.pc_swiper { display: block; }
.mobile_swiper { display: none; }


/* 스와이퍼 */

.swiper-pagination-bullet-active{background: #AACAE6;}

#content .rolling_lab .swiper-container {
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
   padding-top: 50px;
   padding-bottom: 50px;
   overflow: visible;  /* 옆 슬라이드 잘리지 않게 */
}

#content .rolling_lab .swiper-slide {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   width: auto;
   height: auto;
   overflow: hidden;
}

#content .rolling_lab .pc_swiper .swiper-slide img {max-width: 100%; height: auto; z-index: 20; transition: all .3s ease-out;}
#content .rolling_lab .pc_swiper .swiper-slide p{position: absolute; z-index: 30;}
#content .rolling_lab .pc_swiper .swiper-slide p:nth-child(1){
   bottom: 20px;
   left: 35px;
   font-size: 2.2rem;
   font-weight: 500;
   font-family: 'Orbitron', sans-serif;
   text-shadow: 2px 2px 10px rgba(0, 0, 0, .4);
   transition: all .3s ease-out;
}
#content .rolling_lab .pc_swiper .swiper-slide p:nth-child(2){
   bottom: -70px;
   left: 35px;
   font-size: 1.3rem;
   text-shadow: 2px 2px 10px rgba(0, 0, 0, .4);
   transition: all .3s ease-out;
}
#content .rolling_lab .pc_swiper .swiper-slide:hover img{filter: brightness(50%); z-index: 20;}
#content .rolling_lab .pc_swiper .swiper-slide:hover p:nth-child(1){
   bottom: 50px;
   left: 35px;
   z-index: 30;
   font-size: 2.3rem;
   color: #AACAE6;
}
#content .rolling_lab .pc_swiper .swiper-slide:hover p:nth-child(2){
   bottom: 10px;
   left: 35px;
   z-index: 30;
}


/* @@@ Model @@@ */
#content .model{padding: 80px 0;}

/* 상단 그리드 */
#content .model .model_grid1{
   margin: 0 auto;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 30px;
   grid-template-areas: 
      'a b'
      ;}
#content .model .model_grid1 li:nth-child(1){grid-area: a;}
#content .model .model_grid1 li:nth-child(2){grid-area: b;}
#content .model .model_grid1 li img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   z-index: 20;
   transition: all .3s ease-out;
}

#content .model .model_grid1 li{position: relative; overflow: hidden;}
#content .model .model_grid1 li p{position: absolute;}
#content .model .model_grid1 li p:nth-child(1){
   font-family: 'Orbitron', sans-serif; font-size: 1.4rem; font-weight: 500; text-align: center;
   position: absolute; top: 10px; width: 100%; padding: 15px 0;
   transition: all .3s ease-out;
}
#content .model .model_grid1 li p:nth-child(2){background: rgba(0, 0, 0, .5);
   width: auto; position: absolute; bottom: -150px; padding: 20px 20px 0 20px; height: 150px;
   transition: all .3s ease-out;
}
#content .model .model_grid1 li:hover p:nth-child(1){font-size: 1.7rem; font-weight: 600;}
#content .model .model_grid1 li:hover p:nth-child(2){bottom: -20px;}




/* 하단 그리드 */
#content .model .model_grid2{
   margin: 30px auto 0;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 30px;
   grid-template-areas: 
      'a b c'
      ;}
#content .model .model_grid2 li:nth-child(1){grid-area: a;}
#content .model .model_grid2 li:nth-child(2){grid-area: b;}
#content .model .model_grid2 li:nth-child(3){grid-area: c;}
#content .model .model_grid2 li img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   z-index: 20;
   transition: all .3s ease-out;
}

#content .model .model_grid2 li{position: relative; overflow: hidden;}
#content .model .model_grid2 li p{position: absolute;}
#content .model .model_grid2 li p:nth-child(1){
   font-family: 'Orbitron', sans-serif; font-size: 1.2rem; font-weight: 500; text-align: center;
   position: absolute; top: 5px; width: 100%; padding: 15px 0;
   transition: all .3s ease-out;
}
#content .model .model_grid2 li p:nth-child(2){background: rgba(0, 0, 0, .5);
   width: 100%; position: absolute; bottom: -125px; padding: 20px 20px 0 20px; height: 125px;
   transition: all .3s ease-out;
}
#content .model .model_grid2 li:hover p:nth-child(1){font-size: 1.5rem; font-weight: 600;}
#content .model .model_grid2 li:hover p:nth-child(2){bottom: 0;}


/* @@@ Gallery @@@ */
#content .gallery{padding: 80px 0;}
#content .gallery .gallery_titlebox{text-align: right;}
#content .gallery .gallery_titlebox .more_btn{display: inline-block;}

#content .gallery .gallery_grid{
   margin: 30px auto 0;
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 30px;
   grid-template-areas: 
      'a a b c d'
      'a a e e f'
      'g g j k k'
      'h i j k k'
      ;}

#content .gallery .gallery_grid li:nth-child(1){grid-area: a;}
#content .gallery .gallery_grid li:nth-child(2){grid-area: b;}
#content .gallery .gallery_grid li:nth-child(3){grid-area: c;}
#content .gallery .gallery_grid li:nth-child(4){grid-area: d;}
#content .gallery .gallery_grid li:nth-child(5){grid-area: e;}
#content .gallery .gallery_grid li:nth-child(6){grid-area: f;}
#content .gallery .gallery_grid li:nth-child(7){grid-area: g;}
#content .gallery .gallery_grid li:nth-child(8){grid-area: h;}
#content .gallery .gallery_grid li:nth-child(9){grid-area: i;}
#content .gallery .gallery_grid li:nth-child(10){grid-area: j;}
#content .gallery .gallery_grid li:nth-child(11){grid-area: k;}
#content .gallery .gallery_grid li img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   transition: all .3s ease-out;
}

#content .gallery .gallery_grid li{overflow: hidden;}
#content .gallery .gallery_grid li:hover img{transform: scale(1.1);}


/* 일반 pc */
@media screen and (max-width:1280px) {
	
}


/* 모터스포츠 상단 그리드 위치 재조정 */
@media screen and (max-width:1400px){
   #content .motor_sports .motor_sports_grid1 li:nth-child(1){grid-area: a; transform: translateY(10px);}
   #content .motor_sports .motor_sports_grid1 li:nth-child(2){grid-area: b; transform: translateY(-30px);}
   #content .motor_sports .motor_sports_grid1 li:nth-child(3){grid-area: c;}
   #content .motor_sports .motor_sports_grid1 li:nth-child(4){grid-area: d; transform: translateY(30px);}
   #content .motor_sports .motor_sports_grid1 li:nth-child(5){grid-area: e; transform: translateY(-10px);}
}



/* @@ 줄 바꿈 교정 @@ */
/* 갤러리 서브타이틀 */
@media screen and (max-width:1107px) {
	#content .gallery .gallery_titlebox .sub_title{font-size: 1.7rem;}
}
/* 모터스포츠 서브타이틀 */
@media screen and (max-width:1062px) {
	#content .motor_sports .motor_sports_titlebox .sub_title{font-size: 1.9rem;}
}






/* 태블릿 */
@media screen and (max-width:1024px) {

   /* @@@ COMMON @@@ */
   #content{padding: 0 30px;}
   #content h3{font-size: 4.44rem;}
   #content .sub_title{font-size: 1.67rem;}
   #content .more_btn{font-size: 1.11rem;}



   /* @@@ About N @@@ */
   #content .about_n .about_n_grid1{
   grid-template-columns: repeat(3, 1fr);
   gap: 20px;
   grid-template-areas: 
      'a b c'
      'd d d';}
   #content .about_n .about_n_grid2{
   grid-template-columns: repeat(3, 1fr);
   gap: 20px;
   grid-template-areas: 
      'a c d'
      'a f f';}
   
   #content .about_n .about_n_grid2 li:nth-child(2),
   #content .about_n .about_n_grid2 li:nth-child(5){display: none;}





   /* @@@ Motor Sports @@@ */
   #content .motor_sports>p span{display: none;}
   
   #content .motor_sports .motor_sports_grid1{
   grid-template-columns: repeat(4, 1fr);
   gap: 30px;
   grid-template-areas: 
      'a b c d'
      ;}
   #content .motor_sports .motor_sports_grid1 li:nth-child(1){transform: translateY(15px);}
   #content .motor_sports .motor_sports_grid1 li:nth-child(2){transform: translateY(-35px);}
   #content .motor_sports .motor_sports_grid1 li:nth-child(3){transform: translateY(35px);}
   #content .motor_sports .motor_sports_grid1 li:nth-child(4){transform: translateY(-5px);}
   #content .motor_sports .motor_sports_grid1 li:nth-child(5){display: none;}

   #content .motor_sports .motor_sports_grid2{
   margin: 80px auto 150px;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 20px;
   grid-template-areas: 
      'a c e'
      'b d f'
      ;}
   #content .motor_sports .motor_sports_grid2 li:nth-child(1){height: 200px;}
   #content .motor_sports .motor_sports_grid2 li:nth-child(3){height: 200px;}
   #content .motor_sports .motor_sports_grid2 li:nth-child(5){height: 200px;}
   


   /* @@@ Rolling Lab @@@ */
   #content .rolling_lab .swiper-slide p{position: absolute; z-index: 30;}
   #content .rolling_lab .swiper-slide p:nth-child(1){
      bottom: 40px;
      left: 35px;
      font-size: 2.3rem;
      font-weight: 500;
      font-family: 'Orbitron', sans-serif;
      text-shadow: 2px 2px 10px rgba(0, 0, 0, .4);
      z-index: 30;
   }
   #content .rolling_lab .swiper-slide p:nth-child(2){
      bottom: 0;
      left: 35px;
      font-size: 1.3rem;
      text-shadow: 2px 2px 10px rgba(0, 0, 0, .4);
      z-index: 30;
   }
   #content .rolling_lab .swiper-slide img{filter: brightness(80%); z-index: 20;}


   /* @@@ Model @@@ */
   
   #content .model .model_grid1{gap: 20px;}
 
   #content .model .model_grid1 li:hover img{transform: none;}
   #content .model .model_grid1 li p:nth-child(1){top: 5px;}
   #content .model .model_grid1 li:hover p:nth-child(1){font-size: 1.4rem; font-weight: 500;}

   #content .model .model_grid1 li p:nth-child(2){background: linear-gradient(0deg,rgba(0, 0, 0, 1) 13%, rgba(0, 0, 0, 0) 100%);
   bottom: 0; padding: 10px 10px 0 10px; height: 130px;}
   #content .model .model_grid1 li:hover p:nth-child(2){bottom: 0;}

   /* ---------------------------------------------- */

   #content .model .model_grid2{
   margin: 20px auto 0;
   grid-template-columns: repeat(2, 1fr);
   gap: 20px;
   grid-template-areas: 
      'a b'
      'a c'
      ;}

   #content .model .model_grid2 li:nth-of-type(1) p:nth-of-type(2){
      bottom: 0; padding: 10px; height: 80px; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 100%);}



   #content .model .model_grid2 li:nth-of-type(2),
   #content .model .model_grid2 li:nth-of-type(3){height: 200px;}

   #content .model .model_grid2 li:nth-of-type(2) p:nth-of-type(1),
   #content .model .model_grid2 li:nth-of-type(3) p:nth-of-type(1){top: 0;}


   #content .model .model_grid2 li:nth-of-type(2) p:nth-of-type(2),
   #content .model .model_grid2 li:nth-of-type(3) p:nth-of-type(2){
      bottom: 0; padding: 10px; height: 80px; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 100%);}
   
   #content .model .model_grid2 li:hover p:nth-child(1){font-size: 1.2rem; font-weight: 500;}

   /* @@@ Gallery @@@ */
   #content .gallery .gallery_grid{
   margin: 30px auto 0;
   grid-template-columns: repeat(4, 1fr);
   gap: 20px;
   grid-template-areas:
      'a a e e'
      'a a b d'
      'h j k k'
      'i j k k'
      ;}

   #content .gallery .gallery_grid li:nth-child(3),
   #content .gallery .gallery_grid li:nth-child(6),
   #content .gallery .gallery_grid li:nth-child(7){display: none;}

}
   


/* 소형 태블릿 */
@media screen and (max-width:768px) {
	
   /* @@@ COMMON @@@ */
   #content{padding: 0 20px;}
   #content h3{font-size: 3.5rem;}
   #content .sub_title{font-size: 1.3rem;}
   #content .more_btn{font-size: 1rem;}


   /* @@@ About N @@@ */
   #content .about_n .about_n_grid1{gap: 15px;}
   #content .about_n .about_n_grid2{gap: 15px; margin: 20px auto 0;}


   /* @@@ Motor Sports @@@ */
   #content .motor_sports .motor_sports_grid1{gap: 15px;}
   #content .motor_sports .motor_sports_grid1 li:nth-child(1){transform: translateY(15px);}
   #content .motor_sports .motor_sports_grid1 li:nth-child(2){transform: translateY(-30px);}
   #content .motor_sports .motor_sports_grid1 li:nth-child(3){transform: translateY(30px);}
   #content .motor_sports .motor_sports_grid1 li:nth-child(4){transform: translateY(-5px);}


   #content .motor_sports .motor_sports_grid2{margin: 40px auto 120px;}
   #content .motor_sports .motor_sports_grid2{gap: 15px;}
   #content .motor_sports .motor_sports_grid2 li img:nth-child(1){transform: scale(.7);}
   #content .motor_sports .motor_sports_grid2 li:hover img:nth-child(1){transform: scale(1);}
   #content .motor_sports .motor_sports_grid2 li:hover img:nth-child(2){transform: scale(1);}

   #content .motor_sports .motor_sports_grid2 li p span{display: none;}


   /* @@@ Rolling Lab @@@ */
   #content .rolling_lab .pc_swiper {display: none ;}


   #content .rolling_lab .mobile_swiper{display: block ;}
   #content .rolling_lab .mobile_swiper .swiper-slide {display: block ; text-align: center; background: #fff;}
   #content .rolling_lab .mobile_swiper .swiper-slide img{width: 100%; height: auto; filter: brightness(70%);}
   #content .rolling_lab .mobile_swiper .swiper-slide p:nth-of-type(1){
      top: 10px; left: 15px; font-size: 1.4rem; text-align: left;}
   #content .rolling_lab .mobile_swiper .swiper-slide p:nth-of-type(2){
      bottom: 10px; left: 0; padding: 2px; font-size: 1rem;}

   /* @@@ Model @@@ */
   #content .model .model_grid1{gap: 15px;}
   #content .model .model_grid1 li p:nth-child(1){top: 0;}
   #content .model .model_grid1 li p:nth-child(1){font-size: 1.1rem;}
   #content .model .model_grid1 li p:nth-child(2){font-size: .9rem; line-height: 1.2rem; height: 85px; width: 100%;}
   #content .model .model_grid1 li p:nth-child(2) span{display: none;}
   

   #content .model .model_grid2{margin: 15px auto 0; gap: 15px;}
   #content .model .model_grid2 li p:nth-child(1){font-size: 1.1rem;}
   #content .model .model_grid2 li p:nth-child(2){font-size: .9rem; line-height: 1.2rem;}
   #content .model .model_grid2 li:nth-of-type(2) p:nth-of-type(1),
   #content .model .model_grid2 li:nth-of-type(3) p:nth-of-type(1){top: 0;}


   
   /* @@@ Gallery @@@ */
   #content .gallery .gallery_grid{margin: 20px auto 0; gap: 15px;}
}

/* 모바일 */
@media screen and (max-width:640px) {

   /* AOS 애니메이션 변경 */
   #content .pc_only { display: none; }
  #content .tablet_only { display: none; }
  #content .mobile_only { display: block; }

   /* @@@ COMMON @@@ */
   #content{padding: 0 20px;}
   #content h3{font-size: 3.89rem;}
   #content .sub_title{font-size: 1.39rem;}
   #content .more_btn{font-size: 1rem;}


   /* @@@ About N @@@ */
   #content .about_n .about_n_grid1{
   grid-template-columns: repeat(2, 1fr);
   grid-template-areas: 
      'b c'
      'd d';}
   #content .about_n .about_n_grid1 li:nth-child(1){display: none;}

   #content .about_n .about_n_grid2{
   grid-template-columns: repeat(1, 1fr);
   grid-template-areas: 
      'c'
      'd'
      'f';}
   #content .about_n .about_n_grid2 li:nth-child(1){display: none;}

   #content .about_n .about_n_grid2 li:nth-child(3),
   #content .about_n .about_n_grid2 li:nth-child(4){height: 250px; object-position: bottom;}


   
   /* @@@ Motor Sports @@@ */

   #content .motor_sports .motor_sports_titlebox .sub_title{font-size: 1.39rem;}
   #content .motor_sports .motor_sports_grid1 {
      display: flex;             /* grid → flex */
      flex-direction: column;    /* 세로 정렬 */
      align-items: center;       /* 가운데 정렬 */
      gap: 30px;                 /* 간격 유지 */
   }
   #content .motor_sports .motor_sports_grid1 li {width: auto;} /* 강제 너비 제거 */
   #content .motor_sports .motor_sports_grid1 li img {
      display: block;
      width: auto;               /* 원본 너비 유지 */
      max-width: 100%;           /* 화면보다 크면 줄어듦 */
      height: auto;              /* 세로 비율 유지 */
   }
   
   #content .motor_sports .motor_sports_grid1 li:nth-child(1){transform: translateY(0);}
   #content .motor_sports .motor_sports_grid1 li:nth-child(2){transform: translateY(0);}
   #content .motor_sports .motor_sports_grid1 li:nth-child(3){transform: translateY(0);}
   #content .motor_sports .motor_sports_grid1 li:nth-child(4){display: none;}



   /* @@@ Model @@@ */

   /* 상단 그리드 */
   #content .model .model_grid1{
      grid-template-columns: repeat(1, 1fr);
      grid-template-areas: 
         'a'
         'b'
         ;}
   #content .model .model_grid1 li{height: 270px;}
   #content .model .model_grid1 li p:nth-of-type(2){height: 60px;}
   #content .model .model_grid1 li p{text-align: center;}

   /* ---------------------------------------------- */

   #content .model .model_grid2{
   margin: 15px auto 0;
   grid-template-columns: repeat(1, 1fr);
   grid-template-areas: 
      'a'
      'b'
      'c'
      ;}
   #content .model .model_grid2 li{height: 270px;}
   #content .model .model_grid2 li:nth-of-type(2),
   #content .model .model_grid2 li:nth-of-type(3){height: 270px;}

   #content .model .model_grid2 li p:nth-of-type(1){top: 0;}
   #content .model .model_grid2 li p:nth-of-type(2){height: 60px !important;}
   #content .model .model_grid2 li p{text-align: center;}


   
   /* @@@ Gallery @@@ */
   #content .gallery .gallery_titlebox .sub_title{font-size: 1.3rem;}
   #content .gallery .gallery_grid{
   grid-template-columns: repeat(3, 1fr);
   gap: 15px;
   grid-template-areas:
      'a a b'
      'a a d'
      'e e i'
      'j k k'
      ;}
   
   #content .gallery .gallery_grid li:nth-child(8){display: none;}
   
	
}


/* 소형 모바일 */
@media screen and (max-width:480px){

   /* 갤러리 서브타이틀 */
   #content .gallery .gallery_titlebox .sub_title{font-size: 1.1rem;}

   /* 모터스포츠 서브타이틀 */
   #content .motor_sports .motor_sports_titlebox .sub_title{font-size: 1.1rem;}



   /* @@@ Motor Sports @@@ */
   #content .motor_sports>p{margin-top: 50px;}
   #content .motor_sports .motor_sports_grid1{gap: 20px;}
   #content .motor_sports .motor_sports_grid1 li:nth-child(2){width: 94%;}
   #content .motor_sports .motor_sports_grid1 li:nth-child(3){width: 85%;}

   #content .motor_sports .motor_sports_grid2{
   grid-template-columns: repeat(2, 1fr);
   gap: 10px;
   grid-template-areas: 
      'a b'
      'c d'
      'e f'
      ;}
   #content .motor_sports .motor_sports_grid2 li p{line-height: 1.3rem; font-size: .95rem;}

   /* @@@ Model @@@ */
   

   #content .model .model_grid1 li p:nth-of-type(2){height: 65px;}
   #content .model .model_grid2 li p:nth-of-type(2){height: 65px !important; text-align: center;}


   /* @@@ Gallery @@@ */
   #content .gallery .gallery_grid{
   gap: 10px;}
   
   
   

   
}

