* {font-family: 'Pretendard'; color: #333; word-break: keep-all;}
.border {border-bottom: 8px solid #f7f7f7;}
article {padding-bottom: 72px;}
.no-bt {padding-bottom: 50px;}
.no-bt .btn-wrap {position: fixed; width: 100%; text-align: center; bottom: 0; left: 0; padding: 0; margin-bottom: 0;}
.no-bt .btn-wrap button { padding: 17px 0;  border-radius: 0;}
img {width: 100%; display: block; height: 100%; object-fit: cover;}
.pt-color {color: #2046a1 !important;}
.pt-back {background-color: #2046a1; color: white;}
button {font-family: inherit;}
.pd {padding: 20px;}
.pd-r {padding: 20px 0px;}

/*-----------폰트-----------*/

@import url('https://webfontworld.github.io/pretendard/Pretendard.css');


/*-----------메인비쥬얼-----------*/

/* 스와이퍼 */

.swiper {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 15px; overflow: hidden;
    isolation: isolate;
  }
  
  .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .swiper-pagination {position: absolute; bottom: 20px !important; color: white; display: flex; align-items: center; justify-content: flex-end; gap: 5px; padding-right: 20px;}
  .swiper-pagination-current {color: white; font-weight: 700;}
  .swiper-pagination-total {color: white;}
  
  .main-slide {width: 100%; height: 260px; margin-top: 80px; padding: 0 20px;}
  .main-slide .swiper-slide {position: relative;}
  .main-slide .swiper-slide .slide-img {width: 100%; height: 100%; position: relative;}
  .main-slide .swiper-slide .slide-img::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3);}
  .main-slide .swiper-slide .slide-txt {position: absolute; text-align: left; top: 35px; left: 20px;}
  .main-slide .swiper-slide .slide-txt h1 {font-size: 23px; font-weight: 600; color: white; line-height: 1.2;}
  .main-slide .swiper-slide .slide-txt p {font-size: 15px; line-height: 1.2; color: rgba(255, 255, 255, .9); font-weight: 300; margin-top: 6px;}
  

/*-----------메인 카테고리-----------*/

.category {padding: 20px;}
.category ul {display: flex; gap: 15px; }
.category ul li {display: flex; align-items: center; flex-direction: column; gap: 7px; width: calc((100% - 60px) / 5); flex-shrink: 0;}
.category ul li .cate-icon {padding: 10px; border-radius: 10px; border: 1px solid #eee;}
.category ul li span {display: inline-block; text-align: center; font-size: 12px;}

/*-----------메인 버튼-----------*/

.btn-wrap {display: flex; flex-direction: column; gap: 15px; padding: 0 20px; margin: 20px 0;}
.main01 .btn-wrap {margin-top: 0; margin-bottom: 0;} 
.btn-wrap .main-btn {padding: 15px; border: 1px solid #eee; border-radius: 15px;}
.btn-wrap .main-btn .btn-tit {display: flex; align-items: center; gap: 15px; margin-bottom: 12px;}
.btn-wrap .main-btn .btn-tit .btn-img {border-radius: 50%; border: 1.2px solid #FFBF00; width: 56px; height: 56px; aspect-ratio: 1 / 1; padding: 10px;}
.btn-wrap .main-btn .btn-tit .btn-img02 {border-color: #2046a1;}
.btn-wrap .main-btn .btn-tit .btn-txt {width: calc(100% - 71px);}
.btn-wrap .main-btn .btn-tit h2 {font-size: 18px; font-weight: 600;}
.btn-wrap .main-btn .btn-tit p {font-size: 14px; font-weight: 400; color: #888;}
.btn-wrap .main-btn button {display: flex; align-items: center; width: 100%; justify-content: center; font-size: 15px; gap: 8px; padding: 15px 0; background-color: #F6FAFF; border-radius: 10px;}
.btn-wrap .main-btn button p {font-weight: 600;}
.btn-wrap .main-btn button span {display: block; width: 10px; padding-bottom: 1px;}

/*-----------서비스 설명-----------*/

.service-info {background-color: #EEF3FE; padding: 30px 20px; margin-top: 30px;}
.service-info .service-tit {margin-bottom: 30px;}
.service-info .service-tit h2 {font-size: 20px; font-weight: 600; line-height: 1.4;}
.service-info .service-tit p {font-size: 14px; color: #555; line-height: 1.4; margin-top: 8px;}
.service-info .service-wrap {display: flex; flex-direction: column; gap: 12px;}
.service-info .service-wrap > div {border-radius: 15px; background-color: white; padding: 22px 20px; display: flex; align-items: center; gap: 12px;}
.service-info .service-wrap > div .service-con-txt span {font-size: 12px; font-weight: 600; }
.service-info .service-wrap > div .service-con-txt p {font-size: 16px; font-weight: 500;}
.service-info .service-wrap > div .service-icon {width: 35px;}
.service-info .service-wrap > div .service-con-txt {width: calc(100% - 47px); display: flex; flex-direction: column; gap: 2px;}

/*-----------푸터-----------*/

footer {padding: 25px 20px; background-color: #F9F9F9;}
footer .footer-inner > div:first-child {margin-bottom: 20px;}
footer .footer-inner > div {display: flex; flex-direction: column; gap: 5px;}
footer .footer-inner > div b {font-weight: 600; color: #888;}
footer .footer-inner > div p {color: #888;}

@media (max-width:400px){

}

@media (max-width:360px){
  .header .main_nav .logo {width: 120px;}
}

@media (max-width:320px){

}

@media (max-width:300px){

}