html {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
}

#fp_wrapper {
	width:100%;
	max-width:960px;
	min-width: 960px;
	position:relative;
	margin:0 auto;
	padding:0;
	border:0;
}

#fp_header {
	width:100%;
	min-width: 960px;
	position:relative;
	margin:0;
	padding:0;
	border:0;
	float:left;
}

#fp_top {
	width:960px;
	height: 289px;
	position:relative;
	margin:0 auto;
	padding:0;
	border:0;
	background-image:url('/images/parking_top.jpg');
	background-position:center;
	background-repeat:no-repeat;
}

#fp_middle {
	width:100%;
	position:relative;
	margin:0;
	padding:0;
	padding-top:35px;
	padding-bottom:35px;
	background-color:#e8edf7;
	float: left;
}

#fp_contents_wrapper {
	width:720px;
	position:relative;
	margin:0 auto;
}


#fp_contents {
	width:720px;
	min-height:460px;
	float:left;
	position:relative;
	margin:0;
	padding: 30px;
	border:1px solid #d9dfe9;
	background-color:#ffffff;
}

#fptitle {
    position: relative;
	text-align:center;
	line-height:34px;
}

#fptitle span {
	font-weight:bold;
	font-size:34px;
}

#contents_img {
	width: 729px;
	height: 319px;
	position:relative;
	margin:0;
	padding:0;
	border:0;
	float: left;
	background-color:#ffffff;
	background-image:url('/images/parking_info.jpg');
}

#fp_schedule {
	width: 100%;
	position:relative;
	margin:0;
	padding:0;
	border:0;
	float: left;
}

#fp_schedule2 {
	width: 100%;
	position:relative;
	margin:0;
	padding:0;
	border:0;
	float: left;
}

#contents_tab {
	width: 100%;
	position:relative;
	margin:0;
	padding:0;
	border:0;
	float: left;
	border-bottom:1px solid #0174b7;
}

.tab_list {
	margin: 0;
    padding: 0;
    list-style: none;
}

.tab_list li {
	padding: 0;
    margin: 0;
    list-style: none;
}

.tab_list li a, .tab_list li a:visited  {
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    background-repeat: no-repeat;
}

li.con_tab01on, li.con_tab01on a {
	width:150px;
	height:44px;
	background-image: url('/images/parking-tab01-on.gif');
}

li.con_tab02on, li.con_tab02on a {
	width:150px;
	height:44px;
	background-image: url('/images/parking-tab02-on.gif');
}

li.con_tab03on, li.con_tab03on a {
	width:150px;
	height:44px;
	background-image: url('/images/parking-tab03-on.gif');
}

li.con_tab01 {background-image: url('/images/parking-tab01-on.gif'); width:150px; height:44px;}
li.con_tab01 a {background-image: url('/images/parking-tab01-off.gif'); width:150px; height:44px; }
li.con_tab02 {background-image: url('/images/parking-tab02-on.gif'); width:150px; height:44px;}
li.con_tab02 a {background-image: url('/images/parking-tab02-off.gif'); width:150px; height:44px; }
li.con_tab03 {background-image: url('/images/parking-tab03-on.gif'); width:150px; height:44px;}
li.con_tab03 a {background-image: url('/images/parking-tab03-off.gif'); width:150px; height:44px; }


ul.tab_list li a:hover {background:none;}
.tab_list li {float:left;}
.tab_list:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}


.table_tag	{
	width: 100%;
	height: 22px;
	margin: 0;
	padding:0 0 10px 0;
	border:0;
	float: left;
}

.topspace {
	width: 100%;
	position:relative;
	margin:0;
	margin-top: 20px;
	padding:0;
	border:0;
	float: left;
	text-align: center;
}

.atable01 {
	width: 100%;
	border-collapse: collapse;
	border: 0;
	border-top: 2px solid #0174b7;
	border-bottom: 2px solid #0174b7;
}

.atable01 th {
	background-color: #ebebeb;
	padding: 3px;
	color: #535353;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #c6c6c6;
}

.atable01 td {
	background-color: #ffffff;
	padding: 3px;
	color: #000000;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	border: 1px solid #c6c6c6;
}

.atable01 td.tdalign {
	text-align: left;
}

/* 푸터영역 */
#footer_wrapper {
	width:100%;
	height: 119px;
	position:relative;
	margin:0;
	padding:0;
	border:0;
	float: left;
	background-image:url('/images/parking-footerbg.gif');
	background-repeat:repeat-x;
}

#footerarea {
	width:720px;
	height: 50px;
	position:relative;
	margin: 0 auto;
	margin-top: 20px;
	padding:0;
	border:0;
}

/****** 주차권 팝업 인쇄 ******/
#park_ticket {
	width:454px;
	min-height: 227px;
	position:relative;
	margin:0;
	padding:0;
	border:1px solid #666666;
	float: left;
}

#ticket_top {
	width:100%;
	height:30px;
	position:relative;
	margin:0;
	padding:0;
	border-bottom:1px solid #666666;
}

