/* THE금융서비스 - 회사 소개 */ #a1 ul#tab {display: flex; margin-bottom: 100px; background: #f5f5f5;} #a1 ul#tab li {width: 50%; height: 50px; border: 1px solid #ddd;} #a1 ul#tab li.on {border-color: #162858;} #a1 ul#tab li:not(.on) {border-left: none;} #a1 ul#tab li a {display: flex; justify-content: center; align-items: center; height: 100%; font-size: 20px; font-weight: 400; color: #555; letter-spacing: -0.5px; transition: 0.3s; white-space: nowrap;} #a1 ul#tab li:not(.on) a:hover {background: #ededed;} #a1 ul#tab li.on a {font-weight: 600; background: #162858; color: #fff;} #a1 .box:not(.box3) {margin-bottom: 100px;} #a1 .box h3 {position: relative; margin-bottom: 30px; padding-left: 20px; font-size: 36px; font-weight: 700; color: #333; word-break: keep-all;} #a1 .box h3:after {position: absolute; display: block; content: ""; width: 4px; height: 43px; top: 0; left: 0; background: #162858;} #a1 .box > p {margin-bottom: 60px; font-size: 22px; font-weight: 500; color: #555; word-break: keep-all;} #a1 .box1 ul {display: flex; justify-content: space-between;} #a1 .box1 ul li {width: 49%; border-radius: 30px; background: #fff; box-shadow: 4px 4px 26px rgba(0, 0, 0, 0.2);} #a1 .box1 ul li img {width: 100%; margin-bottom: 20px; border-radius: 20px;} #a1 .box1 ul li h4 {position: relative; margin-bottom: 18px; padding: 0 40px 0 60px; font-size: 30px; font-weight: 700; color: #162858; letter-spacing: -1px; word-break: keep-all;} #a1 .box1 ul li h4:after {position: absolute; display: block; content: ""; width: 8px; height: 8px; top: 14px; left: 40px; border-radius: 100%; background: #162858;} #a1 .box1 ul li p {padding: 0 40px 40px; font-size: 20px; font-weight: 400; color: #555; letter-spacing: -0.5px; word-break: keep-all;} #a1 .box2 .imgBox {display: flex; justify-content: space-between; margin-bottom: 60px;} #a1 .box2 .imgBox img {width: 32%; border: 1px solid #ddd; border-radius: 20px;} #a1 .box2 > ul {display: flex; justify-content: space-between;} #a1 .box2 > ul > li {width: 32%; padding: 10px;} #a1 .box2 > ul > li h4 {margin-bottom: 20px; font-size: 26px; font-weight: 700; color: #162858; letter-spacing: -1px; word-break: keep-all;} #a1 .box2 > ul > li ul li {position: relative; padding-left: 20px; font-size: 18px; font-weight: 400; color: #555; letter-spacing: -0.5px; word-break: keep-all;} #a1 .box2 > ul > li ul li:not(:last-child) {margin-bottom: 14px;} #a1 .box2 > ul > li ul li:after {position: absolute; display: block; content: ""; width: 10px; height: 1px; top: 10px; left: 0; background: #555;} #a1 .box3 ul li {display: flex; border-radius: 20px; font-size: 20px; background: #fff; letter-spacing: -0.5px; box-shadow: 4px 4px 26px rgba(0, 0, 0, 0.2);} #a1 .box3 ul li:not(:last-child) {margin-bottom: 40px;} #a1 .box3 ul li span {display: flex; justify-content: center; align-items: center; width: 160px; padding: 20px 0; border-radius: 20px; font-weight: 700; background: #e6551d; color: #fff; word-break: keep-all;} #a1 .box3 ul li p {width: calc(100% - 160px); padding: 20px; font-weight: 400; color: #333; word-break: keep-all;} @media screen and (max-width: 960px) { #a1 .box1 ul {display: block;} #a1 .box1 ul li {width: 100%;} #a1 .box1 ul li:first-child {margin-bottom: 40px;} #a1 .box2 .imgBox {display: block;} #a1 .box2 .imgBox img {width: 100%;} #a1 .box2 .imgBox img:not(:last-child) {margin-bottom: 20px;} #a1 .box2 > ul {display: block;} #a1 .box2 > ul > li {width: 100%; padding: 0;} #a1 .box2 > ul > li:not(:last-child) {margin-bottom: 20px;} } @media screen and (max-width: 640px) { #a1 ul#tab {margin-bottom: 60px;} #a1 ul#tab li {height: 40px;} #a1 ul#tab li a {font-size: 18px;} #a1 .box:not(.box3) {margin-bottom: 60px;} #a1 .box h3 {margin-bottom: 20px; padding-left: 14px; font-size: 24px; letter-spacing: -1px;} #a1 .box h3:after {width: 3px; height: 26px; top: 1px;} #a1 .box > p {margin-bottom: 40px; font-size: 18px;} #a1 .box1 ul li {border-radius: 14px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);} #a1 .box1 ul li:first-child {margin-bottom: 20px;} #a1 .box1 ul li img {margin-bottom: 14px; border-radius: 14px;} #a1 .box1 ul li h4 {margin-bottom: 10px; padding: 0 20px 0 34px; border-radius: 14px; font-size: 22px;} #a1 .box1 ul li h4:after {width: 4px; height: 4px; top: 11px; left: 20px;} #a1 .box1 ul li p {padding: 0 20px 20px; font-size: 16px;} #a1 .box2 > ul > li h4 {margin-bottom: 14px; font-size: 22px;} #a1 .box2 > ul > li ul li {padding-left: 14px; font-size: 16px;} #a1 .box2 > ul > li ul li:not(:last-child) {margin-bottom: 10px;} #a1 .box2 > ul > li ul li:after {width: 6px; top: 8px;} #a1 .box2 .imgBox {margin-bottom: 40px;} #a1 .box3 ul {margin-top: 40px;} #a1 .box3 ul li {display: inline-block; width: 100%; border-radius: 10px; font-size: 16px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);} #a1 .box3 ul li span {display: block; width: 140px; margin: -20px auto 0; padding: 10px 0; border-radius: 10px; text-align: center;} #a1 .box3 ul li p {width: 100%; padding: 10px;} } /* THE금융서비스 - 회사 소개 */ /* THE금융서비스 - 대표 인사말 */ #a2 ul#tab {display: flex; margin-bottom: 100px; background: #f5f5f5;} #a2 ul#tab li {width: 50%; height: 50px; border: 1px solid #ddd;} #a2 ul#tab li.on {border-color: #162858;} #a2 ul#tab li:not(.on) {border-right: none;} #a2 ul#tab li a {display: flex; justify-content: center; align-items: center; height: 100%; font-size: 20px; font-weight: 400; color: #555; letter-spacing: -0.5px; transition: 0.3s; white-space: nowrap;} #a2 ul#tab li:not(.on) a:hover {background: #ededed;} #a2 ul#tab li.on a {font-weight: 600; background: #162858; color: #fff;} #a2 .a2_wrap {display: flex; justify-content: center;} #a2 img {height: fit-content;} #a2 img.mobile {display: none;} #a2 .txtBox {width: 60%; padding: 40px;} #a2 .txtBox h3 {margin-bottom: 30px; font-size: 44px; font-weight: 700; color: #162858; letter-spacing: -3px; word-break: keep-all;} #a2 .txtBox p {margin-bottom: 20px; font-size: 22px; font-weight: 400; color: #333; line-height: 36px; letter-spacing: -1px; word-break: keep-all;} #a2 .txtBox p .color {color: #162858; } #a2 .txtBox p:last-child {margin-bottom: 50px;} #a2 .txtBox span {position: relative; float: right; font-size: 20px; font-weight: 400; color: #333; letter-spacing: -0.5px; word-break: keep-all;} #a2 .txtBox span:after {position: absolute; display: block; content: ""; width: 220px; height: 14px; bottom: 0; right: 0; background: #dfdfdf; z-index: -1;} #a2 .txtBox:after {clear: both; content: ""; display: block;} @media screen and (max-width: 960px) { #a2 .a2_wrap {display: block;} #a2 img.pc {display: none;} #a2 img.mobile {display: block; width: 100%; height: auto; margin-bottom: 20px;} #a2 .txtBox {width: 100%;} } @media screen and (max-width: 640px) { #a2 ul#tab {margin-bottom: 60px;} #a2 ul#tab li {height: 40px;} #a2 ul#tab li a {font-size: 18px;} #a2 .txtBox {padding: 0;} #a2 .txtBox h3 {margin-bottom: 8px; font-size: 30px; letter-spacing: -1px;} #a2 .txtBox p {margin-bottom: 20px; font-size: 18px; line-height: 28px; letter-spacing: -0.5px;} #a2 .txtBox p .color {font-size: 22px;} #a2 .txtBox p:last-child {margin-bottom: 30px;} #a2 .txtBox span {font-size: 18px;} #a2 .txtBox span:after {width: 190px; height: 10px;} } /* THE금융서비스 - 대표 인사말 */ /* THE금융서비스 - 오시는 길 */ #a3 #daumRoughmapContainer1762924548605 {width: 100%; border-bottom: 1px solid #e0e0e0;} #a3 #daumRoughmapContainer1762924548605 .wrap_controllers {display: none;} #a3 .root_daum_roughmap .cont {display: none;} #a3 p {margin-top: 30px; padding: 10px 10px 20px; border-top: 1px solid #162858; border-bottom: 1px solid #162858; font-size: 24px; font-weight: 400; color: #333; letter-spacing: -1px; word-break: keep-all;} #a3 p i {margin-right: 10px; font-size: 36px; color: #b5c2e7;} @media screen and (max-width: 640px) { #a3 #daumRoughmapContainer1762924548605 .wrap_map {height: 240px!important;} #a3 p {margin-top: 20px; padding: 8px 8px 14px; font-size: 18px; letter-spacing: -0.5px;} #a3 p i {margin-right: 8px; font-size: 26px;} } /* THE금융서비스 - 오시는 길 */ /* 사업단 소개 - 지사체계 가능 여부 */ #b3 ul {display: flex; justify-content: space-between;} #b3 ul li {width: 32%; padding: 40px; border-radius: 30px; background: #edf2fd; box-shadow: 4px 4px 26px rgba(0, 0, 0, 0.2);} #b3 ul li h3 {margin-bottom: 16px; font-size: 34px; font-weight: 700; color: #162858; letter-spacing: -2px; word-break: keep-all;} #b3 ul li p {font-size: 18px; font-weight: 400; color: #333; line-height: 28px; letter-spacing: -0.5px; word-break: keep-all;} @media screen and (max-width: 960px) { #b3 ul {display: block;} #b3 ul li {width: 100%;} #b3 ul li:not(:last-child) {margin-bottom: 40px;} } @media screen and (max-width: 640px) { #b3 ul li {padding: 20px; border-radius: 14px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);} #b3 ul li:not(:last-child) {margin-bottom: 20px;} #b3 ul li h3 {margin-bottom: 6px; font-size: 24px; letter-spacing: -1px;} #b3 ul li p {font-size: 16px; line-height: 22px;} } /* 사업단 소개 - 지사체계 가능 여부 */ /* 사업 소개 - 오프라인 사업 */ #c2 ul {display: flex; justify-content: space-between;} #c2 ul li {width: 32%; padding: 40px; border-radius: 30px; background: #fff; box-shadow: 4px 4px 26px rgba(0, 0, 0, 0.2);} #c2 ul li .imgBox {display: flex; justify-content: center; align-items: center; width: 160px; height: 160px; margin: 0 auto 30px; border-radius: 100%; background: #f5f5f5;} #c2 ul li .imgBox i {font-size: 74px; color: #162858;} #c2 ul li h3 {margin-bottom: 16px; font-size: 34px; font-weight: 700; color: #162858; text-align: center; letter-spacing: -2px; word-break: keep-all;} #c2 ul li p {font-size: 18px; font-weight: 400; color: #333; line-height: 28px; letter-spacing: -0.5px; word-break: keep-all;} #c2 ul li p b {font-size: 22px;} @media screen and (max-width: 960px) { #c2 ul {display: block;} #c2 ul li {width: 100%;} #c2 ul li:not(:last-child) {margin-bottom: 40px;} } @media screen and (max-width: 640px) { #c2 ul li {padding: 20px; border-radius: 14px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);} #c2 ul li:not(:last-child) {margin-bottom: 20px;} #c2 ul li .imgBox {width: 100px; height: 100px;} #c2 ul li .imgBox i {font-size: 40px;} #c2 ul li h3 {margin-bottom: 6px; font-size: 24px; letter-spacing: -1px;} #c2 ul li p {font-size: 16px; line-height: 22px;} #c2 ul li p b {font-size: 18px;} } /* 사업 소개 - 오프라인 사업 */ /* 사업 소개 - 온라인 사업 */ #c3 ul {display: flex; justify-content: space-between;} #c3 ul li {width: 48%; padding: 40px; border-radius: 30px; background: #fff; box-shadow: 4px 4px 26px rgba(0, 0, 0, 0.2);} #c3 ul li .imgBox {display: flex; justify-content: center; align-items: center; width: 160px; height: 160px; margin: 0 auto 30px; border-radius: 100%; background: #f5f5f5;} #c3 ul li .imgBox i {font-size: 74px; color: #e6551d;} #c3 ul li h3 {margin-bottom: 16px; font-size: 34px; font-weight: 700; color: #e6551d; text-align: center; letter-spacing: -2px; word-break: keep-all;} #c3 ul li p {font-size: 18px; font-weight: 400; color: #333; line-height: 28px; letter-spacing: -0.5px; word-break: keep-all;} #c3 ul li p b {font-size: 22px;} @media screen and (max-width: 960px) { #c3 ul {display: block;} #c3 ul li {width: 100%;} #c3 ul li:not(:last-child) {margin-bottom: 40px;} } @media screen and (max-width: 640px) { #c3 ul li {padding: 20px; border-radius: 14px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);} #c3 ul li:not(:last-child) {margin-bottom: 20px;} #c3 ul li .imgBox {width: 100px; height: 100px;} #c3 ul li .imgBox i {font-size: 40px;} #c3 ul li h3 {margin-bottom: 6px; font-size: 24px; letter-spacing: -1px;} #c3 ul li p {font-size: 16px; line-height: 22px;} #c3 ul li p b {font-size: 18px;} } /* 사업 소개 - 온라인 사업 */ /* 보험 컨설팅 - 보장 분석 */ #d1 .box {margin-bottom: 100px;} #d1 .box h3 {position: relative; margin-bottom: 30px; padding-left: 20px; font-size: 36px; font-weight: 700; color: #333; letter-spacing: -2px; word-break: keep-all;} #d1 .box h3:after {position: absolute; display: block; content: ""; width: 4px; height: 43px; top: 0; left: 0; background: #162858;} #d1 .box1 h3 {margin-bottom: 60px;} #d1 .box1 ul li {border-radius: 30px; background: #f5f5f5; box-shadow: 4px 4px 26px rgba(0, 0, 0, 0.2);} #d1 .box1 ul li:not(:last-child) {margin-bottom: 40px;} #d1 .box1 ul li .imgBox {width: 45%; border-radius: 30px; box-shadow: 4px 4px 26px rgba(0, 0, 0, 0.2); overflow: hidden;} #d1 .box1 ul li .imgBox img {width: 100%;} #d1 .box1 ul li .txtBox {width: 55%; padding: 80px;} #d1 .box1 ul li .txtBox h4 {margin-bottom: 20px; font-size: 32px; font-weight: 700; color: #162858; letter-spacing: -2px; word-break: keep-all;} #d1 .box1 ul li .txtBox p {font-size: 24px; font-weight: 300; color: #333; letter-spacing: -1px; word-break: keep-all;} #d1 .box1 ul li .left {float: left;} #d1 .box1 ul li .right {float: right;} #d1 .box1 ul li:after {clear: both; content: ""; display: block;} #d1 .box2 h3 {margin-bottom: 30px;} #d1 .box h4 {margin-bottom: 60px; font-size: 30px; font-weight: 600; color: #333; letter-spacing: -1px;} #d1 .box2 h5 {position: relative; margin-bottom: 30px; padding-left: 40px; font-size: 24px; font-weight: 600; color: #e6551d; letter-spacing: -1px; word-break: keep-all;} #d1 .box2 h5:after {position: absolute; display: block; content: ""; width: 26px; height: 2px; top: 14px; left: 0; background: #e6551d;} #d1 .box2 ul {width: 66%; padding: 40px; border-radius: 40px; background: #fff; box-shadow: 4px 4px 26px rgba(0, 0, 0, 0.2);} #d1 .box2 ul li {font-size: 20px; font-weight: 400; color: #333; letter-spacing: -0.5px; word-break: keep-all;} #d1 .box2 ul li:not(:last-child) {margin-bottom: 20px;} #d1 .box2 ul li i {margin-right: 10px; color: #e6551d;} #d1 .box3 p {margin-bottom: 60px; padding-left: 20px; font-size: 26px; font-weight: 400; color: #777; letter-spacing: -2px; word-break: keep-all;} #d1 .box3 p b {font-weight: 400; text-decoration: line-through;} #d1 .box3 p span {display: inline-block; margin: 20px 10px 0 50px; padding: 0 10px; font-size: 30px; font-weight: 700; color: #fff; background: #e6551d; transform: rotate(10deg);} #d1 .box3 ul {display: flex; justify-content: space-between;} #d1 .box3 ul li {width: 32%; border-radius: 30px; box-shadow: 4px 4px 26px rgba(0, 0, 0, 0.2); overflow: hidden;} #d1 .box3 ul li img {width: 100%;} #d1 .box4 ul {display: flex; justify-content: space-between; flex-wrap: wrap; padding: 50px; border-radius: 30px; background: #f5f5f5;} #d1 .box4 ul li {width: 22%; border-radius: 20px; box-shadow: 4px 4px 26px rgba(0, 0, 0, 0.2); overflow: hidden;} #d1 .box4 ul li:nth-child(-n+4) {margin-bottom: 40px;} #d1 .box4 ul li img {width: 100%;} #d1 a {display: block; width: 320px; height: 50px; margin: 0 auto; border: 1px solid #e6551d; border-radius: 25px; font-size: 24px; font-weight: 500; color: #fff; text-align: center; line-height: 48px; letter-spacing: -1px; background: #e6551d; box-shadow: 4px 4px 26px rgba(0, 0, 0, 0.2); transition: 0.3s;} #d1 a:hover {background: #fff; color: #e6551d;} #d1 a i {margin-left: 10px; color: #fff; transition: 0.3s;} #d1 a:hover i {margin-left: 20px; color: #e6551d;} @media screen and (max-width: 1400px) { #d1 .box1 ul li .txtBox {padding: 40px;} } @media screen and (max-width: 960px) { #d1 .box1 ul li .imgBox {width: 100%;} #d1 .box1 ul li .txtBox {width: 100%;} #d1 .box1 ul li .left {float: none;} #d1 .box1 ul li .right {float: none;} #d1 .box2 ul {width: 100%;} #d1 .box3 ul {display: block;} #d1 .box3 ul li {width: 100%;} #d1 .box3 ul li:not(:last-child) {margin-bottom: 40px;} #d1 .box4 ul li {width: 48%;} #d1 .box4 ul li:nth-child(-n+6) {margin-bottom: 40px!important;} } @media screen and (max-width: 640px) { #d1 .box {margin-bottom: 60px;} #d1 .box h3 {padding-left: 14px; font-size: 24px; letter-spacing: -1px;} #d1 .box h3:after {width: 3px; height: 26px; top: 1px;} #d1 .box1 h3 {margin-bottom: 40px;} #d1 .box1 ul li {border-radius: 14px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);} #d1 .box1 ul li:not(:last-child) {margin-bottom: 30px;} #d1 .box1 ul li .imgBox {border-radius: 14px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);} #d1 .box1 ul li .txtBox {padding: 20px;} #d1 .box1 ul li .txtBox h4 {margin-bottom: 10px; font-size: 24px; letter-spacing: -1px;} #d1 .box1 ul li .txtBox p {font-size: 18px; letter-spacing: -0.5px;} #d1 .box2 h3 {margin-bottom: 14px;} #d1 .box h4 {margin-bottom: 30px; font-size: 22px;} #d1 .box2 h5 {margin-bottom: 20px; padding-left: 20px; font-size: 20px; letter-spacing: -0.5px;} #d1 .box2 h5:after {width: 12px; height: 1px; top: 10px;} #d1 .box2 ul {padding: 20px; border-radius: 20px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);} #d1 .box2 ul li {font-size: 16px;} #d1 .box2 ul li:not(:last-child) {margin-bottom: 10px;} #d1 .box2 ul li i {margin-right: 6px;} #d1 .box3 p {margin-bottom: 30px; padding-left: 14px; font-size: 20px; letter-spacing: -0.5px;} #d1 .box3 p span {margin: 10px 4px 0 14px; padding: 0 6px; font-size: 24px; transform: rotate(5deg);} #d1 .box3 ul li {border-radius: 14px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);} #d1 .box3 ul li:not(:last-child) {margin-bottom: 30px;} #d1 .box4 ul {padding: 30px; border-radius: 20px;} #d1 .box4 ul li {box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);} #d1 .box4 ul li:nth-child(-n+6) {margin-bottom: 20px!important;} #d1 a {width: 260px; height: 40px; font-size: 20px; line-height: 38px; letter-spacing: -0.5px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);} #d1 a i {margin-left: 4px;} #d1 a:hover i {margin-left: 10px;} } /* 보험 컨설팅 - 보장 분석 */ /* 보험 컨설팅 - 인증 컨설턴트 */ #d2 ul {display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 100px;} #d2 ul li {display: flex; padding: 40px; border-radius: 30px; background: #fff; box-shadow: 4px 4px 26px rgba(0, 0, 0, 0.2);} #d2 ul li {width: 48%; margin-bottom: 40px;} #d2 ul li .imgBox {width: 40%;} #d2 ul li .imgBox img {width: 100%; border: 1px solid #ddd;} #d2 ul li .txtBox {width: 60%; padding: 20px 0 20px 40px;} #d2 ul li:nth-last-child(2) .txtBox {width: 100%;} #d2 ul li .txtBox h3 {margin-bottom: 20px; font-size: 34px; font-weight: 700; color: #162858; letter-spacing: -2px; word-break: keep-all;} #d2 ul li .txtBox p {font-size: 22px; font-weight: 500; color: #555; line-height: 36px; letter-spacing: -1px; word-break: keep-all;} #d2 ul li .txtBox p i {font-size: 28px;} #d2 ul li .txtBox p i:first-child {margin-right: 10px;} #d2 ul li .txtBox p i:last-child {margin-left: 10px;} #d2 a {display: block; width: 320px; height: 50px; margin: 0 auto; border: 1px solid #e6551d; border-radius: 25px; font-size: 24px; font-weight: 500; color: #fff; text-align: center; line-height: 48px; letter-spacing: -1px; background: #e6551d; box-shadow: 4px 4px 26px rgba(0, 0, 0, 0.2); transition: 0.3s;} #d2 a:hover {background: #fff; color: #e6551d;} #d2 a i {margin-left: 10px; color: #fff; transition: 0.3s;} #d2 a:hover i {margin-left: 20px; color: #e6551d;} @media screen and (max-width: 960px) { #d2 ul {display: block;} #d2 ul li {width: 100%;} } @media screen and (max-width: 640px) { #d2 ul {margin-bottom: 60px;} #d2 ul li {margin-bottom: 30px; padding: 20px; border-radius: 14px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);} #d2 ul li .txtBox {padding: 10px 0 10px 20px;} #d2 ul li .txtBox h3 {margin-bottom: 14px; font-size: 26px; letter-spacing: -1px;} #d2 ul li .txtBox p {font-size: 18px; line-height: 26px;} #d2 ul li .txtBox p i {font-size: 18px;} #d2 ul li .txtBox p i:first-child {margin-right: 4px;} #d2 ul li .txtBox p i:last-child {margin-left: 4px;} #d2 a {width: 260px; height: 40px; font-size: 20px; line-height: 38px; letter-spacing: -0.5px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);} #d2 a i {margin-left: 4px;} #d2 a:hover i {margin-left: 10px;} } /* 보험 컨설팅 - 인증 컨설턴트 */