* { cursor:url('/main/img/mouse_base.png') 12 12, auto; }
#sec-intro { position:absolute; width:100%; height:100%; background-color:#fff; z-index:9999; justify-content: center; overflow:hidden; }
#sec-intro.finish { animation-duration:0.5s; animation-name: txtAni; webkit-animation-fill-mode:both; animation-iteration-count :1; animation-fill-mode: forwards; }
#sec-intro .fullBox { width:100%; height:100%; position:relative; }
#sec-intro .img { position:absolute; top:calc(50% - 46px); width:400px; display:none; animation-duration:2s; animation-name: slidein; webkit-animation-fill-mode:both; animation-iteration-count:1; animation-fill-mode: forwards; }
#sec-intro .img.on { animation-duration:1.5s; animation-name: leftanimation; webkit-animation-fill-mode:both; animation-iteration-count :1; animation-fill-mode: forwards; }
#sec-intro .img .txt { margin-top:8px; }
#sec-intro .img.on .txt { animation-duration:1.2s; animation-name: txtAni; webkit-animation-fill-mode:both; animation-iteration-count :1; animation-fill-mode: forwards; }

@keyframes txtAni {
    from { opacity:1; }
    to { opacity:0; }
}
@keyframes leftanimation {
    from { left:calc(50% - 200px); top:calc(50% - 46px); width:400px; height:92px; }
    to { left:44px; top:46px; width:247px; height:42px; }
}
@keyframes slidein {
  from { left:calc(20% - 200px); top:calc(50% - 46px); filter:blur(20px); width:80%; }
  to { left:calc(50% - 200px); top:calc(50% - 46px); filter:blur(0px); width:400px; }
}

#sec-intro-mob { position:absolute; width:100%; height:100%; background-color:#fff; z-index:9999; justify-content: center; overflow:hidden; }
#sec-intro-mob.finish { animation-duration:0.5s; animation-name: txtAni; webkit-animation-fill-mode:both; animation-iteration-count:1; animation-fill-mode:forwards; }
#sec-intro-mob .fullBox { width:100%; height:100%; position:relative; }
#sec-intro-mob .img { position:absolute; top:calc(50% - 46px); width:200px; display:none; animation-duration:2s; animation-name:slideinMob; webkit-animation-fill-mode:both; animation-iteration-count:1; animation-fill-mode: forwards; }
#sec-intro-mob .img.on { animation-duration:1s; animation-name:leftanimationMob; webkit-animation-fill-mode:both; animation-iteration-count :1; animation-fill-mode: forwards; }
#sec-intro-mob .img .txt { margin-top:6px; font-size:11px; }
#sec-intro-mob .img.on .txt { animation-duration:0.5s; animation-name: txtAni; webkit-animation-fill-mode:both; animation-iteration-count :1; animation-fill-mode: forwards; }

@keyframes slideinMob {
  from { left:calc(20% - 100px); top:calc(50% - 46px); filter:blur(20px); width:80%; }
  to { left:calc(50% - 100px); top:calc(50% - 46px); filter:blur(0px); width:200px; }
}
@keyframes leftanimationMob {
    from { left:calc(50% - 100px); top:calc(50% - 46px); width:200px; height:34px; }
    to { left:2%; top:3%; width:164px; height:28px; }
}

.main-tit {
    font-size: var(--size48);
    font-weight: 700;
    text-align: center;
}
.main-tit span {
    color: var(--pink02);
}
.main-tit .line {
    font-weight: 300;
}
.main-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.main-list > li {
    font-size: var(--size18);
    color: var(--white);
    display: flex;
    align-items: center;
    gap: 16px;
}
.main-list > li::after {
    content: "";
    width: 2px;
    height: 13px;
    background: var(--white);
    display: block;
}
.main-list > li:last-child:after {
  display: none;
}

.yContainer { max-width:1320px; min-width:1320px; margin-left:auto; margin-right:auto; }
.minW1320 { min-width:1320px; }
/*sec-main01*/
#sec-main01 {  }
#sec-main01 .reBox { box-sizing:border-box; width:976px; height:112px;  bottom:60px; left:calc(50% - 488px); overflow:hidden; }
#sec-main01 .reBox > .divFlex { height:100%; gap:16px; }
#sec-main01 .reBox .inputArea { box-sizing:border-box; width:75%; padding:30px 40px; height:100%; gap:40px; border-radius:12px; }
#sec-main01 .reBox .inputArea #secMainSearchForm { gap:24px; }
#sec-main01 .reBox .inputArea .ii {  }
#sec-main01 .reBox .inputArea .ii2 { border-left:1px solid #d1d1d1; }
#sec-main01 .reBox .inputArea .title.divFlex { align-items:center; }
#sec-main01 .reBox .inputArea .title .tt { margin-right:20px; font-size:18px;  }
#sec-main01 .reBox .inputArea .txt { color:#818181;  }
#sec-main01 .reBox .inputArea .txt input { padding:8px 0px; font-size:18px; }
#sec-main01 .reBox .inputArea .searchBtn { margin-left:auto; margin-top:4px; }
#sec-main01 .reBox .quickArea { align-items:center; justify-content:center; box-sizing:border-box; width:25%; background-color:#b9959e; padding:30px; border-radius:12px;}

#sec-main01-mob .reBox { box-sizing:border-box; width:90%; border-radius:12px; left:5%; bottom:60px; overflow:hidden; }
#sec-main01-mob .reBox .inputArea { box-sizing:border-box; width:100%; padding:10px 16px; gap:8px; }
#sec-main01-mob .reBox .inputArea .ii { width:50%; padding:10px 12px; }
#sec-main01-mob .reBox .inputArea .ii2 { border-left:1px solid #d1d1d1; }
#sec-main01-mob .reBox .inputArea .title.divFlex { align-items:center; }
#sec-main01-mob .reBox .inputArea .title .tt { margin-right:20px;  }
#sec-main01-mob .reBox .inputArea .txt { margin-top:12px; color:#818181; font-size:clamp(12px,0.72vw,14px); }
#sec-main01-mob .reBox .inputArea .pick { background-color:#b9959e; color:#fff; width:70px; border-radius:4px; padding:4px 0px 4px;  }
#sec-main01-mob .reBox .quickArea { align-items:center; justify-content:center; box-sizing:border-box; width:100%; background-color:#b9959e; padding:12px; }

#sec-main02 { background-color:#1f1f1f; padding:8px 0px; }
#sec-main02 .sm2Content { align-items:center; justify-content:center; padding-left:80px; }
#sec-main02 .sm2Content #fnSecMain02Slider { width:calc(100% - 400px); }
#sec-main02 .sm2Content #fnSecMain02Slider .bx-wrapper { background-color:transparent; border:0px; box-shadow:none; -webkit-box-shadow:none; margin-bottom:0px; }
#sec-main02 .sm2Content #fnSecMain02Slider .fnBxSlider { display: flex; align-items:center; box-sizing:border-box; }
#sec-main02 .sm2Content #fnSecMain02Slider .horizontal-ticker__slide { margin-right:12px; width:auto; height:auto; }
#sec-main02 .sm2Item1 { }
#sec-main02 .sm2Item1 .txt1 { font-size:16px; color:#a9a9a9; }
#sec-main02 .sm2Item1 .txt2 { font-size:22px; font-weight:bold; color:#fff;   }
#sec-main02 .sm2Item2 { font-size:42px; font-weight:bold; color:#b9959e; margin-left:12px;  }
#sec-main02 .sm2Item3 { border:2px solid #ddd; padding:4px 24px; border-radius:8px; color:#fff;  }
#sec-main02 .sm2Item4 { align-items:center; gap:12px; margin-left:20px; }
#sec-main02 .sm2Item4 .bb { font-size:24px; color:#b9959e; }
#sec-main02 .sm2Item4 .circle { font-size:14px; box-sizing:border-box; width:24px; height:24px; background-color:#b9959e; color:#000; padding:5px; border-radius:12px; }
#sec-main02 .sm2Item5 { gap:12px; }
#sec-main02 .sm2Item5 .bb { border:2px solid #ddd; padding:4px 24px; border-radius:8px; color:#fff;  }

#sec-main02-mob { background-color:#1f1f1f; padding:8px 0px; }
#sec-main02-mob .sm2Content { align-items:center;  padding:3% 2%; gap:8px; }
#sec-main02-mob .sm2Content .i1 { width:48%; }
#sec-main02-mob .sm2Content .i2 { width:52%; }
#sec-main02-mob .sm2Content .i2 .txt { margin-top:4px; color:#b9959e; font-size:20px; gap:6px; }
#sec-main02-mob .sm2Content .i2 .bxCircle { margin-top:2px; background-color:#b9959e; color:#1f1f1f; width:20px; height:20px; border-radius:20px; }

