/* OUR PARTNERS 마퀴 스타일 - about_us.min.css 에서 .sec07 + marquee 규칙만 추출 */
.section.sec05 .img_cont.mo_ver .top_cont,.section.sec06 .img_cont.mo_ver .top_cont,.section.sec07 .img_cont.mo_ver .top_cont{top:30%}
.sec07{background-color:rgba(0,0,0,0)}
.sec07 .progress_bar span{height:53.8461538462%}
@media(max-width: 767px){.sec07 .page_mid_title{font-size:2.6rem}}
.sec07 .pc_ver .page_title.on,.sec07 .pc_ver .page_desc.on{color:#000}
.sec07 .btn_learn_more_svg.on .btn_learn_more{color:#000}
.sec07 .btn_learn_more_svg.on .btn_learn_more::before{border:2px solid #000}
.sec07 .txt_desc_box{position:absolute;z-index:1000;transition:all .5s}
.sec07 .txt_desc_box .btn_learn_more::before{border:2px solid hsla(0,0%,100%,.2)}
.sec07 .txt_desc_box.n1{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);top:calc(50% - 12rem)}
.sec07 .txt_desc_box.n2{position:absolute;left:50%;transform:translateX(-50%);top:calc(50% + 13rem)}
.sec07 .marquee_container{margin:10rem 0}
@media(max-width: 767px){.sec07 .marquee_container{margin:7rem 0 8rem}}
.sec07 .marquee_container .marquee_wrap{display:flex}
.sec07 .marquee_container .marquee_wrap.mo_ver{display:none}
@media(max-width: 767px){.sec07 .marquee_container .marquee_wrap.mo_ver{display:flex}}
.sec07 .marquee_container .marquee_wrap+.marquee_wrap{margin-top:3rem}
@media(max-width: 767px){.sec07 .marquee_container .marquee_wrap+.marquee_wrap{margin-top:2rem}}
.sec07 .marquee_container .marquee_wrap .marquee_track{display:flex;will-change:transform;flex-shrink:0}
.sec07 .marquee_container .marquee_wrap .marquee_track>li{min-width:20rem;flex-shrink:0;margin:0 2rem}
@media(max-width: 767px){.sec07 .marquee_container .marquee_wrap .marquee_track>li{margin:0 1.5rem;min-width:auto;width:10.85rem;height:5.85rem}}
.sec07 .marquee_container .marquee_wrap .marquee_track>li>img{object-fit:cover;width:100%;height:100%}
.sec07 .marquee_container .marquee_wrap .marquee_track+.marquee_track{margin-top:3rem}
.sec07 .marquee_container .marquee_wrap.left .marquee_track{animation:marquee_left 40s linear infinite}
.sec07 .marquee_container .marquee_wrap.right .marquee_track{animation:marquee_right 40s linear infinite}
.sec07 .btn_learn_more::before{border:2px solid hsla(0,0%,100%,.2)}
@keyframes marquee_left{0%{transform:translateX(0%)}100%{transform:translateX(-50%)}}
@keyframes marquee_right{0%{transform:translateX(-50%)}100%{transform:translateX(0%)}}
.JPN .sec07 .page_title{font-family:"CJ ONLYONE TITLE"}

/* --- production 페이지 전용 간격 보정 (about_us 원본에는 없는 규칙) ---
   sec02 슬라이더의 swiper-button-prev/next 가 absolute 라 섹션 밖으로 삐져나온다.
   위 여백이 없으면 Our Partners 제목과 겹친다. */
.production .section.sec07{padding-top:22rem;padding-bottom:0}
@media(max-width: 1024px){.production .section.sec07{padding-top:15rem;padding-bottom:0}}
@media(max-width: 767px){.production .section.sec07{padding-top:11rem;padding-bottom:0}}

/* --- Our Expertise: sec02 VFX 슬라이드(.swiper02 .txt_set) 안, 소개 문구 아래 ---
   슬라이드마다 높이가 달라서 production.js 의 swiper02 에 autoHeight 를 켜 페이지네이션·화살표가 따라 움직인다. */
.production .sec02 .expertise_wrap{margin-top:8rem;color:#fff}
.production .sec02 .expertise_title{font-size:4rem;font-weight:400;line-height:1.2}
.production .sec02 .expertise_sub{margin-top:1.4rem;font-size:1.6rem;line-height:1.5;color:rgba(255,255,255,.8)}
.production .sec02 .expertise_list{margin-top:5rem}
.production .sec02 .expertise_list>li{display:flex;align-items:center;padding:3.6rem 0;border-top:1px solid rgba(255,255,255,.2)}
.production .sec02 .expertise_name{flex:0 0 24rem;padding-right:3rem;text-align:center;font-size:2rem;font-weight:700;line-height:1.3}
.production .sec02 .expertise_txt{flex:1;min-width:0}
.production .sec02 .expertise_txt .head{font-size:2.2rem;font-weight:700;line-height:1.3}
.production .sec02 .expertise_txt .body{margin-top:1.6rem;font-size:1.6rem;line-height:1.6;color:rgba(255,255,255,.8)}
@media(max-width: 767px){
.production .sec02 .expertise_wrap{margin-top:6rem}
.production .sec02 .expertise_title{font-size:3rem}
.production .sec02 .expertise_sub{margin-top:1rem;font-size:1.4rem}
.production .sec02 .expertise_list{margin-top:3rem}
.production .sec02 .expertise_list>li{display:block;padding:2.8rem 0}
.production .sec02 .expertise_name{padding-right:0;text-align:left;font-size:1.5rem;color:rgba(255,255,255,.6)}
.production .sec02 .expertise_txt{margin-top:1.4rem}
.production .sec02 .expertise_txt .head{font-size:1.7rem}
.production .sec02 .expertise_txt .body{margin-top:1rem;font-size:1.4rem}
}