@charset "utf-8";

/* CSS Document */
.pc_hidden{display: none;}
.pd_b7{padding-bottom:7px;}
.f_red{color:#f00000;}

/* ===== 검색 ===== */
/*.search_box{position:relative;top:0;left: 0;height: 40px;margin:10px 0;width:100%;color:#fff;display: block;z-index: 1;padding: 6px 0;box-sizing: border-box;}
.search_box .input_search{height: 28px;width: calc(100% - 51px);vertical-align: -1px;border: solid 1px #dcdcdc;border: solid 1px #f8f6f5;background: #e2e2e2;}
.search_box .btn_search{background: #aab3ba; color: #fff; padding: 3px 10px 5px 10px; height: 28px; border-radius: 4px;}
*/
/* ===== 검색 ===== */
.search_box{position:relative;top:0;left: 0;height: 40px;margin:10px 0;width:100%;color:#fff;display: block;z-index: 1;padding: 6px 0;box-sizing: border-box;}
.search_box .input_search{height:33px;width: calc(100% - 74px);border:1px solid #cdcdcd;vertical-align: top;box-sizing: border-box;}
.search_box .btn_search{vertical-align: top;color:#fff !important;display:inline-block;padding: 10px 10px 10px 30px;line-height: 1.0em;background:#3d5073 url(../images/icon_search.png) no-repeat 10px 8px;font-size:14px;height: 33px;box-sizing: border-box;margin-left: 5px;}
.search_box::after{content:''; clear: both; display: block;}

/* ===== 주차장리스트 ===== */
.parking_list{
    border-top: solid 1px #cccccc4f;
}
.parking_list>li{border-bottom: solid 1px #ccc;padding: 15px 0 50px 90px;min-height: 70px;position: relative;}
.parking_list .photo{width: 80px;height: 70px;position: absolute;left: 0;top: 15px;}
.parking_list .photo img{width: 100%; height: 100%;}

.parking_list .tit{font-size: 18px;font-weight: 600;padding: 5px 0;}
.parking_list .txt01{font-size: 11px;color: #848484;position: absolute;right: 0;top: 20px;}
.parking_list .txt02{font-size: 11px;color: #333;padding: 2px 0;}
.parking_list .txt03{font-size: 13px;padding: 3px 0;color: #333;}
.parking_list .a_wrap{text-align: center;background: #cccccc24;border: solid 1px #e2e2e2;border-left: none;border-right: none;padding: 11px 0;position: absolute;width: 100%;height: 40px;box-sizing: border-box;left: 0;bottom: 0;}
.parking_list .atn01,
.parking_list .atn02{padding:2px 10px; width: 40%; display: inline-block;}
.parking_list .atn02{border-left: solid 1px #e2e2e2;}


/* ===== 개인정보동의 ===== */
.piagree_area{padding: 10px 0;}
.piagree_area .agree_txt_box01{height:120px; width:100%; box-sizing: border-box; padding-top:30px; border:1px solid #cccccc; background: #f8f8f8; font-size: 18px; font-weight: 600; text-align: center; color: #292c2f; line-height: 1.5em;}
.piagree_area .agree_txt_box01 .ft_16px{font-size: 16px;font-weight: 500;padding: 0 0 15px 0;text-align: center;}

.piagree_area .agree_txt_box02{height:200px; width:100%; box-sizing: border-box; padding:10px; border:1px solid #cccccc; background: #f8f8f8; /* overflow:hidden; overflow-y:scroll;  */font-size: 15px; font-family:'나눔스퀘어',NanumSquare; color: #5c5c5c; line-height: 1.5em;}
.piagree_area .agree_txt_box02 textarea{width: 100%; height: 100%; padding:10px 15px; border:none; background: #f8f8f8; color: #5c5c5c; resize: none; box-sizing: border-box; font-size: 15px; font-family:'나눔스퀘어',NanumSquare;}

.piagree_area .agree_txt{padding-top:20px; font-size: 15px; line-height: 1.1em; color: #292c2f;}
.piagree_area .agree_txt:after{content:''; clear: both; display: block;}
.piagree_area .agree_txt_box03{width:100%; box-sizing: border-box; padding:40px; border:1px solid #cccccc; background: #f8f8f8; font-size: 18px; font-weight: 600; text-align: center; color: #292c2f; line-height: 2.0em;}
.piagree_area .agree_txt_box03 span.txt_s{font-size: 14px; color:#757575; font-family:'나눔바른고딕',NanumBarunGothic;}
.piagree_area .agree_txt_box03 hr {border-top:1px solid #cccccc; border-bottom:0px solid #cccccc;}
.piagree_area .agree_txt_box04{width:100%; box-sizing: border-box; padding:40px; border:1px solid #cccccc; background: #fff; font-size: 24px; font-weight: 600; text-align: center; color: #292c2f; line-height: 2.0em;}
.piagree_area .agree_txt_box04 span{font-size: 30px; color:#449197;}
.piagree_area .agree_txt_box04 span.sm{font-size: 20px; color:#000;}
.piagree_area .tb p {display:block; font-weight:400; line-height:18px; font-size:16px; background:#eff5f5; text-align:center; border:0px solid #cdcdcd; width: 50%; float: left; padding:20px; font-size:16px; line-height:22px; font-weight:400; background:#f4f4f4; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd; text-align:center; box-sizing: border-box;}
.piagree_area .tb p + p {border-right:1px solid #cdcdcd;}
.piagree_area .tb:after{display:block;clear: both;content: '';}

.piagree_area .agree_txt_box05{height:auto; width:100%; box-sizing: border-box; padding:30px 10px; border:1px solid #cccccc; background: #f8f8f8; font-size: 18px; font-weight: 600; text-align: center; color: #292c2f; line-height: 1.5em;}
.piagree_area .agree_txt_box05 .ft_16px{font-size: 16px;font-weight: 500;padding: 0;text-align: center;}

.piagree_area .agree_photo_box01{height:auto; min-height:200px; width:100%; box-sizing: border-box; padding:30px 10px; border:1px solid #cccccc; background: #f8f8f8; font-size: 18px; font-weight: 600; text-align: center; color: #292c2f; line-height: 1.5em;}
.piagree_area .agree_photo_box01 img{width: 100%;max-width: 400px;}

.piagree_state_bar{position:relative;padding:0; margin:40px 0 10px 0; box-sizing: border-box;}
.piagree_state_bar.st01_on{background: url(../images/piagree_state_bar01.png) 0 0 no-repeat; background-size: 100% 100%;}
.piagree_state_bar.st01_on .st01, .piagree_state_bar.st01_on .st01 a, .piagree_state_bar.st01_on .st01 .num{color:#fff;}
.piagree_state_bar.st02_on{background: url(../images/piagree_state_bar02.png) 0 0 no-repeat; background-size: 100% 100%;}
.piagree_state_bar.st02_on .st02, .piagree_state_bar.st02_on .st02 a, .piagree_state_bar.st02_on .st02 .num{color:#fff;}
.piagree_state_bar.st03_on{background: url(../images/piagree_state_bar03.png) 0 0 no-repeat; background-size: 100% 100%;}
.piagree_state_bar.st03_on .st03, .piagree_state_bar.st03_on .st03 a, .piagree_state_bar.st03_on .st03 .num{color:#fff;}
.piagree_state_bar.st04_on{background: url(../images/piagree_state_bar04.png) 0 0 no-repeat; background-size: 100% 100%;}
.piagree_state_bar.st04_on .st04, .piagree_state_bar.st04_on .st04 a, .piagree_state_bar.st04_on .st04 .num{color:#fff;}
.piagree_state_bar.st05_on{background: url(../images/piagree_state_bar05.png) 0 0 no-repeat; background-size: 100% 100%;}
.piagree_state_bar.st05_on .st05, .piagree_state_bar.st05_on .st05 a, .piagree_state_bar.st05_on .st05 .num{color:#fff;}
.piagree_state_bar>ul:after {display:block;clear:both;content:'';}
.piagree_state_bar>ul>li{position:relative; z-index:99; float:left;display:block; width:20%; height:80px;border-left:none; border-right: none; font-size:15px;text-align:left; box-sizing: border-box; padding:13px 0 0 80px;color:#6f6f6f;}
.piagree_state_bar>ul>li.st02{padding-left: 110px;}
.piagree_state_bar>ul>li.st03{padding-left: 112px;}
.piagree_state_bar>ul>li.st04{padding-left: 96px;}
.piagree_state_bar>ul>li.st05{padding-left: 96px;}
.piagree_state_bar>ul>li .num{font-size:20px; font-weight:600; color:#b3b3b3; line-height: 1.5em;}
.piagree_state_bar>ul>li>a{display:block; width:100%; height:100%; color:#6f6f6f;}


/* ===== 공지사항 ==== */
.notice{padding: 10px 10px 50px 10px;width:calc(100% - 22px);background:#f8f6f5;border: 1px solid #c4c6cb; min-height:300px; font-size:14px; line-height: 150%;}
.noticetitle{padding: 0 10px; width:100%; background:#f8f6f5;  font-size:14px;}

/* ===== 유효기간 ===== */
.validity_area:after{display: block; clear: both; content: '';}
.validity_box01,
.validity_box02{float: left; width:23.2%; box-sizing: border-box; background:#449197; height:300px; position: relative;overflow: hidden;}
.validity_box02{width:75.9%; margin-left:0.9%; background:#fff; border:solid 1px #9ab9bb;}
.ic_validity{position:absolute; top:32px; left:calc(50% - 50px); background:#fff url(../images/ic_validity01.png) center center no-repeat; border-radius: 100px; width:100px;
	height: 100px; display: block; box-shadow: 1px 1px 3px 0px #000;
}
.validity_box01_list{background:#559aa0; margin-top:170px; color:#fff; height: 50%; padding-top:15px;}
.validity_box01_list li:after{content: ''; clear: both; display: block;}
.validity_box01_list li p{display:block; width:50%; float: left; box-sizing: border-box;}
.validity_box01_list li .tit{width:40%; padding:14px 0 14px 46px; background: url(../images/ic_validity_dot.png) 18% center no-repeat; font-size: 16px;}
.validity_box01_list li .txt{width:60%; padding:14px 0 14px 30px; background: url(../images/ic_validity_line.png) 1% center no-repeat; font-size: 18px; font-weight: 600;}

.validity_box02_list{height:100%;}
.validity_box02_list ul{height:100%;}
.validity_box02_list li{border-right:solid 1px #9ab9bb; box-sizing: border-box; display: block; width: 50%; height: 50%; float: left; border-top:solid 1px #9ab9bb;
	padding:50px 0 0 120px; letter-spacing: -0.06em;
}
.validity_box02_list li:nth-child(even){border-right:solid 0px #9ab9bb;}
.validity_box02_list li:nth-child(1){border-top:solid 0px #9ab9bb; background:url(../images/ic_validity02.png) 14% center no-repeat;}
.validity_box02_list li:nth-child(2){border-top:solid 0px #9ab9bb; background:url(../images/ic_validity03.png) 14% center no-repeat;}
.validity_box02_list li:nth-child(3){background:url(../images/ic_validity04.png) 14% center no-repeat;}
.validity_box02_list li:nth-child(4){background:url(../images/ic_validity05.png) 14% center no-repeat;}
.validity_box02_list li .tit{color:#449197; font-size: 15px;}
.validity_box02_list li .txt{color:#222222; font-size: 18px; font-weight: 600; padding-top:10px;}
.validity_box02_list li .date{color:#fa8700;}

/* =====  table ===== */
/*table_style0*/
.tblst0 {position:relative; width:calc(100% - 60px); border-top:2px solid #449197; clear:both; margin:0 30px;}
.tblst0 table{width:100%;}
.tblst0 tbody{border-top:1px solid #a0a0a0 !important ;}
.tblst0 th {color:#224f52; height:50px; font-weight:400; line-height:18px; font-size:16px; background:#eff5f5; text-align:center; border:1px solid #d3e7eb;}
.tblst0 th:first-child {border-left:none;}
.tblst0 th.bb{border-bottom:1px solid #d8d8d8;}
.tblst0 tr.select{background:#eff5f5;}
.tblst0 td {position:relative; border:1px solid #d3e7eb; text-align:center; font-size:16px;height:50px; }
.tblst0 td span{display:none;}
.tblst0 td.title{text-align:left; padding-left:6px; font-weight:400;}
.tblst0 td.title2{text-align:center; padding-left:6px; font-weight:400;}
.tblst0 td.left{text-align:left; padding-left:6px;}

/*table_style1*/
.tblst1{position:relative; width:calc(100% - 60px); border-top:solid 2px #999; clear:both; margin:0 30px;}
.tblst1 table{width:100%; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8;}
.tblst1 thead th{color:#000; font-size:16px; font-weight:400; text-align:center; border:1px solid #d8d8d8; background:#e7ebf3;}
.tblst1 tbody th{color:#000; font-size:16px; font-weight:400; text-align:center; border:1px solid #d8d8d8; background:#e7ebf3;}
.tblst1 td{height:50px; padding-left:10px; border:1px solid #d8d8d8; text-align:left; font-size:16px;  font-weight:300;  background:#ffffff; line-height:18px;}
.tblst1 td.sg{text-align:left; padding:16px 0 16px 6px; line-height:18px; vertical-align:top;}
.tblst1 td.title{text-align:left; padding-left:6px;}
.tblst1 td.left{text-align:left;padding-left:10px; padding-right:10px;}
.tblst1 td.center{text-align:left;padding-left:10px; padding-right:10px;}
.tblst1 td.txarea{text-align:left; padding:12px 10px;}


/*table_style2 자주묻는질문*/
.tblst2 {position:relative;width:100%;border-top: 0px solid #4666c0;clear:both;}
.tblst2 table{width:100%;}
.tblst2 tbody{border-top:1px solid #a0a0a0 !important ;}
.tblst2 th {position:relative;text-align:center;color:#2d5fbb;border-bottom:1px solid #c4c6cb;border-right: none;padding:10px 10px;font-weight:600;font-size:15px;line-height: 160%;}
.tblst2 td {position:relative; border-bottom:1px solid #c4c6cb; padding:10px 10px; font-weight:400; font-size:15px; line-height: 160%;}
.tblst2 .select th {background-color:#f9f9f9; color:#2d5fbb; font-weight:600;}
.tblst2 .select td {background-color:#f9f9f9; color:#2d5fbb; font-weight:600;}
.tblst2 .select_in th {background-color:#f9f9f9; color:#ec8b00;}
.tblst2 .select_in td{background-color:#f9f9f9; color:#3f3f3f; font-weight:400;}
.tblst2 .select_arrow_up,
.tblst2 .select_arrow_down{display: block; cursor: pointer; text-indent:-99999px; position:absolute; right:10px; top:7px; width: 30px; height: 30px; background: url(../images/arrow_up.png) 0 no-repeat;}
.tblst2 .select_arrow_down{background: url(../images/arrow_down.png) 0 no-repeat; }



/*table_style3 공지사항*/
.tblst3 {position:relative; width:100%; border-top:2px solid #4666c0; clear:both;}
.tblst3 table{width:100%;}
.tblst3 thead{border-bottom:1px solid #c4c6cb !important ;}
.tblst3 tbody{/* border-top:1px solid #c4c6cb !important ; */}
.tblst3 th {text-align:center; color:#000; border-bottom:1px solid #c4c6cb; border-right:1px solid #c4c6cb; padding:15px 10px; font-weight:600; font-size:15px; background-color: #ebedf2;}
.tblst3 th.left{text-align:left;}
.tblst3 th:last-child {border-bottom:1px solid #c4c6cb; border-right:0px solid #c4c6cb; }
.tblst3 td {text-align:center;color:#000;border-bottom:1px solid #c4c6cb;border-right:1px solid #c4c6cb;padding: 15px 20px; font-weight:400;font-size:15px;}
.tblst3 td.left {text-align:left; position:relative;}
.tblst3 td.left > a {width:90%; display: inline-block; position: absolute; top: 0; left: 0; padding: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.tblst3 td.write {text-align: left;border-right:0px solid #c4c6cb;}
.tblst3 td:last-child {border-bottom:1px solid #c4c6cb; border-right:0px solid #c4c6cb;}
.tblst3 td.bbs_in {text-align: left; height:300px; border:0px;border-bottom:1px solid #c4c6cb; vertical-align: top; line-height:150%;}
.tblst3 td.bbs_in.bg2 {background: #dedfe6;padding: 15px;}
.tblst3 th.bbs_title {text-align: left; border:0px; }
.tblst3 th.bbs_date {text-align: right; border:0px; color:#555555;}
.tblst3 tr.select{background:#ebedf2;}

/*공지사항보기*/
.tblst3.notice_write th,
.tblst3.notice_write td {padding: 5px !important;}


/*table_style4 이용자등록*/
.tblst4 {position:relative; width:100%; border-top:2px solid #4666c0; clear:both;}
.tblst4 table{width:100%;}
.tblst4 thead{border-bottom:1px solid #a0a0a0 !important ;}
.tblst4 th {text-align:left; vertical-align: middle; color:#555555; border-bottom:1px solid #c4c6cb; border-right:1px solid #c4c6cb; padding:10px 20px; font-weight:600; font-size:15px; line-height: 160%; background-color: #ebedf2;}
.tblst4 td {text-align:left; color:#555555; border-bottom:1px solid #c4c6cb; border-right:1px solid #c4c6cb; font-weight:400; font-size:15px; line-height: 160%;}
.tblst4 span{text-align:left; color:#55698f; font-size:12px; }
.tblst4 span.red {text-align:left; color:#e64100; font-size:12px; }
.tblst4 td:last-child {border-bottom:1px solid #c4c6cb; border-right:0px solid #c4c6cb;}

.tblst4 .txt_area{color:#55698f; font-size:15px; width: 100%; padding-top:10px;}
.tblst4 .txt_area p{display: inline-block;}

.tblst4 .txt_area2{color:#55698f; font-size:15px; width: 100%; padding:5px 0; text-align: center;}
.tblst4 .txt_area2 p{display: inline-block;}

/*table_style5 이용자등록*/
.tblst5 {position:relative; width:100%; border-top:2px solid #4666c0; clear:both;}
.tblst5 table{width:100%;}
.tblst5 thead{border-bottom:1px solid #a0a0a0 !important ;}
.tblst5 th {text-align:left; vertical-align: middle; color:#555555; border-bottom:1px solid #c4c6cb; border-right:1px solid #c4c6cb; padding:10px 20px; font-weight:600; font-size:15px; line-height: 160%; background-color: #ebedf2;}
.tblst5 td {text-align:left; color:#555555; border-bottom:1px solid #c4c6cb; border-right:1px solid #c4c6cb; font-weight:400; font-size:15px; line-height: 160%;}
.tblst5 span{text-align:left; color:#55698f; font-size:12px; }
.tblst5 span.red {text-align:left; color:#e64100; font-size:12px; }
.tblst5 td:last-child {border-bottom:1px solid #c4c6cb; border-right:0px solid #c4c6cb;}

.tblst5 .txt_area{color:#55698f; font-size:15px; width: 100%; padding-top:10px;}
.tblst5 .txt_area p{display: inline-block;}

.tblst5 .txt_area2{color:#55698f; font-size:15px; width: 100%; padding:5px 0; text-align: center;}
.tblst5 .txt_area2 p{display: inline-block;}


/*table_style6 평점*/
.tblst6 {position:relative; width:100%; clear:both;}
.tblst6 table{width:100%;}
.tblst6 td {text-align:center; padding:10px 10px; border:0px solid #c4c6cb;}
.tblst6 tr:last-child {border-bottom:0px solid #c4c6cb; border-right:0px solid #c4c6cb;}

/*===== 페이징 =====*/
.paging{padding:0;text-align:center;margin:0 auto;width: auto;height:40px;vertical-align: top;font-size:0;  line-height:24px;}
.paging a,
.paging strong,
.paging .on{display: inline-block; position:relative;padding:7px 16px;border:1px solid #cccccc;font-size:16px;box-sizing: border-box;margin-left: -1px;}
.paging strong,
.paging .on{background:#737373 ; color:#ffffff !important}
.paging a:hover{}
.paging .pbtn{background:#fff; padding:5px;margin:0;width:42px; height:40px; vertical-align:top; margin-left: -1px;}
.paging .pbtn > img	{padding-top:7px;}


/* =====  button ===== */
.join_btn{display: inline-block; text-align: center; letter-spacing: normal; min-width: 50px; height: 33px; padding: 8px; padding-top: 10px; vertical-align: middle; color: #fff; background: #828282; font-weight: 600;}
.x_btn{display: inline-block; text-align: center; letter-spacing: normal; width: 20px; height: 20px; vertical-align: middle; color: #828282; border:1px solid #828282; font-family:NanumSquare; font-weight: 500; font-size: 15px; line-height: 17px;}
.btn_b01{
	display: inline-block;
	vertical-align: middle;
	width:250px;
	height:70px;
	color: #fff;
	background: #0096fb;
	border-radius: 1px;
	box-sizing: border-box;
	text-align: center;
	font-size: 20px;
	font-weight:400;
	letter-spacing: normal;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
	font-weight:400;
	font-family:'나눔스퀘어',NanumSquare;
	padding:0;
	line-height: 3.6em;
}
.btn_b02{display: inline-block; vertical-align: middle; width:250px; height:70px; color: #fff; background: #424242; border-radius: 1px; box-sizing: border-box; text-align: center; font-size: 20px; font-weight:400; letter-spacing: normal;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75); font-weight:400; font-family:'나눔스퀘어',NanumSquare; padding:0; line-height:3.6em; margin-right:20px;
}

.btn_blue{color:#fff !important; display:inline-block; padding:10px 20px; background:#45536b; font-size:16px;height: 40px; line-height: 38px; min-width: 120px;}
.btn_green{color:#fff !important; display:inline-block; padding:10px 20px; background:#28656a; font-size:16px;height: 40px; line-height: 38px; min-width: 120px;}
.btn_black{color:#fff !important; display:inline-block; padding:10px 20px; background:#555555; font-size:16px;height: 40px; line-height: 38px; min-width: 120px;}
.btn_logout{color:#fff !important; display:inline-block; padding:10px 10px; background:#555555; font-size:14px;height: 40px; line-height: 38px; min-width: 120px;}
.btn_regi{color:#fff !important;display:inline-block;padding: 3px 15px;background:#3d5073;font-size:12px;height: 32px;box-sizing: border-box;vertical-align: top;margin-right: 6px; line-height: 24px;}
.btn_regi_search{color:#fff !important;display:inline-block;padding: 3px 15px 1px 15px;background: #3d5073;font-size:12px;box-sizing: border-box;height: 32px;vertical-align: middle;}

.btn_result{color:#449197 !important; display:inline-block; padding:5px 15px; border:solid 1px #449197; font-size:12px;display: inline-block; box-sizing: border-box; height:26px; line-height: 1.2em; font-family:'나눔스퀘어',NanumSquare;}
.btn_next{color:#fff !important; background:#449197; font-size:20px; padding:15px 55px; display: inline-block;}
.btn_back{color:#fff !important; background:#666666; font-size:20px; padding:15px 55px; display: inline-block;}
.btn_login{color:#fff !important; background:#449197; font-size:20px; padding:15px 55px; width: 100%; border-radius: 0; margin-top:20px; }
.btn_login:disabled	{background:#aaa; color:#ccc !important;}
.btn_ok{color:#fff !important; background:#449197; font-size:20px; padding:15px 55px; width: 100%; border-radius: 0; margin-top:20px; }


.btn_play{color:#449197 !important; background:#f9f9f9 url(../images/icon_play.png) no-repeat 90% 10px; border-radius:40px; border:2px solid #449197; font-size:18px; font-weight:800; padding:15px 55px 15px 25px; display: inline-block; box-sizing: border-box; height:52px; line-height: 1.2em; font-family:'나눔스퀘어',NanumSquare;}
.btn_stop{color:#449197 !important; background:#f9f9f9 url(../images/icon_stop.png) no-repeat 90% 10px; border-radius:40px; border:2px solid #449197; font-size:18px; font-weight:800; padding:15px 55px 15px 22px; display: inline-block;box-sizing: border-box; height:52px; line-height: 1.2em; font-family:'나눔스퀘어',NanumSquare;}
.btn_fullplay{color:#449197 !important; background:#f9f9f9 url(../images/icon_full.png) no-repeat 90% 10px; border-radius:40px; border:2px solid #449197; font-size:18px; font-weight:800; padding:15px 52px 15px 22px; display: inline-block;box-sizing: border-box; height:52px; line-height: 1.2em; font-family:'나눔스퀘어',NanumSquare;}
.btn_solution{color:#fff !important; background:#3d4f73 url(../images/icon_solu.png) no-repeat 90% 10px; border-radius:40px; border:2px solid #3d4f73; font-size:18px; font-weight:800; padding:15px 55px 15px 25px; display: inline-block;box-sizing: border-box; height:52px; line-height: 1.2em; font-family:'나눔스퀘어',NanumSquare;}
.btn_send{color:#fff;position:absolute;display:inline-block;width:130px;height:92px;margin-left:10px;text-align:center;background:#595959;font-size:14px;line-height: 6.6em;}

.btn_wrap{padding:20px 0 30px 0; min-height:40px; text-align: center; display: block;}
.btn_wrap:after{content:''; clear: both;}
.btn_left{float:left; padding-left: 20px;}
.btn_right{float:right; padding-right: 20px;}

.btn_wrap2{margin:20px 0; min-height:52px; display: block;}
.btn_wrap2:after{content:''; clear: both;}
.btn_left2{float:left; padding-left:0px;}
.btn_right2{float:right; padding-right:0px;}

.btn_wrap3{margin:50px 0 150px 0; min-height:40px; text-align: center; display: block;}
.btn_wrap3:after{content:''; clear: both;}

.btn_wrap4{width: 100%; margin:0 auto; padding:90px 0; text-align: center; display: block;}
.btn_wrap4:after{content:''; clear: both;}

.btn_wrap5{width: 100%; margin:0 auto; padding:40px 0; text-align: center; display: block;}
.btn_wrap5:after{content:''; clear: both;}

.btn_wrap6{width: 100%; margin:0 auto; padding:20px 0 0 0; text-align: center; display: block;}
.btn_wrap6:after{content:''; clear: both;}

.btn_wrap7{width: 100%; margin:0 auto; padding:0; text-align: center; display: block;}
.btn_wrap7:after{content:''; clear: both;}

.btn_wrap8{/* width: 100%; */margin:0 auto;padding:0 0 10px 0;text-align: center;/* display: block; */}
.btn_wrap8:after{content:''; clear: both;}

input.chk01[type=checkbox]{display: none!important;}
input.chk01[type=checkbox] + label {background:#f9f9f9 url(../images/checkbox01.png) no-repeat 0 0; background-size:19px; display: inline-block; border:solid 0px #b1b1b1; height: 19px; width: 19px; cursor:pointer; margin:0 5px 0 10px;}
input.chk01[type=checkbox]:checked + label {background:#f9f9f9 url(../images/checkbox01_v.png) no-repeat 0 0; background-size:19px;}
input.chk02[type=checkbox]{display: none!important;}
input.chk02[type=checkbox] + label {background:#f9f9f9 url(../images/checkbox02.png) no-repeat 0 0; background-size:19px; display: inline-block; border:solid 0px #b1b1b1; height: 19px; width: 19px; cursor:pointer;}
input.chk02[type=checkbox]:checked + label {background:#f9f9f9 url(../images/checkbox02_v.png) no-repeat 0 0; background-size:19px;}
input.bbs[type=input]{background:#f9f9f9; display: inline-block; border:solid 1px #b1b1b1; cursor:pointer; margin:0 5px 0 10px;}
select.regist{background:#f9f9f9 url(../images/sel_down.png) no-repeat 95% 12px; min-width:165px; display: inline-block; border:solid 1px #c4c6cb; cursor:pointer; margin:0 5px 0 0px; height:32px;}

/* ===== search_form ===== */
.search_area {position:relative; clear:both; margin:0 0px 10px 0px; float: right;}
.search_area .search_input{height:33px; width:230px; border:1px solid #cdcdcd;}
.search_area .btn_search{vertical-align: top;color:#fff !important;display:inline-block;padding:10px 10px 10px 30px;background:#3d5073 url(../images/icon_search.png) no-repeat 10px 8px;font-size:14px;height: 33px;box-sizing: border-box;}
.search_area::after{content:''; clear: both; display: block;}

/* ===== 팝업 ===== */
.dimfull{position: fixed; width: 100%; height:auto; min-width: 1280px; min-height: 100%; left: 0; top:0; background:rgba(0,0,0,0.5); z-index: 9999;}
.dimfull_loading{position: fixed; width: 100%; height:auto; min-width: 1280px; min-height: 100%; left: 0; top:0; background:rgba(0,0,0,0.5); z-index: 9999;}

.popup_wrap {margin:0 auto; display: block; background-image:none; width:1280px; background:#fff; position: absolute;top: 10px;left: 50%; margin-left: -640px; z-index: 9999;}
.popup_wrap .popup_title{background:#449197 url('../images/pop_title_guide.png') 30px 20px no-repeat;color:#ffffff;font-size: 28px;padding:25px 80px;font-weight: 600;box-sizing:border-box;letter-spacing: -0.06em; line-height: 1.2em;}
.popup_wrap .popup_title.test{background:#449197 url('../images/pop_title_test.png') 30px 20px no-repeat;  }
.popup_wrap .popup_title_in{color:#000; float:left; font-size:12px; padding:25px 25px; font-weight:500; box-sizing:border-box;}
.popup_wrap .popup_title_sub {color:#000; font-size:22px;  font-weight:500; text-align:left; padding:20px 20px 10px 30px;}
.popup_wrap .popup_title_sub span.time{color:#666666; font-size:14px;}
.popup_wrap .popup_title h1 {display:block; margin:0; font-size:18px; font-weight:700;}
.popup_wrap .popup_body{height:auto; padding:30px 30px 0 30px; box-sizing:border-box;}
.popup_wrap .popup_body_title{height:auto; padding:0px 30px; box-sizing:border-box;}
.popup_wrap .btn_x{position:absolute;top: 30px;right: 26px;cursor: pointer;}

.popup_wrap .btn_x a{color:#3972b6;}
.popup_wrap .btn {position:relative; height:30px; text-align:right; padding:5px 0px 5px;}
.popup_wrap .popup_top {position:relative; clear:both; padding:20px 30px 10px 10px; float: right;}
/*.popup_wrap .popup_bottom {margin:20px 0 30px 0; position:relative; width:100%; box-sizing:border-box; height:94px; text-align:right; padding:20px 10px 0 10px; display: block;}*/
.popup_wrap .popup_bottom {margin: 10px 0 0 0;position: relative;width: 100%;box-sizing: border-box;/* height: 94px; */text-align: right;padding: 20px 10px;display: block;overflow: hidden;}
.popup_wrap .popup_bottom.line {border-top:2px solid #cccccc;}

.popup_wrap .popup_box{ border:2px solid #666; background:#ffffff; width:91.6%; padding:10px 2%; margin:10px 2%; word-break:break-all;}
.popup_wrap .step01 {border:none; padding:0px 2%; margin-bottom:10px;}
.popup_wrap .step01 dt {background:url('../images/ic_q.gif') 0px 10px no-repeat; padding:14px 0 6px 56px; min-height:46px; font-size:14px; clear:both; margin-bottom:10px;}
.popup_wrap .step01 dd {position:relative; display:block; border:solid 1px #e0e0e0; background:#f0f0f0; padding:20px; clear:both;line-height:36px;}
.popup_wrap .tbl_tab {position:relative; height:30px; text-align:left; padding:5px 0px 0px 0px;}
.popup_wrap .popup_btn_close{position:absolute; top:12px; right:15px;}
.popup_wrap .tbl_comment {position:relative; font-size:24px; float: left; padding:10px 20px 15px 20px;}
.popup_wrap .tbl_comment .btn_next{color:#fff !important; background:#449197; font-size:20px; padding:20px 30px;}
.popup_wrap .tbl_comment span.result{color:#449197 !important; background:url('../images/icon_suce.png') 15px 15px no-repeat; font-size:40px; padding:20px 10px 30px 70px;}
.popup_wrap .tbl_comment span.fail{color:#d70103 !important; background:url('../images/icon_fail.png') 15px 15px no-repeat; font-size:40px; padding:20px 10px 30px 70px;}
.popup_wrap .tbl_comment span.comment{color:#212121;font-size:22px;padding: 20px 0 0 24px;background: url('../images/bottom_line_h.gif') 0 17px no-repeat;}

.popup_wrap input.pop_sh_box{vertical-align: middle; background:#fff url(../images/icon_bg_input.png) no-repeat 7px 5px; width:160px; height:40px; border:1px solid #154f53; padding:5px 10px 5px 40px; box-sizing: border-box;}
.popup_wrap .btn_sh_ok{vertical-align: middle; color:#fff !important; display:inline-block; padding:10px 20px; background:#154f53; font-size:14px; height:40px; box-sizing: border-box; margin-left:-5px; line-height: 1.5em;}

/*table_style4 팝업*/
.popup_wrap .tblst4 {position:relative; width:calc(100% - 20px); margin: 10px; border-top:2px solid #4666c0; clear:both;}
.login_wrap .tblst4 {position:relative;width:100%;margin: 5px 0;border-top:2px solid #4666c0;clear:both;}

/* popup2_wrap */
.popup2_wrap {margin:70px auto 0 auto; display: block; background-image:none; width:600px; background:#fff;/* position: relative;*/position: absolute; top:10%; left:50%; margin-left:-300px; z-index: 9999;}
.popup2_wrap .popup_title{background:#3d4f73; color:#ffffff; font-size: 20px; padding:25px 20px; font-weight: 600; box-sizing:border-box;letter-spacing: -0.02em;}
.popup2_wrap .popup_body{height:auto; padding:30px 30px; box-sizing:border-box;}
.popup2_wrap .popup_body>ul>li{padding-bottom: 10px; position: relative;}
.popup2_wrap .popup_close{position:absolute;top: 10px;right: 10px;cursor: pointer;}

/*주차장정보상세*/
.photo_list02{width: 100%; margin-top: 5px;}
.photo_list02>li{display: inline-block; width: 49%; padding:0 0 0 5px; box-sizing: border-box;}
.photo_list02>li:first-child{padding:0 5px 0 0;}

.photo_list02>li img{width:100%;}


/* 로그인 */
.login_wrap {margin:70px auto 0 auto; display: block; background-image:none; width:600px; background:#fff;/* position: relative;*/position: absolute; top:10%; left:50%; margin-left:-300px; z-index: 9999;}
.login_wrap .login_title{background:#3d4f73; color:#ffffff; font-size: 20px; padding:25px 20px; font-weight: 600; box-sizing:border-box;letter-spacing: -0.02em;}
.login_wrap .login_body{height:auto; padding:30px 30px; box-sizing:border-box;}
.login_wrap .login_body>ul>li{padding-bottom: 10px; position: relative;}
.login_wrap .login_body .login_logo{text-align:center; padding-bottom:10px;}
.login_wrap .login_close{position:absolute;top: 10px;right: 10px;cursor: pointer;}
.idpw{padding:10px;width: 540px;height:42px;background:#f8f6f5;line-height:40px;}
.hp_number{padding:10px;width: 420px;height:42px;background:#f8f6f5;line-height:40px;}
.hp_number_ok{float:right;display: block;color:#fff;padding: 0;width: 120px;height:42px;line-height:32px;text-align: center;background:#444444;box-sizing: border-box;letter-spacing: 0;}
.otp{padding:10px;width: 420px;height:42px;background:#f8f6f5;line-height:40px;}
.otp_ok{float:right;display: block;color:#fff;padding: 0;width: 120px;height:42px;line-height:32px;text-align: center;background:#444444;box-sizing: border-box;letter-spacing: 0.2em;}
.login{color:#fff; padding: 16px 10px; width:100%; background:#444444; }
.login_txt{position:relative;text-align: center;padding: 20px 0;border-bottom: dotted 1px #ccc;}
.login_wrap .sms_time{position: absolute;top: 0;right: 120px;display: block;color: #f00000;text-align: right;box-sizing: border-box;padding: 12px 10px 0 0;font-size:14px;}

.login_wrap .login_list{position:relative;margin-top:30px;text-align:left;padding: 0;}
.login_wrap .login_list>li{font-size: 13px; padding:2px 0; padding-bottom:10px;}
.login_wrap .login_list>li:before{content: '■';font-size: 9px;color: #449197;display: inline-block;margin-right: 5px;vertical-align: 2px;}
.login_wrap .err_mms{color:#f00;font-size: 13px;line-height: 1.2em;}
.login_wrap .mailto{color:#449197;font-size: 13px; text-decoration: underline;}
.login_wrap .login_list.dotte_line{border-top: dotted 1px #ccc; padding-top:20px;margin-top:20px;}
.login_wrap .login_list.dotte_line2{border-bottom: dotted 1px #ccc; padding-bottom:10px;margin-bottom:20px; margin-top:0;}

.login_wrap .popup_body{height:auto; padding:30px 30px; box-sizing:border-box;}
.login_wrap .popup_body>ul>li{padding-bottom: 10px; position: relative;}

/* ===== 주의사항 ===== */
.caption_area{ font-family:'나눔바른고딕',NanumBarunGothic; height:auto; width:100%; box-sizing: border-box; display: block; border-radius: 0px; padding:30px; border:1px solid #f37638; background: #fff7f3; font-size: 16px; font-weight: 600; text-align: left; color: #292c2f; line-height: 1.8em;}
.caption_area.center{text-align:center;}
.caption_area input.ic_radio[type=radio] + label {vertical-align: -8px;}
.caption_area.pdt50{padding-top:50px;padding-bottom:50px;}



/* gnb_mobile hidden */
.gnb_mobile{display: none;}
.header .btn_menu{display: none;}

.agree-inner	{
	width: 100%;
    height: 100%;
    padding: 10px 15px;
    border: none;
    background: #f8f8f8;
    color: #5c5c5c;
    resize: none;
    box-sizing: border-box;
    font-size: 14px;
	word-break:keep-all;
	line-height:150%;

}
.agree-inner > strong	{
	display:block;
	font-weight:bold;
	margin-bottom:10px;
}
.agree-inner .inner-tb	{
	width:100%;
}
.agree-inner .inner-tb th,
.agree-inner .inner-tb td {
	border:1px solid #ccc;
	font-size:14px;
	padding:5px;
	text-align:center;
}
.agree-inner .inner-tb th	{
	background:#eee;
}

/*loading*/
.loading-wrap	{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgb(255,255,255,0); text-align: center; overflow: hidden;}
.loading-wrap > img	{position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; margin-left: -40px; margin-top: -40px;}

/*경고창*/
.dimfull2{position: fixed; width: 100%; height:auto; min-width: 1280px; min-height: 100%; left: 0; top:0; background:rgba(0,0,0,0.5); z-index: 9999;}
.alert_wrap {margin:10% auto; display: block; background-image:none; width:500px; background:#fff; position: absolute;top: 10px;left: 50%; margin-left: -250px; z-index: 9999; border:solid 1px #839393;box-sizing: border-box;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);
}
.alert_wrap .btn_x{position:absolute; top:10px; right:16px;cursor: pointer;}
.alert_wrap .btn_x a{color:#3972b6;}
.alert_wrap .alert_title{background:#416099;color:#ffffff;font-size: 18px;padding:15px 15px;font-weight:500;box-sizing:border-box;letter-spacing: -0.06em;line-height: 1.2em;font-family:'나눔스퀘어',NanumSquare;}
.alert_wrap .alert_title h1 {display:block; margin:0; font-size:18px; font-weight:700;}
.alert_wrap .alert_body{text-align:center; height:auto;padding: 20px;box-sizing:border-box; font-size:14px; line-height:140%;}
.alert_wrap .alert_footer{padding:20px; text-align:center;}
.alert_wrap .alert_footer .btn01	{background:#3a5ea2; color:#fff; padding:10px 20px; border-radius:5px;}
.alert_wrap .alert_footer .btn02	{background:#444; color:#fff; padding:10px 20px; border-radius:5px;}

@media (min-width: 1px) and (max-width: 420px) { /*모바일*/
	.alert_wrap {margin: 40% auto 0 auto; width:90%; margin-left:-45%;}
	.alert_wrap .alert_title{padding:10px; font-size: 14px;}
	.alert_wrap .btn_x{top:8px; right:10px;}
	.alert_wrap .btn_x > img {width:20px;}
	.alert_wrap .alert_footer{padding:0 0 20px; text-align:center;}
}
@media (min-width: 421px) and (max-width: 1024px) { /*모바일*/
	.alert_wrap {margin: 20% auto 0 auto; width:70%; margin-left:-35%; max-width:500px;}
	.alert_wrap .alert_title{padding:12px; font-size: 16px;}
	.alert_wrap .btn_x{top:10px; right:15px;}
	.alert_wrap .btn_x > img {width:22px;}
	.alert_wrap .alert_footer{padding:0 0 20px; text-align:center;}
}

#ads{margin-top:20px;}
.tableRollOverEffect1{background-color:#f4f6f9 !important;/* color:#FFF !important; */}
.tableRowClickEffect1{background-color:#f4f6f9 !important;/* color:#FFF !important; */}

/*소속사검색팝업*/
.dimfull.agency{min-width:320px;min-height:680px; width: 100%; height:100%; background: rgba(0,0,0,0.3);/* margin-top: -420px; */position: fixed;top:0;left: 0; overflow:auto;}
.popup_wrap.agency{border: solid 1px #839393;box-sizing: border-box; width:680px; margin:5% auto 0; margin-left:-340px;}
.popup_wrap.agency .popup_title{display:block;}
.popup_wrap.agency .popup_title{background:#449197;color:#ffffff;font-size: 18px;padding:15px;font-weight: 600;box-sizing:border-box;letter-spacing: -0.06em;line-height: 1.2em;width:calc(100% - 20px);width: 100%;/* margin-left:10px; */margin-bottom:10px;}
.popup_wrap.agency .popup_body {padding:0 20px;}
.popup_wrap.agency .popup_bottom {margin:10px 0 0; text-align:center;}
.popup_wrap .btn_x{position:absolute;top: 10px;right: 10px; cursor: pointer;}
.btn_next2{color:#fff !important; background:#449197; font-size:16px; display: inline-block; min-width:150px; height:40px; line-height:38px;}
.btn_back2{color:#fff !important; background:#666666; font-size:16px; display: inline-block; min-width:150px; height:40px; line-height:38px;}


/*회원가입*/
.join_list{width:300px; margin:0 auto;}
.join_list li{padding:15px;text-align: center;border-top:dotted 1px #ccc;font-size: 15px;}
.join_list li a{padding:15px;font-size: 15px;display: inline-block;padding-left:50px;width: 130px;font-weight: 600;text-align: left;}
.join_list li:first-child{border-top:none;}
.join_list li.kakao a{background: url(../images/ic_join_kakao.png) 0 50% no-repeat;}
.join_list li.naver a{background: url(../images/ic_join_naver.png) 0 50% no-repeat;}
.join_list li.daum a{background: url(../images/ic_join_daum.png) 0 50% no-repeat;}
.join_list li.facebook a{background: url(../images/ic_join_facebook.png) 0 50% no-repeat;}

.btn_green2{color:#fff !important; background:#449197; font-size:20px; padding:15px 55px; width: 300px; height: 65px; border-radius: 0; margin-top:20px; }
.btn_blue2{color:#fff !important; background:#45536b; font-size:20px; padding:15px 55px; width: 300px; border-radius: 0; margin-top:20px; }

/*회원탈퇴*/
.join_out_pw{padding: 0 0 10px 0; width:100%; max-width: 540px; margin:0 auto;}
.join_out_pw ul>li{padding:5px 0; text-align: center;}