@charset "UTF-8";
.sub_absolute {
  position: absolute;
  left: 0;
}

#contents_area {
  height: 500px;
}

.sub_title {
  height: 100%;
}

.span_text {
  color: #e7e5ca;
}

.mobile_view {
  display: none !important;
}

.sub01_top_bg {
  background-image: url("../img/sub01/sub01_head.jpg");
  background-position: center;
}

.sub0102_con02 {
  height: 1120px;
  background-image: url("../img/sub01/sub0102_bg.jpg");
  background-position: center;
}

.sub0103_con03 {
  height: 1120px;
  background-image: url("../img/sub01/sub0103_bg.jpg");
  background-position: center;
}

.sub02_top_bg {
  background-image: url("../img/sub02/sub02_head.jpg");
  background-position: center;
}

.sub0201_title, .sub0201_con1 {
  width: 100%;
}

.r-slide-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.sub0201_con1 {
  background-image: url("../img/sub02/sub0201/sub0201_con1_bg.jpg");
  background-position: center;
}
.sub0201_con1 .sub02_con1_box {
  height: 365px;
}

.sub0201_con2 .sub02_con2_box {
  background-image: url("../img/sub02/sub0201/sub0201_con2_bg.jpg");
  background-position: center;
  position: relative;
  height: 821px;
}
.sub0201_con2 .sub02_con2_box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 13%;
  width: 80%;
  bottom: 10%;
}

.sub0201_con3 .sub02_con3_box1 {
  height: 644px;
  background-image: url("../img/sub02/sub0201/sub0201_con3_bg.jpg");
  background-position: center;
}
.sub0201_con3 .sub02_con3_box2 {
  height: 928px;
  background-color: #ffffff;
}

.sub0202_con1 {
  background-image: url("../img/sub02/sub0202/sub0202_con1_bg.jpg");
  background-position: center;
}
.sub0202_con1 .sub02_con1_box {
  height: 365px;
}

.sub0203_con1 {
  background-image: url("../img/sub02/sub0203/sub0203_con1_bg.jpg");
  background-position: center;
}
.sub0203_con1 .sub02_con1_box {
  height: 458px;
}

.sub0204_con1 {
  background-image: url("../img/sub02/sub0204/sub0204_con1_bg.jpg");
  background-position: center;
}
.sub0204_con1 .sub02_con1_box {
  height: 395px;
}

.sub0205_con1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  background-image: url("../img/sub02/sub0205/sub0205_con1_bg.jpg");
  background-position: center;
}
.sub0205_con1 .sub02_con1_box {
  height: 446px;
}

.sub0206_con1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  background-image: url("../img/sub02/sub0206/sub0206_con1_bg.jpg");
  background-position: center;
}
.sub0206_con1 .sub02_con1_box {
  height: 449px;
}

.sub0207_con1 {
  background-image: url("../img/sub02/sub0207/sub0207_con1_bg.jpg");
  background-position: center;
}
.sub0207_con1 .sub02_con1_box {
  height: 492px;
}

/*--------------------------- sub03 --------------------------------*/
.sub03_top_bg {
  background-image: url("../img/sub03/sub03_head.jpg");
  background-position: center;
}

.sub0301_con1, .sub0301_con2, .sub0302_con1 {
  position: relative;
}
.sub0301_con1 img, .sub0301_con2 img, .sub0302_con1 img {
  scroll-margin-top: 130px;
}
.sub0301_con1 ul, .sub0301_con2 ul, .sub0302_con1 ul {
  position: absolute;
  bottom: 18%;
}
.sub0301_con1 li, .sub0301_con2 li, .sub0302_con1 li {
  margin-bottom: 10px;
  position: relative;
}
.sub0301_con1 li a, .sub0301_con2 li a, .sub0302_con1 li a {
  display: inline-block;
  position: relative;
}
.sub0301_con1 li a:hover::after, .sub0301_con2 li a:hover::after, .sub0302_con1 li a:hover::after {
  content: "";
  position: absolute;
  bottom: 3%;
  left: 10%;
  width: 80%;
  height: 5px;
  background-color: rgba(183, 144, 103, 0.3882352941);
  -webkit-animation: lineExpand 0.4s ease-out forwards;
          animation: lineExpand 0.4s ease-out forwards;
}
.sub0301_con1 li a::after, .sub0301_con2 li a::after, .sub0302_con1 li a::after {
  content: "";
  position: absolute;
  bottom: 3%;
  left: 10%;
  width: 0;
  height: 5px;
  background-color: rgba(183, 144, 103, 0.3882352941);
}
.sub0301_con1 .title_btn01, .sub0301_con2 .title_btn01, .sub0302_con1 .title_btn01 {
  left: 18%;
}
.sub0301_con1 .title_btn02, .sub0301_con2 .title_btn02, .sub0302_con1 .title_btn02 {
  left: 32%;
}
.sub0301_con1 .title_btn03, .sub0301_con1 .title_btn04, .sub0301_con2 .title_btn03, .sub0301_con2 .title_btn04, .sub0302_con1 .title_btn03, .sub0302_con1 .title_btn04 {
  bottom: 29%;
}
.sub0301_con1 .title_btn03, .sub0301_con2 .title_btn03, .sub0302_con1 .title_btn03 {
  right: 32%;
}
.sub0301_con1 .title_btn04, .sub0301_con2 .title_btn04, .sub0302_con1 .title_btn04 {
  right: 18%;
}
.sub0301_con1 .sub03_notice, .sub0301_con2 .sub03_notice, .sub0302_con1 .sub03_notice {
  position: absolute;
  left: 18%;
  bottom: 16.5%;
  font-size: 1rem;
  color: #9b642e;
}

