@charset "UTF-8";
/* '서비스명'의 모든것*/
.intro .proccess-wrap{box-shadow: 0px 28px 28px -1px rgba(147, 147, 147, 0.28);position: relative;border : solid 3px #657ee9;padding: 75px 130px 76px;background-color: #fff;}
.intro .proccess-wrap:after{content:'';display : block;width : 100%;height: 344px;background-color: #faf9fb;position : absolute;left : 0;top : 0;z-index: 1;}
.intro .proccess-wrap .proccess-box {position : relative; z-index: 2;}
.intro .proccess-wrap .proccess-box ol{font-size: 16px;color : #2b2a2a;font-family : 'NotoSansKR-DemiLight';letter-spacing: -0.04em;}
.intro .proccess-wrap .proccess-box>span {position: absolute; top : 139px; font-family : 'NotoSansKR-Bold'; font-size : 19px; color : #222; text-align: center; word-break: keep-all;}
.intro .proccess-wrap .proccess-box>span.text-user {left : 38px;}
.intro .proccess-wrap .proccess-box>span.text-hometax {left: 901px;}
.intro .proccess-wrap .proccess-box>span em {display : block; font-size : 17px; letter-spacing: -0.025em; font-family : 'NotoSansKR-Regular'; margin-top : 4px;}
.intro .proccess-wrap .proccess-box ol li{text-align: center;position: absolute;}
.intro .proccess-wrap .proccess-box ol li:nth-child(1){top: 18px;left: 228px;}
.intro .proccess-wrap .proccess-box ol li:nth-child(2){top: 28px;left: 653px;}
.intro .proccess-wrap .proccess-box ol li:nth-child(3){top: 99px;left: 204px;word-spacing: 0;}
.intro .proccess-wrap .proccess-box ol li strong {color : #fff;background-image: linear-gradient(112deg , #3692d3 27%, #01c57a 70%);width: 117px;height : 35px;display : flex;justify-content: center;align-items: center;border-radius : 20px;font-family : 'NotoSansKR-Bold';padding-bottom : 2px;}
.intro .proccess-wrap .proccess-box ol li em{color : #2b2a2a; border : solid 1px #2b2a2a; border-radius: 100%; display : inline-flex; justify-content: center; width : 15px; height : 15px; font-size : 13px; line-height: 12px; text-indent: -1.7px; transform : translateY(-1px); margin-right : 2px;}
.intro .proccess-wrap .proccess-box ol li i {display: block;margin: 4px 0 0 6px;font-size: 15px;}
.intro .proccess-wrap .text-box {position : relative;z-index: 2;margin: 74px 0 0 -9px;}
.intro .proccess-wrap .text-box h6{font-size: 18px;color : #5d5d5e;font-family: 'NotoSansKR-Regular';background-image: url('/images/api/common/intro/double-arrow-background-42cd5d2446c5bc13021919f69c76c05d.png');background-repeat : no-repeat;background-position: 5px 8px;padding-left : 24px;letter-spacing: -0.015em;line-height: 29px;}
.intro .proccess-wrap .text-box h6 i {display : inline-flex;align-items: center;font-family : 'NotoSansKR-DemiLight';font-size : 17px;letter-spacing: -0.015em;margin :8px ​0 0px;border-bottom : solid 2px #b6b7bf;padding-left : 7px;color : #5d5d5e;word-spacing: 0px;line-height: 19px;margin: 6px 0 0 -12px;}
.intro .proccess-wrap .text-box h6 i:before {content:'*'; display : inline-block; height : 13px;  margin-right : 5px;}
.intro .proccess-wrap .text-box p{font-size : 19px; color : #525556; font-family: 'NotoSansKR-DemiLight'; letter-spacing: -0.035em; margin-top: 12px;}
.intro .proccess-wrap .text-box p span {font-size: 17px;color : #525556;font-family: 'NotoSansKR-DemiLight';letter-spacing: -0.02em;display: inline-flex;margin: 0 120px 0 3px;line-height : 38px;word-spacing: 0;}
.intro .proccess-wrap .text-box p em{color : #fff;background-color: #646464;font-family: 'NotoSansKR-Medium';border-radius: 20px;margin-right : 10px;padding: 0 21px;display : inline-block;font-size: 17px;line-height : 37px;text-align: center;height : 38px;text-indent: 4px;letter-spacing: -0.02em;float: left;}
.intro .proccess-wrap .text-box p em.gray{background-color : #eaeaeb; color : #949495;}
.intro .proccess-wrap .text-box p em.blue{background-color : #003668;}