@charset "UTF-8";

/* 메인 공통 */
.main_container{position:relative;width:100%;min-width:1500px;margin:0;padding:0;}
.main_container .main_inner{width:1500px;max-width:1500px;margin:0 auto;/* box-sizing:border-box; *//* padding: 75px 0px; */}
.main_container img{display:block;max-width:100%;height:auto;}

/* 메인 비주얼 + 서비스 영역 배경 */
.main_container{position:relative;overflow:hidden;width:100%;min-width:1500px;background-color:#fff;background-image:linear-gradient(180deg,#d8e7ff 0%,#e7f0ff 18%,#f5f8ff 38%,#fff 62%,#fff 100%);background-repeat:no-repeat;background-size:100% 900px;}
.main_container::before{content:"";position:absolute;top:0;left: 56%;z-index:0;width: 970px;height: 472px;background:url("../images/main/VISUAL.png") no-repeat left top;background-size:contain;pointer-events:none;}

/* 메인 비주얼 */
.main_visual{position:relative;z-index:1;/*min-height:430px;*/background:transparent; margin-top: 60px;}
.main_visual_content{position:relative;z-index:2;width:45%;}
.main_visual_content h2{margin: 0 0 30px;color:#09285d;font-size: 48px;font-weight:800;line-height:1.35;letter-spacing: -2px;}
.main_visual_content p{margin:0;color:#111;font-size: 28px;font-weight:500;line-height: 1.4;letter-spacing:-1px;}
.main_visual_content h2{opacity:0;transform:translateY(35px);animation:visualTextUp .9s cubic-bezier(.22,1,.36,1) .2s forwards;}
.main_visual_content p{opacity:0;transform:translateY(25px);animation:visualTextUp .8s cubic-bezier(.22,1,.36,1) .55s forwards;}
.main_popular_search{position:relative;z-index:2;display:flex;width:700px;margin-top: 30px;align-items:center;gap:30px;opacity:0;transform:translateY(25px);animation:visualTextUp .8s cubic-bezier(.22,1,.36,1) .85s forwards;}.main_popular_search h2{margin:0;color:#173d7c;font-size:27px;font-weight:700;line-height:1.3;letter-spacing:-1.2px;white-space:nowrap;}
.main_popular_search_box{position:relative;width: 380px;height:70px;overflow:hidden;padding:0 36px;border-radius:38px;background:#fff;box-sizing:border-box;box-shadow:0 10px 28px rgba(35,68,123,.16);color:#222;font-size:22px;font-weight:600;}
.main_popular_search_list{position:relative;width:100%;height:100%;margin:0;padding:0;list-style:none;}


.main_popular_search_item{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;align-items:center;visibility:hidden;opacity:0;transform:translateY(50%);will-change:transform,opacity;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .6s ease-in-out,visibility 0s linear .8s;}
.main_popular_search_item.is-active{visibility:visible;opacity:1;transform:translateY(0);transition-delay:0s;}
.main_popular_search_item.is-leaving{visibility:visible;opacity:0;transform:translateY(-50%);transition-delay:0s;}



#popularSearchTitle {display:flex; align-items:center;	gap:8px;}
.main_popular_search_icon {flex:none; width:40px;	height:40px; object-fit:contain;}
.main_popular_search_rank{margin-right:14px;font-weight:500;}
.main_popular_search_category {margin-right:13px;padding:8px 16px;border:1px solid #ff6f9d;border-radius:22px;color:#ec3e78;font-size:18px;font-weight: 600;line-height:1;white-space:nowrap;}


.main_popular_search_word{overflow:hidden;color:#222;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;}
.main_popular_search_change{display:flex;margin-left:auto;align-items:center;gap: 8px;color:#ef3c78;white-space:nowrap;}
.main_popular_search_change strong{font-size:18px;}
.main_popular_search_change.down{color:#3478eb;}
.main_popular_search_change .change_icon {width:0;height:0;border-right: 8px solid transparent;border-left: 8px solid transparent;}
.main_popular_search_change.up .change_icon {border-bottom:9px solid #ef3c78;}
.main_popular_search_change.down .change_icon {border-top:9px solid #3478eb;}
@keyframes visualTextUp{to{opacity:1;transform:translateY(0);}}

@media (prefers-reduced-motion:reduce){
.main_popular_search_item{transition:none;}
}

/* 주요 서비스 */
.main_service{position:relative;z-index:2;width:100%;overflow:visible;background:transparent;margin-top: 60px;}
.main_service_slider{overflow:visible;}
.main_service_list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;overflow:visible;}
.main_service_pagination{display:none;}
.main_service_card{position:relative;min-height:575px;padding:54px 50px 150px;overflow:visible;border-radius:32px;box-sizing:border-box;color:#111;text-decoration:none;cursor:pointer;opacity:0;transform:translateY(50px);animation:serviceFadeUp .8s ease forwards;}
.main_service_card01{background:#dceaff;animation-delay:.2s;}
.main_service_card02{background:#cdf4ec;animation-delay:.4s;}
.main_service_card03{background:#e9e4ff;animation-delay:.6s;}
.main_service_card h2{padding-bottom: 20px;font-size: 38px;font-weight: 800;letter-spacing: -2px;}
.main_service_summary{display:block;margin-bottom: 15px;font-size:24px;font-weight:700;line-height: 1.3;letter-spacing:-1px;}
.main_service_desc{padding-bottom: 20px;font-size: 16px;line-height:1.5;letter-spacing: -1px;}
.main_service_count{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px;}
.main_service_count div{display:flex;min-height:98px;flex-direction:column;align-items:center;justify-content:center;border:1px solid #b8cff3;border-radius:14px;background:rgba(255,255,255,.68);}
.main_service_count strong{font-size: 32px;line-height:1.1;font-weight: 700;}
.main_service_count span{margin-top:8px;color:#555;font-size:18px;}
.main_service_tags{display:flex;min-height:94px;margin:0 0 18px;padding:0;align-content:flex-start;flex-wrap:wrap;gap:8px;list-style:none;}
.main_service_tags li{padding:8px 20px;border:1px solid #00a881;border-radius:24px;background:rgba(255,255,255,.65);color:#008764;font-size:16px;line-height:1.25;}
.main_service_card03 .main_service_tags li{border-color:#b9afff;color:#5544c7;}
.main_service_btn{display:inline-flex;min-width:150px;height:49px;padding:0 25px;align-items:center;justify-content:space-between;border-radius:26px;background:#125bb8;box-sizing:border-box;color:#fff;font-size:17px;font-weight:700;text-decoration:none;}


.main_service_btn{overflow:hidden;background-size:210% 100%;background-position:right center;transition:background-position .4s ease,color .4s ease,border-color .4s ease;}
.main_service_btn.service_card01{border:1px solid #5066e9;background-image:linear-gradient(to right,#5066e9 50%,#fff 50%);color:#5066e9;}
.main_service_btn.service_card02{border:1px solid #00a881;background-image:linear-gradient(to right,#00a881 50%,#fff 50%);color:#00a881;}
.main_service_btn.service_card03{border:1px solid #5966ee;background-image:linear-gradient(to right,#5966ee 50%,#fff 50%);color:#5966ee;}
.main_service_card:hover .main_service_btn,.main_service_card:focus-visible .main_service_btn{background-position:left center;color:#fff;}

.main_service_btn span{margin-left:24px;font-size:26px;font-weight:400;line-height:1;}
.main_service_card:hover .main_service_btn,.main_service_card:focus-visible .main_service_btn{filter:brightness(.9);}
.main_service_card:focus-visible{outline:3px solid #125bb8;outline-offset:4px;}
.main_service_icon{position:absolute;right:15px;bottom:-40px;width:210px;height:auto;transform:translateY(0);transition:transform .4s ease;pointer-events:none;}
.main_service_card:hover .main_service_icon,.main_service_card:focus-within .main_service_icon{animation:cloudUp 1.8s ease-in-out infinite;}

@keyframes cloudUp{0%,100%{transform:translateY(0);}50%{transform:translateY(-15px);}}

/* API 영역 */
.main_api{width:100%;padding: 60px 0 60px;background:#f2f2f6;margin-top: 100px;}
.main_api_inner{box-sizing:border-box;}
.main_api_title{margin:0 0 60px;color:#050505;font-size: 48px;font-weight: 700;line-height:1.3;text-align:center;letter-spacing: -2px;}
.main_api_service_list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:55px;padding-bottom:60px;text-align: center;}
.main_api_service h3{margin:0 0 4px;color:#111;font-size: 34px;font-weight: 700;line-height:1.4;letter-spacing: -2px;}
.main_api_service p{margin:0;color:#333;font-size: 25px;font-weight:400;line-height:1.55;letter-spacing: -1px;}
.main_api_step_list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;}
.main_api_step{position:relative;display:flex;min-height:228px;padding:23px 20px 24px;flex-direction:column;align-items:center;justify-content:flex-end;box-shadow:0 8px 24px rgba(35,68,123,.1); border-radius:16px;background:#fff;box-sizing:border-box;text-align:center;}
.main_api_step_num{position:absolute;top:20px;left:26px;color: #4785ff;font-size: 26px;font-weight:700;line-height:1;}
.main_api_step_icon{display:block;width:68px;height:68px;margin:0 0 10px;object-fit:contain;}
.main_api_step strong{display:block;margin:0 0 4px;color:#222;font-size: 28px;font-weight: 700;line-height:1.35;letter-spacing:-1px;}
.main_api_step p{margin:0;color:#333;font-size: 20px;line-height:1.5;letter-spacing:-.5px;font-weight: 400;}


@media (max-width:1500px){
.main_container{min-width:0;}
.main_container .main_inner{width:calc(100% - 80px);max-width:1500px;}
.main_api_service_list{gap:32px;margin-right:60px;margin-left:60px;}
}

@media (max-width:1280px){
.main_service{overflow:hidden;}
.main_service_slider{width:calc(100% - 32px);overflow:visible;padding-bottom:48px;}
.main_service_slider.swiper-initialized .main_service_list{display:flex;width:100%;gap:0;overflow:visible;}
.main_service_card{height:auto;min-height:560px;margin:0;padding:38px 32px 145px;flex:none;border-radius:24px;opacity:1;transform:none;animation:none;}
.main_service_card.swiper-slide-active,
.main_service_card.swiper-slide-prev,
.main_service_card.swiper-slide-next{z-index:auto;opacity:1;transform:none;box-shadow:none;}
.main_service_pagination{display:none;}
}

@media (max-width:1240px){
.main_service_list{gap:22px;}
.main_service_card{min-height:590px;padding:40px 28px 145px;}
.main_service_card h2{font-size:29px;}
.main_service_summary{font-size:21px;}
.main_service_icon{width:185px;}
.main_api_service_list{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 30px 0px 30px;}
.main_api_step_list{grid-template-columns:repeat(3,minmax(0,1fr));}

}
@media (max-width:800px){
    .main_popular_search_box{width:100%;}
.main_popular_search{width:55%;margin-top:55px;align-items:flex-start;flex-direction:column;gap:12px;}
    .main_api_step_num{font-size: 24px;}
    .main_service{overflow:hidden;}
.main_service_slider{width:calc(100% - 32px);overflow:visible;padding-bottom:48px;}
.main_service_slider.swiper-initialized .main_service_list{display:flex;width:100%;gap:0;overflow:visible;}
.main_service_card{height:auto;min-height: 300px;margin:0;padding: 40px;flex:none;border-radius:24px;opacity:1;transform:none;backface-visibility:hidden;animation:none;}
    .main_service_card img{display: none;}
}

@media (max-width:768px){
.main_container .main_inner{width:calc(100% - 32px);}
.main_visual{margin-top: 40px;}
.main_visual_content{width:100%;}
.main_visual_content h2{font-size:36px;}
.main_visual_content p{font-size:21px;}
.main_popular_search{width:100%;margin-top:30px;}
.main_popular_search_box{max-width:520px;}
 .main_api{padding: 40px 0px 40px 0px; margin-top: 0px;}
 .main_service{margin-top: 40px;}
 .main_service_pagination{display:none;margin-top:24px;align-items:center;justify-content:center;gap:9px;}
.main_service_pagination button{display:block;width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#aeb6c1;cursor:pointer;transition:background-color .25s ease,transform .25s ease;}
.main_service_pagination button.is-active{background:#1674bd;transform:scale(1.15);}
.main_service_pagination button:focus-visible{outline:2px solid #1674bd;outline-offset:3px;}
.main_service_summary,.main_service_desc{min-height:0;}
.main_service_icon{right:10px;width:190px;}
.main_service_btn{width: 100%;}
.main_api_title{margin-bottom:32px;font-size:30px;}
.main_api_service h3{font-size:21px;}
.main_api_service p{font-size:16px;}
.main_api_step_list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.main_api_step{min-height:210px;}
.main_api_step strong{font-size:23px;}
}

/* 모바일 주요 서비스 카드 겹침 효과 */
@media (max-width:767px){
.main_service{overflow:hidden;}
.main_service_slider,.main_service_slider .main_service_list{overflow:visible;}
.main_service_card{position:relative;z-index:1;opacity:1;transform:none;transform-origin:center center;filter:none;transition:transform .55s ease,opacity .55s ease,filter .55s ease;}
.main_service_card.swiper-slide-active{z-index:3;opacity:1;transform:scale(1) rotate(0);filter:none;}
.main_service_card.swiper-slide-prev{z-index:2;opacity:.86;transform:translateX(-4px) scale(.88) skewY(2deg);transform-origin:right center;filter:brightness(.8);}
.main_service_card.swiper-slide-next{z-index:2;opacity:.86;transform:translateX(4px) scale(.88) skewY(-2deg);transform-origin:left center;filter:brightness(.8);}
}

@media (max-width:480px){
    .main_api{padding: 40px 0px 40px 0px;}
.main_visual_content h2{font-size:26px;letter-spacing:-2px;  margin: 0 0 10px;}
.main_service_count{display:grid;grid-template-columns: repeat(1,minmax(0,1fr));gap:10px;margin-bottom:18px;}
.main_visual_content p{font-size:18px;}
.main_popular_search{margin-top:40px;}
.main_popular_search h2{font-size:22px;}
.main_popular_search_box{height:60px;padding:0 18px;font-size:18px;}
.main_popular_search_icon{width:28px;height:28px;margin-right:10px;}
.main_popular_search_rank{margin-right:9px;}
.main_popular_search_category{margin-right:9px;padding:7px 11px;font-size:15px;}
.main_service_card h2{font-size:24px;}
.main_service_summary{font-size: 18px;}
.main_service_desc br,.main_service_summary br{display:none;}
.main_service_tags li{padding:7px 14px;font-size:14px; width: 100%; text-align: center;}
 .main_api_service_list{padding-bottom:  20px;}
.main_api_service_list,.main_api_step_list{grid-template-columns:1fr;}
.main_api_service p br{display:none;}
.main_api_inner{padding: 0px;}
.main_api_step{min-height:205px;}
}

/* 공지사항 및 팝업존 */
.main_notice{width:100%;background:#fff;padding: 60px 0px 60px 0px;}
.main_notice_inner{display:grid;grid-template-columns:minmax(0,2fr) minmax(400px,1fr);align-items:start;gap:50px;/* padding:65px 0 70px; */}
.main_notice_header,.main_popup_header{display:flex;min-height:52px;margin-bottom:18px;align-items:center;justify-content:space-between;}
.main_notice_header h2,.main_popup_header h2{margin:0;color:#050505;font-size:38px;font-weight:700;line-height:1.3;letter-spacing:-1.5px;}
.main_notice_more{display:flex;align-items:center;gap:15px;color:#555;font-size:18px;font-weight:600;text-decoration:none;}
.main_notice_more_icon{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;background:#eee;color:#999;font-size:32px;transition:background-color .2s,color .2s;}
.main_notice_more:hover .main_notice_more_icon,.main_notice_more:focus-visible .main_notice_more_icon{background:#2459c3;color:#fff;}
.main_notice_list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;}
.main_notice_list li{border: 1px solid #ccc; border-radius: 18px;}
.main_notice_card{display:flex;min-height:290px;padding:34px 28px 30px;flex-direction:column;border-radius:18px;background:#fff;box-sizing:border-box;color:#171717;text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s;}
.main_notice_subject{display:-webkit-box;overflow:hidden;min-height:2.9em;font-size:24px;font-weight:700;line-height:1.45;letter-spacing:-1px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.main_notice_new{display:inline-flex;width:29px;height:29px;margin-right:5px;align-items:center;justify-content:center;border-radius:50%;background:#4785ff;color:#fff;font-size:16px;font-weight:700;vertical-align:2px;}
.main_notice_card p{display:-webkit-box;overflow:hidden;margin:25px 0 0;color:#555;font-size:17px;line-height:1.55;letter-spacing:-.4px;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.main_notice_card time{display:flex;margin-top:auto;align-items:center;gap:8px;color:#555;font-size:18px;line-height:1;}
.main_notice_card time i{color:#888;font-size:22px;}
.main_notice_card:hover,.main_notice_card:focus-visible{background:#285ac2;color:#fff;box-shadow:0 12px 28px rgba(31,76,173,.22);}
.main_notice_card:hover p,.main_notice_card:hover time,.main_notice_card:hover time i,.main_notice_card:focus-visible p,.main_notice_card:focus-visible time,.main_notice_card:focus-visible time i,.main_notice_card.is-active p,.main_notice_card.is-active time,.main_notice_card.is-active time i{color:#dce7ff;}
.main_popup_control{display:flex;gap:4px;}
.main_popup_control button{display:flex;width:40px;height:40px;padding:0;align-items:center;justify-content:center;border:0;border-radius:50%;background:#eee;color:#999;font-size:28px;cursor:pointer;}
.main_popup_control button:hover,.main_popup_control button:focus-visible{background:#2459c3;color:#fff;}
.main_popup_slide .swiper-slide{height:auto;}
.main_popup_slide a{display:block;height:100%;}
.main_popup_slide img{width:100%;height:289px;object-fit:cover;}
/*팝업 페이징*/
.main_popup_slide{position:relative;overflow:hidden;border-radius:18px;background:#bdeafa;}
.main_popup_pagination{position:absolute;bottom:12px;left:50%;z-index:10;display:flex;width:auto;min-height:34px;padding:0 18px;align-items:center;justify-content:center;gap:10px;border-radius:20px;background:rgba(80,90,100,.35);box-sizing:border-box;transform:translateX(-50%);}
.main_popup_pagination button{display:block;width:10px;height:10px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.35);box-sizing:border-box;cursor:pointer;transition:background-color .25s ease,transform .25s ease;}
.main_popup_pagination button.is-active{width:10px;border-radius:50%;background:#fff;transform:scale(1.05);}
.main_popup_pagination button:focus-visible{outline:2px solid #fff;outline-offset:3px;}

.main_popup_slide .swiper-slide a{position:relative;display:block;height:100%;border-radius:18px;}
.main_popup_slide .swiper-slide a:focus{outline:none;}
.main_popup_slide .swiper-slide a:focus::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;border:3px solid #f5b400;border-radius:18px;box-sizing:border-box;pointer-events:none;}
@media (max-width:1408px){
    .main_visual_content{width: 100%;}
}

@media (max-width:1280px){
.main_notice_inner{grid-template-columns:minmax(0,1fr);gap:42px;}
.main_notice_area,.main_popup_area{width:100%;min-width:0;}
.main_popup_area{max-width:100%;}
 .main_popup_slide img{width: 100%;  height: auto;}

}
@media (max-width:1000px){
 .main_container::before{display:none;}
}
@media (max-width:1240px){
.main_notice_inner{grid-template-columns:minmax(0,1fr);gap:42px;}
.main_notice_area,.main_popup_area{width:100%;min-width:0;}
}

@media (max-width:768px){
.main_popup_area{width:100%;max-width:none;margin-top:42px;}
}

@media (max-width:768px){
.main_visual_content{padding-top: 0px;}
.main_notice{padding: 40px 0px 40px 0px;}
.main_notice_inner{display:block;}
.main_notice_header h2,.main_popup_header h2{font-size:30px;}
.main_notice_list{grid-template-columns:1fr;}
.main_notice_list li{width:100%;min-width:0;}

.main_notice_card{width:100%; min-height:170px;padding:28px 24px;}
.main_notice_card p{display:none;}
.main_notice_card time{margin-top:auto;}

.main_popup_area{max-width:none;margin-top:40px;}
.main_popup_slide{width:100%;}
.main_popup_slide img{width:100%;height:auto;min-height:0;object-fit:contain;}
.main_service_tags{gap: 5px;}
.main_notice_card time{margin-top: 10px;}
}
@media (max-width:480px){
.main_notice_header,.main_popup_header{min-height:44px;}
.main_notice_more_icon,.main_popup_control button{width:42px;height:42px;font-size:24px;}
.main_notice_more{font-size:16px;}
.main_notice_subject{font-size:21px;}
.main_notice_card p,.main_notice_card time{font-size:16px;}
.main_notice_card{min-height:auto;padding:24px 20px;}
}

/* 메인 애니메이션 */
@keyframes serviceFadeUp{to{opacity:1;transform:translateY(0);}}