@charset "utf-8";

/* size */
@media screen and (max-width: 1250px) { } /* tablet */
@media screen and (max-width: 650px) { } /* mobile */

/* default */
*{
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color : inherit;
    box-sizing: border-box;
    letter-spacing: inherit;
    line-height: inherit;
}

body{ font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 16px; letter-spacing: -0.04em; }
section{ display:block; }
a{ color:inherit; }

.inner{ width:1200px; margin:0 auto; }

.paging_box{ padding:10px 0; display:flex; align-items: center; justify-content: center; }

select{
    -webkit-appearance: none; -moz-appearance: none;  appearance: none;
    background: url('../img/common/select-icon.png') no-repeat 98% 50% #fff; 
}
select::-ms-expand{ display:none; }

@media screen and (max-width: 1250px) { 
    .inner{ width:100%; padding:0 10px; }
} /* tablet */
@media screen and (max-width: 650px) { 
    .paging_box{ font-size: 13px; }
} /* mobile */

/* header */
header{ box-shadow: 6px 15px 11px 0px rgba(0, 0, 0, 0.10); position: fixed; left: 0; top: 0; width: 100%; z-index:9999; border-top: 4px solid #143C29; background-color: #fff; padding: 10px 0; }
header .inner{ display: flex; align-items: center; justify-content: space-between; }
header .menuList{ display: flex; align-items: center; gap: 40px; font-weight: 700; color: #335E4A; }
header .applyBtn{ display: inline-block; padding: 10px 20px; border-radius: 4px; background-color: #BF904E; border-radius: 4px ; color: #fff; }
header .logo.white{ display: none; }
header .logoH1{ margin: 0; font-size: 0; line-height: 0; font-weight: normal; }
header .mo{ display: none; }
header.on{ background-color: rgba(0,0,0,0.1); box-shadow: unset; }
header.on .menuList{ color: #fff; }
header.on .logo.white{ display: block; }
header.on .logo.default{ display: none; }

@media screen and (max-width: 950px) { 
    header{ position: absolute; }
    header .menuList{ top: -150px; transition: top .5s; justify-content: center; position: fixed; left: 0; width: 100%; background-color: #fff; padding: 10px; }
    header.show .menuList{ top: 0; }
    header .mo{ display: inline-block; }
    header .moNone{ display: none; }
}   
@media screen and (max-width: 650px) { 
    header .logo{ width: 80px; }
    header{ font-size: 14px; }
    header .applyBtn{ padding: 10px 15px; }
    header .menuList{ overflow-x: scroll; justify-content: flex-start; gap: 20px; }
    header .menuList > li{ flex-shrink: 0; }
    header .applyBtn { display: none; }
    header .inner { justify-content: center; }
}


/* footer */
footer{ background-color: #446A59; color: #fff; font-family: 'Abyssinica SIL'; }
footer .topSection{ padding: 20px 0; border-bottom: 1px solid #FDF6E4; }
footer .topSection .leftText{ font-size: 18px;  }

footer .contentSection{ padding: 16px 0 20px 0; }
footer .contentSection .inner{ display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; }
footer .contentSection .leftBox .infoDiv{ margin-top: 20px; }
footer .contentSection .rightBox { display: flex; flex-direction: column; align-items: flex-end; }
footer .contentSection .rightBox .telBox{ font-size: 48px; font-family: "Alice", serif; }
footer .contentSection .rightBox .telBox .big{ font-size: 1.25em; }
footer .contentSection .rightBox .privacyBtn{ font-family: 'Paperlogy'; margin-top: 14px; border-radius: 4px; padding: 10px 20px; border: 1px solid #fff; border-radius: 4px; font-weight: 400; }

footer .contentSection .copy_right{ width: 100%; margin-top: 22px; font-size: 14px; font-weight: 400; opacity: .4; }

@media screen and (max-width: 1250px) { 
    footer .contentSection .rightBox .telBox{ font-size: 36px; }
    footer .contentSection .rightBox .privacyBtn{ padding: 10px 15px; font-size: 14px; }
}
@media screen and (max-width:950px) { 
    footer .contentSection .inner{ flex-direction: column; align-items: flex-start; }
    footer .contentSection .rightBox{ margin-top: 20px; align-items: flex-start; }
}
@media screen and (max-width:650px) { 
    footer{ font-size: 14px; } 
    footer .topSection{ padding: 10px 0; }
    footer .topSection .leftText{ font-size: 16px; }
    footer .contentSection .rightBox .telBox{ font-size: 20px; }
    footer .contentSection .rightBox .privacyBtn{ padding: 5px 10px; font-size: 13px; border-radius: 2px; }
}


/* .bottomApplySection */
.bottomApplySection{ transition: bottom .5s , opacity .5s; position: fixed; left: 0; bottom:0; z-index: 999; width: 100%; background-color: #538D72; padding: 18px 0; }
.bottomApplySection.bottom{ opacity: 0; bottom: -100px; }  
.bottomApplySection .inner{ gap: 10px; position: relative; display: flex; align-items: center; justify-content: space-between; }
.bottomApplySection .showHideBtn{ background-color: #538D72; position: absolute; left: -60px; width: 44px; height: 44px; border: 2px solid #FFF; }
.bottomApplySection .telDiv{ flex-shrink: 0; flex-direction: column; margin-left: 20px; display: flex; flex-grow: 1; align-items: center; gap: 8px; color: #fff; font-weight: 700; }
.bottomApplySection .telDiv .text{ font-size: 18px; }
.bottomApplySection .telDiv .number{ font-family: "Alice", serif; font-size: 42px; line-height: .5em;  } 
.bottomApplySection .iptDiv .iptList{ display: flex; gap: 10px; }
.bottomApplySection .iptDiv .iptList .ipt{ border: 1px solid #fff; border-radius: 4px; font-size: 18px; }
.bottomApplySection .iptDiv .iptList .ipt::placeholder{ color: #7F7F7F; }
.bottomApplySection .iptDiv .agreeDiv{ display: flex; align-items: center; justify-content: flex-start; margin-top: 10px; color: #fff; }
.bottomApplySection .iptDiv .agreeDiv label{ cursor: pointer; }
.bottomApplySection .iptDiv .agreeDiv input[type="checkbox"]{ display: none; }
.bottomApplySection .iptDiv .agreeDiv input[type="checkbox"] + .text{ position: relative; padding-left: 25px;  }
.bottomApplySection .iptDiv .agreeDiv input[type="checkbox"] + .text::before{ content:''; position: absolute; left: 0; top: 0; display: block; width: 18px; height: 18px; border: 1px solid #fff; }
.bottomApplySection .iptDiv .agreeDiv input[type="checkbox"]:checked + .text::before{ background-image: url('../img/bottomApplySection/white_check_icon.png'); background-size: 75%; background-repeat: no-repeat; background-position: center; }
.bottomApplySection .submitBtn{ flex-shrink: 0; background-color: #335E4A; border-radius: 4px; color: #fff; padding: 10px 25px; border: 1px solid #335E4A; align-items: center; }

.bottomApplySection.hide{ bottom: -110px; }
.bottomApplySection.hide .showHideBtn{ bottom: 100px; }
.bottomApplySection .showHideBtn .icon{ transform: rotate(180deg); }
.bottomApplySection.hide .showHideBtn .icon{ transform: rotate(0deg); }
.bottomApplySection .submitBtn.privacy_view{ padding: 10px; display: flex; align-items: center; justify-content: center; gap: 5px; }


@media screen and (max-width:1350px) { 
    .bottomApplySection .showHideBtn{ left: 10px; }
    .bottomApplySection .inner{ padding-left: 80px; }
    .bottomApplySection .telDiv{ flex-direction: column; margin-left: 0; } 
    /* .bottomApplySection .iptDiv{ flex-shrink: 0; } */

}
@media screen and (max-width:1250px) {
    .bottomApplySection.hide{ bottom: 0; }
    .bottomApplySection .inner{ padding-left: 10px; }
    .bottomApplySection .showHideBtn{ display: none; }
    .bottomApplySection .telDiv .text{ font-size: inherit; }
    .bottomApplySection .telDiv .number{ font-size: 2em;  }
    .bottomApplySection .iptDiv{ flex-shrink: unset; }
    .bottomApplySection .iptDiv .iptList{ font-size: 16px; }
    .bottomApplySection .submitBtn{ padding:11px 15px; flex-shrink: 0; }
    .bottomApplySection .telDiv{ flex-shrink: 0; }
}
@media screen and (max-width:900px) {
    .bottomApplySection .inner{ flex-wrap: wrap; padding-left: 10px; justify-content: center; }
    .bottomApplySection .logo{ display: none; }

    .bottomApplySection .telDiv{ gap: 5px; flex-grow: unset; flex-direction: row; align-items: center; }
    .bottomApplySection .telDiv .text{ font-size: 1.4em; margin-top: 1.2%; padding-right:10px;}
    .bottomApplySection .iptDiv{ flex-grow: 1; margin-top: 10px; width: 100%; }
    .bottomApplySection .iptDiv .iptList{ width: 100%; display: flex; }
    .bottomApplySection .iptDiv .iptList > li{ flex-grow: 1; }
    .bottomApplySection .showHideBtn{ top: 0; }
    .bottomApplySection .submitBtn{ width: calc(50% - 5px);  }

    .bottomApplySection.hide{ bottom: 0; }
    .bottomApplySection{ bottom: -150px; bottom: 0; }
    .bottomApplySection.bottom{ bottom: -200px; }
    .bottomApplySection .showHideBtn{ top: 5px; }

    .bottomApplySection .showHideBtn .icon{ transform: rotate(0); }
    .bottomApplySection.hide .showHideBtn .icon{ transform: rotate(180deg); }
}
@media screen and (max-width:650px) { 
    .bottomApplySection .logo{ /* margin-left: 50px; */ width: 120px; }
    .bottomApplySection.hide .showHideBtn{ width: 40px; height: 40px; top: 5px; }
    .bottomApplySection.hide{ bottom: 0; }
    .bottomApplySection.bottom{ bottom: -300px;  }
    .bottomApplySection{ bottom: -136px; bottom: 0; padding: 10px 0; }
    .bottomApplySection .iptDiv{ width: 100%; }
    /* 1/23 */
    .bottomApplySection .iptDiv .iptList{  }
    .bottomApplySection .iptDiv .iptList .ipt{ font-size: 16px; }
    .bottomApplySection .iptDiv .agreeDiv input[type="checkbox"] + .text{ font-size: 14px; }
    .bottomApplySection .telDiv{ gap: 0; margin-left: 40px; }
}
@media screen and (max-width:500px) { 
    .bottomApplySection .inner{ gap: 5px; }
    .bottomApplySection .telDiv{ margin-left: 0; font-size: 15px; gap: 3px; }
    .bottomApplySection .iptDiv{ margin-top: 4px; }
    .bottomApplySection .iptDiv .iptList{ gap: 5px; }
    .bottomApplySection .iptDiv .iptList .ipt{ padding: 8px; font-size: 10px; border-radius: 2px; }
    .bottomApplySection .submitBtn{ font-size: 10px; border-radius:2px; font-size:10px; width: calc(50% - 2.5px); }
    .bottomApplySection .submitBtn .icon{ width: 10px; }
}

/*============================ privacy ============================*/
.f_popup_bg{ 
    background-color:rgba(0,0,0,0.5); position:fixed;
    left:0; top:0; width:100%; height:100%; z-index:9999; 
    display:flex; align-items: center; justify-content: center;
    padding:10px; font-family: 'Noto Sans KR', sans-serif;
    opacity:0; visibility: hidden; transition: all 0.5s;

}
.f_popup_bg.on{ opacity:1; visibility: visible; }
.f_popup_bg .popup_box{ width:90%; max-width:480px; }
.f_popup_bg .btn_wrap{ width:100%; display:flex; justify-content: flex-end; }
.f_popup_bg .btn_wrap .btn{ width:30px; height:30px; cursor:pointer; padding:0; }
.f_popup_bg .btn_wrap .btn span{ display:block; width:100%; height:2px; background-color:#fff;  }
.f_popup_bg .btn_wrap .btn span:nth-child(1){ transform: translateY(14px) rotate(-45deg); -webkit-transform: translateY(14px) rotate(-45deg); }
.f_popup_bg .btn_wrap .btn span:nth-child(2){ transform: translateY(12px) rotate(45deg); -webkit-transform: translateY(12px) rotate(45deg); }
.f_popup_bg .content_wrap{ background-color:#fff; overflow-y: scroll; max-height: 60vh; padding:40px 30px; margin-top:10px; }
.f_popup_bg .content_wrap p.title{ text-align:center; font-weight: 600; font-size: 20px;  }
.f_popup_bg .content_wrap p.content{ font-size: 16px; margin-top:30px; line-height: 1.5em; }

@media screen and (max-width: 650px) {
    .f_popup_bg .content_wrap p.content{ font-size: 14px; margin-top: 20px; }
    .f_popup_bg .content_wrap{ padding: 20px 15px;  }
}


/* .main */
.main{ font-family: "Aleo"; }

/* .main .bannerSection */
.main .bannerSection { overflow: hidden; }
.main .bannerSection .bannerArti{ min-height: 100vh; background-color: #222; background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .bannerSection .bannerArti.bg1{ background-image: url('../img/main/bannerSection/bannerBg.png'); }
.main .bannerSection .bannerArti.mo{ display: none; }
.main .bannerSection .swiper-pagination{ bottom: 30%; }
.main .bannerSection .swiper-pagination .swiper-pagination-bullet{ border-radius: 50%; opacity: 1; background: #E4E4E4; }
.main .bannerSection .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #143C29; }

@media screen and (max-width:1250px) { 
    .main .bannerSection .bannerArti{ min-height: unset; height: 68vw; }
}
@media screen and (max-width:900px) { 
    .main .bannerSection .bannerArti{ height: 80vw; }
}
@media screen and (max-width:750px) { 
    .main .bannerSection .bannerArti{  height: calc(100vh - 71px); }
    .main .bannerSection .bannerArti.bg1{ background-image: url('../img/main/bannerSection/mobileBanner.png'); }
    .main .bannerSection .bannerArti.pc{ display: none; }
    .main .bannerSection .bannerArti.mo{ display: block; }
    .main .bannerSection .swiper-pagination{ bottom: 20%; }
}

@media screen and (max-width:500px) {
    .main .bannerSection .bannerArti { height: calc(100vh - 127.88px); }
    .main .bannerSection .swiper-pagination{ bottom: 40%; }

}


/* .main .brandSection */
.main .brandSection{ word-break: keep-all; padding: 130px 0;background-color: #fff; position: relative; overflow: hidden; }
.main .brandSection .halfDiv{ display: flex; align-items: flex-start; gap: 50px; color: #335E4A; }
.main .brandSection .halfDiv .titleBox .title{ font-size: 32px; font-family: "Aleo"; font-weight: 800; }
.main .brandSection .halfDiv .titleBox .enTitle{ font-size: 24px; }
.main .brandSection .halfDiv .contentBox{ flex-grow: 1; color: #4F7F69; }
.main .brandSection .halfDiv .contentBox .underbarTitle{ font-family: "Aleo"; font-size: 55px; }
.main .brandSection .halfDiv .contentBox .underbarTitle .underline{ background: linear-gradient(to top, rgba(20, 60, 41, 0.1) 50%, transparent 50%); }
.main .brandSection .halfDiv .contentBox .content{ margin-top: 10px; line-height: 1.25em; font-size: 22px; }
.main .brandSection .halfDiv .contentBox .content.mo{ display: none; }
.main .brandSection .halfDiv .contentBox .title2{ margin-top: 30px; font-size: 28px; font-weight: 700; }

.main .brandSection .slideDiv{ margin-top: 25px; position: relative; }
.main .brandSection .slideDiv .imgBox{ height: 300px; border-radius: 20px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .brandSection .slideDiv .imgBox.img1{ background-image: url('../img/main/brandSection/img1.jpeg'); }
.main .brandSection .slideDiv .imgBox.img2{ background-image: url('../img/main/brandSection/img2.jpeg'); }
.main .brandSection .slideDiv .imgBox.img3{ background-image: url('../img/main/brandSection/img3.jpeg'); }
.main .brandSection .slideDiv .imgBox.img4{ background-image: url('../img/main/brandSection/img4.jpeg'); }
.main .brandSection .slideDiv .imgBox.img5{ background-image: url('../img/main/brandSection/img5.jpeg'); }
.main .brandSection .slideDiv .imgBox.img6{ background-image: url('../img/main/brandSection/img6.jpeg'); }
.main .brandSection .slideDiv .imgBox.img7{ background-image: url('../img/main/brandSection/img7.jpeg'); }

@media screen and (max-width:1250px) { 
    .main .brandSection .halfDiv .titleBox .title{ font-size: 28px; }
    .main .brandSection .halfDiv .titleBox .enTitle{ font-size: 18px; }

    .main .brandSection .halfDiv .contentBox .underbarTitle{ font-size: 30px; }
    .main .brandSection .halfDiv .contentBox .content{ font-size: 16px; }
    .main .brandSection .halfDiv .contentBox .title2{ font-size: 24px; }

    .main .brandSection .slideDiv .imgBox{ height: 23vw; border-radius: 1vw; }
}
@media screen and (max-width:910px) { 
    .main .brandSection{ padding: 100px 0; }
    .main .brandSection .halfDiv{ flex-direction: column; gap: 20px; }
}
@media screen and (max-width:650px) { 
    .main .brandSection{ padding: 50px 0; }
    .main .brandSection .halfDiv .titleBox .title{ font-size: 20px; }
    .main .brandSection .halfDiv .titleBox .enTitle{ font-size: 16px; }
    .main .brandSection .halfDiv .contentBox .underbarTitle{ font-size: 24px; }
    .main .brandSection .halfDiv .contentBox .content{ font-size: 14px; word-break: keep-all; }
    .main .brandSection .halfDiv .contentBox .content.mo{ display: block; }
    .main .brandSection .halfDiv .contentBox .content.pc{ display: none; }
    .main .brandSection .halfDiv .contentBox .title2{ font-size: 18px; }
    .main .brandSection .slideDiv .imgBox{ height: 31vw; }
}
@media screen and (max-width:450px) { 
    .main .brandSection .halfDiv .contentBox .title2 { font-size: 4vw; }
    .main .brandSection .halfDiv .contentBox .content{ font-size: 3.3vw; }
}

/* .main .interiorSection */
.main .interiorSection{ word-break: keep-all; padding: 100px 0; position: relative; overflow: hidden; background-color: #4F7F69; font-family: "Aleo"; }
.main .mainTitleDiv{ text-align: center; font-size: 40px; font-weight: 700; }
.main .interiorSection .mainTitleDiv{ color: #FDF6E4; }
.main .interiorSection .mainTitleDiv br{ display: none; }
.main .interiorSection .content{ text-align: center; margin-top: 58px; font-size: 24px; line-height: 1.3em; color: #FDF6E4; }
.main .interiorSection .content.mo{ display: none; }
.main .interiorSection .content .moBr{ display: none; }
.main .interiorSection .logo{ display: block; margin: 60px auto; }
.main .interiorSection .imgList{ margin: 0 auto; max-width: 900px; display: flex; flex-wrap: wrap; width: calc(100% + 10px); }
.main .interiorSection .imgList > li{ width: calc(100% / 3); padding: 5px; }
.main .interiorSection .imgList .imgBox{ height: 289px; border-radius: 4px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .interiorSection .imgList .imgBox.img1{ background-image: url('../img/main/interiorSection/img1.png'); }
.main .interiorSection .imgList .imgBox.img2{ background-image: url('../img/main/interiorSection/img2.png'); }
.main .interiorSection .imgList .imgBox.img3{ background-image: url('../img/main/interiorSection/img3.png'); }
.main .interiorSection .imgList .imgBox.img4{ background-image: url('../img/main/interiorSection/img4.png'); }
.main .interiorSection .imgList .imgBox.img5{ background-image: url('../img/main/interiorSection/img5.png'); }
.main .interiorSection .imgList .imgBox.img6{ background-image: url('../img/main/interiorSection/img6.png'); }
.main .interiorSection .imgList .imgBox.img7{ background-image: url('../img/main/interiorSection/img7.png'); }
.main .interiorSection .imgList .imgBox.img8{ background-image: url('../img/main/interiorSection/img8.png'); }
.main .interiorSection .imgList .imgBox.img9{ background-image: url('../img/main/interiorSection/img9.png'); }

@media screen and (max-width:1250px) { 
    .main .mainTitleDiv{ font-size: 30px; }
    .main .interiorSection .content{ font-size: 16px; }
}
@media screen and (max-width:920px) { 
    .main .interiorSection .imgList{ width: calc(100% + 5px); margin-left: -2.5px; }
    .main .interiorSection .imgList > li{ padding: 2.5px; }
    .main .interiorSection .imgList .imgBox{ height: 31vw; border-radius: 1vw; }
}
@media screen and (max-width:650px) { 
    .main .mainTitleDiv{ font-size: 20px; }
    .main .interiorSection{ padding: 50px 0; }
    /* .main .interiorSection .mainTitleDiv br{ display: inline-block; } */
    .main .interiorSection .content .moBr{ display: inline-block; }
    .main .interiorSection .content{ font-size: 14px; margin-top: 20px; }
    .main .interiorSection .logo{ width: 100px; margin: 30px auto; }

    .main .interiorSection .content.pc{ display: none; }
    .main .interiorSection .content.mo{ display: block; }

}

@media screen and (max-width:450px) {
    .main .mainTitleDiv{ font-size: 4.8vw; }
    .main .interiorSection .content{ font-size: 3.5vw; }
    .main .interiorSection .logo{ width: 60px; }

}

/* .main .storeSection */
.main .storeSection{ padding-top: 100px; background-color: #fff; overflow: hidden; position: relative; word-break: keep-all; }
.main .storeSection .mainTitleDiv{ color: #326549; }
.main .storeSection .content{ margin-top: 12px; text-align: center; color: #7F7F7F; }
.main .storeSection .slideDiv{ margin-top: 44px; position: relative; }
.main .storeSection .slideDiv .swiper-slide{ height: auto !important; }
.main .storeSection .slideDiv .item{ text-align: center; color: #fff; min-height: 270px; height: 100%; background-color: #326549; border-radius: 10px; padding: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.main .storeSection .slideDiv .item .name{ font-size: 32px; font-weight: 700; }
.main .storeSection .slideDiv .item .openTime{ font-size: 22px; font-weight: 400; }
.main .storeSection .slideDiv .item .bar{ width: 100%; height: 2px; background-color: #FDF6E4; margin: 20px 0; }
.main .storeSection .slideDiv .item .address{ word-break: keep-all; font-size: 24px; }
.main .storeSection .slideDiv .pnBtnDiv{ margin: 20px auto; display: flex; align-items: center; justify-content: center; gap: 30px; }
.main .storeSection .slideDiv .pnBtnDiv .pnBtn{ background: transparent; border: none; }

.main .storeSection .content .r450{ display: none; }


@media screen and (max-width:1250px) { 
    .main .storeSection .slideDiv .item{ min-height: 22vw; }
    .main .storeSection .slideDiv .item .name{ font-size: 22px; }
    .main .storeSection .slideDiv .item .openTime{ font-size: 18px; }
    .main .storeSection .slideDiv .item .bar{ margin: 10px 0; }
    .main .storeSection .slideDiv .item .address{ font-size: 18px; }
}
@media screen and (max-width:950px) { 
    .main .storeSection .slideDiv .item{ height: 24vw; }
    .main .storeSection .slideDiv .item .name{ font-size: 3vw; }
    .main .storeSection .slideDiv .item .openTime{ font-size: 2vw; }
    .main .storeSection .slideDiv .item .address{ font-size: 1.8vw; }
}
@media screen and (max-width:850px) { 
    .main .storeSection .slideDiv .item{ height: 29vw; }
}
@media screen and (max-width:650px) {
    .main .storeSection { padding-top: 50px; } 
    .main .storeSection .content{ font-size: 14px; }
    .main .storeSection .slideDiv{ margin-top: 20px; }
    .main .storeSection .slideDiv .item{ height: 44vw; }
    .main .storeSection .slideDiv .item .name{ font-size: 5vw; }
    .main .storeSection .slideDiv .item .openTime{ font-size: 3.5vw; }
    .main .storeSection .slideDiv .item .address{ font-size: 3.5vw; }
    .main .storeSection .slideDiv .pnBtnDiv{ gap: 20px; }
    .main .storeSection .slideDiv .pnBtnDiv .icon{ width: 14px; }
}

@media screen and (max-width:450px) {
    .main .storeSection .content .r450{ display: none; }
    .main .storeSection .content { font-size: 12px; }

}
@media screen and (max-width:400px) {
    .main .storeSection .content { font-size: 10.5px; }

}



/* .main .bubbleSection */
.main .bubbleSection{ padding: 100px 0; background-color: #fff; }
.main .bubbleSection .topBar{ width: 100%; height: 5px; background-color: #47745F; }
.main .bubbleSection .bubbleDiv{ margin: 0 auto; max-width: 800px; margin-top: 84px;  }
.main .bubbleSection .bubbleDiv > li + li{ margin-top: 40px; }
.main .bubbleSection .bubbleDiv .bubble{ filter: drop-shadow(-12px -2px 15px rgba(0, 0, 0, 0.25)); position: relative; margin-bottom: 20px; background-color: #967E48; border-radius: 78px; padding: 50px 20px; text-align: center; color: #fff; font-size: 24px; font-weight: 600; }
.main .bubbleSection .bubbleDiv .bubble .tail{ position: absolute; bottom: -20px; left: 40px; }
.main .bubbleSection .bubbleDiv .bubble .people{ position: absolute; left: 100px; bottom: 0; }
.main .bubbleSection .bubbleDiv > li:nth-child(2n) .bubble{ background-color: #86532B; }
.main .bubbleSection .bubbleDiv > li:nth-child(2n) .bubble .tail{ left: unset; right: 40px; }
.main .bubbleSection .bubbleDiv > li:nth-child(2n) .bubble .people{ left: unset; right: 100px; }

@media screen and (max-width:820px) { 
    .main .bubbleSection .bubbleDiv{ max-width: 630px; width: 100%; }
    .main .bubbleSection .bubbleDiv .bubble .text{ font-size: 18px; }
    .main .bubbleSection .bubbleDiv .bubble .people{ left: 75px; }
    .main .bubbleSection .bubbleDiv > li:nth-child(2n) .bubble .people{ right: 75px; }
}
@media screen and (max-width:650px) { 
    .main .bubbleSection .bubbleDiv .bubble{ padding: 7vw 8vw; border-radius: 10vw; }
    .main .bubbleSection .bubbleDiv .bubble .people{ width: auto; height: 14vw; bottom: -5vw; left: 0; z-index: 2; }
    .main .bubbleSection .bubbleDiv > li:nth-child(2n) .bubble .people{ right: 0; }
    .main .bubbleSection .bubbleDiv .bubble .tail{ width: 6vw; bottom: -2vw; left: 14vw; }
    .main .bubbleSection .bubbleDiv > li:nth-child(2n) .bubble .tail{ right: 14vw; bottom: -2vw; }
}
@media screen and (max-width:650px) { 
    .main .bubbleSection{ padding: 50px 0; }
    .main .bubbleSection .bubbleDiv{ margin-top: 50px; }
    .main .bubbleSection .bubbleDiv > li + li{ margin-top: 9vw; }
    .main .bubbleSection .bubbleDiv .bubble .text{ font-size: 14px; line-height: 1.5em; }
    .main .bubbleSection .bubbleDiv {max-width: 460px; }
}

@media screen and (max-width:500px) {
    .main .bubbleSection .inner { padding: 0 7vw; }
    .main .bubbleSection .bubbleDiv .bubble { padding: 7vw 5vw; }

}

/* .main .priceSection */
.main .priceSection{ word-break: keep-all; position: relative; overflow: hidden; padding: 100px 0; background-image: url('../img/main/priceSection/bannerBg.png'); background-size: cover; background-repeat: no-repeat; background-position: ceter; }
.main .priceSection .title1{ text-align: center; font-size: 32px; font-weight: 700; color: #fff; }
.main .priceSection .title1 br{ display: none; }
.main .priceSection .content{ text-align: center; margin-top: 10px; color: #fff; font-size: 24px; line-height: 1.25em; }
.main .priceSection .content br{ display: none; }
.main .priceSection .halfBox{ margin-top: 50px; display: flex; align-items: center; justify-content: center; gap: 50px; }
.main .priceSection .halfBox .boxWrap{ display: flex; align-items: center; justify-content: center; }
.main .priceSection .halfBox .circleWrap{ font-family: "Paperlogy"; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 530px; }
.main .priceSection .halfBox .circleWrap .circle{ text-align: center; width: 290px; height: 290px; border: 1px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; flex-direction: column; gap: 4px; color: #fff; }
.main .priceSection .halfBox .circleWrap .circle:nth-child(1){ margin-right: -40px; }
.main .priceSection .halfBox .circleWrap .circle:nth-child(2){ margin-left: -40px; }
.main .priceSection .halfBox .circleWrap .circle .t1{ font-size: 20px; font-weight: 700; }
.main .priceSection .halfBox .circleWrap .circle .priceDiv{ font-size: 32px; font-weight: 700; }
.main .priceSection .bigCircle{ font-family: "Paperlogy"; background-color: #69A284; width: 374px; height: 374px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; color: #fff; }
.main .priceSection .bigCircle .t1{ font-size: 26px; font-weight: 700; }
.main .priceSection .bigCircle .priceDiv{ font-size: 43px; font-weight: 700; }

@media screen and (max-width:1250px) { 
    .main .priceSection .title1{ font-size: 28px; }
    .main .priceSection .content{ font-size: 18px; }

    .main .priceSection .halfBox .circleWrap{ width: unset; }
    .main .priceSection .halfBox .circleWrap .circle{ width: 220px; height: 220px; }
    .main .priceSection .halfBox .circleWrap .circle .t1{ font-size: 18px; }
    .main .priceSection .halfBox .circleWrap .circle .priceDiv{ font-size: 28px; }
    .main .priceSection .halfBox .circleWrap .circle:nth-child(1){ margin-right: -20px; }
    .main .priceSection .halfBox .circleWrap .circle:nth-child(2){ margin-left: -20px; }

    .main .priceSection .bigCircle{ width: 280px; height: 280px; }
    .main .priceSection .bigCircle .t1{ font-size: 20px; }
    .main .priceSection .bigCircle .priceDiv{ font-size: 34px; }
}
@media screen and (max-width:950px) { 
    .main .priceSection .title1 br{ display: inline-block; }
    .main .priceSection .content{ margin-top: 40px; }
    .main .priceSection .content br{ display: inline-block; }
    
    .main .priceSection .halfBox .circleWrap .circle{ width: 28vw; height: 28vw; }
    .main .priceSection .halfBox .circleWrap .circle:nth-child(1){ margin-right: -5vw; }
    .main .priceSection .halfBox .circleWrap .circle:nth-child(2){ margin-left: -5vw; }
    .main .priceSection .halfBox .circleWrap .circle .t1{ font-size: 2.5vw; }
    .main .priceSection .halfBox .circleWrap .circle .priceDiv{ font-size: 3.5vw; }

    .main .priceSection .halfBox{ gap: 8vw; }

    .main .priceSection .bigCircle{ width: 35vw; height: 35vw; }
    .main .priceSection .bigCircle .t1{ font-size: 3vw; }
    .main .priceSection .bigCircle .priceDiv{ font-size: 5vw; }

}
@media screen and (max-width:650px) { 
    .main .priceSection{ padding: 50px 0; }
    .main .priceSection .title1{ font-size: 20px; }
    .main .priceSection .content{ margin-top: 20px; font-size: 14px; }
}
@media screen and (max-width:500px) { 
    .main .priceSection{ padding: 50px 0; }
    .main .priceSection .halfBox{ flex-direction: column; gap: 3vw; }
    .main .priceSection .halfBox .circleWrap .circle{ width: 40vw; height: 40vw; }
    .main .priceSection .halfBox .circleWrap .circle:nth-child(1){ margin-right: -5vw; }
    .main .priceSection .halfBox .circleWrap .circle:nth-child(2){ margin-left: -5vw; }
    .main .priceSection .halfBox .circleWrap .circle .t1{ font-size: 4vw; }
    .main .priceSection .halfBox .circleWrap .circle .priceDiv{ font-size: 5.5vw; }

    .main .priceSection .bigCircle{ width:65vw; height: 65vw; }
    .main .priceSection .bigCircle .t1{ font-size: 5vw; }
    .main .priceSection .bigCircle .priceDiv{ font-size: 8.5vw; }
}


/* .main .priceTableSection */
.main .priceTableSection{ padding: 100px 0; background-color: #5C9676; word-break: keep-all; }
.main .priceTableSection .bigTitle{ text-align: center; color: #fff; font-size: 40px; font-weight: 700; }
.main .priceTableSection #promoLabel30{ width: -moz-fit-content; width: fit-content; margin: 20px auto 0; font-size: 26px; font-weight: 800; letter-spacing: -0.04em; text-align: center; color: #DFB631; opacity: 0; }
.main .priceTableSection.on #promoLabel30{ animation: promoFly30 0.8s ease-out 0.2s 1 both; }
@supports ((-webkit-background-clip: text) or (background-clip: text)){
    .main .priceTableSection #promoLabel30{ background: linear-gradient(100deg, #DFB631 25%, #FFF3C4 42%, #FFFFFF 50%, #FFF3C4 58%, #DFB631 75%); background-size: 250% auto; color: transparent; -webkit-background-clip: text; background-clip: text; }
    .main .priceTableSection.on #promoLabel30{ animation: promoFly30 0.8s ease-out 0.2s 1 both, promoTextShine30 2.5s linear infinite; }
}
@keyframes promoFly30{ 0%{ opacity: 0; transform: translateY(-46px) scale(1.35); } 60%{ opacity: 1; transform: translateY(6px) scale(0.97); } 100%{ opacity: 1; transform: translateY(0) scale(1); } }
@keyframes promoTextShine30{ 0%{ background-position: 120% center; } 100%{ background-position: -130% center; } }
.main .priceTableSection .tableInfo{ margin-top: 20px; text-align: right; color: #fff; font-size: 24px; font-weight: 300; }
.main .priceTableSection .tableWrap{ font-weight: 400; font-size: 20px; color: #335E4A; margin-top: 8px; background: #fff; border-radius: 20px; overflow: hidden; }
.main .priceTableSection .tableWrap .tableList > li{ display: flex; }
.main .priceTableSection .tableWrap .tableList > li + li{ border-top: 2px solid #5C9676; }
.main .priceTableSection .tableWrap .tableList > li.borderTop{ border-top: 10px solid #326549; }
.main .priceTableSection .tableWrap .tableList .box{ display: flex; align-items: center; padding: 20px 10px; position: relative; }
.main .priceTableSection .tableWrap .tableList .box + .box{ border-left: 2px solid #326549; }
.main .priceTableSection .tableWrap .tableList > li:nth-child(1) .box{ justify-content: center; }
.main .priceTableSection .tableWrap .tableList .box > span{ width: 100%; }
.main .priceTableSection .tableWrap .tableList .box1{ flex-shrink: 0; width: 20%; justify-content: center; text-align: center; }
.main .priceTableSection .tableWrap .tableList .box2{ flex-shrink: 0; width: 25%; justify-content: center; text-align: center; }
.main .priceTableSection .tableWrap .tableList .box3{ flex-grow: 1; padding: 20px 40px; }
.main .priceTableSection .tableWrap .tableList .box4{ width: 40%; background-color: #326549; flex-shrink: 0; justify-content: center; }
.main .priceTableSection .tableWrap .tableList .box5{ flex-grow: 1; background-color: #326549; justify-content: center; }
.main .priceTableSection .tableWrap .tableList .title{ font-family: "Paperlogy"; font-size: 18px; color: #335E4A; font-weight: 700; text-align: center; }
.main .priceTableSection .tableWrap .tableList .total{ background-color: #326549; justify-content: center; text-align: center; font-weight: 500; font-size: 32px; font-family: 'Aleo'; color: #fff; }
.main .priceTableSection .tableWrap .tableList .total .small{ font-size: 18px; font-weight: 300; }
.main .priceTableSection .tableWrap .tableList .big{ font-size: 1.125em;  }
.main .priceTableSection .tableWrap .tableList b{ font-weight: 700; }
.main .priceTableSection .tableWrap .tableList .gray{ color: #7f7f7f; }
.main .priceTableSection .tableWrap .tableList .small{ font-size: 0.825em; }
.main .priceTableSection .centerText{ margin-top: 30px; text-align: center; color: #fff; font-size: 20px; line-height: 1.5em; }

.main .priceTableSection .tableWrap .yelloLabel{ position: absolute; left: 60%; bottom: 60%; width: 200px; z-index: 2; transform: rotate(-12deg); background-color: #DFB631; color: #fff; text-align: center; font-size: 20px; padding: 5px 20px; border-radius: 10px; }

/* 1/23 */
.main .priceTableSection .tableWrap .tableList .priceBox{ gap: 25px; display: flex; flex-wrap: wrap; justify-content: center; }
.main .priceTableSection .tableWrap .tableList .big1{ color: #F56652; }
.main .priceTableSection .tableWrap .tableList .box2 span.arrow { position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; }
.main .priceTableSection .tableWrap .tableList .box2 span.arrow > img { position: absolute; width: 0%; transition: width .5s; transition-delay: 1s; }
.main .priceTableSection.on .tableWrap .tableList .box2 span.arrow > img{ width: 150%; }
/* .main .priceTableSection .tableWrap .tableList .big1 { margin-left: 20px; } */

/* 화살표 반응형 */
@media screen and (max-width:1250px) {
    .main .priceTableSection .tableWrap .tableList .box2 span.arrow > img {  position: absolute;  }

    /* .main .priceTableSection .tableWrap .tableList .box2 span.arrow1 > img { top: 3%; left: -17%; } */
    /* .main .priceTableSection .tableWrap .tableList .box2 span.arrow2 > img { top: 3%; left: -22%; } */
    /* .main .priceTableSection .tableWrap .tableList .box2 span.arrow3 > img { top: 3%; left: -27%; } */

}

@media screen and (max-width:650px) {
    .main .priceTableSection .tableWrap .tableList .priceBox { gap: 4vw; }
    }



@media screen and (max-width:1250px) { 

    .main .priceTableSection .bigTitle{ font-size: 30px; }
    .main .priceTableSection #promoLabel30{ font-size: 20px; }
    .main .priceTableSection .tableInfo{ font-size: 20px; }
    .main .priceTableSection .tableWrap{ font-size: 18px; }
    .main .priceTableSection .tableWrap .tableList .box3{ padding: 20px; }
    .main .priceTableSection .tableWrap .tableList .total{ font-size: 24px; }
    .main .priceTableSection .centerText{ font-size: 16px; }

    .main .priceTableSection .tableWrap .yelloLabel{ padding: 1vw 1vw; font-size: 1.8vw; width: 16vw; }
}
@media screen and (max-width:950px) { 
    .main .priceTableSection .tableWrap{ font-size: 16px; }
    .main .priceTableSection .tableWrap .tableList .box1{ width: 130px; }
    .main .priceTableSection .tableWrap .tableList .box2{ width: 250px; }
    .main .priceTableSection .tableWrap .tableList .total{ font-size: 20px; }
    .main .priceTableSection .tableWrap .tableList .box4{ width: calc(130px + 170px); }
    .main .priceTableSection .tableWrap .yelloLabel{ font-size: 1.4vw; width: 11vw; left: 64%; border-radius: 1vw; }
}
@media screen and (max-width:780px) { 
    .main .priceTableSection .tableWrap .tableList .title{ font-size: 16px; padding:20px 10px;  }
    .main .priceTableSection .tableWrap .tableList .box{ padding: 15px 5px; }
    .main .priceTableSection .tableWrap .tableList .box1{ width: 90px; }
    .main .priceTableSection .tableWrap .tableList .box2{ width: 240px; }
    .main .priceTableSection .tableWrap .tableList .box3{ padding: 20px 25px;  }
    .main .priceTableSection .tableWrap .tableList .box4{ width: calc(100px + 90px); }

    .main .priceTableSection .tableWrap .yelloLabel{ bottom: 72%; left: 50%; }
}
@media screen and (max-width:650px) { 
    .main .priceTableSection{ padding: 50px 0; }
    .main .priceTableSection .bigTitle{ font-size: 24px; }
    .main .priceTableSection #promoLabel30{ font-size: 16px; margin-top: 14px; }
    .main .priceTableSection .tableInfo{ font-size: 14px; }
    .main .priceTableSection .tableWrap{ font-size: 2.5vw; border-radius: 3vw; }
    .main .priceTableSection .tableWrap .tableList .title{ font-size: 1.2em; }
    .main .priceTableSection .tableWrap .tableList .total{ font-size: 3.2vw;} 
    .main .priceTableSection .tableWrap .tableList .total .small{ font-size: .8em; }
    .main .priceTableSection .tableWrap .tableList .box{ padding: 2vw 1vw; }
    .main .priceTableSection .tableWrap .tableList .box + .box{ border-left: .5vw solid #326549; }
    .main .priceTableSection .tableWrap .tableList > li + li{ border-bottom: .5vw solid #326549; }
    .main .priceTableSection .tableWrap .tableList > li.borderTop{ border-top: 1.5vw solid #326549; }

    .main .priceTableSection .tableWrap .tableList .box1{ width: 18vw; }
    .main .priceTableSection .tableWrap .tableList .box2{ width: 33vw; }
    .main .priceTableSection .tableWrap .tableList .box4{ width: calc(18vw + 25vw); }

    .main .priceTableSection .centerText{ font-size: 14px; }

    .main .priceTableSection .tableWrap .yelloLabel{ width: 13vw; left: 62%; font-size: 1.8vw; }
}

@media screen and (max-width:500px) { 
    .main .priceTableSection .tableInfo{ font-size: 2.8vw; }
    .main .priceTableSection .tableWrap{ font-size: 3vw; }

    .main .priceTableSection .tableWrap .tableList .box2{ width: 36vw; }
    .main .priceTableSection .tableWrap .tableList .box4{ padding: 2vw; }
    .main .priceTableSection .tableWrap .tableList .box4{ width: calc(18vw + 30vw); }

    .main .priceTableSection .tableWrap .yelloLabel{ font-size: 2.5vw; width: 18vw; }
}

/* .main .choseSection */
.main .choseSection{ word-break: keep-all; padding-top: 100px; background-color: #fff; }
.main .choseSection .mainTitleDiv{ color: #335E4A; }
.main .choseSection .content{ margin-top: 20px; text-align: center; line-height: 1.5em; color: #335E4A; font-size: 24px; }
.main .choseSection .content b{ font-weight: 700; }
.main .choseSection .graphDiv{ margin-bottom: 60px; position: relative; margin-top: 38px; display: flex; align-items: center; justify-content: center; gap: 100px; }
.main .choseSection .graphDiv .textBox{ 
    position: absolute; right: 0; bottom: 0; padding: 20px; border-radius: 40px 0 0 0; 
    text-align: center; font-size: 32px; font-weight: 700; color: #4D4E4E; bottom: 80px;
}
.main .choseSection .graphDiv .textBox .underline{ background: linear-gradient(to top, rgba(20, 60, 41, 0.1) 50%, transparent 50%); }
.main .choseSection .bottom{ width: 100%;  }


@media screen and (max-width:1250px) { 
    .main .choseSection .content{ font-size: 16px; }
    .main .choseSection .graphDiv{ gap: 3vw; }
    .main .choseSection .graphDiv .textBox{ font-size: 20px; }
    .main .choseSection .graphDiv .graph1{ width: 30%; }
    .main .choseSection .graphDiv .graph2{ width: 50%; }
    .main .choseSection .graphDiv .textBox{ bottom: 8vw; padding: 2vw; border-radius: 3vw 0 0 0; font-size: 2.5vw; }  

}
@media screen and (max-width:650px) { 
    .main .choseSection { padding-top: 50px; }
    .main .choseSection .content{ font-size: 14px; }
    .main .choseSection .graphDiv{ flex-direction: column; gap: 10vw; }
    .main .choseSection .graphDiv .graph1{ width: 50%; }
    .main .choseSection .graphDiv .graph2{ width: 80%; }
    .main .choseSection .graphDiv .textBox{ font-size: 4vw; bottom: 8%; }
}

/* .main .systemSection */
.main .systemSection{ padding: 100px 0; position: relative; overflow: hidden; background-color: #55856F; word-break: keep-all; }
.main .systemSection .t1{ text-align: center; font-size: 24px; font-weight: 700; color: #fff; }
.main .systemSection .barDiv{ display: flex; align-items: center; justify-content: center; margin-top: 20px; }
.main .systemSection .barDiv .barBg{ width: 610px; max-width: 100%; position: relative; background-color: #143C29; height: 36px; }
.main .systemSection .barDiv .barText{  font-family: "Anton SC", serif; position: absolute; z-index: 1; font-size: 48px; color: #fff;  } 
.main .systemSection .itemList{ margin-top: 80px; display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; }
.main .systemSection .itemList > li{ width: calc(100% / 4); padding: 10px; }
.main .systemSection .itemList .item{ background-color: #2E5744; border-radius: 20px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 23px; flex-direction: column; height: 100%; min-height: 276px; }
.main .systemSection .itemList .item .text{ color: #FDF6E4; font-size: 28px; font-weight: 700; }
.main .systemSection .centerText{ margin-top: 80px; text-align: center; color: #fff; font-size: 27px; line-height: 1.5em; }
.main .systemSection .centerText b{ font-weight: 700; }

@media screen and (max-width:1250px) { 
    .main .systemSection .t1{ font-size: 20px; }

    .main .systemSection .barDiv .barText{ font-size: 40px; }
    .main .systemSection .barDiv .barBg{ width: 500px;  }

    .main .systemSection .itemList{ margin-top: 40px; }
    .main .systemSection .itemList .item{ min-height: 21vw; }
    .main .systemSection .itemList .item .text{ font-size: 20px; }

    .main .systemSection .centerText{ margin-top: 40px; font-size: 18px; }
}
@media screen and (max-width:950px) { 
    .main .systemSection .itemList{ width: calc(100% + 10px); margin-left: -5px; }
    .main .systemSection .itemList > li{ padding: 5px; }
    .main .systemSection .itemList .item{ border-radius: 10px; }
    .main .systemSection .itemList .item .icon{ width: 40px; }
}
@media screen and (max-width:650px) { 
    .main .systemSection{ padding: 50px 0; }
    .main .systemSection .itemList{ margin: 0 auto; margin-top: 40px; width: 500px; max-width: 100%; }
    .main .systemSection .itemList > li{ width: calc(100% / 2); }
    .main .systemSection .itemList .item{ min-height: 37vw; }
}
@media screen and (max-width:500px) { 
    .main .systemSection .t1{ font-size: 18px; }
    .main .systemSection .barDiv .barBg{ max-width: 100%; }
    .main .systemSection .barDiv .barText{ font-size: 24px; }
    .main .systemSection .barDiv .barBg{ height: 25px; }
    .main .systemSection .itemList{ margin-top: 20px; }
    .main .systemSection .itemList .item{ min-height: 42vw; }
    .main .systemSection .itemList .item .text{ font-size: 16px; }
    .main .systemSection .centerText{ font-size: 14px; margin-top: 20px; }
}

/* .main .reviewSection */
.main .reviewSection{ padding-top: 100px; word-break: keep-all; overflow: hidden; }
.main .reviewSection .title{ text-align: center; font-size: 48px; color: #545454; font-weight: 700; }
.main .reviewSection .title br{ display: none; }
.main .reviewSection .title.mo{ display: none; line-height: 120%; }
.main .reviewSection .title .green{ font-family: "East Sea Dokdo"; color: #2E8C4A; font-size: 3em; font-weight: 400; }
.main .reviewSection .title .color{ color: #5C9676; }
.main .reviewSection .title .small{ display: block; font-size: 0.5em; font-weight: 400; }
.main .reviewSection .phoneWrap{ text-align: center; margin-top: 50px; display: flex; align-items: center; justify-content: center; gap: 50px; }
.main .reviewSection .phoneWrap .text{ color: #5C9676; font-size: 32px; font-weight: 800; }
.main .reviewSection .phoneWrap .phoneBox{ display: flex; align-items: flex-start; justify-content: center; height: 454px; width: 374px; }
.main .reviewSection .phoneWrap .phoneBox .phone{ width: 100%; }
.main .reviewSection .reviewWrap{ position: relative; z-index: 2; background-color: rgba(237, 242, 240, 0.84); padding: 28px 0; }
.main .reviewSection .reviewWrap .review{ max-width: 100%; }
.main .reviewSection .reviewWrap .swiper-wrapper{ transition-timing-function: linear; }
.main .reviewSection .reviewWrap .swiper-slide{ height: auto !important; background: #fff ; }  
@media screen and (max-width:1250px) { 
    .main .reviewSection .title{ font-size: 30px; }
    .main .reviewSection .phoneWrap{ gap: 20px; }
    .main .reviewSection .phoneWrap .text{ flex-shrink: 0; font-size: 20px; }
}
@media screen and (max-width:950px) { 
    .main .reviewSection .phoneWrap{ gap: 2vw; }
    .main .reviewSection .phoneWrap .phoneBox{ height: 38vw; }
    .main .reviewSection .phoneWrap .text{ font-size: 2.5vw; }
}
@media screen and (max-width:650px) { 
    .main .reviewSection{ padding-top: 50px; }
    .main .reviewSection .title{ font-size: 20px; }
    .main .reviewSection .title.pc{ display: none; }
    .main .reviewSection .title.mo{ display: block; }
    .main .reviewSection .title br{ display: inline-block; }
    .main .reviewSection .title .small{ font-size: 0.8em;  }
    .main .reviewSection .title .color{ color: #5C9676; }
    .main .reviewSection .phoneWrap{ flex-wrap: wrap; }
    .main .reviewSection .phoneWrap .text{ width: calc(50% - 2vw); font-size: 3.5vw; }
    .main .reviewSection .phoneWrap .phoneBox{ width: calc(50% - 2vw); order: 1; height: 52vw; }
    .main .reviewSection .reviewWrap{ padding: 10px; }
}

/* .main .menuSection */
.main .menuSection{ padding: 100px 0; background-color: #fff; position: relative; overflow: hidden; }
.main .menuSection .mainTitleDiv{ text-align: center; color: #335E4A; }
.main .menuSection .slideBox{ margin-top: 70px; position: relative; display: flex; align-items: center; justify-content: center; }
.main .menuSection .slideBox .btnBox{ width: calc(100% + 100px); position: absolute; display: flex; justify-content: space-between; }
.main .menuSection .slideBox .btnBox .pnBtn{ position: relative; cursor: pointer; z-index: 3; background: transparent; border: none; }
.main .menuSection .slideBox .imgBox{ width: 100%; height: 228px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.main .menuSection .slideBox .swiper{ width: 100%; overflow: hidden; }
.main .menuSection .slideBox .imgBox.menu1{ background-image: url('../img/main/menuSection/menu1.png'); }
.main .menuSection .slideBox .imgBox.menu2{ background-image: url('../img/main/menuSection/menu2.png'); }
.main .menuSection .slideBox .imgBox.menu3{ background-image: url('../img/main/menuSection/menu3.png'); }
.main .menuSection .slideBox .imgBox.menu4{ background-image: url('../img/main/menuSection/menu4.png'); }
.main .menuSection .slideBox .imgBox.menu5{ background-image: url('../img/main/menuSection/menu5.png'); }
.main .menuSection .slideBox .imgBox.menu6{ background-image: url('../img/main/menuSection/menu6.png'); }
.main .menuSection .slideBox .imgBox.menu7{ background-image: url('../img/main/menuSection/menu7.png'); }
.main .menuSection .slideBox .imgBox.menu8{ background-image: url('../img/main/menuSection/menu8.png'); }
.main .menuSection .slideBox .imgBox.menu9{ background-image: url('../img/main/menuSection/menu9.png'); }
.main .menuSection .slideBox .imgBox.menu10{ background-image: url('../img/main/menuSection/menu10.png'); }
.main .menuSection .slideBox .imgBox.menu11{ background-image: url('../img/main/menuSection/menu11.png'); }
.main .menuSection .slideBox .imgBox.menu12{ background-image: url('../img/main/menuSection/menu12.png'); }
.main .menuSection .slideBox .imgBox.menu13{ background-image: url('../img/main/menuSection/menu13.png'); }
.main .menuSection .slideBox .imgBox.menu14{ background-image: url('../img/main/menuSection/menu14.png'); }
.main .menuSection .slideBox .imgBox.menu15{ background-image: url('../img/main/menuSection/menu15.png'); }

@media screen and (max-width:1342px) { 
    .main .menuSection .slideBox{ padding: 0 50px; }
    .main .menuSection .slideBox .btnBox{ width: 100%; }
    .main .menuSection .slideBox .imgBox{ height: 17vw; }
}
@media screen and (max-width:900px) { 
    .main .menuSection .slideBox{ padding: 0; flex-direction: column; }
    .main .menuSection .slideBox .btnBox{ justify-content: center;  order: 1; position: static; gap: 5px; margin-top: 40px; }
    .main .menuSection .slideBox .btnBox .icon{ width: 40px; }
    .main .menuSection .slideBox .swiper{ margin-top: 20px; }
    .main .menuSection .slideBox .imgBox{ height: 23vw; }
}
@media screen and (max-width:650px) { 
    .main .menuSection { padding: 50px 0; }
    .main .menuSection .slideBox { gap: 40px; margin-top: 20px; }
    .main .menuSection .slideBox .btnBox { margin-top: 20px; }
    .main .menuSection .slideBox .btnBox .icon{ width: 30px; }
    .main .menuSection .slideBox .swiper{ overflow: unset; }
    .main .menuSection .slideBox .imgBox{ height: 29vw; }
}

/* .main .stepSection */
.main .stepSection{ padding: 100px 0; background-color: #5C9676; word-break: keep-all; overflow: hidden; position: relative; }
.main .stepSection .mainTitleDiv{ color: #fff; font-size: 32px; font-weight: 700; }
.main .stepSection .content{ text-align: center; line-height: 1.5em; color: #fff; font-size: 20px; margin-top: 30px; word-break: keep-all; }
.main .stepSection .content .moBr{ display: none; }
.main .stepSection .content.mo{ display: none; }
.main .stepSection .stepList{ display: flex; flex-wrap: wrap; margin-top: 40px; width: calc(100% + 20px); margin-left: -10px; }
.main .stepSection .stepList > li{ padding: 10px; width: calc(100% / 3); }
.main .stepSection .stepList .item{ height: 100%; text-align: center; background-color: #fff; border-radius: 10px; padding: 20px 40px; border-radius: 10px; }
.main .stepSection .stepList .item .bar{ padding: 10px; color: #fff; font-size: 20px; background-color: #597C6C; font-weight: 700; }
.main .stepSection .stepList .item .text{ margin: 40px 0; font-family: "Paperlogy"; color: #597C6C; font-size: 22px; font-weight: 700; }

@media screen and (max-width:1250px) { 
    .main .stepSection .content{ font-size: 16px; }
    .main .stepSection .stepList .item{ padding: 20px; }
    .main .stepSection .stepList .item .bar{ font-size: 18px; }
    .main .stepSection .stepList .item .text{ font-size: 20px; }
}
@media screen and (max-width:700px) { 
    .main .stepSection .stepList{ width: calc(100% + 10px); margin-left: -5px; }
    .main .stepSection .stepList > li{ padding: 5px; }
    .main .stepSection .stepList .item .bar{ font-size: 16px; }
    .main .stepSection .stepList .item .text{ font-size: 18px; }
}
@media screen and (max-width:650px) { 
    .main .stepSection{ padding: 50px 0; }
    .main .stepSection .mainTitleDiv{ font-size: 24px; }
    .main .stepSection .content{ font-size: 14px; margin-top: 20px; }
    .main .stepSection .content.mo{ display: block; }
    .main .stepSection .content.pc{ display: none; }
    .main .stepSection .content .moBr{ display: inline-block; }
    .main .stepSection .stepList{ margin-top: 20px; }
}
@media screen and (max-width:600px) { 
    .main .stepSection .stepList > li{ width: calc(100% / 2); }
    .main .stepSection .stepList .item{ border-radius: 5px; }
    .main .stepSection .stepList .item .bar{ font-size: 14px; }
    .main .stepSection .stepList .item .text{ font-size: 16px; }
}
@media screen and (max-width:450px) { 
    .main .stepSection .content{ font-size: 3.7vw; }
}
/* .main .applySection */
.main .applySection{ background-color: #5C9676; position: relative; overflow: hidden; }
.main .applySection .inner{ padding: 75px 0; border-top: 5px solid #FFF; }
.main .applySection .mainText{ text-align: center; text-align: center; color: #fff; font-weight: 700; font-size: 30px; }
.main .applySection .mainText .moBr{ display: none; }
.main .applySection .halfBox{ margin-top: 38px; display: flex; gap: 20px; }
.main .applySection .halfBox .mapBox{ background-color: #D8ECE3; border-radius: 10px; padding: 40px; width: 590px; flex-shrink: 0; }
.main .applySection .halfBox .mapBox .mapDiv{ height: 500px; }
.main .applySection .halfBox .mapBox .storeName{ margin-top: 28px; font-size: 24px; font-weight: 700; color: #446A59; text-align: center; }
.main .applySection .halfBox .mapBox .address{ text-align: center; margin-top: 5px; color: #446A59; font-size: 24px; }
.main .applySection .halfBox .whiteBox{ display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 10px; background-color: #fff; flex-grow: 1; padding: 30px; }
.main .applySection .halfBox .whiteBox .agreeCheckBox{ width: 100%; display: flex; justify-content: flex-start; }
.main .applySection .halfBox .whiteBox .submitBtn{ margin-top: 16px; padding: 10px; padding: 20px; background-color: #F56652; width: 100%; border: 1px solid #F56652; color: #fff; font-size: 18px; font-weight: 700; }


@media screen and (max-width:1250px) { 
    .main .applySection .mainText{ font-size: 24px; }
    .main .applySection .inner{ padding: 50px 10px; }
    .main .applySection .halfBox .mapBox{ width: 50%; padding: 10px; }
    .main .applySection .halfBox .whiteBox{ padding: 10px 20px; }
}
@media screen and (max-width:950px) { 
    .main .applySection .mainText{ font-size: 28px; }
    .main .applySection .halfBox{ flex-direction: column; }
    .main .applySection .halfBox .mapBox{ width: 100%; order: 1; }
    .main .applySection .halfBox .mapBox .mapDiv{ height: 350px; }
    .main .applySection .halfBox .mapBox .storeName{ margin-top: 18px; }
    .main .applySection .halfBox .mapBox .address{ font-size: 18px; }

}
@media screen and (max-width:650px) { 
    .main .applySection .inner{ border-top: 2px solid #fff; padding-top: 40px; }
    .main .applySection .mainText{ font-size: 20px; }
    .main .applySection .mainText .moBr{ display: inline-block; }
    .main .applySection .halfBox .mapBox{ padding: 20px 10px; border-radius: 10px; }
    .main .applySection .halfBox .mapBox .mapDiv{ height: 60vw; }
    .main .applySection .halfBox .mapBox .storeName{ margin-top: 16px; }
    .main .applySection .halfBox .mapBox .address{ font-size: 14px; }
    .main .applySection .halfBox .whiteBox{ padding: 20px 10px; border-radius: 10px; }
    .main .applySection .halfBox .whiteBox .submitBtn{ padding: 10px; font-size: 16px; }
}

/* .sec_top */
.sec_top{ padding-top: 80px; }
@media screen and (max-width:650px) { 
    .sec_top{ padding-top: 61px; }
}


/* 지연 추가 :: 2025년 1월 24일 (금) */
.main .priceTableSection .tableWrap .tableList .box2 span.arrow{ width: 80px; }
.main .priceTableSection .tableWrap .tableList .big1{ width: 100px; }
.main .priceTableSection .tableWrap .tableList .box2 span.arrow .arrowBox{ left: -5.8%; position: absolute; height: 3px; background-color: #F56652; width: 120%; display: flex; align-items: center; justify-content: flex-end; }
.main .priceTableSection .tableWrap .tableList .box2 span.arrow .arrowBox .right_bar{ position: relative; right: -3%; }

@media screen and (max-width:950px) { 
    .main .priceTableSection .tableWrap .tableList .box2 span.arrow{ width: 30%; }
    .main .priceTableSection .tableWrap .tableList .box2 span.arrow .arrowBox .right_bar{ width: 1vw; }
    .main .priceTableSection .tableWrap .tableList .big1{ width: 29%; } 

}
@media screen and (max-width:650px) { 
    .main .priceTableSection .tableWrap .tableList .big1{ width: 38%; }
    .main .priceTableSection .tableWrap .tableList .box2 span.arrow{ width: 38%; } 
    .main .priceTableSection .tableWrap .tableList .box2 span.arrow .arrowBox .right_bar{ width: 2vw; }
}