@media only screen and (min-width: 982px) { 
.pc		{display:block !important; -webkit-transition: all 0.5s; transition: all 0.5s;}
.tablet	{display:none} 
.mobile {display:none}

body		{position:relative !important;}


/*****서브공통*****/
div.wrap			{width:100%;}
div.cont			{width:100%; max-width:1300px;  margin:0 auto; overflow:hidden; padding:0 50px 90px 50px; box-sizing:border-box;}
div.cont_terms	{width:100%; max-width:1300px;  margin:0 auto; overflow:hidden; padding:0 50px 90px 50px; box-sizing:border-box;}
.gray_bg			{background:#f7f7f7 !important;}
.pattern_bg		{background:url('/_img/web/pc/main/pettern_bg.png')no-repeat 50% -43%;}
.g_cont			{margin-bottom:70px !important;}

p.img.mt	{padding-top:20px}

p.img02			{padding:20px 0 30px 0;}
p.img02 img		{width:100%; max-width:1200px;}

p.text_b span	{font-weight:100;}
.blue			{color:#0a81c5 !important}
.gray			{color:#999 !important}

/*서브 비쥬얼*/
div.s_vsl01							{width:100%; height:280px; position:relative; background:#ccc; background:url('/_img/web/pc/cont/sub_vsl_intro01.jpg') no-repeat 50% 0% / cover;}
div.s_vsl02							{width:100%; height:280px; position:relative; background:#ccc; background:url('/_img/web/pc/cont/sub_vsl_intro02.jpg') no-repeat 50% 50% / cover;}
div.s_vsl03							{width:100%; height:280px; position:relative; background:#ccc; background:url('/_img/web/pc/cont/sub_vsl_intro03.jpg') no-repeat 50% 50% / cover;}
div.s_vsl04							{width:100%; height:280px; position:relative; background:#ccc; background:url('/_img/web/pc/cont/sub_vsl_intro04.jpg') no-repeat 50% 50% / cover;}
div.s_vsl05							{width:100%; height:280px; position:relative; background:#ccc; background:url('/_img/web/pc/cont/sub_vsl_intro05.jpg') no-repeat 50% 50% / cover;}
div.s_vsl06							{width:100%; height:280px; position:relative; background:#ccc; background:url('/_img/web/pc/cont/sub_vsl_intro06.jpg') no-repeat 50% 50% / cover;}
div.s_vsl07							{width:100%; height:280px; position:relative; background:#ccc; background:url('/_img/web/pc/cont/sub_vsl_intro07.jpg') no-repeat 50% 50% / cover;}
div.s_vsl08							{width:100%; height:280px; position:relative; background:#ccc; background:url('/_img/web/pc/cont/sub_vsl_intro08.jpg') no-repeat 50% 50% / cover;}
div.s_vsl09							{width:100%; height:280px; position:relative; background:#ccc; background:url('/_img/web/pc/cont/sub_vsl_intro09.jpg') no-repeat 50% 50% / cover;}

/*서브 컨텐츠*/
div.cont_w								{overflow:hidden; margin-top:35px; }
div.cont_w .s_cont					{width:86%; float:left;}
.s_cont02									{width:100%; margin-top:10px; padding:30px 30px; background:#f9f9f9;}
.s_cont03									{width:100%; margin-top:10px; padding-left:25px;}

h3.s_tit									{margin-top:80px; font:400 35px/45px "Noto Sans KR",Malgun Gothic, sans-serif !important; color:#333; text-align:left;}
h4.s_tit02								{width:14%; float:left; padding-left:25px; font:400 20px/30px "Noto Sans KR",Malgun Gothic, sans-serif !important; color:#333; background:url('/_img/web/pc/comn/s_tit.png') #fff no-repeat 0 6px; word-break:keep-all;}
h4.s_tit03								{width:100%; padding-left:25px; font:400 20px/30px "Noto Sans KR",Malgun Gothic, sans-serif !important; color:#333; background:url('/_img/web/pc/comn/s_tit.png') #fff no-repeat 0 6px; word-break:keep-all;}
h5										{padding:0 0 3px 23px; font:400 18px/30px "Noto Sans KR",Malgun Gothic, sans-serif !important; color:#00a85f; background:url('/_img/web/pc/comn/h3.png') #fff no-repeat 0 6px;}
div.s_box								{width:100%; box-sizing:border-box; background:#ccc;}
div.s_box02							{width:100%;  box-sizing:border-box; background:#ccc;}

div.g_box							{width:100%; margin-top:10px; padding:20px 30px; box-sizing:border-box; background:#f5f5f5;}
div.g_box p.box_tit					{padding-left:15px; margin-top:7px; font:400 16px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#555; background:url('/_img/web/pc/cont/b_dot.png') no-repeat 0 50%;}
div.g_box p.box_tit:first-child		{margin-top:0;}
div.g_box p.box_text				{padding-left:15px; font:200 16px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#666;}
div.g_box p.box_text02				{padding-left:15px; font:200 15px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#999;}

p.text_b							{padding-top:15px; font:400 17px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#333;}
p.text_b:first-child				{padding-top:0 !important;}
p.text_b a.link						{font-weight:100; text-decoration:underline; color:#333}
p.text_b02							{padding:5px 0 0 15px; font:300 17px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#00a85f;}
p.text_b03							{font:300 17px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#333;}
p.text_b04							{padding:25px 0 5px 0; font:300 18px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#00a85f;}
p.text								{padding-top:5px; box-sizing:border-box; font:200 16px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#666;}
p.text a								{text-decoration:underline; color:#555;}
p.text a	:hover					{color:#00a85f}
p.text span							{font:300 17px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#333;}
p.text02							{margin-top:10px; padding:7px 30px; text-align:left; font:300 15px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#00a85f; background:#ecfbf5 url('/_img/web/pc/cont/green_dot.png')no-repeat 20px 50%;}
p.img								{}
p.img img							{width:100%; max-width:1030px;}

p.dash												{width:100%; padding-bottom:20px; margin-top:20px; border-top:dashed 1px #ddd;}

/*리스트 기본*/
ul.basic_list					{width:100%;}
ul.basic_list li					{position:relative; padding:0 0 3px 12px; font:200 16px/27px "Noto Sans KR",Malgun Gothic, sans-serif; color:#666; background:url('/_img/web/pc/comn/g_dot.png') #fff no-repeat 0 12px;}
ul.basic_list li	 a				{text-decoration:underline; color:#666;}
ul.basic_list li	 a:hover	{color:#00a85f}
ul.basic_list li	 .t_b			{display:inline-block; padding-right:15px;font:300 16px/27px "Noto Sans KR",Malgun Gothic, sans-serif; color:#555; }
ul.basic_list li	 .t_b02		{display:inline-block;  font:400 16px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#555; }
ul.basic_list li span		{display:inline-block; color:#eaeaea; }
ul.basic_list li .img img			{max-width:1018px !important;}
ul.basic_list li .img02 img		{max-width:1018px !important;}

.basic_list.ov			{overflow:hidden; margin-top:3px;}
.basic_list.ov.win01_01 li	{float:left; width:50%}
.basic_list.ov.win01_02 li	{float:left; width:25%}

ul.basic_list02									{width:100%; overflow:hidden; margin-top:5px; padding:0 15px;}
ul.basic_list02 li									{width:100%; float:left; overflow:hidden; padding-bottom:5px; font:200 16px/27px "Noto Sans KR",Malgun Gothic, sans-serif; color:#666;}
ul.basic_list02 li	 p								{float:left;}
ul.basic_list02 li:last-child					{border-bottom:none;}
ul.basic_list02 li	 span						{width:18px; height:18px; float:left; margin:5px 7px 0px 0; display:inline-block; text-align:center; border-radius:100px; background:#eaeaea; padding:2px; font:200 12px/13px "Noto Sans KR",Malgun Gothic, sans-serif; color:#777;}

ul.basic_list03									{width:100%; margin-top:5px;}
ul.basic_list03 li									{width:100%; padding: 0 0 2px 12px; font:200 16px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#666; background:url('/_img/web/pc/comn/g_dot.png') #fff no-repeat 0 10px;}
ul.basic_list03 li	:last-child					{padding-bottom:0;}

/*테이블기본*/
table.basic_ta								{width:100%; margin:10px 0; border-top:solid 1px #333; }
table.basic_ta thead th					{padding:10px 0; text-align:center; background:#f5f5f5; border-bottom:solid 1px #ddd; font:400 16px/27px "Noto Sans KR",Malgun Gothic, sans-serif; color:#555;}
table.basic_ta tbody th					{padding:10px 0; vertical-align:middle; margin-right:20px; border-bottom:solid 1px #ddd; font:400 16px/27px "Noto Sans KR",Malgun Gothic, sans-serif; color:#555;}
table.basic_ta tbody td					{padding-left:20px; vertical-align:middle;}
table.basic_ta tbody td p							{padding:10px 0; border-bottom:solid 1px #ddd; font:200 15px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#666;}
table.basic_ta tbody tr:last-child td			{border-bottom:solid 1px #ddd;}
table.basic_ta tbody tr:last-child td p			{border-bottom:none;}

table.basic_ta02						{width:100%; margin:10px 0; border-top:solid 1px #333; }
table.basic_ta02 thead th				{padding:10px 0; text-align:center; background:#f5f5f5; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; font:400 16px/27px "Noto Sans KR",Malgun Gothic, sans-serif; color:#555; word-break:keep-all;}
table.basic_ta02 thead th:last-child	{border-right:none;}
table.basic_ta02 tbody th				{padding:10px 20px; vertical-align:middle; word-break:keep-all; margin-right:20px; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; font:300 16px/27px "Noto Sans KR",Malgun Gothic, sans-serif; color:#555;}
table.basic_ta02 tbody td				{padding:12px 20px; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; vertical-align:middle; word-break:keep-all; font:200 15px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#666;}
table.basic_ta02 tbody td.center		{text-align:center;}
table.basic_ta02 tbody td:last-child	{border-right:none;}
table.basic_ta02 tbody td .g_box		{margin-top:10px;background:#eee; padding:10px;}
table.basic_ta02 tbody td .g_box span	{display:inline-block; margin-right:10px; background:#666; padding:1px 15px 2px 15px; border-radius:100px; font:200 14px/24px "Noto Sans KR",Malgun Gothic, sans-serif; color:#fff;}

table.basic_ta02.line tbody th				{border-right:none;}
table.basic_ta02.line tbody td				{border-left:solid 1px #ddd;}
table.basic_ta02.line tbody td:last-child	{border-right:none;}


.border_b								{border-bottom:solid 1px #bbb !important;}

table.basic_ta03								{width:100%; margin:10px 0; border-top:solid 1px #333; }				
table.basic_ta03 th							{padding:15px 20px; vertical-align:middle; text-align:center; background:#f5f5f5; border-bottom:solid 1px #ddd; font:300 16px/27px "Noto Sans KR",Malgun Gothic, sans-serif; color:#555; word-break:keep-all;}
table.basic_ta03 td							{padding:15px 20px; border-bottom:solid 1px #ddd; font:200 16px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#555;}

/*버튼 기본*/
p.btn_box									{overflow:hidden; margin-top:15px;}
a.green_btn								{width:100%; display:inline-block; border:solid 1px #00a85f; padding:10px 15px; font:200 15px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#00a85f; background:#fff url('/_img/web/pc/cont/btn_arrow.png')no-repeat 92% 50%;}
a.green_btn:hover					{color:#fff; background:#00a85f url('/_img/web/pc/cont/btn_arrow_on.png')no-repeat 92% 50%; -moz-transition: all 300ms; -o-transition: all 300 ms; -webkit-transition: all 300ms; transition: all 300ms;}
a.green_btn02							{width:100%; display:inline-block; border:solid 1px #00a85f; padding:10px 15px; font:200 15px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#00a85f; background:#fff url('/_img/web/pc/cont/btn_down.png')no-repeat 92% 50%;}
a.green_btn02:hover				{color:#fff; background:#00a85f url('/_img/web/pc/cont/btn_down_on.png')no-repeat 92% 50%; -moz-transition: all 300ms; -o-transition: all 300 ms; -webkit-transition: all 300ms; transition: all 300ms;}
a.green_btn03							{width:100%; display:inline-block; border:solid 1px #00a85f; padding:10px 15px; font:200 15px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#fff; background:#00a85f url('/_img/web/pc/cont/btn_arrow_on.png')no-repeat 92% 50%;}
a.green_btn03:hover				{color:#00a85f; background:#fff url('/_img/web/pc/cont/btn_arrow.png')no-repeat 92% 50%; -moz-transition: all 300ms; -o-transition: all 300 ms; -webkit-transition: all 300ms; transition: all 300ms;}

a.blank_btn								{width:100%; display:inline-block; border:solid 1px #00a85f; padding:10px 15px; font:200 15px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#00a85f; background:#fff url('/_img/web/pc/cont/_blank.png')no-repeat 92% 50%;}
a.blank_btn:hover					{color:#fff; background:#00a85f url('/_img/web/pc/cont/_blank_on.png')no-repeat 92% 50%; -moz-transition: all 300ms; -o-transition: all 300 ms; -webkit-transition: all 300ms; transition: all 300ms;}



/*****서브비쥬얼*****/
div.s_vsl								{width:100%; height:280px; position:relative; background:#ccc; background:url('/_img/web/pc/cont/sub_vsl_business.jpg') no-repeat 50% 50% / cover;}
div.s_vsl02							{width:100%; height:280px; position:relative; background:#ccc; background:url('/_img/web/pc/cont/sub_vsl_intro.jpg') no-repeat 50% 50% / cover;}
h2.s_tit									{text-align:center; padding-top:90px; color:#fff; font:300 32px/30px "Noto Sans KR",Malgun Gothic, sans-serif;}

/*페이지네비게이션*/
.pagenav										{width:100%; margin:25px auto 0 auto; max-width:1300px; padding:0 50px; }
.pagenav a									{font:200 20px/27px "Noto Sans KR",Malgun Gothic, sans-serif; color:#fff;}
.pagenav a:hover							{font:300 20px/27px "Noto Sans KR",Malgun Gothic, sans-serif; color:#fff;}
.pagenav .page_left						{float:left; padding:10px 0 10px 47px; background:url('/_img/web/pc/cont/sub_left.png') no-repeat 0 50%;}
.pagenav .page_right					{float:right; padding:10px 47px 10px 0; background:url('/_img/web/pc/cont/sub_right.png') no-repeat 99% 50%;}

/*서브메뉴바*/
ul.menubar							{width:100%; overflow:hidden; background:#f5f5f5; border:solid 1px #ddd; }
ul.menubar li						{width:260px; border-right:solid 1px #ddd; height:60px; background:#fff; float:left;}
ul.menubar li a						{}
ul.menubar li ul.s_menu				{display:none;}
ul.menubar li:hover ul				{display:block;}

/*메뉴바*/
.menubar								{width:100%; max-width:1300px; margin:99px auto 0 auto; padding:0 50px;}
.menubar ul								{width:100%; list-style:none;}
.menubar li								{float:left; width:31%; box-sizing:border-box; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; position:relative; background:#fff url('/_img/web/pc/cont/drop.png')no-repeat 93% 50% / 15px;}
.menubar li:first-child				{width:7%; min-height:61px; background:#fff url('/_img/web/pc/cont/home.png')no-repeat 50% 50% / 24px;}
.menubar li:first-child:hover		{background:#f7f7f7 url('/_img/web/pc/cont/home.png')no-repeat 50% 50% / 24px;}
.menubar li a							{width:88%; height:100%; padding:17px 0 17px 20px; display:block; box-sizing:border-box; font:200 17px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.menubar li:hover						{background:#f7f7f7 url('img/web/pc/cont/drop.png')no-repeat 93% 50% / 15px;}
.menubar li:hover a 					{font:400 17px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#555;}

.menubar li ul							{width:calc(100% + 2px); display:none; /* 평상시에는 드랍메뉴가 안보이게 하기 */  position:absolute; top:60px; left:-1px; z-index:200;}
.menubar li:hover ul					{display:block; /* 마우스 커서 올리면 드랍메뉴 보이게 하기 */}
.menubar li ul li							{width:100%; background:#f7f7f7 !important; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; border-left:solid 1px #ddd;}
.menubar li ul li:first-child			{border-top:solid 1px #ddd; width:100% !important;}
.menubar li ul li a						{width:100%; display:block; padding:17px 0 17px 20px; font:200 16px/27px "Noto Sans KR",Malgun Gothic, sans-serif !important; color:#666; letter-spacing:-1px;}
.menubar li ul li a.t_l					{padding:10px 0 10px 20px; font:200 16px/21px "Noto Sans KR",Malgun Gothic, sans-serif !important; color:#666; }
.menubar li ul li a:hover 			{font:200 16px/27px "Noto Sans KR",Malgun Gothic, sans-serif; color:#00a85f; background:#eee;}
.menubar p								{clear:left;}

.sub_sel						{width:100%; float:left; margin:0 0 0 0px; position: relative; height:60px; box-sizing:border-box; vertical-align:top; font:200 17px/27px "Noto Sans KR",Malgun Gothic, sans-serif; color:#999; background:url('/_img/web/pc/comn/f_sel.png') #fff no-repeat 90% 55%;}
.sub_sel label				{position: absolute; top:17px; left:20px; font:200 17px/30px "Noto Sans KR",Malgun Gothic, sans-serif; color:#999; }
.sub_sel select.sel			{width:100%; height:65px; min-height: 60px; opacity: 0; filter: alpha(opacity=0); /* IE 8 */ font:200 17px/27px "Noto Sans KR",Malgun Gothic, sans-serif; color:#666;}



/*****전체메뉴 레이어팝업*****/
div.layer							{display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:100000;}
div.layer .bg						{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}

div.all_menu						{width:1200px; padding:60px 55px 50px 70px; box-sizing:border-box; margin:30px 0 0 -600px; top:2%; left: 50%;  z-index:10; position:relative; background:#fff url('/_img/web/pc/comn/all_menu_bg.png')no-repeat 105% 120% / 458px;}
div.all_menu::after			{content:''; width:100%; height:10px; position:absolute; top:0; left:0; background:linear-gradient(to right, #0d88ae, #00a762);}
div.all_menu .close			{position:absolute; top:50px; right:40px; width:25px; height:25px;}

div.all_menu .all_line			{width:100%; height:10px; }
div.all_menu .all_tit			{font:400 30px/27px "Noto Sans KR",Malgun Gothic, sans-serif; color:#333;}
div.all_menu ul.all_list		{width:20%; float:left; margin-top:20px; padding-right:15px;;}
/* div.all_menu ul.all_list:last-child				{margin-right:0; margin-top:30px;} */
div.all_menu ul.all_list:last-child				{margin-right:0;}
div.all_menu ul.all_list li							{width:100%; margin-bottom:7px;}
div.all_menu ul.all_list li p						{width:100%; padding-bottom:5px; border-bottom:solid 1px #ddd; font:300 18px/27px "Noto Sans KR",Malgun Gothic, sans-serif !important; color:#333;}
div.all_menu ul.all_list:hover li p			{border-bottom:solid 1px #333; background:#fff url('/_img/web/pc/cont/all_menu_tit.png')no-repeat 100% 40% / 13px;}
div.all_menu ul.all_list li a										{display:inline-block; padding-right:15px; font:200 16px/25px "Noto Sans KR",Malgun Gothic, sans-serif !important; color:#666 !important;}
div.all_menu ul.all_list li:hover a								{color:#00a85f !important; text-decoration:underline; background:#fff url('/_img/web/pc/cont/all_menu_blit.png')no-repeat 100% 50% / 7px;}

div.all_menu ul.all_list02							{width:25%; float:left; margin-top:20px; padding-right:15px;}
div.all_menu ul.all_list02:last-child				{margin-right:0;}
div.all_menu ul.all_list02 li							{width:100%; margin-bottom:7px;}
div.all_menu ul.all_list02 li p						{width:100%; padding-bottom:5px; border-bottom:solid 1px #ddd; font:300 18px/27px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica !important; color:#333;}
div.all_menu ul.all_list02:hover li p			{border-bottom:solid 1px #333;  background:#fff url('/_img/web/pc/cont/all_menu_tit.png')no-repeat 100% 40% / 13px;}
div.all_menu ul.all_list02 li a						{display:inline-block; padding-right:15px; font:200 16px/25px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica !important; color:#666 !important;}
div.all_menu ul.all_list02 li:hover a				{color:#00a85f !important; text-decoration:underline; background:#fff url('/_img/web/pc/cont/all_menu_blit.png')no-repeat 100% 50% / 7px;}

div.call_w									{width:100%; border-top:solid 1px #ccc;}
div.call_w .call							{width:1200px; height:170px; overflow:hidden; padding:21px 0; margin:0 auto;}
div.call_w .call .call_tit				{float:left; padding:73px 20px 30px 20px; margin-right:80px; font:300 17px/27px "Noto Sans KR",Malgun Gothic, sans-serif !important; color:#555; background:url('/_img/web/pc/cont/call.png')no-repeat 0 50%;}
div.call_w .call .call_cont			{width:480px; float:left; box-sizing:border-box; border-right:solid 1px #eee;}
div.call_w .call .call_cont:last-child		{/*border-right:0;*/}


/*****재단소식*****/
/*재단소식 > 오시는길*/
div.map					{width:100%; height:430px; text-align:center; background:#999; color:#fff; vertical-align:middle;}
div.map_info					{width:100%; height:77px; border:2px solid #bbb; margin-bottom:50px; padding:22px 30px 20px 30px; position:relative;}
div.map_info:before		{content:""; position:absolute; bottom:-15px; left:50%; transform:translateX(-50%);z-index:-5; width:96%; height:15px; background:#f2f2f2}
div.map_info	 .map_ad			{float:left; overflow:hidden; font:300 20px/30px "Noto Sans KR",Malgun Gothic, sans-serif !important; color:#00a85f; text-align:left;}
div.map_info	 .map_fax			{float:right; font:200 16px/27px "Noto Sans KR",Malgun Gothic, sans-serif !important; color:#666;}
.bus_tit								{width:170px; float:left; padding-left:30px; font:400 20px/45px "Noto Sans KR",Malgun Gothic, sans-serif !important; color:#333; background:url('/_img/web/pc/cont/map01.png') #fff no-repeat 0 50%;}
.subway_tit						{width:170px; float:left; padding-left:30px; font:400 20px/45px "Noto Sans KR",Malgun Gothic, sans-serif !important; color:#333; background:url('/_img/web/pc/cont/map02.png') #fff no-repeat 0 50%;}
.car_tit								{width:170px; float:left; padding-left:30px; font:400 20px/45px "Noto Sans KR",Malgun Gothic, sans-serif !important; color:#333; background:url('/_img/web/pc/cont/map03.png') #fff no-repeat 0 50%;}

/*재단소식 > 정보공개*/
div.line_box												{width:100%; position:relative; margin:10px 0 15px 0; padding:0 35px; box-sizing:border-box; border:solid 4px #ddd;}
div.line_box::after										{content:""; position:absolute; bottom:-14px; left:50%; transform:translateX(-50%);  width:96%; height:12px; background:#d2d2d2}
div.line_box .claim										{overflow:hidden; padding:30px 0; border-bottom:solid 1px #ddd;}
div.line_box .claim:last-child						{border-bottom:none;}
div.line_box .claim .claim_tit01					{width:20%; float:left; padding-left:35px; font:300 17px/28px "Noto Sans KR",Malgun Gothic, sans-serif !important; color:#333; background:url('/_img/web/pc/cont/info01.png') #fff no-repeat 0 50%;}
div.line_box .claim .claim_tit02					{width:20%; float:left; padding-left:35px; font:300 17px/28px "Noto Sans KR",Malgun Gothic, sans-serif !important; color:#333; background:url('/_img/web/pc/cont/info02.png') #fff no-repeat 0 50%;}
div.line_box .claim .claim_tit03					{width:20%; float:left; padding:2px  0 2px 35px; font:300 17px/28px "Noto Sans KR",Malgun Gothic, sans-serif !important; color:#333; background:url('/_img/web/pc/cont/info03.png') #fff no-repeat 0 50%;}
div.line_box .claim .claim_cont					{width:80%; float:left; overflow:hidden;}
div.line_box .claim .claim_cont p.c_text		{font:200 16px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#666;}

/*재단소식 > 연혁*/
div.history_wrap					{}
div.history_img						{float:left;  width:260px; margin-bottom:30px}
div.history_img p					{margin-top:10px}
div.history_img p img			{width:100%;}
div.history_text						{float:right;  width:66%; padding:0 0 60px 0; box-sizing:border-box; position:relative;}
div.history_text::before      {content:''; position:absolute; left:0%; top:8px; width:100px; height:12px; background:url('/_img/web/pc/cont/history_bg.png')no-repeat 0 0;}

.history_top						{text-align:center; margin-top:80px; position:relative;}
ul.s_history						{overflow:hidden; position:relative;}
ul.s_history::after                 {z-index:-1; content:''; border-left:1px solid #eee; width:1px ; height:100%; position:absolute; top:8px;  right:65.4%;}
ul.s_history li						{}
ul.s_history li .year				{padding-left: 9%;display:inline-block;  padding-bottom:5px; font:500 30px/30px "Noto Sans KR",Malgun Gothic, sans-serif; color:#00a85d}
ul.s_history li .year span			{font:300 22px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#999}
ul.s_history dl						{float:right; display:inline-block; width:78%; margin-top:5px; position:relative; overflow:hidden; }
ul.s_history dl::before				{content:''; position:absolute; left:-60px; top:15px; width:100px; height:12px; background:url('/_img/web/pc/cont/history_bg02.png')no-repeat 0 0;}
ul.s_history dt						{display:inline-block;  vertical-align:top;  padding:1px 10px; background:#e5e5e5; border-radius:20px; font:500 15px/23px "Noto Sans KR",Malgun Gothic, sans-serif; color:#333}
ul.s_history dd						{width:100%; vertical-align:top; padding-left:10px; box-sizing:border-box}
ul.s_history dd p					{display:inline-block; float:left; padding-left:50px;  word-break:keep-all; font:300 15px/23px "Noto Sans KR",Malgun Gothic, sans-serif; color:#666; background:url('/_img/web/pc/cont/dot_bg01.png')no-repeat 0 9px}
ul.s_history dd p:first-child {margin-top:-27px;}
ul.s_history li:last-child div.history_img    {margin-bottom:0 !important}
ul.s_history li:last-child div.history_text	{padding:0}

/*재단소식 > 정보공개 > 공공데이터개방*/
ul.info_01 li										{background:#f9f9f9;}
p.info_btn						{margin-top:30px;float:right; margin-left:10px; width:25%;}
p.info_btn a.info_btn		{padding:10px 40px 10px 15px;}
p.info_btn:first-child a:hover    {}

table.info_table								{margin-top:20px;  width: 100%; border-top:2px solid #000; }
table.info_table tr th						{font: 400 16px/26px "Noto Sans KR",Malgun Gothic, sans-serif; vertical-align:middle; padding:10px; border:1px solid #eee;background:#f9f9f9;}
table.info_table tr td						{padding-left:30px; padding-right:30px; padding-top: 30px;padding-bottom:30px; border:1px solid #eee;}

/*재단소식 > 정보공개 > 공공데이터제공*/
p.info_02_img									{float:left;  margin-left:3%;margin-top:38px;}
p.info_02_img	 img							{}
.info_02_text									{float:left; ;width:67%; margin-left:2%;}
p.info_02_text									{width:100%;font:200 16px/27px "Noto Sans KR",Malgun Gothic, sans-serif;margin-bottom:20px;}
p.info_02_btn									{margin-left:2%;width:50%;}
p.info_02_btn a.blue_btn				{font:200 15px/25px "Noto Sans KR",Malgun Gothic, sans-serif; padding:10px 15px; border:solid 1px #0a81c5; background:#fff; color:#0a81c5;}
p.info_02_btn a.blue_btn:hover	{background:#0a81c5; color:#fff; transition:all 0.3s; }
.info_search									{width:100%; height:500px; border:1px solid #ddd; overflow:scroll; margin-top:30px;}

/*재단소식 > 윤리경영*/
p.report_button						{overflow:hidden; margin-top:40px; margin-left:15px; display:inline-block; vertical-align:middle; width:15%;}
p.decaration						{margin-top:40px; padding-left:30px; font:300 20px/30px "Noto Sans KR",Malgun Gothic, sans-serif; color:#333; background:url('/_img/web/pc/cont/decaration.png')no-repeat 0 50%; display:inline-block; vertical-align:middle;}
ul.decar_list						{width:100%; padding:0px 30px 40px 30px; overflow:hidden;}
ul.decar_list li					{width:47%; overflow:hidden; float:left; padding-left:15px; background:url('/_img/web/pc/cont/green_dot.png')no-repeat 0 33px;}
ul.decar_list li span			{display:inline-block; padding-top:21px; font:300 17px/27px "Noto Sans KR",Malgun Gothic, sans-serif; color:#555;}
ul.decar_list li .btn_box		{float:right; width:40%;}
ul.decar_list li:nth-child(even)		{float:right;}

p.complain								{display:inline-block; font:200 16px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#555;}
p.complain:first-child				{margin-right:50px; }
p.complain span.com_tit			{width:80px; display:inline-block; text-align:center;  margin-right:7px; padding:2px 0; border-radius:100px; background:#aaa; font:200 15px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#fff;}
p.complain span.com_call			{background:none; padding:0; font:300 20px/30px "Noto Sans KR",Malgun Gothic, sans-serif; color:#00a85f;}

/*재단소개 > 정보공개*/
p.info_tit									{margin:10px 0 35px 0; font:400 30px/40px "Noto Sans KR",Malgun Gothic, sans-serif !important; color:#00a85f;}

ul.info_tap01							{width:100%; margin-top:30px; display:inline-block;}
ul.info_tap01 li							{float:left; width:25%;  text-align:center; border-right:solid 2px #fff;}
ul.info_tap01 li:first-child			{}
ul.info_tap01 li a						{width:100%; float:left;  background:#eee; padding:20px 0; font:200 19px/24px "Noto Sans KR",Malgun Gothic, sans-serif; color:#999;}
ul.info_tap01 li:last-child a		{border-left:none;}
ul.info_tap01 li a:hover				{background:#ddd; transition:all 0.3s;}
ul.info_tap01 li.on a					{background:linear-gradient(to right, #0d88ae, #00a762); font:300 20px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color: #fff;}

ul.info_tap02							{width:100%; display:inline-block;}
ul.info_tap02 li							{float:left; width:50%;  text-align:center; border-bottom:solid 1px #333;}
ul.info_tap02 li:first-child		{}
ul.info_tap02 li a					{width:100%; float:left; padding:20px 0; font:200 19px/24px "Noto Sans KR",Malgun Gothic, sans-serif; color:#999;}
ul.info_tap02 li:last-child a		{border-left:none;}
ul.info_tap02 li a:hover			{background:#eee; transition:all 0.3s;}
ul.info_tap02 li.on					{border-top:solid 1px #333; border-right:solid 1px #333; border-left:solid 1px #333; border-bottom:none !important;}
ul.info_tap02 li.on a:hover			{background:#fff;}
ul.info_tap02 li.on a				{font:300 19px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color: #333;}

ul.info_tap03					{width:100%; margin-top:30px; display:inline-block;}
ul.info_tap03 li				{float:left; width:50%;  text-align:center; border-right:solid 2px #fff;}
ul.info_tap03 li:nth-child(2)	{width:50%;}
ul.info_tap03 li a				{width:100%; float:left;  background:#eee; padding:20px 0; font:200 19px/24px "Noto Sans KR",Malgun Gothic, sans-serif; color:#999;}
ul.info_tap03 li:last-child a	{border-left:none;}
ul.info_tap03 li a:hover		{background:#ddd; transition:all 0.3s;}
ul.info_tap03 li.on a			{background:linear-gradient(to right, #0d88ae, #00a762); font:300 20px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color: #fff;}



/*재단소개 > 조직도*/
div.organ										{width:100%; overflow:hidden; margin-top:30px; position:relative;}
div.organ .boss								{text-align:center; position:relative; padding-bottom:50px;}
div.organ .boss a							{display:inline-block; padding:25px 100px; position:relative; border-radius:100px; background:linear-gradient(to right, #0d88ae, #00a762); font:300 20px/30px "Noto Sans KR",Malgun Gothic, sans-serif; color:#fff;}
div.organ .boss a:hover					{background:#333; color:#fff;}

div.organ .organ_l							{width:70%; float:left; padding-right:50px; position:relative; overflow:hidden;}
div.organ .organ_l p						{width:100%; float:left; padding-bottom:50px; position:relative; text-align:center;}
div.organ .organ_l p.w_box			{width:28%; margin-right:3px; right:0; position:absolute; background:#fff; padding:20px 0;}
div.organ .organ_l p.w_box::after	{background:none;}
div.organ .organ_l p a					{width:240px; padding:20px 0; position:relative; display:inline-block; background:#767676; font:300 18px/28px "Noto Sans KR",Malgun Gothic, sans-serif; color:#fff;}
div.organ .organ_l p a:hover			{background:#333; color:#fff; -moz-transition: all 300ms; -o-transition: all 300ms; -webkit-transition: all 300ms; transition: all 300ms;}

div.organ .organ_r						{width:30%; padding-top:130px; position:absolute; right:0; top:0; box-sizing:border-box; float:left; overflow:hidden;}
div.organ .organ_r p						{width:100%; padding-bottom:50px; position:relative; text-align:center;}
div.organ .organ_r p a					{width:240px; box-sizing:border-box; position:relative; padding:18px 0; display:inline-block; background:#fff; border:solid 2px #0891d2; font:300 18px/28px "Noto Sans KR",Malgun Gothic, sans-serif; color:#0891d2;}
div.organ .organ_r p a:hover			{background:#333; border:solid 2px #333; color:#fff; -moz-transition: all 300ms; -o-transition: all 300ms; -webkit-transition: all 300ms; transition: all 300ms;}

ul.or_depth														{width:25%; float:left; padding-right:10px; position:relative;}
ul.or_depth li													{width:100%}
ul.or_depth li.none_top									{margin-top:76px;}
ul.or_depth li.depth01 a									{width:100%; max-height:56px; text-align:center; position:relative; padding:15px 0; display:inline-block; font:300 16px/23px "Noto Sans KR",Malgun Gothic, sans-serif;}
ul.or_depth li.depth01 a:hover							{background:#333 !important; color:#fff !important; border:solid 1px #333 !important; -moz-transition: all 300ms; -o-transition: all 300ms; -webkit-transition: all 300ms; transition: all 300ms;}
ul.or_depth li.depth01 a.depart01					{background:#e5f6ef; color:#00a85f; border:solid 1px #00a85f;}
ul.or_depth li.depth01 a.depart02					{background:#e3f7f3; color:#00a07f; border:solid 1px #00a07f;}
ul.or_depth li.depth01 a.depart03					{background:#e1f8f5; color:#009f88; border:solid 1px #009f88;}
ul.or_depth li.depth01 a.depart04					{padding:4px 0; background:#e2f3f4; color:#0199a3; border:solid 1px #0199a3;}
ul.or_depth li.depth01 a.depart04 span			{display:block;}
ul.or_depth li.depth01 a.depart05					{background:#e6f0f5; color:#0891d2; border:solid 1px #0891d2;}

ul.or_depth li.depth02 p				{width:100%; margin-top:20px; min-height:227px; padding:15px 5px; background:#fff; box-sizing:border-box; border:solid 1px #ccc; z-index:0;}
ul.or_depth li.depth02 p::after		{background:none;}
ul.or_depth li.depth02 p a			{width:100%; word-break:keep-all; padding:7px 0; background:none; font:200 15px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#666; border:none;}
ul.or_depth li.depth02 p a:hover		{background:#eee; border-radius:5px; color:#666; border:none;}
ul.or_depth li.depth02 p a::after		{background:none;}	

/*오른쪽 리스트 스타일 깨짐*/
div.organ .organ_r ul.or_depth	{width:50%;}

/*라인*/
div.organ .boss::after			{content:''; position:absolute; top:42px; right:15%; width:25%; height:1px; background:#ccc; margin-left:-3px; z-index:-100;}
div.organ .boss a::after			{content:''; position:absolute; top:0; right:50%; width:1px; height:224px; background:#ccc; z-index:-100;}
ul.or_depth::after					{content:''; position:absolute; top:-25px; left:50%; width:1px; height:100%; background:#ccc; z-index:-100;}
div.organ .organ_l p::after	{content:''; position:absolute; bottom:24px; left:13%; width:75%; height:1px; background:#ccc; margin-left:-3px;}
div.organ .organ_l p a::after	{content:''; position:absolute; top:36px; right:-35%; width:37%; height:1px; background:#ccc; z-index:-100;}
div.organ .organ_r p::after	{content:''; position:absolute; bottom:24px; left:26%; width:50%; height:1px; background:#ccc; margin-left:-3px;}
div.organ .organ_r p a::after	{content:''; position:absolute; top:-90px; left:50%; width:1px; height:182px; background:#ccc; z-index:-100;}

ul.organ_tap							{width:100%; margin-top:80px; display:inline-block;}
ul.organ_tap li						{float:left; width:50%;  text-align:center; border-right:solid 2px #fff;}
ul.organ_tap li:first-child		{}
ul.organ_tap li a					{width:100%; float:left;  background:#eee; padding:20px 0; font:200 19px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#999;}
ul.organ_tap li:last-child a		{border-left:none;}
ul.organ_tap li a:hover			{ background:#ddd; transition:all 0.3s;}
ul.organ_tap li.on a				{background:linear-gradient(to right, #0d88ae, #00a762); font:300 20px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color: #fff;}

table.organ_table								{width: 100%; margin-top:10px; border-top:2px solid #000; }
table.organ_table tr th						{font: 400 16px/26px "Noto Sans KR",Malgun Gothic, sans-serif; vertical-align:middle; padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f2f2f2;}
table.organ_table tr th:last-child		{border-right:none;}
table.organ_table tr td						{vertical-align:middle; padding:10px 20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; font: 300 16px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#555;}
table.organ_table tr td:last-child		{text-align:left; border-right:none;}
table.organ_table tr td a					{text-decoration:underline; font: 300 16px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#555;}
table.organ_table tr td a:hover			{color:#00a85f;}

/*재단소개 > 설립목적*/
.cont .cont_w												{width:100%;  }
.cont .cont_w .pur_list								{ width:100%; border-radius:10px; padding:40px 39px; }
.cont .cont_w .pur_list:first-child			{border:4px solid #c7e2d7;  margin-bottom:15px;background: url('/_img/web/pc/cont/bgr_logo_img.png')no-repeat 105% -49%; }
.cont .cont_w .pur_list:last-child			{border:4px solid #c4dae4;background: url('/_img/web/pc/cont/bgr_logo_img.png')no-repeat 105% 83%;}
.cont .cont_w .pur_list p.pur_tit_01	{color:#00a663;font: 400 23px/21px "Noto Sans KR",Malgun Gothic, sans-serif; margin-bottom:18px;}
.cont .cont_w .pur_list p.pur_tit_02	{color:#0091d4;font: 400 23px/21px "Noto Sans KR",Malgun Gothic, sans-serif; margin-bottom:18px;}
.cont .cont_w .pur_list p.pur_text		{font: 200 17px/27px "Noto Sans KR",Malgun Gothic, sans-serif; }

/*재단소개 > 인사말*/
.ceo_bg												{background:url('/_img/web/pc/cont/ceo_bg.png')no-repeat 45% 111% ;}
div.ceo_top										{width:100%; overflow:hidden; padding-bottom:20px;padding-top:40px; }
div.ceo_top::after							{content:""; display:block; border-bottom:1px solid #eee;  margin-top:80px; margin-left:50%;}
div.ceo_top .ceo_tit01					{ float:left; text-align:right; font:200 38px/54px "Noto Sans KR",Malgun Gothic, sans-serif; color:#333;}
div.ceo_top .ceo_tit01 span		{font:300 38px/54px "Noto Sans KR",Malgun Gothic, sans-serif; color:#00a760;}
div.ceo_top .ceo_tit02					{width:100%;float:left; padding-top:20px; font:200 23px/35px "Noto Sans KR",Malgun Gothic, sans-serif; color:#333;/* background:url('/_img/web/pc/cont/ceo_05.png')no-repeat 0% 0%; */}
div.ceo_top .ceo_tit02 span		{font:300 25px/35px "Noto Sans KR",Malgun Gothic, sans-serif; color:#333;}
div.ceo_text														{overflow:hidden;}
div.ceo_text div												{width:49%;}
div.ceo_text div:first-child							{float:left;}
div.ceo_text div:last-child							{float:right;}

p.sign		{padding-bottom:20px;padding-top:20px; margin-top:146px; font:200 18px/35px "Noto Sans KR",Malgun Gothic, sans-serif; color:#333}
p.sign span	{padding-bottom:30px;padding-right:175px; padding-top:20px;letter-spacing:3px; font:300 20px/35px "Noto Sans KR",Malgun Gothic, sans-serif; color:#333;background:url('/_img/web/pc/cont/ceo_06.png')no-repeat 100% 0;}

/*재단소식 > 홍보자료*/
/*재단소식 > 홍보자료 > 언론속재단*/
ul.press_list						{width:100%; border-top:2px solid #555; overflow:hidden;}
ul.press_list li					{box-sizing:border-box;float:left; width:32%; border-bottom:1px solid #ddd; padding:30px 25px; cursor:pointer;}
ul.press_list li:nth-child(3n+2)	{margin:0 2%}
ul.press_list li p.press			{display:inline-block; padding:4px 8px; background:linear-gradient(to right, #0d88ae, #00a762); font:100 15px/18px "Noto Sans KR",Malgun Gothic, sans-serif; color:#fff;}
ul.press_list li p.tit				{margin-top:10px; font:500 20px/30px "Noto Sans KR",Malgun Gothic, sans-serif; color:#333; width:100%; height:60px; word-break:keep-all; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis}
ul.press_list li p.date				{margin-top:20px; font:100 17px/21px "Noto Sans KR",Malgun Gothic, sans-serif; color:#999;}

ul.press_list li:hover				{background:#fafafa; border-bottom:1px solid #00a762; }
ul.press_list li:hover p.tit		{text-decoration:underline}
ul.press_list li:hover p.pre_news	{margin: 20px 0 0 0 ; display:block; width:80%;  font:100 17px/21px "Noto Sans KR",Malgun Gothic, sans-serif; color:#00a774; transition: all 0.3s;  background:url('/_img/web/pc/cont/next_imo.png')no-repeat 105px 65%;}
ul.press_list li:hover p.date			{display:none;}
ul.press_list li p.pre_news		{display: none;}

/*홍보자료 > 사진자료*/
table.photo_list				{width:100%; border-top:2px solid #555; table-layout:fixed;}
table.photo_list col.t01		{width:22%}
table.photo_list col.t02		{width:78%}
table.photo_list tr				{cursor:pointer}
table.photo_list tr th			{border-bottom:1px solid #ddd; padding:20px 18px;}
table.photo_list tr th p		{overflow:hidden; width:100%; background:#000}
table.photo_list tr th p img	{width:100%; transition:0.3s}
table.photo_list tr td			{border-bottom:1px solid #ddd; padding:20px 20px 20px 5px; vertical-align:middle;}
table.photo_list tr td .tit		{max-width:100%; margin-top:5px; width:100%; font:500 20px/24px "Noto Sans KR",Malgun Gothic, sans-serif; color:#333; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;}
table.photo_list tr td .date	{font:100 15px/21px "Noto Sans KR",Malgun Gothic, sans-serif; color:#00a760; margin-top:8px;}
table.photo_list tr td .sub		{font:100 16px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#888; margin-top:10px; max-height:52px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis}
table.photo_list tr td p.press  {display:inline-block; padding:4px 8px; background:linear-gradient(to right, #0d88ae, #00a762); font:100 15px/18px "Noto Sans KR",Malgun Gothic, sans-serif; color:#fff;}

table.photo_list tr:hover			{background:#fafafa;}
table.photo_list tr:hover th p img	{transform:scale(1.2); opacity:0.8;}
table.photo_list tr:hover th		{border-bottom:1px solid #00a762}
table.photo_list tr:hover td		{border-bottom:1px solid #00a762}
table.photo_list tr:hover td .tit	{text-decoration:underline;}
table.photo_list tr:hover td .date	{text-decoration:underline;}
table.photo_list tr:hover td .sub	{text-decoration:underline;}

/*재단소식 > CI소개*/
 p.ci			{float:left; width:41%;}
 p.ci img		{width:100%;}
.ci_text				    {float:right; margin-bottom:30px;  width:57%;  box-sizing:border-box;}
.ci_text h3				{float:left; font:300 32px/32px "Noto Sans KR",Malgun Gothic, sans-serif !important; color: #333;}
.ci_text p span.ci	  {display:block;  font:200 16px/25px "Noto Sans KR",Malgun Gothic, sans-serif !important; color: #666;}
.ci_logo					{width:57%;  float:right; padding-bottom:60px;; }
.ci_text p										{margin-top:10px;}
.ci_logo p.ai_down						{width:100%; float:left; overflow:hidden;}
.ci_logo p.ai_down a					{margin-top:10px;width:32%;margin-right:1%;padding:17px 25px 19px 20px;text-align:left;border:1px solid #0000CD;float:left;font:100 17px/16px "Noto Sans KR",Malgun Gothic, sans-serif !important;color:#0000CD;box-sizing:border-box;background:#fff url('../images/board/download_file.png')no-repeat 90% 50%;}
.ci_logo p.ai_down a:hover			{color:#fff; background:#00a85f url('../images/board/download_file.png')no-repeat 90% 50%;}
.ci_logo p.ai_down a:last-child		{margin-right:0px;}
p.signature					    {width:90%; margin-left:12%; margin-top:-2.5%;  overflow:hidden;}
p.signature img				{float:left;   margin-right:2%;;}
p.signature img:first-child	
p.signature img:last-child	{margin-right:0;}




/*****사업소개*****/
/*사업소개 상담문의 */
.consulting				{margin-top:90px; width:100%; border:2px solid #bbb; padding:22px 30px 20px 30px; position:relative;}
.consulting:before		{content:""; position:absolute; bottom:-15px; left:50%; transform:translateX(-50%);z-index:-5; width:96%; height:15px; background:#f2f2f2}
.consulting .tit			{width:100%; padding:1px 0 15px 40px; border-bottom:1px solid #ddd; font:300 19px/28px "Noto Sans KR",Malgun Gothic, sans-serif; color:#333; background:url('/_img/web/pc/comn/consul_tit.png') no-repeat 0 0}
.consulting .depart	{padding:20px 0 0 5px;font:300 17px/21px "Noto Sans KR",Malgun Gothic, sans-serif; color:#00a85f;}
.consulting .cons_box									{width:100%; display:table; table-layout:fixed; padding:15px 5px 0 5px;}
.consulting .cons_box ul.call							{width:auto; display:table-cell; vertical-align:middle;}
.consulting .cons_box p.cons_tit					{width:100%;}
.consulting .cons_box ul.call > li						{width:50%; float:left; margin-bottom:7px; overflow:hidden;}
.consulting .cons_box ul.call > li:last-child			{margin-bottom:0px}
.consulting .cons_box ul.call > li p.name				{float:left; padding-right:15px; font:400 16px/21px "Noto Sans KR",Malgun Gothic, sans-serif; color:#333;}
.consulting .cons_box ul.call > li a.cons_btn		{padding-right:17px; display:inline-block; color:#00a85f; background:url('/_img/web/pc/cont/cons.png') no-repeat 100% 50% / 13px; font:200 16px/21px "Noto Sans KR",Malgun Gothic, sans-serif;}
.consulting .cons_box ul.call > li ul.info				{float:left;}
.consulting .cons_box ul.call > li ul.info li			{display:inline-block; padding:0 20px 0 12px; font:100 16px/21px "Noto Sans KR",Malgun Gothic, sans-serif; color:#666; vertical-align:top; background:url('/_img/web/pc/comn/g_dot.png') #fff no-repeat 0 8px}
.consulting .cons_box ul.call > li ul.info li span		{font-weight:300; color:#666;}
.consulting .cons_box ul.call > li ul.info li a			{font:100 16px/21px "Noto Sans KR",Malgun Gothic, sans-serif; color:#666; }
.consulting .cons_box ul.call > li ul.info li a:hover	{text-decoration:underline;}
.consulting .cons_box ul.call > li ul.info li.nov		{display:block;}
.consulting .cons_box ul.call > li ul.info li.mt		{margin-top:5px;}
.consulting .cons_box ul.call > li ul.info li a.cons_btn		{margin-left:10px; padding-right:17px; display:inline-block; color:#00a85f; background:url('/_img/web/pc/cont/cons.png') no-repeat 100% 50%; }
.consulting .cons_box .btn				{width:190px; display:table-cell; vertical-align:middle; text-align:right;}
.consulting .cons_box .btn a				{display:inline-block; width:170px; padding:12px 15px; text-align:left; background:url('/_img/web/pc/comn/cons_arr.png') no-repeat 90% 50%; border:1px solid #00a85f; font:100 15px/18px "Noto Sans KR",Malgun Gothic, sans-serif; color:#00a85f; transition:0.3s}
.consulting .cons_box .btn a:hover	{color:#fff; background:#00a85f url('/_img/web/pc/comn/cons_arron.png') no-repeat 90% 50%;}

/*사업소개 > 대·중소기업상생협력기금 추가*/
ul.fund												{width:100%; overflow:hidden;}
ul.fund li											{float:left; width:25%; padding:0 5px; text-align:center;}
ul.fund li:first-child							{width:100%; background:#0091d4; padding:10px 0; margin-bottom:10px; border-radius:100px; font: 300 18px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#fff;}
ul.fund li:nth-child(n+6)					{padding-top:10px;}
ul.fund li .fund_tit								{width:100%; display:inline-block; padding:10px 0; border:solid 1px #c9dde6; background:#d7ebf4; font: 300 17px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#0091d4;}
ul.fund li .fund_tit:hover					{background:#0091d4; border:solid 1px #0091d4; color:#fff;}
ul.fund li .fund_list							{width:100%; padding:0 10px; box-sizing:border-box; border-left:solid 1px #ddd; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd;}
ul.fund li .fund_list span					{display:block; padding:10px 0; font: 200 16px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#666;}
ul.fund li .fund_list span:first-child	{border-bottom:dashed 1px #ddd;}

/*사업소개 > 기술자료 임치제도*/
.s_cont .use_ex					{overflow:hidden;}
.s_cont .use_ex  p.ex_title		{font:400 17px/21px "Noto Sans KR",Malgun Gothic, sans-serif; color:#333; text-align:center; margin-top:60px;}
.s_cont .use_ex .use_02		{width:49%; float:right;margin-top:30px;}
.s_cont .use_ex .use_01		{width:49%; float:left; margin-top:30px;}
.s_cont .use_ex .use_01 img	{width:100%; max-width:483px;}
.s_cont .use_ex .use_01 ul.ex_title	{ font:300 16px/21px "Noto Sans KR",Malgun Gothic, sans-serif; color:#666; margin-top: 45px;}
.s_cont .use_ex .use_02 ul.ex_title	{ font:300 16px/21px "Noto Sans KR",Malgun Gothic, sans-serif; color:#666; margin-top: 45px;}
.s_cont .use_ex .use_02 img			{width:100%; max-width:486px;}

.s_cont .target_text							{width:100%; overflow:hidden; padding:30px;}
.s_cont .target_text .target					{width:49%; min-height:190px;  position: relative; padding:40px 20px 0 20px;}
.s_cont .target_text .target:first-child		{border:solid 1px #00a663; float:left;}
.s_cont .target_text .target:last-child			{border:solid 1px #0091d4; float:right;}
.s_cont .target_text .target p					{padding:13px 0 13px 75px; width: 200px; display:inline-block; font:300 17px/21px "Noto Sans KR",Malgun Gothic, sans-serif; color:#fff; border-radius:100px; z_index:2; position:absolute; left:30%; top:-25px;}
.s_cont .target_text .target p.target_tit01		{background:url('/_img/web/pc/cont/tar_icon_01.png')no-repeat 15% 50%/17% #00a663;}
.s_cont .target_text .target p.target_tit02		{background:url('/_img/web/pc/cont/tar_icon_02.png')no-repeat 15% 50%/17% #0091d4;}

/*****검색영역*****/
div.search_area							{display:none; width:100%; background:#fff; padding:20px 0; border-bottom:solid 1px #ddd; border-top:solid 1px #eee;}
div.search_area p					{width:100%; margin:0 auto; max-width:1300px; padding:0px 50px; overflow:hidden;}
div.search_area p input			{width:90%; float:left; background:#f3f3f3; border:none; height:56px; padding:0 20px; font:100 16px/28px "Noto Sans KR",Malgun Gothic, sans-serif; color:#555; outline:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
div.search_area p a				{width:10%; height:100%; float:left; background:#555; padding:15px 0 14px 0; text-align:center; font:200 18px/28px "Noto Sans KR",Malgun Gothic, sans-serif; color:#fff; }
div.search_area p a:hover		{background:#333; -moz-transition: all 300ms; -o-transition: all 300 ms; -webkit-transition: all 300ms; transition: all 300ms}

/*통합검색 추가*/
div.all_search_w								{width:100%; padding:40px 0 40px 0;  background:linear-gradient(to right, #0d88ae, #00a762)}
div.all_search									{max-width:1300px; overflow:hidden; padding:0 50px; box-sizing:border-box; margin:0 auto;}
div.all_search ul									{width:100%; overflow:hidden;}
div.all_search ul li								{width:100%; overflow:hidden; margin-bottom:20px;}
div.all_search ul li .as_tit					{width:15%; float:left; padding-top:15px; text-align:left; font:300 20px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#fff;}
div.all_search ul li .search_bar				{width:65%; float:left; border-bottom:solid 2px #fff;}
div.all_search ul li .search_bar input			{width:100%; background:none; border:none; height:50px; padding:0 20px; font:100 16px/28px "Noto Sans KR",Malgun Gothic, sans-serif; color:#fff; outline:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
div.all_search ul li .search_bar input::placeholder		{color:#c5dfdd; opacity:0.5;}

div.all_search ul li .check													{width:20%; height:52px;  display:inline-block; padding-top:10px; text-align:right; position: relative; vertical-align:middle; overflow:hidden; border-bottom:solid 2px #fff;}
div.all_search ul li .check	 input[type="checkbox"]							{position:absolute; display:block; height:1px; padding-right:10px; overflow:hidden; clip:rect(0,0,0,0); border:0}
div.all_search ul li .check	 input[type="checkbox"] + label					{display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none; font:200 16px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#fff;}
div.all_search ul li .check	 input[type="checkbox"] + label:before			{content:''; display: inline-block; width: 17px; height: 17px; line-height: 17px; margin: -3px 5px 0 0; text-align: center; vertical-align: middle; background:url('/_img/web/pc/cont/check.png') no-repeat 50% 50%; border:1px solid #fff;}
div.all_search ul li .check	 input[type="checkbox"]:checked + label:before	{background:#fff url('/_img/web/pc/cont/check_on.png') no-repeat 50% 50%; border:1px solid #fff;}
div.all_search ul li .check	 input[type="checkbox"]:checked + label			{font:300 16px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#fff}

div.all_search ul li ul.s_date						{width:40%; margin-top:10px; float:left; overflow:hidden;}
div.all_search ul li ul.s_date li						{width:25%; margin-bottom:0 !important; float:left; padding-right:10px;}
div.all_search ul li ul.s_date li	:last-child		{padding-right:0;}
div.all_search ul li ul.s_date li a					{width:100%; text-align:center; display:inline-block; padding:5px 0; opacity:0.7; border-radius:100px; border:solid 1px #fff; font:200 15px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#fff; }
div.all_search ul li ul.s_date li a:hover			{opacity:1;}
div.all_search ul li ul.s_date li.on a				{opacity:1; background:#fff; color:#005147; font:300 15px/25px "Noto Sans KR",Malgun Gothic, sans-serif;}

div.all_search ul li .date_sel							{width:40%; float:right; border-bottom:solid 2px #fff;}
div.all_search ul li .date_sel p.as_tit02			{width:20%; padding-top:12px; float:left;font:300 17px/24px "Noto Sans KR",Malgun Gothic, sans-serif; color:#fff;}

div.all_search ul li .date_sel .calendar					{width:80%; float:left; overflow:hidden;}
div.all_search ul li .date_sel .calendar p				{width:10%; text-align:right; float:left; vertical-align:middle; padding-top:12px;}
div.all_search ul li .date_sel .calendar	 input		{width:35%; float:left; background:none; border:none; height:50px; padding:0 10px; font:100 16px/28px "Noto Sans KR",Malgun Gothic, sans-serif; color:#fff; outline:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
div.all_search ul li .date_sel .calendar	 input::placeholder		{color:#fff;}
div.all_search ul li .date_sel .calendar	 span		{width:10%; float:left; padding-top:7px; display:inline-block; text-align:center; font:100 20px/28px "Noto Sans KR",Malgun Gothic, sans-serif; color:#fff;}

p.all_search_btn					{width:100%; text-align:right;}
p.all_search_btn a					{width:12%; height:100%; padding:13px 0; display:inline-block; background:#005147; text-align:center; font:200 18px/28px "Noto Sans KR",Malgun Gothic, sans-serif; color:#fff;}
p.all_search_btn a:hover		{background:#fff; font:300 18px/28px "Noto Sans KR",Malgun Gothic, sans-serif; color:#005147; }

/*통합검색리스트*/
div.all_srarch_top											{width:100%; overflow:hidden; margin-top:70px; margin-bottom:15px;}
div.all_srarch_top .s_top_tit							{float:left; font:400 32px/42px "Noto Sans KR",Malgun Gothic, sans-serif !important; color:#333;}	
div.all_srarch_top .s_cate								{float:right; width:15%; margin-top:5px;}
div.all_srarch_top .s_cate select						{width:100%; border:none; background:#f3f3f3 url('/_img/web/pc/cont/bbs_select.png')no-repeat 90% 50%; height:40px; padding:0 50px 0 15px; font:100 15px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#777; outline:none; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
div.all_srarch_top .s_cate select option			{font:100 15px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#555;}
div.all_srarch_top .s_num								{float:left; margin:16px 0 0 20px; font:300 15px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#777;}
div.all_srarch_top .s_num span						{font:500 20px/24px "Noto Sans KR",Malgun Gothic, sans-serif; color:#00a760}

ul.all_search_list						{width:100%; box-sizing:border-box; border-top:solid 2px #333;}
ul.all_search_list li						{width:100%; cursor:pointer; padding:25px; border-bottom:solid 1px #ddd;}
ul.all_search_list li p					{margin-bottom:5px;}
ul.all_search_list li p:last-child					{margin-bottom:0;}
ul.all_search_list li .a_list_tit			{width:100%; overflow:hidden;}
ul.all_search_list li .a_list_tit p		{width:85%; float:left; }
ul.all_search_list li .a_list_tit p a	{width:100%; display:inline-block; font:300 19px/30px "Noto Sans KR",Malgun Gothic, sans-serif; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
ul.all_search_list li .a_list_tit span	{width:15%; float:right; text-align:right; font:200 16px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#999;}
ul.all_search_list li .a_list_text		{width:100%; font:200 17px/27px "Noto Sans KR",Malgun Gothic, sans-serif; color:#666; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis}
ul.all_search_list li ul.a_list_nav			{width:100%; overflow:hidden;}
/* 임시주석 */
ul.all_search_list li ul.a_list_nav li		{width:auto; float:left; padding:0 15px 0 0 !important; border-bottom:none; margin-right:5px; font:300 15px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#00a760; /* background:url('/_img/web/pc/web/cont/s_nav.png')no-repeat 100% 50%; */}
ul.all_search_list li ul.a_list_nav li:last-child		{padding-right:0; margin-right:0; background:none;}

ul.all_search_list li .s_file								{width:100%; border-radius:5px; background:#f7f7f7; padding:5px 20px 7px 20px; margin-top:5px; box-sizin:border-box; display:inline-block;}
ul.all_search_list li .s_file ul.s_filelist				{overflow:hidden;}
ul.all_search_list li .s_file ul.s_filelist li 			{width:100%; padding-right:10px; background:none;}
ul.all_search_list li .s_file ul.s_filelist li a			{width:100%; displa y:inline-block; padding-left:15px; color:#666; font:200 15px/24px "Noto Sans KR",Malgun Gothic, sans-serif; background:url('/_img/web/pc/cont/file_img.png')no-repeat 0 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

ul.all_search_list li:hover						{background:#f7f7f7;}
ul.all_search_list li:hover .a_list_tit p a	{text-decoration:underline; font:400 19px/30px "Noto Sans KR",Malgun Gothic, sans-serif; color:#333;}
ul.all_search_list li:hover .s_file			{background:#eee;}
ul.all_search_list li .s_file ul li:hover		{background:none !important;}
ul.all_search_list li .s_file ul li a:hover		{text-decoration:underline;}

ul.all_search_list li.menu_result				{padding:15px 25px;}
ul.all_search_list li ul								{width:100%; overflow:hidden;}
ul.all_search_list li ul li							{width:auto; float:left; padding:0 20px 0 0 !important; margin-right:10px; border-bottom:none;  font:300 18px/28px "Noto Sans KR",Malgun Gothic, sans-serif; color:#666; background:url('/_img/web/pc/cont/s_menu.png')no-repeat 99% 50%;}
ul.all_search_list li ul li:last-child					{padding-right:0; margin-right:0; background:none;}

/*최근검색어*/
div.s_word						{width:100%; overflow:hidden; margin:10px 0 70px 0;}
div.s_word .s_wrod_tit		{width:25%; padding-top:15px; float:left; font:200 18px/28px "Noto Sans KR",Malgun Gothic, sans-serif; color:#555;}
div.s_word .s_wrod_tit span		{font:400 18px/28px "Noto Sans KR",Malgun Gothic, sans-serif; color:#0a81c5;}
div.s_word .s_wrods					{width:75%; overflow:hidden; float:left;}
div.s_word .s_wrods a				{padding:4px 15px; margin:10px 10px 0 0; text-align:center; display:inline-block; float:left; background:#eee; border:solid 1px #e2e2e2; border-radius:100px; font:200 14px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#666;}
div.s_word .s_wrods a:hover		{color:#333; border:solid 1px #333; background:#fff;}
 
/*검색결과 버튼*/
.s_btn_box							{width:100%; text-align:center; margin-top:15px;}
a.all_s_btn							{width:25%; text-align:left; display:inline-block; padding:15px 15px; font:200 16px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#fff; background:#555 url('/_img/web/pc/cont/btn_arrow_on.png')no-repeat 92% 50%;}
a.all_s_btn:hover					{color:#fff; background:#222 url('/_img/web/pc/cont/btn_arrow_on.png')no-repeat 92% 50%; -moz-transition: all 300ms; -o-transition: all 300 ms; -webkit-transition: all 300ms; transition: all 300ms;}



/*****개인정보 처리방침*****/
div.term						{width:100%; margin-top:30px;}
div.term:first-child			{margin-top:30px;}
div.term .term_tit			{font:300 20px/30px "Noto Sans KR",Malgun Gothic, sans-serif; color:#00a85f;}
div.term .term_tit02		{margin-top:15px; font:300 16px/20px "Noto Sans KR",Malgun Gothic, sans-serif; color:#333;}
div.term .term_text		{margin-top:5px; font:200 16px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#555; }
div.term .term_text span			{color:#00a85f;}
div.term .term_text a				{text-decoration:underline; color:#555;}
div.term .term_text a:hover		{color:#00a85f;}
div.term .term_text02				{margin-top:15px; font:200 16px/25px "Noto Sans KR",Malgun Gothic, sans-serif; color:#555; }

div.term ul.basic_list					{margin:5px 0 0 15px;}
div.term ul.basic_list a				{text-decoration:underline; color:#666;}
div.term ul.basic_list a:hover		{color:#00a85f}

div.term .term02_tit					{font:400 25px/30px "Noto Sans KR",Malgun Gothic, sans-serif; color:#00a85f;}		
div.term .term02_tit02				{margin-top:20px; font:300 18px/28px "Noto Sans KR",Malgun Gothic, sans-serif; color:#333;}

a.down_btn						{display:inline-block; width:20%; padding:10px 15px; text-align:left; border:1px solid #00a85f; float:left;  font:100 15px/25px "Noto Sans KR",Malgun Gothic, sans-serif !important; color:#00a85f; box-sizing:border-box; background:#fff url('/_img/web/pc/cont/btn_down.png')no-repeat 90% 50%;}
a.down_btn:hover			{color:#fff; background:#00a85f url('/_img/web/pc/cont/btn_down_on.png')no-repeat 90% 50%; -moz-transition: all 300ms; -o-transition: all 300 ms; -webkit-transition: all 300ms; transition: all 300ms;}




/**************slick**********************/
/* Slider */
.slick-slider
{
	position: relative;

	display: block;
	box-sizing: border-box;

	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
		touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list
{
	position: relative;

	display: block;
	overflow: hidden;

	margin: 0;
	padding: 0;
}
.slick-list:focus
{
	outline: none;
}
.slick-list.dragging
{
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
}

.slick-track
{
	position: relative;
	top: 0;
	left: 0;

	display: block;
}
.slick-track:before,
.slick-track:after
{
	display: table;

	content: '';
}
.slick-track:after
{
	clear: both;
}
.slick-loading .slick-track
{
	visibility: hidden;
}

.slick-slide
{
	display: none;
	float: left;

	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide
{
	float: right;
}
.slick-slide img
{
	display: block;
	width:100%;
}
.slick-slide.slick-loading img
{
	display: none;
}
.slick-slide.dragging img
{
	pointer-events: none;
}
.slick-initialized .slick-slide
{
	display: block;
	padding:0 10px;
}
.slick-loading .slick-slide
{
	visibility: hidden;
}
.slick-vertical .slick-slide
{
	display: block;

	height: auto;

	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
.hana-carousel .autoplay {position:absolute;top:40px;left: 50%;right:0;width:1150px;z-index:3;margin-left: -605px;}
.hana-carousel .autoplay button {display:inline-block;margin-right:4px;width:20px;height:20px;border:1px solid #ffffff;}
.hana-carousel .autoplay button span{display:block;text-indent:-9999px;}
.hana-carousel .autoplay .play span{background:url(../img/common/icon-slide-play.png) center center no-repeat;}
.hana-carousel .autoplay .hold span{background:url(../img/common/icon-slide-hold.png) center center no-repeat;}
.hana-carousel .autoplay .stop span{background:url(../img/common/icon-slide-stop.png) center center no-repeat;}


.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 23px;
	height: 45px;
	padding: 0;
	cursor: pointer;
	border: none;
	margin-top: -23px;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: transparent;
	background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
}

.slick-prev:before,
.slick-next:before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
	left: 35px;
	z-index: 1;
	top: 90px;
	margin-top: 0;
}

.slick-prev:after {
	content: '';
	display:block;
	width:100%;
	height:100%;
	background:url(../img/common/btn-carousel-left-active.png) 0 0 no-repeat;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {display:none;}
/*.slick-prev.slick-disabled:before {
	background:url(../img/common/btn-carousel-left.png) 0 0 no-repeat;
}*/
.slick-next {
	right: 35px;
	z-index: 1;
	top: 90px;
	margin-top: 0;
}

.slick-next:after {
	content: '';
	display:block;
	width:100%;
	height:100%;
	background:url(../img/common/btn-carousel-right-active.png) 0 0 no-repeat;
}
/*.slick-next.slick-disabled:before {
	background:url(../img/common/btn-carousel-right.png) 0 0 no-repeat;
}*/


/* Dots */
.slick-dotted.slick-slider {margin-top:20px;}

.slick-dots											 {position: absolute; display: block; top:0; right:0; margin-top:-35px !important; padding-right:37px; margin:0; list-style: none; text-align: center;}
.slick-dots li										 {position: relative; float:left;}
.slick-dots li button							 {font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; border: 0;}

.slick-dots li										{margin-left: 8px;}
.slick-dots li button							{width:100%; height:100%; padding: 0; background:url('/_img/web/pc/main/slick_dot.png') 0 0 no-repeat;}
.slick-dots li button:after					{display:block;content:''; width: 10px; height:10px; border-radius:100px; position: relative; background:#ccc;}
.slick-dots li.slick-active						{}
.slick-dots li.slick-active button:after {background:#777;}

div.play_btn						{position:absolute; margin-top:90px; top:0; right:0; text-align:right; padding-right:50px;}
div.play_btn a					{display:inline-block; width:25px; height:25px;}
div.play_btn a.pause			{background:url('/_img/web/pc/main/pause_btn.png')no-repeat 50% 50%;}
div.play_btn a.play			{background:url('/_img/web/pc/main/play_btn.png')no-repeat 50% 50%;}
.hide									{display:none !important;}



.bannerzone										{width:100%; height:64px; background:#fff; border-top:1px solid #ccc; box-sizing:border-box;}
.bannerzone .banner								{width:1200px; margin:0 auto; position:relative;}
.bannerzone .banner .rolling					{width:1075px; height:63px; margin-left:125px;}
.bannerzone .banner .rolling .swiper-slide		{padding:0 0 0 30px; margin:0; height:63px; width:auto; cursor:pointer;}
.bannerzone .banner .rolling .swiper-slide img	{margin-top:11px;}
.bannerzone .swiper-button-next					{width:62px; height:63px; border-right:1px solid #ccc; box-sizing:border-box; background:#fff url('/_img/web/pc/main/next_btn.png') no-repeat 50% 50%; left:63px; top:0; margin-top:0}
.bannerzone .swiper-button-prev					{width:63px; height:63px; border-left:1px solid #ccc; border-right:1px solid #ccc; box-sizing:border-box; background:#fff url('/_img/web/pc/main/prev_btn.png') no-repeat 50% 50%; left:0; top:0; margin-top:0;}

/* 에러페이지 */
.error			{position:relative; width:800px; padding:5% 0 5%;  margin:5% auto 0; background:#f3f3f3; border:1px solid #ddd; text-align:center; word-break:keep-all;}
.error .tit		{margin:20px 0 0 0; font:500 21px/28px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" ; color:#333;}
.error .text	{margin:10px 0 0 0; font:300 18px/20px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" ; color:#666;}
.error .logo	{max-width:250px; position:absolute; top:30px; left:40px; }
.error .img			{width:100%;}
.error .img img		{max-width:340px; background:url('/_img/web/pc/error.png') no-repeat 50% 50%; background-size:340px auto;}

.view_btn			{text-align:center; margin-top:30px;}
.view_btn a			{display:inline-block; padding:12px 25px; background:#00a85f; font:300 17px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff !important; -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px;}
.view_btn a:hover	{background:#454545; -moz-transition: all 250ms;  -o-transition: all 250ms;  -webkit-transition: all 250ms;  transition: all 250ms;}

.view_btn a.g_btn01			{display:inline-block; padding:12px 25px; background:#666; font:300 17px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff !important; -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px;}
.view_btn a.g_btn01:hover	{background:#454545; -moz-transition: all 250ms;  -o-transition: all 250ms;  -webkit-transition: all 250ms;  transition: all 250ms;}


/*공지사항 sns버튼 추가*/
.no_viewtop			{overflow:hidden;}
.no_viewtop h3		{float:left;}
.no_viewtop .sns	{float:right; margin-top:80px;}
.no_viewtop .sns a	{display:inline-block; margin-right:5px;}
.no_viewtop .sns a:last-child		{margin-right:0;}


/*중소기업 기술보호 지원 이미지  퍼블리싱 추가*/
ul.win10						{width:100%; overflow:hidden; margin-top:20px;}
ul.win10 li						{float:left; width:50%; padding: 22px 1.5% 0 0; position:relative;}
ul.win10 li:last-child			{float:right; padding:22px 0 0 1.5%}

ul.win10 li p.tit					{position:absolute; top:0; left:50%; transform:translateX(-50%); padding:11px 30px 11px 55px; border-radius:50px; background:#00a762 url('/_img/web/pc/cont/win10_c01.png')no-repeat 25px 50%; font:300 17px/21px "Noto Sans KR",Malgun Gothic, sans-serif; color:#fff; }
ul.win10 li p.cont					{width:100%; overflow:hidden; border:1px solid #ddd; background:#fafafa; padding:35px 25px 25px;}
ul.win10 li p.cont a				{display:table; float:left; width:47%; margin:1.5%; border:1px solid #00a762; background:#f3fefa; border-radius:3px; text-align:center;  height:70px; }
ul.win10 li p.cont a span			{display:table-cell; width:100%; height:75px; padding:0 15px; font:300 16px/22px "Noto Sans KR",Malgun Gothic, sans-serif; color:#00a762; vertical-align:middle; word-break:keep-all;}

ul.win10 li:last-child p.tit			{background:#0091d4  url('/_img/web/pc/cont/win10_c02.png')no-repeat 25px 50%;}
ul.win10 li:last-child p.cont a			{border:1px solid #0091d4; background:#f2fafd;}
ul.win10 li:last-child p.cont a span	{color:#0091d4;}

/*재단지표 추가*/
div.indicator_wrap						{width:100%; overflow:scroll; margin-top:10px;}
table.indicator								{width:100%; margin:10px 0; border-top:solid 1px #333;}
table.indicator thead th					{padding:10px; text-align:center; background:#eee; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; font:400 16px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#555; word-break:keep-all;}
table.indicator thead th:last-child	{color:#0987b6; border-right:none;}
table.indicator tbody th					{padding:10px 20px; vertical-align:middle; margin-right:20px; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; font:300 17px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#555;}
table.indicator tbody td					{text-align:center; padding:10px 10px; border-bottom:solid 1px #ddd; vertical-align:middle; word-break:keep-all; font:200 16px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#666; border-right:solid 1px #ddd;}
table.indicator tbody td:first-child			{background:#f9f9f9; font:300 16px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#333;}
table.indicator tbody td:last-child			{border-right:none;}
table.indicator tbody td.last_year			{background:#f0faff; font:400 16px/26px"Noto Sans KR",Malgun Gothic, sans-serif; color:#0987b6;}
table.indicator tbody td.income				{background:#f9f9f9; font:200 16px/26px"Noto Sans KR",Malgun Gothic, sans-serif; color:#555;}

.indicator_top										{width:100%; overflow:hidden;}
.indicator_top h4.s_tit03						{width:auto; float:left !important;}
.indicator_top .indi_info						{float:right;  font:200 16px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#333;}
.indicator_top .indi_info span				{font:400 16px/26px "Noto Sans KR",Malgun Gothic, sans-serif; color:#333;}


}




/*190801_심성우 추가*/
@media only screen and (min-width: 1201px) {
.one .swiper-button-prev		{left:50% !important; margin-left:-600px;}
.one .swiper-button-next		{right:50% !important; margin-right:-600px;}
.one .swiper-pagination			{left:50% !important; margin-left:-540px;}
}

@media only screen and (min-width: 982px) and (max-width: 1200px) {
.one .swiper-button-prev		{left:20px !important; margin-left:0;}
.one .swiper-button-next		{right:20px !important; margin-right:0;} 
.one .swiper-pagination			{left:110px !important; margin-left:0px;}
}