@charset "UTF-8";
.rel {
  position: relative;
}

.pos {
  position: absolute;
}

.pos_lf {
  position: absolute;
  left: 0;
  top: 0;
}

.pos_btm {
  position: absolute;
  left: 0;
  bottom: 0;
}

.pos_cnt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.pos_cntX {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.flx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flx_cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flx_btw {
  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;
}

.flx_col {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* sub 공통 ================== */
.mt3 {
  margin-top: -3%;
}

.mt4 {
  margin-top: -4.5%;
}

.mt5 {
  margin-top: -5%;
}

#contents_area {
  position: relative;
  height: 860px;
  margin-top: 100px;
}
@media (max-width: 1400px) {
  #contents_area {
    margin-top: 90px;
  }
}
@media (max-width: 767px) {
  #contents_area {
    height: auto;
    margin-top: 70px;
  }
}

.sub_title {
  position: relative;
  height: 100%;
  padding-top: 176px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
}
@media (max-width: 1023px) {
  .sub_title {
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
  }
}
.sub_title .sub_tit2 {
  font-size: 20px;
  letter-spacing: 3px;
  line-height: 1.6;
  margin-top: 45px;
}
.sub_title .sub_tit1 {
  font-size: 56px;
  font-weight: 500;
  letter-spacing: -1px;
}
.sub_title .sub_tit3 {
  font-size: 23px;
  font-weight: 300;
  letter-spacing: -1px;
}
.sub_title .sub_tit3 strong {
  font-weight: 500;
}
.sub_title .sub_tit4 {
  font-size: 31px;
  margin-top: 46px;
  letter-spacing: -1px;
  display: inline-block;
}
.sub_title .sub_tit4::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: -35px;
  width: 19px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url(../img/quote1.png);
}
.sub_title .sub_tit4::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: -35px;
  width: 20px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url(../img/quote2.png);
}
@media (max-width: 1023px) {
  .sub_title {
    padding: 17% 0 35%;
  }
}
@media (max-width: 767px) {
  .sub_title {
    padding: 25% 0 39.2%;
  }
  .sub_title .sub_tit2 {
    font-size: 2.8vw;
    margin: 5.5% 0 1%;
  }
  .sub_title .sub_tit1 {
    font-size: 7.9vw;
  }
  .sub_title .sub_tit3 {
    font-size: 3.2vw;
    line-height: 1.7;
  }
  .sub_title .sub_tit4 {
    font-size: 4.4vw;
    margin-top: 8.5%;
    letter-spacing: -2px;
  }
  .sub_title span {
    display: block;
    width: 100%;
  }
  .sub_title span img {
    width: 15%;
  }
}

.scroll-down {
  position: absolute;
  bottom: 10%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border: 2px solid #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
@media (max-width: 767px) {
  .scroll-down {
    bottom: 8%;
    width: 42px;
    height: 42px;
  }
}
.scroll-down svg {
  height: 23px;
  fill: #fff;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (max-width: 767px) {
  .scroll-down svg {
    height: 18px;
  }
}

#sub_page_con {
  overflow: hidden;
  max-width: 1903px;
  margin: 0 auto;
}
#sub_page_con .sub_tt {
  margin: 7% 0 4%;
}
@media (max-width: 1023px) {
  #sub_page_con .sub_tt {
    margin: 16% 0 8%;
  }
}
#sub_page_con > div {
  position: relative;
}

.bg_bk {
  background: #424242;
  position: relative;
  z-index: 10;
}

