@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.doc-tit {padding-top:14px; margin-bottom:20px; color:#010101; font-size:28px; font-weight:500; line-height:1.3em; background:url("../images/sub/bullet.png") 0 0 no-repeat;}

.doc-cnt {margin-bottom:55px;}
.doc-cnt:last-child {margin-bottom:0;}

.dot-list {margin-left:12px; line-height:1.66em; font-weight:300;}
.dot-list > li {position:relative; padding-left:14px;}
.dot-list > li:before {content:"·"; position:absolute; top:0; left:0;}

/* 소개 */
.introduce-top {display:flex; margin-bottom:43px; padding:38px 63px; border:1px solid #ddd; background:url("../images/sub/intro_top_bg.jpg") 100% 100% no-repeat;}
.introduce-top .img {padding-top:5px;}
.introduce-top .cnt {margin-left:45px; font-family:"NanumSquare",sans-serif;}
.introduce-top h3 {font-size:30px; line-height:1.4em;}
.introduce-top h3 .c1 {color:#44aa0d;}
.introduce-top h3 .c2 {color:#00a19c;}
.introduce-top p {font-size:24px; line-height:1.4em;}

.introduce-imgs {display:flex; margin-bottom:52px;}
.introduce-imgs div {flex:1; margin-left:1px;}
.introduce-imgs div:first-child {margin-left:0;}

.introduce-text {line-height:2em; font-weight:300; letter-spacing:-.02em;}

.guide-map {text-align:center;}

.location-info {border-top:1px solid #d0d0d0; padding:27px 0; text-align:center; font-size:18px; font-weight:700; line-height:1.5em;}
.location-info img {vertical-align:middle; margin:0 20px 0 0;}
.location-info span {display:inline-block;}
.location-info .bar {width:1px; height:12px; background:#9a9a9a; margin:0 15px;}
.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap_landing .border2 {display:block !important;}

/* 시설안내 */
.facility {text-align:center; color:#000; font-size:20px; line-height:1.5em;}
.facility ul {display:flex; flex-wrap:wrap; margin:0 -13px;}
.facility ul li {width:50%; padding:0 13px; margin-bottom:60px;}
.facility ul li img {display:block; margin:0 auto 15px;}

.rooms .line {border-bottom:1px solid #a7a7a7; margin:50px 0;}
.rooms .group {display:flex;}
.rooms .image {width:50%; padding-right:14px;}
.rooms .image img {border-radius:15px;}
.rooms .cnt {width:50%; padding:18px 0 0 25px;}
.rooms .doc-tit {margin-bottom:12px;}
.rooms .table table {width:100%; border-collapse:collapse; border-spacing:0px; line-height:1.5em; border-top:1px solid #2488cc;}
.rooms .table table th {padding:9px 5px; border:1px solid #b6b6b6; background:#fffaee;}
.rooms .table table td {padding:9px 5px; text-align:center; border:1px solid #b6b6b6;}
.rooms .info {padding:15px 18px; border:1px solid #b6b6b6; line-height:1.5em;}
.rooms .thumbs {margin:34px 0 0 -11px;}
.rooms .thumbs .items {display:flex; flex-wrap:wrap; margin:-4px;}
.rooms .thumbs .items .item {width:25%; padding:4px;}
.rooms .thumbs .items .item img {border-radius:6px; cursor:pointer;}
.rooms .etc {margin-top:8px; font-size:.9em; color:#666; line-height:1.3em; letter-spacing:-.03em;}

/* 체험프로그램 */
.experience {border-top:1px solid #333;}
.experience .group {display:flex; padding:28px 0; border-bottom:1px solid #e0e0e0;}
.experience .img {width:272px; margin-right:35px;}
.experience .cnt {flex:1 1 auto; min-width:0; width:1%; padding-top:5px;}
.experience h3 {color:#00a19c; font-size:22px; line-height:1.3em; margin-bottom:10px;}
.experience p {line-height:1.625em; font-weight:300;}
.experience p.pri {color:#000; font-size:20px; font-weight:400; line-height:1.4em; margin-bottom:20px;}
.experience .table {margin-top:20px;}
.experience .table table {width:100%; border-collapse:collapse; border-spacing:0px;}
.experience .table th,
.experience .table td {padding:10px; border:1px solid #b6b6b6; line-height:1.5em; text-align:center;}
.experience .table thead th {background:#fffaee; color:#000; font-weight:500;}
.experience .table tbody th {background:#f8f8f8; color:#000; font-weight:500;}
.experience .table small {display:inline-block;}

/* 예약안내 */
.cost-top {display:flex; align-items:center; margin-bottom:66px; padding:35px 25px; border:1px solid #ddd; background:url("../images/sub/cost_top_bg.jpg") 100% 100% no-repeat;}
.cost-top .icon {width:140px; text-align:center;}
.cost-top .cnt {padding-left:40px; font-family:"NanumSquare",sans-serif; border-left:1px solid #ddd;}
.cost-top h3 {color:#00a19c; font-size:30px; line-height:1.4em;}
.cost-top p {color:#000; font-size:18px; line-height:1.667em;}

.cost-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #2488cc; font-weight:300; line-height:1.5em;}
.cost-table table th {height:54px; padding:10px; color:#000; font-weight:500; background:#fffaee; border:1px solid #b6b6b6; border-top:0;}
.cost-table table td {padding:10px; text-align:center; border:1px solid #b6b6b6; border-top:0;}
.cost-table table td.bg {background:#f9fff4}
.cost-table table tr th:first-child,
.cost-table table tr td:first-child {border-left:0;}
.cost-table table tr th:last-child,
.cost-table table tr td:last-child {border-right:0;}

.cost-info {margin:15px 0 0 20px; color:#ea4964; font-weight:300; line-height:1.66em;}

.reser-row {display:flex; margin:0 -20px 55px;}
.reser-col {flex:1; padding:0 20px;}

.reser-agree {border-top:1px solid #bfbfbf; text-align:center; font-weight:300; line-height:1.5em; padding-top:23px; margin-bottom:30px;}