@import url('/un_static/css/common/font.css');
@import "./raw.css";
@import "../icons.css";
/* @import "./icons.css"; */

:root{font-size: 62.5%; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; cursor: default; overflow-wrap: break-word; -moz-tab-size: 4; tab-size: 4;}
:root {
    --font-no: 'Noto Sans KR', sans-serif;
    --font-su: 'SUIT', sans-serif;
    --font-pr: 'Pretendard', sans-serif;
}

/* 공통 */
*{margin: 0; padding: 0; font-feature-settings: 'clig' off, 'liga' off; font-family: inherit; letter-spacing: inherit; word-break: keep-all;}
*, :after, :before{box-sizing: border-box; outline: none;}
img{width: 100%; vertical-align: top;}
body{min-height: 100dvh; height: 100dvh; font-family: var(--font-pr); color: var(--rb-text-default);}
button{background: none; border: 0; cursor: pointer; font-size: inherit;}
textarea{resize: none;}
a{text-decoration: none; color: inherit;}
table{border-collapse: collapse; border-spacing: 0;}
li{list-style: none;}
select{font: inherit; color: inherit; letter-spacing: inherit; appearance: none; border: 0; outline: none; cursor: pointer;}
input[type=text]::placeholder{color: var(--rb-text-mute);}

/* Typograph */
[class*=rb-typo--]{font-family: var(--font-pr); color: var(--rb-text-default);}
[class*=rb-typo--][class*=--normal]{line-height: normal !important;}
[class*=rb-typo--display]{font-weight: 700 !important;}
[class*=rb-typo--display24]{font-size: 2.8rem; line-height: 114%; letter-spacing: -0.028rem;}
[class*=rb-typo--display28]{font-size: 2.4rem; line-height: 114%; letter-spacing: -0.024rem;}
[class*=rb-typo--heading]{font-weight: 700 !important;}
[class*=rb-typo--heading24]{font-size: 2.4rem; letter-spacing: -0.048rem;}
[class*=rb-typo--heading22]{font-size: 2.2rem; line-height: 150%; letter-spacing: 0;}
[class*=rb-typo--heading20]{font-size: 2.0rem; line-height: 150%; letter-spacing: -0.04rem;}
[class*=rb-typo--heading18]{font-size: 1.8rem; line-height: 150%; letter-spacing: -0.036rem;}
[class*=rb-typo--heading16]{font-size: 1.6rem; line-height: 150%; letter-spacing: -0.016rem;}
[class*=rb-typo--heading15]{font-size: 1.5rem; line-height: 150%; letter-spacing: -0.015rem;}
[class*=rb-typo--heading14]{font-size: 1.4rem; line-height: 145%; letter-spacing: -0.015rem;}
[class*=rb-typo--heading13]{font-size: 1.3rem; line-height: 145%; letter-spacing: -0.042rem;}
[class*=rb-typo--title]{font-weight: 600 !important;}
[class*=rb-typo--title16]{font-size: 1.6rem; line-height: 150%; letter-spacing: -0.032rem;}
[class*=rb-typo--title15]{font-size: 1.5rem; line-height: 150%; letter-spacing: -0.03rem;}
[class*=rb-typo--title14]{font-size: 1.4rem; line-height: 145%; letter-spacing: -0.028rem;}
[class*=rb-typo--title13]{font-size: 1.3rem; line-height: 145%; letter-spacing: -0.026rem;}
[class*=rb-typo--title12]{font-size: 1.2rem; line-height: 145%; letter-spacing: -0.024rem;}
[class*=rb-typo--subtitle]{font-weight: 500 !important;}
[class*=rb-typo--subtitle16]{font-size: 1.6rem; line-height: 150%; letter-spacing: -0.032rem;}
[class*=rb-typo--subtitle15]{font-size: 1.5rem; line-height: 150%; letter-spacing: -0.03rem;}
[class*=rb-typo--subtitle14]{font-size: 1.4rem; line-height: 145%; letter-spacing: -0.028rem;}
[class*=rb-typo--subtitle13]{font-size: 1.3rem; line-height: 145%; letter-spacing: -0.026rem;}
[class*=rb-typo--subtitle12]{font-size: 1.2rem; line-height: 145%; letter-spacing: -0.024rem;}
[class*=rb-typo--body]{font-weight: 400 !important; line-height: 160%}
[class*=rb-typo--body15]{font-size: 1.5rem; letter-spacing: -0.03rem;}
[class*=rb-typo--body14]{font-size: 1.4rem; letter-spacing: -0.028rem;}
[class*=rb-typo--body13]{font-size: 1.3rem; letter-spacing: -0.026rem;}
[class*=rb-typo--body12]{font-size: 1.2rem; letter-spacing: -0.024rem;}
[class*=rb-typo--body11]{font-size: 1.1rem; letter-spacing: -0.022rem;}
[class*=rb-typo--caption]{font-weight: 600; line-height: 145%;}
[class*=rb-typo--caption12]{font-size: 1.2rem; letter-spacing: -0.012rem;}
[class*=rb-typo--caption11]{font-size: 1.1rem; letter-spacing: -0.022rem;}

