@charset "utf-8";
/**
 * @File Name : main.css
 * @Description : Layout[main] | Contents[main]
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2018.10.15 | 문영신 | 최초 등록
 * 2018.10.19 | 문영신 | 요구반영. 결함개선. 고도화.
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2018.08.29
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* ◇◆ Layout[main] ◇◆◇◆◇◆◇◆◇◆ */


/* 배치.메인 20181018 */

body{
	background:url(../../img/main/mainbg1@2x.jpg) no-repeat;
	background-size:cover;
}

#wrap{}
	#wrap>.container{
		width:auto; /* ☆ */
		max-width:none;
		margin:0 20px;
	}
	#body{
		z-index:0; /* ☆ */
		position:relative;
		min-height:0; /* ☆ 배치 후 최종화면 확인! */
		margin:auto;
		padding:0;
		color:#555;
		line-height:1.375;
		overflow:hidden;
	}

/* #body */


/* ☆감춤 20181016 */
/* none ★☆ToEdit) 나중에 작업할거 ☆  */


/* ☆공용 20181016 */
/* none */
.init img{max-width:100%;} /* ☆ */


/* 김해문화관광 바로가기 */
#gn1{display:block;
	position:relative;
	text-align:right;
	margin:20px 0 0;
}
#gn1 a{}
#gn1 .ic1{display:inline-block;
	width:20px;height:30px;
	margin:0 3px 0 0;
	vertical-align:bottom;
	background:url(../../img/main/ic40balloon1.png) no-repeat;
}
#gn1 .t1{color:#fff;}

/* 타이틀*/
#title1{display:block;
	position:relative;
	text-align:center;
	margin:10% 0 0;
}
#title1 #logo1{margin:0 0 10px;}
#title1 #logo1>img{height:82px;}
#title1 .t1>img{height:34px;}



#menu1{display:block;
	position:relative;
	margin:7% 0;
	text-align:center;
}
#menu1 ul{display:block;
	box-sizing:border-box; /* ☆ */
}
#menu1 ul>li{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:33.333%;
	padding:0 0 33.333%;
	margin:0 -.25em 0 0;
	text-align:center;
	overflow:hidden;
}
#menu1 ul>li>a{display:block;
	position:absolute;left:5px;top:5px;right:5px;bottom:5px;
	border-radius:100%;
	overflow:hidden;
}
#menu1 ul>li>a:before{content:'';
	display:block;
	z-index:-1;
	position:absolute;left:0;top:0;right:0;bottom:0;
	width:100%;height:100%;
	background:#fffde3;
	opacity:.95;
}
#menu1 ul>li>a>.ic1{display:block;
	position:absolute;left:0;right:0;top:0;
	width:50%;height:50%;
	margin:15% auto 0;
	background:url() no-repeat;
}
#menu1 ul>li>a>.t1{display:block;
	margin:65% 0 0 0;
	font-size:100%;
	color:#000;
}
#menu1 ul>li.m1>a>.ic1{background-image:url(../../img/main/menu1p01@2x.png)}
#menu1 ul>li.m2>a>.ic1{background-image:url(../../img/main/menu1p02@2x.png)}
#menu1 ul>li.m3>a>.ic1{background-image:url(../../img/main/menu1p03@2x.png)}
#menu1 ul>li.m4>a>.ic1{background-image:url(../../img/main/menu1p04@2x.png)}
#menu1 ul>li.m5>a>.ic1{background-image:url(../../img/main/menu1p05@2x.png)}
#menu1 ul>li.m6>a>.ic1{background-image:url(../../img/main/menu1p06@2x.png)}

#menu2{display:block;
	position:relative;
	margin:10% 0 0;
}
#menu1 ul{display:block;
	box-sizing:border-box; /* ☆ */
	padding:0;margin:0;
	list-style:none;
}



#menu2 ul{margin:0 -5px;}
#menu2 ul>li{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:50%;
	margin:0 -.25em 0 0;
	text-align:center;
	overflow:hidden;
}
#menu2 ul>li>a{display:block;
	margin:0 5px;padding:15px 0;
	border-radius:5px;
	overflow:hidden;
	background:#000;
}
#menu2 ul>li>a>.t1{display:block;
	color:#fff;
}


#menu3{display:block;
	margin:10px 0 25%;
	background:#0045a0;
	border-radius:5px;
	text-align:center;
	overflow:hidden;
}
#menu3 a{display:block;
	padding:15px 0;
	color:#fff;
}


/* @-webkit-keyframes kfx1{} [CSS3]invalid)
 * [IE10+]
 */
@keyframes kfx1move1vertic1{
	0%{margin-bottom:40px;}
	50%{margin-bottom:60px;}
	100%{margin-bottom:40px;}
}
@keyframes kfx1move1vertic2{
	0%{transform: translateY(0);}
	50%{transform: translateY(2px);}
	100%{transform: translateY(0);}
}
@keyframes kfx1opacity1{
	0%{opacity:0;}
	100%{opacity:1;}
}