@charset "utf-8";

/* 실시간 현황 */
.real_lank {position:relative;margin-top:3rem;}
.real_lank .real_lank_head {position:relative;}
.real_lank .real_lank_head .tit {position:relative;line-height:0;}
.real_lank .real_lank_head .tit img {width:100%;max-width:25.95rem;height:auto;}
.real_lank .real_lank_head .lank_tab {position:absolute;top:0;right:0;}
.real_lank .real_lank_head .lank_tab li {float:left;padding:0 2px 0}
.real_lank .real_lank_head .lank_tab li:first-child {padding-left:0}
.real_lank .real_lank_head .lank_tab li:last-child {padding-right:0}
.real_lank .real_lank_head .lank_tab li a {display:block;width:9.35rem;height:2.3rem;line-height:2.2rem;text-align:center;font-size:1rem;color:#ffffff;font-weight:500}
.real_lank .real_lank_head .lank_tab li a {background-color:#898989}
.real_lank .real_lank_head .lank_tab li a:hover,
.real_lank .real_lank_head .lank_tab li.on a {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#06c4a9+0,0687c8+100 */
    background: #06c4a9; /* Old browsers */
    background: -moz-linear-gradient(left,  #06c4a9 0%, #0687c8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #06c4a9 0%,#0687c8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #06c4a9 0%,#0687c8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06c4a9', endColorstr='#0687c8',GradientType=1 ); /* IE6-9 */
}
.real_lank .real_lank_body {position:relative;margin-top:1.1rem;padding:1.85rem 2.15rem 2.85rem;background-color:#e3e3e3;background-image:url(../imgs/main/real_lank_body_bg.png);background-position:0 100%;background-size:contain;background-repeat:no-repeat;}
.real_lank .real_lank_body .body_head {position:relative;}
.real_lank .real_lank_body .body_head .tit2 {position:relative;padding-left:2.8rem;font-size:1.5rem;line-height:1.75rem;color:#094966;font-weight:400}
.real_lank .real_lank_body .body_head .tit2:before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:2.15rem;
    height:1.9rem;
    background:url(../imgs/main/real_lank_tit2.png) no-repeat 0 0;
    background-size:100% auto;
}
.real_lank .real_lank_body .body_head .real_select {position:absolute;top:0;right:0;width:11.05rem;height:2.3rem;}
.real_lank select.frm_input {
    border:1px solid #c5c5c5 !important; 
    background-color:#fff !important;
    height:2.3rem;
    padding-left:0.9rem !important;
    padding-right:1.85rem !important;
    font-size:0.9rem;
    color:#666;
    background-image:url(../imgs/main/real_arr.png);
    background-repeat:no-repeat;
    background-position:calc(100% - 0.7143rem) 50%;
    background-size:0.95rem 0.55rem;
}

.real_lank .real_lank_body .body_head .tit2 em {font-weight:700;font-size:1.75rem;}
.real_lank .real_lank_body .lank_info {margin-top:1.45rem;width:100%;overflow:hidden;}
.real_lank .real_lank_body .lank_info .info_list {position:relative;margin:-0.65rem}
.real_lank .real_lank_body .lank_info .info_list .list {float:left;width:20%;padding:0.65rem}
.real_lank .real_lank_body .lank_info .info_list .list .list_inner {display:table;width:100%}
.real_lank .real_lank_body .lank_info .info_list .list .list_inner .inner_cont {display:table-cell;width:100%;height:11.35rem;background-color:#fff;border:5px solid #2581aa;vertical-align:middle;text-align:center;}
.real_lank .real_lank_body .lank_info .info_list .list .list_inner .inner_cont {box-shadow:2px 4px 9px rgba(11,3,6,0.24);}
.real_lank .real_lank_body .lank_info .info_list .list .list_inner .inner_cont .img {line-height:0;margin-bottom: 0.6rem;}
.real_lank .real_lank_body .lank_info .info_list .list .list_inner .inner_cont .img img {width:3.95rem;height:auto;}
.real_lank .real_lank_body .lank_info .info_list .list .list_inner .inner_cont .tit3 {display:block;font-size:1rem;color:#333333;font-weight:400;}
.real_lank .real_lank_body .lank_info .info_list .list .list_inner .inner_cont .txt {position:relative;}
.real_lank .real_lank_body .lank_info .info_list .list .list_inner .inner_cont .txt .num {font-size:1.5rem;color:#0881ac;font-weight:600}
.real_lank .real_lank_body .lank_info .info_list .list .list_inner .inner_cont .txt .unit {font-size:1rem;color:#0881ac;font-weight:400}
.real_lank .lank_city {position:relative;z-index:3;padding:0 1.05rem 0;margin-top:-1.05rem}
.real_lank .lank_city .city_cont {width:100%;min-height:65px;padding:0.85rem 1.15rem;background-color:#2581aa;box-shadow:4px 0 8px rgba(11,3,6,0.31);}
.real_lank .lank_city .city_cont .tit3 {float:left;position:relative;margin-top:3px;padding-left:2rem;font-weight:500;color:#fff924;font-size:1rem;line-height:1.45rem}
.real_lank .lank_city .city_cont .tit3:before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:1.2rem;
    height:1.45rem;
    background:url(../imgs/main/lank_city_tit.png) no-repeat 0 0;
    background-size:100% auto;
}
.real_lank .lank_city .city_slider {float:right;position:relative;width:calc(100% - 6.85rem)}
.real_lank .lank_city .city_slider .city_list {position:relative;width:100%;}
.real_lank .lank_city .city_slider .city_list .list {padding:0 1.5px 0}
.real_lank .lank_city .city_slider .city_list .list span {display:block;width:100%;height:32px;line-height:30px;text-align:center;font-size:0.8rem;color:#fff;background-color:rgba(4,4,4,0.10);border-radius:50px;}
.real_lank.green .real_lank_body .body_head .tit2 {color:#088765}
.real_lank.green .real_lank_body .lank_info .info_list .list .list_inner .inner_cont {border-color:#85af57;}
.real_lank.green .lank_city .city_cont {background-color:#088765;}
.real_lank.green .real_lank_body .lank_info .info_list .list .list_inner .inner_cont .txt .num {color:#5eb005;}
.real_lank.green .real_lank_body .lank_info .info_list .list .list_inner .inner_cont .txt .unit {color:#5eb005;}
.real_lank.purple .real_lank_body .body_head .tit2 {color:#6348e5}
.real_lank.purple .real_lank_body .lank_info .info_list .list .list_inner .inner_cont {border-color:#7b6cd0;}
.real_lank.purple .lank_city .city_cont {background-color:#784fbb;}
.real_lank.purple .real_lank_body .lank_info .info_list .list .list_inner .inner_cont .txt .num {color:#6249e3;}
.real_lank.purple .real_lank_body .lank_info .info_list .list .list_inner .inner_cont .txt .unit {color:#6249e3;}

.real_lank .tit_area {position:relative;border-bottom:1px solid #fff;padding-bottom:0.4rem;margin-bottom:0.55rem;text-align:right;}
.real_lank .tit_area:after {display:block;content:"";clear:both}
.real_lank .tit_area .slt_box {display:block;float:right;}
.real_lank .tit_area .tit_area_title {position:relative;display:block;float:left;padding-left:2.5rem;padding-top:0.3rem;}
.real_lank .tit_area .tit_area_title::before {
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:1.75rem;
    height:1.75rem;
    background:url(../imgs/main/cal_ico.png) no-repeat 0 0;
    background-size:100% auto;
} 

.real_lank .tit_area .slt_box select.frm_input {width:5rem;height:2rem;line-height:2rem;font-size:0.75rem;padding-left:0.4rem !important;padding-right:1.05rem !important;background-size:0.65rem auto;background-position:calc(100% - 0.35rem) 50%;}
.real_lank .slt_btn {margin:0 0 5px;}
.real_lank .slt_btn ul {float:left;display:block;width:35%;}
.real_lank .slt_btn ul.type1 {}
.real_lank .slt_btn ul.type2 {}
.real_lank .slt_btn ul li {float:left;width:49%;padding:0 2px;}
.real_lank .slt_btn ul li a {display:block;width:100%;padding:0.5rem 0;text-align:center;color:#fff;background:#999;border:2px solid #888;border-radius:25px}
.real_lank .slt_btn .step1 .on a,
.real_lank .slt_btn .step1 .on:hover a {background:#559800;color:#ffee28;border-color:#4e8c00}
.real_lank .slt_btn .step2 .on a,
.real_lank .slt_btn .step2 .on:hover a {background:#673e16;color:#ffee28;border-color:#4e2f10}
.real_lank .slt_btn a:hover {background:#555}
.real_lank .my_tbl_type1 thead th {font-size:0.8rem;padding:0.5rem 0;background-color:#fff0ba}
.real_lank .my_tbl_type1 tbody td {padding:0.5rem 0;font-size:0.8rem;border-color:#ddd;background-color:#fff}

@media screen and (max-width:980px){
    .real_lank .real_lank_body .lank_info .info_list .list {width:33.33333333%}
}
@media screen and (max-width:890px){
    .real_lank .real_lank_head .lank_tab {position:relative;top:initial;right:initial;margin-top:0.9rem}
    .real_lank .real_lank_head .lank_tab li {width:50%}
    .real_lank .real_lank_head .lank_tab li a {width:100%}
    .real_lank .real_lank_head .lank_tab:after {display:block;content:"";clear:both;}
}
@media screen and (max-width:677px){
    .real_lank .slt_btn ul {width:50%}
}
@media screen and (max-width:625px){
    .real_lank .real_lank_body {padding:1.5rem 1.3rem 2rem 1.3rem}
    .real_lank .real_lank_body .lank_info .info_list .list {width:50%}
}
@media screen and (max-width:555px){
    .real_lank .real_lank_body .body_head .real_select {position:relative;top:initial;right:initial;margin-top:0.9rem;width:100%}
}
@media screen and (max-width:500px){
    .real_lank .slt_btn ul {width:100%}
    .real_lank .slt_btn ul.step2 {margin-top:0.45rem} 
}
@media screen and (max-width:485px){
    .real_lank .real_lank_body .lank_info .info_list .list {width:100%}
}
@media screen and (max-width:400px){
    .real_lank .real_lank_body .body_head .tit2 em.city {display:block;}
}
/* 게시글 */
.main_post {margin-top:1.6rem}
.main_post .notice {float:left;position:relative;width:50%;padding-right:0.65rem;}
.main_post .notice_cont {min-height:7.2rem;padding:1.2rem 4rem 0 2.9rem;background-color:#fff;box-shadow:4px 4px 8px rgba(11,3,6,0.31);height:144px;}
.main_post .notice_cont .tit {float:left;position:relative;font-size:1.15rem;line-height:1.15rem;color:#333333;font-weight:500;text-align:center;}
.main_post .notice_cont .tit:before {
    content:"";
    display:block;
    position:relative;
    margin:0 auto 0.6rem;
    width:3.3rem;
    height:3.3rem;
    background:url(../imgs/main/notice_tit.png) no-repeat 0 0;
    background-size:100% auto;
}
.main_post .notice_cont .cont {float:right;position:relative;width:calc(100% - 6.6rem)}
.main_post .notice_cont .cont ul {padding-top:0.5rem}
.main_post .notice_cont .cont ul li a {display:block;font-size:0.85rem;line-height:0.9rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333333}
.main_post .notice_cont .cont ul li {position:relative;margin-bottom:0.6rem;padding-left:0.95rem}
.main_post .notice_cont .cont ul li:before {
    content: "";
    display: block;
    position: absolute;
    top: 0.28rem;
    left: 0;
    width: 0.35rem;
    height: 0.35rem;
    background-color:#ccc;
}
.main_post .notice_cont .cont ul li:last-child {margin-bottom:0}
.main_post .banner {float:left;position:relative;width:50%;padding-left:0.65rem}
.main_post .banner .tit2 {font-family:'GyeonggiTitleM';font-size:1.75rem;color:#fcff10;font-weight:bold;}
.main_post .banner .tit2 img {width:100%;max-width:19.15rem;height:auto}
.main_post .banner_cont {min-height:7.2rem;padding:1rem 0 0 2rem;background-color:#088765;background-image:url(../imgs/main/banner_cont_bg.png);background-size:cover;background-repeat:no-repeat;background-position:100% 100%;box-shadow:4px 0 8px rgba(11,3,6,0.31);}
.main_post .btn_box {margin-top:0.3rem}
.main_post .btn_box a {display:inline-block;width:5.7rem;height:1.8rem;line-height:1.7rem;padding:0 0.85rem 0 0.9rem;background-color:rgba(0,0,0,0.15);font-size:0.85rem;color:#fff;border-radius:50px;}
.main_post .btn_box a span {display:block;width:100%;background:url(../imgs/main/btn_arr.png) no-repeat 100% 50%;background-size:0.4rem 0.5rem;text-align:left;}
.main_post .banner .banner_list {width:100%;overflow:hidden;}
.main_post .banner .banner_list .list_inner {margin:-0.65rem}
.main_post .banner .banner_list .list_inner .list {float:left;width:50%;padding:0.65rem;font-family:'GyeonggiTitleM';color:#fcff10;text-align:center;}
.main_post .banner .banner_list .list_inner .list .list_cont {min-height:7.2rem;padding:1rem 0  1rem;background-size:cover;background-repeat:no-repeat;background-position:100% 100%;box-shadow:4px 0 8px rgba(11,3,6,0.31);}
.main_post .banner .banner_list .list_inner .list .stxt {font-size:1rem;line-height:1rem;font-weight:bold}
.main_post .banner .banner_list .list_inner .list .ltxt {margin-top:0.3rem;font-size:1.75rem;line-height:1.75rem;font-weight:bold}
.main_post .banner .banner_list .list_inner .list .list_cont .btn_box {text-align:center;}
.main_post .banner .banner_list .list_inner .list .list_cont.bg1 {background-image:url(../imgs/main/banner_bg1.png)}
.main_post .banner .banner_list .list_inner .list .list_cont.bg2 {background-image:url(../imgs/main/banner_bg2.png)}
.main_post .banner .banner_list .list_inner .list .list_cont.bg2 .stxt,
.main_post .banner .banner_list .list_inner .list .list_cont.bg2 .ltxt {color:#cdff36}

.main_post .banner {}
.main_post .banner .bn_box {float:left;width:50%;padding:0 5px;}
.main_post .banner .bn_box .area {box-shadow: 4px 4px 8px rgba(11,3,6,0.31);text-align:center;height:144px;}
.main_post .banner .bn_box .area h2 {padding:18px 0 9px}
.main_post .banner .bn_box.bn_1 .area {background:url(../imgs/main/banner_cont_bg_1.png) right center no-repeat;
	background-size:auto 100%;background-color:#088765;}
.main_post .banner .bn_box.bn_2 .area {background:url(../imgs/main/banner_cont_bg_2.png) right center no-repeat;
	background-size:auto 100%;background-color:#464444;}
.main_post .banner .bn_box .area a {background:rgba(0,0,0,0.3);display:inline-block;color:#fff;padding:5px 15px;border-radius: 50px}
.main_post .banner .bn_box .area a img {height:14px;width:auto;margin-left:5px;margin-top: -4px;}


/*앱다운로드추가*/
.main_post.new .notice_cont .tit:before {width:3rem;height:3rem;}
.main_post.new .notice_cont .cont {width:calc(100% - 5.5rem)}
.main_post.new .notice_cont {padding:1.2rem 1.5rem 0 2.5rem;}
.main_post.new .banner {width:40%;}
.main_post.new .notice {width:60%;height:144px;}
.main_post.new .banner .banner_list .list_inner .list {width:50%;padding:0.3rem;font-family: inherit;}
.main_post.new .banner .banner_list .list_inner {margin:-0.3rem;}
.main_post.new .banner .banner_list .list_inner .list .list_cont {height:144px;box-shadow: 4px 4px 8px rgba(11,3,6,0.31);}
.main_post.new .banner .banner_list .list_inner .list .ltxt {font-size:1.5rem;letter-spacing: -0.15rem;margin-top: 0.1rem;}
.main_post.new .banner .banner_list .list_inner .list .stxt {font-weight: 500;font-size:0.9rem;}
.main_post.new .btn_box a {font-size:14px;}
.main_post .banner .banner_list .list_inner .list .list_cont.bg3 { background: url(../imgs/main/banner_cont_bg_2.png) right center no-repeat;
    background-size: auto 100%;
    background-color: #464444;}


@media screen and (max-width:1200px){
	.main_post.new .banner, .main_post.new .notice {float:none;width:100%;height:auto;padding:0;}
	.main_post.new .banner .banner_list .list_inner .list .list_cont {height:auto;}
	.main_post.new .banner {margin-top:0.9rem}
}


@media screen and (max-width:965px){
    .main_post .notice,
    .main_post .banner {float:none;width:100%;padding:0}
    .main_post .banner {margin-top:0.9rem}
    .main_post .notice_cont,
    .main_post .banner .banner_cont {padding:1rem 1rem 1rem 1.5rem;height:auto;}
    .main_post .notice_cont .cont {width:calc(100% - 5.6rem)}
	.main_post .banner .bn_box {float:none;width:100%;padding:0;}
	.main_post .banner .bn_box.bn_1  {margin-bottom:0.9rem;}
}

@media screen and (max-width:768px){
	.main_post.new .banner .banner_list .list_inner .list {width:100%;}
	.main_post .btn_box a {width:7rem;}
}


@media screen and (max-width:480px){
    .main_post .banner .banner_list .list_inner {margin:-0.45rem}
    .main_post .banner .banner_list .list_inner .list {width:100%;float:none;padding:0.45rem}
}
@media screen and (max-width:430px){
    .main_post .notice_cont .tit,
    .main_post .notice_cont .cont, .main_post.new .notice_cont .cont {float:none;width:100%;}
    .main_post .notice_cont, .main_post.new .notice_cont {padding:1rem 1rem 1.5rem 1rem}
    .main_post .notice_cont .tit:before {display:inline-block;vertical-align: middle;margin-right:0.4rem}

}
@media screen and (max-width:400px){
    .main_post .banner .tit2 {font-size:1.5rem}
}

#container #main_container .left_leaf {position:absolute;top:7.7rem;left:0.5rem;}
#container #main_container .left_leaf img {width:100%;max-width:15.5rem;height:auto}
#container #main_container .left_leaf2 {position:absolute;top:1.7rem;left:0.5rem;}
#container #main_container .left_leaf2 img {width:100%;max-width:16.35rem;height:auto}
#container #main_container .right_leaf {position:absolute;top:10.4rem;right:1.1rem;}
#container #main_container .right_leaf img {width:100%;max-width:16.65rem;height:auto}

@media screen and (max-width:1872px){
    #container #main_container .right_leaf,
    #container #main_container .left_leaf2,
    #container #main_container .left_leaf {z-index:-1}
}

.main_history {display:none;position:relative;width:100%;margin-top:0.8rem;padding:0.7rem 2.15rem;background-image:url(../imgs/main/main_history_bg.png);background-color:#ffda0b;background-size:contain;background-repeat:no-repeat;background-position:100% 100%;}
.main_history .tit {float:left;position:relative;width:10.75rem;line-height:0}
.main_history .tit img {max-width:100%;height:auto;}
.main_history .cont {float:right;position:relative;width:calc(100% - 12rem)}
.main_history .link {display:inline-block;vertical-align:middle;padding:0.9rem 2rem;background-color:#fff;border:0.15rem solid #c3a708;font-size:1rem;color:#564308;border-radius:50px;}
.main_history .link span {display:inline-block;position:relative;padding-left:2rem}
.main_history .link span:before {
    content:"";
    display:block;
    width:1.5rem;
    height:1.5rem;
    position: absolute;
    top:0;
    left:0;
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:0 0;
}
.main_history .link span.bg1:before {background-image:url(../imgs/main/link_bg1.png)}
.main_history .link span.bg2:before {background-image:url(../imgs/main/link_bg2.png)}
.main_history .link span.bg3:before {background-image:url(../imgs/main/link_bg3.png)}
.main_history .link span.bg4:before {background-image:url(../imgs/main/link_bg4.png)}

@media screen and (max-width:1602px){ 
    .main_history {display:block;}
}
@media screen and (max-width:965px){ 
    .main_history  {padding:1rem 1rem 1rem 1.5rem}
}
@media screen and (max-width:614px){
    .main_history .cont,
    .main_history .tit {float:none;width:100%;}
    .main_history .cont {margin-top:0.7rem;}
    .main_history .link {width:49.5%;text-align:center;}
}
@media screen and (max-width:478px){
    .main_history .link {width:100%;}
    .main_history .link:last-child {margin-top:0.5rem}
}

.main_visual {position:relative;width:100%;margin-top:-3.45rem;}
.main_visual .main_slider {position:relative;}
.main_visual .main_slider .main_slide {position:relative;width:100%;}
.main_visual .main_slider .main_slide::before {
    content:"";
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:32.65rem;
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.main_visual .main_slider .main_slide.bg1 {
    width:100%;
    height:28rem;
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-image:url(../imgs/main/main_vs_bg1.jpg);
    background-color:#237599;
}
.main_visual .main_slider .main_slide .vstxt1 {float:left;position:relative;width:50%;line-height:0;padding:8rem 0 0 0.65rem}
.main_visual .main_slider .main_slide .vstxt1 img {width:100%;max-width:28.25rem;height:auto}
.main_visual .vs_city {float:left;position:relative;width:50%;margin-bottom:3.55rem;margin-top:3.05rem}
.main_visual .vs_city .city_tit {position:relative;z-index:3;line-height:0;text-align:center}
.main_visual .vs_city .city_tit img {width:100%;max-width:14.8rem;height:auto}
.main_visual .vs_city .city_body {position:relative;width:100%;margin-top:-1.5rem;padding:2.7rem 1.8rem 1.5rem;box-shadow:8px 0px 9px rgba(12,4,7,0.22);}
.main_visual .vs_city .city_body {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b3d204+0,0aaf92+100 */
    background: #b3d204; /* Old browsers */
    background: -moz-linear-gradient(top,  #b3d204 0%, #0aaf92 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #b3d204 0%,#0aaf92 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #b3d204 0%,#0aaf92 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3d204', endColorstr='#0aaf92',GradientType=0 ); /* IE6-9 */
}
.main_visual .vs_city .city_body .bike_img {position:absolute;bottom:1.6rem;right:0.5rem;line-height:0}
.main_visual .vs_city .city_body .bike_img img {width:100%;max-width:5.55rem;height:auto}
.main_visual .vs_city .city_body .city_txt {margin-top:0.65rem;font-size:0.9rem;color:#f6ff6b;line-height:1.2;text-align:center;}
.main_visual .vs_city .city_body .city_list {position:relative;overflow:hidden;width:100%;}
.main_visual .vs_city .city_body .city_list ul {position:relative;margin:-0.2rem}
.main_visual .vs_city .city_body .city_list ul li {position:relative;float:left;width:20%;padding:0.2rem}
.main_visual .vs_city .city_body .city_list ul li .link_box {display:block;position:relative;}
.main_visual .vs_city .city_body .city_list ul li .link_box:hover .list_inner {background-color:#3878c1;border-color:#3878c1;box-shadow:4px 6px 5px rgba(12,4,7,0.15);} 
.main_visual .vs_city .city_body .city_list ul li .list_inner {position:relative;width:100%;height:3.95rem;padding:0.55rem;border:1px solid rgba(255,255,255,0.50);text-align:center;font-size:0.9rem;color:#fff}
.main_visual .vs_city .city_body .city_list ul li .list_inner .city_name {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
.main_visual .vs_city .city_body .city_list ul li .list_inner .city_name .city_logo {position:relative;line-height:0;margin-bottom:0.35rem}
.main_visual .vs_city .city_body .city_list ul li .list_inner .city_name .city_logo img {width:100%;max-width:1.5rem;height:auto;}
.main_visual .vs_city .city_body .city_list ul li .list_inner .city_name .city_txt2 {font-size:0.9rem;color:#fff;line-height:1.1;} 
.main_visual .main_slider .main_slide .vstxt1 .mobileimg {display:none;}

@media screen and (max-width:1147px){   
    .main_visual .main_slider .main_slide.bg1 {height:auto;}
    .main_visual .main_slider .main_slide .vstxt1 {float:none;width:100%;}
    .main_visual .main_slider .main_slide .vstxt1 {padding-top:2.5rem;margin-bottom:0;padding-left:0;text-align:center;}
    .main_visual .main_slider .main_slide .vstxt1 .pcimg {display:none;}
    .main_visual .main_slider .main_slide .vstxt1 .mobileimg {display:inline-block;}
    .main_visual .vs_city {position:relative;float:none;margin:2rem 0 3rem 0;width:100%}
    .main_visual .vs_city .city_body .city_list ul li {width:16.6666666666667%}
}
@media screen and (max-width:1000px){
    .main_visual {margin-top:-2.8rem;} 
}
@media screen and (max-width:669px){ 
    .main_visual .vs_city .city_body .city_list ul li {width:25%}
}
@media screen and (max-width:573px){ 
    .main_visual .vs_city .city_body .bike_img {display:none;}
}
@media screen and (max-width:527px){ 
    .main_visual .vs_city .city_body .city_list ul li {width:33.33333333%}
}

.main_donation {position:relative;width:100%;padding:5rem 0;background:url(../imgs/main/donation_bg.jpg) no-repeat 50% 50%;background-size:cover;text-align:center;}
.main_donation .tit {line-height:0;}
.main_donation .tit img {width:100%;max-width:19.55rem;height:auto}
.main_donation .text1 {margin-top:1.35rem;font-size:2rem;color:#068bc6;line-height:1;font-weight:500;}
.main_donation .text2 {margin-top:1rem;font-size:5rem;line-height:0;color:#227499;}
.main_donation .text2 .num,
.main_donation .text2 .unit {display:inline-block;position:relative;line-height:1.1;}
.main_donation .text2 .num {font-size:5rem;font-weight:700;}
.main_donation .text2 .unit {font-weight:300;font-size:2.5rem}
.main_donation .text3 {margin-top:0.5rem;font-size:2.5rem;color:#227499;font-weight:300;}