@charset "utf-8";

.sign_wrap{width: 965px; margin: 0 auto;}

/* step */
.sign_step{overflow: hidden; width: 100%; font-weight: 600; background-color: #fff;}
.sign_step li{position: relative; float: left; width: 25%; height: 110px; padding: 38px 0 38px 114px; box-sizing: border-box;}
.sign_step li::after{position: absolute; content: url('./images/icon_signstep-next.png'); top: 45px; right: 0;}
.sign_step li:last-child::after{display: none;}
/* step별 아이콘 */
.sign_step .step1_on{background: url(./images/icon_signstep1_on.png) no-repeat 25px;}
.sign_step .step2_on{background: url(./images/icon_signstep2_on.png) no-repeat 25px;}
.sign_step .step3_on{background: url(./images/icon_signstep3_on.png) no-repeat 25px;}
.sign_step .step4_on{background: url(./images/icon_signstep4_on.png) no-repeat 25px;}
.sign_step .step1_off{background: url(./images/icon_signstep1_off.png) no-repeat 25px;}
.sign_step .step2_off{background: url(./images/icon_signstep2_off.png) no-repeat 25px;}
.sign_step .step3_off{background: url(./images/icon_signstep3_off.png) no-repeat 25px;}
.sign_step .step4_off{background: url(./images/icon_signstep4_off.png) no-repeat 25px;}
/* step별 아이콘 */
.sign_step li[class$="_on"] p{color: #3d4553 !important;}
.sign_step li[class$="_on"] p span {padding-bottom:2px; border-bottom:2px solid #787171;}
.sign_step li[class$="_off"] p{color: #777;}
.sign_step li p.step_name{font-size: 17px; color: #333;}
/* step */
/* sign_guide */
.sign_guide{overflow: hidden; width: 100%; height: 200px; margin-top: 20px; padding: 35px 40px; box-sizing: border-box; background: url(./images/bg_sign-guide.png) no-repeat;}
.sign_guide>img{float: left; padding-right: 40px;}
.sign_guide h4{font-size: 22px; font-weight: 600; padding: 19px 0;}
.sign_guide h4 span{color: #283990;}
.sign_guide p span{line-height: 1.6; color: #cf4811; text-decoration: underline; text-underline-position: under;}
/* //sign_guide */
/* sign_type */
.sign_type h4{font-size: 17px; font-weight: 600; margin: 30px 0; padding-left: 25px; background: url('./images/bullet.png') no-repeat left center;} /* 기존 원본 이미지 경로 '../../images/ftms/sub/sub_contents_bullet_01.gif' */
.sign_type h4 span{font-size: 14px; font-weight: normal;}
.sign_type ul{width: 100%;}
.sign_type ul li{display: inline-block; width: 314px; margin-right: 7px; box-sizing: border-box; background: url('./images/bg_sign-type-box.png') no-repeat;}
.sign_type ul li:last-child{margin-right: -4px;}
.sign_type ul li a{display: block; padding: 0 30px; line-height: 60px; font-size: 17px; color: #fff; cursor: pointer;}
.sign_type ul li a:focus{outline:2px dashed #aaa; outline-offset:-2px;}

/* // sign_type */
.sign_wrap .call_center_top{width: 100%; margin-top: 70px; border: 1px solid #c2c2c2; background: url('./images/call_center_top_bg.jpg') no-repeat 40px 35px; padding: 10px 20px 20px 200px;box-sizing: border-box;}  /* 기존 원본 이미지 경로 '../../images/ftms/sub/call_center_top_bg.jpg' */
.sign_wrap .call_center_top h4 span::after{content: ''; display: inline-block; width: 1px; height: 20px; margin: 0 15px; vertical-align: -10%; background: #c2c2c2;}
.sign_wrap .call_center_top h4{padding-left: 25px; height: 27px; font-size: 22px; line-height: 25px; margin: 20px 0 10px 0; font-weight: 600;}
.sign_wrap .call_center_top p{vertical-align: middle; display: inline-block; line-height: 24px; margin-left: 20px; padding-left: 10px;}
.sign_wrap .call_center_top p span{font-weight: 600; color: #cf4811;}
.sign_wrap .call_center_top ul {margin: 3px 0 12px 31px;}
.sign_wrap .call_center_top ul li{padding-left: 8px; line-height: 21px; background: url('./images/middot.gif') no-repeat 0 9px;} /* 기존 원본 이미지 경로 '../../images/ftms/main/middot.gif' */