@charset "utf-8"; 

/*
---------------------------------------------------------------------*/ 
@media screen and (max-width:400px) { 
	body { }
	.header { 
		background: url('../images/header2.gif') top left repeat-x #ffffff; } 
	.header_container { width:100%; }
	.header_logo { width:100%; text-align:center; position:absolute; top:20px; left:0px; }
	.header_logo img { width:250px; margin:0px auto; }
	.header_block_1 { margin-top:0px; position:absolute; top:136px; left:0px; }
	.header_block_2 { margin-top:0px; position:absolute; top:146px; right:0px; }
	.header_block_3 { margin-top:0px; position:absolute; top:78px; right:0px; padding:0px 10px; font-size:12px; }
	.gnb { display:none; }
	.gnb2 { width:100%; }
	.gnb2 ul { display:block; margin:2px 0px 5px 20px; }
	.gnb2 ul li { 
		float:none; width:100%; voice-family:"\"}\""; voice-family:inherit; 
		width:-webkit-calc(100%-20px); width:calc(100%-20px); margin:5px 0px 5px 20px; border-bottom:1px solid #8F8F8F; }
	
	.slide { width:100%; }
	.section_main_container { width:100%; }
	.grid_1 { width:100%; padding:0; margin:0; display:none; }
	.grid_1_main { width:100%; margin:0px 0px 0px 0px; padding:0; display:none; }	  
	.grid_2 { width:100%; margin:0px 0px 0px 0px; padding:0; border-right:none; float:left; /*width:-webkit-calc(100% - 283px); width:calc(100% - 283px);*/ }	
	.grid_2_main { width:100%; margin:0px 0px 0px 0px; padding:0; border-right:none; float:left; /*width:-webkit-calc(100% - 283px); width:calc(100% - 283px);*/ }
	
	.c_wrapper { width:100%; }
	.c_wrapper2 { width:100%; }
	.c_block_1 { width:90%; margin:0px auto 15px; }
	.c_block_2 { width:90%; float:none; margin:0px auto 15px; }
	.c_block_3 { width:90%; float:none; margin:0px auto 15px; }
	.c_block_4 { width:90%; float:none; margin:0px auto 15px; }
	.c_block_5 { width:90%; float:none; margin:0px auto 0px; }

	.footer { }
	.footer_container { height:150px; }
	.footer_block_1 { width:600px; float:left; }
	.footer_block_2 { width:-webkit-calc(100% - 600px); width:calc(100% - 600px); float:left; }
	.copyright { padding:5px 0px 5px 0px; border:0px solid #fff; }
	.back-top { right:15px; }

	#iview div.iview-directionNav { display:none; }

	.widgetGalleryR { width:100%; }
	.widgetGalleryR { position:relative; }
	.widgetGalleryR:after { content:''; display:table; clear:both; }
	.widgetGalleryR li { float:left; list-style:none; position:relative; margin-bottom:20px; text-align:center; }
	.widgetGalleryR li:nth-child(2n+1) { clear:left; }
	.widgetGalleryR li:nth-child(2n) { margin-right:0; }
	.widgetGalleryR li:after { content:''; display:table; clear:both; }
	.widgetGalleryR li { width:49%; margin-right:1%; }
	.widgetGalleryR li a.thumb { width:100%; height:100%; margin-bottom:5px; }
	.widgetGalleryR li a.thumb img { width:100%; height:auto; }
	.widgetGalleryR li .title{ color:#333;} 
	.widgetGalleryR li a { font-size:14px; }
}

/*
-----------------------------*/
@media screen and (min-width:401px) { 
	body { }
	.header { 
		background: url('../images/header2.gif') top left repeat-x #ffffff; } 
	.header_container { width:100%; }
	.header_logo { width:100%; text-align:center; position:absolute; top:20px; left:0px; }
	.header_logo img { width:250px; margin:0px auto; }
	.header_block_1 { margin-top:0px; position:absolute; top:136px; left:0px; }
	.header_block_2 { margin-top:0px; position:absolute; top:146px; right:0px; }
	.header_block_3 { margin-top:0px; position:absolute; top:78px; right:0px; padding:0px 10px; font-size:12px; }
	.gnb { display:none; }
	.gnb2 { width:100%; }
	.gnb2 ul { display:block; margin:2px 0px 5px 20px; }
	.gnb2 ul li { 
		float:none; width:100%; voice-family:"\"}\""; voice-family:inherit;
		width:-webkit-calc(100%-20px); width:calc(100%-20px); margin:5px 0px 5px 20px; border-bottom:1px solid #8F8F8F; }
	
	.slide { width:100%; }
	.section_main_container { width:100%; }
	.grid_1 { width:100%; padding:0; margin:0; display:none; }
	.grid_1_main { width:100%; margin:0px 0px 0px 0px; padding:0; display:none; }	  
	.grid_2 { width:100%; margin:0px 0px 0px 0px; padding:0; border-right:none; float:left; /*width:-webkit-calc(100% - 283px); width:calc(100% - 283px);*/ }	
	.grid_2_main { width:100%; margin:0px 0px 0px 0px; padding:0; border-right:none; float:left; /*width:-webkit-calc(100% - 283px); width:calc(100% - 283px);*/ }

	.c_wrapper { width:100%; }
	.c_wrapper2 { width:100%; }
	.c_block_1 { width:90%; margin:0px auto 15px; }
	.c_block_2 { width:90%; float:none; margin:0px auto 15px; }
	.c_block_3 { width:90%; float:none; margin:0px auto 15px; }
	.c_block_4 { width:90%; float:none; margin:0px auto 15px; }
	.c_block_5 { width:90%; float:none; margin:0px auto 0px; }

	.footer { }
	.footer_container { height:150px; }
	.footer_block_1 { width:600px; float:left; }
	.footer_block_2 { width:-webkit-calc(100% - 600px); width:calc(100% - 600px); float:left; }
	.copyright { padding:5px 0px 5px 0px; border:0px solid #fff; }
	.back-top { right:15px; }

	#iview div.iview-directionNav { display:none; }

	.widgetGalleryR { width:100%; }
	.widgetGalleryR { position:relative; }
	.widgetGalleryR:after { content:''; display:table; clear:both; }
	.widgetGalleryR li { float:left; list-style:none; position:relative; margin-bottom:20px; text-align:center; }
	.widgetGalleryR li:nth-child(2n+1) { clear:left; }
	.widgetGalleryR li:nth-child(2n) { margin-right:0; }
	.widgetGalleryR li:after { content:''; display:table; clear:both; }
	.widgetGalleryR li { width:49%; margin-right:1%; }
	.widgetGalleryR li a.thumb { width:100%; height:100%; margin-bottom:5px; }
	.widgetGalleryR li a.thumb img { width:100%; height:auto; }
	.widgetGalleryR li .title{ color:#333;} 
	.widgetGalleryR li a { font-size:14px; }
}

/*
-----------------------------*/
@media screen and (min-width:594px) { 
	body { }
	.header { 
		background: url('../images/header2.gif') top left repeat-x #ffffff; } 
	.header_container { width:100%; }
	.header_logo { width:100%; text-align:center; position:absolute; top:20px; left:0px; }
	.header_logo img { width:250px; margin:0px auto; }
	.header_block_1 { margin-top:0px; position:absolute; top:136px; left:0px; }
	.header_block_2 { margin-top:0px; position:absolute; top:146px; right:0px; }
	.header_block_3 { margin-top:0px; position:absolute; top:78px; right:0px; padding:0px 10px; font-size:12px; }
	.gnb { display:none; }
	.gnb2 { width:100%; }
	.gnb2 ul { display:block; margin:2px 0px 5px 20px; }
	.gnb2 ul li { 
		float:none; width:100%; voice-family:"\"}\""; voice-family:inherit; 
		width:-webkit-calc(100%-20px); width:calc(100%-20px); margin:5px 0px 5px 20px; border-bottom:1px solid #8F8F8F; }

	.slide { width:100%; }
	.section_main_container { width:100%; }
	.grid_1 { width:100%; padding:0; margin:0; display:none; }
	.grid_1_main { width:100%; margin:0px 0px 0px 0px; padding:0; display:none; }	  
	.grid_2 { width:100%; margin:0px 0px 0px 0px; padding:0; border-right:none; float:left; /*width:-webkit-calc(100% - 283px); width:calc(100% - 283px);*/ }	
	.grid_2_main { width:100%; margin:0px 0px 0px 0px; padding:0; border-right:none; float:left; /*width:-webkit-calc(100% - 283px); width:calc(100% - 283px);*/ }

	.c_wrapper { width:100%; }
	.c_wrapper2 { width:100%; }
	.c_block_1 { width:90%; margin:0px auto 15px; }
	.c_block_2 { width:90%; float:none; margin:0px auto 15px; }
	.c_block_3 { width:90%; float:none; margin:0px auto 15px; }
	.c_block_4 { width:90%; float:none; margin:0px auto 15px; }
	.c_block_5 { width:90%; float:none; margin:0px auto 0px; }

	.footer { }
	.footer_container { height:150px; }
	.copyright { padding:5px 0px 5px 0px; border:0px solid #fff; }
	.back-top { right:15px; }

	#iview div.iview-directionNav { display:none; }
}

/*
-----------------------------*/
@media screen and (min-width:673px) { 
	body { }
	.header { 
		background: url('../images/header2.gif') top left repeat-x #ffffff; } 
	.header_container { width:100%; }
	.header_logo { width:100%; text-align:center; position:absolute; top:20px; left:0px; }
	.header_logo img { width:250px; margin:0px auto; }
	.header_block_1 { margin-top:0px; position:absolute; top:136px; left:0px; }
	.header_block_2 { margin-top:0px; position:absolute; top:146px; right:0px; }
	.header_block_3 { margin-top:0px; position:absolute; top:78px; right:0px; padding:0px 10px; font-size:12px; }
	.gnb { display:none; }
	.gnb2 { width:100%; }
	.gnb2 ul { display:block; margin:2px 0px 5px 30px; }
	.gnb2 ul li { 
		float:none; width:100%; voice-family:"\"}\""; voice-family:inherit;
		width:-webkit-calc(100%-20px); width:calc(100%-20px); margin:5px 0px 5px 20px; border-bottom:1px solid #8F8F8F; }

	.slide { width:100%; }
	.section_main_container { 
		width:100%; voice-family:"\"}\""; voice-family:inherit; }
	.grid_1 { width:100%; padding:0; margin:0; display:none; }
	.grid_1_main { width:100%; margin:0px 0px 0px 0px; padding:0; display:none; }	  
	.grid_2 { width:100%; margin:0px 0px 0px 0px; padding:0; border-right:none; float:left; /*width:-webkit-calc(100% - 283px); width:calc(100% - 283px);*/ }	
	.grid_2_main { width:100%; margin:0px 0px 0px 0px; padding:0; border-right:none; float:left; /*width:-webkit-calc(100% - 283px); width:calc(100% - 283px);*/ }
	
	.c_wrapper { width:100%; }
	.c_wrapper2 { width:100%; }
	.c_block_1 { width:90%; margin:0px auto 15px; }
	.c_block_2 { width:90%; float:none; margin:0px auto 15px; }
	.c_block_3 { width:90%; float:none; margin:0px auto 15px; }
	.c_block_4 { width:90%; float:none; margin:0px auto 15px; }
	.c_block_5 { width:90%; float:none; margin:0px auto 0px; }

	.footer { }
	.footer_container { height:150px; }
	.copyright { padding:5px 0px 5px 0px; border:0px solid #fff; }
	.back-top { right:15px; }

	#iview div.iview-directionNav { display:none; }

	.widgetGalleryR { width:100%; }
	.widgetGalleryR { position:relative; }
	.widgetGalleryR:after { content:''; display:table; clear:both; }
	.widgetGalleryR li { float:left; list-style:none; position:relative; margin-bottom:20px; text-align:center; }
	.widgetGalleryR li:nth-child(2n+1) { clear:none; }
	.widgetGalleryR li:nth-child(2n) { margin-right:2.22222%; }
	.widgetGalleryR li:nth-child(3n+1) { clear:left; }
	.widgetGalleryR li:nth-child(3n) { margin-right:0; }
	.widgetGalleryR li:after { content:''; display:table; clear:both; }
	.widgetGalleryR li { width:31.11111%; margin-right:2.22222%; }
	.widgetGalleryR li a.thumb { width:100%; height:100%; margin-bottom:5px; }
	.widgetGalleryR li a.thumb img { width:100%; height:auto; }
	.widgetGalleryR li .title{ color:#333;} 
	.widgetGalleryR li a { font-size:14px; }
}

/* *** 783px ***
-----------------------------*/
@media screen and (min-width:783px) { 
	body { 
		background:url(../images/body_bg2.jpg) 50% 50% no-repeat fixed #000; padding:28px 0 20px 0; } 
	.header { 
		background:none; height:170px; } 
	.header_container { 
		background:url(../images/header.jpg) 50% 0 no-repeat; width:100%; height:170px; }
	.header_logo { width:300px; position:absolute; top:50px; left:30px; text-align:left; }
	.header_logo img { width:300px; margin:0px auto 0px 0px; }
	.header_block_1 { margin-top:0px; position:absolute; top:86px; right:0px; }
	.header_block_2 { margin-top:0px; position:absolute; top:30px; right:0px; }
	.header_block_3 { margin-top:0px; position:absolute; top:59px; right:0px; font-size:13px; }
	.gnb { display:none; }
	.gnb2 { width:100%; }
	.gnb2 ul { display:block; margin:2px 0px 5px 50px; }
	.gnb2 ul li { 
		float:none; width:100%; voice-family:"\"}\""; voice-family:inherit; 
		width:-webkit-calc(100%-20px); width:calc(100%-20px); margin:5px 0px 5px 20px; border-bottom:1px solid #8F8F8F; }
	
	.slide { width:100%; }	
	.section_main_container { padding:20px 0px 20px 0px; border:0px solid #000; }
	.grid_1 { 
		position:relative; float:left; width:248px; width:220px; height:100%; min-height:100px; margin:0px 0px 0px 20px; padding:0px; 
		voice-family:"\"}\""; voice-family:inherit; display:block; }
	.grid_1_main { 
		position:relative; float:left; width:248px; width:220px; height:100%; min-height:100px; margin:0px 0px 0px 20px; padding:0px; 
		voice-family:"\"}\""; voice-family:inherit; display:block; }
	.grid_2 { 
		float:right; width:976px; width:-webkit-calc(100% - 250px); width:calc(100% - 280px); margin:0px 20px 0px 0px; padding:0px; 
		voice-family:"\"}\""; voice-family:inherit; border-right:0px solid #CCC; border:0px solid #000; }
	.grid_2_main { 
		float:right; width:976px; width:-webkit-calc(100% - 250px); width:calc(100% - 280px); margin:0px 20px 0px 0px; padding:0px; 
		voice-family:"\"}\""; voice-family:inherit; border-right:0px solid #CCC; border:0px solid #00f; }
	.lnb { width:210px; } 

	.c_wrapper { width:28.0%; border:0px solid #00f; }
	.c_wrapper2 { width:28.0%; border:0px solid #00f; margin-left:2%; }
	.c_wrapper3 { width:38.0%; margin-left:2%; }
	.c_block_1 { width:99%; margin:0 auto; }
	.c_block_2 { width:99%; float:left; border:0px solid #000; }
	.c_block_3 { width:92%; float:right; }
	.c_block_4 { width:92%; float:left; }
	.c_block_5 { width:100%; float:left; }

	.footer { border:0px solid #00f; margin:0px auto; padding:0px; }
	.footer_container { height:120px; }
	.footer_block_1 { width:600px; float:left; }
	.footer_block_2 { width:-webkit-calc(100% - 600px); width:calc(100% - 600px); float:left; }
	.copyright { padding:5px 0px 10px 10px; border:0px solid #fff; }
	.back-top { left:50%; margin:0px 0px 0px 570px; }

	#iview div.iview-directionNav { display:block; }
	
	.xe-widget-wrapper { }
	.widgetGalleryR { width:100%; border:0px solid #000; }
	.widgetGalleryR { position:relative; }
	.widgetGalleryR:after { content:''; display:table; clear:both; }
	.widgetGalleryR li { float:left; list-style:none; position:relative; margin-bottom:5px; text-align:center; }
	.widgetGalleryR li { width:18%; margin-right:2%; border:0px solid #000; }
	.widgetGalleryR li:nth-child(2n+1) { clear:none; }
	.widgetGalleryR li:nth-child(2n) { margin-right:2%; }
	.widgetGalleryR li:nth-child(3n+1) { clear:none; }
	.widgetGalleryR li:nth-child(3n) { margin-right:2%; }
	.widgetGalleryR li:nth-child(4n+1) { clear:none; }
	.widgetGalleryR li:nth-child(4n) { margin-right:2%; }
	.widgetGalleryR li:nth-child(5n+1) { clear:left; }
	.widgetGalleryR li:nth-child(5n) { margin-right:0; }
	.widgetGalleryR li:after { content:''; display:table; clear:both; }
	.widgetGalleryR li a.thumb { width:100%; height:100%; margin-bottom:5px; }
	.widgetGalleryR li a.thumb img { width:100%; height:auto; }
	.widgetGalleryR li .title{ color:#333;} 
	.widgetGalleryR li a { font-size:14px; }
}

/*
-----------------------------*/
@media screen and (min-width:846px) { 
	body { }
	.header_container { width:100%; }
	.header_block_1 { margin-top:-38px; display:none; }
	.header_block_2 { margin-top:0px; position:absolute; top:30px; right:0px; }
	.gnb { display:inherit; }
	.gnb2 { width:100%; }
	.gnb2 ul { text-decoration:none; list-style:none; padding:0px; margin:2px 0px 0px 2px; }
	.gnb2 ul li { 
		float:left; min-width:100px; max-width:150px; margin:5px 20px 5px 20px; border-bottom:none; }
	
	.slide { width:100%; }
}

/*
-----------------------------*/
@media screen and (min-width:1008px) { 
	body { }
	.header_container { width:100%; }
	.header_block_1 { margin-top:-38px; display:none; }
	.header_block_2 { margin-top:0px; position:absolute; top:30px; right:0px; }
	.gnb2 { width:100%; }
	
	.slide { width:990px; }
	.slide { width:100%; }
}

/*
-----------------------------*/
@media screen and (min-width:1040px) { 
	body { }
	.header_container { width:1024px; }
	.header_block_1 { margin-top:-38px; }
	.header_block_2 { margin-top:0px; position:absolute; top:30px; right:0px; }
	.gnb2 { width:100%; }

	.slide { width:1024px; }
}

/*
-----------------------------*/
@media screen and (min-width:1080px) { 
	body { }
	.header_container { width:1024px; }
	.header_block_1 { margin-top:-38px; display:none; }
	.header_block_2 { margin-top:0px; position:absolute; top:30px; right:0px; }
	.gnb2 { width:100%; }
	
	.slide { width:1024px; }
}

/*
-----------------------------*/
@media screen and (min-width:1110px) { 
	body { }
	.header_container { width:1024px; }
	.header_block_1 { margin-top:-38px; display:none; }
	.header_block_2 { margin-top:0px; position:absolute; top:30px; right:0px; }
	.gnb2 { width:100%; }
	
	.slide { width:1024px; }
}

/*
-----------------------------*/
@media screen and (min-width:1218px) { 
	body { }
	.header_container { width:1024px; }
	.header_block_1 { margin-top:-38px; display:none; }
	.header_block_2 { margin-top:0px; position:absolute; top:30px; right:0px; }
	.gnb2 { width:100%; }
	
	.slide { width:1024px; }
}

/*
-----------------------------*/
@media screen and (min-width:1260px) { 
	body { 
		background:url(../images/body_bg2.jpg) 50% 50% no-repeat fixed #000; padding:28px 0 20px 0; } 

	.header_container { width:1024px; }
	.header_block_1 { margin-top:-38px; display:none; }
	.header_block_2 { margin-top:0px; position:absolute; top:30px; right:0px; }
	.gnb2 { width:1024px; }
	
	.slide { width:1024px; }
}

@media screen and (min-width:1460px) { 
	body { 
		background:url(../images/body_bg.jpg) 50% 50% no-repeat fixed #000; padding:28px 0 20px 0; } 
}

/*
-----------------------------*/
@media screen and (max-width:1270px) { 
	.grid_2>div { width:100%!important; }

}

@media screen and (max-width:782px) { 
}
@media screen and (max-width:671px) { 
}