@charset "utf-8";


.visual {background:#eef1f6}
.slider_wrap{position: relative;width:1300px;margin:0 auto; margin-bottom:330px;}
.slider{clear: both; background:#eef1f6}
.slidelayer{width: 1200px; padding:42px 50px 45px;}
.slide_L{position: relative; float: left; width: 576px;}
.slide_R{position: relative; float: right; width: 575px;}

/*slide_btn*/
.slide_btn button{display: inline-block; position: absolute; top: 45%; z-index: 2; border: 0; width: 24px; height: 40px; background-color: transparent; background-repeat: no-repeat; background-size: cover; cursor: pointer;}
.slide_btn .prev_btn{left: 0%; background-image: url(../images/main/slide_prev.png);}
.slide_btn .next_btn{right: 0%; background-image: url(../images/main/slide_next.png);}

/*slide controller*/
.slideCtr{position: absolute; top: 55%; z-index: 2; right:0}
.slideCtr .stop, .slideCtr .play{width: 28px; height: 28px; background-position: center center; background-repeat: no-repeat; border: 0; background-color: transparent; cursor: pointer}
.slideCtr .stop {background-image: url(../images/main/ctr_stop.png);}
.slideCtr .play{background-image: url(../images/main/ctr_play.png);}
.slideCtr .stop.on{display:none}
.slideCtr .play.on{display:none;}

/*visual table 1.29*/
.vTable_wrap table{width: 100%; }
.vTable_wrap thead th{background-color:#0c45a4; color: #fff;}
.vTable_wrap th, .vTable_wrap td{padding: 16px 0; font-size: 15px; text-align: center;}
.vTable_wrap th{font-weight: 600;}
.vTable_wrap th{color: #333; border-left: 1px solid #a7b6c2; border-bottom: 1px solid #a7b6c2;background:#e6eef8}
.vTable_wrap td{color: #333; border-left: 1px solid #a7b6c2; border-bottom: 1px solid #a7b6c2;background:#fff}
.vTable_wrap tr{background-color: #fff; border-right: 1px solid #a7b6c2;}

.num{display: inline-block; padding-right: 13px; background-repeat: no-repeat; background-position: right center;}
.vTable_wrap td.down .num{color: #ef6050; background-image: url(../images/main/down.png);}
.vTable_wrap td.up .num{color: #2c64af; background-image: url(../images/main/up.png);}


/*visual TAB*/
.tabBox {display:block;position:relative}
.v_chart1,.v_chart2 {display:block;border:7px solid #ffffff;background:#eef1f6;width:100%;height:418px;position:absolute;top:62px;left:0}
.v_chart1 {z-index:99}
.v_chart2 {z-index:9}
.v_chart2 .map_btn {position:absolute;right:10px;bottom:10px;width:26px;height:75px}
.zoomin, .zoomout, .refresh {display:inline-block;overflow:hidden;line-height:999px;vertical-align:top}
.zoomin {position:relative;z-index:2;width:26px;height:25px;background:url(../images/main/zoomin.png);}
.zoomout {position:relative;z-index:2;width:26px;height:25px;background:url(../images/main/zoomout.png);}
.refresh {position:relative;z-index:2;width:26px;height:25px;background:url(../images/main/refresh.png);}

.myChartDiv {padding:30px 20px}
.mcontent {width:562px;height:418px;display:block}
.mapHolder {padding:0;width:100%;height:100%;display:block}

.tab{position: absolute; top: 0; right: 0;z-index:999}
.tab li{float: left;margin:0 1px}
.tab a, .m_more{display: block; width: 24px; height: 24px; background-position: center center; background-repeat: no-repeat; border: 1px solid #909294;background-color: #eef1f6; border-radius:50%;}
.tab a:hover, .tab li.on a, .m_more:hover{background-color: #ffffff; transition: all 0.5s;border-radius:50%;}
.tab .tab_li01 a{background-image: url(../images/main/tab_prev.png);}
.tab .tab_li02 a{background-image: url(../images/main/tab_next.png);}

/* visual more*/
.slide_R .visualTit{position: relative;}
.m_more{position: absolute; top: 0; right: 0; border: 1px solid #909294;background-color: #eef1f6; border-radius:50%;background-image: url(../images/main/m_more.png);}

.visualTit{padding-bottom: 40px;}
.v_tit, .visualTit{font-size: 24px; font-weight: 700;}
.vSubTit{padding-left: 15px; margin-left: 15px; font-size: 20px; font-weight: 600; color: #999; border-left: 1px solid #d5d5d5;}

/*slide dots*/
.owl-dots{position: absolute; bottom: -325px; left: 50%; margin-left: -600px; z-index: 10; width: 1200px}
.owl-dots .owl-dot:nth-child(9n){margin-right: 0;}
.owl-dot {float: left; width: 96px; height:96px; padding: 0; margin-right: 37px; margin-bottom: 50px;background-position: center center; background-color: #f5f7fc; background-repeat: no-repeat; border: 1px solid #ccd8df; box-sizing: border-box; border-radius: 50%; text-align: center;position:relative;color:#333333}
.owl-dot.active, .owl-dot:hover{background-color: #0c45a4; border:none}
.dotsTxt{font-size:16px; font-weight: 600;display:block;position:absolute;bottom:-30px;left:0;width:100%; text-align:center}
.owl-dot.active .dotsTxt, .owl-dot:hover .dotsTxt{color: #333333}

.owl-dot:nth-child(1), .owl-dot:nth-child(1){background-image: url(../images/main/vDot_1.png);}
.owl-dot:nth-child(2), .owl-dot:nth-child(2){background-image: url(../images/main/vDot_2.png);}
.owl-dot:nth-child(3), .owl-dot:nth-child(3){background-image: url(../images/main/vDot_3.png);}
.owl-dot:nth-child(4), .owl-dot:nth-child(4){background-image: url(../images/main/vDot_4.png);}
.owl-dot:nth-child(5), .owl-dot:nth-child(5){background-image: url(../images/main/vDot_5.png);}
.owl-dot:nth-child(6), .owl-dot:nth-child(6){background-image: url(../images/main/vDot_6.png);}
.owl-dot:nth-child(7), .owl-dot:nth-child(7){background-image: url(../images/main/vDot_7.png);}
.owl-dot:nth-child(8), .owl-dot:nth-child(8){background-image: url(../images/main/vDot_8.png);}
.owl-dot:nth-child(9), .owl-dot:nth-child(9){background-image: url(../images/main/vDot_9.png);}
.owl-dot:nth-child(10), .owl-dot:nth-child(10){background-image: url(../images/main/vDot_10.png);}
.owl-dot:nth-child(11), .owl-dot:nth-child(11){background-image: url(../images/main/vDot_11.png);}
.owl-dot:nth-child(12), .owl-dot:nth-child(12){background-image: url(../images/main/vDot_12.png);}
.owl-dot:nth-child(13), .owl-dot:nth-child(13){background-image: url(../images/main/vDot_13.png);}
.owl-dot:nth-child(14), .owl-dot:nth-child(14){background-image: url(../images/main/vDot_14.png);}
.owl-dot:nth-child(15), .owl-dot:nth-child(15){background-image: url(../images/main/vDot_15.png);}
.owl-dot:nth-child(16), .owl-dot:nth-child(16){background-image: url(../images/main/vDot_16.png);}
.owl-dot:nth-child(17), .owl-dot:nth-child(17){background-image: url(../images/main/vDot_17.png);}
.owl-dot:nth-child(18), .owl-dot:nth-child(18){background-image: url(../images/main/vDot_18.png);}


.owl-dot:nth-child(1).active, .owl-dot:nth-child(1):hover{background-image: url(../images/main/vDot_on1.png);}
.owl-dot:nth-child(2).active, .owl-dot:nth-child(2):hover{background-image: url(../images/main/vDot_on2.png);}
.owl-dot:nth-child(3).active, .owl-dot:nth-child(3):hover{background-image: url(../images/main/vDot_on3.png);}
.owl-dot:nth-child(4).active, .owl-dot:nth-child(4):hover{background-image: url(../images/main/vDot_on4.png);}
.owl-dot:nth-child(5).active, .owl-dot:nth-child(5):hover{background-image: url(../images/main/vDot_on5.png);}
.owl-dot:nth-child(6).active, .owl-dot:nth-child(6):hover{background-image: url(../images/main/vDot_on6.png);}
.owl-dot:nth-child(7).active, .owl-dot:nth-child(7):hover{background-image: url(../images/main/vDot_on7.png);}
.owl-dot:nth-child(8).active, .owl-dot:nth-child(8):hover{background-image: url(../images/main/vDot_on8.png);}
.owl-dot:nth-child(9).active, .owl-dot:nth-child(9):hover{background-image: url(../images/main/vDot_on9.png);}
.owl-dot:nth-child(10).active, .owl-dot:nth-child(10):hover{background-image: url(../images/main/vDot_on10.png);}
.owl-dot:nth-child(11).active, .owl-dot:nth-child(11):hover{background-image: url(../images/main/vDot_on11.png);}
.owl-dot:nth-child(12).active, .owl-dot:nth-child(12):hover{background-image: url(../images/main/vDot_on12.png);}
.owl-dot:nth-child(13).active, .owl-dot:nth-child(13):hover{background-image: url(../images/main/vDot_on13.png);}
.owl-dot:nth-child(14).active, .owl-dot:nth-child(14):hover{background-image: url(../images/main/vDot_on14.png);}
.owl-dot:nth-child(15).active, .owl-dot:nth-child(15):hover{background-image: url(../images/main/vDot_on15.png);}
.owl-dot:nth-child(16).active, .owl-dot:nth-child(16):hover{background-image: url(../images/main/vDot_on16.png);}
.owl-dot:nth-child(17).active, .owl-dot:nth-child(17):hover{background-image: url(../images/main/vDot_on17.png);}
.owl-dot:nth-child(18).active, .owl-dot:nth-child(18):hover{background-image: url(../images/main/vDot_on18.png);}

/*contents start*/
.con_wrap{width: 1200px; margin: 30px auto 50px;}
	
/*humanCount*/
	.humanCount{margin-bottom: 12px; border-top: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7;}
	.humanCount div{float: left; width: 16.666%; padding: 43px 0 25px; text-align: center; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; box-sizing: border-box;}
	.humanCount p{font-size: 14px; color: #666666;}
	.humanCount .hcTit{font-size: 16px; font-weight: 600;}
	.humanCount .point {padding: 0 10px; font-size: 32px; font-weight: 600; letter-spacing: -2px; color: #2c64af;}
	
	.humanCount2{margin-bottom:26px;}
	.humanCount2 div{padding-top: 20px; height:143px; line-height:140%;}	
	.humanCount2 .hcSource{display:block; font-size: 12px; font-weight:500; color:#606060; letter-spacing:-1px;}
	.humanCount2 p{margin:14px 0 15px;}
	

/*MAIN LIST*/
.main_list{min-height: 267px;}
.main_list .ml_L {position: relative; float: left; width: 585px; padding: 40px 33px 38px 33px; border: 1px solid #e7e7e7; box-sizing: border-box;}
/*.m_list .listTit{margin-bottom: 20px; font-size: 20px; font-weight: 700; color: #222;}*/
.mLTabArea			{}
.mLTabArea a		{display: block; float: left; width: fit-content; padding: 0px 0 10px; margin-bottom: 0px; text-align: center; font: 500 18px/18px 'Noto Sans KR', sans-serif; color: #999;}
.mLTabArea a + a	{margin-left: 20px;}
.mLTabArea a.on, .mLTabArea a:hover	{border-bottom: 2px solid #0c45a4; color: #0c45a4;}

.m_list			{padding-top: 17px;}
.m_list p		{line-height: 33px;}
.m_list span	{font-size: 16px; color: #7a7a7a;}
.m_list .listName 	{float: left; width: 380px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #333; font: 400 17px/17px 'Noto Sans KR', sans-serif; position: relative; padding-left: 8px;}
.m_list p + p		{margin-top: 17px;}
.m_list p:hover a .listName			{color: #4171b8; font-weight: 400;}
.m_list p a .listName::before		{position: absolute; content: ''; width: 3px; height: 3px; border-radius: 3px; background: #333; left: 0; top: 8px;}

.m_list .date 		{float: right; font: 400 17px/17px 'Montserrat', sans-serif; color: #999;}

.m_list .more		{transition: transform 0.3s ease; position: absolute; top: 31px; right: 34px; z-index: 1; display: block; width: 26px; height: 26px; background: url(../images/main/notice_plus.png) no-repeat center center;}
.m_list .more:hover	{background: url(../images/main/notice_plus_hover.png) no-repeat center center;}

.main_list .ml_R 	{float: right; width: 585px; height: 280px; background: url(../images/main/statics_bg_pc.jpg) no-repeat 50% 50% / cover; box-sizing: border-box; border: 1px solid #e7e7e7;}
.ml_R .system		{padding: 64px 40px 54px;}
.system .systemTit	{font: 800 32px/33px 'NanumSquareNeo', sans-serif; color: #08285d;}
.system p			{margin: 18px 0 40px; color: #3d5680; font: 400 15px/21px "Noto Sans KR", sans-serif;}
.sys_more			{display: inline-block; padding: 9px 22px 10px; text-align: center; box-sizing: border-box; font: 400 15px/15px "Noto Sans KR", sans-serif}
.sys_more.s01		{color: #fff; background: #0c45a4; margin-right: 5px; border: 1px solid #0c45a4;}
.sys_more.s02		{color: #0c45a4; background: #fff; border: 1px solid #0c45a4;}
.sys_more.s01:hover	{background-color: #333; transition: all 0.2s; color: #fff; border: 1px solid #333;}
.sys_more.s02:hover	{background-color: #333; transition: all 0.2s; color: #fff; border: 1px solid #333;}


/* MAIN LINK */
.m_linkArea{padding: 40px 0 50px;}
.mLink_L{float: left; width: 398px; background: url(/images/main/mLlink_icon01.png) no-repeat 91% center #89c436; margin:0px 5px 0px 0px;}
.mLink_M{float: left; width: 396px; background: url(/images/main/mLlink_icon02.png) no-repeat 91% center #ff774b; margin:0px 5px 0px 0px;}
.mLink_R{float: left; width: 396px; background: url(/images/main/mLlink_icon03.png) no-repeat 91% center #368cc4;}
.mLink{display: block;  padding: 29px 52px 49px; }
.mLinkTit{padding-bottom: 19px; font-size: 24px; font-weight: 700; color: #fff;}
/* .mLink_p{padding-right: 36px; color: #fff; font-size: 15px;} */
.mLink_p{width: 88%; color: #fff; font-size: 15px;}