@charset "utf-8";


.is_mobile_wrap { display:block !important; }
.is_desktop_wrap { display: none !important; }

@font-face {  font-family: 'NanumSquareRound';  font-weight: 700;  font-display: swap;
    src: local('NanumSquareRoundOTFEB'), url(../fonts/pawin/NanumSquareRoundOTFEB.otf) format('opentype');  }
@font-face {  font-family: 'NanumSquareRound';  font-weight: 600;  font-display: swap;
    src: local('NanumSquareRoundOTFB'), url(../fonts/pawin/NanumSquareRoundOTFB.otf) format('opentype');  }
@font-face {  font-family: 'NanumSquareRound';  font-weight: 500;  font-display: swap;
    src: local('NanumSquareRoundOTFL'), url(../fonts/pawin/NanumSquareRoundOTFL.otf) format('opentype');  }
@font-face {  font-family: 'NanumSquareRound';  font-weight: 400;  font-display: swap;
    src: local('NanumSquareRoundOTFL'), url(../fonts/pawin/NanumSquareRoundOTFR.otf) format('opentype');  }

@font-face {  font-family: 'SpoqaHanSansNeo';  font-weight: 500;  font-display: swap;
    src: local('SpoqaHanSansNeo-Bold'), url(../fonts/pawin/SpoqaHanSansNeo-Bold.woff2) format('woff2'), url(../fonts/pawin/SpoqaHanSansNeo-Bold.woff) format('woff');  }
@font-face {  font-family: 'SpoqaHanSansNeo';  font-weight: 200;  font-display: swap;
    src: local('SpoqaHanSansNeo-Light'), url(../fonts/pawin/SpoqaHanSansNeo-Light.woff2) format('woff2'), url(../fonts/pawin/SpoqaHanSansNeo-Light.woff) format('woff');  }