#sec-main02-mob .sm2Item1 { align-items:flex-end; justify-content:flex-end; gap:4px; }
#sec-main02-mob .sm2Item1 .txt1 { font-size:14px; color:#a9a9a9; }
#sec-main02-mob .sm2Item1 .txt2 { font-size:16px; color:#fff; font-weight:bold; }
#sec-main02-mob .sm2Item2 { font-size:30px; color:#b9959e; font-weight:bold; text-align:right;  }
#sec-main02-mob #fnSecMain02SliderMob { width:100%; }
#sec-main02-mob #fnSecMain02SliderMob .bx-wrapper { background-color:transparent; border:0px; box-shadow:none; -webkit-box-shadow:none; margin-bottom:0px; }
#sec-main02-mob #fnSecMain02SliderMob .bx-wrapper .sliderGroup { gap:12px; }
#sec-main02-mob #fnSecMain02SliderMob .bx-wrapper .sliderGroup .bItem { border:1px solid #fff; border-radius:4px; color:#fff; padding:4px 16px; }

#sec-main03 { background-color:#f8f3f0; padding:clamp(60px,8vw,160px) 0px; }
#sec-main03 .yContainer > .title { font-size:clamp(32px,4vw,80px); color:#1f1f1f; font-weight:bold; }
#sec-main03 .yContainer > .sTitle { font-size:clamp(20px,1.6vw,32px); color:#1f1f1f; font-weight:normal; }
#sec-main03 .yContainer > .contents { margin-top:clamp(28px,5.2vw,100px); gap:clamp(12px,2vw,40px); }
#sec-main03 .yContainer > .contents .item { width:25%;   }
#sec-main03 .yContainer > .contents .item .title { font-size:clamp(18px,1.4vw,28px); font-weight:bold; color:#1f1f1f; margin-top:clamp(14px,1.6vw,32px); }
#sec-main03 .yContainer > .contents .item .desc { font-size:clamp(14px,1vw,20px); color:#818181; margin-top:clamp(8px,1.4vw,28px); }
#sec-main03 .yContainer > .contents .item .date { font-size:clamp(14px,1vw,20px); color:#818181; }
#sec-main03 .yContainer > .detailLink { margin-top:clamp(36px,5vw,96px); }
#sec-main03 .yContainer > .detailLink .jcCenter { align-items:center; gap:12px; }
#sec-main03 .yContainer > .detailLink a { border:1px solid #1f1f1f; font-size:clamp(14px,1.1vw,22px); padding:clamp(12px,1vw,16px); width:360px; }
#sec-main03 .yContainer > .detailLink a .arrow { font-size:14px; }
#sec-main04 { background-color:#f2e5e5; padding:clamp(80px,8.3vw,160px) 0px; }
#sec-main04 .yContainer {  }
#sec-main04 .yContainer > .title { font-size:clamp(60px,4.1vw,80px); color:#1f1f1f; font-weight:bold; }
#sec-main04 .yContainer > .sTitle { font-size:clamp(20px,1.6vw,32px); color:#1f1f1f; font-weight:normal; }
#sec-main04 .yContainer > .contents { margin-top:72px; gap:60px; }
#sec-main04 .yContainer > .contents .item { width:33%;   }
#sec-main04 .yContainer > .contents .item .info { margin-top:40px; box-sizing:border-box; }
#sec-main04 .yContainer > .contents .item .title { font-size:28px; font-weight:bold; color:#1f1f1f;   }
#sec-main04 .yContainer > .contents .item .line {  padding:4px 0px; margin:0px 20px; }
#sec-main04 .yContainer > .contents .item .line .bg { width:2px; height:100%; background-color:#1f1f1f; }
#sec-main04 .yContainer > .contents .item .desc { font-size:20px; color:#1f1f1f;  }
#sec-main04-mob { background-color:#f2e5e5; padding:clamp(60px,8.3vw,160px) 0px; }
#sec-main04-mob .yContainer { padding:0px 0px 0px 20px; }
#sec-main04-mob .yContainer > .title { font-size:clamp(32px,4.1vw,80px); color:#1f1f1f; font-weight:bold; }
#sec-main04-mob .yContainer > .sTitle { font-size:clamp(20px,1.6vw,32px); color:#1f1f1f; font-weight:normal; }
#sec-main04-mob .yContainer > .contents { margin-top:clamp(28px,5.2vw,100px); overflow-x:hidden; }
#sec-main04-mob .yContainer .swiper-slide { font-size: 18px; }
#sec-main04-mob .yContainer .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
#sec-main04-mob .yContainer .swiper-slide { width: 80%; }
#sec-main04-mob .yContainer > .contents .item .info { margin-top:clamp(20px,2vw,40px); box-sizing:border-box; align-items:center; }
#sec-main04-mob .yContainer > .contents .item .title { font-size:clamp(18px,1.4vw,28px); font-weight:bold; color:#1f1f1f;   }
#sec-main04-mob .yContainer > .contents .item .line {  padding:4px 0px; margin:0px clamp(14px,1vw,20px); }
#sec-main04-mob .yContainer > .contents .item .line .bg { width:2px; height:18px; background-color:#1f1f1f; }
#sec-main04-mob .yContainer > .contents .item .desc { font-size:clamp(14px,1vw,20px); color:#1f1f1f; }

#sec-main05 { background-color:#fff; padding:clamp(80px,8.3vw,160px) 0px; }
#sec-main05 .yContainer {  }
#sec-main05 .yContainer > .title { font-size:clamp(40px,4.1vw,80px); color:#1f1f1f; font-weight:bold; letter-spacing:-2px; }
#sec-main05 .yContainer > .sTitle { font-size:clamp(18px,1.6vw,32px); color:#1f1f1f; font-weight:normal;  }
#sec-main05 .yContainer > .category { margin-top:36px; margin-bottom:12px; flex-wrap:wrap; gap:24px; }
#sec-main05 .yContainer > .category .cc { padding:12px 40px; border:1px solid #dedede; color:#1f1f1f; }
#sec-main05 .yContainer > .category .cc.active { color:#1f1f1f; background-color:#f6f6f6; }
#sec-main05 .yContainer > .contents {  margin-top:32px; position:relative;  }
#sec-main05 .yContainer > .contents .item { width: 25%; transform: scale(0.92); transition: 0.3s; padding: 0 10px; opacity:0.6; }
#sec-main05 .yContainer > .contents .swiper-slide.swiper-slide-active { transform: scale(1.0); opacity:1;  }
#sec-main05 .yContainer > .contents .swiper-slide.swiper-slide-prev { translateX(-25px) scale(0.92); }
#sec-main05 .yContainer > .contents .swiper-slide.swiper-slide-next { translateX(-25px) scale(0.92); }

#sec-main05 .yContainer > .contents .util { margin-top:30px; display:flex; align-items: center; justify-content: space-between; }
#sec-main05 .yContainer > .contents .util::after { display: none; }
#sec-main05 .yContainer > .contents .util .swiper-scrollbar { width:90%; height: 8px; background: #dfdfdf; border-radius:5px; }
#sec-main05 .yContainer > .contents .util .swiper-container .swiper-notification { bottom: 0; left: 0; }
#sec-main05 .yContainer > .contents .util .navi { width: 100px; display: flex; justify-content: space-between; }
#sec-main05 .yContainer > .contents .util .swiper-scrollbar .progress { transition: all 0.3s ease; height:8px; background:#bb2649; border-radius:5px; }
#sec-main05 .yContainer > .contents .util .score { margin-top:-16px; font-size:14px; }
#sec-main05 .yContainer .jcCenter { margin-top:80px; }
#sec-main05 .yContainer .jcCenter .more { border:1px solid #1d1d1d; padding:20px 100px; }
/*
#sec-main05 .yContainer > .contents .swiper-slide.swiper-slide-active { transition:0.5s;  }
#sec-main05 .yContainer > .contents .swiper-slide.swiper-slide-prev { transform:scale(0.9); opacity:0.6; }
#sec-main05 .yContainer > .contents .swiper-slide.swiper-slide-next { transform:scale(0.9); opacity:0.6; }
*/
#sec-main05 .swiper-scrollbar { background-color: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.5)) }
#sec-main05 .swiper-scrollbar.swiper-scrollbar-horizonta { bottom:20px;  }
#sec-main05 .swiper-scrollbar .swiper-scrollbar-drag { background-color:#bb2649; }

#sec-main05-mob { background-color:#fff; padding:clamp(60px,8.3vw,160px) 0px; }
#sec-main05-mob .yContainer {  }
#sec-main05-mob .yContainer > .title { font-size:clamp(32px,4.1vw,80px); color:#1f1f1f; font-weight:bold; letter-spacing:-2px; }
#sec-main05-mob .yContainer > .sTitle { font-size:clamp(18px,1.6vw,32px); color:#1f1f1f; font-weight:normal;  }
#sec-main05-mob .yContainer > .category { margin-top:24px; margin-bottom:12px; flex-wrap:wrap; gap:8px; }
#sec-main05-mob .yContainer > .category .cc { padding:6px 12px; border:1px solid #eeeeee; color:#eee; }
#sec-main05-mob .yContainer > .category .cc.active { color:#1f1f1f; background-color:#f6f6f6; }
#sec-main05-mob .yContainer > .contents .boardItem { padding:20px 0px; border-bottom:1px solid #eee; gap:8px; }
#sec-main05-mob .yContainer > .contents .boardItem:last-child { border-bottom:0px; }
#sec-main05-mob .yContainer > .contents .boardItem .number { width:6%; font-size:18px; font-weight:bold; }
#sec-main05-mob .yContainer > .contents .boardItem .con { width:61%; }
#sec-main05-mob .yContainer > .contents .boardItem .con .title { font-size:18px; font-weight:bold; }
#sec-main05-mob .yContainer > .contents .boardItem .con .desc { font-size:16px; margin-top:4px; }
#sec-main05-mob .yContainer > .contents .boardItem .img { width:33%; }
#sec-main05-mob .yContainer > .more { margin-top:12px; text-align:center; }
#sec-main05-mob .yContainer > .more a { display:inline-block; padding:12px 24px; border:1px solid #1f1f1f; color:1f1f1f; }


