@charset "utf-8";

.m-popup {
  position:absolute;
  z-index:11111;
  background:white;
  display:none;
  cursor:move;
}
.m-popup img {
  width: auto;
  max-width: 700px;
  min-width:250px;
}
.m-popup .btn-group {
  margin-top:0;
  display: block;
  background:#333333;
}
.m-popup .btn-group .btn-container{
  padding:11.5px 15px;
  display:table;
  width:100%;
  box-sizing:border-box;
}
.m-popup .btn-group .btn-container label{
    display:inline-block;
    color:white;
    font-size:14px;
    line-height:15px;
    float:left;
}
.m-popup .btn-group .btn-container label input[type=checkbox]{
    display:none;
}
.m-popup .btn-group .btn-container label input[type=checkbox] + span{
    width:11px;
    height:11px;
    display:inline-block;
    position:relative;
    margin-right:5px;
    cursor:pointer;
    vertical-align:middle;
    background:url('/images/client/img/layer-pop-chk-box.png') center no-repeat;
}
.m-popup .btn-group .btn-container label input[type=checkbox]:checked + span:after{
    content:'';
    width:11px;
    height:12px;
    position:absolute;
    left:0;
    top:0;
    display:inline-block;
    background:url('/images/client/img/top-banner-chk-active.png') center no-repeat;
}

.m-popup .btn-close-pop {
  width:12px;
  height:12px;
  text-indent:-99999px;
  background:url('/images/client/img/layer-pop-close.png') center no-repeat;
  cursor:pointer;
  display:inline-block;
  float:right;
  vertical-align:top;
}

html,body{position:relative;width:100%;height:100%}
body{margin:0;padding:0}
.swiper-container.mainVisual{width:100%;max-height:800px;height:100vh;}
.swiper-slide{position:relative;text-align:center;}
.swiper-slide.swiper-slide-active{z-index: 9}

#particles-js{position:absolute;top:0;z-index:8;width:100%;height:100%;transition: background-image 0.5s ease-in-out;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;transition:all 1.5s;-webkit-transition:all 1.5s}


.swiper-button-play{display:none;position:absolute;top:1px;right:-30px;width:20px;height:20px;background:url(/images/client/icon/ico-playBtn.png) 0 0/40px no-repeat;z-index:29;font-size:0;}
.swiper-button-pause{display:none;position:absolute;top:1px;right:-30px;width:20px;height:20px;background:url(/images/client/icon/ico-playBtn.png) 100% 0/40px no-repeat;z-index:29;font-size:0;}
.swiper-button-play.show{display:block;}
.swiper-button-pause.show{display:block;}

.mainVisual .con-slide{position:relative;z-index:10;display:table;width:100%;height:100%;max-width:1300px;margin:0 auto;color:#fff;text-align:left;vertical-align:middle;box-sizing:border-box}
.mainVisual .con-slide .txt-slide{display:table-cell;font-size:2.813em;font-weight:600;line-height:1.4;vertical-align:middle}
.mainVisual .bg-slide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;transform:scale(1);-webkit-transform:scale(1);-ms--webkit-transform:scale(1);transition:transform 3s;-webkit-transition:transform 3s;-ms-transition:transform 3s}
.bg-slide.ms1{background-image:url('/images/client/layout/bg-mainSlider1.jpg');background-repeat:no-repeat;background-position:50% 50%}
.bg-slide.ms2{background-image:url('/images/client/layout/bg-mainSlider2.jpg');background-repeat:no-repeat;background-position:50% 50%}


