#header {
	clear:both; 	
	width:100%;
	max-width:1280px;
	margin:0px auto;
}

#header01 {
    padding-top: 10px;
    padding-left: 30px;
    padding-bottom: 16px;
    height: 52px;
    width: 350px;
    float: left;
}

#header02 {
	padding-top:20px;
}


#iconList {
    clear: both;
    width:100%;
	padding-bottom:80px;
}

/*
#iconList img {
	margin:0px;
	padding:0px;
}
*/

#sword {
	width:234px; height:34px; border:0px; background:#ffffff; margin:0px; padding:0px;
}


#container {
	position:relative;
	clear:both;
	width:100%;
	min-height:calc(100vh - 81px);
	border-top:1px solid #888888;
}

#container01 {
    position:absolute;
	top:0;
	left:0;
    width: 345px;
    height:calc(100vh - 80px);
	border-right:1px solid #ddd;
	overflow-y:auto;
	background:#fff;
}

#container01 img {
	cursor:pointer;
}

#container01 li {
	font-size:13pt;
	font-family:'gothic', 'dotum';
	width:114px;
	text-align:center;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #898989;
	border-left:1px solid #898989;
	background:#393939;
	color:#ffffff;
	font-weight:bold;
	letter-spacing:-1px;
}


#container01 div ul li a {
	color:#ffffff;
}

#container02 {
    width: 100%;
    min-height:calc(100vh - 81px);
    padding-left: 345px;
}

#container02 .open-search{
	display:none;
	position:absolute;
	top:0;right:0;
	z-index:2;
	font-size:2rem;
	
}


@media screen and (min-width:1025px){
}
@media screen and (min-width:769px) and (max-width:1024px){
}

@media screen and (min-width:577px) and (max-width:768px){
}
@media screen and (max-width:768px){
	#container {
		min-height:calc(100vh - 95px);
	}
	
    
	#container01 {
		width: 300px;
		display:none;
		left:-300px;
		z-index:1000;
	}
	#container02 {
		min-height:calc(100vh - 95px);
		padding-left: 0px;
	}
	
	#container02 .open-search{
		display:inline-block;
		
	}


}


.foot{
	
	position:fixed;
	width:100%;	
	bottom:0;
	left:0;
	font-size:0.8rem;
	line-height:2.2rem;
	text-align:center;
	background:#dfdfdf;
	border-top:1px solid #cdcdcd;
	z-index:999999;
}
.subTitle {
    background: #2895d0;
    text-align: center;
    font-size: 12px;
    text-align: center;
    color: #fff;
    font-family: 'Nanum Gothic Bold', sans-serif;
    font-weight: 800;
    line-height: 25px;
}


.info_wrap {position: absolute;   z-index: 1100;width: 250px;  padding:0; margin-top:-90px; top:-75px; left:-150px; border:1px solid #dddddd; border-radius:8px;overflow:hidden;}
.info_wrap .info_close_btn{position:absolute;top:15%;right:8px;width:20px;cursor:pointer;}
.info_wrap .info_title  {position:relative;width:250px;height:55px;padding:0 20px;}
.info_wrap .info_title p {position: absolute;display:inline-block;width:200px;top:50%;left:50%;color:#fff;font-size:1.2em;word-break:break-all;word-wrap:wrap;white-space: normal;transform:translate(-50%,-50%);}
.info_wrap .bus_info{position:relative;text-align:center;padding:15px 5px;background:#ffffff;}


#ajaxLoading{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:999999;
	
}