@charset "utf-8";

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

@import url("base.css");
@import url("layout.css");
@import url("jquery.bxslider.css");
@import url("select2.css");
@import url("style.css");


/* 메인
------------------------------------------------------------------------------- */
.main .visual {position:relative; height:630px; line-height:0; background-color:#403128; overflow:hidden;}
.main .visual li {height:630px;}
.main .visual figure {position:absolute; left:50%; width:1920px;  height:630px; margin-left:-960px; text-align:center;}
.main .visual .bx-wrapper img {max-width:inherit;}
.main .visual .bx-wrapper .bx-pager {position:relative; height:10px; margin-top:-50px;}
.main .visual .bx-pager .bx-pager-item .bx-pager-link {width:6px; height:6px; margin:0 9px; border:1px solid transparent; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:#fff;}
.main .visual .bx-pager .bx-pager-item .bx-pager-link.active {width:10px; height:10px; border:2px solid #fff; background:transparent;}
.main .visual .bx-wrapper .bx-controls-direction a {left:50%; min-width:68px; width:auto; margin-top:10px; font-weight:500; font-size:14px; color:#fff; letter-spacing:0; text-transform:uppercase; text-indent:inherit; display:block;}
.main .visual .bx-wrapper .bx-prev {margin-left:-532px;}
.main .visual .bx-wrapper .bx-next {margin-left:464px;}
.main .visual .bx-wrapper .bx-prev:before, .visual .bx-wrapper .bx-next:after {width:17px; height:12px; margin-right:15px; background:url(/transithotel/en/images/btn/btn_slide01.gif) 0 0 no-repeat; vertical-align:-1px; display:inline-block; content:"";}
.main .visual .bx-wrapper .bx-next:after {margin:0 0 0 15px; background-position:100% 0;}
.main .visual .bx-wrapper .bx-prev:hover {margin-left:-552px;}
.main .visual .bx-wrapper .bx-prev:hover:before, .visual .bx-wrapper .bx-next:hover:after {width:37px; background-position:0 100%;}
.main .visual .bx-wrapper .bx-next:hover:after {background-position:100% 100%;}
.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 .bx-viewport {height:383px;}
.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.room01 {background:url(/transithotel/kr/images/etc/pic_mainStandard.jpg) 0 0 no-repeat;}
.main .room .thumb li.room02 {background:url(/transithotel/kr/images/etc/pic_mainDeluxe.jpg) 0 0 no-repeat;}
.main .room .thumb li.room03 {background:url(/transithotel/kr/images/etc/pic_mainSuite.jpg) 0 0 no-repeat;}
.main .room .thumb li.room04 {background:url(/transithotel/kr/images/etc/pic_mainT2Standard.jpg) 0 0 no-repeat;}
.main .room .thumb li.room05 {background:url(/transithotel/kr/images/etc/pic_mainT2Family.jpg) 0 0 no-repeat;}
.main .room .bx-wrapper .bx-controls-direction a {top:179px; width:72px; height:41px; margin-top:0; background-image:url(/capsulehotel/kr/images/btn/btn_prevNext02.png); background-repeat:no-repeat;}
.main .room .bx-wrapper .bx-prev {left:-25px; background-position:0 0;}
.main .room .bx-wrapper .bx-prev:hover, .thumbSlide .bx-wrapper .bx-prev:active {background-position:0 100%;}
.main .room .bx-wrapper .bx-next {right:-25px; background-position:100% 0;}
.main .room .bx-wrapper .bx-next:hover, .thumbSlide .bx-wrapper .bx-next:active {background-position:100% 100%;}
.main .service {background:url(/transithotel/en/images/bg/bg_pattern01.gif) 0 0 repeat;}
.main .service ul:after {clear:both; display:block; content:"";}
.main .service ul li {float:left; width:493px; margin-left:14px;}
.main .service ul li:first-child {margin-left:0;}
.main .service ul li a {height:260px; padding:37px 40px; background:url(/transithotel/kr/images/bg/bg_mainFacility.jpg) 0 0 no-repeat; display:block;}
.main .service ul li h3 {margin-bottom:7px; font-size:24px; color:#996b56; text-align:left;}
.main .service ul li p {height:134px;}
.main .service ul li:first-child a {background-image:url(/transithotel/kr/images/bg/bg_mainLounge.jpg);}
.main .service ul li:first-child h3 {color:#474e61;}
.map h2:not(:first-of-type) {margin-top:60px;}
.map .btn.more {float:right; margin-top:-51px;}
.map figure {position:relative; text-align:center; border:1px solid #e8e8e8;}
.map figure img {vertical-align:top;}
.map figcaption {text-align:left; display:block;}
.map figcaption dl, .map figcaption ol, .map figcaption p {position:absolute; left:70px;}
.map figcaption ol.duty {top:58px;}
.map figcaption ol.area {top:144px;}
.map figcaption ol.duty, .map figcaption ol.area {font-size:12px; color:#333;}
.map figcaption ol.duty li {margin-bottom:7px;}
.map figcaption ol.duty mark {margin-right:6px;}
.map figcaption ol.area li {margin-bottom:5px;}
.map figcaption ol.area mark {margin-right:7px;}
.map figcaption dl.side, .map figcaption p {left:0; bottom:64px; width:100%;}
.map figcaption dl.side:after {position:absolute; top:3px; left:50%; width:1px; height:68px; background:#e8e8e8; display:block; content:"";}
.map figcaption dl.side dt, .map figcaption dl.side dd {float:left; width:50%; padding-left:70px;}
.map figcaption dl.side dt {margin-bottom:13px; font-weight:700; font-size:24px; color:#996b56; text-align:left;}
.map figcaption dl.side dt:nth-of-type(1), .map figcaption dl.side dd:nth-of-type(1) {clear:both;}
.map figcaption dl.side dt:nth-of-type(2) {margin-top:-33px;}
.main .map figcaption dl.side:after, .about .map figcaption dl.side:after {display:none;}
.main .map figcaption dl.side dt, .main .map figcaption dl.side dd, .about .map figcaption dl.side dt, .about .map figcaption dl.side dd {float:none; width:auto;}


/* 중요팝업
------------------------------------------------------------------------------- */
.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-weight:500; word-break:keep-all;}
.main .importantNotice > div.cont h2 {margin-bottom:30px; font-weight:500; 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-weight:500; 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 {clear:both; height:auto; margin-top:-1px; overflow:hidden; display:block;}
.reserve .intro .tabMenu li {float:left; width:33.33%; display:table;}
.reserve .intro .tabMenu a {width:100%; height:120px; font-size:18px; line-height:24px; vertical-align:middle; display:table-cell;}
.reserve .intro .tabMenu a span {text-align:left; vertical-align:middle; display:inline-block;}
.reserve .intro .tabMenu a:before {width:45px; height:36px; margin-right:20px; background:url(/transithotel/en/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(/transithotel/en/images/ico/ico_day.png);}
/* 결과없음 */
.reserve .roomList .none {margin-top:30px;}
/* 예약옵션선택 */
dl.optionCheck {position:relative; 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:163px; display:block;}
dl.optionCheck > dt {margin:-27px 0 6px 0; font-weight:700; color:#333; font-size:12px;}
dl.optionCheck > dt:first-child {margin-top:0;}
dl.optionCheck > dt em {float:right; font-weight:500; font-size:10px; color:#666;}
dl.optionCheck > dd, dl.optionCheck > dd input[type=text], dl.optionCheck > dd .btn {height:49px;}
dl.optionCheck > dd {margin-right:10px; font-size:12px;}
dl.optionCheck > dd.search {width:120px;}
dl.optionCheck > dd.search .btn {width:100%;}
dl.optionCheck > dt:nth-of-type(1),
dl.optionCheck > dd:nth-of-type(1) {clear:both; width:130px;}
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:105px;}
dl.optionCheck > dd:nth-of-type(5) {width:180px;}
dl.optionCheck > dd:nth-of-type(5) input{padding:0 10px 0 18px;}
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-weight:500; color:#333; text-overflow:ellipsis;}
dl.optionCheck + .note {margin-top:8px;}
dl.optionCheck + .note strong {font-weight:700; color:#333;}
dl.optionCheck > dt.person, dl.optionCheck > dd.person {width:177px;}
/* 객실검색목록 */
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;}
ol.roomResult figure > span {position:relative; width:615px; background:url(/transithotel/en/images/etc/fig_walkerhill03.png) 50% 50% no-repeat #e9e9e9;}
ol.roomResult figure > span em {line-height:0; display:block; position:relative; width:615px; height:440px; overflow:hidden;}
ol.roomResult figure > span em img {position:absolute; left:50%; top:50%; height:100%; width:auto; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
ol.roomResult figure > span em.off:after {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.60); display:block; content:"";}
ol.roomResult figure > span img {width:100%; height:100%;}
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;}
dl.branch {margin-top:40px; padding:18px 0 18px 40px; background:#dde1e4;}
dl.branch dt {padding-right:20px; font-weight:700; color:#333;}
dl.branch dt, dl.branch dd {display:inline-block;}
dl.branch dd:first-of-type {width:740px; font-size:13px;}
dl.branch dd strong {font-weight:700;}
.reserve .roomList .terminals {margin-top:40px; text-align:center; font-size:16px; color:#333;}
/* 예약/주문입력 */
.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:0; font-size:26px;}
.inputArea .roomCheck h4:nth-of-type(1) {margin-top:59px; margin-bottom:8px;}
.inputArea .roomCheck h4:last-of-type {margin-bottom:16px;}
.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-weight:500; font-size:12px;}
.inputArea .etcCustomer a.etcReg p:before {float:right; width:23px; height:14px; margin-top:2px; background:url(/transithotel/en/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-weight:500; 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-weight:700; 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-weight:500; 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-weight:700; 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-weight:700; 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-weight:700; 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 .reserveReg {width:100%; display:table;}
.myReserveCheck .reserveReg .inputArea, .myReserveCheck .reserveReg .confirmArea {position:static; float:none; margin:0; vertical-align:top; display:table-cell;}
.myReserveCheck .reserveReg .confirmArea {width:384px; border-left:0 none;}
/* 결제완료 */
.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 {line-height:0; position:relative; width:470px; height:345px; overflow:hidden;}
.registDone > figure img{  position:absolute; left:50%; top:0; height:345px; width:auto; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,-0);}
.registDone .regInfo {padding:60px 40px 18px 40px; border:1px solid #e8e8e8; border-bottom:0 none;}
.registDone .regInfo strong:first-child {font-weight:700; 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-weight:700; font-size:14px; color:#996b56;}
.reserveCheck .detail {margin-top:22px; padding-top:14px; font-weight:400; 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 ul li.info {padding-right:25px;}

.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; letter-spacing:-0.03em; background:#fff;}
.overview div.info > dl > dd dl.info01 {margin:-4px 0 4px 0;}
.overview div.info.st01 > dl > dt, .overview div.info.st01 > dl > dd {position:relative;}
.overview div.info.st01 > dl > dt {z-index:10;}
.overview div.info.st01 > dl > dt.row01 {padding-top:17px;}
.overview div.info.st01 > dl > dt.mt01, .overview div.info.st01 > dl > dt.mt01 + dd {margin-top:-32px;}
.overview div.info.st01 > dl > dt.mt01 + dd {margin-left:230px;}
.overview div.info.st01 > dl > dd:before {position:absolute; left:-108px; width:108px; height:100%; background:#f1ece6; display:block; content:""; z-index:0;}
.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:first-child {width:110px;}
.overview dl.info02 > dd:nth-child(2) {width:414px;}

.t2 .family .overview div.info > dl:first-of-type > dd {float:none; width:auto; height:auto; overflow:hidden;}


/* Lounge
------------------------------------------------------------------------------------ */
.lounge .menu {width:100%; height:375px; display:table;}
.lounge .menu span {width:500px; height:100%; line-height:0; 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-weight:700;}
.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;}
.lounge .overview div.info.st01 > dl > dt.mt01 + dd {margin-left:158px;}
.lounge #contents.matina h2 {display:none;}
.lounge #contents.matina > section:first-of-type {padding-bottom:0;}


/* Facilities
------------------------------------------------------------------------------------ */
.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 p {margin-bottom:20px; line-height:22px;}
.cardList figure figcaption h4 {position:relative; margin-bottom:15px; font-size:26px; font-weight:700; text-align:left; display:block;}


/* 소개
------------------------------------------------------------------------------------ */
.about .intro .infoArea {width:100%; height:446px; margin-top:50px; background:url("/transithotel/kr/images/bg/bg_aboutIntroT1.jpg") 50% 0 no-repeat; background-color:#efefef;}
.about.t2 .intro .infoArea {background-image:url("/transithotel/kr/images/bg/bg_aboutIntroT2.jpg");}
.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:20px; 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 .txtArea {margin-top:60px;}
.about .intro .txtArea:after {clear:both; display:block; content:"";}
.about .intro .txtArea div {float:left; width:332px; height:441px; padding:0 50px; background:url("/transithotel/kr/images/bg/bg_aboutIntro02.jpg") 0 0 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 .vocArea {width:840px; margin:auto;}
.about .vocArea .regist {padding:60px 155px 40px 155px;}
.about #contArea section > h4 {margin:48px 0 10px 0; font-size:18px;}
.about #contArea section > h4 strong {color:#996b56;}
.about #contArea section > h4 + hr {margin-top:40px;}
.about #contArea section .btn {width:147px; height:50px; line-height:50px;}
.about #contArea section div.box02.st01 {padding-left:150px; padding-right:150px;}
.about #contArea section .btnC button {margin:0 3px;}
.about #contArea section table.list {margin-top:50px;}
.about div.none > section {background:#fff;}
.about .map figure {padding-top:60px; border:1px solid #e8e8e8; border-top:1px solid #747474;}
.about .map figure img {vertical-align:top;}
.about .map figure.t1 span {height:500px; overflow:hidden;}
.about .map figcaption h4 {position:absolute; top:60px; width:100%; font-size:26px; text-align:center;}
.about .sectionBg h4 {margin:38px 0 16px 0; font-size:18px; text-align:left;}
.about .sectionBg h4:first-child {margin-top:0;}
.about .sectionBg hr {margin-top:40px;}
.about .sectionBg ol.step {display:table;}
.about .sectionBg ol.step li {vertical-align:middle; display:table-cell;}
.about .sectionBg ol.step li:before {width:37px; height:96px; vertical-align:top; background:url(/transithotel/en/images/ico/ico_angle03.png) 50% 50% no-repeat; display:inline-block; content:"";}
.about .sectionBg ol.step li:first-child:before {display:none;}
.about .sectionBg ol.step li:nth-of-type(2) dl {padding-top:14px; padding-bottom:16px;}
.about .sectionBg ol.step li dl {width:220px; height:96px; padding:25px 20px; border:1px solid #e8e8e8; background:#fff; display:inline-block;}
.about .sectionBg ol.step li dl dt {font-weight:700; color:#333;}
.about .sectionBg ol.step li dl dt .tooltip.top {left:-50px; width:390px;}
.about .sectionBg ol.step li dl dt .tooltip.top:before, .about .sectionBg ol.step li dl dt .tooltip.top:after {left: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-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:10px; text-align:center;}
.faqTable td:nth-child(2) {padding-right:10px; padding-left:40px;}
.faqTable tr.question td:hover {color:#996b56;}
.faqTable tr.question {cursor:pointer;}
.faqTable tr.question td:nth-child(3) {background:url(/transithotel/en/images/bg/ico_faq_off.png) 670px 30px no-repeat;}
.faqTable tr.question.on td:nth-child(3) {background:url(/transithotel/en/images/bg/ico_faq_on.png) 670px 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 .ico03:before {position:absolute; left:-4px; top:-2px; margin-right:50px;}
/* 연락처 */
.contact {padding-top:50px;}
.contact h4 > em {margin-bottom:5px; font-size:18px; display:block;}
.contact figure {height:260px; margin-bottom:30px; display:table;}
.contact figure img {vertical-align:top;}
.contact figure img, .contact figure figcaption {width:500px; display:table-cell;}
.contact figure figcaption {padding:0 50px; text-align:left; vertical-align:middle; border:1px solid #e8e8e8; border-left:0 none;}
.contact figure figcaption h4 {margin-bottom:24px; font-weight:700; font-size:26px; color:#333; text-align:left;}
.contact figure figcaption h4:after {width:20px; height:2px; margin-top:18px; background:#dadcdf; display:block; content:"";}
.contact figure figcaption > dl.direction dt strong {font-weight:700; color:#333;}
.contact figure figcaption > dl.direction > dt, .contact figure figcaption > dl.direction > dd {float:left;}
.contact figure figcaption > dl.direction > dt {margin-bottom:12px;}
.contact figure figcaption > dl.direction > dt:nth-of-type(2) {margin-top:-33px;}
.contact figure figcaption > dl.direction > dd:nth-of-type(1) {clear:both; margin-right:40px;}
.contact figure figcaption > dl.direction:after {clear:both; display:block; content:"";}
.inquiryArea {padding:48px 80px 60px 80px; border:1px solid #e8e8e8; border-top:0 none;}
.inquiryArea h4 {margin-top:0 !important;}
.inquiryArea h4 + p {margin-bottom:20px; text-align:center;}
.inquiryArea .mgT15 {margin-top:15px;}
.inquiryDone {padding:148px 0; text-align:center;}
.inquiryDone h4 {margin:0 0 15px 0 !important; font-weight:500; font-size:28px !important;}
.inquiryDone h4 strong {font-weight:700;}
.inquiryDone h4 + p {font-size:16px; color:#333;}
.inquiryDone h4 + p strong {font-weight:700;}
.inquiryDone + .btnC {margin-top:0; padding-top:40px; border-top:1px solid #e8e8e8;}


/* 개인정보처리방침/이용약관
------------------------------------------------------------------------------------ */
.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-weight:700; 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-weight:400; color:#666;}
.rule.privacy .ruleCont {padding:36px 40px; border:1px solid #e8e8e8;}
.rule .ruleCont > p {margin-bottom:26px;}
.rule .ruleCont > p strong {font-weight:500; 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-weight:500; 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-weight:700; 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-weight:500; 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; vertical-align:top;}
.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:30px;}
.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 {display:inline-block;}
.errorArea dl dd p.note em {font-weight:500; color:#996b56;}