@charset "utf-8";

.normal-txt-input.s-width { width: 70px; }
.normal-txt-input.txt-right { text-align: right; padding: 0 10px;}

.step-area { margin-top: 30px; }
.step-area .step-tab { position: relative; height: 32px; overflow: hidden; }
.step-area .step-tab ul { white-space: nowrap; overflow-y: auto; width: 100%; -ms-overflow-style: none; }
.step-area .step-tab ul::-webkit-scrollbar { display:none; }
.step-area .step-tab ul li { display: inline-block; height: 0; border-right: 17px solid transparent; border-bottom: 32px solid #bebebe; line-height: 30px; cursor: pointer; }
.step-area .step-tab ul li a { padding: 0 10px; padding-right: 2px; display: block; color: #fff; }
.step-area .step-tab ul li a span { color: #888; display: inline-block; padding: 0 10px; background: #fff; border-radius: 30px; height: 21px; line-height: 18px; font-weight: 600; }
.step-area .step-tab ul li a i.fa-times-circle { position: relative; top: 2px; margin-left: 5px; font-size: 15px; opacity: .6; }
.step-area .step-tab ul li a i.fa-times-circle:hover { opacity: 1; }
.step-area .step-tab ul li:hover { border-bottom-color: #aaa; }
.step-area .step-tab ul li.select { border-bottom-color: #324bb1; }
.step-area .step-tab ul li.select a span { color: #324bb1; }
.step-area .step-detail { padding: 20px; background: #fff; border: 1px solid #dee3eb; border-top-color: #324bb1;}
.step-area .info-title { position: relative; }
.step-area .info-title .add { position: relative; display: inline-block; font-size: 11px; margin-left: 5px; }
.step-area .info-title .add a { display: block; width: 100%; height: 100%; padding: 3px 10px; border-radius: 5px; background: #fff; border: 1px solid #324bb1; color: #324bb1;}
.step-area .info-title .add a:hover { background: #f0f2fe; }
.step-area .info-title .paging-arrow { position: absolute; top: 0px; right: 0; text-align: center; }
.step-area .info-title .paging-arrow .arr { font-size: 17px; margin-left: 20px; color: #666; }
.step-area .info-title .paging-arrow .arr:hover { color: #222; }
.alert { display: inline-block; font-size: 11px; padding: 5px; color: #CD0000; }

.group-select-pop { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 20; width: 550px; background: #fff; border-radius: 5px; box-shadow: 0 0 15px rgba(0,0,0,0.3); padding: 30px; overflow-y: auto; max-height: 600px; padding: 20px;}
.group-select-pop .close-btn { position: absolute; top: 15px; right: 20px; font-size: 20px; cursor: pointer; color: #bbb; }
.group-select-pop .close-btn:hover { color: #888;}
.group-select-pop .check-input input[type=checkbox] + .check-label.blue, .check-input input[type=radio] + .check-label.blue { color: #001ad9; }
.group-select-pop .check-input input[type=checkbox] + .check-label.red, .check-input input[type=radio] + .check-label.red { color: #f05050; }
.group-select-pop .check-input input[type=checkbox] + .check-label.sky, .check-input input[type=radio] + .check-label.sky { color: #00b2e2; }
.group-select-pop .check-input input[type=checkbox] + .check-label.green, .check-input input[type=radio] + .check-label.green { color: #33be62; }
.group-select-pop .check-input input[type=checkbox] + .check-label.yellow, .check-input input[type=radio] + .check-label.yellow { color: #fad733; }
.group-select-pop .check-input input[type=checkbox] + .check-label.purple, .check-input input[type=radio] + .check-label.purple { color: #6C1DC6; }
.group-select-pop .check-input input[type=checkbox] + .check-label.orange, .check-input input[type=radio] + .check-label.orange { color: #F79100; }
.group-select-pop .check-input input[type=checkbox] + .check-label.pink, .check-input input[type=radio] + .check-label.pink { color: #FD6BCF; }
.group-select-pop .check-label .color { position: relative; top: -1px; left: 3px; display: inline-block; width: 7px; height: 7px; border-radius: 15px; }
.group-select-pop .check-label .color.purple-bg { background: #6C1DC6; }
.group-select-pop .check-label .color.orange-bg { background: #F79100; }
.group-select-pop .check-label .color.pink-bg { background: #FD6BCF; }
.group-select-pop input[type=checkbox] + .check-label, input[type=radio] + .check-label { margin-right: 20px; }

/* 설문 투표 */
.survey-register-wrap { border-top: 1px solid #aaa; background: #fff; }
.survey-register-wrap .survey-category { display: block; }
.survey-register-wrap .survey-category>.row { display: block; height: 40px; border-bottom: 1px solid #dee3eb; }
.survey-register-wrap .survey-category>.row.question {  }
.survey-register-wrap .survey-category>.row.answer { padding-left: 20px; background: #F1F1F1; }
.survey-register-wrap .survey-category>.row .icon-area { float: left; width: 40px; height: 100%; font-size: 18px; text-align: center; line-height: 40px; }
.survey-register-wrap .survey-category>.row .normal-txt-input { float: left; width: calc(100% - 480px); margin-top: 5px; }
.survey-register-wrap .survey-category>.row .answer-count-select { float: left; width: 180px; padding: 0 20px; }
.survey-register-wrap .survey-category>.row .answer-count-select .head { float: left; line-height: 38px; color: #666; }
.survey-register-wrap .survey-category>.row .answer-count-select .unit { float: left;  line-height: 38px; color: #999; }
.survey-register-wrap .survey-category>.row .answer-count-select .normal-txt-input { width: 40px; padding-right: 15px; margin: 5px; }

.survey-register-wrap .survey-category>.row .category-type-select { height: 28px; border: 1px solid #dee3eb; border-radius: 3px; float: left; width: 150px; cursor: pointer; margin-top: 5px; position: relative; }
.survey-register-wrap .survey-category>.row .category-type-select:hover { background: #f3f3f3; }
.survey-register-wrap .survey-category>.row .category-type-select i { margin-right: 5px; width: 10px; text-align: center; }
.survey-register-wrap .survey-category>.row .category-type-select .type-label { padding: 0 10px 0 10px; line-height: 26px; }
.survey-register-wrap .survey-category>.row .category-type-select .type-option-layer { position: absolute; top: 27px; background: #fff; width: calc(100% + 1px); border: 1px solid #dee3eb; border-radius: 3px; left: -1px; padding: 5px 0; display: none; z-index: 2; }
.survey-register-wrap .survey-category>.row .category-type-select:hover .type-option-layer { display: block; }
.survey-register-wrap .survey-category>.row .category-type-select .type-option-layer .type-option { padding: 2px 10px; }
.survey-register-wrap .survey-category>.row .category-type-select .type-option-layer .type-option.select { color: #001ad9; background: #E8E8E8; }
.survey-register-wrap .survey-category>.row .category-type-select .type-option-layer .type-option:hover { background: #f3f3f3;  }

.survey-register-wrap .survey-category>.row .category-type-select:focus,
.survey-register-wrap .survey-category>.row .category-type-select:active,
.survey-register-wrap .survey-category>.row .category-type-select:hover {  border-color: #001ad9; box-shadow: 0 0 2px 2px rgba(26, 113, 165, 0.1); }
.survey-register-wrap .survey-category>.row .category-type-select:before { content: "";  position: absolute; top: 48%; right: 10px; width: 0; height: 0; margin-top: -1px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #ccc; transition: border-top .25s ease; }
.survey-register-wrap .survey-category>.row .category-type-select:hover:before { border-top: 6px solid #AAAAAA; }
.survey-register-wrap .survey-category>.row .tool-btn-wrap { width: 100px; float: left; margin-top: 9px; padding-left: 15px; }
.survey-register-wrap .survey-category>.row .tool-btn-wrap a { color: #666; font-size: 12px; }
.survey-register-wrap .survey-category>.row .tool-btn-wrap a.add-btn { float: left; }
.survey-register-wrap .survey-category>.row .tool-btn-wrap a.del-btn { float: right; }
.survey-register-wrap .survey-category>.row .tool-btn-wrap a i { margin-right: 3px; }


 
/* 탭메뉴 */
.pop-tab-menu {margin-bottom:20px;}
.pop-tab-menu ul { position:relative; overflow: hidden; height: 40px; font-size:14px; z-index: 1;}
.pop-tab-menu ul:after {content:''; position:absolute; width:100%; height:1px; background:#777777; bottom:0; left:0; z-index: -1;}
.pop-tab-menu ul li {position:relative; float: left; display: inline-block; height:40px; }
.pop-tab-menu ul li a {min-width:110px; display: block; line-height: 38px; border:1px solid #dee3eb; border-right:none; border-bottom:1px solid #777777; text-align: center; background:#f2f2f2; padding:0 15px; font-size:1.3rem;}
.pop-tab-menu ul li:last-child a { border-right: 1px solid #dee3eb; }
.pop-tab-menu ul li.select a {background:#fff; border-bottom-color: #fff; border:1px solid #777777; border-bottom:1px solid #fff;}

.pop-wrap.pop-group-wrap .pop-bg .pop-layer { height: 800px; }
.pop-wrap.pop-group-wrap .pop-close-btn { width: auto; height: auto; }
.pop-wrap.pop-group-wrap .info-detail { max-height: calc(100% - 60px); overflow-y: auto; }


/* 워크스페이스 미저장 된 항목 표시 */
.step-area .step-tab ul li.no-save a span.material-icons {width:auto; height:auto; font-size:15px; border-radius: 0; background:transparent; padding:0; position:relative; top:3px; color:#383838;}