@charset "utf-8";
/* CSS Document */
#about-wrap > .head-wrap{padding:8.75rem 0;}
#about-wrap > .head-wrap .txt-wrap{width:calc(100% - 60px); max-width:1280px; margin: 0 auto;}
#about-wrap > .head-wrap .txt-wrap > h1{text-align: center; font-size:2.8125rem; font-weight: 600; color:#31323B;}
#about-wrap > .stick{width:50px; height: 5px; background-color: #000; margin:0 auto;}
#about-wrap .section1-wrap{padding:8.75rem 0;}
#about-wrap .section1-wrap > .inner-wrap{width:calc(100% - 60px);  max-width:1280px; margin: 0 auto; display:flex; justify-content: space-between; flex-wrap: wrap; }
#about-wrap .section1-wrap .left-wrap{ width:calc(50% - 20px); max-width:555px; display:flex; align-content: space-between; flex-wrap: wrap;}
#about-wrap .section1-wrap .left-wrap p{color:#31323B; font-size:1.875rem; font-family: 'Noto Sans KR', sans-serif;}
#about-wrap .section1-wrap .left-wrap h1{color:#31323B; font-size:2.5rem; font-family: 'Noto Sans KR', sans-serif;}
#about-wrap .section1-wrap .left-wrap > img{width:100%;}
#about-wrap .section1-wrap .right-wrap{width:calc(50% - 20px); max-width:527px; position:relative;}
#about-wrap .section1-wrap .right-wrap > .txt-wrap{position:relative; z-index: 1;}
#about-wrap .section1-wrap .right-wrap > .txt-wrap > h1{font-size:1.875rem; color:#31323B; font-weight: 700; font-family: 'Noto Sans KR', sans-serif;}
#about-wrap .section1-wrap .right-wrap > .txt-wrap > p{font-size:1.25rem; font-family: 'Noto Sans KR', sans-serif; white-space: pre-line; line-height: 150%;}
#about-wrap .section1-wrap .right-wrap > .txt-wrap > p > span{font-weight: 600; color:#445CB4;}
#about-wrap .section1-wrap .right-wrap > .txt-wrap > p:nth-child(2){margin-top:15px;}
#about-wrap .section1-wrap .right-wrap > img{position:absolute; top:-8%; left:-11%;}

#about-wrap .section2-wrap{padding:8.75rem 0; background-color:#445CB4;}
#about-wrap .section2-wrap > .inner-wrap{width:calc(100% - 60px);  max-width:1280px; margin: 0 auto; color:#fff; text-align: center;}
#about-wrap .section2-wrap .title-wrap{width:100%;}
#about-wrap .section2-wrap .title-wrap > h1{font-size:2.5rem; text-align: center; font-family: 'Noto Sans KR', sans-serif;}
#about-wrap .section2-wrap .title-wrap > p{font-size:1.25rem; margin-top:15px; text-align: center; font-family: 'Noto Sans KR', sans-serif;}
#about-wrap .section2-wrap .cont-wrap{margin-top:6.25rem; display:flex; flex-wrap: wrap; justify-content: space-between; width:100%;}
#about-wrap .section2-wrap .cont-wrap > .box-wrap{width:auto; text-align: center;}
#about-wrap .section2-wrap .cont-wrap > .box-wrap > img{margin:0 auto; display:block}
#about-wrap .section2-wrap .cont-wrap > .box-wrap > h3{font-size:1.875rem; font-weight: 700; margin-top:30px; font-family: 'Noto Sans KR', sans-serif;}
#about-wrap .section2-wrap .cont-wrap > .box-wrap > p{font-size:1.125rem; color:#C4CFF5; margin-top:15px; line-height: 130%; font-family: 'Noto Sans KR', sans-serif;}

