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

/*warp*/
#wrap{
	width:100%;
	min-width:1280px;
	font-family:NanumGothic;
	color:#666;
	line-height:130%;
	overflow:hidden;
	font-size:14px;
}

/*header*/
header{
	width:100%;
	border-bottom:1px #eee solid;
	position:fixed;
	top:0;
	background:#fff;
	z-index:9999999;
}
	/*전체네비게이션*/
	#gnb{
		width:1280px;		
		height:100px;
		margin:0 auto;
		opacity: 0.99;
	}
		/*상단바*/
		#top_bar{
			width:1280px;
			overflow:hidden;
		}
			#top_bar ul{
				float:right;
				font-size:12px;
			}
				#top_bar ul li{
					float:left;
					margin:0 0 0 10px;
				}
					#top_bar ul li img{
						margin:0 5px 0 0;
						vertical-align:center;
					}
		/*메인메뉴*/
		#lnb{
			width:1280px;
			overflow:hidden;
			margin:30px 0 0 0;	
			color:#333;
		}
			#lnb h1{
				float:left;
				margin:0 0 0 20px;
			}
			#lnb nav{
				float:right;
			}
				#lnb nav ul li.top_menu{
					font-family:NanumSquare;
					float:left;
					font-size:18px;
					font-weight:bold;
					width:160px;
					text-align:center;
				}
				#lnb nav ul ul.bottom_menu{
					display:none;
					font-family:NanumGothic;
					font-size:14px;
					background:#fff;
					font-weight:normal;
					padding:10px 0;
					border:1px #eee solid;
					border-top:0;
					margin:27px 0 0 0;
					z-index:999999;
				}
				#lnb nav ul ul.bottom_menu li{
					margin:20px 0;
				}
				#lnb nav ul ul.bottom_menu li a:hover{
					text-decoration:underline;
					color:#f00;
				}
			
			/*메인메뉴수정_20200427*/	
			.new_nav{ float:right; }
			.new_nav .top_menu{
					font-family:NanumSquare;
					float:left;
					font-size:18px;
					font-weight:bold;
					width:160px;
					text-align:center;
					cursor:pointer;
			}
			.new_bottom_menu_box{ background:#fff; float:right; margin:32px 0 0 0; padding:0 0 30px 0; display:none; }
			.new_bottom_menu{ float:left; width:160px; text-align:center; font-family:NanumGothic; font-size:14px; }
			.new_bottom_menu li{ padding:10px 0;}
			.new_bottom_menu li a:hover{ text-decoration:underline; color:#f00; }
				
				
	/*서브네비게이션*/
	#snb{
		width:100%;
		background:#eee;
		height:50px;
	}
		#snb ul{
			width:1280px;
			margin:0 auto;
			overflow:hidden;
		}
		#snb ul li{
			float:left;
			margin:0 150px 0 0;
			line-height:50px;
			font-size:14px;
		}
		#snb ul li.tit{
			font-weight:bold;
			font-size:24px;
			font-style : italic;
			font-family:NanumSquare;
			margin:0 200px 0 0;
		}
		
#container{
	width:100%;
	position:relative;
	margin:101px 0 0 0;
}

/*공통*/
.red{
	color:#e50012;
}
.sub_txt{ text-align:right; margin:10px 0 0 0; }
section{
	margin:0 0 100px 0;
}
section:last-child{
	margin:0;
}

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

.floating{ position:absolute; cursor:pointer; z-index:15000; top:200px; left:50%; margin-left:650px; width:100px; height:91px; background:url(../images/ic/popup.png) no-repeat; }
.open{  height:106px; background:url(../images/ic/popup_open.png) no-repeat; }

#notice_popup2 { position: absolute; top:100px; left:50%; margin-left:100px; background:#fff; z-index:15000;}
#notice_popup2 .cont {}
#notice_popup2 .close { height:30px; background:#f3f3f3; line-height:30px; padding-left:10px; font-size:13px;}
#notice_popup2 .close #close {float:right; margin-right:10px; cursor:pointer;}
			
