.scrollDisable{height: 100%;min-height: 100%;overflow: hidden !important;touch-action: none;}

.myriad{font-family:myriad-pro,sans-serif}
.pretendard{font-family:Pretendard}
.fw_300{font-weight:300}
.fw_400{font-weight:400}
.fw_500{font-weight:500}
.fw_600{font-weight:600}
.fw_700{font-weight:700}
.fw_900{font-weight:900}

.FloatingBtn{position: fixed; right: 5.3vw; bottom: 5.3vw; width: 24vw; height: 24vw; z-index: 10;}
.FloatingBtn.on {display: none;}
.FloatingBtn2{bottom: 31vw;}
.star {color: #f00;}
.closeBtn {position: absolute; top: 4.53vw; right: 6.67vw; width: 5.87vw; height: 5.87vw;}

.swiper {width: 100%;}
.swiper-slide { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 10.67vw; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}

/* margin-bottom */
.mb10 {margin-bottom: 2.67vw;}
.mb16 {margin-bottom:4.27vw;} 
/* padding-left */
.pl11{padding-left: 2.93vw}
.pl12{padding-left: 3.2vw}
.pl16{padding-left: 4.27vw;}
.pl24{padding-left: 6.4vw}
.pl61 {padding-left: 16.27vw;}

section {position: relative; width: 100%;}
.scrollCont {overflow: hidden; overflow-x: unset;}

.contWrap {height: 100%; padding: 10.67vw 5.33vw;}

/*팝업창*/
.votePopup{position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 1000;}
.votePopup>a{position: absolute;right: 21px; top: 21px; cursor: pointer;}
.popupImg{width: calc(100vw - 2rem);}
.pupupClose{width:auto;}

/* body{background: #000;} */
#header {position: fixed; left: 0; top: 0; width: 100%; height: 14.93vw; z-index: 999;}
#header .headerWrap {display: flex; justify-content: space-between; align-items: center; height: 100%; padding: 0 5.33vw;}
#header .headerWrap .logo {width: 22.4vw;height: 4.27vw;}
#header .headerWrap .logo a {display: block; width: 100%; height: 100%; background: url('../images/logo.svg') no-repeat; background-size: 100%;}
#header .headerWrap .menuBtn {position: relative; width: 8.53vw; height: 8.53vw; }
#header .headerWrap .menuBtn ul {display: flex; flex-direction: column; gap: 1.6vw;  width: 100%; height: 100%; padding: 1.87vw 1.07vw;}
#header .headerWrap .menuBtn ul li{width: 100%; height: 0.53vw; background: #000;}
#header .menu {position: absolute;left: 0; top: 0; width: 100%; height: 100vh; background: #fff; display: none;}
#header .menu.on {display: block;}
#header .menu .menuConent {display: flex; flex-direction: column; justify-content: center; gap: 8vw; height: 100%; padding: 0 5.3vw;}
#header .menu .menuConent a {display: block; width: 100%; font-size: 9.07vw; letter-spacing: -0.68px;}
#header.on {background: #fff;}

#sec01 {height: 100vh; background: url('../../assets/images/sec01Bg.jpg') no-repeat top center; background-size: cover; overflow: hidden;}
#sec01 .contWrap {padding: 42.67vw 5.33vw 0;}
#sec01 .txtWrap {position: relative; width: 100%; height: 82.67vw;}
#sec01 .txtWrap p {position: relative; font-size: 9.07vw; color: #11446C; margin-bottom: 8vw; }
#sec01 .txtWrap p.txt01,
#sec01 .txtWrap p.txt02 {opacity: 0; transform: translateY(5.33vw);}
#sec01 .txtWrap .txtBox {transform: translateY(5.33vw); opacity: 0;}
#sec01 .txtWrap .txtBox p{ font-size: 5.33vw; margin-bottom: 3.2vw; opacity: 1;}
#sec01 .txtWrap .txtBox02 p:last-of-type {margin-bottom: 8vw;}
#sec01 .txtWrap span.line {position: absolute; left: 1.33vw; top: 8.8vw; width: 1px; background: #11446C;}

#sec02 {height: 100vh;}
#sec02 .contWrap { position: relative; height: 100%; padding: 0;}
#sec02 .videoBox {width: 100%; height: 100%;}
#sec02 .videoBox video {width: 100%; height: 100%; object-fit: cover;}
#sec02 .contWrap .titBox {position: absolute; left: 5.33vw; bottom: 12vw; display: flex; flex-direction: column; gap: 4.27vw;}
#sec02 .contWrap .titBox .tit {opacity: 0;}
#sec02 .contWrap .titBox .tit p {font-size: 9.07vw; color: #fff ;}

/* sec03 */
#sec03 {margin-top: -0.8vw; background: #fff; z-index: 1;}
#sec03 .contWrap {padding: 10.67vw 0;}
#sec03 .contWrap .tit {display: flex; flex-direction: column; gap: 2.13vw; margin-bottom: 8.53vw; padding: 0 5.33vw;}
#sec03 .contWrap .tit strong {font-size: 9.07vw; line-height: 12.8vw; letter-spacing: -0.68px;}
#sec03 .contWrap .tit p {font-size: 5.33vw; line-height: 8.53vw; letter-spacing: -0.4px;}

#sec03 .contWrap .txtWrap {display: flex; flex-direction: column; gap: 4.27vw; padding: 0 5.33vw;}
#sec03 .contWrap .txtBox {padding: 4.27vw 6.4vw; box-shadow: 0 2px 15px 0px rgba(0,0,0,0.08); border: 1px solid #E9E9E9; border-radius: 4.27vw;}
#sec03 .contWrap .txtBox p{font-size: 4vw; line-height: 6.4vw;}
#sec03 .contWrap .txtBox p span{font-size: 4vw; color: #00A5FF; line-height: 6.4vw;}

#sec03 .contWrap .imgBox {margin-top: -13.33vw; width: 100%; height: auto;}

#sec03 .contWrap .inforTxt {margin-top: 8vw;}
#sec03 .contWrap .inforTxt,
#sec03 .contWrap .inforTxt ul {display: flex; flex-direction: column; gap: 1.07vw; padding: 0 5.33vw;}
#sec03 .contWrap .inforTxt ul {padding: 0;}
#sec03 .contWrap .inforTxt ul li {position: relative; padding-left: 4.27vw;}
#sec03 .contWrap .inforTxt ul li::before {content: ''; position: absolute; left: 1.6vw; top: 1.33vw; width: 0.8vw; height: 0.8vw; border-radius: 50%; background: #9F9F9F;}
#sec03 .contWrap .inforTxt p{font-size: 2.93vw; color: #9F9F9F; line-height: 4.53vw;}

#sec04 {height: 164.53vw; background: url('../images/sec04Bg.jpg')no-repeat center center; background-size: cover;}
#sec04 .contWrap .tit p {font-size: 9.07vw; line-height: 12.8vw; letter-spacing: -0.68px;}
 
#sec05 {height: 216.53vw; overflow: hidden;}
#sec05 .contWrap {height: 100%; padding: 21.33vw 5.33vw 10.67vw;}
#sec05 .contWrap .secTit {margin-bottom: 10.13vw;}
#sec05 .contWrap .secTit p{font-size: 9.07vw; line-height: 12.8vw;}
#sec05 .contWrap .secTit p:first-of-type {margin-bottom: 4.27vw;}
#sec05 .contWrap .imgBox {display: flex; justify-content: center; align-items: center; width: 100%; height: 38.67vw;}
#sec05 .contWrap .imgBox img {width: auto; height: 100%;}
#sec05 .contWrap .imgBox1 img{width: 80vw; height: 29.33vw;}
#sec05 .contWrap .txtBox {width: 100%; text-align: left;}
#sec05 .contWrap .txtBox .tit {padding-bottom: 4.27vw; margin-bottom: 4.27vw; border-bottom: 1px solid #000;}
#sec05 .contWrap .txtBox .tit p{font-size: 5.33vw; letter-spacing: -0.4px;}
#sec05 .contWrap .txtBox .txt p{font-size: 3.47vw; line-height: 7.2vw; letter-spacing: -0.26px; }
#sec05 .swiper-pagination {left: 0; bottom: 10.67vw; display: flex; justify-content: center; gap: 2.13vw; width: 100%; }
#sec05 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0;}
#sec05 .swiper-pagination-bullet{width: 2.13vw; height: 2.13vw; margin: 0; background: #E2E2E2; opacity: 1;}
#sec05 .swiper-pagination-bullet-active{background: #00A5FF;}

#sec06 {height: 164.53vw; background: url('../images/sec06Bg.jpg')no-repeat center center; background-size: cover;}
#sec06 .contWrap .tit p {font-size: 9.07vw; line-height: 12.8vw; letter-spacing: -0.68px;}

#sec07 .contWrap {padding: 16vw 5.33vw;}
#sec07 .contWrap .tit {margin-bottom: 16vw; text-align: center;}
#sec07 .contWrap .tit strong {display: block; margin-bottom: 2.13vw; font-size: 9.06vw;}
#sec07 .contWrap .tit p {font-size: 3.47vw; line-height: 5.87vw; letter-spacing: -0.26px; color: #000;}
#sec07 .contWrap .row {margin-bottom: 6.4vw;}
#sec07 .contWrap .agreeWrap p,
#sec07 .contWrap .row p {margin-bottom: 3.2vw; font-size: 3.47vw; letter-spacing: -0.26px;}
#sec07 .contWrap .formWrap .row input:focus,
#sec07 .contWrap .formWrap .row select:focus {border: 1px solid #00A5FF;}
#sec07 .contWrap .row select,
#sec07 .contWrap .row input {width: 100%; padding: 4.27vw; font-size: 3.47vw; border: 1px solid #E2E2E2; border-radius: 1.87vw; letter-spacing: -0.26px; font-family: Pretendard; color: #000;}
#sec07 .contWrap .row input::placeholder {font-size: 3.47vw; color: #9f9f9f; letter-spacing: -0.26px;}
#sec07 .contWrap .row select {background: url('../../../assets/images/arrowDown.svg') no-repeat 95% 50%; letter-spacing: -0.26px;}
#sec07 .contWrap .row .email {display: flex; align-items: center; gap: 2.13vw; margin-bottom: 2.13vw;}
#sec07 .contWrap .row .email input {width: 50%; }
#sec07 .contWrap .row .email select {width: 50%; background-position: 90% 50%;}
#sec07 .contWrap .row .email span {font-size: 3.46vw;}
#sec07 .contWrap .row .tel {display: flex; align-items: center; gap: 2.13vw;}
#sec07 .contWrap .row .tel input {width: 33.333%;}
#sec07 .contWrap .row .tel span {display: inline-block; width: 1.87vw; height: 1px; background: #000;}
#sec07 .contWrap .row .salesTxt{font-size: 2.93vw; letter-spacing: -0.22px; line-height: 4.27vw; color: #666; margin: 2.13vw 0 0;}
#sec07 .contWrap .agreeWrap .agreeTxt {padding : 4.27vw; background: #F6F6F6; border-radius: 2.13vw;}
#sec07 .contWrap .agreeWrap .agreeTxt p {line-height: 5.6vw; margin-bottom: 0;}
/* 20240731 추가 */
#sec07 .contWrap .agreeWrap .agreeTxt p br {display: none;}
#sec07 .contWrap .agreeWrap .agreeTxt ul.type01 {margin-bottom: 3vw;}
#sec07 .contWrap .agreeWrap .agreeTxt ul.type01 li {padding-left: 12vw;}
#sec07 .contWrap .agreeWrap .agreeTxt ul.type01 li::before {width: 6px; height: 1px; border-radius: 0; left: 8vw;}

#sec07 .contWrap .agreeWrap .agreeTxt ul li {position: relative; padding-left: 5.3vw; font-size: 3.47vw; line-height: 5.6vw;}
#sec07 .contWrap .agreeWrap .agreeTxt ul li::before {content: ''; position: absolute; left: 2.13vw; top: 2.6vw; width: 0.53vw; height: 0.53vw; background: #000; transform: translateY(-50%);}
#sec07 .contWrap .agreeWrap .agreeBox {margin: 3.2vw 0 10.67vw;}
#sec07 .contWrap .agreeWrap .agreeBox label {display: flex; align-items: center; gap: 2.13vw;}
#sec07 .contWrap .agreeWrap .agreeBox input[type="checkbox"] {width: 4.27vw; height: 4.27vw; background: url('../../../assets/images/checkBox.png') no-repeat center center; background-size: 100% 100%;}
#sec07 .contWrap .agreeWrap .agreeBox input[type="checkbox"]:checked {width: 4.27vw; height: 4.27vw; background: url('../../../assets/images/checkBoxCk.png') no-repeat center center; background-size: 100% 100%;}
#sec07 .contWrap .agreeWrap .agreeBox p{margin-bottom: 0;}
#sec07 .contWrap .btnBox {display: flex; justify-content: center; margin-top: 10.67vw;}
#sec07 .contWrap .btnBox a {padding: 3.2vw 5.33vw; background: linear-gradient(106deg, #60C7FF -9.88%, #00A5FF 109.88%); border-radius: 100px; font-size: 4.8vw; color: #fff; letter-spacing: -0.36px;}

#footer .footerWrap{padding: 10.67vw 5.33vw;}
#footer .footerWrap .ftLogo {width: 22.4vw; height: 4.27vw; margin-bottom: 5.33vw;}
#footer .footerWrap ul {display: flex; flex-direction: column; gap: 3.2vw;}
#footer .footerWrap a{line-height: normal;}
#footer .footerWrap a,
#footer .footerWrap ul li p{font-size: 2.93vw; color: #000; letter-spacing: -0.22px; line-height: 4.8vw;} 


#layerPop {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; display: none; z-index: 9999;}
#layerPop.on {display: block;}
#layerPop .popHeader {position: fixed; left: 0; top: 0; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 14.93vw; padding: 0 5.33vw; background: #fff; z-index: 10;}
#layerPop .popHeader .logo {width: 22.4vw;}
#layerPop .popWrap{height: 100%; overflow-y: scroll; padding: 16vw 5.33vw;}
#layerPop .popWrap .contWrap {display: flex; flex-direction: column; gap: 10.67vw;}
#layerPop .popWrap .contWrap .tit h2{margin-bottom:10.67vw; font-size: 5.33vw; letter-spacing: -0.4px; text-align: center;}
#layerPop .popWrap .contWrap p {font-size: 3.47vw; line-height: 5.6vw; letter-spacing: -0.26px;}
#layerPop .popWrap .contWrap strong {display: block; margin-bottom: 4.27vw; font-size: 4vw; letter-spacing: -0.3px;}
/* #layerPop .popWrap .contWrap .tableBox {} */
#layerPop .popWrap .contWrap .tableBox table {width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #E2E2E2; text-align: center;}
#layerPop .popWrap .contWrap .tableBox table thead tr {background: #F6F6F6;}
#layerPop .popWrap .contWrap .tableBox table tr th,
#layerPop .popWrap .contWrap .tableBox table tr td {padding: 3.2vw 4.27vw; font-size: 2.93vw; border-right: 1px solid #E2E2E2;}
#layerPop .popWrap .contWrap .tableBox table tr th:last-child,
#layerPop .popWrap .contWrap .tableBox table tr td:last-child {border-right: none;}
#layerPop .popWrap .contWrap ul li {position: relative;}
#layerPop .popWrap .contWrap ul li::before {content: ''; position: absolute; left: 0 ; top: 50%; width: 0.8vw; height: 0.8vw; background: #000; transform: translateY(-50%); border-radius: 50%;}

/* 20240920 모달 */
.modal .inner {position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; width: 300px; border-radius: 12px; overflow: hidden; z-index: 1000; box-shadow: 0px 4px 20px 0px rgba(103, 155, 190, 0.20), 0px 4px 20px 0px rgba(198, 198, 198, 0.25);}
.modal .inner .img-wrap {display: inline-block; width: 100%; height: 400px; background: url(../../assets/images/240920_modal_bg_mo.png) no-repeat center/cover;}
.modal .inner .close-btn {display: inline-block; position: absolute; top: 16px; right: 16px; width: 18px; height: 18px; background: url(../../../assets/images/closeBtn.svg) no-repeat center/contain; z-index: 1010;}
.modal .inner .btn-wrap {width: 100%; padding: 8px 16px 16px 16px; display: flex; align-items: center; justify-content: space-between; background: #fff;}
.modal .inner .btn-wrap .today-close-btn {display: flex; align-items: center; justify-content: center; height: 44px; font-family: 'Pretendard'; font-size: 14px; font-weight: 500; color: #00A5FF; background: #fff;}
.modal .inner .btn-wrap .close-btn02 {display: flex; align-items: center; justify-content: center; width: 72px; height: 44px; color: #fff; font-family: 'Pretendard'; font-size: 17px; font-weight: 500; border-radius: 8px; background: #00A5FF;}