@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
body{font-family: 'Noto Sans KR', sans-serif;font-weight:300;font-size:16px;color:#555;background:url(/site/hsc/images/intro/mainintro/bg.jpg) center top;}

/*태그의 기본 여백 삭제*/
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li{margin:0; padding:0;}

/*태그의 문자 기울임 삭제*/
em{font-style:normal;}

/*이미지태그를 링크하는 경우 생기는 border 삭제*/
a img{border:0;}

/*ul태그 앞에 동그라미 삭제*/
ul, li{list-style:none;}

/*float를 해결하는 방법(부유요소를 해결)*/
.clearfix:after{display:block;clear:both;content:".";visibility:hidden;height:0;}
.clearfix{display:block;}

.wrap{width:1000px;margin:0 auto;}

@media screen and (max-width:1000px){
	.wrap{width:90%;margin:0 5%;}
}

#header{background:url(/site/hsc/images/intro/mainintro/header_bg.png) top no-repeat;text-align:center;}

@media screen and (max-width:1000px){
	#header .popup img{width:100%}
}


#container{}
#container .link{margin:40px 0;}
#container .box{width:490px;height:314px;text-align:center;border:5px solid #fff; float:left;}
#container .box.red{background:url(/site/hsc/images/intro/mainintro/red_bg.png);border-right:none;}
#container .box.blu{background:url(/site/hsc/images/intro/mainintro/blue_bg.png);}
#container .box a{text-decoration:none;}
#container .box a span{display:block;color:#fff;font-size:30px;font-weight:500;}
#container .box a img{padding:15px 0 8px 0;}
#container .cts_t{}
#container .table_st{width:100%;text-align:center;color:#fcff16;background:url(/site/hsc/images/intro/mainintro/black_bg.png);border-top:5px solid #fff;border-bottom:5px solid #fff;}
#container .table_st th,#container .table_st td{border-bottom:1px solid #fff;border-right:1px solid #fff; }
#container .table_st th:last-child, #container .table_st td:last-child{border-right:0;}
#container .table_st thead th, .table_st thead td{padding:10px;}
#container .table_st tbody th, .table_st tbody td{padding:8px;}
#container .table_st th{font-weight:400;font-size:20px;color:#fff;} 
/* #container .table_st th{font-weight:400;font-size:20px;color:#ffeb7c;} */

@media screen and (max-width:1000px){
	#container .box{width:100%}
	#container .box.red{border-right:5px solid #fff;border-bottom:none;}
}

@media screen and (max-width:560px){
	#container .box a img{width:90%}
}

@media screen and (max-width:530px){
	#container .box{height:50%;}
	#container .box a span{font-size:25px;padding-bottom:15px;}
}




#footer p.text{text-align:center;color:#fff;font-size:15px;padding:50px 0;}