#sec-main05 .yContainer > .contents .selectInfo { width:40%;  }
#sec-main05 .yContainer > .contents .selectInfo .cc { padding:32px; }
#sec-main05 .yContainer > .contents .selectInfo .cc .title { font-size:32px; color:#f1f1f; }
#sec-main05 .yContainer > .contents .selectInfo .cc .desc { font-size:16px; color:#818181; margin-top:24px; }
#sec-main05 .yContainer > .contents .selectInfo .cc .date { font-size:16px; color:#818181; }
#sec-main05 .yContainer > .contents .rolling { width:30%; }
#sec-main05 .yContainer > .contents .rolling .secMain05_Slider { height:100%; }
#sec-main05 .yContainer > .contents .rolling .secMain05_Slider .arrowTop { left:calc(50% - 40px); top:0px; font-size:24px; }
#sec-main05 .yContainer > .contents .rolling .secMain05_Slider .arrowDown { left:calc(50% - 40px); bottom:0px; font-size:24px; }
#sec-main05 .yContainer > .contents .rolling .secMain05_Slider .divFlex { box-sizing:border-box; flex-direction:column; height:100%; padding:32px 0px; }
@keyframes growLineUp  {
    from {
        height: 0px;
    }
    to {
        height: 100%;
    }
}

#sec-main06 { background-color:#f8f8f8; padding:clamp(60px,8.3vw,160px) 0px; }
#sec-main06 .yContainer > .title { font-size:clamp(32px,4.1vw,80px); color:#1f1f1f; font-weight:bold; }
#sec-main06 .yContainer > .sTitle { font-size:clamp(18px,1.6vw,32px); color:#1f1f1f; font-weight:normal; }
#sec-main06 .yContainer > .desc { font-size:clamp(18px,1.6vw,32px); color:#818181; }
#sec-main06 .yContainer > .info { margin-top:80px; position:relative; }
#sec-main06 .yContainer > .info .info1 { margin-bottom:28px; }
#sec-main06 .yContainer > .info .info1 .tt { color:#1f1f1f; font-size:32px; color:#1f1f1f; }
#sec-main06 .yContainer > .info .info1 .circle { width:19px; height:19px; border-radius:10px; background-color:#bb2649; margin-top:28px; z-index:8; }
#sec-main06 .yContainer > .info .info1 .count { margin-top:28px; font-size:48px; color:#bb2649; font-weight:bold;  }
#sec-main06 .yContainer > .info .line { position:absolute; top:calc(50% - 11px); background-color:#1f1f1f; width:100%; height:2px; z-index:3; }
#sec-main06 .yContainer > .data { color:#4f4f4f; font-size:clamp(14px,1.25vw,24px); margin-top:clamp(32px,3.3vw,64px); }
#sec-main06 .yContainer > .infoMob { margin-top:clamp(32px,3.3vw,64px); }
#sec-main06 .yContainer > .infoMob .rowItem { height:64px; }
#sec-main06 .yContainer > .infoMob .rowItem .line { position:relative; width:8%; text-align:center; box-sizing:border-box; }
#sec-main06 .yContainer > .infoMob .rowItem .line .l { position:absolute; top:0px; left:calc(50% - 1px); width:1px; height:100%; background-color:#1f1f1f; display:inline-block; }
#sec-main06 .yContainer > .infoMob .rowItem .line .circle { position:absolute; top:27px; left:calc(50% - 5px); width:10px; height:10px; background-color:#bb2649; border-radius:8px; }
#sec-main06 .yContainer > .infoMob .rowItem .txt { width:42%; font-size:20px; align-items:center; color:#1f1f1f }
#sec-main06 .yContainer > .infoMob .rowItem .icon { width:20%; font-size:24px; align-items:center; color:#c8c8c8; }
#sec-main06 .yContainer > .infoMob .rowItem .count { width:30%; font-size:20px; font-weight:bold; align-items:center; color:#bb2649; }



#sec-main07 { background-color:#e9d3d8; padding:clamp(60px,8.3vw,160px) 0px; }
#sec-main07 .yContainer > .title { font-size:clamp(32px,4.1vw,80px); color:#1f1f1f; font-weight:bold; }
#sec-main07 .yContainer > .sTitle { font-size:clamp(18px,1.6vw,32px); color:#1f1f1f; font-weight:normal; }
#sec-main07 .yContainer > .texContent { margin-top:clamp(26px,2.7vw,52px); }
#sec-main07 .yContainer > .texContent .pc .texItem { background-color:#fff; padding:12px; margin-bottom:20px; align-items:center; cursor:pointer;  }
#sec-main07 .yContainer > .texContent .pc .texItem .ccc { padding:24px 12px; }
#sec-main07 .yContainer > .texContent .pc .texItem .t1 .no { font-size:clamp(18px,1.6vw,32px); color:#b9b9b9; margin-right:32px; }
#sec-main07 .yContainer > .texContent .pc .texItem .t1 .tt { color:#1f1f1f; font-size:clamp(18px,1.6vw,32px); font-weight:bold;  }
#sec-main07 .yContainer > .texContent .pc .texItem .txt1 { margin-left:64px; margin-top:16px; font-size:24px; letter-spacing:-1px; color:#1f1f1f; display:none; }
#sec-main07 .yContainer > .texContent .pc .texItem .xxx { margin-left:auto; width:447px; text-align:right; }
#sec-main07 .yContainer > .texContent .pc .texItem .xxx .icon { font-size:36px; color:#bb2649; margin-right:12px; }
#sec-main07 .yContainer > .texContent .pc .texItem .xxx .pic { display:none; }
#sec-main07 .yContainer > .texContent .pc .texItem.active .t1 .tt { color:#bb2649; }
#sec-main07 .yContainer > .texContent .pc .texItem.active .txt1 { display:block; }
#sec-main07 .yContainer > .texContent .pc .texItem.active .xxx .icon { display:none; }
#sec-main07 .yContainer > .texContent .pc .texItem.active .xxx .pic { display:block; }
#sec-main07 .yContainer > .texContent .mob .texItem { background-color:#fff; padding:16px 4px; margin-bottom:20px; align-items:center; cursor:pointer;  }
#sec-main07 .yContainer > .texContent .mob .texItem .ccc { padding:16px 12px; }
#sec-main07 .yContainer > .texContent .mob .texItem .t1 .no { font-size:clamp(18px,1.6vw,32px); color:#b9b9b9; margin-right:12px; }
#sec-main07 .yContainer > .texContent .mob .texItem .t1 .tt { color:#1f1f1f; font-size:clamp(16px,1.6vw,32px); font-weight:bold;  }
#sec-main07 .yContainer > .texContent .mob .texItem .t1 .icon { font-size:clamp(16px,1.6vw,32px); color:#bb2649; margin-left:auto; }
#sec-main07 .yContainer > .texContent .mob .texItem .xxx { padding:0px 12px; }
#sec-main07 .yContainer > .texContent .mob .texItem .xxx .txt1 { display:none; font-size:clamp(16px,1.6vw,28px); margin-bottom:16px; }
#sec-main07 .yContainer > .texContent .mob .texItem .xxx .pic { display:none; }
#sec-main07 .yContainer > .texContent .mob .texItem.active .t1 .tt { color:#bb2649; }
#sec-main07 .yContainer > .texContent .mob .texItem.active .t1 .icon { display:none; }
#sec-main07 .yContainer > .texContent .mob .texItem.active .txt1 { display:block; }
#sec-main07 .yContainer > .texContent .mob .texItem.active .xxx .pic { display:block; }

#sec-main08 { padding:clamp(60px,8.3vw,160px) 0px 0px 0px; background:url("/main/img/main/secMain08Bg.png"); position:relative; }
#sec-main08 .yContainer { overflow-x:hidden;  }
#sec-main08 .yContainer > .title { font-size:clamp(32px,4.1vw,80px); color:#fff; font-weight:bold; }
#sec-main08 .yContainer > .sTitle { font-size:clamp(18px,1.6vw,32px); color:#fff; font-weight:normal; }
#sec-main08 .yContainer .inYou { margin-top:clamp(40px,4.1vw,80px); padding:0px 80px; gap:120px; }
#sec-main08 .yContainer .inYouMob { margin-top:clamp(40px,4.1vw,80px);  }
#sec-main08 .yContainer .swiper-slide { font-size: 18px; }
#sec-main08 .yContainer .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
#sec-main08 .yContainer .swiper-slide { width: 70%; }
#sec-main08 .swiper-scrollbar { background-color: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.5)) }
#sec-main08 .swiper-scrollbar.swiper-scrollbar-horizonta { bottom:20px;  }
#sec-main08 .swiper-scrollbar .swiper-scrollbar-drag { background-color:#bb2649; }