#container_sub{
	width:100%;
	position:relative;
	margin:151px 0 0 0;
}
	/*메인배너*/
	#banner_wrap{
		background:#eee;
		height:649px;
	}
		.main_ban_box{
			width:880px;
			margin:0 auto 50px auto;
			float:left;
			position:relative;
		}
			.main_ban_box #main_bn_btn{ 
				position:absolute; 
				top:600px;
				left:630px;
				z-index:10;
			}
			.main_banner #main_bn_btn li{
				 margin:0 6px;
				 float:left; 
			}
			
	/*퀵버튼*/
	.quick_menu{ 
		width:400px;
		overflow:hidden;
		float:left;
	}
		.quick_menu ul li{
			float:left;
			width:200px;
		}
		.quick_menu a{ cursor:pointer; }
		
	/*캐스트*/
	#section_cast{
		width:1280px;
		margin:0 auto 50px auto;
		overflow:hidden;
	}
		#section_cast h4{
			border-top:2px #e50012 solid;
			border-bottom:1px #eee solid;
			font-size:20px;
			color:#333;
			font-weight:bold;
			line-height:20px;
			padding:10px 5px;
			font-family:NanumSquare;
			margin:0 0 20px 0;	
		}
			/*보도자료 캐스트*/
			#section_cast .news_cast{
				width:620px;
				float:left;
				margin:0 40px 0 0;
			}
			#section_cast .news_cast .news_cast_list{
				font-size:14px;
			}
			#section_cast .news_cast .news_cast_list li{
				margin:10px 0 0 0;
				overflow:hidden;
			}
			#section_cast .news_cast .news_cast_list li .news_thumbnail{
				width:118px;
				height:70px;
				float:left;
				margin:0 10px 0 0;
			}
			#section_cast .news_cast .news_cast_list li .news_thumbnail img{
				width:118px;
				height:70px;
			}
			#section_cast .news_cast .news_cast_list li .txt_box strong{
				font-size:16px;
				display:inline-block;
				margin:0 0 8px 0;
			}
			#section_cast .news_cast .news_cast_list li .txt_box a:hover{
				text-decoration:underline;
			}
			
		/*동영상 캐스트*/
		#section_cast .video_cast{
			width:620px;
			float:left;
			margin:0;
			overflow:hidden;
		}
		#section_cast .video_cast_box{
			width:270px;
			margin:0 20px 0 0;
			float:left;
		}
		#section_cast .video_cast_tab {
			float:left;
		}
		#section_cast .video_cast_tab li{
			background:url(../images/ic/ic_triangle.png) no-repeat 0 20px;
			font-size:18px;
			padding:0 0 0 15px;
			font-family:NanumSquare;
			height:50px;
			line-height:50px;
			border-bottom:1px #eee solid;
		}
		#section_cast .video_cast_tab li:last-child{
			border:0;
		}
		#section_cast .video_cast_tab li a{
			display:inline-block;
			width:275px;
		}
		#section_cast .video_cast_tab li span{
			font-size:14px;
			color:#999;
			display:inline-block;
			font-family:NanumGothic;
		}
		#section_cast .video_cast_tab li.on a{
			font-weight:bold;
			color:#333;
		}
	
	
	
	.products_quick{ overflow:hidden; width:1280px; margin:0 auto 10px auto; }
	.products_quick_box{ width:420px; height:480px; margin:0 10px 0 0; float:left; }
	
	.products_quick>div:last-child{ margin:0;}
	.products_quick_01{ background:url(../images/banner/products_quick_01.jpg); }
	.products_quick_02{ background:url(../images/banner/products_quick_02.jpg?dt=20211110); }
	.products_quick_03{ background:url(../images/banner/products_quick_03.jpg); }
	
	.products_quick_box .btn_box{ width:390px; margin:415px 0 0 15px; }
	.products_quick_box .btn{ width:184px; 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:121px; letter-spacing:-1px; }
	.products_quick_02 .btn_box .btn{ width:121px; letter-spacing:-1px; }
	
	.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; }
	
	
	
	
	
	
	/*엘프기능소개*/
	#quick_elf{
		width:1280px;
		margin:0 auto 10px auto;
		overflow:hidden;
	}
		#quick_elf ul li{
			width:398px;
			height:238px;
			border:1px #eee solid;
			margin:0 40px 40px 0;
			float:left;
		}
		#quick_elf ul li:nth-child(3n){
			margin-right:0;
		}
		#quick_elf ul li a{
			display:block;
			width:100%;
			height:100%;
			position:relative;
		}
		#quick_elf ul li 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-size:18px;
			font-family:NanumSquare;
			
		}
	
	/*고객센터*/
	#help{
		width:1178px;
		border:1px #eee solid;
		margin:0 auto 100px auto;
		height:60px;
		line-height:60px;		
		background:url(../images/bg/bg_help.jpg) no-repeat 20px center;	
		padding:0 30px 0 70px;
		overflow:hidden;	
	}
	#help p{
		float:left;
	}
	#help strong{
		color:#333;
		font-size:30px;
		font-weight:bold;
		font-family:NanumSquare;
		margin:0 10px 0 0;
	}
	#help .btn_help{
		float:right;
	}
	#help .btn_help a:hover{
		color:#e50012;
		text-decoration:underline;
	}
	
	
	/*메인페이지 수정_2020427*/
	.main_top{ width:1280px; margin:0 auto; overflow:hidden; }
	.new_main_ban_box{ width:850px; float:left; }
	.new_quick_menu{ width:430px; float:left;}
	.news_cast_list span{ margin:0 15px 0 0; color:#999; }
	
	/*서브페이지 상단 메뉴*/
	#sub_top_menu{
		width:100%;
	}
		#sub_top_menu .sub_top_title{
			width:100%;
			height:200px;
			background-size:cover;	
		}
		#sub_top_menu .sub_top_title h2{
			width:100%;
			height:200px;
			text-align:center;
			line-height:200px;
			color:#fff;
			font-size:70px;
			font-family:NanumSquare;
			background:rgba(0,0,0,0.5);
		}
		#sub_top_menu #sub_top_title_1{
			background:url(../images/bg/sub_top_title_01.jpg) no-repeat center;
			background-size:cover;
		}
		#sub_top_menu #sub_top_title_1_1{
			background:url(../images/bg/sub_top_title_01_01.jpg) no-repeat center;
			background-size:cover;
		}
		#sub_top_menu #sub_top_title_dmax{
			background:url(../images/bg/sub_top_title_dmax.jpg) no-repeat center;
			background-size:cover;
		}
		#sub_top_menu #sub_top_title_2{
			background:url(../images/bg/sub_top_title_02.jpg) no-repeat center;
			background-size:cover;
		}
		#sub_top_menu #sub_top_title_3{
			background:url(../images/bg/sub_top_title_03.jpg) no-repeat center;
			background-size:cover;
		}
		#sub_top_menu #sub_top_title_4{
			background:url(../images/bg/sub_top_title_04.jpg) no-repeat center;
			background-size:cover;
		}
		#sub_top_menu #sub_top_title_5{
			background:url(../images/bg/sub_top_title_05.jpg) no-repeat center;
			background-size:cover;
		}
		#sub_top_menu #sub_top_title_6{
			background:url(../images/bg/sub_top_title_06.jpg) no-repeat center;
			background-size:cover;
		}
		
	#container_wrap{
		width:1280px;
		margin:100px auto;
		overflow:hidden;
	}
	
		#container_wrap #container_area{
			width:1280px;
			margin:10px 0 0 0;
		}
			#container_wrap #container_area h5{
				font-size:40px;
				font-family:NanumSquare;
				color:#333;
				text-align:center;
				margin:0 0 30px 0;
				line-height:130%;
				font-weight:bold;
			}
			#container_wrap #container_area>.img_box{
				margin:0 0 50px 0;
				text-align:center;
			}
			#container_wrap #container_area>.txt_area{
				font-size:18px;
				font-family:NanumSquare;
				line-height:180%;
				margin:0 0 50px 0;
			}
			#container_wrap #container_area .txt_area_center{
				font-size:18px;
				font-family:NanumSquare;
				line-height:180%;
				margin:0 0 50px 0;
				text-align:center;
			}
			#container_wrap #container_area .txt_area p{
				margin:0 0 20px 0;
			}
		
		#container_wrap #container_area #history_wrap ul li{
			font-size:18px;
			font-family:NanumSquare;
			line-height:180%;
			margin:0 0 80px 0;
		}
		#container_wrap #container_area #history_wrap ul li strong{
			font-size:24px;
			font-family:NanumSquare;
			color:#e50012;
			text-align:center;
			margin:0 20px 0 0;
			letter-spacing:-1px;
		}
		
		

			#history_wrap span{ position:absolute; right:0;   top:-35px;}
			#history_wrap span img{ border:1px #e50012 solid; }
			#history_wrap ul{ padding:50px 0 0 0;}
			#history_wrap ul li{ position:relative; }
			
			#history_wrap .line{ height:5px; border-top:1px #e50012 solid; display:inline-block; margin:0 0 0 20px; }
			.history_202111 .line{ width:800px; }
			.history_202107 .line{ width:800px; }
			.history_202106 .line{ width:900px; }
			.history_202008 .line{ width:760px; }
			.history_201709 .line{ width:650px; }
			.history_201411 .line{ width:780px; }
			.history_200112 .line{ width:760px; }
			.history_199002 .line{ width:600px; }
			.history_197909 .line{ width:910px; }
			.history_195908 .line{ width:920px; }
			.history_193808 .line{ width:650px; }
			.history_193603 .line{ width:680px; }
			.history_192212 .line{ width:540px; }

		
		
		/*맵*/
		#map{
			width:1280px;
			height:700px;
		}
		
		/*견적문의*/
		#container_wrap #container_area #dealer_box{
			overflow:hidden;
		}
			#container_wrap #container_area #dealer_box #dealer_map{
				width:450px;
				height:700px;
				border:1px #eee solid;
				float:left;
				margin:0 20px 0 0;
				position:relative;
				z-index:100;
			}
			
			#container_wrap #container_area #dealer_box #dealer_map .dealer_map_area{
				cursor:pointer;
				position:absolute;
				display:none;
			}
			#container_wrap #container_area #dealer_box #dealer_map .dealer_map_on_01{
				left:76px;
				top:78px;
			}
			#container_wrap #container_area #dealer_box #dealer_map .dealer_map_on_02{
				left:77px;
				top:167px;
			}
			#container_wrap #container_area #dealer_box #dealer_map .dealer_map_on_03{
				left:46px;
				top:233px;
			}
			#container_wrap #container_area #dealer_box #dealer_map .dealer_map_on_04{
				left:32px;
				top:375px;
			}
			#container_wrap #container_area #dealer_box #dealer_map .dealer_map_on_05{
				left:183px;
				top:237px;
			}
			#container_wrap #container_area #dealer_box #dealer_map .dealer_map_on_06{
				left:64px;
				top:615px;
			}
			#container_wrap #container_area #dealer_box #dealer_map .dealer_map_on_07{
				left:161px;
				top:32px;
			}
			
			#dealer_map .dealer_map_capital{
				left:76px;
				top:78px;
			}
			#dealer_map .dealer_map_chungcheong{
				left:46px;
				top:233px;
			}
			#dealer_map .dealer_map_jeolla{
				left:32px;
				top:375px;
			}
			#dealer_map .dealer_map_gyeongsang{
				left:183px;
				top:237px;
			}
			#dealer_map .dealer_map_jeju{
				left:64px;
				top:615px;
			}
			#dealer_map .dealer_map_gangwon{
				left:161px;
				top:32px;
			}
			
			
			
			#container_wrap #container_area #dealer_box #dealer_info{
				float:left;
				width:808px;
			}
			#container_wrap #container_area #dealer_box #dealer_info{
				font-size:14px;
			}
			
			#dealer_info h4{ font-size:18px; font-weight:bold; margin:5px 0 10px 0;}
			#container_wrap #container_area #dealer_box #dealer_info table{
				border-top:2px #e50012 solid;
				border-bottom:1px #ddd solid;
				width:808px;
				margin:0 0 50px 0;
			}
			#container_wrap #container_area #dealer_box #dealer_info table thead{
				background:#eee;
				font-weight:bold;
				font-size:14px;
				text-align:center;
				height:30px;
				border-bottom:1px #ddd solid;
			}
			#container_wrap #container_area #dealer_box #dealer_info table th,td{
				vertical-align:middle;
			}
			#container_wrap #container_area #dealer_box #dealer_info table tbody tr{
				border-bottom:1px #ccc dashed;
				height:100px;
			}
			#container_wrap #container_area #dealer_box #dealer_info table .area{
				width:140px;
				text-align:center;
			}
			#container_wrap #container_area #dealer_box #dealer_info table tbody .area{
				color:#999;
			}
			#container_wrap #container_area #dealer_box #dealer_info table .area strong{
				font-size:18px;
				font-weight:bold;
				font-family:NanumSquare;
				color:#e50012;
			}
			#container_wrap #container_area #dealer_box #dealer_info table .add{
				font-size:16px;
				line-height:150%;
			}
			#container_wrap #container_area #dealer_box #dealer_info table .add strong{
				font-size:22px;
				font-weight:bold;
				font-family:NanumSquare;
			}
			#container_wrap #container_area #dealer_box #dealer_info table .call{
				width:300px;
				text-align:center;
			}
			#container_wrap #container_area #dealer_box #dealer_info table .mail{
				width:180px;
			}
			#container_wrap #container_area #dealer_box #dealer_info table.service .add{
				width:300px;
				text-align:center;
			}
			
			#container_wrap #container_area #dealer_box #dealer_info table .call strong{
				font-size:26px;
				font-weight:bold;
				font-family:NanumSquare;
			}
			
			
			#container_wrap #container_area #dealer_box #dealer_info .dealer_info{
				display:none;
			}
				.dealer_info .btn_all{
					margin:0 0 20px 0;
					text-align:right;
				}
				.dealer_info .btn_all h6{
					float:left;
					font-size:24px;
					font-weight:bold;
					font-family:NanumSquare;
					color:#333;
					line-height:150%;
				}
				.dealer_info .btn_all a{
					display:inline-block;
					font-size:16px;
					font-weight:bold;
					text-align:center;
					width:100px;
					height:28px;
					line-height:28px;
					border:2px #e50012 solid;
					color:#e50012;
					border-radius:6px;
				}
			
		.view_map{
				position:fixed;
				width:100%;
				height:100%;
				background:rgba(0,0,0,0.7);
				top:0;
				left:0;
				z-index:9999999;
				display:none;
			}
			.view_map .outer{				
				display:table;
				width:100%;
				height:100%;
			}
			.view_map .inner{
				display:table-cell;
				vertical-align:middle;
				text-align:center;
			}
			.view_map .closed{
				position:fixed;
				right:20px;
				top:20px;
			}
			.view_map .map_area{
				width:800px;
				height:600px;
				margin:0 auto;
			}
			.view_map .add_box{
				background:#fff;
				width:800px;
				padding:10px 0;
				margin:0 auto;
				font-size:16px;
			}
			.view_map .add_box strong{
				font-size:18px;
				font-weight:bold;
				font-family:NanumSquare;
			}
			
		/*동영상*/
		.video_area{
			overflow:hidden;
			width:1280px;
		}
		.video_area h5{ padding:170px 0 0 0; }
		.video_area1 h5{ padding:10px 0 0 0; }
		.video_area .thumb_area{
				width:398px;
				margin:0 40px 20px 0;
				float:left;
			}
		.video_area .thumb_area:nth-child(3n){
				margin-right:0;
			}
		.video_area .thumb_area .img_area{
				width:398px;
				height:226px;
				
			}
		.video_area .thumb_area .txt_area{
				text-align:center;
				height:40px;
			}
			.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;
			}
			
		#container_wrap #container_area #download_area{
			width:1280px;
			overflow:hidden;
			margin:0 0 100px 0;
		}
			#container_wrap #container_area #download_area .model_box{
				width:365px;
				float:left;
				margin:0 21px 0 0;
			}
				#container_wrap #container_area #download_area .img_area{
					text-align:center;
				}
				#container_wrap #container_area #download_area .btn_catalogue{
					background:#e50012;
					color:#fff;
					font-weight:bold;
					font-size:18px;
					font-family:NanumSquare;
					height:30px;
					line-height:30px;
					text-align:center;
					margin:10px 0 0 0;
				}
				#container_wrap #container_area #download_area .btn_catalogue a{
					display:block;
				}
			
			.download_area{
				display:flex;
				flex-wrap:wrap;
				margin:0 0 100px 0;
			}
			.download_area .img_box{
				width:calc(100% / 3);
			}
			.download_area .download_box{
				width:calc(100% - (100% / 3));
			}
			
			.download_box{
				float:left;
				width:894px;
			}
			.download_box .tit{
				font-size:20px;
				font-family:NanumSquare;
				font-weight:bold;
				color:#333;
				margin:5px 0 15px 0;
			}
			.download_box ul{
				margin:0 0 50px 0;
				display:flex;
				flex-wrap:wrap;
			}			
			.download_box ul li{
				width:calc((100% - 20px) / 2);
				margin:0 20px 10px 0;
				padding:0 0 5px 0;
				border-bottom:1px #ddd dashed;
			}
			.download_box ul li:nth-child(2n){
				margin-right:0;
			}	
			.download_box_clos_3{
				background:#f2f2f2;
				padding:30px;
				margin:0 0 100px 0;
			}
			.download_box_clos_3 ul{
				display:flex;
				flex-wrap:wrap;
			}
			.download_box_clos_3 ul li{
				width:calc((100% - 85px) / 3);
				margin:0 20px 10px 0;
				padding:0 0 5px 15px;
				border-bottom:1px #ddd dashed;
				position:relative;
			}
			.download_box_clos_3 ul li:before{
				content:'■';
				display:block;
				position:absolute;
				font-size:8px;
				left:0;
			}
			.download_box_clos_3 ul li:nth-child(3n){
				margin-right:0;
			}
			.download_box ul li span{
				font-size:12px;
				color:#999;
			}
			.download_box ul li img{
				margin:0 0 0 5px;
			}	
						
						
			/*다운로드 페이지 수정_20200427*/
			.new_download_box{ float:left; width:894px; }
			.new_download_box .tit{ font-size:20px; font-family:NanumSquare; font-weight:bold; color:#333; margin:5px 0 30px 0; }
			.new_download_box li{ width:200px; height:210px; float:left; }
			.new_download_box li p{ text-align:center; margin:0 0 50px 0; }
			.new_download_box .book_box{ margin:0 0 10px 0; width:200px; height:150px; display:table-cell; vertical-align:middle; }
			.new_download_box .book_cover{ border:1px #f2f2f2 solid; box-shadow:2px 2px 5px rgba(0,0,0,0.2) }
			
			/* 특장차 제원 다운로드_2024.11.28 */
			
			.sv_box{
			}
			.sv_box ul{
				display:flex;
				flex-wrap:wrap;
				padding:20px 20px 5px 20px;
			}
			.sv_box ul:nth-child(even){
				background:#f2f2f2;
			}
			.sv_box ul li{							
				width:calc(100% / 3);
				margin-bottom:15px;
			}
			.sv_box ul li a:hover{
				text-decoration:underline;
			}
			.sv_box ul li img{
				margin-right:10px;
			}
			
		
		
		#container_wrap #container_area #services_center{
		}
			#container_wrap #container_area #services_center ul li{
				overflow:hidden;
				margin:0 0 20px 0;
				padding:0 0 20px 0;
				border-bottom:1px #ddd dashed;
				
			}
			#container_wrap #container_area #services_center ul li .tit_box{
				display:table;
				width:150px; 
				height:150px;
				background:#e50012;
				float:left;
				margin:0 50px 0 0;
			}
			#container_wrap #container_area #services_center ul li .tit_box .tit{
				font-weight:bold; 
				font-size:30px; 
				color:#fff; 
				text-align:center;
				line-height:130%;
				font-family:NanumSquare;
				display:table-cell;
				vertical-align:middle;			
			}
			#container_wrap #container_area #services_center ul li .txt_box{
				float:left;
				width:950px;
				line-height:130%;
				font-size:18px;
				font-family:NanumSquare;
				font-weight:bold;
				margin:15px 0 0 0;
			}
			#container_wrap #container_area #services_center ul li .txt_box strong{
				font-size:30px;
			}
			#container_wrap #container_area #services_center ul li .btn_box{
				float:left;
				width:130px;
				margin:60px 0 0 0;
			}
			#container_wrap #container_area #services_center ul li .btn_box a{
				display:inline-block;
				width:120px;
				height:30px;
				text-align:center;
				line-height:30px;
				border:3px #e50012 solid;
				border-radius:5px;
				color:#e50012;
				font-size:18px;
				font-family:NanumSquare;
				font-weight:bold;
			}
	
		#container_wrap #container_area .callcenter{
			font-size:50px;
			font-weight:bold;
			font-family:NanumSquare;
			color:#e50012;
			text-align:center;
			margin:0 0 20px 0;
		}
	
	/*공지사항*/
	#container_wrap .notice_table{		
	}
		#container_wrap .notice_table table{
			width:1280px;
			border-top:2px #e50012 solid;
			border-bottom:1px #ddd solid;
		}	
		#container_wrap .notice_table table thead{
			background:#eee;
			font-weight:bold;
			font-size:14px;
			text-align:center;
			height:30px;
			border-bottom:1px #ddd solid;
		}
		#container_wrap .notice_table table .num{
			width:100px;
			text-align:center;
			vertical-align:middle;
		}
		#container_wrap .notice_table table .tit{
			vertical-align:middle;
		}
		#container_wrap .notice_table table .name{
			width:100px;
			vertical-align:middle;
		}
		#container_wrap .notice_table table .date{
			width:100px;
			text-align:center;
			vertical-align:middle;
		}
		#container_wrap .notice_table table .file{
			width:100px;
			text-align:center;
			vertical-align:middle;
		}
		#container_wrap .notice_table table tbody{
			height:26px;
		}
		
		#container_wrap .notice_table table tbody tr{ border-bottom:1px #f3f3f3 solid; }
		#container_wrap .notice_table table tbody tr:last-child{ border-bottom:0; }
		
		#container_wrap .notice_table table tbody tr td{
			text-align:center;
			vertical-align:middle;
			height:35px;
		}
		#container_wrap .notice_table table tbody tr td.tit{
			text-align:left;
		}
		#container_wrap .notice_table table tbody tr td.tit a:hover{
			text-decoration:underline;
		}
		
		.view_table table{
			width:1280px;
			border-top:2px #e50012 solid;
			border-bottom:1px #ddd solid;
		}
		.view_table thead tr{
			height:30px;
			line-height:30px;
			border-bottom:1px #eee solid;
		}
		.view_table thead strong{
			color:#333;
		}
				
		.view_table .tit{
			width:100px;
			color:#999;
			text-align:center;
			font-size:12px;
		}
		.view_table thead .file{
			width:50px;
		}		
		.view_table tbody tr{
			border-bottom:1px #eee solid;
		}
		.view_table tbody tr td{
			padding:50px 50px 50px 100px;
			line-height:180%;
			font-size:13px;
		}
		.view_table tbody tr td p{
			margin:0 0 30px 0;
		}
		.view_table tbody td{
			text-align:center;
		}
		.view_table tbody tr td a:hover{
			text-decoration:underline;
		}
		.view_table tfoot tr{
			height:30px;
			border-bottom:1px #eee solid;
			line-height:30px;
		}
		.view_table tfoot span{
			color:#ccc;
		}
		.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 0 0 0;
		}
		.view_table .btn_list a{
			display:block;
			width:100%;
			height:100%;
		}
			
		.view_table section.notice_contents{ width:1080px; text-align:left; font-size:14px; word-break:keep-all; }	
		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; width:1080px; 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 10px;}
		section.notice_contents table th.num{ width:80px; }
		section.notice_contents table th.name{ width:550px; }
		section.notice_contents table td{ padding:10px; text-align:center; border:1px #ccc solid; font-size:18px; line-height:130%; }
		.view_table section.notice_contents a{ color:#e50012; text-decoration:underline; }
			
			
	/*보도자료*/
	#container_wrap .news_table{
	}
		#container_wrap .news_table table{
			width:1280px;
			border-top:2px #e50012 solid;
			border-bottom:1px #ddd solid;
		}
		#container_wrap .news_table table thead{
			background:#eee;
			font-weight:bold;
			font-size:14px;
			text-align:center;
			height:30px;
			border-bottom:1px #ddd solid;
		}
		#container_wrap .news_table table .num{
			width:100px;
			text-align:center;
			vertical-align:middle;
		}
		#container_wrap .news_table table .tit{
			vertical-align:middle;
		}
		#container_wrap .news_table table .newspaper{
			width:150px;
			text-align:center;
			vertical-align:middle;
		}
		#container_wrap .news_table table .date{
			width:200px;
			text-align:center;
			vertical-align:middle;
		}
		#container_wrap .news_table table tbody tr{
			border-bottom:1px #ddd dashed;
		}
		#container_wrap .news_table table tbody tr:last-child{
			border-bottom:0;
		}
		
		#container_wrap .news_table table tbody .tit{
			overflow:hidden;
			height:80px;
			padding:10px 0;
		}
		#container_wrap .news_table table tbody .tit .img_box{
			float:left;
			width:118px;
			margin:0 20px 0 0;
		}
		#container_wrap .news_table table tbody .tit .img_box img{
			width:118px;
			height:70px;
		}
		#container_wrap .news_table table tbody .tit .txt_box{
			float:left;
			margin:7px 0 0 0;
			width:680px;
		}
		#container_wrap .news_table table tbody .tit strong{
			font-size:16px;
			margin:0 0 5px 0;
			display:inline-block;
		}
		#container_wrap .news_table table tbody .tit a:hover{
			text-decoration:underline;
		}
		#container_wrap .paging{
			text-align:center;
			margin:20px 0 0 0;
		}
		#container_wrap .paging span{
			display:inline-block;
			width:25px;
			height:25px;
			text-align:center;
			line-height:25px;
			background:#e50012;
			color:#fff;
			font-weight:bold;
		}
		#container_wrap .paging a{
			display:inline-block;
			width:24px;
			height:24px;
			text-align:center;
			line-height:24px;
			border:1px #e50012 solid;
			color:#666;
		}
		
	/*갤러리*/	
	#container_wrap .gallery_thumb_area{
			width:1280px;
			margin:0 auto 100px auto;
			overflow:hidden;
		}
			#container_wrap .gallery_thumb_area ul li{
				width:252px;
				margin:0 5px 20px 0;
				float:left;
				overflow:hidden;
			}
			#container_wrap .gallery_thumb_area ul li:nth-child(5n){
				margin-right:0;
			}
			#container_wrap .gallery_thumb_area ul li .thumbnail_box
			{
				display:inline-block;
				width:250px;
				height:170px;
				border:1px #eee solid;
			}
			#container_wrap .gallery_thumb_area ul li span{
				display:inline-block;
				width:100%;
				text-align:center;
				font-size:14px;				
			}
		#container_wrap .gallery_thumb_area .thumbnail_view {
					position:fixed;
					width:100%;
					height:100%;
					background:rgba(0,0,0,0.7);
					top:0;
					left:0;
					z-index:9999999;
					display:none;
				}
				#container_wrap .gallery_thumb_area .thumbnail_view .outer{				
					display:table;
					width:100%;
					height:100%;
				}
				#container_wrap .gallery_thumb_area .thumbnail_view .inner{
					display:table-cell;
					vertical-align:middle;
					text-align:center;
				}
				#container_wrap .gallery_thumb_area .thumbnail_view .closed{
					position:fixed;
					right:20px;
					top:20px;
				}
				#container_wrap .thumbnail_view .btn_left{
					margin:0 5px 0 0;
				}
				#container_wrap .thumbnail_view .btn_right{
					margin:0 0 0 5px;
				}
			
			
			
			#container_wrap .gallery_thumb_area .thumbnail_view .outer{
				display:flex;
				justify-content:center;
				align-items:center;
				width:100%;
				height:100%;
			}
			#container_wrap .gallery_thumb_area .thumbnail_view .inner{
				display:flex;
				justify-content:center;
				align-items:center;
			}
			#container_wrap .gallery_thumb_area .thumbnail_view .gallery_contents{
				background:#fff;
				width:1000px;
				height:540px;
				display:flex;
				margin:0 15px;
			}
			#container_wrap .gallery_thumb_area .thumbnail_view .img_box{
				width:640px;
				background:#000;
			}
			#container_wrap .gallery_thumb_area .thumbnail_view .img_box img{
				object-fit:scale-down;
				width:100%;
				height:100%;
			}
			#container_wrap .gallery_thumb_area .thumbnail_view .txt_box{
				width:360px;
				padding:30px;
				box-sizing:border-box;
				text-align:left;
				position:relative;
			}
			#container_wrap .gallery_thumb_area .thumbnail_view .txt_box .tit{
				font-size:16px;
				font-weight:bold;
			}
			#container_wrap .gallery_thumb_area .thumbnail_view .txt_box .txt{
				margin:30px 0 0 0;
				line-height:200%;
			}
			#container_wrap .gallery_thumb_area .thumbnail_view .txt_box .sns_box{
				position:absolute;
				bottom:30px;
			}
			#container_wrap .gallery_thumb_area ul{
				display:flex;
				flex-wrap:wrap;
			}
			#container_wrap .gallery_thumb_area ul li{
				width:209px;
				height:209px;
				margin:0 5px 5px 0;
				cursor:pointer;
			}
			#container_wrap .gallery_thumb_area ul li img{
				object-fit:cover;
				width:100%;
				height:100%;
				transition:0.75s;
			}
			#container_wrap .gallery_thumb_area ul li img:hover{
				transform:scale(1.1);
				transition:0.75s;
			}
			#container_wrap .gallery_thumb_area ul li:nth-child(5n){
				margin:0 5px 5px 0;
			}
			#container_wrap .gallery_thumb_area ul li:nth-child(6n){
				margin-right:0;
			}
				
		
	
	/*제품상세페이지*/		
	#container_wrap #column_left{
		width:220px;
		float:left;
		margin:0 50px 0 0;
	}
	#container_wrap #column_left .side_menu{
		background:#eee;
		padding:20px 0 10px 0;
		font-size:18px;
		letter-spacing:-1px;
		color:#333;
		font-family:NanumSquare;
	}
	#container_wrap #column_left .side_menu li{
		line-height:130%;
		padding:0 20px;
		margin:0 0 30px 0;
	}
	#container_wrap #column_left .side_menu li:first-child{
		margin-top:20px;
	}
		#container_wrap #column_left .side_menu li.on{
			border-left:10px #e50012 solid;				
			font-weight:bold;
			padding-left:10px;
		}
	
	#container_wrap #column_left .btn_vr{
		background:#e50012;
		font-size:24px;
		letter-spacing:-1px;
		color:#fff;
		font-family:NanumSquare;
		text-align:center;
		font-weight:bold;
		margin:10px 0 0 0;
		cursor:pointer;
	}
	#container_wrap #column_left .btn_vr a{ display:inline-block; padding:20px 0; width:100%; }
	
		
	#container_wrap #column_right{
		width:1010px;
		float:right;
		margin:10px 0 0 0;
	}
		#container_wrap #column_right h5{
			font-size:30px;
			font-family:NanumSquare;
			color:#333;
			text-align:center;
			margin:0 0 30px 0;
			line-height:120%;
			font-weight:bold;
		}
		#container_wrap #column_right h5 span{ font-size:20px; font-weight:normal; }
		#container_wrap #column_right h5 img{ margin:20px 0;}
		#container_wrap #column_right .txt_area{
			font-size:18px;
			font-family:NanumSquare;
			text-align:center;
			line-height:180%;
			margin:20px 0 50px 0;
		}
		#container_wrap #column_right .txt_area_left{
			font-size:18px;
			font-family:NanumSquare;
			text-align:left;
			line-height:180%;
			margin:0 0 50px 0;
		}
		#container_wrap #column_right .txt_area_left p{ margin:0 0 30px 0; }
		#container_wrap #column_right .img_area{
			margin:0 0 50px 0;
			text-align:center;
		}
		
		#column_right .btn{margin:20px auto 50px auto; width:250px; text-align:center; padding:0px 20px; height:40px; line-height:40px; background:#e50012; color:#fff; font-size:16px; font-weight:bold;}
		#column_right .btn a{ display:inline-block; width:100%; height:40px; }
		
		#container_wrap #column_right .function_area_2{
			width:1010px;
			overflow:hidden;
		}
			#container_wrap #column_right .function_area_2 ul li{
				width:485px;
				margin:0 40px 40px 0;
				float:left;
			}
			#container_wrap #column_right .function_area_2 ul li:nth-child(2n){
				margin-right:0;
			}
			#container_wrap #column_right .function_area_2 ul li .img_area{
				border:1px #eee solid;
				width:483px;
				height:328px;	
				position:relative;
				margin-bottom:20px;			
			}
			#container_wrap #column_right .function_area_2 ul 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-size:17px;
				font-family:NanumSquare;
			}
			#container_wrap #column_right .function_area_2 ul li .txt_area{
				text-align:left;
			}
		#container_wrap #column_right .function_area_3{
			width:1010px;
			overflow:hidden;
			margin:0 0 50px 0;
		}
			#container_wrap #column_right .function_area_3 ul li{
				width:310px;
				margin:0 40px 40px 0;
				float:left;
			}
			#container_wrap #column_right .function_area_3 ul li:nth-child(3n){
				margin-right:0;
			}
			#container_wrap #column_right .function_area_3 ul li .img_area{
				border:1px #eee solid;
				width:308px;
				height:385px;	
				position:relative;
				margin-bottom:20px;			
			}
			#container_wrap #column_right .function_area_3 ul 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-size:18px;
				font-family:NanumSquare;
			}
		
		#container_wrap #column_right .thumb_area{
			width:1010px;
			margin:0 auto 100px auto;
			overflow:hidden;
		}
			#container_wrap #column_right .thumb_area ul li{
				width:249px;
				height:156px;
				border:1px #eee solid;
				margin:0 2px 2px 0;
				float:left;
				overflow:hidden;
			}
			#container_wrap #column_right .thumb_area ul li>a img{
				width:249px;
				height:156px;
			}
			#container_wrap #column_right .thumb_area ul li>a:hover img{
				width:261px;
				height:164px;
			}
			#container_wrap #column_right .thumb_area ul li:nth-child(4n){
				margin-right:0;
			}
			#container_wrap #column_right .thumb_area ul li>a{
				display:block;
				width:100%;
				height:100%;
				position:relative;
			}
			#container_wrap #column_right .thumb_area ul li span{
				background:rgba(0,0,0,0.6);
				color:#fff;
				width:100%;
				height:30px;
				line-height:30px;
				font-weight:bold;
				text-align:center;
				display:block;
				position:absolute;
				bottom:0;
				font-size:18px;
				font-family:NanumSquare;				
			}
		
			#container_wrap #column_right .thumb_area .thumbnail_view {
				position:fixed;
				width:100%;
				height:100%;
				background:rgba(0,0,0,0.7);
				top:0;
				left:0;
				z-index:9999999;
				display:none;
			}
			#container_wrap #column_right .thumb_area .thumbnail_view .outer{				
				display:table;
				width:100%;
				height:100%;
			}
			#container_wrap #column_right .thumb_area .thumbnail_view .inner{
				display:table-cell;
				vertical-align:middle;
				text-align:center;
			}
			#container_wrap #column_right .thumb_area .thumbnail_view .closed{
				position:fixed;
				right:20px;
				top:20px;
			}
			#container_wrap #column_right .thumb_area .thumbnail_view .img_box{
				
			}
			#container_wrap #column_right .thumb_area .thumbnail_view .img_box div{
				
			}
			#container_wrap #column_right .thumb_area .thumbnail_view .txt_box{
				background:#fff;
				font-size:14px;
				width:580px;
				padding:20px 10px;
				text-align:center;
				margin:0 auto;
			}
			#container_wrap #column_right .thumb_area .thumbnail_view .txt_box .tit{
				font-size:18px;
				color:#333;
				font-weight:bold;
				font-family:NanumSquare;
			}
		/*제원테이블*/
		.elf_data{
			margin:50px 0 0 0;
		}
			.elf_data table{
				text-align:center;
				vertical-align:middle;
				border-top:3px #e50012 solid;
				border-left:0;
				border-right:0;
				margin-bottom:50px;
			}
			.elf_data table:last-child{
				margin-bottom:0;
			}
				
			.elf_data caption{
				font-size:30px;
				line-height:30px;
				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:#f2f2f2;
				border:1px #ddd solid;
				color:#333;
				padding:10px 0;
			}
			.elf_data tr td{
				padding:10px 0;
				border-bottom:1px #ddd solid;
				border-right:1px #ddd solid;
				min-width:85px;
			}
			.elf_data tbody{				
				border-bottom:2px #e50012 solid;
			}
			.elf_data tfoot tr td{
				border:0;
				text-align:left;
			}
	
			
