/*================================
	서브내용 :  기본레이아웃
================================*/
.sub_page{
	width: 100%;
	overflow: hidden;
	padding: 2.105rem 0;
	border-bottom: 1px solid #dcdcdc;
}

@media (min-width: 1300px){
	.sub_content{
		width: 100%;
		overflow: hidden;
		padding: 0 420px 0 213px;
	}
}
@media (min-width: 1400px){
	.sub_content{
		width: 100%;
		overflow: hidden;
		padding: 0 470px 0 213px;
	}
}
@media (min-width: 1500px){
	.sub_content{
		width: 100%;
		overflow: hidden;
		padding: 0 500px 0 213px;
	}
}
@media (min-width: 1600px){
	.sub_content{
		width: 100%;
		overflow: hidden;
		padding: 0 560px 0 213px;
	}
}

/*================================
	서브이미지
================================*/
@media (max-width: 575px){
	.sub_img{
		width: 100%;
		height: 13.158rem;
		text-align: center;
		font-family: 'NanumSquareNeoExtraBold';
		color: #FFFFFF;
		font-size: 2.105rem;
		padding: 7.895rem 0 0 0;
	}
}
@media (min-width: 576px){
	.sub_img{
		width: 100%;
		height: 15.789rem;
		text-align: center;
		font-family: 'NanumSquareNeoExtraBold';
		color: #FFFFFF;
		font-size: 2.105rem;
		padding: 9.474rem 0 0 0;
	}
}


.sub_img1{
	background:url('../images/sub/sub_img01.jpg') no-repeat;
	background-position: 50% 50%;
	background-size : cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
}
.sub_img2{
	background:url('../images/sub/sub_img02.jpg') no-repeat;
	background-position: 50% 50%;
	background-size : cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
}
.sub_img3{
	background:url('../images/sub/sub_img03.jpg') no-repeat;
	background-position: 50% 50%;
	background-size : cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
}
.sub_img4{
	background:url('../images/sub/sub_img04.jpg') no-repeat;
	background-position: 50% 50%;
	background-size : cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
}

/*================================
	서브메뉴
================================*/
.sub_menu1{
	width: 100%;
	height: 3.158rem;
	background: #393636;
	text-align: center;
}
.sub_menu1 .sub_menu1_list{
	display: inline-block;
}
.sub_menu1 .sub_menu1_list li{
	float: left;
}
.sub_menu1 .sub_menu1_list li a{
	font-family: 'NanumSquareNeoBold';
	font-size: 0.895rem;
	color: #8b8b8b;
	line-height: 3.158rem;
	padding: 0 1.421rem;
}
.sub_menu1 .sub_menu1_list .on a{
	color: #FFFFFF;
}

/*================================
	CEO인사말
================================*/
.page1_1_top{
	width: 100%;
	overflow: hidden;
	background: #ffeced;
}
.page1_1_top > .page1_1_top_title .page1_1_top_name > span{
	font-family: 'InkLipquid';
	font-size: 2.105rem;
	color: #393939;
	line-height: 2.105rem;
	padding: 0 0 0 0.895rem;
}
.page1_1_title{
	font-weight: 500;
	font-size: 1.368rem;
	color: #000000;
	line-height: 1.895rem;
	padding: 2.105rem 0 0.895rem 0;
}
.page1_1_content p{
	padding: 0 0 1.368rem 0;
}

