@charset "UTF-8";

/*font*/
/*
	@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');}
*/
	body, h1, h2, h3, h4, h5, h6, input, textarea, select {
		font-family: 'Noto Sans KR', sans-serif;
	}


	/*common*/
	body{padding:0px; margin:0px;}
	
	.mg-top-50{margin-top:50px;}
	.mg-bottom-50{margin-bottom:50px;}

	.index-top-bg{ display:table; position:relative; width:100%; height: 50px; line-height:50px;  background-color: #006372;}
	.index-floatLeft{ float:left; margin:5px 0 0 10px; } 
	.index-floatRight{ float:right; margin-right:10px; color:#fff;}
	.index-floatRight a{ color:#fff; text-decoration:none;}
	
	/* valign */	
	.text-valin-top{vertical-align:top;}
	.text-valin-mid{vertical-align:middle;}
	
	/* Text Color */
	.text-main-color{color:#006372}
	
	/* Text Weight */
	.text-weight-400{font-weight:400}
	.text-weight-500{font-weight:500}
	.text-weight-600{font-weight:600}
	.text-weight-700{font-weight:700}
	.text-weight-800{font-weight:800}
		

	
	/*content1*/
	.index-content01{ display:inline-block; position:relative;  width:100%;  height:960px; background-image:url(../../images/enw/content-01-bg.png); background-size:cover; }
	.index-content01-wrap{ position:relative; width:1000px; margin:0 auto; }
	.index-content01-logo{ display:block; width:1000px; margin-top:174px;}
	.index-content01-sponsor{ position:absolute;  top:-150px; right:-130px; }	
	.index-content01-sponsor img { width:200px; padding:10px; background:#fff;   border:1px solid #f2f2f2; }
	.index-content02-sponsor{ position:absolute;  top:-80px; right:-130px; }
	.index-content02-sponsor img { width:200px; padding:10px; background:#fff;   border:1px solid #f2f2f2; }
	.index-content01-text{  font-size: 60px; font-weight: 300; line-height: 1.2; letter-spacing: -1.5px; text-align: left; color: #232323; }
	.text-style-1 { font-weight: bold; color: #006372;	}
	.Rounded-Rectangle-1 { width: 200px; height: 60px; line-height:60px; margin: 361px auto 0 auto; border-radius: 30px; background-color: #b4b4b4; text-align: center;  }
	.since-1986 {  font-size: 24px; font-weight: 300; letter-spacing: -0.6px;  color: #fefefe; }

	/*content2*/
	.index-content02{ display:inline-block; position:relative;  width:100%;  min-height:960px; background-image:url(../../images/enw/content-02-bg.png); background-size:cover; }
	.index-content02-wrap{ position:relative; width:750px; margin:0 auto; }
	.index-content02-title{ display:block; width:270px; margin:90px auto 56px auto; text-align:center;}
	.index-content02-title span{  font-size: 56px; font-weight: bold;   letter-spacing: -0.9px;  text-align: left; color: #585858;}
	.index-content02-text{ display:block; width: 750px;}
	.index-content02-text .subTitle{  font-size: 36px; font-weight: bold;   letter-spacing: -0.9px;  text-align: left; color: #585858; }
	.index-content02-text .subTitle img{ vertical-align:middle; margin-right:5px; }
	.index-content02-text .content{  font-size: 16px; font-weight: 400;   letter-spacing: -0.6px;  text-align: left; color: #232323;}

	/*content3*/
	.index-content03{ display:inline-block; position:relative;  width:100%;  background-color:#e7e0d8; background-size:cover; }
	.index-content03-wrap{ position:relative; width:750px; margin:0 auto; }
	.index-content03-title{ display:block; width:auto; margin:90px auto 56px auto; text-align:center;}
	.index-content03-title span{  font-size: 56px; font-weight: bold;   letter-spacing: -0.9px;  text-align: left; color: #585858;}
	.index-content03-text{ display:block; width: 750px;}
	.index-content03-text .content{  font-size: 16px; font-weight: 400;   letter-spacing: -0.6px;  text-align: left; color: #232323;}
	.index-content03-text .content img{ width:20%; }
	.index-content03-text .content .sign{ display: inline-block; margin-left:20px; }
	.index-content03-text .content .sign img{ width:50% }


	/*footer*/
	.footer{ display:inline-block; position:relative;  width:100%; font-size: 12px; font-weight: bold; line-height: 2.25; text-align: center; color: #232323; }
	.footer-wrap{ position:relative; width:750px; margin:0 auto; padding:15px 0px;}
	.footer-wrap .text-style-1 { font-weight: normal; }





	@media(max-width:1200px){
	
	/*common*/	
	.index-top-bg{ height: 50px; line-height:50px;}		
	.index-floatRight a { font-size:1.15em; }
	
	/* Table */
	tr{margin:15px 0px}
	
	
	/*content1*/
	.index-content01{ max-height:700px; background-image:url(../../images/enw/content-01-bg-mo.png); }
	.index-content01-wrap{ position:relative; width:80%; margin:0 10%; }
	.index-content01-logo{ display:block; width:80%; margin-top:130px;}
	.index-content01-logo img{ width:100%;}
	.index-content01-text{  font-size: 2.9em; font-weight: 300; line-height: 1.2; letter-spacing: -1.5px; text-align: left; color: #232323; }
	.text-style-1 { font-weight: bold; color: #006372;	}
	.Rounded-Rectangle-1 { width: 200px; height: 60px; line-height:60px; margin: 200px auto 0 auto; border-radius: 30px; background-color: #b4b4b4; text-align: center;  }
	.since-1986 {  font-size: 24px; font-weight: 300; letter-spacing: -0.6px;  color: #fefefe; }
	
	.index-content01-sponsor{position: fixed; width: inherit; top: unset; right: unset; bottom: 70px; text-align: center; z-index:1000; }
	.index-content01-sponsor img { opacity: 0.4; box-shadow:2px 2px 4px #000000;}
	.index-content02-sponsor{position: fixed; width: inherit; top: unset; right: unset; bottom: 70px; text-align: center; z-index:1000; }
	.index-content02-sponsor img { opacity: 0.4; box-shadow:2px 2px 4px #000000;}
	
	/*content2*/
	.index-content02{ display:inline-block; position:relative;  width:100%; background-image:url(../../images/enw/content-02-bg-mo.png); background-repeat:no-repeat; background-position:top right; background-size:25%; }
	.index-content02-wrap{ position:relative; width:80%; margin:0 10%; }
	.index-content02-title{ display:block; width:auto; margin:100px auto 56px auto; text-align:center;}
	.index-content02-title span{ font-size: 2.8em;}
	.index-content02-title img{ height:2.5em; }
	.index-content02-text{ display:block; width: 100%;}
	.index-content02-text .subTitle{  font-size: 1.9em; font-weight: bold;   letter-spacing: -0.9px;  text-align: left; color: #585858; }
	.index-content02-text .subTitle img{ vertical-align:middle; margin-right:5px; }
	.index-content02-text .content{  font-size: 1.2em; font-weight: 400;   letter-spacing: -0.6px;  text-align: left; color: #232323;}
	.index-content02-text .content img {width:100%;}

	/*content3*/
	.index-content03{ display:inline-block; position:relative;  width:100%;  background-color:#e7e0d8; background-size:cover; }
	.index-content03-wrap{ position:relative; width:80%; margin:0 10%; }
	.index-content03-title{ display:block; width:auto; margin:100px auto 56px auto; text-align:center;}
	.index-content03-title span{ font-size: 2.8em;}
	.index-content03-title img{ height:2.5em; }
	.index-content03-text{ display:block; width: 100%;}
	.index-content03-text .content{ text-align: center; font-size:1.3em;}
	.index-content03-text .content img{ width:50%; }
	.index-content03-text .content .sign{ display: block; margin-left:0px; margin-top:30px}
	.index-content03-text .content .sign img{ width:50% }
	.index-content03-text .content p{ text-align:left !important; }


	/*footer*/
	.footer{ display:inline-block; position:relative;  width:100%; font-size: 0.9em; font-weight: bold; line-height: 2.25; text-align: center; color: #232323; }
	.footer-wrap{ position:relative; width:100%; margin:0 auto; padding:15px 0px;}
	.footer-wrap .text-style-1 { font-weight: normal; }
		
}

@media(max-width:640px){
	
	/*content1*/
	.index-content01-text{  font-size: 1.6em;}
	.index-content01-logo{  margin-top:110px;}	


	/*footer*/
	.footer{ font-size: 0.65em;}
}




/* PC MOBILE 화면 노출 */
@media(min-width:1200px){
	.pc-none{display:none;}
}		
@media(min-width:200px) and (max-width:1199px){
	.mo-none{display:none;}
}