@charset "UTF-8";

.main-content-box02 .main-mini-wrap{position:relative;width:100%;max-width:100%;overflow: hidden;}
/*.main-content-box02 .main-mini-wrap:after{content:'';position:absolute;display:block;top:0;left:0; width:calc((100% - 1400px) / 2 );height:100%;background:#F0F5F9;}*/
/*******************************************/

.mn-con-3-usecase,
.mn-con-3-usecase * {
  box-sizing: border-box;
}
.mn-con-3-usecase {
  background: #20304f;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.mn-con-3-usecase-fr {
  background: #f9f5f5;
  border-radius: 3.75rem 3.75rem 0rem 0rem;
  padding: 7.5rem 6.25rem 7.5rem 6.25rem;
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.mn-con-3-uc-con {
  display: flex;
  flex-direction: row;
  gap: 4.6875rem;
  row-gap: 1.875rem;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  flex: 1;
  min-width: 28.125rem;
  position: relative;
}
.mn-con-3-uc-title {
  display: flex;
  flex-direction: column;
  gap: 4.75rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 20.25rem;
  position: relative;
}
.use-case-title {
  color: #101828;
  text-align: left;
  font-family: "NotoSansKr-Bold", sans-serif;
  font-size: 2.375rem;
  line-height: 3.125rem;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.use-case-description {
  color: #0a1e43;
  text-align: left;
  font-family: "NotoSansKr-Regular", sans-serif;
  font-size: 1.2rem;
  line-height: 1.875rem;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.mn-con-3-uc-three {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  flex: 1;
  min-width: 25rem;
  position: relative;
}
.mn-con-3-uc-1 {
  flex-shrink: 0;
  width: 26.25rem;
  height: 34.75rem;
  position: relative;
}
.mn-con-3-uc-1-bg {
  border-radius: 0.9375rem;
  width: 26.25rem;
  height: 34.75rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
  object-fit: cover;
}
.icon-arrow {
  width: 1rem;
  height: 0.5rem;
  position: absolute;
  left: 22.4375rem;
  top: 30.8125rem;
  object-fit: cover;
  aspect-ratio: 2/1;
}
.use-case-link {
  color: #ffffff;
  text-align: left;
  font-family: "NotoSansKr-Regular", sans-serif;
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 400;
  position: absolute;
  left: 17.0625rem;
  top: 30.1875rem;
  width: 6.5rem;
  height: 1.625rem;
}
.use-case-detail {
  color: #ffffff;
  text-align: left;
  font-family: "NotoSansKr-Regular", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  letter-spacing: -0.08em;
  font-weight: 400;
  position: absolute;
  left: 2.4375rem;
  top: 27.1875rem;
  width: 22.1875rem;
  height: 2.125rem;
}
.mn-con-3-uc-1-logo {
  width: 16.9375rem;
  height: 5.6875rem;
  position: absolute;
  left: 0rem;
  top: 22rem;
  box-shadow: 0rem 0.25rem 0.25rem 0rem rgba(0, 0, 0, 0.25);
  object-fit: cover;
  aspect-ratio: 271/91;
}
.mn-con-3-uc-1-logo-wh {
  width: 9.8125rem;
  height: 1.5625rem;
  position: absolute;
  left: 14.4375rem;
  top: 4.625rem;
  object-fit: cover;
  aspect-ratio: 157/25;
}
.mn-con-3-uc-1-logon {
  color: #ffffff;
  text-align: left;
  font-family: "NotoSansKr-SemiBold", sans-serif;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 600;
  position: absolute;
  left: 17.5625rem;
  top: 2.375rem;
  width: 6.9375rem;
}
.mn-con-3-uc-2 {
  flex-shrink: 0;
  width: 26.25rem;
  height: 34.75rem;
  position: relative;
}
.mn-con-3-uc-2-bg {
  border-radius: 0.9375rem;
  width: 26.25rem;
  height: 34.75rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
  object-fit: cover;
}
.icon-arrow2 {
  width: 0.9375rem;
  height: 0.5rem;
  position: absolute;
  left: 22.25rem;
  top: 30.8125rem;
  object-fit: cover;
  aspect-ratio: 15/8;
}
.use-case-link2 {
  color: #ffffff;
  text-align: left;
  font-family: "NotoSansKr-Regular", sans-serif;
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 400;
  position: absolute;
  left: 17.0625rem;
  top: 30.1875rem;
  width: 6.25rem;
  height: 1.625rem;
}
.use-case-detail2 {
  color: #ffffff;
  text-align: left;
  font-family: "NotoSansKr-Regular", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  letter-spacing: -0.08em;
  font-weight: 400;
  position: absolute;
  left: 2.625rem;
  top: 27.1875rem;
  width: 20.9375rem;
  height: 1.625rem;
}
.use-case-detail3 {
  color: #ffffff;
  text-align: left;
  font-family: "NotoSansKr-ExtraBold", sans-serif;
  font-size: 1.3125rem;
  line-height: 1.5625rem;
  font-weight: 800;
  position: absolute;
  left: 2.625rem;
  top: 24.3125rem;
  width: 18.375rem;
  height: 2.3125rem;
}
.mn-con-3-uc-2-logo-wh {
  width: 10.5625rem;
  height: 1.5625rem;
  position: absolute;
  left: 13.9375rem;
  top: 4.625rem;
  object-fit: cover;
}
.mn-con-3-uc-2-logon {
  color: #ffffff;
  text-align: left;
  font-family: "NotoSansKr-SemiBold", sans-serif;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 600;
  position: absolute;
  left: 17.5625rem;
  top: 2.375rem;
  width: 6.9375rem;
}
.mn-con-3-uc-3 {
  flex-shrink: 0;
  width: 26.25rem;
  height: 34.75rem;
  position: relative;
}
.mn-con-3-uc-3-bg {
  border-radius: 0.9375rem;
  width: 26.25rem;
  height: 34.75rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
  object-fit: cover;
}
.use-case-detail4 {
  color: #ffffff;
  text-align: left;
  font-family: "NotoSansKr-Regular", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  font-weight: 400;
  position: absolute;
  left: 2.625rem;
  top: 27.25rem;
  width: 20.9375rem;
  height: 1.625rem;
}
.use-case-detail5 {
  color: #ffffff;
  text-align: left;
  font-family: "NotoSansKr-ExtraBold", sans-serif;
  font-size: 1.3125rem;
  line-height: 1.5625rem;
  font-weight: 800;
  position: absolute;
  left: 2.625rem;
  top: 24.3125rem;
  width: 18.375rem;
  height: 2.3125rem;
}
.mn-con-3-uc-3-clogo {
  width: 4.25rem;
  height: 4.25rem;
  position: absolute;
  left: 2.125rem;
  top: 22.4375rem;
  object-fit: cover;
  aspect-ratio: 1;
}
.mn-con-3-uc-3-logo-wh {
  width: 9.8125rem;
  height: 1.5625rem;
  position: absolute;
  left: 14.4375rem;
  top: 4.625rem;
  object-fit: cover;
  aspect-ratio: 157/25;
}
.mn-con-3-uc-3-logon {
  color: #ffffff;
  text-align: left;
  font-family: "NotoSansKr-SemiBold", sans-serif;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 600;
  position: absolute;
  left: 17.5625rem;
  top: 2.375rem;
}


/*****************************************/













.con-list-wrap .con-list-box .con-list {display:flex;max-width:900px;margin:0 auto;}
.con-list-wrap .con-list-box .con-list > li {width:calc(25% - 5px);padding:25px 0;margin-right:10px; border-radius:28px;border:1px solid #385492; box-sizing:border-box;text-align:center;color:#163c64;line-height:1.4;}
.con-list-wrap .con-list-box .con-list > li:last-of-type{margin-right:0px;}
.con-list-wrap .con-list-box .con-list > li:nth-child(odd) {background-color:#163c64;color:#fff;}
.con-list-wrap .con-list-box .con-list > li > p:nth-child(1) {font-size:20px;font-weight:bold;padding:0 0 30px}
.con-list-wrap .con-list-box .con-list > li > p:nth-child(2) {font-size:14px;}
.main-content-box02 .main-mini-wrap .main-mini-box{position:relative;/*padding-left:calc((100% - 1400px) / 2 );*/}
.main-content-box02 .main-mini-wrap .main-mini-box .inner{display:flex;max-width:100%;overflow: hidden;}
.main-content-box02 .main-mini-wrap .main-mini-box .title-wrap .title{font-size:1.625rem; text-align:center;max-width:900px;margin:0 auto 25px;}
.main-content-box02 .title-box{padding: 8px 0;min-width:300px;width:100%;max-width:19.71%;background-color:#F0F5F9;z-index:10;}
.main-content-box02 .title-box .main-title{padding: 0 0 40px;font-size:50px;line-height:1.2em;}
.main-content-box02 .title-box .desc-box p.desc{padding: 0 0 40px;}
.main-content-box02 .title-box .desc-box p.desc span{display:block;font-size:1rem;line-height:1.5rem;font-weight: 400;}
.main-content-box02 .title-box .desc-box p.desc span:nth-of-type(1){color:#005EAD;}
.main-content-box02 .title-box .desc-box p.desc span:nth-of-type(2){}

.main-content-box02 .main-solution-swiper{padding: 8px;width:100%;max-width: calc(1260px + 16px);box-sizing:border-box; }

.main-content-box02 .main-solution-swiper .swiper-slide img{box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.1);}
.main-content-box02 .main-solution-swiper .swiper-slide{position:relative;}
.main-content-box02 .main-solution-swiper .swiper-slide .desc-box{position:absolute;padding: 0 0 30px 30px;top: 70.57%;}
.main-content-box02 .main-solution-swiper .swiper-slide .desc-box p{}
.main-content-box02 .main-solution-swiper .swiper-slide .desc-box p span{display: block;margin: 0 0 10px;}
.main-content-box02 .main-solution-swiper .swiper-slide .desc-box p span:nth-of-type(1){font-size:30px;}
.main-content-box02 .main-solution-swiper .swiper-slide .desc-box p span:nth-of-type(2){font-size:16px;}
.main-content-box02 .main-solution-swiper .swiper-slide .desc-box a{display:inline-block;padding: 10px 25px;color:#fff;background-color:rgba(0,0,0,0.5);}
.main-content-box02 .main-solution-swiper .swiper-slide .desc-box a > span{margin: 0 0 0 20px;}
.main-content-box02  .slide-nav-wrap{display:flex;}
.main-content-box02  .slide-nav-wrap > div{width:52px;height:52px;}
.main-content-box02  .slide-nav-wrap > div.btn-solution-next{background:url(/_res/service/test/img/main/ico-mini02-btn-next.png);}
.main-content-box02  .slide-nav-wrap > div.btn-solution-prev{margin-right:40px;background:url(/_res/service/test/img/main/ico-mini02-btn-prve.png);}
@media screen and (max-width:1024.98px) {
	.main-content-box02 .main-solution-swiper .swiper-slide .desc-box p span:nth-of-type(1){font-size:26px;}
	.main-content-box02 .main-solution-swiper .swiper-slide .desc-box p span:nth-of-type(2){font-size:15px;}
	.main-content-box02 .title-box .main-title{font-size:46px;}
	.main-content-box02 .title-box .desc-box p.desc{font-size:15px;}
	.main-content-box02 .main-solution-swiper{max-width:calc(100% - 300px);}
}

@media screen and (max-width:768px) {
	.main-content-box {padding:0px;}
	.con-list-wrap .con-list-box .con-list {display:flex;flex-wrap:wrap;max-width:900px;margin:0 auto;}
	.con-list-wrap .con-list-box .con-list > li {width:100%;padding:25px 0;margin-right:0px;margin-bottom:25px; border-radius:28px;border:1px solid #385492; box-sizing:border-box;text-align:center;color:#163c64;line-height:1.4;}
	.con-list-wrap .con-list-box .con-list > li:last-of-type{margin-bottom:0px;}
	.main-content-box02 .main-mini-wrap .main-mini-box .title-wrap .title{font-size:1.25rem; text-align:center;max-width:900px;margin:0 auto 25px;}
	.main-content-box02 .main-mini-wrap .main-mini-box .inner{display:block;}
	.main-content-box02 .main-solution-swiper{max-width:100%;}
	.main-content-box02 .main-mini-wrap .main-mini-box{margin-left:0;padding:0 20px;}
}

@media screen and (max-width:480px){

}