/* content main*/ .w1200{width:1200px; margin:0 auto; box-sizing:border-box;} .addSpace{padding-bottom:70px;} #mainWrap{position:relative; width:100%; max-width:100%; overflow:hidden; min-width:320px;} #homeArea{position:relative; overflow:hidden; z-index: 50;} .blackbg{background:rgba(0,0,0,0.7);z-index:9999; position:absolute; top:0; left:0; width:100%; height:100%} #homeArea .homeTxt{position:absolute; text-align:center; width:100%; color:#fff; left:0; right:0; top:33.5%; z-index:75} #homeArea .homeTxt dl{font-weight:400} #homeArea .homeTxt dl dt{font-size:58px; letter-spacing:-1px; font-weight:500 } #homeArea .homeTxt dl dd span{width:auto; overflow:hidden; text-align:center; display:table-cell; vertical-align:middle; white-space:nowrap; padding:0 20px;line-height: 1.5;} #homeArea .homeTxt dl dd em{font-weight:500; font-style:normal;margin-left: 5px;} #homeArea .homeTxt dl dd{font-size:25px; line-height:26px; color:#fff; letter-spacing:-1px; font-weight:300; margin-top:40px; display:table; width:100%;} #homeArea .homeTxt dl dd:before, #homeArea .homeTxt dl dd:after{background:url(/LavideAtlanHotel_common/images/homepage/main/main_topline.png) repeat-x 100% 50%; width:41%; content:''; height:26px; display:table-cell; vertical-align:middle;} .m_block{display: none;} /** BOOKING **/ #bookArea{max-width:1200px; margin:0 auto; position:absolute; z-index:75; width:100%; left:0; right:0; bottom:29%;} /* #bookArea .bookIns{width:90%; margin:0 auto;} #bookArea .bookIns p{width:14%; float:left; padding:0 4px; box-sizing: border-box} #bookArea .bookIns ul{float:left; width:80%} #bookArea .bookIns ul li{float:left; width:25%; padding:0 4px; box-sizing: border-box; color:#fff;} #bookArea .bookIns ul li.ci_date{width:362px;} #bookArea .bookIns ul li.rooms{width:120px;} #bookArea .bookIns ul li.adults{width:120px;} #bookArea .bookIns ul li.child{width:120px;} #bookArea .bookIns ul li.company{width:140px;} #bookArea .bookIns input, #bookArea .bookIns select, #bookArea .bookIns button{width:100%; line-height:49px; color:#333; font-size:14px; height:50px; padding:0 5px 0 18px; border:none; background:#fff; outline-style:none; border-radius:5px; cursor:pointer;} #bookArea .bookIns .fb_rsvn input{background:url(/LavideAtlanHotel_common/images/homepage/main/icon_date.jpg) 92% 50% no-repeat #fff; cursor:pointer;} #bookArea .bookIns button{padding:0} #bookArea .bookIns .fb_rsvn button{background:6F6F6F; border:none; color:#fff; font-size:15px; } #bookArea .bookIns .innerBox{position:relative;} */ /* #bookArea .bookIns select{background:url(/LavideAtlanHotel_common/images/homepage/main/icon_sel.jpg) #fff 95% center no-repeat;} #bookArea .bookIns .innerBox.sel{background:url(/LavideAtlanHotel_common/images/homepage/main/icon_sel.jpg) 95% center no-repeat;} */ /*#bookArea .bookIns .innerBox.sel::after{content:''; border-width:35px 35px 0; border-top-color:#fff; position:absolute; right:10px; top:50%; border:solid transparent; display:block; z-index:97}*/ #bookArea .bookIns .innerBox.sel::after{content:''; position:absolute; right:5px; top:0px; display:block; z-index:97; width:22px; background:url(/LavideAtlanHotel_common/images/homepage/main/icon_sel.jpg) left center no-repeat;} .wings-fast-book .bookIns .ci_date .wings_input input {background: url(/LavideAtlanHotel_common/images/homepage/main/icon_date.jpg) 92% 50% no-repeat #fff!important;} /** Main common tit **/ .infoTxt{padding:65px 0;} .infoTxt .title{text-align:center; margin-bottom:52px;} .infoTxt .title h1{font-size:34px; color:#000; font-weight:500} .infoTxt .title h2{font-size:17px; display:block; margin-top:6px;} .infoTxt .title h2 em{margin:0 5px;} .infoTxt .title h3{margin:25px 0 0;} /** BANNER **/ #banerArea .banerIns ul li{height:256px; text-align:center; color:#fff; position:relative;} #banerArea .banerIns ul li > a {width: 100%; height: 100%; color:#fff;} #banerArea .banerIns .inner{position:absolute; top:37%; width:100%; z-index:50} #banerArea .banerIns .mainBannerImg{position:absolute; width:100%; top:0; z-index:49; height:256px; overflow:hidden;} #banerArea .banerIns .mainBannerImg img{width:100%; height:100%} #banerArea .banerIns h1{font-size:28px; font-weight:700; letter-spacing:10px;} #banerArea .banerIns h2{font-size:16px; margin-top:8px;} /** ROOM **/ #roomArea .roomIns .info{text-align:center; margin-top:15px;padding-bottom: 10px;} #roomArea .roomIns .info h3{color:#000; font-size:22px; padding:12px 0;} #roomArea .roomIns .info h4{font-size:15px; line-height:140%;} #roomArea .roomIns .viewBtn{width:82px; padding:6px 0; text-align:center; margin:17px auto 0; border:1px solid #bcbcbc; border-radius:15px; cursor:pointer; display:inline-block; font-size:11px;} #roomArea .roomIns .bxslider2 li span.img{position:relative; display:block; width:100%; cursor:pointer; height:254px; overflow:hidden;} #roomArea .roomIns .bxslider2 li span.img img{transition:all 0.5s ease-in-out 0.1s; -moz-transition:all 0.5s ease-in-out 0.1s; -webkit-transition:all 0.5s ease-in-out 0.1s;} /* .bxslider2 li:hover > span:before, .bxslider2 li:hover > span:after {position:absolute; width:100%; height:100%; display:block; content:""; z-index:50;} .bxslider2 li:hover > span:before {top:0; left:0; background:#000; opacity:0.7;} .bxslider2 li:hover > span:after {top:50%; left:50%; width:61px; height:61px; margin:-31px 0 0 -31px; border:1px solid rgba(255,255,255,0.60); background:url(/LavideAtlanHotel_common/images/homepage/main/btn_more04.gif) 50% 50% no-repeat;} */ #roomArea .roomIns .bxslider2 li span.img img:hover{transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);} /** MAP **/ #mapArea{padding-bottom:0;} #mapArea .mapIns .title h2:before{content:''; width:29px; height:1px; background:#7f7f7f; display:block; margin:23px auto 23px;} #mapArea .mapIns .title h3 em{display:inline-block; margin-left:5px;} #mapArea .mapIns .title h3 a{margin:0 2px; display:inline-block; padding:12px 0 17px; width:172px; text-align:center; border-radius:10px; font-size:14px; border:1px solid #333} #mapArea .mapIns .title h3 a:before{top:5px; position:relative;} #mapArea .mapIns .title h3 a.conta{background:#333333; color:#fff;} #mapArea .mapIns .title h3 a.loca{background:#fff; color:#333;} #mapArea .mapIns .title h3 a.conta:before{content:url(/LavideAtlanHotel_common/images/homepage/main/icon_about04.png?v=2);} #mapArea .mapIns .title h3 a.loca:before{content:url(/LavideAtlanHotel_common/images/homepage/main/icon_loca.png);} #mapArea .mapWrap{height:574px;} #mapArea .mapWrap .mapH{width:100%; height:100%;} /* layout */ #wrap{position:relative; width:100%; /* max-width:100%; overflow:hidden; */} #header{width:100%; min-width:320px; top:0; z-index:100; box-sizing:border-box; height:76px; transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; position:absolute;} #mheader{position:absolute; top:0; width:100%; /* z-index:102; */ display:none;} #header a.logo{width:63px; height:64px; background:url(/LavideAtlanHotel_common/images/homepage/main/logo.png?v=3) no-repeat; background-size:cover; text-indent: -9999px;} #mheader #mgnbMenu{width:80%; height:100%; background:#fff; overflow-y:scroll; position:absolute; top:0; left:100%; display:block; z-index:999} #mheader h1{position:absolute; left:15px; top: -5px;} #mheader h1 a{width:135px; display:block;} #mheader h1 img{width:40%; height:auto;} #mheader a.gnbBtn{position:absolute; right:15px; top:33px; width:30px; z-index:998;} #mheader a.gnbBtn img{width:100%; height:auto;} /*#mainWrap #header{position:fixed;}*/ .header_ins{width:1200px; margin:0 auto; position:relative;} .black{background:#333333} /* menu */ .toplink {position:absolute; left:0; top:29px; z-index:51} .rightMenu{position:absolute; right:0; top:36px;} .rightMenu dd{padding-left:21px; float:left; font-size:11px;} .rightMenu dd img{vertical-align:bottom;} .rightMenu dd a.select_lan{width:50px; border:1px solid #fff; border-radius: 4px; color:#fff; display:inline-block; ; height:24px; line-height:24px; padding:0 7px;} .rightMenu dd a.select_lan:after{content:url(/LavideAtlanHotel_common/images/homepage/main/icon_lan.png); width:5px; position:absolute; right:7px; top:-1px;} .rightMenu dd.lanBox{position:relative; top:5px;} .rightMenu dd.lanBox ul{position:absolute; top:25px; border:1px solid #fff; border-bottom-left-radius:4px; border-bottom-right-radius:4px; width:50px;/* padding:5px 7px; */padding:0 7px;} .rightMenu dd.lanBox ul li{height:24px; line-height:24px;} .rightMenu dd.lanBox ul li a{color:#fff} .rightMenu dd.lanBox ul li a:hover{color:#edb200} .rightMenu dd.lanBox ul li.yel{color:#edb200} #gnbMenu {position:relative;} #gnbMenu > ul{text-align:center; max-width:800px; margin:0 auto; text-align:center;} #gnbMenu > ul > li{display:inline-block; position:relative; vertical-align:top; margin:0 25px; /* padding:0 5px; */} #gnbMenu > ul > li.lastli{} #gnbMenu > ul > li > a{display:block; color:#fff; font-size:17px; line-height:49px; height:49px; margin-top:29px;} #gnbMenu ul.subMenu{opacity:0; width:100%; vertical-align:top; /* display:none; */ text-align:center; position:absolute;} #gnbMenu ul.subMenu li{margin:8px 0; width:100%; text-align:center; white-space:nowrap;} #gnbMenu ul.subMenu li a{color:#a2a2a2; font-size:13.5px; display:block;} #gnbMenu ul.subMenu li a:hover{color:6F6F6F;} #gnbMenu.on ul.subMenu{opacity:1;} #mgnbMenu{padding:0 0 50px;} #mgnbMenu > ul{padding:65px 27px 50px 30px;} #mgnbMenu > dl{padding:0 27px 0 30px;} #mgnbMenu > dl.first dt::before{content:''; width:31px; height:1px; background:#6f6f6f; display:block;} #mgnbMenu > dl.last{padding-bottom:70px;} #mgnbMenu > dl dt, #mgnbMenu > dl dd{display:inline-block; line-height:47px; font-size:14px;} #mgnbMenu > dl dt{margin-right:11px;} #mgnbMenu > dl dt img{vertical-align:middle; width:26px; margin-left:5px;} #mgnbMenu > dl dt::after{content:''; width:31px; height:1px; background:#6f6f6f; display:block;} #mgnbMenu > ul > li > a{font-size:18px; font-weight:bold; color:#000; display:block; padding:5px 0;} #mgnbMenu ul.subMenu{padding:8px 0} #mgnbMenu ul.subMenu li a{font-size:14px; display:block; padding:4px 0;} #mgnbMenu a.closeBtn{position:absolute; right:15px; top:20px;} #mgnbMenu .lang{text-align:left; text-transform:uppercase; position:absolute; top:13px; left:20px; height:32px; overflow:hidden;} #mgnbMenu .lang a{font-size:12px; color:#333; text-transform:uppercase; } #mgnbMenu .lang > a{height:30px; line-height:30px; border:1px solid #333; width:96px; text-align:center; margin-right:2px; background:#fff; position:relative; z-index:10; border-radius:6px;} #mgnbMenu span.lanList{left:calc(-100% + 98px); transition: left 0.3s ease-in-out; position:relative; z-index:9} #mgnbMenu span.lanList a{margin:0 2px;} /* #mgnbMenu .lang:hover span.lanList{left:0} */ #mgnbMenu span.lanList.hover {left: 0;} .overlayNew{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;z-index:997} /*************** SUB MENU ***************/ #gnbArea{position:relative; background:rgba(0,0,0,0.3); height:60px; border:1px solid #5b5b5b; margin-top:-62px; border-left:none; border-right:none; width:100%; top:0; z-index:98} #gnbArea.fixMenu{position:fixed; margin-top:0; background:#252525;} #gnbArea .gnbIns{width:100%; max-width:1200px; margin:0 auto;} #gnbArea .gnbIns ul{border:1px solid #5b5b5b; border-top:none; border-bottom:none; height:60px;} #gnbArea .gnbIns ul li{text-align:center; line-height:60px; color:#fff; font-size:15px} #gnbArea .gnbIns ul li a{color:#fff;} #gnbArea .gnbIns ul li img{vertical-align:middle;} #gnbArea .gnbIns ul li.home{width:6%; border-right:1px solid #5b5b5b} #gnbArea .gnbIns ul li.menu{width:16%; border-right:1px solid #5b5b5b; padding:0 2%; text-align:left; position:relative;} #gnbArea .gnbIns ul li.menu .downMenu{position:absolute; border:1px solid #717171; width:100%; left:0px; border-top:none; z-index:97; background:#fff; padding:10px 0px; left:-1px; display:none;} #gnbArea .gnbIns ul li.menu .downMenu a{color:#3e3e3e; line-height:42px; padding-left:9%;} #gnbArea .gnbIns ul li.menu .downMenu a:hover{text-decoration:underline} #gnbArea .gnbIns ul li.menu > a{height:61px; line-height:62px; position:relative;} #gnbArea .gnbIns ul li.menu > a::after{content:url(/LavideAtlanHotel_common/images/homepage/main/main_down_icon2.png); position:absolute; right:0} #gnbArea .gnbIns ul li.menu a{width:100%; display:block; color:#fff;} #gnbArea .gnbIns ul li.contact{width:15%; border-left:1px solid #5b5b5b; background:#363636} #gnbArea .gnbIns ul li.reservation{width:15%; background:#d0981f} /* content */ #conArea{width:100%;} #conArea .conIns{padding-bottom:114px;} #conArea .conIns.accom{padding:0} #conArea .conIns.ari{padding:0} #container .board-wrap{margin-top:-60px;} #container .board-wrap select, option {-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;} #container .event-list ul li{box-sizing:border-box} /* #conArea .conIns .w1200{max-width:1200px; margin:0 auto; width:100%; overflow:hidden;box-sizing:content-box} */ #conArea .conIns .per80{width:80%; margin:0 auto;} #conArea .conIns .pdLR15{padding:0} #visualArea{width:100%; height:335px; background:url(/LavideAtlanHotel_common/images/homepage/title/visualbg.jpg?v=1) top center no-repeat; position:relative; top:0;} #visualArea .title{position:absolute; bottom:36%; width:100%; text-align:center; display:table;} #visualArea .title em{white-space: nowrap; font-size:33px; color:#fff; font-weight:500; display:table-cell; vertical-align:middle; width:auto; padding:0 40px; font-style:normal;} #visualArea .title:before, #visualArea .title:after{background:url(/LavideAtlanHotel_common/images/homepage/main/main_topline.png) repeat-x 100% 50%; width:50%; content:''; height:26px; display:table-cell; vertical-align:middle;} #visualArea.event{background:url(/LavideAtlanHotel_common/images/homepage/title/visualbg_eve.jpg) top center no-repeat} #visualArea.room{background:url(/LavideAtlanHotel_common/images/homepage/title/visualbg_room.jpg?v=1) top center no-repeat} #visualArea {background-size: cover !important;} /*************** COMMON tab ***************/ #tabMenu{width:100%; background:#6F6F6F} #tabMenu .ins{width:1200px; margin:0 auto;} #tabMenu .ins ul li{font-size:15px; float:left; color:#fff; text-align:center; cursor:pointer; width:25%;} #tabMenu .ins ul.b50 li{width:50%;} #tabMenu .ins ul.b100 li{width:100%;} #tabMenu .ins ul.b25 li{width:25%;} #tabMenu .ins ul.b33 li{width:33%;} #tabMenu .ins ul li a{padding:15px 0; color:#fff; display:inline-block; width:100%; white-space:nowrap;border-right:1px solid #878787; height:100%;} #tabMenu .ins ul li.first a{border-left:1px solid #878787} #tabMenu .ins ul li.now{background:#fff;} #tabMenu .ins ul li.now a{color:#4a4a4a} #tabMenu .ins ul li:hover{background:#fff;} #tabMenu .ins ul li:hover a{color:#4a4a4a} #tabMenu .ins ul.facTab li a {border-bottom: 1px solid #878787;} #tabMenu .ins ul li.first a {border-left: 1px solid #878787;} #tabMenu .ins ul.rules li {width: 33.3%;} /* 탭 스타일 추가 */ .menu_tab02 { width: 100%; text-align: center; } .menu_tab02 ul { padding-top: 50px; width: 1200px; margin: 0 auto; } .menu_tab02 ul::after { content: ''; display: block; clear: both; } .menu_tab02 ul li { float: left; width: 50%; } .menu_tab02 ul.b20 li { width: 25%; } .menu_tab02 ul li a { white-space: nowrap; font-weight: 300; color: #666; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: 12px; line-height: 48px; display: block; background: #fff; text-transform: uppercase; border-top: 1px solid #eaeaea; } .menu_tab02 ul li.active a { background: #6F6F6F; color: #fff; } .menu_tab02 ul li:first-child a, .menu_tab02 ul li:nth-child(4) a, .menu_tab02 ul li:first-child a, .menu_tab02 ul li:nth-child(6) a {border-left: 1px solid #eaeaea;} /*************** COMMON title ***************/ #titleWrap{text-align:center; padding:65px 15px 50px; position:relative;} #titleWrap span{display:block; line-height:1;} #titleWrap span.bigtit{color:#000000; font-size:38px; font-weight:500} #titleWrap span.bigtit1{color:#000000; font-size:38px; font-weight:500} #titleWrap span.smalltit{color:#696969; font-size:15px; margin-top:19px; line-height:150%;} #titleWrap .roomTab{position:absolute; right:0; top:50px;} #titleWrap .roomTab ul li{float:left; margin-right:1px;} #titleWrap .roomTab ul li a{display:block; padding:12px 27px; color:#fff; background:#989898; font-size:14px;} #titleWrap .roomTab ul li.on a{background:6F6F6F;} /*************** COMPANY ***************/ #conArea .conIns .arinus{width:100%; background:url(/LavideAtlanHotel_common/images/homepage/company/company_bg.jpg?v=4) 100% 50% no-repeat; background-size:cover; height:909px;} #conArea .conIns .arinus dl{text-align:center; padding-top:103px; letter-spacing:-1px;} #conArea .conIns .arinus dl dt{color:#171717;} #conArea .conIns .arinus dl dt h1{font-size:22px; font-weight:normal; line-height:160%} #conArea .conIns .arinus dl dt h2{font-size:30px; font-weight:500; line-height:160%} #conArea .conIns .arinus dl dt h2 em{color:#6f6f6f; font-style:normal} #conArea .conIns .arinus dl dd{font-size:16px; color:#111; line-height:170%;} #conArea .conIns .arinus dl dd:before{content:''; display:block; width:60px; height:1px; margin:32px auto 32px; background:#838383} #conArea .conIns .tableWrap{margin-top:41px; background:#fff} #conArea .conIns table.listTable{border-bottom:1px solid #9d9c9c; width:100%; table-layout:fixed; border-spacing:0;} #conArea .conIns table.listTable th, #conArea .conIns table.listTable td{border-top:1px solid #e0e0e0; text-align:center; font-size:15px; padding:18px 0;} #conArea .conIns table.listTable td{color:#696969} #conArea .conIns table.listTable th{color:#201f1f; border-right:1px solid #e0e0e0} #conArea .conIns table.listTable tr.first th{border-top:4px solid 6F6F6F;} #conArea .conIns table.listTable tr.first td{border-top:4px solid #5e5e5e} #locWrap .mapIns{width:100%; height:595px;} #locWrap .mapIns .mapH{width:100%; height:100%;} #conArea .conIns .locCon{margin-top:14px;} #conArea .conIns .locCon .address{padding:13px 0; font-size:17px; color:#4e4e4e; position:relative;} #conArea .conIns .locCon .address u{display:inline-block; margin-left:12px;} #conArea .conIns .locCon .address img{vertical-align:middle; margin-right:7px;} #conArea .conIns .locCon .roughicon{position:absolute; top:0; right:0} #conArea .conIns .locCon .roughicon a{color:#fff; font-size:15px; padding:0 45px; border-radius:8px; background:#4e4e4e; line-height:49px; display:inline-block; font-weight:500} #conArea .conIns .locCon .locList{margin-top:14px; border-top:3px solid #5e5e5e; border-bottom:1px solid #d3d3d3; padding-top:38px;} #conArea .conIns .locCon .locList .icon {width: 125px; height: 125px; border-radius: 62.5px; display: inline-block; position: absolute; left: 42px; top: 50%; margin-top: -62.5px; background-position: center center; background-repeat: no-repeat; background-color: #6f6f6f;} #conArea .conIns .locCon .locList .icon.subway {background-image: url(/LavideAtlanHotel_common/images/homepage/common/loc_subway.png);} #conArea .conIns .locCon .locList .icon.airport {background-image: url(/LavideAtlanHotel_common/images/homepage/common/loc_airport.png);} #conArea .conIns .locCon .locList .icon.bus {background-image: url(/LavideAtlanHotel_common/images/homepage/common/loc-bus.png);} #conArea .conIns .locCon .locList dl{margin-bottom:28px; display:table; width:100%; table-layout:fixed; position:relative;} #conArea .conIns .locCon .locList dl dd{padding-left:202px; vertical-align:middle; min-height:130px;} /* #conArea .conIns .locCon .locList dl.num01{background:url(/LavideAtlanHotel_common/images/homepage/company/icon_list01.png) 3% 30% no-repeat;} #conArea .conIns .locCon .locList dl.num02{background:url(/LavideAtlanHotel_common/images/homepage/company/icon_list02.png) 3% 47% no-repeat;} #conArea .conIns .locCon .locList dl.num03{background:url(/LavideAtlanHotel_common/images/homepage/company/icon_list03.png) 3% 33% no-repeat;} */ #conArea .conIns .locCon .locList dl dd u{font-size:18px; font-weight:500; color:#201f1f; display:block; text-decoration:none; margin-bottom:10px; margin-top:15px;} #conArea .conIns .locCon .locList dl dd u img{vertical-align:middle; margin-top:-3px;} #conArea .conIns .locCon .locList dl dd span{margin-bottom:11px; display:block; width:100%} #conArea .conIns .locCon .locList dl dd h2{font-size:15px; color:#666666; line-height:165%;} #conArea .conIns .locCon .locList dl dd em{display:inline-block; width:110px; color:#201f1f; font-size:15px; font-weight:500; float:left; font-style:normal; margin-top:3px;} #conArea .conIns .locCon .locList dl dd h2.addpl{padding-left:110px;} #conArea .conIns .contacUs{background:url(/LavideAtlanHotel_common/images/homepage/company/conta_img.jpg) left center no-repeat;} #conArea .conIns .contacUs .tableWrap{margin:0; width:55%; float:right;} /*************** ACCOMMODATION ***************/ #conArea .conIns .roomImg{position:relative;} #conArea .conIns .roomImg .outside{position:absolute; top:43%; width:100%;} #conArea .conIns .roomImg .outside span a{width:39px; height:78px; text-indent:-9999px; z-index:9998; display:inline-block} #conArea .conIns .information.fac{margin-bottom: 80px;} #conArea .conIns .information em{font-style:normal; display:inline-block; margin-right:13px} #conArea .conIns .information .tit{position:relative; margin-top:14px;} #conArea .conIns .information .tit u{text-decoration:none; font-weight:500; font-size:28px; color:#000000; display:inline-block; padding:14px 0 3px;} #conArea .conIns .information .tit a.btn{color:#fff; border-radius:8px; background:#6F6F6F; font-size:15px; position:absolute; right:0; bottom:0; display:inline-block; padding:16px 54px; font-weight:300} #conArea .conIns .information .infoIns{margin-top:15px; border-top:2px solid #454545} #conArea .conIns .information .infoIns dl dt{color:#201f1f; font-weight:400;} #conArea .conIns .information .infoIns dl dd{font-size:15px; color:#666666;} #conArea .conIns .information .list{border-bottom:1px solid #d9d9d9; padding:24px 0} #conArea .conIns .information .list.first dl dd, #conArea .conIns .information .list.first dl dt{line-height:30px;} #conArea .conIns .information .list dl dd, #conArea .conIns .information .list dl dt{line-height:170%;} #conArea .conIns .information .list dl:after{content:''; display:block; clear:both;} #conArea .conIns .information .list dl dt{font-size:15px; float:left; width:20%;} #conArea .conIns .information .list dl dd{float:left; width:80%;} #conArea .conIns .add_mt12{margin-top:12px;} #conArea .conIns .amenity ul{padding-bottom:10px;} #conArea .conIns .amenity ul li{float:left; width:8.33%; text-align:center; font-size:14px; color:#666666;} #conArea .conIns .amenity ul li span{display:block; margin-top:16px; width:100%;} #conArea .conIns .service{border:1px solid #e0e0e0; padding:30px 35px; background:#fafafa; margin-top:25px;} #conArea .conIns .service dl dt{font-size:18px; float:left; width:130px; padding:6px 0 0;} #conArea .conIns .service dl dd{float:left} #conArea .conIns .service dl dd .only{padding-left:73px;} #conArea .conIns .service dl dd em{font-style:normal; display:inline-block; padding-top:7px} #conArea .conIns .service dl dd strong{color:#201f1f} #conArea .conIns .service ul li{padding:6px 0 6px 8px; position:relative;} #conArea .conIns .service ul li:before{content:url(/LavideAtlanHotel_common/images/homepage/room/icon_list_style.jpg); width:3px; height:3px; position:absolute; top:3px; left:0;} #conArea .conIns .service dl dd u{text-decoration:none; display:inline-block; width:70px; position:absolute; left:7px;} #conArea .conIns .otherRoom{position: relative; background:#f3f4f5; padding:35px 0 50px; margin-top:35px;} #conArea .conIns .otherRoom h1{font-weight:500; font-size:25px; color:#000; margin-bottom:15px;} #conArea .conIns .otherRoom ul li{position:relative; cursor:pointer} #conArea .conIns .otherRoom ul li.over:before{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); content:''; z-index:70;} #conArea .conIns .otherRoom ul li span{width:100%; text-align:center; display:block; position:absolute; top:50%; margin-top: -37px; left:0; z-index:71; display:none;} #conArea .conIns .otherRoom ul li u{text-decoration:none; color:#fff; font-size:20px; display:block;} #conArea .conIns .otherRoom ul li a{display:inline-block; margin:0 auto; padding:7px 21px; border:1px solid #fff; border-radius:15px; color:#fff; font-size:11px; font-weight:500; margin-top:12px;} /*************** EVENT ***************/ #conArea .conIns .event ul{margin:0 -10px;} #conArea .conIns .event ul li{float:left; width:50%;} #conArea .conIns .event ul li dl{padding:0 10px; text-align:center; cursor:pointer;} #conArea .conIns .event ul li dl:hover dd em{text-decoration:underline;} #conArea .conIns .event ul li dl:hover dd u{text-decoration:underline;} #conArea .conIns .event ul li dl dd{margin-top:22px;} #conArea .conIns .event ul li dl u{margin-bottom:5px; text-decoration:none; display:block; font-size:19px; color:#323232;} #conArea .conIns .event ul li dl em{font-size:13px; color:#838383; margin-top:5px;} #conArea .conIns .pageWrap{padding:50px 0 30px;} #conArea .conIns .pageIns{width:100%; text-align:center; vertical-align:top;} #conArea .conIns .pageIns a{display:inline-block; width:26px; height:35px; line-height:35px; color:#616161; font-size:15x; cursor:pointer} #conArea .conIns .pageIns a:hover{text-decoration:underline} #conArea .conIns .pageIns a.on{text-decoration:underline} #conArea .conIns .pageIns a img{vertical-align:middle} #conArea .conIns .pageIns a.prev{margin-right:11px;} #conArea .conIns .pageIns a.next{margin-left:10px;} /* SLIDE */ .bx-wrapper {position: relative; *zoom: 1;-ms-touch-action: pan-y;touch-action: pan-y; } .bx-wrapper img {width: 100%; display: block;} .bxslider .mobile-line{display:none;} div.bxslider .item{height:970px} div.bxslider .item.visual1{background:url(/LavideAtlanHotel_common/images/homepage/main/main_slider_img01.jpg?v=2) no-repeat;text-indent:-9999px; background-size:cover} div.bxslider .item.visual2{background:url(/LavideAtlanHotel_common/images/homepage/main/main_slider_img02.jpg?v=2) no-repeat;text-indent:-9999px; background-size:cover} div.bxslider .item.visual3{background:url(/LavideAtlanHotel_common/images/homepage/main/main_slider_img04.jpg) no-repeat;text-indent:-9999px; background-size:cover} .otherRoom .outside {width: inherit; top: 46%;} .outside{position:absolute; top:43%; width:100%;} .outside span a{width:39px; height:78px; text-indent:-9999px; z-index:9998; display:inline-block} #slider2-prev{position:absolute; left:17px;} #slider2-next{position:absolute; right:17px;} #slider2-prev a{background:url(/LavideAtlanHotel_common/images/homepage/room/ico_slide_prev.png) no-repeat; background-size:cover;} #slider2-next a{background:url(/LavideAtlanHotel_common/images/homepage/room/ico_slide_next.png) no-repeat; background-size:cover;} #slider3-prev{position:absolute; left:17px;} #slider3-next{position:absolute; right:17px;} #slider3-prev a{background:url(/LavideAtlanHotel_common/images/homepage/room/ico_slide_prev.png) no-repeat; background-size:cover; width: 30px; height: 60px;} #slider3-next a{background:url(/LavideAtlanHotel_common/images/homepage/room/ico_slide_next.png) no-repeat; background-size:cover; width: 30px; height: 60px;} /* FOOTER */ #footer{width:100%; background:#363636} #footer .footerIns{max-width:1200px; margin:0 auto; font-size:14px; font-weight:100; color:#cccccc; position:relative; text-align:center; padding-top:49px;} #footer .footerIns em{font-style:normal; display:inline-block; margin-left:8px;} #footer .footerIns .footer_menu{text-align:center} #footer .footerIns .footer_menu li{display:inline-block; margin:0 13px; line-height:31px;} #footer .footerIns .footer_menu li a{color:#bcc1cc; font-size:15px;} #footer .footerIns p.copyright{line-height:74px;} #footer .footerIns p.address span{display:inline-block; line-height:36px; padding:0 30px 17px; border-bottom:1px solid #424242} #footer .sns {margin-bottom: 20px; height: 32px;} #footer .sns li {display: inline-block; margin:0 10px;} #footer .sns li a {display: inline-block; width: 33px; height: 32px; text-indent: -9999px;} #footer .sns li a.insta {background: url(/LavideAtlanHotel_common/images/homepage/common/insta.png) no-repeat;} #footer .sns li a.facebook {background: url(/LavideAtlanHotel_common/images/homepage/common/facebook.png) no-repeat;} #footer .sns li a.blog {background: url(/LavideAtlanHotel_common/images/homepage/common/blog.png) no-repeat;} #footer .sns li a.youtube {background: url(/LavideAtlanHotel_common/images/homepage/common/youtube.png) no-repeat;} #footer .sns li a.twitter {background: url(/LavideAtlanHotel_common/images/homepage/common/twitter.png) no-repeat;} #footer .sns li a.place {background: url(/LavideAtlanHotel_common/images/homepage/common/place.png) no-repeat;} /* -------------------------------------------- * Privacy /* ------------------------------------------ */ .privacy{padding:0; padding-bottom: 70px;} .privacy *{padding:0;margin:0;font-size:15px;color:#666} .privacy ol li{list-style:none} .privacy .privacy_header h2{font-size:20px;font-weight:bold} .privacy .privacy_header p{margin-top:15px;line-height:24px} .privacy .privacy_header ol{margin-top:15px;*zoom:1} .privacy .privacy_header ol:after{content:'';display:block;clear:both} .privacy .privacy_header ol li{float:left;width:50%} .privacy .privacy_header ol li a{display:block;padding:8px 0;font-weight:bold;color:#000;text-decoration:none} .privacy .privacy_content{margin-top:25px;border-top:1px dotted #ddd} .privacy .privacy_content .item{margin-top:25px} .privacy .privacy_content .item h3{font-size:15px;font-weight:bold} .privacy .privacy_content .item > p{line-height:24px;margin:15px 0 0 20px} .privacy .privacy_content .item ol li.bullet{position:relative;padding-left:10px;margin-top:10px} .privacy .privacy_content .item ol li.bullet > span{display:block;position:absolute;top:9px;left:0;width:4px;height:1px;background-color:#999} .privacy .privacy_content .item > ol{margin-left:20px} .privacy .privacy_content .item > ol > li{line-height:18px;margin-top:15px} .privacy .privacy_content .item > ol > li > p{margin:15px 0 0 20px} .privacy .privacy_content .item > ol > li > strong{font-size:15px} .privacy .privacy_content .item > ol > li > ol{margin-left:23px;} .privacy .privacy_content .item > ol > li > ol > li{line-height:18px;margin-top:10px; font-size:14px} .privacy .privacy_content .item > ol > li > ol > li > ol > li{margin-top:5px} .privacy .privacy_content .item > ol > li > ol > li > ol > li > ol > li{margin-top:5px} .privacy .privacy_content .item table{width:100%;margin-top:15px;border-spacing:0;border-width:1px 0 0 1px;border-style:solid;border-color:#ccc;word-break: break-word;} .privacy .privacy_content .item table caption{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0} .privacy .privacy_content .item table thead th{padding:5px 10px;border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;background-color:#f7f7f7;text-align:center} .privacy .privacy_content .item table tbody th{padding:5px 10px;border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;background-color:#fff;text-align:left} .privacy .privacy_content .item table tbody td{padding:5px 10px;border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;background-color:#fff;text-align:left}