
/*서브타이틀 공통*/
.sub-tit-bg { position: relative; height: 450px; }
.sub-tit-bg.sub01 { background: url(/theme/basic/img/sub01/sub01_bg.jpg)no-repeat center / cover; }
.sub-tit-bg.sub02 { background: url(/theme/basic/img/sub02/sub02_bg.jpg)no-repeat center / cover; }
.sub-tit-bg.sub03 { background: url(/theme/basic/img/sub03/sub03_bg.jpg)no-repeat center / cover; }
.sub-tit-bg.sub04 { background: url(/theme/basic/img/sub04/sub04_bg.jpg)no-repeat center / cover; }
.sub-tit-bg.sub05 { background: url(/theme/basic/img/sub05/sub05_bg.jpg)no-repeat center / cover; }
.sub-tit-bg.sub06 { background: url(/theme/basic/img/sub06/sub06_bg.jpg)no-repeat center / cover; }
.sub-tit-bg > h2 {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 5.6rem;color: #fff;font-weight: 900}

@media all and (max-width:960px) {
  .sub-tit-bg{height: 360px;}
}
@media all and (max-width:480px) {
  .sub-tit-bg{height: 250px;}
  .sub-tit-bg > h2{font-size: 3.8rem;white-space: nowrap;}
}



/*  */
.sub-gnb-wr{padding: 5rem 0;}
.sub-gnb { position: relative; display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;}
.sub-gnb li {margin-right: 5rem;margin-bottom: 2.5rem;}
.sub-gnb li:last-child{margin-right: 0;}
.sub-gnb li a {font-size: 2rem;color: var( --color-txt);font-weight: 500;}
.sub-gnb li.on{position: relative;}
.sub-gnb li.on::after{position: absolute;content: '';top: -1.6rem;left: 50%;transform: translateX(-50%);background: url('/theme/basic/img/sub_gnb_on.svg') no-repeat center / contain;width: 10px;height: 14px;}
.sub-gnb li.on a {color: var(--color-point01);font-weight: 700; }

@media all and (max-width:960px) {
  .sub-gnb-wr{padding: 4rem 0;}
}
@media all and (max-width:480px) {
  .sub-gnb-wr{padding: 3rem 0;}
  .sub-gnb li{margin-right: 3.8rem}
  .sub-gnb li.on::after{height: 11px}
  .sub-gnb li a{font-size: 1.8rem}
  .map iframe{height: 35rem}
}

/*  */
.sec01{padding-top: 21.5rem}
.sec02{padding-top: 15.9rem}
.business-wr{background-color: #fff;}
.inquiry-wr{margin: 15rem 0 12rem}

@media all and (max-width:960px) {
  .sec01{padding-top: 12.5rem}
  .inquiry-wr{margin: 10rem 0;}
}
@media all and (max-width:480px) {
  .sec01{padding-top: 5.5rem}
  .sec02{padding-top: 11.9rem}
  .inquiry-wr{margin: 8rem 0}
}
@media all and (max-width:375px) {
  .sec01{padding-top: 3.5rem}
}


/**/
.map .root_daum_roughmap { width: 100%; height: 100%; }
.map .root_daum_roughmap .wrap_map { width: calc(100% + 3px); height: calc(100% + 3px); margin-top: -1px; margin-left: -1px; }

/*  */
.sub-tit-wr{padding-bottom: 4.4rem}
.sub-tit-wr > h2.tit{font-size: 4.4rem;color: var(--color-point);font-weight: 900;line-height: 5.4rem;}
.sub-tit-wr > span.sub-tit{display: block;font-size: 2rem;font-weight: 700;line-height: 3.2rem;margin-top: 1rem;}

@media all and (max-width:640px) {
  .sub-tit-wr{padding-bottom: 3.1rem;}
}
@media all and (max-width:480px) {
  .sub-tit-wr > h2.tit{font-size: 3.5rem;line-height: 3.8rem}
}
@media all and (max-width:450px) {
  .sub-tit-wr{padding-bottom: 2rem;}
}




/*  */
.flex-wr .fx-bx{display: flex;align-items: flex-start;margin-bottom: 18rem}
.flex-wr .fx-bx:last-child{margin-bottom: 0;}
.flex-wr .fx-bx:nth-child(2n){flex-direction: row-reverse;}
.flex-wr .fx-bx:nth-child(2n) .img-bx{margin-right: 0;}
.flex-wr .fx-bx:nth-child(2n) .info-bx{margin-right: 5rem;text-align: right;}
.flex-wr .fx-bx .bx{width: 50%;}
.flex-wr .img-bx{margin-right: 5rem}
.flex-wr .info-bx{padding-top: 5rem;}
.flex-wr .info-bx h3{font-size: 4.4rem;color: var(--color-point);font-weight: 900;line-height: 5.4rem}
.flex-wr .info-bx h3.color_b{color: #000;}
.flex-wr .info-bx span{display: block;font-size: 2rem;font-weight: 700;margin-top: 1rem;line-height: 3.2rem}
.flex-wr .info-bx p{font-size: 1.8rem;color: var( --color-txt);font-weight: 500;margin-top: 4.4rem;line-height: 3.2rem}
.flex-wr .info-bx p.point{color: var(--color-point01);display: flex;align-items: center;}
.flex-wr .info-bx p.point img.deco{width: auto;margin-right: .8rem}
.flex-wr ul.list{margin-left: 3.5rem}
.flex-wr ul.list > li{font-size: 1.8rem;color: var( --color-txt);font-weight: 500;line-height: 3rem;list-style: disc;}
.flex-wr ul.list > li::marker{color: var(--color-point01);}

@media all and (max-width:960px) {
  .flex-wr .img-bx{margin-right: 3rem;}
  .flex-wr .info-bx h3{line-height: 4.4rem;}
}
@media all and (max-width:640px) {
  .flex-wr .fx-bx{margin-bottom: 10rem}
  .flex-wr .fx-bx, .flex-wr .fx-bx:nth-child(2n){flex-direction: column;}
  .flex-wr .fx-bx .bx, .flex-wr .fx-bx .bx{width: 100%;}
  .flex-wr .fx-bx:nth-child(2n) .info-bx{text-align: left;}
  .flex-wr .info-bx{padding-top: 3.6rem}
  .flex-wr .info-bx p{margin-top: 3.2rem;}
  .flex-wr .img-bx{margin-right: 0;}
}
@media all and (max-width:480px) {
  .flex-wr .fx-bx{margin-bottom: 8.6rem;}
  .flex-wr .info-bx h3{font-size: 3.2rem;line-height: 3.6rem;}
  .flex-wr .info-bx p{margin-top: 2rem;}
  .flex-wr .info-bx br.br_pc{display: none;}
  .flex-wr ul.list{margin-left: 2.5rem;}
}



/*  */

.slide-wr .slide_control{display: flex;align-items: center;justify-content: center;padding-top: 2rem;}
.slide-wr .swiper-pagination{position:inherit;width: auto;}
.slide-wr .swiper-pagination-bullet-active{background: #01479C;}
.slide-wr .swiper-button-next, .slide-wr .swiper-button-prev{position: inherit; margin-top: 0;}
.slide-wr .swiper-button-next::after,
.slide-wr .swiper-button-prev::after {display: none;}
.slide-wr .swiper-pagination-bullet{margin: 0 .5rem}
.swiper-button-next, .swiper-button-prev{height: auto}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next,
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: none;}

@media all and (max-width:1280px) {
  .slide-wr .swiper{height: 50.6rem;}
}
@media all and (max-width:960px) {
  .slide-wr{padding-top: 12rem;}
  .slide-wr .swiper{height: 46.6rem;}
}
@media all and (max-width:480px) {
  .slide-wr{padding-top: 8rem}
  .slide-wr .swiper{height: 39.2rem;}
  .slide-wr .slide_control{padding-top: 1rem}
}


/*  */
img.blend_img{mix-blend-mode: multiply;}


.gray_bg{background-color: #F5F5F5;margin-bottom: 2rem;}
h6.small_tit{font-size: 2rem;font-weight: 700;line-height: 3.2rem;margin-bottom: 1.4rem;}
ul.sensor_list span{display: block;font-size: 1.8rem;font-weight: 500;font-weight: 500;color: #3C3C3C;text-align: center;margin-top: .7rem;line-height: 3.2rem;}



@media all and (max-width:640px) {
    ul.sensor_list span{padding-bottom: 1.8rem}
}



/* 준비중 */
.preparing-bx{display: flex;align-items: center;justify-content: space-between;padding: 5rem 0 12rem}
.preparing-bx img{width: auto;}
.preparing-bx img.logo{padding-bottom: 5.24rem}
.preparing-bx h5{font-size: 4.4rem;font-weight: 900}
.preparing-bx span{display: block;font-size: 2rem;font-weight: 700;margin-top: 1rem}
.preparing-bx p{font-size: 1.8rem;font-weight: 500;margin-top: 4.4rem;line-height: 3.2rem;color: #3C3C3C;}


@media all and (max-width:1280px) {
    .preparing-bx img.pp-img{width: 42rem;}
}
@media all and (max-width:960px) {
  .preparing-bx{padding-top: 6rem}
  .preparing-bx img.pp-img{width: 35rem;}
}
@media all and (max-width:820px) {
  .preparing-bx img.logo{width: 14rem}
}
@media all and (max-width:640px) {
  .preparing-bx{flex-direction: column;}
  .preparing-bx .i-txt{align-self: flex-start;width: 100%}
  .preparing-bx img.pp-img{margin-left: auto}
  .preparing-bx h5{font-size: 3.8rem}
  .preparing-bx img.logo{width: 12.5rem;padding-bottom: 3.24rem}
}















/**/
