@import url(fonts.css);
@import url(normalize.css);

/*warp*/
#wrap{
	width:100%;
	font-family:NanumSquare;
	color:#666;
	line-height:130%;
	overflow:hidden;
	font-size:1em;
}

/*공통*/
.red{
	color:#e50012;
}
.sub_txt{ text-align:right; margin:10px 0 0 0; font-size:10px; }
section{
	margin:0 0 100px 0;
}
section:last-child{
	margin:0;
}
section iframe{
	display:block;
	margin:0 auto 10px auto;
	width:90vw;
	height:65vw;
}

/*header*/
#header{
	width:100%;
	height:50px;
	border-bottom:3px #e50012 solid;
	position:fixed;
	background:#fff;
	z-index:999;
}
	#header h1{
		text-align:center;
		padding:13px 0 0 0;
	}
	#header #btn_menu{
		position:absolute;
		right:14px;
		top:14px;
	}
		
	#slide_menu{		
		position:fixed;
		z-index:999999999999999999999999;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.7);
		top:0;
		right:0;
		display:none;
	}
	#slide_menu .btn_close{
		text-align:right;
		margin:20px 15px 0 0;
		float:right;
	}
	#slide_menu #slide_menu_box{		
		float:right;	
		background:#e50012;
		color:#fff;
		width:30%;	
		max-width:300px;
		min-width:200px;
		height:100%;
		
		box-shadow:-3px 0 15px #000;
	}

	#slide_menu_box>ul li p{
		padding:20px 40px 20px 20px;
		margin:0 10px 0 0;
		background:url(../images/btn/btn_undermenu.png) no-repeat right center;
		background-size:8% auto;
	}
	#slide_menu_box>ul>li{
		border-bottom:1px #fff solid;
	}
	
	#slide_menu .under_menu{
		font-weight:bold;
		display:none;
		padding:0 0 20px 0;
	}
	#slide_menu .under_menu li{
		margin:0;
		padding:10px 50px 10px 30px;
		line-height:150%;
	}
	
	#container{
		position:relative;
		margin:53px 0 0 0;
	}
		
	/*메인배너*/
	#s_banner_wrap{
		width:100%;
		margin:0 auto;
		position:relative;
	}
	#s_banner_wrap img{
		width:100%;
	}
	
	
	#quick_menu{
		background:#333;
		overflow:hidden;
	}
	#quick_menu>ul li{
		width:25%;
		height:100px;
		float:left;
		color:#fff;
	}
	#quick_menu>ul li a{
		display:block;
		border-right:1px #000 solid;
		border-left:1px #666 solid;
		text-align:center;
		padding:15px 0;
		height:70px;
		font-size:1em;
	}
	#quick_menu>ul li:first-child a{
		border-left:0;
	}
	#quick_menu>ul li:nth-child(2){
		
	}
	#quick_menu>ul li:last-child a{
		border-right:0;
	}
	#quick_menu>ul li a img{
		height:70%;
	}
	#quick_menu .vr_Box ul li{ float:left; width:50%; }
	#quick_menu .vr_Box ul li img{ width:100%; }
	
	
	.txt_box{
		padding:20px 5vw;
		line-height:150%;
		font-size:1rem;
	}
	.txt_box p{ margin:0 0 10px; }
	.news_cast{
		margin:20px 0;
		overflow:hidden;
	}
	.news_cast li{
		border-bottom:1px #ddd dotted;
		padding:10px;
		overflow:hidden;
	}
	.news_cast li:last-child{
		border:0;
	}
	.news_cast li .news_thumbnail{
		float:left;
		width:30vw;
		max-width:180px;
		
	}
	.news_cast li .news_thumbnail img{
		width:30vw;
		height:20vw;
		max-width:180px;
		max-height:120px;
	}
	.news_cast li .txt_box{
		margin:5px 0 0 0;
		float:left;
		width:calc(70vw - 50px);
		font-size:1.1em;
		padding:0 0 0 5px;
	}
	.news_cast li .txt_box .tit{
		font-weight:bold;
	}
	.news_cast li .txt_box .date{
		font-size:0.8em;
		color:#999;
	}
	.news_cast_list span{ display:none; }
	
	
	
	.video_cast{
		padding:0 10px;
		margin:20px 0;
		overflow:hidden;
	}
	.video_cast_box{
	}
	
	h4{
		font-size:1.2em;
		font-weight:bold;
		color:#333;
		margin:0 0 10px 0;
	}
	
	#quick_elf{
		background:#f2f2f2;
		padding:10px;
	}
	#quick_elf ul li{
		height:150px;
		margin:0 0 10px 0;
	}
	#quick_elf ul li.fun_elf_01{
		background:url(../images/contents/main_elf_function_01.jpg) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#quick_elf ul li.fun_elf_02{
		background:url(../images/contents/main_elf_function_02.jpg) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#quick_elf ul li.fun_elf_03{
		background:url(../images/contents/main_elf_function_03.jpg) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#quick_elf ul li.fun_elf_04{
		background:url(../images/contents/main_elf_function_04.jpg) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#quick_elf ul li.fun_elf_05{
		background:url(../images/contents/main_elf_function_05.jpg) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#quick_elf ul li.fun_elf_06{
		background:url(../images/contents/main_elf_function_06.jpg) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#quick_elf ul li a{
		display:block;
		height:100%;
		width:100%;
		text-align:center;
		color:#fff;
		font-weight:bold;
		font-size:2em;
		line-height:150px;
		text-shadow:3px 3px 5px #000;
		letter-spacing:-1px;
	}



	.products_quick{ width:100%; margin:0 auto 10px auto; }
	.products_quick_box{ width:100%; height:114.28vw; margin:10px 0 0 0;  }
	
	.products_quick>div:last-child{ margin:0;}
	.products_quick_01{ background:url(../images/banner/products_quick_01.jpg); background-size:cover; }
	.products_quick_02{ background:url(../images/banner/products_quick_02.jpg?dt=20211110); background-size:cover; }
	.products_quick_03{ background:url(../images/banner/products_quick_03.jpg); background-size:cover; }
	
	.products_quick_box .btn_box{ width:90%; height:50px; margin:0 auto; padding-top:calc(114.28vw - 59px); }
	.products_quick_box .btn{ width:calc(50% - 11px); height:44px; text-align:center; line-height:44px; border:3px solid #e50215;  background:#e50215; color:#fff; font-size:17px; font-weight:bold; float:left; font-family:NanumSquare; }
	.products_quick_01 .btn_box .btn{ width:calc(33% - 11px); letter-spacing:-1px; font-size:14px; }
	.products_quick_02 .btn_box .btn{ width:calc(33% - 11px); letter-spacing:-1px; font-size:14px; }
	
	.products_quick_box .btn:hover{ color:#e50215; background:#fff;   }
	.products_quick_box .btn a{ display:block; width:100%; height:100%; }
	.products_quick_box .btn_box .btn:first-child{ margin:0 5px 0 0; }





/* 푸터부분 */
footer{
	background:#444;
	width:calc(100% - 20px);
	padding:30px 10px;
	margin:50px 0 0 0;
	color:#ddd;
	text-align:center;
}
.footer_box{
	margin:50px 0 0 0;
}
.footer_box .img_box{
	margin:0 0 20px 0;
}
.footer_box .img_box img{
	width:auto;
}
.footer_box a{
	text-decoration:underline;
}
.footer_box .copyright{
	margin:10px 0 0 0;
	color:#999;
}
.contactus_box .tit{
	font-size:18px;
	font-family:NanumSquare;
	font-weight:700;
}
.contactus_box .tel{
	font-size:30px;
	color:#fff;
	font-weight:700;
	font-family:NanumSquare;
	margin:10px 0 5px 0;
}
.contactus_box .sns img{
	width:34px;
}
.contactus_box .sub{
	margin:0;
	color:#999;
}
.contactus{
	margin:0 0 10px 0;
}

	
#footer{
	background:#333;
	width:100%;
	padding:0px 0px 30px 0;
	color:#666;
	text-align:center;
	margin:20px 0 0 0;
}
		
	/*고객센터*/
	#help{
		border:1px #eee solid;
		background:url(../images/bg/bg_help.jpg) no-repeat 20px center #fff;	
		padding:30px 0 20px 80px;
		overflow:hidden;
		text-align:left;
	}
	#help strong{
		color:#333;
		font-weight:bold;
		font-family:NanumSquare;
		margin:0 10px 0 0;
		font-size:2em;
	}
	#footer .sns{
		margin:50px 0 0 0;
	}
	#footer .sns a{
		margin:0 20px 0 0;
	}
	#footer .sns a:last-child{
		margin:0;
	}
	
	#footer .sns img{
		width:38px;
	}
	
	#footer .btn_box{
		margin:30px 0 40px 0;
		}
	
	#footer .btn_box .btn{
		display:inline-block;
		border:2px #fff solid;
		padding:5px 15px;
		margin:0 7px;
		border-radius:5px;
		color:#fff;
	}
	.copyright{
		font-size:0.8em;
	}
	
	#footer .img_box{
		margin:0 0 10px 0;
	}
		
		
		

/*서브페이지 컨텐츠부분*/
#contents_area{

}


h5{ padding:0 5vw; }
.img_area img{ width:100%; }
.video_area_box{ margin:0 auto; padding:0 5vw; }
.video_area_box li{ margin:0 0 30px 0; }
.video_area_box iframe{ display: block; border: none; margin:0 auto; width:90vw; height:65vw; }
.video_area_box .tit{ margin:10px 0 0 0; }
.video_area_box .tit span{ float:right; color:#ccc;  }


/*팝업*/
#notice_popup { position: absolute; width:100%; top:10px; left:0; background:#fff; z-index:15000;}
#notice_popup img{ width:100%; }
#notice_popup .cont {width:100%; }
#notice_popup .close {width:calc(100% - 10px); height:30px; background:#f3f3f3; line-height:30px; padding-left:10px; font-size:13px;}
#notice_popup .close #close {float:right; margin-right:10px; cursor:pointer;}


#notice_popup2 { position: absolute; width:100%; top:10px; left:0; background:#fff; z-index:15000;}
#notice_popup2 img{ width:100%; }
#notice_popup2 .cont {width:100%; }
#notice_popup2 .close {width:calc(100% - 10px); height:30px; background:#f3f3f3; line-height:30px; padding-left:10px; font-size:13px;}
#notice_popup2 .close #close {float:right; margin-right:10px; cursor:pointer;}


#contents_area h5{
	font-size:2em;
	text-align:center;
	margin:100px 0 10px 0;
	color:#333;
	font-weight:bold;
	line-height:130%;
}
#contents_area h5 p{ font-size:0.7em; color:#666; font-weight:normal; line-height:110%; }
#contents_area h5:first-child{
	margin-top:0;
}