.item400.niceSelect ul.list { height:400px !important; overflow-y:scroll; }

#sec-main09 { background-color:#fff; padding:clamp(60px,8.3vw,160px) 0px; }
#sec-main09 .yContainer .title { font-size:clamp(32px,4.1vw,80px); color:#1f1f1f; font-weight:bold; margin-bottom:clamp(24px,2.5vw,48px); }
#sec-main09 .yContainer .selectArea { margin-left:auto; margin-top:20px; }
#sec-main09 .yContainer .topDf {  }
#sec-main09 .yContainer > .mapAndInfo { gap:80px; }
#sec-main09 .yContainer > .mapAndInfo.pc .naverMap { width:60%; background-color:#f7f7f7;  }
#sec-main09 .yContainer > .mapAndInfo.pc .locationInfo { width:40%; padding:24px 0px;   }
#sec-main09 .yContainer > .mapAndInfo.pc .locationInfo .ii { border-bottom:1px solid #e2e2e2; margin-bottom:24px; padding-bottom:24px; }
#sec-main09 .yContainer > .mapAndInfo.pc .locationInfo .ii .tt { font-weight:bold; font-size:32px; color:#1f1f1f; margin-bottom:12px; }
#sec-main09 .yContainer > .mapAndInfo.pc .locationInfo .ii .txt { font-size:32px; color:#4f4f4f; }
#sec-main09 .yContainer > .mapAndInfo.pc .locationInfo .ii .txt2 { gap:40px; margin-bottom:12px; }
#sec-main09 .yContainer > .mapAndInfo.pc .locationInfo .ii .txt3 { font-size:24px; color:#595959; line-height:30px; }
#sec-main09 .yContainer > .mapAndInfo.pc .locationInfo .ii .phone { color:#bb2649; font-size:40px; }
#sec-main09 .yContainer > .mapAndInfo.pc .locationInfo .ii:last-child { margin-bottom:0px; border-bottom:0px; padding-bottom:0px; }
#sec-main09 .yContainer > .mapAndInfo.mob .locationInfo { }
#sec-main09 .yContainer > .mapAndInfo.mob .locationInfo .ii { border-bottom:1px solid #e2e2e2; margin-bottom:16px; padding-bottom:16px; gap:4px; }
#sec-main09 .yContainer > .mapAndInfo.mob .locationInfo .ii .tt { font-weight:bold; font-size:16px; color:#1f1f1f; width:20%; }
#sec-main09 .yContainer > .mapAndInfo.mob .locationInfo .ii .tt + div { font-size:16px; color:#818181; width:80%; }
#sec-main09 .yContainer > .mapAndInfo.mob .locationInfo .ii .txt2 { gap:6px; margin-bottom:12px; }
#sec-main09 .yContainer > .mapAndInfo.mob .locationInfo .ii .txt3 { font-size:16px; color:#a8a8a8; line-height:18px; }
#sec-main09 .yContainer > .mapAndInfo.mob .locationInfo .ii .phone { color:#bb2649; font-size:22px; font-weight:500; }
#sec-main09 .yContainer > .mapAndInfo.mob .locationInfo .ii:last-child { margin-bottom:0px; border-bottom:0px; padding-bottom:0px; }
#sec-main09 .yContainer > .mapAndInfo.mob .naverMap { margin-top:40px; width:100%; height:300px; background-color:#f7f7f7;  }

#sec-main09 .mapAndInfo .swiper-button-next { right: var(--swiper-navigation-sides-offset,10px); left: auto; position:absolute; top: var(--swiper-navigation-top-offset,50%);}
#sec-main09 .mapAndInfo .swiper-button-prev { right: var(--swiper-navigation-sides-offset,10px); right: auto; position:absolute; top: var(--swiper-navigation-top-offset,50%); }
#sec-main09 .nice-select.open .list { z-index:999; }

#reservationModal1 { }
#reservationModal1 .header { align-items:center; }
#reservationModal1 .modalTitle { color:#bb2649; font-size:clamp(16px,1.25vw,24px); font-weight:bold; }
#reservationModal1 #reservationModal1Content { }
#reservationModal1 #reservationModal1Content .selectArea { padding:12px; }
#reservationModal1 #reservationModal1Content .rDate { padding:0px 12px; }
#reservationModal1 #reservationModal1Content .rDate .datepicker > div { width:100%; }
#reservationModal1 #reservationModal1Content .rDate .ui-widget.ui-widget-content { border:0px; }
#reservationModal1 #reservationModal1Content .rDate .ui-datepicker-year { width:auto; }
#reservationModal1 #reservationModal1Content .rDate .ui-datepicker-year { font-family:"pretendard" !important; font-weight:normal !important; }
#reservationModal1 #reservationModal1Content .rDate .ui-datepicker-month { width:auto; font-family:"pretendard" !important; font-weight:normal !important; }
#reservationModal1 #reservationModal1Content .rTime { padding:clamp(16px,1.25vw,24px) clamp(24px,1.6vw,32px); }
#reservationModal1 #reservationModal1Content .rTime .timeTitle { color:#1f1f1f; font-size:16px; }
#reservationModal1 #reservationModal1Content .rTime .timeTable { flex-wrap:wrap; gap:9px; margin-top:12px; box-sizing:border-box; }
#reservationModal1 #reservationModal1Content .rTime .timeTable .item { padding:4px 8px; border-radius:4px; width:62px; background-color:#fff; border:1px solid #bbbbbb; color:#1f1f1f; font-size:14px; box-sizing:border-box; }
#reservationModal1 #reservationModal1Content .rTime .timeTable .item.on { color:#fff; background-color:#bb2649; }
#reservationModal1 .btnArea { background-color:#bb2649; }
#reservationModal1 .btnArea .fnReservationNext { color:#fff; }
#reservationModal1 #reservationModal1Content .rDate .ui-datepicker-calendar * { box-size:border-box; }
#reservationModal1 #reservationModal1Content .rDate .ui-datepicker td span { padding: 8px; }
#reservationModal1 #reservationModal1Content .rDate .ui-datepicker td a { padding:8px; }
#reservationModal1 #reservationModal1Content .rDate .ui-state-active  { background-color:#bb2649 !important; border-radius:12px !important; color:#fff !important; }

#reservationModal2 { }
#reservationModal2 .header { align-items:center; }
#reservationModal2 .modalTitle { color:#bb2649; font-size:clamp(16px,1.25vw,24px); font-weight:bold; }
#reservationModal2 #reservationModal2Content { }
#reservationModal2 #reservationModal2Content .rInfo { padding:0px 24px; }
#reservationModal2 #reservationModal2Content .rInfo .title { font-size:16px; color:#1f1f1f; margin-bottom:24px; }
#reservationModal2 #reservationModal2Content .rInfo .inputField { margin-bottom:20px; align-items:center; width:100%; }
#reservationModal2 #reservationModal2Content .rInfo .inputField label.label1 { width:100px; text-align:left; }
#reservationModal2 #reservationModal2Content .rInfo .inputField .input { width:100%; }
#reservationModal2 #reservationModal2Content .rInfo .inputField .input input[type=text] { border:1px solid #d2d2d2; border-radius:4px; padding:8px; height:40px; width:100%;  }
#reservationModal2 #reservationModal2Content .rInfo .inputField .input textarea { border:1px solid #d2d2d2; border-radius:4px; padding:8px; height:80px; width:100%; box-sizing:border-box; }
#reservationModal2 #reservationModal2Content .rInfo .inputField .input .radioButton { width:50%; background-color:#d2d2d2; color:#1f1f1f; height:40px; border-radius:4px; line-height:40px; }
#reservationModal2 #reservationModal2Content .rInfo .inputField .input .radioButton.on { background-color:#bb2649; color:#ffffff; }
#reservationModal2 #reservationModal2Content .rInfo .inputField .input.sexRadio { gap:12px; }
#reservationModal2 #reservationModal2Content .rInfo .inputField .input.snsTypeRadio { width:100%;flex-wrap:wrap;gap:12px;}
#reservationModal2 #reservationModal2Content .rInfo .inputField .input.snsTypeRadio .radioButton { width:48%;align-items:center;padding:10px;gap:10px;background-color:#fff;border:1px solid #d2d2d2;}
#reservationModal2 #reservationModal2Content .rInfo .inputField .input.snsTypeRadio .radioButton.on { background-color:#bb2649;color:#fff;}
#reservationModal2 #reservationModal2Content .rInfo .inputField .input.snsTypeRadio .radioButton img{ width:20px;}
#reservationModal2 #reservationModal2Content .rInfo .inputField .input.telGroup { gap:12px; }
#reservationModal2 #reservationModal2Content .rInfo .inputField .input.telGroup > div { width:100%; }
#reservationModal2 #reservationModal2Content .rInfo .inputField .input.telGroup select { width:100%; height:40px; border:1px solid #d2d2d2; padding:8px; border-radius:4px; appearance:auto; }
#reservationModal2 #reservationModal2Content .rInfo .inputField .input.telGroup input { width:100%; }
#reservationModal2 #reservationModal2Content .rInfo .inputField .certificationButton {  background-color:#bb2649; color:#fff; height:40px; border-radius:4px; line-height:40px; }
#reservationModal2 #reservationModal2Content .rInfo .inputField .checkBox { flex-wrap:wrap;margin-bottom:10px;gap:10px; }
#reservationModal2 #reservationModal2Content .rInfo .inputField .checkBox div { gap:10px; }
#reservationModal2 #reservationModal2Content .rInfo .inputField .input.certGroup { gap:12px; }
#reservationModal2 #reservationModal2Content .rInfo .inputField .input.certGroup > div:first-child { width:50%; }
#reservationModal2 #reservationModal2Content .rInfo .inputField .input.certGroup > div:last-child { width:25%; }
#reservationModal2 #reservationModal2Content .rAgreeForm { padding:24px 32px; flex-direction:column; gap:8px;  }
#reservationModal2 #reservationModal2Content .rAgreeForm input[type=checkbox] { margin-right:16px; }
#reservationModal2 #reservationModal2Content .rAgreeForm .link { margin-left:30px; }
#reservationModal2 #reservationModal2Content .rAgreeForm .link a { color:#818181; font-size:14px; }
#reservationModal2 #reservationModal2Content .info { margin-top:16px; flex-direction:column; gap:4px; }
#reservationModal2 #reservationModal2Content .info > div { color:#818181; font-size:14px; }
#reservationModal2 .btnArea { background-color:#bb2649; }
#reservationModal2 .btnArea .fnReservationNext2 { color:#fff; }

