/* DA 리프팅센터 하위 쪽 반응형(2026-11, 238LAB) - 쪽에서만, dlr.css 다음에 불러옴
1199 이하 머리글 = 운영 /m/ 하위 쪽 머리글과 같은 모양(밝은 바탕 #f6f9fb, 회색 로고/아이콘, 높이 60), 본문은 머리글 아래부터
1200 이상은 지금 PC 화면(dlr.css 1200~1399 폭 맞춤 그대로) */
@media (max-width:1199px){
html.dlr-sub #container{padding-top:60px}
html.dlr-sub .dlr-mh__bar{background:#f6f9fb}
html.dlr-sub .dlr-mh__menu{background-image:url("/data/skin/mobile/lifting/img/common/ic_menu_gray.png")}
html.dlr-sub .dlr-mh__logo{background-image:url("/data/skin/mobile/lifting/img/common/main_logo_gray.png")}
html.dlr-sub .dlr-mh__tel{background-image:url("/data/skin/mobile/lifting/img/common/ic_tel_gray.png")}
html.dlr-sub .dlr-mh.is-open .dlr-mh__menu{background-image:url("/data/skin/mobile/lifting/img/common/ic_close.png")}
html.dlr-sub .dlr-mh.is-open .dlr-mh__tel{filter:none}
/* 본문 칸: PC 하위 쪽 틀의 고정 폭/여백 풀기 */
html.dlr-sub #contents,html.dlr-sub .sub_content{padding-left:0;padding-right:0}
/* DA EFFECT 배너(이벤트 쪽 공통): 모바일 그림, 칸 폭에 맞춤 */
html.dlr-sub .subCon{padding-bottom:40px}
/* 실리프팅 쪽 아래 공통 칸 - 안내문구: 모바일 그림(쪽 마크업 picture), 칸 폭 맞춤 */
html.dlr-sub .notice-group,html.dlr-sub .notice-group .img-wrap{position:static;width:auto;max-width:800px;margin-left:auto;margin-right:auto;transform:none;left:auto}
html.dlr-sub .notice-group img{position:static;display:block;width:100%;max-width:none;height:auto;margin:0;transform:none;left:auto}
/* 유튜브 칸: 운영 /m/ 공통 칸과 같은 값(제목 46, 글 24, 단추 26, 영상 16:9) */
html.dlr-sub .youtube-area{padding-block:100px 105px}
html.dlr-sub .youtube-area .max-810{max-width:800px;padding-inline:4.6%;box-sizing:border-box}
html.dlr-sub .youtube-area .title{font-size:46px;letter-spacing:-1.4px}
html.dlr-sub .youtube-area .text{font-size:24px;letter-spacing:-0.7px}
html.dlr-sub .youtube-area .text::after{top:-4px;left:-2px;width:101%}
html.dlr-sub .youtube-area .video-wrap{position:relative;padding-bottom:56.25%}
html.dlr-sub .youtube-area .video-wrap iframe{position:absolute;top:0;left:0;right:0;width:100%;height:100%;margin:0 auto}
html.dlr-sub .youtube-area .button-area .btn{width:fit-content;max-width:none;padding:0 40px;font-size:26px}
html.dlr-sub .youtube-area .title-wrap + .video-wrap{margin-top:30px}
}
@media (min-width:769px) and (max-width:1199px){
html.dlr-sub .subCon{max-width:800px;margin-left:auto;margin-right:auto}
}
@media (max-width:640px){
html.dlr-sub .youtube-area{padding-block:15.63vw 16.41vw}
html.dlr-sub .youtube-area .title-wrap{gap:3.13vw}
html.dlr-sub .youtube-area .title{font-size:7.19vw}
html.dlr-sub .youtube-area .text{font-size:3.75vw}
html.dlr-sub .youtube-area .text::after{top:-.63vw;height:5.31vw}
html.dlr-sub .youtube-area .button-area .btn{padding:0 6.25vw;height:10.94vw;font-size:4.06vw;border-radius:1.88vw}
html.dlr-sub .youtube-area .title-wrap + .video-wrap{margin-top:4.69vw}
html.dlr-sub .youtube-area .video-wrap + .button-area{margin-top:6.25vw}
}
/* 1200 이상: 오른쪽 고정 메뉴(.dlq, 오른쪽 30 + 폭 60) 밑으로 글자/라벨이 들어가지 않게 블록 배율 상한 추가(11-10 로컬 1366 화면 시험에서 발견)
상한 = (칸 폭 - 200px) / (2 x 무대 가운데에서 글자/라벨 오른쪽 끝까지 거리, w2_measure_right.py 실측). 1518 이상 대부분 그대로, 배경은 무대(1920 x 배율)가 칸보다 넓어 계속 꽉 참 */
@media (min-width:1200px){
html.dlr-sub #evxL02 .s{--u:min(1px,calc(100cqw / 1880),calc((100cqw - 200px) / 1354))}
html.dlr-sub #evxL04 .s{--u:min(1px,calc(100cqw / 1476),calc((100cqw - 200px) / 1334))}
html.dlr-sub #evxL05 .s{--u:min(1px,calc(100cqw / 1338),calc((100cqw - 200px) / 1258))}
html.dlr-sub #evxL06 .s{--u:min(1px,calc(100cqw / 1320),calc((100cqw - 200px) / 1055))}
html.dlr-sub #evxL07 .s{--u:min(1px,calc(100cqw / 1350),calc((100cqw - 200px) / 1230))}
html.dlr-sub #evxL11 .s{--u:min(1px,calc(100cqw / 1722),calc((100cqw - 200px) / 1280))}
html.dlr-sub #evxL12 .s{--u:min(1px,calc(100cqw / 1340),calc((100cqw - 200px) / 1165))}
html.dlr-sub #evxL13 .s{--u:min(1px,calc(100cqw / 1468),calc((100cqw - 200px) / 1388))}
html.dlr-sub #evxL14 .s{--u:min(1px,calc(100cqw / 1662),calc((100cqw - 200px) / 1582))}
html.dlr-sub #evxL15 .s{--u:min(1px,calc(100cqw / 1524),calc((100cqw - 200px) / 1444))}
html.dlr-sub #evxL17 .s{--u:min(1px,calc(100cqw / 1600),calc((100cqw - 200px) / 1216))}
html.dlr-sub #evxL18 .s{--u:min(1px,calc(100cqw / 1506),calc((100cqw - 200px) / 1426))}
html.dlr-sub #evxL99 .s{--u:min(1px,calc(100cqw / 1478),calc((100cqw - 200px) / 996))}
}