@charset "utf-8";

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

@import url("/assets/global/css/jquery.bxslider.css");
@import url("/assets/global/css/select2.css");
@import url("/assets/darakhyu/global/m/css/base.css");
@import url("/assets/darakhyu/global/m/css/layout.css");
@import url("/assets/darakhyu/global/m/css/style.css?v=20241220");


/* 하단
------------------------------------------------------------------------------- */
#foot dl.addr dt:nth-of-type(2) {clear:none;}
#foot dl.addr dd:nth-of-type(1) {float:left; margin-right:10px;}
#foot dl.addr dt:nth-of-type(4) {clear:both;}
#foot dl.addr dd:nth-of-type(3) {float:inherit; margin-right:0;}


/* 메인
------------------------------------------------------------------------------- */
.main section {position: relative;}
.main section h2 {margin-bottom:20px; text-align:center; color: #333; line-height: 26px; font-size: 23px; font-weight:700;}
.main .visual span img {vertical-align:top;}
.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 .video {width:100%; height:195px; background:url("/assets/darakhyu/yeosu/m/kr/images/bg/bg_video.png") 50% 50% no-repeat; background-size:cover; display:table;}
.main .video > * {padding:0 20px; vertical-align:middle; display:table-cell;}
.main .video h2 {margin-bottom:9px; font-size:26px; line-height:32px; text-align:left;}
.main .video h2 span {margin-left:72px; display:block;}
.main .service {background: #695c56 url(/assets/darakhyu/global/m/images/bg/bg_pattern01.gif) no-repeat 0 0; background-size: cover;}
.main .service ul li a {position:relative; height:165px; padding: 20px; display:block;}
.main .service ul li h3 {margin-bottom:6px; font-weight:700; font-size:18px; color:#52453e; line-height:21px; text-align:left;}
.main .service ul li h4 {margin:0; font-weight:500; 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:not(:first-of-type) {margin-top:10px;}
.main .service ul li .btn {position:absolute; left:20px; bottom:22px;}
.main .service ul li:nth-child(1) a {background:url(/assets/darakhyu/global/m/images/bg/bg_mainLounge.jpg) no-repeat 0 0; background-size:cover;}
.main .service ul li:nth-child(2) a {background:url(/assets/darakhyu/global/m/images/bg/bg_mainFacility.jpg) no-repeat 0 0; background-size:cover;}
.main .service ul li:nth-child(3) a {height:175px; background: url(/assets/darakhyu/global/m/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 .btnC {margin-bottom:25px;}
.map .btn.more {font-weight:700;}


/* 중요팝업
------------------------------------------------------------------------------- */
.main .importantNotice {position:absolute; width:100%; border-top:10px solid #7a5645; background:#fff; z-index:300;}
.main .importantNotice > div.cont {padding:30px 15px 20px 15px; font-weight:500; word-break:keep-all;}
.main .importantNotice > div.cont h2 {margin-bottom:15px; font-weight:500; 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-weight:500; background-color:transparent;}
.main .importantNotice > div.btnArea > span button.close:before {width:16px; height:16px; margin-right:9px; border:1px solid #ddd; background:url(/assets/darakhyu/global/m/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;}
.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:70px; text-align:left;}
.roomSearch dl dd.period input:nth-of-type(2) {text-align:right;}
.roomSearch dl dd input, 
.roomSearch dl dd strong {font-weight:700; 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.info01 > dd ul.note {margin-top:12px; padding-top:12px; border-top:1px solid #e8e8e8;}
.roomResult dl.pay01 {margin-top:15px;}
.roomResult .btn.st06 {width:100%; height:35px;}
.agreeTxt {margin-top:10px; padding-top:10px; font-size:12px; word-break:break-all; border-top:1px solid #e8e8e8;}

/* 객실옵션선택-상세   */
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-weight:700; 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(/assets/grandwalkerhillseoul/global/m/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-weight:700;}
.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 .note.box.st01 {margin:15px 20px -15px 20px;}
.reserve .search .baseInfo {margin-bottom:10px;}
.reserve .search p strong {font-weight:700; 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:15px;}
.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, .reserve .search .btnC .btn.em05.dawn:before {top:22px; width:28px; height:27px; background-image:url('/assets/darakhyu/global/m/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('/assets/darakhyu/global/m/images/ico/ico_overnight.png'); background-size:28px auto;}
.reserve .search .btnC .btn.em05.dawn:before {background-image:url('/assets/darakhyu/global/m/images/ico/ico_dawn.png');}
.reserve .search .btnC .btn.em05:after {top:25px; right:20px; width:9px; height:15px; background-size:9px auto;}
.reserve .search .btnC .btn.st02:after {background-image: url('/assets/darakhyu/global/m/images/ico/ico_angle03.png');}
.reserve .search .btnC .btn.st03:after {background-image: url('/assets/darakhyu/global/m/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('/assets/darakhyu/global/m/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;}
/* 예약확인 - sk렌터카 */
.finish .registDone dl.info01 {margin-bottom:20px;}
.finish .registDone dl.info04 {padding:10px 0 0 0; border-top:1px solid #dddddd;}
.finish .registDone dl.info04 dd {padding-left:20px;}
.finish .registDone dl.info04 dd p.note {color:#666;}
.finish .registDone dl.info04 dd p.note:before {width:2px; height:2px; margin:0 4px 0 0; background:#999; vertical-align:3px; display:inline-block; content:"";}
.finish .registDone dl.info04 dd:last-of-type {margin-top:15px;}
.finish .registDone dl.info04 dt {margin-bottom:12px; font-weight:700;}
.finish .registDone dt.sk:after {width:48px; height:22px; margin-left:5px; background:url(/assets/darakhyu/global/images/ico/ico_skRent.png) no-repeat; content:""; display:inline-block;}
/* 예약완료 */
.registDone {padding:5px 20px 32px 20px !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-weight:400;}
.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-weight:500; color:#333;}
.registDone figure {margin-bottom:12px;}
.registDone .info01 .ico02.em01 {font-size:13px; font-weight:700; color: #474e61;}
.registDone .info01 dt {float:inherit;}
.registDone .info01 dd {padding:9px 0 0 18px;}
/* 예약완료 - sk렌터카 */
dl.info04 {padding:10px 20px 40px 20px;}
dl.info04 dd {padding-left:20px;}
dl.info04 dd p.note {color:#666;}
dl.info04 dd p.note:before {width:2px; height:2px; margin:0 4px 0 0; background:#999; vertical-align:3px; display:inline-block; content:"";}
dl.info04 dd:last-of-type {margin-top:15px;}
dl.info04 dt {margin-bottom:12px; font-weight:700;}
dt.sk:after {width:48px; height:22px; margin-left:5px; background:url(/assets/darakhyu/global/images/ico/ico_skRent.png) no-repeat; content:""; display:inline-block;}


/* 객실
------------------------------------------------------------------------------- */
.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:8px; padding-bottom:20px; border-bottom:1px solid #e8e8e8; overflow:hidden;}
.system li {float:left; width:50%; padding-right:10px;}
.system + dl.info01 > dt, .system + dl.info01 > dd {padding-top:2px;}

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-weight:700;}
dl.detail.service hr {margin:24px -15px 0 -15px;}
.room .info .baseArea .baseInfo {padding:25px 17px 19px 17px;}
.room .info .fixBtn .btn {font-size:18px;}
.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;}


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



/* 소개
------------------------------------------------------------------------------- */
.about #lnb menu {width:100%;}
.about #lnb menu li {width:33.33%; margin:0;}
.about #lnb menu li a {text-align:center;}

/* 기업소개  */
.about .introduce h3 {padding-top:30px; font-weight:400; font-size:16px; line-height:26px;}
.about .introduce h3:before {width:45px; height:2px; margin-bottom:15px; background:#996b56; display:block; content:"";}
.about .introduce h3 em {font-weight:700; display:block;}
.about .introduce .info01 {margin-bottom:28px;}
.about .introduce .contArea img {width:100%; vertical-align:top;}
.about .introduce ul:after {clear:both; display:block; content:"";}
.about .introduce ul > li {float:left; width:calc(50% - 1px); margin-bottom:2px;}
.about .introduce ul > li:nth-child(odd) {margin-right:2px;}

/* 고객문의 */
p.checkArea label:before, 
p.checkArea label:after {top:1px; margin-top:0;}
.about #contents.contactus > h3 {margin-top:0; margin-bottom:12px;} 
.about .contactus fieldset {padding:20px 20px 50px 20px; 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 {display:block; 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 20px;}

/* 공지사항 */
.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(/assets/grandwalkerhillseoul/global/m/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 20px; 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%;}
.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(/assets/grandwalkerhillseoul/global/m/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-weight:700; 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-top:40px; 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-weight:700;}
.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-weight:400;  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-weight:500; 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;}
/*.popRule dl.info01.st01.st04 dd {float:inherit; padding-left:65px;}*/


/* 오류알림
------------------------------------------------------------------------------- */
.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;}


/* offers
------------------------------------------------------------------------------- */
.offer #contents > h2 {background-image:url(/assets/darakhyu/yeosu/m/kr/images/bg/visual_offers.jpg);}
/* 상세 */
.offer .contArea.view {padding-bottom:35px !important;}
.offer .view .detail > figure, .offer .view .detail > figure + p, .offer .view .detail .info h3, .offer .view .detail .info h4 {display:none;}
.offer .view .detail .info {padding:0 20px 17px 20px; background:#f7f7f7;}
.offer .view .detail .info p:nth-of-type(1) {padding-top:17px; border-top:1px solid #e8e8e8;}
.offer .view .detail .cont > section {padding:17px 20px 20px 20px; border-top:1px solid #e8e8e8;}
.offer .view .detail .cont > section:first-child {border-top:0 none;}
.offer .view .detail .cont dl.info01 > dd {float:none; height:auto; overflow:hidden;}
.offer .view .detail .cont section:not(.noteArea) ul.note {margin-top:14px; margin-left:0; padding:15px 16px 17px 20px; background:#f7f7f7;}
.offer .view .detail .cont dl + p {margin:5px 0 10px 0;}
.offer .view .detail .cont p.note.st04:before {margin:0px 3px 0 -9px;}
.offer .view .detail .cont p + dl, .offer .view .detail .cont ul.note + .note {margin-top:10px;}
.offer .view .detail .cont ol.menu {clear:both; height:auto; overflow:hidden;}
.offer .view .detail .cont ol.menu li {position:relative; float:left; width:50%; margin-top:16px; text-align:center;}
.offer .view .detail .cont ol.menu li:nth-of-type(odd) {padding-right:10px;}
.offer .view .detail .cont ol.menu li:nth-of-type(even) {padding-left:10px;}
.offer .view .detail .cont ol.menu figure img {border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.offer .view .detail .cont ol.menu figcaption {margin-top:8px; font-weight:500; color:#333; display:block;}
.offer .view .detail .cont ol.menu mark {position:absolute; top:0; width:40px; height:40px; font-size:12px; color:#fff; line-height:40px; text-align:center; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:#996b56; display:block;}
.offer .view .detail .cont ol.menu li:nth-of-type(odd) mark {left:-5px;}
.offer .view .detail .cont ol.menu li:nth-of-type(even) mark {left:5px;}
.offer .view .detail .cont table {margin:15px 0;}
.offer .view .detail .cont table.data tbody th {background:#f7f7f7;}
.offer .view .detail .cont img {width:auto !important; height:auto !important; max-width:100% !important;}
.offer .view .detail .cont .scroll {height:auto; overflow:auto;}
.offer .view .detail .cont .scroll table {table-layout:fixed;}
.offer .view .detail .cont > figure span {line-height:0; display:block;}
.offer .view .detail .cont > figure span img {width:100%;}
.offer .view .detail .cont > .noteArea {margin-bottom:40px; padding:15px 16px 17px 20px; border:0 none; background:#f7f7f7;}
.offer .view .detail .cont > .noteArea h4 {margin-bottom:10px; font-size:14px; color:#666;}
.offer .view .detail .cont > .noteArea h4:not(:first-child) {margin-top:20px;}
.offer .view .detail .cont section h4 {line-height:24px;}
.offer .view .detail .cont section figure + figure, .offer .view .detail .cont section div + div {margin-top:5px;}
.offer .view .detail .cont section figure + p, .offer .view .detail .cont section div + p {margin-top:10px;}
.offer .view .detail .cont section div + div h4 {margin-top:15px;}
.offer .view .detail .cont .btn.em05 {width:100% !important;}
.offer .view .detail .cont .btn.st02.em05 {margin:0;}
.offer .view .detail section.partner {padding:10px 20px; border-top:1px solid #e8e8e8;}
.offer .view .detail section.partner dd img {margin-left:6px; max-height:30px;}
.offer .view .detail section.partner dd img:first-child {margin-left:0;}
.offer .view .detail .noteArea > p.note + a {margin-top:10px; display:inline-block;}
.offer .view .detail dl.info02 dt {width:auto;}
/* .offer .view .detail dl.sponsor dt {width:90px;} */
.offer .view div[class*=btn] .btn {height:45px;}
.offer .view div[class*=btn] a.btn {line-height:43px;}
.offer .view .btnC .btn.list {width:100%;}
.offer .view .btnL .btn {width:calc(50% - 3px);}
.offer .view .btnL .btn:last-child {float:right;}