@charset "utf-8";
@import url(common.css);
body{
	width:100%;
	height: 100%;
	font-family: "Open Sans","맑은 고딕","Malgun Gothic","나눔 고딕","Nanum Gothic","dotum";
}
html{height:100%;}
a{text-decoration:none;}


#wrap{
	width: 100%;
	height:100%;
}

/**** 공통 ****/
/* 헤더 */
#wrap #header{
	width:100%;
	background-color:rgba(0,0,0,0.3);
	height:50px;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}
#wrap .m_header{
	display:none;
}
#wrap #header .header_in{
	width: 80%;
	margin: 0 auto;
	position:relative;
}
#wrap #header .header_in li{
	width: 19%;
	line-height:50px;
}
#wrap #header .header_in li img{
	width:150px;
	margin-top:13px;
}
#wrap #header .header_in li a{
	font-size: 15px;
	display: inline-block;
	color:#ffffff;
}
#wrap #header .header_in li a.on{
	font-weight: bold;
	text-decoration:underline;
}
#wrap #header .header_in li a:hover{
	text-decoration: none;
	font-weight: bold;
}
/* 모바일 헤더 */
#wrap .drop_menu2{
	display: none;
}
#wrap .top_btn{
	display: none;
}
/* 헤더 끝 */

/* container */
#wrap #container{
	width:100%;
	z-index:3;
}
#wrap #container .img_silde{
	font-size: 15px;
	width:100%;
	min-height:100vh;
}
#wrap #container .img_silde img.main_img{
	width:100%;
	min-height:100vh;
}
.carousel-caption a.arrow{
	text-align:right;
	margin-top:10px;
	text-decoration:underline;
	cursor:pointer;
}
.carousel-caption a.arrow:hover{
	font-weight:bold;
}
.carousel-caption a.arrow span{
	width:40px;
	height:40px;
	border-radius:100%;
	background-color:rgba(255,255,255,0.7);
	display:inline-block;
	position:relative;
	vertical-align:middle;
	margin-left:10px;
}
.carousel-caption a.arrow span img{
	position:absolute;
	top:9px;
	left:17px;
	width:12px;
}
/* 네비게이션 */
#wrap #container .location{
	text-align: left;
	width:100%;
	background-color:#eeeeee;
	margin-top:50px;
}
#wrap #container .location ol > li > a > img{
	width: 16px;
	height: 16px;
}
#wrap #container .location ol li a:hover{
	text-decoration: none;
	cursor: pointer;
}
#wrap #container .content{
	width: 70%;
	height: 100%;
	margin: 0 auto;
}
/**** 공통 끝 ****/

/* 인사말 */
#wrap #container .greeting_cont{
	width:100%;
	height:600px;
	background:url(/homepage/1/images/greeting_bak.jpg) 0 0 no-repeat;
}
#wrap #container .content .aside .about{
	width:80%;
	font-size:25px;
	font-weight:bold;
	color:#ffffff;
}

#wrap #container .content .aside .about_txt{
	font-size:16px;
	margin-top:30px;
	color:#ffffff;
}

/* 비전 */
#wrap #container .vision_cont{
	width:100%;
	background-color:#ffffff;
}
#wrap #container .vision_cont::after{
	display:block;
	content:"";
	clear:both;
}
#wrap #container .vision_cont .vision_txt{
	width:100%;
}
.vision_txt h1{
	font-size: 35px;
    margin-bottom: 40px;
    color: #696969;
    text-align:left;
}
.vision_txt p{
	font-size:20px;
	margin-bottom:20px;
}
.vision_txt p.vision_tit{
	font-size:20px;
	font-weight:bold;
}
#wrap #container .vision_cont .vision_img{
	width:100%;
}
	.vision_img .vision1{
		width:100%;
		margin:100px 0 0 0;
	}
	.vision_img .vision1 li{
		text-align:center;
		border:5px solid #eeeeee;
		border-radius:5px;
		padding:30px 50px;
		width:fit-content;
		margin:0 auto;
	}
	.vision_img .vision1 li a{
		font-weight:bold;
		font-size:28px;
	}
	.vision_img .vision3{
		width:100%;
		margin-top:20px;
		position:relative;
	}
	.vision_img .vision3::after{
		clear:both;
		display:block;
		content:"";
	}
	.vision_img .vision3 li{
		width:33.3%;
		float:left;
		text-align:center;
		position:relative;
	}
	.vision_img .vision3 li a{
		display:block;
		width:100%;
		float:left;
		font-size:16px;
		font-weight:bold;
	}
	.vision_img .vision3 li a.vision_tit{
		margin-top:20px;
	}
	.vision_img .vision2{
		width:100%;
		height:150px;
		background:url(/homepage/1/images/line.png) center top no-repeat;
		background-size:67%;
	}
