@charset "utf-8";


/*COMMON*/
#multipleContentsDiv_template_09_6{
  padding-bottom:0 !important;
}
#multipleContentsDiv_template_09_7{
  width:1600px !important;
  margin:0 auto !important;
  overflow:hidden;
  padding:110px 0;
}
@media screen and (max-width:1640px){
  #multipleContentsDiv_template_09_7{
    width:100% !important;
    padding-left:20px;
    padding-right:20px;
  }
}
@media screen and (max-width:1280px){
  #multipleContentsDiv_template_09_7{
    padding-top:80px;
    padding-bottom:80px;
  }
}
@media screen and (max-width:768px){
  #multipleContentsDiv_template_09_7{
    padding-top:40px;
    padding-bottom:40px;
  }
}


/* =========================================================
   메인 1영역 기본 구조
   ========================================================= */

/* 슬로건 */
#menu1039_obj24{
  position:absolute;
  left:60%;
  top:100px;
  padding:0 80px;
  z-index:100 !important;
  box-sizing:border-box;
}

.slogan{
  font-family:'pr';
  letter-spacing:-1px;
  line-height:1.1;
  height:100%;
  display:flex;
  flex-direction:column;
}

.slogan .txt_1{
  font-size:30px;
  color:#000;
}
.slogan .txt_2{
  font-size:66px;
  color:#7d151b;
  margin-top:20px;
}
.slogan .txt_2 span{
  font-family:'pb';
}
.slogan .txt_3{
  font-size:26px;
  color:#a8a8a8;
  margin-top:10px;
}

/* 퀵메뉴 */
#menu1039_obj81{
  position:absolute;
  left:50%;
  bottom:0;
  width:1280px !important;
  margin-left:-640px !important;
  z-index:100 !important;
}

@media screen and (max-width:1640px){
  #menu1039_obj81{
    left:0;
    width:100% !important;
    margin-left:0 !important;
    padding:0 20px;
  }
}






/* =========================================================
   메인 왼쪽 유튜브 영상 (화질 개선 최종)
   ========================================================= */

#wrap-slider160.econ-left-youtube-wrap{
  position:relative !important;
  overflow:hidden !important;
  background:#000 !important;
}

/* 영상 레이어 */
#wrap-slider160 .econ-left-youtube{
  position:absolute !important;
  inset:0 !important;
  z-index:10 !important;
  overflow:hidden !important;
  background:#000 !important;
}

/* 살짝 어둡게 */
#wrap-slider160 .econ-left-youtube::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:11;
  background:rgba(0,0,0,0.18);
  pointer-events:none;
}

/* 핵심: 확대 줄이고 중앙 정렬 */
#wrap-slider160 .econ-left-youtube iframe{
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  width:112% !important;
  height:112% !important;
  transform:translate(-50%, -50%) !important;
  border:0 !important;
  pointer-events:none !important;
}

/* 클릭 막기 */
#wrap-slider160 .econ-left-youtube .econ-left-youtube-block{
  position:absolute !important;
  inset:0 !important;
  z-index:12 !important;
  background:transparent !important;
  pointer-events:auto !important;
}

/* 기존 슬라이드 숨김 */
#wrap-slider160.econ-left-youtube-wrap #slider160{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* 컨트롤 제거 */
#wrap-slider160.econ-left-youtube-wrap .mask,
#wrap-slider160.econ-left-youtube-wrap .control,
#wrap-slider160.econ-left-youtube-wrap .paging,
#wrap-slider160.econ-left-youtube-wrap .numbering,
#wrap-slider160.econ-left-youtube-wrap .pannel,
#wrap-slider160.econ-left-youtube-wrap .prev,
#wrap-slider160.econ-left-youtube-wrap .next,
#wrap-slider160.econ-left-youtube-wrap .play,
#wrap-slider160.econ-left-youtube-wrap .stop,
#wrap-slider160.econ-left-youtube-wrap .slick-dots,
#wrap-slider160.econ-left-youtube-wrap .slick-arrow{
  display:none !important;
}







