@charset 'utf-8';

/* 게시판 List  */
table.data-list{width:100%;margin:15px 0 0 0;border-top:2px solid #333;}
	table.data-list thead th{border-bottom:1px solid #363636;text-align:center;font-weight:bold;}
	table.data-list tbody td{border-bottom:1px solid #cccccc;}
	table.data-list thead th{color:#111;padding:12px;font-size:14px;}
	table.data-list tbody td{padding:10px 0;color:#333;font-size:13px;line-height:24px;text-align:center;}
		table.data-list tbody td a{color:#333;}
	table.data-list tbody td.sun{color:#ca200a;}
	table.data-list tbody td.sat{color:#2960d4;}
	table.data-list tbody td.subject{padding-left:10px;text-align:left;}

/* 테이블 */
table.data-table{width:100%;margin:20px 0 0 0;border-top:2px solid #333;}
	table.data-table thead th, table.data-table tbody td{border-bottom:1px solid #dedede;border-left:1px dashed #dedede;/* word-break:keep-all;*/}
	table.data-table thead th.first, table.data-table tbody td.first{border-left:0;}
	table.data-table thead th{color:#111;padding:17px 0 16px;text-align:center;}
	table.data-table tbody td{padding:7px 0 7px;color:#222;font-size:13px;line-height:20px;text-align:center;}
	table.data-table tbody td.subject{padding-left:10px;text-align:left;}
	table.data-table tbody td.ver-align{vertical-align:top;}
	table.data-table tbody td.t-cont{padding-left:10px;text-align:left;word-break:break-word;}
		table.data-table tbody td .center-tit{display:block;padding:25px 0 0 0;text-align:center;}
		table.data-table tbody td .center-tit-first{display:block;padding:15px 0 0 0;text-align:center;}
	table.data-table tbody td a.btn img{vertical-align:middle;}
	.table-th{font-size:14px !important;font-weight:bold;}

table.data-table-h{width:100%;margin:20px 0 0 0;border-top:2px solid #333;}
	table.data-table-h thead th.first, table.data-table-h tbody td.first{border-left:0;}
	table.data-table-h thead th{border-bottom:1px solid #dedede;border-left:1px dashed #dedede;color:#111;padding:17px 0 16px;text-align:center;}
	table.data-table-h tbody th, table.data-table-h tbody td{border-bottom:1px solid #dedede;border-left:1px dashed #dedede;}
	table.data-table-h tbody th{border-left:0px;}
	table.data-table-h tbody th{color:#111;padding:17px 0 16px;text-align:center;}
	table.data-table-h tbody td{padding:7px 0 7px 7px;color:#222;font-size:13px;line-height:20px;}
	table.data-table-h tbody td.subject{padding-left:10px;text-align:left;}
	table.data-table-h th.subject{padding-left:10px;text-align:left;}
	table.data-table-h td.c-tit{text-align:center;}
		table.data-table-h tbody td .center-tit{display:block;padding:25px 0 0 0;text-align:center;}
		table.data-table-h tbody td .center-tit-first{display:block;padding:15px 0 0 0;text-align:center;}
	table.data-table-h tbody td a.btn img{vertical-align:middle;}

table.list-table{width:100%;margin:20px 0 0 0;}
	table.list-table tr td{margin-right:10px;font-size:0px;padding:0 0 10px 0;}
	table.list-table tr td .list-table-p{border:1px solid #e4e4e4;width:198px;text-align:center;vertical-align:top;padding:20px 0;font-size:14px;color:#242829;font-weight:bold;}

table.data-cont-table{width:100%;}

/* 게시판 View */
table.data-view{width:100%;border-top:2px solid #222;}
table.data-view-type{margin:50px 0 0 0;}
	table.data-view tbody th{padding:17px 0 16px 15px;border-bottom:1px solid #ccc;color:#333;font-size:13px;text-align:left;vertical-align:top;}
	table.data-view tbody td{padding:17px 0 16px 15px;border-bottom:1px solid #ccc;color:#333;font-size:13px;vertical-align:top;}
div.bcontent{padding:20px;border-bottom:1px solid #ccc;line-height:20px;}
	div.bcontent img{max-width:100%;}
	div.bcontent div.caption{height:80px;margin:20px 0 0 0;padding:10px 0 10px 10px;border:1px solid #ccc;overflow-y:auto;}

/* 게시판 Write */
table.data-write{width:100%;border-top:2px solid #222;}
table.data-write-type{margin:50px 0 0 0;}
	table.data-write tbody th{padding:14px 0 14px 15px;border-bottom:1px solid #ccc;color:#333;font-size:13px;text-align:left;vertical-align:top;}
	table.data-write tbody td{padding:8px 0 8px 15px;border-bottom:1px solid #ccc;color:#333;font-size:13px;}
		table.data-write tbody td input.text{padding:6px 0;vertical-align:middle;}
		table.data-write tbody td input.radio{vertical-align:-2px;}
		table.data-write tbody td input.checkbox{vertical-align:-2px;}
		table.data-write tbody td select.select{padding:6px 0 5px 10px;height:29px;vertical-align:middle;border:1px solid #d9d9d9;}
		table.data-write tbody td ul.file-list{margin:5px 0 0 0;}
		table.data-write tbody td ul.file-list li{float:left;margin:0 10px 0 0;}
			table.data-write tbody td ul.file-list li a{margin:0 0 0 5px;vertical-align:-2px;}
div.editor{padding:30px 15px;border-bottom:1px solid #ccc;}
	div.editor textarea{width:100%;}

/* 포토갤러리 List */
table.photo-list{width:100%;border-top:2px solid #222;margin:15px 0 0 0;}
	table.photo-list thead th{padding:12px 0px;border-bottom:1px solid #363636;font-size:14px;color:#333333;font-weight:bold;text-align:center;}
	table.photo-list tbody td{padding:8px 0 ;border-bottom:1px solid #ccc;font-size:13px;color:#333333;text-align:center;}
		table.photo-list tbody td div.cont-photo{position:relative;min-height:69px;padding:10px 0 0 171px;overflow:hidden;text-align:left;}
			table.photo-list tbody td div.cont-photo div.picture{position:absolute;top:10px;left:30px;}
				table.photo-list tbody td div.cont-photo div.picture img{width:110px;height:60px;}
			table.photo-list tbody td div.cont-photo a{color:#333;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
				table.photo-list tbody td div.cont-photo a .name{display:block;font-weight:bold;}
	table.photo-list tbody td.subject{text-align:left;}
	table.photo-list tbody td.subject_photo{position:relative;padding:0 0 0 152px;height:75px;text-align:left;}
		table.photo-list tbody td.subject_photo .pic{position:absolute;left:10px;top:8px;}

/* gallery_list */
	div.gallery_list ul{width:100%;overflow:hidden;margin:0 -4% 0 0 ;}
		div.gallery_list ul li{width:31%;min-height:200px;float:left;position:relative;margin:0 0 35px 1%;}
			div.gallery_list ul li a{display:block;text-align:center;}
				div.gallery_list ul li a img{max-width:100%;}
			div.gallery_list ul li strong.title{font-size:13px;color:#333;display:block;line-height:25px;font-weight:700;}
			div.gallery_list ul li p.date{font-size:13px;color:#333;}

/* 자랑스러운 현장경찰 테이블 */
ul.boast-list{margin:15px 0 0 0;overflow:hidden;}
	ul.boast-list li{position:relative;float:left;min-height:170px;width:50%;}
	ul.boast-list li div.image{position:absolute;top:0;left:0;}
	ul.boast-list li div.cont{padding:6px 0 0 210px;}
		ul.boast-list li div.cont .name{display:block;margin:0 0 20px 0;color:#333;font-size:13px;line-height:20px;}

/* 견학안내 달력 */
table.calendar{width:100%;margin:12px 0 0 0;border-top:2px solid #222;}
	table.calendar thead th{padding:12px 0 13px 0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;}
	table.calendar tbody td{position:relative;height:83px;padding:30px 0 15px 0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;color:#333;line-height:23px;text-align:right;}
		table.calendar tbody td div.button{font-size:0;line-height:0;text-align:center;}
			table.calendar tbody td div.button img:first-child{}
			table.calendar tbody td div.button img{margin:1px 0 0 0;display:block;margin:1px auto;}
		table.calendar thead th.sun, table.calendar tbody td.sun{color:#ca200a;}
		table.calendar thead th.sat, table.calendar tbody td.sat{color:#2960d4;}
		table.calendar tbody td .day{position:absolute;top:3px;right:10px;}
	table.calendar thead th.first, table.calendar tbody td.first{border-left:1px solid #ccc;text-align:center;}


/******************************************************************************
* Media 768
******************************************************************************/
@media only screen and (max-width : 768px){
	table.data-write-type{margin:25px 0 0 0;}
	table.data-view-type{margin:25px 0 0 0;}

	/* gallery_list */
	div.gallery_list ul li{width:49%;min-height:1px;text-align:center;}
		div.gallery_list ul li a{max-width:100%;}

	/* 자랑스러운 현장경찰 */
	ul.boast-list li{width:100%;}
}


/******************************************************************************
* Media 640
******************************************************************************/
@media only screen and (max-width : 640px){
	table.photo-list tbody td.subject_photo{padding:8px 0;height:auto;}
	table.photo-list tbody td.subject_photo .pic{position:relative;top:0;padding:0 0 5px 0;}
}


/******************************************************************************
* Media 400
******************************************************************************/
@media only screen and (max-width : 400px){
	/* gallery_list */
	div.gallery_list ul li{width:100%;float:none;}

	table.data-list thead tr th{ font-size:13px;}
	table.data-list thead tr th:nth-child(3){ display:none;}
	table.data-list thead tr th:nth-child(5){ display:none;}

	table.data-list colgroup col:nth-child(3){ display:none;}
	table.data-list colgroup col:nth-child(5){ display:none;}

	table.data-list tbody tr td{ font-size:12px;}
	table.data-list tbody tr td:nth-child(3){ display:none;}
	table.data-list tbody tr td:nth-child(5){ display:none;}

	table.data-view colgroup col:nth-child(1){ width:20% !important;}
	table.data-view colgroup col:nth-child(2){ width:40% !important;}
	table.data-view colgroup col:nth-child(3){ width:15% !important;}
	table.data-view colgroup col:nth-child(4){ width:25% !important;}

	/* 포토뉴스 */
	table.photo-list tbody td div.cont-photo{ }
	table.photo-list tbody td div.cont-photo div.picture{ }
	table.photo-list thead tr th:nth-child(1){ display:none;}
	table.photo-list thead tr th:nth-child(4){ display:none;}
	table.photo-list colgroup col:nth-child(1){ display:none;}
	table.photo-list colgroup col:nth-child(4){ display:none;}
	table.photo-list tbody tr td:nth-child(1){ display:none;}
	table.photo-list tbody tr td:nth-child(4){ display:none;}
	table.photo-list tbody tr td:nth-child(3){ font-size:12px;}

	table.list-table tr td .list-table-img{ width:100%;}
	table.list-table tr td .list-table-p{ width:100%;font-size:11px;letter-spacing:-1.5px;height:15px;border:0;vertical-align:top;}

	table.photo-list tbody td div.cont-photo{ padding:0;min-height:240px;}
		table.photo-list tbody td div.cont-photo div.picture img{ position:relative;width:85% !important;}
		table.photo-list tbody td div.cont-photo a{ position:absolute;margin-top:140px;}

	/* 견학 모바일 */
	ul.mobile_reservation{width:100%;margin:12px 0 0 0;border-top:2px solid #222;}
		ul.mobile_reservation li{ border:1px solid #888888;clear:both;float:left;width:100%;}
		ul.mobile_reservation li ul li{ border:0;}
		ul.mobile_reservation li ul li:nth-child(1){ width:32%;clear:left;float:left;font-weight:900;text-align:center;padding:2px 0 2px 0;line-height:65px;height:65px;}
		ul.mobile_reservation li ul li:nth-child(2){ width:32%;clear:none;float:left;text-align:center;padding:2px 0 2px 0;line-height:32px;height:65px;}
		ul.mobile_reservation li ul li:nth-child(3){ width:32%;clear:right;float:left;text-align:center;padding-top:4px;height:65px;}

		ul.mobile_reservation li ul li div.button{font-size:0;line-height:0;text-align:center;}
		ul.mobile_reservation li ul li div.button img{display:block;margin:3px auto;}

		ul.mobile_reservation li ul li.sun{color:#ca200a;}
		ul.mobile_reservation li ul li.sat{color:#2960d4;}
}


/******************************************************************************
* Media 320
******************************************************************************/
@media only screen and (max-width :320px){
}