/*사이드바 contact 팝업*/
#sendFeedbackPopup {padding:30px;align-items:flex-start;border-radius:30px;background: rgba(255, 255, 255, 0.80);backdrop-filter: blur(5px); width:660px; max-width: none; box-sizing: border-box;}
#sendFeedbackPopup .title {color: #000;text-align: center;margin-bottom:30px;font-size: 24px;font-weight: 500;line-height: 24px;letter-spacing: -0.48px; width: 100%;}
#sendFeedbackPopup .sns {gap:12px; flex-wrap: wrap; width: 100%;}
#sendFeedbackPopup .sns .contact {width:90px;height:90px;padding:8px;gap:10px;border-radius:12px;background:#BB2649;}
#sendFeedbackPopup .sns .line {width:90px;height:90px;padding:8px;gap:10px;border-radius:12px;background:#00c300;}
#sendFeedbackPopup .sns .naver {width:90px;height:90px;padding:8px;gap:10px;border-radius:12px;background:#3cad44;}
#sendFeedbackPopup .sns .wechat {width:90px;height:90px;padding:8px;gap:10px;border-radius:12px;background:#2dc100;}
#sendFeedbackPopup .sns .whatsapp {width:90px;height:90px;padding:8px;gap:10px;border-radius:12px;background:linear-gradient(180deg, #48BF4B 0%, #09883B 100%);}
#sendFeedbackPopup .sns .kakao {width:90px;height:90px;padding:8px;gap:10px;border-radius:12px;background:#fae100;}
#sendFeedbackPopup .sns .icon {width:28px;}
#sendFeedbackPopup .sns .name {color:#fff;font-size:14px;font-weight:500;line-height:14px;}
#sendFeedbackPopup .sns .name2 {color:#371D1E;font-size:14px;font-weight:500;line-height:14px;}

#sendFeedbackMobPopup { box-sizing: border-box; width:90% padding:15px 15px; }
#sendFeedbackMobPopup .title { color:#000; text-align:center; margin-bottom:30px; font-size:24px; font-weight:500; line-height:24px; letter-spacing:-0.48px; width:100%; }
#sendFeedbackMobPopup .sns { gap:2%; flex-wrap:wrap; width:100%; }
#sendFeedbackMobPopup .sns .contact { width:32%; margin-bottom:2%; padding:8px; gap:10px;border-radius:12px;background:#BB2649;}
#sendFeedbackMobPopup .sns .line {width:32%; margin-bottom:2%; padding:8px; gap:10px;border-radius:12px;background:#00c300;}
#sendFeedbackMobPopup .sns .naver {width:32%; margin-bottom:2%; padding:8px; gap:10px;border-radius:12px;background:#3cad44;}
#sendFeedbackMobPopup .sns .wechat {width:32%; margin-bottom:2%; padding:8px; gap:10px;border-radius:12px;background:#2dc100;}
#sendFeedbackMobPopup .sns .whatsapp {width:32%; margin-bottom:2%; padding:8px; gap:10px;border-radius:12px;background:linear-gradient(180deg, #48BF4B 0%, #09883B 100%);}
#sendFeedbackMobPopup .sns .kakao {width:32%; margin-bottom:2%; padding:8px; gap:10px;border-radius:12px;background:#fae100;}
#sendFeedbackMobPopup .sns .icon {width:28px;}
#sendFeedbackMobPopup .sns .name {color:#fff;font-size:14px;font-weight:500;line-height:14px;}
#sendFeedbackMobPopup .sns .name2 {color:#371D1E;font-size:14px;font-weight:500;line-height:14px;}


.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	/* border: 1px solid #fff; */
	/* background: #f6f6f6; */
	font-weight: normal;
	/* color: #454545; */
	color: #333;
	text-align: center;
	border-radius: 12px !important;
}