.sub0301_con1 img {
  scroll-margin-top: 185px;
}

.con_sub0301 .sub03_con3_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  height: 1110px;
  background-image: url("../img/sub03/sub0301/sub0301_con3_bg.jpg");
  background-position: center;
}

.sub0302_con1 ul {
  position: absolute;
}
.sub0302_con1 li {
  margin-bottom: 5px;
}
.sub0302_con1 .title_btn01 {
  left: 36.5%;
}
.sub0302_con1 .title_btn02 {
  left: 50.5%;
}
.sub0302_con1 .sub03_notice {
  left: 36.5%;
  bottom: 16.5%;
}

.con_sub0302 img {
  display: block;
  width: 100%;
  scroll-margin-top: 130px;
}

.sub0302_con3 {
  height: 506px;
  background-image: url("../img/sub03/sub0302/sub0302_con3_bg.jpg");
  background-position: center;
}

.sub0302_con4_1 {
  height: 506px;
  background-image: url("../img/sub03/sub0302/sub0302_con4_1_bg.jpg");
  background-position: center;
}

.sub0302_con5_1 {
  height: 506px;
  background-image: url("../img/sub03/sub0302/sub0302_con5_1_bg.jpg");
  background-position: center;
}

.con_sub0303 .sub03_con2_box {
  height: 697px;
  background-image: url("../img/sub03/sub0303/sub0303_con2.jpg");
  background-position: center;
}
.con_sub0303 .sub03_con4_box {
  height: 506px;
  background-image: url("../img/sub03/sub0303/sub0303_con4_bg.jpg");
  background-position: center;
}

.con_sub0305 .sub0305_con1 {
  height: 386px;
  background-image: url("../img/sub03/sub0305/sub0305_con1_bg.jpg");
  background-position: center;
}

.con_sub0306 .sub0306_con1 {
  height: 382px;
  background-image: url("../img/sub03/sub0306/sub0306_con1_bg.jpg");
  background-position: center;
}

.con_sub0307 .sub0307_con1 {
  height: 385px;
  background-image: url("../img/sub03/sub0307/sub0307_con1_bg.jpg");
  background-position: center;
}
.con_sub0307 .sub03_con3_box {
  height: 499px;
  background-image: url("../img/sub03/sub0307/sub0307_con3_bg.jpg");
  background-position: center;
}

.con_sub0308 .sub0308_con1 {
  height: 437px;
  background-image: url("../img/sub03/sub0308/sub0308_con1_bg.jpg");
  background-position: center;
}

.con_sub0309 .sub0309_con1 {
  height: 437px;
  background-image: url("../img/sub03/sub0309/sub0309_con1_bg.jpg");
  background-position: center;
}

/*------------------- sub04 -------------  */
.sub04_top_bg {
  background-image: url("../img/sub04/sub04_head.jpg");
  background-position: center;
}

.con_sub0401 .sub0401_con1 {
  height: 363px;
  background-image: url("../img/sub04/sub0401/sub0401_con1_bg.jpg");
  background-position: center;
}

.con_sub0402 .sub0402_con1 {
  height: 475px;
  background-image: url("../img/sub04/sub0402/sub0402_con1_bg.jpg");
  background-position: center;
}

