@charset "utf-8"; 

.c_block_2 img {
	width:100%; }

	body { }

/*
---------------------------------------------------------------------*/ 
@media screen and (max-width:400px) { 
	body { }

	.header { background: url('../images/header.jpg') top left repeat-x #ffffff; height:131px; } 
	.header_container { width:100%; }
	.header_logo { width:80%; text-align:center; position:absolute; top:30px; left:0px; margin:0px 10%; }
	.header_logo img { width:100%; margin:0px auto; }
	.header_block_1 { margin-top:0px; position:absolute; top:92px; left:5px; }
	.header_block_2 { margin-top:0px; position:absolute; top:96px; right:10px; }
	.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 10px; border-bottom:0px solid #8F8F8F; }
	
	.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:92%; margin:0px auto 0px auto; padding:0; border-right:none; float:none; /*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_1 { width:100%; }
	.c_wrapper_2 { width:100%; }
	.c_wrapper_5 { width:100%; height:50px; padding:7px 0px 7px; margin:0px auto 0px auto; float:none; }
	.c_wrapper_6 { 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; }
	.c_block_6 { width:90%; float:none; margin:0px auto 0px; }

	.footer { }
	.footer_container { height:100%; }
	.footer_block_1 { width:90%; margin:0px auto 10px; }
	.footer_block_2 { width:90%; margin:0px auto 0px; }
	.copyright { padding:5px 0px 5px 0px; border:0px solid #fff; }
	.fnb li { float:left; padding:0px 5px 0px 5px; }
	.fnb li.first { }
	.fnb li:first-child { background:none; padding-left:0px; }

	.slide { width:100%; }
	#iview div.iview-directionNav { display:none; }

	.back-top { right:15px; }

	.xm { width:90%; margin:0px auto; }
	.xm .signin { width:100%; }
	.xm .form-horizontal .control-label { float:none; width:100%; padding-top:5px; text-align:left; }
	.xm .form-horizontal .controls { float:none; width:100%; padding-top:2px; text-align:left; margin-left:0px; border:0px solid #000; }
	.xm .form-horizontal .controls label { float:left; margin-right:20px; }
	.xm .form-horizontal input,
	.xm .form-horizontal textarea{ width:95%; }
	.xm .form-horizontal input[type="submit"] { width:50%; }

	.board { text-align:left; padding:10px 0px; }
	.board h3 { font-size:14px; } 
	.board .infoView { display:none; } 
	.boardList thead { display:none; } 
	.boardList tbody td.date,
	.boardList tbody td.author,
	.boardList tbody td.reading { display:none; }
	.boardList tbody td.title .m_author { margin-left:0px; } 
	.boardList tbody td.title .m_date { margin-left:0px; } 
	.boardList tbody td.title .m_reading { margin-left:0px; }
	.boardList.webZine td.title .thumb{ margin-left:5px; }
	.thumbList2 { border:0px solid #000; }
	.thumbList2 li { width:44%; height:240px; margin:0px 0.5%; border:0px solid #000;}

	.extraVarsList { width:100%; margin:0px auto 10px; }
	.extraVarsList th,
	.extraVarsList td { padding:5px 3px; text-align:left; border:0px; }

	.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; }

	.large_view { display:none; }
	.large_view2 { display:none; }
	.login2_2 { margin:0px 0px 0px 20px; }
	.login_default .help { float:none; border:0px solid #000; }
	.idpwWrap {display:none; }
	.sign_in {display:inline-block; }

	.bsc_col_1 { width:90%; margin-left:20px;	margin-top:20px; }
	.bsc_col_2 { width:42%; margin-left:20px;	margin-top:20px; }

	.price_table {width:100%; }

	ul.boardList_ul { width:98%; height:220px; margin:0px auto; border-bottom:0px solid #ccc; padding:5px 0px; } 
	ul.boardList_ul li { word-break:keep-all; word-wrap:break-word; border:0px solid #00f; display:block; padding:5px 0px; font-size:16px; }
	ul.boardList_ul li.li_11 { float:left; width:3%; width:99%; border:0px solid #00f; border-top:1px solid #ccc; }
	ul.boardList_ul li.li_12 { float:left; width:30%; width:99%; padding-left:0.5%; padding-right:0.5%; }
	ul.boardList_ul li.li_13 { float:left; width:99%; padding-left:0.5%; padding-right:0.5%; }
	ul.boardList_ul li.li_14 { float:left; width:48.0%; width:99%; padding-left:0.5%; padding-right:0.5%; }
	ul.boardList_ul li a img { /*width:90%; margin-left:5%; */ }

	.small_view_title {
		display:block; font-weight:bold; float:left; padding-right:10px; margin-right:10px; font-size:16px; }
} 

