@charset "utf-8";.full-pos,.product-list li.active:before,.product-list li>a:focus:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.sort-area.skin-45 {
    margin-top: -8px;
    padding-bottom: .8em
}

.product-list-container {
    margin-top: 0
}

.product-list-container .selectbox {
    width: 200px;
    margin-left: 1em
}

.product-list-container .selectbox:first-child {
    float: left;
    margin-left: 0
}

.product-list {
    zoom:1;position: relative;
    margin: 0 -8px 0
}

.product-list:before {
    content: '';
    display: block
}

.product-list:after {
    content: '';
    display: table;
    clear: both
}

.product-list li {
    float: left;
    width: 25%;
    text-align: center;
    text-transform: none;
    -webkit-backface-visibility: hidden;
    background-color: #fff;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    z-index: 1
}

.product-list a {
    display: block;
    text-decoration: none;
    padding: 8px
}

.no-touch .product-list li.blur {
    opacity: .5;
    z-index: -1;
    filter: blur(.5px);
    -webkit-filter: blur(.5px);
    -moz-filter: blur(.5px);
    -o-filter: blur(.5px);
    -ms-filter: blur(.5px)
}

.product-list li.active,.product-list li>a:focus {
    position: relative;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.8);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.8);
    box-shadow: 0 0 10px rgba(0,0,0,.8);
    opacity: 1;
    z-index: 101
}

.product-list li.active:before,.product-list li>a:focus:before {
    content: '';
    z-index: 2;
    border: 1px solid #333
}

.product-list li.active a,.product-list li>a:focus a {
    position: relative;
    z-index: 3
}

.product-list .thumb {
    display: block;
    position: relative;
    padding-bottom: 100%;
    margin-bottom: 8px
}

.product-list .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.product-list .cont {
    display: block;
    height: 7em
}

.product-name {
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    font: normal 1.6em/1.4 Theinhardt, NotoSans, sans-serif;
    color: #333
}

.product-effect {
    display: block;
    font-size: 1.2em
}

.product-txt {
    display: block;
    font-size: 1.4em
}

@media only all and (max-width: 1023px) {
    .product-list-container .sort-area {
        text-align:center
    }

    .product-list-container .selectbox {
        width: 31%
    }

    .product-list-container .selectbox:last-child {
        float: right
    }

    .product-list li {
        width: 33.33333333%
    }
}

@media only all and (max-width: 599px) {
    .product-list-container .selectbox {
        width:auto;
        margin-left: 0
    }

    .product-list-container .selectbox:first-child,.product-list-container .selectbox:last-child {
        float: none
    }

    .product-list li {
        width: 50%;
        text-align: left
    }
}

@media only all and (max-width: 384px) {
    .product-list-container .selectbox:first-child {
        float:none
    }

    .product-list {
        margin-left: -5px;
        margin-right: -5px
    }

    .product-list a {
        padding: 5px
    }

    .product-list .cont {
        height: 6.5em
    }

    .product-name {
        font-size: 1.4em
    }
}

@media only all and (min-width: 1440px) {
    .product-list-container .selectbox {
        min-width:200px
    }
}

:root .product-list-container-list li.blur {
    filter: none
}

.experience-header {
    overflow: hidden;
    position: relative;
    display: table;
    width: 100%;
    table-layout: fixed;
    height: 280px;
    text-align: center
}

.experience-header-cell {
    position: relative;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    font-family: Theinhardt, NotoSans, sans-serif;
    color: #fff
}

.experience-header-thumb {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -550px;
    max-width: none
}

.experience-header .h {
    position: relative;
    font-weight: 400;
    font-size: 5em;
    z-index: 1
}

.experience-header p {
    position: relative;
    padding: 0 4.54545455%;
    margin: 0;
    font-size: 1.8em;
    z-index: 1
}

.experience-header+.sort-area {
    margin-top: 1.5em
}

.experience-box {
    display: table;
    table-layout: fixed;
    width: 100%
}

.experience-cell {
    display: table-cell;
    vertical-align: top;
    font-size: 1.4em
}

.experience-cell .h {
    margin-bottom: .7em;
    position: relative;
    color: #191919;
    font-weight: 400;
    font-size: 3.5em;
    font-family: Theinhardt, NotoSans, sans-serif;
    letter-spacing: 0
}

.experience-cell .h:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    width: 55%;
    height: 2px;
    margin: auto;
    background: #9e9e9e
}

.experience-cell h2 {
    padding: 0 15%;
    margin-bottom: 2em;
    font-size: 1.07em;
    font-family: Theinhardt, NotoSans, sans-serif;
    line-height: 1.9
}

.experience-cell .h-sub,.experience-cell h2.h-sub {
    display: none;
    padding: 0
}

.experience-cell p {
    padding: 0 15%;
    margin-bottom: 2em;
    font-size: 1.07em;
    font-family: Theinhardt, NotoSans, sans-serif;
    line-height: 1.9
}

.experience-cell.desc {
    padding: 0 1% 4.5%;
    text-align: center;
    vertical-align: middle
}

.experience-list {
    margin-top: 5.45454545%
}

.experience-list ul {
    overflow: hidden
}

.experience-item {
    position: relative;
    float: left;
    width: 25%;
    margin-bottom: 4.54545455%
}

.experience-item-empty {
    display: block;
    position: relative
}

.experience-item-empty:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    margin: 0 auto;
    background: #eee url(/kr/ko/resource/img/experience/bg_style_empty.png) center center no-repeat;
    background-size: 71%;
    z-index: 3
}

.experience-item .thumb {
    overflow: hidden;
    display: block;
    position: relative
}

.experience-item .thumb:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    background: rgba(0,0,0,.3);
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.experience-item .thumb:after {
    content: '';
    position: absolute;
    bottom: -100%;
    left: 0;
    right: 0;
    width: 21px;
    height: 21px;
    margin: 0 auto;
    background: url(/kr/ko/resource/img/a/icon_more.png) 0 0 no-repeat;
    -webkit-transition: .3s ease-in-out .1s;
    -moz-transition: .3s ease-in-out .1s;
    -o-transition: .3s ease-in-out .1s;
    transition: .3s ease-in-out .1s
}

.experience-item .thumb:focus,.experience-item .thumb:hover {
    text-decoration: none
}

.experience-item .thumb:focus:before,.experience-item .thumb:hover:before {
    opacity: 1
}

.experience-item .thumb:focus:after,.experience-item .thumb:hover:after {
    bottom: 15px
}

.experience-item .thumb:focus .cover,.experience-item .thumb:hover .cover {
    opacity: 1
}

.experience-item .thumb:focus .cover:before,.experience-item .thumb:hover .cover:before {
    width: 60%
}

.experience-item .cover {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 63px;
    margin: auto;
    color: #fff;
    text-align: center;
    opacity: 0
}

.experience-item .cover:before {
    content: '';
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    display: inline-block;
    width: 0;
    height: 1px;
    margin: auto;
    background: #fff;
    -webkit-transition: .3s ease-in-out .1s;
    -moz-transition: .3s ease-in-out .1s;
    -o-transition: .3s ease-in-out .1s;
    transition: .3s ease-in-out .1s
}

.experience-item .name {
    display: block;
    padding-top: 5px;
    font-family: Theinhardt, NotoSans, sans-serif;
    font-size: 1.75em;
    font-weight: 400
}

.experience-item .title {
    display: block;
    padding-bottom: 5px;
    font-size: 1.4em
}

.experience-more {
    color: #191919;
    font-size: 1.5em;
    text-align: center
}

.experience-more .h {
    width: 50%;
    margin: 0 auto 2.5em
}

.experience-more h1.h {
    font-size: 1em
}

@media only all and (max-width: 1023px) {
    .experience-cell {
        font-size:1.32em
    }

    .experience-cell .h {
        font-size: 3.5em
    }

    .experience-more {
        font-size: 1.32em
    }

    .experience-more .h {
        width: 35%
    }

    .touch .experience-item .cover {
        position: static;
        padding: 10px 0;
        color: #555;
        opacity: 1
    }

    .touch .experience-item .cover:before {
        display: none
    }

    .touch .experience-item .name,.touch .experience-item .title {
        padding-top: 0;
        padding-bottom: 0
    }

    .touch .experience-item .thumb:after,.touch .experience-item .thumb:before {
        display: none
    }
}

@media only all and (max-width: 767px) {
    .experience-header {
        height:140px
    }

    .experience-header-thumb {
        left: -50%;
        min-height: 100%;
        min-width: 100%;
        margin-left: 0
    }

    .experience-header .break-space {
        display: block
    }

    .experience-header .h {
        font-size: 2.4em
    }

    .experience-header p {
        font-size: 1.3em
    }

    .experience-header p br {
        display: none
    }

    .experience-cell {
        font-size: 1.2em
    }

    .experience-cell .h {
        font-size: 3.2em
    }

    .experience-cell.desc {
        padding: 0 7% 2.5%
    }

    .experience-more .h {
        margin-top: 1.5em;
        margin-bottom: 2em
    }
}

@media only all and (max-width: 599px) {
    .experience-box {
        position:relative;
        margin-bottom: 12.5%
    }

    .experience-cell {
        width: 100%;
        font-size: 1.3em
    }

    .experience-cell .h {
        width: 85%;
        margin: 0 auto;
        color: #fff;
        font-size: 3em
    }

    .experience-cell .h:after {
        bottom: 0;
        width: 58%;
        height: 1px;
        background: #fff
    }

    .experience-cell h2 {
        display: none
    }

    .experience-cell .h-sub,.experience-cell h2.h-sub {
        display: block;
        margin-top: .6em;
        margin-bottom: .9em;
        font-size: 1.45em;
        vertical-align: top;
        line-height: 1.3
    }

    .experience-cell .h-sub b {
        margin-top: -.1em;
        display: inline-block;
        font-weight: 400;
        font-size: 1.05em;
        vertical-align: top
    }

    .experience-cell p {
        display: none
    }

    .experience-cell a.btn {
        border-color: transparent
    }

    .experience-cell.desc {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        padding: 7.8125% 0;
        color: #fff;
        background: url(/kr/ko/resource/img/misc/1x1_bg.png) repeat 0 0
    }

    .experience-list {
        margin-left: -10px
    }

    .experience-item {
        width: 50%
    }

    .experience-item-more {
        margin-top: 10%
    }

    .experience-item-empty {
        padding-top: calc(100% - 10px);
        margin-left: 10px
    }

    .experience-item .name {
        margin-left: .15em;
        font-size: 1.55em
    }

    .experience-item .thumb {
        margin-left: 10px
    }

    .experience-item .thumb img {
        width: 100%
    }

    .experience-more {
        font-size: 1.3em
    }

    .experience-more .h {
        width: 55%
    }
}

@media only all and (max-width: 384px) {
    .experience-more .h {
        max-width:400px;
        width: 60%
    }
}

@media only all and (min-width: 1280px) {
    .experience-cell {
        font-size:1.5em
    }
}

.sws-style-visual {
    position: relative
}

.sws-style-visual .only-mobile {
    display: none
}

.sws-style-visual .h1 {
    position: absolute;
    top: 42%;
    bottom: 0;
    left: 8%;
    font-weight: 400;
    font-size: 4.4em;
    font-family: Theinhardt, NotoSans, sans-serif;
    color: #fff
}

.sws-style-visual .title {
    color: #aaa
}

.sws-style-visual .name {
    font-weight: 400
}

.sws-style-body {
    position: relative;
    z-index: 1;
    margin-bottom: 5%;
    border-bottom: 1px solid #ccc
}