.con_sub0403 .sub0403_con1 {
  height: 355px;
  background-image: url("../img/sub04/sub0403/sub0403_con1_bg.jpg");
  background-position: center;
}

/*------------------- sub05 -------------  */
.sub05_top_bg {
  background-image: url("../img/sub05/sub05_head.jpg");
  background-position: center;
}

.con_sub0501 .sub0501_con1 {
  height: 364px;
  background-image: url("../img/sub05/sub0501/sub0501_con1_bg.jpg");
  background-position: center;
}

.con_sub0502 .sub0502_con1 {
  height: 363px;
  background-image: url("../img/sub05/sub0502/sub0502_con1_bg.jpg");
  background-position: center;
}
.con_sub0502 .sub05_con3_box {
  background: #fcfcfc;
}

.con_sub0503 .sub0503_con1 {
  height: 339px;
  background-image: url("../img/sub05/sub0503/sub0503_con1_bg.jpg");
  background-position: center;
}
.con_sub0503 .sub05_con3_box {
  background: #fcfcfc;
}

.con_sub0504 .sub0504_con1 {
  height: 339px;
  background-image: url("../img/sub05/sub0504/sub0504_con1_bg.jpg");
  background-position: center;
}
.con_sub0504 .sub05_con3_box {
  background: #fcfcfc;
}

/*------------------- sub06 --------------------  */
.sub06_top_bg {
  background-image: url("../img/sub06/sub06_head.jpg");
  background-position: center;
}

.con_sub0601 .sub0601_con1 {
  height: 349px;
  background-image: url("../img/sub06/sub0601/sub0601_con1_bg.jpg");
}

.con_sub0602 .sub0602_con1 {
  height: 349px;
  background-image: url("../img/sub06/sub0602/sub0602_con1_bg.jpg");
}

.con_sub0603 .sub0603_con1 {
  height: 398px;
  background-image: url("../img/sub06/sub0603/sub0603_con1_bg.jpg");
}

.con_sub0604 .sub0604_con1 {
  height: 569px;
  background-image: url("../img/sub06/sub0604/sub0604_con1_bg.jpg");
}
.con_sub0604 .sub06_con2_box {
  background: #fcfcfc;
}

.con_sub0605 .sub0605_con1 {
  height: 506px;
  background-image: url("../img/sub06/sub0605/sub0605_con1_bg.jpg");
}
.con_sub0605 .sub06_con2_box {
  background: #fcfcfc;
}

.con_sub0606 .sub0606_con1 {
  height: 505px;
  background-image: url("../img/sub06/sub0606/sub0606_con1_bg.jpg");
}
.con_sub0606 .sub06_con2_box {
  background: #fcfcfc;
}

.con_sub0607 .sub0607_con1 {
  height: 505px;
  background-image: url("../img/sub06/sub0607/sub0607_con1_bg.jpg");
}

.con_sub0608 .sub0608_con1 {
  height: 398px;
  background-image: url("../img/sub06/sub0608/sub0608_con1_bg.jpg");
}
.con_sub0608 .sub06_con2_box {
  background: #fcfcfc;
}

/*----------------------------- sub07 --------------------  */
.sub07_top_bg {
  background-image: url("../img/sub07/sub07_head.jpg");
}

.con_sub0701 .sub0701_con1 {
  height: 433px;
  background-image: url("../img/sub07/sub0701/sub0701_con1_bg.jpg");
}
.con_sub0701 .sub0701_con2 {
  position: relative;
}
.con_sub0701 .sub0701_con2 .outline {
  left: 43.4%;
  top: 25.8%;
}

.con_sub0702 .sub0702_con1 {
  height: 340px;
  background-image: url("../img/sub07/sub0702/sub0702_con1_bg.jpg");
}
.con_sub0702 .sub0702_con2 .outline {
  left: 43.4%;
  top: 29.8%;
}
.con_sub0702 .sub0702_con3 .outline {
  left: 43.4%;
  top: 27%;
}
.con_sub0702 .sub0702_con4 .outline {
  left: 43.4%;
  top: 27.8%;
}

.con_sub0703 .sub0703_con1 {
  height: 358px;
  background-image: url("../img/sub07/sub0703/sub0703_con1_bg.jpg");
}
.con_sub0703 .sub0703_con2 .outline {
  left: 43.4%;
  bottom: 32.8%;
}
.con_sub0703 .sub0703_con3 .outline {
  left: 43.4%;
  top: 46%;
}
.con_sub0703 .sub0703_con4 .outline {
  left: 43.4%;
  top: 47.2%;
}
.con_sub0703 .sub0703_con5 .outline {
  left: 43.4%;
  bottom: 47%;
}
.con_sub0703 .sub0703_con6 .outline {
  left: 43.4%;
  top: 40%;
}