@media (max-width: 575px){
	.page1_1_top > .page1_1_top_img{
		width: 100%;
		float: left;
		font-size: 0;
		line-height: 0;
		padding: 1.474rem 0 0 1.579rem;
		text-align: center;
	}
	.page1_1_top > .page1_1_top_title{
		width: 100%;
		float: left;
		padding: 2.105rem 0 0 0;
		text-align: center;
	}
	.page1_1_top > .page1_1_top_img img{
		width: 70%;	
	}
	.page1_1_top > .page1_1_top_title .page1_1_top_title1{
		font-family: 'NanumSquareNeoBold';
		font-size: 1.421rem;
		color: #343434;
		line-height: 1.684rem;
	}
	.page1_1_top > .page1_1_top_title .page1_1_top_title2{
		font-family: 'NanumSquareNeo';
		font-size: 1.158rem;
		color: #353535;
		line-height: 1.684rem;
		padding: 0.895rem 0 0 0;
	}
	.page1_1_top > .page1_1_top_title .page1_1_top_name{
		font-size: 0.895rem;
		color: #232323;
		text-align: center;
		padding: 2.368rem 0 2.368rem 0;
	}
}
@media (min-width: 576px){
	.page1_1_top > .page1_1_top_img{
		width: 100%;
		float: left;
		font-size: 0;
		line-height: 0;
		padding: 1.474rem 0 0 1.579rem;
		text-align: center;
	}
	.page1_1_top > .page1_1_top_title{
		width: 100%;
		float: left;
		padding: 2.105rem 0 0 0;
		text-align: center;
	}
	.page1_1_top > .page1_1_top_img img{
		width: 50%;	
	}
	.page1_1_top > .page1_1_top_title .page1_1_top_title1{
		font-family: 'NanumSquareNeoBold';
		font-size: 1.421rem;
		color: #343434;
		line-height: 1.421rem;
	}
	.page1_1_top > .page1_1_top_title .page1_1_top_title2{
		font-family: 'NanumSquareNeo';
		font-size: 1.316rem;
		color: #353535;
		line-height: 2.105rem;
		padding: 0.895rem 0 0 0;
	}
	.page1_1_top > .page1_1_top_title .page1_1_top_name{
		font-size: 0.895rem;
		color: #232323;
		text-align: center;
		padding: 2.368rem 0 2.368rem 0;
	}
}

/*================================
	회사연혁
================================*/
.page1_2_img{
	width: 100%;
	overflow: hidden;
}
.page1_2_img img{
	width: 100%;
}
.page1_2_list{
	width: 100%;
	overflow: hidden;
}
.page1_2_list li{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #dcdcdc;
}
.page1_2_list .li_e{
	border-bottom: 0;
}
.page1_2_list li > dl{
	width: 100%;
	overflow: hidden;
	padding: 1.474rem 0 1.474rem 0;
}
.page1_2_list li > dl > dd .page1_2_list_info{
	width: 100%;
	overflow: hidden;
	padding: 0 0 0.474rem 0;
}

@media (max-width: 575px){
	.page1_2_list li > dl > dt{
		width: 100%;
		float: left;
		font-family: 'NanumSquareNeoExtraBold';
		font-size: 1.895rem;
		color: #121212;
		line-height: 1.895rem;
		padding: 0 0 1.053rem 0;
	}
	.page1_2_list li > dl > dd .page1_2_list_day{
		width: 17%;
		float: left;
		font-weight: 500;
		color: #000000;
	}
	.page1_2_list li > dl > dd .page1_2_list_content{
		width: 83%;
		float: left;
	}
	.page1_2_list li > dl > dd{
		width: 100%;
		float: left;
	}
	.page1_2_list li > dl > dd .page1_2_list_info1 .page1_2_list_day{
		width: 4%;
	}
	.page1_2_list li > dl > dd .page1_2_list_info1 .page1_2_list_content{
		width: 96%;
	}
	.page1_2_list li > dl > dd .page1_2_list_day span{
		width: 5px;
		height: 5px;
		background: #d8d8d8;
		display: inline-block;
		vertical-align: middle;
		margin: 0 7px 0 0;
	}
}
@media (min-width: 576px){
	.page1_2_list li > dl > dt{
		width: 100%;
		float: left;
		font-family: 'NanumSquareNeoExtraBold';
		font-size: 1.895rem;
		color: #121212;
		line-height: 1.895rem;
		padding: 0 0 1.053rem 0;
	}
	.page1_2_list li > dl > dd .page1_2_list_day{
		width: 12%;
		float: left;
		font-weight: 500;
		color: #000000;
	}
	.page1_2_list li > dl > dd .page1_2_list_content{
		width: 88%;
		float: left;
	}
	.page1_2_list li > dl > dd{
		width: 100%;
		float: left;
	}
	.page1_2_list li > dl > dd .page1_2_list_info1 .page1_2_list_day{
		width: 3%;
	}
	.page1_2_list li > dl > dd .page1_2_list_info1 .page1_2_list_content{
		width: 97%;
	}
	.page1_2_list li > dl > dd .page1_2_list_day span{
		width: 5px;
		height: 5px;
		background: #d8d8d8;
		display: inline-block;
		vertical-align: middle;
		margin: 0 12px 0 0;
	}
}