.sws-style-section {
    overflow: hidden;
    position: relative;
    width: 49.27272727%;
    padding-left: 50.72727273%;
    margin-bottom: 5%;
    font-size: 1.4em
}

.sws-style-sticky {
    position: absolute;
    top: 0;
    left: 0;
    width: 49.27272727%
}

.sws-style .blockquote {
    margin: 3.6em 5%
}

.sws-style .quote {
    display: block;
    padding: 6.5% 4%;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    color: #000;
    font: normal 1.8em/1.5 Theinhardt, NotoSans, sans-serif;
    text-align: center;
    letter-spacing: -.07em;
    word-spacing: .05em
}

.sws-style .q {
    color: #333;
    font-weight: 700;
    margin: 2em 0 .4em;
    padding: 0 5%;
    font-size: 1.05em;
    line-height: 1.75
}

.sws-style .q+.p {
    margin-bottom: 0
}

.sws-style .q:first-child {
    margin-top: -.3em
}

.sws-style .p {
    margin: 0;
    padding: 0 5%;
    color: #767676;
    line-height: 1.9
}

@media only all and (max-width: 1023px) {
    .sws-style-visual .h1 {
        top:40%;
        font-size: 3.2em
    }

    .sws-style .blockquote {
        margin-top: 2.5em;
        margin-bottom: 2.5em
    }

    .sws-style .quote {
        font-size: 1.4em
    }
}

@media only all and (max-width: 767px) {
    .sws-style-section {
        width:auto;
        padding-left: 0
    }

    .sws-style .blockquote {
        margin-left: 0;
        margin-right: 0
    }

    .sws-style .quote {
        padding-left: 12%;
        padding-right: 12%;
        font-size: 1.6em
    }

    .sws-style .p,.sws-style .q {
        padding-left: 0;
        padding-right: 0
    }

    .sws-style-sticky {
        position: static;
        width: auto;
        max-width: 360px;
        margin: 0 auto 9.375%
    }

    .sws-style-sticky img {
        width: 100%
    }
}

@media only all and (max-width: 599px) {
    .sws-style {
        z-index:0
    }

    .sws-style-visual .h1 {
        top: 0;
        height: 60px;
        margin: auto;
        font-size: 2em
    }

    .sws-style-visual .h1 span {
        display: block
    }

    .sws-style-visual .only-desktop {
        display: none
    }

    .sws-style-visual .only-mobile {
        display: block
    }

    .sws-style-sticky {
        max-width: none
    }

    .sws-style .quote {
        font-size: 1.4em;
        padding: 5% 8%
    }
}

@media only all and (max-width: 384px) {
    .sws-style .quote {
        font-size:1.3em;
        padding: 5%
    }
}

@media only all and (min-width: 1280px) {
    .sws-style-section {
        font-size:1.5em
    }

    .sws-style .quote {
        font-size: 2em
    }
}

.rituals-top {
    position: relative
}

.rituals-top.media .icon-play {
    font-size: 72px;
    margin-top: -1em
}

.rituals-top.media .icon-play:before {
    font-size: 72px
}

.rituals-box {
    overflow: hidden;
    position: relative;
    height: 0;
    padding-bottom: 45.45%
}

.rituals-box.is-active {
    padding-bottom: 56.25%
}

.rituals-box:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: #fff url(/kr/ko/resource/img/a/wait.gif) center center no-repeat
}

.rituals-box.is-active:after,.rituals-box.is-loaded:after {
    display: none
}

.rituals-player {
    position: absolute;
    background: #000;
    z-index: 10
}

.rituals-initial-link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 0;
    padding-bottom: 50%
}

.rituals-initial-link:focus .icon-play {
    color: #555
}

.rituals-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 14.54545455%;
    margin: auto;
    text-align: center;
    z-index: 20
}

.rituals-title .h {
    color: #fff;
    font-weight: 400;
    font-size: 4em;
    font-family: Theinhardt, NotoSans, sans-serif;
}

.rituals-title .category {
    color: #fff;
    font-size: 2.2em;
    font-family: Theinhardt, NotoSans, sans-serif;
    opacity: .4
}

.rituals-list {
    zoom:1;margin-left: -8px;
    margin-right: -8px
}

.rituals-list:before {
    content: '';
    display: block
}

.rituals-list:after {
    content: '';
    display: table;
    clear: both
}

.rituals-list-box {
    padding-top: 5%
}

.rituals-list-box .h {
    position: relative;
    margin-bottom: .5em;
    color: #767676;
    font: normal 2.6em/1.5 Theinhardt, NotoSans, sans-serif;
    text-align: center
}

.rituals-list-box .h span {
    position: relative;
    z-index: 10;
    padding: 0 3%;
    background: #fff
}

.rituals-list-box .h:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 1px;
    margin: auto;
    background: #ccc
}

.rituals-list .is-current {
    position: relative
}

.rituals-list .is-current:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}

.rituals-list .is-current .icon-play {
    display: none
}

.rituals-list .is-current .beauty-thumb:before {
    content: 'NOW PLAYING';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 24px;
    margin: auto;
    color: #fff;
    font-size: 1.6em;
    text-align: center;
    z-index: 10
}

.rituals-list .is-current .beauty-thumb:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    background: rgba(0,0,0,.5)
}

.rituals-list .blur {
    opacity: .5;
    z-index: -1;
    filter: blur(.5px);
    -webkit-filter: blur(.5px);
    -moz-filter: blur(.5px);
    -o-filter: blur(.5px);
    -ms-filter: blur(.5px)
}

.rituals-list .ritual_section.active {
    position: relative;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.8);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.8);
    box-shadow: 0 0 10px rgba(0,0,0,.8);
    opacity: 1;
    z-index: 10
}

.rituals-list .ritual_section.active:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #555
}

.rituals-list .ritual_section.active a {
    position: relative
}

.rituals-list .movies {
    zoom:1}

.rituals-list .movies:before {
    content: '';
    display: block
}

.rituals-list .movies:after {
    content: '';
    display: table;
    clear: both
}

