﻿@charset "utf-8";
    
@media (min-width: 700px) {
	#contents { width:100%; height:100%; /*margin-top:80px;*/ padding-top:60px; border-top:1px solid #eaeaea; background-color:#ffedde;}/* 영역확인  background:red; */
	#CCMenu { width:536px; height:200px; margin:0 auto; }
	#menuList { width:536px; height:105px; padding-top:25px;margin:0 auto;}
	#menuList li { float:left; }
	
	#faq, #qna, #notice { width:268px; height:55px; text-align:center; }
	#faq > a { padding-top:50px; vertical-align:-60px; background:url("/images/n_icon.png")no-repeat;background-position:55% 10% ;font-size:10pt; color:#575764;}
	#qna > a { padding-top:50px; vertical-align:-60px; background:url("/images/ex_icon.png")no-repeat;background-position:55% 10% ; font-size:10pt; color:#575764;}
	
	#mainTitle { width:1000px; height:30px; margin:0 auto; margin-bottom:2px;  font-size:18px; color:#ab6b36; }
	
	#FandQ {  max-width: 1000px;height: 600px; min-height: 600px;margin: 0 auto; }
	
	table { width: 100%; color: #444444;border-collapse: collapse; }
	thead > tr { width: 100%; height: 40px; border-top:1px solid #642f03; border-bottom:1px solid #642f03;background: #fff5ec;}
	thead > tr > th {font-weight: 500; }
	
	tbody { height:400px; }
	tbody > tr {width: 100%;height: 40px; }
	tbody > tr:nth-child(even) { }
	tbody > tr > th {width: 10%;}
	tbody > tr > th, 
	tbody > tr > td {border-bottom: 1px solid #e6e6e6; text-align:center;}
	tbody > tr > td  a { color: #444444;}
	tbody > tr > td:first-child { width:12%; }
	tbody > tr > td:nth-child(3) { width:12%; }
	tbody > tr > td:nth-child(4) { width:12%; }
	tbody > tr > td:last-child {  width: 10%; min-width:60px; text-align: center; }
	tbody > tr > .title { text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 500px;}
	
	/*찾기*/
	/*#searchGroup li {  float: left;    height: 25px;  margin-bottom: 50px; }
	#period { height: 25px;margin-right: 5px;  }
	#searchType {  height: 25px;  margin-right: 5px; }
	#serchText > input[type=text] { height: 20px; margin-right: 5px;}
	#serchBtn > input[type=button] {  height: 25px;  color: #ffffff;  border-style: none;  border-radius: 5px; background: #444444; }*/
	
	
	/*글쓰기버튼*/
	a #writeBtn { float: right; width: 70px; height: 25px; text-align: center; line-height: 25px; font-weight: 500;color: #444444; border: 1px solid #a1a1a1;border-radius: 5px; background:#f5f5f5;}
	a #writeBtn:hover { background:#eaeaea;}
	.active > a { color: #ffffff!important; background: #b16f32!important; }
	
	/*페이징*/
	.pagination {width: 100%; height: 40px;margin: 0 auto; }
	.pagination li a { float: left; width: 40px;height: 40px;margin: 0 5px;text-align: center; line-height: 40px;color: #444444;font-weight: 500; border: 1px solid #642f03;background: #ffedde; }
	.pagination li a:hover { background: #ffdabc;}
}
@media (max-width: 699px) {
	#contents { width:100%; height:100%; padding-top:60px; border-top:1px solid #eaeaea; background-color:#ffedde;}
	#CCMenu { margin:0 auto; }
	#menuList { height:105px; padding-top:25px;margin:0 auto; text-align:center;}
	#menuList li { display:inline-block; }
	
	#faq, #qna, #notice { width:120px; margin:0 5%; }
	#faq > a { padding-top:50px; vertical-align:-60px; background:url("/images/n_icon.png")no-repeat;background-position:55% 10% ;font-size:10pt; color:#575764;}
	#qna > a { padding-top:50px; vertical-align:-60px; background:url("/images/ex_icon.png")no-repeat;background-position:55% 10% ; font-size:10pt; color:#575764;}
	
	#mainTitle { width:100%; height:20px; margin:0 auto; margin-bottom:2px;  font-size:14px; color:#ab6b36; }
	#mainTitle > label { margin-left:5px; font-weight:bold; }
	
	#FandQ { width:100%; height: 550px; margin: 0 auto; font-size:12px; }
	
	table { width: 100%; color: #444444;border-collapse: collapse; }
	thead > tr { width: 100%; height: 40px; border-top:1px solid #642f03; border-bottom:1px solid #642f03;background: #fff5ec;}
	thead > tr > th {font-weight: 500; }
	
	tbody { height:400px; }
	tbody > tr {width: 100%;height: 40px; }
	tbody > tr:nth-child(even) { }
	tbody > tr > th {width: 10%;}
	tbody > tr > th, 
	tbody > tr > td {border-bottom: 1px solid #e6e6e6; text-align:center;}
	tbody > tr > td  a { color: #444444;}
	tbody > tr > td:first-child { width:12%; min-width:20px; }
	tbody > tr > td:nth-child(3) { width:12%; min-width:40px; }
	tbody > tr > td:nth-child(4) { width:12%; min-width:70px; }
	tbody > tr > td:last-child {  width: 10%; min-width:30px; text-align: center; }
	tbody > tr > .title { text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 180px; min-width:100px;}
	.regId { display:none; }
	
	/*찾기*/
	/*#searchGroup li {  float: left;    height: 25px;  margin-bottom: 50px; }
	#period { height: 25px;margin-right: 5px;  }
	#searchType {  height: 25px;  margin-right: 5px; }
	#serchText > input[type=text] { height: 20px; margin-right: 5px;}
	#serchBtn > input[type=button] {  height: 25px;  color: #ffffff;  border-style: none;  border-radius: 5px; background: #444444; }*/
	
	
	/*글쓰기버튼*/
	#writeBtn { float: right; width: 70px; height: 25px; text-align: center; line-height: 25px; font-weight: 500;color: #444444; border: 1px solid #a1a1a1;border-radius: 5px; background:#f5f5f5; margin-right:10px; }
	
	#writeBtn:hover { background:#eaeaea;}
	#writeBtn:active { background:#eaeaea;}
	.active > a { color: #ffffff!important; background: #b16f32!important; }
	
	/*페이징*/
	.pagination {width: 100%; height: 40px;margin: 0 auto; }
	.pagination li a { float: left; width: 30px;height: 30px;margin: 0 5px;text-align: center; line-height: 30px;color: #444444;font-weight: 500; border: 1px solid #642f03;background: #ffedde; }
	.pagination li a:hover { background: #ffdabc;}
	.pagination li a:active { background: #ffdabc;}
}
