@charset "utf-8";
/* 초기화 */
html {font-size: 16px}
body{
	font-family:'Noto Sans KR', sans-serif ,'맑은고딕',Malgun Gothic,Arial;
	line-height: 1.5;
	color: #333;
	font-weight: 300;letter-spacing: -0.03em;
	overflow-x:hidden;
}
/* .inner{max-width: 1400px; margin: 0 auto;} */
/* #khgif .inner, */
.inner{width:1200px; max-width: 100%; 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; max-width:1920px; margin: 0 auto;}

.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}

.cal_pos{margin-top: 50px;}
@media screen and (max-width:1480px){
	.inner{padding-left: .938rem; padding-right: .938rem;}
	/* #pnc .inner,
	#khgif .inner{width:auto;} */
}
@media screen and (max-width:1024px){
	.cal_pos{margin-top: 3em;}
}
@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;}
}