/* ================== sub01 ================== */
.sub0101 {
  padding-top: 12%;
}
.sub0101_tt_bg {
  background-image: url(../img/sub01/sub0101/sub0101_bg.png);
}
@media (max-width: 1023px) {
  .sub0101_tt_bg {
    background-image: url(../img/sub01/sub0101/mo_sub0101_bg.png);
  }
}
@media (max-width: 767px) {
  .sub0101_tt_bg {
    padding: 23.4% 0 33.5%;
  }
}
.sub0101_tt_bg .sub_tit2 {
  display: none;
}
.sub0101_tt_bg .sub_tit1 {
  font-size: 40px;
  margin: 22px 0 25px;
}
@media (max-width: 767px) {
  .sub0101_tt_bg .sub_tit1 {
    font-size: 5vw;
    margin: 3.5% 0 4.8%;
  }
}
@media (max-width: 767px) {
  .sub0101_tt_bg .sub_tit4 {
    margin-top: 6%;
  }
}
.sub0101 ul {
  margin-bottom: 10%;
}
.sub0101 ul:last-child {
  background-image: url(../img/sub01/sub0101/sub0101_09.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  margin-bottom: 0;
}
.sub0102_tt_bg {
  background-image: url(../img/sub01/sub0102/sub0102_bg.png);
}
@media (max-width: 1023px) {
  .sub0102_tt_bg {
    background-image: url(../img/sub01/sub0102/mo_sub0102_bg.png);
  }
}
@media (max-width: 767px) {
  .sub0102_tt_bg {
    padding: 23.4% 0 33.5%;
  }
}
.sub0102_tt_bg .sub_tit2 {
  display: none;
}
.sub0102_tt_bg .sub_tit1 {
  font-size: 40px;
  margin: 22px 0 25px;
}
@media (max-width: 767px) {
  .sub0102_tt_bg .sub_tit1 {
    font-size: 5vw;
    margin: 3.5% 0 4.8%;
  }
}
@media (max-width: 767px) {
  .sub0102_tt_bg .sub_tit4 {
    margin-top: 6%;
  }
}
.sub0103_tt_bg {
  background-image: url(../img/sub01/sub0103/sub0103_bg.png);
}
@media (max-width: 1023px) {
  .sub0103_tt_bg {
    background-image: url(../img/sub01/sub0103/mo_sub0103_bg.png);
  }
}
.sub0104_tt_bg {
  background-image: url(../img/sub01/sub0104/sub0104_bg.png);
}
@media (max-width: 1023px) {
  .sub0104_tt_bg {
    background-image: url(../img/sub01/sub0104/mo_sub0104_bg.png);
  }
}
.sub0104 .part_tour_wrap {
  padding-top: 10%;
}
@media (max-width: 1023px) {
  .sub0104 .part_tour_wrap {
    padding: 12% 0 18%;
  }
}
.sub0105_tt_bg {
  background-image: url(../img/sub01/sub0105/sub0105_bg.png);
}
@media (max-width: 1023px) {
  .sub0105_tt_bg {
    background-image: url(../img/sub01/sub0105/mo_sub0105_bg.png);
  }
}

/* ================== sub02 ================== */
.sub0201_tt_bg {
  background-image: url(../img/sub02/sub0201/sub0201_bg.png);
}
@media (max-width: 1023px) {
  .sub0201_tt_bg {
    background-image: url(../img/sub02/sub0201/mo_sub0201_bg.png);
  }
}
.sub0202_tt_bg {
  background-image: url(../img/sub02/sub0202/sub0202_bg.png);
}
@media (max-width: 1023px) {
  .sub0202_tt_bg {
    background-image: url(../img/sub02/sub0202/mo_sub0202_bg.png);
  }
}
.sub0203_tt_bg {
  background-image: url(../img/sub02/sub0203/sub0203_bg.png);
}
@media (max-width: 1023px) {
  .sub0203_tt_bg {
    background-image: url(../img/sub02/sub0203/mo_sub0203_bg.png);
  }
}
.sub0204_tt_bg {
  background-image: url(../img/sub02/sub0204/sub0204_bg.png);
}
@media (max-width: 1023px) {
  .sub0204_tt_bg {
    background-image: url(../img/sub02/sub0204/mo_sub0204_bg.png);
  }
}
.sub0205_tt_bg {
  background-image: url(../img/sub02/sub0205/sub0205_bg.png);
}
@media (max-width: 1023px) {
  .sub0205_tt_bg {
    background-image: url(../img/sub02/sub0205/mo_sub0205_bg.png);
  }
}
.sub0206_tt_bg {
  background-image: url(../img/sub02/sub0203/sub0203_bg.png);
}
@media (max-width: 1023px) {
  .sub0206_tt_bg {
    background-image: url(../img/sub02/sub0203/mo_sub0203_bg.png);
  }
}

/* ================== sub03 ================== */
.sub0301_tt_bg {
  background-image: url(../img/sub03/sub0301/sub0301_bg.png);
}
@media (max-width: 1023px) {
  .sub0301_tt_bg {
    background-image: url(../img/sub03/sub0301/mo_sub0301_bg.png);
  }
}
.sub0301 .bg {
  background: #f9f5f2;
}
.sub0302_tt_bg {
  background-image: url(../img/sub03/sub0302/sub0302_bg.png);
}
@media (max-width: 1023px) {
  .sub0302_tt_bg {
    background-image: url(../img/sub03/sub0302/mo_sub0302_bg.png);
  }
}
.sub0302 .bg {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(14%, #424242), color-stop(17%, #fff));
  background: linear-gradient(to top, #424242 14%, #fff 17%);
}
.sub0303_tt_bg {
  background-image: url(../img/sub03/sub0303/sub0303_bg.png);
}
@media (max-width: 1023px) {
  .sub0303_tt_bg {
    background-image: url(../img/sub03/sub0303/mo_sub0303_bg.png);
  }
}
.sub0303 .bg {
  background: #f3f3f8;
}
.sub0303 .bg2 {
  background: #6671d8;
  position: relative;
  z-index: 10;
}
.sub0304_tt_bg {
  background-image: url(../img/sub03/sub0304/sub0304_bg.png);
}
@media (max-width: 1023px) {
  .sub0304_tt_bg {
    background-image: url(../img/sub03/sub0304/mo_sub0304_bg.png);
  }
}
.sub0304 .bg {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(26%, #424242), color-stop(29%, #fff));
  background: linear-gradient(to top, #424242 26%, #fff 29%);
}
.sub0305_tt_bg {
  background-image: url(../img/sub03/sub0305/sub0305_bg.png);
}
@media (max-width: 1023px) {
  .sub0305_tt_bg {
    background-image: url(../img/sub03/sub0305/mo_sub0305_bg.png);
  }
}
.sub0305 .flx > img {
  width: 28.17%;
}
.sub0306_tt_bg {
  background-image: url(../img/sub03/sub0306/sub0306_bg.png);
}
@media (max-width: 1023px) {
  .sub0306_tt_bg {
    background-image: url(../img/sub03/sub0306/mo_sub0306_bg.png);
  }
}
.sub0307_tt_bg {
  background-image: url(../img/sub03/sub0307/sub0307_bg.png);
}
@media (max-width: 1023px) {
  .sub0307_tt_bg {
    background-image: url(../img/sub03/sub0307/mo_sub0307_bg.png);
  }
}
.sub0308_tt_bg {
  background-image: url(../img/sub03/sub0308/sub0308_bg.png);
}
@media (max-width: 1023px) {
  .sub0308_tt_bg {
    background-image: url(../img/sub03/sub0308/mo_sub0308_bg.png);
  }
}

/* ================== sub04 ================== */
.sub0401_tt_bg {
  background-image: url(../img/sub04/sub0401/sub0401_bg.png);
}
@media (max-width: 1023px) {
  .sub0401_tt_bg {
    background-image: url(../img/sub04/sub0401/mo_sub0401_bg.png);
  }
}
.sub0402_tt_bg {
  background-image: url(../img/sub04/sub0402/sub0402_bg.png);
}
@media (max-width: 1023px) {
  .sub0402_tt_bg {
    background-image: url(../img/sub04/sub0402/mo_sub0402_bg.png);
  }
}
.sub0402 .bg {
  background: #ecd0d0;
}
.sub0403_tt_bg {
  background-image: url(../img/sub04/sub0403/sub0403_bg.png);
}
@media (max-width: 1023px) {
  .sub0403_tt_bg {
    background-image: url(../img/sub04/sub0403/mo_sub0403_bg.png);
  }
}
.sub0403 .bg {
  background: #fff5ec;
}
.sub0404_tt_bg {
  background-image: url(../img/sub04/sub0404/sub0404_bg.png);
}
@media (max-width: 1023px) {
  .sub0404_tt_bg {
    background-image: url(../img/sub04/sub0404/mo_sub0404_bg.png);
  }
}

/* ================== sub05 ================== */
.sub0501_tt_bg {
  background-image: url(../img/sub05/sub0501/sub0501_bg.png);
}
@media (max-width: 1023px) {
  .sub0501_tt_bg {
    background-image: url(../img/sub05/sub0501/mo_sub0501_bg.png);
  }
}
.sub0501 .bg {
  background: #faf8f4;
}
.sub0502_tt_bg {
  background-image: url(../img/sub05/sub0502/sub0502_bg.png);
}
@media (max-width: 1023px) {
  .sub0502_tt_bg {
    background-image: url(../img/sub05/sub0502/mo_sub0502_bg.png);
  }
}
.sub0503_tt_bg {
  background-image: url(../img/sub05/sub0503/sub0503_bg.png);
}
@media (max-width: 1023px) {
  .sub0503_tt_bg {
    background-image: url(../img/sub05/sub0503/mo_sub0503_bg.png);
  }
}
.sub0503 .bg {
  background: #f8f4ea;
}
.sub0504_tt_bg {
  background-image: url(../img/sub05/sub0504/sub0504_bg.png);
}
@media (max-width: 1023px) {
  .sub0504_tt_bg {
    background-image: url(../img/sub05/sub0504/mo_sub0504_bg.png);
  }
}
.sub0504 .bg {
  background: #f8f4ea;
}
.sub0504 .violet {
  background: #f2f1f7;
}

/* ================== sub06 ================== */
.sub0601_tt_bg {
  background-image: url(../img/sub06/sub0601/sub0601_bg.png);
}
@media (max-width: 1023px) {
  .sub0601_tt_bg {
    background-image: url(../img/sub06/sub0601/mo_sub0601_bg.png);
  }
}
.sub0601 .bg1 {
  background: #f1f2fc;
}
.sub0601 .bg2 {
  background: #f9fafd;
}
.sub0602_tt_bg {
  background-image: url(../img/sub06/sub0602/sub0602_bg.png);
}
@media (max-width: 1023px) {
  .sub0602_tt_bg {
    background-image: url(../img/sub06/sub0602/mo_sub0602_bg.png);
  }
}

/* ================== sub07 ================== */
.sub0701_tt_bg {
  background-image: url(../img/sub07/sub0701/sub0701_bg.png);
}
@media (max-width: 1023px) {
  .sub0701_tt_bg {
    background-image: url(../img/sub07/sub0701/mo_sub0701_bg.png);
  }
}
.sub0701 .bg2 {
  background: #fdf9f4;
}
.sub0702_tt_bg {
  background-image: url(../img/sub07/sub0702/sub0702_bg.png);
}
@media (max-width: 1023px) {
  .sub0702_tt_bg {
    background-image: url(../img/sub07/sub0702/mo_sub0702_bg.png);
  }
}
.sub0702 .bg1 {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, #424242), color-stop(12%, #fff));
  background: linear-gradient(to top, #424242 10%, #fff 12%);
}
.sub0702 .bg2 {
  background: #fcf9f9;
}
.sub0703_tt_bg {
  background-image: url(../img/sub07/sub0703/sub0703_bg.png);
}
@media (max-width: 1023px) {
  .sub0703_tt_bg {
    background-image: url(../img/sub07/sub0703/mo_sub0703_bg.png);
  }
}
.sub0703 .bg1 {
  background: #f7f9fd;
}
.sub0704_tt_bg {
  background-image: url(../img/sub07/sub0704/sub0704_bg.png);
}
@media (max-width: 1023px) {
  .sub0704_tt_bg {
    background-image: url(../img/sub07/sub0704/mo_sub0704_bg.png);
  }
}
.sub0704 .bg1 {
  background: #edf3f7;
}
.sub0705_tt_bg {
  background-image: url(../img/sub07/sub0705/sub0705_bg.png);
}
@media (max-width: 1023px) {
  .sub0705_tt_bg {
    background-image: url(../img/sub07/sub0705/mo_sub0705_bg.png);
  }
}
.sub0705 .bg {
  background: #fbfaf7;
}

/* ================== sub08 ================== */
.sub08 .bg {
  background: #333333;
}
.sub0801_tt_bg {
  background-image: url(../img/sub08/sub0801/sub0801_bg.png);
}
@media (max-width: 1023px) {
  .sub0801_tt_bg {
    background-image: url(../img/sub08/sub0801/mo_sub0801_bg.png);
  }
}
.sub0802_tt_bg {
  background-image: url(../img/sub08/sub0802/sub0802_bg.png);
}
@media (max-width: 1023px) {
  .sub0802_tt_bg {
    background-image: url(../img/sub08/sub0802/mo_sub0802_bg.png);
  }
}
.sub0803_tt_bg {
  background-image: url(../img/sub08/sub0803/sub0803_bg.png);
}
@media (max-width: 1023px) {
  .sub0803_tt_bg {
    background-image: url(../img/sub08/sub0803/mo_sub0803_bg.png);
  }
}
.sub0804_tt_bg {
  background-image: url(../img/sub08/sub0804/sub0804_bg.png);
}
@media (max-width: 1023px) {
  .sub0804_tt_bg {
    background-image: url(../img/sub08/sub0804/mo_sub0804_bg.png);
  }
}
.sub0804 .bg1 {
  background: #fcf5f4;
}
.sub0805_tt_bg {
  background-image: url(../img/sub08/sub0805/sub0805_bg.png);
}
@media (max-width: 1023px) {
  .sub0805_tt_bg {
    background-image: url(../img/sub08/sub0805/mo_sub0805_bg.png);
  }
}
.sub0805 .bg1 {
  background: #fefaf9;
}

/* ================== community ================== */
.community_tt_bg {
  background-image: url(../img/community/sub08_bg.png);
}
@media (max-width: 1023px) {
  .community_tt_bg {
    background-image: url(../img/community/mo_sub08_bg.png);
  }
}