@charset "utf-8";
/*------------ pc ------------*/
@media only screen and (min-width: 960px) {
.web		{display:block !important;}
.mobile		{display:none}
.tablet		{display:none}

#main_content	{width:100%; position:relative; z-index:2; padding-top: 90px;}
#main_content:after		{position:absolute; content:''; bottom:-50px; right:0px; width:480px; height:358px; z-index:-1; background: url('/_img/web/pc/main/main_f_bg.png') no-repeat 50% 50%;}

/* section1 */	
	.section1						{background:#e4f2fc; overflow:hidden;}
	.section1 .top_wrap				{width:100%;  padding:50px 0 60px; display:flex; align-items: center; position: relative;}

	/* 메인 좌측배너 */
	.section1 .top_wrap .left_wrap					{position:relative; width:45%;  padding-left:50px; }

	.left_wrap  ul.slick-dots						{position:absolute; bottom:-22px; right:17px; display:flex;}
	.left_wrap  ul.slick-dots li					{margin-right:10px}
	.left_wrap  ul.slick-dots li button				{font-size:0; width:20px; height:20px; border-radius:10px; background:none; border:1px solid #5375ad; cursor:pointer;}
	.left_wrap  ul.slick-dots li.slick-active button	{background:#1b4486;}
	.left_wrap  ul.slick-dots li.slick-active button:focus		{outline-style:dashed; outline-width:2px; outline-offset:1px;}

	.left_wrap .m_visual button.slick-arrow		{display:none !important;}

	.left_wrap  p.controler					{position:absolute; bottom:-21px; right:8px; /* transform:translateX(-100%); */ }
	.left_wrap  p.controler button			{display:none; width:7px; height:12px; font-size:0; cursor:pointer; border:none;}
	.left_wrap  p.controler button.on		{display:block !important;}
	.left_wrap  p.controler button.play		{background:url('/_img/web/pc/main/slick_play.png') no-repeat 50% 50%; display:none;}
	.left_wrap  p.controler button.stop		{background:url('/_img/web/pc/main/slick_stop.png') no-repeat 50% 50%;}
	.left_wrap  p.controlerM				{display:none;}

	.left_wrap .m_visual			{position:relative; max-width:580px;  width:100%; border-radius:10px; float:right;}
	.left_wrap .banner				{/* max-height:350px; */ display:block !important;}
	.left_wrap .banner img			{border-radius:10px;}	
/* 	.left_wrap .slick-arrow			{position:absolute; z-index:3; width:50px; height:50px; border-radius:50px; border:3px solid #fff; opacity:40%; transition:all 0.3s;}
	.left_wrap .slick-arrow:before	{display:none;}
	.left_wrap .slick-arrow:hover	{opacity:80%;}
	.left_wrap .slick-prev			{top:50%; left:5%; background:url('/_img/web/pc/main/vslick-prev.png') no-repeat 43% 50% !important;}
	.left_wrap .slick-next			{top:50%; right:5%; background:url('/_img/web/pc/main/vslick-next.png') no-repeat 57% 50% !important;} */
	.left_wrap .slick-list			{border-radius:10px;}
	
	.slick-next:before				{display:none;}
	.slick-prev:before				{display:none;}

	/* 메인 우측 주요사업 */
	.section1 .top_wrap .right_wrap					{width:55%; padding-left:50px;}
	.right_wrap .tech_wrap							{white-space:nowrap; overflow-x:auto; width:100%; position:relative; margin:15px 0 0 10px; padding:2px 70px 2px 2px; height:30px;}
	.right_wrap .tech_wrap ul.tech_tab				{text-align:left; z-index:1; position:relative;}
	.right_wrap .tech_wrap ul.tech_tab li			{position:relative;display:inline-block; text-align:center; padding-right:20px;}
	.right_wrap .tech_wrap ul.tech_tab li:before	{position:absolute; content:''; width:4px; height:4px; background:#c2d4e1; top:9px; left:-14px; border-radius:50px;}
	.right_wrap .tech_wrap ul.tech_tab li:first-child:before	{display:none;}
	.right_wrap .tech_wrap ul.tech_tab li:last-child			{padding-right:0;}
	.right_wrap .tech_wrap ul.tech_tab li a					{display:inline-block; font:400 19px/25px "Poppins", "Noto Sans KR", sans-serif; color:#6A89A4; position:relative; transition:all 0.3s;}
	.right_wrap .tech_wrap ul.tech_tab li a:hover,
	.right_wrap .tech_wrap ul.tech_tab li a:focus			{color:#113d85;}
	.right_wrap .tech_wrap ul.tech_tab li a.on				{display:inline-block; font:600 19px/25px "Poppins", "Noto Sans KR", sans-serif; color:#113d85; transition:all 0.2s;}



	.right_wrap .tech_wrap::-webkit-scrollbar							{width:auto; height:8px;}
	.right_wrap .tech_wrap::-webkit-scrollbar-track						{background-color:#f1f1f1; border-radius: 10px;}
	.right_wrap .tech_wrap::-webkit-scrollbar-thumb						{background-color:#c1c1c1; border-radius: 10px;}
	.right_wrap .tech_wrap::-webkit-scrollbar-thumb:hover				{background: #c1c1c1;}

	.right_wrap .news_wrap								{position:relative; width:100%; max-width:620px; min-height:335px; }
	.right_wrap	.newsList 								{margin-top:15px; position: relative;width: 100%;}
	.right_wrap	.newsList::before						{position:absolute; content:""; background:url('/_img/web/pc/main/main_cha.png')no-repeat 100% 50%; width: 120px; height: 198px; top:130px; left: 622px; z-index:2}
	.right_wrap	.newsList::after						{position:absolute; content:""; background:url('/_img/web/pc/main/main_cha.png')no-repeat 0% 50%; width: 60px; height:199px; top:130px; left: 564px; z-index:0}
	.right_wrap	.newsList.newsList .tab					{width:190px;}
	.right_wrap	.newsList .tab a						{display:block; padding:22px 30px; font:500 19px/24px "Poppins", "Noto Sans KR", sans-serif; color:#fff;}
	.right_wrap	.newsList .tab a:hover,	
	.right_wrap	.newsList .tab a:focus					{color:#6FA417}
	.right_wrap	.newsList .tab a.on						{background:#6FA417; color:#fff;}

	.right_wrap	.newsList .news_slick.on					{display:block;}
	.right_wrap	.newsList .news_slick .slick-list			{overflow:hidden;}
	.right_wrap	.newsList .news_slick						{display:none; z-index:1;position: absolute; max-width:170%;}
	.right_wrap	.newsList .news_slick .box 					{cursor:pointer; position:relative;  color:#222; height:280px;}
	.right_wrap	.newsList .news_slick .box a				{position:relative; display:block; width:100%; height:100%; padding:30px 30px 70px; border:1px solid #a6bada; background:#fff; border-radius: 5px;}
	.right_wrap	.newsList .news_slick .box a:hover:after,
	.right_wrap	.newsList .news_slick .box a:focus:after	{position:absolute; content:""; width: calc(100% - 3px); height: calc(100% - 5px); top:0px; left:0px; transition:all 0.3s; cursor:pointer; border:3px solid #1b4486; border-radius:5px; box-shadow:0px 0px 10px 6px rgba(0,0,0,0.1);}

	.right_wrap	.news_slick .box span				{display:block;}
	.right_wrap	.news_slick .box .cate				{font:500 16px/22px "Poppins", "Noto Sans KR", sans-serif; color:#6FA417;}
	.right_wrap	.news_slick .box .tit				{margin-top:20px; font:500 20px/28px "Poppins", "Noto Sans KR", sans-serif; color:#000; max-height:70px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.right_wrap	.news_slick .box .sub				{margin-top:11px; font:400 15px/22px "Poppins", "Noto Sans KR", sans-serif; color:#666; height:69px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
	.right_wrap	.news_slick .box .date				{position:absolute; bottom:32px; left:33px; z-index:2; font:400 15px/20px "Poppins", "Noto Sans KR", sans-serif; color:#757575;}

	.right_wrap	.news_arr							{width:100%; max-width:620px; height:20px; position:absolute; top: -43px; text-align: right; padding-right:10px;}
	.right_wrap	.news_arr button					{background:none; border:none; font-size:0; cursor:pointer; opacity:0.5; transition:.2s;}
	.right_wrap	.news_arr button:hover				{opacity:1}
	.right_wrap	.news_arr .prevArrow				{}
	.right_wrap	.news_arr .prevArrow:before			{content: '' !important; display:inline-block; width:10px !important; height:16px !important; background:url('/_img/web/pc/comn/prev.png')no-repeat 50% 50%}
	.right_wrap	.news_arr .nextArrow				{margin-left:25px;}
	.right_wrap	.news_arr .nextArrow:before			{content: '' !important; display:inline-block; width:10px !important; height:16px !important; background:url('/_img/web/pc/comn/next.png')no-repeat 50% 50%}
	
	.right_wrap	.news_slick .slick-prev				{left:auto; right:45%; top:-35px;}
	.right_wrap	.news_slick .slick-next				{right:42%; top:-35px;}
	.right_wrap	.news_slick .slick-prev:before		{content: '' !important; display:inline-block; width:10px !important; height:16px !important; background:url('/_img/web/pc/comn/prev.png')no-repeat 50% 50%}
	.right_wrap	.news_slick .slick-next:before		{content: '' !important; display:inline-block; width:10px !important; height:16px !important; background:url('/_img/web/pc/comn/next.png')no-repeat 50% 50%}

	.right_wrap	.slick-prev:before,
	.right_wrap	.slick-next:before							{opacity: .5 !important; }
	.right_wrap	.slick-prev:focus:before, .slick-next:focus:before,
	.right_wrap	.slick-prev:hover:before, .slick-next:hover:before {opacity: 1 !important; }

	.right_wrap	.newsList .slick-list .slick-slide		{opacity:0.3; z-index:1; width:300px; margin-right:20px;}
	.right_wrap	.newsList .slick-list .slick-active 	{opacity:1;}

/* section2 */	
	/* 퀵메뉴 */	
	.section2				{width:100%; border-bottom:1px solid #ddd; padding:25px 20px;}
	.section2 ul.quick		{max-width:1400px; margin:0 auto; /* padding: 0 50px; */ display: flex; justify-content: space-around;}
	.section2 ul.quick li					{width:10%; text-align:center; word-break:keep-all;}
	.section2 ul.quick li a					{display:inline-block; font:500 14px/22px "Poppins", "Noto Sans KR", sans-serif; color:#666;  padding:60px 8px 0; transition:all .2s;}
	.section2 ul.quick li a:hover,
	.section2 ul.quick li a:focus			{color:#079ee2}

	.section2 ul.quick li:first-child a		{background:url('/_img/web/pc/main/top_icon030.png') no-repeat center top;}
	.section2 ul.quick li:nth-child(2) a	{background:url('/_img/web/pc/main/top_icon04.png') no-repeat center top;}
	.section2 ul.quick li:nth-child(3) a	{background:url('/_img/web/pc/main/top_icon20.png') no-repeat center top;}
	.section2 ul.quick li:nth-child(4) a	{background:url('/_img/web/pc/main/top_icon02_2.png') no-repeat center top;}
	.section2 ul.quick li:nth-child(5) a	{background:url('/_img/web/pc/main/top_icon12.png') no-repeat center top;}
	.section2 ul.quick li:nth-child(6) a	{background:url('/_img/web/pc/main/top_icon060.png') no-repeat center top;}
	.section2 ul.quick li:nth-child(7) a	{background:url('/_img/web/pc/main/top_icon09.png') no-repeat center top;}
	.section2 ul.quick li:nth-child(8) a	{background:url('/_img/web/pc/main/top_icon23.png') no-repeat center top;}
	.section2 ul.quick li:nth-child(9) a	{background:url('/_img/web/pc/main/top_icon08.png') no-repeat center top;}
	.section2 ul.quick li:nth-child(10) a	{background:url('/_img/web/pc/main/top_icon10_2.png') no-repeat center top;}
	.section2 ul.quick li:nth-child(11) a	{background:url('/_img/web/pc/main/top_icon08.png') no-repeat center top;}

	.section2 ul.quick li:first-child a:hover,
	.section2 ul.quick li:first-child a:focus	{background:url('/_img/web/pc/main/top_icon030_on.png') no-repeat center top; margin-top:-10px}
	.section2 ul.quick li:nth-child(2) a:hover,
	.section2 ul.quick li:nth-child(2) a:focus	{background:url('/_img/web/pc/main/top_icon04_on.png') no-repeat center top; margin-top:-10px}
	.section2 ul.quick li:nth-child(3) a:hover,
	.section2 ul.quick li:nth-child(3) a:focus	{background:url('/_img/web/pc/main/top_icon20_on.png') no-repeat center top; margin-top:-10px}
	.section2 ul.quick li:nth-child(4) a:hover,
	.section2 ul.quick li:nth-child(4) a:focus	{background:url('/_img/web/pc/main/top_icon02_2_on.png') no-repeat center top; margin-top:-10px}
	.section2 ul.quick li:nth-child(5) a:hover,
	.section2 ul.quick li:nth-child(5) a:focus	{background:url('/_img/web/pc/main/top_icon12.png') no-repeat center top; margin-top:-10px}
	.section2 ul.quick li:nth-child(6) a:hover,
	.section2 ul.quick li:nth-child(6) a:focus	{background:url('/_img/web/pc/main/top_icon060_on.png') no-repeat center top; margin-top:-10px}
	.section2 ul.quick li:nth-child(7) a:hover,
	.section2 ul.quick li:nth-child(7) a:focus	{background:url('/_img/web/pc/main/top_icon09_on.png') no-repeat center top; margin-top:-10px}
	.section2 ul.quick li:nth-child(8) a:hover,
	.section2 ul.quick li:nth-child(8) a:focus	{background:url('/_img/web/pc/main/top_icon23_on.png') no-repeat center top; margin-top:-10px}
	.section2 ul.quick li:nth-child(9) a:hover,
	.section2 ul.quick li:nth-child(9) a:focus	{background:url('/_img/web/pc/main/top_icon08_on.png') no-repeat center top; margin-top:-10px}
	.section2 ul.quick li:nth-child(10) a:hover,
	.section2 ul.quick li:nth-child(10) a:focus	{background:url('/_img/web/pc/main/top_icon10_2_on.png') no-repeat center top; margin-top:-10px}
	.section2 ul.quick li:nth-child(11) a:hover,
	.section2 ul.quick li:nth-child(11) a:focus	{background:url('/_img/web/pc/main/top_icon08.png') no-repeat center top; margin-top:-10px}

/* section3 */
	.section3				{position:relative; padding:100px 50px 120px; margin:0 auto; display: flex; align-content: stretch; max-width:1400px;}
	.section3:after			{position:absolute; content:''; top:98px; left:-150px; width:410px; height:674px; z-index:-1; background: url('/_img/web/pc/main/main_bg.png') no-repeat left 50px top; }
	.section3:before		{position:absolute; content:''; top:391px; left:-180px; width:161px; height:124px; z-index:1; background: url('/_img/web/pc/main/main_bg_cha.png') no-repeat 50% 50%;}
	/* 3개 퀵배너 */
	.section3 .bq_area ul.quick						{display:table-cell; vertical-align:top; width:370px; padding-right: 30px;}
	.section3 .bq_area ul.quick li					{width:100%;}
	.section3 .bq_area ul.quick li:nth-child(2)		{margin:16px 0;}
	.section3 .bq_area ul.quick li a				{position:relative; display:block; padding:29px 30px; font:500 19px/19px "Poppins", "Noto Sans KR", sans-serif; color:#fff; border-radius: 5px;}
	.section3 .bq_area ul.quick li a:after			{content:url("/_img/web/pc/main/more_w.png"); position:absolute; top:50%; right:50px; margin-top:-9px; opacity:0; transition:0.5s}
	.section3 .bq_area ul.quick li a span			{display:block; margin-top:10px; font:400 16px/19px "Poppins", "Noto Sans KR", sans-serif; color:#fff}
	.section3 .bq_area ul.quick li a.mq01			{background:#097FAF  url('/_img/web/pc/main/mq01.png')no-repeat 101% 67%;}
	.section3 .bq_area ul.quick li a.mq02			{background:#097FAF  url('/_img/web/pc/main/mq02.png')no-repeat 105% 55%}
	.section3 .bq_area ul.quick li a.mq03			{background:#097FAF url('/_img/web/pc/main/mq03.png')no-repeat 103% 72%}
	.section3 .bq_area ul.quick li a:hover,
	.section3 .bq_area ul.quick li a:focus			{background:#0d1833}
	.section3 .bq_area ul.quick li a:hover span,
	.section3 .bq_area ul.quick li a:focus span		{color:#fff;}
	.section3 .bq_area ul.quick li a:hover:after,
	.section3 .bq_area ul.quick li a:focus:after	{opacity:1; right:30px}	
	.section3 .bq_area ul.quick li a:focus  {border: solid 3px #009bdf;}

	/* 보도자료 */
	.section3 .bq_area				{width:60%; display:table; table-layout:fixed;}
	.section3 .bq_area .notice		{display:table-cell; width:auto; vertical-align:top; position:relative; border: 1px solid #ddd; border-radius: 5px; padding: 25px;}
	.section3 .bq_area .notice ul.nlist						{margin-top:25px;}
	.section3 .bq_area .notice ul.nlist li					{border-bottom:1px solid #ddd; padding-bottom:7px; margin-bottom:7px;}
	.section3 .bq_area .notice ul.nlist li:last-child		{border:none; padding:0; margin:0;}
	.section3 .bq_area .notice ul.nlist li p.dot_list			{position:relative;}
	.section3 .bq_area .notice ul.nlist li p.dot_list:before	{content:''; position:absolute; top:9px; left:10px; width:5px; height:5px; background:#555; border-radius:50%;}
	.section3 .bq_area .notice ul.nlist li p.dot_list a.cont	{padding-left:30px;}
	.section3 .bq_area .notice ul.nlist li a.cont			{display:inline-block; font:400 18px/26px "Poppins", "Noto Sans KR", sans-serif; color:#333; vertical-align: middle; max-width: 90%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.section3 .bq_area .notice ul.nlist li a:hover			{color:#079ddc; text-decoration: underline;}
	.section3 .bq_area .notice ul.nlist li span.new			{display:inline-block; text-align:center; margin-right:5px; border-radius:3px; width:22px; height:22px; background:#235fc6; font:400 13px/21px "Poppins", "Noto Sans KR", sans-serif; color:#fff;}
	.section3 .bq_area .notice ul.nlist li span.data		{font:400 15px/15px "Poppins", "Noto Sans KR", sans-serif; color:#888; padding-left:29px;}
	.section3 .bq_area .notice ul.click li					{cursor: pointer;}

	.Main .tit a.more				{position:relative; padding-right:25px; font-size:0; margin: 2px; }
	.Main .tit a.more::after		{display:block; content:''; position:absolute; top:0; right:0; width:20px; height:20px; background:url('/_img/web/pc/main/more.png')no-repeat 50% 50%; transition:0.5s;}	
	.Main .tit a.more:hover::after,
	.Main .tit a.more:focus::after		{transform:rotate(180deg);}

	/* 언론홍보 */
	.section3 .tit span				{float:left;}
	.section3 .tit a				{float:right}
	.section3 .public						{width:40%; padding-left:30px; display:table;}
	.section3 .public .cover				{position:relative; height:100%; display:table-cell; vertical-align:top;}
	.section3 .public .cover img.img		{height:100%; border: solid 1px #ddd; border-radius: 5px;}
	.section3 .public .cover a				{border-radius:5px; position:absolute; z-index:2; bottom:40px; right:-150px; display:inline-block; overflow:hidden; width:200px; background:#0d1833; padding:22px 55px; font:500 16px/17px "Poppins","Noto Sans KR", sans-serif; color:#fff;}	
	.section3 .public .cover a:after		{content:""; position:absolute; top:53%; right:50px; background:url("/_img/web/pc/main/news_arrow.png")no-repeat 50% 50%; width:8px; height:11px;margin-top:-9px; transition:0.5s}
	.section3 .public .cover a img			{margin-left:12px; vertical-align:top;}
	.section3 .public .cover a:hover,
	.section3 .public .cover a:focus		{background:#079ddc; }
	.section3 .public .cover a:hover:after,
	.section3 .public .cover a:focus:after	{opacity:1; right:30px}
	.section3 .public .cont					{display:table-cell; width:auto; padding-left:30px; color:#fff;  vertical-align:top;}
	.section3 .public .cont .tit			{overflow:hidden; margin-top:25px}
	.section3 .public .cont .tit a img		{transition:0.5s}
	.section3 .public .cont .tit a:hover img,
	.section3 .public .cont .tit a:focus img{transform:rotate(180deg);}
	.section3 .public .cont .name				{word-break: keep-all; margin-top:30px; font:400 18px/26px "Poppins", "Noto Sans KR", sans-serif; color:#000; letter-spacing:0;}
	.section3 .public .cont .name span.txt_fix	{font:400 18px/23px "Poppins", "Noto Sans KR", sans-serif; padding-top:6px; display: inline-block;}
	.section3 .public .cont .date			{margin-top:18px; font:400 16px/17px "Poppins","Noto Sans KR", sans-serif; color:#888; letter-spacing:0;}

	.Main  h2.tit				{font:500 25px/25px "Poppins", "Noto Sans KR", sans-serif; color:#000;overflow: hidden; padding-bottom:0; text-align: left;}

/* section4 */
	.section4							{position:relative; display:flex; padding:0 50px; margin:0 auto; max-width:1400px;}

	/* sns */
	.section4 .left									{width:60%;}
	.section4 .left	.main_sns						{display: flex; align-items: center;justify-content: space-between; margin: 0 10px 15px;}
	.section4 .left	.main_sns p.sns_btn				{}
	.section4 .left	.main_sns p.sns_btn a			{display:inline-block; border:1px solid #666; width:43px; height:43px; margin-right:5px; border-radius:50px; font-size:0px; vertical-align:middle;}
	.section4 .left	.main_sns p.sns_btn a.face		{background:url('/_img/web/pc/main/m_face.png')no-repeat 50% 50%;}
	.section4 .left	.main_sns p.sns_btn a.yout		{background:url('/_img/web/pc/main/m_yout.png')no-repeat 50% 50%;}
	.section4 .left	.main_sns p.sns_btn a.blog		{background:url('/_img/web/pc/main/m_blog.png')no-repeat 55% 50%;}
	.section4 .left	.main_sns p.sns_btn a.inst		{background:url('/_img/web/pc/main/m_inst.png')no-repeat 55% 50%;}
	.section4 .left	.main_sns p.sns_btn a.face:hover,
	.section4 .left	.main_sns p.sns_btn a.face:focus	{background:url('/_img/web/pc/main/m_face_on.png')no-repeat 50% 50%; border:1px solid #4867aa;}
	.section4 .left	.main_sns p.sns_btn a.yout:hover,
	.section4 .left	.main_sns p.sns_btn a.yout:focus	{background:url('/_img/web/pc/main/m_yout_on.png')no-repeat 50% 50%; border:1px solid #ff0000}
	.section4 .left	.main_sns p.sns_btn a.blog:hover,
	.section4 .left	.main_sns p.sns_btn a.blog:focus	{background:url('/_img/web/pc/main/m_blog_on.png')no-repeat 55% 50%; border:1px solid #00c73c}
	.section4 .left	.main_sns p.sns_btn a.inst:hover,
	.section4 .left	.main_sns p.sns_btn a.inst:focus	{background:url('/_img/web/pc/main/m_inst_on.png')no-repeat 55% 50%; border:1px solid #e62b85}

	.section4 .left ul.sns							{display:flex;}
	.section4 .left ul.sns li						{width:33%; margin-right:2%;}
	.section4 .left ul.sns li:last-child			{margin:0;}
	.section4 .left ul.sns li a						{display:block; overflow:hidden; border-radius:5px; position:relative; transition:all .2s;}
	.section4 .left ul.sns li a:hover:after,
	.section4 .left ul.sns li a:focus:after			{content:""; position:absolute; top:-1px; left:-1px; z-index:2; width:calc(100% - 6px); height:calc(100% - 6px); border-radius:6px;}
	.section4 .left ul.sns li a:hover p.txt,	
	.section4 .left ul.sns li a:focus p.txt		{text-decoration:underline;}

	.section4 .left ul.sns li.face a:hover:after,
	.section4 .left ul.sns li.face a:focus:after	{border:4px solid #003365;}
	.section4 .left ul.sns li.yout a:hover:after,
	.section4 .left ul.sns li.yout a:focus:after	{border:4px solid #ff0000;}
	.section4 .left ul.sns li.blog a:hover:after,
	.section4 .left ul.sns li.blog a:focus:after	{border:4px solid #00c73c;}
	.section4 .left	ul.sns li.inst a:hover:after,
	.section4 .left	ul.sns li.inst a:focus:after	{border:4px solid #e62b85}

	.section4 .left ul.sns li a .img 				{position:relative; background:#f2f2f2; overflow: hidden; border-radius: 5px; border: 1px solid #ddd;}
	.section4 .left ul.sns li a .img.no				{}
	.section4 .left ul.sns li a .img span			{display:inline-block; position:absolute; width:32px; height:32px; right:12px; top:12px; border-radius:50%; font-size:0;}
	.section4 .left ul.sns li a .img span.face		{background:url('/_img/web/pc/comn/face.png') no-repeat 50% 50%/100%;}
	.section4 .left ul.sns li a .img span.yout		{background:url('/_img/web/pc/comn/yout.png') no-repeat 50% 50%/100%;}
	.section4 .left ul.sns li a .img span.blog		{background:url('/_img/web/pc/comn/blog.png') no-repeat 50% 50%/100%;}
	.section4 .left ul.sns li a .img span.inst		{background:url('/_img/web/pc/comn/inst.png') no-repeat 50% 50%/100%;}
	
	.section4 .left ul.sns li a .txt				{margin:10px 10px 20px 10px; font:500 17px/24px "Poppins", "Noto Sans KR", sans-serif; color:#333; height:45px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

	/* 시스템교육안내 */
 	.section4 .right					{width:40%; padding-left:35px;}
	.section4 .right ul.sys				{width:100%; margin-top:25px; display: flex; flex-direction: column;}
	.section4 .right ul.sys li			{float:left; border-bottom: 1px solid #ddd; width: 80%; padding:20px 10px 9px;}
	/* .section4 .right ul.sys li:not(:nth-child(2n))	{margin-right:50px;} */
	.section4 .right ul.sys li a					{display:block; position:relative;font:400 19px/25px "Poppins","Noto Sans KR", sans-serif; color:#333; transition:all .2s; padding: 10px 0px;}
	.section4 .right ul.sys li:first-child a	{background:url('/_img/web/pc/main/sys_icon01.png') no-repeat center right 0px;}
	.section4 .right ul.sys li:nth-child(2) a	{background:url('/_img/web/pc/main/sys_icon02.png') no-repeat center right 0px;}
	.section4 .right ul.sys li:nth-child(3) a	{background:url('/_img/web/pc/main/sys_icon03.png') no-repeat center right 0px;}

	.section4 .right ul.sys li a:hover,
	.section4 .right ul.sys li a:focus				{color:#079ddc;}
	.section4 .right ul.sys li:first-child a:hover,
	.section4 .right ul.sys li:first-child a:focus	{background:url('/_img/web/pc/main/sys_icon01.png') no-repeat center right 20px;}
	.section4 .right ul.sys li:nth-child(2) a:hover,
	.section4 .right ul.sys li:nth-child(2) a:focus	{background:url('/_img/web/pc/main/sys_icon02.png') no-repeat center right 20px;}
	.section4 .right ul.sys li:nth-child(3) a:hover,
	.section4 .right ul.sys li:nth-child(3) a:focus	{background:url('/_img/web/pc/main/sys_icon03.png') no-repeat center right 20px;}

	h2.tit.s			{margin:10px 0 0 10px;}

/*** 유관기관 ***/
	#main_content .main_rel		{width:100%; overflow:hidden; max-width:1400px; padding:90px 320px 90px 50px; box-sizing:border-box; margin: 0 auto;}
	#main_content .main_rel	.rel_slick						{width:100%; padding:0 35px;}
	#main_content .main_rel .slick-list						{ overflow:hidden;}
	#main_content .main_rel	.rel_slick .slick-slide			{margin:0 2px;}
	#main_content .main_rel	.rel_slick div.site				{display:table !important; height:62px; border:1px solid #ddd; background:#fff;}
	#main_content .main_rel	.rel_slick div.site a			{display:table-cell; width:100%; vertical-align:middle;}
	#main_content .main_rel	.rel_slick div.site a img		{max-width:78%; max-height:50px; margin: 0 auto;}

	.main_rel .slick-prev			{left:0px !important;}
	.main_rel .slick-prev:before	{content: '' !important; opacity:1 !important; display:inline-block; width:10px !important; height:16px !important; background:url('/_img/web/pc/comn/prev.png')no-repeat 50% 50%}
	.main_rel .slick-next			{right:0px !important}
	.main_rel .slick-next:before	{content: '' !important; opacity:1 !important; display:inline-block; width:10px !important; height:16px !important; background:url('/_img/web/pc/comn/next.png')no-repeat 50% 50%}
}

@media only screen and (min-width: 640px) and (max-width: 1300px) {
	#main_content:after	{display:none;}
	.section2 ul.quick		{padding:0}
	.section3				{position:relative; padding:80px 50px; margin:0 auto; display: flex; align-content: stretch; flex-direction: column; max-width:1400px;}
	.section3 .bq_area ul.quick			{display:table-cell; vertical-align:top; width:45%; padding-right: 30px;}
	.section3 .bq_area ul.quick li		{width:100%;}
	.section3 .bq_area					{width:100%; display:table; table-layout:fixed; margin-bottom: 35px;}
	
	.section3 .public					{width:100%; padding-left:0px; display:table;}
	.section3 .public .cover			{position:relative; height:100%; width:260px; display:table-cell; vertical-align:top;}

	.section4							{display:flex; padding:0 50px; margin:0 auto; max-width:1400px; flex-direction: column;}
	.section4 .left						{width:100%;}

 	.section4 .right					{width:100%; padding-left:0px; padding-top:60px;}
	.section4 .right ul.sys				{margin-top:5px; flex-direction: row; justify-content: space-between; display: flex; gap:50px;}
	.section4 .right ul.sys li			{float:left; border-bottom: 1px solid #ddd; width:50%; padding:20px 10px 9px;}
	.section4 .right ul.sys li:last-child	{margin-right:0px;}

	h2.tit.s			{margin:10px 0 0 10px;}

	#main_content .main_rel					{padding:90px 50px;}
	#main_content .main_rel	.rel_slick		{width:100%; padding:0 33px;}
}

/*------------ ta ------------*/
@media only screen and (min-width: 640px) and (max-width: 959px) {
.tablet		{display:block !important;}
.mobile		{display:none}
.web		{display:none}

	#main_content	{width:100%; position:relative; z-index:2;}

/* section1 */	
	.section1						{background:#e4f2fc; overflow:hidden;}
	.section1 .top_wrap				{width:100%;padding:30px 0 40px;display:flex;align-items: flex-start;position: relative;flex-direction: column;}

	/* 메인 좌측배너 */
	.section1 .top_wrap .left_wrap					{position:relative;width: 100%;padding: 0 30px;}

	.left_wrap  ul.slick-dots						{position:absolute; bottom:-22px; right:25px; display:flex;}
	.left_wrap  ul.slick-dots li					{margin-right:10px}
	.left_wrap  ul.slick-dots li button				{font-size:0; width:13px; height:13px; border-radius:10px; background:none; border:1px solid #1b4486; cursor:pointer;}
	.left_wrap  ul.slick-dots li.slick-active button	{background:#1b4486;}

	.left_wrap  p.controler					{position:absolute; bottom:-21px; right:38px;/* transform:translateX(-100%); */}
	.left_wrap  p.controler button			{display:none; width:12px; height:12px; font-size:0; cursor:pointer; border:none;}
	.left_wrap  p.controler button.on		{display:block !important;}
	.left_wrap  p.controler button.play		{background: url('/_img/web/mo/main/slick_playM.png') no-repeat 50% 50% / 10px; display:none;}
	.left_wrap  p.controler button.stop		{background: url('/_img/web/mo/main/slick_stopM.png') no-repeat 50% 50% / 10px;}
	.left_wrap  p.controlerM				{display:none;}

	.left_wrap .m_visual			{position:relative; width:100%;border-radius:10px;float: left;}
	.left_wrap .banner				{/* max-height:350px; */ display:block !important}
	.left_wrap .banner img			{border-radius:10px;}	
	.left_wrap .slick-arrow			{position:absolute; z-index:3; width:50px; height:50px; border-radius:50px; border:3px solid #fff; opacity:40%; transition:all 0.3s;}
	.left_wrap .slick-arrow:before	{display:none;}
	.left_wrap .slick-arrow:hover	{opacity:80%;}
	.left_wrap .slick-prev			{top:50%; left:5%; background:url('/_img/web/pc/main/vslick-prev.png') no-repeat 43% 50% !important;}
	.left_wrap .slick-next			{top:50%; right:5%; background:url('/_img/web/pc/main/vslick-next.png') no-repeat 57% 50% !important;}
	.left_wrap .slick-list			{border-radius:10px;}

	/* 메인 우측 주요사업 */
	.section1 .top_wrap .right_wrap					{width: 100%;padding: 0 0 0 30px;margin-top: 40px;}

	.right_wrap .tech_wrap							{white-space:nowrap; overflow-x:auto; width:100%; position:relative; margin:15px 0 0 10px; padding-right:120px; height:30px;}
	.right_wrap .tech_wrap ul.tech_tab				{text-align:left; z-index:1; position:relative;}
	.right_wrap .tech_wrap ul.tech_tab li			{position:relative;display:inline-block; text-align:center; padding-right:20px;}
	.right_wrap .tech_wrap ul.tech_tab li:before	{position:absolute; content:''; width:4px; height:4px; background:#c2d4e1; top:9px; left:-14px; border-radius:50px;}
	.right_wrap .tech_wrap ul.tech_tab li:first-child:before	{display:none;}
	.right_wrap .tech_wrap ul.tech_tab li:last-child			{padding-right:0;}
	.right_wrap .tech_wrap ul.tech_tab li a						{display:inline-block; font:400 19px/25px "Poppins", "Noto Sans KR", sans-serif; color:#6A89A4; position:relative; transition:all 0.3s;}
	.right_wrap .tech_wrap ul.tech_tab li a:hover,
	.right_wrap .tech_wrap ul.tech_tab li a:focus			{color:#113d85;}
	.right_wrap .tech_wrap ul.tech_tab li a.on				{display:inline-block; font:600 19px/25px "Poppins", "Noto Sans KR", sans-serif; color:#113d85; transition:all 0.2s;}

	.right_wrap .tech_wrap::-webkit-scrollbar								{width:auto; height:8px;}
	.right_wrap .tech_wrap::-webkit-scrollbar-track							{background-color:#f1f1f1; border-radius: 10px;}
	.right_wrap .tech_wrap::-webkit-scrollbar-thumb							{background-color:#c1c1c1; border-radius: 10px;}
	.right_wrap .tech_wrap::-webkit-scrollbar-thumb:hover					{background: #c1c1c1;}

	.right_wrap .news_wrap						{position:relative; width:100%;  min-height:335px; }
	.right_wrap	.newsList 						{margin-top:15px; position: relative;width: 100%;}
	.right_wrap	.newsList.newsList .tab			{width:190px;}
	.right_wrap	.newsList .tab a				{display:block; padding:22px 30px; font:500 19px/24px "Poppins", "Noto Sans KR", sans-serif; color:#fff;}
	.right_wrap	.newsList .tab a:hover,	
	.right_wrap	.newsList .tab a:focus				{color:#6FA417}
	.right_wrap	.newsList .tab a.on					{background:#6FA417; color:#fff;}

	.right_wrap	.newsList .news_slick					{z-index:1;/* position: absolute; */ display:none;}
	.right_wrap	.newsList .news_slick.on				{display:block;}
	.right_wrap	.newsList .news_slick .slick-list		{overflow:hidden;}
	.right_wrap	.newsList .news_slick .box 				{cursor:pointer; position:relative;  color:#222; height:280px;}
	.right_wrap	.newsList .news_slick .box a				{position:relative; display:block; width:100%; height:100%; padding:30px 30px 70px; border:1px solid #a6bada; background:#fff; border-radius: 5px;}
	.right_wrap	.newsList .news_slick .box a:hover:after,
	.right_wrap	.newsList .news_slick .box a:focus:after	{position:absolute; content:""; width: calc(100% - 3px); height: calc(100% - 5px); top:0px; left:0px; transition:all 0.3s; cursor:pointer; border:3px solid #1b4486; border-radius:5px; box-shadow:0px 0px 10px 6px rgba(0,0,0,0.1);}

	.right_wrap	.news_slick .box span				{display:block;}
	.right_wrap	.news_slick .box .cate				{font:500 16px/22px "Poppins", "Noto Sans KR", sans-serif; color:#6FA417;}
	.right_wrap	.news_slick .box .tit				{margin-top:20px; font:500 20px/28px "Poppins", "Noto Sans KR", sans-serif; color:#000; max-height:70px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.right_wrap	.news_slick .box .sub				{margin-top:11px; font:400 15px/22px "Poppins", "Noto Sans KR", sans-serif; color:#666; height:69px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
	.right_wrap	.news_slick .box .date				{position:absolute; bottom:32px; left:33px; z-index:2; font:400 15px/20px "Poppins", "Noto Sans KR", sans-serif; color:#757575}

	.right_wrap	.news_arr							{width:100%; height:20px; position:absolute; top: -43px; text-align: right; padding-right:40px;}
	.right_wrap	.news_arr button					{background:none; border:none; font-size:0; cursor:pointer; opacity:0.5; transition:.2s;}
	.right_wrap	.news_arr button:hover				{opacity:1}
	.right_wrap	.news_arr .prevArrow				{}
	.right_wrap	.news_arr .prevArrow:before			{content: '' !important; display:inline-block; width:10px !important; height:16px !important; background:url('/_img/web/mo/comn/prev.png')no-repeat 50% 50% / 10px}
	.right_wrap	.news_arr .nextArrow				{margin-left:25px;}
	.right_wrap	.news_arr .nextArrow:before			{content: '' !important; display:inline-block; width:10px !important; height:16px !important; background:url('/_img/web/mo/comn/next.png')no-repeat 50% 50% / 10px}
	
	.right_wrap	.news_slick .slick-prev				{left:calc(100% - 75px); top:-35px;}
	.right_wrap	.news_slick .slick-next				{right:25px;  top:-35px;}
	.right_wrap	.news_slick .slick-prev:before		{content: '' !important; display:inline-block; width:10px !important; height:16px !important; background:url('/_img/web/pc/comn/prev.png')no-repeat 50% 50%}
	.right_wrap	.news_slick .slick-next:before		{content: '' !important; display:inline-block; width:10px !important; height:16px !important; background:url('/_img/web/pc/comn/next.png')no-repeat 50% 50%}

	.right_wrap	.slick-prev:before,
	.right_wrap	.slick-next:before							{opacity: .5 !important; }
	.right_wrap	.slick-prev:focus:before, .slick-next:focus:before,
	.right_wrap	.slick-prev:hover:before, .slick-next:hover:before {opacity: 1 !important; }

 	.right_wrap	.newsList .slick-list .slick-slide	{width:300px; margin-right:20px;}

/* section2 */	
	.section2				{width:100%; border-bottom:1px solid #ddd; padding:25px 30px;}
	.section2 ul.quick		{display: flex; flex-wrap: wrap;}
	.section2 ul.quick li					{width:20%; text-align:center; word-break:keep-all;}
	.section2 ul.quick li a					{display:inline-block; font:500 16px/24px "Poppins", "Noto Sans KR", sans-serif; color:#666;  padding:60px 10px 0; transition:all .2s;}
	.section2 ul.quick li a:hover,
	.section2 ul.quick li a:focus			{color:#079ee2}

	.section2 ul.quick li:nth-child(n+6)	{margin-top:20px;}

	.section2 ul.quick li:first-child a		{background:url('/_img/web/mo/main/top_icon030.png') no-repeat center top / 54px;}
	.section2 ul.quick li:nth-child(2) a	{background:url('/_img/web/mo/main/top_icon04.png') no-repeat center top / 54px;}
	.section2 ul.quick li:nth-child(3) a	{background:url('/_img/web/mo/main/top_icon20.png') no-repeat center top / 54px;}
	.section2 ul.quick li:nth-child(4) a	{background:url('/_img/web/mo/main/top_icon02_2.png') no-repeat center top / 54px;}
	.section2 ul.quick li:nth-child(5) a	{background:url('/_img/web/mo/main/top_icon05.png') no-repeat center top / 54px;}
	.section2 ul.quick li:nth-child(6) a	{background:url('/_img/web/mo/main/top_icon12.png') no-repeat center top / 54px;}
	.section2 ul.quick li:nth-child(7) a	{background:url('/_img/web/mo/main/top_icon11.png') no-repeat center top / 54px;}
	.section2 ul.quick li:nth-child(8) a	{background:url('/_img/web/mo/main/top_icon09.png') no-repeat center top / 54px;}
	.section2 ul.quick li:nth-child(9) a	{background:url('/_img/web/mo/main/top_icon23.png') no-repeat center top / 52px;}
	.section2 ul.quick li:nth-child(10) a	{background:url('/_img/web/mo/main/top_icon08.png') no-repeat center top / 54px;}
	.section2 ul.quick li:nth-child(11) a	{background:url('/_img/web/mo/main/top_icon10_2.png') no-repeat center top / 54px;}
	.section2 ul.quick li:nth-child(12) a	{background:url('/_img/web/mo/main/top_icon08.png') no-repeat center top / 54px;}

	.section2 ul.quick li:first-child a:hover,
	.section2 ul.quick li:first-child a:focus	{background:url('/_img/web/mo/main/top_icon030_on.png') no-repeat center top / 54px; margin-top:-10px}
	.section2 ul.quick li:nth-child(2) a:hover,
	.section2 ul.quick li:nth-child(2) a:focus	{background:url('/_img/web/mo/main/top_icon04_on.png') no-repeat center top / 54px; margin-top:-10px}
	.section2 ul.quick li:nth-child(3) a:hover,
	.section2 ul.quick li:nth-child(3) a:focus	{background:url('/_img/web/mo/main/top_icon20_on.png') no-repeat center top / 54px; margin-top:-10px}
	.section2 ul.quick li:nth-child(4) a:hover,
	.section2 ul.quick li:nth-child(4) a:focus	{background:url('/_img/web/mo/main/top_icon02_2_on.png') no-repeat center top / 54px; margin-top:-10px}
	.section2 ul.quick li:nth-child(5) a:hover,
	.section2 ul.quick li:nth-child(5) a:focus	{background:url('/_img/web/mo/main/top_icon05_on.png') no-repeat center top / 54px; margin-top:-10px}
	.section2 ul.quick li:nth-child(6) a:hover,
	.section2 ul.quick li:nth-child(6) a:focus	{background:url('/_img/web/mo/main/top_icon12_on.png') no-repeat center top / 54px; margin-top:-10px}
	.section2 ul.quick li:nth-child(7) a:hover,
	.section2 ul.quick li:nth-child(7) a:focus	{background:url('/_img/web/mo/main/top_icon11_on.png') no-repeat center top / 54px; margin-top:-10px}
	.section2 ul.quick li:nth-child(8) a:hover,
	.section2 ul.quick li:nth-child(8) a:focus	{background:url('/_img/web/mo/main/top_icon09_on.png') no-repeat center top / 54px; margin-top:-10px}
	.section2 ul.quick li:nth-child(9) a:hover,
	.section2 ul.quick li:nth-child(9) a:focus	{background:url('/_img/web/mo/main/top_icon23_on.png') no-repeat center top / 52px; margin-top:-10px}
	.section2 ul.quick li:nth-child(10) a:hover,
	.section2 ul.quick li:nth-child(10) a:focus	{background:url('/_img/web/mo/main/top_icon08_on.png') no-repeat center top / 54px; margin-top:-10px}
	.section2 ul.quick li:nth-child(11) a:hover,
	.section2 ul.quick li:nth-child(11) a:focus	{background:url('/_img/web/mo/main/top_icon10_2_on.png') no-repeat center top / 54px; margin-top:-10px}
	.section2 ul.quick li:nth-child(12) a:hover,
	.section2 ul.quick li:nth-child(12) a:focus	{background:url('/_img/web/mo/main/top_icon08_on.png') no-repeat center top / 54px; margin-top:-10px}

/* section3 */
	.section3				{position:relative; padding:60px 30px; margin:0 auto; display: flex; align-content: stretch; flex-direction: column; max-width:1400px;}
	.section3:after			{position:absolute; content:''; top:105px; left:-150px; width:410px; height:674px; z-index:-1; background: url('/_img/web/pc/main/main_bg.png') no-repeat left 50px top; }

	/* 3개 퀵배너 */
	.section3 .bq_area ul.quick						{display:table-cell; vertical-align:top; width:45%; padding-right:20px;}
	.section3 .bq_area ul.quick li					{width:100%;}
	.section3 .bq_area ul.quick li:nth-child(2)		{margin:16px 0;}
	.section3 .bq_area ul.quick li a				{position:relative; display:block; padding:29px 30px; font:500 19px/19px "Poppins", "Noto Sans KR", sans-serif; color:#fff; border-radius: 5px;}
	.section3 .bq_area ul.quick li a:after			{content:url("/_img/web/pc/main/more_w.png"); position:absolute; top:50%; right:50px; margin-top:-9px; opacity:0; transition:0.5s}
	.section3 .bq_area ul.quick li a span			{display:block; margin-top:10px; font:400 16px/19px "Poppins", "Noto Sans KR", sans-serif; color:#fff}
	.section3 .bq_area ul.quick li a.mq01			{background:#097FAF  url('/_img/web/mo/main/mq01.png')no-repeat 101% 61% / 61px;}
	.section3 .bq_area ul.quick li a.mq02			{background:#097FAF  url('/_img/web/mo/main/mq02.png')no-repeat 104% 53% / 69px}
	.section3 .bq_area ul.quick li a.mq03			{background:#097FAF  url('/_img/web/mo/main/mq03.png')no-repeat 102% 57% / 57px}
	.section3 .bq_area ul.quick li a:hover,
	.section3 .bq_area ul.quick li a:focus			{background:#0d1833}
	.section3 .bq_area ul.quick li a:hover span,
	.section3 .bq_area ul.quick li a:focus span	{color:#fff;}
	.section3 .bq_area ul.quick li a:hover:after,
	.section3 .bq_area ul.quick li a:focus:after	{opacity:1; right:30px}

	/* 보도자료 */
	.section3 .bq_area				{width:100%; display:table; table-layout:fixed; margin-bottom: 35px;}
	.section3 .bq_area .notice		{display:table-cell; width:auto; vertical-align:top; position:relative; border: 1px solid #ddd; border-radius: 5px; padding: 25px;}
	.section3 .bq_area .notice ul.nlist						{margin-top:25px;}
	.section3 .bq_area .notice ul.nlist li					{border-bottom:1px solid #ddd; padding-bottom:7px; margin-bottom:7px;}
	.section3 .bq_area .notice ul.nlist li:last-child		{border:none; padding:0; margin:0;}
	.section3 .bq_area .notice ul.nlist li p.dot_list			{position:relative;}
	.section3 .bq_area .notice ul.nlist li p.dot_list:before	{content:''; position:absolute; top:9px; left:10px; width:5px; height:5px; background:#555; border-radius:50%;}
	.section3 .bq_area .notice ul.nlist li p.dot_list a.cont	{padding-left:30px;}
	.section3 .bq_area .notice ul.nlist li a.cont			{display:inline-block; font:400 18px/26px "Poppins", "Noto Sans KR", sans-serif; color:#333; vertical-align: middle; max-width: 90%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.section3 .bq_area .notice ul.nlist li a:hover			{color:#079ddc; text-decoration: underline;}
	.section3 .bq_area .notice ul.nlist li span.new			{display:inline-block; text-align:center; margin-right:5px; border-radius:3px; width:22px; height:22px; background:#235fc6; font:400 13px/21px "Poppins", "Noto Sans KR", sans-serif; color:#fff;}
	.section3 .bq_area .notice ul.nlist li span.data		{font:400 15px/15px "Poppins", "Noto Sans KR", sans-serif; color:#999; padding-left:29px;}
	.section3 .bq_area .notice ul.click li					{cursor: pointer;}

	.Main .tit a.more				{position:relative; padding-right:25px; font-size:0 }
	.Main .tit a.more::after		{display:block; content:''; position:absolute; top:0; right:0; width:20px; height:20px; background:url('/_img/web/mo/main/more.png')no-repeat 50% 50% / 17px; transition:0.5s;}	
	.Main .tit a.more:hover::after,
	.Main .tit a.more:focus::after		{transform:rotate(180deg);}

	/* 언론홍보 */
	.section3 .tit span				{float:left;}
	.section3 .tit a				{float:right}
	.section3 .public						{width:100%; padding-left:0px; display:table;}
	.section3 .public:before				{position:absolute; content:''; bottom:152px; right:32px; width:161px; height:124px; z-index:1; background: url('/_img/web/mo/main/main_bg_cha.png') no-repeat 50% 50% /160px;}
	.section3 .public .cover				{position:relative; height:100%; width:260px; display:table-cell; vertical-align:top;}
	.section3 .public .cover img.img		{height:100%; border: solid 1px #ddd; border-radius: 5px;}
	.section3 .public .cover a				{border-radius:5px; position:absolute; z-index:2; bottom:40px; left:290px; display:inline-block; overflow:hidden; width:200px; background:#0d1833; padding:22px 55px; font:500 16px/17px "Poppins","Noto Sans KR", sans-serif; color:#fff;}
	.section3 .public .cover a:after		{content:""; position:absolute; top:54%; right:50px; background:url("/_img/web/mo/main/news_arrow.png")no-repeat 50% 50%/10px; width:10px; height:11px;margin-top:-9px; transition:0.5s}
	.section3 .public .cover a img			{margin-left:12px; vertical-align:top;}
	.section3 .public .cover a:hover,
	.section3 .public .cover a:focus		{background:#079ddc;}
	.section3 .public .cover a:hover:after,
	.section3 .public .cover a:focus:after	{opacity:1; right:30px}
	.section3 .public .cont					{display:table-cell; width:auto; padding:0 24px 0 30px; color:#fff;  vertical-align:top;}
	.section3 .public .cont .tit			{overflow:hidden; margin-top:25px}
	.section3 .public .cont .tit a img		{transition:0.5s}
	.section3 .public .cont .tit a:hover img,
	.section3 .public .cont .tit a:focus img{transform:rotate(180deg);}
	.section3 .public .cont .name				{word-break: keep-all; margin-top:30px; font:400 18px/26px "Poppins", "Noto Sans KR", sans-serif; color:#000;}
	.section3 .public .cont .name span.txt_fix	{font:400 18px/23px "Poppins", "Noto Sans KR", sans-serif; padding-top:6px; display:block;}
	.section3 .public .cont .date			{margin-top:18px; font:400 16px/17px "Poppins","Noto Sans KR", sans-serif; color:#999; letter-spacing:0;}

	.Main h2.tit				{font:500 25px/25px "Poppins", "Noto Sans KR", sans-serif; color:#000; overflow: hidden; padding-bottom:0; text-align: left; text-align: left;}

/* section4 */
	.section4							{display:flex; padding:0 30px; flex-direction: column;}
	/* sns */
	.section4 .left									{width:100%;}
	.section4 .left	.main_sns						{display: flex; align-items: center;justify-content: space-between; margin: 0 10px 15px;}
	.section4 .left	.main_sns p.sns_btn				{}
	.section4 .left	.main_sns p.sns_btn a			{display:inline-block; border:1px solid #ccc; width:43px; height:43px; margin-right:5px; border-radius:50px; font-size:0px; vertical-align:middle;}
	.section4 .left	.main_sns p.sns_btn a.face		{background:url('/_img/web/mo/main/m_face.png')no-repeat 50% 50% / 11px;}
	.section4 .left	.main_sns p.sns_btn a.yout		{background:url('/_img/web/mo/main/m_yout.png')no-repeat 50% 50% / 24px;}
	.section4 .left	.main_sns p.sns_btn a.blog		{background:url('/_img/web/mo/main/m_blog.png')no-repeat 55% 50% / 16px;}
	.section4 .left	.main_sns p.sns_btn a.inst		{background:url('/_img/web/mo/main/m_inst.png')no-repeat 55% 50% / 22px;}
	.section4 .left	.main_sns p.sns_btn a.face:hover,
	.section4 .left	.main_sns p.sns_btn a.face:focus	{background:url('/_img/web/mo/main/m_face_on.png')no-repeat 50% 50% / 11px; border:1px solid #4867aa;}
	.section4 .left	.main_sns p.sns_btn a.yout:hover,
	.section4 .left	.main_sns p.sns_btn a.yout:focus	{background:url('/_img/web/mo/main/m_yout_on.png')no-repeat 50% 50% / 24px; border:1px solid #ff0000}
	.section4 .left	.main_sns p.sns_btn a.blog:hover,
	.section4 .left	.main_sns p.sns_btn a.blog:focus	{background:url('/_img/web/mo/main/m_blog_on.png')no-repeat 55% 50% / 16px; border:1px solid #00c73c}
	.section4 .left	.main_sns p.sns_btn a.inst:hover,
	.section4 .left	.main_sns p.sns_btn a.inst:focus	{background:url('/_img/web/mo/main/m_inst_on.png')no-repeat 55% 50% / 22px; border:1px solid #e62b85}

	.section4 .left ul.sns							{display:flex;}
	.section4 .left ul.sns li						{width:33%; margin-right:2%;}
	.section4 .left ul.sns li:last-child			{margin:0;}
	.section4 .left ul.sns li a						{display:block; overflow:hidden; border-radius:5px; position:relative; transition:all .2s;}
	.section4 .left ul.sns li a:hover:after,
	.section4 .left ul.sns li a:focus:after			{content:""; position:absolute; top:-1px; left:-1px; z-index:2; width:calc(100% - 6px); height:calc(100% - 6px); border-radius:6px;}
	.section4 .left ul.sns li a:hover p.txt,	
	.section4 .left ul.sns li a:focus p.txt		{text-decoration:underline;}

	.section4 .left ul.sns li.face a:hover:after,
	.section4 .left ul.sns li.face a:focus:after	{border:4px solid #003365;}
	.section4 .left ul.sns li.yout a:hover:after,
	.section4 .left ul.sns li.yout a:focus:after	{border:4px solid #ff0000;}
	.section4 .left ul.sns li.blog a:hover:after,
	.section4 .left ul.sns li.blog a:focus:after	{border:4px solid #00c73c;}
	.section4 .left	ul.sns li.inst a:hover:after,
	.section4 .left	ul.sns li.inst a:focus:after	{border:4px solid #e62b85}

	.section4 .left ul.sns li a .img 				{position:relative; background:#f2f2f2; overflow: hidden; border-radius: 5px; border: 1px solid #ddd;}
	.section4 .left ul.sns li a .img span			{display:inline-block; position:absolute; width:32px; height:32px; right:12px; top:12px; border-radius:50%; font-size:0;}
	.section4 .left ul.sns li a .img span.face		{background:url('/_img/web/mo/comn/face.png') no-repeat 50% 50%/100%;}
	.section4 .left ul.sns li a .img span.yout		{background:url('/_img/web/mo/comn/yout.png') no-repeat 50% 50%/100%;}
	.section4 .left ul.sns li a .img span.blog		{background:url('/_img/web/mo/comn/blog.png') no-repeat 50% 50%/100%;}
	.section4 .left ul.sns li a .img span.inst		{background:url('/_img/web/mo/comn/inst.png') no-repeat 50% 50%/100%;}
	
	.section4 .left ul.sns li a .txt				{margin:10px 10px 20px 10px; font:500 17px/24px "Poppins", "Noto Sans KR", sans-serif; color:#333; height:45px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

	/* 시스템교육안내 */
 	.section4 .right					{width:100%; padding-top:40px;}
	.section4 .right ul.sys				{width:100%; margin-top:5px;}
	.section4 .right ul.sys li			{border-bottom: 1px solid #ddd; width:50%; padding:20px 10px 9px;}
	.section4 .right ul.sys li a					{display:block; position:relative;font:400 19px/25px "Poppins","Noto Sans KR", sans-serif; color:#333; transition:all .2s; padding: 10px 0px;}
	.section4 .right ul.sys li:first-child a	{background:url('/_img/web/mo/main/sys_icon01.png') no-repeat center right 0px / 62px;}
	.section4 .right ul.sys li:nth-child(2) a	{background:url('/_img/web/mo/main/sys_icon02.png') no-repeat center right 0px / 68px;}
	.section4 .right ul.sys li:nth-child(3) a	{background:url('/_img/web/mo/main/sys_icon03.png') no-repeat center right 0px / 47px;}

	.section4 .right ul.sys li a:hover,
	.section4 .right ul.sys li a:focus				{color:#079ddc;}
	.section4 .right ul.sys li:first-child a:hover,
	.section4 .right ul.sys li:first-child a:focus	{background:url('/_img/web/mo/main/sys_icon01.png') no-repeat center right 20px / 62px;}
	.section4 .right ul.sys li:nth-child(2) a:hover,
	.section4 .right ul.sys li:nth-child(2) a:focus	{background:url('/_img/web/mo/main/sys_icon02.png') no-repeat center right 20px / 68px;}
	.section4 .right ul.sys li:nth-child(3) a:hover,
	.section4 .right ul.sys li:nth-child(3) a:focus	{background:url('/_img/web/mo/main/sys_icon03.png') no-repeat center right 20px / 47px;}

	h2.tit.s			{margin:10px 0 0 10px;}

	/*** 유관기관 ***/
	#main_content .main_rel								{width:100%; overflow:hidden; padding:70px 25px; box-sizing:border-box; margin: 0 auto;}
	#main_content .main_rel	.rel_slick					{width:100%; padding:0 34px;}
	#main_content .main_rel .slick-list					{ overflow:hidden;}
	#main_content .main_rel	.rel_slick .slick-slide		{margin:0 2px;}
	#main_content .main_rel	.rel_slick .slick-slide div	{padding: 0 2px;}
	#main_content .main_rel	.rel_slick div.site			{display:table !important; height:60px; border:1px solid #ddd;}
	#main_content .main_rel	.rel_slick div.site a		{display:table-cell; width:100%; vertical-align:middle;}
	#main_content .main_rel	.rel_slick div.site a img	{max-width:80%; max-height:50px; margin: 0 auto;}

	.main_rel .slick-prev			{left:0px !important;}
	.main_rel .slick-prev:before	{content: '' !important; opacity:1 !important; display:inline-block; width:12px !important; height:19px !important; background:url('/_img/web/mo/comn/prev.png')no-repeat 50% 50%/12px}
	.main_rel .slick-next			{right:0px !important}
	.main_rel .slick-next:before	{content: '' !important; opacity:1 !important; display:inline-block; width:12px !important; height:19px !important; background:url('/_img/web/mo/comn/next.png')no-repeat 50% 50%/12px}
}

/*------------ mo ------------*/
@media only screen and (max-width: 639px) {	

.mobile		{display:block !important;}
.tablet		{display:none}
.web		{display:none}

	#main_content	{width:100%; position:relative; z-index:2;}

/* section1 */	
	.section1						{background:#e4f2fc; overflow:hidden;}
	.section1 .top_wrap				{width:100%; padding:20px 0px; display:flex;align-items: flex-start;position: relative;flex-direction: column;}

	/* 메인 좌측배너 */
	.section1 .top_wrap .left_wrap					{position:relative;width: 100%;padding: 0 15px;}

	.left_wrap  ul.slick-dots						{position:absolute; bottom:-22px; right:25px; display:flex;}
	.left_wrap  ul.slick-dots li					{margin-right:10px}
	.left_wrap  ul.slick-dots li button				{font-size:0; width:13px; height:13px; border-radius:10px; background:none; border:1px solid #1b4486; cursor:pointer;}
	.left_wrap  ul.slick-dots li.slick-active button	{background:#1b4486;}

	.left_wrap  p.controler					{position:absolute; bottom:-21px; right:25px;/* transform:translateX(-100%); */}
	.left_wrap  p.controler button			{display:none; width:12px; height:12px; font-size:0; cursor:pointer; border:none;}
	.left_wrap  p.controler button.on		{display:block !important;}
	.left_wrap  p.controler button.play		{background: url('/_img/web/mo/main/slick_playM.png') no-repeat 50% 50% / 10px; display:none;}
	.left_wrap  p.controler button.stop		{background: url('/_img/web/mo/main/slick_stopM.png') no-repeat 50% 50% / 10px;}
	.left_wrap  p.controlerM				{display:none;}

	.left_wrap .m_visual			{position:relative; width:100%;border-radius:10px;float: left;}
	.left_wrap .banner				{max-height:350px;  display:block !important;}
	.left_wrap .banner img			{border-radius:10px;}	
	.left_wrap .slick-list			{border-radius:10px;}

	/* 메인 우측 주요사업 */
	.section1 .top_wrap .right_wrap					{width: 100%;padding: 0 0 0 15px;margin-top: 40px;}

	.right_wrap .tech_wrap							{white-space:nowrap;overflow-x:auto;width:100%;position:relative;margin: 0 0 0 10px;}
	.right_wrap .tech_wrap ul.tech_tab				{text-align:left; z-index:1; position:relative;}
	.right_wrap .tech_wrap ul.tech_tab li			{position:relative;display:inline-block; text-align:center; padding-right:20px;}
	.right_wrap .tech_wrap ul.tech_tab li:before	{position:absolute; content:''; width:4px; height:4px; background:#c2d4e1; top:9px; left:-14px; border-radius:50px;}
	.right_wrap .tech_wrap ul.tech_tab li:first-child:before	{display:none;}
	.right_wrap .tech_wrap ul.tech_tab li a						{display:inline-block; font:400 16px/20px "Poppins", "Noto Sans KR", sans-serif; color:#6A89A4; position:relative; transition:all 0.3s;}
	.right_wrap .tech_wrap ul.tech_tab li a:hover,
	.right_wrap .tech_wrap ul.tech_tab li a:focus			{color:#113d85;}
	.right_wrap .tech_wrap ul.tech_tab li a.on				{display:inline-block; font:600 16px/20px "Poppins", "Noto Sans KR", sans-serif; color:#113d85; transition:all 0.2s;}

	.right_wrap .tech_wrap::-webkit-scrollbar								{width:auto; height:3px;}
	.right_wrap .tech_wrap::-webkit-scrollbar-track							{background-color:#f1f1f1; border-radius: 10px;}
	.right_wrap .tech_wrap::-webkit-scrollbar-thumb							{background-color:#c1c1c1; border-radius: 10px;}
	.right_wrap .tech_wrap::-webkit-scrollbar-thumb:hover					{background: #c1c1c1;}

	.right_wrap .news_wrap						{position:relative;width:100%; min-height:273px;}
	.right_wrap	.newsList 						{margin-top:15px; position: relative;width: 100%;}
	.right_wrap	.newsList.newsList .tab			{width:190px;}
	.right_wrap	.newsList .tab a				{display:block; padding:22px 30px; font:500 19px/24px "Poppins", "Noto Sans KR", sans-serif; color:#fff;}
	.right_wrap	.newsList .tab a:hover,	
	.right_wrap	.newsList .tab a:focus				{color:#6FA417}
	.right_wrap	.newsList .tab a.on					{background:#6FA417; color:#fff;}

	.right_wrap	.newsList .news_slick					{z-index:1; display:none;}
	.right_wrap	.newsList .news_slick.on				{display:block;}
	.right_wrap	.newsList .news_slick .slick-list		{overflow:hidden;}
	.right_wrap	.newsList .news_slick .box 				{cursor:pointer;position:relative;color:#222; height:230px;}
	.right_wrap	.newsList .news_slick .box a				{position:relative; display:block; width:100%; height:100%; padding: 20px 20px 50px; border:1px solid #a6bada; background:#fff;border-radius: 5px;}
	.right_wrap	.newsList .news_slick .box a:hover:after,
	.right_wrap	.newsList .news_slick .box a:focus:after	{position:absolute; content:""; width: calc(100% - 3px); height: calc(100% - 5px); top:0px; left:0px; transition:all 0.3s; cursor:pointer; border:3px solid #1b4486; border-radius:5px; box-shadow:0px 0px 10px 6px rgba(0,0,0,0.1);}

	.right_wrap	.news_slick .box span				{display:block;}
	.right_wrap	.news_slick .box .cate				{font: 500 15px/20px "Poppins", "Noto Sans KR", sans-serif;color:#6FA417;}
	.right_wrap	.news_slick .box .tit				{margin-top: 10px;font: 500 17px/25px "Poppins", "Noto Sans KR", sans-serif;color:#000;max-height:70px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.right_wrap	.news_slick .box .sub				{margin-top: 10px;font: 400 15px/21px "Poppins", "Noto Sans KR", sans-serif;color:#666;height:65px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
	.right_wrap	.news_slick .box .date				{position:absolute;bottom: 24px;left: 22px;z-index:2;font:400 15px/20px "Poppins", "Noto Sans KR", sans-serif;color:#757575}

	.right_wrap	.news_arr							{display:none;}

	.right_wrap	.slick-prev:before,
	.right_wrap	.slick-next:before							{opacity: .5 !important; }
	.right_wrap	.slick-prev:focus:before, .slick-next:focus:before,
	.right_wrap	.slick-prev:hover:before, .slick-next:hover:before {opacity: 1 !important; }

	.right_wrap	.news_slick .slick-prev,
	.right_wrap	.news_slick .slick-next				{display:none !important;}
	.right_wrap	.news_slick .slick-prev				{left:calc(100% - 70px); top:-25px;}
	.right_wrap	.news_slick .slick-next				{right:20px;  top:-25px;}
	.right_wrap	.news_slick .slick-prev:before		{content: '' !important; display:inline-block; width:10px !important; height:16px !important; background:url('/_img/web/mo/comn/prev.png')no-repeat 50% 50%/10px;}
	.right_wrap	.news_slick .slick-next:before		{content: '' !important; display:inline-block; width:10px !important; height:16px !important; background:url('/_img/web/mo/comn/next.png')no-repeat 50% 50%/10px}

 	.right_wrap	.newsList .slick-list .slick-slide	{width:220px; margin-right:10px;}

/* section2 */	
	.section2				{width:100%; padding:25px 15px;}
	.section2 ul.quick		{display: flex; flex-wrap: wrap;}
	.section2 ul.quick li					{width:25%; text-align:center; word-break:keep-all;}
	.section2 ul.quick li a					{display:inline-block; font:500 14px/20px "Poppins", "Noto Sans KR", sans-serif; color:#666;  padding:52px 4px 0; transition:all .2s; min-width: 50px;}
	.section2 ul.quick li a:hover,
	.section2 ul.quick li a:focus			{color:#079ee2}

	.section2 ul.quick li:nth-child(n+5)	{margin-top:20px;}

	.section2 ul.quick li:first-child a		{background:url('/_img/web/mo/main/top_icon030.png') no-repeat center top / 50px;}
	.section2 ul.quick li:nth-child(2) a	{background:url('/_img/web/mo/main/top_icon04.png') no-repeat center top / 50px;}
	.section2 ul.quick li:nth-child(3) a	{background:url('/_img/web/mo/main/top_icon20.png') no-repeat center top / 50px;}
	.section2 ul.quick li:nth-child(4) a	{background:url('/_img/web/mo/main/top_icon02_2.png') no-repeat center top / 50px;}
	.section2 ul.quick li:nth-child(5) a	{background:url('/_img/web/mo/main/top_icon05.png') no-repeat center top / 50px;}
	.section2 ul.quick li:nth-child(6) a	{background:url('/_img/web/mo/main/top_icon12.png') no-repeat center top / 50px;}
	.section2 ul.quick li:nth-child(7) a	{background:url('/_img/web/mo/main/top_icon060.png') no-repeat center top / 50px;}
	.section2 ul.quick li:nth-child(8) a	{background:url('/_img/web/mo/main/top_icon09.png') no-repeat center top / 50px;}
	.section2 ul.quick li:nth-child(9) a	{background:url('/_img/web/mo/main/top_icon23.png') no-repeat center top / 50px;}
	.section2 ul.quick li:nth-child(10) a	{background:url('/_img/web/mo/main/top_icon08.png') no-repeat center top / 50px;}
	.section2 ul.quick li:nth-child(11) a	{background:url('/_img/web/mo/main/top_icon10_2.png') no-repeat center top / 50px;}
	.section2 ul.quick li:nth-child(12) a	{background:url('/_img/web/mo/main/top_icon08.png') no-repeat center top / 50px;}

	.section2 ul.quick li:first-child a:hover,
	.section2 ul.quick li:first-child a:focus	{background:url('/_img/web/mo/main/top_icon030_on.png') no-repeat center top / 50px;}
	.section2 ul.quick li:nth-child(2) a:hover,
	.section2 ul.quick li:nth-child(2) a:focus	{background:url('/_img/web/mo/main/top_icon04_on.png') no-repeat center top / 50px;}
	.section2 ul.quick li:nth-child(3) a:hover,
	.section2 ul.quick li:nth-child(3) a:focus	{background:url('/_img/web/mo/main/top_icon20_on.png') no-repeat center top / 50px;}
	.section2 ul.quick li:nth-child(4) a:hover,
	.section2 ul.quick li:nth-child(4) a:focus	{background:url('/_img/web/mo/main/top_icon02_2_on.png') no-repeat center top / 50px;}
	.section2 ul.quick li:nth-child(5) a:hover,
	.section2 ul.quick li:nth-child(5) a:focus	{background:url('/_img/web/mo/main/top_icon05_on.png') no-repeat center top / 50px;}
	.section2 ul.quick li:nth-child(6) a:hover,
	.section2 ul.quick li:nth-child(6) a:focus	{background:url('/_img/web/mo/main/top_icon12_on.png') no-repeat center top / 50px;}
	.section2 ul.quick li:nth-child(7) a:hover,
	.section2 ul.quick li:nth-child(7) a:focus	{background:url('/_img/web/mo/main/top_icon060_on.png') no-repeat center top / 50px;}
	.section2 ul.quick li:nth-child(8) a:hover,
	.section2 ul.quick li:nth-child(8) a:focus	{background:url('/_img/web/mo/main/top_icon09_on.png') no-repeat center top / 50px;}
	.section2 ul.quick li:nth-child(9) a:hover,
	.section2 ul.quick li:nth-child(9) a:focus	{background:url('/_img/web/mo/main/top_icon23_on.png') no-repeat center top / 50px;}
	.section2 ul.quick li:nth-child(10) a:hover,
	.section2 ul.quick li:nth-child(10) a:focus	{background:url('/_img/web/mo/main/top_icon08_on.png') no-repeat center top / 50px;}
	.section2 ul.quick li:nth-child(11) a:hover,
	.section2 ul.quick li:nth-child(11) a:focus	{background:url('/_img/web/mo/main/top_icon10_2_on.png') no-repeat center top / 50px;}
	.section2 ul.quick li:nth-child(12) a:hover,
	.section2 ul.quick li:nth-child(12) a:focus	{background:url('/_img/web/mo/main/top_icon08_on.png') no-repeat center top / 50px;}

/* section3 */
	.section3				{position:relative;padding: 0px 15px;margin:0 auto;display: flex;align-content: stretch;flex-direction: column;/* max-width:1400px; */}

	/* 3개 퀵배너 */
	.section3 .bq_area ul.quick						{order: 1;/* display:table-cell; *//* vertical-align:top; */width: 100%;/* padding-right:20px; */}
	.section3 .bq_area ul.quick li					{width:100%;}
	.section3 .bq_area ul.quick li:nth-child(2)		{margin: 8px 0;}
	.section3 .bq_area ul.quick li a				{position:relative; display:block; padding:16px 22px; font:500 17px/17px "Poppins", "Noto Sans KR", sans-serif;color:#fff;border-radius: 5px;}
	.section3 .bq_area ul.quick li a:after			{content:url("/_img/web/pc/main/more_w.png"); position:absolute; top:50%; right:50px; margin-top:-9px; opacity:0; transition:0.5s}
	.section3 .bq_area ul.quick li a span			{display:block; margin-top:7px; font:400 14px/14px "Poppins", "Noto Sans KR", sans-serif; color:#fff}
	.section3 .bq_area ul.quick li a.mq01			{background:#097FAF url('/_img/web/mo/main/mq01.png')no-repeat 101% 61% / 47px;}
	.section3 .bq_area ul.quick li a.mq02			{background:#097FAF url('/_img/web/mo/main/mq02.png')no-repeat 105% 53% / 62px}
	.section3 .bq_area ul.quick li a.mq03			{background:#097FAF url('/_img/web/mo/main/mq03.png')no-repeat 102% 57% / 49px}
	.section3 .bq_area ul.quick li a:hover,
	.section3 .bq_area ul.quick li a:focus			{background:#0d1833}
	.section3 .bq_area ul.quick li a:hover span,
	.section3 .bq_area ul.quick li a:focus span	{color:#fff;}
	.section3 .bq_area ul.quick li a:hover:after,
	.section3 .bq_area ul.quick li a:focus:after	{opacity:1; right:30px}

	/* 보도자료 */
	.section3 .bq_area				{width:100%;display: flex;/* table-layout:fixed; */margin-bottom: 35px;flex-direction: column;}
	.section3 .bq_area .notice		{/* display:table-cell; */width: 100%;vertical-align:top;position:relative;border: 1px solid #ddd;border-radius: 5px;padding: 20px 20px 15px;/* order: 1; */margin-bottom:35px;background: #fff;}
	.section3 .bq_area .notice ul.nlist						{margin-top:15px;}
	.section3 .bq_area .notice ul.nlist li					{border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:5px;}
	.section3 .bq_area .notice ul.nlist li:last-child		{border:none; padding:0; margin:0;}
	.section3 .bq_area .notice ul.nlist li p.dot_list			{position:relative;}
	.section3 .bq_area .notice ul.nlist li p.dot_list:before	{content:''; position:absolute; top:9px; left:10px; width:5px; height:5px; background:#555; border-radius:50%;}
	.section3 .bq_area .notice ul.nlist li p.dot_list a.cont	{padding-left:30px;}
	.section3 .bq_area .notice ul.nlist li a.cont			{display:inline-block; font:400 16px/24px "Poppins", "Noto Sans KR", sans-serif; color:#333; vertical-align: middle; max-width: 90%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.section3 .bq_area .notice ul.nlist li a:hover			{color:#079ddc; text-decoration: underline;}
	.section3 .bq_area .notice ul.nlist li span.new			{display:inline-block; text-align:center; margin-right:5px; border-radius:3px; width:22px; height:22px; background:#235fc6; font:400 13px/21px "Poppins", "Noto Sans KR", sans-serif; color:#fff;}
	.section3 .bq_area .notice ul.nlist li span.data		{font:400 15px/15px "Poppins", "Noto Sans KR", sans-serif; color:#888; padding-left:29px;}
	.section3 .bq_area .notice ul.click li					{cursor: pointer;}

	.Main .tit a.more				{position:relative; padding-right:25px; font-size:0 }
	.Main .tit a.more::after		{display:block; content:''; position:absolute; top:0; right:0; width:20px; height:20px; background:url('/_img/web/mo/main/more.png')no-repeat 50% 50% / 17px; transition:0.5s;}	
	.Main .tit a.more:hover::after,
	.Main .tit a.more:focus::after		{transform:rotate(180deg);}

	/* 언론홍보 */
	.section3 .tit span				{float:left;}
	.section3 .tit a				{float:right}
	.section3 .public						{width:100%; display:table;}
	.section3 .public .cover				{position:relative; display:table-cell; width:45%; min-width:140px; vertical-align:top;}
	.section3 .public .cover img.img		{width:100%;  border: solid 1px #ddd; border-radius: 5px;}
	.section3 .public .cover a				{position:absolute; z-index:2; bottom:-15px; margin-left:-20%; display:inline-block; overflow:hidden; width:180px; background:#0d1833; border-radius: 5px; padding:15px 45px; font:500 15px/17px "Open Sans","Noto Sans KR", sans-serif; color:#fff;}
	.section3 .public .cover a:after		{content:""; position:absolute; top:56%; right:50px; background:url("/_img/web/mo/main/news_arrow.png")no-repeat 50% 50%/10px; width:10px; height:11px;margin-top:-9px; transition:0.5s}
	.section3 .public .cover a img			{margin-left:12px; vertical-align:top;}
	.section3 .public .cover a:hover,
	.section3 .public .cover a:focus		{background:#079ddc;}
	.section3 .public .cover a:hover:after,
	.section3 .public .cover a:focus:after	{opacity:1; right:30px}

	.section3 .public .cont					{display:table-cell; width:auto; color:#fff; padding-left:15px; vertical-align:top;}
	.section3 .public .cont .tit			{overflow:hidden; margin-top:5px}
	.section3 .public .cont .tit span		{float:left; font:500 20px/24px "Open Sans", "Noto Sans KR", sans-serif; color:#000;}
	.section3 .public .cont .tit a			{float:right;}
	.section3 .public .cont .tit a img		{transition:0.5s}
	.section3 .public .cont .tit a:hover img,
	.section3 .public .cont .tit a:focus img{transform:rotate(180deg);}
	.section3 .public .cont .name				{margin-top:10px; font:400 16px/24px "Open Sans", "Noto Sans KR", sans-serif; color:#000; letter-spacing:-0.5px;}
	.section3 .public .cont .name span.txt_fix	{font:400 16px/23px "Poppins", "Noto Sans KR", sans-serif; display:block;}
	.section3 .public .cont .date	{margin-top:15px; font:400 15px/17px "Open Sans","Noto Sans KR", sans-serif; color:#999; letter-spacing:0;}

	.Main h2.tit				{font:500 20px/25px "Poppins", "Noto Sans KR", sans-serif; color:#000; overflow: hidden; padding-bottom:0; text-align: left;}

/* section4 */
	.section4							{display:flex; padding:45px 15px 0; flex-direction: column;}
	/* sns */
	.section4 .left									{width:100%; order:1}
	.section4 .left	.main_sns						{display: flex; align-items: center;justify-content: space-between; margin: 0 10px 10px;}
	.section4 .left	.main_sns p.sns_btn				{}
	.section4 .left	.main_sns p.sns_btn a			{display:inline-block; border:1px solid #ccc; width:37px; height:37px; margin-right:5px; border-radius:50px; font-size:0px; vertical-align:middle;}
	.section4 .left	.main_sns p.sns_btn a.face		{background:url('/_img/web/mo/main/m_face.png')no-repeat 50% 50% / 11px;}
	.section4 .left	.main_sns p.sns_btn a.yout		{background:url('/_img/web/mo/main/m_yout.png')no-repeat 50% 50% / 24px;}
	.section4 .left	.main_sns p.sns_btn a.blog		{background:url('/_img/web/mo/main/m_blog.png')no-repeat 55% 50% / 16px;}
	.section4 .left	.main_sns p.sns_btn a.inst		{background:url('/_img/web/mo/main/m_inst.png')no-repeat 55% 50% / 22px;}
	.section4 .left	.main_sns p.sns_btn a.face:hover,
	.section4 .left	.main_sns p.sns_btn a.face:focus	{background:url('/_img/web/mo/main/m_face_on.png')no-repeat 50% 50% / 11px; border:1px solid #4867aa;}
	.section4 .left	.main_sns p.sns_btn a.yout:hover,
	.section4 .left	.main_sns p.sns_btn a.yout:focus	{background:url('/_img/web/mo/main/m_yout_on.png')no-repeat 50% 50% / 24px; border:1px solid #ff0000}
	.section4 .left	.main_sns p.sns_btn a.blog:hover,
	.section4 .left	.main_sns p.sns_btn a.blog:focus	{background:url('/_img/web/mo/main/m_blog_on.png')no-repeat 55% 50% / 16px; border:1px solid #00c73c}
	.section4 .left	.main_sns p.sns_btn a.inst:hover,
	.section4 .left	.main_sns p.sns_btn a.inst:focus	{background:url('/_img/web/mo/main/m_inst_on.png')no-repeat 55% 50% / 22px; border:1px solid #e62b85}

	.section4 .left ul.sns							{display:flex;}
	.section4 .left ul.sns li						{width:49%; margin-right:1%;}
	.section4 .left ul.sns li:nth-child(n+3)		{display:none;}
	.section4 .left ul.sns li:nth-child(2n)			{margin:0;}
	.section4 .left ul.sns li a						{display:block; overflow:hidden; border-radius:5px; position:relative; transition:all .2s;}
	.section4 .left ul.sns li a:hover:after,
	.section4 .left ul.sns li a:focus:after			{content:""; position:absolute; top:-1px; left:-1px; z-index:2; width:calc(100% - 6px); height:calc(100% - 6px); border-radius:6px;}
	.section4 .left ul.sns li a:hover p.txt,	
	.section4 .left ul.sns li a:focus p.txt		{text-decoration:underline;}

	.section4 .left ul.sns li.face a:hover:after,
	.section4 .left ul.sns li.face a:focus:after	{border:4px solid #003365;}
	.section4 .left ul.sns li.yout a:hover:after,
	.section4 .left ul.sns li.yout a:focus:after	{border:4px solid #ff0000;}
	.section4 .left ul.sns li.blog a:hover:after,
	.section4 .left ul.sns li.blog a:focus:after	{border:4px solid #00c73c;}
	.section4 .left	ul.sns li.inst a:hover:after,
	.section4 .left	ul.sns li.inst a:focus:after	{border:4px solid #e62b85}

	.section4 .left ul.sns li a .img 				{position:relative; background:#f2f2f2; overflow: hidden; border-radius: 5px; border: 1px solid #ddd;}
	.section4 .left ul.sns li a .img span			{display:inline-block; position:absolute; width:32px; height:32px; right:8px; top:8px; border-radius:50%; font-size:0;}
	.section4 .left ul.sns li a .img span.face		{background:url('/_img/web/mo/comn/face.png') no-repeat 50% 50%/100%;}
	.section4 .left ul.sns li a .img span.yout		{background:url('/_img/web/mo/comn/yout.png') no-repeat 50% 50%/100%;}
	.section4 .left ul.sns li a .img span.blog		{background:url('/_img/web/mo/comn/blog.png') no-repeat 50% 50%/100%;}
	.section4 .left ul.sns li a .img span.inst		{background:url('/_img/web/mo/comn/inst.png') no-repeat 50% 50%/100%;}
	
	.section4 .left ul.sns li a .txt				{margin:5px 5px 10px 5px; font:500 16px/24px "Poppins", "Noto Sans KR", sans-serif; color:#333; height:45px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

	/* 시스템교육안내 */
 	.section4 .right					{width:100%; /* padding-top:20px; */margin-bottom: 35px;}
	.section4 .right ul.sys				{width:100%;}
	.section4 .right ul.sys li			{float:left; border-bottom: 1px solid #ddd; width:100%; padding:7px 7px 7px 11px;}
	.section4 .right ul.sys li a				{display:block; position:relative;font:400 17px/22px "Poppins","Noto Sans KR", sans-serif; color:#333; transition:all .2s; padding: 15px 0px;}
	.section4 .right ul.sys li:first-child a	{background:url('/_img/web/mo/main/sys_icon01.png') no-repeat center right 9px / 55px;}
	.section4 .right ul.sys li:nth-child(2) a	{background:url('/_img/web/mo/main/sys_icon02.png') no-repeat center right 9px / 55px;}
	.section4 .right ul.sys li:nth-child(3) a	{background:url('/_img/web/mo/main/sys_icon03.png') no-repeat center right 17px / 37px;}

	.section4 .right ul.sys li a:hover,
	.section4 .right ul.sys li a:focus				{color:#079ddc;}
	.section4 .right ul.sys li:first-child a:hover,
	.section4 .right ul.sys li:first-child a:focus	{background:url('/_img/web/mo/main/sys_icon01.png') no-repeat center right 9px / 55px;}
	.section4 .right ul.sys li:nth-child(2) a:hover,
	.section4 .right ul.sys li:nth-child(2) a:focus	{background:url('/_img/web/mo/main/sys_icon02.png') no-repeat center right 9px / 55px;}
	.section4 .right ul.sys li:nth-child(3) a:hover,
	.section4 .right ul.sys li:nth-child(3) a:focus	{background:url('/_img/web/mo/main/sys_icon03.png') no-repeat center right 17px / 37px;}

	h2.tit.s			{margin:10px 0 0 10px;}

/*** 유관기관 ***/
	#main_content .main_rel								{width:100%; overflow:hidden; padding:40px 5px; box-sizing:border-box; margin: 0 auto;}
	#main_content .main_rel	.rel_slick					{width:100%; padding:0 20px;}
	#main_content .main_rel .slick-list					{ overflow:hidden;}
	#main_content .main_rel	.rel_slick .slick-slide		{margin:0 2px;}
	#main_content .main_rel	.rel_slick .slick-slide div	{padding: 0 2px;}
	#main_content .main_rel	.rel_slick div.site			{display:table !important; height:40px; border:1px solid #ddd;}
	#main_content .main_rel	.rel_slick div.site a		{display:table-cell; width:100%; vertical-align:middle;}
	#main_content .main_rel	.rel_slick div.site a img	{max-width:80%; max-height:30px; margin: 0 auto;}

	.main_rel .slick-prev			{left:0px !important;}
	.main_rel .slick-prev:before	{content: '' !important; opacity:1 !important; display:inline-block; width:12px !important; height:19px !important; background:url('/_img/web/mo/comn/prev.png')no-repeat 50% 50%/8px;}
	.main_rel .slick-next			{right:0px !important}
	.main_rel .slick-next:before	{content: '' !important; opacity:1 !important; display:inline-block; width:12px !important; height:19px !important; background:url('/_img/web/mo/comn/next.png')no-repeat 50% 50%/8px;}
}