@charset "utf-8";
/* CSS Document */


/* ------------------------- Reset : Start ------------------------- */
html,body {width:100%;height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {padding:0;margin:0;}
body {overflow-x:hidden;position:relative;background:#FFF;color:#000;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
body,th,td,input,select,textarea,button,pre {font-weight:400;line-height:1;font-family:'Pretendard', 'HGGGothicssi', 'MalgunGothic', sans-serif;letter-spacing:0;}
table {border-collapse:collapse;}
fieldset,img {border:none;}
img {max-width:100%;vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
input,select,textarea,button {vertical-align:middle;}
input, input:focus, button:focus, textarea:focus {outline:none;}
button {border:0 none;background-color:transparent;cursor:pointer;}
a {text-decoration:none;cursor:pointer;}
address,caption,cite,code,dfn,em,var,strong,b {font-style:normal;font-weight:400;}
blockquote::before, blockquote::after,q::before, q::after {content:'';content:none;}
blockquote, q {quotes:none;}
figure {line-height:0;}
br {font-family:'Dotum';}
*,*::before,*::after {box-sizing:border-box;}



/* MediaQuery : Start */
@media (max-width: 1515px) {
    body {
        overflow-x: auto;
        min-width: 1500px;
    }
}
/* MediaQuery : End */
/* ------------------------- Reset : End ------------------------- */





/* ------------------------- Wrap : Start ------------------------- */
.inner {
    width: 1500px;
    margin: auto;
}



/* ----- Header : Start ----- */
.header {
    padding-top: 23px;
}
.header .inner {
    position: relative;
}
.header .logo {
    display: inline-block;
    width: 208px;
    height: 66px;
    background: url(../images/logo.png) no-repeat;
    text-indent: -9999px;
}
.header .btn-back,
.header .btn-close {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.header .btn-back {
    left: -48px;
    width: 21px;
    height: 34px;
    background: url(../images/ico-btn-back.png) no-repeat center / 100%;
}
.header .btn-close {
    right: 0;
    width: 40px;
    height: 41px;
    background: url(../images/ico-btn-close.png) no-repeat center / 100%;
}

/* ----- Header : End ----- */



/* ----- Section-01 : Start ----- */
.section-01 {
    padding-bottom: 47px;
}
.section-01 .point {
    color: #119F6A;
}
.section-01 .malgun {
    font-family:'MalgunGothic', sans-serif;
}
.section-01 .tit-group {
    display: block;
    padding-top: 12px;
    margin-bottom: 32px;
}
.section-01 .tit-group .tit {
    font-weight: 800;
    font-size: 38px;
    line-height: 1.3;
    letter-spacing: -0.02em;
}
.section-01 .tit-group .fw-medium {
    font-weight: 500;
}

.section-01 .cont-group {
    display: flex;
    height: 674px;
}


/* Box-Left : Start */
.section-01 .cont-group .box-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 731px;
    padding: 43px 46px 41px 26px;
    background: url(../images/bg-nav01.png) no-repeat;
}
.section-01 .box-left .swiper-pagination {
    display: flex;
    flex-wrap: wrap;
    row-gap: 13px;
    column-gap: 9px;
    position: static;
}
.section-01 .box-left .swiper-pagination-bullets .swiper-pagination-bullet {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 158px;
    height: 96px;
    margin: 0;
    border: solid 1px #00C66F;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    background-color: #FFF;
    color: #343434;
    letter-spacing: -0.025em;
    opacity: 1;
    border-radius: 10px;
}
.section-01 .box-left .swiper-pagination-bullets .swiper-pagination-bullet:focus-visible {
    outline: 2px solid transparent;
}
.section-01 .box-left .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(1) {
    display: none;
}
.section-01 .box-left .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(8) {
    letter-spacing: -0.055em;
}
.section-01 .box-left .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(8) span {
    font-weight: 400;
    font-size: 18px;
}
.section-01 .box-left .swiper-pagination-bullets .swiper-pagination-bullet-active:nth-child(8) span {
    color: #B7FCDE;
}
.section-01 .box-left .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4) {
    letter-spacing: -0.045em;
}
.section-01 .box-left .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: #10BC7E;
    color: #FFF;
}

.section-01 .box-left .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(-n+5)::after {
    content: '';
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    width: 72px;
    height: 30px;
    margin: auto;
    background: url(../images/img-nav-new01.png) no-repeat;
}
.section-01 .box-left .swiper-pagination-bullets .swiper-pagination-bullet-active:nth-child(-n+5)::after {
    box-shadow: 0px 0px 0px 2px #E8F9ED;
    border-radius: 15px;
}

.section-01 .box-left .swiper-pagination-bullets .swiper-pagination-bullet:nth-last-child(2),
.section-01 .box-left .swiper-pagination-bullets .swiper-pagination-bullet:nth-last-child(1) {
    pointer-events: none;
}

.section-01 .box-left .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 569px;
    height: 89px;
    margin: 0 auto;
    font-weight: 600;
    font-size: 28px;
    background-color: #0070C0;
    color: #FFF;
    letter-spacing: -0.065em;
    border-radius: 45px;
    animation: blink-effect 1s step-end infinite;
}
.section-01 .box-left .btn::before {
    content: '';
    position: absolute;
    top: -56px;
    left: 0;
    right: 0;
    width: 154px;
    height: 48px;
    margin: auto;
    background: url(../images/btn-cta-txt.png) no-repeat;
    cursor: default;
}
@keyframes blink-effect {
    50% {
        background-color: #FF8600;
    }
}
/* Box-Left : End */


