@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
#table3 *{font-family: 'Nanum Gothic', sans-serif;}
#table3{width:100%;font-size:12.5px;table-layout:fixed}
#table3 th,#table3 td{padding:8px 3px;border-bottom:1px solid #eeeeee;font-size:1.1em}
#table3 td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#table3 input,#table3 select{padding:5px;font-size:1.1em}
#table3 .top{border-top:3px solid #c0c0c0}
#table3 .bot{border-bottom:3px solid #c0c0c0}
#table3 .tcenter{text-align:center}
#table3 .tright{text-align:right}
#table3 .tleft{text-align:left}
#table3 .trhover{background-color:#f3f3f3}
#table3 a{text-decoration:none}
#table3 a:hover{color:OrangeRed}

#table3 th.tlist{background-color:#c0c0c0;color:#ffffff}
/**/
#table3 .lastborder{border-bottom:1px solid #dfdfdf}
/*읽기.*/
#table3 .tread-title{background-color:#E8E8E8;border-top:2px solid #464646;padding-left:10px}
.tread .wdate{display:inline-block;float:right;padding-right:10px}
.tt{color:OrangeRed;font-weight:bold}
.btn-area{text-align:center;padding:10px}
.btn-right{display:inline-block;float:right}
.btn-add,.btn-cancle{padding:5px 10px}
.list_searchN{width:760px; height:20px; padding:5px; margin-bottom:30px;text-align:center}