/*
-----------------------------*/
@media screen and (min-width:401px) { 
	body { }

	.header { background: url('../images/header.jpg') top left repeat-x #ffffff; height:131px; } 
	.header_container { width:100%; }
	.header_logo { width:80%; text-align:center; position:absolute; top:30px; left:0px; margin:0px 10%; }
	.header_logo img { width:100%; margin:0px auto; }
	.header_block_1 { margin-top:0px; position:absolute; top:92px; left:5px; }
	.header_block_2 { margin-top:0px; position:absolute; top:96px; right:10px; }
	.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; }
	
	.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:92%; margin:0px auto 0px auto; padding:0; border-right:none; float:none; /*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_1 { width:100%; }
	.c_wrapper_2 { width:100%; }
	.c_wrapper_5 { width:100%; height:50px; padding:7px 0px 7px; margin:0px auto 0px auto; float:none; }
	.c_wrapper_6 { 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; }
	.c_block_6 { width:90%; float:none; margin:0px auto 0px; }

	.footer { }
	.footer_container { height:100%; }
	.footer_block_1 { width:90%; margin:0px auto 10px; }
	.footer_block_2 { width:90%; margin:0px auto 0px; }
	.copyright { padding:5px 0px 5px 0px; border:0px solid #fff; }
	.fnb li { float:left; padding:0px 5px 0px 5px; }
	.fnb li.first { }
	.fnb li:first-child { background:none; padding-left:0px; }

	.slide { width:100%; }
	#iview div.iview-directionNav { display:none; }

	.back-top { right:15px; }

	.xm { width:90%; margin:0px auto; }
	.xm .signin { width:100%; }
	.xm .form-horizontal .control-label { float:none; width:100%; padding-top:5px; text-align:left; }
	.xm .form-horizontal .controls { float:none; width:100%; padding-top:2px; text-align:left; margin-left:0px; border:0px solid #000; }
	.xm .form-horizontal .controls label { float:left; margin-right:20px; }
	.xm .form-horizontal input,
	.xm .form-horizontal textarea{ width:95%; }
	.xm .form-horizontal input[type="submit"] { width:50%; }

	.board { text-align:left; padding:10px 0px; }
	.board h3 { font-size:14px; } 
	.board .infoView { display:none; } 
	.boardList thead { display:none; } 
	.boardList tbody td.date,
	.boardList tbody td.author,
	.boardList tbody td.reading { display:none; }
	.boardList tbody td.title .m_author { margin-left:0px; } 
	.boardList tbody td.title .m_date { margin-left:0px; } 
	.boardList tbody td.title .m_reading { margin-left:0px; }
	.boardList.webZine td.title .thumb{ margin-left:10px; }
	.thumbList2 { border:0px solid #000; }
	.thumbList2 li { width:44%; height:270px; margin:0px 0.5%; border:0px solid #000;}

	.extraVarsList { width:100%; margin:0px auto 10px; }
	.extraVarsList th,
	.extraVarsList td { padding:5px 3px; text-align:left; border:0px; }

	.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; }

	.large_view { display:none; }
	.large_view2 { display:none; }
	.login2_1 { float:none; margin:0px; width:243px; }
	.login2_2 { float:none; width:90%; margin:0px auto 0px auto; padding:0px; border:0px solid #000; }

	.login_default .idpwWrap { float:none; border:0px solid #000; }
	.login_default .help { float:none; border:0px solid #000; }

	.login2_2 { margin:0px 0px 0px 20px; }
	.idpwWrap {display:none; }
	.sign_in {display:inline-block; }

	.bsc_col_1 { width:90%; margin-left:20px;	margin-top:20px; }
	.bsc_col_2 { width:45%; margin-left:20px;	margin-top:20px; }

	.price_table {width:100%; }

	ul.boardList_ul { width:98%; height:220px; margin:0px auto; border-bottom:0px solid #ccc; padding:5px 0px; } 
	ul.boardList_ul li { word-break:keep-all; word-wrap:break-word; border:0px solid #00f; display:block; padding:5px 0px; font-size:16px; }
	ul.boardList_ul li.li_11 { float:left; width:3%; width:99%; border:0px solid #00f; border-top:1px solid #ccc; }
	ul.boardList_ul li.li_12 { float:left; width:30%; width:99%; padding-left:0.5%; padding-right:0.5%; }
	ul.boardList_ul li.li_13 { float:left; width:99%; padding-left:0.5%; padding-right:0.5%; }
	ul.boardList_ul li.li_14 { float:left; width:48.0%; width:99%; padding-left:0.5%; padding-right:0.5%; }
	ul.boardList_ul li a img { /*width:90%; margin-left:5%; */ }

	.small_view_title {
		display:block; font-weight:bold; float:left; padding-right:10px; margin-right:10px; font-size:16px; }
}

