@charset "UTF-8";
/**************************************** idx 공통 시작*/
section { overflow: hidden; }

.idx__wrap { max-width: 1720px; width: 100%; margin: 0 auto; }

.idx__title { font-weight: 400; font-size: 2.1875rem; line-height: 1.5; }

.idx__more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 25px; column-gap: 25px; font-family: 'Ubuntu', sans-serif; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transform: rotate(-0.03deg); transform: rotate(-0.03deg); }

/**************************************** idx 공통 끝*/
/**************************************** sec1 시작*/
.s1__wrap { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.s1__wrap .title_wrap { position: relative; margin-bottom: 70px; }

.s1__wrap .title { max-width: 1420px; width: 100%; margin: 0 auto; }

.s1__btn_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 65px; column-gap: 65px; position: absolute; bottom: 0; right: 0; }

.s1__btn { position: static; margin: 0; width: auto; height: auto; }

.s1__btn::after { display: none; }

.s1__con figure { width: 100%; height: 550px; position: relative; }

.s1__con figure img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -o-object-fit: cover; object-fit: cover; }

/**************************************** sec1 끝*/
/**************************************** sec2,sec3 시작*/
.s2__wrap { height: 100%; }

.idx__con_container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 30px; column-gap: 30px; height: 100%; }

.idx__con_container .con_wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 130px 0 100px; }

.idx__con_container .con_wrap .top_wrap .title_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 95px; column-gap: 95px; }

.idx__con_container .con_wrap .top_wrap .subtitle { font-size: .9375rem; font-family: 'Ubuntu', sans-serif; margin-top: 10px; }

.idx__con_container .con_wrap .top_wrap .top_con_wrap { margin-top: 40px; padding-left: 140px; }

.idx__con_container .con_wrap .top_wrap .cap { font-size: 1.125rem; line-height: 1.5; }

.idx__con_container .con_wrap .top_wrap .more { margin-top: 155px; }

.idx__con_container .con_wrap .bottom { padding-top: 30px; border-top: 1px solid #000000; }

.idx__con_container .con_wrap .bottom .cap { font-size: .9375rem; font-family: 'Ubuntu', sans-serif; }

.idx__con_container figure { min-width: 845px; height: 100%; overflow: hidden; position: relative; }

.idx__con_container figure img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -o-object-fit: cover; object-fit: cover; }

/**************************************** sec2,sec3 끝*/
/**************************************** sec4 시작*/
.s4__wrap > .title_wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 40px; border-bottom: 2px solid #222222; }

.s4__wrap > .title_wrap h1 { font-size: 3.125rem; font-weight: 700; font-family: 'Ubuntu', sans-serif; text-transform: uppercase; }

.s4__btn_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 65px; column-gap: 65px; }

.s4__btn { position: static; margin: 0; width: auto; height: auto; }

.s4__btn::after { display: none; }

.s4__con_wrap { margin-top: 100px; }

.s4__con { max-width: 360px; width: 100%; overflow: hidden; }