/* 비전 끝 */

/* 연혁 */
#wrap #container .history_cont{
	width:100%;
	background-color:#eeeeee;
	padding-bottom:50px;
	margin:50px 0;
}
.history_txt::after{
	clear:both;
	display:block;
	content:"";
}
.history_txt h1{
	font-size: 35px;
    margin-bottom: 80px;
    color: #696969;
    text-align:left;
}
.history_txt .history_in{
	width:100%;
}
.history_txt .history_in1,
.history_txt .history_in2{
	width:50%;
	float:left;
}
.history_txt .history_in::after{
	display:block;
	content:"";
	clear:both;
}
.history_txt ul{
	width:320px;
	margin:0 auto;
}
.history_txt ul li{
	width:100%;
}
.history_txt ul li.year{
	text-align:center;
	margin-bottom:40px;
	padding-bottom:10px;
	border-bottom:2px solid #004d82;
	width:100%;
}
.history_txt ul li.year a{
	font-size:40px;
	font-weight:500;
	width:100%;
}
.history_txt ul li::after{
	clear:both;
	display:block;
	content:"";
}
.history_txt ul li{
	margin-bottom:10px;
}
.history_txt ul li span{
	font-weight:bold;
	color:#0073cf;
	font-size:16px;
	width:15%;
	float:left;
	text-align:center;
}
.history_txt ul li a{
	font-size:16px;
	width:85%;
	float:left;
}
/* 연혁 끝 */

/* CI */
#wrap #container .ci_cont{
	width:100%;
	background-color:#ffffff;
	padding-bottom:50px;
	margin:50px 0;
}
.ci_wrap h1{
	font-size: 35px;
    margin-bottom: 80px;
    color: #696969;
    text-align:left;
}
.ci_wrap{
	width:100%;
}
.ci_wrap::after{
	display:block;
	content:"";
	clear:both;
}
.ci_wrap ul.ci_img{
	width:40%;
	float:left;
}
.ci_wrap ul.ci_txt{
	width:60%;
	float:left;
}
.ci_wrap ul.ci_txt{
	padding:30px;
	min-height:400px;
	height:auto;
}
.ci_wrap ul.ci_img::after{
	display:block;
	content:"";
	clear:both;
}
.ci_wrap ul.ci_img li.black{
	background-color:#eeeeee;
	width:100%;
	height:200px;
	float:left;
	text-align:center;
}
.ci_wrap ul.ci_img li.white{
	background-color:#3a3a3a;
	width:100%;
	height:200px;
	float:left;
	text-align:center;
}
.ci_wrap ul.ci_img li img{
	margin-top:80px;
}
.ci_wrap ul.ci_txt li{
	margin-bottom:20px;
}
.ci_wrap ul.ci_txt li:last-child{
	margin-bottom:0;
}
.ci_wrap ul.ci_txt li.color_tit a{
	font-weight:bold;
	font-size:16px;
	margin-top:10px;
}
.ci_wrap ul.ci_txt li a{
	font-size:20px;
	line-height:30px;
}
.ci_wrap ul.ci_txt li a span{
	font-weight:bold;
	color:#0073cf;
}

/* CI 끝 */