body { width:100%; height:100%; display: flex; flex-direction: column; min-height: 100vh; /* 포인핸즈 이미지가 스크롤을 덮는 이슈로 인한 주석처리 overflow-x: hidden;*/ }
body.fixed { width:100%; height:100%; position:fixed; overflow: hidden; }
.blackBg { width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.3); display:none; z-index: 10000; }
.blackBg.show { display: block; }
.f_help_block {
    width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.3); display:none; z-index: 9989;
}
.f_help_block .show { display: block; }
.swiper-color-black .swiper-pagination-bullet { background-color:#2A303C !important; }
.swiper-color-white .swiper-pagination-bullet { background-color:#ffffff !important; box-shadow: rgba(0, 0, 0, 1) 2.5px 2.5px 4px; }
.swiper-color-white .swiper-pagination-bullet.swiper-pagination-bullet-active{box-shadow: rgba(0, 0, 0, 0.3) 2.5px 2.5px 4px;  }
.displaynone { display:none !important; }

.alertWrap { width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,.4); z-index: 99999;}
.alertWrap.newTermsStyle { z-index: 100000; }
.alertWrap .alertWrapInner { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#ffffff; overflow: hidden; max-width: 327px; width: calc(100% - 48px); margin: 0 auto }
.alertWrap .alertWrapInner > h3 { font-size:16px; font-weight: 700; padding:15px 20px;  border-bottom:#EAECF0 1px solid;  }
.alertWrap .alertWrapInner > p { padding:30px 29px; text-align: center; width:100%; max-height: 250px; overflow: hidden; overflow-y: auto; font-size:16px; font-weight: 700; line-height: 23px; }
.alertWrap .alertWrapInner > p > span { display:inline-block; width:100%; margin: 8px 0 0 0; font-size:12.5px; font-weight: 400; }
.alertWrap .alertWrapInner > p > span > strong { color:#EC696B; }
.alertWrap .alertWrapInner > ul { width:100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;margin: 0; padding: 0;}
.alertWrap .alertWrapInner > ul > li { flex:1 1; }
.alertWrap .alertWrapInner > ul > li > * { border:0; border-top:#BBC0C9 1px solid; background-color: #fff; color:#2A303C; width:100%; border-radius: 0; height:55px; line-height: 55px; font-weight: 700; }
.alertWrap .alertWrapInner > ul > li:last-child > * { background-color: #431F88; color:#fff; border-color:#431F88; font-size: 15px}
.alertWrap .alertWrapInner .inputWrap {text-align: center;margin-bottom:20px;}
.alertWrap .alertWrapInner .inputWrap input{ width: 90%; height: 40px; padding: 0 15px; border: #BBC0C9 1px solid; font-size: 16px; font-weight: 500; border-radius: 2px; transition: border-color 0.3s;}


.pagination { width:auto; display:flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; margin: 30px 0 0 0; }
.pagination > li { width:auto; margin:0 5px; }
.pagination > li > span, .pagination > li > a { display:inline-block; width:24px; height:24px; text-align: center; line-height: 24px; color:#798493; font-weight: 400; font-size:15px; }
.pagination > li.active > span, .pagination > li.active > a { color:#431F88; font-weight: 600; }



#header { width:100%; border-bottom:#EAECF0 0px solid; }
/*#header.fixed { position: fixed; left:0; top:0px; z-index: 999; }*/
#header .header_focus_title { width:100%; height:40px; position:relative; display:flex; background:#f4f6f8; max-width: 2; margin: 0 auto }
#header .header_focus_title > a { width:100%; height:40px; display: flex; flex-direction: row; justify-content: center; align-items: center; color:#fff; background:#f4f6f8;
}
#header .header_focus_title > a > .header-text { font-weight: 400; font-size:15px; line-height: 21px; }
#header .header_focus_title .btn_close { position:absolute; width:20px; height:20px; top:10px; right:10px; background:url('../svg/icon_close.svg') no-repeat center center;
    background-size:20px 20px; border:0; }

#btnHideTopbn { position:absolute; width:20px; height:20px; top:10px; right:calc((100% - 1320px) / 2 + 10px); background:url('../svg/icon_close.svg') no-repeat center center;
    background-size:20px 20px; border:0; z-index: 1;}
@media only screen and (max-width: 1320px) {
    #btnHideTopbn { right: 10px; }
}
#header .head { width:100%; padding:19px 0 0px 0; margin:0 0 0px 0; background:transparent; z-index: 2; position:relative; transition: padding 0.2s; }
#header.fixed .head { /*padding:16px 24px 16px 24px;*/  position: fixed; left:0; top:0px; z-index: 990; background:#fff; /* transition: background-color 0.2s ease;*/}
#header .head ul { width:100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; /*background:#fff;*/ position:relative; }
#header .head > ul > li { position:relative; /*background:#fff;*/ }
#header .head > ul > li.logo { padding-left:24px; margin-bottom:7px; z-index: 2; }
#header .head > ul > li.logo .logo_w {display: none;}
#header .head > ul > li.menu { margin-left:auto; padding-right: 24px; margin-bottom:7px; z-index: 2; }
/*#header .head > ul > li.menu > ul > li { margin-left:15px; }*/
#header .head > ul > li.menu > ul > li:nth-child(2){ margin: 0 20.4px 0 20.46px;}
#header .tnb { display: none; }
#header .gnb { width:100%; padding:0 0 0 0px; /*background:#fff;*/ z-index: 1; border-bottom:#EAECF0 1px solid; transition: top 0.3s; position:relative; padding-right: 24px;}
#header.fixed .gnb { /*top:76px; position:fixed; left:0; background:#fff; z-index: 999; transition: top 0.2s;*/}
#header .gnb.fixed { position:absolute; top:0; z-index: -1; opacity: 0; }
#header .gnb ul { width:100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: nowrap;  }
#header .gnb > ul > li { width: auto; margin:0 0 0 28px; }
#header .gnb > ul > li:last-child { margin-right: 0; }
#header .gnb > ul > li > a { height:40px; line-height: 17px; font-size:12.5px; font-weight: 400; display:inline-block; word-break: keep-all; white-space: nowrap;display: flex; flex-direction: row; justify-content: center; align-items: center;  letter-spacing: -0.5px; padding: 0}
/* #header .gnb > ul > li:nth-of-type(3) > a{font-family: 'Roboto' !important; font-size: 15px; line-height: 22px; letter-spacing: -0.1px;} */
#header .gnb > ul > li > a > i { font-size:6px; color:#fff; background:#B59C8E; border-radius: 15px; padding:0 5px; margin-left:5px; margin-top:-3px; height:13px; line-height: 14px; }
/*#header .gnb > ul > li > a.is_only:after { content:"ONLY"; font-size:0.5rem; color:#fff; background:#B59C8E; border-radius: 15px; padding:0 5px; margin-left:5px;margin-top:-3px; height:13px; line-height: 14px; display:inline-block;}*/
#header .subMenu { width:100%; height:auto; position:fixed; z-index: 99999; right:-100%; bottom:0; background:rgba(0,0,0,.4); transition:right 0.3s; }
#header .subMenu.show { right:0px; }
#header .subMenu .subMenuInner { width:50%; height:100%; position:absolute; right:0; bottom:0; background:#fff; padding:17px 0 18px 28px; display:none; overflow-y: auto; overflow-x: hidden;}
#header .subMenu .subMenuInner.show { display: flex; flex-direction:column; justify-content: flex-start; flex-wrap:wrap;  }
#header .subMenu .subMenuInner > ul { width:100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
#header .subMenu .subMenuInner > ul:first-of-type::-webkit-scrollbar { display: none; }
#header .subMenu .subMenuInner > ul > li { width:100%; border-bottom:#EAECF0 1px solid; }
#header .subMenu .myinfoSubmenu > ul > li{border-bottom: none}
#header .subMenu .subMenuInner > ul > li > a { display: block; font-size:12.5px; color:#5C6272; font-weight: 700; height:44px; line-height: 44px; position:relative; letter-spacing: -0.5px }
#header .subMenu .subMenuInner > ul > li > a:active{color: #431F88}
#header .subMenu .subMenuInner > ul > li > ul { width:100%; display:none; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; padding-bottom:0; padding-top: 4px}
#header .subMenu .subMenuInner > ul > li > ul.show { display:flex; }
#header .subMenu .subMenuInner > ul > li > ul > li { width:100%; margin-bottom: 20px}
#header .subMenu .subMenuInner > ul > li > ul > li > a { display: block; font-size:11.5px; color:#4A515F; font-weight: 400; line-height: 16px; padding-left:8px; }
#header .subMenu .subMenuInner > ul > li.isSub > a:after { content:""; position:absolute; top:50%; right:10px; transform:translateY(-50%); width:20px; height:20px;
    background:url('../svg/icon_arrow_bottom.svg') no-repeat center center; background-size:20px 20px;
}
#header .subMenu .subMenuInner > .subMenuInnerList {max-height: 472px !important;}
.banner-parent{width: 100%}

#header .subMenuInner > ul.sns { display:flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-top:auto;  position:fixed; padding-left: 5px;
    left: 50%; bottom:0; background-color: #fff; width: 50%;  opacity: 0; padding-left: 28px;}

#header .subMenuInner > ul.sns > li { width:auto; margin:0 20px 0 0; border:0; }
#header .subMenuInner > ul.sns > li > a { display:flex; flex-direction: row; justify-content: center; align-items: center;  background-color: #fff;}
.popupWrap { width:100%; height:100%; z-index: 10002; display: none; }
.popupWrap.show { display: block}
.popupWrap .popupInner { width:100%; height: auto; background:#fff; overflow: hidden; }
.popupWrap .popupInner > .btn .banner_chk { position: relative; left: 16px; top: 6px; cursor: pointer;}
.popupWrap .popupInner .cont { width:100%; height:calc(100% - 50px); }
.popupWrap .popupInner .cont > li { height:356px;  background:#f4f6f9; position:relative; display:flex;}
.popupWrap .popupInner .cont > li > a > img { width:100%; height:100%; display:inline-block; position:relative;z-index: 1; object-fit: cover; object-position: center center }/*누락되서 다시추가.. 이지원*/
.popupWrap .popupInner .cont > li > a { height: 100%; display:flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 0; flex-wrap: wrap; position:absolute; z-index: 2;  left:0; top:0; width: 100%}
.popupWrap .popupInner .cont > li > a > span { font-size:15px; font-weight: 500; margin:0 0 4px 0; color: #FFF}
.popupWrap .popupInner .cont > li > a > strong { font-size:36px; font-weight: 700; margin: 0 0 20px 0; line-height: 46px; color: #FFF}
.popupWrap .popupInner .cont > li > a > em { font-size:11.5px; font-weight: 400; }
.popupWrap .popupInner .cont > li > a > b { font-size:14px; font-weight: 400; }
.popupWrap .popupInner .cont > li > a > i { font-size:11.5px; font-weight: 400; margin-top:160px; border:#FFFFFF 1px solid; border-radius: 25px; padding:5px 15px; color: #FFFFFF }
.popupWrap .popupInner .btn { width:100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; background:#fff; }
.popupWrap .popupInner .btn > li { width:50%; height:50px; line-height: 50px; }
.popupWrap .popupInner .btn > li:last-child { text-align: right;  }
.popupWrap .popupInner .btn > li > button { width:auto; height:50px; text-align: center; padding:0 15px; background:#fff; font-size:12.5px; color:#798493; }
.popupWrap .popupInner .btn > li > button.btn_close { color:#2A303C; }
.popupWrap .popupInner .btn > li > button.btn_close:active{color:#431F88; }
.pc-pop-none{display: block; border: 1px solid #FFFFFF}
.popupWrap .popupInner .cont > li:last-of-type > a > i {display: none}

#mainPopup .swiper-pagination { bottom:20px;}
#container { width:100%; min-height: 640px; flex-grow: 1; margin-bottom: 80px; overflow-x: hidden;}
.containerBlackBg { width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.3); display:none; z-index: 9998; }
.containerBlackBg.show { display: block; }
.mainSection { width:100%; position:relative;  }

.mainBannerSection { width:100%; height: 100vh; position:relative; margin:0 0 100px 0; transition: height 0.5s; }

.mainBanner {width: 100vw; height: 100vh; position: relative; overflow: hidden; }
.mainBanner .main-ttl {display: flex; flex-direction: column; align-items: center; text-align: center; position: absolute; top: 158px; left: 50%; transform: translateX(-50%); z-index: 99; color: #fff; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.10); }
.mainBanner .main-ttl span {width: fit-content; height: 30px; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; padding: 0 21.5px; font-size: 15px; font-weight: 700; line-height: 1; background: rgba(42, 48, 60, 0.3); border-radius: 100px; }
.mainBanner .main-ttl p {font-weight: 400;}
.mainBanner .main-ttl strong {font-size: 38px; font-weight: 700; line-height: 57px;}
.mainBanner .fullscreen-iframe {position: absolute; top: 45%; left: 50%; width: calc(100vw); height: 100vw; min-height: 100vh; min-width: 177.77vh; transform: translate(-50%, -50%); border: none;}
.mainBanner > ul { width:100%; }
.mainBanner > ul > li { width:100%; }
.mainBanner > ul > li > a { width:100%; display:flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: wrap; padding: 33px 50px 0 50px; position:relative; }
.mainBanner > ul > li > a > i { font-size:11.5px; color:#798493; margin:0 0 8px 0; font-weight: 400; line-height: 15.5px; letter-spacing: -0.1px; animation: fadein 3s;}
.mainBanner > ul > li > a > strong { font-size:23px; color:#2A303C; margin:0 0 6px 0; font-weight: 700; text-align: center;  line-height: 32px; animation: fadein 3s;
}
.mainBanner > ul > li > a > strong > b { color:#2A303C; animation: fadein 1s; }
.mainBanner > ul > li > a > span { font-size:11.5px; color:#5C6272; margin:0 0 14px 0; text-align: center; line-height: 18px;  font-weight: 400; letter-spacing: -0.5px; animation: fadein 3s;}
.mainBanner > ul > li > a > em { height:16px; line-height: 16px; font-size:11.5px; color:#2A303C; margin:0 0 0px 0; font-weight: 500; font-style: normal; padding-right:20px;
    background: url('../svg/icon_arrow_right_block.svg') no-repeat right center; background-size:20px;  animation: fadein 3s;
}
#topBanner { width: 100%; height: 39px; background:#431F88; overflow: hidden; }
#topBanner.marquee {   }
#topBanner.marquee .btn_close { display:none; }
#topBanner.marquee ul { width:100%; display:flex; justify-content: flex-start; align-items: center; }
#topBanner.marquee ul > li { margin:0 80px; }
@media only screen and (max-width: 767px) {
    #topBanner.marquee ul > li { margin:0 40px; }
}
@keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}

.mainBanner > ul > li > a > .btn_white {
    background: url('../svg/icon_arrow_right_white.svg') no-repeat right center; background-size:20px;
}
.mainBanner > ul > li > a > * { position:relative; z-index: 2; }
.mainBanner > ul > li > img { position:absolute; left:0; top:0; width:100%; z-index: 1; object-fit: cover; object-position: center center; width: 100% !important; height: 100%}
img.image_mobile { display: block; }
img.image_desktop { display: none; }
.mainBanner .swiper-pagination { bottom:80px !important; }
.mainBanner .swiper-pagination .swiper-pagination-bullet { background:#fff; opacity: 0.8; }
.mainBanner .swiper-pagination .swiper-pagination-bullet-active { background:#2A303C; opacity: 1; }
.mainBanner .swiper-button-next, .mainBanner .swiper-button-prev { display:none;}
.quickReservWrap { position:absolute; left: calc(50% - 164px); bottom:-90px; width: 328px;  background:rgba(255,255,255, 0.9); border-radius: 6px; min-height:141px; padding:20px 28px; box-shadow: 0px 1px 4px 3px rgba(0, 0, 0, 0.07); z-index: 98; opacity: 1;}
.quickReservWrap > ul { display:none; }
.quickReservWrap > div.title-easybox h2 { font-size:16px; font-weight: 700; color:#431F88; line-height: 23px;}
.quickReservWrap > div.title-easybox{display: flex; align-items: center;margin:0 0 28px 0; justify-content: space-between}
.quickReservWrap > div.title-easybox span{display: block; font-size: 10px; line-height: 14px; font-weight: 500; border-radius: 10px; background: #EAECF0; line-height: 14px; padding: 2px 11px; margin-left: 8px; color: #4A515F}
.quickReservWrap > div.title-easybox > div{display: flex; align-items: center}
.quickReservWrap > label { width:100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.quickReservWrap > label > span { font-size:11.5px; color:#2A303C; width:100%; margin:0 0 0 0; font-weight: 500; line-height: 15.5px; letter-spacing: -0.1px;}
.quickReservWrap > label > input { width: 196px; height:32px; border:none; border-bottom:#1b1b1b 1px solid; margin:0 8px 0 0; border-radius: 0; background-color: #FFFFFF; -webkit-appearance: none;-webkit-border-radius: 0; }
.quickReservWrap > label > button { width:68px; height:32px; background:#431F88; color:#fff; font-weight: 700; font-size:15px; text-align:center; border:0; border-radius: 2px; line-height: 32px}

.mainLatestSection { margin:0 24px 65px 24px;}
.mainLatestSection:nth-child(2) { margin:0 24px 64px 24px;}
.mainLatestSection > h2 { width:100%; font-weight: 700; line-height: 21px; font-size:15px; color:#2A303C; display:flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;
    margin:0 0 16px 0; letter-spacing: -0.1px;}
.mainLatestSection > h2 > a { margin-left:auto; height:20px; line-height: 22px; font-size:10px; color:#798493; display:inline-block; padding:0 20px 0 0;
    background:url('../svg/icon_plus.svg') no-repeat right center; background-size:20px 20px; }

.mainLatestText { width:100%; border-top:#2A303C 1px solid; border-bottom:#2A303C 1px solid; height: 255px;}
.mainLatestText > ul > li { border-bottom:#5C6272 1px solid; }
.mainLatestText > ul > li:hover > a > strong{color: #431F88;}
.mainLatestText > ul > li:first-child > a { background:#f8f5f4; }
.mainLatestText > ul > li:last-child { border-bottom:0; }
.mainLatestText > ul > li > a { width:100%; height:50px; padding:0 15px; display:flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: nowrap; }
.mainLatestText > ul > li.is_notice > a { background:#f8f3f2; }
.mainLatestText > ul > li > a > * { display:inline-block; }
.mainLatestText > ul > li > a > strong {  margin:0 0 0 0; font-size:12px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; line-height: 19px;  letter-spacing: -0.5px}
.mainLatestText > ul > li > a > em { font-size:9.5px; color:#798493; margin-left:auto; white-space: nowrap; font-weight: 400; line-height: 14px; letter-spacing: -0.1px;}

.mainLatestThumb { width:100%; }
.mainLatestThumb > ul > li > a { width:100%; display:flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.mainLatestThumb > ul > li > a > .thumb { width:100%; min-height: 184px; background:#f4f6f9; display:inline-block; margin:0 0 12px 0; overflow: hidden; position:relative;  }
.mainLatestThumb > ul > li > a > .thumb > img { width:100%; height: auto; position:absolute; left:0; top:0; object-fit: cover; object-position: center center;}
.mainLatestThumb > ul > li:hover > a > .thumb{position: relative;}
.mainLatestThumb > ul > li:hover > a > .thumb:after{content: ''; display: block; position: absolute; border-bottom: 3px solid #431F88; bottom: 0; width: 100%}
.mainLatestThumb > ul > li:hover > a[href=""] > .thumb:after{display: none}
.mainLatestThumb > ul > li:hover > a > strong > .place {color: #431F88}
.mainLatestThumb > ul > li > a > * { display:inline-block; width:100%; }
.mainLatestThumb > ul > li > a > .main-service { display:flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin:0 0 8px 0;}
.mainLatestThumb > ul > li > a > .main-service > i { font-size:11.5px; font-weight: 400; margin:0 8px 0 0; line-height: 15.5px; letter-spacing: -0.1px; color: #2A303C}
.mainLatestThumb > ul > li > a > .main-service > b { font-size:17.5px; font-weight: 600; line-height: 22.5px; letter-spacing: -0.1px;}

.mainLatestThumb > ul > li > a > strong { display:flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin:0 0 8px 0;}
.mainLatestThumb > ul > li > a > strong > .place { font-size:16px; font-weight: 700; margin:0 8px 0 0; line-height: 23px; letter-spacing: -0.5px;}
.mainLatestThumb > ul > li > a > strong > .textName { font-size:16px; font-weight: 700; }

.mainLatestThumb > ul > li:hover > a > strong > b { color:#431F88; }
.mainLatestThumb > ul > li:hover > a[href=""] > strong > b { color:#2A303C; }
.mainLatestThumb > ul > li > a > .text-area { font-size:12.5px; color:#5C6272; font-weight: 400; line-height: 17px; }
.mainLatestThumb > ul > li > a > em { font-size:12.5px; color:#5C6272; }
.mainLatestThumb > ul > li > a > .main-service-em { font-size:12.5px; color:#5C6272; font-weight: 400; line-height: 17px; }
.mainLatestThumb > ul > li:hover > a > em{color: #5C6272}
.mainLatestThumb .swiper-pagination { width:auto !important; right:0 !important; left:auto !important; bottom:auto !important; z-index: 999; }
.mainLatestThumb .swiper-pagination-bullet-active { background-color:#431F88; }



.mainSmallBanner { width:100%; }
.mainSmallBanner > ul > li { min-height: 120px; background-color:#ccc; background-position: center top; background-repeat: no-repeat; background-size:cover;
    background-image:url('../img/main_bottom_img.png');
}

.mainSmallBanner > ul > li > a { width:100%; min-height: 120px; display:flex; flex-direction: row; justify-content: center; align-items: center; text-align: center;position:relative; }
.mainSmallBanner > ul > li > a:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3); }
.mainSmallBanner > ul > li > a > strong {  font-family: 'MaruBuri' !important; font-size:20px; font-weight: 400; color:#fff; position:relative; z-index: 99; line-height: 26px; letter-spacing: -0.1px;}
.mainSmallBanner > ul > li > a > strong > br{display: block}
.mainSmallBanner > ul > li > a > strong > i{display: none}
/*#footer .f_help { width:40px; height:auto; min-height: 55px; position:fixed; right:5%; bottom:20px; display:flex; flex-direction: column; justify-content: center; z-index: 9999;*/
/*    transition: bottom 0.5s;}*/
#footer .f_help {  min-height: 55px; position:fixed; right: calc(7% + 2px); bottom:50px; display:flex; flex-direction: column; justify-content: end; z-index: 9990;
    transition: bottom 0.5s;}
/*
#footer .f_help .helpButtonWrap > ul > li > a.btn_call { width:49px; height:49px; display:inline-block; background:url('../img/pc_float_banner.png') no-repeat center center;   padding: 0; border-radius: 0}
#footer .f_help .helpButtonWrap > ul > li > a.btn_call:after{content: '전화상담'; font-size: 11px; line-height: 17px; color: #FFFFFF; text-align: center; display: flex; align-items: center; justify-content: center; font-weight: 600; width: 56px; height: 18px; background-color: #2A303C; border-radius: 20px; position: absolute; bottom: -18px; right: -4px}
 */
#footer .f_help .helpButtonWrap > ul > li > a.btn_call{width: 56px; padding:20px 0; flex-direction: column; justify-content: center; align-items: center; background:#2a303c; border-radius: 50px; cursor: default; }
#footer .f_help .helpButtonWrap > ul > li > a.btn_call > * { color:#fff; text-align: center; }
#footer .f_help .helpButtonWrap > ul > li > a.btn_call > span { font-size: 14px; font-weight: 500; margin:0 0 12px 0; line-height: 18px; }
#footer .f_help .helpButtonWrap > ul > li > a.btn_call > strong { font-size:16px; font-weight: 700; line-height: 14px; }
/*#footer .f_help .btn_help.show { height:40px; margin-bottom:15px; background:rgba(255,255,255, .5) url('../svg/icon_ex.svg') no-repeat center center; background-size:15px 15px; border-radius: 100%; }*/
#footer .f_help .btn_help.show { height:40px; margin-bottom:0px; background:rgba(255,255,255, .5) url('../svg/icon_ex.svg') no-repeat center center; background-size:15px 15px; border-radius: 100%; }
#footer .f_help .btn_help.show:after{display: none}
#footer .f_help.fixed { position:fixed !important; bottom:100px !important; }
#footer .f_help .helpButtonWrap {display:block; }
#footer .f_help .helpButtonWrap > ul { width:100%; display:flex; flex-direction: column;   right: 0}
#footer .f_help .helpButtonWrap > ul > li { width:100%; display:flex; justify-content: flex-end; position: relative; margin-bottom: 15px;}
#footer .f_help .helpButtonWrap > ul > li:last-of-type{margin-bottom: 0;}
#footer .f_help .helpButtonWrap > ul > li:first-of-type{margin-bottom: 12px}
#footer .f_help .helpButtonWrap > ul > li > a { width:56px; display:flex; justify-content: center; align-items: center; background:#fff; border-radius: 100%; }
/*#footer .f_help .helpButtonWrap > ul > li > a.btn_call { background:#74D372 url('../svg/icon_tel.svg') no-repeat center center; background-size:20px; }*/
#footer .f_help .helpButtonWrap > ul > li > a.btn_kakao { background:#FFE600 url('../svg/icon_kakao.svg') no-repeat center center; background-size:23px; }
#footer .f_help .helpButtonWrap > ul > li > a.btn_qna { background:#FFFFFF /*url('../img/btn_chtalk.png') no-repeat center center*/; background-size:100%;
    color:#2A303C; font-size:14px; font-weight: 500; text-align: center; line-height: 18px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); margin-right: 0}
#footer .f_help.Funeral{bottom: 115px ! important;}

#footer { width:100%; background:#5C6272; padding:33px 24px 34px; margin-bottom: 72px;  }
#footer .footerInner { width:100%; display:flex; flex-direction: column; justify-content: flex-start; }
#footer .footerInner > ul { width:100%; }
#footer .footerInner > ul > li { width:100%; }
#footer .footerInner > ul.sns { display:flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
#footer .footerInner > ul.sns > li { width:auto; margin-right:25px; }
#footer .footerInner > ul.sns > li > a { display:inline-block; }
#footer .footerInner > ul.sns > li > a > img{display: block; width: 100%;}
#footer .footerInner > ul.sns > li:nth-of-type(1) > a > img{max-width: 40px;}
#footer .footerInner > ul.sns > li:nth-of-type(2) > a > img{max-width: 19px;}
#footer .footerInner > ul.sns > li:nth-of-type(3) > a > img{max-width: 10px;}
#footer .footerInner > ul.sns > li:nth-of-type(4) > a > img{max-width: 22px;}
#footer .footerInner > ul.info { display:flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
#footer .footerInner > ul.info > li { color:#fff; }
#footer .footerInner > ul.info > li a { color:#fff; }
#footer .footerInner > ul.info > li > ul > li { margin:0 0 8px 0; }
#footer .footerInner > ul.info > li > ul > li.info-wrap {display: flex; align-items: center; flex-wrap: wrap;}
#footer .footerInner > ul.info > li > ul > li.info-wrap .policy {display: flex; align-items: center; gap: 3px;}
#footer .footerInner > ul.info > li > ul > li.info-wrap .openInfo {font-size: 12px; margin: 0 12px 0 0; font-weight: 700; line-height: 17px; background-color: transparent; color: #fff; padding: 0;}
#footer .footerInner > ul.info > li > ul > li.info-wrap .information {margin-top: 8px; width: 100%;}

#footer .footerInner > ul.info > li > ul > li > a { display:inline-block; margin:0 7px 0 0; padding:0 7px 0 0; height:15px; line-height: 15px; position:relative; font-weight: 400;  font-size: 11px; line-height: 15px; letter-spacing: -0.5px}
#footer .footerInner > ul.info > li > ul > li > a:not(:last-child):after { content:""; width:1px; height:10px; background:rgba(255,255,255, .4); position:absolute; top:50%; transform:translateY(-50%); right:0; }
#footer .footerInner > ul.info > li > ul > .information {display: none;}
#footer .footerInner > ul.info > li > ul .information > a,
#footer .footerInner > ul.info > li > ul .information > span,
#footer .footerInner > ul.info > li > ul > li.copyright { color:#D1D4DA; font-size:12px; display:inline-block; padding:0 10px 0 0; font-weight: 400; line-height: 15px;  letter-spacing: -0.5px}
#footer .footerInner > ul.info > li > ul > li.copyright_notice {margin-top: 18.5px; color: #D1D4DA; font-size: 11px; font-weight: 400; line-height: 16px;}
#footer .footerInner .newsAd { width:100%; margin-bottom: 32px; }
#footer .footerInner .newsAd > ul { width:100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 40px;}
#footer .footerInner .newsAd > ul > li {display: flex; align-items: center; gap: 8px; color:#fff;}
#footer .footerInner .newsAd > ul > li > img{display: block; width: auto;}
#footer .footerInner .newsAd > ul > li .cert_01 {height: 25px; max-width: 48.5px;}
#footer .footerInner .newsAd > ul > li .cert_02 {height: 17px;}
#footer .footerInner .newsAd > ul > li p {font-size: 9px; font-weight: 400; line-height: 13px; white-space: nowrap; width: 100%;}
#footer .footerInner .newsAd > ul > li strong { font-weight: 700;}
.titleArea { width:100%; }
.titleArea > h2 { font-size:20px; font-weight: 700; }
.titleArea > h2 > strong { font-weight: 700; font-size: 21px}
.titleArea > h2 > span { font-size:17px; font-weight: 400; }
.titleArea > h3 { font-size:12px; font-weight: 400; margin:4px 0 0 0; line-height: 18px }
.titleArea > h4 { font-size:17px; font-weight: 400; margin:10px 0 0 0; }


.memberDropWrap {  }

.popupAddrWrap { width:90%; max-width: 400px; height:auto; background: #fff; border-radius: 5px; position:fixed; left:50%; top:50%; transform: translate(-50%,-50%);
    z-index: 99990;}
.popupAddrWrap .title { width:100%; position:relative;  }
.popupAddrWrap .title > h2 { font-size:16px; font-weight: 700; height:50px; line-height: 50px; border-bottom:#ddd 1px solid; padding:0 17px; }
.popupAddrWrap .title > .btn_close { width:25px; height:25px; position:absolute; top:50%; transform: translateY(-50%); right:17px; background:#fff url('../svg/icon_cancel.svg') no-repeat center center;
    background-size:12px 12px; padding:0; }
.popupAddrWrap #popupAddrWrap { padding:20px; }

#container .swiper-button-next, #container .swiper-button-prev { display:none; }


/*#footer .f_help .helpButtonWrap > ul > li > a.btn_call{width: 40px; height: 40px; border-radius: 24px; background-color: #74D372}*/
/*#footer .f_help .helpButtonWrap > ul > li > a.btn_call > *{display: none;}
#footer .f_help .helpButtonWrap > ul > li > a.btn_call > *{color: white}
#footer .f_help .helpButtonWrap > ul > li.active a.btn_call > *{display: block; padding-right: 20px; text-align: center}
#footer .f_help .helpButtonWrap > ul > li.active > a.btn_call > strong{display: block; font-size: 19px; line-height: 26.5px; font-weight: 500; background-color: #2A303C; position: absolute; width: 147Px; height: 42px; right: 33px; display: flex; align-items: center; justify-content: center; border-radius: 20px 0 0 20px; z-index: -1; bottom: -18px; cursor: pointer; padding: 0 29px 0 24px; white-space: nowrap}

 */
.mob-li-help{display: flex !important;}
.pc-li-help{display: none !important;}
.roundTabs { width:100%; display:flex; }
.roundTabs > ul { width:100%; display:flex; flex-direction: row; justify-content: center; align-items: center; }
.roundTabs > ul > li { width:auto; margin:0 5px; }
.roundTabs > ul > li > * { width:auto; display:inline-block; height:37px; line-height: 37px; border-radius: 25px; background:#F6F7F8; color:#2A303C;
    padding:0 20px; font-size:15px; font-weight: 400;  }
.roundTabs > ul > li > *.on { background:#2A303C; color:#ffffff; font-weight: 700; }

.noticeInfoWrap { padding:20px; width:100%; display:flex; margin:12px 0 0 0; }
.noticeInfoWrap > ul { width:100%; display:flex; flex-direction: column; justify-content: center; align-items: center; }
.noticeInfoWrap > ul > li { width:100%; margin:0 0; border:#EAECF0 1px solid; display:flex; }
.noticeInfoWrap .btn_notice_view { width:100%; background:#EAECF0; position:relative;
    color:#2A303C; font-size:12.5px; font-weight: 700; text-align: left; height:37px; padding:0 17px; }
.noticeInfoWrap .btn_notice_view:after { content:""; display:inline-block; width:20px; height:20px; position:absolute; top:50%; transform:translateY(-50%); right:17px;
    background:#EAECF0 url('../svg/icon_textfile_arrow_lower.svg') no-repeat center center; transition: transform 0.3s; }
.noticeInfoWrap .btn_notice_view.show:after { transform: translateY(-50%) rotate(-180deg); }
.noticeInfoWrap .noticeContent { padding:16px; display:none; }
.noticeInfoWrap .noticeContent > ul { width:100%; display:flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
.noticeInfoWrap .noticeContent > ul > li { font-size: 11px;    font-style: normal;    font-weight: 400;    line-height: 15px; color:#5C6272; margin: 0 0 8px 0; }
.noticeInfoWrap .noticeContent > ul > li:last-child { margin-bottom:0; }

.password-secret-pop > div.alertWrapInner{max-width: 382px; width: calc(100% - 40px); margin: 0 auto; height: auto}
.password-secret-pop .alertWrapInner > p{padding: 30px 0 16px 0; font-size: 16px; line-height: 23px; letter-spacing: -0.5px; font-weight: 700; color: #2A303C; max-width: 100%;}
.password-secret-pop .alertWrapInner > p > span{font-size: 12.5px; font-weight: 400; line-height: 17px; letter-spacing: -0.5px; color: #2A303C; margin-top: 8px}
.password-secret-pop .alertWrapInner .inputWrap input{max-width: 204px; height: 47px; border: 1px solid #2A303C; font-size: 16.5px; line-height: 23.89px; letter-spacing: -0.5px; font-weight: 400}
.password-secret-pop .alertWrapInner > ul > li > *{height: 55px; font-size: 15px; font-weight: 700; line-height: 23px; letter-spacing: -0.5px}
.password-secret-pop .alertWrapInner .inputWrap{margin-bottom: 28px}

.footerPop .alertWrapInner{width: calc(100% - 40px); max-width: 327px; height: 572px}
.footerPop .alertWrapInner > h3{padding: 24px 0 15px 0; margin: 0 20px}
.footerPop .alertWrapInner > p{padding: 16.71px 20px 0 20px; margin-bottom: 16.71px; font-size: 15px;line-height: 21px;letter-spacing: -0.5px;font-weight: 400;color: #2A303C;text-align: left; max-height: 436px}
.footerPop .alertWrapInner > p > strong{font-weight: 700}
.footerPop .alertWrapInner > ul > li:last-child > *{height: 60px}
.mainSmallBanner strong{transform: translateY(100%); opacity: 0;}
.mainSmallBanner.active  strong{position: relative; transition: transform, opacity 0.5s ease-out; animation: slideInFromBottom 1s forwards}
@keyframes slideInFromBottom {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.show-animation {animation: slideInFromBottom 0.5s ease-out;}

.checkPasswordPop .alertWrapInner{max-width: 382px;}
.checkPasswordPop .alertWrapInner > h2{padding: 40px 39px 8px 39px ;font-size: 18px; font-style: normal; font-weight: 700; line-height: 26.5px; letter-spacing: -0.5px; color: #2A303C; text-align: center; display: block; text-align: center}
.checkPasswordPop .alertWrapInner > p{font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: -0.5px; color: #5C6272; padding: 0 39px 12px 39px}
.checkPasswordPop .alertWrapInner .inputWrap input{height: 56px; border: 1px solid #2A303C; max-width: 304px}
.checkPasswordPop .alertWrapInner .inputWrap{margin-bottom: 40px}
.checkPasswordPop .alertWrapInner > ul > li > *{height: 47px; font-size: 14px; line-height: 22.5px; letter-spacing: -0.5px}

.registeredEmail .alertWrapInner > p{padding: 30px 33px; font-size: 16px; font-weight: 700; line-height: 23px}
.registeredEmail .alertWrapInner > p > span{font-size: 12.5px; line-height: 17px; color: #5C6272; letter-spacing: -0.5px}
.registeredEmail .alertWrapInner > ul > li > *{height: 55px; line-height: 55px}
.password-secret-pop{z-index: 9998}
.failpaasword{z-index: 9999}
.restDropWrap .titleArea > h2 > strong{font-size: 21px; line-height: 30px; letter-spacing: -0.5px; color: #2A303C}
.restDropWrap .memberShiftWrap > h4{margin: 48px 0 16px 0}
.restDropWrap .memberShiftWrap .mb_shift_date{line-height: 21px; letter-spacing: -0.5px; color: #2A303C}
.restDropWrap .memberShiftWrap > h5{margin: 8px 0 0 0}
.restDropWrap .memberShiftWrap > ul{margin: 60px 0;}
.restDropWrap .memberShiftWrap > ul > li > h5{line-height: 21px; letter-spacing: -0.5px; margin: 0 0 8px 0}
.restDropWrap .memberShiftWrap > ul > li > h6{line-height: 17px}
.restDropWrap .matter-radio > input + span{font-size: 15.5px; font-weight: 400; line-height: 21px; letter-spacing: -0.5px;}
.restDropWrap .memberShiftWrap > ul > li{justify-content: flex-start}
.restDropWrap .matter-radio:not(:first-of-type){margin-left: 24px}
.restDropWrap .fixedButton .btn_cancel{background-color: #FFFFFF; border-top: 1px solid #EAECF0 }
.restDropWrap .memberShiftWrap > ul.memberShiftKind{margin: 48px 0}
.email-tag:after{display: none}
#footer .footerInner > ul.info > li > ul > li.information{margin-bottom: 4px;}
.popupWrap .popupInner .cont > li > a > img.pc-main-banner{display: none}
.popupWrap .popupInner .cont > li > a > img.mb-main-banner{display: block}

.newsAd > ul > li:nth-of-type(2){max-width: 125px;}
.newsAd > ul > li:nth-of-type(2) > br{ }
.newsAd > ul > li:nth-of-type(3){margin-left: 20px;}
.newsAd > ul > li:nth-of-type(3) > img{display: block; max-height: 30px;}
.newsAd > ul > li{font-size: 9px; font-weight: 400; line-height: 14px; letter-spacing: -0.5px; color: #FFFFFF}
.newsAd > ul > li:nth-of-type(4){margin-left: 10px}
.newsAd > ul > li > strong{font-weight: 700}
/*.SwiperServiceMain > ul > li:last-of-type > a{cursor: default; pointer-events: none}*/
.mainLatestSection .mainLatestThumb > ul > li > a > .image_desktop{display: none}
.mainLatestSection .mainLatestThumb > ul > li > a > .image_mobile{display: block}
.popupWrap .popupInner .btn > li{height: 44px; line-height: 44px}
.popupWrap .popupInner .btn > li > button{height: 44px; letter-spacing: -0.5px; font-size: 12.5px}
.popupWrap .popupInner .btn > li > button.btn_close{font-weight: 700; }
.popupWrap .popupInner .btn > li > button.btn_donot{font-weight: 400}
.mainLatestSection ul li a[href=""] {
    cursor: default;
    pointer-events: none;
}
#header .gnb > ul > li.active > a{font-weight: 700; color: #2A303C}
#header .subMenuInner > ul.sns > li > a > img{display: block; width: 100%; }
#header .subMenuInner > ul.sns > li:first-of-type > a > img{max-width: 31.97px;}
#header .subMenuInner > ul.sns > li:nth-of-type(2) > a > img{max-width: 15.16px;}
#header .subMenuInner > ul.sns > li:nth-of-type(3) > a > img{max-width: 7.59px;}
#header .subMenuInner > ul.sns > li:last-of-type > a > img{max-width: 16.84px;}

.employeeCheck{max-width: 327px; width: calc(100% - 24px); margin: 0 auto; padding-top: 140px}
.employeeCheck > img{display: block; width: 100%; max-width: 160px; margin: 0 auto 100px;}
.employeeCheck > h2{font-size: 21px; line-height: 30px; color: #2A303C; text-align: center; margin-bottom: 20px; font-weight: 700}
.employeeCheck > p{font-size: 15px; text-align: center; color: #2A303C; line-height: 21px; margin-bottom: 40px}
.employeeCheck > div{display: flex; align-items: center; justify-content: space-between;}
.employeeCheck > div > a{width: 152px; height: 60px; display: flex; align-items: center; justify-content: center; border: 1px solid #D1D4DA; font-size: 15px; color: #5C6272; line-height: 23px; border-radius: 2px}
.employeeCheck > div > a:last-of-type{margin-left: 20px;color: #fff; border-color: #431F88; background-color: #431F88}

.newTermsStyle .alertWrapInner > h3,
.newTermsPop .alertWrapInner > h3{padding: 15px 0; margin: 0 20px}
.newTermsStyle .alertWrapInner > p{max-height: 436px; padding: 16.71px 20px 0 20px }

.verifyInfo{z-index: 9999}
.verifyInfo .alertWrapInner > p{font-size: 16px; font-weight: 700; line-height: 23px; color: #1F222D; margin-bottom: 8px; padding: 30px; margin-bottom: 0;}
.verifyInfo .alertWrapInner > p > span{color: #2A303C; font-size: 12.5px; line-height: 20px; font-weight: 400}
.verifyInfo .alertWrapInner > p > span > a{border-bottom: 1px solid #2A303C; font-weight: 500; display: inline-block; line-height: 1}

.RestyleVerifyInfo .alertWrapInner > p{padding-bottom: 10px}
.RestyleVerifyInfo .alertWrapInner > p:last-of-type{display: none}
.RestyleVerifyInfo .alertWrapInner > div{display: block; font-size: 11.5px; color: #431F88; line-height: 16px; text-align: center; padding-bottom: 30px; font-weight: 400}
.RestyleVerifyInfo .alertWrapInner > div > strong{font-weight: 700}

.firstJoinPop.hide {
    opacity: 0;
    transition: opacity 0.5s;
}
.firstJoinPop {
    z-index: 9999;
    opacity: 1;
    transition: opacity 0.5s;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    background: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
}
.firstJoinPop > div:last-of-type {width: 200px; height: 238px; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.firstJoinPop > div:last-of-type > img{display: block; width: 176%;}
.firstJoinPop > div:first-of-type{background-color: rgba(246, 247, 248, 0.9); font-size: 14px; line-height: 20px; color: #2A303C; font-weight: 500; display: flex; align-items: center; justify-content: center; width: 270px; height: 110px; border-radius: 60px; text-align: center; margin-top: 15px;flex-direction: column}
.firstJoinPop > div:first-of-type > strong{color: #2A303C; font-weight: 700; font-size: 19px; line-height: 27px; margin-bottom: 8px}
/*개인정보 제3자 제공 사항 팝업*/
.promotion-event-terms{margin: 0 20px}
.promotion-event-terms > ul{margin-bottom: 16px}
.promotion-event-terms > ul > li{color: #2A303C; font-size: 12px; line-height: 20px; font-weight: 400; width: 100%}
.promotion-event-terms > ul > li > span{font-weight: 400; color: #2A303C}
.promotion-event-terms > ul > li > br{display: block}
.promotion-event-terms > p{color: #5C6272; font-size: 10px; font-weight: 400; line-height: 17px; margin-bottom: 32px}
.promotion-event-terms > div{display: flex; align-items: center; justify-content: center}
.promotion-event-terms > div > label:last-of-type{margin-left: 44px}
.eventpromotion .alertWrapInner{height: 443px; overflow: visible}
.eventpromotion .closeBtn{position: absolute; right: 0; top: -26px; border: none; background: url('../img/promotion_icon_close.png') no-repeat center center; padding: 0; width: 20px; height: 20px}
.eventpromotion .alertWrapInner > p{margin: 0;padding: 0}
.promotion-event-terms{padding: 26px 0 52px 0}
.eventpromotion{z-index: 999}
.eventpromotion .btn-calendar{position: absolute; width: 100%; height: 60px; font-size: 15px; font-weight: 700; border-radius: 0}

.popMainSize{position: relative;}
.calendar-banner-pc{display: none !important}
.calendar-banner{background-size: cover; width: 768px; height: 712px; display: block}
.calendar-banner > img{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    object-fit: cover;
    object-position: bottom center;
}
.calendar-banner-link{padding: 48px 44px 44px 44px; display: block; position: relative; z-index: 999}
.calendar-banner-link > span{font-size: 15px; line-height: 21px; color: #fff; font-weight: 400; display: block; margin-bottom: 4px}
.calendar-banner-link > strong{display: block; font-size: 36px; line-height: 46px; color: #fff; margin-bottom: 20px; font-weight: 700}
.calendar-banner-link > b{color: #fff; font-size: 11.5px; line-height: 15.5px; font-weight: 400; margin-bottom: 60px; display: block}
.calendar-banner-link > button{background: transparent; font-size: 11.5px; color: #FFFFFF; border-radius: 20px; border:  1px solid #FFFFFF; width: 87px; height: 29px}
/*모바일 메인 비디오*/
.main-video{width: calc(100% - 48px); margin: 0 auto 65px; position: relative}
.pc-video-main{display: none}
.mb-video-main{display: block}
.video-mb-swiepr > ul > li > div > iframe{width: 100%; margin-bottom: 12px; height: 324px; }
.video-mb-swiepr > ul > li > span{color: #2A303C; font-size: 16px; line-height: 23px; font-weight: 700; display: block; margin-bottom: 8px;}
.video-mb-swiepr > ul > li > p{display: block; font-size: 12.5px; color: #5C6272; font-weight: 400; line-height: 17px}
.main-video > h2{color: #2A303C; font-size: 15px; line-height: 21px; font-weight: 700; margin-bottom: 16px}
.main-video .swiper-pagination-bullet{width: 6px; height: 6px; margin: 0 3px !important}
.main-video .swiper-pagination-bullet-active{background-color: #431F88}
.main-video .swiper-pagination{top: auto !important; bottom: 71px !important; left: 47%!important;}
.quickReservWrap > div.title-easybox{display: block}
.quickReservWrap > div.title-easybox > div:first-of-type{margin-bottom: 10px}
.quickReservWrap > div.title-easybox > div:last-of-type{display: none}
@keyframes colorChange {
    from {
        background-color: #2A303C;
    }
    to {
        background-color: #431d87;
    }
}
/*.video-mb-swiepr > ul > li > iframe {*/
/*    height: 403px;*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    }*/
.video-mb-swiepr > ul > li > div{ position: relative; height: 0; padding-bottom: 56.25%; margin-bottom: 12px}
.video-mb-swiepr > ul > li > div > iframe{position: absolute; top: 0; width: 100%; height: 100%}

#header .head > ul > li.logo a.event-logo{width: 195px; height: 45px; position: relative; display: block}
#header .head > ul > li.logo img.banner-gif{width: auto; display: block; height: 75px; bottom: -13px; position: absolute; left: -9px}
/* 마케팅 수신 동의 팝업 */
.alertWrap.pop_marketing_agree .alertWrapInner{ max-width: 459px; }
.pop_marketing_agree .alertWrapInner > h3{ display: none; }
.pop_marketing_agree .alertWrapInner > p { display:none; }
.pop_marketing_agree .alertWrapInner .popAgreementArea{ padding: 46px 68px; }
.pop_marketing_agree .alertWrapInner .popAgreementArea .title{ color : #000; font-size: 18px; font-weight: 700; text-align: center; }
.pop_marketing_agree .alertWrapInner .popAgreementArea .sub-title{ margin-top: 12px; color : #5C6272; font-size: 14px; font-weight: 400; text-align: center; line-height: 20px;}
.pop_marketing_agree.alertWrap .alertWrapInner > ul > li:first-child > * { background:#F1F2F3; color:#BBC0C9; font-size:14px; font-weight: 500; }
.pop_marketing_agree.alertWrap .alertWrapInner > ul > li > * {
    border: 0;
    border-top: #BBC0C9 0 solid;
    background-color: #431F88;
    color: #ffffff;
    width: 100%;
    border-radius: 0;
    height: 47px;
    line-height: 47px;
    font-weight: 500;
}
.pop_marketing_agree .terms_ul.agreement_content{ margin-top: 32px; padding: 14px 30px; background-color: #F6F7F8; }

.sub_gust_agree > li > h4{font-size: 12.5px; color: #2A303C; margin-bottom: 8px;}
.sub_gust_agree > li > div{width: 100%; display: flex; align-items: center; justify-content: space-between}
.sub_gust_agree > li > div > label{display: flex}
.sub_gust_agree > li > div > button{border: none; background: transparent; font-size: 11.5px; font-weight: 500;}
.sub_gust_agree > li{margin-bottom: 20px}
.sub_gust_agree > li:last-of-type{margin-bottom: 0px}
.sub_gust_agree .matter-checkbox > input{border: solid 1px #4A515F; border-radius : 0;  width: 10px; height: 10px; top: 1px; left: 5px}
.sub_gust_agree .matter-checkbox > input + span{ font-size:15px !important; font-weight: 400; line-height: 21px; color: #2A303C; display:flex; align-items: center; position: relative; overflow: visible;}
.sub_gust_agree .matter-checkbox > input + span.all {font-weight: 700; font-size: 16px;}
.sub_gust_agree .matter-checkbox > input + span > em { font-size:12px; color:#5C6272; font-weight: 400; margin-left:3px; }
.sub_gust_agree > li > div.agree-marketing .matter-checkbox > input + span{ font-size:11px; font-weight: 400; color: #2A303C}
.sub_gust_agree > li > div i{margin-bottom: 3px; border-radius: 2px; color: #5C6272;
    font-size: 11px;
    font-weight: 400;
    line-height: 11px;
    padding: 2px;
    background-color: #F1F2F3;
    margin-right: 4px;}
.sub_gust_agree .matter-checkbox > input + span::before{left: -9px; top: -11px; z-index: 9999;}

.sub_gust_agree > li > div.agree-marketing {display: flex; flex-direction: column; align-items: start; margin-top: 7px; margin-left: 24px; padding: 7px 0 0 0; background-color: #F6F7F8;}
.agree-marketing .matter-checkbox > input + span{ font-size: 11px; padding-left: 20px; }
.agree-marketing .matter-checkbox > input { left: 0; top: 2px; }
.sub_gust_agree > li > div.agree-marketing > div{ display: flex; }
.sub_gust_agree > li > div.agree-marketing > div > label:nth-of-type(2){ margin-left: 24px; }
.sub_gust_agree > li > div.agree-marketing > p{ font-size: 9px; line-height: 14px; text-align: left; color: #798493; }

#topBanner { width: 100%; height: 39px;}
#btnHideTopbn { position:absolute; width:20px; height:20px; top:10px; right:calc((100% - 1320px) / 2 + 10px); background:url('../svg/icon_close.svg') no-repeat center center;
    background-size:20px 20px; border:0; z-index: 1;}


.place-search-wrap { width: 252px; height: 120px; background:#fff; position:absolute; left:50%; top:30px; transform: translateX(-50%); z-index: 9;
    box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.10); border:#D1D4DA 1px solid; display:none !important;
}
.place-search-wrap.show { display:block !important; }
.place-search-wrap:before { content:""; position:absolute; left:50%; top:-10px; transform: translateX(-50%); width:0px; height:0px;
    border-bottom: 10px solid #D1D4DA; z-index: 8;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
.place-search-wrap:after { content:""; position:absolute; left:50%; top:-9px; transform: translateX(-50%); width:0px; height:0px;
    border-bottom: 10px solid #ffffff; z-index: 9;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
.place-search-wrap > h3 { font-size: 11px; font-weight: 400; text-align: center; }
.place-search-wrap > h3 strong { color:#431F88; font-weight: 700; margin:0 0 0 3px; }
.place-search-wrap > *:not(.btn-search-zip) { width:100%; height:calc(100% - 40px); display:flex; justify-content: center; align-items: center; }
.place-search-wrap > .btn-search-zip { width:calc(100% + 2px); height:40px; display:flex; justify-content: center; align-items: center; background: #431F88;
    color:#ffffff; font-size:11px; padding:0; position:relative; margin:0 0 0 0; left:-1px; bottom:-1px; }
.place-search-wrap > .btn-search-zip.done { background:#fff; color:#431F88; border:#D1D4DA 1px solid; }
#searchMyPlace { display:none; }
#searchMyPlace.show { display:flex; justify-content: center; align-items: center; width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0, .5); z-index: 999999; }
#searchMyPlace > div { width:575.25px !important; background:#fff; border-radius: 5px; position:relative; }
#searchMyPlace > div > h3 { border-bottom: #EAECF0 1px solid; height: 48.2px; display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding:0 20px; }
#searchMyPlace > div > h3 > strong { font-size: 18px; font-weight: 700;}
#searchMyPlace > div > h3 > .btn_close { width:14px; height: 14px; background:url('../svg/icon_cancel.svg') no-repeat center center; background-size: 14px 14px; }
#searchMyPlace > div > div {}

#searchMyPlace .icon_loading { position:absolute; left:0; top:0; background:rgba(0,0,0,.5); width:100%; height:100%; z-index: 9999999; display:flex; flex-direction: column; justify-content: center; align-items: center; }
#searchMyPlace .icon_loading.hide { display:none; }
#searchMyPlace .icon_loading > h5 { text-align: center; font-size: 18px; font-weight: 700; color:#fff; line-height: 26.5px; margin:25px 0 10px 0; }
#searchMyPlace .icon_loading > h6 { text-align: center; font-size: 18px; font-weight: 700; color:#fff; line-height: 26.5px; }
#searchMyPlace .loader {width: 40px; height: 40px; border: 3px solid #FFF; border-bottom-color: transparent;
    border-radius: 50%; display: inline-block; box-sizing: border-box;
    animation: rotation 1s linear infinite; position:relative; /*left:50%; top:50%; margin: -20px 0 0 -20px;*/}
@keyframes rotation {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}


#daum-wrap { display:none; }
#daum-wrap.show { display:block; border-radius: 0 0 5px 5px; overflow: hidden;}
#daum-wrap > div {height: 445px !important;}

#address2-wrap { display:none; }
#address2-wrap.show { width:100%; display:flex; flex-direction: column; justify-content: flex-start; flex-wrap: wrap; position:relative; padding:45px 32px 0!important; }
#address2-wrap > h5 { color:#5C6272; font-size:10px; font-weight: 400; margin:5px 0 15px 0; display:none; }
#address2-wrap input[type='text'] { border: #BBC0C9 1px solid;
    border-radius: 2px;
    padding: 15px;
    margin: 0 0 5px 0;
    width: 100%;
    font-size: 16px;
    font-weight: 400; }
#address2-wrap .btn-addr-modify { position:absolute; top:20px; right:32px;
    background: #5C6272;
    color: #fff;
    font-size: 10px;
    height: 18px;
    line-height: 18px;
    padding: 0 4px;
    border: 0; margin:0 0 7px 0;
    width: auto; min-width: 42px;
    text-align: center; }
#address2-wrap .btn-search-near-place { width:calc(100% + 64px); height:47px; display:flex; justify-content: center; align-items: center; color:#fff; font-size:15px;
    font-weight: 700; position:relative; left:-32px; bottom:-20px; border-radius: 0 0 5px 5px;
}
#address2-wrap .btn-search-near-place:disabled { background:#F6F7F8; color:#BBC0C9; }

/* 가까운 지점 찾기 팝업 */
#search-result-wrap { display:none; }
#search-result-wrap.show { width:100%; display:flex; flex-direction: column; justify-content: flex-start; }
#search-result-wrap > p { width:100%; text-align: center; padding:34px 0 0px; font-size:18px; font-weight: 400; }
#search-result-wrap > p > strong { font-weight: 700; color:#431F88; }
#search-result-wrap > h6 { width:100%; text-align: center; padding:0; font-size:14px; font-weight: 400; margin:7px 0 15px 0; }
#search-result-wrap > h6 > strong { font-weight: 700; color:#431F88; }
#search-result-wrap .img-wrap {width: calc(100% - 55px); height: 257.5px; padding: 0 27.5px; margin: 0 auto 12px; position: relative; overflow: hidden; background: #ededed}
#search-result-wrap .img-wrap .directions {position: absolute; z-index: 999999; right: 10px; bottom: 10px; width: 49.03px; height: 49.03px; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; background: #5C6272; opacity: 75%; border-radius: 6px; color: #fff; font-size: 9px; line-height: 10.89px; font-weight: 400;}
#search-result-wrap .img-wrap .directions > img {width: 26.74px; height: 19.04px;}
#search-result-wrap .shop-info {margin-bottom: 34px; padding: 0 27.5px;}
#search-result-wrap .shop-info > div {margin-bottom: 4px;}
#search-result-wrap .shop-info > div > strong {font-size: 12px; line-height: 19px; display: inline-block; font-weight: 700;}
#search-result-wrap .shop-info > div > p {margin-left: 12px; font-size: 14px; line-height: 22px; font-weight: 400; color: #4A515F; display: inline-block;}
#search-result-wrap .shop-info > a {display: flex; align-items: center; gap: 2px; margin-top: 8px; font-size: 11px; font-weight: 400; color: #798493; line-height: 15px;}
#search-result-wrap .btn-wrap { display:flex; align-items: center; flex-wrap: wrap; }
#search-result-wrap .btn-wrap > button { flex:1; border:#BBC0C9 1px solid; font-size: 14px; font-weight: 500; display:flex; justify-content: center; align-items: center;
    height:47px; border-radius: 0 0 0 5px; background:#fff; color:#2A303C; border-left:0; border-right:0; border-bottom:0; }
#search-result-wrap .btn-wrap > button.btn-goto-reserv { color:#fff; background:#431F88; border-color:#431F88; border-radius: 0 0 5px 0; }
.marker {display: flex; flex-direction: column; align-items: center; text-align: center}
.marker > a { display: flex; flex-direction: column; align-items: center; text-align: center; width:100%; }
.marker > a > strong { display:inline-block; width: 13px; height:13px; background:#431F88; border-radius: 100%; }
.marker h5 { font-size:0.8rem; font-weight: 700; color:#2A303C; word-break: keep-all; white-space: pre-wrap;text-shadow: 2px 0 0 #ffffff, -2px 0 0 #ffffff, 0 2px 0 #ffffff, 0 -2px 0 #ffffff; }
.marker.pink h5 { color:#431F88; font-size:0.9rem; }
.marker img { width: 20px; height:27px; }
.marker.pink img { width: 25px; height:34px; }


.price-wrap { display:none; }


/* 리뉴얼 */

br.is-mobile {display: none;}

.maxW1200 {max-width: 1320px;}
.w50 {width: 50%;}

.ttl_center {text-align: center;}
.main_section_point_ttl {color: #431F88; font-size: 18px; font-weight: 500; line-height: 34px; margin-bottom: 10px; display: inline-block;}
.main_section_ttl {font-size: 30px; font-weight: 700; line-height: 43px;}
.main_section_sub_ttl {margin-top: 12px; color: #4A515F; font-size: 18px; font-weight: 400; line-height: 29px;}
.main_section_more_btn {color: #5C6272; font-size: 14px; line-height: 14px; font-weight: 400; display: inline-block; margin-left: 5px;}
.more-review{margin-top: 15px; padding: 12px 40px; display: block; width: fit-content; border-radius: 2px; border: 1px solid #431F88; background: #FFF;color: #431F88; font-size: 14px; font-weight: 500;}
.section1 {margin-bottom: 160px;}
.accrue {margin: 40px 0; text-align: center;}
.accrue p {font-size: 20px; font-weight: 400; line-height: 29px; display: block; align-items: center; justify-content: center;}
.accrue p span {font-size: 14px; font-weight: 400; line-height: 29px; display: block; margin-left: 10px; color: #5C6272; justify-content: center;}
.accrue strong {margin-top: 24px; font-family: "Pretendard", sans-serif !important; font-size: 54px; font-weight: 700; line-height: 36px; display: flex; align-items: center; justify-content: center; gap: 5px;}
.accrue accrue-number span {font-size: 24px; font-weight: 400; line-height: 29px; }
.section1 #mainReview {width: 654px; overflow: visible;}
.section1 #mainReview .swiper-wrapper {align-items: center;}
.section1 #mainReview .swiper-slide { }
.section1 #mainReview .swiper-slide-active {}
.section1 #mainReview .swiper-slide {}
.section1 #mainReview .swiper-slide > div {position: relative; transition: color 0.3s ease-in-out;}
.section1 #mainReview .swiper-slide > div img {width: 100%; transition: opacity 0.3s ease;}

.section1 #mainReview .swiper-slide:not(.swiper-slide-active) > div {width: 60%; height: 281px; transition: width 0.3s ease-in ,height 0.3s ease-in, opacity 0.3s ease-in; background: #fff; border-radius: 4px; opacity: 0.5; box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.15); color: #4A515F;}
.section1 #mainReview .swiper-slide:not(.swiper-slide-active) > div > img {opacity: 0;}

.section1 #mainReview .swiper-slide > div .txt-wrap {height: 100%; padding: 35px;display: flex; flex-direction: column; justify-content: space-between;  position: absolute; left: 0; top: 0; transition: color 0.3s ease;}
.section1 #mainReview .swiper-slide > div .txt-wrap > div h3 {font-size: 20px; font-weight: 700; line-height: normal;}
.section1 #mainReview .swiper-slide > div .txt-wrap > div p {margin-top: 12px; font-size: 16px; font-weight: 400; line-height: normal; word-break: keep-all;}
.section1 #mainReview .swiper-slide > div .txt-wrap .user {display: flex; align-items: center; gap: 5px;font-size: 14px; font-weight: 400; line-height: 28px;}
.mgAuto {margin-left:auto; margin-right: auto;}

.section1 #mainReview .swiper-slide-active > div {color: #fff;}
.section1 #mainReview .swiper-slide-active > div .txt-wrap {}
.section1 #mainReview .swiper-slide-active > div .txt-wrap > div h3 {font-size: 25px; line-height: 44px;}
.section1 #mainReview .swiper-slide-active > div .txt-wrap > div p {font-size: 18px; line-height: 26.5px; font-weight: 300;}
.section1 #mainReview .swiper-slide > div .txt-wrap .user {font-size: 16px; font-weight: 300;}
.section1 #mainReview .swiper-slide-prev > div {opacity: 0.8 !important; transform: translateX(48%) !important;}
.section1 #mainReview .swiper-slide-next > div {opacity: 0.8 !important; transform: translateX(18%) !important;}

.section1 #mainReview .swiper-button-next:after, .section1 #mainReview .swiper-button-prev:after {display: none;}
.section1 #mainReview .swiper-button-next, .section1 #mainReview .swiper-button-prev {z-index: 99; width: 54px; height: 54px; top: 50%; transform: translate(-50%, -50%); background-size: 100% auto !important}
.section1 #mainReview .swiper-button-next {right: -90px; background: url("../svg/icon_textfile_arrow_right.svg") no-repeat center center;}
.section1 #mainReview .swiper-button-prev {left: -35px; background: url("../svg/icon_textfile_arrow_left.svg") no-repeat center center;}


.section2 {margin: 0 auto 130px; max-width: 1320px; height: 802px;}
.section2 > div {display: flex; position: relative;}
/*.section2 > div > * {flex: 1;}*/
.section2 .ttl-wrap {margin-right: 219px;}
.section2 .ttl-wrap > div {margin: 0 133px 0 auto; display: flex; flex-direction: column; align-items: flex-start; width: fit-content;}
.section2 a {display: block;}
.section2 img {width: 100%}

.section2 .service-wrap {position: relative;}
.section2 .ttl {position: absolute; font-size: 23px; font-weight: 400; line-height: 34px;}
.section2 .ttl strong {font-weight: 700;}

.section2 .service01, .section2 .service02, .section2 .service03 {position: absolute; left: 50%;}
.section2 .service01 .ttl, .section2 .service03 .ttl {left: 40px; top: 40px;}
.section2 .service01 .ttl{color: #fff;}
.section2 .service01 {width: 917px;margin-left: 43px; margin-bottom: 82px;}

.section2 .service02 {width: 917px; margin-top: 147px; transform: translateX(-105%);}
.section2 .service02 {display: block;}
.section2 .service02 .ttl {right: 40px; top: 40px; text-align: right;}

.section2 .service03 {width: 622px; margin-left: 43px; margin-top: 240px;}
.section2 .service03 .ttl {color: #fff;}
.section2 .service03 img {border-radius: 8px;}

.section3 {width: 100%; padding: 85px 0 80px; margin-bottom: 160px;  color: #fff; background: url("../img/section3-01_pc.png") no-repeat center center; background-size: cover; display: block;}
.section3 .ttl-wrap {width: 100%; text-align: right; color: #fff; padding-right: 360px}
.section3 .ttl-wrap h2 {margin-bottom: 16px; text-align: right;}
.section3 .ttl-wrap > div {display: flex; flex-direction: column; align-items: end; gap: 22px;}
.section3 .ttl-wrap > div .main_section_sub_ttl {margin-top: 0; font-size: 18px; font-weight: 400; color: #fff;}
.section3 .ttl-wrap > div span {padding: 10px 20px; border-radius: 100px; border: 1px solid #D1D4DA; color: #fff;font-size: 14px; font-weight: 400; transition: all 0.2s ease-in-out;}
.section3 .ttl-wrap > div span:hover {background: #fff; color: #363636; border: 1px solid #fff;}

.section4 {margin-bottom: 140px;}

.section4 .ttl-wrap {text-align: center;}

.section4 .store-tab {margin: 42px 0 37px; display: flex; align-items: center; justify-content: center; gap: 23.5px;}

.section4 .store-tab > button {padding: 12px 20px; border-radius: 100px; background: #EAECF0; font-size: 18px; font-weight: 400; display: flex; align-items: center; justify-content: center; gap: 5px;}

.section4 .store-tab > button strong {font-weight: 400;}

.section4 .store-tab > button.on {background: #2A303c; color: #fff; font-weight: 700;}

.section4 .store-tab > button.on strong {font-weight: 700;}

.section4 .store-tab > button > i.dividing-dot {width: 5px; height: 5px; background: #2A303c; border-radius: 100px;}

.section4 .store-tab > button.on > i.dividing-dot {background: #fff;}



.section4 .store-list {width: 100%; max-width: 1320px; margin: 0 auto; display: none; flex-wrap: wrap; gap: 44px;}

.section4 .store-list.mobile {display: none;}

.section4 .store-list.show {display: flex;}

.section4 .store-list > * {display: block; width: calc(50% - 22px); height: auto; position: relative; line-height: 0; border-radius: 8px; overflow: hidden;}
.section4 .store-list .store-wrap .text-wrap {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 30px 10px 34px 39.5px; color: #fff; position: absolute; top: 0; left: 0;}
.section4 .store-list .store-wrap:not(.more_store) .text-wrap h4 {text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05); font-size: 30px; font-weight: 700; line-height: 43px;}
.section4 .store-list .store-wrap .text-wrap .ttl-wrap {display: flex; flex-direction: column; align-items: start; gap: 10px;}
.section4 .store-list .store-wrap .text-wrap .ttl-wrap strong {font-size: 20px; font-size: 500; line-height: 34px;}
.section4 .store-list .store-wrap .text-wrap .description {color: #EAECF0; font-size: 16px; font-weight: 400; line-height: 27px;}
.section4 .store-list .store-wrap .text-wrap > div {display: flex; align-items: center; gap: 24px;}
.section4 .store-list .store-wrap .text-wrap > div p {font-size: 16px; line-height: 26.5px; display: flex; align-items: baseline; gap: 15px;}
.section4 .store-list .store-wrap .text-wrap > div p strong {font-weight: 700; white-space: nowrap;}
.section4 .store-list .store-wrap .text-wrap > div p span {font-weight: 400;}
.section4 .store-list .store-wrap img {width: 100%;}
.section4 .store-list .more_store {background-color: #F1F2F3;}
.section4 .store-list .more_store .text-wrap {color: #2A303C;}
.section4 .store-list .more_store .text-wrap h4 {text-align: left; font-size: 23px; font-weight: 700; line-height: 34px;}
.section4 .store-list .more_store .text-wrap p {font-size: 18px; font-weight: 400; line-height: 26.5px; }

.new_store_wrap > a {cursor: default;}
/* .new_store_wrap .img-text-wrap {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 30px 10px 22px 39.5px; color: #fff; position: absolute; top: 0; left: 0;}
.new_store_wrap .img-text-wrap .ttl-wrap {display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}
.new_store_wrap .img-text-wrap .ttl-wrap h4 {text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05); font-size: 30px; font-weight: 700; line-height: 43px;}
.new_store_wrap .img-text-wrap .ttl-wrap strong {font-size: 20px; font-weight: 500; line-height: 34px;}
.new_store_wrap .img-text-wrap p {color: #EAECF0; font-size: 16px; font-weight: 400; line-height: 27px;}
.new_store_wrap .img-text-wrap p strong {font-weight: 700;} */

.section4-sub { margin: 0 auto 170px; display: flex; justify-content: center; flex-direction: column; width: 100%; max-width: 1320px; gap: 40px;}
.section4-sub .ttl-wrap {text-align: center;}
.section4-sub .store-wrap {flex: 1; height: auto; position: relative; line-height: 0;}
.section4-sub .store-wrap img {width: 100%; border-radius: 8px;}

.section5 {margin-bottom: 120px; width: 100%; height: 380px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 42px; background:url("../img/section5_pc.png")no-repeat center center; background-size: cover;}
.section5 .ttl-wrap {text-align: center;}
.section5 .accrue {margin: 0; padding-bottom: 15px;}

.section6 {margin-bottom: 168px;}
.section6 .ttl-wrap {text-align: center;}

.section6 #mainSpace {margin-top: 30px;}
.section6 #mainSpace .swiper-slide > div {position: relative; line-height: 0;}
.section6 #mainSpace .swiper-slide > div h4 {position: absolute; color: #fff; font-size: 25px; font-weight: 700; line-height: 37px; left: 50%; top: 33px; z-index: 1; transform: translateX(-50%); transition: all 0.4s ease-in;}
.section6 #mainSpace .swiper-slide-active > div h4 {font-size: 30px; line-height: 43px; top: 53px;}
.section6 #mainSpace .swiper-slide > div img {width: 100%; height: auto;}
.section6 #mainSpace .swiper-slide .layer {width: 100%; height: 100%;}
.section6 #mainSpace .swiper-slide .layer:after {content: '';opacity: 0.5; background: #000; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; border-radius: 6px; transition: opacity 0.5s ease-in;}
.section6 #mainSpace .swiper-slide-active .layer:after {width: calc(100% - 2px); height: calc(100% - 2px); top: 1px; left: 1px; opacity: 0; transition: opacity 0.5s ease-in;}



.section7 {display: flex; margin-bottom: 120px; align-items: center; justify-content: center;}
.section7 > div:first-of-type {width: 950px; margin-right: 85px;}
/*.section7 > div:last-of-type {width: 35%;}*/
.section7 .bg-img {position: relative;}
.section7 .bg-img img {width: 950px; display: block;}
.section7 .bg-img .ttl-wrap {position: absolute; left: 380px; top: 98px; margin: 0 208px 0 auto; width: max-content;}
.section7 .bg-img .ttl-wrap .main_section_point_ttl {margin-bottom: 6px;}
.section7 .bg-img .ttl-wrap .main_section_ttl {padding-bottom: 10px;}
.section7 .letter-wrap {position: relative;}
.section7 .letter-wrap .ttl-wrap {text-align: center;}
.section7 .letter-wrap .desktop {display: block;}
.section7 .letter-wrap .mobile {display: none;}

.section7 .letter-wrap #letterSwiper {width: 395px; margin-top: 26px; }
.section7 .letter-wrap .posty {position: absolute; left: 320px; top: 62%; z-index: 9;}
.section7 .letter-wrap #letterSwiper .swiper-slide {display: flex; align-items: center; justify-content: center;}
.section7 .letter-wrap #letterSwiper .swiper-slide > div {margin: 10px;  padding: 43px;border: 1px solid #f5f5f5; background: #FFF; box-shadow: 2px 3px 7px 0 rgba(0, 0, 0, 0.10)}
.section7 .letter-wrap .swiper-button-next:after, .section7 .letter-wrap .swiper-button-prev:after {display: none;}
.section7 .letter-wrap .swiper-button-next, .section7 .letter-wrap .swiper-button-prev {top: 60%; width: 44px; height: 44px; background-size: 100% auto !important;}
.section7 .letter-wrap .swiper-button-prev {left: 50%; margin-left: -245px; background: url("../svg/icon_textfile_arrow_left.svg") no-repeat center center;}
.section7 .letter-wrap .swiper-button-next {left: 50%; margin-left: 200px; background: url("../svg/icon_textfile_arrow_right.svg") no-repeat center center;}



.rolling-partners {width: 100%; overflow: hidden; background-color: #fff; margin-bottom: 76px;}
.rolling-partners .ttl-wrap {text-align: center;}
.rolling-partners .rolling-wrap {display: flex; width: 100%; margin-top: 49px;}
.rolling-partners .rolling-wrap .js-rolling {display: flex; align-items: center; position: relative;}
.rolling-partners .rolling-wrap .js-rolling img { width: auto; margin: 0 42.5px; max-height: 74px;}
/* .rolling-partners .rolling-wrap .js-rolling img:nth-last-of-type(5) {height: 70px; margin: 0 32px;}
.rolling-partners .rolling-wrap .js-rolling img:nth-last-of-type(3) {height: 79px; margin: -9px 35px 0;}
.rolling-partners .rolling-wrap .js-rolling img:nth-last-of-type(1) {height: 69px; margin: 0 35px;} */

.rolling-wrap .js-rolling.original {animation: rollingleft1 32.5s linear infinite normal none running;}
.rolling-wrap .js-rolling.clone {animation: rollingleft2 32.5s linear infinite;}
.rolling-wrap .js-rolling.original.paused, .rolling-wrap .js-rolling.clone.paused { animation-play-state: paused;}

.section5-new{background: url('../img/setcion5-01_pc.png') no-repeat center center; background-size: cover; height: 356px; display: block; margin-bottom: 164px;}
    .section5-new div.ttl-wrap{padding-top: 81px; width: 100%; max-width: 1320px; margin: 0 auto;}
    .section5-new div.ttl-wrap > span{font-size: 18px; margin-bottom: 4px; display: block; font-weight: 500; line-height: 34px; color: #fff;}
    .section5-new div.ttl-wrap > h2{font-size: 30px; font-weight: 700; line-height: 43px; color: #fff; margin-bottom: 30px;}
    .section5-new div.ttl-wrap button { font-size: 15px; font-weight: 400; width: 183px; height: 41px; border: 1px solid #fff; border-radius: 25px; background: transparent; color: #fff; padding: 0;}

    .accrue-number{display: flex; align-items: end; justify-content: center;}
    .accrue-number span{
        margin-left: 5px;
        font-size: 24px;
        font-weight: 400;
        line-height: 20px;
}
@keyframes rollingleft1 {
    0% { transform: translateX(0); } 50% { transform: translateX(-100%); } 50.01% { transform: translateX(100%); } 100% { transform: translateX(0); }
}

@keyframes rollingleft2 {
    0% { transition: translateX(0%); } 100% { transform: translateX(-200%); }
}

#footer .f_help .helpButtonWrap > ul > li > a.btn_top{display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; background-color: #fff; border-radius: 50%; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); transition: all 0.3s ease; flex-direction: column;}
#footer .f_help .helpButtonWrap > ul > li > a.btn_top img{width: 10px; height: 5px; margin-bottom: 5px !important;}

/* 가로 해상도가 576px 보다 작은 화면에 적용) */
@media only screen and (max-width: 576px) {

    .alertWrap .alertWrapInner > p { padding:7.5px 30px; }
    .pop_marketing_agree .alertWrapInner .popAgreementArea { padding:15px 30px; }
    .pop_marketing_agree .terms_ul.agreement_content { padding:10px; }
}

@media only screen and (max-width: 1830px) {
    .mainBanner .fullscreen-iframe {top: 47%;}
}

@media only screen and (max-width: 1765px) {
    .mainBanner .fullscreen-iframe {top: 50%;}
}

/* 가로 해상도가 768px 보다 큰 화면에 적용) */
@media only screen and (min-width: 768px) {
    .mob-li-help{display: none !important;}
    .pc-li-help{display: flex !important;}
    .mainSmallBanner > ul > li > a > strong > i{display: inline}
    .mainSmallBanner > ul > li > a > strong > br{display: none}
    .roundTabs { width:100%; display:flex; }
    .roundTabs > ul { width:100%; display:flex; flex-direction: row; justify-content: center; align-items: center; }
    .roundTabs > ul > li { width:auto; margin:0 8px; }
    .roundTabs > ul > li > * { width:auto; display:inline-block; height:50px; line-height: 50px; border-radius: 25px; background:#F6F7F8; color:#2A303C;
        padding:0 20px; font-size:18px; font-weight: 700;  }
    .roundTabs > ul > li > *.on { background:#2A303C; color:#ffffff; font-weight: 700; }

    .is_mobile_wrap { display:none !important; }
    .is_desktop_wrap { display: block !important; }
    .path { max-width: 1320px; width: 100%; margin: 20px auto 40px auto; }
    .path > ul { width:100%; display:flex; justify-content: flex-end; align-items: center; }
    .path > ul > li { width:auto; }
    .path > ul > li > a { width:auto; display:inline-block; position:relative; font-size:9px; color:#949FAC; padding:0; transform: scale(.9,.9); pointer-events: none; padding: 0 10px;  }
    .path > ul > li > a.on { color:#5C6272; }
    .path > ul > li:not(:last-child) > a:after { content:""; width:20px; height:20px; background:url('../svg/icon_arrow_right_gray.svg') no-repeat center center; position:absolute;
        right:-13px; top:58%; transform: scale(1.111) translateY(-47%);
    }

    #header { width:100%; display:flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; border-bottom: rgba(234, 236, 240, 0.4) 1px solid; position: relative; z-index: 9999; background: #fff;}
    #header:hover {background: #fff; transition: all 0.2s ease;}
    #header .head { padding: 9.2px 0 0 0!important; }
    #header .head > ul > li.logo { padding:0 0 12px 0; margin:0; }
    #header.hd_w .head > ul > li.logo .logo_w, #header.hd_w:hover .head > ul > li.logo .logo_c {display: block;}
    #header.hd_w .head > ul > li.logo .logo_c {display: none;}
    #header.fixed .head > ul > li.logo .logo_w, #header.hd_w:hover .head > ul > li.logo .logo_w {display: none;}
    #header .head > ul > li.logo img {width: 195px;height: 40.998512268066406px;}
    #header .head > ul > li.menu { display:none; }
    #header .header_focus_title > a > .header-text { font-weight: 400; font-size:16px; line-height: 23px; }
    #header.fixed { }
    #header.fixed .head { width:100%; left:0; top:0; max-width: 100%; border-bottom:#EAECF0 1px solid; }
    #header.fixed .head > ul { width:100%; max-width: 1320px; margin:0 auto; }

    #header .gnb { width:auto; margin: 20.41px 0 0 auto; border:0; }
    #header .gnb > ul > li { margin:0; padding:0 28px 15px 28px; }
    /*#header .gnb > ul > li:nth-of-type(6) {width: 250px;}*/
    /*#header .gnb > ul > li:nth-of-type(6) > a {justify-content: start;}*/
    #header .gnb > ul > li:last-child { padding-right:0; padding-left: 51px;}
    #header .gnb > ul > li > a { font-size:14px; font-weight: 400; line-height: 22px; height: 31px; color: #2A303c;}
    #header.hd_w .gnb > ul > li > a {color: #fff;}
    #header.hd_w:hover .gnb > ul > li > a {color: #2A303c;}
    /*#header .gnb > ul > li:not(:nth-child(2)) > a:hover { color: #431F88 }*/
    #header .gnb > ul > li > a:hover { color: #431F88; font-weight: 700;}
    #header.hd_w:hover .gnb > ul > li > a:hover {color: #431F88;}
    #header .gnb > ul > li > a.gnbReservButton {border:#2A303c 1px solid;  border-radius: 25px; height:31px; line-height: 22px; padding: 0 20px; letter-spacing: -0.5px; font-size: 14px; font-weight: 400;}
    #header.hd_w .gnb > ul > li > a.gnbReservButton {border:#fff 1px solid;}
    #header.hd_w:hover .gnb > ul > li > a.gnbReservButton {border:#2A303c 1px solid;}
    #header .gnb > ul > li > a.gnbReservButton.on,
    #header .gnb > ul > li > a.gnbReservButton:hover,
    #header.hd_w .gnb > ul > li > a.gnbReservButton.on,
    #header.hd_w .gnb > ul > li > a.gnbReservButton:hover{ background-color: #431F88; color: #fff;}

    #header .tnb { width:100%; display: flex; }
    #header .gnb ul{align-items: flex-start; height: 46px}
    #header .tnb > ul { width:100%; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; flex-wrap: wrap; height: 20.43px}
    /*#header .tnb > ul > li:last-of-type:hover { }*/
    #header .tnb > ul > li > a { font-size:11px; color:#2A303c; font-weight: 400; padding:0 12px; position:relative; display:inline-block; }
    #header.hd_w .tnb > ul > li > a {color: #fff;}
    #header.hd_w:hover .tnb > ul > li > a {color:#2A303c;}
    #header .tnb > ul > li.my-search-place:after { content:""; position:absolute; left:0; bottom:-10px; width:100%; height:15px; background:rgba(0,0,0,0); }
    #header .tnb > ul > li:not(:first-child) > *:not(div):before { content:""; position:absolute; left:0; top:50%; transform: translateY(-50%); width:1px; height:8px; background:#D1D4DA; }
    /*#header .tnb > ul > li:last-child > a { padding:0 16px 0 12px; background-image: url("../img/icon_customer_center.png"); background-repeat: no-repeat; background-position: right top 4px }*/
    #header .tnb > ul > li > button:not(.btn_placeholder){background: url("../img/icon_customer_center.png") no-repeat right center; border: none; color: #4A515F;
        font-size: 11px; letter-spacing: -0.5px; padding-right: 19px; margin-right: 12px; margin-left:12px; padding-left:0; }
    #header.hd_w .tnb > ul > li > button:not(.btn_placeholder) {background: url("../svg/icon_customer_center_w.svg") no-repeat right center; color: #fff; }
    #header.hd_w:hover .tnb > ul > li > button:not(.btn_placeholder) {background: url("../img/icon_customer_center.png") no-repeat right center; color: #4A515F;}
    #header .tnb > ul > li > button:not(.btn_placeholder) > strong{color: #431F88; font-weight: 700;}
    #header.hd_w .tnb > ul > li > button:not(.btn_placeholder) > strong {color: #fff; }
    #header.hd_w:hover .tnb > ul > li > button:not(.btn_placeholder) > strong {color: #431F88;}
    #header .tnb > ul > li { display:flex; align-items: center; height:20px; position:relative; }
    #header .tnb > ul > li > button.btn_placeholder {background: url("../img/icon_placeholder_x2.png") no-repeat left center;
        background-size: 12.5px 12.5px; padding:0 12px 0 15px; font-size:11px; color: #4A515F;}
    #header.hd_w .tnb > ul > li > button.btn_placeholder { color: #fff; background: url("../svg/icon_placeholder_w.svg") no-repeat left center; background-size: 12.5px 12.5px;}
    #header.hd_w:hover .tnb > ul > li > button.btn_placeholder {color: #4A515F; background: url("../img/icon_placeholder_x2.png") no-repeat left center; background-size: 12.5px 12.5px;}
    #header .tnb > ul > li > button.btn_placeholder > strong { font-weight: 700; color:#431F88; }
    #header.hd_w .tnb > ul > li > button.btn_placeholder > strong {color: #fff;}
    #header.hd_w:hover .tnb > ul > li > button.btn_placeholder > strong {color: #431F88;}

    #container { width:100%; min-height: 640px; margin-bottom: 160px}
    #header .tnb > ul > li.li-faq > a{padding-left: 0}
    #header .tnb > ul > li.li-faq > a:before{display: none}
    #header .tnb > ul > li:last-of-type{position: relative}
    #header .tnb > ul > li:last-of-type:hover .hover_service_intro{display: block}

    .cu_service_intro{display: none; height: 89.04px; border: 1px solid #D1D4DA; background: #FFFFFF; padding: 12px 16px; position: absolute; z-index: 9999; min-width: 71px;
        top:20px;
    }

    /*.cu_service_intro{display: none; height: 89.04px; border: 1px solid #D1D4DA; background: #FFFFFF; padding: 12px 16px; position: absolute; z-index: 9999; min-width: 71px;}*/
    .cu_service_intro > ul > li{margin-bottom: 8px; width: 100%; text-align: center}
    .cu_service_intro > ul > li:last-of-type{margin-bottom: 0;}
    .cu_service_intro > ul > li a{font-size: 11px; line-height: 16px; letter-spacing: -0.5px; color: #2A303C; display: block; width: 100%; text-align: left; white-space: nowrap}
    .li_mypage{position: relative}
    .li_mypage:hover .show_mypage_intro{display: block}
    .show_mypage_intro{min-width: 81px; height: 64px}
    /*.mainBanner { height:728px; }!*QA 6줄 수정사항 반영*!*/

    .mainBanner > ul > li { cursor: pointer}
    .mainBanner > ul > li > a { padding:52px 12px 0 12px !important; height:100%; justify-content: flex-start; align-items: flex-start;}
    .mainBanner > ul > li > a > i {  color:#2A303C; font-weight: 400; margin-bottom:8px; font-size: 15px; line-height: 21px; letter-spacing: -0.1px; animation: fadein 3s;}


    .mainBanner > ul > li > a > strong { text-align: left; color:#2A303C; font-weight: 700; margin:0 0 12px 0;
        font-size: 30px;
        line-height: 43px;
        letter-spacing: -0.5px;

        animation: fadein 3s;
    }

    .mainBanner > ul > li > a > strong > b { font-weight: 700; color:#2A303C; animation: fadein 1s;}
    .mainBanner > ul > li > a > span { text-align: left;color:#4A515F; font-weight: 400; margin:0 0 40px 0;
        font-size: 16px;
        line-height: 23px;
        letter-spacing: -0.5px;

        animation: fadein 3s;
    }

    .mainBanner > ul > li > a > em { display:inline-block; border-radius: 2px;
        border: 0.5px solid #798493; text-align: left; font-size:14px; color:#2A303C;
        font-weight: 500; height:48px; line-height: 22.5px; letter-spacing: -0.5px;
        /*padding:0 40px 0 28px;*/
        padding:12px 40px 12px 28px;
        background:url('../svg/icon_mainbanner_arrow_right.svg') no-repeat;
        background-position: right 24px top 14px;
        background-size:16px 16px;
        letter-spacing: -0.5px;
        animation: fadein 3s;
    }

    @keyframes fadein {
        from {opacity: 0;}
        to {opacity: 1;}
    }

    .mainBanner > ul > li > a > em.btn_white {
        background:url('../svg/icon_mainbanner_arrow_right_w.svg') no-repeat right 1.75rem center;
        background-size:16px 16px;
    }
    .mainBanner .swiper-pagination { width:96px; height:32px; line-height: 32px; left:50%; margin-left:500px; bottom:110px !important; background-color: #2A303C;
        color:#fff; font-size:15px; border-radius: 30px; font-weight: 400; opacity: 0.6;
    }
    .mainBanner .swiper-pagination > * { font-weight: 400; color: #F1F2F3; font-size: 15px; line-height: 21px; letter-spacing: -0.1px; }
    .mainBanner .swiper-button-next, .mainBanner .swiper-button-prev { display:inline-block; color:#fff; height:32px; width:20px; z-index: 11; }
    .mainBanner .swiper-button-next:after, .mainBanner .swiper-button-prev:after { font-size:8px; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); }
    .mainBanner .swiper-button-next { top:auto; bottom:110px; left:50%; margin-left:570px; }
    .mainBanner .swiper-button-prev { top:auto; bottom:110px; left:50%; margin-left:510px; }
    img.image_mobile { display: none; }
    img.image_desktop { display: block; }

    .quickReservWrap .reserv-detail-wrap { display:none; }
    .quickReservWrap { width:100%; max-width: 1320px; left:50%; transform: translateX(-50%); padding:40px 60px; bottom:-130px; background:rgba(255,255,255, 0.85); box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.05); border-radius: 12px; opacity: 1}
    .quickReservWrap > div.title-easybox h2 { font-size:20px; color:#2A303C; font-weight: 700;  line-height: 29px;  }
    .quickReservWrap > div.title-easybox{display: flex; align-items: center; margin:0 0 57px 0; }
    .quickReservWrap > div.title-easybox span{display: block; font-size: 12px; line-height: 14px; font-weight: 400; border-radius: 10px; background: #EAECF0; line-height: 14px; padding: 3px 11px; margin-left: 8px}

    .quickReservWrap > div.title-easybox p{color: #4A515F; font-size: 19px; font-weight: 500; line-height: 24px; position: relative; padding-right: 12px; margin-right: 12px;}
    .quickReservWrap > div.title-easybox p:after{content: ''; width: 1px; height: 18px; background-color: #4A515F; position: absolute; right: 0 ; top: 2px;}
    .quickReservWrap > div.title-easybox strong{display: block; color: #431F88; font-size: 19px; line-height: 24px; display: inline-block}
    .quickReservWrap > label { display:none; }
    .quickReservWrap > ul { width:100%; display:flex; }
    .quickReservWrap > ul > li { width:100%; display:flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; }
    .quickReservWrap > ul > li > label { flex:1 1; display:flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
    .quickReservWrap > ul > li > label > span { width:40px; height:55px; line-height: 23px; font-size:15px; font-weight: 700; color:#2A303C;  padding: 16px 0;}
    .quickReservWrap > ul > li > label > input { width:calc(100% - 97px); height:55px; line-height: 55px; border:#BBC0C9 1px solid; border-radius: 2px; padding:16px 20px; font-size:16px; color: #BBC0C9;  }/* QA 13줄 수정사항 반영 */
    .quickReservWrap > ul > li > label > input::placeholder{color: #BBC0C9 }
    .quickReservWrap > ul > li > label > input.color-placeholder{border: 1px solid #2A303C}
    .quickReservWrap > ul > li > label > input.color-placeholder::placeholder{color: #2A303C}
    .quickReservWrap .q_confirm { border: #BBC0C9 1px solid; height:55px; line-height: 55px; background:#fff; color:#BBC0C9; font-weight: 700; font-size:15px; width:130px; text-align: center; font-weight: 700}

    .mainLatestSection,.mainLatestSectionWrap, #footer .footerInner, #header .head, .mainBanner > ul > li > a { width:100%; max-width:1320px; margin:0 auto; padding:0; }
    #header .head{max-width: 100%;}
    #header .head > ul{max-width: 1320px; margin: 0 auto}

    .mainLatestSection > h2 { font-size:20px; margin: 0 0 16px 0; font-weight: 700; letter-spacing: -0.5px; line-height: 29px;}
    .mainLatestSection > h2 > a { font-size:13px; color:#5C6272; }
    .mainLatestSection .swiper-wrapper { width:100%; display:flex; flex-direction: row; justify-content: space-between; align-items: flex-start; }
    .mainLatestSection .swiper-wrapper > li { width:24% !important; }

    .mainLatestThumb > ul > li > a > .main-service { flex-direction: column; align-items: flex-start; margin:0 auto; max-width: 282px; width: 100%;}
    .mainLatestThumb > ul > li > a > .main-service > i { margin:0 0 4px 0; font-size:12px; line-height: 16px; letter-spacing: -0.1px; font-weight: 400;}
    .mainLatestThumb > ul > li > a > .main-service > b { margin:0 0 8px 0; font-weight: 600; font-size:19px; line-height: 26.5px; letter-spacing: -0.1px}

    .mainLatestThumb > ul > li > a > strong { flex-direction: column; align-items: flex-start; margin:0; }
    .mainLatestThumb > ul > li > a > strong > .place { margin:0 0 4px 0; font-size:12px; line-height: 16px; letter-spacing: -0.1px; font-weight: 400;}
    .mainLatestThumb > ul > li > a > strong > .textName { margin:0 0 0 0; font-weight: 600; font-size:19px; line-height: 26.5px; letter-spacing: -0.1px}


    .mainLatestThumb#mainLatestThumb02 > ul > li > a > strong { flex-direction: row; justify-content: start; align-items:center; margin:0 0 4px 0; }
    .mainLatestThumb#mainLatestThumb02 > ul > li > a > strong > .place { margin:0 4px 0px 0; font-size:14px; font-weight:700; line-height: 22px; letter-spacing: -0.5px;  color: #2A303C}
    .mainLatestThumb#mainLatestThumb02 > ul > li > a > strong > .text-name { margin:0 0 0px 0; font-weight: 700; font-size:18px; line-height: 26.5px; }

    .mainLatestThumb > ul > li > a > em { color:#5C6272; font-size:12px; font-weight: 400; line-height: 17px; letter-spacing: -0.3px; }

    .mainLatestThumb > ul > li > a > .main-service-em { color:#5C6272; font-size:12px; font-weight: 400; line-height: 17px; letter-spacing: -0.3px; }

    .mainLatestSectionWrap { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin:105px auto 120px; height: 355px;}
    .mainLatestSectionWrap > .mainLatestSection { width:56.584%; margin:0; height: 100%;}
    .mainLatestSectionWrap > .mainLatestSection:last-child { width:40.667%; }
    .mainLatestText { height: 310px; }
    .mainLatestText > ul > li > a { height:61px; padding: 0 16px;}
    .mainLatestText > ul > li > a > strong { font-size:15px; color:#2A303C; font-weight: 600; line-height: 22px; letter-spacing: -0.1px}
    .mainLatestText > ul > li > a > em { font-size:12px; color:#5C6272; font-weight: 400; line-height: 16px; letter-spacing: -0.1px}

    #mainLatestThumb02 > ul > li { width:100% !important; }
    #mainLatestThumb02 > ul > li > a > .thumb { height:232px; margin: 0 0 9px 0 }
    #mainLatestThumb02 .swiper-pagination { right:20px !important; font-size: 13px; font-weight: 400; line-height: 18px; letter-spacing: -0.1px; top: 245.2px !important; }
    #mainLatestThumb02 .swiper-pagination > * { font-weight: 400; }

    #mainLatestThumb02 .swiper-button-next, #mainLatestThumb02 .swiper-button-prev { display:inline-block; color:#5C6272; height:20px; width:10px; z-index: 11;
        top:266px; left:auto; right:6px;
    }
    #mainLatestThumb02 .swiper-button-next:after, #mainLatestThumb02 .swiper-button-prev:after { font-size:8px; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); }
    #mainLatestThumb02 .swiper-button-next {  }
    #mainLatestThumb02 .swiper-button-prev { right:50px; }
    #mainLatestThumb02 > ul > li:hover .text-area{font-weight: 700}



    .mainSmallBanner > ul > li { background-image:url('../img/main_bottom_pc.png'); }
    .mainSmallBanner > ul > li > a { min-height: 200px; pointer-events: none}
    .mainSmallBanner > ul > li > a > strong { font-size:34px; font-weight: 400; line-height: 46px; letter-spacing: -0.1px; text-align: left; width:100%; display:inline-block; max-width: 1320px; margin:0 auto; padding-left:100px; }
    .mainSmallBanner > ul > li > a:after { display:none; }

    .SwiperServiceMain > ul > li{max-width: 286px}
    .SwiperServiceMain > ul > li:not(:first-of-type){margin-left: 19px}
    .mainLatestThumb > ul > li > a > em,
    .SwiperServiceMain > ul > li > a > strong{max-width:481.5px; margin: 0 auto}
    .mainLatestThumb > ul > li > a > .text-area { height: auto;  line-height: 19px; letter-spacing: -0.5px; font-weight: 400;}
    #footer .f_help {left: 54%; right: auto; margin:0 0 0 530px; bottom: 155px;}
    .mainLatestThumb > ul > li > a > .text-area{font-size: 12px}
    .SwiperServiceMain > ul > li > a > em,
    .SwiperServiceMain > ul > li > a > strong{max-width: 282px;}
    .titleArea > h2 { font-size:25px; font-weight: 700; }
    .titleArea > h3 { font-size:12px; }

    #container .swiper-button-next, #container .swiper-button-prev { display: block; }

    #footer { padding: 48px; }
    #footer .footerInner { position:relative; }
    #footer .footerInner .newsAd > ul > li:last-child { width: auto; height: 32px; color:#fff; font-weight: 400; font-size: 10px; line-height: 16px; }
    #footer .footerInner > ul.sns { position:absolute; top:5px; right:0; width:auto; }
    #footer .footerInner > ul.sns > li { margin-right: 25px; }
    #footer .footerInner > ul.info > li > ul > li > strong { font-size:14px; font-weight: 700; margin:0 16px 0 0; line-height: 22px;  }
    #footer .footerInner > ul.info > li > ul > li > a { font-size:11px; color:#fff;  line-height: 16px;}
    #footer .footerInner > ul.info > li > ul > li.information > span { color:#D1D4DA; font-size:11px; display:inline-block; padding:0 10px 0 0; font-weight: 400; line-height: 16px; }
    #footer .footerInner > ul.info > li > ul > li.information > span:last-child { width:100%; margin: 4px 0 0 0; }

    .email-tag:after{display: none}
    .pc-pop-none{display: none;}
    .popupWrap .popupInner .cont > li > a > span{font-size: 18px; font-weight: 400; line-height: 26.5px; color: #F5F3FA; }
    .popupWrap .popupInner .cont > li > a > strong{font-size: 40px; font-weight: 700; color: #FFFFFF; line-height: 50px; margin-bottom: 20px; }
    .popupWrap .popupInner .cont > li > a > b{font-size: 15px; font-weight: 500; line-height: 22.5px}
    .quickReservWrap .reserv-detail-wrap.show2.fixed{position: fixed; top: 30%; left: calc(50% - 600px); max-width: 1320px}
    .popupWrap .popupInner > .btn .banner_chk { position: relative; left: 16px; top: 5px; cursor: pointer;}

    .PcHoverMenu{display: none; position: absolute;  left: 0; width: 100%; background: rgba(255, 255, 255, 0.88); backdrop-filter: blur(7.5px); z-index: 99; border-top: 1px solid #EAECF0}
    .PcHoverMenu > div{max-width: 1320px; margin: 0 auto; display: flex}
    .PcHoverMenu > div > div{min-width: 195px}
    #header .head .PcHoverMenu > div > ul{background: transparent; align-items: flex-start; padding-top: 21px; width: auto; margin-left: auto;}
    #header .head .PcHoverMenu > div > ul > li:first-of-type{margin-left: 0;}
    #header .head .PcHoverMenu > div > ul > li > ol > li{margin-bottom: 17px; text-align: center}
    #header .head .PcHoverMenu > div > ul > li > ol > li > a{font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: -0.5px; color: #2A303C; display: block}

    .PcHoverMenu > ul > li{width: 72px}

    .registeredEmail .alertWrapInner > p{padding: 40px 44px; font-size: 18px; font-weight: 700; line-height: 26.5px}
    .registeredEmail .alertWrapInner > p > span{font-size: 14px; line-height: 20px; color: #5C6272; letter-spacing: -0.5px}
    .alertWrap .alertWrapInner > ul > li > *{height: 47px; line-height: 47px}

    .restDropWrap .fixedButton > li .matter-button-contained{height: 47px; line-height: 47px; border-radius: 2px}
    .restDropWrap .loginWrap > ul > li:nth-of-type(2){margin-left: 11px;}
    .restDropWrap .fixedButton .btn_cancel{border: 1px solid #BBC0C9; color: #2A303C}

    .password-secret-pop > div.alertWrapInner{max-width: 382px; width: calc(100% - 40px); margin: 0 auto; height: auto}
    .password-secret-pop .alertWrapInner > p{padding: 40px 39px 20px 39px; font-size: 18px; line-height: 26.5px; letter-spacing: -0.5px; font-weight: 700; color: #2A303C;}
    .password-secret-pop .alertWrapInner > p > span{font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: -0.5px; color: #5C6272; margin-top: 8px}
    .password-secret-pop .alertWrapInner .inputWrap input{max-width: 304px; height: 56px; border: 1px solid #2A303C; font-size: 16.5px; line-height: 23.89px; letter-spacing: -0.5px; font-weight: 400}
    .password-secret-pop .alertWrapInner > ul > li > *{height: 47px; font-size: 14px; font-weight: 500; line-height: 22.5px; letter-spacing: -0.5px}
    .password-secret-pop .alertWrapInner .inputWrap{margin-bottom: 40px}
    .mainLatestSection .mainLatestThumb > ul > li > a > .thumb{margin-bottom: 16px}
    .popupWrap .popupInner .cont > li > a > img.pc-main-banner{display: block}
    .popupWrap .popupInner .cont > li > a > img.mb-main-banner{display: none}
    #header .gnb > ul > li.active > a#swiper-7.on{background-color: #431F88; color: #FFF ;}
    .newsAd > ul > li:nth-of-type(3){margin-left: 32px; margin-right: 0px; max-width: 85px}
    .newsAd > ul > li:nth-of-type(3) > img{display: block; width: 100%; max-width: 85px; max-height: 19px !important;} /* 240611 수정 */
    .newsAd > ul > li:nth-of-type(2){max-width: 100%;}
    .newsAd > ul > li:nth-of-type(2) > br{display: block;}
    .newsAd > ul > li > strong,
    #footer .footerInner .newsAd > ul > li:last-child > strong{font-weight: 400}
    .newsAd > ul > li strong{font-weight: 350}
    .mainLatestSection .mainLatestThumb > ul > li > a > .image_desktop{display: block}
    .mainLatestSection .mainLatestThumb > ul > li > a > .image_mobile{display: none}

    #mainLatestThumb01 > ul > li > a > .thumb{min-height: 200px}
    .popupWrap .popupInner .cont > li{height: 520px;}
    .popupWrap .popupInner .cont > li > a{padding: 0}

    .popupWrap .popupInner .btn > li > button{height: 44px; letter-spacing: -0.5px; font-size: 14px}
    .popupWrap .popupInner .btn > li > button.btn_close{ font-weight: 700; color: #2A303C; padding-right: 19px}
    .popupWrap .popupInner .btn > li > button.btn_donot{ font-weight: 400; color: #798493;}
    .pc-pop-none{display: none}
    #mainPopup .swiper-pagination{width: 96px; height: 32px; background: rgba(42,48,60,0.6); color: #FFFFFF; border-radius: 20px; display: flex; align-items: center; justify-content: center; left: auto; right: 20px; }
    #mainPopup .swiper-pagination > span{color: #FFFFFF; font-size: 15px;}
    #mainPopup .swiper-pagination > span:first-of-type{margin-right: 5px}
    #mainPopup .swiper-pagination > span:last-of-type{margin-left: 5px}
    .pc-paginbox-main{display: flex}
    .pc-paginbox-main .swiper-button-next:after{background: url('../img/next-main-pop.png')no-repeat center center; width: 6px; height: 10px; content: ''; position: static}
    .pc-paginbox-main .swiper-button-prev:after{background: url('../img/prev-main-pop.png')no-repeat center center; width: 6px; height: 10px; content: ''; position: static}
    .newsAd > ul > li{font-size: 10px; font-weight: 350; line-height: 16px; letter-spacing: -0.5px; color: #FFFFFF}
    #mainPopup .swiper-pagination{ bottom:20px !important; display: none;} /* pc버전 페이지네이션 숨김*/
    #mainPopup .swiper-pagination .swiper-pagination-bullet{ background:#fff; opacity: 0.8; }
    #mainPopup .swiper-pagination .swiper-pagination-bullet-active{ background:#2A303C; opacity: 1; }
    #mainPopup .swiper-button-next, #mainPopup .swiper-button-pre{ display:none;}
    #mainPopup .swiper-pagination > * { font-weight: 400; color: #F1F2F3; font-size: 15px; line-height: 21px; letter-spacing: -0.1px; }
    #mainPopup .swiper-button-next, #mainPopup .swiper-button-prev { display:inline-block; color:#fff; height:32px; width:20px; z-index: 11; }
    #mainPopup .swiper-button-next:after, #mainPopup .swiper-button-prev:after { font-size:8px; position:absolute;  top:50%; transform: translate(-50%,-50%); right: 18px }
    #mainPopup .swiper-button-next { top:auto; bottom:20px; margin-left:570px; }
    #mainPopup .swiper-button-prev { top:auto; bottom:20px; left: auto; right: 78px }
    .popupWrap .popupInner .btn > li > button.btn_close:active{color:#2A303C; }
    #header .gnb { padding-right: 0;}
    #header .gnb > ul > li.active > a{color: #431F88}
    /*임시 width고정*/
    #header .head .PcHoverMenu > div > ul > li { width:125px; }

    #header .head .PcHoverMenu > div > ul > li:first-of-type{width: 120.88px;}
    #header .head .PcHoverMenu > div > ul > li:nth-of-type(2){width: 120.88px;}
    #header .head .PcHoverMenu > div > ul > li:nth-of-type(3){width: 139.44px;}
    #header .head .PcHoverMenu > div > ul > li:nth-of-type(4){width: 136.23px;}
    #header .head .PcHoverMenu > div > ul > li:nth-of-type(5){width: 133.27px;}
    #header .head .PcHoverMenu > div > ul > li:nth-of-type(6){width: 105.53px;}
    #header .head .PcHoverMenu > div > ul > li:last-of-type {width: 145.5px;}

    #footer .f_help .helpButtonWrap > ul > li > a.btn_qna{width: 56px; height: 56px; font-size: 14px; line-height: 18px}

    /*#footer .f_help .helpButtonWrap > ul > li > a.btn_call:after{font-size: 11px; width: 56px; height: 18px; bottom: -18px; animation: none}*/
    #footer .f_help .helpButtonWrap > ul > li:first-of-type{margin-bottom: 16px}

    .verifyInfo .alertWrapInner > p{font-size: 18px; font-weight: 700; line-height: 26.5px; color: #2A303C; margin-bottom: 8px; padding: 40px; margin-bottom: 0;}
    .verifyInfo .alertWrapInner > p > span{color: #5C6272; font-size: 14px; line-height: 20px; font-weight: 400}

    .RestyleVerifyInfo .alertWrapInner > p{padding-bottom: 8px}
    .RestyleVerifyInfo .alertWrapInner > div{font-size: 12px; line-height: 19px; padding-bottom: 40px;}
    .firstJoinPop.hide {opacity: 0; transition: opacity 0.5s;}
    .firstJoinPop {flex-direction: row; background: rgba(0, 0, 0, .57);}
    .firstJoinPop > div:first-of-type{width: 400px; height: 160px; font-size: 21px; line-height: 29px;border-radius: 80px; margin-top: 0; }
    .firstJoinPop > div:first-of-type > strong{font-size: 25px; line-height: 37px; margin-bottom: 12px;}
    .firstJoinPop > div:last-of-type {width: 275px; height: auto;}
    .firstJoinPop > div:last-of-type > img{width: 175%; margin-bottom: 10px;}

    /*개인정보 제3자 제공 사항 팝업*/
    .promotion-event-terms{padding: 18px 0 60px 0}
    .eventpromotion .alertWrapInner{height: 435px; max-width: 629px}
    .promotion-event-terms > ul{margin-bottom: 12px}
    .promotion-event-terms > ul > li{font-size: 14px; line-height: 26.5px;}
    .promotion-event-terms > ul > li > span{font-size: 12px}
    .promotion-event-terms > p{font-size: 11px; line-height: 20px; margin-bottom: 32px}
    .promotion-event-terms > div > label:last-of-type{margin-left: 36px}
    .promotion-event-terms > ul > li > br{display: none}
    .eventpromotion .alertWrapInner > p{margin: 0;padding: 0}
    .eventpromotion{z-index: 999}
    .calendar-banner-pc{display: block !important}
    .calendar-banner{display: none}

    /*메인 비디오*/
    .main-video{width: 100%; max-width: 1320px; margin: 0 auto 87px;}
    .main-video > h2{margin-bottom: 16px; font-size: 21.5px; font-weight: 600; line-height: 28.5px; color: #2A303C}
    .main-video .pc-video-main{display: flex; overflow: hidden}
    .main-video .pc-video-main > div:first-of-type{ overflow: hidden; width: 800px; height: 446px; border: 1px solid #EAECF0; margin-right: 44px; position: relative}
    .main-video .pc-video-main > div:first-of-type > div{display: none}
    .main-video .pc-video-main > div:first-of-type > div.active{display: block}
    .main-video .pc-video-main > div:first-of-type > div > iframe{width: 798px; height: 449px; position: absolute; bottom: 0}
    .main-video .pc-video-main > div:first-of-type > div > iframe .video-stream{top: 101px !important; display: none}
    .main-video .pc-video-main > div:last-of-type > ul > li{padding: 24px; cursor: pointer; background-color: #fff; box-sizing: border-box; max-width: 356px; overflow: hidden}
    .main-video .pc-video-main > div:last-of-type > ul > li:first-of-type{border-top: 1px solid #000}
    .main-video .pc-video-main > div:last-of-type > ul > li:last-of-type{border-bottom: 1px solid #000; position: relative}
    .main-video .pc-video-main > div:last-of-type > ul > li:last-of-type:after{content: ''; height: 0.5px; width: 100%; background-color: #5C6272; position: absolute; top: 0; left: 0}
    .main-video .pc-video-main > div:last-of-type > ul > li.active{background-color: rgba(181, 156, 142, 0.1);}
    .main-video .pc-video-main > div:last-of-type > ul > li > strong{font-size: 17px; font-weight: 700; line-height: 26.5px; color: #2A303C; margin-bottom: 12px; display: block}
    .main-video .pc-video-main > div:last-of-type > ul > li > p{font-size: 12px; font-weight: 400; color: #2A303C; line-height: 19px; margin-bottom: 14px; min-height: 76px}
    .main-video .pc-video-main > div:last-of-type > ul > li > button{float: right; background: url('../img/next-play.png') no-repeat right 7px center transparent; font-size: 11px; font-weight: 400; color: #5C6272; padding-right: 20px; background-size: 8px}
    .ytp-gradient-top{display: none !important;}
    .mb-video-main{display: none}
    .quickReservWrap > div.title-easybox > div:last-of-type{display: flex}

    #header .head > ul > li.logo a.event-logo{width: 195px; height: 41px; position: relative; display: block}
    #header .head > ul > li.logo img.banner-gif{width: 265px; display: block; height: auto; bottom: -25px; position: absolute; left: 2px;}

}



/* 가로 해상도가 992px 보다 작은 큰화면에 적용) */
@media only screen and (min-width: 992px) {
    .alertWrap .alertWrapInner{width: 100%; max-width: 382px}
    .footerPop .alertWrapInner{width: 100%; max-width: 830px}
    .alertWrap .alertWrapInner > p{max-height: 500px;}
    .footerPop .alertWrapInner > p{padding: 16.71px 20px 0 20px; margin-bottom: 16.71px; font-size: 15px;line-height: 21px;letter-spacing: -0.5px;font-weight: 400;color: #2A303C;text-align: left; max-height: 436px}
    .guestPop .alertWrapInner{width: 100%; max-width: 830px}
    .eventpromotion .alertWrapInner{height: 435px; max-width: 629px}
    .eventpromotion .alertWrapInner > p{margin: 0;padding: 0}
}


@media (min-width: 768px) and (max-width: 1015px) {
    .PcHoverMenu > div > div{display: none}
}

/* 가로 해상도가 1320px 보다 작은 큰화면에 적용) */
@media (min-width: 768px) and (max-width: 1320px) {
    .quickReservWrap .reserv-detail-wrap.show2.fixed{position: fixed; top: 30%; left: 0; max-width: 1320px}
}


@media only screen and (max-width: 1320px) {
    #btnHideTopbn { right: 10px; }
}


@media (max-width: 768px) {
    .price-wrap {display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
    width: 100%; height: 100%; bottom: 0; left: 0; background: #fff url('/img/pawin/splash_bg.jpg') no-repeat center bottom; background-size:cover;
    position: fixed; z-index: 999999; transition: bottom 0s, opacity 0s; opacity: 1; padding:80px 0;}

    #footer {  margin-bottom: 44px; }
    #footer .f_help .helpButtonWrap > ul > li > a { width:46px !important; height:46px !important; padding:0 !important; font-size:11.5px !important; line-height: 15.5px !important; }
    #footer .f_help .helpButtonWrap > ul > li > a > * { font-size:11.5px !important; line-height: 15.5px !important; margin:0 !important; font-weight: 500 !important; }

    #container:has(.finishBlade) ~ #footer .f_help {display: none !important;}    

    .price-wrap:before { content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; z-index: 999999; }
    .price-wrap.show:before { display:none; }

    /*
    .price-wrap:after { content:""; width:100%; height:100%; position:absolute; left:0; bottom:0;
        background: url('/img/pawin/splash_hand.png') no-repeat left bottom; background-size:100%;
    }*/
    .price-wrap.show { bottom: 0; opacity: 1; }
    .price-wrap.hide { bottom:-100% !important; opacity: 0 !important; }
    .price-wrap.hide2 { display:none !important; }
    .price-wrap > h2 { font-size: 28px; font-weight: 500; line-height: 38px; margin: 0 0 0 0; text-align: center; }
    .price-wrap > h4 { font-size: 20px; font-weight: 400; line-height: 28px; margin: 0 0 0 0; text-align: center; }
    .price-wrap > h4 > strong { color:#431F88; font-weight: 700; }
    /*.price-wrap > h4 { font-size: 23px; font-weight: 400; line-height: 34px; margin: 0 0 0 0; text-align: center; }*/

    .price-wrap > * { position:relative; z-index: 1; }
    .price-wrap .price-wrap-timer { position:absolute; top:10px; right:10px; width:auto; background:rgba(0,0,0, .15); display:flex; justify-content: center;
        align-items: center; flex-wrap: wrap; height:24px; padding:0 12px; border-radius: 20px; line-height: 24px; }
    .price-wrap .price-wrap-timer > * { display:inline-block; height:15px; line-height: 15px; }
    .price-wrap .price-wrap-timer > span { font-size:13px; color:#fff; font-weight: 500;  }
    .price-wrap .price-wrap-timer > em { font-size:13px; color:#431F88; font-weight: 700; width:12px; text-align: right; }

    #splash-now-price { width:auto; height:52px; display:flex; align-items: center; color:#2A303C; margin: 16px 0 18px 0; }
    #splash-now-price > div {font-family: 'SpoqaHanSansNeo', sans-serif !important; font-size:44px; height: 55px; line-height: 55px; letter-spacing: 0.02em;
        opacity: 0; transition: opacity 0.2s;
    }
    #splash-now-price.show > div {  opacity: 1; }
    #splash-now-price > div > div > div > div > span { font-family: 'SpoqaHanSansNeo', sans-serif !important; }
    #splash-now-price > em { font-size:30px; font-weight: 400; margin-left:3px; display:flex; align-self: flex-start; }

    #footer .f_help .helpButtonWrap > ul > li > a.btn_call {  cursor: pointer; }
    body,html { overflow-x: hidden; }
    #header .gnb > ul > li.gnbReserv { display:none; }
    .blackBg.show { display:flex; justify-content: center; align-items: center; }
    .blackBg2 { width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.5); display:none; z-index: 9997; }
    .blackBg2.show { display: block; }

    .icon_loading { position:fixed; left:0; top:0; background:rgba(0,0,0,.5); width:100%; height:100%; z-index: 9999999; display:flex; justify-content: center; align-items: center; flex-direction: column; }
    .icon_loading > h5 { text-align: center; font-size: 18px; font-weight: 700; color:#fff; line-height: 26.5px; margin:25px 0 10px 0; }
    .icon_loading > h6 { text-align: center; font-size: 18px; font-weight: 700; color:#fff; line-height: 26.5px; }
    .loader {
        width: 40px;
        height: 40px;
        border: 3px solid #FFF;
        border-bottom-color: transparent;
        border-radius: 50%;
        display: inline-block;
        box-sizing: border-box;
        animation: rotation 1s linear infinite;
        position:relative; /*left:50%; top:50%; margin: -20px 0 0 -20px;*/
    }
    @keyframes rotation {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }

    #header .head > ul > li.logo img { height: 32px; width: auto;}
    #header .head > ul > li.menu > ul > li { margin:0 0 0 13px !important; display:flex; height:26px; align-items: center; position:relative; }
    #header .head > ul > li.menu > ul > li > a,
    #header .head > ul > li.menu > ul > li > button { padding:0; width:24px; height:24px; display:flex; justify-content: center; align-items: center; background:#fff; position:relative; }
    #header .head > ul > li.menu > ul > li > button.my_placeholder {display: none; z-index: 9999; background-color:transparent; }
    #header .head > ul > li.menu > ul > li img { width:100%; }
    #header .head > ul > li.menu > ul > li > a.btn_reserv { width:auto; display:flex; height:26px; line-height: 26px; align-items: center; justify-content: center;
        font-size: 13px; color:#4A515F; font-weight: 500; padding:0 13px; border:#4A515F 1px solid; border-radius: 20px;
    }
    #header .head > ul > li.menu > ul > li > .place-search-wrap { min-width: auto; height:150px; top:37px; left:auto; right:-36px; transform: translateX(0); display:none;
        justify-content: flex-start; flex-wrap: wrap; box-shadow: none; border:0; }
    #header .head > ul > li.menu > ul > li > .place-search-wrap.show { display:flex !important; z-index: 99999; }
    #header .head > ul > li.menu > ul > li > .place-search-wrap:before { left: auto; top: -10px; transform: translateX(0); right:41.5px;  display:none; }
    #header .head > ul > li.menu > ul > li > .place-search-wrap:after { left: auto; top: -8px; transform: translateX(0); right:41.5px; }
    #header .gnb > ul > li { margin-left:24px; }
    #header .gnb { border-top: #EAECF0 1px solid; }
    #header .gnb > ul > li.gnbReserv, #header .gnb > ul > li:nth-of-type(4) { display:none; }

    .popup_pc{
        width: 100%;
        background-size: cover; display: block;
    }
    .popup_pc > img{
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        object-fit: cover;
        object-position: bottom center;
    }
    .pc-pop-link{padding: 48px 44px 44px 44px; display: block; position: relative; z-index: 999; height: 100%;}
    .pc-pop-link > span{font-size: 15px; line-height: 21px; color: #fff; font-weight: 400; display: block; margin-bottom: 4px}
    .pc-pop-link > strong{display: block; font-size: 36px; line-height: 46px; color: #fff; margin-bottom: 20px; font-weight: 700}
    .pc-pop-link > b{color: #fff; font-size: 11.5px; line-height: 15.5px; font-weight: 400; margin-bottom: 60px; display: block}
    .pc-pop-link > button{background: transparent; font-size: 11.5px; color: #FFFFFF; border-radius: 20px; border:  1px solid #FFFFFF; width: 87px; height: 29px}


    #header .head > ul > li.logo img { height: 32px; }
    #header .head > ul > li.menu > ul > li { margin:0 0 0 13px !important; display:flex; height:26px; align-items: center; position:relative; }
    #header .head > ul > li.menu > ul > li > a,
    #header .head > ul > li.menu > ul > li > button { padding:0; width:24px; height:24px; display:flex; justify-content: center; align-items: center; background:#fff; position:relative; }
    #header .head > ul > li.menu > ul > li > button.my_placeholder { z-index: 9999; background-color:transparent; }
    #header .head > ul > li.menu > ul > li img { width:100%; }
    #header .head > ul > li.menu > ul > li > a.btn_reserv { width:auto; display:flex; height:26px; line-height: 26px; align-items: center; justify-content: center;
        font-size: 13px; color:#4A515F; font-weight: 500; padding:0 13px; border:#4A515F 1px solid; border-radius: 20px;}
    #header .head > ul > li.menu > ul > li .btn_menu img { width:20px; height:20px; }

    #daum-wrap > div {height: 467px !important;}

    #searchMyPlace > div { width:calc(100% - 48px) !important; }
    #searchMyPlace.show.result { background: transparent; top:auto; bottom:0; z-index:10; }
    #searchMyPlace.show.result > div { width: 100% !important; height:100%; border-radius: 0; position:absolute; left:0;bottom:0; }
    #searchMyPlace.show.result > div > h3 { display:none; }
    #searchMyPlace.show.result #search-result-wrap.show { height:100%; padding:0; }
    #searchMyPlace.show.result #search-result-wrap > p { height: calc(100% - 60px); width:100%; display:flex; flex-direction: column; justify-content: center; align-items: center; }
    #searchMyPlace.show.result #search-result-wrap > p > span.thumb { width:145px; height:145px; border-radius: 100%; background:#eee; margin:0 0 20px 0; position:relative; overflow: hidden; }
    #searchMyPlace.show.result #search-result-wrap > p > span.thumb > img { width:auto; height:100%; position:absolute; left:50%; top:0; transform: translateX(-50%); }
    #searchMyPlace.show.result #search-result-wrap > p > strong { font-size:21px; font-weight: 400; color:#2A303C; line-height: 30px; margin:0 0 16px 0; }
    #searchMyPlace.show.result #search-result-wrap > p > strong > i { font-weight:700; color:#431F88;  }
    #searchMyPlace.show.result #search-result-wrap > p > a { width:auto; color:#5C6272; font-size:11px; font-weight: 400; display:flex; justify-content: center;
        align-items: center; height:20px; line-height: 20px; }
    #searchMyPlace.show.result #search-result-wrap > p > a > span  { display:flex; align-items: center; height:20px; line-height: 20px; }
    #searchMyPlace.show.result #search-result-wrap > p > a:after { content:""; width: 20px; height:20px; background:url('../img/icon_navi_right.png') no-repeat center center;
        background-size:20px 20px;
    }
    #searchMyPlace.show.result #search-result-wrap .btn-wrap { width: 100%; left: 0; bottom: 0; }
    #searchMyPlace.show.result #search-result-wrap .btn-wrap > button { border-radius: 0; height:60px; font-size: 15px; font-weight: 700; }

    #address2-wrap.show {padding: 45px 21px 0 !important;}
    #address2-wrap .btn-addr-modify {right: 21px;}
    #address2-wrap .btn-search-near-place {width: calc(100% + 42px); left: -21px;}

    #search-result-wrap > p { padding: 30px 10px; }
    .place-search-wrap > h3 p { font-size: 16px; font-weight: 400; }
    #header .head > ul > li.menu > ul > li > .place-search-wrap > h3 { order:1; }
    #header .head > ul > li.menu > ul > li > .place-search-wrap > button { height:55px; order:2; flex:1; padding:0; font-size:15px; font-weight: 700; background:#fff; border-top:#BBC0C9 1px solid; }
    #header .head > ul > li.menu > ul > li > .place-search-wrap > button.btn-search-zip { background:#431F88; border:0; }
    .place-search-wrap > *:not(.btn-search-zip) {
        width: 100%;
        height: calc(100% - 55px);
    }
    .place-search-wrap > .btn-search-zip { left:auto; right:0; bottom:0;order:3 !important; }
    .place-search-wrap > .btn-search-zip.done {  background: #431F88; color: #ffffff; border-color:#431F88; font-size: 15px; font-weight: 700; }


    #neareastStoreWrap .img-wrap {width: calc(100% - 48px); height: 258px; margin: 0 auto 20px; position: relative; overflow: hidden;}
    #neareastStoreWrap .img-wrap .directions {position: absolute; z-index: 102; right: 10px; bottom: 10px; width: 49.01px; height: 49.01px; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; background: #5C6272; opacity: 75%; border-radius: 6px; color: #fff; font-size: 9px; line-height: 10.89px; font-weight: 400;}
    #neareastStoreWrap .img-wrap .directions >img {width: 26.74px; height: 19.04px;}
    #neareastStoreWrap .img-wrap > img {width: 100%; height: auto;}
    #neareastStoreWrap .shop-info {margin-bottom: 34px; padding: 0 44px;}
    #neareastStoreWrap .shop-info > div {margin-bottom: 6px;}
    #neareastStoreWrap .shop-info > div > strong {font-size: 12.5px; line-height: 17px; display: inline-block; font-weight: 700;}
    #neareastStoreWrap .shop-info > div > p {margin-left: 20px; font-size: 12.5px; line-height: 17px; font-weight: 400; color: #4A515F; display: inline-block;}
    #neareastStoreWrap .shop-info > a {display: flex; align-items: center; margin-top: 10px; font-size: 11px; font-weight: 400; color: #5c6272; line-height: 15px;}

    /* 리뉴얼 모바일 */
    br.is-mobile {display: block;}

    .mainBannerSection {height: calc(var(--vh, 1vh) * 100 - 103px); margin-bottom: 80px; }
    .mainBanner {
        height: calc(var(--vh, 1vh) * 100 - 103px);
        max-height: calc(var(--vh, 1vh) * 100 - 103px);
        overflow: hidden;
        transition: height 0.3s ease;
    }

    .mainBanner img {width: 100%;}
    .mainBanner .main-ttl {width: max-content; font-size: 24px; line-height: 35px; top: 48px; z-index: 9;}
    .mainBanner .main-ttl span {margin-bottom: 10px;}
    .mainBanner .main-ttl p {font-weight: 700;}
    .mainBanner .main-ttl strong {font-size: 27px; line-height: 37px;}
    .mainBanner.resize { height:100%; }
    .mainBanner.resize img:not(.video-thumbnail-new) { height:100%; object-fit: cover; position:relative; top:0; left:50%; transform: translateX(-50%); }
    .mainBanner .fullscreen-iframe {top: 45%; transform: translate(-50%, -50%);}
    .main_section_ttl {font-size: 25px; line-height: 35px; padding: 0 16px; word-break: keep-all; white-space: nowrap;}
    .main_section_sub_ttl {font-size: 15px; line-height: 21px;}
    .main_section_point_ttl {font-size: 15px; line-height: 21px; margin-bottom: 6px; display: inline-block;}
    .main_section_more_btn {margin-top: 35px; padding: 12px 24px;border-radius: 100px; border: 1px solid #2A303C; color: #2A303c; font-size: 15px;}

    .section1 {margin-bottom: 80px;}
    .section1 .ttl_center .main_section_sub_ttl {display: block; width: 100%; padding: 0 16px;}
    .accrue {margin: 30px 0;}
    .accrue p {font-size: 18px; font-weight: 500; line-height: 26px;}
    .accrue strong {margin-top: 12px; font-size: 36px; line-height: 29px;}

    .section1 #mainReview {width:100%;}
    .section1 #mainReview .swiper-slide > div {line-height: 0;}
    .section1 #mainReview .swiper-slide:not(.swiper-slide-active) > div {width: 100%; height: auto; line-height: 0;}
    .section1 #mainReview .swiper-slide-prev > div,
    .section1 #mainReview .swiper-slide-next > div {transform: translateX(0) !important;}
    .section1 #mainReview .swiper-slide > div .txt-wrap {padding: 19px 16px;}
    .section1 #mainReview .swiper-slide > div .txt-wrap > div h3,
    .section1 #mainReview .swiper-slide-active > div .txt-wrap > div h3 {font-size: 12.5px; line-height: 17px;}
    .section1 #mainReview .swiper-slide > div .txt-wrap > div p,
    .section1 #mainReview .swiper-slide-active > div .txt-wrap > div p {font-size: 13px; line-height: 20px;}
    .section1 #mainReview .swiper-slide > div .txt-wrap .user {font-size: 11px; line-height: 15px;}
    .section1 #mainReview .pagination {display: flex; align-items: center; gap: 6px; margin-top: 16px;}
    .section1 #mainReview .pagination .pagination-bullet {width: 8px; height: 8px; background-color: #D1D4DA; border-radius: 100px; display: block;transition: all 0.3s ease-in;}
    .section1 #mainReview .pagination .pagination-bullet.on {background: #431F88;}

    .section2 {display: flex; flex-direction: column; gap: 30px; margin-bottom: 70px; height: auto;}
    .section2 > div {flex-direction: column; gap: 30px; align-items: center;}
    .section2 .ttl-wrap {width: 100%;}
    .section2 .ttl-wrap > div {width: 100%; text-align: center; align-items: center; margin: 0;}
    .section2 .service01, .section2 .service02, .section2 .service03 {position: relative; left: 0;}
    .section2 .ttl-wrap, .section2 .service01, .section2 .service02, .section2 .service03 {width: 100%; padding: 0 24px; line-height: 0; margin: 0;}
    .section2 .service01 .ttl, .section2 .service02 .ttl, .section2 .service03 .ttl {width: max-content; text-align: center; font-size: 15px; line-height: 21px; top: auto; bottom: 20px; left: 50%; transform: translateX(-50%);}
    .section2 .service02 {transform: translateX(0);}
    .section2 .service03 {margin: 0;}
    .section2 .service03 a {width: 100%; height: auto;}
    .section2 .main_section_more_btn {margin-top: 0;}


    .section3 {padding: 38px 30px; margin-bottom: 80px; max-height: 100%; height: 249px; background: url("../img/section3-01_mb.png") no-repeat center center; background-size: cover; display: block;}
    .section3 .ttl-wrap {text-align: left; padding-right: 0;}
    .section3 .main_section_ttl {font-size: 24px; line-height: 34px; padding: 0}
    .section3 .ttl-wrap > div {flex-direction: row; align-items: flex-end; justify-content: space-between;}
    .section3 .ttl-wrap > div .main_section_sub_ttl {font-size: 15px;}
    .section3 .ttl-wrap > div span {width: 32px; height: 32px; padding: 0; background: #fff url("../svg/icon_arrow_right_b.svg") no-repeat center center; border-radius: 100px; border: none;}
    .section3 .ttl-wrap h2{text-align: left; margin-bottom: 11px;}
    .section3 .ttl-wrap > div{align-items: center;}

    .section4 {margin-bottom: 100px; display: flex; flex-direction: column; align-items: center;}
    .section4 .store-tab {gap: 10px; margin: 36px 0 26px;}
    .section4 .store-tab > button {padding: 10px; gap: 3px; background: #fff; border: 1px solid #BBC0C9; color: #BBC0C9; font-size: 15px;}
    .section4 .store-tab > button.on {border: 1px solid #431F88; color: #431F88; background: #fff; font-weight: 400;}
    .section4 .store-tab > button:last-of-type.on {font-weight: 700;}
    .section4 .store-tab > button > strong {font-weight: 700;}
    .section4 .store-tab > button > i.dividing-dot {width: 4px; height: 4px; background: #BBC0C9;}
    .section4 .store-tab > button.on > i.dividing-dot {background: #431F88;}
    .section4 .store-list {flex-direction: column; flex-wrap: nowrap; gap: 46px;}
    .section4 .store-list > * {width: 100%; border-radius: 0;}
    .section4 .store-list .store-wrap img {border-radius: 0;}
    .section4 .store-list .store-wrap .text-wrap {position: static; color: #2A303c;}
    .section4 .store-list .store-wrap .text-wrap {padding: 18px 24px 0;}
    .section4 .store-list .store-wrap:not(.more_store) .text-wrap h4 {text-shadow: none; font-size: 19px; line-height: 27px; margin-bottom: 12px;}
    .section4 .store-list .store-wrap .text-wrap > div {align-items: flex-start; gap: 7px; flex-direction: column;}
    .section4 .store-list .store-wrap .text-wrap > div p {font-size: 16px; line-height: 23px; gap: 12px;}
    .section4 .main_section_more_btn {margin-top: 45px;}

    .section4 .store-list .new_store_wrap {display: flex; flex-direction: column;}
    .section4 .store-list .new_store_wrap .text-wrap {height: auto; position: absolute; color: #fff; padding: 0; top: 50%; left: 50%; transform: translate(-50%, -50%);}
    .section4 .store-list .new_store_wrap .text-wrap .ttl-wrap {margin-bottom: 13px; align-items: center; gap: 4px;}
    .section4 .store-list .new_store_wrap .text-wrap .ttl-wrap h4,
    .section4 .store-list .new_store_wrap .text-wrap .ttl-wrap strong {margin: 0; font-size: 21px; font-weight: 700; line-height: 27px;}
    .section4 .store-list .new_store_wrap .text-wrap p {text-align: center; color: #fff; font-size: 16px; line-height: 23px}

    .section5 {display: block; padding: 46.5px 0; height: 319.87px; margin-bottom: 80px; background: url("../img/section5_m.png") no-repeat center center;}
    .section5 .main_section_ttl {margin-bottom: 32px;}
    .section5 .accrue p {font-weight: 400; line-height: 23px;}

    .section6 {margin-bottom: 80px;}
    .section6 #mainSpace .swiper-slide > div h4 { font-size: 19px; line-height: 27px; top: 26px; left: 35px; transform: translateX(0); transition: none;}
    .section6 #mainSpace .swiper-slide-active > div h4 {top: 26px;}
    .section6 #mainSpace .swiper-slide > div:after {border-radius: 8px;}

    .section7 {margin-bottom: 110px;}
    .section7 > div:first-of-type {width: 100%;}
    .section7 .ttl-wrap {text-align: center;}
    .section7 .ttl-wrap .main_section_sub_ttl {margin-top: 12px;}
    .section7 .letter-wrap {width: 100%;}
    .section7 .letter-wrap .desktop {display: none;}
    .section7 .letter-wrap .mobile {display: block;}
    .section7 .letter-wrap .posty {transform : scale(0.5) translate(50%, -50%);top: 150px; right: 0; left: auto;}
    .section7 .letter-wrap .flower {transform : scale(0.5) translate(-50%, 50%);position: absolute; bottom: 0px; left: 0; z-index: 9; }
    .section7 .letter-wrap #letterSwiper {width: 75%; border: 1px solid #f5f5f5; background: #FFF; box-shadow: 2px 3px 7px 0 rgba(0, 0, 0, 0.10);}
    .section7 .letter-wrap #letterSwiper .swiper-slide > div {padding: 27px; border: none; box-shadow: none; margin: 0;}
    .section7 .letter-wrap #letterSwiper .swiper-slide > div img {width: 100%;}
    .section7 .letter-wrap .swiper-pagination {bottom: -40px;}
    .section7 .letter-wrap .swiper-pagination-bullet {width: 8px; height: 8px; background: #D9D9D9; opacity: 1;}
    .section7 .letter-wrap .swiper-pagination-bullet-active {background: #431F88;}

    .rolling-partners {margin-bottom: 50px;}
    .rolling-partners .rolling-wrap {margin-top: 27px;}
    .rolling-partners .rolling-wrap .js-rolling img {max-height: 55px; margin: 0 27px;}
    /* .rolling-partners .rolling-wrap .js-rolling img:nth-last-of-type(5) {height: 56px; margin: 0 24px;}
    .rolling-partners .rolling-wrap .js-rolling img:nth-last-of-type(3) {height: 63px; margin: -8px 27px 0;}
    .rolling-partners .rolling-wrap .js-rolling img:nth-last-of-type(2) {margin: 4px 25px 0;}
    .rolling-partners .rolling-wrap .js-rolling img:nth-last-of-type(1) {height: 54px; margin: 0 22px;} */


    #footer {padding: 0;}
    #footer .footerInner > ul.sns {padding: 21px 34px 13px; border-bottom: 1px solid #6c7280; gap: 40px;}
    #footer .footerInner > ul.sns > li {margin-right: 0;}
    #footer .footerInner > ul.info {padding: 22px 34px 27px;}
    #footer .footerInner .newsAd > ul > li {flex-direction: column; align-items: flex-start; gap: 4px;}
    #footer .footerInner .newsAd > ul > li .cert_02 {height: 15px; margin: 5px 0; max-width: 54.6px;}
    #footer .footerInner .newsAd > ul > li p {line-height: 14px;}

    #footer .footerInner > ul.info > li > ul > li.info-wrap {display: flex; flex-direction: column; align-items: flex-start;}
    #footer .footerInner > ul.info > li > ul > li.info-wrap .openInfo {display: flex; align-items: center; margin-bottom: 7px; padding-right: 20px; background: url("../svg/icon_textfile_arrow_lower_w.svg") no-repeat center right; background-size: 20px 20px;}
    #footer .footerInner > ul.info > li > ul > li.info-wrap .openInfo.open {background: url("../svg/icon_textfile_arrow_up_w.svg") no-repeat center right;}
    #footer .footerInner > ul.info > li > ul > li.info-wrap .information {display: none; margin-top: 4px;}
    #footer .footerInner > ul.info > li > ul > li.info-wrap .policy {margin-top: 7px; order: 9;}

    #footer .footerInner > ul.info > li > ul > li.information {display: none;}
    #footer .footerInner > ul.info > li > ul > li.copyright_notice {margin-top: 0;}
    .section5-new{background: url('../img/setcion5-01_mb.png') no-repeat center center; background-size: cover; height: 518px; display: block; margin-bottom: 80px;}
    .section5-new div.ttl-wrap{padding-top: 46px; text-align: right;}
    .section5-new div.ttl-wrap > div {display: flex;  justify-content : flex-end;}
    .section5-new div.ttl-wrap > h2{padding: 0; font-size: 24px; line-height: 34px; margin-bottom: 27px;}
    .section5-new div.ttl-wrap{padding-left: 24px; padding-right: 24px;}
    .section5-new div.ttl-wrap > span{font-size: 15px; line-height: 21px; color: #F7F7F4;}
    .mb-accrue-span{color: #5C6272; justify-content: center;}

        /* 모바일 게이트 */
        .m_gate {background: #F1F2F3; position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; overflow-y: auto;}
        .m_gate .ttl {height: 66vw; min-height: 30vh; display: flex; align-items: center; justify-content: start; position: relative;}
        .m_gate .ttl > div {color: #fff; text-align: left; margin-bottom: -2vw; margin-left: 43px}
        .m_gate .ttl > div h2 {margin: 0 auto 20px; font-size: 22px; font-weight: 500; line-height: 30px;letter-spacing: 0.5px;}
        .m_gate .ttl > div h1 {margin: 0; font-size: 40px; font-weight: 700; line-height: 30px;letter-spacing: 4px;}
        .m_gate .ttl > img {width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: -1;}

        .m_gate .cont-wrap {width: calc(100% - 46px); margin: 0 auto; display: flex; flex-direction: column; gap: 5.55vw; position: relative; top: -8vw;}
        .m_gate .cont-wrap .depth2 {display: flex; gap: 5.55vw;}
        .m_gate .cont-wrap .depth2 .cont {flex: 1; display: flex; flex-direction: column; gap: 11.88vw; padding: 6.45vw;  padding-right: 4vw; align-items: flex-start !important;}
        .m_gate .cont-wrap .depth2 .cont img {max-width: 58px;}
        .m_gate .cont-wrap .cont {padding: 0 8.2vw 0 6.7vw; text-decoration: none; text-align: left; display: flex; align-items: center; justify-content: space-between; border-radius: 10px; background: #FFF; box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.05);}
        .m_gate .cont-wrap > .cont {height: 124px;}
        .m_gate .cont-wrap .cont h2 {letter-spacing: -1px; margin: 0 0 2vw; color: #2A303c; font-size: 5.45vw; font-weight: 500; line-height:7.84vw;}
        .m_gate .cont-wrap > .cont h2 {margin-bottom: 1.5vw;}
        .m_gate .cont-wrap .cont p {letter-spacing: -0.5px; margin: 0; color: #798493; font-size: 3.26vw; font-weight: 400; line-height: 5.4vw;}
        .m_gate .cont-wrap > .cont p {line-height: 4.87vw;}
        .m_gate .cont-wrap .cont p strong {font-weight: 900; color: #4A515F;}
        .m_gate .cont-wrap .cont img {max-width: 61px; display: block; width: 100%;}
        .m_gate .logo-wrap  {width: 38vw; margin: auto auto 11.5vw; display: block;}
        .m_gate .logo-wrap img {width: 100%; display: block;}
        #header .head > ul > li.menu{margin-bottom: 6px;}
        #header .gnb{visibility: hidden;}
}


/* 가로 해상도가 390px 보다 작은 화면에 적용) */
@media only screen and (max-width: 344px) {
    .main_section_ttl {font-size: 24px;}
    .mainBannerSection {height: fit-content;}
    .mainBanner {height: fit-content;}
    .mainBanner .fullscreen-iframe {position: static; transform: none; min-height: auto; height: 158.77vw;}


}


@media only screen and (min-width: 1500px) {
    #footer .f_help { margin: 0 0 0 600px;  bottom: 50px;}
}

@media only screen and (min-width: 768px) and (max-width: 1400px) {
    .PcContent,
    .guide_section04,
    .guide_section02,
    .newBrandSection03,
    .newBrandSection01,
    .brandStoryWrap .newBrandStory .titleText,
    .stone-md-wrap,
    .memorial_wrap .memorial_section01 .reason_wrap,
    .memorial_ttl_wrap .titleText,
    #reviewVisitBox,
    .prd-price-wrap,
    .avere > div,
    .facility-wrap,
    .storeTabWrap,
    .storeInfo,
    #carFeatures,
    .serviceStepWrap .serviceProcessWrap,
    .package-information,
    .item-list-wrap,
    .section5-new div.ttl-wrap,
    .section4 .store-list,
    .PcHoverMenu > div,
    #header .head > ul,
    .popupBg .popupBg_inner{padding-left: 40px; padding-right: 40px;}
    .new-reserv-wrap.bottom .reserv-item > ul{width: 100%;}
    .memorial_wrap .memorial_section01 .reason_wrap{max-width: 1320px; margin: 0 auto;}
    .section2{max-width: 1240px; }
}

/* pc 듀얼 팝업 */
.popupBg { display: none; }
.popupBg.show {display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10005; background: rgba(0, 0, 0, .4);}
.popupWrap {max-width: 416px; max-height: 564px;}
#container > .popupBg div.popupWrap .popupInner {border-radius: 4px;}

/*
#container > .popupBg div.popupWrap.show:nth-of-type(1) {left: 35%;}
#container > .popupBg div.popupWrap.show:nth-of-type(2) {left: 65%;}
*/

@media only screen and (min-width: 768px) and (max-width: 1321px) {
    .section2{max-width: 100%;  margin-left: 40px; margin-right: 40px;}
}

@media only screen and (min-width: 768px) {
    .popupWrap {top: 50%;}
    .popupBg_inner {width: 100%; height: 95%; margin: 0 auto; max-width: 1320px; display: flex; align-items: center; justify-content: flex-start; gap: 8%;}
}

@media only screen and (max-width: 768px) {
    .popupWrap {width: 100%; max-width: none !important; height: 100%; max-height: 400px; background: #fff; border-radius: 15px 15px 0 0; position: absolute; left: 0; right: 0; bottom: 0; overflow: hidden;
        transform: translate(0%, -25%);}
    .popupWrap .popupInner {width: 100%; height: 100%; max-height: 400px;}
    #container > .popupBg div.popupWrap.show {left: 0% !important; transform: translate(0%, 0%) !important; max-height: 400px;}
}