.service {height: 100vh; background: url(../img/ai_bg.png) no-repeat; background-position: 0 82%; background-size: 100%; overflow-y: hidden; width: 100%;}
.service-info {display: flex; flex-direction: column; align-items: center;  position: absolute; top: 70px; left: 50%; transform: translateX(-50%); width: 100%;}
.service-info em {padding: 6px 10px; border-radius: 5px; background-color: #f1fae7; font-size: 12px; color: #42a468; font-weight: 800; margin-bottom: 15px;}
.service-info h3 {text-align: center; font-size: 26px; font-weight: 500; line-height: 1.3; margin-bottom: 30px;}
.service-info h3 b {color: #42a468;}
.service-info p {font-size: 16px; color: #333; text-align: center;}

.result-wrap {padding: 30px 20px; border-bottom: 9px solid #f9f9f9;}
.result-wrap h3 {font-size: 20px; font-weight: 600; margin-bottom: 20px;}
.result-wrap h3 b {color: #42a468;}
.my-survey {display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-bottom: 25px;}
.my-survey .ai-img {width: 75px; flex-shrink: 0;}
.my-survey .my-survey-txt {padding: 20px 15px; border-radius: 15px; background-color: #f5f5f5;color: #444; position: relative;}
.my-survey .my-survey-txt b {color: #444;}
.my-survey .my-survey-txt::after {content: ""; display: block; background: url(../img/corn.png) no-repeat center/cover; width: 13px; height: 14px; position: absolute; top: 50%; right: -9px; transform: translateY(-50%);}
.ai-con {display: flex; flex-direction: column; gap: 8px;}
.ai-con p {font-weight: 900; background: linear-gradient(to right, #2bc667, #4fe1c4); background-clip: text; -webkit-background-clip: text; color: transparent;}
.ai-con .ai-con-txt {padding: 16px 12px; position: relative; font-size: 14px; color: #444; font-weight: 500; border-radius: 8px;}
.ai-con .ai-con-txt::after {content: "";position: absolute; inset: 0;    border-radius: 8px; padding: 2px; background:linear-gradient(to right, #2bc667, #4fe1c4);  -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
.pro-wrap2 {padding: 30px 20px;}

/*===== 설문페이지 =====*/

.sur-tit {margin-bottom: 40px;}
.sur-tit span {font-size: 12px; font-weight: 700; color: #42a468; margin-bottom: 8px;}
.sur-tit h2 {font-size: 22px; font-weight: 700; line-height: 1.4;} 

input[type="radio"] {display: none;}
input[type="radio"] + label {padding: 12px 0; border-radius: 50px; border: 1px solid #eee; display: flex; align-items: center; justify-content: center;}
.survey-con ul {display: flex; flex-direction: column; gap: 10px;}
input[type="radio"]:checked + label {border-color: #42a468; background-color: #2bc6672b; font-weight: 700; color: #42a468;}

.cart-wrap {overflow-x: hidden;}