@charset "utf-8";

.mainBanner{height:600px;background:#f7f8f9;position:relative;}
.mainBanner .mainBannerWrap{width:1200px;height:600px;margin:0 auto;position:relative;background:url(/img/main/visual_bg.jpg) no-repeat center top;}
.mainBanner .mainBannerCont{width:560px;position:absolute;right:0;top:130px;text-align:right;box-shadow:10px 15px 35px rgba(0, 0, 0, .1);border-radius:50px 0 50px 0;}
.mainBanner .mainBannerCont .slick-slide div{vertical-align:top;}
.mainBanner .bannerText{padding:150px 0 0 0;}
.mainBanner .bannerText h3{font-size:6.2rem;font-weight:900;color:#222;margin-bottom:31px;letter-spacing:-0.02em;line-height:80px;}
.mainBanner .bannerText h3 span{color:#3368ca;display:inline-block;position:relative;}
.mainBanner .bannerText h3 span:before{width:10px;height:10px;background:#3368ca;border-radius:50%;position:absolute;left:50%;transform:translateX(-50%);top:-10px;content:"";}
.mainBanner .bannerText p{font-size:2rem;line-height:32px;color:#666;margin-bottom:60px;letter-spacing:-0.02em;}
.mainBanner .visualArrow{position:absolute;right:-100px;bottom:-50px;z-index:10;box-shadow:10px 15px 35px rgba(0, 0, 0, .1);}
.mainBanner .visualArrow .slick-arrow{width:100px;height:100px;border:0;}
.mainBanner .visualArrow .slick-arrow.slick-prev{background:url(/img/main/arrow_prev.gif) no-repeat left top;}
.mainBanner .visualArrow .slick-arrow.slick-next{background:url(/img/main/arrow_next.gif) no-repeat left top;}
.mainBanner .slick-controls{line-height:0;display:flex;}
.mainBanner .slick-controls .slick-dots li{display:inline-block;margin-right:20px;}
.mainBanner .slick-controls .slick-dots li button{border:0;font-size:1.6rem;color:#888;font-weight:700;background:none;vertical-align:top;opacity:.5;}
.mainBanner .slick-controls .slick-dots li.slick-active button{color:#222;opacity:1;}
.mainBanner .slick-controls .slick-dots li.slick-active button:after{width:70px;height:2px;content:"";display:inline-block;background:#222;vertical-align:top;margin-left:10px;}
.mainBanner .slick-controls > button{position:relative;border:0;background:none;}
.mainBanner .slick-controls .slide-pause{width:10px;height:15px;}
.mainBanner .slick-controls .slide-pause:before,
.mainBanner .slick-controls .slide-pause:after{width:3px;height:15px;background:#fff;position:absolute;top:0;content:"";}
.mainBanner .slick-controls .slide-pause:before{left:0;}
.mainBanner .slick-controls .slide-pause:after{right:0;}
.mainBanner .slick-controls .slide-play{border-top:7.5px solid transparent;border-right:0 solid transparent;border-bottom:7.5px solid transparent;border-left:10px solid #fff;}
.mainBanner .slick-controls .pagingInfo{color:#fff;margin-left:10px;line-height:15px;}

.mainContainer{padding-bottom:80px;background:url(/img/main/right_bg.gif) no-repeat 1670px 113px, url(/img/main/left_bg.gif) no-repeat left bottom;}
.mainContainer .mainQuick{width:1200px;padding-top:27px;margin:0 auto 100px;}
.mainContainer .mainQuick ul{display:flex;}
.mainContainer .mainQuick ul li{text-align:center;}
.mainContainer .mainQuick ul li:nth-child(1){margin:0 47px 0 1px;}
.mainContainer .mainQuick ul li:nth-child(2){margin-right:35px;}
.mainContainer .mainQuick ul li:nth-child(3){margin-right:38px;}
.mainContainer .mainQuick ul li:nth-child(4){margin-right:46px;}
.mainContainer .mainQuick ul li span{display:block;font-size:1.7rem;line-height:22px;font-weight:500;letter-spacing:-0.02em;margin-top:18px;}
.mainContainer .iwillNews{width:1200px;margin:0 auto;}
.mainContainer .iwillNews h3{font-size:3.6rem;padding-top:40px;font-weight:700;letter-spacing:-0.02em;text-align:center;background:url(/img/main/news_icon.gif) no-repeat center top;}
.mainContainer .iwillNews .subText{text-align:center;margin:10px 0 30px;}
.mainContainer .iwillNews .boardBox{display:flex;justify-content:space-between;}
.mainContainer .iwillNews .boardBox .noticeList{width:780px;border:1px solid #e0e0e0;background:#fff;}
.mainContainer .iwillNews .boardBox .noticeList li{border-bottom:1px solid #e0e0e0;}
.mainContainer .iwillNews .boardBox .noticeList li:hover{box-shadow:5px 6px 35px rgba(0, 0, 0, .1);}
.mainContainer .iwillNews .boardBox .noticeList li:nth-child(4){border-bottom:0;}
.mainContainer .iwillNews .boardBox .noticeList li:nth-child(4) a{height:119px;}
.mainContainer .iwillNews .boardBox .noticeList li a{height:118px;padding:29px 0;display:flex;align-items:center;}
.mainContainer .iwillNews .boardBox .noticeList li .boardName{width:135px;height:60px;line-height:60px;font-size:2rem;font-weight:700;color:#3368ca;letter-spacing:-0.02em;margin-right:50px;text-align:center;border-right:1px solid #ddd;}
.mainContainer .iwillNews .boardBox .noticeList li .noticeTitle dt{font-size:2rem;margin-bottom:7px;line-height:30px;letter-spacing:-0.02em;font-weight:500;}
.mainContainer .iwillNews .boardBox .noticeList li .noticeTitle dd{font-size:1.6rem;color:#666;letter-spacing:-0.02em;}
.mainContainer .iwillNews .boardBox .noticeList li .btnMore{margin-left:auto;margin-right:50px;}
.mainContainer .iwillNews .boardBox .galleryCont{width:360px;border:1px solid #e0e0e0;box-shadow:10px 15px 35px rgba(0, 0, 0, .1);}
.mainContainer .iwillNews .boardBox .galleryCont .galleryCate{padding:21px 27px 15px;}
.mainContainer .iwillNews .boardBox .galleryCont .galleryCate span{width:90px;height:40px;line-height:38px;border:1px solid #3368ca;border-radius:25px;font-size:1.7rem;font-weight:500;color:#3368ca;letter-spacing:-0.02em;text-align:center;display:inline-block;}
.mainContainer .iwillNews .boardBox .galleryCont dl{padding:0 29px;letter-spacing:-0.02em;margin-bottom:25px;}
.mainContainer .iwillNews .boardBox .galleryCont dl dt,
.mainContainer .iwillNews .boardBox .galleryCont dl dd{width:95%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.mainContainer .iwillNews .boardBox .galleryCont dl dt{font-size:2rem;font-weight:500;margin-bottom:5px;}
.mainContainer .iwillNews .boardBox .galleryCont dl dd{font-size:1.6rem;color:#666;}
.mainContainer .iwillNews .boardBox .galleryCont .btnMore{height:57px;border-top:1px solid #e0e0e0;text-align:center;}
.mainContainer .iwillNews .boardBox .galleryCont .btnMore img{margin-top:18px;}

@media screen and (min-width:1925px){
.mainContainer{background:url(/img/main/right_bg.gif) no-repeat right 113px, url(/img/main/left_bg.gif) no-repeat left bottom;}
}