/*//*/
*{box-sizing:border-box}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,button,input,textarea,p,select,blockquote,th,td,img,a{margin:0;padding:0;font-weight:400;color:#333;font-family: 'Noto Sans KR', sans-serif;;word-break: keep-all;word-wrap: break-word;font-size: 1em;line-height: 160%;letter-spacing: -0.02em}
html,body{font-size:16px;width:100%;height: 100%;overscroll-behavior: contain}
body.active{overflow-y: hidden}
body.loadingActive{overflow-y: hidden}
li{list-style:none}
a{text-decoration:none;color:rgba(0,0,0,0.8)}
a:hover{text-decoration:none}
a:active{text-decoration:none}
table{width:100%;border-collapse:collapse;border-spacing:0}
img{display:block;border:0}
button{background:transparent;border:0;cursor:pointer;outline:0}
input,select,textarea{border:1px solid #aaa;-webkit-appearance: none;border-radius: 0}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0}
input[type="password"]{font-family: sans-serif}
input::placeholder{color:#999;font-weight:400}
textarea::placeholder{color:rgba(0,0,0,0.4);font-weight:400}
input,textarea:focus{outline: none}
select{-moz-appearance:none;-webkit-appearance:none;appearance:none}
select::-ms-expand{display:none}
textarea{-ms-overflow-style:none;scrollbar-width:none}
textarea::-webkit-scrollbar{display:none}
input[type="radio"],input[type="checkbox"]{display: none}
input.disabled{cursor: auto;opacity: 1;color:#797979;border:1px solid #4a4a4a}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{-webkit-text-fill-color: rgba(0,0,0,0.8);-webkit-box-shadow: 0 0 0 1000px white inset;box-shadow: 0 0 0 1000px white inset}
input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active{-webkit-text-fill-color: rgba(0,0,0,0.8);-webkit-box-shadow: 0 0 0 1000px white inset;box-shadow: 0 0 0 1000px white inset}

/*basic*/
.wra{width:100%;background: linear-gradient(92.65deg, #E9F2FF -7.47%, #FFF6ED 51.48%, #E9F2FF 104.6%)}
.container{padding: 0;position: relative;z-index: 2}
.pageBtn{border-radius: 10px;display: flex;align-items: center;justify-content: center;width: 100%;height: 50px;background: #000;font-weight: 500;font-size: 15px;color: #fff;border: 1px solid #000000}
.landingPage{padding:5.625em 0 0;overflow: hidden}

/*popup*/
.popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9000;display: none}
.popup_cover{width: 100%;height: 100%;background: rgba(0,0,0,0.6);opacity: 0;transition: opacity 0.2s}

.popup.active .popup_cover{opacity: 1}
.popupTextBox{text-align: center}
.popupTitle{font-weight: 700;font-size: 1.5em;text-align: center}
.popupText{font-size: 14px;margin: 8px 0 0;color:#838383}
.popup_btnBox{margin: 26px 0 0;display: flex;align-items: center;justify-content: space-between}
.btn_popup{background: #000;border-radius: 9px;font-weight: 500;font-size: 15px;color: #fff;padding: 14.5px;width: 100%}
.btn_popup.notColor{background: #fff;border: 1px solid #000;color: #000;width:calc(50% - 4px)}
.btn_popup.notColor + .btn_popup{width:calc(50% - 4px)}
.popupTextCaption{font-size: 12px;color:rgba(172, 172, 172, 1)}
.popupSetion{bottom: 50%;left: 50%;transform: translate(-50%,50%);max-width: 400px;border-radius: 15px;padding: 30px;background: #fff;position: absolute;z-index: 1;width: 100%;transition: transform 0.2s cubic-bezier(.13, .91, .11, .91)}

.landingPage_header{position: fixed;height: 5.625em;top: 0;left: 0;width: 100%;z-index: 1000;transition: background 0.2s}
.landingPage_header.active{background: #fff}
.landingPage_header_logo{width: 4.875em}
.landingPage_header_logo img{width:100%}
.landingPage_menu{font-size: 1.125em;font-weight: 500}
.landingPage_menu + .landingPage_menu{margin: 0 0 0 2.222em}
.landingPage_header_section{max-width: 1140px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;height: 100%;padding: 0 20px}

.landing_slide,.pageSlideItem{height: 100%}
.footer{padding: 3.125em 20px;background: #e7e7e7}
.footerSlideItem{background-color: rgba(231, 231, 231, 0.6);height: auto !important}
.footerSlide{max-width: 960px;margin: 0 auto}
.footerSlide_text{margin: 1.714em 0 2.143em;color: #5e5e5e;font-size: 0.875em}
.footerSlide_caption{color: #5e5e5e;font-size: 12px}
.footerSlide_caption b{display: block;margin: 0 0 10px}

.footerCs_sns{display: inline-block;margin: 3.125em 0 0}
.footerCs{padding: 3.125em 20px;background: #2C2C2C;text-align: center}
.footerCs_title{font-size: 1.875em;font-weight: 500;color: #fff;margin: 0 0 10px}
.footerCs_link{font-size: 1.5em;font-weight: 700;color: #fff;text-decoration: underline}

.pageItem_cs{padding: 5.125em 20px}
.pageItem_csTitleBox{max-width: 960px;margin: 0 auto 2.5em;text-align: center}
.pageItem_csTitleBox img{margin: 0 auto 20px}
.subPageItem_title{font-weight: 700;font-size: 2.875em}
.pageItem_cs_faqList{max-width: 960px;margin: 0 auto;position: relative;padding: 0 0 40px}
.pageItem_cs_faqSlideItem{background: #FFFFFF;box-shadow: -1px 1px 16px rgb(0 0 0 / 10%);border-radius: 10px;margin: 20px 0 0;padding: 0 20px}
.pageItem_cs_faqSlideItem:first-child{margin: 0}
.pageItem_cs_faqSlide_titleBox{display: flex;align-items: center;justify-content: space-between;padding: 1.25em 0}
.pageItem_cs_faqSlide_titleBox img{transition: transform 0.2s}
.active .pageItem_cs_faqSlide_titleBox img{transform: rotate(180deg)}
.pageItem_cs_faqSlide_title{font-size: 1.25em;font-weight: 700}
.pageItem_cs_faqSlide_text{border-top: 1px solid #E7E7E7;padding: 1.25em 0;display: none}
.swiper-container-horizontal > .pageItem_cs_faqSlide_pagination{bottom: 0}
.swiper-container-horizontal > .pageItem_cs_faqSlide_pagination .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 6px;opacity: 1;background: #d8d8d8}
.swiper-container-horizontal > .pageItem_cs_faqSlide_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #000}

.pageItem_news{padding: 5.125em 20px 0}
.pageItem_newsTitleBox{text-align: center}
.pageItem_newsList{max-width: 960px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between}
.pageItem_newsItem{width: calc(50% - 10px);display: block;margin: 3.125em 0 0}
.pageItem_newsImg{background-repeat: no-repeat;background-size: cover;background-position: center;border-radius: 10px;margin: 0 0 16px;padding: 0 0 51%;background-color: #d8d8d8}
.pageItem_newsTitle{font-weight: 500;font-size: 1.375em;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.pageItem_subscription{padding: 5.125em 20px;background: #2C2C2C;text-align: center}
.pageItem_subscription_title{font-size: 2.875em;color: #fff;font-weight: 700}
.pageItem_subscription_subTitle{color: #c7c7c7;font-size: 1.125em;margin: 0.8em 0 0}
.subscriptionInputBox{margin: 3.125em auto 0;max-width: 960px;display: flex}
.subscription_input{background: #FFFFFF;border-radius: 10px;padding: 19px 16px;width: calc(100% - 12.5em - 10px)}
.btn_subscription{color: #fff;font-weight: 700;width: 12.5em;min-width: 12.5em;background: #F7AD01;border-radius: 10px;margin: 0 0 0 10px}
.pageItem_review{padding: 7.5em 20px}
.pageItem_reviewTitleBox{text-align: center;margin: 0 0 5.125em}
.pageItem_reviewList{transform: translateX(-165px);max-width: calc(100vw + 290px);width: calc(100vw + 290px)}
.pageItem_reviewItem{background: #FFFFFF;box-shadow: -1px 1px 16px rgb(0 0 0 / 10%);border-radius: 20px;padding: 1.875em;display: flex}
.pageItem_reviewItem_profileBox{border-right: 1px solid #E7E7E7;min-width: 210px;padding: 0 30px 0 0}
.pageItem_reviewItem_profileImg{background-repeat: no-repeat;background-size: cover;background-position: center;width: 100%;padding: 0 0 100%}
.pageItem_reviewItem_profileName{font-size: 1.125em;font-weight: 500;margin: 16px 0 0}
.pageItem_reviewItem_profileText{font-size: 13px;color: #838383;margin: 10px 0 0}
.pageItem_reviewItem_text{width: calc(100% - 210px);font-size: 1.188em;padding: 0 0 0 30px}
.swiper-slide-duplicate-active .pageItem_reviewItem{box-shadow: -1px 1px 16px rgba(0, 0, 0, 0.25)}
.pageItem_reviewSlide{padding-bottom:calc(3.125em + 10px)}
.pageItem_reviewSlide .pageItem_reviewItem{height: 100%}

.swiper-container-horizontal > .pageItem_review_pagination{bottom: 0}
.swiper-container-horizontal > .pageItem_review_pagination .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 6px;opacity: 1;background: #d8d8d8}
.swiper-container-horizontal > .pageItem_review_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #000}

.pageItem_reviewSlide .swiper-wrapper,.pageItem_reviewSlide .swiper-slide{height: auto}

.pageItem_main{max-width: 1000px;margin: 0 auto;padding: 8.75em 20px;display: flex;align-items: center;justify-content: space-between}
.pageItemSection{width: calc(100% - 30.375em - 5.25em)}
.pageItem_title{font-size: 3.000em;font-weight: 700}
.pageItem_mainText{margin: 15px 0 0;font-size: 1.375em}
.snsBox{display: flex;align-items: center;justify-content: space-between;width: 100%;margin: 1.625em 0 0}
.btn_snsLink{background: #000;border-radius: 16px;width: calc(50% - 5px);display: flex;align-items: center;justify-content: center;height: 3.75em}
.btn_snsLink + .btn_snsLink{margin: 0 0 0 10px}

.pageItem_main .img_0{transform: translateY(20px);opacity: 0;transition: transform 0.3s, opacity 0.3s}
.pageItem_main .img_1{transform: translate(-20px,40px);opacity: 0;transition: transform 0.3s 0.1s, opacity 0.3s 0.1s}
.pageItem_main .img_2{transform: translate(20px,20px);opacity: 0;transition: transform 0.3s 0.15s, opacity 0.3s 0.15s}
.pageItem_main .img_3{transform: translate(-30px,-30px);opacity: 0;transition: transform 0.3s 0.2s, opacity 0.3s 0.2s}
.pageItem_main.active .img_0,.pageItem_main.active .img_1,.pageItem_main.active .img_2,.pageItem_main.active .img_3{transform: translate(0,0);opacity: 1}
.pageItem_slideSection,.pageItem_about{max-width: 1000px;margin: 0 auto;padding: 8.75em 20px;display: flex;align-items: center;justify-content: space-between}

.pageItem_slideArea{width: 296px;overflow: hidden;position: relative}
.pageItem_slide{width: calc(100% - 30px);margin: 0 auto;padding: 12px 0;overflow: hidden}
.pageItem_slideArea>img{width:100%;position: absolute;top: 0;left: 0;width:100%;z-index: 10}
.pageItem_slide img{width:100%}

.pageItem_slideArea{transform: translateY(20px);opacity: 0;transition: transform 0.3s, opacity 0.3s}
.pageItem_slideSection.active .pageItem_slideArea{transform: translate(0,0);opacity: 1}
.pageItem_slidePageTextList{margin: 4.375em 0 0}
.pageItem_slidePageTextBox{display: flex;align-items: center;position: relative}
.pageItem_slidePageTextBox + .pageItem_slidePageTextBox{margin: 2.375em 0 0}
.pageItem_slidePageChkIcon{transition: background 0.2s;width: 2.125em;height: 2.125em;display: flex;align-items: center;justify-content: center;position: relative;background: #C7C7C7;border-radius: 100%;margin: 0 13px 0 0}
.pageItem_slidePageChkIcon::before{content: "";transition: border-color 0.2s;position: absolute;left: 1.06em;top: 2.125em;height: 3.375em;width: 0;border-left: 1px dashed #d8d8d8}
.pageItem_slidePageTextBox:last-child .pageItem_slidePageChkIcon::before{display: none}
.pageItem_slidePageText{transition: color 0.2s; color: #C7C7C7;font-weight: 500;font-size: 1.750em;text-align: left}
.pageItem_slidePageTextBox.active .pageItem_slidePageChkIcon{background: #2C2C2C}
.pageItem_slidePageTextBox.active .pageItem_slidePageChkIcon::before{border-color: #2c2c2c}
.pageItem_slidePageTextBox.active .pageItem_slidePageText{color: #2C2C2C}

.pageItem_about .img_0{transform: translateY(20px);opacity: 0;transition: transform 0.3s, opacity 0.3s}
.pageItem_about .img_1{transform: translateY(20px);opacity: 0;transition: transform 0.3s 0.1s, opacity 0.3s 0.1s}
.pageItem_about .img_2{transform: translateY(20px);opacity: 0;transition: transform 0.3s 0.15s, opacity 0.3s 0.15s}
.pageItem_about .img_3{transform: translateY(20px);opacity: 0;transition: transform 0.3s 0.2s, opacity 0.3s 0.2s}
.pageItem_about.active .img_0,.pageItem_about.active .img_1,.pageItem_about.active .img_2,.pageItem_about.active .img_3{transform: translate(0,0);opacity: 1}

.pageItem_textBox{margin: 4.375em 0 0}
.pageItem_profileBox{display: flex;align-items: center}
.pageItem_profileImg{background-repeat: no-repeat;background-size: cover;background-position: center;width: 3.625em;height: 3.625em;border-radius: 100%;margin: 0 10px 0 0}
.pageItem_profileInfo{font-weight: 700}
.pageItem_aboutText{font-size: 0.938em;margin: 15px 0 0}

.mTitle{display: none}
.pageItem_slide_pagination{display: none}
.pageItem_slide_pagination{bottom: 0;left: 50%;transform: translateX(-50%)}
.pageItem_slide_pagination .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 6px;opacity: 1;background: #d8d8d8}
.pageItem_slide_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #000}

.m_bottom_btnBox{display:none;position: fixed;bottom: 0;left: 0;width: 100%;justify-content: space-between;padding: 10px 20px;z-index: 8999;background-color: #fff}

/*반응형*/
@media (max-width:1800px){

}
@media (max-width:1680px){
	
}
@media (max-width:1600px){
    html, body{font-size:15px}
}
@media (max-width:1440px){
    html, body{font-size:14px}
}
@media (max-width:1366px){
    html, body{font-size:13px}
}
@media (max-width:1280px){
    html, body{font-size:12px}
}
@media (max-width:1152px){
    html, body{font-size:11px}
}
@media (max-width:1024px){
    html, body{font-size:13px}
}
@media (max-width:960px){
    .popupSetion{background: #fff;position: absolute;bottom: 0;left: 0;z-index: 1;border-radius: 0;border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 20px 20px 16px;width: 100%;transform: translateY(100%);transition: transform 0.2s cubic-bezier(.13, .91, .11, .91);max-width: 100%}
    .popupTextBox{text-align: left}
    .popupTitle{text-align: left}
    .popup.active .popupSetion{transform: translateY(0)}

    .pageItem_main{display: block;padding: 50px 20px}
    .pageItem_main .pageItemSection{margin: 0 0 70px}
    .pageItemSection{width: 100%;max-width: 500px}
    .snsBox{max-width: 402px}
    .pageItem_main .pageItem_imgSection svg{display: block;margin: 0 auto;max-width:486px;width:100%;height: auto;transform: translateX(18px)}
    .mTitle{display: block}
    .pcTitle{display: none}

    .pageItem_slideSection{display: block;padding: 50px 20px}
    .pageItem_imgSection{margin: 60px auto 40px}
    .pageItem_slideArea{margin: 0 auto}
    .pageItem_slidePageTextList{margin: 0 auto}
    .pageItem_slideSection .pageItemSection{margin: 0 auto;position: relative;padding-bottom: 50px}
    .pageItem_slidePageTextBox{display: none}
    .pageItem_slidePageTextBox.active{display: flex;justify-content: center}
    .pageItem_slidePageChkIcon::before{display: none}
    .pageItem_slide_pagination{display: block}
    .pageItem_slidePageTextBox + .pageItem_slidePageTextBox{margin: 0}

    .pageItem_about{padding: 50px 20px}

    .pageItem_reviewList{transform: translateX(-20px);max-width: 100vw;width: 100vw}
    .pageItem_reviewSlide{padding: 0 50px 50px}

    .pageItem_reviewItem_profileBox{min-width:200px}
    .pageItem_reviewItem_text{width: calc(100% - 200px)}

    .pageItem_subscription{padding: 50px 20px}
    .subscriptionInputBox{margin: 30px auto 0}
    .subscription_input{padding: 17px 16px}

    .pageItem_news{padding: 70px 20px 0}
    .pageItem_newsImg{margin: 0 0 14px}
    .pageItem_newsTitle{font-size: 16px}
}
@media (max-width: 780px){
    .pageItem_about{display:block}
    .pageItem_about .pageItem_imgSection svg{height: auto;display: block;margin: 0 auto;width: 100%;max-width: 406px}
}
@media (max-width: 720px){
    .landingPage_header{height:53px}
    .landingPage_header_logo{width:40px}
    .landingPage{padding: 53px 0 0}
    .pageItem_main{padding: 35px 20px}
    .pageItem_title{font-size: 24px}
    .pageItem_mainText{font-size: 13px;margin: 8px 0 0}
    .snsBox{display: none}
    .pageItem_main .pageItemSection{margin: 0 0 34px}

    .pageItem_imgSection{margin: 30px auto 12px}
    .pageItem_slideSection .pageItemSection{padding-bottom: 30px}
    .pageItem_slidePageChkIcon{width: 24px;height: 24px;margin: 0 8px 0 0}
    .pageItem_slidePageChkIcon img{width: 12px}
    .pageItem_slidePageText{font-size: 18px}
    .swiper-pagination-bullet{width: 8px !important;height: 8px !important;margin: 0 3px !important}

    .landingPage_menuBox,span.landingPage_header_logo{display: none}

    .pageItem_textBox{margin: 30px 0 0}
    .pageItem_aboutText{font-size: 13px}
    
    .pageItem_reviewTitleBox{margin: 0 0 30px}
    .pageItem_reviewSlide{padding: 0 20px 35px}
    .pageItem_reviewItem{padding: 20px;display: block}
    .pageItem_reviewItem_profileBox{min-width: 100%;border: 0;border-bottom: 1px solid #e7e7e7;padding: 0 0 20px;display: flex;align-items: center}
    .pageItem_reviewItem_profileImg{width: 60px;padding: 0;height: 60px;margin: 0 14px 0 0;min-width: 60px}
    .pageItem_reviewItem_profileName{font-size: 16px;margin: 0 0 4px}
    .pageItem_reviewItem_profileText{margin: 0;font-size: 13px}
    .pageItem_reviewItem_text{width: 100%;padding: 20px 0 0;font-size: 14px}
    .subPageItem_title{font-size: 24px}
    .pageItem_review{padding: 35px 20px}

    .pageItem_subscription{padding: 45px 20px}
    .pageItem_subscription_title{font-size: 24px}
    .pageItem_subscription_subTitle{margin: 10px 0 0;font-size: 13px}
    .subscriptionInputBox{display: block}
    .subscription_input{font-size: 14px;padding: 13px 15px;width: 100%}
    .btn_subscription{font-size: 14px;padding: 13px 15px;width: 100%;min-width: 100%;margin: 10px 0 0}

    .pageItem_news{padding: 35px 20px 0}
    .pageItem_newsList{display: block}
    .pageItem_newsItem{width: 100%;margin: 30px 0 0}
    .pageItem_newsImg{margin: 0 0 12px}

    .pageItem_cs{padding: 70px 20px 40px}
    .pageItem_csTitleBox{margin: 0 auto 30px}
    .pageItem_csTitleBox img{width: 80px}
    .pageItem_cs_faqList{padding: 0 0 35px}
    .pageItem_cs_faqSlideItem{padding: 0 14px}
    .pageItem_cs_faqSlide_title{font-size: 14px}
    
    .footerCs{padding: 35px 20px}
    .footerCs_title{font-size: 18px}
    .footerCs_link{font-size: 14px}
    .footerCs_sns img{width: 36px}

    .footer{padding: 29px 20px 99px}
    .footerSlide>img{width: 42px}
    .footerSlide_text{margin: 18px 0 16px;font-size: 10px}
    .footerSlide_caption{font-size: 10px}

    .m_bottom_btnBox{display: flex}
    .btn_snsLink{border-radius: 10px;height: 50px}
}
@media (max-width: 650px){

}
@media (max-width: 550px){

}
@media (max-width: 490px){

}
@media (max-width: 400px){
}
@media (max-width: 340px){

}