@charset "utf-8";

/* 내용관리 */
.ctt_admin {text-align:right; position: fixed; right: 80px; top: 180px; z-index: 9999999; }

.m-br { display: none; }



.content-inner { width: 100%; margin: 0 auto; overflow: hidden; }



.content-inner .text-wrap { margin-bottom: 80px; }
.content-inner .text-wrap .sym-box { display: flex; align-items: center; margin-bottom: 22px; }
.content-inner .text-wrap .sym-box.center { justify-content: center; }
.content-inner .text-wrap .sym-box img { width: 24px; }
.content-inner .text-wrap .sym-box span { font-size: 18px; font-weight: 600; margin-left: 8px; }
.content-inner .text-wrap .title { font-size: 54px; font-weight: 600; }
.content-inner .text-wrap .desc-title { font-size: 24px; font-weight: 600; margin-top: 30px; }
.content-inner .text-wrap .desc { font-size: 20px; font-weight: 400; margin-top: 12px; }
.content-inner .text-wrap .desc span.fw600 { font-weight: 600; }



.content-inner .bete-wrap { width: 1800px; margin-left: auto; margin-right: calc((100% - 1920px) / 2); display: flex; align-items: center; justify-content: space-between; }
.content-inner .bete-wrap.order2 { margin-left: calc((100% - 1920px) / 2); margin-right: auto; justify-content: flex-start; }

.content-inner .bete-wrap.order2 .text-box { order: 2; margin-left: 170px; }
.content-inner .bete-wrap .text-box.w688 { width: 688px; }
.content-inner .bete-wrap .text-box .sym-box { display: flex; align-items: center; margin-bottom: 22px; }
.content-inner .bete-wrap .text-box .sym-box img { width: 24px; }
.content-inner .bete-wrap .text-box .sym-box span { font-size: 18px; font-weight: 600; margin-left: 8px; }
.content-inner .bete-wrap .text-box .title { font-size: 54px; font-weight: 600; }
.content-inner .bete-wrap .text-box .desc-title { font-size: 24px; font-weight: 600; margin-top: 30px; }
.content-inner .bete-wrap .text-box .desc { font-size: 20px; font-weight: 400; margin-top: 12px; }
.content-inner .bete-wrap .text-box .desc.mt-30 { margin-top: 30px; }
.content-inner .bete-wrap .text-box .desc span.fw600 { font-weight: 600; }

