@charset "utf-8";

/* sub01 */

/* sub02 */

/* sub03 */

/* sub04 */
/* 공공체육시설 */
/* Mobile */
.sum_map {margin: 30px 0;}
.sum_mapwrap {display: flex;flex-direction: column;}
.map_btn {box-shadow: 0px 0px 10px #cfd6f1; border-radius: 10px; padding: 20px;}
.map_btn h4 {text-align: center; font-size: 25px; margin: 0 0 20px;color: #4464ca; font-family: 'SCDream'; font-weight: 600; text-align: center; font-size: 25px;}
.map_btn li {border-radius: 10px; border: 1px solid #4464ca;margin-bottom: 20px;overflow: hidden;}
.map_btn li a {transition: .2s all;background: #fff;  position: relative; display: block; padding:20px; color: #4464ca;font-weight: 600; font-size: 18px;}
.map_btn li a::after {content: ''; transition: .2s all;width: 28px; height: 30px; position: absolute; top: 17px; right: 20px; background: url("/images/04_reservation/sub/map_icos.png") no-repeat;}

.map_btn li a:hover, .map_btn li a:active, .map_btn li a:focus, .map_btn li.on a  {background-color: #4464ca; color: #fff;}
.map_btn li a:hover::after, .map_btn li a:active::after, .map_btn li a:focus::after, .map_btn li.on a::after {background-position: center -45px;}

.mapbtn_all {border-top: 1px dashed #c9d6e9; margin-top: 20px; padding-top: 20px;}
.mapbtn_all a {position: relative; font-weight: 600; font-size: 18px;background: linear-gradient(272deg, #4059a9, #0e924d); color: #fff; display: block; padding: 25px 20px; border-radius: 10px; overflow: hidden;}
.mapbtn_all span {z-index: 1;display: block;position: relative;}
.mapbtn_all span::after {content: '';width: 28px; height: 30px; position: absolute; right: 0; background: url("/images/04_reservation/sub/map_icos.png") no-repeat center -131px; z-index: 1;} 
.mapbtn_all a::after {content: ''; position: absolute; background: url("/images/04_reservation/sub/btn_bg.png") no-repeat;width: 162px; height: 72px;right: -45px;bottom: -8px; background-size: 145px;}
.mapbtn_all a:hover, .mapbtn_all a:active, .mapbtn_all a:focus {text-decoration: underline;}

.map_con {margin-top: 30px;}
.map_con .map_wrap {display: none;border: 1px solid #4464ca;border-radius: 7px;}
.map_con .map_wrap h5 {display: none;}
.map_con .map_wrap.on {display: block;}
.map_con li { margin: 0 20px}
.map_con a::before {content: ''; display: inline-block; width: 20px; height: 25px; background: url("/images/04_reservation/sub/map_icos.png") no-repeat;background-position: center -91px;}
.map_con a {transition: .2s all; display: block;border-bottom: 1px dashed #4464ca;padding: 15px 20px 5px 0;font-size: 16px;}
.map_con li.hupo a:last-of-type {border-bottom: 0;}
.map_con span {display: inline-block;padding: 1px 0 0 5px;}
.map_con a:hover, .map_con a:focus, .map_con a:active {color: #4464ca;}

/* Tablet */
@media all and (min-width:768px) {
.map_btn {padding: 25px; border-radius: 20px;}
.map_btn h4 {margin: 0 0 25px 0;}
.map_btn ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.map_btn li {width: calc(100%/2 - 15px); margin-bottom: 25px;}
.map_btn li a {box-sizing: border-box;height: 100%;}
.mapbtn_all {margin-top: 0; padding-top: 25px;}
.mapbtn_all a {font-size: 20px; padding: 30px 25px;}
.mapbtn_all a::after {right: -25px; bottom: 0; background-size: 100%;}
}

/* Pc */
@media all and (min-width:1023px) {  
.sum_map {margin: 50px 0;}
.sum_map .info_box {display: none;}
.sum_mapwrap {align-items: flex-start;flex-direction: row-reverse;justify-content: space-between;}

.map_btn {margin-top: 30px;padding: 30px; box-shadow: 0px 0px 20px #cfd6f1;}
.map_btn h4 {font-size: 30px;}
.map_btn li {margin-bottom: 30px;}
.map_btn li a {padding: 20px 25px;}
.map_btn li a::after {right: 25px;}
.mapbtn_all {padding-top: 30px;}
.mapbtn_all a {padding: 35px 30px;}

.map_con::before {content: ''; position: absolute;background: url("/images/04_reservation/sub/map.png") no-repeat; width: 558px; height: 796px;}
.map_con {width: 60%;height: 796px; min-width: 558px;margin-top: 0;position: relative;}
.map_con .map_wrap {border: 0; border-radius: 0;}
.map_con li {overflow: hidden; margin: 0; border: 1px solid #4464ca; border-radius: 7px;position: absolute;}
.map_con li.buk {top: 55px;right: 360px;}
.map_con li.jukbyeon {top: 90px; left: 377px;}
.map_con li.ulg {top: 165px;left: 330px;}
.map_con li.ulgc {top: 215px;left: 330px;}
.map_con li.geunnam {top: 233px;left: 350px;}
.map_con li.geumgangsong {top: 245px;right: 465px;}
.map_con li.meahwa {top: 370px; right:280px;}
.map_con li.giseong {top: 453px;left: 420px;}
.map_con li.onjung {top: 592px; right: 270px;}
.map_con li.baekam {top: 652px;right: 270px;}
.map_con li.pyeong {top: 581px; left: 475px;}
.map_con li.hupo {top: 649px; left: 465px;}

.map_con a {background: #ffffff78;padding: 10px 15px 2px;}
.map_con a:last-of-type {border-bottom: 0;}
.map_con a:hover, .map_con a:focus, .map_con a:active {background: #fff;}
.map_btn {width: 500px;}
}                                                                                                                                  

.comment{position:absolute;top:-1000px;left:-2000px;}


/*관광택시*/
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OTEnjoystoriesBA';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/OTEnjoystoriesBA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.taxi_tour{position:relative;background:#d9fffe;padding:30px;font-family: 'GmarketSansMedium';border-radius:30px 30px 0 0;margin-top:30px;}
.taxi_tour h4{font-family: 'OTEnjoystoriesBA';font-size:40px;color:#f55525;margin:0 0 20px 0;line-height:38px;}
.taxi_tour h4 span{display:block;color:#523729;}
.taxi_tour p{color:#000;margin-bottom:10px;font-size:18px;}
.taxi_tour p span{color:#40a04e;}
.taxi_tour a{display:block;background:#523729;color:#fff;font-size:14px;padding:10px 20px;border-radius:5px;}
.reserv{text-align:center;padding:20px 0 0 0;}
.reserv a{background:#4464ca;display:block;padding:10px 40px;border-radius:10px;color:#fff;}

@media all and (min-width:768px) {
.taxi_tour h4{margin-bottom:10px;line-height:auto;}
.taxi_tour h4 span{display:inline-block;}  
.taxi_tour a{display:inline-block;}
.reserv{position:absolute;right:10px;bottom:-30px;}
}

@media all and (min-width:1023px) {
.taxi_tour{background:url("/upload_data/board_data/BBS_0000130/174012173207895.gif") no-repeat left top;padding:50px 0 0 200px;height: 230px;}  
.taxi_tour h4{font-size:48px;}    
.reserv{right:50px;bottom:-90px;}
}        


.sitemap>div{margin:0;border-top:1px solid #223e99;border-bottom:1px solid #dedede}
.sitemap h4{margin:0 0 10px 0;padding: 15px 0 0 0;height: 40px;text-align:center;border-bottom:1px dotted #dedede}
.sitemap>div:first-child{margin-top:0}
.sitemap li{font-size:16px;line-height:1.5em}
.sitemap div div>ul>li>a{display:block;color:#223e99;font-size:16px;font-weight:600;padding: 8px 0 8px 12px;background:url("/images/01_potal/common/nav_icon1.png") no-repeat 0 15px}
.sitemap li ul{margin: 0 0 10px 10px}
.sitemap li li{font-size:16px;padding:0 0 0 10px;margin:0 0 5px 0;background:url("/images/01_potal/common/li02.png") no-repeat 0 7px}
.sitemap li li a{color:#333}
.sitemap li ul ul{margin: 5px 0 15px 0}
.sitemap li li li{padding:0 0 0 12px;margin: 0 30px 5px 0;background:url("/images/01_potal/common/li03.png") no-repeat 0 7px}
/*.sitemap .menu1 h4{background: url("/images/01_potal/common/nav_bg01.gif") no-repeat right 20px}
.sitemap .menu2 h4{background: url("/images/01_potal/common/nav_bg02.gif") no-repeat right 20px}
.sitemap .menu3 h4{background: url("/images/01_potal/common/nav_bg03.gif") no-repeat right 20px}
.sitemap .menu4 h4{background: url("/images/01_potal/common/nav_bg04.gif") no-repeat right 20px}
.sitemap .menu5 h4{background: url("/images/01_potal/common/nav_bg05.gif") no-repeat right 20px}
.sitemap .menu6 h4{background: url("/images/01_potal/common/nav_bg06.gif") no-repeat right 20px}
.sitemap .menu7 h4{background: url("/images/01_potal/common/nav_bg07.gif") no-repeat right 20px}*/
.sitemap li li li a{color:#666}

@media all and (min-width:768px) {
.sitemap{overflow:hidden;margin-top:50px;}
.sitemap>div{overflow:hidden;}
.sitemap h4{float:left;width:25%;border:none;padding-top:30px;}
.sitemap div div{float:left;width: 74%;background: #fff;border-left: 1px solid #f3f3f3}
.sitemap div div>ul{margin: 15px 0 15px 30px;overflow:hidden;}
.sitemap li{float:left;margin-right:40px;}
.sitemap li:first-child{border:none}
.sitemap li ul{overflow:hidden}
.sitemap li li{float:left;margin:0 50px 5px 0;border:none}
.sitemap li ul ul{margin: 5px 0}
} 


.KK_eco{position:relative;margin-top:40px;}
.KK_eco img{width:100%;border-radius:40px 40px 0 0}   
.KK_eco .reserv{text-align:center;padding:20px 0 0 0;}
.KK_eco .reserv a{background:#4464ca;display:block;padding:10px 40px;border-radius:10px;color:#fff;}

.camp_fam{position:relative;margin:40px 0;}
.camp_fam img{width:100%;border-radius:40px 40px 0 0}   
.camp_fam .reserv{text-align:center;padding:20px 0 0 0;}
.camp_fam .reserv a{background:#4464ca;display:block;padding:10px 40px;border-radius:10px;color:#fff;}

@media all and (min-width:768px) {
.KK_eco .reserv{position:absolute;right:10px;bottom:-30px;}
.camp_fam .reserv{position:absolute;right:10px;bottom:-30px;}
}

@media all and (min-width:1023px) {
.KK_eco .reserv{right:0px;bottom:-70px;}
.camp_fam .reserv{right:0px;bottom:-70px;}
}    


.guide_box{margin-top: 20px;}
.guide_box button{position:relative;display:block;width:100%;background: #f26522;color:#fff;padding:10px 0;font-size:20px;font-weight:600;border-radius:10px;}
.guide_box button.open:after{display:block;content:"▼";font-size:10px;}
.guide_box button.close:after{display:block;content:"▲";font-size:10px;}
.guide_box .inner_box{padding:0 20px 20px 20px;border:solid 1px #ccc;border-radius:10px;}