/* Layout */
.rb-container{display: flex; flex-direction: column; min-height: 100dvh; font-family: var(--font-pr);}
.rb-container .rb-header{flex-shrink: 0;}
.rb-container .rb-content{flex: 1;}
.rb-container .rb-content:not(:has(.event-contents)){padding-bottom: 8rem;}
.rb-inner{max-width: 114rem; width: 100%; margin: 0 auto;}

/* Header */
.rb-header-sticky{box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, 0.08);}
.rb-header{background: #fff; height: 6rem; padding: 0 2rem; position: sticky; top: 0; left: 0; z-index: 100; transition: box-shadow .2s;}
.rb-header .rb-inner{height: 100%;}
.rb-header .rb-header__layout{display: flex; justify-content: space-between; align-items: center; height: 100%;}
.rb-header .rb-header__logo{width: auto; height: 2.1rem;}
.rb-header .rb-header__logo a{display: block; position: relative;}
.rb-header .rb-header__logo a img{width: auto; height: 100%;}
.rb-header .rb-header__menu{display: flex; justify-content: center; align-items: center; gap: .8rem; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); user-select: none;}
.rb-header .rb-header__menu > li{position: relative; white-space: nowrap;}
.rb-header .rb-header__menu > li > a{display: flex; justify-content: center; align-items: center; gap: 1.6rem; padding: 1rem 2rem; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.032rem; border-radius: 5rem; transition: background .2s;}
.rb-header .rb-header__menu > li > a i{width: 1.2rem; height: 2.4rem;}
.rb-header .rb-header__menu > li:hover > a{background: var(--rb-brand-primary-subtle); color: var(--rb-brand-primary-default);}
.rb-header .rb-header__layout{display: flex; align-items: center; gap: .8rem; user-select: none;}
.rb-header [class*=rb-btn]:not([class*=--icon]){min-width: 10.4rem;}

