@charset "utf-8";

/* 작성 이미지 추가 */
.survey-cont-img {width: 100px; height: 80px; background-color: #fff; border-radius: 4px; padding: 5px; display: flex; justify-content: center; align-items: center; position: relative;}
.survey-cont-img img {max-width: 100%; max-height: 100%}
.survey-cont-img .ico-btn{position: absolute; right: -1px; bottom: 0; background-color: #aaa; font-size: 11px; font-weight: 900; padding: 4px 6px; border-radius: 50%; color: #fff; border: 3px solid #fff; width: 29px; height: 29px;}

/* 단계 */
.step-ui{display: inline-flex;}
.step-ui li{position: relative; padding-bottom: 25px;}
.step-ui li:not(:last-child){margin-right: 100px;}
.step-ui .circle{background-color: #dedede; color: #777;}
.step-ui .step-name{display: block; position: absolute; white-space: nowrap; top: 30px; font-size: 14px;}
.step-ui li.on .circle{background: #2d99fb; color: #fff;}
.step-ui li:not(:last-child):before{content:''; position: absolute; left: 100%; top: 13px; border-top: 1px solid #dedede; width: 100px;}
.step-ui li.on:before{content:''; border-color: #2d99fb;}
.step-ui li.on .step-name{color: #2d99fb;}