@charset "euc-kr";
.subTitle { }
.subTitle img { vertical-align:top;}
.subTitle .title {font-family:"NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"µ¸¿ò"; font-size:30px;font-weight:normal; line-height:35px; }
.subTitle div { margin-top:10px; font-size:16px; line-height:20px; }

.list01 {}
.list01 li { font-size:13px; line-height:20px; margin-bottom:3px; background:url(../images/sub/bullet02.gif) left 10px no-repeat; padding-left:10px;}
.list02 {}
.list02 li { font-size:13px; line-height:20px; margin-bottom:3px; background:url(../images/sub/bullet03.gif) left 10px no-repeat; padding-left:10px;}
.list02 li li { margin-bottom:1px; background:none; padding-left:0;}

.tab { position:relative;}
.tab_nav {  position:relative; border-bottom:1px solid #ccd4db; z-index:10; zoom:1;}
.tab_nav:after {content:"";display:block;clear:both;}
.tab_nav li { position:relative; display:inline-block; margin-right:10px; z-index:10; }
.tab_nav li a { display:block; width:133px; height:35px; text-align:right;  font-size:13px; color:#333; line-height:28px; background:url(../images/reser/tab_bg.gif) right top no-repeat; padding:0 22px 0 11px; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
.tab_nav li a:hover, .tab_nav li a:focus { padding:0 30px 0 3px;  }
.tab_nav li.ui-tabs-active { background-position:-81px 0; z-index:11;}
.tab_nav li.ui-tabs-active a { font-weight:700; }

.room_reser { text-align:right;  }
.room_reser a, .special_text01 a {display:inline-block; background:#3c2311; padding:0 6px;}
.room_reser a:hover, .room_reser a:focus, .special_text01 a:hover, .special_text01 a:focus {background:#de0d0d; padding:0 2px 0 10px;}
.room_reser a img, .special_text01 a img { vertical-align:top;}

.topArea { position:relative;z-index:5;}
.topArea_typo01 { position:absolute; width:50%; left:50%; top:40%; margin:-30px 0 0 -25%; text-align:center;opacity:0; filter: alpha(opacity=0;); z-index:6;}
.topArea_typo01 .hashtag { display:block; font-size:14px; line-height:18px; font-weight:400; color:#fff; margin:-3% 0 0;}
.topArea_typo02 { position:absolute;width:20%; left:50%; bottom:0; margin:0 0 0 -10%; text-align:center;opacity:0; filter: alpha(opacity=0;); z-index:6;}
.topArea_typo02 .scroll {filter: alpha(opacity=0;);}
.sub_slider {position:relative; z-index:1;}
.slider_num { position:absolute; width:30px; height:35px; right:235px; bottom:0; font-size:13px; color:#fff; line-height:35px; }
.topArea .btn_footer { position:absolute !important;}
.topArea_bg { position:absolute; width:100%; height:36px; left:0; bottom:0; background:url(../images/room/topArea_bg.png) center bottom no-repeat; z-index:2;}

#section1 {position:relative;  opacity:0; filter: alpha(opacity=0;); z-index:2; }
.roomTitle { text-align:center;}
.roomTitle .title01 {display:block; padding:1.8% 0; margin-bottom:2%; font-size:13px; letter-spacing:0.3em; color:#585858; border-bottom:1px solid #bcbcbc; text-transform:uppercase;}
.roomTitle .title02 {display:block;font-family: 'Libre Baskerville', serif; font-size:30px; line-height:42px; color:#2b292b; font-weight:400; margin-bottom:3%;}
.reser .roomTitle .title02 { margin-bottom:2%;}

.bxslider_area { position:relative;}
.slide02 { position:relative;}
.slide02 .bx-wrapper { z-index:1;}
.borderLine {position:absolute; width:8.12%; max-width:156px; height:1px; background:#403027; z-index:10; }

.btn_down2 { position:absolute; display:block; width:150px; height:35px; left:50%; bottom:0; margin-left:-75px; z-index:6;}

/* about01 */
.about01 .subTitle img { width:46.5%; max-width:399px; margin:0 auto;}
.about01 .topArea_typo01 .hashtag { margin:-1% 0 0;}
.aboutArea { position:relative; width:90%; max-width:1520px; margin:0 auto 5%;}
.aboutArea:after {content:"";display:block;clear:both;}
.about01 .roomTitle .title02 { margin-bottom:1.5%;}
.about01_01 { text-align:center; margin-bottom:5%;}
.about01_01 dt {font-family: 'Roboto', sans-serif; font-size:30px; line-height:30px; color:#00284b; font-style:italic; margin-bottom:1%;}
.about01_01 dd { font-size:14px; line-height:20px; color:#565656;}
.about01_02 {position:relative; margin:6% 0;}
.about01_02:after {content:"";display:block;clear:both;}
.about01_02_01, .about01_04_01 {float:left; width:46.9%;}
.about01_02_02, .about01_04_02 {float:right; width:46.9%;}
.about01_02_03 { position:absolute; left:53%; bottom:4.5%;}
.about01_02_03 img { width:88%; max-width:487px;}
.about01_03 { }
.about01_04 {}
.about01_04:after {content:"";display:block;clear:both;}
.about_img { position:relative; display:block; overflow:hidden;}
.about_img .img_scale { position:absolute; z-index:2; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s 
ease-in-out; transition: all 0.5s ease-in-out;}
.about_img:hover .img_scale {transform:scale(1.1); -ms-transform:scale(1.1); -webkit-transform:scale(1.1);}
.about_typo { position:absolute; width:100%; text-align:center;font-family: 'Roboto', sans-serif; font-size:62px; line-height:56px; color:#fff; padding-top:55%; z-index:3; -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;}
.about_img:hover .about_typo { opacity:0.6; filter: alpha(opacity=60;); }
.about01_02_02 .about_typo { padding-top:45%;}
.about01_03 .about_typo { padding-top:22%;}
.about01_04_01 .about_typo, .about01_04_02 .about_typo { padding-top:57%;}

/* about02 */
.about02 .subTitle img { width:73.7%; max-width:707px; margin:0 auto;}
.about .topArea_typo02 { height:200px;}
.about02 .roomTitle { margin:0 auto 5%;}
.about02_01 { width:90%; max-width:1400px; margin:0 auto; padding:0 0 3%; }
.about02_02 { position:relative;}
.about02_02:after {content:"";display:block;clear:both;}
.about02_02 .about02_02_01 {float:left; width:50%;}
.about02_02 .about02_02_02 {position:absolute; width:50%; right:0; bottom:0;}
.about02_02 .about02_02_03 { float:right; width:50%; text-align:center; padding:3% 0 0;}
.about02_02 .about02_02_03 img { width:86%; max-width:591px;}
.about02_03 { position:relative; width:90%; max-width:1400px; margin:0 auto;  padding:10% 0 3%; text-align:center;}
.about02_03 .about02_03_text01 { position:absolute; width:100%; top:10%; text-align:center;}
.about02_03 .about02_03_text01 img { width:30%; max-width:287px; vertical-align:top;}
.about02_03 .about02_03_text02 { position:absolute; width:100%; bottom:22%; text-align:center;}
.about02_03 .about02_03_text02 img { width:30%; max-width:359px; vertical-align:top;}
.about02_03 .about02_03_text03 { position:absolute; width:100%; bottom:12%; font-size:13px; line-height:1.5em; color:#6b6b6b; text-align:center;}
.about02_05 { position:relative; width:90%; max-width:1506px; margin:0 auto; padding:10% 0 5%;}
.about02_05:after {content:"";display:block;clear:both;}
.about02_05_01 {position:absolute; width:46.6%; max-width:701px; left:0; top:10%; }
.about02_05_02 { float:right; width:57.9%; max-width:872px; }


/* special */
.special .topArea_typo01 { top:45%;}
.special .subTitle { position:relative; margin:0 auto; text-align:center;}
.special .subTitle img {width:90%; max-width:860px; }
.special .topArea_typo01 .hashtag { position:absolute; width:100%; top:96%;}
.special03 .topArea_typo01 .hashtag { width:52%; left:48%; text-align:left; }
.specialArea { position:relative; width:90%; max-width:1760px; margin:0 auto; padding-bottom:50px; }

.special .roomTitle { width:100%; max-width:1520px; margin:0 auto;} 
.special_nav { }
.special_nav:after {content:"";display:block;clear:both;}
.special_nav li { position:relative; float:left; width:32.2%; margin:0 0.5%; overflow:hidden;}
.special_nav li .img { position:absolute; width:100%; opacity:0.5; filter: alpha(opacity=50;); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; z-index:3;}
.special_nav li.this .img { opacity:4; filter: alpha(opacity=100;);}
.special_nav li .preTitle { position:absolute; width:100%; height:32%; bottom:0; font-size:13px; background:url(../images/pt.png); text-align:center; opacity:0.75; filter: alpha(opacity=75;); -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;z-index:4;}
.special_nav li .preTitle .preTitle01 { display:block; padding:11% 0 0; font-size:14px; line-height:1.2em; color:#fff; font-weight:600; text-transform:uppercase;  }
.special_nav li .preTitle .preTitle02 { font-size:1.3em; font-weight:500; line-height:1.3em; }
.special_nav li a:hover .preTitle, .special_nav li a:focus .preTitle { bottom:6%;}
.special_nav li a:hover .img, .special_nav li a:focus .img {opacity:1; filter: alpha(opacity=100;); transform:scale(1.08); -ms-transform:scale(1.08); -webkit-transform:scale(1.08);}
.special_nav li a:hover .preTitle, .special_nav li a:focus .preTitle { opacity:1; filter: alpha(opacity=100;); font-size:2.1em;}
.special_nav li.this .preTitle {opacity:1; filter: alpha(opacity=100;);}
.special_b { width:100%; max-width:100%; text-align:center; padding:3% 0 5%;}
.specialTitle { width:30%; max-width:507px; margin:0 auto 2%;}
.special_con { margin-bottom:5%;}
.special_con dt { font-size:22px; line-height:1.5em; color:#000; margin-bottom:1.5%;}
.special_con dd { font-size:15px; line-height:1.35em; color:#959595;}
.special_con dd strong { font-weight:400; color:#636363;}
.special_con dd p { margin-top:1%; color:#000;}
.special_con dd p.point {margin:0 0 1%; font-size:1.05em; font-weight:700; color:#d70e0e;}

/* tour */
.tour .topArea_typo01 { top:45%;}
.tour .subTitle { position:relative; margin:0 auto; text-align:center;}
.tour .subTitle img {width:48.5%; max-width:462px; }
.tour .topArea_typo01 .hashtag { margin:10px 0 0;}
.tourArea { position:relative; width:90%; max-width:1520px; margin:0 auto; padding-bottom:50px; }
.tourCon { position:relative; margin-bottom:1%; overflow:hidden; }
.tourCon:after {content:""; display:block; clear:both;}
.tourCon .tourCon_text {position:absolute; width:410px; height:275px; right:20px; bottom:55px; background:#000; opacity:0.5; filter: alpha(opacity=50;); z-index:3; }
/*.tourCon_bg { position:relative; z-index:1; width:100%; vertical-align:top;}*/
.tourCon_text dl { padding:8%; }
.tourCon_text dl dt .title01 { display:block; font-size:14px; font-weight:700;color:#dee166; letter-spacing:-px; padding-right:8px; margin-bottom:3%; }
.tourCon_text dl dt .title02 { display:block;  font-size:20px; font-weight:700; line-height:26px; color:#FFF; margin-bottom:5%; }
.tourCon_text dl dd { font-size:13px; line-height:22px; color:#fff;}
.tourCon_text dl dd p { margin-top:20px;}
.tourCon_text a { color:#666; text-decoration:underline;}
.tourCon .bx-wrapper { position:relative; width:100%; z-index:2;}
.tourCon .bxslider_tour li img { width:100%; vertical-align:top;}
.tourCon02 .tourCon_text {left:20px; right:auto;}
.tourCon .bx-wrapper .bx-controls { position:absolute; width:410px; background:#000; right:20px; bottom:20px; z-index:3; }
.tourCon02 .bx-wrapper .bx-controls {left:20px;}
.tourCon .bx-controls-direction { right:0;}
.tourCon02 .bx-controls-direction { left:auto; right:0;}
.tourCon .bx-controls-direction a { width:35px; height:35px; background:url(../images/arrow.gif); opacity:0.5; filter: alpha(opacity=50;);-webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
.tourCon .bx-controls-direction a.bx-next { background-position:-35px 0;}
.tourCon .bx-controls-direction a:hover, .tourCon .bx-controls-direction a:focus { opacity:1; filter: alpha(opacity=100;);}
.tourCon02 .tourCon_text { float:right !important;}
.tour_typo { position:relative; width:21.8%; max-width:416px; margin:10% auto 0; z-index:5;}

/* reser */
.reser .topArea_typo01 { top:45%;}
.reser .subTitle { position:relative; width:78.5%; max-width:749px; margin:0 auto; padding-bottom:26px;}
.reser .topArea_typo01 .hashtag { margin:10px 0 0;}
.reserArea { position:relative; width:90%; max-width:1520px; margin:0 auto; padding:3.5% 0; border-bottom:1px solid #d0d0d0; }
.reserArea:after {content:"";display:block;clear:both;}
.roomTitle .title02 { font-size:52px; line-height:56px;}
.reser_con { position:relative; margin:0 auto;  }
.reser_con:after {content:"";display:block;clear:both;}
#reser01 { width:90%; max-width:1000px;}
.reser01_01 { float:left; width:450px;}
.reser01_02 { float:right; width:280px; text-align:right;}
.reser02_01 { position:relative; width:100%; margin:0 auto 3%;}
.reser02_01_text {position:absolute; width:11%; left:44.5%; top:27%; text-align:center;}
.reser02_01_text img { width:100%; max-width:199px;}
.reser02_02 { width:100%; max-width:1200px; margin:0 auto;}
.reser03_01 { position:absolute; width:40.7%; max-width:620px; left:6.2%; z-index:2;}
.reser03_02 { position:relative; float:right; width:57.2%; padding:1% 0 3%; z-index:3;}
.reser04_01 { position:absolute; width:26.3%; max-width:400px; right:6.5%; z-index:2; }
.reser04_02 { position:relative; width:63%; z-index:3; padding:2% 0 3% 2%; }

.reserArea .link_reser, .btn_reser01.link_reser { display:block; width:260px; background:#00284b;-webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; padding:0 10px 0 10px;}
.reserArea .link_reser:hover, .reserArea .link_reser:focus, .btn_reser01.link_reser:hover, .btn_reser01.link_reser:focus {padding:0 4px 0 16px;}
.price01 { width:100%;  border-collapse:collapse; border-right:1px solid #ccc;  border-top:1px solid #ccc; margin-bottom:20px;}
.price01 th { padding:8px 5px; border-left:1px solid #ccc;  border-bottom:1px solid #ccc; background:#ebebeb;}
.price01 td { padding:8px 5px; text-align:center; border-left:1px solid #ccc;  border-bottom:1px solid #ccc;}
.price01 tbody tr:hover, .price01 tbody tr:focus { background:#00284b; color:#fff; cursor:pointer; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
.reser_list {  }
.reser_list dt { font-size:22px; line-height:30px; color:#000; padding-left:178px; background:url(../images/reser/title_bg01.gif) left center no-repeat; margin-bottom:20px;}
.reser_list dt .num { font-size:30px;}
.reser_list dt .dot {font-size:30px; color:#bea67c;}
.reser_list dd { padding-left:178px; background:url(../images/reser/title_bg02.gif) 108px 10px no-repeat; }

/* map */
.map .topArea_typo01 { top:45%;}
.map .subTitle { position:relative; width:66.5%; max-width:633px; margin:0 auto; padding-bottom:26px;}
.map .topArea_typo01 .hashtag { margin:10px 0 0;}
.mapArea { position:relative;}
.mapArea:after {content:"";display:block;clear:both;}
.map01_01 { position:relative; width:100%; height:700px; overflow:hidden;}
.map01_01 #map {position:absolute; left:50%; margin-left:-1500px;}
.map01_01 .map_frame { position:absolute; width:100%; height:100%; z-index:3;}
.map01_01 img { position:relative; z-index:2;}
.map01_02 { position:absolute; width:50%; right:5%; top:20%;}
.map02_01 { position:absolute; width:50%; height:100%; min-height:420px; right:0; top:0; background:url(../images/map/img_02.jpg) left top no-repeat; background-size:cover;}
.map02_02 { float:left; width:50%; min-height:420px;} 
.map02_02 li, .map03_02 li  { margin-bottom:20px;}
.map03_01 {position:absolute; width:50%; height:100%; left:0; top:0; background:url(../images/map/img_03.jpg) left top no-repeat; background-size:cover;}
.map03_02 { float:right; width:50%;}
.map04_01 { position:relative; width:100%; height:400px;  overflow:hidden;}
.map04_01 #map2 {position:absolute; left:50%; margin-left:-1500px;}
.map04_01 .map01_02 {position:absolute; width:50%; right:0%; top:22%;}

.map_con { position:relative; margin:6% 6% 0; }
.map_con dt { font-size:20px; line-height:26px; color:#00284b; margin-bottom:1.5%;}
.add01 { font-size:32px; line-height:36px; color:#fff; margin-bottom:1.5%;}
.add02 { font-size:24px; line-height:28px; color:#fff; margin-bottom:5%;}
.map01_01 .map_con dt { color:#fff}
.map04_01 .add01 { font-size:22px; line-height:32px; color:#00284b; margin-bottom:1.5%;}
.map04_01 .add02 { font-size:16px; line-height:24px; color:#00284b; margin-bottom:5%;}

/* board */
.board .subTitle { position:relative;  margin:0 auto;  text-align:center;}
.board .subTitle img {width:43.5%; max-width:408px; }
.board .topArea_typo01 .hashtag { position:absolute; width:100%; text-align:center; top:95%;}
.board02 .topArea_typo01 .hashtag { width:60%; left:40%; text-align:left;}
.board03 .topArea_typo01 .hashtag { right:45%; text-align:right;}
.boardArea { position:relative; width:90%; max-width:1520px; margin:0 auto 3%;}
.layer_board {}
.layer_board .board_frame { width:100%;}
.board_nav { padding-bottom:5%;}
.board_nav ul { text-align:center;}
.board_nav ul li { display:inline-block;}
.board_nav ul li a { display:block; width:140px; height:35px; padding:0 20px 0 14px; font-size:12px; line-height:28px; color:#fff; text-align:right; background:url(../images/board/board_tab.gif) right top no-repeat;-webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
.board_nav ul li a:hover, .board_nav ul li a:focus { padding:0 28px 0 6px;}
.board_nav ul li.this a { font-weight:700;}

@media \0screen { /* IE8 À¥ÆùÆ® ¼³Á¤*/

}

@media  (max-width: 1480px){
.about02_02 .about02_02_03 { padding:2% 0 0;}
.tab_nav li { margin-right:5px;}
.tab_nav li a { width:110px;}

.reser_btn {text-align:right; margin:0 10% 0 0;}
.price01 table th, .price01 table td { padding:5px 2px; font-size:12px; }

}

@media  (max-width: 1280px){

.about02_02 .about02_02_03 { padding:1% 0 0;}
.special .topArea_typo01, .tour .topArea_typo01, .board .topArea_typo01 { top:55%;}

.special_nav li .preTitle .preTitle01 { font-size:.9em;}
.special_nav li .preTitle .preTitle02 { font-size:.8em;}
.tab_nav li { margin-right:3px;}
.tab_nav li a { width:80px;}

.tourCon .tourCon_text {width:340px; height:285px; right:20px; bottom:55px;}
.tourCon_text dl { padding:5%;}
.tourCon_text dl dd { font-size:12px; line-height:18px;}
.tourCon .bx-wrapper .bx-controls { width:340px;}

.reser_btn {text-align:right; margin:0 10% 0 0;}
.price01 table th, .price01 table td { padding:4px 2px; font-size:11px; }


.add01 { font-size:24px; line-height:36px;}
.add02 { font-size:16px; line-height:24px;}
}

@media  (max-width: 1024px){

.special_nav li .preTitle .preTitle01 { padding:8% 0 0; font-size:.7em; line-height:1em;}
.special_nav li .preTitle .preTitle02 { font-size:.65em;}

.topArea_typo01 .hashtag { font-size:13px;}

.tourCon .tourCon_text {width:300px; height:235px; right:10px; bottom:45px;}
.tourCon02 .tourCon_text { left:10px;}
.tourCon_text dl { padding:4%;}
.tourCon_text dl dt .title01 {  font-size:14px; margin-bottom:2%; }
.tourCon_text dl dt .title02 { font-size:16px; line-height:20px;margin-bottom:3%; }
.tourCon_text dl dd { font-size:11px; line-height:16px;}
.tourCon .bx-wrapper .bx-controls { width:300px; right:10px; bottom:10px;}
.tourCon02 .bx-wrapper .bx-controls { left:10px;}

.reserArea .link_reser, .btn_reser01.link_reser { width:180px; padding:0 10px 0 10px;}
.reserArea .link_reser:hover, .reserArea .link_reser:focus, .btn_reser01.link_reser:hover, .btn_reser01.link_reser:focus {padding:0 4px 0 16px;}
.reser01_02 { width:200px; }
.reser_list dt {  padding-left:60px; background:url(../images/reser/title_bg01.gif) left center no-repeat; margin-bottom:14px; background-size:46px 1px;}
.reser_list dd { padding-left:60px; background:url(../images/reser/title_bg02.gif) 22px 10px no-repeat;  background-size:22px 3px;}

.reser .topArea_typo01, .map .topArea_typo01 {top:60%}

.map02_02 li, .map03_02 li { font-size:12px; line-height:18px; margin-bottom:10px;}


}

@media  (max-width: 768px){
.reser .topArea_typo01, .map .topArea_typo01 {top:70%}
}

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

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

@media  (max-width: 360px){

}

@media  (max-width: 340px){

}