@charset "utf-8";


#find_top {
    margin: 0;
    height: 25px;
/*    top: 250px;*/
}


#my:hover .sub_gnb {
    height: 80px;
    opacity: 1;
}

#sub_lnb2 {
    height: 100px;
    opacity: 1;
}

#lnb2 > a {
    background: url(../imges/lnb_02.png);
    background-position: 0 -50px;
}

/*-----------------------------*/
#section {
    background-color: #F4F1EC;
}

section {
    width: 1024px;
    height: 2700px;
    position: relative;
    background: #F4F1EC url(../imges/bottom_img.png) no-repeat bottom;
    line-height: 30px;
}

/*보여지는 내용 bg 화이트 설정*/
section > #contentwrap {
    width: 1024px;
    height: 2500px;
    background-color: rgba(255, 255, 255, 0.5);
}

/*----내용width값*/
#contentwrap > div {
    width: 937px;
    text-align: center;
}

/*------------------------------------*/
/*에코라이프*/
.life_01 {
    width: 937px;
    height: 1060px;
}

.life01_0 {
    width: 766px;
    height: 1000px;
}

.life01_1 {
    width: 766px;
    height: 200px;
}

.life01_1 > h5 {
    color: #335915;
    padding: 10px 0;
}

.life01_2 {
    width: 766px;
    height: 170px;
    margin-top: 10px;
}

.life01_2 > p:nth-child(2) {
    margin-bottom: 10px;
}


.life01_3 {
    width: 600px;
    height: 480px;
}

.life01_3 > div {
    width: 300px;
    height: 480px;
    float: left;
}

.box_1 {
    height: 70px;
    line-height: 90px;
    border-bottom: 1px solid #373737;
}

.box_2 {
    width: 300px;
    height: 70px;
}


.box_2 > p {
    font-size: 12px;
    line-height: 12px;
    font-weight: lighter;
}

.box_3 {
    width: 300px;
    height: 130px;
    margin-top: 20px;
}

.box_3 > select {
    width: 100px;
    height: 30px;
    background-color: #F4F1EC;
    border: 0;
    border-radius: 3px;
    margin: 10px auto;
    display: flex;
}

#in_fl {display: flex;}


.box_4 {
    width: 300px;
    height: 50px;
    margin-bottom: 30px;
}

/*----계산*/
input,
select {
    width: 100px;
    height: 30px;
    background-color: #F4F1EC;
    border: 0;
    border-radius: 3px;
    margin: 10px auto;
/*    display: flex;*/
}

.btn_ac {
    width: 78px;
    height: 28px;
    margin-top: 10px;
}



/*피프틴지도*/
.life_02 {
    width: 910px;
    height: 540px;
    margin-top: 130px;
}

.top {
    width: 200px;
    height: 30px;
    line-height: 30px;
}

.top > div {
    float: left;
}

.top > div:nth-child(2) {
    margin-left: 15px;
}

#img06 {
    height: 30px;
}

.map {
    width: 636px;
    height: 250px;
}

.map > div {
    float: left;
}

#life02_1 {
    width: 86px;
    height: 250px;
    color: #fff;
    background-color: #97BA60;
    writing-mode: tb-rl;
}

#life02_1 > h6 {
    margin-right: 30px;
}

/*지도-선택사항*/
#fif_map {
    width: 550px;
    height: 250px;
}

/*
iframe {
    width: 550px;
    height: 250px;
}
*/

.select00 {
    width: 300px;
    height: 80px;
    margin-top: 20px;
}

select {
    width: 300px;
    height: 30px;
    cursor: pointer;
}

/*자전거도로*/
.life_03 {
    width: 937px;
    height: 500px;
    margin-top: 100px;
}

.by_map {
    width: 700px;
    height: 336px;
}

.by_map > div {
    float: left;
}

#life03_1 {
    width: 86px;
    height: 336px;
    color: #fff;
    background-color: #97BA60;
    writing-mode: tb-rl;
}

#life03_1 > h6 {
    margin-right: 30px;
}

.map_img {
    width: 490px;
    height: 336px;
    background: url(../imges/fifteen_map.jpg) no-repeat center;
    background-size: cover;
}

.map_btn {
    width: 124px;
    height: 336px;
}