@charset "utf-8";

/**************************************************
프로그램 ID : detail.css
프로그램 명 : Detail Cascading Style Sheets
작  성   자 : 
최초 작성일 : 2016/07/08
최종 작성일 : 
참고   사항 : 
**************************************************/

@import url("/capsulehotel/en/common/css/base.css");
@import url("/capsulehotel/en/common/css/layout.css");
@import url("/capsulehotel/en/common/css/jquery.bxslider.css");
@import url("/capsulehotel/en/common/css/select2.css");
@import url("/capsulehotel/en/common/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 .visual .bx-wrapper .bx-controls-direction a {left:50%; width:52px; height:120px; margin-top:-60px; background-image:url(/capsulehotel/kr/images/btn/btn_prevNext01.png); background-repeat:no-repeat;}
.main .visual .bx-wrapper .bx-prev {margin-left:-700px; background-position:0 0;}
.main .visual .bx-wrapper .bx-prev:hover, .main .visual .bx-wrapper .bx-prev:active {background-position:0 100%;}
.main .visual .bx-wrapper .bx-next {margin-left:700px; background-position:100% 0;}
.main .visual .bx-wrapper .bx-next:hover, .main .visual .bx-wrapper .bx-next:active {background-position:100% 100%;}
.main .visual .bx-wrapper .bx-pager {top:auto; bottom:30px;}
.main .visual .bx-wrapper .bx-pager.bx-default-pager a {width:10px; height:10px; border-radius:50%; background:#e8e8e8;}
.main .visual .bx-wrapper .bx-pager.bx-defa-+ult-pager a:hover, .main .visual .bx-wrapper .bx-pager.bx-default-pager a.active {background:#52453e;}
.main .room {padding-top:0 !important;}
.main .room .bnr {position:relative; line-height:0;}
.main .room .bnr p {position:absolute; bottom:15px; right:48px;}
.main .room .bnr label {color:#333; display:block;}
.main .room .bnr input[type=checkbox] + label:before {opacity:0.5;}
.main .room .bnr input[type=checkbox]:checked + label:before {border-color:#000; background:#000; opacity:0.7;}
.main .room .bnr .close {bottom:17px; right:16px;}
.main .room h2 {margin-top:47px;}
.main .room .thumb img.grayscale {filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); fliter:gray; opacity:0;}
.main .room .thumb a:hover img {filter:none; -webkit-filter:grayscale(0); opacity:1;}
.main .room .thumb li:first-child {background:url(/capsulehotel/kr/t2/images/etc/pic_single.jpg) 0 0 no-repeat;}
.main .room .thumb li:nth-child(2) {background:url(/capsulehotel/kr/t2/images/etc/pic_double.jpg) 0 0 no-repeat;}
.main .room .thumb li:nth-child(3) {background:url(/capsulehotel/kr/t2/images/etc/pic_doubleShower.jpg) 0 0 no-repeat;}
.main .room .thumb li:nth-child(4) {background:url(/capsulehotel/kr/t2/images/etc/pic_doubleHub.jpg) 0 0 no-repeat;}
.main .service {background:url(/capsulehotel/kr/images/bg/bg_pattern01.gif) 0 0 repeat;}
.main .service ul:after {clear:both; display:block; content:"";}
.main .service ul li {float:left;}
.main .service ul li a {position:relative; width:330px; height:260px; padding:35px 40px; background:url(/capsulehotel/kr/images/bg/bg_mainFacility.jpg) 0 0 no-repeat; display:block;}
.main .service ul li h3 {margin-bottom:12px; font-family:"Noto Bold"; font-size:24px; color:#52453e; line-height:27px; text-align:left;}
.main .service ul li h4 {margin:0; font-family:"Noto Medium"; font-size:13px; line-height:20px; text-align:left;}
.main .service ul li .more {position:absolute; left:40px; bottom:40px;}
.main .service ul li:first-child a {background-image:url(/capsulehotel/kr/images/bg/bg_mainLounge.jpg);}
.main .service ul li:first-child h3 {color:#474e61;}
.main .service ul li:nth-child(2) {margin-right:15px; border-left:1px solid #b7afa5;}
.main .service ul li:last-child a {width:324px; background-image:url(/capsulehotel/kr/images/bg/bg_mainTransit.jpg);}
section.map .btn.more {float:right; margin-top:-51px;}
section.map figure {position:relative; border:1px solid #e8e8e8;}
section.map figcaption {display:block;}
section.map figcaption p {position:absolute; bottom:30px; width:100%; font-size:20px; color:#333; line-height:28px; text-align:center;}
section.map figcaption p strong {font-family:"Noto Bold"; color:#996b56;}
section.map figcaption ol {position:absolute; left:72px;}
section.map figcaption ol.position {top:131px;}
section.map figcaption ol.area {top:267px;}
section.map figcaption ol.position, section.map figcaption ol.area {font-size:12px; color:#333;}
section.map figcaption ol.position li {margin-bottom:7px; padding-left:24px;}
section.map figcaption ol.position mark {margin:0 6px 0 -24px;}
section.map figcaption ol.position em {font-family:"Noto Light"; font-size:11px;}
section.map figcaption ol.area li {margin-bottom:5px;}
section.map figcaption ol.area mark {margin-right:7px;}
section.map figcaption dl.side {position:relative; clear:both; width:100%; height:auto; padding:39px 0 36px 0; border-top:1px solid #e8e8e8; background:#f7f7f7; overflow:hidden;}
section.map figcaption dl.side:after {position:absolute; top:50%; left:50%; width:1px; height:70px; margin-top:-35px; background:#e8e8e8; display:block; content:"";}
section.map figcaption dl.side dt, section.map figcaption dl.side dd {float:left; width:50%; padding-left:70px; }
section.map figcaption dl.side dt {margin-bottom:13px; font-family:"Noto Bold"; font-size:20px; color:#333; text-align:left;}
section.map figcaption dl.side dt:nth-of-type(1), section.map figcaption dl.side dd:nth-of-type(1) {clear:both;}
section.map figcaption dl.side dt:nth-of-type(2) {margin-top:-33px;}


/* 중요팝업
------------------------------------------------------------------------------- */
/*.main .importantNotice {position:absolute; top:127px; left:50%; width:580px; margin-left:-290px; border-top:10px solid #7a5645; background:#fff; z-index:300;}
.main .importantNotice > div.cont {padding:60px 60px 40px 60px; font-family:"Noto Medium"; word-break:keep-all;}
.main .importantNotice > div.cont h2 {margin-bottom:30px; font-family:"Noto Medium"; font-size:37px; color:#333; text-align:center;}
.main .importantNotice > div.cont h2:after {width:38px; height:2px; margin:20px auto 0 auto; background:#7a5645; display:block; content:"";}
.main .importantNotice > div.cont > strong {color:#7a5645;}
.main .importantNotice > div.btnArea {width:100%; height:40px; background:#333; display:table;}
.main .importantNotice > div.btnArea > span {padding:8px 30px; display:table-cell;}
.main .importantNotice > div.btnArea > span:last-of-type {width:22%; background:#7a5645;}
.main .importantNotice > div.btnArea > span > * {color:#fff;}
.main .importantNotice > div.btnArea > span button.close {font-family:"Noto Medium"; background-color:transparent;}
.main .importantNotice > div.btnArea > span button.close:before {width:17px; height:17px; margin-right:9px; border:1px solid #ddd; background:url(/transithotel/kr/images/btn/btn_close02.png) 50% no-repeat; vertical-align:-3px; display:inline-block; content:"";}
.main .mask {position:absolute; top:0; left:0; width:100%; height:100%; background:#000;}*/


/* 객실검색
------------------------------------------------------------------------------- */
/* 시간선택 */
.reserve .intro .tabMenu {margin-top:-1px;}
.reserve .intro .tabMenu a {height:120px; font-size:20px; line-height:120px;}
.reserve .intro .tabMenu a:before {width:45px; height:36px; margin-right:20px; background:url(/capsulehotel/kr/images/ico/ico_night.png) 0 0 no-repeat; vertical-align:middle; display:inline-block; content:"";}
.reserve .intro .tabMenu li:hover a:before {background-position:0 100%;}
.reserve .intro .tabMenu li:first-child a:before {width:46px; height:45px; background-image:url(/capsulehotel/kr/images/ico/ico_day.png);}
/* 예약옵션선택 */
dl.optionCheck {position:relative; margin-top:40px; padding:20px 0 20px 40px; border:1px solid #dadee2; background:#e6eaed; z-index:2;}
dl.optionCheck:after {clear:both; display:block; content:"";}
dl.optionCheck > dt, dl.optionCheck > dd {float:left; width:154px; display:block;}
dl.optionCheck > dt {margin:-27px 0 6px 0; font-family:"Noto Bold"; color:#333;}
dl.optionCheck > dt:first-child {margin-top:0;}
dl.optionCheck > dt.em,
dl.optionCheck > dt.em + dd{width:174px;}
dl.optionCheck > dt em {float:right; font-family:"Noto Medium"; font-size:11px; color:#666;}
dl.optionCheck > dd, dl.optionCheck > dd input[type=text], dl.optionCheck > dd .btn {height:49px;}
dl.optionCheck > dd {margin-right:20px;}
dl.optionCheck > dd.search {width:170px;}
dl.optionCheck > dd.search .btn {width:100%;}
dl.optionCheck > dd:nth-of-type(1) {clear:both; width:164px;}
dl.optionCheck > dd.date {position:relative;}
dl.optionCheck > dd.date div.calendar {display:none;}
dl.optionCheck > dd.date input {background:#fff;}
dl.optionCheck > dd.date:after {position:absolute; right:20px; top:50%; margin-top:-1px; border-width:5px 4px 0 4px; border-style:solid; border-color:transparent; border-top-color:#474e61; display:block; content:"";}
dl.optionCheck > dd.date.on:after {border-width:0 4px 5px 4px; border-bottom-color:#474e61;}
dl.optionCheck > dd:nth-of-type(4) {width:185px;}
dl.optionCheck > dd input[type=text] {border:0 none;}
dl.optionCheck > dd select {width:100%;}
dl.optionCheck > dd .select2 {width:100% !important;}
dl.optionCheck > dd input {font-family:"Noto Medium"; color:#333; text-overflow:ellipsis;}
dl.optionCheck + .note {margin: 8px 0 20px 0;}
dl.optionCheck + .note strong {font-family:"Noto Bold"; color:#333;}
/* 객실검색목록 */
ol.roomResult > li {margin-top:30px;}
ol.roomResult > li:first-child {margin-top:0;}
ol.roomResult figure {width:100%; height:440px; display:table;}
ol.roomResult figure > span, ol.roomResult figure > figcaption {vertical-align:top; display:table-cell; overflow:hidden;}
ol.roomResult figure > span {position:relative; width:615px; background:url(/capsulehotel/kr/images/etc/fig_walkerhill03.png) 50% 50% no-repeat #e9e9e9;}
ol.roomResult figure > span em {position:absolute; left:-242px; line-height:0; display:block;}
ol.roomResult figure > span img {width:956px; height:440px;}
ol.roomResult figure > span .btn.more {position:absolute; left:0; bottom:0;}
ol.roomResult figure > figcaption {position:relative; padding:34px 40px 0 40px; background:#f7f7f7;}
ol.roomResult figure > figcaption h4 {cursor:pointer;}
ol.roomResult figure > figcaption dl.pay01 {position:absolute; left:0; bottom:46px; height:91px; padding:0 40px;}
ol.roomResult h4 {margin-bottom:16px; font-size:26px; line-height:33px; text-align:left;}
ol.roomResult h4 + ul, ol.roomResult h4 + p.ico03 {padding:5px 0 8px 0;}
ol.roomResult .btn.reserve {position:absolute; left:0; bottom:0; width:100%;}
ol.roomResult dl.info01 {padding:13px 0 12px 0; border-top:1px solid #e8e8e8;}
ol.roomResult dl.info01 + dl.info01 {border-bottom:1px solid #e8e8e8;}
ol.roomResult dl.info02 {margin-top:18px;}
/* 예약/주문입력 */
.reserveReg, .orderReg {position:relative;}
.reserveReg:after, .orderReg:after {clear:both; display:block; content:"";}
.inputArea {float:left; width:616px;}
.inputArea > div {padding:38px 40px 35px 40px; border:1px solid #e8e8e8; border-bottom:0 none;}
.inputArea h4, .inputArea h5 {text-align:left;}
.inputArea .roomCheck {padding-top:32px;}
.inputArea .roomCheck h5:first-child {float:left; margin-top:6px;}
.inputArea .roomCheck .btnR {float:right; margin-top:0;}
.inputArea .roomCheck h4 {margin-top:59px; margin-bottom:16px; font-size:26px;}
.inputArea .roomCheck h4 + .subtxt {margin-bottom:-3px;}
.inputArea .roomCheck dl.info03 {margin-top:23px; padding-top:27px; border-top:1px solid #e8e8e8;}
.inputArea .customerReg p.check {float:right; margin-top:-20px;}
.inputArea .customerReg dl.regist {margin-top:41px;}
.inputArea .customerReg h5.middleH5{font-size:16px;}
.inputArea .customerReg table.data{margin-top:20px;}
.inputArea .etcCustomer {padding:0; border-bottom:1px solid #e8e8e8; background:#f7f7f7;}
.inputArea .etcCustomer a.etcReg {width:100%; height:68px; padding:0 40px; display:table;}
.inputArea .etcCustomer a.etcReg h5, .inputArea .etcCustomer a.etcReg p {vertical-align:middle; display:table-cell;}
.inputArea .etcCustomer a.etcReg h5 {width:164px;}
.inputArea .etcCustomer a.etcReg p {font-family:"Noto Medium"; font-size:12px;}
.inputArea .etcCustomer a.etcReg p:before {float:right; width:23px; height:14px; margin-top:2px; background:url(/grandwalkerhillseoul/kr/images/ico/ico_fold02.gif) 0 0 no-repeat; display:inline-block; content:"";}
.inputArea .etcCustomer a.etcReg.on {height:69px; border-bottom:1px solid #e8e8e8;}
.inputArea .etcCustomer a.etcReg.on p:before {background-position:0 100%;}
.inputArea .etcCustomer dl.regist {padding:40px;}
.inputArea .cardInfo {margin-top:-1px; padding-bottom:22px;}
.inputArea .cardInfo dl.regist {margin-top:39px;}
.inputArea .cardInfo dl.regist > dt, .inputArea .cardInfo dl.regist > dd {margin-top:10px;}
.inputArea .cardInfo select {width:100%;}
.inputArea .cardInfo dd:nth-child(4) input {width:104px; margin-left:3px;}
.inputArea .cardInfo dd:nth-child(4) input:first-child {margin-left:0;}
.inputArea .cardInfo dd:nth-child(6) select, .inputArea .cardInfo dd:nth-child(6) .select2 {width:214px !important;}
.inputArea .cardInfo dd:nth-child(6) .select2:nth-child(2) {margin-right:3px;}
.inputArea .cardInfo dd:nth-child(6) .select2-selection__rendered:after {position:absolute; top:0; right:45px; font-size:11px; color:#aaa; letter-spacing:0.05em; display:block; content:"MONTH";}
.inputArea .cardInfo dd:nth-child(6) .select2:nth-child(4) .select2-selection__rendered:after {content:"YEAR";}
.inputArea .addReg {border-bottom:1px solid #e8e8e8;}
.inputArea .addReg textarea, .inputArea .addReg .addtxt {padding:17px 16px 17px 20px; border:0 none; background:#f7f7f7;}
.inputArea .etcCustomer + .addReg {margin-top:-1px;}
.inputArea > dl.info04 {padding:15px 36px 28px 40px; border:1px solid #e8e8e8; border-top:0 none; background:#f7f7f7;}
.inputArea > dl.info04 .note + .note {margin-top:7px;}
.inputArea .logIn {padding-top:20px; padding-bottom:20px; background:#f7f7f7;}
.inputArea .logIn button {width:140px; height:38px; margin-right:27px;}
.inputArea .logIn span {font-family:"Noto Medium"; font-size:12px;}
.inputArea .agree {margin-top:-1px; border-bottom:1px solid #e8e8e8;}
.inputArea .agree > h5 {font-size:13px;}
.inputArea .agree h5 + .subtxt {margin-top:8px;}
.inputArea .agree h6 {margin-top:32px; font-family:"Noto Bold"; color:#333;}
.inputArea .agree h6 + span {float:right; margin-top:-23px;}
.inputArea .agree table {margin-top:17px;}
.inputArea .agree .note {margin-top:8px;}
.inputArea .agree .scroll {height:170px; margin:15px 0 10px 0; padding:20px 20px 0 20px; border:1px solid #e8e8e8; overflow:auto;}
.inputArea .agree .scroll:after {height:20px; display:block; content:"";}
.inputArea .reserveNum {padding-top:17px; padding-bottom:15px; font-family:"Noto Medium"; color:#333;}
.inputArea .reserveNum em {color:#996b56;}
.inputArea dl.regist dd.address input:first-child {width:319px;}
/* 결제완료 */
.inputArea .inputDone dl.info05 {padding-bottom:13px; text-align:right; border-bottom:1px solid #e8e8e8;}
.inputArea .inputDone dl.info05 > dt, .inputArea .inputDone dl.info05 > dd {color:#333;}
.inputArea .inputDone dl.info05 > dt:before, .inputArea .inputDone dl.info05 > dt:first-child:after {display:none;}
.inputArea .inputDone dl.info05 > dt:first-child, .inputArea .inputDone dl.info05 > dd:nth-child(2) {float:left; font-family:"Noto Bold"; font-size:16px;}
.inputArea .inputDone dl.info05 > dt:first-child {margin-right:6px;}
.inputArea .inputDone dl.info05 > dd:nth-child(2) {color:#996b56;}
.inputArea .inputDone h4 {margin:29px 0 10px 0;}
.inputArea .inputDone .subtxt {padding-bottom:25px; color:#333; border-bottom:1px solid #e8e8e8;}
.inputArea .inputDone .subtxt strong {font-family:"Noto Bold"; color:#996b56;}
.inputArea .inputDone h5 {margin:29px 0 20px 0 !important;}
/* 예약/주문결제 */
.confirmArea {position:absolute; left:50%; width:385px; margin-left:115px; padding:20px 40px 31px 40px; border:1px solid #e8e8e8; background:#f7f7f7;}
.confirmArea .pay02.tax {padding-bottom:6px; border-bottom:0 none;}
.confirmArea .membership, .roomOption .membership {margin-top:19px;}
.confirmArea .membership span:first-child, .roomOption .membership span:first-child {font-family:"Noto Bold"; font-size:12px; color:#996b56;}
.confirmArea .membership span.tipArea, .roomOption .membership span.tipArea {float:right; display:block;}
.confirmArea .membership span.tipArea {margin-top:-15px;}
/*.confirmArea .membership .ico02:before {margin-right:0;}
.confirmArea .membership .tooltip {bottom:35px; right:-20px; width:343px;}*/
.confirmArea .pay02.point {padding:8px 0 25px 0; border-bottom:0 none;}
.confirmArea p.check {margin-bottom:27px;}
.confirmArea .btn.st02, .confirmArea .btn.st03:last-child {width:100%;}
.confirmArea .btn.st02:first-child {margin-top:30px;}
.confirmArea .btn.st07,
.confirmArea .btn.st08{width:149px; padding:14px 0; height:auto;}
.confirmArea .btn.st07 + .btn.st08{margin-left:2px;}

.confirmArea .btnL {margin-top:30px;}
.confirmArea .btnL [class^=btn] {margin:0;}
.confirmArea .btnL [class^=btn]:nth-child(2) {float:right; width:147px;}
.confirmArea .pay02.point + .btnL {margin-top:5px;}
.confirmArea .btnL + dl, .confirmArea .btn + dl {margin-top:30px;}
.confirmArea dl + p {margin-top:15px;}
.confirmArea.fix {position:fixed; top:52px;}
.confirmArea.off {bottom:0;}
@media only screen and (max-width:1170px){
    .confirmArea.fix {left:582px;}
}
@media only screen and (max-width:1042px){
    .confirmArea.fix {left:512px;}
}
.myReserveCheck .inputArea,
.myReserveCheck .confirmArea{height:769px;}
/* 결제완료 */
.confirmArea.confirmDone dl.total {padding-bottom:17px;}
.confirmArea.confirmDone dl.total dt {margin:19px 0 0 0;}
.confirmArea.confirmDone h5 {margin:19px 0 0 0 !important;}
/* 객실예약완료 */
.registDone {width:100%; height:345px; border-bottom:1px solid #e8e8e8; display:table; table-layout:fixed;}
.registDone > figure, .registDone .regInfo {vertical-align:top; display:table-cell;}
.registDone > figure {width:470px; line-height:0; overflow:hidden;}
.registDone > figure img {width:750px !important; height:345px !important; margin:0 -195px;}
.registDone .regInfo {padding:60px 40px 18px 40px; border:1px solid #e8e8e8; border-bottom:0 none;}
.registDone .regInfo strong:first-child {font-family:"Noto Bold"; font-size:14px; color:#333;}
.registDone .regInfo h4 {margin:9px 0 8px 0; font-size:24px; text-align:left;}
.registDone .regInfo dl.info03 {margin-top:18px; padding-top:26px; border-top:1px solid #e8e8e8;}
.registDone .regInfo .subtxt + dl.info03 {margin-top:19px; padding-top:17px;}
.registDone .regInfo hr {margin:30px 0;}
.registDone + dl.info03 {border-top:0 none;}
.registDone + dl.info02 dt.call {width:auto; padding-right:10px; text-align:right;}
.registDone + dl.info02 dt.call + dd {width:75px;}
.registDone + dl.info02 dd:last-child {width:115px !important;}
/* 항목확인 */
.reserveCheck h5 {margin-bottom:20px;}
.reserveCheck figure {line-height:0;}
.reserveCheck figure img {width:100%;}
.reserveCheck h4 {margin:25px 0 11px 0;}
.reserveCheck .subtxt, .registDone .regInfo .subtxt, .inputArea .roomCheck .subtxt {font-family:"Noto Bold"; font-size:14px; color:#996b56;}

.reserveCheck .detail {margin-top:22px; padding-top:14px; font-family:"Noto Regular"; line-height:24px; border-top:1px solid #e8e8e8;}
.reserveCheck .detail .ico.plus {margin:0 5px; vertical-align:-8px;}
.reserveCheck .detail br + .ico.plus {margin-left:0;}
.reserveCheck dl.detail {padding-top:16px;}


/* 객실
------------------------------------------------------------------------------- */
.room .info .h3group p, .dining .h3group p {margin-top:26px; padding:0 105px;}
.sectionBg .roomFacility h4 {margin-top:-3px;}
.roomFacility article {margin-top:30px; padding:30px 50px 30px 50px; border:1px solid #e8e8e8; background:#fff;}
.roomFacility article .icoArea ul {margin-top:20px; text-align:center;}
.roomFacility article .icoArea ul:after {width:100%; height:1px; margin-top:50px; border-bottom:1px solid #ededed; background:#f2f2f2; display:block; content:""; z-index:-1;}
.roomFacility article .icoArea ul li span {color:#888;}
.roomFacility section ul {margin:30px 50px 0 0; display:inline-block;}
.roomFacility div {position:relative;}
.roomFacility div > ul {margin-top:30px; text-align:left;}
.roomFacility div > ul li {display:inline-block;}
.roomFacility article > div > ul.note li {margin-right:40px;}
.roomFacility ul li.info {padding-right:25px;}
.roomFacility .btnR {float:right; margin-top:-40px;}
.roomFacility .tooltip {width:511px;}
.roomFacility .tooltip.st01 {padding-right:0;}
.roomFacility .tooltip.top {bottom:50px; right:0;}
.roomFacility .tooltip.top h5 {font-size:16px; color:#996b56; text-align:left;}
.roomFacility .tooltip.top h5 + ul.note {margin-top:16px;}
.roomFacility .tooltip.top h5 + ul.note li {float:left; width:150px;}
.roomFacility .tooltip.top h5 + ul.note li:first-child {margin-top:5px;}

.overview div.info {margin-top:27px; padding:40px 50px; border:1px solid #e8e8e8; overflow:hidden;}
.overview div.info h5 {float:left; width:120px; padding-top:3px; color:#996b56; text-align:left;}
.overview div.info > dl {width:776px; display:table;}
.overview div.info > dl > dt,.overview div.info > dl > dd {float:left; min-height:30px; font-size:12px; line-height:28px;}
.overview div.info > dl > dt {width:108px; margin-bottom:2px; color:#333; text-align:center; background:#f1ece6;}
.overview div.info > dl > dt:nth-of-type(3) {clear:both;}
.overview div.info > dl > dd {width:280px; 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;}
.overview > dl.info02 {padding:30px 40px; border:1px solid #e8e8e8; border-top:0; background:#f7f7f7;}
.overview > dl.info02 dt, .overview > dl.info02 dd {width:auto; margin-right:10px; display:inline-block;}
.overview > dl.info02 dd {font-family:"Noto Bold";}

.room .rate h4 {margin-bottom:28px;}
.room .rate h4 + .fr {margin-top:-33px;}
.room .rate table.data + .note {margin:8px 0 18px 0;}


/* Lounge
------------------------------------------------------------------------------------ */
.lounge .menu {width:100%; display:table;}
.lounge .menu img {display:table-cell;}
.lounge .menu figcaption {padding:0 50px; vertical-align:middle; border:1px solid #e8e8e8; border-left:0; display:table-cell;}
.lounge .menu figcaption h5 {text-align:left;}
.lounge .menu figcaption h5:after {width:37px; height:2px; margin:14px 0; background:#333; display:block; content:"";}
.lounge .menu figcaption dl dt {padding-top:14px; font-family:"Noto Bold";}
.lounge .overview div.info {background:#fff;}
.lounge .overview div.info > dl {width:auto;}
.lounge .overview div.info > dl > dt {margin-left:50px;}
.lounge .overview div.info > dl > dd {width:auto; min-width:217px;}


/* 소개
------------------------------------------------------------------------------------ */
.about .intro .infoArea {width:100%; height:446px; margin-top:50px; background:url(/capsulehotel/kr/images/bg/bg_aboutIntro01.jpg) 50% 0 no-repeat; background-color:#efefef;}
.about .intro .infoArea > section {padding:0 !important;}
.about .intro .infoArea .txt {clear:both; float:right; width:334px; height:326px; margin:60px 0; padding:50px; background-color:rgba(0,0,0,0.6);}
.about .intro .infoArea .txt h5 {margin:10px 0 20px 0; font-size:24px; color:#fff; line-height:30px; text-align:left;}
.about .intro .infoArea .txt h5:after {width:36px; height:2px; margin-top:20px; background:rgba(255, 255, 255, 0.3); display:block; content:""}
.about .intro .infoArea .txt p {font-size:13px; color:#fff; text-align:left;}
.about .intro .infoArea + section > p + p {margin-top:29px;}
.about .intro .infoArea + section section {margin-top:60px;}
.about .intro .infoArea + section section:after {clear:both; display:block; content:"";}
.about .intro .txtArea div {float:left; width:332px; height:441px; padding:0 50px; background:url(/capsulehotel/kr/images/bg/bg_aboutIntro02.jpg) no-repeat; display:table;}
.about .intro .txtArea div p {color:#fff; vertical-align:middle; display:table-cell;}
.about .intro .photo {float:left; width:668px;}
.about .aboutVOC {padding:0 80px 60px 80px; border:1px solid #e8e8e8; border-top:0;}
.about .aboutVOC h4 {margin:37px 0 20px 0; font-size:18px;}
.about .btnC .btn {width:150px; height:50px;}
.about .btnC .btn + .btn {margin-left:5px;}
.about .aboutVOC .mgT15 {margin-top:15px;}
.about .vocArea {width:840px; margin:auto;}
.about .vocArea .regist {padding:60px 155px 40px 155px;}
.about div.none > section {background:#fff;}
.about div.none > section p > strong {margin-bottom:18px; font-family:"Noto Medium"; font-size:28px; display:block;}
.about div.none > section p > strong em {font-family:"Noto Bold";}
.about .box02.st01 {margin-top:40px; padding-left:145px;}
.about table.list {margin-top:50px;}
/* 자주하는 질문 */
.faqTable {margin-top:50px; 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-family:"Noto Regular"; 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-family:"Noto Regular";}
.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(/capsulehotel/kr/images/ico/ico_faq_off.png) 780px 30px no-repeat;}
.faqTable tr.question.on td:nth-child(2) {background:url(/capsulehotel/kr/images/ico/ico_faq_on.png) 780px 30px no-repeat;}
.faqTable tr.question.on td {border-top:1px solid #747474; font-family:"Noto Bold";}
.faqTable tr.answer.on td { border-bottom:1px solid #747474;}
.faqTable tr.answer td {padding-bottom:24px; background:#f7f7f7;}
.faqTable td .ico03:before {position:absolute; left:-4px; top:-2px; margin-right:50px;}
/* 찾아오시는 길 */
.mapStep h5 {margin-top:25px; padding-top:39px; text-align:left; border-top:1px solid #e8e8e8;}
ol.map {clear:both; height:auto; overflow:hidden;}
ol.map li {float:left; margin:15px 0;}
ol.map li:nth-child(odd) {position:relative; padding-right:80px;}
ol.map li:nth-child(odd):after {position:absolute; top:50%; right:21px; width:38px; height:38px; margin-top:-19px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:url(/capsulehotel/kr/images/ico/ico_angle05.gif) 16px 12px no-repeat #d9d9d9; display:block; content:"";}
ol.map figure {line-height:0;}
ol.map figcaption {line-height:20px; display:block;}
ol.map dl {height:111px; padding:25px 26px 26px 30px; background:#fff;}
ol.map dl dt {font-family:"Noto Bold"; color:#333;}


/* 편의시설
------------------------------------------------------------------------------------ */
.cardList figure {display:table; margin-top:40px;}
.cardList figure img, .cardList figure figcaption {width:500px; text-align:center; line-height:0; display:table-cell;}
.cardList figure figcaption {position:relative; padding:0 50px; text-align:left; vertical-align:middle; border:1px solid #e8e8e8; border-left:none;}
.cardList figure figcaption .note {margin-left:0;}
.cardList figure figcaption .note li {margin-left:0; color:#996b56;}
.cardList figure figcaption p {margin-bottom:20px; line-height:22px;}
.cardList figure figcaption h4 {position:relative; margin-bottom:15px; font-size:26px; font-family:"Noto Bold"; text-align:left; display:block;}


/* 이용안내
------------------------------------------------------------------------------------ */
ul.howToUse {padding:0 100px; border:1px solid #e8e8e8;}
ul.howToUse li + li {position:relative; border-top:1px solid #e8e8e8;}
ul.howToUse li + li:before, ul.howToUse li + li:after {position:absolute; top:-1px; left:50%; width:0; height:0; margin-left:-5px; border-width:9px; border-style:solid; border-color:transparent; display:block; content:""; z-index:10;}
ul.howToUse li + li:before {border-top-color:#e8e8e8;}
ul.howToUse li + li:after {margin-left:-3px; border-width:7px; border-top-color:#fff;}
ul.howToUse li dl {padding:60px 60px 58px 90px;}
ul.howToUse li dl:before {float:left; width:78px; height:70px; margin-right:55px; background-position:50% 50%; background-repeat:no-repeat; display:block; content:"";}
ul.howToUse li dl.checkIn:before {background-image:url(/capsulehotel/kr/images/ico/ico_checkIn.png);}
ul.howToUse li dl.storage:before {background-image:url(/capsulehotel/kr/images/ico/ico_storage.png);}
ul.howToUse li dl.shower:before {background-image:url(/capsulehotel/kr/images/ico/ico_shower02.png);}
ul.howToUse li dl.sleep:before {background-image:url(/capsulehotel/kr/images/ico/ico_sleep.png);}
ul.howToUse li dl.checkOut:before {background-image:url(/capsulehotel/kr/images/ico/ico_checkOut.png);}
ul.howToUse li dl.speaker:before {background-image:url(/capsulehotel/kr/images/ico/ico_speaker.png);}
ul.howToUse li dl:after {clear:both; display:block; content:"";}
ul.howToUse li dl dt {float:left; width:490px; margin-bottom:12px; font-family:"Noto Bold"; font-size:20px; color:#fff; display:table;}
ul.howToUse li dl dt:before {width:30px; height:30px; text-align:center; vertical-align:middle; border-radius:99px; -webkit-border-radius:99px; -moz-border-radius:99px; -ms-border-radius:99px; -o-border-radius:99px; background:#474e61; display:table-cell;}
ul.howToUse li dl dt.num01:before {content:"1";}
ul.howToUse li dl dt.num02:before {content:"2";}
ul.howToUse li dl dt.num03:before {content:"3";}
ul.howToUse li dl dt.num04:before {content:"4";}
ul.howToUse li dl dt.num05:before {content:"5";}
ul.howToUse li dl dt.num06:before {content:"6";}
ul.howToUse li dl dt strong {padding-left:15px; color:#333; vertical-align:middle; display:table-cell;}
ul.howToUse li dl dd {float:left;}


/* 개인정보처리방침/이용약관
------------------------------------------------------------------------------------ */
.rule .contArea > dl {width:100%; margin-bottom:40px; padding:23px 0; border:1px solid #e8e8e8; background:#f7f7f7; display:table;}
.rule .contArea > dl dt {padding-right:17px; font-family:"Noto Bold"; color:#333; text-align:right; display:table-cell;}
.rule .contArea > dl dd {text-align:left; display:table-cell;}
.rule .contArea > dl dd select {width:180px;}
.rule .contArea > dl dd .select2-selection.option03 .select2-selection__rendered {font-family:"Noto Regular"; color:#666;}
.rule.privacy .ruleCont {padding:36px 40px; border:1px solid #e8e8e8;}
.rule .ruleCont > p {margin-bottom:26px;}
.rule .ruleCont > p strong {font-family:"Noto Medium"; color:#333;}
.rule .listArea {width:100%; padding:18px 0; border-top:1px solid #747474; border-bottom:1px solid #e8e8e8; background:#f7f7f7; display:table}
.rule .listArea menu {position:relative; width:50%; vertical-align:middle; display:table-cell;}
.rule .listArea menu:nth-child(2):before {position:absolute; left:0; width:1px; height:100%; background:#e8e8e8; display:inline-block; content:"";}
.rule .listArea menu li {margin-left:70px; line-height:24px;}
.rule .listArea menu li a {color:#333;}
.rule .ruleCont h4 {margin:28px 0 8px 0; font-family:"Noto Medium"; font-size:14px; color:#333; text-align:left;}
.rule .ruleCont h4 + p {margin-bottom:12px;}
.rule .ruleCont ul.note.st02 {margin:12px 0 0 18px;}
.rule .ruleCont ol li table {margin-top:12px;}
.rule .ruleCont table + .note {margin-top:8px;}
.rule .ruleCont table tr td {text-align:left;}
.rule .ruleCont .addition {margin:32px 0 0 0; font-size:12px; color:#333;}
.rule .scroll .listArea menu li {margin-left:30px;}


/* 사이트맵
------------------------------------------------------------------------------------ */
#sitemap.popup {/*bottom:0; left:50%;*/ width:1000px; /*margin-left:-500px;*/}
#sitemap.popup section {padding:30px 40px 0 40px; background:none;}
#sitemap.popup section h3 {margin-bottom:16px; padding-bottom:13px; font-family:"Noto Bold"; font-size:18px; color:#fff; text-align:left; border-bottom:1px solid #333;}
#sitemap.popup section a {color:#fff; border-bottom:2px solid transparent;}
#sitemap.popup section a:hover {font-family:"Noto Medium"; color:#996b56; border-bottom:1px solid #996b56;}
#sitemap.popup section > menu:after {clear:both; display:block; content:"";}
#sitemap.popup section > menu > li {float:left; width:188px; margin:0 21px 48px 21px;}
#sitemap.popup section > menu > li:nth-child(5) {clear:both;}
#sitemap.popup section > menu > li > menu > li {margin-bottom:8px;}
#sitemap.popup section > menu > li > menu > li:before {width:5px; height:5px; margin:-2px 8px 0 0; background:url(/grandwalkerhillseoul/kr/images/etc/blt_dot02.gif) 0 0 no-repeat; vertical-align:middle; display:inline-block; content:"";}
#sitemap.popup section > menu > li > menu > li:hover:before {background:url(/grandwalkerhillseoul/kr/images/etc/blt_dot03.gif);}
#sitemap.popup section menu > li > menu {vertical-align:top; display:inline-block;}
#sitemap.popup section menu > li > menu > li li a {padding-left:13px; font-size:12px; color:#ddd;}
#sitemap.popup .close {position:absolute; top:30px; right:17px; width:28px; height:27px; background:url(/grandwalkerhillseoul/kr/images/btn/btn_close06.png) 0 0 no-repeat;}


/* 에러페이지
------------------------------------------------------------------------------------ */
.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-family:"Noto Medium"; font-size:30px; color:#333; line-height:30px;}
.errorArea figure figcaption h2 strong {font-family:"Noto Bold"; color:#996b56;}
.errorArea figure figcaption p {font-size:16px; line-height:22px;}
.errorArea figure figcaption p strong {font-family:"Noto Medium"; color:#333;}
.errorArea dl dt, .errorArea dl dd {display:inline-block;}
.errorArea dl dd p.note em {font-family:"Noto Medium"; color:#996b56;}