@charset "utf-8";
/* 기본설정 */
/* @import "default.css"; */
html, body { overflow-x: hidden;}
.special_slide{
    position: relative;
}
.special_slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media(max-width:500px){
    .special_slide img{
        height: auto;
    }
}

/* section 01 */
.section01 { 
  position: relative;
  display: flex; 
  align-items: center;
}
.section01 .left {
  position: relative;
  width: 39vw;
  height: 37vw;
  min-height: 500px;
  display: flex;
}
.section01 .left video, .section01 .left img {
  display: block;
  width: 100%;
  height: 31vw;
  object-fit: cover;
}
.section01 .right { 
  /* width: 33vw; */
  height: 37vw;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  margin-left: 50px;
}
.section01 .right .text {
  margin: 3.9vw 0 0 6.5vw;
}
.section01 .right h2 { 
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}
.section01 .right h2 span {
  font-weight: 600;
}
.section01 .right p {
  margin-bottom: 30px;
}
.section01 .right .btn-box {
  position: absolute;
  right: 17%;
  bottom: -22%;
}

.section01 .right img {
  max-width: 250px;
  display: block;
}

@media(max-width:1700px){
    .section01 .right .text {
        margin-left: 0;
    }
    .section01 .right img {
        width: 200px;
    }
}
@media(max-width:1024px){
    .section01 { flex-direction: column;}
    .section01 .left { 
        width: 72vw; 
        max-width: 680px;
    }
    .section01 .right { 
        width: 100%;
        margin: 30px 0 0 0;
    }
    .section01 .left, .section01 .left video, .section01 .left img { height: 55vw;}
    .section01 .right { height: auto; min-height: 1px;}
    .section01 .left video, .section01 .left img { max-height: 540px;}
}
@media(max-width:768px){
    .section01 .left { 
        width: 85vw; 
    }
    .section01 .left, .section01 .left video, .section01 .left img { height: 67.5vw; min-height: 1px;}
    .section01 .left video, .section01 .left img { max-height: 700px;}
    .section01 .right img {
        width: 28.75vw;
        margin-left: auto;
    }
    .section01 .right .text { margin-top: -6.3vw;}
    .section01 .right p:last-of-type { margin-bottom: 0;}
}
@media(max-width:400px){
    
}
/* section01 끝*/



/* section02 */
.section02 .cont {
    position: relative;
    height: 36.45vw;
}
.section02 .cont .img02_01 {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  filter: brightness(0.7);
}
.section02 .cont .logo_white {
  position: absolute;
  top: 2.6vw; right: 2.6vw;
  width: 7.5vw;
}
.section02 .cont p {
  position: absolute;
  bottom: 2.1vw; left: 2.6vw;
}
@media(max-width:768px){
    .section02 .cont {
      height: 122.5vw;
    }
    .section02 .cont .logo_white {
      top: 15px; right: 15px;
      width: 20vw;
    }
    .section02 .cont p {
      bottom: 20px; left: 20px;
    }
}
/* section02 끝*/



/* section03 */

.section03.section { margin-bottom: 200px;}

@media(max-width:768px){ 
    .section03.section { margin-bottom: 100px;}
}
/* section03 끝*/