@charset "utf-8";

/* 소통 - 혜택안내 */
.sotong_detail_section .img_box { display: flex; flex-direction: column; }
.sotong_detail_section .cont_box { background: #f0f0f0; }
.sotong_detail_section .cont_box .btn { width: 100%; font-size: 16px; font-weight: 400; color: #757575; line-height: 24px; text-align: center; padding: 12px; background: #ffffff; border-radius: 10px; display: block; }
.sotong_detail_section .cont_box .btn_download::after { width: 18px; height: 18px; background: url(../../img/icon/icon_download_gray.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; vertical-align: -3px; margin-left: 6px; }
.sotong_detail_section .cont_box h3 { font-size: 18px; font-weight: 700; color: #222222; line-height: 24px; }
.sotong_detail_section .cont_box h3::before { width: 24px; height: 24px; background: url(../../img/icon/icon_info_black.svg) no-repeat center center; background-size: contain; vertical-align: -6px; margin-right: 4px; content: ''; display: inline-block; }
.sotong_detail_section .text_box { padding: 20px; background: #ffffff; border-radius: 12px; }
.sotong_detail_section .text_box ul li { font-size: 14px; font-weight: 400; color: #757575; line-height: 18px; word-break: keep-all; margin-bottom: 12px; }
.sotong_detail_section .text_box ul li:last-of-type { margin-bottom: 0; }
.popup_sotong .select_list li { margin-bottom: 12px; }
.popup_sotong .select_list li:last-of-type { margin-bottom: 0; }
.popup_sotong .select_list input { display: none; }
.popup_sotong .select_list input + label { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 18px 20px; background: var(--gray-400); border: 1px solid var(--gray-400); border-radius: 12px; }
.popup_sotong .select_list input:checked + label { background: var(--primary-100); border: 1px solid var(--primary); }
.popup_sotong .select_list input + label p { font-size: 16px; font-weight: 400; color: #222222; line-height: 24px; }
.popup_sotong .select_list input + label dl { text-align: right; }
.popup_sotong .select_list input + label dl dt { font-size: 16px; font-weight: 400; color: #222222; line-height: 24px; letter-spacing: -0.3px; }
.popup_sotong .select_list input + label dl dd { font-size: 13px; font-weight: 500; color: #297DFB; line-height: 14px; }
.popup_sotong .terms_chk_box { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.popup_sotong .terms_chk_box label { font-size: 14px; font-weight: 500; color: #222222; line-height: 24px; display: inline-block ; }
.popup_sotong .terms_chk_box label::before { width: 24px; height: 24px; background: url(../../img/icon/icon_check_circle_off.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; vertical-align: -8px; margin-right: 6px; }
.popup_sotong .terms_chk_box input:checked + label::before { background: url(../../img/icon/icon_check_circle_on.svg) no-repeat center center; background-size: contain; }
.popup_sotong .terms_chk_box label em { font-size: 14px; font-weight: 500; color: #F60909; line-height: 24px; }
.popup_sotong .terms_chk_box button { font-size: 14px; font-weight: 400; color: #aaaaaa; line-height: 24px; text-decoration: underline; }

/* 소통 - 약관페이지 */
.sotong_terms_section h2 { padding: 16px 20px; border-bottom: 1px solid var(--gray-400); }
.sotong_terms_section h4,
.sotong_terms_section p,
.sotong_terms_section ul li { position: relative; font-size: 14px; line-height: 20px; word-break: keep-all; }
.sotong_terms_section ul li { position: relative; padding-left: 16px; }
.sotong_terms_section ul li::before { position: absolute; left: 6px; top: 8px; width: 3px; height: 3px; background: #222; border-radius: 50%; content: ''; display: block; }

/* 소통 - 신청정보확인 */
.sotong_form_section .program_info_box dl { justify-content: space-between; padding: 24px 20px; border-radius: 16px; }
.sotong_form_section .program_info_box dl dt,
.sotong_form_section .program_info_box dl dd { font-size: 16px; line-height: 24px; }

/* 소통 - 신청완료 */
.complete_section .info_box { padding: 20px; border-radius: 16px; }
.complete_section .info_box ul li { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 12px; }
.complete_section .info_box ul li:last-of-type { margin-bottom: 0; }
.complete_section .info_box ul li span,
.complete_section .info_box ul li p { font-size: 14px; font-weight: 400; line-height: 20px; display: block; }
.complete_section .info_box ul li p { color: var(--blue); }