/* 2025 러브테스트 리뉴얼 */
/* color setting */
.diagnostic {background-color: #695ACD;}
.type_d.diagnostic .love_tit1 {color: #1CF1E4;}
.type_d.diagnostic .love_btn1 {color: #252525;}

/* intro */
.diagnostic .diagnostic_intro {padding: 6rem 0 33rem; background: url('../img/event/bg_intro.jpg') no-repeat center bottom / cover; color: #fff;}
.diagnostic_intro .intro_img {position: absolute; bottom: 0; left: 50%; transform: translateX(-43%); display: block; width: 43rem;}

/* test */
.diagnostic_test {padding: 0 2.4rem;}
.diagnostic_test .form_tit1 {color: #fff; word-break: keep-all;}
.diagnostic_test .form_paging {color:#C5BFEF;}
.diagnostic_steps .q_area {padding: 6rem 0 8.7rem;}
.diagnostic_test .form_prev {color: #fff;} 

/* info */
.diagnostic .diagnostic_info {padding: 6rem 2.4rem 8.7rem;}
.diagnostic_info .form_tit1 {color: #fff;}
.diagnostic_info .form_tit2 {margin-bottom: 2.17rem;}
.diagnostic_info .tel_box {color: #fff;}
.diagnostic_info .btn_box .btn_next {background-color: #1CF1E4; color: #252525;}
.diagnostic_info .btn_box .btn_next::after {background-image: url('//m.duo.co.kr/img/form/ic-main-b.svg');}

/* result */
.diagnostic .diagnostic_result {padding: 6rem 2.4rem 8.3rem;}
.diagnostic_result .form_tit2 {margin-bottom: 2.17rem;}
.diagnostic_result .form_tit1 {color: #fff;}
.diagnostic_result .form_tit1 .light {font-weight: 300;}
.diagnostic_result .result_box {padding: 3.9rem 2.4rem; border-radius: .43rem; background-color: #fff; box-sizing: border-box;}
.diagnostic_result .result_box + .result_box {margin-top: 2.6rem;}
.diagnostic_result .result_tit {line-height: 1.18; margin-bottom: 2.17rem; text-align: center; font-weight: 700; font-size: 2.6rem;}
.diagnostic_result .result_desc {font-size: 1.8rem; line-height: 1.62;}
.diagnostic_result .result_desc.detail {overflow: hidden; height: 14rem; margin-bottom: 2.6rem;}
.diagnostic_result .result_desc.detail.on {height: auto;}
.diagnostic_result .btn_detail {position: relative; display: block;width: 100%;height: 7rem;line-height: 7rem;border-radius: 0.43rem; background-color: #E6E6E6;font-weight: 600;font-size: 2.25rem;}
.diagnostic_result .btn_detail::after {content: '';display: block;position: absolute;top: 50%;right: 1.74rem;transform: translateY(-50%);width: 1.5rem;height: 0.86rem;z-index: 1;background: url('https://m.duo.co.kr/img/form/ic-select-9c.svg') no-repeat center / cover;}
.diagnostic_result .btn_detail::before {content: '자세히 보기';}
.diagnostic_result .btn_detail.on::after {content: '';transform: translateY(-50%) scaleY(-1);}
.diagnostic_result .btn_detail.on::before{content: '닫기';}