@charset "euc-kr";
@import url("reset.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url("font.css");
@import url("layout.css");
@import url("subcommon.css");
@import url("subcommon3.css");

/* 주차 공지사항 리스트 */
.pnoticeTbl .col1{width:50px;}
.pnoticeTbl .col2{width:390px;}
.pnoticeTbl .col3{width:55px;}
.pnoticeTbl .col4{width:65px;}
.pnoticeTbl .col5{width:70px;}

.pnoticeTbl .pcol1{width:50px;}
.pnoticeTbl .pcol2{width:390px;}
.pnoticeTbl .pcol3{width:55px;}
.pnoticeTbl .pcol4{width:65px;}
.pnoticeTbl .pcol5{width:70px;}

/* 주차 공지사항 상세보기 */
.pnoticeviewTbl .col1 { width:75px; }
.pnoticeviewTbl .col2 { width:220px; }
.pnoticeviewTbl .col3 { width:75px; }
.pnoticeviewTbl .col4 { width:390px; }

.pnoticeviewTbl .ncol1 { width:75px; }
.pnoticeviewTbl .ncol2 { width:220px; }
.pnoticeviewTbl .ncol3 { width:75px; }
.pnoticeviewTbl .ncol4 { width:390px; }

/* 거주자 우선주차 시설현황 노상 */
.fpshopIs { padding:20px 0; }
.fpshopIs li { width:100%; padding:0 0 5px;}
.fpshopIs li h3 {color:#323439; padding-left:15px; background:url('/images/common/icon_blue.gif') no-repeat 0 50%; font:bold 14px "NGothic";}
.fpshopIs li p {font:12px "NGothic"; color:#4c4c4c; padding:5px 0 0 15px;}

.tblBox {border-top:2px solid #2a62d1;}
.fpshops{width:100%; margin-bottom:20px;}
.fpshops thead th{font:bold 12px "NGothic"; color:#000; background:#f5f5f5; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea; padding:10px;}
.fpshops thead th.fpLine{border-right:none;}
.fpshops tbody td{font:12px "NGothic"; color:#4c4c4c; padding:10px; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea; text-align:center;}
.fpshops tbody td.fpLine{border-right:none;}

.fpshops .col1{width:40px;}
.fpshops .col2{width:40px;}
.fpshops .col3{width:100px;}
.fpshops .col4{width:120px;}
.fpshops .col5{width:50px;}
.fpshops .col6{width:50px;}
.fpshops .col7{width:50px;}

.fpshops .fpcol1{width:40px;}
.fpshops .fpcol2{width:40px;}
.fpshops .fpcol3{width:100px;}
.fpshops .fpcol4{width:120px;}
.fpshops .fpcol5{width:50px;}
.fpshops .fpcol6{width:50px;}
.fpshops .fpcol7{width:50px;}

/* 거주자 우선주차 시설현황 노외 */
.fpshops1{width:100%; margin-bottom:20px;}
.fpshops1 thead th{font:bold 12px "NGothic"; color:#000; background:#f5f5f5; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea; padding:10px;}
.fpshops1 thead th.fpLine{border-right:none;}
.fpshops1 tbody td{font:12px "NGothic"; color:#4c4c4c; padding:10px; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea; text-align:center;}
.fpshops1 tbody td.fpLine{border-right:none;}

.fpshops1 .estibtn{ display:inline-block; width:57px; text-align:center; background:#efefef; border:1px solid #bbb; }

.fpshops1 .col1{width:40px;}
.fpshops1 .col2{width:40px;}
.fpshops1 .col3{width:110px;}
.fpshops1 .col4{width:140px;}
.fpshops1 .col5{width:50px;}
.fpshops1 .col6{width:50px;}
.fpshops1 .col7{width:50px;}
.fpshops1 .col8{width:75px;}

.fpshops1 .fpcol1{width:40px;}
.fpshops1 .fpcol2{width:40px;}
.fpshops1 .fpcol3{width:110px;}
.fpshops1 .fpcol4{width:140px;}
.fpshops1 .fpcol5{width:50px;}
.fpshops1 .fpcol6{width:50px;}
.fpshops1 .fpcol7{width:50px;}
.fpshops1 .fpcol8{width:75px;}

/* 거주자 우선주차 이용신청 및 요금납부*/
.blueH3 {color:#323439; padding-left:15px; background:url('/images/common/icon_blue.gif') no-repeat 0 50%; font:bold 14px "NGothic";}
.p1 {font:12px "NGothic"; color:#4c4c4c; padding:5px 0 0 15px;}
.p2{font:12px "NGothic"; color:#737373; padding:5px 0 30px 20px; line-height:160%;}
.p3{padding:5px 0 10px 30px;}
.p4{padding:5px 0 30px 30px;}
.p5{padding-bottom:30px;}

.parkingCharge{padding:31px 158px;background:#ededed; margin:10px 15px;}
.parkingSys{font:12px "NGothic"; color:#4c4c4c; background:url('/images/parking/btn_fpre1.gif') no-repeat; padding:11px 33px 12px 12px;}
.parkingSys span{color:#2a62d1;}
.parkingInternet{font:12px "NGothic"; color:#4c4c4c; background:url('/images/parking/btn_fpre2.gif') no-repeat; padding:11px 50px 12px 25px; margin-left:10px;}
.parkingInternet span{color:#2a62d1;}

/* 견인보관소 */
.tblBoxTo{border-top:2px solid #2a62d1; margin-top:10px;}
.towingnstorageTbl{width:100%; margin-bottom:40px;}
.towingnstorageTbl thead th{font:bold 12px "NGothic"; color:#000; background:#f5f5f5; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea; padding:10px;}
.towingnstorageTbl thead th.toLine{border-right:none;}
.towingnstorageTbl tbody td{font:12px "NGothic"; color:#4c4c4c; padding:10px; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea; text-align:center;}
.towingnstorageTbl tbody td.toLine{border-right:none;}

.towingnstorageTbl .col1{width:100px;}
.towingnstorageTbl .col2{width:85px;}
.towingnstorageTbl .col3{width:120px;}

.towingnstorageTbl .tcol1{width:100px;}
.towingnstorageTbl .tcol2{width:85px;}
.towingnstorageTbl .tcol3{width:120px;}

.toList{padding:10px 0; width:100%;}
.toList:after{content:""; display:block; clear:both;}
.toList li{float:left;}
.toList .first{padding-left:15px;}

.toP{font:12px "NGothic"; color:#4c4c4c; padding: 0 0 40px 20px; line-height:160%;}

.towingnstorage_map{padding:15px 0;}
.toP1{font:12px "NGothic"; color:#4c4c4c; padding-bottom:40px;}

/*노상,노외 주차장*/


.dataTblBoxTo.mgB50{ margin-bottom:50px;}

.rpinfo .col1{width:148px;}
.rpinfo .col2{width:109px;}
.rpinfo .col3{width:105px;}
.rpinfo .col4{width:106px;}
.rpinfo .col5{width:104px;}
.rpinfo .col6{width:104px;}
.rpinfo .col7{width:104px;}
.rpinfo .tcol1{width:148px;}
.rpinfo .tcol2{width:109px;}
.rpinfo .tcol3{width:105px;}
.rpinfo .tcol4{width:106px;}
.rpinfo .tcol5{width:104px;}
.rpinfo .tcol6{width:104px;}
.rpinfo .tcol7{width:104px;}
.rpinfo2 .col1{width:150px;}
.rpinfo2 .col2{width:105px;}
.rpinfo2 .col3{width:105px;}
.rpinfo2 .col4{width:106px;}
.rpinfo2 .col5{width:105px;}
.rpinfo2 .col6{width:105px;}
.rpinfo2 .col7{width:105px;}
.rpinfo2 .tcol1{width:150px;}
.rpinfo2 .tcol2{width:105px;}
.rpinfo2 .tcol3{width:105px;}
.rpinfo2 .tcol4{width:106px;}
.rpinfo2 .tcol5{width:105px;}
.rpinfo2 .tcol6{width:105px;}
.rpinfo2 .tcol7{width:105px;}





.p1.mgB50{margin-bottom:50px;}

.rpviewpay .tcol1{width:170px;}
.rpviewpay .tcol2{width:300px;}
.rpviewpay .tcol2{width:300px;}
.blueH3 .tx1{font-weight:100; font-size:12px;}

/*거주자 우선주차*/
.line_dot{ background:url(/images/common/line_dot.gif) repeat-x 0 10px; width:770px;}
.toImg1{background:url(/images/parking/fpinfo_01.gif) 0 0 no-repeat; width:177px; height:180px;/*margin-left:30px;*/}
.toImg2{background:url(/images/parking/fpinfo_02.gif) 0 0 no-repeat; width:182px; height:180px;}
.toImg3{background:url(/images/parking/fpinfo_03.gif) 0 0 no-repeat; width:183px; height:180px;}
.toImg4{background:url(/images/parking/fpinfo_04.gif) 0 0 no-repeat; width:175px; height:180px;}
.toImg1 .toTx,.toImg1 .toTit{ margin:0 0 0 -25px;}
.toImg2 .toTx,.toImg2 .toTit{ margin:0 0 0 -15px;}
.toTit{font-size:16px; font-weight:bold; text-align:center;padding-top:140px;}
.toTx{ text-align:center;}

.toList1{display:inline-flex; justify-content: center; padding:10px 0; width:100%; border-top:1px dotted #d7d7d7; margin:30px 0; text-align:center;}
.toList1:after{content:""; display:block; clear:both;}
.toList1 li{/*float:left;*/}
.toList1 .first{/*padding-left:15px;*/}

.btnList {display:inline-flex; justify-content: center; width:100%; border-bottom:1px dotted #d7d7d7; padding-bottom:30px;margin:20px auto 50px;}
.btnList:after { content:""; display:block; clear:both;}
.btnList li {/* float:left; */}
.btnList li:nth-child(1) {width:42.85%; max-width:330px;}
.btnList li:nth-child(2) {width:23.76%; max-width:183px;}
.btnList li:nth-child(3) {width:33.37%; max-width:257px;}


a.btnA_01 {width:113px;display:inline-block;height:28px;margin:10px 2px; line-height:28px; padding:0 18px 0 10px;background:url(/images/common/btnBgA_01.gif) 0 0 repeat-x; color:#000}
a.btnA_02 {width:63px;display:inline-block;height:28px;margin:10px 2px;line-height:28px; padding:0 18px 0 10px;background:url(/images/common/btnBgA_02.gif) 0 0 repeat-x; color:#000}
a.btnA_03 {width:143px;display:inline-block;height:28px;margin:10px 2px;line-height:28px; padding:0 18px 0 40px;background:url(/images/common/Downbtn.gif) 0 0 repeat-x; color:#000}
a.btnA_04 {width:61px;display:inline-block;height:28px;margin:5px 28px;line-height:28px; padding:0 0 0 40px;background:url(/images/common/Downbtn_short.gif) 0 0 repeat-x; color:#000}
a.btnA_05 {width:61px;display:inline-block;height:28px;margin:5px 10px;line-height:28px; padding:0 0 0 40px;background:url(/images/common/Downbtn_short.gif) 0 0 repeat-x; color:#000}

@media screen and (max-width: 770px){
	.btnList li a img {width:100%;}
	.btnList li:nth-child(1) {width:42.85%;}
	.btnList li:nth-child(2) {width:23.76%;}
	.btnList li:nth-child(3) {width:33.37%;}
}

@media screen and (max-width: 717px){
	.toImg1 {width:24.68%; background-size:91.53% auto;}
	.toImg2 {width:25.38%; background-size:100% auto;}
	.toImg3 {width:25.52%; background-size:100% auto;}
	.toImg4 {width:24.41%; background-size:100% auto;}
}

@media screen and (max-width: 640px){
	.toImg1, .toImg2, .toImg3, .toImg4 {height:160px;}
	.toTit {padding-top:120px; font-size:14px;}
	.toImg1 .toTx,.toImg1 .toTit{ margin:0;}
	.toImg2 .toTx,.toImg2 .toTit{ margin:0;}
}

@media screen and (max-width: 540px){
	.toImg1, .toImg2, .toImg3, .toImg4 {height:120px;}
	.toTit {font-size:13px; padding:80px 5px 0;}
	.toTx{ font-size:11px; }
}


/*거주자 우선주차 시행안내*/
.fpP:after{content:""; display:block; clear:both;}
.fpPic{float:left; padding-right:20px; padding-top:5px;}
.fpScript{font:12px "NGothic"; color:#4c4c4c; line-height:160%; padding-top:5px;}
.fpTxB{font-weight:bold;}

/*이용배정기준안내*/
.fpreTx, .fpvisitTx, .fplineTX, .fpwrongTx,.fpchagTx,.fpassTx{ line-height:160%;}
.fpassigninfo .tcol1{width:385px;}
.fpassigninfo .tcol2{width:385px;}

.fpassignbasis .tcol1{ width:150px;}
.fpassignbasis .tcol2{ width:350px;}
.fpassignbasis .tcol3{ width:40px;}
.fpassignbasis .tcol4{ width:230px;}

.fpcharge .tcol1{ width:150px;}
.fpcharge .tcol2{ width:100px;}
.fpcharge .tcol3{ width:80px;}
.fpcharge .tcol4{ width:120px;}
.fpcharge .tcol5{ width:150px;}
.fpcharge .tcol6{ width:150px;}

.fpcharge .tcol7{ width:192px;}
.fpcharge .tcol8{ width:193px;}
.fpcharge .tcol9{ width:192px;}
.fpcharge .tcol10{ width:193px;}

.fpcharge .tcol11{ width:255px;}
.fpcharge .tcol12{ width:255px;}
.fpcharge .tcol13{ width:257px;}

.txBlue{ color:#2a62d1; text-decoration:underline;}