@charset "UTF-8";


@media all and ( max-width: 650px )
{
	#_lguplus_popup_	{}
	#_lguplus_popup__div	{}
	#_lguplus_popup__div div:last-child	{ left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; margin-left: 0 !important; margin-top: 0 !important; }
}



.order_r	{ margin: 30px 0; text-align: right; }
.order_r > *:last-child	{ margin-right: 0; }


.pattern_box	{ padding: 5px; background: url(../image/pattern_box_border.png) repeat 0 0; }
.pattern_box > div	{ padding: 20px; background-color: #fff; }
.pattern_box > div:after	{ display: block; clear: both; content: ""; }


.description_box	{ padding: 5px; margin: 30px 0; background: #e1e1e1 url(../image/description_box.png) repeat 0 0; }
.description_box > div	{ padding: 15px 19px; background: #fff; }
.description_box > div:after	{ display: block; clear: both; content: ""; }
.description_box > div > strong:first-child	{ display: inline-block; padding-left: 29px; font-size: 18px; color: #104790; background: url(../image/description_box_strong.png) no-repeat 0 center; }


table td.title	{ background-color: #f0f0f0; font-weight: bold; }



.proc_list	{ margin-bottom: 30px; }

.proc_list .search	{ margin-bottom: 20px; }
.proc_list .search form	{}
.proc_list .search form fieldset	{}
.proc_list .search .category	{ position: relative; }
.proc_list .search .category h3	{ line-height: 60px; padding: 0 70px 0 30px; margin: 0; font-size: 17px; color: #fff; background: #1b578b; }
.proc_list .search .category h3 strong	{ color: #fff195; }
.proc_list .search .category h3 span	{ color: #87b9e5; }
/*
.proc_list .search .category .category_more	{ position: absolute; right: 30px; top: 17px; width: 26px; height: 26px; min-width: 0; padding: 0; margin: 0; border: 1px solid #d0d3d7; background-color: #fff; color: #707379; text-indent: -999px; overflow: hidden; }
.proc_list .search .category .category_more:after	{ position: absolute; left: 0; top: 0; width: 24px; height: 24px; line-height: 24px; text-align: center; text-indent: 0; content: "▼"; }
.proc_list .search .category .category_more.active:after	{ content: "▲"; }
*/
.proc_list .search .category .category_more	{ position: absolute; left: 0; top: 0; width: 100%; height: 60px; min-width: 0; padding: 0; margin: 0; border: 0 none; background-color: transparent; text-indent: -9999px; overflow: hidden; }
.proc_list .search .category .category_more:after	{ position: absolute; right: 30px; top: 17px; width: 24px; height: 24px; line-height: 24px; border: 1px solid #d0d3d7; background-color: #fff; color: #707379; text-align: center; text-indent: 0; content: "▼"; }
.proc_list .search .category .category_more.active:after	{ content: "▲"; }


.proc_list .search .category .group_list	{ height: 0; overflow: hidden; }
.proc_list .search .category .group_list.active	{ height: auto; overflow: visible; padding: 19px; border: 1px solid #cecece; margin: 0 0 -1px 0; background-color: #f2f3f5; }
.proc_list .search .category .group_list ul	{ padding: 0; margin: 0 -10px 0 0; list-style: none; }
.proc_list .search .category .group_list ul:after	{ display: block; clear: both; content: ""; }
.proc_list .search .category .group_list ul li	{ float: left; width: 25%; padding: 0; margin: 0; list-style: none; background: none; }
.proc_list .search .category .group_list ul li div	{ margin: 0 10px 0 0; }
.proc_list .search .category .group_list ul li label	{ display: block; line-height: 38px; padding: 0 0 0 19px; margin: 0; border: 1px solid #e1e1e1; background-color: #fff; color: #000; font-size: 16px; font-weight: 600; }
.proc_list .search .category .group_list ul li select	{ display: block; width: 100%; height: 160px; line-height: 22px; margin: -1px 0 0 0; border: 1px solid #e1e1e1; box-shadow: none; }
.proc_list .search .category .group_list p	{ margin: 0; }

.proc_list .search div.submit	{ padding: 0; text-align: right; }
.proc_list .search div.submit button	{ min-width: 110px; height: 35px; border: 0 none; background-color: #666; color: #fff; font-weight: normal; font-size: 14px; }
.proc_list .search div.submit button[type="submit"]	{ background-color: #104790; }
.proc_list .search div.submit button:focus, .proc_list .search div.submit button:hover, .proc_list .search div.submit button:active	{ background-color: #000; color: #fff; }


.proc_list .list_tab	{ margin-bottom: 30px; }
.proc_list .list_tab ul	{ padding: 0; margin: 0; list-style: none; border-bottom: 1px solid #333; }
.proc_list .list_tab ul:after	{ display: block; clear: both; content: ""; }
.proc_list .list_tab ul li	{ float: left; padding: 0; margin: 0 5px 0 0; list-style: none; background: none; }
.proc_list .list_tab ul li a	{ display: block; width: 188px; line-height: 50px; border-width: 1px 1px 0 1px; border-style: solid; border-color: #d9d9d9; color: #666; font-size: 15px; font-weight: 600; text-align: center; background-color: #fff; }
.proc_list .list_tab ul li a:focus, .proc_list .list_tab ul li a:hover, .proc_list .list_tab ul li a:active, .proc_list .list_tab ul li a.active	{ position: relative; z-index: 2; line-height: 50px; margin-bottom: -1px; border-width: 2px 1px 0 1px; border-color: #333; color: #333; }


.proc_list .list	{ margin-bottom: 30px; border: 1px solid #d3d3d3; }
.proc_list .list:after	{ display: block; clear: both; content: ""; }

.proc_list .list .calendar	{ float: left; width: 50%; }
.proc_list .list .calendar_full	{ float: none; width: auto; }
.proc_list .list .calendar .align_box	{ padding: 19px 29px 29px 29px; border-right: 1px solid #d3d3d3; }
.proc_list .list .calendar .info	{ line-height: 50px; margin: 0; text-align: center; }
.proc_list .list .calendar .info:after	{ display: block; clear: both; content: ""; }
.proc_list .list .calendar .info a	{ position: relative; display: block; width: 24px; height: 24px; line-height: 24px; margin: 12px 0 0 0; border: 1px solid #d0d3d7; color: #666; background-color: #fff; text-align: center; text-indent: -999px; overflow: hidden; font-weight: 600; }
.proc_list .list .calendar .info a:after	{ position: absolute; left: 0; top: 0; width: 24px; height: 24px; line-height: 24px; text-align: center; text-indent: 0; content: ""; }
.proc_list .list .calendar .info a.prev_month	{ float: left; }
.proc_list .list .calendar .info a.prev_month:after	{ content: "<"; }
.proc_list .list .calendar .info a.next_month	{ float: right; }
.proc_list .list .calendar .info a.next_month:after	{ content: ">"; }
.proc_list .list .calendar .info a:focus, .proc_list .list .calendar .info a:hover, .proc_list .list .calendar .info a:active	{ color: #fff; background-color: #333; }
.proc_list .list .calendar .info strong	{ font-size: 28px; color: #000; }

.proc_list .list .calendar table thead th	{ color: #000; background-color: #fafafa; }
.proc_list .list .calendar table tbody td	{ padding: 0; border-color: #c1c1c1; }
.proc_list .list .calendar table tbody td.prev_month,
.proc_list .list .calendar table tbody td.next_month	{ background-color: #f5f4f2; }
.proc_list .list .calendar table tbody td a	{ display: block; height: auto; line-height: 24px; text-align: center; }
.proc_list .list .calendar table tbody td a:focus, .proc_list .list .calendar table tbody td a:hover, .proc_list .list .calendar table tbody td a:active	{ background-color: #e0e0e0; color: #000; }
.proc_list .list .calendar table tbody td strong	{ color: #4c4c4c; font-weight: normal; }
.proc_list .list .calendar table tbody td.prev_month strong,
.proc_list .list .calendar table tbody td.next_month strong,
.proc_list .list .calendar table tbody td.prev_month a strong,
.proc_list .list .calendar table tbody td.next_month a strong	{ color: #4c4c4c !important; }
.proc_list .list .calendar table tbody td.active,
.proc_list .list .calendar table tbody td.active a	{ background-color: #dcf1ff !important; }
.proc_list .list .calendar table tbody td.td_list	{ padding: 5px; }
.proc_list .list .calendar .weekday7,
.proc_list .list .calendar .weekday7 *	{ color: #f00 !important; }
.proc_list .list .calendar .weekday6,
.proc_list .list .calendar .weekday6 *	{ color: #0056af !important; }

.proc_list .list .calendar span	{ display: inline-block; line-height: 15px; font-size: 12px; }
.proc_list .list .calendar span.state_10,
.proc_list .list .calendar span.state_15	{ color: #2e3192 !important; }	/* 예약가능 */
.proc_list .list .calendar span.state_20	{ color: #555 !important; }	/* 마감 */
.proc_list .list .calendar span.state_30	{ color: #ed1c24 !important; }	/* 휴관일 */
.proc_list .list .calendar a.state_11 strong,
.proc_list .list .calendar span.state_11	{ color: #ed1c24 !important; }	/* 공휴일 */


.proc_list .list .regist_list	{ float: right; width: 50%; padding: 29px 0; margin-left: -1px; border-left: 1px solid #d3d3d3; }
.proc_list .list .regist_list .align_box	{ height: 385px; margin: 0 29px; overflow: auto; }
.proc_list .list .regist_list em	{ font-style: normal; color: #f00; }
.proc_list .list .regist_list input	{ margin: 0; }


.proc_list button.action_application	{ min-width: 110px; height: 35px; border: 0 none; background-color: #104790; color: #fff; font-weight: normal; font-size: 14px; }
.proc_list button.action_application:focus, .proc_list button.action_application:hover, .proc_list button.action_application:active	{ background-color: #000; color: #fff; }


.proc_list .list table	{ margin: 0; }
.proc_list .list a.regist	{ display: inline-block; line-height: g30px; padding: 0 5px; color: #fff; background-color: #0095d1; }
.proc_list .list a.regist:focus, .proc_list .list a.regist:hover, .proc_list .list a.regist:active	{ background-color: #000; }


.proc_list .list .calendar .info .state	{ position: absolute; display: inline-block; line-height: 21px; padding: 0 5px; margin: 13px 0 0 20px; border: 1px solid #333; vertical-align: middle; }
.proc_list .list .calendar .info .state span	{ position: relative; display: inline-block; padding: 0 20px 0 0; margin: 0 5px; }

.proc_list .list .calendar .td_list a	{ position: relative; display: block; height: auto; line-height: 24px; padding: 0 0 0 5px; text-align: left; font-size: 12px; color: #111 !important; }
.proc_list .list .calendar .info .state .state_Y:after,
.proc_list .list .calendar .td_list a.state_Y:after	{ position: absolute; right: 5px; top: 50%; width: 7px; height: 9px; line-height: 7px; margin-top: -5px; border: 1px solid #638acf; background-color: #6df7f2; color: #638acf; content: "→"; text-align: left; text-indent: -7px; font-size: 11px; }
.proc_list .list .calendar .info .state .state_N:after,
.proc_list .list .calendar .td_list a.state_N:after	{ position: absolute; right: 5px; top: 50%; width: 9px; height: 9px; line-height: 7px; margin-top: -5px; border: 1px solid #d84a4a; background-color: #f5ced0; color: #bf4e4e; content: "x"; text-align: center; font-size: 7px; }


.proc_list .place_detail .top_area	{ border-width: 2px 0 1px 0; border-style: solid; border-color: #4d4d4d; }
.proc_list .place_detail .top_area:after	{ display: block; clear: both; content: ""; }
.proc_list .place_detail .top_area .picture	{ float: left; width: 45%; }
.proc_list .place_detail .top_area .picture .pic_box	{ position: relative; margin: 30px; }
.proc_list .place_detail .top_area .picture .pic_box img	{ display: block; padding: 5px; margin: 0 auto; border: 1px solid #dfdfdf; }
.proc_list .place_detail .top_area .info_box	{ float: right; width: 50%; }
.proc_list .place_detail .top_area .info_box table	{ height: 100%; margin: 0 0 -1px 0; border-top: 0 none; border-bottom: 1px solid #4d4d4d; }
.proc_list .place_detail .top_area .info_box table th,
.proc_list .place_detail .top_area .info_box table td	{ line-height: 42px; }
.proc_list .place_detail .top_area .info_box table tr:last-child th,
.proc_list .place_detail .top_area .info_box table tr:last-child td	{ border-bottom-color: #4d4d4d; }






.proc_write form table ul li	{ padding: 3px 0; background: none; }
.proc_write form input[type="file"]	{ margin-right: 10px; }

.proc_write	{ margin-bottom: 30px; }
.proc_write .result_box	{}
.proc_write .result_box strong	{ display: block; line-height: 80px; text-align: center; color: #112c4e; font-size: 25px; font-weight: bold; background-color: #e6f0f9; }
.proc_write .result_box .pattern_box	{ line-height: 30px; text-align: center; font-size: 16px; }
.proc_write .result_box .pattern_box span	{ font-size: 22px; font-weight: 600; }



@media all and (max-width:1023px)
{
	.proc_list .search .category h3	{ line-height: 20px; padding: 20px 60px 20px 10px; font-size: 12px; letter-spacing: -1px; }
	.proc_list .search .category .group_list ul li select	{ height: 40px; }
	
	
	.proc_list .list_tab ul li	{ width: 40%; margin-right: 1%; }
	.proc_list .list_tab ul li a	{ width: auto; }
	.proc_list .list 	{ border: 0 none; }
	.proc_list .list .calendar	{ float: none; width: auto; }
	.proc_list .list .calendar .align_box	{ padding: 0; border: 0 none; }
	
	.proc_list .list .calendar .info	{ position: relative; margin-bottom: 25px; }
	.proc_list .list .calendar .info .state	{ position: absolute; display: block; right: 0; bottom: -20px; margin-top: 0; }
	
	
	.proc_list .list .regist_list	{ float: none; width: auto; border: 0 none; }
	.proc_list .list .regist_list .align_box	{ height: auto; padding: 0; margin: 0; border: 0 none; }

	.proc_list .list .calendar .td_list a	{ line-height: 15px; font-size: 11px; font-weight: normal; letter-spacing: -1px; }	
	
	.proc_list .list .calendar .td_list a.state_Y:after,
	.proc_list .list .calendar .td_list a.state_N:after	{ position: static; display: inline-block; margin-left: 5px; }


	.proc_list .place_detail .top_area .picture	{ float: none; width: auto; }
	.proc_list .place_detail .top_area .picture .pic_box	{ margin: 10px; }
	.proc_list .place_detail .top_area .picture .pic_box img	{ width: 100%; }
	.proc_list .place_detail .top_area .info_box	{ float: none; width: auto; }
	.proc_list .place_detail .top_area .info_box table	{ border-top: 1px solid #4d4d4d; }
	
	
	fieldset	{ display: block; min-width: auto; word-wrap: break-word; }
	
	.tbl1	{ display: block; table-layout: auto; width: 100%; }
	.tbl1 tbody	{ display: block; width: 100%; }
	.tbl1 tbody tr	{ position: relative; display: block; }
	.tbl1 tbody tr th	{display: block; border-width: 0 0 1px 0 !important; }
	.tbl1 tbody tr td	{ display: block; border-width: 0 0 1px 0 !important; }
	.tbl1 tbody tr td:after	{ display: inline-block; width: 1px; content: "※"; text-indent: -999px; overflow: hidden; }

	
	.proc_write .order_r	{ line-height: 45px; }
	.proc_write .order_r > *	{ margin: 0 3px; }
	
	.proc_write div.place_accessory	{ display: block; clear: both; width: 100%; overflow: hidden; overflow-x: auto; }
	.proc_write div.place_accessory:before	{ display: block; line-height: 30px; color: #3f97d0; content: "* 좌우로 이동하여 표 내용을 보실 수 있습니다."; }
	.proc_write div.place_accessory table	{ min-width: 800px; margin-top: 0; }
	
	
	
	.proc_reg_list .list	{ overflow: auto; }
	.proc_reg_list .list:before	{ display: block; line-height: 30px; content: "* 좌우로 이동하여 표 내용을 보실 수 있습니다."; color: #3f97d0; }
	.proc_reg_list .list table	{ width: 1100px; font-size: 13px; }
	
	/*
	.proc_reg_list	.list table colgroup col:nth-child(1),
	.proc_reg_list	.list table colgroup col:nth-child(2),
	.proc_reg_list	.list table colgroup col:nth-child(6),
	.proc_reg_list	.list table colgroup col:nth-child(7),
	.proc_reg_list	.list table colgroup col:nth-child(8),
	.proc_reg_list	.list table colgroup col:nth-child(9)	{ display: none; }

	.proc_reg_list	.list table thead tr th:nth-child(1),
	.proc_reg_list	.list table thead tr th:nth-child(2),
	.proc_reg_list	.list table thead tr th:nth-child(6),
	.proc_reg_list	.list table thead tr th:nth-child(7),
	.proc_reg_list	.list table thead tr th:nth-child(8),
	.proc_reg_list	.list table thead tr th:nth-child(9)	{ display: none; }

	.proc_reg_list	.list table tbody tr td:nth-child(1),
	.proc_reg_list	.list table tbody tr td:nth-child(2),
	.proc_reg_list	.list table tbody tr td:nth-child(6),
	.proc_reg_list	.list table tbody tr td:nth-child(7),
	.proc_reg_list	.list table tbody tr td:nth-child(8),
	.proc_reg_list	.list table tbody tr td:nth-child(9)	{ display: none; }
	*/
	
	
	
	
	
	.proc_reg_read .payment	{ display: block; }
	.proc_reg_read .payment colgroup	{ display: none; }
	.proc_reg_read .payment thead	{ display: none; }
	.proc_reg_read .payment tbody	{ display: block; text-align: left; }
	.proc_reg_read .payment tbody tr	{ display: block; }
	.proc_reg_read .payment tbody tr td	{ position: relative; display: block; padding-left: 160px; text-align: left !important; }
	.proc_reg_read .payment tbody tr td:before	{ position: absolute; left: 0; top: 0;  display: block; width: 150px; height: 100%; line-height: 31px; color: #fff; font-weight: bold; background-color: #636a7d; text-align: center; }
	.proc_reg_read .payment tbody tr td:after	{ display: inline-block; width: 1px; content: "※"; text-indent: -999px; overflow: hidden; }
	.proc_reg_read .payment tbody tr td:nth-child(1):before	{ content: "결제상태"; }
	.proc_reg_read .payment tbody tr td:nth-child(2):before	{ content: "승인일시"; }
	.proc_reg_read .payment tbody tr td:nth-child(3):before	{ content: "승인번호"; }
	.proc_reg_read .payment tbody tr td:nth-child(4):before	{ content: "지불수단"; }
	.proc_reg_read .payment tbody tr td:nth-child(5):before	{ content: "구분"; }
	.proc_reg_read .payment tbody tr td:nth-child(6):before	{ content: "결제금액"; }
}




.modules_fmcs_facilities h2	{ clear: both; padding: 0; margin: 30px 0 20px 0; font-size: 22px; font-weight: bold; color: #000; }
.modules_fmcs_facilities h3	{ clear: both; padding: 0; margin: 30px 0 20px 0; font-size: 20px; font-weight: bold; color: #323232; }
.modules_fmcs_facilities h4	{ clear: both; padding: 0; margin: 30px 0 20px 0; font-size: 18px; font-weight: bold; color: #323232; }

.modules_fmcs_facilities .pagejump	{ text-align: center; }
.modules_fmcs_facilities .pagejump a	{ float: none; display: inline-block; }

#process_attachfile_add	{ height: 35px; line-height: 31px; margin-top: 10px; }

.modules_fmcs_facilities .proc_reg_list	{ font-size: 16px; }


.proc_reg_list .list_tab	{ margin-bottom: 30px; }
.proc_reg_list .list_tab ul	{ padding: 0; margin: 0; list-style: none; border-bottom: 1px solid #333; }
.proc_reg_list .list_tab ul:after	{ display: block; clear: both; content: ""; }
.proc_reg_list .list_tab ul li	{ float: left; padding: 0; margin: 0 5px 0 0; list-style: none; background: none; }
.proc_reg_list .list_tab ul li a	{ display: block; width: 160px; line-height: 50px; border-width: 1px 1px 0 1px; border-style: solid; border-color: #d9d9d9; color: #666; font-size: 15px; font-weight: 600; text-align: center; background-color: #fff; }
.proc_reg_list .list_tab ul li a:focus, .proc_reg_list .list_tab ul li a:hover, .proc_reg_list .list_tab ul li a:active, .proc_reg_list .list_tab ul li a.active	{ position: relative; z-index: 2; line-height: 50px; margin-bottom: -1px; border-width: 2px 1px 0 1px; border-color: #333; color: #333; }