@charset "utf-8";

@media (max-width: 1280px){
	/* board */
	.board-search {margin-bottom:0px;}

	.board-list table thead th {height:45px; font-size:15px;}
	.board-list table tbody td {padding:13px 0; font-size:14px;}

	#GALLERY {padding:0 20px;}
	#GALLERY ul li {float:left; width:25%; padding:0 10px; margin:0;  text-align:center; color:#5a5a5a; font-size:16px; line-height:1.5em;}
	#GALLERY ul li a {display:block;}
	#GALLERY ul li .thumb {position:relative; height:0; padding-bottom:75%; margin-bottom:5px;}
	#GALLERY ul li .thumb img {position:absolute; top:0; left:0; width:100%; height:100%;}
	#GALLERY ul li .tit {margin-bottom:10px;}

	.faq .tit {background-position:32px 17px !important;}
	.faq .tit a {padding-top:20px; padding-bottom:20px; font-size:16px; line-height:23px;}
	.faq .tit .icon {top:26px;}
	.faq .cnt {padding:20px 20px 20px 128px; font-size:15px; line-height:23px;}
}

/* landscape tablet and desktop */
@media (max-width: 1024px){
	/* board */
	.board-search .btn {margin-left:-5px;}

	.faq .tit a {font-size:15px; line-height:22px;}
	.faq .cnt {font-size:14px; line-height:21px;}

	.board-write .group {font-size:14px;}
	.board-write .title {font-size:14px;}

	.board-view .head {padding-right:80px;}
	.board-view .head .tit {font-size:17px;}
	.board-view .head .date {font-size:14px;}
	.board-view .body {padding:30px 0;}
}

@media (max-width: 990px){
	/*	#GALLERY {padding-top:0;}*/
	#GALLERY ul li {width:50%;}
	#GALLERY ul li:nth-child(2n+1) {clear:left;}
	#GALLERY ul li:nth-child(3n+1) {clear:none;}
}

/* portrait tablet */
@media (max-width: 800px) {	
	/* board */
	.board-search {margin-bottom:0px;}
	.board-search .input {width:250px; height:40px; padding:8px 10px; line-height:22px;}
	.board-search .btn {height:40px;}

	.board-list table tbody td.name {width:14%;}
	.board-list table tbody td.date {width:14%;}
	.board-list table tbody td.hit {width:9%;}

/*	#GALLERY {padding-top:0;}*/
	#GALLERY ul li {width:50%; font-size:14px; line-height:1.4em; padding:0 5px; }

	.faq .tit {background-position:12px 13px !important; background-size:auto 25px !important;}
	.faq .tit a {padding:14px 70px 14px 86px; font-size:14px; line-height:21px;}
	.faq .tit .icon {top:20px; right:12px; width:20px; background-size:20px auto;}
	.faq .cnt {padding:14px 14px 14px 86px; font-size:13px; line-height:20px;}

	.board-view .head .tit {font-size:16px;}
	.board-view .head .date {font-size:14px;}

} 

/* Landscape phone */
@media (max-width: 640px) {
	/* board */
	.board-search {position:relative; padding:0 37px 0 0; margin-bottom:0px;}
	.board-search .input {width:100%;}
	.board-search .btn {position:absolute; top:0; right:0;}

	.board-list-mchk {display:none;} 
	.board-list .M_view_cnk {display:none;} 
	.board-list .M_title_align {text-align:left;}
	/*
	.board-list {display:none;} 
	.board-list-m {display:block;}
   */

	#GALLERY ul li {width:100%; font-size:14px; line-height:1.4em; padding:0 5px; }
	#GALLERY ul li:nth-child(1n+1) {clear:left;}
	#GALLERY ul li:nth-child(2n+1) {clear:none;}

	.review-list ul {margin:0;}
	.review-list ul li {width:50%; font-size:14px; line-height:1.4em; margin-bottom:20px;}
	.review-list ul li:nth-child(2n+1) {clear:left;}
	.review-list ul li:nth-child(3n+1) {clear:none;}
	.review-list ul li .thumb {margin-bottom:8px;}
	.review-list ul li .tit {margin-bottom:0;}
	.review-list ul li.none {padding:40px 0; margin:0; clear:both !important;}

	.faq {margin:0 0 25px;}
	.faq .tit {background-position:10px 9px !important; background-size:auto 22px !important;}
	.faq .tit a {padding:10px 0 10px 67px;}
	.faq .tit .icon {display:none;}
	.faq .cnt {padding:12px 14px;}

/*	.board-write {margin:0 -15px;} */
	.board-write .group {padding:7px 15px 7px 85px;}
	.board-write .group.content {padding:7px 15px;}
	.board-write .title {width:70px; left:15px;}
	.board-write .files_table .input{width:50% !important;}

	/*.board-view {margin:0 -15px;}*/
	.board-view .head {padding:10px 15px;}
	.board-view .head .tit {font-size:15px; line-height:1.4em; margin-bottom:6px;}
	.board-view .head .date {position:static; font-size:13px;}
	.board-view .body {padding:25px 15px;}

	.board-password {width:100%; padding:75px 10px 35px; background-size:45px;}
	.board-password dl dt {font-size:15px;}

	.prev_next {padding:20px 0;}
	.prev_next .prev, .prev_next .next {font-size:13px; top:25px;}
	.prev_next .list {padding-top:40px; font-size:12px; background-size:35px;}
} 

/* Landscape phones and down */
@media (max-width: 480px) {

}