@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');

/* 노토산스 */



/* 폰트 */
.lato{font-family:'Lato', sans-serif;}
.dosis{font-family: 'Dosis', sans-serif;}
.titillium{font-family: 'Titillium Web', sans-serif;}
.noto{font-family: 'Noto Sans KR', sans-serif;}
.nanum{font-family: 'Nanum Gothic', sans-serif;}
.fontPlay{font-family: 'Play', sans-serif ;}
.white {color:#FFF !important}
em {font-style:inherit}
/*테이블*/
.to_table{border-top:2px solid #353535; background:#ffffff; margin:10px 0 10px 0;}
.to_table caption{display:none;}
.to_table thead tr th{font-weight:bold; border:1px solid #e0e0e0; background:#ededed; text-align:center; padding:12px; font-size:15px;}
.to_table td{border:1px solid #e0e0e0; padding:12px; color:#666; text-align:center; border-collapse:collapse; font-size:14px;}
.to_table tr.color td{ background: #f5fafb;}
.to_table td.end{color:#3270bd;}
.to_table td.end2{color:#25a99e;}
@media (max-width: 991px) {
.to_table thead tr th{padding:3px; font-size:12px;}
.to_table td{padding:3px; font-size:11px;}
}
/*clearfix*/
.cf{}/* 여기서 cf는 float속성을 가진 태그의 부모태그라고 생각한다.*/
.cf:after{display:block; content:""; clear: both;}


/* 준비중페이지 */
#ready{text-align:center; background:url(../img/common/ready.png) no-repeat 50% 0; margin:80px 0;  
        padding-top:130px; font-size:1.5em; line-height:1.3em; color:#333;}
#ready strong{font-weight:600; color:#23B1BD;}
#ready p{font-size:0.8em; color:#666;}


.blind{
	position: absolute;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
}
.tc {text-align:center !important}
.tl {text-align:left !important}
.tr {text-align:right !important}
.yellow {color:#facc23 !important}
.white {color:#FFF !important}


.inr {width:1200px;margin-left:auto;margin-right:auto}
.w960 {width:960px;margin-left:auto;margin-right:auto}
.widthAuto, .autoW {width:80vw;margin-left:auto;margin-right:auto}


@media (max-width:1201px) {
	.inr {width:90%;}
	.w960 {width:960px;margin-left:auto;margin-right:auto}
	.widthAuto, .autoW {width:90vw;}

}
@media (max-width:769px) {
	.widthAuto, .autoW {width: 90%;margin-left: auto;margin-right: auto;}
	.inr {width:94%;}
	.w960 {width:96%}
}


.animate__delay-_1s {-webkit-animation-delay: .1s;animation-delay: .1s;}
.animate__delay-_2s {-webkit-animation-delay: .2s;animation-delay: .2s;}
.animate__delay-_3s {-webkit-animation-delay: .3s;animation-delay: .3s;}
.animate__delay-_4s {-webkit-animation-delay: .4s;animation-delay: .4s;}
.animate__delay-_5s {-webkit-animation-delay: .5s;animation-delay: .5s;}
.animate__delay-_6s {-webkit-animation-delay: .6s;animation-delay: .6s;}
.animate__delay-_7s {-webkit-animation-delay: .7s;animation-delay: .7s;}
.animate__delay-_8s {-webkit-animation-delay: .8s;animation-delay: .8s;}
.animate__delay-_9s {-webkit-animation-delay: .9s;animation-delay: .9s;}