.content-inner .bete-wrap .text-box .naver-link { width: 100%; height: 66px; display: flex; align-items: center; justify-content: center; background: #2DB400; border-radius: 10px; margin-top: 80px; }
.content-inner .bete-wrap .text-box .naver-link span { font-size: 20px; font-weight: 600; margin-left: 10px; }

.content-inner .bete-wrap .img-box { width: 940px; height: 680px; position: relative; border-radius: 12px; overflow: hidden; flex: none; }
.content-inner .bete-wrap .img-box.sub-click-btn { position: relative; left: 0; bottom: 0; cursor: pointer; }
.content-inner .bete-wrap .img-box .main { width: 100%; height: 100%; object-fit: cover; }
.content-inner .bete-wrap .img-box .sub-click-btn { position: absolute; left: 44px; bottom: 50px; z-index: 1; cursor: pointer; }

.content-inner .bete-wrap.order2 .img-box .sub-click-btn { left: auto; right: 44px; }



.content-inner .refresh-wrap { width: 100%; height: 100vh; position: relative; }
.content-inner .refresh-wrap.bg-0101 { background: url("../images/adult/img_0101_3.dc5338f39afa.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
.content-inner .refresh-wrap.bg-0201 { background: url("../images/adult/img_0201_3.e3b5a803164b.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
.content-inner .refresh-wrap.bg-0301 { background: url("../images/adult/img_0301_3.0375d333d340.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
.content-inner .refresh-wrap.bg-0401 { background: url("../images/adult/img_0401_3.7c35715f5237.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
.content-inner .refresh-wrap.bg-0501 { background: url("../images/adult/img_0501_3.884ba32ccfd8.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
.content-inner .refresh-wrap.bg-0601 { background: url("../images/adult/img_0601_3.b681682c73f2.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
.content-inner .refresh-wrap.bg-0701 { background: url("../images/adult/img_0701_3.3215ffae303d.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
.content-inner .refresh-wrap .abs-text-box { width: 100%; left: 0; top: 50%; transform: translateY(-50%); text-align: center; z-index: 2; position: absolute; }
.content-inner .refresh-wrap .abs-text-box .title { font-size: 54px; font-weight: 600; }
.content-inner .refresh-wrap .abs-text-box .desc { font-size: 18px; font-weight: 400; margin-top: 60px; }
.content-inner .refresh-wrap .abs-text-box .desc.mt-22 { margin-top: 22px; }
.content-inner .refresh-wrap .abs-logo { position: absolute; left: 50%; transform: translateX(-50%); bottom: 100px; }


.content-inner .one-wrap { width: 1680px; margin: 0 auto; }
.content-inner .one-wrap .img-box { width: 100%; height: 840px; position: relative; border-radius: 12px; overflow: hidden; }
.content-inner .one-wrap .img-box.sub-click-btn { position: relative; left: 0; bottom: 0; cursor: pointer; }
.content-inner .one-wrap .img-box .main { width: 100%; height: 100%; object-fit: cover; }
.content-inner .one-wrap .img-box .sub-click-btn { position: absolute; right: 44px; bottom: 50px; z-index: 1; cursor: pointer; }




.sub-click-wrap {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99999;
  
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  
    transition: 
      opacity 0.4s ease,
      visibility 0s linear 0.4s;
  }
  
  /* 활성화 */
  .sub-click-wrap.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  
    transition:
      opacity 0.4s ease,
      visibility 0s linear 0s;
  }
  
  
  .sub-click-wrap.active .inner {
    transform: translateX(0);
  }

.sub-click-wrap .open-sub-header { position: fixed; right: 40px; top: 46px; z-index: 2; }
.sub-click-wrap .open-sub-header .close-sub { cursor: pointer; }

.sub-click-wrap .left-close-box {
    position: fixed;
    left: calc(50% - 960px + 230px);
    top: 50%;
    transform: translateY(-50%);
    z-index: 100000;
    cursor: pointer;
  }
  
.sub-click-wrap .left-close-box .left-close { text-align: center; }
.sub-click-wrap .left-close-box .left-close .close-text { font-size: 20px; font-weight: 400; margin-top: 7px; }


.sub-click-wrap .inner { width: 1400px; height: 100vh; padding-top: 100px; position: absolute; right: 0; top: 0; overflow-y: auto; background: #fff; transform: translateX(100%); transition: transform 0.6s ease; overscroll-behavior: contain; }
.sub-click-wrap .inner .text-wrap { padding-left: 110px; margin-bottom: 60px; }
.sub-click-wrap .inner .text-wrap.mt-120 { margin-top: 120px; }
.sub-click-wrap .inner .text-wrap.mb-120 { margin-bottom: 120px; }
.sub-click-wrap .inner .text-wrap .title { display: flex; align-items: center; }
.sub-click-wrap .inner .text-wrap .title span { font-size: 54px; font-weight: 600; margin-left: 18px; }
.sub-click-wrap .inner .big-one-wrap .img-box { width: 100%; }
.sub-click-wrap .inner .big-one-wrap .img-box img { width: 100%; }

.sub-click-wrap .inner .top-text-box { width: 1250px; margin: 0 auto; }
.sub-click-wrap .inner .top-text-box.mt-80 { margin-top: 80px; }
.sub-click-wrap .inner .top-text-box.mt-120 { margin-top: 120px; }
.sub-click-wrap .inner .top-text-box .title { font-size: 28px; font-weight: 600; }
.sub-click-wrap .inner .top-text-box .desc { font-size: 20px; font-weight: 400; margin-top: 30px; }
.sub-click-wrap .inner .top-text-box .desc.font-body2 { font-size: 18px; }
.sub-click-wrap .inner .top-text-box .desc.mt-22 { margin-top: 22px; }
.sub-click-wrap .inner .top-text-box .desc span.fw600 { font-weight: 600; }

.sub-click-wrap .inner .s-text-wrap { width: 1250px; margin: 0 auto; margin-bottom: 80px; }
.sub-click-wrap .inner .s-text-wrap.mt-120 { margin-top: 120px; }
.sub-click-wrap .inner .s-text-wrap .title { font-size: 28px; font-weight: 600; }
.sub-click-wrap .inner .s-text-wrap .desc { font-size: 18px; font-weight: 400; margin-top: 30px; }
.sub-click-wrap .inner .s-text-wrap .desc span.fw600 { font-weight: 600; }



.sub-click-wrap .inner .order-wrap { width: 1250px; margin: 0 auto; margin-bottom: 60px; }
.sub-click-wrap .inner .order-wrap ul { display: flex; align-items: center; }
.sub-click-wrap .inner .order-wrap ul li.text { font-size: 20px; font-weight: 600; padding: 12px 40px; background: #F4F4F4; border-radius: 12px; margin: 0; }
.sub-click-wrap .inner .order-wrap ul li { margin: 0 22px; }

.sub-click-wrap .inner .three-wrap { display: flex; justify-content: space-between; width: 1250px; margin: 0 auto; }
.sub-click-wrap .inner .three-wrap > div { width: 402px; position: relative; }
.sub-click-wrap .inner .three-wrap > div .img-box { width: 100%; height: 448px; position: relative; border-radius: 12px; overflow: hidden; }
.sub-click-wrap .inner .three-wrap > div .img-box img { width: 100%; height: 100%; object-fit: cover; }
.sub-click-wrap .inner .three-wrap > div .text-box { width: 100%; background: #F4F4F4; border-radius: 12px; position: absolute; left: 0; bottom: 0; padding: 36px 40px; display: flex; align-items: center; }
.sub-click-wrap .inner .three-wrap > div .text-box .num { font-size: 18px; font-weight: 600; margin-right: 22px; }
.sub-click-wrap .inner .three-wrap > div .text-box .title { font-size: 20px; font-weight: 600; }


.sub-click-wrap .inner .long-line { width: 1250px; height: 1px; background: #CECECE; margin: 0 auto; margin-top: 120px; margin-bottom: 120px; }

.sub-click-wrap .inner .qu-wrap { padding: 0 30px; width: 1250px; margin: 0 auto; }
.sub-click-wrap .inner .qu-wrap .desc-title { font-size: 20px; font-weight: 600; margin-bottom: 46px; }
.sub-click-wrap .inner .qu-wrap .title { font-size: 32px; font-weight: 600; }
.sub-click-wrap .inner .qu-wrap .desc { font-size: 20px; font-weight: 600; margin-top: 46px; } 


.sub-click-wrap .inner .bete-wrap { display: flex; align-items: center; width: 1250px; margin: 0 auto; }
.sub-click-wrap .inner .bete-wrap .img-box { width: 688px; height: 499px; position: relative; border-radius: 12px; overflow: hidden; }
.sub-click-wrap .inner .bete-wrap .img-box img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.sub-click-wrap .inner .bete-wrap .text-box { margin-left: 60px; }
.sub-click-wrap .inner .bete-wrap .text-box .title { font-size: 28px; font-weight: 600; }
.sub-click-wrap .inner .bete-wrap .text-box .desc { font-size: 20px; font-weight: 400; margin-top: 30px; }
.sub-click-wrap .inner .bete-wrap .text-box .desc span.fw600 { font-weight: 600; }


.sub-click-wrap .inner .bete-wrap-2 { display: flex; align-items: center; width: 1250px; margin: 0 auto; }
.sub-click-wrap .inner .bete-wrap-2.mt-120 { margin-top: 120px; }
.sub-click-wrap .inner .bete-wrap-2.mt-50 { margin-top: 50px; }
.sub-click-wrap .inner .bete-wrap-2.pb150 { padding-bottom: 150px; }
.sub-click-wrap .inner .bete-wrap-2 .img-box { width: 556px; height: 556px; position: relative; border-radius: 12px; overflow: hidden; }
.sub-click-wrap .inner .bete-wrap-2 .img-box img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.sub-click-wrap .inner .bete-wrap-2 .text-box { margin-left: 60px; }
.sub-click-wrap .inner .bete-wrap-2 .text-box .title { font-size: 28px; font-weight: 600; }
.sub-click-wrap .inner .bete-wrap-2 .text-box .desc { font-size: 18px; font-weight: 400; margin-top: 30px; }
.sub-click-wrap .inner .bete-wrap-2 .text-box .desc.mt-12 { margin-top: 12px; }
.sub-click-wrap .inner .bete-wrap-2 .text-box .desc span.fw600 { font-weight: 600; }






.sub-click-wrap .inner .snow-box { text-align: center; margin-top: 150px; padding-bottom: 150px; }
.sub-click-wrap .inner .snow-box .title { font-size: 38px; font-weight: 600; margin-top: 100px; }
.sub-click-wrap .inner .snow-box .desc { font-size: 20px; font-weight: 400; margin-top: 30px; }
.sub-click-wrap .inner .snow-box .desc span.fw600 { font-weight: 600; }
.sub-click-wrap .inner .snow-box img {
    animation: rotateSnow 8s linear infinite;
}

@keyframes rotateSnow {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


.sub-click-wrap .inner .text-center-wrap { margin-bottom: 120px; }
.sub-click-wrap .inner .text-center-wrap .title { font-size: 54px; font-weight: 600; }
.sub-click-wrap .inner .text-center-wrap .title span.color-p-brand { color: #256C7B; }
.sub-click-wrap .inner .text-center-wrap .desc { font-size: 18px; font-weight: 400; margin-top: 30px; }
.sub-click-wrap .inner .text-center-wrap .line { width: 1px; height: 69px; background: #CECECE; margin: 0 auto; margin-top: 80px; }

.sub-click-wrap .inner .num-bete-wrap { width: 1250px; margin: 0 auto; display: flex; align-items: center; }
.sub-click-wrap .inner .num-bete-wrap.order2 { justify-content: space-between; }
.sub-click-wrap .inner .num-bete-wrap.mt-60 { margin-top: 60px; }
.sub-click-wrap .inner .num-bete-wrap .img-box { width: 587px; height: 481px; position: relative; border-radius: 12px; overflow: hidden; }
.sub-click-wrap .inner .num-bete-wrap.order2 .img-box { order: 2; }
.sub-click-wrap .inner .num-bete-wrap .img-box img { width: 100%; height: 100%; object-fit: cover; }
.sub-click-wrap .inner .num-bete-wrap .text-box { margin-left: 60px; }
.sub-click-wrap .inner .num-bete-wrap.order2 .text-box { margin-left: 0; }
.sub-click-wrap .inner .num-bete-wrap .text-box .num-box { display: flex; align-items: center; margin-bottom: 60px; }
.sub-click-wrap .inner .num-bete-wrap .text-box .num-box span { font-size: 24px; font-weight: 600; }
.sub-click-wrap .inner .num-bete-wrap .text-box .num-box .num { margin-right: 16px; }
.sub-click-wrap .inner .num-bete-wrap .text-box .title { font-size: 28px; font-weight: 600; }
.sub-click-wrap .inner .num-bete-wrap .text-box .desc { font-size: 18px; font-weight: 400; margin-top: 30px; }

.sub-click-wrap .inner .refresh-wrap { width: 100%; position: relative; margin-top: 120px; }
.sub-click-wrap .inner .refresh-wrap .img-box { width: 100%; }
.sub-click-wrap .inner .refresh-wrap .img-box img { width: 100%; }

.sub-click-wrap .inner .refresh-wrap .text-box { position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-align: center; width: 100%; }
.sub-click-wrap .inner .refresh-wrap .text-box .title { font-size: 38px; font-weight: 600; }
.sub-click-wrap .inner .refresh-wrap .text-box .desc { font-size: 18px; font-weight: 400; margin-top: 60px; }
.sub-click-wrap .inner .refresh-wrap .text-box .desc.mt-22 { margin-top: 22px; }


.open-wonjang-wrap .inner { width: 1400px; height: 100vh; padding-top: 100px; position: absolute; right: 0; top: 0; overflow-y: auto; background: #fff; transform: translateX(100%); transition: transform 0.6s ease; overscroll-behavior: contain; }
.open-wonjang-wrap .inner .text-wrap { padding-left: 110px; margin-bottom: 60px; }
.open-wonjang-wrap .inner .text-wrap .title { display: flex; align-items: center; }
.open-wonjang-wrap .inner .text-wrap .title span { font-size: 54px; font-weight: 600; margin-left: 18px; }
.open-wonjang-wrap .inner .img-box { width: 100%; }
.open-wonjang-wrap .inner .img-box img { width: 100%; }

.open-wonjang-wrap .inner .open-wonjang-slide { width: 100%; position: relative; }
.open-wonjang-wrap .inner .open-wonjang-slide .swiper-slide { width: 100%; padding-bottom: 100px; position: relative; }
.open-wonjang-wrap .inner .open-wonjang-slide .swiper-slide .bg { width: 100%; height: 519px; background: #F4F4F4; position: absolute; left: 0; bottom: 0; }
.open-wonjang-wrap .inner .open-wonjang-slide .swiper-slide .slide-inner { padding-left: 110px; display: flex; position: relative; z-index: 2; }
.open-wonjang-wrap .inner .open-wonjang-slide .swiper-slide .slide-inner .won-box { width: 476px; height: 620px; position: relative; border-radius: 12px; overflow: hidden; }
.open-wonjang-wrap .inner .open-wonjang-slide .swiper-slide .slide-inner .won-box img { width: 100%; height: 100%; object-fit: cover; }
.open-wonjang-wrap .inner .open-wonjang-slide .swiper-slide .slide-inner .text-box { padding-top: 60px; margin-left: 52px; }
.open-wonjang-wrap .inner .open-wonjang-slide .swiper-slide .slide-inner .text-box .top .sub-title { font-size: 18px; font-weight: 500; color: #565656; margin-bottom: 10px; }
.open-wonjang-wrap .inner .open-wonjang-slide .swiper-slide .slide-inner .text-box .top .title { display: flex; align-items: center; }
.open-wonjang-wrap .inner .open-wonjang-slide .swiper-slide .slide-inner .text-box .top .title span { font-size: 38px; font-weight: 600; }
.open-wonjang-wrap .inner .open-wonjang-slide .swiper-slide .slide-inner .text-box .top .title img { margin-right: 8px; }

.open-wonjang-wrap .inner .open-wonjang-slide .swiper-slide .slide-inner .text-box .his-box { margin-top: 90px; }
.open-wonjang-wrap .inner .open-wonjang-slide .swiper-slide .slide-inner .text-box .his-box .title { font-size: 20px; font-weight: 600; }
.open-wonjang-wrap .inner .open-wonjang-slide .swiper-slide .slide-inner .text-box .his-box .flex-his { margin-top: 22px; display: flex; }
.open-wonjang-wrap .inner .open-wonjang-slide .swiper-slide .slide-inner .text-box .his-box .flex-his .right-box { margin-left: 22px; }
.open-wonjang-wrap .inner .open-wonjang-slide .swiper-slide .slide-inner .text-box .his-box .flex-his ul { display: flex; }
.open-wonjang-wrap .inner .open-wonjang-slide .swiper-slide .slide-inner .text-box .his-box .flex-his ul li { font-size: 18px; font-weight: 400; color: #444; }
.open-wonjang-wrap .inner .open-wonjang-slide .swiper-slide .slide-inner .text-box .his-box .flex-his ul li:first-child { margin-right: 8px; flex: none; }


.open-wonjang-wrap .inner .open-wonjang-slide .swiper-button-next { background: url("../images/adult/svg/c_open_slide_next_btn.608a86be1fd9.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; width: 60px; height: 60px; position: absolute; right: 40px; top: 50%; transform: translateY(-50%); left: auto; bottom: auto; margin: 0; padding: 0; }
.open-wonjang-wrap .inner .open-wonjang-slide .swiper-button-prev { background: url("../images/adult/svg/c_open_slide_prev_btn.818520409d01.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; width: 60px; height: 60px; position: absolute; left: 40px; top: 50%; transform: translateY(-50%); right: auto; bottom: auto; margin: 0; padding: 0; }

.open-wonjang-wrap .inner .swiper-pagination { position: relative; margin: 40px 0 80px 0; padding: 0; left: 0; top: 0; right: 0; bottom: 0; }
.open-wonjang-wrap .inner .swiper-pagination .swiper-pagination-bullet { padding: 12px 20px; border-radius: 200px; font-size: 18px; font-weight: 600; color: #2e2e2e; background: #F6F6F6; margin-right: 6px; width: auto; height: auto; opacity: 1; }
.open-wonjang-wrap .inner .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; }

.open-wonjang-wrap .inner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { color: #fff; background: #D7BB93; }



.swiper-button-next:after,
.swiper-button-prev:after { display: none; }


.sub-click-wrap .inner .top-view-slide { width: 100%; position: relative; overflow: hidden; margin-top: 80px; }
.sub-click-wrap .inner .top-view-slide .swiper-slide { width: 100%; height: 690px; position: relative; }
.sub-click-wrap .inner .top-view-slide .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.sub-click-wrap .inner .top-view-slide .swiper-button-next { background: url("../images/adult/svg/w_slide_next_btn.c55318e3e98a.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; width: 60px; height: 60px; position: absolute; right: 40px; top: 50%; transform: translateY(-50%); left: auto; bottom: auto; margin: 0; padding: 0; }
.sub-click-wrap .inner .top-view-slide .swiper-button-prev { background: url("../images/adult/svg/w_slide_prev_btn.303b020b2a2b.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; width: 60px; height: 60px; position: absolute; left: 40px; top: 50%; transform: translateY(-50%); right: auto; bottom: auto; margin: 0; padding: 0; }

.sub-click-wrap .inner .bottom-view-slide { width: 1172px; margin: 0 auto; margin-top: 40px; padding-bottom: 120px; }
.sub-click-wrap .inner .bottom-view-slide.pb0 { padding-bottom: 0; }
.sub-click-wrap .inner .bottom-view-slide .swiper-slide { width: 224px; height: 130px; border-radius: 12px; overflow: hidden; cursor: pointer; }
.sub-click-wrap .inner .bottom-view-slide .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }

.sub-click-wrap .inner .bottom-view-slide-2 { width: 935px; margin: 0 auto; margin-top: 40px; padding-bottom: 120px; }
.sub-click-wrap .inner .bottom-view-slide-2.center .swiper-wrapper { justify-content: center; }
.sub-click-wrap .inner .bottom-view-slide-2.pb0 { padding-bottom: 0; }
.sub-click-wrap .inner .bottom-view-slide-2 .swiper-slide { width: 224px; height: 130px; border-radius: 12px; overflow: hidden; cursor: pointer; }
.sub-click-wrap .inner .bottom-view-slide-2.center .swiper-slide:last-child { margin-right: 0!important; }
.sub-click-wrap .inner .bottom-view-slide-2 .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }

.sub-click-wrap .inner .map-wrap { width: 100%; height: 690px; position: relative; margin-top: 80px; }
.sub-click-wrap .inner .map-wrap .map { width: 100%; height: 100%; position: absolute; left: 0; }

.sub-click-wrap .inner .map-wrap .root_daum_roughmap .cont { display: none; }
.sub-click-wrap .inner .map-wrap .root_daum_roughmap .wrap_controllers { display: none; }
.sub-click-wrap .inner .map-wrap .root_daum_roughmap .wrap_map { height: 100%; }

.sub-click-wrap .inner .time-loca-wrap { width: 1250px; margin: 0 auto; margin-top: 80px; padding-bottom: 150px; }
.sub-click-wrap .inner .time-loca-wrap .flex { display: flex; justify-content: space-between; }
.sub-click-wrap .inner .time-loca-wrap .flex .left-box { width: 579px; }
.sub-click-wrap .inner .time-loca-wrap .flex .left-box > div { width: 100%; height: 84px; background: #F4F4F4; border-radius: 12px; display: flex; justify-content: space-between; align-items: center; padding: 0 40px; margin-top: 12px; }
.sub-click-wrap .inner .time-loca-wrap .flex .left-box > div:first-child { margin-top: 0; }  
.sub-click-wrap .inner .time-loca-wrap .flex .left-box > div .title { font-size: 20px; font-weight: 600; }
.sub-click-wrap .inner .time-loca-wrap .flex .left-box > div .desc { font-size: 18px; font-weight: 400; text-align: right; }
.sub-click-wrap .inner .time-loca-wrap .flex .left-box > div .call { display: flex; align-items: center; }
.sub-click-wrap .inner .time-loca-wrap .flex .left-box > div .call span { font-size: 24px; font-weight: 600; margin-left: 12px; }

.sub-click-wrap .inner .time-loca-wrap .flex .right-box { width: 600px; display: flex; justify-content: space-between; }
.sub-click-wrap .inner .time-loca-wrap .flex .right-box .title { font-size: 28px; font-weight: 600; margin-bottom: 16px; }
.sub-click-wrap .inner .time-loca-wrap .flex .right-box .desc { font-size: 18px; font-weight: 400; }
.sub-click-wrap .inner .time-loca-wrap .flex .right-box .time ul { display: flex; margin-bottom: 10px; }
.sub-click-wrap .inner .time-loca-wrap .flex .right-box .time ul:last-child { margin-bottom: 0; }
.sub-click-wrap .inner .time-loca-wrap .flex .right-box .time ul li { font-size: 20px; font-weight: 400; }
.sub-click-wrap .inner .time-loca-wrap .flex .right-box .time ul li:first-child { font-weight: 600; width: 71px; margin-right: 14px; flex: none; }
.sub-click-wrap .inner .time-loca-wrap .flex .right-box .time ul li.last { font-size: 18px; font-weight: 600; padding: 2px 10px; background: #1b4f5a; border-radius: 12px; margin-left: 10px; }
.sub-click-wrap .inner .time-loca-wrap .flex .right-box .time ul li.red { width: 100%; margin-right: 0; color: #E62828; }


.sub-click-wrap .inner .one-wrap { width: 1250px; margin: 0 auto; }
.sub-click-wrap .inner .one-wrap.pd150 { padding-bottom: 150px; }
.sub-click-wrap .inner .one-wrap .img-box { width: 100%; height: 560px; position: relative; border-radius: 12px; overflow: hidden; }
.sub-click-wrap .inner .one-wrap .img-box img { width: 100%; height: 100%; object-fit: cover; }

.sub-click-wrap .inner .check-box { width: 1250px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.sub-click-wrap .inner .check-box.mt-50 { margin-top: 50px; }
.sub-click-wrap .inner .check-box ul { display: flex; align-items: center; width: 610px; padding: 26px 60px; }
.sub-click-wrap .inner .check-box ul li { font-size: 20px; font-weight: 400; }
.sub-click-wrap .inner .check-box ul li:first-child { margin-right: 16px; }
.sub-click-wrap .inner .check-box .line { width: 590px; height: 1px; background: #CECECE; margin: 12px; }

.sub-click-wrap .inner .need-wrap { width: 1250px; margin: 0 auto; display: flex; justify-content: space-between; }
.sub-click-wrap .inner .need-wrap.pd150 { padding-bottom: 150px; }
.sub-click-wrap .inner .need-wrap.mt-120 { margin-top: 120px; }
.sub-click-wrap .inner .need-wrap .title { font-size: 28px; font-weight: 600; }
.sub-click-wrap .inner .need-wrap .desc { font-size: 18px; font-weight: 400; margin-top: 30px; }
.sub-click-wrap .inner .need-wrap .right-box { width: 610px; }
.sub-click-wrap .inner .need-wrap .right-box ul { display: flex; padding: 30px; border-bottom: 1px solid #CECECE; }
.sub-click-wrap .inner .need-wrap .right-box ul:first-child { padding-top: 0; }
.sub-click-wrap .inner .need-wrap .right-box ul:last-child { padding-bottom: 0; border-bottom: none; }
.sub-click-wrap .inner .need-wrap .right-box ul li { font-size: 20px; font-weight: 400; }
.sub-click-wrap .inner .need-wrap .right-box ul li:first-child { width: 73px; font-weight: 600; margin-right: 16px; flex: none; }



.sub-click-wrap .inner .qna-wrap { width: 1250px; margin: 0 auto; padding-bottom: 150px; }
.sub-click-wrap .inner .qna-wrap.mt-120 { margin-top: 120px; }
.sub-click-wrap .inner .qna-wrap > div { width: 100%; margin-bottom: 80px; }
.sub-click-wrap .inner .qna-wrap > div:last-child { margin-bottom: 0; }

.sub-click-wrap .inner .qna-wrap > div ul { display: flex; align-items: center; padding: 30px 10px; padding-top: 0; border-bottom: 1px solid #CECECE; }
.sub-click-wrap .inner .qna-wrap > div ul li { font-size: 28px; font-weight: 600; }
.sub-click-wrap .inner .qna-wrap > div ul li.en { margin-right: 22px; }

.sub-click-wrap .inner .qna-wrap > div .answer-box { display: flex; padding: 0 10px; padding-top: 30px; }
.sub-click-wrap .inner .qna-wrap > div .answer-box .icon-box { width: 54px; height: 54px; border-radius: 50%; position: relative; flex: none; }
.sub-click-wrap .inner .qna-wrap > div .answer-box .icon-box img { width: 100%; height: 100%; object-fit: cover; }
.sub-click-wrap .inner .qna-wrap > div .answer-box .desc { font-size: 18px; font-weight: 400; margin-left: 22px; }



.sub-click-wrap .inner .m-card-slide { width: 1250px; margin: 0 auto; }
.sub-click-wrap .inner .m-card-slide .swiper-wrapper { justify-content: space-between; }
.sub-click-wrap .inner .m-card-slide .swiper-slide { width: 402px; height: 544px; position: relative; border-radius: 12px; overflow: hidden; }
.sub-click-wrap .inner .m-card-slide .swiper-slide .img-box { width: 100%; position: relative; }
.sub-click-wrap .inner .m-card-slide .swiper-slide .img-box img { width: 100%; height: 100%; object-fit: cover; }
.sub-click-wrap .inner .m-card-slide .swiper-slide .text-box { width: 100%; height: 201px; position: absolute; left: 0; bottom: 0; z-index: 1; background: #F4F4F4; border-radius: 12px; padding: 30px 40px; }
.sub-click-wrap .inner .m-card-slide .swiper-slide .text-box .num-title-box { display: flex; align-items: center; }
.sub-click-wrap .inner .m-card-slide .swiper-slide .text-box .num-title-box .num { font-size: 18px; font-weight: 600; margin-right: 22px; }
.sub-click-wrap .inner .m-card-slide .swiper-slide .text-box .num-title-box .title { font-size: 20px; font-weight: 600; }
.sub-click-wrap .inner .m-card-slide .swiper-slide .text-box .desc { margin-top: 22px; font-size: 18px; font-weight: 400; }




.sub-click-wrap .inner .m-card-slide-2 { width: 1250px; margin: 0 auto; }
.sub-click-wrap .inner .m-card-slide-2.pd150 { padding-bottom: 150px; }
.sub-click-wrap .inner .m-card-slide-2 .swiper-wrapper { justify-content: space-between; }
.sub-click-wrap .inner .m-card-slide-2 .swiper-slide { width: 296px; height: 405px; position: relative; border-radius: 12px; overflow: hidden; }
.sub-click-wrap .inner .m-card-slide-2 .swiper-slide .img-box { width: 100%; height: 100%; position: relative; }
.sub-click-wrap .inner .m-card-slide-2 .swiper-slide .img-box img { width: 100%; height: 100%; object-fit: cover; }
.sub-click-wrap .inner .m-card-slide-2 .swiper-slide .text-box { width: 100%; height: 130px; position: absolute; left: 0; bottom: 0; z-index: 1; background: #F4F4F4; border-radius: 12px; padding: 30px 40px; }
.sub-click-wrap .inner .m-card-slide-2 .swiper-slide .text-box .num { font-size: 18px; font-weight: 600; }
.sub-click-wrap .inner .m-card-slide-2 .swiper-slide .text-box .desc { margin-top: 12px; font-size: 18px; font-weight: 400; }




.sub-click-wrap .inner .three-boan-wrap { width: 1250px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.sub-click-wrap .inner .three-boan-wrap > div { width: 402px; height: 182px; background: #F4F4F4; border-radius: 12px; padding: 40px 50px; }
.sub-click-wrap .inner .three-boan-wrap > div .desc { margin-top: 22px; font-size: 20px; font-weight: 600; }

.sub-click-wrap .inner .three-check-wrap { width: 1250px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.sub-click-wrap .inner .three-check-wrap > div { width: 402px; height: 182px; background: #D3E6EA; border-radius: 12px; padding: 40px 50px; }
.sub-click-wrap .inner .three-check-wrap > div .desc { margin-top: 22px; font-size: 20px; font-weight: 600; }

.sub-click-wrap .inner .seo-click-wrap { display: flex; align-items: center; justify-content: center; margin-bottom: 120px; }
.sub-click-wrap .inner .seo-click-wrap span { font-size: 20px; font-weight: 600; background: #F4F4F4; padding: 16px 30px; border-radius: 12px; margin-right: 12px; color: #101010; cursor: pointer; transition: all 0.2s ease-in; }
.sub-click-wrap .inner .seo-click-wrap span:hover { background: #256C7B; color: #fff; }
.sub-click-wrap .inner .seo-click-wrap span:last-child { margin-right: 0; }
.sub-click-wrap .inner .seo-click-wrap span.active { background: #256C7B; color: #fff; }

.sub-click-wrap .inner .seo-container {
    position: relative;
}

.sub-click-wrap .inner .seo-wrap {
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
    padding-bottom: 150px;
}

.sub-click-wrap .inner .seo-wrap.active {
    opacity: 1;
    pointer-events: auto;
}


.sub-click-wrap .inner .error-box { width: 1160px; margin: 0 auto; margin-top: 60px; display: flex; background: #F4F4F4; padding: 24px 40px; border-radius: 12px; }
.sub-click-wrap .inner .error-box svg { width: 20px; }
.sub-click-wrap .inner .error-box.mt-30 { margin-top: 30px; width: 100%; }
.sub-click-wrap .inner .error-box.mb-100 { margin-bottom: 100px; }
.sub-click-wrap .inner .error-box .desc { font-size: 18px; font-weight: 400; color: #565656; margin-left: 9px; }
.sub-click-wrap .inner .beaf-box { width: 1160px; margin: 0 auto; margin-top: 100px; }
.sub-click-wrap .inner .beaf-box > div { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; }
.sub-click-wrap .inner .beaf-box > div:first-child { margin-top: 0; }
.sub-click-wrap .inner .beaf-box > div > div { width: 567px; }

.sub-click-wrap .inner .beaf-box > div > div .be-head { width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; }
.sub-click-wrap .inner .beaf-box > div > div .be-head span { font-size: 20px; font-weight: 600; }
.sub-click-wrap .inner .beaf-box > div > div.before .be-head { background: #5D5D5D; }
.sub-click-wrap .inner .beaf-box > div > div.after .be-head { background: #256C7B; }
.sub-click-wrap .inner .beaf-box > div > div .img-box { width: 100%; height: 318px; position: relative; }
.sub-click-wrap .inner .beaf-box > div > div .img-box .main { width: 100%; height: 100%; object-fit: cover; }
.sub-click-wrap .inner .beaf-box > div > div .img-box .logo { width: 120px; position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); z-index: 2; opacity: 0.8; }

.sub-click-wrap .inner .beaf-box .date { width: 100%; height: 45px; margin-top: 6px; background: #F4F4F4; border-radius: 12px; text-align: center; display: flex; align-items: center; justify-content: center; }
.sub-click-wrap .inner .beaf-box .date span { font-size: 18px; font-weight: 600; color: #565656; }

.bigup-wrap { text-align: center; width: 1400px; margin: 0 auto; }
.bigup-wrap img { width: 100%; }

@media(max-width: 1920px){
    .content-inner .bete-wrap.order2 .img-box { border-radius: 0 12px 12px 0; }
    .content-inner .bete-wrap .img-box { border-radius: 12px 0 0 12px; }
}