/* 
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess 
*/ 

*{margin:0; padding:0;}

@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");


@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'); 
}



.rolling_box{position:relative; width:100%; overflow:hidden;}
.rolling_box h1{position:absolute; top:38px; right:80px; margin-top:10px; line-height:125%; font-size:14px; color:#333; font-family: 'Noto Sans KR'; letter-spacing:-0.2px; z-index:1;}
.rolling_box h1 p{font-size:40px; color:#0a4595; font-family: 'Noto Sans KR'; font-weight:900; letter-spacing:-0.5px;}
.rolling_box h1 span{display:block; margin:12px 0 5px 0; font-size:14px; color:#87c80a; font-family: 'Noto Sans KR';}

.rolling_box .rolling_item{position:relative; width:100%; height:357px; overflow:hidden;}
.rolling_box .rolling_item ul li{position:absolute; width:100%; height:100%; display:none;}
.rolling_box .rolling_item ul li:nth-child(1){display:block;}
.rolling_box .rolling_item .rolling_btn{position:absolute; bottom:6px;; left:50%; transform:translateX(-50%);}
.rolling_box .rolling_item .rolling_btn p{display:inline-block; width:12px; height:12px; background:#333; border-radius:100%; cursor:pointer;}
.rolling_box .rolling_item .rolling_btn p:first-child{margin-right:5px;}
.rolling_box .rolling_item .rolling_btn p.on{background:#87c80a;}


.banner_box{position:relative; width:100%; overflow:hidden;}
.banner_box h1{margin-bottom:15px; font-size:17px; font-family: 'Noto Sans KR'; color:#023399; letter-spacing:-0.5px;}
.banner_box .banner_rolling{position:relative; width:100%; height:108px; margin-bottom:26px; overflow:hidden;}
.banner_box .banner_rolling ul li{position:absolute; width:100%; height:100%; display:none;}
.banner_box .banner_rolling ul li:nth-child(1){display:block;}
.banner_box .banner_btn{position:absolute; top:3px; right:110px;}
.banner_box .banner_btn p{display:inline-block; width:12px; height:12px; margin-left:4px; background:#7e7f84; border-radius:100%; cursor:pointer;}
.banner_box .banner_btn p:first-child{margin-left:0;}
.banner_box .banner_btn p.on{background:#163578;}
