@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; background-color:#f9f9f9; }
.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:auto; }
.intro-r{ width: calc( 50% - 80px); padding-left: 40px; display: block; height: 710px; position:sticky; top: 140px;}
.intro-con{ position:relative; width:100%; }

.intro-con-img{ margin-bottom:20px; width:100%; background-size:cover; background-position: center center; }
.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; filter:brightness(.9); }
.intro-l .intro-con:nth-child(1) .intro-con-img.img2{ background:url(../img/sub1/image4.jpg) 50% no-repeat; background-size:cover; filter:brightness(.9); }
.intro-l .intro-con:nth-child(1) .intro-con-img.img3{ background:url(../img/sub1/image2.jpg) 50% no-repeat; background-size:cover; filter:brightness(.9); }
.intro-l .intro-con:nth-child(1) .intro-con-img.img4{ background:url(../img/sub1/image5.jpg) 50% no-repeat; background-size:cover; filter:brightness(.9); }
.intro-l .intro-con:nth-child(1) .intro-con-img.img5{ background:url(../img/sub1/image3.jpg) 50% no-repeat; background-size:cover; filter:brightness(.9); }
.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; filter:brightness(.9); }
.intro-l .intro-con:nth-child(1) .intro-con-img.img9{ background:url(../img/sub1/image9.jpg) 50% no-repeat; background-size:cover; filter:brightness(.9); }
.intro-l .intro-con:nth-child(1) .intro-con-img.img10{ background:url(../img/sub1/image10.jpg) 50% no-repeat; background-size:cover; filter:brightness(.9); }
.intro-l .intro-con:nth-child(1) .intro-con-img.img11{ background:url(../img/sub1/image11.jpg) 50% no-repeat; background-size:cover; filter:brightness(.9); }
.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-top:50px; padding-left:30px; }

.con-tit>span{ display:block; }
.con-tit>span:first-child{ margin-bottom:14px; font-size:14px; font-weight:400; letter-spacing:2px; }
.con-tit>span:last-child{ font-size:40px; font-weight:400; letter-spacing:3px; }
.con-tit>span:last-child b{ font-size:38px; }

footer{ margin-top:0; }

.intro-con-in>p{ margin-bottom:40px; }
.intro-con-in>p>span{ font-family: 'Jeju Myeongjo', serif; font-size: 15px; font-weight: 300; color: #333; line-height: 1.5em; display: block;}

/*btn*/
.btn{ display:flex; width:225px; height: 60px; justify-content:center; align-items:center; background-color:#898077; font-family: 'Jeju Myeongjo', serif; font-size:16px; font-weight:500; color:#fff; transition: background 0.3s ease-in-out; letter-spacing:1px; border: none;}
.btn:hover{ background-color:rgba(255,255,255,0); color:#898077; border: 2px solid #898077; }

/*con-bn*/
.con-bn{display:flex;width:100%;height:600px;padding:80px 0;text-align:center;background:url(../img/sub1/image8.jpg) no-repeat; background-size: cover; background-attachment:fixed;opacity:.7;align-items:center;justify-content:center;background-position:center center;}

@media all and (max-width: 1400px){
	/*.intro{ width:100%; padding:0 20px; }
	.img-lst{ width:100%; padding:0 20px; }*/
	.intro-in{ width:100%; }
}

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

	.con-tit>span:first-child{ font-size:12px; }
	.con-tit>span:last-child{ font-size: 38px; }
	.intro-con-in>p>span{ font-size:13px; }
}

@media all and (max-width: 780px){}