@charset "utf-8";
/* 목록 */
.row{display:block}
.badge{display:inline-block;width:100%;max-width:110px;height:28px;border-radius:13px;background-color:#fff;font-size:14px;font-weight:500;text-align:center;line-height:1.4;-webkit-border-radius:13px;-moz-border-radius:13px;}
.badge.b1{border:2px solid #67365a;color:#67365a;}
.badge.b2{border:2px solid #466fe4;color:#466fe4;}
.badge.b3{border:2px solid #fc722e;color:#fc722e;}
.badge.b4{border:2px solid #5cad35;color:#5cad35;}

/* 등록 */
.ui-topbox.type1 .inner .txtwrap p.txt{font-size:14px}
.program--contents:after {content:"";display:block;visibility:hidden;clear:both;}
div[class^=col-]{min-height:54px}

@media only screen and (min-width: 768px){
.form-inline .form-group{display:block}
.form-inline .form-control{width:100%}
}

@media only screen and (min-width: 900px){
.form-inline .form-group{display:inline-block}
.form-inline .form-control{width:auto}
}



.icon{width:80%;height:80%}
.icon svg{position:absolute;top:35%;left:40%;cursor:pointer;transition:transform 0.2s cubic-bezier(0.55, 0, 0.1, 1);will-change:transform;width:60%;}
.outer{z-index:1;transform:translateX(-50%) translateY(-50%) translateX(-15px) translateY(-22.5px);}
.outer path{stroke-dasharray:300px;stroke-dashoffset:-300px;transition:stroke-dashoffset 2.8s linear;}
.outer path.stroke{stroke-dashoffset:0;}
.gradient{z-index:2;transform:translateX(-50%) translateY(-50%) translateX(15px) translateY(22.5px);transition:transform .2s;}
.gradient .border path{stroke-dasharray:555px;stroke-dashoffset:-555px;transition:stroke-dasharray 2s linear;}
.gradient .border path.animate{animation:drawPath linear forwards infinite;animation-duration:4s;stroke-dasharray:138.75px;}
.gradient .border path.animate:nth-of-type(2){animation-delay:1s;}
.gradient .border path.animate:nth-of-type(3){animation-delay:2s;}
.gradient .border path.animate:nth-of-type(4){animation-delay:2s;}
.gradient .line path{stroke-dasharray:121px;stroke-dashoffset:-121px;transition:stroke-dasharray 1s linear 1s;}
.gradient .line path.animate{animation:drawPath linear forwards infinite;animation-duration:2s;stroke-dasharray:60.5px;}
.gradient .line path:nth-child(2){animation-delay:1s;}
.gradient .line--3 path{stroke-dasharray:70px;stroke-dashoffset:-70px;transition:stroke-dasharray 1s linear 1s;}
.gradient .line--3 path.animate{stroke-dasharray:35px;}
.no-offset{animation:none !important;stroke-dasharray:0 !important;stroke-dashoffset:0px !important;transition:none !important;}
@keyframes drawPath{
  to{stroke-dashoffset:0px;}
}

.ui-topbox.type1 .circle{background-color:#aaa!important}


.icon svg{top:10%;left:10%;width:80% !important;}
.icon-svg{width:100%;transition:0.2s ease-in-out all;}
.icon-svg circle{transition:0.2s ease-in-out all;}
@-webkit-keyframes admin__cog{
  from{transform-origin:center;transform:rotate(0deg);-webkit-transform-origin:center;-webkit-transform:rotate(0deg);}
  to{transform-origin:center;transform:rotate(360deg);-webkit-transform-origin:center;-webkit-transform:rotate(360deg);}
}
@keyframes admin__cog{
  from{transform-origin:center;transform:rotate(0deg);-webkit-transform-origin:center;-webkit-transform:rotate(0deg);}
  to{transform-origin:center;transform:rotate(360deg);-webkit-transform-origin:center;-webkit-transform:rotate(360deg);}
}
.admin__cog{animation-duration:3s;animation-fill-mode:both;animation-iteration-count:infinite;animation-direction:linear;animation-timing-function:ease-in-out;animation-name:admin__cog;-webkit-animation-duration:3s;-webkit-animation-fill-mode:both;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:linear;-webkit-animation-timing-function:ease-in-out;-webkit-animation-name:admin__cog;}


/* service report print */
body {margin: 0;padding: 0;}
*, *:before, *.after {box-sizing:border-box;-moz-box-sizing:border-box}
.prePrint {position:relative;width:220mm; height:297mm; margin:0 auto; padding:40px; background:#fff; overflow:hidden; }
/* #certificate { position:absolute; left:30px; top:10px; right:30px; bottom:30px; padding:40px; overflow:hidden; border:4px solid #000; } */
#certificate{border: 2px solid #000;padding: 30px 40px;}
#certificate .h2{font-size: 36px;line-height: 34px;font-weight: bold;margin:0 0 25px 0;text-align:center;color:#000;}
#certificate .h2:before{background:none}
#certificate .h3{font-size: 18px;font-weight: bold;margin:20px 0 20px 0;text-align:center;color:#000}
#certificate .table td{text-align:left}
#certificate .table tbody th{text-align:center;background:#fff}
#certificate .table thead th{text-align:center;background:#fff}

@page{margin:0;size:A4}
@media print{
html,body{margin:0;margin-right:1cm;padding:0;width:210mm;height:297mm;background:#fff}
.paper{width:initial;min-height:initial;margin:0;border:initial;border-radius:initial;background:initial;box-shadow:initial;page-break-after:always}
@page{margin:0;size:A4}
}