.subTitle {position: absolute; width: 321px;  height: 321px; left: 50%; top: 50%; margin: -160px 0 0 -160px; background: url(/web/images/about/subTitle_line.png) no-repeat; z-index: 600;}
.subTitle h2 {  position: absolute;  right: 40px;  bottom: 132px; text-align: right; color: #fff; font-weight: 400; -webkit-text-shadow: 2px 2px rgba(0, 0, 0, 0.3); -moz-text-shadow: 2px 2px rgba(0, 0, 0, 0.3); text-shadow: 2px 2px rgba(0, 0, 0, 0.3);}
.subTitle h2 .title01 {display: block; font-family: 'Roboto Condensed', sans-serif; font-size: 26px; line-height: 1.3em;  text-transform: uppercase; padding-right: 40px;}
.subTitle h2 .title02 {display: block; font-family: 'Libre Baskerville', serif;  font-size: 5em; line-height: 0.7em;  letter-spacing: -0.01em; padding-right: 15px; font-weight:bold; }


/* 어바웃 */
#subCon {position:relative;padding-bottom:80px;z-index:5;}
.btn_more {display:inline-block;font-family: 'Roboto', sans-serif;font-size:12px;font-weight:700;letter-spacing:0.3em;line-height:30px;color:#454545;text-align:center;text-transform:uppercase;padding:5px 50px;border:2px solid #454545;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.btn_more:hover, .btn_more:hover { margin:0 15px;}
.aboutArea { position:relative; width:98%; width:calc(100% - 40px); min-height:100vh; margin:0 auto; background:url(../images/about/conBg01.jpg) center top no-repeat; background-position:100% auto;  }
.aboutArea01 {  position:absolute; width:35%; left:30px; top:150px; z-index:2;}
.aboutArea01 dt, .mapArea01 dt .title02 { margin-bottom:5px !important;}
.aboutArea02 { width:90%; max-width:1640px; padding:5% 0 0; margin:0 auto; }
.aboutArea02 img { vertical-align:top;}
.aboutCon01 { position:relative; width:82%; margin-left:22%; margin-bottom:5%; margin-top: 50px; }
.aboutCon0101 { position:relative; width:70.6%; margin-left:20.4%; z-index:1;}
.aboutCon0102 { position:absolute; width:13.2%; left:23%; top:35%; z-index:2;transform: rotate(-8deg);}
.conTitle { margin-top: 130px; margin-left:100px; }
.conTitle dt {padding-left:190px; margin-bottom:30px; background:url(/web/images/about/subTitle_line.png) left 30px no-repeat; background-size:42px 2px;}
.conTitle dt .title01 { display:block;font-family: 'Libre Baskerville', serif; font-size:60px; color:#454545; line-height:1em;  letter-spacing:-0.01em; margin-bottom:30px;}
.conTitle dt .title02 { display:block;display:block; font-size:20px; line-height:1.2em; color:#2988d1; text-transform:uppercase;margin-bottom:30px;}
.conTitle dt .title03 { display:block; font-size:17px; line-height:1.2em; color:#404040; margin-bottom:30px;}
.conTitle dt .title_line { display:block; width:30px; height:2px; background:#000; }
.conTitle dd {padding-left:190px;}
.conTitle dd div { font-size:17px; line-height:1.2em; color:#404040; margin-bottom:20px;}
.aboutCon02 { position:relative; width:61%; margin-bottom:5%; }
.aboutCon0201 { position:relative; width:70.6%; margin-top:7%; z-index:1;}
.aboutCon0202 { position:absolute; width:37.2%; right: -7%; top:13%; z-index:2;}
.aboutCon0202s { position:absolute; width:37.2%; right: -7%; top:57%; z-index:2;}
.aboutCon0203 { position:absolute; width:50%; right:-70%; top:25%; padding-left:19%;}
.aboutCon0203 dt {}
.aboutCon0203 dt .title_line { display:block; width:60px; height:2px; background:#2988d1; margin-bottom:20px;}
.aboutCon0203 dt .title01 {display:block; font-size:20px; line-height:1.2em; color:#2988d1; text-transform:uppercase;margin-bottom:20px;}
.aboutCon0203 dt .title02 {display:block; font-size:17px; line-height:1.2em; color:#404040; margin-bottom:30px;}
.aboutCon0203 dd { font-size:13px; line-height:1.5em;}
.aboutCon0203 dd div { margin-bottom:30px;}
#ab {position:absolute;margin: 0 auto;left: 0%;bottom:-62%;}
#ad {position: absolute;top: 20%; right: 45%;    color: #a9a9a9;font-size: 12px; line-height: 20px; padding-top: 15px;  font-weight: 300;}


/* 객실 미리보기 */
.topArea .lightSlider li {height:100vh; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.lightSlider li img { width:100%; vertical-align:top;}


.roomPre { width:100% !important; width:calc(100% - 40px); height:100vh; overflow:hidden; margin:0 auto; background:url(/web/images/room/roomPre_bg.jpg.jpg)  no-repeat; background-position:cover;}
.roomPre:after {content:"";display:block;clear:both;}
.roomPre01 { float:left; /*width:47%; */ padding:10% 0 0 30px;}
.roomPre01 dt {padding-left:120px;margin-bottom:30px;background:url(../) 70px 30px no-repeat;background-size:42px 2px;}
.roomPre01 dd {padding-left:120px;}
.roomPre01 dt .title01 { display:block;font-family: 'Libre Baskerville', serif; font-size:60px; color:#454545; line-height:1em;  letter-spacing:-0.01em; margin-bottom:30px;}
.roomPre01 dt .title02 { display:block;display:block; font-size:30px; line-height:1.2em; color:#2988d1; text-transform:uppercase;margin-bottom:30px;}
.roomPre01 dd div {font-size:20px;font-weight:900;line-height:1.2em;color:#404040;margin-bottom:20px;}

.roomPre02 { position:none !important; float:left; /*width:52%;*/}
.slick-list { position:none !important;}
.roomPre02 .roomPre_list .slick-slide { width:100% !important;margin-bottom:3px; margin-left:35%; opacity:0.3;  filter: alpha(opacity=30;); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.slick-slide img { width:100%; vertical-align:top}
.roomPre02 .roomPre_list .slick-slide.slick-active { opacity:1;  filter: alpha(opacity=100;);}
.roomPre .slick-arrow { position:absolute; display:block; width:20px; height:30px; right:2%; top:50%;  background:url(./); border:none;font-size:0; line-height:0; color:#fff; cursor:pointer; z-index:5; }
.roomPre .slick-arrow.slick-prev { margin-top:-30px;}
.roomPre .slick-arrow.slick-next { margin-top:30px;background-position:0 -30px;}
.slider_nav {position: absolute; width:798px; height:33px; left:24%; bottom:130px; margin-left:-400px; /*border:1px solid #000;*/  z-index:5;}
.slider_nav .slick-list { padding-left:1px; width:800px;}
.slider_nav .slick-slide { width:25% !important; margin-left:-1px; cursor:pointer; float: left !important;}
.slider_nav .slick-slide p { text-align:center; padding:0 5px; border:1px solid #000;font-family: 'Roboto', sans-serif; letter-spacing:0.1em; line-height:30px; color:#000; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.slider_nav .slick-slide.slick-active.slick-current p { background:#316ec8; color:#fff;}


/* 스페셜 미리보기 */
.btn_view {padding:0 12px 0 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.btn_view img { vertical-align:top; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn_view:hover, .btn_view:focus { padding:0 0 0 12px;}

.fp-tableCell { height: 50px;}
.special_swimming .section { width: 100%; height: 100%; overflow: hidden; }
.special_swimming .section .back_img { position: relative; float: left;  width: 70%;  height: 100%;}

.special_swimming #section1 .back_img { background: url(/web/images/sp/01.jpg) no-repeat center center; background-size: cover; }
.special_swimming #section2 .back_img { background: url(/web/images/sp/02.jpg) no-repeat center center; background-size: cover; }
.special_swimming #section3 .back_img { background: url(/web/images/sp/03.jpg) no-repeat center center; background-size: cover; }
.special_swimming #section4 .back_img { background: url(/web/images/sp/04.jpg) no-repeat center center; background-size: cover; }

.special_swimming .section .back_img .special_ttl {position: absolute; top: 50%; right: 3%;}
.special_swimming .section .bg {float: left; width: 30%; height: 100%; position: relative; top: 0; right: 0; }
.special_swimming #section1 .bg { background: #dbc08e;}
.special_swimming #section2 .bg { background: #83ace0;}
.special_swimming #section3 .bg { background: #5580dd;}
.special_swimming #section4 .bg { background: #79c6ec;}

.special_swimming .section .bg>.notice { position: absolute; top: 45%; left: 11%; }
.special_swimming .section .bg>.notice h3 { font-size: 40px; font-weight: bold; color: #fff;}
.special_swimming .section .bg>.notice p { font-size: 13px; padding: 20px 0;  line-height: 1.5em;  color: #fff; }
.special_swimming #section0 .bg>.notice h3 {color: #000;}
.special_swimming #section0 .bg>.notice p { color: #000; }
.btn_detail {  position: fixed;  bottom: 60px;  left: 50%;   margin-left: -46px; z-index: 200; }
.subTitle .btn_scroll:hover, .subTitle .btn_scroll:focus {bottom: 7px; }


/* 투어 */
.tour_pr .section {width:100%;height:100%;overflow:hidden;}
.tour_pr .section .back_img {position:relative;float:left;width:70%;height:100%;}

.tour_pr #tour00 .back_img {background:url(/web/images/tour/tr1.jpg) no-repeat center center;background-size: cover;}
.tour_pr #tour2 .back_img {background:url(/web/images/tour/tr2.jpg) no-repeat center center;background-size: cover;}
.tour_pr #tour33 .back_img {background:url(/web/images/tour/tr3.jpg) no-repeat center center;background-size: cover;}
.tour_pr #tour4 .back_img {background:url(/web/images/tour/tr4.jpg) no-repeat center center;background-size: cover;}
.tour_pr #tour5 .back_img {background:url(/web/images/tour/tr5.jpg) no-repeat center center;background-size: cover;}
.tour_pr #tour6 .back_img {background:url(/web/images/tour/tr6.jpg) no-repeat center center;background-size: cover;}
.tour_pr #tour7 .back_img {background:url(/web/images/tour/tr7.jpg) no-repeat center center;background-size: cover;}
.tour_pr #tour8 .back_img {background:url(/web/images/tour/tr8.jpg) no-repeat center center;background-size: cover;}
    
.tour_pr .section .back_img .special_ttl {position:absolute;top:50%;right:3%;}
.tour_pr .section .bg {float:left;width:30%;height:100%;position:relative;top:0;right:0;}

.tour_pr #tour00 .bg {background:#215eac;}
.tour_pr #tour2 .bg {background:#7496c7;}
.tour_pr #tour33 .bg {background:#81b95f;}
.tour_pr #tour4 .bg {background:#82889e;}
.tour_pr #tour5 .bg {background:#cb9b76;}
.tour_pr #tour6 .bg {background:#2a5764;}
.tour_pr #tour7 .bg {background:#7c989a;}
.tour_pr #tour8 .bg {background:#668dbd;}
.tour_pr .section .bg > .notice {position:absolute;top:45%;left:11%;}
.tour_pr .section .bg > .notice h3 {font-size:40px;font-weight:bold;color:#fff;}
.tour_pr .section .bg > .notice p {font-size:13px;padding:20px 0;line-height:1.5em;color:#fff;}
.tour_pr #tour0 .bg > .notice h3 {color:#fff;}
.tour_pr #tour0 .bg > .notice p {color:#fff;}
.btn_detail {position:fixed;bottom:60px;left:50%;margin-left:-46px;z-index:200;}



/* 예약안내 */
.subTitle .btn_scroll:hover, .subTitle .btn_scroll:focus { bottom:7px;}
#revCon { position:relative; padding:1% 0 0% 0; z-index:5; width:75%; margin:auto;}

.top_bg { width: 90%; height: 600px;  position: fixed; left: 4%; margin-top: -25%; z-index: 250; }
.top_bg>img { width: 98%; height: 600px;}
		
.reserArea { position:relative; width:98%; width:calc(100% - 4px); overflow:hidden; margin:0 auto;  background-color: #fff; background:url(/web/images/room/roomPre_bg1.jpg) center top no-repeat; background-position:100% auto; }
.reser01 .reserArea {height:232vh !important;  margin-top:8%; }
.reserArea01 {position:absolute; width:35%; left:120px; top:100px;}
.reserArea01 dd strong { font-size:1.1em; line-height:1.6em; color:#333;}
.reser01 .reserArea02 { float:left; width:70%; height:40vw; margin-left:15%; padding-top:2%; }
.reserArea02 .mCSB_container { width:100%;}
.reserArea02 dl { position:relative; margin-bottom:10px;  }
.reserArea02 dl dt { position:relative; padding:60px 0 16px 42px; margin-bottom:20px; font-size:17px; line-height:1.5em; color:#000; font-weight:700; background:url(/web/images/reser_titleBg1.png) left top no-repeat;z-index:2;  }
.reserArea02 dl dd { position:relative; padding-left:32px; font-size:13px; line-height:1.8em; z-index:1; font-weight:500; color: #000; }
.reser_img { width:100%; vertical-align:top; margin:-90px 0 30px;}


.priceTable { width:100%; border-collapse:collapse; border-top:1px solid #aaa; margin-bottom:3%;}
.priceTable th { padding:10px 5px; text-align:center; border-bottom:1px solid #aaa; font-weight:normal; }
.priceTable td { padding:10px 2px; text-align:center; border-bottom:1px solid #ccc; line-height:1.5em;}
.priceTable td:first-child { background:none;}
.priceTable tbody tr:hover { cursor:pointer; background:#313131; color:#fff;}
.priceTable tbody tr:hover td { cursor:pointer;  background:#313131; color:#fff;}
.priceTable .line { background:url(../images/sub/table_line.png) left center no-repeat; background-size:1px 16px;}
.priceTable th.line { background-size:1px 14px;}


.cancelTable { width:100%; border-collapse:collapse; margin:10px auto 20px auto; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color: #fff; }
.cancelTable th, .cancelTable td { color:#666; padding:8px 0px; text-align:center; border-top:1px solid #ddd; border-left:1px solid #ddd; }
.cancelTable th { font-size:12px; color:#666; font-weight:bold; background-color:#f8f8f8; letter-spacing:-0.3px; }
.cancelTable td {font-size:12px; letter-spacing:0px; }

.reser02 .reserArea02 { float:left; width:65%; margin-left:35%; padding-top:5%; }
.reser_frame { position:relative; display:block; width:100%; height:1000px; margin:0 auto; padding:30px; background:#fff; border:0;}

@media  (max-width: 1600px){
.roomPre02 .roomPre_list .slick-slide {width:81% !important; margin-left:22%;}
.slider_nav{left:28%;}
}

@media  (max-width: 1440px){
.aboutArea01{width:36%; top:35px; left:-80px;}
.footer{padding-top:32px !important;}
.footer ul.fnb li{margin:-33px 50px !important;}
.fnb address{top:17% !important; right:42.2% !important;}

.roomPre02 .roomPre_list .slick-slide {width:70% !important; margin-left:94%; opacity:1}
.aboutCon0203{top:18%;}
}


@media  (max-width: 1336px){

.aboutArea01{width:41%; top:-8px; left:-138px;}
.aboutCon0203{width:78%; top:8%; z-index:300;}
.aboutCon0202s{top:55%;}
.aboutCon0202{top:5%;}
.aboutCon0201{margin-top:4%;}
.footer{padding-top:7px !important;}
.footer ul.fnb li{margin:-33px 50px !important;}
.fnb address{top:16% !important; right:41% !important;}

}


@media  (max-width: 1280px){

}