#about-wrap .section3-wrap{padding:8.75rem 0;}
#about-wrap .section3-wrap > .inner-wrap{width:calc(100% - 60px);  max-width:1280px; margin: 0 auto; display:flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end;}
#about-wrap .section3-wrap .left-wrap{width:calc(50% - 20px); max-width:430px;}
#about-wrap .section3-wrap .left-wrap .txt-wrap:nth-child(2){margin-top:9.375rem;}
#about-wrap .section3-wrap .left-wrap .txt-wrap > p{font-size:1.25rem; white-space: pre-line; font-family: 'Noto Sans KR', sans-serif;}
#about-wrap .section3-wrap .left-wrap .txt-wrap > p > span{color:#445CB4; font-size:1.875rem;  font-weight: 900; font-family: 'Noto Sans KR', sans-serif; word-break: keep-all;}
#about-wrap .section3-wrap > .inner-wrap > img{width:calc(50% - 20px); max-width:416px; display: block;}

#about-wrap .section4-wrap{padding:8.75rem 0; background: url("/image/nabi/about-background.jpg") center no-repeat; background-attachment: fixed;}
#about-wrap .section4-wrap > .inner-wrap{width:calc(100% - 60px);  max-width:1280px; margin: 0 auto;}
#about-wrap .section4-wrap .txt-wrap{width:auto; margin:0 auto;}
#about-wrap .section4-wrap .txt-wrap > h1{font-size:3.125rem; color:#fff; letter-spacing: 3px; font-weight: 900; font-family: 'Noto Sans KR', sans-serif; text-align: center;}
#about-wrap .section4-wrap .txt-wrap > h2{font-size:1.375rem; color:#fff; letter-spacing: 15px; font-family: 'Roboto', sans-serif; margin-top:15px; text-align: center; font-weight: 400;}
#about-wrap .section4-wrap .txt-wrap > p{margin-top:3.125rem; color:#fff; line-height: 170%; font-size:1.25rem; white-space: pre-line; font-family: 'Noto Sans KR', sans-serif; text-align: center;}

@media only screen and (max-width:1100px){
	#about-wrap .section2-wrap .cont-wrap > .box-wrap{width:50%;}
	#about-wrap .section2-wrap .cont-wrap > .box-wrap:nth-child(3){margin-top:6.25rem;}
	#about-wrap .section2-wrap .cont-wrap > .box-wrap:nth-child(4){margin-top:6.25rem;}
}

@media only screen and (max-width:768px){
    #about-wrap .section1-wrap .right-wrap{width:100%; max-width:555px; margin:6.25rem auto 0 auto;}
	#about-wrap .section1-wrap .left-wrap{ width:100%; max-width:555px; margin:0 auto;}
	#about-wrap .section1-wrap .left-wrap > img{display: none;}
}


@media only screen and (max-width:640px){
	#about-wrap .section3-wrap .left-wrap{width:100%; max-width:430px; margin:0 auto;}
	#about-wrap .section3-wrap .left-wrap .txt-wrap:nth-child(2){margin-top:3.125rem;}
	#about-wrap .section3-wrap > .inner-wrap > img{width:100%; max-width:430px; margin:6.25rem auto 0 auto;}
	#about-wrap .section4-wrap{background-attachment: local;}
}

@media only screen and (max-width:425px){
    #about-wrap .section1-wrap .right-wrap > .txt-wrap > p:nth-child(5){margin-top:30px; white-space: normal;}
	#about-wrap .section1-wrap .right-wrap > .txt-wrap > p:nth-child(6){margin-top:30px; white-space: normal;}
}

@media only screen and (max-width:425px){
	#about-wrap .section2-wrap .cont-wrap > .box-wrap{width:100%;}
	#about-wrap .section2-wrap .cont-wrap > .box-wrap:nth-child(2){margin-top:6.25rem;}
	#about-wrap .section2-wrap .cont-wrap > .box-wrap:nth-child(3){margin-top:6.25rem;}
	#about-wrap .section2-wrap .cont-wrap > .box-wrap:nth-child(4){margin-top:6.25rem;}
}