@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:center; }
.intro-l{ width:30%; display: flex; flex-direction: column; position:relative; top:0px; }
.intro-r{ width:60%; display:block; }
.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 0 0 60px; margin-bottom:0; }

.con-tit h3{ font-size:14px; font-weight:400; color:#666; margin-bottom:15px; }
.con-tit h2{ font-family: 'SeoulHangang'; font-size:48px; font-weight: 600;  color:#000; margin-bottom: 30px; text-transform: uppercase;}

.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; }

/*road*/
.road{ width:100%; margin-bottom:80px; }
.road .road-in{ width:1400px; margin:0 auto; padding-left:60px; }
.road .road-in .road-tit{ border-bottom:1px solid #ccc; padding-bottom:20px; }
.road .road-in .road-tit h3{ font-weight:400; font-size:14px; color:#333; margin-bottom:10px; }
.road .road-in .road-tit h2{ font-weight:600; font-size:36px; font-family: 'JejuMyeongjo'; margin-bottom:10px; }

.road .road-in .road-txt{ margin-top:40px; }
.road .road-in .road-txt p{ font-size: 16px; line-height: 1.5em; margin-bottom: 20px; color: #636363;}
.road .road-in .road-txt span{ font-size: 16px; line-height: 1.5em; font-weight: 600; color: #000}

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

@media all and (max-width: 1024px){
    .intro{ padding:80px 0; }
	.intro .intro-in{ flex-direction:column; justify-content: center; margin: 0 auto !important;}
	.intro-l{ width:100%; height:auto; margin-top: 40px;}
	.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: 50px; }

	.road{ margin-top:80px; }

    footer{ margin-top:80px !important; }
    
}

@media all and (max-width: 540px){
    .intro-con-in .page_btn{padding: 20px 0; }
    .intro-con-in .page_btn i{left: 50%;}
    .intro{padding-bottom: 0;}
    
    .intro-con-in .con-tit{text-align: center;}
    .intro-con-in p{text-align: center;}
}