.rituals-list .ritual_section {
    float: left;
    width: 25%;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.rituals-item {
    vertical-align: top;
    word-spacing: 0;
    margin-bottom: 1.81818182%;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.rituals-item a:hover {
    text-decoration: none
}

.rituals-link {
    position: relative;
    display: block;
    margin: 9px
}

.rituals-link:focus .media .icon-play,.rituals-link:hover .media .icon-play {
    color: #555
}

.rituals-thumb.media .icon-play {
    top: auto;
    left: auto;
    right: 10px;
    bottom: 10px;
    font-size: 40px
}

.rituals-thumb.media .icon-play:before {
    font-size: 40px
}

.rituals-cont {
    overflow: hidden;
    margin: 2em 0 1em;
    height: 8em;
    font-size: 1.5em
}

.rituals-cont .title {
    display: block;
    margin: 0 0 .5em;
    color: #191919;
    font-weight: 400;
    font-size: 1.15em;
    line-height: 1.4;
    letter-spacing: -.05em
}

.rituals-cont p {
    margin-top: 0;
    font-size: 1em
}

.rituals-subtitles {
    display: none
}

.rituals-subtitles-box {
    display: none;
    overflow-y: scroll;
    max-height: 185px;
    padding-top: 2em;
    padding-bottom: 2em;
    background-color: #f5f5f5;
    color: #333;
    font-size: 1.4em
}

.rituals-subtitles-box h2 {
    font-size: 1.2em;
    margin-top: 1em;
    margin-bottom: .5em
}

.rituals-subtitles-box p {
    margin-top: 0
}

@media only all and (max-width: 1023px) {
    .rituals-top.media .icon-play {
        margin-top:-.75em
    }

    .rituals-title {
        font-size: .75em;
        bottom: 10%
    }

    .rituals-cont {
        font-size: 1.4em;
        margin-top: 1.5em;
        margin-bottom: 2em
    }

    .rituals-thumb.media .icon-play {
        font-size: 32px
    }

    .rituals-thumb.media .icon-play:before {
        font-size: 32px
    }
}

@media only all and (max-width: 767px) {
    .rituals-top.media .icon-play {
        font-size:56px
    }

    .rituals-top.media .icon-play:before {
        font-size: 56px
    }

    .rituals-title {
        font-size: .7em
    }

    .rituals-section .rituals-title {
        display: none
    }

    .rituals-section .h {
        font-size: 2.4em
    }

    .rituals-section .category {
        font-size: 1.8em
    }

    .rituals-list-box .h {
        font-size: 2.2em
    }

    .rituals-list .ritual_section {
        width: 33.33333333
    }

    .rituals-thumb.media .icon-play {
        font-size: 24px
    }

    .rituals-thumb.media .icon-play:before {
        font-size: 24px
    }
}

@media only all and (max-width: 599px) {
    .rituals-top.media .icon-play {
        font-size:32px
    }

    .rituals-top.media .icon-play:before {
        font-size: 32px
    }

    .rituals-title {
        font-size: .6em
    }

    .rituals-title .h {
        line-height: 1.3
    }

    .rituals-subtitles-box {
        max-height: 140px
    }

    .rituals-list {
        margin-left: -5px;
        margin-right: -5px
    }

    .rituals-list .ritual_section {
        width: 50
    }

    .rituals-link {
        margin: 5px
    }

    .rituals-cont {
        height: 3em;
        margin-top: 1em
    }

    .rituals-cont .title {
        margin-bottom: 0
    }

    .rituals-cont p {
        display: none
    }
}

@media only all and (max-width: 384px) {
    .rituals-section .h {
        font-size:1.8em;
        line-height: 1.1
    }

    .rituals-section .category {
        font-size: 1.2em
    }

    .rituals-section.media .icon-play {
        font-size: 28px
    }

    .rituals-section.media .icon-play:before {
        font-size: 28px
    }

    .rituals-list-box .h {
        font-size: 1.8em
    }

    .rituals-cont {
        font-size: 1.25em
    }

    .rituals-thumb.media .icon-play {
        font-size: 20px
    }

    .rituals-thumb.media .icon-play:before {
        font-size: 20px
    }
}

.archive-list {
    zoom:1;margin-left: -1.5%
}

.archive-list:before {
    content: '';
    display: block
}

.archive-list:after {
    content: '';
    display: table;
    clear: both
}

.archive-list li {
    float: left;
    width: 31.83333333%;
    margin-left: 1.5%
}

.archive-list .thumb {
    display: block;
    overflow: hidden;
    position: relative
}

.archive-list .thumb:focus+.archive-cont .archive-name {
    text-decoration: underline
}

.archive-list .icon-play {
    width: auto;
    top: auto;
    left: auto;
    right: 10px;
    bottom: 10px;
    margin: 0
}

.archive-list .icon-play:before {
    font-size: 42px
}

.archive-cont {
    padding: 2em 0 5em;
    font-size: 1em
}

.archive-cont .date {
    display: block;
    margin-bottom: 5px;
    color: #999;
    font-size: 12px
}

.archive-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    height: 54px;
    color: #333;
    font-size: 1.8em;
    font-family: Theinhardt, NotoSans, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.archive-name>span {
    white-space: nowrap
}

.archive-section {
    padding-top: 16px;
    padding-bottom: 30px;
    background: #f5f5f5
}

.archive-section .title {
    padding: 0 4.6875%;
    margin-top: 3.40425532%;
    text-align: center
}

.archive-section .h {
    color: #333;
    font-size: 3.4em;
    font-weight: 400;
    font-family: Theinhardt, NotoSans, sans-serif;
}

.archive-section .h>span {
    white-space: nowrap
}

.archive-section .date {
    display: block;
    margin-top: 10px;
    font-size: 1.6em
}

.archive-section .desc {
    display: none;
    margin-top: 15px;
    font-size: 1.5em;
    line-height: 1.6
}

.archive-section .video-player+.title {
    overflow-y: scroll;
    max-height: 185px;
    text-align: left
}

.archive-section .video-player+.title .h {
    font-size: 2.6em
}

.archive-section .video-player+.title .date {
    display: none
}

.archive-section .video-player+.title .desc {
    display: block
}

.archive-section .video-iframe {
    border: 0 none
}

.archive-print {
    background-color: #f5f5f5;
    padding-top: 16px
}

.archive-print-top {
    margin-bottom: 4.25531915%
}

.archive-print-header {
    margin: 0;
    color: #333;
    font-family: Theinhardt, NotoSans, sans-serif;
    text-align: center
}

.archive-print-header .h {
    font-size: 3.3em;
    font-weight: 400
}

.archive-print-header .h>span {
    white-space: nowrap
}

.archive-print-header .h-sub {
    font-size: 2.1em;
    font-weight: 400
}

.archive-print-body {
    padding: 4.25531915% 0
}

.archive-print-section {
    padding-left: 8.5106383%;
    padding-right: 8.5106383%;
    font-size: 1.5em
}

.archive-print-section h2 {
    color: #333;
    margin-top: 2em;
    margin-bottom: .5em;
    font-size: 1.2em
}

.archive-print-section p {
    margin: 0
}

.archive-print-section .em {
    font-size: 1.2em
}

.archive-print-image {
    margin: 5% 0;
    text-align: center
}

.archive-print-box {
    margin-top: 4.25531915%;
    padding: 1.6em 3em 1.5em;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: .94em
}

.archive-print-box .h {
    margin-top: .2em;
    margin-bottom: .5em;
    color: #333;
    font-size: 1em
}

.archive-print-box .h:first-child {
    margin-top: 0
}

.archive-print-box p {
    margin: 0
}

.archive-player {
    display: block
}

@media only all and (max-width: 1023px) {
    .archive-list {
        margin-left:-2%
    }

    .archive-list li {
        width: 31.33333333%;
        margin-left: 2%
    }

    .archive-name {
        height: 48px
    }

    .archive-print-header {
        font-size: .9em
    }

    .archive-print-box {
        padding: 1.25em 2em 1.2em
    }
}

@media only all and (max-width: 767px) {
    .archive-list {
        margin-left:-2.5%
    }

    .archive-list li {
        width: 47.5%;
        margin-left: 2.5%
    }

    .archive-list .icon-play {
        bottom: 10px;
        height: 32px;
        font-size: 32px
    }

    .archive-list .icon-play:before {
        font-size: 32px
    }

    .archive-print {
        padding-top: 0
    }

    .archive-print-header {
        padding-left: 10.10638298%;
        padding-right: 10.10638298%;
        text-align: left
    }

    .archive-cont {
        padding: 1.5em 1em 3em;
        margin-bottom: 1em;
        font-size: .9em;
        background: #f5f5f5
    }

    .archive-section {
        padding-top: 0;
        padding-bottom: 6.25%
    }

    .archive-section .video-player+.title {
        overflow: auto;
        max-height: initial
    }

    .archive-section .video-player+.title .h {
        font-size: 2.2em
    }

    .archive-section .title {
        text-align: left
    }

    .archive-section .h {
        font-size: 2.2em
    }

    .archive-section .date {
        display: none
    }

    .archive-section .desc {
        display: block
    }
}

@media only all and (max-width: 599px) {
    .archive-list {
        margin-left:0
    }

    .archive-list li {
        width: 100%;
        margin-left: 0
    }

    .archive-list .thumb-frame img {
        max-width: initial;
        width: 100%
    }

    .archive-cont {
        font-size: .83em;
        padding-top: 1em;
        padding-bottom: 2em
    }

    .archive-name {
        height: 42px
    }

    .archive-print-header {
        padding-left: 15px;
        padding-right: 15px;
        font-size: .7em
    }

    .archive-print-section {
        padding-left: 0;
        padding-right: 0;
        font-size: 1.4em
    }

    .archive-print-section .em,.archive-print-section h2 {
        font-size: 1.1em
    }
}

@media only all and (max-width: 384px) {
    .archive-print-header {
        font-size:.6em
    }

    .archive-print-header .h-sub {
        font-size: 2.4em
    }
}

.culture {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.culture:hover {
    border-color: #191919
}

.culture:focus,.culture:hover {
    text-decoration: none
}

.culture:focus .btn,.culture:hover .btn {
    color: #fff;
    background: #333
}

.culture-thumb {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

.culture-desc {
    position: relative;
    display: table-cell;
    padding: 9.09090909% 10.90909091% 0;
    font-size: 2.8em;
    padding: 0 4% 0 5.5%;
    font-size: 1.5em;
    vertical-align: middle;
}

.culture .history {
    display: block;
    font-size: 1.85em;
    font-family: Theinhardt, NotoSans, sans-serif;
    line-height: 1.3
}

.culture .h {
    color: #333;
    margin: .45em 0 0;
    font-weight: 400;
    font-size: 2.35em;
    font-family: Theinhardt, NotoSans, sans-serif;
    line-height: 1.1;
    letter-spacing: -.08em
}

.culture .date {
    display: block;
    margin: .45em 0 .3em;
    font-family: Theinhardt, NotoSans, sans-serif;
    text-transform: uppercase
}

.culture .p {
    margin: 0;
    letter-spacing: -.05em
}

.culture .p [lang=en] {
    letter-spacing: -.02em
}

.culture .func {
    margin-top: 1.5em;
    text-align: left
}

.culture .btn {
    padding-left: 2.6em;
    padding-right: 2.6em
}

@media only all and (max-width: 1023px) {
    .culture {
        padding:20px 0
    }

    .culture_section:first-child .culture {
        padding-top: 20px;
        border-top: 1px solid #ddd
    }

    .culture-thumb {
        width: 41%
    }

    .culture-desc {
        padding: 0 20px 0;
        font-size: 1.2em
    }

    .culture .func {
        display: none
    }

    .culture .h {
        margin-top: .2em
    }

    .culture .date {
        font-size: 1.4em
    }

    .culture .p {
        font-size: 1.4em
    }
}

@media only all and (max-width: 767px) {
    .culture {
        padding:14px 0
    }

    .culture-thumb {
        vertical-align: top;
    }

    .culture-desc {
        display: inline-block;
        padding: 12px 20px;
        font-size: 2.3em;
        font-size: 1.15em
    }

    .culture .date {
        display: none
    }

    .culture .p {
        margin-top: .5em
    }

    .culture .p br {
        display: none;
    }
}

@media only all and (max-width: 599px) {
    .culture {
        padding:12px 0
    }

    .culture_section:first-child .culture {
        padding-top: 12px
    }

    .culture-thumb {
        width: 43.2%
    }

    .culture-desc {
        padding: 6px 0 0 10px;
        font-size: 1.1em
    }

    .culture .history {
        font-size: 1.5em
    }

    .culture .h {
        font-size: 1.8em
    }

    .culture .p {
        font-size: 1.2em
    }
}

@media only all and (max-width: 384px) {
    .culture-desc {
        font-size:1em
    }

    .culture .h {
        font-size: 1.55em
    }

    .culture .p {
        font-size: 12px;
        line-height: 1.3
    }
}

@media only all and (min-width: 1280px) {
    .culture-desc {
        font-size:1.6em
    }

    .culture .history {
        font-size: 2.1em
    }

    .culture .h {
        margin: .45em 0 0;
        font-size: 2.65em;
        letter-spacing: -.09em
    }

    .culture .date {
        margin: .45em 0 .3em
    }

    .culture .p {
        letter-spacing: -.05em
    }

    .culture .func {
        margin-top: 1.8em
    }
}

.magazine-list {
    zoom:1;margin-left: -2%
}

.magazine-list:before {
    content: '';
    display: block
}

.magazine-list:after {
    content: '';
    display: table;
    clear: both
}

.magazine-list>li {
    float: left;
    width: 23.5%;
    margin-left: 1.5%
}

.magazine-list .thumb {
    display: block
}

.magazine-list .thumb:focus+.title .h {
    text-decoration: underline
}

.magazine-list .pages {
    display: block;
    color: #999;
    font-size: 1.3em;
    letter-spacing: 1px;
    margin-bottom: .5em
}

.magazine-list .title {
    margin: 1.2em 0 4.3em;
    font-size: 1em
}

.magazine-list .title>span {
    font-size: 13px
}

.magazine-list .h {
    height: 54px;
    margin-top: .6em;
    color: #333;
    font-weight: 400;
    font-size: 1.8em;
    font-family: Theinhardt, NotoSans, sans-serif;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal
}

.magazine-list .h>span {
    white-space: nowrap
}

.magazine-visual {
    max-width: 940px;
    margin: 0 auto
}

.magazine-h {
    margin: 60px 0 55px;
    font: normal 4em/1.1 Theinhardt, NotoSans, sans-serif;
    text-align: center;
    color: #191919
}

.magazine-view {
    padding-bottom: 45px;
    border-bottom: 1px solid #eee;
    color: #555
}

.magazine-view p {
    margin: 0;
    font-size: 15px;
    line-height: 2
}

.magazine-view .l-pd {
    max-width: 780px;
    text-align: justify
}

.magazine-fig-row {
    zoom:1;margin: 45px 0
}

.magazine-fig-row:before {
    content: '';
    display: block
}

.magazine-fig-row:after {
    content: '';
    display: table;
    clear: both
}

.magazine-fig-row.col-2 .magazine-fig {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding-left: 5px
}

.magazine-fig-row.col-2 .magazine-fig:first-child {
    padding-left: 0;
    padding-right: 5px
}

.l-pd .sub-tit {
    margin-bottom: 2em
}

.content .magazine-fig-row.mid-caption {
    margin-bottom: 45px
}

.magazine-fig-row+.magazine-fig-row.col-1:not(.img-size) {
    margin-top: 10px
}

.magazine-fig-row:nth-last-of-type(n+2) {
    margin-bottom: 0
}

.magazine-fig-row+.l-pd,.magazine-view .magazine-store-map+.magazine-fig-row.col-1 {
    margin-top: 45px
}

.content>.magazine-figcaption {
    margin-top: 3em
}

.magazine-fig img {
    width: 100%
}

.magazine-figcaption {
    margin-top: 1.5em;
    padding: 0 5em;
    font-size: 13px;
    line-height: 1.5;
    text-align: center
}

.img-size .magazine-figcaption {
    padding: 0 2em
}

.magazine-figcaption.mo {
    display: none
}

.magazine-staff {
    margin-top: 2em;
    padding-top: 1em;
    color: #767676;
    border-top: 1px solid #f5f5f5;
    font-size: 1.2em
}

@media only all and (max-width: 1023px) {
    .magazine-list {
        margin-left:-2.5%
    }

    .magazine-list>li {
        width: 30.83333333%;
        margin-left: 2.5%
    }

    .magazine-list .title {
        font-size: .9em
    }

    .magazine-list .h {
        height: 48px;
        margin-top: 0
    }

    .magazine-view {
        padding-bottom: 35px
    }

    .magazine-h {
        margin: 50px 0 45px;
        font-size: 3.4em
    }

    .magazine-fig-row {
        margin: 35px 0
    }

    .content .magazine-fig-row.mid-caption {
        margin-bottom: 35px
    }

    .magazine-figcaption {
        padding: 0 3em
    }
}

@media only all and (max-width: 767px) {
    .magazine-detail .l-wrap {
        padding:0
    }

    .magazine-view {
        padding-bottom: 25px
    }

    .magazine-view p {
        line-height: 1.8
    }

    .magazine-h {
        margin: 43px 0 35px;
        font-size: 2.8em
    }

    .magazine-fig-row {
        margin: 25px 0
    }

    .magazine-fig-row+.l-pd,.magazine-view .magazine-store-map+.magazine-fig-row.col-1 {
        margin-top: 25px
    }

    .content .magazine-fig-row.mid-caption {
        margin-bottom: 25px
    }

    .magazine-figcaption {
        padding: 0 1.6em
    }
}

@media only all and (max-width: 599px) {
    .magazine-list>li {
        width:47.5%
    }

    .magazine-list .title {
        font-size: .78em;
        margin: 1.2em 0 3.5em
    }

    .magazine-list .title>span {
        font-size: 11px
    }

    .magazine-list .h {
        height: 42px
    }

    .magazine-figcaption {
        margin-top: 8px;
        padding: 0 4px;
        font-size: 12px;
        text-align: left
    }

    .img-size .magazine-figcaption {
        padding: 0 4px
    }

    .magazine-figcaption.pc {
        display: none
    }

    .magazine-figcaption.mo {
        display: block
    }
}

@media only all and (max-width: 384px) {
    .magazine-list {
        margin-left:-3%
    }

    .magazine-list>li {
        width: 47%;
        margin-left: 3%
    }

    .magazine-list .pages {
        display: none
    }

    .magazine-list .title {
        margin: .8em 0 2.2em
    }

    .magazine-view {
        padding-bottom: 20px
    }

    .magazine-view p {
        font-size: 14px
    }

    .magazine-h {
        margin: 38px 0 30px;
        font-size: 2.4em
    }

    .magazine-fig-row {
        margin: 20px 0
    }
}

.related-list {
    zoom:1;position: relative;
    margin-top: 5.45454545%;
    margin-left: -15px
}

.related-list:before {
    content: '';
    display: block
}

.related-list:after {
    content: '';
    display: table;
    clear: both
}

.related-list .bx-next,.related-list .bx-prev {
    overflow: hidden;
    position: absolute;
    z-index: 10;
    top: 50%;
    width: 25px;
    height: 40px;
    margin-top: -20px;
    text-indent: 100px;
    background: rgba(0,0,0,.2);
    -webkit-transition: background-color .1s ease-out;
    -moz-transition: background-color .1s ease-out;
    -o-transition: background-color .1s ease-out;
    transition: background-color .1s ease-out
}

.related-list .bx-next.disabled,.related-list .bx-prev.disabled {
    display: none
}

.related-list .bx-next:before,.related-list .bx-prev:before {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    color: #fff;
    font-size: 23px;
    font-family: fontello;
    line-height: 1.8;
    text-indent: 0;
    -webkit-transition: color .2s ease-out;
    -moz-transition: color .2s ease-out;
    -o-transition: color .2s ease-out;
    transition: color .2s ease-out
}

.related-list .bx-next:focus,.related-list .bx-next:hover,.related-list .bx-prev:focus,.related-list .bx-prev:hover {
    background: rgba(0,0,0,.7);
    text-decoration: none
}

.related-list .bx-next:focus:before,.related-list .bx-next:hover:before,.related-list .bx-prev:focus:before,.related-list .bx-prev:hover:before {
    color: #fff
}

.related-list .bx-prev {
    left: 0
}

.related-list .bx-prev:before {
    content: '\e80a'
}

.related-list .bx-next {
    right: 0
}

.related-list .bx-next:before {
    content: '\e80b'
}

.related-list .thumb {
    display: block;
    overflow: hidden;
    position: relative;
    margin-left: 15px
}

.related-list .thumb:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    background: rgba(0,0,0,.3);
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.related-list .thumb:after {
    content: '';
    position: absolute;
    bottom: -100%;
    left: 0;
    right: 0;
    width: 21px;
    height: 21px;
    margin: 0 auto;
    background: url(/kr/ko/resource/img/a/icon_more.png) 0 0 no-repeat;
    -webkit-transition: .3s ease-in-out .1s;
    -moz-transition: .3s ease-in-out .1s;
    -o-transition: .3s ease-in-out .1s;
    transition: .3s ease-in-out .1s
}

.related-list .thumb:focus:before,.related-list .thumb:hover:before {
    opacity: 1
}

.related-list .thumb:focus:after,.related-list .thumb:hover:after {
    bottom: 15px
}

.related-list .thumb:focus .cover,.related-list .thumb:hover .cover {
    opacity: 1
}

.related-list .thumb:focus .cover:before,.related-list .thumb:hover .cover:before {
    width: 60%
}

.related-list .media:hover .icon-play {
    color: inherit
}

.related-list .media .icon-play {
    top: initial;
    left: initial;
    right: 5px;
    bottom: 5px;
    width: 26px;
    height: 26px;
    margin: -13px 0 0 -13px;
    font-size: 26px
}

.related-list .media .icon-play:before {
    font-size: 26px
}

.related-list .cover {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 63px;
    margin: auto;
    color: #fff;
    text-align: center;
    opacity: 0;
    z-index: 10
}

.related-list .cover:before {
    content: '';
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    display: inline-block;
    width: 0;
    height: 1px;
    margin: auto;
    background: #fff;
    -webkit-transition: .3s ease-in-out .1s;
    -moz-transition: .3s ease-in-out .1s;
    -o-transition: .3s ease-in-out .1s;
    transition: .3s ease-in-out .1s
}

.related-list .cover .h {
    padding-top: 5px;
    font-family: Theinhardt, NotoSans, sans-serif;
    font-size: 1.75em;
    font-weight: 400
}

.related-list .cover .h-sub {
    display: block;
    padding-bottom: 5px;
    font-size: 1.4em
}

.related-list .title {
    margin: 1.2em 0 0 15px
}

.related-list .title>span {
    display: block;
    color: #767676;
    font-size: 1.3em
}

.related-list .title .h {
    display: block;
    height: 54px;
    margin-top: .6em;
    color: #333;
    font-weight: 400;
    font-size: 1.8em;
    font-family: Theinhardt, NotoSans, sans-serif;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal
}

.related-list .category {
    display: block;
    font-size: 1.4em
}

.related-list li {
    float: left;
    width: 25%
}

@media only all and (max-width: 1023px) {
    .related-list .title {
        font-size:.9em
    }
}

@media only all and (max-width: 767px) {
    .related-list .title {
        font-size:1em
    }

    .related-list .title .h {
        height: 42px;
        margin-top: 10px;
        font-size: 1.4em
    }

    .related-list .title>span {
        font-size: 1.2em
    }

    .related-list .title {
        margin-left: 10px
    }
}

@media only all and (max-width: 599px) {
    .related-list {
        margin-left:0
    }

    .related-list .thumb {
        margin-left: 0
    }

    .related-list .title {
        margin-top: 1em;
        margin-bottom: 3.5em
    }
}

.spa-intro {
    position: relative
}

.spa-intro .h1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 57%;
    margin: auto;
    white-space: nowrap
}

.spa-intro h1 {
    font-size: 1.6em
}

.spa-intro .h1 img {
    vertical-align: middle;
    white-space: normal
}

.spa-intro .h1:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.spa-section {
    padding: 0 5.45454545%;
    font-size: 1.5em
}

.spa-section-guide {
    padding: 1.5em 7.27272727% 3.5em;
    border-bottom: 1px solid #ddd
}

.spa-section-guide .h {
    margin: 1em 0;
    font-size: 2em;
    text-align: center
}

.spa-section .h {
    color: #191919;
    font-weight: 400;
    font-family: Theinhardt, NotoSans, sans-serif;
}

.spa-section .p {
    margin-bottom: 0;
    line-height: 1.6
}

.spa-guide {
    display: table;
    table-layout: fixed;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    border-bottom: 1px solid #ddd
}

.spa-guide-thumb {
    display: table-cell;
    width: 50%;
    vertical-align: top
}

.spa-guide-cell {
    display: table-cell;
    width: 50%;
    padding-left: 4.25531915%;
    vertical-align: middle
}

.spa-guide .h {
    font-size: 1.33em
}

.spa-guide .h.h--modified {
    font-size: 1.25em
}

.spa-guide .h span {
    display: block;
    font-size: 1.5em
}

.spa-guide .h h2 {
    display: block;
    font-size: 1.5em;
    font-weight: 400
}

@media only all and (max-width: 1023px) {
    .spa-section {
        padding:0 3.125%;
        font-size: 1.4em
    }

    .spa-section-guide {
        padding-left: 5.45454545%;
        padding-right: 5.45454545%
    }

    .spa-section-guide .h {
        margin: .5em 0
    }

    .spa-guide-cell {
        padding-left: 3.125%;
        vertical-align: top
    }
}

@media only all and (max-width: 767px) {
    .spa-section-guide {
        padding-top:1em;
        padding-bottom: 2em
    }

    .spa-section-guide .h {
        font-size: 1.5em
    }

    .spa-guide {
        padding-top: 1em;
        padding-bottom: 1em
    }

    .spa-guide-thumb {
        width: 40%
    }

    .spa-guide-cell {
        width: 60%
    }

    .spa-guide-cell .h {
        font-size: 1em
    }
}

@media only all and (max-width: 599px) {
    .spa-intro .h1 {
        width:75%
    }

    .spa-section {
        padding-left: 0;
        padding-right: 0
    }

    .spa-section-guide {
        padding-left: 0;
        padding-right: 0
    }

    .spa-guide {
        display: block
    }

    .spa-guide-thumb {
        display: block;
        width: auto;
        text-align: center
    }

    .spa-guide-thumb img {
        width: 100%
    }

    .spa-guide-cell {
        display: block;
        width: auto;
        padding-left: 0
    }

    .spa-guide-cell .h {
        margin-top: 1em;
        font-size: 1.1em
    }

    .spa-guide-cell .h span {
        font-size: 1.4em
    }
}

@media only all and (min-width: 1280px) {
    .spa-section {
        padding-left:7.27272727%;
        padding-right: 7.27272727%
    }

    .spa-guide-cell {
        padding-left: 6.38297872%
    }
}

.programs {
    overflow: hidden;
    position: relative
}

.programs-section {
    position: relative
}

.programs-section+.programs-section,.programs-section.gift {
    margin-top: 1.81818182%
}

.programs-section .more {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    font-size: 1.3em
}

.programs-section .icon-more:after,.programs-section .icon-more:before {
    background: #fff
}

.programs-desc {
    position: absolute;
    top: 21.25%;
    left: 5.36363636%
}

.programs-desc .h {
    font-size: 3.4em;
    color: #fff;
    font-weight: 400;
    font-family: Theinhardt, NotoSans, sans-serif;
    line-height: 1.2
}

.programs-desc .p {
    color: #fff;
    font-size: 1.8em;
    font-family: Theinhardt, NotoSans, sans-serif;
}

.programs-thumb .thumb-m {
    display: none
}

.programs-reserve {
    position: relative
}

.programs-reserve:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    margin: auto
}

.programs-item {
    position: relative;
    padding: 35px 29.09090909% 35px 26.36363636%;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.programs-item:hover {
    border-color: #333
}

.programs-item .h {
    position: absolute;
    top: 35px;
    left: 5.45454545%;
    max-width: 200px;
    color: #333;
    font-weight: 400;
    font-size: 2.5em;
    font-family: Theinhardt, NotoSans, sans-serif;
}

.programs-item .desc {
    color: #555;
    font-size: 1.6em
}

.programs-item .desc .price {
    display: block;
    margin-top: 17px;
    color: #767676
}

.programs-item .desc i {
    display: inline-block;
    position: relative;
    padding-right: 10px;
    margin-right: 5px
}

.programs-item .desc i:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 50%;
    background: #ccc
}

.programs-item .func {
    position: absolute;
    top: 40px;
    right: 8.18181818%;
    margin-top: 0;
    font-size: 1.5em
}

.programs-item .func .btn {
    padding: .6em 3.4em
}

@media only all and (max-width: 1023px) {
    .programs-desc .h {
        font-size:2.7em
    }

    .programs-desc .p {
        margin-top: .5em;
        font-size: 1.5em
    }

    .programs-item {
        padding: 35px 31.25% 35px 28.125%
    }

    .programs-item .h {
        max-width: inherit;
        left: 3.63636364%;
        font-size: 2em
    }

    .programs-item .desc {
        font-size: 1.4em
    }

    .programs-item .func {
        right: 5.45454545%
    }
}

@media only all and (max-width: 767px) {
    .programs-desc .h {
        font-size:2em
    }

    .programs-desc .p {
        font-size: 1.1em
    }

    .programs-item {
        padding: 3.63636364% 5.45454545%
    }

    .programs-item.first {
        display: block;
        color: #999;
        font-size: 14px;
        padding-top: 26px;
        padding-bottom: 26px
    }

    .programs-item .h {
        position: static;
        font-size: 1.8em
    }

    .programs-item .h br {
        display: none
    }

    .programs-item .desc {
        font-size: 1.3em
    }

    .programs-item .func {
        position: static;
        margin-top: 2em;
        font-size: 1.2em;
        text-align: left
    }
}

@media only all and (max-width: 599px) {
    .programs-desc {
        top:22.66666667%;
        left: 5%;
        width: 63%
    }

    .programs-desc .h {
        font-size: 2.5em
    }

    .programs-thumb {
        overflow: hidden
    }

    .programs-thumb .thumb-l {
        display: none
    }

    .programs-thumb .thumb-m {
        display: block;
        margin: -10% 0 -5% 0
    }

    .programs-list li {
        padding: 21px 7.8125%
    }

    .programs-list .desc .price {
        margin-top: 15px;
        letter-spacing: 0
    }

    .programs-list .func {
        margin-top: 1.6em
    }

    .programs-list .func .btn {
        padding: .5em 2.8em
    }
}

@media only all and (max-width: 384px) {
    .programs-section .more {
        right:8px;
        bottom: 8px;
        width: 25px;
        height: 25px
    }

    .programs-desc .h {
        font-size: 2em
    }

    .programs-desc .p br {
        display: none
    }
}

.reservation-top {
    display: none;
    overflow: hidden;
    position: relative
}

.backgroundsize .reservation-top {
    min-height: 140px;
    background: url(/kr/ko/resource/img/spa/bg_reservation.jpg) center center no-repeat;
    background-size: 100% auto
}

.backgroundsize .reservation-top-img {
    visibility: hidden
}

.reservation-h {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    font: 2em/1.2 Theinhardt, NotoSans, sans-serif;
    text-align: center;
    white-space: nowrap
}

.reservation-h-cell {
    display: inline-block;
    vertical-align: middle;
    white-space: normal
}

.reservation-h:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.reservation-container {
    position: relative;
    background: url(/kr/ko/resource/img/spa/bg_reservation.jpg) 0 0 no-repeat;
    background-size: 50% 100%
}

.reservation-box {
    position: relative;
    width: 50%
}

.reservation-box-pd {
    padding: 7.27272727% 14.54545455% 0
}

.reservation-info {
    font-size: 1.6em
}

.reservation-info-box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    color: #fff
}

.reservation-info-box .reservation-box-pd {
    padding: 14.54545455% 10.90909091% 12.72727273% 7.27272727%
}

.reservation-info .title {
    font: normal 2em/1.2 Theinhardt, NotoSans, sans-serif;
    margin-bottom: 175px
}

.reservation-info .title .br {
    white-space: nowrap
}

.reservation-info .title strong {
    display: inline-block;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #fff;
    font-weight: 400
}

.reservation-info-list {
    word-spacing: -.05em;
    opacity: .8
}

.reservation-info-list a {
    color: #fff
}

.reservation-info-list strong {
    font-weight: 400;
    font-size: 1.125em
}

.reservation-info-item {
    margin-top: 2em
}

.reservation-info-item:first-child {
    margin-top: 0
}

.reservation-info-item ul {
    margin-top: 3em
}

.reservation-info-item ul li {
    position: relative;
    padding-left: 10px;
    margin-top: 8px
}

.reservation-info-item ul li:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #fff;
    border-radius: 50%;
    z-index: 1
}

