@charset "UTF-8";
/* @import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css); */

/* body{background-color:#fff;color:#2d2d2d;font-size:16px;line-height:150%;-webkit-text-size-adjust:none;word-wrap:break-word;word-break:keep-all;font-family:'Noto Sans Korean','Open Sans', sans-serif, Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;-webkit-text-size-adjust:none;} */
html,
body {background-color:#fff; color:#2d2d2d; font-size:14px; line-height:150%; -webkit-text-size-adjust:none; word-wrap:break-word; word-break:keep-all; font-family:'Noto Sans Korean','Open Sans', sans-serif, Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic; -webkit-text-size-adjust:none;}
body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,address,ul,ol,li,dl,dt,dd,table,caption,th,td,form,fieldset,legend,hr,select,input,textarea{margin:0;padding:0;}
ul,ol{list-style:none;}
table{margin:0;padding:0;border-spacing:0;border:0;_border-collapse:collapse;width:100%;}
*+html table{border-collapse:collapse;}
img,fieldset,abbr,acronym{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
em{font-style:normal;}
input, button,textarea{padding:0;color:#000;}
table{border-collapse:collapse;border-spacing:0}
table,table th,table td{border:0;}
hr{display:none}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:none;}
img{vertical-align:middle;}
body{background-color:#fff;}
caption,legend{position:absolute;top:0;left:0;width:0;height:0;line-height:0;overflow:hidden;visibility:hidden;font-size:0;}
.hidden{display:none}
.gLeft{float:left;}
.gRight{float:right;}
.ic{vertical-align:-3px;}
input::-ms-clear{display:none;}
::-webkit-input-placeholder{color:#000;} /* Chrome/Opera/Safari */
::-moz-placeholder{color:#000;} /* Firefox 19+ */
:-ms-input-placeholder{color:#000;} /* IE 10+ */
:-moz-placeholder{color:#000;} /* Firefox 18- */

#skipnavigation{position:relative;z-index:110;}
#skipnavigation .skip{position:absolute;top:0;left:0;}
#skipnavigation a{display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;text-align:center;color:#000;white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active{height:auto;width:auto;padding:5px;margin-bottom:10px;}

html,
body{height:100%;}
#wrap{min-height:100%;}
#wrap .bg,#footer .bg{margin:0 auto; max-width:100%; width:1190px;}
/*
#wrap.hiddenWrap{min-height:1px;height:1px;overflow:hidden;}
*/

#wrap .bg{position:relative;}
#header,
#footer{transition:all 0.35s;padding:0 20px;}

#header{position:relative;background-color:#fff;line-height:52px;height:52px;overflow:hidden;}
#header h1{padding:0 0 0 25px;}
#header h1 span{display:block;float:left;}
#header h1 span.forMobile{display:none;}
#header h1 .t{position:relative;color:#131313;font-size:18px;font-weight:500;line-height:54px;margin:0 0 0 15px;padding:0 0 0 16px;}
#header h1 .t:before{content:"";position:absolute;top:50%;left:0;margin-top:-8px;background-color:#c0c3c9;width:2px;height:16px;}

#footer{background-color:#474e61;margin-top:-155px;height:155px;}
#footer .bg{position:relative;}
#footer .iTop{display:none;}
#footer .logo{float:left;padding:25px 0 0;text-align:center;width:117px;}
#footer .txt{color:#fff;font-size:14px;line-height:160%;margin:0 0 0 127px;padding:30px 0 0;}
#footer .txt .bar{font-family:dotum;font-size:12px;padding:0 3px;vertical-align:middle;}
#footer .txt .co{opacity:0.5;font-weight:100;}

#body{padding: 2rem 0 15rem 0}
#body .bg{margin:0 auto; max-width:100%; width:1200px;}

/*.mKeysub{background:url(../images/img_keysub1.png) 50% 50% no-repeat #2856b6;text-align:center;height:217px;}*/
/*.mKeysub{background:url(../images/goyangsi_banner.jpg); text-align:center;height:217px;}*/
.mKeysub{background: url(../images/goyangsi_banner.jpg) no-repeat; background-position: 0 var(--height-top); background-size: 1920px 8rem;  text-align:center;height:217px;}
.mKeysub .btn,
.mKeysub .back{display:none;}
.mKeysub h2{color:#fff;font-size:44px;line-height:140%;padding:71px 0 0;}
.mKeysub .txt{color:#fff;font-size:18px;padding:3px 0 0;}

.mTab1{background-color:#fff;text-align:center;}
.mTab1 .dep1:after,
.mTab1 .dep2:after{ content:" ";display:block;clear:both;}
.mTab1 .dep1,
.mTab1 .dep2{border-bottom:1px solid #d2d2d2;zoom:1;}
.mTab1 .dep1 a{position:relative;display:block;float:left;color:#243549;font-size:17px;padding:0 15px;min-width:130px;line-height:55px;height:55px;}
.mTab1 .dep1 a.sel{display:none;}
.mTab1 .dep1 a.selected{color:#fff;background-color:#2856b6;}
.mTab1 .dep1 a.selected:before{content:"";position:absolute;bottom:-5px;left:0;background:url(../images/ico_tab1.png) 50% 100% no-repeat #2856b6;width:100%;height:6px;}
.mTab1 .dep2 .sel{position:relative;/*display:block;*/float:left;color:#243549;font-size:17px;padding:0 20px;line-height:67px;height:67px;display:none;}
.mTab1 .dep2 .selList a:first-child:before{display:none;}
.mTab1 .dep2 a{position:relative;display:block;float:left;color:#243549;font-size:17px;padding:0 11px;line-height:67px;height:67px;}
.mTab1 .dep2 a:before{content:"";position:absolute;top:50%;left:0;margin-top:-9px;background-color:#c5c5c6;width:1px;height:18px;}
.mTab1 .dep2 a span{position:relative;display:block;padding:0 13px;}
.mTab1 .dep2 a.selected{color:#2856b6;}
.mTab1 .dep2 a.selected span:before{content:"";position:absolute;bottom:0;left:0;background-color:#2856b6;width:100%;height:5px;}

.mTitle1.mt1{margin-top:45px;}
.mTitle1{position:relative;margin:0 0 22px;zoom:1;}
.mTitle1:after{ content:" ";display:block;clear:both;}
.mTitle1 h3{background:url(../images/ico_tit1_1.png) 10px 3px no-repeat;font-size:22px;padding:0 0 0 45px;zoom:1;}
.mTitle1 h3:after{ content:" ";display:block;clear:both;}
.mTitle1 h3 span{display:block;float:left;}
.mTitle1 h3 .ts{background:url(../images/ico_tit1_arr.png) 0 8px no-repeat;font-size:18px;font-weight:normal;margin:2px 0 0 12px;padding:0 0 0 17px;}
.mTitle1 h3 .ti{color:#3d4650;font-size:20px;}
.mTitle1 h3 .ts2{color:#3d4650;font-size:14px;font-weight:normal;padding:0 0 0 15px;}
.mTitle1 .gRt{position:absolute;top:-5px;right:0;}
.mTitle1 .gRt .select{min-width:165px;}

.mTitle1.type2{margin-bottom:13px;}
.mTitle1.type2 h3{background:url(../images/ico_tit2.png) 15px 9px no-repeat;font-size:20px;font-weight:500;padding:0 0 0 45px;}
.mTitle1.type2 a{display:block;}

.mGraph1.mt1{margin-top:15px;}
.mGraph1{background-color:#fff;border:1px solid #cfcfcf;}
.mGraph1 .tit{position:relative;background:url(../images/ico_tit2.png) 23px 50% no-repeat;border-bottom:1px solid #cfcfcf;color:#2c343d;font-size:20px;font-weight:500;padding:0 0 0 50px;line-height:59px;height:59px;}
.mGraph1 .tit .gRt{position:absolute;top:0px;right:25px;}
.mGraph1 .grp{padding:50px 0;text-align:center;}
.mGraph1 .grp .mBoard1{margin:30px 50px 0;}
.mGraph1 .tit.type2{background-image:none;font-size:18px;padding-left:45px;}
.mGraph1  .tit {display: flex;  gap: 1rem;}

.aladdin-chart { display: block; height: 35rem; border-bottom: 1px solid #cfcfcf; }
.aladdin-chart .tit { display:flex; gap: 1rem; }
.aladdin-chart .tit .year-select {color:#3e3f41;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/ico_select1.png) 100% 50% no-repeat #fff;padding:0 30px 0 15px;line-height:34px;height:34px;}
.aladdin-chart .tit .year-select::-ms-expand { display:none;}
.aladdin-chart .chart { width:100%; height:calc(100% - 4.25rem); }
.aladdin-chart .unit-text{display:block;color:#2c343d;font-weight:300;font-size:16px;line-height: 1.5;padding: 1rem 0;}

/* 2021-09-01 파이차트 text 기준일 css START */
.iTxt{position: absolute;right: 130px;color: #2c343d;font-weight: 300;font-size: 16px;}
/* 2021-09-01 파이차트 text 기준일 css END */

.forMobile{display:none;}

.btnMenu{position:absolute;top:50px;right:70px;z-index:100;}

.gMain1{zoom:1;}
.gMain1:after{display:block;clear:both;content:''}
.gMain1 .gLeft,
.gMain1 .gRight{width:calc(50% - 5px);}

.mMain1{border:1px solid #cfcfcf;margin-bottom:10px;text-align:center;zoom:1;}
.mMain1:after{display:block;clear:both;content:''}
.mMain1 .ls{position:relative;float:left;background-color:#fff;width:50%;height:304px;}
.mMain1 .ls:before{content:"";position:absolute;top:0;left:-1px;background-color:#cfcfcf;width:1px;height:100%;}
.mMain1 .ls .nu{color:#2856b6;font-size:34px;line-height:110%;padding:41px 0 0;}
.mMain1 .ls .nu span{position:relative;background:url(../images/k_main1.png) 0 100% repeat-x;display:inline-block;font-weight:bold;}
.mMain1 .ls .im{background:url(../images/ico_main1_1.png) 50% 0 no-repeat;height:93px;}
.mMain1 .ls .tx{font-size:18px;color:#000;line-height:110%;padding:13px 0 0;min-height:45px;}
.mMain1 .ls .ts{font-size:12px;color:#686868;line-height:150%;}

.mMain1 .ls.i2 .im{background-image:url(../images/ico_main1_2.png);}
.mMain1 .ls.i3 .im{background-image:url(../images/ico_main1_3.png);}
.mMain1 .ls.i4 .im{background-image:url(../images/ico_main1_4.png);}
.mMain1 .ls.i5 .im{background-image:url(../images/ico_main1_5.png);}
.mMain1 .ls.i6 .im{background-image:url(../images/ico_main1_6.png);}
.mMain1 .ls.i7 .im{background-image:url(../images/ico_main1_7.png);}
.mMain1 .ls.i8 .im{background-image:url(../images/ico_main1_8.png);}
.mMain1 .ls.i9 .im{background-image:url(../images/ico_main1_9.png);}
.mMain1 .ls.i10 .im{background-image:url(../images/ico_main1_10.png);}
.mMain1 .ls.i11 .im{background-image:url(../images/ico_main1_11.png);}
.mMain1 .ls.i12 .im{background-image:url(../images/ico_main1_12.png);}
.mMain1 .ls.i13 .im{background-image:url(../images/ico_main1_13.png);}
.mMain1 .ls.i14 .im{background-image:url(../images/ico_main1_14.png);}
.mMain1 .ls.i15 .im{background-image:url(../images/ico_main1_15.png);}
.mMain1 .ls.i16 .im{background-image:url(../images/ico_main1_16.png);}

.select{color:#3e3f41;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/ico_select1.png) 100% 50% no-repeat #fff;padding:0 30px 0 15px;line-height:34px;height:34px;}
.select::-ms-expand { display:none;}

.mBoard1{border:1px solid #cfcfcf;}
.mBoard1 th,
.mBoard1 td{background-color:#fff;color:#5a5a5a;font-size:14px;font-weight:normal;border-top:1px solid #e0e0e2;border-left:1px solid #e0e0e2;padding:5px 0;text-align:center;}
.mBoard1 thead th{background-color:#f5f6f8;border-top:0;border-bottom:1px solid #e0e0e2;}
.mBoard1 tbody th{background-color:#fcfcfd;}
.mBoard1 thead th:first-child{border-left:0;}
.mBoard1 tbody th:first-child{background-color:#fcfcfd;/* border-left:0; */}
.mBoard1 tbody td:first-child{border-left:0;}
.mBoard1 tr:first-child th,
.mBoard1 tr:first-child td{border-top:0;}
.mBoard1 tr.selected th,
.mBoard1 tr.selected td{background-color:#edf2ff;color:#2f2f2f;font-weight:bold;}

/*
.mList1{border-top:1px solid #cfcfcf;padding:20px 0 0;}
.mList1 .mTitle1{background:url(../images/ico_list1.png) 100% 0 no-repeat;padding:3px 0;}
.mList1 ul{background-color:#f8f8f9;border:1px solid #cfcfcf;border-top-color:#3f4e60;zoom:1;}
.mList1 ul:after{display:block;clear:both;content:''}
.mList1 li{float:left;border-left:1px solid #cfcfcf;width:99px;}
.mList1 li.w1{border-left:0;}
.mList1 li.w2{width:125px;}
.mList1 li.w3{width:160px;}
.mList1 li.w4{width:200px;}
.mList1 li.w5{width:155px;}
.mList1 li.w6{width:165px;}
.mList1 li.w7{width:135px;}
.mList1 li.w8{width:152px;}
.mList1 li .tit{background-color:#f5f5f6;border-bottom:1px solid #c7c7c8;}
.mList1 li .lst{background-color:#eeeef0;margin-top:-1px;}
.mList1 li .ls{border-top:1px solid #d9d9da;font-size:14px;letter-spacing:-1px;height:34px;}
.mList1 li input[type="checkbox"] + label{display:block;padding:0 30px 0 15px;line-height:34px;}
.mList1 li input[type="checkbox"] + label:before{top:10px;left:auto;right:10px;}
.mList1 li.selected .tit{background-color:#fff;}
.mList1 li.selected .lst{background-color:#f8f8f9;}
.mList1 .tag{background-color:#fff;border:1px solid #cfcfcf;border-top:0;padding:10px 0 10px 10px;}
.mList1 .tag .ls{position:relative;display:inline-block;background-color:#fff;border:1px solid #cfcfcf;color:#2856b6;padding:0 40px 0 20px;border-radius:33px;line-height:33px;height:33px;}
.mList1 .tag .ls .iDel{position:absolute;top:50%;right:10px;margin-top:-10px;background:url(../images/ico_delete1.png) 50% 50% no-repeat #ccc;text-indent:-9999px;font-size:0;border-radius:21px;width:20px;height:20px;}
.mList1 .tag .ls.hidden{display:none;}
*/

.mList1{border-top:1px solid #cfcfcf;}
.mList1 .row{border-bottom:1px solid #e0e1e3;}
.mList1 .row:first-child{border-top:0;}
.mList1 .row .mTitle1.type2 .more{position:absolute;top:21px;right:0;background:url(../images/ico_list1.png) 100% 50% no-repeat;text-indent:-9999px;font-size:0;width:30px;height:30px;}
.mList1 .row.hiddenList .mTitle1.type2 .more{background-image:url(../images/ico_list1_on.png);}
.mList1 .row.hiddenList .list,
.mList1 .row.hiddenList.selected .list{display:none;}
.mList1 .row .mTitle1.type2 a{display:inline-block;margin:-20px 0 -20px -54px;padding:20px 0 20px 54px;zoom:1;}
.mList1 .row .mTitle1.type2 a:after{display:block;clear:both;content:''}
.mList1 .row .mTitle1.type2 h3{background:url(../images/ico_list1_2.png) 12px 50% no-repeat;}
.mList1 .row .list{display:none;background-color:#fff;border:1px solid #cfcfcf;border-bottom:0;padding:10px 15px 10px 7px;}
.mList1 .row .list .info{color:#737980;font-size:14px;padding:0 0 12px;text-align:center;}
.mList1 .row.selected .mTitle1.type2 h3{background-image:url(../images/ico_list1_2_on.png);}
.mList1 .row.selected .mTitle1 h3 .ti{color:#2856b6;}
.mList1 .row.selected .list{display:block}
.mList1 .mTitle1{margin:0;}
.mList1 .mTitle1 h3{background:url(../images/ico_list1.png) 100% 0 no-repeat;margin-bottom:0;padding:22px 0 22px 54px;}
.mList1 ul{zoom:1;}
.mList1 ul:after{display:block;clear:both;content:''}
.mList1 li{float:left;background-color:#f8f8f9;border:1px solid #cfcfcf;border-top:2px solid #3f4e60;margin:0 0 0 6px;width:99px;}
.mList1 li.w1{width:83px;}
.mList1 li.w2{width:115px;}
.mList1 li.w3{width:160px;}
.mList1 li.w4{width:190px;}
.mList1 li.w5{width:145px;}
.mList1 li.w6{width:160px;}
.mList1 li.w7{width:130px;}
.mList1 li.w8{width:129px;}
/* .mList1 li .tit{position:relative;background-color:#f5f5f6;border-bottom:1px solid #c7c7c8;} */
.mList1 li .tit{position:relative;background-color:#dfdfdf;border-bottom:1px solid #c7c7c8;font-weight:500; }
.mList1 li .tit .dragArea{cursor: grab;content:"";position:absolute;top:0;left:50%;margin:-8.5px 0 0 -15.5px;background:url(../images/ico_drag1.png) 0 0 no-repeat;width:31px;height:15px;}
.mList1 li .lst{background-color:#eeeef0;margin-top:-1px;}
/* .mList1 li .ls{border-top:1px solid #d9d9da;font-size:14px;letter-spacing:-1px;height:34px;} */
.mList1 li .ls{border-top:1px solid #d9d9da;font-size:13px;letter-spacing:-1px;height:34px;}
.mList1 li .tit input[type="checkbox"] + label{line-height:45px;}
.mList1 li .tit input[type="checkbox"] + label:before{top:15px;}
.mList1 li input[type="checkbox"] + label{display:block;padding:0 30px 0 15px;line-height:34px;}
.mList1 li input[type="checkbox"] + label:before{top:10px;left:auto;right:10px;}
/* .mList1 li.selected .tit{background-color:#fff;} */
.mList1 li.selected .tit{background-color:#cadbff;}
.mList1 li.selected .lst{background-color:#f8f8f9;}
.mList1 .row.selected .tag{display:block;}
.mList1 .tag{display:none;background-color:#fff;border:1px solid #cfcfcf;margin-top:-1px;padding:10px 0 10px 10px;}
.mList1 .tag .ls{position:relative;display:inline-block;background-color:#fff;border:1px solid #cfcfcf;color:#2856b6;padding:0 40px 0 20px;border-radius:33px;line-height:33px;height:33px;}
.mList1 .tag .ls .iDel{position:absolute;top:50%;right:10px;margin-top:-10px;background:url(../images/ico_delete1.png) 50% 50% no-repeat #ccc;text-indent:-9999px;font-size:0;border-radius:21px;width:20px;height:20px;}
.mList1 .tag .ls.hidden{display:none;}

.noresult{color:#72787e;font-size:14px;text-align:center;line-height:37px;height:37px;}

input[type="checkbox"],
input[type="radio"]{position:absolute;border:0;margin:1px 0 0;padding:0;width:18px;height:18px;overflow:hidden;clip:rect(0px, 0px, 0px, 0px);}
input[type="checkbox"] + label,
input[type="radio"] + label{position:relative;display:inline-block;color:#000;padding:0 0 0 20px;line-height:18px;}
input[type="radio"] + label{line-height:18px;}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before{content:"";position:absolute;top:0;left:0;background:url(../images/ico_checkbox1.png) 0 0 no-repeat;width:18px;height:18px;line-height:18px;overflow:hidden;margin:0;padding:0;}
input[type="checkbox"]:checked + label{color:#000;}
input[type="checkbox"].checked + label::before,
input[type="checkbox"]:checked + label::before{background-image:url(../images/ico_checkbox1_on.png);}
input[type="checkbox"].checked:focus + label::before,
input[type="checkbox"]:checked:focus + label::before{background-image:url(../images/ico_checkbox1_on.png);}

input[type="radio"] + label{padding-top:0px;}
input[type="radio"] + label:before{top:0;border:0;background:url(../images/ico_radio1.png) 0 0 no-repeat;}
input[type="radio"].checked + label::before,
input[type="radio"]:checked + label::before{background-image:url(../images/ico_radio1_on.png);}
input[type="radio"]:focus + label::before{background-image:url(../images/ico_radio1.png);}
input[type="radio"].checked:focus + label::before,
input[type="radio"]:checked:focus + label::before{background-image:url(../images/ico_radio1_on.png);}

.mButton1{margin:20px 0 0;text-align:center;}
.mBtn1{display:inline-block;background-color:#2856b6;color:#fff;font-size:20px;padding:0 20px;text-align:center;border-radius:46px;min-width:100px;line-height:46px;height:46px;}

.mLoading{position:fixed;top:0;right:0;width:100%;height:100%;z-index:100; backdrop-filter: brightness(.5)}
.mLoading .img{position:absolute;top:50%;left:50%;background-color:rgba(255,255,255,0.84);box-shadow:5px 5px 5px rgba(0,0,0,0.2);margin:-55px 0 0 -55px;border-radius:10px;text-align:center;width:110px;line-height:110px;height:110px;}

/*#hamburger,*/
/*input[id="hamburger"] + label,*/
/*.sidebar{position:absolute;top:-9999px;left:-9999px;}*/

/* add20201029 */
.mTab1 .dep2 a{letter-spacing:-1px;}
.mTab1 .dep2 a span{padding:0 10px;}
.mList1 li input[type="checkbox"] + label{padding:0 25px 0 10px;}
.mList1 li input[type="checkbox"] + label:before{right:5px;}
.mList1 li.w4{width:180px;}
.mList1 li.w8{width:139px;}
/* //add20201029 */

/* add20201202 */
.mSelect2.selected .selList{display:block;}
.mSelect2{position:relative;z-index:1;}
.mSelect2 .sel{display:block;background:url(../images/ico_down1.png) 21px 50% no-repeat #2856b6;color:#fff;font-size:16px;border-radius:5px;padding:0 0 0 56px;min-width:120px;line-height:37px;height:37px; box-sizing: initial; }
.mSelect2 .selList{display:none;position:absolute;top:43px;left:0;background-color:#fff;border:1px solid #cfcfcf;border-radius:5px;width:calc(100% - 2px);overflow:hidden;}
.mSelect2 .selList a{display:block;background-color:#fff;border-top:1px solid #e2e2e2;color:#3d4650;font-size:14px;padding:5px 10px 5px 20px}
.mSelect2 .selList a:first-child{border-top:0;}
.mSelect2 .selList a:hover{background-color:#f0f3fa;color:#2856b6;}

.mInfo1{background-color:#e3e5e9;border-radius:74px;margin:30px auto 0;padding:15px 20px 15px 45px;width:530px;}
.mInfo1 li{position:relative;color:#6c6d6e;font-size:15px;padding:0 0 0 14px;}
.mInfo1 li:before{content:"";position:absolute;top:10px;left:0;background-color:#6c6d6e;border-radius:1px;width:4px;height:4px;}
/* add20201202 */

/* add20201223 */
.mLoading{}
.mLoading .con{position:absolute;top:50%;left:50%;background-color:#fff;box-shadow:5px 5px 5px rgba(0,0,0,0.2);margin:-109px 0 0 10px;border-radius:10px;text-align:center;width:340px;height:217px; transform: translate(-50%, -50%);}
.mLoading .con .img{position:static;margin:0 auto;background:none;box-shadow:none;padding:36px 0 0;line-height:120%;height:auto;}
.mLoading .con p{color:#040204;font-size:14px;padding:24px 0 0;}
.mLoading .con .mBtn1{font-size:15px;padding:0;width:62px;line-height:27px;height:27px;}
/* add20201223 */

/* add20201223 */
.gMore1{margin:20px 0 0;text-align:center;}
.iMore{display:inline-block;background-color:#f2f4f8;border:1px solid #cfcfcf;color:#2856b6;font-size:18px;font-weight:500;border-radius:44px;min-width:140px;}
.iMore span{display:inline-block;background:url(../images/ico_more1.png) 0 50% no-repeat;padding:0 0 0 20px;line-height:44px;height:44px;}
/* add20201223 */

/* add200210109 */
.mTab1.col1 .dep1{width:calc(100% - 3px);}
.mTab1 .dep1 a.type1.selected:before{display:none;}

.mMain1 .ls .tx em,
.mMain1 .ls .tx span{display:inline-block;line-height:23px;height:23px;vertical-align:middle;}
.mMain1 .ls .tx em{border:1px solid #2856b6;border-radius:23px;color:#2856b6;font-size:16px;padding:0 8px;}
.mMain1 .ls .tl{margin:20px 30px 0;}
.mMain1 .ls .tl .l{border-top:1px solid #ebebeb;font-size:16px;padding:7px 10px;zoom:1;}
.mMain1 .ls .tl .l:after{display:block;clear:both;content:''}
.mMain1 .ls .tl .l span{float:left;color:#000;}
.mMain1 .ls .tl .l em{float:right;color:#2856b6;}
.mMain1 .ls.i17 .im{background-image:url(../images/ico_main1_17.png);}
.mMain1 .ls.i18 .im{background-image:url(../images/ico_main1_18.png);}

.mMain1.hType1 .ls{height:429px;}
.mMain1.col4 .ls{width:25%;}
.mMain1.col4 .ls:before{background-color:#ebebeb;}
.mMain1.col4 .ls:first-child:before{background-color:#cfcfcf;}
/* //add200210109 */


/* for chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){

}
/* add 2021-0109 */
.mList1 li.w3{width:85px;}
.mList1 li.w4{width:143px;}
.mList1 li.w5{width:168px;}
.mList1 li.w8{width:107px;}
.mList1 li.w9{width:119px;}
/* add-2021-0109 */

/* add 2021-08-12 */
.mList1 li.w1 {width:93px;}
.mList1 li.w2 {width:75px;}
.mList1 li.w3 {width:95px;}
.mList1 li.w6 {width:152px;}
.mList1 li.w7 {width:148px;}
.mList1 li.w8 {width:111px;}

/* screen resolutions lower than 1000px */
@media all and (max-width:1400px){
	.forWeb{display:none;}
	.forMobile{display:inline;}
	div.forMobile{display:block;}

	#wrap .bg,
	#footer .bg{width:auto;}


	#header,
	#footer{padding:0;}

	#header{position:absolute;top:0;left:0;width:100%;text-align:center;line-height:57px;height:57px;z-index:100;}
	#header h1 span{float:none;display:inline-block;margin-top:-5px;vertical-align:top;}
	#header h1 .i.forWeb{display:none;}
	#header h1 .i.forMobile{display:inline-block;}
	#header h1 img{height:57px;}
	#header h1 .t{margin-left:5px;padding-left:15px;font-size:15px;line-height:53px;height:53px;}
	#header h1 .t:before{width:1px;}

	#footer{text-align:center;margin-top:-130px;height:130px;}
	#footer .logo{display:none;}
	#footer .txt{margin:0;padding:45px 0 0;}
	#footer .txt .co{font-size:10px;}
	#footer .iTop{position:absolute;top:-25px;left:50%;display:block;background:url(../images/ico_top_m.png) 50% 10px no-repeat #808595;background-size:10px auto;color:#e9ebf0;font-size:11px;text-align:center;border-radius:50%;width:50px;height:50px; margin-left: -25px; z-index: 10;}
	#footer .iTop span{display:inline-block;padding-top:20px;}

	#body{padding:20px 20px 200px;}

	.mKeysub{position:relative;background-image:url(../images/img_keysub1_m.png);background-size:cover;padding:57px 0 0;height:85px;}
	.mKeysub .btn{display:block;position:absolute;bottom:0;left:50%;margin-left:-35px;background:url(../images/ico_keysub1_m.png) 50% 100% no-repeat;background-size:69px 33px;text-indent:-9999px;font-size:0;width:69px;height:33px;}
	.mKeysub h2{font-size:20px;padding:15px 0 0;}
	.mKeysub .back,
	.mKeysub .txt{display:none;}

	.mKeysub.selected{background:#2856b6;height:auto;}
	.mKeysub.selected .back{display:block;}
	.mKeysub.selected .back img{width:100%;}
	.mKeysub.selected .bg{position:absolute !important;top:1.25rem;left:0;width:100% !important;}
	.mKeysub.selected h2{font-size:34px;padding-top:110px;}
	.mKeysub.selected .txt{display:block;font-size:16px;}
	.mKeysub.selected .btn{background-image:url(../images/ico_keysub1_on_m.png);}

	.mGraph1 .tit{background:url(../images/ico_tit2_m.png) 17px 50% no-repeat;background-size:13px 9px;font-size:16px;padding-left:40px;line-height:45px;height:45px;}
	.mGraph1 .tit .ti { width: calc(100% - 110px); line-height: normal; vertical-align: middle; display: flex; align-items: center;}
	.mGraph1 .tit .gRt{right:15px; top:30px;}
	.mGraph1 .grp{padding:20px;}
	.mGraph1 .grp img{width:100%;height:auto;}

	.iPeo{background:url(../images/ico_peo1_m.png) 0 50% no-repeat;background-size:10px auto;color:#2c343d;font-size:12px;padding-left:17px;}

	/* 2021-09-01 파이차트 text 기준일 css START */
	.iTxt{position: absolute;right: 130px;color: #2c343d;font-size: 14px;}
	/* 2021-09-01 파이차트 text 기준일 css END */

	.mTab1{position:relative;background-color:#fff;text-align:center;text-align:left;zoom:1;z-index:10;}
	.mTab1:after{ content:" ";display:block;clear:both;}
	.mTab1 .dep1,
	.mTab1 .dep2{float:left;border-bottom:0;width:50%;}
	.mTab1 .dep1 a.sel{display:block;padding:0;}
	.mTab1 .selList{position:absolute;top:65px;left:5px;background-color:#f8f8fa;border:1px solid #909090;border-top:0;border-radius:0 0 5px 5px;width:calc(100% - 6px);display:none;overflow:hidden;}
	.mTab1 .selList a{font-size:16px;text-align:center;}
	.mTab1 .dep1 .selList a{border-top:1px solid #cfcfcf;color:#333;font-size:16px;padding:0;line-height:55px;height:55px;}
	.mTab1 .dep1 .selList a.selected{background-color:#f8f8fa;font-weight:bold;}
	.mTab1 .dep1 .selList a.selected:before{display:none;}
	.mTab1 .dep1 a{float:none;color:#243549;font-size:16px;line-height:65px;height:65px;}
	.mTab1 .dep1 a span{padding:0 45px 0 25px;}
	.mTab1 .dep1 a span:before,
	.mTab1 .dep2 .sel span:before{content:"";position:absolute;top:50%;left:auto;right:10px;margin-top:-15px;background:url(../images/ico_select2_m.png) 50% 50% no-repeat #e9ebf0;background-size:10px 6px;border-radius:50%;width:30px;height:30px;}
	.mTab1 .dep2 .sel{position:relative;float:none;display:block;color:#2856b6;font-size:16px;padding:0;line-height:65px;height:65px;}
	.mTab1 .dep2 .selList .t{display:inline-block;}
	.mTab1 .dep2 .selList a span{padding:0;}
	.mTab1 .dep2 a span{padding:0 45px 0 25px;}
	.mTab1 .dep2 .sel span:after{display:none;content:"";position:absolute;top:50%;left:7px;margin-top:-13px;background:#dfe1e7;border-radius:50%;width:1px;height:26px;}
	.mTab1 .dep1 .sel span{display:block;position:relative;}
	.mTab1 .dep1.selected{position:relative;z-index:1;}
	.mTab1 .dep1.selected .selList,
	.mTab1 .dep2.selected .selList{display:block;}
	.mTab1 .dep1.selected .sel{font-weight:bold;}
	.mTab1 .dep1.selected .sel:before,
	.mTab1 .dep2.selected .sel:before{content:"";position:absolute;top:5px;left:5px;border:1px solid #909090;border-bottom:0;border-radius:5px 5px 0 0;width:calc(100% - 6px);height:calc(100% - 5px);}
	.mTab1 .dep1.selected a span:before,
	.mTab1 .dep2.selected .sel span:before{background-image:url(../images/ico_select2_on_m.png);background-color:#2856b6;}
	.mTab1 .dep2.selected .sel:before{top:15px;background-color:transparent;left:0;width:calc(100% - 6px);}

	.mTab1 .dep2 .selList{left:calc(-100% + 5px);width:calc(200% - 11px);}
	.mTab1 .dep2 .selList:after{content:"";position:absolute;top:0;left:0;background-color:#909090;width:50%;height:1px;}
	.mTab1 .dep2 .selList:before{content:"";position:absolute;top:0;left:50%;background-color:#909090;width:1px;height:100%;}
	.mTab1 .dep2 .selList a{display:block;float:left;margin-bottom:-1px;padding:0;border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;color:#333;font-size:16px;width:calc(50%  - 1px);line-height:55px;}
	.mTab1 .dep2 .selList a:before{display:none;}
	.mTab1 .dep2 a.selected{background-color:#e7edff;color:#2856b6;}
	.mTab1 .dep2 a.selected span{position:relative;}
	.mTab1 .dep2 a.selected span:before{content:"";position:absolute;top:0;left:1px;background-color:#909090;width:1px;height:100%;}



	.gMain1 .gLeft,
	.gMain1 .gRight{float:none;width:auto;}

	.mMain1{border:0;margin-bottom:6px;}
	.mMain1 .ls{border:1px solid #cfcfcf;margin-left:6px;width:calc(50% - 8px);height:175px;}
	.mMain1 .ls:before{display:none;}
	.mMain1 .ls .nu{font-size:20px;padding-top:25px;}
	.mMain1 .ls .nu span{background:none;text-decoration:underline;}
	.mMain1 .ls .im{background-size:auto 60px;margin:10px 0 0;height:60px;}
	.mMain1 .ls .tx{position:absolute;bottom:0;left:0;width:100%;font-size:15px;min-height:45px;}
	.mMain1 .ls .ts{display:none;}

	.mTitle1{text-align:center;}
	.mTitle1 .gRt{position:relative;top:auto;right:auto;width:100%;}

	.select{background-image:url(../images/ico_select4_m.png);background-size:auto 6px;border-radius:5px;padding:0 30px 0 15px;line-height:35px;height:35px;}
	.select.type2{background-color:transparent;background-image:url(../images/ico_select1_m.png);background-size:6px auto;border:0;border-radius:0;border-bottom:2px solid #646566;text-align:left;padding:0 20px 0 0;line-height:30px;height:30px;}

	/*
	.mList1{border-top:0;padding-top:0;}
	.mList1 .mTitle1{background-image:url(../images/ico_list1_m.png);background-size:32px auto;margin-bottom:10px;}
	.mList1 .mTitle1 h3{background:none;margin-top:-5px;padding:0 0 0 15px;text-align:left;}
	.mList1 .mTitle1 h3 span{float:none;}
	.mList1 .mTitle1 h3 .ts2{display:block;padding:0;}
	.mList1 ul{border-bottom:0;}
	.mList1 li{float:none;border-left:0;width:auto !important;}
	.mList1 li .ls.blank{display:none;}
	.mList1 li .lst{display:none;border-top:1px solid #d9d9da;border-bottom:1px solid #d9d9da;padding:0 10px;}
	.mList1 li .lst .ls:first-child{border-top:0;}
	.mList1 li .lst .ls{height:auto;}
	.mList1 li .lst .ls input[type="checkbox"] + label{padding-left:25px;padding-top:5px;padding-bottom:5px;}
	.mList1 li .lst .ls input[type="checkbox"] + label:before{right:0;}
	.mList1 li input[type="checkbox"] + label:before{top:14px;}
	.mList1 li .tit input[type="checkbox"] + label{background:url(../images/ico_list2.png) 14px 19px no-repeat #fff;background-size:10px auto;font-size:15px;padding:5px 0 5px 38px;}
	.mList1 .tag{background:transparent;border:0;text-align:center;}
	.mList1 .tag .ls{border-radius:0;font-size:14px;padding:0 40px 0 10px;line-height:30px;height:30px;}
	.mList1 .tag .ls .iDel{margin-top:-9px;background-image:url(../images/ico_delete1_m.png);background-size:8px auto;border-radius:21px;width:18px;height:18px;}
	*/

	.mList1{border-top:0;}
	.mTitle1 h3 .ti{float:none;}
	.mTitle1 h3 .ts2{display:block;padding-left:0;}
	.mList1 .row .mTitle1.type2 h3{text-align:left;}
	.mList1 .row .mTitle1.type2 h3{background-image:url(../images/ico_list1_2_m.png);background-position:0 50%;background-size:40px auto;padding:12px 0 12px 54px;}
	.mList1 .row.selected:last-child{border-bottom:0;}
	.mList1 .row.selected .mTitle1.type2 h3{background-image:url(../images/ico_list1_2_on_m.png);}
	.mList1 .row .mTitle1.type2 .more{background-image:url(../images/ico_list1_m.png);background-size:42px auto;}
	.mList1 .row.hiddenList .mTitle1.type2 .more{background-image:url(../images/ico_list1_on_m.png);}
	.mList1 .row .list .info{display:none;}
	.mList1 .row .list{background-color:transparent;border:0;padding:0;}
	.mList1 li .tit .dragArea{cursor: grab;top:50%;left:auto;right:-6.5px;margin:-16px 0 0;background:url(../images/ico_drag1_m.png) 0 0 no-repeat;background-size:13px auto;width:13px;height:32px;z-index:1;}

	/*
	.mList1 li .tit input[type="checkbox"]:checked + label{background-image:url(../images/ico_list2_on.png);color:#2856b6;}
	.mList1 li.selected .lst{display:block;}
	*/

	.mList1 ul{border:1px solid #cfcfcf;border-bottom:0;}
	.mList1 li{float:none;border:0;border-bottom:1px solid #cfcfcf;margin:0 0 -1px;width:auto !important;}
	.mList1 li:last-child{border-bottom:0;}
	.mList1 li .ls.blank{display:none;}
	.mList1 li .lst{display:none;border-top:1px solid #d9d9da;border-bottom:1px solid #d9d9da;padding:0 10px;}
	.mList1 li .lst .ls:first-child{border-top:0;}
	.mList1 li .lst .ls{height:auto;}
	.mList1 li.selected .lst{display:block;}
	.mList1 li .lst .ls input[type="checkbox"] + label{padding-left:25px;padding-top:5px;padding-bottom:5px;}
	.mList1 li .lst .ls input[type="checkbox"] + label:before{right:0;}
	.mList1 li input[type="checkbox"] + label:before{top:14px;}
	.mList1 li .tit input[type="checkbox"] + label{background:url(../images/ico_list2.png) 14px 19px no-repeat #fff;background-size:10px auto;font-size:15px;padding:0 0 0 35px;}

	.mList1 .tag{background-color:transparent;border:0;padding:10px 0;text-align:center;}
	.mList1 .tag .ls{position:relative;display:inline-block;background-color:#fff;border:1px solid #cfcfcf;color:#2856b6;padding:0 30px 0 10px;border-radius:0;line-height:30px;height:30px;}
	.mList1 .tag .ls .iDel{position:absolute;top:50%;right:6px;margin-top:-8.5px;background:url(../images/ico_delete1_2_m.png) 50% 50% no-repeat #ccc;background-size:17px auto;font-size:14px;border-radius:21px;width:17px;height:17px;}
	.mList1 .tag .ls.hidden{display:none;}

	.mButton1{margin-top:5px;}
	.mBtn1{border-radius:10px;font-size:17px;min-width:60px;line-height:38px;height:38px;}

	.mGird1{background-color:#fff;margin:40px -20px -70px;padding:40px 20px 110px;}
	.mGird1 .mTitle1{margin-top:0;text-align:left;}
	.mGird1 .mTitle1.type2 h3{background-image:url(../images/ico_tit2_m.png);background-size:13px auto;background-position:10px 9px;font-size:17px;padding-left:35px;}
	.mGird1 .mTitle1 .gRt{position:absolute;top:-5px;right:0;width:auto;}

	.mGraph1 .tit.type2{padding-left:15px;}
	.mGraph1 .tit.type2{font-size:15px;}
	.mGraph1 .grp .gr{border-bottom:1px solid #cfcfcf;margin:0 -20px 20px;padding:0 20px 15px;}
	.mGraph1 .grp .mBoard1{margin:0;overflow:hidden;overflow-x:auto;}
	.mGraph1 .grp .mBoard1 th,
	.mGraph1 .grp .mBoard1 td{font-size:12px;padding-left:10px;padding-right:10px;padding-top:3px;padding-bottom:3px;white-space:nowrap;}

	/* add20201202-m */
	.mInfo1{border-radius:10px;margin-top:20px;padding:15px 20px;width:auto;}
	.mInfo1 li{font-size:14px;line-height:150%;padding:0 0 0 10px;}
	.mInfo1 li:before{top:9px;left:0;width:3px;height:3px;}
	/* add20201202-m */

	/* add20201223-m */
	.iMore{font-size:14px;border-radius:30px;min-width:110px;}
	.iMore span{line-height:34px;height:34px;}
	/* add20201223-m */

	/* add200210109-m */
	.mMain1 .ls .tx em,
	.mMain1 .ls .tx span{line-height:20px;height:20px;}
	.mMain1 .ls .tx em{border-radius:20px;font-size:12px;padding:0 5px;}
	.mMain1 .ls .tx span{display:inline-block;}
	.mMain1 .ls .tl{margin:-5px 10px 0;}
	.mMain1 .ls .tl .l{font-size:14px;padding:2px 5px;}

	.mMain1.hType1 .ls{height:270px;}
	.mMain1.col4{margin-left:-6px;}
	.mMain1.col4 .ls{margin-bottom:6px;width:calc(50% - 8px);}
	.mMain1.col4 .ls .tx{position:relative;top:auto;left:auto;}

	.mTitle1.typeForMobile{}
	.mTitle1.typeForMobile h3{background:none;padding-left:0;text-align:left;padding-right:120px;}
	.mTitle1.typeForMobile h3 .ti{color:#2856b6;font-size:18px;}
	.mTitle1.typeForMobile .gRt{position:absolute;top:-4px;right:0;width:auto;}
	.mTitle1.typeForMobile .gRt .select{min-width:auto;}
	/* //add200210109-m */
}

/* ------------------------------------------------------------------------- */
/* [M 2021-09-16]
/* ------------------------------------------------------------------------- */

/* header */
#header {height:auto; padding: 25px 0 0 0; background:transparent; line-height:150%;}
#header .bg:after {display:block; clear:both; content:'';}
#header h1:after {display:block; clear:both; content:'';}
#header h1 .t {color:#fff; line-height:31px;}
.nav {float:right; font-size:0;}
.nav li {display:inline-block; position:relative; width:100px; height:40px; margin-right:20px; color:#fff; font-size:18px; font-weight:normal;}
.nav li a {color:inherit;}
.nav li a.on {font-weight:600;}
.nav li a.on:before {position:absolute; bottom:0; left:10px; width:80px; height:2px; background:#fff; content:"";}

/* footer */
/*#footer {background-color:#181f33;}*/
/*#footer .logo {width:150px; padding:25px 20px 0 0; opacity:0.6;}*/
/*#footer .txt {margin:0 0 0 127px; font-weight:300;}*/

footer {
	margin-top: 5rem;
	width: 100%;
	height: 250px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #181f33;
	color: #ffffff;
}

.address, .tel {
	text-align: center;
}

.footer-logo {
	margin-top: -0.625rem;
	margin-bottom: 0.625rem;
}

address {
	margin-bottom: 2.5rem;
	font-size: 1rem;
	text-align: center;
}

.tel {
	font-size: 0.875rem;
}

/* 상단 타이틀 */
/*.mKeysub {position:relative; height:300px; background-color:#1c2529;}*/
/*.mKeysub h2 {padding:48px 0 0; color:#00ffca;}*/
.mKeysub {position:relative; height:13rem; padding: 1rem 0; background-color:#1c2529;}
.mKeysub h2 {padding: 0; color:#00ffca;}

/* navigator */
.navPath {position: absolute; bottom:0; width: 100%; height:50px;  border-top:1px solid rgba(255, 255, 255, .4);}
.navPath .bg:after {display:block; clear:both; content:'';}
.navPathGroup {float:left;}
.navPathGroup:after {display:block; clear:both; content:'';}
.navPathGroup li {float:left; height:50px; line-height: 50px; color:#fff; border-left:1px solid rgba(255, 255, 255, .4); padding: 0 30px; }
.navPathGroup li:last-child {border-right:1px solid rgba(255, 255, 255, .4);}
.navPathGroup li.home {width: 30px; background: url("../images/ico_home_w.png")center center no-repeat; cursor: pointer;}

/* sidebar */
/*input[id="hamburger"] + label span {background:#fff;}*/

/* 탭메뉴 */
.mTab1 {background-color:#f6f8fa;}
.mTab1 .dep1,
.mTab1 .dep2 {border-bottom:0;}
.mTab1 .dep1 a {min-width:168px; padding:0; border:1px solid #cfcfcf; color:#878787;}
.mTab1 .dep1 a.last {border-right:1px solid #cfcfcf;}
.mTab1 .dep1 a.selected:before {bottom:-3px;}
.mTab1 .dep2 a {margin-bottom:30px; font-size:16px;}
.mTab1 .dep2 a.selected {font-weight:600;}
.mTab1 .dep2 a.selected span:before {display:none;}

/* 타이틀 */
.mTitle1 {margin:0 0 32px;}
.mTitle1 h3 {background:none;}
.mTitle1 h3 span {float:none;}
.mTitle1 h3 span.inline {display:inline-block;}
.mTitle1 h3 .ti {text-align:center;}
.mTitle1 h3 .talignLeft {text-align:left;}

/* input - text */
input[type="text"] {margin:0; padding:0; font-family:'Noto Sans Korean','Open Sans', sans-serif, Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic; font-size:16px; outline:0;}
input[type="text"]::placeholder {color:#a6a6a6;}

/* input - checkbox */
input[type="checkbox"].hidden {visibility:hidden; display:block; width:0; height:0; margin:0; clip:auto;}

/* button */
button {-webkit-appearance:none; appearance:none; display:block; margin:0; padding:0; border:0; background:none; font-family:'Noto Sans Korean','Open Sans', sans-serif, Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic; outline:0; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* select */
.select {-webkit-appearance:none; appearance:none;}

/* list */
.mList1 li {width:auto;}
.mList1 li input[type="checkbox"] + label {padding-right:35px;}

/* list - 데이터셋 */
.mList2 > ul {border-top:2px solid #0e3596;}
.mList2 > ul > li {border-bottom:1px solid #cfcfcf;}
.mList2 > ul > li > .box {position:relative; padding:20px 128px 15px 0;}
.mList2 > ul > li > .box .icon {margin:-5px 0 0 -5px; font-size:0;}
.mList2 > ul > li > .box .icon li {display:inline-block; *display:inline; *zoom:1; margin:5px 0 0 5px; padding:0 10px; height:26px; border:1px solid transparent; -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; font-size:14px; font-weight:700; line-height:24px; vertical-align:top;}
.mList2 > ul > li > .box .icon li.data {border-color:#5186da; color:#5186da;}
.mList2 > ul > li > .box .icon li.cate {border-color:#947d4f; color:#947d4f;}
.mList2 > ul > li > .box .icon li.type {color:#fff;}
.mList2 > ul > li > .box .icon li.type.csv {border-color:#00997b; background:#00997b;}
.mList2 > ul > li > .box .icon li.type.json {border-color:#5186da; background:#5186da;}
.mList2 > ul > li > .box .icon li.type.api {border-color:#5186da; background:#5186da;}
.mList2 > ul > li > .box .subject a {display:inline-block; padding:16px 0 12px; color:#000; font-size:18px; font-weight:700;}
.mList2 > ul > li > .box .explain {color:#747578; font-size:14px;}
.mList2 > ul > li > .box .summary {margin:-5px 0 0 -20px; font-size:0;}
.mList2 > ul > li > .box .summary li {display:inline-block; *display:inline; *zoom:1; margin:5px 0 0 20px; color:#747578; font-size:14px; vertical-align:top;}
.mList2 > ul > li > .box .summary li span {color:#000;}
.mList2 > ul > li > .box .btn {position:absolute; top:50%; right:0; padding:0 20px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.mList2 > ul > li > .box .btn button {-webkit-appearance:none; appearance:none; height:28px; padding:0 20px; border:1px solid #464a55; -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; color:#464a55; font-size:14px; line-height:26px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.mList2 > ul > li > .box .btn button + button {margin-top:10px;}

/* table */
/* .mBoard1 tbody th:first-child {border-left:0;} */

/* paging */
.paging {margin-top:30px; font-size:0; text-align:center;}
.paging > * {display:inline-block; *display:inline; *zoom:1; margin:0 2px; vertical-align:middle;}
.paging > button {position:relative; width:32px; height:32px; border:1px solid #ccc;}
.paging > button:before {display:block; position:absolute; top:50%; left:50%; height:10px; margin-top:-5px; background-repeat:no-repeat; background-position:center; background-size:auto 100%; content:'';}
.paging > button.first:before {width:10px; margin-left:-5px; background-image:url('../images/arrow_double.png');}
.paging > button.prev:before {width:6px; margin-left:-3px; background-image:url('../images/arrow.png');}
.paging > button.next:before {width:6px; margin-left:-3px; background-image:url('../images/arrow.png'); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); transform:rotateY(180deg);}
.paging > button.last:before {width:10px; margin-left:-5px; background-image:url('../images/arrow_double.png'); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); transform:rotateY(180deg);}
.paging ol {margin:0 8px;}
.paging ol li {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.paging ol li > * {display:block; width:32px; height:32px; border:1px solid transparent; color:#999; font-size:14px; text-align:center; line-height:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.paging ol li strong {border-color:#3671c8; color:#3671c8; font-weight:400;}

.footRight {float:right;}
.footRight .call {float:left;display: inline-block; width:47px; height:47px; margin:0 15px 0; background: url("../images/ico_call.png")center center no-repeat; opacity: 0.4;}
.footRight .callR {float:left; display: inline-block; width: 200px; height: 47px;}
.footRight .callNum {}

/* aside */
.asideBtn {display:none;}
aside.aside {position:absolute; top:0; left:0; z-index:5; width:210px; border:1px solid #e0e0e0; border-top:2px solid #0e3596; background:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
aside.aside dl dt {position:relative; padding:20px 55px 20px 20px; border-top:1px solid #e0e0e0; color:#5186da; font-size:16px;}
aside.aside dl dt:before {display:block; position:absolute; top:50%; right:20px; width:15px; height:10px; margin-top:-5px; background:url('../images/arrow_bl.png') no-repeat center/100% auto; content:'';}
aside.aside dl dt.active:before {-webkit-transform:rotateX(180deg); -moz-transform:rotateX(180deg); transform:rotateX(180deg);}
aside.aside dl dd {display:none; padding:10px; background:#f6f6f6;}
aside.aside dl dd ul li {padding:3px 0;}
aside.aside dl dd ul li input[type="checkbox"].hidden + label {display:block; height:30px; padding:0 34px 0 10px; color:#747578; font-size:14px; line-height:28px;}
aside.aside dl dd ul li input[type="checkbox"].hidden + label:before {display:none;}
aside.aside dl dd ul li input[type="checkbox"].hidden:checked + label {background:#0e3596; color:#fff; font-weight:700;}
aside.aside dl dd ul li input[type="checkbox"].hidden:checked + label:before {display:block; top:50%; right:10px; left:auto; width:14px; height:14px; margin-top:-7px; background:url('../images/checkbox_checked.png') no-repeat center/100% auto;}
aside.aside dl dd.active {display:block;}
aside.aside + .cont {padding-left:240px; min-height:970px; }

/* 검색창 */
.box_search {position:relative; width:856px; margin:0 auto; padding:40px 126px 40px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.box_search:before {display:block; position:absolute; top:50%; left:28px; width:19px; height:19px; margin-top:-9.5px; background:url('../images/search.png') no-repeat center/100% auto; content:'';}
.box_search input[type="text"] {width:100%; height:50px; padding:0 20px 0 65px; border:2px solid #002990; background:#fff; line-height:48px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.box_search .btn {position:absolute; top:50%; right:0px; width:120px; height:50px; margin-top:-25px; background:#0e3596; color:#fff; font-size:16px; font-weight:700; line-height:48px;}

.box_search.type2 {width:auto; padding:0 26.25% 0 0;}
.box_search.type2:before {display:none;}
.box_search.type2 input[type="text"] {padding:0 20px;}
.box_search.type2 .btn {width:26.25%; height:auto; margin-top:-25px; background:transparent;}
.box_search.type2 .btn.col2 {margin-left:-6px;}
.box_search.type2 .btn.col2:after {display:block; clear:both; content:'';}
.box_search.type2 .btn.col2 .box_btn {display:block; float:right; width:calc(50% - 6px); margin-left:6px;}
.box_search.type2 .btn.col2 .box_btn:first-child {float:left;}
.box_search.type2 .btn.col2 .box_btn > * {width:100%; height:50px; font-size:16px; font-weight:700; line-height:48px;}

.resultTxt {padding-bottom:40px; color:#000; font-size:22px; text-align:center;}
.resultTxt strong {color:#f36d1f; font-size:inherit;}

/* screen resolutions lower than 1000px */
@media all and (max-width:1400px){
	/* header */
	#header {height:57px; line-height:57px;}
	#header h1 .t {line-height:53px;}
	.nav {display:none;}


	/* footer */
	#footer .txt {margin:0;}

	/* 상단 타이틀 */
	.mKeysub {height:200px;}
	.mKeysub.selected {background:url('../images/img_keysub1_m.png') no-repeat 50% 50%/cover #1c2529;}
	.mKeysub.selected .back {height:140px;}
	.mKeysub.selected h2 {padding-top:80px; font-size:30px;}
	.mKeysub.selected .txt {font-size:14px;}
	
	.mTab1 {background-color:#f6f8fa;}
	.mTab1 .dep1 .selList a {border-bottom:0;}
	.mTab1 .dep1 a {margin:0; border:0; border-bottom:1px solid #cfcfcf;}
	.mTab1 .dep2 a {margin-bottom:0; border-bottom:1px solid #cfcfcf;}

	/* list - 데이터셋 */
	.mList2 {margin-top:20px;}
	.mList2 > ul > li > .box {padding-right:0;}
	.mList2 > ul > li > .box .explain {padding-bottom:5px;}
	.mList2 > ul > li > .box .btn {position:relative; top:auto; right:auto; padding:0; -webkit-transform:none; -moz-transform:none; transform:none;}
	.mList2 > ul > li > .box .btn button {display:inline-block; margin-right: 8px;}

	.navPath{display: none;}

	/* 좌측메뉴 */
	.asideBtn {display:block;}
	.asideBtn button {position:relative; display:block; width:100%; margin-top:-10px; padding:10px 0; font-size:16px; text-align:left; line-height:40px;}
	.asideBtn button:before {display:block; position:absolute; top:50%; right:0; width:40px; height:40px; margin-top:-20px; border:1px solid #d3d5d4; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:url('../images/arrow.png') no-repeat center/10px auto; transform:rotate(-90deg); content:'';}
	.asideBtn button.active:before {transform:rotate(-270deg);}
	aside.aside {display:none; position:relative; top:auto; left:auto; width:100%;}
	aside.aside + .cont {padding-left:0;}
	aside.aside.active {display:block;}

	/* 검색창 */
	.box_search {width:auto; padding:20px 140px 20px 20px;}
	.box_search:before {left:30px;}
	.box_search input[type="text"] {padding:0 10px 0 29px;}
	.box_search .btn {right:20px;}
	.resultTxt {padding-bottom:20px; font-size:18px;}
}

/* ------------------------------------------------------------------------- */
/* [M 2021-10-15] 추가
/* ------------------------------------------------------------------------- */

/* radio */
input[type="radio"].hidden + label {padding-left:28px; font-size:14px; line-height:1.2;}
input[type="radio"].hidden + label:before {width:18px; height:18px; background:url('../images/radio.png') no-repeat center;}
input[type="radio"].hidden:checked + label:before {background-image:url('../images/radio_checked.png');}

/* 레이어 - 공통 */
.layer_common {display:none; position:fixed; top:50%; left:50%; z-index:1000; border:1px solid #e0e1e3; background:#fff; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.layer_common button.close {position:absolute; top:0; right:0; width:19px; height:19px; padding:20px 25px; background:url('../images/close.png') no-repeat center; color:transparent; font-size:0; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.layer_common dl dt {color:#2856b6; font-size:22px; font-weight:700; text-align:center;}
.layer_common.active {display:block;}

/* 레이어 - 딤드 */
.layerDimmed {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:100; width:100%; height:100%; background:rgba(0,0,0,0.6);}

/* 레이어 - 다운로드 */
.layer_download {width:512px; margin-left:-256px;}
.layer_download dl dt {padding:60px 0;}
.layer_download dl dd {text-align:center;}
.layer_download dl dd p {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.layer_download dl dd p + p {margin-left:100px;}
.layer_download dl dd.btn {padding:50px 0;}
.layer_download dl dd.btn button {width:140px; height:46px; margin:0 auto; -webkit-border-radius:23px; -moz-border-radius:23px; border-radius:23px; background:#2856b6; color:#fff; font-size:18px; text-align:center; line-height:46px;}

/* 레이어 - 미리보기 */
.layer_preview {width:1032px; margin-left:-516px;}
.layer_preview dl dt {padding:20px 0;}
.layer_preview dl dd {padding:0 30px 30px;}
.layer_preview dl dd .area {width:100%; }

/* table [2021-11-01] 추가*/
.tableStyle_pre{ background:#fff;}
.tableStyle_pre thead th{padding: 5px;border: 1px solid #5387da; background:#eef5fb; font-size: 14px; font-weight: 400; box-sizing: border-box;}
.tableStyle_pre td{padding: 5px;border-left: 1px solid #c3c3c3;border-right: 1px solid #c3c3c3;border-bottom: 1px solid #c3c3c3; background:#fff; font-size: 14px;box-sizing: border-box;}

/*main : 21.12.23 추가*/
.nav li {text-align:center;}
.main_wrap .bg,.main_footer .bg{max-width:1190px !important; width: 100% !important; margin: 0 auto;}
.main_wrap #header{position: absolute !important; width: 100%; z-index: 150;}
.main_wrap #body{height: 1024px; overflow: hidden; padding: 0px 0px 155px; box-sizing: border-box;}
.main_wrap .main_roll{position: relative; height: 100%; overflow: hidden;}

.main_roll_slide{position: relative; width: 100%; height: 100%; display: inline-block; z-index: 1;}
.main_roll_slide li{width:100%; height: 100%; float: left; display: inline-block; padding: 85px 0px 0px !important; box-sizing: border-box; text-align: center;}
.main_roll_slide .slide_ara{margin-top: -100px; display: block;}
.main_roll_slide .slide_bg{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.65);}
.main_roll_slide .slide_ara .tit{font-size:48px; line-height: 70px; font-weight: bold; color: #fff;}
.main_roll_slide .slide_ara .tit span{color: #00ffca; display: block;}
.main_roll_slide .slide_ara .btn{width: 320px; margin: 80px auto 0; display: block; background: #fac81b;}
.main_roll_slide .slide_ara .btn a{display: block; padding: 24px 0px; text-align: center;}
.main_roll_slide .slide_ara .btn span{display: inline-block; font-size: 18px; padding-right: 50px; font-weight: bold; background: url("../images/btn_main_con_off.png") center right no-repeat;}

.main_roll_slide .slide01{background: url("../images/main_visual01.gif") center center no-repeat; background-size: cover;}
.main_roll_slide .slide02{background: url("../images/main_visual02.gif") center center no-repeat; background-size: cover;}
.main_roll_slide .slide03{background: url("../images/main_visual03.gif") center center no-repeat; background-size: cover;}
.main_roll_slide .slide04{background: url("../images/main_visual04.gif") center center no-repeat; background-size: cover;}
.main_roll_slide .slide05{background: url("../images/main_visual05.gif") center center no-repeat; background-size: cover;}

.main_roll_arr div{position: absolute; top: 350px; z-index: 10;}
.main_roll_arr span{width: 88px; height: 88px; display: block; font-size: 0px;}
.main_roll_arr .arr_l{left: 50%; margin-left: -580px;}
.main_roll_arr .arr_l span{background: url("../images/arr_main_l.png") center center no-repeat; background-size: 100% 100%;}
.main_roll_arr .arr_r{right: 50%; margin-right: -580px;}
.main_roll_arr .arr_r span{background: url("../images/arr_main_r.png") center center no-repeat; background-size: 100% 100%;}

.main_roll_nav{position: absolute; bottom: 100px; width: 100%; z-index: 10; display: block;}
.main_roll_nav:after {content: '';position: absolute;top: 83px;width: calc(100% - 2px);left: 1px;height: 1px;background: rgba(255,255,255,0.3);}
.main_roll_nav ul{width: 100%; max-width: 1100px; /*display: inline-block;*/ margin: 0 auto; text-align: center;}
.main_roll_nav li{display: inline-block; width: 19%; padding: 0px 15px; text-align: center; box-sizing: border-box; vertical-align: top;}
.main_roll_nav a{display: block;}
.main_roll_nav span{display: block;}
.main_roll_nav .tit{font-size: 18px; color: #ffffff; padding-top: 42px; padding-bottom: 20px; border-bottom: 1px solid #ffffff; margin-bottom: 20px;}
.main_roll_nav .txt{font-size: 14px; font-weight: normal; line-height: 21px; color: #ffffff;}


.main_roll_nav a:hover,.main_roll_nav a.on{background: url("../images/ico_main_sum.png") center top no-repeat;}
.main_roll_nav a:hover .tit,.main_roll_nav a.on .tit{color: #1bd5ae; border-bottom: 1px solid #1bd5ae;}
.main_roll_nav a:hover .txt,.main_roll_nav a.on .txt{color: #1bd5ae;}

@media all and (max-width:1400px){
	
	/*main :: 21.12.23*/
	.main_roll_slide .slide_ara{margin-top: -150px;}
	.main_roll_arr .arr_l{left: 30px; margin-left:0px;}
	.main_roll_arr .arr_r{right: 30px; margin-right:0px;}
}


/* screen resolutions lower than 1000px */
@media all and (max-width:1400px) {
	/* 레이어 - 공통 */
	.layer_common {width:90%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

	/* 레이어 - 다운로드 */
	.layer_download {margin-left:0;}

	/* 레이어 - 미리보기 */
	.layer_preview {margin-left:0;}

	
	/*main :: 21.12.23*/
	.main_wrap #body{padding: 0px 0px 129px;}
	.main_wrap #header{padding-top: 0px;}
	
	.main_roll_slide .slide_ara{margin-top: -200px;}
	.main_roll_slide .slide_ara .tit{padding: 0px 100px; font-size: 44px; line-height: 58px;}
	.main_roll_slide .slide_ara .btn span{font-size: 16px;}
	.main_roll_arr div{position: absolute; top: 36%; z-index: 10;}
	.main_roll_arr span{width: 70px; height: 70px;}
	.main_roll_nav a:hover,.main_roll_nav a.on{background: url("../images/ico_main_sum_m.png") center top no-repeat; background-size:19px 26px;}
}


@media all and (max-width:767px){
	
	/*main :: 21.12.23*/
	.main_roll_slide .slide_ara .tit{padding: 0px 80px; font-size: 36px; line-height: 48px;}
	
	.main_roll_slide .slide_ara{margin-top: -250px;}
	.main_roll_slide .slide_ara .tit span{display: inline; margin-left: 8px;}
	.main_roll_slide .slide_ara .btn a{padding: 24px 0px;}
	.main_roll_slide .slide_ara .btn{width: 300px; margin: 50px auto 0;}
	.main_roll_slide .slide_ara .btn span{font-size: 16px;}
	.main_roll_nav{bottom: 150px;}	
	.main_roll_arr div{display: none;}
	
	
}

@media all and (max-width:640px){
	
	/*main :: 21.12.23*/
	.main_roll_slide .slide_ara{margin-top: -150px;}
	.main_roll_slide .slide_ara .tit{padding: 0px 30px; font-size: 30px; line-height: 42px;}
	.main_roll_nav{bottom: 15%;}
	.main_roll_nav li{width: 18%; padding: 0px 4px;}
	.main_roll_nav .tit{font-size: 14px;}
	.main_roll_nav .txt{display: none !important;}

}

@media all and (max-width:480px){
	
	/*main :: 21.12.23*/
	.main_wrap #body{height: 830px;}
}


@media all and (max-width:320px){
	
	/*main :: 21.12.23*/
	.main_wrap #body{height: 700px;}
	.main_roll_slide .slide_ara .tit{font-size: 28px; line-height: 34px;}
	.main_roll_slide .slide_ara .btn a{padding: 18px 0px;}
	.main_roll_slide .slide_ara .btn{width: 260px;}
	.main_roll_nav .tit{font-size: 13px;}
}

/* ------------------------------------------------------------------------- */
/* [M 2022-07-11] 추가
/* ------------------------------------------------------------------------- */

.tac {text-align:center !important;}

.box_btn {display:inline-block; *display:inline; *zoom:1; text-align:center; vertical-align:top;}
.box_btn > * {display:inline-block; display:inline; *zoom:1; padding:0 10px; border:1px solid #0e3596; background:#0e3596; color:#fff; font-family:'Noto Sans Korean','Open Sans', sans-serif, Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.box_btn.charcoal > * {border-color:#545963; background:#545963; color:#fff;}

p.total {padding:35px 0 15px; color:#747578;}

.tabcnt_common {display:none;}
.tabcnt_common.active {display:block;}

ul.list_board {border-top:2px solid #0e3596;}
ul.list_board > li {border-bottom:1px solid #cfcfcf;}
ul.list_board > li .box {padding:20px;}
ul.list_board > li .box .num_icon {margin-left:-8px; padding-bottom:5px; font-size:0;}
ul.list_board > li .box .num_icon > * {display:inline-block; *display:inline; *zoom:1; margin-left:8px; vertical-align:middle;}
ul.list_board > li .box .num {color:#747578; font-size:14px;}
ul.list_board > li .box .icon {padding:0 5px; height:16px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#f36d1f; color:#fff; font-size:9px; font-weight:700; line-height:16px;}
ul.list_board > li .box .subject {margin-bottom:13px;}
ul.list_board > li .box .subject a {color:#000; font-size:18px; font-weight:700;}
ul.list_board > li .box .subject img {margin-top:2px; vertical-align:top;}
ul.list_board > li .box .info {margin:-5px 0 0 -30px; font-size:0;}
ul.list_board > li .box .info > * {display:inline-block; *display:inline; *zoom:1; margin:5px 0 0 30px; vertical-align:top;}
ul.list_board > li .box .info dl {font-size:0;}
ul.list_board > li .box .info dl > * {display:inline-block; *display:inline; *zoom:1; font-size:14px; vertical-align:top;}
ul.list_board > li .box .info dl dt {position:relative; margin-right:4px; padding-right:6px; color:#000;}
ul.list_board > li .box .info dl dt:before {display:block; position:absolute; top:0; right:0; color:#000; font-size:14px; content:':';}
ul.list_board > li .box .info dl dd {color:#747578;}

.boardView {border-top:2px solid #0e3596;}
.boardView .subject_info {padding:27px 20px 25px;}
.boardView .subject_info .subject {margin-bottom:15px; font-size:18px; font-weight:700;}
.boardView .subject_info .info {margin-left:-35px; font-size:0;}
.boardView .subject_info .info > * {display:inline-block; *display:inline; *zoom:1; margin-left:35px; vertical-align:middle;}
.boardView .subject_info .info dl {font-size:0;}
.boardView .subject_info .info dl > * {display:inline-block; *display:inline; *zoom:1; font-size:14px; vertical-align:middle;}
.boardView .subject_info .info dl dt {position:relative; margin-right:4px; padding-right:6px;}
.boardView .subject_info .info dl dt:before {display:block; position:absolute; top:0; right:0; color:#000; font-size:14px; content:':';}
.boardView .subject_info .info dl dd {color:#747578;}
.boardView .cont {min-height:0 !important; padding:26px 20px 28px; border:1px dashed #e0e1e3; border-width:1px 0; background:#f6f8fa;}
.boardView .attach {padding:23px 20px; border-bottom:1px solid #cfcfcf;}
.boardView .attach li {position:relative; margin:5px 0; padding-left:25px;}
.boardView .attach li:before {display:block; position:absolute; top:50%; left:0; width:15px; height:17px; margin-top:-8.5px; background:url('../images/i_attach.png') no-repeat center/100% auto; content:'';}
.boardView .ctrl {margin-top:50px; border-top:1px solid #cfcfcf;}
.boardView .ctrl dl {padding:20px 0; border-bottom:1px solid #cfcfcf; font-size:0;}
.boardView .ctrl dl > * {display:inline-block; *display:inline; *zoom:1; font-size:14px; vertical-align:middle;}
.boardView .ctrl dl dt {position:relative; width:12.50%; padding-left:52px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.boardView .ctrl dl dt:before {display:block; position:absolute; top:50%; left:20px; width:12px; height:8px; margin-top:-4px; background-repeat:no-repeat; background-position:center; background-size:100% auto; content:'';}
.boardView .ctrl dl dd {width:87.50%;}
.boardView .ctrl dl dd a {color:#747578;}
.boardView .ctrl dl.prev dt:before {background-image:url('../images/arrow_top.png');}
.boardView .ctrl dl.next dt:before {background-image:url('../images/arrow_bottom.png');}
.boardView .btn {margin-top:30px;}
.boardView .btn .box_btn > * {width:120px; height:50px; font-size:16px; font-weight:700; line-height:48px;}

/* 통계자료 */
#statsData .aside ul li + li {border-top:1px solid #e0e0e0;}
#statsData .aside ul li a {display:block; position:relative; padding:20px 48px 20px 20px; color:#747578; font-size:16px;}
#statsData .aside ul li a:hover,
#statsData .aside ul li a.active {color:#0e3596; font-weight:700;}
#statsData .aside ul li a:hover:before,
#statsData .aside ul li a.active:before {display:block; position:absolute; top:50%; right:20px; width:8px; height:13px; margin-top:-6.5px; background:url('../images/arrow_right_nv.png') no-repeat center/100% auto; content:'';}
#statsData .cont {min-height:500px;}
#statsData .tabcnt_data.active {display:flex;}
#statsData .tabcnt_data4.active {display:block;}
#statsData .tab_year {overflow-y:auto; width:20.41%; max-height:460px; padding:10px 0; border:1px solid #e0e0e0; border-top:2px solid #0e3596; background:#f6f8fa;}
#statsData .tab_year li a {display:block; height:46px; color:#747578; font-size:16px; text-align:center; line-height:46px;}
#statsData .tab_year li a:hover,
#statsData .tab_year li a.active {background:#0e3596; color:#fff; font-weight:700;}
#statsData .tabcnt_year {overflow-y:auto; width:79.59%; max-height:460px; margin-left:-1px; padding:10px 0; border:1px solid #e0e0e0; border-top:2px solid #0e3596;}
#statsData .tabcnt_year ul li {display:flex; position:relative; height:46px; padding-right:11.67%;}
#statsData .tabcnt_year ul li span {color:#747578; line-height:46px;}
#statsData .tabcnt_year ul li span.date {width:12.73%; text-align:center;}
#statsData .tabcnt_year ul li button {position:absolute; top:50%; right:4.24%; margin-top:-12px;}
#statsData .tabcnt_year ul li:hover {background:#f6f6f6;}
#statsData .tabcnt_year ul li:hover span {color:#5186da;}
#statsData .search_area {padding:25px 50px; border:1px solid #e0e0e0; background:#f6f8fa;}
#statsData .search_area .box_search {width:auto;}

@media all and (max-width:1400px) {
	.box_search.type2 {padding-right:38.93%;}
	.box_search.type2 .btn {right:0; width:38.93%;}

	p.total {padding-top:30px;}

	ul.list_board > li .box {padding:20px 0;}

	.boardView .subject_info {padding:30px 0;}
	.boardView .cont {padding:30px 0; background:#fff;}
	.boardView .attach {padding:30px 0;}
	.boardView .btn .box_btn {display:block; width:100%;}
	.boardView .btn .box_btn > * {width:100%;}
	.boardView .ctrl dl dt {width:35.22%;}
	.boardView .ctrl dl dd {width:64.78%;}
	.boardView .ctrl dl dd a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

	#statsData .tabcnt_data.active {display:block;}
	#statsData .swiper_year {margin:-20px -20px 0; padding:0 10px; border-bottom:1px solid #cfcfcf;}
	#statsData .swiper_year .swiper-slide {width:auto;}
	#statsData .swiper_year .swiper-slide a {display:block; padding:25px 14px; color:#747578; font-size:1.286rem;}
	#statsData .swiper_year .swiper-slide a.active {color:#2856b6; font-weight:700;}
	#statsData .tabcnt_year {overflow-y:hidden; width:100%; max-height:100%; border:0;}
	#statsData .tabcnt_year ul li {border-bottom:1px solid #e0e0e0;}
	#statsData .tabcnt_year ul li span.date {width:30%;}
	#statsData .search_area {margin:-20px -20px 0; padding:20px; background:#fff;}
}