/*
LS CSS
by HYH
*/

.page_title.ht{
	background:url(../images/ht/ht1_vol05.png) no-repeat center top;
	padding: 0px;
}

.page_title.ht .title_main{
    padding-top: 174px;
    height: 600px;
}

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

.page_title.ht .title_box h2 span:before{
	border-color:#000;
}

.page_ht {
	padding:60px;
	background-color:#f5f5f5;
	margin:100px auto;
}

.page_ht section{
	
}

.page_ht section h5{
	margin-bottom:60px;
}

.page_ht .sec2{
	margin-top:30px;
}

.page_ht .sec3{
	margin-top:30px;
}

.h_top_box{
	width:100%;
	overflow:hidden;
}

.h_top{	
	width:50%;
}

.h_top p{
	text-align:left!important;
	letter-spacing: -1px;
    /*padding-right: 30px;*/
	font-weight:400;
}

.h_top_left{
	float:left;
	text-align:left;
}
.h_top_right{
	float:right;
}

.sec1 .h_top_right{
	padding:218px 0 0 60px;
}

.sec3 .h_top_right{
	padding:74px 0 0 60px;
}

.sec2 .h_top_left{
	padding:145px 34px 0 0px;
}


.sec3 .txt_box{
	width:100%;
	text-align:center;
	padding:20px 0 90px 0;

}

.sec3 .txt_box p.hd{
	font-size:2.2rem;
	line-height:34px;
	font-weight:400;
	padding-bottom:20px;
	margin:0;
	color:#000;
	text-align:center;
}

.sec3 .txt_box p.sm{
	font-size:1.7rem;
	padding:0
	margin:0;
	color:#000;
	text-align:right;
}

.sec3 .txt_box table{
	width:100%;
	font-size:1.8rem;
	color:#000;
	font-weight:300;
	border-top:1px solid #179edd;
	border-right:1px solid #179edd;
}

.sec3 .txt_box table td{
	background-color:#FFF;
	border-bottom:1px solid #179edd;
	border-left:1px solid #179edd;
	padding: 7.5px 0px;
}

.sec3 .txt_box table td.tt{
	background-color:#0697db;
	border-bottom:1px solid #FFF;
	border-left:1px solid #FFF;
	color:#FFF;
}

.h_box,
.h_box2{
	padding:60px 0 20px 0;
}

.h_box p{
	margin-bottom:45px;
}

.h_box p.hd{
	margin-bottom:20px;
	font-size:2.8rem;
	font-weight:500;
	color:#5ab340;
}

.font_s {
	font-size: 1.7rem;
}

.h_box2 p{
	margin-bottom:45px;
}

.h_box2 p.hd{
	margin-bottom:20px;
	font-size:2.8rem;
	font-weight:500;
	color:#ff9b6a;
}

.h_box2 p.hd.hd2{
	color:#6ca5dc;
}

p.p_hd{
	font-size:2.2rem;
	text-align:center;
	font-weight:400;
	padding-top:10px;
	padding-bottom:20px;
	margin:0;
}

img.ht3-4{
	margin-left:40px;	
}

img.ht3-6{
	margin-top:-42px;
}

.sec2 .txt_box{
	width:520px;
	overflow:hidden;
	margin:0 auto
}
.sec2 .txt_box,
.sec2 .txt_box p{
	text-align:center;
}

.sec2 .txt_box p.hd{
	font-size:2.2rem;
	line-height:34px;
	font-weight:400;
	padding-bottom:20px;
}

.h_info2{
	padding:0 0 50px 0;
	text-align:center;
	margin: 0 auto;
	width: 94%;
}
.h_info2 p{
	text-align:center;
	font-size:2.0rem;
	line-height:34px;
	padding-bottom: 20px;
    margin-bottom: 0;
    font-weight: 400;
}
.h_info2 .bgbox1{
	background-color: #e1f3db;
	padding: 30px;
	/*width: 100%;*/
	margin: 0 auto;
	text-align: center;
}

.clear {clear: both;}
.pt40{padding-top: 40px;}