.mainVisual .swiper-slide-active .bg-slide{transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transition:transform 3s;-webkit-transition:transform 3s;-ms-transition:transform 3s}
.mainVisual .main-control{position:absolute;top:50%;left:50%;z-index:200;color:#fff;margin:8em 0 0 -40.5em}


.mainVisual .main-pagination{position:relative;bottom:0;max-width:10em;padding:0 1em;height:1.5em;box-sizing:border-box}
.mainVisual .main-pagination > span{font-size:0.875em;font-weight:600}
.mainVisual .main-pagination .loading{position:relative;float:left;display:block;width:5em;height:2px;margin:.8em .5em 0;background:rgba(255,255,255,.2);vertical-align:6px}
.mainVisual .main-pagination .loading .bar{position:absolute;width:0;left:0;height:2px;background:#fff;}
.mainVisual .main-pagination .loading.full .bar{width:100%;transition:width 5s;-webkit-transition:width 5s;-webkit-transition-timing-function:linear;transition-timing-function:linear}
.mainVisual .main-pagination .swiper-pagination-current{float:left;color:#fff}
.mainVisual .main-pagination .swiper-pagination-total{float:right;color:#fff}
.smSd-arrow{position:absolute;top:50%;z-index:10;display:inline-block;width:15px;height:15px;margin-top:-7.5px;background:url('/images/client/icon/ico-arrow.png') no-repeat -1px -3px;cursor:pointer}
.smSd-arrow.mv-prev{left:0}
.smSd-arrow.mv-next{right:0;background-position:-18px -2px}



.main-con{position:relative;z-index:200;max-width:1300px;height:14.6em;margin:0 auto}
.main-con .boxGroup{position:absolute;top:-4.688em;display:table;width:100%}
.main-con .boxGroup .box{display:table-cell;width:33.3%;text-align:center;box-sizing:border-box;vertical-align:middle}

.main-con .link-box{display:inline-block;position:relative;max-width:412px;width:100%;height:16.9em;margin-top:0;border:1px solid #ebebeb;border-bottom:5px solid #00a651;background:#fff;padding:2.500em 2.500em 1.875em;box-sizing:border-box;text-align:center;transition-property:margin;transition-duration:.3s;-webkit-transition-property:margin;-webkit-transition-duration:.3s;-ms-transition-property:margin;-ms-transition-duration:.3s;}
.main-con .contact-box{display:inline-block;max-width:412px;height:16.9em;border:1px solid #ebebeb;background:#fff;padding:2.500em 2.500em 1.875em;box-sizing:border-box}
.main-con .contact-box:lang(en){padding:1.600em 2.500em 1.875em;}
.main-con .contact-box .contact-top{overflow:hidden;padding-bottom:.5em;border-bottom:1px solid #ebebeb}
.main-con .contact-box .contact-top .tit-contact{float:left;font-size:1em;font-weight:500;color:#333}
.main-con .contact-box .contact-top .btn-online{float:right;display:block;font-size:14px;font-weight:400;color:#888}
.main-con .contact-subs{padding:1.357em 0;box-sizing:border-box}
.main-con .contact-subs .contact-txt{padding-right:8em;font-size:14px;word-break:keep-all;text-align:left;line-height:1.6}
.main-con .contact-subs .ico-docu{float:right;margin-top:.4em}
.main-con .boxGroup .link-box .ico-main,.main-con .boxGroup .link-box .tit-link{position:relative;z-index:10}

.main-con .boxGroup .link-box .bg-overlay{opacity:0;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:1;background-size:cover;background-repeat:no-repeat}
.main-con .boxGroup .box:nth-child(1){text-align:left}
.main-con .boxGroup .box:nth-child(2){text-align:center}
.main-con .boxGroup .box:nth-child(3){text-align:right}
.main-con .boxGroup .box:nth-child(1) .bg-overlay{background-image:url('/images/client/photo/bg-overlay1.jpg')}
.main-con .boxGroup .box:nth-child(2) .bg-overlay{background-image:url('/images/client/photo/bg-overlay2.jpg')}

.main-con .boxGroup .link-box:hover{margin-top:-2em;box-shadow: 1px 1px 15px 2px rgba(0, 0, 0, .3);transition-property:margin;transition-duration:.3s;-webkit-transition-property:margin;-webkit-transition-duration:.3s;-ms-transition-property:margin;--ms-transition-duration:.3s;}
.main-con .boxGroup .link-box *{transition-property:opacity, color;transition-duration:.3s;-webkit-transition-property:opacity, color;-webkit-transition-duration:.3s;-ms-transition-property:opacity, color;-ms-transition-duration:.3s}
.main-con .boxGroup .link-box:hover *{transition-property:opacity, color;transition-duration:.3s;-webkit-transition-property:opacity, color;-webkit-transition-duration:.3s;-ms-transition-property:opacity, color;-ms-transition-duration:.3s}
.main-con .boxGroup .link-box:hover .bg-overlay{opacity:1}
.main-con .boxGroup .link-box:hover .tit-link{color:#fff}
.main-con .boxGroup .link-box .tit-link em,
.main-con .boxGroup .link-box:hover .tit-link em{transition-duration:0s;-webkit-transition-duration:0s;-ms-transition-duration:0s}
.main-con .boxGroup .link-box:hover .ico-mainLink{background-position-y:-4.8em}
.main-con .boxGroup .link-box:hover .ico-arrowCir{background-position-x:-3.45em}

.ico-main{display:inline-block;background-image:url('/images/client/icon/ico-mainCommon.png');background-repeat:no-repeat;background-size:13.1875em}

.ico-mainLink{display:block;width:3.563em;height:3.563em;margin:1.4em auto 0}
.ico-mainLink.ml1{background-position:0 0}
.ico-mainLink.ml2{background-position-x:-4.813em}
.ico-arrowCir{display:block;width:1.875em;height:1.875em;margin:0 auto;background-position:.09em -10.09em}
.ico-arrowR{width:8px;height:12px;background-position:-4.1em -13.1em}
.ico-docu{display:block;width:3.563em;height:3.563em;background-position-x:-9.55em}

.btn-online .ico-arrowR{margin-left:.5em}
.link-box .tit-link{display:inline-block;margin:1.7em 0;font-size:1em;font-weight:500;color:#333;line-height:1}

.inquiry-line{padding:.3em 0;text-align:left;line-height:1;vertical-align:middle}
.inquiry-line .label{display:inline-block;max-width:7em;width:100%;font-size:15px;font-weight:600;color:#333;letter-spacing:-.5px}
.inquiry-line .label + span{display:inline-block;margin-top:.1em;color:#333;font-size:14px}
.inquiry-line .ico-call{width:17px;height:17px;background-position:-6.45em -10.500em;vertical-align:-.2em}
.inquiry-line .ico-mail{width:17px;height:17px;background-position:-8.7em -10.500em;vertical-align:-.2em}

.notice-area{background:#f3f3f3;line-height:4.375em}
.notice-area .con-wid{overflow:hidden}
.notice-area .notice{float:left;width:calc(100% - 25%)}
.notice-area .noti-sliderArea{float:left;position:relative;display:block;width:calc(100% - 89px);padding:0 7em 0 2em;box-sizing:border-box}
.notice-area .link{float:right;width:25%}
.notice-area .link a{display:block;background:#e4e4e4;font-size:0.938em;font-weight:400;color:#333;text-align:center}
.notice-area .link .ico-link{width:17px;height:18px;margin-left:.5em;background-position:-11.000em -10.438em;vertical-align:middle}
.notice .nt-label{float:left;position:relative;display:block;padding-right:1.5em;font-size:1em;font-weight:600;color:#333;}

.notice .nt-label:after{content:"";display:block;position:absolute;right:0;top:50%;width:1px;height:1em;background:#c6c6c6;margin-top:-.5em}
.notiSlider{position:relative}
.notiSlider .swiper-wrapper{height:auto}
.notiSlider .swiper-slide{display:table;width:100%;text-align:left;height:auto;table-layout:fixed}
.notiSlider .swiper-slide > div{display:table-cell;width:60%;font-size:0.875em}
.notiSlider .swiper-slide .noti-con-label{width:10%;font-weight:300;color:#00a651;text-align:center}
.notiSlider .swiper-slide .noti-con-label-end{width:10%;font-weight:300;text-align:center}
.notiSlider .swiper-slide .noti-con-subs a{display:block;width:auto;overflow:hidden;text-overflow:ellipsis;color:#333;white-space:nowrap}
.notiSlider .swiper-slide .noti-con-date{width:13%;color:#888;text-align:center}

.noti-sliderArea .noti-control{position:absolute;top:0;right:2.6em}
.noti-pagination .swiper-pagination-current{color:#a0a0a0}
.noti-control .noti-arrow{position:absolute;top:50%;display:inline-block;width:10px;height:15px;margin-top:-7px;cursor:pointer}
.noti-control .noti-arrow.noti-next{right:-1em;background-position:-4.1em -13.125em}
.noti-control .noti-arrow.noti-next:hover{background-position-x:-2.85em}
.noti-control .noti-arrow.noti-prev{left:-1em;background-position:.1em -13.125em}
.noti-control .noti-arrow.noti-prev:hover{background-position-x:-1.1em}


@media screen and (min-width:0\0) {
	.notice-area .noti-sliderArea{width:calc(100% - 100px)}

}