/*================================
	오시는길
================================*/
.page1_3_title{
	width: 100%;
	overflow: hidden;
	font-family: 'NanumSquareNeoExtraBold';
	font-size: 1.579rem;
	color: #121212;
	line-height: 1.579rem;
	padding: 0 0 1.263rem 0;
}
.page1_3_title2{
	padding-top: 2.105rem;
}
.page1_3_map{
	width: 100%;
	overflow: hidden;
}
.page1_3_map .root_daum_roughmap{
	width: 100%;
	height: 332px;
}
.page1_3_info{
	width: 100%;
	overflow: hidden;
	padding: 1.211rem 0 0 0;
}
.page1_3_info .page1_3_info_left{
	width: 100%;
	font-weight: 500;
	font-size: 1.158rem;
	color: #000000;
}
.page1_3_info .page1_3_info_right{
	width: 100%;
	padding: 0.526rem 0 0 0;
}
.page1_3_info .page1_3_info_right dl{
	display: inline-block;
	padding: 0 1.842rem 0 0
}
.page1_3_info .page1_3_info_right .dl_e{
	padding-right: 0;
}
.page1_3_info .page1_3_info_right dl dt{
	font-weight: 500;
	font-size: 0.947rem;
	color: #000000;
	float: left;
	padding: 0 0.947rem 0 0;
}
.page1_3_info .page1_3_info_right dl dd{
	font-size: 0.947rem;
	color: #787878;
	float: left;
}

@media (max-width: 575px){
	.page1_3_map .root_daum_roughmap{
		width: 100%;
		height: 282px;
	}
	.page1_3_map .root_daum_roughmap .wrap_map{
		height: 250px;
	}
}
@media (min-width: 576px){
	.page1_3_map .root_daum_roughmap .wrap_map{
		height: 300px;
	}
}

/*================================
	제품소개 : 카테고리
================================*/
.product_cate{
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
}
.product_cate > li a{
	font-family: 'NanumSquareNeoBold';
	font-size: 0.895rem;
	color: #000000;
	line-height: 2.632rem;
	text-align: center;
	display: block;
}
.product_cate .on a{
	color: #FFFFFF;
	background: #ce2025;
}

@media (max-width: 575px){
	.product_cate > li{
		width: 33.33333333333333%;
		height: 2.632rem;
		border-right: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
		float: left;
	}
}
@media (min-width: 576px){
	.product_cate > li{
		width: 20%;
		height: 2.632rem;
		border-right: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
		float: left;
	}
}

