@charset "utf-8";
/* 용도별 안내 페이지(sol_*.php) — PC 기본, .sol_m 은 모바일(화면 너비 720 기준) */
.sol {padding: 0 0 120px;color: #444;word-break: keep-all;}
.sol .sub_title {font-size: 32px;line-height: 1.3;margin-bottom: 30px;}
.sol_lead {font-size: 19px;line-height: 1.8;color: #333;margin: 0 0 40px;}
.sol a {color: #135daf;text-decoration: underline;}
.sol_facts {display: flex;flex-wrap: wrap;gap: 16px;margin: 0 0 50px;}
.sol_facts li {flex: 1 1 0;min-width: 200px;background: #f4f7fb;border-radius: 10px;padding: 24px 20px;text-align: center;}
.sol_facts strong {display: block;font-size: 26px;font-weight: 700;color: #135daf;line-height: 1.3;}
.sol_facts span {display: block;margin-top: 8px;font-size: 15px;color: #666;line-height: 1.5;}
.sol_fig {margin: 0 0 50px;text-align: center;}
.sol_fig img {max-width: 100%;height: auto;}
.sol_fig figcaption {margin-top: 12px;font-size: 15px;color: #777;line-height: 1.5;}
.sol_sec {border-top: 1px solid #e3e3e3;padding: 44px 0 10px;}
.sol_sec > h3 {font-size: 24px;font-weight: 700;color: #222;line-height: 1.4;margin-bottom: 22px;}
.sol_sec p {font-size: 17px;line-height: 1.85;margin-bottom: 18px;}
.sol_dot, .sol_dl {margin-bottom: 18px;}
.sol_dot li, .sol_dl li {position: relative;padding-left: 18px;font-size: 17px;line-height: 1.8;margin-bottom: 12px;}
.sol_dot li:before, .sol_dl li:before {content: "";position: absolute;left: 0;top: 13px;width: 6px;height: 6px;border-radius: 50%;background: #135daf;}
.sol_dl li strong {display: inline-block;min-width: 120px;margin-right: 10px;color: #222;}
.sol_dot li strong {color: #222;}
.sol_tbl {width: 100%;border-collapse: collapse;margin-bottom: 24px;font-size: 16px;line-height: 1.6;}
.sol_tbl th, .sol_tbl td {border: 1px solid #dfe4ea;padding: 12px 16px;text-align: left;vertical-align: top;}
.sol_tbl th {background: #f4f7fb;color: #222;font-weight: 700;white-space: nowrap;}
.sol_tbl thead th {background: #135daf;color: #fff;}
.sol_chk td:first-child {width: 45%;}
.sol_photos {display: flex;gap: 16px;margin: 6px 0 24px;}
.sol_photos figure {flex: 1 1 0;text-align: center;}
.sol_photos img {width: 100%;height: auto;border-radius: 6px;}
.sol_photos figcaption {margin-top: 8px;font-size: 15px;color: #666;}
.sol .faq_item {border-top: 1px solid #eee;padding: 22px 0 24px;}
.sol .faq_item h4 {position: relative;padding-left: 42px;font-size: 18px;font-weight: 700;color: #222;line-height: 1.5;}
.sol .faq_item p {position: relative;padding-left: 42px;margin: 10px 0 0;font-size: 17px;line-height: 1.8;}
.sol .faq_item .q, .sol .faq_item .a {position: absolute;left: 0;top: 0;width: 28px;height: 28px;line-height: 28px;border-radius: 50%;text-align: center;font-size: 15px;font-weight: 700;}
.sol .faq_item .q {background: #135daf;color: #fff;}
.sol .faq_item .a {background: #eef3f9;color: #135daf;top: 2px;}
.sol_cta {margin: 50px 0 60px;padding: 34px 36px;background: #135daf;border-radius: 12px;color: #fff;}
.sol_cta p {font-size: 19px;line-height: 1.6;margin-bottom: 18px;}
.sol_cta a {display: inline-block;vertical-align: middle;margin-right: 22px;color: #fff;font-size: 18px;font-weight: 700;line-height: 1.4;height: auto;}
.sol_cta a.sol_btn {box-sizing: border-box;padding: 10px 26px;background: #fff;color: #135daf;border-radius: 24px;text-decoration: none;}
.sol_rel h3 {font-size: 22px;font-weight: 700;color: #222;margin-bottom: 18px;}
.sol_rel ul {display: flex;flex-wrap: wrap;gap: 14px;}
.sol_rel li {flex: 1 1 260px;}
.sol_rel a {display: block;height: 100%;box-sizing: border-box;padding: 20px 22px;border: 1px solid #dfe4ea;border-radius: 10px;text-decoration: none;}
.sol_rel a:hover {border-color: #135daf;}
.sol_rel strong {display: block;font-size: 18px;color: #135daf;margin-bottom: 6px;}
.sol_rel span {display: block;font-size: 15px;color: #666;line-height: 1.5;}
/* 다른 페이지 하단에 붙는 용도별 안내 */
.sol_rel_wrap {padding: 10px 0 100px;}

/* 모바일 */
.sol_m {text-align: left;padding-bottom: 100px;}
.sol_m .sub_title {font-size: 40px;text-align: left;margin-bottom: 30px;}
.sol_m .sol_lead {font-size: 25px;line-height: 1.7;}
.sol_m .sol_facts {gap: 14px;}
.sol_m .sol_facts li {flex: 1 1 40%;min-width: 0;padding: 26px 14px;}
.sol_m .sol_facts strong {font-size: 32px;}
.sol_m .sol_facts span {font-size: 21px;}
.sol_m .sol_fig figcaption {font-size: 20px;}
.sol_m .sol_sec > h3 {font-size: 31px;}
.sol_m .sol_sec p, .sol_m .sol_dot li, .sol_m .sol_dl li {font-size: 24px;line-height: 1.7;}
.sol_m .sol_dot li:before, .sol_m .sol_dl li:before {top: 17px;width: 8px;height: 8px;}
.sol_m .sol_dot li, .sol_m .sol_dl li {padding-left: 22px;}
.sol_m .sol_dl li strong {display: block;min-width: 0;}
.sol_m .sol_tbl {font-size: 21px;}
.sol_m .sol_tbl th {white-space: normal;}
.sol_m .sol_tbl th, .sol_m .sol_tbl td {padding: 12px 12px;}
.sol_m .sol_photos {gap: 10px;}
.sol_m .sol_photos figcaption {font-size: 19px;}
.sol_m .faq_item h4 {font-size: 26px;padding-left: 54px;}
.sol_m .faq_item p {font-size: 24px;padding-left: 54px;}
.sol_m .faq_item .q, .sol_m .faq_item .a {width: 40px;height: 40px;line-height: 40px;font-size: 21px;}
.sol_m .sol_cta {padding: 34px 30px;}
.sol_m .sol_cta p {font-size: 25px;}
.sol_m .sol_cta a {font-size: 24px;margin: 0 20px 12px 0;}
.sol_m .sol_cta a.sol_btn {padding: 12px 30px;border-radius: 30px;}
.sol_m .sol_rel h3 {font-size: 30px;}
.sol_m .sol_rel li {flex: 1 1 100%;}
.sol_m .sol_rel strong {font-size: 26px;}
.sol_m .sol_rel span {font-size: 21px;}

/* R&D 페이지 안(.dp)에 끼우는 글 — .dp h3 가운데 정렬을 덮어씀 */
.sol.rnd_more {padding: 0;margin-top: 90px;}
.sol.rnd_more .sol_sec {border-top: 0;padding-top: 0;}
.sol.rnd_more .sol_sec > h3 {text-align: left;font-size: 30px;margin: 0 0 22px;}
.sol.rnd_more .sol_cta {margin-bottom: 0;}
.sol.rnd_more.sol_m .sol_sec > h3 {font-size: 36px;}