@charset "UTF-8";


.mainVisual {position: relative; margin: 0 50px; padding: 125px 0;}
.mainVisual .mainTxt {text-align: center; color: #fff;}
.mainVisual .mainTxt h2 {font-family: "ONEMobileTitle"; margin-bottom: 20px;}
.mainVisual .mainTxt h2 span{position:relative; display:inline-block;}
.mainVisual .mainTxt h2 span::after{content:""; position:absolute; bottom: 0; left:0; width:100%; height:4px; background:#fff;}
.mainVisual .mainTxt strong{display:block;font-size:24px;margin-bottom:10px}
.mainVisual .mainTxt p {font-size: 1.8rem;}
.mainVisual .mainSearchBox {width: 100%; max-width: 950px; height: 80px; border: 4px solid #005FB4; background: #fff; border-radius: 50px; position: absolute; left: 50%; transform: translateX(-50%); bottom: -40px; padding:0 40px; display:flex; align-items: center;} 
.mainVisual .mainSearchBox select {height: 60%; font-size: 1.8rem; border: none;}
.mainVisual .mainSearchBox .keywordWrap{position:relative;flex:1;height:100%}
.mainVisual .mainSearchBox .keywordWrap .keywordBtn{position:absolute;top:50%;left:10px;transform:translateY(-50%)}
.mainVisual .mainSearchBox .keywordWrap .keywordBtn .keyword{display:inline-block;padding:5px 15px;border-radius:9999px;background:#EBF0F9;color:#064c7b;font-size:1.7rem}
.mainVisual .mainSearchBox .keywordWrap input {height:100%;padding: 0 20px 0 180px;font-size: 1.8rem; border: none;}
.mainVisual .mainSearchBox .srhBtn { width:70px; height: 70px; background: url(../images/search_l.png) no-repeat center; border-style: none; cursor: pointer;}
.mainVisual .v-imageWrap {overflow: hidden; width:100%; height:100%; position: absolute; left: 0; top: 0; z-index: -1; border-radius: 30px; text-align:center;}
.mainVisual .v-imageWrap .v-image {width:100%; height:100%; text-align:center; background-image: url(../images/mainVisual.png); background-size: cover; background-position:center; background-attachment: fixed; background-repeat: no-repeat; position: absolute; -webkit-animation: zoomInOut 12s ease-in-out infinite alternate; animation: zoomInOut 16s ease-in-out infinite alternate; will-change: transform; overflow: hidden;}
main section {padding: 100px 0;}
main section h3 {margin-bottom: 12px;}


@-webkit-keyframes zoomInOut {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoomInOut {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}

/*********************************************** sec02 ***********************************************/
main .sec02 .dataCon {display: flex; flex-wrap: wrap; margin-right: -50px;}
main .sec02 .dataCon > li {width: calc((100% - 100px) / 2); flex-shrink: 0; margin-right: 50px; margin-bottom: 50px; border-radius: 10px; border: 1px solid #eaeaea; padding: 40px;}
main .sec02 .dataCon > li:nth-child(5),
main .sec02 .dataCon > li:last-child {margin-bottom: 0;}
main .sec02 .dataCon > li strong {font-size: 2.6rem; font-family: "ONEMobileTitle"; display:block; margin-bottom: 10px;}
main .sec02 .dataCon > li strong::before {content: ""; width: 40px; height: 41px; display: inline-block; vertical-align: bottom; margin-right: 8px;}
main .sec02 .dataCon > li:first-child strong::before {background: url(../images/ba_001.png) no-repeat;}
main .sec02 .dataCon > li:nth-child(2) strong::before {background: url(../images/ba_002.png) no-repeat;}
main .sec02 .dataCon > li:nth-child(3) strong::before {background: url(../images/ba_003.png) no-repeat;}
main .sec02 .dataCon > li:nth-child(4) strong::before {background: url(../images/ba_005.png) no-repeat;}
main .sec02 .dataCon > li:nth-child(5) strong::before {background: url(../images/ba_004.png) no-repeat;}
main .sec02 .dataCon > li:last-child strong::before {background: url(../images/ba_006.png) no-repeat;}
main .sec02 .dataCon > li .desc {color: #444; font-size: 1.8rem; margin-bottom: 30px;}
main .sec02 .dataCon > li .keyword li {display: inline-block; font-size: 1.6rem; padding: 3px 8px; border-radius: 3px;}

/* 2025.10.13 임혜경 추가 */
/***** 맛보기 기능안내 *****/
main .sec02 .previewCon{display:flex;justify-content:space-between;padding:48px;margin-bottom:100px;background:#F0F4FA;border-radius:10px}
main .sec02 .previewCon .con_l{display:flex;flex-direction:column;justify-content:space-between}
main .sec02 .previewCon .con_l .desc p{font-size:1.8rem;line-height:150%}
main .sec02 .previewCon .con_l .desc p:not(:last-child){margin-bottom:8px}
main .sec02 .previewCon .con_l .desc p b{font-family:'GothicA1-Bold';color:#009BAF}
main .sec02 .previewCon .con_r{display:flex;gap:20px;width:55%}
main .sec02 .previewCon .con_r li{display:flex;flex-direction:column;padding:32px;border-radius:10px;min-width:0;flex:1;background:#fff}
main .sec02 .previewCon .con_r li::after{content:"";display:block;width:50px;height:50px;background:url(../images/icons/preview_con01.png) no-repeat;align-self:flex-end}
main .sec02 .previewCon .con_r li:last-child::after{content:"";background:url(../images/icons/preview_con02.png) no-repeat}
main .sec02 .previewCon .con_r li strong {font-size:2.6rem;font-family:"ONEMobileTitle";display:block;margin-bottom:10px}
main .sec02 .previewCon .con_r li p{margin-bottom:40px;font-size:1.8rem;color:#444}
/*********************************************** sec03 ***********************************************/
main .sec03 {background: #F3F8FF; position: relative; z-index: 0;}
main .sec03::before {content:""; width:557px; height: 466px; background: url(../images/sec03_bg01.png) no-repeat; position: absolute; z-index: -1; opacity: 0.15; left: 0; top: 0;}
main .sec03::after {content:""; width:699px; height: 599px; background: url(../images/sec03_bg02.png) no-repeat; position: absolute; z-index: -1; right: 0; bottom: 0;}
main .sec03 .dataStatus {display: flex; margin-right: -50px;}
main .sec03 .dataStatus > li {width: calc((100% - 250px) / 5); background: #fff; margin-right: 50px; border-radius: 10px; padding: 40px; text-align: center;}
main .sec03 .dataStatus > li .dataTi {display: inline-block; font-size: 2.2rem; font-family: 'GothicA1-Bold'; position: relative; z-index: 0; padding: 0 5px; margin-bottom: 30px; }
main .sec03 .dataStatus > li .dataTi::after {content:""; position: absolute; bottom: 0px; right: 50%; transform: translateX(50%); z-index: -1; width: 100%; height: 15px; background: rgba(0, 155, 175, 0.12);}
main .sec03 .dataStatus .dataCount li span { display: block; font-size: 1.8rem;}
main .sec03 .dataStatus .dataCount li em { display: block; font-size: 3.6rem; color: #004683; font-family: "ONEMobileTitle";}
main .sec03 .dataStatus .dataCount li:first-child {border-bottom: 1px solid #dbdbdb;}