/*main-sec2*/
.main-sec2 {
  background: url(/main/img/main/sec2-bg.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 150px 0;
}
.main-sec2 .swiper-slide {
  position: relative;
}
.main-sec2 .swiper-slide .txt-box {
  color: var(--white);
  font-size: var(--size32);
  font-weight: 200;
  line-height: 1.3;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 280px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.main-sec2 .swiper-slide .txt-box h6 {
  font-size: 56px;
  font-weight: 200;
  margin-top: 12px;
}
.main-sec2 .swiper-slide .txt-box h6 span {
  font-weight: 600;
}
.main-sec2 .swiper-slide .txt-box::before {
  content: "'";
  display: block;
  width: 9px;
  height: 18px;
  background: url(/main/img/main/sec2-point2.png) no-repeat;
  background-size: 100% 100%;
}
.main-sec2 .swiper-slide .txt-box::after {
  content: "'";
  display: block;
  width: 9px;
  height: 18px;
  background: url(/main/img/main/sec2-point1.png) no-repeat;
  background-size: 100% 100%;
}
/*main-sec3*/
.main-sec3 {
  padding-top: 150px;
}
.main-sec3 .inner {
  max-width: 1440px;
}
.main-sec3 .sec3-pagination {
  margin: 30px 0 80px;
}
.main-sec3 .swiper-pagination {
  position: relative;
  bottom: auto;
  top: auto;
  left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.main-sec3 .swiper-pagination .swiper-pagination-bullet {
  width: auto;
  height: auto;
  background: transparent;
  opacity: 1;
  font-size: var(--size18);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 16px;
}
.main-sec3 .swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  width: 2px;
  height: 13px;
  background: #e6e6e6;
  display: block;
}
.main-sec3 .swiper-pagination .swiper-pagination-bullet:last-child::after {
  display: none;
}
.main-sec3 .swiper-pagination .swiper-pagination-bullet-active {
  background: transparent;
  color: var(--pink02);
}
/*main-sec4*/
.main-sec4 {
  background: url(/main/img/main/sec4-bg.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 150px 0;
}
.main-sec4 .main-tit {
  color: var(--white);
}
.main-sec4 .main-list {
  margin: 30px 0 80px;
}
.main-sec4 .swiper-wrap {
  position: relative;
}
.main-sec4 .swiper {
  width: 90%;
  margin: auto;
}
.main-sec4 .swiper-slide a {
  width: 100%;
  position: relative;
  padding-bottom: 127%;
}
.main-sec4 .swiper-slide .bo-img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}
.main-sec4 .swiper-slide .txt-box {
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: var(--white);
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 24px 28px;
  position: absolute;
  left: 0;
  top: 0;
}
.main-sec4 .swiper-slide .txt-box .bo-title {
  font-size: var(--size20);
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 75%;
}
.main-sec4 .swiper-slide .txt-box .next-btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}
.main-sec4 .swiper-slide .txt-box .next-btn img {
  width: 7px;
}
.main-sec4 .sec4-control {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  display: flex;
  justify-content: space-between;
}
.main-sec4 .sec4-control img {
  width: 24px;
}
/*main-sec5*/
.main-sec5 {
  padding: 150px 0;
  background: #f4f4f4;
}
.main-sec5 .swiper {
  margin-top: 80px;
}
.main-sec5 .swiper-wrapper > .swiper-slide {
  position: relative;
}
.main-sec5 .swiper-wrapper > .swiper-slide:not(.swiper-slide-active):after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.main-sec5 .swiper-pagination-progressbar {
  position: relative;
  width: 300px;
  margin: 80px auto 0;
  height: 12px;
  border-radius: 100px;
  overflow: hidden;
  background: var(--white);
}
.main-sec5 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--pink02);
}
/*main-sec6*/
.main-sec6 {
  padding: 150px 0 280px;
  background: url(/main/img/main/sec6-bg.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.main-sec6 .main-tit {
  color: var(--white);
}
.main-sec6 .main-tit span {
  color: var(--white);
}
.main-sec6 .swiper-slide {
  border: 1px solid var(--white);
  box-sizing: border-box;
  position: relative;
  padding-bottom: 18%;
}
.main-sec6 .swiper-slide iframe,
.main-sec6 .swiper-slide object,
.main-sec6 .swiper-slide embed {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
/*main-sec7*/
.main-sec7 {
  padding: 150px 0 220px;
  background: url(/main/img/main/sec7-bg.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.main-sec7 .main-tit {
  color: var(--white);
}
.main-sec7 .main-tit span {
  color: var(--white);
}
/*main-sec8*/
.main-sec8 .swiper-slide {
  height: 80vh;
}
.main-sec8 .swiper-slide iframe {
  width: 100%;
  height: 100%;
}
.main-sec8 .swiper-slide .map-info {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  box-sizing: border-box;
  padding: 80px 7%;
  color: var(--white);
  display: flex;
  flex-direction: column;
  /*gap: 40px;*/
  gap: 20px;
  z-index: 10;
}
.main-sec8 .swiper-slide .map-info .map-tit {
  font-size: var(--size48);
  font-weight: 700;
  color: var(--white);
}
.main-sec8 .swiper-slide .map-info .info-tit {
  background: var(--pink02);
  border-radius: 100px;
  padding: 8px 0;
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--size20);
  font-weight: 700;
  margin-bottom: 20px;
}
.main-sec8 .swiper-slide .info-box p {
  font-size: var(--size24);
  line-height: 1.6;
  font-weight: 300;
}
.main-sec8 .swiper-slide .info-box p span {
  font-weight: 600;
}
.main-sec8 .sec8-nav {
  width: 95%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: flex;
  justify-content: space-between;
}
.main-sec8 .sec8-nav img {
  width: 40px;
}
.main-sec8 .sec8-pag {
  width: 50%;
  position: absolute;
  left: 0;
  bottom: 20px;
}
.main-sec8 .sec8-pag .swiper-pagination {
  text-align: end;
  box-sizing: border-box;
  padding-right: 7%;
}
.main-sec8 .sec8-pag .swiper-pagination-bullet {
  background: var(--white);
  opacity: 1;
}
.main-sec8 .sec8-pag .swiper-pagination-bullet-active {
  background: var(--pink02);
}
.main-sec8 .root_daum_roughmap_landing {
  width: 100%;
  height: 100%;
}
.main-sec8 .root_daum_roughmap .wrap_map {
  width: 100%;
  height: 100%;
}
.main-sec8 .root_daum_roughmap .wrap_controllers {
  display: none;
}
/*main-sec9*/
.main-sec9 {
  padding: 80px 0;
  background: #dfb8c1;
  display: none;
}
.main-sec9 .form-wrap {
  display: flex;
  gap: 8px;
}
.main-sec9 .form-wrap > div {
  width: calc(16.666% - 6.666px);
  display: flex;
}
.main-sec9 .form-wrap .input-wrap {
  background: var(--white);
  border-radius: 10px;
  overflow: hidden;
}
.main-sec9 .form-wrap .input-wrap input,
.main-sec9 .form-wrap .input-wrap select {
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  padding: 0 12px;
  font-size: var(--size18);
  color: #7d7d7d;
}
.main-sec9 .form-wrap .input-wrap select {
  background: url("/main/img/icon/ic-down-pink.png") calc(100% - 16px) center
    no-repeat;
  background-size: 16px;
  padding: 0 36px 6 12px;
}
.main-sec9 .form-wrap .check-box label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.main-sec9 .form-wrap .check-box label input {
  width: 16px;
  height: 16px;
  background: var(--white);
}
.main-sec9 .form-wrap .check-box label p {
  display: flex;
  flex-wrap: wrap;
}
.main-sec9 .form-wrap button {
  width: 100%;
  height: 60px;
  border-radius: 10px;
  background: var(--pink02);
  color: var(--white);
  font-size: var(--size18);
  display: flex;
  align-items: center;
  justify-content: center;
}
/*.main-popup { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 102; background: rgba(0, 0, 0, 0.6); display: none;}*/
.main-popup { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 102; background: rgba(0, 0, 0, 0.6); display: none;
}
@keyframes fade_up {
	0% { opacity: 0; transform: translateY(100%); }
	to { opacity: 1; transform: translateY(0); }
}

.main-popup .popup-btn button { color: var(--black); z-index: 1;font-size:14px;font-weight:700; }
.main-popup .inner.pc .popup-btn { display: flex; justify-content: space-between;background:rgba(255,255,255,0.5);padding:10px 24px;border-radius:16px 16px 0px 0px;transition:background 0.3s; }
.main-popup .inner.mob .popup-btn { display: flex; justify-content: space-between;height:clamp(32px,2.6vh,52px);padding:0px 24px;}
.main-popup .inner.mob .popup-btn .day-btn { color:var(--black);font-size:13px}
.main-popup .inner.mob .popup-btn .close-btn { color:var(--black);font-size:13px}
.main-popup .inner.pc { visibility: visible; width: 100%; max-width:920px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% + 50px)); }
.main-popup .inner.mob {animation: fade_up 1s; visibility: visible; width: 100%; max-width:1200px; position: absolute; left: 0; bottom: 0; top:auto; transform: none; }
.main-popup .swiper-pagination {
  width: 100%;
  background-color:#fff;
  position: relative;
  bottom: auto;
  top: auto;
  left: auto;
  display: flex;
  flex-wrap:wrap;
  transition: background 0.3s;
}
.main-popup .inner.mob .swiper-slide img { border-top-left-radius: 12px;border-top-right-radius: 12px;}


.main-popup .swiper-pagination-bullet {
  width:calc(100% / 5);
  height: 32px;
  background-color:rgb(255,255,255,0);
  color: var(--black02);
  opacity: 1;
  border-right:#fff;
  border-bottom:#fff;
  text-align: center;
  border-right:1px solid #f4f4f4;
  border-bottom:1px solid #f4f4f4;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  margin: 0 !important;
  transition: all 0.4s;
  font-size: 15px;
}

.main-popup .inner.mob .swiper-pagination-bullet  { width:25%; }

.main-popup .swiper-pagination-bullet-active {
  background: var(--color-gray-gray1, #F1F3F5);
  backdrop-filter: blur(10px);
  color: #BB2649;
  font-weight:700;
}

@media (max-width: 1000px) {
  .main-popup .inner.pc{width: 92%;}
  .main-popup .swiper-pagination-bullet {font-size: 14px;}
}

.before-after{
  text-align: center;
  margin-top: 30px;
  font-size: var(--size18);
}

.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 600px;
  position: relative;
}

.loading .spinner {
  width: 40px;
  height: 40px;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-top: 4px solid #bb2649;
  border-radius: 50%;
  animation: spin 1s linear infinite
}


#secIndexContent { height:100vh; }
#secIndexContent .shadowBg { width:100%; height:100vh; background-color:#000; top:0px; left:0px; opacity:0.5; }
#secIndexContent .bxslider { height:100vh; }
#secIndexContent .bx-wrapper { border:0px !important; margin-bottom:0px; height:100vh; }
#secIndexContent .bx-wrapper .bx-controls-auto, #secIndexContent .bx-wrapper .bx-pager { text-align:right !important; top:100px; right:120px; }
#secIndexContent .bx-wrapper .bx-pager.bx-default-pager a.active, #secIndexContent .bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover { background-color:#fff !important; opacity:1; }
#secIndexContent .bx-wrapper .bx-pager.bx-default-pager a { background-color:#fff !important; opacity:0.5;}
#secIndexContent .bx-wrapper .content { right:120px; top:180px; }
#secIndexContent .bx-wrapper .content .caption { padding-right:16px;}
#secIndexContent .bx-wrapper .content .caption .line { width:4px; height:75%; right:0px; top:5px; }
#secIndexContent .brandImg { height:100vh; object-fit:cover;  }
#secIndexContent .brandListArea { width:600px; height:100%; background-color: rgb(0,0,0,0.5); top:0px; left:0px;  }
#secIndexContent .brandListArea .topNav { box-sizing:border-box; margin-top:160px; width:100%; color:#fff;  padding:0px 80px; }
#secIndexContent .brandListArea .topNav .item { padding:30px 10px; }
#secIndexContent .brandListArea .topNav .item.active { border-bottom:1px solid #fff; }
#secIndexContent .brandListArea .hei1px { opacity:0.5; margin-top:-1px; }
#secIndexContent .listContents { padding:30px 60px; box-sizing:border-box; height:400px; }
#secIndexContent .listContents .lists { flex-wrap: wrap; }
#secIndexContent .listContents .lists div { width:33%; margin-bottom:30px; }
#secIndexContent .listContents .lists a { width:80%; border:1px solid #fff; box-sizing:border-box; display:block; border-radius:20px; padding:4px 12px; margin:0 auto; }
#secIndexContent .listContents .lists a.open {  background-color:#fff;  }
#secIndexContent .listContents .lists a.doing { color:#fff; }
#secIndexContent .scrollDown { width:clamp(40px,4.6vw,80px); left:calc(50% - clamp(20px,4.6vw,40px)); bottom:clamp(10px,1vw,20px);  }
#secIndexContent .scrollDown { animation: bounce 2s ease-in-out infinite alternate; }
@keyframes bounce{
    from { transform:translate(0%, -10px); }
    to { transform:translate(0%, -0px); }
}

#secIndexContent .brandAb {top:50px; right:100px;}
#secIndexContent .branch-box {
  position: relative;
  
}
#secIndexContent .branch-box p {
  cursor: pointer;
  color: var(--black02);
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--pink01);
  border-radius: 4px;
  padding: 4px 12px;
}
#secIndexContent .branch-box p img {
  width: 12px;
}
#secIndexContent .branch-box .branch-list {
  width: 100%;
  position: absolute;
  left: 0;
  background: var(--pink01);
  top: 32px;
  border-radius: 4px;
  display: none;
  z-index: 10;
}
#secIndexContent .branch-box .branch-list > li > a {
  color: var(--black02);
  padding: 6px 12px;
  transition: all 0.4s;
}
.pc-header .top-area .branch-box .branch-list > li > a:hover {
  color: var(--pink02);
}

