@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{float:left; position: relative; width:25%; box-sizing:border-box; padding:3px;}
#gall_list_img img{width:100%; height:250px;}
#gall_list_02{width:100%; height:250px; margin:0 auto; border:1px solid #dfdfdf;}
#gall_list_03{width:100%; height:252px; background:#000; font-size:10pt; position:absolute; top:4px; text-align: center; opacity: 0;}
#gall_list_03:hover{opacity:0.8; transition: 1s;}
#gall_list_03 a{color:#fff; display:block; width:130px; border:2px solid #fff; margin:95px auto 0px auto; padding:10px 0px; text-decoration:none;}

/* Ÿºí·¿ ¹ÝÀÀÇü ½ÃÀÛ */
		@media (max-width: 768px){
			#gall_list_01{width: 50%; margin-bottom: 50px;}
			#gall_list_02{width:97%; height: auto; border:1px solid #cbcbcb;}
			#gall_list_img{width: 96%; padding: 2% 0px; margin: 0 auto;}
			#gall_list_img img{width: 100%;}

			#gall_list_03{width: 100%; opacity: 1; background: none; position: static; padding-top: 20px; height: 10px;}
			#gall_list_03:hover{opacity: 1;}
			#gall_list_03 a{color:#000; display: inline;}

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

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

			.gall_view_none{display: none;}
    }