@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
.room_bottom_05_font{ font-family: 'Nanum Square' !important;
}

.list01 {}
.list01 li { margin-bottom:15px;}
.list02 {}
.list02 li { background:url(../images/sub/list_bullet01.gif) left 10px no-repeat; font-size:14px; line-height:24px; padding-left:12px; margin-bottom:3px;}
.list_num { margin-left:1em;}
.list_num li { list-style:decimal; list-style-position: outside;}

.tab_nav {} 
.tab_nav:after {content:"";display:block;clear:both;}
.tab_nav li { float:left; display:inline; margin:0; }
.tab_nav li a { }
.tab_nav li.ui-tabs-active a {color:#6d83ac; font-weight:700;}

.con_dl { margin:6% auto; text-align:center;}
.con_dl dt { font-size:15px; line-height:20px; color:#3b3a3a; margin-bottom:20px; text-transform:uppercase;}
.con_dl dd { font-size:13px; line-height:20px; color:#757575;}

.preArea {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.preList { position:relative; }
.preList:after {content:"";display:block;clear:both;}
.preList .preImg { position:relative; width:66.667%;   vertical-align:top;}
.preList .preText { position:absolute; width:33.333%; top:8vw; text-align:center;}
.preList .preText dt {text-transform:uppercase;}
.preList .preText dt .title01 {display:block; font-size:15px; line-height:1.8em; font-weight:300; letter-spacing:0.1em; color:#313131;}
.preList .preText dt .title02 {display:block;font-family: 'Oranienbaum', 'NanumBarunGothic',  serif; font-size:40px; line-height:1.1em; color:#313131; }
.tour .preList .preText dt .title02 { font-size:32px; margin-top:3px;}
.preList .preText dt .title_line {display:block; width:180px; height:1px; background:#313131; margin:0.6em auto 2.2vw;}
.preList .preText dd {}
.preList .preText dd p { margin-top:2.2vw; font-size:14px; line-height:1.8em; color:#484848;}
.preList01 .preImg { }
.preList01 .preText { right:0;}
.preList02 .preImg { margin-left:33.333%;}
.preList02 .preText { left:0;}

.btn_detail { display:inline-block; font-family: 'Georgia', serif; font-size:21px; line-height:1.5em; color:#484848; }
.btn_detail span { display:inline-block; margin:0 10px; font-size:0.75em; vertical-align:top;  transition: all 0.3s ease; }
.btn_detail:hover span, .btn_detail:focus span { margin:0 0 0 20px;}

.subCon_01 { margin:5em 0 10em;}
.subCon_01:after {content:"";display:block;clear:both;}
.subCon_0101 { float:left; width:72.222%; text-align:center;}
.subCon_0101 dt {text-transform:uppercase;}
.subCon_0101 dt .title01 {display:block; font-size:15px; line-height:1.8em; font-weight:300; letter-spacing:0.1em; color:#313131;}
.subCon_0101 dt .title02 {display:block;font-family: 'Oranienbaum', 'NanumBarunGothic', serif; font-size:40px; line-height:1.1em; color:#313131; }
.tour .subCon_0101 dt .title02 { font-size:32px; margin-top:3px;}
.subCon_0101 dt .title_line {display:block; width:180px; height:1px; background:#313131; margin:0.6em auto 3vw;}
.subCon_0102 { float:left; width:27.778%;}
.subCon_01 img { float:left; width:27.778%; vertical-align:top;}


/* about01 */
.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:61%; margin-left:39%; margin-bottom:5%; }
.aboutCon0101 { position:relative; width:70.6%; margin-left:29.4%; z-index:1;}
.aboutCon0102 { position:absolute; width:36.2%; left:0; top:10%; z-index:2;}
.aboutCon02 { position:relative; width:61%; margin-bottom:5%; }
.aboutCon0201 { position:relative; width:70.6%; z-index:1;}
.aboutCon0202 { position:absolute; width:36.2%; right:0; top:10%; z-index:2;}
.aboutCon0203 { position:absolute; width:66%; right:-66%; top:12%; padding-left:15%;}
.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;}
.aboutCon03 { text-align:center; margin-bottom:50px;}
.aboutCon03 dt {}
.aboutCon03 dt .title01 { display:block; font-size:20px; line-height:1.2em; color:#48738e; text-transform:uppercase;margin-bottom:20px;}
.aboutCon03 dt .title02 {display:block; font-size:14px; line-height:1.5em; color:#404040; margin-bottom:30px;}
.aboutCon03 dd { }
.aboutCon03 dd .lSSlideOuter {position:relative; margin-bottom:50px;}
.aboutCon04 { position:relative;}
.aboutCon0401 { width:76.95%;}
.aboutCon0402 { position:absolute; width:23.05%; height:100%; right:0; top:0; background:#d8d2c6;}
.aboutCon0402 dl { position:absolute; width:80%; left:20%; top:30%; color:#fff;}
.aboutCon0402 dt {}
.aboutCon0402 dt .title_line { display:block; width:60px; height:2px; background:#fff; margin-bottom:20px;}
.aboutCon0402 dt .title01 {display:block; font-size:20px; line-height:1.2em; text-transform:uppercase;margin-bottom:20px;}
.aboutCon0402 dt .title02 {display:block; font-size:17px; line-height:1.2em; margin-bottom:30px;}
.aboutCon0402 dd { font-size:12px; line-height:1.5em;}
.aboutCon0402 dd div { margin-bottom:30px;}
.aboutCon0402 dd .btn_more { color:#fff; border:2px solid #fff;}

/* about02 */
.landArea { position:relative; width:98%; width:calc(100% - 40px); min-height:100vh; margin:0 auto; background:url(../images/about/conBg02.jpg) center top no-repeat; background-position:100% auto;  }
.landArea01 {  position:absolute; width:35%; left:30px; top:150px; z-index:5;}
.landArea01 dt, .mapArea01 dt .title02 { margin-bottom:5px !important;}
.landArea02 { width:100%; padding:5% 0 0;}
.landArea02 img { vertical-align:top;}
.landCon01 { position:relative;padding-bottom:5%; z-index:3; }
.landCon0101 { position:relative; width:59.05%; margin-left:40.95%; z-index:1;}
.landCon0102 { position:relative; width:46.12%; left:0; margin-top:-5%; z-index:2;}
.landCon0103 { position:absolute; width:18.35%; right:5%; bottom:-4.8%; z-index:2;}
.landCon02 { position:relative;  z-index:2; }
.landCon03 { position:relative; margin-top:-5%; z-index:3; }
.landCon0301 { position:relative; width:23.8%; margin-left:63%;}
.landCon0302 { position:absolute; width:20%; left:40%; top:28%;}
.landCon0302 dt { text-align:right; margin-bottom:30px;}
.landCon0302 dt .title01 {display:inline-block; font-family:'Libre Baskerville', serif; font-size:34px; line-height:1.2em; letter-spacing:-0.01em; color:#2988d1; border-bottom:1px solid #2988d1;}
.landCon0302 dt .title02 {display:block; font-size:15px; line-height:1.8em; color:#000;}
.landCon0302 dd { text-align:right;}
.landCon0302 dd div { margin-bottom:50px;}
.landCon0303 { position:relative; width:23.8%; margin-left:13%;; margin-top:-20%;}
.landCon04 { position:relative; margin-top:-5%; z-index:2; }
.landCon04 div { position:absolute; width:50%; left:25%; top:50%; text-align:center; font-family:'Libre Baskerville', serif; font-size:34px; line-height:1.2em; letter-spacing:-0.01em; color:#fff; -webkit-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -moz-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); text-shadow:2px 2px 3px rgba(0, 0, 0, 0.1);   z-index:2; }


/* room */
.roomCon { width:100%; max-width:1863px; margin:0 auto;  padding-bottom:50px;}
.roomCon:after {content:"";display:block;clear:both;}
.roomCon_01 {}
.roomCon_01:after {content:"";display:block;clear:both;}
.roomCon_0101, .roomCon_0102 { position:relative; float:left; width:50%; padding:50px 0 0;}
.roomCon_0101 { overflow:hidden; }
.roomCon_0101 > img { max-width:817px; width:110%; margin-left:-30px; vertical-align:top;}
.roomCon_0101_line { position:absolute; right:78px; bottom:0;}
.roomInfo { }
.roomInfo01 { font-size:13px; line-height:1.5em; color:#000; font-style:italic; font-weight:700; letter-spacing:0.1em; margin-bottom:5px; font-family: 'Nanum Square';}
.roomInfo02 { margin-bottom:15px;font-family: 'Nanum Square';}
.roomInfo02 strong { display:block; margin-bottom:10px;font-family: 'Nanum Square';}
.roomInfo03 { position:relative; text-align:right; margin-top:20px;font-family: 'Nanum Square';}
.roomInfo03 .roomNum { display:inline-block; font-family:' BellMTItalic', 'Libre Baskerville', serif; font-size:300px; font-size:18vw; line-height:1em; font-style:italic; color:#2988d1; }
.roomInfo03 .btn_reser02 { position:absolute; display:inline-block; right:120px; top:50%;  background:#000; margin-top:-19px; }
.infoTable { width:100%; max-width:630px; border-collapse:collapse; border-top:2px solid #666; border-bottom:2px solid #666; }
.infoTable th, .infoTable td { padding:10px 5px; text-align:center;font-weight:400; color:#666; border-top:1px solid #666; }
.infoTable .line { border-right:1px #CCC solid;}
.price01 { color:#aaa; text-decoration:line-through;}
.price02 { color:#ff0000;}

.roomCon_0104 { text-align:center; height:38px; margin-bottom:50px;}
.roomCon_0104 a { display:inline-block; font-size:15px; line-height:38px; color:#000; text-transform:uppercase; font-weight:700;}

#roomImg01 { position:relative; margin-bottom:50px;}
.roomImg02 { margin-bottom:80px; }
.roomImg02:after {content:"";display:block;clear:both;}
.roomImg0201 { position:relative; float:left; width:60%; margin-left:20px; padding-bottom:60px;}
.roomImg0201_01 {position:relative; width:100%; max-width:977px; z-index:1;}
.roomImg0201_02 { position:absolute; right:-210px; bottom:0; z-index:2;}
.roomImg0202 {float:left; width:30%;  margin-left:50px;}
.roomImg0202 dt {}
.roomImg0202 dt .title01 {display:block; font-size:20px; line-height:1.2em; color:#2988d1; text-transform:uppercase;margin-bottom:20px;}
.roomImg0202 dt .title02 {display:block; font-size:17px; line-height:1.2em; color:#404040; margin-bottom:30px;}
.roomImg0202 dd { font-size:13px; line-height:1.5em;}
.roomImg0202 dd div { margin-bottom:30px;}
.btn_reser03 { display:inline-block; border:2px solid #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;}
.btn_reser03:hover, .btn_reser03:focus { margin-left:10px;}
.roomMenu {}
.roomMenu dt {text-align:center; margin-bottom:40px;}
.roomMenu dt span { display:inline-block; padding:6px 20px; font-family: 'Libre Baskerville', serif; font-size:22px; color:#333; }
.roomMenu dd {}
.roomMenu ul {}
.roomMenu ul:after {content:"";display:block;clear:both;}
.roomMenu ul li { position:relative; float:left; width:14.5%; margin:0 0.99%;}
.roomMenu ul li img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: 
all 0.3s ease; transition: all 0.3s ease; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.roomMenu ul li:hover img {-ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.roomMenu ul li a.link { display:block; position:relative; font-family: 'Abril Fatface', cursive; letter-spacing:0.1em; width:190px; margin:-18px auto 0; padding:8px 0; text-align:center; background:#263c77; color:#fff; z-index:2; }
.roomMenu ul li a.link span { margin-left:10px;}

/* roomPre */
.roomPre { width:98%; width:calc(100% - 40px); height:100vh; overflow:hidden; margin:0 auto; background:url(../images/room/roomPre_bg.jpg) center center no-repeat; background-position:cover;}
.roomPre:after {content:"";display:block;clear:both;}
.roomPre01 { float:left; width:48%; padding:10% 0 0 30px;}
.roomPre02 { position:none !important; float:left; width:52%;}
.slick-list { position:none !important;}
.roomPre02 .roomPre_list .slick-slide { width:88% !important; margin-bottom:3px; 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(../images/room/roomPre_arrow.png); 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:799px; height:34px; left:50%; bottom:50px; margin-left:-400px; border:1px solid #454545;  z-index:5;}
.slider_nav .slick-list { padding-left:1px; width:800px; }
.slider_nav .slick-slide { width:25% !important; margin-left:-1px; cursor:pointer; }
.slider_nav .slick-slide p { text-align:center; padding:0 5px; border:1px solid #454545;font-family: 'Roboto', sans-serif; letter-spacing:0.1em; line-height:30px; color:#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;}
.slider_nav .slick-slide.slick-active.slick-current p { background:#454545; color:#fff;}

/* special */
.specialCon {width:98%; width:calc(100% - 40px); overflow:hidden; margin:0 auto; background:url(../images/special/specialCon_bg.jpg) center top no-repeat; background-position:100% auto; padding-top:150px; }
.specialCon_01 { position:relative; padding-bottom:7%; z-index:5;}
.specialCon_0101 {position:relative; width:48.45%; margin-left:6%; z-index:2;}
.specialCon_01_bg { position:relative; width:100%; vertical-align:top; z-index:1;}
.specialCon_0101 dl { position:absolute; left:-20px; top:10%; z-index:2;}
.specialCon_0101 dl dt {padding-left:80px; margin-bottom:30px; background:url(../images/sub/table_line.png) left 30px no-repeat; background-size:52px 2px;}
.specialCon_0101 dl dd {padding-left:80px;}
.specialCon_0101 dl dd p { margin-bottom:60px;}
.specialCon_0101 dl dd p strong { display:block; font-size:1.2em; margin-bottom:5px;}
.specialCon_0102 { position:absolute; width:32.23%; left:48.94%; top:120px; z-index:2;}
.specialCon_0103 { position:relative; width:48.35%; left:17.71%; z-index:3; }
.specialCon_0104 { position:absolute; width:34.41%; right:5%; bottom:-20px; z-index:4;}
.specialCon_02 { position:relative; width:100%; vertical-align:top; z-index:1; }
.specialPre03 { position:relative; width:96%; max-width:1200px; margin:-3% auto 0; padding-top:2%;  background:#fff; z-index:10;}
.specialPre03 ul { width:94%; margin:0 auto; background:#f1f1ef;}
.specialPre03 ul:after {content:"";display:block;clear:both;}
.specialPre03 ul li { position:relative; float:left; width:25%; }
.specialPre0301 { position:relative; text-align:center; z-index:1;}
.specialPre0301 img { width:100%; vertical-align:top;}
.specialPre0301 p {font-family: 'Libre Baskerville', serif; font-size:36px; font-size:2vw; color:#454545; line-height:3em;  letter-spacing:-0.01em; margin-bottom:30px; }
.specialPre03_line { position:absolute; width:90%; height:97%; left:5%; top:3%; border:1px solid #797979; }
.specialPre03_line a { position:absolute; display:block; width:100%; height:100%; }
.specialPre0302 { position:relative; margin-top:-40px; text-align:center; padding-bottom:30px; z-index:2;}
.specialPre0302 dt { font-size:16px; line-height:1.8em; color:#404040;}
.specialPre0302 dt span { display:block; width:50px; background:#f1f1ef; margin:0 auto; padding:0.8em 0 0.5em; font-size:1.6em; color:#797979; line-height:1em; }
.specialPre0302 dd p { margin-bottom:30px;}
.specialPre0302 dd .btn_more { display:inline-block; font-family: 'Roboto', sans-serif; font-size:11px; letter-spacing:0.2em; line-height:30px; color:#454545; text-align:center; 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; opacity:0; filter: alpha(opacity=0;);}
.specialPre03 ul li:hover .btn_more { opacity:1;  filter: alpha(opacity=100;);}

.specialPre { width:98%; width:calc(100% - 40px); overflow:hidden; margin:0 auto; background:url(../images/special/specialPre_bg.jpg) center top no-repeat; background-position:100% auto;}
.specialPre:after {content:"";display:block;clear:both;}
.specialPre01 { width:48%; padding:10% 0 0 30px;}
.specialPre_list { position:relative;}
.specialPre_line { position:relative; width:100%; vertical-align:top; }
.specialPre_info { position:absolute; z-index:5;  }
.specialPre_info dt { margin-bottom:10px;}
.specialPre_info dt .num { display:block; font-family:' font87042', 'Libre Baskerville', serif; font-size:55px; font-size:3vw; line-height:1em; color:#263c77; }
.specialPre_info dt .num span { font-size:0.8em; color:#797979; margin-right:10px; vertical-align:middle;}
.specialPre_info dt .title {display:block;  padding-left:60px; font-size:20px; line-height:1.4em; color:#404040;}
.specialPre_info dd { padding-left:60px;}
.specialPre_info dd p { margin-bottom:50px; font-size:13px; line-height:1.8em; color:#404040;}
.specialPre_img { position:absolute;}
.specialPre_img p { position:absolute; width:100%; left:0; top:50%; text-align:center; font-size:2.3vw; color:#fff; text-transform:uppercase; -webkit-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -moz-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); text-shadow:2px 2px 3px rgba(0, 0, 0, 0.1); z-index:2;}
.specialPre_img img { width:100%; vertical-align:top; }
.specialPre_list01 { width:63.5%; max-width:1187px; margin:-200px 0 0 33%;}
.specialPre_list01 .specialPre_info { left:2%; top:31%;}
.specialPre_list01 .specialPre_img { width:67.4%; right:25px; top:-25px; }

.specialPre_list02 { width:63.5%; max-width:1187px; margin:5% 0 0 3.1%;}
.specialPre_list02 .specialPre_info { right:2%; top:31%; text-align:right;}
.specialPre_list02 .specialPre_info dt .title {padding-right:60px;}
.specialPre_info dt .num span { margin:0 0 0 10px;}
.specialPre_list02 .specialPre_info dd {padding-right:60px;}
.specialPre_list02 .specialPre_img { width:67.4%; left:-25px; top:-25px; }

.specialPre_list03 { width:34%; max-width:636px; margin:2% 0 0 48%;}
.specialPre_list03 .specialPre_info { right:-270px; top:20%;}
.specialPre_list03 .specialPre_img { width:94%; left:0; top:8.5%; }

.specialPre_list04 { width:34%; max-width:636px; margin:-5% 0 0 3%;}
.specialPre_list04 .specialPre_info { right:-270px; top:20%;}
.specialPre_list04 .specialPre_img { width:94%; left:0; top:8.5%; }


/* tour */
.tourArea { position:relative; width:98%; width:calc(100% - 40px); height:100vh; overflow:hidden; margin:0 auto; background:url(../images/tour/tour_bg.jpg) center top no-repeat; background-position:100% auto;}
.tourArea01 { position:absolute; left:30px; top:10%;}
.tourArea02 { position:relative; width:69%; margin-left:31%; top:10%; }
.tourList .slick-list { width:130%; padding-bottom:50px;}
.tourArea02 .slick-slide { margin-right:130px !important;}
.tourList .slick-slide dl { position:relative; margin-top:15%; padding-bottom:5%; border:1px solid #2988d1; border-top:0; opacity:0; filter: alpha(opacity=0;); -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; }
.tourList .slick-slide.slick-current dl {  opacity:1;  filter: alpha(opacity=100;);}
.tourList .slick-slide dl dt { position:relative; text-align:center; font-size:15px; line-height:1.5em; font-weight:700; color:#000000; margin:0 0 1.5em; top:-13px;}
.tourList .slick-slide dl dd { width:80%; margin:0 auto; font-size:13px; line-height:1.6em; color:#333;}
.tourList .slick-slide .border01 { position:absolute; width:40%; height:1px; background:#2988d1; left:0; top:0;}
.tourList .slick-slide .border02 { position:absolute; width:40%; height:1px; background:#2988d1; right:0; top:0;}
.tourList .slick-arrow { position:absolute; display:block; width:100px; height:20px; top:50%; background:url(../images/tour/tour_arrow.png); border:none;font-size:0; line-height:0; color:#fff; cursor:pointer; z-index:5; }
.tourList .slick-arrow.slick-prev { left:-120px;}
.tourList .slick-arrow.slick-next { right:36%;background-position:-100px 0;}
.tourList .slick-slide { 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}
.tourList .slick-slide.slick-current { opacity:1;  filter: alpha(opacity=100;);}

/* reser */
.conTitle { }
.conTitle dt {padding-left:45px; margin-bottom:30px; background:url(../images/sub/table_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;font-family: 'Nanum Square';display:block; font-size:20px; line-height:1.2em; color:#2988d1; text-transform:uppercase;margin-bottom:30px;}
.conTitle dt .title03 { display:block; font-family: 'Nanum Square';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:50px; color: #000;}
.conTitle dd div { font-size:17px; line-height:1.2em; letter-spacing:-0.5px; color:#404040; margin-bottom:20px;}
.reserArea { position:relative; width:100%; width:; overflow:hidden; margin:0 auto; background:url(/web/rev/img/rev_bg2.jpg) no-repeat; background-position:100% auto; }
.reser01 .reserArea {height:100vh;}
.reserArea01 {  position:absolute; width:35%; left:2%; top:23%;}
.reserArea01 dd strong { font-size:1.1em; line-height:1.6em; color:#333;}
.reser01 .reserArea02 { float:left; width:74%; height:38vw; margin-left:25%; padding-top:8%; }


@media screen and (max-width:1600px) {
	
	.reser01 .reserArea02 { float:left; width:66% !important;  margin-left:33% !important; padding-top:7%; }
	.reserArea01 {  position:absolute; width:35%; left:-1%; top:17%;}
	
	}
	
	
@media screen and (max-width:1366px) {
	
	.reser01 .reserArea02 { float:left; width:66% !important;  margin-left:33% !important; padding-top:7%; }
	.reserArea01 {  position:absolute; width:35%; left:0%; top:16%;}
	
	}

.reserArea02 .mCSB_container { width:90%;}
.reserArea02 dl { position:relative; margin-bottom:80px;  }
.reserArea02 dl dt { position:relative; /*padding:107px 0 15px 29px; */margin-bottom:20px; font-size:1.5rem; line-height:1.5em; color:#000; font-weight:700; z-index:2;  }
.reserArea02 dl dd { position:relative; padding-left:32px; font-size:15px; font-weight: bold; line-height:1.8em; z-index:1; 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-size: 17px; font-weight: bold; color: #000;}
.priceTable td { padding:10px 2px; text-align:center; border-bottom:1px solid #ccc; line-height:1.5em; color: #000;}
.priceTable td:first-child { background:none;}
.priceTable tbody tr:hover { cursor:pointer; background-color:#0c3c59; color:#fff;}
.priceTable tbody tr:hover td { cursor:pointer;  background-color: #0c3c59; color:#fff;}
.priceTable tbody td:hover { cursor:pointer; background-color:#0c3c59; color:#fff;}
.priceTable tbody td:hover { cur sor:pointer;  background-color: #0c3c59; 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; }
.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:#000; font-weight:bold; background-color:#f8f8f8; letter-spacing:-0.3px; }
.cancelTable td {font-size:12px; letter-spacing:0px;  color: #000;}

.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;}

/* map */
.mapArea { position:relative; width:98%; width:calc(100% - 40px); height:100vh; overflow:hidden; margin:0 auto; background:url(../images/map/map_bg.jpg) center top no-repeat; background-position:100% auto; }
.mapArea01 {  position:absolute; width:35%; left:30px; top:150px; z-index:2;}
.mapArea01 dt, .mapArea01 dt .title02 { margin-bottom:5px !important;}
.mapArea02 { width:100%; height:50vw; padding-top:5%; }
.mapArea02_con { padding:0 5% 0 40%;}
.map_frame { position:relative; display:block; width:100%; height:28vw; border:0; margin-bottom:5%; overflow:hidden;}
.map_frame iframe { position:absolute; width:200%; height:200%; left:-50%; top:-50%; }
.mapCon { margin-bottom:50px; }
.mapCon:after {content:"";display:block;clear:both;}
.mapCon > dt { float:left; margin-right:50px; }
.mapCon > dd { float:left; margin-top:10px;}
.mapCon dl dt { font-size:15px; line-height:1.8em; font-weight:700; color:#333; margin-bottom:10px;}
.mapCon dl dd { font-size:13px; line-height:1.6em; color:#666;}
.mapCon dl dd p { padding:20px; text-align:center; margin-top:30px; border-top:1px solid #666; border-bottom:1px solid #666;font-family: 'Libre Baskerville', serif; font-size:17px; font-size:0.9vw; color:#454545; line-height:1.5em;  letter-spacing:-0.01em;}
.map_img { width:90%; margin:3% auto; }
.map_img p { margin-top:20px; text-align:center; font-size:17px; line-height:1.8em; color:#48738e; text-transform:uppercase; }


/*  commnuity */
.boardArea { position:relative; width:98%; width:calc(100% - 40px); height:100vh; margin:0 auto; }
.boardArea01 {  position:absolute; width:35%; left:30px; top:150px; z-index:2;}
.boardArea01 dt, .boardArea01 dt span { margin-bottom:5px !important;}
.boardArea01 dd div { margin-bottom:50px;}
.boardArea02 { width:100%; height:50vw; padding-top:5%; }
.board_con { padding:0 10% 0 30%; min-height:50vh;}
.board_con iframe { border:0; width:100%;}
.board_img { width:84%; margin:0 auto;}
.board_frame { display:block; width:100%; }


@media \0screen { /* IE8 웹폰트 설정*/
}

@media  (max-width: 1740px){
}

@media  (max-width: 1580px){

.facility .subTitle_01 { padding-left:4%;}

}

@media  (max-width: 1420px){


}

@media (max-width:1280px) {
.reserArea01{top:-14%;}
.reserArea02 dl dt{padding:5px 0 15px 29px;}
}


@media  (max-width: 1024px){

}


@media  (max-width: 768px){


}


@media  (max-width: 560px){



}

@media  (max-width: 480px){


}


@media  (max-width: 380px){
	

}