@charset "utf-8";




@font-face { 
	font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
	} 
	
	
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 


@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
} 


@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
} 


@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
} 


@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
} 



@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.ttf) format('truetype');
}

@font-face {
	font-family:NG;
	font-style:normal;
	font-weight:normal;
	src:url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot');
	src:url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
		url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2') format('woff2'),
		url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff') format('woff'),
		url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf') format('truetype');
}
@font-face {
	font-family:'NGB';
	font-style:normal;
	font-weight:normal;
	src:url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot');
	src:url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
		url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2') format('woff2'),
		url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff') format('woff'),
		url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf') format('truetype');
}

@font-face {
	font-family:'NGEB';
	font-style:normal;
	font-weight:normal;
	src:url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot');
	src:url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2') format('woff2'),
		url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff') format('woff'),
		url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf') format('truetype');
}


/*웹폰트*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900,500italic);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);



@font-face{
  font-family: 'NanumGothicWeb';
  font-style: normal;
  font-weight: normal;
  src: url('/css/NanumGothic.eot'); 
  src: local('※'), url('/css/NanumGothic.woff') format('woff'), url('/css/font/NanumGothic.ttf') format('truetype'); 
}


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	
	scrollbar-highlight-color: #CCCCCC; 
	scrollbar-shadow-color: #CCCCCC; 
	scrollbar-arrow-color: #CCCCCC; 
	scrollbar-face-color: #FFFFFF; 
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF; 
	scrollbar-track-color: #FFFFFF;

}
img {
    border: none;
}

a:link {
	text-decoration: none;
	color: #fff;
}
a:visited {
	text-decoration: none; color: #fff;
	
}
a:hover {
	text-decoration: none;
	
}
a:active {
	text-decoration: none;
	
}
/*
#mainbgs { 
position:absolute;
width: 100%; 
height:100%;
background-repeat: no-repeat; 
background-position: center top; 
} 
*/


.pop01 { position:absolute; width:100%; height:100%;  background:url('../img/pop.jpg') no-repeat center top; background-size: 100%;}
.box {position:absolute; width:40%; height:100%; background:#374f8d; filter:Alpha(Opacity=50);opacity:0.5;}
.mbox { display:none;}
.mtext { display:none;}
.text {position:absolute; width:35%; color:#FFF; z-index:1000000; padding:80px 0 0 20px; }
.text .t01 {font-size:95px; font-family: 'Roboto','Noto Sans KR'; font-weight :700; line-height:100px; letter-spacing:-5px; border-bottom: 1px dashed #b1b2cb; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.4);}
.text .t02 {font-size:38px; font-family:"Noto Sans KR","arial", "sans-serif","Dotum"; font-weight :300; line-height:50px; padding-top:20px; letter-spacing:-1px;}
.text .t03 {font-size:16px; font-family:"Noto Sans KR","arial", "sans-serif","Dotum"; font-weight :200; line-height:25px; padding-top:20px; letter-spacing:-0.3px; filter:Alpha(Opacity=80);opacity:0.8;}
.button {font-size:17px; font-family:"Noto Sans KR","arial", "sans-serif","Dotum"; font-weight :300; line-height:60px; width:240px; height:60px; background:#1fa9e2 ; text-align:center; margin-top:35px; background:url('../img/pop_arro.png') no-repeat 0px 0px; border-radius:5px; }
.button a { display:block; margin:0 0 0 0; padding:0 0 0 0; }
.button a:hover{ background: #0d183d; background:url('../img/pop_arro02.png') no-repeat 0px 0px; border-radius:5px; }



@media only screen and (max-width : 1450px) {
	.pop01 { position:absolute; width:100%; height:100%;  background:url('../img/pop.jpg') no-repeat center top; background-size: cover;}
	.text .t01 {font-size:70px;  line-height:72px; }
.text .t02 {font-size:30px; line-height:40px;}
.text .t03 {font-size:16px; font-family:"Noto Sans KR","arial", "sans-serif","Dotum"; font-weight :200; line-height:25px; padding-top:20px; letter-spacing:-0.3px; filter:Alpha(Opacity=80);opacity:0.8;}
.button {line-height:45px; width:200px; height:45px; background:url('../img/pop_arro.png') no-repeat -40px -6px; }
.button a:hover{ background:url('../img/pop_arro02.png') no-repeat -40px -6px;  }
}






@media only screen and (max-width : 720px) {
	.pop01 { position:absolute; width:100%; height:100%;  background:url('../img/pop04.jpg') no-repeat center top; background-size: 100%;}
.box { display:none;}
.text { display:none;}
.mbox { display:block; position:absolute; top:0px;    width:100%; height:210px; background:#374f8d; filter:Alpha(Opacity=50);opacity:0.5;}
.mtext { display:block; position:absolute;  top:0px; left:-15px; width:100%; color:#FFF; z-index:1000000; text-align:center  }
.mtext .t01 {font-size:45px; font-family: 'Roboto','Noto Sans KR'; font-weight :700; line-height:55px; letter-spacing:-2px;}
.mtext .t02 {font-size:23px; font-family:'Nanum Myeongjo'; font-weight :500; line-height:32px; padding-top:5px; letter-spacing:-1px;}
.mtext .t03 {display:none;}

.button {position:relative; top:10px; margin:0 auto; font-size:15px; line-height:35px; width:180px; height:35px;  background:url('../img/pop_arro.png') no-repeat -55px -12px; border-radius:2px; }
.button a:hover{ background:url('../img/pop_arro02.png') no-repeat -55px -12px; border-radius:2px; }


	
}