/* 오시는 길 */
.directions_cont{
	background-color:#f8f8f8;
}
.directions_wrap h1{
	font-size: 35px;
    margin-bottom: 80px;
    color: #696969;
    text-align:left;
}
#wrap #container .content .aside .directions_wrap .right_side{
	width:100%;
}
#wrap #container .content .aside .directions_wrap .right_side ul.contact_map::after{
	clear:both;content:"";display:block;
}
.directions_wrap .right_side ul.contact_map li{
	width:calc(50% - 5px);
	float:left;
	height:350px;
	background-color:gray;
}
.directions_wrap .right_side ul.contact_map li:first-child{
	margin-right:10px;
}
.directions_wrap .right_side .contact_info{
	width:100%;
	margin-top:50px;
}
.directions_wrap .right_side .contact_info ul{
	margin-bottom:20px;
}
.directions_wrap .right_side .contact_info ul::after{
	clear:both;content:"";display:block;
}
.directions_wrap .right_side .contact_info ul li.contact_tit{
	width:20%;
	float:left;
}
.directions_wrap .right_side .contact_info ul li.contact_tit a{
	font-size:16px;
	font-weight:bold;
	color:#000;
}
.directions_wrap .right_side .contact_info ul li.contact_cont{
	width:80%;
	float:left;
}
.directions_wrap .right_side .contact_info ul li.contact_cont a{
	font-size:16px;
	display:block;
	color:#696969;
}
/* 오시는 길 끝*/

/* 이야 솔루션 */
.machine_wrap h1{
	font-size: 35px;
    margin-bottom: 80px;
    color: #696969;
    text-align:left;
}
/* 이야 솔루션 끝*/

/* 이야 */
#wrap #container .iiyya_cont{
	width:100%;
	height:100vh;
	background:url(/homepage/1/images/iiyya_bak.jpg) 0 0 no-repeat;
	background-size:cover;
}
.iiyya_cont ul{
	width:100%;
}
.iiyya_cont ul.iiyya_txt li{
	text-align:center;
}
.iiyya_cont ul.iiyya_txt li a{
	font-size:30px;
	color:#ffffff;
	font-weight:bold;
}
.iiyya_cont ul.iiyya_txt2{
	margin-top:70px;
	position:relative;
}
.iiyya_cont ul.iiyya_txt2::after{
	display:block;
	content:"";
	clear:both;
}
.iiyya_cont ul.iiyya_txt2 li{
	width:50%;
	float:left;
	text-align:center;
	height:200px;
	position:relative;
	padding:10px;
	
}
.iiyya_cont ul.iiyya_txt2 li a.txt_box{
	display:block;
	margin-top:30px;
}
.iiyya_cont ul.iiyya_txt2 li a.box{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:200px;
	opacity:.5;
	border:1px solid #ffffff;
	border-right:none;
}
.iiyya_cont ul.iiyya_txt2 li a.box2,
.iiyya_cont ul.iiyya_txt2 li a.box4{
	border-right:1px solid #ffffff;
}
.iiyya_cont ul.iiyya_txt2 li a.box1,
.iiyya_cont ul.iiyya_txt2 li a.box2{
	border-bottom:none;
}
.iiyya_cont ul.iiyya_txt2 li.center_box{
	position:absolute;
	top:30%;
	left:43%;
	width:150px;
	height:150px;
	border-radius:100%;
	background:rgba(255,255,255,0.8);
}
.iiyya_cont ul.iiyya_txt2 li.center_box img{
	margin-top:50px;
}
.iiyya_cont ul.iiyya_txt2 li a{
	font-size:20px;
	color:#ffffff;
}
#wrap #container .content .aside .extinguishing_wrap:after{
	clear:both;display:block;content:"";
}
	.extinguishing_wrap .link{
		width:100%;
	}
	.extinguishing_wrap .link li{
		display:inline;
	}
	.extinguishing_wrap .iiyya_tab{
		width:100%;
	}
	.extinguishing_wrap .iiyya_tab a.iiyya_link{
		font-size:14px;
		text-decoration:underline;
		margin-bottom:10px;
		cursor:pointer;
	}
	.extinguishing_wrap .iiyya_tab a.iiyya_link:hover{
		color:#0073cf;
		font-weight:bold;
	}
	.extinguishing_wrap .iiyya_tab ul{
		margin-bottom:20px;
		border-bottom:1px solid #eeeeee;
		padding-bottom:10px;
	}
	.extinguishing_wrap .iiyya_tab ul::after{
		clear:both;display:block;content:"";
	}
		.extinguishing_wrap .iiyya_tab ul li{
			text-align:center;
			padding:0 15px;
			cursor:pointer;
			display:inline-block;
			width:95px;
			height:75px;
			position:relative;
		}
		.extinguishing_wrap .iiyya_tab ul li a{
			font-size:13px;
			position:absolute;
			bottom:0;
			left:0;
			width:100%;
			text-align:center;
		}
		.extinguishing_wrap .iiyya_tab ul li.on a{
			color:#0073cf;
			font-weight:bold;
		}
		.extinguishing_wrap .iiyya_tab ul li.food_tab{
			background:url(/homepage/1/images/food_icon.jpg) top center no-repeat;
		}
		.extinguishing_wrap .iiyya_tab ul li.food_tab.on{
			background:url(/homepage/1/images/food_icon_on.jpg) top center no-repeat;
		}
		.extinguishing_wrap .iiyya_tab ul li.lodge_tab{
			background:url(/homepage/1/images/lodge_icon.jpg) top center no-repeat;
		}
		.extinguishing_wrap .iiyya_tab ul li.lodge_tab.on{
			background:url(/homepage/1/images/lodge_icon_on.jpg) top center no-repeat;
		}
	.extinguishing_wrap .iiyya_food{
		width:100%;
	}
	.extinguishing_wrap .iiyya_food::after{
		display:block;
		clear:both;
		content:"";
	}
	.extinguishing_wrap .iiyya_food ul{
		width:calc(33.3% - 10px);
		height:100px;
		border:1px solid #eeeeee;
		float:left;
		margin-right:15px;
	}
	.extinguishing_wrap .iiyya_food ul:last-child{
		margin-right:0;
	}
	.extinguishing_wrap .iiyya_food ul li{
		width:100%;
	}
	
