@charset "utf-8";


/*-----------------------------------------------------------------------------------------------------------
기본
-----------------------------------------------------------------------------------------------------------*/
.btnDiv			{ clear:both; padding:10px 0}
.pageDiv		{ clear:both; overflow:hidden;  width:100%; text-align:center}
.page_number	{  padding:20px 0; text-align:center; clear:both;}

.pc_no{display: none}
@media all and (max-width:980px) {		
	.m_img img{width: 100%}
}
@media all and (max-width:800px) {		
	.m_no{display: none}
	.m_img img{width: 100%}
.pc_no{display: block;}
}
/*-----------------------------------------------------------------------------------------------------------
버튼
-----------------------------------------------------------------------------------------------------------*/


/*.btnGry		{display:inline-block; background:#666; color:#fff; width:100px; height:40px; text-align:center;  
			font-weight:300; vertical-align:middle}*/
	
.btn01 			{ display:inline-block; padding:5px 10px; border:1px solid #222; background:#555; font-size:13px; border-radius: 3px; vertical-align:middle; }
	a.btn01,input.btn01,button.btn01					{ color:#fff;}
	a:hover.btn01,input:hover.btn01,button:hover.btn01	{ color:#fff; border:1px solid #222; background:#777;}
			
/*.srchBt		{display:inline-block; width:79px; height:33px; background:#44bcb4; line-height:33px; text-align:center; vertical-align:middle }
.srchBt span{padding-left:20px; background:url('/SW_bbs/img/srch_icon.png') no-repeat 0 center; background-size:35%;color:#fff; line-height:32px;}
*/
/*.btn_Gry 			{ display:inline-block; padding:8px 15px; border:1px solid #555; background:#555; border-radius: 3px; vertical-align:middle;transition: all 0.6s; font-size:14px;}
	a.btn_Gry,input.btn_Gry,button.btn_Gry					{ color:#fff;}
	a:hover.btn_Gry,input:hover.btn_Gry,button:hover.btn_Gry	{ color:#333; border:1px solid #555; background:#fff;}

.btn_Pot 			{ display:inline-block; padding:8px 15px; border:1px solid #2969bf; background:#2969bf; border-radius: 3px; vertical-align:middle;transition: all 0.6s; font-size:14px;}
	a.btn_Pot,input.btn_Pot,button.btn_Pot					{ color:#fff;}
	a:hover.btn_Pot,input:hover.btn_Pot,button:hover.btn_Pot{ border:1px solid #2969bf; background:#fff; color: #2969bf}
	
	*/
.btn_down 		{ display:inline-block; padding:10px 35px 10px 10px; border:1px solid #333; font-size:13px;  vertical-align:middle; background:#555; position:relative}
.btn_down:after	{ position:absolute; background:url(/img/common/com_img.png) no-repeat; content:""; top:8px; right:10px; width:17px; height:17px; background-position:-126px -52px }
	a.btn_down,input.btn_down,button.btn_down					{ color:#fff !important;}
	a:hover.btn_down,input:hover.btn_down,button:hover.btn_down { color:#fff !important; border:1px solid #333;}
	

/* 컨텐츠버튼 */
.point-btn,.base-btn{display:inline-block;font-size:17px;letter-spacing:-0.02em;padding-right:20px;vertical-align:baseline;transition:background .3s; margin-bottom:5px}
.point-btn span,.base-btn span {display:block;padding:20px 50px;line-height:1;transition:all .3s;color:#fff}
.point-btn span.link,.base-btn span.link{background:url(/img/about/down.png) no-repeat 95% 50%;padding-right:40px;}
.point-btn:hover span.link,.point-btn:focus span.link,.base-btn:hover span.link,.base-btn:focus span.link {background-position:100% 50%;}

.point-btn {background:#142762;border:1px solid #0e1f54;color:#fff !important; border-radius:3px}
.point-btn:hover, .point-btn:focus {background:#f65157;border:1px solid #f65157;}

.base-btn {background:#555;border:1px solid #555;color:#fff !important; border-radius:3px}
.base-btn:hover, .base-btn:focus {background:#222;}

 
	
/*-----------------------------------------------------------------------------------------------------------
/*게시판
-----------------------------------------------------------------------------------------------------------*/

	.tb1		{ width:100%; border-collapse:collapse;	border-spacing:0; border-top:2px solid #2969bf; margin:10px 0;}
	.tb1 th,
	.tb1 td		{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 15px; line-height:160%;  vertical-align:middle; }
	.tb1 thead th			{ font-weight:500; background: #f3f3f3;text-align:center; color: #333;/* background:url(/img/common/bg_pattern2.png); */}
	.tb1 tbody th			{ background-color:#fafafa; font-weight:400; text-align:center; }
	.tb1 td					{ background-color:#fff; font-weight:300; }
	.tb1 thead th:last-child,.tb1 tbody th:last-child,.tb1 tbody td:last-child	{ border-right:0 }
	.td_pc_none				{ display:none; }
	.td_pc_block			{ }
	.th_pc_none				{ display:none; }
	
	.tb2		{ width:100%; border-collapse:collapse;	border-spacing:0; border-top:2px solid #000; margin:10px 0;}
	.tb2 th,
	.tb2 td		{ border-right:1px solid #ddd; border-bottom:1px solid #ccc; padding:7px 8px; line-height:160%;  vertical-align:middle; font-weight:300; background-color:#fff; text-align:center; }
	.tb2 thead th	{ font-weight:400; background:#f9f4eb; text-align:center;color: #000; /*background:url(/img/common/bg_pattern2.png);*/}
	.tb2 tbody th	{ background-color:#fafafa; font-weight:400; border-right:1px solid #ccc;  text-align:center; }
	.tb2 thead th:last-child,.tb2 tbody th:last-child,.tb2 tbody td:last-child	{ border-right:0 }

/*	.tb2		{ width:100%; border-collapse:collapse;	border-spacing:0; border-top:2px solid #000; margin:10px 0;}
	.tb2 th,
	.tb2 td		{ border-right:1px solid #ddd; border-bottom:1px solid #ccc; padding:7px 8px; line-height:160%;  vertical-align:middle; font-weight:300; background-color:#fff;  text-align:left}
	.tb2 thead th	{ font-weight:400; background:#f9f4eb; text-align:center; }
	.tb2 tbody th	{ background-color:#fafafa; font-weight:400; border-right:1px solid #ccc;  text-align:center; }
	.tb2 tbody th.type1	{ background-color:#e5f1f6; font-weight:400;  text-align:center;  }	
	.tb2 thead th:last-child,.tb2 tbody th:last-child,.tb2 tbody td:last-child	{ border-right:0 }
	*/
	.tb3		{ width:100%; border-collapse: separate; border-spacing:5px}
	.tb3 th		{ padding:10px 8px; line-height:150%; background-color:#f2f2f2; color:#2969bf; border-radius:20px; border:1px solid #ddd; font-weight:400;text-align:center; font-size:16px }
	.tb3 td		{ background-color:#fff; border-bottom:1px dashed #ddd; padding:10px 8px; line-height:150%; font-weight:300; font-size:15px; }
	.tb3 td span.type1		{ font-size:15px; padding-left:10px; color:#44bcb4}
	
/*	.tb4		{ width:100%; border-collapse: separate; border-spacing:5px}
	.tb4 th		{ padding:10px 8px; line-height:150%; background-color:#ddeff1; color:#1fa9b8; border-radius:20px; border:1px solid #1fa9b8; font-weight:400; font-size:16px }
	.tb4 td		{ padding:10px 8px; line-height:150%; background-color:#f2f2f2; border-radius:20px; border:1px solid #ddd; font-size:15px }*/


	.tal			{ text-align:left !important; }
	.tac			{ text-align:center !important; text-indent:0 !important; }
	.line			{ border-left:1px solid #ccc !important;}
	.col_5			{ width:20%}
	.bd_no_m		{display:none !important;}
	.table_m,.board_m		{ display:none}	
	.ovf		    { overflow: hidden}

 
	/* 모바일 해상도 */
	@media all and (max-width:980px) {		
		/* table_style */
		
		.tb1 thead tr							{ display:none; }
		.tb1 tbody th							{ border-right:1px solid #f2f2f2; }
		.tbody_th								{ border-top:2px solid #222; text-align:left; }
		.tb1 tbody .responsive_tr				{ border-bottom:3px solid #f00 !important; }
		.tb1 td									{ text-align:left; }
		.tb1 td	br				{display:none !important;}
		.tb1 td, table.tb1 th	{ padding:8px 5px; }
		.col_5					{ width:25%}
		.bd_no_pc				{display:none !important;}	
		
		.table_pc,.board_pc	{ display:none}
		.table_m,.board_m,.bd_no_m	{ display: block}
		.table_m img{ width:95%; text-align:center}
		.bd_no_m	{ display:block !important}
		
 
		.ovf	{overflow-x:scroll;padding-bottom:15px; position:relative; padding-top:60px;}
		.ovf:after{width:100%; height:60px; position:absolute; left:0px;  top:0; display:block; content:"";background:#eceff1; z-index:-1}
		.ovf:before{width:360px;height:30px; position:absolute;left:10px; top:15px;font-size:15px; letter-spacing:-0.05em; color:#555; display:block; content:"← 좌우로 스크롤 하시면 자세히 보실 수 있습니다  →"; box-sizing:border-box; line-height:30px;}
		.ovf table	{width:620px !important}
		
		.srchBt2		{width:50px; }
		
		
		/* 모바일 해상도 */	
		/* Force table to not be like tables anymore */
		#no-more-tables table, 
		#no-more-tables thead, 
		#no-more-tables tbody, 
		#no-more-tables th, 
		#no-more-tables td, 
		#no-more-tables tr { 
			display: block; 
		}
	
		/* Hide table headers (but not display: none;, for accessibility) */
		#no-more-tables thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
	
		#no-more-tables tr { border-top: 1px solid #ccc;  border-bottom: 1px solid #ccc;}
		#no-more-tables th {  border-right:none;color: #000; }
		#no-more-tables td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			/*padding-left: 28%; */
			white-space: normal;
			text-align:left; font-weight:300; 
			
		}
	
		#no-more-tables td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */		
			/*left: 6px;
			width: 20%; */
			/*padding-right: 10px; 
			white-space: nowrap;
			text-align:left;
			font-weight: 400;
			border-right:1px solid #ddd;
			color:#000*/
		}
	
		/*
		Label the data
		*/
		#no-more-tables td:before { content: attr(data-title); }
		
		
				/* 모바일 해상도 */	
		/* Force table to not be like tables anymore */
		#no-more-tables2 table, 
		#no-more-tables2 thead, 
		#no-more-tables2 tbody, 
		#no-more-tables2 th, 
		#no-more-tables2 td, 
		#no-more-tables2 tr { 
			display: block; 
		}
	
		/* Hide table headers (but not display: none;, for accessibility) */
		#no-more-tables2 thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
	
		#no-more-tables2 tr { border-top: 1px solid #ccc;  border-bottom: 1px solid #ccc;}
		#no-more-tables2 th {  border-right:none; color: #000; }
		#no-more-tables2 td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			 padding-left: 30%; 
			white-space: normal;
			text-align:left; font-weight:300; 
			font-size: 15px;
			
		}
	
		#no-more-tables2 td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */		
			left: 6px;
			width: 25%; 
			padding-right: 10px; 
			white-space: nowrap;
			text-align:left;
			font-weight: 400;
			border-right:1px solid #ddd;
			color:#000;
			 
		}
		
		#no-more-tables2 td.th2 { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			 padding-left: 23%; 
			white-space: normal;
			text-align:left; font-weight:300; 
			font-size: 15px;
			
		}
	
		#no-more-tables2 td.th2:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */		
			left: 6px;
			width: 18%; 
			padding-right: 10px; 
			white-space: nowrap;
			text-align:left;
			font-weight: 400;
			border-right:1px solid #ddd;
			color:#000;
			 
		}
	
		/*
		Label the data
		*/
		#no-more-tables2 td:before { content: attr(data-title);  }
		
		
	}
	
	/* paging */
	.paging {display:inline-block; vertical-align:middle; padding:25px 0; width:100%; overflow:hidden; text-align:center; font-size:0;}
		.paging a {display:inline-block; vertical-align:middle; margin:2px; padding:0px 6px; min-width:10px; height:22px; font-size:13px; color:#b7b7b7; 
			letter-spacing:-1px; 
			line-height:22px; text-align:center;
			border:#fff solid 1px;
			background:#fff;}
		.paging a:hover {color:#e1708e;}
		.paging a.on {color:#e1708e; border:#e1708e solid 1px; background:#fff;}
		.paging a.focus {color:#fff; border:#e1708e solid 1px; background:#e1708e;}
		.paging a.focus:hover {color:#fff; border:#be1e2d solid 1px; background:#be1e2d;}
	
	/* 리스트검색 */
	.listSrch{border:1px solid #ddd; background:#f7f7f7; text-align:center; padding:15px 0;}
		.listSrch select{width:90px;}
		.listSrch select.type2{width:360px;}
		.listSrch input{width:360px;}
		.listSrch strong{color:#333; margin-right:6px}
		.listSrch .btnGry{height:auto; width:auto; padding:8px 20px 7px; line-height:18px; color:#FFF !important}
	

	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
	
		.listSrch{padding:12px 0;}
			.listSrch select{width:20%;}
			.listSrch input{width:30%;}
			.listSrch select.type2{width:60%;}
			.listSrch strong{font-size:13px}
			.listSrch .btnGry{font-size:13px; padding:8px 2% 7px;}
	
	}




/*-----------------------------------------------------------------------------------------------------------
공통
-----------------------------------------------------------------------------------------------------------*/


	h3.h3_title			{ clear:both; margin-bottom:70px; font-size:42px; font-weight:700; letter-spacing:-1px; text-align: center; color:#000; line-height:50px; position:relative}

	h3.h3_title2			{ clear:both;margin-top:80px;  margin-bottom:15px; font-size:30px; font-weight:500;  padding-top:25px;  padding-bottom:20px; color:#000; line-height:24px; text-align: center;position:relative}
	h3.h3_title2:before 	{position:absolute;top:0px;left:50%; transform:translateX(-50%);  content:"";display:block;width:30px;height:3px;background:#2969bf;z-index:10; border-radius:10px}

	h4.h4_title			{ clear:both;margin-top:80px;  margin-bottom:15px; font-size:24px; font-weight:500;  padding-top:15px; color:#000; line-height:24px; position:relative}
	h4.h4_title:before 	{position:absolute;top:0px;left:0;content:"";display:block;width:20px;height:2px;background:#2969bf;z-index:10; border-radius:10px}
	
	h5.h5_title			{padding-left:30px; margin-left:0; color:#f66d4b; clear:both; font-weight: 400; font-size:18px; letter-spacing:-1px; line-height:26px; position:relative}
	h5.h5_title:before  {position:absolute;top:0px;left:0;content:""; background:url(/img/common/com_img.png) ; background-position:-51px -15px; width:26px; height:26px}
 

	div.con		{ line-height:160%; }
	div.con2	{ line-height:160%; padding:10px 0 0 20px; }
	div.con2 strong		{ font-weight:400; color:#2969bf}
	div.con_box2		{ padding:20px;  border:#f3f3f3 solid 1px;  border-radius:0px; background:#fafafa}
	div.con_box3		{ padding:20px;  border:#efefef solid 1px;  border-radius:0px;background:#fff }
	div.con_box			{ padding:20px; line-height:200%; border:#ddd solid 1px;  border-radius:12px; background:#f3f3f3}
	div.con_box ol li	{ line-height:180%; list-style:decimal; }
	
	div.con_box4		{ padding:20px;  border:#6177ab dashed 1px;  background:#f3f3f3;  border-radius:5px;  width: 55%; margin: 0 auto;}


	.prve_box	{ height:180px; overflow:auto}
	
	ul.img			{ clear:both; margin:20px 8px 0;}
	ul.img li		{ display: inline-table; margin-bottom:10px; margin-right:1%; text-align:center; box-sizing:border-box; line-height:20px}
	ul.img li img	{ border-radius:20px; background:#f3f3f3;}
	ul.img li:last-child    { margin-right:0}
	ul.img li img			{ width:100%; border-radius:20px}	
	ul.img li.w-3			{  width:32%;}	
	ul.img li.w-2			{  width:48.8%;}		
	ul.img li.w-4			{  width:23.8%;}	
	
	.mw100		{ width: auto}
	
	.con_img	{ clear:both; margin:10px 0 0 10px;}
	.con_img:after		{content:'';display:block;clear:both;height:0;visibility:hidden}
	.con_img p.img		{ width:265px; float:left; margin-top:5px }
	.con_img p.img img	{ width:265px; border-radius:20px; background:#f3f3f3}
	.con_img div.txt	{ float:left; width:620px;}
	
	
	ol.bu1		{margin:5px 0 0 10px;}
	ol.bu1 li 	{line-height:170%;list-style: decimal !important; font-size:15px;margin-left: 10px; }
	 

	ul.bu1		{margin:5px 0 0 10px;}
	ul.bu1 li 	{line-height:170%;list-style: decimal !important; }
	
	ul.bu2		{margin:5px 0 0 25px;}
	ul.bu2 li 	{line-height:170%;list-style-type:disc !important}
	ul.bu2 li strong		{ font-weight:400; color:#000}
	ul.bu2 li strong.type1	{ font-weight:400; color:#ed601b !important}
		
	
	.img_pc		{ padding:20px 0 80px ; text-align:center;}
	.img_pc img	{ margin-bottom:30px !important}
	.img_m,a.detail-btn		{ display:none}
	
	
	.charter-wrap 	{padding:4px;background:url(/img/common/boxTop_bg.gif) repeat 0 0;}
	.charter		{ padding:30px; background:#fff; line-height:160%}
	.charter2		{ padding:30px; background:url(/img/common/page_bg.png)#fff;line-height:150%; font-weight:400; color:#000}
	.charter2 strong{ line-height:150%; font-weight:400; color:#f66d4b; font-size:18px}
	.box_member		{ background:url(/img/common/mem_icon.png) no-repeat #fff 40px 30px; min-height:90px; padding-left:140px}
	.box_guide		{ background:url(/img/common/info_icon.png) no-repeat #fff 40px 30px; min-height:90px; padding-left:140px}
	.charter ol li	{ line-height:180%; list-style: disc; }
	.charter_txt	{ line-height:180%; padding:10px 0 0 30px; font-size:15px}
	
	.ing			{ text-align:center; margin:50px 0;}
	
	
	/* 테블릿 가로 해상도 */
	@media all and (max-width:1199px) {	
				
	}

	/* 모바일 해상도 */
	@media all and (max-width:980px) {	
	
		h3.h3_title			{  margin-bottom:40px; font-size:36px; font-weight:700;  line-height:40px; }
		h3.h3_title2			{  ;margin-top:40px;  margin-bottom:15px; font-size:24px;   line-height:24px; }
		h4.h4_title	{background-size:24px; font-size:21px;margin-top:40px;}
		 
		
		ul.img	{ clear:both; margin-top:10px;}
		ul.img li		{ margin:0.5% 0; width:100% !important;}
		ul.img li img	{ width:100%;}
		
		div.img img	{ width:100%}
		div.con_box	{ /*height:180px; */overflow:auto;  }
		div.con_box2		{ /*height:180px; */overflow:auto;  }
		div.con_box3		{ /*height:180px; */overflow:auto;  }
		div.con_box4		{width: 100%; }
		
		.con_img p.img		{ width:100%; clear:both; margin-bottom:5px;}
		.con_img p.img img	{ width:100%;}
		.con_img div.txt{ clear:both; width:100%;}
		
		.img_pc		{ padding:10px 0 10px ;}
		.img_pc img	{ margin-bottom:0px !important; width:100%}
		.img_m		{ display: block; padding:20px 0; text-align:center}
		.img_m img	{ width:80%;}	
	
		.mw100		{ width:100%; overflow:hidden}		
		
		.charter		{ padding:15px 10px; background:#fff}
		.charter2		{ padding:15px; background:url(/img/common/page_bg.png)#fff center;}
		.charter2 br	{ display:none}
		.box_member		{ background: nonex; min-height: inherit; padding-left:10px}


		.ing			{ text-align:center; margin:20px 40px;}
		.ing img		{ width:100%}
		
		
	}

	/* 모바일 해상도 */
	@media all and (max-width:640px) {	
		
		.con_img img	{ width:100%;}
		
		ul.img	{ clear:both; margin-top:10px;}
		ul.img li		{ }
		ul.img li img	{ width:100%;}
		
		div.pimg{ display:none}
		ul.mimg	{ clear:both; margin-top:0px; display: block; margin-bottom:10px; text-align:center; box-sizing:border-box}
		ul.mimg li		{ margin:1% 0; width:49.5%; float:left;}
		ul.mimg li img	{ width:100%;}
		
	}

		

	.box-type {position:relative;text-align:center; margin-top:10px;  }	
	.box-type:after {content:"";display:block;position: absolute;width:29px;height:85px;background:url(/img/common/dpt_char_spr.png) no-repeat;z-index:10;top:0; left:48.5%}
	
	.char-tit {}
	.char-tit p.tit	{font-size:30px;line-height:40px;color:#116fb0;font-weight:500; letter-spacing:-1px; padding-top:85px}
	.char-tit p.tit span	{font-size:30px;line-height:40px;color:#333;font-weight:300;}
	.char-tit p.tit2		{font-size:30px;line-height:40px;color:#000;font-weight:500; letter-spacing:-1px; padding-top:85px}
	.char-tit p.tit2 span.point	{font-size:30px;line-height:40px;color:#3eb134;font-weight:500;}
	.char-tit p.tit2 span.point2{font-size:30px;line-height:40px;color:#ea2d6b;font-weight:500;}
	.box-type p.txt	{ line-height:160%; padding-top:15px; position:relative; padding-bottom:25px}
	.box-type p.txt span.point	{ color:#000; font-weight:500}
	.box-type p.txt:after	{content:"";position: absolute; height:4px; background:url(/img/common/boxTop_bg.gif); width:100%; bottom:0; left:0;}
 
	
	@media only screen and (max-width:768px){
		.char-tit {font-size:23px;line-height:1.4;margin-top:5px;}
		.char-tit .e-tit {font-size:14px;}
		.char-tit:after {margin-top:15px;margin-bottom:15px;}
		.box-type p.txt br	{ display:none;}
	}
	@media only screen and (max-width:699px){
		.char-tit {font-size:18px}
		.char-tit .e-tit {font-size:12px;}
	}
	@media only screen and (max-width:549px){
		.char-thum:after, .char-tit:after {display:none;}
		.char-tit {margin-bottom:10px;}
	
	}


 


/*-----------------------------------------------------------------------------------------------------------
탭메뉴
-----------------------------------------------------------------------------------------------------------*/
	
	#tabs	{ overflow: hidden; width: 100%;margin-top: -8rem ; margin-bottom:60px; padding: 0; list-style: none;text-align:center	}
	#tabs	{ display:inline-block;}
	#tabs li{  position: relative; float: left; box-sizing:border-box; border-right:1px solid #ddd;border-top:0px solid #ddd;border-bottom:0px solid #ddd; padding:18px 0; transition: all 0.6s; margin:0;/*border-radius:26px;*/ background:#e5e5e5}
	#tabs li:first-child{   border-left:1px solid #ddd;  }
	#tabs li#current,#tabs li.on { background:#0873bb;}
	#tabs li#current a,#tabs li.on a { color:#FFF !important;}
	#tabs li a 			{ color:#555; /*letter-spacing:-1px*/}
	#tabs li:hover a	{color:#fff !important;}
	#tabs li:hover		{ background:#0873bb;}
	
/*	#content	{background: #fff;height: auto;position: relative;z-index: 2;}*/
	
	#tabs li.w-6	{ width:14.25%}
	#tabs li.w-5	{ width:20%}
	#tabs li.w-4	{ width:25%}
	#tabs li.w-3	{ width:33.33%}
	#tabs li.w-2	{ width:50%}
	
 

	/* 모바일 해상도 */
	@media all and (max-width:980px) {		
	
				
		#tabs {border-left:1px solid #ddd;margin-top: 0rem ;}
		#tabs:after		{content:'';display:block;clear:both;height:0;visibility:hidden}
		#tabs li{    padding:10px 0;   }
		#tabs li:first-child	{border-left:0px solid #ddd;}
		
		#tabs li a 			{ font-size: 15px;}
		/*#tabs li:nth-child(3),#tabs li:nth-child(4),#tabs li:nth-child(5),#tabs li:nth-child(6)
		,#tabs li:nth-child(7),#tabs li:nth-child(8)	{ border-top:0px}*/
		#tabs li{}
		#tabs li.w-6,
		#tabs li.w-5,
		#tabs li.w-4 { width:50%}
		#tabs li.w-3	{ width:33.3%}
		#tabs li.w-2	{ width:50%}
 

		
	}
	
	
 
/*-----------------------------------------------------------------------------------------------------------
컨텐츠-회사소개
-----------------------------------------------------------------------------------------------------------*/
.txt_title {
        margin: 30px 0;
        font-size: 20px;
        line-height: 36px;
	color: #333;text-align: center; font-weight: 400; font-family: 'S-CoreDream-4Regular';  word-break: keep-all
    }
.txt_title span.ss { 
        font-size: 24px;
        line-height: 36px;
	color: #0873bb; font-family: 'S-CoreDream-4Regular';
    }
.about{margin-top: 50px;text-align: center}
 
@media only screen and (max-width:980px){
	 
 .txt_title {
        margin:  0px 0;
        font-size: 16px;
        line-height: 26px;  
    }
.txt_title span.ss { 
        font-size: 16px;
        line-height: 26px; 
    }
.about img{width: 90%;}
}

/*-----------------------------------------------------------------------------------------------------------
컨텐츠-회사소개
-----------------------------------------------------------------------------------------------------------*/

.r_box1{width:100%;position: relative;margin-top: 50px;clear: both;display: inline-block; background:url(/img/about/bg3.png) no-repeat center 50%;height: 660px;margin-bottom: 50px}
.r_box1 li.ww4{float: left;position: relative;width:46%;  height: 220px; margin: 20px 2%;box-sizing: border-box;text-align: center;font-size:17px;line-height: 28px; background-size: cover;color: #666; letter-spacing: -0.5px;word-break: keep-all }
 
.r_box1 li:nth-child(1){width:96%;}
 .r_box1 li:nth-child(2) {padding-right: 150px}
 .r_box1 li:nth-child(3) {padding-left: 100px} 
.r_box1 li:nth-child(4){width:96%; }
.r_box1 li span{ font-size: 28px;font-weight: 500;display: block;color: #000;padding-bottom: 20px;text-align: center;width: 100%; }
 

@media only screen and (max-width:980px){
	
.r_box1{  height: auto; background:url(/img/about/bg3.png) no-repeat center top;background-size: 80%;margin-top: 0px;padding-top: 250px }
.r_box1 li.ww4{ width:100%;  height: auto; margin: 20px 0%; font-size:16px;line-height: 26px; }
	
.r_box1 li:nth-child(1){width:100%;}
 .r_box1 li:nth-child(2) {padding-right:0px}
 .r_box1 li:nth-child(3) {padding-left: 0px} 
.r_box1 li:nth-child(4){width:100%; }
 .r_box1 li span{ font-size: 24px; }
 
}
/*-----------------------------------------------------------------------------------------------------------
컨텐츠-비전
-----------------------------------------------------------------------------------------------------------*/
.vi_t{position: relative;width: 100%;margin: 50px auto;display: inline-block}
.vi_t li{position: relative;float: left; text-align: center;color: #666;   display: inline-block; width:33.3%;letter-spacing: -0.5px;box-sizing: border-box;padding:0px 40px;padding-top: 400px;
	word-break: keep-all;line-height: 28px; }
.vi_t li span{  font-size: 24px;font-weight: 500;display: block;color: #000;padding : 20px 0px;text-align: center;letter-spacing: -0.5px;  }
.vi_t li.vi_img1{background:url(/img/about/bg5.png) no-repeat center top; }
.vi_t li.vi_img2{background:url(/img/about/bg6.png) no-repeat center top; }
.vi_t li.vi_img3{background:url(/img/about/bg7.png) no-repeat center top; }


@media only screen and (max-width:980px){
	
.vi_t{ margin:  0px auto; }
.vi_t li{ width:100%; padding:50px 0px ; padding-top: 250px}
.vi_t li span{  font-size: 24px;font-weight: 500;display: block;color: #000;padding : 20px 0px;text-align: center;letter-spacing: -0.5px;  }
.vi_t li.vi_img1,
.vi_t li.vi_img2,
.vi_t li.vi_img3{background-size: 250px }
 
}
/*-----------------------------------------------------------------------------------------------------------
컨텐츠-연혁
-----------------------------------------------------------------------------------------------------------*/
 
.history-type01 {position:relative; margin-top:0px;/*background:url(/img/about/his_bg.png) no-repeat center 130px;*/padding-bottom: 50px;border-bottom: 1px solid #f9f9f9}
.history-type01 .history-wr:before {position:absolute;top:0px;left:50%;margin-left:-0.5px;content:"";display:block;width:1px;height:98%;background:#d1d1d1;/*z-index:10; */}
.history-type01 .his-tit {position:relative;display:table;width:50%;height:auto;margin-left:auto;margin-right:auto; background: #fff;/*background:url(/img/about/org_spr.png) no-repeat 0 0;*/text-align:center;padding:0px 124px 24px;box-sizing:border-box;line-height:1;z-index:100}
/*.history-type01 .his-tit:before {position:absolute;bottom:0px; left:49%;content:"";display:block;width:12px;height:12px;background:#e22347;border-radius:50%;  z-index:200}*/

.history-type01 .his-tit .tit {vertical-align:middle;  }
.history-type01 .his-tit .tit em {font-style:normal;display:block;}
.history-type01 .his-tit .tit .e-tit {font-size:36px;color:#ddd; font-weight:900;letter-spacing:0.08em;/* text-transform:uppercase;opacity:0.7*/}
.history-type01 .his-tit .tit .e-tit:before {content:"";display:block;width:23px;height:30px;margin-left:auto;margin-right:auto;margin-bottom:8px;}
.history-type01 .his-tit .tit .k-tit {font-size:38px;font-weight:700;color:#656565; line-height: 60px;}
.history-type01 .his-tit .tit .k-tit:before {content:"";display:block;width:12px;height:2px;background:#fff;margin:8px auto;}

.history-type01 .history-list {position:relative;width:50%;text-align:right;margin-top:35px;} 
.history-type01 .history-list .year {position:relative; font-size:32px;line-height:1;color:#000; font-weight:700;}
.history-type01 .history-list .year:after {position:absolute; bottom:-25px; left:0%; content:""; display:block; width:18px; height:1px; background: #ddd; }
.history-type01 .history-list .history {position:relative; margin-top:-15px; padding-top:20px; font-size:15px; color:#444; padding-left:0px;   }
.history-type01 .history-list .history:before {position:absolute;top:-6px; content:""; display:block; width:10px; height:10px; background:#e22347; border-radius:50%; z-index:200}
.history-type01 .history-list .history li {position:relative;margin:47px 0;line-height:1.6;overflow:hidden;} 
.history-type01 .history-list .history li .day {width:100%; line-height:140%; font-size:1.8em; font-weight: bold; letter-spacing: -1; display: block; color: #0f3384; }
.history-type01 .history-list .history li .txt {width:100%; line-height:140%; font-size:16px; position: relative}
.history-type01 .history-list .history li .txt:before {position:absolute; top:11px; content:""; display:block; width:4px; height:4px; background:#2563ab; border-radius: 2px;}
 


/* 연혁짝수 */
.history-type01 .history-list:nth-child(odd) {margin-left:50%;text-align:left;}
.history-type01 .history-list:nth-child(odd) .year  {right:0;margin: 0 40px;}
.history-type01 .history-list:nth-child(odd) .year:after {/*right:0;*/}
.history-type01 .history-list:nth-child(odd) .history {padding-left:45px;background:url(/img/about/history_line.png) no-repeat left top;}
.history-type01 .history-list:nth-child(odd) .history:before {left:-5px;}
.history-type01 .history-list:nth-child(odd) .history li span {float:left;} 
.history-type01 .history-list:nth-child(odd) .history li .txt {padding-left:15px; }
.history-type01 .history-list:nth-child(odd) .history li .txt:before {left:5px;}
/* 연혁홀수 */
.history-type01 .history-list:nth-child(even) {margin-right:50%;}
.history-type01 .history-list:nth-child(even) .year {left:0;margin:0 40px;}
.history-type01 .history-list:nth-child(even) .year:after {left: 97%;}
.history-type01 .history-list:nth-child(even) .history {padding-right:45px;background:url(/img/about/history_line.png) no-repeat right top;}
.history-type01 .history-list:nth-child(even) .history:before {right:-5px;}
.history-type01 .history-list:nth-child(even) .history li span {float:right;} 
.history-type01 .history-list:nth-child(even) .history li .txt {padding-right:15px; }
.history-type01 .history-list:nth-child(even) .history li .txt:before {right:5px;}

/*.f_w	{ color:#FFF}*/
 


@media only screen and (max-width:999px){
	 
	.history-type01 .history-list .history li .txt {max-width:77%} 
}
@media only screen and (max-width:768px){
	.history-type01 .his-tit {display: none}
	.history-type01 { background:none;}
	.history-type01 .history-list, .history-type01 .history-list:nth-child(odd), .history-type01 .history-list:nth-child(even) {width:auto;margin:30px 0 0;padding-left:2%;padding-right:2%;}
	.history-type01 .history-wr:before {display: none}
	.history-type01 .history-list .history, .history-type01 .history-list:nth-child(odd) .history, .history-type01 .history-list:nth-child(even) .history {padding-left:0;padding-right:0;text-align:left;}
	.history-type01 .history-list .year { margin:0px; text-align:center;}
	.history-type01 .history-list .year:after {display: none}
	.history-type01 .history-list:first-child .year {padding-top:40px; }
	.history-type01 .history-list:nth-child(odd) .history,.history-type01 .history-list:nth-child(even) .history {background:none;border-top:1px solid #ddd;margin-top:35px;}
	.history-type01 .history-list:nth-child(even) .history li {padding-left:0;padding-right:0;}
	.history-type01 .history-list:nth-child(even) .history li .day {margin-left:0;margin-right:20px;}
	.history-type01 .history-list:nth-child(even) .history li .txt {padding-right:0;padding-left:13px;}
	.history-type01 .history-list:nth-child(even) .history li .txt:before {right:auto;left:0;}
 	.history-type01 .history-list:nth-child(even) .history li span {float:left;} 
	.history-type01 .history-list .history li:last-child {border-bottom:2px solid #000;padding-bottom:25px}
}
@media only screen and (max-width:499px){
	.history-type01 .history-list .year {font-size:24px}
	.history-type01 .history-list:nth-child(even) .history li span, .history-type01 .history-list:nth-child(odd) .history li span {float:none;display:block;margin:0}
	.history-type01 .history-list:nth-child(odd) .history li .txt, .history-type01 .history-list:nth-child(even) .history li .txt {padding-left:18px}
	.history-type01 .history-list .history li .txt {max-width:100%}
/*	.history-type01 .history-list .history li .txt:before {top:8px;}*/
}	
	
 
 /*-----------------------------------------------------------------------------------------------------------
오시는길
-----------------------------------------------------------------------------------------------------------*/
	.locaInfoArea{margin-top:35px; position:relative;}
	/*.locaInfoArea:after	{ position:absolute; content:'';background:url(/img/about/map_img_01.gif) no-repeat; height:283px; width:450px; top:390px; right:0 }*/
	.locaInfoArea .infoRow{padding:10px 0 80px 136px; border-top:1px dashed #ddd}
	.locaInfoArea .infoRow:first-child{border-top:none;}
	.locaInfoArea .infoRow .infoTitle{ color:#252525; font-weight:normal; padding-bottom:15px; position:relative; padding-left:15px}
	.locaInfoArea .infoRow .infoTitle:before{ position:absolute; content:'-'; top:0; left:0; }
	.locaInfoArea .infoRow ul li		{color:#252525; line-height:150%;}
	.locaInfoArea .infoRow ul li .point	{ color:#fa5309; font-weight:300; padding-right:10px}
	
	.locaInfoArea .infoRow.row01{background: url("/img/about/icon01.png") no-repeat 0 50%; background-size: 90px 90px;}
	.locaInfoArea .infoRow.row02{background: url("/img/about/icon02.png") no-repeat 0 50%; background-size: 90px 90px;}
/*	.locaInfoArea .infoRow.row03{background: url("/img/about/icon03.png") no-repeat 0 70%; background-size: 90px 90px;}*/

	.locaInfoArea .infoRow ul li>ul	{ padding-left:10px;}
	.locaInfoArea .infoRow ul li>ul>li{ background:url(/img/common/dot.png) no-repeat 0 7px; padding-left:15px; padding-bottom:5px;}

	/* 모바일 해상도  */   
	@media all and (max-width:800px) {		
		.locaInfoArea{margin-top:10px;}
		.locaInfoArea:after	{ position:absolute; content:'';background:none; height:0px; width:0px; top:0px; right:0 }
		.locaInfoArea .infoRow{padding:50px 0; }
		.locaInfoArea .infoRow.row01{background: none}
		.locaInfoArea .infoRow.row01 ul li{margin-top:15px;}		
		.locaInfoArea .infoRow.row02,
		.locaInfoArea .infoRow.row03,
		.locaInfoArea .infoRow.row03{background:none}
	}	
 
 /*-----------------------------------------------------------------------------------------------------------
리사이클링 / 컨설팅
-----------------------------------------------------------------------------------------------------------*/
.re_list {position: relative;width: 100%;margin: 50px 0;display: inline-block;box-sizing:border-box}
.re_list li {float: left}
.re_list li.tt { width:58%;  font-size: 18px;color: #666;word-break:keep-all; display: inline-block; }
.re_list li.tt strong {font-size: 28px;color: #000;line-height: 48px;font-family: 'Godo';padding-bottom: 10px}
 
.re_list li.img {width: 42%; display: inline-block; margin-top: 20px}
.re_list li.img img {width: 80%;  }
.re_list li.img2 {width: 42%;  display: inline-block;text-align: right;}
.re_list li.img2 img {width: 80%;  }

.re_list li.tt span.img {padding: 25px 5px 0}
.re_list li.tt span.num {font-size: 60px;color: #000;font-family: 'Godo';background-image: linear-gradient(-45deg, #000, #000, #c5c5c5, #0873bb, #0873bb);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;}

	/* 모바일 해상도  */   
	@media all and (max-width:980px) {		
		.re_list { margin: 20px 0; }
		.re_list li.tt { width:100%;  font-size: 17px;text-align: center }
		.re_list li.tt strong {font-size: 28px;color: #000;line-height: 40px;font-family: 'Godo';padding-bottom: 10px}
 	.re_list li.img img {display: none} 
.re_list li.img,.re_list li.img2  {width:100%; text-align: center;margin-top: 20px }
	}
 /*-----------------------------------------------------------------------------------------------------------
시험평가
-----------------------------------------------------------------------------------------------------------*/
.re_list2 {position: relative;width: 100%;margin-top: 30px; padding: 50px auto;display: inline-block;box-sizing:border-box;  }
.re_list2 li {float: left;width: 48%;margin: 20px 1%;/*padding-top: 150px;*/text-align: center;box-sizing:border-box;word-break: keep-all;line-height: 160%; border: 1px solid #ddd;padding: 50px}
.re_list2 li span.icon1 {font-size: 28px;color: #000;line-height: 48px;font-family: 'Godo';padding-bottom: 10px;display: block;background:url(/img/business/icon1.png) no-repeat center top;padding-top: 130px}
.re_list2 li span.icon2 {font-size: 28px;color: #000;line-height: 48px;font-family: 'Godo';padding-bottom: 10px;display: block;background:url(/img/business/icon2.png) no-repeat center top;padding-top: 130px}

.re_list3    {position: relative;  width:100%;}
.re_list3 li  {position: relative;float: left; margin: 80px 0% 0; text-align: center;box-sizing:border-box; overflow: hidden;display: inline-block;}
 
.re_list3 li img {width: 100%; }

	/* 모바일 해상도  */   
	@media all and (max-width:980px) {	
	.re_list2 { margin-top: 0px; padding: 30px auto; }	
	.re_list2 li { width: 98%;margin: 20px 1%; padding: 20px}	
	.re_list2 li span.icon1,
.re_list2 li span.icon2 {font-size: 23px; line-height:38px; }	
		
	.re_list3    {display: none}
}
 /*-----------------------------------------------------------------------------------------------------------
연구목표
-----------------------------------------------------------------------------------------------------------*/
 
.resh_bx	{ position:relative;width: 100%; padding-top: 50px; background:url(/img/research/bg.png) no-repeat center top; display: inline-block; min-height: 485px; z-index:0}
 
.resh_bx li {float: left; text-align: center}
.resh_bx li span  { width: 100%;font-size: 28px;color: #000;line-height: 48px;font-family: 'Godo';padding-bottom: 10px}

 .resh_bx li:nth-child(1), .resh_bx li:nth-child(3) {float: left;width: 35%;margin: 50px 15% 100px 0; }
 .resh_bx li:nth-child(2), .resh_bx li:nth-child(4) {float:right;width: 35%;margin: 50px 0 100px 15%; }
 .resh_bx li:nth-child(3), .resh_bx li:nth-child(4) {margin-top: 100px; display: inline-block; }


	/* 모바일 해상도  */   
	@media all and (max-width:980px) {	
	 
.resh_bx	{   padding-top:450px;background:url(/img/research/bg_m.jpg) no-repeat center top;   background-size:280px; }
		
		.resh_bx li span  {  font-size: 21px; line-height: 32px; }
		
	 .resh_bx li:nth-child(1), .resh_bx li:nth-child(3) {float: left;width: 100%;margin: 20px 0% 20px 0; }
 .resh_bx li:nth-child(2), .resh_bx li:nth-child(4) {float: left;width: 100%;margin: 20px 0 20px 0%; }	
		 .resh_bx li:nth-child(3), .resh_bx li:nth-child(4) {margin-top: 20px; display: inline-block; }
}