@charset "utf-8";
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */ 

@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(./font/NotoSansKR-Regular.woff2) format('woff2'), 
       url(./font/NotoSansKR-Regular.woff) format('woff'), 
       url(./font/NotoSansKR-Regular.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(./font/NotoSansKR-Medium.woff2) format('woff2'), 
       url(./font/NotoSansKR-Medium.woff) format('woff'), 
       url(./font/NotoSansKR-Medium.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(./font/NotoSansKR-Bold.woff2) format('woff2'), 
       url(./font/NotoSansKR-Bold.woff) format('woff'), 
       url(./font/NotoSansKR-Bold.otf) format('opentype'); 
}
/* Reset */
body,h2{margin:0;padding:0}
body,h2{font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 'sans-serif';font-size:14px;color:#363636;}

.red{color:#ee1c24;}
.blue{color:#0072bc;}
.green{color:#39b54a;}
.yellow{color:#f8941d;}
.gray{color:#7d7d7d;}

/*Layout*/
#container{padding-bottom:60px;min-height:700px;font-size:15px;}
#container .subInner{margin:0 auto;width:980px;}
#container .textContentBox{padding:10px;border:1px #e1e1e1 solid;box-sizing:border-box;}
#contentTop{padding:50px 0;text-align:center;}
#contentTop h2{display:block;margin-bottom:0px;font-size:38px;font-weight:bold;}

/*Mobile*/
@media all and (max-width:1024px){
	body{padding-top:10px;}	

    #container{min-height:inherit;padding-bottom:30px;}
	#container .subInner{margin:0;width:auto;}
	#contentTop{padding:10px 0;}
	#contentTop h2{font-size:25px;margin-bottom:10px;}
}

/*Phone*/
@media all and (max-width:640px){
	#container{font-size:13px;}
	#container #content{margin:0 10px;}
}

/*Tablet*/
@media all and (min-width:640px) and (max-width:1024px){
	#container #content{margin:0 20px;}
}