@charset "utf-8";

@import url("common.css");
@import url("layout.css");

/* sub1 */
.sub-point {}
.sub-point .top-visual {position:relative; height:100%; background-repeat:no-repeat; background-position:center 0; background-size:cover;}
.sub-point .top-visual .title {position:absolute; bottom:0; left:0; width:100%; text-align:center; opacity:0; filter:alpha(opacity=0);}
.sub-point .top-visual .title p {margin-top:0px; color:#fff; font-size:14px; line-height:18px;}
.sub-point .top-visual .scroll-down {position:absolute; bottom:40px; left:50%; margin-left:-41px;}
.sub-point .gallery-box {position:relative; padding-top:140px;}
.sub-point .gallery-box .coment {position:absolute; top:70px; left:50%; margin-left:326px;}
.sub-point .gallery-list .slick-list {position:relative; overflow:hidden; cursor:move;}
.sub-point .gallery-list .slick-list .slick-track .slick-slide {float:left; height:100%; min-height:1px; padding:0 5px;}
.sub-point .con-box {padding-top:80px;}
.sub-point .con-box h3 {margin-bottom:80px; text-align:center;}
.sub-point .con-box p {color:#333; font-family:'nanumBold'; text-align:center;}
.sub-point .con-box .tit {padding:0 0 10px; font-size:25px; line-height:28px;}
.sub-point .con-box .tit span {padding-top:24px; display:inline-block; background:url("../images/tit_bg.png") no-repeat 19px 0;}
.sub-point .con-box .text01 {padding-bottom:50px; font-size:13px; line-height:18px;}
.sub-point .con-box .text02 {padding-bottom:20px; font-size:16px; line-height:24px;}
.sub-point .con-box .list01 {margin-bottom:50px; text-align:center;}
.sub-point .con-box .list01 li {display:inline-block; margin:0 20px;}
.sub-point .con-box .list01 li p {text-align:left;}
.sub-point .con-box .image01 {margin-bottom:30px; text-align:center;}


/* sub3 */
.sub-service {position:relative; width:100%; height:100%; background:#454545;}
.sub-service .service-bg li {position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sub-service .service-bg li + li {display:none;}
.sub-service .service-cate {position:absolute; top:50%; left:0; width:100%; margin-top:-360px; text-align:center;}
.sub-service .service-cate li a {display:inline-block; height:100px; padding-top:20px; color:#fff; font-family:'lato'; font-size:20px; line-height:40px;}
.sub-service .service-cate li a span {display:block; font-size:55px;}
.sub-service .service-cate li a.on {color:#bdc178;}

.service-dim {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:11;}

.service-con {position:fixed; top:0; right:-879px; width:879px; overflow-x:hidden; overflow-y:auto; background:#fff; box-shadow:0 0 30px 3px #000; z-index:12;}
.service-con > div {display:none;}
.service-con .btn-close {display:inline-block; position:fixed; top:0; right:-200px; padding:20px;}
.service-con h3 {height:150px; padding-top:200px; text-align:center;}
.service-con h4 {margin:15px 0 10px 20px; color:#2d2d2d; font-size:22px; line-height:26px;}
.service-con .image {margin-top:50px;}
.service-con .text01 {margin:0 0 20px 20px; color:#2d2d2d; font-size:22px; line-height:26px;}
.service-con .text02 {margin:0 0 10px 20px; color:#4c4c4c; font-size:14px; line-height:20px;}
.service-con .dl-list {padding:25px 0 0 20px; color:#2d2d2d;}
.service-con .dl-list dt {margin-bottom:5px; font-size:22px; line-height:26px;}
.service-con .dl-list dt span {display:inline-block; padding:0 10px; color:#fff; font-size:16px; line-height:26px; background:#4c4c4c;}
.service-con .dl-list dd {color:#4c4c4c; font-size:14px; line-height:20px;}
.service-con .btn-top {padding:30px 0; text-align:center;}


/* sub4 */
/*.bcd {background-image:url("../images/bcd.jpg");  background-repeat:no-repeat; background-size:100% auto;}*/
.sub-preview {padding-left:10%; background:url("../images/bcd.jpg") no-repeat center center; background-size:cover; overflow:hidden;}
.sub-preview > a {float:left; height:100%;}
.sub-preview .btn01 {width:17%;}
.sub-preview .btn02 {width:17%;}
.sub-preview .btn03 {width:18%;}
.sub-preview .btn04 {width:22%;}
.sub-preview .btn05 {width:26%;}


/* sub5 */
.sub-reservation {padding-top:30px;}
.sub-reservation .top-visual {height:400px; margin:0 20px; background-repeat:no-repeat; background-position:center 30px; background-attachment:fixed; text-align:center;}
.sub-reservation .top-visual h2 {padding:145px 0 20px 0; color:#fff; font-family:'lato'; font-size:55px; font-weight:normal; line-height:40px;}
.sub-reservation .top-visual h2 span {display:block; font-size:35px;}
.sub-reservation .top-visual .coment {color:#fff; font-family:'lato'; font-size:11px; line-height:15px;}
.sub-reservation .contents-box {width:1000px; margin:0 auto; padding:20px 0 50px;}
.sub-reservation .contents-box h3 {margin:30px 0 5px; color:#292929; font-size:18px; line-height:24px;}
.sub-reservation .contents-box .text01 {color:#777; font-size:13px; line-height:18px; padding:5px 0 0 0;}
.sub-reservation .contents-box .text01 .point-t01 {color:#c16328;}
.sub-reservation .contents-box .text01 .point-t02 {color:#d4895a; font-weight:bold;}
.sub-reservation .contents-box .text01 .point-t03 {color:#b71f7c; font-weight:bold;}
.sub-reservation .contents-box .box {width:150px; height:24px; line-height:26px; color:#333333; font-size:13px; border:1px solid #333333; text-align:center;}
.sub-reservation .tab {margin-top:30px; background:url("../images/sub6_line01.gif") repeat-x 0 bottom; text-align:center;}
.sub-reservation .tab li {display:inline-block; border:1px solid #a4a4a4;}
.sub-reservation .tab li a {display:block; width:110px; height:30px; line-height:30px; color:#2e2d2d; font-size:13px; text-align:center;}
.sub-reservation .tab li a.on {color:#fff; background:#2e2d2d;}

/* sub6 */
#wrap.tour {background:#e3e3e3 url("../images/sub6/tour1_bg.jpg") no-repeat center 0;}
.sub-tour .tour-top {height:620px; padding-top:181px; text-align:center;}
.sub-tour .tour-top h2 {height:194px;}
.sub-tour .tour-top ul li {display:inline-block; margin:0 13px;}
.sub-tour .tour-top ul li a {display:block; height:225px; overflow:hidden;}
.sub-tour .tour-top ul li a img {transition:all 350ms ease 0s;}
.sub-tour .tour-top ul li a:hover img {margin-top:-225px; transition:all 350ms ease 0s;}
.sub-tour .tour-con {width:1000px; margin:0 auto; padding:120px 0 100px 0; text-align:center;}
.sub-tour .tour-con h3 {padding-bottom:20px; color:#292929;  font-size:40px; line-height:54px; background:url("../images/sub6/tit_bar01.gif") no-repeat center bottom;}
.sub-tour .tab {margin-top:30px; background:url("../images/sub6_line01.gif") repeat-x 0 bottom; text-align:center;}
.sub-tour .tab li {display:inline-block; border:1px solid #a4a4a4;}
.sub-tour .tab li a {display:block; width:170px; height:38px; line-height:38px; color:#2e2d2d; font-size:15px; text-align:center;}
.sub-tour .tab li a.on {color:#fff; background:#2e2d2d;}
.sub-tour .tour-con h4 {padding-bottom:20px; color:#292929; font-size:40px; line-height:54px;}
.sub-tour .tour-con .text01 {color:#292929; font-size:14px; line-height:20px;}
.sub-tour .tour-con .rolling-box {position:relative; margin:50px 0 40px 0; overflow:hidden;}
.sub-tour .tour-con .rolling-box ul {overflow:hidden;}
.sub-tour .tour-con .rolling-box ul li {float:left; width:1000px;}
.sub-tour .tour-con .rolling-box > a {position:absolute; top:303px; z-index:2;}
.sub-tour .tour-con .rolling-box .btn-prev {left:20px;}
.sub-tour .tour-con .rolling-box .btn-next {right:20px;}

/* sub8 */
.sub8-board {padding-top:30px;}
.sub8-board .top-visual {height:400px; background-repeat:no-repeat; background-position:center 30px; background-attachment:fixed; text-align:center;}
.sub8-board .top-visual h2 {padding:145px 0 20px 0; color:#fff; font-family:'lato'; font-size:55px; font-weight:normal; line-height:40px;}
.sub8-board .top-visual h2 span {display:block; font-size:35px;}
.sub8-board .top-visual .coment {color:#fff; font-family:'lato'; font-size:11px; line-height:15px;}
.sub8-board .board-box {width:1000px; margin:0 auto; padding-top:30px;}
.sub8-board .tab {margin-top:30px; background:url("../images/sub6_line01.gif") repeat-x 0 bottom; text-align:center;}
.sub8-board .tab li {display:inline-block; border:1px solid #a4a4a4;}
.sub8-board .tab li a {display:block; width:110px; height:30px; line-height:30px; color:#2e2d2d; font-size:13px; text-align:center;}
.sub8-board .tab li a.on {color:#fff; background:#2e2d2d;}

/* data */
.data-tb {width:100%; text-align:center;}
.data-tb th,
.data-tb td {padding:15px 0 15px 0; border:1px solid #ccc; color:#919191; font-size:13px; line-height:16px;}
.data-tb th {background:#f5f5f5;}
.data-tb td.peak {color:#1f568f;}
.data-tb td.peak2 {color:#d13a53;}
.data-tb02 {width:550px; border-top:2px solid #6f6f6f; border-bottom:2px solid #6f6f6f; text-align:center;}
.data-tb02 th {padding:4px 0 3px 0; border:1px solid #d1d1d1; border-right:none; color:#666; font-size:12px; line-height:16px;}
.data-tb02 .t01 th {color:#444; font-size:13px;}
.data-tb02 td {padding:10px 0 8px 0; border:1px solid #d1d1d1; border-right:none; color:#333; font-size:13px; line-height:16px;}
.data-tb02 td.weekend {color:#ae1111;}
.data-tb02 td .point { font-weight:bold;}
.data-tb02 th:first-child,
.data-tb02 td:first-child {border-left:none;}
.data-tb02 th.bor-lef {border-left:1px solid #d1d1d1;}

/* room */
#roomWrap {
	background-color:#2f271e;
	background-repeat:no-repeat; 
	background-position:center 0; 
	background-attachment:fixed;
	padding-bottom:45px;
}
#roomWrap.room1 {background-image:url("../images/sub4_room1_bg.jpg");}
#roomWrap.room2 {background-image:url("../images/sub4_room2_bg.jpg");}
#roomWrap.room3 {background-image:url("../images/sub4_room3_bg.jpg");}
#roomWrap.room4 {background-image:url("../images/sub4_room4_bg.jpg");}
#roomWrap.room5 {background-image:url("../images/sub4_room5_bg.jpg");}
#roomWrap .btn-top {position:fixed; bottom:25px; right:25px;}
#roomWrap .room-close {position:fixed; top:0; right:0;}
.room-title {height:484px; padding-top:231px; text-align:center;}
.room-body {position:relative; width:1200px; margin:0 auto;}
.room-lnb {position:absolute; top:715px; left:0; width:94px; z-index:2;}
.room-lnb a {display:block; position:relative;}
.room-lnb a span {display:block; position:absolute; bottom:8px; left:0; width:100%; opacity:100; filter:alpha(opacity=0); text-align:center;}
.room-lnb a:hover span {opacity:1; filter:alpha(opacity=100); transition:all 350ms ease 0s;}
.room-contents {padding-bottom:50px; background:#fff;}
.room-contents .title {height:185px; padding-top:64px; text-align:center;}
.room-contents .room-point {position:relative; padding:33px 55px 45px 363px;}
.room-contents .room-point .tit {position:absolute; top:-65px; left:139px;}
.room-contents .room-point .text01 {}
.room-contents .room-point .text02 {color:#000; font-size:13px; line-height:22px;}
.room-contents .room-point .stit01 {margin:25px 0 5px; color:#000; font-size:16px; line-height:22px;}
.room-contents .room-point .list01 {margin-top:10px;}
.room-contents .room-point .list01 li {color:#765716; font-size:13px; line-height:20px;}
.room-contents .room-point .btn01 {margin:5px 0 0 0;}
.room-contents .detail {padding:0px 0px 0; border-top:4px solid #000;}
.room-contents .detail img {width:100%;}

#naverMap {width:900px; height:523px; padding:0 0 105px 0;}