@charset "utf-8";

#_contentBuilder .multipleDiv{position:relative; z-index:1;}
#_contentBuilder .multipleDiv + .multipleDiv{position:relative; z-index:0;}
#_contentBuilder .multipleDiv + .multipleDiv:before{content:'';background: #fff url('./../../images/main/main-bg.jpg')  right bottom / cover no-repeat;width: 150%;height: 130%;display: block;position: absolute;left: -25%;top:-10rem;}

/* visual */
#multipleContentsDiv_empty_1{max-width:128rem;margin:0 auto;display:flex;align-items: start;}
#multipleContentsDiv_empty_1 ._objWidget{max-width:calc(128rem - 30rem); height:52rem; overflow:hidden;}
#multipleDiv_basic_46{max-width:128rem;margin:0 auto; display:flex;align-items: start;}
#multipleDiv_basic_46 .multipleContentsDiv{display: grid; overflow:hidden; grid-template-columns:45rem 1fr; gap: 0 8rem; padding: 8rem 0 6rem 0rem;}

/* banner */
.service-banner{background:#16408d;width: 30rem;padding: 4rem 2.5rem; height:52rem; overflow:hidden;}
.service-banner .tit{font-size: 1.9rem; color: #fff; font-weight: 500; margin-bottom: 3rem; display: flex; align-items: center;}
.service-banner .tit span{position: relative;z-index: 1;}
.service-banner .tit:after{content:'';width: 2rem;height: 2rem;display: block;background: #246beb;border-radius: 100%;margin-left: -1rem;z-index: 0;position: relative;}
.service-banner ul{display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;}
.service-banner ul li{text-align: center;background: #113371;padding: 2.5rem 0;}
.service-banner ul li a{display: flex;flex-direction: column;color: #fff;gap: 1rem;}
.service-banner ul li a strong{font-size: 1.5rem;font-weight: 400;}

@media all and (max-width: 1280px) {
	#_contentBuilder .multipleDiv + .multipleDiv{padding:0 1.5rem;}
	#_contentBuilder .multipleDiv + .multipleDiv > .multipleContentsDiv{gap:3rem;}
}

@media all and (max-width: 1024px) {
	.service-banner{width: 100%;height: auto;}
	.service-banner ul.list{grid-template-columns: 1fr 1fr 1fr;}
	#multipleContentsDiv_empty_1{display:block;}
	#_contentBuilder .multipleDiv + .multipleDiv > .multipleContentsDiv{grid-template-columns: 40rem 1fr;}
}

@media all and (max-width: 767px) {
	.service-banner{padding:4rem 1.5rem;}
	.service-banner ul.list{grid-template-columns:1fr 1fr;}
	#multipleContentsDiv_empty_1 ._objWidget{height:auto;}
	#multipleDiv_basic_46 .multipleContentsDiv{padding: 5rem 0 6rem 0rem;}
	#_contentBuilder .multipleDiv + .multipleDiv > .multipleContentsDiv{display:block;}
	#_contentBuilder .multipleDiv + .multipleDiv ._objWidget{margin-bottom:5rem;}
}