@charset "utf-8";

.board-slide {position:relative;}
.schedule-view .control {position:absolute;width:100%;top:35%}
.schedule-view .control a {position:absolute;font-size:50px;top:12%;}
.schedule-view .control a.prev {left:0;}
.schedule-view .control a.next {right:0;}
.schedule-view .control a:hover {color:#888;}

/* 새 달력 css */
.air-datepicker {
    opacity: 0;
    visibility: hidden; 
}

.air-datepicker.-active- {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.4s ease-out !important; 
}

#skipwrap					{}
#skipnavi					{position:absolute;height:auto;width:100%;z-index:9999999;}
#skipnavi ul li a			{position:absolute;top:-500px;display:block;width:100%;transition:none;}
#skipnavi ul li a:focus,
#skipnavi ul li a:active	{top:1px;height:38px;line-height:38px;text-align:center;font-size:17px;font-weight:600;background:#36312b;color:#ffffff;text-decoration:none;}
@media (max-width:1017px){/*720*/
	#skipwrap	{display:none;}
}

.spinner {position:relative;display:inline-block;top: 35%;left: 50%;transform: translate(-50%, -50%);width: 60px;height: 60px;border: 6px solid #f3f3f3;border-top: 6px solid #3498db;border-radius: 50%;animation: spin 1s linear infinite;}
.spinner-wrap {position: relative;text-align: center;top: 25%;}
@keyframes spin {
	0% { transform: translate(-50%, -50%) rotate(0deg); }
	100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/*[s] 로딩 디자인*/
.load-wrapper {position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;z-index:2;text-align:center;display:flex;flex-direction:column;justify-content:center;}
.load-wrapper .box-wrap {width:70px;height:70px;margin:0 auto;position: relative;transform: rotate(-45deg);}
.load-wrapper .box-wrap .box {width: 100%;height: 100%;position: absolute;left: 0;top: 0;background:linear-gradient(to right, #20B6D5, #89BCFA, #1074F5, #0B49CA, #099153, #20B6D5);background-position: 0% 50%;background-size: 1000% 1000%;visibility: hidden;}
.load-wrapper .box-wrap .box.one {animation: moveGradient 15s infinite, oneMove 3.5s infinite;}
.load-wrapper .box-wrap .box.two {animation: moveGradient 15s infinite, twoMove 3.5s .15s infinite;}
.load-wrapper .box-wrap .box.three {animation: moveGradient 15s infinite, threeMove 3.5s .3s infinite;}
.load-wrapper .box-wrap .box.four {animation: moveGradient 15s infinite, fourMove 3.5s .575s infinite;}
.load-wrapper .box-wrap .box.five {animation: moveGradient 15s infinite, fiveMove 3.5s .725s infinite;}
.load-wrapper .box-wrap .box.six {animation: moveGradient 15s infinite, sixMove 3.5s .875s infinite;}
.load-wrapper .loading-text {margin-top:25px;white-space: nowrap;line-height:1.2;}

@keyframes moveGradient {
    to {
        background-position: 100% 50%
    }
}
@keyframes oneMove {
    0% {
        visibility: visible;
        clip-path: inset(0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    14.2857% {
        clip-path: inset(0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    28.5714% {
        clip-path: inset(35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    42.8571% {
        clip-path: inset(35% 70% 35% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    57.1428% {
        clip-path: inset(35% 70% 35% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    71.4285% {
        clip-path: inset(0% 70% 70% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    85.7142% {
        clip-path: inset(0% 70% 70% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    100% {
        clip-path: inset(0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
}

@keyframes twoMove {
    0% {
        visibility: visible;
        clip-path: inset(0% 70% 70% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    14.2857% {
        clip-path: inset(0% 70% 70% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    28.5714% {
        clip-path: inset(0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    42.8571% {
        clip-path: inset(0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    57.1428% {
        clip-path: inset(35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    71.4285% {
        clip-path: inset(35% 70% 35% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    85.7142% {
        clip-path: inset(35% 70% 35% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    100% {
        clip-path: inset(0% 70% 70% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
}

@keyframes threeMove {
    0% {
        visibility: visible;
        clip-path: inset(35% 70% 35% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    14.2857% {
        clip-path: inset(35% 70% 35% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    28.5714% {
        clip-path: inset(0% 70% 70% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    42.8571% {
        clip-path: inset(0% 70% 70% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    57.1428% {
        clip-path: inset(0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    71.4285% {
        clip-path: inset(0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    85.7142% {
        clip-path: inset(35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    100% {
        clip-path: inset(35% 70% 35% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
}

@keyframes fourMove {
    0% {
        visibility: visible;
        clip-path: inset(35% 0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    14.2857% {
        clip-path: inset(35% 0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    28.5714% {
        clip-path: inset(35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    42.8571% {
        clip-path: inset(70% 35% 0% 35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    57.1428% {
        clip-path: inset(70% 35% 0% 35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    71.4285% {
        clip-path: inset(70% 0 0 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    85.7142% {
        clip-path: inset(70% 0 0 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    100% {
        clip-path: inset(35% 0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
}

@keyframes fiveMove {
    0% {
        visibility: visible;
        clip-path: inset(70% 0 0 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    14.2857% {
        clip-path: inset(70% 0 0 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    28.5714% {
        clip-path: inset(35% 0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    42.8571% {
        clip-path: inset(35% 0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    57.1428% {
        clip-path: inset(35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    71.4285% {
        clip-path: inset(70% 35% 0% 35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    85.7142% {
        clip-path: inset(70% 35% 0% 35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    100% {
        clip-path: inset(70% 0 0 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
}

@keyframes sixMove {
    0% {
        visibility: visible;
        clip-path: inset(70% 35% 0% 35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    14.2857% {
        clip-path: inset(70% 35% 0% 35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    28.5714% {
        clip-path: inset(70% 0 0 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    42.8571% {
        clip-path: inset(70% 0 0 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    57.1428% {
        clip-path: inset(35% 0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    71.4285% {
        clip-path: inset(35% 0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    85.7142% {
        clip-path: inset(35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }

    100% {
        clip-path: inset(70% 35% 0% 35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
}

/*[e] 로딩 디자인*/


.tech-reg .agree .txt{height:300px; overflow-y:auto; padding:30px;border:1px solid #dadada;border-radius:10px;}
.tech-reg .agree .txt em{display: block; margin-top:10px;}
.tech-reg .agree .txt h5{font-size: 1.1rem; color:#000}
.tech-reg .agree .txt table{text-align:center;}
.tech-reg .agree .txt table thead tr{background-color:#516B7B; color:#ffffff;}
.tech-reg .agree .txt table thead th{text-align:center;padding:10px; border:1px solid #e6e6e6;}
.tech-reg .agree .txt table tbody tr{border:1px solid #e6e6e6;}

.tech-reg .check-wrap	{position:relative;padding:20px 30px;}
.tech-reg .check-wrap span	{float:left;width:100%;font-size:23px;line-height: 1.5;color:#374259; font-weight:700; padding:30px 0;}
.tech-reg .check-wrap a	{display:inline-block;width:27px;height:27px;line-height:27px;text-align:center;border-radius:50%;border:1px solid #8990A0;transition:all 0.2s ease-out;color:#8990A0;margin-right:10px;}
.tech-reg .check-wrap a.agree-ok	{border-color:#5CA7DA;background:#5CA7DA;color:#fff;}
.tech-reg .check-wrap a:before	{content:"\f00c";font-family:var(--faw);font-weight:900;}
.tech-reg .check-wrap a.on	{color: #fff;background: var(--sub-color);border-color: var(--sub-color);}
.tech-reg .agree .txt table tbody td{background-color:#fff;padding:10px; border:1px solid #e6e6e6;}
.agree *::-webkit-scrollbar{border-radius: 10px;width: 10px;background-color: var(--main-color);}
.agree *::-webkit-scrollbar-track{border-radius: 10px; width:5px; background-color:#cccccc;}
.agree *::-webkit-scrollbar-thumb{border-radius: 10px; width:10px; -webkit-box-shadow: none; background-color:var(--main-color);}
.agree *::-webkit-scrollbar-button{display: none;}
@media only screen and (max-width:1800px){
}
@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
}
@media only screen and (max-width:1023px){
}
@media only screen and (max-width:767px){
	.tech-reg{font-size:.875rem;}
	.tech-reg .agree .txt{padding:20px;height:250px;}
	.tech-reg .agree .txt h5{font-size:.925rem;}
}
@media only screen and (max-width:576px){
}
@media only screen and (max-width:415px){
}