.img_box img{
	width:100%;
}
.txt_area{
	padding:5vw;
	line-height:150%;
	font-size:1rem;
	text-align:left;
	word-break:keep-all;
}
.txt_area p{
	margin:0 0 30px 0;
}


/*서브 타이틀*/
.sub_top_title{
	width:100%;
	height:150px;
}
.sub_top_title h2{
	width:calc(100% - 30px);
	height:150px;
	padding:0 0 0 30px;
	line-height:150px;
	color:#fff;
	background:rgba(0,0,0,0.3);
	text-shadow:3px 3px 5px #000;
	font-size:2.5em;
	font-weight:bold;
}
#sub_top_title_1{
	background:url(../images/bg/sub_top_title_01.jpg) no-repeat center;
	background-size:cover;
}
#sub_top_title_1_1{
	background:url(../images/bg/sub_top_title_01_01.jpg) no-repeat center;
	background-size:cover;
}

#sub_top_title_dmax{
	background:url(../images/bg/sub_top_title_dmax.jpg) no-repeat center;
	background-size:cover;
}
#sub_top_title_2{
	background:url(../images/bg/sub_top_title_02.jpg) no-repeat center;
	background-size:cover;
}
#sub_top_title_3{
	background:url(../images/bg/sub_top_title_03.jpg) no-repeat center;
	background-size:cover;
}
#sub_top_title_4{
	background:url(../images/bg/sub_top_title_04.jpg) no-repeat center;
	background-size:cover;
}
#sub_top_title_5{
	background:url(../images/bg/sub_top_title_05.jpg) no-repeat center;
	background-size:cover;
}
#sub_top_title_6{
	background:url(../images/bg/sub_top_title_06.jpg) no-repeat center;
	background-size:cover;
}


/*회사소개*/
#intro_wrap{
	margin:30px 0 0 0;
}

/*회사연혁*/
#history_wrap{
	margin:50px 5vw 0 5vw;
	text-align:center;
}
#history_wrap strong{
	color:#e50012;
	font-size:1.2rem;
	margin:0 10px 0 0;
}
#history_wrap ul{
	margin:0 0 70px 0;
}
#history_wrap li{
	margin:0 0 20px 0;
}

#history_wrap .year{
	font-size:1.8rem;
	color:#333;
	margin:0 0 30px 0;
	font-family:georgia ;
}


#history_wrap span{ display:inline-block; margin:5px 0 0 0; }
#history_wrap span img{ border:1px #f2f2f2 solid; }

/*오시는길*/
#map{
	margin:10px auto 0 auto;
	width:90%;
	height:400px;
}

/*다운로드*/
#download_wrap{
	margin:30px 0 0 0;
}
#download_area .model_box{
	margin:0 0 30px 0;
	text-align:center;
}
.download_box .tit{
	font-size:1.5em;
	font-weight:bold;
	color:#333;
	margin:5px 0 15px 0;
	padding:12px 20px 10px 20px;
	background:#f2f2f2;
}
.download_box ul{
	margin:0 0 50px 0;
}
.download_box ul li{
	margin:0 10px 10px 0;
	padding:0 0 5px 25px;
	border-bottom:1px #eee dashed;
}
.download_box ul li span{
	font-size:0.8em;
	color:#999;
}
.download_box ul li img{
	margin:0 0 0 5px;
}
.care_box:after{ background:url(../images/ic/ic_man.png) no-repeat; display:inline-block; width:92px; height:97px; content: ''; position:absolute; left:270px; top:340px; }

/*고객센터*/
.call_box{
	font-size:1.4em;
	line-height:180%;
	margin:50px 0;
	text-align:center;
}
.callcenter{
	font-size:2em;
	font-weight:bold;
	color:#e50012;
	margin:50px 0 20px 0;
}
	

/*동영상*/
#video_wrap{
	margin:30px 0 0 0;
}

.video_area{
	overflow:hidden;
	padding:0 10px;
}

.video_area .thumb_area{
	float:left;
	width:50%;
	max-width:460px;
	margin-bottom:30px;
}
.video_area .thumb_area .img_area{
	width:calc(100% - 10px);
	margin:0 5px;
}
.video_area .thumb_area .img_area img{
	width:100%;
}
.video_area .thumb_area .txt_area{
	text-align:center;
	font-size:1em;
	padding:0;
	height:60px;
	line-height:130%;
	margin:5px 0 0 0;
}


/*보도자료*/
.news_list{
	border-top:1px #eee solid;
}
.news_list li{
	overflow:hidden;
	border-bottom:1px #eee solid;
	padding:20px 0;
}
.news_list li .img_box{
	width:105px;
	height:70px;
	float:left;
	padding:0 0 0 20px;
}
.news_list li .img_box img{
	width:105px;
	height:70px;
}
.news_list li .txt_box{
	width:calc(100% - 155px);
	margin:0 0 0 10px;
	padding:0 0 0 20px;
	float:left;
	text-overflow:hidden;
	padding:0;
}
.news_list li .txt_box .tit{	
	font-weight:bold;
	font-size:0.9em;
	line-height:130%;
}
.news_list li .txt_box .newspaper{
	font-size:0.8em;
	color:#999;
	margin:5px 0 0 0;
}
.paging{
	text-align:center;
	margin:20px 0 0 0;
}
.paging span{
	display:inline-block;
	width:25px;
	height:25px;
	text-align:center;
	line-height:25px;
	background:#e50012;
	color:#fff;
	font-weight:bold;
	margin:0 5px;
}
.paging a{
	display:inline-block;
	width:25px;
	height:25px;	
	margin:0 5px;
}


/*갤러리*/
#gallery_wrap{
	margin:30px 0 0 0;
}
.gallery_thumb_area{
	margin:0 0 100px 0;
	overflow:hidden;
	padding:0 10px;
}
.gallery_thumb_area ul li{
	width:50%;
	max-width:240px;
	float:left;
	overflow:hidden;
}
.gallery_thumb_area ul li .thumbnail_box{
	display:inline-block;
	border:1px #eee solid;
	text-align:center;
	width:calc(100% - 10px);
	margin:0 5px 10px 5px;
	
}
.gallery_thumb_area ul li .thumbnail_box img{
	width:100%;
}
.gallery_thumb_area ul li span{
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:14px;				
}
.thumbnail_view {
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	top:0;
	left:0;
	z-index:9999999999999999999;
	display:none;
}
.thumbnail_view .outer{				
	display:table;
	width:100%;
	height:100%;
}
.thumbnail_view .inner{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position:relative;
}
.thumbnail_view .closed{
	position:fixed;
	right:20px;
	top:20px;
}
.thumbnail_view .closed_col{
}
.thumbnail_view .btn_left{
	position:fixed;
	left:10px;
	top:50%;
}
.thumbnail_view .btn_right{
	position:fixed;
	right:10px;
	top:50%;
}
.gallery_box>img{
	width:100%;
}
.thumbnail_view .txt_box{
	background:#fff;
	font-size:1.2em;
	line-height:150%;
	width:calc(100% - 20px);
	padding:20px 10px;
	text-align:center;
	margin:0 auto;
}
.thumbnail_view .txt_box .tit{
	font-size:1.2em;
	color:#333;
	font-weight:bold;
	font-family:NanumSquare;
}
	.gallery_thumb_area .thumbnail_view .outer{
				display:flex;
				justify-content:center;
				align-items:center;
				width:100%;
				height:100%;
			}
	.gallery_thumb_area .thumbnail_view .inner{
				display:flex;
				justify-content:center;
				align-items:center;
			}
	.gallery_thumb_area .thumbnail_view .gallery_contents{
				background:#fff;
				margin:0 15px;
			}
	.gallery_thumb_area .thumbnail_view .img_box{
				width:100%;
				background:#000;
			}
	.gallery_thumb_area .thumbnail_view .img_box img{
				object-fit:scale-down;
				width:100%;
				height:100%;
			}
	.gallery_thumb_area .thumbnail_view .txt_box{
				box-sizing:border-box;
				text-align:left;
			}
	.gallery_thumb_area .thumbnail_view .txt_box .tit{
				font-size:16px;
				font-weight:bold;
			}
	.gallery_thumb_area .thumbnail_view .txt_box .txt{
				margin:30px 0 0 0;
				line-height:200%;
			}
	.gallery_thumb_area ul{
				display:flex;
				flex-wrap:wrap;
			}
	.gallery_thumb_area ul li{
				width:calc(95vw / 3 - 5px);
				height:calc(95vw / 3 - 5px);
				margin:0 5px 5px 0;
				cursor:pointer;
			}
	.gallery_thumb_area ul li img{
				object-fit:cover;
				width:100%;
				height:100%;
				transition:0.75s;
			}
	.gallery_thumb_area ul li img:hover{
				transform:scale(1.1);
				transition:0.75s;
			}
	.gallery_thumb_area ul li:nth-child(3n){
				margin-right:0;
			}

/*공지사항*/
.notice_list{
	border-top:1px #eee solid;
}
.notice_list li{
	overflow:hidden;
	border-bottom:1px #eee solid;
	padding:20px 3vw;
}
.notice_list li .num{
	float:left;
	width:30px;
	text-align:center;
}
.notice_list li .txt_box{
	width:calc(100% - 80px);
	margin:0 0 0 10px;
	padding:0 0 0 20px;
	float:left;
	text-overflow:hidden;
	padding:0;
}
.notice_list li .txt_box .tit{	
	font-weight:bold;
	font-size:0.9em;
	line-height:130%;
}
.notice_list li .txt_box .date{
	font-size:0.8em;
	color:#999;
	margin:5px 0 0 0;
}
.view_table {
	margin:0 0 100px 0;
}
.view_table table{
	width:100%;
	border-top:2px #e50012 solid;
	border-bottom:1px #ddd solid;
}
.view_table thead tr{
	border-bottom:1px #eee solid;
}
.view_table thead th{
	font-size:1.8em;
	padding:20px 10px;	
	text-align:left;
	line-height:130%;
	word-break:keep-all;
}
.view_table thead td{	
	padding:0 10px;
}
.view_table thead strong{
	color:#333;
}