/* 이야 끝 */


#wrap #container .content .sidebar{
	width: 20%;
	height: 100%;
}
#wrap #container .content .sidebar h3{
	font-weight: bold;
	font-size: 18px;
	padding:10px 0 10px;
	border-bottom: 2px solid #6f6a6c;
}
#wrap #container .content .sidebar a:hover{
	text-decoration: none;
	font-weight: bold;
}
#wrap #container .content .sidebar ul{ }
#wrap #container .content .sidebar ul li{
	border-bottom: 1px solid #ddd;
	padding:10px 0 10px;
}
#wrap #container .content .sidebar ul li.on a{
	color:#fff;
	font-weight:bold;
}
#wrap #container .content .sidebar ul li.on{
	background-color:#005b98;
}

/* 푸터 */
#wrap #footer{
	background-color:#3a3a3a;
}
#wrap #footer li,
#wrap #footer a{
	color:#ffffff;
}
#wrap #footer::after{
	display:block;
	content:"";
	clear:both;
}
#wrap #footer .footer_logo{
	width:20%;	
	float:left;
}
#wrap #footer .footer_logo img{
	margin-top:20%;
}
#wrap #footer .company{
	width:60%;
	float:left;
}
#wrap #footer .company small{
	color:#999999;
}
#wrap #footer .family_site{
	width:20%;
	float:left;
}
#wrap #footer .company, 
#wrap #footer .family_site{
	margin-top: 30px;
	line-height: 15px;
}
#wrap #footer .footer_select{
	height:25px;
	border:1px solid #cccccc;
	background-color:#ffffff;
	cursor:pointer;
}
#wrap #footer .family_site a{
	padding:3px 5px;
	border:1px solid #cccccc;
	margin-right:10px;
	vertical-align:middle;
	font-weight:500;
}
#wrap #footer .family_site a:hover{
	font-weight:bold;
}
#wrap #footer .company p > small{
	color: #ddd;
}
#wrap #footer .company a:hover{
	text-decoration: none;
	font-weight: bold;
}
#wrap #footer .copyright{
	margin-top: 20px;
	color: #6f6a6c;
	margin-bottom: 20px;
}