.reservation-form-box {
    width: 50%;
    padding-left: 50%
}

.reservation-form .func {
    margin-top: 2.5em;
    font-size: 1.4em
}

.no-csstransitions .reservation-form label.blind {
    overflow: visible;
    position: static!important;
    width: auto;
    height: auto
}

.no-csstransitions .reservation-form .blind {
    clip: auto
}

.reservation-form .h {
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 13px;
    color: #555
}

.reservation-form .h span {
    display: block;
    font-weight: 400
}

.reservation-row {
    margin: 15px 0 10px;
    margin-right: 42px
}

/* S::[ITO0437-3837] 251230 웹접근성 수정 */
.reservation-row-check {
    padding: 5px 0;
    margin-top: .2em;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
}

.reservation-row-check .input-checkbox.validate-input{width:17px;height:17px}


.reservation-row .text {
    width: 100%
}

.reservation-row .text::placeholder {color: #767676;}
/* E::[ITO0437-3837] 251230 웹접근성 수정 */

.reservation-select .selectbox {
    width: 100%
}

.reservation-select .selectbox .selectbox-option {
    max-height: 185px
}

.reservation-select-program {
    zoom:1;margin-bottom: 15px
}

.reservation-select-program:before {
    content: '';
    display: block
}

.reservation-select-program:after {
    content: '';
    display: table;
    clear: both
}

.reservation-select-program .date-picker {
    padding: 6px 20px 6px 10px;
    margin-right: 20px;
    border: 1px solid #ccc;
    font-size: 13px
}

.reservation-date {
    float: left;
    width: 31.33333333%;
    margin-left: 2%
}

.reservation-date-wrap {
    zoom:1;margin-left: -2%;
    margin-bottom: 15px
}

.reservation-date-wrap:before {
    content: '';
    display: block
}

.reservation-date-wrap:after {
    content: '';
    display: table;
    clear: both
}

.reservation-date .selectbox .selector {
    min-width: auto
}

.reservation-terms {
    border: 1px solid #eee
}

.reservation-terms-box {
    margin-top: 20px
}

.reservation-terms-box::-webkit-scrollbar {
    width: 10px
}

.reservation-terms-box::-webkit-scrollbar-thumb {
    background: #ccc
}

.reservation-terms.reservation-privacy {
    overflow-y: scroll;
    max-height: 6em
}

.reservation-terms ul {
    padding: 10px 18px;
    color: #aaa;
    font-size: 13px
}

@media only all and (max-width: 1023px) {
    .reservation-box-pd {
        padding:7.27272727% 0 7.27272727% 7.27272727%
    }
}

@media only all and (max-width: 767px) {
    .reservation-top {
        display:block
    }

    .reservation-container {
        background: 0
    }

    .reservation-form-box {
        width: 100%;
        padding-left: 0
    }

    .reservation-info-box {
        position: static;
        width: 100%;
        color: #333;
        background: #f5f5f5
    }

    .reservation-info-box .reservation-box-pd {
        padding: 2em 4.6875%
    }

    .reservation-info-list {
        font-size: 13px;
        opacity: 1
    }

    .reservation-info-list a {
        color: #333
    }

    .reservation-info-item {
        margin-top: 20px
    }

    .reservation-info-item ul li:before {
        background: #333
    }

    .reservation-info .title {
        position: absolute;
        top: 1em;
        left: 4.6875%;
        margin: 0;
        font-size: 1.375em
    }

    .reservation-info .title strong {
        border: 0 none
    }

    .reservation-box-pd {
        padding: 5em 4.6875% 2em
    }

    .reservation-select-program-half {
        width: 100%;
        float: none
    }

    .reservation-select-program .date-picker {
        margin-right: 0;
        margin-bottom: 15px
    }
}

@media only all and (max-width: 599px) {
    .reservation-row {
        margin-right:22px
    }
}

.spa-location {
    position: relative
}

.spa-list>li {
    zoom:1}

.spa-list>li:before {
    content: '';
    display: block
}

.spa-list>li:after {
    content: '';
    display: table;
    clear: both
}

.spa-list .more {
    position: absolute;
    bottom: -5px;
    right: 20px;
    width: 30px;
    height: 30px;
    color: #191919;
    font-size: 1.3em
}

.spa-list .is-active .icon-more {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.spa-list .is-active .icon-more:after {
    opacity: 0
}

.spa-list .flx {
    background-color: #ccc
}

.spa-link {
    zoom:1;position: relative;
    display: block;
    padding: 24px 0 25px 0;
    border-bottom: 1px solid #eee
}

.spa-link:before {
    content: '';
    display: block
}

.spa-link:after {
    content: '';
    display: table;
    clear: both
}

.spa-link:focus,.spa-link:hover {
    text-decoration: none;
    border-bottom-color: #191919
}

.spa-link:focus .icon-more:after,.spa-link:focus .icon-more:before,.spa-link:hover .icon-more:after,.spa-link:hover .icon-more:before {
    background: #333
}

.is-active .spa-link {
    margin-bottom: 20px
}

.is-active .spa-link:focus,.is-active .spa-link:hover {
    border-bottom-color: #eee
}

.spa-info {
    display: block;
    position: relative;
    color: #767676;
    font-size: 15px;
    padding-right: 40px;
    padding-left: 135px
}

.spa-info .mark {
    position: absolute;
    left: 0;
    top: 8px
}

.spa-info .mark mark {
    display: block;
    width: 108px;
    height: 16px;
    padding-top: 1px;
    margin-bottom: 10px;
    font-size: 11px;
    line-height: 1.2;
    letter-spacing: 0;
    font-family: NotoSans,sans-serif;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #aaa;
    color: #555;
    background-color: #fff
}

.spa-info .mark mark.mark-global {
    color: #fff;
    background-color: #767676
}

.spa-info span {
    display: inline-block;
    color: #767676;
    margin-right: 2.3em
}

.spa-info i {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -5px
}

.spa-info i.icon-arr-down-big {
    display: block
}

.is-active .spa-info {
    color: #191919
}

.spa-title {
    display: block;
    color: #333;
    font-family: Theinhardt, NotoSans, sans-serif;
    font-size: 26px;
    font-weight: 400;
    margin-bottom: .3em
}

.spa-map {
    visibility: hidden;
    overflow: hidden;
    position: relative;
    height: 0;
    -webkit-transition: height .5s ease-out;
    -moz-transition: height .5s ease-out;
    -o-transition: height .5s ease-out;
    transition: height .5s ease-out
}

.spa-map .map-container {
    height: 380px
}

.is-active .spa-map {
    visibility: visible;
    height: 380px
}

@media only all and (max-width: 1023px) {
    .spa-list .more {
        width:25px;
        height: 25px
    }

    .spa-list .icon-more {
        width: 25px
    }

    .spa-list .icon-more:after {
        height: 25px
    }

    .spa-title {
        font-size: 23px
    }
}

@media only all and (max-width: 767px) {
    .spa-list .more {
        width:20px;
        height: 20px;
        right: 15px
    }

    .spa-list .icon-more {
        width: 20px
    }

    .spa-list .icon-more:after {
        height: 20px
    }

    .spa-link {
        padding: 17px 0 16px 0
    }

    .spa-info {
        padding-left: 0
    }

    .spa-info .mark {
        position: static;
        top: auto;
        margin-bottom: 7px
    }

    .spa-info .mark mark {
        display: inline-block;
        margin-bottom: 0
    }

    .spa-info span {
        margin-right: 2.2em
    }

    .spa-info span.address {
        display: block;
        margin: 0
    }

    .spa-title {
        font-size: 15px;
        margin-bottom: 0
    }

    .spa-map .map-container {
        height: 300px
    }

    .is-active .spa-map {
        height: 300px
    }
}

@media only all and (max-width: 599px) {
    .spa-list .more {
        width:15px;
        height: 15px
    }

    .spa-list .icon-more {
        width: 15px
    }

    .spa-list .icon-more:after {
        height: 15px
    }

    .spa-info {
        font-size: 13px
    }

    .spa-info span {
        margin-right: 1.5em
    }

    .spa-title {
        font-size: 15px
    }

    .spa-map .map-container {
        height: 220px
    }

    .is-active .spa-map {
        height: 220px
    }
}

.backgroundsize .reservation-top,.reservation-container,.reservation-info-box {
    background: 0
}

.backgroundsize .reservation-top-img {
    visibility: visible
}

.reservation-top {
    display: block
}

.reservation-form-box {
    width: 100%;
    padding-left: 0
}

.reservation-header {
    overflow: hidden;
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 2.5em;
    table-layout: fixed;
    min-height: 449px;
    text-align: center
}

.reservation-header-cell {
    position: relative;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    color: #fff;
    padding: 70px 0;
}

.reservation-header .h {
    position: relative;
    margin-bottom: 5%;
    font-weight: 400;
    font-size: 35px;
    z-index: 1;
    font-family: Theinhardt, NotoSans, sans-serif;
    margin-bottom: 52px;
    word-break: auto-phrase;
    padding: 0 20px;
}

.reservation-header-thumb {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: none;
    height: 100%;
}

.reservation-header p {
    position: relative;
    padding: 21px 20px 19px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 1.6;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    max-width: 650px;
    margin: 0 auto;
    box-sizing: border-box;
    word-break: auto-phrase;
}

.reservation-header li p + p {
    margin-top: 8px;
}

.reservation-header p strong {
    display: block;
    font-weight: 400
}

.reservation-header p a {
    color: #fff
}

.ordering-tab {
    max-width: 380px;
    margin: 0 auto;
    font-size: 1.8em;
    font-family: Theinhardt, NotoSans, sans-serif;
    line-height: 1.3;
    text-align: center;
    text-transform: uppercase
}

.ordering-tab li {
    width: 45%;
    margin: 0 1.6%;
    display: inline-block
}

.ordering-tab a {
    display: block;
    padding: .2em 1em;
    border-bottom: 2px solid #999;
    color: #999
}

.ordering-tab a:focus,.ordering-tab a:hover {
    text-decoration: none;
    color: #555;
    border-bottom-color: #555
}

.ordering-tab .is-current a {
    border-bottom: 2px solid #333;
    color: #333;
    background: url(/kr/ko/resource/img/a/bul-icon.png) no-repeat 14% center
}

.ordering-tab .is-current a.add_02 {
    background-position: 10% center
}

.wid_50 {
    width: 50%
}

.bg_s_img {
    position: relative;
    width: 48%
}

.bg_s_img .bg_s {
    position: absolute;
    bottom: 0;
    right: -108%
}

.reservation-new .reservation-box-pd {
    padding-top: 5.27272727%
}

.reservation-new .reservation-box-pd .reservation-form {
    padding-top: 2.5%;
    border-top: 1px solid #ddd
}

.program-new,.reservation-input {
    margin-top: 50px;
    padding-top: 2.5%;
    border-top: 1px solid #ddd
}

.program-new .icon_customer {
    display: inline-block;
    width: 70px;
    padding: 1px 2px;
    margin: 1em 0 .5em;
    border: 1px solid #ccc;
    color: #757575;
    font-size: 11px;
    text-align: center;
    letter-spacing: 0
}

.program-new .reservation-program-wrap {
    margin-left: -5%
}

.program-new .reservation-program-wrap:after {
    content: '';
    display: block;
    clear: both
}

.program-new .reservation-program-wrap .reservation-select-program {
    position: relative;
    float: left;
    width: 312px;
    margin-left: 5%
}

.program-new .reservation-program-wrap .reservation-select-program.step1{
    margin-right: 16px;
}

.program-new .reservation-program-wrap .reservation-select-program .more_add {
    display: inline-block;
    position: absolute;
    top: 33%;
    right: -14%;
    width: 10%;
    height: 100%;
    background: url(/kr/ko/resource/img/spa/icon_add.jpg) no-repeat center top;
    text-indent: -9999em
}

.program-new .reservation-program-wrap .reservation-select-program .more_add.on {
    background-image: url(/kr/ko/resource/img/spa/icon_add_on.jpg)
}

.program-new .selectbox .selectbox-option li.label_title {
    cursor: auto;
    padding: 7px 5px 5px 10px;
    background-color: #f8f8f8;
    color: #333;
    font-size: 1.3em;
    line-height: 1.4
}

.program-new .selectbox .selectbox-option li label {
    padding-left: 15px;
    background: url(/kr/ko/resource/img/spa/bul_s.gif) no-repeat 9px center;
    font-size: 1.2em
}

.selected-program {
    clear: both;
    margin-top: 35px;
    padding: 3.7% 4% 4.4%;
    background-color: #f5f5f5
}

.selected-program dl dt {
    margin-bottom: 1.9%;
    padding-left: 4%;
    padding-bottom: 1.5%;
    background-color: #f5f5f5;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    font-weight: 700
}

.selected-program dl dd {
    margin-top: 1%;
    padding-left: 4%;
    font-size: 13px
}

.selected-program dl dd strong {
    display: inline-block;
    width: 65px;
    margin-right: 1.8%;
    padding: 1px 2px;
    background-color: #757575;
    color: #fff;
    font-size: 11px;
    text-align: center;
    letter-spacing: 0;
    margin-top: 4px;
}

.selected-program dl dd i {
    padding: 0 5px;
    color: #000
}

.border_none {
    margin-top: 0;
    padding-top: 0;
    border: 0
}

.reservation-end ul li {
    position: relative;
    margin-bottom: 10px;
    padding: 2% 20% 2.5% 5%;
    background-color: #f5f5f5;
    font-size: 13px
}

.reservation-end ul li span strong {
    margin-right: 1.8%;
    padding-left: 1.5em;
    color: #555
}

.reservation-end ul li span:first-child strong {
    padding-left: 0
}

.reservation-end .bu45 {
    top: 30%;
    position: absolute;
    right: 6%;
    padding: .45em 2.7em
}

.reservation-end .bu45:focus,.reservation-end .bu45:hover {
    background-color: #fff!important;
    color: #333!important
}

.reservation-end .noti {
    margin-top: 25px;
    font-size: 14px
}

.reservation-end .noti i {
    padding: 0 9px;
    color: #bbb
}

@media only all and (max-width: 767px) {
    .reservation-header p {
        max-width: calc(100% - 40px);
    }

    .program-new .reservation-program-wrap .reservation-select-program {
        width: 87.5%
    }

        .program-new .reservation-program-wrap .reservation-select-program.step1 {
        margin-right:0;
    }

    .program-new .reservation-program-wrap .reservation-select-program .more_add {
top: 33%;
        right: -8.5%;
        background-size: 100%;
        width: 21px;
        height: 20px;
    }

    .selected-program dl dt {
        padding-bottom: 3%
    }

    .selected-program dl dd span {
        line-height: 2
    }

    .reservation-end ul li {
        padding-left: 1%;
        padding-right: 1%
    }

    .reservation-end ul li span {
        display: block
    }

    .reservation-end ul li span:first-child strong {
        padding-left: 1.5em
    }

    .reservation-end .bu45 {
        top: 54%;
        padding: .35em 2em
    }

    .bg_s_img,.wid_50 {
        width: 100%
    }

    .bg_s_img .bg_s {
        display: none
    }
}

.reservation-end2 {
    clear: both;
    margin-top: 35px
}

.reservation-end2 dl {
    margin-bottom: 10px;
    padding: 3.7% 4% 4.4%;
    background-color: #f5f5f5
}

.reservation-end2 dl dt {
    position: relative;
    margin-bottom: 1.9%;
    padding-left: 4%;
    padding-bottom: 1.5%;
    padding-right: 20%;
    background-color: #f5f5f5;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    font-size: 13px
}

.reservation-end2 dl dt span strong {
    margin-right: 1.8%;
    padding-left: 1.5em;
    color: #555
}

.reservation-end2 dl dt span:first-child strong {
    padding-left: 0
}

.reservation-end2 dl dd {
    position: relative;
    margin-top: 1%;
    padding-left: 4%;
    padding-right: 21%;
    font-size: 13px
}

.reservation-end2 dl dd strong {
    display: inline-block;
    width: 65px;
    margin-right: 1.8%;
    padding: 1px 2px;
    background-color: #757575;
    color: #fff;
    font-size: 11px;
    text-align: center;
    letter-spacing: 0
}

.reservation-end2 dl dd i {
    padding: 0 5px;
    color: #000
}

.reservation-end2 .bu45 {
    position: absolute;
    top: 0;
    right: 2.35%;
    width: 17%;
    padding: .2em 0
}

.reservation-end2 .bu45.btn_to {
    top: -10%;
    right: 2.35%;
    width: 17%;
    padding-left: 0;
    padding-right: 0
}

.reservation-end2 .bu45:focus,.reservation-end2 .bu45:hover {
    background-color: #fff!important;
    color: #333!important
}

.reservation-end2 .reservation-none {
    padding: 2% 0;
    background-color: #f5f5f5;
    color: #555;
    font-size: 13px;
    font-weight: 700;
    text-align: center
}

.reservation-end2 .noti {
    margin-top: 25px;
    font-size: 14px
}

.reservation-end2 .noti i {
    padding: 0 9px;
    color: #bbb
}

.notification-popup .bu01,.notification-popup .bu02 {
    margin-top: 10px;
    font-size: .8em
}

.notification-popup .bu01,.notification-popup .bu01:hover {
    border: 1px solid #fff;
    color: #fff;
    background: 0 0
}

.notification-popup .bu02,.notification-popup .bu02:hover {
    border: 1px solid #fff;
    color: #333;
    background: #fff
}

@media only all and (max-width: 767px) {
    .reservation-end2 dl dt {
        padding-left:0;
        padding-bottom: 3%;
        padding-right: 35%
    }

    .reservation-end2 dl dt span {
        display: block
    }

    .reservation-end2 dl dt span strong {
        padding-left: 0
    }

    .reservation-end2 dl dd {
        padding-left: 0;
        padding-right: 32%
    }

    .reservation-end2 .bu45 {
        right: 0;
        width: 32%;
        padding: .2em 0
    }

    .reservation-end2 .bu45.btn_to {
        top: 5%;
        right: 0;
        width: 32%
    }
}

#sws-reservation-form .program-new,#sws-reservation-form .program-new>section,#sws-reservation-form .program-new>section .reservation-select-program,#sws-reservation-form .selected-program {
    display: none
}

#sws-reservation-form .program-new>section .reservation-select-program.step1,#sws-reservation-form.on .program-new,#sws-reservation-form.on .selected-program {
    display: block
}

