@charset "utf-8";

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

@import url("/capsulehotel/m/en/common/css/base.css");
@import url("/capsulehotel/m/en/common/css/layout.css");
@import url("/capsulehotel/m/en/common/css/jquery.bxslider.css");
@import url("/capsulehotel/m/en/common/css/select2.css");
@import url("/capsulehotel/m/en/common/css/style.css");


/* 메인
------------------------------------------------------------------------------- */

.main section { position: relative; }
.main section h2 { margin-bottom:20px; text-align:center; color: #333; line-height: 26px; font-size: 23px; font-family:"Noto Bold"; }
.main .hotelEvent { background: #fff; padding-top: 34px !important; padding-bottom: 40px !important; }
.main .hotelEvent .slide > li figcaption { border: 1px solid #e8e8e8; border-top: none; }
.main .visual figcaption {position:absolute; top:0; left:0; width:100%; height:70%; padding-top:15%; text-align:center; display:block;}
.main .visual h2 img {width:auto; height:239px; margin:0 auto;}
.main .visual h3 {margin:8px 0 10px 0; font-size:24px; color:#fff;}
.main .visual .bx-wrapper .bx-pager {top:auto; bottom:76px; text-align:center;}
.main .visual .bx-wrapper .bx-pager.bx-default-pager a {width:8px; height:8px; margin:0 4.5px; font-size:0; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; background:#ccc;}
.main .visual .bx-wrapper .bx-pager.bx-default-pager a:hover, .main .visual .bx-wrapper .bx-pager.bx-default-pager a.active {background:#996b56;}
.main .service { background: #695c56 url(/capsulehotel/m/en/images/bg/bg_pattern01.gif) no-repeat 0 0; background-size: cover; }
.main .service ul li a {position:relative; height:180px; padding: 20px; display:block;}
.main .service ul li h3 {margin-bottom: 6px; font-family:"Noto Bold"; font-size:18px; color:#52453e; line-height:21px; text-align:left;}
.main .service ul li h4 {margin:0; font-family:"Noto Medium"; font-size:13px; line-height:20px; text-align:left; color: #333;}
.main .service ul li p { margin-bottom: 25px; font-size: 13px; line-height: 20px; color: #666; }
.main .service ul li:nth-child(2) { margin-top: 1px; }
.main .service ul li:nth-child(3) { margin-top: 10px; }
.main .service ul li .btn { position: absolute; left: 20px; bottom: 22px; }
.main .service ul li:nth-child(1) a {background: url(/capsulehotel/m/en/images/bg/bg_mainLounge.jpg) no-repeat 0 0; background-size: cover; }
.main .service ul li:nth-child(2) a {background: url(/capsulehotel/m/en/images/bg/bg_mainFacility.jpg) no-repeat 0 0; background-size: cover; }
.main .service ul li:nth-child(3) a {height: 190px; background: url(/capsulehotel/m/en/images/bg/bg_mainTransit.jpg) no-repeat 0 0; background-size: cover; }
.main .service ul li:nth-child(1) h3 {color:#474e61;}

.main .map { padding: 36px 20px 50px !important; }
.map figure { border: 1px solid #e8e8e8; }
.map figure img { display: block; }
.map .btn.more { display: block; width: 110px; margin: 0 auto 25px; font-family:"Noto Bold"; }
/* 중요팝업
------------------------------------------------------------------------------- */
.main .importantNotice {position:absolute; top:20px; left:0; width:100%; border-top:10px solid #7a5645; background:#fff; z-index:300;}
.main .importantNotice > div.cont {padding:30px 15px 20px 15px; font-family:"Noto Medium"; word-break:keep-all;}
.main .importantNotice > div.cont h2 {margin-bottom:15px; font-family:"Noto Medium"; font-size:20px; color:#333; text-align:center;}
.main .importantNotice > div.cont h2:after {width:38px; height:2px; margin:10px 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 15px; display:table-cell;}
.main .importantNotice > div.btnArea > span:last-of-type {width:30%; text-align:center; 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:16px; height:16px; margin-right:9px; border:1px solid #ddd; background:url(/transithotel/m/kr/images/btn/btn_close01.png) 50% no-repeat; background-size:10px auto; vertical-align:-3px; display:inline-block; content:"";}
.main .mask {position:absolute; top:0; left:0; width:100%; height:2000px; background:#000; opacity:0.8;}
@media only screen and (max-width:358px){
    dl.login dd {max-width:65%;}
    .main .importantNotice > div.cont p {height:230px; overflow-y:scroll;}
}

/* 예약
------------------------------------------------------------------------------- */

#container.reserve .roomList > h2, 
#container.reserve #lnb {display:none;}
.reserve dd.time select, 
.reserve dd.time .select2,
.reserve dd.time button {width:100% !important;}
.reserve .fixBtn.inquiry .btn.call {width:85px;}
.roomSearch {clear:both; height:auto; padding:12px 15px; background:#e8e8e8; overflow:hidden;}
.roomSearch dl {float:left;}
.roomSearch dl dt, .roomSearch dl dd {float:left; font-size:13px; color:#333;}
.roomSearch dl dd {position:relative; margin-top:3px;}
.roomSearch dl dd:nth-of-type(2) {clear:both;}
.roomSearch dl dd:before {width:1px; height:10px; margin:0 7px 0 10px; background:#ccc; vertical-align:-1px; display:inline-block; content:"";}
.roomSearch dl dd.period:before, .roomSearch dl dd:nth-of-type(2):before {display:none;}
.roomSearch dl dd input {width:15px; height:auto; padding:0; font-size:13px; text-align:right; border:0 none; background:none; vertical-align:-1px; display:inline-block;}
.roomSearch dl dd.period input {width:80px; text-align:left;}
.roomSearch dl dd.period input:nth-of-type(2) {text-align:right;}
.roomSearch dl dd input, 
.roomSearch dl dd strong {font-family:"Noto Bold"; color:#333;}
.roomSearch .btn {float:right; width:65px; height:35px; margin-top:6px; padding:0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; background:#666;}
.roomSearch select {position:absolute; top:0; left:0; width:45px; height:17px; opacity:0; z-index:10;}
.roomSearch dl dd:last-child select { margin-left: 18px; }
.roomResult li {margin-bottom:20px;}
.roomResult figure > span {position:relative; line-height:0; display:block;}
.roomResult figure img {width:100%;}
.roomResult figure .btn.st05 {position:absolute; right:0; bottom:0; height:30px; line-height:28px; font-size: 11px; }
.roomResult figcaption {padding:18px 20px 20px 20px; background:#f7f7f7; display:block;}
.roomResult h4 {margin-bottom:9px; font-size:20px;}
.roomResult dl.info01 { padding-bottom: 12px; border-bottom: 1px solid #e8e8e8; }
.roomResult dl.pay01 {margin-top:15px;}
.roomResult .btn.st06 {width:100%; height:35px;}

/* 객실옵션선택-상세   */
dl.detail + dl.detail { border-top: none; }
dl.detail > dd.regInfo { padding-top: 15px; }
.regInfo h3 {margin:18px 0 12px 0; font-size:20px;}
.regInfo dl + h3 {margin-top:11px;}
.regInfo h4 {font-size:14px;}
.regInfo .subtxt { font-family:"Noto Bold"; color:#333; padding-top: 0; padding-bottom: 4px; }

.regInfo p.detail {margin-top:5px; color:#333;}
.regInfo p.detail + figure {margin-top:18px;}
.regInfo dl.stay {padding-bottom:10px; border-bottom:2px solid #aaa;}
.regInfo dl.stay:after {clear:both; display:block; content:"";}
.regInfo dl.stay dt, .regInfo dl.stay dd { color:#333; display:block;}
.regInfo dl.stay dt {margin-right:3px;}
.regInfo dl.stay dt:nth-of-type(2) {clear:both;}
.regInfo dl.stay dt:before, .regInfo dl.stay dd:nth-of-type(2):before {width:1px; height:10px; margin:0 7px 0 10px; background:#ccc; vertical-align:-1px; display:inline-block; content:"";}
.regInfo dl.stay dt:nth-of-type(2):before, .regInfo dl.stay dt:nth-of-type(2) + dd:before {display:none;}
.regInfo dl.stay dd.period {background:url(/grandwalkerhillseoul/m/kr/images/ico/ico_arrow03.png) 50% 50% no-repeat; background-size:12px 6px;}
.regInfo dl.stay dd.period strong:first-child {margin-right:30px;}
.regInfo dl.stay dd strong {font-family:"Noto Bold";}
.regInfo dl.info02 {padding-bottom:17px; border-bottom:2px solid #ddd;}
.regInfo div.info {margin-top:15px;}
.regInfo table + p.ico02 {margin-top:15px;}
 
 /* 객실검색 */
.reserve #contents.search > section.contArea { padding-top: 5px; padding-bottom: 40px; }
.reserve .search .baseInfo { margin-bottom: 10px; }
.reserve .search p strong {font-family:"Noto Bold"; color: #333; } 
.reserve .search .btnC .btn.em05 { position: relative; padding: 0 0 0 63px; text-align: left; height: 70px; line-height: 68px; margin-top: 10px; font-size: 16px; }
.reserve .search .btnC .btn.em05:after,
.reserve .search .btnC .btn.em05:before { content: ""; position: absolute;background-repeat: no-repeat; background-position: 0 0; }
.reserve .search .btnC .btn.em05:before { left: 20px; }
.reserve .search .btnC .btn.em05.day:before { top: 22px; width: 28px; height: 27px; background-image: url('/capsulehotel/m/en/images/ico/ico_day.png'); background-size: 28px auto; }
.reserve .search .btnC .btn.em05.night:before { top: 21px; width: 28px; height: 22px; background-image: url('/capsulehotel/m/en/images/ico/ico_overnight.png'); background-size: 28px auto; }
.reserve .search .btnC .btn.em05:after { top: 25px; right: 20px; width: 9px; height: 15px; background-size: 9px auto; }
.reserve .search .btnC .btn.em05.day:after { background-image: url('/capsulehotel/m/en/images/ico/ico_angle03.png'); }
.reserve .search .btnC .btn.em05.night:after { background-image: url('/capsulehotel/m/en/images/ico/ico_angle07.png'); }
.reserve .search .regist { padding: 30px 20px; border-bottom: 1px solid #e8e8e8; }
.reserve .search .tabCont .period { position: relative; }
.reserve .search .tabCont .period:after { content: ""; position: absolute; right: 20px; top: 12px; width: 12px; height: 11px; z-index: 10; background: url('/capsulehotel/m/en/images/ico/ico_calendar02.png') no-repeat 0 0; background-size: 12px auto; }
.reserve .search .tabCont .period input { background: #fff; }
.reserve .search .tabCont .btn, 
.reserve .search .tabCont .info { margin: 0 20px; }
.reserve .search .tabCont .btn { width: calc(100% - 40px); margin-top: 30px; margin-bottom: 17px; }
.reserve .search .tabCont .info { padding-bottom: 50px; } 


/* 객실리스트 */
.roomList .contArea > p.result { margin-top: 0; }
 
/* 예약확인 */
dl.detail .regInfo > .tipArea {margin-top:-3px;}
dl.detail .regInfo h3 {margin-top:6px;}
dl.detail .regInfo dl.info02 {border-bottom-color:#aaa;}
dl.detail .regInfo dl.total {margin-bottom:12px;}
dl.detail .regInfo dl.info03 .tipArea {margin-top:-16px;}
dl.detail .regInfo dl.total:last-child {margin-bottom:-19px; border-bottom:0 none;}
.reserve .regist .btnC {margin:25px 15px 50px 15px;}
.reserve .regist .btnC .btn {width:100%; height:50px;font-size:16px;}
.reserve .regist .btnC .btn.st07 {color:#bdbdbd;}
.reserve .regist .btnC + .note, dl.info04.pgBtm + .note {margin:14px 15px 0 15px;}
.reserve .dining dl.detail .regInfo {padding-bottom:22px !important;}
.room.regist dl.detail > dd.agree { padding: 15px 20px 0 !important;  border-bottom: none; }
.room.regist dl.detail > dd.agree > dl:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
.room.regist dl.detail > dd.agree > dl > dt { float: left; }
.room.regist dl.detail > dd.agree > dl > dd { float: right; }
.room.regist fieldset dl.detail { border-top: none; }
.room.regist dl.detail dd .tooltip p { padding-top: 0; }
.room.regist .regInfo .stay { position: relative; padding-bottom: 15px; }
.room.regist .regInfo .stay .btn { position: absolute; right: 0; top: 50%; margin-top: -15px; line-height: 31px; }
.room.regist dl.regist > dd p { padding-top: 0; }
.room.regist dl.regist > dd > input[type="text"] { margin-top: 10px; }


/* 예약완료 */
.registDone {padding: 5px 20px 32px !important;}
.registDone .regInfo { padding-top: 22px; border-top: 1px solid #e8e8e8; }
.registDone > h3 {margin:20px 0 17px 0; padding-bottom:20px; font-size:17px; text-align:center; border-bottom:1px solid #ddd;} 
.registDone > h3 span {font-family:"Noto Regular";}
.registDone .regInfo {padding-bottom:19px;}
.registDone .regInfo h3 { margin-top: 6px; }
.registDone .regInfo h3 + dl.stay { border-bottom: none; padding-bottom: 0; }
.registDone .regInfo dl.pay dd strong {font-family:"Noto Medium"; color:#333;}
.registDone figure {margin-bottom:12px;}
.registDone .info01 .ico02.em01 { font-size: 13px; font-family:"Noto bold"; color: #474e61; }
.registDone .info01 dd { padding: 9px 0 0 18px; }

/* 객실
------------------------------------------------------------------------------- */
.baseArea > figure {line-height:0;}
.baseArea h4 {padding-bottom:10px; border-bottom:1px solid #e8e8e8;}
.baseInfo {padding:25px 20px 19px; background:#f7f7f7;}
.baseInfo h3 {font-size:19px; padding-bottom:8px; }
.baseInfo > h5 {margin:1px 0 6px 0; font-size:14px; line-height:1;}
.baseInfo dl.info01.st01 {margin-bottom:3px;}
.baseInfo p {line-height:20px; word-break:keep-all;}
.baseInfo p + dl.info01 {margin-top:8px;}
.baseInfo.st01 {position:relative; padding-bottom:17px;}
.baseInfo.st01 h3, .baseInfo.st02 h3 {padding-bottom:0; border-bottom:0;}
.baseInfo.st02 {position:relative; padding-bottom:34px;}
.baseInfo.st02 .btn.fold {margin-top:0px;}
.baseInfo.st02 div.detail {margin-top:37px;}

.system {clear:both; height:auto; margin-top:-10px; margin-bottom:20px; overflow:hidden;}
.system li {float:left; width:50%; padding-right:10px;}

dl.detail.service .note { font-size: 13px; }
dl.detail.service dl.info01.em02 { margin-bottom: 12px; }
dl.detail.service dl.info01.em02 > dt { color: #333; font-family:"Noto Bold";}
dl.detail.service hr { margin: 24px -15px 0; }
.room .info .baseArea .baseInfo { padding: 25px 17px 19px; }
.room .info .fixBtn .btn.call:before { display: none; }

.fixBtn {position:fixed; left:0; bottom:0; width:100%; display:table; z-index:100;}
.fixBtn.off {position:static; left:auto; bottom:auto;}
.fixBtn .btn {width:100%; height:50px; display:table-cell; }
.fixBtn a.btn {line-height:48px;}
.fixBtn.inquiry .btn.call {width:34%;}
.fixBtn .btn.list, .fixBtn .btn.back {width:33.6%;}
.fixBtn .btn.list + .btn, .fixBtn .btn.back + .btn {width:66.4%;}

/* 편의
------------------------------------------------------------------------------- */

.facility .photoSlide { margin-top: 40px; }
.facility .photoSlide:first-child { margin-top: 0; }
.facility .baseInfo h3 { font-size: 17px; }
.facility .baseInfo > dl.info01 {margin-top:13px; padding-top:13px; margin-bottom: 4px; border-top:1px solid #e8e8e8;}
.facility .baseInfo dl.info01.st02 > dt:before { background: #999; }
.facility .baseInfo dl.info01.st02 dt.clear:after { display: none; }
.facility .baseInfo dl.info01.st02 dd.clear { clear: both; float: none; }

/* 이용안내
------------------------------------------------------------------------------------ */

.experience #contents > h3 { margin-bottom: 11px; }
.experience #contents > .tc { padding: 0 20px; }
ul.howToUse { margin: 21px 20px 50px;}
ul.howToUse li { position:relative; border-top:1px solid #e8e8e8; }
ul.howToUse li:first-child { border-top: none; }
ul.howToUse li:first-child:after { display: none; }
ul.howToUse li:first-child:before { position: static; width: calc(100% + 40px); height: 1px; margin: 0 -20px; border: none; background: #e8e8e8; }
ul.howToUse li:before, 
ul.howToUse 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:before {border-top-color:#e8e8e8;}
ul.howToUse li:after {margin-left:-3px; border-width:7px; border-top-color:#fff;}
ul.howToUse li dl { margin: 19px 0; padding-left: 75px; }
ul.howToUse li dl:before { position: absolute; left: 0; top: 50%; margin-top: -27px;  width:55px; height:55px; border-radius: 50%; background-color: rgba(118,131,150,0.5); background-position:50% 50%; background-repeat:no-repeat; display:block; content:"";}
ul.howToUse li dl.checkIn:before {background-image:url(/capsulehotel/m/en/images/ico/ico_checkIn.png); background-size: 17px auto; }
ul.howToUse li dl.storage:before {background-image:url(/capsulehotel/m/en/images/ico/ico_storage.png); background-size: 26px auto; }
ul.howToUse li dl.shower:before {background-image:url(/capsulehotel/m/en/images/ico/ico_shower.png); background-size: 26px auto; }
ul.howToUse li dl.sleep:before {background-image:url(/capsulehotel/m/en/images/ico/ico_sleep.png); background-size: 26px auto; }
ul.howToUse li dl.checkOut:before {background-image:url(/capsulehotel/m/en/images/ico/ico_checkOut.png); background-size: 27px auto; }
ul.howToUse li dl.speaker:before {background-image:url(/capsulehotel/m/en/images/ico/ico_speaker.png); background-size: 26px auto; }
ul.howToUse li dl:after {clear:both; display:block; content:"";}
ul.howToUse li dl dt { margin-bottom:10px; font-family:"Noto Bold"; font-size:14px; color:#333; display:table;}
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:5px; color:#333; vertical-align:middle; display:table-cell;}

/* 소개
------------------------------------------------------------------------------- */

.about #lnb menu {width:100%;}
.about #lnb menu li {width:33.33%; margin:0;}
.about #lnb menu li a {text-align:center;}
.about .tabMenu > li a { font-size: 11px; }

/* 기업소개  */
.about .introduce .thumb03 { margin: 15px 0 0 0; padding-top: 30px; border-top: 1px solid #e8e8e8; }
.about .introduce .detail { padding: 27px 0 10px 0; }
figure.intro {position:relative;}
figure.intro span {line-height:0; display:block; z-index:0;}
figure.intro figcaption {position:absolute; top:0; left:0; width:100%; height:100%; display:block;}
figure.intro figcaption div {width:100%; height:100%; display:table;}
figure.intro figcaption section {color:#fff; line-height:20px; text-align:center; vertical-align:middle; display:table-cell;}
figure.intro figcaption h4 {color:#fff;}
figure.intro figcaption h4:first-child {margin-top:0;}
figure.intro figcaption h4.line:after {width:20px; height:1px; margin:15px auto 0 auto; background:#fff; display:block; content:"";}
figure.intro figcaption p { padding: 0 20px; }

/* 고객문의 */
p.checkArea label:before, 
p.checkArea label:after {top:1px; margin-top:0;}
.about #contents.contactus > h3 { margin-top: 0; margin-bottom: 12px; padding: 0 20px; }
.about #contents.contactus > .tc { padding: 0 20px; } 
.about .contactus fieldset { padding: 20px 20px 50px; margin-top: 25px; border-top: 1px solid #e8e8e8; }
.about .contactus fieldset h4 { font-size: 14px; }
.about .contactus p.detail { padding-bottom: 11px; }
.about .contactus p.note.em01 { padding: 12px 0 8px 12px; border-bottom: 1px solid #e8e8e8; }
.about .contactus .checkArea { margin-top: 14px; }
.about .contactus .checkArea .point01 { margin-top: -5px; }
.about .contactus .baseInfo { margin: 18px 0 40px; }
.about .contactform .regist { padding: 0 20px;}
.about .contactform .btnC {margin:30px 20px; padding-top:30px; border-top:1px solid #e8e8e8;}
.about .contactform .btnC.half { font-size: 0; }
.about .contactform .btnC.half li {display: inline-block; width:48.4375%; margin-left: 3.125%; }
.about .contactform .btnC.half li:first-child {margin-left: 0; }
.about .contactform .btnC.half li .btn {width:100%; margin:0;}
.about .contactform  .baseInfo { margin: 0 20px 50px; }

/* 공지사항 */
.noticelst {margin-bottom:15px; border-top:1px solid #747474;}
.noticelst li {position:relative;}
.noticelst li:before {position:absolute; top:50%; right:15px; width:7px; height:12px; margin-top:-6px; background:url(/grandwalkerhillseoul/m/kr/images/ico/ico_angle06.png) no-repeat; background-size:auto 12px; display:block; content:"";}
.noticelst li a {margin:0 20px; padding:18px 0; border-bottom:1px solid #e8e8e8; display:block;}
.noticelst li a h5 {font-size: 13px; margin-bottom: 3px;}
.noticelst li.notice a {margin:0; padding: 20px 20px 16px; background:#f7f7f7;}
.noticelst li.notice a h5 strong {color:#996b56;}
.noticeView {margin:30px 0; border-top:1px solid #747474; border-bottom:1px solid #e8e8e8;}
.noticeView dt {padding:20px 10px 16px; border-bottom:1px solid #e8e8e8;}
.noticeView dt h5 {font-size: 13px; margin-bottom: 3px;}
.noticeView dd {padding:35px 10px;}
.noticeView + .btn.st03 { display: block; height: 50px; line-height: 48px; margin-bottom: 20px; }
.about .notice .none { width: calc(100% - 40px); margin: 20px 20px 50px 20px; }

/* 자주묻는 질문*/
.category {margin-top:15px;}
.category dd select, .mCate dd select {width:100%;}
.about .select select, 
.about .select .select2 {width:100% !important;}
.about .faq .select select { width: calc(100% - 40px) !important; }
.about .faq .select { width: calc(100% - 40px); margin: -15px 20px 0; overflow: hidden;  }
.about .faq .tabArea { padding-top: 30px; }
.faqList {margin-bottom:50px; padding:0 20px; border-top:1px solid #e8e8e8;}
.faqList dt {position:relative; padding:26px 19px 25px 35px; color:#333; border-bottom:1px solid #e8e8e8; display:block;}
.faqList dt:before, 
.faqList dd:before {width:25px; height:25px; font-size:12px; color:#fff; text-align:center; line-height:25px; border-color:#ad8978; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; background-color:#ad8978; display:inline-block; content:"Q";}
.faqList dt:before {position:absolute; top:50%; left:0; margin-top:-12px;}
.faqList dt:after {position:absolute; top:50%; right:0; width:12px; height:7px; margin-top:-4px; background:url(/grandwalkerhillseoul/m/kr/images/ico/ico_fold01.png) 0 0 no-repeat; background-size:12px auto; display:block; content:"";}
.faqList dt.on {position:relative; margin-top:-1px; font-family:"Noto Bold"; border-top:1px solid #747474; z-index:5;}
.faqList dt.on:after {background-position:0 100%;}
.faqList dd {position:relative; padding:20px 45px 20px 70px; border-bottom:1px solid #747474; background:#f7f7f7;}
.faqList dd:before {position:absolute; top:20px; left:28px; border-color:#909aa9; background-color:#909aa9; content:"A"}

/* 오시는 길 */
.about .map .contArea figure { margin: 0 0 10px 0; }
.about .map .mapSlide figure { border: none; }
.about .map dl.detail dd { padding-bottom: 50px; }
.about .mapSlide h5:first-child {margin-top:14px;}
.about .mapSlide .tipArea {float:right;}
.about .mapSlide .tooltip {min-width:250px;}
.about .mapSlide .btnC {margin:15px 0 20px 0;}
.about .mapSlide .btnC .btn {width:100%; height:45px; padding:0;}
.about .mapSlide .btnC a.btn {line-height:43px;}

/* 마이페이지
------------------------------------------------------------------------------- */

.mypage #contents > h3 { margin-bottom: 25px; }
.mypage .reserveintro .btn.st02 { margin: 15px 0 16px; }
.mypage .reserveintro .ico02.info { padding-bottom: 10px; }
.mypage .reserveintro .baseInfo .tc strong { font-family:"Noto Bold"; }
.mypage .reserve .btnC {margin:30px 20px 50px; }
.mypage .reserve .btnC.half { font-size: 0; }
.mypage .reserve .btnC.half li {display: inline-block; width:48.4375%; margin-left: 3.125%; }
.mypage .reserve .btnC.half li:first-child {margin-left: 0; }
.mypage .reserve .btnC.half li .btn {width:100%; margin:0;}
.mypage .reserve dl.detail > dd table.info td > .btn.st04 { font-size: 12px; font-family:"Noto Regular";  height:30px; margin:-5px 0 -5px 5px; padding:0 5px;}
.mypage dl.detail dd .tooltip p { padding-top: 0; }

/* 개인정보처리방침/이용약관
------------------------------------------------------------------------------- */

.popRule h2 {padding-bottom:20px; border-bottom:1px solid #e8e8e8;}
.popRule h3 {margin:18px 0 6px 0; font-size:14px; line-height:17px;}
.popRule h3:first-child {margin:0;}
.popRule h4, .popRule h5, .popRule h6 {margin:0; font-family:"Noto Medium"; font-size:12px; line-height:17px;}
.popRule h4, .popRule h5 {margin-top:10px;}
.popRule table {margin:8px 0;}
.popRule table.info h5 {color:#996b56;}
.popRule table.info td {color:#666;}
.popRule select {width:100%;}
.popRule .select2 {width:100% !important; margin:10px 0 12px 0;}
.popRule menu {margin-top:17px; padding:11px 15px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background:#f7f7f7;}
.popRule menu li {margin-top:4px;}
.popRule menu li:first-child {margin-top:0;}
.popRule menu li a {color:#333 !important;}
.popRule a + a {margin-left:10px;}
.popRule .addition {margin-top:15px; font-size:12px; color:#333;}

/* 오류알림
------------------------------------------------------------------------------- */

.error header {padding:35px 0 20px 0; text-align:center;}
.error header h1 img {width:149px; height:29px;}
.error #container {padding:0 15px 35px 15px;}
.error dl.info03 dd strong {font-family:"noto Bold";}
.error .note {margin-left:19px;}
.error .btnC .btn {width:100%; height:45px; line-height:43px;}