@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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 { margin: 0; padding: 0; vertical-align: baseline; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

input, select, button, textarea { font-family: inherit; font-size: 100%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

body { line-height: 1.3; color: #222; font-size: 13px; font-family: sans-serif; -webkit-tap-highlight-color: transparent; word-break: keep-all; }

img { border: 0; vertical-align: top; }

a { background-color: transparent; }

input, textarea, select, button { vertical-align: middle; }

.color-blue { color: #2c8ae7; }

.color-red { color: #ff1e00; }

.font-bold { font-weight: bold; }

.text-center { text-align: center !important; }

.max-width-100p { max-width: 100%; }

.form1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; }
.form1__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; margin: 7px 0; }
.form1__item.w-auto { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; margin-right: 15px; }
.form1__item.w-auto:last-child { margin-right: 0; }
.form1__item.type-bar { margin-left: 6px; padding-left: 6px; border-left: 1px solid #e2e2e2; }

.box1 .form1 { margin-top: -7px; margin-bottom: -7px; }

.input1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0; border: none; border-radius: 0; outline: none; margin: 0; vertical-align: middle; line-height: 1; }
.input1::-webkit-input-placeholder { color: #a0a0a0; line-height: 1.1; }

.select1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding-right: 10px; border: none; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAPCAYAAAAYjcSfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIdJREFUeNq81AsKwCAIANCMXa8O2wWd2yis9bEtEwQR6qFE4JxDszksJWw24YgFpfrEIYR7QEuFYbDqhKlAfAb03sceaoIZqggDW296SKZsLlw1VO7O0cVwFayii+Am2ER/wl2wi36Eh+AQnYRFoAgVwmJQjA7gKfD1OcwEfSTXQZBCPE4BBgAuQTuFGp/AaQAAAABJRU5ErkJggg==) no-repeat right center; -webkit-background-size: 10px 5px; background-size: 10px 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.checkbox1 { display: inline-block; margin: -2px 0; }
.checkbox1 input[type="checkbox"] { display: none; }
.checkbox1 input[type="checkbox"] + span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; height: 25px; padding-right: 48px; color: #a9a9a9; font-size: 9px; }
.checkbox1 input[type="checkbox"] + span:before, .checkbox1 input[type="checkbox"] + span:after { position: absolute; top: 0; right: 0; margin: auto; background-color: #fff; content: ''; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.checkbox1 input[type="checkbox"] + span:before { width: 42px; height: 23px; border: 1px solid #e5e5e5; border-radius: 44px; vertical-align: middle; }
.checkbox1 input[type="checkbox"] + span:after { top: 1px; right: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 23px; height: 23px; border: 1px solid #e6e6e6; border-radius: 50%; -webkit-box-shadow: 0 0 1px #e6e6e6, 0 2px 0 rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 0 1px #e6e6e6, 0 2px 0 rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.1); -webkit-transform: translateX(-19px); -ms-transform: translateX(-19px); transform: translateX(-19px); }
.checkbox1 input[type="checkbox"]:checked + span:before { border-color: #af8d72; background-color: #af8d72; }
.checkbox1 input[type="checkbox"]:checked + span:after { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.radio1 { display: inline-block; margin: -2px 0; margin-right: 15px; }
.radio1:last-child { margin-right: 0; }
.radio1 input[type="radio"] { display: none; }
.radio1 input[type="radio"] + span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; min-height: 24px; padding-left: 24px; }
.radio1 input[type="radio"] + span:before, .radio1 input[type="radio"] + span:after { position: absolute; top: 0; left: 0; margin: auto; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; vertical-align: middle; content: ''; }
.radio1 input[type="radio"] + span:before { width: 24px; height: 24px; border: 1px solid #e5e5e5; background-color: #fff; }
.radio1 input[type="radio"] + span:after { display: none; margin: 5px; width: 14px; height: 14px; background-color: #fff; -webkit-box-shadow: 0 0 1px #e6e6e6, 0 2px 0 rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 0 1px #e6e6e6, 0 2px 0 rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; content: ''; }
.radio1 input[type="radio"]:checked + span:before { border-color: #af8d72; background-color: #af8d72; }
.radio1 input[type="radio"]:checked + span:after { display: block; }

.ico1 { display: inline-block; background-image: url("../images/common/ico1.png"); -webkit-background-size: 120px 30px; background-size: 120px 30px; vertical-align: middle; content: ''; text-indent: -999em; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .ico1 { background-image: url("../images/common/ico1@2x.png"); } }
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (-moz-min-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3 / 1), only screen and (min-device-pixel-ratio: 3) { .ico1 { background-image: url("../images/common/ico1@3x.png"); } }
.ico1.type-setting { width: 21px; height: 21px; background-position: 0 0; }
.ico1.type-sidebar-close { width: 21px; height: 21px; background-position: -30px 0; }
.ico1.type-new { width: 11px; height: 11px; background-position: -60px 0; margin-top: -2px; }
.ico1.type-coupon { width: 20px; height: 11px; background-position: -90px 0; }

.tit1 { font-weight: bold; line-height: 1.1; margin: 15px 22px 7px; }

.tit2 { font-weight: bold; line-height: 1.1; margin: 24px 0 10px; }
.tit2:first-child { margin-top: 0; }

.box1 { margin: 10px; border: 1px solid #e2e2e2; background-color: #fff; }
.box1.type-no-margin { margin: 0; }
.box1.nth-2 { margin-top: 7px; }
.box1__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; position: relative; min-height: 36px; padding: 0 13px; border-top: 1px solid #e2e2e2; color: #222; line-height: 1.1; }
.box1__row:first-child { border-top: none; }
.box1__row.type-space-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.box1__row > a { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: -13px; margin-right: -13px; padding: 0 28px 0 13px; color: inherit; text-decoration: none; }
.box1__row > a:before { position: absolute; top: 0; bottom: 0; right: 12px; width: 8px; height: 8px; margin: auto; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border-width: 0 1px 1px 0; border-style: solid; border-color: transparent #717171 #717171 transparent; content: ''; }
.box1__row > a[data-caption] { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.box1__row > a[data-caption]:after { content: attr(data-caption); color: #2c8ae7; }
.box1__row > label, .box1__row > label:last-child { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 -13px; padding: 0 13px 0 13px; }
.box1__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 7px 7px; }
.box1__item + .box1__item { margin-left: 13px; }
.box1__item.type-tit { color: #4d4d4d; }
.box1__item.type-tit + .box1__item { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; }
.box1__item.w-v1 { width: 67px; }
.box1__item.w-v2 { width: 120px; }
.box1__item i { margin-left: 4px; }
.box1__item [class*='btn'] { margin-top: -2px; margin-bottom: -2px; }

.box2 { margin: 10px; padding: 13px; border: 1px solid #e2e2e2; background-color: #fff; line-height: 1.5; }

.btn1 { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 24px 10px; border-radius: 3px; font-size: 15px; /* div.btn1>a, div.btn1>button  */ }
.btn1 > a, .btn1 > button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-sizing: border-box; box-sizing: border-box; height: 35px; padding: 0; border: none; background-color: #af8d72; color: #fff; text-decoration: none; }
.btn1 > a + a, .btn1 > a + button, .btn1 > button + a, .btn1 > button + button { border-left: 1px solid #f0f0f0; }

.btn2 { display: inline-block; border: none; padding: 0; margin: 0; background: transparent; cursor: pointer; vertical-align: middle; text-decoration: none; /* a.btn2, button.btn2 */ }

.btn3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 15px 10px 20px; font-size: 18px; /* div.btn1>a, div.btn1>button  */ }
.btn3.type-no-margin { margin: 0; }
.btn3 > a, .btn3 > button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-sizing: border-box; box-sizing: border-box; height: 43px; border: none; padding: 0; margin: 0; background-color: #1582e5; cursor: pointer; vertical-align: middle; color: #fff; text-decoration: none; }
.btn3 > a + a, .btn3 > a + button, .btn3 > button + a, .btn3 > button + button { margin-left: 8px; }

.btn4 { display: inline-block; padding: 7px 14px; border: 1px solid #d9d9d9; border-radius: 3px; background-color: #fff; color: #4d4d4d; font-size: 10px; cursor: pointer; text-decoration: none; line-height: 1; }

ul.list1{margin:0 15px;}
.list1:last-child { margin-bottom:5px; }
.list1 > li {margin-top:5px; border:1px solid #d2d2d2;}
.list1 > li:first-child { margin-top:9; }

.list2 { overflow: hidden; margin: 10px; border-width: 1px 0 0 1px; border-style: solid; border-color: #d2d2d2; }
.list2 > li { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 50%; padding: 13px; border-width: 0 1px 1px 0; border-style: solid; border-color: #d2d2d2; background-color: #fff; }
.list2 > li > a { display: block; margin: -13px; padding: 13px; text-decoration: none; color: inherit; }

.list3 { overflow: hidden; margin: -7px 10px 10px 3px; }
.list3 > li { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 50%; padding-bottom: 50%; height: 0; padding-left: 7px; }
.list3 > li > a { position: absolute; top: 7px; left: 7px; right: 0; bottom: 0; display: block; border: 1px solid #d2d2d2; background-color: #fff; text-decoration: none; color: inherit; }
.list3 > li.is-ready:before { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 7px; left: 7px; bottom: 0; right: 0; z-index: 100; border: 1px solid #d2d2d2; background-color: rgba(255, 255, 255, 0.8); content: '준비중'; font-size: 21px; color: #a19172; font-weight: 600; }

.tab1 { padding: 12px 23px; }
.tab1 > ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #fff; }
.tab1 > ul > li { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 1%; -ms-flex-preferred-size: 1%; flex-basis: 1%; height: 41px; border-width: 1px 0 1px 1px; border-style: solid; border-color: #bebebe; text-align: center; color: #878787; font-size: 15px; font-weight: 600; }
.tab1 > ul > li.is-on { background-color: #3091f1; border-color: #3091f1; color: #fff; }
.tab1 > ul > li.is-on + li { border-left-color: #3091f1; }
.tab1 > ul > li:first-child { border-radius: 3px 0 0 3px; }
.tab1 > ul > li:last-child { border-radius: 0 3px 3px 0; border-right-width: 1px; }
.tab1 > ul > li > a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; height: inherit; color: inherit; text-decoration: none; }

.page-summary { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 150px; margin-bottom: 14px; text-align: center; background-color: #28323e; color: #fff; font-size: 16px; font-weight: 600; line-height: 1.3; }
.page-summary:last-child { margin-bottom: 0; }
.page-summary__para2 { font-size: 1.2em; color: #12c5ff; }

.content-empty { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 50%; left: 0; right: 0; min-height: 5em; padding-top: 100px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 20px; text-align: center; }
.content-empty:before { position: absolute; top: 0; left: 0; right: 0; width: 124px; height: 86px; margin: 0 auto; background-image: url("../images/common/logo_emptydd.png"); -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; content: ''; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .content-empty:before { background-image: url("../images/common/logo_empty@2x.png"); } }
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (-moz-min-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3 / 1), only screen and (min-device-pixel-ratio: 3) { .content-empty:before { background-image: url("../images/common/logo_empty@3x.png"); } }

html, body { height: 100%; }

body { overflow-x: hidden; background-color: #f0f0f0; }
body.is-active-sidebar { overflow: hidden; }

.wrapper { -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; height: 100%; }
.wrapper:before, .wrapper:after { clear: both; display: table; overflow: hidden; height: 0; content: ""; }
.is-active-sidebar .wrapper { overflow: hidden; height: 100%; }

.header { position: fixed; top: 0; left: 0; right: 0; z-index: 400; height: 44px; border-bottom: 1px solid #e3e3e3; background-color: #fff; -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; text-align: center; }
.header__btn { /* position:absolute;top:0;left:0; */ position: absolute; margin-top: -44px; left: 0; }
.is-active-sidebar .header { -webkit-transform: translateX(300px); -ms-transform: translateX(300px); transform: translateX(300px); }

.sidebar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: fixed; top: 0; left: -300px; z-index: 600; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); width: 300px; height: 100%; background-color: #f0f0f0; -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; }
.is-active-sidebar .sidebar { -webkit-transform: translateX(300px); -ms-transform: translateX(300px); transform: translateX(300px); }

.is-active-sidebar .dimmed { z-index: 500; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); }

.sidebar-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #e3e3e3; background-color: #fff; height: 44px; padding: 0 15px; }
.sidebar-header a { color: inherit; text-decoration: none; }
.sidebar-header__member { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 20px; }
.sidebar-header__btn-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.sidebar-header__btn { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
.sidebar-header__btn + .sidebar-header__btn { margin-left: 12px; }

.member-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 10px 15px; font-size: 11px; }
.member-info__list { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; }
.member-info__term { clear: left; float: left; width: 50px; font-weight: 200; margin-top: 4px; color: #474644; }
.member-info__describe { overflow: hidden; margin-top: 4px; font-weight: 500; }
.member-info__card { text-align: center; }
.member-info__img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 73px; height: 44px; overflow: hidden; border-radius: 5px; background-color: #d7d7d7; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); font-size: 10px; font-weight: 500; }
.member-info__img img { position: absolute; top: -999px; bottom: -999px; left: -999px; right: -999px; margin: auto; max-width: 100%; }
.member-info__btn { margin-top: 10px; color: #1968b7; }

.member-login { padding: 22px; text-align: center; }
.member-login__btn { display: inline-block; width: 100px; padding: 10px; border: 1px solid #474644; border-radius: 3px; background-color: #fff; font-size: 13px; color: #ab9471; text-decoration: none; font-weight: 600; }

.gnb { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; overflow: auto; font-weight: 500; }
.gnb__tit { overflow: hidden; position: absolute; width: 0; height: 0; }
.gnb__depth1-list { background-color: #fff; color: #b3b3b3; font-size: 15px; }
.gnb__depth1-item { border-bottom: 1px solid #756f63; }
.gnb__depth1-link { display: table-cell; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 1%; height: 50px; padding: 0 15px; background-color: #474644; text-decoration: none; color: inherit; vertical-align: middle; }
.gnb__depth1-link:after { position: absolute; top: 0; right: 20px; bottom: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12px; height: 12px; margin: auto; border-width: 2px; border-style: solid; border-color: transparent transparent #ab9471 #ab9471; content: ''; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.is-active .gnb__depth1-link:after { top: 6px; bottom: 0; border-color: #ab9471 #ab9471 transparent transparent; }
.gnb__depth2-list { overflow: hidden; position: relative; top: 1px; height: 0; margin-top: 0; font-size: 15px; color: #756f63; }
.is-active .gnb__depth2-list { height: auto; margin-top: -1px; }
.gnb__depth2-item { border-bottom: 1px solid #cacaca; }
.gnb__depth2-link { display: table-cell; -webkit-box-sizing: border-box; box-sizing: border-box; width: 1%; height: 50px; padding: 0 15px; text-decoration: none; color: inherit; vertical-align: middle; }
.gnb__depth2-link > span { display: inline-block; background-color: red; color: #fff; vertical-align: middle; }

.content { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: auto; height: 100%; padding-top: 44px; -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; }
.content:before, .content:after { clear: both; display: table; overflow: hidden; height: 0; content: ""; }
.is-active-sidebar .content { -webkit-transform: translateX(300px); -ms-transform: translateX(300px); transform: translateX(300px); position: fixed; left: 0; right: 0; top: 0; bottom: 0; }

.page-tit { display: inline-block; height: 100%; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; }
.page-tit:before, .page-tit:after { display: inline-block; height: 100%; content: ''; vertical-align: middle; }
.page-tit img { vertical-align: middle; }

.btn-hamburger { position: relative; width: 44px; height: 44px; border: none; background-color: #fff; cursor: pointer; }
.btn-hamburger > span { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 22px; height: 3px; margin: auto; border-radius: 3px; text-indent: -999em; background-color: #666; }
.btn-hamburger > span:before, .btn-hamburger > span:after { position: absolute; width: 22px; height: 3px; left: 0; right: 0; border-radius: 3px; background-color: #666; content: ''; }
.btn-hamburger > span:before { top: -8px; }
.btn-hamburger > span:after { bottom: -8px; }

.btn-back { position: relative; width: 44px; height: 44px; border: none; background-color: transparent; cursor: pointer; }
.btn-back > span { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 22px; height: 22px; margin: auto; border: 2px solid #878787; border-radius: 50%; background-color: #fff; text-indent: -999em; }
.btn-back > span:before, .btn-back > span:after { position: absolute; width: 10px; left: 0; right: 3px; margin: auto; border-top: 2px solid #878787; border-radius: 0 1px 1px 0; content: ''; }
.btn-back > span:before { top: 7px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.btn-back > span:after { bottom: 7px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.sticky-area { position: fixed; bottom: 0; left: 0; right: 0; }
.sticky-area.is-fixed { position: static; }

.main { position: absolute; top: 45px; left: 0; right: 0; bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; padding-bottom: 74px; }
.main__column1 { float: left; width: 28%; height: 100%; background-color: #474644; font-size: 13px; vertical-align: top; }
.main__column2 { overflow: hidden; height: 100%; font-size: 13px; vertical-align: top; }
.main__column3 { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; overflow: hidden; bottom: 0; left: 0; right: 0; height: 74px; padding: 8px 0; }

.main-quick { height: 100%; background-color: #474644; }
.main-quick__tit { overflow: hidden; position: absolute; width: 0; height: 0; }
.main-quick__list { height: 100%; }
.main-quick__item { -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #646464; height: 25%; color: #cdcdcd; text-align: center; font-size: 12px; }
.main-quick__item:first-child { border-top: none; }
.main-quick__link { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; color: inherit; text-decoration: none; }
.main-quick__link:after { display: inline-block; height: 100%; vertical-align: middle; content: ''; }
.main-quick__link > img { display: block; }

.main-event { position: relative; height: 100%; }
.main-event__container { height: 100%; overflow: hidden; }
.main-event__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; }
.main-event__list > li { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; height: 100%; width: 100%; }
.main-event__link { display: block; position: relative; height: 100%; }
.main-event__img { position: absolute; top: 0; bottom: 0; left: -100px; right: -100px; margin: auto; height: 100%; }
.main-event__pagination { position: absolute; bottom: 0; left: 0; right: 0; padding-bottom: 15px; text-align: center; font-size: 0; }
.main-event__bullet { display: inline-block; width: 12px; height: 12px; margin-left: 7px; border-radius: 50%; background-color: #a9a8a5; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
.main-event__bullet:first-child { margin-left: 0; }
.main-event__bullet.is-active { background-color: #e3cb93; }

.main-banner { position: relative; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; }
.main-banner__container { overflow: hidden; width: 100%; height: 100%; }
.main-banner__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; }
.main-banner__list > li { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; width: 100%; height: 100%; }
.main-banner__list > li > a { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.product-category { position: relative; z-index: 0; height:105px; background-color: #fff; background-position: right top; background-repeat: no-repeat; }
.product-category2 { position: relative; overflow: hidden; z-index: 0; height:400px; background-position: right top; background-repeat: no-repeat;   background-color: transparent;  border-width: 0;   }
.product-category__link { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: auto; padding: 20px 20px 0 20px; text-decoration: none; color: inherit; font-size: 0; }
.product-category__link2 { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: auto; padding: 0 0 0 0; text-decoration: none; color: inherit; font-size: 0}
.product-category__txt-wrap { display: inline-block; vertical-align: middle; font-size: 13px; }
.product-category__txt-wrap2 { display: inline-block; vertical-align: middle; font-size: 0px; }
.product-category__tit { font-size: 20px; font-weight: 600; color: #3c3c3c; line-height: 1.1; }
.product-category__tit2 { font-size: 2000px; font-weight: 600; color: #3c3c3c; line-height: 1.1; }
.product-category__tit:after { display: inline-block; width: 8px; height: 8px; border-width: 0 2px 2px 0; border-style: solid; border-color: #3c3c3c; content: ''; -webkit-transform: rotate(-45deg) translate(3px, 0px); -ms-transform: rotate(-45deg) translate(3px, 0px); transform: rotate(-45deg) translate(3px, 0px); }
.product-category__tit2:after { display: inline-block; width: 8px; height: 8px; border-width: 0 2px 2px 0; border-style: solid; border-color: #3c3c3c; content: ''; -webkit-transform: rotate(-45deg) translate(3px, 0px); -ms-transform: rotate(-45deg) translate(3px, 0px); transform: rotate(-45deg) translate(3px, 0px); }
.product-category__summary { margin-top: 9px; font-size: 12px; color: #999; }
.product-category__summary2 { margin-top: 9px; font-size: 0px; color: #999; }
.product-category__img-wrap { position: absolute; z-index: -1; top: 0; left: 0; height: 100%; width: 100%; text-align: right; }
.product-category__img-wrap img { height: 100%; }
.product-category__img-wrap2 { position: absolute; z-index: -1; top: 0; left: 0; height: 100%; width: 100%; text-align: left; }
.product-category__img-wrap2 img { height: 100%; }
.product-category.type-food { background-image: url("../images/event/deal-category-img1.png"); -webkit-background-size: 360px 140px; background-size: 360px 140px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .product-category.type-food { background-image: url("../images/event/deal-category-img1@2x.png"); } }
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (-moz-min-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3 / 1), only screen and (min-device-pixel-ratio: 3) { .product-category.type-food { background-image: url("../images/event/deal-category-img1@3x.png"); } }
.product-category.type-les { background-image: url("../images/event/deal-category-img2.png"); -webkit-background-size: 360px 140px; background-size: 360px 140px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .product-category.type-les { background-image: url("../images/event/deal-category-img2@2x.png"); } }
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (-moz-min-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3 / 1), only screen and (min-device-pixel-ratio: 3) { .product-category.type-les { background-image: url("../images/event/deal-category-img2@3x.png"); } }

/* 카테고리 리스트 이미지 형태 변경 */
.product-category{position:relative; overflow:hidden;}
.product-category b.cat-img{position:absolute; right:0; top:0; width:360px; height:105px; z-index:-1;}
.product-category b.cat-img > img{width:100%;}
.product-category2{position:relative; overflow:hidden;}
.product-category2 b.cat-img{position:absolute; left:0; top:0;  width: 100%;  height: auto;  max-width: none;    z-index:-1;}
.product-category2 b.cat-img > img{width:100%;}
/* 모달 설정 */
.modal-box{width:320px; height:auto; background:#fff; z-index:600; position:absolute; display:none; left:50%; top:200px; margin-left:-160px; text-align:center;}
.modal-dim{position:fixed;top:0;left:0;display:none;width:100%;height:100%;margin:0;padding:0;background:#000;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5; z-index:599;}
.modal-box .modal-contents{padding:20px 20px 0 20px;}
.modal-box h1 {font-size:25px; color:#2F2F2F; font-weight:900;}

.product-item { height: 140px; background-color: #fff; }
.product-item > a { display: block; height: 100%; text-decoration: none; color: inherit; }
.product-item__img-wrap { float: left; position: relative; overflow: hidden; height: 100%; width: 140px; background-color: #c9c9c9; }
.product-item__img-wrap > img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; max-width: 100%; margin: auto; }
.product-item__txt-wrap { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow: hidden; position: relative; height: 100%; padding: 20px 14px; }
.product-item__item.type-tit { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; font-weight: 600; font-size: 16px; color: #000; text-overflow: ellipsis; -webkit-line-clamp: 2; line-height: 1.3; height: 2.6em; }
.product-item__item.type-price { position: absolute; bottom: 20px; left: 14px; }
.product-item__item.type-count { position: absolute; bottom: 3px; right: 3px; font-size: 90%; color: #8c8c8c; }

.product-info { overflow: hidden; padding: 0 14px; background-color: #fff; line-height: 1.1; }
.product-info__img { margin: 0 -14px 14px; }
.product-info__summary { margin-bottom: 8px; color: #686868; }
.product-info__tit { margin-bottom: 10px; font-size: 1.3em; }
.product-info__price { border-bottom: 1px solid #d2d2d2; margin: 0 -14px; padding: 0 14px 12px; }
.product-info__date { float: left; padding: 6px 0; color: #8c8c8c; }
.product-info__count { float: right; padding: 6px 0; color: #8c8c8c; }

.product-slide { position: relative; }
.product-slide > ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; }
.product-slide > ul > li { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; height: 100%; width: 100%; }
.product-slide > ul > li img { width: 100%; }
.product-slide__pagination { position: absolute; bottom: 17px; left: 0; right: 0; height: 0; margin: auto; font-size: 0; text-align: center; }
.product-slide__bullet { display: inline-block; width: 7px; height: 7px; margin: 0 3px; border-radius: 50%; background-color: #a9a8a5; }
.product-slide__bullet.is-active { background-color: #2c8ae7; }

.product-pay { padding-bottom: 10px; border-bottom: 1px solid #e2e2e2; }
.product-pay__img { overflow: hidden; float: left; position: relative; width: 100px; height: 79px; margin-right: 20px; }
.product-pay__img img { position: absolute; top: -999px; bottom: -999px; left: -999px; right: -999px; margin: auto; max-width: 100%; }
.product-pay__item { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 79px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 10px; line-height: 1.1; }
.product-pay__summary { font-size: 9px; color: #686868; margin-bottom: 7px; }
.product-pay__tit { color: #000; font-size: 16px; }
.product-pay__num { clear: both; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 10px; color: #000; }
.product-pay__alert { padding-left: 0.5em; margin-top: 10px; color: #1582e5; font-size: 12px; line-height: 1.5; }
.product-pay__alert:before { content: '*'; position: absolute; margin-left: -0.5em; margin-top: 0.2em; }

.product-total { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin: 8px 10px 0; color: #f00; font-size: 14px; line-height: 1.1; }
.product-total__num { font-weight: 700; font-size: 1.2em; }

.quantity1 { position: relative; width: 91px; height: 18px; border: 1px solid #cdcdcd; }
.quantity1__num { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; padding: 0 18px; border: none; vertical-align: middle; text-align: center; font-size: 12px; }
.quantity1__btn { position: absolute; top: -1px; width: 20px; height: 20px; padding: 0; margin: 0; border: none; background-color: #cdcdcd; vertical-align: middle; color: #686868; font-size: 15px; line-height: 1; }
.quantity1__btn.type-prev { left: -1px; }
.quantity1__btn.type-next { right: -1px; }

.price1 { vertical-align: bottom; line-height: 1.1; color: #000; }
.price1__discount { display: inline-block; margin-right: 5px; color: #ef0000; font-weight: 600; font-size: 28px; }
.price1__discount:after { content: '%'; font-size: 80%; font-weight: 600; }
.price1__wrap { display: inline-block; }
.price1__before { overflow: hidden; display: block; color: #8c8c8c; text-decoration: line-through; text-overflow: ellipsis; }
.price1__after { overflow: hidden; display: block; font-size: 17px; font-weight: 600; text-overflow: ellipsis; }

.my-membership { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; padding: 23px 10px 23px 145px; min-height: 70px; background-color: #4e4e4e; color: #fff; line-height: 1.1; }
.my-membership a { color: inherit; }
.my-membership__img { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 23px; left: 10px; width: 116px; height: 70px; border-radius: 3px; background-color: #d7d7d7; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); color: #222; }
.my-membership__img img { position: absolute; top: -100px; bottom: -100px; left: 0; right: 0; margin: auto; width: 100%; }
.my-membership__name { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 7px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 22px; }
.my-membership__edit { position: absolute; right: 17px; bottom: 60px; color: #b6b6b6; font-size: 11px; float: right; }
.my-membership__coupon { overflow: hidden; height: 27px; padding: 0 13px; border-radius: 27px; background-color: #e3e3e3; color: #ff1e00; font-weight: 600; text-align: right; line-height: 27px; }
.my-membership__coupon > a { display: block; text-decoration: none; }
.my-membership__coupon > a > span { float: left; color: #222; }

.deal-category { background-image: url("../images/event/deal-category-bg.png"); -webkit-background-size: 400px 150px; background-size: 400px 150px; background-position: center top; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .deal-category { background-image: url("../images/event/deal-category-bg@2x.png"); } }
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (-moz-min-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3 / 1), only screen and (min-device-pixel-ratio: 3) { .deal-category { background-image: url("../images/event/deal-category-bg@3x.png"); } }

.ski-webcam { background-image: url("../images/ski/webcam-bg.png"); -webkit-background-size: cover; background-size: cover; background-position: center top; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .ski-webcam { background-image: url("../images/ski/webcam-bg@2x.png"); } }
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (-moz-min-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3 / 1), only screen and (min-device-pixel-ratio: 3) { .ski-webcam { background-image: url("../images/ski/webcam-bg@3x.png"); } }
.ski-webcam [class$='para1'] { color: #a19172; }
.ski-webcam [class$='para2'] { color: #fff; }

.webcam-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100px; font-size: 13px; line-height: 1.3; background-image: url("../images/ski/webcam-ico.png"); -webkit-background-size: 26px 22px; background-size: 26px 22px; background-position: right bottom; background-repeat: no-repeat; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .webcam-list { background-image: url("../images/ski/webcam-ico@2x.png"); } }
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (-moz-min-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3 / 1), only screen and (min-device-pixel-ratio: 3) { .webcam-list { background-image: url("../images/ski/webcam-ico@3x.png"); } }
.webcam-list__ch { color: #a19172; font-weight: 500; }
v .webcam-list__name { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 1.3em; color: #000; font-weight: 500; }
.webcam-list__summary { font-size: 0.8em; color: #818181; text-shadow: 1px 1px 0 white; }

.membership-main { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; overflow: hidden; width: 248px; height: 134px; margin: 10px auto 20px; padding: 20px; border-radius: 10px; border: 1px solid #8e8c65; background-color: #9b996f; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); text-align: center; color: #fff; font-size: 14px; line-height: 1.1; }
.membership-main__brand { display: block; margin-bottom: 10px; }
.membership-main__num { display: block; margin-bottom: 5px; }
.membership-main__name { display: block; }
.membership-main__type { position: absolute; bottom: 5px; left: 5px; font-size: 0.85em; }

.membership-thumb { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; width: 72px; height: 45px; border-radius: 3px; border: 1px solid #8e8c65; background-color: #9b996f; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); color: #fff; line-height: 1.1; font-size: 10px; }

.membership-info { font-size: 10px; }
.membership-info > dt { position: relative; margin-right: 2em; clear: both; float: left; width: 4em; text-align: justify; color: #222; margin-bottom: -0.5em; letter-spacing: -0.5em; }
.membership-info > dt:before { position: absolute; right: -1em; top: 0; content: ':'; }
.membership-info > dt:after { display: inline-block; width: 100%; content: ''; font-size: 0; line-height: 1; }
.membership-info > dt:last-of-type { margin-bottom: -1em; }
.membership-info > dd { float: left; color: #2c8ae7; }

.booking-summary { height: 106px; background-image: url("../images/etc/booking-summary.png"); -webkit-background-size: cover; background-size: cover; background-position: center bottom; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .booking-summary { background-image: url("../images/etc/booking-summary@2x.png"); } }
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (-moz-min-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3 / 1), only screen and (min-device-pixel-ratio: 3) { .booking-summary { background-image: url("../images/etc/booking-summary@3x.png"); } }
.booking-summary [class$='para1'] { color: #a19172; }
.booking-summary [class$='para2'] { color: #fff; }

.booking-list { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; padding: 11px; background-repeat: no-repeat; background-position: center bottom; }
.booking-list.nth-1 { background-image: url("../images/etc/booking-bg1.png"); -webkit-background-size: cover; background-size: cover; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .booking-list.nth-1 { background-image: url("../images/etc/booking-bg1@2x.png"); } }
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (-moz-min-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3 / 1), only screen and (min-device-pixel-ratio: 3) { .booking-list.nth-1 { background-image: url("../images/etc/booking-bg1@3x.png"); } }
.booking-list.nth-2 { background-image: url("../images/etc/booking-bg2.png"); -webkit-background-size: cover; background-size: cover; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .booking-list.nth-2 { background-image: url("../images/etc/booking-bg2@2x.png"); } }
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (-moz-min-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3 / 1), only screen and (min-device-pixel-ratio: 3) { .booking-list.nth-2 { background-image: url("../images/etc/booking-bg2@3x.png"); } }
.booking-list.nth-3 { background-image: url("../images/etc/booking-bg3.png"); -webkit-background-size: cover; background-size: cover; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .booking-list.nth-3 { background-image: url("../images/etc/booking-bg3@2x.png"); } }
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (-moz-min-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3 / 1), only screen and (min-device-pixel-ratio: 3) { .booking-list.nth-3 { background-image: url("../images/etc/booking-bg3@3x.png"); } }
.booking-list.nth-4 { background-image: url("../images/etc/booking-bg4.png"); -webkit-background-size: cover; background-size: cover; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .booking-list.nth-4 { background-image: url("../images/etc/booking-bg4@2x.png"); } }
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (-moz-min-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3 / 1), only screen and (min-device-pixel-ratio: 3) { .booking-list.nth-4 { background-image: url("../images/etc/booking-bg4@3x.png"); } }
.booking-list.nth-5 { background-image: url("../images/etc/booking-bg5.png"); -webkit-background-size: cover; background-size: cover; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .booking-list.nth-5 { background-image: url("../images/etc/booking-bg5@2x.png"); } }
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (-moz-min-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3 / 1), only screen and (min-device-pixel-ratio: 3) { .booking-list.nth-5 { background-image: url("../images/etc/booking-bg5@3x.png"); } }
.booking-list.nth-6 { background-image: url("../images/etc/booking-bg6.png"); -webkit-background-size: cover; background-size: cover; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .booking-list.nth-6 { background-image: url("../images/etc/booking-bg6@2x.png"); } }
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (-moz-min-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3 / 1), only screen and (min-device-pixel-ratio: 3) { .booking-list.nth-6 { background-image: url("../images/etc/booking-bg6@3x.png"); } }
.booking-list__tit { font-size: 20px; font-weight: 600; color: #3c3c3c; line-height: 1.1; }
.booking-list__tit:after { display: inline-block; width: 8px; height: 8px; border-width: 0 2px 2px 0; border-style: solid; border-color: #3c3c3c; content: ''; -webkit-transform: rotate(-45deg) translate(3px, 0px); -ms-transform: rotate(-45deg) translate(3px, 0px); transform: rotate(-45deg) translate(3px, 0px); }
.booking-list__summary { margin-top: 9px; font-size: 12px; color: #999; }