.reservation-form .selectbox .selector,.reservation-terms ul {
    color: #767676!important
}

.reservation-end2 .noti2 {
    margin-top: 25px;
    font-size: 14px
}

.reservation-end2 .noti2 i {
    padding: 0 9px;
    color: #bbb
}

.reservation-end2 .noti2 h4 {
    float: left;
    font-weight: 400
}

.reservation-end2 .noti2 ul {
    float: left
}

.reservation-end2 .noti2 ul li {
    position: relative;
    padding-left: 10px;
    line-height: 1.7
}

.reservation-end2 .noti2 ul li:before {
    content: '-';
    position: absolute;
    top: -1px;
    left: 0
}

.reservation-end2 .noti2 ul li u {
    color: #222
}

.reservation-end2 .noti2 ul li span {
    color: #ad0404
}

@media only all and (max-width: 599px) {
    .reservation-end2 .noti2 h4 {
        float:none;
        margin-bottom: 10px
    }

    .reservation-end2 .noti2 ul li {
        line-height: 1.5
    }
}

.noti-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 201;
    -webkit-box-shadow: 0 3px 6px rgba(100,100,100,.5);
    -moz-box-shadow: 0 3px 6px rgba(100,100,100,.5);
    box-shadow: 0 3px 6px rgba(100,100,100,.5);
    visibility: hidden
}

