@charset "utf-8";
/* CSS Document */
#solution-wrap > .head-wrap{padding:8.75rem 0;}
#solution-wrap > .head-wrap .txt-wrap{width:calc(100% - 60px); max-width:1280px; margin: 0 auto;}
#solution-wrap > .head-wrap .txt-wrap > h1{text-align: center; font-size:2.8125rem; font-weight: 600; color:#31323B;}
#solution-wrap > .stick{width:50px; height: 5px; background-color: #000; margin:0 auto;}
#solution-wrap .section1-wrap{padding:8.75rem 0;}
#solution-wrap .section1-wrap > .inner-wrap{width:calc(100% - 60px); max-width:1280px; margin: 0 auto; display:flex; justify-content: space-between; align-items:flex-end; flex-wrap: wrap;}
#solution-wrap .section1-wrap > .inner-wrap > img{width:calc(50% - 20px); max-width:527px;}
#solution-wrap .section1-wrap > .inner-wrap > .txt-wrap{width:calc(50% - 20px); max-width:470px; position:relative;}
#solution-wrap .section1-wrap > .inner-wrap .t-inner-wrap{position:relative; z-index: 1;}
#solution-wrap .section1-wrap > .inner-wrap .t-inner-wrap > h1{font-size:2.5rem; color:#31323B; font-family: 'Noto Sans KR', sans-serif;}
#solution-wrap .section1-wrap > .inner-wrap .t-inner-wrap > p{font-size:1.25rem; margin-top:1.875rem; font-family: 'Noto Sans KR', sans-serif; line-height: 150%;}
#solution-wrap .section1-wrap > .inner-wrap > .txt-wrap > img{position:absolute; z-index: 0; left:35%; top:-45%; width:50%; animation: rotate_image 10s linear infinite; transform-origin: 50% 50%; }

#solution-wrap .section2-wrap{padding:8.75rem 0;}
#solution-wrap .section2-wrap > .inner-wrap{width:calc(100% - 60px); max-width:1280px; margin: 0 auto; display:flex; justify-content: space-between; align-items:flex-end; flex-wrap: wrap;}
#solution-wrap .section2-wrap > .inner-wrap > img{width:calc(50% - 20px); max-width:666px;}
#solution-wrap .section2-wrap > .inner-wrap > .txt-wrap{width:calc(50% - 20px); max-width:450px; position:relative;}
#solution-wrap .section2-wrap > .inner-wrap  h1{font-size:2.5rem; color:#31323B; font-family: 'Noto Sans KR', sans-serif;}
#solution-wrap .section2-wrap > .inner-wrap  p{font-size:1.25rem;  font-family: 'Noto Sans KR', sans-serif; white-space: pre-line; line-height: 150%;}
#solution-wrap .section2-wrap > .inner-wrap  p:nth-child(2){max-width:360px}
#solution-wrap .section2-wrap > .inner-wrap  p:nth-child(3){max-width:332px}
#solution-wrap .section2-wrap > .inner-wrap  p:nth-child(4){max-width:347px}

#solution-wrap .section3-wrap{padding:8.75rem 0; background-color: #EAEEF2;}
#solution-wrap .section3-wrap > .inner-wrap{width:calc(100% - 60px); max-width:1280px; margin: 0 auto;}
#solution-wrap .section3-wrap > .inner-wrap > .head-wrap h1{text-align: center; font-size:2.5rem; color:#31323B; font-family: 'Noto Sans KR', sans-serif; font-weight: 700;}
#solution-wrap .section3-wrap > .inner-wrap > .head-wrap p{font-size:1.25rem;  font-family: 'Noto Sans KR', sans-serif; text-align: center; line-height: 150%; margin-top:10px;}
#solution-wrap .section3-wrap .cont-wrap{display:flex; justify-content: center; flex-wrap: wrap; margin-top:6.25rem;}
#solution-wrap .section3-wrap .cont-wrap > .task-wrap{background-color: #fff; padding:15px 30px; border-radius: 35px; font-size:1.25rem; color:#445CB4; margin:17px 12px; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; transition: all .5s;}

@keyframes rotate_image{
	100% {
    	transform: rotate(360deg);
    }
}

@media only screen and (max-width:768px){
	#solution-wrap .section1-wrap > .inner-wrap > img{width:100%; max-width:470px; margin:0 auto;}
	#solution-wrap .section1-wrap > .inner-wrap > .txt-wrap{width:100%; max-width:470px;  margin:3.125rem auto 0 auto; }
	#solution-wrap .section2-wrap > .inner-wrap > img{width:100%; max-width:450px; margin:0 auto; margin:3.125rem auto 0 auto;}
    #solution-wrap .section2-wrap > .inner-wrap > .txt-wrap{width:100%; max-width:450px; position:relative; margin:0 auto;}
	#solution-wrap .section2-wrap > .inner-wrap  p{white-space:normal; margin-top:1.875rem;}
}


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

}

@media only screen and (max-width:425px){
	#solution-wrap .section1-wrap > .inner-wrap > .txt-wrap > img{top:-20%; left:40%;}

}