footer{
	position:relative;
	width:100%;
	height:450px;
	background:#333;
	color:#999;
}
	/*사이트맵*/		
	#sitemap{
		width:100%;
		background:#eee;
		height:300px;
	}
		#sitemap #sitemap_wrap{
			width:1280px;
			margin:0 auto;
			padding:80px 0;
			overflow:hidden;
		}
			#sitemap_wrap .menu{
				float:left;
				margin:0 60px 0 0;
				font-size:14px;
				color:#666;
			}
			#sitemap_wrap .menu h4{
				font-weight:bold;
				margin:0 0 10px 0;
			}
			#sitemap_wrap .menu a:hover{
				text-decoration:underline;
			}
			#sitemap_wrap .sns{
				margin:10px 0 0 0;
			}
			#sitemap_wrap .sns a{
				margin:0 5px 0 0;
			}
				
	#footer_wrap{
		width:1280px;
		margin:0 auto;
		padding:65px 0 0 0;
		overflow:hidden;
	}
	#footer_wrap .img_box{
		float:left;
	}
	#footer_wrap .copyright{
		float:left;
		margin:0 0 0 20px;
		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; }
.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:1240px; margin:50px 0 0 0;}
.search_box label{ font-size:14px; font-weight:bold; }
.search_box select{ margin:0 15px 0  0;  width:150px; height:30px; }
.search_box .input_text{ width:470px; height:24px; margin:0 10px 0 0; }
.search_box .input_submit{ background:#e50012; color:#fff; height:30px; font-size:16px; font-weight:bold; width:100px; border:0; }


/*헬스리포트*/
#container_wrap #column_right .health_report .txt_area_left { margin:100px 0 0 0; }
.health_report .txt_area_left strong{ font-size:24px; color:#333; }



.search_result{	margin:100px 0 0 0; }
.search_result .tit{ color:#333; margin:0 0 10px 0; font-size:18px; font-weight:bold; }
.search_result .sub{ text-align:right; color:#666; font-size:12px;}
.search_result table{
	width:1280px;
	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;
	line-height:30px;
	border-bottom:1px #ddd solid;
}
.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;
}


.repair_manual{ overflow:hidde; }
.repair_manual .img_box{ width:600px; margin:0 50px 0 0; float:left;}
.repair_manual .img_box img{ width:600px;}
.repair_manual .txt_box{ width:630px; float:left; 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:220px 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{ float:left; width:660px; padding:0 20px 0 0; }
.parts_manual_box .img_box{ float:left; width:600px; text-align:center; }
.parts_manual_box .img_box img{ max-width:600px; }

.parts_manual{ padding:100px 0 0 0; }
.parts_manual h5{ margin:0 0 100px 0; }
.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; }



.video_area_box{ margin:0 0 100px 0; }
.video_area_box ul{ overflow:hidden; }
.video_area_box li{ width:330px; float:left; margin:0 10px 0 0; }
.video_area_box li:last-child{ margin:0;}
.video_area_box li .tit{ padding:0 10px;  font-weight:bold;}
.video_area_box li .tit span{ float:right; color:#999; font-weight:normal; }


.cols_box{ margin:50px 0 ; }
.cols{ overflow:hidden; position:relative; }
.align_box{ position:absolute; width:505px;  margin:0 auto; top:50%; transform:translateY(-50%); z-index:1; }
.cols .part{ width:50%; float:left; height:290px; }
.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; }

.align_center{ text-align:center; }


.line_box{ border:1px #005BAC solid; padding:50px; position:relative; margin:100px  0; }
.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%; }
.line_box dt{ font-weight:bold; float:left; height:55px; width:80px; }
.line_box p{ margin:0 0 20px 0; }
.line_box .txt{ background:#fff; font-weight:bold; position:absolute; bottom:-6px; 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;  }
.line_box .img_box{ position:absolute; right:20px; top:20px; }
.line_box .img_box img{ width:300px; }
.line_box .img_box p{ text-align:center; }

.icon_box{ margin:50px 0; }
.icon_box ul li{ overflow:hidden; margin:0 0 10px 0;}
.icon_box ul li div{ float:left; }
.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:24px; line-height:150%;  }
.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{ overflow:hidden; }
.review_sel div{ float:left; width:500px; }
.review_sel div:first-child{ margin:0 10px 0 0; }

.review_thumb ul{ overflow:hidden; }
.review_thumb ul li{ float:left; margin:0 10px 10px 0; }
.review_thumb ul li:nth-child(3n){ margin-right:0; }

.review_nav{ margin:0 0 50px 0; }
.review_nav a:hover{ color:#e50012; text-decoration:underline; }
.review_top{ overflow:hidden; }
#container_wrap #column_right .review_top .txt_area{ float:left; width:460px; margin:0 50px 0 0; }
.review_top .img_area{ float:left; width:500px; }
#container_wrap #column_right .review_top .txt_area h5{ font-size:24px; text-align:left; }
.review_top .txt_area h5 span{ border-left:1px #ccc solid; color:#666; margin:0 0 0 10px; padding:0 0 0 10px; }
.review_top .txt_area .tit{ font-size:28px; text-align:left; line-height:130%; margin:0 0 20px 0; }
.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{ margin:0 0 30px 0; }
.review_bottom .txt_area .tit{ font-size:28px; text-align:left; line-height:130%; margin:0 0 20px 0; color:#e50012; }
.review_bottom .txt_area .sub{ text-align:left; word-break:keep-all; margin:0 0 50px 0; }
#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; }

.review_video{ margin:0 auto; }


.review_arrow{ margin:50px 0; }


.arrow_box {
	position: relative;
	background: #ffffff;
	border: 4px solid #ccc;
	width:400px; padding:20px 50px ;
	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;
}

/* 딜러정보 */
ul.tab{
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-size:16px;
}
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;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.dealer_list>li:nth-child(even){
	background:#f2f2f2
}
.dealer_list>li:last-child{
	border-bottom:0;
}
.dealer_info_box{	
	font-size:18px;
	line-height:150%;
}
.dealer_info_box .tit{	
	font-family:NanumSquare;
	font-size:30px;
	font-weight:bold;
	color:#333;
	margin:0 0 20px 0;
}
.dealer_member{
	display:flex;
	text-align:center;
}
.dealer_member li{
	margin:0 0 0 10px;
}
.dealer_member li img{
	border:1px #eee solid;
	border-radius:75px;
}
.dealer_member li .txt_box{
	margin:5px 0 0 0;
	font-weight:bold;
	font-size:16px;
	color:#333;
}
.dealer_member li .txt_box span{
	font-weight:normal;
	font-size:14px;
	color:#999;
	display:block;
	line-height:100%;
}
.dealerList_top{
	display:flex;
	margin:0 0 20px 0;
	justify-content: center;
}
.dealerList_top .img_box{
	padding:20px;
}
.dealerList_top .txt_box{
	padding:50px;
	background:#f2f2f2;
	border-radius:20px;
	margin:0 0 20px 20px;
	font-size:16px;
	line-height:180%;
	position: relative;
}
.dealerList_top .txt_box:before{
	content: "";
	position: absolute;
	left: -20px;
	top: 50%;
	margin:-50px 0 0 0;
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-right: 26px solid #f2f2f2;
	border-bottom: 13px solid transparent;
}
.dealerList_top .txt_box a{
	font-weight:bold;
	color:#e50012;
}
.dealerList_top .txt_box span{
	font-weight:bold;
	color:#e50012;
}
.dealer_new_list{
	display: flex;
	flex-wrap: wrap;
}
.dealer_new_list li{
	width:calc((100% - 40px) / 3);
	box-sizing: border-box;
	border: 1px #ccc solid;
	background: #fff;
	margin:20px 20px 0 0;
}

.dealer_new_list .img_box{
	height: 200px;
	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: 20px;
}
.dealer_new_list .txt_box .area span{
	display: inline-block;
	background: #e50012;
	border-radius: 50px;
	padding: 5px 15px;
	color: #fff;
	font-weight: bold;
}
.dealer_new_list .txt_box .dealer_name{
	font-size: 30px;
	font-weight: 900;
	color: #000;
	font-family:NanumSquare;
	margin: 10px 0 20px 0;
}
.dealer_new_list .txt_box .btn_more{
	text-align: right;
}
.dealer_new_list .txt_box .btn_more a:hover{
	text-decoration: underline;
	color: #e50012;
}
.dealerList_wrap{ 
	display:flex; 
}
.dealer_right{
	width:808px;
}
.dealer_right .dealer_new_list li:nth-child(3n){
	margin-right:0;
}
.dealer_right .dealer_new_list li.non_dealer{
	border:0;
	width:100%;
	text-align:center;
	font-size:20px;
	padding:50px 0 0 0;
	display:none;
}
.btn_dealerlist{
	text-align: right;
	margin: 0 0 10px 0;
}
.btn_dealerlist a{
	display: inline-block;
	background-color: #e50012;
	color:#fff;
	font-size: 14px;
	padding: 5px 10px;
	font-weight: bold;
}
.dealer_page_top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px 20px;
	margin: 0 0 20px 0;
	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: 45%;
}
.deler_intro .img_box img{
	width:100%;
	height: 100%;
	object-fit: cover;
}
.deler_intro .txt_box{
	width: calc(55% - 20px);
	margin: 0 0 0 20px;
	font-size: 16px;
	line-height: 150%;
	background: #f2f2f2;
	box-sizing: border-box;
	padding: 50px;
	position: relative;
	word-break: keep-all;
}
.deler_intro .txt_box .tit{
	font-style: italic;
	font-family: NanumSquare;
	font-size: 30px;
	line-height: 120%;
	font-weight: bold;
	color: #000;
}
.deler_intro .txt_box p{
	margin: 0 0 20px 0;
}
.deler_intro .txt_box p:last-child{
	margin: 0;
}
.deler_intro .txt_box p.dealer_name{
	position: absolute;
	bottom: 50px;
	right: 50px;
	font-size: 20px;
}
.deler_intro .sub_img_box{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	margin: 20px 0 0 0;
}
.deler_intro .sub_img_box li{
	width: calc(100% / 4);
	height: 200px;
	margin: 0 20px 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;	
	transition:0.75s;
}
.deler_intro .sub_img_box li>img:hover{
	transform:scale(1.1);
	transition:0.75s;
}

.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{
	font-size: 14px;
	color: #666;
	margin: 0 0 0 10px;
}
.dealer_review{
	margin: 0 0 100px 0;
}
.dealer_review_box li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px #ddd solid;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	height: 300px;
	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: 35%
}
.dealer_review_box .img_box img{
	width: 100%;
	height: 100%;
}
.dealer_review_box .txt_box{
	width: calc(65% - 50px);
	box-sizing: border-box;
	padding: 0 50px;
	line-height: 150%;
	font-size: 16px;
}
.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_review .dealer_video{
	margin:30px 0 0 0;
}


.dealer_interview{
	margin:0 0 50px 0;
}
.dealer_interview_box{
	display: flex;
	font-size: 16px;
	line-height: 130%;
}
.dealer_interview_box .img_box{
	margin: 0 30px 0 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;
}
.dealer_wrap .dealer_top .tit{
		font-size:60px;
		color:#333;
		line-height:130%;
		font-weight:bold;
		font-family:NanumSquare;
	}




/*가격표*/
.price_list{
	margin:0 0 100px 0;
}
.price_list:last-child{
	margin:0;
}
.price_list .product_table table{
	width:1280px;
	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%;
}
.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:252px;
	margin:0 5px 25px 0;
}
.price_list .product_list li:nth-child(5n){
	margin-right:0;
}
.price_list .product_list li .img_box{
	width:250px;
	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{
	text-align:left;
	line-height:150%;
}
.price_list .sub_txt a{
	color:#e50012;
}





/* 메인 및 제품페이지 리뉴얼 - 22.08.05 */

/* 헤더부분 */
header{
	width:100%;
	border-bottom:1px #eee solid;
	position:fixed;
	top:0;
	background:#fff;
	z-index:9999999;
}
header.hide{
	top:-50px;
	opacity:0;
	transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
header:hover{
	top:0;
	opacity:1;
	transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.top_bar{
	width:1280px;
	margin:0 auto;
	padding:5px 0;
	text-align:right;
	font-size:12px;
}
.top_menu{
	width:1280px;
	margin:10px auto 0 auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
	z-index:999;
	position:relative;
}
.top_menu h1 img{
	padding:0 0 20px 10px;
}
nav>ul{
	display:flex;			
}
nav ul>li{
	width:160px;
	justify-content:center;
	text-align:center;		
}
nav:hover .dep1:before{
	display:block;
	content:'';
	position:absolute;
	width:1280px;
	height:280px;
	background:rgba(255,255,255,0.99);
	top:64px;
	right:0;
}
.dep1 p{
	cursor:pointer;
	font-family:'Noto Sans KR', 'sans-serif';
	font-size:20px;	
	color:#333;		
	font-weight:600;
	height:63px;
	line-height:63px;
}
.dep2{
	position:absolute;
	padding:20px 0;
	height:240px;
	top:64px;
	display:none;
}
.dep2:hover{
	background:#f2f2f2;
}
.dep2 li{
	padding:10px 0 10px 40px;
	text-align:left;
	box-sizing:border-box;
}
.dep2 li a:hover{
	color:#e50012;
	text-decoration:underline;
}
.dep1>li:first-child p{
	margin-left:-20px;
}
.dep1>li:first-child .dep2 li{
	padding-left:35px;
}
.dep1>li:nth-child(4) p{
	margin-left:-20px;
}
.dep1>li:nth-child(4) .dep2 li{
	padding-left:50px;
}
.dep1>li:last-child .dep2 li{
	padding-left:30px;
}
.dep1 > li:hover > .dep2{
	background:#f2f2f2;
}
.dep1:hover .dep2{
	display:block;
}	
nav strong{
	color:#e50012;
}

/* 푸터부분 */
footer{ 
	background:#444;
	padding:50px 0;
	height:auto;
	color:#ddd;
}
.footer_wrap{
	width:1280px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-size:12px;
}
.footer_box .img_box{
	margin:0 0 20px 0;
}
.footer_box a{
	text-decoration:underline;
}
.footer_box .copyright{
	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 .sub{
	margin:0;
	color:#999;
}
.contactus{
	margin:0 0 10px 0;
}

/* 메인페이지 */
.main_top{
	display:flex;
	margin:0 auto 50px auto;
}
.main_ban_box{
	width:1130px;
	height:635px;
	float:none;
	margin:0 auto;
}
.main_banner img{
	width:100%;
	height:auto;
}
.quick_ban{
	width:150px;
	background:#f2f2f2;
}
.quick_ban li{		
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;	
	width:100%;
	height:158.75px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	font-family:NanumSquare;
	color:#333;
	box-sizing:border-box;
	border-bottom:1px #ddd solid;
}
quick_ban li:last-child{
	border:0;
}
.quick_ban li img{
	margin-bottom:10px;
	transform:scale(0.7);
}
.quick_ban li:hover img{
	transform:scale(0.8);
}
.products_quick{
	margin:0 auto 50px auto;
}

/* 메인 게시판 영역 */	
.section_cast{
	width:1280px;
	margin:0 auto 100px auto;
	display:flex;
	justify-content:space-between;
	font-size:16px;
}
.section_cast>div{
	width:calc((100% - 20px) / 2);
}
.section_cast .tit{
	border-bottom:3px #e50012 solid;
	font-size:26px;
	font-weight:bold;
	font-family:NanumSquare;
	padding-bottom:15px;
	color:#333;
	width:100%;
	margin:0 0 20px 0;
	box-sizing:border-box;
}
.news_cast{
	margin:0 0 50px 0;
}
.news_cast:last-child{
	margin:0;
}
.news_cast_list{
	padding:0 5px;
}
.news_cast_list li{
	margin:0 0 15px 0;
	position:relative;		
	display:flex;		
	justify-content:space-between;
}
.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 10px;
}
.news_cast_list a:hover{
	text-decoration:underline;
}
.news_cast_list a span{
	margin:0;
	font-size:14px;
}
.video_cast{
	display:flex;
	flex-wrap:wrap;
}
.video_cast_box{
	width:630px;
	height:354px;
}
.cast_con iframe{
	display:none;
}
.cast_con iframe:first-child{
	display:block;
}
.video_cast_tab{
	display:flex;
}
.video_cast_tab li{
	background:#f2f2f2;
	text-align:center;
	padding:10px 0;
	cursor:pointer;
}
.video_cast_tab li.on{
	background:#e50012;
	color:#fff;
	font-weight:bold;
}

/* 제품 바로가기*/
.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{
	display:flex;
	justify-content:space-between;
}
.products_quick .lineup li{
	width:calc((100% - 40px) / 3);
}
.products_quick .lineup .img_box{
	background:#e6e6e6;
	height:350px;
	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:400px solid #333;
	transform:translateX(-100%);
	transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.products_quick .lineup .img_box:hover:before{
	transform:translateX(-30%);
	transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.products_quick .lineup li:hover .img_box img{
	margin-top:-20px;
}
.products_quick .lineup .txt_box{
	margin:0 0 10px 0;
	text-align:center;
	font-size:26px;
	font-family:NanumSquare;
	line-height:130%;
	letter-spacing:-1px;
	background:#e6e6e6;
	padding:0 0 15px 0;
}

.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{ display:flex; }
.gallery_box .bx-wrapper{ width:800px; height:550px; margin:0 20px 0 0;  }	
.gallery_box .bx-wrapper img{ max-height:550px; }
.s_gallery{ width:800px; }
.s_gallery li{ margin:0 auto; text-align:center; height:550px; background:#f2f2f2; display:flex; align-items:center; justify-content:center; background:#f2f2f2; }
.gallery_pager{ width:460px; }
.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: center;
	margin-left: 700px;
}
.special-vehicle-gallery {
	width: 1280px;
	padding-bottom: 140px;
	overflow: hidden;
	margin: 0 auto;
	background-color: #f4f4f4; /* 로딩 전 배경 */
}

.gallery-tab-menu {
	display: flex;
	width: 1280px; /* 고정 너비 */
	margin: 0 auto;
	padding: 0;
	list-style: none;
	background-color: #333;
	font-size: 16px;
	color: #fff;
}

.gallery-tab {
	flex: 1 0 0%; /* 모든 탭 동일한 너비로 분배 */
	text-align: center;
	padding: 12px 0;
	cursor: pointer;
	white-space: nowrap;
}
.gallery-tab.active {
	background: #e50012;
	font-weight: bold;
}
.main-gallery-image {
	width: 100%;
	height: 720px; /* 고정 높이 */
	max-width: 1280px;

	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: 10px;
	overflow-x: auto;
	padding: 10px 0;
}

.thumb-box {
	width: 100px;
	height: 100px;
	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:30px;
	right:50px;
	z-index:100;
}
.float_menu li{		
	width:65px;
	height:65px;		
	border-radius:200px;
	cursor:pointer;
	text-align:center;
	margin:0 0 10px 0;		
	font-weight:bold;
	color:#666;
	background:#fff;
	border:3px #ccc solid;
	letter-spacing:-1px;
	line-height:140%;
}
.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{
	width:1280px;
	margin:0 auto;
}
.products_wrap section{
	margin-bottom:200px;
}
.products_wrap section:last-child{
	margin-bottom:0;
}
	
.products_wrap h1{
	font-size:40px;
	line-height:110%;
	font-family:NanumSquare;
	font-weight:bold;
	margin:0 30px 50px 0;
	color:#fff;
	word-break:keep-all;
	width:100%;
	box-sizing:border-box;
	padding:10px 10px 10px 20px;;
	background:#444;
}
.products_wrap h2{
	line-height:110%;
	font-size:36px;
	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;
}
.products_wrap h2:before{
	content:'';
	display:block;
	width:5px;
	height:36px;
	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:50px;		
}
.products_wrap .top_tit .tit_txt{
	background:#fff;
	padding:0;
	font-size:25px;
	margin-top:-20px;
}
.products_wrap .top_tit+.img_box{
	margin-bottom:150px;
}
.products_wrap .sec_tit{
	display:flex;
	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:20px;
	font-family:NanumSquare;
	line-height:130%;
	background:#f2f2f2;
	padding:30px;
	word-break:keep-all;		
	font-size:22px;		
	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{
	position:relative;
	width:100%;
	height:560px;
	margin-bottom:50px;
}
.products_wrap .img_txt .img_box{
	margin:0;
	position:absolute;
	height: 100%;
	width: 100%;
}
.products_wrap .img_txt .img_box img{		
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.products_wrap .img_txt .txt_box{
	position:absolute;
	padding:40px;
	margin:0;
	background:rgba(0,0,0,0.6);
	right:0;
	bottom:20px;
	color:#fff;
	width:500px;
}
.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;
	padding:50px;
	border:1px #005bac solid;
	font-size:16px;
}
.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{
	display:flex;
	flex-wrap:wrap;	
}

.thumbnail_list ul li{
	width:calc((100% - 20px) / 3);
	margin:0 10px 10px 0;
	border:1px #ddd solid;
	box-sizing:border-box;
}
.thumbnail_list .thumbnail_list_cols_2 li{
	width:calc((100% - 10px) / 2);
}
.thumbnail_list .thumbnail_list_cols_2 li:nth-child(2n){
	margin-right:0;
}
.thumbnail_list .thumbnail_list_cols_2 li:nth-child(3n){
	margin-right:10px;
}
.thumbnail_list .thumbnail_list_cols_2 .img_box{
	height:400px;
}
.thumbnail_list ul li:nth-child(3n){
	margin-right:0;
}
.thumbnail_list .img_box{
	margin:0;
	width:100%;
	height:300px;
}
.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:15px;
	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 .video_box{
	width:1280px;
	height:720px;
}
.video_area iframe{
	display:none;
}
.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;
}
.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;
}


.cols_2{
	display:flex;
	align-items:center;
}
.cols_2 div:first-child{
	margin-right:20px;
}

/* 서비스센터 */
.dealer_down{
	text-align:center;
	margin-top:10px;
}
.dealer_down a{
	display:inline-block;
	padding:15px 0;
	background:#f2f2f2;
	border:1px #ccc solid;
	color:#333;
	font-weight:bold;
	font-size:18px;
	border-radius:5px;
	box-sizing:border-box;
	width:100%
}
.dealer_down a img{
	width:20px;
	margin-right:5px;
}
.dealer_down a span{
	font-size:10px;
	color:#999;
	font-weight:nomal;
	margin-left:5px;
}


/**************************************************************/
/****************************리뉴얼****************************/
/**************************************************************/


/* dealer.asp */
.new_deler_intro{
	margin:0 0 30px 0;
}
.new_deler_intro .txt_box{
	color:#333;
	font-size:30px;
	font-family:NanumSquare;
	line-height:130%;
	word-break:keep-all;
}
.new_deler_intro .tit{
	font-weight:bold;
	font-size:60px;
	color:#333;
	line-height:130%;
	margin:0 0 10px 0;
}
.dealer_page_top{
	border:0;
	background:#f2f2f2;
	color:#333;
	padding:30px;
}
.dealer_info_box{
	font-family:NanumSquare;
	font-size:22px;
}
.dealer_gallery_box{
	margin:0 0 50px 0;
	padding:30px;
	background:#222;
	display:flex;
}
.new_dealer_gallery{
	width:1100px;
	height:645px;;
	margin:0 20px 0 0;
}
.new_dealer_gallery .slide_box{
	display:flex!important;
	justify-content:center;
	align-items:center;
	height:645px;;
}

.new_dealer_gallery img{
	max-height:645px;;
	max-width:1100px;
}
.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);
}
.dealer_gallery_nav{
	width:100px;
	height:645px;
	text-align:center;
	overflow:hidden;
}
.dealer_gallery_nav .slick-list{
}
.dealer_gallery_nav .slick-track{
	width:4185px!important;
}
.dealer_gallery_nav .slide_box{
	width:100px!important;
	height:100px!important;
	overflow:hidden;
	margin:3px 0;
}	
.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{
	position:absolute;
	left:10px;
	top:calc(50% - 9px);
	z-index:100;
}		
.dealer_g_arrow_next{
	position:absolute;
	right:10px;
	top:calc(50% - 9px);
	z-index:100;
}

.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%);
}

.dealer_video{
	margin:0 0 10px 0;
}

.dealer_info_box{
	border-bottom:1px #ddd solid;
	border-top:1px #ddd solid;
	color:#333;
	padding:20px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	font-size:22px;
	line-height:130%;
}
.dealer_info_box .dealer_info{
	line-height:150%;
}
.dealer_conts{
	margin:50px 0;
	padding:20px;
	background:#f2f2f2;
}
.dealer_conts .gallery_box{
	width:100%;
	height:350px;
}
.dealer_conts .intro_gallery{
	width:600px;
	position:relative;
	border-top-left-radius:50px;
	border-bottom-right-radius:50px;
	overflow:hidden;
}
.dealer_conts .intro_gallery img{
	max-width:600px;
	max-height:350px;
}
.dealer_conts .intro_gallery .slide_box{
	display:flex!important;
	justify-content:center;
	align-items:center;
}
.dealer_conts .intro_gallery_nav{
	width:100%;
	display:flex;
	justify-content:center;
	margin:20px 0 0 0;
}
.dealer_conts .intro_gallery_nav .slick-track{
	width:4185px!important;
}
.dealer_conts .intro_gallery_nav .slide_box{
	width:120px!important;
	height:80px;
	margin:0 10px 0 0;
	overflow:hidden;
}
.dealer_conts .intro_gallery_nav .slide_box img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:0.75s;
}
.dealer_conts .intro_gallery_nav .slide_box img:hover{
	transform:scale(1.1);
	transition:0.75s;
}
.intro_gallery_nav .slick-current{
	border:5px #e50012 solid!important;
	box-sizing:border-box;
	width:100px!important;
}
.dealer_conts .dealer_intro{
	width:600px;
	margin:0;
	color:#333;
	word-break:keep-all;
	font-family:NanumSquare;
	background:#f2f2f2;
	padding:20px 10px 20px 30px;
}
.dealer_conts .dealer_intro .tit{
	font-weight:bold;
	font-size:34px;
	line-height:130%;
	border-bottom:1px #ddd solid;
	padding:0 0 20px 0;
	color:#000;
}

.dealer_conts .dealer_intro .sub{
	font-size:20px;
	line-height:150%;
	margin:30px 0 0 0;
}
.dealer_intro span.underline{
	box-shadow:inset 0 -20px 0 #f3c100;
	font-weight:bold;
}
.dealer_gallery_box{
	display:block;
}
.new_dealer_gallery{
	width:1220px;
	height:715px;
	margin:0 0 10px 0;
}
.new_dealer_gallery img{
	max-width:1220px;
	max-height:715px;
}
.dealer_gallery_nav{
	width:100%;
	height:100px;
	display:flex!important;
	justify-content:center;
}
.dealer_gallery_nav .slide_box{
	margin:0 5px;
}
.new_dealer_gallery .slide_box{
	height:715px;
}

/* video.asp */

.recent_video_area {
	margin:0 0 100px 0;
}
.recent_video_area ul{
	display:flex;
	border-top:1px #ddd solid;
	border-bottom:1px #ddd solid;
	padding:20px 0;
	flex-wrap:wrap;
}
.recent_video_area ul li{
	width:calc((100% - 20px) / 3);
	margin:0 10px 0 0;
}
.recent_video_area ul li:nth-child(3n){
	margin-right:0;
}
.recent_video_area ul li .img_box{
	position:relative;
	width:100%;
	height:236px;
	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 0 0;
	font-size:16px;
}
.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;
	height:53px;
}
.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;
}
.new_video_area ul li{
	width:calc((100% - 40px) / 5);
	margin:0 10px 30px 0;
}
.new_video_area ul li:nth-child(5n){
	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%;
	height:140px;
	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 .tab{
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px #ddd solid;
}
.new_video_area .tab ul{
	display:flex;
	flex-wrap:nowrap;
}
.new_video_area .tab li{
	font-size:18px;
	font-weight:bold;
	font-family:NanumSquare;
	color:#333;
	box-sizing:border-box;
	margin:0 40px 0 0;
	cursor:pointer;
	width:auto;
	position:relative;
}
.new_video_area .tab li:nth-child(5){
	margin:0 40px 0 0;
}
.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;
}