.s4__con .tag { font-family: 'Ubuntu', sans-serif; font-size: .9375rem; font-weight: 300; color: #777; margin-bottom: 40px; }

.s4__con .title_wrap .title { font-size: 1.5rem; font-weight: 600; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.s4__con .title_wrap .cap { font-size: 1.125rem; line-height: 1.8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.s4__more_wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.s4__more_wrap .more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 25px; column-gap: 25px; font-family: 'Ubuntu', sans-serif; margin-top: 235px; }

/**************************************** sec4 끝*/
/**************************************** sec5 시작*/
.s5__wrap .title_wrap { margin-bottom: 100px; }

.s5__wrap .con_wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.s5__guide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 30px; column-gap: 30px; }

.s5__guide li { padding-top: 50px; /* border-top: 2px solid #222222; */ min-width: 260px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 80px; }

.s5__guide li figure { width: 86px; height: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.s5__guide li .con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 15px; font-family: 'Ubuntu', sans-serif; }

.s5__guide li .con .name { font-size: 1.5rem; font-weight: 700; }

.s5__guide li .con .cap { font-size: 1.125rem; }

.s5__more { margin-top: 115px; }

/**************************************** sec5 끝*/
/**************************************** sec6 시작*/
.s6__wrap { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.s6__wrap .title { max-width: 1420px; width: 100%; margin: 0 auto; margin-top: 70px; }

.s6__con figure { width: 100%; height: 550px; position: relative; }

.s6__con figure img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -o-object-fit: cover; object-fit: cover; }

/**************************************** sec6 끝*/
@media screen and (max-width: 1760px) { .idx__wrap { padding-left: 20px; padding-right: 20px; }
  .idx__wrap.s1__wrap, .idx__wrap.s2__wrap, .idx__wrap.s6__wrap { padding-left: 0; padding-right: 0; }
  .idx__con_container .con_wrap .top_wrap { padding-left: 20px; }
  .idx__con_container .con_wrap .bottom .cap { padding-left: 20px; }
  .s1__btn_wrap { right: 20px; } }

@media screen and (max-width: 1440px) { .s1__wrap .title, .s6__wrap .title { padding-left: 20px; }
  .idx__con_container figure { min-width: 645px; } }

@media screen and (max-width: 1240px) { .idx__title { font-size: 1.875rem; }
  .idx__con_container .con_wrap .top_wrap .title_wrap { -webkit-column-gap: 40px; column-gap: 40px; }
  .idx__con_container .con_wrap .top_wrap .top_con_wrap { padding-left: 85px; }
  .idx__con_container figure { min-width: 540px; }
  .s5__guide { -webkit-column-gap: 20px; column-gap: 20px; }
  .s5__guide li { min-width: 200px; } }

@media screen and (max-width: 1024px) { .idx__title { font-size: 2.1875rem; }
  .s1__con figure, .s6__con figure { height: 600px; }
  .idx__con_container { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; row-gap: 60px; }
  .idx__con_container .con_wrap { padding: 0; row-gap: 30px; }
  .idx__con_container .con_wrap .top_wrap .title_wrap { -webkit-column-gap: 40px; column-gap: 40px; }
  .idx__con_container .con_wrap .top_wrap .top_con_wrap { margin-top: 30px; padding-left: 85px; }
  .idx__con_container .con_wrap .top_wrap .more { margin-top: 30px; }
  .idx__con_container figure { height: 500px; }
  .s1__btn_wrap { -webkit-column-gap: 30px; column-gap: 30px; }
  .s4__wrap > .title_wrap { padding-bottom: 20px; }
  .s4__wrap > .title_wrap h1 { font-size: 2.1875rem; }
  .s4__btn_wrap { -webkit-column-gap: 30px; column-gap: 30px; }
  .s4__con_wrap { margin-top: 60px; }
  .s4__more_wrap .more { margin-top: 100px; }
  .s5__wrap .title_wrap { margin-bottom: 60px; }
  .s5__guide { width: 100%; -webkit-column-gap: 20px; column-gap: 20px; }
  .s5__guide li { padding-top: 30px; min-width: auto; max-width: 240px; width: 100%; row-gap: 50px; }
  .s5__guide li .con .name { font-size: 1.25rem; }
  .s5__guide li .con .cap { font-size: 1rem; }
  .s5__more { margin-top: 100px; } }

@media screen and (max-width: 540px) { .idx__title { font-size: 1.5rem; }
  .idx__more { font-size: .9375rem; -webkit-column-gap: 20px; column-gap: 20px; }
  .idx__more img { max-width: 15px; }
  .s1__wrap .title_wrap { margin-bottom: 40px; }
  .s1__con figure, .s6__con figure { height: 360px; }
  .idx__con_container { row-gap: 30px; }
  .idx__con_container .con_wrap { padding: 0; row-gap: 30px; }
  .idx__con_container .con_wrap .top_wrap .title_wrap { -webkit-column-gap: 20px; column-gap: 20px; }
  .idx__con_container .con_wrap .top_wrap .top_con_wrap { margin-top: 20px; padding-left: 55px; }
  .idx__con_container .con_wrap .top_wrap .cap { font-size: 1rem; line-height: 1.5; }
  .idx__con_container .con_wrap .top_wrap .more { margin-top: 20px; }
  .idx__con_container figure { height: 300px; }
  .s1__btn_wrap { -webkit-column-gap: 20px; column-gap: 20px; }
  .s4__wrap > .title_wrap { padding-bottom: 20px; }
  .s4__wrap > .title_wrap h1 { font-size: 1.5rem; }
  .s4__btn_wrap { -webkit-column-gap: 20px; column-gap: 20px; }
  .s4__con_wrap { margin-top: 30px; }
  .s4__con .tag { margin-bottom: 20px; }
  .s4__con .title_wrap .title { font-size: 1.25rem; margin-bottom: 10px; }
  .s4__con .title_wrap .cap { font-size: 1rem; }
  .s4__more_wrap .more { margin-top: 60px; }
  .s5__wrap .title_wrap { margin-bottom: 30px; }
  .s5__wrap .title_wrap .idx__title br.this { display: none; }
  .s5__guide { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); width: 100%; row-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; }
  .s5__guide li { padding-top: 20px; row-gap: 20px; }
  .s5__guide li:nth-child(1) figure { width: 25px; }
  .s5__guide li figure { width: 45px; height: 45px; }
  .s5__guide li .con { row-gap: 10px; }
  .s5__guide li .con .name { font-size: 1.25rem; }
  .s5__guide li .con .cap { font-size: .9375rem; }
  .s5__more { margin-top: 60px; }
  .s6__wrap { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .s6__wrap .title { margin-top: 50px; } }
/*# sourceMappingURL=main.css.map */