/* 민규 추가 */ .col-table table{ table-layout:fixed; } .col-table table .col-th{ width: 150px; } .col-table table input[type="text"]{ width: 100%; } .col-table table input.date-input{ width: 45%; float: left; } .col-table table input.date-input_40{ width: 40%; } .col-table table .flow{ float: left; display: block; width: 10%; line-height: 30px; height: 30px; text-align: center; } .col-table table input.phone-input{ width: 30%; float: left; } .col-table table .hyphen{ float: left; display: block; width: 5%; line-height: 30px; height: 30px; text-align: center; } .col-table table input.widhtAtuo{ width: auto; } .data-table.border-table table td{ border-bottom: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; } .tit-box{ margin-top: 30px; margin-bottom: 20px; overflow: hidden; } .tit-box h4{ float: left; } .tit-box div{ float: right; } .col-sch-wrap .bbs-view-layout{ padding-right: 40px; } .col-sch-wrap .bbs-view-layout .bbs-view-item{ border: none; width: 100%; } .col-sch-wrap .bbs-view-layout .bbs-view-item .item-box{ padding: 0; } .col-sch-wrap .bbs-view-layout .bbs-view-item .item-title{ padding-left: 40px; } .col-sch-wrap .bbs-view-layout .bbs-view-item .item-title.col-tit-1{ width: 11.55%; } .col-sch-wrap .bbs-view-layout .bbs-view-item .item-title.col-tit-1 + .item-box{ width: 88.4%; } .col-sch-wrap .bbs-view-layout select{ width: 100%; } .col-sch-wrap .sch-content-wrap .btn-page-sch{ float: right; margin-top: 15px; } @media screen and (max-width: 768px){ .col-sch-wrap .bbs-view-layout{ padding-right: 0; padding: 0 20px; } .col-sch-wrap .bbs-view-layout .bbs-view-item .item-title + .item-box + .item-title{ margin-top: 10px; } .col-sch-wrap .bbs-view-layout .bbs-view-item .item-title{ padding-left: 0; } .col-sch-wrap .sch-content-wrap .btn-page-sch{ position: static; right: 0; top: 0; width: auto; height: auto; padding: 6px 20px; } .col-sch-wrap .bbs-view-layout .bbs-view-item .item-title.col-tit-1{ width: 100%; } .col-sch-wrap .bbs-view-layout .bbs-view-item .item-title.col-tit-1 + .item-box{ width: 100%; } } /* 민규 추가 */ .cs-container{ padding:0 20px; } .cs-container *{ vertical-align:initial; } .cs-container td, .cs-container th{ vertical-align:middle; } .data-table.bordered{ border:0; } .data-table.no-gradient th{ background:#F2F2F2; } .data-table.no-hover table tbody tr:hover { background: #fff; } .item-box input{ vertical-align:initial; } .cs-container h3{ font-size:17px; } .cs-step { display: table; width:100%; margin-top:60px; margin-bottom: 30px; overflow: hidden; counter-reset: step; } .cs-step li { display: table-cell; color: #fff; text-transform: uppercase; font-size: 9px; position: relative; text-align: center; white-space: nowrap; } .cs-step li a{ display: block; font-size: 16px; } .cs-step li a:before { content: "Step "counter(step); counter-increment: step; padding:0 10px; line-height: 36px; display: block; font-size: 13px; font-weight: 600; color: #333; background: white; margin: 0 auto 10px auto; } .cs-step li:first-child a:before{ border-radius:3px 0 0 3px; } .cs-step li:last-child a:before{ border-radius:0 3px 3px 0; } .cs-step li:hover a:before, .cs-step li.active a:before{ background: #676fb2; color: white; } .data-table.inp-scroll input[type="text"].form-element{ min-width: 126px; } .data-table.layout-type table tr{ border-top:0 } .data-table.layout-type table th{ width:23%; background:#f3f3f3; border-right: 1px solid #e8e8e8; } .data-table.layout-type table td{ text-align:left; } .data-table.layout-type table tr:hover th{ background:#f3f3f3; } .data-table.layout-type table tr:hover td{ background:#fff; } .cs-panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); border-color: #dcdcdc; } .cs-panel-heading { color: #333; font-size:16px; background-color: #f3f3f3; border-color: #dcdcdc; letter-spacing:-1px; font-weight:700; } .cs-panel-title{ float:left; font-size:14px; line-height:30px; } .cs-panel-btn-zone{ float:right; } .cs-panel-heading { padding:10px 15px; border-bottom: 1px solid #dcdcdc; border-top-left-radius: 3px; border-top-right-radius: 3px; } .cs-panel-body { padding: 15px; } .cs-toggle-container{ margin-top:10px; } .cs-toggle-container:first-child{ margin-top:0; } .cs-toggle-btn{ width: 100%; text-align: center; height: 34px; background: #7e7e7e; color: #fff; font-size:14px; padding:0 20px; } .cs-toggle-btn [data-nth]{ vertical-align: middle; } .cs-toggle{ display: none; } .cs-essential{ font-weight:700; color:#ff4315; } .btn-default{ vertical-align:middle; } .btn-default.transparent{ background: transparent; color:#212121 !important; border: 1px solid #ddd; border-radius: 3px; } .btn-default.sm-size{ padding:5px 12px; } .bbs-view-item .item-box .cs-files .row{ margin:7px 0 } .bbs-view-item .item-box .cs-files .row:last-child { margin: 0; } .item-box input[type="file"].file-unset{ display: initial !important; overflow: initial !important; position: static !important; width: auto ; height: auto ; font-size: 13px !important; line-height: initial !important; text-indent: initial !important; vertical-align: initial !important; padding: initial !important; text-indent:0; } .item-box input[type="file"].file-unset + label{ position: initial !important; display: initial !important; background: initial !important; height: initial !important; line-height: initial !important; color: initial !important; border-radius: initial !important; padding: initial !important; vertical-align:initial !important; overflow: unsert !important; margin: initial !important; max-width: initial !important; font-weight: initial !important; } input[type="file"].file-unset + label:before{ display:none !important; } @media (max-width:1024px){ .cs-panel-btn-zone{ width:30%; text-align:right; } .cs-panel-btn-zone button{ width:100%; } .col-table table{ table-layout:auto; } .col-table table .col-th{ width: auto; } } @media (max-width: 768px){ .bbs-view-item .item-title.no-bullet:before { content: ''; } .cs-panel-body{ padding:10px; } .cs-toggle-container{ margin-top:5px; } } @media (max-width:640px){ .cs-container{ padding:0 5px; } .cs-step li a{ font-size:14px; } .item-box input[type="file"].file-unset{ max-width:180px; } }