.noti-popup:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #333;
    background: rgba(51,51,51,.9)
}

.noti-inner {
    overflow: hidden;
    position: relative;
    width: 58%;
    margin: 10% auto 0
}

.noti-cont {
    padding: 45px 20px;
    border: 13px solid #eee;
    background: #fff;
    font-size: 17px
}

.noti-cont h1 {
    margin-bottom: 25px;
    padding: 0 30px 15px;
    border-bottom: 1px solid #ccc;
    font-family: Theinhardt, NotoSans, sans-serif;
    font-size: 22px;
    font-weight: 400
}

.noti-cont dl {
    padding: 0 30px
}

.noti-cont dl dt {
    color: #555;
    font-weight: 700;
    margin: 1em 0
}

.noti-cont dl dd {
    position: relative;
    padding-left: 10px;
    font-size: 15px;
    line-height: 1.8
}

.noti-cont dl dd:before {
    content: '-';
    position: absolute;
    top: 1px;
    left: 0
}

.noti-cont dl dd u {
    color: #222
}

.noti-cont dl dd a {
    color: #222;
    text-decoration: underline
}

.noti-cont dl dd span {
    color: #ad0404
}

.noti-inner .btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 0;
    color: #fff
}

.noti-inner .func {
    margin-top: 2em
}