/* Box-Right : Start */
.section-01 .cont-group .box-right {
    width: 769px;
}
.section-01 .box-right .swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 674px;
    padding: 10px 0 0 32px;
}
.section-01 .box-right .swiper .swiper-slide .txt {
    margin-bottom: 14px;
    font-weight: 600;
    font-size: 42px;
    line-height: 1.3;
    letter-spacing: -0.035em;
}
.section-01 .box-right .swiper .swiper-slide .txt .point {
    font-weight: 800;
}
.section-01 .box-right .swiper .swiper-slide ul.txt-sub li {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.7;
    color: #3E3E3E;
    letter-spacing: -0.045em;
}
.section-01 .box-right .swiper .swiper-slide ul.txt-sub + ul.txt-sub {
    margin-top: 8px;
}
.section-01 .box-right .swiper .swiper-slide ul.txt-sub li .txt-right {
    display: inline-block;
    vertical-align: top;
}
.section-01 .box-right .swiper .swiper-slide .ico {
    display: inline-block;
    width: 49px;
    height: 48px;
    margin-top: -4px;
    margin-right: 8px;
    vertical-align: middle;
}
.section-01 .box-right .swiper .swiper-slide .ico-camera {
    background: url(../images/ico-camera.png) no-repeat;
}
.section-01 .box-right .swiper .swiper-slide .ico-map {
    background: url(../images/ico-map.png) no-repeat;
}
.section-01 .box-right .swiper .swiper-slide .box-bottom .txt {
    font-weight: 700;
    font-size: 30px;
    color: #343434;
}
.section-01 .box-right .swiper .swiper-slide .box-bottom .txt-sub {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    color: #646464;
    letter-spacing: -0.035em;
}
.section-01 .box-right .swiper .swiper-slide .box-bottom .txt-sub.list {
    display: flex;
    padding-left: 58px;
    color: #000;
}
.section-01 .box-right .swiper .swiper-slide .box-bottom .txt-sub.list .txt-left {
    margin-right: 50px;
}
.section-01 .box-right .swiper .swiper-slide .box-bottom .txt-sub.list .ico {
    width: 55px;
    height: 55px;
    margin: auto 20px auto 0;
}
.section-01 .box-right .swiper .swiper-slide .box-bottom .txt-sub.list .ico-tmap {
    background: url(../images/ico-tmap.png) no-repeat;
}
.section-01 .box-right .swiper .swiper-slide .box-bottom .txt-sub.list .ico-kakaomap {
    background: url(../images/ico-kakaomap.png) no-repeat;
}
.section-01 .box-right .swiper .swiper-slide .box-bottom .txt-sub.list .num {
    display: inline-block;
    width: 13px;
    margin-right: 6px;
    border-bottom: solid 1px #00C884;
    color: #00C884;
    text-align: center;
}

