
.mm{width:100%; display:inline-block;}

/*버튼&이용절차*/
#mm3{margin-bottom:1%;}
.mmlink_btn{width:100%; background-size:cover !important; background-position:right !important; background-repeat:no-repeat !important;} 
.mmlink_btn_1{background:url(../images/main/btn_1_bg.jpg);}
.mmlink_btn_2{background:url(../images/main/btn_2_bg.png);}

.mmlk_tit{line-height:170%; font-size:17px;}
.mmlk_btn{background:#fff; border-radius:30px; color:#1b65b5; font-size:15px; height:46px; line-height:46px; display:inline-block; font-weight:bold; padding:0px 15px;}
.mmlk_btn_a{background:#fff; border-radius:30px; color:#1b65b5; font-size:15px; height:46px; line-height:46px; display:inline-block; font-weight:bold; padding:0px 15px;}

.mmlink_btn .tit{color:#4d5d62;}

.mmstep_box .tit{font-size:17px;}

#mm4{margin-bottom:1%;}
.mmstep_box{background:url(../images/main/main_stepbg.jpg); width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat;}
.mmstep_pd{padding:10px;}
.mmstep_list_1{box-sizing:border-box; display:inline-block; width:100%;}
.mmstep_list_1 li{/*width:22.75%;*/ width:16.6%; float:left; margin:0px auto; text-align:center; box-sizing:border-box;}
.mmstep_list_1 li.arr{width:3.5%;position:relative; top:100%;  height:100%; }
.mms_ico{max-width:78px; width:100%;}
.mmstep_box .st_arr{max-width:27px; width:100%; position:relative; margin-top:200%;  -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }

#mm5{margin-bottom:1%;}
#mm6{margin-bottom:1%;}
.mmstep_list_2{box-sizing:border-box; display:inline-block; width:100%;}
.mmstep_list_2 li{/*width:17.6%;*/ width:14.5%; float:left; margin:0px auto; text-align:center; box-sizing:border-box;}
.mmstep_list_2 li.arr{/*width:3%;*/ width:2.5%; position:relative; top:100%;  height:100%; }
.mmstep_list_2 .st_arr{max-width:27px; width:100%; position:relative; margin-top:250%;  -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }

.mmstep_list_1 .font_h4, .mmstep_list_2 .font_h4{font-size:14px;}

/*주차요금 안내*/
.pakmnbtn_area{box-sizing:border-box; width:100%; display:inline-block;}
.pakmnbtn_l{width:49.5%; box-sizing:border-box; margin-right:0.5%;}
.pakmnbtn_r{width:49.5%; box-sizing:border-box; margin-left:0.5%;}

/*26_추가*/
.pakmnbtn_area_b .mmlink_btn_1{background:#e7eef7 url(../images/common/bt_bgp.png) !important; background-repeat:no-repeat !important; background-position:50% 0% !important;
	background-size:cover !important;}
.pakmnbtn_area_b .mmlink_btn_2{background:#c9d3e0 url(../images/common/bt_bgp.png) !important; background-repeat:no-repeat !important; background-position:50% 0% !importantt;
	background-size:cover !important;}
.pakmnbtn_area_b .mmlk_btn{color:#fff; padding:0px 20px;}
.pakmnbtn_area_b .mmlink_btn_1 .mmlk_btn{background:#7995c1;}
.pakmnbtn_area_b .mmlink_btn_2 .mmlk_btn{background:#577397;}


/* Desktop Device : 480 이하 */
@media screen and (max-width:480px){



	#mm3,#mm4,#mm5,#mm6,#mm7,#mm8{margin-bottom:10px;}
	
	.mmlink_txtbox{padding:10px; text-align:Center;}
	.mmlink_txtbox h3{margin:0px;}
	.mmlk_btn{padding:0px 15%; max-width:178px; margin-top:10px;}
	
	.mmlk_btn_a{padding:0px 15%; max-width:178px; margin-top:10px;}


	.mmstep_list_1 li{/*width:43%;*/ width:28%; float:left; margin:0px auto; text-align:center; box-sizing:border-box; min-height:145px;}
	.mmstep_list_1 li.arr{width:5%;position:relative; top:100%;  height:100%; }
	
	.mmstep_list_2 li{/*width:43%;*/ width:28%; float:left; margin:0px auto; text-align:center; box-sizing:border-box; min-height:145px;}
	.mmstep_list_2 li.arr{width:5%;position:relative; top:100%;  height:100%; }
	
	.mmstep_box .st_arr{margin-top:300%;}
	
	/*주차요금 안내*/
	.pakmnbtn_l{width:100%; margin-right:0px; margin-bottom:10px;}
	.pakmnbtn_r{width:100%; box-sizing:border-box; margin-left:0px;}

	.pakmnbtn_area .mmlink_txtbox{padding:20px 10px;}
}


/* Desktop Device : 481 이상 768 이하 */
@media screen and (min-width:481px) and (max-width:768px){

	/*버튼*/
	.mmlink_btn{display:inline-block;}
	.mmlink_txtbox{padding:10px;}
	.mmstep_pd{padding:10px 10px 20px;}
	.mmlk_btn{float:right; line-height:35px; height:35px;}

	/*주차요금 안내*/
	.pakmnbtn_l{float:left;}
	.pakmnbtn_r{float:right;}

	.pakmnbtn_area .mmlink_txtbox{padding:10px 10px 20px;}

	/*26_추가*/
	.pakmnbtn_area_b .mmlk_btn{float:none;}

}


/* Desktop Device : 769 이상 프린트 사이즈 */
@media screen and (min-width:769px), only print{


	.mmlink_btn{height:200px; background-size:cover !important; background-position:right !important; background-repeat:no-repeat !important;} 
	.mmlink_txtbox{padding-top:20px; text-align:Center;}
	.mmlk_btn{padding:0px 15%; max-width:178px;}
	.mmlk_btn_a{padding:0px 15%; max-width:178px;}

	.mmstep_box{height:200px;}


	#mm3{width:26.5%; margin-right:1%; float:left;}
	#mm4{width:72.5%; float:left;}
	#mm5{width:26.5%; margin-right:1%; float:left;}
	#mm6{width:72.5%; float:left;}

	/*주차요금 안내*/
	.pakmnbtn_l{float:left;}
	.pakmnbtn_r{float:right;}

	/*26_추가*/
	.pakmnbtn_area_b .mmlink_btn{height:115px; /*height:175px;*/}

}

