section { height: auto; overflow-x: hidden; } 
.main-wrap { max-width: 1920px; width: 100%; margin: auto; } 

.main { height: 100vh; max-height: 1024px; } 
.main .tit-wr { display: flex; flex-direction: column; justify-content: flex-end; width: 30%; margin-bottom: 7rem; padding-left: var(--inner-pd); } 
.main .tit-wr p { font-family: var(--font-fm-pr); } 
.main .tit-wr .txt { line-height: 1.4; } 
.main .tit-wr .txt p { color: var(--color-txt); font-family: var(--font-fm-mr); font-size: var(--font-18); font-weight: 600; } 
.main .swiper-wr { height: 100%; } 
.main .swiper-container-wr { position:relative; width:70%; } 
.main .swiper-container { height:100%; overflow:hidden; } 
.main .swiper-wrapper,.main .swiper-slide { height:100%; } 
.main .swiper-slide { position:relative; overflow:hidden; } 
.main .slide-inner { position:absolute; inset:0; will-change: transform; } 
.main .slide-bg { position:absolute; inset:0; background-size:cover; background-position:center; background-repeat:no-repeat; transform: scale(1.05); /* 살짝 여유(선택) */ } 
.main .swiper-btn-wr { position: absolute; bottom: 4rem; left: 50%; transform: translateX(-50%); z-index: 2; } 
.main .deco { top: calc(var(--header-hei) + 6rem); left: -6rem; z-index: 2; } 
.main .img-mo { display: none; } 

@media all and (max-width:1500px) { /*1441까지*/
 .main .tit-wr { width: 35%; } 
 .main .swiper-container-wr { width: 65%; } 
 .main .deco { width: 21rem; } 
 }