/* 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: 50px;
        left: 60px;
        color: #fff;
		font-family:'Montserrat', sans-serif;
        font-size: 60px;
        font-weight: bold;
		line-height:120%;
		text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
    }
	.company_intro{
		margin:0 0 100px 0;
		font-family:NanumSquare;
		font-size:24px;
		line-height:180%;
		word-break:keep-all;
		color:#333;
	}
	.company_intro .txt{
		margin:0 0 50px 0;
	}
	.company_intro .txt:last-child{
		margin:0;
	}
	
	.form{
		display:flex;
		justify-content:space-between;
		text-align:center;
		margin:0 0 50px 0;
	}
	.form_row{
		width:400px;
		line-height:120%;
		justify-items:center;
	}
	.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{
		position: relative;
        display: inline-block;
	}
	.company_brand img{
		width:100%;
		height:auto;
		display:block;
	}
	.brand_counter{
		position: absolute;
        top: 30px;
        left: 45px;
		display:flex;
		font-weight:bold;
		color:#333;
		font-family:NanumSquare;
		font-size:18px;
		line-height:180%;
	}	
	.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;
	}
	.highlight{
		box-shadow:inset 0 -6px 0 #e50012;
		font-weight:bold;
	}
	
	
.brand_box{
	background:url(/images/contents/company/brand_map_2025.jpg) no-repeat;
	width:1280px;
	height:800px;
	box-sizing:border-box;
	padding:30px;
}
.brand_box ul{
	display:flex;
	font-weight:bold;
	color:#333;
	font-family:NanumSquare;
	font-size:18px;
	line-height:180%;
}
.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:40px; 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; width:1280px; }
.contents_wrap{ width:1280px; margin:0 auto; }
.esg_top{ background:#d9f6ff; width:100%; color:#333; }
.esg_top .contents_wrap{ display:flex; align-items:center; justify-content:space-between; background:url(/images/contents/esg/bg_top.jpg) no-repeat bottom right; }
.esg_top .img_box{ margin:30px 0; }
.esg_top .txt_box{ font-size:24px; font-family:NanumSquare;line-height:170%; }
.esg_list {
	margin-bottom:100px;
}
.esg_list ul{ 
	display:flex;
	flex-wrap:wrap;
	margin:100px 0 0 0;
}
.esg_list ul li{
	width:calc(100% / 3);
	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:30px;
	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:24px;
	color:#333;
	font-weight:bold;
}
.esg_roadmap .txt{
	text-align:right;
}
.esg_roadmap table{
	width:1217px;
	float:right;
}
.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:0 20px;
	height:126px;
}
.esg_roadmap td:first-child{
	text-align:center;
	font-weight:bold;
	font-size:18px;
	font-family:NanumSquare;
	color:#333;
	position:relative;
	width:550px;
}
.esg_roadmap td:first-child:before{
	display:block;
	position:absolute;
	content:'';
	width:123px;
	height:123px;
	border-radius:126px;
	left:-63px;
	top:0;
}
.esg_roadmap tr:first-child td:first-child:before{
	background:url(/images/contents/esg/ic_esg01.png) no-repeat center center #1197bc;
	background-size:70%;
}
.esg_roadmap tr:nth-child(2) td:first-child:before{
	background:url(/images/contents/esg/ic_esg02.png) no-repeat center center #1197bc;
	background-size:70%;
}
.esg_roadmap tr:nth-child(3) td:first-child:before{
	background:url(/images/contents/esg/ic_esg03.png) no-repeat center center #1197bc;
	background-size:60%;
}
.esg_roadmap tr:nth-child(4) td:first-child:before{
	background:url(/images/contents/esg/ic_esg04.png) no-repeat center center #1197bc;
	background-size:60%;
}
.esg_roadmap tr:last-child td:first-child:before{
	background:url(/images/contents/esg/ic_esg05.png) no-repeat center center #1197bc;
	background-size:60%;
}
.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{
	height:350px;
	background:url(/images/contents/esg/bg_footer.jpg) no-repeat;
	font-family:NanumSquare;
	font-size:40px;
	font-weight:bold;
	color:#fff;
	line-height:120%;
	display:flex;
	text-align:right;
	padding:50px;
	box-sizing:border-box;
	align-items:center;
	justify-content:flex-end;
	text-shadow:0 0 10px #333;
}



/* 서비스센터 - 24.07.23 */
	.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-bottom:36px;
		width:600px;
	}
	.btn_download a img{
		margin-right:10px; 
	}
	.btn_download span{
		font-size:12px;
		font-weight:nomal;
	}
	#dealer_box .txt_box{
		width:450px;
		margin-bottom:8px;
		text-align:center;
	}		
	#dealer_map .capital_area{
		left:76px;
		top:78px;
	}
	#dealer_map .chungcheong_area{
		left:46px;
		top:233px;
	}
	#dealer_map .jeolla_area{
		left:32px;
		top:375px;
	}
	#dealer_map .gyeongsang_area{
		left:183px;
		top:237px;
	}
	#dealer_map .jeju_area{
		left:64px;
		top:615px;
	}
	#dealer_map .gangwon_area{
		left:161px;
		top:32px;
	}
	.services_wrap{
		width:800px;
		float:right;
	}
	.services_area li{		
		font-size:16px;
		line-height:160%;
		color:#333;
		padding:20px;
		border-bottom:1px #ddd solid;
	}
	.services_area .ic_services{
		background:#e50012;
		width:56px;
		text-align:center;
		padding:5px 0;
		line-height:100%;
		letter-spacing:1px;
		color:#fff;
		border-radius:5px;
		font-size:14px;
		margin-right:24px;
	}
	.services_area .ic_direct{
		background:#f3aa0e;
	}	
	.services_area .ic_light{
		background:#f3740e;
	}
	.services_area .tit_box{
		display:flex;
		align-items:center;
		margin-bottom:10px;
	}
	.services_area .tit{
		color:#333;
		font-size:22px;
		font-weight:bold;
		margin-right:10px;
	}
	.services_area .info_box span{
		display:inline-block;
		width:80px;
		font-weight:normal;
		color:#666;
		font-size:14px;
	}
	.services_area .add .btn_map{
		border:1px #ccc solid;
		padding:3px 15px;
		margin-left:10px;
		font-size:14px;
		letter-spacing:1px;
	}
	.services_area .tel{
		font-weight:bold;
		font-size:18px;
	}





/* 하단 퀵 버튼 25.03.06 */
.quick_bottom_btn_box{
	width:300px;
	height:40px;
	box-sizing:border-box;
	border-radius:15px 15px 0 0;
	display:flex;
	justify-content:space-between;
	left: 50%;
	bottom: 0;
	position:fixed;
	background:#e50012;
	padding:5px 10px;
	font-size:14px;
	z-index:100;
	transform: translate(-50%, 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: translate(-50%, 0); /* 원래 위치로 이동 */
  }
.quick_bottom_btn_box .btn{
	width:calc(50% - 5px);
	box-sizing:border-box;
	color:#fff;
	padding:5px 0 0 0;
	text-align:center;
}
.quick_bottom_btn_box .btn span{
	display:inline-block;
	background:#fff;
	width:20px;
	height:20px;
	line-height:22px;
	font-family: NanumSquare;
	font-weight:900;
	text-align:center;
	border-radius:100px;
	color:#e50012;
	margin:0 5px 0 0;	
	font-size:12px;
	font-weight:bold;				
}
.quick_bottom_btn_box .btn_inquiry{
	font-weight:bold;
}