@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');


html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
		vertical-align: baseline;
		font-family: inherit;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		outline: 0;
		padding: 0;
		margin: 0;
		border: 0;
}


:focus {
		outline: 0;
}

body, html { width: 100%; height: 100%; }
body {
	margin : 0;
	padding : 0;
	background-color: #fff;
	/*pointer-events: none;*/
	-webkit-text-size-adjust: none;	
	font-family:'Roboto','Noto Sans KR', 'Nanum Gothic', 나눔고딕, "Malgun Gothic", "맑은 고딕", Tahoma, Geneva, sans-serif;
}
.btn_layer {display:block;cursor:pointer;position:absolute;z-index:9;top:30px;right:30px;font-weight:400;color:#8396c2;font-size:14px;letter-spacing:-0.025em;border-radius:3px;
background-color:#284181;padding:5px 10px; border:0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}/*border:1px solid #5870a5;*/
.btn_layer span {font-weight:700;color:#fff;font-size:14px;}

.btn_layer:hover {color:#fff;border-radius:3px;border:0px solid #8396c2;-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);box-shadow: 0px 1px 2px rgba(0,0,0,0.2);	
}


.layer01 {
	position:absolute;
	z-index:1;
	width:100%;height:100%;
	position:relative;margin:0px;padding:0px;
	background-color:#284181;
	overflow:hidden;

}
.layer02 {
	position:absolute;
	z-index:5;
	display:none;
	width:100%;height:100%;
	margin:0px;padding:0px;
	background-color:#284181;
    background-image: url("../img/bg_2.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center top; 
	background-size:auto;

}
.layer02 .tbox {width:1020px;margin:0px auto;position:relative;padding-top:450px;}

#eff01, #eff02 {display:none;}
.title01 {position:absolute;top:15%;width:100%;text-align:center;}
.title02 {position:absolute;top:35%;width:100%;text-align:center;}


.f01 {letter-spacing:-0.1em;font-size:72pt;font-weight:400;color:#284181;}
.f01 span.c01 {font-weight:700;color:#00cc66;}
.f01 span.c02 {font-weight:700;color:#ff7c80;}

.f02 {display:none;float:left;letter-spacing:-0.1em;font-size:36px;font-weight:100;color:#fff;}
.f02 span {display:block;font-weight:500;font-size:20px;letter-spacing:-0.05em;margin-bottom:10px;}
.f02 em {display:block;font-style: normal;font-weight:200;font-size:16px;letter-spacing:-0.05em;}

.f02 .line01 {width:25px;height:1px;margin:10px 0 13px 0;clear:both;overflow:hidden;}