.ticket_num {
	height:20px;
	position:relative;
	margin:0;
	padding:5px 8px;
	background-color:#eceded;
	text-align: center;
	font-size:11px;
	display:block;
	float:left;
}

.ticket_text {
	height:20px;
	position:relative;
	margin:0;
	padding:5px 5px;
	text-align: center;
	font-size:11px;
	display:block;
	float:left;
}

#ticket_middle {
	width:434px;
	height:151px;
	position:relative;
	margin:0;
	padding:8px 10px;
	border:0;
	float: left;
	color:#666666;
	background-image: url('/images/park_ticket_back.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}

.ticket_info {
	position:relative;
	margin:0;
	padding:8px 0 8px 15px;
	border:0;
	border-top:1px solid #335c93;
	padding-top:8px;
}

.ticket_info li {
	font-size:11px;
	line-height:160%;
}

#ticket_bottom {
	width:100%;
	height:21px;
	position:relative;
	margin:0;
	padding:4px 0;
	border:0;
	float: left;
	color:#ffffff;
	font-size:12px;
	background-color:#4d627d;
	text-align:center;
}
/****** 티켓 여기까지 ******/


#open_agree {
	width: 680px;
	position:relative;
	margin:0;
	padding: 20px;
	border:0;
	float: left;
	background-color:#f3f2f2;
	border:1px solid #b3b3b3;
	margin-bottom:20px;
}

#open_agree p, #open_agree p b {
	margin: 0;
	padding:0;
	font-size: 12px;
}


#parking_tab {
	position:relative;
	float:left;
	width:100%;
	height:37px;
	border:0;
	margin:0;
	padding:0;
	border-bottom:1px solid #0174b7;
	margin-top:15px;
}

ul.parking_tablist {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.parking_tablist  li {display: inline;}

ul.parking_tablist  li a {
    float:left;
	margin-right: 1px;
    padding:10px 30px 10px 30px;
    text-decoration: none;
    transition: background-color .3s;
	font-size:16px;
	color:#0174b7;
	border: 1px solid #0174b7;
	background-color:#ecf0f5;
	border-radius:10px 10px 0 0;
	line-height:1;
}

ul.parking_tablist  li a.active {
	color:#0174b7;
}

ul.parking_tablist  li a:hover:not(.active) {
	color:#ecf0f5;
	background-color:#0174b7;
	border-radius:10px 10px 0 0;
}

ul.parking_tablist  li.tab_on a {
	color:#ecf0f5;
	background-color:#0174b7;
	border: 1px solid #0174b7;
	border-radius:10px 10px 0 0;
}


/* 720일 경우 */
@media screen and (max-width: 768px) {
	#fp_wrapper {
		width: 100%;
		max-width: 760px;
		min-width: 760px;
	}
	#fp_header {
		width: 100%;
		max-width: 760px;
		min-width: 760px;
	}
	#fp_top {
		width: 100%;
		min-width: 760px;
		max-width: 760px;
		min-height: 288px;
		background-image: url('/images/parking_top_760.	jpg');
		background-repeat: no-repeat;
		background-size:cover;
	}
	#fp_middle {
		width: 100%;
		max-width: 760px;
		min-width: 760px;
		background-color:#ffffff;
	}
	#fp_contents_wrapper {width: 100%; max-width:740px; min-width: 740px;}
	#fp_contents {
		width: 680px; border: 0;
	}

	#contents_img {
		width: 660px;
		height: 286px;
		background-image: url('/images/parking_info_760.jpg');
		background-repeat: no-repeat;
		margin-left:10px;
	}

	#open_agree {width: 640px;}
	#footer_wrapper {
		width: 100%;
		max-width: 760px;
		min-width: 760px;
	}

}


/* 480일 경우 */
@media screen and (max-width: 480px) {
	#fp_wrapper { width: 100%; max-width: 480px; min-width: 480px; }
	#fp_header { width: 100%; max-width: 480px; min-width: 480px; }
	#fp_top {
		width: 100%;
		max-width: 480px;
		min-width: 480px;
		min-height: 289px;
		background-image: url('/images/parking_top_480.jpg');
		background-repeat: no-repeat;
		background-size:cover;
	}
	#fp_middle {
		width: 100%;
		max-width: 480px;
		min-width: 480px;
		background-color:#ffffff;
	}
	#fp_contents_wrapper {width: 100%; min-width: 480px;}
	#fp_contents { width: 460px;	border: 0; padding:30px 10px;}

	#contents_img {
		width: 460px;
		height: 222px;
		background-image: url('/images/parking_info_480.jpg');
		background-repeat: no-repeat;
		background-position: center;
		margin-left:0;
		background-size:cover;
	}
	#footer_wrapper {
		width: 400px;
		max-width: 400px;
		min-width: 400px;
		height:150px;
		padding:20px 40px;
		background-color:#d6dce6;
	}
	#footerarea { width: 400px; height: auto; }
	#open_agree {width: 420px;}
}