/* 공통페이지  */
.boxmgb {margin-bottom:70px;}
.boxmgb h5 {padding:30px 0px 15px;}

/* 서브페이지 */
.story {width:100%; background:#f3f3f3;}
.story .boxwrap-1 {margin-top:100px; overflow:hidden;}
.story .boxwrap-1 .boxLeft .boxwrap {background-color:#fff; padding:65px 45px 104px 50px;}
.story .boxwrap-1 .boxLeft .boxwrap h5 {font-size:28px; color:#409747; line-height:1.7; font-weight:500;}
.story .boxwrap-1 .boxLeft .boxwrap p {color:#999; font-weight:500; line-height:2.4; margin-top:20px; word-break:keep-all;}
.story .boxwrap-2 {margin-top:200px; overflow:hidden;}
.story .boxwrap-2 .boxLeft {overflow:hidden;}
.story .boxwrap-2 .boxRight .boxwrap {background-color:#fff; padding:65px 45px 65px 50px;}
.story .boxwrap-2 .boxRight .boxwrap h5 {font-size:28px; color:#409747; line-height:1.7; font-weight:500;}
.story .boxwrap-2 .boxRight .boxwrap p {color:#999; font-weight:500; line-height:2.4; margin-top:20px; word-break:keep-all;}
.story .boxwrap-3 {margin-top:200px; overflow:hidden; position:relative; z-index:1;}
.story .boxwrap-3 .boxwrap {width:40%; background-color:#fff; padding:65px 45px 60px 50px;}
.story .boxwrap-3 .boxwrap h5 {font-size:28px; color:#409747; line-height:1.7; font-weight:500;}
.story .boxwrap-3 .boxwrap p {color:#999; font-weight:500; line-height:2.4; margin-top:20px;}
.story .boxwrap-4 {margin-top:-150px; position:relative; z-index:0;}
.story .boxwrap-5 {margin-top:-50px; overflow:hidden;  position:relative; z-index:1;}
.story .boxwrap-5 .boxwrap {width:40%; float:right; background-color:#fff; padding:65px 45px 60px 50px;}
.story .boxwrap-5 .boxwrap h5 {font-size:28px; color:#409747; line-height:1.7; font-weight:500;}
.story .boxwrap-5 .boxwrap p {color:#999; font-weight:500; line-height:2.4; margin-top:20px;}

.contact {margin-bottom:150px;}
.contact .mapwrap #map {width:100%; height:550px;}
.contact .boxwrap-1 {padding-top:100px; padding-bottom:45px; border-bottom:1px solid #dedede;}
.contact .boxwrap-1 .box1-L h5 {line-height:1.6;}
.contact .boxwrap-1 .box1-R h6 {margin-bottom:15px;}
.contact .boxwrap-1 .box1-R p {margin-bottom:25px; color:#666;}

/* KAKAO MAP GRAYSCALE */
.contact .mapwrap #map > div > div > div:not(:last-child) {
    filter: grayscale(100%);
    /* -webkit-filter: grayscale(100%); */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

.contact .boxwrap-2 {padding-top:100px;}
.contact .boxwrap-2 .box2-L h5 {line-height:1.6;}
.contact .boxwrap-2 .box2-R h6 {margin-bottom:15px;}
.contact .boxwrap-2 .box2-R p {color:#666; line-height:2.2;}
.contact .boxwrap-2 .box2-R .transit {margin-top:30px; border-bottom:1px solid #dedede; padding-bottom:70px;}
.contact .boxwrap-2 .box2-R .transit span {position:relative; font-size:14px; margin-right:10px;}
.contact .boxwrap-2 .box2-R .subway1 {padding-left:40px;}
.contact .boxwrap-2 .box2-R .subway1:after {content: ''; display: block; position:absolute; top:-4px; left:0; background:url('../image/subwayline1.png') no-repeat; width:30px; height:30px;}
.contact .boxwrap-2 .box2-R .train {padding-left:70px;}
.contact .boxwrap-2 .box2-R .train:after {content: ''; display: block; position:absolute; top:-4px; left:0; background:url('../image/train.png') no-repeat; width:63px; height:30px;}
.contact .boxwrap-2 .box2-R .busgreen {padding-left:55px;}
.contact .boxwrap-2 .box2-R .busgreen:after {content: ''; display: block; position:absolute; top:-4px; left:0; background:url('../image/busgreen.png') no-repeat; width:45px; height:30px;}

.contact .boxwrap-3 {padding-top:70px; overflow:hidden;}
.contact .boxwrap-3 .box3-R h6 {margin-bottom:15px;}
.contact .boxwrap-3 .box3-R p {color:#666; line-height:2.2;}
.contact .boxwrap-3 .box3-R .transit {margin-top:30px; border-bottom:1px solid #dedede; padding-bottom:70px;}
.contact .boxwrap-3 .box3-R .transit span {position:relative; font-size:14px; margin-right:10px;}
.contact .boxwrap-3 .box3-R .train {padding-left:70px;}
.contact .boxwrap-3 .box3-R .train:after {content: ''; display: block; position:absolute; top:-4px; left:0; background:url('../image/train.png') no-repeat; width:63px; height:30px;}
.contact .boxwrap-3 .box3-R .busgreen {padding-left:55px;}
.contact .boxwrap-3 .box3-R .busgreen:after {content: ''; display: block; position:absolute; top:-4px; left:0; background:url('../image/busgreen.png') no-repeat; width:45px; height:30px;}

.contact .boxwrap-4 {padding-top:70px;}
.contact .boxwrap-4 .box4-R h6 {margin-bottom:15px;}
.contact .boxwrap-4 .box4-R p {color:#666; line-height:2.2;}
.contact .boxwrap-4 .box4-R p span {display:block; color:#000;}
.contact .boxwrap-4 .box4-R .box4-R-disc1 {margin-bottom:15px;}
.contact .boxwrap-4 .box4-R .box4-R-disc2 {border-bottom:1px solid #dedede; padding-bottom:60px;}

.contact .boxwrap-5 .box5-R .transitbox {padding-top:50px;}
.contact .boxwrap-5 .box5-R .transitbox .location_distance_inner {width:48%; float:left;}
.contact .boxwrap-5 .box5-R .transitbox .location_distance_inner:first-child {margin-right:4%;}
.contact .boxwrap-5 .box5-R .transitbox .location_distance_inner .figure {float:left; padding-right:15px;}
.contact .boxwrap-5 .box5-R .transitbox .location_distance_inner .location_distance_info {float:left;}
.contact .boxwrap-5 .box5-R .transitbox .location_distance_info span {font-family: 'EB Garamond', serif; font-size:42px; line-height:1.4;}

.allview {color:#fff; overflow:hidden;}
.allview .allviewWrap {width:100%; height:100%; background-color:red; position:absolute;}
.allview .allview-box-01 {margin-bottom:100px; overflow:hidden;}
.allview .allview-box-01 .owl-text {position:absolute; top:0; left:16.4%; width:16.7%; height:100%; background-color:#fff; padding:30px; color:#333;}
.allview .allview-box-01 .owl-text h5 {font-size:42px; font-weight:500; margin-bottom:25px;}
.allview .allview-box-01 .owl-text p {font-family:'Noto Sans KR', sans-serif; font-size:14px; word-break:keep-all; color:#999;}
.allview .allview-box-01 .owl-nav {position:absolute; top:50%; left:18%; z-index:1;}
.allview .allview-box-01 .owl-nav .allview-btn-left, .allview .allview-box-01 .owl-nav .allview-btn-right {background-color:#cbcbcb; padding:10px; transition:0.5s;}
.allview .allview-box-01 .owl-nav .allview-btn-left:hover, .allview .allview-box-01 .owl-nav .allview-btn-right:hover {background-color:#999;}
.allview-box-wrap {overflow:hidden;}
.allview-box-img-half {width:50%; float:left; padding:5px; overflow:hidden;}
.allview-box-img {padding:5px; float:left; overflow:hidden;}

.allview .allview-box-02 {background:url(../image/allview-bg.jpg)no-repeat center center; background-size:cover;}
.allview .allview-box-02 .bgmask {width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.allview .allview-box-02 .bgmask h3 {font-size:36px; font-weight:500; line-height:1.6; margin-top:110px; margin-bottom:60px;}
.allview .allview-box-02 .bgmask .row {margin-bottom:60px;}
.allview h6 {font-size:16px; font-weight:600; padding-bottom:10px; padding-left:55px;}
.allview .ehy-facility1:nth-child(1) {background:url(../image/ehy-facility-01.png)no-repeat;}
.allview .ehy-facility1:nth-child(2) {background:url(../image/ehy-facility-02.png)no-repeat;}
.allview .ehy-facility1:nth-child(3) {background:url(../image/ehy-facility-03.png)no-repeat;}
.allview .ehy-facility1:nth-child(4) {background:url(../image/ehy-facility-04.png)no-repeat;}
.allview .ehy-facility2:nth-child(1) {background:url(../image/ehy-facility-05.png)no-repeat;}
.allview .ehy-facility2:nth-child(2) {background:url(../image/ehy-facility-06.png)no-repeat;}
.allview .ehy-facility2:nth-child(3) {background:url(../image/ehy-facility-07.png)no-repeat;}
.allview .desc {font-weight:500; padding-bottom:25px; padding-left:55px; line-height:2; word-break:keep-all;}

.price {margin-bottom:150px;}
.price h5 {font-size:20px; font-weight:600; margin-bottom:20px;}
.price table {color:#666;}
.price table .ver-middle {vertical-align:middle;}
.price table>thead {background-color:#dedede; color:#000;}
.price table>thead>tr>td {width:25%; line-height:2.8; font-weight:600; padding-left:20px;}
.price table>tbody>tr>td {line-height:2.8; padding-left:20px;}
.price table>tbody {border-bottom:1px solid #dedede;}
.price p {font-size:14px; color:#666; margin-top:15px; padding-left:20px;}
.price .price-box-02 {margin-top:65px;}
.price .price-tit {font-weight:500; color:#000;}

.info {margin-bottom:150px;}
.info .info-box-01 p:last-child {border-bottom:1px solid #dedede;}
.info .info-box-01 p {padding-top:58px; padding-bottom:58px; border-top:1px solid #dedede; font-weight:500; text-align:center;}
.info .info-box-01 p .info-img {padding-right:20px;}
.info .info-box-01 p span {color:#000; padding-left:30px;}

.lodging, .public, .outside, .tour {margin-bottom:70px;}
.bodyWrap {margin-bottom:150px;}

.story .boxwrap-4 #story-bottom-slider .carousel-inner .item {height:750px;}

@media screen and (max-width: 1800px) {
.allview .allview-box-01 .owl-nav {top:55%;}
}

@media screen and (max-width: 1700px) {
.allview .allview-box-01 .owl-nav {top:60%;}
}
@media screen and (max-width: 1600px) {
.allview .allview-box-01 .owl-nav {top:70%;}
}
@media screen and (max-width: 1500px) {
.allview .allview-box-01 .owl-nav {top:80%;}
}
@media screen and (max-width: 1399px) {
.allview .allview-box-01 .owl-nav {}
.allview .allview-box-01 .owl-text {position:absolute; top:0; left:24.5%; width:25.5%; height:100%; background-color:#fff; padding:50px 30px 30px; line-height:2.2; color:#333;}
.allview .allview-box-01 .owl-text h5 {font-size:42px; font-weight:600; margin-bottom:25px;}
.allview .allview-box-01 .owl-text p {font-family:'Noto Sans KR', sans-serif; font-size:14px; word-break:keep-all; color:#999;}
.allview .allview-box-01 .owl-nav {position:absolute; top:50%; left:26.5%; z-index:1;}
}

@media screen and (max-width: 1299px) {
.allview .allview-box-01 .owl-nav {top:60%;}
}

@media screen and (max-width: 1199px) {
.allview .allview-box-01 .owl-nav {top:70%;}
}

@media screen and (max-width: 1099px) {
.allview .allview-box-01 .owl-nav {top:80%;}
}

@media screen and (max-width: 991px) {
.allview .allview-box-01 .owl-text {display:none;}
.allview .allview-box-01 .owl-nav {position:absolute; top:45%; left:0%; z-index:1; width:100%;}
.allview .allview-box-01 .owl-nav .allview-btn-right {position:absolute; top:0; right:0px;}
}

@media screen and (max-width: 767px) {

.bodyWrap {margin-bottom:30px;}

.story .boxwrap-1 {margin-top:30px;}
.story .boxwrap-1 .boxLeft .boxwrap {padding:30px 30px 30px 30px;}
.story .boxwrap-1 .boxLeft .boxwrap h5 {font-size:18px;}
.story .boxwrap-1 .boxLeft .boxwrap p {font-size:14px; font-weight:400; line-height:2; margin-top:10px;}
.story .boxwrap-1 .boxRight .mgb-30 {margin-bottom:10px;}
.story .boxwrap-1 .boxRight .col-sm-6 {margin-bottom:10px;}

.story .boxwrap-2 {margin-top:0px;}
.story .boxwrap-2 .boxLeft .col-sm-6 {margin-bottom:10px;}
.story .boxwrap-2 .boxRight .boxwrap {padding:30px 30px 30px 30px;}
.story .boxwrap-2 .boxRight .boxwrap h5 {font-size:18px;}
.story .boxwrap-2 .boxRight .boxwrap p {font-size:14px; font-weight:400; line-height:2; margin-top:10px;}
.story .boxwrap-3 {margin-top:30px;}

.story .boxwrap-3 .boxwrap {width:100%; padding:30px 30px 30px 30px;}
.story .boxwrap-3 .boxwrap h5 {font-size:18px;}
.story .boxwrap-3 .boxwrap p {font-size:14px; font-weight:400; line-height:2; margin-top:10px;}
.story .boxwrap-4 {margin-top:30px; margin-bottom:30px;}
.story .boxwrap-4 #story-bottom-slider .carousel-inner .item {height:200px;}

.story .boxwrap-5 {margin-top:0px;}
.story .boxwrap-5 .boxwrap {width:100%; float:right; padding:30px 30px 30px 30px;}
.story .boxwrap-5 .boxwrap h5 {font-size:18px;}
.story .boxwrap-5 .boxwrap p {font-size:14px; font-weight:400; line-height:2; margin-top:10px;}

.contact {margin-bottom:30px; font-size:14px;}
.contact .mapwrap #map {width:100%; height:300px;}
.contact .boxwrap-1 {padding-top:40px; padding-bottom:20px;}
.contact .boxwrap-1 .box1-L h5 {margin-bottom:20px; font-size:18px;}
.contact .boxwrap-1 .box1-R h6 {margin-bottom:5px; font-size:14px;}
.contact .boxwrap-1 .box1-R p {margin-bottom:15px;}

.contact .boxwrap-2 {padding-top:35px;}
.contact .boxwrap-2 .box2-L h5 {margin-bottom:30px; font-size:18px;}
.contact .boxwrap-2 .box2-R h6 {margin-bottom:5px; font-size:14px;}
.contact .boxwrap-2 .box2-R .transit {margin-top:20px; padding-bottom:30px;}
.contact .boxwrap-2 .box2-R .transit span {margin-right:4px;}
.contact .boxwrap-2 .box2-R .subway1 {padding-left:35px;}
.contact .boxwrap-2 .box2-R .subway1:after {top:-5px;}
.contact .boxwrap-2 .box2-R .train {padding-left:70px;}
.contact .boxwrap-2 .box2-R .train:after {top:-5px;}
.contact .boxwrap-2 .box2-R .busgreen {padding-left:55px;}
.contact .boxwrap-2 .box2-R .busgreen:after {top:-5px;}

.contact .boxwrap-3 {padding-top:35px;}
.contact .boxwrap-3 .box3-R h6 {margin-bottom:5px; font-size:14px;}
.contact .boxwrap-3 .box3-R .transit {margin-top:30px; padding-bottom:30px;}
.contact .boxwrap-3 .box3-R .transit span {margin-right:10px;}
.contact .boxwrap-3 .box3-R .train {padding-left:70px;}
.contact .boxwrap-3 .box3-R .train:after {top:-5px;}
.contact .boxwrap-3 .box3-R .busgreen {padding-left:55px;}
.contact .boxwrap-3 .box3-R .busgreen:after {top:-5px;}

.contact .boxwrap-4 {padding-top:35px;}
.contact .boxwrap-4 .box4-R h6 {margin-bottom:5px; font-size:14px;}
.contact .boxwrap-4 .box4-R .box4-R-disc1 {margin-bottom:15px;}
.contact .boxwrap-4 .box4-R .box4-R-disc2 {padding-bottom:30px;}

.contact .boxwrap-5 .box5-R .transitbox {padding-top:30px;}
.contact .boxwrap-5 .box5-R .transitbox .location_distance_inner .figure {float:none; text-align:center; padding-right:0px;}
.contact .boxwrap-5 .box5-R .transitbox .location_distance_inner .location_distance_info {float:none; text-align:center;}
.contact .boxwrap-5 .box5-R .transitbox .location_distance_info span {font-family: 'EB Garamond', serif; font-size:30px; line-height:1.4;}

.allview .allview-box-01 {margin-bottom:30px;}
.allview .allview-box-02 .bgmask h3 {font-size:20px; font-weight:500; line-height:1.6; margin-top:40px; margin-bottom:30px;}
.allview .allview-box-02 .bgmask .row {margin-bottom:30px;}
.allview h6 {font-size:14px; font-weight:400; padding-bottom:10px; padding-left:45px;}
.allview .desc {font-weight:400; font-size:13px; padding-bottom:25px; padding-left:45px; line-height:2; word-break:keep-all;}

.lodging h5, .public h5, .outside h5, .tour h5 {margin-bottom:0px;}

.boxmgb {margin-bottom:30px;}
.boxmgb h5 {font-size:18px; padding:30px 0px 15px;}
.boxmgb p {font-size:14px;}

.price {font-size:14px;}
.price h5 {font-size:16px;}

.price table>thead>tr>td {width:25%; line-height:1.8; font-weight:600; padding-left:20px;}
.price table>tbody>tr>td {line-height:1.8;}
.price p {font-size:12px; margin-top:0px; padding-left:0px;}
.price .price-box-02 {margin-top:35px;}

.info {}
.info .info-box-01 p {font-size:14px; padding-left:0px; padding-top:38px; padding-bottom:38px;}
.info .info-box-01 p .info-img {padding-right:0px; padding-bottom:15px; display:block;}
.info .info-box-01 p .info-img img {width:10%;}
.info .info-box-01 p span {padding-left:0px;}
}