@charset "utf-8";

.intro{ padding:140px 0 80px; position:relative; width:100%; }
.intro::before{ content:''; display:block; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; padding:120px 0 60px; }
.intro-in{ display:flex; width:1400px; margin:0 auto; justify-content:space-between; }
.intro-l{ width:calc( 50% + 80px); display: flex; flex-direction: column; height: 5480px;}
.intro-r{ width:calc( 50% - 80px); padding-left: 40px; display:block; height: 612px; position:sticky; top:140px; }
.intro-con{ position:relative; width:100%; }

.intro-con-img{ margin-bottom: 20px; width:100%; }
.intro-l .intro-con:nth-child(1) .intro-con-in{ width:100%; padding:0 20px; margin-bottom:0; }
.intro-l .intro-con:nth-child(1) .intro-con-img{ height:380px; }
.intro-l .intro-con:nth-child(1) .intro-con-img.img1{ background:url(../img/sub1/image1.jpg) 50% no-repeat; background-size:cover; }
.intro-l .intro-con:nth-child(1) .intro-con-img.img2{ background:url(../img/sub1/image2.jpg) 50% no-repeat; background-size:cover; }
.intro-l .intro-con:nth-child(1) .intro-con-img.img3{ background:url(../img/sub1/image3.jpg) 50% no-repeat; background-size:cover; }
.intro-l .intro-con:nth-child(1) .intro-con-img.img4{ background:url(../img/sub1/image4.jpg) 50% no-repeat; background-size:cover; }
.intro-l .intro-con:nth-child(1) .intro-con-img.img5{ background:url(../img/sub1/image5.jpg) 50% no-repeat; background-size:cover; }
.intro-l .intro-con:nth-child(1) .intro-con-img.img6{ background:url(../img/sub1/image6.jpg) 50% no-repeat; background-size:cover; }
.intro-l .intro-con:nth-child(1) .intro-con-img.img7{ background:url(../img/sub1/image7.jpg) 50% no-repeat; background-size:cover; }
.intro-l .intro-con:nth-child(1) .intro-con-img.img8{ background:url(../img/sub1/image8.jpg) 50% no-repeat; background-size:cover; }
.intro-l .intro-con:nth-child(1) .intro-con-img.img9{ background:url(../img/sub1/image9.jpg) 50% no-repeat; background-size:cover; }
.intro-l .intro-con:nth-child(1) .intro-con-img.img10{ background:url(../img/sub1/image10.jpg) 50% no-repeat; background-size:cover; }
.intro-l .intro-con:nth-child(1) .intro-con-img.img11{ background:url(../img/sub1/image11.jpg) 50% no-repeat; background-size:cover; }
.intro-l .intro-con:nth-child(1) .intro-con-img.img12{ background:url(../img/sub1/image12.jpg) 50% no-repeat; background-size:cover; }
.intro-l .intro-con:nth-child(1) .intro-con-img.img13{ background:url(../img/sub1/image13.jpg) 50% no-repeat; background-size:cover; }

.intro-r .intro-con:nth-child(1)::after{ content:''; display:none; }
.intro-r .intro-con:nth-child(1){ padding:50px; padding-left:30px; }

.con-tit h3{ font-size:14px; font-weight:400; color:#666; }
.con-tit h2{ font-family: "Playfair Display", serif; font-size:48px;  color:#000; margin-bottom: 30px;}

.intro-con-in p{ margin-bottom: 40px; }
.intro-con-in p span{ font-size:16px; font-weight:300; color:#333; line-height:1.5em; display:block; }

.ct-bn-btn { border: 1px solid #b2b1a8; width:180px; height:50px; border-radius: 25px;}
.ct-bn-btn a{ display: block; font-family: 'JejuMyeongjo'; font-size:16px; line-height:50px; text-align:center; color:#5d5d5d; transition:all 0.3s ease-in-out; }
.ct-bn-btn a:hover{ letter-spacing:4px; }

/**********************************************반응형********************************************************/
@media all and (max-width: 1400px){
	.intro-in{ width:100%; }
}

@media all and (max-width: 1024px){
	.intro-in{ flex-direction:column-reverse !important; margin: 0 auto !important;}
	.intro-l{ width:100%; height:auto; }
	.intro-r{ width:100%; height:auto; padding:0; position:relative; top:0; margin-left: 0; }
	.intro-r .intro-con:nth-child(1){ padding-top:0px; padding-left:0; }
	.intro-l .intro-con:nth-child(1) .intro-con-in{ padding:0; margin-bottom: 100px; }
}