body {
  margin:0;
  padding:0;
  font-family: Pretendard;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  min-height: 100%;
  background:black;
}

#root {
  min-height: 100%;
}

html {
  height: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

* {
  box-sizing: inherit;
}

header{
  position: absolute;
  max-width: 1920px;
  /* min-width: 1280px; */
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
}

header .logo img{
  width:130px;
}

header .nav{
  position: relative;
  width: 305px;
  display: flex;
  flex-direction: row;
  font-family: 'Quicksand-Light';
  font-size: 18px;
  color:#fff;
}

header .nav .nav_about,
header .nav .nav_interview
{
  width: 122.5px;
  margin-right: 30px;
  cursor: pointer;
}
header .nav .nav_menu_btn{
  position: absolute;
  right:0;
  cursor: pointer;
  /* background-color: white; */
}

.container .content{
  /* background: black; */
  height: 100vh;
  width: 100%;
  color: white;
  /* background:url('./assets/images/main1.jpg'); */
  /* object-fit: cover; */
  min-height: 100%;
  background-position: center;
  background-size: cover;
}

.container .content.main1{ 
  background:url('./assets/images/main1.jpg');
  background-position: center;
  background-size: cover;
  }
.container .content.main2{ 
  background:url('./assets/images/main2.jpg');
  background-position: center;
  background-size: cover;
  background-position-y: 30%;
  }
.container .content.main3{ 
  background:url('./assets/images/main3.jpg');
  background-position: center;
  background-size: cover;
  }
.container .content.main4{ 
  background:url('./assets/images/main4.jpg');
  background-position: center;
  background-size: cover;
  background-position-y: 20%;
  }
.container .content.main5{ 
  background:url('./assets/images/main5.jpg');
  background-position: center;
  background-size: cover;
  background-position-y: 60%;
  }
.container .content.main6{ 
  background:url('./assets/images/main6.jpg');
  background-position: center;
  background-size: cover;
  }
.container .content.main7{ 
  background:url('./assets/images/main7.jpg');
  background-position: center;
  background-size: cover;
  background-position-y: 30%;
  }

.container .content .desc_main{
  font-family: 'NotoSerifKR-Bold';
  position: absolute;
  max-width: 1920px;
  /* min-width: 1280px; */
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0 60px;
  font-size: 50px;
  line-height: 60px;
  bottom: 150px;
}

.container .content .more_main{
  
  font-size: 20px;
  line-height: 24px;
  position: absolute;
  max-width: 1920px;
  /* min-width: 1280px; */
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0 60px;
  bottom: 60px;
  color: white;
}

.container .content .more_main .more_btn{
  font-family: 'Quicksand-Regular';
  line-height: 60px;
  width: 580px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  cursor: pointer;
  border-bottom: #fff 0.5px solid;
  align-items: center;
}

.container.about{
  position:relative;
  height: 100vh;
  max-width: 1920px;
  /* min-width: 1280px; */
  min-height: 1080px;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 60px;
  display: flex;
  flex-direction: column;
}

.container.about .header_about{
  border-top: black 0.5px solid;
  font-family: 'Quicksand-Regular';
  font-size: 18px;
  line-height: 21.6px;
  width:100%;
  padding: 26px 0 30px 0;
}

.container.about .title_about{
  font-family: 'NotoSerifKR-Bold';
  font-size: 38px;
  line-height: 50px;
  padding-bottom:30px;

  transform: translate3d(0,5rem,0);
  opacity: 0;
  transition: 0.75s;
}

.container.about .desc_about{
  font-family: 'NotoSerifKR-Regular';
  font-size: 30px;
  line-height: 40px;
  width: 83%;
  text-align: justify;

  transform: translate3d(0,5rem,0);
  opacity: 0;
  transition: 0.75s;
}

.container.about .desc_about .bold{
  font-family: 'NotoSerifKR-Bold';
}

.container.about .more_about{
  width:885px;
  position: absolute;
  display: flex;
  flex-direction: column;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  max-width: 1920px;
  width: 100%;
  line-height: 0;
  align-items: flex-end;
  padding: 0 60px 60px 60px;
}

.container.about .more_about .info{
  display: flex;
  flex-direction: column;
}

.container.about .more_about .intro{
  font-family: 'NotoSerifKR-Bold';
  font-size: 28px;
  line-height: 33.6px;
  width: 885px;
  /* width: 275px; */
  /* min-width: 275px; */
  /* margin-right:30px; */
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: black 0.5px solid;

  transform: translate3d(0,5rem,0);
  opacity: 0;
  transition: 0.75s;
}

.container.about .more_about .members{
  font-family: 'NotoSerifKR-Regular';
  font-size: 20px;
  line-height: 30px;
  /* width: 580px; */
  width: 885px;

  transform: translate3d(0,5rem,0);
  opacity: 0;
  transition: 0.75s;
}

.container.about .more_about .members .bold{
  font-family: 'NotoSerifKR-Bold';
}

.container.about .more_about .more_about_btn{
  font-family: 'Quicksand-Regular';
  line-height: 60px;
  width: 885px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  cursor: pointer;
  border-bottom: black 0.5px solid;
}


.container.interview{
  position:relative;
  height: 2155px;
  max-width: 1920px;
  /* min-width: 1280px; */
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 60px;
  display: flex;
  flex-direction: column;
  /* background-color: black; */
  color: #fff;
}

.container.interview .header_interview{
  border-bottom: white 0.5px solid;
  font-family: 'NotoSerifKR-Regular';
  font-size: 20px;
  line-height: 24px;
  width:100%;
  padding: 15px 0 30px 0;
 }

.container.interview .interview_items .row{
   display: flex;
}

.container.interview .interview_items .row .col{
  width: 427.5px;
  margin-right: 30px;
  display: flex;
  flex-direction: column;
}

.container.interview .interview_items .row .col .logo_big{
  height:405px;
  width:100%;
  margin-bottom: 30px;
  background:url('assets/images/logo_big.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.container.interview .interview_items .row .col .logo_big:hover{
  background:url('assets/images/logo_big_reverse.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.container.interview .interview_items .row .col:first-child{
  margin-top: 240px;
}
.container.interview .interview_items .row .col:nth-child(2){
  margin-top: 60px;
}
.container.interview .interview_items .row .col:nth-child(3){
  margin-top: 120px;
}
.container.interview .interview_items .row .col:nth-child(3){
  margin-top: 180px;
}

.container.interview .interview_items .row .col:last-child{
  margin: 180px 0 0 0;
}
.container.interview .interview_items .row .col .item{
  position: relative;
  display: flex;
  font-size: 38px;
  line-height: 45.6px;
  padding: 30px;
  flex-direction: column;
  border-radius: 15px;
  border: white solid 0.5px;
  height: 600px;
  margin-bottom: 30px;
  font-family: 'NotoSerifKR-Bold';
  justify-content: space-between;
}

.container.interview .interview_items .row .col .item.item1{
  background: url('./assets/images/card1.jpeg');
  background-size: cover;
}

.container.interview .interview_items .row .col .item.item2{
  background: url('assets/images/card2.jpeg');
  background-size: cover;
}

.container.interview .interview_items .row .col .item.item3{
  background: url('assets/images/card3.jpeg');
  background-size: cover;
}

.container.interview .interview_items .row .col .item.item4{
  background: url('assets/images/card4.jpeg');
  background-size: cover;
}

.container.interview .interview_items .row .col .item.item5{
  background: url('assets/images/card5.jpeg');
  background-size: cover;
}

.container.interview .interview_items .row .col .item.item6{
  background: url('assets/images/card6.jpeg');
  background-size: cover;
}

.container.interview .interview_items .row .col .item.item7{
  background: url('assets/images/card7.jpeg');
  background-size: cover;
}


.container.interview .interview_items .row .col .item .hidden{
  display: none;
  color: black;
}

.container.interview .interview_items .row .col .item:hover .subject{
  display: none;
}

.container.interview .interview_items .row .col .item:hover .hidden{
  display: inline-block;
  word-break: inherit;
}


.container.interview .interview_items .row .col .item:hover{
  border:0;
  background:white;
}

.container.interview .interview_items .row .col .item.item1:hover{
  background: #fafa64;
}

.container.interview .interview_items .row .col .item.item2:hover{
  background: #8cfa64;
}

.container.interview .interview_items .row .col .item.item3:hover{
  background: #c882fa;
}

.container.interview .interview_items .row .col .item.item4:hover{
  background: #f06e5a;
}

.container.interview .interview_items .row .col .item.item5:hover{
  background: #faa032;
}

.container.interview .interview_items .row .col .item.item6:hover{
  background: #82ffb4;
}

.container.interview .interview_items .row .col .item.item7:hover{
  background: #78b4fa;
}

.container.interview .interview_items .row .col .item:hover .view{
  color:black;
}

.container.interview .interview_items .row .col .item:hover .arrow .arrow_black{
  display: inline-block;
}
.container.interview .interview_items .row .col .item:hover .arrow .arrow_white{
  display: none;
}

.container.interview .interview_items .row .col .work_icon{
  /* animation: tilt 3s ease-in-out; */
  transform-origin: 50% 50%;
  /* transform: rotate(15deg); */
  /* animation-duration: 3s; */
}

.container.interview .interview_items .row .col .sponsor_icon{
  animation: rotate_image 10s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes rotate_image{
	100% {
    	transform: rotate(360deg);
    }
}

@keyframes tilt {
	50% {transform: rotate(5deg);}
	100% {transform: rotate(0deg)}
}

@keyframes tilt-2 {
	50% {transform: rotate(-5deg);}
	100% {transform: rotate(0deg)}
}



.container.interview .interview_items .row .col img{
  margin-bottom: 30px;
  width:100%;
}

.container.interview .interview_items .row .col .item .view{
  font-size:22px;
  line-height: 26.4px;
  font-family: 'NotoSerifKR-Regular';
}

.container.interview .interview_items .row .col .item .view .bold{
  font-size:22px;
  line-height: 26.4px;
  font-family: 'NotoSerifKR-Bold';
}

.container.interview .interview_items .row .col .item .arrow{
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.container.interview .interview_items .row .col .item .arrow img{
  margin: 0;
}

.container.interview .interview_items .row .col .item .arrow .arrow_black{
  display: none;
}

.container.interview .footer_interview{
  font-size: 20px;
  line-height: 24px;
  position: absolute;
  width: 580px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0 60px;
  bottom: 120px;
  color: white;
}
.container.interview .footer_interview .more_btn{
  font-family: 'NotoSerifKR-Bold';
  line-height: 60px;
  width: 580px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  cursor: pointer;
  border-bottom: #fff 0.5px solid;
}


@media screen and (max-width: 1280px) {

  .container.about{
    /* height:75vh; */

  }

}