/*
	ID : SUB CSS
	WORK : Shinjunho
	NOTE : 서브페이지 통합
*/

/* 상단 .top 이미지 */
.sub_topimage {position:relative; width:100%; height:330px; background:no-repeat center; background-size:cover;}
.sub_topimage.info {background-image:url("../images/sub/topimage/info.jpg?ver1");}
.sub_topimage.notice {background-image:url("../images/sub/topimage/notice.jpg?ver1");}
.sub_topimage.how {background-image:url("../images/sub/topimage/how.jpg?ver1");}
.sub_topimage.booking {background-image:url("../images/sub/topimage/booking.jpg?ver1");}
.sub_topimage h1 {position:absolute; top:180px; left:50%; transform:translateX(-50%); font-size:40px; color:#fff;}

/* table 프리셋*/
table.style {line-height:24px; text-align:center; border-top:#000 solid 1px; border-right:#e1e1e1 solid 1px;}
table.style th {border-bottom:#e1e1e1 solid 1px; background:#f8f8f8; border-left:#e1e1e1 solid 1px;}
table.style th:last-child {border-right:#e1e1e1 solid 1px;}
table.style td {border-bottom:#e1e1e1 solid 1px; border-right:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px; color:#6b6d6b; font-weight:300;}
table.style th ,table.style td {height:50px; vertical-align:middle;}
.ment {display: block !important; margin-top:25px; line-height:18px;}
.ment p {font-size:16px; font-weight:300; color:#6b6d6b; margin-top: 10px;}

/* LNB */
.lnb {width:100%; height:60px; border-bottom:#e8e8e8 solid 1px; background:#fff;}
.lnb .home {border-left:#e8e8e8 solid 1px; background:url("../images/layout/home.png") no-repeat center; width:60px;}
.lnb a {display:block; float:left; width:300px; height:60px; line-height:60px; border-right:#e8e8e8 solid 1px; text-align:center;}
.lnb a:hover {text-decoration:underline;}
.lnb a.active {background:#1f54c9; color:#fff;}

/* sub 공통 */
.sub {min-height:500px;}
.sub h1.title {font-size:40px; margin:80px 0; text-align:center;}
.sub.center {text-align:center; margin-top:50px;}

/* 소개 > 안전한 시설 */
.safety article {overflow:hidden; margin-bottom:80px;}
.safety article div {width:350px; height:350px; background:#f3f3f4; float:left; padding:60px 50px;}
.safety article div h2 {font-size:38px; letter-spacing:-1px; margin-bottom:30px; line-height:45px;}
.safety article div h2 span {font-weight:300; display:inline-block;}
.safety article div p {font-size:18px; font-weight:300; color:#6b6d6b; line-height:24px;}
.safety iframe {width:875px; height:492px; float:right;}

/* 소개 > 레인별 인원수 제한 */
.line article {display:flex;}
.line article+article {margin-top:180px;}
.line article div {flex:1;}
.line article div.text {padding:40px 0 40px 80px;}
.line article div.right {padding-right:120px;}
.line article div h2 {font-size:32px; margin-bottom:30px;}
.line article div h2 span {font-weight:300;}
.line article div p {font-size:18px; color:#6b6d6b; font-weight:300; margin-bottom:30px; line-height:24px;}
.line article div p.bold {font-weight:bold; color:#000;}
.line article div table {width:500px; margin-top:50px;}
.line article div table td:first-child {width:210px;}

/* 소개 > 강력한 인공파도 즐기기 */
.wave article {position:relative;}
.wave article div {position:absolute; width:600px; height:180px; padding:50px 60px; left:0px; bottom:0px; background:#fff;}
.wave article div h2 {font-size:32px; margin-bottom:25px;}
.wave article div h2 span {font-weight:300;}
.wave article div p {font-size:18px; color:#6b6d6b; font-weight:300;}

/* 소개 > 위치안내 */
.map #map_api {width:100%; height:500px;}
.map article h2 {font-size:22px; margin:40px 0 30px 0;}
.map article p {font-size:18px; color:#6b6d6b; font-weight:300; line-height:28px;}
.map article div {display:flex; margin-top:40px;}
.map article div ul {flex:1; color:#6b6d6b; font-weight:300; font-size:18px; line-height:28px;}
.map article div ul li {padding:5px 0 0 47px; background:no-repeat left top;}
.map article div ul li.bus {background-image:url("../images/sub/info/image_bus.png");}
.map article div ul li.car {background-image:url("../images/sub/info/image_car.png");}
.map article div ul li.metro {background-image:url("../images/sub/info/image_metro.png");}
.map article div ul li+li {margin-top:25px;}
.map article div ul li h3 {font-weight:500;}
.map article div ul li p+p {margin-top:35px;}
.map article div ul li p span {padding-left:15px;}

/* 이용방법 및 가격 > 이용방법 */
.use article+article {margin-top:100px;}
.use article h2 {font-size:32px; margin-bottom:30px;}
.use article h2 span {font-weight:300;}
.use article div {display:flex;}
.use article div ul {flex:1; text-align:center;}
.use article div ul h3 {font-size:20px; color:#000; margin:25px 0 15px 0; letter-spacing:-1px;}
.use article div ul p {font-size:14px; color:#6b6d6b; font-weight:300; width:130px; display:inline-block; line-height:20px;}
.use article table {width:100%;}
.use article .r2 {align-items: flex-start;}
.use article .r2 table+table {margin-left: 40px;}
.use article .r2 table th {height: 50px;}


/* 이용방법 및 가격 > 가격 */
.price article+article {margin-top:100px;}
.price article h2 {font-size:32px; margin-bottom:30px;}
.price article h2 span {font-weight:300;}
.price article h3 {font-size:23px; color:#ba0000;}
.price article table {width:100%; font-size:20px;}
.price article table th:nth-child(1) {width:460px;}
.price article table th:nth-child(2) {width:350px;}
.price article table td:first-child {vertical-align:middle;}
.price article table td:last-child {font-weight:900; color:#000; letter-spacing:-1px;}
.price article table td span {position:relative;}
.price article table td span::before {content:"85,000"; position:absolute; color:#6b6d6b; font-weight:300; text-decoration:line-through; right:100px; letter-spacing:0px;}
.price article table td span::after {content:" "; position:absolute; color:#1f54c9; left:90px; width:100px;}
.price article table td span1 {position:relative;}
.price article table td span1::before {content:"420,000"; position:absolute; color:#6b6d6b; font-weight:300; text-decoration:line-through; right:100px; letter-spacing:0px;}
.price article table td span1::after {content:" "; position:absolute; color:#1f54c9; left:90px; width:100px;}
.price article table td span2 {position:relative;}
.price article table td span2::before {content:"500,000"; position:absolute; color:#6b6d6b; font-weight:300; text-decoration:line-through; right:100px; letter-spacing:0px;}
.price article table td span2::after {content:" "; position:absolute; color:#1f54c9; left:90px; width:100px;}

/* 이용방법 및 가격 > 비수기,성수기 운영안내 */
.operate article h2 {font-size:32px; margin-bottom:30px;}
.operate article h2 span {font-weight:300;}
.operate article table {width:100%; font-size:20px;}
.operate article table th:nth-child(1) {width:460px;}
.operate article table th:nth-child(2) {width:350px;}

/* 예약하기 */
.booking {margin-bottom:50px;}
.booking iframe {height:1700px;}