@charset "utf-8";

h4 {
    padding: 50px 0 20px 0;
}

h5 {
    padding: 10px 0;
}

article {
    padding: 20px 0;
}

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

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

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

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

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

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

/*------------------------------------*/
/*소개*/
.fif_01 {
    width: 937px;
    height: 680px;
}

.fif_01 > div > div > h6 {
    padding: 0 0 25px 0;
}


/* 디자인*/
.fif_02 {
    width: 910px;
    height: 600px;
}

.fif_02 > h6 {
    padding-bottom: 20px;
}

.fif02_1 {
    width: 766px;
    height: 450px;
}

#fif02_top {
    width: 766px;
    height: 220px;
}

#fif02_top > div {
    float: left;
}

#fif02_top > div:nth-child(1) {
    width: 383px;
    height: 220px;

}

#fif02_top > div:nth-child(2) {
    width: 383px;
    height: 220px;

}

#fif02_top > div > ul > li:nth-child(1) {
    font-size: 18px;
    font-weight: bold;
}

#fif02_top > div > ul > li:nth-child(3) {
    font-size: 12px;
    font-weight: lighter;
}

.fif02_top_img {
    width: 383px;
    height: 100px;
}

#fif02_top_img01 {
    background: url(../imges/simblo.png) no-repeat center;
    background-size: 30%;
}

#fif02_top_img02 {
    background: url(../imges/logo.png) no-repeat center;
    background-size: 60%;
}


#fif02_bottom {
    width: 766px;
    height: 260px;
}

#fif02_bottom > div:nth-child(1) {
    width: 766px;
    height: 30px;
    font-size: 18px;
    font-weight: bold;
}

#fif02_bottom > div:nth-child(2) {
    width: 383px;
    height: 230px;
}

#fif02_bottom > div:nth-child(2) > ul > li {
    float: left;
}

#fif02_bottom > div:nth-child(2) > ul > li:nth-child(1) {
    width: 50px;
    padding-left: 20px;
    font-size: 9px;
    font-weight: lighter;
}

#fif02_bottom > div:nth-child(2) > ul > li:nth-child(2) {
    width: 304px;
    height: 160px;
    background: url(../imges/sig_w.png) no-repeat center;
    background-size: 60%;
}

#fif02_bottom > div:nth-child(3) {
    width: 383px;
    height: 230px;
}

#fif02_bottom > div:nth-child(3) > ul > li {
    float: left;
}

#fif02_bottom > div {
    float: left;
}

#fif02_bottom > div:nth-child(3) > ul > li:nth-child(1) {
    width: 50px;
    padding-left: 20px;
    font-size: 9px;
    font-weight: lighter;
}

#fif02_bottom > div:nth-child(3) > ul > li:nth-child(2) {
    width: 304px;
    height: 160px;
    background: url(../imges/sig_h.png) no-repeat center;
    background-size: 100%;
}



/*자전거*/
.fif_03 {
    width: 937px;
    height: 1880px;
}

.fif_03 > div {
    height: 1250px;
}

/*.fif_03 > div div {float: left;}*/

.by {
    width: 852px;
    height: 186px;
    padding-bottom: 30px;
}

.by > div {
    float: left;
}

.by > div:nth-child(1) {
    width: 86px;
    height: 186px;
    background-color: #97BA60;
    writing-mode: tb-rl;
    color: #Fff;
    line-height: 86px;
}

.by > div:nth-child(2) {
    width: 250px;
    height: 186px;
    background: url(../imges/fifteen_00.jpg);
    background-size: cover;
}

.by > div:nth-child(3) {
    width: 496px;
    height: 146px;
    text-align: left;
    padding: 20px 10px;
    /*    float: left;*/
}


.by_sub {
    width: 768px;
    height: 550px;
    font-size: 14px;
}


.by_sub > div {
    float: left;
    padding: 20px 3px;
}

.by_sub > div > div {
    width: 250px;
}

.by_sub_img {
    width: 250px;
    height: 166px;
}

.by_sub_img01 {
    background: url(../imges/fifteen_01.jpg);
    background-size: cover;
}

.by_sub_img02 {
    background: url(../imges/fifteen_02.jpg);
    background-size: cover;
}

.by_sub_img03 {
    background: url(../imges/fifteen_03.jpg);
    background-size: cover;
}

.by_sub_img04 {
    background: url(../imges/fifteen_04.jpg);
    background-size: cover;
}

.by_sub_img05 {
    background: url(../imges/fifteen_05.jpg);
    background-size: cover;
}

.by_sub_img06 {
    background: url(../imges/fifteen_06.jpg);
    background-size: cover;
}



.by_sub > div div:nth-child(2) {
    background-color: #97BA60;
    color: #fff;
}

.by_sub > div div:nth-child(3) {
    padding-top: 10px;
}



.check {
    width: 946px;
    height: 594px;
    padding-top: 30px;
}

.check div ul li {
    float: left;
}

.check_img {
    width: 946px;
    height: 129px;
}

.check_img > ul > li {
    width: 189px;
    height: 129px;
}

.check_img > ul > li:nth-child(1) {
    background: url(../imges/fifteen_01.jpg);
    background-size: cover;
}

.check_img > ul > li:nth-child(2) {
    background: url(../imges/fifteen_07.jpg);
    background-size: cover;
}

.check_img > ul > li:nth-child(3) {
    background: url(../imges/fifteen_08.jpg);
    background-size: cover;
}

.check_img > ul > li:nth-child(4) {
    background: url(../imges/fifteen_09.jpg);
    background-size: cover;
}

.check_img > ul > li:nth-child(5) {
    background: url(../imges/fifteen_02.jpg);
    background-size: cover;
}

.check_h {
    width: 946px;
    height: 45px;
    background-color: #97BA60;
    color: #fff;
}

.check_h > ul > li {
    width: 189px;
    line-height: 45px;
}

.check > div:nth-child(3) {
    font-size: 14px;
    color: #335915;
    padding-top: 20px;
}




/*스테이션*/
.fif_04 {
    width: 937px;
    height: 1000px;
}


.station01 {
    width: 937px;
    height: 252px;
    padding-bottom: 20px;
}

.station01 > div {
    float: left;
}



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

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

#st01_2 {
    width: 600px;
    height: 252px;
}

#st01_2 > img {
    width: 600px;
}

#st01_3 {
    width: 220px;
    height: 252px;
}






.station02 {
    width: 937px;
    height: 504px;
}

.station02 > div {
    float: left;
}


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

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

#st02_2 {
    width: 600px;
    height: 504px;
}

#st02_2 > div {
    width: 600px;
    height: 252px;
}

#st02_2 > div > img {
    width: 600px;
}



#st02_3 {
    width: 220px;
    height: 504px
}

#st02_3 > div {
    width: 220px;
    height: 252px;
}

#st03 {
    font-size: 14px;
    line-height: 25px;
    color: #335915;
    margin-top: 20px;
}