@charset "utf-8";

/* about01 : 소개 */

.about01_01_title {font-family: 'Nanum Myeongjo', serif; font-size:42px; line-height:58px; color:#222; text-align:center; margin:0 0 30px; }
.about01_01_img { position:relative;}
.about01_01_text { position:absolute; left:52%; top:0; font-size:15px; line-height:26px; color:#888;}

/* about02 */

/* preview */
.preview_list {}
.preview_list:after {content:"";display:block;clear:both;}
.roomPre .bx-wrapper { width:664px; height:auto;  margin:0 auto; border:3px solid #000;}
.roomPre_img { position:relative; margin:-8% auto 0;}
.roomPre_img a { position:absolute; display:block;text-align:center; z-index:3; }
.roomPre_img a span { display:inline-block; font-size:15px; line-height:22px; font-weight:700; color:#000; padding:5px 20px; background:#fff; border:3px solid #a0bbc1;  opacity:0; filter: alpha(opacity=0;);}
.roomPre_img a.room07 span, .roomPre_img a.room08 span, .roomPre_img a.room09 span { border:3px solid #dfabba; }
.roomPre_img a.room01 { width:20.8%; height:26.6%; left:1.3%; top:27.8%;}
.roomPre_img a.room02 { width:16.8%; height:26.6%; left:22.2%; top:27.8%;}
.roomPre_img a.room03 { width:16.8%; height:21.6%; left:40.2%; top:26.8%;}
.roomPre_img a.room04 { width:12.8%; height:20.6%; left:57.2%; top:26.8%;}
.roomPre_img a.room05 { width:17.8%; height:20.6%; left:59.1%; top:39.0%;}
.roomPre_img a.room06 { width:22.1%; height:22.5%; left:74.8%; top:44.1%;}
.roomPre_img a.room07 { width:17.1%; height:26.6%; left:23.6%; top:66.5%;}
.roomPre_img a.room08 { width:17.8%; height:16.7%; left:45.1%; top:62.9%;}
.roomPre_img a.room09 { width:17.8%; height:16.7%; left:45.1%; top:79.7%;}
.roomPre_img a.room10 { width:16.8%; height:8.6%; left:42.2%; top:18.8%; }

.roomList_img { position:relative; width:100%;  max-width:664px; margin:0 auto; border-left:3px solid #333;  border-right:3px solid #333; z-index:10;}
.roomList_img div { position:absolute; left:0; top:3px; display:none;}
.roomList_img div img { width:100%; vertical-align:top;}
.roomList_img div span, .roomPre .bxslider li span { position:absolute; width:100%; left:0; bottom:2%; text-align:center; color:#000; font-weight:700; font-size:15px; line-height:22px;}
.roomList_img div span strong, .roomPre .bxslider li span strong { display:block; font-size:1.3em;}

.preview_list02_div {  }
.preview_list02 { width:1860px; /* 186*리스트 개수 넣어줘야 함 */ } 
.preview_list02:after {content:"";display:block;clear:both;}
.preview_list02 li {position:relative; float:left; width:164px; margin:0 22px 22px 0; overflow:hidden;}
.preview_list02 li a { display:block;}
.preview_list02 li img { width:100%; vertical-align:top;}
.preview_list02 li a > span { position:absolute; display:block; width:100%; height:30px; background:#000; left:0; bottom:-30px; padding:5px 10px; font-size:13px; line-height:20px; color:#fff; text-transform:uppercase; font-weight:700; -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; }
.preview_list02 li a > span .go { position:absolute; right:10px; color:#ffae00;}
.preview_list02 li a:hover > span, .preview_list02 li a:focus > span { bottom:0; }

/* room */
.title_info { margin:3% 0; text-align:center;}
.title_info span { display:block;}
.title_info .title_info_en {font-family:"Lato",sans-serif; font-size:36px; line-height:1.5em; color:#000; letter-spacing:0.2em;  }
.title_info .title_info_line { margin:20px auto; width:66px; height:2px; background:#000;}
.title_info .title_info_ko { color:#a4a4a4; font-weight:400;}
.title_preview { margin:6% 0 3%; text-align:center;font-family:"Lato",sans-serif; font-size:42px; line-height:0.9em; color:#000;  font-weight:300; }
.title_preview span { display:block; font-weight:700;}

.infoArea  { width:100%; border-collapse:collapse; }
.infoArea_01  { padding:20px 0 10px; border-top:2px solid #000; border-bottom:2px solid #000; vertical-align:top;}
.infoArea_02  { position:relative; padding:12px 0 80px; border-top:2px solid #000; border-bottom:2px solid #000; vertical-align:top;}
.chargeTable { width:100%; border-collapse:collapse; margin-bottom:2%;}
.chargeTable th { padding:8px 0; font-weight:400; color:#666;}
.chargeTable td { padding:8px 0; border-top:1px solid #000; text-align:center; color:#666;}
.chargeTable .border_b { background:url(../images/sub/table_line.gif) center bottom no-repeat; background-size:90% 1px; }
.chargeTable .border_l { background:url(../images/sub/table_line.gif) left center no-repeat;}
.infoArea_02_01 { min-height:72px; padding-left:120px; background:url(../images/room/facility_bg.png) 20px top no-repeat; font-size:13px; line-height:24px;}
.infoArea_02_01 dt { float:left; width:58px; }
.infoArea_02_01 dd { float:left; width:calc(100% - 58px); width:-webkit-calc(100% - 58px); width:-moz-calc(100% - 58px);}
.infoArea_02_02 { position:absolute; right:0; bottom:0;}
.infoArea_phone, .infoArea_btn { float:left; display:inline-block;}
.infoArea_phone { background:url(../images/room/phone.png) left 13px no-repeat; padding:10px 20px 5px 32px;}
.infoArea_phone dt { font-size:16px; line-height:18px; font-style:italic; font-weight:600; letter-spacing:-0.5px; }
.infoArea_phone dd { font-size:15px; line-height:20px;}

.room_frame { width:100%; height:200px;}

/* special */
#special01 { padding-top:25px;}
.special_list {width:96%; max-width:1280px; margin:30px auto;}
.special_list:after {content:"";display:block;clear:both;}
.special_list li { position:relative; float:left; width:32%; margin-left:2%;}
.special_list li:first-child { margin-left:0;}
.special_list li img { width:100%; vertical-align:top;}
.special_list li .imgOn { position:absolute; left:0; top:0;  opacity:0; filter: alpha(opacity=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;  z-index:5;}
.special_list li a:hover .imgOn, .special_list li a:focus .imgOn { opacity:1; filter: alpha(opacity=100;); }
.special_con { position:relative; padding:20px 0; background:#4f4f4f;}
.special_con > div {width:96%; max-width:1280px; margin:0 auto; }
.special_con > div:after {content:"";display:block;clear:both;}
.special_con01, .special_con02 { float:left; width:50%;}
.special_con02 { padding-left:3%;  color:#fff;}
.special_con02 dt { font-size:24px; line-height:32px; margin-bottom:30px; padding-top:6px; }
.special_con02 dt strong { text-transform:uppercase;}
.special_con02 dd {font-size:16px; line-height:26px;}
.special_con02 dd p { margin-top:20px; padding-top:30px; border-top:1px solid #fff;}
.special_con_arrow {width:96%; max-width:1280px; margin:0 auto;}
.special_con_arrow:after {content:"";display:block;clear:both;}
.special_con_arrow li { float:left; width:33.33%; text-align:center; height:15px;}
.special_con_arrow li img { vertical-align:top;}
.special_con_arrow li.off {  opacity:0; filter: alpha(opacity=0;);}

/* tour */
.tourArea { margin:30px auto;}
.tourArea > ul { border-bottom:1px solid #eee; padding:5% 0;}
.tourArea > ul:after {content:""; display:block; clear:both;}
.tourArea > ul > li { float:left; width:48%; margin:0 1%;}

.tourArea .bx-wrapper { overflow:hidden; margin-bottom:3%;}
.tour_bxslider { width:100%;}
.tour_bxslider li img { width:100%; vertical-align:top;}
.tourArea .bx-pager { position:relative; width:100%; left:0; margin:10px 0; height:19px; line-height:16px;}
.tourArea .bx-pager .bx-pager-item { display:inline-block; margin:0 5px;  }
.tourArea .bx-pager .bx-pager-link {display:inline-block; width:6px; height:6px; margin:0; background:#cbcbcb; border:1px solid #fff; border-radius:100%; font-size:0; -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; }
.tourArea .bx-pager .bx-pager-link:hover, .tourArea .bx-pager .bx-pager-link:focus { background:#000;}
.tourArea .bx-pager .bx-pager-link.active { background:#000; border:1px solid #000;}

.tourArea dl { text-align:center; }
.tourArea dl dt { font-size:20px; line-height:26px; margin-bottom:3%; color:#000;}
.tourArea dl dt span { display:block; font-size:0.7em; color:#0088df; font-weight:700;  line-height:1em;}
.tourArea dl dd { font-size:15px; line-height:22px; color:#666;}

/* reser */
.reser01 { position:relative;}
.reser01:after {content:"";display:block;clear:both;}
.reser01_01 { }
.reser01_02 { position:absolute; right:0; bottom:0;}
.reser_title { padding:5% 0; margin:4.5% 0; background:#00284b; text-align:center; color:#fff; font-size:16px; font-weight:400; letter-spacing:0.1em;}
.reser_title strong { display:block; font-size:56px; line-height:60px; }
.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 { padding:5% 0; border-bottom:1px solid #d0d0d0;  }
.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; }
.reser_frame { width:100%; height:500px;}
.reser_bg { /*background:url(../images/reser/img05_01.jpg) center top no-repeat;*/}
.reser02 .reser_frame { display:block;/*  max-width:860px;  */margin:0 auto; height:1450px; background:#fff;}

.reser02#wrap { background:#900034; }
.reser02 .subTitle {background:url(../images/sub/typo_hello_02.png) center top no-repeat}
.reser02 .subTitle_01, .reser02 .subTitle_02, .reser02 .subNav a { color:#fff;}
.reser02 .subTitle_02 {  opacity:0.5; filter: alpha(opacity=50;);}
.reser02 .topArea .bxslider li { height:200px !important;}


/* map */
.mapArea { position:relative;}
.mapArea:after {content:"";display:block;clear:both;}
.map_layer { position:relative; width:100%; height:600px; overflow:hidden;}
.map_layer .map_frame { position:absolute; width:200%; height:200%; left:-50%; top:-43%; z-index:3;}
.map_layer .map_con { position:absolute; left:34%; top:62%; margin:0 !important; padding:10px 20px !important; border-radius:2px; background:url(../images/bg/black_50.png); z-index:5;}
.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;  padding-left:50px; background:url(../images/reser/title_bg01.gif) left 12px no-repeat; background-size:30px 1px; }
.map_con dt { font-size:20px; line-height:26px; color:#00284b; margin-bottom:1.5%; }
.add01 { font-size:22px; line-height:26px; color:#fff; margin-bottom:1.5%;}
.add02 { font-size:16px; line-height:20px; color:#fff; }
.map_layer .map_con dt, .map_layer .map_con dd { color:#fff}
.map04_01 .add01 { font-size:22px; line-height:32px; margin-bottom:1.5%;}
.map04_01 .add02 { font-size:16px; line-height:24px;  margin-bottom:5%;}

/* board */

.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){

}

@media  (max-width: 1280px){
.about01_01_text {   font-size:15px; line-height:18px; }

}

@media  (max-width: 1024px){

}

@media  (max-width: 830px){

.preview_list02 li a > span { bottom:0; background:url(../images/bg/black_60.png);}

.roomPre_img a span { opacity:1; filter: alpha(opacity=100;);}
.infoArea { position:relative; border-top:2px solid #000;  border-bottom:2px solid #000; padding:20px 0 80px;}
.list_dl dt {font-size: 30px;}
.list_dl dd {font-size: 24px;  line-height:30px;}
.infoArea_phone dt { font-size:16px; line-height:16px; font-style:italic; font-weight:600; letter-spacing:-0.5px; }
.infoArea_phone dd { font-size:24px; line-height:24px;}


.special_con { padding:3% 0;}
.special_con > div { width:94%;}
.special_con01, .special_con02 { float:none; width:100%;}
.special_con02 { padding-left:0; }
.special_con02 dt { font-size:42px; line-height:46px;padding-top:30px; }
.special_con02 dd {font-size:28px; line-height:40px; padding-bottom:20px;}
.special_con02 dd p { margin-top:20px; padding-top:30px; border-top:1px solid #fff;}

.tourArea > ul { margin:0; border:none; padding:0;}
.tourArea > ul > li { float:none; width:100%; margin:0 0 10%;}
.tourArea .bx-wrapper { margin-bottom:0;}
.tourArea dl dt { font-size:36px; line-height:42px;}
.tourArea dl dd { font-size:28px; line-height:40px; letter-spacing:-1px}
.tourArea dl dd br { display:none;}

.reser_list dt { padding-left:40px; background-size:20px 2px; }
.reser_list dt .num { font-size:30px;}
.reser_list dt .dot {font-size:30px; color:#bea67c;}
.reser_list dd { padding-left:40px; background-position:left 10px; background-size:20px 3px; font-size:16px; line-height:24px; }
.price01 th { padding:8px 5px; font-size:15px; line-height:20px;}
.price01 td { padding:8px 5px; font-size:15px; line-height:20px;}

.map_layer {height:400px; }
.map_layer .map_frame { width:1200px; height:600px; left:50%; top:50%; margin:-300px 0 0 -550px;}
.map_layer .map_con { left:30%; top:52%; }
.map_con { margin:6% 0 0;  padding-left:40px; background-size:30px 2px; }

}

@media  (max-width: 768px){

}

@media  (max-width: 560px){

}

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

@media  (max-width: 360px){

}

@media  (max-width: 340px){

}