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

/* CSS Document */
html {margin: 0; padding: 0;}
body {background:url(../images/bg_repeat.jpg) repeat-x;font-size:12px; font-family:"Nanum Gothic", "맑은 고딕", "Malgun Gothic", "돋움", dotum, Arial, sans-serif; color:#333;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, textarea, pre {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 12px;}
em {font-style:normal;}
ul, ol, li{list-style: none}
fieldset, img {border: none;border:0;}
/*html,body {height:100%;}*/
/* a-style */
body a {color:#333;text-decoration: none;}
body a:hover, body a:active {text-decoration: none; letter-spacing: 0;}
pre {padding-top: 5px;}
table {
	margin:0;
	padding:0;
	border-spacing:0;
	border-collapse:collapse;
	border:0;
}
td {text-align:left;}
hr {display:none}
caption, legend{
	width:0;
	height:0;
	overflow:hidden;
	visibility:hidden;
	display: none;
	text-indent:-9999px;
	font-size:0;
}
.blind {position:absolute;left:-9999px;text-indent:-1000px;width:0;height:0;font-size:0;line-height:0;z-index:10;}

.wrapper {width:100%;background:url(../images/bg.jpg?ver20180622) no-repeat center top; min-width:1270px;}
.wrap {position:relative;width:1270px;margin:0 auto;padding:0 0 50px 0;text-align:center;}
.info {position:absolute;z-index:6;left:400px;top:240px;}
.info.info-new {left: 310px;}
.info.info-new2 {
    top: 255px;
}
.info .btn {position:absolute;top:0px;right:-95px;}
.info.info-new .btn {right: -5px}
.map {padding-top:170px;}
.view_layer {display:none;position:absolute;top:50px;left:50%;margin:0 0 0 -397px;z-index:99;}
.view_layer img {cursor:pointer;}
.view_layer .btn_transport {
    position: absolute;
    bottom: 63px;
    right: 50%;
    transform: translateX(50%);
    z-index: 100;
    opacity: 0;
}
.view_layer .btn_transport a{
    width: 272px;
    height: 64px;
    display: block;
}
.view_layer#tab_cont06 .btn_transport {
    bottom: 667px;
}
.deemed {position:fixed;width:100%;height:100%;background:#000;left:0;top:0;display:none;z-index:98;}
.cont {padding-top:35px;}
.footer {padding:25px 0;background:#eaeaea;text-align:center;font-size:11px;}
.sns {position: absolute;right: 436px;top: 454px;z-index: 95;}

.swim_pool {position: absolute;top: 200px;left: 0; z-index:5;}
.hall {position: absolute;left:200px; top:150px; width:1050px;height:450px; display: none;}
.hall div {width:82px; height:42px; background: url('../images/hall.png') no-repeat 0 0; position: absolute;}
.hall .hall_1 {left: 747px;top: 282px;}
.hall .hall_2 {left: 925px;top: 193px;}
.hall .hall_3 {left: 548px;top: 412px;}
.hall .hall_4 {left: 160px;top: 350px;}
.hall .hall_5 {left: 828px;top: 392px;}
.hall .hall_6 {left: 111px;top: 237px;}
.hall .hall_7 {left: 16px;top: 207px;}
.hall .hall_8 {left: -33px;top: 296px;}
.swim_pool.swim_pool2 .hall .hall_8 {left: -42px;top: 296px;}

.swim_pool div.ss {position: absolute;left:180px; top:-10px;}
.balloon {position: absolute;width:120px; height:180px;overflow: hidden; background: url('../images/balloons3.png') no-repeat;}
.balloon a {display: block; width:120px; height:180px; overflow: hidden; text-indent: -1000px;}
.balloon#balloon_1 {background-position: 0 0;}
.balloon#balloon_2 {background-position: -120px 0;}
.balloon#balloon_3 {background-position: -240px 0;}
.balloon#balloon_4 {background-position: -360px 0;}
.balloon#balloon_5 {background-position: -480px 0;}
.balloon#balloon_6 {background-position: -600px 0;}
.balloon#balloon_7 {background-position: -720px 0;}
.balloon#balloon_8 {background-position: -845px 0;}


.wow {position: absolute; left: 30px; top: 268px; z-index: 5;}

.footer-wrap{position:relative;background:#eaeaea;text-align:center; padding:20px 0 10px 0;}
.make-day{width:143px;margin:0 auto;height:22px;border:1px solid #777;border-radius:3px;}
.make-day li{float:left;text-align:center;font-size:11px;padding:0px 7px;line-height:22px;color:#888;}
.make-day li.txt{background:#777;color:#fff;width:40%;}
.copyright {position:relative;margin:0 auto;width:1000px;text-align: center;color:#888;letter-spacing:0px;line-height:50px;font-size: 14px;}

.mers-pop{position:absolute;left:50%;top:222px;margin-left:-345px;z-index:999;width:690px;height:320px;background:url(../images/pop-mers.gif) no-repeat 0px 0px;text-align:left}
.mers-pop .pop-tit{font-size:30px;color:#fff;margin:10px 0 0 90px;}
.mers-pop .pop-info{position:absolute;left:210px;top:130px;z-index:9991;font-size:18px;color:#fff;line-height:35px}
.mers-pop .pop-info strong{font-size:24px;color:#fcff01;font-weight:normal;}
.mers-pop .pop-info span{font-size:18px;color:#04fff0;}
.mers-pop .close-btn{position:absolute;right:0px;top:0px;z-index:9991;}


/* content 2022-06-21 */
.cont-hanriver {display: flex;flex-wrap: wrap;text-align: left;font-weight: 700}
.cont-river {display: flex;align-items: center;width: 100%;padding: 25px 0;font-size: 15px;color: #4a4a4a;border-bottom: 1px dashed #bababa;letter-spacing: -0.05em}
.cont-tip, .cont-caution {width: 50%;align-items: flex-start}
.cont-river p.img {margin-right: 15px;}
.cont-caution ul li {color: #a13fb0}
.cont-fair {align-items: flex-start;border-bottom: 0;}
.cont-fair .cr-cont {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 30px;
}
.cont-fair .cr-cont>p {width: 100%;text-align: left}
.cont-fair .cr-cont-table{width: 40%;}
.cont-fair table {width: 100%;margin-right: 3%;border-collapse: collapse}
.cont-fair table th, .cont-fair table td {padding: 5px 0;border: 1px solid #d2d2d2;background: #e1e1e1}
.cont-fair table td {font-weight: 700;text-align: center;}
.cont-fair table tbody tr.odd th,
.cont-fair table tbody tr.odd td {background: #ebebeb}
.cont-fair .fair-text {
    width: calc(100% - 30px - 40%);
    text-align: left;
    position: relative;
}
.cont-fair .txt-fair {
    margin: 5px 0 10px;
    color: #966d6d;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
}
.cont-fair .fair-text h5 {
    height: 45px;
    display: flex;
    align-items: center;
    font-size: 17px;
    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;
}
.cont-fair .fair-text h5.open_h5,
.cont-fair .fair-text h5.borderb {
    border-bottom: 1px solid #d2d2d2;
}
.cont-fair .fair-text h5:after {
    content: '';
    background: url(../images/icon-list.png) no-repeat;
    width: 20px;
    height: 11px;
    position: absolute;
    right: 12px;
    /* transition: transform .3s ease-in; */
}
.cont-fair .fair-text h5.open_h5:after {
    transform: rotate(180deg);
}
.cont-fair .fair-text h5:first-child {margin-top: 0;}
.cont-fair .fair-text ul {}
ul.list-type-dash li {display: flex;margin-bottom: 5px;word-break: keep-all;}
ul.list-type-dash li:before {content: '-';margin-right: 5px;}



/* 20260615 */
.fair-text .list-type-dash {
    height: 0;
    overflow: hidden;
    margin: 0;
    /* transition: height 0.3s ease; */
}
.list-type-dash.open_ul {
    padding: 10px 0;
}
.fair-text h5 {
    cursor: pointer;
}
.line_hr {
    position: absolute;
    top: 60px;
    width: 100%;
    height: 1px;
    background: #74c2d6;
}

.cont-pool {
    background: #e6f4fa;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px;
    padding-left: 0;
    margin-bottom: 60px;
    border-radius: 8px;
}
.cont-pool h4 {
    width: 253px;
    font-size: 28px;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.cont-pool h4:before {
    content: '';
    background: url(../images/icon-pool.png);
    width: 99px;
    height: 99px;
    display: block;
}
.cont-pool section {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.pool_wrap {
    display: flex;
    width: 968px;
    border-radius: 5px;
    overflow: hidden;
}
.pool_wrap a {
    width: 200px;
    height: 88px;
    background: #0c82e9;
    color: #fff;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.pool_wrap.pool_wrap_pink a {
    background: #ff5478;
}
.pool_wrap>p strong {
    font-size: 20px;
}
.pool_wrap>p strong:after {
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(../images/icon-link.png);
    position: relative;
    top: 1px;
    left: 6px;
}
.pool_right {
    display: flex;
    align-items: center;
    color: #4a4a4a;
    background: #fff;
    width: calc(100% - 200px);
}
.pool_right>p {
    width: 148px;
    min-width: 148px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    height: 48px;
    border-right: 1px solid #bbb;
}
.pool_right ul {
    padding-left: 30px;
    font-size: 17px;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.pool_right ul li{
    text-align: left;
    letter-spacing: -1px;
    line-height: 1;
}
.pool_right ul li:nth-child(odd) {
    min-width: 280px;
}
.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;
}


.wrapper.wrap2 {
    background: url(../images/bg_1.jpg) #fff no-repeat center top;
    background-size: 100%;
}
.wrap2 .wow {
    top: 345px;
}
.wrap2 .info.info-new2 {
    left: 260px;
}
.wrap2 .info .btn {
    top: 20px;
    right: -90px;
}
.wrap2 .sns {
    top: 504px;
}
.wrap2 .map {
    padding-top: 270px;
}
.wrap2 .hall{top: 220px;}
.wrap2 .swim_pool div.ss{top:70px;}
.wrap2 .cr-cont>.list-type-dash{margin-bottom: 40px;}
.wrap2 .cont-river{letter-spacing: -0.06em;}

.wrap2 .story-share-wrap {position: absolute;top: 15px;right: 15px;}