@charset "utf-8";

@media only screen and (min-width: 981px) { 
.pc		{display:block !important;}
.tablet	{display:none}
.mobile {display:none}


/*레이아웃, GNB*/
#wrap	{width:100%}
#header	{width:100%; border-bottom:1px solid #ddd;}
#header .top	{max-width:1300px; width:100%; height:120px; margin:0 auto; padding:0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.top h1			{display:inline-block; width:30%; padding-top:5px; box-sizing:border-box;}
.top h1 a.cobtn	{display:inline-block; padding:5px 10px; border:1px solid #ddd; border-radius:30px; font:300 12px/14px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#767676}
.top .global					{display:inline-block; padding:20px 0 0 0;text-align:right; width:70%; box-sizing:border-box;}
.top .global .gnb				{display:inline-block; padding:5px 5px 0 0;}
.top .global .gnb li			{display:inline-block; font:300 15px/20px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#000; background:url('../../_img/web/pc/icon_dot.gif') no-repeat 100% 50%; padding:0 12px 0 7px;}
.top .global .gnb li a			{font:300 15px/20px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666; vertical-align:baseline;}
.top .global .gnb li a:hover	{font:300 15px/20px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#000;}
.top .global .gnb li .home		{background:url('../../_img/web/pc/icon_gnb01.gif') no-repeat 0 50%; padding-left:22px;}
.top .global .gnb li .sitemap	{background:url('../../_img/web/pc/icon_gnb02.gif') no-repeat 0 50%; padding-left:18px;}
.top .global .gnb li:last-child	{background:none;}

.top .global .gnb li .zoom						{font:400 15px/20px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333;}
.top .global .gnb li .zoom button				{display:inline-block; cursor:pointer; vertical-align:top; margin-top:0px; width:20px; height:20px; border:1px solid #aaa; background:#fff; font:300 15px/15px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;}
.top .global .gnb li .zoom button span			{display:block; margin-top:-1px; font-size:16px;}
.top .global .gnb li .zoom button + button span	{margin-top:-3px;}
.top .global .gnb li .zoom button:hover			{background:#f5f5f5} 

.top .global .siteview select.customSelect			{width:218px; height:34px; border:none !important; padding:0 10px; font-size:13px; font:300 15px/20px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666; background:#eee url('/_img/web/pc/site_sel_bg.gif')no-repeat 100% 100%; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
.top .global .siteview select.customSelect::-ms-expand	{display:none;}
/*.top .global .siteview span.customSelect			{width:99%; padding:0 0 0 8px; font:300 15px/20px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666; background:#eee url('../../_img/web/pc/site_sel_bg.gif') no-repeat 100% 0; line-height:32px; text-indent:0;}
.top .global .siteview span.customSelectInner		{text-indent:5px; color:#666 !important;}*/

.top .global .siteview						{display:inline-block; margin-top:8px; width:218px; position:relative; text-align:left;}
.top .global .siteview a.sitetit			{display:inline-block; width:218px; height:34px; padding:8px 0 0 10px; box-sizing:border-box; background:#eee url('/_img/web/pc/site_sel_bg.gif')no-repeat 100% 100%; font:300 15px/20px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666}
.top .global .siteview ul.sitelist			{display:none; width:218px; position:absolute; top:34px; left:0px; z-index:10; background:#eee; box-sizing:border-box;}
.top .global .siteview ul.sitelist li		{width:100%; background:#eee; padding:4px 10px 7px 10px; box-sizing:border-box;}
.top .global .siteview ul.sitelist li:hover	{background:#ddd}
.top .global .siteview ul.sitelist li a		{font:300 14px/18px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666}

.top .global .siteview.open ul.sitelist	{display:block !important}


.top .global .ser			{display:inline-block; position:relative;  margin-top:8px;}
.top .global .ser a			{display:inline-block; background:#636363; width:34px; padding:1px 0; text-align:center;  }
.top .global .ser a:hover	{background:#333; -moz-transition: all 400ms; -o-transition: all 400ms; -webkit-transition: all 400ms; transition: all 400ms; }
.top .global .ser span			{display:block; position:absolute; top:0; left:-230px;  }
.top .global .ser span input	{width:191px; border:1px solid #dadada; border-right:none; height:35px; line-height:18px; padding:8px 10px 7px 10px; box-sizing:border-box; font:300 15px/18px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#777; outline:none;}

.top .global .ser a.close		{display:inline-block; background:#767676; width:34px; padding:2px 0 1px; text-align:center; }
.top .global .ser a.close:hover	{background:#666; -moz-transition: all 400ms; -o-transition: all 400ms; -webkit-transition: all 400ms; transition: all 400ms; }

#content			{max-width:1300px; width:100%; margin:0 auto;}
#content .s_cont	{max-width:1300px; width:100%; min-height:300px; padding:0 10px 0 250px; margin-bottom:160px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

h3.sub	{font:600 40px/50px "Nanum Square", "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333; text-align:center; background:url('../../_img/web/pc/h3_bg.jpg') no-repeat 50% 0; padding:15px 0 50px 0}
.h3_sub	{display:block; margin-top:20px; font:italic 500 23px/30px "Nanum Square", "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#777; text-align:center;}
p.tt	{font:600 30px/38px "Nanum Square", "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333; background:url('../../_img/web/pc/tt_bg.png') no-repeat 0 7px / 20px; padding-left:30px; margin:60px 0 15px 0;}
p.tt.top{margin-top:0;}

/*푸터*/
.quick_wrap					{width:100%; background:url('../../_img/web/pc/quick_bg.png') repeat-x 0 0; margin-top:-30px;}
.quick_wrap .quick			{max-width:1300px; width:100%; margin:0 auto;}
.quick_wrap .quickmenu		{max-width:1300px; width:100%; overflow:hidden; padding:45px 10px 40px 250px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.quick_wrap .quickmenu li	{float:left; width:20%; text-align:center; background:url('../../_img/web/pc/quick_line.png') repeat-y 100% 0;}
.quick_wrap .quickmenu li:last-child	{background:none;}

.b_rolling_wrap								{width:100%; background:url('../../_img/web/pc/footer_bg.jpg') repeat-x 0 0;}
.b_rolling_wrap .b_rolling					{max-width:1300px; overflow:hidden;  width:100%; margin:0 auto; padding:0 40px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  }
.b_rolling_wrap .arrow						{width:2%; float:left; padding-top:75px; text-align:center;}
.b_rolling_wrap .banner						{width:96%; float:left; overflow:hidden; padding:34px 30px 34px 32px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.b_rolling_wrap .banner li					{width:16%; float:left; border:2px solid #a09c93; background:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin-right:0.2%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.b_rolling_wrap .banner li:last-child		{margin-right:0;}
.b_rolling_wrap .banner li img				{border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.b_rolling_wrap .banner li a:focus			{display:inline-block; border:1px solid #484848}

.b_rolling_wrap .copyright_w				{border-top:1px solid #a29f99; width:100%;}
.b_rolling_wrap .copyright					{overflow:hidden; max-width:1300px; width:100%; margin:0 auto; padding:20px 0; }
.b_rolling_wrap .copyright .logo			{float:left; padding-left:40px;}
.b_rolling_wrap .copyright .address			{float:left; font:300 15px/22px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#555; padding:0 30px 0 20px}
.b_rolling_wrap .copyright .address	a		{font:500 15px/40px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#555; padding:10px 15px 0 0;}
.b_rolling_wrap .copyright .address	a:hover	{color:#444;}
.b_rolling_wrap .copyright .address .f_sns	{display:inline-block; float:right;}
.b_rolling_wrap .copyright .address .f_sns a:last-child{padding-right:0;}
.b_rolling_wrap .copyright .relative		{float:right; padding:15px 0 0 0;}


#footer			{position:relative;}
#footer .totop	{position:absolute; bottom:0; right:30px;}


/*서브 네비게이션*/
.navigation					{max-width:1300px; width:100%; padding:0 10px 0 250px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

ol.sub_navi					{width:100%; height:56px;  margin:50px 0 60px 0;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ol.sub_navi > li			{float:left; border-bottom:1px solid #ccc; border-top:1px solid #ccc; }
ol.sub_navi	li.depth.home	{width:6%; text-align:center;}
ol.sub_navi	li.depth.home a {width:100%; display:inline-block; text-align:center; padding:15px 0 17px 0; border-left:1px solid #ccc;}
ol.sub_navi	li.depth		{width:31%; padding:0; margin:0 0 0 0; height:56px; display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-right:1px solid #ccc; font:300 17px/20px  "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666}
ol.sub_navi	li.depth select	{border:none; font:300 17px/20px  "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666; outline:none}
ol.sub_navi	.w_50				{width:47% !important; }

.navi_no			{display:none !important; margin:30px 0 0 0 !important;}
.navigation button	{border:none; width:100%; text-align:left;}



/*메인*/
/*~20171102
.visualarea				{max-width:1300px; width:100%; padding:0 10px 0 250px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.visualarea img			{width:100%; height:100%; background-size:100% 100%; background-position:50% 50%;}
*/

/*20171102 ~*/
.visualarea					{max-width:1300px; width:100%; padding:0 10px 0 250px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.visualarea p img			{width:100%; height:100%; background-size:100% 100%; background-position:50% 50%; outline:none;}
.visualarea01				{position:relative; width:100%;}

.visual_over				{position:absolute; min-width:200px; min-height:180px; margin-left:-105px; opacity:.9; filter:alpha(opacity=90); overflow:hidden;}
.over01 					{width:170px !important; padding:40px 8px !important;}
.visual_over .bg			{display:none; text-align:center; width:100%; width:180px; padding:34px 8px; margin:0 0 10px; background:#555;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;-webkit-border-radius:50%;  border-radius:50%;  -moz-border-radius:50%; -moz-transition: all 500ms; -o-transition: all 500ms; -webkit-transition: all 500ms; transition: all 500ms;}
.visual_over:hover .bg		{display:block; outline:none;}
.visual_over .bg span		{display:block; font:300 15px/19px  "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff; word-break:keep-all;}
.visual_over .bg a			{display:block;margin:10px 0 0 0; font:300 14px/16px  "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#ccc !important; word-break:keep-all;}
.visual_over .bg a span		{display:inline-block; margin:-3px 0 0 0; border-bottom:1px solid #aaa; font:300 14px/16px  "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#c9c9c9 !important;}
.visual_over .bg a:hover	{color:#fff !important;}				
.visual_over .bg a:hover span{color:#fff !important;  border-bottom:1px solid #fff;}



.eventarea					{max-width:1300px; width:100%; padding:0 10px 0 250px; overflow:hidden; margin:55px 0 0 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.eventarea .banner			{width:50%; height:100%; float:left; position:relative;}
.eventarea .banner .dot		{position:absolute; bottom:30px; left:30px; z-index:999;}
.eventarea .banner .image	{position:relative; width:auto; ; max-width:520px; cursor:pointer;}
.eventarea .banner .image li img	{width:100%; max-width:520px;  height:275px; cursor:pointer;}

.slick-dots li button:focus::before	{background:#0040d6 !important; border:2px solid #fff!important; box-sizing:border-box;}
.slick-dots li.slick-active button:focus::before	{background:red !important; border:2px solid #0040d6}

.eventarea .event		{width:50%; position:relative; height:275px; overflow:hidden; float:left; background:#555; padding:60px 40px 60px 35px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.event .text			{float:left; width:55%; margin-top:25px;}
.event .text .cont		{width:90%;height:110px; font:100 15px/26px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff; padding-top:15px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; word-break:keep-all;  }
.event .text .cont a	{width:90%; height:110px; font:100 15px/26px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; word-break:keep-all; display:block;}
.event .text .cont a:hover	{text-decoration:underline;}
.event .pic				{float:right; position:relative; width:45%; margin-top:0px; }
.event .pic .play		{position:absolute; top:50%; left:50%; width:54px; height:54px; margin:-27px 0 0 -27px; z-index:999; background:url('../../_img/web/pc/icon_play.png') no-repeat 0 ;}
.event .pic	.img		{position:relative; width:100%; height:158px; border-radius:5px;}
.event .pic	a			{display:block}
.event .pic	a:focus		{border:1px dotted #f5f5f5}
h3.main	.more			{display:inline-block; width:23px; height:23px; background:url('../../_img/web/pc/event_more.gif') no-repeat 0 0;}
.event h3	{position:absolute; top:60px; left:35px;}

.noticearea_wrap	{width:100%; background:#f4f4f4; margin-top:-70px; padding-bottom:30px;}
.noticearea			{max-width:1300px; width:100%; margin:0 auto; padding:120px 0 50px 0;}

h3.main				{font:400 22px/28px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff;}
h3.main02			{position:absolute; top:0; left:50%; margin:0 0 0 55px ; font:500 30px/34px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333; }

.noticearea .tit			{overflow:hidden; margin-left:0; position:relative;}
.noticearea	.tab			{overflow:hidden; float:right; padding:1px 0;}
.noticearea	.tab li.on		{float:left; width:60px; height:52px; border:2px solid #de3327; text-align:center; margin-right:10px; padding-top:8px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.noticearea	.tab li.on a	{font:400 16px/16px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#de3327; line-height:16px !important}
.noticearea	.tab li:hover	{float:left; width:60px; height:52px; border:2px solid #de3327; text-align:center; margin-right:10px; padding-top:8px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.noticearea	.tab li:hover a	{font:400 16px/16px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#de3327; line-height:16px !important}

.noticearea	.tab li			{float:left; width:60px; height:52px; border:2px solid #ccc; text-align:center; margin-right:10px; padding-top:8px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.noticearea	.tab li a		{font:300 16px/16px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#767676; line-height:16px !important}
.noticearea	.tab li.focus	{float:left; width:60px; height:52px; border:2px solid #de3327; text-align:center; margin-right:10px; padding-top:8px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.noticearea	.tab li.focus a	{font:400 16px/16px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#de3327; line-height:16px !important}
.noticearea	.tab li.on.focus	{background:#de3327}
.noticearea	.tab li.on.focus a	{color:#fff;}

.noticearea .notice		{overflow:hidden; margin:30px 10px 0 0; padding:0 0 0 240px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.noticearea .notice li	{width:32%; cursor:pointer; float:left; background:#fff; margin-left:2%; border:1px solid #ddd; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.noticearea .notice li:first-child	{margin-left:0;}
.noticearea .notice li .top			{position:relative; background:#ddd url('../../_img/web/pc/notice_tit_bg.gif') repeat-x 0 100%; border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; padding:25px 25px 25px 25px; font:500 19px/26px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333;}
.noticearea .notice li .top .icon	{position:absolute; top:30px; left:25px; padding-top:8px;}
.noticearea .notice li .top .icon.gong	{width:40px; height:35px; background:url('../../_img/web/pc/icon_gong.png') no-repeat 0 50%;}
.noticearea .notice li .top .icon.bodo	{width:47px; height:35px; background:url('../../_img/web/pc/icon_bodo.png') no-repeat 0 50%;}
.noticearea .notice li .top .icon.ipchal	{width:36px; height:35px; background:url('../../_img/web/pc/icon_ipchal.png') no-repeat 0 50%;}
.noticearea .notice li .top .icon.cheyoung	{width:47px; height:35px; background:url('../../_img/web/pc/icon_cheyoung.png') no-repeat 0 50%;}

.noticearea .notice li .top .subject{height:52px; width:80%; padding-left:55px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; max-height:52px; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; word-break: break-all;}

/*2017-10-25*/
.noticearea .notice li .top .subject01				{height:52px; width:80%; margin-left:55px;}
.noticearea .notice li .top .subject01 td			{vertical-align:middle; max-height:52px; }
.noticearea .notice li .top .subject01 td span	{overflow:hidden; /*display: -webkit-box;*/ display:inline-block; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:52px !important; word-wrap: break-word; text-overflow:ellipsis;font:500 19px/26px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333;}
.noticearea .notice li .top .subject01 td a	{overflow:hidden; /*display: -webkit-box;*/ display:inline-block; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:52px !important; word-wrap: break-word; text-overflow:ellipsis;font:500 19px/26px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333;}

/*2017-10-25*/

.noticearea .notice li .cont				{margin:25px 30px 50px 30px; font:300 16px/26px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; word-break: break-all; height:130px;}

.noticearea .notice li .cont_img					{ height:150px; margin:25px 30px 30px 30px; font:300 16px/26px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; word-break: break-all;}
.noticearea .notice li .cont_img .cont_img01		{width:100%; height:150px; }
.noticearea .notice li .cont_img .cont_img01 img	{width:100%; height:100%; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; }

.noticearea .notice li  .date_kind			{overflow:hidden; padding:22px 0; margin:0 30px; border-top:1px dashed #ccc;}
.noticearea .notice li  .date_kind .date	{float:left; background:url('../../_img/web/pc/icon_date.gif') no-repeat 0 50%; padding-left:20px; font:300 17px/20px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;}
.noticearea .notice li  .date_kind .kind	{float:right; font:300 17px/20px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#de3327;}
.noticearea .more	{display:inline-block; margin:10px 10px 0 0 ; font:300 16px/16px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666; background:url('../../_img/web/pc/more_border.gif') repeat-x 0 93%;}

.noticearea .notice li:hover		{border:1px solid #aaa; -moz-transition: all 600ms; -o-transition: all 600ms; -webkit-transition: all 600ms; transition: all 600ms; }

.noticearea .notice .notice_no			{min-height:374px; padding:230px 0 0 0; text-align:center; background: #fff url('../../_img/web/pc/notice_no_bg.png') no-repeat 50% 38%;  font:300 16px/16px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#bbb; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  }
.noticearea .notice .notice_no:hover	{border:1px solid #ddd; cursor:default;}


/*게시판-리스트*/
.re_se			{overflow:hidden;}
.ta_result		{float:left; margin-top:13px; font:300 16px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;}
.ta_result01	{margin-bottom:10px; font:300 16px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;}
.ta_result span	{display:inline-block; margin-top:-3px; font:400 16px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#de3327;}


.ta_search				{float:right; width:35%;}
.ta_search td select	{border:1px solid #dadada; border-right:none; height:32px; line-height:18px; width:100%; padding:0 10px 0 10px; box-sizing:border-box; font:300 16px/18px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666; outline:none;}
.ta_search td input		{border:1px solid #dadada; border-right:none; height:32px; line-height:18px; width:100%; padding:8px 10px 7px 10px; box-sizing:border-box; font:300 16px/18px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666; outline:none;}
.ta_search td a			{display:inline-block; padding:7px 15px; background:#de3327; font:300 15px/18px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff !important;}
.ta_search td a:hover	{background:#454545; -moz-transition: all 250ms;  -o-transition: all 250ms;  -webkit-transition: all 250ms;  transition: all 250ms;}


ul.table_list								{width:100%; margin-top:10px;}
ul.table_list li.tit						{background:#767676; padding:9px 0 8px 0; font:300 16px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff; }
ul.table_list li.list						{background:#fff; border-bottom:1px solid #dadada; padding:8px 0; font:300 16px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666; cursor:pointer}
ul.table_list li.list:hover					{background:#f4f4f4; color:#666;}
ul.table_list li.list:hover span.text_02	{font:300 16px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#de3327; text-decoration:underline;}
ul.table_list li.list:hover span.text_03	{font:300 16px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#de3327; text-decoration:underline;}
ul.table_list li.list:hover span.text_04	{font:300 16px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#de3327; text-decoration:underline;}

ul.table_list li.bg_r						{background:#fff5f4;}
ul.table_list li.bg_r:hover					{background:#fff5f4; color:#666;}

ul.table_list span				{display:inline-block; padding:4px 0;}
ul.table_list span.no			{width:8%; text-align:center;}

ul.table_list span.text			{width:63%; text-align:center;}
ul.table_list span.text_45		{width:45%; text-align:center;}
ul.table_list span.text_30		{width:30%; text-align:center;}
ul.table_list span.text_20		{width:20%; text-align:center;}
ul.table_list span.text_15		{width:15%; text-align:center;}
ul.table_list span.text_th_03	{width:73%; text-align:center;}

ul.table_list span.text_02		{width:62%; padding-right:10px; box-sizing:border-box; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
ul.table_list span.text_03		{width:73%; padding-right:10px; box-sizing:border-box; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
ul.table_list span.text_04		{width:45%; padding-right:10px; box-sizing:border-box; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

ul.table_list span.file			{width:8%; text-align:center;}
ul.table_list span.file_02		{width:8%; text-align:center; background:url('../../_img/web/pc/file.png') no-repeat 50% 50%;}

ul.table_list span.re			{width:8%; text-align:center; background:url('../../_img/web/pc/message.png') no-repeat 50% 50%;}
ul.table_list span.re_none		{width:8%; text-align:center;}

ul.table_list span.lock			{width:8%; text-align:center; background:url('../../_img/web/pc/lock.png') no-repeat 50% 50%;}
ul.table_list span.lock_off		{width:8%; text-align:center; background:url('../../_img/web/pc/lock_off.png') no-repeat 50% 50%;}

ul.table_list span.file_mo		{display:none;}
ul.table_list span.file_mono	{display:none;}
ul.table_list span.lock_mo		{display:none;}
ul.table_list span.re_mo		{display:none;}

ul.table_list span.date			{width:10%; text-align:center;}
ul.table_list span.view			{width:8%; text-align:center;}

.prev_next							{text-align:center; margin-top:30px;}
.prev_next a						{display:inline-block; margin:0 2px; padding:4px 10px; border:1px solid #dadada; font:300 14px/20px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666 !important;}
.prev_next a:hover					{background:#de3327; border:1px solid #de3327; font:300 14px/20px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff !important; -moz-transition: all 250ms;  -o-transition: all 250ms;  -webkit-transition: all 250ms;  transition: all 250ms;}
.prev_next a.on						{background:#de3327; border:1px solid #de3327; font:300 14px/20px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff !important;}
.prev_next a.l_prev					{padding:4px 12px; background:url('../../_img/web/pc/l_prev.png') no-repeat 50% 50%;}
.prev_next a.prev					{padding:4px 12px; background:url('../../_img/web/pc/prev.png') no-repeat 50% 50%;}
.prev_next a.next					{padding:4px 12px; background:url('../../_img/web/pc/next.png') no-repeat 50% 50%;}
.prev_next a.l_next					{padding:4px 12px; background:url('../../_img/web/pc/l_next.png') no-repeat 50% 50%;}
.prev_next a.l_prev,a.prev:hover	{border:1px solid #dadada;}
.prev_next a.next,a.l_next:hover	{border:1px solid #dadada;}

.list_more	{display:none;}


/*게시판-뷰*/
div.view_top								{width:100%; border-top:2px solid #444; border-bottom:1px solid #ddd;}
div.view_top p.view_hd						{padding:15px 18px 15px 18px; vertical-align:middle; border-bottom:1px solid #ddd; word-break:break-all; font:500 20px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333; text-align:left;  background:#eee;}
div.view_top ul.view_hd2					{margin:10px; overflow:hidden}
div.view_top ul.view_hd2 li					{float:left; margin-right:15px; font:500 14px/18px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;}
div.view_top ul.view_hd2 span				{display:inline-block; margin:-3px 0 0 10px; font:300 14px/18px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#767676;}
div.view_top ul.view_hd2 li.file			{clear:both; display:table; vertical-align:top; margin-top:5px;}
div.view_top ul.view_hd2 li.file span		{display:table-cell; vertical-align:top;}
div.view_top ul.view_hd2 li.file span.tit	{width:54px; font:400 14px/18px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;}
div.view_top ul.view_hd2 a					{display:block; background:url('../../_img/web/pc/view_file.png') no-repeat 0 3px; padding-left:15px; margin:7px 0 0 5px; font:300 14px/18px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#767676;}
div.view_top ul.view_hd2 a:nth-child(1)		{margin:0 0 0 5px;}
div.view_top ul.view_hd2 a:hover			{text-decoration:underline; color:#de3327}

div.file_cont		{padding:0px 0px 10px; border-top:1px solid #aeaeae; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.view_page			{margin:20px 10px 30px 10px; min-height:200px; overflow:hidden; font:300 17px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333;}
table.prev_next02				{width:100%; border-top:1px solid #767676; border-bottom:1px solid #767676; table-layout:fixed;}
table.prev_next02 td			{padding:13px 10px; vertical-align:middle; border-bottom:1px solid #dadada; font:300 17px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#767676;}
table.prev_next02 td a			{display:inline-block; font:300 17px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666; width:95%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
table.prev_next02 td a:hover	{color:#de3327; text-decoration:underline;}
table.prev_next02 td.prev		{background:url('../../_img/web/pc/view_prev.png') no-repeat 100% 50%; font:300 17px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#555;}
table.prev_next02 td.next		{background:url('../../_img/web/pc/view_next.png') no-repeat 100% 50%; font:300 17px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#555;}



.view_btn			{text-align:center; margin-top:30px;}
.view_btn a			{display:inline-block; padding:12px 25px; background:#de3327; 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;}



/*사업안내*/
.business_t01	{font:500 18px/28px "Nanum Square", "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#000; text-align:center; word-break:keep-all;}
.whatis			{padding:45px 0; background:url('../../_img/web/pc/whatis_bg.jpg') 50% 50% / cover; margin-top:40px;}
.whatis01		{padding:45px 0; background:url('../../_img/web/pc/whatis_bg01.jpg') 50% 50% / cover; margin-top:40px;}
.whatis02		{padding:45px 0; background:url('../../_img/web/pc/whatis_bg02.jpg') 50% 50% / cover; margin-top:40px;text-align:center;}
.whatis03		{padding:45px 0; background:url('../../_img/web/pc/whatis_bg03.jpg') 50% 50% / cover; margin-top:40px;text-align:center;}
.whatis04		{padding:45px 0; background:url('../../_img/web/pc/whatis_bg04.jpg') 50% 50% / cover; margin-top:40px;text-align:center;}
.whatis	.t01	{font:400 25px/45px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff; text-align:center;}
.whatis	.t02	{font:300 18px/28px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff; text-align:center;}
.whatis04	.t01	{font:400 25px/45px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff; text-align:center;}
.whatis04	.t02	{font:300 18px/28px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff; text-align:center;}

.cont_c01		{padding:20px 0;}
.cont_c02		{padding:30px 0;}
.cont_c03		{padding:50px 0;}

.business_tt	{font:600 35px/40px "Nanum Square", "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333; word-break:keep-all; padding-left:35px; background:url('../../_img/web/pc/tt_bg.png') no-repeat 0 4px; margin-bottom:20px;}
.business_t02	{font:600 35px/40px "Nanum Square", "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333; word-break:keep-all;}
.business_t04	{font:600 27px/30px "Nanum Square", "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333; word-break:keep-all;}
.business_t03	{font:500 18px/28px "Nanum Square", "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#000; word-break:keep-all;}

.submenu_tab					{padding-top:20px;}
.submenu_tab ul.s_tab02			{overflow:hidden; width:100%; text-align:center; margin:10px 0 50px 0; border:1px solid #ddd; border-bottom:none;}
.submenu_tab ul.s_tab02 li					{height:80px; position:relative; float:left; cursor:pointer; text-align:center; width:25%; padding:15px 0; border-bottom:3px solid #ddd; word-break:keep-all; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.submenu_tab ul.s_tab02 li:hover a			{font:400 18px/22px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#10216e;}
.submenu_tab ul.s_tab02 li:after			{ content:''; position:absolute; bottom:-3px; display:block; width:0; border-bottom:3px solid #10216e; z-index:2;-webkit-transition: all 0.5s; transition: all 0.5s; }
.submenu_tab ul.s_tab02 li:hover::after	{width:100%}
.submenu_tab ul.s_tab02 li a				{display:inline-block; padding:0 15px; font:300 18px/22px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;}
.submenu_tab ul.s_tab02 li a:hover		{font:400 18px/22px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#10216e;}
.submenu_tab ul.s_tab02 li.active		{border-bottom:3px solid #10216e; background:#10216e;}
.submenu_tab ul.s_tab02 li.active a	{font:400 18px/22px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff;}
.submenu_tab ul.s_tab02 li a p			{display:block;}

.submenu_tab ul.s_tab03			{overflow:hidden; width:100%; text-align:center; margin:10px 0 50px 0; border:1px solid #ddd; border-bottom:none;}
.submenu_tab ul.s_tab03 li					{height:80px; position:relative; float:left; cursor:pointer; text-align:center; width:20%; padding:15px 0; border-bottom:3px solid #ddd; word-break:keep-all; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.submenu_tab ul.s_tab03 li:hover a			{font:400 17px/21px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#10216e;}
.submenu_tab ul.s_tab03 li:after			{ content:''; position:absolute; bottom:-3px; display:block; width:0; border-bottom:3px solid #10216e; z-index:2;-webkit-transition: all 0.5s; transition: all 0.5s; }
.submenu_tab ul.s_tab03 li:hover::after	{width:100%}
.submenu_tab ul.s_tab03 li a			{letter-spacing:-0.5pt; display:inline-block; padding:0 15px; font:300 17px/21px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;}
.submenu_tab ul.s_tab03 li a:hover		{font:400 17px/21px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#10216e;}
.submenu_tab ul.s_tab03 li.active		{border-bottom:3px solid #10216e; background:#10216e;}
.submenu_tab ul.s_tab03 li.active a	{font:400 17px/21px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff;}
.submenu_tab ul.s_tab03 li a p			{display:block; }

.submenu_tab ul.s_tab03 li.line4		{padding:5px 0 !important; }

	
.submenu_tab ul.s_tab04					{overflow:hidden; width:100%; text-align:center; margin:10px 0 50px 0; border:1px solid #ddd; border-bottom:none;}
.submenu_tab ul.s_tab04 li				{height:80px; position:relative; float:left; cursor:pointer; text-align:center; width:50%; padding:25px 0; border-bottom:3px solid #ddd; word-break:keep-all; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.submenu_tab ul.s_tab04 li:hover a		{font:400 17px/21px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#10216e;}
.submenu_tab ul.s_tab04 li:after		{ content:''; position:absolute; bottom:-3px; display:block; width:0; border-bottom:3px solid #10216e; z-index:2;-webkit-transition: all 0.5s; transition: all 0.5s; }
.submenu_tab ul.s_tab04 li:hover::after	{width:100%}
.submenu_tab ul.s_tab04 li a			{letter-spacing:-0.5pt; display:inline-block; padding:0 15px; font:300 17px/21px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;}
.submenu_tab ul.s_tab04 li a:hover		{font:400 17px/21px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#10216e;}
.submenu_tab ul.s_tab04 li.active		{border-bottom:3px solid #10216e; background:#10216e;}
.submenu_tab ul.s_tab04 li.active a		{font:400 17px/21px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff;}
.submenu_tab ul.s_tab04 li a p			{display:block; }

.submenu_tab ul.s_tab03 li.line4		{padding:5px 0 !important; }


.margintop01	{margin-top:15px;}
.margintop02	{margin-top:30px;}
.margintop03	{margin-top:60px;}
.margintop04	{margin-top:80px;}


.cont_wrap04				{overflow:hidden; margin-bottom:20px;}
.cont_wrap04 .left			{float:left; width:40%;}
.cont_wrap04 .right			{float:right; width:57%;}
.cont_wrap04 .left .link	{padding:10px 0 0 0; text-align:center}
.cont_wrap04 .left .link a	{font:300 18px/22px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666; text-decoration:underline; text-align:center;}

.cont_wrap05		{position:relative; margin-bottom:20px; min-height:290px;}
.cont_wrap05 .left			{position:absolute; left:0; top:0;}
.cont_wrap05 .right			{margin:0 0 0 450px;}
.cont_wrap05 .left .link	{padding:10px 0 0 0; text-align:center}
.cont_wrap05 .left .link a	{font:300 18px/22px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666; text-decoration:underline; text-align:center;}


.graybox		{background:#f4f4f4; padding:20px 25px; border-radius: 10px; -webkit-border-radius: 10px;  -moz-border-radius: 10px; font:300 17px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333;word-break:keep-all; }
.graybox .bold	{font-weight:400; vertical-align:top;}


/*정보마당-문화정보란*/
.cont_wrap02		{margin-bottom:75px;}
.cont_wrap			{overflow:hidden; margin-bottom:60px;}
.cont_wrap .left	{float:left; width:48%;}
.cont_wrap .right	{float:right; width:48%;}
.cont_wrap .left03	{float:left; width:40%;}
.cont_wrap .right03	{float:right; width:60%;}
.cont_wrap .right embed	{width:100%; min-height:330px;}

.intro.f_middle		{font:300 17px/32px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" !important; color:#444; word-break:keep-all;}
.f_middle				{font:300 17px/26px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#444; word-break:keep-all;}
.f_middle02			{font:300 17px/26px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#444; word-break:keep-all;}
.f_small				{font:300 15px/22px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#444; word-break:keep-all;}
.intro				{width:90%; padding:30px 0 0 20px;}
.cont_c				{padding:30px 0 0 20px;}
.red					{color:#de3327;}


/*정보원소개-CI소개*/
.cont_wrap03	{overflow:hidden; margin-top:20px; margin-bottom:75px;}
.left02			{float:left; width:40%; margin-left:20px;}
.right02		{float:right; width:56%;}
.cont_c02		{padding-left:20px;}
.f_red		{font:400 17px/25px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#de3327; vertical-align:top;}
.f_blue		{font:400 17px/25px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#10226f; vertical-align:top;}
.f_middle u	{vertical-align:top;}


/* 11.01 CEO소개 */
.ceo_say						{width:100%;}
.ceo_say .img					{float:left; margin:0 20px 10px 0; width:275px; box-sizing:border-box;}
.ceo_say .img img				{width:100%;}
.ceo_say .text					{box-sizing:border-box;}
.ceo_say .text .tit_t			{font:400 22px/34px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#222; word-break:keep-all;}
.ceo_say .text .tit_t span		{display:block; margin-top:10px; font:300 20px/30px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#767676; word-break:keep-all;}

span.ceo_red		{display:inline-block; margin-top:-4px; color:#ff0000}

.ceo_cont_30	{padding:30px 0;}


/*고객마당-고객헌장*/
.doubleline				{position:relative; border:1px solid #ddd; margin:0 0 60px 30px; padding:50px 45px 30px 45px; margin-top:20px; word-break:keep-all; font:300 16px/22px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;}
.doubleline02:after		{content:""; display:block; position:absolute; left:0; top:0; z-index:1; width:100px; height:1px; background-color:#666;}
.doubleline02:before	{content:""; display:block; position:absolute; left:0; top:0; z-index:1; width:1px; height:100px; background-color:#666;}

.doubleline02	{position:absolute; z-index:99; border:1px solid #ddd; top:10px; right:10px; width:100%; height:100%; word-break:keep-all;}

.doubleline .text	{overflow:hidden; font:300 16px/25px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666; word-break:keep-all}
.doubleline .name	{font:600 18px/25px "Nanum Square", "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333; text-align:center; margin-top:5px; word-break:keep-all}
.doubleline .text .text01	{font:300 16px/25px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333; vertical-align:top; display:block; float:left; width:5%; text-align:center; word-break:keep-all}
.doubleline .text .text02	{font:300 16px/25px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666; vertical-align:top; display:block; float:left; width:95%; word-break:keep-all}

.doubleline .scrollbox	{position:absolute; z-index:999; width:90%; height:400px; overflow-x:hidden; overflow-y:auto; border:1px solid #ccc; padding:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font:300 15px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;}
.doubleline.min_height	{min-height:400px;}

.down_btn			{text-align:center; margin-top:30px;}
.down_btn a			{display:inline-block; padding:12px 25px 12px 48px; background:url('../../_img/web/pc/icon_down.png') no-repeat 23px 50%; border:3px solid #de3327; font:400 17px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#de3327 !important; -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px;}
.down_btn a:hover	{color:#fff !important; background:#de3327 url('../../_img/web/pc/icon_down_over.png') no-repeat 23px 50%; -moz-transition: all 250ms;  -o-transition: all 250ms;  -webkit-transition: all 250ms;  transition: all 250ms;}


h5	{display:inline-block; background:#eff1f7; padding:6px 12px 5px; font:500 17px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#10216e; border-radius:5px; -webkit-border-radius:5px;  -moz-border-radius:5px;}

p.h5_fir			{margin:30px 0 0 0;}
p.h5_tit			{overflow:hidden; width:100%; position:relative; padding:0 20px 20px 20px;}
p.h5_tit span		{display:inline-block; float:left;}
p.h5_tit span.bg	{position:absolute; top:0; left:20px; background:#eff1f7; text-align:center; width:25px; padding:5px 5px; font:500 16px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#10216e; border-radius:20px; -webkit-border-radius:20px;  -moz-border-radius:20px; }
p.h5_tit span.text	{margin:1px 0 0 43px; font:300 17px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333;}



ul.bluedot				{padding:10px 20px 8px 20px;}
ul.bluedot li			{margin:0 0 6px 0; background:url('../../_img/web/pc/bluedot.gif') no-repeat 0 10px; padding-left:15px; font:300 16px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#444; word-break:keep-all;}
ul.bluedot li.no		{background:none;}
ul.bluedot li span.bold		{vertical-align:baseline; font:500 16px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#444;}
ul.bluedot	li:last-child	{margin:0; }


ul.bluedot01		{padding:0 20px 25px 15px;}
ul.bluedot01 li		{margin:0 0 6px 0; background:url('../../_img/web/pc/bluedot.gif') no-repeat 0 10px; padding:0 0 5px 15px; font:300 16px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#444; word-break:keep-all;}
ul.bluedot01 li.no	{background:none;}
ul.bluedot01	li:last-child	{margin:0; }


ul.bluedot02				{padding:10px 20px 20px 20px; overflow:hidden}
ul.bluedot02 li			{margin:0 0 6px 0;  float:left; width:50%; box-sizing:border-box; background:url('../../_img/web/pc/bluedot.gif') no-repeat 0 10px; padding-left:15px; font:300 16px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#444; word-break:keep-all;}
ul.bluedot02 li.no		{background:none;}
ul.bluedot02 li span.bold		{vertical-align:baseline; font:500 16px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;}
ul.bluedot02	li:last-child	{margin:0; }


ul.nobg				{padding:5px 0 10px 0;}
ul.nobg	li			{margin:0 0 6px 0 ; background:none; font:300 16px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#444; padding-left:10px; word-break:keep-all;}
ul.nobg	li:last-child	{margin:0; }


/*댓글*/

ol.review_list				{width:100%; border-top:1px solid #777; margin:25px 0 0 0; }
ol.review_list li			{padding:19px 10px; border-bottom:1px solid #eee;}
ol.review_list li.fir		{background:none;}
ol.review_list li p.text	{margin:7px 0 0 0; color:#666; font:300 15px/23px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; word-break:keep-all;}


ul.re_top					{width:100%; overflow:hidden;}
ul.re_top li				{padding:0; float:left; border-bottom:none;}
ul.re_top li.name			{margin:0 7px 0 0; color:#444; font:500 15px/20px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; }
ul.re_top li.date			{color:#767676; font:300 15px/20px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; }
ul.re_top li.pass			{color:#666; font:300 15px/20px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; }
.pass input		{background:#f8f8f8; border:1px solid #dadada; height:30px; line-height:24px; width:200px; margin:5px 0 5px 0; padding:8px 10px 7px 5px; box-sizing:border-box; font:300 15px/16px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666; outline:none; }
ul.re_top li.btn			{float:right; margin:0 5px 0 0; color:#aaa;  font:300 13px/20px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica;}
ul.re_top li.btn a			{display:inline-block; margin:-4px 0 0 0; color:#767676; font:400 13px/20px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica;  }
ul.re_top li.btn a:hover	{text-decoration:underline; color:#de3327;}

ul.re_re				{width:100%; margin:7px 0 0 0 ;}
ul.re_re li				{margin:10px 0 0 0 ; padding:0; border-bottom:none; overflow:hidden; background:#f6f6f6 url('/_img/web/pc/re_bg.png') no-repeat 22px 20px; padding:17px 20px 17px 43px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.re_re li p			{ float:left;}
ul.re_re li p.name		{margin:0 7px 0 0; color:#444; font:400 15px/20px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica;}
ul.re_re li p.date		{color:#767676; font:300 15px/20px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; }
ul.re_re li p.btn		{float:right; color:#aaa;  font:300 13px/20px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica;}
ul.re_re li p.btn a		{display:inline-block; margin:-4px 0 0 0; color:#767676; font:400 13px/20px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; }
ul.re_re li p.btn a:hover	{text-decoration:underline; color:#de3327;}
ul.re_re li p.re_text	{width:100%; margin:3px 0 0 0; clear:both; color:#666; font:300 14px/20px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; word-break:keep-all; }

p.re_inout			{margin:10px 0 0 0; width:100%; }
p.re_inout textarea	{height:50px; width:90%;  padding:10px 13px; background:#f8f8f8; border:1px solid #ddd; color:#666; font:300 14px/20px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
p.re_inout a		{width:9%; height:20px; padding:15px 0 15px; text-align:center; display:inline-block; margin:0 auto; background:#aaa; color:#fff; font:400 16px/20px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; }
p.re_inout a:hover	{background:#666;}


div.re_write01	{width:100%; margin:0 0 40px 0;border-top:1px solid #ccc; border-bottom:1px solid #777; padding:15px; background:#f8f8f8; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;	}	


ul.re_write_t				{width:100%; overflow:hidden; margin:0 0 10px 0; }
ul.re_write_t li			{float:left; margin:0 5px 0 0;  }
ul.re_write_t li span		{display:inline-block; font:400 15px/22px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666; }
ul.re_write_t li input		{display:inline-block;}
ul.re_write_t li input.nor		{border:1px solid #dadada; height:32px; line-height:18px; width:200px; padding:8px 10px 7px 10px; box-sizing:border-box; font:300 16px/18px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666; outline:none;}
ul.re_write_t li.pass		{margin:0 0 0 15px;}
ul.re_write_t li.lock		{float:right; padding:4px 0 0 0;}
ul.re_write_t li.lock input [type="checkbox"]	{ margin:5px 0 0 0;}


p.re_write				{}
p.re_write textarea		{height:90px; width:90%;  padding:10px 13px; outline:0; background:#fff; border:1px solid #ddd; color:#666; font:300 14px/20px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
p.re_write a			{width:9%; height:50px; padding:35px 0 5px; text-align:center; display:inline-block; margin:0 auto; background:#666; color:#fff; font:400 16px/20px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; }
p.re_write a:hover		{background:#666;}

 
div.qna_pass					{width:100%; padding:110px 0 120px; border:1px solid #ddd; border-top:2px solid #666;   }
div.qna_pass div				{margin:0 auto; padding:0 0 0 220px; width:260px; height:160px; background:url('/_img/web/pc/pass01.png') no-repeat 0 50%;  }
div.qna_pass div p				{width:100%;} 
div.qna_pass .tit					{padding:0 0 0 0; color:#333; font:300 18px/24px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; }
div.qna_pass p input			{margin:10px 0 0 0; border:2px solid #666; height:42px; line-height:18px; width:99%; padding:8px 10px 11px 15px; box-sizing:border-box; font:300 15px/16px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#555; outline:none;}

div.qna_pass a.qna_pass			{display:inline-block; width:49%; margin:8px 0 0 0;  background:#10216e; text-align:center; padding:13px 0 14px; font:300 16px/18px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
div.qna_pass a.qna_pass:hover	{background:#333; -moz-transition: all 400ms; -o-transition: all 400ms; -webkit-transition: all 400ms; transition: all 400ms;  }

div.qna_pass a.qna_pass01			{display:inline-block;  width:48%; margin:8px 0 0 0; background:#767676; text-align:center; padding:13px 0 14px; font:300 16px/18px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
div.qna_pass a.qna_pass01:hover	{background:#666; -moz-transition: all 400ms; -o-transition: all 400ms; -webkit-transition: all 400ms; transition: all 400ms;  }






.view_page01			{margin:20px 10px 0 10px; border-bottom:1px solid #ddd; min-height:200px; font:300 17px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333;}

div.re_page									{padding:30px; margin:0 10px 0 10px; background:#f8f8f8; box-sizing : border-box; overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #333}
div.re_page h4								{width:65px; position:absolute; z-index:100; font:500 20px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#4e34a8;}
div.re_page div.re_cont						{width:100%; padding:0 0 0 65px; box-sizing : border-box; position:relative; z-index:99}
div.re_page div.re_cont .name_data			{padding:0 0 10px 10px}
div.re_page div.re_cont .name_data .t01		{font:300 16px/30px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333;}
div.re_page div.re_cont .name_data .t02		{font:200 14px/30px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#767676;}
div.re_page div.re_cont .name_data .t03		{font:300 16px/30px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#767676;}
div.re_page div.re_cont .re_text			{width:100%; padding:10px 0 0 10px; box-sizing : border-box; border-top:1px solid #ddd; font:300 16px/30px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333;}



.write_btn			{text-align:right; margin-top:-30px;}
.write_btn a		{display:inline-block; padding:12px 25px; background:#de3327; 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;}
.write_btn a:hover	{background:#454545; -moz-transition: all 250ms;  -o-transition: all 250ms;  -webkit-transition: all 250ms;  transition: all 250ms;}


/*BBS*/
div.gray_bg			{padding:30px 30px 0 30px; margin:0 0 30px 0; background:#f4f4f4}







/*left */

ul.leftmenu						{position:relative; z-index:99; width:190px; padding:30px 0 80px; background:#0d1f6d url('/_img/web/pc/menu08.jpg') no-repeat 0 100%;  -webkit-border-radius:0 0 10px 10px;  border-radius:0 0 10px 10px;  -moz-border-radius:0 0 10px 10px;}
ul.leftmenu li					{text-align:center;}
ul.leftmenu li a				{width:100%; letter-spacing:-0.9pt; padding:22px 0 21px; display:inline-block; font:300 19px/22px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff;}
ul.leftmenu li a.on_01			{position:relative; background:#fff; color:#0d1f6d; border-left:2px solid #0d1f6d;  font:500 19px/22px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica";}
ul.leftmenu li a.on_01:after	{position:absolute; z-index:9999; content:''; width:2px; height:65px; background:#fff; top:0; left:186px;}
ul.leftmenu li a.on				{background:url('/_img/web/pc/on_01.jpg') no-repeat 0 50%;  font-weight:600}

ul.leftmenu li a:hover				{background:url('/_img/web/pc/on_01.jpg') no-repeat 0 50%;}
ul.leftmenu li a:focus				{background:url('/_img/web/pc/on_01.jpg') no-repeat 0 50%;}
ul.leftmenu li a.on_01		 		{position:relative;background:#fff; color:#0d1f6d; border-left:2px solid #0d1f6d;  font:500 19px/22px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica";}
ul.leftmenu li a.on_01:hover 		{position:relative;background:#fff; color:#0d1f6d; border-left:2px solid #0d1f6d;  font:500 19px/22px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica";}
ul.leftmenu li a.on_01:focus 		{position:relative;background:#fff; color:#0d1f6d; border-left:2px solid #0d1f6d;  font:500 19px/22px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica";}
ul.leftmenu li:last-child ul.depth2	{-webkit-border-radius:0 0 10px 10px;  border-radius:0 0 10px 10px;  -moz-border-radius:0 0 10px 10px;}

ul.leftmenu li div.depth2		{display:none}
ul.leftmenu li.open	div.depth2	{display:block !important}

div.depth2 		{width:288px; min-height:565px; z-index:999; position:absolute; top:0; right:-286px; padding:33px 20px; background-color: rgba( 255, 255, 255, 0.95 ); border:2px solid #0d1f6d; -webkit-border-radius:0 10px 10px 10px;  border-radius:0 10px 10px 10px;  -moz-border-radius:0 10px 10px 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;    }

div.left_top			{width:100%; overflow:hidden; border-bottom:1px solid #ddd; padding:0 15px 30px 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
div.left_top p			{float:right; width:140px;}
div.left_top p.img	{float:left; width:66px; height:66px; }

div.left_top p span		{display:block; text-align:left; font:300 14px/18px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;}
div.left_top p span.tit	{margin:0 0 5px 0; display:block; font:600 20px/24px "Nanum Square", "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#11226f;}


ul.left01				{width:100%; padding:15px 0 0 0; }
ul.left01 li			{text-align:left; padding:10px 15px 15px;}
ul.left01 li a			{padding:0; display:inline-block;  letter-spacing:-0.9pt;  font:400 15px/18px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#0e1e69; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.left01 li a:hover	{text-decoration:underline;}
ul.left01 li a:focus	{text-decoration:underline;}

ul.left01 li.on_02		{background:#eceef6 ; padding:15px 15px 15px 15px; -webkit-border-radius:5px;  border-radius:5px;  -moz-border-radius:5px;  }
ul.left01 li.on_02 a	{padding:0; width:100%; letter-spacing:-0.9pt; font:400 15px/18px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#0e1e69;}
ul.left01 li.on_02 a:hover	{text-decoration:none;}
ul.left01 li.on_02 a:focus	{text-decoration:none;}

.bg_plu				{background:url('/_img/web/pc/left_plus.png') no-repeat 100% 4px !important; letter-spacing:-0.9pt;}
.bg_plu:hover	{background:url('/_img/web/pc/left_plus.png') no-repeat 100% 4px  !important; letter-spacing:-0.9pt;}

.bg_min			{background:url('/_img/web/pc/left_minus.png') no-repeat 100% 4px  !important; letter-spacing:-0.9pt;}
.bg_min:hover	{background:url('/_img/web/pc/left_minus.png') no-repeat 100% 4px  !important; letter-spacing:-0.9pt;}


ul.depth3		{width:100%; padding:8px 0 0 0; }
ul.depth3 li	{padding:0px 0 6px 0; }
ul.depth3 li a	{padding:0 0 0 6px !important; font:300 14px/17px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" !important; color:#666 !important; background:url('/_img/web/pc/depth3_bg.jpg') no-repeat 0 8px;}
ul.depth3 li a:hover	{text-decoration:underline !important; background:url('/_img/web/pc/depth3_bg.jpg') no-repeat 0 8px; }

ul.depth3 li a.on		{font:400 14px/17px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" !important; color:#555 !important; }
ul.depth3 li a.on:hover	{text-decoration:none !important; background:url('/_img/web/pc/depth3_bg.jpg') no-repeat 0 8px; }



/*모바일 메뉴*/
.slideout-menu		{display:none;}


/*통합검색창*/
.dic_search_top							{width:100%; overflow:hidden; border:15px solid #eee; box-sizing:border-box; margin:0 0 30px 0;}
.dic_search_top p.dic_s_tit				{float:left; margin-top:14px; text-align:center; width:15%; font:300 16px/16px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" !important; color:#666; border-right: 1px solid #ddd}
.dic_search_top p.dic_s_input			{float:left; width:65%;height:50px;}
.dic_search_top p.dic_s_input input		{border:none; outline: none; height:50px; width:100%; padding:0 15px; box-sizing:border-box; font:300 16px/16px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666}
.dic_search_top p.dic_s_btn				{float:right; width:18%; height:50px}

div.search_tit			{overflow:hidden; margin:55px 0 0 0;}
div.search_tit h4		{float:left;}
div.search_tit p		{float:left; width:280px; margin:4px 0 0 7px; font:300 16px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;}
div.search_tit p span	{display:inline-block; margin-top:-3px; font:400 16px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#de3327;}

p.dic_s_btn .d_s_btn			{display:inline-block; height:100%; width:100%; padding:15px 0 0 0; box-sizing:border-box; text-align:center; background:#0d1f6d; font:300 16px/18px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" ; color:#fff}
p.dic_s_btn .d_s_btn:hover		{background:#333; -moz-transition: all 400ms; -o-transition: all 400ms; -webkit-transition: all 400ms; transition: all 400ms; }

ul.re_list01								{width:100%; border-top:1px solid #444; margin-top:17px;}
ul.re_list01 li.list						{background:#fff; border-bottom:1px solid #dadada; padding:15px 10px 17px; cursor:pointer}
ul.re_list01 li.list p.cont					{height:42px; margin-top:10px; width:100%; font:300 15px/20px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" ; color:#666; word-wrap:break-word; word-break:break-all; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis}
ul.re_list01 li.list ul.sub					{width:100%; overflow:hidden; margin-top:5px;}
ul.re_list01 li.list ul.sub li				{float:left; margin-right:15px; font:normal 13px/18px "NanumGothic_b","Malgun Gothic","Dotum","Arial","verdana"; color:#777;}
ul.re_list01 li.list ul.sub li span			{display:inline-block; margin:-3px 0 0 5px; font:normal 13px/18px "NanumGothic","Malgun Gothic","Dotum","Arial","verdana"; color:#767676;}
ul.re_list01 li.list:hover					{background:#f9f9f9;}

.no_search	{width:100% !important; padding:180px 0 60px 0 !important; background:url('../../_img/web/pc/no_re.png')#f9f9f9 no-repeat 50% 60px !important; border-bottom:1px solid #ddd !important; text-align:center !important; font:300 15px/20px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" !important; color:#666 !important;}

div.tit_top			{width:100%; position:relative; margin:10px 0 0 0;}
div.tit_top p.tit	{margin:0 90px 0 0; font:500 18px/22px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" ; color:#333;}
div.tit_top p.date	{position:absolute; right:10px; top:3px; font:300 15px/18px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" ; color:#666;}

ul.re_list01 li.over					{overflow:hidden;}
ul.re_list01 li.over .f_left			{float:left; width:83%; padding-right:10px; box-sizing:border-box;}
ul.re_list01 li.over .f_right			{float:right; width:17%}
ul.re_list01 li.over .f_right img		{width:100%; height:90px; border:1px solid #ddd;}

p.re_menu					{margin:0 0 5px 0; }
p.re_menu span				{padding:0 13px 0 0; display:inline-block; font:400 14px/16px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" ; color:#253ea9; background:url('../../_img/web/pc/loc_btn.png') no-repeat 100% 5px;  }
p.re_menu span:last-child	{background:none;}

.re_menu01						{margin:15px 0 0 0; padding:5px 0 0 0; border-top:1px solid #444; }
.re_menu01 li					{border-bottom:1px solid #ddd; padding:8px 10px 12px; cursor:pointer; }
.re_menu01 li span				{padding:0 13px 0 0; display:inline-block; font:400 17px/20px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" ; color:#333; background:url('../../_img/web/pc/loc_btn.png') no-repeat 100% 5px;  }
.re_menu01 li span:last-child	{background:none;}
.re_menu01 li:hover				{background:#f9f9f9;}

.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 .logo	{max-width:250px; position:absolute; top:30px; left:40px; }
.error .text	{margin:10px 0 0 0; font:300 18px/20px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica" ; color:#666;}

.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;}



/*2017-10-25 문화콕*/
.cok01		{width:100%; overflow:hidden;}
.cok01 div.left		{margin:0 0 40px 0; float:left; width:49% }
.cok01 div.right	{margin:0 0 40px 0; float:right; width:49%;}

.min_height40		{min-height:44px}

/*2017.10.25 국내외 문화영상 제작 및 서비스부분, 문화PD*/
.busi_link		{overflow:hidden; background:#f4f4f4; padding:40px; border-radius: 10px; -webkit-border-radius: 10px;  -moz-border-radius: 10px; font:300 17px/22px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333;}
.busi_link ul.bu_link		{overflow:hidden; float:left; width:85%; margin-top:-10px;}
.busi_link ul.bu_link li	{float:left; width:50%; margin-top:10px}
.busi_link ul.bu_link li span				{font:14px/25px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica";}
.busi_link ul.bu_link li a:hover span		{text-decoration:underline}
.busi_link ul.bu_link li.one					{width:100%}
.busi_link .bu_qr				{float:right; width:12%; text-align:right;}

.blueline_cont					{margin-top:50px; position:relative; padding:45px 35px 30px 35px; border:1px solid #bac1de; text-align:center; }
.blueline_cont .blue_tit			{position:absolute; top:-25px; width:100%; left:0; text-align:center;}
.blueline_cont .blue_tit span	{display:inline-block; padding:12px 20px; background:#10216e; border-radius:30px; font:400 16px/25px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff}
.blueline_cont .blue_cont		{float:left}
.pd_title					{margin-top:15px}
.pd_title .text		{text-align:left; height:50px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; font:16px/25px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica";}
.pd_title .btn		{text-align:left; margin-top:10px;}
.pd_btn			{display:inline-block; padding:2px 20px 2px 10px; border-radius:20px; background:#e4e8f3 url('../../_img/web/pc/pd_btn.png')no-repeat 90% 50%; border:1px solid #d6dae2; font:14px/23px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#4a4e5a}
.pd_btn:hover	{background:#10216e url('../../_img/web/pc/pd_btn_on.png')no-repeat 90% 50%; color:#fff; border:1px solid #10216e}
.blueline_cont .f_l			{width:48%}
.blueline_cont .f_r			{width:48%}
.blink a		{margin-right:10px}
.blink a:last-child	{margin:0}
.pd_overflow			{overflow:hidden}
.pd_overflow	.pd_left	{width:48%; float:left}
.pd_overflow	.pd_right	{width:48%; float:right;}
.pd_channel		{overflow:hidden}
.pd_channel .ch_left		 {float:left}
.pd_channel .ch_right	{float:right;}


/*조직도 직원검색*/
ul.organ_search			{margin-bottom:40px; border:1px solid #cdd3e4; background:#eff1f7; padding:15px; text-align:center;}
ul.organ_search li		{display:inline-block; padding:0 0 0 10px}
ul.organ_search li p		{display:inline-block; font:16px/25px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#444; margin-right:5px;}
ul.organ_search li select		{height:38px; min-width:150px; border:1px solid #ddd;}
ul.organ_search li input		{padding:10px; width:100%; box-sizing:border-box; border:1px solid #ddd}
ul.organ_search li a.search	{display:inline-block; padding:5px 25px 7px 25px; background:#555; border-radius:3px; font:15px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff}
ul.organ_search li a.search:hover	{background:#333}
ul.organ_search p.sel_box								{}
ul.organ_search p.sel_box select.category				{width: 100%; height:36px;  padding: 0 5px; border:1px solid #ddd; font:300 15px/18px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica;color:#666; background:#fff url('/_img/web/pc/sel_bg.png')no-repeat 100% 100%; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
ul.organ_search p.sel_box select.category::-ms-expand	{display:none;}

/*팝업 하단 닫기*/
.popup_bottom				{overflow:hidden; width:100%; height:30px; background:#444;}
.popup_bottom p.close_check	{float:left; font:300 13px/18px "Noto Sans KR", Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#fff; margin:6px 5px 8px;}
.popup_bottom p.close		{float:right; font:300 14px/18px "Noto Sans KR", Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#fff; margin:6px 0 8px; padding:0 10px 0 0; background:url(../../../images/lms/admin/close.png) no-repeat 100% 50%;}
.popup_bottom p.close_check input {margin:0 5px 0 0;}

/*문화데이터활용기업지원 171117추가*/
.data_sp				{overflow:hidden}
.data_sp .left			{width:49%; float:left; margin:0 0 40px 0;}
.data_sp .right		{width:49%; float:right; margin:0 0 40px 0;}
.data_sp ul.bluedot				{padding:10px 20px 8px 20px; box-sizing:border-box; min-height:150px;}
.data_sp ul.bluedot li			{margin:0 0 6px 0; background:url('../../_img/web/pc/bluedot.gif') no-repeat 0 10px; padding-left:15px; font:300 16px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#444; word-break:keep-all;}
.data_sp ul.bluedot li.no		{background:none;}
.data_sp ul.bluedot li span.bold		{vertical-align:baseline; font:500 16px/24px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#444;}
.data_sp ul.bluedot	li:last-child	{margin:0; }

.pc_noticearea						{width:1300px; margin:0 auto; padding:120px 0 50px 0; height:480px; position:relative;}
.pc_noticearea h3.main02			{top: 125px;}
.pc_noticearea ul.tab				{width:100%; padding:0 10px 0 250px; box-sizing:border-box; position:relative; display:flex; flex-direction:row; justify-content: flex-end;}
.pc_noticearea ul.tab > li			{width: 64px; margin-left:8px;}
.pc_noticearea ul.tab > li p.in_tab			{}
.pc_noticearea ul.tab > li p.in_tab a		{display:block; padding-top:9px; width: 60px; height: 43px; border: 2px solid #ccc; text-align: center; border-radius:5px; font:300 16px/18px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#767676;}
.pc_noticearea ul.tab > li p.in_tab a.all	{padding-top:18px; height:34px;}

.pc_noticearea ul.tab > li.on p.in_tab a	{font-weight:400; color:#de3327; border:2px solid #de3327;}
.pc_noticearea ul.tab > li:hover p.in_tab a	{font-weight:400; color:#de3327; border:2px solid #de3327;}
.pc_noticearea ul.tab > li p.in_tab a:focus	{font-weight:400; color:#de3327; border:2px solid #de3327;}

.pc_noticearea ul.tab > li.on div.pc_notice	{display:block;}

/*
.pc_noticearea .tab li.on		{float:left; width:60px; height:52px; border:2px solid #de3327; text-align:center; margin-right:10px; padding-top:8px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.pc_noticearea .tab li.on a		{font:400 16px/16px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#de3327; line-height:16px !important}
.pc_noticearea .tab li:hover	{float:left; width:60px; height:52px; border:2px solid #de3327; text-align:center; margin-right:10px; padding-top:8px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.pc_noticearea .tab li:hover a	{font:400 16px/16px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#de3327; line-height:16px !important}

.pc_noticearea .tab li				{float:left; width:60px; height:52px; border:2px solid #ccc; text-align:center; margin-right:10px; padding-top:8px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.pc_noticearea .tab li a			{font:300 16px/16px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#767676; line-height:16px !important}
.pc_noticearea .tab li.focus		{float:left; width:60px; height:52px; border:2px solid #de3327; text-align:center; margin-right:10px; padding-top:8px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.pc_noticearea .tab li.focus a		{font:400 16px/16px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#de3327; line-height:16px !important}
.pc_noticearea .tab li.on.focus		{background:#de3327}
.pc_noticearea .tab li.on.focus a	{color:#fff;}
*/

.pc_notice			{display:none; position:absolute; width:100%; padding:0 10px 0 250px; box-sizing:border-box; top:82px; left:0;}

.pc_notice .notice		{overflow:hidden; width:100%; box-sizing:border-box;}
.pc_notice .notice li	{width:32%; cursor:pointer; float:left; background:#fff; margin-left:2%; border:1px solid #ddd; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.pc_notice .notice li:first-child	{margin-left:0;}
.pc_notice .notice li .top			{position:relative; background:#ddd url('../../_img/web/pc/notice_tit_bg.gif') repeat-x 0 100%; border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; padding:25px 25px 25px 25px; font:500 19px/26px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333;}
.pc_notice .notice li .top .icon	{position:absolute; top:30px; left:25px; padding-top:8px;}
.pc_notice .notice li .top .icon.gong	{width:40px; height:35px; background:url('../../_img/web/pc/icon_gong.png') no-repeat 0 50%;}
.pc_notice .notice li .top .icon.bodo	{width:47px; height:35px; background:url('../../_img/web/pc/icon_bodo.png') no-repeat 0 50%;}
.pc_notice .notice li .top .icon.ipchal	{width:36px; height:35px; background:url('../../_img/web/pc/icon_ipchal.png') no-repeat 0 50%;}
.pc_notice .notice li .top .icon.cheyoung	{width:47px; height:35px; background:url('../../_img/web/pc/icon_cheyoung.png') no-repeat 0 50%;}

.pc_notice .notice li .top .subject{height:52px; width:80%; padding-left:55px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; max-height:52px; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; word-break: break-all;}

/*2017-10-25*/
.pc_notice .notice li .top .subject01				{height:52px; width:80%; margin-left:55px;}
.pc_notice .notice li .top .subject01 td			{vertical-align:middle; max-height:52px; }
.pc_notice .notice li .top .subject01 td span		{overflow:hidden; /*display: -webkit-box;*/ display:inline-block; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:52px !important; word-wrap: break-word; text-overflow:ellipsis;font:500 19px/26px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333;}
.pc_notice .notice li .top .subject01 td a			{overflow:hidden; /*display: -webkit-box;*/ display:inline-block; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:52px !important; word-wrap: break-word; text-overflow:ellipsis;font:500 19px/26px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333;}

/*2017-10-25*/

.pc_notice .notice li .cont				{margin:25px 30px 50px 30px; font:300 16px/26px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; word-break: break-all; height:130px;}

.pc_notice .notice li .cont_img					{ height:150px; margin:25px 30px 30px 30px; font:300 16px/26px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; word-break: break-all;}
.pc_notice .notice li .cont_img .cont_img01		{width:100%; height:150px; }
.pc_notice .notice li .cont_img .cont_img01 img	{width:100%; height:100%; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; }

.pc_notice .notice li  .date_kind			{overflow:hidden; padding:22px 0; margin:0 30px; border-top:1px dashed #ccc;}
.pc_notice .notice li  .date_kind .date	{float:left; background:url('../../_img/web/pc/icon_date.gif') no-repeat 0 50%; padding-left:20px; font:300 17px/20px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;}
.pc_notice .notice li  .date_kind .kind	{float:right; font:300 17px/20px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#f8392b;}
.pc_notice .more	{display:inline-block; margin:10px 10px 0 0 ; font:300 16px/16px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666; background:url('../../_img/web/pc/more_border.gif') repeat-x 0 93%;}

.pc_notice .notice li:hover		{border:1px solid #aaa; -moz-transition: all 600ms; -o-transition: all 600ms; -webkit-transition: all 600ms; transition: all 600ms; }

.pc_notice .notice .notice_no			{min-height:374px; padding:230px 0 0 0; text-align:center; background: #fff url('../../_img/web/pc/notice_no_bg.png') no-repeat 50% 38%;  font:300 16px/16px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#bbb; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  }
.pc_notice .notice .notice_no:hover	{border:1px solid #ddd; cursor:default;}

.pc_notice .moreBtn	{margin-top:10px;}



} 



@media only screen and (min-width: 980px) and (max-width: 1031px) {
.pc		{display:none}
.pc01	{display:block !important;}
.tablet	{display:none}
.mobile {display:none}

.noticearea_wrap	{width:100%; background:#f0f0f0 url('../../_img/web/ta/notice_bg.jpg') no-repeat 0 0 / 100%;}
.noticearea			{margin:0 auto; padding:100px 0 50px 0;}

h3.main				{font:400 22px/28px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff;}
h3.main02			{position:absolute; top:0; left:50%; margin:0 0 0 55px ; font:500 30px/34px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#333; }

.noticearea	.tab			{overflow:hidden; width:540px; margin:50px 100px 0;}
.noticearea	.tab li.on		{float:left; width:100px; height:40px; border:3px solid #de3327; text-align:center; margin-right:10px; padding-top:5px !important; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.noticearea	.tab li.on a	{font:400 16px/16px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#de3327; line-height:16px !important}
.noticearea	.tab li			{float:left; width:100px; height:40px; border:3px solid #ccc; text-align:center; margin-right:10px; padding-top:3px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.noticearea	.tab li:last-child	{margin-right:0 !important;}
.noticearea	.tab li a			{font:300 16px/16px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#767676; line-height:16px !important}
.noticearea	.tab li a p			{display:inline;}


.submenu_tab ul.s_tab03			{overflow:hidden; width:100%; text-align:center; margin:10px 0 50px 0; border:1px solid #ddd; border-bottom:none;}
.submenu_tab ul.s_tab03 li					{height:100px; position:relative; float:left; cursor:pointer; text-align:center; width:20%; padding:25px 0; border-bottom:3px solid #ddd; word-break:keep-all; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.submenu_tab ul.s_tab03 li:hover a			{font:400 17px/21px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#10216e;}
.submenu_tab ul.s_tab03 li:after			{ content:''; position:absolute; bottom:-3px; display:block; width:0; border-bottom:3px solid #10216e; z-index:2;-webkit-transition: all 0.5s; transition: all 0.5s; }
.submenu_tab ul.s_tab03 li:hover::after	{width:100%}
.submenu_tab ul.s_tab03 li a			{letter-spacing:-0.5pt; display:inline-block; padding:0 15px; font:300 17px/21px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#666;}
.submenu_tab ul.s_tab03 li a:hover		{font:400 17px/21px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#10216e;}
.submenu_tab ul.s_tab03 li.active		{border-bottom:3px solid #10216e; background:#10216e;}
.submenu_tab ul.s_tab03 li.active a	{font:400 17px/21px "Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color:#fff;}
.submenu_tab ul.s_tab03 li a p			{display:block; }

.submenu_tab ul.s_tab03 li.line4		{padding:15px 0 !important; }

.b_rolling_wrap .copyright .relative	{width:100%; padding:30px; box-sizing:border-box; text-align:right;}


}


