/** BOOKING **/
.bookArea-wrap {width: 100%; background: #f2f2f2;}
#bookArea {background: #f2f2f2;}
#bookArea .bookIns ul {padding: 0;}
#bookArea .bookIns input {border: 1px solid rgb(169, 169, 169) !important; box-sizing: border-box;}
#bookArea .bookIns .innerBox.sel select {border: 1px solid rgb(169, 169, 169);}
#bookArea .bookIns .fb_rsvn button {background: #C9982E;}
.date-picker-wrapper .month-wrapper table th {font-size: 14px;}
.date-picker-wrapper .footer {display: none;}


.mb30 {margin-bottom: 60px;}

.w1200{width:1200px; margin:0 auto;}
/* .hidden{display:none;} */

/* nav */

.header {height: 360px; background: url(/WesternLifeHotel_common/images/homepage/visual/main_header.JPG) no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.nav_wrap {position: relative; height: 100px; background: rgba(0,0,0,0.5); padding: 0 10% 0 7%; z-index: 99;}
.nav_wrap .logo {display: inline; margin-top: 8px; float: left; background: url(/WesternLifeHotel_common/images/homepage/common/logo-c.png) no-repeat; background-size: cover; -webkit-	background-size: cover; -o-background-size: cover; -moz-background-size: cover; text-indent: -9999px; width: 93px; height: 84px;}
.nav_wrap .lang {float: right; padding-top: 40px;}
.nav_wrap .lang a {width: 29px; height: 21px; background: url(/WesternLifeHotel_common/images/homepage/common/lang.PNG) no-repeat; text-indent: -9999px;}
.nav_wrap .lang a.ko {background-position:0 0;}
.nav_wrap .lang a.en {background-position:-29px 0;}
.nav {width: 1500px; margin: 0 auto; text-align: center;}
.nav_m {overflow: hidden; height: 100px;}
.nav ul .menu {display: inline-block; min-width: 100px; height: 100px; line-height: 100px; font-size: 16px; color: #fff; padding: 0 24px; letter-spacing: 0.5px;}
.nav ul .menu:last-child {color: #aee0da;}
.nav ul .menu.on {background: url(/WesternLifeHotel_common/images/homepage/common/nav_on.PNG) bottom no-repeat;}
.nav ul .menu .nav2 {position:absolute; top:100px; left:0; right:0; height:60px; background: rgba(85,85,85,.9); display:none; z-index: 998; overflow: hidden;}
.nav ul .menu .nav2 .nav2-inner {width: 1330px; margin: 0 auto;}
.nav ul .menu .nav2 .nav2-inner ul {height: 60px; line-height: 60px; text-align: left;}

.nav ul .menu .nav2 .nav2-inner ul li {display: inline; color: #b9b5b1;; margin-right: 25px; font-size: 13.5px; text-transform: uppercase;}
.nav ul .menu .nav2 .nav2-inner ul li:last-child {margin-right: 0;}
.weather {width: 40px; height: 40px; overflow: hidden; float: right; margin-top: 30px; margin-right: 20px;}
#weather img {width: 40px; margin-right: 8px; float: left;}
#weather .temp {font-size: 15px; color: #fff; width: 150px; line-height: 40px; text-align: left;}

.sns-wrap {float: right; margin-top: 28px; margin-right: 20px;}
.sns-wrap a {text-indent: -9999px; width: 40px; height: 40px;}
.sns-wrap a.insta {background: url(/WesternLifeHotel_common/images/homepage/common/insta.png) center center no-repeat; margin-right: 3px;}
.sns-wrap a.facebook {background: url(/WesternLifeHotel_common/images/homepage/common/facebook.png) center center no-repeat; margin-right: 3px;}
.sns-wrap a.youtube {background: url(/WesternLifeHotel_common/images/homepage/common/youtube.png) center center no-repeat;}

.language_wrap {display: inline-block; margin-top:37px; float:right; position: relative;}
.language {border: 1px solid #ddd; color: #ddd; font-size: 12px; padding: 3px 10px; border-radius: 5px; position: absolute; width: 84px;}
.language.on {border: 2px solid #ddd; color: #ddd;}
.lang_list {background: rgba(255,255,255,0.55); padding: 10px; z-index: 11; display: none; position: absolute; top: 26px; width: 84px;}
.lang_list li {font-size: 12px; line-height: 26px; text-align: center;}


.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {display: inline; padding: 0 6px;}
.bx-wrapper .bx-pager.bx-default-pager a {display: inline-block; text-indent: -9999px; width: 16px; height: 16px; border-radius: 8px; border: 1px solid #473728;}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #473728;
}

/* main */

.main_visual {position: relative; top: -100px; width: 100%; height: 900px; color: #fff; margin-bottom: -100px;}
.main_visual_title {position: absolute; top: 30%; left: 15%; z-index: 9;}
.main_visual_title p {font-size: 18px; color: #fff;}
.main_visual_title a {margin-top: 38px;}
p.stitle {font-family:'BaskervilleOldFace', 'Sans-serif'; font-size: 54px; letter-spacing: 3px; margin-bottom: 8px; color: #fff; }
p.stitle_ko {font-family: 'Nanum Myeongjo', '바탕'; font-size: 47px; margin-bottom: 20px; color: #fff; }
p.mtitle {font-family:'BaskervilleOldFace', 'Sans-serif'; font-size: 65px; letter-spacing: 3px; margin-bottom: 8px; color: #fff; }
p.mtitle_ko {font-family: 'Nanum Myeongjo', '바탕'; font-size: 47px; margin-bottom: 20px; color: #fff; }
p.title {font-family:'BaskervilleOldFace', 'Sans-serif'; font-size: 75px; letter-spacing: 3px; margin-bottom: 8px; color: #fff; }
p.title_ko {font-family: 'Nanum Myeongjo', '바탕'; font-size: 47px; margin-bottom: 20px; color: #fff; }

.main_visual .bx-viewport {height: 900px !important;}
#slider-mobile .bx-viewport {height: auto !important;}
.main_visual .bxslider li {height: 900px; background-size: cover !important; -webkit-background-size: cover !important; -o-background-size: cover !important; -moz-background-size: cover !important;}
.main_visual .bxslider li.main_slide01 {background: url(/WesternLifeHotel_common/images/homepage/visual/main_visual_05.jpg) no-repeat; background-position:center center;}
.main_visual .bxslider li.main_slide02 {background: url(/WesternLifeHotel_common/images/homepage/visual/main_visual_06.jpg) no-repeat; background-position:center center;}
.main_visual .bxslider li.main_slide03 {background: url(/WesternLifeHotel_common/images/homepage/visual/main_visual_07.jpg) no-repeat; background-position:center center;}
.main_visual .bxslider li.main_slide04 {background: url(/WesternLifeHotel_common/images/homepage/visual/premium_double.png) no-repeat; background-position:center center;}
.main_visual .bxslider li.main_slide05 {background: url(/WesternLifeHotel_common/images/homepage/visual/haedamchae.png) no-repeat; background-position:center center;}

.main_visual .bx-controls.bx-has-pager {position: relative; text-align: center; margin-top: -70px;}
.main_visual .bx-default-pager.bx-has-pager {display: inline-block; margin: 0 auto;}

.main_visual .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {padding: 0 6px;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a {border: 1px solid #fff;}

.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active,
.main_visual .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #fff;
}

#slider-mobile{display:none;}


.main_acco_rooms_left {float: left;}
.main_acco_rooms {position: relative; width: 315px; height: 270px; margin-right: 15px; margin-bottom: 15px; overflow: hidden; background-size: cover !important; -webkit-background-size: cover !important; -o-background-size: cover !important; -moz-background-size: cover !important;}
.main_acco_rooms.room2, .main_acco_rooms.room3, .main_acco_rooms.room5 {margin-bottom: 0;}
.main_acco_rooms.room4, .main_acco_rooms.room4,
.main_acco_rooms.room5, .main_acco_rooms.room5 {margin-right: 0;}

.main_acco_rooms.room1 {background: url(/WesternLifeHotel_common/images/homepage/rooms/index_room_01.jpg) no-repeat;}
.main_acco_rooms.room2 {background: url(/WesternLifeHotel_common/images/homepage/rooms/index_room_02.jpg) no-repeat;}
.main_acco_rooms.room3 {background: url(/WesternLifeHotel_common/images/homepage/rooms/index_room_03.jpg) no-repeat; width: 540px; height: 555px; float: left;}
.main_acco_rooms.room4 {background: url(/WesternLifeHotel_common/images/homepage/rooms/index_room_04.jpg) no-repeat;}
.main_acco_rooms.room5 {background: url(/WesternLifeHotel_common/images/homepage/rooms/index_room_05.jpg) no-repeat;}

.main_acco_rooms:hover .main_acco_view {display: block;}
.main_acco_view {position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); color: #fff; padding: 27% 0; display: none;}
.main_acco_rooms.room3 .main_acco_view {padding: 45% 0;}
.main_acco_view .round_bt {padding: 5px 28px; border: 2px solid #fff; border-radius: 20px; font-size: 14.5px; margin-top: 15px; letter-spacing: 1px;}
.main_acco_view p {font-size: 21px; margin-top: 15px; letter-spacing: 1px;}

#map_canvas {height: 680px; width:100%;}

/* font */

.font_mj {font-family: 'Nanum Myeongjo', '바탕'; word-break:keep-all; font-weight: 400; letter-spacing: -1px;}
.font_ap {font-family:'Apple-Garamond'; word-break:keep-all; letter-spacing: 6px; font-weight: 100; font-size: 55px;}


/*.bx-clone {display: none;}*/

.outside_wrap {position: relative; width: 1200px; margin: 0 auto; margin-top: -55px;}
.outside {position: relative; width: 105px; display: inline-block; float: right;}
.outside a {text-indent: -9999px;}
#slider-prev {position: absolute; top: 25%; left: 0;}
#slider-prev a {width: 48px; height: 48px; background: url(/WesternLifeHotel_common/images/homepage/common/main_prev.PNG) no-repeat;}
#slider-next {position: absolute; top: 25%; right: 0;}
#slider-next a {width: 48px; height: 48px; background: url(/WesternLifeHotel_common/images/homepage/common/main_next.PNG) no-repeat;}

/* sub */

.container {position: relative; width: 1200px; margin: 0 auto; padding: 100px 0; text-align: center;}
.container.board {padding-top: 30px;}
h2 {font-size: 45px; font-weight: 700; margin-bottom: 7px; text-align: center; }
.acco_wrap h2 {text-transform: uppercase;}

h3 {font-size: 40px; font-weight: 500; margin-bottom: 7px; text-align: center;}
.rsvn_bt {display: inline-block; background: #728c89; border-radius: 18px; width: 146px; height: 37px; line-height: 37px; color: #fff; margin-top: 15px; margin-bottom: 70px;}
.container .con_info {margin-bottom: 70px; font-size: 17px; color:#434343;}
.container .text {color: #505050; font-size: 20px; font-weight: 300;}

.visual {padding: 120px 0; color: #fff; text-align: center;}
.visual.no_bottom {margin-bottom: 0;}
.visual .round_bt {padding: 7px 40px; border: 2px solid #fff; border-radius: 25px; margin-top: 25px; letter-spacing: 1px;}
.visual p {font-size: 17px; margin-top: 15px; line-height: 30px;}
.visual span {margin-top: 5px;}
.visual.over {background: url(/WesternLifeHotel_common/images/homepage/visual/main_over.jpg) 50% no-repeat; background-attachment:fixed;}
.visual.loc {background: url(/WesternLifeHotel_common/images/homepage/visual/main_loc.jpg) 50% no-repeat; background-attachment:fixed;}

.sub_visual {position: relative; top: -100px; margin-bottom: -100px; width: 100%; height: 360px; color: #fff; text-align: center; /*background-size: cover !important; -webkit-background-size: cover !important; -o-background-size: cover !important; -moz-background-size: cover !important;*/}
.sub_visual h2 {font-family:'Apple-Garamond'; word-break:keep-all; padding-top: 190px; font-size: 50px; letter-spacing: 5px; font-weight: 100;}
.sub_visual p {font-size: 16px;}
.sub_visual.acco01 {background: url(/WesternLifeHotel_common/images/homepage/visual/acco.jpg) no-repeat; background-position: 0 -160px;}
.sub_visual.acco02 {background: url(/WesternLifeHotel_common/images/homepage/visual/deluxe_twin.png) no-repeat; background-position: 0 -350px;}
.sub_visual.acco03 {background: url(/WesternLifeHotel_common/images/homepage/visual/deluxe_family.PNG) no-repeat; background-position: 0 -350px;}
.sub_visual.acco04 {background: url(/WesternLifeHotel_common/images/homepage/visual/premium_double.PNG) no-repeat; background-position: 0 -350px;}
.sub_visual.acco05 {background: url(/WesternLifeHotel_common/images/homepage/visual/haedamchae.PNG) no-repeat; background-position: 0 -350px;}
.sub_visual.din01 {background: url(/WesternLifeHotel_common/images/homepage/visual/cafe.jpg) no-repeat; background-position: 0 -420px;}
.sub_visual.din02 {background: url(/WesternLifeHotel_common/images/homepage/visual/skyLounge.PNG) no-repeat; background-position: 0 -350px;}
.sub_visual.din03 {background: url(/WesternLifeHotel_common/images/homepage/visual/rooftop.png) no-repeat; background-position: 0 -350px;}
.sub_visual.fac01 {background: url(/WesternLifeHotel_common/images/homepage/visual/fac.jpg) no-repeat; background-position: 0 -350px;}
.sub_visual.fac02 {background: url(/WesternLifeHotel_common/images/homepage/visual/business.jpg) no-repeat; background-position: 0 -350px;}
.sub_visual.fac03 {background: url(/WesternLifeHotel_common/images/homepage/visual/bookcafe.PNG) no-repeat; background-position: 0 -350px;}
.sub_visual.fac04 {background: url(/WesternLifeHotel_common/images/homepage/visual/laundry.PNG) no-repeat; background-position: 0 -350px;}
.sub_visual.loc {background: url(/WesternLifeHotel_common/images/homepage/visual/location.jpg) no-repeat; height: 660px; margin-bottom: -100px; background-position: 0 -280px;}
.sub_visual.loc h2 {padding-top: 300px; margin-bottom: 15px; font-size: 60px;}
.sub_visual.over {background: url(/WesternLifeHotel_common/images/homepage/visual/main_over.jpg) no-repeat; height: 1550px; margin-bottom: -100px; text-align: left;}
.sub_visual.over .main_visual_title {position: relative; top: 250px; left: 0; width: 1200px; margin: 0 auto;}
.sub_visual.over .main_visual_title p.title {font-size: 60px; color: #fff; line-height: 1.1em; margin-bottom: 50px;}
.sub_visual.over .container ul {width: 100%; margin-top: 30px;}
.sub_visual.over .container ul li {width: 50%; float: left; height: 395px; background-size: cover; -webkit-	background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.sub_visual.over .container ul li.over01 {background: url(/WesternLifeHotel_common/images/homepage/overview/overview5.png) no-repeat;}
.sub_visual.over .container ul li.over02 {background: url(/WesternLifeHotel_common/images/homepage/overview/overview6.png) no-repeat;}
.sub_visual.over p {font-size: 18px; color: #fff; margin-bottom: 7px; font-weight: 300; max-width: 640px; word-break: keep-all;}
.sub_visual.info {background: url(/WesternLifeHotel_common/images/homepage/visual/infomation.jpg) no-repeat; height: 660px; margin-bottom: -100px; background-position: 0 -120px;}
.sub_visual.info h2 {padding-top: 300px; margin-bottom: 15px; font-size: 60px;}

.sub_visual a.btn{text-align:center; margin-top:35px; background: #b68c0f; color:#fff; display:inline-block; text-align:center; width:203px; font-size:14px; padding:13px 0; margin-left:10px;}
.sub_visual a.btn:hover{background:rgba(255,255,255,0.1); color:#fff}

.menu_tab {border-bottom: 1px solid #cccccc; width: 100%; overflow: hidden; height: 65px; color: #333; text-align: center;}
.menu_tab ul {width: 1200px; margin: 0 auto;}
.menu_tab ul li {width: 50%; float: left; height: 65px; color: #4f4f4f; font-size: 15px; line-height: 60px;}
.menu_tab ul li.l2 a {line-height: 1.5em; padding-top: 10px;}
.menu_tab.t3 ul li {width: 25%;}
.menu_tab.t4 ul li {width: 25%;}
.menu_tab.t5 ul li {width: 20%;}
.menu_tab.t5 ul li:nth-child(3) {width: 40%;}
.menu_tab.t6 ul li {width: 16.66%;}
.menu_tab.t7 ul li {width: 14.28%;}
.menu_tab.t8 ul li {width: 50%;}
.menu_tab.t9 ul li {width: 11.11%;}
.menu_tab ul li.current {border-bottom: 4px solid #5c3d5c; color: #493649;}
.acco_wrap {background: #f0f0f0; width: 100%; padding: 100px 0;}
.menu_tab.acc ul li{width:16.66%;}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}

.photo{position:relative;}
.photo.pc {height: 593px; margin-top: 75px;}
.photo.pc .bx-wrapper {position:absolute; left:50%; width:3500px; height:593px; margin-left:-1750px !important;}
.photo.pc .bx-wrapper .bx-viewport {height:593px !important;}
.photo.pc .slide li.acco_slide {height:1000px;}
.photo.pc .slide li.acco_slide img {opacity: 0.3; width: 100%;}
.photo.pc .slide li.acco_slide span {width: 70px; display: inline-block; word-spacing: 3px;}
.photo.pc .slide li.acco_slide.active img {opacity: 1;}
.acco_room_info {position: relative; display: none; background: #3e4451; padding: 50px 55px; color: #fff; width: 1100px; margin: 0 auto;}
.acco_room_info .info_rsvn {position: absolute; right: 55px; top: 35%; background: #728c89; width: 210px; height: 60px;  line-height: 60px; text-align: center; letter-spacing: 0.5px; font-size: 18px;}
.acco_room_info, .photo .slide li.acco_slide.active .acco_room_amenity {display: block;}

.acco_room_info p {line-height: 1.6em; font-weight: 300; color: #d6d9e0;}
.acco_room_info p span {font-weight: 400; color: #fff; margin-right: 12px;}
.acco_room_info p.acco_info {margin-bottom: 20px;}
.acco_room_info h4 {color: #fff; letter-spacing: 0.5px; font-size: 28px; display: inline-block; margin-top: 0; margin-right: 20px; font-weight: 400;}
.acco_room_amenity {width: 1100px; margin: 0 auto; background: #fff; padding: 55px; margin-top: 15px; border: 1px solid #d6d6d6;}
.acco_room_amenity h4 {letter-spacing: 0.5px; font-size: 23px; display: inline-block; margin-right: 20px; font-weight: 600; margin-top: 0; width: 142px;}
.acco_room_amenity ul {display: inline-block; vertical-align: top; padding-left: 80px; width: 42%;}
.acco_room_amenity ul.right {width: 38%;}

.acco_room_amenity ul li {line-height: 26px; font-size: 15px; color: #404040;}
.acco_room_amenity .useInfo {margin-top: 40px; padding-top: 40px; border-top: 1px solid #e6e6e6;}
.acco_room_amenity .useInfo h4 {font-size: 21px;}
.acco_room_amenity .useInfo ul {width: 80%;}

.acco_room_type {width: 1100px; margin: 0 auto; background: #fff; padding: 55px; margin-top: 15px; border: 1px solid #d6d6d6;}
.acco_room_type h4 {letter-spacing: 0.5px; font-size: 23px; display: inline-block; margin-right: 20px; font-weight: 600; margin-top: 0; width: 140px;}
.acco_room_type ul {display: inline-block; vertical-align: top; padding-left: 80px; width: 42%;}
.acco_room_type ul.right {width: 38%;}

.acco_room_type ul li {line-height: 26px; font-size: 15px; color: #404040;}
.acco_room_type .useInfo {margin-top: 20px; padding-top: 20px; /* border-top: 1px solid #e6e6e6; */}
.acco_room_type .useInfo h4 {font-size: 21px;}

.photo .bx-controls.bx-has-pager {margin-top: 40px;}
.photo .bx-wrapper .bx-pager.bx-default-pager {width: 200px; margin: 0 auto;}
.photo .bx-wrapper .bx-pager.bx-default-pager a {display: inline-block; text-indent: -9999px; width: 14px; height: 14px; border-radius: 7px; border: 1px solid #473728;}
.photo .bx-wrapper .bx-pager.bx-default-pager a:hover,
.photo .bx-wrapper .bx-pager.bx-default-pager a.active,
.photo .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #473728;}

.photo .outside {width: 1100px; height: 74px; top: 45%; margin: 0 auto; display: block; float: none;}
#slider-prev2 {position: absolute; left: 0;}
#slider-prev2 a {width: 74px; height: 74px; background: url(/WesternLifeHotel_common/images/homepage/common/sub_prev.PNG) no-repeat;}
#slider-next2 {position: absolute; right: 0;}
#slider-next2 a {width: 74px; height: 74px; background: url(/WesternLifeHotel_common/images/homepage/common/sub_next.PNG) no-repeat;}

.other_rooms {position: relative; width: 100%;}
.other_rooms ul li {position: relative;}
.other_rooms ul li a {width: 100%;}
.other_rooms ul li img {width: 100%; height: 304px;object-fit: cover;}
.other_rooms ul li a .over {position: absolute; background: rgba(0,0,0,0.5); width: 100%; height: 67px; left: 0; bottom: 5px; color: #fff; letter-spacing: 0.8px; font-size: 17px; font-weight: 100;}
.other_rooms ul li a .over .room {line-height: 67px; text-transform: uppercase;}
.other_rooms ul li a .over .round_bt, .other_rooms ul li a .over p {display: none;}
.other_rooms ul li a .over .round_bt {border: 1px solid #fff; border-radius: 20px; padding: 6px 28px; font-size: 14px; margin-top: 35%;}
.other_rooms ul li a .over p {font-size: 22px; margin-top: 10px;}

.other_rooms .bx-controls.bx-has-pager {margin-top: 50px;}

span.call {background: url(/WesternLifeHotel_common/images/homepage/common/call.PNG) left 50% no-repeat; padding-left: 15px; margin-right: 30px;}
span.fax {background: url(/WesternLifeHotel_common/images/homepage/common/fax.PNG) left 50% no-repeat; padding-left: 20px;}
span.addr {background: url(/WesternLifeHotel_common/images/homepage/common/addr.png) left 50% no-repeat; padding-left: 20px; margin-right: 20px;}

.main_fac {position: relative;}
.main_fac ul li {border: 1px solid #c4c4c4; height: 400px;}
.main_fac ul li:last-child {margin-right: 0;}
.main_fac ul li small {font-size: 13.5px; color: #4f4f4f;}
.main_fac p {font-size: 19px;}
.main_fac_bg {height: 280px; margin-bottom: 25px; background-size: cover !important; background-size: cover !important; -webkit-background-size: cover !important; -o-background-size: cover !important; -moz-background-size: cover !important;}
.main_fac_bg.fac01 {background: url(/WesternLifeHotel_common/images/homepage/index/fac01.jpg) no-repeat;}
.main_fac_bg.fac02 {background: url(/WesternLifeHotel_common/images/homepage/index/fac02.jpg) no-repeat;}
.main_fac_bg.fac03 {background: url(/WesternLifeHotel_common/images/homepage/index/fac03.jpg) no-repeat;}
.main_fac_bg.fac04 {background: url(/WesternLifeHotel_common/images/homepage/index/fac04.jpg) no-repeat;}
.main_fac_bg.fac05 {background: url(/WesternLifeHotel_common/images/homepage/index/fac05.jpg) no-repeat;}

.view {margin-top: 23px; font-size: 12px; background: #fff; padding: 5px 35px; border: 1px solid #bcbcbc; color: #666; letter-spacing: 0.2px;}
.en_view {margin-top: 50px; font-size: 12px; background: #fff; padding: 5px 35px; border: 1px solid #bcbcbc; color: #666; letter-spacing: 0.2px;}

.main_fac .bx-controls.bx-has-pager {margin-top: 50px;}
.main_fac .bx-wrapper .bx-viewport {overflow-y: visible !important; height: 430px !important;}

/* facilities */

#container .fac_infoWarp{background:#f4f4f4;padding-bottom:74px;}
#container .fac_slideshow{margin:76px auto;}

.fac_wrap {background:#e7e7e7 url(/WesternLifeHotel_common/images/homepage/common/fac_bg.png) repeat-x;}
.menu_tab.din ul li {width: 33%;}
.menu_tab.meeting ul li {width: 100%;}
.menu_tab.fac ul li {width: 50%;}
.menu_tab.guide ul li {width: 25%;}
.menu_tab.acco ul li {width: 20%;}
.fac_info_wrap {width: 100%; overflow: hidden; background: #fff; margin-top: 60px;}
.fac_info_wrap img {width: 700px; height: 600px; float: left;}
.fac_info_wrap .fac_info {position: relative; display: table; width: 500px; height: 600px; text-align: left; padding: 50px; padding-bottom: 0; font-size: 16px; overflow: hidden; color: #3e3e3e;}
.fac_info {word-break: keep-all;}
.fac_info p {display: inline; line-height: 1.6em; font-size: 17px;}
.fac_info ul {margin-top: 50px;}
.fac_info ul li {line-height: 1.985em; overflow: hidden;}
.fac_info ul li strong {display: inline-block; float: left; width: 125px; font-weight: bold; letter-spacing: 1px; vertical-align: top;}
.fac_info ul li span {width: calc(100% - 125px); line-height: 1.5em;}
.fac_info_qna {position: absolute; bottom: 25px; border-top: 1px solid #b7b7b7; width: 400px; padding-top: 20px; line-height: 40px;}
.fac_info_qna strong {margin-right: 10px;}
.fac_info_qna strong:before {content: url(/WesternLifeHotel_common/images/homepage/common/fac_info_call.PNG); vertical-align: middle; margin-right: 10px; display: inline-block; height: 35px;}
.fac_info_qna a {float: right; text-align: center; color: #fff; width: 80px; height: 35px; line-height: 35px; background: #3e4451;}
.fac_slider {margin-top: 40px; position: relative;}
.fac_slider .bx-wrapper {max-width: 100% !important;}
.fac_slider .bx-wrapper .bx-viewport {margin-bottom: 10px;}
.fac_slider .bx-wrapper .bx-viewport .bxslider li img {width:100%; max-height: 600px;}
.fac_slider .bxslider-pager li img {width: 100%; height: auto;}
.fac_slider .bxslider-pager li {filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); fliter:gray; opacity: 0.4;}
.fac_slider .bxslider-pager li.active {filter:none; -webkit-filter:grayscale(0); opacity: 1;}

.fac_slider .outside {width: 1200px; height: 74px; position: absolute; top: 40%; margin: 0 auto; display: block; float: none;}
#slider-prev3 {position: absolute; left: 0;}
#slider-prev3 a {width: 74px; height: 74px; background: url(/WesternLifeHotel_common/images/homepage/common/sub_prev.PNG) no-repeat;}
#slider-next3 {position: absolute; right: 0;}
#slider-next3 a {width: 74px; height: 74px; background: url(/WesternLifeHotel_common/images/homepage/common/sub_next.PNG) no-repeat;}

.info-list{margin:65px 0 65px; text-align:left;}
.info-list h4{text-align:center; font-size:30px}
.info-list p{margin:15px 0 30px; text-align:center;}
.info-list ul li{padding:3px 0; line-height:1.6em; margin:3px 0;}
.info-list ul li strong{margin:10px 0 10px 0; display:block;}
.info-list ul li ul li{margin:0 0 0 10px; position:relative; padding-left:12px;}
.info-list ul li ul li:before{content:"-"; position:absolute; left:0; top:0;}


/* location */

.location {width: 1200px; margin: 0 auto; padding: 80px 0; overflow: hidden; color: #141414;}
.map {width: 570px; height: 500px; background: #ddd; margin-right: 50px; display: inline-block; text-align: left;}
.location_info {float: left; width: 33.33%;}
.location_info h4 {margin-top: 0; margin-bottom: 20px; font-size: 23px;}
.location_info p {padding: 5px 0;}
.line1, .line2, .line3, .line4, .line5 {display: inline-block; width: 70px; height: 27px; text-align: center; color: #fff; border-radius: 15px; line-height: 27px; font-size: 15px;}
.line1 {background: #003499; margin-right: 8px;}
.line2 {background: #37b42d; margin-right: 8px;}
.line3 {background: #e86033; margin-right: 8px;}
.line4 {background: #00a0d3; margin-right: 8px;}
.line5 {background: #904bb7; margin-right: 8px;}
.location_info small {color: #fff; background: #b5b5b5; border-radius: 8px; width: 15px; height: 15px; display: inline-block; font-size: 10px; text-align: center; margin-right: 2px; vertical-align: middle; line-height: 15px;}
.airport {float: left; display: inline-block; font-size: 17px; width: 100px;}
.airport_sub, .airport_bus {overflow: hidden; padding-top: 5px; font-size: 15px;}
.airport_sub li, .airport_bus li {line-height: 1.7em;}
.airport_bus li {padding-left:25px;}

.location_info ul {margin-bottom: 20px;}
.location_info li span {margin-right: 7px;}
.location_info li span:before {display: inline-block; vertical-align: middle; margin-right: 5px;}
li.sk_bus {background: url(/WesternLifeHotel_common/images/homepage/common/sk_bus.png) left 4px no-repeat; margin-bottom: 5px;}


/* information */

.hotel_info {}
.hotel_info ul {width: 100%; overflow: hidden;}
.hotel_info ul li {width: 20%; float: left; text-align: left; margin-bottom: 70px; border-right: 1px solid #ededed; padding-left: 30px;}
.hotel_info ul li:nth-child(5n) {border-right: 0;}
.hotel_info ul li .num {color: #dedede; font-size: 50px; font-weight: 700;}
.hotel_info ul li h3 {color: #141414; font-size: 23px; margin-bottom: 8px; font-weight: 400; text-align: left;}
.hotel_info ul li p {color: #141414; font-size: 15px}


/* activity */

.activity{overflow: hidden; text-align: left;}
.activity li{float:left; width:47%; margin-right:6%; padding-bottom: 25px;}
.activity li:nth-child(2n){margin-right:0;}
.activity .Img img{width:100%; height:auto;}
.activity .Info{padding:20px 0 25px; position:relative; color:#616161;}
.activity .Info h1,
.activity .Info h2{font-weight:700; line-height:1.3em; /* padding-right:150px; */}
.activity .Info h1{font-size:22px; color:#2b2b2b; margin-bottom:15px;}
.activity .Info h2{font-size:17px; color:#ab7d4c; word-break: keep-all; text-align: left;}
.activity .Info dl{font-size:17px; margin-top:15px;}
.activity .Info dl dd span{font-weight:700; width:63px; position:absolute; top:0; left:0}
.activity .Info dl dd{padding-left:63px; position:relative; margin-bottom:7px;}
/* .activity .Info p{padding:15px 0 25px;} */
.activity .Info a.btn{font-size:15px; color:#fff; display:inline-block; padding:12px 33px; background:#ab7d4c; position:absolute; right:0; top:21px;}



/* footer */

.footer {text-align: center; background: #2d2d2d; font-size: 15px; padding: 60px 0 50px; color: #cccccc; margin-top: -5px;}
.footer .logo {background: url(/WesternLifeHotel_common/images/homepage/common/logo.png) no-repeat; text-indent: -9999px; width: 67px; height: 61px; display: inline-block; margin-bottom:8px;}
.footer .sns {margin-bottom: 20px; /* height: 32px; */}
.footer .sns li {display: inline-block; margin:0 6px 2px;}
.footer .sns li a {display: inline-block; /* text-indent: -9999px; */}
.footer .sns li a.insta {background: url(/WesternLifeHotel_common/images/homepage/common/insta.png) no-repeat;}
/* .footer .sns li a.facebook {background: url(/WesternLifeHotel_common/images/homepage/common/facebook.png) no-repeat;} */
.footer .sns li a.facebook {background: url(/WesternLifeHotel_common/images/homepage/common/facebook1.png) no-repeat;}
.footer .sns li a.blog {background: url(/WesternLifeHotel_common/images/homepage/common/blog.png) no-repeat;}
.footer .sns li a.youtube {background: url(/WesternLifeHotel_common/images/homepage/common/youtube.png) no-repeat;}
.footer .sns li a.twitter {background: url(/WesternLifeHotel_common/images/homepage/common/twitter.png) no-repeat;}
.footer .sns li a.facebook:before{content: url(/WesternLifeHotel_common/images/homepage/common/facebook1.png); vertical-align:middle;}
.footer .sns li a.reservation:before{content: url(/WesternLifeHotel_common/images/homepage/common/reservation.png); vertical-align:middle;}
.footer .sns li a.tripadvisor:before{content: url(/WesternLifeHotel_common/images/homepage/common/tripadvisor.png); vertical-align:middle;}

.footer .sns-wrap {float: none; margin: 10px 0 17px 0;}

.footer .policy {/* margin-top: 30px; */ color: #bcc1cc;}
.footer .policy li {display: inline-block; padding: 3px 8px;}
.footer .policy li select {background: #2d2d2d; background: url(/WesternLifeHotel_common/images/homepage/common/arrow_down.PNG) 105px 50% no-repeat; width: 120px; color: #bcc1cc; border-bottom: 1px solid #bcc1cc; padding: 0 3px 1px 3px; font-size: 14px;}
.footer .addr {padding: 10px 0 40px; display: inline-block; border-bottom: 1px solid #4b4b4b;}
.footer .addr li {display: inline-block; padding: 0 5px;}
.footer p {padding-top: 30px;}
.footer p.copyright {font-weight: 100; color: #cccccc; font-size: 15px;}


#container .infoWarp{background:#f4f4f4;padding-bottom:74px;}
#container .slideshow{margin:76px auto;}


.tableArea{margin-top:40px;}
.tableArea h2{font-size:18px; color:#3e3e3e; font-weight:500; margin-bottom:14px;}
.tableArea dl dt{width:calc(67% - 58px); float:left; padding-right:58px;}
.tableArea dl dd{width:33%; float:left}
.tableArea .info{position:relative; top:-23px;}
.tableArea .info h2{margin-bottom:10px;}
.tableArea .info p{font-weight:300; line-height:1.6em; font-size:15px;}

table.tableList{width:100%; table-layout:fixed; border-top:2px solid #666; border-bottom:1px solid #b5b5b5}
table.tableList th,
table.tableList td{background: #fff; font-size:15px; text-align:center; padding:17px 0; border-left:1px solid #dddddd;}
table.tableList th:FIRST-CHILD,
table.tableList td:FIRST-CHILD{border-left:none;}
table.tableList td{color:#666; font-weight:300; border-top:1px solid #dddddd}

table.tableList th{color:#333; font-weight:400; background:#fafafa;}
table.tableList th.bdBottom{border-bottom:1px solid #b5b5b5;}
table.tableList tbody th{border-top:1px solid #dddddd}
table.tableList thead th{padding:19px 0;}

table.tableList .bdLeft td{border-left:1px solid #b5b5b5;}
table.tableList .no-bd td{border-top:none;}
table.tableList .no-bd th{border-top:none;}


/***************
TABLE
***************/
.info-table{margin-top:40px;}
.info-table table{width:100%; table-layout:fixed; border-top:2px solid #666; border-bottom:1px solid #666; background:#fff;}
.info-table table th{background:#f6f6f6;}
.info-table table th, .info-table table tbody td{padding:12px 0; text-align: center; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; font-size: 15px; line-height: 25px;}
.info-table table th.brn, .info-table table td.brn {border-right:none;}

.info-table table td .red {color: red;}
.info-table table td.type2 {
    text-align: left;
    padding: 12px 20px;
}