/* */
.board_content:after {
content: "";
display: block;
clear: both;
}
.board_list.type1 .board_content{
width: 50%;
min-height:190px;
float:left;
margin-bottom:0px;
margin-top:20px;
box-sizing: border-box;
padding-right: 5px;
}
.board_list.type1.no_tag .board_content{
margin-bottom:10px;
}
.board_list.type1 > div.board_content:nth-of-type(2n){
padding-left: 5px;
}
.board_list.type1 > .line2{
clear:both;
background:rgba(0,0,0,0.8);
width:100%;
display:block;
height:1px;
margin-bottom:30px;
}
.board_list.type1 .board_content .img{
background:#f9f9f9;
height:190px;
overflow:hidden;
background-position: 50% 50%;
background-repeat:no-repeat;
}
.board_list.type1.heightCustom .board_content .img{
background-size:cover;
height:387px;
}
.board_list.type1 .board_content .img.video{
height:143px;
}
.board_list.type1 .board_content .img img{
width:100%;
}
.board_list.type1 .board_content h3{
margin-top:0px;
font-size:18px;
line-height: 22px;
letter-spacing: -0.05em;
width:100%;
font-weight: 500;
display: block;
overflow:hidden;
height:22px;
color:#333;
}
.board_list.type1 .board_content h1{
margin-top:15px;
margin-bottom:10px;
font-size:13px;
line-height: 22px;
letter-spacing: -0.03em;
width:100%;
display: block;
overflow:hidden;
height:22px;
color:#333;
}
.board_list.type1 .board_content p{
margin-top:10px;
margin-bottom:10px;
font-size: 22px;
line-height: 1.2;
letter-spacing: -0.03em;
width:100%;
display: block;
overflow: hidden;
height: 44px;
color:#333;
}
.board_list.type1 .board_content b{
margin-top:15px;
margin-bottom:10px;
font-size:13px;
line-height: 22px;
letter-spacing: 0em;
width:100%;
width:50%;
display: block;
color:#333;
}
.board_list.type1 .board_content b.date, .board_list.type1 .board_content b.hit{
float:left;
margin-top:10px;
font-weight:200;
letter-spacing: 0.05em;
font-size:11px;
color:#000;
}
.board_list.type1 .board_content b.hit{
text-align: right;
}
.board_list.type1 .board_content *{
}
.board_list.type1 .board_content > a{
display: block;
text-decoration: none;
}
.board_list.type1 .board_content > a:hover *{
color:#187543;
}
.board_list.type1 .board_content .tag{
margin-bottom:20px;
}
.board_list.type1 .board_content .tag span{
display:inline-block;
margin-right:2px;
margin-bottom:2px;
}
.board_list.type1 .board_content .tag span a{
font-family: "NotoSansKR";
font-weight:400;
display:block;
color:#fff;
padding:3px 10px;
font-size:12px;
line-height:16px;
background:#333;
}
.board_list.type1 .board_content .tag span:hover a{
background: #187543;
}
/* */
/* */
.board_list.type2 .board_content{
width:100%;
min-height:190px;
margin-top:15px;
}
.board_list.type2.small_thumb .board_content{
min-height:150px;
}
.board_list.type2 > .line{
clear:both;
background:rgba(0,0,0,0.2);
width:100%;
display:block;
height:1px;
margin:15px 0px;
}
.board_list.type2 > .line2{
clear:both;
background:rgba(0,0,0,0.8);
width:100%;
display:block;
height:1px;
margin:15px 0px;
}
.board_list.type2 .board_content .img{
float:left;
width:258px;
background:#f9f9f9;
height:190px;
overflow:hidden;
background-position: 50% 50%;
}
.board_list.type2 .board_content .img img{
width:100%;
}
.board_list.type2.small_thumb .board_content .img{
width:220px;
height:150px;
}
.board_list.type2 .board_content h3{
float:left;
margin-top:0px;
font-size:18px;
line-height: 22px;
letter-spacing: -0.05em;
width:527px;
padding-left:25px;
font-weight: 500;
display: block;
overflow:hidden;
height:22px;
color:#333;
}
.board_list.type2 .board_content h1{
margin-top:15px;
margin-bottom:10px;
font-size:13px;
line-height: 22px;
letter-spacing: -0.03em;
width:100%;
display: block;
overflow:hidden;
height:22px;
color:#333;
}
.board_list.type2 .board_content p{
font-size:14px;
line-height: 22px;
letter-spacing: -0.03em;
width:527px;
padding-top: 10px;
padding-left:25px;
display: block;
overflow:hidden;
height:44px;
color:#333;
}
.board_list.type2 .board_content b{
float:left;
margin-top:0px;
margin-bottom:10px;
float:left;
font-size:13px;
line-height: 22px;
letter-spacing: 0em;
width:527px;
padding-left:25px;
display: block;
color:#333;
}
.board_list.type2.small_thumb .board_content h3,
.board_list.type2.small_thumb .board_content p,
.board_list.type2.small_thumb .board_content b
{
width:565px;
}
.board_list.type2 .board_content b.date, .board_list.type2 .board_content b.hit{
margin-top:20px;
font-weight:200;
width:251px;
letter-spacing: 0.05em;
font-size:11px;
color:#000;
}
.board_list.type2.small_thumb .board_content b.date{
width:251px;
}
.board_list.type2.small_thumb .board_content b.hit{
width:287px;
}
.board_list.type2 .board_content b.hit{
text-align: right;
}
.board_list.type2 .board_content *{
font-size:0px;
line-height: 0px;
}
.board_list.type2 .board_content > a{
display: block;
}
.board_list.type2 .board_content > a:hover *{
color:#187543;
}
.board_list.type2 .board_content .tag{
margin-bottom:20px;
width:527px;
padding-left:25px;
float:left;
}
.board_list.type2 .board_content .tag span{
display:inline-block;
margin-right:2px;
margin-bottom:2px;
}
.board_list.type2 .board_content .tag span a{
font-family: "NotoSansKR";
font-weight:400;
display:block;
color:#fff;
padding:3px 10px;
font-size:12px;
line-height:16px;
background:#333;
}
.board_list.type2 .board_content .tag span:hover a{
background: #187543;
}
/* */
/* */
.board_list.type3{
margin-top:-1px;
position:relative;
z-index:1;
margin-bottom:15px;
}
.board_list.type3 .divTableHeader{
border-bottom:1px solid rgba(0,0,0,0.5);
background:rgba(0,0,0,0.03);
border-top:2px solid #000;
}
.board_list.type3 .divTableHeader:after{
content: "";
display: table;
clear: both;
}
.board_list.type3 .divTableHeader *{
color:#000;
float:left;
font-size: 22px;
font-weight:500;
}
.board_list.type3 .board_content > *{
color:#333;
float:left;
font-size:13px;
overflow: hidden;
}
.board_list.type3 .number{
font-size: 22px;
padding: 25px 1%;
width: 15%;
text-align:center;
box-sizing: border-box;
}
.board_list.type3 .subject{
text-align:center;
width: 85%;
padding: 25px 1%;
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.board_list.type3.no_attachment .subject{
width:62%;
}
.board_list.type3 .author{
text-align:center;
width:13%;
}
.board_list.type3 .author.admin{
color:#000;
}
.board_list.type3 .date{
text-align:center;
font-size:12px;
width:14%;
}
.board_list.type3 .attachment{
text-align:center;
width:10%;
}
.board_list.type3 .board_content .subject{
text-align: left;
}
.board_list.type3 .board_content a{
color:#333;
display: block;
font-size: 22px;
overflow: hidden;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
}
.board_list.type3 .board_content:nth-of-type(2n) > div{
/*background:rgba(0,0,0,0.02);*/
}
.board_list.type3 .board_content:hover > div{
background:rgba(0,0,0,0.03);
}
.board_list.type3 .board_content .subject a{
display: block;
}
.board_list.type3 .board_content .subject a:hover{
color:#35b2ba;
}
.board_list.type3 .board_content .subject + .link a:hover {
color:#35b2ba;
}
.board_list.type3 .board_content .hit{
text-align: right;
}
.board_list.type3 .board_content .attachment{
text-align: center;
margin:0 auto;
}
.board_list.type3 .board_content .attachment i{
line-height: 55px;
vertical-align: middle;
background:url("../images/common/attachment_ico.png") left bottom;
width:16px;
height:16px;
display:inline-block;
}
.board_list.type3 .board_content .attachment a:hover > i{
background-position: left top;
}
.board_list.type3 .line{
display: block;
clear:both;
width:100%;
background:rgba(0,0,0,0.2);
height:1px;
}
.board_list.type3 .line2{
display: block;
clear:both;
width:100%;
background:rgba(0,0,0,0.8);
height:1px;
}
/* */
/* */
.board_list.type4{
margin-top:-1px;
position:relative;
z-index:1;
margin-bottom:15px;
}
.board_list.type4 .divTableHeader{
border-bottom:1px solid rgba(0,0,0,0.5);
height:20px;
padding-top:15px;
padding-bottom:15px;
background:rgba(0,0,0,0.03);
border-top:2px solid #000;
}
.board_list.type4 .board_content > *{
float:left;
font-size:13px;
height:55px;
line-height: 55px;
overflow: hidden;
}
.board_list.type4 .number{
font-size:12px;
padding-left:1%;
width:8%;
text-align:center;
}
.board_list.type4 .subject{
text-align:center;
width:58%;
padding:0px 3%;
}
.board_list.type4 .author{
text-align:center;
width:12%;
}
.board_list.type4 .author.admin{
color:#000;
}
.board_list.type4 .date{
text-align:center;
font-size:12px;
width:15%;
}
.board_list.type4 .divTableHeader *{
color:#000;
line-height: 20px;
float:left;
height:20px;
font-size:13px;
font-weight:500;
}
.board_list.type4 .board_content .subject{
text-align: left;
}
.board_list.type4 .board_content a{
color:#333;
display: block;
font-size:13px;
height:55px;
line-height: 55px;
overflow: hidden;
}
.board_list.type4 .board_content:nth-of-type(2n) > div{
/*background:rgba(0,0,0,0.02);*/
}
.board_list.type4 .board_content:hover > div{
background:rgba(0,0,0,0.03);
}
.board_list.type4 .board_content .subject a i{
display: inline-block;
margin-bottom:-2px;
margin-left:5px;
line-height: 20px;
width:16px;
height:16px;
background:url("../images/common/lock_ico.png") 0px 0px no-repeat;
}
.board_list.type4 .board_content .subject a span{
display:inline-block;
position:absolute;
margin-top:12px;
width:15px;
height:15px;
border-left:1px dotted #c1201e;
border-bottom:1px dotted #c1201e;
}
.board_list.type4 .board_content .subject a b{
display:inline-block;
padding:0px 5px;
line-height:18px;
background:#e24c4a;
margin-right:7px;
margin-left:15px;
}
.board_list.type4 .board_content .subject a b:before{
display:inline-block;
content:"답변";
line-height:18px;
font-size:12px;
color:#fff;
}
.board_list.type4 .board_content .subject a{
display: block;
}
.board_list.type4 .board_content .subject a:hover{
color:#35b2ba;
}
.board_list.type4 .board_content .subject a:hover > i{
background-position: 0px -16px;
}
.board_list.type4 .line{
display: block;
clear:both;
width:100%;
background:rgba(0,0,0,0.2);
height:1px;
}
.board_list.type4 .line2{
display: block;
clear:both;
width:100%;
background:rgba(0,0,0,0.8);
height:1px;
}
/* */
/* */
.board_list.type5{
margin-top:-1px;
position:relative;
z-index:1;
margin-bottom:15px;
}
.board_list.type5 .divTableHeader{
border-bottom:1px solid rgba(0,0,0,0.5);
height:20px;
padding-top:15px;
padding-bottom:15px;
background:rgba(0,0,0,0.03);
border-top:2px solid #000;
}
.board_list.type5 .board_content > *{
float:left;
font-size:13px;
height:55px;
line-height: 55px;
overflow: hidden;
}
.board_list.type5 .number{
font-size:12px;
padding-left:1%;
width:8%;
text-align:center;
}
.board_list.type5 .subject{
text-align:center;
width:58%;
padding:0px 3%;
}
.board_list.type5 .status{
text-align:center;
width:12%;
}
.board_list.type5 .date{
text-align:center;
font-size:12px;
width:15%;
}
.board_list.type5 .divTableHeader *{
color:#000;
line-height: 20px;
float:left;
height:20px;
font-size:13px;
font-weight:500;
}
.board_list.type5 .board_content .subject{
text-align: left;
}
.board_list.type5 .board_content a{
color:#333;
display: block;
font-size:13px;
height:55px;
line-height: 55px;
overflow: hidden;
}
.board_list.type5 .board_content:nth-of-type(2n) > div{
/*background:rgba(0,0,0,0.02);*/
}
.board_list.type5 .board_content .status i{
font-style:normal;
padding:3px 10px;
line-height:22px;
font-size:13px;
color:#fff;
display:inline-block;
margin-top:14px;
}
.board_list.type5 .board_content .status i.progress{
background:#35b2ba;
}
.board_list.type5 .board_content .status i.terminate{
background:#333;
}
.board_list.type5 .board_content .status i.progress:before{
content:"진행중";
}
.board_list.type5 .board_content .status i.terminate:before{
content:"종료";
}
.board_list.type5 .board_content:hover > div{
background:rgba(0,0,0,0.03);
}
.board_list.type5 .board_content .subject a{
display: block;
}
.board_list.type5 .board_content .subject a:hover{
color:#35b2ba;
}
.board_list.type5 .board_content .subject a:hover > i{
background-position: 0px -16px;
}
.board_list.type5 .line{
display: block;
clear:both;
width:100%;
background:rgba(0,0,0,0.2);
height:1px;
}
.board_list.type5 .line2{
display: block;
clear:both;
width:100%;
background:rgba(0,0,0,0.8);
height:1px;
}
/* */
/* */
.board_list.type6{
margin-top:-1px;
position:relative;
z-index:1;
margin-bottom:15px;
}
.board_list.type6 .divTableHeader{
border-bottom:1px solid rgba(0,0,0,0.5);
height:20px;
padding-top:15px;
padding-bottom:15px;
background:rgba(0,0,0,0.03);
border-top:2px solid #000;
}
.board_list.type6 .board_content > *{
float:left;
font-size:13px;
height:55px;
line-height: 55px;
overflow: hidden;
}
.board_list.type6 .number{
font-size:12px;
padding-left:1%;
width:8%;
text-align:center;
}
.board_list.type6 .author{
text-align:center;
width: 8%;
}
.board_list.type6 .subject{
text-align:center;
width:50%;
padding:0px 3%;
}
.board_list.type6 .status{
text-align:center;
width:12%;
}
.board_list.type6 .date{
text-align:center;
font-size:12px;
width:15%;
}
.board_list.type6 .divTableHeader *{
color:#000;
line-height: 20px;
float:left;
height:20px;
font-size:13px;
font-weight:500;
}
.board_list.type6 .board_content .subject{
text-align: left;
}
.board_list.type6 .board_content a{
color:#333;
display: block;
font-size:13px;
height:55px;
line-height: 55px;
overflow: hidden;
}
.board_list.type6 .board_content .subject a i{
display: inline-block;
margin-bottom:-2px;
margin-left:5px;
line-height: 20px;
width:16px;
height:16px;
background:url("../images/common/lock_ico.png") 0px 0px no-repeat;
}
.board_list.type6 .board_content:nth-of-type(2n) > div{
/*background:rgba(0,0,0,0.02);*/
}
.board_list.type6 .board_content .status i{
font-style:normal;
padding:3px 10px;
line-height:22px;
font-size:13px;
color:#fff;
display:inline-block;
margin-top:14px;
}
.board_list.type6 .board_content .status i.progress{
background:#35b2ba;
}
.board_list.type6 .board_content .status i.terminate{
background:#333;
}
.board_list.type6 .board_content .status i.progress:before{
content:"답변대기";
}
.board_list.type6 .board_content .status i.terminate:before{
content:"답변완료";
}
.board_list.type6 .board_content:hover > div{
background:rgba(0,0,0,0.03);
}
.board_list.type6 .board_content .subject a{
display: block;
}
.board_list.type6 .board_content .subject a:hover{
color:#35b2ba;
}
.board_list.type6 .board_content .subject a:hover > i{
background-position: 0px -16px;
}
.board_list.type6 .line{
display: block;
clear:both;
width:100%;
background:rgba(0,0,0,0.2);
height:1px;
}
.board_list.type6 .line2{
display: block;
clear:both;
width:100%;
background:rgba(0,0,0,0.8);
height:1px;
}
/* */
/* */
.board_view{
}
.board_view .info{
background:#f0f0f0;
padding:20px 25px;
border-bottom:1px solid rgba(0,0,0,0.3);
}
.board_view .info b{
display:inline-block;
padding: 0;
border-right:1px solid rgba(0,0,0,0.2);
font-size: 22px;
color:#999;
font-weight:300;
display: block;
margin-bottom: 20px;
}
.board_view .info b span{
color:#000;
}
.board_view .info b span i {
line-height: 55px;
vertical-align: middle;
background: url(../images/common/attachment_ico.png) left bottom;
width: 16px;
height: 16px;
display: inline-block;
}
.board_view .info b span a{
color: #000;
}
.board_view .info b:first-child{
padding-left:0px;
}
.board_view .info b.last{
border-right:0px;
}
.board_view .info b.attachment.nextline{
padding:0px;
margin-top:15px;
}
.board_view .info b.attachment.nextline.add-paddng{
padding-right: 35px;
}
.board_view .info b.attachment.nextline.add-paddng + b.attachment.nextline.last {
padding-left: 35px;
}
.board_view .info b.attachment i{
margin-right:3px;
margin-left:2px;
vertical-align: bottom;
background:url("../images/common/attachment_ico.png") left bottom;
width:16px;
height:16px;
display:inline-block;
}
.board_view .info b.attachment span{
font-size:12px;
}
.board_view .info b.attachment a:hover span{
color:#27a8b0;
}
.board_view .info b.attachment a:hover i{
background-position: left top;
}
.board_view .info h3{
font-size: 26px;
line-height: 30px;
letter-spacing: -0.03em;
font-weight: 500;
}
.board_view .board_content * {
font-family: 'Montserrat', 'NotoSansKR' !important;
font-size: 22px !important;
font-weight: 400 !important;
}
.board_view .board_answer {
padding: 25px 25px 50px 25px;
background-color: #f5f0f0;
}
.board_view .board_content {
padding:25px;
padding-bottom: 50px;
line-height:30px;
word-break: keep-all;
min-height:300px;
border-bottom:1px solid rgba(0,0,0,0.2);
font-weight: 300;
}
.board_view .board_content iframe {
max-width:100% !important;
}
.board_view .board_content img{
max-width:100% !important;
}
.board_view .line{
clear: both;
background:rgba(0,0,0,0.8);
height:1px;
}
.board_view .list{
padding-top: 40px;
text-align: right;
}
.board_view .btn{
text-align: center;
display: inline-block;
cursor: pointer;
color: #fff;
letter-spacing: -0.05em;
position: relative;
background: url(../images/common/bg_color1.jpg) -54px -84px;
background-size: 300% 450%;
}
.board_view .btn a{
text-transform: uppercase;
position: relative;
z-index:2;
color: #fff;
font-size: 24px;
letter-spacing: 0.1em;
display:block;
padding: 0px 40px;
text-decoration: none;
padding: 15px 55px;
}
.board_view .btn:after{
opacity: 0;
background:#222;
content:"";
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.board_view .btn:before{
content:"";
background:url("../images/common/btn_shadow.png");
background-size: 100% 100%;
width:100%;
height:10px;
position:absolute;
bottom:-10px;
left:0px;
}
.board_view .btn:hover:after{
opacity:1;
}
.list_content{
position:relative;
width: 100%;
float:left;
}
.list_content h3{
color:#333;
font-size: 22px;
padding: 25px 20px;
width: 400px;
overflow:hidden;
float: left;
text-overflow: ellipsis;
white-space: nowrap;
}
.list_content .arrow{
text-align: center;
width: 150px;
padding: 25px 0px;
background:#f0f0f0;
float:left;
color:#333;
font-size: 22px;
}
.list_content .arrow i{
display: inline-block;
width:16px;
margin-left:10px;
height:10px;
background:url("../images/common/pagination_ico1.png") -16px 0px;
}
.list_content .arrow.prev_ico i{
margin-right:10px;
margin-left:0px;
background-position:-16px -10px;
}
.list_content.next_article h3{
width: 399px;
border-left:1px solid rgba(0,0,0,0.2);
text-align: right;
}
.list_content:hover *{
color:#fff;
}
.list_content:hover{
background:#666;
}
.list_content:hover .arrow{
background:#222;
}
.list_content:hover .arrow i{
background-position:0px -10px;
}
.list_content.next_article:hover .arrow i{
background-position:0px 0px;
}
/* */
/* */
.pagination{
padding-top:10px;
clear:both;
width:100%;
text-align: center;
}
.pagination *{
font-size:0px;
line-height:0px;
}
.pagination span{
display:inline-block;
}
.pagination .ico_btn{
}
.pagination .number{
min-width:26px;
margin:0px 3px;
border-bottom:2px solid transparent;
}
.pagination .number.active{
padding:0px 0px;
border-bottom:2px solid #187543;
}
.pagination .number a{
vertical-align: middle;
font-size: 22px;
line-height:26px;
color:#333;
display: block;
font-weight: 200;
text-decoration: none;
}
.pagination .number:hover a{
color:#187543;
}
.pagination .number.active a, .pagination .number.active:hover a{
color:#187543;
font-weight:400;
}
.pagination .ico_btn{
background:url("../images/common/pagination_ico1.png") 0px 0px no-repeat;
width:16px;
height:10px;
line-height: 0px;
}
.pagination .ico_btn.first{
background-position:-16px -10px;
margin:0px 5px;
}
.pagination .ico_btn.prev, .pagination .ico_btn.next{
height:3px;
width:11px;
margin:0px 10px;
background-position:-19px -20px;
}
.pagination .ico_btn.last{
background-position:-16px 0px;
margin:0px 5px;
}
.pagination .ico_btn a{
display: block;
padding:10px 0px 6px 0px;
}
.pagination .ico_btn.prev a, .pagination .ico_btn.next a{
padding:7px 0px 16px 0px;
}
.pagination .ico_btn.prev:hover, .pagination .ico_btn.next:hover{
background-position:-3px -20px;
}
.pagination .ico_btn.last:hover{
background-position:0px 0px;
}
.pagination .ico_btn.first:hover{
background-position:0px -10px;
}
/* */
/* */
.board_search{
padding-bottom:5px;
height:50px;
text-align: right;
vertical-align:top;
font-size:0px;
line-height:0px;
border-bottom:1px solid rgba(0,0,0,0.2);
}
.select_box{
position: relative;
width: 140px;
height: 32px;
background: url("../images/common/select_arrow.png") 120px center no-repeat;
border: 1px solid rgba(0,0,0,0.2);
}
.select_box:hover{
border:1px solid #33b0a8;
}
.select_box label {
color:#000;
position: absolute;
font-size: 18px;
line-height:32px;
top: 0px;
left: 12px;
}
.select_box select{
cursor:pointer;
color:#000;
font-weight:300;
width: 100%;
padding: 0 10px;
opacity: 0;
font-size: 72px;
filter: alpha(opacity=0);
}
.board_search .select_box, .board_search .input_box, .board_search .btn{
display: inline-block;
vertical-align:top;
}
.input_box input{
font-size: 18px;
color:#333;
font-weight: 400;
margin:0px 5px;
line-height:32px;
height:32px;
border:1px solid rgba(0,0,0,0.2);
width:200px;
padding:0px 10px;
}
.input_box input:focus{
border:1px solid #12a8b5;
color:#333;
}
input:-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: rgba(0,0,0,0.3);
}
input:-moz-placeholder { /* Firefox 19+ */
color: rgba(0,0,0,0.3);
}
input:-ms-input-placeholder { /* IE 10+ */
color: rgba(0,0,0,0.3);
}
input:-moz-placeholder { /* Firefox 18- */
color: rgba(0,0,0,0.3);
}
.board_search .btn{
cursor: pointer;
color: #fff;
letter-spacing: -0.05em;
position: relative;
background: url(../images/common/bg_color1.jpg) -54px -84px;
background-size: 280% 450%;
}
.board_search .btn a, .board_search .btn input[type='submit']{
text-transform: uppercase;
position: relative;
z-index:2;
color: #fff;
line-height: 34px;
font-size: 16px;
letter-spacing: 1px;
display:block;
padding: 0px 30px;
background-color: transparent;
cursor: pointer;
outline: 0 none;
border: 0 none;
}
.board_search .btn:after{
opacity: 0;
background:#222;
content:"";
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.board_search .btn:before{
content:"";
background:url("../images/common/btn_shadow.png");
background-size: 100% 100%;
width:100%;
height:10px;
position:absolute;
bottom:-10px;
left:0px;
}
.board_search .btn:hover:after{
opacity:1;
}
/* */