@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(../font/NotoSansKR-Thin.woff2) format('woff2'),url(../font/NotoSansKR-Thin.woff) format('woff'),url(../font/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(../font/NotoSansKR-Light.woff2) format('woff2'),url(../font/NotoSansKR-Light.woff) format('woff'),url(../font/NotoSansKR-Light.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(../font/NotoSansKR-Regular.woff2) format('woff2'),url(../font/NotoSansKR-Regular.woff) format('woff'),url(../font/NotoSansKR-Regular.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(../font/NotoSansKR-Medium.woff2) format('woff2'),url(../font/NotoSansKR-Medium.woff) format('woff'),url(../font/NotoSansKR-Medium.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(../font/NotoSansKR-Bold.woff2) format('woff2'),url(../font/NotoSansKR-Bold.woff) format('woff'),url(../font/NotoSansKR-Bold.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(../font/NotoSansKR-Black.woff2) format('woff2'),url(../font/NotoSansKR-Black.woff) format('woff'),url(../font/NotoSansKR-Black.otf) format('opentype');}


html,body,div,p,ul,dl,ol,li,dd,table,th,td,h1,h2,h3,h4,h5,h6,a,span,strong,form,fieldset,legend,button,input,select,textarea{padding:0;margin:0;font-family: 'Noto Sans KR', sans-serif;font-weight:500;color:#222;font-size:14px;}
input,select,textarea,button {outline:none}
img{border:0;outline:none;vertical-align:middle;}
fieldset{border:0;}
caption,legend{display:none;}
button{border:0;background:transparent;cursor:pointer;}
ul,dl,ol{list-style-type:none;}
a{text-decoration:none;}
html, body {width:100%;margin:0 auto;}
.both{clear:both;float:none;}
.none{display:none}
.grayscale{-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity:0.5}
.map_title{border:1px solid #000;border-radius:5px;text-align:center;font-size:12px;}
.message{height:20px;font-size:12px;color:#cc0000}

.pc{display:none;padding: 0 15px;border: solid 1px #e8e8e8;background-color: #ffffff;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);z-index:99;padding-bottom:20px;}
.pc h3.title{font-size:18px;padding-top:20px;padding-bottom:15px;padding-right:20px;}
.pc h3.title button{position:absolute;right:15px;top:23px;}
.pc div.video{width:320px;vertical-align: middle;height:160px;}
.pc div.video video{width:100%;vertical-align: middle;height:160px;}
.pc h3.title img.off{display:none;}
.pc p.time{font-size:13px;font-weight:normal;padding-top:5px;}
.pc strong.time{font-size:13px;font-weight:normal;display:block;text-align:right;}
.pc span.close_time{font-size:13px;font-weight:normal;}

.pc.mobile{position:fixed;top:0;left:0;transform:translate(0,0);z-index:101;width:100%;height:100%;background-color:#000;padding:0;border:0;}
.pc.mobile h3.title {padding-left:20px;padding-right:40px;}
.pc.mobile h3.title strong{color:#fff;}
.pc.mobile h3.title button{color:#fff;top:26px;}
.pc.mobile div.video{width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.pc.mobile div.video video{width:100%;vertical-align: middle;height:auto;}

.pc.mobile h3.title img{display:none;}
.pc.mobile h3.title img.off{display:block;}

.pc.mobile div.time{}
.pc.mobile p.time{padding-left:20px;padding-right:20px;color:#fff;}
.pc.mobile strong.time{padding-left:20px;padding-right:20px;color:#fff;text-align:left;}
.pc.mobile span.close_time{color:#fff;}

.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-button-next, .swiper-button-prev{color:#fff;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px}
.swiper-pagination-bullet {background:transparent;opacity:1;width:16px;height:16px;}
.swiper-pagination-bullet span{background:#fff;opacity:0.8;width:8px;height:8px;display:block;border-radius:8px;margin-top:4px;}
.swiper-pagination-bullet-active {width:24px;}
.swiper-pagination-bullet-active span{background:url(../images/main/2_7_oval_1@2x.png) no-repeat;width:16px;height:16px;border-radius:16px;background-size:16px;opacity:1;margin-top:0;}
.swiper-button-next{right:30px;}
.swiper-button-prev{left:30px;}

header{width:100%;background-color:#fff;border-bottom:1px solid #ddd;position:fixed;top:0px;z-index:100;}
header h1 {position:absolute;left:80px;top:14px;z-index:101;}
header h1 button{display:none;position:absolute;right:30px;top:7px; }
.nav1{display:block}
.nav2{display:none}
nav {width:640px;margin:0 auto;}
nav a{display:inline-block;width:25%;margin:0 -2px;}
nav a span{display:block;width:100%;height:80px;font-size:18px;font-weight:bold;text-align:center;line-height:80px;}
footer{border-top:1px solid #ddd;}
.footer_box{width:1100px;height:120px;margin:0 auto;position:relative;}
.footer_box h1{position:absolute;left:0;top:29px;}
.footer_box p{font-size: 14px;padding:34px 0 0 270px;color: #666666;font-weight:300;}
.footer_box select{position:absolute;right:0;top:35px;color: #888888;font-size: 13px;font-weight:400;width:240px;height:40px;padding: 0 15px 0 20px;border-radius: 6px;border: solid 1px #dddddd;    -webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: '';background:url(../images/main/7_2_drop@2x.png) right 15px center no-repeat;background-size:10px}

.slide_box{padding-top:80px;}
.more{position:absolute;top:1px;right:8px;padding-right:15px;color:#666;font-size:16px;background:url(../images/main/6_0_icon@2x.png) right 5px no-repeat;background-size:15px;}
.geoje_slide{margin:0 auto;position:absolute;top:0;color:#fff;width:100%;height: 100%;}
.geoje_slide div{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}
.geoje_slide h2 {margin-top:12px}
.geoje_slide span{font-size:14px;position:absolute;bottom:70px;color:#fff;width:100%;left:0;font-weight:300;}
.geoje_slide span img{margin-top:-2px;margin-right:5px;}
.banner{background-color: #e6f0f5;}
.banner_box{width:800px;height:160px;margin:0 auto;background:url(../images/main/3_3_map@2x.png) right 0px center no-repeat;background-size:145px 90px;text-align:right;}
.banner_box div{margin-right:200px;}
.banner_box p{padding-top:52px;padding-bottom:9px;}
.banner_box span{font-size: 16px;display:inline-block;padding-left:2px;padding-right:2px;}
.banner_box a{font-size: 18px;color: #0b5980;display:block;}
.banner_box a img{margin-top:-5px;margin-left:3px;}

.contents{width:100%;height:820px;margin:0 auto;background:url(../images/main/4_0_bg@2x.png) no-repeat;background-size:cover;}

.contents_box{width:1100px;margin:0 auto;padding-top:70px;}

.weather{float:left;background:url(../images/main/4_1_bg@2x.png) no-repeat;background-size:cover;width:315px;height:680px;border-radius: 15px;box-shadow: 3px 3px 8px 0 rgba(84, 84, 84, 0.05), -3px -2px 8px 0 rgba(85, 85, 85, 0.05);text-align:center;padding:0 25px;}
.weather h2{font-size:18px;padding-top:25px;}

.sub_contents.weather{border-radius:0;}
.weather .info .addr{font-size:14px;color:#666;padding-top:13px;padding-bottom:20px;display:block;}
.weather .info .addr span{font-size:14px;color:#666;}
.weather .info .addr img{margin-right:5px;margin-top:-2px}
.weather .info .icon strong{display:block;font-size:42px;padding-top:5px;font-weight:700;position:relative;}
.weather .info .icon strong span{position:absolute;font-size:42px;font-weight:700;margin-top:-10px;}

.weather dl{padding:5px 10px 10px 10px;border:1px solid #efefef;border-radius:10px;margin-top:10px;}
.weather dt{display:inline-block;font-size:12px;color:#777;margin:0 -2px;width:20%;font-weight:400;padding-bottom:5px;border-bottom:1px solid #eaeeef}
.weather dd{display:inline-block;font-size:14px;color:#222;margin:0 -2px;width:20%;font-weight:400;padding-top:5px;}
.weather .meteorological{padding-top:22px;}
.weather .meteorological span{color:#555;font-size:12px;font-weight:400;margin:0 5px 0 10px}

.mg_box{float:left;margin-left:15px;text-align:center;}

.map{background-color: #f4f7f2;width:720px;height:355px;border-radius: 15px;box-shadow: 3px 3px 8px 0 rgba(84, 84, 84, 0.05), -3px -2px 8px 0 rgba(85, 85, 85, 0.05);}
.map h2{font-size:18px;padding-top:25px;}
.map ul.map_item{margin-top:18px}
.map ul.map_item li{display:inline-block;width:130px;height:130px;background-color: rgba(255, 255, 255, 0.6);border-radius:130px;margin:0 13px}
.map ul.map_item img{display:block;margin:25px auto 0 auto}
.map ul.map_item strong{display:block;font-size: 16px;}

.gallery{background:#ffffff;width:676px;height:390px;margin-top:15px;border-radius: 15px;box-shadow: 3px 3px 8px 0 rgba(84, 84, 84, 0.05), -3px -2px 8px 0 rgba(85, 85, 85, 0.05);padding:25px 22px;}
.gallery h2{font-size:18px;position:relative;}
.gallery li{display:inline-block;width:33.33%;margin:8px -2px;}
.gallery li div{margin:0 8px}
.gallery li h3{text-align:left;font-size: 14px;padding-top:8px;}
.gallery li span{display:block;font-weight:400;text-align:left;font-size: 12px;color: #444444;}
.gallery .bottom_more{display:none;border-radius: 6px;border: solid 1px #dddddd;background-color: #ffffff;font-size: 14px;text-align:center;font-weight:500;color:#444;height:40px;line-height:40px;}

.sub{height:100%;}
.sub_map{position:relative;}
.sub_map_box{width:100%;height:700px;}

.sub_contents{width:800px;margin:0 auto;padding-bottom:50px;position:relative;background-color:#fff;}
.sub_contents ul{position:relative;}
.sub_contents li{display:block;position:relative;}
.sub_contents li a{display:block;padding:15px;margin:0 20px;border-bottom:1px solid #eee;}
.sub_contents li h2{font-size: 16px;color: #222222;}
.sub_contents li p{font-size: 14px;color: #888888;font-weight:300;}
.sub_contents li div{width:40px;height:40px;position:absolute;right:40px;top:16px;border-radius:40px;border:1px solid #00a0d2;background:#fff url(../images/sub/3_list_cctv@2x.png) center center no-repeat;background-size:25px;}
.sub_contents li.active{background-color: #009fd1;}
.sub_contents li.active a{border-bottom:1px solid #009fd1;}
.sub_contents li.active h2{color:#fff;}
.sub_contents li.active p{color:#fff;}

.sub_contents .sub_more{ width: 160px;height: 45px;line-height:45px;border: solid 1px #eeeeee;font-size: 16px;color:#444;margin:20px auto 50px auto;display:block;}
.sub_contents .sub_close{transform:translate(-50%,0%);left:50%;margin-top:-16px;display:none;position:absolute;top:0; border-radius: 4px 4px 0 0;background-color: #ffffff; width: 50px;height: 16px;z-index:99;}
.sub_contents .sub_close img{margin-top:-4px}

.cctv_screen{display:none;padding:20px 15px;border-radius: 10px;box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.05), -2px -2px 6px 0 rgba(0, 0, 0, 0.05);background-color: #ffffff;position:absolute;transform:translate(-50%,0);left:50%;}
.cctv_screen h2{font-size:16px;position:relative;padding-bottom:16px;}
.cctv_screen button{position:absolute;right:0;top:2px;}
.cctv_screen div{width:320px;height:240px;background-color:#000}

.safety_item.main{height:105px;margin:15px auto;width:610px;border-radius: 10px;box-shadow: unset;background:url(../images/main/combined-shape@2x.png) no-repeat;background-size:610px 115px;position:relative;transform:unset;left:unset;}
.safety_item.main li{width:16.66%;float:left;text-align:center;height:85px;font-size:15px;padding-top:32px;cursor:default;}

.safety_item{width:540px;border-radius: 10px;box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.05), -2px -2px 6px 0 rgba(0, 0, 0, 0.05);background-color: #ffffff;position:absolute;transform:translate(-50%,0);left:50%;z-index:99;margin-top:95px;}
.safety_item li{width:16.66%;float:left;text-align:center;height:65px;font-size:15px;padding-top:15px;cursor:pointer;}
.sub_contents.safety li a{padding-left:40px}
.sub_contents.safety li.safety_aed{background: url(../images/sub/map-02-icon-01@2x.png) 30px 19px no-repeat;background-size:20px;}
.sub_contents.safety li.safety_police{background: url(../images/sub/map-02-icon-02@2x.png) 30px 19px no-repeat;background-size:20px;}
.sub_contents.safety li.safety_fire{background: url(../images/sub/map-02-icon-03@2x.png) 30px 19px no-repeat;background-size:20px;}
.sub_contents.safety li.safety_health{background: url(../images/sub/map-02-icon-04@2x.png) 30px 19px no-repeat;background-size:20px;}
.sub_contents.safety li.safety_hospital{background: url(../images/sub/map-02-icon-05@2x.png) 30px 19px no-repeat;background-size:20px;}
.sub_contents.safety li.safety_pharmacy{background: url(../images/sub/map-02-icon-06@2x.png) 30px 19px no-repeat;background-size:20px;}
.sub_contents.safety li.safety_aed.active{background:#e3007e url(../images/sub/map-02-icon-01@2x.png) 30px 19px no-repeat;background-size:20px;}
.sub_contents.safety li.safety_police.active{background:#006cba url(../images/sub/map-02-icon-02@2x.png) 30px 19px no-repeat;background-size:20px;}
.sub_contents.safety li.safety_fire.active{background:#f54141 url(../images/sub/map-02-icon-03@2x.png) 30px 19px no-repeat;background-size:20px;}
.sub_contents.safety li.safety_health.active{background:#009fd1 url(../images/sub/map-02-icon-04@2x.png) 30px 19px no-repeat;background-size:20px;}
.sub_contents.safety li.safety_hospital.active{background:#58ab2e url(../images/sub/map-02-icon-05@2x.png) 30px 19px no-repeat;background-size:20px;}
.sub_contents.safety li.safety_pharmacy.active{background:#f29500 url(../images/sub/map-02-icon-06@2x.png) 30px 19px no-repeat;background-size:20px;}

.sub_contents.weather{float:unset;background:#fff;border:0;box-shadow: unset;height:auto}
.sub_contents.weather dl{width:295px;margin:15px auto 0 auto}
.sub_contents.weather .info .addr{padding-top:30px;padding-bottom:20px;}


.sub_menu{width:100%;border-bottom:1px solid #e8e8e8;height:100px; background-color: #ffffff;z-index:99}
.sub_menu div{width:800px;margin:0 auto;}

.sub_menu a{float:left;width:25%;height:87px;font-size: 18px;color: #888888;text-align:center;font-weight:400;padding-top:10px;}
.sub_menu a.active01{color: #00a0d2;font-weight:500;border-bottom:3px solid #00a0d2;}
.sub_menu a.active02{color: #e3007e;font-weight:500;border-bottom:3px solid #e3007e;}
.sub_menu a.active03{color: #f29500;font-weight:500;border-bottom:3px solid #f29500;}
.sub_menu a.active04{color: #58ab2e;font-weight:500;border-bottom:3px solid #58ab2e;}

.gallery_box{width:800px;margin:0 auto;}
.gallery_list{padding-top:140px;}
.gallery_list li{padding:0 40px 72px 40px;}
.gallery_list li h3{padding:15px 20px 4px 20px;font-size: 21px;}
.gallery_list li span{display:block;padding:0 20px;font-size: 15px; color: #444444;font-weight:400}

.air_main {padding-top:15px}
.air_main .air{width:718px;height:310px;border: solid 1px #eeeeee; border-radius:10px;background-color: #f8f8f8;box-shadow: 3px 3px 8px 0 rgb(84 84 84 / 5%), -3px -2px 8px 0 rgb(85 85 85 / 5%);}
.air_main .air h2{font-size: 18px; padding-top: 25px;}
.air_main .air ul{border: solid 1px #efefef;background-color: rgba(255, 255, 255, 0.6);}
.air_main .info .addr{font-size:14px;color:#666;padding-top:0px;padding-bottom:20px;display:block;}
.air_main .info .addr span{font-size:14px;color:#666;}
.air_main .info .addr img{margin-right:5px;margin-top:-4px}
.air .meteorological {padding-top:20px;margin:0 auto;text-align:center;}
.air .meteorological span{color:#555;font-size:12px;font-weight:400;margin:0 5px 0 10px}

.air .info{text-align:center;}
.air .info .addr{font-size:14px;color:#666;padding-top:13px;padding-bottom:20px;display:block;}
.air .info .addr span{font-size:14px;color:#666;}
.air .info .addr img{margin-right:5px;margin-top:-2px}
.air .info .icon strong{display:block;font-size:42px;padding-top:5px;font-weight:700;position:relative;}
.air .info .icon strong span{position:absolute;font-size:42px;font-weight:700;margin-top:-10px;}



.air ul{margin:0 auto;width:430px;height:auto;border: solid 1px #efefef;background-color: #fff;border-radius:10px;padding:10px 0;box-shadow:0}
.air li{width:50%;line-height:35px;height:35px;position:relative;text-align:left;display:inline-block;margin:0 -2px;}
.air li label{color:#777;font-size:14px;font-weight:400;padding-left:20px;}
.air li span{position:absolute;right:20px;font-size:14px;font-weight:400;}
.air li span.good{color: #006cba;}
.air li span.normal{color: #58ab2e;}
.air li span.bad{color: #ff5948}
.air li span.verybad{color: #ea1e0b;}
.air li.right{border-left:1px solid #efefef;}

.radius_border{border:1px solid #919191;border-radius:5px;}     
.custom_typecontrol {position:absolute;top:90px;right:10px;overflow:hidden;width:120px;height:25px;margin:0;padding:0;z-index:1;font-size:12px;}
.custom_typecontrol span {display:block;width:60px;height:25px;float:left;text-align:center;line-height:25px;cursor:pointer;font-size:12px}
.custom_typecontrol .btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}       
.custom_typecontrol .btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_typecontrol .btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}    
.custom_typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.custom_typecontrol .selected_btn:hover {color:#fff;}   
.custom_zoomcontrol {position:absolute;top:125px;right:10px;width:30px;height:60px;overflow:hidden;z-index:1;background-color:#f5f5f5;} 
.custom_zoomcontrol span {display:block;width:30px;height:30px;text-align:center;cursor:pointer;font-size:12px;}     
.custom_zoomcontrol span img {width:15px;height:15px;padding:7px 0;border:none;}             
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}  

@media (max-width: 1920px) {
  .sub_map_box{height:600px;}
}
@media (max-width: 1300px) {
  header h1 {left:50px;}
  .sub_map_box{height:500px;}
}
@media (max-width: 1200px) {
  header h1 {top:22px;left:30px;}
  header h1 img{width:146px;}
}
@media (max-width: 940px) {
.nav1{display:none}
.nav2{display:block}
header {height:56px;border-bottom:1px solid #eee;}
header h1 {top:9px;left:20px;width:100%;background-color:#fff;}
header h1 button{display:block;}
header h1 img{width:146px;}
header h1 button img{width:25px;margin-left:0;}
header nav{position:fixed;background-color:#fff;top:57px;width:100%;height:100%;right:-100%;;z-index:100;background-color:rgba(0,0,0,0.5);}
header nav.active div{width:80%;background-color:#fff;height:100%;position:absolute;right:0;padding-left:2px;}
header nav a{display:block;width:100%;background-color:#fff;height:50px;border-bottom:1px solid #eee;}
header nav a span{display:block;padding-left:20px;height:50px;text-align:left;font-size:15px;line-height: 50px;font-weight:300;}
header nav.nav2 li a span{background-color:#f8f8f8;display:block;padding-left:40px;height:50px;text-align:left;font-size:14px;line-height: 50px;font-weight:300;}
header nav.nav2 img{margin:-3px 5px 0 0}
header nav.nav2 .m2{background:url(../images/sub/menu_arrow.png) right 25px center no-repeat;background-size:20px; }
header nav.nav2 .m2.active{background:url(../images/sub/menu_arrow2.png) right 25px center no-repeat;background-size:20px; }
header nav.nav2 span.active{color:#009fd1}

.slide_box{padding-top:56px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 -2px}
.swiper-pagination-bullet span {background: #fff;opacity: 0.8;width: 6px;height: 6px;display: block;border-radius: 6px;margin-top: 3px;}
.swiper-pagination-bullet-active {width:22px;}
.swiper-pagination-bullet-active span{background: url(../images/main/b_5_oval_1@2x.png) no-repeat;width: 12px;height: 12px;border-radius: 12px;background-size: 12px;margin-top:0;}
.swiper-button-next{right:10px;display:none}
.swiper-button-prev{left:10px;display:none}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:8px;}

.geoje_slide h3 img{width:60%;}
.geoje_slide h2 {margin-top:18px}
.geoje_slide h2 img{width:90%;}
.geoje_slide span{bottom:40px;font-size:12px;}
.safety_item.main{display:none;}
.contents{width:100%;height:100%;background:url(../images/main/d_0_bg@2x.png) no-repeat;background-size:cover;}

.contents_box{width:90%;width: -moz-calc(100% - 30px);width: -webkit-calc(100% - 30px);width: -o-calc(100% - 30px);width: calc(100% - 30px);padding-top: 25px;}
.weather{float:unset;background:url(../images/main/d_1_bg@2x.png) right bottom no-repeat;background-size:cover;width:100%;height:415px;padding:0;}
.weather dl{margin:10px 18px 0 18px}
.weather h2{font-size:16px;padding-top:20px;}
.weather .info .addr span{font-size:12px;color:#666}
.weather .info .addr img{width:15px;}
.weather .info .icon img{display:inline-block;width:40px;margin-top:-13px;}
.weather .info .icon strong{display:inline-block;font-size:32px;}
.weather .info .icon span{font-size:32px;}
.weather dt {font-size:11px;}
.weather dd {font-size:11px;}

.mg_box{float: unset;margin-left: 0px;margin-top:20px;padding-bottom:25px;}
.map{width:100%;height:360px;background:url(../images/main/e_1_bg@2x.png) no-repeat;background-size:cover;}
.map h2{font-size:16px;padding-bottom:20px;}
.map ul.map_item{width:320px;margin:0 auto}
.map ul.map_item li{margin-bottom:15px;}
.map ul.map_item strong{font-size:14px;}

.air_main .air{width:100%;}
.gallery{width:100%;margin-top:20px;height:100%;padding:20px 0;}
.gallery h2{font-size:16px;padding-bottom:20px;}
.gallery h2 a{display:none;}
.gallery li{width:100%;display:block;margin:0 0 17px 0;}
.gallery li div{margin:0 13px;}
.gallery .bottom_more{display:block;margin:0 13px}

.footer_box{width:100%;text-align:center;height:auto;padding-bottom:25px}
.footer_box h1{position:relative;margin:0 auto}
.footer_box h1 img{width:106px;}
.footer_box p{position:relative;margin:0 auto;padding:45px 0 0 0;font-size:12px;}
.footer_box select{position:relative;margin:0 auto;top:0;margin-top:14px;width:80%;font-size:12px;}

.sub_footer{display:none;}
.meteorological{padding-bottom:50px;}
}

@media (max-width: 800px) {

.img_slide{height:300px;}
.sub_map_box{height:400px;}
.banner_box{background:transparent;text-align:center;width:100%;height:90px;}
.banner_box div{margin-right:0;padding:0 0;}
.banner_box span{font-size:12px;margin:0 auto;display:block;}
.banner_box p{padding-top:15px;padding-bottom:4px;}
.banner_box a{font-size: 14px;}
.banner_box a img{width:15px; margin-top: -4px;margin-left: 2px;}

.sub_contents{width:100%;position:fixed;bottom:56px;z-index:99;padding-bottom:0;}
.sub_contents .sub_list{overflow:hidden;overflow-y:scroll;height:300px;}
.sub_contents li a{padding-left:10px;margin:0 15px;}
.sub_contents li h2{font-size: 14px;}
.sub_contents li p{font-size: 12px;}
.sub_contents li div{width:35px;height:35px;right:30px;border-radius:35px;background-size:25px;}
.sub_contents .sub_more{font-size: 14px;}
.sub_contents .sub_close{display:block}
.safety_item{width:80%;margin-top:66px;}
.safety_item li {font-size:12px;height:45px;padding-top:10px;}
.safety_item li img{width:21px;}
.sub_contents.safety li.safety_aed{background: url(../images/sub/map-02-icon-01@2x.png) 25px 17px no-repeat;background-size:20px;}
.sub_contents.safety li.safety_police{background: url(../images/sub/map-02-icon-02@2x.png) 25px 17px no-repeat;background-size:20px;}
.sub_contents.safety li.safety_fire{background: url(../images/sub/map-02-icon-03@2x.png) 25px 17px no-repeat;background-size:20px;}
.sub_contents.safety li.safety_health{background: url(../images/sub/map-02-icon-04@2x.png) 25px 17px no-repeat;background-size:20px;}
.sub_contents.safety li.safety_hospital{background: url(../images/sub/map-02-icon-05@2x.png) 25px 17px no-repeat;background-size:20px;}
.sub_contents.safety li.safety_pharmacy{background: url(../images/sub/map-02-icon-06@2x.png) 25px 17px no-repeat;background-size:20px;}

.sub_menu{position:fixed;bottom:0;width:100%;height:55px;box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.05); background-color: #ffffff;}
.sub_menu div{width:100%}
.sub_menu a{height:55px;font-size: 11px;padding-top:2px;}
.sub_menu a img{width:30px;}
.sub_menu a.active01{border-top:2px solid #00a0d2;border-bottom:0;}
.sub_menu a.active02{border-top:2px solid #e3007e;border-bottom:0;}
.sub_menu a.active03{border-top:2px solid #f29500;border-bottom:0;}
.sub_menu a.active04{border-top:2px solid #58ab2e;border-bottom:0;}

.gallery_box{width:100%;}
.gallery_list{padding-top:86px;}
.gallery_list li{padding:0 20px 17px 20px;}
.gallery_list li h3{padding:10px 10px 0px 10px;font-size: 14px;}
.gallery_list li span{display:block;padding:0 10px;font-size: 12px; }
}

@media (max-width: 640px) {
.sub_map_box{height:300px;}
.air_main .air{height:510px}
.air ul{width:90%;}
.air li{width:100%;}
.air li.right{border-left:0;}
}