@charset "utf-8";

body {text-align: center; background-color: #000812;}
.wrapper { background: url("../img/PC/PC_background.jpg") no-repeat center top;  padding: 58px 0 156px; background-size: 100%;}
/* .contents_wrap { overflow: hidden; width: 100%; max-width: 960px; margin: 0 auto; } */
.contents_wrap { overflow: hidden; width: 100%; max-width: 860px; margin: 0 auto; } /* 20230921 수정 */
.devil_logo_con {margin-top: 10px;}
.video_wrap {margin-top:30; width: 100%; height: auto; display: block; }
.txtbox { font-size: 32px; line-height: 60px; color: #e1e1e0; }
.txtbox.first { margin-top: 266px; } 
.txtbox.second { margin: 120px 0 243px; }
.strong_txt {font-size: 61px; margin-top: 14px;}
.info_title { margin: 72px 0 44px; font-size: 48px; line-height: 60px; font-weight: bold; }
.info_list_con { display: inline-block; width: 785px; text-align: left; font-size: 0; }
.info_list_con > * { display: inline-block; vertical-align: middle; font-size: 32px; line-height: 60px; color: #e1e1e0; }
.info_list_con > dt { color: #b4b3b4; text-indent: 18px; overflow: hidden; }
.info_list_con > dt:before { content: ""; display: inline-block; vertical-align: middle; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; float: left; margin-top: 29px; }
.desc {margin: 56px 0 120px; color: rgba(255, 255, 255, 0.3); font-size: 24px; line-height: 36px;}
.joinus_m {display: none;}
.joinus_w {max-width: 100%;}

/* font 공통 */
.fcp {color: #7d50b4;}

/* 비디오영역 */
.video-dimensions {width: 1080px; height: 611px;}
.video-dimensions .vjs-tech {width: 100%;}

/* 20230921 추가 */
.netflix_logo_con img {width: 300px; margin-top: 45px;}
.devil_logo_con img {width: 600px; margin-top:20px}
.netflix_btn {max-width: 100%; width: 740px; margin-top: 40px;}

/* 20240501 추가 */
.mobile {display: none;}
.text_01 img {width: 550px; margin: 30px 0;}
.text_02 img {width: 900px; margin: 30px 0;}
#text_02 {max-width: 1080px;} /*'참가자를 공개 모집합니다' 길이때문에 설정 */
.joinus img {width: 80%; margin-top: 60px;}
.apply_btn {width: 515px; margin-top: 120px;}


@media screen and (max-width: 960px) { 
  .wrapper { padding: 49px 0 75px; background-image: url("../img/mobile/mob_background.jpg"); background-size: 100%; }
  .netflix_logo_con img {width: 180px; margin: 250px auto 0;}
  .devil_logo_con {margin: 0 0 0;}
  .devil_logo_con img {width: 300px; margin: 30px auto;}
  .video_wrap {width: 100%;}
  .txtbox { font-size: 15px; line-height: 45px; color: #e1e1e0; }
  .txtbox.first { margin-top: 83px; } 
  .txtbox.second { font-size: 16px; line-height: 36px; margin: 48px 0 86px; }
  .strong_txt {font-size: 24px; margin-top: 0;}
  .joinus_w {display: none;}
  .joinus_m {display: block; width: 274px; margin: 0 auto;}
  .info_title { margin: 98px 0 25px; font-size: 21px; line-height: 1em;}
  .info_list_con { width: 315px; }
  .info_list_con > * { font-size: 12px; line-height: 24px; color: #e1e1e0; letter-spacing: 0.3px;}
  .info_list_con > dt { color: #b4b3b4; text-indent: 9px; overflow: hidden; }
  .info_list_con > dt:before { width: 5px; height: 5px; margin-top: 10px; }
  .info_list_con > dd {min-width: 230px; letter-spacing: 0.1;}
  .desc {margin: 30px 0 77px; font-size: 12px; line-height: 24px; letter-spacing: -0.02em;}
  .apply_btn {width: 280px; margin: 0 auto;}

  /* 20230921 추가 */
  .netflix_btn {width: 75%; margin-top: 25px;}

  /* 20240501 추가 */
  .pc {display: none;}
  .mobile {display: block;}
  .text_01 img {width: 70%; margin: 40px auto;}
  .text_02 img {width: 90%; margin: 0 auto 60px;}
  .joinus img {width: 75%; margin: 50px auto;}
}