@charset "utf-8";
/*villa css*/
.inner .room_thumb {}
.inner .room_thumb ul {position:relative; display:table; table-layout:fixed; margin:0 -5px; transition:all 0.3s ease}
.inner .room_thumb ul:after {clear:both; content:''; display:block}
.inner .room_thumb ul li {display:inline-block; width:16.66666%; padding:0 5px}
.inner .room_thumb ul li .thumbBox {overflow:hidden; text-align:left; transition:all 0.3s ease}
.inner .room_thumb ul li a {}
.inner .room_thumb ul li a:hover .thumbBox {border:5px solid #21bbb1}
.inner .room_thumb ul li a:hover span {color:#21bbb1}
.inner .room_thumb ul li .thumbBox img {display:block; width:100%}
.inner .room_thumb ul li.on .thumbBox {border:5px solid #21bbb1}
.inner .room_thumb ul li span {display:block; padding:10px 0; font-size:17px; font-weight:500; letter-spacing:-1px; color:#444444; transition:all 0.3s ease}
.inner .room_thumb ul li.on span {color:#21bbb1}
.thumb-list {margin:0px;padding:0px;list-style:none;margin-top:50px;}
#maskingTarget ul {margin:0px;padding:0px;}
/*.list_wrap {margin-top:50px;}*/
p.ns {margin:0px;}
.sub_title {margin-bottom:30px;text-align:center;}
.sub_title h3 {font-size:24px;margin:0px;}
.room_style {padding-top:80px;}

/*¸ðµâ ½æ³×ÀÏ*/
.Thumbnail {margin:0 -5px; display:table; table-layout:fixed}
#preview {display:table-cell; width:16.66666%; padding:0; overflow:hidden}
#preview:before {clear:both; content:''; display:block; margin:0 -5px}
#preview a {font-size:17px; font-weight:500; letter-spacing:-1px; color:#444444; transition:all 0.3s ease; text-transform:uppercase; overflow:hidden}
#preview a > img {display:block; width:100%; height:auto; border:6px solid transparent}
#preview img.room_thumbnail:hover {border-color:#21bbb1; transition:all 0.3s ease}
#preview ul {position:relative; display:table; table-layout:fixed; margin:0 -5px; transition:all 0.3s ease}
#preview ul:after {clear:both; content:''; display:block}
#preview ul li {display:inline-block; width:16.66666%; padding:0 5px}
#preview ul li .thumbBox {overflow:hidden; text-align:left; transition:all 0.3s ease}
#preview ul li a {}
#preview ul li a:hover .thumbBox {border:5px solid #21bbb1}
#preview ul li a:hover span {color:#21bbb1}
#preview ul li .thumbBox img {display:block; width:100%}
#preview ul li.on .thumbBox {border:5px solid #21bbb1}
#preview ul li span {display:block; padding:10px 0; font-size:17px; font-weight:500; letter-spacing:-1px; color:#444444; transition:all 0.3s ease}
#preview ul li.on span {color:#21bbb1}
.inner .room_table {padding:40px 0 30px}
.inner .room_table table {width:100%; text-align:center}
.inner .room_table table thead {}
.inner .room_table table thead tr {}
.inner .room_table table thead tr th {padding:10px 0; background:#fbfbfb; font-size:14px; font-weight:700; color:#444444; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9}
.inner .room_table table thead tr:first-child th {border-top:2px solid #161616}
.inner .room_table table thead tr:first-child th:first-child {border-left:1px solid #d9d9d9}
.inner .room_table table tbody {}
.inner .room_table table tbody tr {}
.inner .room_table table tbody tr td {padding:10px 0; border-bottom:1px solid #d9d9d9; font-size:13px; font-weight:700; border-right:1px solid #d9d9d9; color:#444444}
.inner .room_table table tbody tr td:first-child {border-left:1px solid #d9d9d9}
/*room thumbnail*/
#facilitySlider:after {clear:both; display:block; content:''}
#facilitySlider .viewer_tle_01 {display:none}
#facilitySlider .viewer_content_01 {width:100% !important; height:auto !important; margin:0 !important}
#maskingTarget {float:none !important; width:100% !important}
#maskingTarget:after {clear:both; content:''; display:block}
#maskingTarget ul li {font-size:0; margin:0 -5px}
#maskingTarget ul li > div {display:inline-block; float:none !important; width:16.66666% !important; height:auto !important; text-align:justify !important; margin:10px 0 !important; padding:0 5px}
#maskingTarget ul li div > div {width:100% !important}
#maskingTarget ul li div a {}
#maskingTarget ul li div a img {display:block; width:100%; height:auto}
#selectedImage {display:block; width:100%; height:auto}
#facilitySlider .floor-container .floor-info .thumb-list {margin:0 -5px}
#facilitySlider .floor-container .floor-info .thumb-list:after {clear:both; content:''; display:block}
#facilitySlider .floor-container .floor-info .thumb-list > li {position:relative; float:left; width:16.666667%; margin-bottom:20px; padding:0 5px; cursor:pointer}
#facilitySlider .floor-container .floor-info .thumb-list > li img {display:block; width:100%}
#facilitySlider .floor-container .floor-info .thumb-list > li:before {position:absolute; top:0; left:5px; right:5px; bottom:0; content:''; border:0px solid #21bbb1; transition:all 0.3s ease}
#facilitySlider .floor-container .floor-info .thumb-list > li.selected:before,#facilitySlider .floor-container .floor-info .thumb-list > li:hover:before {border-width:6px}
/*room desc*/
.room_desc {}
.room_desc .roomIn {}
.room_desc .desc {padding-bottom:50px}
.room_desc .desc h3 {font-size:17px; font-weight:700; color:#444444; padding-bottom:0px;line-height:1;}
.room_desc .desc p {font-size:14px; font-weight:500; color:#444444}
/*room table*/
.desc.roomIn2 {}
.desc.roomIn2 table {width:100%; border-top:2px solid #161616}
.desc.roomIn2 table tbody {}
.desc.roomIn2 table tbody tr {}
.desc.roomIn2 table tbody tr td {padding:12px; border-color:#d9d9d9}
.desc.roomIn2 table tbody tr td#app_td1 {background:#f9f9f9; width:10% !important}
table.roomTable {width:100%; text-align:center}
table.roomTable thead {}
table.roomTable thead tr {}
table.roomTable thead tr th {padding:10px 0; background:#fbfbfb; font-size:14px; font-weight:700; color:#444444; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9}
table.roomTable thead tr:first-child th {border-top:2px solid #161616}
table.roomTable thead tr:first-child th:first-child {border-left:1px solid #d9d9d9}
table.roomTable tbody {}
table.roomTable tbody tr {}
table.roomTable tbody tr td {padding:10px 0; border-bottom:1px solid #d9d9d9; font-size:13px; font-weight:700; border-right:1px solid #d9d9d9; color:#444444}
table.roomTable tbody tr td:first-child {border-left:1px solid #d9d9d9}
/*module css*/
table.app_table {width:100%; text-align:center; margin-top:50px}
table.app_table tbody {}
table.app_table tbody tr {}
table.app_table tbody tr:first-child td {padding:10px 0; background:#fbfbfb; font-size:14px; font-weight:700; color:#444444; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9}
table.app_table tbody tr:first-child td {border-top:2px solid #161616}
table.app_table tbody tr:first-child td:first-child {border-left:1px solid #d9d9d9}
table.app_table tbody {}
table.app_table tbody tr {}
table.app_table tbody tr td {padding:10px 0; border-bottom:1px solid #d9d9d9; font-size:13px; font-weight:700; border-right:1px solid #d9d9d9; color:#444444}
table.app_table tbody tr td:first-child {border-left:1px solid #d9d9d9}
.room_style .btn_area {padding:50px 0}
.room_style .btn_area a > span {background:url(../../img/border-img.png) center top; position:relative; display:inline-block; padding:10px 60px; transition:all 0.3s ease}
.room_style .btn_area a > span:before {position:absolute; content:''; display:block; top:4px; left:4px; right:4px; bottom:4px; background:#fff; z-index:5; transition:all 0.3s ease}
.room_style .btn_area a > span:hover:before {color:#21bbb1}
.room_style .btn_area a > span > span {font-size:18px; font-weight:700; position:relative; z-index:20; transition:all 0.3s ease}
.room_style .btn_area a:hover > span > span {color:#21bbb1}

/* button style */
.btn {display:inline-block; padding:0 20px; font-family:inherit !important; font-size:13px; height:35px; line-height:33px; border:1px solid #dedede; border-radius:2px; background:#fff; cursor:pointer; vertical-align:middle; transition:all .3s ease}
.btn.btn-default {color:#555 !important; background:#fff}
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active {background:#f4f4f4}
.btn.btn-light {color:#000 !important; border-color:#fff; background:#fff}
.btn.btn-light:hover, .btn.btn-light:focus, .btn.btn-light:active {color:#fff !important; border-color:#000; background:#000}
.btn.btn-success {color:#fff !important; border-color:#50b35a; background:#50b35a}
.btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active {border-color:#4c9a54; background:#4c9a54}
.btn.btn-grey {color:#fff !important; border-color:#a2a8af; background:#a8aeb6}
.btn.btn-grey:hover, .btn.btn-grey:focus, .btn.btn-grey:active {border-color:#8c95a1; background:#919ba9}
.btn.btn-ghost {color:#fff !important; border-color:rgba(255, 255, 255, .3); border-radius:0 !important; background:transparent !important}
.btn.btn-ghost:hover, btn.btn-ghost:focus, btn.btn-ghost:active {color:#000 !important; border-color:#fff !important; background:#fff !important}
/* button size */ 
.btn.btn-sm {font-size:12px; line-height:28px; height:30px; padding:0 15px}
.btn.btn-lg {line-height:41px; height:45px; padding:0 30px; border-width:2px}
.btn.btn-xlg {font-size:15px; line-height:44px; height:50px; padding:0 40px; border-width:3px}
.btn.btn-slim {border-width:1px !important}
/* button fontawesome icon */
.btn i {margin:0 5px 0 0 ; vertical-align:-1px}
.btn i.right {margin:0 0 0 5px}
/*¿À½Ã´Â±æ*/
#map {position:relative; height:400px; margin-bottom:30px; overflow:hidden}
.map_box {background:#f9f9f9; padding:30px; margin-bottom:30px}
.map_box ul.map_info {}
.map_box ul.map_info li {position:relative; margin-bottom:5px; padding-left:10px}
.map_box ul.map_info li:before {display:block; content:''; position:absolute; top:9px; left:0; width:3px; height:3px; background:#b9b3b3}


/* 30Æò */
.price_table {}
.price_table h1 {font-size:22px;}
.price_table li {font-size:15px;color:#232323;}
.price_table ul {margin:0px;padding:0px;}
.price_table ul li {float:left;width:50%;border:solid 1px #ffffff;background-color:#f7f7f7;list-style:none;padding:10px;margin-left:-1px;margin-top:-1px;}
.price_table ul li.last {background:#dcdcdc;} 
.caution {margin-top:20px;display:inline-block;clear:both;}
.caution span {color:#000;font-size:18px;}

/*¹ÝÀÀÇü ¹Ìµð¾î Äõ¸®*/
@media screen and (max-width:1024px) {

 /*°´½Çº¸±â ½æ³×ÀÏ*/
 .thumb-list {}
 .thumb-list li {}
 .thumb-list li.active img {width:100%}
}
@media screen and (max-width:768px) {

 /*Ææ¼Çº¸±â*/
 #preview {display:inline-block; width:50%}

 #map {width:93%; margin:0 auto}
 .map_box {padding:30px; margin:40px 20px 0}
 /*module css*/
 .Thumbnail {padding:0 20px}
 .mini_cal > tbody > tr:first-child > td:first-child {display:block}
 .mini_cal > tbody > tr:first-child > td:nth-child(2) {display:block}
 /*.mini_cal tbody tr:first-child > td:nth-child(2) {display:block}*/
 .list_wrap {position:relative; overflow:hidden; overflow-x:auto}
 .list_wrap table {width:1000px}
 table.app_table {width:1000px}
 .desc.roomIn2 table {width:1000px}
 table.mini_cal table {width:100%; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; margin-bottom:20px}
 table.mini_cal table tbody tr td:first-child {display:none !important}
 table.mini_cal table tbody tr td:last-child {display:none !important}
 /*¿¹¾àÁ¤º¸*/
 .reser_table tbody tr td {width:100%; float:none; display:block; border-left:1px solid #d9d9d9}
 dl.customer_info dt {display:block; width:100%; float:none}
 dl.customer_info dd {display:block; width:100%; float:none}
}
@media screen and (max-width:480px) {
 .col-sm-1 > li {width:100%}
 /*.tbl_brd tbody td:first-child {display:none}*/
 .tbl_brd tbody td {font-size:11px !important; padding:5px}
 .tbl_brd tbody td font, .tbl_brd tbody td span, .tbl_brd tbody td a {font-size:11px !important}
}