@charset "utf-8";
/* 초기화 */
html {font-size: 16px}
body{
	font-family:'Noto Sans KR', sans-serif ,'맑은고딕',Malgun Gothic,Arial;
	line-height: 1.5;
	color: #666;
	font-weight: 300;letter-spacing: -0.03em;
}
.sub-page{padding: 3em 0 8em;}
.inner{max-width: 1200px; margin: 0 auto;}

.fl{float: left}
.fr{float: right}
.tal{text-align: left;}
.tac{text-align: center;}
.tar{text-align: right;}

#wrap{overflow: hidden; position: relative;}

.slick-arrow{display: block;white-space: nowrap;overflow: hidden;text-indent: -999px; overflow: hidden;}

/* .slick-dots{font-size: 0;}
.slick-dots li{display: inline-block; border-radius: 50%; margin-left: 8px; border:2px solid #fff}
.slick-dots .slick-active{background: #cbb778; border-color: #cbb778}
.slick-dots li:first-child{margin-left: 0;}
.slick-dots button{display: block; width: 10px; height: 10px} */

.color-red{color: #a40e17}
.color-blue{color: #0a326f}

.bg-red{background: #a40e17; color: #fff}
.bg-blue{background: #0077c0; color: #fff}

.main-calendar{margin-bottom: 50px;}
.sub-page_t{margin-bottom: 1em;}
.sub-tab > li > a { font-size: 1.063em; }
.sub-tab > li > a.active{background: #fff;color: #0a326f;outline: 1px solid #0a326f;}
.sub-tab .on a {background: #fff;color: #0a326f;outline: 1px solid #0a326f;}

@media screen and (max-width:1280px){
	.inner{padding-left: .938rem; padding-right: .938rem;}
}
@media screen and (max-width:720px){
 html{font-size: 15px;}
}
@media screen and (max-width:380px){
 html{font-size: 14px;}
}
@media screen and (max-width:320px){
 html{font-size: 13px;}
}