.view_table thead .file{
	width:50px;
}		
.view_table tbody tr{
	border-bottom:1px #eee solid;
}
.view_table tbody tr td{
	padding:50px 0;
	line-height:180%;
	font-size:13px;
}
.view_table tbody tr td img{
	width:100%;
}
.view_table tbody tr td p{
	margin:0 0 30px 0;
}

.view_table .btn_list{
	float:right;
	width:80px;
	text-align:center;
	background:#e50012;
	height:26px;
	line-height:26px;
	color:#fff;
	font-weight:bold;
	margin:20px 5vw 0 0;
}
.view_table .btn_list a{
	display:block;
	width:100%;
	height:100%;
}



.view_table section.notice_contents{ padding:0 20px; text-align:left; font-size:16px; }	
section.notice_contents div{ margin:0 0 50px 0; }
.view_table section.notice_contents .btn_link{ font-weight:bold; color:#e50012; }
section.notice_contents table{ border:1px #ccc solid; margin:0 0 50px 0; }
section.notice_contents table caption{ text-align:center; margin:0 0 5px 0; font-weight:bold; }
section.notice_contents table th{ border:1px #ccc solid; text-align:center; background:#f2f2f2; padding:5px 0; }
section.notice_contents table th.num{ width:50px; }
section.notice_contents table th.name{ width:40%; }
section.notice_contents table td{ padding:10px; text-align:center; border:1px #ccc solid; line-height:130%; }
.view_table section.notice_contents a{ color:#e50012; text-decoration:underline; }








/*견적문의, 서비스센터*/
#dealer_box{
}
.dealer_area{
	width:100%;
	magin:0 0 20px 0;
}

.dealer_area .area{
	background:#eee;
	padding:10px 20px 7px 20px;
	font-weight:bold;
	border-top:2px #e50012 solid;
	border-bottom:1px #ddd solid;
}
.dealer_area li{
	padding:20px;
	border-bottom:1px #eee solid;
}
.dealer_area li:last-child{
	border:0;
}
.dealer_info .tit{
	background:url(../images/ic/ic_quotation.jpg) no-repeat;
	background-size:auto 100%;
	padding:0 0 0 35px;
}
.services_info .tit{
	background:url(../images/ic/ic_services.jpg) no-repeat;
	background-size:auto 100%;
	padding:0 0 0 35px;
}
.dealer_area .tit strong{
	font-size:1.5em;
	color:#333;
}
.dealer_area .tit span{
	color:#999;
	font-size:1em;
}

.dealer_area .add img{
	margin:0 0 10px 5px;
}
.dealer_area .tel{
	font-size:1.4em;
	color:#333;
	margin:10px 0 0 0;
}
.dealer_area .time{
	font-size:0.8em;
	color:#999;
}
.dealer_area .mail{
	font-size:1.2em;
}
.dealer_area .btn_box{
	margin:20px 0 0 0;
}
.dealer_area .btn_box a{
	display:inline-block;
	width:120px;
	height:32px;
	line-height:34px;
	text-align:center;
	font-weight:bold;
	border-radius:10px;
	letter-spacing:1px;
	border:3px #e50012 solid;
}

.dealer_area .btn_box a.btn_tel{
	color:#fff;
	background:#e50012;
}

.dealer_area .btn_box a.btn_mail{
	margin:0 0 0 7px;
	color:#e50012;
}



/*제품소개*/
#products_menu{
	background:#f2f2f2;
	margin:0 0 50px 0;
	padding:10px;
	overflow:hidden;
}
#products_menu ul li{
	float:left;
	width:calc(50% - 8px);
	border:1px #ddd solid;
	text-align:center;
	height:30px;
	line-height:30px;
	background:#fff;
	margin:3px;
}
#products_menu ul li.on{
	border:1px #e50012 solid;
	font-weight:bold;
	color:#e50012;
}
#products_menu ul li a{
	display:block;
	width:100%;
}
#products_menu ul li.vr{ width:calc(100% - 8px); background:#e50012; color:#fff; font-weight:bold; }

#products_wrap .txt_area_left{ padding:0 5vw; }
#products_wrap .txt_box p span{ display:block; float:left; height:30px; margin:0 5px 0 0; }


