@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body {margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;}
body, td, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, textarea{font-family:Nanum Gothic, sans-serif; font-size:10pt;}



/* list */
#board_list a {color:#505050; text-decoration:none;}




/* search */
.board_search { text-align:right; margin:30px 0 0 0; }
.board_search .stx { height:21px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; }



/* write */
.write_head {font-size:11pt; height:40px; text-align:center; color:#847f74; background-color:#ffffff; border-right:1px solid #a9a9a9;}
.write_head01 {font-size:11pt; height:40px; text-align:center; color:#847f74;}
.write_text {padding-left:10px;}
.field {border:1px solid #ccc;}



/* view */
.board_view {border-bottom:1px solid #4b4b4b;}
.board_view td {clear:both; color:#505050; font-size:11pt; padding:6px; word-break:break-all; border-top:1px solid #4b4b4b;}
.board_view .viewtit {color:#4b4b4b; font-weight:bold; background-color:#f8f8f8; width:80px; height:35px; text-align:center;}

.viewcon {word-break:break-all; line-height:160%;}

.board_listfile {border-bottom:1px solid #efefef;}


/* board_btn  */
#board_button a {height:26px; line-height:26px; color:#aeaeae; font-weight:bold; font-size:8pt; text-decoration:none; background-color:#fafafa; border:1px solid #aeaeae; padding:0px 8px 0px 8px; display:inline-block;}
#board_button #board_button2, #board_button2 {height:26px; line-height:26px; color:#f8f8f8; font-weight:bold; font-size:8pt; text-decoration:none; background-color:#4b4b4b; border:1px solid #111111; padding:0px 8px 0px 8px; letter-spacing:2; display:inline-block;}

.btn_write {vertical-align:middle; height:27px; line-height:23px; color:#f8f8f8; font-weight:bold; font-size:8pt; text-decoration:none; background-color:#4b4b4b; border:1px solid #111111;}

.btn_coment {height:50px; color:#aeaeae; font-weight:bold; font-size:8pt; text-decoration:none; background-color:#fafafa; border:1px solid #aeaeae; padding:6px 8px 6px 8px;}

.btn_search {color:#f8f8f8; font-weight:bold; font-size:8pt; padding:0px 7px 3px 7px; height:20px; line-height:20px; background-color:#4b4b4b; border:1px solid #111111; text-decoration:none; letter-spacing:2;}



/* board page btn  */
.board_page {clear:both; text-align:center; margin:3px 0px 0px 0px;}
.board_page a:link {font-size:9pt; color:#777;}

#pagenation {padding:0; font-size:12px; text-align:center; }
#pagenation li {display:inline; border:1px solid #f0f0f0; margin:0 3px; padding:5px;}
#pagenation li a {color:#737373; text-decoration:none;}
#pagenation li a img {vertical-align:middle;}
#pagenation li.on {background:#4b4b4b; color:#ffffff; text-decoration:none;}
#pagenation li.on a {color:#ffffff; text-decoration:none;}

/*
input.ed{height:32px;}
*/

#gall_list_01{width:30%; text-align: center; float:left; margin-top: 10px; padding: 0px 0.5%;}
#gall_list_02{width: 95%; margin: 5px auto; border:solid 1px #dedede; margin: 0 auto;}
#gall_list_img{width: 95%; height: 95%; margin: 0 auto; padding: 2% 0px;}
#gall_list_img img{width: 100%;}
#gall_list_03{font-size: 10pt; padding-top: 15px;}
#gall_list_03 a{color: #737373;}

.con03_bt01{
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	z-index: 100;
}

.con03_bt02{
	z-index: 1000;
	text-align: left;
	border-left: 5px solid #ff542c;
	padding-left: 10px;
	font-size: 10pt; color: #a9a9a9;
	margin: 140px 0px 0px 0px;
	opacity: 0;
}

.con03_bt02 span{
	display: inline-block;
	font-size: 13pt;
	font-family:'Nanum Square';
	font-weight: bold;
	color: #fff;
}

.con03_bt01:hover .con03_bt02{opacity: 1;}

.con03_tit{font-size: 12pt; background: #dbdbdb; border-top: 1px solid #5a5a5a; padding: 10px 0px 10px 20px;}

.con03_bt03{width: 360px; height: 41px;}
.con03_bt03 a{font-size: 10pt; font-family:'Nanum Square'; display:inline-block; width: 120px; font-weight: bold; text-align: center; text-decoration: none; float: left; padding: 13px 0px; background: #3e3e3e; color: #878787;}
.con03_bt03 a:hover{background: #f8f8f8; color: #3e3e3e;}

.bold{font-weight: bold; color: #ff542c;}
.r_m{margin-right: 10px;}

figure{margin: 0px; padding: 0px;}
figure.snip1132 {
	position: relative;
	overflow: hidden;
	background: #000000;
	color: #ffffff;
	text-align: center;
}

figure.snip1132 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.45s ease-in-out;
	transition: all 0.45s ease-in-out;
}

figure.snip1132 img {
	width: 100%;
	position: relative;
	opacity: 1;
}

figure.snip1132 figcaption {

}

figure.snip1132:hover img,
figure.snip1132.hover img {
	opacity: 0.35;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

/* Ÿºí·¿ ¹ÝÀÀÇü ½ÃÀÛ */
		@media (max-width: 768px){
			#gall_list_01{width: 49%; height: auto; margin-bottom: 50px;}
			figure.snip1132{width: 96%; padding: 1%; margin: 0 auto; height:200px; border:1px solid #cbcbcb; background: #fff; overflow: inherit;}
			.con03_bt01{position: relative; left:0; top:15px;}
			.con03_bt02{opacity: 1; margin: 0px; border: none; padding-left: 0px; text-align: center;}
			.con03_bt02 span{color:#7e7e7e; font-size: 14px; font-weight: normal;}
			#gall_list_img{width: 96%; margin: 0 auto; padding: 2% 0px;}
			#gall_list_img img{width: 100%; height:270px;}

			figure.snip1132:hover img,
			figure.snip1132.hover img {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
			}

			.board_search { text-align:center; margin:0px;}
		}

/* ¸ð¹ÙÀÏ ¹ÝÀÀÇü ½ÃÀÛ */
    @media (max-width:580px){
      #gall_list_01{height:auto;}
			#gall_list_02{width: 100%; height:auto;}
      #gall_list_03{font-size: 16pt; padding-bottom: 50px;}

			.gall_view_none{display: none;}
    }