@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --color1 : #B5654E;
    --color2 : #CAA394;
    --font-noto : "Noto Sans";
}

/* common */
#hd_pop {display: none !important;}
.flex-ac {display: flex; align-items: center;}
.flex-jc {display: flex; align-items: center; justify-content: center;}

* {font-family: 'Pretendard', sans-serif;}

/* alert_popup */
.alert_popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #00000099; z-index: 100;}
.alert_popup .cont {padding: 88px 0 67px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; border-radius: 50px; text-align: center; width: 700px;}
.alert_popup .cont span.close {position: absolute; top: 30px; right: 30px; cursor: pointer;}
.alert_popup .cont span.close img {width: 21px;}
.alert_popup .cont .warning {width: 70px; margin: 0 auto;}
.alert_popup .cont p {margin-top: 30px; font-size: 25px; font-weight: 800;}
.alert_popup .cont .close.btn {margin: 50px auto 0; font-size: 18px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; width: 150px; height: 50px; border-radius: 100px; background: var(--color1); color: #fff;}
@media screen and (max-width:1440px){
    /* alert_popup */
    .alert_popup .cont {padding: 6.11vw 0 4.65vw;  border-radius: 3.47vw;  width: 48.61vw;}
    .alert_popup .cont span.close {top: 2.08vw; right: 2.08vw;}
    .alert_popup .cont span.close img {width: 1.46vw;}
    .alert_popup .cont .warning {width: 4.86vw;}
    .alert_popup .cont p {margin-top: 2.08vw; font-size: 1.74vw;}
    .alert_popup .cont .close.btn {margin: 3.47vw auto 0; font-size: 1.25vw; width: 10.42vw; height: 3.47vw; border-radius: 6.94vw;}
}
@media screen and (max-width:768px){
    /* alert_popup */
    .alert_popup .cont {padding: 15.63vw 0; border-radius: 7.81vw; width: 93.75vw;}
    .alert_popup .cont span.close {top: 6.51vw; right: 6.51vw;}
    .alert_popup .cont span.close img {width: 4.17vw;}
    .alert_popup .cont .warning {width: 15.63vw;}
    .alert_popup .cont p {margin-top: 2.60vw; font-size: 5.21vw;}
    .alert_popup .cont .close.btn {margin: 7.81vw auto 0; font-size: 4.17vw; width: 31.25vw; height: 11.72vw; border-radius: 26.04vw;}
}

/* 설문조사 공통 */
.survey_wrap {background: #F4EBE1; position: relative; padding: 150px 0 207px;}
.survey_wrap .bg {position: absolute; left: 50%; top: 116px; transform: translateX(-50%); width: 100%; z-index: 1;}
.survey_wrap .bg img {width: 100%;}
.survey_wrap .inner {width: 1400px; margin: 0 auto;}
.survey_wrap .main_tit {text-align: center;}
.survey_wrap .main_tit img {width: 140px;}
.survey_wrap .main_tit h2 {margin-top: 12px; font-size: 56px; font-weight: 700; color: var(--color1); text-transform:uppercase;}
.survey_wrap .survey {margin-top: 50px; background: #fff; border-radius: 50px; box-shadow: 0px 7px 29px 0px #64646F33; padding: 100px; position: relative; z-index: 2;}
.survey_wrap .ask_tit {display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 50px; background: var(--color1); color: #fff; height: 64px; font-size: 24px; font-weight: 700;}
.survey_wrap .ask_tit img {width: 32px;}
.survey_wrap .askCont .tit {display: flex; align-items: center; gap: 10px; font-size: 22px; font-weight: 700;}
.survey_wrap .askCont .tit .num {display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 100%; background: var(--color1); color: #fff; font-size: 19px; font-weight: 700; letter-spacing: -.64px;}
.survey_wrap .askCont .tit em {font-weight: 400;}
.survey_wrap .askCont .cont {margin-top: 30px; display: flex; gap: 30px; flex-wrap: wrap;}
.survey_wrap .askCont .item {padding: 50px 0; border-bottom: 1px solid #E7E7E7;}
.survey_wrap .askCont .item.bb0 {border-bottom: 0;}
.survey_wrap .askCont .cont label {position: relative; display: flex; align-items: center; gap: 20px; border-radius: 50px; border: 1px solid var(--color2); padding: 20px 30px; box-shadow: 0px 5px 15px 0px #0000001A; background: #fff; cursor: pointer; width: calc(100%/3 - 30px);}
.survey_wrap .askCont .cont label span {font-size: 18px; font-weight: 600; color: var(--color2); line-height: 1.2;}
.survey_wrap .askCont .cont label input {width: 40px; min-width: 40px; height: 40px; border-radius: 100%; background: #fff url("/images/movcircle/survey_check.svg") no-repeat center / 24.89px; border: 1px solid var(--color2); -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: 0px 7.11px 21.33px 0px #959DA533; pointer-events: none;}
.survey_wrap .askCont .cont label input:checked {background-image: url("/images/movcircle/survey_checked.svg"); background-color: var(--color1); border-color: var(--color1);}
.survey_wrap .askCont .cont label input:checked + span {color: var(--color1);}
.survey_wrap .askCont .cont label.on {border-color: transparent;}
.survey_wrap .askCont .cont label.on::after {content: ""; width: 100%; height: calc(100% + 2px); border-radius: 50px; position: absolute; top: 0; left: 0; border: 3px solid var(--color1);}
.survey_wrap .btnCont {margin-top: 50px; gap: 20px;}
.survey_wrap .btnCont a {display: flex; align-items: center; justify-content: center; height: 70px; border-radius: 100px; font-size: 20px; font-weight: 600; color: #fff;}
.survey_wrap .btnCont a.style01 {background: var(--color2);}
.survey_wrap .btnCont a.style02 {background: var(--color1);}
/* 퍼스널 아로마 추천 */
.recommend::before{content: ''; display: block; width: 280px; height: 130px; background: url(/images/movcircle/recommend_logo.png) no-repeat center / 172px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 50px;}
.recommend .sub_tit {display: flex; align-items: center; gap: 15px; font-size: 24px; font-weight: 700; margin-top: 50px; padding-bottom: 20px; border-bottom: 1px solid var(--color1);}
.recommend .sub_tit img {width: 24px;}
.recommend .btnCont a {width: 250px;}
/* 웰니스 저널링 참여하기 */
.subject_tit {display: flex; align-items: center; gap: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--color1); font-size: 40px; font-weight: 500; color: var(--color1);}
.subject_tit .subject {display: flex; align-items: center; justify-content: center; padding: 0 40px; height: 73px; border-radius: 50px; background: #FBF4EB; font-size: 28px; font-weight: 700; color: var(--color1);}
.survey .time {margin-top: 50px; display: flex; align-items: center; justify-content: flex-end; gap: 30px;}
.survey .time .tit {display: flex; align-items: center; gap: 10px; font-size: 22px; font-weight: 700;}
.survey .time .tit img {width: 32px;}
.dp_search_style {display: flex; border: 1px solid #eee; border-radius: 5px;}
.dp_search_style .sch_select {position: relative; width: 300px; text-align: left;}
.dp_search_style .sch_select .tit {padding: 0 45px 0 15px; display: block; position: relative; width: 100%; height: 50px; line-height: 51px; font-size: 15px; font-weight: 500; color: #BEBEBE; cursor: pointer;}
.dp_search_style .sch_select .tit::after {content: ""; background: url('/images/movcircle/select_arrow.svg') no-repeat; width: 27px; height: 27px; background-size: contain; background-position: center; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); transition: transform .2s;}
.dp_search_style .sch_select.on {border-color: #eee;}
.dp_search_style .sch_select.on .tit {color: #000; border-color: #eee;}
.dp_search_style .sch_select.on .tit::after {transform: translateY(-50%) rotate(180deg);}
.dp_search_style .sch_select ul {display: none; overflow: hidden; overflow-y: auto; max-height: 200px; position: absolute; left: 0; top: calc(100% + 5px); border: 1px solid #eee; background: #fff; width: 100%; z-index: 10;}
.dp_search_style .sch_select ul::-webkit-scrollbar {width: 3px;}
.dp_search_style .sch_select ul::-webkit-scrollbar-thumb { background: var(--color1); border-radius: 10px;}
.dp_search_style .sch_select ul::-webkit-scrollbar-track {background: #F4EBE1;}
.dp_search_style .sch_select ul li {position: relative; font-size: 15px; font-weight: 500; color: #8E8E8E; cursor: pointer; padding: 12px 15px;}
.dp_search_style .sch_select ul li:hover {color: #fff; background: var(--color1);}
.survey.survey_wrap .askCont .cont.grid4 label {width: calc(100%/4 - 30px);}
.survey.survey_wrap .askCont .cont label {padding: 14px 20px;}
.survey.survey_wrap .ask_cont {border-radius: 50px; border: 3px solid var(--color1); padding: 10px 50px; margin-top: 20px;}
.survey.survey_wrap .ask_cont + .ask_tit {margin-top: 50px;}
.survey.survey_wrap .ask_cont .item {padding: 40px 0;}
.survey.survey_wrap .ask_cont .item:last-child {border-bottom: 0;}
.survey.survey_wrap .ask_cont .cont {justify-content: space-between; position: relative; padding: 0 45.5px;}
.survey.survey_wrap .ask_cont .cont::before {content: ""; width: 80%; height: 1px; background: #ECE0D2; position: absolute; left: 50%; top: 40px; transform: translateX(-50%);}
.survey.survey_wrap .ask_cont label {border: 0; border-radius: 0; flex-direction: column; gap: 20px; box-shadow:none !important; height:auto !important; width: auto !important; padding: 0 !important; background: none !important;}
.survey.survey_wrap .ask_cont label .inputBox {display: flex; align-items: center; justify-content: center; width: 80px; height: 80px;}
.survey.survey_wrap .ask_cont label input {width: 50px; height: 50px; border-radius: 100%; background: #fff !important; border: 3px solid #ECE0D2; box-shadow:none;}
.survey.survey_wrap .ask_cont label:nth-child(1) input,
.survey.survey_wrap .ask_cont label:nth-child(5) input {width: 100%; height: 100%;}
.survey.survey_wrap .ask_cont label:nth-child(2) input,
.survey.survey_wrap .ask_cont label:nth-child(4) input {width: 65px; height: 65px;}
.survey.survey_wrap .ask_cont label span {font-weight: 400; color: #DDC6BD;}
.survey.survey_wrap .ask_cont label strong {font-weight: 700;}
.survey.survey_wrap .ask_cont .cont label.on::after {display: none;}
.survey.survey_wrap .ask_cont .cont label.on input {border-color: var(--color1); background: var(--color1) url("/images/movcircle/survey_check_w.svg") no-repeat center / 35px !important;}
.survey.survey_wrap .ask_cont .cont label.on span {color: var(--color1);}
.survey.survey_wrap .ask_cont .res_box{padding: 30px 40px; border-radius: 20px; background: #FBF4EB; margin-bottom: 40px; text-align: center;}
.survey.survey_wrap .ask_cont .res_box p{font-size: 22px; font-weight: 500; line-height: 1.6; word-break:keep-all;}
.survey.survey_wrap .ask_cont .res_box p b{color: #B5654E;}
.survey.survey_wrap .btnCont {text-align: center;}
.survey.survey_wrap .btnCont a {width: 250px; height: 70px; display: inline-flex;}
@media screen and (max-width:1440px){
    /* 설문조사 공통 */
    .survey_wrap {padding: 10.42vw 0 14.38vw;}
    .survey_wrap .bg {top: 8.06vw;}
    .survey_wrap .inner {width: 93.06vw;}
    .survey_wrap .main_tit img {width: 9.72vw;}
    .survey_wrap .main_tit h2 {margin-top: 0.83vw; font-size: 3.89vw;}
    .survey_wrap .survey {margin-top: 3.47vw; border-radius: 3.47vw; box-shadow: 0.00vw 0.49vw 2.01vw 0.00vw #64646F33; padding: 6.94vw;}
    .survey_wrap .ask_tit {gap: 0.69vw; border-radius: 3.47vw; height: 4.44vw; font-size: 1.67vw;}
    .survey_wrap .ask_tit img {width: 2.22vw;}
    .survey_wrap .askCont .tit {gap: 0.69vw; font-size: 1.53vw;}
    .survey_wrap .askCont .tit .num {width: 2.22vw; height: 2.22vw; font-size: 1.32vw; letter-spacing: -0.04vw;}
    .survey_wrap .askCont .cont {margin-top: 2.08vw; gap: 2.08vw;}
    .survey_wrap .askCont .item {padding: 3.47vw 0;}
    .survey_wrap .askCont .cont label {gap: 1.39vw; border-radius: 3.47vw; padding: 1.39vw 2.08vw; box-shadow: 0.00vw 0.35vw 1.04vw 0.00vw #0000001A; width: calc(100%/3 - 2.08vw);}
    .survey_wrap .askCont .cont label span {font-size: 1.25vw;}
    .survey_wrap .askCont .cont label input {width: 2.78vw; min-width: 2.78vw; height: 2.78vw; background: #fff url("/images/movcircle/survey_check.svg") no-repeat center / 1.73vw; box-shadow: 0.00vw 0.49vw 1.48vw 0.00vw #959DA533;}
    .survey_wrap .askCont .cont label.on::after {height: calc(100% + 0.14vw); border-radius: 3.47vw; top: 0; border-width: 0.21vw;}
	.survey.survey_wrap .ask_cont .res_box{padding: 2.08vw 2.78vw; border-radius: 1.39vw; margin-bottom: 2.78vw;}
	.survey.survey_wrap .ask_cont .res_box p{font-size: 1.53vw;}
    .survey_wrap .btnCont {margin-top: 3.47vw; gap: 1.39vw;}
    .survey_wrap .btnCont a {height: 4.86vw; border-radius: 6.94vw; font-size: 1.39vw;}
    /* 퍼스널 아로마 추천 */
	.recommend::before{width: 19.44vw; height: 9.03vw; bottom: 3.47vw; background-size: 11.94vw;}
    .recommend .sub_tit {gap: 1.04vw; font-size: 1.67vw; margin-top: 3.47vw; padding-bottom: 1.39vw;}
    .recommend .sub_tit img {width: 1.67vw;}
    .recommend .btnCont a {width: 17.36vw;}
    /* 웰니스 저널링 참여하기 */
    .subject_tit {gap: 2.08vw; padding-bottom: 2.08vw; font-size: 2.78vw;}
    .subject_tit .subject {padding: 0 2.78vw; height: 5.07vw; border-radius: 3.47vw; font-size: 1.94vw;}
    .survey .time {margin-top: 3.47vw; gap: 2.08vw;}
    .survey .time .tit {gap: 0.69vw; font-size: 1.53vw;}
    .survey .time .tit img {width: 2.22vw;}
    .dp_search_style {border-radius: 0.35vw;}
    .dp_search_style .sch_select {width: 20.83vw;}
    .dp_search_style .sch_select .tit {padding: 0 3.13vw 0 1.04vw; height: 3.47vw; line-height: 3.54vw; font-size: 1.04vw;}
    .dp_search_style .sch_select .tit::after {width: 1.88vw; height: 1.88vw; right: 1.04vw;}
    .dp_search_style .sch_select ul {top: calc(100% + 0.35vw); max-height: 13.89vw;}
    .dp_search_style .sch_select ul::-webkit-scrollbar {width: .21vw;}
    .dp_search_style .sch_select ul::-webkit-scrollbar-thumb {border-radius: 0.69vw;}
    .dp_search_style .sch_select ul li {font-size: 1.04vw; padding: 0.83vw 1.04vw;}
    .survey.survey_wrap .askCont .cont.grid4 label {width: calc(100%/4 - 2.08vw);}
    .survey.survey_wrap .askCont .cont label {padding: 0.97vw 1.39vw;}
    .survey.survey_wrap .ask_cont {border-radius: 3.47vw; padding: 0.69vw 3.47vw; margin-top: 1.39vw;}
    .survey.survey_wrap .ask_cont + .ask_tit {margin-top: 3.47vw;}
    .survey.survey_wrap .ask_cont .item {padding: 2.78vw 0;}
    .survey.survey_wrap .ask_cont .cont {padding: 0 3.16vw;}
    .survey.survey_wrap .ask_cont .cont::before {height: 0.07vw; top: 2.78vw;}
    .survey.survey_wrap .ask_cont label {gap: 1.39vw;}
    .survey.survey_wrap .ask_cont label .inputBox {width: 5.56vw; height: 5.56vw;}
    .survey.survey_wrap .ask_cont label input {width: 3.47vw; height: 3.47vw; border-width: 0.21vw;}
    .survey.survey_wrap .ask_cont label:nth-child(2) input,
    .survey.survey_wrap .ask_cont label:nth-child(4) input {width: 4.51vw; height: 4.51vw;}
    .survey.survey_wrap .ask_cont .cont label.on input {background: var(--color1) url("/images/movcircle/survey_check_w.svg") no-repeat center / 2.43vw !important;}
    .survey.survey_wrap .btnCont a {width: 17.36vw; height: 4.86vw;}
}
@media screen and (max-width:768px){
    /* 설문조사 공통 */
    .survey_wrap {padding: 26.04vw 0 24.09vw;}
    .survey_wrap .bg {top: 36.72vw; width: 86.98vw;}
    .survey_wrap .inner {width: 93.75vw;}
    .survey_wrap .main_tit img {width: 28.65vw;}
    .survey_wrap .main_tit h2 {margin-top: 3.91vw; font-size: 7.81vw;}
    .survey_wrap .survey {margin-top: 18.23vw; border-radius: 7.81vw; box-shadow: 0.00vw 1.82vw 7.55vw 0.00vw #64646F33; padding: 9.11vw 6.51vw;}
    .survey_wrap .ask_tit {gap: 2.60vw; border-radius: 13.02vw; height: 13.02vw; font-size: 4.69vw;}
    .survey_wrap .ask_tit img {width: 7.81vw;}
    .survey_wrap .askCont .tit {gap: 3.13vw; font-size: 4.17vw; align-items: baseline;}
    .survey_wrap .askCont .tit .num {width: 6.77vw; min-width: 6.77vw; height: 6.77vw; font-size: 4.17vw; letter-spacing: -0.17vw;}
    .survey_wrap .askCont .cont {margin-top: 5.21vw; gap: 3.91vw; flex-direction: column;}
    .survey_wrap .askCont .item {padding: 7.81vw 0 9.11vw;}
    .survey_wrap .askCont .cont label {gap: 3.13vw; border-radius: 13.02vw; padding: 3.91vw 5.21vw; box-shadow: 0.00vw 1.30vw 2.60vw 0.00vw #0000001A; width: 100%;}
    .survey_wrap .askCont .cont label span {font-size: 3.65vw;}
    .survey_wrap .askCont .cont label input {width: 9.11vw; min-width: 9.11vw; height: 9.11vw; background: #fff url("/images/movcircle/survey_check.svg") no-repeat center / 5.21vw; box-shadow: 0.00vw 1.30vw 2.60vw 0.00vw #959DA533;}
    .survey_wrap .askCont .cont label.on::after {height: calc(100% + 1px); border-radius: 13.02vw; top: 0; border-width: 0.78vw;}
	.survey.survey_wrap .ask_cont .res_box{padding: 3.91vw 5.21vw; border-radius: 2.60vw; margin-bottom: 5.21vw;}
	.survey.survey_wrap .ask_cont .res_box p{font-size: 3.26vw;}
    .survey_wrap .btnCont {margin-top: 7.81vw; gap: 2.60vw;}
    .survey_wrap .btnCont a {height: 13.02vw; border-radius: 26.04vw; font-size: 4.17vw;}
    /* 퍼스널 아로마 추천 */
	.recommend::before{width: 40.46vw; height: 18.93vw; bottom: 3.41vw; background-size: 27.40vw;}
    .recommend .sub_tit {gap: 3.13vw; font-size: 4.17vw; margin-top: 7.81vw; padding-bottom: 3.91vw;}
    .recommend .sub_tit img {width: 5.21vw;}
    .recommend .btnCont a {width: 39.06vw;}
    /* 웰니스 저널링 참여하기 */
    .subject_tit {gap: 5.21vw; padding-bottom: 5.21vw; font-size: 5.73vw; flex-direction: column; justify-content: center; text-align: center;}
    .subject_tit .subject {height: 13.41vw; border-radius: 13.02vw; font-size: 4.69vw; padding: 0 10.42vw;}
    .survey .time {margin-top: 7.81vw; gap: 3.91vw; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    .survey .time .tit {gap: 2.60vw; font-size: 4.17vw;}
    .survey .time .tit img {width: 5.73vw;}
    .dp_search_style {border-radius: 1.30vw; width: 100%;}
    .dp_search_style .sch_select {width: 100%;}
    .dp_search_style .sch_select .tit {padding: 0 11.72vw 0 3.91vw; height: 11.72vw; line-height: 11.72vw; font-size: 3.65vw;}
    .dp_search_style .sch_select .tit::after {width: 7.03vw; height: 7.03vw; right: 3.91vw;}
    .dp_search_style .sch_select ul {top: calc(100% + 1.30vw); max-height: 45.57vw;}
    .dp_search_style .sch_select ul::-webkit-scrollbar {width: 1.5px;}
    .dp_search_style .sch_select ul::-webkit-scrollbar-thumb {border-radius: 2.60vw;}
    .dp_search_style .sch_select ul li {font-size: 3.65vw; padding: 3vw 3.91vw;}
    .survey.survey_wrap .askCont .cont.grid4 label {width: 100%;}
    .survey.survey_wrap .askCont .cont label {padding: 3.91vw 5.21vw;}
    .survey.survey_wrap .ask_cont {border-radius: 5.21vw; padding: 0 3.91vw; margin-top: 2.60vw;}
    .survey.survey_wrap .ask_cont + .ask_tit {margin-top: 10.42vw;}
    .survey.survey_wrap .ask_cont .item {padding: 7.81vw 0;}
    .survey.survey_wrap .ask_cont .cont {padding: 0; flex-direction: row; flex-wrap: nowrap; gap: 0;}
    .survey.survey_wrap .ask_cont .cont::before {height: 0.13vw; top: 5.21vw;}
    .survey.survey_wrap .ask_cont label {gap: 5.21vw; text-align: center; min-width: 13.80vw;}
    .survey.survey_wrap .ask_cont label span {font-size: 2.60vw; line-height: 1.8;}
    .survey.survey_wrap .ask_cont label span strong {display: block; font-size: 3.65vw;}
    .survey.survey_wrap .ask_cont label .inputBox {width: 10.42vw; height: 10.42vw;}
    .survey.survey_wrap .ask_cont label input {width: 5.21vw; height: 5.21vw; border-width: 0.52vw; min-height: auto; min-width: auto;}
    .survey.survey_wrap .ask_cont label:nth-child(2) input,
    .survey.survey_wrap .ask_cont label:nth-child(4) input {width: 7.81vw; height: 7.81vw;}
    .survey.survey_wrap .ask_cont .cont label.on input {background: var(--color1) url("/images/movcircle/survey_check_w.svg") no-repeat center / 2.47vw !important;}
    .survey.survey_wrap .btnCont a {width: 39.06vw; height: 13.02vw;}
}

/* 퍼스널 아로마 추천 질문_v2 */
.survey .inputCont {display: flex; align-items: center; gap: 20px 0; margin-bottom: 51px; flex-wrap: wrap;}
.survey .inputCont > div:first-child {width: 100%;}
.survey .inputCont > div {display: flex; align-items: center; gap: 20px; width: 50%;}
.survey .inputCont > div p {font-size: 22px; min-width: 110px; font-weight: 600;}
.survey .inputCont .birth {position: relative;}
.survey .inputCont .birth img {width: 24px; position: absolute; top: 50%; transform: translateY(-50%); right: 15px;}
.survey .inputCont input {width: 400px; height: 50px; border-radius: 5px; background: #fff; font-size: 16px !important; font-weight: 500; padding: 0 15px; border: 1px solid #eee; outline: none; color: #000; font-size: 20px;}
.survey .inputCont input:focus {outline: none;}
.survey .inputCont input::placeholder {color: #BEBEBE; font-size: 16px;}
.survey .inputCont .dp_search_style {border-color: #eee;}
.survey .inputCont .dp_search_style .sch_select {width: 400px;}
.survey .inputCont .dp_search_style .tit {line-height: 53px; height: 50px; width: 100%; font-weight: 500;}
.survey .inputCont .dp_search_style * {font-size: 16px; font-weight: 500;}
@media screen and (max-width:1440px){
    .survey .inputCont {gap: 1.39vw 0; margin-bottom: 3.54vw;}
    .survey .inputCont > div {gap: 1.39vw;}
    .survey .inputCont > div p {font-size: 1.53vw; min-width: 7.64vw;}
    .survey .inputCont .birth img {width: 1.67vw; right: 1.04vw;}
    .survey .inputCont input {width: 27.78vw; height: 3.47vw; border-radius: 0.35vw; font-size: 1.11vw !important; padding: 0 1.04vw; font-size: 1.39vw;}
    .survey .inputCont input::placeholder {font-size: 1.11vw;}
    .survey .inputCont .dp_search_style .sch_select {width: 27.78vw;}
    .survey .inputCont .dp_search_style .tit {line-height: 3.68vw; height: 3.47vw;}
    .survey .inputCont .dp_search_style * {font-size: 1.11vw;}
}
@media screen and (max-width:768px){
    .survey .inputCont {gap: 5.56vw 0; margin-bottom: 11.59vw;}
    .survey .inputCont > div {gap: 3.91vw; flex-direction: column; align-items: flex-start; width: 100%;}
    .survey .inputCont > div p {font-size: 4.17vw; min-width: 100%;}
    .survey .inputCont .birth {width: 100%;}
    .survey .inputCont .birth img {width: 4.5vw; right: 3.91vw;}
    .survey .inputCont input {width: 100%; height: 11.72vw; border-radius: 1.30vw; font-size: 3.65vw !important; padding: 0 3.91vw; font-size: 3.65vw;}
    .survey .inputCont input::placeholder {font-size: 3.65vw;}
    .survey .inputCont .dp_search_style .sch_select {width: 100%;}
    .survey .inputCont .dp_search_style .tit {line-height: 11.72vw; height: 11.72vw;}
    .survey .inputCont .dp_search_style * {font-size: 3.65vw;}
}

/* 설문지페이지 완료 */
.complete_wrap {min-height: 100vh; display: flex; align-items: center; justify-content: center;}
.complete_wrap .inner {position: relative;}
.complete_wrap .bg {top: -40px; width: 100vw;}
.complete {margin: 50px auto 0; background: #fff; width: 1400px; border-radius: 50px; box-shadow: 0px 7px 29px 0px #64646F33; padding: 100px 0; text-align: center; position: relative; z-index: 1; border: 0;}
.complete img {width: 50px;}
.complete p {margin-top: 30px; font-size: 28px; font-weight: 500;}
.complete h3 {margin-top: 15px; font-size: 32px; font-weight: 700;}
.complete a {margin-top: 50px; display: inline-flex; align-items: center; justify-content: center; width: 228px; height: 50px; border-radius: 100px; background: var(--color1); color: #fff; font-size: 18px; font-weight: 700;}
@media screen and (max-width:1440px){
    /* 설문지페이지 완료 */
    .complete_wrap .bg {top: 0;}
    .complete {margin: 3.47vw auto 0; width: 93.06vw; border-radius: 3.47vw; box-shadow: 0.00vw 0.49vw 2.01vw 0.00vw #64646F33; padding: 6.94vw 0;}
    .complete img {width: 3.47vw;}
    .complete p {margin-top: 2.08vw; font-size: 1.94vw;}
    .complete h3 {margin-top: 1.04vw; font-size: 2.22vw;}
    .complete a {margin-top: 3.47vw; width: 18.83vw; height: 4.86vw; border-radius: 6.94vw; font-size: 1.39vw;}
}
@media screen and (max-width:768px){
    /* 설문지페이지 완료 */
    .complete_wrap .bg {top: 10.68vw; width: 86.98vw;}
    .complete {margin: 18.23vw auto 0; width: 93.75vw; border-radius: 7.81vw; box-shadow: 0.00vw 1.82vw 7.55vw 0.00vw #64646F33; padding: 20.83vw 0;}
    .complete img {width: 10.42vw;}
    .complete p {margin-top: 7.81vw; font-size: 5.21vw;}
    .complete h3 {margin-top: 1.30vw; font-size: 6.25vw;}
    .complete a {margin-top: 7.81vw; width: 54.69vw; height: 13.02vw; border-radius: 26.04vw; font-size: 4.17vw;}
}

/* 나의 참여현황 */
.participation .par_header {display: flex; align-items: center; justify-content: center; gap: 20px; background: var(--color1); height: 89px; font-size: 24px; font-weight: 500; color: #fff;}
.participation .par_header img {width: 140px;}
.participation .container {padding: 80px 0 110px; width: 1400px; margin: 0 auto; min-height: 87.5vh;}
.participation .tab {display: flex; align-items: center; gap: 17px;}
.participation .tab li a {display: flex; align-items: center; justify-content: center; height: 62px; width: 185px; border-radius: 50px; border: 1px solid #ACACAC80; font-size: 22px; font-weight: 700; color: #8E8E8E; letter-spacing: -1px;}
.participation .tab li.on a {border-color: var(--color1); color: #fff; background: var(--color1);}
.participation .tit {margin-top: 52px;}
.participation .tit p {font-size: 16px; font-weight: 400; color: var(--color1);}
.participation .tit h2 {margin-top: 15px; font-size: 35px; font-weight: 700; color: #333;}
.participation .table_tit {margin-top: 40px; font-size: 24px; font-weight: 700; color: #333;}
.participation .table {margin-top: 25px; border-top: 2px solid #000;}
.participation .table .tr {display: flex; text-align: center; font-size: 16px;}
.participation .table .tr > div {display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #e5e5e5; padding: 0 10px; width: 15%;}
.participation .table .tr > div:nth-child(1) {width: 13%;}
.participation .table .tr > div:nth-child(3) {width: 42%;}
.participation .table .th {font-weight: 600; height: 70px;}
.participation .table .td {font-weight: 400; color: #454545; height: 64px;}
.participation .table .td.title {text-align: left; justify-content: flex-start;}
.participation .table .td.title .cont {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block;}
.participation .table .td .tit {display: none;}
.participation .table .td a {display: flex; align-items: center; justify-content: center; width: 146px; height: 39px; border-radius: 5px; background: #000; color: #fff; font-size: 16px; font-weight: 700;}
.participation .table .mob_tit {display: none;}
.participation .dp_paging_style {margin-top: 48px;}
.participation .dp_paging_style .paging{display:flex; justify-content: center; align-items: center; gap:24px}
.participation .dp_paging_style .paging a{position: relative; border-radius:50%; background-repeat: no-repeat !important; background-position:center !important;}
.participation .dp_paging_style .paging a:not(.page) {width:20px; height:20px;}
.participation .dp_paging_style .paging a.page{font-size:18px; font-weight:400; display:flex; justify-content: center; align-items: center; color:#999; line-height: 1.16;}
.participation .dp_paging_style .paging a.prev{background-image:url('/images/movcircle/prev_ic.svg'); background-size:20px; display:inline-block;}
.participation .dp_paging_style .paging a.next{background-image:url('/images/movcircle/next_ic.svg'); background-size:20px; display:inline-block;}
.participation .dp_paging_style .paging a.prevAll{background-image:url('/images/movcircle/prevAll_ic_st02.svg');}
.participation .dp_paging_style .paging a.nextAll{background-image:url('/images/movcircle/nextAll_ic_st02.svg');}
.participation .dp_paging_style .paging a.current {width: 37px;}
.participation .dp_paging_style .paging a.current,
.participation .dp_paging_style .paging a:hover{color:#fff;}
.participation .dp_paging_style .paging a.current::before,
.participation .dp_paging_style .paging a:hover::before {content: ""; width: 37px; height: 37px; border-radius: 100%; background: #403E3D; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -1;}
.participation .par_copy {text-align: center; padding: 20px 0; border-top: 1px solid #BEBEBE; font-size: 13px; font-weight: 400; color: #8E8E8E;}
.participation .empty{margin-top: 25px;}
/* empty */
.empty {text-align: center; padding: 194px 0 178px; border-top: 2px solid #000; border-bottom: 1px solid #E5E5E5;}
.empty img {width: 38px;}
.empty p {font-size: 20px; font-weight: 400; color: #999; margin-top: 28px;}

/* 나의 리워드 현황 */
.reward .state {margin-top: 40px; background: #BEBEBE1A; padding: 0 120px; height: 179px; display: flex; align-items: center; justify-content: space-between;}
.reward .state .left {display: flex; align-items: center; gap: 30px;}
.reward .state .left img {width: 65px;}
.reward .state .left .txt strong {display: block; font-size: 24px; font-weight: 700; color: #333;}
.reward .state .left .txt p {margin-top: 10px; font-size: 16px; font-weight: 400; color: #454545; letter-spacing: -.6px;}
.reward .state .right {display: flex; align-items: center; gap: 100px;}
.reward .state .right p {font-size: 18px; font-weight: 400; text-align: center;}
.reward .state .right strong {display: block; margin-top: 10px; font-size: 32px; font-weight: 600; text-align: center;}
.reward .state .right .line {width: 1px; display: block; height: 60px; background: #E8E8E8;}
.reward .table_tit {margin-top: 70px;}
.reward .table .tr > div {width: 20% !important;}
.reward .table .tr .td:nth-child(2) {font-weight: 700;}
.reward .table .tr > div:last-child {width: 60% !important; text-align: center; justify-content: center;}
.reward .table .m_title {display: none;}
.reward .table .td.plus {color: var(--color1);}
.reward .help_wrap {margin-top: 70px; display: flex;}
.reward .help{width: 50%;}
.reward .help .tit {font-size: 24px; font-weight: 700; color: #333; margin-top: 0 !important;}
.reward .help ul {margin-top: 25px;}
.reward .help ul li {position: relative; padding-left: 15px; font-size: 16px; font-weight: 400; color: #454545; letter-spacing: -.6px; line-height: 1.25;}
.reward .help ul li + li {margin-top: 5px;}
.reward .help ul li::before {content: ""; width: 5px; height: 5px; border-radius: 100%; background: #8E8E8E; position: absolute; top: 8px; left: 0;}
@media screen and (max-width:1440px){
    /* 나의 참여현황 */
    .participation .par_header {gap: 1.39vw; height: 4.18vw; font-size: 1.5vw;}
    .participation .par_header img {width: 8vw;}
    .participation .container {padding: 5.56vw 0 7.64vw; width: 93.06vw; min-height: 87.5vh;}
    .participation .tab {gap: 1.18vw;}
    .participation .tab li a {height: 4.31vw; width: 12.85vw; border-radius: 3.47vw; font-size: 1.53vw; letter-spacing: -0.07vw;}
    .participation .tit {margin-top: 3.61vw;}
    .participation .tit p {font-size: 1.11vw;}
    .participation .tit h2 {margin-top: 1.04vw; font-size: 2.43vw;}
    .participation .table_tit {margin-top: 2.78vw; font-size: 1.67vw;}
    .participation .table {margin-top: 1.74vw;}
    .participation .table .tr {font-size: 1.11vw;}
    .participation .table .tr > div {padding: 0 0.69vw;}
    .participation .table .th {height: 4.86vw;}
    .participation .table .td {height: 4.44vw;}
    .participation .table .td a {width: 10.14vw; height: 2.71vw; border-radius: 0.35vw; font-size: 1.11vw;}
    .participation .dp_paging_style {margin-top: 3.33vw;}
    .participation .dp_paging_style .paging{ gap:1.67vw}
    .participation .dp_paging_style .paging a:not(.page) {width:1.39vw; height:1.39vw;}
    .participation .dp_paging_style .paging a.page{font-size:1.25vw;}
    .participation .dp_paging_style .paging a.prev{background-size:1.39vw;}
    .participation .dp_paging_style .paging a.next{background-size:1.39vw;}
    .participation .dp_paging_style .paging a.current {width: 2.57vw;}
    .participation .dp_paging_style .paging a.current::before,
    .participation .dp_paging_style .paging a:hover::before {width: 2.57vw; height: 2.57vw;}
    .participation .par_copy {padding: 1.39vw 0; font-size: 0.90vw;}
	.participation .empty{margin-top: 1.74vw;}
    /* empty */
    .empty {padding: 13.47vw 0 12.36vw;}
    .empty img {width: 2.64vw;}
    .empty p {font-size: 1.39vw; margin-top: 1.94vw;}
    
    /* 나의 리워드 현황 */
    .reward .state {margin-top: 2.78vw; padding: 0 8.33vw; height: 12.43vw;}
    .reward .state .left {gap: 2.08vw;}
    .reward .state .left img {width: 4.51vw;}
    .reward .state .left .txt strong {font-size: 1.67vw;}
    .reward .state .left .txt p {margin-top: 0.69vw; font-size: 1.11vw; letter-spacing: -0.04vw;}
    .reward .state .right {gap: 6.94vw;}
    .reward .state .right p {font-size: 1.25vw;}
    .reward .state .right strong {margin-top: 0.69vw; font-size: 2.22vw;}
    .reward .state .right .line {height: 4.17vw;}
    .reward .table_tit {margin-top: 4.86vw;}
    .reward .help_wrap {margin-top: 4.86vw;}
    .reward .help .tit {font-size: 1.67vw;}
    .reward .help ul {margin-top: 1.74vw;}
    .reward .help ul li {padding-left: 1.04vw; font-size: 1.11vw; letter-spacing: -0.04vw;}
    .reward .help ul li + li {margin-top: 0.35vw;}
    .reward .help ul li::before {width: 0.35vw; height: 0.35vw; top: 0.56vw;}
}
@media screen and (max-width:768px){
    /* 나의 참여현황 */
    .participation .par_header {gap: 5.21vw; height: 19.27vw; font-size: 5.21vw;}
    .participation .par_header img {width: 19.27vw;}
    .participation .container {padding: 20.83vw 0 18.75vw; width: 93.75vw; min-height: auto;}
    .participation .tab {gap: 3.91vw;}
    .participation .tab li a {height: 13.02vw; width: auto; padding: 0 5.21vw; border-radius: 13.02vw; font-size: 4.17vw; letter-spacing: -0.16vw;}
    .participation .tit {margin-top: 13.54vw;}
    .participation .tit p {font-size: 4.17vw;}
    .participation .tit h2 {margin-top: 3.91vw; font-size: 7.81vw;}
    .participation .table_tit {margin-top: 10.42vw; font-size: 5.21vw;}
    .participation .table {margin-top: 6.51vw;}
    .participation .table .td.title,
    .participation .table .thead {display: none !important;}
    .participation .table .tr {display: none; font-size: 3.39vw; border-bottom: 0.13vw solid #E5E5E5; background: #F5F5F5; padding: 6.51vw 5.21vw;}
    .participation .table .tr > div {padding: 0; border: 0;}
    .participation .table .tr > div + div {margin-top: 3.91vw;}
    .participation .table .mob_tit {display: flex !important; align-items: center; justify-content: space-between; padding: 5.21vw 0; border-bottom: 0.13vw solid #E5E5E5;}
    .participation .table .mob_tit .tit {font-size: 4.17vw; font-weight: 700; color: #454545; letter-spacing: -0.10vw; width: 80%; margin-top: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .participation .table .mob_tit .arrow {transition: all .3s;}
    .participation .table .mob_tit .arrow img {width: 4.69vw;}
    .participation .table .mob_tit.on .arrow {transform: rotate(180deg);}
    .participation .table .td {height: auto; width: 100% !important; display: flex; align-items: baseline; gap: 3.91vw; justify-content: flex-start !important; text-align: left;}
    .participation .table .td .tit {width: 23.92vw; font-weight: 500; color: #000; display: block; margin-top: 0;}
    .participation .table .td .cont {width: calc(100% - 23.92px - 17.91vw);}
    .participation .table .td a {width: 30.08vw; height: 7.81vw; border-radius: 1.30vw; font-size: 3.13vw;}
    .participation .dp_paging_style {margin-top: 12.50vw;}
    .participation .dp_paging_style .paging{ gap:4.69vw}
    .participation .dp_paging_style .paging a:not(.page) {width:4.17vw; height:4.17vw;}
    .participation .dp_paging_style .paging a.page{font-size:3.65vw;}
    .participation .dp_paging_style .paging a.prev{background-size:4.17vw;}
    .participation .dp_paging_style .paging a.next{background-size:4.17vw;}
    .participation .dp_paging_style .paging a.current {width: 8.59vw;}
    .participation .dp_paging_style .paging a.current::before,
    .participation .dp_paging_style .paging a:hover::before {width: 8.59vw; height: 8.59vw;}
    .participation .par_copy {padding: 4.62vw 0; font-size: 3.13vw;}
	.participation .empty{margin-top: 6.51vw;}
    /* empty */
    .empty {padding: 35.94vw 0 32.94vw;}
    .empty img {width: 7.03vw;}
    .empty p {font-size: 3.65vw; margin-top: 5.21vw;}
    
    /* 나의 리워드 현황 */
    .reward .state {margin-top: 7.81vw; padding: 9.11vw 10.42vw 7.81vw; height: auto; flex-direction: column; align-items: flex-start; gap: 9.11vw;}
    .reward .state .left {gap: 6.51vw;}
    .reward .state .left img {width: 13.02vw;}
    .reward .state .left .txt strong {font-size: 4.69vw;}
    .reward .state .left .txt p {margin-top: 2.60vw; font-size: 3.65vw; letter-spacing: -0.16vw;}
    .reward .state .right {gap: 11.46vw;}
    .reward .state .right > div {min-width: max-content;}
    .reward .state .right p {font-size: 4.17vw;}
    .reward .state .right strong {margin-top: 2.60vw; font-size: 6.51vw;}
    .reward .state .right .line {height: 15.63vw;}
    .reward .table_tit {margin-top: 15.63vw;}
    .reward .item {padding: 5.21vw 0; border-bottom: 0.13vw solid #E3E3E3;}
    .reward .m_title {display: block !important; font-size: 4.17vw !important; font-weight: 700; color: #454545; letter-spacing: -0.10vw; line-height: 1.5;}
    .reward .tr {padding: 0 !important; margin-top: 2.60vw; display: flex !important; align-items: center; gap: 7.81vw; position: relative; border-bottom: 0 !important;}
    .reward .m_title,
    .reward .table .tr {background: transparent !important; font-size: 3.65vw;}
    .reward .table .tr .td {margin-top: 0 !important; position: relative; width: auto !important;}
    .reward .table .td + .td::before {content: ""; width: 0.13vw; height: 3.91vw; background: #E8E8E8; position: absolute; top: 50%; transform: translateY(-50%); left: -3.91vw;}
    .reward .table .tr .td:nth-child(2) {color: #000;}
    .reward .help_wrap {margin-top: 15.63vw; flex-direction: column; gap: 10.42vw;}
    .reward .help{width: 100%;}
    .reward .help .tit {font-size: 5.21vw;}
    .reward .help ul {margin-top: 5.21vw;}
    .reward .help ul li {padding-left: 3.39vw; font-size: 3.65vw; letter-spacing: -0.16vw;}
    .reward .help ul li + li {margin-top: 1.30vw;}
    .reward .help ul li::before {width: 1.30vw; height: 1.30vw; top: 1.82vw;}
}

/* 통계페이지 */
.statistics .ask_cont {padding: 50px !important;}
.statistics .askCont + .askCont {margin-top: 50px;}
.statistics .chart-wrapper {display: flex; justify-content: space-between;}
.statistics .chart-title {text-align: center; font-size: 22px; font-weight: 700; color: var(--color1); padding-bottom: 10px; border-bottom: 1px solid #BEBEBE; margin-bottom: 40px;}
.statistics .chart-cont {display: flex; align-items: flex-end; justify-content: space-between; width: 220px;}
/* .statistics .chart-cont .chart {width: 70px; height: 182px;}
.statistics .chart-cont canvas {width: 100% !important; height: 100% !important;} */
.statistics .chart-cont > div {width: calc(50% - 20px);}
.statistics .chart-cont .chart {padding: 0 10px;}
.statistics .chart-cont .weekChart {display: flex; align-items: flex-end; /* gap: 30px; */ height: 150px;}
.statistics .chart-cont .weekChart > div {width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end;}
.statistics .chart-cont .bar {width: 20px;}
.statistics .chart-cont .before .bar {background: var(--color1);}
.statistics .chart-cont .after {align-items: flex-end;}
.statistics .chart-cont .after .bar {background: var(--color2);}
.statistics .chart-cont .label {padding-right: 2px; margin-top: 12px; display: flex; justify-content: space-between; font-size: 16px; font-weight: 700; color: #606060;}
.statistics .chart-cont .data {margin-bottom: 8px; font-size: 16px; font-weight: 700; color: #BEBEBE; min-width: max-content; margin-right: -10px;}
.statistics .chart-cont .data.down {color: var(--color2);}
.statistics .chart-cont .data.up {color: var(--color1);}
.statistics .chart-cont .btn {font-size: 18px; font-weight: 700; letter-spacing: -1px; color: var(--color1); border-radius: 50px; display: flex; align-items: center; justify-content: center; width: 90px; height: 35px; border: 1px solid var(--color1); background: #fff; margin: 20px auto 0;}
.statistics .chartInfo {margin-top: 45px; display: flex; gap: 20px;}
.statistics .chartInfo .ct_item {width: calc(50% - 10px); border-radius: 30px; padding: 30px 40px; background: #FBF4EB; display: flex; align-items: flex-start; gap: 20px;}
.statistics .chartInfo .ct_item img {width: 40px;}
.statistics .chartInfo .ct_item p {width: calc(100% - 60px); font-size: 22px; font-weight: 500; line-height: 1.5;}
.statistics .chartInfo .ct_item p span {font-weight: 700; color: var(--color1);}
.statistics .chart_flex {display: flex; align-items: center; gap: 70px; justify-content: center;}
.statistics .chart_flex .chart02 {width: 400px;}
.statistics .chart_flex #Chart02 {margin: 0 auto; width: 100% !important; height: auto !important;}
.statistics .chart_flex .totalChart {width: 525px;}
.statistics .chart_flex #totalChart {width: 100% !important; height: 100% !important;}
.statistics .chart_flex.ai-end {align-items: flex-end;}
.statistics .totalCh_info {width: 571px;}
.statistics .totalCh_info .ct_item {display: flex; align-items: center; gap: 20px; padding: 40px 0; border-bottom: 1px solid #E7E7E7;}
.statistics .totalCh_info .ct_item:first-child {padding-top: 0;}
.statistics .totalCh_info .ct_item:last-child {padding-bottom: 0; border-bottom: 0;}
.statistics .totalCh_info .ct_item img {width: 40px;}
.statistics .totalCh_info .ct_item p {width: calc(100% - 60px); font-size: 22px; font-weight: 500; line-height: 1.45; word-break: keep-all;}
.statistics .totalCh_info .ct_item p strong {color: var(--color1); font-weight: 700;}
.statistics .totalCh_info .ct_item p span {font-weight: 500;}
.statistics .totalResult {background: var(--color1); padding: 60px 0 !important; text-align: center; margin-top: 0;}
.statistics .totalResult .tit {display: inline-flex; align-items: center; justify-content: center; height: 72px; border-radius: 50px; background: rgba(255,255,255,.2); padding: 0 50px; font-size: 22px; font-weight: 500; color: #fff;}
.statistics .totalResult .tit strong {font-weight: 700;}
.statistics .totalResult .txt {margin-top: 50px; position: relative;}
.statistics .totalResult .txt .icon {width: 80px;}
.statistics .totalResult .txt .bg {position: absolute; top: 80px; width: 700px; left: 50%; transform: translateX(-50%);}
.statistics .totalResult .txt h3 {margin-top: 30px; font-size: 35px; font-weight: 700; color: #fff; line-height: 1.2;}
.statistics .totalResult .txt p {margin-top: 30px; font-size: 28px; font-weight: 400; color: #fff; line-height: 1.4;}
.statistics .totalResult .txt p strong {font-weight: 700;}
.statistics .totalResult .desc01 {margin-top: 50px; font-size: 22px; font-weight: 500; color: #fff;}
.statistics .totalResult .desc02 {margin-top: 10px; font-size: 18px; font-weight: 500; opacity: .6; color: #fff;}
.statistics .btnCont {margin: 50px auto 0;}
.statistics .btnCont a.style02 {width: 228px; height: 50px; font-size: 18px;}
@media screen and (max-width: 1440px){
    /* 통계페이지 */
    .statistics .ask_cont {padding: 3.47vw !important;}
    .statistics .askCont + .askCont {margin-top: 3.47vw;}
    .statistics .chart-title {font-size: 1.53vw; padding-bottom: 0.69vw; margin-bottom: 2.78vw;}
    .statistics .chart-cont {width: 15.28vw;}
    .statistics .chart-cont > div {width: calc(50% - 1.39vw);}
    .statistics .chart-cont .chart {padding: 0 0.69vw;}
    .statistics .chart-cont .weekChart {height: 10.42vw;}
    .statistics .chart-cont .bar {width: 1.39vw;}
    .statistics .chart-cont .label {padding-right: 0.14vw; margin-top: 0.83vw; font-size: 1.11vw;}
    .statistics .chart-cont .data {margin-bottom: 0.56vw; font-size: 1.11vw; margin-right: -0.69vw;}
    .statistics .chart-cont .btn {font-size: 1.25vw; letter-spacing: -0.07vw; border-radius: 3.47vw; width: 6.25vw; height: 2.43vw; margin: 1.39vw auto 0;}
    .statistics .chartInfo {margin-top: 3.13vw; gap: 1.39vw;}
    .statistics .chartInfo .ct_item {width: calc(50% - 0.69vw); border-radius: 2.08vw; padding: 2.08vw 2.78vw; gap: 1.39vw;}
    .statistics .chartInfo .ct_item img {width: 2.78vw;}
    .statistics .chartInfo .ct_item p {width: calc(100% - 4.17vw); font-size: 1.53vw;}
    .statistics .chart_flex {gap: 4.86vw;}
    .statistics .chart_flex .chart02 {width: 27.78vw;}
    .statistics .chart_flex .totalChart {width: 36.46vw;}
    .statistics .totalCh_info {width: 39.65vw;}
    .statistics .totalCh_info .ct_item {gap: 1.39vw; padding: 2.78vw 0;}
    .statistics .totalCh_info .ct_item img {width: 2.78vw;}
    .statistics .totalCh_info .ct_item p {width: calc(100% - 4.17vw); font-size: 1.53vw;}
    .statistics .totalCh_info .ct_item p br {display: none;}
    .statistics .totalResult {padding: 4.17vw 0 !important;}
    .statistics .totalResult .tit {height: 5.00vw; border-radius: 3.47vw; padding: 0 3.47vw; font-size: 1.53vw;}
    .statistics .totalResult .txt {margin-top: 3.47vw;}
    .statistics .totalResult .txt .icon {width: 5.56vw;}
    .statistics .totalResult .txt .bg {top: 5.56vw; width: 48.61vw;}
    .statistics .totalResult .txt h3 {margin-top: 2.08vw; font-size: 2.43vw;}
    .statistics .totalResult .txt p {margin-top: 2.08vw; font-size: 1.94vw;}
    .statistics .totalResult .desc01 {margin-top: 3.47vw; font-size: 1.53vw;}
    .statistics .totalResult .desc02 {margin-top: 0.69vw; font-size: 1.25vw;}
    .statistics .btnCont {margin: 3.47vw auto 0;}
    .statistics .btnCont a.style02 {width: 15.83vw; height: 3.47vw; font-size: 1.25vw;}
}
@media screen and (max-width: 768px){
    /* 통계페이지 */
    .statistics .ask_cont {padding: 7.81vw 3.91vw !important;}
    .statistics .askCont + .askCont {margin-top: 9.24vw;}
    .statistics .chart-wrapper {flex-direction: column; gap: 9.11vw;}
    .statistics .chart-title {font-size: 4.04vw; padding-bottom: 1.82vw; margin-bottom: 7.42vw;}
    .statistics .chart-cont {width: 100%; justify-content: center; gap: 15.63vw;}
    .statistics .chart-cont > div {width: 19.53vw;}
    .statistics .chart-cont .chart {padding: 0 1.82vw;}
    .statistics .chart-cont .weekChart {height: 27.86vw;}
    .statistics .chart-cont .bar {width: 3.65vw;}
    .statistics .chart-cont .label {padding-right: 0.39vw; margin-top: 2.21vw; font-size: 2.99vw;}
    .statistics .chart-cont .data {margin-bottom: 1.43vw; font-size: 2.99vw; margin-right: -1.82vw;}
    .statistics .chart-cont .btn {font-size: 3.39vw; letter-spacing: -0.13vw; border-radius: 9.24vw; width: 16.67vw; height: 6.51vw; margin: 3.65vw auto 0;}
    .statistics .chartInfo {margin-top: 8.42vw; gap: 2.60vw; flex-direction: column;}
    .statistics .chartInfo .ct_item {width: 100%; border-radius: 3.91vw; padding: 3.91vw; gap: 2.60vw;}
    .statistics .chartInfo .ct_item img {width: 7.16vw;}
    .statistics .chartInfo .ct_item p {width: 100%; font-size: 3.26vw;}
    .statistics .ask_tit02 {height: 17.8vw; line-height: 1.3;}
    .statistics .chart_flex {gap: 8.42vw; flex-direction: column;}
    .statistics .chart_flex .chart02 {width: 100%;}
    .statistics .chart_flex .totalChart {width: 100%;}
    .statistics .totalCh_info {width: 100%;}
    .statistics .totalCh_info .ct_item {gap: 2.60vw; padding: 3.91vw 0;}
    .statistics .totalCh_info .ct_item img {width: 6.77vw;}
    .statistics .totalCh_info .ct_item p {width: calc(100% - 9.38vw); font-size: 3.65vw;}
    .statistics .totalCh_info .ct_item p br {display: none;}
    .statistics .totalResult {padding: 7.81vw 3.91vw !important;}
    .statistics .totalResult .tit {height: auto; border-radius: 9.24vw; padding: 3.26vw 7.81vw 2.99vw; font-size: 4.17vw; display: inline-block; line-height: 1.25;}
    .statistics .totalResult .txt {margin-top: 7.81vw;}
    .statistics .totalResult .txt .icon {width: 13.02vw;}
    .statistics .totalResult .txt .bg {top: 13.02vw; width: 100%;}
    .statistics .totalResult .txt h3 {margin-top: 3.91vw; font-size: 6.21vw;}
    .statistics .totalResult .txt p {margin-top: 3.91vw; font-size: 4.69vw;}
    .statistics .totalResult .desc01 {margin-top: 5.21vw; font-size: 3.39vw;}
    .statistics .totalResult .desc02 {margin-top: 1.30vw; font-size: 3.13vw;}
    .statistics .btnCont {margin: 7.81vw auto 0;}
    .statistics .btnCont a.style02 {width: 54.69vw; height: 13.02vw; font-size: 4.17vw;}
}






/* ********** PERSONAL AROMA THERAPY ********** */
/* login */
.login .bg {top: 150px;}
.login .survey {text-align: center; padding: 130px 0;}
.login .survey h2 {font-size: 28px; font-weight: 600; color: #000;}
.login .survey input {margin: 30px auto 0; width: 400px; height: 50px; border: 1px solid #E7E7E7; border-radius: 5px; text-align: center; font-size: 18px; font-weight: 400; color: #000;}
.login .survey a {display: flex; align-items: center; justify-content: center; width: 400px; height: 57px; border-radius: 5px; background: var(--color1); color: #fff; font-size: 18px; font-weight: 600; margin: 20px auto 0;}
@media screen and (max-width: 1440px){
    .login .bg {top: 10.42vw;}
    .login .survey {padding: 9.03vw 0;}
    .login .survey h2 {font-size: 1.94vw;}
    .login .survey input {margin: 2.08vw auto 0; width: 27.78vw; height: 3.47vw; border-radius: 0.35vw; font-size: 1.25vw;}
    .login .survey a {width: 27.78vw; height: 3.96vw; border-radius: 0.35vw; font-size: 1.25vw; margin: 1.39vw auto 0;}
}
@media screen and (max-width: 768px){
    .login {min-height: 100vh;}
    .login .bg {top: 39.58vw;}
    .login .survey {padding: 9.11vw 6.51vw;}
    .login .survey h2 {font-size: 4.17vw;}
    .login .survey input {margin: 5.73vw auto 0; width: 100%; height: 11.72vw; border-radius: 1.30vw; font-size: 3.13vw;}
    .login .survey a {width: 100%; height: 13.28vw; border-radius: 1.30vw; font-size: 3.65vw; margin: 7.81vw auto 0;}
}
/* result */
.result .sec01 {display: flex; align-items: center; gap: 100px;}
.result .sec01 .img img {width: 400px;}
.result .sec01 .info {width: calc(100% - 500px);}
.result .sec01 .logo {width: 50px;}
.result .sec01 .subTit {margin-top: 30px;}
.result .sec01 .subTit strong {display: block; font-size: 18px; font-weight: 700; color: #6D6D6D;}
.result .sec01 .subTit p {margin-bottom: 10px; font-size: 20px; font-weight: 500; color: #6D6D6D;}
.result .sec01 .mainTit {margin-top: 40px;}
.result .sec01 .mainTit strong {display: block; font-size: 44px; font-weight: 700; color: var(--color1);}
.result .sec01 .mainTit p {margin-top: 15px; font-size: 32px; font-weight: 500; color: var(--color2);}
.result .sec01 .txt {margin-top: 60px;}
.result .sec01 .txt img {width: 21.85px;}
.result .sec01 .txt p {margin-top: 20px; font-size: 24px; font-weight: 500; color: #6D6D6D; line-height: 1.3;}
.result .flex {display: flex; gap: 40px;}
.result .flex .survey {width: calc(50% - 20px); padding: 50px 45px; position: relative;}
.result .flex .survey::after {content: ""; width: 100%; height: 100%; border: 3px solid var(--color1); position: absolute; top: 0; left: 0; border-radius: 40px;}
.result .flex .img {position: absolute; top: 50px; right: 45px;}
.result .flex .img img {width: 50px;}
.result .sec02 ul {position: relative; z-index: 2;}
.result .sec02 ul li + li {margin-top: 40px;}
.result .sec02 ul h3 {font-size: 24px; font-weight: 700; color: var(--color1); line-height: 1.3;}
.result .sec02 ul p {margin-top: 10px; font-size: 22px; font-weight: 400; color: #6D6D6D; line-height: 1.36; word-break: keep-all;}
.result .sec02 ul p strong {font-weight: 600;}
.result .sec02 ul li .list strong{color: var(--color1);}
.result .sec02 ul li .list p{position: relative; padding-left: 22px;}
.result .sec02 ul li .list p::before{content: ''; display: block; width: 14px; height: 11px; background: url(/images/movcircle/res_check.svg) no-repeat center / contain; position: absolute; left: 0; top: 8px;}
.result .sec02 ul li .cu_list p{color: var(--color1);}
.result .sec02 ul li .cu_list p + p{margin-top: 0 !important;}
.result .sec03 > div {position: relative; z-index: 1;}
.result .sec03 h3 {font-size: 24px; font-weight: 700; line-height: 1.3;}
.result .sec03 .s_txt{margin-top: 10px; font-size: 20px; font-weight: 500; color: #6D6D6D; line-height: 1.4; word-break: keep-all;}
.result .sec03 .graph {margin-top: 40px; display: flex; align-items: flex-end; justify-content: space-around;}
.result .sec03 .graph .item {text-align: center; color: #8E8E8E;}
.result .sec03 .graph .percent,
.result .sec03 .graph .name {font-size: 16px; font-weight: 700;}
.result .sec03 .graph .bar {width: 50px; margin: 8px auto 12px; position: relative; background: #8E8E8E; opacity: .4;}
/* .result .sec03 .graph .item:nth-of-type(1) .bar {height: 150px;}
.result .sec03 .graph .item:nth-of-type(2) .bar {height: 70px;}
.result .sec03 .graph .item:nth-of-type(3) .bar {height: 90px;} */
.result .sec03 .graph .item.active {color: var(--color1);}
.result .sec03 .graph .item.active .bar {background: var(--color1); opacity: 1;}
.result .sec03 .btnCont {margin-top: 40px;}
.result .sec03 .btnCont a {display: flex; align-items: center; justify-content: center; width: 100%; height: 70px; border: 1px solid var(--color1); font-size: 20px; font-weight: 600; border-radius: 100px;}
.result .sec03 .btnCont a.style01 {color: var(--color1); background: #fff;}
.result .sec03 .btnCont a.style02 {background: var(--color1); color: #fff;}
.result .sec03 .btnCont a + a {margin-top: 15px;}
@media screen and (max-width: 1440px){
    .result .sec01 {gap: 6.94vw;}
    .result .sec01 .img img {width: 27.78vw;}
    .result .sec01 .info {width: calc(100% - 34.72vw);}
    .result .sec01 .logo {width: 3.47vw;}
    .result .sec01 .subTit {margin-top: 2.08vw;}
    .result .sec01 .subTit strong {font-size: 1.25vw;}
    .result .sec01 .subTit p {margin-bottom: 0.69vw; font-size: 1.39vw;}
    .result .sec01 .mainTit {margin-top: 2.78vw;}
    .result .sec01 .mainTit strong {font-size: 3.06vw;}
    .result .sec01 .mainTit p {margin-top: 1.04vw; font-size: 2.22vw;}
    .result .sec01 .txt {margin-top: 4.17vw;}
    .result .sec01 .txt img {width: 1.52vw;}
    .result .sec01 .txt p {margin-top: 1.39vw; font-size: 1.67vw;}
    .result .flex {gap: 2.78vw;}
    .result .flex .survey {width: calc(50% - 1.39vw); padding: 3.47vw 3.13vw;}
    .result .flex .survey::after {border-radius: 2.78vw;}
    .result .flex .img {top: 3.47vw; right: 3.13vw;}
    .result .flex .img img {width: 3.47vw;}
    .result .sec02 ul li + li {margin-top: 2.78vw;}
    .result .sec02 ul h3 {font-size: 1.67vw;}
    .result .sec02 ul p {margin-top: 0.69vw; font-size: 1.53vw;}
	.result .sec02 ul li .list p{padding-left: 1.53vw;}
	.result .sec02 ul li .list p::before{width: 0.97vw; height: 0.76vw; top: 0.56vw;}
    .result .sec03 h3 {font-size: 1.67vw;}
	.result .sec03 .s_txt{margin-top: 0.69vw; font-size: 1.39vw;}
    .result .sec03 .graph {margin-top: 2.78vw;}
    .result .sec03 .graph .percent,
    .result .sec03 .graph .name {font-size: 1.11vw;}
    .result .sec03 .graph .bar {width: 3.47vw; margin: 0.56vw auto 0.83vw;}
    /* .result .sec03 .graph .item:nth-of-type(1) .bar {height: 10.42vw;}
    .result .sec03 .graph .item:nth-of-type(2) .bar {height: 4.86vw;}
    .result .sec03 .graph .item:nth-of-type(3) .bar {height: 6.25vw;} */
    .result .sec03 .btnCont {margin-top: 2.78vw;}
    .result .sec03 .btnCont a {height: 4.86vw; font-size: 1.39vw; border-radius: 6.94vw;}
    .result .sec03 .btnCont a + a {margin-top: 1.04vw;}
}
@media screen and (max-width: 768px){
    .result .sec01 {gap: 7.81vw; flex-direction: column;}
    .result .sec01 .img,
    .result .sec01 .img img {width: 100%;}
    .result .sec01 .info {width: 100%;}
    .result .sec01 .logo {width: 9.77vw;}
    .result .sec01 .subTit {margin-top: 5.21vw;}
    .result .sec01 .subTit strong {font-size: 3.26vw;}
    .result .sec01 .subTit p {margin-bottom: 1.69vw; font-size: 3.65vw;}
    .result .sec01 .mainTit {margin-top: 7.81vw;}
    .result .sec01 .mainTit strong {font-size: 6.25vw;}
    .result .sec01 .mainTit p {margin-top: 1.30vw; font-size: 5.21vw;}
    .result .sec01 .txt {margin-top: 10.42vw;}
    .result .sec01 .txt img {width: 4.95vw;}
    .result .sec01 .txt p {margin-top: 3.91vw; font-size: 4.17vw;}
    .result .flex {gap: 0; flex-direction: column;}
    .result .flex .survey {width: 100%; padding: 9.11vw 6.51vw; margin-top: 13.02vw;}
    .result .flex .survey::after {border-radius: 7.81vw;}
    .result .flex .img {top: auto; right: auto; position: relative; margin-bottom: 5.21vw;}
    .result .flex .img img {width: 9.77vw;} 
    .result .sec02 ul li + li {margin-top: 7.81vw;}
    .result .sec02 ul h3 {font-size: 4.30vw;}
    .result .sec02 ul p {margin-top: 2.60vw; font-size: 3.65vw;}
	.result .sec02 ul li .list p{padding-left: 3.65vw;}
	.result .sec02 ul li .list p::before{width: 2.22vw; height: 1.83vw; top: 1.34vw;}
    .result .sec03 h3 {font-size: 4.17vw;}
	.result .sec03 .s_txt{margin-top: 1.69vw; font-size: 3.65vw;}
    .result .sec03 .graph {margin-top: 10.42vw;}
    .result .sec03 .graph .percent,
    .result .sec03 .graph .name {font-size: 3.65vw;}
    .result .sec03 .graph .bar {width: 11.33vw; margin: 2.34vw auto 3.26vw;}
    /* .result .sec03 .graph .item:nth-of-type(1) .bar {height: 33.85vw;}
    .result .sec03 .graph .item:nth-of-type(2) .bar {height: 15.63vw;}
    .result .sec03 .graph .item:nth-of-type(3) .bar {height: 20.18vw;} */
    .result .sec03 .btnCont {margin-top: 10.42vw;}
    .result .sec03 .btnCont a {height: 13.28vw; font-size: 3.65vw; border-radius: 13.02vw;}
    .result .sec03 .btnCont a + a {margin-top: 2.60vw;}
}