@charset "utf-8"; 
 
  
/* 메인 디자인 ===================================================================================== */
.visual_zone						{position:absolute; width:100%; z-index:-9999; }
.visual_zone li img					{width:100%;}

#main_wrap							{position:relative; padding:120px 0 80px 0;}
.visual_txt							{position:relative; margin-bottom:80px;}
.visual_txt .txt01					{font-size:3.8em; letter-spacing:-4.5px; color:#044774; font-weight:700; line-height:140%;}
.visual_txt .txt01 p				{font-size:33px; color:#2c303c; line-height:100%; letter-spacing:-3px; font-weight:100;}
.visual_txt .txt01 span				{color:#74c02b; font-weight:700;}
.visual_txt .txt02					{color:#797979; font-size:1.2em; margin-top:20px; letter-spacing:-1px;}
.visual_txt .bx-controls-direction	{display:none;}
.visual_txt .bx-wrapper .bx-pager	{display:none; padding:0; position:relative; margin:60px 0 0 0;}
.visual_txt .bxslider li			{text-align:left;}

.quickbn							{position:absolute; width:50%; top:-60px; right:0; display:flex; flex-wrap:wrap; gap:10px; text-align:center; z-index:999999;}
.quickbn li							{background:url('../image/main/acc01.png') no-repeat center 20px #fff; background-size:45px; width:130px; height:130px; box-shadow:0 5px 20px rgba(135,184,206,.5); border-radius:15px; }
.quickbn li a						{display:grid; height:100%; color:#111; font-weight:500; padding-top:75px; line-height:1.3;}
.quickbn li:hover					{transform:translateY(-10px); transition:.3s;}
.quickbn li:nth-child(2)			{background-image:url('../image/main/acc02.png');}
.quickbn li:nth-child(3)			{background-image:url('../image/main/acc03.png');}
.quickbn li:nth-child(4)			{background-image:url('../image/main/acc07.png?x=1');}
.quickbn li:nth-child(5)			{background-image:url('../image/main/acc04.png');}
.quickbn li:nth-child(6)			{background-image:url('../image/main/acc05.png');}
.quickbn li:last-child				{background-image:url('../image/main/acc06.png');}

.main_biz							{position:relative; overflow:hidden;}
.main_biz .lt						{position:relative; float:left; width:400px; height:360px;}
.main_biz .lt img					{width:100%;}
.control_btns						{position:absolute; bottom:0; right:0; height:40px; line-height:40px; background:rgba(0,0,0,0.7); border-radius:10px 0 0 0; padding:0 20px;z-index:99999;}
.control_btns p						{position:relative; display:inline-block; cursor:pointer;}
.control_btns .count				{color:#fff; font-family:'Verdana'; margin-right:10px;}
.control_btns .arr					{content:''; border: solid #fff; border-width:0 2px 2px 0; border-radius:1px; padding: 5px; }
.control_btns .prev					{transform: rotate(135deg);}
.control_btns .next					{transform: rotate(-45deg);}
.control_btns .stop					{width:2px; height:13px; background:#fff; margin:0 7px 0 3px;}
.control_btns .stop:after			{margin-left:4px; content:''; display:block; width:2px; height:13px; background:#fff; }
.control_btns .play					{width:0; height:0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid #fff; margin-left:2px;}
.main_biz .rt						{position:relative; float:right; width:calc(100% - 440px); margin-right:-18px;}
.bizitem_top						{overflow:hidden; margin-bottom:18px;}
.bizitem_top .tit					{font-size:2em; color:#222; letter-spacing:-2px; float:left; font-weight:700; padding-top:7px;}
.bizitem_control					{float:right; margin-right:20px;}
.bizitem_control em					{display:inline-block; background:#eef0f3; height:42px; line-height:42px; padding:0 20px; color:#555; font-weight:500; font-size:0.9em; font-style:normal;float:left; }
.bizitem_control p					{float:left; width:42px; height:42px; border:1px solid #d6d6d6; margin-left:2px; cursor:pointer;}
.bizitem_control .prev				{display:inline-block;zoom:1;*display:inline;margin-top:11px; margin-left:15px; border:solid #5a5a5a; border-width:0 2px 2px 0;border-radius:1px;  padding:7px; transform:rotate(135deg);  }
.bizitem_control .next				{display:inline-block;zoom:1;*display:inline;margin-top:11px; margin-left:9px; border:solid #5a5a5a; border-width:2px 2px 0 0;border-radius:1px;  padding:7px; transform:rotate(45deg);  }
.bizitem_control p:hover			{border-color:#333;}
.bizitem_list						{overflow:hidden;}
.bizitem_list li					{position:relative;float:left; width:calc(33.9% - 20px); margin-right:20px; border:1px solid #ddd; height:300px; background:#fff;}
.bizitem_list .info					{font-size:0.95em; height:60px; line-height:60px; border-bottom:1px solid #e7e7e7; color:#414141; font-weight:500;}
.bizitem_list .info .date			{display:inline-block;font-style:normal; color:#797979; margin-left:10px;}
.bizitem_list .state				{display:block; float:left; width:60px; text-align:center; color:#fff; margin-right:20px;}
.bizitem_list .ing					{background:#0063b7;}
.bizitem_list .end					{background:#888;}
.bizitem_list dl					{padding:30px;}
.bizitem_list dl dt					{font-size:1.25em; font-weight:700; color:#414141; height:85px; letter-spacing:-1px; line-height:140%; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; word-wrap: break-word;}
.bizitem_list dl .txt				{display:none; margin:0; color:#797979; height:45px;line-height:150%; letter-spacing:-1px; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word; }
.bizitem_list dl .date				{display:flex; color:#797979; line-height:1.5; gap:0 15px;}
.bizitem_list dl .date>span			{width:60px; color:#333; font-weight:500; font-size:0.9em; letter-spacing:-1px; border:1px solid #ccc; height:26px; line-height:23px; text-align:center;}
.bizitem_list li:hover				{border-color:#0063b7;}

.main_noti							{position:relative; overflow:hidden; padding:80px 0;}
.main_noti .lt						{position:relative; float:left; width:calc(100% - 620px); height:320px; overflow:hidden;}
.notice_list						{overflow:hidden; position:absolute; width:100%; display:grid; grid-template-columns:repeat(2, 1fr); gap:40px 10px;}
.notice_list li						{min-width:0;}
.notice_list .date					{float:left; width:75px; height:75px; text-align:center; }
.notice_list .date .big				{margin:20px 0 10px 0; color:#333; font-size:2.1em; font-weight:700; letter-spacing:-1.0px; }
.notice_list .date span				{font-style:normal; color:#a2a2a2; font-size:0.9em;}
.notice_list .cont					{padding:0 0 0 90px;}
.notice_list .cont .txt01			{font-size:1.2em; font-weight:700; color:#414141; letter-spacing:-1px; margin-bottom:12px; line-height:1.4; overflow:hidden; text-overflow:ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word;}
.notice_list .cont .txt02			{color:#797979; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
.notice_list li:hover .cont .txt01	{text-decoration:underline;}
.main_news_tab_title				{height:60px; border-bottom:1px solid #ddd; margin-bottom:40px;}
.main_news_tab_title p				{float:left; text-align:center; cursor:pointer; }
.main_news_tab_title p a				{display:block; font-weight:500; color:#838383; padding:0 30px; font-size:1.25em; letter-spacing:-1px; background:#f4f4f4; line-height:58px; min-height:58px; border:1px solid #ddd; border-right:0;}
.main_news_tab_title p:nth-child(5) a	{border-right:1px solid #ddd;}
.main_news_tab_title p a.on			{font-weight:700; color:#222; background:#fff; border:2px solid #333; border-bottom:1px solid #fff; }
.main_news_tab_title .btn_more			{display:block; position:absolute; right:0; top:15px; width:23px; height:23px; cursor:pointer;text-indent:-9999px;}
.main_news_tab_title .btn_more:after	{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:23px; height:2px; background:#000;}
.main_news_tab_title .btn_more:before	{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:2px; height:23px; background:#000;}
.main_noti .rt						{position:relative; float:right; width:580px; display:flex; gap:0 10px; justify-content:space-between; border:7px solid #efefef; padding:30px 20px;}
.main_noti .rt .wrap				{padding:5px 0 0 10px;}
.main_noti .rt .tit					{font-size:1.6em; color:#222; letter-spacing:-2px; font-weight:700; line-height:1.4;}
.main_noti .rt .tit span			{display:block; font-size:17px; color:#797979; letter-spacing:-1px; margin:15px 0 40px 0; line-height:1.45; }
.main_noti .rt .link				{display:flex; gap:5px;}
.main_noti .rt .link img			{width:35px;}
.main_noti .rt .link span			{display:none; font-size:0.9em; font-weight:500; color:#a2a2a2; letter-spacing:0;}
.main_noti .rt .link li a			{display:flex; gap:0 8px; align-items:center;}
.main_noti .rt .box					{position:relative; width:300px; height:220px; overflow:hidden; border:1px solid rgba(0,0,0,.1); border-radius:20px;}
.main_noti .rt .box	img				{width:100%; height:100%; object-fit:cover;}
.main_noti .rt .item				{position:relative;}
.main_noti .rt .item a:after		{content:''; display:inline-block; width:68px; height:48px; border-radius:10px; background:#e52128; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:1; opacity:0.9;}
.main_noti .rt .item a:before		{content:''; display:inline-block; background:transparent; border:8px solid transparent; border-left:13px solid #fff; margin-left:5px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:2;}

.main_bn							{position:relative; overflow:hidden; text-align:center; width:90%; margin:0 auto;}
.main_bn li							{float:left; width:24%; margin:0 0.5%;  text-align:center; }
.main_bn li:last-child				{margin-right:0;}
.main_bn li img						{width:108px; margin-bottom:40px;}
.main_bn li .tit					{color:#333; font-size:1.6em; letter-spacing:-2px; font-weight:500;}
.main_bn li .tit span				{display:block; font-size:1rem;letter-spacing:0;color:#8bc53d; font-style:normal; margin:10px 0 20px 0;}
.main_bn li p						{color:#797979; }

.main_bnlist					{position:relative; border-top:1px solid #ddd;}
.main_bnlist .banner_slider		{padding:25px 0;}
.main_bnlist .slick_btns		{position: absolute; top: 27%; outline: 0; width: 32px; height: 35px; text-indent: -9999px;z-index: 9999;}
.main_bnlist #slick_prev_btn2	{left: 0; background: url('../image/common/controls4.png') no-repeat 5px 0 #fff; }
.main_bnlist #slick_next_btn2	{right: 0; background: url('../image/common/controls4.png') no-repeat -45px 0 #fff; }


/*  정은재//22.03.17 [뉴스레터 구독신청] 추가 요청 건  */
.newsletter							{display:block;height:230px;padding-top:54px;background:url('../image/main/newsletter_bg.jpg') no-repeat center;object-fit:cover;text-align:center;}
.newsletter h5						{font-size:1.8em;color:#fff;}
.newsletter p						{color:#fff;margin:7px 0 36px;}
.newsletter a						{background:#79ad33;padding:10px 55px;color:#fff;font-weight:500;letter-spacing:initial;}
.newsletter a:hover					{background:#81be2f;}


@media screen and (max-width:1400px) {
	#main_wrap						{padding:120px 20px;}
	.quickbn						{width:51%;}
	.main_biz .rt					{width:calc(100% - 420px);}
	.bizitem_list .cont				{padding:30px 25px;}
	.main_noti .lt					{width:calc(100% - 600px);}
	.main_news_tab_title p a		{font-size:1.1em; padding:0 20px;}
	.main_noti .rt					{width:560px;}

}

@media screen and (max-width:1200px) {
    .visual_txt                     {margin-bottom:60px;}
	.visual_txt .bxslider li		{text-align:center;}
	.quickbn						{position:relative; top:0; width:100%; flex-wrap:unset; margin-bottom:60px;}
	.quickbn li						{width:100%;}

	.main_noti .lt					{float:none; width:100%;}
	.main_news_tab_title			{margin-bottom:40px;}
	.main_noti .rt					{float:none; margin:0 auto; padding:10px; width:600px;}
	.main_bn						{width:100%;}
}


@media screen and (max-width:1024px) {
	#main_wrap						{padding:60px 20px 40px 20px;}
	.visual_txt						{margin-bottom:40px;}
	.visual_txt .txt01 p			{font-size:25px;}
	.visual_txt .txt01				{font-size:2.8em;}
	.visual_txt .txt02				{font-size:1em;}

	.quickbn                        {flex-wrap:wrap;}
	.quickbn li						{flex:1 1 40%;}

	.main_biz						{padding:40px 0;}
	.main_biz .rt					{float:none; width:100%;}
	.bizitem_control				{margin:0;}
	.bizitem_top .tit				{font-size:1.6em;}
	.bizitem_control p				{width:36px; height:36px;}
	.bizitem_control .prev, .bizitem_control .next			{padding:5px;}
	.bizitem_control em				{height:36px; line-height:34px;}
	.bizitem_list					{margin:0 -10px !important;}
	.bizitem_list .info				{height:52px; line-height:52px; font-size:0.9em;}
	.bizitem_list li				{height:100%; margin:0 10px;}
	.bizitem_list dl				{padding:25px;}
	.bizitem_list dl dt				{font-size:1.05em;}
	.bizitem_list dl .txt			{display:none;}
	.bizitem_list dl .date			{font-size:0.9em;}
	.bizitem_list dl .date br		{display:none;}
	.main_biz .lt					{float:none; width:100%; height:100%; margin-top:20px;}
	.control_btns					{height:36px; line-height:36px; font-size:0.9em;}
	
	.main_noti						{padding:0 0 40px 0;}
	.main_news_tab_title			{height:46px; margin-bottom:20px;}
	.main_news_tab_title p			{float:left; width:calc(20% - 6px);}
	.main_news_tab_title p a		{font-size:0.9em; line-height:44px; min-height:46px; padding:0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.main_news_tab_title p a.on		{border-width:1px;}
	.main_news_tab_title .btn_more	{top:10px;}
	.main_news_tab_title .btn_more:before	{height:13px;}
	.main_news_tab_title .btn_more:after	{width:13px;}
	.notice_list .date				{width:60px;}
	.notice_list .date .big			{font-size:1.45em; margin:10px 0 5px 0;}
	.notice_list .date span			{font-size:0.8em;}
	.notice_list					{grid-template-columns:1fr; gap:5px;}
	.notice_list .cont				{padding:0 0 0 75px;}
	.notice_list .cont .txt01		{font-size:1em; margin-bottom:5px;}
	.notice_list .cont .txt02		{font-size:0.95em; line-height:1.4;}
	.notice_list li:nth-child(4)	{display:none;}
	.main_noti .rt					{display:grid; width:100%; justify-content:unset; gap:20px 0;}
	.main_noti .rt .wrap			{padding:10px 0 0 0; text-align:center;}
	.main_noti .rt .tit				{font-size:1.4em;}
	.main_noti .rt .tit span		{margin:10px 0 15px 0;}
	.main_noti .rt .tit span br		{display:none;}
	.main_noti .rt .link			{display:flex; justify-content:center;}
	.main_noti .rt .link span		{display:none;}
	.main_noti .rt .box				{width:100%; height:100%;}

	.main_bn li img					{width:80px; margin-bottom:20px;}
	.main_bn li .tit				{font-size:1.2em;}
	.main_bn li .tit span			{font-size:0.85rem; margin:5px 0;}
	.main_bn li p					{font-size:0.9em; line-height:1.4;}
}



@media screen and (max-width:768px) {
	.visual_txt .txt01				{font-size:2.2em;}
	.visual_txt .txt01 p			{font-size:20px; letter-spacing:-1.75px;}
	.visual_txt .txt02				{margin-top:10px;}
	.quickbn						{grid-template-columns:repeat(3, 1fr);}



	.main_bn li						{width:50%; margin:10px 0;padding:0 10px;}
	.main_bn br						{display:none;}

	.newsletter						{height:auto; padding:40px 10px;}
	.newsletter h5					{font-size:1.45em;}
	.newsletter p					{font-size:0.95em; margin:0 0 25px 0;}
	.newsletter a					{padding:10px 30px; font-size:0.95em;}
}