*{outline: 0}
@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-style: normal;
    src: url('../fonts/Pretendard-Thin.eot');
    src: url('../fonts/Pretendard-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Pretendard-Thin.woff2') format('woff2'),
        url('../fonts/Pretendard-Thin.woff') format('woff'),
        url('../fonts/Pretendard-Thin.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-style: normal;
    src: url('../fonts/Pretendard-ExtraLight.eot');
    src: url('../fonts/Pretendard-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Pretendard-ExtraLight.woff2') format('woff2'),
        url('../fonts/Pretendard-ExtraLight.woff') format('woff'),
        url('../fonts/Pretendard-ExtraLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-style: normal;
    src: url('../fonts/Pretendard-Light.eot');
    src: url('../fonts/Pretendard-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Pretendard-Light.woff2') format('woff2'),
        url('../fonts/Pretendard-Light.woff') format('woff'),
        url('../fonts/Pretendard-Light.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/Pretendard-Regular.eot');
    src: url('../fonts/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Pretendard-Regular.woff2') format('woff2'),
        url('../fonts/Pretendard-Regular.woff') format('woff'),
        url('../fonts/Pretendard-Regular.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url('../fonts/Pretendard-Medium.eot');
    src: url('../fonts/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Pretendard-Medium.woff2') format('woff2'),
        url('../fonts/Pretendard-Medium.woff') format('woff'),
        url('../fonts/Pretendard-Medium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
    src: url('../fonts/Pretendard-SemiBold.eot');
    src: url('../fonts/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Pretendard-SemiBold.woff2') format('woff2'),
        url('../fonts/Pretendard-SemiBold.woff') format('woff'),
        url('../fonts/Pretendard-SemiBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    src: url('../fonts/Pretendard-Bold.eot');
    src: url('../fonts/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Pretendard-Bold.woff2') format('woff2'),
        url('../fonts/Pretendard-Bold.woff') format('woff'),
        url('../fonts/Pretendard-Bold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-style: normal;
    src: url('../fonts/Pretendard-ExtraBold.eot');
    src: url('../fonts/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Pretendard-ExtraBold.woff2') format('woff2'),
        url('../fonts/Pretendard-ExtraBold.woff') format('woff'),
        url('../fonts/Pretendard-ExtraBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-style: normal;
    src: url('../fonts/Pretendard-Black.eot');
    src: url('../fonts/Pretendard-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Pretendard-Black.woff2') format('woff2'),
        url('../fonts/Pretendard-Black.woff') format('woff'),
        url('../fonts/Pretendard-Black.ttf') format("truetype");
    font-display: swap;
}

/* 스크롤바 */

body::-webkit-scrollbar {
	width: 8px;
}
body::-webkit-scrollbar-thumb {
	background:#dbe5f2 !important;
	border-radius: 14px;
	background-clip: padding-box;
	border: 3px solid transparent;	
}
body::-webkit-scrollbar-track {
	background-color: white !important;
	border-radius: 14px;
	box-shadow: inset 0px 0px 5px white;
}

div::-webkit-scrollbar {
	width: 8px;
}
div::-webkit-scrollbar-thumb {
	background:#dbe5f2 !important;
	border-radius: 14px;
	background-clip: padding-box;
	border: 3px solid transparent;	
}
div::-webkit-scrollbar-track {
	background-color: white !important;
	border-radius: 14px;
	box-shadow: inset 0px 0px 5px white;
}

/* html5_reset */
header,section,article,footer,nav,aside{display:block;margin:0;padding:0;}
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;}
body{font-family:'Pretendard';color:#000;font-weight:400;font-size:12px;background:#fff7e8;}
input, select, textarea{border-radius:0;font-family:'Pretendard','맑은고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,sans-serif; color:#000;}
caption, legend{font-size:0;line-height:0;text-indent:-9999em;}
fieldset, iframe{border:0 none;vertical-align:top;}
img{border:0; vertical-align:top;}
a img{vertical-align:top;}
ul,ol{list-style:none;}
a{color:#000;text-decoration:none;cursor:pointer;}
em,address{font-style:normal;}
table{border-collapse:collapse;table-layout:fixed;}
textarea{font-family:'Pretendard'; font-weight:400;}
button{border:none;vertical-align:middle;cursor:pointer;white-space:nowrap;text-decoration:none;background:transparent;outline:0}

.bg_2512_01 {position:relative;width:100%;background:url('../images/bg_2512_img01.png')center;background-size:cover}
.bg_2512_02 {position:relative;width:100%;background:url('../images/bg_2512_img02.png')center;background-size:cover}
.bg_2512_02 .card {position:absolute;top:10px;width:95%;margin-left:80px;text-align:center}
.bg_2512_02 .card .value {font-size:150px;color:#ffd800;letter-spacing:65px;font-weight:800}
.bg_2512_03 {position:relative;width:100%;margin-bottom:30px;background:url('../images/bg_2512_img03.png')center;background-size:cover}
.bg_2512_04 {position:relative;width:100%;margin-bottom:100px;}
img {margin:auto;width:100%;max-width:1200px;display:block}
.bg_2512_02 #timer {
		position:absolute;
		left:50%;
		top:50%;
		margin-left:-400px;
		margin-top:120px;
		font-size: 6em;
		font-weight: 800;
		color: #ff4200;
		padding: 20px;
		text-align:center;
		width:800px;
	}

.bg_2512_02 #timer div {
		position:relative;
		display: inline-block;
		width: 158px;
		padding: 15px 0;
		background:#fff;
		border:5px solid #ffdd8c;
		border-radius:20px;
		margin: 11px;
	}
.bg_2512_02 #timer div span {
		width:60px;
		color: #d57900;
		display: block;
		margin: 15px auto;
		border-radius:20px;
		background:#ffebe0;
		padding:6px 0;
		font-size: .25em;
		font-weight: 700;
	}


@media screen and (max-width: 1200px) {
.bg_2512_02 .card {position:absolute;top:10px;width:95%;margin-left:50px;text-align:center}
.bg_2512_02 .card .value {font-size:120px;letter-spacing:55px;}

.bg_2512_02 #timer {
		margin-top:80px;
	}

}

@media screen and (min-width: 390px) {

}