/*메인배너*/
#mm1 {margin:0 auto; position: relative; /*width:auto;*/ width:100%; overflow:hidden;}
#mm1 .slide_arrbtn{position:absolute; z-index:50; width:100%;}
#slider-prev{float:left;}
#slider-next{float:right;}
#mm1 #biff_slide {margin:0 auto;}
					
#mm1 .bx-wrapper .bx-pager {
	text-align: center;
	/*font-size: .85em;
	font-family: Arial;
	font-weight: bold;*/
	color: #666;
	position:absolute;
	z-index:100;
	width:100%;
	/*top:65%;
	bottom:150px;*/
	bottom:115px;
}

#mm1 .bx-wrapper .bx-pager .bx-pager-item,
#mm1 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;

}

#mm1 .bx-wrapper .bx-pager.bx-default-pager a {
	color:#fff;
	text-indent: -9999px;
	margin: 0 1px;
	display:inline-block;
	background:url(../images/main/bx_of.png) no-repeat; overflow:hidden; width:25px; height:25px; text-align:center; line-height:25px;
}

#mm1 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#mm1 .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-position: 0 -30px;
	text-indent:0;
}
	
.bx-pager-item .bxbtn {color:#919191; padding:20px 15px; background:url(../images/main/m_roll.png) no-repeat;  background-size:24px; background-position:center; }
.bx-pager-item .active .bxbtn {background:url(../images/main/m_roll_on.png) no-repeat; background-size:24px;  background-position:center; padding:20px 15px;}

#mm1 .main_banner{width:100%; position:relative; box-sizing:border-box; height:100%; }
#mm1 .main_banner a:hover,active,focus{text-decoration:none;}
#mm1 .main_banner a:link{text-decoration:none;}
#mm1 .main_banner .mb_txtarea{position:absolute; right:0px;}
#mm1 .main_banner .mb_txtbox{background:url(../images/main/hpmain_txtboxbg.png); background-size:cover;}
#mm1 .main_banner .mb_tbpdbox{border:1px solid #fff;}

/*주차장 메뉴 설명*/
#mm2{background:url(../images/main/hpmain_bg_2.png); width:100%; background-position:center; background-size:cover; height:100%;}
#mm3{background:url(../images/main/hpmain_bg_3.png); width:100%; background-position:center; background-size:cover; height:100%;}

.mmappcnt_box .mmappcb_pd{padding:5% 0px;}
.mmapp_tit h2{font-size:25px;}
.mmapp_tit h2.yellow{color:#ffed76;}
.mmapp_cont{display:inline-block; width:100%; box-sizing:border-box; text-align:center;}
.mmapp_cont .mmapp_contleft{box-sizing:border-box;}
.mmapp_cont .mmapp_contright{box-sizing:border-box; }
.mmapp_cont_1 .mmapp_contleft{text-align:center;}
.mmapp_cont_1 .mmapp_contleft img{max-width:347px; width:100%;}
.mmapp_cont_1 .mmapp_contright{text-align:center;}
.mmapp_cont_1 .mmapp_contright img{max-width:507px; width:100%;}

.mmapp_cont_2 .mmapp_contleft{text-align:center;}
.mmapp_cont_2 .mmapp_contleft img{max-width:507px; width:100%;}
.mmapp_cont_2 .mmapp_contright{text-align:center;}
.mmapp_cont_2 .mmapp_contright img{max-width:347px; width:100%;}


/*데이터집계 및 공지사항 등*/
#mm4{background:url(../images/main/hpmain_bg_4.jpg); width:100%; height:100%; /*min-height:1000px;*/ background-position:center; background-size:cover; position:relative;}
#mm4 .bmac_dtlist{width:100%; display:inline-block; text-align:center;  box-sizing:border-box;}
#mm4 .bmac_dtlist li{text-align:center; color:#fff; padding-bottom:10px; box-sizing:border-box; float:left;}
#mm4 .dtbox{background:url(../images/main/hpdt_numbg.png); background-repeat:no-repeat; margin:0px auto; width:100%; height:100%; background-position:center; max-height:260px; max-width:260px; padding:21% 0px; background-size:100%;}

#mm4 .dtbox .dt_cate{font-size:18px; letter-spacing:-0.5px; line-height:180%;}
#mm4 .dtbox .dtnum{font-size:40px; /*color:#52b0f8;*/ color:#fff776; line-height:150%;}


#mm4 .notice_area{display:inline-block; width:100%;}

#mm4 .notice_box{background:#fff;position:relative;}
/*#mm4 .notice_bar{background:#dddddd url(/images/main_2019/noticebox_bar.png); background-repeat:no-repeat; height:2px; width:100%; position:absolute; top:0px;}*/
#mm4 .not_pd{padding:20px;}

#mm4 .notice_btn{display:inline-block; /*width:100%;*/ letter-spacing:-0.8px;}
#mm4 .notice_btn li{font-size:18px; color:#000; float:left; padding-right:15px;}
#mm4 .notice_btn li.on{background:url(/images/main_2019/notice_check.png) right; background-repeat:no-repeat; background-size:10px; color:#124387; font-weight:bold;}
#mm4 .notice_btn .not_bar{background:#ddd; width:2px; background-repeat:repeat-y; height:23px; padding:0px; margin:0px 20px 0px 10px;}

#mm4 .notice_box .morebtn{background:#124387; width:49px; height:46px; position:absolute; right:0px; top:0px; text-align:center; line-height:46px;}
#mm4 .notice_box .morebtn img{position:relative; top:12px;}


#mm4 .noticelist li{border-bottom:1px dotted #ddd; letter-spacing:-0.5px; padding:9px 5px;}
#mm4 .noticelist li a:link{text-decoration:none;}
#mm4 .noticelist table{table-layout:fixed;}
#mm4 .noticelist table td{padding:0px 10px;}
#mm4 .noticelist table .notice_tit{color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px;}
#mm4 .noticelist table .not_time{color:#666666; font-size:14px;}

#mm4 .noticelist table .q_ico{background:url(../images/main/gpfaq_icbg.png); background-repeat:repeat-x; color:#fff; line-height:26px; padding:5px 0px; text-align:center; background-position:center; font-weight:bold;}

.appdown_bgbox{background:url(../images/main/hpmain_appdownbg.png); background-repeat:repeat-x; position:relative; bottom:0px; width:100%; background-size:cover;}
.appdown_bgbox .mmappcb_pd{padding:5% 0px 2%;}

.appdown_box{display:inline-block; width:100%; box-sizing:border-box; padding:30px 0px; text-align:center;}
.appdownbox_dv{box-sizing:border-box; margin:0px auto; padding:0px 1%; text-align:center;}
.appdownbox_dv img{width:100%; max-width:364px;}


.main_yellow{color:#ffed76;}


/* Desktop Device : 480 이하 */
@media screen and (max-width:480px){
	
	.mmappcnt_box .mmappcb_pd{padding:45px 0px;}

	/*주차장 메뉴 설명*/
	#mm2{background-position:left; height:100%;}
	#mm3{background-position:center; height:100%;}
	
	.mmapp_cont .mmapp_contleft, .mmapp_cont .mmapp_contright{padding:0px 2%;  width:100%;}
	.mmapp_cont_1 .mmapp_contleft{margin-bottom:25px;}
	.mmapp_cont_1 .mmapp_contleft img{max-width:247px; width:100%;}
	.mmapp_cont_1 .mmapp_contright{}
	.mmapp_cont_1 .mmapp_contright img{max-width:317px; width:100%;}

	.mmapp_cont_2 .mmapp_contleft{margin-bottom:25px;}
	.mmapp_cont_2 .mmapp_contleft img{max-width:247px; width:100%;}
	.mmapp_cont_2 .mmapp_contright{}
	.mmapp_cont_2 .mmapp_contright img{max-width:317px; width:100%;}

	/*데이터집계 및 공지사항 등*/
	#mm4 .bmac_dtlist li{width:50%;}
	#mm4 .dtbox{max-height:180px; max-width:180px; padding:13.5% 0px; background-size:100%;}
	#mm4 .dtbox .dt_cate{font-size:18px;}
	#mm4 .dtbox .dtnum{font-size:30px;}

	#mm4 .notice_area{padding-top:34px;}
	#mm4 .noticearea_1{margin-bottom:20px;}

	#mm4 .noticelist{padding-top:9px;}
	#mm4 .noticelist li{padding:0px; line-height:39px;}

	.appdown_bgbox{background:url(../images/main/hpmain_appdownbg.png); background-size:cover;}
	.appdown_bgbox .mmappcb_pd{padding:45px 0px 20px;}


	.appdown_box{padding:30px 0px 0px;}
	.appdownbox_dv{width:100%; padding:0px 1% 20px; text-align:center; margin:0px auto;}
}


/* Desktop Device : 481~768 */
@media screen and (min-width:481px) and (max-width:768px){
	
	.mmappcnt_box .mmappcb_pd{padding:55px 0px;}

	
	/*주차장 메뉴 설명*/
	#mm2{background-position:left; height:100%;}
	#mm3{background-position:center; height:100%;}
	
	.mmapp_cont .mmapp_contleft, .mmapp_cont .mmapp_contright{padding:0px 1%;}
	.mmapp_cont_1 .mmapp_contleft{float:left; width:48%;}
	.mmapp_cont_1 .mmapp_contleft img{max-width:347px; width:100%;}
	.mmapp_cont_1 .mmapp_contright{float:right; width:52%; padding:10% 0px;}
	.mmapp_cont_1 .mmapp_contright img{max-width:507px; width:100%;}

	.mmapp_cont_2 .mmapp_contleft{float:left; width:52%; padding:10% 0px;}
	.mmapp_cont_2 .mmapp_contleft img{max-width:507px; width:100%;}
	.mmapp_cont_2 .mmapp_contright{float:right;  width:48%;}
	.mmapp_cont_2 .mmapp_contright img{max-width:347px; width:100%;}

	/*데이터집계 및 공지사항 등*/
	#mm4 .bmac_dtlist li{width:50%;}
	#mm4 .dtbox{max-height:210px; max-width:210px; padding:13.5% 0px; background-size:100%;}
	#mm4 .dtbox .dt_cate{font-size:18px;}
	#mm4 .dtbox .dtnum{font-size:35px;}

	#mm4 .notice_area{padding-top:34px;}
	#mm4 .noticearea_1{margin-bottom:20px;}

	#mm4 .noticelist{padding-top:9px;}
	#mm4 .noticelist li{padding:0px; line-height:39px;}

	.appdown_box{padding:30px 0px 0px;}
	.appdownbox_dv{width:50%; float:left; padding:0px 1% 20px; text-align:center; margin:0px auto;}
}

/* Desktop Device : 769 이상 또는 print 출력시*/
@media screen and (min-width:769px), only print{
	
	
	

	/*주차장 메뉴 설명*/
	#mm2{min-height:800px; background-position:center; height:100vh;}
	#mm3{min-height:800px; background-position:center; height:100vh;}
	
	.mmapp_cont .mmapp_contleft{width:49%;}
	.mmapp_cont .mmapp_contright{width:49%;}
	.mmapp_cont_1 .mmapp_contleft{float:left;}
	.mmapp_cont_1 .mmapp_contleft img{max-width:347px; width:100%;}
	.mmapp_cont_1 .mmapp_contright{float:right;}
	.mmapp_cont_1 .mmapp_contright img{max-width:507px; width:100%;}

	.mmapp_cont_2 .mmapp_contleft{float:left;}
	.mmapp_cont_2 .mmapp_contleft img{max-width:507px; width:100%;}
	.mmapp_cont_2 .mmapp_contright{float:right;}
	.mmapp_cont_2 .mmapp_contright img{max-width:347px; width:100%;}

	/*데이터집계 및 공지사항 등*/
	#mm4 .bmac_dtlist li{width:25%;}
	#mm4 .notice_area{padding-top:34px;}
	#mm4 .noticearea_1{width:49%; float:left;}
	#mm4 .noticearea_2{width:49%; float:right;}

	#mm4 .noticelist{padding-top:9px;}
	#mm4 .noticelist li{padding:0px; line-height:39px;}
	
	.appdown_box{margin-right:-2%; padding:30px 0px;}
	.appdownbox_dv{width:33.3%; display:inline-block; padding:0px 1%; /*float:left;*/ }


}


/* Desktop Device : 620 이하 */
@media screen and (max-width:620px){
	
	/*메인배너*/
	#mm1 #biff_slide {height:100%; margin:0 auto;}
	#mm1 .main_banner{height:100%; min-height:530px; }
	
	#mm1 .main_banner .mb_txtarea{top:42%; width:95%;}
	#mm1 .main_banner .mb_tbpd{padding:3% 0px 3% 3%;}
	#mm1 .main_banner .mb_tbpdbox{padding:2.5% 0px;}
	#mm1 .main_banner .mbtb_width{width:80%;}
	#mm1 .main_banner .mb_txtbox h1{font-size:25px; padding:1.5% 0px;}
	#mm1 .main_banner .mb_txtbox h2{padding:3% 0px; font-size:18px;}
}


/* Desktop Device : 621~1119 */
@media screen and (min-width:621px) and (max-width:1119px){
	
	/*메인배너*/
	#mm1 #biff_slide {height:100%; margin:0 auto;}
	#mm1 .main_banner{height:100%; min-height:630px; }
	
	#mm1 .main_banner .mb_txtarea{top:38%; width:70%;}
	#mm1 .main_banner .mb_tbpd{padding:3% 0px 3% 3%;}
	#mm1 .main_banner .mb_tbpdbox{padding:2.5% 0px;}
	#mm1 .main_banner .mbtb_width{width:67%;}
	#mm1 .main_banner .mb_txtbox h1{font-size:28px; padding:1.5% 0px;}
	#mm1 .main_banner .mb_txtbox h2{padding:3% 0px; font-size:22px;}
}

/* Desktop Device : 1120 이상 또는 print 출력시*/
@media screen and (min-width:1120px), only print{

	/*메인배너*/
	#mm1 #biff_slide {height:100vh; margin:0 auto;}
	#mm1 .main_banner{height:100vh; min-height:830px; }

	#mm1 .main_banner .mb_txtarea{top:45%; width:50%;}
	#mm1 .main_banner .mb_tbpd{padding:3.5% 0px 3.5% 3.5%;}
	#mm1 .main_banner .mb_tbpdbox{padding:2.5% 0px;}
	#mm1 .main_banner .mbtb_width{width:62%;}
	#mm1 .main_banner .mb_txtbox h1{font-size:35px; padding:2% 0px;}
	#mm1 .main_banner .mb_txtbox h2{padding:4% 0px; font-size:25px;}

}