@charset "UTF-8";

.ft_top{display: none !important;}

.sub_wrap section.desc_sct .inner{display: flex;justify-content: space-between;flex-wrap: wrap;}
.sub_wrap section.desc_sct .img_box{width: 48.47%;text-align: center;}
.sub_wrap section.desc_sct .txt_box{width: 48.81%;}

.sub_wrap section.desc_sct .sub_tit .sml{display: inline-block; position: relative;font-size: 22px;font-weight: 500;color: #AAA081;letter-spacing: 0.1em; padding-left: 95px;}
.sub_wrap section.desc_sct .sub_tit .sml::before{content: '';position: absolute;top: 12px;left: 0;width: 60px;height: 1px;background-color: #AAA081;}
.sub_wrap section.desc_sct .sub_tit h3{font-size: 50px;font-weight: 700;color: #1E1E1E;margin-top: 18px;padding-left: 30px;}
.sub_wrap section.desc_sct .sub_desc{margin-top: 62px;padding-left: 30px;}
.sub_wrap section.desc_sct .sub_desc p{font-size: 22px;font-weight: 400;color: #3e3e3e;line-height: 1.8; }
.sub_wrap section.desc_sct .sub_desc p + p{margin-top: 24px;}

@media screen and (max-width:1440px) {
  .sub_wrap section.desc_sct .sub_desc p br{display: none;}
}
@media screen and (max-width:1024px) {
  .sub_wrap section.desc_sct .img_box{width: 100%;}
  .sub_wrap section.desc_sct .img_box img{width: 70%;}
  .sub_wrap section.desc_sct .txt_box{width: 100%;margin-top: 60px;}

  .sub_wrap section.desc_sct .sub_tit .sml{font-size: 16px;padding-left: 50px;}
  .sub_wrap section.desc_sct .sub_tit .sml::before{width: 40px;top: 9px;}
  .sub_wrap section.desc_sct .sub_tit h3{font-size: 32px;margin-top: 10px;padding-left: 15px;}
  .sub_wrap section.desc_sct .sub_desc{margin-top: 40px;padding-left: 15px;}
  .sub_wrap section.desc_sct .sub_desc p{font-size: 18px;}
  .sub_wrap section.desc_sct .sub_desc p + p{margin-top: 14px;}
}
@media screen and (max-width:768px) {
  .sub_wrap section.desc_sct .img_box img{width: 60%;}
  .sub_wrap section.desc_sct .txt_box{margin-top: 40px;}

  .sub_wrap section.desc_sct .sub_tit .sml{font-size: 16px;padding-left: 30px;}
  .sub_wrap section.desc_sct .sub_tit .sml::before{width: 20px;}
  .sub_wrap section.desc_sct .sub_tit h3{font-size: 28px;margin-top: 8px;padding-left: 0;}
  .sub_wrap section.desc_sct .sub_desc{margin-top: 30px;padding-left: 0;}
  .sub_wrap section.desc_sct .sub_desc p{font-size: 18px;}
}





/* ABOUT sub01 */
.sub01 .sct01{background: url(/html/img/sub01_sct1_bg.png) no-repeat right/cover;padding-top: 140px;}
.sub01 .sct01 .img_box img.pc{display: block;}
.sub01 .sct01 .img_box img.mo{display: none;}
.sub01 .sct01 .txt_box{margin-top: 140px;}
.sub01 .sct01 .txt_box .sub_tit h3{margin-top: 60px;}
.sub01 .sct01 .txt_box .sub_desc h4{font-size: 26px;font-weight: 700;color: #3e3e3e;line-height: 1.6;padding-bottom: 40px;}

@media screen and (max-width:1024px) {
  .sub01 .sct01{padding-top: 100px;}
  .sub01 .sct01 .img_box img.pc{display: none;}
  .sub01 .sct01 .img_box img.mo{display: block;}
  .sub01 .sct01 .txt_box{margin-top: 60px;}
  .sub01 .sct01 .txt_box .sub_tit h3{margin-top: 30px;}
  .sub01 .sct01 .txt_box .sub_desc h4{font-size: 20px;padding-bottom: 20px;}
}
@media screen and (max-width:768px) {
  .sub01 .sct01{padding-top: 80px;}
  .sub01 .sct01 .img_box img.mo{width: 100%;}
  .sub01 .sct01 .txt_box{margin-top: 40px;}
  .sub01 .sct01 .txt_box .sub_tit h3{margin-top: 20px;}
  .sub01 .sct01 .txt_box .sub_desc h4{font-size: 18px;padding-bottom: 16px;}
}

.sub01 .sct02{margin-top: 120px;}
.sub01 .sct02 .top_box{display: flex;flex-wrap: wrap;padding: 80px 0 0 80px;background: linear-gradient(90deg, rgba(70,47,29,1) 5%, rgba(135,98,72,1) 90%);}
.sub01 .sct02 .top_box .txt_box,
.sub01 .sct02 .top_box .img_box{width: 50%;}
.sub01 .sct02 .top_box .txt_box .sml{display: block;font-size: 22px;font-weight: 400;color: #A99B93;}
.sub01 .sct02 .top_box .txt_box h3{font-size: 50px;font-weight: 700;color: #fff;margin-top: 12px;}
.sub01 .sct02 .top_box .txt_box p{font-size: 22px;font-weight: 400;color: #fff;line-height: 1.4;margin-top: 40px;}
.sub01 .sct02 .top_box .txt_box .tag{display: flex;gap: 10px;flex-wrap: wrap;margin-top: 60px;}
.sub01 .sct02 .top_box .txt_box .tag > li{font-size: 18px;font-weight: 700;color: #fff;padding: 10px 16px;background-color: rgba(255, 255, 255, 0.2);border-radius: 999px;}
.sub01 .sct02 .history_wrap{position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;padding: 40px;border: #CECECE solid 1px;}
.sub01 .sct02 .history_wrap::before,
.sub01 .sct02 .history_wrap::after{content: '';position: absolute;width: 46px;height: 46px;}
.sub01 .sct02 .history_wrap::before{left: -1px;top: -1px;border-top: #665729 solid 1px;border-left: #665729 solid 1px;}
.sub01 .sct02 .history_wrap::after{right: -1px;bottom: -1px;border-bottom: #665729 solid 1px;border-right: #665729 solid 1px;}
.sub01 .sct02 .history_wrap .history{width: 48.5%;}
.sub01 .sct02 .history_wrap .history > li{position: relative;font-size: 22px;font-weight: 400;color: #3e3e3e;line-height: 1.8;padding-left: 30px;}
.sub01 .sct02 .history_wrap .history > li::before{content: '';position: absolute;top: 18px;left: 12px;width: 4px;height: 4px;border-radius: 50%;background-color: #3e3e3e;}

@media screen and (max-width:1024px) {
  .sub01 .sct02{margin-top: 80px;}
  .sub01 .sct02 .top_box{padding: 40px 0 0 40px;}
  .sub01 .sct02 .top_box .txt_box .sml{font-size: 18px;}
  .sub01 .sct02 .top_box .txt_box h3{font-size: 40px;margin-top: 10px;}
  .sub01 .sct02 .top_box .txt_box p{font-size: 18px;margin-top: 20px;}
  .sub01 .sct02 .top_box .txt_box .tag{margin-top: 40px;}
  .sub01 .sct02 .top_box .txt_box .tag > li{font-size: 18px;padding: 6px 12px;}
  .sub01 .sct02 .history_wrap{margin-top: 30px;padding: 30px;}
  .sub01 .sct02 .history_wrap::before,
  .sub01 .sct02 .history_wrap::after{width: 40px;height: 40px;}
  .sub01 .sct02 .history_wrap .history > li{font-size: 18px;padding-left: 24px;}
  .sub01 .sct02 .history_wrap .history > li br{display: none;}
  .sub01 .sct02 .history_wrap .history > li::before{top: 14px;left: 10px;}
}
@media screen and (max-width:768px) {
  .sub01 .sct02 .top_box{gap: 20px;padding: 30px 20px 0;}
  .sub01 .sct02 .top_box .txt_box,
  .sub01 .sct02 .top_box .img_box{width: 100%;}
  .sub01 .sct02 .top_box .img_box{text-align: right;}
  .sub01 .sct02 .top_box .img_box img{width: 70%;}
  .sub01 .sct02 .top_box .txt_box .sml{font-size: 18px;}
  .sub01 .sct02 .top_box .txt_box h3{font-size: 32px;}
  .sub01 .sct02 .top_box .txt_box p{font-size: 18px;margin-top: 16px;}
  .sub01 .sct02 .top_box .txt_box .tag{gap: 8px;margin-top: 30px;}
  .sub01 .sct02 .top_box .txt_box .tag > li{font-size: 15px;padding: 6px 10px;}
  .sub01 .sct02 .history_wrap{margin-top: 20px;padding: 20px;}
  .sub01 .sct02 .history_wrap .history{width: 100%;}
  .sub01 .sct02 .history_wrap .history > li{font-size: 18px;padding-left: 12px;}
  .sub01 .sct02 .history_wrap .history > li::before{top: 11px;left: 0;} 

}

.sub01 .sct03{margin-top: 190px;}
.sub01 .sct03 h3{font-size: 40px;font-weight: 700;color: #1E1E1E;}
.sub01 .sct03 .cert_wrap{position: relative;margin-top: 80px;padding: 0 60px 96px;}
.sub01 .sct03 .cert_wrap::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 27.43%;background-color: #F2F2F2;}
.sub01 .sct03 .cert_wrap .certification{overflow: hidden;}
.sub01 .sct03 .cert_wrap .certification .swiper-slide img{border: #D1D1D1 solid 1px;}
.sub01 .sct03 .cert_wrap .cert_navi{position: absolute;bottom: 0;left: 0;display: flex;justify-content: center;gap: 14px;width: 100%;transform: translateY(50%);z-index: 19;}
.sub01 .sct03 .cert_wrap .cert_navi button{width: 70px;height: 70px;border-radius: 50%;border: unset;background-repeat: no-repeat;background-position: center;transition: background-color 0.3s;}
.sub01 .sct03 .cert_wrap .cert_navi button.cert_prev{background-image: url(/html/img/cert_prev.svg);background-color: #D9D9D9;}
.sub01 .sct03 .cert_wrap .cert_navi button.cert_next{background-image: url(/html/img/cert_next.svg);background-color: #0054A6;}
.sub01 .sct03 .cert_wrap .cert_navi button.cert_prev:hover{background-color: #b6b6b6;}
.sub01 .sct03 .cert_wrap .cert_navi button.cert_next:hover{background-color: #003b75;}

@media screen and (max-width:1024px) {
  .sub01 .sct03{margin-top: 120px;}
  .sub01 .sct03 h3{font-size: 32px;}
  .sub01 .sct03 .cert_wrap{margin-top: 60px;padding: 0 40px 60px;}
  .sub01 .sct03 .cert_wrap .cert_navi button{width: 60px;height: 60px;}
}
@media screen and (max-width:768px) {
  .sub01 .sct03{margin-top: 80px;}
  .sub01 .sct03 h3{font-size: 24px;}
  .sub01 .sct03 .cert_wrap{margin-top: 40px;padding: 0 20px 40px;}
  .sub01 .sct03 .cert_wrap .cert_navi button{width: 50px;height: 50px;}
}

.sub01 .sct04{margin-top: 180px;padding: 150px 0;background-color: #F2F2F2;}
.sub01 .sct04 .inner{max-width: 1692px;padding: 0 116px;}
.sub01 .sct04 .tit{text-align: center;}
.sub01 .sct04 .tit .sml{display: inline-block;font-size: 17px;font-weight: 500;color: #AAA081;}
.sub01 .sct04 .tit h3{font-size: 36px;font-weight: 700;color: #191919;margin-top: 10px;}
.sub01 .sct04 .service_wrap{position: relative;margin-top: 80px;}
.sub01 .sct04 .service_type{display: flex;flex-wrap: wrap;gap: 40px; overflow: hidden;}
.sub01 .sct04 .service_type .swiper-slide{width: calc(33.33% - (80px / 3)); background-color: rgba(255, 255, 255, 0.6);border: #ccc solid 1px;border-radius: 20px;padding: 60px 56px;}
.sub01 .sct04 .service_type .swiper-slide .txt_box{text-align: center;}
.sub01 .sct04 .service_type .swiper-slide .txt_box .num{display: inline-block;font-size: 18px;font-weight: 400;color: #CF9037;line-height: 1.7;}
.sub01 .sct04 .service_type .swiper-slide .txt_box h4{font-size: 30px;font-weight: 600;color: #191919;}
.sub01 .sct04 .service_type .swiper-slide .img_box{margin-top: 60px;text-align: center;}
.sub01 .sct04 .service_type .swiper-slide .img_box img{filter: invert(1) brightness(0);}
.sub01 .sct04 .service_type .swiper-slide a{display: flex;justify-content: center;align-items: center;gap: 10px;width: 100%;font-size: 22px;font-weight: 600;color: #191919;padding: 10px;margin-top: 60px;border: #D1D1D1 solid 1px;border-radius: 12px;transition: all 0.3s;}
.sub01 .sct04 .service_type .swiper-slide a img{transition: filter 0.3s;}
.sub01 .sct04 .service_type .swiper-slide a:hover{background-color: #191919;color: #fff;}
.sub01 .sct04 .service_type .swiper-slide a:hover img{filter: invert(1) brightness(1);}
.sub01 .sct04 .service_wrap .service_navi button{position: absolute;top: 50%;background-color: transparent;border: unset;transform: translateY(-50%);}
.sub01 .sct04 .service_wrap .service_navi button img{transition: filter 0.3s;}
.sub01 .sct04 .service_wrap .service_navi button:hover img{filter: invert(1);}
.sub01 .sct04 .service_wrap .service_navi button.service_prev{left: -106px;}
.sub01 .sct04 .service_wrap .service_navi button.service_next{right: -106px;}

@media screen and (max-width:1400px) {
  .sub01 .sct04 .inner{padding: 0 100px;}
  .sub01 .sct04 .service_type .swiper-slide{padding: 40px 20px;}
  .sub01 .sct04 .service_type .swiper-slide .txt_box .num{font-size: 17px;}
  .sub01 .sct04 .service_type .swiper-slide .txt_box h4{font-size: 26px;}
  .sub01 .sct04 .service_type .swiper-slide a{font-size: 20px;}
  .sub01 .sct04 .service_wrap .service_navi button.service_prev{left: -90px;}
  .sub01 .sct04 .service_wrap .service_navi button.service_next{right: -90px;}
}
@media screen and (max-width:1024px) {
  .sub01 .sct04{margin-top: 120px;padding: 100px 0;}
  .sub01 .sct04 .inner{padding: 0 80px;}
  .sub01 .sct04 .tit .sml{font-size: 15px;}
  .sub01 .sct04 .tit h3{font-size: 26px;margin-top: 8px;}
  .sub01 .sct04 .service_wrap{margin-top: 60px;}
  .sub01 .sct04 .service_type{gap: 20px;}
  .sub01 .sct04 .service_type .swiper-slide{width: calc(50% - 10px);}
  .sub01 .sct04 .service_type .swiper-slide .txt_box .num{font-size: 15px;}
  .sub01 .sct04 .service_type .swiper-slide .txt_box h4{font-size: 16px;}
  .sub01 .sct04 .service_type .swiper-slide .img_box{margin-top: 40px;}
  .sub01 .sct04 .service_type .swiper-slide a{font-size: 18px;margin-top: 40px;}
  .sub01 .sct04 .service_wrap .service_navi button{width: 45px;}
  .sub01 .sct04 .service_wrap .service_navi button.service_prev{left: -70px;}
  .sub01 .sct04 .service_wrap .service_navi button.service_next{right: -70px;}
}
@media screen and (max-width:768px) {
  .sub01 .sct04{margin-top: 80px;padding: 80px 0;}
  .sub01 .sct04 .inner{padding: 0 20px;}
  .sub01 .sct04 .tit h3{margin-top: 4px;}
  .sub01 .sct04 .service_type{overflow: visible;}
  .sub01 .sct04 .service_type .swiper-slide{padding: 30px 20px;}
  .sub01 .sct04 .service_type .swiper-slide .img_box{margin-top: 20px;}
  .sub01 .sct04 .service_type .swiper-slide .img_box img{max-width: 90px;}
  .sub01 .sct04 .service_type .swiper-slide a{gap: 8px;font-size: 16px;margin-top: 30px;padding: 8px;}
  .sub01 .sct04 .service_wrap .service_navi button{display: none;}
}
@media screen and (max-width:400px) {
  .sub01 .sct04 .service_type .swiper-slide{width: 100%;}
}




/* WORK sub02 */
.sub02 .sct01{margin-top: 100px;background: url(/html/img/sub02_sct1_bg.png) no-repeat right bottom;}

@media screen and (max-width:1024px) {
  .sub02 .sct01{margin-top: 80px;}
}
@media screen and (max-width:768px) {
  .sub02 .sct01{background-size: 60%;}
}

.sub02 .sct02{margin-top: 120px;}
.sub02 .sct02 .detail_wrap{display: flex;justify-content: space-between;flex-wrap: wrap;}
.sub02 .sct02 .detail_wrap:nth-child(n + 2){margin-top: 150px;}
.sub02 .sct02 .detail_wrap .left{width: 20.83%;}
.sub02 .sct02 .detail_wrap .right{width: 73.61%;}

.sub02 .sct02 .detail_wrap .left h3{font-size: 40px;font-weight: 700;color: #1E1E1E;line-height: 1.25;}
.sub02 .sct02 .detail_wrap .left h3 .blue{color: #02528A;}
.sub02 .sct02 .detail_wrap .right h4{font-size: 36px;font-weight: 400;color: #02528A;line-height: 1.6;}
.sub02 .sct02 .detail_wrap .right h4 b{font-weight: 700;}
.sub02 .sct02 .detail_wrap .right p.desc{font-size: 22px;font-weight: 400;color: #3E3E3E;line-height: 1.8;/* margin-top: 24px; */}
.sub02 .sct02 .detail_wrap .right p.desc:nth-child(n + 2){margin-top: 24px;}
.sub02 .sct02 .detail_wrap .right p.desc b{font-weight: 700;}
.sub02 .sct02 .detail_wrap .right p.desc .imgbox{
  max-width: 200px;
  width: 100%;
  text-align: center;
  display: block;
} 
.sub02 .sct02 .detail_wrap .right p.desc .imgbox img{
  display: block;
  margin-bottom: 5px;
}
.text-center{
  text-align: center !important;
}

.sub02 .sct02 .detail_wrap .right .con_list > li{margin-top: 60px;}
.sub02 .sct02 .detail_wrap .right .con_list > li h5{position: relative;font-size: 22px;font-weight: 700;color: #2E2E2E;padding-left: 20px;}
.sub02 .sct02 .detail_wrap .right .con_list > li h5::before{content: '';position: absolute;top: 9px;left: 0;display: block;width: 8px;height: 8px;background-color: #02528A;border-radius: 50%;}
.sub02 .sct02 .detail_wrap .right .con_list > li p{font-size: 22px;font-weight: 400;color: #3E3E3E;line-height: 1.8;margin-top: 20px;}
.sub02 .sct02 .detail_wrap .right .con_list > li a{display: flex;gap: 10px;align-items: center;width: fit-content;font-size: 18px;font-weight: 600;color: #fff;padding: 14px 36px;margin-top: 24px;background-color: #02528A;border-radius: 8px;transition: background-color 0.3s;}
.sub02 .sct02 .detail_wrap .right .con_list > li a:hover{text-decoration: underline;background-color: #023b64;}

@media screen and (max-width:1024px) {
  .sub02 .sct02{margin-top: 100px;}
  .sub02 .sct02 .detail_wrap{gap: 40px;}
  .sub02 .sct02 .detail_wrap:nth-child(n + 2){margin-top: 100px;}
  .sub02 .sct02 .detail_wrap .left,
  .sub02 .sct02 .detail_wrap .right{width: 100%;}

  .sub02 .sct02 .detail_wrap .left h3{font-size: 32px;}
  .sub02 .sct02 .detail_wrap .left h3 br{display: none;}
  .sub02 .sct02 .detail_wrap .right h4{font-size: 24px;}
  .sub02 .sct02 .detail_wrap .right h4 br{display: none;}
  .sub02 .sct02 .detail_wrap .right p.desc{font-size: 18px;margin-top: 16px;}
  .sub02 .sct02 .detail_wrap .right p.desc:nth-child(n + 2){margin-top: 16px;}
  .sub02 .sct02 .detail_wrap .right .con_list > li{margin-top: 40px;}
  .sub02 .sct02 .detail_wrap .right .con_list > li h5{font-size: 20px;padding-left: 16px;}
  .sub02 .sct02 .detail_wrap .right .con_list > li h5::before{width: 6px;height: 6px;}
  .sub02 .sct02 .detail_wrap .right .con_list > li p{font-size: 18px;margin-top: 12px;}
  .sub02 .sct02 .detail_wrap .right .con_list > li p br{display: none;}
  .sub02 .sct02 .detail_wrap .right .con_list > li a{font-size: 18px;padding: 10px 20px;margin-top: 18px;}

  .sub02 .sct02 .detail_wrap .right p.desc .imgbox{
    max-width: 160px;
  } 
  .sub02 .sct02 .detail_wrap .right p.desc .imgbox img{
    margin-bottom: 4px;
  }
}
@media screen and (max-width:768px) {
  .sub02 .sct02{margin-top: 80px;}

  .sub02 .sct02 .detail_wrap:nth-child(n + 2){margin-top: 80px;}
  .sub02 .sct02 .detail_wrap .left h3{font-size: 28px;}
  .sub02 .sct02 .detail_wrap .right h4{font-size: 20px;}
  .sub02 .sct02 .detail_wrap .right p.desc{font-size: 18px;}
  .sub02 .sct02 .detail_wrap .right p.desc br{display: none;}
  .sub02 .sct02 .detail_wrap .right .con_list > li h5{font-size: 20px;padding-left: 12px;}
  .sub02 .sct02 .detail_wrap .right .con_list > li h5::before{width: 5px;height: 5px;}
  .sub02 .sct02 .detail_wrap .right .con_list > li p{font-size: 18px;}
  .sub02 .sct02 .detail_wrap .right .con_list > li a{gap: 8px;font-size: 17px;padding: 10px 12px;margin-top: 12px;}
}

.sub02 .sct03{margin-top: 330px;padding: 120px 0;background: url(/html/img/sub02_sct3_bg.png) no-repeat center/cover;}
.sub02 .sct03 .tit{text-align: center;}
.sub02 .sct03 .tit .sml{display: inline-block;font-size: 17px;font-weight: 500;color: #AAA081;}
.sub02 .sct03 .tit h3{font-size: 36px;font-weight: 700;color: #F2F2F2;margin-top: 10px;}
.sub02 .sct03 .service{display: flex;gap: 20px;flex-wrap: wrap;margin-top: 80px;}
.sub02 .sct03 .service > li{display: flex;justify-content: center;align-items: center;width: calc(25% - (60px / 4));background-color: rgba(255, 255, 255, 0.06);border: #BDB1AD solid 1px;border-radius: 8px;font-size: 18px;font-weight: 700;color: #fff;text-align: center;padding: 20px 10px;}
.sub02_3 .sct03 .service > li{width: calc(20% - (80px / 5));}

@media screen and (max-width:1024px) {
  .sub02 .sct03{margin-top: 200px;padding: 100px 0;}
  .sub02 .sct03 .tit .sml{font-size: 18px;}
  .sub02 .sct03 .tit h3{font-size: 24px;margin-top: 8px;}
  .sub02 .sct03 .service{margin-top: 60px;}
  .sub02 .sct03 .service > li{width: calc(33.33% - (40px / 3));font-size: 18px;}  
}
@media screen and (max-width:768px) {
  .sub02 .sct03{margin-top: 150px;padding: 80px 0;}
  .sub02 .sct03 .tit .sml{font-size: 15px;}
  .sub02 .sct03 .tit h3{font-size: 20px;margin-top: 6px;}
  .sub02 .sct03 .service{gap: 16px;margin-top: 40px;}
  .sub02 .sct03 .service > li{width: calc(50% - 8px);font-size: 18px;}  
}
@media screen and (max-width:420px) {
  .sub02 .sct03 .service > li{width: 100%;word-break: break-all;}  
}

.sub02 .sct04{margin-top: 190px;padding-bottom: 150px;}
.sub02 .sct04 h3{font-size: 40px;font-weight: 700;color: #1E1E1E;}
.sub02 .sct04 .cert_wrap{position: relative;margin-top: 80px;padding: 0 60px 96px;}
.sub02 .sct04 .cert_wrap::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 27.43%;background-color: #F2F2F2;}
.sub02 .sct04 .cert_wrap .certification{overflow: hidden;}
.sub02 .sct04 .cert_wrap .certification .swiper-slide img{border: #D1D1D1 solid 1px;}
.sub02 .sct04 .cert_wrap .cert_navi{position: absolute;bottom: 0;left: 0;display: flex;justify-content: center;gap: 14px;width: 100%;transform: translateY(50%);z-index: 19;}
.sub02 .sct04 .cert_wrap .cert_navi button{width: 70px;height: 70px;border-radius: 50%;border: unset;background-repeat: no-repeat;background-position: center;transition: background-color 0.3s;}
.sub02 .sct04 .cert_wrap .cert_navi button.cert_prev{background-image: url(/html/img/cert_prev.svg);background-color: #D9D9D9;}
.sub02 .sct04 .cert_wrap .cert_navi button.cert_next{background-image: url(/html/img/cert_next.svg);background-color: #0054A6;}
.sub02 .sct04 .cert_wrap .cert_navi button.cert_prev:hover{background-color: #b6b6b6;}
.sub02 .sct04 .cert_wrap .cert_navi button.cert_next:hover{background-color: #003b75;}

@media screen and (max-width:1024px) {
  .sub02 .sct04{margin-top: 120px;padding-bottom: 100px;}
  .sub02 .sct04 h3{font-size: 32px;}
  .sub02 .sct04 .cert_wrap{margin-top: 60px;padding: 0 40px 60px;}
  .sub02 .sct04 .cert_wrap .cert_navi button{width: 60px;height: 60px;}
}
@media screen and (max-width:768px) {
  .sub02 .sct04{margin-top: 80px;}
  .sub02 .sct04 h3{font-size: 24px;}
  .sub02 .sct04 .cert_wrap{margin-top: 40px;padding: 0 20px 40px;}
  .sub02 .sct04 .cert_wrap .cert_navi button{width: 50px;height: 50px;}
}

.sub02_3 .sct02 .detail_wrap .right .con_list > li:first-child{margin-top: 0;}
.sub02_3 .sct02 .detail_wrap .right .con_list > li p + p{margin-top: 0 !important;}

.sub02_4 .sct02 .detail_wrap .right .con_list > li:first-child{margin-top: 0;}
.sub02_4 .sct02 .detail_wrap .right .con_list > li p + p{margin-top: 0 !important;}

.sub02_5 .sct02 .detail_wrap{display: none;}
.sub02_5 .sct02 .detail_wrap.active{display: flex;}
.sub02_5 .sct03{display: none;}
.sub02_5 .sct03.active{display: block;}
.sub02_5 .sct02 .detail_wrap .right .con_list > li:first-child{margin-top: 0;}
.sub02_5 .sct02 .detail_wrap .right .con_list > li p{margin-top: 0 !important;}

.sub02 .sct02 .sub02_tab{display: flex;flex-wrap: wrap;}
.sub02 .sct02 .sub02_tab > li{flex: 1;}
.sub02 .sct02 .sub02_tab > li button{display: inline-block;width: 100%;font-size: 22px;font-weight: 500;color: #959595;text-align: center;padding: 20px 0;border: 0;background-color: transparent;border-bottom: #D1D1D1 solid 1px;transition: color 0.3s;}
.sub02 .sct02 .sub02_tab > li button.active{color: #333;border-bottom: #191919 solid 3px;}
.sub02 .sct02 .sub02_tab > li button:hover{color: #333;}

@media screen and (max-width:1024px) {
  .sub02 .sct02 .sub02_tab > li button{font-size: 18px;padding: 16px 0;}
}
@media screen and (max-width:768px) {
  .sub02 .sct02 .sub02_tab > li button{font-size: 18px;padding: 12px 0;}
}





/* sub05 오시는길 */
.sub05 .sct01{
  padding-bottom: 250px;
}
.sub05 .sct01 .tit-line{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
}

.sub05 .sct01 .tit-line h3{
  font-size: 54px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: -1.08px;
  color: rgb(25, 25, 25);
}
.sub05 .sct01 .tit-line .map-btnline{
  display: flex;
  gap: 10px;
}
.sub05 .sct01 .tit-line .map-btnline a{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;

  font-size: 19px;
  font-weight: 500;
  line-height: 1.05;
  color: rgb(247, 249, 249);
  border-radius: 8px;
  background-color: rgb(1, 213, 59);
  width: 220px;
  padding: 15px 20px; 
  position: relative;
  top: 0;
  transition: all 0.3s ease-in-out;
}
.sub05 .sct01 .tit-line .map-btnline a:hover{
  top: -10px;
}
.sub05 .sct01 .tit-line .map-btnline a:last-child{
  font-size: 19px;
  font-weight: 500;
  color: rgb(54, 56, 22);
  background-color: rgb(251, 225, 0);
}
.sub05 .sct01 .tit-line .map-btnline a img{
  width: 19px;
  display: block;
}
.sub05 .sct01 .tit-line .map-btnline a:last-child img{
  width: 24px;
}
.map-area{width: 100%;height: 525px !important;}
.map-area .wrap_map{height: 100%;}
.map-area .root_daum_roughmap{width:100% !important;height: 100% !important;}
.map-area .map{width: 100%;height: 525px !important;}
.map-area .map_border{display: none !important;}
.map-info-wrap{
  margin-top: 40px;
  border-bottom: 1px solid rgb(204, 204, 204);
}
.map-info-wrap .con-line{
  display: flex;
  align-items: center;
  gap: 46px;
  margin-bottom: 50px;
}

.map-info-wrap .con-line > .icon{
  width: 132px;
  height: 132px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background-color: rgb(247, 247, 247);
}
.map-info-wrap .con-line > .icon img{
  display: block;
  width: 48px;
}
.map-info-wrap .con-line > .txt{
  width: calc(100% - 178px);
}
.map-info-wrap .con-line > .txt h3{
  font-size: 30px;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.6px;
  color: rgb(42, 40, 41);
  margin-bottom: 20px;
}
.map-info-wrap .con-line > .txt p{
  font-size: 22px;
  font-weight: 400;
  letter-spacing: -0.44px;
  color: rgb(42, 40, 41);
}
.map-info-wrap .con-line > .txt p.route{
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.map-info-wrap .con-line > .txt p.route .arrow img{
  display: block;
  width: 29px;
}

@media(max-width:1024px){
  .sub05 .sct01{
    padding-bottom: 80px;
  }
  .sub05 .sct01 .tit-line{
    margin-bottom: 20px;
    gap: 12px;
  }
  .sub05 .sct01 .tit-line h3{
    font-size: 32px;
  }
  .sub05 .sct01 .tit-line .map-btnline{
    gap: 6px;
    width: 100%;
  }
  .sub05 .sct01 .tit-line .map-btnline a,
  .sub05 .sct01 .tit-line .map-btnline a:last-child{
    gap: 6px;
    font-size: 18px;
    border-radius: 6px;
    width: calc(50% - 3px);
    padding: 8px 10px; 
  }
  .sub05 .sct01 .tit-line .map-btnline a:hover{
    top: -5px;
  }
  .sub05 .sct01 .tit-line .map-btnline a img{
    width: 16px;
  }
  .sub05 .sct01 .tit-line .map-btnline a:last-child img{
    width: 14px;
  }
  .map-area{height:300px !important;}
  .map-area .map{height: 300px !important;}
  .map-info-wrap{
    margin-top: 20px;
  }
  .map-info-wrap .con-line{
    gap: 20px;
    margin-bottom: 30px;
  }
  .map-info-wrap .con-line > .icon{
    width: 70px;
    height: 70px;
  }
  .map-info-wrap .con-line > .txt{
    width: calc(100% - 90px);
  }
  .map-info-wrap .con-line > .icon img{
    width: 30px;
  }
  .map-info-wrap .con-line > .txt h3{
    font-size: 20px;
    margin-bottom: 8px;
  }
  .map-info-wrap .con-line > .txt p{
    font-size: 18px;
  }
  .map-info-wrap .con-line > .txt p.route{
    gap: 8px;
  }
  .map-info-wrap .con-line > .txt p.route .arrow img{
    width: 20px;
  }
}

@media(max-width:767px){
  .sub05 .sct01 .tit-line .map-btnline a,
  .sub05 .sct01 .tit-line .map-btnline a:last-child{
    font-size: 15px;
    width: 100%;
  }
  .sub05 .sct01 .tit-line h3{
    font-size: 28px;
  }

  .map-info-wrap .con-line{
    gap: 12px;
    flex-wrap: wrap;
  }
  .map-info-wrap .con-line > .icon{
    border-radius: 12px;
    width: 100%;
    height: auto;
    padding: 6px 0;
    text-align: center;
  }
  .map-info-wrap .con-line > .txt{
    width: 100%;
  }
  .map-info-wrap .con-line > .txt p{
    font-size: 15px;
    letter-spacing: -0.7px;
  }
}

@media(max-width:370px){

}