@charset "utf-8";
*{
    margin: 0 auto;
    color:#333;
}
body {
    /* background-color: #fff; */
    font-family:'나눔 고딕','Nanum Gothic', sans-serif;
    background-color: #f0f0f0;
}
ul{
    padding: 0;
}
ul>li{
    list-style: none;
}
img{
    vertical-align: top;
}
a{
    text-decoration: none;
    color: inherit; /* 상속 */
}
.hidden{
    position: absolute;
    left:-9999px;
    font-size:0;
    color: #fff;
}
/* header */
.header_cover{
    position: relative;
    width: 100%;
    height: 160px;
    background-color: #ccc;
}
header{
    position: relative;
    height: 150px;
    width: 1000px;
    background-color: #ccc;
    margin-bottom: 50px;
    text-align: center;
}
.form_cover{
    position: relative;
    width: 1000px;
    height: 120px;
    padding-top: 15px;
    box-sizing: border-box;
}
.form_cover>h1{
    float: left;
    width: 170px;
    height: 57px;
    padding-top: 5px;
    box-sizing: border-box;
}
.form_cover>form{
    float: left;
    width: 580px;
    height: 57px;
    line-height: 57px;
    position: relative;
    /*
        항상 셋트  기본적으로 line-height 있으면 v middle;
        height: 57px;
        line-height: 57px;
        vertical-align: middle;
    */
}
.form_cover>form>input{
    border: 0;
    background-image: url(../images/search.png);
    background-color: rgba(0, 0, 0, 0);
    width: 520px;
    height: 50px;
    line-height: 50px;
    z-index: 50;
    text-align: right;
    box-sizing: border-box;
    padding-right: 35px;
}
.form_cover>form>button{
    position:absolute;
    background-image: url(../images/search1.png);
    background-color: #fff;
    width:24px;
    height:24px;
    border: 0;
    color:#ccc;
    font-size: 0px;
    margin-top: 20px;
    right: 35px;
    cursor: pointer;
    z-index: 51;
}
.form_cover>.btn_cover{
    float:right;
    width : 250px;
    height: 57px;
    line-height: 57px;
    text-align: right;
}
.form_cover>.btn_cover:after{
    content: "";
    clear: both;
    color:#fff;
}
.form_cover>.btn_cover>a{
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color:#808080;
    background-color: #efefef;
    border-radius: 16px;
    margin-left: 15px;

}
.form_cover>.btn_cover>a:hover{
    filter: opacity(0.8) sepia(0.2);
}

/* 글로벌 네비게이션 */
.gnb{
    position: relative;
    width: 1002px;
    height: 40px;
}
.gnb>ul>li{
    float: left;

}
.gnb>ul>li>a{
    display: inline-block;
    width:165px;
    height: 40px;
    line-height: 40px;
    color : #808080;
    font-weight: 500;
    font-size: 25px;
    border-radius: 16px;
    margin-left: 2px;

    font-stretch: narrower;
}

.gnb>ul>li>a.now{
    background-color: #efefef;
    color: black;
}

.gnb>ul>li>a:hover{
    /* filter: opacity(0.8)  sepia(0.2); */
    background-color: #efefef;
    color: black;
}

/* content 시작 */
.contents {
	position:relative;
    min-height:500px;
	margin-top:10px;
	text-align:center;
    /* height: 1500px; */
    width: 1000px;
    background-color: #fff;
}

/*게시판메인페이지*/
.bbs_cover{
    position: relative;
    padding-top: 20px;
}
.bbs_cover>h2{ /*bbs_title*/
    margin-left: 50px;
    text-align: left;
    font-size:32px;
    width:200px;
    height: 35px;
    line-height: 35px;
}
.bbs_cover>h2.bbs_title2{
    width:300px;
}

/* snb 서브카테고리*/
.snb_cover{
    position: relative;
    margin-top: 10px;
    margin-bottom: 25px;
}
.snb{
    position: relative;
    width: 600px;
    height: 40px;
}
.snb>ul>li{
    float: left;
    width:150px;
    height: 40px;
    background-color:#ccc;
    /* border: 1px solid #808080; */
    box-sizing: border-box;
}
.snb>ul>li>a{
    display: inline-block;
    width:148px;
    height: 40px;
    line-height: 38px;
    color : #808080;
    font-weight: 500;
    font-size: 22px;
    border-radius: 16px;
    box-sizing: border-box;
}
.snb>ul>li>a.now{
    background-color: #efefef;
    color: black;
}
.snb>ul>li>a:hover{
    /* filter: opacity(0.8)  sepia(0.2); */
    background-color: #efefef;
    color: black;
}
.page_cover>.now{
    background-color: #4e4e4e;
}

/* footer */

.footer_gap{
    position: relative;
    width: 1000px;
    height: 0px;
    background-color: rgb(238, 225, 37);
}

.footer_cover{
    position: relative;
    width: 100%;
    height:200px;
    background-color: #ccc;
    margin-top: 50px;
}
footer{
    position: relative;
    height: 200px;
    width: 1000px;
    background-color: #ccc;
}
footer>h1{
    float: left;
    width: 170px;
    height: 57px;
    margin-top: 30px;
    text-align: left;
}

footer>.adrress_cover{
    float: left;
    width: 600px;
    height: 170px;
    padding-top: 30px;
    padding-left: 50px;
}
footer>.adrress_cover>nav>ul>li{
    display: inline;
    position: relative;
    font-weight: bold;
    color:#808080;
    font-size: 20px;
}
footer>.adrress_cover>nav>ul>li>a:hover{
    color:#000000;
}
footer>.adrress_cover>nav>ul>li:after{
    content:"·";
    position: relative;
    left: 2px;
}
footer>.adrress_cover>nav>ul>li:last-child::after{
    content:"";
}

address{
    position: relative;
    width: 600px;
    height: 90px;
    font-style: normal;
    padding-top: 10px;
}
address>p{
    color:#808080;
    font-size: 16px;
    line-height: 1.1em;
}
address>p>a:hover{
    color:#d9d9d9;
}
address>.corp_info{
    font-size: 14px;
    line-height: 1.1em;
    padding-left: 10px;
    padding-bottom: 5px;
    height : 0px;
    visibility : hidden;
}
address>.show{
    transition:  visibility 1s ,height 0.5s ;
    height : 60px;
    visibility : visible;

}
address>.hide{
    transition:  visibility 0s , height 1s;
    height : 0px;
    visibility : hidden;
}

.sns_cover{
    float : right;
    width: 180px;
    height: 150px;
    padding-top : 30px;
}
.sns_cover>img{
    float: right;
}