@media all and (max-width:1280px) { /*1024까지*/
 .main .deco { left: var(--inner-pd); filter: brightness(0) invert(1); opacity: .8; } 
 .main .tit-wr { position: absolute; width: auto; top: auto; bottom: 2rem; z-index: 2; color: #fff; } 
 .main .tit-wr .txt { width: 50vw; } 
 .main .tit-wr .txt p { color: #fff; } 
 .main .tit-wr .txt p br { display: none; } 
 .main .tit-wr .cl-r { color: #fff; } 
 .main .swiper-container-wr { width: 100%; } 
 .main .slide-bg::after { width: 100%; height: 100%; background: #000; display: block; content: ''; opacity: 0.3; } 
 }
 @media all and (max-width:1024px){
 .main .tit-wr .txt { width: 90%; margin-bottom: 2rem; } 
 }
 @media all and (max-width:576px) { /*481까지*/
 .main .slide-bg::after { opacity: .5; } 
 .main .deco { display: none; } 
 .main .img-mo { display: block; width: 21rem; margin-bottom: 2rem; filter: brightness(0) invert(1); } 
 .main .mb-4 { margin-bottom: 0.5rem; } 
 .main .tit-wr { bottom: 4rem; } 
 .main .tit-wr p { font-weight: 200; } 
 .main .tit-wr .tit { font-size: var(--font-32); } 
 .main .tit-wr .cl-r { font-size: 2rem; } 
 .main .swiper-btn-wr { left: var(--inner-pd); transform: translateX(0); } 
 .main .swiper-pagination-bullet { width: 6px; height: 6px; } 
 }

/* .cl-bg-y { background: #BE9B10; } 
.cl-bg-r { background: #A51D2F; } 
.cl-bg-b { background: #B3947A; } */

.hand-wr { position: relative; margin: 7rem 0; } 
.hand-wr .inner { padding-right: 0; } 
.hand-wr .tit-s { margin-top: 1rem; line-height: 1.2; } 
.hand-wr .swiper { margin-right: var(--inner-pd); } 
.hand-wr .swiper-slide { padding-top: 33.333%; background: #ddd; } 
.hand-wr .swiper-slide img { top: 0; left: 0; } 
.hand-wr .swiper-slide .tit-wr { position: absolute; top: 4rem; left: 4rem; z-index: 3; } 
.hand-wr .swiper-slide .tit-wr .txt { font-weight: 400; line-height: 1.3; } 
.hand-wr .swiper-btn-wr { left: calc(var(--inner-pd) + 3rem); bottom: 3rem; z-index: 4; } 
@media all and (max-width:1280px){
 .hand-wr .swiper-slide { padding-top: 50%; } 
 }

@media all and (max-width:960px) { /*769까지*/ 
 .hand-wr .swiper-slide .tit-wr { top: 2rem; left: 2rem; } 
 }
 @media all and (max-width:768px) { /*577까지*/ 
 .hand-wr .swiper-slide { padding-top: 100%; } 
 }


.cartoon, .news { padding-top: 14.5rem; } 

.cartoon { padding-bottom: 11rem; background: url('../img/bg_ct.jpg')no-repeat center / cover; } 
.cartoon .box-wr .box1 { margin-top: 16rem; } 
.cartoon .box-wr .box .bx-img { width: 55rem; height: 43rem; } 
.cartoon .tit { line-height: 1.2; } 
@media all and (max-width:1600px) { /*1501까지*/
.cartoon .box-wr .box .bx-img { width: 38rem; height: 29rem; } 
.cartoon .box-wr .box.tit-s { margin-top: 1rem; font-size: var(--font-25); } 
.cartoon .box-wr { gap: 5rem !important; } 
 }
@media all and (max-width:1280px) { /*1024까지*/
 .cartoon { padding-top: 8.5rem; } 
 .cartoon .inner { flex-direction: column; } 
 .cartoon .box-wr .box .bx-img { width: 100%; } 
 .cartoon .box-wr .box { width: 50%; } 
 .cartoon .box-wr .box1 { width: 50%; } 
 }
@media all and (max-width:960px) { /*769까지*/ 
 .cartoon .box-wr { gap: 2rem !important; } 
 }
 @media all and (max-width:768px) { /*577까지*/ 
 .cartoon .box-wr { flex-direction: column-reverse; margin-top: 3rem; } 
 .cartoon .box-wr .box1 { width: 100%; margin-top:0; } 
 .cartoon .box-wr .box2 { width: 100%; } 
 }

.news .box { border-top: 3px solid #000; } 
.news .box .tit-wr { margin: 5rem 0 3.7rem; } 
.news .box .tit-wr span,
.news .box-wrap .tit-wr span { display: block; margin-bottom: 1rem; color: #5D6166; font-size: var(--font-16); font-weight: 600; } 
.news .box .bx-img { height: 32rem; } 

.news .box-main .box .bx-img { height: 50rem; } 
.news .box-main .tit-bx { display: flex; flex-direction: column; justify-content: end; padding: 5rem; } 
.news .box-main .tit-wr { margin-top: 5rem; } 

.news .bx-hover {background: #000;}


@media all and (max-width:1280px) { /*1024까지*/
 .news { padding-top: 8.5rem; } 
 .news .box .bx-img { height: 22rem; } 
 .news .box .tit-wr { margin: 3rem 0 1.7rem; } 
 }
@media all and (max-width:1024px) { /*961까지*/
 .news .box .tit-wr { margin: 2rem 0 1.7rem; } 
 }
 @media all and (max-width:768px) {
  .news .box-main { flex-direction: column-reverse; } 
.news .box-main .tit-bx { padding: 0; padding-bottom: 2rem; } 
.news .box-main .tit-wr { margin-top: 0; } 
 .news .box .bx-img { height: 31rem; } 
 }



.footer { margin-top: 11rem; } 
@media all and (max-width:1280px) { /*1024까지*/
 .footer { margin-top: 7rem; } 
 }

@media all and (max-width:1700px){
 .gap-9 { gap: 5rem; } 
 }

@media all and (max-width:1280px) { /*1024까지*/
 .tit-s { font-size: var(--font-20); } 
 }





/**/