#tab_community{width:775px; height:28px}
#tab_community ul{margin:0;padding:0}
#tab_community li{float:left;list-style:none;font-family:'dotum', "돋음",Arial;font-weight:bold}
#tab_community .tab_2{width:155px;border-top:1px solid #000000;border-left:1px solid #000000;border-bottom:1px solid #000000;padding:6px 10px 6px;font-size:10pt;color:#ffffff;cursor:pointer;
background: rgb(145,145,145); /* Old browsers */
background: -moz-linear-gradient(top, rgba(145,145,145,1) 0%, rgba(99,99,99,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(145,145,145,1) 0%,rgba(99,99,99,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(145,145,145,1) 0%,rgba(99,99,99,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#636363',GradientType=0 ); /* IE6-9 */}
#tab_community .tab_2.focus,#tab_community .tab_2.on{
background: rgb(53,106,160); /* Old browsers */
background: -moz-linear-gradient(top, rgba(53,106,160,1) 0%, rgba(53,106,160,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=0 ); /* IE6-9 */
}
#tab_community .tab_2 a{color:#ffffff;text-decoration:none}


#total-page{text-align:center}

.list_page{width:100%;padding:20px}
.area-center{width:100%;margin:auto}
.btn-page-active{color:Chocolate;font-weight:bold;background-color:#e6e6e6}
.btn-write{width:100%;text-align:center;margin:auto}

/*내 스타일 버튼. 01.회색*/
.btn-gray {color: #333;background-color: #e6e6e6;border-color: #adadad}
.btn-gray:focus,.btn-gray.focus {color: #333;background-color: #e6e6e6;border-color: #8c8c8c}
.btn-gray:hover {color: #333;background-color: #bebebe;border-color: #adadad;}
.btn-gray:active,.btn-gray.active,.open > .dropdown-toggle.btn-gray {
	color: #333;background-color:#e6e6e6;border-color: #adadad;}
.btn-gray:active:hover,
.btn-gray.active:hover,
.open > .dropdown-toggle.btn-gray:hover,
.btn-gray:active:focus,
.btn-gray.active:focus,
.open > .dropdown-toggle.btn-gray:focus,
.btn-gray:active.focus,
.btn-gray.active.focus,
.open > .dropdown-toggle.btn-gray.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  background-image: none;
}
.btn-gray.disabled:hover,
.btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray:hover,
.btn-gray.disabled:focus,
.btn-gray[disabled]:focus,
fieldset[disabled] .btn-gray:focus,
.btn-gray.disabled.focus,
.btn-gray[disabled].focus,
fieldset[disabled] .btn-gray.focus {
  background-color: #e6e6e6;
  border-color: #ccc;
}
.btn-gray .badge {
  color: #fff;
  background-color: #333;
}

.table4 {width:100%;float:left;clear:both;border-bottom:1px solid #eee}
.table4 dt{ width:80px;}
.table4 dt, .table4 dd{float:left;padding:0}
.table4 dd{width:280px;text-overflow: ellipsis; white-space: nowrap;overflow: hidden}

.table5 {width:100%;clear:both;border-top:1px solid #aaa;border-right:1px solid #aaa}
.table5 th{background-color:#eef;font-size:14px;text-align:center}
.table5 th, .table5 td{padding:5px;border-left:1px solid #aaa;border-bottom:1px solid #aaa}
.table5 td{}

.tit_roll{width:280px;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.togood:link, .togood:visited{color:RoyalBlue;}
.togood:hover{color:tomato}

/*이전글 다음글*/
.read-ud {list-style:none;}
.read-ud li {padding:10px 20px;border-bottom:1px solid #eee;font-size:14px}
.read-ud li:first-child{ border-top:1px solid #eee}


.glow-button {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.8);
  background: rgb(145, 92, 182);
  padding: 15px 40px;
  border-radius: 4px;
  font-weight: normal;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
}

.glow-button:hover {
  color: rgba(255, 255, 255, 1);
  box-shadow: 0 5px 15px rgba(145, 92, 182, .4);
}


.button1{
                display: inline-block;
                outline: 0;
                text-align: center;
                cursor: pointer;
                height: 34px;
                padding: 0 13px;
                color: #fff;
                vertical-align: top;
                border-radius: 3px;
                border: 1px solid transparent;
                transition: all .3s ease;
                background: #cc4d29;
                border-color: #cc4d29;
                font-weight: 600;
                text-transform: uppercase;
                line-height: 16px;
                font-size: 11px;
                :hover {
                    background: #e4461b;
                    border-color: #e4461b;
                }
}


/* CSS */
.button-5 {
  align-items: center;
  background-clip: padding-box;
  background-color: #fa6400;
  border: 1px solid transparent;
  border-radius: .25rem;
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  line-height: 1.25;
  margin: 0;
  min-height: 3rem;
  padding: calc(.875rem - 1px) calc(1.5rem - 1px);
  position: relative;
  text-decoration: none;
  transition: all 250ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  width: auto;
}

.button-5:hover,
.button-5:focus {
  background-color: #fb8332;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
}

.button-5:hover {
  transform: translateY(-1px);
}

.button-5:active {
  background-color: #c85000;
  box-shadow: rgba(0, 0, 0, .06) 0 2px 4px;
  transform: translateY(0);
}

/* CSS */
.button-55 {
  align-items: center;
  background-clip: padding-box;
  background-color: #fa6400;
  border: 1px solid transparent;
  border-radius: .25rem;
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  margin: 0;
  min-height: 44px;
  min-width: 10px;
  padding: 9px 20px 8px;
  position: relative;
  text-decoration: none;
  transition: all 250ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  width: auto;
}

.button-55:hover,
.button-55:focus {
  background-color: #fb8332;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
}

.button-55:hover {
  transform: translateY(-1px);
}

.button-55:active {
  background-color: #c85000;
  box-shadow: rgba(0, 0, 0, .06) 0 2px 4px;
  transform: translateY(0);
}


/* CSS */
.button-12 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6px 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
  border-radius: 6px;
  border: none;

  background: #6E6D70;
  box-shadow: 0px 0.5px 1px rgba(0, 0, 0, 0.1), inset 0px 0.5px 0.5px rgba(255, 255, 255, 0.5), 0px 0px 0px 0.5px rgba(0, 0, 0, 0.12);
  color: #DFDEDF;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-12:focus {
  box-shadow: inset 0px 0.8px 0px -0.25px rgba(255, 255, 255, 0.2), 0px 0.5px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 3.5px rgba(58, 108, 217, 0.5);
  outline: 0;
}


/* CSS */
.button-31 {
  align-items: center;
  background-clip: padding-box;
  background-color: #6E6D70;
  border: 1px solid transparent;
  border-radius: .25rem;
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  line-height: 1.25;
  margin: 0;
  min-height: 3rem;
  padding: calc(.875rem - 1px) calc(1.5rem - 1px);
  position: relative;
  text-decoration: none;
  transition: all 250ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  width: auto;
}
.button-31:hover,.button-31:focus {opacity: .75}

.button-6 {
  align-items: center;
  background-clip: padding-box;
  background-color: #3498db;
  border: 1px solid transparent;
  border-radius: .25rem;
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  line-height: 1.25;
  margin: 0;
  min-height: 3rem;
  padding: calc(.875rem - 1px) calc(1.5rem - 1px);
  position: relative;
  text-decoration: none;
  transition: all 250ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  width: auto;
}

.button-6:hover,
.button-6:focus {
  background-color: #2980b9;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
}

.button-6:hover {
  transform: translateY(-1px);
}

.button-6:active {
  background-color: #2980b9;
  box-shadow: rgba(0, 0, 0, .06) 0 2px 4px;
  transform: translateY(0);
}