@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; margin: 0 auto;}
.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%; 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:40px; font-weight: 400;  color:#000; margin-bottom: 30px; text-transform: uppercase;}

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


.root_daum_roughmap .cont .section_address { display: none; }

/*road*/
.road{ width:100%; margin-bottom:80px; margin-top: 220px; }
.road .road-in{ width:1400px; margin:0 auto; }
.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:400; font-size:40px; font-family: 'SeoulHangang'; margin-bottom:10px; }

.road .road-in .road-txt{ margin-top:40px; }
.road .road-in .road-txt p{ font-size: 18px; line-height: 1.8em; margin-bottom: 20px; color: #636363;}
.road .road-in .road-txt span{ font-size: 18px; line-height: 1.5em; font-weight: 600; color: #000; display: block; margin-bottom: 10px;}
.road .road-in .road-txt p.colors { font-weight: 600; color: blue; }

/**********************************************반응형********************************************************/
@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: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:140px; }
	.road .road-in .road-txt p{ font-size: 16px; }


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


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

	.road .road-in .road-tit h2{font-size:36px; }
	.con-tit h2{ font-size:36px; }

}

@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;}
	.intro-con-in p span{ font-size:14px;}

	.road .road-in .road-tit h2{font-size:32px; }
	.road .road-in .road-txt p{ font-size: 14px; }
	.road .road-in .road-txt span, .road .road-in .road-txt p.colors  {font-size: 16px; }

	.con-tit h2{ font-size:32px; }



	.root_daum_roughmap_landing { height: 350px !important; }
}

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


	.road .road-in .road-tit h3{ font-size:16px; }
	.road .road-in .road-tit h2{font-weight: 600; }
	.road .road-in .road-txt p{ font-weight: 800; font-size: 16px; }
	.road .road-in .road-txt span, .road .road-in .road-txt p.colors {font-weight: 800; }

	.con-tit h2{ font-weight: 600;}
	.con-tit h3{ font-size: 16px;}
	.intro-con-in p span { font-size: 16px; font-weight: 800; line-height: 1.7em; }
}