@charset "utf-8";

/* 버튼 */
.inline_btn									{ margin-top:2.8rem;}
.inline_btn li									{ margin:0 3px }

/* Input */
.input_bg									{ height:40px; padding:0 1em; line-height:40px; background:#f3f4f5; }

/* 검색 */
.search_area										{ overflow:hidden; margin:2em auto 4em; padding-left:.5em; border:1px solid #dcdcdc; border-top-color:#5d646d; border-radius:0 0 25px 25px; -webkit-box-shadow:0 5px 10px rgba(0,0,0,.07); -moz-box-shadow:0 5px 10px rgba(0,0,0,.07); box-shadow:0 5px 10px rgba(0,0,0,.07)}
.search_area	 .select_form					{ float:left; width:16%; height:60px; border-right:1px solid #c2c4c8}
.search_area	 .facility							{ width:18%}
.search_area	 .select_form select			{ width:100%; height:60px; overflow:hidden; padding:0 2em 0 1em; font-size:1.33em; font-weight:500; color:#343d48; letter-spacing:-.08em; text-overflow:ellipsis; white-space:nowrap;}	
.search_area .txt_form						{ position:relative; float:left; width:50%; height:60px; padding-right:11.8%;}
.search_area .txt_form input[type="text"]	{ width:100%; height:60px; padding:0 1em 0 2em; font-size:1.1em; color:#343d48; letter-spacing:-.08em;}
.search_area .txt_form .search_btn			{ position:absolute; right:0; top:0; width:23.7%; height:100%; font-size:1.16em; font-weight:500; color:#fff; background:#353d49; border-radius:0 }
.search_area .txt_form .search_btn .icon-sys_search { opacity:.5; margin-top:-1.5px; vertical-align: middle; display: inline-block;}

/* 목록 공통 */
.system_list									{ margin-bottom:6em;}
.system_list .total							{ display: block; width: 100%; margin-bottom:.5em; font-family:'Spoqa Han Sans', sans-serif; font-size:1.1em; color:#000; }
.system_list .total strong					{ font-weight:400;}

/* 상세페이지 공통 */
.tab_detail									{ margin:6em 0 }
.detail_menu								{ margin-bottom:3em; border-top:2px solid #5d646d; text-align:center;}
.detail_menu li								{ float:left; width:50%; font-family:'Spoqa Han Sans', sans-serif; font-weight:700; font-size:1.23em; letter-spacing:-.07em; color:#959595; background:#f0f0f0}
.detail_menu li.active						{ color:#000; background:#fff}
.detail_menu li a							{ display:block; padding:.65em 0 .55em;}
.detail_con .text							{ display:none; }
.detail_con .text.active					{ display:block;}
.tab_detail .btn_map						{ display:inline-block; *display:inline; margin-left:.5em; padding:.2em 1em; font-size:.75em; font-weight:300; color:#fff; background:#353d49; border-radius:1em; *zoom:1}
.tab_detail .map_box						{ margin-top:1em}
.tab_detail .map_box .root_daum_roughmap { width:100% !important}
.editor_con									{ margin:1em auto 3em}
.editor_con img							{ height:auto !important}

/* 상세, 예약 공통 */
.detail_tit										{ margin-bottom:.5em; font-size:1.66em; font-weight:700; color:#000; letter-spacing:-.08em;}
.text_tit										{ margin:1em 0 .5em; font-size:1.4em; font-weight:500; color:#000; letter-spacing:-.08em;}
.compliance li								{ position:relative; margin-bottom:.3em; padding-left:.5em; font-size:1.1em; font-family:'Spoqa Han Sans', sans-serif; letter-spacing:-.05em;}
.compliance li::before						{ content:"·"; position:absolute; top:0; left:-.1em; }
.compliance li strong						{ font-weight:500; color:#1c6fd4}


@media screen and (max-width:1200px){
	/* 검색 */
	.search_area	 .select_form select				{ padding:0 1.5em 0 .7em; font-size:1.2em; }	
	.search_area .txt_form input[type="text"]	{ padding:0 1em; font-size:1em;}
	.search_area .txt_form .search_btn			{ font-size:1.1em; }
}

@media screen and (max-width:1024px){
	/* 검색 */	
	.search_area											{ margin:1em auto 3em; padding-left:0; border-right:0}
	.search_area	 .select_form						{ width:33.33%;height:50px; }
	.search_area	 .facility								{ width:33.33%}
	.search_area	 .select_form select				{ height:50px; font-size:1.1em; }	
	.search_area .txt_form							{ width:100%; height:50px; border-top:1px solid #c2c4c8}
	.search_area .txt_form input[type="text"]	{ height:50px; }
	.search_area .txt_form .search_btn			{ font-size:1em; }
}
@media screen and (max-width:600px){
	/* 버튼 */
	.inline_btn			{ margin-top:2rem}

	/* 목록 공통 */
	.system_list .total	{ margin-bottom:.5em; font-size:1em;}
}
@media screen and (max-width:500px){
	/* 검색 */
	.search_area										{ border-radius:0 0 15px 15px}
	.search_area	 .select_form					{ width:50%; }
	.search_area	 .facility							{ width:100%; overflow:hidden; border-bottom:1px solid #c2c4c8}
}



/* =================================================================================================
												   공통 : 예약하기
 ================================================================================================= */

/* 예약정보입력 */
.system_rsv section + section			{ margin-top:4em;}
.table_rsv									{ width:100%; border-top:2px solid #343d48}
.table_rsv input								{ border-radius:0}
.table_rsv thead th						{ text-align:center; color:#343d48; background:#f3f4f5; }
.table_rsv .title th							{ padding:.9em; font-family:'Spoqa Han Sans', sans-serif; font-size:1.4em; letter-spacing:-.03em; }
.table_rsv .thead th						{ padding:1em .5em; font-size:1.2em; letter-spacing:-.045em; }
.table_rsv .title th .more				{ position:relative; display:inline-block; *display:inline; margin-left:5px; font-size:.75em; font-weight:400; opacity:.7; *zoom:1}
.table_rsv .title th .more::before	{ position:absolute; bottom:0; left:0; width:100%; height:1px; background:#8b8f96; content:""}
.table_rsv tbody th						{ padding:.7em; font-size:1.2em; font-weight:500; color:#343d48; letter-spacing:-.045em; background:#fafafa; border-right:1px solid #d6d8da; border-bottom:1px solid #eaebec}
.table_rsv tbody td						{ padding:.7em 1.5em; font-size:1.16em; font-weight:300; border-bottom:1px solid #eaebec}
.table_rsv .bL								{ border-left:1px solid #d6d8da; }
.table_rsv .input_bar						{ border-bottom:1px solid #ddd; }
.table_rsv .info								{ display:inline-block; *display:inline; margin-left:.5em; font-size:.91em; color:#343d48; *zoom:1}
.table_rsv .input_list li + li				{ margin-top:.2em }
.table_rsv .input_inline li					{ display:inline-block; *display:inline; color:#343d48; *zoom:1}
.table_rsv .input_inline li + li			{ margin-left:2em}
.table_rsv .input_list li.address			{ margin-top:1em;}
.table_rsv .address	 .add_basic			{ width:350px; }
.table_rsv .address	 .add_detail			{ width:100%; max-width:454px; margin-top:.3em}
.table_rsv .address .btn_white			{ height:40px; width:100px; vertical-align:top}
.table_rsv .rsv_info							{ margin-top:1em; font-size:.91em; color:#1c6fd4}
.table_rsv .rsv_info li						{ letter-spacing:-.03em;}
.table_rsv .rsv_info li + li					{ margin-top:.7em; }
.table_rsv .rsv_info li strong				{ display:block; }
.system_rsv .rule_area					{ padding:1em; letter-spacing:-.05em; background:#f5f5f6 }
.system_rsv .agree							{ margin-top:.5em; text-align:center; font-size:1.23em; font-weight:300; letter-spacing:-.08em; color:#000; }
.system_rsv .btn							{ width:280px; height:60px; line-height:58px; }

.agree_area									{ margin:1.5em 0 3em; text-align:center; font-size:1.18em; font-weight:300; letter-spacing:-.05em; }
.agree_area button		{ position:relative; display:inline-block; *display:inline; margin-left:.5em; font-size:.92em; color:#888; font-weight:400; letter-spacing:-.05em; *zoom:1}
.agree_area button::before	{ position:absolute; bottom:0; left:0; width:100%; height:1px; background:#8b8f96; content:""}
.agree_area button .arr	{ position:relative; display:inline-block; *display:inline; width:8px; height:8px; *zoom:1 }
.agree_area button .arr::before { position:absolute; top:-3px; left:0; width:100%; height:100%; border:solid #8b8f96; border-width:0 1px 1px 0; transform:rotate(-45deg); content:'';}

/* 모달 */
.modal									{ width:94%;}
.modal .pop_tit							{ margin-bottom:1em; padding:.7em 1em .5em; font-size:1.4em; font-weight:500; color:#343d48; letter-spacing:-.05em; border-bottom:1px solid #ddd}
.modal.rule								{ max-width:650px;}
.modal.rule	.rule_con					{ max-height:250px; margin:1em 1.5em 1.5em; overflow-y:auto; }
.modal.rule	.rule_con	 strong		{ display:block; margin-top:1em}
.modal.rule	.rule_con li				{ position:relative; padding-left:1.2em; }
.modal.rule	.rule_con li::before			{ content:"□"; position:absolute; top:0; left:0;}
.modal.rule .close_btn						{ position:absolute; top:.8em; right:1em; width:2em; height:2em; }
.modal.rule .close_btn::before,
.modal.rule .close_btn::after			{ background:#343d48}
.modal.rule li.blod				{ font-weight:700; color:#f75d14}
.modal.rule .rule_article			{ margin-top:1em}
.modal.rule .rule_article li			{ margin-top:.2em; font-size:.9em; font-weight:700}
.modal.rule .rule_article li::before	{content:"※"}


/* 주소찾기 */
.layer_btn_area								{ text-align:right; background:#343d48}
.layer_btn_area	 .close_btn 				{ position:relative; display:inline-block; width:25px; height:30px; margin-right:7px; background:#343d48;}
.layer_btn_area	 .close_btn::before,
.layer_btn_area	 .close_btn::after				{ background:#fff}

/* 예약확인 리스트 */
.rsv_list								{ margin-bottom:3em; }
.rsv_list tbody td					{ padding:1em .7em; text-align:center; letter-spacing:-.045em; color:#343d48; border-left:1px solid #d6d8da}
.rsv_list tbody td:first-child		{ border-left:0}
.rsv_list tbody tr:last-child td	{ border-bottom-color:#343d48}
.rsv_list tbody .title				{ font-weight:700 }	
.rsv_list tbody td .date			{ font-size:0.89em; letter-spacing:-.005em;}
.rsv_list tbody td .state			{ color:#1c6fd4 }
.rsv_list tbody td .small			{ display:block; font-size:.88em;}
.rsv_list tbody td .btn_white	{ padding:.2em .8em; font-size:.85em;}
.rsv_list tbody td .btn_white .icon-sys_search { font-size:.9em; margin-right:.25em}


/* 예약확인 상세 */
.rsv_receipt							{ margin-bottom:1em; font-family:'Spoqa Han Sans', sans-serif; text-align:center; }
.rsv_receipt *						{ vertical-align:middle}
.rsv_receipt .number				{ display:inline-block; *display:inline; font-size:1.33em; color:#343d48; letter-spacing:-.03em; *zoom:1; }
.rsv_receipt	.date					{ display:inline-block; *display:inline; margin-left:.7em; font-size:1.2em; *zoom:1}
.rsv_view .rsv_info li				{ position:relative; margin:0; padding-left:.5em }
.rsv_view .rsv_info li::before		{ position:absolute; top:0; left:0; content:"-"}
.rsv_compliance					{ margin-top:3em; padding:.5em 0 2.5em; border:solid #eee; border-width:1px 0 }

/* 모달 */
.modal.cancel								{ max-width:450px;}
.modal.cancel p							{ text-align:center; font-size:1.15em; letter-spacing:-.05em; }
.modal.cancel .refund ul					{ margin:1em 1.5em;}
.modal.cancel .refund li					{ margin-top:.5em}
.modal.cancel .refund li strong			{ display:block; margin-bottom:.2em; font-size:1.1em; color:#343d48; font-weight:500; letter-spacing:-.05em;}
.modal.cancel .refund li input			{ width:100%}
.modal.cancel .close_btn					{ position:initial; top:auto; right:auto; width:auto; height:auto; }
.modal.cancel .close_btn::before,
.modal.cancel .close_btn::after			{ display:none}
.modal.cancel .inline_btn				{ margin:1.5rem auto 2rem;}
.modal.cancel .inline_btn .btn			{ font-size:17px; height:35px; line-height:33px; vertical-align:top}


@media screen and (max-width:1024px){
	/* 예약정보입력 */
	.table_rsv .title th							{ font-size:1.3em; }
	.table_rsv tbody td						{ padding:.7em;}

	/* 예약확인 리스트 */
	.rsv_list										{ border:0;}
	.rsv_list tbody,
	.rsv_list thead,
	.rsv_list tr,
	.rsv_list tbody th,
	.rsv_list tbody td							{ display:block; text-align:left; }
	.rsv_list tbody td							{ padding:.2em 1em; border:0}
	.rsv_list tbody td .mobile				{ display:inline-block; *display:inline; margin-right:.2em; *zoom:1}
	.rsv_list tbody td .date					{ font-size:1em;}
	.rsv_list tbody td .small					{ display:inline-block; *display:inline; }
	.rsv_list tbody::after						{ clear:both; display:block; content:""}
	.rsv_list tbody								{ font-size:0;}
	.rsv_list tr									{ display:inline-block; *display:inline; width:49%; margin-bottom:1em; font-size:1rem; vertical-align:top; border:1px solid #bdbdbd; border-radius:15px; *zoom:1}
	.rsv_list tr:nth-child(2n)					{ margin-left:2%}
	.rsv_list td:last-child						{ padding:1em 0 0}
	.rsv_list .title									{ padding:1em 1em .5em; font-weight:500; font-size:1.3em; margin-bottom:.5em:}
	.rsv_list tbody td .btn_white			{ display:block; padding:.75em 0; font-size:1em; font-weight:500; color:#343d48; text-align:center; background:none; border-width:1px 0 0}
}

@media screen and (max-width:768px){
	/* 예약정보입력 */
	.table_rsv .input_inline li + li			{ margin-left:.6em}
	.table_rsv .input_bg						{ height:35px; line-height:35px }
	.table_rsv .address .btn_white			{ height:35px; }
	.agree_area button .arr::before			{ top:-1px}
}
@media screen and (max-width:668px){
	/* 예약확인 리스트 */
	.rsv_list tr									{ width:100%;}
	.rsv_list tr:nth-child(2n)					{ margin-left:0}
}
@media screen and (max-width:640px){
	/* 예약정보입력 */
	.table_rsv tbody,
	.table_rsv thead,
	.table_rsv tr,
	.table_rsv th,
	.table_rsv td									{ display:block;}
	.table_rsv tbody th						{ padding:.5em .7em; text-align:left; border-right:0 }
	.table_rsv .input_bar						{ width:35%}
	.table_rsv .address .add_basic			{ width:-webkit-calc(100% - 6em); width:-moz-calc(100% - 6em); width:calc(100% - 6em) }
	.table_rsv .address .add_detail			{ max-width:100%}
	.table_rsv .address .btn_white			{ width:5.5em}
	.system_rsv .btn							{ width:auto; min-width:130px;height:45px; line-height:43px; }
	.agree_area									{ margin:1em 0 2em; font-size:1.1em;}

	/* 주소찾기 */
	#layer										{ width:92% !important; left:4% !important }
	.root_daum_roughmap				{ height:300px !important }
	

	/* 예약확인 상세 */
	.rsv_receipt .number						{ font-size:1.2em;}
	.rsv_receipt .date							{ display:block; margin-left:0; font-size:1.05em;}
}

@media screen and (max-width:500px){
	/* 예약정보입력 */
	.table_rsv .input_list span				{ display:block; margin-left:1em}
	.table_rsv .input_bar						{ width:60%}
	.table_rsv .input_inline li					{ width:48%; margin-bottom:.2em}
	.table_rsv .input_inline li + li			{ margin-left:0}
	.table_rsv .input_bg						{ padding:0 .6em; }

	
	/* 예약확인 리스트 */
	.rsv_list tbody td .mobile					{ letter-spacing:-.065em }
	
	
	/* 모달 */
	.modal.rule .pop_tit								{ padding:.7em 1em; font-size:1.3em;}
}





/* =================================================================================================
												   교육강좌
 ================================================================================================= */
 /* 리스트 */
.edu_list							{ border-top:2px solid #343d48; border-bottom:2px solid #dadcde}
.edu_list>li						{ margin-bottom:1em;}
.edu_list>li + li					{ border-top:1px solid #343d48}
.edu_list li .title					{ position:relative; padding:1.5em 160px 1.5em 7%; background:#f6f6f6} 
.edu_list li .title *				{ vertical-align:middle}
.edu_list li .title .cate			{ display:inline-block; *display:inline; font-size:1.26em; letter-spacing:-.07em; font-weight:500; *zoom:1 }
.edu_list li .title .cate.orange		{ color:#f75d14}
.edu_list li .title .cate.blue			{ color:#1e66d0; }
.edu_list li .title .cate.green			{ color:#008238; }
.edu_list li .title .cate.yellow			{ color:#d6b400; }
.edu_list li .title .cate.gray			{ color:#707070; }
.edu_list li .title strong		{ display:inline-block; *display:inline; margin-left:1.5em; font-size:1.33em; color:#343d48; letter-spacing:-.07em; font-weight:500; *zoom:1 }
.edu_list li .title .btn_view	{ position:absolute; display:block; top:50%; right:30px; width:120px; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); padding:.3em; font-size:1.1em; color:#515151; letter-spacing:-.08em; text-align:center; background:#fff; border:1px solid #b5bcc4; border-radius:3px; }
.edu_list li .con					{ position:relative; padding:1.5em 150px 1.5em 6%}	
.edu_list li .con .state			{ position:absolute; right:48px; top:2.5em; width:90px; height:90px; border-radius:50%; }
.edu_list li .con .state>span{ position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); text-align:center; color:#fff; font-size:1.2em; letter-spacing:-.08em; }
.edu_list li .con .state.state01{ background:#ff6c27}
.edu_list li .con .state.state02{ background:#266cd2}
.edu_list li .con .state.state03{ background:#353d49}
.edu_list li .con .state.state04{ background:#a1a1a1}
.edu_list li .con li				{ float:left; position:relative; width:50%; margin:.2em 0; padding-left:.85em; *zoom:1}
.edu_list li .con li::before		{ position:absolute; left:0; top:.6em; width:3px; height:3px; background:#000; content:""}
.edu_list li .con li::after		{ display:block; clear:both; content:""}
.edu_list li .con li>strong	{ float:left; width:6em; font-size:1.1em; color:#85898e; font-weight:300; letter-spacing:-.055em; }
.edu_list li .con li>span		{ float:left; width:70%; width:-webkit-calc(100% - 6em); width:-moz-calc(100% - 6em); width:calc(100% - 6em); color:#000; font-size:1.2em; }

/* 상세페이지 */
.edu_view h4					{ padding:1.5em; text-align:center; line-height:1.5; background:#f7f7f8; border-top:2px solid #353d49; border-bottom:1px solid #fff; }
.edu_view h4 strong			{ display:inline-block; font-size:1.66em; font-weight:500; letter-spacing:-.07em; color:#343d48; vertical-align:middle; }
.edu_view h4 .place			{ display:inline-block; margin-right:5px; padding:.1em .7em; color:#f75d14; font-size:1.06em; font-weight:300; letter-spacing:-.08em; vertical-align:middle; background:#fff; border:1px solid #ff7b3d; border-radius:1em}
.edu_view_table				{ width:100%; border-top:1px solid #e0e1e3}
.edu_view_table th,
.edu_view_table td			{ padding:1em 1.5em; font-size:1.2em; border-bottom:1px solid #e1e2e4 }
.edu_view_table th			{ text-align:center; letter-spacing:-.065em; font-weight:500; color:#646b73; background:#f5f5f6}
.edu_view_table td			{ font-weight:300; color:#000; letter-spacing:-.07em;  }
.edu_view_table td strong	{ font-weight:400; letter-spacing:0;}
.edu_view_table td .state	{ display:inline-block; padding:.2em 1.3em; margin-left:5px; font-size:.91em; color:#fff; background:#646b73; border-radius:5px}
.edu_view .btn					{ width:230px; height:55px; line-height:53px; }

.place_table th					{ background:#f2f2f2}
.place_table td					{ text-align:left;}		


@media screen and (max-width:1200px){
	 /* 리스트 */
	.edu_list li .title					{ padding:1.1em 160px 1.1em 1.5em}
	.edu_list li .con					{ padding:1em 150px 1em 1em }
	.edu_list li .con .state			{ top:2em}
	.edu_list li .con li>strong	{ width:4.5em; font-size:1em}
	.edu_list li .con li>span		{ font-size:1.1em;}

	/* 상세페이지 */
	.edu_view h4					{ padding:1em}
	.edu_view h4 .place			{ font-size:1em;}
	.edu_view h4 strong			{ font-size:1.45em;}
	.edu_view_table th,
	.edu_view_table td			{ padding:.7em 1em; font-size:1.1em; }
	.edu_view_table td .state	{ padding:.1em .7em}
}
@media screen and (max-width:1024px){
	 /* 리스트 */
	.edu_list li .title .cate		{ font-size:1.1em;  }
	.edu_list li .title strong	{ margin-left:1em; font-size:1.25em; }
	.edu_list li .con .state		{ top:1.3em}
	.edu_list li .con li>strong{ font-size:1em}
	.edu_list li .con li>span	{ font-size:1.05em;}

	/* 상세페이지 */
	.edu_view .btn				{ width:180px; height:45px; line-height:43px; }
}
@media screen and (max-width:840px){
	 /* 리스트 */
	.edu_list li .con li			{ float:none; width:100%}

	/* 상세페이지 */
	.edu_view_table tbody,
	.edu_view_table tr					{ display:block; *zoom:1}
	.edu_view_table tbody::after,
	.edu_view_table tr::after			{ display:block; clear:both; content:""}
	.edu_view_table th,
	.edu_view_table td				{ display:block; float:left; }
	.edu_view_table th				{ width:6em}
	.edu_view_table td				{ width:-webkit-calc(100% - 6em); width:-moz-calc(100% - 6em); width:calc(100% - 6em)}
	.edu_view_table .summary		{ display:none }
}
@media screen and (max-width:768px){
	 /* 리스트 */
	.edu_list li .con .state			{ top:2em; right:30px; width:75px; height:75px}
	.edu_list li .title .btn_view	{ right:20px; width:100px; font-size:1.05em; }
	.edu_list li .title,
	.edu_list li .con					{ padding-right:120px}

	/* 상세페이지 */
	.edu_view_table td .state		{padding:.2em .7em .26em; line-height:1}

	.place_table,
	.place_table tr,
	.place_table th,
	.place_table td,
	.place_table tbody			{ display:block}
	.place_table.table tbody th	{ padding-bottom:0; text-align:left; border-bottom:0; background:none }
	.place_table tbody td			{ padding-top:0; border-left:0}
}
@media screen and (max-width:640px){
	 /* 리스트 */
	.edu_list li .title .cate			{ display:block; }
	.edu_list li .title strong		{ display:block; overflow:hidden; margin:.1em 0 0; text-overflow:ellipsis; white-space:nowrap;}

	/* 상세페이지 */
	.edu_view .btn				{ width:auto; }
}
@media screen and (max-width:500px){
	 /* 리스트 */
	.edu_list li .title .btn_view	{ display:none}
	.edu_list li .title,
	.edu_list li .con					{ padding-right:0}
	.edu_list li .con .state			{ display:inline-block; top:-4.25em; right:1em; width:auto; height:auto; padding:.1em .5em; border-radius:3px}
	.edu_list li .con .state>span	{ position:relative; top:auto; width:auto; font-size:1em;}

	/* 상세페이지 */
	.edu_view_table th,
	.edu_view_table td				{ float:none; }
	.edu_view_table th				{ width:100%; padding:.9em .5em 0; text-align:left; background:none; border-bottom:0 }
	.edu_view_table td				{ width:100%; padding:0 .5em .8em; font-size:1.2em;}
	.edu_view .btn						{ height:40px; line-height:38px; }
}


/* =================================================================================================
												
												시설장비
												
 ================================================================================================= */
 /* 리스트 */
.fac_list							{ border-top:2px solid #343d48; padding-top:3em }
.fac_list>li						{ width:calc(50% - 1.5em); margin-bottom:3em; border:1px solid #dcdcdc; border-radius:1em; padding:2.667em 2.333em }
.fac_list>li:nth-child(odd)			{ float:left; }
.fac_list>li:nth-child(even)		{ float:right; }
.fac_list>li .item					{ width:100%; display:block; position:relative; margin:0 auto; padding:0 0 0 20em; z-index:0; min-height:15.8em  }		
.fac_list>li .item .img_box			{ position:absolute; left:0; top:0; width:18.667em; }
.fac_list>li .item .img_box .state	{ position:absolute; top:0; left:0; padding:.5em; background:rgba(38,108,210,1); font-size:1em; color:#fff; max-width:53px; line-height:1; font-size:1.033em; z-index:2; text-align:center; font-weight:200  }
.fac_list>li .item .img_box a		{ display:block; position:relative; width:100%; height:0; padding-top:75%; z-index:1; font-size:0; text-indent:-9999em; background-size:cover !important; background-repeat:no-repeat!important; background-position:50% 50%!important;}
.fac_list>li .item .con				{ padding:0; margin:0; width:100%;  }
.fac_list>li .item .title			{ display:block; position:relative; font-size:1.467em; font-weight:500; color:#000; letter-spacing:-0.075em; padding:0; white-space:nowrap; line-height:1.3; text-overflow:ellipsis; overflow:hidden; margin-bottom:.2em }
.fac_list>li .item .text			{ display:block; position:relative; font-size:1.133em; font-weight:300; color:#373a3f; letter-spacing:-0.075em; padding:0; white-space:nowrap; line-height:1.3;
										text-overflow:ellipsis; overflow:hidden; margin-bottom:.2em; font-family:'Spoqa Han Sans', sans-serif; }
.fac_list>li .item ul				{ display:block; margin-top:1em; }
.fac_list>li .item ul li			{ display:block; position:relative; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:rgba(0,0,0,1); font-size:1.167em; padding-left:3em; font-weight:300; letter-spacing:-.075em}
.fac_list>li .item ul li span		{ position:absolute; left:0; top:50%; color:rgba(0,0,0,.5); font-size:.943em; transform:translateY(-50%);  }
.fac_list>li .item ul li + li		{ margin-top:0.3em; }
.fac_list>li .item ul li:last-child	{ white-space:inherit; text-overflow:inherit; }
.fac_list>li .item ul li p			{ display:inline-block; padding:2px 0; font-size:.914em; letter-spacing:-.06em;  }
.fac_list>li .item ul li i			{ display:inline-block; margin-right:4px; width:1.6em; height:1.5em; font-style:inherit; border-radius:100%; font-size:.85em; text-align:center; letter-spacing:0 }
.fac_list>li .item ul li .weekday	{ margin-right:7px; }
.fac_list>li .item ul li .weekday i	{ border:1px solid #aec8ee; color:#266cd2; }
.fac_list>li .item ul li .weekend i	{ border:1px solid #fabea3; color:#f57c44; }
.fac_list>li .item .link			{ width:100%; margin-top:1.4em }
.fac_list>li .item .link a			{ display:inline-block; margin-right:5px; font-size:1.1em; vertical-align:middle; margin-top:-1px; font-weight:300 }
.fac_list>li .item .link .view		{ border:1px solid #d6d8da; color:#515151; transition:border 0.2s, color 0.2s, background 0.2s}
.fac_list>li .item .link .reser		{ border:1px solid #bdd3f1; color:#266cd2; transition:border 0.2s, color 0.2s, background 0.2s}
.fac_list>li .item .link .btn		{ border-radius:5px; padding:.438em 1.688em; height:inherit; line-height:inherit }

.fac_list>li .item .link .view:hover	{ border:1px solid #515151; background:#515151; color:#fff; }
.fac_list>li .item .link .reser:hover	{ border:1px solid #266cd2; background:#266cd2; color:#fff; }

/* 예약불가시 */
.fac_list>li .item.soldout .img_box .state{ background:#343d48;  }


/* 상세페이지 */
.fac_view															{ }
.fac_view .fac_view_top												{ position:relative }

/* 이미지 */
.fac_view_top .img_area												{ float:left; width:48.1485%; }
.fac_view_top .img_area .owl-carousel								{ width:100%; }
.fac_view_top .img_area .owl-carousel .item							{ padding-top:69.445%; background-position:50% 50%; background-size:cover }
.fac_view_top .img_area .theme										{ display:block; width:100%; margin-top:1% }
.fac_view_top .img_area .theme li									{ float:left; width:19.2%; }
.fac_view_top .img_area .theme li+li								{ margin-left:1%; }
.fac_view_top .img_area .theme li a									{ display:block; width:100%; padding-top:69.445%; background-position:50% 50%; background-size:cover }

/* 시설정보 */
.fac_view_top .info_area											{ float:right; width:46.29%; }
.fac_view_top .info_area h4 										{ display:block; margin:0; padding:0; font-size:2em; line-height:1.5; font-weight:500; color:#343d48 }
.fac_view_top .info_area h4 .state									{ display:inline-block; vertical-align:middle; font-size:.55em; color:#266cd2; font-weight:300; }
.fac_view_top .info_area .txt										{ border-top:1px solid #d6d8da; margin-top:1em; padding-top:1.5em }
.fac_view_top .info_area .txt li									{ float:none; position:relative; padding-left:18%; padding-top:5px; padding-bottom:5px; font-family:'Spoqa Han Sans'; font-size:1.2em; letter-spacing:-.07em; font-weight:400}
.fac_view_top .info_area .txt li span								{ display:inline-block; padding:0 .5em }
.fac_view_top .info_area .txt li strong								{ position:absolute; left:0; top:50%; font-weight:400; font-size:1em; color:#8d9298; transform:translateY(-50%); font-family:'Noto Sans KR'; letter-spacing:-.065em }
.fac_view_top .info_area .txt li.first								{ font-size:1.233em; font-weight:bold; color:#000; }
.fac_view_top .info_area .txt li.first strong						{ font-size:0.973em }
.fac_view_top .info_area .txt li i									{ display:inline-block; margin-right:4px;  font-style:inherit; border-radius:1em; font-size:.85em; text-align:center; padding:.1em .5em; font-weight:300 }
.fac_view_top .info_area .txt li p.weekday,
.fac_view_top .info_area .txt li p.weekend							{ float:left }
.fac_view_top .info_area .txt li .weekday							{ margin-right:.5em; }
.fac_view_top .info_area .txt li p.weekday							{ margin-right:1em }
.fac_view_top .info_area .txt li .weekday i,
.fac_view_top .info_area .txt li i.weekday 							{ border:1px solid #aec8ee; color:#266cd2; }
.fac_view_top .info_area .txt li .weekend i,
.fac_view_top .info_area .txt li i.weekend 							{ border:1px solid #fabea3; color:#f57c44; }
.fac_view_top .info_area .txt li i.period							{ border:1px solid rgba(0,0,0,1); background:rgba(0,0,0,.8); color:#fff; }
.fac_view_top .info_area .txt.fw300 li								{ font-weight:300;  }
.fac_view_top .info_area .link										{ margin-top:2em }
.fac_view_top .info_area .link a									{ display:inline-block; float:left; width:49.5%; height:55px; line-height:53px; }
.fac_view_top .info_area .link a span								{ display:inline-block; margin-right:.2em; vertical-align:middle; margin-top:-2px}
.fac_view_top .info_area .link a+a									{ margin-left:1%; }
.fac_view_top .info_area .link a:last-child span					{ margin-top:-4px; }
.fac_view_top .info_area .link a:first-child:nth-last-child(1),
.fac_view_top .info_area .link a:first-child:nth-last-child(1) a	{ width:100%; }
.detail_con .text .text_tit.add						{ margin-bottom:1em; text-align:center}
.fac_view .scroll_txt												{ display:none; }

/* 예약불가시 */
.fac_view_top .info_area.soldout h4 .state							{ color:#343d48; }



/* 예약현황정보 */
.reservation_status													{ width:100%; border:1px solid #b5b5b5; padding:4.667em 3.333em; margin-top:4em; border-radius:2em; display:none; }
.reservation_status h5												{ display:block; line-height:1; font-size:1.533em; color:#343d48; letter-spacing:-.11em; margin-bottom:.75em }
.reservation_status h5 .choice										{ display:inline-block; margin-left:1em; font-weight:500; color:#1c6fd4; font-size:0.783em; letter-spacing:0 }
.reservation_status .re_calendar									{ float:left; width:48%; }
.reservation_status .re_info										{ float:right; width:48%; }
.reservation_status .status											{ margin-top:1em }
.reservation_status .status	li										{ float:left; font-family:'Spoqa Han Sans'; font-size:0.933em; font-weight:400; color:#343d48; letter-spacing:-.07em}
.reservation_status .status	li+li									{ margin-left:1em }
.reservation_status .status	span									{ display:inline-block; vertical-align:middle; margin-right:5px; width:18px; height:13px; margin-top:-2.5px  }
.reservation_status .status .possible								{ border:1px solid #777777; }
.reservation_status .status .sold									{ background:#e3e3e3; }

/* 달력 */
.calendar_top														{ position:relative; height:53px; padding:0;  text-align:center; background:#eff0f2; border-top:1px solid #343d48 }
.calendar_top .year													{ position:relative; clear:both; width:30%; margin:0 auto; text-align:center; color:#343d48; font-size:1.4em; letter-spacing:-.05em}
.calendar_top .year strong											{ display:inline-block; line-height:53px; font-weight:500  }
.calendar_top .year>a												{ position:absolute; display:inline-block; top:50%; font-size:.714em; transform:translateY(-50%); font-weight:bold }
.calendar_top .year .icon-page_prev									{ left:0; }
.calendar_top .year .icon-page_next									{ right:0; }
.perf_calendar														{ clear:both; }
.perf_calendar .sun													{ color:#ff3c08 !important}
.perf_calendar .sat													{ color:#266cd2 !important}
.perf_calendar>ul>li												{ float:left; width:14.285%;  }
.perf_calendar ul.weekdays .sun,
.perf_calendar ul.weekdays .sat										{ color:#343d48 !important; }
.perf_calendar ul.weekdays li										{ padding:10px; font-size:0.933em; color:#343d48; text-align:center; border:1px solid #c2c4c8; border-left-width:0; border-top-width:0; font-weight:400; }
.perf_calendar ul.weekdays li:first-child							{ border-left:1px solid #c2c4c8 }
.perf_calendar .days												{ zoom:1}
.perf_calendar .days:after											{ display:block; clear:both; content:""}
.perf_calendar .days>li												{ position:relative; height:56px; padding:5px 10px; border:1px solid #c2c4c8; border-top:0; border-bottom-color:#c2c4c8; border-left-width:0; }
.perf_calendar .days>li:first-child									{ border-left:1px solid #c2c4c8 }
.perf_calendar .days>li:hover										{ background:#fffce7;}
.perf_calendar .date												{ position:absolute; width:100%; height:100%; top:0; left:0; text-align:center; line-height:56px; font-size:1em; color:#6e7379; font-family:'Spoqa Han Sans'; font-weight:300; cursor:pointer }
.perf_calendar .date.choice											{ background:#1c6fd4; color:#fff !important; }
.perf_calendar .date.sold											{ background:#f1f1f1; text-decoration:line-through }
.perf_calendar .event li											{ margin:.4em 0 }
.perf_calendar .event a												{ display:block; overflow:hidden; line-height:20px; font-size:.93em; color:#333; letter-spacing:-.075em; text-overflow:ellipsis; white-space:nowrap; }
.perf_calendar .event a span										{ display:inline-block; *display:inline; height:12px; width:12px; font-size:.92em; text-align:center; border-radius:50%; }
.perf_calendar .other-month											{ background:#fff; }
.perf_calendar .other-month .date,
.perf_calendar .other-month .event a								{ opacity:.5 }

/*  예약현황 */
.reservation_status .re_info .re_info_text							{ }
.reservation_status .re_info .re_info_text ul						{ width:100%; border-top:1px solid #6e6e6e; border-left:1px solid #dcdcdc  }
.reservation_status .re_info .re_info_text ul li					{ float:left; width:50%; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; line-height:50px; font-size:1.033em; font-weight:300; letter-spacing:0; background:#f9f9f9; 
																		color:#000; text-align:center }
.reservation_status .re_info .re_info_text ul li.sold				{ background:#eeeeee; color:#959595; text-decoration:line-through; }
.reservation_status .re_info .link									{ margin-top:2.7em }
.reservation_status .re_info .link a								{ display:inline-block; float:left; width:49.5%; height:55px; line-height:53px; }
.reservation_status .re_info .link .btn_white						{ color:#1c6fd4; border-color:#0c468d }
.reservation_status .re_info .link a span							{ display:inline-block; margin-right:.2em; vertical-align:middle; margin-top:-2px}
.reservation_status .re_info .link a+a								{ margin-left:1%; }
.reservation_status .re_info .link a:last-child span				{ margin-top:-4px; }
.reservation_status .re_info .link a:first-child:nth-last-child(1),
.reservation_status .re_info .link a:first-child:nth-last-child(1) a{ width:100%; }

/* 상세정보 */
.fac_view .billiard													{ margin-top:1em; margin-bottom:4em }


/*시설장비 : 예약하기 : 날짜선택*/
.fac_re_time														{ }
.fac_re_time .calendar_top											{ height:inherit; border-top:none; background:none; margin-bottom:3em }
.fac_re_time .calendar_top .year									{ width:22% }
.fac_re_time .calendar_top strong									{ font-size:2em; letter-spacing:-.05em; font-weight:bold }
.fac_re_time .calendar_top .year .arrow								{ width:2.5em; height:2.5em; border-radius:100%; background:#eaebec; text-align:center; line-height:2.5em; margin-top:2.5px }
.fac_re_time .calendar_top .year .icon-page_prev:before				{ margin-left:-3px; }
.fac_re_time .calendar_top .year .icon-page_next:before				{ margin-left:2px; }
.fac_re_time .calendar_top .billiard								{ display:table; margin:1em auto 0 auto; color:#343d48; font-family:'Spoqa Han Sans'; font-size:1.333em; font-weight:300; }
.fac_re_time .calendar_top .billiard .blue							{ font-weight:500 }

/* 달력 */
.fac_re_time .re_calendar_con										{ border-top:2px solid #343d48; background:#f7f7f8 }
.fac_re_time .re_calendar_con .perf_calendar						{ float:left; width:63%; background:#fff }


/* 시간선택 */
.fac_re_time .re_calendar_con .re_info								{ float:right; width:37%;  }
.fac_re_time .re_calendar_con .re_info h5							{ line-height:59px; text-align:center; font-size:1.267em; color:#343d48; letter-spacing:-.11em; }
.fac_re_time .re_calendar_con .re_info h5 .icon-clock				{ display:inline-block; margin-right:.25em; font-size:1.579em; font-weight:300; color:#9ea4ac; vertical-align:middle; margin-top:-5px }
.fac_re_time .re_calendar_con .re_info h5 .choice					{ display:inline-block; margin-left:1em; font-weight:bold; color:#1c6fd4; font-size:0.947em; letter-spacing:-.02em; font-family:'Spoqa Han Sans';}
.fac_re_time .re_calendar_con .re_info_text							{ width:90%; border-top:1px solid #6e6e6e; border-bottom:1px solid #dcdcdc; background:#fff;margin: 0 auto 1.5em auto; padding-top: 1em;text-align: center;  }
/*re_info_text a {min-width: 80px; margin: 20px 10px 0 auto; background: #1e66d0;color: #fff; font-size: 1.1em; border-radius: 2em; padding: 10px; text-align: center; font-weight: 300; letter-spacing: -.06em; display: inline-block;}*/
.re_info_choice {display: inline-block;width: calc(100%/4 - 10px); margin-right: 5px;}
.re_info_choice:last-of-type { margin-right: 0;}
.re_info_choice label {font-size:16px;}
.fac_re_time .re_calendar_con .re_info_text label					{ display:block; font-size:1.2em; font-weight:500; color:#343d48; margin-bottom:.5em }
.fac_re_time .re_calendar_con .re_info_text .select_bg				{ background:url(/images/itgrt/sub/bg_select_arr1.jpg) no-repeat right  center #f3f4f5; position:relative; height:40px; padding:0 4em 0 1em; color:#333; font-size:.9em; 
																		font-family:'Spoqa Han Sans'; font-weight:400; vertical-align:top }
.fac_re_time .re_calendar_con .re_info_text .input_bg				{ height:40px; padding:0 1em; line-height:40px; background: #f3f4f5; border-radius:0}
.fac_re_time .re_calendar_con .re_info_text .info					{ display: inline-block;*display: inline; margin-left: 0.5em; font-size: .91em;color: #343d48; *zoom: 1;}
/* 상태값 */
.fac_re_time .status												{ margin:1em auto .5em; width:90%; }
.fac_re_time .status li												{ float:left; font-family:'Spoqa Han Sans'; font-size:0.933em; font-weight:400; color:#343d48; letter-spacing:-.04em}
.fac_re_time .status li+li											{ margin-left:2em }
.fac_re_time .status li:last-child									{ margin-left:0; padding-top:1em; float:inherit; clear:both }
.fac_re_time .status span											{ display:inline-block; vertical-align:middle; margin-right:5px; width:18px; height:13px; margin-top:-2.5px  }
.fac_re_time .status .possible										{ border:1px solid #777777; }
.fac_re_time .status .sold											{ background:#e3e3e3; }
.fac_re_time .status li .billiard									{ margin-top:.2em; color:#343d48; font-size:1.1em; font-weight:300; font-family:'Spoqa Han Sans' }



/*시설장비 : 예약하기 : 정보입력*/
.fac_re_time .re_calendar_con .title								{ border-bottom:1px solid #e0e0e0; padding:0.9em; font-family: 'Spoqa Han Sans', sans-serif; font-size: 1.4em; letter-spacing: -.03em; text-align:center }
.fac_re_time .re_calendar_con .title span.billiard					{ font-size:0.952em; font-weight:400; font-family:'Spoqa Han Sans'; margin-left:1em; letter-spacing:-.055em }
.table_rsv .select_bg												{ background:url(/images/itgrt/sub/bg_select_arr1.jpg) no-repeat right  center #f3f4f5; position:relative; height:40px; padding:0 4em 0 1em; color:#adafb2; font-size:.9em; font-family:'Spoqa Han Sans'; font-weight:400 }
.table_rsv .select_bg:focus::-ms-value {background-color:white; color:#000;}
.table_rsv .input_list li:first-child:nth-last-child(1),
.table_rsv .input_list li:first-child:nth-last-child(1) li			{ margin-top:0; }
.table_rsv .input_check												{ width:46%; }
.table_rsv .input_check li											{ line-height:1.8; *zoom:1 }
.table_rsv .input_check li::after									{ display:block; clear:both; content:""}
.table_rsv .input_check .num										{ float:right; position:relative; width:auto; display:inline-block}
.table_rsv .input_check .num:before									{ display:inline-block; width:5em; vertical-align:middle; height:2px; border-bottom:2px dotted #ccc; content:''; margin-right:.5em; margin-top:-2.5px;}
.table_rsv .input_check .num select									{ height:30px; border:1px solid #ccc; padding:0 3em 0 1em; font-size:.8em; color:rgba(0,0,0,.8) }
.table_rsv .input_check .num input									{ height:30px; border:1px solid #ccc; text-align:center }
.table_rsv .input_check .num .modify								{ display:inline-block; width:45px; height:30px; line-height:30px; border-radius:4px; background:#e8e8e8; padding:0; text-align:center; font-size:.8em; font-weight:300 }
.system_rsv.mt4 .table_rsv .address .add_detail						{ margin-top:0; }

@media all and (max-width:1468px){
	/* 시설장비 리스트 */
	.fac_list>li													{ padding:2em 1.5em; width: calc(50% - 1em); margin-bottom:2em}
	.fac_list>li .item												{ padding: 0 0 0 19em; }
	.fac_list>li .item .img_box										{ width:17.667em }
	.fac_list>li .item ul li										{ font-size:1.137em }
	.fac_list>li .item .link										{ margin-top:1em }
	.fac_list>li .item .link a										{ font-size:1.05em }
	
	/* 시설 상세 */
	.fac_view_top .img_area											{ width:49.1485%; }
	.fac_view_top .info_area										{ width:45.29% }
	
	/* 시설 정보입력 */
	.fac_re_time .re_calendar_con .perf_calendar					{ width:58%; }
	.fac_re_time .re_calendar_con .re_info							{ width:42% }
}					
@media all and (max-width:1368px){
	/* 시설장비 리스트 */
	.fac_list>li .item												{ padding: 0 0 0 17em; }
	.fac_list>li .item .img_box										{ width:15.667em }
	.fac_list>li .item .img_box a									{ padding-top:86% }
	
	/* 시설 상세 */
	.fac_view_top .img_area											{ width:51.1485%; }
	.fac_view_top .info_area										{ width:44.29% }
	.fac_view_top .info_area .txt li.first							{ font-size:1.2em }
	.fac_view_top .info_area .txt li								{ font-size:1.16em }
	
	/* 시설 정보입력 */
	.fac_re_time .calendar_top .year								{ width:26% }
	.fac_re_time .re_calendar_con .perf_calendar					{ width:56%; }
	.fac_re_time .re_calendar_con .re_info							{ width:44% }
	.table_rsv .input_check											{ width:56% }
}	
@media all and (max-width:1268px){
	/* 시설장비 리스트 */
	.fac_list>li .item												{ padding-bottom:4em }
	.fac_list>li .item .img_box a									{ padding-top:75% }
	.fac_list>li .item ul li p										{ display:block; }
	.fac_list>li .item .link										{ position:absolute; width:100%; left:0; bottom:0; margin-top:0; }
	.fac_list>li .item .link a										{ float:left; width:49%; margin:0; }
	.fac_list>li .item .link a:nth-child(even)						{ float:right; }
	.fac_list>li .item .link a:first-child:nth-last-child(1),
	.fac_list>li .item .link a:first-child:nth-last-child(1) a		{ float:inherit; width:100%; }
	
	/* 시설 상세 */
	.fac_view_top .img_area											{ width:52.1485%; }
	.fac_view_top .info_area										{ width:44.29% }
	.fac_view_top .info_area h4										{ font-size:1.95em; }
	.fac_view_top .info_area .txt									{ margin-top:.7em; padding-top:1.25em }
	.fac_view_top .info_area .txt li.first							{ font-size:1.18em }
	.fac_view_top .info_area .txt li								{ font-size:1.14em }
	.fac_view_top .info_area .link									{ margin-top:1.5em }
	
	
	/* 시설 정보입력 */
	.fac_re_time .re_calendar_con .perf_calendar					{ width:54%; }
	.fac_re_time .re_calendar_con .re_info							{ width:46% }
	.table_rsv .input_check											{ width:56% }
	.system_rsv.mt4 .table_rsv .address .add_detail					{ margin-top:.3em; }
}
@media all and (max-width:1168px){
	/* 시설장비 리스트 */
	.fac_list>li .item												{ padding-left:14em; min-height:15em }
	.fac_list>li .item .img_box										{ width:12.667em }
	.fac_list>li .item .img_box a									{ padding-top:85% }
	.fac_list>li .item .title										{ font-size:1.367em; line-height:1; }
	.fac_list>li .item ul											{ margin-top:.7em }
	
	/* 시설 상세 */
	.fac_view_top .info_area h4										{ font-size:1.9em; }
	.fac_view_top .info_area .txt									{ margin-top:.6em; padding-top:1em }
	.fac_view_top .info_area .txt li.first							{ font-size:1.16em }
	.fac_view_top .info_area .txt li								{ font-size:1.12em }
	.fac_view_top .info_area .link									{ margin-top:1em }
	
	/* 시설 정보입력 */
	.fac_re_time .calendar_top .year								{ width:30% }
	.fac_re_time .calendar_top strong								{ font-size:1.9em }
	.fac_re_time .re_calendar_con .perf_calendar					{ width:50%; }
	.fac_re_time .re_calendar_con .re_info							{ width:50% }
	.fac_re_time .re_calendar_con .re_info_text						{ padding:1.5em 1em }
	.table_rsv .input_check											{ width:60% }
}
@media all and (max-width:1068px){
	/* 시설 상세 */
	.fac_view_top .info_area h4										{ font-size:1.8em; }
	.fac_view_top .info_area .txt									{ padding-top:.8em }
	.fac_view_top .info_area .txt li.first							{ font-size:1.14em }
	.fac_view_top .info_area .txt li								{ font-size:1.08em }
	
	/* 시설 정보입력 */
	.fac_re_time .status li .billiard								{ padding-left:20px; }
	.fac_re_time .status li .billiard:before						{ position:absolute; left:0; top:0; margin-right:0; }
	.perf_calendar .days>li											{ height:50px; }
	.perf_calendar .date											{ line-height:50px; }
	.fac_re_time .re_calendar_con .re_info_text .input_bg			{ width:9em !important }
	.table_rsv .input_check											{ width:65% }
	
}	
@media all and (max-width:968px){
	/* 시설장비 리스트 */
	.fac_list>li .item												{ padding-left:0; }
	.fac_list>li .item .img_box										{ width:100%; position:relative; margin-bottom:1.5em }
	.fac_list>li .item .img_box a									{ padding-top:75% }
	.fac_list>li .item ul											{ margin-top:.7em }
	.fac_list>li .item ul li p										{ display: inline-block; }
	
	/* 시설 상세 */
	.fac_view_top .img_area											{ width:100%; }
	.fac_view_top .info_area										{ width:100%; margin-top:2em }
	.fac_view_top .info_area .link									{ margin-top:1.5em }
	
	/* 시설 정보입력 */
	.fac_re_time .calendar_top .year								{ width:50% }
	.fac_re_time .calendar_top										{ margin-bottom:1.5em }
	.fac_re_time .re_calendar_con .perf_calendar					{ width:100%; float:inherit; }
	.fac_re_time .re_calendar_con .title span.billiard				{ font-size:.9em; margin-left:0; display:block; margin-top:.25em }
	.fac_re_time .re_calendar_con .re_info							{ float:inherit; width:100%; margin-top:1em; margin-bottom:2em }
	.system_rsv.mt4 .table_rsv tbody, 
	.system_rsv.mt4 .table_rsv thead, 
	.system_rsv.mt4 .table_rsv tr, 
	.system_rsv.mt4 .table_rsv th, 
	.system_rsv.mt4 .table_rsv td 									{ display: block;}
	.system_rsv.mt4 .table_rsv tbody th								{ border-right:none; }
	.system_rsv.mt4 .table_rsv .bL									{ border-left:none; }
	.system_rsv.mt4 .table_rsv input[type="number"]					{ width:20em !important }
	.system_rsv.mt4 .table_rsv .address .add_basic					{ width:-webkit-calc(100% - 6em); width:-moz-calc(100% - 6em); width:calc(100% - 6em) }
	.system_rsv.mt4 .table_rsv .address .add_detail					{ max-width:100%}
	.system_rsv.mt4 .table_rsv .address .btn_white					{ width:5.5em}
	.table_rsv .input_check											{ width:75% }
	.table_rsv .input_check li										{ line-height:2.2 }
}
@media all and (max-width:768px){
	.table_rsv .select_bg											{ height:35px; background-size: auto 100%}
	.fac_re_time .re_calendar_con .re_info_text .select_bg			{ background-size: auto 100%}
}
@media all and (max-width:668px){
	/* 시설장비 리스트 */
	.fac_list>li .item											{min-height:inherit }
	.fac_list>li .item ul li p										{ display:block; }
	.fac_list>li .item ul li:last-child									{ min-height:3em } 
	.fac_list>li .item .link .btn									{ padding-left:0; padding-right:0; text-align:center; }
	
	/* 시설 정보입력 */
	.table_rsv .input_check											{ width:85% }
	.table_rsv .input_check .num:before								{ width:3em }
}
@media all and (max-width:600px){
	.fac_view .scroll_txt												{ display:block; font-weight:300; font-size:.966em; color:rgba(0,0,0,0.6); margin-bottom:.25em; text-align:right }
	
	/* 시설 상세 */
	.fac_view_top .info_area .link .btn								{ font-size:1.2rem }
	.fac_view_top .info_area .link a.btn_blue span					{ margin-top:-2px; }

}
@media all and (max-width:568px){
	/* 시설장비 리스트 */
	.fac_list>li													{ padding:1.5em 1em; width: calc(50% - .5em); margin-bottom:1em }
	.fac_list>li .item .img_box .state								{ font-size:.96em; max-width:inherit;  word-wrap:break-word;word-break:keep-all; padding-left:.5em; padding-right:.5em; display:table}
	.fac_list>li .item ul li										{ font-size:1.1em }
	.fac_list>li .item .link a										{ font-size:1em }
	.fac_list>li .item .link .btn									{padding-bottom:.538em }
	
	/* 시설 정보입력 */
	.table_rsv .input_check											{ width:100% }
	.fac_re_time .calendar_top .year								{ width:70% }
	.system_rsv.mt4 .table_rsv input[type="number"]					{ width:50% !important }
	.system_rsv.mt4 .table_rsv tbody tr:nth-child(2) input[type="text"]		{ width:100% !important }
	.system_rsv.mt4 .table_rsv tbody tr:nth-child(4) .input_bg		{ margin-top:.3em; width:100% !important }
	.system_rsv.mt4 .table_rsv tbody tr:nth-child(4) .select_bg		{ width:100% !important }
	.system_rsv.mt4 .table_rsv tbody tr:nth-child(4) .info			{ display:none; }
}
@media all and (max-width:468px){
	/* 시설장비 리스트 */
	.fac_list>li													{ width:calc(100% - 0em); }
	.fac_list>li .item ul li p										{ display: inline-block; }
	.fac_list>li .item ul li:last-child									{ min-height:initial} 
	/* 시설 상세 */
	.fac_view_top .info_area .txt li p.weekday,
	.fac_view_top .info_area .txt li p.weekend						{ float:inherit; }
	.fac_view_top .info_area .txt li p.weekend						{ margin-top:.25em }
	.fac_view_top .info_area .txt li								{ padding-left:22%; }
	.fac_view .billiard												{ padding-left:20px; }
	.fac_view .billiard:before										{ position:absolute; left:0; top:0; }
	
	/* 시설 정보입력 */
	.fac_re_time .calendar_top .year								{ width:80% }
	.fac_re_time .calendar_top strong								{ font-size:1.8em }
	.fac_re_time .re_calendar_con .title span.billiard				{ font-size:.8em }
	.fac_re_time .re_calendar_con .re_info h5						{ line-height:inherit; }
	.fac_re_time .re_calendar_con .re_info h5 .choice				{ margin-left:0; display:block; margin-top:.25em; margin-bottom:.5em}
	.fac_re_time .re_calendar_con .re_info h5 .icon-clock			{ margin-top:-2.5px; }
	.fac_re_time .re_calendar_con .re_info_text .select_bg			{ width:85%; }
	.fac_re_time .re_calendar_con .re_info_text .input_bg			{ width:85% !important; margin-top:.3em }
	.fac_re_time .re_calendar_con .re_info_text .info				{ line-height:40px; }
	.perf_calendar .days>li											{ height:46px; }
	.perf_calendar .date											{ line-height:46px; }
	.table_rsv .input_check .num									{ float:inherit; display:block; }
	.table_rsv .input_check .num:before								{ display:none; }
	.table_rsv .input_check .num select								{ width:100%; background-size:auto 6px; background-position:95% 50% }
	
}
			
.search_area.fac .txt_form					{ width:66%; }	
@media screen and (max-width: 1024px){
	.search_area.fac .facility,
	.search_area.fac .select_form			{ width:50%; }
	.search_area.fac .txt_form				{ width:100% }
}
@media screen and (max-width: 500px){
	.search_area.fac .facility,
	.search_area.fac .select_form			{ width:100%; }
}     

/* 객실안내 */
/* Mobile */

/* 검색 */
.roomreserve {text-align: center; padding: 20px; border: none;}

.s_con {padding-top: 3em;}
.bbs_restlist {padding: 20px;}
.bbs_restlist ul {overflow: hidden;}
.bbs_restlist ul li {width: 100%;margin: 0 0 20px 0; border: 1px solid #dcdcdc;border-radius: 20px;}
.bbs_restlist ul li img {border-radius: 20px 20px 0 0;}
.bbs_restlist .txt {font-size: 25px; color: #2d3c4b; display: block; font-weight: 500; padding-left: 20px;padding-top: 15px;}
.bbs_restlist .txt strong {color: #266cd2;}
.bbs_restlist .txt2 {font-size: 18px;display: block; padding: 0 0 20px 20px;}
.bbs_restlist .txt2 em {font-style: normal; color: #2d3c4b;}

/* 객실안내 클릭 시 객실 정보 */
.bbs_restview {padding: 20px;}
.bbs_restview .sch_table {overflow-x: scroll;} 
.bbs_restview .table tbody th{background-color: #f2f2f2;}
.bbs_restview .room_view {width: 100%; position: relative; margin: 30px 0 0 0;}
.room_view ul img {width: 100%;}
.room_view .prev {position: absolute;top: 35%; left: 0;}
.room_view .next {position: absolute;top: 35%;right: 0;}
.bbs_btnr {text-align: center; margin: 10px 0;}
.bbs_btnr a {margin: 0 5px 7px 5px; display: inline-block;}

/* 캠핑장예약 */
.auto_camping {margin: 30px 20px; border-top: 2px solid #2d3c4b;}
.step {text-align: center; margin: 20px 0 20px 0;}
.step>ul>li>strong {color: 2d3c4b;}
.step>ul>li.on {color: #1e66d0;}
.step>ul>li>strong>i {font-style: normal;}
.step>ul>li {display: inline-block; font-size: 16px; padding: 15px 20px 0 10px;}
.step>ul>li>span {display: none;}
.auto_camping .step .arr {border-bottom: 1px solid #1e66d0; width: 20px;position: relative; margin-left: 0.7em; display: block;height: 1px;     top: -10px;
  left: 40px;}
.auto_camping .step .arr:before {position: absolute;right: 0; width: 5px;height: 1px;background: #1e66d0; content: ''; bottom: 1px;transform: rotate(45deg);}
.info_box { background: #1e66d0; border-radius: 50px;color: #fff; text-align: center; padding: 20px; margin-bottom: 30px; display:block;}
.info_box p { font-weight: 300; font-size: 16px;}
.info_box p span {font-size: 18px;}
.weight_b {font-weight: 700;}

/* calendar */
.calendar {border-top: 2px solid #2d3c4b; border-bottom: solid 1px #dcdcdc; margin-bottom: 20px;}
.calendar .date {text-align: center; font-size: 18px; color: #000; padding: 20px 0;}
.calendar .date em {font-style: normal; vertical-align: super;}
.calendar .cal .date a {display: inline-block; width: 30px; height: 30px; overflow: hidden;}
.calendar .cal .date a span {display: block; padding: 35px 0 0 0;}
.calendar .cal .date a.prev, .calendar .cal .date a.next {display: inline-block; width: 25px; height: 25px; overflow: hidden; background: url(/upload_data/board_data/BBS_0000144/168316619934340.png) no-repeat left center; background-size: 25px;}
.calendar .cal .date a.next {transform: rotate(180deg);}
.calendar .cal .date a em {font-style: normal;vertical-align: super; display: inline-block; padding: 0 15px; font-size: 20px;}
.cal_table {width: 100%;}
.cal_table .sun, .cal_table .sun a {color: #f72f14;}
.cal_table thead th {border-top: solid 1px #353d49;border-bottom: solid 1px #353d49;font-size: 14px; color: #000; padding: 10px 0;}
.cal_table .sat, .cal_table .sat a {color: #1e66d0;}
.cal_table tbody td {border-bottom: solid 1px #dcdcdc; border-left: solid 1px #dcdcdc;}
.cal_table tbody td a {display: block; padding: 10px 5px;}
.cal_table td.condition2 {background: #f75d14;}
.cal_table td.condition2 a, .cal_table td.condition1 a, .cal_table td.condition3 a {color: #fff;}
.cal_table td.condition1 {background: #1e66d0;}
.cal_table td.condition3 {background: #2d3c4b;}
.calendar .cal_info {margin: 10px 0 0 0;}
.calendar .cal_info li {background: none;line-height: 1em;display: inline-block; font-size: 13px; color: #666;}
.calendar .cal_info li span {display: inline-block;width: 10px; height: 10px; margin: 0 5px 0 0; border: 1px solid #dcdcdc;}
.calendar .cal_info li.cal01 span {background: #1e66d0;}
.calendar .cal_info li.cal02 span {background: #f75d14;}
.calendar .cal_info li.cal03 span {background: #2d3c4b;}

.basic_tab02 {overflow: hidden;}
.info .basic_tab02 {border-bottom: dotted 1px #a2a2a2;padding: 20px 0 20px 0;}
.calendar .info ul {padding: 15px; max-height: 300px;overflow: auto;}
.info .basic_tab02 li {background: none !important; padding-top: 20px;}
.basic_tab02 li a {border: 1px solid #1e66d0;background-position: 93%; padding: 10px 0px 0 30px; background: url(/upload_data/board_data/BBS_0000144/168316869270740.png) no-repeat right center #fff; color: #2d3c4b;border-radius: 50px;height: 40px;display:block;}
.basic_tab02 li.on a {color: #fff;background-position: 93%;  background: url(/upload_data/board_data/BBS_0000144/168316869270127.png) no-repeat right center #1e66d0;}
  
.table_wrap {margin-bottom: 40px;}
.info div {border-bottom: solid 1px #dcdcdc; padding:20px 0 15px 0;}
.bbs_tit {margin-bottom: 0.5em; font-size: 1.66em; font-weight: 700; color: #000; letter-spacing: -.08em;}
.info div p {color: #666;font-size: 16px;}
.info .info_sel {width: auto; border: 2px solid #dcdcdc;height: 32px; padding: 5px 30px 5px 10px;color: #666;font-size: 16px; border-radius: 8px;}
.sch_table [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 5px; border: 1px solid #ccc;  border-radius: 50%; margin-right: 3px;}
.sch_table [type="checkbox"], [type="radio"]:checked {background:#f75d14; border-radius: 50%; padding: 5px; border:1px solid #333;}

.sch_table {margin-bottom: 40px;}
.sch_table a.room_info {color: #fff; padding: 3px 8px; background: #1e66d0; border-radius: 5px;}
.sch_table a.room_chc {background: #2d3c4b;color: #fff; padding: 3px 8px;border-radius: 5px; cursor: help;}
.sch_table a.room_chc.on {background: #f75d14;color: #fff; padding: 3px 8px;border-radius: 5px; cursor: pointer;}

/* step2 */
.sch_table {overflow-x: auto;}
.auto_camping h5 { color: #444; font-size: 20px;margin-bottom: 10px; font-weight: 500;}
.fs18 {font-size: 18px;}
.fc_blue {color: #1e66d0 !important; font-style: normal;}
.box_p {background: #f2f2f2;border: 1px solid #cdcdcd; border-top: 2px solid #323a47; padding: 20px; margin: 0 0 20px 0; line-height: 1.5em; font-size: 16px; text-align:center;}
.bbs_tit2{ color: #f36523;font-size: 18px; margin: 20px 0 20px 0;}
.basic_ul li {font-size: 14px; line-height: 1.5em;margin: 0 0 5px 0;}
.basic_ul li ul {margin: 10px 0;}
.basic_ul li li {padding: 0 0 0 10px; position: relative;}
.basic_ul li li:before {position: absolute;left: 0; top: 0.6em; width: 3px; height: 3px; background: #000; content: "";}
.basic_box {background: #dcdcdc; padding: 8px; margin: 20px 0 30px 0; position: relative;}
.basic_box:before {display: block; content: ""; position: absolute; top: 0;left: 0; width: 100%;background: #323a47; height: 30px;}
.basic_box>div {position: relative; background: #fff; padding: 15px; z-index: 5; text-align: left;}
.border_bot {border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.basic_box dt {color: #f36523; font-size: 24px; margin: 0 0 10px 0; font-weight: 600;}
.basic_box dd {font-size: 16px; line-height: 1.5em; padding: 0 0 0 12px; margin: 0 0 5px 0;position: relative;}
.basic_box dd:before {position: absolute;left: 0; top: 0.6em; width: 3px; height: 3px; background: #f36523; content: "";}
.basic_box p {line-height: 1.5em; padding-top: 15px;}
.bbs_comment {padding-bottom: 10px;}
.w_star {color: #f75d14;}
.bbs_write {border-top: none; width: 100%; border: 3px solid #dcdcdc;}
.bbs_write th { color: #323a47; background: #f3f8fb;}
.bbs_write th *, .bbs_write td * {vertical-align: middle;}
.bbs_write td label {margin: 0 15px 0 0; }
.input_text {border: 1px solid #e1e1e3; padding: 5px 1px; height: 20px; width: 100%;}
.bbs_write th, .bbs_write td {vertical-align: middle; border: 1px solid #cdcdcd; padding: 15px 8px;}
.res_btn {text-align: center; margin: 20px 0;}
.res_btn input[type=submit] {padding: 20px 0; width: 25%; background: #1e66d0; color: #fff; font-size: 18px; border-radius: 10px; cursor: pointer;}
.res_btn a.gray{ display: inline-block; padding: 20px 0; width: 25%; background: #666; color: #fff; font-size: 18px; border-radius: 10px; cursor: pointer; margin: 0 10px;}
.input_sel {border: 1px solid #e1e1e3; padding: 5px 30px 5px 1px; margin: 0; height: 32px; width: 100%;}
textarea { border: 1px solid #e1e1e3;}

/* 시간선택*/
.re_info_choice {display: block;width: auto; margin-right:0;}

/* 캠핑장 소개 지도*/
.root_daum_roughmap_landing {overflow: hidden;  margin: 0;  background: transparent;}
.root_daum_roughmap { position: relative;}


/* Tablet */
@media all and (min-width:768px) {
/* 객실안내*/
/* 검색 */
  .roomreserve:first-of-type {border-right: 1px solid #ccc;}

  .bbs_restlist  ul li {display: inline-block; width: calc(100%/2 - 15px); margin: 0 10px 20px 0;}

/* 캠핑장예약 */
.step>ul>li {font-size: 30px; padding: 20px 20px 0;}
  .auto_camping .step .arr {width: 30px; top: -15px;left: 70px;} 
  .auto_camping .step .arr:before {width: 8px;bottom: 2px;}
.cal_table tbody td a {padding: 50px 5px;}
  .info .basic_tab02 li {display: inline-block; margin-right: 10px;}
  .basic_tab02 li a, .basic_tab02 li.on a {padding: 10px 100px 0 30px;}

  /* step2 */
  .bbs_write th, .bbs_write td {padding: 15px 20px;}
  .input_text {width: 120px;}

}


/* Desktop */
@media all and (min-width:1023px) {
/* 객실안내*/
.bbs_restlist ul {overflow: hidden;width: 100%;display: block;margin: 40px auto;}
.bbs_restlist  ul li {display: inline-block; width: calc(100%/3 - 14px);}

/* 캠핑장예약 */
.step>ul>li {font-size: 35px; padding:25px 80px 10px 60px;} 
.info_box {width: 70%!important; margin: 0 auto 30px auto!important;}
.step>ul>li>span {display: block; font-size: 14px;}
.auto_camping .step .arr {width: 50px; top: -30px;left: 210px;}
.auto_camping .step .arr:before {width: 10px;    bottom: 3px;}

/* calendar */
.auto_camping .calendar {overflow: hidden;}
.auto_camping .calendar .cal {width: 45%;float: left; padding-right: 3%; border-right: solid 1px #dcdcdc; padding-bottom: 30px;}
.auto_camping .calendar .cal .date {font-size: 22px; padding: 15px 0;}
.cal_table tbody td a {padding: 20px 5px;}
.auto_camping .calendar .info {width: 49%; float: right;border-bottom: none; margin-bottom: 40px;}
.auto_camping .calendar .info ul {padding: 0 0 15px;}

  /* step2 */
  .basic_box>div {text-align:left;}
}


@media all and (min-width:1400px) {
/* 객실안내*/
.bbs_restlist {width: 1400px; margin:40px auto; }
.bbs_restlist ul li {width:calc(100%/3 - 110px); margin: 0 161px 50px 0;}
.bbs_restlist ul li:nth-of-type(3n) {margin-right:0;}
.bbs_restlist ul li img {width: 100%; height: 221px;}

/* 객실안내 클릭 시 객실 정보 */
  .bbs_restview {width: 1400px; margin: 0 auto;}
  .bbs_restview .table tbody th {width: 50%;}
.room_view ul img {display: block; width: 50%; margin: 0 auto;}
  .room_view .prev {left: 25%;}
  .room_view .next {right: 25%;}
  .bbs_btnr {margin: 10px 0 20px;}

/* 캠핑장예약 */
.auto_camping {width: 1400px; margin: 30px auto;}
.cal_table tbody td a {padding: 32px 5px;}
}