::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background:#f5f5f5;border-radius:10px;}
::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:10px;}
::-webkit-scrollbar-thumb:hover{background:#c7c7c7;}

html {scroll-behavior: smooth;color-scheme: light; -webkit-text-size-adjust: 100%;}
*{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;letter-spacing:0px;word-break:keep-all !important;line-height:1.6;}
.serif{font-family: "Libre Baskerville", serif !important;}
i, em{font-style:normal}
b{font-weight:bold}
body{min-width:1400px;}
.ctt{width:1400px;margin:0 auto;}
.mb_block{display:none;}
.pc_block{display:block;}
.c1{color:#17786d}
.c2{color:#8cc667}
.b1{background:#17786d}
.b2{background:#8cc667}
.wt{color:#fff;}
.bold{font-weight:bold}
.pd180{padding:180px 0;}
.pdt180{padding-top:180px}
.pd120{padding:120px 0;}
.pdt120{padding-top:120px}
.pdb120{padding-bottom:120px}
.pd80{padding:80px 0;}
.pdt80{padding-top:80px}
.pd60{padding:60px 0;}
.pdt60{padding-top:60px}
.mt0{margin-top:0 !important}
.mt100{margin-top:100px}
.mt80{margin-top:80px}
.mt60{margin-top:60px;}
.mt40{margin-top:40px;}
.mt30{margin-top:30px;}
.mt20{margin-top:20px;}
.mt15{margin-top:15px;}
.mt10{margin-top:10px;}
.mt5{margin-top:5px;}
.f60{font-size:60px;}
.f50{font-size:50px;}
.f46{font-size:46px;}
.f40{font-size:40px;}
.f36{font-size:36px;}
.f32{font-size:32px;}
.f30{font-size:30px;}
.f26{font-size:26px;}
.f22{font-size:22px;}
.f20{font-size:20px;}
.f18{font-size:18px;}
.f17{font-size:17px;}
.f16{font-size:16px;}
.f15{font-size:15px;}
.f14{font-size:14px;}

.full_right{overflow:hidden;width: calc(50vw + 700px);margin-left: calc(50% - 700px);}
.slide_btn{display:flex;gap:0 15px;}
.slide_btn div{cursor:pointer;width:60px;height:60px;border-radius:60px;display:flex;align-items:center;justify-content:center;border:1px solid #000;}
.slide_btn div img{width:6px}
.swiper-button-lock{display:none !important}

/* 서브페이지 공통 */
#ctt{display:none;}
.subpage{margin-top: 143px;}
.sub_top{z-index:9999;background:#000;margin:0 auto;width:95%;height:300px;border-radius:15px;position:relative;}
.sub_top1{background:url('../common/images/sub_top1.jpg')no-repeat;background-size:cover;}
.sub_top2{background:url('../common/images/sub_top2.jpg')no-repeat;background-size:cover;}
.sub_top3{background:url('../common/images/sub_top3.jpg')no-repeat;background-size:cover;}
.sub_top4{background:url('../common/images/sub_top4.jpg')no-repeat;background-size:cover;}
.sub_top5{background:url('../common/images/sub_top5.jpg')no-repeat;background-size:cover;}
.sub_top6{background:url('../common/images/sub_top6.jpg')no-repeat;background-size:cover;}
.sub_top h2{padding-top:90px;text-align:center}
.location{width:fit-content;margin:0 auto;}
.location .ctt{width:fit-content;display:flex;align-items:center;justify-content:center;}
.location.lo_fixed{
  position:fixed;top: 143px;left: 0;width: 100%;z-index: 999;background: #fff;border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;}
.location.lo_hide{opacity:0;visibility:hidden;}

.location.lo_fixed img{filter:invert(1);}
.location.lo_fixed .loca_arrow{filter:invert(0)}
.location.lo_fixed *{color:#000}
.home{padding:20px;}
.home a{}
.home a img{width:15px;}
.loca_arrow{width: 6px;opacity: 0.5;filter: invert(1);margin-left: 10px;}
.loca_dep{padding:17px 30px;position:relative;}
.loca_2dep{border:0;}
.loca_dep h4{cursor:pointer;color:#fff;display:flex;align-items:center;gap:0 40px;}
.loca_dep h4 img{width:14px;}
.loca_dep ul{box-shadow:0 10px 20px rgba(0,0,0,0.1);display:none;z-index:9999;position: absolute;top: 66px;left: 0;width:100%;border:1px solid rgba(0,0,0,0.1);border-radius:10px;overflow:hidden;background:#fff;}
.loca_dep ul li{}
.loca_dep ul li a{padding:12px 18px;border-bottom:1px solid #e9e9e9;font-size:15px;display:block;}
.loca_dep ul li a:hover{background:#f9f9f9}
.loca_dep ul li:last-child a{border:0;}
.page{}
.sub_tit{text-align:center}
.sub_tit h2{line-height:1.4;}
.sub_tit p{line-height:1.7}

.page_tit{}
.page_tit h2{line-height:1.4;}
.page_tit p{}

.split_txt span{display:inline-block;position:relative;color:#dcdcdc;overflow:hidden;line-height:1;white-space:nowrap;}
.split_txt span::after{content:attr(data-text);position:absolute;left:0;top:0;width:0;color:#000;white-space:nowrap;overflow:hidden;transition:width 1.2s ease;}
.split_txt.on span::after{width:100%;}


/* 서브탭 */
.page_tab{display:none;position:sticky;top:220px;z-index:99;margin-bottom:50px;}
.page_tab ul{border-radius:100px;display:flex;justify-content:center;background: #f8f8f8;width: fit-content;margin: 0 auto;padding:5px}
.page_tab ul li{}
.page_tab ul li a{display:block;border-radius:100px;padding:15px 45px;border-radius:100px;font-size:17px;font-weight:500}
.page_tab ul li a.active{background:#17786d !important;font-weight:500;color:#fff;}
.page_tab ul li a:hover{background:#f3f3f3;font-weight:500;}

/* 공지 */
.page_main_notice{animation: floatUpDown 2s ease-in-out infinite;margin-top:40px;}
.page_main_notice div{background:#fdf2f2;padding:18px 35px;border-radius:8px;width:fit-content;margin:0 auto;position:relative;}
.page_main_notice div::after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:-12px;width:20px;height:16px;background:#fdf2f2;clip-path:polygon(50% 100%, 0 0, 100% 0);}
.page_main_notice p{color:#cd3232 !important;text-align:center;}
.page_main_notice i{width: 16px;height: 16px;border-radius: 14px;background: #cd3232;color: #fff;font-weight: 400;text-align: center;line-height: 16px;font-size: 12px;margin-right: 7px;display: inline-block;position: relative;top: -1px;}
@keyframes floatUpDown{
  0%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(-10px);
  }
  100%{
    transform:translateY(0);
  }
}

/* 메인이미지 */
.page_main_img{width:100%;overflow:hidden;margin-top:60px}
.page_main_img img{border-radius:20px;width:1300px;max-width:none;display:block;margin:0 auto;clip-path:inset(0 50%);transition:clip-path 1.5s cubic-bezier(.22,1,.36,1);}
.page_main_img.active img{clip-path:inset(0 0%);}

/* 과정 */

.page_step{background:#f4f8f6}
.page_step h4{}
.page_step ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:0 40px;}
.page_step ul li{border-radius:15px;padding:15px;overflow:hidden;background:#fff}
.page_step ul li img{width:100%;border-radius:10px}
.page_step ul li div{padding:30px 20px}
.page_step ul li span{font-size: 12px;font-weight: 800;border-radius: 50px;padding: 8px 15px;margin-bottom: 10px;display: block;width: fit-content;line-height: normal;}
.page_step ul li div p{}

/* 장점 */
.page_merit{}
.page_merit .ctt{}
.page_merit h4{}
.page_merit h4 p{font-weight:400;color:#555;}
.page_merit ul{display:grid;grid-template-columns:repeat(4, 1fr);gap:25px;}
.page_merit ul li{border-radius:15px;padding:30px 0;border-radius:100px;background:#fff;text-align:center;background:#f3f3f3}
.page_merit ul li div{display:flex;align-items:center;justify-content:center;gap:0 10px;}
.page_merit ul li div img{width:20px}
.page_merit ul li p{line-height:1.4;font-weight:500;}

/* 종류 */
.page_kind{background:#f5f9f6}

.page_kind_tab{}
.page_kind_tab ul{display:flex;gap:0 12px;}
.page_kind_tab ul li{cursor:pointer;font-size:16px;border-radius:100px;padding:10px 25px;border-radius:100px;text-align:center;background:#f8f8f8;
  color: #000;font-weight:600;}
.page_kind_tab ul li.on{background:#8ed970;color:#fff;}
.kind_slide{position:relative;overflow:hidden;}
.kind_slide .swiper-wrapper{transition-timing-function:linear}
.kind_slide .swiper-slide{display:flex;justify-content:space-between;}
.kind_slide .swiper-slide img{width:40%;border-radius:15px;}
.kind_slide .swiper-slide div{width:55%;padding-top:45px;}
.kind_slide .swiper-slide div span{font-weight:bold}
.kind_slide .swiper-slide div h4{}
.kind_slide .swiper-slide div p{line-height:1.7}

.kind_slide2 .swiper-slide{display:block;}
.kind_slide2 .swiper-slide img{width:100%;}
.kind_slide2 .swiper-slide div{width:100%;}
.kind_slide2 .swiper-slide div h4{width:100%}
.kind_slide2 .swiper-slide div{padding:20px;}

.kind_btn{z-index:9;position:absolute;left:38%;bottom:40px;display:flex;align-items:center;gap:0 20px}
.kind-pagination{position:relative !Important;width:300px !important;background:#f4f4f4 !important;border-radius:100px;height:4px !important;overflow:hidden;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#17786d !important}
.kind_button_wrap{display:flex;gap:0 8px}
.kind_button{background:#fff;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:100px;border:1px solid #e4e4e4;}
.kind_button img{opacity:0.3;width:8px;}

@media screen and (max-width:1400px){
  .full_right{width:1400px}
}
@media screen and (max-width:768px){
  .mb_block{display:block;}
  .pc_block{display:none;}
  body{min-width:100%;width:100%}
  .ctt{width:90%}
  .pd180{padding:60px 0;}
  .pdt180{padding-top:60px}
  .pd120{padding:60px 0;}
  .pdt120{padding-top:60px}
  .pdb120{padding-bottom:60px}
  .pd80{padding:40px 0;}
  .pdt80{padding-top:40px}
  .pd60{padding:30px 0;}
  .pdt60{padding-top:30px}
  .mt100{margin-top:40px}
  .mt80{margin-top:35px}
  .mt60{margin-top:30px;}
  .mt40{margin-top:20px;}
  .mt30{margin-top:15px;}
  .mt20{margin-top:10px;}
  .mt15{margin-top:8px;}
  .mt10{margin-top:6px;}
  .f60{font-size:26px;}
  .f50{font-size:22px;}
  .f46{font-size:22px;}
  .f40{font-size:20px;}
  .f36{font-size:20px}
  .f32{font-size:20px;}
  .f30{font-size:19px;}
  .f26{font-size:18px;}
  .f22{font-size:17px;}
  .f20{font-size:16px;}
  .f18{font-size:14px;}
  .f17{font-size:14px;}
  .f16{font-size:13px;}
  .f15{font-size:13px;}
  .f14{font-size:12px;}

  /* 서브페이지 공통 */
  .subpage{margin-top:100px}
  .sub_top{height:auto;padding:40px 0;z-index:9999;}
  .sub_top h2{padding-top:0;margin-bottom:10px;}
  .home{padding:0; position: relative;top: -1px;}
  .home a img{width:12px}
  .loca_dep{padding:0;margin: 0 10px;position:unset;}
  .loca_dep ul {top: 33px;width:90%;left:50%;transform:translateX(-50%);}
  .loca_dep ul li a {padding: 8px 15px;font-size: 13px;}
  .loca_dep h4{gap: 0 8px}
  .loca_dep h4 img {width: 11px;}
  .location {position: relative;left: 0;transform: translateX(0%);top: 0;width: 90%;margin: 0 auto;}
  .location.lo_fixed{top:99px;padding:8px 0}
  .slide_btn{gap:0 10px}
  .slide_btn div{width:45px;height:45px;}

  .full_right{width:90%;margin:0 auto;}

  .page_tab{margin-bottom:25px;top:148px;}
  .page_tab ul li a {padding: 8px 15px;font-size: 13px;}

  .page_main_notice{margin-top:25px}

  .page_main_img{margin-top:40px}
  .page_main_img img{width:95%;}

  .page_step ul {grid-template-columns: repeat(1, 1fr);gap: 20px;}
  .page_step ul li div{padding:25px 10px}

  .page_merit ul {gap:12px 0;grid-template-columns: repeat(1, 1fr);}
  .page_merit ul li{padding:15px 0;}
  .page_merit ul li div img{width:14px;}
  
  .page_kind_tab ul{flex-wrap:wrap;gap:8px}
  .page_kind_tab ul li{font-size:13px;padding: 5px 10px;}
  .kind_slide .swiper-slide{flex-wrap:wrap}
  .kind_slide .swiper-slide img{width:100%}
  .kind_slide .swiper-slide div{width:100%;margin-top:20px;padding-top:0;}
  .kind_btn{display:none;}
}