@charset "utf-8";

/* 내용관리 */
#ctt {background:#F4EEE8; overflow: hidden; }
.ctt_admin {text-align:right; position: relative; z-index: 9999999999; }

.m-br { display: none; }

.container { background:#F4EEE8; }

.content-wrap { width: 100%; position: relative; overflow: hidden; }
.content-wrap.bg { background: #EFE8E2; padding: 100px 0; }

.content-inner { width: 1600px; margin: 0 auto; }
.content-inner.w100 { width: 100%; }

.content-inner > .abs-img { position: absolute; right: 122px; bottom: 0; }


.content-inner > .text-wrap { margin-bottom: 50px; }
.content-inner > .text-wrap > .sub-icon { margin-bottom: 18px; }
.content-inner > .text-wrap > .title { font-size: 60px; font-weight: 500; }

.content-inner > .order-wrap { display: flex; width: 1300px; margin: 0 auto; justify-content: center; }
.content-inner > .order-wrap ul { margin-right: 100px; }
.content-inner > .order-wrap ul:last-child { margin-right: 0; }
.content-inner > .order-wrap ul li { display: flex; align-items: center; margin-bottom: 26px; }
.content-inner > .order-wrap ul li.start { align-items: flex-start; }
.content-inner > .order-wrap ul li:last-child { margin-bottom: 0; }
.content-inner > .order-wrap ul li span.cir { display: block; width: 6px; height: 6px; border-radius: 50%; background: #860806; }
.content-inner > .order-wrap ul li.start span.cir { margin-top: 15px; }
.content-inner > .order-wrap ul li span.desc { margin-left: 14px; font-size: 26px; font-weight: 400; }

.content-inner > .order-wrap ul li span.desc > span { font-size: 20px; font-weight: 400; }


.cha-on { clip-path: inset(0 1300px 0 0); transition: clip-path 0.5s ease-in-out; }

.cha-on.on { clip-path: inset(0 0 0 0); }

/* slide-btn */
.swiper-button-prev:after,
.swiper-button-next:after { display: none; }
.content-inner .swiper-button-prev { background: url('/theme/basic/svg/sub_slide_btn_prev.svg'); background-repeat: no-repeat; background-position: center; background-size: cover; width: 60px; height: 60px; left: 80px; top: 44%; transform: translateY(-50%); margin: 0; }
.content-inner .swiper-button-next { background: url('/theme/basic/svg/sub_slide_btn_next.svg'); background-repeat: no-repeat; background-position: center; background-size: cover; width: 60px; height: 60px; right: 80px; top: 44%; transform: translateY(-50%); margin: 0; }
.content-inner .swiper-pagination { width: 100%; right: 0; left: 0; bottom: 0; }
.content-inner .swiper-pagination .swiper-pagination-bullet { padding: 11px; width: auto; height: auto; background: transparent; opacity: 1; margin: 0 7px; }
.content-inner .swiper-pagination .swiper-pagination-bullet > .inner-span { width: 8px; height: 8px; background: #B6B6B6; border-radius: 100%; display: block; }
.content-inner .swiper-pagination .swiper-pagination-bullet-active { border: 1px solid #860806;  }
.content-inner .swiper-pagination .swiper-pagination-bullet-active > .inner-span { background: #860806; }
.content-inner .swiper-pagination .swiper-pagination-bullet:focus-visible { outline: transparent }

/* 0101 */
.content-inner > .wrap-0101 { width: 100%; height: 1566px; position: relative; }
.content-inner > .wrap-0101 > .text-wrap { padding: 66px 40px; position: relative; z-index: 2; }
.content-inner > .wrap-0101 > .text-wrap > .title { font-size: 60px; font-weight: 400; }
.content-inner > .wrap-0101 > .text-wrap > .desc { font-size: 20px; font-weight: 400; }
.content-inner > .wrap-0101 > .text-wrap > .desc.font-head5 { font-size: 24px; font-weight: 500; }
.content-inner > .wrap-0101 > .text-wrap > .desc.mt-50 { margin-top: 50px }
.content-inner > .wrap-0101 > .text-wrap > .desc.mt-40 { margin-top: 40px }
.content-inner > .wrap-0101 > .text-wrap > .desc.mt-30 { margin-top: 30px }
.content-inner > .wrap-0101 > .text-wrap > .desc.mt-20 { margin-top: 20px }
.content-inner > .wrap-0101 > .img-box.right { position: absolute; right: 0; top: 0; z-index: 1; }
.content-inner > .wrap-0101 > .img-box.left { position: absolute; left: 80px; bottom: 170px; z-index: 1; }
.content-inner > .wrap-0101 > img { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 0; }

/* 0102 */
.content-inner > .wrap-0102 { width: 100%; position: relative; }
.content-inner > .wrap-0102 > .bete-wrap { display: flex; align-items: center; justify-content: space-between; }
.content-inner > .wrap-0102 > .bete-wrap > .img-box { width: 770px; height: 770px; position: relative; }
.content-inner > .wrap-0102 > .bete-wrap > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; }
.content-inner > .wrap-0102 > .bete-wrap > .text-box { width: 775px; }
.content-inner > .wrap-0102 > .bete-wrap > .text-box > .title { font-size: 60px; font-weight: 500; }
.content-inner > .wrap-0102 > .bete-wrap > .text-box > .desc.font-head5 { font-size: 26px; font-weight: 400; }
.content-inner > .wrap-0102 > .bete-wrap > .text-box > .desc.font-body1 { font-size: 20px; font-weight: 400; line-height: 170%; }
.content-inner > .wrap-0102 > .bete-wrap > .text-box > .desc.mt-50 { margin-top: 50px; }
.content-inner > .wrap-0102 > .bete-wrap > .text-box > .desc.mt-30 { margin-top: 30px; }

.content-inner > .wrap-0102 > .three-box { display: flex; align-items: center; margin-top: 80px; }
.content-inner > .wrap-0102 > .three-box > div { height: 476px; padding-left: 40px; border-left: 1px solid #999999; display: flex; justify-content: space-between; flex-direction: column; }
.content-inner > .wrap-0102 > .three-box > div:nth-child(1) { margin-right: 175px; }
.content-inner > .wrap-0102 > .three-box > div:nth-child(2) { margin-right: 95px; }
.content-inner > .wrap-0102 > .three-box > div > img { width: 120px; }
.content-inner > .wrap-0102 > .three-box > div > div > .title { font-size: 38px; font-weight: 500; }
.content-inner > .wrap-0102 > .three-box > div > div > .cdesc { font-size: 20px; font-weight: 500; margin-top: 12px; }
.content-inner > .wrap-0102 > .three-box > div > div > .desc { font-size: 18px; font-weight: 400; margin-top: 30px; letter-spacing: -0.07em; line-height: 160%; }
.content-inner > .wrap-0102 > .three-box > div > div > .desc > span.color-black { color: #21292E; font-weight: 500; }

.content-inner > .wrap-0102 > .ab-img { position: relative; width: 100%; height: 1329px; }
.content-inner > .wrap-0102 > .ab-img > .title { font-size: 60px; font-weight: 300; position: absolute; right: 140px; top: 22px; z-index: 3; }
.content-inner > .wrap-0102 > .ab-img > .img-box.one { position: absolute; left: 94px; top: 0; z-index: 1; }
.content-inner > .wrap-0102 > .ab-img > .img-box.two { position: absolute; right: 0; top: 90px; z-index: 2; }
.content-inner > .wrap-0102 > .ab-img > .img-box.thr { position: absolute; right: 49px; bottom: 0; z-index: 1; }
.content-inner > .wrap-0102 > .ab-img > img { position: absolute; left: 50%; transform: translateX(-50%); bottom: 250px; z-index: 0; }

.content-inner > .wrap-0102 > .bg-big-box { width: 100%; height: 100vh; position: relative; }
.content-inner > .wrap-0102 > .bg-big-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .wrap-0102 > .bg-big-box > .text-box { position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; z-index: 1; }
.content-inner > .wrap-0102 > .bg-big-box > .text-box > .desc { font-size: 26px; font-weight: 400; margin-top: 50px; text-shadow: 0px 4px 2px rgb(0, 0, 0, 0.08); }
.content-inner > .wrap-0102 > .bg-big-box > .text-box > .line { width: 1px; height: 28px; background: #999999; margin: 0 auto; margin-top: 26px; margin-bottom: 26px; }
.content-inner > .wrap-0102 > .bg-big-box > .text-box > .title { text-decoration: underline; text-underline-offset: 10px; font-size: 32px; font-weight: 500; }



/* 0201 */
.content-inner > .wrap-0201 > .text-wrap { margin-bottom: 60px; }
.content-inner > .wrap-0201 > .text-wrap > .title { font-size: 60px; font-weight: 400; }
.content-inner > .wrap-0201 > .sub-slide-1 { width: 100%; height: 740px; position: relative; overflow: hidden; padding-bottom: 80px; }
.content-inner > .wrap-0201 > .sub-slide-1 .swiper-slide { width: 100%; height: 100%; position: relative; }
.content-inner > .wrap-0201 > .sub-slide-1 .swiper-slide > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .wrap-0201 > .sub-slide-1 .swiper-slide > .slide-text { position: absolute; left: 50%; transform: translateX(-50%); bottom: 80px; text-align: center; }
.content-inner > .wrap-0201 > .sub-slide-1 .swiper-slide > .slide-text > .title { font-size: 38px; font-weight: 500; }
.content-inner > .wrap-0201 > .sub-slide-1 .swiper-slide > .slide-text > .desc { font-size: 18px; font-weight: 400; margin-top: 30px; }

.content-inner > .wrap-0201 > .qna-wrap { width: 100%; }
.content-inner > .wrap-0201 > .qna-wrap > div:last-child { border-bottom: 1px solid #999;}
.content-inner > .wrap-0201 > .qna-wrap > div > ul { border-top: 1px solid #999999; padding: 40px 30px; display: flex; align-items: center; justify-content: space-between; }
.content-inner > .wrap-0201 > .qna-wrap > div > ul:first-child { cursor: pointer; }
.content-inner > .wrap-0201 > .qna-wrap > div > ul.answer { display: none; }
.content-inner > .wrap-0201 > .qna-wrap > div > ul.answer.active {
    display: block;
    animation: fadeIn 0.3s ease-in-out;
}
/* answer 열릴 때의 부드러운 애니메이션 */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.content-inner > .wrap-0201 > .qna-wrap > div > ul:last-child { background: #EFE9E3; padding: 40px 60px; }
.content-inner > .wrap-0201 > .qna-wrap > div > ul:last-child.img { padding: 0; display: none; }
.content-inner > .wrap-0201 > .qna-wrap > div > ul:last-child.img > div { display: flex; align-items: center; justify-content: flex-start; }
.content-inner > .wrap-0201 > .qna-wrap > div > ul > li:first-child { display: flex; align-items: center; }
.content-inner > .wrap-0201 > .qna-wrap > div > ul > li.click { cursor: pointer; position: relative; transition: transform 0.5s ease; }

.content-inner > .wrap-0201 > .qna-wrap > div > ul > li.click > .line { width: 20px; height: 4px; background: #860806; }
.content-inner > .wrap-0201 > .qna-wrap > div > ul > li.click > .line.abs { width: 4px; height: 20px; background: #860806; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; transition: transform 0.5s ease; }
/* 클릭 상태에서 line.abs 표시 */
.content-inner > .wrap-0201 > .qna-wrap > div > ul.answer.active + ul > li.click .line.abs {
    display: block;
    transform: translate(-50%, -50%);
    transition: transform 0.5s ease;
}

.content-inner > .wrap-0201 > .qna-wrap > div > ul:last-child > li:first-child { align-items: flex-start; }
.content-inner > .wrap-0201 > .qna-wrap > div > ul .title { margin-left: 16px; font-size: 24px; font-weight: 500; }
.content-inner > .wrap-0201 > .qna-wrap > div > ul .desc { margin-left: 20px; font-size: 18px; font-weight: 400; line-height: 160%; }

.content-inner > .wrap-0201 > .qna-wrap > div > ul:last-child.img li.img-box { width: 360px; height: 360px; position: relative; margin-right: 80px; }
.content-inner > .wrap-0201 > .qna-wrap > div > ul:last-child.img li.img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .wrap-0201 > .qna-wrap > div > ul:last-child.img li:last-child { display: flex; align-items: flex-start; }




/* 0202 */
.content-inner > .wrap-0202 > .text-wrap { margin-bottom: 60px; display: flex; align-items: center; }
.content-inner > .wrap-0202 > .text-wrap > .title { font-size: 60px; font-weight: 400; }
.content-inner > .wrap-0202 > .text-wrap > .desc-box { display: flex; align-items: center; margin-left: 100px; }
.content-inner > .wrap-0202 > .text-wrap > .desc-box > .line { width: 1px; height: 74px; background: #860806; }
.content-inner > .wrap-0202 > .text-wrap > .desc-box > .desc { font-size: 18px; font-weight: 400; margin-left: 26px; }
.content-inner > .wrap-0202 > .one-box { width: 100%; }
.content-inner > .wrap-0202 > .one-box > .img-box { width: 100%; height: 680px; position: relative; }
.content-inner > .wrap-0202 > .one-box > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }

.content-inner > .wrap-0202 > .bete-wrap { display: flex; align-items: center; justify-content: space-between; position: relative; }
.content-inner > .wrap-0202 > .bete-wrap > img { position: absolute; left: -100px; top: 112px; z-index: 1; animation: spin2 5s linear infinite; display: block; }
@keyframes spin2 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.content-inner > .wrap-0202 > .bete-wrap > div { width: 770px; height: 768px; }
.content-inner > .wrap-0202 > .bete-wrap > .text-img-box { display: flex; justify-content: space-between; flex-direction: column; }
.content-inner > .wrap-0202 > .bete-wrap > .text-img-box > .title { font-size: 60px; font-weight: 400; }
.content-inner > .wrap-0202 > .bete-wrap > .text-img-box > .img-box { width: 100%; height: 556px; position: relative; }
.content-inner > .wrap-0202 > .bete-wrap > .text-img-box > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .wrap-0202 > .bete-wrap > div.text-box { height: auto; }
.content-inner > .wrap-0202 > .bete-wrap > .text-box > ul > li { padding: 30px; border-top: 1px solid #999999; display: flex; align-items: center; }
.content-inner > .wrap-0202 > .bete-wrap > .text-box > ul > li:last-child { border-bottom: 1px solid #999999; }
.content-inner > .wrap-0202 > .bete-wrap > .text-box > ul > li > span { font-size: 24px; font-weight: 500; margin-left: 16px; }


.content-inner > .wrap-0202 > .bete-text-wrap { display: flex; justify-content: space-between; }
.content-inner > .wrap-0202 > .bete-text-wrap.mt-60 { margin-top: 60px; }
.content-inner > .wrap-0202 > .bete-text-wrap > div { width: 48%; padding: 36px 22px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; display: flex; }
.content-inner > .wrap-0202 > .bete-text-wrap.borderno > div { border-bottom: none; }
.content-inner > .wrap-0202 > .bete-text-wrap > div > .title { font-size: 24px; font-weight: 500; }
.content-inner > .wrap-0202 > .bete-text-wrap > div > .line { width: 1px; height: 100%; padding: 3px 0; background: #B6B6B6; margin: 0 30px; }
.content-inner > .wrap-0202 > .bete-text-wrap > div > .desc { font-size: 20px; font-weight: 400; }
.content-inner > .wrap-0202 > .bete-text-wrap > div > .desc > span.arrow { margin: 0 12px; }

.content-inner > .wrap-0202 > .link-box { margin-top: 80px; width: 100%; }
.content-inner > .wrap-0202 > .link-box > a { display: inline-flex; justify-content: center; align-items: center; padding: 24px 50px; background: none; border: 1px solid #860806; border-radius: 200px; transition: background 0.3s ease; }
.content-inner > .wrap-0202 > .link-box > a > .title { font-size: 22px; font-weight: 500; margin-left: 14px; transition: color 0.3s ease; }
.content-inner > .wrap-0202 > .link-box > a:hover { background: #860806; }
.content-inner > .wrap-0202 > .link-box > a:hover > img { content: url('/theme/basic/svg/w_sub_s_logo.svg'); transition: opacity 0.4s ease; }
.content-inner > .wrap-0202 > .link-box > a:hover > .title { color: #fff; }




/* 0204 */
.content-inner > .wrap-0204 { height: 1120px; position: relative; }
.content-inner > .wrap-0204 > img { position: absolute; left: 50%; transform: translateX(-50%); top: 35px; z-index: 0; }
.content-inner > .wrap-0204 > .img-box.one { position: absolute; left: 564px; top: 0; z-index: 1; }
.content-inner > .wrap-0204 > .img-box.two { position: absolute; left: 0; top: 170px; }
.content-inner > .wrap-0204 > .img-box.thr { position: absolute; right: 0; top: 490px; }
.content-inner > .wrap-0204 > .title { font-size: 60px; font-weight: 300; position: absolute; right: 328px; bottom: 0; z-index: 3; }

/* 0205 */
.content-inner > .wrap-0205 { height: 1116px; position: relative; }
.content-inner > .wrap-0205 > img { position: absolute; left: 50%; transform: translateX(-50%); top: 0; z-index: 0; }
.content-inner > .wrap-0205 > .img-box.one { position: absolute; left: 0; top: 421px; }
.content-inner > .wrap-0205 > .img-box.two { position: absolute; right: 312px; top: 162px; z-index: 1; }
.content-inner > .wrap-0205 > .img-box.thr { position: absolute; right: -160px; top: 50px; }
.content-inner > .wrap-0205 > .title { font-size: 60px; font-weight: 300; position: absolute; right: 243px; bottom: 0; z-index: 3; }

/* 0206 */
.content-inner > .wrap-0206 > .text-wrap { margin-bottom: 60px; }
.content-inner > .wrap-0206 > .text-wrap > .title { font-size: 60px; font-weight: 400; }
.content-inner > .wrap-0206 > .bete-wrap { display: flex; align-items: center; justify-content: space-between; }
.content-inner > .wrap-0206 > .bete-wrap > .img-box { width: 770px; height: 770px; position: relative; }
.content-inner > .wrap-0206 > .bete-wrap > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .wrap-0206 > .bete-wrap > .text-box { width: 770px; }
.content-inner > .wrap-0206 > .bete-wrap > .text-box > .title { font-size: 32px; font-weight: 500; }
.content-inner > .wrap-0206 > .bete-wrap > .text-box > .desc { font-size: 18px; font-weight: 400; margin-top: 30px; }
.content-inner > .wrap-0206 > .bete-wrap > .text-box > .link-box { margin-top: 80px; display: flex; align-items: center; }
.content-inner > .wrap-0206 > .bete-wrap > .text-box > .link-box > a { display: block; margin-right: 22px; }
.content-inner > .wrap-0206 > .bete-wrap > .text-box > .link-box > a:last-child { margin-right: 0; }

.content-inner > .wrap-0206 > .five-box { display: flex; align-items: center; justify-content: space-between; }
.content-inner > .wrap-0206 > .five-box > div { border-left: 1px solid #999999; padding-left: 36px; height: 267px; }
.content-inner > .wrap-0206 > .five-box > div > ul { height: 100%; display: flex; justify-content: space-between; flex-direction: column; }
.content-inner > .wrap-0206 > .five-box > div > ul > li > .sub-title { font-size: 20px; font-weight: 500; margin-bottom: 26px; }
.content-inner > .wrap-0206 > .five-box > div > ul > li > .title { font-size: 32px; font-weight: 500; }

/* 0207 */
.content-inner > .wrap-0207 { height: 3538px; position: relative; }
.content-inner > .wrap-0207 > img { position: absolute; left: 50%; transform: translateX(-50%); top: 1305px; }

.content-inner > .wrap-0207 > .img-box.one { position: absolute; left: -160px; top: 0; }
.content-inner > .wrap-0207 > .img-box.one > .text-line-box { position: absolute; right: -420px; top: 191px; display: flex; align-items: center; }
.content-inner > .wrap-0207 > .img-box.one > .text-line-box > .line { width: 186px; height: 1px; background: #860806; }
.content-inner > .wrap-0207 > .img-box.one > .text-line-box > .title { font-size: 36px; font-weight: 300; margin-left: 33px; }

.content-inner > .wrap-0207 > .img-box.two { position: absolute; right: 0; top: 438px; }
.content-inner > .wrap-0207 > .img-box.two > .title { font-size: 20px; font-weight: 300; margin-bottom: 40px; padding-left: 172px; }
.content-inner > .wrap-0207 > .img-box.thr { position: absolute; right: -160px; top: 1405px; }
.content-inner > .wrap-0207 > .img-box.thr > .title { font-size: 20px; font-weight: 300; margin-top: 40px; }

.content-inner > .wrap-0207 > .img-box.four { position: absolute; left: 0; bottom: 714px; }
.content-inner > .wrap-0207 > .img-box.four > .text-line-box { position: absolute; right: -420px; bottom: 368px; display: flex; align-items: center; }
.content-inner > .wrap-0207 > .img-box.four > .text-line-box > .line { width: 186px; height: 1px; background: #860806; }
.content-inner > .wrap-0207 > .img-box.four > .text-line-box > .title { font-size: 36px; font-weight: 300; margin-left: 33px; }

.content-inner > .wrap-0207 > .img-box.five { position: absolute; right: 0; bottom: 370px; }
.content-inner > .wrap-0207 > .img-box.five > img.infi { position: absolute; right: -100px; bottom: -120px; z-index: 1; animation: spin2 5s linear infinite; display: block; }

.content-inner > .wrap-0207 > .img-box.six { position: absolute; left: 59px; bottom: 0; }

.o-link-box { margin-top: 80px; width: 100%; }
.o-link-box > a { display: inline-flex; justify-content: center; align-items: center; padding: 24px 50px; background: none; border: 1px solid #860806; border-radius: 200px; transition: background 0.3s ease; }
.o-link-box > a > .title { font-size: 22px; font-weight: 500; transition: color 0.3s ease; }
.o-link-box > a:hover { background: #860806; }
.o-link-box > a:hover > .title { color: #fff; }



/* 0501 */
.content-inner > .wrap-0501 > .text-wrap { margin-bottom: 60px; }
.content-inner > .wrap-0501 > .text-wrap > .title { font-size: 60px; font-weight: 400; }
.content-inner > .wrap-0501 > .bete-wrap { display: flex; align-items: center; }
.content-inner > .wrap-0501 > .bete-wrap > .img-box { width: 770px; height: 578px; position: relative; margin-right: 80px; }
.content-inner > .wrap-0501 > .bete-wrap > .img-box > img,
.content-inner > .wrap-0501 > .bete-wrap > .img-box > .map { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .wrap-0501 > .bete-wrap > .img-box > .root_daum_roughmap { width: 100%; }
.content-inner > .wrap-0501 > .bete-wrap > .img-box > .root_daum_roughmap .wrap_map { width: 100%; height: 100%; }
.content-inner > .wrap-0501 > .bete-wrap > .img-box .root_daum_roughmap .wrap_controllers { display: none; }

.content-inner > .wrap-0501 > .bete-wrap > .text-box { width: 604px; }
.content-inner > .wrap-0501 > .bete-wrap > .text-box > .title { font-size: 38px; font-weight: 500; padding-left: 16px; }
.content-inner > .wrap-0501 > .bete-wrap > .text-box > .desc { font-size: 20px; font-weight: 400; padding-left: 16px; margin-top: 24px; }
.content-inner > .wrap-0501 > .bete-wrap > .text-box > .line { width: 100%; height: 1px; background: #B6B6B6; margin: 34px 0; }
.content-inner > .wrap-0501 > .bete-wrap > .text-box > a { display: flex; align-items: center; padding-left: 16px; }
.content-inner > .wrap-0501 > .bete-wrap > .text-box > a > .title { font-size: 28px; font-weight: 500; }
.content-inner > .wrap-0501 > .bete-wrap > .text-box > a > .line {  width: 1px; height: 24px; background: #21292E; margin: 0 18px; }
.content-inner > .wrap-0501 > .bete-wrap > .text-box > a > .desc { font-size: 28px; font-weight: 500; }
.content-inner > .wrap-0501 > .bete-wrap > .text-box > ul > li { padding-left: 16px; margin-bottom: 18px; font-size: 26px; font-weight: 400; display: flex; align-items: center; }
.content-inner > .wrap-0501 > .bete-wrap > .text-box > ul > li:last-child { margin-bottom: 0; }
.content-inner > .wrap-0501 > .bete-wrap > .text-box > ul > li > span { margin-right: 9px; font-size: 16px; }

.content-inner > .wrap-0501.h { height: 3717px; position: relative; }
.content-inner > .wrap-0501 > img { position: absolute; left: 50%; transform: translateX(-50%); top: 673px; }

.content-inner > .wrap-0501 > .img-box.one { position: absolute; left: 0; top: 94px; }

.content-inner > .wrap-0501 > .img-box.two { position: absolute; left: 220px; top: 421px; }
.content-inner > .wrap-0501 > .img-box.thr { position: absolute; right: 0; top: 0; }
.content-inner > .wrap-0501 > .img-box.thr > .text-line-box { position: absolute; left: -410px; top: 161px; display: flex; align-items: center; }
.content-inner > .wrap-0501 > .img-box.thr > .text-line-box > .line { width: 186px; height: 1px; background: #860806; }
.content-inner > .wrap-0501 > .img-box.thr > .text-line-box > .title { font-size: 36px; font-weight: 300; margin-right: 33px; }

.content-inner > .wrap-0501 > .img-box.four { position: absolute; left: 0; top: 1119px; }
.content-inner > .wrap-0501 > .img-box.four > .text-line-box { position: absolute; right: -430px; top: 127px; display: flex; align-items: center; }
.content-inner > .wrap-0501 > .img-box.four > .text-line-box > .line { width: 186px; height: 1px; background: #860806; }
.content-inner > .wrap-0501 > .img-box.four > .text-line-box > .title { font-size: 36px; font-weight: 300; margin-left: 33px; }

.content-inner > .wrap-0501 > .img-box.five { position: absolute; right: 0; top: 1410px; display: flex; align-items: center; }
.content-inner > .wrap-0501 > .img-box.five > img { margin-right: 10px; }
.content-inner > .wrap-0501 > .img-box.five > img:last-child { margin-right: 0; }

.content-inner > .wrap-0501 > .img-box.six { position: absolute; left: 166px; bottom: 1040px; }

.content-inner > .wrap-0501 > .img-box.sev { position: absolute; right: 0; bottom: 815px; }
.content-inner > .wrap-0501 > .img-box.sev > .title { font-size: 20px; font-weight: 300; margin-bottom: 40px; text-align: right; }
.content-inner > .wrap-0501 > .img-box.sev > .text-line-box { position: absolute; left: -410px; bottom: 69px; display: flex; align-items: center; }
.content-inner > .wrap-0501 > .img-box.sev > .text-line-box > .line { width: 186px; height: 1px; background: #860806; }
.content-inner > .wrap-0501 > .img-box.sev > .text-line-box > .title { font-size: 36px; font-weight: 300; margin-right: 33px; }

.content-inner > .wrap-0501 > .img-box.eig { position: absolute; left: 0; bottom: 0; }
.content-inner > .wrap-0501 > .img-box.eig > .text-line-box { position: absolute; right: -440px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; }
.content-inner > .wrap-0501 > .img-box.eig > .text-line-box > .line { width: 186px; height: 1px; background: #860806; }
.content-inner > .wrap-0501 > .img-box.eig > .text-line-box > .title { font-size: 36px; font-weight: 300; margin-left: 33px; }

.content-inner > .wrap-0501 > .img-box.eig > img.infi { position: absolute; left: -100px; top: -100px; z-index: 1; animation: spin2 5s linear infinite; display: block; }


/* 0502 */
.content-inner > .wrap-0502 > .text-wrap { margin-bottom: 60px; }
.content-inner > .wrap-0502 > .text-wrap > .title { font-size: 60px; font-weight: 400; }
.content-inner > .wrap-0502 > .bete-wrap { display: flex; align-items: center; }
.content-inner > .wrap-0502 > .bete-wrap > .img-box { width: 770px; height: 578px; position: relative; margin-right: 80px; }
.content-inner > .wrap-0502 > .bete-wrap > .img-box > img,
.content-inner > .wrap-0502 > .bete-wrap > .img-box > .map { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .wrap-0502 > .bete-wrap > .img-box > .root_daum_roughmap { width: 100%; }
.content-inner > .wrap-0502 > .bete-wrap > .img-box > .root_daum_roughmap .wrap_map { width: 100%; height: 100%; }
.content-inner > .wrap-0502 > .bete-wrap > .img-box .root_daum_roughmap .wrap_controllers { display: none; }

.content-inner > .wrap-0502 > .bete-wrap > .text-box { width: 604px; }
.content-inner > .wrap-0502 > .bete-wrap > .text-box > .title { font-size: 38px; font-weight: 500; padding-left: 16px; }
.content-inner > .wrap-0502 > .bete-wrap > .text-box > .desc { font-size: 20px; font-weight: 400; padding-left: 16px; margin-top: 24px; }
.content-inner > .wrap-0502 > .bete-wrap > .text-box > .line { width: 100%; height: 1px; background: #B6B6B6; margin: 34px 0; }
.content-inner > .wrap-0502 > .bete-wrap > .text-box > a { display: flex; align-items: center; padding-left: 16px; }
.content-inner > .wrap-0502 > .bete-wrap > .text-box > a > .title { font-size: 28px; font-weight: 500; }
.content-inner > .wrap-0502 > .bete-wrap > .text-box > a > .line {  width: 1px; height: 24px; background: #21292E; margin: 0 18px; }
.content-inner > .wrap-0502 > .bete-wrap > .text-box > a > .desc { font-size: 28px; font-weight: 500; }
.content-inner > .wrap-0502 > .bete-wrap > .text-box > ul > li { padding-left: 16px; margin-bottom: 18px; font-size: 26px; font-weight: 400; display: flex; align-items: center; }
.content-inner > .wrap-0502 > .bete-wrap > .text-box > ul > li:last-child { margin-bottom: 0; }
.content-inner > .wrap-0502 > .bete-wrap > .text-box > ul > li > span { margin-right: 9px; font-size: 16px; }

.content-inner > .wrap-0502.h { height: 3867px; position: relative; }
.content-inner > .wrap-0502 > img { position: absolute; left: 50%; transform: translateX(-50%); top: 1751px; }

.content-inner > .wrap-0502 > .img-box.one { position: absolute; left: 60px; top: 115px; }
.content-inner > .wrap-0502 > .img-box.one > .text-line-box { position: absolute; right: -410px; bottom: 88px; display: flex; align-items: center; }
.content-inner > .wrap-0502 > .img-box.one > .text-line-box > .line { width: 186px; height: 1px; background: #860806; }
.content-inner > .wrap-0502 > .img-box.one > .text-line-box > .title { font-size: 36px; font-weight: 300; margin-left: 33px; }


.content-inner > .wrap-0502 > .img-box.two { position: absolute; right: 76px; top: 0; }

.content-inner > .wrap-0502 > .img-box.thr { position: absolute; left: 0; top: 1027px; }
.content-inner > .wrap-0502 > .img-box.thr > .title { font-size: 20px; font-weight: 300; margin-bottom: 40px; text-align: left; }
.content-inner > .wrap-0502 > .img-box.thr > .text-line-box { position: absolute; right: -430px; bottom: 340px; display: flex; align-items: center; }
.content-inner > .wrap-0502 > .img-box.thr > .text-line-box > .line { width: 186px; height: 1px; background: #860806; }
.content-inner > .wrap-0502 > .img-box.thr > .text-line-box > .title { font-size: 36px; font-weight: 300; margin-left: 33px; }

.content-inner > .wrap-0502 > .img-box.four { position: absolute; right: 120px; top: 912px; }
.content-inner > .wrap-0502 > .img-box.four > img.infi { position: absolute; right: -100px; top: -100px; z-index: 1; animation: spin2 5s linear infinite; display: block; }



.content-inner > .wrap-0502 > .img-box.five { position: absolute; right: 59px; top: 1320px; display: flex; align-items: center; }

.content-inner > .wrap-0502 > .img-box.six { position: absolute; left: 40px; bottom: 1237px; }
.content-inner > .wrap-0502 > .img-box.six > img { margin-left: 10px; }
.content-inner > .wrap-0502 > .img-box.six > img:first-child { margin-left: 0; margin-bottom: 40px; }

.content-inner > .wrap-0502 > .img-box.sev { position: absolute; right: 0; bottom: 1067px; }
.content-inner > .wrap-0502 > .img-box.sev > .title { font-size: 20px; font-weight: 300; margin-bottom: 40px; text-align: right; }
.content-inner > .wrap-0502 > .img-box.sev > .text-line-box { position: absolute; left: -410px; bottom: 40px; display: flex; align-items: center; }
.content-inner > .wrap-0502 > .img-box.sev > .text-line-box > .line { width: 186px; height: 1px; background: #860806; }
.content-inner > .wrap-0502 > .img-box.sev > .text-line-box > .title { font-size: 36px; font-weight: 300; margin-right: 33px; }

.content-inner > .wrap-0502 > .img-box.eig { position: absolute; left: 0; bottom: 268px; }
.content-inner > .wrap-0502 > .img-box.eig > .text-line-box { position: absolute; right: -440px; top: 149px; display: flex; align-items: center; }
.content-inner > .wrap-0502 > .img-box.eig > .text-line-box > .line { width: 186px; height: 1px; background: #860806; }
.content-inner > .wrap-0502 > .img-box.eig > .text-line-box > .title { font-size: 36px; font-weight: 300; margin-left: 33px; }

.content-inner > .wrap-0502 > .img-box.nine { position: absolute; right: 184px; bottom: 0; }


/* 0503 */
.content-inner > .wrap-0503 > .text-wrap { margin-bottom: 60px; }
.content-inner > .wrap-0503 > .text-wrap > .title { font-size: 60px; font-weight: 400; }
.content-inner > .wrap-0503 > .bete-wrap { display: flex; align-items: center; }
.content-inner > .wrap-0503 > .bete-wrap > .img-box { width: 770px; height: 578px; position: relative; margin-right: 80px; }
.content-inner > .wrap-0503 > .bete-wrap > .img-box > img,
.content-inner > .wrap-0503 > .bete-wrap > .img-box > .map { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .wrap-0503 > .bete-wrap > .img-box > .root_daum_roughmap { width: 100%; }
.content-inner > .wrap-0503 > .bete-wrap > .img-box > .root_daum_roughmap .wrap_map { width: 100%; height: 100%; }
.content-inner > .wrap-0503 > .bete-wrap > .img-box .root_daum_roughmap .wrap_controllers { display: none; }

.content-inner > .wrap-0503 > .bete-wrap > .text-box { width: 604px; }
.content-inner > .wrap-0503 > .bete-wrap > .text-box > .title { font-size: 38px; font-weight: 500; padding-left: 16px; }
.content-inner > .wrap-0503 > .bete-wrap > .text-box > .desc { font-size: 20px; font-weight: 400; padding-left: 16px; margin-top: 24px; }
.content-inner > .wrap-0503 > .bete-wrap > .text-box > .line { width: 100%; height: 1px; background: #B6B6B6; margin: 34px 0; }
.content-inner > .wrap-0503 > .bete-wrap > .text-box > a { display: flex; align-items: center; padding-left: 16px; }
.content-inner > .wrap-0503 > .bete-wrap > .text-box > a > .title { font-size: 28px; font-weight: 500; }
.content-inner > .wrap-0503 > .bete-wrap > .text-box > a > .line {  width: 1px; height: 24px; background: #21292E; margin: 0 18px; }
.content-inner > .wrap-0503 > .bete-wrap > .text-box > a > .desc { font-size: 28px; font-weight: 500; }
.content-inner > .wrap-0503 > .bete-wrap > .text-box > ul > li { padding-left: 16px; margin-bottom: 18px; font-size: 26px; font-weight: 400; display: flex; align-items: center; }
.content-inner > .wrap-0503 > .bete-wrap > .text-box > ul > li:last-child { margin-bottom: 0; }
.content-inner > .wrap-0503 > .bete-wrap > .text-box > ul > li > span { margin-right: 9px; font-size: 16px; }

.content-inner > .wrap-0503.h { height: 3894px; position: relative; }
.content-inner > .wrap-0503 > img { position: absolute; left: 50%; transform: translateX(-50%); top: 666px; }

.content-inner > .wrap-0503 > .img-box.one { position: absolute; left: 0; top: 0; }
.content-inner > .wrap-0503 > .img-box.one > .text-line-box { position: absolute; right: -410px; top: 162px; display: flex; align-items: center; }
.content-inner > .wrap-0503 > .img-box.one > .text-line-box > .line { width: 186px; height: 1px; background: #860806; }
.content-inner > .wrap-0503 > .img-box.one > .text-line-box > .title { font-size: 36px; font-weight: 300; margin-left: 33px; }


.content-inner > .wrap-0503 > .img-box.two { position: absolute; right: 184px; top: 367px; }

.content-inner > .wrap-0503 > .img-box.thr { position: absolute; left: 60px; top: 1067px; }

.content-inner > .wrap-0503 > .img-box.four { position: absolute; right: 76px; top: 1182px; }
.content-inner > .wrap-0503 > .img-box.four > .text-line-box { position: absolute; left: -410px; bottom: 93px; display: flex; align-items: center; }
.content-inner > .wrap-0503 > .img-box.four > .text-line-box > .line { width: 186px; height: 1px; background: #860806; }
.content-inner > .wrap-0503 > .img-box.four > .text-line-box > .title { font-size: 36px; font-weight: 300; margin-right: 33px; }



.content-inner > .wrap-0503 > .img-box.five { position: absolute; left: 0; bottom: 987px; }
.content-inner > .wrap-0503 > .img-box.five > .title { font-size: 20px; font-weight: 300; margin-bottom: 40px; text-align: left; }
.content-inner > .wrap-0503 > .img-box.five > .text-line-box { position: absolute; right: -410px; bottom: 271px; display: flex; align-items: center; }
.content-inner > .wrap-0503 > .img-box.five > .text-line-box > .line { width: 186px; height: 1px; background: #860806; }
.content-inner > .wrap-0503 > .img-box.five > .text-line-box > .title { font-size: 36px; font-weight: 300; margin-left: 33px; }


.content-inner > .wrap-0503 > .img-box.six { position: absolute; right: 123px; bottom: 1477px; }
.content-inner > .wrap-0503 > .img-box.six > img.infi { position: absolute; left: -100px; top: -100px; z-index: 1; animation: spin2 5s linear infinite; display: block; }

.content-inner > .wrap-0503 > .img-box.sev { position: absolute; right: 3px; bottom: 1137px; z-index: 1; }

.content-inner > .wrap-0503 > .img-box.eig { position: absolute; left: 40px; bottom: 170px; }
.content-inner > .wrap-0503 > .img-box.eig > img:first-child { margin-right: 10px; margin-bottom: 40px; }


.content-inner > .wrap-0503 > .img-box.nine { position: absolute; right: 0; bottom: 0; }
.content-inner > .wrap-0503 > .img-box.nine > .title { font-size: 20px; font-weight: 300; margin-bottom: 40px; text-align: left; }
.content-inner > .wrap-0503 > .img-box.nine > .text-line-box { position: absolute; left: -410px; bottom: 40px; display: flex; align-items: center; }
.content-inner > .wrap-0503 > .img-box.nine > .text-line-box > .line { width: 186px; height: 1px; background: #860806; }
.content-inner > .wrap-0503 > .img-box.nine > .text-line-box > .title { font-size: 36px; font-weight: 300; margin-right: 33px; }


/* 0504 */
.content-inner > .wrap-0504 > .text-wrap { margin-bottom: 60px; }
.content-inner > .wrap-0504 > .text-wrap > .title { font-size: 60px; font-weight: 400; }
.content-inner > .wrap-0504 > .bete-wrap { display: flex; align-items: center; }
.content-inner > .wrap-0504 > .bete-wrap > .img-box { width: 770px; height: 578px; position: relative; margin-right: 80px; }
.content-inner > .wrap-0504 > .bete-wrap > .img-box > img,
.content-inner > .wrap-0504 > .bete-wrap > .img-box > .map { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .wrap-0504 > .bete-wrap > .img-box > .root_daum_roughmap { width: 100%; }
.content-inner > .wrap-0504 > .bete-wrap > .img-box > .root_daum_roughmap .wrap_map { width: 100%; height: 100%; }
.content-inner > .wrap-0504 > .bete-wrap > .img-box .root_daum_roughmap .wrap_controllers { display: none; }

.content-inner > .wrap-0504 > .bete-wrap > .text-box { width: 604px; }
.content-inner > .wrap-0504 > .bete-wrap > .text-box > .title { font-size: 38px; font-weight: 500; padding-left: 16px; }
.content-inner > .wrap-0504 > .bete-wrap > .text-box > .desc { font-size: 20px; font-weight: 400; padding-left: 16px; margin-top: 24px; }
.content-inner > .wrap-0504 > .bete-wrap > .text-box > .line { width: 100%; height: 1px; background: #B6B6B6; margin: 34px 0; }
.content-inner > .wrap-0504 > .bete-wrap > .text-box > a { display: flex; align-items: center; padding-left: 16px; }
.content-inner > .wrap-0504 > .bete-wrap > .text-box > a > .title { font-size: 28px; font-weight: 500; }
.content-inner > .wrap-0504 > .bete-wrap > .text-box > a > .line {  width: 1px; height: 24px; background: #21292E; margin: 0 18px; }
.content-inner > .wrap-0504 > .bete-wrap > .text-box > a > .desc { font-size: 28px; font-weight: 500; }
.content-inner > .wrap-0504 > .bete-wrap > .text-box > ul > li { padding-left: 16px; margin-bottom: 18px; font-size: 26px; font-weight: 400; display: flex; align-items: center; }
.content-inner > .wrap-0504 > .bete-wrap > .text-box > ul > li:last-child { margin-bottom: 0; }
.content-inner > .wrap-0504 > .bete-wrap > .text-box > ul > li > span { margin-right: 9px; font-size: 16px; }

.content-inner > .wrap-0504.h { height: 3803px; position: relative; }
.content-inner > .wrap-0504 > img { position: absolute; left: 50%; transform: translateX(-50%); bottom: 828px; }

.content-inner > .wrap-0504 > .img-box.one { position: absolute; left: 40px; top: 55px; }
.content-inner > .wrap-0504 > .img-box.one > img:first-child { margin-right: 10px; }

.content-inner > .wrap-0504 > .img-box.two { position: absolute; right: 0; top: 0; }
.content-inner > .wrap-0504 > .img-box.two > .text-line-box { position: absolute; left: -410px; bottom: 50px; display: flex; align-items: center; }
.content-inner > .wrap-0504 > .img-box.two > .text-line-box > .line { width: 186px; height: 1px; background: #860806; }
.content-inner > .wrap-0504 > .img-box.two > .text-line-box > .title { font-size: 36px; font-weight: 300; margin-right: 33px; }


.content-inner > .wrap-0504 > .img-box.thr { position: absolute; left: 0; top: 930px; }
.content-inner > .wrap-0504 > .img-box.thr > .text-line-box { position: absolute; right: -410px; top: 128px; display: flex; align-items: center; }
.content-inner > .wrap-0504 > .img-box.thr > .text-line-box > .line { width: 186px; height: 1px; background: #860806; }
.content-inner > .wrap-0504 > .img-box.thr > .text-line-box > .title { font-size: 36px; font-weight: 300; margin-left: 33px; }


.content-inner > .wrap-0504 > .img-box.four { position: absolute; right: 184px; top: 1249px; }
.content-inner > .wrap-0504 > .img-box.four > img.infi { position: absolute; left: -100px; bottom: -100px; z-index: 1; animation: spin2 5s linear infinite; display: block; }


.content-inner > .wrap-0504 > .img-box.five { position: absolute; left: 60px; bottom: 1650px; display: flex; flex-direction: column; }
.content-inner > .wrap-0504 > .img-box.five > .title { font-size: 20px; font-weight: 300; margin-bottom: 40px; text-align: left; order: 0; }
.content-inner > .wrap-0504 > .img-box.five > img { order: 2; }

.content-inner > .wrap-0504 > .img-box.six { position: absolute; right: 76px; bottom: 1276px; }
.content-inner > .wrap-0504 > .img-box.six > .text-line-box { position: absolute; left: -410px; bottom: 124px; display: flex; align-items: center; }
.content-inner > .wrap-0504 > .img-box.six > .text-line-box > .line { width: 186px; height: 1px; background: #860806; }
.content-inner > .wrap-0504 > .img-box.six > .text-line-box > .title { font-size: 36px; font-weight: 300; margin-right: 33px; }


.content-inner > .wrap-0504 > .img-box.sev { position: absolute; left: 0; bottom: 0; }
.content-inner > .wrap-0504 > .img-box.sev > .text-line-box { position: absolute; right: -410px; bottom: 236px; display: flex; align-items: center; }
.content-inner > .wrap-0504 > .img-box.sev > .text-line-box > .line { width: 186px; height: 1px; background: #860806; }
.content-inner > .wrap-0504 > .img-box.sev > .text-line-box > .title { font-size: 36px; font-weight: 300; margin-left: 33px; }

.content-inner > .wrap-0504 > .img-box.eig { position: absolute; right: 123px; bottom: 427px; }
.content-inner > .wrap-0504 > .img-box.eig > .title { font-size: 20px; font-weight: 300; margin-top: 40px; text-align: left; }

.content-inner > .wrap-0504 > .img-box.nine { position: absolute; right: 0; bottom: 150px; }

/* 0701 */
.content-inner > .wrap-0701 > .text-wrap { margin-bottom: 60px; }
.content-inner > .wrap-0701 > .text-wrap > .title { font-size: 60px; font-weight: 400; }
.content-inner > .wrap-0701 > .four-box { display: flex; align-items: center; }
.content-inner > .wrap-0701 > .four-box > a {
    width: 374px;
    height: 374px;
    border: 1px solid #860806;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    transition: background 0.3s ease, border-color 0.3s ease;
    margin-right: 40px;
}

.content-inner > .wrap-0701 > .four-box > a > .img-box > img {
    width: 88px;
    transition: content 0.3s ease;
}

.content-inner > .wrap-0701 > .four-box > a > .text-box > .title {
    color: #860806;
    font-size: 38px;
    font-weight: 500;
    transition: color 0.3s ease;
}
.content-inner > .wrap-0701 > .four-box > a > .text-box > .desc { margin-top: 28px; display: flex; align-items: center; }
.content-inner > .wrap-0701 > .four-box > a > .text-box > .desc > span {
    margin-right: 6px;
    font-size: 20px;
    font-weight: 400;
    transition: color 0.3s ease;
}

.content-inner > .wrap-0701 > .four-box > a > .text-box > .desc > img {
    transition: content 0.3s ease;
}

.content-inner > .wrap-0701 > .four-box > a:hover {
    background: #860806;
    transition: background 0.3s ease;
}

.content-inner > .wrap-0701 > .four-box > a:hover > .img-box > img {
    content: url('/theme/basic/svg/w_kakao_0701.svg');
    transition: content 0.3s ease;
}

.content-inner > .wrap-0701 > .four-box > a:hover > .text-box > .title {
    color: #FFFFFF;
    transition: color 0.3s ease;
}

.content-inner > .wrap-0701 > .four-box > a:hover > .text-box > .desc > span {
    color: #F4F4F4;
    transition: color 0.3s ease;
}

.content-inner > .wrap-0701 > .four-box > a:hover > .text-box > .desc > img {
    content: url('/theme/basic/svg/w_link_0701.svg');
    transition: content 0.3s ease;
}