@media only all and (max-width: 768px) {
    .noti-inner {
        width:100%;
        margin: 5% auto 0
    }

    .noti-cont {
        padding: 35px 15px
    }

    .noti-cont h1 {
        padding-left: 0;
        padding-right: 0
    }

    .noti-cont dl {
        padding: 0
    }

    .noti-cont dl dd {
        font-size: 14px;
        line-height: 1.5
    }

    .noti-inner .btn-close {
        top: 11px;
        right: 11px
    }
}

@media only all and (max-width: 320px) {
    .noti-cont h1 {
        margin-bottom:15px;
        padding-bottom: 10px;
        font-size: 20px
    }

    .noti-cont dl dt {
        margin-bottom: 10px
    }

    .noti-cont dl dd br {
        display: none
    }

    .noti-inner .func {
        margin-top: 1em
    }
}

.store-location {
    position: relative
}

.store-location::-webkit-scrollbar {
    width: 10px
}

.store-location::-webkit-scrollbar-thumb {
    background: #ccc
}

.store-search {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
    position: relative
}

.store-search input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-right: 65px;
    border: 1px solid #ccc;
    color: #555;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.store-search input.text:focus,.store-search input[type=password]:focus,.store-search input[type=text]:focus {
    outline: 1px solid #efefef;
    border-color: #555
}

.store-search .search {
    position: absolute;
    right: 2px;
    top: 2px;
    bottom: 2px;
    width: 60px;
    padding: 0;
    background-color: #999;
    color: #fff;
    font-size: 14px
}

.store-list {
    overflow-y: scroll;
    width: 25.45454545%;
    height: 523px;
    padding-right: 1.81818182%;
    scrollbar-face-color:#ccc;scrollbar-shadow-color:#ccc;scrollbar-arrow-color:#fff}

.store-list>li {
    zoom:1;border-bottom: 1px solid #eee
}

.store-list>li:before {
    content: '';
    display: block
}

.store-list>li:after {
    content: '';
    display: table;
    clear: both
}

.store-list>li.is-active {
    border-bottom-color: #191919
}

.store-list>li:hover {
    border-color: #191919
}

.store-link {
    zoom:1;position: relative;
    display: block;
    padding: 7.5% 0
}

.store-link:before {
    content: '';
    display: block
}

.store-link:after {
    content: '';
    display: table;
    clear: both
}

.store-link:focus,.store-link:hover {
    text-decoration: none
}

.store-info {
    float: left;
    padding-right: 20px;
    color: #767676;
    font-size: 13px
}

.store-info .address {
    display: block;
    word-break: keep-all;
    word-wrap: break-word
}

.store-info .tel {
    display: block;
    letter-spacing: 1px;
    margin: 0
}

.store-info i {
    display: none;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -5px
}

.is-active .store-info {
    color: #191919
}

.store-title {
    display: block;
    margin-bottom: .25em;
    color: #333;
    font: normal 17px/1.3 Theinhardt, NotoSans, sans-serif;
    word-break: keep-all;
    word-wrap: break-word
}

.is-active .store-title {
    color: #000
}

.store-map {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 72.72727273%;
    background: #eee
}

.is-active .store-map {
    visibility: visible;
    z-index: 10
}

@media only all and (max-width: 1023px) {
    .store-search {
        width:auto
    }

    .store-list {
        overflow-y: auto;
        width: auto;
        height: auto;
        padding-right: 0
    }

    .store-list>li {
        zoom:1;border-bottom: 1px solid #eee
    }

    .store-list>li:before {
        content: '';
        display: block
    }

    .store-list>li:after {
        content: '';
        display: table;
        clear: both
    }

    .store-list .is-active .icon-arr-down-big {
        display: none
    }

    .store-list .is-active .icon-arr-up-big {
        display: block
    }

    .store-link {
        padding: 20px 0
    }

    .store-info {
        float: none;
        display: block
    }

    .store-info .icon-arr-down-big {
        display: block
    }

    .store-map {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        width: auto;
        height: 0;
        -webkit-transition: height .5s ease-out;
        -moz-transition: height .5s ease-out;
        -o-transition: height .5s ease-out;
        transition: height .5s ease-out
    }

    .store-map .map-container {
        height: 280px
    }

    .is-active .store-map {
        height: 280px
    }
}

@media only all and (max-width: 1023px) and (max-height:480px) {
    .is-active .store-map,.store-map .map-container {
        height:180px
    }
}

@media only all and (max-width: 1023px) and (min-height:481px) {
    .is-active .store-map,.store-map .map-container {
        height:250px
    }
}

@media only all and (max-width: 1023px) and (min-height:640px) {
    .is-active .store-map,.store-map .map-container {
        height:280px
    }
}

@media only all and (max-width: 1023px) and (min-height:680px) {
    .is-active .store-map,.store-map .map-container {
        height:320px
    }
}

.login-wrap {
    position: relative;
    height: 420px;
    border: 40px solid #eee;
    background-color: #fff;
    text-align: center;
    white-space: nowrap
}

.login-wrap:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.login-box {
    display: inline-block;
    vertical-align: middle;
    width: 400px
}

.login-box .h {
    margin-bottom: 7.5%;
    color: #333;
    font: normal 3.4em/1.2 Theinhardt, NotoSans, sans-serif;
}

.login-box .func {
    margin-top: 7.5%;
    font-size: 1.4em
}

.login-box .btn {
    display: block;
    width: 100%;
    color: #fff;
    background: #333
}

.login-box .btn:focus,.login-box .btn:hover {
    color: #333;
    background: #fff
}

.login-box .common-menu {
    padding-top: 1.2em;
    margin-top: 12.5%;
    border-top: 1px solid #ccc;
    font-size: 1.4em
}

.login-box .common-menu a {
    padding-left: 1.2em;
    margin-left: 1.2em;
    border-left: 1px solid #e5e5e5;
    color: #999;
    line-height: 1.1;
    vertical-align: top
}

.login-box .common-menu a:first-child {
    border-left: 0;
    padding-left: 0;
    margin-left: 0
}

.login-input {
    position: relative;
    margin-bottom: 15px
}

.login-input input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 14px 10px 13px 10px;
    border: 1px solid #ccc;
    color: #555;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

@media only all and (max-width: 767px) {
    .login-wrap {
        border-width:20px
    }

    .login-box .h {
        font-size: 2.6em
    }

    .login-box .func .btn {
        padding: 17px 0
    }

    .login-input {
        margin-bottom: 10px
    }

    .login-input input {
        padding-top: 12px;
        padding-bottom: 11px
    }
}

@media only all and (max-width: 599px) {
    .login-box {
        width:280px
    }

    .login-box .func .btn {
        padding: 14px 0
    }

    .login-box .common-menu {
        font-size: 1.2em
    }

    .login-input input {
        padding-top: 10px;
        padding-bottom: 9px
    }
}

@media only all and (max-width: 384px) {
    .login-box {
        width:230px
    }

    .login-box .func .btn {
        padding: 12px 0
    }

    .login-input input {
        padding-top: 8px;
        padding-bottom: 7px
    }
}

@media only all and (min-height: 768px) {
    .login-wrap {
        height:450px
    }
}

@media only all and (min-height: 800px) {
    .login-wrap {
        height:480px
    }
}

@media only all and (min-height: 860px) {
    .login-wrap {
        height:500px
    }
}

.sitemap-wrap {
    padding: 7.27272727% 0;
    border: 40px solid #eee;
    background-color: #fff;
    font-size: .9em
}

.sitemap-inner {
    overflow: hidden
}

.sitemap-inner .line {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    border-left: 1px solid #ddd
}

.sitemap-inner .line1 {
    left: 20%
}

.sitemap-inner .line2 {
    left: 40%
}

.sitemap-inner .line3 {
    left: 60%
}

.sitemap-inner .line4 {
    left: 80%
}

.sitemap-set .h {
    position: relative;
    height: 95px;
    z-index: 10;
    color: #191919;
    font: normal 2.8em/1.2 Theinhardt, NotoSans, sans-serif;
    letter-spacing: 0;
    background-color: #fff;
    vertical-align: top;
    white-space: nowrap
}

.sitemap-set .h a {
    color: #191919
}

.sitemap-set ul>li {
    letter-spacing: 0
}

.box-vtc .sitemap-set ul>li:last-child {
    margin-bottom: 0
}

.sitemap-set ul>li>a {
    font-size: 1.6em;
    color: #555;
font-family: "Theinhardt", "NotoSans", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", "나눔 고딕", "돋움", dotum, sans-serif;
    font-weight: 400;
    line-height: 1.2
}

.sitemap-set ul>li>a.ko {
    font-family: NotoSans,'Malgun Gothic','맑은 고딕','Nanum Gothic','나눔 고딕','돋움',dotum,sans-serif
}

.sitemap-set ul>li li {
    margin-top: 8%;
    margin-bottom: 0
}

.sitemap-set ul>li li>a {
    font-size: 1.3em;
    color: #999;
    font-family: "Theinhardt", "NotoSans", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", "나눔 고딕", "돋움", dotum, sans-serif;
}

.not-desktop {
    display: none!important
}

.sitemap-inner .box-vtc {
    position: relative;
    padding-bottom: 5.5%
}

.sitemap-inner .box-hrz {
    width: 92%;
    margin: 5.9% 4% 0 4%;
    padding-top: 5.9%;
    border-top: 1px solid #ddd
}

.box-vtc .sitemap-set ul>li {
    margin-bottom: 15.4%
}

.box-vtc .sitemap-set {
    display: inline-block;
    vertical-align: top;
    width: 16%;
    padding: 0 0 0 4%;
    margin-left: -.2em
}

.box-hrz .sitemap-set ul:after {
    display: block;
    clear: both;
    content: ''
}

.box-hrz .sitemap-set ul>li {
    float: left;
    margin-right: 44px
}

.box-hrz .sitemap-set .h {
    height: 65px
}

@media only all and (max-width: 1023px) {
    .sitemap-wrap {
        border-width:30px
    }

    .sitemap-inner .line1 {
        left: 33.33333333%
    }

    .sitemap-inner .line2 {
        left: 66.66666667%
    }

    .sitemap-inner .line3,.sitemap-inner .line4 {
        display: none
    }

    .box-vtc .sitemap-set {
        width: 29.33333333%
    }

    .sitemap-set ul>li {
        margin-bottom: 18.5%
    }

    .sitemap-set:nth-child(n+8) .h {
        height: 70px;
        padding-top: 60px
    }

    .only-desktop {
        display: none!important
    }

    .sitemap-set.not-desktop {
        display: inline-block!important
    }

    .sitemap-inner .box-vtc {
        padding-bottom: 0
    }
}

@media only all and (max-width: 767px) {
    .sitemap .l-wrap {
        padding:0
    }

    .sitemap-inner {
        padding: 0 7.8125%
    }

    .sitemap-inner .line {
        display: none
    }

    .box-vtc .sitemap-set {
        display: block;
        width: 100%;
        margin: 1em 0 15.625% 0;
        padding-left: 0;
        padding-top: 15.625%;
        border-top: 1px solid #ddd
    }

    .sitemap-set .h {
        height: auto;
        margin-bottom: 1.2em
    }

    .sitemap-set .h br {
        display: none
    }

    .box-vtc .sitemap-set ul>li {
        margin-bottom: 2em
    }

    .sitemap-set ul>li li {
        margin-top: 5%
    }

    .sitemap .s-about {
        padding-top: 0;
        border-top: 0
    }

    .sitemap-set:nth-child(n+8) .h {
        height: auto;
        padding-top: 0
    }
}

@media only all and (max-width: 599px) {
    .sitemap-wrap {
        border-width:20px
    }

    .sitemap-set ul>li>a {
        font-size: 1.8em
    }
}

@media only all and (min-width: 1280px) {
    .sitemap-wrap {
        font-size:1em
    }

    .sitemap-set .h {
        font-size: 2.6em
    }
}

.familysite-set {
    zoom:1;margin-bottom: 5%
}

.familysite-set:before {
    content: '';
    display: block
}

.familysite-set:after {
    content: '';
    display: table;
    clear: both
}

.familysite-set h2.h {
    color: #191919;
    font-size: 1.8em;
    text-indent: 25px;
    padding: 8px 0;
    background-color: #f9f9f9
}

.familysite-set h2.h a {
    color: #191919;
    text-decoration: none
}

.familysite-set .item {
    zoom:1;display: inline-block;
    text-indent: 25px;
    vertical-align: top
}

.familysite-set .item:before {
    content: '';
    display: block
}

.familysite-set .item:after {
    content: '';
    display: table;
    clear: both
}

.familysite-set span {
    display: block;
    color: #333;
    font-size: 16px;
    text-indent: 25px;
    margin: .5em 0;
    margin-left: 10px
}

.familysite-set span a {
    color: #333;
    text-decoration: none
}

.familysite-set p {
    color: #333;
    font-size: 16px;
    margin-bottom: .5em
}

.familysite-set p a {
    color: #333;
    text-decoration: none
}

.familysite-set .fs-list li {
    color: #999;
    font-size: 14px;
    margin: 5px 0 0 0;
    padding-left: 10px;
    position: relative
}

.familysite-set .fs-list li:before {
    content: '-';
    position: absolute;
    left: 0;
    margin-top: -2px
}

.familysite-set .fs-list li a {
    color: #999;
    text-decoration: none
}

.familysite .f-group {
    float: left;
    width: 74%
}

.familysite .f-group .item {
    width: 32.83333333%
}

.familysite .f-relative {
    float: right;
    width: 24%
}

.familysite .f-brand {
    clear: both
}

.familysite .f-brand .item {
    width: 24.5%
}

.familysite .national {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 18px;
    height: 13px;
    background: url(/kr/ko/resource/img/misc/icon_national.png) no-repeat;
    display: none
}

.familysite .national.ko {
    background-position: 0 0
}

.familysite .national.global {
    background-position: 0 -20px
}

.familysite .national.en {
    background-position: 0 -40px
}

.familysite .national.jp {
    background-position: 0 -60px
}

.familysite .national.cn {
    background-position: 0 -80px
}

.familysite .national.th {
    background-position: 0 -100px
}

.familysite .national.hk {
    background-position: 0 -120px
}

.familysite .national.sg {
    background-position: 0 -140px
}

.familysite .national.tw {
    background-position: 0 -160px
}

.familysite .national.fr {
    background-position: 0 -180px
}

.familysite .national.uk {
    background-position: 0 -200px
}

.familysite .national.vn {
    background-position: 0 -220px
}

.familysite .national.id {
    background-position: 0 -240px
}

.familysite .national.my {
    background-position: 0 -260px
}

.familysite .national.ph {
    background-position: 0 -280px
}

@media only all and (max-width: 1023px) {
    .familysite-set {
        display:block!important;
        width: auto!important;
        float: none!important
    }

    .familysite .f-brand .item,.familysite .f-group .item {
        width: 49%
    }

    .familysite .f-relative .item {
        width: 100%
    }

    .familysite .f-relative .item p {
        float: left;
        width: 50%
    }
}

@media only all and (max-width: 599px) {
    .familysite-set .item {
        display:block!important;
        width: auto!important;
        float: none!important
    }

    .familysite-set .item p {
        float: none!important;
        width: 100%!important
    }
}

.search-section .h {
    padding: 5px 0 5px 20px;
    color: #fff;
    background: #767676;
    font-weight: 400;
    font-size: 2em;
    border-bottom: 1px solid #ddd
}

.search-content {
    zoom:1;padding: 1.81818182% 0 4.54545455% 0
}

.search-content:before {
    content: '';
    display: block
}

.search-content:after {
    content: '';
    display: table;
    clear: both
}

.search-content .item {
    padding-bottom: 1.81818182%;
    margin-bottom: 1.81818182%;
    border-bottom: 1px solid #eee
}

.search-content .item a {
    zoom:1;display: block;
    text-decoration: none
}

.search-content .item a:before {
    content: '';
    display: block
}

.search-content .item a:after {
    content: '';
    display: table;
    clear: both
}

.search-content .item-not-search {
    text-align: center;
    padding: 4.54545455% 0 6.36363636% 0
}

.search-content .category {
    display: block;
    font-size: 1.3em;
    margin-bottom: .5em
}

.search-content .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: block;
    max-height: 23px;
    font-size: 1.8em;
    font-weight: 400
}

