@charset "utf-8"; /************************************************** 프로그램 ID : detail.css 프로그램 명 : Detail Cascading Style Sheets 작 성 자 : 최초 작성일 : 2016/07/08 최종 작성일 : 참고 사항 : **************************************************/ @import url("/assets/global/css/jquery.bxslider.css"); @import url("/assets/global/css/select2.css"); @import url("/assets/grandwalkerhillseoul/global/css/base.css"); @import url("/assets/grandwalkerhillseoul/global/css/layout.css?v=20250516"); @import url("/assets/grandwalkerhillseoul/global/css/style.css"); /* 메인 ------------------------------------------------------------------------------- */ .main .visual {position:relative; height:630px; line-height:0; background-color:#403128; overflow:hidden;} .main .visual figure {position:absolute; left:50%; width:1920px; margin-left:-960px; text-align:center;} .main .weather {position:absolute; top:537px; left:50%; height:71px; margin-left:-500px; padding:15px 25px 0 30px; color:#fff; letter-spacing:0; border:1px solid rgba(255,255,255,0.25); z-index:5;} .main .weather dl {width:100%; display:table;} .main .weather dl dt, .main .weather dl dd {vertical-align:top; display:table-cell;} .main .weather dl dt {width:145px;} .main .weather dl dt strong, .main .weather dl dt time {display:block;} .main .weather dl dt strong {margin-bottom:3px; font-weight:300;} .main .weather dl dd:nth-of-type(1) {min-width:98px; font-size:24px; line-height:1; text-align:right;} .main .weather dl dd:nth-of-type(1) strong {font-size:40px;} .main .weather dl dd:nth-of-type(1):after {width:1px; height:30px; margin:0 14px; background:rgba(255,255,255,0.50); vertical-align:0; display:inline-block; content:"";} .main .weather dl dd:nth-of-type(2) {padding-top:3px;} .main .weather dl dd:nth-of-type(2) span {display:block;} .main #contents > .roomSearch {position:relative; margin-top:-124px; margin-bottom:30px; padding:0; z-index:10;} .main .roomSearch dl.hotel {margin-bottom:20px;} .main .roomSearch dl.hotel > dt, .main .roomSearch dl.hotel > dd {vertical-align:middle; display:inline-block;} .main .roomSearch dl.hotel > dt {padding-left:20px; font-weight:500; font-size:12px; color:#fff; opacity:0.7;} .main .roomSearch dl.hotel > dt:after {width:1px; height:11px; margin:0 12px 0 10px; background:rgba(255,255,255,0.50); vertical-align:-1px; display:inline-block; content:"";} .main .roomSearch dl.hotel > dd {padding:0 25px;} .main .roomSearch dl.hotel > dd a {padding-bottom:3px; font-size:18px; color:#858585; border-bottom:2px solid transparent; display:inline-block;} .main .roomSearch dl.hotel > dd.on a, .main .roomSearch dl.hotel > dd a:hover {font-weight:700; color:#fff; border-bottom:2px solid rgba(255,255,255,0.80);} .main .roomSearch dl.stay {border:0 none; background:#fff;} .main .roomSearch button.search {top:auto; bottom:0; color:#fff; font-weight:500; text-align:center; background:rgba(34,34,34,0.90);} .main .roomSearch .btnR {top:auto; bottom:66px;} .main .roomSearch .tipArea {padding-top:0;} .main .offer {height:auto; padding-bottom:30px; overflow:hidden;} .main .offer section {padding:0 !important;} .main .offer h2 {margin-top:50px;} .main .offer .more {float:right; margin-top:-55px;} .main .offer .bnr {position:relative; line-height:0;} .main .offer .bnr div {position:absolute; top:137px; right:16px;} .main .offer .bnr div label {color:#333;} .main .offer .bnr div input[type=checkbox]:checked + label:after {border-color:rgba(0,0,0,0.7); background:rgba(0,0,0,0.7);} .main .offer .slide li a {position:relative; display:block;} .main .offer .slide li a:hover:after {position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #996b56 ; display:block; content:"";} .main .offer .slide li a.promotion:hover:after {border-color:#2b834e;} .main .offer .hotelEvent .bx-wrapper .bx-pager {position:static; top:auto; bottom:1px; display:inline-block;} .main .offer .bx-wrapper .bx-pager.bx-default-pager a {width:10px; height:10px; border-radius:50%; background:#c0c2c5;} .main .offer .bx-wrapper .bx-pager.bx-default-pager a:hover, .main .offer .bx-wrapper .bx-pager.bx-default-pager a.active {background:#996b56;} .main .offer .bx-wrapper .bx-controls-direction a {top:147px; bottom:152px; margin-top:0; width:72px; height:41px; background-image:url(/assets/grandwalkerhillseoul/global/images/btn/btn_prevNext01.png); background-repeat:no-repeat;} .main .offer .bx-wrapper .bx-prev {left:-25px; background-position:0 0;} .main .offer .bx-wrapper .bx-prev:hover, .main .offer .bx-wrapper .bx-prev:active {background-position:0 100%;} .main .offer .bx-wrapper .bx-next {right:-25px; background-position:100% 0;} .main .offer .bx-wrapper .bx-next:hover, .main .offer .bx-wrapper .bx-next:active {background-position:100% 100%;} .main .membership {background:url(/assets/grandwalkerhillseoul/global/images/bg/bg_gift01.gif) 0 0 repeat;} .main .membership ul li {position:relative; float:left; width:221px; background:#e7e3de;} .main .membership ul li:after {position:absolute; right:25px; bottom:30px; width:28px; height:6px; background:url(/assets/grandwalkerhillseoul/global/images/btn/btn_arrow02.png) no-repeat; display:block; content:"";} .main .membership ul li a {width:100%; height:260px; padding:30px 25px; display:block;} .main .membership ul li h3 {margin-bottom:12px; font-weight:700; font-size:20px; color:#52453e; text-align:left; line-height:24px;} .main .membership ul li p {color:#888;} .main .membership ul li p + img {position:absolute; left:25px; bottom:30px;} .main .membership ul li:first-child {width:221px; height:260px; padding:30px 25px; border-right:1px solid #b7afa5; background:url(/assets/grandwalkerhillseoul/global/images/bg/bg_mainMembership01.jpg) 0 0 no-repeat;} .main .membership ul li:first-child p {color:#695c56;} .main .membership ul li:first-child:after {display:none;} .main .membership ul li:nth-child(2) {border-right:1px solid #d2c9bd;} /*.main .membership ul li:last-child {margin-left:14px; background:url(/assets/grandwalkerhillseoul/global/images/bg/bg_mainMembership02.jpg) no-repeat;}*/ .main .membership ul li:last-child {width:323px; margin-left:14px; background:url(/assets/grandwalkerhillseoul/global/images/bg/bg_mainApp01.jpg) no-repeat;} .main .membership ul li:last-child p {color:#695c56;} .main .membership ul:after {clear:both; display:block; content:"";} .main .membership section {font-size:0; line-height:0;} .main .snsArea {position:relative;} .main .snsArea:after {clear:both; display:block; content:"";} .main .snsArea .bnr {margin-bottom:30px; display:block;} .main .snsArea .instagram {position:absolute; width:250px; height:250px; left:250px; padding:40px 40px 30px 40px; background:#3c465e; z-index:10;} .main .snsArea .instagram h2 {margin:0 0 10px -9px; font-weight:700; font-size:18px; color:#deccb3;} .main .snsArea .instagram h2:before {width:40px; height:40px; margin:0 13px 15px 9px; background:url(/assets/grandwalkerhillseoul/global/images/ico/ico_instagram.png) no-repeat; display:block; content:"";} .main .snsArea .instagram p {color:#deccb3;} .main .snsArea .instagram p.st01 {margin-top:46px; font-weight:500; font-size:12px;} .main .snsArea .instagram p.st01:after {width:21px; height:5px; margin-left:10px; background:url(/assets/grandwalkerhillseoul/global/images/btn/btn_arrow03.png) no-repeat; display:inline-block; content:"";} .main .snsArea .slide ul li {float:left;} .main .snsArea .slide a {font-size:0; line-height:0; display:block;} .main .snsArea .slide img {filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); fliter:gray;} .main .snsArea .slide img:hover {filter:none; -webkit-filter:grayscale(0);} .main .snsArea .slide > li > a img {width:250px; height:250px;} .main .snsArea .slide ul li > a img {width:125px; height:125px;} .main .snsArea .bx-wrapper {width:500px; height:250px !important; margin:0 0 30px 0 !important;} .main .snsArea .instagram + .bx-wrapper {float:left;} .main .snsArea .bx-wrapper + .bx-wrapper {float:right;} .main .snsArea .bx-wrapper .bx-controls-direction a {top:auto; bottom:0; margin-top:0; width:43px; height:43px; background-image:url(/assets/grandwalkerhillseoul/global/images/btn/btn_prevNext02.png); background-repeat:no-repeat;} .main .snsArea .bx-wrapper .bx-prev {left:auto; right:0; background-position:0 0;} .main .snsArea .bx-wrapper .bx-next {right:-43px; background-position:100% 0;} .main .snsArea .bx-wrapper + .bx-wrapper .bx-prev {left:-43px; right:auto; opacity:0;} .main .snsArea .bx-wrapper + .bx-wrapper .bx-next {left:0; right:auto; opacity:0;} .main .snsArea dl.NewsLetter {width:100%; height:158px; margin-top:30px; display:table;} .main .snsArea dl.NewsLetter > dt, .main .snsArea dl.NewsLetter > dd {background:#efefef; vertical-align:middle; display:table-cell;} .main .snsArea dl.NewsLetter > dt {width:250px; padding-left:40px; background:#996b56;} .main .snsArea dl.NewsLetter > dt h2 {margin:0 0 10px 0; font-size:20px; color:#fff; text-align:left;} .main .snsArea dl.NewsLetter > dt p {color:rgba(255, 255, 255, 0.7);} .main .snsArea dl.NewsLetter > dd {padding:0 50px 0 50px;} .main .snsArea dl.NewsLetter dd dl {display:table;} .main .snsArea dl.NewsLetter dd dl dd {display:table-cell;} .main .snsArea dl.NewsLetter dd dl dd select {width:160px;} .main .snsArea dl.NewsLetter dd dl dd input[type=text] {width:350px; text-align:center; border:0 none; background:#e5e5e5;} .main .snsArea dl.NewsLetter dd dl dd button.apply {width:140px; height:46px; font-weight:500; color:#fff; background:#666;} .main .snsArea dl.NewsLetter dd p {margin-top:19px;} .main .snsArea dl.NewsLetter dd p .btn10 {float:right; height:27px; padding:0 13px; font-size:12px;} .main .map:before {display:none;} .main .map > section {padding-top:0 !important;} .main .map .tabCont {position:relative; border:1px solid #e8e8e8; border-top:0;} .main .map .tabCont figure img {vertical-align:top;} .main .map .tabCont figcaption {position:absolute; top:60px; left:70px; display:block;} .main .map .tabCont dl {vertical-align:top;} .main .map .tabCont dl dt {padding-bottom:15px; font-size:24px; color:#333;} .main .map .tabCont dl dt strong {font-weight:700; color:#996b56;} .main .map .tabCont dl dd p.address {padding-top:12px; font-weight:700;} .main .map .tabCont .btn07 {margin-top:19px;} .main .map .mainMap01 section, .main .map .mainMap02 {padding:55px 50px 55px 70px;} .main .map .mainMap01 section:nth-child(2) {border-top:1px solid #e8e8e8; background:#f7f7f7;} .main .map .mainMap01 section > dl, .main .map .mainMap01 section > div {display:inline-block;} .main .map .mainMap01 section > dl {width:387px;} .main .map .mainMap01 section > div > dl + dl {margin-top:26px;} .main .map .mainMap01 section > div > dl.bus {padding-left:60px; background:url(/assets/grandwalkerhillseoul/global/images/ico/ico_bus01.png) no-repeat;} .main .map .mainMap01 section > div > dl.subway {padding-left:60px; background:url(/assets/grandwalkerhillseoul/global/images/ico/ico_subway01.png) no-repeat;} .main .map .mainMap01 section > div > dl dt {font-weight:500; font-size:18px;} .main .map .mainMap01 section > div > dl dd img {margin:0 5px; vertical-align:middle;} .main .map .mainMap01 section > div > dl dd br + img {margin-left:0;} .main .map span.icoBus:before {width:12px; height:14px; margin-right:5px; background:url(/assets/grandwalkerhillseoul/global/images/ico/ico_bus02.png) no-repeat; vertical-align:middle; display:inline-block; content:"";} .main .map .mainMap02 > dl dd:before {position:absolute; bottom:55px; left:50%; width:1px; height:250px; background:#e8e8e8; content:"";} .main .map .mainMap02 > dl dd:last-child {clear:both; height:auto; margin-top:48px; overflow:hidden;} .main .map .mainMap02 > dl dd figure {position:relative; float:left; width:50%;} .main .map .mainMap02 > dl dd figure img {padding-top:20px;} .main .map .mainMap02 > dl dd figure figcaption {top:0; left:0; font-weight:700; font-size:18px; color:#333;} .main .map .mainMap02 > dl dd figure figcaption span {margin-left:15px; font-weight:400; font-size:13px; color:#666;} .main .map .mainMap02 > dl dd figure figcaption strong {color:#7f4ed3;} .main .map .mainMap02 > dl dd figure:last-child {padding-left:50px;} .main .map .mainMap02 > dl dd figure:last-child figcaption {left:50px;} .main .map .mainMap02 > dl dd figure:last-child figcaption strong {color:#3dba4c;} .main .snslist dl {display:table;} .main .snslist dt {width:250px; height:105px; padding-left:40px; font-weight:700; font-size:20px; background:#e5e5e5; vertical-align:middle; display:table-cell;} .main .snslist dd {background:#efefef; vertical-align:middle; display:table-cell;} .main .snslist dd:after {clear:both; display:block; content:"";} .main .snslist dd ul {float:left; padding-right:2px;} .main .snslist dd ul, .main .snslist dd ul li {vertical-align:middle; display:inline-block;} .main .snslist dd ul li > a {width:80px; height:105px; text-align:center; vertical-align:middle; display:block;} .main .snslist dd ul li:not(:first-child) {border-left:1px solid #e7e7e7;} .main .snslist dd > a {float:left; width:250px; height:105px; padding:0 32px; font-weight:700; background:#e5e5e5; display:inline-block;} .main .snslist dd > a:before {width:185px; height:58px; margin-bottom:12px; border-bottom:1px solid #cecece; background:url(/assets/grandwalkerhillseoul/global/images/ico/sns_tripadvisor02.png) 50% no-repeat; display:block; content:"";} .main .snslist dd > a:after {width:21px; height:6px; margin-left:13px; background:url(/assets/grandwalkerhillseoul/global/images/ico/ico_arrow04.png) no-repeat; display:inline-block; content:"";} .main .snsGrand.table {width:1000px; margin:0 auto 50px auto; padding:0 60px; table-layout:fixed;} .main .snsGrand.table > * {width:auto; vertical-align:top;} .main .snsGrand.table > *:first-child {width:530px;} .main .snsGrand.table > *:last-child {text-align:right;} .main .snsGrand.table > *:last-child > * {margin:0 0 6px 6px; vertical-align:top; display:inline-block;} .main .snsGrand dl.snsLink dt, .main .snsGrand dl.snsLink dd {vertical-align:top; display:inline-block;} .main .snsGrand dl.snsLink dt {float:left; height:90px; font-weight:700; font-size:28px; color:#333; letter-spacing:0; vertical-align:top;} .main .snsGrand dl.snsLink dt:after {width:1px; height:90px; margin-left:40px; background:#e3e3e3; vertical-align:-59px; display:inline-block; content:"";} .main .snsGrand dl.snsLink dt span {font-weight:400;} .main .snsGrand dl.snsLink dd {margin:0 0 10px 27px;} .main .snsGrand figure {width:150px; padding-top:8px; height:100px; text-align:center; border:1px solid #d8d8d8; background:#fff;} .main .snsGrand figure span {height:52px; margin-bottom:2px;} .main .snsGrand figure:last-of-type span {padding-top:7px;} .main .snsGrand figcaption {font-weight:500; font-size:10px; color:#999; line-height:14px; display:block;} .main .snsGrand figcaption strong {font-weight:700; color:#666;} /* 객실예약 ------------------------------------------------------------------------------- */ .dining ul.note.clr {margin-left:100px;} /* 임직원 */ .infra h4 {margin:70px 0 40px 0; font-size:26px; text-align:left;} .infra h4 strong, .infra figure.table figcaption strong {color:#996b56;} .infra ul.note.st03 {margin:15px 0 0 0;} .infra .roomSearch dl.stay {width:100%;} .infra .roomSearch dl.stay dd {width:161px;} .infra .roomSearch dl.stay dd.period {width:auto;} .infra .roomSearch dl.stay dd.period + dd {width:81px;} .infra .roomSearch .comiseo-daterangepicker {top:50px !important;} /* 워커힐 핫 */ .infra dl.option {margin:0 0 -17px 0;} .infra dl.option > dd {text-align:center;} .infra dl.option > dd label {margin-right:5px; margin-bottom:16px;} .infra dl.option > dd label:before, .infra dl.option > dd label:after {top:2px; margin-top:0;} .infra dl.option > dd label img {margin-top:20px; margin-left:-24px; display:block;} .infra ul + h5 {margin:38px 0 20px 0; text-align:left;} .infra figure.table > * {width:auto;} .infra figure.table figcaption {width:674px; padding-left:40px; font-size:18px; color:#333; line-height:26px; border:1px solid #e8e8e8; border-left:0 none;} .infra figure.table figcaption a {width:192px; height:46px; margin-top:13px; font-size:14px; line-height:44px; display:block;} /* 객실상세 ------------------------------------------------------------------------------- */ #contents > .roomInfo, #contents > .diningInfo {padding-top:0;} .room .info .h3group p, .dining .h3group p {margin-top:26px; padding:0 105px;} .h3group {margin-bottom:45px; padding-top:6px; text-align:center;} .h3group h3 {margin-bottom:0; padding-bottom:26px; background:url(/assets/grandwalkerhillseoul/global/images/bg/bg_line01.gif) center bottom no-repeat;} .h3group p {margin-top:26px; line-height:22px;} .btnL.print > ul > li {padding:0 0 0 20px; display:inline-block;} .btnL.print > ul > li:first-child {padding:0 20px 0 0;} .btnL.print > ul > li.share {position:relative; border-left:1px solid #e8e8e8;} .btnL.print.st01 > ul > li:first-child {border-right:none;} .h3group.st01 {padding-top:66px;} .h3group.st02 h3 {background:none; padding-bottom:0;} .h3group.st02 .printArea {bottom:-10px;} .photoSlide {margin-top:45px;} .photoSlide + p.note {margin:5px 0 0 0;} .room .photoSlide .bx-viewport ul li img,.dining .photoSlide .bx-viewport ul li img {width:1000px; height:460px;} .dining .menuSlide .bx-viewport ul li img {width:1000px; height:626px;} .roomInfo {padding:0px!important;} .facility {padding-top:0px!important;} .roomInfo article {margin:30px 0 50px 0;} .roomInfo article img {vertical-align:top;} .roomFacility {padding-top:0px!important;} .roomFacility article {margin-top:30px; padding:30px 50px 30px 50px; border:1px solid #e8e8e8;} .roomFacility article .facilityIco li {width:130px; margin:0 10px; font-weight:500; font-size:13px; text-align:center;} .roomFacility article .facilityIco li:before {margin-left:auto; margin-right:auto;} .roomFacility article .facilityIco.nth7 li {margin:0 15px;} .roomFacility article .facilityIco li span {color:#888;} .roomFacility article .facilityIco ul {margin-top:20px; text-align:center;} .roomFacility article .facilityIco ul:after {width:100%; height:1px; margin-top:50px; border-bottom:1px solid #ededed; background:#f2f2f2; display:block; content:""; z-index:-1;} .roomFacility article div li.ico02 span {color:#666;} .roomFacility article div li.ico02 span:nth-of-type(2), .roomFacility article div li.ico02 span:nth-of-type(3) {margin-left:91px; display:block;} .roomFacility div {position:relative; margin-top:30px;} .roomFacility div > ul {margin-top:30px; text-align:left;} .roomFacility .btnR {float:right; margin-top:-40px;} .roomFacility .tooltip {width:677px; padding-right:20px;} .roomFacility .tooltip.top {bottom:60px; right:0;} .roomFacility .tooltip dl.info06 {height:auto; overflow:hidden;} .roomFacility .tooltip dl.info06:first-child {float:left; width:49%; margin-right:30px;} .sectionBg.special section {width:1000px; margin:0 auto; overflow:hidden;} .sectionBg.special ul:not(.note) {clear:both; height:auto; margin-top:30px; overflow:hidden;} .sectionBg.special ul:not(.note) li {position:relative; float:left; margin-left:10px; width:192px; min-height:265px; font-size:13px; text-align:center; font-weight:400; word-break:break-all; background:#fff;} .sectionBg.special ul:not(.note).st01 li {width:242px;} .sectionBg.special ul:not(.note) li div {width:100%; height:62px; display:table;} .sectionBg.special ul:not(.note) li p {vertical-align:middle; padding:10px; text-align:center; letter-spacing:-0.03em; display:table-cell;} .sectionBg.special ul:not(.note) li:first-child {margin-left:0;} .sectionBg.special .discArea {clear:both; margin-top:17px;} .sectionBg.special .discArea p {display:inline-block;} .sectionBg.special .discArea p.note {font-weight:300 !important;} .sectionBg.special .discArea p.note:first-child, .sectionBg.special .discArea ul.note {margin-left:0;} .sectionBg.special article {margin-top:31px; border-top:1px solid #e8e8e8; overflow:hidden;} .sectionBg.special article h5 {text-align:left; margin-top:40px;} .overview .areaLine {margin-top:27px; padding:40px 50px; border:1px solid #e8e8e8; overflow:hidden;} .overview h5 {float:left; width:100px; padding-top:3px; text-align:left;} .overview dl {width:792px; display:table;} .overview dl dt,.overview dl dd {float:left; min-height:30px; font-size:12px; line-height:28px;} .overview dl dt {width:85px; margin-bottom:2px; color:#333; text-align:center; background:#f1ece6;} .overview dl dd {width:175px; padding-left:10px; margin-bottom:2px; background:#fff;} .overview hr {clear:both; margin-bottom:28px; padding-top:28px; border-top:0 none; border-bottom:1px solid #e5e9ec; display:block;} .room .reserve {padding-top:0 !important;} .room .reserve .roomSearch {margin-bottom:40px;} .room .reserve .roomSearch .comiseo-daterangepicker {top:50px !important;} .room .reserve dl.info02 {padding:30px 40px; border:1px solid #e8e8e8;} .room .reserve dl.info02 dt:first-of-type {width:87px;} .room .reserve dl.info02 dt.mark {width:87px;} .room .reserve dl.info02 dt.mark + dd {width:528px;} .room .reserve dl.info02 ul.note {margin-left:0;} .room .reserve02 {padding-top:0 !important;} .room .reserve02 div {border:1px solid #e8e8e8;} .room .reserve02 div:after {clear:both; display:block; content:"";} .room .reserve02 div p.info {margin:40px 0 38px 0; text-align:center;} .room .reserve02 div dl {float:left; width:33.33%; padding:28px 40px; border-top:1px solid #e8e8e8;} .room .reserve02 div dl + dl {border-left:1px solid #e8e8e8;} .room .reserve02 div dl dt {margin-bottom:5px; font-size:12px; color:#996b56;} .room .reserve02 div dl dd p {font-weight:500; font-size:16px; color:#333;} .room .reserve02 div dl dd a.plus01 {width:auto; margin-top:18px; padding-right:30px; color:#888 !important; display:inline-block;} .hotelEvent h4 {margin-bottom:30px;} .hotelEvent figcaption {position:relative; min-height:108px; padding:28px 30px 15px 30px; background:#fff; display:block;} .hotelEvent .slide li {background:#fff; min-height:335px;} .hotelEvent .slide li {position:relative; z-index:1;} .hotelEvent .slide li figure {overflow:hidden;} .hotelEvent .slide li a:hover:after {position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #996b56; display:block; content:"";} .hotelEvent .slide li img {width:100%; height:280px; margin:-30px 0;} .hotelEvent .slide li mark {position:absolute; left:0; top:0; width:60px; height:50px; font-weight:500; font-size:12px; color:#fff; text-align:center; line-height:13px; background:#996b56; display:table;} .hotelEvent .slide li mark span {vertical-align:middle; display:table-cell;} .hotelEvent .slide li.promotion a:hover:after {border-color:#2b834e;} .hotelEvent .slide li.promotion mark {background:#2b834e;} .hotelEvent .slide li figcaption {position:relative; min-height:108px; padding:0 30px 16px 30px; background:#fff; display:block;} .hotelEvent .slide li figcaption h3 {margin:0 -30px; margin-bottom:17px; padding:13px 30px; font-size:12px; text-align:left; border-bottom:1px solid #ececec;} .hotelEvent .slide li figcaption h3.douglas {color:#b4978f;} .hotelEvent .slide li figcaption h4 {margin:0; padding-bottom:7px; font-weight:700; font-size:18px; color:#333; line-height:22px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .hotelEvent .slide li figcaption dl {height:auto; overflow:hidden;} .hotelEvent .slide li figcaption dl dt {clear:both; float:left; width:32px;} .hotelEvent .slide li figcaption dl dd {display:block; overflow:hidden;} .hotelEvent .bx-wrapper .bx-pager {position:static; top:auto; bottom:1px; display:none;} .hotelEvent .bx-wrapper .bx-pager.bx-default-pager a:hover, .hotelEvent .bx-wrapper .bx-pager.bx-default-pager a.active {background:#996b56;} .hotelEvent .bx-wrapper .bx-controls-direction a, .bnrSlide .bx-wrapper .bx-controls-direction a {top:147px; /*bottom:152px;*/ width:72px; height:41px; margin-top:0; background-image:url(/assets/grandwalkerhillseoul/global/images/btn/btn_prevNext01.png); background-repeat:no-repeat;} .bnrSlide .bx-wrapper .bx-controls-direction a {top:50%; margin-top:-20px;} .hotelEvent .bx-wrapper .bx-prev, .bnrSlide .bx-wrapper .bx-prev {left:-25px; background-position:0 0;} .hotelEvent .bx-wrapper .bx-prev:hover, .hotelEvent .bx-wrapper .bx-prev:active, .bnrSlide .bx-wrapper .bx-prev:hover, .bnrSlide .bx-wrapper .bx-prev:active {background-position:0 100%;} .hotelEvent .bx-wrapper .bx-next, .bnrSlide .bx-wrapper .bx-next {right:-25px; background-position:100% 0;} .hotelEvent .bx-wrapper .bx-next:hover, .hotelEvent .bx-wrapper .bx-next:active, .bnrSlide .bx-wrapper .bx-next:hover, .bnrSlide .bx-wrapper .bx-next:active {background-position:100% 100%;} /* 다이닝 ------------------------------------------------------------------------------- */ .diningInfo .menuSlide {position:relative; margin-top:30px; background:url(/assets/grandwalkerhillseoul/global/images/bg/dining_menu_bg.png) left top no-repeat;} .diningInfo .menuSlide mark {position:absolute; left:0; bottom:0; line-height:0; background:none;} .diningInfo .menuSlide:after {padding-top:0;} .diningInfo .menuSlide .bx-pager {position:static; top:auto; bottom:1px; display:none;} .diningInfo .menuSlide .bx-pager.bx-defa-+ult-pager a:hover, .diningInfo .bx-wrapper .bx-pager.bx-default-pager a.active {background:#996b56;} .diningInfo .menuSlide .bx-controls-direction a {top:0; width:44px; height:43px; margin-top:0; background-image:url(/assets/grandwalkerhillseoul/global/images/btn/btn_prevNext04.png); background-repeat:no-repeat;} .diningInfo .menuSlide .bx-prev {left:915px; background-position:0 0;} .diningInfo .menuSlide .bx-prev:hover, .diningInfo .bx-wrapper .bx-prev:active {background-position:0 100%;} .diningInfo .menuSlide .bx-next {right:0; background-position:100% 0;} .diningInfo .menuSlide .bx-next:hover, .diningInfo .bx-wrapper .bx-next:active {background-position:100% 100%;} .diningInfo .btnAb {position:absolute; right:170px; bottom:60px;} .diningInfo .btnAb02 {position:absolute; right:68px; bottom:60px;} .diningInfo .btnAb02 a:first-child {margin-right:7px;} .diningInfo .bnArea a {display:block;} .infoArea {margin-top:30px; overflow:hidden; border-top:1px solid #e8e8e8; padding-top:30px;} .infoArea h5 {text-align:left; margin-bottom:15px;} .infoArea article {float:left; width:490px;} .infoArea article:first-child {width:510px; padding-right:20px} /*.infoArea article:first-child table.data td {line-height:27px;}*/ .infoArea article table.data td {padding-left:0; padding-right:0; vertical-align:middle;} .infoArea article table.data + table.data {margin-top:16px;} .infoArea article table.data + table.data + table.data {margin-top:-1px;} .infoArea article table.data span.ml {margin-left:47px;} .infoArea article + p, .infoArea article + ul, .infoArea article + dl {clear:both;} .infoArea dl.info04 {margin-bottom:-7px; padding-top:5px;} .infoArea dl.info04 + a.link02 {float:right; margin-top:-23px;} .infoArea .note {margin-left:0;} .infoArea .note .fl {width:466px;} .infoArea article + .note {padding-top:15px;} .infoArea.st01 article {width:80px;} .infoArea.st01 article:first-child {width:920px;} .infoArea.st01 p.note {margin-left:0; clear:both;} .infoArea.st02 {padding:30px; text-align:center; border:1px solid #e8e8e8;} .infoArea.st02 dl.info04 {margin:-22px 0 -9px 0;} .infoArea.st02 dl.info04 > dt, .infoArea.st02 dl.info04 > dd {font-weight:700; font-size:16px;} .infoArea.st02 dl.info04 > dt.call {margin-left:77px;} .thebuffet .infoArea article table.data + table.data {margin-top:19px;} .bnArea {margin-top:28px;} .dining .bnArea figcaption {position:relative; margin-top:-120px; padding:33px 0 33px 50px; display:block; z-index:10;} .dining .bnArea figcaption dl dt {margin-bottom:12px; font-weight:700; font-size:20px; color:#333;} .dining .bnArea figcaption dl dd:last-child:after {width:28px; height:6px; margin-left:10px; background:url(/assets/grandwalkerhillseoul/global/images/btn/btn_arrow04.png) no-repeat; display:inline-block; content:"";} .dining .bnArea.st01 figcaption {padding:24px 0 27px 50px;} .dining .bnArea.st01 figcaption dl dd {margin-left:12px;} .dining .bnArea.st01 figcaption dl dd:before {width:3px; height:3px; margin:0 8px 0 -12px; background:#999; word-break:break-all; white-space:normal; vertical-align:middle; display:inline-block; content:"";} .mapArea h4 {margin:57px 0 31px 0 !important; font-size:28px !important;} .mapArea h4:first-child {margin-top:0 !important;} .mapStep h5 {margin:0 !important; font-size:18px !important; text-align:left;} .mapStep .btnR, .mapArea .btnR, .membership .prestige div.sectionBg section .btnR {float:right; margin-top:-59px;} .mapStep .btnR, .mapArea .btnR, .membership .prestige div.sectionBg section .btnR > a {width:210px;} .mapStep .btnR .btn02, .mapArea .btnR .btn02 {width:auto;} .mapArea .mapStep {margin-top:40px; padding-top:40px; border-top:1px solid #e8e8e8;} .mapArea .btnR + .mapStep {margin-top:0;} .mapArea hr {margin:40px 0;} ol.map {clear:both; margin-top:-10px; margin-left:-80px; overflow:hidden;} ol.map > li {position:relative; float:left; width:280px; min-height:320px; margin:30px 0 0 80px; font-size:13px; text-align:left; font-weight:400; word-break:break-all; background:#fff;} ol.map > li > div {display:table; min-height:62px;} ol.map > li dd > strong {text-align:left; display:table-row;} /*ol.map > li dd > p {vertical-align:middle; text-align:left; letter-spacing:-0.03em; padding:10px; display:table-row;}*/ ol.map > li dd > .note {margin-left:0;} ol.map > li:before, .hall:before {height:200px; border:none; background:#fff; background-position:left top; background-repeat:no-repeat; display:block; content:"";} ol.map > li:after {position:absolute; right:-59px; top:138px; width:38px; height:38px; background:url(/assets/grandwalkerhillseoul/global/images/etc/arrow_next.png) left top no-repeat; content:""; display:block;} ol.map > li:last-child:after {display:none;} ol.map.st01 > li {width:460px;} ol.map.st01 > li:before {width:460px; height:200px; border:none; background:#fff; background-position:left top; background-repeat:no-repeat; display:block; content:"";} ol.map .st04:after {background:url(/assets/grandwalkerhillseoul/global/images/etc/arrow_or.png) left top no-repeat!important;} ol.map dl, .hall {padding:30px 26px 27px 30px;} ol.map dl {min-height:118px;} ol.map dl dt, .hall dl dt {font-weight:700; color:#333;} ol.map dl dd, .hall dl dd {padding-top:5px;} ol.map .tooltip {left:-58px; width:400px;} ol.map .tooltip.top::before, ol.map .tooltip.top::after {left:60px;} .ondal .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0101.jpg);} .ondal .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0102.jpg);} .ondal .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_ondal01.jpg);} .geumryong .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0101.jpg);} .geumryong .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0102_03.jpg);} .geumryong .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_geumryong01.jpg);} .myongwolgwan .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0101.jpg);} .myongwolgwan .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0103.jpg);} .myongwolgwan .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_myongwolgwan01.jpg);} .myongwolgwan .map > li.inside01:before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0201.jpg);} .myongwolgwan .map > li.inside02:before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0202.jpg);} .myongwolgwan .map .inside02 + li:before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_myongwolgwan02.jpg);} .clock16 .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0101.jpg);} .clock16 .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0116.jpg);} .clock16 .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_clock1601.jpg);} .thebuffet .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0101.jpg);} .thebuffet .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0102.jpg);} .thebuffet .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_thebuffet01.jpg);} .pizzahill .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0101.jpg);} .pizzahill .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0103.jpg);} .pizzahill .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0104.jpg);} .pizzahill .map > li:nth-child(4):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0105.jpg);} .pizzahill .map > li:nth-child(5):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_pizzahill01.jpg);} .pizzahill .map > li:nth-child(6):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_pizzahill02.jpg);} .pizzahill .map > li.inside01:before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0201.jpg);} .pizzahill .map > li.inside02:before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0202.jpg);} .pizzahill .map .inside02 + li:before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_pizzahill03.jpg);} .pavilion .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0101_01.jpg);} .pavilion .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0102_01.jpg);} .thedeli .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0101.jpg);} .thedeli .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0102.jpg);} .thedeli .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_thedeli01.jpg);} .inthecity .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0101.jpg);} .inthecity .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0118.jpg);} .inthecity .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inthecity01.jpg);} .inthecity .map > li.inside01:before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0201.jpg);} .inthecity .map > li.inside02:before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0202.jpg);} .inthecity .map .inside02 + li:before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inthecity01.jpg);} .hangang .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_hangang01.jpg);} .hangang .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_hangang02.jpg);} .hangang .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_hangang03.jpg);} .hangang .map > li:nth-child(4):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_hangang04.jpg);} .hangang .map > li:nth-child(5):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_hangang05.jpg);} .hangang .map > li:nth-child(6):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_hangang06.jpg);} .hangang .map > li:nth-child(7):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_hangang07.jpg);} .hangang .map > li:nth-child(8):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_hangang08.jpg);} .acha .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_acha01.jpg);} .acha .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_acha02.jpg);} .acha .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_acha03.jpg);} .acha .map > li:nth-child(4):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_acha04.jpg);} .acha .map > li:nth-child(5):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_acha05.jpg);} .airportCont .map > li {min-height:370px;} .airportCont .map.st01 > li:before {height:250px;} .icBus01 .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_incheonBus01.jpg);} .icBus01 .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_incheonBus02.jpg);} .icBus01 .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_incheonBus03.jpg);} .icBus01 .map > li:nth-child(4):before, .icBus02 .map > li:nth-child(4):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_incheonBus04.jpg);} .icBus02 .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_incheonBus05.jpg);} .icBus02 .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_incheonBus06.jpg);} .icBus02 .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_incheonBus07.jpg);} .icMetro01 .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_incheonMetro01.jpg);} .icMetro01 .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_incheonMetro02.jpg);} .icMetro01 .map > li:nth-child(3):before, .icMetro02 .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_incheonMetro03.jpg);} .icMetro01 .map > li:nth-child(4):before, .icMetro02 .map > li:nth-child(4):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_incheonMetro04.jpg);} .icMetro01 .map > li:nth-child(5):before, .icMetro02 .map > li:nth-child(5):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_incheonMetro05.jpg);} .icMetro01 .map > li:nth-child(6):before, .icMetro02 .map > li:nth-child(6):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_incheonMetro06.jpg);} .icMetro01 .map > li:nth-child(7):before, .icMetro02 .map > li:nth-child(7):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_incheonMetro07.jpg);} .icMetro01 .map > li:nth-child(8):before, .icMetro02 .map > li:nth-child(8):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_incheonMetro08.jpg);} .icMetro02 .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_incheonMetro09.jpg);} .icMetro02 .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_incheonMetro10.jpg);} .icTaxi01 .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_incheonTaxi01.jpg);} .icTaxi01 .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_incheonTaxi02.jpg);} .icTaxi01 .map > li:nth-child(3):before, .icTaxi02 .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_incheonTaxi03.jpg);} .icTaxi01 .map > li:nth-child(4):before, .icTaxi02 .map > li:nth-child(4):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_incheonTaxi04.jpg);} .icTaxi02 .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_incheonTaxi05.jpg);} .icTaxi02 .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_incheonTaxi06.jpg);} .gpMetro .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_gimpoMetro01.jpg);} .gpMetro .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_gimpoMetro02.jpg);} .gpMetro .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_gimpoMetro03.jpg);} .gpMetro .map > li:nth-child(4):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_gimpoMetro04.jpg);} .gpMetro .map > li:nth-child(5):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_gimpoMetro05.jpg);} .gpMetro .map > li:nth-child(6):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_gimpoMetro06.jpg);} .gpMetro .map > li:nth-child(7):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_gimpoMetro07.jpg);} .gpTaxi .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_gimpoTaxi01.jpg);} .gpTaxi .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_gimpoTaxi02.jpg);} .gpTaxi .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_gimpoTaxi03.jpg);} .gpTaxi .map > li:nth-child(4):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_gimpoTaxi04.jpg);} [class*=shuttle] .map.st01 > li:before {height:250px;} .shuttle01 .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/kr/images/etc/map_freeshuttle0101.jpg);} .shuttle01 .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_freeshuttle0102.jpg);} .shuttle01 .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_freeshuttle0103.jpg);} .shuttle01 .map > li:nth-child(4):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_freeshuttle0104.jpg);} .shuttle02 .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/kr/images/etc/map_freeshuttle0201.jpg);} .shuttle02 .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_freeshuttle0202.jpg);} .shuttle02 .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_freeshuttle0203.jpg);} .shuttle02 .map > li:nth-child(4):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_freeshuttle0204.jpg);} .shuttle02 .map > li:nth-child(5):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_freeshuttle0205.jpg);} .douglas01 .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0201.jpg);} .douglas01 .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0202.jpg);} .douglas01 .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_douglas01.jpg);} .douglas02 h5, p.mapDisc {vertical-align:middle; display:inline-block;} .douglas02 .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0106.jpg);} .douglas02 .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0118.jpg);} .douglas02 .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_douglas02.jpg);} p.mapDisc {margin-left:27px; font-weight:500; font-size:12px; color:#333;} .wedding h4 + .mapStep .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0107.jpg);} .wedding h4 + .mapStep .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0108.jpg);} .wedding h4 + .mapStep .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_grandhall01.jpg);} .wedding .mapStep + .mapStep .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0109.jpg);} .wedding .mapStep + .mapStep .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0110.jpg);} .wedding .mapStep + .mapStep .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_grandhall01.jpg);} .wedding .mapStep:nth-child(5) .map > li:nth-child(3):before, .wedding .mapStep:nth-child(6) .map > li:nth-child(4):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_theatre01.jpg);} .wedding .mapStep:nth-child(6) .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_casino01.jpg);} .convention .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0111.jpg);} .convention .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0112.jpg);} .convention .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_cosmoshall01.jpg);} .convention .map:nth-child(4) > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_arthall01.jpg);} .convention .mapStep.st01 .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0113.jpg);} .convention .mapStep.st01 .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0114.jpg);} .convention .mapStep.st01 .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0115.jpg);} .convention .mapStep.st01 .map > li:nth-child(4):before, .convention .mapStep + .mapStep .map > li:nth-child(5):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_vistahall01.jpg);} .convention .mapStep + .mapStep .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0109.jpg);} .convention .mapStep + .mapStep .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0116.jpg);} .convention .mapStep + .mapStep .map > li:nth-child(4):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_inside0117.jpg);} .memberDrink ul {margin-top:30px; overflow:hidden;} .memberDrink ul li:first-child {margin-right:20px;} .memberDrink ul li {float:left;} .memberDrink ul li figure {width:490px; height:250px; text-align:center; border:1px solid #e8e8e8; border-top-color:#986b56; background:url(/assets/grandwalkerhillseoul/global/images/bg/bg_memberDrink.png);} .memberDrink figure img {margin:49px 0 28px 0;} .memberDrink figure figcaption {display:block;} .memberDrink figure figcaption dl dt {margin-bottom:10px; font-weight:700; font-size:20px; color:#333;} .memberDrink figure figcaption dl dd {margin-left:10px;} .memberDrink figure figcaption dl dd:before {width:5px; height:5px; margin:0 5px 0 -12px; background:url(/assets/grandwalkerhillseoul/global/images/etc/blt_dot01.gif) 0 0 no-repeat; word-break:break-all; white-space:normal; vertical-align:middle; display:inline-block; content:"";} .memberDrink.st01 {border-top:1px solid #e8e8e8;} /* offers ------------------------------------------------------------------------------- */ .hotTag {width:100%; margin-top:50px; border:1px solid #e8e8e8; display:table;} .hotTag dt,.hotTag dd {height:90px; vertical-align:middle; text-align:left; display:table-cell;} .hotTag dt {width:305px; font-size:20px; font-weight:700; color:#333; padding:35px 0 35px 80px; background:#f7f7f7;} .hotTag dd {padding:4px 10px 4px 59px; background:url(/assets/grandwalkerhillseoul/global/images/bg/bg_offersHottag.gif) left center no-repeat; background-size:45px 100%;} .hotTag dd li {margin:2px 0; display:inline-block;} .hotTag dd a {padding:5px 15px; color:#996b56; font-weight:700; border:1px solid #efe1db; display:block;} .hotTag dd a:hover {border:1px solid #996b56;} .offerList .h3Area {position:relative; width:100%; height:90px; margin-bottom:36px; text-align:center; border:1px solid #e8e8e8; background:#f7f7f7; display:table;} .offerList .h3Area > div {vertical-align:middle; display:table-cell;} .offerList .h3Area h4 {margin:0 47px; font-weight:700; font-size:33px; display:inline-block;} .offerList .h3Area .prevNext {vertical-align:7px;} .offerList .h3Area .btnR {position:absolute; top:50%; right:29px; margin-top:-15px;} .offerList .h3Area .btnR .btn03.plus01 {width:auto; background:none;} .offerList p.result {margin-top:0;} .offerList p.result + .btnR {float:right; margin-top:-43px;} .offerList > .btnR .btn03 {width:89px;} .offerList ol {margin-top:-18px; margin-right:-37px; overflow:hidden;} .offerList ol > li {float:left; width:308px; margin-right:37px; margin-top:30px;} .offerList ol > li .autoImg {position:relative; width:100%; height:280px; display:block; overflow:hidden;} .offerList ol > li figcaption {position:relative; height:272px; padding:46px 30px 0 30px; text-align:left; border:1px solid #e8e8e8; border-top:none; display:block;} .offerList ol > li h4 {position:absolute; top:-20px; left:-1px; width:224px; height:40px; margin:0; padding:11px 20px 0 20px; font-size:13px; color:#fff; line-height:16px; letter-spacing:0; text-align:left; background:#4e4e4e;} .offerList ol > li h4.douglas {background:#b4978f;} .offerList ol > li .txtArea {height:118px; margin-bottom:12px;} .offerList ol > li .txtArea h5 {margin:0 0 8px 0; font-weight:700; font-size:15px; color:#333; line-height:22px; letter-spacing:0; text-align:left;} .offerList ol > li .txtArea p {margin:0; line-height:20px; text-align:left;} .offerList ol > li dl {padding-top:16px; font-size:12px; border-top:1px solid #e8e8e8;} .offerList ol > li dl dd:nth-of-type(2) {margin-top:5px;} .offerList ol > li dl dd:nth-of-type(2) strong {font-size:16px; color:#996b56; font-weight:bold;} .offerList ol > li dl dd:nth-of-type(2) span {font-weight:300; display:block;} .offerList ol > li .btnR {position:absolute; bottom:27px; right:30px;} .offerList ol > li:hover .autoImg:after {position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #996b56; border-bottom:0; display:block; content:""; z-index:10;} .offerList ol > li:hover figcaption {border-color:#996b56;} .offerList ol > li.douglas:hover .autoImg:after, .offerList ol > li.douglas:hover figcaption {border-color:#b4978f;} .offerList ol > li.promotion:hover .autoImg:after, .offerList ol > li.promotion:hover figcaption {border-color:#2b834e;} .offerList ol > li mark {position:absolute; left:0; top:0; width:60px; height:50px; font-weight:500; font-size:12px; color:#fff; text-align:center; line-height:13px; background:#996b56; display:table;} .offerList ol > li mark span {vertical-align:middle; display:table-cell;} .offerList ol > li.promotion mark {background:#2b834e;} .offerList .bx-wrapper {padding-top:60px;} .offerList .bx-wrapper img {min-width:100%; max-width:1000%; min-height:100%;} .offerList .bx-wrapper ol, .offerList .bx-wrapper ol > li {margin-top:0;} .offerList .bx-wrapper ol > li {width:308px !important;} .offerList .bx-wrapper .bx-controls-direction a {top:50%; margin-top:-20px;} .offer .promotion .offerList ol > li:hover .autoImg:after, .offer .promotion .offerList ol > li:hover figcaption {border-color:#2b834e;} /* 상세 */ .offer .view section.detail {width:900px; margin:39px auto; border:1px solid #e8e8e8; border-top:0 none;} .offer .view .detail > figure {width:900px; margin:0 -1px;} .offer .view .detail > figure img {width:900px !important; height:auto !important;} .offer .view .detail h3, .offer .view .detail h4 {text-align:left;} .offer .view .detail .info {padding:45px 76px 45px 80px; border-bottom:1px dotted #cecece;} .offer .view .detail .info h4 {margin-bottom:29px; font-weight:500; font-size:16px; color:#996b56;} .offer .view .detail .info h4:after {width:35px; height:2px; margin-top:17px; background:#996b56; display:block; content:"";} .offer .view .detail .info h3 {margin-bottom:14px; font-size:26px;} .offer .view .detail .info p {line-height:22px;} .offer .view .detail .cont {padding:0 80px;} .offer .view .detail .cont > section {padding:38px 0 36px 0; border-top:1px solid #e8e8e8;} .offer .view .detail .cont > section:first-child {border-top:0 none;} .offer .view .detail .cont h4 {margin-bottom:16px; font-size:20px;} .offer .view .detail .cont h5 {margin:24px 0 10px 0; font-size:16px; text-align:left;} .offer .view .detail .cont h6 {margin:30px 0 20px 0; font-size:14px; font-weight:700;} .offer .view .detail .cont section:not(.noteArea) ul.note, .view .walkee .detail .cont ul.note {margin-top:27px; padding:26px 36px 26px 40px; background:#f7f7f7;} .offer .view .detail .cont dl + p {margin:5px 0 10px 0;} .offer .view .detail .cont p + dl {margin-top:10px;} .offer .view .detail .cont .note {margin-left:0;} .offer .view .detail .cont ul.note + .note {margin-top:10px;} .offer .view .detail .cont .when .note {margin:7px 0 0 0;} .offer .view .detail .cont .when dl + dl {margin-top:15px;} .offer .view .detail .cont .where .btnL {margin:12px 0 4px 0;} .offer .view .detail .cont dl.price dd {margin-left:6px;} .offer .view .detail .cont dl.price dd:first-child {margin-left:0;} .offer .view .detail .cont ol.menu {clear:both; height:auto; margin:0 -15px; overflow:hidden;} .offer .view .detail .cont ol.menu li {position:relative; float:left; width:192px; margin-top:28px; text-align:center;} .offer .view .detail .cont ol.menu figure img {width:162px; height:162px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;} .offer .view .detail .cont ol.menu figcaption {margin-top:8px; display:block;} .offer .view .detail .cont ol.menu mark {position:absolute; top:0; left:5px; width:50px; height:50px; font-weight:700; color:#fff; line-height:50px; text-align:center; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:#996b56; display:block;} .offer .view .detail .cont img {width:auto !important; height:auto !important; max-width:100% !important;} .offer .view .detail .cont table {margin:20px 0;} .offer .view .detail .cont strong {font-weight:700;} .offer .view .detail .cont > figure:first-child {margin-top:40px;} .offer .view .detail .cont > figure span {line-height:0; display:block;} .offer .view .detail .cont > .noteArea {margin-bottom:40px; padding:25px 36px 27px 40px; border:0 none;} .offer .view .detail .cont > .noteArea h4 {margin-bottom:10px; font-size:14px; color:#666;} .offer .view .detail .cont > .noteArea h4:not(:first-child) {margin-top:20px;} .offer .view .detail .cont section .fl {margin-right:10px;} .offer .view .detail .cont section .fl + * + p {margin-top:10px;} .offer .view .detail section.partner {padding:20px 76px 20px 80px; border-top:1px solid #e8e8e8; background:#f7f7f7;} .offer .view .detail .partner dl.info02 {width:auto; height:39px;} .offer .view .detail .partner dl.info02 dt.partner {width:80px;} .offer .view .detail .partner dl.info02.sponsor dt.partner {width:115px;} .offer .view .detail .partner dl.info02 dt.call {width:auto; padding:0 8px 0 0; text-indent:0;} .offer .view .detail .partner dl.info02 dd img {margin-right:18px; max-height:39px;} .offer .view .detail .noteArea > p.note + a {margin-top:10px; display:inline-block;} /* 목록 ------------------------------------------------------------------------------- */ .cardList {margin-top:12px; margin-left:-37px; overflow:hidden;} .cardList > li {position:relative; float:left; width:308px; margin-left:37px; margin-top:30px;} .cardList > li h4 {margin:0 !important; line-height:22px;} .cardList > li:nth-child(1), .cardList > li:nth-child(2),.cardList > li:nth-child(3) {margin-top:0;} .cardList > li figure {position:relative; height:280px; line-height:0;} .cardList > li figure img {width:100%; height:100%; overflow:hidden;} .cardList > li figcaption {min-height:136px; padding:24px 27px 20px 30px; line-height:12px; border-top:none; display:block;} .cardList > li figcaption p {padding-top:12px;} .cardList > li ul.note {margin-left:0;} .cardList > li .txtArea {height:240px; border:1px solid #e8e8e8; border-top:none;} .cardList > li .txtArea ul {margin:0 30px; padding:17px 0; border-top:1px solid #e8e8e8;} .cardList > li .title {height:136px; padding:24px 30px 20px 30px; line-height:12px; border-top:none; display:block;} .cardList > li .title p {padding-top:12px;} .cardList > li .title h4 {margin-bottom:0; font-weight:700; font-size:15px; color:#333; line-height:18px; letter-spacing:0; text-align:left;} .cardList > li:hover figure:after {position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #996b56; border-bottom:0; display:block; content:"";} .cardList > li:hover .txtArea {border-color:#996b56;} .cardList.st01 {margin-top:0; margin-left:-16px;} .cardList.st01 > li figure {height:180px;} .cardList.st01 > li {width:238px; min-height:347px; margin-left:16px; margin-top:16px; background:#fff;} .cardList.st01 > li:nth-child(1),.cardList.st01 > li:nth-child(2),.cardList.st01 > li:nth-child(3),.cardList.st01 > li:nth-child(4) {margin-top:10px;} .cardList.st01 > li:hover figure:after {display:none;} .cardList.st01 > li .note li {margin:5px 0 0 0px;} .cardList.st01 > li .note li:first-child {margin:10px 0 0 0px;} .cardList.st01 > li figure a {position:absolute; right:0; top:154px; width:63px; height:26px; padding-top:3px; color:#fff; font-weight:500; font-size:12px; text-align:center; line-height:20px; background:#4a525f; display:block;} .cardList.st02 {margin-top:0; margin-left:-16px;} .cardList.st02 > li figure {height:180px;} .cardList.st02 > li {width:238px; min-height:327px; margin-left:16px; margin-top:0; background:#fff;} .cardList.st02 > li:hover figure:after {display:none;} .cardList.st02 > li .note li {margin:5px 0 0 0px;} .cardList.st02 > li .note li:first-child {margin:10px 0 0 0px;} .cardList.st02 > li figcaption {padding:24px 0px 20px 0px; display:block;} .cardList.st03 {margin-top:0; margin-left:-16px;} .cardList.st03 > li figure {height:180px;} .cardList.st03 > li {width:323px; min-height:327px; overflow:hidden; margin-left:16px;} .cardList.st03 > li:nth-child(3n + 3) {width:322px;} .cardList.st03 > li:hover figure:after {display:none;} .cardList.st03 > li .note li {margin:5px 0 0 0px;} .cardList.st03 > li .note li:first-child {margin:10px 0 0 0px;} .cardList.st03 > li figcaption {padding:24px 0px 0px 0px; display:block; min-height:16px;} .cardList.st04 > li:hover .txtArea {border-bottom:1px solid #996b56;} .cardList.st04 .txtArea ul li.date, .cardList.st04 .txtArea ul li.price {min-height:20px;} .cardList.st04 .txtArea h6 {font-weight:700; font-size:15px; color:#333; line-height:22px;} .cardList li ul {position:relative;} .cardList li ul li {padding:0; margin-left:0;} .cardList li ul li.date {font-size:12px;} .cardList li ul li.price {margin-top:15px; font-size:16px; color:#996b56; font-weight:700;} .cardList li ul li.price span {font-size:12px; font-weight:300; color:#666; display:block;} .cardList li ul li .btn02 {position:absolute; top:53px; right:0;} .cardList figcaption h4 {margin-bottom:0; text-align:left; line-height:18px; font-size:15px; font-weight:700; color:#333; letter-spacing:0em;} /* 미팅 웨딩 ------------------------------------------------------------------------------- */ section.meeting {padding-top:35px !important;} /* 미팅 홀 소개 리스트 ------------------------------------------------------------------------------- */ .cardList ul.note li {margin:6px 0 0 10px; color:#996b56; font-weight:300;} .convention > #contents {position:relative;} .convention .cardList > li > a:hover:after {position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #996b56 ; display:block; content:"";} .convention .cardList.st01 > li figure figcaption dl.info01 > dd > dl > dt:last-of-type, .convention .cardList.st01 > li figure figcaption dl.info01 > dd > dl > dd:last-of-type {letter-spacing:-0.07em;} .convention .tabMenu + .tabMenu {margin-top:-1px;} .convention .tabCont > div.sectionBg {position:inherit; margin:60px 0 -60px 0;} .convention .tabCont > div.sectionBg:before {position:absolute; bottom:0; left:0; width:100%; height:519px; background:#f7f7f7; display:block; content:""; z-index:-1;} .convention > #contents .map > li:nth-child(1):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_walkerhall01.jpg);} .convention > #contents .map > li:nth-child(2):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_walkerhall02.jpg);} .convention > #contents .map > li:nth-child(3):before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/map_walkerhall03.jpg);} .tabCont .discTit {text-align:center; padding-top:50px;} .facArea {margin-top:60px;} .facArea > div {margin-top:30px; position:relative; display:table;} .facArea > div article {width:500px; text-align:center; vertical-align:top; line-height:0; display:table-cell;} .facArea > div article:first-child {position:relative; background:#f7f7f7;} .facArea > div article:first-child span {position:absolute; top:36px; left:40px; font-weight:500; color:#333; line-height:22px; text-align:left; display:block;} .facArea > div article:first-child span > em {font-weight:700; font-size:24px; display:block;} .facArea > div article.manual {padding:50px; line-height:13px; border:1px solid #e8e8e8; border-left:none; position:relative;} .facArea > div .zoomArea {position:absolute; left:0; top:0; z-index:1; border:1px solid #4a525f;} .facArea > div button.close {position:absolute; right:0; top:0; width:43px; height:43px; line-height:50px; background:#996b56; z-index:2;} .zoomArea {position:absolute; border:1px solid #4a525f; z-index:290;} .zoomArea section {position:relative; padding:0; line-height:0; background:#fff;} .zoomArea button.btnClose {position:absolute; top:21px; right:21px; width:43px; height:43px; border:0; background:none;} /* 미팅 시설안내 ------------------------------------------------------------------------------- */ .funcArea {position:absolute; left:50px; bottom:0; width:400px; min-height:80px; border-top:1px solid #e8e8e8; overflow:hidden;} .funcArea ul {height:80px; padding-top:20px; text-align:left; overflow:hidden;} .funcArea ul li {position:relative; padding-left:50px; text-align:left; line-height:36px; display:inline-block;} .funcArea ul li.elevator {width:143px; height:80px;} .funcArea ul li:before {position:absolute; left:0; top:0; width:40px; height:40px; border-radius:99px; -webkit-border-radius:99px; -moz-border-radius:99px; -ms-border-radius:99px; -o-border-radius:99px; background:#768396;content:""; display:block;} .funcArea ul li.elevator:before {background:url(/assets/grandwalkerhillseoul/global/images/ico/ico_elevator.png) #768396; background-repeat:no-repeat; background-position: 49% 50%;} .funcArea ul li.escalator:before {background:url(/assets/grandwalkerhillseoul/global/images/ico/ico_escalator.png) #768396; background-repeat:no-repeat; background-position: 50% 50%;} .funcArea ul li.restroom:before {background:url(/assets/grandwalkerhillseoul/global/images/ico/ico_restroom.png) #768396; background-repeat:no-repeat; background-position: 50% 50%;} .funcArea ul li.escalator {width:143px;} .funcArea ul li.restroom {width:69px;} /* 미팅 시설규격 ------------------------------------------------------------------------------- */ .dimArea {margin-top:60px;} .dimArea table {margin-top:30px;} .dimArea table.st01 .dim {padding:10px 0 60px 0; vertical-align:top; background:url(/assets/grandwalkerhillseoul/global/images/ico/ico_dimension.png) #f7f7f7; background-position:left top;} .dimArea table.st01 .dim.dim02 {background-position:0px top;} .dimArea table.st01 .dim.dim03 {background-position:-244px top;} .dimArea table.st01 .dim.dim04 {background-position:-366px top;} .dimArea table.st01 .dim.dim05 {background-position:-488px top;} .dimArea table.st01 .dim.dim06 {background-position:122px top;} .dimArea table.st01 td,.dimArea table.st01 th {font-size:13px; letter-spacing:0;} .dimArea table.st01 td:first-child {letter-spacing:-0.05em; background:#f7f7f7;} /* 미팅 야외연회,소규모 회의 ------------------------------------------------------------------------------- */ .cardList2 article:first-child {margin-top:50px;} .cardList2 article {display:table; margin-top:30px;} .cardList2 article figure > img {vertical-align:top;} .cardList2 article .photo,.cardList2 article .discArea {width:500px; text-align:center; line-height:0; display:table-cell;} .cardList2 article .photo:frist-child {background:#f7f7f7;} .cardList2 article .discArea {position:relative; padding:0 50px; text-align:left; vertical-align:middle; border:1px solid #e8e8e8; border-left:none;} .cardList2 article .discArea .note {margin-left:0;} .cardList2 article .discArea .note li {margin-left:0; color:#996b56;} .cardList2 article .discArea .note.none li:before {margin-left:0px; display:none;} .cardList2 article .discArea .note.none li {padding-left:0;} .cardList2 article .discArea h4 + p {margin-bottom:30px; line-height:22px;} .cardList2 .discArea h4 {position:relative; margin-bottom:25px; font-size:20px; font-weight:700; text-align:left;} .cardList2 .discArea h4:after {position:absolute; left:0; bottom:-16px; width:20px; height:2px; background:#e8e8e8; content:""; display:block;} .cardList2 .discArea dl.info01 + p.note {margin-top:15px;} .cardList2 .discArea p.note + dl.info01 {margin-left:13px;} .cardList2 .bx-wrapper .bx-pager {position:absolute; top:auto; bottom:30px;} .cardList2 .bx-wrapper .bx-pager.bx-default-pager a {width:10px; height:10px; border-radius:50%; border:1px solid #fff; background-color:transparent;} .cardList2 .bx-wrapper .bx-pager.bx-defa-+ult-pager a:hover {background:#fff;} .cardList2 .bx-wrapper .bx-pager.bx-default-pager a.active {background:#fff;} .cardList2 .bx-wrapper .bx-controls-direction a {top:163px; bottom:152px; width:31px; height:50px; margin-top:0; background-image:url(/assets/grandwalkerhillseoul/global/images/btn/btn_prevNext03.png); background-repeat:no-repeat;} .cardList2 .bx-wrapper .bx-prev {left:25px; background-position:0 0;} .cardList2 .bx-wrapper .bx-prev:hover, .cardList2 .bx-wrapper .bx-prev:active {background-position:0 100%;} .cardList2 .bx-wrapper .bx-next {right:25px; background-position:100% 0;} .cardList2 .bx-wrapper .bx-next:hover, .cardList2 .bx-wrapper .bx-next:active {background-position:100% 100%;} .cardList2:not(.fitness) .Slide01 li {width:500px !important; height:375px !important;} /* 시설안내 카드형 ------------------------------------------------------------------------------- */ .cardList2.st01 article:first-child {margin-top:46px;} .cardList2.st01 .photo,.cardList2.st01 .discArea {border-top:1px solid #333;} .cardList2.st01 .discArea h4 {margin-bottom:15px; font-size:26px;} .cardList2.st01 .discArea p {margin-bottom:15px; line-height:16px;} .cardList2.st01 .discArea h4:after {display:none;} .cardList2.st02 > article:first-child {margin-top:0;} .cardList2.st02 > article .discArea {padding:37px 37px 0 35px; vertical-align:top;} .cardList2.st02 > article .discArea p {margin-bottom:27px;} .cardList2.st02 .discArea h4 {margin:-2px 0 13px 0; padding-right:70px; font-size:26px; line-height:30px; letter-spacing:-0.04em; text-align:left; display:block;} .cardList2.st02 .discArea h4:after {display:none;} .cardList2.st02 .discArea h4 span {margin-left:10px; font-size:14px; color:#666; font-weight:400; display:inline-block;} .cardList2.st02 .discArea h4 span:before {width:1px; height:23px; margin-right:10px; background-color:#e8e8e8; vertical-align:bottom; display:inline-block; content:"";} .cardList2.st02 .discArea h4 p {margin-bottom:0;} .cardList2.st02 .discArea .more {position:absolute; right:30px; top:36px;} .cardList2.st02 .photo img {width:500px; height:250px;} .cardList2.st03 > article .discArea p {margin-bottom:20px;} .cardList2.st03 .discArea h4 {margin-bottom:15px; font-size:26px; display:block;} .cardList2.st03 .discArea h4:after {display:none;} .cardList2.st04 > li:first-child {margin-top:60px;} .cardList2.st04 > li {display:table; margin-top:30px;} .cardList2.st04 li .photo,.cardList2.st04 li .discArea {width:500px; text-align:center; line-height:0; display:table-cell;} .cardList2.st04 li .photo:frist-child {background:#f7f7f7;} .cardList2.st04 li .discArea {position:relative; padding:0 50px; text-align:left; vertical-align:middle; border:1px solid #e8e8e8; border-left:none;} .cardList2.st04 li .discArea .note {margin-left:0;} .cardList2.st04 li .discArea .note li {margin-left:0; color:#996b56;} .cardList2.st04 li .discArea p {margin-bottom:30px; line-height:22px;} .cardList2.st04 {overflow:hidden; width:1000px; margin:0 auto;} .cardList2.st04 li:nth-child(-n+2) {margin-top:0;} .cardList2.st04 li:nth-child(2n+2) {margin-left:180px;} .cardList2.st04 li {float:left;} .cardList2.st04 li .photo {width:170px; text-align:center; line-height:0; display:table-cell;} .cardList2.st04 li .discArea {width:240px; padding:0 10px 0 30px; text-align:left; line-height:0; background:#fff; display:table-cell;} .cardList2.st04 li .discArea p {margin-bottom:0;line-height:18px; letter-spacing:-0.05em;} .cardList2.st04 li .discArea strong {margin-bottom:10px; font-weight:700; font-size:12px; color:#333; line-height:12px; display:block;} /* 미팅 홀 소개 리스트 ------------------------------------------------------------------------------- */ .facArea .note {text-align:left; position:absolute; left:35px; bottom:95px;} .facArea .note li, .convention .tabCont > .note li {color:#996b56; display:inline-block;} .facArea .note li:last-child, .convention .tabCont > .note li:last-child {margin-left:38px;} .facArea .note li span, .convention .tabCont > .note li span {color:#666;} .facArea .zoom {position:absolute; right:0; top:0; width:43px; height:43px; text-align:center; line-height:50px; background:#996b56; display:block;} /*#wedding07 .facArea .note {position:inherit; left:auto; bottom:auto; margin:3px 0 0 0; font-weight:500;} #wedding07 .facArea .note li span {font-weight:400;}*/ .convention .tabCont > .note {margin:20px 0 0 0; padding:18px 0; text-align:center; background:#f7f7f7;} /* 가족연회 ------------------------------------------------------------------------------- */ .family .btnC.half {height:60px;} .familyMenu dl {overflow:hidden;} .familyMenu dt, .familyMenu dd {float:left; width:349px; vertical-align:middle; min-height:136px; padding-top:50px; margin-bottom:20px;} .familyMenu dt {width:139px; margin-left:20px; padding-right:10px; font-size:16px; color:#996b56; font-weight:700; text-align:center; border-left:1px solid #ddcfbc; background:url(/assets/grandwalkerhillseoul/global/images/bg/bg_dt_bg01.gif) right top no-repeat;} .familyMenu dt:nth-child(1) {padding-top:60px;} .familyMenu dt:nth-child(1), .familyMenu dt:nth-child(5) {margin-left:0;} .familyMenu dd {border:1px solid #e8e8e8; border-left:0; padding:60px 0 0 10px; font-weight:500; color:#333;} .familyMenu .note {margin-left:0;} .familyMenu .note li {margin-left:0;} .familyMenu .note li span {color:#996b56;} /* 미팅,웨딩,가족연회 문의하기 ------------------------------------------------------------------------------- */ .inquiry .box02 span {font-size:13px;} .inquiry .box02 .st03 {width:111px; font-size:12px;} .inquiry .box02 .note {padding-right:30px; font-size:12px; font-weight:300;} .inquiry .title {margin-top:60px; font-size:18px; font-weight:400; line-height:22px;} .inquiry .title span {color:#996b56;} /* 행사일정 ------------------------------------------------------------------------------- */ .regist dl.stay div.calendar {display:none;} .regist dl.stay div.calendar.st02 {left:-93px;} .regist dl.stay.st02 .ico04.calendar:after {right:10px;} .regist dl.stay.st02 {padding-right:0;} .regist dl.stay.st02 dd:nth-child(2) {padding-left:20px;} .regist dl.stay.st02 dd:nth-child(3) {padding-left:0;} .regist dl.stay.st02 dd:nth-child(3) {padding-right:0; border:0;} .regist dl.stay.st02 dd:nth-child(3)::before{background:none;} .regist dl.stay.st02 dd {background:none; width:50%; text-align:left;} .regist dl.stay.st02 dd select {width:220px!important;} .regist dl.stay.st02 dd .select2-selection.option01.st03.select2-selection--single {border:none; border-left:1px solid #e8e8e8;} .regist dl.stay.st02 dd div.calendar {width:264px;} .regist dl.stay.st02.error {border:1px solid #e07b46;} .regist dl.roomNum,.regist dl.stay dd:nth-child(3) {margin-top:10px; width:50%; border:1px solid #e8e8e8;} .regist dl.roomNum dt {position:relative; float:left; min-height:46px; text-align:center; z-index:1;} .regist dl.roomNum dt span {width:85px; color:#333; line-height:13px; font-weight:700; display:block;} .regist dl.roomNum dd,.regist dl.stay dd:nth-child(3) {margin-left:85px;} .regist dl.roomNum .select2-selection.option01.st03.select2-selection--single {border:0;} .regist dl.roomNum .select2 {width:100% !important;} .inquiry .regist .total {width:218px; position:relative;} .inquiry .regist .total:before {position:absolute; right:20px; top:14px; width:14px; height:17px; content:"명"; display:block;} .inquiry .regist select.st03 {width:100%;} .inquiry .trisection ol.check.st01 li label {min-height:79px; line-height:15px; background-image:url(/assets/grandwalkerhillseoul/global/images/ico/ico_tableType.png); background-position:left top; background-repeat:no-repeat;} .inquiry .trisection ol.check.st01 li label:before {top:20px;} .inquiry .trisection ol.check.st01 li.banquet label {background-position:0px top;} .inquiry .trisection ol.check.st01 li.buffet label {background-position:-145px top;} .inquiry .trisection ol.check.st01 li.classroom label {background-position:-290px top;} .inquiry .trisection ol.check.st01 li.theater label {background-position:-0px -79px;} .inquiry .trisection ol.check.st01 li.uShape label {background-position:-145px -79px;} /* 인트로 맵 ------------------------------------------------------------------------------- */ .introMap {position:relative; width:1000px; min-height:460px; background-repeat:no-repeat;} .introMap > ul li {position:absolute; left:0; top:0; padding-left:25px; color:#333; font-weight:400;} .introMap > ul li:before {font-weight:500;} .introMap.st01 {margin-bottom:50px !important; background-image:url(/assets/grandwalkerhillseoul/global/images/etc/dining_mapInfo.png); background-color:#f7f7f7;} .introMap.st01 .po01 {left:418px; top:216px;} .introMap.st01 .po02 {left:475px; top:46px;} .introMap.st01 .po03 {left:240px; top:358px;} .introMap.st01 .po04 {left:249px; top:266px;} .introMap.st02 {height:460px; margin-bottom:60px !important; background-image:url(/assets/grandwalkerhillseoul/global/images/etc/room_mapInfo.png); background-color:#f7f7f7;} .introMap.st02 .po01 {left:418px; top:216px;} .introMap.st02 .po02 {left:335px; top:126px;} .introMap.st03 {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/dining_mapInfo02.png);} .introMap article {position:absolute; right:30px; bottom:20px; width:330px;} .introMap article a:hover {color:#996b56;} .introMap article dt, .introMap article dd {margin-bottom:10px; display:block;} .introMap article dt {position:relative; clear:both; float:left; padding-left:25px; color:#333; margin-bottom:10px; font-weight:500;} .introMap article dt:before, .introMap > ul li:before {position:absolute; left:0; top:1px; width:18px; height:18px; background-color:#4a525f; text-align:center; font-size:11px; line-height:17px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; color:#fff; display:inline-block; content:"";} .introMap article dt:after {width:1px; height:12px; background-color:#999; margin:0 10px; vertical-align:-1px; display:inline-block; content:"";} .introMap article dt:nth-of-type(1):before, .introMap > ul li:nth-child(1):before {content:"1"} .introMap article dt:nth-of-type(2):before, .introMap > ul li:nth-child(2):before {content:"2"} .introMap article dt:nth-of-type(3):before, .introMap > ul li:nth-child(3):before {content:"3"} .introMap article dt:nth-of-type(4):before, .introMap > ul li:nth-child(4):before {content:"4"} .introMap article dd {height:auto; overflow:hidden;} .introMap:not(.st02) article dt:nth-of-type(4) {clear:none;} .introMap:not(.st02) article dd:nth-of-type(3) {float:left; width:60px;} .introMap article dd ul {width:100%; overflow:hidden; display:inline-block;} .introMap article dd ul li {padding-top:3px;} .introMap article dd ul li:first-child {padding-top:0;} .introMap article dd a {font-size:12px;} .introMap article .tl.st01 {clear:both; margin:10px 0 0 0; padding-top:15px; border-top:1px solid #e8e8e8;} .introMap.st02 article dd ul li {float:left; min-width:50%; font-size:12px;} .introMap.st02 article .tl.st01 {margin-top:0;} .room .introMap.st02 article dd:nth-of-type(1) ul li:nth-child(2) {padding-top:0;} .intro section:nth-of-type(3) {padding-top:0 !important;} /* 소개 ------------------------------------------------------------------------------- */ .about h4 {font-size:18px; margin:57px 0 33px 0;} .about h4 span {color:#996b56;} .about h5 {font-size:28px; margin:57px 0 30px 0;} /* 자주하는 질문 */ .faqTable {font-size:13px; border-top:2px solid #747474; border-bottom:1px solid #e8e8e8;} .faqTable thead th {border-bottom:1px solid #747474;} .faqTable th {height:52px; line-height:50px; font-size:13px; font-weight:400; color:#333; background:#fff;} .faqTable th dl dt,.faqTable th dl dd {float:left; width:75px; text-align:left;} .faqTable th dl dd {width:135px;} .faqTable th dl dd select {width:100%; margin-top:3px;} .faqTable th span {position:relative; display:block;} .faqTable th span.lineR:before {top:20px;} .faqTable td {border-top:1px solid #e8e8e8; min-height:70px; padding:24px 80px 24px 40px; color:#333; font-weight:400;} .faqTable td span {position:relative; padding-left:30px;} .faqTable td:first-child {padding-right:10px; padding-left:40px;} .faqTable tr.question td:hover {color:#996b56;} .faqTable tr.question {cursor:pointer;} .faqTable tr.question td:nth-child(2) {background:url(/assets/grandwalkerhillseoul/global/images/bg/ico_faq_off.png) 780px 30px no-repeat;} .faqTable tr.question.on td:nth-child(2) {background:url(/assets/grandwalkerhillseoul/global/images/bg/ico_faq_on.png) 780px 30px no-repeat;} .faqTable tr.question.on td {border-top:1px solid #747474; font-weight:700;} .faqTable tr.answer.on td {border-bottom:1px solid #747474;} .faqTable tr.answer td {padding-bottom:24px; background:#f7f7f7;} .faqTable td .ico05:before,.faqTable td .ico06:before {position:absolute; left:-4px; top:-2px; margin-right:50px;} /* 연락처 ------------------------------------------------------------------------------- */ .contactList {padding-top:1px; overflow:hidden;} .contactList > li {position:relative; float:left; width:250px; min-height:197px; padding:30px 30px 0 30px; margin-top:-1px; border:1px solid #e8e8e8; border-left:0;} .contactList > li:nth-child(4n+1), .contactList > li.st02 + li + li + li {border-left:1px solid #e8e8e8;} .contactList > li.st02 + li + li + li + li {border-left:0 none;} .contactList > li.on {border-color:#ccb5aa; z-index:1;} .contactList > li strong {position:relative; padding-bottom:3px; color:#996b56; font-size:12px; display:block;} .contactList > li p:after {width:20px; height:2px; background:#e8e8e8; margin:18px 0; content:""; display:block;} .contactList > li > p {font-size:16px; font-weight:400; color:#333;} .contactList > li > p span {color:#666;} .contactList > li.on > p {color:#996b56;} .contactList > li ul.note {margin-left:0; font-size:12px;} .contactList > li ul li {font-weight:300; color:#333;} .contactList > li ul li span {color:#666;} .contactList > li.st01 {min-height:232px;} .contactList > li.st02 {width:500px; min-height:232px;} .contactList > li .link {position:absolute; right:0; top:0;} /* 고객의소리 ------------------------------------------------------------------------------- */ .about .aboutVOC {padding:60px 80px; border:1px solid #e8e8e8;} .about .aboutVOC h5 {margin:0px 0;} .about .aboutVOC h4 {margin:37px 0 10px 0;} .about .aboutVOC h4 + .subtxt {margin-bottom:20px;} .about .box02 {margin:0;} .about .box02 span {font-size:13px;} .about .box02 .st03 {font-size:12px; width:111px;} .about .box02 .note {padding-right:30px; font-size:12px; font-weight:300;} .about .box02.st01 {margin-top:40px; padding-left:145px;} .about .mgT15 {margin-top:15px;} .about .voice h4 {line-height:25px;} .about .vocArea {width:840px; margin:auto;} .about .vocArea .regist {padding:60px 155px 40px 155px;} .about div.none > section {background:#fff;} /* 플로팅 버튼 ------------------------------------------------------------------------------- */ #inquiry, #fixBtn {position:fixed; top:82px; left:50%; width:61px; margin-left:389px; z-index:150;} #inquiry button, #fixBtn button {width:111px; min-height:45px; line-height:40px; color:#fff; font-weight:500; text-align:center; background:#4a525f; display:block;} #inquiry.off {position:absolute; top:-45px;} #fixBtn.off {position:absolute; top:320px;} @media only screen and (max-width:1170px){ #inquiry, #fixBtn {left:576px;} #inquiry.off, #fixBtn.off{left:50%;} } @media only screen and (max-width:1042px){ #inquiry, #fixBtn {left:512px;} } /* 시설안내 ------------------------------------------------------------------------------- */ .facility h5 {margin:37px 0 20px 0; text-align:left;} .facility .facInfo .box {padding:30px 40px; border:1px solid #e8e8e8; overflow:hidden;} .facility .facInfo .box dt,.facility .facInfo .box dd {float:left;} .facility .facInfo article {margin-top:36px;} .facility #contents section.secondSec {margin-top:70px; padding-top:0;} .facility .cardList2.st03 .tr {padding:10px 0;} .facility section.course {padding:50px 0px 0 0!important;} .facility #tabAct01 {position:relative; min-height:460px;} .facility #tabAct01 .route {position:absolute; height:462px; right:0; bottom:0;} .facility #tabAct01 .discArea {clear:both; width:480px; margin-top:35px;} .facility #tabAct01 .discArea strong {font-size:14px; color:#333;} .facility #tabAct01 .discArea span {font-size:12px;} .facility #tabAct01 hr {margin:17px 0;} .facility #tabAct01 .discArea dt,.facility #tabAct01 .discArea dd {float:left;} .facility #tabAct01 .discArea dt {color:#333;} .facility #tabAct01 .discArea ul {float:left; width:231px; margin-left:0;} .facility #tabAct01 .discArea ul li {min-height:40px; margin-bottom:15px;} .facility #tabAct01 .discArea ul li p {clear:both; padding-top:5px; font-size:11px; color:#333; display:block;} .facility #tabAct01 .discArea ul li i.course {position:relative; width:18px; height:18px; margin:0 3px; color:#fff; text-align:center; font-size:10px; line-height:17px; border-radius:99px; -webkit-border-radius:99px; -moz-border-radius:99px; -ms-border-radius:99px; background:#474e61; display:inline-block;} .facility #tabAct01 .discArea ul li dt i:after {position:absolute; right:-18px; top:5px; width:13px; height:9px; background:url(/assets/grandwalkerhillseoul/global/images/ico/ico_arrow02.gif) left top no-repeat; content:""; display:block;} .facility #tabAct01 .discArea ul li dt i:nth-of-type(1) {margin:0 20px 0 3px;} .facility #tabAct01 .discArea ul.note li:before {float:left; margin:9px 8px 0 -12px;} .facility .discArea a.btn07.st21 {position:absolute; top:53px; left:328px;} .facility .mgT15 {margin-top:15px;} .facility .mapArea .map {margin-top:20px; padding-bottom:60px;} .facility .activity .cardList.st02 > li {min-height:307px; border-bottom:1px solid #e8e8e8;} .facility .fitness .autoImg {width:500px;} .facility .fitness .discArea {padding-top:15px; padding-bottom:13px;} /* 워키프로그램 */ .walkee .searchArea, .walkee .searchArea dl {width:100%; height:92px; display:table;} .walkee .searchArea > *, .walkee .searchArea dl > * {height:100%; vertical-align:middle; display:table-cell;} .walkee .searchArea > div {width:308px;} .walkee .searchArea > form {padding:20px 40px; border:1px solid #e9e9e9; border-left:0 none; background:#f7f7f7;} .walkee .searchArea .btn {width:100%; height:100%;} .walkee .searchArea .btn.line {position:relative; font-weight:400; background:#4a525f;} .walkee .searchArea .btn.line:before, .walkee .searchArea .btn.line:after {display:block; content:"";} .walkee .searchArea .btn.line:before {height:31px; margin-bottom:10px; background:url(/assets/grandwalkerhillseoul/global/images/ico/ico_calendar02.png) 50% 0 no-repeat;} .walkee .searchArea .btn.line:after {position:absolute; top:5px; left:5px; width:calc(100% - 10px); height:calc(100% - 10px); border:1px solid rgba(255,255,255,0.20);} .walkee .searchArea .btn.search {background:#000;} .walkee .searchArea dl {height:50px; background:#fff;} .walkee .searchArea dl dt {padding-left:30px;} .walkee .searchArea dl dt:after {width:1px; height:12px; margin-left:10px; background:#ddd; vertical-align:-1px; display:inline-block; content:"";} .walkee .searchArea dl dd.period {padding-right:30px; text-align:center; background:url(/assets/grandwalkerhillseoul/global/images/ico/ico_arrow01.gif) calc(50% - 15px) 50% no-repeat;} .walkee .searchArea dl dd.period input {width:124px; padding:0; font-weight:500; color:#333; text-align:center; border:0; background:none; display:inline-block; cursor:pointer;} .walkee .searchArea dl dd.period input:not(:first-of-type) {margin-left:24px;} .walkee .searchArea dl dd:nth-of-type(2) {width:120px;} .walkee .searchArea .comiseo-daterangepicker {margin-top:2px;} .walkee .offerList ol {margin-top:0;} .view .walkee .info.table .autoImg {width:500px; height:374px;} .view .walkee .info.table > div {padding:36px 0 0 40px;} .view .walkee .info.table h4 {margin-bottom:26px; font-size:34px; line-height:40px; text-align:left;} .view .walkee .info.table dl.info07 > dt {width:88px;} .view .walkee .detail {margin-top:60px; border:1px solid #e8e8e8;} .view .walkee .detail .cont {clear:both; height:auto; padding-top:54px; padding-bottom:60px; overflow:hidden;} .view .walkee .detail .cont h5 {clear:both; float:left; width:106px; margin:2px 0 0 0; line-height:24px;} .view .walkee .detail .cont h5 + div {height:auto; overflow:hidden;} @-moz-document url-prefix() { .walkee .searchArea .comiseo-daterangepicker {margin-top:3px;} } /* 오시는 길 ------------------------------------------------------------------------------- */ /* 위치안내 */ #floating-panel {left:50% !important; top:40px !important; width:220px; margin-left:-500px; font-weight:400; font-size:13px;} #floating-panel > section {margin-bottom:10px; padding:30px 25px; border:1px solid #e8e8e8; background:#fff;} #floating-panel > section h4 {margin:0; padding-bottom:20px; line-height:0; text-align:left; border-bottom:1px solid #e8e8e8;} #floating-panel > section dl {padding-top:8px;} #floating-panel > section dl dt {margin-top:8px; font-size:11px; color:#996b56;} #floating-panel > section dl dd {font-weight:500; color:#333;} #floating-panel > section .btn01 {width:100%; height:30px; margin-top:22px;} #floating-panel dl.mapInfo {border:1px solid #e8e8e8; border-top:0 none; background:#f7f7f7;} #floating-panel dl.mapInfo > dt {position:relative; width:100%; height:53px; border-top:1px solid #e8e8e8; background:#fff; display:table;} #floating-panel dl.mapInfo > dt h5 {padding:10px 42px 10px 25px; font-size:13px; text-align:left; vertical-align:middle; display:table-cell;} #floating-panel dl.mapInfo > dt.on, #floating-panel dl.mapInfo > dd {background:#f7f7f7;} #floating-panel dl.mapInfo > dt:after {position:absolute; top:50%; right:25px; width:7px; height:4px; margin-top:-2px; background:url(/assets/grandwalkerhillseoul/global/images/ico/ico_fold03.png) 0 0 no-repeat; display:block; content:"";} #floating-panel dl.mapInfo > dt.on:after {background-position:0 -4px;} #floating-panel dl.mapInfo > dd {padding:0 25px 25px 25px;} #floating-panel dl.route {position:relative; overflow:hidden;} #floating-panel dl.route:before {position:absolute; top:14px; left:3px; width:4px; height:50%; background:url(/assets/grandwalkerhillseoul/global/images/bg/bg_dotline03.png) 0 0 repeat-y; display:block; content:""; z-index:0;} #floating-panel dl.route:after {clear:both; display:block; content:"";} #floating-panel dl.route dt {position:relative; clear:both; float:left; width:20px;} #floating-panel dl.route dt.start {margin-top:5px;} #floating-panel dl.route dt.arrive {margin-top:2px;} #floating-panel dl.route dd {height:auto; margin-bottom:13px; padding-bottom:7px; font-size:12px; color:#333; line-height:16px; border-bottom:1px solid #e8e8e8; display:block; overflow:hidden;} #floating-panel dl.route dd:last-child {margin-bottom:0;} #floating-panel dl.route dd.off {color:#aaa;} #floating-panel dl.route dd ol {margin-top:-2px;} #floating-panel dl.route dd ol li {margin-top:3px;} #floating-panel dl.route dd ol li:first-child {margin-top:-2px;} /* 위치 공유하기 팝업 */ .popup .mapShare h3 {margin-bottom:25px; font-size:18px; text-align:left;} .popup .mapShare h3 + p {float:right; margin-top:-43px;} .popup .mapShare dl.regist {width:536px; padding:40px 0 36px 0; border-bottom:1px solid #e8e8e8;} .popup .mapShare .smsCont {padding:12px 16px 16px 19px; border:1px solid #e8e8e8; background:#f7f7f7;} .popup .mapShare .smsCont strong, .popup .mapShare input, .popup .mapShare input[readonly] {font-weight:500; color:#333; background:#fff;} #popMapSMS.popup .mapShare h3 {font-size:30px; text-align:center;} /* 츨발지, 서비스 선택영역 */ .mapCont .selectArea {width:1000px; margin:0 auto; padding-bottom:47px; text-align:center; border:1px solid #e8e8e8;} .mapCont .selectArea dl {text-align:center;} .mapCont .selectArea dl dt, .mapCont .selectArea dl dd {height:49px; margin-right:-3px; border:1px solid #996b56; vertical-align:middle; display:inline-block;} .mapCont .selectArea dl dt {width:70px; padding-top:16px; color:#333; text-align:center; border-right:0 none;} .mapCont .selectArea dl dt:after {float:right; width:1px; height:12px; margin:3px 1px 0 0; background:#ddd; display:inline-block; content:"";} .mapCont .selectArea dl dd {overflow:hidden; width:230px; border-left:0 none;} .mapCont .selectArea dl dd:nth-of-type(1) {margin-right:9px;} .mapCont .selectArea dl dd select {width:230px!important;} .mapCont .selectArea dl dt .lineR::before {top:3px;} .mapCont .selectArea h4 {margin:47px 0 24px 0} .mapCont .locationImg {width:1000px; min-height:220px; padding:50px 0 60px 0; margin:0 auto 65px auto; text-align:center; border:1px solid #e8e8e8; border-top:none; background:#f7f7f7;} /*.about .mapCont .tabArea {padding-bottom:40px!important;}*/ .about #contArea section.kimpo section:first-child {padding-bottom:0;} .about .transportSel.case0201 {padding-bottom:0px!important ;} .about .busInfo {width:1000px; padding-bottom:100px; margin:0 auto;} .about .busInfo article {position:relative; padding-top:27px;} .about .busInfo article h6 {font-size:16px; font-weight:700; color:#333;} .about .busInfo article > p {position:absolute; right:0; top:30px;} .about .busInfo article table.data {margin-top:13px;} .about .busInfo article:nth-of-type(2) {margin-top:57px;} .about .busInfo #tabTime {margin-top:13px;} .about .busInfo .lowCont table.data {margin-top:50px;} .about .tabMenu.st05 {position:absolute; top:60px; right:0;} .about .floorInfo {background:url(/assets/grandwalkerhillseoul/global/images/etc/floor_bg_img.png) top center no-repeat;} .about .diningInfo {background:url(/assets/grandwalkerhillseoul/global/images/etc/dining_bg_img.png) top center no-repeat;} .about .roomFloor {padding:3px 0 60px 0;} .about .introMap {margin:0 auto;} .about #location04 > .sectionBg, .about #location04 #dining01 {margin-top:60px;} .about .mapArea .btnR {display:none;} .metro {width:1000px; margin:0 auto; padding-bottom:60px; text-align:left;} .metro h4 {margin:14px 0 25px 0; text-align:left;} .freeShuttle h4, #incheonAir section section h4 {margin:14px 0 10px 0; text-align:left;} .freeShuttle {position:relative; width:1000px; padding:40px 0 0 0px; margin:0 auto; text-align:left;} .freeShuttle ol.map {margin-top:0;} .freeShuttle .busCourse {padding:60px 80px; margin-bottom:30px; background:#fff;} .freeShuttle .busCourse h5 {margin:0 0 17px 0; font-weight:700; font-size:18px; text-align:left;} .freeShuttle .busCourse ul {margin-left:0;} .freeShuttle .busCourse ul li {float:left; margin-left:24px;} .freeShuttle .busCourse ul li:first-child {margin-left:0;} .freeShuttle .busCourse ul li:last-child:before {display:none;} .freeShuttle .busCourse ul li span {font-weight:500; color:#333;} .freeShuttle .busCourse ul:after {clear:both; content:""; display:block;} .freeShuttle .busCourse p.note {margin-left:0;} .freeShuttle .busCourse hr {margin-top:30px;} #incheonAir section section {position:relative;} .mgT60 {margin-top:60px!important;} .mgT20 {margin-top:20px!important;} /* Brand ------------------------------------------------------------------------------- */ .about .brand .tabArea .tabCont > section > figure {margin-bottom:48px;} .about .brand .history {margin-bottom:50px;} .about .brand .history li figure {display:table;} .about .brand .history li figure span img {vertical-align:top;} .about .brand .history li figure span, .about .brand .history li figure figcaption {width:500px; background:#f7f7f7; display:table-cell;} .about .brand .history li figure figcaption {padding-left:50px; vertical-align:middle;} .about .brand .history li figure figcaption h6 {margin-bottom:14px; font-weight:500; font-size:16px; color:#333;} .about .brand .tabArea .tabCont > section {padding-bottom:40px;} .about .brand .sectionBg .point01 {margin-bottom:12px; font-size:15px; text-align:center;} .about .brand .sectionBg h5 {margin-top:0;} .about .brand .rebranding {display:table;} .about .brand .rebranding li {padding-right:14px; display:table-cell;} .about .brand .rebranding li:last-child {padding-right:0;} .about .brand .rebranding + p {margin-top:48px; text-align:center;} .about .brand .brandInfo dt {clear:both; float:left; width:238px;} .about .brand .brandInfo dt h5 {width:238px; height:238px; margin:0; padding:30px; font-weight:400; font-size:28px; color:#fff; line-height:30px; text-align:left; background:#996b56; vertical-align:top;} .about .brand .brandInfo dt h5:before {width:128px; height:16px; margin-bottom:18px; background:url(/assets/grandwalkerhillseoul/global/images/etc/fig_walkerhill06.png) no-repeat; display:block; content:"";} .about .brand .brandInfo dd {overflow:hidden; display:block;} .about .brand .brandInfo dd ul li {float:left; width:365px; margin-left:16px;} .about .brand .brandInfo dd ul:after {clear:both; display:block; content:"";} .about .brand .brandInfo dd ul li figure img {margin-bottom:18px;} .about .brand .brandInfo dd ul li figure figcaption {height:100px; display:block;} .about .brand .brandInfo dd ul li figure figcaption h6 {margin-bottom:10px; font-weight:500; font-size:16px; color:#333;} .about .brand .brandInfo + hr {margin:10px 0 50px 0;} .about .brand .symbolB {width:1000px; height:238px; margin-bottom:50px; padding:40px 0; background:url(/assets/grandwalkerhillseoul/global/images/bg/bg_about_brand01.jpg) no-repeat;} .about .brand .symbolB li {width:248px; height:158px; vertical-align:top; border-right:1px solid #e8e8e8; display:inline-block;} .about .brand .symbolB li:last-child {border:0;} .about .brand .symbolB li dl dt {margin-bottom:28px; font-weight:700; font-size:28px; color:#333; text-align:center;} .about .brand .symbolB li dl dt:after {width:30px; height:2px; margin:18px auto 0 auto; background:#464646; display:block; content:"";} .about .brand .symbolB li dl dd {text-align:center;} .about .walkerhill .hotelIntoBg {width:100%; height:446px; margin-top:50px; background:url(/assets/grandwalkerhillseoul/global/images/bg/bg_about_walkerhill01.jpg) 50% 0 no-repeat; background-color:#efefef;} .about .walkerhill .hotelIntoBg > section {width:1000px; margin:0 auto;} .about .walkerhill .hotelIntoBg .hotelInfoTxt {clear:both; float:right; width:334px; height:326px; margin:60px 0; padding:50px 45px 50px 50px; background-color:rgba(0,0,0,0.6);} .about .walkerhill .hotelIntoBg .hotelInfoTxt p:first-child {font-weight:300; font-size:16px; color:rgba(255,255,255,0.7);} .about .walkerhill .hotelIntoBg .hotelInfoTxt h5 {margin:10px 0 20px 0; font-size:20px; color:#fff; line-height:30px; text-align:left;} .about .walkerhill .hotelIntoBg .hotelInfoTxt p {font-size:13px; color:#fff; text-align:left;} .about .walkerhill h5, .about .cs h5 {font-size:20px;} .about .walkerhill h5 + p {margin-bottom:28px; text-align:center;} .about .walkerhill .sectionBg section > h5 {margin-top:0;} .about .walkerhill .lst01, .about .walkerhill .lst02 {display:table;} .about .walkerhill .lst01 li {padding-right:1px; display:table-cell;} .about .walkerhill .lst01 li:last-child {padding-right:0;} .about .walkerhill .lst01 li.txtBg01 {width:334px; height:220px; padding:0 50px; color:#fff; vertical-align:middle; background:url(/assets/grandwalkerhillseoul/global/images/bg/bg_about_walkerhill02.jpg) no-repeat;} .about .walkerhill .lst01 + hr {margin:40px 0;} .about .walkerhill .lst02 li {display:table-cell;} .about .walkerhill .lst03 {clear:both; float:left; width:667px;} .about .walkerhill .lst03:after {clear:both; display:block; content:"";} .about .walkerhill .lst03 li {float:left; margin:0 1px 1px 0;} .about .walkerhill .lst03 li figure img {vertical-align:top;} .about .walkerhill .txtBg02 {width:333px; height:441px; padding:0 50px; color:#fff; vertical-align:middle; background:url(/assets/grandwalkerhillseoul/global/images/bg/bg_about_walkerhill03.jpg) no-repeat; display:table-cell;} .about .walkerhill .tabCont > section {margin-bottom:60px;} .about .walkerhill .tabCont .sectionBg section {margin-bottom:0;} .about .walkerhill .season {margin-top:50px; display:table;} .about .walkerhill .season img, .about .walkerhill .season figcaption, .about .cs .CSList img, .about .cs .CSList figcaption {width:500px; height:375px; display:table-cell;} .about .walkerhill .season figcaption, .about .cs .CSList figcaption {padding:0 50px; border:1px solid #e8e8e8; border-left:0; vertical-align:middle;} .about .walkerhill .season figcaption h5, .about .cs .CSList figcaption h5 {margin:0; text-align:left;} .about .walkerhill .season figcaption h5:after, .about .cs .CSList figcaption h5:after {width:20px; height:2px; margin-top:13px; background-color:#dadcdf; display:block; content:"";} .about .walkerhill .season figcaption p, .about .cs .CSList figcaption p {margin:18px 0 0 0; text-align:left;} .about .cs .CSList {margin-top:30px; display:table;} .about .cs .CSList:after {clear:both; display:block; content:"";} .about .cs .CSList img, .about .cs .CSList figcaption {width:500px; height:260px; display:table-cell;} .about .walkerhill .result select {width:151px !important;} .galleryList {margin:0 -38px -22px 0;} .galleryList:after {clear:both; display:block; content:""} .galleryList li {float:left;; width:308px; height:230px; margin:0 38px 38px 0;} .galleryList li a {position:relative; display:block;} .galleryList li a:hover:before {position:absolute; top:0; left:0; width:308px; height:230px; border:1px solid #996b56; background-color:rgba(0,0,0,0.5); display:block; z-index:2; content:"";} .galleryList li a:hover:after {position:absolute; top:50%; left:50%; width:45px; height:45px; margin:-22.5px 0 0 -22.5px; background:url(/assets/grandwalkerhillseoul/global/images/btn/btn_more02.png) no-repeat; z-index:3; content:"";} .galleryList li a figure img {vertical-align:top;} .galleryList li a figure figcaption {display:block;} .galleryList li a figure figcaption dl {position:relative; width:308px; height:50px; margin-top:-50px; background-color:rgba(0,0,0,0.5); display:table; z-index:1;} .galleryList li a figure figcaption dl dt, .galleryList li a figure figcaption dl dd {color:#fff; vertical-align:middle; display:table-cell;} .galleryList li a figure figcaption dl dt {padding-left:19px; font-weight:500; white-space:nowrap; table-layout:fixed;} .galleryList li a figure figcaption dl dt:after {width:1px; height:12px; margin-left:10px; vertical-align:-1px; background:rgba(255,255,255,0.6); display:inline-block; content:"";} .galleryList li a figure figcaption dl dd {width:100%; padding:0 19px 0 10px; text-align:left;} .galleryMore {width:85px; height:85px; text-indent:-9999px; border:1px solid #e8e8e8; background-color:#fff; overflow:hidden;} .galleryMore:before {width:85px; height:85px; background:url(/assets/grandwalkerhillseoul/global/images/btn/btn_more03.png) 50% 50% no-repeat; display:block; content:"";} #galleryImg {width:918px;} .popup .thumbSlide li {width:918px !important; height:600px;} .popup .thumbSlide li figure {position:relative;} .popup .thumbSlide li figure figcaption {position:absolute; top:0; left:0; width:100%; display:block;} .popup .thumbSlide li figure figcaption dl {width:100%; height:62px; background-color:rgba(0,0,0,0.5); display:table; z-index:1;} .popup .thumbSlide li figure figcaption dl dt, .popup .thumbSlide li figure figcaption dl dd {color:#fff; vertical-align:middle; display:table-cell;} .popup .thumbSlide li figure figcaption dl dt {padding-left:25px; font-weight:500; font-size:15px; white-space:nowrap; table-layout:fixed;} .popup .thumbSlide li figure figcaption dl dt:after {width:1px; height:15px; margin-left:10px; vertical-align:-2px; background:rgba(255,255,255,0.6); display:inline-block; content:"";} .popup .thumbSlide li figure figcaption dl dd {width:100%; padding:0 50px 0 10px; text-align:left;} #galleryImg .btnClose {position:absolute; top:20px; right:20px; width:22px; height:21px; text-indent:-9999px; background:url(/assets/grandwalkerhillseoul/global/images/btn/btn_close04.png) no-repeat; overflow:hidden;} /* CS사업부 */ .about .cs .topVisual {margin:50px 0 30px 0;} .about .cs .topVisual + p {margin-bottom:49px;} .about .cs .CSList figcaption dl {float:left; display:table;} .about .cs .CSList figcaption dl dt, .about .cs .CSList figcaption dl dd {display:table-cell;} .about .cs .CSList figcaption .ico02 + dd {padding-left:9px; font-weight:700;} .about .cs .CSList figcaption a {float:right; color:#996b56;} .about .cs .CSList figcaption a:after {width:25px; height:4px; margin-left:6px; vertical-align:middle; background:url(/assets/grandwalkerhillseoul/global/images/btn/btn_arrow01.png) no-repeat; display:inline-block; content:"";} .about .cs .CSList figcaption p {margin-bottom:18px;} .about .cs .CSList figcaption dl.row, .about .cs .CSList figcaption dl.row dt, .about .cs .CSList figcaption dl.row dd {display:block;} .about .cs .CSList figcaption dl.row dd {padding:0;} .about .cs .CSList figcaption dl.row dd ul {padding:7px 0 0 26px; display:inline-block;} .about .cs .CSList figcaption dl.row dd ul li {font-weight:400; font-size:12px;} .about .cs .sectionBg h4 {position:relative; margin-top:0; font-size:28px;} .about .cs .sectionBg h4 span {position:absolute; top:12px; right:0; font-weight:400; font-size:13px;} .about .cs .sectionBg h4 span.st04 {right:76px;} .about .cs .sectionBg h4 span.st01 {color:#666;} .about .cs .Hstr {position:relative; margin-top:50px;} .about .cs .Hstr:after {position:absolute; top:0; left:50%; width:1px; height:100%; border-right:1px dashed #cecece; content:"";} .about .cs .Hstr section {margin-bottom:50px; display:table;} .about .cs .Hstr section:last-child {margin-bottom:0; padding-bottom:30px;} .about .cs .Hstr section div, .about .cs .Hstr section figure {vertical-align:top; display:table-cell;} .about .cs .Hstr section figure {padding-top:45px;} .about .cs .Hstr section div h5 {margin:-2px 0 26px 0;} .about .cs .Hstr section div {width:531px;} .about .cs .Hstr section div dl {width:472px; margin-bottom:12px;} .about .cs .Hstr section div dl:last-child {margin-bottom:0;} .about .cs .Hstr section div dl dd.p {color:#996b56;} .about .cs .Hstr section .HstrR h5:before, .about .cs .Hstr section .HstrL h5:after {position:relative; width:15px; height:15px; border:2px solid #996b56; border-radius:99px; -webkit-border-radius:99px; -moz-border-radius:99px; -ms-border-radius:99px; background:#fff; display:inline-block; z-index:1; content:"";} .about .cs .Hstr section .HstrR {padding-left:60px;} .about .cs .Hstr section .HstrR h5 {text-align:left;} .about .cs .Hstr section .HstrR h5:before {margin-left:-36px; margin-right:20px;} .about .cs .Hstr section .HstrR dl {display:table;} .about .cs .Hstr section .HstrR dl dt {width:47px; text-align:right; display:table-cell;} .about .cs .Hstr section .HstrR dl dd {padding-left:15px; display:table-cell;} .about .cs .Hstr section .HstrL {padding-right:60px;} .about .cs .Hstr section .HstrL h5 {text-align:right;} .about .cs .Hstr section .HstrL h5:after {margin-right:-36px; margin-left:20px;} .about .cs .Hstr section .HstrL dl {position:relative;} .about .cs .Hstr section .HstrL dt {position:absolute; right:0; width:47px; margin-left:15px; text-align:right;} .about .cs .Hstr section .HstrL dd {margin-right:62px; text-align:right;} /* 워커힐 아카데미 */ .about .academy .academyInfo {margin-top:47px;} .about .academy .academyInfo li figure {display:table;} .about .academy .academyInfo li figure span img {vertical-align:top;} .about .academy .academyInfo li figure span, .about .academy .academyInfo li figure figcaption {width:500px; display:table-cell;} .about .academy .academyInfo li figure figcaption {padding-left:50px; vertical-align:middle;} .about .academy .academyInfo li figure figcaption h5 {margin:0 0 14px 0; font-weight:700; font-size:20px; color:#333; text-align:left;} .about .academy h4 {margin-top:0; font-size:28px;} .about .academy .sectionBg {padding:60px 0;} .about .academy .sectionBg > section {padding:70px 130px !important; border:1px solid #e8e8e8; background:#fff; display:block;} .about .academy .sectionBg > section hr {margin:50px 0;} .about .academy .sectionBg > section > section:after {clear:both; display:block; content:"";} .about .academy .sectionBg > section section div {float:left; width:604px;} .about .academy .sectionBg > section section div strong {font-weight:700; font-size:18px; color:#333;} .about .academy .sectionBg > section section div strong:after {width:25px; height:2px; margin:11px 0 17px 0; background:#dadcdf; display:block; content:"";} .about .academy .sectionBg > section section div p {line-height:21px;} .about .academy .sectionBg > section section div + figure {float:right; margin-top:-18px;} .about .academy .sectionBg > section dl {width:100%; display:table;} .about .academy .sectionBg > section dl dt {width:194px; font-weight:700; font-size:15px; color:#333; display:table-cell;} .about .academy .sectionBg > section dl dd {padding:28px 0; border-top:1px solid #e8e8e8; display:table-cell;} .about .academy .sectionBg > section dl:nth-child(3) dd {padding-top:0; border-top:0 none;} .about .academy .sectionBg > section dl:nth-child(5) dd {padding-bottom:0;} .about .academy .sectionBg > section dl dd span:first-child {margin-left:0;} .about .academy .tabArea {margin-top:60px;} .about .academy .tabCont > section {border:1px solid #e8e8e8; border-top:0 none;} .about .academy .tabCont > section img {vertical-align:top;} .about .academy h3:before {width:71px; height:67px; margin-right:20px; background:url(/assets/grandwalkerhillseoul/global/images/etc/pic_academyLogo01.jpg) no-repeat; vertical-align:-18px; display:inline-block; content:"";} /* 워커힐 앱 ------------------------------------------------------------------------------- */ .about .aboutApp .table {height:100%;} .about .aboutApp figure.table figcaption {padding:0 50px; border:1px solid #e8e8e8; border-left:0;} .about .aboutApp figure.table figcaption h4, .about .aboutApp figure.table figcaption h5 {margin:0; font-size:20px; line-height:26px; text-align:left;} .about .aboutApp figure.table:not(.row) figcaption h4:after, .about .aboutApp figure.table:not(.row) figcaption h5:after {width:20px; height:2px; margin-top:17px; background-color:#dadcdf; display:block; content:"";} .about .aboutApp figure.table figcaption p {margin:17px 0 0 0; text-align:left;} .about .aboutApp figure.table.row figcaption > div {padding:26px 26px 37px 30px; border:1px solid #e8e8e8; border-top:0; vertical-align:top; display:table-cell;} .about .aboutApp .info ul.table {margin-top:60px;} .about .aboutApp .info ul.table li:not(:first-child) {padding-left:38px;} .about .aboutApp .info ul.table figure.table span {height:270px;} .about .aboutApp .download p:first-child {text-align:center;} .about .aboutApp .download h4 {margin:13px 0 38px 0; font-size:28px;} .about .aboutApp .download ul.table {background:url(/assets/grandwalkerhillseoul/global/images/bg/bg_aboutApp.jpg) 0 0 no-repeat; table-layout:fixed;} .about .aboutApp .download ul.table > li {padding:30px 24px; vertical-align:top; text-align:center;} .about .aboutApp .download ul.table > li:not(:first-child) {width:254px; border-left:16px solid #f5f5f5;} .about .aboutApp .download ul.table h5 {margin:0 0 17px 0;} .about .aboutApp .download ul.table h5:after {width:30px; height:2px; margin:18px auto 0 auto; background:#464646; display:block; content:"";} .about .aboutApp .download ul.table figure {margin:28px auto 0 auto; border-radius:50%; background:#fff; display:table;} .about .aboutApp .download ul.table figure span {line-height:0; text-align:center; vertical-align:middle; display:table-cell;} .about .aboutApp .download ul.table > li:not(:first-child) figure {width:105px; height:105px;} .about .aboutApp .download ul.table > li:first-child figure {width:158px; height:158px;} .about .aboutApp .download ul.table dl {margin-top:32px;} .about .aboutApp .download ul.table dl dd {margin-top:10px;} .about .aboutApp .download ul.table dl dd input[type=text] {height:35px;} .about .aboutApp .download ul.table .note.st05 {margin:15px 0 0 0; padding-left:8px;} .about .aboutApp .download ul.table .note.st05:before {width:5px; margin:0 3px 0 -7px; color:#666;} .about .aboutApp .download ul.table .btnC {margin-top:30px;} .about .aboutApp .download ul.table .btn02 {width:100%;} /* 행사 캘린더 ------------------------------------------------------------------------------------ */ .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {border-color:#e8e8e8;} #eventCalendar {max-width:1000px; margin-top:45px;} #eventCalendar .fc-toolbar {width:100%; height:70px; margin-bottom:0; background:#474e61; display:table;} #eventCalendar .fc-toolbar .fc-center {color:#fff; text-align:center; vertical-align:middle; display:table-cell;} #eventCalendar .fc-toolbar > * > * {float:none;} #eventCalendar .fc-toolbar .fc-center h2 {margin:0 39px; font-weight:700; font-size:26px; color:#fff; vertical-align:middle; display:inline-block;} #eventCalendar .fc-toolbar button {width:25px; height:25px; padding:0; text-indent:-9999px; border:1px solid rgba(255,255,255,0.20); background:none;} #eventCalendar .fc-toolbar button:before {position:absolute; top:0; left:0; width:100%; height:100%; background-position:50% 50%; background-repeat:no-repeat; opacity:0.6; display:block; content:"";} #eventCalendar .fc-toolbar button.fc-prev-button:before {background-image:url(/assets/grandwalkerhillseoul/global/images/btn/btn_prev01.gif);} #eventCalendar .fc-toolbar button.fc-next-button:before {background-image:url(/assets/grandwalkerhillseoul/global/images/btn/btn_next01.gif);} #eventCalendar .fc-toolbar .fc-state-default {box-shadow:none;} #eventCalendar .fc-day-header {height:53px; font-weight:400; border:0 none; vertical-align:middle;} #eventCalendar .fc-sun {color:#ca6363;} #eventCalendar .fc-sat {color:#6798c2;} #eventCalendar .fc-bg .fc-past {background:#f7f7f7;} #eventCalendar .fc-day-top.fc-other-month {opacity:1;} #eventCalendar .fc-row .fc-content-skeleton {padding-bottom:7px;} #eventCalendar .fc-row .fc-content-skeleton td, #eventCalendar .fc-row .fc-helper-skeleton td {width:100%; padding:6px 10px 0 10px;} #eventCalendar .fc-row .fc-content-skeleton tbody td {padding-top:2px; padding-bottom:7px;} #eventCalendar .fc-basic-view .fc-body .fc-row {min-height:108px;} #eventCalendar .fc-day.fc-today {border-color:#996b56; background:#fff; z-index:10;} #eventCalendar .fc-day.fc-today:after {position:absolute; bottom:0; width:143px; height:1px; margin-left:-1px; background:#996b56; display:block; content:""; z-index:10;} #eventCalendar .fc-day-top.fc-today {font-weight:700; color:#996b56;} #eventCalendar .fc-day-top.fc-today:before {position:absolute; top:0; margin-left:-11px; padding:12px 0 0 12px; letter-spacing:0; /*border-left:1px solid #996b56;*/ display:block; content:"TODAY";} #eventCalendar .fc-event {padding:2px 10px 3px 5px; font-size:11px; color:#666; line-height:16px; border:0 none; border-radius:0; background:#f1ece5;} #eventCalendar .fc-event .fc-content {padding-left:9px;} #eventCalendar .fc-event .fc-content:before {width:5px; height:5px; margin:0 4px 0 -9px; background:url(/assets/grandwalkerhillseoul/global/images/etc/blt_dot01.gif) 0 0 no-repeat; vertical-align:2px; display:inline-block; content:"";} #eventCalendar .fc-event.past {color:#888; background:#e8e8e8;} #eventCalendar .fc-event.past .fc-content:before {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/blt_dot02.gif);} #eventCalendar .fc-day-grid-event .fc-content {white-space:normal; overflow:auto;} #eventCalendar .fc-day-top.fc-other-month.fc-today.fc-state-highlight:before {/*width:131px; border-top:1px solid #996b56;*/} #eventCalendar .fc-head-container.fc-widget-header {border-bottom:0 none;} #eventCalendar .fc-body > tr > td.fc-widget-content {border-top:0 none;} #eventCalendar .fc-row:first-child table {border-top:1px solid #e8e8e8;} .popup.eventCalendar {top:50%; left:50%; width:302px; height:auto; margin:0 0 0 -151px; border:1px solid #474e61; z-index:100;} .popup.eventCalendar figure img {width:100%; height:272px;} .popup.eventCalendar figcaption {padding:18px 25px; display:block;} .popup.eventCalendar dl dt {margin-bottom:5px; font-weight:700; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .popup.eventCalendar dl dt a:link, .popup.eventCalendar dl dt a:visited {color:#333;} .popup.eventCalendar dl dt a:hover, .popup.eventCalendar dl dt a:active {color:#666;} .popup.eventCalendar dl dd {font-size:12px; color:#888;} .popup.eventCalendar dl dd:nth-child(2) {max-height:36px; color:#666;} .popup.eventCalendar dl dd:nth-child(3) {margin:17px 0 3px 0; padding-top:17px; border-top:1px solid #e8e8e8;} .popup.eventCalendar dl dd.price {text-align:right;} .popup.eventCalendar dl dd.price strong {float:left; margin-top:-1px; font-size:13px; color:#996b56;} .popup.eventCalendar button.reserve {float:right; margin:-35px 25px 0 0;} .popup.eventCalendar .close {top:0; right:0;} /* 스토어 ------------------------------------------------------------------------------------ */ /* 브랜드상품 */ .store .brand dl.info02.st02 dt {width:300px;} /* 상품목록 */ .store .thumb.st01 img {width:308px; height:230px;} .store .thumb.st01 .label {margin:16px 0 13px 0;} .store .thumb.st01 strong {margin-top:7px; font-weight:700; font-size:14px; color:#996b56; display:block;} .store .thumb.st01 + dl.saleInfo {margin-top:50px;} .store dl.saleInfo > dt {width:308px;} .store dl.saleInfo > dt h4 {margin-bottom:67px; font-size:22px; line-height:24px; text-align:left;} .store dl.saleInfo > dt figure {margin-left:20px;} .store dl.saleInfo > dd {padding:31px 0 51px 38px;} .store dl.saleInfo > dd p:first-child {min-height:66px; margin-bottom:26px; color:#333; line-height:22px;} .store dl.saleInfo > dd .note {margin:17px 0 0 0;} .store dl.saleInfo > dd dl.info04 {margin-top:3px;} .store dl.saleInfo > dd dl.info05.st01 {margin:-30px 0 11px 0;} .store dl.saleInfo > dd table:first-child {margin-top:14px;} .store .coupon dl.saleInfo {margin-top:50px;} .store .bnr {margin-top:20px;} /* 상품상세 */ .storeOption {width:100%; display:table;} .storeOption > div {vertical-align:top; display:table-cell;} .storeOption div.photo {width:500px;} .storeOption .thumbSlide img {width:100%;} .storeOption .thumb + #bx-pager {height:85px; background-image:url(/assets/grandwalkerhillseoul/global/images/etc/thumb_default02.gif);} .storeOption .thumb + #bx-pager a {width:167px; height:85px;} .storeOption .thumb + #bx-pager a:first-child {width:166px;} .storeOption .thumb + #bx-pager a img {margin-top:-20px;} .storeOption div.photo dl.info04 {margin-top:5px;} .storeOption div.photo p.note {margin-left:0;} .storeOption div.option {padding-left:40px;} .storeOption .hgroup {width:100%; margin:13px 0 18px 0; padding-bottom:26px; border-bottom:1px solid #666; display:table;} .storeOption .hgroup h4, .storeOption .hgroup .btnR {vertical-align:top; display:table-cell;} .storeOption .hgroup h4 {padding-right:20px; font-size:34px; line-height:34px; text-align:left;} .storeOption .hgroup .btnR {position:relative; width:50px; margin:0; padding:0;} .storeOption .hgroup .btnR:before {float:left; width:1px; height:33px; margin-top:1px; background:#e8e8e8; display:block; content:"";} .storeOption div.option dl {clear:both; height:auto; overflow:hidden;} .storeOption div.option dl dt {clear:both; float:left; width:130px; font-weight:500; color:#333;} .storeOption div.option dl dd {height:auto; display:block; overflow:hidden;} .storeOption dl.price {padding-bottom:27px; border-bottom:1px solid #e8e8e8;} .storeOption dl.price dt, .storeOption dl.price dd {margin-top:6px;} .storeOption dl.price dt:first-child {padding-top:5px; font-size:16px;} .storeOption dl.price dd:nth-child(2) {font-weight:700; font-size:20px; line-height:24px; color:#996b56;} .storeOption dl.delivery {margin-bottom:20px; padding:12px 0 17px 0; border-bottom:1px solid #e8e8e8;} .storeOption dl.delivery dt, .storeOption dl.delivery dd {margin-top:5px;} .storeOption dl.option {margin-bottom:16px;} .storeOption dl.option dt {padding-top:8px;} .storeOption dl.option dd select {width:100%;} .storeOption dl.option ol li {margin-bottom:3px;} .storeOption dl.option .note {margin:10px 0 -4px 0;} dl.optionInfo {width:100%; display:table;} dl.optionInfo dt, dl.optionInfo dd {vertical-align:middle; display:table-cell !important;} dl.optionInfo dt {text-align:left;} dl.optionInfo dt strong {font-weight:500; display:block;} dl.optionInfo dt span {padding-left:11px; font-weight:400; font-size:12px; color:#666; display:block;} dl.optionInfo dt span:before {width:6px; height:6px; margin:0 5px 0 -11px; border-bottom:1px solid #666; border-left:1px solid #666; vertical-align:1px; display:inline-block; content:"";} .storeOption div.option dl.optionInfo {margin-top:-1px; padding:23px 20px 22px 20px; border:1px solid #e8e8e8; background:#f7f7f7;} .storeOption div.option dl.optionInfo dt, .storeOption div.option dl.optionInfo dd {float:none;} .storeOption div.option dl.optionInfo dt {width:248px; padding-right:6px;} .storeOption dl.optionInfo dd:nth-child(2) {width:65px;} .storeOption dl.optionInfo dd:nth-child(3) {padding-right:10px; text-align:right;} .storeOption dl.optionInfo dd:last-child {width:17px;} .storeOption dl.total {margin-top:25px; padding-bottom:0; text-align:right; border:0 none;} .storeOption dl.total dt, .storeOption dl.total dd {vertical-align:top; display:inline-block !important;} .storeOption dl.total dt {clear:none !important; float:none !important; width:auto !important; margin:15px 25px 0 0;} .storeOption dl.total dd p {margin-top:8px; color:#333;} .storeOption dl.total dd p em {margin-left:7px;} .storeOption div.option .btnL {margin-top:37px;} .storeOption div.option .btnL button {width:227px; margin-right:0;} .storeOption div.option .btnL button:last-child {float:right;} .countArea {clear:both; height:auto; overflow:hidden;} .countArea input.count {float:left; width:42px; height:33px; margin-right:-1px; padding:0 10px;} .countArea .countUp, .countArea .countDown {display:block;} .countArea .countDown {margin-top:-1px;} .store .countArea input.count[readonly] {color:#666; background:#fff;} .storeView {margin-top:60px; padding:58px 80px 60px 80px; border:1px solid #e8e8e8;} .storeView h4 {margin-bottom:40px;} .storeView .detailView h5 {margin-top:29px;} /* 장바구니 */ .store table.list dl.optionInfo dd {width:78px; padding-right:20px;} .store table.list dl.optionInfo dd img {width:58px; height:58px;} .cart h5, .order h5 {margin-bottom:20px; text-align:left;} .cart table.list {border-bottom-width:2px;} .cart table.list tbody td:nth-child(2) {padding-left:0;} .cart table.list tbody td:last-child .btn10 {margin-top:4px;} .cart input[type=checkbox] + label:after {margin-right:0;} .cart .btnR button {width:170px;} .cart .btnR button:first-child {float:left;} /* 주문/결제 */ .order h5 {margin-top:38px;} .order h5:first-child {margin-top:0;} .order table.list {border-bottom-color:#e8e8e8;} .order table.list td:nth-child(2) {text-align:center;} .order .inputArea > div:first-child, .order .confirmArea {border-top-color:#747474;} .order .inputArea h5 {margin-bottom:0;} .order .inputArea .addReg {border-bottom:0 none;} .order .inputArea .discount dl.regist {margin-top:20px;} .order .inputArea .discount dl.regist > dt {padding-top:8px;} .order .inputArea .discount input[type=text] {padding-right:50px; text-align:right;} .order .inputArea .discount .point03 {margin-left:-36px; vertical-align:-2px;} .order .inputArea .discount dl.info05 {margin:5px 0 6px 0; color:#474e61;} .order .inputArea .refund {margin-top:0;} .order .inputArea .refund p.check {float:right; margin-top:-20px;} .order .inputArea .refund section {clear:both; margin-top:22px; padding-top:17px; line-height:22px; border-top:1px solid #e8e8e8;} .order .inputArea .refund section h5 {font-weight:500; font-size:13px;} .order .inputArea .refund section h6 {margin-top:12px; font-weight:500; color:#333;} .order .inputArea .refund + .agree {margin-top:-1px;} .order .confirmArea p.check {margin-top:16px;} .order .confirmArea .btnL button {width:149px; margin:0;} .order .confirmArea .btnL button:last-child {float:right;} .order p.info {margin-top:16px;} /* 에러페이지 ------------------------------------------------------------------------------------ */ .errorArea {width:1000px; margin:40px auto 0; padding:100px 163px; text-align:center; border:1px solid #e8e8e8;} .errorArea figure {width:674px; margin-bottom:32px; padding-bottom:38px; text-align:left; border-bottom:1px solid #e8e8e8; display:table;} .errorArea figure img {padding-right:46px;} .errorArea figure img, .errorArea figure figcaption {display:table-cell;} .errorArea figure figcaption {vertical-align:middle;} .errorArea figure figcaption h2 {margin-bottom:19px; font-weight:500; font-size:30px; color:#333; line-height:35px;} .errorArea figure figcaption h2 strong {font-weight:700; color:#996b56;} .errorArea figure figcaption p {font-size:16px; line-height:22px;} .errorArea figure figcaption p strong {font-weight:500; color:#333;} .errorArea dl dt, .errorArea dl dd {vertical-align:top; display:inline-block;} .errorArea dl dt.ico02.info {padding-left:24px; text-align:left;} .errorArea dl dt.ico02:before {margin-left:-24px;} .errorArea dl dd p.note {line-height:16px;} .errorArea dl dd p.note em {font-weight:500; color:#996b56;} .whHot h1.tc {margin-bottom:80px; font-weight:700; font-size:40px; color:#333;} .whHot .errorArea figure figcaption h2 {font-size:24px;} input[type=text]#promotionCode {text-transform:uppercase;} /* 마이페이지 ------------------------------------------------------------------------------- */ .mypage .membership .tabMenu + table.list.st03 {margin-top:50px;} /* 더글라스 하우스 ------------------------------------------------------------------------------- */ .douglas .intro h3, .douglas .intro h4, .douglas .intro h5 {font-weight:200; text-align:left;} .douglas .intro p {font-weight:200; font-size:19px; line-height:31px;} /* 영상 */ .douglas .intro .visual {position:relative; height:1080px; overflow:hidden;} .douglas .intro .visual > div {position:absolute; left:50%; margin-left:-960px; width:1920px; text-align:center;} .douglas .intro .visual video {display:block;} /* 개요 */ .douglas .intro .subject hgroup {margin-top:70px;} .douglas .intro .subject hgroup h3 {margin:23px 0 24px 0; font-size:36px;} .douglas .intro .subject > h3 {float:right; margin-right:44px;} .douglas .intro .subject > p:first-of-type {margin-top:29px;} .douglas .intro .subject figure:nth-of-type(2) {float:right; margin:-4px 0 -137px 0;} .douglas .intro .subject figure.table figcaption {padding:0 0 117px 65px;} .douglas .intro .subject figure.table h4 {margin-bottom:12px; font-size:36px; line-height:46px;} .douglas .intro .subject figure.table article {margin-top:33px;} .douglas .intro .subject figure.table article h5 {margin-bottom:4px; font-weight:400;} .douglas .intro .subject figure.table article p {font-size:15px;} /* 객실 */ .douglas .intro .room {position:relative; margin-top:124px;} .douglas .intro .room > h3 {position:absolute; bottom:-45px; left:50%; margin-left:-190px;} .douglas .intro .room > p {position:absolute; left:50%; margin-left:-500px;} .douglas .intro .room > p:nth-of-type(1) {top:195px;} .douglas .intro .room p.note {top:474px; padding-left:0; font-weight:300; font-size:15px; color:#606060; line-height:21px;} .douglas .intro .room p.note:before {display:none;} .douglas .intro .room .swiper-container {padding:0;} .douglas .intro .room .swiper-slide {width:100%;} .douglas .intro .room .swiper-slide:not(.swiper-slide-active) {opacity:0 !important;} .douglas .intro .room .slide {height:753px;} .douglas .intro .room .slide figure.table {position:absolute; left:50%; width:1460px; margin-left:-500px;} .douglas .intro .room .slide figure.table figcaption {width:359px;} .douglas .intro .room .slide h4 {font-size:36px;} .douglas .intro .room .slide h4 span {margin-bottom:33px; display:block;} .douglas .intro .room .slide .btnL {margin-top:206px;} .douglas .intro .room .thumb {position:absolute; bottom:36px; left:50%; width:auto; margin-left:-110px; z-index:50;} .douglas .intro .room .thumb span {position:relative; width:146px; height:111px; border-radius:0; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; opacity:1;} .douglas .intro .room .thumb span:after {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.20); display:block; content:"";} .douglas .intro .room .thumb span[class$=active]:after {border:3px solid #fff; background:none;} .douglas .intro .room .thumb span:first-child {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/pic_douglasRoom01.jpg);} .douglas .intro .room .thumb span:nth-child(2) {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/pic_douglasRoom02.jpg);} .douglas .intro .room .thumb span:nth-child(3) {background-image:url(/assets/grandwalkerhillseoul/global/images/etc/pic_douglasRoom03.jpg);} .douglas .intro .btn {width:256px; height:64px; font-size:16px; background:#333336;} .douglas .intro a.btn {line-height:62px;} /* 편의 */ .douglas .intro .facility {position:relative; margin-top:124px; overflow:hidden;} .douglas .intro .facility section > h3:first-of-type {position:absolute; top:858px; left:50%; margin-left:403px;} .douglas .intro .facility section > h3:nth-of-type(2) {margin-bottom:28px;} .douglas .intro .facility section > h4:first-of-type {float:left; width:360px; margin:0; font-size:36px; color:#191919; line-height:46px;} .douglas .intro .facility section > p:first-of-type {height:auto; overflow:hidden;} .douglas .intro .facility figure {margin-top:56px;} .douglas .intro .facility figure:first-of-type {width:100%; margin-top:43px;} .douglas .intro .facility figure:first-of-type span {position:relative; height:460px; display:block;} .douglas .intro .facility figure:first-of-type span img {position:absolute; left:50%; margin-left:-960px;} .douglas .intro .facility figure:nth-of-type(3) {float:left; margin-right:40px;} .douglas .intro .facility figure:nth-of-type(4) {margin-top:176px;} .douglas .intro .facility figcaption h4 {margin:20px 0 4px 0;} .douglas .intro .facility .btnR {margin:33px 126px 0 0;} /* 연혁 */ .douglas .intro .history {position:relative; height:628px; margin-top:84px; background:#333336;} .douglas .intro .history h3 {position:absolute; top:164px; left:50%; margin-left:-500px;} .douglas .intro .history h4:nth-child(2) {margin:46px 0 19px 0;} .douglas .intro .history p {color:#a9a9a9;} .douglas .intro .history .bx-wrapper {position:absolute; top:164px; left:50%; max-width:1110px !important;} .douglas .intro .history .bx-pager {top:auto; bottom:-38px; left:-500px; width:auto;} .douglas .intro .history .bx-pager a {width:63px; height:3px; margin:0 3px 0 0; border-bottom:1px solid rgba(255,255,255,0.50); background:none;} .douglas .intro .history .bx-pager a.active {background:#9e8b85;} .douglas .intro .history .slide li {height:295px; padding-left:30px; border-left:1px solid rgba(196,198,203,0.25);} /* 약도 */ .douglas .intro .map {margin:124px auto 84px auto !important;} .douglas .intro .map figure.table figcaption {width:410px;} .douglas .intro .map h3 {margin-bottom:27px;} .douglas .intro .map dl {margin-top:20px; font-weight:300; font-size:15px; color:#606060; line-height:21px;} .douglas .intro .map dl dd {opacity:0.7;} /* 더글라스 편의시설 ------------------------------------------------------------------------------- */ .douglas #contents > h2 {height:420px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;} .douglas #contents > h2 span {background-position:50% 50%; background-repeat:no-repeat; opacity:1;} .douglas #contents.facility {overflow:hidden;} .douglas #contents.facility > h2 {background-image:url(/assets/grandwalkerhillseoul/global/images/bg/bg_douglasFacility.jpg);} .douglas #contents.facility > h2 span {background-image:url(/assets/grandwalkerhillseoul/global/images/txt/h2_douglasFacilities.png);} .douglas .facility section:after {clear:both; display:block; content:"";} .douglas .facility h3, .douglas .facility h4, .douglas .facility h5 {font-weight:400; text-align:left;} .douglas .facility h3 {margin-bottom:30px; font-size:28px;} .douglas .facility h3 span {margin-bottom:17px; display:block;} .douglas .facility h3 + p, .douglas .facility figcaption > p {font-weight:200;} .douglas .facility h3 + p, .douglas .facility h3 + p + p {font-size:18px; line-height:28px;} .douglas .facility h4 + p, .douglas .facility h4 + p + p {font-size:16px; line-height:24px;} .douglas .facility h4 {margin-bottom:15px;} .douglas .facility figcaption > p + p {margin-top:8px;} .douglas .facility figure:not(.table) > span {line-height:0; display:block;} .douglas .facility dl.info01 {margin-top:13px;} .douglas .facility dl.info01.st03.em02 > dt:before, .douglas .facility dl.info01.st03.em02 > dd.note:before {opacity:0.6;} .douglas .facility .table.row h4 {margin-top:30px;} .douglas .facility .lounge figure:first-of-type {margin:70px 0 120px 0;} .douglas .facility .lounge figure:first-of-type > * {width:auto;} .douglas .facility .lounge figure:first-of-type > span {position:relative; width:530px; height:593px;} .douglas .facility .lounge figure:first-of-type > span img {position:absolute; margin-right:-461px;} .douglas .facility .lounge figure:nth-of-type(2) figcaption {padding-left:10px;} .douglas .facility .lounge figure:nth-of-type(3) {float:right; margin-top:-96px;} .douglas .facility .lounge figure:nth-of-type(4) {float:right; margin:328px 60px 0 0;} .douglas figcaption .btnL {margin-top:39px;} .douglas .tipArea {display:inline-block;} .douglas .tooltip:not(.share) {right:auto; left:0; width:415px;} .douglas .tooltip:not(.share) h5 {margin:0 0 18px 0; font-weight:700; font-size:18px; text-align:left;} .douglas .tooltip:not(.share) ul.note.st02 > li {font-size:13px; line-height:18px;} .douglas .tooltip:not(.share) ul.note.st02 > li:not(:first-child) {margin-top:6px;} .douglas .tooltip:not(.share) dl.info01, .douglas .tooltip:not(.share) p.note {margin-top:6px;} .douglas .tooltip:not(.share) dl.info01 > *, .douglas .tooltip:not(.share) p.note {font-size:13px; line-height:18px;} .douglas .tooltip:not(.share) .note strong {font-weight:500;} .douglas .tooltip.top:before, .douglas .tooltip.top:after {right:auto; left:21px;} .douglas .facility .library {clear:both; height:600px; margin-top:160px; background:url(/assets/grandwalkerhillseoul/global/images/bg/bg_douglasLibrary.jpg) 50% 0 no-repeat;} .douglas .facility .library section > *, .douglas .facility .library section > dl > * {color:#fff !important;} .douglas .facility .library section > dl > dt:before, .douglas .facility .library section > dl > dd.note:before {background:#ccc; opacity:1;} .douglas .facility .library h3 {margin-top:43px;} .douglas .facility .library h3 span {margin:0 0 2px -16px;} .douglas .facility .library h3 em, .douglas .facility .library p, .douglas .facility .library dl > * {text-shadow:0 0 8px #000;} .douglas .facility .kitchen {margin:100px 0 160px 0;} .douglas .facility .kitchen > span {padding-left:48px; font-size:0;} .douglas .facility .kitchen .bx-viewport {z-index:50;} .douglas .facility .kitchen .thumb .bx-controls-direction a {top:auto; bottom:-65px; width:45px; height:45px; margin-top:0; background:url(/assets/grandwalkerhillseoul/global/images/btn/btn_prevNext07.png) 17px 50% no-repeat #1c1b1a;} .douglas .facility .kitchen .thumb .bx-controls-direction .bx-prev {left:0;} .douglas .facility .kitchen .thumb .bx-controls-direction .bx-next {right:0; background-position:-30px 50%;} .douglas .facility .kitchen .thumb + .bx-wrapper {margin:10px 62px 0 62px; z-index:50;} .douglas .facility .kitchen .thumb + .bx-wrapper .bx-controls-direction a {display:none;} .douglas .facility .kitchen .pager {height:66px; overflow:hidden;} .douglas .facility .kitchen .pager a {position:relative; float:left; width:106px !important; height:65px; margin:0 2px; background:#000; display:block; overflow:hidden; z-index:100;} .douglas .facility .kitchen .pager a img {width:100%; height:133px; margin-top:-34px; opacity:0.3;} .douglas .facility .kitchen .pager a.active img {opacity:1;} .douglas .facility .multi > span {width:640px; height:430px;} .douglas .facility .multi > span img {position:absolute; margin-left:-461px;} .douglas .facility .multi figcaption {width:360px; padding-left:60px;} .douglas .facility .meet {margin:140px 0 100px 0;} .douglas .facility .acha {float:left; margin:0 102px 0 120px;} .douglas .facility .han {margin-top:204px;} .douglas .facility .acha dl.info01, .douglas .facility .han dl.info01 {margin-top:-6px;} .douglas .facility .garden {margin-top:254px;} .douglas .facility .garden > span {width:418px; height:430px;} .douglas .facility .garden > span img {position:absolute; margin-left:-136px;} .douglas .facility .garden figcaption {width:440px; padding-left:60px;} .douglas .facility .service {position:relative; margin-top:78px; padding:40px 0 26px 0;} .douglas .facility .service:before, .douglas .facility .service:after {position:absolute; left:50%; display:block; content:""; z-index:1;} .douglas .facility .service:before {top:0; width:50%; height:100%; margin-left:425px; background:#fff;} .douglas .facility .service:after {top:231px; width:100%; height:578px; margin-left:-500px; background:#333237;} .douglas .facility .service h3 {float:left; margin:0 70px 0 0;} .douglas .facility .service h3 + p {margin:-6px 0 80px 0;;} .douglas .facility .service figure.table > * {width:auto; font-weight:200; font-size:16px; color:#ccc; line-height:24px;} .douglas .facility .service figure.table > span {width:580px;} .douglas .facility .service figcaption {padding:75px 0 0 72px;} .douglas .facility .service figcaption h4 {margin-bottom:55px; padding-left:27px; border-left:1px solid #717073;} .douglas .facility .service figcaption p {color:#ccc;} .douglas .facility .service figcaption p + dl {margin-top:20px;} .douglas .facility .service figcaption dl {clear:both; height:auto; overflow:hidden;} .douglas .facility .service figcaption dl > dt, .douglas .facility .service figcaption dl > dd {height:auto; display:block; overflow:hidden;} .douglas .facility .service figcaption dl > dt:not(:first-of-type), .douglas .facility .service figcaption dl > dd:not(:first-of-type) {margin-top:8px;} .douglas .facility .service figcaption dl > dt {clear:both; float:left; width:84px;} .douglas .facility .service figcaption dl > dd {opacity:0.6;} .douglas .facility .service .bx-viewport {z-index:50;} .douglas .facility .service .bx-controls-direction {position:absolute; top:467px; left:652px; width:91px; height:45px;} .douglas .facility .service .bx-controls-direction a {width:45px; height:45px; margin-top:-12.5px; background:url(/assets/grandwalkerhillseoul/global/images/btn/btn_prevNext06.png) 17px 50% no-repeat #b4988f;} .douglas .facility .service .bx-controls-direction .bx-prev {left:0;} .douglas .facility .service .bx-controls-direction .bx-next {right:0; background-position:-30px 50%;} .douglas .facility .service .thumb {position:relative; margin-top:-1px; z-index:60;} .douglas .facility .service .thumb:after {clear:both; display:block; content:"";} .douglas .facility .service .thumb a {position:relative; float:left; width:145px; height:91px; border-top:1px solid rgba(255,255,255,0.60); display:block; overflow:hidden;} .douglas .facility .service .thumb a img {width:100%; margin-top:-16px;} .douglas .facility .service .thumb a:not(.active):after {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; display:block; content:""; opacity:0.6;} .douglas .facility .service .note.st08 {margin:25px 0 0 0;} .douglas .facility .service .note.st08 > li {font-weight:200; font-size:16px; line-height:24px;} .douglas .facility .service .note.st08 > li:before {background:#ccc;} /* 더글라스 객실 ------------------------------------------------------------------------------- */ /* 개요 */ .douglas .detail .overview {position:relative; padding-bottom:44px !important;} .douglas .detail .overview h4 {margin:74px 0 22px 0; text-align:left;} .douglas .detail .overview p {font-weight:200; font-size:18px; line-height:28px;} .douglas .detail .overview .btnL {margin:0;} .douglas .detail .overview .btnL > ul > li {position:absolute; right:0; width:60px; height:60px; padding:11px 0 0 0; text-align:center; border:1px solid #ccc;} .douglas .detail .overview .btnL > ul > li:nth-child(1) {top:189px;} .douglas .detail .overview .btnL > ul > li:nth-child(2) {top:130px;} .douglas .detail .overview .tooltip.share {top:-16px;} .douglas .detail .photo {width:1400px; height:1001px; margin:0 auto;} .douglas .detail .photo .slide figure > span > img {width:1400px; height:740px;} .douglas .detail .photo .slide figcaption {position:absolute; right:200px; bottom:24px; font-weight:400; font-size:14px; color:#fff; text-shadow:0 0 6px rgba(0,0,0,0.4); text-align:right; display:block;} .douglas .detail .photo .thumb {margin-left:0;} .douglas .detail .photo .thumb > * {position:relative; width:146px; height:111px; margin:0 10px 0 0; display:inline-block; overflow:hidden;} .douglas .detail .photo .thumb > *:not([class^=active]):after {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; display:block; opacity:0.4; content:"";} .douglas .detail .photo .thumb > * img {max-width:210px; height:100%; margin-left:-32px;} .douglas .detail .photo .bx-wrapper:first-of-type .bx-controls-direction a {z-index:-1;} .douglas .detail .photo .bx-wrapper:nth-of-type(2) {margin-left:640px !important;} .douglas .detail .photo .bx-wrapper:nth-of-type(2) .bx-viewport {margin-top:30px;} .douglas .detail .photo .bx-wrapper:nth-of-type(2) .bx-controls-direction a {width:45px; height:45px; margin-top:-22px; background-image:url(/assets/grandwalkerhillseoul/global/images/btn/btn_prevNext05.png); background-repeat:no-repeat; background-color:#1c1b1a;} .douglas .detail .photo .bx-wrapper:nth-of-type(2) .bx-controls-direction a.bx-prev {left:-65px; background-position:17px 50%;} .douglas .detail .photo .bx-wrapper:nth-of-type(2) .bx-controls-direction a.bx-next {right:-65px; background-position:calc(100% - 17px) 50%;} .douglas .detail .roomDetail {padding-bottom:100px;} .douglas .detail .roomDetail figure.table > span {width:480px;} .douglas .detail .roomDetail figure.table > span img {margin:-160px 0 0 -90px;} .douglas .detail .roomDetail figure.table figcaption {padding-top:66px;} .douglas .detail .roomDetail figure.table figcaption h4 {margin-bottom:34px; text-align:left;} .douglas .detail .roomDetail figcaption > dl {height:auto; font-weight:200; font-size:16px; line-height:24px; overflow:hidden;} .douglas .detail .roomDetail figcaption > dl:first-of-type {float:left; width:256px; margin-bottom:36px; padding-right:12px;} .douglas .detail .roomDetail figcaption > dl > * {height:auto; display:block; overflow:hidden;} .douglas .detail .roomDetail figcaption > dl > dt:not(:first-of-type), .douglas .detail .roomDetail figcaption > dl > dd:not(:first-of-type) {margin-top:8px;} .douglas .detail .roomDetail figcaption > dl > dt {clear:both; float:left; width:79px; font-weight:500; color:#333;} .douglas .detail .roomDetail figcaption > dl > dd strong {font-weight:400;} .douglas .detail .roomDetail figure:not(.table) {position:relative; float:right; margin:-10px 30px 0 0; z-index:10;} .douglas .detail .roomDetail .btnL {clear:both; margin-top:0;} .douglas .detail .roomDetail .tooltip {width:677px;} .douglas .detail .roomDetail .tooltip dl.info06 {margin-right:-20px;} .douglas .detail .roomDetail .tooltip dl.info06 > dt {clear:both; padding:18px 0 3px 0;} .douglas .detail .roomDetail .tooltip dl.info06 > dt:first-of-type {padding-top:8px;} .douglas .detail .roomDetail .tooltip dl.info06 > dd {float:left; width:205px; margin-bottom:6px; padding:0 20px 0 10px;} .douglas .detail .roomDetail .tooltip dl.info06 > dd:before {margin:0 7px 0 -10px;} .douglas .detail .roomDetail .tooltip dl.info06:after {clear:both; display:block; content:"";} .douglas .detail .roomDetail .tooltip p.note {margin-top:8px;} .douglas .detail .service {padding:59px 0 70px 0; background:#333237;} .douglas .detail .service h4 {float:left; width:281px; margin:11px 0 0 0; padding-left:30px; text-align:left; border-left:1px solid #717073;} .douglas .detail .service ul {height:auto; overflow:hidden;} .douglas .detail .service ul:first-of-type {float:left; width:362px; padding-right:20px;} .douglas .detail .service ul > li {margin-top:8px; padding-left:13px; font-weight:200; font-size:18px; color:#999; line-height:24px;} .douglas .detail .service ul > li:before {width:3px; height:3px; margin:0 10px 0 -13px; background:#5c5b5f; vertical-align:middle; display:inline-block; content:"";} .douglas .detail .information {padding-top:127px !important;} .douglas .detail .information dl.info01 {padding:27px 40px 30px 40px; border:1px solid #e8e8e8;} .douglas .detail .information dl.info01 > dt {margin-right:10px;} .douglas .detail .information dl.info01 > dd .note {margin-left:5px;} .douglas .detail .information dl.info01 > dt:not(:first-of-type), .douglas .detail .information dl.info01 > dd:not(:first-of-type) {margin-top:17px;} /* 더글라스 딜럭스 */ .douglas .deluxe > h2 {background-image:url(/assets/grandwalkerhillseoul/global/images/bg/bg_douglasHouse01.jpg);} .douglas .deluxe > h2 span {background-image:url(/assets/grandwalkerhillseoul/global/images/txt/h2_douglasDeluxe.png);} /* 트래디셔널 스위트 */ .douglas .tradition > h2 {background-image:url(/assets/grandwalkerhillseoul/global/images/bg/bg_douglasHouse02.jpg);} .douglas .tradition > h2 span {background-image:url(/assets/grandwalkerhillseoul/global/images/txt/h2_traditionalSuite.png);} /* 더글라스 스위트 */ .douglas .suite > h2 {background-image:url(/assets/grandwalkerhillseoul/global/images/bg/bg_douglasHouse03.jpg);} .douglas .suite > h2 span {background-image:url(/assets/grandwalkerhillseoul/global/images/txt/h2_douglasSuite.png);}