/*테이블*/
.ht_table {
	width: 100%;
	margin: 0 auto;
	border: 1px solid #44aaa3;
	font-size: 2.0rem;
	letter-spacing: -1px;
	text-align: left;
}
.ht_table td {
	padding:8px 13px 8px 13px;
	border: 1px solid #44aaa3;
}
.ht_table .td1 {
	background-color: #4ac6bd;
	color: #fff;
	font-weight: 400;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
}


.h_info2 .bgbox2{
	background-color: #f6e6de;
	padding: 30px 0 40px 0;
	width: 100%;
	margin: 0 auto;
}
.h_info2 .bgbox2 li{
	display: inline-block;
	width: 31%;
	text-align: center;
	font-size: 1.9rem;
}


.h_info2 .bgbox2 .text{
	text-align:center;
	font-size:1.8rem;
	line-height: 45px;
    font-weight: 300;
}

.h_info3{
	padding:0 0 80px 0;
	text-align:center;
}
.h_info3 p{
	text-align:center;
	font-size:2.0rem;
	line-height:34px;
	font-weight: 400;
    margin-top: 10px;
    margin-bottom: 15px;
}
.h_info3 .bgbox3{
	background-color: #e3edf8;
	padding: 30px 0 40px 0;
	width: 94%;
	margin: 0 auto;
}

.sec3 .h_top p{
	letter-spacing:-1px;
}

.small {
	font-size: 1.7rem;
	padding: 0;
	margin-bottom: 45px;
	line-height: 30px;
}


/*강제 엔터일 경우 웹 사용*/
.line-break {
    display: inline-block;
}

@media all and (max-width:1279px){
	.page_title.ht .title_main{
		width: 100%;
		padding-top: 100px;
	}	

	.sec1 .txt_box{
		width: 100%;
	}
}


@media all and (max-width:768px){
	.page_title.ht {
		background:url(../images/ht/ht1-1_vol05.png) no-repeat left top;
	}
	.page_main.page_ht{
		margin:50px 0;
	}
	.page_dc section{
		margin-top:70px;
	}

	.h_top{
		width:100%;
	}

	.sec1 .h_top_right,
	.sec3 .h_top_right{
		padding: 50px 0 0 0px;
	}
	.sec2 .h_top_left {
		padding-top: 50px;
	}
	
	.sec3 .txt_box{
		width:100%;
	}

	.page_top{
		right: 20px;
		bottom:100px;
	}

	.h_info2 .bgbox1{
		padding: 10px 10px 20px 10px;
		/*width: 100%;*/
	}
	.h_info2 .bgbox2{
		padding: 10px;
		width: 100%;
	}
	.h_info3 .bgbox3{
		padding: 20px 10px 20px 10px;
		width: 100%;
	}
	.h_info2 .bgbox2 li{
		width: 86%;
		padding-top: 15px;		
	}
	.h_box,
	.h_box2 p{
		margin-bottom:30px;
	}
	.h_info2 .bgbox1 li{
		width: 80%;
		padding-bottom: 25px;
	}

	.h_info2 .bgbox1 .t_left1 {
		float: none;
		width: 100%;
		padding-right: 0;
	}
	.h_info2 .bgbox1 .t_left2 {
		float: none;
		width: 100%;
		padding-left: 0;
	}

	.ht_table td {
		padding-left:5px;
		padding-right:5px;
	}
	.ht_table .td1 {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.ht_table .td2 {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.ht_table .td3 {
		padding-bottom: 15px;
	}

/*강제 엔터일 경우 모바일 사용*/
	.line-break{
		display:inline;
	}
}


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

	.page_ht{
		padding:10% 7%;
		margin: 50px auto;
	}
	page_title .ht {
		padding-top: 80px;
	}
	.page_title.ht .title_main{
		padding-left: 5%;
	}

	.h_info {
		width: 100%;
		padding: 20px;
	}

	.h_info .h_info_box{
		padding: 20px;
		height: auto;
		line-height: 100%;
	}

	.h_info .h_left{
		width: 100%;
		padding-bottom:10px;
	}
	.h_info .h_right{
		width: 100%;
		padding-left: 0%;
	}
	.h_info .h_list1,
	.h_info .h_list2{
		padding-left: 0%;
	}

	.sec2 .txt_box{
		width: 100%;
	}

/*강제 엔터일 경우 모바일 사용*/
	.line-break{
		display:inline;
	}

}