@charset "utf-8";

/* button */
div.button { margin:50px auto 0 auto; text-align:center; }
div.button a { display:inline-block; width:180px; font-size:16px; font-weight:600; color:#fff; line-height:45px; background-color:#444; }
div.button a.on, div.button a:hover { background-color:#ffa537; }
div.button button { display:inline-block; width:180px; font-size:16px; font-weight:600; color:#fff; line-height:45px; background-color:#444; border:0; cursor:pointer; }
div.button button.on, div.button button:hover { background-color:#ffa537; }

div.button2 { margin:50px auto 0 auto; text-align:right; }
div.button2 a { display:inline-block; text-align:center; width:124px; font-size:16px; font-weight:600; color:#666; line-height:35px; background-color:#f9f9f9; border:1px solid #ddd; }
div.button2 a.on { color:#fff; background-color:#ffa537; border:1px solid #ffa537; }
div.button2 button { display:inline-block; text-align:center; width:124px; font-size:16px; font-weight:600; color:#666; line-height:35px; background-color:#f9f9f9; border:1px solid #ddd; border:0; cursor:pointer; }
div.button2 button.on { color:#fff; background-color:#ffa537; border:1px solid #ffa537; }

/* page */
div.page { position:relative; width:100%; margin-top:50px; font-size:0; line-height:0; text-align:center; }
div.page a { display:inline-block; width:38px; font-size:0; line-height:0; vertical-align:top; background-color:#fff; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
div.page a.first { border-left:1px solid #ddd; }
div.page a.page { font-size:16px; font-weight:300; color:#666; line-height:38px; }
div.page a.page.on, .page a.page:hover { font-weight:600; color:#fff; background-color:#ffa208; }
div.page a.write { position:absolute; top:0; right:0; width:120px; font-size:15px; font-weight:600; color:#fff; line-height:38px; background-color:#2471c8; border:1px solid #2471c8; }
div.page a.write:hover { color:#2471c8; background-color:#fff; }

/* table type */
table.tbl1 { width:100%; margin-top:50px; border-top:1px solid #222; }
table.tbl1 th { font-size:16px; font-weight:600; color:#222; line-height:25px; padding:15px 0 15px 50px; text-align:left; background-color:#f8f8f8; border-bottom:1px solid #e5e5e5; }
table.tbl1 td { font-size:16px; color:#666; line-height:25px; padding:15px 0 15px 50px; border-bottom:1px solid #e5e5e5; }
table.tbl1 th.center, table.tbl1 td.center { padding:15px 0; text-align:center; }

table.tbl2 { width:100%; }
table.tbl2 col.width1 { width:37%; }
table.tbl2 col.width2 { width:14%; }
table.tbl2 col.width3 { width:6%; }
table.tbl2 tr { border-bottom:1px solid #e5e5e5; }
table.tbl2 th { font-size:16px; font-weight:600; color:#222; line-height:25px; padding:13px 0; text-align:center; background-color:#f8f8f8; border-top:1px solid #222; border-bottom:1px solid #e5e5e5; }
table.tbl2 td { padding:30px 0 15px 0; font-size:0; line-height:0; text-align:center; vertical-align:top; }
table.tbl2 td div.img img { border:1px solid #ddd; }
table.tbl2 td div.arrow { margin-top:38%; }
table.tbl2 td p.name { height:40px; margin-top:10px; font-size:15px; color:#666; line-height:19px; letter-spacing:-0.3px; }

table.tbl3 { width:100%; margin-top:50px; border-top:1px solid #222; }
table.tbl3 th { font-size:16px; font-weight:600; color:#222; line-height:25px; padding:15px 0; text-align:center; background-color:#f8f8f8; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
table.tbl3 th:first-child { border-left:none; }
table.tbl3 td { font-size:16px; color:#666; line-height:25px; padding:15px 0; text-align:center; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
table.tbl3 td.first { font-weight:600; color:#222; background-color:#f8f8f8; border-left:none; }
table.tbl3 td.first2 { border-left:none; }
table.tbl3 td.divide { font-weight:600; color:#222; background-color:#f8f8f8; }
table.tbl3 td.left { padding:15px 15px 15px 30px; text-align:left; }
table.tbl3 td a { display:block; color:#666; line-height:25px; text-decoration:underline; }
table.tbl3 td a:hover { font-weight:600; color:#005dab; }

table.board-list { width:100%; margin-top:70px; border-top:2px solid #222; }
table.board-list th { font-size:16px; font-weight:600; color:#222; line-height:25px; padding:15px 0; text-align:center; border-bottom:1px solid #ddd; background-color:#f5f5f5; }
table.board-list td { font-size:14px; color:#444; line-height:23px; padding:12px 0; text-align:center; border-bottom:1px solid #ddd; }
table.board-list td div.guide { display:inline-block; padding:0 20px; font-weight:600; color:#ff7200; line-height:31px; background-color:#eee; }
table.board-list td.subject { padding-left:30px; color:#222; text-align:left; }
table.board-list td.subject div.notice { display:inline-block; margin-right:10px; padding:0 10px; font-weight:600; color:#fff; background-color:#2756a6; }
table.board-list td.subject img { margin-right:8px; vertical-align:top; }
table.board-list td.area { color:#888; }
table.board-list td a { display:inline-block; color:#222; line-height:23px; }
table.board-list td a:hover { font-weight:600; color:#222; }
table.board-list td a.name { display:block; padding:0 20px 0 40px; font-size:16px; font-weight:600; color:#005dab; line-height:23px; text-align:left; }
table.board-list td a.name:hover { text-decoration:underline; }

table.board-write { width:100%; margin-top:70px; }
table.board-write th { width:190px; padding:10px 0 10px 30px; font-size:16px; font-weight:600; color:#222; line-height:31px; text-align:left; vertical-align:top; background-color:#f8f8f8; border-bottom:1px solid #ddd; }
table.board-write th.top { border-top:3px solid #666; }
table.board-write td { padding:10px 0 10px 30px; font-size:16px; color:#222; line-height:31px; border-bottom:1px solid #ddd; }
table.board-write td.top { border-top:1px solid #ddd; }
table.board-write td em { margin-left:10px; vertical-align:top; }
table.board-write td input { height:31px; margin:0; padding:0 0 0 10px; font-size:14px; color:#555; vertical-align:top; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
table.board-write td input.radio { width:auto; height:auto; margin:11px 5px 0 0; padding:0; vertical-align:top; border:none; }
table.board-write td input.file { height:31px; margin:0; padding:0; vertical-align:top; border:none; background:none; }
table.board-write td select { height:31px; padding:0 0 0 10px; font-size:14px; color:#555; vertical-align:top; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
table.board-write td textarea { width:95%; height:200px; padding:10px; font-size:14px; color:#555; vertical-align:top; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
table.board-write td img { vertical-align:top; }
table.board-write td .width1 { width:336px; }
table.board-write td .width2 { width:130px; }
table.board-write td .width3 { width:180px; }
table.board-write td .width4 { width:522px; }
table.board-write td a.click { display:inline-block; margin-left:10px; padding:0 20px; font-size:14px; font-weight:600;color:#fff; line-height:31px; vertical-align:top; background-color:#666; }

table.board-view { width:100%; margin-top:60px; border-top:1px solid #d5d5d5; }
table.board-view th { font-size:14px; color:#666; padding:12px 10px; line-height:23px; text-align:center; vertical-align:top; border-bottom:1px solid #d5d5d5; background-color:#f8f8f8; }
table.board-view tr:first-child th, table.board-view tr:first-child td { border-bottom:1px solid #e5e5e5; }
table.board-view td { font-size:14px; color:#666; padding:12px 0 12px 30px; line-height:23px; text-align:left; border-bottom:1px solid #d5d5d5; }
table.board-view td a { color:#666; line-height:23px; }

@media screen and (max-width:1200px) {
	.wrap { margin:0 auto; width:980px; }

	table.tbl2 td div.img img { width:100%; max-width:218px; }
	table.tbl2 td p.name { font-size:13px; }

	table.board-write td textarea { width:96%; }
	table.board-write td .width1 { width:60%; }
	table.board-write td .width2 { width:26%; }
	table.board-write td .width3 { width:30%; }
	table.board-write td .width4 { width:90%; }
	table.board-write td .width5 { width:70%; }
}

@media screen and (max-width:980px) {
	.wrap { margin:0 auto; width:750px; }

}

@media screen and (max-width:768px) {
	.wrap { margin:0 15px; width:auto; }

	div.button { margin:30px auto 0 auto; }
	div.button a { width:120px; font-size:13px; line-height:32px; }

	div.button2 { margin:30px auto 0 auto; text-align:center; }
	div.button2 a { width:90px; font-size:12px; line-height:29px; border:1px solid #ddd; }

	div.page { margin-top:30px; }
	div.page a { width:24px; }
	div.page a.page { font-size:12px; line-height:24px; }
	div.page img { height:24px; }
	div.page a.write { position:static; display:block; width:80px; margin:20px auto 0 auto; font-size:12px; line-height:24px; }

	table.tbl1 { margin-top:20px; }
	table.tbl1 th { font-size:12px; line-height:17px; padding:8px 0 8px 10px; }
	table.tbl1 td { font-size:12px; line-height:17px; padding:8px 0 8px 10px; }

	table.tbl2 thead.m { display:none; }
	table.tbl2 col.width1 { width:40%; }
	table.tbl2 col.width2 { width:14%; }
	table.tbl2 col.width3 { width:3%; }
	table.tbl2 th { font-size:12px; line-height:21px; padding:10px 0; }
	table.tbl2 td { padding:15px 0; font-size:0; line-height:0; text-align:center; vertical-align:top; }
	table.tbl2 td div.img img { max-width:148px; }
	table.tbl2 td div.arrow { margin-top:50%; }
	table.tbl2 td div.arrow img { height:15px; }
	table.tbl2 td p.name { height:auto; margin-top:6px; font-size:11px; line-height:15px; }

	table.tbl3 { margin-top:20px; }
	table.tbl3 th { font-size:12px; line-height:17px; padding:8px 0; }
	table.tbl3 td { font-size:12px; line-height:17px; padding:8px 0; }
	table.tbl3 td a { line-height:19px; }
	table.tbl3 td.left { padding:8px 8px 8px 10px; }
	table.tbl3 td img { height:24px; }

	table.board-list { margin-top:30px; }
	table.board-list th { font-size:12px; line-height:17px; padding:12px 0; }
	table.board-list td { font-size:12px; line-height:17px; padding:10px 0; }
	table.board-list td div.guide { padding:0 10px; line-height:21px; }
	table.board-list td.subject { padding-left:8px; }
	table.board-list td.subject div.notice { margin-right:5px; padding:0 5px; }
	table.board-list td img { height:17px; }
	table.board-list td a { line-height:17px;}
	table.board-list td a.name { padding:0 0 0 8px; font-size:12px; line-height:17px; }

	table.board-write { margin-top:30px; }
	table.board-write th { display:block; width:100%; font-size:12px; line-height:21px; padding:8px 0 8px 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	table.board-write th.top { border-top:2px solid #666; }
	table.board-write td { display:block; width:100%; font-size:12px; line-height:27px; padding:10px 0 10px 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	table.board-write td.top { border-top:none; }
	table.board-write td em { margin:0; display:block; }
	table.board-write td input { height:27px; padding-left:5px; font-size:12px; }
	table.board-write td input.radio { margin:7px 5px 0 0; }
	table.board-write td select { height:27px; padding-left:5px; font-size:12px; }
	table.board-write td textarea { height:100px; padding:5px; font-size:12px; }
	table.board-write td img { height:27px; }
	table.board-write td a.click { padding:0 10px; font-size:12px; line-height:27px; }

	table.board-view { margin-top:30px; }
	table.board-view th { padding:10px 5px; font-size:12px; line-height:17px; }
	table.board-view td { padding:10px; font-size:12px; line-height:17px; }
	table.board-view td a { line-height:17px; }
}

@media screen and (max-width:480px) {
	.wrap { margin:0 10px; width:auto; }
}