#secTeamAgree { padding:160px 0px; }
#secTeamAgree .teamArea { width:800px; margin:0 auto; }
#secTeamAgree .teamArea h2 { padding:12px 0px; }
#secTeamAgree .teamArea h3 { padding:8px 0px; }

#secNonPaid { padding:160px 0px; }
#secNonPaid h1 { margin-bottom:40px; }
#secNonPaid .subTitle { font-size:20px; margin-bottom:12px; }
#secNonPaid .tableArea { margin-bottom:24px; }
#secNonPaid .nonPaidTable { border-collapse:collapse; box-sizing:border-box; border-top:1px solid #1f1f1f; margin-bottom:24px; }
#secNonPaid .nonPaidTable th { border-bottom:1px solid #2e2e2e; box-sizing:border-box; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; font-size:14px; padding:12px 4px; }
#secNonPaid .nonPaidTable td { border-left:1px solid #d1d1d1; box-sizing:border-box; border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; font-size:14px; padding:12px 4px; color:#606060; }
#secNonPaid .nonPaidTable td:nth-child(1) { text-align:center; width:clamp(40px,4.5vw,60px); }
#secNonPaid .nonPaidTable td:nth-child(2) { text-align:center; width:clamp(40px,4.5vw,60px); }
#secNonPaid .nonPaidTable td:nth-child(3) { text-align:center; width:clamp(40px,4.5vw,60px); }
#secNonPaid .nonPaidTable td:nth-child(4) { text-align:center; width:clamp(100px,10vw,132px); }
#secNonPaid .nonPaidTable td:nth-child(5) { text-align:center; width:clamp(62px,6vw,80px); }
#secNonPaid .nonPaidTable td:nth-child(6) { text-align:center; width:clamp(52px,3.9vw,52px); }
#secNonPaid .nonPaidTable td:nth-child(7) { text-align:center; width:clamp(74px,5.6vw,74px); }
#secNonPaid .nonPaidTable td:nth-child(8) { text-align:center; width:clamp(82px,6.1vw,82px); }
#secNonPaid .nonPaidTable td:nth-child(9) { text-align:center; width:clamp(74px,5.6vw,74px); }
/* #secNonPaid .nonPaidTable td:nth-child(10) { text-align:center; width:clamp(74px,5.6vw,74px); } */
#secNonPaid .nonPaidTable td:nth-child(11) { text-align:center; width:clamp(96px,7.2vw,96px); }

.board #secSearch { margin-top:20px; }
.board #secSearch .inputBox { margin:0 auto; float:right;width:20%; border:1px solid #ddd; height:48px; border-radius:24px; padding-right:40px; }
.board #secSearch .inputBox > input { padding:12px 24px; height:48px; width:100%; }
.board #secSearch .icon { right:20px; top:14px; font-size:20px; }
.board #secSearch .hashTag { margin-top:24px; }
.board #secSearch .hashTag .tag { padding:0px 12px; color:#6B7280; }
.board #secSearch .hashTag .tag.on { font-weight:bold; text-decoration:underline; }

.forwarding { margin-bottom:160px; }
.forwarding #secBrandList { margin-top:40px;  }
.forwarding #secBrandList .title { margin-bottom:48px; }
.forwarding #secBrandList .items { margin:0 auto; flex-wrap:wrap; padding:10px; }
.forwarding #secBrandList .items .item { width:20%; font-size:12px; }
.forwarding #secBrandList .items .item .info { position:relative; margin:10px 10px;}
.forwarding #secBrandList .items .item .link { box-sizing:border-box; position:absolute; bottom:30px; width:100%; padding:20px 40px; }
.forwarding #secBrandList .items .item .link div { display:block; background-color:#fff; padding:8px; }
.forwarding #secBrandList .items .item:hover .link div { color:#fff; background-color:#bb2649; }

.forwarding #secForwardInfo { margin-top:80px; }
.forwarding #secForwardInfo .title { margin-bottom:48px; }
.forwarding #secForwardInfo .boxArea { width:100%; height:260px; margin:0 auto; background:url("/main/img/board/forwardingKeywordBg.jpg") center; }
.forwarding #secForwardInfo .boxArea a { display:block; width:100%; height:100%; padding:20px; }
.forwarding #secForwardInfo .boxArea a .boderBox { border:1px solid #fff; height:100%; color:#fff; }
.forwarding #secSearch { margin-top:120px; }
.forwarding #secSearch .inputBox { margin:0 auto; width:600px; border:1px solid #ddd; height:48px; border-radius:24px; padding-right:40px; }
.forwarding #secSearch .inputBox > input { padding:12px 24px; height:48px; width:100%; }
.forwarding #secSearch .hashTag { margin-top:24px; }
.forwarding #secSearch .hashTag .tag { padding:0px 12px; color:#6B7280; }
.forwarding #secSearch .hashTag .tag.on { font-weight:bold; text-decoration:underline; }
.forwarding #secSearch .icon { right:20px; top:14px; font-size:20px; }
.forwarding #secBoardList { margin-top:80px; }
.forwarding #secBoardList .lists { gap:60px; flex-wrap:wrap; }
.forwarding #secBoardList .lists > .item { width:360px; height:360px;  }


