/*
LS CSS
by HYH
*/


.page_main.page_hero p.min{
	
}

@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .page_main.page_hero p.min{
        letter-spacing: -1.6px;
    }
}

.page_title.hero{
	width:100%;
	background:url(../images/hero/hero0.jpg) no-repeat center top;
	padding-top: 0px;
    height: 600px;
}

.page_title.hero .title_main{
	width:1280px;
	margin:0 auto;	
    padding-top: 145px;
    height: 600px;
}

.page_title.hero .title_box,
.page_title.hero .title_box h2,
.page_title.hero .title_box h3,
.page_title.hero .title_box h4{
	color:#000;
}

.page_title.hero .title_box h2 span:before,
.page_title.hero .title_box h2 p{
	border-color:#000;
}

.page_main.page_hero{
    margin:0 auto;
	padding:0 0;
	padding-bottom:100px;
}

.page_hero_box{
	/*margin-top:100px;*/
}


/* 공통 */
.line_break{ display: block; }
.clear{clear: both;}
.bold{font-weight: 400;}
.non{font-weight: 300}
.capt{
	font-size: 1.6rem;
	letter-spacing: -1.2px;
	padding-top: 22px;
	text-align: justify;
}
.source{
	font-size: 1.6rem;
	letter-spacing: -1.2px;
	padding-top: 25px;
	text-align: right;	
}


/* 도입부 */
.hero_box{
	width: 1920px;
	margin: 0 auto;
	background-color: #d4f6f5;
	padding-top: 90px;
}
.hero_box h5{
	padding-bottom: 40px;
	text-align: center;
}
.hero_box p{
	width: 1020px;
	margin: 0 auto;
	font-size: 2.0rem;
	letter-spacing: -1px;
	line-height: 36px;
	font-weight: 300;
	text-align: justify;
}
.hero_box .img{
	text-align:center;
	margin-top:40px;
}


/* sec1 */
.page_hero .sec1{
	padding: 40px 0 0 0;
}
.page_hero .sec1 .he_box{
	position: relative;
	padding: 40px 40px 80px 40px;
	margin-top: 60px;
}
.bg1{background-color: #fae0b3;}
.bg2{background-color: #cdefbd;}
.bg3{background-color: #d7edf9;}

.page_hero .sec1 .he_box h5{
	padding-bottom: 40px;
	text-align: center;
}
.page_hero .sec1 .he_box .name{
	float: left;
	width: 13%;
	text-align: left;
	padding: 7px 0 0 40px;
}
.page_hero .sec1 .he_box .text{
	float: left;
	width: 87%;
	text-align: left;
	padding-right: 40px;
}
.t_bold{
	font-size: 2.2rem;
	font-weight: 700;
}

/* sec3 */
.page_hero .sec3{
	margin-top: 60px;
	background-color: #d4f6f5;
	padding: 60px 100px 60px 100px;
}
.page_hero .sec3 h5{
	text-align: center;
	padding-bottom: 40px;
}
.page_hero .sec3 .end_img{
	text-align: center;
	padding-bottom: 50px;
}


/* down */
.page_hero .down{
	padding:60px 0px;
	margin-top:60px;
	text-align:center;
	background-color:#ececec;	
}
.down .er_box h5 {
    padding-bottom: 48px;
}
.down .text{
	text-align:center;
	padding-bottom:48px;
}
.down .er_cont{
	width:100%;
	overflow:hidden;
}
.down .text span{
	font-size: 2.2rem;
    font-weight: 400;
	text-align:center;
	margin-left:15px;
}
.down_box{
	display:inline-block;
	width:364px;
	vertical-align:top;
}
.down_box:nth-child(2){
	width:420px;
	margin-left:100px;
}
.down_box div:nth-child(2){
	margin-top:50px;
}

.down_box div a:nth-child(2){
	margin-left:17px;
}



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

	
}

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

	.down_box{
		width: 49%;
	}
	.down_box:nth-child(2){
		width:49%;
		margin-left: 0%;
	}
	.down_box div a{
		display: inline-block;
		margin-top: 10px;
	}
	.hero_box{
		width: 100%;
	}
}


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

	.page_title.hero{
		background-size: 100%;
		background-position: center bottom;
		background-color: #c6edf5;
	}

	.page_title.hero .title_main{

	}

	.hero_box{
		width: 100%;
		padding: 40px 30px 0 30px;
		overflow:hidden;
	}
	.hero_box h5{
		padding-bottom: 30px;
	}
	.hero_box .img{
		margin-top:20px;
	}
	.hero_box p{
		width: 100%;
		overflow:hidden;
	}
	.page_hero .sec3{
		width: 100%;
		padding: 30px 20px 40px 20px;
	}
	.page_hero .sec3 h5{
		padding-bottom: 30px;
	}


	.page_hero .sec1{
		padding: 0;
	}
	.page_hero .sec1 .he_box{
		padding: 20px 20px 40px 20px;
		margin-top: 50px;
	}
	.page_hero .sec1 .he_box .name{
		float: none;
		width: auto;
		padding: 0;
	}
	.page_hero .sec1 .he_box .text{
		float: none;
		width: 100%;
		padding-right: 0;
	}

}


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

	.page_title .title_box h2 img{
		width: 20%;
	}

	.page_hero_box{
		/*padding: 5%;*/
		margin-top: 10%;
	}

	.page_hero section {
		padding: 20% 10%;
		margin-bottom:5%;
	}

	.page_hero .down{
		padding: 20px;
	}

	.er_box h5 {
		padding-bottom: 40px;
	}

	.er_cont .text{
		padding-top: 40px;
	}

	.down_box,
	.down_box:nth-child(2){
		width: 100%;
	}

	.down_box:nth-child(2){
		margin-top:30px;
	}

	.down_box div:nth-child(2) {
		margin-top: 20px;
	}

}