@charset "UTF-8";

:root {
	font-family: Pretendard, "Noto Sans KR", sans-serif;

    line-height: 1;
	
	--main-color : #11664F;
	--point-color: #1FD7A6;
	--gray : #B5B5B5;
	--black : #000;
	--black2 : #363636;
	--black3 : #2A2A2A;
	--white : #fff;
}

.vSwiper {
	height: 290px;
	overflow : hidden;
}

.swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar {width: 50%; height: 7px;}

.tab-content .swiper-button-next, .tab-content .swiper-button-prev {color: #1C735B;}
.progress-section .swiper-button-next, .progress-section .swiper-button-prev {color: #1C735B;}

.applyList{ border-top: 4px solid #FFFFFF; border-bottom: 4px solid #FFFFFF; margin-top: 40px; overflow: hidden; }
.applyList.applyList-dark{ border-top: 4px solid #323232; border-bottom: 4px solid #323232; margin-top: 40px; overflow: hidden; }
.applyList > ul > li{ padding: 16.5px 20px; display: flex; text-align: center; border-bottom: 1px solid #FFFFFF; }
.applyList.applyList-dark > ul > li{ padding: 15px 20px; display: flex; text-align: center; border-bottom: 1px solid #323232; }
.applyList > ul > li > div{ font-size: 15px; font-weight: 300; line-height: 128%; letter-spacing: -0.9px; color: #FFFFFF; }
.applyList.applyList-dark > ul > li > div{ font-size: 18px; font-weight: 300; line-height: 150%; letter-spacing: -0.9px; color: #323232; }
.applyList > ul > li > div.date{ width: 100px; flex-shrink: 0; white-space: nowrap; /* 텍스트를 한 줄로 표시 */ overflow: hidden; /* 넘치는 내용 숨김 */ text-overflow: ellipsis; /* 말줄임표 표시 */ }
.applyList > ul > li > div.name{ width: 100px; flex-shrink: 0; white-space: nowrap; /* 텍스트를 한 줄로 표시 */ overflow: hidden; /* 넘치는 내용 숨김 */ text-overflow: ellipsis; /* 말줄임표 표시 */ }
.applyList > ul > li > div.cate{ flex-grow: 1; white-space: nowrap; /* 텍스트를 한 줄로 표시 */ overflow: hidden; /* 넘치는 내용 숨김 */ text-overflow: ellipsis; /* 말줄임표 표시 */ }
.applyList > ul > li > div.labelWrap{ flex-shrink: 0; font-weight: 600; }
.applyList > ul > li > .labelWrap label{ color: #7A7A7A; padding: 5px 16px; background-color: #F6F6F6; border: 1px solid #A2A2A2; border-radius: 20px; margin: 0 20px; }
.applyList > ul > li > .labelWrap label.active{ background: #04CF98; color: #FFFFFF; border-color: #04CF98; }

@media screen and (max-width: 900px) { 
	/* .applyList{ max-width: 400px; width: 90%; margin: 20px auto 0; } */
}
@media screen and (max-width: 768px) { 
    .vSwiper {
        height: 55px;
    }

	.applyList{ width: 100%; margin: 0 auto; border-top: 2px solid #ffffff; border-bottom: 0; background: #00000080;}
	.applyList > ul > li { padding: 16.5px 8px; }
	.applyList > ul > li > div{ font-size: 14px; }
	.applyList > ul > li > div.date{ width: 75px; }
	.applyList > ul > li > div.name{ width: 75px; }
	.applyList > ul > li > .labelWrap label{ padding: 3.5px 14.5px; margin: 0 3px; }
}

.mainTitle { margin-bottom: 78px; }
.slideContainer .reviewSlide{ margin-top: 84px; }
.slideContainer .reviewSlide .swiper-wrapper{ transition-timing-function: linear; }
.slideContainer .reviewSlide .swiper-slide{ padding: 5px; width: auto !important; height: auto !important; }
.slideContainer .reviewSlide .item{ background-color: #fff; padding: 35px 30px; border-radius: 20px; box-shadow: 2px 2px 15px 3px rgba(0, 0, 0, 0.10); width: 320px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.slideContainer .reviewSlide .item .content::before{ content:''; display: block; width: 20px; height: 20px; background-image: url('/assets/images/main/quotes.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-bottom: 19px;  }
.slideContainer .reviewSlide .item .content{ color: #282828; font-size: 15px; font-weight: 400; line-height: 156%; letter-spacing: -0.7px; } 
.slideContainer .reviewSlide .item .content b.point{ font-weight: 700; }
.slideContainer .reviewSlide .item .profileBox{ margin-top: 13px; display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.slideContainer .reviewSlide .item .profileBox .imgBox{ width: 40px; height: 40px; background-color: #dfdfdf; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 50%; }
.slideContainer .reviewSlide .item .profileBox .imgBox.profile01{ background-image: url('/assets/images/main/profile01.png'); }
.slideContainer .reviewSlide .item .profileBox .imgBox.profile02{ background-image: url('/assets/images/main/profile02.png'); }
.slideContainer .reviewSlide .item .profileBox .imgBox.profile03{ background-image: url('/assets/images/main/profile03.png'); }
.slideContainer .reviewSlide .item .profileBox .imgBox.profile04{ background-image: url('/assets/images/main/profile04.png'); }
.slideContainer .reviewSlide .item .profileBox .imgBox.profile05{ background-image: url('/assets/images/main/profile05.png'); }
.slideContainer .reviewSlide .item .profileBox .imgBox.profile06{ background-image: url('/assets/images/main/profile06.png'); }
.slideContainer .reviewSlide .item .profileBox .imgBox.profile07{ background-image: url('/assets/images/main/profile07.png'); }
.slideContainer .reviewSlide .item .profileBox .txt{ color: #CFCFCF; font-size: 16px; font-weight: 700; line-height: 156%; letter-spacing: -0.8px; }
@media screen and (max-width: 1250px) { 
	.starBox .star{ width: 100%; max-width: 250px; }
}
@media screen and (max-width: 650px) { 
	.slideContainer .reviewSlide { margin-top: 42px; }
}


 .selfcheck {display: flex; justify-content: center; align-items: center; width: 467px; height: 658px; border-radius: 30px; background-color: var(--white); border: 7px solid var(--main-color); box-shadow: 2px 2px 6.5px rgba(0, 0, 0, 0.10), 5px 2px 12.2px rgba(0, 0, 0, 0.25), 38px 45px 80.8px rgba(0, 0, 0, 0.20);}
 .selfcheck .self_cont .self_card {width: 331px; height: 526px; margin-top: 26px;}
 .selfcheck .self_cont .self_card.card01 {width: 331px; height: 551px; margin-top: 0;}
 .selfcheck .self_cont .card_inner {width: 100%; height: 100%;}
 .selfcheck .self_cont .card_cont {display: flex; flex-direction: column; width: 100%; height: 100%;}
 .selfcheck .self_end {display: none;}
 .card_cont .input_wrap input:placeholder {color: #E3E3E3;}
 .card_cont .input_wrap input::-webkit-input-placeholder {color: #E3E3E3;}
 .card_cont .input_wrap input::-ms-input-placeholder {color: #E3E3E3;}
 .card_cont .input_wrap input::-webkit-input-placeholder {color: #E3E3E3;}
 .card_cont .input_wrap input::-ms-input-placeholder {color: #E3E3E3;}
 .self_cont .card_cont .card_tit {color: var(--black3); text-align: center; font-size: 32px; font-weight: 700; line-height: 35px; letter-spacing: -1.8px; margin-bottom: 15px;}
 .self_cont .card_cont .card_tit.textarea_tit {margin-bottom: 89px;}
 .self_card .card_cont .card_subtit {min-height: 19px; color: #373535; font-size: 24px; font-weight: 700; line-height: 35px; letter-spacing: -1.2px; text-align: left; margin-bottom: 5px;}
 .self_card.card01 .card_cont .card_subtit {min-height: auto; color: var(--black2); text-align: center; font-size: 20px; font-weight: 600; letter-spacing: -1px; text-align: center; margin-bottom: 9px; }
 .self_cont .card_cont .item {position: relative; height: 40px; line-height: 40px; margin-bottom: 7px;}
 .self_cont .card_cont .item label:not(.ico) {display: inline-block; width: 100%; height: 100%; color: var(--black2); font-size: 20px; font-weight: 400; line-height: 40px; letter-spacing: -1px; cursor: pointer; border-bottom: 1px solid #E4E4E4;}
 .self_cont .card_cont .item:last-child {margin-bottom: 15px;}
 .self_cont .card_cont .item:last-child label:not(.ico) {border-bottom: 0;}
 .self_cont .card_cont .item.on label:not(.ico) {color: var(--main-color); font-weight: 800;}
 .self_cont .card_cont .item input {position: absolute; right: 30px; top: 15px; overflow: hidden; display: none;}
 .self_cont .card_cont .item .ico {position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 27px; height: 27px; margin-top: 2px; background: url('/assets/images/main/self_radio_ico.png') no-repeat center / contain; cursor: pointer; background-size: contain; border-bottom: 0;}
 .self_cont .card_cont .item input:checked + .ico {background: url('/assets/images/main/self_radio_on_ico.png') no-repeat center / contain;}
 .self_cont .card_cont span {display: block; color: var(--black2); font-size: 15px; font-weight: 300; line-height: 35px; letter-spacing: -0.75px; margin-top: -5px; margin-bottom: 11px;}
 .self_cont .card_cont .input_wrap {width: 100%; padding-bottom: 8px; border-bottom: 1px solid #DBDBDB;}
 .self_cont .card_cont .input_wrap input {color: var(--black2); font-size: 18px; font-weight: 500; line-height: 140%; letter-spacing: -0.9px; border: none; outline: none; padding: 0;}
 .self_cont .card_cont .item_wrap {margin: auto 0;}
 .self_cont .card_cont .textarea_wrap {width: 100%; height: 259px; padding: 18px 10px 18px 16px; border-radius: 10px; border: 1px solid #DBDBDB;}
 .self_cont .card_cont textarea {width: 100%; height: 100%; color: var(--black2); font-family: 'Pretendard'; font-size: 18px; font-weight: 500; line-height: 140%; letter-spacing: -0.9px; resize: none; outline: none; border: none;}
 .self_cont .card_cont textarea:placeholder {color: #E3E3E3;}
 .self_cont .card_cont textarea::-webkit-input-placeholder {color: #E3E3E3;}
 .self_cont .card_cont textarea::-ms-input-placeholder {color: #E3E3E3;}
 .self_cont .card_cont textarea::-webkit-input-placeholder {color: #E3E3E3;}
 .self_cont .card_cont textareat::-ms-input-placeholder {color: #E3E3E3;}
 .self_cont .card_cont textarea::-webkit-scrollbar {width: 3px;}
 .self_cont .card_cont textarea::-webkit-scrollbar-thumb {}
 .self_cont .card_cont textarea::-webkit-scrollbar-track {border-radius: 329px; background-color: #E7E7E7;}
 .self_cont .card_cont .btn_wrap {display: flex; justify-content: space-between; margin-top: auto;}
 .self_cont .card_cont .btn_wrap .start_btn {display: flex; justify-content: center; align-items: center; width: 100%; height: 52px; color: var(--white); font-size: 22px; font-weight: 700; letter-spacing: -1.1px; border-radius: 15px; background: var(--black3);}
 .self_cont .card_cont .btn_wrap .prev_btn, .self_cont .card_cont .btn_wrap .next_btn {position: relative; display: flex; justify-content: center; align-items: center; gap: 5px; width: 118px; height: 44px; padding: 9px 20px; color: var(--white); font-size: 20px; font-weight: 500; letter-spacing: -1px; padding: 0; border-radius: 100px;}
 .self_cont .card_cont .btn_wrap .prev_btn {padding-right: 12px; color: var(--gray); background: #EFEFEF;}
 .self_cont .card_cont .btn_wrap .prev_btn:hover {color: var(--white); background: var(--main-color);}
 .self_cont .card_cont .btn_wrap .next_btn {padding-left: 12px; background: var(--main-color);}
 .self_cont .card_cont .btn_wrap .prev_btn:before, .self_cont .card_cont .btn_wrap .next_btn:after {content: ''; position: relative; width: 29px; height: 29px; background-repeat: no-repeat; background-size: contain; transition: all 0.3s;}
 .self_cont .card_cont .btn_wrap .prev_btn:before {background-image: url('/assets/images/main/self_btn_left.svg');}
 .self_cont .card_cont .btn_wrap .prev_btn:hover:before {background-image: url('/assets/images/main/self_btn_left_on.svg');}
 .self_cont .card_cont .btn_wrap .next_btn:after {background-image: url('/assets/images/main/self_btn_right_on.svg');}
 .card_end {width: 339px; height: 480px; margin-bottom: 30px;}
 .card_end .card_inner {width: 100%; height: 100%;}
 .card_end .card_cont {display: flex; flex-direction: column; align-items: center;} 
 .card_end .card_logo {margin-bottom: 37px;}
 .card_end .card_tit {color: var(--black2); text-align: center; font-size: 26px; font-weight: 700; line-height: 36px; letter-spacing: -1.3px; margin-bottom: 64px;}
 .card_end .card_tit span {color: var(--main-color); font-weight: 900;}
 .card_end form {width: 100%; height: 100%;}
 .card_end form .input_wrap {display: flex; justify-content: space-between; align-items: center; gap: 22px; width: 100%; padding-bottom: 7px; margin-bottom: 74px; border-bottom: 1px solid #DBDBDB;}
 .card_end form .input_wrap label {flex: none; color: var(--black2); font-size: 20px; font-weight: 500; letter-spacing: -1px;}
 .card_end form .input_wrap input {color: var(--black2); font-family: 'Pretendard'; font-size: 18px; font-weight: 500; letter-spacing: -0.9px; padding: 0; border: none; outline: none;}
 .card_end form .submit_btn {display: flex; justify-content: center; align-items: center; width: 100%; height: 52px; color: #F4EFEA; font-size: 22px; font-weight: 700; letter-spacing: -1.1px; border-radius: 15px; background: var(--main-color); cursor: pointer;}


@media screen and (max-width: 576px){
    .selfcheck_wrap {width: 100%;}
    .selfcheck {max-height: 493px; width: 100%; height: 123.25vw;}
    .selfcheck .self_cont .self_card {max-width: 248px; max-height: 400px; width: 62.00vw; height: 100.00vw;}
    .selfcheck .self_cont .self_card.card01 {max-width: 278px; max-height: 430px; width: 69.50vw; height: 107.50vw; margin-top: 0;}
    .self_cont .card_cont .card_tit {font-size: 24px; line-height: 28px; letter-spacing: -1.3px; }
    .self_cont .self_card:not(.card01) .card_cont .card_tit {margin-bottom: 51px;}
    .self_cont .self_card:not(.card01) .card_cont .card_tit.textarea_tit {margin-bottom: 27px;}
    .self_card .card_cont .card_subtit {min-height: 0; font-size: 19px; letter-spacing: -0.95px; margin-bottom: 1px;}
    .self_card.card01 .card_cont .card_subtit {font-size: 16px; line-height: normal; letter-spacing: -0.8px; margin-bottom: 9px;}
    .self_cont .card_cont span {font-size: 14px; letter-spacing: -0.7px; margin-top: -2px; margin-bottom: 16px;}
    .self_cont .card_cont .input_wrap {padding-bottom: 11px;}
    .self_cont .card_cont .input_wrap input {font-size: 16px; letter-spacing: -0.8px;}
    .self_cont .card_cont .item_wrap {max-width: 248px; width: 100%; margin: auto;}
    .self_cont .card_cont .item {height: 35px; line-height: 35px; margin-bottom: 0;}
    .self_cont .card_cont .item label:not(.ico) {font-size: 18px; line-height: 35px; letter-spacing: -0.8px;}
    .self_cont .card_cont .item .ico {width: 24px; height: 24px;}
    .self_cont .card_cont .textarea_wrap {max-height: 227px; height: 56.75vw; padding: 14px 9px 14px 16px;}
    .self_cont .card_cont .btn_wrap .start_btn {height: 39px; font-size: 20px; letter-spacing: -1px; border-radius: 10px;}
    .self_cont .card_cont .btn_wrap .prev_btn, .self_cont .card_cont .btn_wrap .next_btn {gap: 0; width: 76px; height: 28px; font-size: 15px; letter-spacing: -0.75px; border-radius: 20px;}
    .self_cont .card_cont .btn_wrap .prev_btn:before, .self_cont .card_cont .btn_wrap .next_btn:after {width: 24px; height: 24px;}
    .card_end {max-width: 267px; width: 100%; height: auto; margin-bottom: -25px;}
    .card_end .card_logo {margin-bottom: 22px;}
    .card_end .card_tit {font-size: 20px; line-height: 28px; letter-spacing: -1px; margin-bottom: 40px;}
    .card_end form .input_wrap {gap: 19px; padding-bottom: 13px; margin-bottom: 64px;}
    .card_end form .input_wrap label {font-size: 16px; line-height: 140%; letter-spacing: -0.8px;}
    .card_end form .input_wrap input {font-size: 14px; line-height: 140%; letter-spacing: -0.7px;}
    .card_end form .submit_btn {height: 39px; font-size: 20px; letter-spacing: -1px; border-radius: 10px;}
}


/* selfArti */
.surveyBox {margin-top: 50px;}
.surveyBox .surveySwiper {position: relative;}
.surveyBox .surveySwiper .surveyItem {display: flex; justify-content: center; align-items: center; width: 500px; height: 658px; border-radius: 30px; background-color: var(--white); border: 7px solid var(--main-color); box-shadow: 2px 2px 6.5px rgba(0, 0, 0, 0.10), 5px 2px 12.2px rgba(0, 0, 0, 0.25), 38px 45px 80.8px rgba(0, 0, 0, 0.20); overflow: hidden;}
.surveyBox .surveySwiper .surveyItem .blur-disabled {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(125 121 121 / 60%); backdrop-filter: blur(10px); z-index: 999; border-radius: 15px;}
.surveyBox .surveySwiper .surveyItem.on .blur-disabled {display: none; }
.surveyBox .surveySwiper .surveyItem .surveyCard {width: 350px; height: 526px; margin-top: 26px;}
.surveyBox .surveySwiper .surveyItem .surveyCard.card01 {width: 331px; height: 551px; margin-top: 0;}
.surveyBox .surveySwiper .surveyItem .surveyCard .card_inner {width: 100%; height: 100%;}
.surveyBox .surveySwiper .surveyItem .surveyCard .card_cont {display: flex; flex-direction: column; width: 100%; height: 100%;}
.surveyBox .surveySwiper .surveyItem .survey-title {color: var(--black3); text-align: center; font-size: 32px; font-weight: 700; line-height: 35px; letter-spacing: -1.8px; margin-bottom: 15px;}
.surveyBox .surveySwiper .surveyItem .surveyCard .survey-sub-title {min-height: 19px; color: #373535; font-size: 24px; font-weight: 700; line-height: 35px; letter-spacing: -1.2px; text-align: left; margin-bottom: 5px;}
.surveyBox .surveySwiper .surveyItem .surveyCard.card01 .survey-sub-title {min-height: auto; color: var(--black2); text-align: center; font-size: 20px; font-weight: 600; letter-spacing: -1px; text-align: center; margin-bottom: 9px; }
.surveyBox .surveySwiper .surveyItem .item {position: relative; height: 40px; line-height: 40px; margin-bottom: 7px;}
.surveyBox .surveySwiper .surveyItem .item label:not(.ico) {display: inline-block; width: 100%; height: 100%; color: var(--black2); font-size: 20px; font-weight: 400; line-height: 40px; letter-spacing: -1px; cursor: pointer; border-bottom: 1px solid #E4E4E4;}
.surveyBox .surveySwiper .surveyItem .item:last-child {margin-bottom: 15px;}
/* .surveyBox .surveySwiper .surveyItem .item:last-child label:not(.ico) {border-bottom: 0;} */
.surveyBox .surveySwiper .surveyItem .item.on label:not(.ico) {color: var(--main-color); font-weight: 800;}
.surveyBox .surveySwiper .surveyItem .item input {position: absolute; right: 30px; top: 15px; overflow: hidden; display: none;}
.surveyBox .surveySwiper .surveyItem .item .ico {position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 27px; height: 27px; margin-top: 2px; background: url('/assets/images/main/self_radio_ico.png') no-repeat center / contain; cursor: pointer; background-size: contain; border-bottom: 0;}
.surveyBox .surveySwiper .surveyItem .item input:checked + .ico {background: url('/assets/images/main/self_radio_on_ico.png') no-repeat center / contain;}
.surveyBox .surveySwiper .surveyItem span {display: block; color: var(--black2); font-size: 15px; font-weight: 300; line-height: 35px; letter-spacing: -0.75px; margin-top: -5px; margin-bottom: 11px;}
.surveyBox .surveySwiper .surveyItem .input_wrap {width: 100%; padding-bottom: 8px; border-bottom: 1px solid #DBDBDB;}
.surveyBox .surveySwiper .surveyItem .input_wrap input {color: var(--black2); font-size: 18px; font-weight: 500; line-height: 140%; letter-spacing: -0.9px; border: none; outline: none; padding: 0;}
.surveyBox .surveySwiper .surveyItem .item_wrap {margin-bottom: auto;}
.surveyBox .surveySwiper .surveyItem .textarea_wrap {width: 100%; height: 259px; padding: 18px 10px 18px 16px; border-radius: 10px; border: 1px solid #DBDBDB;}
.surveyBox .surveySwiper .surveyItem textarea {width: 100%; height: 100%; color: var(--black2); font-family: 'Pretendard'; font-size: 18px; font-weight: 500; line-height: 140%; letter-spacing: -0.9px; resize: none; outline: none; border: none;}
.surveyBox .surveySwiper .surveyItem textarea:placeholder {color: #E3E3E3;}
.surveyBox .surveySwiper .surveyItem textarea::-webkit-input-placeholder {color: #E3E3E3;}
.surveyBox .surveySwiper .surveyItem textarea::-ms-input-placeholder {color: #E3E3E3;}
.surveyBox .surveySwiper .surveyItem textarea::-webkit-input-placeholder {color: #E3E3E3;}
.surveyBox .surveySwiper .surveyItem textareat::-ms-input-placeholder {color: #E3E3E3;}
.surveyBox .surveySwiper .surveyItem textarea::-webkit-scrollbar {width: 3px;}
.surveyBox .surveySwiper .surveyItem textarea::-webkit-scrollbar-thumb {}
.surveyBox .surveySwiper .surveyItem textarea::-webkit-scrollbar-track {border-radius: 329px; background-color: #E7E7E7;}
.surveyBox .surveySwiper .card_cont .btn_wrap {display: flex; justify-content: space-between; margin-top: auto;}
.surveyBox .surveySwiper .card_cont .btn_wrap .start_btn {display: flex; justify-content: center; align-items: center; width: 100%; height: 52px; color: var(--white); font-size: 22px; font-weight: 700; letter-spacing: -1.1px; border-radius: 15px; background: var(--main-color); cursor: pointer;}
.surveyBox .surveySwiper .card_cont .btn_wrap .prev_btn, .surveyBox .surveySwiper .card_cont .btn_wrap .next_btn {position: relative; display: flex; justify-content: center; align-items: center; gap: 5px; width: 118px; height: 44px; padding: 9px 20px; color: var(--white); font-size: 20px; font-weight: 500; letter-spacing: -1px; padding: 0; border-radius: 100px; cursor: pointer;}
.surveyBox .surveySwiper .card_cont .btn_wrap .prev_btn {padding-right: 12px; color: var(--gray); background: #EFEFEF;}
.surveyBox .surveySwiper .card_cont .btn_wrap .prev_btn:hover {color: var(--white); background: var(--main-color);}
.surveyBox .surveySwiper .card_cont .btn_wrap .next_btn {padding-left: 12px; background: var(--main-color);}
.surveyBox .surveySwiper .card_cont .btn_wrap .prev_btn:before, .surveyBox .surveySwiper .card_cont .btn_wrap .next_btn:after {content: ''; position: relative; width: 29px; height: 29px; background-repeat: no-repeat; background-size: contain; transition: all 0.3s;}
.surveyBox .surveySwiper .card_cont .btn_wrap .prev_btn:before {background-image: url('/assets/images/main/self_btn_left.svg');}
.surveyBox .surveySwiper .card_cont .btn_wrap .prev_btn:hover:before {background-image: url('/assets/images/main/self_btn_left_on.svg');}
.surveyBox .surveySwiper .card_cont .btn_wrap .next_btn:after {background-image: url('/assets/images/main/self_btn_right_on.svg');}

.surveyBox .surveySwiper .card_cont .text-input {border: 1px solid #E1E1E1; border-radius: 15px; padding: 15px;}

@media screen and (max-width: 1000px) {
    .surveyBox {margin-top: 20px; width: 100%; overflow: hidden;}
    .surveyBox .surveySwiper {padding-bottom: 0;}
    .surveyBox .surveySwiper .surveyItem {height: 470px; padding: 0 20px; box-shadow: none;}
    .surveyBox .surveySwiper .surveyItem .survey-step {font-size: 4.18vw;}
    .surveyBox .surveySwiper .surveyItem .survey-title {font-size: 7vw;}
    .surveyBox .surveySwiper .surveyItem .surveyCard, .surveyBox .surveySwiper .surveyItem .surveyCard.card01 {height: 420px;}
    .surveyBox .surveySwiper .surveyItem .survey-sub-title, .surveyBox .surveySwiper .surveyItem .surveyCard.card01 .survey-sub-title {font-size: 4.18vw;}
    .surveyBox .surveySwiper .surveyItem .text-input input[type="text"] {font-size: 14px;}
    .surveyBox .surveySwiper .surveyItem .textarea_wrap {height: 200px;}
    .surveyBox .surveySwiper .surveyItem .btn-box button {font-size: 3.89vw;}
}

.fix_btn {position: fixed; right: 61px; bottom: 0; z-index: 7; width: 56px; height: 56px; border: none; background-color: transparent; cursor: pointer; padding: 0; }
.fix_btn img { width: 100%;}
.fix_btn.fix_kakao_btn {bottom: 257px;}
.fix_btn.fix_call_btn {bottom: 189px; box-shadow: 5px 10px 20px 0px rgba(0, 0, 0, 0.10); border-radius: 100%;}
.fix_btn.fix_up_btn {bottom: 121px;}

@media screen and (max-width: 768px) { 
    /* footer */
    .fix_btn {right: 31px;}
    .fix_btn.fix_kakao_btn {bottom: 218px;}
    .fix_btn.fix_call_btn {bottom: 152px;}
    .fix_btn.fix_up_btn {bottom: 86px;}
}