.con_sub0704 .sub0704_con1 {
  height: 371px;
  background-image: url("../img/sub07/sub0704/sub0704_con1_bg.jpg");
}
.con_sub0704 .sub07_con2_box {
  background: #fcfff9;
}

.relative {
  position: relative;
}

.outline {
  position: absolute;
  width: 0;
  height: 7px;
  background-color: rgba(186, 232, 170, 0.5764705882);
  -webkit-transition: width 0.7s ease-out;
  transition: width 0.7s ease-out; /* 애니메이션: 슬라이드될 때 부드럽게 처리 */
}

.community_top_bg {
  background-image: url("../img/community_head.jpg");
}

.typewriter {
  font-family: monospace;
  overflow: hidden; /* 타이핑 범위를 제한 */
  border-right: 2px solid; /* 커서 효과 */
  white-space: nowrap;
  -webkit-animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;
          animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;
}

@-webkit-keyframes typing {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@keyframes typing {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@-webkit-keyframes blink-caret {
  from, to {
    border-color: transparent;
  }
  50% {
    border-color: black;
  }
}
@keyframes blink-caret {
  from, to {
    border-color: transparent;
  }
  50% {
    border-color: black;
  }
}
@-webkit-keyframes lineExpand {
  from {
    width: 0;
  }
  to {
    width: 80%;
  }
}
@keyframes lineExpand {
  from {
    width: 0;
  }
  to {
    width: 80%;
  }
}
.sub_contents {
  margin-top: 180px;
}

@media all and (max-width: 1023px) {
  #contents_area {
    height: 46.6vw;
  }
  .sub01_top_bg {
    background-image: url("../img/mobile/sub01/mo_sub01_head.jpg");
    background-size: cover;
    background-repeat: no-repeat;
  }
  .sub0102_con02 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .sub0103_con03 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .sub02_top_bg {
    background-image: url("../img/mobile/sub02/mo_sub02_head.jpg");
    background-size: cover;
    background-repeat: no-repeat;
  }
  .sub0201_con1 {
    background-image: none;
  }
  .sub0201_con1 .sub02_con1_box {
    height: auto;
    position: relative;
  }
  .sub0201_con2 .sub02_con2_box {
    background-image: none;
    height: auto;
  }
  .sub0201_con3 .sub02_con3_box1 {
    height: auto;
    background-image: none;
  }
  .sub0202_con1 .sub02_con1_box {
    height: auto;
    position: relative;
  }
  .sub0202_con2 {
    background-image: none;
  }
  .sub0203_con1, .sub0204_con1, .sub0205_con1, .sub0206_con1, .sub0207_con1 {
    background-image: none;
  }
  .sub0203_con1 .sub02_con1_box, .sub0204_con1 .sub02_con1_box, .sub0205_con1 .sub02_con1_box, .sub0206_con1 .sub02_con1_box, .sub0207_con1 .sub02_con1_box {
    width: 100%;
    height: auto;
    position: relative;
  }
  .sub03_top_bg {
    background-image: url("../img/mobile/sub03/mo_sub03_head.jpg");
    background-size: cover;
    background-repeat: no-repeat;
  }
  .sub0301_con1 img, .sub0301_con2 img {
    scroll-margin-top: 75px;
  }
  .sub0301_con1 ul, .sub0301_con2 ul {
    width: 35%;
    bottom: 42%;
  }
  .sub0301_con1 li, .sub0301_con2 li {
    margin-bottom: 5px;
  }
  .sub0301_con1 .title_btn01, .sub0301_con1 .title_btn03, .sub0301_con2 .title_btn01, .sub0301_con2 .title_btn03 {
    left: 14%;
  }
  .sub0301_con1 .title_btn02, .sub0301_con1 .title_btn04, .sub0301_con2 .title_btn02, .sub0301_con2 .title_btn04 {
    left: 52%;
  }
  .sub0301_con1 .title_btn03, .sub0301_con1 .title_btn04, .sub0301_con2 .title_btn03, .sub0301_con2 .title_btn04 {
    bottom: 3%;
    right: 0;
  }
  .sub0301_con1 .sub03_notice, .sub0301_con2 .sub03_notice {
    left: 14%;
    bottom: 40.5%;
    font-size: 2.4vw;
  }
  .sub0301_con1 img {
    scroll-margin-top: 110px;
  }
  .con_sub0301 .sub03_con3_box {
    display: block;
    height: auto;
    background-image: none;
    position: relative;
  }
  .con_sub0302 img {
    scroll-margin-top: 72px;
  }
  .sub0302_con1 li {
    margin-bottom: 5px;
  }
  .sub0302_con1 ul {
    width: 35%;
    bottom: 15%;
  }
  .sub0302_con1 .sub03_notice {
    left: 14%;
    bottom: 11.5%;
    font-size: 2.4vw;
  }
  .sub0302_con1 .title_btn01, .sub0302_con1 .title_btn03 {
    left: 14%;
  }
  .sub0302_con1 .title_btn02, .sub0302_con1 .title_btn04 {
    left: 52%;
  }
  .sub0302_con3, .sub0302_con4_1, .sub0302_con5_1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .con_sub0303 .sub03_con2_box, .con_sub0303 .sub03_con4_box {
    height: auto;
    background-image: none;
    position: relative;
  }
  .con_sub0305 .sub0305_con1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .con_sub0306 .sub0306_con1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .con_sub0307 .sub0307_con1, .con_sub0307 .sub03_con3_box {
    height: auto;
    background-image: none;
    position: relative;
  }
  .con_sub0308 .sub0308_con1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .con_sub0309 .sub0309_con1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .sub04_top_bg {
    background-image: url("../img/mobile/sub04/mo_sub04_head.jpg");
    background-size: cover;
    background-repeat: no-repeat;
  }
  .con_sub0401 .sub0401_con1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .con_sub0402 .sub0402_con1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .con_sub0403 .sub0403_con1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .sub05_top_bg {
    background-image: url("../img/mobile/sub05/mo_sub05_head.jpg");
    background-size: cover;
    background-repeat: no-repeat;
  }
  .con_sub0501 .sub0501_con1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .con_sub0502 .sub0502_con1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .con_sub0503 .sub0503_con1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .con_sub0504 .sub0504_con1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .sub06_top_bg {
    background-image: url("../img/mobile/sub06/mo_sub06_head.jpg");
    background-size: cover;
    background-repeat: no-repeat;
  }
  .con_sub0601 .sub0601_con1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .con_sub0602 .sub0602_con1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .con_sub0603 .sub0603_con1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .con_sub0604 .sub0604_con1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .con_sub0605 .sub0605_con1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .con_sub0606 .sub0606_con1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .con_sub0607 .sub0607_con1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .con_sub0608 .sub0608_con1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .sub07_top_bg {
    background-image: url("../img/mobile/sub07/mo_sub07_head.jpg");
    background-size: cover;
    background-repeat: no-repeat;
  }
  .con_sub0701 .sub0701_con1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .con_sub0701 .sub0701_con2 {
    position: relative;
  }
  .con_sub0701 .sub0701_con2 .outline {
    left: 34%;
    top: 15.8%;
  }
  .con_sub0702 .sub0702_con1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .con_sub0702 .sub0702_con2 {
    position: relative;
  }
  .con_sub0702 .sub0702_con2 .outline {
    left: 32.3%;
    top: 24%;
  }
  .con_sub0702 .sub0702_con3 .outline {
    left: 32%;
    top: 21.8%;
  }
  .con_sub0702 .sub0702_con4 .outline {
    left: 34.4%;
  }
  .outline {
    height: 1.5vw;
  }
  .con_sub0703 .sub0703_con1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .con_sub0703 .sub0703_con2 .outline {
    left: 34.4%;
    bottom: 49%;
  }
  .con_sub0703 .sub0703_con3 .outline {
    left: 32.4%;
    top: 41%;
  }
  .con_sub0703 .sub0703_con4 .outline {
    left: 34.4%;
    top: 38.2%;
  }
  .con_sub0703 .sub0703_con5 .outline {
    left: 34.4%;
    bottom: 50%;
  }
  .con_sub0703 .sub0703_con6 .outline {
    left: 34.4%;
    top: 41%;
  }
  .con_sub0704 .sub0704_con1 {
    height: auto;
    background-image: none;
    position: relative;
  }
  .community_top_bg {
    background-image: url("../img/mo_community_head.jpg");
    background-size: cover;
    background-repeat: no-repeat;
  }
}
@media (max-width: 1023px) {
  img {
    width: 100%;
  }
  .mobile_view {
    display: block !important;
    text-align: center;
  }
  .pc_view {
    display: none !important;
  }
}