/*
-----------------------------*/
@media screen and (min-width:594px) { 
	body { }

	.header { background: url('../images/header.jpg') top left repeat-x #ffffff; height:131px; } 
	.header_container { width:100%; }
	.header_logo { width:60%; text-align:center; position:absolute; top:30px; left:0px; margin:0px 20%; }
	.header_logo img { width:100%; margin:0px auto; }
	.header_block_1 { margin-top:0px; position:absolute; top:92px; left:5px; }
	.header_block_2 { margin-top:0px; position:absolute; top:96px; right:10px; }
	.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; }

	.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:92%; margin:0px auto 0px auto; 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_1 { width:100%; }
	.c_wrapper_2 { 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 { }
	.copyright { padding:5px 0px 5px 0px; border:0px solid #fff; }

	.slide { width:100%; }
	#iview div.iview-directionNav { display:none; }

	.back-top { right:15px; }

	.login2_2 { margin:0px 0px 0px 20px; }
	.idpwWrap {display:block; }
	.login_default .help { float:left; }
	.sign_in {display:none; }

	.bsc_col_1 { width:90%; margin-left:20px;	margin-top:20px; }
	.bsc_col_2 { width:45%; margin-left:20px;	margin-top:20px; }

	.price_table {width:100%; }

	ul.boardList_ul { width:98%; height:220px; margin:0px auto; border-bottom:0px solid #ccc; padding:5px 0px; } 
	ul.boardList_ul li { word-break:keep-all; word-wrap:break-word; border:0px solid #00f; display:block; padding:5px 0px; font-size:16px; }
	ul.boardList_ul li.li_11 { float:left; width:3%; width:99%; border:0px solid #00f; border-top:1px solid #ccc; }
	ul.boardList_ul li.li_12 { float:left; width:30%; width:99%; padding-left:0.5%; padding-right:0.5%; }
	ul.boardList_ul li.li_13 { float:left; width:99%; padding-left:0.5%; padding-right:0.5%; }
	ul.boardList_ul li.li_14 { float:left; width:48.0%; width:99%; padding-left:0.5%; padding-right:0.5%; }
	ul.boardList_ul li a img { /*width:90%; margin-left:0.5%; */ }

	.small_view_title {
		display:block; font-weight:bold; float:left; padding-right:10px; margin-right:10px; font-size:16px; }
}

/*
-----------------------------*/
@media screen and (min-width:673px) { 
	body { }

	.header { background: url('../images/header.jpg') top left repeat-x #ffffff; height:131px; } 
	.header_container { width:100%; }
	.header_logo { width:60%; text-align:center; position:absolute; top:30px; left:0px; margin:0px 20%; }
	.header_logo img { width:100%; margin:0px auto; }
	.header_block_1 { margin-top:0px; position:absolute; top:92px; left:5px; }
	.header_block_2 { margin-top:0px; position:absolute; top:96px; right:10px; }
	.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; }

	.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_1 { width:100%; }
	.c_wrapper_2 { 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 { }
	.copyright { padding:5px 0px 5px 0px; border:0px solid #fff; }

	.slide { width:100%; }
	#iview div.iview-directionNav { display:none; }

	.back-top { right:15px; }

	.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; }

	.price_table {width:400px; }

	ul.boardList_ul { width:98%; height:220px; margin:0px auto; border-bottom:0px solid #ccc; padding:5px 0px; } 
	ul.boardList_ul li { word-break:keep-all; word-wrap:break-word; border:0px solid #00f; display:block; padding:5px 0px; font-size:16px; }
	ul.boardList_ul li.li_11 { float:left; width:3%; width:99%; border:0px solid #00f; border-top:1px solid #ccc; }
	ul.boardList_ul li.li_12 { float:left; width:30%; width:99%; padding-left:0.5%; padding-right:0.5%; }
	ul.boardList_ul li.li_13 { float:left; width:99%; padding-left:0.5%; padding-right:0.5%; }
	ul.boardList_ul li.li_14 { float:left; width:48.0%; width:99%; padding-left:0.5%; padding-right:0.5%; }
	ul.boardList_ul li a img { /*width:90%; margin-left:0.5%; */ }

	.small_view_title {
		display:block; font-weight:bold; float:left; padding-right:10px; margin-right:10px; font-size:16px; }
}

/* *** 783px ***
-----------------------------*/
@media screen and (min-width:783px) { 
	body { }

	.header { background: url('../images/header.jpg') top left repeat-x #ffffff; height:131px; } 
	.header_container { width:100%; }
	.header_logo { width:303px; text-align:left; position:absolute; top:30px; left:0px; margin-left:0px; }
	.header_logo img { width:303px; margin:0px auto 0px 0px; }
	.header_block_1 { margin-top:0px; position:absolute; top:86px; right:0px; display:none; }
	.header_block_2 { margin-top:0px; position:absolute; top:50px; right:20px; }
	.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; }
	
	.section_main_container { }
	.grid_1 { position:relative; float:left; width:243px; width:243px; height:100%; min-height:350px; margin:0px 0px 0px 0px; padding:0px; 
		voice-family:"\"}\""; voice-family:inherit; display:block; }
	.grid_1_main { position:relative; float:left; width:243px; width:243px; height:100%; min-height:350px; margin:0px 0px 0px 0px; padding:0px; 
		voice-family:"\"}\""; voice-family:inherit; display:block; border:0px solid #00f; }
	.grid_2 { float:right; width:976px; width:-webkit-calc(100% - 270px); width:calc(100% - 270px); margin:0px 0px 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% - 255px); width:calc(100% - 255px); margin:0px 0px 0px 0px; padding:0px; 
		voice-family:"\"}\""; voice-family:inherit; border:0px solid #CCC; border:0px solid #00f; }
	.lnb { width:100%; } 

	.c_wrapper_1 { width:460px; border:0px solid #00f; }
	.c_wrapper_2 { width:243px; margin-left:7px; }
	.c_wrapper_3 { width:32%; }
	.c_wrapper_4 { width:32%; margin-left:1.2%; border-left:1px solid #cbcbcb; }
	.c_wrapper_5 { width:100%; height:36px; padding:7px 0px 7px; }
	.c_wrapper_6 { width:44.9%; float:left; }
	.c_block_1 { width:100%; margin:0 auto; }
	.c_block_2 { width:100%; float:left; margin:0px auto 10px;}
	.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:100%; }
	.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; }

	.slide { width:100%; }	
	#iview div.iview-directionNav { display:block; }
	
	.back-top { left:50%; margin:0px 0px 0px 570px; }

	.xm { width:100%; margin:0px auto; }
	.xm .signin { width:320px; }
	.xm .form-horizontal .control-label { float:left; width:160px; padding-top:5px; text-align:right; }
	.xm .form-horizontal .controls { float:left; width:-webkit-calc(100% - 360px); width:calc(100% - 360px); margin-left:20px; }
	.xm .form-horizontal .controls label { float:left; margin-right:20px; }
	.xm .form-horizontal input,
	.xm .form-horizontal textarea{ width:95%; }
	.xm .form-horizontal input[type="submit"] { width:50%; margin-left:180px; }

	.board { width:100%; margin:0px auto; border:0px solid #000; margin:0px; padding:0px 0px 30px 0px; }
	.boardList.thumbList li { width:23%; margin:0px 0.8%; padding:0px 0px 20px 0px; border:0px solid #000; }
	.boardList.thumbList li .thumb { width:100%; text-align:center; }
	.boardList.thumbList li .thumb a { width:100%; text-align:center; margin:0px auto; } 
	.boardList.thumbList li .thumb a img { text-align:center; margin:0px auto; } 
	.boardList.thumbList li .title { width:200px; text-align:left; border:0px solid #000; margin:0px auto; }
	.board .infoView { display:table-cell; } 
	.boardList thead { display:table-header-group; } 
	.boardList tbody td.date,
	.boardList tbody td.author,
	.boardList tbody td.reading { display:table-cell; }
	.boardList tbody td.title > .m_author { margin-left:0px; display:none; } 
	.boardList tbody td.title > .m_date { margin-left:0px; display:none; } 
	.boardList tbody td.title > .m_reading { margin-left:0px; display:none; }
	.boardList.webZine td.title .thumb{ margin-left:50px; }
	.thumbList2 { border:0px solid #000; }
	.thumbList2 li { width:32%; height:270px; margin:0px 0.5%; border:0px solid #000;}
	.extraVarsList tr td .text{ width:60%; }
	.extraVarsList tr td .textarea{ width:80%; }

	.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 { width:23.33333%; margin-right:2.22222%; }
	.widgetGalleryR li:nth-child(2n+1) { clear:none; }
	.widgetGalleryR li:nth-child(2n) { margin-right:2.22222%; }
	.widgetGalleryR li:nth-child(3n+1) { clear:none; }
	.widgetGalleryR li:nth-child(3n) { margin-right:2.22222%; }
	.widgetGalleryR li:nth-child(4n+1) { clear:left; }
	.widgetGalleryR li:nth-child(4n) { 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; }

	.large_view { display:inline-block; }
	.large_view2 { display:inline-block; }

	.usr_box_3 { line-height:120%; } 
	.usr_box_3 img { width:159px; padding:0px 8px 0px 0px; }
	.login2_1 { float:left; margin:0px; width:243px; }
	.login2_2 { float:left; padding:0px; margin:0px 0px 0px 17px; width:-webkit-calc(100% - 263px); width:calc(100% - 263px); border:0px solid #000; }
	.login_default { width:680px; }
	.login_default fieldset{ width:680px; }
	.login_default fieldset .idpwWrap{ width:475px; }
	.login_default fieldset .idpw{ width:450px; }
	.login_default .idpwWrap { float:left; margin-left:0px;  }
	.login_default .help { float:left; margin-left:15px;  }

	.bsc_col_1 { width:240px; margin-left:20px;	margin-top:0px; }
	.bsc_col_2 { width:150px; margin-left:20px;	margin-top:0px; }

	ul.boardList_ul { width:100%; height:80px; border-bottom:1px solid #ccc; padding:5px 0px; } 
	ul.boardList_ul li { word-break:keep-all; word-wrap:break-word; border:0px solid #00f; display:block; font-size:12px; }
	ul.boardList_ul li.li_11 { float:left; width:3%; border:0px solid #00f; }
	ul.boardList_ul li.li_12 { float:left; width:7%; padding-left:0.5%; padding-right:0.5%; }
	ul.boardList_ul li.li_13 { float:left; width:-webkit-calc(100% - 88.6%); width:calc(100% - 88.6%); padding-left:0.5%; }
	ul.boardList_ul li.li_14 { float:left; width:14%; padding-left:0.5%; padding-right:0.5%; }

	.small_view_title {
		display:none; font-weight:bold; font-size:12px; }

}

/*
-----------------------------*/
@media screen and (min-width:846px) { 
	body { }

	.header_container { width:100%; }
	.header_block_1 { }
	.header_block_2 { }
	.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 { }
	.header_block_2 { }
	.gnb2 { width:100%; }
	
	.slide { width:990px; }
	.slide { width:100%; }
}

/*
-----------------------------*/
@media screen and (min-width:1040px) { 
	body { }

	.header_container { width:100%; }
	.header_block_1 { }
	.header_block_2 { }
	.gnb2 { width:100%; }

	.slide { width:990px; }
	.slide { width:100%; }
}

/*
-----------------------------*/
@media screen and (min-width:1080px) { 
	body { }

	.header_container { width:100%; }
	.header_block_1 { }
	.header_block_2 { }
	.gnb2 { width:100%; }
	
	.slide { width:990px; }
	.slide { width:100%; }
}

/*
-----------------------------*/
@media screen and (min-width:1110px) { 
	body { }

	.header_container { width:100%; }
	.header_block_1 { }
	.header_block_2 { }
	.gnb2 { width:100%; }
	
	.slide { width:990px; }
	.slide { width:100%; }
}

/*
-----------------------------*/
@media screen and (min-width:1218px) { 
	body { }

	.header_container { width:100%; }
	.header_block_1 { }
	.header_block_2 { }
	.gnb2 { width:100%; }
	
	.slide { width:990px; }
	.slide { width:100%; }
}

/*
-----------------------------*/
@media screen and (min-width:1260px) { 
	body { }

	.header_container { width:990px; }
	.header_block_1 { }
	.header_block_2 { }
	.gnb2 { width:990px; }
	
	.slide { width:1260px; }
}

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

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