@charset "utf-8";

.mileage {margin-top:3.85rem}

/* 마일리지 안내 */
.mileage_info {position:relative;}
.mileage_info .info_list {position:relative;padding-left:2.6rem;margin-bottom:2.5rem}
.mileage_info .info_list:last-child {margin-bottom:0}
.mileage_info .info_list .tit {float:left;position:relative;width:8.1rem;height:8.1rem;border-radius:100%;}
.mileage_info .info_list .tit.bg1 {background-color:#fec428}
.mileage_info .info_list .tit.bg2 {background-color:#98c430}
.mileage_info .info_list .tit.bg3 {background-color:#36b8de}
.mileage_info .info_list .tit.bg4 {background-color:#ff6d46}
.mileage_info .info_list .tit.bg5 {background-color:#eeda00}
.mileage_info .info_list .tit span {display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.8rem;width:100%;text-align:center;}
.mileage_info .info_list .cont {float:right;position:relative;width:calc(100% - 11.15rem)}
.mileage_info .info_list .cont strong {position:relative;display:block;font-size:1.25rem;color:#555;font-weight:500}
.mileage_info .info_list .cont .txt {margin-top:0.25rem;font-size:0.9rem;color:#555555}
.mileage_info .info_list .cont .mt71 {margin-top:3.55rem}
.mileage_info .info_list .cont .mt26 {margin-top:1.3rem}
.mileage_info .info_list .cont .cont_img {max-width:100%;height:auto;}
.mileage_info .info_list .cont.pdt45 {padding-top:2.25rem}
.mileage_info .info_list .cont.pdt30 {padding-top:1.5rem}
.mileage_info .down_btn {display:inline-block;vertical-align:middle;padding:0.4rem 1rem;border-radius:10px;text-align:center;color:#fff;font-size:0.75rem}
.mileage_info .down_btn.bg1 {background-color:#a38600}
.mileage_info .down_btn.bg2 {background-color:#72941f}
.mileage_info .down_btn span {display:inline-block;position:relative;padding-right:1.25rem}
.mileage_info .down_btn span:after {
    content:"";
    position:absolute;
    top:4px;
    right:0;
    width:0.6rem;
    height:0.75rem;
    background:url(../imgs/mileage/btn_arr.png) no-repeat 0 0;
    background-size:100% auto;
}
@media screen and (max-width:1194px){
    .mileage_info .info_list .cont .txt .block {display:inline;}
    .mileage_info .info_list {padding-left:0}
    .mileage_info .info_list .cont {width: calc(100% - 10.15rem);}
}
@media screen and (max-width:1000px){
    .mileage {margin-top:3rem}
}
@media screen and (max-width:700px){
    .mileage_info .info_list .tit {float:none;}
    .mileage_info .info_list .cont {float:none;width:100%;padding-top:0 !important;margin-top:0.8rem}
    .mileage_info .info_list .tit {width:100%;border-radius:50px;height:3rem}
    .mileage_info .info_list .tit span {font-size:1.5rem}
}

/* 명예의 전당 */
.honor_top {margin-top:2.15rem;padding-left:1.65rem}
.honor_top .img {float:left;width:19.85rem}
.honor_top .cont {float:right;width:calc(100% - 25.35rem);padding-top:5.25rem}
.honor_top .cont .tit {line-height:0}
.honor_top .cont .tit img {width:100%;max-width:26.15rem;height:auto;}
.honor_top .cont .txt {margin-top:0.3rem;font-size:0.9rem;color:#555}
.honor_list {margin-top:1.75rem;overflow:hidden;}
.honor_list .list_inner {margin:-0.55rem}
.honor_list .list_inner .list {float:left;position:relative;width:33.33333333%;padding:0.55rem}
.honor_list .list_inner .list .list_cont {min-height:635px;padding:2.15rem 2rem 2rem;background-color:#f1f1f1;text-align:center;}
.honor_list .honor_img {position:relative;width:9.5rem;margin:0 auto}
.honor_list .honor_img .medal {position:absolute;top:-0.95rem;left:-0.85rem;z-index:3;width:2.4rem}
.honor_list .honor_img .medal img {max-width:100%;height:auto;}
.honor_list .honor_img .pic img {width:100%;max-width:100%;height:auto;}
.honor_list .name {margin-top:0.8rem;margin-bottom:0.6rem;line-height:0.6rem;font-size:1.25rem;line-height:1.25rem;color:#333;font-weight:500}
.honor_list .id {display:inline-block;width:112px;line-height:25px;font-size:12px;background-color:#a7a7a7;line-height:23px;border-radius:50px;;color:#fff}
.honor_list .honor_cnt {margin-top:0.8rem;margin-bottom:0.65rem}
.honor_list .honor_cnt li {float:left;position:relative;width:50%;}
.honor_list .honor_cnt li:nth-child(1) {padding-right:3px}
.honor_list .honor_cnt li:nth-child(2) {padding-left:3px}
.honor_list .honor_cnt li .cnt_cont {border:1px solid #aaa;border-radius:10px;padding:0.6rem 0 0.55rem}
.honor_list .honor_cnt li .cnt_cont .cnt_tit {font-size:0.75rem;line-height:0.75rem;color:#555;font-weight:500}
.honor_list .honor_cnt li .cnt_cont .cnt_txt {margin-top:6px;font-size:0.75rem;line-height:0.75rem;color:#747474;}
.honor_list .honor_txt {font-size:0.75rem;color:#747474}
@media screen and (max-width:1176px){
    .honor_top {padding-left:0}
    .honor_top .img {width:45%}
    .honor_top .img img {max-width:100%}
    .honor_top .cont {width:50%}
}
@media screen and (max-width:1041px){
    .honor_list .list_inner .list {width:50%}
}
@media screen and (max-width:628px){
    .honor_list .list_inner .list {width:100%}
    .honor_list .list_inner .list .list_cont {min-height:auto}
}
@media screen and (max-width:630px){
    .honor_top .img {width:100%;text-align:center;}
    .honor_top .cont {width:100%;padding-top:1.5rem;text-align:center;}
    
}

/* 지도 */
.mileage_map {margin-top:3.2rem}
.mileage_map .tit {font-size:1.25rem;color:#555;font-weight:500}
.mileage_map .tit span {font-size:1rem;color:#555555;font-weight:400}
.mileage_map #map {position:relative;margin-top:6px}
.mileage_map #map img {max-width:100%;height:auto}
.mileage_map .map_info {margin-top:0.55rem}
.mileage_map .map_info .map_top {border-bottom:1px solid #aaa;padding-bottom:0.55rem}
.mileage_map .map_info .map_bt {margin-top:0.6rem}
.mileage_map .map_info .tit2 {display:block;float:left;position:relative;padding-left:0.95rem;font-size:1rem;color:#555;font-weight:500}
.mileage_map .map_info .tit2:before {
    content:"";
    display:block;
    position:absolute;
    top:0.25rem;
    left:0;
    width:0.3rem;
    height:1.05rem;
    background:url(../imgs/mileage/map_tit_dot.png) no-repeat;
    background-size:100% auto;
}
.mileage_map .map_info .map_cont {float:right;position:relative;width:calc(100% - 8.6rem)}
.mileage_map .map_info .add,
.mileage_map .map_info .tel,
.mileage_map .map_info .fax {display:inline-block;position:relative;color:#555555;font-size:0.8rem;}
.mileage_map .map_info .add strong,
.mileage_map .map_info .tel strong,
.mileage_map .map_info .fax strong {font-weight:500}
.mileage_map .map_info .tel {margin-left:0.9rem}
.mileage_map .map_info .fax {margin-left:0.9rem}
.mileage_map .map_info .add {padding-left:1.8rem}
.mileage_map .map_info .tel {padding-left:0.9rem}
.mileage_map .map_info .fax {padding-left:1.55rem}
.mileage_map .map_info .add:before,
.mileage_map .map_info .tel:before,
.mileage_map .map_info .fax:before {
    content:"";
    display:block;
    position:absolute;
    left:0;
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:0 0;
}
.mileage_map .map_info .add:before {top:0;background-image:url(../imgs/mileage/map_ico.png);width:1.4rem;height:1.1rem}
.mileage_map .map_info .tel:before {top:0.2rem;background-image:url(../imgs/mileage/tel_ico.png);width:0.75rem;height:1.05rem}
.mileage_map .map_info .fax:before {top:0.2rem;background-image:url(../imgs/mileage/fax_ico.png);width:1.2rem;height:0.95rem}
.mileage_map .map_info .tra {width:100%;}
.mileage_map .map_info .tra .left,
.mileage_map .map_info .tra .right {float:left;position:relative;width:50%;padding-left:5.3rem;padding-top:0.5rem}
.mileage_map .map_info .tra strong {display:block;font-size:0.9rem;line-height:0.9rem;color:#222;font-weight:500;}
.mileage_map .map_info .tra p {margin-top:0.4rem;font-size:0.75rem;color:#555}
.mileage_map .map_info .tra .left:before,
.mileage_map .map_info .tra .right:before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:4.25rem;
    height:4.25rem;
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:0 0;
}
.mileage_map .map_info .tra .left:before {background-image:url(../imgs/mileage/bus_ico.png)}
.mileage_map .map_info .tra .right:before {background-image:url(../imgs/mileage/subway_ico.png)}
@media screen and (max-width:1070px){
    .mileage_map .map_info .add, .mileage_map .map_info .tel, .mileage_map .map_info .fax {display:block;margin-left:0}
    .mileage_map .map_info .tel {margin-top:0.6rem}
    .mileage_map .map_info .fax {margin-top:0.6rem}
}
@media screen and (max-width:950px){
    .mileage_map .map_info .tra .left,
    .mileage_map .map_info .tra .right {float:none;width:100%;}
    .mileage_map .map_info .tra .right {margin-top:0.8rem}
}
@media screen and (max-width:582px){
    .mileage_map .map_info .tit2 {float:none}
    .mileage_map .map_info .map_cont {float:none;width:100%;margin-top:0.78rem}
}   

/* 자전거 나눔운동 */
.bike_split {margin-top:2.9rem;padding:2.3rem 2.5rem 2.3rem 4rem;background-color:#dff2ff;}
.bike_split .img {float:left;position:relative;width:8.2rem}
.bike_split .img img {max-width:100%;height:auto}
.bike_split .cont {float:right;position:relative;width:calc(100% - 10.6rem)}
.bike_split .cont .tit {font-size:1.35rem;color:#004676;font-weight:500;}
.bike_split .cont .txt {font-size:0.9rem;color:#555555;line-height: 1.5rem;}
.bike_split .cont .box {display:inline-block;margin-top:0.5rem;padding:0.4rem 1.3rem;border-radius:50px;background-color:#205a82;font-size:0.85rem;color:#fff}
@media screen and (max-width:1100px){
    .bike_split {padding:2rem}
}
@media screen and (max-width:960px){
    .bike_split {padding:1rem}
}
@media screen and (max-width:639px){
    .bike_split .img {display:none;}
    .bike_split .cont {float:none;width:100%}
}