@charset "utf-8";

/* --------------------------------------------
 *  RESET
/* ------------------------------------------ */
html{ height:100%; }
html,body{ -webkit-text-size-adjust:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;font-family:'Helvetica Neue', 'Droid Sans', Arial, verdana, sans-serif; }
body { font-size:14px;line-height:1.357;background:#f5f5f5; }
html,body,div,span,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,
sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,h1,h2,h3,h4,h5,h6,
header,footer,section,article,aside,nav,hgroup,details,figure,figcaption,input,button,select,textarea { margin:0;padding:0;list-style:none;box-sizing:border-box; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
header,footer,section,article,aside,nav,hgroup,details,figure,figcaption { display:block;color:inherit; }
a,a:hover,a:active,a:focus { text-decoration:none;color:inherit; }
address,em,dfn, i { font-style:normal; }
strong      { font-weight:bold;}
hr        { display:none; }
img       { border:0;vertical-align:middle; }
li { word-break:break-all; }
table { width:100%;border-spacing:0;table-layout:fixed;border-collapse:collapse;empty-cells:show; }
tbody, tfoot, thead, tr, th, td { word-break:break-all; }
caption { visibility:hidden;width:0;height:0;font-size:0;line-height:0;position:static;left:0;top:-999999px; }
fieldset { border:none; }
legend { visibility:hidden;width:0;height:0;font-size:0;line-height:0;position:absolute;left:0;top:-999999px; }
label { cursor:pointer; }
textarea{ font-family:'Helvetica Neue', 'Droid Sans', Arial, verdana, sans-serif;border-radius:none;-webkit-appearance:none;appearance:none; }
input,button,select { vertical-align:middle;border:0;font-family:'Helvetica Neue', 'Droid Sans', Arial, verdana, sans-serif; }
button { cursor:pointer; background:transparent; border:none; }
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="date"], input[type="datetime"], input[type="search"]{ border-radius:0;-webkit-appearance:none;appearance:none; }
::-webkit-input-placeholder { font-size:17px;color:#888; }
select { border:1px;-webkit-appearance:none;appearance:none;border-radius:0; }
select[disabled="disabled"] { background-color:#f4f4f4; color:#888; }
textarea { resize:none;width:100%;display:block;border-radius:0; }
*:focus { outline:none;}

/* --------------------------------------------
 *  BASE
/* ------------------------------------------ */
.noscroll{ position:fixed !important;left:0;right:0;height:100% !important;overflow:hidden !important; }
.ir { display:block; position:absolute; left:-9999px; text-indent:9999px; width:0; height:0; border:0; overflow:hidden; font-size:1px; line-height:0; white-space:nowrap; }

/* --------------------------------------------
 *  ICONS
/* ------------------------------------------ */
.set-icons:before{ content:''; background-image:url('/static/en/img/common/set_icons.png'); background-repeat:no-repeat; display:inline-block; vertical-align:middle;background-size:250px 150px; }
.set-icons2:after{ content:''; background-image:url('/static/en/img/common/set_icons.png'); background-repeat:no-repeat; display:inline-block; vertical-align:middle;background-size:250px 150px; }

/* --------------------------------------------
 *  LAYOUT - HEADER
/* ------------------------------------------ */
#header{ background:#232b34;color:#fff; }
.h-global{ position:relative;height:48px;text-align:center; }
.h-logo{ width:121px;height:100%;margin:0 auto; }
.h-logo a{ display:block;width:100%;height:100%;background:url('/static/en/img/common/logo.png') center center/auto 47px no-repeat; }

/* 예약하기 레이어 열기 */
.btn-ambook-open{ position:absolute;top:0;right:0;height:48px;padding:13px 31px 0 0;font-size:14px; }
.btn-ambook-open .ico{ z-index:1;position:absolute;right:0;top:50%;display:block;width:40px;height:40px;margin:-20px 0 0;font-size:0;line-height:0;text-indent:-9999px;outline:none;-webkit-tap-highlight-color:transparent;-webkit-transform:rotate(90deg);transform:rotate(90deg); }
.btn-ambook-open .ico:before{ position:absolute;right:50%;top:18px;content:'';display:block;width:2px;height:9px;margin:0 0 0 -1px;background:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0; }
.btn-ambook-open .ico:after{ position:absolute;left:50%;top:18px;content:'';display:block;width:2px;height:9px;margin:0 0 0 -1px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 0;transform-origin:100% 0;  }

/* 윙메뉴 열기 */
.btn-wing-open{ position:absolute;top:50%;left:0;width:52px;height:48px;margin:-24px 0 0; }
.btn-wing-open .ico{ position:relative;display:block;width:20px;height:2px;margin:0 auto 0;background:#fff; }
.btn-wing-open .ico:before{content:'';display:block;width:20px;height:2px;background:#fff;-webkit-transform:translateY(-6px);transform:translateY(-6px); }
.btn-wing-open .ico:after{content:'';display:block;width:20px;height:2px;background:#fff;-webkit-transform:translateY(4px);transform:translateY(4px); }

#header .h-sub{ overflow:hidden;position:relative;min-height:44px;padding:0 40px;border-top:1px solid #eeeeee;background:#fff;border-bottom:1px solid #eeeeee;background:#fff; }
#header .h-sub h1{ padding:11px 0 8px;font-size:18px;line-height:1.1;text-align:center;color:#111111; }
.btn-page-prev{ position:absolute;left:6px;top:0;width:40px;height:44px;text-align:center; }
.btn-page-prev.set-icons:before{ width:20px;height:13px;margin:15px 0 0;background-position:0 0;background-image:url('/static/en/img/common/set_historyback_3x.png');background-size:30px auto; }
#stepsBooking .btn-page-prev.set-icons:before{ background-position:0 -15px;background-image:url('/static/en/img/common/set_historyback_3x.png');background-size:30px auto; }

.links-guarantee{ color:#888; }
.ui-btn-guarantee{ font-size:14px; }
.ui-btn-guarantee.set-icons2:after{ width:13px;height:13px;margin:-3px 0 0 6px;background-position:0 0; }

/* --------------------------------------------
 *  LAYOUT - SIDEMENU
/* ------------------------------------------ */
#sideMenu{ z-index:200;position:fixed;left:0;right:0;top:0;bottom:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);-webkit-transition:all 500ms ease-in-out 0s;transition:all 500ms ease-in-out 0s; }
.sideWrap{ z-index:10;overflow:hidden;overflow-y:auto;position:relative;width:300px;height:100%;background:#fff;-webkit-overflow-scrolling:touch; }
.sideWrap .inner{ overflow:hidden;position:relative;min-height:100%;padding:0 0 0; }
.is-wing-open #sideMenu{ -webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0); }

#sideMenu .mask{ position:absolute;top:0;bottom:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.8);-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);-webkit-transition:all 500ms ease-in-out 0s;transition:all 500ms ease-in-out 0s; }
.is-wing-open #sideMenu .mask{ -webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0); }

.info-login{ padding:0 16px 20px;background:#c19b76;color:#fff; }
.info-login .menu{ position:relative;display:-webkit-flex;display:flex;min-height:36px;border:1px solid #fff;letter-spacing:-1px;-webkit-align-items:center;align-items:center; }
.info-login .menu a { -webkit-flex:1;flex:1;padding:6px 0 7px;font-size:16px;line-height:1.1;color:#fff;text-align:center; }
.info-login .menu:after{ content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:#fff; }
.info-login .welcome{ padding:22px 70px 17px 0;font-size:18px; }
.info-login .welcome a{ text-decoration:underline;color:inherit; }
.info-login .welcome a + a:after { content: ''; position: absolute; left: -4px; top: 50%; margin-top: -11px; display: inline-block; width: 1px; height: 22.5px; background-color: rgba(255, 255, 255, 0.1); }/*수정 171129 */
.info-login .level{ text-decoration:underline; }
.info-login .ico-home { width: 40px; height: 40px; text-align: center; position: absolute; left: 16px; top: 15px; }/*수정 171129 */
.info-login .ico-home:before { content: ''; vertical-align: middle; margin-top: 8px; display: inline-block; width: 22.5px; height: 22.5px; background: 0 0 no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEM5RjQwQUZENERFMTFFN0FDMzY4Q0JDNTBDNDhBNEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEM5RjQwQjBENERFMTFFN0FDMzY4Q0JDNTBDNDhBNEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4QzlGNDBBREQ0REUxMUU3QUMzNjhDQkM1MEM0OEE0QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QzlGNDBBRUQ0REUxMUU3QUMzNjhDQkM1MEM0OEE0QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpYkqtwAAAFOSURBVHja7NhRisIwEAbgNBGPIOxLQ4+y3sST+bg9hbsnsSgsC3uGXeIUooQ6SZHMJHmYgR/RVvsRdDK2c84phuohR8gBcqX+cM0E/oLs/WPfOtp66OCfDxxwTbzCnwFYccE18VdiiBwnhWtG8HcEbrOvOHePjPSQs3uuD8gWMiLH5vNtznW5wMafYzjgnGDFBecGs8BLgMnhpcCk8JJgMnhpMAm8BjgbXgucBe8i83RqlthA/gkHLQP5Q16fIO+Qy/IAhl4bfjqGGTz2TwSF6xfBpWvw466NoW1j4ChcB2BsgB8rQcck3P9KU11iWYohyzL++mhXmd9wWmlrNdAqAT/dV3pK9OFaaAw+3Vc6hGMbR010CH9sOGGffoP8IhuHq9CnO2QD2kF+YpuLahDNfoeJvQQtaEELWtCCFrSgBb1SG8J7FLLSgm6hbgIMAIhSQK7i9l/8AAAAAElFTkSuQmCC'); background-size: contain; }/*수정 171129 */

.c-links-mypage{ position:absolute;left:62px;top:15px;width:40px;height:40px;text-align:center; }/*수정 171129 */
.c-links-mypage.set-icons:before{ width:24.5px;height:26.5px;margin:8px 0 0;background-position:0 -15px; } /*수정 171129 */

.btn-wing-close{ position:absolute;right:6px;top:14px;width:40px;height:40px;-webkit-tap-highlight-color:transparent;outline:none;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
.btn-wing-close:before{ position:absolute;left:5px;top:19px;content:'';display:block;width:28px;height:2px;margin:0 0 0 0;background:#fff; }
.btn-wing-close:after{ position:absolute;left:18px;top:6px;content:'';display:block;width:2px;height:28px;margin:0 0 0 0;background:#fff; }
.is-wing-open .btn-wing-close{ -webkit-transform:rotate(675deg);transform:rotate(675deg); }

#gnb{ padding:0 0 97px; box-sizing: border-box; }
#gnb>ul>li{ position:relative;padding:0 0 0 0; }
#gnb>ul>li>a.depth1{ display:block;padding:13px 0 12px 0;margin:0 0 0 16px;border-bottom:1px solid #f2f2f2;font-size:21px;line-height:1.2; }
#gnb>ul>li>ul{ display:none;padding:10px 0 12px;border-bottom:1px solid #e9e6e2; }
#gnb>ul>li>ul>li>a{ display:block;padding:4px 16px 4px;font-size:17px;color:#666; }
#gnb .has-sub .depth1 .ico{ position:absolute;right:21px;top:18px;display:block;width:14px;height:14px; }
#gnb .has-sub .depth1 .ico:before{ position:absolute;left:0;top:50%;content:'';display:block;width:100%;height:2px;margin:-1px 0 0;background:#333333;-webkit-transition:all .45s ease-in-out;transition:all .45s ease-in-out; }
#gnb .has-sub .depth1 .ico:after{ position:absolute;left:50%;top:0;content:'';display:block;width:2px;height:100%;margin:0 0 0 -1px;background:#333333;-webkit-transition:all .45s ease-in-out;transition:all .45s ease-in-out; }
#gnb .has-sub.open .depth1{ padding-left:16px;margin-left:0;border-bottom:1px solid #e9e6e2; }
#gnb .has-sub.open .depth1 .ico:before{ background:#c19b76;-webkit-transform:rotate(720deg);transform:rotate(720deg); }
#gnb .has-sub.open .depth1 .ico:after{ background:#c19b76;-webkit-transform:rotate(270deg);transform:rotate(270deg); }
#gnb .has-sub.open ul{ background:#f9f5f1; }

.menu-hotels .depth1{ color:#111; }
.menu-hotels .depth1 .ico{ z-index:1;position:absolute;right:0;top:50%;display:block;width:40px;height:40px;margin:-20px 0 0;font-size:0;line-height:0;text-indent:-9999px;-webkit-tap-highlight-color:transparent;outline:none;-webkit-transform:rotate(90deg);transform:rotate(90deg); }
.menu-hotels .depth1 .ico:after{ position:absolute;left:50%;top:24px;content:'';display:block;width:2px;height:9px;margin:0 0 0 -1px;background:#333333;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 0;transform-origin:100% 0;  }
.menu-hotels .depth1 .ico:before{ position:absolute;right:50%;top:24px;content:'';display:block;width:2px;height:9px;margin:0 0 0 -1px;background:#333333;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0; }

.menu-other .depth1 .ico{ z-index:1;position:absolute;right:0;top:50%;display:block;width:40px;height:40px;margin:-20px 0 0;font-size:0;line-height:0;text-indent:-9999px;-webkit-tap-highlight-color:transparent;outline:none;-webkit-transform:rotate(90deg);transform:rotate(90deg); }
.menu-other .depth1 .ico:after{ position:absolute;left:50%;top:24px;content:'';display:block;width:2px;height:9px;margin:0 0 0 -1px;background:#333333;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 0;transform-origin:100% 0;  }
.menu-other .depth1 .ico:before{ position:absolute;right:50%;top:24px;content:'';display:block;width:2px;height:9px;margin:0 0 0 -1px;background:#333333;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0; }

.menu-special .depth1 { color: #a87161; }
.menu-special .depth1 .ico { z-index:1;position:absolute;right:0;top:50%;display:block;width:40px;height:40px;margin:-20px 0 0;font-size:0;line-height:0;text-indent:-9999px;-webkit-tap-highlight-color:transparent;outline:none; }
.menu-special .depth1 .ico:before { content: ''; position: absolute; width: 16px; height: 16px; left: 4px; top: 11px; display: inline-block; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDA3Qjk4MkY4ODdBMTFFNzlCMjNCODc1ODY5OUQ5OTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDA3Qjk4MzA4ODdBMTFFNzlCMjNCODc1ODY5OUQ5OTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMDdCOTgyRDg4N0ExMUU3OUIyM0I4NzU4Njk5RDk5MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMDdCOTgyRTg4N0ExMUU3OUIyM0I4NzU4Njk5RDk5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Posw75YAAAQNSURBVHjaxFdJSJVRFP7fy3JGy2gCtaII0zCKlmHUJhdF2aICKSoXDdDgIoIGqEjIRWFUNBENRhM0kFRQi2wVCMqrbFVWSsprMEwqU1+v78h343T77+u3RV34uP8dzrnnnnPuOecPXdqy6o3neZnAECDk+bd+9luBY8B84ArnktgvAe4Aa4Fqa81ucSAGdMuGcV7wlsU+jULrNkLtyQzIL1ME+EKGe4AGx8YjQB7wleNe1Zdz3tCaPa3ABge/WcAuOVsECHPy2tIDpyP2zsuVq6XbTQHsJgJcdRzyHqgDT8+HZxsFCCfRHtJygQgWi9GXAJ0gruVasuOQZPpFD3ALeGmtmQPLaaJ6XjLX+IKfk6wEtvC71nFwKvuhwH5+v7ME0O08+4NApV7wE6ARaAaeJ3Cet8BTmm8q57oT7L8JTCJvzyWAqNGj2u2bf7fG9cA0fn+mE3suGvBcZK31mI+wmgx5/66FtAaMpKfgLC41TrYIxUkP8wJpDuZTxEx8Rb+9f6MlESCdg7wAkg9nPwoocjA1e4YBhX/gly4CrKc3B2n1VrDpA3bQpo84d12ecEB+faF4PJ5wh0OFy4CLQXzHLxD9Yi8ko1ImogZsjuLACT6qq7eemQml4j9nGRElFEcBX3rw7laXGk0eMTHBbc4vZDST21VZDCZaAshhC1Rm85gTLgBrgO0W/QygSY2n86yBV9DJyDYMkokjfaONwyqcjmZst9NpBvARSFF2b/eh7+fNU+hv2cYHZNN4HrCCKjTjEnXgA67ZiFDdsv8u9x7neI4lsElqUn+cMYKFxTa0z3hqIofjqJVYUhVMPTAW6KB5zCExjqM+ETeHdCkmp+hQXEHJTUL5oOzszOcU5gvHs2jbEzSZoX+hwrbxIak/+v/2Gc4GHlrPsJVpVuJAmd8zBK+dPPgS5pcPqAaT6wYZiCJ0uEOc20T11zKqdgEbHReYxz5D2+boIJLIbgrQzIO1g0kh85imPPmnWlAL8JmStybI6ZMZ2z8qBnl0yCauFdMBsymgH30Hfes1NFNkkpFJyRWwyz2HDzxm/je3nQvcsHzgPnCOBWyR9gHwMPQ7MD6NsZjiiV0PxL3/0PQzTFEF5DYpyVQlE7boYkroZ8wJ8jOyGShluSYlnU2/D/wrWZr9NIHnE7cLA+Ryo/4Cfnfy4EU+9ObnZwwRw+WaXUWpZLdXAXO6rgeM40kg+sToWUMfqlI/MwN/VpivEfok5URtdJoIn5pu36xxhirLq601TW/8Kgt8PynHLqDpfqkJy7CQ67jpSGssobWOtIupCbvlq+881oeFrBfySd+bpIrKXQFUnpqgHkjUjBPupcCN0MhMo4H2Qfyed/kI9NbxNxxXr8VoqIW1QovZ9EOAAQDaHET2HHGD0QAAAABJRU5ErkJggg==') 0 0 no-repeat; background-size: contain; }


.siteUtil{ z-index:10;position:absolute;left:0;bottom:0;width:300px;background:#fff; }
.c-links-sns{ display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;height:61px;border-top:1px solid #eeeeee;background:#f5f5f5; }
.c-links-sns li { -webkit-flex-basis:85px;background-position:center center;background-repeat:no-repeat; }
.c-links-sns a{ display:block;width:100%;height:100%; }
.c-links-sns .f{ background-image:url('/static/en/img/common/sns_f.png');background-size:9px auto; }
.c-links-sns .i{ background-image:url('/static/en/img/common/sns_i.png');background-size:23px auto; }
.c-links-sns .p{ background-image:url('/static/en/img/common/sns_p.png');background-size:19px auto; }

/* Lang */
.set-lang{ display:-webkit-flex;display:flex;height:37px;border-top:1px solid #eeeeee; }
.set-lang li { -webkit-flex:1;flex:1;border-left:1px solid #eeeeee;text-align:center; }
.set-lang li:first-child{ border-left:none; }
.set-lang li a { display:block;height:100%;padding:10px 0 0;font-size:12px;color:#888; }
.set-lang li.active a{ font-weight:bold; }

.set-lang a:before{ content:'';background-repeat:no-repeat; display:inline-block; background-image:url('/static/en/img/common/set_flag.png');background-size:20px auto;vertical-align:0; }
.set-lang .ko a:before{ width:11px;height:9px;margin:0 5px 0 0;background-position:0 0; }
.set-lang .en a:before{ width:11px;height:9px;margin:0 5px 0 0;background-position:0 -10px; }
.set-lang .jp a:before{ width:11px;height:9px;margin:0 5px 0 0;background-position:0 -20px; }
.set-lang .ch a:before{ width:11px;height:9px;margin:0 5px 0 0;background-position:0 -30px; }

/* --------------------------------------------
 *  LAYOUT - FOOTER
/* ------------------------------------------ */
#footer,
#footer2 { padding:16px 16px 0;background:#f5f5f5; }
.f-inner{ padding:20px 24px 24px 24px;margin:0 -16px 0;background:#222222; }
.footUtill .utilList{ display:-webkit-flex;display:flex;border:1px solid #444444;border-left:0; }
.footUtill .utilList li { -webkit-flex:1;flex:1;border-left:1px solid #444444;text-align:center; }
.footUtill .utilList li a { display:block;height:30px;padding:7px 0 0;font-size:12px;color:#888; }

.footCorp { margin:7px 0 0;color:#888;font-size:11px;line-height:1.545; }
.ui-pagemove-top{ position:relative;display:block;width:48px;height:48px;padding:12px 0 0;margin:0 0 32px auto;border:1px solid #d1d1d1;background:#f5f5f5;text-align:center; }
.ui-pagemove-top:after{ position:absolute;left:50%;top:18px;content:'';display:block;width:2px;height:14px;margin:0 0 0 -1px;background:#737373;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 0;transform-origin:100% 0;  }
.ui-pagemove-top:before{ position:absolute;right:50%;top:18px;content:'';display:block;width:2px;height:14px;margin:0 0 0 -1px;background:#737373;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0; }

/* --------------------------------------------
 *  LAYOUT - CONTENT
/* ------------------------------------------ */
#container{ position:relative;padding:0 16px; }

/* --------------------------------------------
 *  TITLE
/* ------------------------------------------ */
.h-page h3{ padding:0 0 10px;font-size:20px;font-weight:500; }
.h-page h3 + h4{ padding:0 0 19px;margin:-9px 0 0;font-size:16px;color:#888; }

.h-section{ position:relative;min-height:23px;margin:20px 0 0; }
.h-section.ty2 { margin-top: 40px; } /*수정 171019*/
.h-section:after{ content:'';clear:both;display:block;width:100%;height:1px; }
.h-section h3{ float:left;padding:0 0 3px 0;font-size:17px;font-weight:bold; }
.h-section .tip-require{ float:right;padding:2px 0 3px;font-size:14px;color:#888;font-weight:normal;white-space:nowrap; }
.h-section .tip-require .ico-require{ overflow:hidden;display:inline-block;width:4px;height:4px;margin:0 6px 0 0;font-size:0;line-height:0;text-indent:-9999px;vertical-align:middle;background:#c19b76;border-radius:50%; }
.h-section .check-opt{ float:left;margin:0 0 5px; }
.h-section .check-all{ float:right;margin:0 0 5px; }
.h-section .check-all .ipc1+label{ font-size:14px; }
.h-section .p-add{ position:relative;top:-2px;width:100%;margin:0 0 5px;clear:both;color:#888; }
.h-section .total{ float:right;padding:0 0 5px;color:#888; }
.h-section [class*="ui-btn-sm"]{ float:right;position:relative;top:-7px;margin:5px 0 0; padding-top: 0; }

.h-info{ padding:0 0 3px;font-size:17px;font-weight:bold;color:#c19b76; }
.h-list{ margin:14px 0 3px;font-size:14px;font-weight:bold;color:#111; }

/* --------------------------------------------
 *  BUTTON
/* ------------------------------------------ */
.btn-group{ display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin:16px 0 0; }
.btn-group [class*="ui-btn-"]+[class*="ui-btn-"]{ margin-left:5px; }
.btn-group [class*="ui-btn-"]{ width:100%;padding-top:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center; }
.btn-group [class*="ui-btn-"] .in{ -webkit-flex:1;flex:1; }
.btn-group2{ display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between; }
.btn-group2 [class*="ui-btn-"]+[class*="ui-btn-"]{ border-left:0; }
.btn-group2 [class*="ui-btn-"]{ width:100%;padding-top:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center; }
.btn-group2 [class*="ui-btn-"] .in{ -webkit-flex:1;flex:1; }

[class*="ui-btn-s"] { display:inline-block;text-align:center;vertical-align:middle;height:25px;line-height:24px;font-size:14px; }
.ui-btn-s1, .ui-btn-s1:hover, .ui-btn-s1:active, .ui-btn-s1:focus { padding:0 9px;color:#fff;background:#aaaaaa; }
.ui-btn-s2, .ui-btn-s2:hover, .ui-btn-s2:active, .ui-btn-s2:focus { padding:0 7px;border:1px solid #969696;color:#333; }
.ui-btn-s3, .ui-btn-s3:hover, .ui-btn-s3:active, .ui-btn-s3:focus { padding:0 7px;border:1px solid #969696;color:#333;font-size:12px; }
.ui-btn-s4, .ui-btn-s4:hover, .ui-btn-s4:active, .ui-btn-s4:focus { padding:0 7px;border:1px solid #333;color:#333;font-size:14px; }

.h-section [class*="ui-btn-s"] { position: absolute; right: 0; bottom: 6px; }
.h-section .ui-btn-s4 { position: absolute; right: 0; bottom: 6px; }

[class*="ui-btn-sm"] { display:inline-block;text-align:center;vertical-align:middle;height:28px;line-height:14px;font-size:11px; }
[class*="ui-btn-sm"].ico-arrow-right .ico{ z-index:1;position:relative;display:inline-block;width:8px;height:8px;margin:0 0 0 10px;font-size:0;line-height:0;vertical-align:0; }
[class*="ui-btn-sm"].ico-arrow-right .ico:after{ position:absolute;left:0;top:1px;content:'';display:block;width:1px;height:8px;margin:0 0 0 -1px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%;  }
[class*="ui-btn-sm"].ico-arrow-right .ico:before{ position:absolute;left:0;top:-1px;content:'';display:block;width:1px;height:8px;margin:0 0 0 -1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0; }
a[class*="ui-btn-sm"]{ padding-top:6px; }
.ui-btn-sm1, .ui-btn-sm1:hover, .ui-btn-sm1:active, .ui-btn-sm1:focus { padding-left:9px;padding-right:9px;border:1px solid #333;color:#333; }
.ui-btn-sm1.ico-arrow-right .ico:after, .ui-btn-sm1.ico-arrow-right .ico:before{ background:#afafaf; }
.ui-btn-sm2, .ui-btn-sm2:hover, .ui-btn-sm2:active, .ui-btn-sm2:focus { padding:0 12px;background:#fff;color:#c19b76;font-size:14px; }
.ui-btn-sm3, .ui-btn-sm3:hover, .ui-btn-sm3:active, .ui-btn-sm3:focus { padding:0 9px;border:1px solid #333;color:#333;font-size:14px; }

[class*="ui-btn-sl"] { display:inline-block;text-align:center;vertical-align:middle;height:30px;line-height:33px;font-size:14px; padding: 0 18px; border-radius: 3px; } /* 수정 1710 2th */
.ui-btn-sl1 { color: #fff; background-color: #333; }/* 수정 1710 2th */

[class*="ui-btn-m"] { display:inline-block;text-align:center;vertical-align:middle;width:100%;height:40px;padding-left:5px;padding-right:5px;line-height:1.1;font-size:14px;word-break:break-word; }
a[class*="ui-btn-m"] { padding-top:11px; }
.ui-btn-m1, .ui-btn-m1:hover, .ui-btn-m1:active, .ui-btn-m1:focus { border:solid 1px #fff;color:#fff; }
.ui-btn-m2, .ui-btn-m2:hover, .ui-btn-m2:active, .ui-btn-m2:focus  { border:solid 1px #666;color:#111; }
.ui-btn-m3, .ui-btn-m3:hover, .ui-btn-m3:active, .ui-btn-m3:focus  { border:solid 1px #ddd;color:#111;background:#eee; }
.ui-btn-m4, .ui-btn-m4:hover, .ui-btn-m4:active, .ui-btn-m4:focus  { border:solid 1px #c19b76;color:#fff;background:#c19b76; }
.ui-btn-m5, .ui-btn-m5:hover, .ui-btn-m5:active, .ui-btn-m5:focus  { border:solid 1px #748290;color:#fff;background:transparent; }
.ui-btn-m6, .ui-btn-m6:hover, .ui-btn-m6:active, .ui-btn-m6:focus  { border:solid 1px #ddd;color:#111;background:#eee; }

[class*="ui-btn-m"].ico-arrow-down .ico{ z-index:1;position:relative;display:inline-block;width:8px;height:8px;margin:0 0 0 6px;font-size:0;line-height:0;vertical-align:-1px;-webkit-transform:rotate(90deg);transform:rotate(90deg); }
[class*="ui-btn-m"].ico-arrow-down .ico:after{ position:absolute;left:0;top:1px;content:'';display:block;width:1px;height:8px;margin:0 0 0 -1px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%;  }
[class*="ui-btn-m"].ico-arrow-down .ico:before{ position:absolute;left:0;top:-1px;content:'';display:block;width:1px;height:8px;margin:0 0 0 -1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0; }
.ui-btn-m1.ico-arrow-down .ico:after, .ui-btn-m1.ico-arrow-down .ico:before{ background:#fff; }

[class*="ui-btn-m"].ico-arrow-right .ico{ z-index:1;position:relative;display:inline-block;width:8px;height:8px;margin:0 0 0 10px;font-size:0;line-height:0;vertical-align:1px; }
[class*="ui-btn-m"].ico-arrow-right .ico:after{ position:absolute;left:0;top:1px;content:'';display:block;width:1px;height:8px;margin:0 0 0 -1px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%;  }
[class*="ui-btn-m"].ico-arrow-right .ico:before{ position:absolute;left:0;top:-1px;content:'';display:block;width:1px;height:8px;margin:0 0 0 -1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0; }
.ui-btn-m1.ico-arrow-right .ico:after, .ui-btn-m1.ico-arrow-right .ico:before{ background:#fff; }

.ui-btn-m2.ico-booking .set-icons:before{ width:14px;height:15px;margin:0 5px 0 0;background-position:-40px -50px;vertical-align:-2px;  }
.ui-btn-m2.ico-tel .set-icons:before{ width:13px;height:13px;margin:0 5px 0 0;background-position:-55px -50px;vertical-align:-2px;  }
.ui-btn-m2.ico-ask .set-icons:before{ width:15px;height:14px;margin:0 5px 0 0;background-position:-30px 0;vertical-align:-3px;  }
.ui-btn-m2.ico-faq .set-icons:before{ width:11px;height:12px;margin:0 5px 0 0;background-position:-15px 0;vertical-align:-1px;  }

[class*="ui-btn-l"] { display:inline-block;text-align:center;vertical-align:middle;width:100%;height:50px;padding-left:3px;padding-right:3px;line-height:1.2;font-size:16px; }
a[class*="ui-btn-l"]{ padding-top:13px; }
.ui-btn-l1, .ui-btn-l1:hover, .ui-btn-l1:active, .ui-btn-l1:focus { color:#fff;background-color:#c19b76; }
.ui-btn-l2, .ui-btn-l2:hover, .ui-btn-l2:active, .ui-btn-l2:focus { color:#333;border:solid 1px #333; }
.ui-btn-l3, .ui-btn-l3:hover, .ui-btn-l3:active, .ui-btn-l3:focus { color:#fff;background-color:#333; }
.ui-btn-l4, .ui-btn-l4:hover, .ui-btn-l4:active, .ui-btn-l4:focus { color:#fff;background-color:#888; }
.ui-btn-l5, .ui-btn-l5:hover, .ui-btn-l5:active, .ui-btn-l5:focus { color:#111;background-color:#eee; }
.ui-btn-lrec { background-color: transparent; border: 1px solid #aaa; border-radius: 3px; font-size: 14px; width: 78px; height: 30px; } /* 수정 171018 */
.ui-btn-lrec + .ui-btn-lrec { margin-left: 2px; } /* 수정 171018 */

[class*="ui-btn-l"].ico-download .set-icons:before{ width:17px;height:16px;margin:0 0 0 4px;background-position:-165px -15px;vertical-align:-2px;word-break:break-word; }
[class*="ui-btn-l"].ico-arrow-right .ico{ z-index:1;position:relative;display:inline-block;width:11px;height:11px;margin:0 0 0 10px;font-size:0;line-height:0;vertical-align:-2px; }
[class*="ui-btn-l"].ico-arrow-right .ico:after{ position:absolute;left:0;top:1px;content:'';display:block;width:1px;height:8px;margin:0 0 0 -1px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%;  }
[class*="ui-btn-l"].ico-arrow-right .ico:before{ position:absolute;left:0;top:-1px;content:'';display:block;width:1px;height:8px;margin:0 0 0 -1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0; }
.ui-btn-l1.ico-arrow-right .ico:after, .ui-btn-l1.ico-arrow-right .ico:before{ background:#fff; }
.ui-btn-l2.ico-arrow-right .ico:after, .ui-btn-l2.ico-arrow-right .ico:before{ background:#333; }
.ui-btn-l3.ico-arrow-right .ico:after, .ui-btn-l3.ico-arrow-right .ico:before{ background:#333; }
.ui-btn-l4.ico-arrow-right .ico:after, .ui-btn-l4.ico-arrow-right .ico:before{ background:#fff; }

.ui-btn-l-ios, .ui-btn-l-ios:hover, .ui-btn-l-ios:active, .ui-btn-l-ios:focus { border:solid 1px #333;color:#333; }
.ui-btn-l-ios span:before{ width:15px;height:17px;margin:0 6px 0 0;background-position:-130px -75px;vertical-align:-2px; }
.ui-btn-l-android, .ui-btn-l-android:hover, .ui-btn-l-android:active, .ui-btn-l-android:focus { border:solid 1px #333; }
.ui-btn-l-android span:before{ width:13px;height:17px;margin:-2px 6px 0 0;background-position:-150px -75px; }

[class*="ui-btn-xl"] { display:inline-block;text-align:center;vertical-align:middle;width:100%;height:60px;line-height:1.2;font-size:18px;word-break:break-word; }
a[class*="ui-btn-xl"]{ padding-top:13px; }
.ui-btn-xl1, .ui-btn-xl1:hover, .ui-btn-xl1:active, .ui-btn-xl1:focus{ background:#c19b76;color:#fff; }

.ui-btn-xl1.ico-booking .set-icons:before{ width:16px;height:16px;margin:0 5px 0 0;background-position:-50px -80px;vertical-align:-1px; }
.ui-btn-xl1.ico-tel .set-icons:before{ width:15px;height:15px;margin:0 5px 0 0;background-position:-100px -75px;vertical-align:-2px; }

.ui-pagemove-down{ z-index:10;position:absolute;bottom:20px;left:50%;display:block;width:40px;height:40px;padding:8px 0 0;margin:0 0 0 -20px;text-align:center;border-radius:50%;background:rgba(0,0,0,0.65); }
.ui-pagemove-down.set-icons:before{ width:13px;height:15px;background-position:-50px -15px; }

.ui-links-card .set-icons:before{ width:22px;height:16px;margin:0 8px 0 0;background-position:-100px -15px;vertical-align:-2px; }
.ui-links-card .ico{ z-index:1;position:relative;display:inline-block;width:11px;height:11px;margin:0 0 0 10px;font-size:0;line-height:0;vertical-align:-2px; }
.ui-links-card .ico:after{ position:absolute;left:0;top:1px;content:'';display:block;width:1px;height:8px;margin:0 0 0 -1px;background:#111;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%;  }
.ui-links-card .ico:before{ position:absolute;left:0;top:-1px;content:'';display:block;width:1px;height:8px;margin:0 0 0 -1px;background:#111;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0; }

.ui-links-point .set-icons:before{ width:16px;height:16px;margin:0 8px 0 0;background-position:-130px -20px;vertical-align:-2px; }
.ui-links-point .ico{ z-index:1;position:relative;display:inline-block;width:11px;height:11px;margin:0 0 0 10px;font-size:0;line-height:0;vertical-align:-2px; }
.ui-links-point .ico:after{ position:absolute;left:0;top:1px;content:'';display:block;width:1px;height:8px;margin:0 0 0 -1px;background:#111;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%;  }
.ui-links-point .ico:before{ position:absolute;left:0;top:-1px;content:'';display:block;width:1px;height:8px;margin:0 0 0 -1px;background:#111;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0; }

.links-login{ display:inline-block;vertical-align:middle; }
.links-login span{ font-size:16px;color:#111; }
.links-login span:before{ display:block;width:27px;height:27px;margin:0 auto 3px;background-position:-130px -45px; }

.links-ask{ display:inline-block;vertical-align:middle; }
.links-ask span{ font-size:16px;color:#111; }
.links-ask span:before{ display:block;width:27px;height:24px;margin:3px auto 3px;background-position:-165px -45px; }

.links-home{ display:inline-block;vertical-align:middle; }
.links-home span{ font-size:16px;color:#111; }
.links-home span:before{ display:block;width:27px;height:27px;margin:0 auto 3px;background-position:-99px -45px; }

/* btn load more */
.ui-loadmore{ margin:16px 0 0; }
.ui-loadmore a{ display:block;width:100%;height:36px;padding:7px 0 0;border:solid 1px #cccccc;font-size:14px;color:#888;text-align:center; }
.ui-loadmore .set-icons:before{ width:14px;height:14px;margin:0 6px 0 0;background-position:-75px -50px;vertical-align:-3px; }

/* --------------------------------------------
 *  FORMS
/* ------------------------------------------ */
/* custom radio */
.ipr1{ width:18px;height:18px;margin:0 7px 0 0;background:url('/static/en/img/common/set_ipr1.png') 0 0 no-repeat;background-size:18px auto;-webkit-appearance:none;appearance:none;border-radius:0;vertical-align:middle; }
.ipr1:checked{ background-position:0 -18px; }
.ipr1+label{ font-size:17px;vertical-align:-2px; }

/* custom checkbox */
.ipc1{ width:18px;height:18px;margin:0 7px 0 0;background:url('/static/en/img/common/set_ipc1.gif') 0 0 no-repeat;background-size:18px auto;-webkit-appearance:none;appearance:none;border-radius:0;vertical-align:middle; }
.ipc1:checked{ background-position:0 -18px; }
.ipc1+label{ font-size:17px;vertical-align:-2px; }

/* custom checkbox2 */
.ipc1r{ width:18px;height:18px;margin:0 87px 0 0;background:url('/static/en/img/common/set_ipc1.gif') 0 0 no-repeat;background-size:18px auto;-webkit-appearance:none;appearance:none;border-radius:0;vertical-align:middle; float:right; }
.ipc1r:checked{ background-position:0 -18px; }
.ipc1r+label{ font-size:17px;vertical-align:-3px; float:right; }

/* text field */
.ipt1{ width:100%;height:40px;padding:0 10px 0;border:1px solid #cccccc;font-size:17px;line-height:1.3; }
.ipt2{ width:100%;height:100%;padding:0 30px 0 6px;border-bottom:2px solid #bbbbbb;font-size:16px;line-height:1.3;color:#888;background:#fff; }
.ipt3{ width:100%;height:26px;padding:0 6px 0;border:1px solid #dddddd;font-size:12px;line-height:1.3;color:#888;background:#f5f5f5; }
.ipt4{ width:100%;height:51px;padding:0 10px 0;border:1px solid #cccccc;font-size:17px;line-height:1.3; }
.ipt-disabled{ border:1px solid #aaaaaa;background:#f5f5f5;color:#888888; }

/* custom select */
.sfake1{ width:100%;height:40px;padding:0 20px 0 10px;border:1px solid #cccccc;font-size:17px;background:#fff url('/static/en/img/common/set_cselect1.gif') right center no-repeat;background-size:auto 8px; }
.sfake2{ width:100%;height:51px;padding:2px 25px 0 10px;border:1px solid #cccccc;font-size:17px;background:#fff url('/static/en/img/common/set_cselect1.gif') right center no-repeat;background-size:auto 8px; }

/* textarea */
.ftxt1{ width:100%;height:100px;padding:10px;border:1px solid #ccc;font-size:17px; }

.ui-field-opts li{ display:inline-block;margin:5px 24px 0 0;vertical-align:middle; }

/* tip valid check */
[class*="valid-"]{ padding:4px 0 0;font-size:14px;word-break:break-word; }
[class*="valid-"].hide{ display:none; }
.valid-warning{ color:#fd4344; }
.valid-help{ color:#888; }
.valid-process{  }

[data-ui="tab"] .ui-table-view{ border-top:0; }
.ui-table-view{ width:100%;padding:0 16px;margin:0 -16px;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;background:#fff;box-sizing:content-box; }
.ui-table-view table th{ width:100px;padding:16px 8px 12px 0;border-top:1px solid #eeeeee;font-size:17px;color:#888;font-weight:normal;vertical-align:top;text-align:left; }
.ui-table-view table td{ padding:16px 0 12px 0;font-size:17px;border-top:1px solid #eeeeee;vertical-align:middle; }
.ui-table-view table td.al-r{ text-align:right; }
.ui-table-view table tr:first-child th, .ui-table-view tr:first-child td{ border-top:0; }
.ui-table-view .caption-price{ display:block;color:#888; }
.ui-table-view .caption-price2{ display:inline-block;vertical-align:0; }
.ui-table-view .ico-require{ overflow:hidden;display:inline-block;width:4px;height:4px;margin:0 0 0 6px;font-size:0;line-height:0;text-indent:-9999px;vertical-align:8px;background:#c19b76;border-radius:50%; }
.ui-table-view .message{ margin:10px 0 0; }
.ui-table-view .field-message td{ padding:12px 0 18px 0; }

.ui-table-view.ty2 table th { color: #111; }
.ui-table-view.ty2 .field-cardno th { position: relative; top: 5px; }
.ui-table-view.ty2 .field-cardno td button[type="button"] { margin-top: 5px; }
.ui-table-view.ty2 + .ui-table-view.ty2 { margin-top: 25px; }

.ui-table-view.ty3 table th { color: #111; }
.ui-table-view.ty3 .field-cardno th { position: relative; top: 5px; }
.ui-table-view.ty3 .field-cardno td button[type="button"] { margin-top: 5px; }
.ui-table-view.ty3 + .ui-table-view.ty3 { margin-top: 25px; }

.ui-list-help1 + .ui-table-list{ margin-top:13px; }
.ui-table-list{ border-top:1px solid #111; }
.ui-table-list thead th{ padding:15px 4px 13px 4px;font-size:15px;font-weight:normal;background:#eeeeee;word-break:break-word; }
.ui-table-list tbody td{ padding:15px 4px 13px 4px;border-top:1px solid #eeeeee;font-size:15px;text-align:center;vertical-align:middle; }
.ui-table-list tbody tr:first-child td{ border-top:0; }
.ui-table-list .null{ padding:53px 0 66px;margin:0 0 -1px;font-size:17px;color:#888;text-align:center; }
.ui-table-list .null:before{ content:'';display:block;width:100px;height:100px;margin:0 auto 14px;background:#dddddd url('/static/en/img/common/null.png') center center no-repeat;background-size:57px auto;border-radius:50%; }
.ui-table-list .status-plus{ color:#0666dc; }
.ui-table-list .status-minus{ color:#fd4444; }

[data-ui="tab"] .active .ui-table-form:first-of-type{ border-top:0; }
[data-ui="tab"] .ui-table-form.active{ border-top:0; }
.ui-table-form{ width:100%;padding:9px 16px 9px;margin:0 -16px;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;background:#fff;box-sizing:content-box; }
.ui-table-form table th{ width:100px;padding:15px 3px 6px 0;font-size:17px;line-height:1.176;color:#888;font-weight:normal;vertical-align:top;text-align:left;word-break:break-word; }
.ui-table-form table th.vt{ padding-top:7px;vertical-align: top; }
.ui-table-form table th .th{ /*display:inline-block;*/ display:inline; vertical-align:top; }
.ui-table-form table td{ padding:6px 0 6px 0;font-size:17px;vertical-align:top; }
.ui-table-form table td.al-r{ text-align:right; }
.ui-table-form .ico-require{ overflow:hidden;display:inline-block;width:4px;height:4px;margin:5px 0 0 6px;font-size:0;line-height:0;text-indent:-9999px;vertical-align:top;background:#c19b76;border-radius:50%; }

.ui-table-form .input-btn{ position:relative;padding:0 96px 0 0; }
.ui-table-form .input-btn [class*="ui-btn-m"]{ position:absolute;right:0;top:0;width:90px;font-size:13px; }

.ui-table-form .ftxt1{ width:100%;height:100px;padding:10px;border:1px solid #ccc;font-size:17px; }
.ui-table-form .opt-group1{ min-height:40px; }
.ui-table-form .opt-group1+.opt-group1{ margin-top:5px; }
.ui-table-form .opt-group1 li{ display:inline-block;margin:5px 24px 0 0;vertical-align:middle; }
.ui-table-form .opt-group2 li{ position:relative;padding:0 0 0 26px;margin:5px 24px 0 0;word-break:break-word; }
.ui-table-form .opt-group2 input{ position:absolute;left:0;top:3px; }
.ui-table-form .opt-group2 i{ display:block; }
.ui-table-form .opt-group2 span{ display:block;color:#888; }
.ui-table-form .btn-group{ margin:7px 0 15px; }
.ui-table-form .check-all{ padding:15px 0 4px;margin:6px 0 0;border-top:1px solid #eeeeee; }
.ui-table-form .f-tip{ padding:4px 0 0;font-size:14px;color:#888; }

.ui-table-form .ui-tipbox{ margin:6px 0 -3px; }

/* 비밀번호 */
.box-password{ position:relative; }
.box-password [class*="safety-"]{ position:absolute;right:1px;top:1px;height:38px;padding:11px 10px 0 10px;font-size:14px;background:#fff; }
.box-password [class*="safety-"].hide{ display:none; }
.box-password .input-btn [class*="safety-"]{ right:97px; }
.box-password .safety-level1{ color:#fd4344; }
.box-password .safety-level2{ color:#448ccb; }
.box-password .safety-level3{ color:#00951c; }
.ui-table-form .field-repassword th{ padding-top:5px; }
.field-file{ position:relative; }
.field-file .input-btn{ overflow:hidden;height:40px; }
.field-file .ipf{ position:absolute;left:0;right:0;top:0;font-size:100px;opacity:0; }
.field-name .row{ display:-webkit-flex;display:flex; }
.field-name input:first-child{ -webkit-flex:1;flex:1;margin:0 2px 0 0; }
.field-name input:last-child{ -webkit-flex:1;flex:1;margin:0 0 0 3px; }
.field-message .sfake1{ margin:0 0 5px; }
.field-address .input-btn{ margin-bottom:5px; }
.field-help{ padding:4px 0 0;font-size:14px;color:#888; }
.field-reissue .ftxt1{ margin:8px 0 0; }
.field-reissue li{ display:inline-block;margin:0 11px 0 0;vertical-align:top; }
.ui-table-form .field-requested td{ padding-top:9px;padding-bottom:11px; }
.ui-table-form .field-phone th{ padding-top:5px; }
.field-phone .row{ display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between; }
.field-phone .addbtn{ margin-top:5px; }
.field-phone [class*="cell"]{ -webkit-flex:1;flex:1; }
.field-phone .cell1{ padding:0 3px 0 0; }
.field-phone .cell2{ padding:0 2px 0 2px; }
.field-phone .cell3{ padding:0 2px 0 2px; }
.field-phone .cell4{ padding:0 0 0 3px; }
.field-phone .ipt1{ padding-left:0;padding-right:0;text-align:center; }
.field-birth .row{ display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between; }
.ui-table-form .field-birth th{ padding-top:5px; }
.field-birth select{ -webkit-flex:1;flex:1; }
.field-birth select:nth-of-type(1){ width:40%;margin:0 3px 0 0; }
.field-birth select:nth-of-type(2){ margin:0 2px 0 2px; }
.field-birth select:nth-of-type(3){ margin:0 0 0 3px; }
.field-email .row{ display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center; }
.field-email .row span{ display:block;width:22px;padding:0 0 0;text-align:center;color:#888; }
.field-email select{ width:100%;margin:7px 0 0; }
.field-email input{ -webkit-flex:1;flex:1; }
.field-email .addbtn{ margin-top:5px; }
.ui-table-form .field-cardno th{ padding-top:5px; }
.field-cardno .row{ display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between; }
.field-cardno input{ margin:0 2px 0 2px; }
.field-cardno input:first-of-type{ margin:0 3px 0 0; }
.field-cardno input:last-of-type{ margin:0 0 0 3px; }
.ui-table-form .field-expiry th{ padding-top:5px; }
.field-expiry .row{ display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center; }
.field-expiry .row span{ width:60px;padding:0 0 0 7px;color:#888; }
.field-expiry input{ -webkit-flex:1;flex:1; }
.field-expiry select { -webkit-flex:1;flex:1; }
.field-voucher select{ margin-top:5px; }
.field-type select{ margin-top:5px; }
.field-type select:nth-of-type(1){ margin-top:0; }
.ui-table-form .field-convert-point1 th{ padding-top:7px; }
.ui-table-form .field-convert-point2 th{ padding-top:7px; }
.ui-table-form .field-convert-point3 th{ padding-top:7px; }

.btn-box{ padding:15px 0 13px 0;margin:0 0 0;border-top:1px solid #eeeeee;text-align:right; }
.btn-box2{ padding:15px 0 8px 0;margin:0 0 0;border-top:1px solid #eeeeee;text-align:right; }

.check-allrooms-opt { float:right;padding-bottom:7px; }
.check-allrooms-opt .ipc1+label{ font-size:14px; }

/* --------------------------------------------
 *  COMMON - 작성 도움말
/* ------------------------------------------ */
.ui-help1{ margin:22px 0 12px;font-size:16px;line-height:1.294;color:#888; }
.ui-help2{ padding:13px 0 12px;margin:0 0 0;border-bottom:1px solid #cccccc;font-size:16px;line-height:1.294;color:#888; }

/* --------------------------------------------
 *  FORMS - COUNT
/* ------------------------------------------ */
.ui-count{ overflow:hidden;position:relative; }
.ui-count i{ position:absolute;left:22px;top:15px;font-size:16px; }
.ui-count .type{ margin:0 11px 0 0;font-size:16px;color:#333;vertical-align:middle; }/* 수정 1710 2th */
.ui-count .plusminus{ height:50px;border-top:1px solid #dddddd;text-align:right; }
.ui-count .plusminus strong{ color:#0666dc; }
.ui-count .plusminus input{ width:50px;padding:0 0 0 10px;margin:0 -15px;font-size:24px;color:#0666dc;text-align:center;-moz-appearance:textfield;vertical-align:middle; background-color: transparent; }
.ui-count [class*="btn-"]{ position:relative;display:inline-block;width:40px;height:50px;vertical-align:middle; }
.ui-count [class*="btn-"] .icon-minus{ display:block;width:14px;height:14px; }
.ui-count [class*="btn-"] .icon-minus:before{ position:absolute;top:50%;left:50%;content:'';margin:-1px 0 0 -7px;width:14px;height:2px;background:#000; }
.ui-count [class*="btn-"] .icon-plus{ display:block;width:14px;height:14px; }
.ui-count [class*="btn-"] .icon-plus:before{ position:absolute;top:50%;left:50%;content:'';margin:-1px 0 0 -7px;width:14px;height:2px;background:#000;}
.ui-count [class*="btn-"] .icon-plus:after{ position:absolute;top:50%;left:50%;content:'';margin:-7px 0 0 -1px;width:2px;height:14px;background:#000; }

/* --------------------------------------------
 *  DATEPICKER
/* ------------------------------------------ */
.daterangepicker { z-index:10;display:none;position:absolute;color:inherit;background:#fff;border:1px solid #ddd; }
.daterangepicker .calendar-table { padding:4px;border-radius:4px;background:#fff; }
.daterangepicker .prev i,
.daterangepicker .next i{ z-index:1;position:relative;display:block;width:32px;height:40px;padding:0;margin:0 auto;font-size:0;line-height:0;text-indent:-9999px;-webkit-tap-highlight-color:transparent;outline:none; }
.daterangepicker .prev i:after{ position:absolute;left:10px;top:18px;content:'';display:block;width:11px;height:1px;margin:0 0 0 -1px;background:#bbbbbb;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 0;transform-origin:0 0;  }
.daterangepicker .prev i:before{ position:absolute;left:10px;top:18px;content:'';display:block;width:11px;height:1px;margin:0 0 0 -1px;background:#bbbbbb;-webkit-transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0; }
.daterangepicker .next i:after{ position:absolute;left:10px;top:18px;content:'';display:block;width:11px;height:1px;margin:0 0 0 -1px;background:#bbbbbb;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 0;transform-origin:100% 0;  }
.daterangepicker .next i:before{ position:absolute;left:10px;top:18px;content:'';display:block;width:11px;height:1px;margin:0 0 0 -1px;background:#bbbbbb;-webkit-transform:rotate(-45deg);-webkit-transform-origin:100% 0;transform-origin:100% 0; }
.daterangepicker table { width:100%;margin:0; }
.daterangepicker td,
.daterangepicker th { text-align:center;height:32px;font-size:16px;white-space:nowrap;cursor:pointer; }
.daterangepicker td.today{  }
.daterangepicker td.off,
.daterangepicker td.off.saturday,
.daterangepicker td.off.sunday{ color:#888; }
.daterangepicker td.unselected{  }
.daterangepicker td.other-month,
.daterangepicker td.other-month.disabled{ background:#fff;color:#fff; }
.daterangepicker th.sunday,
.daterangepicker td.sunday{ color:#d21919; }
.daterangepicker th.saturday,
.daterangepicker td.saturday{ color:#2327ad; }
.daterangepicker td.in-range{ line-height:32px;background:url('/static/en/img/common/datepicker_inrange.gif') center center no-repeat;background-size:32px 32px;border-radius:50%; }
.daterangepicker td.start-date,
.daterangepicker td.end-date{ line-height:32px;background:url('/static/en/img/common/datepicker_highlight.gif') center center no-repeat;background-size:32px 32px;border-color:transparent;color:#999;color:#fff; }

/* --------------------------------------------
 *  TAB
/* ------------------------------------------ */
[data-ui="tab"] [data-ui-tab="content"]{ position:relative;display:none;visibility:hidden; }
[data-ui="tab"] [data-ui-tab="content"].active{ display:block;visibility:visible; }

.ui-tab1 .tab{ display:-webkit-flex;display:flex;background:#fff; }
.ui-tab1 .tab>li{ -webkit-flex:1;flex:1;text-align:center;font-size:16px;word-break:break-word; }
.ui-tab1 .tab>li.active a{ border-top:2px solid #c19b76;background:#fff; }
.ui-tab1 .tab>li a{ display:block;height:50px;padding:13px 0 0;border-top:2px solid #f1f1f1;background:#f1f1f1;color:#999; }

.ui-result2 + .ui-tab2{ margin-top:14px; }
.ui-tab2 .tab{ display:-webkit-flex;display:flex; }
.ui-tab2 .tab>li{ -webkit-flex:1;flex:1;margin:0 -1px 0 0;text-align:center;font-size:14px;border:1px solid #cccccc;word-break:break-word; }
.ui-tab2 .tab>li.active{ border:1px solid #999999;background:#999999; }
.ui-tab2 .tab>li.active a{ color:#fff; }
.ui-tab2 .tab>li a{ display:table;width:100%;height:100%;padding:6px 3px 6px;color:#888; }
.ui-tab2 .tab>li a span{ display:table-cell;;width:100%;height:100%;vertical-align:middle; }
.ui-tab2 .tab>li.active+li{ border-left-color:#999;}

.h-section + .ui-tab3{ margin-top:-1px; }
.ui-tab3 .tab{ display:-webkit-flex;display:flex;margin:0 -16px;background:#fff; }
.ui-tab3 .tab>li{ -webkit-flex:1;flex:1;border:1px solid #ccc;border-right:0;padding:0;color:#888;text-align:center;line-height:1.333;word-break:break-word; }
.ui-tab3 .tab>li a{ display:table;width:100%;min-height:53px;height:100%;padding:0 0 0;background:#fff; }
.ui-tab3 .tab>li span{ display:table-cell;height:100%;vertical-align:middle;font-size:17px;line-height:1.2;color:#aaaaaa; }
.ui-tab3 .tab>li.active{ border-bottom:1px solid #000; }
.ui-tab3 .tab>li.active span{ color:#111; }
.ui-tab3 .tab>li:first-child{ border-left:0; }

.ui-tab4 .tab{ display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin:0 -16px;background:#fff; }
.ui-tab4 .tab>li{ -webkit-flex:1;flex:1;font-size:17px;text-align:center;word-break:break-word; }
.ui-tab4 .tab>li a{ display:table;margin:0 auto; }
.ui-tab4 .tab>li span{ display:table-cell;height:58px;padding:2px 0 0;border-bottom:2px solid #fff;vertical-align:middle;font-size:17px;line-height:1.2;color:#aaaaaa; }
.ui-tab4 .tab>li.active span{ border-bottom:2px solid #000000; }

.ui-tab5 .tab{ display:-webkit-flex;display:flex;margin:0 -16px;border-top:1px solid #eee;background:#fff; }
.ui-tab5 .tab>li{ -webkit-flex:1;flex:1;text-align:center;font-size:16px;word-break:break-word; }
.ui-tab5 .tab>li.active a{ border-bottom:1px solid #c19b76;background:#fff;color:#c19b76; }
.ui-tab5 .tab>li a{ display:block;height:50px;padding:16px 0 0;border-bottom:1px solid #f1f1f1;background:#fff;color:#999;font-weight:bold; }

.ui-tab6 .tab{ display:-webkit-flex;display:flex;margin:0 -16px;background:#fff;-webkit-align-items:stretch;align-items:stretch; }
.ui-tab6 .tab>li{ -webkit-flex:1;flex:1;border:1px solid #ccc;border-right:0;padding:0 0 0;color:#888;text-align:center;word-break:break-word; }
.ui-tab6 .tab>li a{ display:table;width:100%;min-height:53px;height:100%;padding:0 0 0; }
.ui-tab6 .tab>li span{ display:table-cell;width:100%;height:100%;padding:0 2px;vertical-align:middle;font-size:15px;line-height:1.1;color:#aaaaaa; }
.ui-tab6 .tab>li.active{ border-bottom:1px solid #000; }
.ui-tab6 .tab>li.active span{ color:#111; }
.ui-tab6 .tab>li:first-child{ border-left:0; }

/* --------------------------------------------
 *  MODAL
/* ------------------------------------------ */
[class*="ui-modal"]{ display:none;z-index:1000;position:fixed;top:0;right:0;bottom:0;left:0;height:100%; }
[class*="ui-modal"] .lybox{ overflow:hidden;z-index:2;position:relative;width:100%;padding:60px 0 60px; }
[class*="ui-modal"] .layer{ overflow:hidden;padding:0 0 0;margin:0 16px 0;background:#fff; }
[class*="ui-modal"] .btn-ly-close{ z-index:3;position:absolute;right:6px;top:7px;overflow:hidden;width:40px;height:40px;cursor:pointer;font-size:0;line-height:0;-webkit-tap-highlight-color:transparent;outline:none;text-indent:-9999px;font-size:0;line-height:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
[class*="ui-modal"] .btn-ly-close:before{ position:absolute;left:10px;top:19px;content:'';display:block;width:20px;height:1px;margin:0 0 0 0;background:#fff; }
[class*="ui-modal"] .btn-ly-close:after{ position:absolute;left:19px;top:10px;content:'';display:block;width:1px;height:20px;margin:0 0 0 0;background:#fff; }
[class*="ui-modal"] .modal-header{ position:relative;min-height:52px;padding:15px 0 13px;background:#c19b76; }
[class*="ui-modal"] .modal-header h2{ margin:0 40px;font-size:18px;color:#fff;text-align:center;word-break:break-word; }
[class*="ui-modal"] .modal-body{ padding:17px 16px 16px;margin:0 0 0; }
[class*="ui-modal"] .minner{ overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 16px 0;margin:0 -16px; }
[class*="ui-modal"] .mask{ z-index:1;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5); }
[class*="ui-modal"].show{ display:block; }
[class*="ui-modal"] .editbox *{ max-width:100%; }

.ui-modal.ty2 .layer {background-color: #f5f5f5;}

/* --------------------------------------------
 *  COMMON - AMB RESERVATION Layer
/* ------------------------------------------ */
.ui-ambbook{ overflow:hidden;display:none;z-index:1000;position:fixed;top:0;right:0;bottom:0;left:0;height:100%; }
.ui-ambbook .lybox{ z-index:2;position:relative;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;height:100%;padding:60px 0 0;}
.ui-ambbook .btn-ly-close{ position:absolute;right:6px;top:11px;overflow:hidden;width:40px;height:40px;-webkit-tap-highlight-color:transparent;outline:none;text-indent:-9999px;font-size:0;line-height:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
.ui-ambbook .btn-ly-close:before{ position:absolute;left:7px;top:19px;content:'';display:block;width:26px;height:2px;margin:0 0 0 0;background:#fff; }
.ui-ambbook .btn-ly-close:after{ position:absolute;left:19px;top:7px;content:'';display:block;width:2px;height:26px;margin:0 0 0 0;background:#fff; }
.ui-ambbook .layer{ padding:0 24px 0;margin:0 16px 0;background:#fff; }
.ui-ambbook .modal-body{ min-height:409px;padding:0 0 35px;margin:0 0 60px; }
.ui-ambbook .mask{ z-index:1;position:fixed;top:0;right:0;left:0;height:100vh;background:rgba(0,0,0,0.5);display:block; }

.ui-ambbook .ui-tab .tab{ display:-webkit-flex;display:flex;margin:0 -24px 20px;background:#fff; }
.ui-ambbook .ui-tab .tab>li{ -webkit-flex:1;flex:1;text-align:center;font-size:16px;word-break:break-word; }
.ui-ambbook .ui-tab .tab>li.active a{ border-top:2px solid #c19b76;background:#fff; }
.ui-ambbook .ui-tab .tab>li a{ display:block;height:50px;padding:13px 0 0;border-top:2px solid #f1f1f1;background:#f1f1f1;color:#999; }
.ui-ambbook [data-ui-tab="content"]{ position:relative; }

.ui-ambbook.ty2 { display: block; position: static; background-color: #fff; margin: 0; padding: 0; } /* 수정 171018 */
.ui-ambbook.ty2 .btn-wrap { margin: 0; padding-top: 0; } /* 수정 17115 */
.ui-ambbook.ty2 .ui-tab .tab>li a { background: #fff; color: #666; border: 1px solid #ccc; box-sizing: border-box; height: 32px; padding-top: 8px; } /* 수정 171019 */
.ui-ambbook.ty2 .ui-tab .tab>li.active a { background: #999; color: #fff; } /* 수정 171019 */
.ui-ambbook.ty2 .ui-tab .tab { margin: 0; padding-top: 16px; } /* 수정 171019 */
.ui-ambbook.ty2 .ui-btn-l1 { height: 45px; background-color: #a87161; border-radius: 3px; }/* 수정 171019 */
.disable .ui-tab .tab,
.disable .ambsearch-etc { display: none !important; }/* 수정 171019 */
.disable .ambsearch-place:before { content: ''; display: block; width: 100%; height: 45px; background-color: red; position: absolute; left: 0; top: 0; z-index: 10; opacity: 0; }/* 수정 171019 */
.disable .boxrangepicker { position: relative; }
.disable .boxrangepicker:before { content: ''; display: block; width: 100%; height: 100%; background-color: red; position: absolute; left: 0; top: 0; z-index: 10; opacity: 0; }/* 수정 171019 */
.disable .ambsearch-period { border-bottom-color: #ddd !important; }
.disable .ambsearch-guest:before { content: ''; display: block; width: 100%; height: 100%; background-color: red; position: absolute; left: 0; top: 0; z-index: 10; opacity: 0; }/* 수정 171019 */
.disable .ambsearch-place .input-group input { color: #999; border-bottom-color: #999 !important; }/* 수정 171019 */
.disable .day-box > span,
.disable .day-box p > span,
.disable .guest-data-box span,
.disable .day-box strong { color: #999; }/* 수정 171019 */
.disable .ambsearch-place .btn.set-icons2:after { background-position: 0 0 !important; background-size: contain; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAeCAYAAAA2Lt7lAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTZGRTM4QThCNDk4MTFFN0FERkE4OEE2NTRBQjY0RjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTZGRTM4QTlCNDk4MTFFN0FERkE4OEE2NTRBQjY0RjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNkZFMzhBNkI0OTgxMUU3QURGQTg4QTY1NEFCNjRGMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNkZFMzhBN0I0OTgxMUU3QURGQTg4QTY1NEFCNjRGMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnsqXeMAAAIbSURBVHjarJbPK0RRFMev1zShyGZMTbz5C2aaUZMspYiy8GNjZcEOKyuxEbFQClnMwgKFlOxkgxo7I5MZC6VkpknNjPwqQn59z3RpjHfvfcb71mcx75zzPe+duffdVxQMBplELtAFGoAHVPLraRADO2AVXIoMbILrFWAEDAC7QbyK0wwmwBwYB7f5iZpBcR04BYMC83zZee4pr5U2aAe7wMn+Liev7RA1qAHLoJgVLqpd4l4/GpSDTVDK/q9S7lWe22AI6Mw66dwzu4qoU58s2+12M4/HwxwOR/Z3JpNh0WiUJRIJWRl5TlKDNlAmygoEAszv9//cHC5XlkgkwsLhsKiUPNtoRI3C59T1X+a5ohg9nUSN1MAninq9XuWwaXQS+ahBtSj6NXOZFDm6Jpu/BSqhBilRlFaLSoqcFDU4EEVjsZiygSInQg22RNF4PJ5disJqxChHom3aB+tgmuZllEHrPJ1O/9podOcK82ewRg2uwQLolz2JwsxIi+Dq6100Ce4tXD1P3PP7ZUdH3qiFDWbARf55MAtOLDA/B2NGB84r6AYv/zB/B73gQXRkHvHztVBNgT3VoT8PNgowD4FhM18VH6CHf/eYFa3hTvBmpgHpDrSApAlzym2l/WcU1CSFSd7kWpLzwM2FT6up3mWgCdwYxB75DezLDDQTIzgE9XnjuuGNQ6pim8k/8RjUghX+qUj75cxM4acAAwDpgIhP4+dlEgAAAABJRU5ErkJggg=='); }/* 수정 171019 */
.disable .day-view .arrow { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAWCAYAAACPHL/WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDJEMTkyNzRCNDk5MTFFN0E2NDRCRDM4MDlBRkNFQTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDJEMTkyNzVCNDk5MTFFN0E2NDRCRDM4MDlBRkNFQTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMkQxOTI3MkI0OTkxMUU3QTY0NEJEMzgwOUFGQ0VBMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMkQxOTI3M0I0OTkxMUU3QTY0NEJEMzgwOUFGQ0VBMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpUNYqsAAAFZSURBVHja3Nc/KIRxHMfx53lcyr+SwWC7TTaLDIQY/BlOV7JQBoOUWFhvUlaKTCiD6HLDdRnuScQgi9VmYjBIEaV4vL/6Ptcp1xmf7/OpV8/VPTd8eu73/f0eNwgCJ2rxfT/82IFNTOH+P7/1nGhnHf24QDIOhSZxrWUu0W690BOGcI42vXZaLiR5wShO0IpTdFsuJHnDOHJoRhEDlgtJPjCBfTSigDHLhSSfmME26nCsJUtJlM18K/nCvK6tZRygAXsWn1AYOQ2sIIMa7GDh5wnpl3HIhqwtz4lXPCnkGpYpK7OEVTfih9NKkTJruo5k8s2GQyFh8G8lZbYwp3vTNI5KY9tYGZlou1riXfegwq99yFCZWt1z0nhFSs91jsVC9chiBM96vfrrRguFmpBHHx4xjJtKN0e9UIu+NnThAYO4tfw+dKhl7tBTrYyFQos4Q6+WqppvAQYABL5GNpCVrZwAAAAASUVORK5CYII='); }/* 수정 171019 */
.disable .guest-data-box span:after { background-repeat: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzAxMDg0MUNCNDk5MTFFN0JFNTdBN0JCQ0Q0MTE3REYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzAxMDg0MURCNDk5MTFFN0JFNTdBN0JCQ0Q0MTE3REYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMDEwODQxQUI0OTkxMUU3QkU1N0E3QkJDRDQxMTdERiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMDEwODQxQkI0OTkxMUU3QkU1N0E3QkJDRDQxMTdERiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl6jTycAAACQSURBVHjaYty9e/dFBgYGPQbywHkmIHGPgXxwH2RABBDvJEPzdiCOBBnwE4gDgXg3CZp3QvX8YoIKfAfiACDeT4RmkEVBUIsZmJAkvgGxDxAfwqP5ANSibzABJjQFIAlvID6CRfMhqNw3ZEEmLAq/QBUeRxI7ik0zCLDgcOonIPYE4rVAzArEvlCDMQBAgAEAA04fUnZjH9QAAAAASUVORK5CYII='); }/* 수정 171019 */

/* 앰배서더 검색 - 지역/호텔 */
.ui-ambbook .ambsearch-place{ position:relative;margin:8px 0 0; } /* 수정 171019 */
.ui-ambbook .ambsearch-place .input-group{ position:relative;height:45px; }
.ui-ambbook .ambsearch-place .input-group input{  width:100%;height:100%;padding:0 30px 0 6px;font-size:16px;border-bottom:2px solid #bbbbbb; }
.ui-ambbook .ambsearch-place .btn.set-icons2:after { position:absolute;right:7px;top:50%;width:13px;height:8px;margin:-6px 0 0;background-position:-55px 0; } /* 수정 171019 */
.ui-ambbook .ambsearch-place .btn.set-icons2{ width:30px;position:absolute;right:0;top:0;bottom:0; }
.ui-ambbook .ly-autoplace{ display:none;z-index:10;position:absolute;top:43px;left:0;right:0; } /*수정 1710-2th*/
.ui-ambbook .ly-autoplace ul{ overflow:hidden;overflow-y:auto;max-height:150px;border-top:2px solid #a87161;background:#fff;-webkit-overflow-scrolling:touch; } /* 수정 171018 */
.ui-ambbook .ly-autoplace li{ min-height:50px;padding:16px 16px 14px 16px;border-top:1px solid #dddddd; }
.ui-ambbook .ly-autoplace li:first-child{ border-top:0; }
.ui-ambbook .ly-autoplace li.active{ background:#e7f1f9; }
.ui-ambbook .ly-autoplace li span{ margin:0 0 0 5px;color:#888; }
.ui-ambbook .ly-autoplace li .highlight{ text-decoration:underline; }

/* 앰배서더 검색 - 기간 */
.ui-ambbook .ambsearch-period{ position:relative;margin:9px 0 0;padding:0; } /*수정 1710-2th*/
.ui-ambbook .ambsearch-period .btn{ z-index:2;width:30px;position:absolute;right:0;top:0;bottom:0; }
.ui-ambbook .ambsearch-period .set-icons2:after{ cursor:pointer;position:absolute;right:6px;top:50%;width:15px;height:15px;margin:-8px 0 0;background-position:0 -50px; }
.ui-ambbook .ambsearch-period .input-group{ position:relative;height:47px; }
.ui-ambbook .ambsearch-period .input-group input{  width:100%;height:100%;padding:0 30px 0 6px;font-size:16px; }

/* 앰배서더 검색 - 객실/룸 */
.ui-ambbook .ambsearch-guest{ position:relative;margin:9px 0 0; }
.ui-ambbook .ambsearch-guest .input-group{ position:relative;height:47px;/*border-bottom:2px solid #bbbbbb;*/ } /*수정 1710-2th*/
.ui-ambbook .ambsearch-guest .input-group input{  width:100%;height:100%;padding:0 0 0 6px;font-size:16px;letter-spacing:-1px; }
.ui-ambbook .ambsearch-guest .btn{ z-index:2;width:30px;position:absolute;right:0;top:0;bottom:0; }
.ui-ambbook .ambsearch-guest .set-icons2:after{ position:absolute;right:6px;top:50%;width:16px;height:13px;margin:-8px 0 0;background-position:0 -75px; }
.ui-ambbook .ambsearch-guest .ly-roomsguest{ display:none;position:relative;top:-2px;z-index:10;border:1px solid #dddddd;background:#f5f5f5;-webkit-overflow-scrolling:touch; }

/* 앰배서더 검색 - 추가 입력사항 */
.ui-ambbook .ambsearch-etc .btn-etc{ height:45px;padding:0 0 0 6px;margin:0 0 9px;font-size:14px;color:#888; }
.ui-ambbook .ambsearch-etc .btn-etc.set-icons2:after{ width:8px;height:4px;margin:0 0 0 10px;background-position:0 0; background-size: 8px auto; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTk4RUNCNjdCM0MyMTFFNzkxRjhCMzMyMUQxNTI1NUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTk4RUNCNjhCM0MyMTFFNzkxRjhCMzMyMUQxNTI1NUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFOThFQ0I2NUIzQzIxMUU3OTFGOEIzMzIxRDE1MjU1QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFOThFQ0I2NkIzQzIxMUU3OTFGOEIzMzIxRDE1MjU1QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Psp2cs4AAACQSURBVHjaYty9e/dFBgYGPQbywHkmIHGPgXxwH2RABBDvJEPzdiCOBBnwE4gDgXg3CZp3QvX8YoIKfAfiACDeT4RmkEVBUIsZmJAkvgGxDxAfwqP5ANSibzABJjQFIAlvID6CRfMhqNw3ZEEmLAq/QBUeRxI7ik0zCLDgcOonIPYE4rVAzArEvlCDMQBAgAEAA04fUnZjH9QAAAAASUVORK5CYII=');
 }/*수정 171018*/
.ui-ambbook .ambsearch-etc .btn-etc.set-icons2.open{ margin:0; }
.ui-ambbook .ambsearch-etc .btn-etc.set-icons2.open:after{ background-position:-105px 0; }
.ui-ambbook .ambsearch-etc .box{/* display:none;*/margin:0 0 14px; }/*수정 1710-2th*/
.ui-ambbook .ambsearch-etc .box .valid-warning{ margin-top:-10px; }
.ui-ambbook .ambsearch-etc .row{ display:-webkit-flex;display:flex;margin:0 -5px; }
.ui-ambbook .ambsearch-etc .cell{ -webkit-flex:1;flex:1;/*padding:0 5px;*/ }/*수정 1710 2th*/
.ui-ambbook .ambsearch-etc .opt { position:relative;display:table;width:100%;margin:0 0 10px; }
.ui-ambbook .ambsearch-etc .opt ::-webkit-input-placeholder { font-size:14px;color:#888; }
.ui-ambbook .ambsearch-etc .opt input[type="radio"]{ position:absolute;left:6px;top:50%;width:20px;height:20px;margin:-10px 0 0 -5px;background:#cccccc url('/static/en/img/common/set_ipc2.png') 0 0 no-repeat;background-size:20px auto;-webkit-appearance:none;appearance:none;border-radius:50%;-webkit-tap-highlight-color:transparent;outline:none; } /* 수정 171207 */
.ui-ambbook .ambsearch-etc .opt input[type="radio"]:checked{ background-color:#c19b76; }
.ui-ambbook .ambsearch-etc .opt input[type="radio"]+label{ display:table-cell;width:100%;height:40px;padding:0 24px 0 25px;font-size:14px;line-height:1.1;border:2px solid #bbbbbb;vertical-align:middle; white-space: nowrap; } /* 수정 171207 */
.ui-ambbook .ambsearch-etc .opt input[type="radio"]:checked+label{ border:2px solid #c19b76;color:#111; }
.ui-ambbook .ambsearch-etc .opt input[type="text"]{ display:block;width:100%;height:40px;padding:2px 0 2px 32px;font-size:14px;border:2px solid #bbbbbb; }
.ui-ambbook .ambsearch-etc .opt input[type="text"]:focus{ border:2px solid #c19b76;color:#111;  }
.ui-ambbook .ambsearch-etc .opt input[type="text"]:focus:before{ position:absolute;left:6px;top:50%;width:20px;height:20px;margin:-10px 0 0 0;content:'';display:block;width:20px;height:20px;background:red; }
.ui-ambbook .ambsearch-etc .opt input[type="radio"]:checked + .field input[type="text"]{ border:2px solid #c19b76;color:#111; }
.ui-ambbook .ambsearch-etc .opt #code-promotion.checked{ border:2px solid #c19b76;color:#111; }
.ui-ambbook .daterangepicker{ position:relative;top:-1px !important;left:0 !important;right:0;margin:-2px 0 0 0; margin-top: 0 !important; } /* 수정 171026 */
.ui-ambbook .links-guarantee{ margin:15px 0 0;text-align:center;color:#888; }
.ui-ambbook.show{ display:block; }

#ambbook-room .ui-count.count-room .plusminus{ border-top:0; }
#ambbook-dining .ui-btn-l1{ margin:24px 0 0; }
#ambbook-dining .ui-count:first-child .plusminus:first-child{ border-top:0; }

/* --------------------------------------------
 *  Notice Pop
/* ------------------------------------------ */
.ui-poppush{ z-index:10;position:absolute;top:0;right:0;left:0;overflow:hidden;  }
.ui-poppush .inner{ position:relative;padding:18px 16px 16px 16px;background:#152b42;text-align:center; }
.ui-poppush h3{ font-size:16px;color:#c19b76; }
.ui-poppush p{ margin:4px 0 17px;color:#91959b; }
.ui-poppush .btnbox{ margin:0 -16px; }
.ui-poppush .ui-btn-m4{ max-width:110px; }
.ui-poppush .btn-close{ width:65px; }
.ui-poppush .links{ display:block; }
.ui-poppush#push-bemember{ top:0; }

.ui-poppush2{ overflow:hidden;position:relative;padding:18px 50px 16px 16px;margin:0 -16px;background:#122538;  }
.ui-poppush2 h3{ font-size:16px;font-weight:500;color:#fff; }
.ui-poppush2 p{ margin:5px 0 0;color:#91959b; }
.ui-poppush2 .btn-close{ position:absolute;right:3px;top:6px;overflow:hidden;width:40px;height:40px;cursor:pointer;font-size:0;line-height:0;-webkit-tap-highlight-color:transparent;outline:none;text-indent:-9999px;font-size:0;line-height:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
.ui-poppush2 .btn-close:before{ position:absolute;left:10px;top:19px;content:'';display:block;width:20px;height:1px;margin:0 0 0 0;background:#fff; }
.ui-poppush2 .btn-close:after{ position:absolute;left:19px;top:10px;content:'';display:block;width:1px;height:20px;margin:0 0 0 0;background:#fff; }

.ui-pushapp{ position:relative;overflow:hidden;width:100%;padding:16px 50px 16px 16px;background:#eeeeef; }
.ui-pushapp .btn-close{ position:absolute;right:3px;top:6px;overflow:hidden;width:40px;height:40px;cursor:pointer;font-size:0;line-height:0;-webkit-tap-highlight-color:transparent;outline:none;text-indent:-9999px;font-size:0;line-height:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
.ui-pushapp .btn-close:before{ position:absolute;left:10px;top:19px;content:'';display:block;width:20px;height:1px;margin:0 0 0 0;background:#aaa; }
.ui-pushapp .btn-close:after{ position:absolute;left:19px;top:10px;content:'';display:block;width:1px;height:20px;margin:0 0 0 0;background:#aaa; }
.ui-pushapp h3{ margin:-3px 0 7px;font-weight:bold;font-size:16px; }
.ui-pushapp .pic{ float:left;width:54px;height:54px;margin:0 30px 0 0; }
.ui-pushapp .pic img{ width:100%;height:100%; }
.ui-pushapp .ui-btn-sm1{ width:109px; }

/* --------------------------------------------
 *  SLIDER
/* ------------------------------------------ */
.slick-slider { position: relative;display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout:none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent; }
.slick-list { position: relative;display: block;overflow: hidden;margin: 0;padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer;cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
.slick-track { position: relative;top: 0;left: 0;display: block; }
.slick-track:before,
.slick-track:after{ display: table; content: ''; }
.slick-track:after{ clear: both; }
.slick-loading .slick-track{ visibility: hidden; }
.slick-slide{ display: none;float: left;height: 100%;min-height: 1px; }
.slick-slide img{ display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img{ pointer-events: none; }
.slick-initialized .slick-slide{ display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-arrow.slick-hidden { display: none; }
.slick-slider .pic{ position:relative;display:block;width:100%; }
.slick-slider .pic img{ display:block;width:100%; }
.slick-slider .nav{ position:absolute;width:100%;height:36px;padding:9px 0 0;line-height:1.2;text-align:center;color:#fff; }

/* product slider */
[data-ui-slider="case2"] .slick-slide{ width:100%; }
[data-ui-slider="case2"] .pic{ overflow:hidden;position:relative;width:100%;height:0; }
[data-ui-slider="case2"] .pic img{ position:absolute;top:0;left:0;right:0;width:100%; }
[data-ui-slider="case2"] .slick-arrow{ z-index:1;position:absolute;display:block;width:39px;height:36px;font-size:0;line-height:0;text-indent:-9999px;-webkit-tap-highlight-color:transparent;outline:none; }
[data-ui-slider="case2"] .slick-arrow:after{ position:absolute;left:50%;top:15px;content:'';display:block;width:1px;height:9px;margin:0;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 0;transform-origin:100% 0; }
[data-ui-slider="case2"] .slick-arrow:before{ position:absolute;right:50%;top:15px;content:'';display:block;width:1px;height:9px;margin:0;background:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0; }
[data-ui-slider="case2"] .btn-slider{ position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6); }
[data-ui-slider="case2"] .btn-prev{ left:0;bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg); }
[data-ui-slider="case2"] .btn-next{ right:0;bottom:0;-webkit-transform:rotate(90deg);transform:rotate(90deg); }
.slider-offer .links{ display:block; }
.ui-slider.slider-offer .info{ height:69px;padding:9px 8px 0; }
.ui-slider.slider-offer .info em{ display:block;font-size:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#111; }
.ui-slider.slider-offer .info .date{ display:block;font-size:14px;color:#888; }
.ui-slider.slider-offer .btn-slider{ bottom:69px;height:36px; }

/* dot - arrow slider */
.ui-slider[data-ui-slider="case3"]{ margin:0 -16px; }
.ui-slider[data-ui-slider="case3"] .item{ float:left; }
.ui-slider[data-ui-slider="case3"] .slick-slide{ width:100%; }
.ui-slider[data-ui-slider="case3"] .links{ display:block; }
.ui-slider[data-ui-slider="case3"] .pic{ display:block;overflow:hidden; }
.ui-slider[data-ui-slider="case3"] .pic img{ width:100%; }
.ui-slider[data-ui-slider="case3"] .slick-arrow{ z-index:1;position:absolute;display:block;width:40px;height:40px;margin:-20px 0 0;font-size:0;line-height:0;text-indent:-9999px;-webkit-tap-highlight-color:transparent;outline:none;opacity:0.7; }
.ui-slider[data-ui-slider="case3"] .slick-arrow:after{ position:absolute;left:50%;top:15px;content:'';display:block;width:2px;height:11px;margin:0 0 0 -1px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 0;transform-origin:100% 0;  }
.ui-slider[data-ui-slider="case3"] .slick-arrow:before{ position:absolute;right:50%;top:15px;content:'';display:block;width:2px;height:11px;margin:0 0 0 -1px;background:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0; }
.ui-slider[data-ui-slider="case3"] .btn-prev{ left:4px;top:50%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg); }
.ui-slider[data-ui-slider="case3"] .btn-next{ right:4px;top:50%;-webkit-transform:rotate(90deg);transform:rotate(90deg); }
.ui-slider[data-ui-slider="case3"] .slick-dots{ z-index:1;position:absolute;right:0;left:0;bottom:16px;text-align:center;font-size:0;line-height:0; }
.ui-slider[data-ui-slider="case3"] .slick-dots li{ display:inline-block;margin:0 2px;vertical-align:middle; }
.ui-slider[data-ui-slider="case3"] .slick-dots button{ overflow:hidden;width:10px;height:10px;border:2px solid rgba(255,255,255,0.5);border-radius:50%;text-indent:-9999px; }
.ui-slider[data-ui-slider="case3"] .slick-dots .slick-active button{ border:0;background:rgba(255,255,255,0.5); }

/* partners slider */
.slider-partners .slick-dots{ z-index:1;position:absolute;left:50%;bottom:16px;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;font-size:0;line-height:0; }
.slider-partners .slick-dots li{ display:inline-block;margin:0 2px;vertical-align:middle; }
.slider-partners .slick-dots button{ overflow:hidden;width:10px;height:10px;border:2px solid rgba(255,255,255,0.5);border-radius:50%;text-indent:-9999px; }
.slider-partners .slick-dots .slick-active button{ border:0;background:rgba(255,255,255,0.5); }

/* sub menu slider */
[data-ui="tab"] .ui-slider-menu{ margin-bottom:0; }
.ui-slider-menu{ display:-webkit-flex;display:flex;padding:0 16px;margin:0 -16px 16px;background:#fff; }
.ui-slider-menu .item{ -webkit-flex:1;flex:1;text-align:center;font-size:17px; }
.ui-slider-menu .item a{ display:table;width:100%;height:58px;margin:0 auto;font-size:17px;line-height:1.2;color:#aaaaaa; }
.ui-slider-menu .item span{ display:table-cell;vertical-align:middle;text-align:center; }
.ui-slider-menu .item.active a{ color:#111;}

.menuslider-wrap{ position:relative;width:100%; }
.menuslider-wrap .inner{ margin:0 -16px;background:#fff; }
.menuslider-wrap .inbox{ overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch; }
.ui-slider-menu[data-ui-slidermenu]{ overflow:hidden;width:1000px;display:block;padding:0;margin:0;background:#fff; }
.ui-slider-menu[data-ui-slidermenu] .item{ display:block;float:left;padding:0 16px; }
.ui-slider-menu[data-ui-slidermenu] .item a{ display:table;height:58px;font-size:17px;color:#aaaaaa; }
.ui-slider-menu[data-ui-slidermenu] .item.active a{ color:#111;border-bottom:2px solid #000000; }
.ui-slider-menu[data-ui-slidermenu] .item span{ display:table-cell;vertical-align:middle;text-align:center; }
.menuslider-wrap:after{ position:absolute;right:-16px;top:0;content:'';width:24px;height:58px;background:url('/static/en/img/common/slider_dimed_case5_right.png') 0 0 no-repeat;background-size:24px auto; }

.ui-slider-card{ margin:0 -16px }
.ui-slider-card .slick-dots{ z-index:1;position:absolute;left:50%;bottom:86px;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0 0 0;text-align:center;font-size:0;line-height:0; }
.ui-slider-card .slick-dots li{ display:inline-block;margin:0 2px;vertical-align:middle; }
.ui-slider-card .slick-dots button{ overflow:hidden;width:10px;height:10px;border:2px solid rgba(0,0,0,0.5);border-radius:50%;text-indent:-9999px; }
.ui-slider-card .slick-dots .slick-active button{ border:0;background:rgba(0,0,0,0.5); }
.ui-slider-card .ui-card{ padding:0 36px; }
/* --------------------------------------------
 *  COMMON - CARD
/* ------------------------------------------ */
.ui-card{ padding:0 20px; }
.ui-card .inner{ max-width:303px;margin:0 auto;background:#fff;border-radius:5px;box-shadow:0 2px 2px rgba(0,0,0,0.2); }
.ui-card .card-header{ overflow:hidden;position:relative;height:36px;padding:0 16px;border-radius:5px 5px 0 0;background:url('/static/en/img/mypage/bg_card_header.png') 0 0 repeat;background-size:auto 32px; }
.ui-card .card-header:before{ content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url('/static/en/img/mypage/bg_card_header2.png') 0 0 no-repeat;background-size:150px auto; }
.ui-card .name{ float:left;padding:11px 0 0;font-size:12px;color:#fff;font-weight:bold;text-transform:uppercase; }
.ui-card .user{ font-size:22px;color:#fff; }
.ui-card .type{ float:right;padding:11px 0 0;font-size:12px;color:#c19b76;font-weight:bold;text-transform:uppercase; }
.ui-card .barcord{ padding:0 16px;margin:15px 0 0; }
.ui-card .barcord img{ max-width:100%;margin:0 auto; }
.ui-card .number{ display:block;height:38px;padding:7px 0 0;text-align:center;font-size:16px;font-weight:bold; }
.ui-card .date{ float:left; }
.ui-card .status{ float:right; }
.ui-card .card-footer{ overflow:hidden;height:36px;padding:9px 0 0;margin:0 16px 2px;border-top:1px solid #eeeeee; }
.ui-card .card-footer span{ font-size:12px;color:#c19b76; }
.ui-card .card-footer span i{ margin-left:5px;color:#888; }
@media screen and (max-width: 370px) {
    .ui-card .date{ float:none; }
	.ui-card .status{ float:none; }
	.ui-card .card-footer{ overflow:hidden;height:auto;padding:9px 0 11px;margin:0 16px 2px;border-top:1px solid #eeeeee; }
}

/*카드타입2*/
.ui-card.ty2 { padding: 0 34px; }
.ui-card.ty2 .inner { box-shadow: none; }
.ui-card.ty2 .card-header { background: none; background-color: #5f6062; border-radius: 5px; width: 100%; height: 175px; }
.ui-card.ty2 .card-header:before { background-image: url('/static/en/img/common/card-logo.png'); width: 32px; height: 33px; right: 16px; top: 17px; left: auto; background-size: contain; }
.ui-card.ty2 .name { padding-top: 18px; }

/* --------------------------------------------
 *  SLIDER
/* ------------------------------------------ */
.ui-list-goods{ margin:16px 0 0 0; }
.ui-list-goods>li{ position:relative;margin-top:16px; }
.ui-list-goods>li:first-child{ margin-top:0; }
.ui-list-goods .package{ display:block;padding:15px 16px 15px;font-size:18px;color:#fff;text-align:center;background:#4b3319; }
.ui-list-goods .null{ padding:53px 0 66px;font-size:17px;color:#888;background:#f5f5f5;text-align:center; }
.ui-list-goods .null:before{ content:'';display:block;width:100px;height:100px;margin:0 auto 14px;background:#dddddd url('/static/en/img/common/null.png') center center no-repeat;background-size:100px auto;border-radius:50%; }
.ui-goods{ position:relative;display:block;width:100%; }
.ui-goods .pic{ overflow:hidden;position:relative;display:block;width:100%;height:0;padding:73.76093294460641% 0 0 0;background:#cccccc url('/static/en/img/common/bg_fallback.png') center 45%/144px auto no-repeat; }
.ui-goods .pic img{ position:absolute;top:0;left:0;right:0;width:100%; height: 100%; }
.ui-goods .info{ position:absolute;bottom:0;left:0;right:0;padding:16px 16px 14px 16px;background:rgba(28,29,30,0.95); }
.ui-goods .info:after{ content:'';display:block;clear:both; }
.ui-goods .gps{ position:absolute;top:-32px;left:16px;display:block;height:22px;padding:2px 8px 0 8px;font-size:14px;color:#fff;background:#b48e64; }
.ui-goods .gps:before{ width:12px;height:12px;margin-right:2px;background-position:-25px -15px;vertical-align:-1px; }
.ui-goods .stitle{ font-size:16px;line-height:1.2;font-weight:bold;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word; }
.ui-goods .atitle{ font-size:19px;line-height:1.2;font-weight:bold;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word; }
.ui-goods .date{ display:block;font-size:14px;color:#FFF; }
.ui-goods .desc{ font-size:14px;color:#dabb86;;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word; }
.ui-goods .desc2{ margin:3px 0 0;font-size:12px;line-height:1.333;color:rgba(255,255,255,0.5);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word; }
.ui-goods .price{ float:right;overflow:hidden;display:block;margin:5px 0 0;text-align:right; }
.ui-goods .price i{ padding:10px 3px 0 0;font-size:12px;color:rgba(255,255,255,0.5);vertical-align:1px;white-space:nowrap; }
.ui-goods .price strong{ font-size:20px;font-weight:700;color:#fff;white-space:nowrap; }
.ui-goods .price span{ font-size:20px;color:#fff;font-weight:500;white-space:nowrap; }
.ui-goods .stitle + .location { margin-top: 5px; } /*171128 수정*/
.ui-goods .location { display: block; color: rgba(255, 255, 255, 0.5); }/*171128 수정*/
.ui-goods .benefits{ overflow:hidden; }
.ui-goods [class*="flag"]{ float:left;height:24px;padding:2px 7px 0 7px;margin:8px 5px 0 0;font-size:12px;vertical-align:top; }
.ui-goods .flag1{ border:1px solid #616997;border-bottom-color:#a2a8c5;background:#616997;color:#fff; }
.ui-goods .flag2{ border:1px solid #9c7652;background:#c19b76;color:#fff; }
.ui-list-goods [class*="btn-rate"]{ z-index:1;position:absolute;top:5px;right:4px;width:40px;height:40px;-webkit-tap-highlight-color:transparent;outline:none; }
.ui-list-goods [class*="btn-rate"]:after{ position:absolute;left:50%;top:15px;content:'';display:block;width:2px;height:14px;margin:0 0 0 -1px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 0;transform-origin:100% 0;  }
.ui-list-goods [class*="btn-rate"]:before{ position:absolute;right:50%;top:15px;content:'';display:block;width:2px;height:14px;margin:0 0 0 -1px;background:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0; }
.ui-list-goods .btn-rate-close{ -webkit-transform:rotate(0deg);transform:rotate(0deg); }
.ui-list-goods .btn-rate-open{ -webkit-transform:rotate(-180deg);transform:rotate(-180deg); }
.ui-goods .opt-demand{ margin:3px 0 0;font-size:12px;color:#888; }
.ui-list-goods .expand{ padding:0 16px 16px 16px;background:rgba(28,29,30,0.95); }
.ui-list-goods .expand dl{ position:relative;padding:10px 0 0;border-top:1px solid #4a4a49; }
.ui-list-goods .expand dt{ position:absolute;left:0;padding:7px 0 0;letter-spacing:-1px;color:rgba(255,255,255,0.5); }
.ui-list-goods .expand dd{ min-height:25px;padding:7px 0 0 110px;color:#fff; }
.ui-list-goods .btn-group2{ margin-top:-1px; }

.ui-list-rate{  }
.ui-list-rate>li{ padding:16px 16px 0 16px;margin-top:8px;background:#fff; }
.ui-list-rate .stitle{ display:block;padding:0 0 10px;font-size:18px;font-weight:bold; }
.ui-list-rate .opts{ padding:18px 0 0;margin:3px 0 0;border-top:1px solid #eeeeee; }
.ui-list-rate .opts i{ display:inline-block;height:24px;padding:3px 10px 0 10px;line-height:1.2;background:#aaaaaa;color:#fff;vertical-align:top; }
.ui-list-rate .opts p{ margin:6px 0 13px;font-size:16px;color:#888;word-break:keep-all; }
.ui-list-rate .tips{ overflow:hidden;margin:0 0 9px; }
.ui-list-rate .tips i{ float:left;min-height:24px;padding:3px 7px 2px 7px;margin:2px 2px 0 0;border:1px solid #dddddd;font-size:12px;line-height:1.2;color:#888888;/*white-space:nowrap;*/ }
.ui-list-rate .price{ display:block;overflow:hidden;display:block;padding:15px 16px 13px;margin:7px -16px 0;border-top:1px solid #dddddd;text-align:right; }
.ui-list-rate .price del{ display:block;color:#888;text-decoration:line-through; }
.ui-list-rate .price del span{ display:none; }
.ui-list-rate .price i{ font-size:10px;color:#888;vertical-align:2px; margin-right: 7px; }
.ui-list-rate .price strong{ font-size:18px;font-weight:700; }
.ui-list-rate .price a { font-size: 18px; font-weight: 700; text-decoration: underline; }
.ui-list-rate .price em{ display:block;font-size:18px;font-weight:700; }
.ui-list-rate .price span{ font-size:18px;font-weight:700;font-weight:500; }
.ui-list-rate .ui-btn-xl1{ height:50px;padding:0 16px;margin:0 -16px;line-height:49px;box-sizing:content-box; }

/* --------------------------------------------
 *  LIST
/* ------------------------------------------ */
.ui-table-view table + .ui-list-help1{ border-top:1px solid #eeeeee;padding:8px 0 12px;margin-top:0; }
.ui-table-view + .ui-list-help1{ margin-top:14px; }
.ui-list-help1{ margin:8px 0 0; }
.ui-list-help1>li{ position:relative;padding:0 0 0 7px;margin:6px 0 0;font-size:14px;color:#888888;word-break:break-word; }
.ui-list-help1>li:first-child{ margin-top:0; }
.ui-list-help1>li:before{ position:absolute;left:0;top:6px;content:'';display:block;width:3px;height:3px;border-radius:100%;background:#888888; }
.ui-list-help1>li.pd {overflow:hidden;}
.ui-list-help1>li.pd span {float:left;}
.ui-list-help1>li.pd span + span {margin-left:3px;}
.ui-list-help1+.ui-list-help1{ padding-top:8px;border-top:1px solid #ebebeb; }

.ui-list-help2{ margin:8px 0 0; }
.ui-list-help2>li{ position:relative;padding:0 0 0 27px;margin:12px 0 0;font-size:14px;color:#666; }
.ui-list-help2>li:first-child{ margin-top:0; }
.ui-list-help2>li .notice{ display:block;width:0;height:0;font-size:0;line-height:0;text-indent:-999px; }
.ui-list-help2>li .notice:before{ position:absolute;left:0;top:0;content:'';display:block;width:18px;height:18px;background-position:-165px -75px; }
.ui-list-help2 .slist{ margin:4px 0 0; }
.ui-list-help2 .slist li{ color:#888; }

.ui-list-help3>li{ position:relative;padding:0 0 0 16px;margin:6px 0 0;text-indent:-16px;font-size:14px;color:#888888;word-break:break-word; }

.ui-tipbox{ padding:12px 14px 11px 14px;border:1px solid #eadcce;color:#111;text-align:center;background:#f5eee7; }
.ui-tipbox.tip-undefined{ margin:15px 0 15px; }

/* --------------------------------------------
 *  COMMON - OFFER
/* ------------------------------------------ */
.slider-offer .pic{ padding:46.64723032069971% 0 0 0;background:#cccccc url('/static/en/img/common/bg_fallback.png') center 45%/144px auto no-repeat; }

/* --------------------------------------------
 *  COMMON - STEP Message
/* ------------------------------------------ */
.step-finish{ padding:22px 0 0;text-align:center; }
.step-finish h2{ font-size:24px; }
.step-finish p{ margin:0 0 21px;font-size:17px;color:#888; }
.step-finish .bookingcode{ display:-webkit-flex;display:flex;padding:25px 15px;border:1px solid #eeeeee;font-size:18px;background:#fafafa;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center; }
.step-finish .bookingcode > div { width: 100%; }
.step-finish .bookingcode i{ padding-right:9px; }
.step-finish .bookingcode span { display: block; margin-top: 12px; padding-top: 12px; border-top: 1px solid #eee; color: #888; font-size: 16px; }
@media screen and (max-width: 370px) {
   .step-finish .bookingcode i{ display: inline-block; width:100%; padding-right: 0; }
}

/* --------------------------------------------
 *  COMMON - infobox
/* ------------------------------------------ */
.ui-infobox{ padding:19px 16px 19px 16px;margin:0 -16px;background:#122538;text-align:center; }
.ui-infobox h3{ font-size:16px;font-weight:bold;color:#fff; }
.ui-infobox p{ margin:5px 0 0;font-size:14px;line-height:1.357;;color:#91959b; }
.ui-infobox .btn-group{ margin:17px 0 0;-webkit-justify-content:center;justify-content:center; }
.ui-infobox .btn-group .ui-btn-m1{ max-width:160px;font-weight:bold; }

/* --------------------------------------------
 *  COMMON - 단계 메시지
/* ------------------------------------------ */
.ui-step-message{ text-align:center; }
.ui-step-message h4{ font-size:21px; }
.ui-step-message h4:before{ content:'';display:block;margin:0 auto 16px; }
.ui-step-message p{ font-size:17px;line-height:1.294; }
.ui-step-message p em{ color:#c19b76; }

/* --------------------------------------------
 *  COMMON - Search field
/* ------------------------------------------ */
.ui-search{ margin:25px 0 0; }
.ui-search .form-type{ padding:15px 16px 3px;margin:0 -16px 0;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;background:#fff; }
.ui-search .form-type .sfake1{ margin:0 0 12px; }
.ui-search .form-search{ position:relative;padding:15px 16px;margin:0 -16px 0;background:#f5f5f5; }
.ui-search .form-search .window{ width:100%;height:40px;padding:0 45px 0 10px;border:1px solid #cccccc;line-height:41px; }
.ui-search .form-search .btn-search{ z-index:1;position:absolute;right:16px;top:15px;width:40px;height:40px; }
.ui-search .form-search .btn-search.set-icons:before{ width:16px;height:16px;background-position:-130px 0; }

/* --------------------------------------------
 *  COMMON - FAQ
/* ------------------------------------------ */
.ui-qa{ margin:0 -16px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;background:#fff; }
.ui-qa .h-accordion{ position:relative;padding:16px 52px 16px 59px;-webkit-tap-highlight-color:transparent;outline:none; }
.ui-qa .h-accordion:before{ content:'';position:absolute;left:24px;top:12px;display:block;width:25px;height:25px;background:url('/static/en/img/common/set_faq.png') 0 0 no-repeat;background-size:25px 75px; }
.ui-qa .h-accordion:after{ content:'';position:absolute;top:0;left:16px;right:16px;height:1px;background:#dddddd; }
.ui-qa .h-accordion:first-child:after{ display:none; }
.ui-qa .h-accordion .qbox{ display:table;width:100%;margin:0 -40px 0 0; }
.ui-qa .h-accordion .qbox .cell1{ display:table-cell;vertical-align:top; }
.ui-qa .h-accordion .qbox .cell2{ display:table-cell;width:30px;vertical-align:top; }
.ui-qa .h-accordion .qbox .question{ margin:0; }
.ui-qa .h-accordion .question{ margin:0 -10px 0 0;font-size:17px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;color:#111; }
.ui-qa .btn-file-view{ display:block;width:30px;text-align:right;-webkit-tap-highlight-color:transparent;outline:none; }
.ui-qa .btn-file-view.set-icons:before{ width:18px;height:17px;background-position:-25px -80px; }
.ui-qa .hotel{ display:block;margin:0 0 2px;color:#888; }
.ui-qa .category{ display:block;margin:0 0 3px;;color:#888; }
.ui-qa .filebox{ display:block; }
.ui-qa .file{ display:block;font-size:12px;color:#888;word-break:break-all; }
.ui-qa .file.set-icons:before{ width:13px;height:12px;margin:0 6px 0 0;background-position:-25px -65px;vertical-align:-1px; }
.ui-qa .pic{ display:block;margin:0 0 6px; }
.ui-qa .pic img{ max-width:100%; }
.ui-qa .etc{ display:none;margin:6px 0 0; }
.ui-qa .date{ display:block;font-size:12px;color:#888; }
.ui-qa .date .set-icons:before{ width:13px;height:12px;margin:0 6px 0 0;background-position:-25px -50px;vertical-align:-1px; }
.ui-qa [class*="status-"]{ display:block;margin:15px 0 -1px;font-size:14px; }
.ui-qa .status-done{ color:#c19b76; }
.ui-qa .status-cancle{ color:#888; }
.ui-qa .status-ing{ color:#ff0000; }
.ui-qa .details{ display:none;position:relative;color:#888;word-break:break-all;background:#f9f9f9; }
.ui-qa .details:before{ content:'';position:absolute;left:24px;top:14px;display:block;width:25px;height:25px;background:url('/static/en/img/common/set_faq.png') 0 -50px no-repeat;background-size:25px 75px; }
.ui-qa .details .inner{ padding:16px 32px 16px 59px; }
.ui-qa .details p{ margin:0 0 0; }
.ui-qa .details p:last-child{ margin:0; }
.ui-qa .btn-accordion{ z-index:1;position:absolute;top:3px;right:13px;width:40px;height:40px;-webkit-tap-highlight-color:transparent;outline:none; }
.ui-qa .btn-accordion:after{ position:absolute;left:50%;top:15px;content:'';display:block;width:2px;height:12px;margin:0 0 0 -1px;background:#111111;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 0;transform-origin:100% 0;  }
.ui-qa .btn-accordion:before{ position:absolute;right:50%;top:15px;content:'';display:block;width:2px;height:12px;margin:0 0 0 -1px;background:#111111;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0; }
.ui-qa .btn-accordion{ -webkit-transform:rotate(-180deg);transform:rotate(-180deg); }
.ui-qa .null:before{ content:'';display:block;width:100px;height:100px;margin:0 auto 14px;background:#dddddd url('/static/en/img/common/null.png') center center no-repeat;background-size:100px 100px;border-radius:50%; }
.ui-qa .null{ padding:60px 0 66px;margin:0 0 -1px;font-size:17px;color:#888;background:#f5f5f5;text-align:center; }
.ui-qa.qa-inquiry .null:before{ background-image:url('/static/en/img/mypage/null_inquiry.png'); }

.ui-qa .h-accordion.open{ background-color:#f7f5f3; }
.ui-qa .h-accordion.open:before{ background-position:0 -25px; }
.ui-qa .open .btn-accordion{ -webkit-transform:rotate(0deg);transform:rotate(0deg); }
.ui-qa .open .btn-accordion:after, .ui-qa .open .btn-accordion:before{ background:#c19b76; }
.ui-qa .open .question{ display:block;overflow:visible; }
.ui-qa .open .qbox .cell2{ display:none; }
.ui-qa .open .etc{ display:block; }

/* --------------------------------------------
 *  COMMON - FAQ
/* ------------------------------------------ */
.ui-accordion{ margin:0 -16px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;background:#fff; }
.ui-accordion .h-accordion{ position:relative;padding:14px 40px 15px 8px;margin:0 16px;border-top:1px solid #dddddd;-webkit-tap-highlight-color:transparent;outline:none; }
.ui-accordion .h-accordion:first-child{ border-top:0; }
.ui-accordion .stitle{ font-size:17px;word-break:break-word; }
.ui-accordion .details{ display:none;position:relative;word-break:break-all;; }
.ui-accordion .details:after{ content:'';position:absolute;left:16px;right:16px;top:0;height:1px;background:#dddddd; }
.ui-accordion .details .inner{ padding:16px 24px 16px 24px; }
.ui-accordion .details dt{ font-size:17px; }
.ui-accordion .details dd{ margin:0 0 8px;font-size:17px;color:#888; }
.ui-accordion .details dd:last-child{ margin:0; }
.ui-accordion .details .inner>.ui-list-help1{ margin-top:0; }
.ui-accordion .btn-accordion{ z-index:1;position:absolute;top:3px;right:-4px;width:40px;height:40px;-webkit-tap-highlight-color:transparent;outline:none; }
.ui-accordion .btn-accordion:after{ position:absolute;left:50%;top:15px;content:'';display:block;width:2px;height:12px;margin:0 0 0 -1px;background:#111111;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 0;transform-origin:100% 0;  }
.ui-accordion .btn-accordion:before{ position:absolute;right:50%;top:15px;content:'';display:block;width:2px;height:12px;margin:0 0 0 -1px;background:#111111;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0; }
.ui-accordion .btn-accordion{ -webkit-transform:rotate(-180deg);transform:rotate(-180deg); }
.ui-accordion .open .btn-accordion{ -webkit-transform:rotate(0deg);transform:rotate(0deg); }
.ui-accordion .open .btn-accordion:after,
.ui-accordion .open .btn-accordion:before{ background:#c19b76; }
.ui-accordion .h-accordion.open { color:#c19b76; }
.ui-accordion .summary{ margin:14px 0 5px; }
.ui-accordion .summary:first-child{ margin-top:0; }

/* --------------------------------------------
 *  COMMON - 예약하기
/* ------------------------------------------ */
#stepsBooking{ /*position:fixed;z-index:500;top:0;left:0;right:0;*/padding:0 16px 32px;height:100%;/*background:#fff;*//*overflow:hidden;overflow-y:auto;*/  }
.header-page{ position:relative;overflow:hidden;min-height:44px;margin:0 -16px;background:#c19b76; }
.header-page h1{ padding:10px 46px 10px;font-size:18px;text-align:center;color:#fff; }
.header-page .btn-close{ position:absolute;right:3px;top:3px;overflow:hidden;width:40px;height:40px;cursor:pointer;font-size:0;line-height:0;-webkit-tap-highlight-color:transparent;outline:none;text-indent:-9999px;font-size:0;line-height:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
.header-page .btn-close:before{ position:absolute;left:12px;top:19px;content:'';display:block;width:16px;height:2px;margin:0 0 0 -1px;background:#fff; }
.header-page .btn-close:after{ position:absolute;left:19px;top:12px;content:'';display:block;width:2px;height:16px;margin:0 0 0 -1px;background:#fff; }

.ui-summary{ overflow:hidden;margin:0 -16px 0;border-top:1px solid #caac8e;background:#c19b76; }
.ui-summary .inner{ overflow:hidden; }
.ui-summary dl{ position:relative;padding:6px 0 13px;margin:0 16px 0;font-size:16px; }
.ui-summary dt{ position:absolute;left:0;margin:10px 0 0;color:#e1d1c2; }
.ui-summary dd{ min-height:21px;margin:10px 0 0 85px;color:#fff; }
.ui-summary dd.checkinout{ min-height:42px; }
.ui-summary ul li{ margin:10px 0 0; }
.ui-summary ul li:first-child{ margin:0; }
.ui-summary .btn-research{ display:block;height:36px;padding:6px 0 0;margin:0 16px 12px;border:2px solid #fff;font-size:14px;color:#fff;text-align:center; }
.ui-summary [class*="btn-summary-"]{ display:block;width:100%;height:36px;padding:0 16px;margin:0 -16px;font-size:16px;color:#fff;background:#9a7c5e;box-sizing:content-box; }
.ui-summary .btn-summary-close .ico{ z-index:1;position:relative;display:block;width:8px;height:8px;margin:-3px auto 0;font-size:0;line-height:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg); }
.ui-summary .btn-summary-close .ico:after{ position:absolute;left:0;top:1px;content:'';display:block;width:1px;height:8px;margin:0 0 0 -1px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%;  }
.ui-summary .btn-summary-close .ico:before{ position:absolute;left:0;top:-1px;content:'';display:block;width:1px;height:8px;margin:0 0 0 -1px;background:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0; }
.ui-summary .btn-summary-open .ico{ z-index:1;position:relative;display:inline-block;width:6px;height:6px;margin:0 0 0 8px;font-size:0;line-height:0;vertical-align:middle;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0.7; }
.ui-summary .btn-summary-open .ico:after{ position:absolute;left:0;top:1px;content:'';display:block;width:1px;height:6px;margin:0 0 0 -1px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%;  }
.ui-summary .btn-summary-open .ico:before{ position:absolute;left:0;top:0;content:'';display:block;width:1px;height:6px;margin:0 0 0 -1px;background:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0; }
.ui-summary.isclose{ border-top:0; }
.ui-summary.isclose .btn-research{ display:none; }

/* --------------------------------------------
 *  COMMON - 검색결과
/* ------------------------------------------ */
.ui-results{ margin:22px 0 4px;font-size:16px;font-weight:bold; }
.ui-results .valid{ color:#0666dc; }
.ui-results .invalid{ color:#ff0000; }

.ui-result2{ margin:26px 0 -4px;font-size:16px; }
.ui-result2 .highlight{ color:#c19b76;font-weight:500; }
.ui-result2 .total{ text-decoration:underline;font-weight:normal; }

/* --------------------------------------------
 *  COMMON - 소팅
/* ------------------------------------------ */
.ui-sort1{ margin:30px 0 -9px; }
.ui-sort1 .sfake1{ width:100%; }
.ui-sort1 .links-guarantee{ margin:9px 0 0;text-align:right; }

.ui-sort2{ margin:25px 0 7px; }
.ui-sort2 .sfake1{ width:100%; }
.ui-sort2 .ui-results { margin-bottom:-2px; }

.ui-sort3{ margin:16px 0 16px; }
.ui-sort3 .sfake1{ width:100%; }

/* 예약 취소하기 */
.ui-step-message.complete-cancle{ padding:0 0 25px; }
.ui-step-message.complete-cancle h4{ padding:80px 0 0; }
.ui-step-message.complete-cancle h4:before{ content:'';display:block;width:110px;height:100px;margin:0 auto 18px;background:url('/static/en/img/reservation/complete_cancle.gif') 0 0 no-repeat;background-size:110px auto; }

/* --------------------------------------------
 *  COMMON - 썸네일 리스트
/* ------------------------------------------ */
.ui-list-thumb{ margin:0 -16px 16px;;border-bottom:1px solid #dddddd; }
.ui-list-thumb li{ position:relative;height:125px;padding:0 138px 0 8px;margin:0 16px;border-top:1px solid #dddddd; }
.ui-list-thumb li:first-child{ border-top:2px solid #000000; }
.ui-list-thumb .pic{ overflow:hidden;position:absolute;top:17px;right:8px;width:122px;height:90px;background:#cccccc url('/static/en/img/common/bg_fallback.png') center center/50% auto no-repeat; }
.ui-list-thumb .pic img{ width:auto;height:100%; }
.ui-list-thumb .stitle{ display:block;padding:20px 0 0;margin:0 0 8px;font-size:16px;color:#111; }
.ui-list-thumb .desc{ overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;color:#888; }

/* --------------------------------------------
 *  COMMON - hotel grade
/* ------------------------------------------ */
[class*="ui-geade"]{ height:8px;background:url('/static/en/img/common/set_grade.png') no-repeat;background-size:50px auto; }
.ui-geade5{ width:50px;background-position:0 0; }
.ui-geade4{ width:40px;background-position:0 -10px; }
.ui-geade3{ width:30px;background-position:0 -20px; }
.ui-geade2{ width:20px;background-position:0 -30px; }
.ui-geade1{ width:10px;background-position:0 -40px; }

/* --------------------------------------------
 *  COMMON - Coupon
/* ------------------------------------------ */
.ui-list-coupon .coupon{ overflow:hidden;position:relative;padding:0 80px 0 0;margin:16px 0 0; }
.ui-list-coupon .coupon:first-child{ margin-top:0; }
.ui-list-coupon .info{ position:relative;min-height:127px;padding:14px 10px 50px 16px;border:1px solid #cecece;border-right:0;background:#fff; }
.ui-list-coupon .stitle{ font-size:17px;line-height:1.2;font-weight:bold; }
.ui-list-coupon dl{ margin:6px 0 0; }
.ui-list-coupon dt{ position:absolute;left:16px;font-size:12px;letter-spacing:-1px;color:#b0b0b0; }
.ui-list-coupon dd{ margin:0 0 0 85px;color:#888; }
.ui-list-coupon .place{ margin:7px 0 -5px;font-size:12px;line-height:1.2;color:#664220; }
.ui-list-coupon .ctitle{ position:absolute;color:#888;word-break:break-word; }
.ui-list-coupon .type{ position:absolute;bottom:12px;left:16px;color:#888;word-break:break-word; }
.ui-list-coupon .type i{ color:#c19b76; }
.ui-list-coupon .hotel{ position:absolute;bottom:42px;left:146px;color:#888;word-break:break-word; }
.ui-list-coupon [class*="btn-"]{ position:absolute;right:0;top:0;bottom:0;width:80px;color:#fff;background:#c19b76; }
.ui-list-coupon [class*="btn-"] span{ position:absolute;top:50%;left:0;right:0;padding:0 5px;line-height:1.2;word-break:break-word;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center; }
.ui-list-coupon [class*="btn-"] .set-icons:before{ display:block;width:37px;height:22px;margin:0 auto 5px;  }
.ui-list-coupon [class*="btns-"]{ position:absolute;right:0;top:0;bottom:0;width:80px; }
.ui-list-coupon [class*="btns-"] span{ position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center; }
.ui-list-coupon [class*="btns-"] .set-icons:before{ display:block;width:37px;height:22px;margin:0 auto 5px;  }
.ui-list-coupon .btn-book .set-icons:before{ background-position:-200px -25px; }
.ui-list-coupon .btn-expried .set-icons:before{ background-position:-200px 0; }
.ui-list-coupon .btn-use .set-icons:before{ background-position:-200px -75px; }
.ui-list-coupon .btn-down .set-icons:before{ background-position:-200px -50px; }
.ui-list-coupon .expried .info{ background:#e5e5e5; }
.ui-list-coupon .expried .stitle{ color:#666; }
.ui-list-coupon .expried .type i{ color:#888; }
.ui-list-coupon .expried [class*="btn-"]{ background-color:#ccc; }
.ui-list-coupon .expried [class*="btn-"] .set-icons:before{ background-position:-200px 0; }
.ui-list-coupon .end .info{ background:#e5e5e5; }
.ui-list-coupon .end .stitle{ color:#666; }
.ui-list-coupon .end .type i{ color:#888; }
.ui-list-coupon .end [class*="btn-"]{ background-color:#ccc; }
.ui-list-coupon .end [class*="btn-"] .set-icons:before{ background-position:-200px -100px; }
.ui-list-coupon .null{ padding:53px 0 66px;font-size:17px;color:#888;background:#f5f5f5;text-align:center; }
.ui-list-coupon .null{ padding:53px 0 66px;font-size:17px;color:#888;background:#f5f5f5;text-align:center; }
.ui-list-coupon .null:before{ content:'';display:block;width:100px;height:100px;margin:0 auto 14px;background:#dddddd url('/static/en/img/mypage/null_coupon.png') center center no-repeat;background-size:57px auto;border-radius:50%; }
.ui-list-coupon .btnG { min-width:130px; height:30px; line-height:28px; font-size:12px; padding:0 6px; } /* table in */

.btnG { box-sizing:border-box; vertical-align:middle; display:inline-block; text-align:center;}

.btns-10 { background-color:#30406b; color:#fff; border:1px solid #0a0f21;} /* 진회색 */
.btns-10:hover { background-color:#7d8daf; color:#fff; }
/* --------------------------------------------
 *  COMMON - Period
/* ------------------------------------------ */
[data-ui-tab="tab"] .ui-period{ margin-top:16px; }
.ui-period{ position:relative; }
.ui-period ul{ overflow:hidden;display:-webkit-flex;display:flex;margin-right:-1px; }
.ui-period li{ -webkit-flex:1;flex:1;position:relative;height:40px;border:1px solid #cccccc;border-left:0;cursor:pointer;background:#fff; }
.ui-period li:first-child{ border-left:1px solid #ccc;}
.ui-period li:last-child{  }
.ui-period input[type="radio"]{ position:absolute;left:-9999px;top:-9999px; }
.ui-period label{ position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;display:block;height:40px;padding:12px 5px 0;border-right:0;line-height:1.1;color:#888888;text-align:center;word-break:break-word; }
.ui-period input[type="radio"]:checked+label{ background:#999999;color:#fff;  }
.ui-period .daterangepicker{ top:89px !important;left:0 !important;; }
.ui-period .field-daterangepicker{ position:relative;display:none;margin:10px 0 24px; }
.ui-period .field-daterangepicker .btn{ z-index:2;width:40px;position:absolute;right:0;top:0;bottom:0; }
.ui-period .field-daterangepicker .set-icons2:after{ cursor:pointer;position:absolute;right:10px;top:50%;width:15px;height:15px;margin:-8px 0 0;background-position:0 -50px; }
@media screen and (max-width: 370px) {
    .ui-period li:nth-child(4) label{ padding-top:4px; }
}

/* --------------------------------------------
 *  COMMON - page loading
/* ------------------------------------------ */
.pageloading { position:fixed; left:0; top:0; width:0; height:0; z-index:-1; visibility: hidden; }
.pageloading span { position:absolute; left:50%; top:50%; margin:-60px; width:120px; height:120px; overflow:hidden; }
.pageloading .ani { position:absolute; left:0; top:0; width:780px; height:1300px; background:url("/static/en/img/common/set_loading.png") 0 0 no-repeat; background-size:100% 100%; }
.pageloading.visible { width:100%; height:100%; z-index:1000; background:rgba(0,0,0,0.2); visibility: visible; }
.pageloading.visible .ani {
  animation-name: load-sequence;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: step-start;

  -webkit-animation-name: load-sequence;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: step-start;

  -moz-animation-name: load-sequence;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: step-start;
}
@keyframes load-sequence{0%,1.68%{top:0;left:0}1.69%,3.37%{top:-130px;left:0}3.38%,5.07%{top:-260px;left:0}5.08%,6.76%{top:-390px;left:0}6.77%,8.46%{top:-520px;left:0}10.15%,8.47%{top:-650px;left:0}10.16%,11.85%{top:-780px;left:0}11.86%,13.54%{top:-910px;left:0}13.55%,15.24%{top:-1040px;left:0}15.25%,16.93%{top:-1170px;left:0}16.94%,18.63%{top:0;left:-130px}18.64%,20.32%{top:-130px;left:-130px}20.33%,22.02%{top:-260px;left:-130px}22.03%,23.71%{top:-390px;left:-130px}23.72%,25.41%{top:-520px;left:-130px}25.42%,27.1%{top:-650px;left:-130px}27.11%,28.8%{top:-780px;left:-130px}28.81%,30.49%{top:-910px;left:-130px}30.5%,32.19%{top:-1040px;left:-130px}32.2%,33.88%{top:-1170px;left:-130px}33.89%,35.58%{top:0;left:-260px}35.59%,37.27%{top:-130px;left:-260px}37.28%,38.97%{top:-260px;left:-260px}38.98%,40.66%{top:-390px;left:-260px}40.67%,42.36%{top:-520px;left:-260px}42.37%,44.05%{top:-650px;left:-260px}44.06%,45.75%{top:-780px;left:-260px}45.76%,47.44%{top:-910px;left:-260px}47.45%,49.14%{top:-1040px;left:-260px}49.15%,50.83%{top:-1170px;left:-260px}50.84%,52.53%{top:0;left:-390px}52.54%,54.22%{top:-130px;left:-390px}54.23%,55.92%{top:-260px;left:-390px}55.93%,57.61%{top:-390px;left:-390px}57.62%,59.31%{top:-520px;left:-390px}59.32%,61%{top:-650px;left:-390px}61.01%,62.7%{top:-780px;left:-390px}62.71%,64.39%{top:-910px;left:-390px}64.4%,66.09%{top:-1040px;left:-390px}66.1%,67.78%{top:-1170px;left:-390px}67.79%,69.48%{top:0;left:-520px}69.49%,71.17%{top:-130px;left:-520px}71.18%,72.87%{top:-260px;left:-520px}72.88%,74.56%{top:-390px;left:-520px}74.57%,76.26%{top:-520px;left:-520px}76.27%,77.95%{top:-650px;left:-520px}77.96%,79.65%{top:-780px;left:-520px}79.66%,81.34%{top:-910px;left:-520px}81.35%,83.04%{top:-1040px;left:-520px}83.05%,84.73%{top:-1170px;left:-520px}84.74%,86.43%{top:0;left:-650px}86.44%,88.12%{top:-130px;left:-650px}88.13%,89.82%{top:-260px;left:-650px}89.83%,91.51%{top:-390px;left:-650px}91.52%,93.21%{top:-520px;left:-650px}93.22%,94.9%{top:-650px;left:-650px}94.91%,96.6%{top:-780px;left:-650px}96.61%,98.29%{top:-910px;left:-650px}98.3%,99.99%{top:-1040px;left:-650px}100%{top:0;left:0}}@-webkit-keyframes load-sequence{0%,1.68%{top:0;left:0}1.69%,3.37%{top:-130px;left:0}3.38%,5.07%{top:-260px;left:0}5.08%,6.76%{top:-390px;left:0}6.77%,8.46%{top:-520px;left:0}10.15%,8.47%{top:-650px;left:0}10.16%,11.85%{top:-780px;left:0}11.86%,13.54%{top:-910px;left:0}13.55%,15.24%{top:-1040px;left:0}15.25%,16.93%{top:-1170px;left:0}16.94%,18.63%{top:0;left:-130px}18.64%,20.32%{top:-130px;left:-130px}20.33%,22.02%{top:-260px;left:-130px}22.03%,23.71%{top:-390px;left:-130px}23.72%,25.41%{top:-520px;left:-130px}25.42%,27.1%{top:-650px;left:-130px}27.11%,28.8%{top:-780px;left:-130px}28.81%,30.49%{top:-910px;left:-130px}30.5%,32.19%{top:-1040px;left:-130px}32.2%,33.88%{top:-1170px;left:-130px}33.89%,35.58%{top:0;left:-260px}35.59%,37.27%{top:-130px;left:-260px}37.28%,38.97%{top:-260px;left:-260px}38.98%,40.66%{top:-390px;left:-260px}40.67%,42.36%{top:-520px;left:-260px}42.37%,44.05%{top:-650px;left:-260px}44.06%,45.75%{top:-780px;left:-260px}45.76%,47.44%{top:-910px;left:-260px}47.45%,49.14%{top:-1040px;left:-260px}49.15%,50.83%{top:-1170px;left:-260px}50.84%,52.53%{top:0;left:-390px}52.54%,54.22%{top:-130px;left:-390px}54.23%,55.92%{top:-260px;left:-390px}55.93%,57.61%{top:-390px;left:-390px}57.62%,59.31%{top:-520px;left:-390px}59.32%,61%{top:-650px;left:-390px}61.01%,62.7%{top:-780px;left:-390px}62.71%,64.39%{top:-910px;left:-390px}64.4%,66.09%{top:-1040px;left:-390px}66.1%,67.78%{top:-1170px;left:-390px}67.79%,69.48%{top:0;left:-520px}69.49%,71.17%{top:-130px;left:-520px}71.18%,72.87%{top:-260px;left:-520px}72.88%,74.56%{top:-390px;left:-520px}74.57%,76.26%{top:-520px;left:-520px}76.27%,77.95%{top:-650px;left:-520px}77.96%,79.65%{top:-780px;left:-520px}79.66%,81.34%{top:-910px;left:-520px}81.35%,83.04%{top:-1040px;left:-520px}83.05%,84.73%{top:-1170px;left:-520px}84.74%,86.43%{top:0;left:-650px}86.44%,88.12%{top:-130px;left:-650px}88.13%,89.82%{top:-260px;left:-650px}89.83%,91.51%{top:-390px;left:-650px}91.52%,93.21%{top:-520px;left:-650px}93.22%,94.9%{top:-650px;left:-650px}94.91%,96.6%{top:-780px;left:-650px}96.61%,98.29%{top:-910px;left:-650px}98.3%,99.99%{top:-1040px;left:-650px}100%{top:0;left:0}}@-moz-keyframes load-sequence{0%,1.68%{top:0;left:0}1.69%,3.37%{top:-130px;left:0}3.38%,5.07%{top:-260px;left:0}5.08%,6.76%{top:-390px;left:0}6.77%,8.46%{top:-520px;left:0}10.15%,8.47%{top:-650px;left:0}10.16%,11.85%{top:-780px;left:0}11.86%,13.54%{top:-910px;left:0}13.55%,15.24%{top:-1040px;left:0}15.25%,16.93%{top:-1170px;left:0}16.94%,18.63%{top:0;left:-130px}18.64%,20.32%{top:-130px;left:-130px}20.33%,22.02%{top:-260px;left:-130px}22.03%,23.71%{top:-390px;left:-130px}23.72%,25.41%{top:-520px;left:-130px}25.42%,27.1%{top:-650px;left:-130px}27.11%,28.8%{top:-780px;left:-130px}28.81%,30.49%{top:-910px;left:-130px}30.5%,32.19%{top:-1040px;left:-130px}32.2%,33.88%{top:-1170px;left:-130px}33.89%,35.58%{top:0;left:-260px}35.59%,37.27%{top:-130px;left:-260px}37.28%,38.97%{top:-260px;left:-260px}38.98%,40.66%{top:-390px;left:-260px}40.67%,42.36%{top:-520px;left:-260px}42.37%,44.05%{top:-650px;left:-260px}44.06%,45.75%{top:-780px;left:-260px}45.76%,47.44%{top:-910px;left:-260px}47.45%,49.14%{top:-1040px;left:-260px}49.15%,50.83%{top:-1170px;left:-260px}50.84%,52.53%{top:0;left:-390px}52.54%,54.22%{top:-130px;left:-390px}54.23%,55.92%{top:-260px;left:-390px}55.93%,57.61%{top:-390px;left:-390px}57.62%,59.31%{top:-520px;left:-390px}59.32%,61%{top:-650px;left:-390px}61.01%,62.7%{top:-780px;left:-390px}62.71%,64.39%{top:-910px;left:-390px}64.4%,66.09%{top:-1040px;left:-390px}66.1%,67.78%{top:-1170px;left:-390px}67.79%,69.48%{top:0;left:-520px}69.49%,71.17%{top:-130px;left:-520px}71.18%,72.87%{top:-260px;left:-520px}72.88%,74.56%{top:-390px;left:-520px}74.57%,76.26%{top:-520px;left:-520px}76.27%,77.95%{top:-650px;left:-520px}77.96%,79.65%{top:-780px;left:-520px}79.66%,81.34%{top:-910px;left:-520px}81.35%,83.04%{top:-1040px;left:-520px}83.05%,84.73%{top:-1170px;left:-520px}84.74%,86.43%{top:0;left:-650px}86.44%,88.12%{top:-130px;left:-650px}88.13%,89.82%{top:-260px;left:-650px}89.83%,91.51%{top:-390px;left:-650px}91.52%,93.21%{top:-520px;left:-650px}93.22%,94.9%{top:-650px;left:-650px}94.91%,96.6%{top:-780px;left:-650px}96.61%,98.29%{top:-910px;left:-650px}98.3%,99.99%{top:-1040px;left:-650px}100%{top:0;left:0}}

/* --------------------------------------------
 *  COMMON - 예약내역 리스트
/* ------------------------------------------ */
.ui-list-status{ margin:16px -16px 0;border-bottom:1px solid #dddddd; }
.ui-list-status .booking{ overflow:hidden;height:44px;padding:0 16px 0;border-top:1px solid #dddddd;background:#f9f5f1; }
.ui-list-status .code{ float:left;padding:13px 0 0;font-size:15px; }
.ui-list-status .date-b{ float:right;padding:13px 0 0;font-size:15px; }
.ui-list-status .info{ position:relative;padding:11px 50px 12px 16px;background:#fff; }
.ui-list-status .stitle{ display:block;font-size:17px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word; }
.ui-list-status .type{ display:block;font-size:17px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word; }
.ui-list-status .date{ display:block;margin:0 0 0;font-size:15px;color:#888; }
.ui-list-status [class*="status-"]{ display:block;margin:10px 0 0;font-size:14px; }
.ui-list-status .status-done{ color:#c19b76; }
.ui-list-status .status-cancle{ color:#888; }
.ui-list-status .status-ing{ color:#ff0000; }
.ui-list-status .btn-links{ position:absolute;right:9px;top:50%;display:block;width:40px;height:40px;margin:-20px 0 0;-webkit-transform:rotate(90deg);transform:rotate(90deg);  }
.ui-list-status .btn-links:after{ position:absolute;left:50%;top:9px;content:'';display:block;width:1px;height:22px;margin:0 0 0 -1px;background:#888;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 0;transform-origin:100% 0;  }
.ui-list-status .btn-links:before{ position:absolute;left:50%;top:9px;content:'';display:block;width:1px;height:22px;margin:0 0 0 -1px;background:#888;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0; }
.ui-list-status .null{ padding:53px 0 66px;margin:0 0 -1px;font-size:17px;color:#888;background:#f5f5f5;text-align:center; }
.ui-list-status .null:before{ content:'';display:block;width:100px;height:100px;margin:0 auto 14px;background:#dddddd url('/static/en/img/common/null.png') center center no-repeat;background-size:100px auto;border-radius:50%; }

/* --------------------------------------------
 *  COMMON -  우편번호 찾기
/* ------------------------------------------ */
.search-zipcode{ position:relative;margin:13px 0 0; }
.search-zipcode .window{ width:100%;height:40px;padding:0 45px 0 10px;border:1px solid #cccccc;line-height:41px; }
.search-zipcode .btn-search{ z-index:1;position:absolute;right:0;top:0;width:40px;height:40px; }
.search-zipcode .btn-search.set-icons:before{ width:16px;height:16px;background-position:-130px 0; }

.view-zipcode{ overflow:hidden;overflow-y:scroll;height:187px;margin:5px 0 10px;border:1px solid #ccc;-webkit-overflow-scrolling:touch; }
.list-zipcode li{ padding:10px 0 11px;margin:0 10px;border-top:1px solid #eeeeee; }
.list-zipcode li:first-child{ border-top:0; }
.list-zipcode i{ display:block;color:#888; }
.list-zipcode dl{ position:relative;color:#888; }
.list-zipcode dt{ position:absolute;left:0;margin:3px 0 0; }
.list-zipcode dd{ padding:3px 0 0 52px; }
.list-zipcode .null{ text-align:center; }
.list-zipcode .null .status{ padding:30px 0 5px;font-size:16px;color:#888; }
.list-zipcode .null .status:before{ content:'';display:block;width:53px;height:53px;margin:0 auto 14px;background:#dddddd url('/static/en/img/common/null2.png') center center no-repeat;background-size:26px 26px;border-radius:50%; }
.list-zipcode .null .help{ color:#888; }

/* --------------------------------------------
 *  COMMON - 약관
/* ------------------------------------------ */
.h-terms{ margin:0 0 4px;font-size:12px;color:#888; }
.p-terms{ margin:0 0 11px;font-size:12px;color:#888 }
.list-terms1{ margin:0 0 11px;font-size:12px;color:#888 }
.list-terms1>li{ padding:0 0 0 16px;margin:2px 0 0;text-indent:-16px;word-break:break-word; }
.list-terms1>li:first-child{ margin:0 0 0; }
.list-terms1 li li{ margin:2px 0 3px;text-indent:0; }
.list-terms1>li li ul{ margin:2px 0 7px; }
.list-terms1 p{ text-indent:0; }
.list-terms2{ margin:0 0 11px; }
.list-terms2>li{ position:relative;padding:0 0 0 7px;margin:2px 0 0;font-size:12px;color:#888888;word-break:break-word; }
.list-terms2>li:first-child{ margin-top:0; }
.list-terms2>li:before{ position:absolute;left:0;top:6px;content:'';display:block;width:3px;height:3px;border-radius:50%;background:#888888; }
.list-terms3+.list-terms3{ margin-top:10px; }
.list-terms3>li{ position:relative;padding:0;margin:2px 0 0;font-size:12px;color:#888888;word-break:break-word; }
.list-terms3>li:first-child{ margin-top:0; }
.list-terms3 + .h-terms{ margin-top:20px; }
.tb-terms + .list-terms2{ margin:23px 0 0; }
.tb-terms + .tb-terms{ margin:23px 0 0; }
.tb-terms{ margin:0 0 11px;font-size:12px;color:#888888; }
.tb-terms dt{  }
.tb-terms dd{ margin:0 0 3px; }
.tb-terms .list-sub1{ margin:0 0 0 36px; }
.tb-terms .list-sub1 li{ padding:0 0 0 10px;margin:2px 0 0;text-indent:-10px; }
.tb-terms .list-sub2{ margin:0 0 0 20px; }
.tb-terms .list-sub2 li{ padding:0 0 0 10px;margin:2px 0 0;text-indent:-10px; }
#terms-membership [data-ui-tab="content"] .minner{ padding-top:14px; }
#terms-privacy .btn-fixed{ position:relative;padding-top:14px;background-color:#fff; }
#terms-privacy .minner{ padding:0 0 64px;margin:0 0 -50px; }

/* --------------------------------------------
 *  호텔정보 - Accordion
/* ------------------------------------------ */
[class*="ui-info-hotels"]{ margin:0 0 16px;border-top:2px solid #000000;border-bottom:1px solid #dddddd;background:#fff; }
[class*="ui-info-hotels"] .h-accordion{ position:relative;min-height:60px;padding:0 50px 0 16px;border-top:1px solid #dddddd;line-height:1.1;-webkit-tap-highlight-color:transparent;outline:none; }
[class*="ui-info-hotels"] .h-accordion:first-child,
[class*="ui-info-hotels"] .h-accordion:first-child.open{ border-top:0; }
[class*="ui-info-hotels"] .h-accordion span{ display:block;padding:19px 0 16px 0;font-size:18px;font-weight:bold;letter-spacing:-1px; }
[class*="ui-info-hotels"] .h-accordion.open{ border-top:1px solid #000000; }
[class*="ui-info-hotels"] .details{ display:none;position:relative;padding:8px 8px 12px 8px;font-size:16px;line-height:1.500;color:#999999;word-break:break-all; }
[class*="ui-info-hotels"] .details .btn-group2{ margin:11px 0 18px; }
[class*="ui-info-hotels"] .btn-accordion{ z-index:1;position:absolute;top:8px;right:12px;width:40px;height:40px;-webkit-tap-highlight-color:transparent;outline:none; }
[class*="ui-info-hotels"] .btn-accordion:after{ position:absolute;left:50%;top:15px;content:'';display:block;width:2px;height:12px;margin:0 0 0 -1px;background:#323537;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 0;transform-origin:100% 0;  }
[class*="ui-info-hotels"] .btn-accordion:before{ position:absolute;right:50%;top:15px;content:'';display:block;width:2px;height:12px;margin:0 0 0 -1px;background:#323537;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0; }
[class*="ui-info-hotels"] .btn-accordion{ -webkit-transform:rotate(-180deg);transform:rotate(-180deg); }
[class*="ui-info-hotels"] .open .btn-accordion{ -webkit-transform:rotate(0deg);transform:rotate(0deg); }
[class*="ui-info-hotels"] dl{ padding:0 8px; }
[class*="ui-info-hotels"] dt{ display:block;margin:0 0 0;font-size:16px;color:#111; }
[class*="ui-info-hotels"] dd i{ display:block;margin:0 0 0;font-size:16px; }
[class*="ui-info-hotels"] dd ul{ margin:0 0 6px; }
[class*="ui-info-hotels"] dd:last-child ul{ margin:0; }
[class*="ui-info-hotels"] dd ul li{ font-size:16px; }
[class*="ui-info-hotels"] dd ul li a{ color:#888; }
[class*="ui-info-hotels"] p{ margin:0 8px 9px 0; }
[class*="ui-info-hotels"] dd:last-child p{ margin:0 0 12px; }
[class*="ui-info-hotels"] .dlist{ margin:0 0 9px; }
[class*="ui-info-hotels"] .ui-btn-s1{ margin-left:8px; }

.ui-info-hotels-ico .h-accordion [class*="ico"]{ padding-left:42px; }
.ui-info-hotels-ico .h-accordion [class*="ico"]:before{ position:absolute;left:0;top:17px;content:'';display:block;width:25px;height:25px;margin:0 13px 0 12px;vertical-align:middle;background-image:url('/static/en/img/hotels/set_hotel_info.gif');background-repeat:no-repeat;background-size:auto 150px; }
.ui-info-hotels-ico .ico1:before{ background-position:center 0; }
.ui-info-hotels-ico .ico2:before{ background-position:center -25px; }
.ui-info-hotels-ico .ico3:before{ background-position:center -50px; }
.ui-info-hotels-ico .ico4:before{ background-position:center -75px; }
.ui-info-hotels-ico .ico5:before{ background-position:center -100px; }
.ui-info-hotels-ico .ico6:before{ background-position:center -125px; }
.ui-info-hotels-ico .inner{ margin:0 0 0 8px; }

/* Services & Amenities */
[class*="ui-info-hotels"] .ui-table-services{ margin:0 0 4px 0; }
.ui-table-services{ border-bottom:1px solid #ddd; }
.ui-table-services th{ width:68px;border-top:1px solid #ddd;font-weight:normal;vertical-align:middle;letter-spacing:-1px;color:#111;background:#fafafa; }
.ui-table-services td{ padding:18px 16px 19px 16px;border-top:1px solid #ddd;font-size:16px;line-height:1.625;background:#fff;vertical-align:top; }
.ui-table-services td li{ word-break:break-word; }
.ui-table-services [class*="ico"]:before{ content:'';display:block;width:35px;margin:0 auto 8px auto;vertical-align:middle;background-image:url('/static/en/img/hotels/set_hotel_info2.png');background-repeat:no-repeat;background-size:35px auto; }
.ui-table-services .ico1:before{ height:17px;background-position:center 0; }
.ui-table-services .ico2:before{ height:21px;background-position:center -25px; }
.ui-table-services .ico3:before{ height:23px;background-position:center -50px; }
.ui-table-services .ico4:before{ height:20px;background-position:center -75px; }

/* --------------------------------------------
 *  객실 상세보기
/* ------------------------------------------ */
.ui-viewpics{ overflow:hidden;margin:0 -16px 31px; }
.ui-viewpics .ui-slider .pic{ position:relative;width:100%;height:0;padding:61.33333333333333% 0 0;background:#cccccc url('/static/en/img/common/bg_fallback.png') center center/144px auto no-repeat; }
.ui-viewpics .ui-slider .pic img{ position:absolute;left:0;right:0;top:0;width:100%; }
.ui-viewpics .ui-slider .pic iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /* 수정 1108-2 */
.ui-viewpics .ui-slider .btn-prev{ left:19px; }
.ui-viewpics .ui-slider .btn-next{ right:19px; }
.ui-viewpics .btn-group{ margin:0 -2px 0 -3px; }
.ui-viewpics .btn-group2{ margin:0; }
.ui-viewpics .ui-btn-xl1+.ui-btn-xl1{ border-left:1px solid #d1b69c; }

.view-info{ margin:0 0 15px; }
.view-info .hotel-accordion{ margin:20px 0 16px; }

/* --------------------------------------------
 *  약관 동의
/* ------------------------------------------ */
.h-section + .ui-agree{ margin-top:0; }
.ui-agree{ padding:0 16px 0;margin:25px -16px 0;background:#fff;border-top:1px solid #ebebeb;border-bottom: 1px solid #ebebeb; }
.ui-agree ul{ padding:11px 0 10px; }
.ui-agree ul li{ overflow:hidden;position:relative;padding:0 75px 0 27px;margin:10px 0 0;word-break:break-word; }
.ui-agree ul li:first-child{ margin-top:0; }
.ui-agree ul li .ipc1+label{ font-size:14px; }
.ui-agree ul li input{ position:absolute;left:0;top:1px; } /*수정 171019*/
.ui-agree ul .links-view{ position:absolute;right:0;top:3px;padding:0 0 0;color:#888;text-decoration:underline; }
.ui-agree .check-all{ position:relative;padding:14px 0 13px;border-top:1px solid #eeeeee; }
.ui-agree .check-all .ipc1+label{ font-size:14px;vertical-align:-2px; }
.ui-agree [class*="valid-"]{ padding:4px 0 0;margin:-11px 0 13px; }

.ui-agree.agree-join{ margin-bottom:25px; }

/* --------------------------------------------
 *  회원가입
/* ------------------------------------------ */
.jointype{ display:table;width:100%;margin:16px 0 0;background:#fff; }
.jointype li{ display:table-cell;width:50%;padding:25px 0 20px;border:1px solid #eee; }
.jointype li+li{ border-left:0; }
.jointype a{ display:block; }
.jointype img{ display:block;width:80px;height:80px;margin:0 auto; }
.jointype span{ display:block;margin:15px 0 0;font-size:16px;text-align:center; }

/* --------------------------------------------
 *  고객의소리
/* ------------------------------------------ */
.customer-agree{ margin-top:15px; }

/* --------------------------------------------
 *  Best Price Guarantee
/* ------------------------------------------ */
.overview-guarantee{ margin:-16px -16px 0;background:#f3f4f6;text-align:center; }
.overview-guarantee .visual{ margin:0 0 10px; }
.overview-guarantee .visual img{ width:100%; }
.overview-guarantee h2{ font-size:25px;line-height:30px; }
.overview-guarantee h2 em{ color:#c19b76; }
.overview-guarantee h2:before{ content:'';display:block;width:75px;height:60px;margin:0 auto -32px;background:url('/static/en/img/utility/guarantee_amb.png') 0 0 no-repeat;background-size:75px auto; }
.overview-guarantee p{ padding:0 16px;margin:14px 0 28px;color:#888; }

.step-guarantee .inner{ padding:22px 16px 16px 16px;margin-bottom:3px;background:#fff; }
.step-guarantee .inner h3{ padding:0 0 6px;border-bottom:1px solid #c19b76;font-size:25px;line-height:1.2;color:#c19b76;text-align:center; }
.step-guarantee .inner li{ display:table;width:100%;margin:24px 0 0; }
.step-guarantee .inner .cell1{ display:table-cell;width:115px;vertical-align:middle; }
.step-guarantee .inner .cell2{ display:table-cell;vertical-align:middle;font-size:15px; }
.step-guarantee .inner em{ color:#c19b76; }
.step-guarantee .inner figure img{ width:100px; }

/* --------------------------------------------
 *  VISUAL
/* ------------------------------------------ */
.ui-subvisual{ position:relative;margin:0 -16px; }
.ui-subvisual .pic{ position:relative;display:block;width:100%;height:0;padding:61.33333333333333% 0 0;background:#ccc url('/static/en/img/common/bg_fallback.png') center 45%/144px auto no-repeat; }
.ui-subvisual .pic img{ position:absolute;left:0;top:0;right:0;width:100%; }
.ui-subvisual .hotels{ position:absolute;top:50%;left:50%;width:38%;margin:0 0 0 -19.33333333333333%;-webkit-transform:translateY(-50%);transform:translateY(-50%);box-shadow:0 -1px 10px 0px rgba(0,0,0,0.5); }
.ui-subvisual .logo{ overflow:hidden;position:relative;display:block;height:0;padding:100% 0 0;background:#fff url('/static/en/img/common/bg_fallback.png') center 45%/50% auto no-repeat; }
.ui-subvisual .logo img{ position:absolute;left:0;right:0;top:50%;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%); }
.ui-subvisual .btn-info{ display:block;width:100%;height:36px;padding:4px 0 0;margin:-2px -1px 0 0;border:1px solid #fff;border-top:0;font-size:14px;color:#fff; }
.ui-subvisual .btn-info .set-icons2:after{ width:12px;height:6px;margin:0 0 0 6px;background-position:-150px -15px;vertical-align:2px; }
.ui-subvisual .btn-info.open .set-icons2:after{ background-position:-150px -25px; }
.ui-subvisual [class*="ui-geade"]{ z-index:1;position:absolute;bottom:50px;left:50%;margin:-50px 0 0 0;-webkit-transform:translateX(-50%);transform:translateX(-50%); }

/* --------------------------------------------
 *  HOTELS > About
/* ------------------------------------------ */
.hotels-etc{ display:none;overflow:hidden;margin:0 -16px;background:#333333; }
.hotels-etc .info{ padding:14px 16px 0;margin:0 0 10px;font-size:12px;text-align:center; }
.hotels-etc .info em{ display:block;margin:0 0 4px;color:#ccc; }
.hotels-etc .info span{ display:block;color:#888; }
.hotels-etc .links-sns{ padding:0 0 18px;text-align:center; }
.hotels-etc .links-sns li{ display:inline-block;margin:0 2px;vertical-align:middle;background:url('/static/en/img/hotels/set_sns.png') no-repeat;background-size:200px auto; }
.hotels-etc .links-sns a{ display:block;width:28px;height:28px; }
.hotels-etc .links-sns .ico-tripadvisor{ background-position:0 0; }
.hotels-etc .links-sns .ico-twitter{ background-position:-40px 0; }
.hotels-etc .links-sns .ico-facebook{ background-position:-80px 0; }
.hotels-etc .links-sns .ico-instagram{ background-position:-120px 0; }
.hotels-etc .links-sns .ico-blog{ background-position:-160px 0; }

#mapapi{ width:100%;margin:0 0 10px; }

.hotels-about{ padding:28px 8px 0; }
.hotels-about h3{ margin:0 0 13px;font-size:20px;line-height:25px;text-align:center; }
.hotels-about p{ margin:0 0 11px;text-align:center;color:#888; }

.hotels-location{ padding:20px 0 0; }

.hotels-guide{ padding:15px 16px 5px;margin:0 -16px;border-top:1px solid #ccc; }
.hotels-guide .map{ margin:0 0 10px; }
.hotels-guide .map img{ width:100%; }

.hotels-member{ padding:24px 16px 40px;margin:0 -16px;background:#000 url('/static/en/img/hotels/bg_bemember.jpg') no-repeat;background-size:100% auto; }
.hotels-member .h-info{ font-weight:bold;text-align:center; }
.hotels-member .copy{ margin:-3px 0 17px;font-size:14px;line-height:19px;color:#fff;text-align:center; }
.slider-bemember{ margin:0 -16px;overflow:hidden; }
.slider-bemember .slick-track{ margin:0 0 0 16px; }
.slider-bemember .item{ float:left;margin:0 0 0 16px; }
.slider-bemember .item a{ position:relative;display:block;width:100%;height:100%; }
.slider-bemember .pic{ position:relative;display:block;width:140px;height:0;padding:114.2857142857143% 0 0;background:#cccccc url('/static/en/img/common/bg_fallback.png') center 48%/50% auto no-repeat; }
.slider-bemember .pic img{ position:absolute;left:0;right:0;top:0;bottom:0; }
.slider-bemember .info:before{ content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.2); }
.slider-bemember .stitle{ position:absolute;left:14px;bottom:16px;font-size:14px;color:#fff; }
.slider-bemember .slick-arrow{ z-index:1;position:absolute;display:block;width:30px;height:26px;margin:-15px 0 0;font-size:0;line-height:0;text-indent:-9999px;-webkit-tap-highlight-color:transparent;outline:none;background:rgba(255,255,255,0.8); }
.slider-bemember .slick-arrow:after{ position:absolute;left:50%;top:10px;content:'';display:block;width:2px;height:9px;margin:0 0 0 -1px;background:#000;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 0;transform-origin:100% 0;  }
.slider-bemember .slick-arrow:before{ position:absolute;right:50%;top:10px;content:'';display:block;width:2px;height:9px;margin:0 0 0 -1px;background:#000;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0; }
.slider-bemember .btn-prev{ left:-2px;top:50%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg); }
.slider-bemember .btn-next{ right:-2px;top:50%;-webkit-transform:rotate(90deg);transform:rotate(90deg); }

.ui-list-infoh{ margin:-15px 0 40px;font-size:0; }
.ui-list-infoh li{ display:inline-block;position:relative;width:45.41284403669725%;min-height:50px;padding:0 5px 0 62px;margin:32px 0 0 4.58715596330275%;font-size:14px;vertical-align:top; }
.ui-list-infoh img{ position:absolute;left:0;top:0;width:50px;height:50px; }
.ui-list-infoh i{ display:block;padding:8px 0 0;font-size:14px;line-height:1.2;color:#c19b76;word-break:break-word; }

.links-tripadvisor{ background:#cccccc url('/static/en/img/common/bg_fallback.png') center center/auto 50% no-repeat; }
.links-tripadvisor img{ width:100%; }

/* --------------------------------------------
 *  MEMBERSHIP > 멤버쉽 안내
/* ------------------------------------------ */
.membership-info{ padding:16px 16px 16px;margin:25px -16px 0;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;background:#fff; }
.membership-info .pic{ width:100%; }
.membership-info .pic img{ width:100%; }
.membership-info p{ margin:13px 0 13px;font-size:17px;line-height:22px; }
.membership-info h3{ margin:10px 0 7px;font-size:17px;font-weight:bold; }
.membership-info dl{ position:relative;margin:0 0 5px;font-size:16px; }
.membership-info dt{ position:absolute;left:0;width:90px;word-break:break-word; }
.membership-info dd{ min-height:20px;margin:0 0 9px 90px;color:#888; }
.membership-info dd:nth-of-type(3){ min-height:40px; }

/* --------------------------------------------
 *  MYPAGE > 나의 멤버십
/* ------------------------------------------ */
.links-recard{ margin:0 0 0;padding:14px 5px 0 0;border-top:1px solid #eeeeee;text-align:right; }

.membership-card{ position:relative;padding:21px 16px 0;margin:0 -16px 14px;background:#c19b76;  }
.membership-card h4{ margin:0 0 12px;font-size:17px;color:#fff; }
.membership-card .tip{ height:105px;padding:29px 0 0;margin:0 16px 0;text-align:center;color:#fff; }
.membership-card .ui-btn-sm2{ position:absolute;right:16px;top:18px;letter-spacing:-1px; }

/* --------------------------------------------
 *  MYPAGE > 예약 내역
/* ------------------------------------------ */
.my-hotels{ margin:15px 0 0; }
.my-hotels .btn-group{ margin-top:0; }
.my-hotels .null{ padding:35px 0 16px;text-align:center;font-size:17px;line-height:22px;color:#888; }
.my-hotels .null:before{ content:'';display:block;width:100px;height:100px;margin:0 auto 14px;background:#dddddd url('/static/en/img/mypage/null_booking.png') center center no-repeat;background-size:100px 100px;border-radius:50%; }
[data-ui="tab"] [data-ui-tab="content"].my-package { display:block !important;margin:0 -16px;height:0px;overflow:hidden; }
[data-ui="tab"] [data-ui-tab="content"].my-package.active {display:block !important;height:auto; }
.my-package .slider-package{ margin:0 0 0; }
.my-package .slider-package .slick-arrow{ margin-top:-50px; }
.my-package .btn-group{ margin-top:0; }
.my-package .null{ padding:50px 0 30px;font-size:17px;color:#888;background:#f5f5f5;text-align:center; }
.my-package .null:before{ content:'';display:block;width:100px;height:100px;margin:0 auto 14px;background:#dddddd url('/static/en/img/common/null.png') center center no-repeat;background-size:100px auto;border-radius:50%; }

/* --------------------------------------------
 *  MYPAGE > 나의 승급 조건
/* ------------------------------------------ */
.overview-level{ padding:34px 0 9px;text-align:center; }
.overview-level .level{ margin:0 0 13px;font-size:22px;line-height:1.2; }
.overview-level .tip{ margin:14px 0 0;color:#888; }
.overview-level .tip i{ font-weight:bold;color:#111; }
.rateChart { position:relative;width:85px;height:85px;margin:0 auto; }
.rateChart .rate{ position:absolute;left:0;right:0;top:39px;height:10px;overflow:hidden;background:url('/static/en/img/mypage/set_levels.png') no-repeat;background-size:85px auto; }
.rateChart .will{ text-indent:-9999px;font-size:0;line-height:0; }
.rateChart .rate.ty1{ background-position:0 -10px; }
.rateChart .rate.ty2{ background-position:0 -20px; }
.rateChart .rate.ty3{ background-position:0 -30px; }
.rateChart .rate.ty4{ background-position:0 -30px; }

.member-level{ margin:0 0 16px;border-top:1px solid #111111;background:#fff; }
.member-level h4{ padding:10px 16px 8px;border-bottom:1px solid #eee;font-size:17px;background:#f9f5f1;text-align:center; }
.member-level h4 i{ display:block;color:#888; }
.ui-list-benefits li{ position:relative;min-height:52px;padding:0 0 0 56px;border-top:1px solid #eee;font-size:17px;color:#111; }
.ui-list-benefits li:first-child{ border-top:0; }
.ui-list-benefits li span{ display:block;padding:16px 0 6px; }
.ui-list-benefits li span:before{ position:absolute;top:0;left:0;content:'';display:block;width:50px;height:50px;background-image:url('/static/en/img/mypage/set_benefits.png');background-repeat:no-repeat;background-size:50px auto; }
.ui-list-benefits li.ico1 span:before{ background-position:0 0; }
.ui-list-benefits li.ico2 span:before{ background-position:0 -50px; }
.ui-list-benefits li.ico3 span:before{ background-position:0 -100px; }
.ui-list-benefits li.ico4 span:before{ background-position:0 -150px; }
.ui-list-benefits li.ico5 span:before{ background-position:0 -200px; }
.ui-list-benefits li.ico6 span:before{ background-position:0 -250px; }

/* --------------------------------------------
 *  MYPAGE > 멤버십 안내
 /* ------------------------------------------ */
.use-membership{ margin:0 0 25px; }
.use-membership .ui-table-view th{ color:#000; }
.use-membership .type-voucher{ display:inline-block;min-width:146px;height:23px;padding:3px 8px 0;margin:3px 0 5px;background:#423f49;color:#fff;text-align:center; }

.use-membership .ui-table-view th{ width:auto;padding-left:8px;padding-right:0; }
.use-membership .ui-table-view td{ width:60px;padding-right:8px;text-align:right;vertical-align:middle; }
.use-membership .ui-table-view .name,
.use-membership .ui-table-view .place,
.use-membership .ui-table-view .status,
.use-membership .ui-table-view .per,
.use-membership .ui-table-view .etc{ display:block; }
.use-membership .ui-table-view .tb-membershipuse-dining td{ width:130px; }
.use-membership .ui-table-view .tb-membershipuse-point td{ width:110px; }
.use-membership .ui-table-view .null{ margin-right:3px; }

.info-membership{ word-break:break-word; }
.info-membership .details{ background:#f9f5f1; }
.info-membership .info-level{ margin:12px 0 13px 0; }
.info-membership .info-level.ui-tab2 .tab>li{ font-size:12px; }
.info-membership .info-level [data-ui-tab="content"]{ border:1px solid #cccccc;margin:0 -1px 0 0;border-top:0; }
.info-membership .info-level [data-ui-tab="content"] p{ padding:10px 12px 8px 12px;border-bottom:1px solid #cccccc;background:#efece8;color:#111;word-break:break-word; }

.info-membership .abmclub li{ position:relative;color:#888;padding:0 0 0 16px;margin:6px 0 0; }
.info-membership .abmclub li:first-child{ margin-top:0; }
.info-membership .abmclub span{ padding:0 3px 0 0;white-space:nowrap; }
.info-membership .abmclub .set-icons:before{ content:'';position:absolute;left:0;top:4px;display:block;width:10px;height:10px;margin:0; }
.info-membership .abmclub .tel .set-icons:before{ background-position:-25px -35px; }
.info-membership .abmclub .tel p{ color:#888; }
.info-membership .abmclub .email .set-icons:before{ background-position:-40px -35px; }
.info-membership .abmclub p{ margin:4px 0 0;color:#111; }
.info-membership .h-sdivder{ display:block;padding:15px 0 0;margin:14px 0 0;border-top:1px solid #cccccc;font-size:17px;font-weight:normal;color:#c19b76; }
.info-membership .h-divder{ display:block;padding:0 0 0;margin:14px 0 5px;font-weight:normal; }
.info-membership.ui-accordion .details .inner{ padding:16px 8px 16px 8px;margin:0 16px; }

.list-membershipluseuse{ padding:0 18px;margin:0 -16px;background:#2c2934; }
.list-membershipluseuse>li{ position:relative;min-height:106px;padding:21px 0 21px 80px;border-top:1px solid #3e3b45; }
.list-membershipluseuse>li:first-child{ border-top:0; }
.list-membershipluseuse>li:before{ position:absolute;left:8px;top:23px;content:'';display:block;width:61px;height:61px; background-image:url('/static/en/img/mypage/set_membershipluseuse.gif');background-repeat:no-repeat;background-size:75px auto; }
.list-membershipluseuse>li.room:before{ background-position:0 0; }
.list-membershipluseuse>li.etc:before{ background-position:0 -140px; }
.list-membershipluseuse i{ display:block;font-size:17px;font-style:normal;color:#c1a276; }
.list-membershipluseuse>li>ul>li{ margin:3px 0 0;font-size:14px;color:#fff;word-break:break-word; }
.list-membershipluseuse>li>ul+ul{ margin-top:28px; }
.use-membership .info-membership{ margin-top:25px;margin-bottom:-26px; }
.info-clubplusship{ border-top:0; }
.info-clubplusship.ui-accordion .h-accordion:first-child{ border-top:1px solid #dddddd; }

/* --------------------------------------------
 *  MYPAGE > 멤버십 가입
 /* ------------------------------------------ */
.opt-card{  }
.opt-card li{ position:relative;padding:0 0 0 26px;margin:5px 24px 0 0;word-break:break-word; }
.opt-card input{ position:absolute;left:0;top:3px; }
.opt-card i{ display:block;color:#111 !important; }
.opt-card span{ display:block;color:#888; }
.info-payment-membership{ display:none;padding:4px 0 0;font-size:14px;color:#888; }
.info-payment-membership i{ display:block; }

/* --------------------------------------------
 *  통합 멤버쉽
/* ------------------------------------------ */
.message-welcome{ padding:32px 16px 32px;margin:0 -16px;border-bottom:1px solid #eeeeee;background:#f5f5f5;text-align:center; }
.message-welcome h3{ margin:0 0 3px;font-size:22px; }
.message-welcome p{ color:#888; }

.message-merge{ margin:21px 0 23px;font-size:16px;color:#888;text-align:center; }
.message-merge em{ color:#111; }

.message-merge2{ padding:15px 0 32px;border-bottom:1px solid #eee; }
.message-merge2 p{ font-size:16px;text-align:center; }

.list-ambcard{ margin:0 -16px;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;background:#fff; }
.list-ambcard li{ padding:13px 0 13px;margin:0 16px;border-top:1px solid #eeeeee;font-size:17px;line-height:22px; }
.list-ambcard li:first-child{ border-top:0; }
.list-ambcard li span{ display:block;color:#111;word-break:break-word; }
.list-ambcard li i{ display:block;color:#888; }
.list-ambcard li.selected{ margin:0;padding-right:16px;padding-left:16px;background:#f4ede6; }
.list-ambcard li.selected span,
.list-ambcard li.selected i{ color:#735f4c; }

#pop-union-club .list-ambcard i{ margin-top:1px;font-size:17px;color:#111; }
#pop-union-club .list-ambcard li.selected i{ color:#735f4c; }

/* --------------------------------------------
 *  가입 완료
/* ------------------------------------------ */
.message-union{ padding:33px 0 34px;text-align:center; }
.message-union h3{ font-size:22px;line-height:27px;font-weight:bold; }
.message-union p{ margin:3px 0 0;font-size:16px;color:#888; }
.message-union strong { display: block; font-size: 22px; color: #111; font-weight: normal; }

.btn-utility{ position:relative;max-width:375px;margin:24px auto 17px;text-align:center;font-size:0; }
.btn-utility .bar{ position:absolute;left:50%;top:7px;content:'';overflow:hidden;display:inline-block;width:1px;height:34px;vertical-align:middle;background:#dfdfdf;text-indent:-500px;font-size:0;line-height:0; }
.btn-utility a{ width:50%; }

.banner-app{ margin:16px 0 0; }
.banner-app p{ font-size:16px;text-align:center; }

/* --------------------------------------------
 *  Find ID 및 비밀번호 변경
/* ------------------------------------------ */
.message-changepw{ margin:27px 0 24px;text-align:center; }
.message-changepw h4{ font-size:18px; }
.message-changepw p{ color:#888; }

/* --------------------------------------------
 *  COMMON - 로그인
/* ------------------------------------------ */
.message-login{ margin:51px 0 21px;text-align:center; }
.message-login h3{ margin:0 0 22px; }
.message-login h3 img{ height:40px; }
.message-login2{ max-width:320px;margin:0 auto;font-size:16px;text-align:center;word-break:break-word; }

.links-helplogin{ overflow:hidden;margin:14px 0 26px; }
.links-helplogin a{ border-bottom:1px solid #cccccc; }
.links-helplogin .link1{ float:left; }
.links-helplogin .link2{ float:right; }

.login-amb .tab{ margin:0 0 3px; }
.login-amb [class*="field-"]{ margin:7px 0 0; }
.login-amb .field-login-save{ margin:9px 0 14px; }
.login-amb .ui-list-help1{ margin:5px 0 13px; }

/* --------------------------------------------
 * 카드 재발급 신청 완료
/* ------------------------------------------ */
.message-reissue{ text-align:center; }
.message-reissue h4{ margin:30px 0 0;font-size:22px;line-height:1.227; }
.message-reissue h4:after{ content:'';display:block;width:194px;height:89px;margin:32px auto 28px;background:url('/static/en/img/mypage/reissue_ambcard.png') 0 0 no-repeat;background-size:189px auto; }
.message-reissue .copy1{ margin:0 0 10px;font-size:16px;color:#888; }
.message-reissue .copy2{ margin:0 0 28px;font-size:16px; }

/* --------------------------------------------
 * 카드 재발급 신청
/* ------------------------------------------ */
.field-reissue .ftxt1{ display:none; }

/* --------------------------------------------
 * 기업코드 확인
/* ------------------------------------------ */
.company h4:after { width: 175px; height: 98px; background-image: url('/static/en/img/mypage/com_code.png'); background-size: contain; background-position: center 0; }
.com-code { color:#c19b76; }

/* --------------------------------------------
 * 나의 쿠폰 > 멤버십 무료 쿠폰 > 회원가입 유도
/* ------------------------------------------ */
.message-ambcoupon{ text-align:center; }
.message-ambcoupon h4{ margin:38px 0 0;font-size:22px;line-height:1.227; }
.message-ambcoupon h4:after{ content:'';display:block;width:200px;height:98px;margin:32px auto 28px;background:url('/static/en/img/mypage/info_ambcoupon.png') 0 0 no-repeat;background-size:200px auto; }
.message-ambcoupon .copy1{ margin:0 0 14px;font-size:16px;color:#888; }
.message-ambcoupon .copy2{ margin:0 0 32px;font-size:16px; }

/* --------------------------------------------
 * 마이페이지 인덱스
/* ------------------------------------------ */
[class*="ui-menulinks-"]{ padding:0 16px;margin:0 -16px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#ffffff; }
[class*="ui-menulinks-"] li{ position:relative;min-height:52px;padding:0;border-top:1px solid #eee;font-size:17px;color:#111; }
[class*="ui-menulinks-"] li:first-child{ border-top:0; }
[class*="ui-menulinks-"] li a{ display:block; }
[class*="ui-menulinks-"] li i{ display:block;padding:13px 0 9px 35px; }
[class*="ui-menulinks-"] li i:before{ position:absolute;top:0;left:0;content:'';display:block;width:33px;height:50px;background-image:url('/static/en/img/mypage/set_mypage.gif');background-repeat:no-repeat;background-size:25px auto; }
[class*="ui-menulinks-"] .arrow{ z-index:1;position:absolute;right:5px;top:50%;display:block;width:11px;height:11px;margin:-5px 0 0 10px;font-size:0;line-height:0;vertical-align:-2px; }
[class*="ui-menulinks-"] .arrow:after{ position:absolute;left:0;top:1px;content:'';display:block;width:1px;height:8px;margin:0 0 0 -1px;background:#000;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%;  }
[class*="ui-menulinks-"] .arrow:before{ position:absolute;left:0;top:-1px;content:'';display:block;width:1px;height:8px;margin:0 0 0 -1px;background:#000;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0; }
[class*="ui-menulinks-"] + .ui-list-help1{ margin-top:8px; }
.ui-menulinks-mypage li.ico1 i:before{ background-position:0 0; }
.ui-menulinks-mypage li.ico2 i:before{ background-position:0 -50px; }
.ui-menulinks-mypage li.ico3 i:before{ background-position:0 -100px; }
.ui-menulinks-mypage li.ico4 i:before{ background-position:0 -150px; }
.ui-menulinks-mypage li.ico5 i:before{ background-position:0 -200px; }
.ui-menulinks-mypage li.ico6 i:before{ background-position:0 -250px; }

.overview-myamb{ position:relative;padding:0 16px;margin:0 -16px 25px;border-bottom:1px solid #e3e3e3;background:#fafafa; }
.overview-myamb [class*="ui-btn-"]{ position:absolute;right:16px;top:15px; }

.ambuser{ position:relative;padding:15px 0 0 40px;margin:0 0 18px; }
.ambuser span{ display:block; }
.ambuser strong{ display:block;font-weight:bold; }
.ambuser span:before{ content:'';position:absolute;left:0;top:15px;display:block;width:35px;height:35px;background:url('/static/en/img/mypage/set_level.png') no-repeat;background-size:35px auto; }
.ambuser.level1 span:before{ background-position:0 0; }
.ambuser.level2 span:before{ background-position:0 -35px; }
.ambuser.level3 span:before{ background-position:0 -70px; }
.ambuser.level4 span:before{ background-position:0 -105px; }

.info-mystatus{ display:table;width:100%;margin:15px 0 15px; }
.info-mystatus li{ position:relative;display:table-cell;width:25%;vertical-align:top;text-align:center; }
.info-mystatus li:before{ content:'';position:absolute;left:0;display:block;width:1px;top:0;bottom:3px;background:#e3e3e3; }
.info-mystatus li:first-child:before{ display:none; }
.info-mystatus a{ display:block; }
.info-mystatus i{ display:block;margin:0 0 1px;font-size:19px; }
.info-mystatus span{ display:block;font-size:14px;color:#888;word-break:break-word; }

.info-mylevel{}
.info-mylevel img{ width:100%; }

/* --------------------------------------------
 * 나의 포인트
/* ------------------------------------------ */
.view-mypoint{ padding:16px 16px 0;margin:0 -16px;border-bottom:1px solid #ebebeb;background:#fff; }

.expand-ambplus{ display:none; }

/* --------------------------------------------
 *  Offer - 호텔 또는 지역으로 검색
/* ------------------------------------------ */
.amboffer-zons li{ min-height:52px;padding:15px 6px 13px;border-top:1px solid #eeeeee;font-size:17px; }
.amboffer-zons li:first-child{ border-top:0; }
#find-offerzone .modal-body{ padding-bottom:0; }

/* --------------------------------------------
 *  COMMON - BBS
/* ------------------------------------------ */
.ui-board-header{ position:relative;min-height:64px;padding:22px 60px 11px 0; }
.ui-board-header .stitle{ display:block;font-size:20px;line-height:1.2;font-weight:bold; }
.ui-board-header .atitle{ display:block;font-size:20px;line-height:1.2;font-weight:bold; }
.ui-board-header .date{ display:block;margin:5px 0 0;font-size:16px;color:#888; }
.ui-board-header .ui-share{ position:absolute;right:0;top:24px; }
.ui-share .btn-share{ width:48px;height:42px;border:1px solid #c9c9c9; }
.ui-share .btn-share.set-icons:before{ width:16px;height:16px;background-position:-75px -75px; }
.ui-share .layer{ z-index:10;display:none;position:absolute;right:0;top:48px;padding:16px;width:228px;border:1px solid #999999;background:#fff; }
.ui-share .list-share{ overflow:hidden;margin:0 0 10px; }
.ui-share .list-share li{ float:left;width:24px;height:24px;margin:0 0 0 10px;background:url('/static/en/img/common/set_share.gif') 0 0 no-repeat;background-size:180px 30px; }
.ui-share .list-share li:first-child{ margin-left:0; }
.ui-share .list-share li a{ display:block;width:100%;height:100%; }
.ui-share .list-share .ico-twitter{ background-position:0 0; }
.ui-share .list-share .ico-blog{ background-position:-30px 0; }
.ui-share .list-share .ico-facebook{ background-position:-60px 0; }
.ui-share .list-share .ico-band{ background-position:-90px 0; }
.ui-share .list-share .ico-kakaotalk{ background-position:-120px 0; }
.ui-share .list-share .ico-kakaostory{ background-position:-150px 0; }
.ui-share .copy-url{ display:-webkit-flex;display:flex;height:26px; }
.ui-share .copy-url .ipt3, .ui-share .copy-url .ipt3:disabled{ -webkit-flex:1;flex:1;color:#888; }
.ui-share .copy-url .btn-copy{height:26px;padding:0 10px;background:#53535e;color:#fff;white-space:nowrap; }
.ui-board-view{  }
.ui-board-view #editor{ padding:16px 16px 21px;border-top:1px solid #dddddd;background:#fff; }
.ui-board-view #editor *{ max-width:100%; height: auto; }
.ui-board-view #editor table { width:auto; }
.ui-board-view .abanner{ margin:10px 0 0;text-align:center; }
.ui-board-view .abanner .pic img{ max-width:343px;width:100%; }

.abmmark { padding:0 16px 21px;background:#fff; }
.abmmark figure{ padding:24px 0 0;border-top:1px solid #eeeeee;text-align:center; }
.abmmark figure img{ width:90px;height:auto; }
.abmmark .hname{ margin:8px 0 0;text-align:center; }

.ambshop-overview{ padding:9px 0 0;margin:0 0 15px;border-top:2px solid #c19b76;border-bottom:1px solid #ece1d6;background:#fff; }
.ambshop-overview dl{ position:relative;margin:0 16px 14px 16px; }
.ambshop-overview dt{ position:absolute;left:0;padding:0 0 0 8px;margin:5px 0 0;line-height:1.2;color:#888; }
.ambshop-overview dt:before{ content:'';position:absolute;left:0;top:7px;display:block;width:3px;height:3px;background:#888;border-radius:3px; }
.ambshop-overview dd{ min-height:20px;padding:5px 0 0 95px;word-break:break-all; }
.ambshop-overview dd:first-of-type{ min-height:40px; }
.ambshop-overview .price{ overflow:hidden;padding:15px 24px 14px;background:#fdfbf9; }
.ambshop-overview .price i{ float:left;font-size:16px;font-style:normal;color:#c19b76; }
.ambshop-overview .price .set-icons:before{ width:12px;height:12px;margin:0 6px 0 0;background-position:-75px -35px; }
.ambshop-overview .price strong{ float:right;font-size:16px;font-style:normal;color:#c19b76;font-weight:bold; }

/* --------------------------------------------
 * system message
/* ------------------------------------------ */
.message-system{ text-align:center; }
.message-system h4{ margin:50px 0 13px;font-size:22px;line-height:1.227;color:#c19b76; }
.message-system .copy1{ margin:0 0 10px;font-size:16px;color:#888; }
.message-system .copy2{ margin:0 0 28px;font-size:16px; }
.message-system .copy3{ padding:27px 0 0;margin:0 0 28px;border-top:1px solid #ccc;font-size:16px; }
/* error404 */
.message-system.error404{ padding-bottom:40px; }
.message-system.error404 h4:before{ content:'';display:block;width:100%;height:137px;margin:0 auto 28px;background:url('/static/en/img/common/error_404.gif') center 0 no-repeat;background-size:175px auto; }

/* --------------------------------------------
 * 박스형 텍스트
/* ------------------------------------------ */
.box-txt { background-color: #f5eee7; border: 1px solid #eadcce; color: #111; font-size: 14px; margin: 25px 0; text-align: center; padding: 15px 0; line-height: 1.357; }

/* --------------------------------------------
 *  LAYOUT - in app
/* ------------------------------------------ */
.inapp .set-icons-app:before{ content:''; background-image:url('/static/en/img/app/set_icons_app_3x.png'); background-repeat:no-repeat; display:inline-block; vertical-align:middle;background-size:150px auto; }
.inapp .h-global{height:57px;text-align:left;}
.inapp .h-logo{ width:134px;height:100%;margin:0; }
.inapp .h-logo a{ display:block;width:100%;height:100%;background:url('/static/en/img/app/logo_app.png') center center/auto 57px no-repeat; }
.inapp .h-global a[class*="btn-"] { display: none; }

.inapp .btn-wing-open{ left:auto;right:11px; }
.inapp .btn-wing-open .ico{ width:15px;-webkit-transform:translateX(5px);transform:translateX(5px); }
.inapp .btn-wing-open .ico:before{ -webkit-transform:translateX(-5px) translateY(-7px);transform:translateX(-5px) translateY(-7px); }
.inapp .btn-wing-open .ico:after{ -webkit-transform:translateX(-5px) translateY(5px);transform:translateX(-5px) translateY(5px); }

.inapp .sideWrap{ margin:0 0 0 auto; }

.inapp .btn-wing-open{ left:auto;right:11px; }
.inapp .btn-wing-open .ico{ width:15px;-webkit-transform:translateX(5px);transform:translateX(5px); }
.inapp .btn-wing-open .ico:before{ -webkit-transform:translateX(-5px) translateY(-7px);transform:translateX(-5px) translateY(-7px); }
.inapp .btn-wing-open .ico:after{ -webkit-transform:translateX(-5px) translateY(5px);transform:translateX(-5px) translateY(5px); }

.inapp #sideMenu{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
.inapp #sideMenu .mask{ -webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0); }
.inapp .sideWrap{ margin:0 0 0 auto; }
.inapp.is-wing-open #sideMenu{ -webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0); }
.inapp.is-wing-open #sideMenu .mask{ -webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0); }

.inapp .c-links-setting{ position:absolute;right:46px;top:15px;width:40px;height:40px;text-align:center; }
.inapp .c-links-setting.set-icons-app:before{ width:25px;height:24px;margin:8px 0 0;background-position:-120px 0; }

.inapp .applinks-mypage{ position:relative;padding:0 0 0 16px;border-top:1px solid #a48465;background:#b79370;color:#fff; }
.inapp .applinks-mypage dt{ position:absolute;left:40px;padding:17px 0 0; }
.inapp .applinks-mypage .point.set-icons-app:before{ position:absolute;left:-24px;width:16px;height:16px;background-position:-50px -30px; }
.inapp .applinks-mypage .coupon.set-icons-app:before{ position:absolute;left:-24px;width:16px;height:11px;margin:2px 0 0;background-position:-30px -30px; }
.inapp .applinks-mypage dd{ height:51px;padding:13px 16px 0 100px;border-bottom:1px solid #c5a98d;font-size:18px;text-align:right; }
.inapp .applinks-mypage a{ text-decoration:underline; }

.inapp .ambuse-overview{ position:relative;padding:15px 16px 13px 40px;background:#b79370;color:#fff; }
.inapp .ambuse-overview p{ margin:0 0 5px;font-size:17px; }
.inapp .ambuse-overview a{ display:block; }
.inapp .ambuse-overview i{ font-style:normal;text-decoration:underline; }
.inapp .ambuse-overview.set-icons-app:before{ position:absolute;left:16px;width:16px;height:16px;margin:2px 0 0;background-position:-70px -30px; }

.inapp #sideMenu #footer{ display:block; padding:0; }
.inapp #sideMenu #footer .f-inner{ padding:20px 16px 24px 16px;margin:0; display: block; }
.inapp #footer2 { padding-bottom: 60px; }
.inapp #footer2 .f-inner{ display: none; }

.inapp .quick-ambcard{ z-index:110;position:fixed;right:24px;bottom:60px;width:200px;height:auto;padding:10px 16px 10px;margin:0 0 24px;background:#fff; }
.inapp .quick-ambcard.hide { display: none; }
.inapp .quick-ambcard .btn-close{ position:absolute;top:-2px;right:4px;display:block;width:40px;height:40px;padding:10px 0 0;outline:none;-webkit-tap-highlight-color:transparent;text-align:center; }
.inapp .quick-ambcard .btn-close.set-icons-app:before{ width:16px;height:16px;background-position:-40px 0; }
.inapp .quick-ambcard i{ display:block;margin:0 0 0;font-size:12px;color:#c19b76; text-align: center; }
.inapp .quick-ambcard .cardlv { display: block; font-size: 12px; color: #111; text-align: center; margin-bottom: 10px; }
.inapp .quick-ambcard .barcord{ text-align:center; }
.inapp .quick-ambcard .barcord img{ width:100%; }
.inapp .quick-ambcard .null{ font-size:12px;text-align:center; }
.inapp .quick-ambcard .null.set-icons-app:before{ display:block;width:49px;height:33px;margin:5px auto 8px;background-position:-90px -30px; }
.inapp .quick-ambcard a{ display:block; }
.inapp .quick-ambcard .cardnum { display: block; text-align: center; font-size: 12px; margin-top: 8px; }

.inapp .quick-ambsearch { z-index:10;position:fixed;left: 0; right: 0; bottom: 0; height: 60px; background:rgba(0,0,0,0.8); }
.inapp .quick-ambsearch .window{ position:relative;width:100%;height:38px;padding:6px 6px 6px 26px;border:1px solid #563d27;background:#fff; overflow: hidden; }
.inapp .quick-ambsearch .window.set-icons-app:before{ position:absolute;left:10px;top:11px;width:10px;height:14px;background-position:0 0;-webkit-animation:pin 5s infinite;animation:pin 5s infinite; }
.inapp .quick-ambsearch input{ width:100%;height:100%;font-size:16px;color:#563d27; }
.inapp .quick-ambsearch .btn { width: 25%; height: 100%; float: left; vertical-align: middle; display: inline-block; color: #fff; font-size: 12px; text-align: center; align-items: flex-start; position: relative; }
.inapp .quick-ambsearch .btn.active { background: url('/static/en/img/app/btm_line.jpg') 0 bottom repeat-x; background-size: auto 2px; }
.inapp .quick-ambsearch .btn:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.inapp .quick-ambsearch .btn span { display: inline-block; vertical-align: middle; margin-top: 30px; }
.inapp .quick-ambsearch .btn.active span { color: #c19b76; }
.inapp .quick-ambsearch .btn.set-icons-app:before{ background-size: 225px auto; margin-bottom: 8px; position: absolute; left: 50%; top: 0; }
.inapp .quick-ambsearch .btn.quick-btn1:before { width: 24px; height: 21px; background-position: 0 -141px; margin-left: -12px; margin-top: 10px; }
.inapp .quick-ambsearch .btn.quick-btn2:before { width: 25px; height: 18px; background-position: -29px -141px; margin-left: -12px; margin-top: 11px; }
.inapp .quick-ambsearch .btn.quick-btn3:before { width: 24px; height: 19px; background-position: -59px -141px; margin-left: -12px; margin-top: 11px; }
.inapp .quick-ambsearch .btn.quick-btn4:before { width: 24px; height: 18px; background-position: -88px -141px; margin-left: -12px; margin-top: 11px; }
.inapp .quick-ambsearch .btn.quick-btn2.active:before { background-position: -29px -168px }

.inapp .ui-ambbook-app{ overflow:hidden;/*display:none;*/z-index:1000;position:fixed;top:150%;right:0;bottom:0;left:0;height:100%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
.inapp .ui-ambbook-app .lybox{ z-index:2;position:relative;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;height:100%;padding:60px 0 0;}
.inapp .ui-ambbook-app .btn-ly-close{ position:absolute;right:6px;top:11px;overflow:hidden;width:40px;height:40px;-webkit-tap-highlight-color:transparent;outline:none;text-indent:-9999px;font-size:0;line-height:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
.inapp .ui-ambbook-app .btn-ly-close:before{ position:absolute;left:7px;top:19px;content:'';display:block;width:26px;height:2px;margin:0 0 0 0;background:#fff; }
.inapp .ui-ambbook-app .btn-ly-close:after{ position:absolute;left:19px;top:7px;content:'';display:block;width:2px;height:26px;margin:0 0 0 0;background:#fff; }
.inapp .ui-ambbook-app .layer{ padding:0 16px 0; }
.inapp .ui-ambbook-app .modal-body{ padding:0 0 35px; }
.inapp .ui-ambbook-app .mask{ z-index:1;position:fixed;top:150%;right:0;left:0;bottom:0;display:block; -webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
.inapp .ui-ambbook-app .mask .pic{ overflow:hidden;position:relative;width:100vw;height:100vh;background:#cccccc url('/static/en/img/common/bg_fallback.png') center 45%/144px auto no-repeat; }
.inapp .ui-ambbook-app .mask .pic img{ position:absolute;left:50%;top:50%;min-width:100%;width:100%;min-height:100%;height:auto;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%); }

.inapp .ui-ambbook-app .ui-tab{ padding:78px 0 0;background:url('/static/en/img/app/logo_ambooking.png') center 0/auto 45px no-repeat; }
.inapp .ui-ambbook-app .ui-tab .tab{ display:-webkit-flex;display:flex; }
.inapp .ui-ambbook-app .ui-tab .tab>li{ -webkit-flex:1;flex:1;text-align:center;font-size:16px;word-break:break-word; }
.inapp .ui-ambbook-app .ui-tab .tab>li:first-child a{ border-left:1px solid rgba(255,255,255,0.7);border-radius:3px 0 0 3px; }
.inapp .ui-ambbook-app .ui-tab .tab>li:last-child a{ border-right:1px solid rgba(255,255,255,0.7);border-radius:0 3px 3px 0; }
.inapp .ui-ambbook-app .ui-tab .tab>li a{ display:block;height:35px;padding:7px 0 0;border-top:1px solid rgba(255,255,255,0.5);border-bottom:1px solid rgba(255,255,255,0.5);background:rgba(255,255,255,0.5);color:#fff;opacity:.5; }
.inapp .ui-ambbook-app .ui-tab .tab>li.active a{ border-top:1px solid rgba(255,255,255,0.7);border-bottom:1px solid rgba(255,255,255,0.7);background:rgba(255,255,255,0.7);color:#333;opacity:1; }
.inapp .ui-ambbook-app [data-ui-tab="content"]{ position:relative; }

/* 앰배서더 검색 - 지역/호텔 */
.inapp .ui-ambbook-app .ambsearch-place{ position:relative;margin:12px 0 0; }
.inapp .ui-ambbook-app .ambsearch-place .input-group{ position:relative;height:60px; }
.inapp .ui-ambbook-app .ambsearch-place .input-group input{  width:100%;height:100%;padding:0 45px 0 12px;font-size:16px;border-radius:3px; }
.inapp .ui-ambbook-app .ambsearch-place .btn.set-icons2{ width:45px;position:absolute;right:0;top:0;bottom:0; }
.inapp .ui-ambbook-app .ambsearch-place .btn.set-icons2:after { position:absolute;right:16px;top:50%;width:14px;height:17px;margin:-8px 0 0;background-image:url(/static/en/img/app/set_icons_app_3x.png);background-position:0 -50px;background-size:150px auto; }
.inapp .ui-ambbook-app .ly-autoplace{ display:none;z-index:10;overflow:hidden;position:absolute;top:58px;left:0;right:0;border-top:1px solid #dddddd; }
.inapp .ui-ambbook-app .ly-autoplace ul{ overflow:hidden;overflow-y:auto;max-height:150px;background:#fff;-webkit-overflow-scrolling:touch;border-radius:0 0 3px 3px; }
.inapp .ui-ambbook-app .ly-autoplace li{ min-height:50px;padding:16px 17px 14px 17px;border-top:1px solid #dddddd; }
.inapp .ui-ambbook-app .ly-autoplace li:first-child{ border-top:0; }
.inapp .ui-ambbook-app .ly-autoplace li.active{ background:#e7f1f9; }
.inapp .ui-ambbook-app .ly-autoplace li span{ margin:0 0 0 5px;color:#888; }
.inapp .ui-ambbook-app .ly-autoplace li .highlight{ text-decoration:underline; }

/* 앰배서더 검색 - 기간 */
.inapp .ui-ambbook-app .daterangepicker{ position:relative;top:0 !important;left:0;right:0;margin:-2px 0 20px 0;border:0;border-radius:0 0 3px 3px }
.inapp .ui-ambbook-app .ambsearch-period{ position:relative;margin:12px 0 0;padding:0 0 0 0; }
.inapp .ui-ambbook-app .ambsearch-period .input-group{ position:relative;height:60px; }
.inapp .ui-ambbook-app .ambsearch-period .input-group input{ width:100%;height:100%;padding:16px 45px 0 12px;font-size:16px;border-radius:3px; }
.inapp .ui-ambbook-app .ambsearch-period .input-group label{ position:absolute;left:12px;top:10px;font-size:12px;color:#666; }
.inapp .ui-ambbook-app .ambsearch-period .btn{ z-index:2;width:45px;position:absolute;right:0;top:0;bottom:0; }
.inapp .ui-ambbook-app .ambsearch-period .btn.set-icons2:after{ cursor:pointer;position:absolute;right:16px;top:50%;width:14px;height:14px;margin:-7px 0 0;background-image:url(/static/en/img/app/set_icons_app_3x.png);background-position:-15px -50px;background-size:150px auto; }

/* 앰배서더 검색 - 객실/룸 */
.inapp .ui-ambbook-app .ambsearch-guest{ position:relative;margin:12px 0 0; }
.inapp .ui-ambbook-app .ambsearch-guest .row{ display:-webkit-flex;display:flex;margin:0 -5px; }
.inapp .ui-ambbook-app .ambsearch-guest [class*="cell"]{ -webkit-flex:1;flex:1;margin:0 5px; }
.inapp .ui-ambbook-app .ambsearch-guest .input-group{ position:relative;height:60px; }
.inapp .ui-ambbook-app .ambsearch-guest .input-group label{ position:absolute;left:12px;top:10px;font-size:12px;color:#666; }
.inapp .ui-ambbook-app .ambsearch-guest .input-group input{  width:100%;height:100%;padding:16px 0 0 12px;font-size:16px;border-radius:3px; }
.inapp .ui-ambbook-app .ambsearch-guest .btn{ z-index:2;width:45px;position:absolute;right:0;top:0;bottom:0; }
.inapp .ui-ambbook-app .ambsearch-guest .btn.set-icons2:after{ position:absolute;right:16px;top:50%;background-image:url(/static/en/img/app/set_icons_app_3x.png);background-size:150px auto; }
.inapp .ui-ambbook-app .ambsearch-guest .cell-guest .btn.set-icons2:after{ width:17px;height:15px;margin:-8px 0 0;background-position:-35px -50px; }
.inapp .ui-ambbook-app .ambsearch-guest .cell-room .btn.set-icons2:after{ width:14px;height:21px;margin:-11px 0 0;background-position:-55px -50px; }
.inapp .ui-ambbook-app .ambsearch-guest .ly-roomsguest{ position:relative;display:none;z-index:10;margin:-2px 0 0;border-top:1px solid #dddddd;background:#fff;-webkit-overflow-scrolling:touch;border-radius:0 0 3px 3px; }
.inapp .ui-ambbook-app .ui-count .plusminus input{ color:#c19b76; }
.inapp .ui-ambbook-app .ui-count [class*="btn-"] .icon-minus:before{ background:#666;}
.inapp .ui-ambbook-app .ui-count [class*="btn-"] .icon-plus:before{ background:#666;}
.inapp .ui-ambbook-app .ui-count [class*="btn-"] .icon-plus:after{ background:#666; }

/* 앰배서더 검색 - 추가 입력사항 */
.inapp .ui-ambbook-app .ambsearch-etc{ position:relative;margin:0 0 14px; }
.inapp .ui-ambbook-app .ambsearch-etc .btn-etc{ height:43px;padding:0;font-size:14px;color:#fff; }
.inapp .ui-ambbook-app .ambsearch-etc .btn-etc.set-icons2:after{ width:14px;height:9px;margin:0 0 0 10px;vertical-align:0;background-image:url(/static/en/img/app/set_icons_app_3x.png);background-size:150px auto;background-position:0 -75px; }
.inapp .ui-ambbook-app .ambsearch-etc .btn-etc.set-icons2.open:after{ background-position:-15px -75px; }
.inapp .ui-ambbook-app .ambsearch-etc .box{ display:none;margin:0 0 24px;background:#fff;border-radius:3px; }
.inapp .ui-ambbook-app .ambsearch-etc .row{ display:-webkit-flex;display:flex; }
.inapp .ui-ambbook-app .ambsearch-etc .row+.row{ border-top:1px solid #dddddd; }
.inapp .ui-ambbook-app .ambsearch-etc .cell{ -webkit-flex:1;flex:1; }
.inapp .ui-ambbook-app .ambsearch-etc .cell+.cell{ border-left:1px solid #dddddd; }
.inapp .ui-ambbook-app .ambsearch-etc .opt { position:relative;display:table;width:100%; }
.inapp .ui-ambbook-app .ambsearch-etc .opt ::-webkit-input-placeholder { font-size:14px;color:#888; }
.inapp .ui-ambbook-app .ambsearch-etc .opt input[type="radio"]{ position:absolute;left:12px;top:50%;width:20px;height:20px;margin:-10px 0 0 0;background:#cccccc url('/static/en/img/common/set_ipc2.png') 0 0 no-repeat;background-size:20px auto;-webkit-appearance:none;appearance:none;border-radius:50%;-webkit-tap-highlight-color:transparent;outline:none; }
.inapp .ui-ambbook-app .ambsearch-etc .opt input[type="radio"]:checked{ background-color:#c19b76; }
.inapp .ui-ambbook-app .ambsearch-etc .opt input[type="radio"]+label{ display:table-cell;height:44px;padding:4px 3px 0 38px;font-size:14px;line-height:1.1;vertical-align:middle;color:#888; }
.inapp .ui-ambbook-app .ambsearch-etc .opt input[type="radio"]:checked+label{ color:#111; }
.inapp .ui-ambbook-app .ambsearch-etc .opt input[type="text"]{ display:block;width:100%;height:44px;padding:2px 0 2px 38px;font-size:14px;border-radius:3px; }
.inapp .ui-ambbook-app .ambsearch-etc .opt input[type="text"]:focus{ color:#111;  }
.inapp .ui-ambbook-app .ambsearch-etc .opt input[type="text"]:focus:before{ position:absolute;left:6px;top:50%;width:20px;height:20px;margin:-10px 0 0 0;content:'';display:block;width:20px;height:20px;background:red; }
.inapp .ui-ambbook-app .ambsearch-etc .opt input[type="radio"]:checked + .field input[type="text"]{ color:#111; }
.inapp .ui-ambbook-app .ambsearch-etc .opt #code-promotion.checked{ color:#111; }
.inapp .ui-ambbook-app .ui-btn-l1{ border-radius:3px; }
.inapp .ui-ambbook-app .ui-btn-guarantee{ position:absolute;top:13px;right:0;text-align:center;color:#fff; }
.inapp .ui-ambbook-app .ui-btn-guarantee.set-icons2-app:after{ width:13px;height:13px;margin:0 0 0 5px;background-position:-75px -50px;vertical-align:-1px; }

.inapp .ui-ambbook-app .daterangepicker{ position:relative;top:0 !important;left:0;right:0;margin:-2px 0 20px 0;border:0;border-top:1px solid #ddd;border-radius:0 0 3px 3px }
.inapp .ui-ambbook-app .daterangepicker td.in-range{ background:url('/static/en/img/app/datepicker_inrange_app.gif') center center no-repeat;background-size:32px 32px;border-radius:50%; }
.inapp .ui-ambbook-app .daterangepicker td.start-date,
.inapp .ui-ambbook-app .daterangepicker td.end-date{ background:url('/static/en/img/app/datepicker_highlight_app.gif') center center no-repeat;background-size:32px 32px;border-color:transparent;color:#999;color:#fff; }

.inapp .ui-ambbook-app .btn-group{ margin-top:24px; }
.inapp .ui-ambbook-app.show{ top: 0; }
.inapp .ui-ambbook-app.show .mask { top: 0 }

.inapp #ambbook-room .ui-count{ border-radius:0 0 3px 3px }
.inapp #ambbook-room .ui-count.count-room .plusminus{ border-top:0; }
.inapp #ambbook-dining .ui-btn-l1{ margin:24px 0 0; }
.inapp #ambbook-dining .ui-count:first-child .plusminus:first-child{ border-top:0; }

/*****************************************************************************
******************************************************************************
** 리뉴얼 작업
******************************************************************************
*****************************************************************************/
::-webkit-input-placeholder { font-size:14px;color:#888; }

.sideWrap { width: 320px; }
.sideWrap .siteUtil { position: static; width: 100%; }

/* --------------------------------------------
 *  COMMON - 버튼, 링크 버튼
/* ------------------------------------------ */
[class*="ui-btn-m"] { font-size: 16px; height: 44px; line-height: 1.4; }

.btn-wrap { text-align: center; margin-top: 15px; }
.btn-wrap .btn { display: inline-block; }
.btn-wrap .more { color: #666; font-weight: bold; font-size: 12px; }
.btn-wrap .more:before { content: ''; display: inline-block; width: 12px; height: 12px; background: url('/static/ko/img/common/btn-more.png') 0 0 no-repeat; background-size: contain; margin-right: 7px; position: relative; top: 1px; }
.ui-count [class*="btn-"] .icon-plus:before { background: #604d40; }
.ui-count [class*="btn-"] .icon-plus:after { background: #604d40; }
.ui-count [class*="btn-"] .icon-minus:before { background: #604d40; }

/* 메인 페이지 예약 창 */
.ui-ambbook .ambsearch-place .btn.set-icons2:after { width: 12px; height: 15px; background-position: 0 -100px; right: 4px; }
.ui-ambbook .ambsearch-period .set-icons2:after { width: 12px; height: 12px; right: 4px; }
.ui-ambbook .ambsearch-guest { margin-top: 0; }
.ui-ambbook .ambsearch-guest .ly-roomsguest { margin: 0; border-top: 2px solid #666; top: 0; } /* 수정 171018 */
.ui-ambbook .ly-autoplace { /*margin: 0 -16px*/; } /* 수정 171018 */
.ui-ambbook .daterangepicker { margin: 0; border-bottom: none; border-top-color: #a87161; border-top-width: 2px; }/* 수정 171018 */
.ui-ambbook .daterangepicker .calendar-table,
.daterangepicker td.other-month,
.daterangepicker td.other-month.disabled { background-color: #f5f5f5; }
.daterangepicker td.other-month,
.daterangepicker td.other-month.disabled { font-size: 0; color: transparent; }

.ui-btn-m2.ico-ask .set-icons:before { background: url('/static/ko/img/common/ico-talk.png') 0 0 no-repeat; background-size: contain; width: 16px; height: 16px; }
.ui-btn-m2.ico-faq .set-icons:before { background: url('/static/ko/img/common/ico-faq.png') 0 0 no-repeat; background-size: contain; width: 16px; height: 16px; vertical-align: -2px; }
.ui-count .type { margin: 0 29px 0 0; }
.ui-count .plusminus input { margin: 0; padding-left: 0; color: #a87161; }
.ui-count .btn-plus { margin-right: 13px; }
#ambbook-dining .ui-btn-l1 { margin: 0; }


/* 사각버튼 */
.btn.rec { border-radius: 3px; background-color: #fff; width: 160px; height: 30px; line-height: 30px; }
.btn.rec span { display: inline-block; position: relative; }
.btn.rec span:after { content: ''; display: inline-block; width: 5px; height: 8px; background: url('/static/ko/img/common/ico-arrow.png') 0 0 no-repeat; background-size: contain; margin-left: 21px; position: relative; top: -1px; }

/* --------------------------------------------
 *  LIST
/* ------------------------------------------ */
.ui-list-help1,
.ui-list-help2,
.ui-list-help3 { margin: 5px 0 0; }
.ui-list-help1>li,
.ui-list-help2>li,
.ui-list-help3>li { margin: 5px 0 0; }

/* --------------------------------------------
 *  LAYOUT - HEADER
/* ------------------------------------------ */
#header{ background:#fff;color:#333; }
#header.shy { margin-bottom: -48px; z-index: 1; position: relative; background: transparent; }
#header.shy .h-global { height: 48px; }
.h-global{ position:relative;height:55px;text-align:center; }
.h-logo{ height:100%;margin:0 auto; text-align: center; font-size: 0; }
/**.h-logo a{ display: table; height: 100%; width: auto; position: relative; background: none; padding: 0 130px; font-size:  15px; } /* 수정 171204 */
.h-logo a{ display: inline-block; height: 100%; width: auto; position: relative; background: none; }
.h-logo a span { display: table-cell; vertical-align: middle; } /* 수정 171204 */
.h-logo a + a:before { content: ''; display: inline-block; width: 1px; height: 14px; background-color: #5a5a59; margin: 0 10px; vertical-align: middle; }
.h-logo a img { height: 100%; width: auto; }

/* 예약하기 레이어 열기 */
.btn-ambook-open{ position:absolute;top:0;right:0;height:48px;padding:20px 31px 0 0;font-size:14px; font-weight: 600; }
.shy .btn-ambook-open { color: #fff; }
.btn-ambook-open .ico{ z-index:1;position:absolute;right:0;top:50%;display:block;width:40px;height:40px;margin:-15px 0 0;font-size:0;line-height:0;text-indent:-9999px;outline:none;-webkit-tap-highlight-color:transparent;-webkit-transform:rotate(90deg);transform:rotate(90deg); }
.btn-ambook-open .ico:before{ position:absolute;right:50%;top:18px;content:'';display:block;width:2px;height:9px;margin:0 0 0 -1px;background:#333;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0; }
.btn-ambook-open .ico:after{ position:absolute;left:50%;top:18px;content:'';display:block;width:2px;height:9px;margin:0 0 0 -1px;background:#333;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 0;transform-origin:100% 0;  }
.shy .btn-ambook-open .ico:before,
.shy .btn-ambook-open .ico:after { background-color: rgba(255, 255, 255, 0.8); }

/* 윙메뉴 열기 */
.btn-wing-open{ position:absolute;top:50%;left:0;width:52px;height:48px;margin:-24px 0 0; z-index: 1; }
.btn-wing-open .ico{ position:relative;display:block;width:20px;height:2px;margin:0 auto 0;background:#333; }
.btn-wing-open .ico:before{content:'';display:block;width:20px;height:2px;background:inherit;-webkit-transform:translateY(-6px);transform:translateY(-6px); }
.btn-wing-open .ico:after{content:'';display:block;width:20px;height:2px;background:inherit;-webkit-transform:translateY(4px);transform:translateY(4px); }
.shy .btn-wing-open .ico { background: #fff; }

.info-login{ padding:0 16px 22px;background:#26233b;color:#81e0df; }
.info-login .menu{ position:relative;display:-webkit-flex;display:flex;min-height:36px;border:1px solid rgba(255,255,255,0.2);letter-spacing:-1px;-webkit-align-items:center;align-items:center; }
.info-login .menu a { -webkit-flex:1;flex:1;padding:8px 0 7px;font-size:16px;line-height:1.2;color:#fff;text-align:center; }
.info-login .menu:after{ content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,0.2); }
.info-login .welcome{ padding:76px 0 17px 0;font-size:16px; }

#gnb>ul>li>a.depth1{ display:block;padding:13px 0 13px 0;margin:0 0 0 16px;border-bottom:1px solid #f2f2f2;font-size:18px; }

#gnb .has-sub.open .depth1 .ico:before{ background:#333333;-webkit-transform:rotate(720deg);transform:rotate(720deg); }
#gnb .has-sub.open .depth1 .ico:after{ background:#333333;-webkit-transform:rotate(270deg);transform:rotate(270deg); }
#gnb .has-sub.open ul{ background:#f3f3f3; }


.menu-hotels .depth1{ color:#000; }
.siteUtil{ z-index:10;width:300px;background:#fff; }
.set-lang .fb a:before{ width:11px;height:9px;margin:0 5px 0 0;background-position:0 -40px; }

#footer2 { padding: 0; background:#f5f5f5; } /*사이드 메뉴 푸터*/
#footer { padding: 0; background:#f5f5f5; }
.bottom { position: fixed; bottom: 0; left: 0; right: 0;  z-index: 100; opacity: 0.6; } /*하단 유틸 영역*/
.f-inner{ padding:10px 16px 10px 16px; background:#222222; margin: 0; }
#footer2 .f-inner { padding: 16px; margin: 0; }
.f-inner i { color: #444; position: relative; top: 0; }

.footCorp { margin:7px 0 0;color:#888;font-size:12px;line-height:1.545; }
.footCorp > strong { color: #ccc; font-size: 9px; } /* 수정 20171204 */
.footCorp > strong + p { margin-top: 3px; font-size: 9px; } /* 수정 20171204 */
.footCorp > p { margin-top: 3px; font-size: 9px; } /* 수정 20171204 */
#footer .footCorp { margin: 0; position: relative; }
.ui-pagemove-top{ position:absolute;display:block;width:40px;height:40px;margin:0;border:1px solid #d1d1d1;background:#f5f5f5;text-align:center; border-radius: 50%; box-shadow: 0 1.5px 3px 1px rgba(0, 0, 0, 0.1); background: url('/static/ko/img/common/ico-arrow-top.png') center center no-repeat; background-color: #fefefe; background-size: 16px auto; right: 16px; top: -60px; visibility: hidden; opacity: 0; transition: opacity 0.3s; }/* 수정 20171204 */
.bottom.active .ui-pagemove-top { visibility: visible; opacity: 1; }/* 수정 20171204 */
.ui-pagemove-top:before { display: none; }
.ui-pagemove-top:after { display: none; }
.ui-page-prev { position: absolute; display: block; width: 40px; height: 40px; margin:0; border:1px solid #d1d1d1;background:#f5f5f5;text-align:center; border-radius: 50%; box-shadow: 0 1.5px 3px 1px rgba(0, 0, 0, 0.1); background: url('/static/ko/img/common/ico-arrow-prev.png') center 9px no-repeat; background-color: #fefefe; background-size: 18px auto; left: 62px; top: -60px; } /* 수정 171018 */
.ui-page-home { position: absolute; left: 16px; top: -60px; display: block; width: 40px; height: 40px; margin:0; border:1px solid #d1d1d1;background:#f5f5f5;text-align:center; border-radius: 50%; box-shadow: 0 1.5px 3px 1px rgba(0, 0, 0, 0.1); background-repeat: no-repeat; background-size: 17px auto; background-position: center 9px; background-color: #fefefe; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAfCAYAAACCox+xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDRDQUZCMjNCM0Q0MTFFNzk1NUNFMzhFMkFBQTcyNUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDRDQUZCMjRCM0Q0MTFFNzk1NUNFMzhFMkFBQTcyNUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNENBRkIyMUIzRDQxMUU3OTU1Q0UzOEUyQUFBNzI1QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNENBRkIyMkIzRDQxMUU3OTU1Q0UzOEUyQUFBNzI1QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtPpQgYAAAG1SURBVHja7JS9S0JRGIePV/tAkPxnWooyi75EoqChoclFIloiqaGxoaGtIYSGBsHhQhYIBQ1BBQ4ORlshaYU2iUgU0VK/Ez/hIqX3eu+ViPvCg3LO+/FwOee44vG4MBlb/N0008RjUmIbrGt6bXRaxAV2wCr44JoU6gJr4LMTIlJiFyyDdzDHtUOK9YAVozKeNiT2QBS8gVlwxr0ZcERB2XfJiIxiQMIN9inxCsIaCcH/Ye5Fmeu2WkQ2PAAR8AKmwPkPeXJtmjkR1ritEpGfOQEWQQ1Mgqsm+ZfMqbEmoecItBLpBkmwAKpgHGR0yGeYW2Vtkr3aEpGFKpgHFTAGsgbOVJY1FfZQm8n8JtILUrwJMkZBro2rnmNt/Val2FuXiBccg5Bm7cbE66utDfGKe1uJyIQ0mABlYX2UeZDTjTJaER84BUHwBAI2iATYO8hZvkaRPm4MgSIL8jaI5Nm7yFknnP0t4uerOADuwQgoCPuiQBk5a5Cz/QqvVT+4A8PgQdgfj5x1y9mqFImBC36JkuhclHhW5OyYfHqvbTqYeuK5PlsRfyQcEUfEEXFEHJF/K/IlwAAGwVnII5KmTwAAAABJRU5ErkJggg=='); } /* 수정 171018 */
.h-section .tip-require .ico-require{ overflow:hidden;display:inline-block;width:4px;height:4px;margin:0 6px 0 0;font-size:0;line-height:0;text-indent:-9999px;vertical-align:middle;background:#a87161;border-radius:50%; }

.h-info{ padding:0 0 3px;font-size:20px;font-weight:bold;color:#a87161; }
.ui-btn-sm2, .ui-btn-sm2:hover, .ui-btn-sm2:active, .ui-btn-sm2:focus { padding:0 12px;background:#fff;color:#a87161;font-size:14px; }
.ui-btn-m4, .ui-btn-m4:hover, .ui-btn-m4:active, .ui-btn-m4:focus  { border:solid 1px #a87161;color:#fff;background:#a87161; }
.ui-btn-l1, .ui-btn-l1:hover, .ui-btn-l1:active, .ui-btn-l1:focus { color:#fff;background-color:#a87161; }

/*
* 호텔 > 레스토랑 전화문의 버튼 때문에 높이값 50 -> 60으로 변경.
* 큰 버튼의 높이값이 모두 커진것 같아서 변경했음.
* 다른곳에서 사이즈가 다르다면 디자이너와 상의해야함
*/
[class*="ui-btn-xl"] { display:inline-block;text-align:center;vertical-align:middle;width:100%;height:60px;line-height:1.2;font-size:18px; }
a[class*="ui-btn-xl"]{ padding-top:17px; }
.ui-btn-xl1, .ui-btn-xl1:hover, .ui-btn-xl1:active, .ui-btn-xl1:focus{ background:#a87161;color:#fff; }

.ui-table-view .ico-require{ overflow:hidden;display:inline-block;width:4px;height:4px;margin:0 0 0 6px;font-size:0;line-height:0;text-indent:-9999px;vertical-align:8px;background:#a87161;border-radius:50%; }

.ui-table-form .ico-require{ overflow:hidden;display:inline-block;width:4px;height:4px;margin:5px 0 0 6px;font-size:0;line-height:0;text-indent:-9999px;vertical-align:top;background:#a87161;border-radius:50%; }

.btn-box3 { display: block; position: relative; padding: 30px 70px 30px 24px; color: #fff !important; }
.btn-box3.blue { background-color: rgba(0, 33, 81, 0.85); }
.btn-box3.gray { background-color: rgba(84, 86, 90, 0.85); }
.btn-box3:before { content: ''; display: block; position: absolute; right: 30px; top: 32px; width: 40px; height: 11px; background: url('/static/ko/img/common/arrow.png') 0 0 no-repeat; background-size: contain; }
.btn-box3 strong { font-size: 18px; }
.btn-box3 span { font-size: 14px; opacity: 0.5; display: block; }

/* --------------------------------------------
 *  TAB
/* ------------------------------------------ */
.ui-tab1 .tab>li.active a{ border-top:2px solid #a87161;background:#fff; }
.ui-tab5 .tab>li.active a{ border-bottom:1px solid #a87161;background:#fff;color:#a87161; }
.ui-tab2.ty2 .tab { margin: 0 -16px; display: block; border-top: 1px solid #e5e5e5; font-size: 0; padding-left: 16px; box-sizing: border-box; }
.ui-tab2.ty2 .tab > li { display: inline-block; height: 45px; width: auto; border: none; position: relative; padding: 0 10px; }
.ui-tab2.ty2 .tab>li + li:after { content: ''; display: inline-block; width: 1px; height: 13px; background-color: #ccc; position: absolute; left: 0; top: 50%; margin-top: -6px; }
.ui-tab2.ty2 .tab>li.active { background: none; }
.ui-tab2.ty2 .tab>li.active:before { content: ''; display: inline-block; width: 9px; height: 6px; background: url('/static/ko/img/common/ico-check.png') 0 0 no-repeat; position: absolute; left: 0; top: 50%; margin-top: -3px; background-size: contain; vertical-align: middle; }
.ui-tab2.ty2 .tab>li.active a { color: #333; }
.ui-tab2.ty2 .tab>li + .active { padding-left: 19px; }
.ui-tab2.ty2 .tab>li + .active:before { left: 10px; }

/* --------------------------------------------
 *  MODAL
/* ------------------------------------------ */
[class*="ui-modal"] .modal-header{ position:relative;min-height:52px;padding:15px 0 13px;background:#58595b; }
[class*="ui-modal"] .modal-header h2 { color: #fff; }
#pop-login .modal-header { background: transparent; }
#pop-login .message-login { margin-top: 0; }
#pop-login .message-login h3 { color: #a87161; font-size: 24px; }
#pop-login .btn-ly-close:before,
#pop-login .btn-ly-close:after { background: #000; }

/* --------------------------------------------
 *  TITLE
/* ------------------------------------------ */
.h-section h3{ float:left;padding:0 0 5px 0;font-size:16px;font-weight:bold; }

/* --------------------------------------------
 *  COMMON - AMB RESERVATION Layer
/* ------------------------------------------ */
.ui-ambbook .layer{ padding:0 16px 0;margin:0 16px 0;background:#fff; }
.ui-ambbook .ui-tab .tab{ display:-webkit-flex;display:flex;margin:0 -16px 16px;background:#fff; }
.ui-ambbook .ui-tab .tab>li.active a{ border-top:2px solid #a87161;background:#fff; }
.ui-ambbook .ambsearch-place .input-group input{  width:100%;height:100%;padding:0 30px 0 8px;font-size:14px;border-bottom:2px solid #666; } /* 수정 171019 */
.ui-ambbook .ambsearch-period{ position:relative;margin:0;padding:0; }/* 수정 1710 2th */
.ui-ambbook .ambsearch-period .input-group{ position:relative;height:auto; box-sizing: border-box; padding: 12px 0; }/* 수정 171019 */
.ui-ambbook .ambsearch-guest .input-group{ position:relative;height:93px; box-sizing: border-box; padding: 12px 0; } /*수정 1710-2th*/
.ui-ambbook .ambsearch-etc .opt input[type="radio"]:checked{ background-color:#a87161; }
.ui-ambbook .ambsearch-etc .opt input[type="radio"]:checked+label{ border:2px solid #a87161;color:#111; }
.ui-ambbook .ambsearch-etc .opt input[type="text"]{ display:block;width:100%;height:40px;padding:2px 0 2px 32px;font-size:14px;border:2px solid #bbbbbb; }
.ui-ambbook .ambsearch-etc .opt input[type="text"]:focus{ border:2px solid #a87161;color:#111;  }
.ui-ambbook .ambsearch-etc .opt input[type="radio"]:checked + .field input[type="text"]{ border:2px solid #a87161;color:#111; }
.ui-ambbook .ambsearch-etc .opt #code-promotion.checked{ border:2px solid #a87161;color:#111; }
.day-view { overflow: hidden; }/* 수정 171019 */
.day-view > div { display: inline-block; }/* 수정 171019 */
.day-view .day-box { width: 44.465472%; vertical-align: middle; }/* 수정 1710 2th */
.day-view .day-box.out > p { padding-left: 8px; }/* 수정 1710 2th */
.day-view .arrow { width: 8.469055374592834%; margin-top: 29px; vertical-align: middle; height: 11px; background-size: 26px auto; background-position: center center; background-repeat: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAWCAYAAACPHL/WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjQ3QzlEMUFCMzFBMTFFNzhFQjdDMjdFNDIxQjJDMDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjQ3QzlEMUJCMzFBMTFFNzhFQjdDMjdFNDIxQjJDMDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNDdDOUQxOEIzMUExMUU3OEVCN0MyN0U0MjFCMkMwNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNDdDOUQxOUIzMUExMUU3OEVCN0MyN0U0MjFCMkMwNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqCWfT8AAAFaSURBVHja3Nc/KIRxHMfx53nuSflXMhie7TbZ1JMM5O/AGUjJQhkMsrCwmpSVIhtlEF0MugzqIgbdYrWZGAxSRCke72997zpynfH5Pp969Vx3v2f41P2+v+dxoyhy4pYwDIsf27CJKdz/517PiXfW0YtLpJNQaBIFLXOFVuuFnjCICwR6bbdcSPKCDE7Rgjw6LReSvGEMx2jCGfosF5J8YAJ7aEAOI5YLST4xg23U4khLluKXzXwr+cK87q0l7KMeu/JjKggCx2hkH8lTQT9GdSIWfP0yCdmQveU5yYonhVzDVsrKLGLVjfnDaaVImTUs6+SbLQ4F3+DfSspsYU7Ppmkclsa2sTIp7GiJdz2Dcj/OIUNlavTMGcerjur870VWCtUhi2E86/X6r4UWCjXiBD14xBBuKi2Oe6FmfW3owAMGcGv5fehAy9yhq1oZC4UWcI5uLVU13wIMAGriQr4/kJX1AAAAAElFTkSuQmCC'); }/* 수정 171019 */
.day-box > span { display: block; font-size: 14px; color: #666; margin-bottom: 11px; text-align: center; }/* 수정 1710 2th */
.day-box p > span { display: inline-block; font-size: 12px; width: 31px; word-wrap: break-word; text-align: left; line-height: 1; margin-right: -2px; }/* 수정 171019 */
.day-box strong { font-size: 30px; font-weight: 300; color: #333; letter-spacing: -3px; }/* 수정 171031 */
.day-box strong em { font-size: 24px; position: relative; bottom: 3px; }/* 수정 171019
*/
.day-box.ty2 p > span { font-size: 30px; width: auto; color: #333; } /* 수정 1710 2th */
.reservation-view > div { float: left; }
.reservation-view:after { content: ''; display: block; clear: both; }
.reservation-view .boxrangepicker { width: 56%; }
.reservation-view .ambsearch-guest { width: 44%; }
.reservation-view .ambsearch-guest:before { content: ''; display: inline-block; width: 1px; height: 45px; position: absolute; left: -4px; top: 50%; margin-top: -22px; background-color: #ddd; }
#ambbook-dining .day-view .day-box { width: 100%; }/* 수정 171019 */
#ambbook-dining .day-box strong em { font-weight: normal; }/* 수정 171019 */
#ambbook-dining .guest-data-box { text-align: center; }/* 수정 171019 */

/*버튼 영역 확장*/
.ui-ambbook .btn-wrap { margin: 0 -16px; padding-top: 10px; }

.ui-card .type{ float:right;padding:11px 0 0;font-size:12px;color:#a87161;font-weight:bold;text-transform:uppercase; }
.ui-card .card-footer span{ font-size:12px;color:#a87161; }


/* --------------------------------------------
 *  SLIDER
/* ------------------------------------------ */
.ui-list-goods{ margin:16px -16px 0 -16px; } /*가로가 100%가 되게 수정*/
.ui-list-goods>li{ position:relative;margin-top:8px; }
.ui-list-goods.ty2 { margin-top: 0; }
.ui-tab2.ty2 .ui-list-goods { margin-top: 0; }
.ui-summary + .ui-list-goods { margin-top: 0; }

.ui-goods .pic{ overflow:hidden;position:relative;display:block;width:100%;height:0;padding:56% 0 0 0;background:#cccccc url('/static/ko/img/common/bg_fallback.png') center 45%/144px auto no-repeat; }
.ui-goods .info{ position:absolute;bottom:0;left:0;right:0;top:0;padding:16px 16px 28px 16px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.ui-goods .nametag { display: inline-block; font-size: 12px; color: rgba(255, 255, 255, 0.8); padding: 4px 7px 2px; border: 1px solid rgba(255, 255, 255, 0.3); background-color: rgba(0, 0, 0, 0.3); }
.ui-goods .gps{ position:absolute;top:16px;left:16px;display:block;height:22px;padding:3px 7px 0 6px;font-size:12px;color:rgba(255,255,255,0.8);background:rgba(0, 0, 0, 0.3); border: 1px solid rgba(255,255,255, 0.3) }
.ui-goods .gps:before{ width:12px;height:12px;margin-right:2px;
  background-position:-25px -15px;vertical-align:-2px; }
.ui-goods .detail { position: absolute; left: 0; right: 0; bottom: 0; padding: 0 16px 10px 16px; }
.ui-goods .desc{ font-size:14px;color:#ffd44f;;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word; position: relative; margin-top: 5px; }
.ui-goods .desc:before { content: ''; display: inline-block; width: 12px; height: 12px; background: url('/static/ko/img/common/ico-present.png') 0 0 no-repeat; background-size: contain; margin-right: 6px; }
.ui-goods .flag1{ float:right;margin-top:-25px;border:none;background:#be7159;color:#fff; }/*171128 수정*/
.ui-goods .flag2{float:right;margin-top:-32px;border:none;background:#be7159;color:#fff; height: auto; position: absolute; right: 0; }/*171128 수정*/
.ui-goods .flag3{ float:right;margin-top:-23px;margin-right:0;height:auto;border:1px solid #9c7652;background:#a87161;color:#fff;  }
.ui-goods .flag3.Ty1{ margin-top:-36px; }
.ui-goods .price{ float:none;overflow:hidden;display:block;margin:7px 0 0;text-align:right; }
.ui-goods .benefits{ overflow:initial; position:absolute;bottom:10px;right:15px;}
.ui-goods .benefits + .detail {right:34%;}
.ui-goods .benefits + .detail.Ty1 {right:15%;}
.ui-goods .price strong{ font-size:18px;font-weight:700;color:#c49182;white-space:nowrap; }
.ui-goods .price span{ font-size:18px;color:#fff;font-weight:500;white-space:nowrap; }
.ui-goods .price{ float:none;overflow:hidden;display:block;margin:7px 0 0;text-align:right; }

/* sub menu slider */
[data-ui="tab"] .ui-slider-menu{ margin-bottom:0; }
.ui-slider-menu{ display:-webkit-flex;display:flex;padding:0 16px;margin:0 -16px 16px;background:#333; }
.ui-slider-menu .item{ -webkit-flex:1;flex:1;text-align:center;font-size:17px; }
.ui-slider-menu .item a{ display:table;width:100%;height:100%;min-height:58px;padding-top:2px;margin:0 auto;font-size:17px;color:#adadad; }
.ui-slider-menu .item a em {position:relative;height:100%;display:inline-block;vertical-align:middle;}
.ui-slider-menu .item a em:before {content:'';display:inline-block;height:100%;width:0;vertical-align:middle;}
.ui-slider-menu .item a em:after {content:'';display:inline-block;position:absolute;height: 2px;left:0;right:0;bottom:0;background-color:#333;}
.ui-slider-menu .item a em i {display:inline-block;vertical-align:middle;}
.ui-slider-menu .item span{ display:table-cell;vertical-align:middle;text-align:center; }
.ui-slider-menu .item.active a{ color:#fff;}
.ui-slider-menu .item.active a em:after {background-color:#fff;}

/* --------------------------------------------
 *  COMMON - SLIDER BOX
/* ------------------------------------------ */
.slider-box { padding: 30px 0 40px 0; background-color: #fff; }
.slider-box .slick-slider { margin-left: -4px; }
.slider-box .slick-slide { margin-left: 20px; }
.top-wrap { margin-left: 16px; margin-bottom: 16px; margin-right: 16px; overflow: hidden; position: relative; }
.slider-box .tit { font-size: 16px; }
.slider-box .pic { padding-top: 66.66666666666667%; background:#cccccc url('/static/ko/img/common/bg_fallback.png') center 45%/144px auto no-repeat; }
.slider-box .pic img { position: absolute; top: 0; left: 0; right: 0; width: 100%; }
.slider-box .info{ margin-top: 16px; }
.slider-box .name { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #333; }
.slider-box em { color: #333; font-size: 16px; font-weight: bold; display: block; margin-top: 3px; }
.slider-box .date { color: #666; display: block; margin-top: 3px; }
.btn { display: inline-block; }
.btn.detail { width: 18px; height: 18px; background: url('/static/ko/img/common/btn-detail.png') 0 0 no-repeat; background-size: contain; text-indent: -9999px; float: right; }

.top-wrap.ty2 { margin-bottom: 12px; }
.top-wrap.ty2 .tit { font-size: 20px; color: #a87161; }
.top-wrap.ty2 .btn.detail { margin-top: 3px; }

.ui-step-message p em{ color:#a87161; }
.ui-qa .open .btn-accordion:after,
.ui-qa .open .btn-accordion:before{ background:#a87161; }
.ui-accordion .open .btn-accordion:before{ background:#a87161; }
.ui-accordion .h-accordion.open { color:#a87161; }
.header-page{ position:relative;overflow:hidden;min-height:44px;margin:0 -16px;background:#a87161; }
.ui-summary{ overflow:visible;margin:0 -16px 0;border-top:1px solid #caac8e;background:#a87161; }
.ui-result2 .highlight{ color:#a87161;font-weight:500; }

/* --------------------------------------------
 *  COMMON - 리스트
/* ------------------------------------------ */
.list-box { padding: 30px 0 26px 0; }
.list-box .top-wrap { border-bottom: 1px solid #ebebeb; padding-bottom: 16px; margin-bottom: 0;}
.list { padding: 0 16px; }
.list a { display: block; overflow: hidden; }
.list li { border-bottom: 1px solid #ebebeb; overflow: hidden; padding: 12px 0; }
.list li .thum,
.list li .info { float: left; }
.list li .thum { width: 34.98542274052478%; display: block; }
.list li .thum img { width: 100%; }
.list li .info { margin-left: 12px; font-weight: bold; font-size: 14px; color: #333; height: 0; width: 61%; padding-top: 23.32361516034985%; position: relative; }
.list li .info em { display: block; position: absolute; top: 0; }
.list li .info .date { color: #666; display: block; position: absolute; bottom: 0; font-weight: normal; }

.ui-list-coupon .type i{ color:#a87161; }
.ui-list-coupon [class*="btn-"]{ position:absolute;right:0;top:0;bottom:0;width:80px;color:#fff;background:#a87161; }
.ui-list-status .status-done{ color:#a87161; }
.overview-guarantee h2 em{ color:#a87161; }
.step-guarantee .inner h3{ padding:0 0 6px;border-bottom:1px solid #a87161;font-size:25px;line-height:1.2;font-family:'Nanum Myeongjo';color:#a87161;text-align:center; }
.step-guarantee .inner em{ color:#a87161; }
.ui-list-infoh i{ display:block;padding:8px 0 0;font-size:14px;line-height:1.2;color:#a87161; }
.membership-card{ position:relative;padding:21px 16px 0;margin:0 -16px 14px;background:#604d40;  }
.info-membership .h-sdivder{ display:block;padding:15px 0 0;margin:14px 0 0;border-top:1px solid #cccccc;font-size:17px;font-weight:normal;color:#a87161; }
.com-code { color:#a87161; }
.ambshop-overview{ padding:9px 0 0;margin:0 0 15px;border-top:2px solid #a87161;border-bottom:1px solid #ece1d6;background:#fff; }
.ambshop-overview .price i{ float:left;font-size:16px;font-style:normal;color:#a87161; }
.ambshop-overview .price strong{ float:right;font-size:16px;font-style:normal;color:#a87161;font-weight:bold; }
.message-system h4{ margin:50px 0 13px;font-size:22px;line-height:1.227;color:#a87161; }
.inapp .quick-ambcard i{ display:block;margin:0 0 0;font-size:12px;color:#a87161; text-align: center; }
.inapp .quick-ambsearch .btn.active span { color: #a87161; }
.inapp .ui-ambbook-app .ui-count .plusminus input{ color:#a87161; }
.inapp .ui-ambbook-app .ambsearch-etc .opt input[type="radio"]:checked{ background-color:#a87161; }

/*호텔 상세 메뉴*/
.menuslider-wrap .inner { margin: 0; background-color: #333; }
.ui-slider-menu[data-ui-slidermenu] { background-color: #333; }
.ui-slider-menu[data-ui-slidermenu] .item a { height: 48px; font-size: 16px; color: #fff; opacity: 0.4; border-bottom-color: #333; }
.ui-slider-menu[data-ui-slidermenu] .item.active a { opacity: 1; color: #fff; border-bottom-color: #fff; }
.menuslider-wrap:after { height: 100%; width: 26px; background-size: cover; right: 0; }

/*호텔 상세 페이지*/
.ui-subvisual .pic { padding-top: 50%; }
.hotels-about { padding: 30px 8px 0; }
.hotels-about h3 { text-align: left; font-size: 18px; font-weight: 600; color: #111; }
.hotels-about p { color: #666; text-align: left; }
.ui-list-infoh { text-align: center; margin-top: 32px; }
.ui-list-infoh li { width: 78px; min-height: 0; padding: 49px 0 0; margin: 0;}
.ui-list-infoh li + li {  }
.ui-list-infoh img { width:  38px; height: 38px; left: 50%; margin-left: -19px;}
.ui-list-infoh i { color: #333; font-weight: 600; padding: 0; }
.ui-list-infoh span { color: #666; }

.ui-info-hotels-ico .inner { position: relative; }
.ui-info-hotels-ico .inner .ui-btn-s1 { position: absolute; right: 15px; bottom: 0; }
.ui-info-hotels-ico .h-accordion [class*="ico"] { padding-left: 30px; }

.price-box dd { margin-top: 12px; }
.price-box dd + dt { margin-top: 19px; }

/* --------------------------------------------
 *  호텔정보 - Accordion
/* ------------------------------------------ */
[class*="ui-info-hotels"] { border-top: none; }
[class*="ui-info-hotels"] .h-accordion:first-child { border-top: 1px solid #ddd; }
[class*="ui-info-hotels"] .h-accordion { min-height: 58px; }
[class*="ui-info-hotels"] .h-accordion:first-child.open { border-top: 1px solid #604d40; }
[class*="ui-info-hotels"] .h-accordion.open { background-color: #fff; border-top: 1px solid #604d40; border-bottom: 1px solid #e5e5e5; background-color: #f8eeeb; }
[class*="ui-info-hotels"] .open .btn-accordion:before,
[class*="ui-info-hotels"] dt { font-size: 17px; }
[class*="ui-info-hotels"] .details { padding: 16px 8px; color: #888;  }
[class*="ui-info-hotels"] dd ul li,
[class*="ui-info-hotels"] .dlist li { font-size: 17px; padding-left: 10px; position: relative; }
[class*="ui-info-hotels"] dd ul li:before,
[class*="ui-info-hotels"] .dlist li:before { content: ''; display: inline-block; width: 0px; height: 0px; background-color: #888; position: absolute; left: 1px; top: 10px; }

/* --------------------------------------------
 *  COMMON - BBS
/* ------------------------------------------ */
.ui-share .btn-share.set-icons:before{ width:17px;height:22px;background-position:-75px -94px; }

/* --------------------------------------------
 *  COMMON - 로그인
/* ------------------------------------------ */
.message-login2{ max-width:320px;margin:0 auto;font-size:14px;text-align:center;word-break:break-word; }

/* --------------------------------------------
 *  FORMS
/* ------------------------------------------ */
/* custom select */
.sfake1{ width:100%;height:40px;padding:0 20px 0 10px;border:1px solid #cccccc;font-size:14px;background:#fff url('/static/ko/img/common/set_cselect1.gif') right center no-repeat;background-size:auto 8px; }

/* text field */
.ipt1{ width:100%;height:40px;padding:0 10px 0;border:1px solid #cccccc;font-size:14px;line-height:1.3; }

.ui-table-form table th {font-size:14px;color:#111;font-weight:bold;}
.ui-table-view{ width:100%;padding:0 16px;margin:0 -16px;border-top:2px solid #604d40;border-bottom:1px solid #ebebeb;background:#fff;box-sizing:content-box; }
.ui-table-view table th{ width:114px;padding:16px 8px 12px 0;border-top:1px solid #eeeeee;font-size:14px;color:#111;font-weight:bold;vertical-align:middle;text-align:left; }
.ui-table-view table td { padding:16px 0 12px 0;font-size:14px;border-top:1px solid #eeeeee;vertical-align:middle; }
.ui-table-view.ty2,
.ui-table-view.ty2 table th,
.ui-table-view.ty2 table td { background-color: #f7f5f3; }
.ui-table-view.ty2 { border-top: 1px solid #aba199; }

/* --------------------------------------------
 *  아이디 찾기 및 비밀번호 변경
/* ------------------------------------------ */
.message-changepw h4{ font-size:16px; }

/*객실 상세보기*/
.ui-viewpics .ui-slider .pic { padding-top: 50%; }

.h-page h3 { font-size: 18px; font-weight: 600; }
.h-page p { font-size: 14px; color: #666; line-height: 1.35; margin-bottom: 25px; }
.h-page p + p { margin-bottom: 30px; }

/* --------------------------------------------
 * 마이페이지 인덱스
/* ------------------------------------------ */
[class*="ui-menulinks-"]{ padding:0;margin:0;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#ffffff; }
[class*="ui-menulinks-"] li{ position:relative;min-height:52px;padding:0;border-top:1px solid #eee;font-size:18px;color:#111; }
[class*="ui-menulinks-"] li i{ display:block;padding:16px 0 6px 48px; }
[class*="ui-menulinks-"] li i:before{ position:absolute;top:0;left:16px;content:'';display:block;width:33px;height:50px;background-image:url('/static/ko/img/mypage/set_mypage.gif');background-repeat:no-repeat;background-size:25px auto; }
[class*="ui-menulinks-"] .arrow{ z-index:1;position:absolute;right:9px;top:50%;display:block;width:11px;height:11px;margin:-5px 0 0 10px;font-size:0;line-height:0;vertical-align:-2px; }

/* --------------------------------------------
 *  COMMON - FAQ
/* ------------------------------------------ */
.ui-accordion{ margin:0;border-top:2px solid #604d40;border-bottom:1px solid #dddddd;background:#fff; }
.ui-accordion .h-accordion{ position:relative;padding:16px 72px 13px 16px;margin:0;border-top:1px solid #dddddd;-webkit-tap-highlight-color:transparent;outline:none; }
.ui-accordion .details:after{ content:'';position:absolute;left:0;right:0;top:0;height:1px;background:#dddddd; }
.ui-accordion .details:before{ content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#604d40; z-index:1;}
.ui-accordion .details:last-child:before { display: none; }
.ui-accordion .btn-accordion{ z-index:1;position:absolute;top:3px;right:6px;width:40px;height:40px;-webkit-tap-highlight-color:transparent;outline:none; }


.ui-qa{ margin:0 -16px;border-top:2px solid #604d40;border-bottom:1px solid #dddddd;background:#fff; }
.ui-qa.line {border-top:0;}
.ui-qa .h-accordion .question{ margin:0 -10px 0 0;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;color:#111; }
.ui-qa .h-accordion.open{ background-color:#fff; }
.ui-qa .h-accordion.open .question {color:#a87161;}
.ui-qa .h-accordion.open .qbox .question{ color:#a87161; }

/* --------------------------------------------
 *  COMMON - Coupon
/* ------------------------------------------ */
.ui-list-coupon .stitle{ font-size:14px;line-height:1.2;font-weight:bold; }
.ui-list-coupon dt{ position:absolute;left:16px;font-size:12px;color:#888; }
.ui-list-coupon .place{ margin:7px 0 -5px;font-size:12px;line-height:1.2;color:#a87161; }
.ui-list-coupon .type{ font-size:12px; }

/* --------------------------------------------
 * 카드 재발급 신청 완료
/* ------------------------------------------ */
.message-reissue h4{ margin:50px 0 12px;font-size:18px;line-height:1.227; font-weight:600; }
.message-reissue h4:after{ display:none; }
.message-reissue h4:before{ content:'';display:block;width:194px;height:100px;margin:32px auto 18px;background:url('/static/ko/img/mypage/reissue_ambcard.png') 0 0 no-repeat;background-size:189px auto; }
.message-reissue .copy1{ margin:0 0 10px;font-size:14px;color:#888; }
.message-reissue.company h4:before{ content:'';display:block;width:194px;height:100px;margin:32px auto 18px;background:url('/static/ko/img/mypage/com_code.png') center 0 no-repeat;background-size:88px 99px; }
.message-reissue.company .com-code {text-decoration:underline;}

/* --------------------------------------------
 * 나의 쿠폰 > 멤버십 무료 쿠폰 > 회원가입 유도
/* ------------------------------------------ */
.message-ambcoupon h4{ margin:50px 0 12px;font-size:18px;line-height:1.227; font-weight:600; }
.message-ambcoupon h4:after{ display:none; }
.message-ambcoupon h4:before{ content:'';display:block;width:200px;height:100px;margin:32px auto 28px;background:url('/static/ko/img/mypage/info_ambcoupon.png') 0 0 no-repeat;background-size:200px auto; }
.message-ambcoupon .copy1{ margin:0 0 14px;font-size:14px;color:#666; }

/* --------------------------------------------
 *  COMMON - STEP Message
/* ------------------------------------------ */
.step-finish .bookingcode{ display:-webkit-flex;display:flex;padding:15px 15px;border:1px solid #eeeeee;font-size:16px;background:#fafafa;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center; }

/* --------------------------------------------
 *  TAB
/* ------------------------------------------ */
.ui-tab3 .tab{ display:-webkit-flex;display:flex;margin:0 -16px;background:transparent; }
.ui-tab3.Ty1 .tab{ background:#fff; }
.ui-tab3 .tab>li{ -webkit-flex:1;flex:1;border:1px solid #ccc; border-bottom:2px solid #604d40;border-left:0;border-left:0;padding:0;color:#888;text-align:center;line-height:1.333;word-break:break-word;box-sizing:border-box; }
.ui-tab3 .tab>li a{ display:table;width:100%;min-height:40px;height:100%;padding:0 0 0;background:transparent; }
.ui-tab3 .tab>li span{ display:table-cell;height:100%;vertical-align:middle;font-size:14px;line-height:1.2;color:#666; }
.ui-tab3 .tab>li.active{ border-top:0;border-bottom:2px solid #604d40; background:#604d40;}
.ui-tab3 .tab>li.active a{background:#604d40;}
.ui-tab3 .tab>li.active span{ color:#fff; }
.ui-tab3 .tab>li:first-child{ border-left:0; }

/* tip valid check */
.ui-table-view .caption-price{ display:block;color:#a87161; }
.ui-table-view .caption-price2{ display:inline-block;vertical-align:0;color:#a87161; }

.links-login span:before{ display:block;width:24px;height:30px;margin:0 auto 3px;background-position:-130px -45px; }
.links-ask span:before{ display:block;width:28px;height:25px;margin:3px auto 3px;background-position:-165px -45px; }

/* --------------------------------------------
 *  가입 완료
/* ------------------------------------------ */
.btn-utility{ position:relative;max-width:375px;margin:34px auto 30px;text-align:center;font-size:0; }
.btn-utility .bar{position:absolute;left:50%;top:-5px;content:'';overflow:hidden;display:inline-block;width:1px;height: 63px;vertical-align:middle;background:#dfdfdf;text-indent:-500px;font-size:0;line-height:0;}
.message-union p{ margin:3px 0 0;font-size:14px;color:#888; }
.message-union strong { display: block; font-size: 20px; color: #111; font-weight: normal; }

/* --------------------------------------------
 *  통합 멤버쉽
/* ------------------------------------------ */
.message-welcome{ padding:33px 0 8px;margin:0;border-bottom:0;background:#f5f5f5;text-align:center; }
.message-welcome h3 {font-weight:600;}

.list-ambcard{ margin:0 -16px;border-top:2px solid #604d40;border-bottom:1px solid #ebebeb;background:#fff; }
.list-ambcard li.selected{ margin:0;padding-right:16px;padding-left:16px;background:#fff; }
.list-ambcard li.selected span,
.list-ambcard li.selected i{ color:#a87161; }

.message-merge{ margin:27px 0;font-size:16px;color:#888;text-align:center; }

/* error404 */
.message-system .copy1{ margin:0 0 27px;font-size:14px;color:#888; }
.message-system.error404{ padding-bottom:40px; }
.message-system.error404 h4 {margin-bottom:5px;font-size:18px;color:#111;font-weight:600;}
.message-system.error404 h4:before{ content:'';display:block;width:100%;height:100px;margin:0 auto 18px;background:url('/static/ko/img/common/error_404.gif') center 0 no-repeat;background-size:100px auto; }

/* --------------------------------------------
 *  COMMON - 예약팝업
/* ------------------------------------------ */
.ui-ambbook .layer { padding-bottom: 16px; }
.ui-ambbook .ui-tab .tab>li { font-size: 14px; }
.ui-ambbook .ui-tab .tab>li.active a{ background:#fff; color: #222; border: none; }
.ui-ambbook .ui-tab .tab>li a{ display:block;height:48px;padding:17px 0 0;background:#303640;color:#fff; font-weight: bold; border: none; }
.ui-ambbook .modal-body { min-height: 0; margin: 0; padding: 0; }
/*.ui-ambbook .ambsearch-guest .input-group { border: none; }*/ /*수정 1710-2th*/
.ui-ambbook .ui-btn-l1,
.ui-ambbook .ui-btn-l1:hover,
.ui-ambbook .ui-btn-l1:active,
.ui-ambbook .ui-btn-l1:focus { background-color: #333; }
.ui-ambbook .btn { outline: none; }
.ui-ambbook .ambsearch-etc .btn-etc { color: #888; height: 42px; margin: 0; } /*수정 171018*/
.ui-ambbook .ambsearch-etc .wrap { overflow: hidden; position: absolute; top: 140px; right: 22px; } /* 수정 171018 */
.ui-ambbook .ambsearch-etc .wrap a { float: right; margin-top: 10px; }
#ambReservation .ambsearch-etc { /*border-top: 1px solid #bbb;*/ } /* 수정 171018 */
.ui-ambbook .ambsearch-etc .box { margin: 0;  border-top: 1px solid #ddd; } /*수정 1710-2th*/
.ui-ambbook .ambsearch-etc .row { margin: 0; }
/*.ui-ambbook .ambsearch-etc .row + .row { border-top: 1px solid #ddd; }*//*수정 1710-2th*/
/*.ui-ambbook .ambsearch-etc .cell { padding: 0 16px; }*//*수정 1710-2th*/
.ui-ambbook .ambsearch-etc .row .cell + .cell {/* border-left: 1px solid #ddd;*/ }/*수정 1710-2th*/
.ui-ambbook .ambsearch-etc .row .cell + .cell + .cell { flex: 1; } /*수정 171115*/
.ui-ambbook .ambsearch-etc .opt { margin-bottom: 0; }
.ui-ambbook .ambsearch-etc .opt input[type="radio"]+label { height: 44px; color: #888; }
.ui-ambbook .ambsearch-etc .opt input[type="radio"]+label,
.ui-ambbook .ambsearch-etc .opt input[type="radio"]:checked+label { border: none; }
#ambReservation .ambsearch-etc .opt input[type="text"] { border: none; background-color: transparent; box-sizing: border-box; height: 34px; padding: 12px 11px; }/*수정 1710-1*/
#ambReservation .ambsearch-etc .opt #rm_rsv_promocode.checked { border: none; }/*수정 1711-1*/
#ambReservation .ambsearch-etc .opt #rm_rsv_promocode { height: 44px; }/*수정 1711-1*/
#ambReservation .ambsearch-etc .opt #rm_ispromotion { left: -10px; }/*수정 1711-1*/
.ambsearch-coupon { margin-bottom: 5px; }
.ambsearch-coupon .row { display: -webkit-flex; display: -moz-flex; display: -ms-flex;
display: -o-flex; display: flex; }
.ambsearch-coupon .row .cell { flex: 1; padding: 0 10px; }
.ambsearch-coupon .row .cell:first-child { margin-left: -10px; }
.ambsearch-coupon .row .cell:last-child { margin-right: -10px; }

/* --------------------------------------------
 *  COMMON - 무료 숙박권 이용하기
/* ------------------------------------------ */
#useFreeCoupon .modal-header { background-color: #58595b; }
.ui-table-view.ty2 { border-top: 1px solid #604d40; }
#useFreeCoupon .ui-table-view.ty2,
#useFreeCoupon .ui-table-view.ty2 table th,
#useFreeCoupon .ui-table-view.ty2 table td { background-color: #fff; }
.ui-table-view.ty2 .field-cardno th { top: auto; }

/* --------------------------------------------
 *  약관 동의
/* ------------------------------------------ */
.ui-agree{ padding:0 16px 0;margin:25px -16px 0;background:#fff;border-top:2px solid #604d40;border-bottom: 1px solid #ebebeb; }

/* --------------------------------------------
 *  COMMON - Search field
/* ------------------------------------------ */
.ui-search{ margin:25px 0 0; }
.ui-search .form-type{display: -webkit-flex;display: flex;padding:0 16px 3px;margin:0 -16px 0;border-top:none;border-bottom:none;background:transparent; }
.ui-search .form-type .sfake1{ -webkit-flex:1;flex:1;margin:0; }
.ui-search .form-type .sfake1:first-child {margin-right:4px;}
.ui-search .form-search{ position:relative;padding:4px 16px 15px;margin:0 -16px 0;background:#f5f5f5; }
.ui-search .form-search .window{ width:100%;height:40px;padding:0 45px 0 10px;border:1px solid #cccccc;line-height:41px; }
.ui-search .form-search .btn-search{ z-index:1;position:absolute;right:16px;top:3px;width:40px;height:40px; }
.ui-search .form-search .btn-search.set-icons:before{ width:18px;height:18px;background-position:-130px 0; }

/* --------------------------------------------
 *  Best Price Guarantee
/* ------------------------------------------ */
.overview-guarantee{ margin:0 -16px 0;background:#f3f4f6;text-align:center; }

/*****************************************************************************
******************************************************************************
** 신규 작업
******************************************************************************
*****************************************************************************/

.wide { margin: 0 -16px; }

/* 서브페이지 키 이미지 */
.keyvisual-sub { margin: 0 -16px; }
.keyvisual-sub img { width: 100%; }

/* 호텔 메인 */
.content-wrap .info-box { background-color: #fff; }
.h-logo { text-align: center; height: 55px; width: auto; margin: 0; }
.h-logo img { height: 100%; width: auto; }
.info-box { text-align: center; }
.info-box .name { font-weight: 600; font-size: 20px; display: block; color: #111; }
.info-box .name + span { color: #666; display: inline-block; margin-top: 3px; }

.shift-up { margin-top: -4.266666666666667%; position: relative; z-index: 2; }

.util { text-align: center; width: 100%; font-size: 0; padding: 16px 0 24px; }
.util li { width: 36px; height: 36px; background-color: #3d3c3c; border-radius: 50%; overflow: hidden; display: inline-block; }
.util li + li { margin-left: 10px; }
.util.sm li { width: 28px; height: 28px; }
.util.sm li + li { margin-left: 10px; }
#footer .util { width: auto; padding: 0; position: absolute; right: 0; top: -16px; } /* 수정 20171204 */
#footer .util li { background-color: #666; }

/*아이콘*/
.ico { display: block; height: 100%; width: 100%; }
.ico.tel { background: url('/static/ko/img/common/ico-tel.png') center center no-repeat; background-size: 16px auto; }
.ico.gps { background: url('/static/ko/img/common/ico-gps.png') center center no-repeat; background-size: 15px auto; }
.ico.mes { background: url('/static/ko/img/common/ico-mes.png') center center no-repeat; background-size: 16px auto; }
.ico.trip { background: url('/static/ko/img/common/ico-trip.png') center center no-repeat; background-size: 18px auto; }
.ico.fb { background: url('/static/ko/img/common/ico-fb.png') center center no-repeat; background-size: 6px auto; }

/*텍스트 박스*/
.txt-box { margin: 30px 0; }
.txt-box > strong { font-weight: 600; color: #111; font-size: 18px; }
.txt-box > p { color: #666; padding: 12px 0; }

/*메뉴 박스*/
.menu-box { background-color: #fff; border-top: 1px solid #ddd; }
.menu-box li { height: 60px; display: table; width: 100%; border-bottom: 1px solid #ddd; }
.menu-box a { display: block; display: table-cell; vertical-align: middle; padding-left: 16px; font-weight: 600; color: #111; position: relative; }
.menu-box a:after { content: ''; width: 8px; height: 14px; background: url('/static/ko/img/common/ico-arrow2.png') 0 0 no-repeat; background-size: contain; position: absolute; right: 24px; top: 50%; margin-top: -7px; }

/*리뷰박스*/
.review-box { margin-top: 30px; position: relative; color: #fff; }
.review-box img { width: 100%; }
.review-box .wrap { position: static; left: 0; top: 0; right: 0; bottom: 0; text-align: center; background-color: #84caba; } /* 수정 20171204 */
.review-box .wrap:before { content: ''; width: 0; height: 100%; vertical-align: middle; display: inline-block; }
.review-box .wrap > div { vertical-align: middle; display: inline-block; }
.review-box p { margin-top: 12px; font-size: 16px; }
.review-box p em { display: inline-block; position: relative; }
.review-box p em:after { content: ''; display: block; width: 100%; height: 1px; position: absolute; bottom: 2px; left: 0; background-color: #fff; }
.review-box .logo img { width: auto; height: 25px; }

/*검색영역*/
.sort-wrap {overflow:hidden;}
.sort-wrap .sort-tab {overflow:hidden;float:left;}
.sort-wrap .sort-tab li {position:relative;float:left;line-height:32px;}
.sort-wrap .sort-tab li.active {padding-left:18px;}
.sort-wrap .sort-tab li.active:before {content:'';position:absolute;top:10px;left:4px;display:inline-block;width:8px;height:6px;border-left:2px solid #333;border-bottom:2px solid #333;border-radius:2px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.sort-wrap .sort-tab li a {color:#999;font-size:14px;}
.sort-wrap .sort-tab li.active a {color:#333;}
.sort-wrap .sort-tab li.active + li {padding-left:18px;}
.sort-wrap .sort-tab li:first-child + li.active {padding-left:36px;}
.sort-wrap .sort-tab li:first-child +.active:before {left:22px;}
.sort-wrap .sort-tab li:first-child + li:after {content:'';position:absolute;top:9px;left:10px;display:inline-block;width:1px;height:13px;background-color:#ccc;}
.sort-wrap .ui-btn-l4 {position:relative;float:right;}
.sort-wrap .ui-btn-l4:before {content:'';display:inline-block;position:absolute;top:8px;left:10px;width:8px;height:8px;border:2px solid #a87161;border-radius:8px;}
.sort-wrap .ui-btn-l4:after {content:'';display:inline-block;position:absolute;top:18px;left:18px;width:7px;height:2px;border-radius:2px;background-color:#a87161;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}
.sort-wrap .ui-btn-l4, .sort-wrap .ui-btn-l4:hover, .sort-wrap .ui-btn-l4:active, .sort-wrap .ui-btn-l4:focus {padding:8px 0 0 18px !important;width:80px;height:32px;font-size:14px;color:#a87161;background-color:transparent; border:1px solid #a87161;box-sizing:border-box;}
.guest-data-box { overflow: hidden; position: relative; height: 100%; }/* 수정 171019 */
.guest-data-box span { display: inline-block; height: 100%; position: relative; font-size: 14px; width: 30%; color: #666666; text-align: center; } /*수정 1710-2th*/
.guest-data-box span:last-child { width: 33%; }
.guest-data-box span em { display: block; font-size: 30px; text-align: center; padding-top: 11px; color: #333; } /*수정 1710-2th*/
.guest-data-box span:after { content: ''; display: none; width: 8px; height: 4px; background: url('/static/ko/img/common/ico-arrow3.png') 0 0 no-repeat; background-size: contain; position: absolute; right: 10px; top: 50%; margin-top: -2px;  }/*수정 1710-2th*/
/*.guest-data-box span + span { margin-left: 2px; }*//*수정 1710-2th*/
/*.guest-data-box span:first-child { position: absolute; left: 8px; }
.guest-data-box span:last-child { position: absolute; right: 0; }*/

/* 데이트 피커 */
.daterangepicker .calendar-table { padding: 0; }
.daterangepicker td,
.daterangepicker th { height: 47px; }
.daterangepicker td { border: 1px solid #dddddd; }
.daterangepicker tr td:first-child { border-left: none; }
.daterangepicker tr td:last-child { border-right: none; }
.daterangepicker td.in-range { background: #eae1df; border-radius: 0; border-color: #d5cdcb; }
.daterangepicker td.start-date,
.daterangepicker td.end-date { background: #a87161; border-radius: 0; position: relative; /*border-color: #a87161;*/ }
.daterangepicker .month { color: #333; }

/* 예약하기 프로세스 */
.header-page { min-height: 54px; background: #26233b; }
.header-page h1 { padding: 17px 46px 13px; }
.header-page .btn-close { top: 7px; }
.header-page .flag { position: absolute; display: inline-block; font-size: 12px; border: 1px solid #fff; padding: 3px 8px 1px; border-radius: 20px; font-weight: 600; color: #fff; left: 16px; top: 50%; margin-top: -12px; }
.ui-summary { background: #26233b; border-color: rgba(255, 255, 255, 0.1); position: relative; }
.ui-summary.isclose { border-top: 1px solid rgba(255, 255, 255, 0.1); }
.ui-summary dt { color: rgba(255, 255, 255, 0.6); padding-left: 10px; }
.ui-summary dt:before { content: ''; display: inline-block; width: 3px; height: 3px; position: absolute; left: 0; top: 50%; margin-top: -1px; background-color: #a8a7b1; border-radius: 50%; }
.ui-summary dd { margin-left: 92px; }
.ui-summary .btn-research { border: 1px solid rgba(255, 255, 255, 0.5); height: 36px;}
.ui-summary [class*="btn-summary-"] { width: 34px; height: 26px; background: url('/static/ko/img/common/ico-panelcollapse.png') 0 0 no-repeat; background-size: 34px 26px; padding: 0; margin: 0 auto; position: absolute; bottom: -17px; left: 50%; margin-left: -17px; z-index: 5; }
.ui-summary .btn-summary-open { background-image: url('/static/ko/img/common/ico-panelexpand.png'); }
.info-box { border: 1px solid #eeeeee; text-align: center; padding: 28px 0; margin-top: 32px; background-color: #fafafa; }
#stepsBooking { padding-bottom: 0; }
.ui-list-goods [class*="btn-rate"] { width: 100%; height: 100%; left: 0; top: 0; }
.ui-list-goods [class*="btn-rate"]:before,
.ui-list-goods [class*="btn-rate"]:after { display: none; }
.ui-list-rate { border-top: 2px solid #604d40; margin: 0; }
.ui-list-rate .h-accordion { padding-left: 16px; margin: 0; }
.ui-list-rate .h-accordion span { display: block; font-weight: 600; font-size: 16px; }
.ui-list-rate .h-accordion em { color: #333; }
.ui-list-rate .btn-accordion { top: 50%; margin-top: -20px; right: 16px; }
.ui-list-rate .details .inner { padding: 16px 24px; }
.ui-list-rate .details:after { left: 0; right: 0; }
.ui-list-rate .ui-btn-xl1 { margin: 0 auto; box-sizing: border-box; }
.ui-list-rate .details:before { display: none; }
.ui-list-rate .h-accordion.open { background-color: #f5f5f5; color: #333; }
.ui-list-rate .open .btn-accordion:before,
.ui-list-rate .open .btn-accordion:after { background: #333; }
.note-box2 { padding-bottom: 16px; border-bottom: 1px solid #ddd; }
.note-box2 p { font-size: 14px; color: #111; }
.note-box2 ul { margin-top: 11px; color: #888; }
.note-box2 ul li { padding-left: 8px; position: relative; }
.note-box2 ul li:before { content: ''; display: inline-block; width: 3px; height: 1px; background-color: #888; position: absolute; left: 0; top: 6px; }
.inner .note-box { padding-bottom: 4px; border-bottom: 0px solid #ddd;  overflow:hidden; /*float:left;  width:49%;*/}
.inner .note-box p { font-size: 14px; color: #111; }
.inner .note { display:block; color:#888; overflow:hidden; margin-top:12px; margin-left:-24px; }
.inner .note li { display:inline-block; padding:3px 6px 3px 7px; }
.inner .note li:before { content:''; display:inline-block; width:1px; height:13px; background-color:#ccc; margin:0 15px 0 0; }
.price-box span { display: block; margin-bottom: 0px; }
.price-box { padding: 15px 0; text-align: right; font-weight: 600; color: #888; }
.price-box strong { color: #a87161; display: inline-block; border-bottom: 1px solid #a87161; font-size: 18px; }
.price-box em { color: #333; display: inline-block; border-bottom: 1px solid #333; font-size: 18px; }
.ui-table-form .ui-tipbox { margin: -9px -16px 0; background-color: #f7f5f3; border: none; }
.ui-table-form table th { line-height: normal; padding: 0; vertical-align: middle; }
.box-txt { border-color: #eee; background-color: #fafafa; }
.ipr1+label { font-size: 14px; }
.ipc1+label { font-size: 14px; vertical-align: -1px; display: inline-block; } /*수정 171019*/
.ui-table-form .check-all { text-align: center; }
select option:disabled { color: red;  display: none; }
.step-finish { padding-top: 30px; }
.step-finish h2 { font-size: 20px; }
.step-finish p { font-size: 14px; }
.step-finishinfo { padding: 40px 16px 16px; background-color: #666; margin-top: 16px; color: #fff; text-align: center; } /*수정 171019*/
.step-finishinfo + .ui-table-view { margin-top: 16px; }/*수정 171019*/
.step-finishinfo h2 { font-size: 20px; }/*수정 171019*/
.step-finishinfo p { font-size: 20px; color: inherit; }/*수정 171019*/
.step-finishinfo strong { display: block; font-weight: normal; }/*수정 171019*/
.bookinginfo { background-color: #fff; padding: 25px 30px; overflow: hidden; margin-top: 20px; }/* 수정 171019 */
.bookinginfo > div { float: right; text-align: right; }/* 수정 171019 */
.bookinginfo .label { color: #111; font-size: 14px; text-align: left; font-weight: bold; float: left; }/* 수정 171019 */
.bookinginfo .label + div em { color: #a87161; display: block; font-size: 20px; }/* 수정 171019 */
.bookinginfo .label + div span { color: #999; display: block; font-size: 12px; margin-top: 6px; }/* 수정 171019 */
.ui-btn-s5 { bottom: 0 !important; }
.ui-btn-s5:before { content: ''; display: inline-block; width: 13px; height: 13px; background: url('/static/ko/img/reservation/ico-lowprice.png') 0 0 no-repeat; background-size: contain; vertical-align: -1px; margin-right: 6px; }
.btn-group2 [class*="ui-btn-"].ico-tel { background-color: #a87161; }
.btn-group2 [class*="ui-btn-"].ico-booking { background-color: #a87161; }
.man-info { padding: 0 21px; box-sizing: border-box; background-color: #fff; } /*수정 171019*/
.man-info > div { overflow: hidden; padding: 12px 4px; } /*수정 171019*/
.man-info > div + div { border-top: 1px solid #e5e5e5; } /*수정 171019*/
.man-info span,
.man-info strong { display: inline-block; } /*수정 171019*/
.man-info span { float: left; text-align: left; color: #999; } /*수정 171019*/
.man-info strong { float: right; text-align: right; color: #333; } /*수정 171019*/

/*mypage*/
#footer.my {margin-top:32px;}
#footer.my .footCorp {margin-top:7px;}

.ui-table-form {border-top:2px solid #604d40;}
.ui-table-form table tr{ border-top:1px solid #e5e5e5;}
.ui-table-form table tr:first-child {border:none;}

.ui-table-view.Ty3{padding:0;margin:0;}
.ui-table-view.Ty3 table th{ padding:16px 8px 12px 16px;font-size:14px;color:#111;font-weight:500;}
.ui-table-view.Ty3 table td{ font-size:14px;color:#666;}

.message-reissue + .btn-group {margin-top:28px;}

.ui-table-view.Ty4 {margin-top:-1px;border-top:1px solid #d7c0b9;background-color:#f7f5f3; border-top: 2px solid #604d40;} /*수정 171019*/
.ui-table-view.Ty4 table th { padding-top: 35px; padding-bottom: 35px; } /*수정 171019*/
.ui-table-view.Ty4 .price strong { font-size: 24px; color: #a87161; } /*수정 171019*/
.ui-table-view.Ty4 + .ui-table-view { border-top: 1px solid #e5e5e5; }/* 수정 171019 */
.ui-table-view.Ty4 + .ui-table-view table th,
.ui-table-view.Ty4 + .ui-table-view table td { color: #666; }/* 수정 171019 */
.ui-table-view.Ty4 + .ui-table-view table td .point { font-size: 14px; color: #a87161; }/* 수정 171019 */
/* --------------------------------------------
 *  TITLE
/* ------------------------------------------ */
.ui-table-view.Ty4 + .h-section .tip-require {color:#333;}
.h-section .tip-require .ico-square{ position:relative;overflow:hidden;display:inline-block;width:16px;height:16px;margin:0 6px 0 0;vertical-align:middle;}
.h-section .tip-require .ico-square:after{ content:'';display:block;position:absolute;bottom:0;left:0;width:10px;height:10px;border:1px solid #333;background-color:#f5f5f5;}
.h-section .tip-require .ico-square:before{ content:'';display:block;position:absolute;top:0;left:4px;width:10px;height:10px;border:1px solid #999;background-color:#f5f5f5;}

/* --------------------------------------------
 *  MYPAGE > 예약 내역
/* ------------------------------------------ */
.my-hotels {margin:0;}
.my-hotels .ui-goods{ margin:0 -16px; width:auto;}

/* --------------------------------------------
 *  COMMON - Period
/* ------------------------------------------ */
[data-ui-tab="tab"] .ui-period.Ty1{ margin:0 -16px;padding:23px 16px 0;min-height:68px;background-color:#fff;font-size:12px;}
.ui-period.Ty1 > .text {float:left;line-height:28px;}
.ui-period.Ty1 + .ui-list-status {margin-top:0;}
.ui-period.Ty1 ul{ overflow:hidden;display:-webkit-flex;display:flex;float:right;width:80%;margin-right:-1px; }
.ui-period.Ty1 li{ -webkit-flex:1;flex:1;position:relative;margin:0 2px;height:28px;border:1px solid #cccccc;border-left:1px solid #cccccc;cursor:pointer;background:#fff;border-radius:40px; }
.ui-period.Ty1 li:first-child{ border-left:1px solid #ccc;}
.ui-period.Ty1 li:last-child{flex:1.3;-webkit-flex:1.3; }
.ui-period.Ty1 input[type="radio"]{ position:absolute;left:-9999px;top:-9999px; }
.ui-period.Ty1 label{ position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;display:block;height:28px;line-height:19px;padding:5px 5px 0;border-right:0;color:#888888;text-align:center; }
.ui-period.Ty1 input[type="radio"]:checked+label{ background:#999999;color:#fff;border-radius:40px; }
.ui-period.Ty1 .daterangepicker{ top:89px;left:0;; }
.ui-period.Ty1 .field-daterangepicker{ clear:both;position:relative;display:none;padding:10px 0 24px; margin:0;}
.ui-period.Ty1 .field-daterangepicker .btn{ z-index:2;width:40px;position:absolute;right:0;top:10px;bottom:0;height:40px; }
.ui-period.Ty1 .field-daterangepicker .set-icons2:after{ cursor:pointer;position:absolute;right:10px;top:50%;width:15px;height:15px;margin:-8px 0 0;background-position:0 -50px; }

.ui-field-opts li:last-child{ margin-right:0;}
.field-address input:last-child { margin-top:5px; }
.ui-btn-m3, .ui-btn-m3:hover, .ui-btn-m3:active, .ui-btn-m3:focus  { height:40px; border:solid 1px #ddd;color:#111;background:#eee; }

/*회원 등급 안내*/
.overview-level.ty2 { padding: 15px 0; text-align: center; }
.overview-level.ty2 .lev { display: inline-block; vertical-align: top; min-width: 71px; padding-top: 81px; position: relative; }
.overview-level.ty2 .lev + .lev { margin-left: 11px; }
.overview-level.ty2 .lev:before { content: ''; width: 71px; height: 71px; display: block; position: absolute; left: 50%; margin-left: -35px; top: 0; background: url('/static/ko/img/mypage/set_level2.png') 0 0 no-repeat; background-size: 71px 284px; }
.overview-level.ty2 .lv1:before { background-position: 0 0; }
.overview-level.ty2 .lv2:before { background-position: 0 -71px; }
.overview-level.ty2 .lv3:before { background-position: 0 -142px; }
.overview-level.ty2 .lv4:before { background-position: 0 -213px; }

/* --------------------------------------------
 *  MEMBERSHIP > 멤버쉽 가입
/* ------------------------------------------ */
.membership[data-ui="tab"] .ui-table-view { border-top: 2px solid #604d40; }
.membership[data-ui="tab"] .ui-table-view th { width: 101px; }
.membership[data-ui="tab"] .ui-table-view td,
.membership[data-ui="tab"] .ui-list-help1>li { color: #333; }
.membership[data-ui="tab"] ul { margin-top: 0; }
.membership .ui-table-view td span + ul { margin-top: 5px; }
.membership a[href^=mailto] { display: inline-block; border-bottom: 0px solid #333; }
.membership .ui-table-view + .ui-list-help1 { margin-top: 10px; }
.membership ul[class^="ui-list-"] a,
.membership .ui-list-help1 em { display: inline-block; border-bottom: 1px solid #666; }

.membership[data-ui="tab"] .ui-table-view.ty2 .wrap { margin: 0 -16px; }
.membership[data-ui="tab"] .ui-table-view.ty2 thead th { background-color: #a87161; color: #fff; text-align: center; font-size: 12px; }
.membership[data-ui="tab"] .ui-table-view.ty2 thead th:last-child { padding-right: 16px; }
.membership[data-ui="tab"] .ui-table-view.ty2 th { width: 20%; padding: 19px 0; font-size: 12px; }
.membership[data-ui="tab"] .ui-table-view.ty2 th:first-child { width: 20.3%; }
.membership[data-ui="tab"] .ui-table-view.ty2 tbody th,
.membership[data-ui="tab"] .ui-table-view.ty2 td { padding: 25px 0; }
.membership[data-ui="tab"] .ui-table-view.ty2 tbody th { padding-left: 16px; padding-right: 0; background-color: #fafafa; }
.membership[data-ui="tab"] .ui-table-view.ty2 tbody td { background-color: #fff; position: relative; }
.membership[data-ui="tab"] .ui-table-view.ty2 tbody td:before { content: ''; display: inline-block; width: 8px; height: 1px; background-color: #666; position: absolute; left: 50%; margin-left: -4px; top: 50%; }
.membership[data-ui="tab"] .ui-table-view.ty2 .check:after { content: ''; display: inline-block; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #a87161; position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -7px; }
.membership[data-ui="tab"] .ui-table-view.ty2 .check:before { display: none; }

.membership[data-ui="tab"] .ui-table-view.ty3 .wrap { margin: 0 -16px; }
.membership[data-ui="tab"] .ui-table-view.ty3 thead th { background-color: #a87161; color: #fff; text-align: center; font-size: 12px; }
.membership[data-ui="tab"] .ui-table-view.ty3 thead th:last-child { padding-right: 16px; }
.membership[data-ui="tab"] .ui-table-view.ty3 th { width: 20%; padding: 19px 0; font-size: 12px; }
.membership[data-ui="tab"] .ui-table-view.ty3 th:first-child { width: 20.3%; }
.membership[data-ui="tab"] .ui-table-view.ty3 tbody th,
.membership[data-ui="tab"] .ui-table-view.ty3 td { padding: 25px 0; text-align: center; }
.membership[data-ui="tab"] .ui-table-view.ty3 tbody th { padding-left: 16px; padding-right: 0; background-color: #fafafa; }
.membership[data-ui="tab"] .ui-table-view.ty3 tbody td { background-color: #fff; position: relative; }


.membership .h-list { font-size: 16px; }

.benefit-list { text-align: center; font-size: 0; }
.benefit-list li { display: inline-block; font-size: 14px; padding-right: 35px; position: relative; vertical-align: top; }
.benefit-list li:after { content: ''; width: 10px; height: 10px; background: url('/static/ko/img/mypage/ico-plus.png') 0 0 no-repeat; background-size: 10px 10px; display: inline-block; position: absolute; right: 14px; top: 35px; }
.benefit-list li:before { content: ''; display: block; width: 80px; height: 80px; margin: 0 auto; margin-bottom: 12px; background: url('/static/ko/img/mypage/set_befefit.png') 0 0 no-repeat; background-size: 80px 320px; }
.benefit-list li:last-child { padding-right: 0; }
.benefit-list li:last-child:after { display: none; }
.benefit-list .b1:before { background-position: 0 0; }
.benefit-list .b2:before { background-position: 0 -80px; }
.benefit-list .b3:before { background-position: 0 -160px; }
.benefit-list .b4:before { background-position: 0 -240px; }
.benefit-list li em { color: #a87161; }
.benefit-list.col2 li { padding-right: 27px; width: 160px; }
.benefit-list.col2 li:nth-child(even) { padding-right: 0; width: 112px; }
.benefit-list.col2 li:nth-child(3),
.benefit-list.col2 li:nth-child(4) { margin-top: 20px; }
.benefit-list.col2 li:nth-child(even):after { display: none; }

.benefit-list + .h-list { margin-top: 47px; }
.h-list strong { color: #a87161; }

.ui-accordion .details .inner .list-wrap { margin-top: -14px; }

.ui-tab7 .tab { background-color: #aaa; margin: 0 -16px; display: -webkit-flex; display: flex; height: 55px; margin-bottom: 25px; }
.ui-tab7 .tab > li {  -webkit-flex:1; flex: 1; text-align: center; position: relative; color: #fff; }
.ui-tab7 .tab > li + li:after { content: ''; display: inline-block; left: 0; top: 0; height: 100%; width: 1px; opacity: 0.2; background-color: #fff; position: absolute; }
.ui-tab7 .tab > li a { display: table; width: 100%; height: 55px; }
.ui-tab7 .tab > li a span { display: table-cell; vertical-align: middle; }
.ui-tab7 .tab > li.active { color: #a87161; }
.ui-tab7 .tab > li.active a { background-color: #fff; }
.ui-tab7 .tab > li.active:before { content: ''; display: inline-block; width: 100%; height: 3px; position: absolute; left: 0; top: 0; background-color: #aaa; }
.ui-tab7 .tab > li.active:after,
.ui-tab7 .tab > li.active + li:after { display: none; }

.ui-tab8 .tab { background-color: #fff; display: -webkit-flex; display: flex; height: 32px;}
.ui-tab8 .tab > li {  -webkit-flex:1; flex: 1; text-align: center; position: relative; color: #000;}
.ui-tab8 .tab > li + li:after { content: ''; display: inline-block; left: 0; top: 0; height: 100%; width: 1px; opacity: 0.2; background-color: #fff; position: absolute; }
.ui-tab8 .tab > li a { display: table; width: 100%; height: 32px; }
.ui-tab8 .tab > li span { display: table; width: 100%; height: 32px; }
.ui-tab8 .tab > li a span { display: table-cell; vertical-align: middle;  }
.ui-tab8 .tab > li.active { color: #000; font-weight:bold }
.ui-tab8 .tab > li.active a { background-color: #fff; }
.ui-tab8 .tab > li.active:after,
.ui-tab8 .tab > li.active + li:after { display: none; }

.link-box { margin-bottom: 30px; overflow: hidden; }/*수정 1711 - 1st*/
.link-box .box { text-align: center; color: #fff; padding: 25px 25px 20px; float: left; width: 100%; box-sizing: border-box; min-height: 167px; } /*수정 1711 - 1st*/
.link-box .box + .box { float: right; } /*수정 1711 - 1st*/
.link-box .box strong { font-size: 16px; font-weight: 600; display: block; margin-bottom: 9px; }
.link-box .box span { opacity: 0.5; display: block; letter-spacing: -1.2px; }/*수정 1711 - 1st*/
.link-box .box button { display: inline-block; border: 1px solid #fff; height: 34px; line-height: 34px; padding: 0 17px; color: #fff; margin-top: 20px; }
.link-box .blue { background-color: #002151; }
.link-box .gray { background-color: #54565a; }
.link-box .black { background-color: #333;}

.ui-board-view #editor { padding: 0; } /* text-align: center; */
.ui-board-view .abanner .pic img { max-width: none; }
.ui-board-view + .wide { margin-top: 30px; }

.ad-box img { width: 100%; }
.ad-box a { display: block; position: relative; color: #fff; }
.ad-box a p { display: block; position: absolute; right: 0; top: 0; height: 100%; width: 35%; box-sizing: border-box; padding-left: 4.6%; padding-top: 8.7%; }
.ad-box a em { font-size: 16px; display: block; }
.ad-box a span { display: inline-block; font-size: 12px; opacity: 0.6; letter-spacing: -1px; position: relative; }
.ad-box a span:before { content: ''; display: inline-block; width: 100%; height: 1px; position: absolute; bottom: 0; background-color: rgba(255,255,255,0.6); }
.ad-box li + li { margin-top: 8px; }
.mt30 { margin-top: 30px; }
#container .menuslider-wrap { margin: 0 -16px; width: auto; }
#container,
#stepsBooking { padding-bottom: 6px; }

.iamhelp { display: none; }
.inputCardInfo { display: none; }
.hideAddress { display: none; }
.block { display: block; }
.block + .block { margin-top: 12px; }

/* 예약 스텝 박스 */
.step-box { margin: 0 -16px; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 45px; overflow: hidden; }/* 수정 171019 */
.step-box:after { content: ''; position: absolute; left: 0; top: 0; display: inline-block; width: 100%; height: 1px; background-color: rgba(142,142,142,1); }/* 수정 171019 */
.step-box .step { flex: 1; box-sizing: border-box; padding-left: 23px; background-color: #f1f1f1; position: relative; line-height: 45px; font-weight: bold; font-size: 12px; color: #999; border-bottom: 1px solid rgba(204,204,204,1); }/* 수정 171019 */
.step-box .step:before { content: ''; display: inline-block; position: absolute; left: 0; top: 0; width: 12px; height: 100%; background-position: 0 center; background-repeat: no-repeat; background-size: contain; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAABXCAIAAAB6LKkVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTg4MjQ1NjhCNDdBMTFFNzgzODZEQTU4Q0Q0RTQxRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTg4MjQ1NjlCNDdBMTFFNzgzODZEQTU4Q0Q0RTQxRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5ODgyNDU2NkI0N0ExMUU3ODM4NkRBNThDRDRFNDFFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5ODgyNDU2N0I0N0ExMUU3ODM4NkRBNThDRDRFNDFFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PulX2bcAAAHZSURBVHjarNbrbsIwDIZh6h64/0vlJ6Ut8/AUsTZxfPgibdIAPTKt32rD4/E4juP5fC7LMo7jLX2If7Zt2/ed0Rvi/Io83TAMPCnTGJHP/X7n35Ax/8Rpmojo/X6/Xi+MWMZc15VdjDh+DnOMYsQyJn/xzJj/RL6UfEGTt4hOf/MmyYbyMmFEHnOe58yYdH1JFn7/HIzIXGZMqr6a6ZJab4S7bIrhLkl5L9alJsa6JP3tQJcdMdAldT/h7bIversky4dcXZpEV5dkvN72Lsm+aMYuHaKxS3I1a+nSJ1q6JO/DqtulW+x26RbLmK0uI6K+8BFR7zIoKmMGRaXLuNjqMiVWu0yJ1S6z4rXLrHjtEiCeugSIpy4x4vfCY0TYPpZTVpK/PkaUeyILDxBL2nJ/CDUg3xm+PwBRHpFsyT9cAFEGlCcbQJSVLssIEGVAuSEAUZ5gJeqs+L3SmGZkQHk4AkRlwKD43RxAPDUHEE/NZcVrc1nx2lxKrDaXEqvNxcVWc0FRX+mIqDQXEV0DmkS9ObfYbc4tdpvziZbmfKKlOYdobM4hGpuzivbmTKJ3pfuiq7m+mBywInqb64iB5jpioDlNjDWnibHmmmK4uaYYbq4uZpq7nh8BBgDgdK1mOdTIQQAAAABJRU5ErkJggg=='); }/* 수정 171019 */
.step-box .active ~ .step { background-color: #fff; color: #333; }/* 수정 171019 */
.step-box .active ~ .step:before { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAABXCAIAAACV7sIrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjNBQkU5MDFCNDdCMTFFN0I0MTBDNjZCMjlFQTIxNTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjNBQkU5MDJCNDdCMTFFN0I0MTBDNjZCMjlFQTIxNTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCM0FCRThGRkI0N0IxMUU3QjQxMEM2NkIyOUVBMjE1NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCM0FCRTkwMEI0N0IxMUU3QjQxMEM2NkIyOUVBMjE1NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsKYsBEAAAKMSURBVHjarJjZbgIxDEU7Zt///yN5YGdYe9UrWXRghiTXkVq1gI4cfMZ2Uj2fz5+4Zbfbbb1e13Udgzufz2Btt9sY3Gw26/V61+v1eDwG4KqqWi6X+AsB6t+j4WcymQyHw8fjsd/vA3BYDBC4+/0egEN0iBGb3e12ATgGiO8RCUFaAnDIL7LMnATgsObzuZlBQ8gYgANrsVgoAVrj/+l02u/38eQdDocAnFuNFBdYbe8vjcdjWl0gjX18dbVa4Tf2m2v1Z9xgMKDVuTmxtjdo9el0ulwuAbgyq63jPTgIExFdutVdOGzWrU6Uxrrfxn6zrLavn/BSCBMDcLB6NBol1mpL2QIDxH6x6wAcrEZpSLHaEg1AipFoGNNtdSoOVqO4frXa0o0HDlBEhycvAJditWUVDCQEaUHVarM6D/fV6mwclIbYbbU6G9dtdQkORaGtFJbgXq1ujK2FuLYGX4hjKXwfW8txHxt8OY5jK632UijhvMG71SoO4wes9lKo4hpjawAOVqM0UJoAXIx3vvDkUj3sOgDHaspSqOI4wbjSKm6z2fjIr+LQgyCHNzkJ5+qyWKk4Ts4cEFRRvFcwAyqORYnDlYrz6bERWiGOGeBgquJ4nvQBQ8W5HPRWwrGo+ZFDwvlNAeuliuM9Bi8h1Hrn7epdjhKce4voVBxbvRc1FUc5eE2g4uq/5TOOimvUWwnHEdPnQwmX4m0GjoMMpxC1bSd6m4pjM+bFo4qDt2h6Kd4m4SgHp18Vx0MrLPNmXI57bcYp3n7B4VHP8rYL19aMC3H0lmdCFeeH3uLQ/uFeh0gVxwuDtmacjaMcvItQcbxCLPO2iXNv04taF45DpJ9c1BMQFENn0bfJ9SvAACcL2i9CxFt0AAAAAElFTkSuQmCC'); }/* 수정 171019 */
.step-box .active { background-color: #be968a; color: #fff; border-bottom-color: #be968a; flex: 3; }/* 수정 171129 */
.step-box .step:first-child:before,
.step-box .step.active:first-child:before { display: none; }/* 수정 171019 */
.step-box .active:before { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABZCAIAAACrEXNmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDlCNUYxODdCM0RGMTFFNzg0OTg5RDBEQzJFMjQzRDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDlCNUYxODhCM0RGMTFFNzg0OTg5RDBEQzJFMjQzRDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOUI1RjE4NUIzREYxMUU3ODQ5ODlEMERDMkUyNDNEMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowOUI1RjE4NkIzREYxMUU3ODQ5ODlEMERDMkUyNDNEMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhX+oBgAAALxSURBVHjarJhtT9pgFIalhfIuCBbUZHPxBRGGjrkfvq/7D04UKFgUMzcnYAFhvBeKO6QJcTMtT3vOncCXkisP7bmvp63jd7Uif/u6hg4nrG8Ed95TgARBTH1yOBxYEHyCUTG0u08AcjqdYvLUwfNYEMQf3tjYSxKAeJ4XkxneJWBBEF8gGDlMEYA4jttMpJ0eHxYE8Xh90aMMAWixqIMjwR/EgiBut0dMZwlAMOKR3X1POIoFQfTSEIAgkXcf/OI2AQhKE7N4pjijA6GtHUt6MQRBaeIfP7PrhTM5ZkkvZiCYz1gqy6gXzvywPxRm1MsKECwqfnzKohdu5S+8gUDkME0AggsXS2ZW6oVj+f8er3czmSEAQWKJlLleWEEul2CuF469BOJewkQvFkB6aQhA5nqxBlrMZ+aMAAQJG+jFMgjmc/vky1u9WAZBApHN0O4BAQiWswXO+1cvdkC6XiL7SQIQZDudfa0X+yC3zx9NpAlAkK3U6VIvKJBLcIvHJwQgSPwoLQTWCUA879SbjAUt9UIAWsznyRkBSKcRgF5eXur5cwKQclcZd1pYkKbNGsULgqvWkCW1/wcLmqoTpZwnmOx6OT8bD7GgyXDQkosE7a9JOW2qYkGDbue5KmMNuZjA4sVcm2FB/Xaze3+L3UVgObX8OXxjQZ36Y+/xJ3annc/njcJ3gr2//evHQKlhQZqm6f3EgnRdYEHTqaqULgnuIZ8qJV0XKNB4NGpeF7D32TB7T3JhqQv7oFG/365I2GcRWE6jfPVaFzZBg+5z507GPq8tCiHl/tOFHVCvpXTvq9hnWr0Qb3VhGdQ10IU10Gw2e5JyBG8i2g+GurAAUlVVkS6xb2vg7Lbvqya6YAVNJmNzXTCBYDnNW9lcF0yg0XDYkgv29l7udSGaFWmlLlaDhv1e+0ZasxtuWQjlusCiixWgQYdVF2YgKIRyfcWoCzNQr9Vk14UhaFGIUo5dF0Zx3pWKAyu6MFzR5KG6RpG/AgwA9hQuCpCiEnwAAAAASUVORK5CYII=') }/* 수정 171019 */
.step-box .active:after { content: ''; display: inline-block; position: absolute; right: -12px; top: 1px; z-index: 1; width: 13px; height: 100%; background-repeat: no-repeat; background-size: contain; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAABaCAYAAACmEkaiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjA3RDM5QjVDOUU2MTFFNzk5MTdDRTM1MzEyOUYyMzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjA3RDM5QjZDOUU2MTFFNzk5MTdDRTM1MzEyOUYyMzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMDdEMzlCM0M5RTYxMUU3OTkxN0NFMzUzMTI5RjIzNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMDdEMzlCNEM5RTYxMUU3OTkxN0NFMzUzMTI5RjIzNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrT5v+oAAAIBSURBVHjavNg9TgJRFIbhmQkNdtTWsAK2wArcgQuQzvifSKIoJSSWrkBWILoCFqCxxtZOGxM9Fy8Gwgzc8/Odm5yEAvJkYOa+M+TPd4Of7G91aCYZaBVLr/s0uQfUptnzgMK6oql5QC2afQ8orAuauge0S9P1gMI6pGl4QI2IwaGwDuLXCId24okBh7J4qjc9oHDxXntAWdyW2h5QbnFUReL7OnHgUBaPKveAVBkpmO8XZ4QLiTNSCD4jyogEEmWkEP627IxIIXZGCsU12OVkRAPVORnRQKyMaKHkjGih5IxYQEkZsYCSMmIFbc2IJbQxI5bQ4qhqHlCzKiPWUGVGEFBpRhBQaUZQ0FpGUNBaRpDQSkaQ0CIjLQ+oFu8F4dB/RjygsNH2PaA55gGFf8+OPKAxzRQNfdOce5x19zQvaOiLpuexM4xoZmjog+bGY/ceRAwKvdMMPQp7SfOJht7iKQ2/CzqNFykUmtI8eNypnsQNFAo90TyinybmGfB4PhrH3wcKhTPszOMZNlwzr2hoJQNIaLicARQUduZbzgek0FoGEFBpBhBQaQasocoMWEOVGbCENmbAEtqYAStosi0DFlA4imPtFp8CJWVACyVnQAslZ0ADsTKggVgZkELsDEghdgYk0EySAQnUk2SAC4kzwIXEGeBAqgxwIFUGtq1fAQYAvkFck25HPe0AAAAASUVORK5CYII=') }/* 수정 171115 */
.step-box .active + .step:before { display: none; }/* 수정 171019 */

.reservation-infobox { margin: 0 -16px; background-color: #fff; padding: 0 16px 7px; border-bottom: 1px solid #999; position: relative; }/* 수정 171213 */
.reservation-infobox + .h-section { margin-top: 30px; }/* 수정 171019 */
.btn-info-close { background-color: #999; width: 40px; height: 30px; font-size: 8px; color: #fff; position: absolute; bottom: 0; right: 0; z-index: 300; visibility: hidden; }/* 수정 171115 */
.btn-info-close:before { content: ''; display: block; width: 12px; height: 7px; margin: 2px auto 1px auto; background-repeat: no-repeat; background-size: contain; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAYAAAA1+Nx+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0ExRTY0NzBCNDdDMTFFNzk2MkM5RjE5MjFFNDVFM0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0ExRTY0NzFCNDdDMTFFNzk2MkM5RjE5MjFFNDVFM0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQTFFNjQ2RUI0N0MxMUU3OTYyQzlGMTkyMUU0NUUzRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQTFFNjQ2RkI0N0MxMUU3OTYyQzlGMTkyMUU0NUUzRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhbQh50AAAEFSURBVHjapJPNqoFRFIa33wGJpJP7UbgkQxMlxcSAgcE5xUAoboASRfkpIjciE7W9K2vXtvqwHaue8u293uf96ovSWiuQBSMQ4edvIMcQZOiZDvLgou8zAdEv5JQds+sMcnTY048zBbF/yGOctadLF2HQFxdzEP9ATrsz4RiQ2ywEqU0sLEHCQU47C/nmIGS+gSEA2mJxDZIv5HS3EpkOu5QsMCW/IrAFKQ85nW3E7p8t9yog/KAlgnvwY+3Q753YaXFWvSsgfKAhBEeQZg7irskZ5VpgSupCdGLsqT+TvyswJVX9fGqv5C4FhoqHvOKS/eSfWrbkJddcULlPAVyZomvoJsAA1PsGqEtU/owAAAAASUVORK5CYII='); }/* 수정 171019 */
.btn-info-close.open:before { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAYAAAA1+Nx+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjY5NjMwOThCNDc2MTFFN0EzQTE5OUIyNUI0NjQ0NUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjY5NjMwOTlCNDc2MTFFN0EzQTE5OUIyNUI0NjQ0NUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2Njk2MzA5NkI0NzYxMUU3QTNBMTk5QjI1QjQ2NDQ1RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2Njk2MzA5N0I0NzYxMUU3QTNBMTk5QjI1QjQ2NDQ1RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrDJ24oAAAD+SURBVHjarJNPCwFRFMX9y4JEmuT7KHwtSaJmNYvZWFiwEIovQImFIgslX0Q26jlX9+W5xvQGt36Leeeec2aambhSKhZhmuAGGtYOKrCkrZ7TsvXZhnfV+3T+URAHrvo8Lu98VUBGTwSeGXO8sJKwcF8EnUCZOQnN/1QSFJ4APRFwBCVjp8Rn5vTYG1qQBH1hPAAn4EYc1szpc0ZgAQkDYdiDYsh7Im0nPEOzRC+mwEgsbkHB4lMs8K45I858FKTBRCxsQD7CT0i7a5ExpWwSx0JYgVyEcE2OvS9PQkIdXPlgCbJfhGvIu+CsC6hpoQrmIPNDuIYyZqBC13cBBgDwfQiw7JvT5QAAAABJRU5ErkJggg==');; }/* 수정 171019 */

.sorting-box { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; box-sizing: border-box; margin-top: 16px; margin-bottom: 16px; overflow: hidden; border: 1px solid #604d40; border-radius: 3px; }/* 수정 171019 */
.sorting-box > button { flex: 1; height: 30px; background-color: #fff; color: #666; position: relative; font-size: 16px; }/* 수정 171115 */
.sorting-box .active { background-color: #604d40; color: #fff; }/* 수정 171019 */
.sorting-box > button:before { content: ''; display: inline-block; width: 1px; height: 100%; background-color: #e7e4e3; position: absolute; left: 0; top: 0; }/* 수정 171019 */
.sorting-box .active:before,
.sorting-box .active + button:before { display: none; }/* 수정 171019 */
#stepBooking .sorting-box { margin: 5px 0 -2px !important; }

.opt-box { font-size: 14px; padding: 15px 0; border-top: 1px solid #ddd; color: #999; }/* 수정 171019 */

/*호텔 리스트 레이어 팝업*/
.layerbox { position: fixed; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.4); z-index: 500; display: none; }
.layerbox .wrapper { position: absolute; left: 16px; right: 16px; top: 28px; background-color: #fff; } /*수정 1711-1*/
.layerbox .header { background-color: #a87161; padding: 17px 20px; box-sizing: border-box; position: relative; color: #fff; }
.layerbox .header .close{ z-index:3;position:absolute;right:6px;top:7px;overflow:hidden;width:40px;height:40px;cursor:pointer;font-size:0;line-height:0;-webkit-tap-highlight-color:transparent;outline:none;text-indent:-9999px;font-size:0;line-height:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
.layerbox .header .close:before{ position:absolute;left:10px;top:19px;content:'';display:block;width:20px;height:1px;margin:0 0 0 0;background:#fff; }
.layerbox .header .close:after{ position:absolute;left:19px;top:10px;content:'';display:block;width:1px;height:20px;margin:0 0 0 0;background:#fff; }
.hotellists { border: 1px solid #ddd; overflow-y: scroll; max-height: 257px; -webkit-overflow-scrolling: touch; }
.hotellists li { padding: 19px 20px; box-sizing: border-box; }
.hotellists li + li { border-top: 1px solid #ddd; }
.hotellists li span { color: #666666; }
.hotellists li.active { background: #e7f1f9; }
.hotellists .highlight { text-decoration: underline; }
.layerbox .nDate { background-color: #f2eae7; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.layerbox .nDate > div { flex: 1; text-align: center; box-sizing: border-box; padding: 10px 0 13px; }
.layerbox .nDate > div > span { font-size: 12px; color: #666; }
.layerbox .nDate > div:last-child { border-left: 1px solid #fff; }
.layerbox .nDate .wrap { font-size: 24px; }
.layerbox .nDate .wrap em { display: inline-block; margin: 0 -7px; }
.calendarBox { height: 390px; overflow-y: scroll; -webkit-overflow-scrolling:touch; }
.calendarBox .calTit { text-align: center; padding: 19px 0; font-size: 16px; color: #333; }
.calendarBox table { overflow: hidden; }
.calendarBox table td { width: 6.4%; height: 11.46666666666667%; }
.calendarBox table span,
.calendarBox table span a { font-size: 14px; text-align: center; font-weight: normal; height: 100%; width: 100%; display: inline-block; line-height: 43px; }
.calendarBox table .abled,
.calendarBox table .disabled { border: 1px solid #ddd; text-align: center; }
.calendarBox table .rNoDate { color: #888; background-color: #f5f5f5; }
.calendarBox .sun { color: #d21919; }
.calendarBox .sat { color: #2327ad; }
.calendarBox .active { background-color: #a87161; color: #fff; }

.ly-roomsguest .btn-wrap { border-top: 1px solid #ddd; margin-top: 0; padding: 10px 20px; text-align: right; }

.gone-box { box-sizing: border-box; padding: 0 16px; position: relative; height: 67px; border-bottom: 1px solid #e5e5e5; }
.gone-box:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.gone-box strong { font-size: 16px; color: #bbbbbb; vertical-align: middle; }
.gone-box button { display: inline-block; position: absolute; right: 24px; top: 50%; background-color: #333333; font-size: 14px; color: #fff; padding: 10px 20px; margin-top: -28px; }
.ui-modal .txt-wrap { color: #666666; }
.ui-modal .txt-wrap span { display: block; }
.available-modal .minner { height: auto !important; }
.availablelists { margin: 16px -16px 0; border-top: 2px solid #604d40; border-bottom: 1px solid #e5e5e5; max-height: 253px; overflow-y: scroll; }
.availablelists li { box-sizing: border-box; height: 50px; position: relative; padding: 0 16px; }
.availablelists li:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.availablelists li + li:after { content: ''; display: inline-block; height: 1px; position: absolute; top: 0; left: 16px; right: 16px; background-color: #e5e5e5; }
.availablelists li span { vertical-align: middle; }
.availablelists li span + span { margin-left: 20px; }
.availablelists .disable { background-color: #fff2f2; }
.availablelists .disable span + span { color: #ff0000; }

.reservation-infobox .awesomplete > ul { min-height: 130px !important; } /* 수정 171115 */
.awesomplete > ul > li { padding: 8px 16px !important; } /* 수정 171115 */

/* 2017-11-24 옵션선택/정보입력 문구 */
.reservation-infobox.ty2 { margin:0 -16px; background-color:#604d40; padding:13px 16px 15px; }
.ambsearch-result { background-color:#604d40; color:#fff; line-height:20px; }
.ambsearch-result .desc + .btn-wrap { margin-top:18px; }
.ui-btn-l6 { position: absolute; right: 0; bottom: 0; }
.ui-btn-l6, .ui-btn-l6:hover, .ui-btn-l6:active, .ui-btn-l6:focus { color:#fff;border:solid 1px #fff; border-radius: 3px; width: auto; padding: 2px 2px !important; height: auto !important; font-size: 11px; }
.ui-btn-l6:before { content: ''; display: inline-block; width: 11px; height: 13px; margin-right: 7px; background-size: cover; background-repeat: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAACzdqxAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0YxNURFQTJEMzNBMTFFNzk5QUY5RDcyRTY5NEM2RDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0YxNURFQTNEMzNBMTFFNzk5QUY5RDcyRTY5NEM2RDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRjE1REVBMEQzM0ExMUU3OTlBRjlENzJFNjk0QzZEMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDRjE1REVBMUQzM0ExMUU3OTlBRjlENzJFNjk0QzZEMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiksiKkAAAGZSURBVHjatJU9S8NQFIavtVWDtNI6OViKCDo5SxWsLvoLRFzFSScHseLkPxFEf4HQ0kUdnG0LiuIgZCid4sdkFeN75A3ENM0HvR54GnJzz5PTm/uhbNtWMTgBmSh9VUyxxBOY/w+xxCc4AoO6xU5cg3xc8TjYBRfABF+2f1hgw5ufVN1hgD2wDzIqPBIg1dXqedMUaLqqqYAtUAAJn2pvmBM4FNOgxYRHsBQwxjIsxyAZ9vEMV6VXIBvw8Z7BYtTpVmbSHRgLSDgPef5HnAOv4BsUY06/QPEOq63qkgoyVVY5QU6VzoD9gRXP6Kx4AD9v8Ke5GN51FSziD1yHwDDo9OkTj/g6MsZtNuY1FDrJa1vEt7xZ1iBe4bUu4ipv1jWIHUfFWSAvXCALfcyEIh3iyjmNBxGXdC8k556OsnuvGAENPrgE6RjSNHNsOgy/bdNkB3l7KYK05KrUpMP3aCp4Nvoa2OZmngKjYJZtNVe/JnMDzzz5K4c8y8LCYl/Db0n3mjpZsAnWwByYYHsLNH6nlFJnwPJL/hFgAL4UFk5dZ6ZQAAAAAElFTkSuQmCC'); }

/* 수정 171129 */
.barcode a { display: block; text-align: center; }
.barcode-viewer { position: absolute; left: 100%; top: 0; right: 0; bottom: 0; z-index: 210; transition: left 0.2s; width: 0; overflow: hidden; }
.barcode-viewer.active { left: 0; width: auto; }
.barcode-viewer .dim { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); opacity: 0; transition: opacity 0.2s; }
.barcode-viewer .dim:before { content: ''; position: absolute; left: 16px; top: 16px; display: inline-block; width: 21px; height: 21px; background: 0 0 no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0U3QTMxRTZENEU1MTFFNzg3MkJFRTNCNUJCOEMzMjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0U3QTMxRTdENEU1MTFFNzg3MkJFRTNCNUJCOEMzMjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRTdBMzFFNEQ0RTUxMUU3ODcyQkVFM0I1QkI4QzMyOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRTdBMzFFNUQ0RTUxMUU3ODcyQkVFM0I1QkI4QzMyOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg3PPYYAAAEiSURBVHja1NnRCsMgDAVQGesP3n5j97Iv3JNrmUIZtTXxatJAoGLRA60aMMQYw5rPNZc1kdoeEsk0be2QHt7xFx8nWCRLTLYpJPU+rLF7ZI5l65gPOqywKFjm/IIHbBGZ/1EP2FPkP9QKe4k8go7GViFL0FHYauQZtDdWhLyC9sKKkTVQNlaFrIWysGqkBNqKbUJKoVpsM1IDlWIpSC20FktDtkCvsFRkK/QMS0UyoCUs/TRjndslLK0+eAROxNA7OhUY7j49BIsJVlAotieMhqJhw8coKAhHKHpDQSxK0AuKDmUe2FB0LJzBgjIXhXqskcimMUcj1WNbIFVzWCHFc1kiRXNaI6vn9oCsMnhBXmK3ztddLhtuc32Tsa4vxL4CDABno7rn9dpQFAAAAABJRU5ErkJggg=='); background-size: contain; }
.barcode-viewer.active .dim { opacity: 1; }
.barcode-viewer .barcode-box { position: absolute; left: 100px; top: 0; background-color: #fff; bottom: 0; }
.barcode-viewer .barcode-box img { position: relative; width: 80vh; transform: rotateZ(270deg) translateX(-50%) translateY(-70%); }

/* 이벤트 팝업 */
.layerbox.evt { background-color: rgba(0,0,0,0.8) }
.layerbox.evt .wrapper { background: transparent; left: 0; right: 0; }
.layerbox.evt .inner { position: relative; }
.layerbox.evt .inner > a img { width: 100%; }
.layerbox.evt .inner > img { width: 100%; }
.layerbox.evt .btn-box { padding: 0; text-align: center; position: absolute; bottom: 0; left: 30px; right: 30px; border: none; color: rgba(0, 0, 0, 0); height: 13.8%; }
.layerbox.evt .btn-box a { display: block; height: 100%; }
.layerbox.evt .btm { padding: 10px 0; margin: 0 34px; position: relative; font-size: 12px; color: #ccc; }
.layerbox.evt .btm label { position: relative; }
.layerbox.evt .btm label input { position: absolute; left: -9999px; }
.layerbox.evt .btm label span:before { content: ''; vertical-align: middle; margin-right: 5px; display: inline-block; width: 11px; height: 11px; background-size: 11px 22px; background-repeat: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAsCAYAAAEWUnhmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkRGQzMxNkFFMTZBMTFFN0E0ODBGRTIwOTRDNDVCOEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkRGQzMxNkJFMTZBMTFFN0E0ODBGRTIwOTRDNDVCOEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGREZDMzE2OEUxNkExMUU3QTQ4MEZFMjA5NEM0NUI4QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGREZDMzE2OUUxNkExMUU3QTQ4MEZFMjA5NEM0NUI4QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoHASaoAAAHASURBVHjaYly1atV/BihggdKMIIKJAQmgcMDKlJSUfgApTjDn3r17HCAaIIAYkU1jgppEwDQmoEkg0zzBRgNNAtHbQQRAAMFMY2RABf+ZGHAAmAf+Y5UAWsKEJKkFtOsqE5oOkF3XQAyAAELxCrIx6K5hwOoa4gVZcLkXwyIWUEjhMnMiskdggvlQCUbksIVJgAFAAOEKY2wAd7gT7Vn6K8aZJPApJio0YGkKRE0C4jQg5kBSAErQ20DOBYU7spvzoApBMfMD6rQdUFv/4/JgPlQTI7pfYBmQKA8CBBDWVE2V0BiKaWPYp2eyTKZ+dCPnFG0gvootZYJMRc4pIIEr0GyEDEA5ZgK6B/9D2duQNIAUzkQu61iQPQDV8A+If6IrxBZ0MA0YCnGF839sCpEzLPWjGyDASMrd5CQNYpMHMeA/yQmUZnlq1OBRg6mXQf4PORdTNUvDDcbWWiUHwIpKJiw1BqwJ5UGEOZ5IlQcjrqCAeaMAyt4OrR8CYZ0SNAPXAzE7tAFYiB75+KoFWF2yDeoqT6gvfkDFZkLV5GNLUUwEIgFmwQyoYdsJGYgrKHBZUAD1Lskta2Iqvv/DO0sDANDgf0mcO+GNAAAAAElFTkSuQmCC') }
.layerbox.evt .btm label input:checked + span:before { background-position: 0 100%; }
.layerbox.evt .btm .close { position: absolute; right: 0; top: 10px; font-size: inherit; color: inherit; padding-right: 18px; background-position: right 50%; background-size: 10px 10px; background-repeat: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTAxMjQ2OURFMTZDMTFFNzgxNEE4OTM0MURCQTBBRjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTAxMjQ2OUVFMTZDMTFFNzgxNEE4OTM0MURCQTBBRjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMDEyNDY5QkUxNkMxMUU3ODE0QTg5MzQxREJBMEFGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMDEyNDY5Q0UxNkMxMUU3ODE0QTg5MzQxREJBMEFGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppoad7wAAAF2SURBVHjaYly1apUAAwPDByBmYIIy/sM4IMAIEgAIIEagMgZk0S8gxhcg5gEIIJjUf6hasCwLkmaQKm4QGyCAQCptgYzDDAhwkAmqyhamFYjtQYKHkLTzIFu9DYg9YTqYkFTAzLUFCCCQRXYgw4HYDs1CBiR7GJDtYYT6AdkhMJN5WJB0HkLzF4oNTGhWwEyAhcx/ZIcfRLYCSeNhZA0AAQTyDEihPQNuADLxMshEY5jPcCgCuV2PCcm6LzgUgWw7BPMMumIURSAB5ODhQfI5N7Ii9OBhgMYjSNFXZEXoCpGtw3AzE5oiOyiN4UEmNEWH0dyMkShwpRyY4oMAAQaLGTuoBzxxaGAgEHPboYEADm97JI8egjrJlkiDviCFoj0sHzEgBQgxBmMziAfGR48/fAbjNQhXgsBnMF6DCBkI89o2pBT3Fcrehi+MmYgIIzukTGxHKIyZiDDoMFppgNdgJiINQgc4DQYZeAWIzxJpED6DQWZcAQDFanzsIPjXjgAAAABJRU5ErkJggg=='); }

/*수정 20171220: 아이폰5 대응*/
@media screen and (max-width: 320px) {
  .day-box strong, .guest-data-box span em { font-size: 24px; }
  .guest-data-box span { letter-spacing: -2px; }
  .ui-ambbook .ambsearch-etc .opt input[type="text"] { font-size: 11px; padding-left: 23px !important; }
  .ui-ambbook .ambsearch-etc .opt input[type="text"]::-webkit-input-placeholder { font-size: 11px; }
  .ui-ambbook .ambsearch-etc .opt input[type="radio"]+label { font-size: 11px; }
  .list li .info { margin-left: 11px; }
  .link-box .box strong { font-size: 12px; }
  .link-box .box button { line-height: 14px; }
  .ui-list-infoh li { width: 68px; }
}

/* 수정2018-11-12: PC코드 대응 */
.tbList th, .tbList td { padding:6px 8px 6px; text-align:center; }
.tbList tr.point td { background:#fafafa; }
.tbList tr.disabled td { background:#f3f3f3; color:#888; }
.tbList.over tr:hover td { background:#f9f9f9; }
.tbList.over .tbOverSubj { color:#111; }
.tbList.over tr:hover .tbOverSubj { color:#a87161; }
.tbList td.pd-logo { height:31px; padding:5px 0 5px; }
.tb-1 .point-2, .tb-1 .point-2 th { background:#a87161; color:#fff; border-color:#b1887c; }
.tb-1 .trance { background:transparent; }
.tb-1 .point-2 th { padding:6px 0 6px; }
.tb-1 { border-top:solid 2px #604d40; }
.tb-1.single { border-top:solid 1px #e5e5e5; }
.tb-1.noLine { border-top:none; }
.tb-1 th, .tb-1 td { border-bottom:solid 1px #e5e5e5; box-sizing:border-box; }
.tb-1 th { background:#fafafa; font-weight:bold; color:#111; }
.tb-1 tr.point th { background:#f5eee7; }
.tb-1 tr.point td { background:#faf6f3; }
.tb-1 td.pdR-0 { padding-right:0 !important; }
.tb-1 td.pdL-0 { padding-left:0 !important; }
.tb-1 .lineR { border-right:solid 1px #e5e5e5; }
.tb-1 td.lineL { border-left:solid 1px #e5e5e5; }
.tb-1 td.pd-first { padding-left:8px; }
.tb-1 td.pd-last { padding-right:8px; }
.tb-1 td { color:#333; }