@charset "utf-8";


/*콘텐츠 영역*/
#contentwrap {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0 auto;
}

#contentwrap > div {
    width: 100%;
    margin: 0 auto;
}


/*각 본문 사이의 구분선 설정(마지막 내용엔 선 없음)*/
#contentwrap > div > div:last-child {
    border-bottom: none;
}


/*전체 텍스트 폰트 조정*/
#contentwrap h3 {
    letter-spacing: -1px;
}
p {
    letter-spacing: -1px;
    text-align: left;
}



/*인트로 영역*/
#intro {
    min-width: 1024px;
    height: 200px;
    margin: 0 auto;
}
#intro > div {
    width: 100%;
    height: 200px;
    background: url(../images/04_store_1.jpg) center no-repeat;
    background-attachment: fixed;
    background-position: top;
}
#intro > div > h3 {
    font: 600 35px/1 'Noto Sans KR';
    color: #fff;
    padding: 60px 0 40px 0;
}
#link {
    width: 680px;
    height: 23px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.5);
}
#link > li {
    float: left;
    font: 400 12px/21px 'Noto Sans KR';
    letter-spacing: -1px;
}
#link > li > a {
    display: block;
    width: 226.66px;
    height: 23px;
    transition: all 0.5s ease-in-out;
}
#link > li > a:hover {
    background-color: rgba(255, 255, 255, 1);
    transition: all 0.5s ease-in-out;
}
.store4-3 {
    background-color: #fff;
}



/*검색창 (공통)*/
#search {
    width: 400px;
    height: 30px;
    margin: 0 auto;
    border: 3px solid #92ab23;
    background-color: #fff;
}
#search > input {
    width: 300px;
    height: 30px;
    border: 0px;
    outline: none;
    float: left;
    text-align: left;
    padding-left: 10px;
}
#search > button {
    border: 0px;
    outline: none;
    background-color: #92ab23;
    width: 90px;
    height: 100%;
    float: right;
    color: #fff;
    letter-spacing: 1px;
    cursor: pointer;
}




/*재활용 수거매장 영역*/
#recyclingstorewrap {
    width: 100%;
    border-bottom: solid 1px #000;
}
#recyclingstorewrap > div {
    width: 1024px;
    height: 390px;
    margin: 0 auto;
}


#title {
    width: 1024px;
    height: 30px;
    text-align: left;
    font: 400 25px/1.5 'Noto Sans KR';
    margin: 30px 0 20px 0;
}

dl {
    /*문단 전체*/
    width: 600px;
    height: 164px;
    margin: 40px auto 40px auto;
}
dt {
    /*문단 타이틀(이미지)*/
    display: block;
    width: 164px;
    height: 164px;
    overflow: hidden;
    float: left;
}
dd {
    /*문단 설명글(내용)*/
    display: block;
    width: 400px;
    height: 164px;
    float: left;
    margin-left: 15px;
}
#recyclingstorewrap > div > dl >dd {
    margin-top: 10px;
}
#p1 {
    /*문단 제목*/
    /*높이설정하지말기(두줄제목때문)*/
    display: block;
    margin-bottom: 20px;
    font: 600 22px/1.5 'Noto Sans KR';
}
#p2 {
    /*문단 내용*/
    font: 400 15px/1.5 'Noto Sans KR';
}




#footer {
    float: left;
}