@charset "utf-8";
html{
  font-size: 20px;
}
html,
html * {
  /* scroll-behavior: smooth; */
}
body {
  color: #000;
  background: url('/_asset/events/xfluencer/main/imgs/pc_bg.png') left top no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.v2_wrap {
  background-color: #fff;
}

.page-container{
  background-color: #000;
  width: 600px;
  margin: 0 auto;
}
.event-container {
  width: 600px;
  margin: 0 auto;
  background-color: #1F1F1F;
  font-size: 35px;
  letter-spacing: -0.025em;
  
  
}
.event-container,
.event-container * {
  box-sizing: border-box;
  line-height: 1.5em;
}

.event-container.box-shadow{
  box-shadow: 0 0 100px rgba(255,255,255,0.7);
}

.event-container .w520px {
  width: 520px;
}

.event-container img {
  display: block;
}
img.inline-block {
  display: inline-block;
}


.fs-1 { font-size: 0.5rem; }
.fs-2 { font-size: 0.75rem; }
.fs-3 , .fs-normal { font-size: 1rem; }
.fs-4 , .fs-big { font-size: 1.25rem; }
.fs-5 { font-size: 1.5rem; }
/*
* font-weight
*/
.fw-100, .fw-thin{ font-weight:100; }
.fw-200, .fw-extra-light{ font-weight:200; }
.fw-300, .fw-light{ font-weight:300; }
.fw-400, .fw-normal, .fw-regular{ font-weight:400; }
.fw-500, .fw-medium{ font-weight:500; }
.fw-600, .fw-semi-bold, .fw-demi-bold{ font-weight:600; }
.fw-700, .fw-bold{ font-weight:700; }
.fw-800, .fw-extra-bold, .fw-ultra-bold{ font-weight:800; }
.fw-900, .fw-black, .fw-heavy{ font-weight:900; }


.p-0{ padding:0; }
.p-1{ padding:0.25rem; }
.p-2{ padding:0.05rem; }
.p-3{ padding:1rem; }
.p-4{ padding:1.5rem; }
.p-5{ padding:2rem; }
.m-0{ margin:0; }
.m-1{ margin:0.25rem; }
.m-2{ margin:0.05rem; }
.m-3{ margin:1rem; }
.m-4{ margin:1.5rem; }
.m-5{ margin:2rem; }
.mt-0{ margin-top:0; }
.mt-1{ margin-top:0.25rem; }
.mt-2{ margin-top:0.5rem; }
.mt-3{ margin-top:1rem; }
.mt-4{ margin-top:1.5rem; }
.mt-5{ margin-top:2rem; }
.mb-0{ margin-bottom:0; }
.mb-1{ margin-bottom:0.25rem; }
.mb-2{ margin-bottom:0.5rem; }
.mb-3{ margin-bottom:1rem; }
.mb-4{ margin-bottom:1.5rem; }
.mb-5{ margin-bottom:2rem; }


/* 공통 */
.event-container{
  background-color: #101010;
  color: #fff;
}

.box-rounded{
  border-radius: 33px;
  border: 3px solid #000;
  width:700px;
  padding:70px 20px;
  margin:0 auto;
  background-color: #F2F2F2;
}


/* 버튼 기본형 */
.btn{ 
  cursor: pointer;
  line-height: 2em; 
  padding:0 1em;
  border-radius: 10em; 
  border:0px solid #000;
  text-decoration: none;
  font-size: inherit;
  display: inline-block;
  background-color: #999;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}



/* 컨텐츠 부분 */
.main-container{
  background-color: #FFFFF0;
}
.cont{
  font-weight: normal;
}
.cont > a {
  text-indent: -9999px;
  position: absolute;
  cursor: pointer;
}
.cont > button {
  background: transparent;
  border: 0;
  text-indent: -9999px;
  position: absolute;
  cursor: pointer;
}
.cont.blank {
  position: relative;
  height: 16px;
  background: #0D0D0D;
}



.cont01{
  position: relative;
  height: 600px;
  background: url('/_asset/events/xfluencer/main/imgs/cont01.png?t=2') center top no-repeat;
}
.cont02{
  position: relative;
  height: 74px;
  background: #1F1F1F url('/_asset/events/xfluencer/main/imgs/cont02.png?t=1') center top no-repeat;
}
.cont02 div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
}
.cont02 div a {
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  cursor: pointer;
}
.cont03{
  position: relative;
  height: 704px;
  background: url('/_asset/events/xfluencer/main/imgs/cont03.png?t=1') center top no-repeat;
}
.cont03 a {
  width: 320px;
  height: 70px;
  top: 500px;
  left: 50%;
  transform: translateX(-50%);
}
.cont04{
  position: relative;
  height: 769px;
  background: url('/_asset/events/xfluencer/main/imgs/cont04.png?t=2') center top no-repeat;
}
.cont04 a {
  width: 320px;
  height: 70px;
  top: 563px;
  left: 50%;
  transform: translateX(-50%);
}
.cont05{
  position: relative;
  height: 533px;
  background: url('/_asset/events/xfluencer/main/imgs/cont05.png?t=2') center top no-repeat;
}
.cont05 a {
  width: 260px;
  height: 70px;
  top: 308px;
  left: 286px;
}
.cont06{
  position: relative;
  /* height: 500px; */
}
.cont06 .project_wrap {
  position: relative;
  height: 555px;
}
/* .cont06 .project_wrap01 {
  background: url('/_asset/events/xfluencer/main/imgs/cont06-1.png') center top no-repeat;
}
.cont06 .project_wrap02 {
  background: url('/_asset/events/xfluencer/main/imgs/cont06-2.png') center top no-repeat;
} */
.cont06 .project_wrap a {
  display: block;
  width: 260px;
  height: 70px;
  position: absolute;
  top: 326px;
  left: 300px;
  text-indent: -9999px;
}
.cont07{
  position: relative;
  height: 398px;
  background: url('/_asset/events/xfluencer/main/imgs/cont07.png?t=1') center top no-repeat;
}
.cont08 {
  position: relative;
  /* height: 400px; */
  background: #fff;
  color:#000;
  padding: 2rem 0 1rem;
}
.cont09{
  position: relative;
  height: 456px;
  background: url('/_asset/events/xfluencer/main/imgs/cont09.png?t=1') center top no-repeat;
}


/* 프로젝트 swiper */
.log_projectBox{
  width: 100%;
  padding: 0.5rem 1rem 0;
  font-size: 1rem;
  font-family: 'NotoKr';
}
.log_projectBox h2{
  font-size: 1.2rem;
}
.log_projectBox .projectBoxContainer{
  padding: 10px;
  margin: 10px -10px;
}
.log_projectBox .projectBoxContainer .swiper-slide{
  width: 380px;
  height: 350px;
  padding: 20px 10px;
  background: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px rgba(77, 77, 77, 0.2);
}
.log_projectBox .projectBoxContainer .swiper-slide > div{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.log_projectBox .projectBoxContainer .swiper-slide img{
  width: 360px;
  /* height: 165px; */
  object-fit: cover;
  margin-bottom: 0.15rem;
  aspect-ratio: 2/1;
}
.log_projectBox .projectBoxContainer .swiper-slide p{
  width: 100%;
  font-size: 1.1rem;
  letter-spacing: -1px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color:#111;
}
.log_projectBox .projectBoxContainer .swiper-slide p.p_date {
  color: #999;
}
.log_projectBox.log_projectBox_pre .projectBoxContainer .swiper-slide .blue{
  display:inline-block;
  font-size: 14px;
  background: #fff;
  border: 1px solid #0087F5;
  color:#0087F5;
  padding: 2px 6px;
  border-radius: 10em;
  margin-bottom: 6px;
}
.log_projectBox .projectBoxContainer .swiper-slide a{
  display: block;
  width: 100%;
  background: #000;
  color: #fff;
  padding: 10px;
  text-align: center;
  font-size: 1rem;
}
.swiper-pagination.projectBoxPagination{
  display: flex;
  width: 100%;
  height: 2px;
  margin-top: 1rem;
  position: inherit;
}
.swiper-pagination.projectBoxPagination.swiper-pagination-clickable .swiper-pagination-bullet{
  width: 100%;
  height: 2px;
  border-radius: 0;
  display: block;
  background: #d6d6d6;
  opacity: 1;
}
.swiper-pagination.projectBoxPagination.swiper-pagination-clickable .swiper-pagination-bullet-active{
  background: #000;
}

/* 진행예정 배너 */
.log_projectBox_pre {
  margin-top: 2rem;
}
.log_projectBox_pre .soon_banner{
  width: 360px;
  /* height: 165px; */
  aspect-ratio: 2/1;
}
.log_projectBox_pre .projectBoxContainer .swiper-slide > div {
  justify-content: flex-start;
  row-gap: 16px;
}
.log_projectBox_pre .projectBoxContainer .swiper-slide p {
  -webkit-line-clamp: 2;
}
.log_projectBox_pre .swiper-slide:nth-child(odd) .soon_banner.ex_g{
  background: #CDE9FF url('/_asset/img_v2/project/W_soon_banner_exg2.png') 100% bottom no-repeat;
  background-size: 80%;
}
.log_projectBox_pre .swiper-slide:nth-child(even) .soon_banner.ex_g{
  background: #0087F5 url('/_asset/img_v2/project/W_soon_banner_exg.png') 100% bottom no-repeat;
  background-size: 80%;
}
.log_projectBox_pre .swiper-slide:nth-child(odd) .soon_banner.survey{
  background:#FFC8C2 url('/_asset/img_v2/project/W_soon_banner_survey.png') 100% bottom no-repeat;
  background-size: 80%;
}
.log_projectBox_pre .swiper-slide:nth-child(even) .soon_banner.survey{
  background: #FF6491 url('/_asset/img_v2/project/W_soon_banner_survey2.png') 100% bottom no-repeat;
  background-size: 80%;
}
.log_projectBox_pre .soon_text_wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
  width: 80%;
  margin: 0 0 0 16px;
  row-gap: 10px;
}
.log_projectBox_pre .soon_text_wrap span{
  width: 50px;
  height: 14px;
}
.log_projectBox_pre .swiper-slide:nth-child(odd) .soon_text_wrap span{
  background: url('/_asset/img_v2/project/Table_logo.svg') center center no-repeat;
  background-size: contain;
}
.log_projectBox_pre .swiper-slide:nth-child(even) .soon_text_wrap span{
  background: url('/_asset/img_v2/project/Table_logo_w.svg') center center no-repeat;
  background-size: contain;
}
.log_projectBox_pre .soon_text_wrap p{
  font-size: 20px;
  font-family: 'Gmarket Sans';
  font-weight: bold;
  line-height: 1.3;
}
.log_projectBox_pre .swiper-slide:nth-child(even) .soon_text_wrap p{
  color: #fff;
}