/*================================
	제품소개 : 리스트
================================*/
.product_list > li .product_list_img{
	width: 100%;
	border: 1px solid #dcdcdc;
	font-size: 0;
	line-height: 0;
}
.product_list > li .product_list_img img{
	width: 100%;
}
.product_list > li .product_list_title{
	font-weight: 500;
	font-size: 1rem;
	color: #000000;
	padding: 0.684rem 0 0 0;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (max-width: 575px){
	.product_list{
		width: 104%;
		overflow: hidden;
		padding: 1.579rem 0 0 0;
	}
	.product_list > li{
		width: 50%;
		float: left;
		padding: 0 4% 1.316rem 0;
	}
}
@media (min-width: 576px){
	.product_list{
		width: 104%;
		overflow: hidden;
		padding: 2.105rem 0 0 0;
	}
	.product_list > li{
		width: 33.33333333333333%;
		float: left;
		padding: 0 4% 2.368rem 0;
	}
}

/*================================
    제품소개 상세정보
================================*/
.product_view_img{
	width: 100%;
	overflow: hidden;	
	text-align: center;
}
.product_view_img .swiper{
	border: 1px solid #dcdcdc;
	padding: 3.158rem 0;
}
.product_view_img .swiper-wrapper{
	align-items: center;
}
.product_view_img .swiper-wrapper,
.product_view_img .swiper-slide{
	font-size: 0;
	line-height: 0;
}
.product_view_img img{
	width: 90%;
	max-width: 780px;	
}
.product_view_list .pvl_title{
	font-weight: 500;
	font-size: 1.368rem;
	color: #000000;
	padding: 0 0 1.053rem 0;
}
.product_view_list1 > dl{
	width: 100%;
	overflow: hidden;
	padding: 0 0 0.368rem 0;
}
.product_view_list1 > dl > dt > span{
	width: 5px;
	height: 5px;
	background: #d8d8d8;
	display: block;
	margin: 0.684rem 0 0 0;
}
.product_view_list1 .pvl_content{
	width: 100%;
	overflow: hidden;
}
.product_view_list2 .pvl_content img{
	max-width: 100%;
}
.product_view_btn{
	width: 100%;
	overflow: hidden;
	padding: 1.053rem 0 0 0;
}
.product_view_btn a{
	width: 7.895rem;
	height: 2.842rem;
	margin: 0 auto;
	text-align: center;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	display: block;
	font-size: 1rem;
	color: #000000;
	line-height: 2.842rem;	
}

@media (max-width: 575px){
	.product_view_title{
		width: 100%;
		overflow: hidden;
		font-weight: 700;
		font-size: 1.579rem;
		color: #121212;
		line-height: 1.895rem;
		text-align: center;
		padding: 2.632rem 0 1.053rem 0;
	}
	.product_view_img .swiper-button-prev,
	.product_view_img .swiper-button-next{
		width: 20px;
		height: 38px;
	}
	.product_view_img .swiper-button-next{
		background: url('../images/sub/sub_next.png') no-repeat;
		right: 10px;
		background-size: 20px 38px;
	}
	.product_view_img .swiper-button-prev{
		background: url('../images/sub/sub_pre.png') no-repeat;
		left: 10px;
		background-size: 20px 38px;
	}
	.product_view_list{
		width: 100%;
		overflow: hidden;
		padding: 2.053rem 0 0 0;
	}
	.product_view_list1 > dl > dt{
		width: 4%;
		float: left;
	}
	.product_view_list1 > dl > dd{
		width: 96%;
		float: left;
		font-size: 1rem;
		color: #232323;
		padding: 0 0 0 0;
	}
}
@media (min-width: 576px){
	.product_view_title{
		width: 100%;
		overflow: hidden;
		font-weight: 700;
		font-size: 1.895rem;
		color: #121212;
		line-height: 1.895rem;
		text-align: center;
		padding: 4.211rem 0 2.105rem 0;
	}
	.product_view_img .swiper-button-prev,
	.product_view_img .swiper-button-next{
		width: 25px;
		height: 47px;
	}
	.product_view_img .swiper-button-next{
		background: url('../images/sub/sub_next.png') no-repeat;
		right: 10px;
		background-size: 25px 47px;
	}
	.product_view_img .swiper-button-prev{
		background: url('../images/sub/sub_pre.png') no-repeat;
		left: 10px;
		background-size: 25px 47px;
	}
	.product_view_list{
		width: 100%;
		overflow: hidden;
		padding: 2.053rem 0 0.526rem 0;
	}
	.product_view_list1 > dl > dt{
		width: 1%;
		float: left;
	}
	.product_view_list1 > dl > dd{
		width: 99%;
		float: left;
		font-size: 1rem;
		color: #232323;
		padding: 0 0 0 0.263rem;
	}
}

/*================================
    정책자금안내
================================*/
.page4_1_title{
	font-weight: 500;
	font-size: 1.368rem;
	color: #000000;
	line-height: 1.895rem;
	border-bottom: 1px solid #dcdcdc;
	padding: 0 0 0.789rem 0;
}
.page4_1_content{
	padding: 1.737rem 0 0 0;
}