@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media screen and (max-width: 1500px) {
  .main-sec1 .swiper-slide img {
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media screen and (max-width: 1320px) {
  .minW1320 { min-width:100%; }
  .yContainer { box-sizing:border-box; max-width:100%; min-width:auto; width:100%; padding:0px 20px;  }
}
@media screen and (max-width: 1200px) {
  .main-sec1 {
    padding-top: 0;
  }
  .main-sec8 .swiper-slide .map-info {
    padding: 40px 7%;
  }

  /*.footerInfoMob {
      position: fixed;
      left: 0;
      bottom: 0;
      z-index: 101;
    }

    .footerInfoMob .page-control-btn {
      display: none;
    }

    .footerInfoMob .page-control-btn .page-btn {
      position: fixed;
      bottom: 120px;
      width: 65px;
      height: 30px;
      cursor: pointer;
      text-align: center;
      line-height: 70%;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 6px;
    }

    .footerInfoMob .page-control-btn .page-prev-btn {
      left: 30px;
    }

    .footerInfoMob .page-control-btn .page-top-btn {
      right: 30px;
    }

    .footerInfoMob .page-control-btn .page-btn img {
      width: 20px;
    }

    .footerInfoMob .page-control-btn .page-btn span {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: 13px;
      font-weight: 500;
    }

    .footerInfoMob .page-control-btn .page-prev-btn {
      background-color: rgba(216, 171, 181, 0.8);
      animation: bounce 2s infinite ease-in-out;
    }

    .footerInfoMob .page-control-btn .page-top-btn {
      background-color: rgba(0, 0, 0, 0.2);
    }

    .footerInfoMob .page-control-btn .page-top-btn {
    }

    .footerInfoMob .sec10-list {
      display: flex;
    }
    .footerInfoMob .sec10-list > li {
      width: 25%;
      box-sizing: border-box;
      background: #d3aab5;
      border-right: 1px solid var(--white);
    }
    .footerInfoMob .sec10-list > li:nth-child(2n) {
      background: #e5c9bd;
      border-right:1px solid #fff;
    }
    .footerInfoMob .sec10-list > li:last-child {
      border-right: 0;
    }
    .footerInfoMob .sec10-list > li > a {
      color: var(--white);
      font-size: 16px;
      font-weight: 500;
      padding: 14px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .footerInfoMob .sec10-list > li:nth-child(2n) > a {
      background: #b9959e;
      height:100%;
    }
    .footerInfoMob .sec10-list > li > a img {
      width: 28px;
      margin-bottom: 12px;
    }
    */
}
@media screen and (max-width: 1200px) {
    #secIndexContent .brandListArea { width:550px; height:100%; background-color: rgb(0,0,0,0.5); top:0px; left:0px;  }
    #secIndexContent .listContents { padding:30px 40px; box-sizing:border-box; }
    #secIndexContent .bx-wrapper .bx-controls-auto, #secIndexContent .bx-wrapper .bx-pager { text-align:right !important; top:100px; right:80px; }
    #secIndexContent .bx-wrapper .content { top:180px; right:80px; }

    #sec-main03 .yContainer > .contents { flex-wrap:wrap; }
    #sec-main03 .yContainer > .contents .item { width:100%; margin-bottom:16px;  }
    #sec-main03 .yContainer > .detailLink a { border:1px solid #1f1f1f; width:auto; }

    #secTeamAgree { padding:clamp(80px,8.3vw,160px) 2%; box-sizing:border-box; }
    #secTeamAgree .teamArea { width:100%;  }

    #sec-main01-mob .reBox .inputArea { box-sizing:border-box; width:100%; padding:10px 10px; gap:8px; }

    #reservationModal1 #reservationModal1Content .rTime .timeTable { gap:2%;  }
    #reservationModal1 #reservationModal1Content .rTime .timeTable .item { width:32%; margin-bottom:2%; }

    #secNonPaid { overflow-x:hidden; }
    #secNonPaid .tableArea {  overflow-x:scroll;}
    #secNonPaid .tableArea .nonPaidTable { width:1000px; }

    #secIndexContent .listContents { height:auto; }
    #sec-main09 .yContainer .selectArea { margin-top:0px; }
}
@media screen and (max-width: 700px) {
  .main-tit {
    font-size: var(--size32);
  }
  .main-sec1 .sec1-control {
    gap: 16px;
    padding: 20px 0;
    z-index: 1;
  }
  .main-sec1 .sec1-control .swiper-button-prev,
  .main-sec1 .sec1-control .swiper-button-next {
    width: 16px;
  }
  .main-sec1 .sec1-control .swiper-pagination {
    gap: 10px;
  }
  .main-sec1 .sec1-control .swiper-pagination span {
    width: 32px;
    height: 32px;
    font-size: var(--size18);
  }
  .main-sec2 {
    padding: 140px 0;
  }
  .main-sec2 .swiper-slide .txt-box {
    font-size: var(--size24);
    height: 180px;
  }
  .main-sec2 .swiper-slide .txt-box h6 {
    font-size: var(--size32);
  }
  .main-sec3 {
    padding-top: 140px;
  }
  .main-sec3 .sec3-pagination {
    margin: 16px 0 45px;
  }
  .main-sec4 {
    padding: 140px 0;
  }
  .main-sec4 .inner {
    width: 100%;
  }
  .main-sec4 .sec4-control {
    width: 98%;
  }
  .main-sec4 .sec4-control img {
    width: 16px;
  }
  .main-sec4 .main-list {
    margin: 16px 0 100px;
  }
  .main-sec4 .swiper {
    width: 85%;
  }
  .main-sec4 .swiper-slide .txt-box {
    padding: 16px;
  }
  .main-sec4 .swiper-slide .txt-box .bo-title {
    width: 100%;
    font-size: var(--size18);
  }
  .main-sec5 {
    padding: 140px 0;
  }
  .main-sec5 .tab-wrap .tab-nav {
    margin: 16px 0 40px;
  }
  .main-sec5 .swiper .hos-name {
    margin-top: 16px;
    font-size: var(--size24);
  }
  .main-sec5 .swiper-pagination-progressbar {
    width: 200px;
    margin: 40px auto 0;
    height: 8px;
  }
  .main-sec6 {
    padding: 70px 0 82px;
  }
  .btn-wrap {
    margin: 20px 0 60px;
  }
  .main-sec7 {
    padding: 70px 0 82px;
  }
  .main-sec7 .btn-wrap {
    margin: 20px 0 60px;
  }
  .main-sec8 .swiper-slide {
    height: 100vh;
  }
  .main-sec8 .swiper-slide .map-info {
    gap: 16px;
    padding: 20px;
    width: 100%;
    height: 65%;
    top: auto;
    bottom: 0;
  }
  .main-sec8 .swiper-slide .map-info .map-tit {
    font-size: var(--size24);
  }
  .main-sec8 .swiper-slide .map-info .info-tit {
    font-size: 14px;
    padding: 4px 0;
    width: 80px;
    margin-bottom: 12px;
  }
  .main-sec8 .swiper-slide .info-box p {
    font-size: 14px;
  }
  .main-sec8 .sec8-nav {
    display: none;
  }
  .main-sec8 .sec8-pag {
    width: 100%;
  }
  /*
  .footerInfoMob .sec10-list > li > a img {
    width: 28px;
  }
  .footerInfoMob .sec10-list > li > a {
    padding: 16px 0;
    font-size: 14px;
    text-align:center;
  }*/
  .main-popup .swiper-pagination-bullet {
    font-size: 11px;
  }
  
  #secIndexContent .bx-wrapper .bx-controls-auto, #secIndexContent .bx-wrapper .bx-pager { text-align:center !important; top:0px; right:auto; }
  #secIndexContent .brandListArea { width:100%; height:auto !important; background-color: rgb(0,0,0,0); top:auto; bottom:0px; left:0px;  }
  #secIndexContent .bx-wrapper .content .textRight { text-align:center; width:100%; }
  #secIndexContent .bx-wrapper .content .caption { padding-right:0px;}
  #secIndexContent .bx-wrapper .content .caption .line { display:none; }
  #secIndexContent .bx-wrapper .content {top:56px; right:auto; width:100%;  }
  #secIndexContent .bx-wrapper .content .title { margin-bottom:0px; font-size:40px !important; line-height:50px; }
  #secIndexContent .bx-wrapper .content .headline4 { font-size:20px !important; }
  #secIndexContent .bx-wrapper .content .caption { margin-top:8px; font-size:14px !important; line-height:18px; margin-top:0px; }
  #secIndexContent .bx-wrapper .img { height:auto !important; }
  #secIndexContent .bx-viewport { height:auto !important; }
  #secIndexContent .shadowBg { width:100%; height:100%; background-color:#000; top:0px; left:0px; opacity:0.7; }
  #secIndexContent .bx-wrapper .bx-pager.bx-default-pager a { width:6px; height:6px; }
  
  #secIndexContent .brandListArea .topNav { box-sizing:border-box; margin-top:160px; width:100%; color:#fff;  padding:0px 20px; }
  #secIndexContent .listContents { padding:22px 10px 0px 10px; }
  #secIndexContent .listContents .lists div { width:33%; margin-bottom:30px; } 
  #secIndexContent .listContents .lists a { width:90%; border:1px solid #fff; box-sizing:border-box; display:block; border-radius:20px; padding:4px 12px; margin:0 auto; }
  
  #secIndexContent .brandAb { display:none !important; }

  .forwarding #secBrandList { margin-top:20px;  }
  .forwarding #secBrandList .title { margin-bottom:12px; }
  .forwarding #secBrandList .items { margin:0 auto; flex-wrap:wrap; padding:0px; }
  .forwarding #secBrandList .items .item { width:33%; font-size:12px; }
  .forwarding #secBrandList .items .item img { display:none; }
  .forwarding #secBrandList .items .item .link { padding:0; position:static; }

  .forwarding #secForwardInfo { margin-top:20px; }
  .forwarding #secForwardInfo .title { margin-bottom:20px; }
  .forwarding #secForwardInfo .boxArea { width:100%; height:260px; margin:0 auto; background:url("/main/img/board/forwardingKeywordBg.jpg") center; background-size:90%; }

    .board #secSearch .inner{ display:inline-block;}
    .board #secSearch .inputBox { margin:0 auto; width:80%; border:1px solid #ddd; height:48px; border-radius:24px; padding-right:40px; }
    .board #secSearch .inputBox > input { padding:12px 24px; height:48px; width:100%; }
    .board #secSearch .icon { right:20px; top:14px; font-size:20px; }

    #reservationModal2 #reservationModal2Content .rInfo .inputField .input.snsTypeRadio .radioButton { width:29%;display: inline-flex;  /* 부모 flex 영향을 받지 않도록 inline-flex */
                                                                                                                     justify-content: center;
                                                                                                                     align-items: center;}
    #reservationModal2 #reservationModal2Content .rInfo .inputField .input.snsTypeRadio .radioButton span { visibility:hidden;display:none;}
    #reservationModal2 #reservationModal2Content .rInfo .inputField .input.snsTypeRadio .radioButton img { display:block;}
    #reservationModal2 #reservationModal2Content .rInfo .inputField .input.snsTypeRadio .radioButton.jcCenter span { visibility:visible;display:flex;}
}