@charset "utf-8";

.about{ margin:100px 0px 0px; padding-bottom: 80px;  width:100%; }
/*.about::before{ content:''; display:block;  }*/
.about .about-in{ display:flex; width:1600px; margin:0 auto; justify-content:space-between; position:relative; top: 0; left: 0; }
.about-in .about-l{ width:50%; display:flex; flex-direction:column; height:auto; }
.about-in .about-r{ width:50%; height: 550px; padding: 0 40px;  position:sticky; top:140px; right: 0px; }

.about-con-img{ margin-bottom:20px; width:100%; }
.about-l .about-con{ position:relative; width:100%; padding-right: 20px; margin-bottom:0; }
.about-l .about-con .about-con-img{ height:530px; }
.about-l .about-con .about-con-img.img1{ background:url(../img/sub1/image1.jpg) no-repeat center/cover; }
.about-l .about-con .about-con-img.img2{ background:url(../img/sub1/image2.jpg) no-repeat center/cover; }
.about-l .about-con .about-con-img.img3{ background:url(../img/sub1/image3.jpg) no-repeat center/cover; }
.about-l .about-con .about-con-img.img4{ background:url(../img/sub1/image4.jpg) no-repeat center/cover; }
.about-l .about-con .about-con-img.img5{ background:url(../img/sub1/image5.jpg) no-repeat center/cover; }
.about-l .about-con .about-con-img.img6{ background:url(../img/sub1/image6.jpg) no-repeat center/cover; }
.about-l .about-con .about-con-img.img7{ background:url(../img/sub1/image7.jpg) no-repeat center/cover; }
.about-l .about-con .about-con-img.img8{ background:url(../img/sub1/image8.jpg) no-repeat center/cover; }
.about-l .about-con .about-con-img.img9{ background:url(../img/sub1/image9.jpg) no-repeat center/cover; }
.about-l .about-con .about-con-img.img10{ background:url(../img/sub1/image10.jpg) no-repeat center/cover; }
.about-l .about-con .about-con-img.img11{ background:url(../img/sub1/image11.jpg) no-repeat center/cover; }
.about-l .about-con .about-con-img.img12{ background:url(../img/sub1/image12.jpg) no-repeat center/cover; }
.about-l .about-con .about-con-img.img13{ background:url(../img/sub1/image13.jpg) no-repeat center/cover; }
.about-l .about-con .about-con-img.img14{ background:url(../img/sub1/image14.jpg) no-repeat center/cover; }
.about-l .about-con .about-con-img.img15{ background:url(../img/sub1/image15.jpg) no-repeat center/cover; }
.about-l .about-con .about-con-img.img16{ background:url(../img/sub1/image16.jpg) no-repeat center/cover; }
.about-l .about-con .about-con-img.img17{ background:url(../img/sub1/image17.jpg) no-repeat center/cover; }
.about-l .about-con .about-con-img.img18{ background:url(../img/sub1/image18.jpg) no-repeat center/cover; }
.about-l .about-con .about-con-img.img19{ background:url(../img/sub1/image19.jpg) no-repeat center/cover; }
.about-l .about-con .about-con-img.img20{ background:url(../img/sub1/image20.jpg) no-repeat center/cover; }
.about-l .about-con .about-con-img.img21{ background:url(../img/sub1/image21.jpg) no-repeat center/cover; }
.about-l .about-con .about-con-img.img22{ background:url(../img/sub1/image22.jpg) no-repeat center/cover; }
.about-l .about-con .about-con-img.img23{ background:url(../img/sub1/image23.jpg) no-repeat center/cover; }
.about-l .about-con .about-con-img.img24{ background:url(../img/sub1/image24.jpg) no-repeat center/cover; }

.about-tit h3{ font-size: 14px; font-family: 'Pretendard'; font-weight:200; margin-bottom:20px; }
.about-tit h2{ font-family: "Josefin Sans", sans-serif; font-size:48px; color:#515151; font-weight:500; margin-bottom:30px; }

.about-con p{ margin-bottom:40px; }
.about-con p span{ display:block; font-family: 'Pretendard'; font-size: 14px; font-weight: 300; color: #515151; line-height: 1.5em;}

.more-btn{ margin-top: 36px; }
.more-btn a{ display:block; width:180px; height:50px; font-family: "Josefin Sans", sans-serif; font-weight:300; border:1px solid #0e0a1c; text-align:center; line-height:50px; color:#515151; transition:all 0.3s ease-in-out; }
.more-btn a:hover{ background-color:#0e0a1c; color:#fff; }

/**********************************************반응형********************************************************/
@media all and (max-width: 1600px){
	.about .about-in{ width:95%; }
	.about-in .about-r{ padding: 0 20px;}
}

@media all and (max-width: 1024px){
	footer{ margin-top: 80px;}
	/* .about{ padding:140px 0 0; } */
	.about{ padding-bottom: 0;}
	.about-in{ flex-direction:column-reverse !important; margin: 0 auto !important;}
	.about-l{ width:100%; height:auto; }
	.about-r{ width:100%; height:auto; padding:0; position:relative; top:0; margin-left: 0; }
	.about-in .about-r{ position:static; height:auto; width:100%;padding:0; margin:0 0 50px; }
	.about-in .about-l{ width:100%;  }
	.about-r .about-con{ padding-top:0px; padding-left:0; }
	.about-l .about-con .about-con{ padding:0; margin-bottom: 100px; }

}

@media all and (max-width: 520px){
	footer{ margin-top: 50px;}
	.about-con p span{ display: inline;}
}