@charset "utf-8";


/* 헤더 :: GNB (로고, 검색, 최근 본 상품/마이페이지/장바구니) */
header{position: fixed;z-index: 20;background-color: #fff;width: 100%;}
header.scroll{}
header .t-header{height:2.5rem;width: 100%;border-bottom: 1px solid #e2e2e2;}
header .t-header .inner{display: flex;align-items: center;justify-content: space-between;height:100%;}
header .t-header .inner .lang{font-family: 'Roboto',sans-serif !important;font-weight:700;display: flex;align-items: center;font-size:0.75rem;height:100%;}
header .t-header .inner .lang .present{display: flex;align-items: center;height:100%;}
header .t-header .inner .lang .present:after{content:'';background: url("../images/common/header-lang-icon.svg")no-repeat center/3px 5px;display: inline-block;width:23px;height:100%;cursor: pointer;}
header .t-header .inner .lang .lang-list{transform: translateX(-30%);opacity: 0;transition: transform 0.45s ease, opacity 1.2s ease;visibility: hidden;}
header .t-header .inner .lang.show .lang-list {transform: translateX(0); opacity: 1;visibility: visible;}
header .t-header .inner .lang .lang-list .wrap{display: flex;align-items: center;}
header .t-header .inner .lang .lang-list .wrap > a{color:#A3A3A3;font-size:0.75rem;font-weight:700;transition: color 0.45s;}
header .t-header .inner .lang .lang-list .wrap > a + a{margin-left:0.625rem;}
header .t-header .inner .lang .lang-list .wrap > a:hover{color:#B08E6E;}
header .t-header .inner .h-member{display: flex;align-items: center;height:100%;}
header .t-header .inner .h-member > div{display: flex;align-items: center;}
header .t-header .inner .h-member > div a{display:flex;align-items:center;font-size: 0.75rem;justify-content: center;letter-spacing: -0.02em;color:#888;font-weight:500;}
header .t-header .inner .h-member > div a + a{margin-left:0.9375rem;padding-left:0.9375rem;position:relative;}
header .t-header .inner .h-member > div a + a:before{content: '';background-color:#EEEEEE;width: 1px;height: 0.625rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
header .t-header .inner .h-member > a{display:flex;align-items:center;font-size: 0.75rem;justify-content: center;letter-spacing: -0.02em;}
header .t-header .inner .h-member > a.inquiry{color:#fff;font-weight:900;background-color: #B08E6E;width:7.5rem;height:100%;margin-left:1.25rem;}
header .b-header{height:5rem;width: 100%;position: relative;background-color: #fff;z-index:10;border-bottom:1px solid #eee;}
header .b-header .inner{height:100%;}
header .b-header .inner .logo-wrap{position:absolute;top:50%;transform: translateY(-50%);z-index:10;}
header .b-header .inner .logo-wrap .sel-hotel{display: flex;align-items: center;}
header .b-header .inner .logo-wrap .sel-hotel a.logo{display:flex;}
header .b-header .inner .logo-wrap .sel-hotel .arrow{display: flex;align-items: center;justify-content: center;width:1.125rem;height:1.125rem;border-radius: 50%;border:1px solid #EEEEEE;overflow: hidden;margin-left:0.3125rem;}
header .b-header .inner .logo-wrap .sel-hotel .arrow:before{content:'';background: url("../images/common/page-change-icon.svg")no-repeat bottom center/1.125rem 2.25rem;display: inline-block;width: 1.125rem;height: 1.125rem;transition: .45s;}
header .b-header .inner .logo-wrap.active .sel-hotel .arrow:before{background: url("../images/common/page-change-icon.svg")no-repeat top center/1.125rem 2.25rem;}
header .b-header .inner .logo-wrap .hotel-list{position: absolute;left:50%;top:calc(100% + 3px);transform: translateX(-50%);z-index: 1;width: 100%;display: none;}
header .b-header .inner .logo-wrap .hotel-list .wrap{display: flex;flex-direction: column;align-items: center;padding:0.25rem;border-radius: 1.25rem;border:1px solid #e2e2e2;background-color: #fff;}
header .b-header .inner .logo-wrap .hotel-list .wrap > a{font-size:0.875rem;font-weight: 500;letter-spacing: -0.02em;color:#888;display: flex;align-items: center;justify-content: center;width: 100%;height: 2.5rem;border-radius: 1.125rem;transition: .25s;}
header .b-header .inner .logo-wrap .hotel-list .wrap > a:hover{background-color:#FAFAFA;color:#B08E6E ;}
header .b-header .gnb {height:100%;}
header .b-header .gnb > ul{display:flex;align-items:center;justify-content: flex-end;padding-right:3.125rem;height:100%;}
header .b-header .gnb > ul > li{height:100%;position:relative;}
header .b-header .gnb > ul > li + li{margin-left: 3.125rem;}
header .b-header .gnb > ul > li > a{font-size:1rem;font-weight:500;color:#222;height:100%;display: flex;align-items: center;}
header .b-header .gnb > ul > li > a.reserv{color:#B08E6E;}
header .b-header .gnb > ul > li > a:hover{color:#B08E6E;}
header .b-header .gnb > ul > li > a.active{color:#B08E6E;}

header .b-header .gnb > ul > li > .depth2{position:absolute;left:50%;transform: translateX(-50%);top:calc(100% + 1px);background-color: #FFFBF6 ;border-radius: 0 0 1.25rem 1.25rem;z-index: 11;display: none;}
header .b-header .gnb > ul > li > .depth2 > .wrap{display:flex;align-items: flex-start;padding:2rem 3.125rem;}
header .b-header .gnb > ul > li > .depth2 > .wrap > div{white-space:nowrap;}
header .b-header .gnb > ul > li > .depth2 > .wrap > div + div{margin-left:4.375rem;}
header .b-header .gnb > ul > li > .depth2 > .wrap  > h4{font-size:1rem;font-weight: 700;color: #222;margin-bottom:0.4375rem ;}
header .b-header .gnb > ul > li > .depth2 > .wrap  > ul{white-space:nowrap;}
header .b-header .gnb > ul > li > .depth2 > .wrap > ul.rooms > li{text-align: center;}
header .b-header .gnb > ul > li > .depth2 > .wrap > ul.rooms > li > a{font-size: 1rem;}
header .b-header .gnb > ul > li > .depth2 > .wrap  > ul > li{}
header .b-header .gnb > ul > li > .depth2 > .wrap  > ul > li + li{margin-top:0.4375rem;}
header .b-header .gnb > ul > li > .depth2 > .wrap  > ul > li > a{font-size:0.875rem;color:#222;font-weight: 500;}
header .b-header .gnb > ul > li > .depth2 > .wrap  > ul > li > a:hover{color:#B08E6E;}
header .b-header .gnb > ul > li > .depth2 > .wrap  > ul.dep3-ty{display:flex;}
header .b-header .gnb > ul > li > .depth2 > .wrap  > ul.dep3-ty > li{}
header .b-header .gnb > ul > li > .depth2 > .wrap  > ul.dep3-ty > li + li{margin-top:0;margin-left:4.375rem;}
header .b-header .gnb > ul > li > .depth2 > .wrap  > ul.dep3-ty > li > a{font-size:1rem;font-weight: 700;color: #222;margin-bottom:0.4375rem;display:block;}
header .b-header .gnb > ul > li > .depth2 > .wrap  > ul > li > .dep3{}
header .b-header .gnb > ul > li > .depth2 > .wrap  > ul > li > .dep3 > li + li{margin-top:0.4375rem;}
header .b-header .gnb > ul > li > .depth2 > .wrap  > ul > li > .dep3 > li > a{font-size:0.875rem;color:#222;font-weight: 500;}
header .b-header .gnb > ul > li > .depth2 > .wrap  > ul > li > .dep3 > li > a:hover{color:#B08E6E;}


/* footer */
footer{background-color:#333;position: relative;}
footer .t-footer{padding:1.875rem 0;position:relative;}
footer .t-footer:before{content:'';width:1440px;height:1px;background-color: #555;position:absolute;left:50%;bottom:0;transform: translateX(-50%);}
footer .t-footer .inner{display:flex;align-items:center;justify-content: space-between;}
footer .t-footer .inner .quick{display:flex;align-items:center;}
footer .t-footer .inner .quick > a{letter-spacing: -0.04em;color:#bbb;font-size:0.875rem;}
footer .t-footer .inner .quick > a.gain{color:#fff;font-weight:600;}
footer .t-footer .inner .quick > a + a{position:relative;margin-left:0.9375rem;padding-left:0.9375rem;}
footer .t-footer .inner .quick > a + a:before{content:'';background-color: #555;width:1px;height:0.625rem;position:absolute;left:0;top:50%;transform: translateY(-50%);}
footer .t-footer .inner .f-sns{display:flex;align-items:center;}
footer .t-footer .inner .f-sns > a{border-radius: 50%;display:flex;align-items:center;justify-content: center;width:2.5rem;height:2.5rem;background-color: #444;position:relative;}
footer .t-footer .inner .f-sns > a + a{margin-left:0.625rem;}
footer .t-footer .inner .f-sns > a:before{content:'';background:url("../../assets/images/common/f-sns-icon.svg")no-repeat;width:2.5rem;height:2.5rem;overflow:hidden;display: inline-block;background-size:7.5rem 2.5rem;}
footer .t-footer .inner .f-sns > a.insta:before{background-position: left center;}
footer .t-footer .inner .f-sns > a.blog:before{background-position: left -2.5rem center;}
footer .t-footer .inner .f-sns > a.youtube:before{background-position: left -5rem center;}
footer .b-footer{padding:2.5rem 0;}
footer .b-footer .inner{display: flex;justify-content: space-between;}
footer .b-footer .inner .l-conts{display: flex;align-items: center;}
footer .b-footer .inner .l-conts .addr{}
footer .b-footer .inner .l-conts .addr > h4{color:#B08E6E;font-size:0.875rem;font-weight:700;}
footer .b-footer .inner .l-conts .addr .a-line{margin-top:0.625rem;color:#888;font-size:0.875rem;display:flex;align-items:center;}
footer .b-footer .inner .l-conts .addr .a-line > div{}
footer .b-footer .inner .l-conts .addr .a-line > div + div{position:relative;margin-left:0.625rem;padding-left: 0.625rem;}
footer .b-footer .inner .l-conts .addr .a-line > div + div::before{content: '';background-color: #555;height:0.625rem;width: 1px;position: absolute;left:0;top:50%;transform: translateY(-50%);}
footer .b-footer .inner .l-conts .info-wrap{margin-left:3.25rem;}
footer .b-footer .inner .l-conts .info-wrap .copy{font-size:0.75rem;color:#888;letter-spacing: -0.01em;margin-top:3.125rem;display: block;}
footer .b-footer .inner .tel{}
footer .b-footer .inner .tel p{color:#fff;font-size:0.875rem;letter-spacing: -0.01em;font-weight:400;}
footer .b-footer .inner .tel p strong{font-weight:700;}
footer .b-footer .inner .tel p + p{margin-top:0.625rem;}



/* 레이어 팝업 */
#layerPopup-default{position:fixed;left:0;top:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.45);z-index:20;transform: translate(0,100%);opacity:0;transition:.45s}
#layerPopup-default.active{transform: translate(0,0);opacity:1;transition:.45s}
.stanfordLayerPopup{display:none;overflow:hidden;background-color:#fff;padding:3.75rem 3.75rem;border-radius:1.25rem;}
.stanfordLayerPopup .layerPopupTitle{display:flex;justify-content:center;align-items: center;padding-bottom:3.75rem;line-height:1;position:relative}

.stanfordLayerPopup .layerPopupTitle > h2{font-weight:700;font-size:2.125rem;color:#222;}
.stanfordLayerPopup .layerPopupTitle > a.popup-close{display: block; width: 3rem; height: 3rem; background: url('../images/common/pop-close.svg') center center/cover; position: absolute; right: -1.875rem; top: -1.875rem;}
.prd-compare .prd-compare-wrap .popup-close{}
.stanfordLayerPopup .popupCont{max-height:700px;overflow-y:auto;padding:0 1.25rem;}
.stanfordLayerPopup .popupCont .box{padding:1.875rem 0;}
.stanfordLayerPopup .popupCont .box + .box{border-top:1px solid #e2e2e2;}
.stanfordLayerPopup .popupCont .box > .box-tit{display:flex;align-items:center;justify-content: space-between;margin-bottom:0.625rem;}
.stanfordLayerPopup .popupCont .box > .box-tit > h4{font-size:1.125rem;font-weight:700;color:#159cf1;}
.stanfordLayerPopup .popupCont .box > .box-tit > p{font-weight:500;font-size:1.125rem;color:#222222;}
.stanfordLayerPopup .popupCont .box > p{font-size:1.125rem;color:#999;}
#layerPopup-default.active .stanfordLayerPopup{display:block;}
.stanfordLayerPopup{width:1440px;max-width: 1440px;}
.stanfordLayerPopup.prd-compare .wrap .cont{display: flex ; align-items: center;margin-left:-2.5rem;}
.stanfordLayerPopup.prd-compare .wrap .cont .prd-item{width:calc((100% / 3) - 2.5rem);margin-left:2.5rem;}
.stanfordLayerPopup.prd-compare .wrap .cont .prd-item img{width: 100%; height: 17.8125rem; object-fit: cover;}
.stanfordLayerPopup.prd-compare .wrap .cont .prd-item .prd-info{margin-top: 0.625rem;}
.stanfordLayerPopup.prd-compare .wrap .cont .prd-item .prd-info .title{}
.stanfordLayerPopup.prd-compare .wrap .cont .prd-item .prd-info .title .pkg-name{font-size: 1.25rem; font-weight: 600;}
.stanfordLayerPopup.prd-compare .wrap .cont .prd-item .prd-info .title .room-name{font-size: 1.125rem; padding-top: 0.625rem;}
.stanfordLayerPopup.prd-compare .wrap .cont .prd-item .prd-info .size{margin-top: 1.5625rem; font-size: 1.125rem; display: flex; align-items: center;} 
.stanfordLayerPopup.prd-compare .wrap .cont .prd-item .prd-info .size div{font-weight: 600;display: flex; align-items: center;}
.stanfordLayerPopup.prd-compare .wrap .cont .prd-item .prd-info .size div span{padding-left: 0.3125rem;}
.stanfordLayerPopup.prd-compare .wrap .cont .prd-item .prd-info .size div + div::before{content: "";display: block; width: 1px; height: 0.9375rem; margin: 0 0.9375rem; background-color: rgba(136, 136, 136, 0.53);}
.stanfordLayerPopup.prd-compare .wrap .cont .prd-item .prd-info .summary{margin-top: 1.5625rem; max-height: 3.5rem; min-height: 3.5rem; overflow-y: scroll;}
.stanfordLayerPopup.prd-compare .wrap .cont .prd-item .prd-info .date{color: #BBBBBB; font-size: 0.875rem; margin-top:0.625rem ;}
.stanfordLayerPopup.prd-compare .wrap .cont .prd-item .prd-info .price{font-size: 1.5rem; margin-top: 0.625rem;}
.stanfordLayerPopup.prd-compare .wrap .cont .prd-item a.apply{display: flex; align-items: center; justify-content: center; padding: 1.25rem 0; color: #fff; font-weight: 600; background: #B08E6E; border-radius: 31.25rem; margin-top: 1.875rem;}
.stanfordLayerPopup.prd-compare .figure{position:relative;display: flex;}
.stanfordLayerPopup.prd-compare .figure > a.list-close{position:absolute;right:0.625rem;top:0.625rem;width:1.5rem;height:1.5rem;}
.stanfordLayerPopup.prd-compare .figure > a.list-close:before{content:'';background:url("../images/common/reservation-close-icon.svg")no-repeat;width:1.5rem;height:1.5rem;display: inline-block;}