.section-01 .box-right .swiper .slide-01 {
    padding: 38px 0 0 70px;
    font-family:'HGGGothicssi', sans-serif;
    background: url(../images/img-cont01.jpg) no-repeat;
}
.section-01 .box-right .swiper .slide-01 .txt {
    margin-bottom: 15px;
    font-weight: 900;
    font-size: 70px;
    line-height: 1.2;
    letter-spacing: -0.025em;
}
.section-01 .box-right .swiper .slide-01 .txt .point {
    font-weight: 900;
    color: #00BF31;
}
.section-01 .box-right .swiper .slide-01 .txt-sub {
    font-weight: 600;
    font-size: 27px;
    letter-spacing: -0.045em;
}

.section-01 .box-right .swiper .slide-02 {
    background: url(../images/img-cont02.jpg) no-repeat;
}
.section-01 .box-right .swiper .slide-03 {
    background: url(../images/img-cont03.jpg) no-repeat;
}
.section-01 .box-right .swiper .slide-04 {
    padding-bottom: 120px;
    background: url(../images/img-cont04.jpg) no-repeat;
}
.section-01 .box-right .swiper .slide-05 {
    background: url(../images/img-cont05.jpg) no-repeat;
}
.section-01 .box-right .swiper .slide-06 {
    padding-bottom: 107px;
    background: url(../images/img-cont06.jpg) no-repeat;
}
.section-01 .box-right .swiper .slide-07 {
    background: url(../images/img-cont07.jpg) no-repeat;
}
.section-01 .box-right .swiper .slide-08 {
    padding-bottom: 130px;
    background: url(../images/img-cont08.jpg) no-repeat;
}
.section-01 .box-right .swiper .slide-09 {
    padding-bottom: 120px;
    background: url(../images/img-cont09.jpg) no-repeat;
}
.section-01 .box-right .swiper .slide-10 {
    padding-bottom: 130px;
    background: url(../images/img-cont10.jpg) no-repeat;
}
.section-01 .box-right .swiper .slide-11 {
    background: url(../images/img-cont11.jpg) no-repeat;
}
.section-01 .box-right .swiper .slide-11 .txt .fw-light {
    font-weight: 300;
    font-size: 36px;
    letter-spacing: 0;
}
.section-01 .box-right .swiper .slide-12 {
    background: url(../images/img-cont12.jpg) no-repeat;
}
.section-01 .box-right .swiper .slide-13 {
    background: url(../images/img-cont13.jpg) no-repeat;
}
.section-01 .box-right .swiper .slide-14 {
    padding-bottom: 117px;
    background: url(../images/img-cont14.jpg) no-repeat;
}
.section-01 .box-right .swiper .slide-15 {
    background: url(../images/img-cont15.jpg) no-repeat;
}
/* Box-Right : End */
/* ----- Section-01 : End ----- */
/* ------------------------- Wrap : End ------------------------- */





/* ------------------------- Footer : Start ------------------------- */
.footer {
    background-color: #EDEDED;
}
.footer .inner {
    padding: 36px 0;
}
.footer .box-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}
.footer .box-bottom .group:first-child .tit {
    font-size: 15px;
}
.footer .box-bottom ul.group {
    display: flex;
    gap: 40px;
    margin-top: 8px;
}
.footer .box-bottom ul.group p {
    letter-spacing: normal;
}
.footer p {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.7;
    color: #3E3E3E;
    letter-spacing: -0.045em;
}
.footer .tit {
    font-weight: 800;
    letter-spacing: normal;
}
.footer .dot {
    position: relative;
    padding-left: 10px;
}
.footer .dot::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #3E3E3E;
    border-radius: 50%;
}
/* ------------------------- Footer : End ------------------------- */