/* Footer */
.rb-footer{flex-shrink: 0; border-top: var(--border-subtle); padding: 2rem 1.6rem;}
.rb-footer .rb-footer__layout{display: flex; flex-direction: column; gap: 1.2rem;}
.rb-footer .rb-footer__nav{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1.2rem;}
.rb-footer .rb-footer__nav > ul{display: flex; flex-wrap: wrap; gap: 0.4rem 4rem;}
.rb-footer .rb-footer__nav > ul > li{position: relative;}
.rb-footer .rb-footer__nav > ul > li + li::after{content: ""; position: absolute; top: 50%; left: -2rem; width: .1rem; height: .9rem; background: var(--stroke-default); transform: translateY(-50%);}
.rb-footer .rb-footer__nav > ul > li > a{font-size: 1.2rem; line-height: 1.8rem; letter-spacing: -0.024rem;}
.rb-footer .rb-footer__nav .rb-select{width: 20rem;}
.rb-footer .rb-footer__company{display: flex; flex-direction: column; gap: .8rem;}
.rb-footer .rb-footer__company > strong{color: #5C6675; font-size: 1.2rem; font-weight: 700;}
.rb-footer .rb-footer__company .rb-footer__address{display: flex; flex-direction: column; gap: .2rem;}
.rb-footer .rb-footer__company .rb-footer__address ul{display: flex; align-items: center; gap: .2rem 2.4rem; flex-wrap: wrap;}
.rb-footer .rb-footer__company .rb-footer__address ul > li{font-size: 1.2rem; color: #5C6675; letter-spacing: -0.024rem; position: relative; line-height: 1.8rem;}
.rb-footer .rb-footer__company .rb-footer__address ul > li:not(:last-child)::after{content: ""; position: absolute; top: 50%; right: -1.2rem; width: .1rem; height: .6rem; background: var(--stroke-default); transform: translateY(-50%);}

/* Btn */
[class*=rb-btn--]{display: flex; justify-content: center; align-items: center; background: var(--rb-bg-neutral-weak); font-size: 1.4rem; font-weight: 600; letter-spacing: -0.028rem; text-align: center; height: 3.4rem; border-radius: .8rem; padding: 0 1.6rem; user-select: none; position: relative; overflow: hidden;}
[class*=rb-btn--][class*=--rounded]{border-radius: 5rem;}
[class*=rb-btn--][class*=--outline]{background: #fff; color: #000; border: .1rem solid var(--stroke-default)}
[class*=rb-btn--][class*=--primary]{background: var(--rb-brand-primary-default); color: #fff;}
[class*=rb-btn--][class*=--dark]{background: var(--rb-bg-neutral-inverted); color: #fff;}
[class*=rb-btn--][class*=--dark] i{color: #fff !important;}
[class*=rb-btn--][class*=--icon]{padding: 0; width: 3.4rem; height: 3.4rem; border-radius: 5rem;}
[class*=rb-btn--][class*=--icon][class*=--small]{width: 3.2rem; height: 3.2rem;}
[class*=rb-btn--][class*=--icon] i{width: 2rem; height: 2rem; color: #000;}
[class*=rb-btn--][class*=--large]{height: 4.4rem; font-size: 1.5rem;}
[class*=rb-btn--][class*=--icon][class*=--large]{width: 4.8rem; height: 4.8rem;}
[class*=rb-btn--][class*=--icon][class*=--large] i{width: 2.4rem; height: 2.4rem;}
[class*=rb-btn--]:active::after,
.rb-dropdown > ul > li > a:active::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.04);}

/* Tab */
[class*=rb-tab--rounded]{display: flex; align-items: center; width: auto; gap: .6rem;}
[class*=rb-tab--rounded] li{background: var(--rb-bg-neutral-weak); color: var(--text-primary, #121212); height: 3.2rem; line-height: 3rem; border-radius: 3rem; font-size: 1.4rem; font-weight: 500; border: .1rem solid  var(--rb-bg-neutral-weak); padding: 0 1.2rem; width: auto;}
[class*=rb-tab--rounded] li.active{background: var(--rb-brand-primary-subtle); color: var(--rb-brand-primary-default); border-color: var(--rb-brand-primary-default); font-weight: 600;}

/* Select */
.rb-select{height: 4rem; position: relative;}
.rb-select::after{content: ""; display: inline-block; mask: url('/reboot/img/icon/icon_arrow_down.svg') no-repeat center top / auto 100%; width: 1.2rem; height: 2.4rem; position: absolute; top: 50%; right: 1.2rem; transform: rotate(180deg) translateY(50%); background: var(--icon-default); pointer-events: none;}
.rb-select select{width: 100%; height: 100%; padding: 0 1.2rem; color: var(--rb-text-subtle); font-size: 1.4rem; font-weight: 500; border: var(--border-subtle); border-radius: var(--raw-radius-medium);}
.rb-select.selected select{color: #121212;}

/* Dropdown */
.rb-dropdown-btn{position: relative;}
.rb-dropdown-btn:hover .rb-dropdown{opacity: 1; pointer-events: all;}
.rb-dropdown-btn:hover .rb-dropdown ul{max-height: 40rem;}

.rb-dropdown{position: absolute; top: 100%; right: 0; padding-top: .4rem; pointer-events: none; user-select: none; opacity: 0; transition: .2s;}
.rb-dropdown > ul{min-width: 14rem; background: #FFF; box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, 0.04); padding: .4rem; border-radius: 1.2rem; overflow: hidden; max-height: 0; transition: .3s;}
.rb-dropdown > ul > li > a{display: flex; align-items: center; height: 4.4rem; padding: 0 20px; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.032rem; border-radius: 1.2rem; position: relative; overflow: hidden;}
.rb-dropdown > ul > li > a:hover{background: rgba(0, 0, 0, 0.04);}
.rb-dropdown > ul > li.active > a{color: var(--rb-brand-primary-default);}

/* Toggle */
.rb-toggle--switch{display: inline-flex; height: 2rem; align-items: center; gap: .4rem; user-select: none; cursor: pointer;}
.rb-toggle--switch em{color: #121212; font-size: 1.4rem; font-weight: 500; font-style: normal;}
.rb-toggle--switch input[type='checkbox']{display: none; position: absolute; top: 0; left: 0;}
.rb-toggle--switch .ico-switch{display: flex; align-items: center; background: var(--rb-icon-mute); position: relative; width: 3.4rem; height: 1.6rem; border-radius: 5rem; transition: .15s;}
.rb-toggle--switch .ico-switch > .ico-switch-move{background: #fff; position: absolute; left: .2rem; top: .2rem; width: 1.2rem; height: 1.2rem; border-radius: 5rem; transition: .15s;}
.rb-toggle--switch.active .ico-switch, .rb-toggle--switch input[type='checkbox']:checked + .ico-switch{background: var(--rb-brand-primary-default)}
.rb-toggle--switch.active .ico-switch > .ico-switch-move, .rb-toggle--switch input[type='checkbox']:checked + .ico-switch .ico-switch-move{left: 2rem;}

/* Mobile lnb */
.rb-lnb{position: fixed; top: 0; left: 0; width: 100%; height: 100dvh; z-index: 101; padding-top: 6rem; overflow: hidden; pointer-events: none; user-select: none; opacity: 0; transition: opacity .3s;}
.rb-lnb.active{opacity: 1;}
.rb-lnb.active .rb-lnb__layout{pointer-events: all;}
.rb-lnb .rb-lnb__layout{background: #fff; display: flex; flex-direction: column; gap: 1.2rem; width: 100%; height: 100%; overflow: auto; padding: 1.6rem 2rem 7.6rem; pointer-events: none;}
.rb-lnb .rb-lnb__btns{display: flex; align-items: center; width: 100%; height: 5.2rem; background: var(--rb-bg-neutral-weak); border-radius: 1.2rem; flex-shrink: 0;}
.rb-lnb .rb-lnb__btns a{flex: 1; display: flex; justify-content: center; align-items: center; height: 100%; text-align: center; font-size: 1.5rem; font-weight: 600; letter-spacing: -0.03rem;}
.rb-lnb .rb-lnb__menu{display: flex; flex-direction: column; gap: 1.2rem;}
.rb-lnb .rb-lnb__menu .rb-lnb__group > :is(a, strong){display: block; color: var(--rb-text-subtle); font-size: 14px; font-weight: 600; padding: 1.2rem .8rem .8rem;}
.rb-lnb .rb-lnb__menu .rb-lnb__group > ul > li.active > a{color: var(--rb-brand-primary-default);}
.rb-lnb .rb-lnb__menu .rb-lnb__group > ul > li > a{display: flex; font-size: 1.6rem; font-weight: 600;; padding: 1rem .8rem; border-radius: 1.2rem;}
.rb-lnb .rb-lnb__menu .rb-lnb__group > ul > li > a:active{background: rgba(0, 0, 0, 0.04);}
.rb-lnb .rb-lnb__btm{display: flex; align-items: center; gap: 1.2rem; position: fixed; left: 0; bottom: 0; width: 100%; padding: 1.6rem 2rem;}
.rb-lnb .rb-lnb__btm a{flex: 1;}

/* page */
.rb-page-header{display: flex; justify-content: center; align-items: center; background: var(--rb-brand-primary-subtle); height: clamp(13rem, 18vw, 14rem); text-align: center;}
.rb-page-header strong{font-size: clamp(2.4rem, 3.2vw, 2.8rem); font-weight: 700; letter-spacing: -0.028rem;}
.rb-board{padding: 2rem 2rem 0; overflow: hidden;}
.rb-board .rb-board__info{display: flex; justify-content: space-between; align-items: center; gap: 1rem; color: var(--rb-text-subtle); font-size: 1.3rem; line-height: 2.08rem; letter-spacing: -0.026rem;}
.rb-board .rb-board__info > div{display: flex; align-items: center; gap: .8rem;}
.rb-board .rb-board__info > span{position: relative;}
.rb-board .rb-board__info > span + span::after{content: ""; display: inline-block; width: .2rem; height: .2rem; background: var(--rb-icon-primary); position: absolute; top: 0.8rem; left: -.6rem; border-radius: 5rem;}

.rb-board .rb-board__list .rb-board__item{display: flex; flex-direction: column; gap: .8rem; padding: 1.8rem 0;}
.rb-board .rb-board__list .rb-board__item + .rb-board__item{border-top: var(--border-subtle);}
.rb-board .rb-board__list .rb-board__item .rb-board__tit{font-size: 1.4rem; font-weight: 600; line-height: 2.03rem; letter-spacing: -0.028rem;}
.rb-board .rb-board__list .rb-board__item .rb-board__tit i{display: inline-block; width: 1.5rem; height: 1.5rem; vertical-align: -0.3rem; margin-left: .2rem;}
.rb-board .rb-board__review .rb-board__item{display: flex; flex-direction: column; gap: 1.2rem; padding: 2rem 0;}
.rb-board .rb-board__review .rb-board__item + .rb-board__item{border-top: var(--border-subtle);}
.rb-board .rb-board__review .rb-board__info{gap: .8rem;}
.rb-board .rb-board__review .rb-board__info > span + span::after{display: none;}
.rb-board .rb-board__review .rb-board__content{display: flex; flex-direction: column; gap: .8rem;}
.rb-board .rb-board__review .rb-board__tit{font-size: 1.8rem; font-weight: 700; line-height: 150%;}
.rb-board .rb-board__review .rb-board__tit .rb-board__label{color: var(--rb-brand-primary-default)}
.rb-board .rb-board__review .rb-board__txt{font-size: 1.5rem; line-height: 160%; overflow: hidden;}
.rb-board .rb-board__review .rb-board__txt:not(.expanded){display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3;}
.rb-board .rb-board__review .rb-board__expand{font-size: 1.3rem; color: var(--rb-text-subtle); line-height: 160%; letter-spacing: -0.026rem;}
.rb-board .rb-board__review .rb-board__picture{display: flex; gap: 1.2rem;}
.rb-board .rb-board__review .rb-board__picture a{width: 20rem; aspect-ratio: 1 / 1; position: relative; overflow: hidden; border-radius: 1.2rem;}
.rb-board .rb-board__review .rb-board__picture a::after{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: .1rem solid var(--stroke-default); border-radius: 1.2rem; box-sizing: border-box; pointer-events: none;}
.rb-board .rb-board__review .rb-board__picture a > img{width: 100%; height: 100%; object-fit: cover;}
.rb-board .rb-board__nav{overflow: unset;}
.rb-board .rb-board__btns{display: flex; gap: .8rem;}
.rb-board .rb-board__btns a{height: 3.8rem;}

.rb-board .rb-board__view .rb-view__head{display: flex; flex-direction: column; gap: .8rem; padding: 2rem 0;}
.rb-board .rb-board__view .rb-view__head > p{font-size: 1.6rem; font-weight: 700; line-height: 2.7rem; letter-spacing: -0.036rem;}
.rb-board .rb-board__view .rb-view__body{padding: 2rem 0 3rem; font-size: 1.4rem; line-height: 2.24rem; letter-spacing: -0.028rem; border-top: var(--border-subtle);}
.rb-board .rb-board__view .rb-view__body table{width: 100% !important;}
.rb-board .rb-board__view .rb-view__body img{max-width: 100%; width: auto; height: auto;}
.rb-board .rb-board__view .rb-view__answer{background: var(--rb-bg-neutral-weak); border-radius: 1.2rem; padding: 0 1.6rem;}

/* 리뷰 게시판 영상 후기 */
.rb-board__video{padding: 2.4rem; background: var(--rb-bg-neutral-weak); overflow: hidden;}
.rb-board__video .rb-inner{display: flex; flex-direction: column; gap: 1.6rem; min-width: 0;}
.rb-board__video-head{display: flex; justify-content: space-between; align-items: center; gap: .8rem;}
.rb-board__video-head h4{display: flex; align-items: center; gap: .4rem;}
.rb-board__video-logo{flex-shrink: 0; width: 2rem; height: 2rem;}
.rb-board__video-logo img{width: 2rem; height: auto;}
.rb-board__video-nav{display: flex; align-items: center; gap: .8rem; flex-shrink: 0;}
.rb-board__video-nav .video-pager{position: static; width: auto; font-size: 0; letter-spacing: -0.024rem; color: #5c6675;}
.rb-board__video-nav .video-pager span{font-size: 1.2rem;}
.rb-board__video-nav .video-pager .swiper-pagination-current{font-weight: 700; color: var(--rb-text-default); letter-spacing: -0.036rem;}
.rb-board__video-nav .video-pager .swiper-pagination-current::after{content: "/"; font-weight: 400; letter-spacing: -0.024rem; color: #5c6675;}
.rb-board__video .rb-inner > .swiper-pagination{display: none;}
.rb-board__video-nav .video-controls{display: flex; overflow: hidden; border: .1rem solid var(--stroke-default); border-radius: .4rem;}
.rb-board__video-nav .video-controls a{display: flex; align-items: center; justify-content: center; width: 2.4rem; height: 2.4rem; background: #fff;}
.rb-board__video-nav .video-controls .btn-prev{border-right: .1rem solid var(--stroke-default);}
.rb-board__video-nav .video-controls i{width: 1rem; height: 2rem; color: #5c6675;}
.rb-board__video-nav .video-controls a.swiper-button-disabled{opacity: .4; pointer-events: none;}
.rb-board__video-slider{width: 100%; min-width: 0; overflow: hidden;}
.rb-board__video-slider .swiper-slide{width: calc((100% - 4.8rem) / 4);}
.rb-board__video-slider li > a{display: flex; flex-direction: column; gap: .8rem;}
.rb-board__video-slider .video-thumb{position: relative; aspect-ratio: 244 / 126; overflow: hidden; background: var(--rb-bg-neutral-mute); border: .1rem solid var(--stroke-subtle); border-radius: .8rem;}
.rb-board__video-slider .video-thumb img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.rb-board__video-slider p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; height: 4.6rem;}
.rb-board .rb-board__count{margin-bottom: 1.2rem;}
.rb-board .rb-board__header{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1.6rem .8rem; margin-bottom: 1.2rem;}
.rb-board .rb-board__header .header-right{flex-shrink: 0;}
.rb-board .rb-board__footer{display: flex; justify-content: center; align-items: center; gap: 1rem; padding: 3rem 0 1.6rem;}
.rb-board .rb-board__footer:has(.rb-board__btn){justify-content: flex-start;}
.rb-board .rb-board__footer .rb-board__btn{width: auto; padding: 0 24px;}
.rb-board .rb-board__pagination{display: inline-flex; align-items: center; gap: 1.2rem;}
.rb-board .rb-board__pagination > div{color: var(--rb-text-subtle); font-size: 1.4rem; font-weight: 500; letter-spacing: -0.028rem;}
.rb-board .rb-board__pagination .rb-pagination__btn i{color: var(--icon-default)}
.rb-board .rb-board__empty{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2.4rem; height: 56.6rem; font-size: 2rem; font-weight: 700; line-height: 3rem; letter-spacing: 0.04rem;}
.rb-board .rb-board__empty::before{content: ""; display: inline-block; width: 100%; height: 6.1rem; background: url('/reboot/img/common/404.png') no-repeat center top / auto 100%;}

.rb-board__quick{position: fixed; z-index: 20; bottom: 0; left: 0; width: 100%; padding: 1.6rem; text-align: right; pointer-events: none;}
.rb-board__quick .rb-quick__inner{width: 100%; max-width: 1266px; margin: 0 auto}
.rb-board__quick .rb-quick__btns{display: inline-flex; flex-direction: column; gap: 1rem; pointer-events: all;}

/* 모달 */
.rb-modal.cn-modal{padding: 1.6rem;}
.rb-modal .cn-modal-main{width: 100%; max-width: 64rem; border-radius: 2rem; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08); padding: 2rem;}
.rb-modal .rb-modal__head{display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;}
.rb-modal .rb-modal__head strong{font-size: 2rem; font-weight: 700; letter-spacing: -0.04rem;}
.rb-modal .rb-modal__head a{display: inline-block; width: 2.4rem; height: 2.4rem; color: var(--rb-icon-primary)}
.rb-modal .rb-modal__body{display: flex; flex-direction: column; gap: 1.2rem;}
.rb-modal .rb-modal__btns{display: flex; align-items: center; gap: 1.2rem; margin-top: 1.6rem;}
.rb-modal .rb-modal__btns > a{flex: 1;}
.rb-modal__image .image__slider{width: 100%;}
.rb-modal__image .image__slider li{border-radius: 1.2rem; overflow: hidden;}
.rb-modal__image .image__slider .rb-image-pager{display: flex; justify-content: center; align-items: center; gap: .6rem; position: static; margin-top: 1.6rem; font-size: 0;}
.rb-modal__image .image__slider .rb-image-pager span{background: #747E8A; margin: 0; width: .6rem; height: .6rem;}

[class*=rb-input]{border: 0; background: var(--rb-bg-neutral-weak);  height: 4.2rem; border-radius: .8rem; padding: 0 1.2rem; font-size: 1.4rem; letter-spacing: -0.028rem;}
[class*=rb-input]::placeholder{color: var(--rb-text-subtle) !important;}
[class*=rb-input--][class*=--textarea]{padding: 1.2rem; resize: none; height: 34rem; line-height: 160%;}

/* label */
.rb-label{display: flex; align-items: center; background: var(--rb-brand-primary-weak); color: var(--rb-brand-primary-default); font-size: 1.1rem; font-weight: 600; border-radius: 5rem; height: 2rem; line-height: normal; padding: 0 .6rem;}

/* image uploder */
.rb-uploader{display: flex; gap: .8rem;}
.rb-uploader > :is(.uploaded, label){display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fff; width: 10rem; max-width: calc(33.3333% - 0.5rem); aspect-ratio: 1 / 1; border: .1rem solid var(--stroke-default); border-radius: 1.2rem; position: relative;}
.rb-uploader > :is(.uploaded, label) img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.rb-uploader > label{cursor: pointer;}
.rb-uploader > label > input{display: none;}
.rb-uploader > label i{width: 3.2rem; height: 3.2rem; color: var(--icon-default);}
.rb-uploader > .uploaded .btn-delete{position: absolute; top: .8rem; right: .8rem; width: 2.4rem; height: 2.4rem; color: #fff; border-radius: var(--Radius-8, 8px); background: rgba(0, 0, 0, 0.40); overflow: hidden;}
.rb-uploader > .uploaded .btn-delete::after{width: 1.6rem; height: 1.6rem;}

.rb-notice > li{display: flex; gap: .8rem;}
.rb-notice > li::before{content: ""; flex-shrink: 0; display: inline-block; width: .3rem; height: .3rem; background: var(--rb-text-subtle); border-radius: 5rem; margin-top: 1rem;}

[class*=m-only]{display: none !important;}
@media (max-width: 1023px){
    [class*=m-only]{display: flex !important;}
    [class*=pc-only]{display: none !important;}
    .rb-board .rb-board__review .rb-board__picture{gap: .8rem;}
    .rb-board__video{padding: 2rem 0 2rem 2rem;}
    .rb-board__video .rb-inner{gap: 1.2rem;}
    .rb-board__video-slider .swiper-slide{width: 16.7rem;}
    .rb-board__video-slider .video-thumb{aspect-ratio: 167 / 94;}
    .rb-board__video-slider p{font-size: 1.4rem; line-height: 145%; letter-spacing: -0.028rem; height: 4rem;}
}