@charset "utf-8";
@import url("../../fonts/font.css");

* {box-sizing:border-box;margin:0; padding:0; }
body, html {overflow-x:hidden;width:100%; }
body {color:#333; letter-spacing:-0.08em;font:14px/1.4 "Nanum Gothic", "Malgun Gothic", "dotum", "돋움", "gulim", "굴림", "sans-serif"; }
body, div, dl, dt, dd, th, td, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, blockquote, button, input, textarea {margin:0; padding:0;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block; margin:0; padding:0;}
hr, table caption {display:none;}
legend {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
table {width:100%; border-spacing:0; border-collapse:collapse; table-layout:fixed;}
img, fieldset, button, input {border:0; vertical-align:middle;}
ul, ol, li {list-style:none;}
em, address {font-style:normal;}
label, button {cursor:pointer;}
a{color:#333;text-decoration:none; }
button {background:transparent;vertical-align:top; }
button::-moz-focus-inner {padding:0; border:0;}
img {max-width:100%;}

.hide {overflow:hidden;text-indent:-9999em;font-size:0;}

/* common header, footer */
.header {position:fixed; top:0; right:0; left:0; z-index:10;width:100%; height:45px; background:#f06f1c; text-align:center; }
.header.seoul {background:#06060c;}
.header h1 {display:inline-block; color:#fff; font-weight:700; font-size:18px; line-height:45px;}
.header.seoul h1 {margin-top:14px; width:90px; height:15px; background:url(../images/common/logo_bi.png) 0 0 no-repeat; background-size:90px auto; text-indent:-9999em;}
.header .btn_back {position:absolute; top:50%; left:12px; display:block; margin-top:-11px; width:20px; height:20px; background:url(../images/common/btn_back.png) 0 0 no-repeat; background-size:100%; text-indent:-9999em;}

/* .footer {position:relative; width:100%} */
.footer_link {border-top:1px solid #414146; background:#505055;}
.footer_link li {display:block; float:left; width:33.33%; border-left:1px solid #777;}
.footer_link li:first-child {border-left:0}
.footer_link li > * {display:block; width:100%; height:36px; color:#fff; text-align:center; font-size:14px; line-height:36px;}
.footer_link li .btn_top:after {display:inline-block; margin-left:5px; width:8px; height:5px; background:url(../images/common/btn_top.png) 0 0 no-repeat; background-size:8px 5px; content:''; vertical-align:middle;}
.footer_link:after {display:block; clear:both;content:''; }
.footer_info {padding:24px 0; background:#eee; text-align:center;}
.footer_info .footer_logo {margin:0 auto; width:90px; height:22px; background:url(../images/common/logo_bi.png) 0 -16px; background-size:90px auto; text-indent:-9999em;}
.footer_info * {color:#999;font-size:14px; }
.footer_info .address {margin-top:12px;}
.footer_info .copyright {margin-top:6px; padding-top:6px; border-top:1px solid #ddd;}

/* content wrap */
.wrap {position:relative; padding:0 20px;width:100%;background:url(../images/bg.jpg) no-repeat center top;background-size:cover;}
.visualbox {text-align:center;}
.visualbox h1 {text-align:center;}
.visualbox a{display:inline-block;padding:10px;color:#0c82e9;font-size:20px;}
.visualbox p {margin:10px auto;}
.visualbox strong {color:#0c82e9;font-weight:bold;}

.poollist {
    padding: 4px;
    border: 3px solid #0b8cf4;
    border-radius: 10px;
    margin: 20px 0 0;
}
.map_wrap {
    position: relative;
    border: 1px solid #0b8cf4;
    border-radius: 7px;
    overflow: hidden;
    padding: 5px;
}
.map-cont {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 10px;
}
.map-cont::-webkit-scrollbar {
    display: none;
}
.map {
    width: 800px;
    position: relative;
}
.map-scrollbar {
    position: relative;
    width: 100%;
    height: 11px;
    border-radius: 20px;
    background: #fff;
    overflow: hidden;
}
.map-scrollbar-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 30%;
    height: 100%;
    border-radius: 20px;
    background: #0b8cf4;
}
.map-info-text {
    display: flex;
    justify-content: center;
}
.map-guide {
    margin: 17px 0;
    margin-left: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #222;
    position: relative;
    display: inline-block;
    z-index: 1;
}
.map-guide:before {
    content: '';
    position: absolute;
    left: -30px;
    width: 24px;
    height: 22.5px;
    background: url(../images/icon-cusor.png) no-repeat;
    background-size: 100%;
}
.map-guide:after {
    content: '';
    width: 100%;
    height: 7px;
    background: #ffc3cf;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.balloon {position: absolute;}
.balloon a {display: block; }
.ss a img{width: 50%;}
.balloon#balloon_1 {
    right: 103px;
    top: 83px;
}
.balloon#balloon_2 {
    right: -7px;
    top: 33px;
}
.balloon#balloon_3 {}
.balloon#balloon_4 {
    left: 228px;
    top: 138px;
}
.balloon#balloon_5 {
    right: 61px;
    top: 168px;
}
.balloon#balloon_6 {}
.balloon#balloon_7 {
    top: 36px;
    left: 132px;
}
.balloon#balloon_8 {
    top: 91px;
    left: 102px;
}

.info .tit {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #0c82e9;
    padding: 5px 12px;
    border-radius: 50px;
    width: 136px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 15px;
}
.info p{margin-bottom:10px;font-size:14px;}
.listtype1>li{position:relative;padding-left:10px;line-height:1.6;}
.listtype1>li:before{position:absolute;left:0;content:'-';}

.tbl{margin-bottom:20px;border-collapse: collapse;table-layout:fixed;}
.tbl.type1 th {background:#e1f7ff;}
.tbl.type1 td, .tbl.type1 th{padding:5px 10px;border:1px solid #c5f0ff;text-align:center;}

.pop-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15; display:none;margin:0;padding:10px 13px; }
.pop-wrap:before {position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:rgba(0,0,0,0.65);content:'';}

.pop-body {position:relative;overflow:auto;padding:20px;height:100%;background:#fff;text-align:left;}
.pop-body {overflow:auto;}
.pop-body p{margin:5px 0 10px;font-size:14px;}
.pop-body p strong {font-weight:normal;}
.pop-body .imgbox{text-align:center;}
.pop-body .btn-close {position:absolute;top:3.12em;right:3.12em;display:inline-block;width:27px;height:27px;background:url(../images/btn_close.png) no-repeat;}
.pop-body h4{font-size:1.2em;}

.dltbl {display:table;margin-top:20px;width:100%;border-top:1px solid #222;border-bottom:1px solid #222;table-layout:fixed;}
.dltbl dl{display:table-row;}
.dltbl dt, .dltbl dd {display:table-cell;padding:10px;border-top:1px solid #ddd;}
.dltbl dl:first-child dt, .dltbl dl:first-child  dd{border-top:0;}
.dltbl dt{width:30%;background:#f4f6f7;}

.pop-body .btn_close {position:fixed;top:20px;right:25px;display:inline-block;overflow:hidden;width:30px;height:30px;background:#fff url(../images/ico_close.png) no-repeat center center;background-size:50% 50%;text-indent:-9999px;font-size:0;}
.pop-body .btn_close.scrolled {border:2px solid #222;border-radius:2px;}


#footer { position: relative;overflow:hidden; width:100%; border-top:1px solid #777; background:#fff; text-align:center; letter-spacing:-1px;;}
#footer > ul {overflow:hidden; margin:0; padding:10px 16px;  list-style:none; }
#footer > ul:after { display:block; clear:both; content:""; }
#footer > ul > li { float:left; overflow:hidden; height:100%; }
#footer > ul > li:nth-last-child(1) { float:right; }

#footer .f_link { display:inline-block; vertical-align:top;}
#footer .f_link > li { }
#footer .f_link > li:nth-last-child(1) { margin-left:32px; }

#footer .f_left_link {overflow:hidden;  height:25; }
#footer .f_left_link > li { position:relative; float:left; height:100%; }
#footer .f_left_link > li:after { position:absolute; top:50%; right:0; width:1px; height:50%; background:#878787; content:""; transform:translateY(-50%); }
#footer .f_left_link > li:nth-last-child(1):after { display:none; }
#footer .f_left_link > li > a { position:relative; display:block; padding:6px 14px; color:#222; font-weight:400; font-size:12px; }
#footer .f_left_link > li:nth-child(1) > a { padding-left:0; }

#footer .f_right_link { float:right; }
#footer .f_right_link > li { float:left; margin-left:14px; }
#footer .f_right_link > li > a { display:block; width:26px; height:26px; border:1px solid #555; border-radius:50%; }
#footer .f_right_link > li > a > em { position:absolute; top:-9999px; left:-9999px; }
#footer .f_right_link > li:nth-child(1) > a { background:#fff url("../img_f/foot_icon_1.png") no-repeat center center; background-size:40% auto; }
#footer .f_right_link > li:nth-child(2) > a { background:#fff url("../img_f/foot_icon_2.png") no-repeat center center; background-size:70% auto; }
#footer .f_right_link > li:nth-child(3) > a { background:#555 url("../img_f/foot_icon_3.png") no-repeat center center; background-size:60% auto; }

#footer > .txt_group { padding:14px 0; border-top:1px solid #777; }
#footer > .txt_group > p {overflow:hidden; word-wrap:break-word; word-break:keep-all;  line-height:21px; }
#footer .txt1 {color:#222; font-weight:700;  font-size:13px; }
#footer .txt2 {color:#222; font-weight:400;  font-size:12px; }
#footer .txt2 > span { position:relative; display:inline-block; margin:0 8px; padding-right:9px; }
#footer .txt2 > span:after { position:absolute; top:50%; right:0; width:1px; height:30%; background:#878787; content:""; transform:translateY(-50%); }
#footer .txt2 > span:nth-last-child(1) { padding-right:0; }
#footer .txt2 > span:nth-last-child(1):after { display:none; }
#footer .txt3 {color:#222; font-weight:400;  font-size:10px; }


.info {
    margin-bottom: 20px;
}

/* 20260615 */
.info h5 {
    height: 40px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #222;
    font-weight: bold;
    background: #f2f6f8;
    border: 1px solid #d2d2d2;
    border-bottom: 1px solid transparent;
    padding-left: 12px;
    border-left: 0;
    border-right: 0;
    position: relative;
    box-sizing: border-box;
}
.info table.tbl.type1+h5{margin-top: 30px;}
.info h5:after {
    content: '';
    background: url(../images/icon-list.png) no-repeat;
    background-size: 100% auto;
    width: 14px;
    height: 11px;
    position: absolute;
    right: 12px;
    /* transition: transform .3s ease-in; */
    margin-top: 4px;
}
.info h5.open_h5,
.info h5.borderb{
    border-bottom: 1px solid #d2d2d2;
}
.info h5.open_h5:after {
    transform: rotate(180deg);
    margin-top:0;
}
.info .info_list {
    height: 0;
    overflow: hidden;
    margin: 0;
    /* transition: all 0.2s linear; */
}
.info .info_list.open_ul{
    padding: 10px;
}

.cont-pool {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 25px;
    margin-bottom: 0;
    padding: 15px 0;
}
.cont-pool>p {
    margin-bottom: 0;
    margin-top: 10px;
    word-break: keep-all;
}
.pool-time {
    border: 1px solid #bbb;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    margin-top: 5px;
    background: #fff;
}
.pool-time>p{
    margin-bottom: 0;
}
.cont-pool h4 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #0c82e9;
    padding: 5px 12px;
    border-radius: 50px;
    width: 136px;
    text-align: center;
    margin-top: 30px;
}
.cont-pool h4:first-child{
    margin-top: 0;
}
.cont-pool section {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 15px;
}
.pool_wrap {
    display: flex;
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    border: 1px solid #0c82e9;
    box-sizing: border-box;
}
.pool_wrap>p {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 80px;
    min-height: 80px;
}
.pool_wrap.pool_wrap_pink {
    border-color: #ff5478;
}
.pool_wrap.pool_wrap_pink a {
    background: #ff5478;
}
.pool_wrap>p strong {
    font-size: 16px;
}
.pool_wrap>p strong:after {
    content: '';
    width: 11px;
    height: 11px;
    display: inline-block;
    background: url(../images/icon-mo-link.png);
    background-size: 100%;
    position: relative;
    top: 0;
    left: 4px;
}
.pool_wrap a {
    background: #0c82e9;
    color: #fff;
    font-size: 14px;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pool_right {
    display: flex;
    color: #4a4a4a;
    background: #fff;
    flex-direction: column;
    width: calc(100% - 80px);
    justify-content: center;
}
.pool_right>p {
    display: flex;
    border-bottom: 1px dashed #bbb;
    margin-bottom: 0 !important;
    align-items: center;
    line-height: 40px;
    padding-left: 12px;
}
.pool_right ul {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px;
    padding-left: 8px;
    min-height: 40px;
    align-items: center;
}
.pool_right ul li {
    text-align: left;
    letter-spacing: -1px;
    text-indent: -13px;
    padding-left: 13px;
}
.pool_right ul li:before {
    content: '•';
    letter-spacing: -2px;
}
.cont-pool th:first-child,
.cont-pool td:first-child{
	border-left: 0;
}
.cont-pool th:last-child,
.cont-pool td:last-child{
	border-right: 0;
}
.pop-body .link_view {
    margin: 15px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #007c98;
    width: 40%;
    height: 40px;
    color: #fff;
    font-weight: bold;
}
/*2026-06-18 모바일 버튼 추가*/
.map-btn-group {display:flex;align-items:center;justify-content:center;margin-top:16px;}
.map-btn-group .btn {min-width:300px;padding:16px;font-size:16px; font-weight:bold;text-align:center;color:#fff;border-radius:5px;background:#00235c;}
.map-btn-group .btn:before {display:inline-block;width:26px;margin-right:5px;content:'';background:url(../images/ico-swim.png) no-repeat;aspect-ratio:26 / 15;}
.map-btn-group .btn:after {display:inline-block;width:30px;margin-left:13px;content:'';background:url(../images/ico-arrow.png) no-repeat;aspect-ratio:3 / 1;}
@media screen and (max-width: 400px) {
.map-btn-group .btn{width:100%;min-width:auto;}
}