.care_guide_box .tit_box{  width:calc(100% - 40px); background:#333; color:#fff; font-weight:bold; font-size:18px; text-align:center; padding:20px; line-height:180%; }
.care_guide_box .cont_box{ width:calc(100% - 40px); background:#f2f2f2; padding:20px;  position:relative; }
.care_guide_box .cont_box li{ line-height:180%; }
.care_guide_box .cont_box li:last-child{ font-weight:bold; color:#333; margin:20px 0 0 0; text-align:right; }
.care_guide_box .cont_box li a:hover{ text-decoration:underline; }


/*제원*/
.elf_data{
	margin:50px 0 0 0;
	padding:0 5vw;
	overflow:scroll;
	font-size:12px;
	line-height:100%;	
}

.elf_data table{
	text-align:center;
	vertical-align:middle;
	border-top:3px #e50012 solid;
	border-left:0;
	border-right:0;
	width:100%;
	margin-bottom:50px;
}
.elf_data table:last-child{
	margin-bottom:0;
}
.elf_data caption{
	font-size:24px;
	line-height:24px;
	font-family:NanumSquare;
	color:#333;
	text-align:center;
	margin:0 0 30px 0;
}
.elf_data tr th{
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	background:#eee;
	border:1px #ddd solid;
	color:#333;
	padding:5px 0;
}

.elf_data tr td{
	border:1px #ddd solid;
	padding:5px;
	vertical-align:middle;
}


.elf_data tbody{				
	border-bottom:2px #e50012 solid;
}
.elf_data tfoot tr td{
	border:0;
	text-align:left;
}

.function_area{
	
}
.function_area ul li{
	margin:0 0 50px 0;
	
}
.function_area ul li .img_box{
	border:1px #eee solid;	
	position:relative;
	margin-bottom:20px;			
}
.function_area ul li .img_box span{			
	background:rgba(0,0,0,0.6);
	color:#fff;
	width:100%;
	height:50px;
	line-height:50px;
	font-weight:bold;
	text-align:center;
	display:block;
	position:absolute;
	bottom:0;
	font-family:NanumSquare;
	font-size:14px;
}
.function_area_2{
	overflow:hidden;
}
.function_area_2 li{
	
}
.function_area_2 li .img_area{
	border:1px #eee solid;	
	position:relative;
	margin-bottom:20px;			
}
.function_area_2 li .img_area span{			
	background:rgba(0,0,0,0.6);
	color:#fff;
	width:100%;
	height:50px;
	line-height:50px;
	font-weight:bold;
	text-align:center;
	display:block;
	position:absolute;
	bottom:0;
	font-family:NanumSquare;
	font-size:14px;
}
.function_area_3{
	overflow:hidden;
	margin:50px 0;
}
.function_area_3 ul li{
	width:50%;
	float:left;
}
.function_area_3 ul li .img_area{
	border:1px #eee solid;	
	position:relative;
}
.function_area_3 ul li .img_area img{
	width:100%;
}
.function_area_3 ul li .img_area span{			
	background:rgba(0,0,0,0.6);
	color:#fff;
	width:100%;
	padding:10px 0;
	font-weight:bold;
	text-align:center;
	display:block;
	position:absolute;
	bottom:0;
}

.thumb_area{
	width:100%;
	margin:0 0 100px 0;
	overflow:hidden;
}
.thumb_area ul li{
	width:calc(50% - 2px);
	margin:0 2px 2px 0;
	float:left;
	overflow:hidden;
}
.thumb_area ul li>a img{
	width:100%;
}
.thumb_area ul li>a{
	display:block;
	width:100%;
	height:100%;
	position:relative;
}
.thumb_area ul li span{
	background:rgba(0,0,0,0.6);
	color:#fff;
	width:100%;
	padding:5px 0;
	font-weight:bold;
	text-align:center;
	display:block;
	position:absolute;
	bottom:0;
	font-size:14px;		
}






/*개인정보처리방침*/
.privacy_top{ background:#f2f2f2; padding:50px; margin:0 0 100px 0; }
.privacy_top p{ margin:0 0 20px 0;}
.privacy_top p:last-child{ margin:0; }

.privacy{ margin:0 0 50px 0; padding:0 50px; }
.privacy h6{ font-size:16px; font-weight:bold; margin:0 0 20px 0; }
.privacy_sub{ margin:0 0 20px 0;}
.privacy_sub a{ text-decoration:underline; }


.privacy li{ margin:0 0 20px 0; }
.privacy p{ font-weight:bold; margin:0 0 10px 0; }
.privacy li div{ padding:0 0 0 20px;}
.privacy li>ol{ margin:0 0 10px 0; padding:0 0 0 20px; }
.privacy li>ol>li{ margin:0 0 10px 0;}


.privacy table{
	border-top:2px #e50012 solid;
	border-bottom:1px #ddd solid;
	border-left:1px #ddd solid;
}
.privacy table th{
	background:#eee;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	height:30px;
	border-bottom:1px #ddd solid;
}
.privacy table th{
	vertical-align:middle;
	padding:10px;
	width:20%;
	border-right:1px #ddd solid;
}
.privacy table td{
	vertical-align:middle;
	padding:10px;
	width:20%;
	border-right:1px #ddd solid;
}
.privacy table tbody tr{
	border-bottom:1px #ccc solid;
}

.privacy_box{ border:1px #ddd solid; padding:30px; }
.privacy_box a{ text-decoration:underline; }








/*서비스 부품*/
.search_box{ background:#eee; padding:20px; width:100vw; margin:50px 0 0 0;}
.search_box label{ font-size:14px; font-weight:bold; width:calc(100vw - 40px) ; display:inline-block; }
.search_box select{ margin:0 15px 0  0;  width:calc(100vw - 40px)  ; height:30px; }
.search_box p{ margin:0 0 10px 0; }
.search_box .input_text{  height:30px; margin:0 10px 0 0; width:calc(100vw - 42px) ; }
.search_box .btn_box{ margin:20px 0 0 0; }
.search_box .input_submit{ background:#e50012; color:#fff; height:40px; font-size:16px; font-weight:bold; width:calc(100vw - 40px); border:0;}






.search_result{	margin:100px 0 0 0; }
.search_result .tit{ color:#333; margin:0 0 10px 10px; font-size:18px; font-weight:bold; }
.search_result .sub{ text-align:right; color:#666; font-size:12px; margin:0 10px 0 0;}
.search_result table{
	width:100vw;
	border-top:2px #e50012 solid;
	border-bottom:1px #ddd solid;
}	
.search_result table thead{
	background:#eee;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	height:30px;
	border-bottom:1px #ddd solid;
}
.search_result table th{ vertical-align:middle; }

.search_result table tbody tr{ border-bottom:1px #f3f3f3 solid; }
.search_result table tbody tr:last-child{ border-bottom:0; }

.search_result table tbody tr td{
	text-align:center;
	vertical-align:middle;
	height:35px;
	padding:5px;
}


.repair_manual{ overflow:hidde; }
.repair_manual .img_box{ width:100vw; margin:0 50px 0 0; }
.repair_manual .img_box img{ width:100%;}
.repair_manual .txt_box{ font-size:16px; line-height:150%; }
.repair_manual .txt_box p{ margin:0 0 20px 0;}
.repair_manual .txt_box .cs_box{ background:#eee; font-weight:bold; font-size:20px; color:#333; padding:20px; margin:165px 0 0 0; line-height:180%; }

.repair_manual .txt_box .cs_box a{ text-decoration:underline; }



.tab_menu{ overflow:hidden; }
.tab_menu li{ float:left; width:210px; background:#eee; text-align:center; height:35px; line-height:35px; font-size:18px; font-family:NanumSquare; cursor:pointer; }
.tab_menu li.on{ background:#e50012; color:#fff; font-weight:bold; }

.tab_contents{ margin:50px 0 0 0; }

.parts_manual_box{ overflow:hidden; margin:50px 0 50px 0; }
.parts_manual_box .txt_box{ width:100%; padding:0 20px 0 0; }
.parts_manual_box .img_box{ width:100%; text-align:center; }
.parts_manual_box .img_box img{ max-width:600px; }

.parts_manual{ padding:0 20px; }
.parts_manual h5{ margin:0 0 50px 0; text-align:center; font-size:30px; line-height:130%; }
.parts_manual .tit{ color:#333; font-size:20px; font-weight:bold; margin:0 0 20px 0;}

.parts_manual ol{ list-style:decimal; margin:0 0 30px 30px; font-size:16px;}
.parts_manual ol li{list-style:decimal; }
.parts_manual ul{ list-style:disc;  margin:0 0 30px 30px; }
.parts_manual ul li{ list-style:disc; }
.parts_manual li{ margin:0 0 10px 0; }

.parts_manual strong{ color:#e50012; }


.parts_manual ol ol{ margin:10px 0 0 20px; }
.parts_manual .caution{ font-weight:bold; }

.img_box_m{ text-align:center; }
.img_box_m img{ width:100%; }

.cols_box{ margin:50px 0 ; }
.align_box{ padding:50px 0; }
.cols .part>img{ width:100%; }
.cols .part .tit{ font-weight:bold; font-size:18px; color:#333; margin:0 0 20px 0; padding:0 20px; line-height:130%; }
.cols .part .tit2{font-weight:bold; font-size:24px; color:#333; margin:0 0 20px 0; padding:0 20px; line-height:130%; }
.cols .part .tit img{ vertical-align:bottom; }
.cols .part .txt{ padding:0 20px; line-height:150%;  }
.cols .part .btn{ display:inline-block; background:#A38664; color:#fff; margin:20px 0 0 0; }
.cols .part .btn a{ display:inline-block; padding:10px 30px; }

.align_center{ text-align:center; }

.line_box_area{ padding:0 5vw; margin:100px 0; }
.line_box{ border:1px #005BAC solid; padding:50px 30px 30px 30px; position:relative; }
.line_box .tit{ background:#005BAC; padding:10px 30px; color:#fff; font-size:18px; font-weight:bold; display:inline-block; position:absolute; top:-15px; letter-spacing:3px; }
.line_box dl{ overflow:hidden; line-height:150%; margin:0 0 20px 0;  }
.line_box dt{ font-weight:bold; width:90px; background:#999; color:#fff; text-align:center; margin:0 0 10px 0; }
.line_box dd{ margin:0 0 10px 0; }
.line_box dd span{ display:block; float:left; height:30px; }
.line_box p{ margin:0 0 20px 0; }
.line_box .txt{ background:#fff; font-weight:bold; position:absolute; bottom:-14px; font-size:18px; padding:0 20px 0 0;  }
.line_box .txt span{ font-size:80px; color:#005BAC; vertical-align:text-top; margin:0 10px 0 0; display:inline-block;  }

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #005BAC;
  margin:0 auto 10px auto;
}
.line_box_area .txt{ font-size:18px; font-weight:bold; text-align:center; }



.icon_box{ margin:50px 0; }
.icon_box ul li{ overflow:hidden; margin:0 0 20px 0; padding:0 5vw; }
.icon_box ul li div{ text-align:center; }
.icon_box ul li div img{ width:110px; }
.icon_box ul li div.img_box{ margin:0 20px 0 0;}
.icon_box ul li .tit{ font-weight:bold; font-size:16px; color:#333; margin:8px 0 10px 0; }


/*견적문의*/
.quotation{ text-align:center; font-size:20px; line-height:150%; padding:50px;  }
.quotation img{ width:100%; }
.quotation .btn{ margin:50px auto 0 auto; width:200px; height:40px; line-height:40px; background:#e50012; color:#fff; font-size:16px; font-weight:bold; }
.quotation .btn a{ display:inline-block; width:100%; height:40px; }



/*고객후기*/
.review_sel{ padding:0 5vw; }
.review_sel div{ margin:0 0 10px 0; }
.review_sel div img{ width:100%; }
#contents_area .txt_area h5{ font-size:1.5em; }
#contents_area .txt_area h5 img{ width:70%; margin:0 0 10px 0;}
.review_thumb{ padding:0 5vw; }
.review_thumb ul{ overflow:hidden; }
.review_thumb ul li{ width:calc(50% - 5px); float:left; margin:0 10px 10px 0; }
.review_thumb ul li:nth-child(2n){ margin-right:0; }
.review_thumb ul li img{ width:100%; }


.review_nav{ margin:20px 0 20px 5vw; }
.review_nav a{ color:#e50012; text-decoration:underline; }
.review_nav a:hover{ color:#e50012; text-decoration:underline; }
.review_top{ overflow:hidden; }
.review_top .img_area{ padding:0 5vw;}
.review_top .img_area img{ width:100%; }
#contents_area .review_top .txt_area h5{ font-size:18px; text-align:left; padding:0; }
.review_top .txt_area h5 span{ border-left:1px #ccc solid; color:#666; margin:0 0 0 10px; padding:0 0 0 10px; font-size:14px; }
.review_top .txt_area .tit{ font-size:26px; text-align:left; line-height:130%; margin:0 0 20px 0; word-break:keep-all; }
.review_top .txt_area .sub{ text-align:left; word-break:keep-all; }
#container_wrap #column_right .review_top .txt_area .sub p{ margin:0 0 10px 0; }
.review_bottom .img_area{ padding:0 5vw; }
.review_bottom .txt_area .tit{ font-size:28px; text-align:left; line-height:130%; margin:0 0 20px 0; color:#e50012; word-break:keep-all; }
.review_bottom .txt_area .sub{ text-align:left; word-break:keep-all; }
#container_wrap #column_right .review_bottom .txt_area .sub p{ margin:0 0 10px 0; }
.review_bottom .reference{ text-align:right; color:#999; font-size:14px; padding:0 5vw; }
.review_video{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width:calc(100% - 10vw); padding:0 5vw 56.25% 5vw; } 
.review_video iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 5vw; width:calc(100% - 10vw); height: 100%; }


.review_arrow{ margin:50px 0; }


.arrow_box {
	position: relative;
	background: #ffffff;
	border: 4px solid #ccc;
	width:60vw; padding:20px 30px ;
	font-size:18px; font-weight:bold; line-height:150%; text-align:center; font-style: italic;
	 word-break:keep-all;
	margin:0 auto 50px auto;

}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 12px;
	margin-left: 60px;
}
.arrow_box:before {
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #ccc;
	border-width: 18px;
	margin-left: 54px;
}




.report_btn{margin:20px auto 50px auto; width:calc(100% - 40px); text-align:center; padding:0px 20px; height:40px; line-height:40px; background:#e50012; color:#fff; font-size:16px; font-weight:bold;}
.report_btn a{ display:inline-block; width:100%; height:40px; }
.health_report .img_box{ padding:0 5vw; margin:0 0 50px 0; }
.health_report strong{ font-size:20px; }



/* 딜러정보 */
ul.tab{
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-size:12px;
}
ul.tab li{
	width:calc(100% / 6);
	background:#f2f2f2;
	box-sizing:border-box;
	padding:10px;
	text-align:center;
	cursor:pointer;
}
ul.tab li.on{
	background:#e50012;
	color:#fff;
	font-weight:bold;
}
.dealer_list{
	border-top:2px #e50012 solid;
	border-bottom:1px #ddd solid;
}
.dealer_list>li{
	padding:30px 20px;
	border-bottom:1px #ccc dashed;
}
.dealer_list>li:nth-child(even){
	background:#f2f2f2
}
.dealer_list>li:last-child{
	border-bottom:0;
}
.dealer_info_box{	
	font-size:16px;
	line-height:150%;
	word-break:keep-all;
}
.dealer_info_box .tit{	
	font-family:NanumSquare;
	font-size:24px;
	font-weight:bold;
	color:#333;
	margin:0 0 10px 0;
}
.dealer_info_box strong:first-child{
	margin:0;
}
.dealer_info_box strong{
	display:block;
	margin:10px 0 0 0;
}
.dealer_member{
	display:flex;
	text-align:center;
	flex-wrap:wrap;
	margin:10px 0 0 0;
}
.dealer_member li{
	margin: 0 5px 0 0;
}
.dealer_member li:last-child{
	margin: 0;
}
.dealer_member .img_box{	
	width:75px;
	margin:0 auto;
}
.dealer_member li .txt_box{
	margin:5px 0 0 0;
	font-weight:bold;
	font-size:16px;
	color:#333;
	padding:0;
}
.dealer_member li .txt_box span{
	font-weight:normal;
	font-size:14px;
	color:#999;
	display:block;
	line-height:100%;
	margin:3px 0 0 0;
}
.dealer_top{
	display:flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
}
.dealer_top .txt_box{
	padding:15px;
	background:#f2f2f2;
	border-radius:20px;
	margin:0 0 20px 20px;
	font-size:14px;
	position: relative;
	word-break: keep-all;
}
.dealer_top .txt_box:before{
	content: "";
	position: absolute;
	left: -20px;
	top: 50%;
	margin:-20px 0 0 0;
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-right: 26px solid #f2f2f2;
	border-bottom: 13px solid transparent;
}
.dealer_top .txt_box a{
	font-weight:bold;
	color:#e50012;
}
.dealer_top .txt_box span{
	font-weight:bold;
	color:#e50012;
}
.dealer_new_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 10px;
}
.dealer_new_list li{
	width:calc((100% - 10px) / 2);
	box-sizing: border-box;
	border: 1px #ccc solid;
	background: #fff;
	margin:10px 0 0 0;
}
.dealer_new_list li:nth-child(2n){
	margin-right: 0;
}
.dealer_new_list .img_box{
	height: calc((80vw - 10px) / 2);
	overflow: hidden;
}
.dealer_new_list .img_box img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.dealer_new_list .txt_box{
	width:100%;
	box-sizing: border-box;
	padding: 10px;
}
.dealer_new_list .txt_box .area span{
	display: inline-block;
	background: #e50012;
	border-radius: 50px;
	padding: 0px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}
.dealer_new_list .txt_box .dealer_name{
	font-size: 20px;
	font-weight: 900;
	color: #000;
	font-family:NanumSquare;
	margin: 5px 0 10px 0;
}
.dealer_new_list .txt_box .btn_more{
	text-align: right;
	font-size: 12px;
}
.dealer_new_list .txt_box .btn_more a:hover{
	text-decoration: underline;
	color: #e50012;
}
.btn_dealerlist{
	text-align: right;
	margin: 0 10px 10px 0;
}
.btn_dealerlist a{
	display: inline-block;
	background-color: #e50012;
	color:#fff;
	font-size: 14px;
	padding: 5px 10px;
	font-weight: bold;
	margin: 10px 0 0 0;
}
.dealer_page_top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px;
	border-top: 2px #e50012 solid;
	border-bottom: 1px #ccc solid;
	flex-wrap: wrap;
}
.deler_intro{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 100px 0;
}
.deler_intro .img_box{
	width: 100%;
	max-height: 400px;
}
.deler_intro .img_box img{
	width:100%;
	height: 100%;
	object-fit: cover;
}
.deler_intro .txt_box{
	width: 100%;
	font-size: 16px;
	line-height: 150%;
	background: #f2f2f2;
	box-sizing: border-box;
	padding: 30px 20px;
	position: relative;
	word-break: keep-all;
}
.deler_intro .txt_box .tit{
	font-style: italic;
	font-family: NanumSquare;
	font-size: 24px;
	line-height: 120%;
	font-weight: bold;
	color: #000;
}
.deler_intro .txt_box p{
	margin: 0 0 15px 0;
}
.deler_intro .txt_box p:last-child{
	margin: 0;
}
.deler_intro .txt_box p.dealer_name{
	font-size: 18px;
	text-align: right;
}
.deler_intro .sub_img_box{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	margin: 5px 0 0 0;
}
.deler_intro .sub_img_box li{
	width: calc(100% / 4);
	margin: 0 5px 0 0;
}
.deler_intro .sub_img_box li:last-child{
	margin: 0;
}
.deler_intro .sub_img_box li>img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: pointer;	
}
.sub_img_popup{
	position: fixed;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.7);
	left: 0;
	top: 0;
	z-index: 10000000;		
	display: none;
}
.sub_img_popup .btn_closed{
	position: fixed;
	top: 20px;
	right: 20px;
	cursor: pointer;
}
.sub_img_popup .img_box_wrap{	
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sub_img_popup img{
	max-height: 800px;
}
h4.dealer_tit{
	font-family: NanumSquare;
	font-size: 26px;
	font-weight: bold;
	line-height: 100%;
	position: relative;
	padding: 0 0 0 15px;
	margin: 0 0 20px 0;
	color:#333;
}
h4.dealer_tit:before{
	display: block;
	background: #e50012;
	width: 10px;
	height: 26px;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
}
h4.dealer_tit span{
	display: block;
	font-size: 16px;
	color: #666;
}
.dealer_review{
	margin: 0 0 100px 0;
}
.dealer_review_box{
	padding:0 10px;
}
.dealer_review_box li{
	display: block;
	justify-content: space-between;
	align-items: center;
	border: 1px #ddd solid;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	overflow: hidden;
	margin:0 0 20px 0;
}
.dealer_review_box li:last-child{
	margin: 0;
}
.dealer_review_box li:nth-child(even){
	flex-direction: row-reverse;
}
.dealer_review_box .img_box{
	width: 100%;
	margin: 0 0 10px 0;
}
.dealer_review_box .img_box img{
	width: 100%;
	height: 100%;
}
.dealer_review_box .txt_box{
	box-sizing: border-box;
	padding: 20px;
	line-height: 150%;
	font-size: 16px;
	word-break: keep-all;
}
.dealer_review_box .txt_box .sub_tit{
	font-size: 26px;
	color: #e50012;
	font-weight: bold;		
	font-family: NanumSquare;
	line-height: 100%;
}
.dealer_review_box .txt_box .sub_tit span{		
	display: inline-block;
	background: #e50012;
	border-radius: 50px;
	padding: 0 15px;
	color: #fff;
	font-weight: bold;
	margin: 0 0 0 10px;
	font-size: 14px;
	position: absolute;
	font-family:NanumGothic;
}
.dealer_review_box .txt_box .tit{
	margin: 10px 0 30px 0;
	font-weight: bold;
}
.dealer_review_box .txt_box .tit span{		
	font-family: NanumSquare;
	font-size: 30px;
	color: #000;
	margin: 0 5px 0 0;
}

.dealer_interview_box{
	font-size: 16px;
	line-height: 130%;
	word-break: keep-all;
}
.dealer_interview_box .img_box{
	margin: 0 0 30px 0;
}
.dealer_interview_box .img_box img{
	width:100%;
}
.dealer_interview_box .q{
	font-style: italic;
	color:#000;
	font-size: 20px;
	margin: 0 0 10px 0;
}
.dealer_interview_box .q span{
	color: #e50012;
	font-size: 24px;
	font-weight: bold;
}
.dealer_interview_box .a{
	margin: 0 0 20px 0;
}
.dealer_interview_box .a:last-child{
	margin: 0;
}


/*가격표*/
.price_list{
	margin:0 0 100px 0;
	padding:20px 5vw;
}
.price_list:last-child{
	margin:0;
}
.price_list .product_table{
	overflow:scroll;
}
.price_list .product_table table{
	width:1200px;
	border-top:2px #ddd solid;
	border-left:1px #ddd solid;
	text-align:center;
	vertical-align:middle;
	margin:0 0 20px 0;
}
.price_list .product_table table thead{
	background:#eee;
	font-weight:bold;
	font-size:14px;
	height:30px;
	border-bottom:1px #ddd solid;
}
.price_list .product_table table th{	
	text-align:center;
	vertical-align:middle;
	border-right:1px #ddd solid;
}
.price_list .product_table table td{
	border:1px #ddd solid;
	padding:20px 0;
	line-height:150%;
	vertical-align:middle;
}
.price_list .product_table strong{
	color:#e50012;
}
.price_list .tit_box{
	padding:0 0 5px 0;
	border-bottom:3px #e50012 solid;
	font-family:NanumSquare;
	color:#e50012;
	margin:0 0 20px 0;
	font-size:20px;
	font-weight:900;
}
.price_list .tit_box strong{	
	font-family: 'Montserrat', sans-serif;
	font-size:40px;
	font-weight:900;
	letter-spacing:-1;
	margin:0 10px 0 0;
}
.price_list .product_list{
	display:flex;
	flex-wrap:wrap;
}
.price_list .product_list li{
	width:calc(100% / 2 - 5px);
	margin:0 5px 25px 0;
}
.price_list .product_list li:nth-child(2n){
	margin-right:0;
}
.price_list .product_list li .img_box{
	
	border:1px #f2f2f2 solid;
	overflow:hidden;
}
.price_list .product_list li .img_box img{
	object-fit:cover;
	width:100%;
	transition:0.75s;
}
.price_list .product_list li:hover .img_box img{
	transform:scale(1.1);
	transition:0.75s;
}
.price_list .product_list li .txt_box{
	margin:10px 0 0 0;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	line-height:150%;
} 
.price_list .product_list li .txt_box span{
	font-weight:normal;
}
.price_list .sub_txt{
	font-size:14px;
	text-align:left;
	line-height:150%;
}
.price_list .sub_txt a{
	color:#e50012;
}


/**/

.quick_ban{
	width:100%;
	background:#f2f2f2;
}
.quick_ban ul{
	display:flex;
}
.quick_ban li{		
	display:flex;
	align-items:center;
	justify-content:center;
	width:25vw;
	height:25vw;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
	font-family:NanumSquare;
	color:#333;
	box-sizing:border-box;
	border-bottom:1px #ddd solid;
	border-right:1px #ddd solid;
}
.quick_ban li:last-child{
	border:0;
}
.quick_ban li a{
	margin:-15px 0 0 0;
}
.quick_ban li span{
	display:block;
	margin:-20px 0 0 0;
}
.quick_ban li:nth-child(3) img{
	margin:15px 0 0 0;
}
.quick_ban li:nth-child(3) span{
	margin-top:-15px;
}
.quick_ban li img{
	transform:scale(0.3);
}

/* 메인 게시판 영역 */	

.news_cast{
	margin:20px 0 0 0;
}
.news_cast .tit{
	border-bottom:3px #e50012 solid;
	font-size:26px;
	font-weight:bold;
	font-family:NanumSquare;
	padding-bottom:15px;
	color:#333;
	width:100%;
	line-height:100%;
	text-align:center;
}
.news_cast_list li{
	position:relative;		
	display:flex;		
	justify-content:space-between;
	padding:10px;
	border-bottom:1px #f2f2f2 solid;
}
.news_cast_list li:before{
	content:'·';
	display:block;
	position:absolute;
}
.news_cast_list li:last-child{
	margin:0;
}
.news_cast_list a{	
	padding:0 0 0 15px;
}
/* 제품 바로가기*/
.products_quick .tit{
	font-family:'Noto Sans KR', 'sans-serif';
	font-size:40px;
	font-weight:700;
	color:#333;
	text-align:center;
	line-height:100%;
	margin:0 0 20px 0;
}
.products_quick .tit span{
	color:#e50012;
}
.products_quick .lineup .img_box{
	background:#e6e6e6;
	height:250px;
	display:flex;
	align-items:center;
	align-content:center;
	position:relative;
	overflow:hidden;
}
.products_quick .lineup .img_box:before{
	content:'';
	position:absolute;
	top:0;
	right:-50px;
	left:0;
	bottom:0;
	border-right:700px solid transparent;
	border-top:300px solid #333;
	transform:translateX(-30%);
	transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
	z-index:1;
}
.products_quick .lineup li{
	margin-bottom:30px;
}
.products_quick .lineup li .img_box img{
	z-index:2;
}
.products_quick .lineup .txt_box{
	margin:0 0 10px 0;
	padding:0 20px;
	text-align:center;
	font-size:20px;
	font-family:NanumSquare;
	line-height:130%;
	letter-spacing:-1px;
	padding:0 0 15px 0;
	background:#e6e6e6;
}
.lineup_logo{
	height:28px;
	margin-top:-8px;
	max-width:100%;
 }
 
.lineup .btn_box{ display:flex; justify-content:space-between; }
.lineup .btn_box .btn{ width:calc(50% - 5px); }
.lineup .btn{ width:100%; background:#e50012; color:#fff; box-sizing:border-box; text-align:center; font-size:18px; font-weight:bold; height:50px; line-height:50px; }
.lineup .btn a{ display:block; width:100%; height:100%; }




/* 제품페이지 */ 
/*특장갤러리*/
.gallery_box{  }
.gallery_box .bx-wrapper{ width:100%; margin:0 20px 0 0;  }	
.s_gallery{ width:100%; }
.s_gallery li{ margin:0 auto; text-align:center; height:500px; background:#f2f2f2; display:flex; align-items:center; justify-content:center; background:#f2f2f2; }
.gallery_pager{ padding:0 10px; margin:20px 0 0 0; }
.gallery_pager img{ width:50px; height:50px; margin:0 5px 5px 0; }
.gallery_pager p{ font-weight:bold; margin:15px 0 5px 0; font-size:14px; }
.gallery_pager p:first-child{ margin-top:0; }
.bx-wrapper img{ display:inline;}

h1 .sub_txt{
	font-weight: normal;
	font-size: 14px;
	text-align: right;
	display: block;
}
.special-vehicle-gallery {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	background-color: #f4f4f4; /* 로딩 전 배경 */
}

.gallery-tab-menu {
	display: flex;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	background-color: #333;
	color: #fff;
	flex-wrap: nowrap;
    overflow-x: auto;
    font-size: 14px;
    width: 100%;
	white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.gallery-tab-menu::-webkit-scrollbar {
    display: none;
  }

.gallery-tab {
	flex: 0 0 auto;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
    min-width: max-content;
    padding: 10px 12px;
    font-size: 14px;
}
.gallery-tab.active {
	background: #e50012;
	font-weight: bold;
}
.main-gallery-image {
	width: 100%;
	height: auto;
	min-height: 300px;
	aspect-ratio: 4 / 3;
    padding: 16px;
    position: relative;

	margin: 0 auto;
	box-sizing:border-box;

	display: flex;
	align-items: center;
	justify-content: center;

	background-color: #F2F2F2; /* 여백 생길 경우 배경 */
	overflow: hidden;
	position: relative;
}		

.main-gallery-image img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
}


.arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	cursor: pointer;
	z-index: 2;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	padding: 0 2px 2px 0;
	transition: background-color 0.3s ease;
}
.arrow:last-child{
	padding: 0 0 2px 2px;
}

.arrow:hover {
	background-color: rgba(0, 0, 0, 0.8); /* hover 시 진하게 */
}
.arrow.prev {
	left: 10px;
}

.arrow.next {
	right: 10px;
}

.thumbnail-slider {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	padding: 8px;
}

.thumb-box {
	width: 80px;
	height: 80px;
	overflow: hidden;
	flex-shrink: 0;
	position: relative;
}

.img-wrapper {
	height: 100%;
	box-sizing: border-box;
	padding: 2px;
	border: 2px solid transparent;
	transition: border-color 0.3s ease;
	overflow: hidden;
}

.img-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.thumb-box:hover .img-wrapper,
.thumb-box.active .img-wrapper {
	border-color: #e50012;
}

.thumb-box:hover img,
.thumb-box.active img {
	transform: scale(1.1);
	z-index: 1;
}								
.hidden {
	display: none;
}








/*플로팅배너*/
.float_menu{
	position:fixed;
	bottom:10px;
	z-index:100;
	padding:0 5px;
	display:flex;
}
.float_menu li{		
	width:calc((100vw - 70px) / 7);
	height:calc((100vw - 70px) / 7);		
	border-radius:200px;
	cursor:pointer;
	text-align:center;
	margin:0 5px 0 0;		
	font-weight:bold;
	color:#666;
	background:#fff;
	border:2px #ccc solid;
	letter-spacing:-2px;
	line-height:120%;
	font-size:12px;
}
.float_menu li:last-child{
	margin:0;
}
.float_menu li a{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.float_menu li.on{
	color:#fff;
	background:#e50012;
	border:3px #e50012 solid;	
}
.float_menu li button{
	display:block;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center
}
.float_menu .li:last-child{
	margin:0;
}
.float_menu .btn_vr{
	color:#e50012;
	background:#fff;
	border:3px #e50012 solid;		
}
.float_menu .btn_top{
	background:#fff;
	border:1px #ccc solid;
}


.products_wrap section{
	padding-top:100px;
	margin-bottom:50px;
}
.products_wrap section:last-child{
	margin-bottom:0;
}
	
.products_wrap h1{
	font-size:25px;
	line-height:110%;
	font-family:NanumSquare;
	font-weight:bold;
	color:#fff;
	word-break:keep-all;
	width:100%;
	box-sizing:border-box;
	padding:10px 10px 10px 20px;
	margin:0 0 30px 0;
	background:#444;
}
.products_wrap h2{
	line-height:110%;
	font-size:20px;
	font-family:NanumSquare;
	font-weight:bold;
	margin:0 30px 0 0;
	color:#333;
	position:relative;
	padding:0 0 0 20px;
	word-break:keep-all;
	width:100%;
	box-sizing:border-box;
	margin:0 0 20px 0 ;
}
.products_wrap h2:before{
	content:'';
	display:block;
	width:5px;
	height:21px;
	background:#e50012;
	position:absolute;
	left:0;
}	
.products_wrap h3{
	font-size:24px;
	font-family:NanumSquare;
	font-weight:bold;
	margin:0 0 20px 0;
}
.products_wrap .top_tit{
	margin-bottom:20px;		
}
.products_wrap .top_tit .tit_txt{
	background:#fff;
	padding:0 5px;
	margin-top:-20px;
}
.products_wrap .sec_tit{
	margin-bottom:50px;
}	
.products_wrap .sub_section{
	margin-bottom:150px;
}
.products_wrap .sub_section:last-child{
	margin-bottom:0;
}
.products_wrap .tit_txt{
	font-size:18px;
	font-family:NanumSquare;
	line-height:130%;
	background:#f2f2f2;
	padding:30px;
	word-break:keep-all;
	flex-basis:800px;
	flex-shrink: 0;		
}
.products_wrap .tit_txt p{
	margin-bottom:20px;
}
.products_wrap .tit_txt p:last-child{
	margin:0;
}
.products_wrap .sub_section .sub_txt{
	text-align:left;
}
.products_wrap .img_txt .img_box{
	margin:0;
}
.products_wrap .img_txt .txt_box{
	margin:0;
	background:rgba(0,0,0,0.6);
	color:#fff;
}
.products_wrap .img_box{
	margin:0 0 50px 0;
	text-align:center;
}
.products_wrap .txt_box{
	margin:0 0 50px 0;
	font-size:18px;
	line-height:150%;
	word-break:keep-all;
}
.products_wrap .txt_box p{
	margin:0 0 20px 0;
}
.products_wrap .txt_box p.txt_li{
	position:relative;
	padding:0 0 0 15px;
	margin-bottom:10px;
}
.products_wrap .txt_box p.txt_li:before{
	content:'■';
	display:block;
	position:absolute;
	font-size:10px;
	left:0;
}
.products_wrap .txt_box p:last-child{
	margin:0;
}
.products_wrap .line_box{
	position:relative;
	border:1px #005bac solid;
	font-size:16px;
	margin:0 0 20px 0;
}
.line_box .txt{
	padding:0 10px 0 100px;
}
.line_box .txt:before{
	content:'→';
	display:block;
	font-size:80px;
	color:#005BAC;
	position:absolute;
	left:0;
}

.thumbnail_list ul{
}
.thumbnail_list ul li{
	width:100%;
	margin:0 0 10px 0;
	border:1px #ddd solid;
	box-sizing:border-box;
}
.thumbnail_list .img_box{
	margin:0;
	width:100%;
}
.thumbnail_list .big{
	height:400px;
}
.thumbnail_list .img_box img{
	width:100%;		
	height:100%;
	object-fit:cover;
}

.thumbnail_list .txt_box{
	background:#333;
	color:#fff;
	width:100%;
	bottom:0;
	margin:0;
	padding:10px 0 10px 20px;
	line-height:120%;
	box-sizing:border-box;
}
.thumbnail_list .txt_box .tit{
	font-size:16px;
	font-weight:bold;
}
.thumbnail_list .txt_box .txt{
	font-size:14px;
	color:#ddd;
}
.thumb_list .img_box{
	height:auto;
}
.thumb_list .img_box img{
	width:auto;
	height:auto;
}

/* 동영상 영역*/
.products_wrap .video_area{
	padding:0;
	margin:30px 0 0 0;
}
.products_wrap .video_area .video_box{
	height:65vw;
}
.video_area iframe{
	display:none;
	margin:0;
	width:100vw;
}
.video_area iframe:first-child{
	display:block;
}
.video_tab{
	display:flex;
	width:100%;
}
.video_tab li{
	background:#ccc;
	text-align:center;
	padding:20px 0;
	cursor:pointer;
	width:calc(100% / 3);
	font-size:16px;
	border-right:1px #aaa solid;
	box-sizing:border-box;
	line-height:100%;
	display:flex;
	align-items:center;
}
.video_tab li.on{
	background:#e50012;
	color:#fff;
	font-weight:bold;
}
.video_tab li:last-child{
	border:0;
}


.notice_box{
	color:#e50012;
	font-size:16px;
	margin:0 0 30px 0;
	font-weight:bold;
	padding:0 10px;
}


/* 서비스센터 */
.btn_download{
	text-align:center;
}
.btn_download a{
	display:inline-block;
	background:#e50012;
	color:#fff;
	font-size:16px;
	text-align:center;
	border-radius:20px;
	padding:16px 0;
	font-weight:bold;
	margin:16px 0;
	width:calc(100% - 32px);
}
.btn_download a img{
	margin-right:10px; 
}
.btn_download span{
	font-size:12px;
	font-weight:nomal;
}



/********************************************/
	
/* dealer.asp */
.new_deler_intro .txt_box{
	color:#333;
	font-size:18px;
	font-family:NanumSquare;
	line-height:130%;
	word-break:keep-all;
}
.new_deler_intro .tit{
	font-weight:bold;
	font-size:40px;
	color:#333;
	line-height:130%;
	margin:0 0 10px 0;
}
.dealer_page_top{
	border:0;
	background:#f2f2f2;
	color:#333;
}
.dealer_conts{	
	margin:0 0 50px 0;
}
.intro_gallery{
	width:100%;
	height:58.6vw;
	margin:0 20px 0 0;
}
.intro_gallery .slide_box{
	display:flex!important;
	justify-content:center;
	align-items:center;
	height:58.6vw;
}
.intro_gallery img{
	max-height:100%;
	max-width:100%;
}
.intro_gallery_nav{
	width:100%;
	height:100px;
	text-align:center;
	overflow:hidden;
	display:flex!important;
	margin:5px 0 0 0;
}
.intro_gallery_nav .slide_box{
	width:100px!important;
	height:100px!important;
	overflow:hidden;
	margin:0 3px;
}	
.intro_gallery_nav .slide_box img{
	width:100%;
	height:100%;
	object-fit:cover;
	opacity:.5;
	transition:0.75s;
}	
.intro_gallery_nav .slide_box img:hover{
	transform:scale(1.1);
	transition:0.75s;
}
.dealer_conts .intro_gallery_nav .slick-track{
	width:4185px!important;
}
.intro_gallery_nav .slick-current{
	border:5px #e50012 solid!important;
	box-sizing:border-box;
	width:100px!important;
	height:100px;
}
.intro_gallery_nav .slick-current img{			
	opacity:1;
}


.dealer_gallery_box{
	margin:0 0 50px 0;
	padding:10px;
	background:#222;
}
.new_dealer_gallery{
	width:100%;
	height:58.6vw;
	margin:0 20px 0 0;
}
.new_dealer_gallery .slide_box{
	display:flex!important;
	justify-content:center;
	align-items:center;
	height:58.6vw;
}

.new_dealer_gallery img{
	max-height:100%;
	max-width:100%;
}
.slide_box .conts .txt_box{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	box-sizing:border-box;
	padding:10px;
	color:#fff;
	text-align:center;
	font-size:16px;
	background:rgba(0,0,0,.7);
	word-break:keep-all;
}
.dealer_gallery_nav{
	width:100%;
	height:100px;
	text-align:center;
	overflow:hidden;
	display:flex!important;
}
.dealer_gallery_nav .slide_box{
	width:100px!important;
	height:100px!important;
	overflow:hidden;
	margin:0 3px;
}	
.dealer_gallery_nav .slide_box img{
	width:100%;
	height:100%;
	object-fit:cover;
	opacity:.5;
	transition:0.75s;
}	
.dealer_gallery_nav .slide_box img:hover{
	transform:scale(1.1);
	transition:0.75s;
}
.dealer_g_arrow_prev{
	margin:0 10px 0 0;
}		
.dealer_g_arrow_next{
	margin:0 0 0 10px;
}

.dealer_gallery_nav .slick-current{
	border:5px #e50012 solid!important;
	box-sizing:border-box;
	width:100px!important;
	height:100px;
}
.dealer_gallery_nav .slick-current img{			
	opacity:1;
}
.dealer_review_box .img_box{
	position:relative;
}
.dealer_review_box .img_box:before{
	position:absolute;
	display:block;
	content:'';
	width:100%;
	height:100%;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 80%,  rgba(255,255,255,.9) 95%, rgba(255,255,255,1) 100%);
}

/* video.asp */
.recent_video_area h5{
	font-size:26px;
	text-align:center;
	margin:30px 0 0 0;
	color:#000;
	font-weight:bold;
}
.recent_video_area ul{
	padding:20px;
}
.recent_video_area ul li{
	width:100%;
	margin:0 0 10px 0;
}
.recent_video_area ul li .img_box{
	position:relative;
	width:100%;
	cursor:pointer;
	overflow:hidden;
}	
.recent_video_area ul li .img_box:after{
	position:absolute;
	display:block;
	content:'▶';
	width:100px;
	height:100px;
	border-radius:50px;
	border:5px #fff solid;
	box-sizing:border-box;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	background:rgba(255,255,255,.5);
	z-index:10;
	color:#fff;
	text-align:center;
	font-size:50px;
	padding:35px 0 0 10px;
}
.recent_video_area ul li .img_box:hover:after{
	border:5px #e50012 solid;
	color:#e50012;
}
.recent_video_area ul li img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition: 0.3s all ease-out;
}
.recent_video_area ul li .img_box:hover img{
	transform:scale(1.1); 
	transition: 0.3s all ease-out;
}
.recent_video_area .txt_box{
	margin:20px 0;
	font-size:16px;
	padding:0;
}
.recent_video_area .category{
	color:#e50012;
	font-weight:bold;
	margin:0 0 10px; 0;
	font-size:18px;
}
.recent_video_area .tit{
	color:#000;
	font-size:24px;
	margin:0 0 10px 0;
	font-weight:bold;
	font-family:NanumSquare;
	line-height:110%;
	word-break:keep-all;
}
.recent_video_area .txt{
	line-height:130%;
	word-break:keep-all;
	height:84px;
	overflow: hidden; 
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.new_video_area{
	margin:0 0 100px 0;
}
.new_video_area ul{
	display:flex;
	flex-wrap:wrap;
	padding:0 20px;
}
.new_video_area ul li{
	width:calc((100% - 10px) / 2);
	margin:0 10px 20px 0;
}
.new_video_area .tab_conts li:nth-child(2n){
	margin-right:0;
}
.new_video_area .tit{
	font-size:18px;
	color:#000;
	font-weight:bold;
	font-family:NanumSquare;
	line-height:110%;
	word-break:keep-all;
	text-align:center;
	margin:10px 0 0 0;
}
.new_video_area ul li .img_box{
	position:relative;
	width:100%;
	cursor:pointer;
	overflow:hidden;
	box-sizing:border-box;
	border:1px #f2f2f2 solid;
}	
.new_video_area ul li .img_box:after{
	position:absolute;
	display:block;
	content:'▶';
	width:60px;
	height:60px;
	border-radius:50px;
	border:3px #fff solid;
	box-sizing:border-box;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	background:rgba(255,255,255,.5);
	z-index:10;
	color:#fff;
	text-align:center;
	font-size:30px;
	padding:18px 0 0 7px;
}
.new_video_area ul li .img_box:hover:after{
	border:3px #e50012 solid;
	color:#e50012;
}
.new_video_area ul li img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition: 0.3s all ease-out;
}
.new_video_area ul li .img_box:hover img{
	transform:scale(1.1); 
	transition: 0.3s all ease-out;
}
.new_video_area ul li .txt_box{
	padding:0;
}
.new_video_area .tab{
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px #ddd solid;
}
.new_video_area .tab ul{
	display:flex;
}
.new_video_area .tab li{
	font-size:18px;
	font-weight:bold;
	font-family:NanumSquare;
	color:#333;
	box-sizing:border-box;
	margin:0 10px 10px 0;
	cursor:pointer;
	width:auto;
	position:relative;
}

.new_video_area .tab li.on{
	color:#e50012;
}
.new_video_area .tab li.on:before{
	display:block;
	content:'';
	width:100%;
	height:3px;
	background:#e50012;
	position:absolute;
	bottom:-5px;
}




.view_video{
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	top:0;
	left:0;
	z-index:9999999;
	display:none;
}
.view_video .outer{				
	display:table;
	width:100%;
	height:100%;
}
.view_video .inner{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.view_video .closed{
	position:fixed;
	right:20px;
	top:20px;
}



/* company.asp - 수정 23.01.09 */

.company_img_box{
		position: relative;
        display: inline-block;
		margin:0 0 100px 0;
	}
	.company_img_box img{
		width:100%;
		height:auto;
		display:block;
	}
	.company_img_box .text_overlay {
		position: absolute;
        top: 25px;
        left: 25px;
        color: #fff;
		font-family:'Montserrat', sans-serif;
        font-size: 30px;
        font-weight: bold;
		line-height:120%;
		text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
    }
	.company_intro{
		margin:0 0 100px 0;
		text-align:center;
		font-family:NanumSquare;
		font-size:20px;
		line-height:180%;
		word-break:keep-all;
		color:#333;
		padding:0 5vw;
	}
	.company_intro .txt{
		margin:0 0 50px 0;
	}
	.company_intro .txt:last-child{
		margin:0;
	}
	
	.form{
		display:flex;
		flex-direction:column;
		text-align:center;
		margin:0 0 50px 0;
	}
	.form_row{
		line-height:120%;
		justify-items:center;
		margin:0 0 30px 0;
	}
	.form .tit{
		font-family: 'Montserrat', sans-serif;
		font-size:32px;
		font-weight:bold;
		background:#f2f2f2;
		width:200px;
		height:200px;
		border-radius:200px;
		margin-bottom:30px;
		align-content:center;
		color:#000;
	}
	.form .tit img{
		margin-bottom:10px;
	}
	.form .tit span{
		color:#e50012;
	}
	
	.form .sub{
		font-size:20px;
		color:#666;
	}
	.company_brand img{
		width:100%;
		height:auto;
		display:block;
	}
	.brand_counter{
		display:flex;
		flex-direction:column;
		font-weight:bold;
		color:#333;
		font-family:NanumSquare;
		font-size:18px;
		line-height:180%;
		background:#e7eaed;
		padding:5vw 0 0 5vw;
	}	
	.brand_counter li{
		border-top:1px #333 solid;
		margin-right:30px;
		padding-top:10px;
		width:210px;
	}
	.brand_counter li:first-child{
		width:160px;
	}
	.brand_counter .counter{
		font-family: 'Montserrat', sans-serif;
		font-weight:700;
		color:#e50012;
		font-size:40px;
	}

.brand_box{
	background:#e6e6e6;
}
.brand_box ul{
	font-weight:bold;
	padding:20px;
	color:#333;
	font-family:NanumSquare;
	font-size:18px;
	line-height:180%;
	background:#e6e6e6;
}
.brand_box ul li{
	border-top:1px #333 solid;
	margin-right:30px;
	padding-top:10px;
}
.brand_box ul li:first-child{
	width:160px;
}
.brand_box ul li:nth-child(2){
	width:230px;
}
.brand_box ul li:last-child{
	width:240px;
}
.brand_box .counter{
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	color:#e50012;
	font-size:40px;
}


/* esg.asp - 23.01.09 */
.container_wrap{ margin:100px 0 ; }
.container_wrap h5{font-size:30px; font-family:NanumSquare;	color:#333; text-align:center; margin:0 0 30px 0; line-height:130%;	font-weight:bold; }
.container_wrap .txt_area_center{ font-size:18px; font-family:NanumSquare; line-height:180%; margin:0 auto 50px auto;	text-align:center; padding:0 20px; }
.contents_wrap{  }
.esg_top{ background:#d9f6ff; width:100%; color:#333; }
.esg_top .contents_wrap{ background:url(/images/contents/esg/bg_top.jpg) no-repeat bottom right; background-size:80%; padding:30px 0 50px 0; }
.esg_top .img_box{ margin:30px 0; }
.esg_top .txt_box{ font-size:20px; font-family:NanumSquare;line-height:170%; }
.esg_list {
	margin-bottom:100px;
}
.esg_list ul{ 
}
.esg_list ul li{
	box-sizing:border-box;
	padding:20px;
	font-size:16px;	
	line-height:130%;
	word-break:keep-all;
}
.ic_esg01{
	background:url(/images/contents/esg/ic_esg01.png) no-repeat #1197bc;
}
.ic_esg02{
	background:url(/images/contents/esg/ic_esg02.png) no-repeat #1197bc;
}
.ic_esg03{
	background:url(/images/contents/esg/ic_esg03.png) no-repeat #1197bc;
}
.ic_esg04{
	background:url(/images/contents/esg/ic_esg04.png) no-repeat #1197bc;
}
.ic_esg05{
	background:url(/images/contents/esg/ic_esg05.png) no-repeat #1197bc;
}
.esg_list .ic_esg01,.esg_list .ic_esg02,.esg_list .ic_esg03,.esg_list .ic_esg04,.esg_list .ic_esg05{
	background-position:90% 90%;
}
.esg_list ul li .list_box{
	padding:30px;
	color:#fff;
	font-size:26px;
	line-height:130%;
	font-family:NanumSquare;	
	margin:0 0 20px 0;
	height:160px;
	font-weight:bold;
}
.esg_list ul li .list_box .num{
	font-size:70px;
	letter-spacing:-1px;
	margin:0 0 20px 0;
	line-height:100%;
}
.esg_list ul li .list_txt{
	font-size:18px;
	text-align:center;
	font-family:NanumSquare;	
	color:#333;
}
.esg_tit{
	font-size:24px;
	font-family:NanumSquare;
	color:#333;
	text-align:center;
	margin:0 0 30px 0;
	line-height:130%;
	font-weight:bold;
	position:relative;
}
/*.esg_tit:before{
	display:block;
	content:'';
	background:url(/images/contents/esg/ic_esgtit.png) no-repeat;
	width:93px;
	height:54px;
	position:absolute;
	top:-5px;
	right:150px;
}*/
.esg_tit:after{
	display:block;
	content:'';
	width:1000px;
	height:3px;
	background:#01a0ca;
	margin:10px auto 0 auto;
}
.esg_roadmap{
	font-size:16px;
	line-height:130%;
	word-break:keep-all;
	overflow:hidden;
	margin-bottom:100px;
}
.esg_roadmap .tit{		
	font-family:NanumSquare;
	font-size:20px;
	color:#333;
	font-weight:bold;
}
.esg_roadmap .txt{
	text-align:right;
}
.esg_roadmap table{
}
.esg_roadmap th,.esg_roadmap td{
	box-sizing:border-box;
	border:3px solid #fff;
}
.esg_roadmap th{
	font-family:NanumSquare;
	font-size:20px;
	font-weight:bold;
	background:#7fd0e5;
	color:#333;
	text-align:center;
	padding:20px 0;
	border-radius:30px 30px 0 0;
}
.esg_roadmap td{
	background:#f2f2f2;
	padding:20px;
	vertical-align:middle;
}
.esg_roadmap td:first-child{
	text-align:center;
	font-weight:bold;
	font-size:18px;
	font-family:NanumSquare;
	color:#333;
	position:relative;
	width:40%;
}
.esg_roadmap td:first-child:before{
	display:block;
	position:absolute;
	content:'';
	width:123px;
	height:123px;
	border-radius:126px;
	left:-63px;
	top:0;
}
.esg_roadmap td li{
	margin:0 0 10px 0;
	position:relative;
	padding-left:15px;
}
.esg_roadmap td li:last-child{
	margin:0;
}
.esg_roadmap td li:before{
	display:block;
	content:'■';
	position:absolute;
	font-size:8px;
	left:0;
}
.esg_footer{
	background:url(/images/contents/esg/bg_footer.jpg) no-repeat;
	font-family:NanumSquare;
	font-size:30px;
	font-weight:bold;
	color:#fff;
	line-height:120%;
	display:flex;
	text-align:center;
	padding:50px;
	box-sizing:border-box;
	align-items:center;
	text-shadow:0 0 10px #333;
}


/* 서비스센터 24.07.12 */
.services_wrap{
	margin-top:5px;
}
.services_area li{
	padding:20px;
	border-bottom:1px #ddd solid;
}
.services_area .ic_services{
	background:#e50012;
	padding:2px 5px;
	color:#fff;
	border-radius:5px;
	font-size:12px;
	font-weight:bold;
	margin-right:5px;
}
.services_area .ic_direct{
	background:#f3aa0e;
}	
.services_area .ic_light{
	background:#f3740e;
}
.services_area li>div{
	margin-bottom:16px;
}
.services_area li>div:last-child{
	margin-bottom:0;
}
.services_area .tit_box{
	display:flex;
	align-items:center;
}
.services_area .tit{
	color:#333;
	font-weight:bold;
	font-size:1.6rem;
	margin-right:10px;
}
.services_area .info_box{
	line-height:150%;
	color:#333;
}
.services_area .tel{
	font-weight:bold;
	margin-bottom:10px;
	font-size:18px;
}
.services_area .btn_box{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.services_area .btn_box div{
	text-align:center;
	width:calc((100% - 10px)/ 2);
	border:1px #ddd solid;
	box-sizing:border-box;
}
.services_area .btn_box a{
	display:block;
	width:100%;
	padding:10px 0;
}
.services_area .btn_tel{
	background:#e50012;
	border:1px #e50012 solid;
	color:#fff;
}


/* 하단 퀵 버튼 25.03.06 */
.quick_bottom_btn_box{
	width:100%;
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
	top:53px;
	position:fixed;
	background:#fff;
	padding:5px 10px;
	font-size:14px;
	z-index:100;
	transform: translateY(-50px); /* 아래쪽에서 시작 */
	transition: opacity 0.5s ease-out, transform 0.5s ease-out, visibility 0.5s;
}
.quick_bottom_btn_box.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0); /* 원래 위치로 이동 */
  }
.quick_bottom_btn_box .btn{
	width:100%;
	box-sizing:border-box;
	border:1px #ccc solid;
	padding:4px;
	text-align:center;
}
.quick_bottom_btn_box .btn a{
	display: block;
}
.quick_bottom_btn_box .btn span{
	display:inline-block;
	background:#666;
	width:20px;
	height:20px;
	line-height:22px;
	font-family: NanumSquare;
	font-weight:900;
	text-align:center;
	border-radius:100px;
	color:#fff;
	margin:0 5px 0 0;	
	font-size:12px;					
}
.quick_bottom_btn_box .btn_inquiry{
	border:1px #e50012 solid;
	color:#e50012;
	font-weight:bold;
}

.quick_bottom_btn_box .btn_inquiry span{
	background:#e50012;
}