@charset "utf-8";

 
.pc_none{display: none}
 
@media all and (max-width:860px) {
	.m_none{display: none}
	.pc_none{display: block}
}
/*-----------------------------------------------------------------------------------------------------------
기본
-----------------------------------------------------------------------------------------------------------*/
.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;}

/*-----------------------------------------------------------------------------------------------------------
버튼
-----------------------------------------------------------------------------------------------------------*/


.btnGry		{display:inline-block; background:#666; color:#fff; width:100px; height:40px; text-align:center;  
			font-weight:300; vertical-align:middle}
	
.btn01,.btn_g1 			{ display:inline-block; padding:5px 10px; border:1px solid #222; background:#555; font-size:13px; border-radius: 3px; vertical-align:middle; }
	a.btn01,a.btn_g1,input.btn01,input.btn_g1,button.btn01,button.btn_g1					{ color:#fff;}
	a:hover.btn01,a:hover.btn_g1,input:hover.btn01,input:hover.btn_g1,button:hover.btn01,button:hover.btn_g1	
	{ color:#fff; border:1px solid #222; background:#777;}
			
.srchBt		{display:inline-block; width:79px; height:33px; background:#5cbcc3; 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:10px 20px; border:2px solid #222; background:#555; vertical-align:middle;}
	a.btn_Gry,input.btn_Gry,button.btn_Gry					{ color:#fff;}
	a:hover.btn_Gry,input:hover.btn_Gry,button:hover.btn_Gry{ color:#fff; border:2px solid #222; background:#222;}

.btn_Pot { display:inline-block; padding:10px 20px; background:#ec5648;border:2px solid #db4335; vertical-align:middle;}
	a.btn_Pot,input.btn_Pot,button.btn_Pot					{ color:#fff;}
	a:hover.btn_Pot,input:hover.btn_Pot,button:hover.btn_Pot{ color:#fff; border:2px solid #db4335; background:#db4335;}
	
.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;}
	
.btn_sPot { display:inline-block; padding:3px 5px; background:#ec5648;border:1px solid #db4335; vertical-align:middle; border-radius:20px;  color:#fff !important; font-size:14px}
.btn_sPot:hover{ color:#fff !important; font-size:14px; border:1px solid #db4335; background:#db4335;}

span.b_ing		{ padding:3px 5px; background:#999; color:#fff;border-radius:5px;font-size:13px}
span.b_end		{ padding:3px 5px; background:#09C; color:#fff;border-radius:5px;font-size:13px}


/* 컨텐츠버튼 */
.point-btn,.base-btn{display:inline-block;font-size:15px;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:16px 20px;line-height:1;transition:all .3s;color:#fff}
.point-btn span.link,.base-btn span.link{background:url(/img/common/ico_link02.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:#e06280;border:1px solid #e06280;color:#fff !important; border-radius:30px}
.point-btn:hover, .point-btn:focus {background:#db4335;}

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

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

	.tb1		{ width:100%; border-collapse:collapse;	border-spacing:0; border-top:2px solid #6fc3ca; margin:10px 0; border-left:1px solid #ccc  }
	.tb1 th,
	.tb1 td		{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 8px; line-height:160%;  vertical-align:middle; }
	.tb1 thead th			{ font-weight:400; background: #f1f7f7; }
	.tb1 tbody th			{ background-color:#fafafa; font-weight:500; text-align:center; }
	.tb1 td					{ background-color:#fff; font-weight:300; }
	.td_pc_none				{ display:none; }
	.td_pc_block			{  }
	.th_pc_none				{ display:none; }
	.span_pc_none			{ display:none !important; }
	.span_pc_block			{ display:inline; }
	
	.tb2		{ width:100%; border-collapse:collapse;	border-spacing:0; border-top:2px solid #128679; margin:10px 0;}
	.tb2 th,
	.tb2 td		{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 8px; line-height:160%;  vertical-align:middle; font-weight:300; background-color:#fff; word-break: keep-all; text-align:left}
	.tb2 td ul li {line-height:1.3em;text-align:left;list-style:disc inside;padding-left:15px;}
	.tb2 thead th	{ font-weight:400; background: #f3f3f3; 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 }
	.tb2 td.center		{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 8px; line-height:160%;  vertical-align:middle; font-weight:300; background-color:#fff;  text-align:center}


	.tb3		{ width:100%; border-collapse: separate; border-spacing:5px;}
	.tb3 th		{ padding:10px 8px; line-height:150%; background-color:#f2f2f2; color:#087a71; border-radius:20px; border:1px solid #ddd; font-weight:400; font-size:16px }
    .tb3 th.an {padding:10px 8px; line-height:150%; background-color:#fff; color:#087a71; border-radius:20px; border:1px solid #ddd; font-weight:400; font-size:16px}		
	.tb3 td		{ background-color:#fff; border-bottom:1px dashed #ddd; padding:10px 8px; line-height:150%; font-weight:300; font-size:16px;}
	.tb3 td span.type1		{ font-size:15px; padding-left:10px; color:#5cbcc3;  background: #1e7f80;line-height:32px; min-width: 20%;   padding: 0px 15px;
    height: 32px;
    border-radius: 16px;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-weight: 400;
     
    margin-top: 5px;
    margin-right: 6px;}
	.tb3 td span.type2		{ font-size:15px; padding-left:10px; color:#5cbcc3;  background: #1e7f80;line-height:32px; min-width: 14%;   padding: 0px 15px;
    height: 32px;
    border-radius: 16px;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-weight: 400;
     
    margin-top: 5px;
    margin-right: 6px;}
    .tb3 td.ls_5{letter-spacing: -.5px;}

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

	.li_style2 ul {width:100%;}
	.li_style2 ul li {position:relative;float:left;display:inline;border-style:dashed ;width:44%;height:100px;margin:20px ;border-radius:10px;}
	.li_style2 ul li:last-child    { margin-right:0}
	.li_style2 ul li p {display:block;width:100%;border:0px;font-size:0.9em;line-height:1.3em;padding-left:10px;}
	.li_style2 ul li::after{position:absolute;top:40px;right:-35px;width:21px;height:36px;content:'';background:url('/img/common/aw_pc.gif') no-repeat;}
	.li_style2 ul li:last-child::after {display:none; background:none}

	/* 모바일 해상도 */
	@media all and (max-width:800px) {		
		/* 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;}			
		.bd_no_m				{display: block; font-family: 'NIXGONM-Vb'; font-size:20px; font-weight:bold}
		
		.table_pc,.board_pc	{ display:none}
		.table_m,.board_m	{ display: block}
		.table_m img{ width:95%; text-align:center}
	/*	.ta_left		{ border-left:0px solid #ccc !important}*/
		
		
		.tb2		{ max-width:100%;  }
		.tb2 th, .tb2 td {padding: 5px 3px;}
			
			
		.srchBt2		{width:50px; }
		
		.ovf	{overflow-x:scroll;padding-bottom:15px; position:relative; padding-top:60px;width: 100%;}
		.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}
		
		.li_style2 ul > li,
		.li_style2 ul  li{width:85% !important}
		
	}
	
	@media all and (max-width:480px) {
		
		.ovf:before{width:260px;font-size:14px; line-height:120%;}
	}
	
	/* 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 2px; background:#fff;text-decoration: underline}
		.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;}
	
	}




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


/*	h4.h4_title			{clear: both; margin-bottom: 15px; font-size: 24px; font-weight: 500; letter-spacing: -1px; padding-top: 20px;  color: #000;  line-height: 24px; position: relative;}
	h4.h4_title:before 	{position: absolute;top: 0px;left: 0;content: "";display: block; width: 25px;height: 5px;background: #138677; z-index: 10;border-radius: 10px;}*/
	
	h4.h4_title			{padding-left:20px; margin-left:5px; margin-bottom: 15px;color:#000; clear:both; font-weight: 500; font-size:24px; letter-spacing:-1px; line-height:30px; position:relative}
	h4.h4_title:before 	{position:absolute;top:0px;left:0;content:""; background:url(/img/common/title.png)no-repeat;  width:16px; height:27px}
	h4.h4_title	span {font-weight: 500; font-size:24px; letter-spacing:-1px; line-height:30px; color: #e05870}

	h5.h5_title			{padding-left:30px; margin-left:20px; color:#e05870; 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}

	h5.h5_title2			{padding-left:30px; margin-left:3px; color:#333; clear:both; font-weight: 400; font-size:18px; letter-spacing:-1px; line-height:26px; position:relative}
	h5.h5_title2:before  {position:absolute;top:0px;left:0;content:""; background:url(/img/common/com_img.png) ; background-position:-51px -15px; width:26px; height:26px}
	
	h5.h5_title3			{padding-left:20px; margin-left:20px; color:#000; clear:both; font-size:17px; letter-spacing:-1px; position:relative}
	h5.h5_title3:before  {position:absolute;top:1px;left:0;content:""; background:url(/img/common/com_img.png) ; background-position:-12px -20px; width:14px; height:14px}

 
	
	div.con		{ line-height:160%; }
	div.con_box			{ padding:20px; line-height:200%; border:#efefef solid 1px;  border-radius:12px;}
	div.con_box ol li	{ line-height:180%; list-style:decimal; }
	.s_con ol 		{ padding-left:50px }
	.s_con li		{ padding-bottom:5px; font-size:15px; line-height:150%;  list-style:decimal;}
	
	
 
	
	ul.img			{ clear:both; margin-top:20px;}
	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:last-child    { margin-right:0}
	
	.mw100		{ width: auto}
		
	
	ol.bu1		{margin:5px 0 0 10px;}
	ol.bu1 li 	{line-height:170%;list-style: decimal !important }
	
	ul.bu1		{margin:5px 0 0 10px;}
	ul.bu1 li 	{line-height:170%;}
	
	ul.bu2		{margin:5px 0 0 30px;}
	ul.bu2 li 	{line-height:170%;font-weight:300;  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}

	ul.bu3		{margin:5px 0 0 0px;}
	ul.bu3 li 	{line-height:170%;font-weight:300;  list-style-type:disc !important}
	ul.bu3 li strong		{ font-weight:400; color:#000}
	ul.bu3 li strong.type1	{ font-weight:400; color:#ed601b !important}

	
	.line_top	{ border-top:1px dashed #ddd;}
	
 

	/* 모바일 해상도 */
	@media all and (max-width:980px) {	
					
		
	
		.mw100		{ width:100%; overflow:hidden}
		
		
		/* 모바일 해상도 */	
		/* 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 tr.no_top { border-top: none;border-bottom: none; }
		#no-more-tables tr.no_top:last-child { border-top: none;border-bottom: 1px solid #ccc  }
		#no-more-tables th {  border-right:none }
		#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:400; 
			
		}
		#no-more-tables td.no_left { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 0%; 
			white-space: normal;
			text-align:center; font-weight:400; 
			
		}
		#no-more-tables td.no_bt { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 0px solid #eee; 
			position: relative;
			padding-left: 0%; 
			white-space: normal;
			text-align:center; font-weight:400; 
			
		}
	
		#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); }
		
		h4.h4_title	{background-size:24px; font-size:22px;}
		
		.com-2 li		{ width:100%;margin:1% 0; padding:10px 0; }
		
		
	}

	/* 모바일 해상도 */
	@media all and (max-width:640px) {	
		
		
	}

 
	
	.char-tit {margin-top:35px;text-align:center; }
	.char-tit p.tit	{font-size:32px;line-height:40px;color:#000;font-weight:500; letter-spacing:-1px;font-family: 'NIXGONM-Vb';}
	.char-tit p.tit span	{ font-size:36px;line-height:40px;color:#333;font-weight:300;}
	.box-type p.txt	{ line-height:160%;}
	.box-type p.txt strong	{ color:#f66d4b;font-weight:300;}
	.char-tit:after {content:"";display:block;position:relative;width:29px;height:65px;background:url(/img/common/s_title.jpg) no-repeat;z-index:10;margin-left:auto;margin-right:auto;margin-top:-0px;}
 
	
	
	.charter-wrap 	{padding:4px;background:url(/img/common/boxTop_bg.gif) repeat 0 0;}
	.charter-wrap:after		{content:'';display:block;clear:both;height:0;visibility:hidden}
	.charter				{ padding:30px; background:#fff; line-height:170%}
	.charter:after			{content:'';display:block;clear:both;height:0;visibility:hidden}
	.charter p.img			{ float:left; width:25%; text-align:center;}
	.charter p.img img		{ height:80px}
	.charter p.txt			{ float:left; width:75%;  background:#fff; line-height:170%}
	.charter p.txt strong	{ padding:1px 10px; background:#ffeaa3; border-radius:10px;}
	
 

	
	@media only screen and (max-width:768px){
		
		
		.char-tit {font-size:23px;line-height:1.4;margin-top:5px; padding-top:20px}
		.char-tit:after {margin-top:15px;margin-bottom:15px;}
		.box-type p.txt br	{ display:none;}
		
		ul.img			{ clear:both; margin-top:10px;}
		ul.img li		{ width:100%; margin-right:0; float:none; margin-bottom:5px;}
		ul.img li img			{ width:100%;}
		
		.charter p.img		{ width:100%; float:none; padding:20px 0; margin:0;}
		.charter p.img img	{ height:60px;}
		.charter p.txt		{ float:none; width:100%;  background:#fff; line-height:170%}
	
	}
	
	@media only screen and (max-width:699px){
		.char-tit {font-size:18px}
		.char-tit .e-tit {font-size:12px;}		
		.box-type p.txt img {width:100%;}
		
	}
	
	@media only screen and (max-width:549px){
		.char-thum:after, .char-tit:after {display:none;}
		.char-tit {margin-bottom:10px;}
	
	}
	


/*-----------------------------------------------------------------------------------------------------------
사이트맵
-----------------------------------------------------------------------------------------------------------*/
/* 컨텐츠 영역_사이트맵 */
#contents_sitemap			{ }
	#contents_sitemap p.site	{width:100%; font-size:20px; font-weight:400; color:#fff; letter-spacing:-1px; line-height:80px; text-align:center;
  border-radius:12px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.07);
	background:#128679;
 }
	
	#contents_sitemap .cate_line{margin-bottom:20px;}
	#contents_sitemap .cate_line:after{content:""; display:block;clear:both;}
	#contents_sitemap .cate_line .cate{display:inline-block;vertical-align:top; width:21%; height:auto; margin:20px 1.8%;box-sizing: border-box;}
	#contents_sitemap .cate_line .cate ul{ margin:10px 0 15px 0}
	#contents_sitemap .cate_line .cate ul li{ padding:5px 0 10px 0;margin:3px 0 0 30px;border-bottom:#f2f2f2 1px solid;list-style-type:disc !important}
	#contents_sitemap .cate_line .cate ul li a		{ color:#666; letter-spacing:-1px;}
	#contents_sitemap .cate_line .cate ul li a:hover{color: #e84e40;}

	.sc_title     	{clear:both; padding:5px 0 5px 10px; border:dotted 1px #999; font-weight:bold; background:#f3f3f3;}
	.sc_text      	{clear:both; margin:5px 0 0 20px; line-height:200%}
	.sc_text ul li ol li	{ list-style: decimal    !important }
	.sc_text ul 	{ margin:5px 0 0 20px}
	.sc_text li 	{ line-height:160%; margin-bottom:5px;}

					 
	/* 테블릿 가로 해상도 */
	@media all and (max-width:1199px) {				
		#contents_sitemap .cate_line .cate{float:left; width:22%; height:auto; margin:20px 3% 10px 0px;}
		#contents_sitemap .cate_line ul li br{ display:none}
		
	}
	
	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
		#contents_sitemap .cate_line .cate{width:100%; height:auto; margin:20px 0 10px 0px; clear:both}
	}
	

/*-----------------------------------------------------------------------------------------------------------
탭메뉴
-----------------------------------------------------------------------------------------------------------*/
 
	
	
	#tabs	{ overflow: hidden; width: 99.88%; margin-top:10px; padding: 0; list-style: none;text-align:center;border:1px solid #ddd;	border-radius:30px;}
	#tabs	{ display:inline-block;}
	#tabs li{  position: relative; float: left; box-sizing:border-box; border-left:1px solid #ddd;   background: #f7f7f7;  padding:20px 0;/* transition: all 0.6s*/}
	#tabs li:first-child	{border-left:0px solid #ddd}
	#tabs li#current,#tabs li.on { background:#658612;}
	#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:#658612;}
	
	#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.333%}
	#tabs li.w-2	{ width:50%}

	/* 모바일 해상도 */
	@media all and (max-width:980px) {		
	
				
		#tabs {border-left:1px solid #ddd;}
		#tabs:after		{content:'';display:block;clear:both;height:0;visibility:hidden}
		#tabs li:first-child	{border-left:0px solid #ddd}
		#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,
		#tabs li.w-3	{ width:50%}
		
	}
	
	
	
	.tabsmenu	{clear: both;    margin: 20px 0; text-align: center;   }

	.tabsmenu a {display: inline-block;  border: 1px solid #c0d293;border-radius:30px;  
    text-align: center;
    margin: 0 2px 3px 0;
    padding: 12px 30px;
    color: #06554c;background:#d3e0b4;font-weight: 400;
    min-width: 150px;}
	.tabsmenu a:hover{color:#000 !important;background:#fff;}
	.tabsmenu .on {color:#000 !important;background:#fff;}
	

	.tabsmenu2	{clear: both;    margin: 20px 0; text-align: center;   }

	.tabsmenu2 a {display: inline-block;  border: 1px solid #ddd;border-radius:30px;  
    text-align: center;
    margin: 0 2px 3px 0;
    padding: 12px 30px;
    color: #06554c;background:#d3e0b4;font-weight: 400;
    min-width: 120px;}
	.tabsmenu2 a:hover{color:#fff !important;background:#658612;}
	.tabsmenu2 .on {color:#000 !important;background:#fff;}
	 


	/* 모바일 해상도 */
	@media all and (max-width:980px) {		
	

    .tabsmenu a {
    float: left;
    width: 48.5%;
	border-radius:0px;
    padding: 8px 0;}

        .tabsmenu2 a {
    float: left;
    width: 48.5%;
	border-radius:0px;
    padding: 8px 0;}
		
	}
	
	
/*-----------------------------------------------------------------------------------------------------------
컨텐츠-소개
-----------------------------------------------------------------------------------------------------------*/
	
	
	.center_sub1	{ line-height:180%; background:url(/img/about/img.jpg) no-repeat right bottom; margin-top:120px; padding-bottom:140px}	
	.center_sub1_txt		{ line-height:160%; font-weight:600;font-family: 'NIXGONM-Vb'; font-size:28px; color:#000; clear:both;}	
	.center_sub1_txt span	{ font-weight:600;font-family: 'NIXGONM-Vb'; font-size:28px; color:#e85548}	
	.center_sub1 strong	{ font-weight:500; font-size:18px;color:#333}
	
	/* 연혁 */
	.historyDiv{}
		.historyDiv li{border-bottom:1px solid #ddd; overflow:hidden; padding:40px 0;}
		.historyDiv li.end{border-bottom:0px solid #ddd;}
		.historyDiv li .year{width:200px; float:left;  font-size:30px; color:#333; background:url(/img/about/his_bg.gif) no-repeat top center; text-align:center; line-height:140px}
		.historyDiv li .year span{width:100%; float:left;    color:#e06280;  text-align:center; line-height:24px;font-size:18px; margin-top: 30px; z-index: 1}
		.historyDiv li .hisTxt{width:680px; float:right; color:#777; overflow:hidden}
		.historyDiv li .hisTxt .txt{overflow:hidden; margin-top:20px}
		.historyDiv li .hisTxt .txt .month{width:120px; float:left;  color:#21a3d3; padding-top:10px;}
		.historyDiv li .hisTxt .txt .history	{width:560px; float:left;  padding-top:10px;}
		.historyDiv li .hisTxt .txt .history p	{ padding-bottom:10px;word-break: keep-all; line-height: 160%}

/* 조직도*/
.center_org		{ height:330px; position:relative}
	.center_org:after	{ position:absolute;top:58px;left:50%;margin-left:-0.5px;content:"";display:block;width:1px;height:380px;background:#d1d1d1; z-index:-1}
	
	.center_org ul li.org1 p.type1	{ width:200px; margin:0 auto; background:#9e7d7b; padding:20px 0; text-align:center; color:#fff; font-size:18px; line-height: 24px; font-weight:500; border-radius:20px; box-shadow:5px 5px 0 #eee}
	
	
	
	.center_org ul li.org3 ul	 		{ position:relative; margin-top:50px}
	.center_org ul li.org3 ul:after		{ position:absolute;top:30px;left:200px;content:"";display:block;width:580px;height:1px;background:#d1d1d1; z-index:-1}
	.center_org ul li.org3 ul li.p1 		{ width:39%; float:left; }
	.center_org ul li.org3 ul li.p2 		{ width:30%; float:left; }
	.center_org ul li.org3 ul li.p3 		{ width:20%; float:right; margin-right:10%; }
	.center_org ul li.org3 ul li p.type3	{ width:200px; margin:0 auto 40px; border:2px solid #00a199; background:#fff; padding:20px 0; text-align:center; color:#000; border-radius:20px; box-shadow:5px 5px 0 #eee}
	.center_org ul li.org3 ul li p.type32	{ width:200px; margin:0 0 40px; border:2px solid #00a199;background:#00a199; padding:20px 0; text-align:center; color:#fff; font-weight:bold;  border-radius:20px; box-shadow:5px 5px 0 #eee}
	
	.center_org ul li.org2 ul	 			{ position:relative; margin-top:50px}
 
	.center_org ul li.org2 ul li 			{ width:100%; float:left}
	.center_org ul li.org2 ul li p.type2	{ width:200px; margin:0 auto 40px; border:2px solid #00a199; background:#fff;    padding:20px 0; text-align:center; color:#000; border-radius:20px; box-shadow:5px 5px 0 #eee}

	.center_org ul li.org4 ul	 			{ position:relative; margin-top:50px}
	.center_org ul li.org4 ul:after			{ position:absolute;top:282px;left:159px;content:"";display:block;width:638px;height:1px;background:#d1d1d1; z-index:-1}
	.center_org ul li.org4 ul li 			{ width:33.3%; float:left}
	.center_org ul li.org4 ul li p.type4	{ width:80%; margin:10px auto; border:2px solid #8dc21f; background:#fff; padding:20px 0; text-align:center;border-radius:20px; box-shadow:5px 5px 0 #eee; letter-spacing:-1px; position:relative}
	.center_org ul li.org4 ul li p.type4:after		{ position:absolute;top:-29px;left:50%;content:"";display:block;width:1px;height:27px;background:#d1d1d1; z-index:-1}
	
.type_list	{ width:72%; /*margin:1px auto!important;*/  margin:10px auto;border:1px solid #ddd; background:#fff; padding:15px 4%; text-align:center;border-radius:20px; box-shadow:5px 5px 0 #eee; letter-spacing:-1px;/*display: inline-block; */position:relative}
ul.tb_org		{ width:100%!important; margin: 0 auto!important; border-collapse: separate; border-spacing:5px;display: inline-block;}	 
ul.tb_org:after			{ display: none!important}
ul.tb_org li.tit	{width: 59%!important;float: left!important;padding:5px 0px; line-height:150%; background-color:#f2f2f2; color:#087a71; border-radius:15px; border:1px solid #ddd; font-weight:400; font-size:14px;margin: 2px 0 }
ul.tb_org li		{width: 38%!important;float: left!important;background-color:#fff; border-bottom:1px dashed #ddd; padding:5px 0px; line-height:150%; font-weight:300; font-size:14px;}

/* 성과관리 */
	.vision01 {overflow:hidden; margin-top:110px}
	.vision01 ul {text-align:center; }
	.vision01 li {width:220px; height:175px; color:#fff; display:inline-block;vertical-align:top;word-break: keep-all;  }
	.vision01 li h3 { position:relative;font-size:24px; font-weight:bold; padding:50px 0 10px 0; margin-bottom:10px; color:#FF0;}
	.vision01 li h3:before { position:absolute; content:''; width:1px; height:20px; background:#fff; top:20px; left:50%; margin-left:-1px;}
	.vision01 li p { width:180px; display:inline-block; font-size:21px; color:#fff; line-height:140%; padding:0 20px}
	
	.vision01 li.v1{background:url(/img/about/vision01_1.gif) no-repeat center 0;}
	.vision01 li.v2{background:url(/img/about/vision01_2.gif) no-repeat center 0;}
	.vision01 li.v3{background:url(/img/about/vision01_3.gif) no-repeat center 0;}
	.vision01 li.v4{background:url(/img/about/vision01_4.gif) no-repeat center 0;}

/* 비전 */
	.vision_wrap {overflow:hidden; margin-top:30px}
	.vision_wrap ul {text-align:center; }
	.vision_wrap li {width:220px; height:175px; color:#fff; display:inline-block;vertical-align:top;word-break: keep-all;  }
	.vision_wrap li h3 { position:relative;font-size:21px; font-weight:bold; padding:40px 0 0px 0; margin-bottom:10px; color:#FF0;}
	.vision_wrap li h3:before { position:absolute; content:''; width:1px; height:20px; background:#fff; top:10px; left:50%; margin-left:-1px;}
	.vision_wrap li p { width:160px; display:inline-block; font-size:17px; color:#fff; line-height:130%; padding:0 30px}
 
	.vision_wrap li.v4{background:url(/img/about/vision01_5.gif) no-repeat center 0;}


    .mission{max-width: 540px;
    width: 100%;
    height: 153px;
    background: url(/img/about/mission_bg1.gif) no-repeat center;
    text-align: center;
    margin: 0 auto;
    padding-top: 40px;
    box-sizing: border-box; }

	.mission p{font-size: 29px; font-weight: 500;  text-align: center; margin-bottom: 20px;}
	.mission p.t{font-size: 36px;font-family: "Godo";color: #e25871; font-weight: 600;line-height:40px; font-weight:500; letter-spacing:-1px;
	animation-name:fadeInDown; 
	animation-duration:0.5s; 
	animation-iteration-count:1;
	/*animation-direction:altemate;*/
	animation-timing-function:linear;
	/*  -webkit-animation-name: fadeInDown;*/}
 
	@keyframes fadeInDown {
	  from {
		opacity: 0;
		/*-webkit-transform: translate3d(0, -100%, 0);*/
		transform: translate3d(0, -100%, 0);
	  }
	
	  to {
		opacity: 1;
		/*-webkit-transform: translate3d(0, 0, 0);*/
		transform: translate3d(0, 0, 0);
	  }
	}
	
	.fadeInDown {
	  /*-webkit-animation-name: fadeInDown;*/
	  animation-name: fadeInDown;
	}


.core_value{width: 100%; text-align: center}
 
	/* 윤리헌장 */
	.charter-wrap 	{ border:3px solid #fbeac4; margin:30px;  position: relative}
	.charter-wrap:after		{content:'';display:block;clear:both;height:0;visibility:hidden}
.org_top, .org_bottom { position: absolute}
.org_top {top:-5px; left: -5px; width: 100%;}
.org_bottom { bottom:-5px; left: -5px; width: 100%;}
.org_top .org_top_right{ right: -10px; position: absolute;}
.org_bottom  .org_bottom_right{ right: -10px; position: absolute;}

	.charter2		{ padding:60px; background:#fff;}	
	
	.about_sub5_title	{ line-height:150%; text-align:center; margin-top:20px; font-size:17px}
	.about_sub5_title span{font-weight:400; color: #946813; font-size:19px}
	.charter_tt { color:#000; font-size:1.5em; text-align:center; font-weight:400; margin-bottom:30px}
.org_title_top, .org_title_bottom{ width: 100%; text-align: center;}
.org_title_top { margin-bottom: 4px;}
.org_title_bottom{ margin-top: 4px;}
	.about5_txt1{ line-height:150%;}
	
		ul.bu4		{ margin-top:20px}
		ul.bu4 li 	{line-height:180%; position:relative; padding-left:40px; padding-bottom:15px}
		ul.bu4 li span.num	{ position:absolute; left:0; top:6px; border-bottom:2px solid #f75024; padding-bottom:5px; color:#000; font-weight:400;}
	

	/* 오시는길 */
 
	.locaTitle{text-align: center; color:#252525; font-size:2.6rem; padding-bottom:15px;}
	.locaTx{text-align: center; font-size:1.7rem; color:#252525;}
	.locaTx:before{content:""; display: inline-block; width:5px; height:9px; background: url("/img/common/aw_pc.gif") no-repeat 0 0; margin-right:8px; vertical-align:1px;}
	.mapArea{margin-top:35px;}
	.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:50px 0 50px 126px; border-top:1px dashed #ddd}
	.locaInfoArea .infoRow:first-child{border-top:none;}
	.locaInfoArea .infoRow .infoTitle{font-size:1.2em; color:#252525; font-weight:normal; padding-bottom:15px;}
	.locaInfoArea .infoRow ul li{color:#252525; line-height:150%}
	.locaInfoArea .infoRow ul li .point{ color:#e85548; font-weight:400; padding-right:10px; position:relative}
	.locaInfoArea .infoRow .infoTitle2{padding-left:20px; margin:10px 0; background:url(/img/common/bu_3.gif) no-repeat 0 3px; color:#000; clear:both; font-weight: 400; font-size:16px;}
	
	.locaInfoArea .infoRow.row01{background: url("/img/about/loca01.png") no-repeat 0 50px; background-size: 90px 90px;}
	.locaInfoArea .infoRow.row01 ul li{margin-top:15px;}
	.locaInfoArea .infoRow.row01 ul li:first-child{margin-top:0;}
	
	.locaInfoArea .infoRow.row02{background: url("/img/about/loca02.png") no-repeat 0 50px; background-size: 90px 90px;}
	.locaInfoArea .infoRow.row03{background: url("/img/about/loca03.png") no-repeat 0 50px; background-size: 90px 90px;}
	.locaInfoArea .infoRow.row03{background: url("/img/about/loca03.png") no-repeat 0 50px; background-size: 90px 90px;}

	.locaInfoArea .infoRow ul li>ul		{ padding-left:0px;}
	.locaInfoArea .infoRow ul li>ul>li	{ padding-left:15px; padding-bottom:5px; position:relative}
	.locaInfoArea .infoRow ul li>ul>li:before	{ position:absolute; top:0; left:0; content:'-';}
	


/* 윤리경영*/
	.ethical_box		{   position:relative}
	.ethical_box:after	{ position:absolute;top:58px;left:50%;margin-left:-0.5px;content:"";display:block;width:1px;height:83px;background:#d1d1d1; z-index:-1}
	
	.ethical_box ul li.org1 p.type1	{ width:200px; margin:0 auto; background:#007550; padding:20px 0; text-align:center; color:#fff; font-size:18px; line-height: 24px; font-weight:500; border-radius:20px; box-shadow:5px 5px 0 #eee}
	.ethical_box ul li.org3 ul	 		{ position:relative; left:10%;margin-top:20px}
	.ethical_box ul li.org3 ul li 		{ width:80%; float:left; }
	.ethical_box ul li.org3 ul li p 	{ width:100%; margin:0 auto 40px; border:2px solid #00a199; background:#fff; padding:20px 0; text-align:center; color:#000; border-radius:20px; box-shadow:5px 5px 0 #eee}
 
 
	
	.ethical_box2		{  position:relative}
	.ethical_box2:after	{ position:absolute;top:58px;left:50%;margin-left:-0.5px;content:"";display:block;width:1px;height:103px;background:#d1d1d1; z-index:-1}
	.ethical_box2 ul li.org1 p.type1	{ width:150px; margin:0 auto; background:#26888c; padding:20px 0; text-align:center; color:#fff; font-size:18px; line-height: 24px; font-weight:500; border-radius:40px; box-shadow:5px 5px 0 #eee}
 
 
	.ethical_box2 ul li.org4 ul	 			{ position:relative; margin-top:30px}
	.ethical_box2 ul li.org4 ul:after			{ position:absolute;top:0px;left:159px;content:"";display:block;width:639px;height:1px;background:#d1d1d1; z-index:-1}
	.ethical_box2 ul li.org4 ul li 			{ width:33.33%; float:left}
	.ethical_box2 ul li.org4 ul li p.type4	{ width:290px; margin:20px auto; border:2px solid #8dc21f; background:#fff; padding:20px 0; text-align:center;border-radius:20px; box-shadow:5px 5px 0 #eee; letter-spacing:-1px; position:relative}
	.ethical_box2 ul li.org4 ul li p.type4:after		{ position:absolute;top:-21px;left:50%;content:"";display:block;width:1px;height:27px;background:#d1d1d1; z-index:-1}
	

	.ethical_box3		{float: left;     position:relative; margin:0 30px 0 60px;   border:1px solid #ddd; border-radius: 15px; padding: 20px}
.ethical_box3 p{height:40px; font-weight: 500; font-size: 21px; color: #000; text-align: center;}
 .w40		{   width: 26%;   }
 .w60		{ width: 39%; }
.ethical_box3 li{float: left; width: 80px; height: 80px; border:1px solid #fff; border-radius: 40px; background: #e8a7af; margin: 10px 20px 0 20px; vertical-align: middle; text-align: center; color: #fff;line-height: 80px;}
	 



	/* 테블릿 가로 해상도 */
	@media all and (max-width:1199px) {
		
	}
	
		
	/* 테블릿 가로 해상도 */
	@media all and (max-width:980px) {
	
		.center_sub1	{ margin-top:30px; background:none; line-height:180%}
		.center_sub1 br	{ display:none}
		.center_sub1_txt{ width:100%; padding-bottom:30px}
		
		.vision01 { margin-top:20px}
		.vision_wrap  { margin-top:20px}
		.vision01 li {background-size: 80%;width: 160px }
		.vision01 li.v1,
		.vision01 li.v2,
		.vision01 li.v3,
		.vision01 li.v4{background-size: 100%;}
		.vision01 li p {padding: 0px 0px; font-size: 18px;width: 160px;     line-height: 100%; }
		
		.vision_wrap  { margin-top:20px}
		
			.vision_wrap {overflow:hidden; margin-top:30px}
 
	.vision_wrap li h3 {  font-size:18px;   padding:20px 0 0px 0; margin-bottom:5px;  }
	.vision_wrap li h3:before { position:absolute; content:''; width:1px; height:10px; background:#fff; top:5px; left:50%; margin-left:-1px;}
		
		.vision_wrap li.v4 {background-size: 100%; width: 140px;  }
		.vision_wrap li p {padding: 0 15px; font-size: 14px; 
			width: 115px;}
		
		 .mission{max-width: none;    margin-top: 50px;
    width: 100%;
    height: 100%;
    background: url(/img/about/mission_bg1.gif) no-repeat center;
   background-size: 100%; 
		     }

	.mission p{font-size: 19px;     
 }
		.mission p.t{font-size: 26px;  }
			
		.historyDiv		{ clear:both; margin-top:20px}
			.historyDiv li	{padding:30px 5%; width:90%;}
			.historyDiv li .year{width:100%; margin:0 auto; float:none;}
			.historyDiv li .hisTxt{width:100%; float:none;}
			.historyDiv li .hisTxt .txt{margin-top:15px; line-height:22px}
			.historyDiv li .hisTxt .txt.mt30{margin-top:25px !important}
			.historyDiv li .hisTxt .txt .month{width:25%;}
			.historyDiv li .hisTxt .txt .history{width:75%;}
		
		.center_org		{ min-height:400px; height:inherit; position:relative}
		.center_org:after	{ position:absolute;top:58px;left:50%;margin-left:-0.5px;content:"";display:block;width:1px;height:80%;background:#d1d1d1; z-index:-1}
		
		.center_org ul li.org3 ul	 			{ clear:both; position:relative; }
		.center_org ul li.org3 ul:after		{ height:0px;}
		.center_org ul li.org3 ul li.p1,
		.center_org ul li.org3 ul li.p2,
		.center_org ul li.org3 ul li.p3 		{ width:100%; float:none; }
		.center_org ul li.org3 ul li p.type3,
		.center_org ul li.org3 ul li p.type32	{width:80%;  margin:0 auto 10px; box-sizing:border-box}
		
		.center_org ul li.org4 ul	 			{ clear:both; position:relative}
		.center_org ul li.org4 ul:after		{ height:0px;}
		.center_org ul li.org4 ul li 	{ width:100%; float:none; margin-bottom:10px}
		.center_org ul li.org4 ul li p.type4	{ width:80%; box-sizing:border-box}
		
		.type_list	{width:100%;box-sizing: border-box;  height: auto; }
 
 

		
		
		.ethical_box2 ul li.org4 ul	 			{ clear:both; position:relative}
		.ethical_box2 ul li.org4 ul:after		{ height:0px;}
		.ethical_box2 ul li.org4 ul li 	{ width:100%; float:none; margin-bottom:10px}
		.ethical_box2 ul li.org4 ul li p.type4	{ width:80%; box-sizing:border-box}
		
		
			.ethical_box3		{float: left;    position:relative; margin:5px 10px;   border:1px solid #ddd; border-radius: 15px; padding: 20px}
 
 .w40		{   width: 83%;   }
 .w60		{ width: 83% }
.ethical_box3 li{   margin:0 5px; }
.ethical_box3 li.pd{ margin-left: 20% }
	}
	
	/* 모바일 해상도 */
	@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}
		
		/*소개 */		
		.historyDiv		{ clear:both; margin-top:20px}
		.historyDiv li	{padding:30px 5%; width:90%;}
		.historyDiv li .year{ margin:0 auto; float:none;}
		.historyDiv li .hisTxt{width:100%; float:none;}
		.historyDiv li .hisTxt .txt{margin-top:15px; line-height:22px}
		.historyDiv li .hisTxt .txt.mt30{margin-top:25px !important}
		.historyDiv li .hisTxt .txt .month{width:25%;}
		.historyDiv li .hisTxt .txt .history{width:100%;}
		
		
/* 윤리헌장 */
	.charter-wrap 	{margin:10px}
	.charter		{ padding:15px; }
	.charter2		{ padding:20px; background:#fff;}	
	
	.about_sub5_title		{  margin:10px 0;}
	.about_sub5_title br	{ display:none}
	
.core_value img{width: 100%}
	}	

	
 

/*-----------------------------------------------------------------------------------------------------------
사업business 컨텐츠
-----------------------------------------------------------------------------------------------------------*/
.business_box01 {
    float: left;
    width: 35%;
    text-align: center;
}

.bs_bx_tt01 {
    background: #e06280;
    border-radius: 5px;
    color: #fff;
    padding: 15px 20px;
    margin-bottom: 20px;
}

.bs_bx_tt02 {
    background: #359885;
    border-radius: 5px;
    color: #fff;
    padding: 15px 20px;
    margin-bottom: 20px;
}

.business_box02 {
    float: left;
    width: 12%;
    text-align: center;
    background: url('/img/common/arrow_right.gif')center no-repeat;
    margin-left: 10px;
    padding-top: 100px;
    font-size: 1.5rem
}

.business_box03 {
    float: right;
    width: 50%;
    text-align: center;
}

.business_box03 .b_txt{
    width: 50%;
    margin: 15% auto 0;
    padding: 50px 20px;
    box-sizing: border-box;
    background: #f8f8f8;
    border: 1px dashed #ddd;
    border-radius: 10px;
    font-weight: 500;
    color: #177a68;
}
.business_box03 .b_txt img{
    padding-bottom: 10px;
}

.business_box04 {
    margin: 20px auto 0;
    width: 50%;
    text-align: center;
    border-radius: 10px;
    padding-top: 20px;
}

/* 모바일 해상도 */
@media all and (max-width:640px) {

    .business_box01,
    .business_box02,
    .business_box03 {
        width: 100%;
    }

    .business_box02 {
        background: url('/img/common/arrow_bottom.gif')center no-repeat;
        margin-bottom: 20px;
        padding-top: 50px;
    }

    .business_box03 img {
        width: 100%;
    }
    .business_box04 {
        margin: 0;
        width: 100%;     
    }
      .business_box04 img {
        width: 100%;
    }  
}

/*-----------------------------------------------------------------------------------------------------------
사업 컨텐츠
-----------------------------------------------------------------------------------------------------------*/

/* 절차, 단계 */
	.stepCon{position:relative;overflow:hidden;z-index:2}
	.stepCon ol::after{display:block;clear:both;content:''}
	.stepCon ol{width:100%;text-align:center}
	.stepCon ol > li{position:relative;float:left;padding-right:50px;text-align:center;}
	.stepCon ol > li:after{position:absolute;top:35px;right:10px;width:21px;height:36px;content:'';background:url('/img/common/arrow_right.gif') no-repeat;}
	.stepCon ol.step1 > li > div{position:relative;padding:10px 5px 0 5px;min-height:100px;color:#333;background:#fff;z-index:2}
	.stepCon ol > li > div span{display:block;}
	.stepCon ol > li > div .tit{font-size:16px;line-height:22px;font-weight:bold;word-break: keep-all; padding:15px 0; border:5px solid  #f7ccaa; border-radius:50px}
	.stepCon ol > li > ul > li{width:100%;font-size:14px}
	.stepCon ol > li:last-child:after{display:none; background:none}
	.stepCon ol > li:last-child div .tit{color:#fff;background:#f2ac73;border:5px solid #f2ac73}
	
	
	.stepCon ol > li.w-5	{ width:17%}
	.stepCon ol > li.w-4	{ width:20%}
	.stepCon ol > li.w-3	{ width:28%}
	.stepCon ol > li div.h_160	{ height:160px !important;}
	
		
	
	.guide_layout	{ overflow:hidden; margin-top:15px;}
	ol.guide_layout	{ margin:0; padding:0}
	.guide_layout li	{ position:relative}
		.guide_layout .guide_li		{ display:table; text-align:center; color:#222; font-weight:bold; float:left; background:url("/img/common/arrow_right.gif") no-repeat 98% center; padding:0 2% 0 0; height:140px; margin-bottom:3%; width:24% }
		.guide_layout .guide_li2		{ padding:0; margin:0; background:none  !important; width:22% }
		.guide_layout div		{ display:inline-table; vertical-align:middle; padding:15px 5px; border-radius:50%; width:155px; height:140px;text-align:center; border:5px solid #f4f4f4 }
		.guide_layout div span.icon	{ display:block;width:60px;height:60px;background:url('/img/support/sub1_icon.png') no-repeat; margin:10px auto 0; overflow:hidden; }
		.guide_layout p.tt		{color:#267e8f; font-size:17px; line-height: 19px; font-weight:500;}
		.guide_layout .guide_1 span.icon {background-position:0 0}
		.guide_layout .guide_2 span.icon {background-position:-60px 0}
		.guide_layout .guide_3 span.icon {background-position:-120px 0}
		.guide_layout .guide_4 span.icon {background-position:-180px 0}
		.guide_layout .guide_5 span.icon {background-position:-240px 0}
		
	.guide_layout2	{ overflow:hidden; margin-top:15px;}
	ol.guide_layout2	{ margin:0; padding:0}
	.guide_layout2 li	{ position:relative}
		.guide_layout2 .guide_li		{ display:table; text-align:center; color:#222; font-weight:bold; float:left; background:url("/img/common/arrow_right.gif") no-repeat 98% center; padding:0 2% 0 0; height:110px; margin-bottom:3%; width:15% }
		.guide_layout2 .guide_li2		{ padding:0; margin:0; background:none  !important; width:12% }
		.guide_layout2 div		{ display:inline-table; vertical-align:middle; padding:15px 5px; border-radius:50%; width:115px; height:95px;text-align:center; border:5px solid #f4f4f4 }
		.guide_layout2 div span.icon	{ display:block;width:60px;height:60px;background:url('/img/support/sub2_icon.png') no-repeat; margin:5px auto 0; overflow:hidden; }
		.guide_layout2 p.tt		{color:#267e8f; font-size:17px; line-height: 19px; font-weight:500;}
		.guide_layout2 .guide_1 span.icon {background-position:0 0}
		.guide_layout2 .guide_2 span.icon {background-position:-60px 0}
		.guide_layout2 .guide_3 span.icon {background-position:-120px 0}
		.guide_layout2 .guide_4 span.icon {background-position:-180px 0}
		.guide_layout2 .guide_5 span.icon {background-position:-240px 0}
		.guide_layout2 .guide_6 span.icon {background-position:-300px 0}
	
	/* 모바일 해상도 */
	@media all and (max-width:980px) {	

		.stepCon ol		{ padding:0; margin:0;}
		.stepCon ol > li{margin:3px 0;padding-right:0px; padding-bottom:10px; background:url(/img/common/arrow_bottom.gif) no-repeat bottom center;}
		.stepCon ol > li:last-child	{ background:none}
		.stepCon ol > li:after		{ background:none}
		.stepCon ol.step1 > li > div{min-height:60px;}
		.stepCon ol > li > div .tit {padding:5px 0;}
		.stepCon ol > li > div .tit2{padding:5px 0;}
					
		.stepCon ol > li.w-5,
		.stepCon ol > li.w-4,
		.stepCon ol > li.w-3	{ width:100%}
		
		.guide_layout .guide_li,
		.guide_layout .guide_li2	{ width:33%;padding-right: 35px  }
		.guide_layout div			{ padding:0 5px; width:115px; height:125px; }
		.guide_layout div span.icon	{ margin:5px auto 0;  }
		 
		.guide_layout p.tt		{  font-size:15px;  font-weight:400;}
		
		.guide_layout2 .guide_li,
		.guide_layout2 .guide_li2	{ width:38%;padding-right: 35px  }
		.guide_layout2 div			{ padding:5px; width:115px; height:115px; }
		.guide_layout2 div span.icon	{ margin:5px auto 0;  }
		
		 
	}	
	
	
	/* 모바일 해상도 */
	@media all and (max-width:640px) {		
	
	

	}
/*-----------------------------------------------------------------------------------------------------------
컨텐츠- 후원
-----------------------------------------------------------------------------------------------------------*/

	
	.huwon-type1{text-align: center; background:url(/img/support/sub1_bg.png)no-repeat center bottom; height:530px; line-height: 160%; font-size:18px; padding-top:50px}
	.huwon-type1 span	{ font-size:21px; font-weight: 400; font-family:'LotteMartDream'; color:#000}
	
	.service-type1{text-align: center; background:url(/img/support/sub2_bg.png)no-repeat center bottom; height:590px;line-height: 160%; font-size:18px; padding-top:20px;}
	.service-type1 span.tt	{ font-size:21px; line-height: 40px;font-weight: 400; font-family:'LotteMartDream'; color:#000}
	
	
	ul.support_bx	{ margin-top:20px}
	ul.support_bx li			{ width:31%; margin-left:2%; border:1px solid #ddd; border-radius:12px; float:left; text-align:center; height:290px; transition: all 0.6s;}
	ul.support_bx li:last-child{ margin-right:0;}
	ul.support_bx li:hover		{ width:31%; margin-left:2%; border:1px solid #253a6b; border-radius:12px; float:left; text-align:center; height:290px;}
	ul.support_bx li img		{ padding-top:30px}
	ul.support_bx li p.tt		{ font-weight:bold; font-size:20px; padding:20px 0; color:#253a6b;}
	ul.support_bx li p.txt		{ padding:0 15px 10px; line-height:150%;}
	ul.support_bx li p.txt strong				{ color:#F60; font-weight:bold}



	.support_type1		{   border-top:0px solid #939598;}
	ul.support_type1 li	{ padding:15px 0; border-bottom:1px dashed #ddd; clear:both; width:100%; min-height:100px; box-sizing:border-box; position:relative}
	ul.support_type1 li p.tt		{ font-weight:600; color:#253a6b; font-size:18px; padding:10px 0 10px 20px}
	ul.support_type1 li p.txt		{ padding-left:20px; line-height:150%}
	ul.support_type1 li p.txt span.bank			{ padding:20px 0; text-align:center; width:98%; display:inline-table; border:1px solid #ddd; margin-top:5px; background:#fefef5}
	ul.support_type1 li p.txt span.bank strong.type1	{ color:#5074c5; font-weight:bold}
	ul.support_type1 li p.txt span.bank strong.type2	{ color:#f58220; font-weight:bold}
	
	
	
	
	/* 모바일 해상도 */
	@media all and (max-width:800px) {		
	
		.huwon-type1{ background-size:90%;  line-height: 140%; padding-top:40px; padding-bottom:100px; height:300px}
		.service-type1		{text-align: left; background-size:90%;  line-height: 140%; padding-top:0px;padding-bottom:100px; height:320px}
		.service-type1 span.tt	{ font-size:18px;line-height: 26px;}
	 
		ul.support_bx li			{ width:96%; margin-right:0; box-sizing:border-box; margin-bottom:10px}
	ul.support_bx li:hover		{ width:96%;   }
		
		
	}
	

/*-----------------------------------------------------------------------------------------------------------
컨텐츠-일정보기
-----------------------------------------------------------------------------------------------------------*/


	table.schedule_table{width:100%; border-top:2px solid #222; border-bottom:1px solid #e0dede; border-collapse:collapse;	border-spacing:0;}
	table.schedule_table thead tr th{width:102px; height:39px; border-bottom:1px solid #e0dede; background:#f2f2f2; color:#0f3d7c; font-size:14px; text-align:center;}
	table.schedule_table thead tr th.sun{color:#d25656}
	table.schedule_table thead tr th.sat{color:#1f60b7}
	table.schedule_table thead tr th{border-right:1px solid #e0dede}
	table.schedule_table thead tr th:first-child{width:100px; border-left:1px solid #e0dede}
	table.schedule_table thead tr th span{display:block; height:39px; line-height:39px;}
	
	table.schedule_table tbody tr td{height:109px; border-top:1px solid #e0dede; border-right:1px solid #e0dede; vertical-align:top; }
	table.schedule_table tbody tr:first-child td{border-top:0px;}
	table.schedule_table tbody tr td:first-child{border-left:1px solid #e0dede}
	table.schedule_table tbody tr td div{overflow:hidden; width:82px; padding:10px 10px 0px 5px;} /* height:89px; */ 
	table.schedule_table tbody tr td:first-child div{}
	table.schedule_table tbody tr td div span{display:block; font-size:11px; color:#333; font-weight:bold; margin-bottom:5px; text-align:left;}
	table.schedule_table tbody tr td.sun div span {font-size:11px; color:#d25656}
	table.schedule_table tbody tr td.sat div span {font-size:11px; color:#1f60b7}
	table.schedule_table tbody tr td.pre_mon div span a,
	table.schedule_table tbody tr td.next_mon div span a{font-size:11px; color:#aaa}
	
	table.schedule_table tbody tr td.schedule{background:#f2f2f2;}
	table.schedule_table tbody tr td.schedule div a.schedule_title{display:block; height:20px; line-height:15px; padding-left:10px; background:url("../../img/bullet.gif") 0 center no-repeat; color:#333; text-align:left;}
	table.schedule_table tbody tr td.schedule div a.schedule_title:hover{font-weight:bold; letter-spacing:-1px; text-decoration:underline;}
	table.schedule_table tbody tr td.schedule div a.more{display:inline-block; /**display:inline; *//*zoom:1;*/ height:15px; line-height:15px; padding-left:5px; background:url("../img/more_skyblue.png") 0 0 no-repeat; margin-top:5px;}
	table.schedule_table tbody tr td.schedule div a.more span{display:block; line-height:15px; padding-right:5px; background:url("../img/more_skyblue.png") right -15px no-repeat; color:#fff; text-align:center; font-weight:normal; margin:0;}
	table.schedule_table tbody tr td.today{background:#88bc3f}
	table.schedule_table tbody tr td.today div span a{color:#fff;}
	table.schedule_table tbody tr td.today div a.schedule_title{ color:#fff;}
	table.schedule_table tbody tr td.today div a.more{background:url("../img/more_white.png") 0 0 no-repeat;}
	table.schedule_table tbody tr td.today div a.more span{background:url("../img/more_white.png") right -15px no-repeat; color:#1f60b7;}

	table.schedule_mobile {display:none;}
	
	/* 스케쥴게시판 list페이지 */
	.schedule_top{padding:30px 0; text-align:center;}
		.schedule_top a{display:inline-block;/* zoom:1; */width:32px; height:32px; background:url(/img/common/com_img.png) no-repeat;}
		.schedule_top a.pre_mon{margin-right:45px; background-position:-3px -90px }
		.schedule_top a.next_mon{margin-left:45px; background-position:-35px -90px}
		.schedule_top span{display:inline-block; /**display:inline;*/ /*zoom:1;*/ height:30px; line-height:30px; color:#f66d4b; font-weight:bold; 
		font-size:30px; vertical-align:top}
		.schedule_top p{padding-top:10px; color:#666}
		.schedule_top p em{font-style:normal; font-weight:bold;}
		
		
		
	.pop_wrap{/*position:fixed; top:0; left:0; z-index:200; width:100%; height:100%;*/}
		.pop_wrap .pop{/*position:absolute; top:50%; left:50%; z-index:250;*/ width:350px; min-height:188px; padding-bottom:65px; border:2px solid #bf0000; background:#fff}
		.pop_wrap .pop .pop_title{height:50px; border-bottom:1px solid #ddd; text-align:center;}
		.pop_wrap .pop strong{display:block; height:40px; line-height:40px; color:#bf0000; font-size:20px; font-weight:bold; padding-top:10px}
		.pop_wrap .pop strong span{font-weight: bold; font-size:18px; text-align:center;font-family:'NanumSquareR', dotum,"돋움",sans-serif;  }
		.pop_wrap .pop .pop_con{padding:0; background:#f4f7fa; }
		.pop_wrap .pop .pop_con ul{border-bottom:1px solid #ccd5e0; min-height:130px;}
		.pop_wrap .pop .pop_con ul li:first-child{border-top:0px;}
		
		.pop_wrap .pop .pop_con ul.schedule_write{padding:10px 0;} /* 일정작성 */
		.pop_wrap .pop .pop_con ul.schedule_write li{position:relative; padding:15px 0;}
		.pop_wrap .pop .pop_con ul.schedule_write li span.tt{ float:left;color:#000; font-size:14px; border-right:1px solid #ccd5e0; padding-right:20px}
		.pop_wrap .pop .pop_con ul.schedule_write li span{display:block; font-size:14px;float:left; padding-left:15px}
		.pop_wrap .pop .pop_con ul.schedule_write li textarea{width:268px; height:180px; border:1px solid #ccd5e0; padding:0; color:#666; font-size:12px;}
		.pop_wrap .pop .pop_con ul.schedule_write li:last-child {padding-bottom:0;}
		
		.pop_wrap .pop .pop_con .pop_bt{position:absolute; bottom:15px; left:0; width:100%; text-align:center;}
		.pop_wrap .pop .pop_con .pop_bt a{width:60px; border:1px solid #222; background:#000; color:#fff; padding:3px 10px; font-size:12px}
		.pop_wrap .bg_trans{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity: 0.7; /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70);*/ }
		
		
	
	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
	
		
		table.schedule_mobile{width:100%; border-top:2px solid #222; border-bottom:1px solid #e0dede;}
		table.schedule_mobile th{height:30px; padding:0 15px; border-bottom:1px solid #e0dede; background:#f2f2f2; color:#0f3d7c; text-align:center;}
		table.schedule_mobile td{height:30px; width:100%; border-bottom:1px solid #e0dede; color:#0f3d7c; padding:10px;}
		table.schedule_mobile td.schedule{background:#fbfbfb;}
		table.schedule_mobile td.schedule a{display:block;}
		table.schedule_mobile td.today{background:#88bc3f;}
		table.schedule_mobile td.today a{display:block;color:#fff;}
		
		table.schedule_mobile {display:block;}
		table.schedule_table  {display:none;}
		
	}	
	
	
/*-----------------------------------------------------------------------------------------------------------
컨텐츠-소식지
-----------------------------------------------------------------------------------------------------------*/

	
	/*소식지*/
	.paper_all     { width:100%; clear:both; min-height:220px; border:1px solid #ddd; margin-bottom:10px; padding:30px; box-sizing:border-box}
	.paper_all:after {content:'';display:block;clear:both;height:0;visibility:hidden}
	.paper_all li  { clear:both;}
	.paper_left    { width:30%; float:left; text-align:center;}
	.paper_center  { width:55%; float:left; text-align:center;} 
	.paper_center li { clear:both; text-align:center; line-height:25px;}
	.paper_right   { width:40%; float:right; line-height:160%; letter-spacing:-1px;}
	.paper_right ul{ border-left:1px solid #ddd; padding-left:15px; line-height:160%}
	.paper_title   { font-size:1.25em; font-weight:400; color:#44bcb4; margin-bottom:10px; margin-top:15px; padding-left:20px} 
	.btn_pager_mobile  { display:none}
	.paper_nodata	{width:100%;text-align:center; padding:50px 0; font-size:14px; border-top:2px solid #000; border-bottom:1px solid #ccc; margin-top:20px}
	
	
	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
	
		.paper_all     { width:100%; clear:both; height: auto}
		.paper_left    { width:100%; float: none; text-align:center;}
		.paper_center  { width:100%; float:none;}
		.paper_right   { display:none}
		.paper_title   { text-align:center; padding-left:0} 
		.btn_pager_mobile  { display: block}
		.btn_pager_pc  { display:none}
	
	}   

/*-----------------------------------------------------------------------------------------------------------
직원게시판_로그인
-----------------------------------------------------------------------------------------------------------*/
.login_box {width:100%;margin:36px auto 22px;position:relative;height: 100%; background:url(/img/board/login_bg.jpg) no-repeat center top  ; padding-top: 84px; border-bottom: 3px solid #acbeaa;}
.login-form {width:45%;margin:6px auto 22px;position:relative;height: 100%; background: #fff; padding: 40px;   }
.login-form .login {overflow:hidden;width:100%;}
.login-form .login li {margin-bottom:10px;position:relative;vertical-align:top;}
.login-form label {font-size:13px;margin-left:3px;color:#666;}
.login-form li input.text {border:1px solid #ccc;background:#fff;width:97.4%;height:55px;line-height:55px;padding:0 1%;}
.login-form .btn_login {margin-top: 20px; border-radius: 5px; background:#138777;width:100%;height:70px;color:#fff;font-weight:400;   border:0;cursor:pointer; font-size:18px;padding-bottom: 0px;}


/* 모바일 해상도 */
	@media all and (max-width:600px) {	
	.login_box {    background-size: 170%!important; padding-top: 54px; }
	.login-form { width: 80%; margin:0; background: #acbeaa;padding: 20px;  }
	/*.login-form .login {width:100%;}
	.login-form li input.text {max-width:100%;padding-left:2%;padding-right:2%;}
	.login-form .btn_login {position:relative;right:auto;top:auto;background-color:#0052c9;background-image:none;text-indent:0;width:95%;height:50px; margin-left: 5px;}*/
}

/* 이용방법- 절차*/

ul.step_bx {
    margin-top: 0px;
    position: relative;
    width: 100%;
}

ul.step_bx li {
    position: relative;
    margin-right: 3.5%;
    border: 1px solid #fff;
    border-radius: 8px;
    float: left;
    text-align: center;
    height: 230px;
    transition: all 0.6s;
    color: #333;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;    
}

ul.step_bx li:after {
    position: absolute;
    top: 50%;
    right: -33px;
    width: 21px;
    height: 36px;
    content: '';
    background: url('/img/common/arrow_right.gif') no-repeat;
}

ul.step_bx li:last-child {
    margin-right: 0;
}

ul.step_bx li:last-child:after {
    background: none;
}

ul.step_bx li:hover {
    border: 1px solid #f2f2f2;
    border-radius: 8px;
    float: left;
    text-align: center;
    background: #f2f2f2;    
    height: 230px;
}

ul.step_bx li img {
    padding-top: 10px
}

ul.step_bx li p.tt {
    font-size: 20px;
    padding: 15px 0;
    line-height: 21px;
    font-weight: 500;
    color: #187b69;
}


ul.step_bx li p.txt {
/*    padding: 15px 0;*/
    line-height: 160%;
}


ul.step_bx li:hover span {
    color: #ffce55;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
}

.step_bx_5 {
    width: 17%;
}

.step_bx_4 {
    width: 22%;
}


@media only screen and (max-width:800px) {
   
    ul.step_bx li {
    margin-right: 0%;
    box-sizing: border-box;
    margin-bottom: 40px;
    height: auto;
    }    

    ul.step_bx li:after {
    position: absolute;
    top: 95%;
    width: 21px;
    height: 36px;
    content: '';
    left: 48%;
    background: url(/img/common/arrow_bottom.gif) no-repeat bottom center;
    }
    
    ul.step_bx li:hover { 
    height: auto;
	}
    
   ul.step_bx li p.txt br{
       display: none;

} 
   .step_bx_5 {
    width: 100%;
	}        
    .step_bx_4 {
    width: 100%;
	}
}      
        


#dialog-background {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 10;
}
#my-dialog {
    display: none;
    position: fixed;
    left: calc( 50% - 160px ); top: calc( 50% - 70px );
    width: 344px; height: 252px; 
    background: #fff;
    z-index: 11;
    padding: 10px;
}