@charset "utf-8";

/*** mainWrap***/
#mainWrap{max-width: 1920px;margin: auto;overflow: hidden}

/*** main contents
.container-wrap{padding:40px 0 100px;}

/* main slide */
.mainSlideWrap{position: relative;min-height: 946px;text-align: center;}
.mainSlideWrap .mainSlide__slogan{position: absolute;top:40.1%;left:50%;transform:translateX(-50%);z-index:9;color: #fff;}
.mainSlideWrap .mainSlide__slogan em{opacity: 0;position: relative;transform:translateY(-60px);display:block;font-size:60px;line-height:1.1;font-weight: 700;transition:1s}
.mainSlideWrap .mainSlide__slogan p{opacity: 0;position: relative;transform:translateY(-60px);margin-top:40px;padding-top:35px;font-size:42px;transition:1s;transition-delay:0.2s}
.mainSlideWrap .mainSlide__slogan p:before{content: "";position: absolute;top:0;left:50%;transform:translateX(-50%);width:124px;height: 10px;background-color: #79f10e;}

.mainSlideWrap .reset-animation em,
.mainSlideWrap .reset-animation p{ transform:translateY(-60px);opacity:0; transition:all 0s;}

.mainSlideWrap .slide.slick-active em,
.mainSlideWrap .slide.slick-active p{opacity:1;transform:translateY(0);}

.mainSlide .slide{position: relative;width: 100%;height: 946px;}
.mainSlide .slide a{display: block;width: 100%;height: 100%;}

.mainSlide .slide1{background: url(/img/main/mainSlider__img1.jpg) no-repeat center;background-size: cover}
.mainSlide .slide2{background: url(/img/main/mainSlider__img2.jpg) no-repeat center;background-size: cover}
.mainSlide .slide3{background: url(/img/main/mainSlider__img3.jpg) no-repeat center;background-size: cover}


/* main slide dot*/
.slick-dots{display: none !important;}

/*downloadWrap*/
.downloadWrap{position: relative;width: 100%; height: 1107px; background: url(/img/main/mainSection1__Bg.jpg) no-repeat center top;}
.downloadWrap .downloadBox{position: absolute;width:336px;height: 448px;padding-top:35px;border-radius:25px;border:6px solid; box-sizing: border-box;box-shadow:10px 20px 23px rgba(0,0,0,0.2);background-color: #fff;text-align: center;}
.downloadWrap .downloadBox1{top:92px;left:310px;border-color:#86bdf6}
.downloadWrap .downloadBox2{top:333px;right:310px;border-color:#9fc87b}

.downloadWrap .downloadBox .download__title span{display: block;font-size:32px;color: #629de7;font-weight: 700;}
.downloadWrap .downloadBox .download__title em{display: block;margin-top:23px;font-size:50px;line-height: 1.04;color: #1a7af1;font-weight: 900;}
.downloadWrap .downloadBox .download__text{margin-top:52px;font-size:26px;line-height: 34px;color: #45494e;font-weight: 300;}

.downloadWrap .downloadBox2 .download__title span{color: #7ab44f}
.downloadWrap .downloadBox2 .download__title em{color: #639710;}

.download__contents{position:absolute;bottom:87px;left:50%;transform:translateX(-50%);text-align: center;}
.download__contents a{display: block;width: 300px;margin:auto;font-size:32px; line-height: 72px; color: #fcfdfe;border-radius:10px;background-color: #4597fd;transition:0.3s;}
.download__contents a:hover,
.download__contents a:focus,
.download__contents a:active{background-color: #0b5ef6;}
.download__contents em{display: block;margin:28px 0 14px;font-size:40px;color: #030303;font-weight: 700;}
.download__contents p{font-size:30px; line-height: 42px; color: #666565;}


/*iconLinkWrap*/
.iconLinkWrap{padding:47px 0;background-color: #f8f9f9;text-align: center;}
.iconLinkWrap ul li{float: left;margin-right:49px;}
.iconLinkWrap ul li:last-child{margin-right:0;}
.iconLinkWrap ul li em{display: block;margin-top:20px;font-size:32px;color: #28577f;font-weight: 700;transition:0.3s;}
/*.iconLinkWrap ul li:hover em,*/
/*.iconLinkWrap ul li:focus em,*/
/*.iconLinkWrap ul li:active em{color: #0b5ef6;}*/


/*csWrap*/
.csWrap{padding:65px 70px;}
.cs__leftWrap{float: left;}
.cs__leftWrap em{display:block;font-size:28px;font-weight: 700;color: #151515;}
.cs__leftWrap ul{margin:7px 0 5px;}
.cs__leftWrap ul li.tel{font-size:48px;line-height:1.2;font-weight: 700;color: #0f82ed;}
.cs__leftWrap ul li.fax{font-size:41px;line-height:1.2;font-weight: 700;color: #76a0c7;}
.cs__leftWrap p{font-size:20px;line-height:26px;color: #888686;}

.cs__rightWrap{float: right;}
.cs__rightWrap .NewsWrap{float: left;}
.cs__rightWrap .updateNewsWrap{margin-right: 70px}

.cs__rightWrap .NewsWrap em a{position:relative;display:block;width:372px;margin-bottom:27px;padding-bottom:20px;font-size:21px;font-weight: 700;color: #000000;border-bottom:5px solid #000;}
.cs__rightWrap .NewsWrap em a:after{content: "";position: absolute;top:10px;right:0;width:19px;height: 19px;background: url(/img/main/mainArrow.png) no-repeat right center;transition:0.3s;}
.cs__rightWrap .NewsWrap em:hover a:after{right:-10px;}

.cs__rightWrap .NewsWrap ul li span{float:left;display:inline-block;width:calc(100% - 70px);text-overflow:ellipsis;white-space:nowrap;overflow: hidden;font-size:16px;line-height:27px;font-weight: 300;color: #666666;}
.cs__rightWrap .NewsWrap ul li time{float:right;display:inline-block;width:55px;font-size:14px;line-height:27px; font-weight: 300;color: #959494;}
.cs__rightWrap .NewsWrap ul li:hover span,
.cs__rightWrap .NewsWrap ul li:focus span,
.cs__rightWrap .NewsWrap ul li:hover time,
.cs__rightWrap .NewsWrap ul li:focus time{color: #0b5ef6}

/* IE */
.ir{display:block;overflow:hidden !important;position:absolute !important;top:-1000em;left:0;z-index:-1;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;background:none !important;}
/* X-button */
.x-btn01 {position:absolute;top:0;right:0;width:30px;height:30px;}
.x-btn01:after {position:absolute;right:50%;top:50%;width:23px;height:2px;background:#000;transform:translate(50%,-50%) rotate(45deg);content:'';}
.x-btn01:before {position:absolute;left:50%;top:50%;width:23px;height:2px;background:#000;transform:translate(-50%,-50%) rotate(-45deg);content:'';}
.x-btn01.c01:after {background:#fff;}
.x-btn01.c01:before {background:#fff;}
.limit-ie {display:none;position:fixed;top:0;left:0;right:0;z-index:9999;height:130px;background:rgba(0,0,0,0.8);}
.limit-ie.active {display:block;}
.limit-ie .cont {display:flex;align-items:center;position:relative;max-width:1920px;width:100%;height:130px;margin:0 auto;}
.limit-ie p {padding:0 70px 0 20px;font-size:18px;color:#fff;}
.limit-ie p > a {display:inline-block;margin-left:10px;font-size:18px;color:#fff;border-bottom:1px solid #fff}
.limit-ie .x-btn01 {top:calc(50% - 13px);right:20px}
@media screen and (max-width: 1023px) {
    .limit-ie {height:70px;}
    .limit-ie .cont {height:70px;}
    .limit-ie p {font-size:12px;}
    .limit-ie p > a {font-size:12px;}
}