#mainBanner{width: 100%; padding:150px 0px 110px 0px; background:url('/img/main/mainBanner_bg.png') no-repeat center center;background-size:cover;}
img{max-width:100%;}
.container2{width:100%;max-width:1300px;min-width:980px;padding:0px 20px;margin:0px auto;} 
#mainBanner .subTitle{text-align:center;margin-bottom:100px;font-size:24px;line-height:45px;letter-spacing:-0.05em;}

@media (max-width: 1080px) {
	#mainBanner .subTitle{font-size:21px;line-height:35px;}
}
#hero .hero-content{width:83%;}

@media (max-width: 1300px) {
	#hero .hero-content{margin-top:30px;}
	#hero .hero-content .title2{margin-bottom:25px;}
	#hero .hero-content .title{font-size:50px;line-height:60px;}
	#hero .hero-content{left:13%;width:87%;}
}


#mainBanner .step{padding:0px 40px;display:flex;justify-content:space-between;}
#mainBanner .step li{width:265px;text-align:center;line-height:-0.03em;}
#mainBanner .step li .icon{margin-bottom:20px;}
#mainBanner .step li .text01{margin-bottom:15px;font-size:18px;color:#0072ff}
#mainBanner .step li .text02{margin-bottom:30px;font-size:24px;color:#181818;font-weight:600;}
#mainBanner .step li .text03{font-size:18px;line-height:30px;}

.container2 .sTitle{margin-bottom:40px;text-align:center;font-size:20px;color:#0072ff;font-weight:600;}
.container2 .mTitle{margin-bottom:15px;font-size:32px;color:#181818;text-align:center; font-weight:500;}
.container2 .mTitle2{margin-bottom:100px;font-size:32px;color:#181818;font-weight:700;text-align:center;font-weight:700;}


#bn{padding-bottom:140px;}
#bn .container2{}
#bn ul{padding:15px 0px;width:100%;background-color:#f9fbff;letter-spacing:-0.05em;}
#bn ul li{margin-bottom:15px;width:100%;display:grid;grid-template-columns:300px 300px 1fr;gap:15px;}
#bn ul li:last-child{margin-bottom:0px;}

#bn ul li .item{display:block;padding:45px 0px 35px 0px;text-align:center;border:1px solid white;background-color:white;border-radius:15px;transition:all 0.2s;}
#bn ul li .item:hover{border-color: rgb(0, 114, 255);box-shadow: 0px 0px 46px 0px rgba(188, 218, 255, 0.15);}  
  
#bn ul li .item .icon{margin-bottom:15px;height:75px;display:flex;align-items:center;justify-content:center;}
#bn ul li .item .text1{margin-bottom:10px;font-size:18px;color:#787878;transition:all 0.2s;}
#bn ul li .item:hover .text1{color:#0072ff}


#bn ul li .item .text2{font-size:20px;color:#181818;font-weight:600;}

#bn ul li .cont{position:relative;padding:60px 20px 0px 45px;background-color:white;}
#bn ul li .cont:before{content:"";display:block;position:absolute;top:100%;left:0px;width:100%;height:15px; background-color:white;}
#bn ul li:last-child .cont:before{display:none;}
#bn ul li .cont:after{content:"";display:block;position:absolute;bottom:-7px;left:30px;width:calc(100% - 60px);height:1px;background-color:#e3e3e3}
#bn ul li:last-child .cont:after{display:none;}
#bn ul li .cont .head{margin-bottom:25px;font-size:20px;color:#181818;font-weight:600;}
#bn ul li .cont .text{font-size:18px;color:#787878;line-height:30px;}

#portfolio{padding:0px 0px 150px 0px;}


#process{padding-bottom:150px;}
#process .mTitle{margin-bottom:25px;font-size:32px;font-weight:700;}
#process .mTitle2{margin-bottom:100px;font-size:20px;font-weight:500;}
#process image{text-align:center;}


#service{margin-bottom:200px;position:relative;}
#service ul{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px;background-color:#fdfdfd;}
#service ul li{padding:70px 0px;background-color:white;border-radius: 30px;box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.06);}

#service ul li .cont{margin-bottom:40px;height:80px;display:flex;align-items:center;justify-content:center;}
#service ul li .cont .icon{width:calc(50% - 40px);text-align:right;}
#service ul li .cont .line{position:relative;width:80px;height:80px;}
#service ul li .cont .line:after{content:"";display:block; position:absolute; top:10px;left:50%; width:1px; height:calc(100% - 20px); background-color:#d4d4d4;}
#service ul li .cont .info{width:calc(50% - 40px);}
#service ul li .cont .info .mtitle{margin-bottom:10px;font-size:20px;color:#0072ff;font-weight:600;}
#service ul li .cont .info .stitle{font-size:20px;color:#181818;font-weight:600;}
#service ul li .text{font-size:18px;line-height:30px;color:#181818;font-weight:500;text-align:center;}

#service .circle{position:relative;position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:250px;height:250px;background-color:#0072ff;border-radius: 50%; background-color: rgb(0, 114, 255); box-shadow: 0px 0px 18px 0px rgba(66, 151, 255, 0.69); transform:translate(-50% , -50%); color:white; font-size:32px; font-weight:700;}
#service .circle a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:white;}

@media (max-width: 1180px) {
	#bn ul li {grid-template-columns: 250px 250px 1fr;}
}