.search-content .p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    max-height: 69px; /* [BRANDSR-10767] 62->69 수 */
    font-size: 1.4em
}

.search-content .link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: block;
    font-size: 1.3em
}

.search-content .func {
    margin-top: 0
}

.search-content .func .btn {
    font-size: 1.3em;
    font-weight: 400
}

.search-content mark {
    background: 0;
    color: #9f694d;
    text-decoration: underline
}

.search-products-list .item a {
    padding-left: 150px
}

.search-products-list .thumb {
    float: left;
    max-width: 150px;
    margin-left: -150px
}

.search-products-list .cont {
    padding: 3.63636364% 2.72727273% 0 2.72727273%
}

.search-paging {
    padding-top: 20px;
    font-family: Theinhardt, NotoSans, sans-serif;
    text-align: center;
    line-height: 0
}

.search-paging:after {
    display: block;
    clear: both;
    content: ""
}

.search-paging .page-num {
    display: inline-block;
    margin: 0 2px;
    padding-top: 3px
}

.search-paging .page-num:after {
    display: block;
    clear: both;
    content: ""
}

.search-paging .page-num li {
    display: table;
    float: left
}

.search-paging .page-num li+li {
    margin-left: 2px
}

.search-paging .page-num li a {
    display: table-cell;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    font-size: 1.4em;
    line-height: 0;
    text-align: center;
    text-indent: -1px
}

.search-paging .page-num li a:hover {
    text-decoration: none;
    background: #f5f5f5
}

.search-paging .page-num li.current a {
    border: 1px solid #767676
}

.search-paging .page-num li.current a:hover {
    background: 0
}

.search-paging .btn-common {
    display: inline-block;
    vertical-align: top
}

.search-paging .btn-common.off {
    visibility: hidden
}

.search-paging .btn-common a {
    display: inline-block;
    width: 26px;
    height: 26px;
    font-size: 0;
    background: #dbdbda;
    text-indent: -9999px;
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out
}

.search-paging .btn-common a:focus,.search-paging .btn-common a:hover {
    background: #333
}

.search-paging .btn-common a.btn-first {
    padding-right: 2px
}

.search-paging .btn-common a.btn-next {
    padding-right: 2px
}

.search-paging .btn-common a span {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/kr/ko/resource/img/misc/icon_paging.png) no-repeat 0 0
}

.search-paging .btn-common a.btn-first span {
    background-position: -2px -2px
}

.search-paging .btn-common a.btn-prev span {
    background-position: -36px -2px
}

.search-paging .btn-common a.btn-next span {
    background-position: -70px -2px
}

.search-paging .btn-common a.btn-last span {
    background-position: -104px -2px
}

@media only all and (max-width: 599px) {
    .search-content {
        padding:3.125% 0 9.375% 0
    }

    .search-content .item {
        padding-bottom: 3.125%;
        margin-bottom: 3.125%
    }

    .search-content .name {
        font-size: 1.6em
    }

    .search-content .p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        word-wrap: normal;
        max-height: 41px;
        margin: .5em 0
    }

    .search-products-list .item a {
        padding-left: 100px
    }

    .search-products-list .thumb {
        float: left;
        max-width: 100px;
        margin-left: -100px
    }

    .search-products-list .cont {
        padding: 6.25% 6.25% 0 6.25%
    }
}

.re-selectbox-option {
    position: relative;
    width: 100%;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0
}

.reservation-select .selectbox:before {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 5px;
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    width: 1em;
    color: inherit;
    font-size: 20px;
    text-align: center;
    text-decoration: inherit;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e802';
}

.re-selectbox-option::-ms-expand {
    display: none
}

@media only all and (max-width: 380px){
  .touch select{
    font-size: 13px;
  }
}

.customer-wrap{
      display: grid;
    grid-template-columns: 0.1fr 1fr;
    align-items: start;
    grid-column-gap: 10px;
}

.sitemap-set ul>li ul>li ul>li>a{
    font-size: 1.1em;
    position: relative;
    display:flex;
}
.sitemap-set ul>li ul>li ul>li>a::before{
    content:"-";
    display:block;
    margin-right:2px;
}

/*240422 설화수 스파예약 개인정보처리 수정*/

  .reservation-form .h.location-text > br {
    display: none;
  }
/* //240422 설화수 스파예약 개인정보처리 수정*/