/* =========================================================
   메인 1영역 상위 래퍼 강제 1열 패치
   2번째 사진처럼 왼쪽 반칸만 차지하는 문제 해결
   ========================================================= */
@media screen and (max-width:1280px){

  /* 메인 첫 영역 안쪽 래퍼들 전부 1열 강제 */
  #multipleContentsDiv_template_09_6,
  #multipleContentsDiv_template_09_6 > div,
  #multipleContentsDiv_template_09_6 > div > div,
  #multipleContentsDiv_template_09_6 .obj,
  #multipleContentsDiv_template_09_6 .objTag,
  #multipleContentsDiv_template_09_6 .section{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    float:none !important;
    clear:both !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  /* 영상 영역도 완전 1열 */
  #wrap-slider160,
  #wrap-slider160.econ-left-youtube-wrap{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    float:none !important;
    clear:both !important;
    margin:0 !important;
  }

  /* 문구/레드바도 같은 흐름으로 */
  #menu1039_obj24,
  #menu1039_obj81{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    float:none !important;
    clear:both !important;
  }
}











/* =========================================================
   메인 영상-문구 사이 여백 최종 압축
   ========================================================= */
@media screen and (max-width:1280px){

  /* 첫 영역 안쪽에 남아있는 불필요한 높이 눌러주기 */
  #multipleContentsDiv_template_09_6,
  #multipleContentsDiv_template_09_6 > div,
  #multipleContentsDiv_template_09_6 > div > div{
    min-height: 0 !important;
  }

  /* 문구를 위로 끌어올려 영상과의 간격 축소 */
  #menu1039_obj24{
    margin-top: -170px !important;
    padding-top: 0 !important;
  }

  /* 레드바도 같이 자연스럽게 붙게 */
  #menu1039_obj81{
    margin-top: 10px !important;
  }
}

@media screen and (max-width:1024px){
  #menu1039_obj24{
    margin-top: -145px !important;
  }
}

@media screen and (max-width:768px){
  #menu1039_obj24{
    margin-top: -110px !important;
  }

  #menu1039_obj81{
    margin-top: 8px !important;
  }
}









/* =========================
   영상 반응형 화질 개선 (추가)
   ========================= */

@media screen and (max-width:1280px){
  #wrap-slider160 .econ-left-youtube iframe{
    top:50% !important;
    left:50% !important;
    width:122% !important;
    height:122% !important;
    transform:translate(-50%, -50%) !important;
  }
}

@media screen and (max-width:768px){
  #wrap-slider160 .econ-left-youtube iframe{
    top:50% !important;
    left:50% !important;
    width:135% !important;
    height:135% !important;
    transform:translate(-50%, -50%) !important;
  }
}











/* =========================================================
   영상 아래로 문구 완전히 내리기 (겹침 해결 최종)
   ========================================================= */
@media screen and (max-width:1280px){

  /* ❌ 기존 음수 마진 완전 제거 */
  #menu1039_obj24{
    margin-top: 20px !important;
    padding-top: 0 !important;
  }

  /* 문구를 영상 아래 일반 흐름으로 */
  #menu1039_obj24{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:100% !important;
    max-width:100% !important;
    padding:0 28px !important;
    text-align:center !important;
    box-sizing:border-box !important;
    z-index:20 !important;
  }

  /* 텍스트 중앙 정렬 */
  #menu1039_obj24 .slogan{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    height:auto !important;
    text-align:center !important;
  }

  /* 레드바도 아래로 */
  #menu1039_obj81{
    position:relative !important;
    left:auto !important;
    bottom:auto !important;
    width:100% !important;
    margin:16px auto 0 !important;
    padding:0 20px !important;
  }
}

/* 모바일 */
@media screen and (max-width:768px){

  #wrap-slider160,
  #wrap-slider160.econ-left-youtube-wrap{
    height:260px !important;
  }

  #menu1039_obj24{
    margin-top:16px !important;
    padding:0 18px !important;
  }

  #menu1039_obj24 .slogan .txt_2{
    font-size:30px !important;
  }

  #menu1039_obj81{
    margin-top:12px !important;
  }
}