@charset "utf-8";
/** tree 수정 2021.07.12 **/
.file-list .popup_btn{top:0 !important;z-index:1; vertical-align: top !important;margin-top: 15px;}
.file-list .excel_down{top: 0px !important;z-index:1;text-indent:0 !important;width: auto !important;height: auto !important;margin-left: -91px !important;vertical-align: top !important;margin-top: 18px;}
.file-list .excel_down img{margin-top: 0px;display: block;}
.popup_btn+.excel_down{margin-left: -67px !important;}
.file-list>ul>li>ul>li>ul>li .child+.popup_btn{margin-left: -90px !important;}
.plus{cursor: pointer !important;}

.file-list li.FolderClose{position:relative;min-height:48px}
.file-list>ul>li ul.last{padding:10px 0;padding-top: 12px !important;}        
.file-list>ul>li>ul>li>ul li.FolderClose>a{display:inline-block;background-color:#ECF4F9;position:absolute;width:100%;height: 48px;}        
.file-list>ul>li>ul>li.FolderClose>a{display: inline-block;position:static;padding: 14px 90px 14px 0;position:absolute;width:100%;height: 48px;}
.file-list>ul>li>ul>li.FolderClose>a>span{max-width:100%;}
.file-list>ul>li>ul>li>a.child[data-open]:before,
.file-list>ul>li>ul>li>a.child[data-open]:after{top: 23px !important;}
.file-list>ul>li>ul>li>ul>li li>span:before{top: 20px !important;}
.tree_txt{min-height: 48px;padding-top: 9px;padding-bottom: 10px;padding-right: 25px !important;cursor:pointer;}
.tree_txt_excel{min-height: 48px;padding-top: 10px;padding-bottom: 10px;padding-right: 108px !important;cursor:pointer;}
.file-list>ul>li>ul>li>span{display: inline-block;position: relative;max-width: calc(100% - 30px);padding-left: 48px;word-break: break-all;font-weight: normal;font-size: 18px;color: #fff;}
.file-list>ul>li>ul>li>span:before{content:""; display:block; position:absolute; left:24px; top:3px; width:16px; height:16px; background-image:url(../img/layout/file-list-bul.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}


.file-list>ul>li>ul>li li>span+.popup_btn{margin-left: -18px !important;}
.file-list>ul>li>ul>li li>.tree_txt_excel+.popup_btn{margin-left: -97px !important;}
.file-list>ul>li>ul>li li>span+.excel_down{margin-left: -98px !important;}
.file-list>ul>li>ul>li>ul>li>ul>li>ul>li .tree_txt_excel{padding-right: 20px !important;}


.file-list>ul>li>ul>li>ul>li li>span{background-color:#ECF4F9;}
.file-list>ul>li>ul>li>ul>li>span{background-color: #ECF4F9;}

.file-list>ul>li>ul>li>span{max-width: calc(100% - 0px) !important;border-radius:8px;padding-right: 8px !important;background-color: #6E96D6;} /* 0331수정 */


[data-skin="inline-popup-stathtml"] > .in > .midd ul>li>span,
[data-skin="inline-popup"] > .in > .midd ul>li>span{background-color:#fff;padding-left:0;font-size:15px;}
[data-skin="inline-popup-stathtml"] > .in > .midd ul>li>span:before,
[data-skin="inline-popup"] > .in > .midd ul>li>span:before{display:none;}

/* 221207 css추가 */
.draw{margin-top: 30px;}

.draw ul li a video{width:100%; height:auto;}

@media(max-width:500px){
	.tree_txt{}
	.file-list>ul>li>ul>li>ul>li>span{padding-left: 30px !important;padding-right:10px;}
	.file-list>ul>li>ul>li>ul>li>a:before{left: 20px !important;}
	.file-list>ul>li>ul>li>ul>li>ul.last>li{padding-left:40px !important}	
	.file-list>ul>li>ul>li>ul.last>li span{}
	.file-list>ul>li ul.last>li>span,
	.file-list>ul>li ul.last>li>a{font-size:14px !important}	
	
}
/** tree 수정 2021.07.12 **/

/**  국제기구 홈페이지 팝업추가 210910 start **/
.Nationalhome{height: 100%;}
.Nationalhome a {text-decoration: none;color: #555;cursor: pointer;}
.Nationalhome .InternationalTab { display:table;  clear:both; margin-bottom: 0px; width:100%; height:30px; border-spacing:0; padding-top:10px;}
.Nationalhome .InternationalTab a { display:table-cell; width:20%; border:#ccc solid 1px; font-size:14px; color:#555; background:#f5f5f5; text-align:center;height: 45px;vertical-align: middle;}
.Nationalhome .InternationalTab a:hover { color:#333; }
.Nationalhome .InternationalTab a.M_on { background:#fff; color:#333; border-bottom:none; font-family: '나눔고딕B';}

.Nationalhome .TabList .trList{ border-left:none;}
.Nationalhome .TabList td { border-bottom:#dcdcdc solid 1px; padding:10px 15px;}
.Nationalhome .TabList td.title { font-family: '나눔고딕B';}
.Nationalbody{margin: 0; height: 100%;overflow: auto;}

.Nationalhome>h3{text-align: center;background: #08a08a;margin: 0px;color: #fff;height: 60px;line-height: 60px;text-shadow: 1px 2px 2px #046255;font-size: 20px;}
.Nationalhome .Nationbox{padding: 10px; /* height:calc(100% - 80px);*/}
.Nationalhome .Nationbox form{height: 100%;}
.Nationalhome [data-skin="table"]{ border: 1px solid #ddd;border-top: 2px solid #000; height: calc(100% - 110px); overflow-y: scroll;}
/**  국제기구 홈페이지 팝업추가 210910 end **/

#boards:after{content:"";display:block;clear:both;}
.byteCheck{float:left;margin-top:10px;}
.byteCheck #messagebyte{border:0;width: 40px;line-height: 0;font-size: 17px;font-weight: 400;color: #404040;height: auto;margin-top: -5px;padding:0;}
.byteCheck+div.btnbx{float:right;margin-top:10px !important;}
*{font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕','NotoSans','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif}
img{max-width:100% !important;height:auto !important;}
img[alt='수록기간']{margin-bottom: 3px;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	Common
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*페이징*/
.paging {text-align: center;clear: both; margin-top:1em;}
.paging button {height: 23px;width: 23px;border:0;background: #fff no-repeat center center;text-align: left;text-indent: -1000px;overflow: hidden;display: inline-block;vertical-align: middle;}
.paging button.ArrowFirst {background-image: url(../img/layout/sh_page_first.svg);}
.paging button.ArrowForward {background-image: url(../img/layout/sh_page_before.svg);}
.paging button.ArrowNext {background-image: url(../img/layout/sh_page_next.svg);border-right: none;}
.paging button.ArrowLast {background-image: url(../img/layout/sh_page_last.svg);}
.paging button.Off {vertical-align: middle;}
.paging .PageNum {display: inline;margin: 0 10px;}
.paging .PageNum a {display: inline-block;height: 23px;min-width: 23px;padding: 0 3px;line-height: 23px;text-align: center;vertical-align: middle;color:#333;text-decoration: none;font-size:14px}
.paging .PageNum a:hover,
.paging .PageNum a:focus {line-height: 23px;background: #127086;color: #fff !important;border-radius: 4px;}
.paging .PageNum a.M_on {background: #127086;color: #fff !important;border: none !important;line-height: 23px !important;vertical-align: middle;border-radius: 4px;margin:0 3px}

/*페이징 400이하일시**/
@media all and (max-width : 400px){
/* 	.paging button{display:none;width:4.5em;} */
	.paging .PageNum {margin: 0 0px;}
	.paging button {height: 23px;width: 11px;border:0;background: #fff no-repeat center center;text-align: left;text-indent: -1000px;overflow: hidden;display: inline-block;vertical-align: middle;}
}

/*차즈리 아이콘*/
body[data-layout="sub"] #chazriIcon{ cursor:pointer;bottom:105px;right:7px;/*z-index:900*/;background-size:contain !important;position:absolute;} /*0426수정*/
body[data-layout="sub"] #chazriIcon #botInQuickMimg.MquickBot1{ width: 75px;}/*0426추가*/
body[data-layout="sub"] #chazriIcon #botInQuickMimg.MquickBot2{ width: 50px;}/*0426추가*/
body[data-layout="sub"] #chazriIcon #botInQuickMimg.MquickBot3{ width: 60px;}/*0426추가*/
body[data-layout="sub"] #chazriIcon #botInQuickMimg.MquickBot4{ width: 70px;}/*0426추가*/

.cont_txt{font-size:15px;letter-spacing:-0.05em}
.cont_txt h4{position: relative;display: block;margin: 35px 0px 10px 0px;font-size: 22px;line-height: 35px;padding-left:15px;color:#278d89}
.cont_txt.personalInfo h4:after{content: ""; position: unset;}
/* .cont_txt.personalInfo h4{padding-left: 38px;  background-position:0px 0px; background-size: 38px; background-repeat:no-repeat;} */
.cont_txt.personalInfo h4{padding-left: 38px; background-size: 38px; background-repeat:no-repeat;}

.cont_txt h4:after{content: "";position: absolute;top: 4px;left: 0;width: 6px;height: 19px;background:url(../img/content/bul_h4.png) no-repeat}
.cont_txt h5{position: relative;display: block;margin: 30px 0px 10px 0px;font-size: 18px;color:#222;line-height: 22px;}
.cont_txt .box_sum{width: 100%;height: auto;padding: 10px;box-sizing: border-box; margin-bottom:20px; border:1px solid #d7d7d7;}
.cont_txt .box_bg{width: 100%;height: auto;padding: 20px 30px;background: #fafafa;box-sizing: border-box;margin:10px 0 36px}
.cont_txt li{padding:3px 0}
.cont_txt [data-skin="text-list"][data-icon]>ul>li:before{top:3px}
.cont_txt .no_bul p{padding:0 0 15px 0}
.cont_txt .no_bul p:last-child{padding:0 0 0 0}
.cont_txt a{text-decoration: none;}
.cont_txt a:hover,
.cont_txt a:focus{text-decoration: underline}

/** margin style **/
.cont_txt .mt10{margin-top:10px !important;}
.cont_txt .mt30{margin-top:30px !important;}
.mt60{margin-top:60px !important;}
.cont_txt .mb10{margin-bottom:10px !important;}

/** border style **/
.bt0{border-top:0 !important}

/** button style **/
.btn_style01{background: #2e5fce;display: inline-block;padding: 7px 15px;color: #fff;border-radius: 4px;font-size:16px;letter-spacing: -0.05em;}
.btn_style01:hover,
.btn_style01:focus{background: #2a4a94;text-decoration: none !important;color:#FFFF00 !important;}
.btn_style02{border:1px solid #4f4f4f;border-radius: 4px;padding: 7px 15px;color: #4f4f4f;font-size:16px;letter-spacing: -0.05em;}
.btn_style02:hover,
.btn_style02:focus{background: #e3e3e3;text-decoration: none !important;}

/* 221110 개인정보처리방침 css추가 */
.top_confirm_cntnt{border: 1px solid #d7d7d7;}
.confirm_cntnt{width:100%; font-weight: 700; color: #646464; text-align: center; padding: 10px; border-bottom: 1px solid #d7d7d7;}
.confirm_cntnt_ul{display: inline;}
.confirm_cntnt_ul ul{width: 33.161%; height: 200px; display: inline-block; text-align: center; vertical-align: top; padding: 15px 10px;}
.confirm_cntnt_ul ul:nth-child(1),.confirm_cntnt_ul ul:nth-child(2),.confirm_cntnt_ul ul:nth-child(3){border-bottom: 1px solid #d7d7d7;}
.confirm_cntnt_ul ul:nth-child(1),.confirm_cntnt_ul ul:nth-child(2),.confirm_cntnt_ul ul:nth-child(4),.confirm_cntnt_ul ul:nth-child(5){border-right: 1px solid #d7d7d7;}
.top_confirm_cntnt li:nth-child(2){height: 95px; width: 100%;}
.top_confirm_cntnt li.m1 {
    background: url("../img/content/m6.png") no-repeat;
    background-size: 100px;
    background-position: center;}
.top_confirm_cntnt li.m2 {
    background: url("../img/content/m1.png") no-repeat;
    background-size: 100px;
    background-position: center;}
.top_confirm_cntnt li.m3 {
    background: url("../img/content/m2.png") no-repeat;
    background-size: 100px;
    background-position: center;}
.top_confirm_cntnt li.m4 {
    background: url("../img/content/m3.png") no-repeat;
    background-size: 100px;
    background-position: center;}
.top_confirm_cntnt li.m5 {
    background: url("../img/content/m4.png") no-repeat;
    background-size: 100px;
    background-position: center;}
.top_confirm_cntnt li.m6 {
    background: url("../img/content/m11.png") no-repeat;
    background-size: 100px;
    background-position: center;}



.confirm_cntnt1{display: flex;padding: 10px 20px; border:1px solid #d7d7d7; color: #646464; line-height:25px;}
.confirm_cntnt1 div{width: 50%;}
.confirm_cntnt1 dl{display: flex; align-items: center;}
.confirm_cntnt1 dt{font-weight: normal !important; color: #646464 !important;}
.confirm_cntnt1 dd{margin-left: 5px;}
.confirm_cntnt1 a{font-weight: normal; color: #404040;}
.confirm_cntnt1 .m1 {
    margin-left: 3px;
    background: url("../img/content/m1.png") no-repeat left, url("../img/content/m1_1.png") no-repeat center left 28px;
    padding-left: 28px;
    background-size: 25px;
}
.confirm_cntnt1 .m2 {
    margin-left: 3px;
    background: url("../img/content/m2.png") no-repeat left;
    padding-left: 28px;
    background-size: 25px;
}
.confirm_cntnt1 .m3 {
    margin-left: 3px;
    background: url("../img/content/m3.png") no-repeat left;
    padding-left: 28px;
    background-size: 25px;
}
.confirm_cntnt1 .m4 {
    margin-left: 3px;
    background: url("../img/content/m4.png") no-repeat left;
    padding-left: 28px;
    background-size: 25px;
}
.confirm_cntnt1 .m5 {
    margin-left: 3px;
    background: url("../img/content/m5.png") no-repeat left;
    padding-left: 28px;
    background-size: 25px;
}
.confirm_cntnt1 .m6 {
    margin-left: 3px;
    background: url("../img/content/m6.png") no-repeat left;
    padding-left: 28px;
    background-size: 25px;
}
.confirm_cntnt1 .m7 {
    margin-left: 3px;
    background: url("../img/content/m7.png") no-repeat left;
    padding-left: 28px;
    background-size: 25px;
}
.confirm_cntnt1 .m8 {
    margin-left: 3px;
    background: url("../img/content/m8.png") no-repeat left;
    padding-left: 28px;
    background-size: 25px;
}
.confirm_cntnt1 .m9 {
    margin-left: 3px;
    background: url("../img/content/m9.png") no-repeat left;
    padding-left: 28px;
    background-size: 25px;
}
.confirm_cntnt1 .m10 {
    margin-left: 3px;
    background: url("../img/content/m10.png") no-repeat left;
    padding-left: 28px;
    background-size: 25px;
}
.confirm_cntnt1 .m11 {
    margin-left: 3px;
    background: url("../img/content/m11.png") no-repeat left;
    padding-left: 28px;
    background-size: 25px;
}
.confirm_cntnt1 .m12 {
    margin-left: 3px;
    background: url("../img/content/m12.png") no-repeat left;
    padding-left: 28px;
    background-size: 25px;
}
.confirm_cntnt1 .m13 {
    margin-left: 3px;
    background: url("../img/content/m13.png") no-repeat left;
    padding-left: 28px;
    background-size: 25px;
}

.bul_h4{text-align: center; padding-left:0;}

.h4_m1{margin-left: 3px;  background: url("../img/content/m1.png") no-repeat left, url("../img/content/m1_1.png") no-repeat center left 40px;}
.h4_m2{margin-left: 3px; background-image: url("../img/content/m2.png");}
.h4_m3{margin-left: 3px; background-image: url("../img/content/m3.png");}
.h4_m4{margin-left: 3px; background-image: url("../img/content/m4.png");}
.h4_m5{margin-left: 3px; background-image: url("../img/content/m5.png");}
.h4_m6{margin-left: 3px; background-image: url("../img/content/m6.png");}
.h4_m7{margin-left: 3px; background-image: url("../img/content/m7.png");}
.h4_m8{margin-left: 3px; background-image: url("../img/content/m8.png");}
.h4_m9{margin-left: 3px; background-image: url("../img/content/m9.png");}
.h4_m10{margin-left: 3px; background-image: url("../img/content/m10.png");}
.h4_m11{margin-left: 3px; background-image: url("../img/content/m11.png");}
.h4_m12{margin-left: 3px; background-image: url("../img/content/m12.png");}
.h4_m13{margin-left: 3px; background-image: url("../img/content/m13.png");}

.p-0_h4{padding-left: 0 !important; text-align: center;}

.m-l-15{margin-left: 15px;}

@media all and (max-width: 1420px){
    .confirm_cntnt_ul{display: block;}
    .confirm_cntnt_ul ul{width: 49.8%;}
    .confirm_cntnt_ul ul:nth-child(2),.confirm_cntnt_ul ul:nth-child(4){border-right: none;}
    .confirm_cntnt_ul ul:nth-child(3){border-right: 1px solid #d7d7d7;}
    .confirm_cntnt_ul ul:nth-child(4){border-bottom: 1px solid #d7d7d7;}
}
@media all and (max-width: 1220px){
    .confirm_cntnt1 div{width: 100%;}
    .confirm_cntnt1{flex-direction: column; padding: 10px;}
    .confirm_cntnt_ul ul{width: 49.8%;}
}
@media all and (max-width: 1050px){
    .confirm_cntnt1 div{width: 100%;}
    .confirm_cntnt1{flex-direction: column; padding: 10px;}
    .confirm_cntnt_ul ul{width: 49.5%;}
}
@media all and (max-width: 700px){
    .confirm_cntnt1 div{width: 100%;}
    .confirm_cntnt1{flex-direction: column; padding: 10px;}
}

@media all and (max-width: 440px){
    .confirm_cntnt1{padding: 0;}
    .confirm_cntnt1 .m1 {
        margin-left: 3px;
/*         background: none; */
/*         padding-left: 0px; */
    }
    .confirm_cntnt1 .m2 {
        margin-left: 3px;
/*         background: none; */
/*         padding-left: 0px; */
    }
    .confirm_cntnt1 .m3 {
        margin-left: 3px;
/*         background: none; */
/*         padding-left: 0px; */
    }
    .confirm_cntnt1 .m4 {
        margin-left: 3px;
/*         background: none; */
/*         padding-left: 0px; */
    }
    .confirm_cntnt1 .m5 {
        margin-left: 3px;
/*         background: none; */
/*         padding-left: 0px; */
    }
    .confirm_cntnt1 .m6 {
        margin-left: 3px;
/*         background: none; */
/*         padding-left: 0px; */
    }
    .confirm_cntnt1 .m7 {
        margin-left: 3px;
/*         background: none; */
/*         padding-left: 0px; */
    }
    .confirm_cntnt1 .m8 {
        margin-left: 3px;
/*         background: none; */
/*         padding-left: 0px; */
    }
    .confirm_cntnt1 .m9 {
        margin-left: 3px;
/*         background: none; */
/*         padding-left: 0px; */
    }
    .confirm_cntnt1 .m10 {
        margin-left: 3px;
/*         background: none; */
/*         padding-left: 0px; */
    }
    .confirm_cntnt1 .m11 {
        margin-left: 3px;
/*         background: none; */
/*         padding-left: 0px; */
    }
    .confirm_cntnt1 .m12 {
        margin-left: 3px;
/*         background: none; */
/*         padding-left: 0px; */
    }
    .confirm_cntnt1 .m13 {
        margin-left: 3px;
/*         background: none; */
/*         padding-left: 0px; */
    } 
    .confirm_cntnt_ul ul{width: 100%;}
    .confirm_cntnt_ul ul:nth-child(1),.confirm_cntnt_ul ul:nth-child(3),.confirm_cntnt_ul ul:nth-child(5){border-right: none;}
    .confirm_cntnt_ul ul:nth-child(5){border-bottom: 1px solid #d7d7d7;}
}

@media all and (max-width: 400px){
    .confirm_cntnt1 dl{font-size: 12px; line-height: 22px;}
    .confirm_cntnt1 dt{font-size: 12px !important;}
}
@media all and (max-width: 319px){
    .confirm_cntnt1 dl{font-size: 10px; line-height: 22px;}
    .confirm_cntnt1 dt{font-size: 10px !important;}
}

/* 찾아가는 KOSIS */
.cont_txt .edu_info{width: 100%;display: inline-block;}
.cont_txt .edu_info li{float:left;width:32%;margin-left:2%}
.cont_txt .edu_info li strong{display:block;text-align:center;color:#fff;font-size:20px;font-weight:600;padding:12px 0}
.cont_txt .edu_info li span{display:block;text-align:center;background:#fafafa;padding:15px 0;min-height:80px}
.cont_txt .edu_info li.e_info01 {margin-left:0}
.cont_txt .edu_info li.e_info01 strong{background:#229e87;}
.cont_txt .edu_info li.e_info02 strong{background:#248f87;}
.cont_txt .edu_info li.e_info03 strong{background:#258b88;}

.cont_txt .edu_request{border:1px solid #bdbdbd;width:100%;position: relative;border-radius: 10px;padding:20px;display: inline-block;}
.cont_txt .edu_request li{float:left;width:32%;margin-right:2%;text-align:center;position: relative;padding:100px 0 0;background:url(../img/content/icon_arrow01.svg) no-repeat right 60px;}
.cont_txt .edu_request li:last-child{margin-right:0;background:none}
.cont_txt .edu_request li:before{content: "";position: absolute;top: 0px;left:calc(50% - 42px);width:85px;height:85px;background-color:#fafafa;border-radius: 85px;}
.cont_txt .edu_request li.step01:after{content: "";position: absolute;background:url(../img/content/icon_step01.svg) no-repeat 0 0;background-size:100%;width:50px;height:50px;top:22px;left:calc(50% - 24px)}
.cont_txt .edu_request li.step01 span{display:block;color:#278d89}
.cont_txt .edu_request li.step02:after{content: "";position: absolute;background:url(../img/content/icon_step02.svg) no-repeat 0 0;background-size:100%;width:50px;height:50px;top:22px;left:calc(50% - 24px)}
.cont_txt .edu_request li.step03:after{content: "";position: absolute;background:url(../img/content/icon_step03.svg) no-repeat 0 0;background-size:100%;width:50px;height:50px;top:22px;left:calc(50% - 24px)}

/* 국가통계포털 소개 */
.cont_txt .ser_type{width:100%;display:inline-block;background:#fafafa url(../img/content/bg_ser_map.png) no-repeat 94% top;border-top:2px solid #222;border-bottom:1px solid #bdbdbd;padding:40px 30px}
.cont_txt .ser_type dl{padding:0 25px}
.cont_txt .ser_type dt{color:#222;font-size:18px;font-weight:600}
.cont_txt .ser_type dd{font-size:16px}
.cont_txt .ser_type ul{width:100%;display:inline-block;padding:20px 0 0}
.cont_txt .ser_type li{width:10%;float:left;margin:15px 0 0;font-size:13px;text-align:center;letter-spacing:-0.05em;position: relative;padding:68px 0 0;white-space: nowrap;}
.cont_txt .ser_type li:before{content: "";position: absolute;width:65px;height:65px;top:0;left:calc(50% - 32px);border-radius: 50px;background:#fff;box-shadow: 0px 0px 20px 10px rgba(190, 190, 190, 0.2);}
.cont_txt .ser_type li:after{content: "";position: absolute;width:36px;height:36px;top:14px;left:calc(50% - 18px);}
.cont_txt .ser_type li.icon_01:after{background:url(../img/content/icon_ser_type01.png) no-repeat;}
.cont_txt .ser_type li.icon_02:after{background:url(../img/content/icon_ser_type02.png) no-repeat;}
.cont_txt .ser_type li.icon_03:after{background:url(../img/content/icon_ser_type03.png) no-repeat;}
.cont_txt .ser_type li.icon_04:after{background:url(../img/content/icon_ser_type04.png) no-repeat;}
.cont_txt .ser_type li.icon_05:after{background:url(../img/content/icon_ser_type05.png) no-repeat;}
.cont_txt .ser_type li.icon_06:after{background:url(../img/content/icon_ser_type06.png) no-repeat;}
.cont_txt .ser_type li.icon_07:after{background:url(../img/content/icon_ser_type07.png) no-repeat;}
.cont_txt .ser_type li.icon_08:after{background:url(../img/content/icon_ser_type08.png) no-repeat;}
.cont_txt .ser_type li.icon_09:after{background:url(../img/content/icon_ser_type09.png) no-repeat;}
.cont_txt .ser_type li.icon_10:after{background:url(../img/content/icon_ser_type10.png) no-repeat;}
.cont_txt .ser_type li.icon_11:after{background:url(../img/content/icon_ser_type11.png) no-repeat;}
.cont_txt .ser_type li.icon_12:after{background:url(../img/content/icon_ser_type12.png) no-repeat;}
.cont_txt .ser_type li.icon_13:after{background:url(../img/content/icon_ser_type13.png) no-repeat;}
.cont_txt .ser_type li.icon_14:after{background:url(../img/content/icon_ser_type14.png) no-repeat;}
.cont_txt .ser_type li.icon_15:after{background:url(../img/content/icon_ser_type15.png) no-repeat;}
.cont_txt .ser_type li.icon_16:after{background:url(../img/content/icon_ser_type16.png) no-repeat;}
.cont_txt .ser_type li.icon_17:after{background:url(../img/content/icon_ser_type17.png) no-repeat;}
.cont_txt .ser_type li.icon_18:after{background:url(../img/content/icon_ser_type18.png) no-repeat;}
.cont_txt .ser_type li.icon_19:after{background:url(../img/content/icon_ser_type19.png) no-repeat;}
.cont_txt .ser_type li.icon_20:after{background:url(../img/content/icon_ser_type20.png) no-repeat;}
.cont_txt .ser_type li.icon_21:after{background:url(../img/content/icon_ser_type21.png) no-repeat;}
.cont_txt .ser_type li.icon_22:after{background:url(../img/content/icon_ser_type22.png) no-repeat;}
.cont_txt .ser_type li.icon_23:after{background:url(../img/content/icon_ser_type23.png) no-repeat;}
.cont_txt .ser_type li.icon_24:after{background:url(../img/content/icon_ser_type24.png) no-repeat;}
.cont_txt .ser_type li.icon_25:after{background:url(../img/content/icon_ser_type25.png) no-repeat;}
.cont_txt .ser_type li.icon_26:after{background:url(../img/content/icon_ser_type26.png) no-repeat;}
.cont_txt .ser_type li.icon_27:after{background:url(../img/content/icon_ser_type27.png) no-repeat;}
.cont_txt .ser_type li.icon_28:after{background:url(../img/content/icon_ser_type28.png) no-repeat;}
.cont_txt .ser_type li.icon_29:after{background:url(../img/content/icon_ser_type29.png) no-repeat;}
.cont_txt .ser_type li.icon_30:after{background:url(../img/content/icon_ser_type30.png) no-repeat;}
.cont_txt .kosis_service{width:100%;display:inline-block}
.cont_txt .kosis_service li{border-bottom:1px #bdbdbd dotted;padding:25px 15px 25px 90px;position: relative;}
.cont_txt .kosis_service li:before{content: "";position: absolute;top: 22px;left:10px;width:58px;height:58px;background-color:#229e87;border-radius: 85px;}
.cont_txt .kosis_service li:after{content: "";position: absolute;top: 37px;width:27px;height:27px;}
.cont_txt .kosis_service li.servi01:after{background:url(../img/content/icon_service01.svg) no-repeat;left:29px;}
.cont_txt .kosis_service li.servi02:after{background:url(../img/content/icon_service02.svg) no-repeat;left:26px;}
.cont_txt .kosis_service li.servi03:after{background:url(../img/content/icon_service03.svg) no-repeat;left:26px;}
.cont_txt .kosis_service li.servi04:after{background:url(../img/content/icon_service04.svg) no-repeat;left:25px;}
.cont_txt .kosis_service li.servi05:after{background:url(../img/content/icon_service05.svg) no-repeat;left:25px;}
.cont_txt .kosis_service li.servi06:after{background:url(../img/content/icon_service06.svg) no-repeat;left:23px;}
.cont_txt .kosis_service li:last-child{border-bottom:none}
.cont_txt .kosis_service li strong{font-size:16px;display: block;color:#222}

/* 국가통계포털 연혁 */
.cont_txt .histroy{border-top:2px solid #222}
.cont_txt .his_step{background:#e8f5f2;display: inline-flex;width: 100%;padding: 0;margin: 0;border-bottom:1px solid #bdbdbd}
.cont_txt .his_step li.ct_left{padding:0;width:25%;float:left}
.cont_txt .his_step li.ct_left strong{background:#1c9f7c;color:#fff;font-size:26px;display: block;text-align: center;padding:10px 0;}
.cont_txt .his_step li.ct_left span{color:#188769;font-size:18px;padding:20px;display: inline-block;font-weight:600;letter-spacing:-0.05em;line-height: 24px;width: 100%;}
.cont_txt .his_step li.ct_right{padding:0;width:75%;float:left;background:#fff}
.cont_txt .his_step dl.his_year{border-bottom:1px #bdbdbd dotted;padding:20px 10px 20px 50px;display: flex;}
.cont_txt .his_step dl.his_year:last-child{border-bottom:0}
.cont_txt .his_step dl dt{width:15%;float:left}
.cont_txt .his_step dl dd{width:85%;}

/* 부가서비스  */
.cont_txt .approval{width:100%;display:inline-block;border-top:2px solid #222}
.cont_txt .approval li{border-bottom: 1px #c5c5c5 dashed;padding:15px 10px;position: relative;}
.cont_txt .approval dl{width:65%}
.cont_txt .approval dt{font-size:16px;color:#222}
.cont_txt .approval span{position: absolute;right: 10px;top: 37%;}

/* 서비스 소개 */
.cont_txt dl{}
.cont_txt dt{font-weight:600;color:#222;font-size:16px;margin:2px 0}
.cont_txt dd a{color:#222;text-decoration: none;}
.cont_txt dd a:hover,
.cont_txt dd a:focus{text-decoration: underline}
.cont_txt dd.cont_btn{margin:6px 0 0 0}
.cont_txt dd.cont_btn a{border:1px solid #4f4f4f;padding:5px 12px;margin:0 10px 0 0;display: inline-block;border-radius: 4px;}
.cont_txt dd.cont_btn a:hover,
.cont_txt dd.cont_btn a:focus{background:#4f4f4f;color:#fff;text-decoration: none;}
.cont_txt .box_bg.type02 dt{padding:15px 0 0}
.cont_txt .box_bg.type02 dt:first-child{padding:0}
.cont_txt .box_bg.type02 dd{padding:0 0 15px;border-bottom:1px #bdbdbd dashed}
.cont_txt .box_bg.type02 dd:last-child{border:none;padding:0}

/* Open API */
.cont_txt .site_link{padding:20px 0;text-align:center}
.cont_txt .site_link span{display:block}
.cont_txt .use_way strong{text-align:center;display:block;padding:10px;color:#fff;font-size:17px;background:#1b8381;font-weight:500}
.cont_txt .use_way li{margin:0 0 10px 0}
.cont_txt .use_way .way_tb,.cont_txt .use_way .way_mo{display:none}

@media all and (min-width: 1500px){
	body[data-layout="sub"] #chazriIcon{display:none;}
}

@media all and (max-width: 1280px){
	.cont_txt{margin-right:70px}
}

@media all and (max-width: 1224px){
	/* 국가통계포털 소개 */
	.cont_txt .ser_type li{width:12%}
}

@media all and (max-width: 1086px){
	/* 국가통계포털 소개 */
	.cont_txt .ser_type li{width:14%}
}

@media all and (max-width: 1024px){
	.cont_txt{margin-right:0px}
	/* 국가통계포털 소개 */
	.cont_txt .ser_type li{width:10%}
	/* Open API */
	.cont_txt .use_way .way_pc {width:100%}
}

@media all and (max-width: 940px){
	/* 국가통계포털 소개 */
	.cont_txt .ser_type li{width: 12%;}
}

@media all and (max-width: 800px){
	/* 찾아가는 KOSIS */
	.cont_txt .edu_info li span{padding:15px 10px}
	.cont_txt .edu_request li{background: url(../img/content/icon_arrow01.svg) no-repeat right 40px;}
	.cont_txt .approval dl{width:50%}
	/* 국가통계포털 소개 */
	.cont_txt .ser_type li{width: 16%;}
	/* Open API */
	.cont_txt .use_way .way_pc,.cont_txt .use_way .way_mo{display:none}
	.cont_txt .use_way .way_tb{display:block;width:100%}
}

@media all and (max-width: 768px){
}

@media all and (max-width: 640px){
	.cont_txt h4{font-size: 20px;line-height: 35px;}
	.cont_txt h5{font-size: 17px}

	/* 국가통계포털 소개 */
	.cont_txt .ser_type li{width: 20%;}
}

@media all and (max-width: 480px){
	.btn_style01{width: 100%;text-align: center;}

	/* 찾아가는 KOSIS */
	.cont_txt .box_sum{background-image:none; padding: 15px;}
	.cont_txt .edu_info li{width:100%;margin:0 0 10px 0}
	.cont_txt .edu_info li span{min-height:auto}
	.cont_txt .edu_request{padding:20px 20px 0}
	.cont_txt .edu_request li{width:100%;padding:95px 0 30px 0;background-position: 50% 142px;}
	.cont_txt .edu_request li{background:url(../img/content/icon_arrow02.svg) no-repeat center 146px;margin:0}
	.cont_txt .edu_request li.step02{background-position:center 124px}
	.cont_txt dd.cont_btn a{width:100%;margin:0 0 10px 0}

	/* 국가통계포털 소개 */
	.cont_txt .ser_type{padding:20px}
	.cont_txt .ser_type ul{padding:20px 0 0;}
	.cont_txt .ser_type li{width:25%;}

	/* 국가통계포털 연혁 */
	.cont_txt .his_step{display: inline-block;}
	.cont_txt .his_step li.ct_left,.cont_txt .his_step li.ct_right{width:100%}
	.cont_txt .his_step dl.his_year{padding:20px 10px}
	.cont_txt .his_step li.ct_left span{text-align:center;padding:15px}

	/* 부가서비스  */
	.cont_txt .approval li{padding:15px 10px 60px}
	.cont_txt .approval dl{width:100%}
	.cont_txt .approval span{top: auto;bottom: 13%;}

	/* Open API */
	.cont_txt .use_way .way_pc,.cont_txt .use_way .way_tb{display:none}
	.cont_txt .use_way .way_mo{display:block;width:100%}
}

@media all and (max-width: 414px){
}

@media all and (max-width: 384px){
	/* 국가통계포털 소개 */
	.cont_txt .ser_type li{width: 33%;}
}

@media all and (max-width: 360px){
}

/* 국내통계 파일리스트-상단 */
.top-option{border-bottom:1px solid #F2F2F2;}
    .top-option > .layout:after{content:""; display:block; clear:both;}
    .top-option > .layout > .head,
    .top-option > .layout > .midd{float:left;}
    .top-option > .layout > .head{width:216px;}
    .top-option > .layout > .head>a{display:table-cell; width:216px; height:50px; vertical-align:middle; text-decoration:none; text-align:center; font-weight:normal; font-size:16px; color:#fff; background-color:#127086;}
    .top-option > .layout > .midd{width:calc(100% - 216px); padding:5px 0 5px 50px;}
    .top-option > .layout > .midd:after{content:""; display:block; clear:both;}
    .top-option > .layout > .midd .move,
    .top-option > .layout > .midd .tabs{float:left;}
    .top-option > .layout > .midd .control{float:right;}
    .top-option > .layout > .midd .move,
    .top-option > .layout > .midd .tabs{overflow:hidden;position:relative;width: calc(100% - 229px);height:40px;}
    .top-option > .layout > .midd .tabs{width:100%;}
    .top-option > .layout > .midd .move>ul,
    .top-option > .layout > .midd .tabs>ul{position:absolute; left:0; top:0; width:200000px; height:40px;}
    .top-option > .layout > .midd .move>ul:after,
    .top-option > .layout > .midd .tabs>ul:after{content:""; display:block; clear:both;}
    .top-option > .layout > .midd .move>ul>li,
    .top-option > .layout > .midd .tabs>ul>li{float:left; position:relative; line-height:40px; padding-right:20px;}
    .top-option > .layout > .midd .move>ul>li>a,
    .top-option > .layout > .midd .tabs>ul>li>a{display:block; margin-right:20px; text-decoration:none; font-size:16px; color:#828282;}
    .top-option > .layout > .midd .move>ul>li{
    	padding:0 20px; background-color:#F6F6F6;
    	-webkit-border-radius:20px;
    	border-radius:20px;
    }    
    .top-option > .layout > .midd .move>ul>li:not(:last-child){margin-right:12px;}
    .top-option > .layout > .midd .move>ul>li>a{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:110px;}
    .top-option > .layout > .midd .move>ul>li>button{display:block; position:absolute; right:10px; top:calc(50% - 16px); width:32px; height:32px; cursor:pointer; border:none; background:none;}
    .top-option > .layout > .midd .move>ul>li>button>span{overflow:hidden; position:relative; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px; background-image:url(../img/layout/svg_icon_7.svg); background-repeat:no-repeat; background-position:center center; background-size:55%;}
    .top-option > .layout > .midd .move>ul>li.on>a,
    .top-option > .layout > .midd .tabs>ul>li.on>a{text-decoration:underline; color:#000;}
    .top-option > .layout > .midd .move>ul>li.on{background-color:#468FC7;}
    .top-option > .layout > .midd .move>ul>li.on>a{text-decoration:none; color:#fff;}
    .top-option > .layout > .midd .move>ul>li.on>button>span{background-image:url(../img/layout/svg_icon_7_w.svg);}
    .top-option > .layout > .midd .control{margin:3px 0 0 10px;}
    .top-option > .layout > .midd .control:after{content:""; display:block; clear:both;}
    .top-option > .layout > .midd .control .prev,
    .top-option > .layout > .midd .control .next{
        overflow:hidden; float:left; display:block; width:34px; height:34px; text-align:left; text-indent:-1000px; background-color:#F2F2F2; background-image:url(../img/layout/icon_arrow-32.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;
        -webkit-border-radius:50%;
        border-radius:50%;
        display:none;
    }
    .top-option > .layout > .midd .control .next{
        margin-left:4px;
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg);
    }
    .top-option > .layout > .midd .control .type{
        float:left; display:block; position:relative; height:34px; line-height:34px; padding:0 20px; margin-left:10px; text-decoration:none; font-size:16px; color:#333; background-color:#F2F2F2;
        -webkit-border-radius:17px;
        border-radius:17px;
    }
    .top-option > .layout > .midd .control .type[data-type]{padding-left:43px;}
    .top-option > .layout > .midd .control .type[data-type]:before{content:""; display:block; position:absolute; left:10px; top:0; width:34px; height:34px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
    .top-option > .layout > .midd .control .type[data-type="1"]:before{background-image:url(../img/layout/icon_photo-32.svg);}
    .top-option > .layout > .midd .control .type[data-type="2"]:before{background-image:url(../img/layout/icon_list-32.svg);}

/* 국내통계 파일리스트-내용 */
#searchline{}
	#searchline.multi_stat .head ul:after{content:"";display:block;clear:both;}
	#searchline.multi_stat .head ul{text-align:right;}
	#searchline.multi_stat .head ul li:first-child{float:left;}
    #searchline > .head{padding:10px 0; border-bottom:1px solid #C4C4C4;}
    #searchline > .head:after{content:""; display:block; clear:both;}
    #searchline > .head > .head,
    #searchline > .head > .midd{float:left; line-height:34px;}
    #searchline > .head > .head{}
/*     #searchline > .head > .head>strong{display:block; font-weight:500; font-size:18px; color:#000;} */
    #searchline > .head > .midd{width:100%;}
    #searchline > .head > .head + .midd{width: calc(100% - 133px);float:right;text-align: right;margin-top: 1.5px;}
    #searchline > .head > .midd > ul{/*display:table; table-layout:fixed;*/ width:100%;line-height: 0;font-size: 0;} /*1119수정*/
    #searchline > .head > .midd > ul > li{/*display:table-cell;  width:140px;*/display:inline-block;vertical-align:top;font-size: 14px;margin-right: 4px;} /*1119수정*/
/*     #searchline > .head > .midd > ul > li:not(:last-child){padding-right:8px;} */
    #searchline > .head > .midd > ul > li.se{width:auto;}    
    #searchline > .head > .midd > ul > li [data-skin="select"]{width:100%; max-width:132px; margin:0;}
    #searchline > .head > .midd > ul > li [data-skin="select"]>select{background-image:url(../img/layout/svg_icon_3.svg); background-position:right 15px center; background-size:auto 50%;}
    #searchline > .head > .midd > ul > li .searchform{
        position:relative;
        width: 310px;
        height:34px;
        line-height:calc(34px - 2px);
        padding:0 70px 0 130px;
        /* margin:0 8px; */
        border:1px solid #4F4F4F;
        color:#4F4F4F;
        -webkit-border-radius:17px;
        border-radius:17px;
/*         float: right; */
    }
    #searchline.multi_stat .head .midd ul li:first-child select{width:auto !important;}    
    #searchline.multi_stat > .head > .midd > ul > li > div[data-skin="select"]{}
    
    #searchline > .head > .midd > ul > li .searchform select{position:absolute;left:0;top:0;width:125px;height:32px;line-height:30px;padding-left:15px;font-size: 14px;border:none;color:#4F4F4F;background-color:transparent;background-image:url(../img/layout/svg_icon_3.svg);background-repeat:no-repeat;background-position:right center;background-size:16px 16px;}
    #searchline > .head > .midd > ul > li .searchform input[type="text"]{width:100%; height:32px; line-height:32px; font-size:16px; border:none; background-color:transparent;}
    #searchline > .head > .midd > ul > li .searchform input[type="submit"]{position:absolute; right:0; top:0; width:65px; height:32px; font-size:14px; border:none; color:#4F4F4F; background:url(../img/layout/svg_icon_4.svg) no-repeat left center; background-size:16px 16px;}
    #searchline > .head > .midd > ul > li [data-skin="btn"]{width:100%; padding:0 0.8em 0 0.8em; margin:0; color:#4F4F4F;line-height:30px;}
    #searchline > .head > .midd > ul > li [data-skin="btn"].btn-ok span{color:#fff !important}
    #searchline > .head > .midd > ul > li [data-skin="btn"]>span{font-size:14px;color: #4F4F4F;}

    /*
    #searchline > .head > .midd > ul > li > a{width:100%;padding:0 0.8em 0 0.8em;margin:0;color:#4F4F4F;height: 34px;position:relative;}
    #searchline > .head > .midd > ul > li > a > span{font-size:14px;color: #4F4F4F;position:absolute;top: 10px;left: 17px;line-height: 0px;}
    #searchline > .head > .midd > ul > li >a.btn-ok > span{color: #fff;}
     */

    #searchline > .midd{padding-top:30px;}
    #searchline > .foot{margin-top:30px;}

.file-list-bind{}
    .file-list-bind>.head{
        position:relative; padding:18px 160px 18px 150px; background-color:#F6F6F6;
        -webkit-border-radius:3px;
        border-radius:3px;
    }
    .file-list-bind>.head>strong{display:block; position:absolute; left:32px; top:18px; line-height:37px; padding-right:16px; font-weight:500; font-size:16px; color:#5696F3;}
    .file-list-bind>.head>div{width:100%; max-width:318px;}
    .file-list-bind>.head>div [data-skin="input"]>input[type="text"]{border:1px solid #E0E0E0; color:#828282;}
    .file-list-bind>.head [data-skin="btn"]{position:absolute; right:32px; top:18px;}
    .file-list-bind>.head [data-skin="btn"]>span{font-weight:400;}
    .file-list-bind>.midd table{width:100%; margin-top:20px; margin-bottom:20px; border-top:none;}
    .file-list-bind>.midd table th,
    .file-list-bind>.midd table td{text-align:center; border-right:none;}
    .file-list-bind>.midd table thead th{font-weight:500; border-bottom-color:#333; background-color:#fff;}
    .file-list-bind>.midd table td a{text-decoration:none; color:#404040;}
    .file-list-bind>.midd table td a:hover,
    .file-list-bind>.midd table td a:focus{text-decoration:underline; color:#000;}

@media all and (max-width : 700px){
	.file-list-bind>.midd [data-skin="table"]{overflow:auto;}
	.file-list-bind>.midd [data-skin="table"] > table{min-width:800px;}
}
@media all and (max-width : 500px){
	.file-list-bind>.head{padding:18px;}
	.file-list-bind>.head>strong{position:relative; left:auto; top:auto;}
	.file-list-bind>.head>div{max-width:100%; margin-bottom:10px;}
	.file-list-bind>.head>div [data-skin="input"]>input[type="text"]{height:60px; line-height:58px;}
	.file-list-bind>.head [data-skin="btn"]{
		display:block; position:relative; right:auto; top:auto; margin:0 auto; height:45px; line-height:43px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}
}

/* 221206 아이콘 대체텍스트 제공 */
.hidden_text{width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden;}

/* 국내통계 파일리스트-파일리스트 */
.file-list_tap{display:none; padding:25px; margin-bottom:30px; background-color:#F4F8FB;}
    .file-list_tap>ul{min-width: 680px;}
    .file-list_tap>ul:after{content:""; display:block; clear:both;}
    .file-list_tap>ul>li{float:left; width:calc((100% - (17px * 5)) / 6); margin-right:16px;}
    .file-list_tap>ul>li:nth-child(6n+6){margin-right:0;}
    .file-list_tap>ul>li:nth-child(n+7){margin-top:16px;}
    .file-list_tap>ul>li>a{
        display:block;
        width:100%;
        height: 82px;
        line-height:1.4;
        text-decoration:none;
        font-size: 13px;
        color:#4F4F4F;
        background-color:#fff;
        -webkit-border-radius:8px;
        border-radius:8px;        
        position:relative;
        overflow:hidden;
    }

    .file-list_tap>ul>li>a>span{white-space:nowrap;display:block;width:100%;height:100%;text-align:center;z-index:100;position:absolute;top:0;left:0;padding-top:10px;}

    .file-list_tap>ul>li>a>span:before{content:"";display:block;width:100%;height: 36px;margin-bottom: 5px;background-repeat:no-repeat;
    background-position:center center;background-size:auto 100%;}    

     .file-list_tap>ul>li.on>a{color:#fff; background-color:#329B8E;-webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.1);box-shadow:5px 5px 10px rgba(0, 0, 0, 0.5); }
    
	.file-list_tap>ul>li>a:after{content:'';position:absolute;background: #F2F2F2;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;
	-o-transition:all 0.3s;transition:all 0.3s;top:0px;left:-100%;width:0%;height:100%;transform:skew(50deg);transition-duration:0.6s;transform-origin:0 0;z-index:1;}

    .file-list_tap>ul>li>a:hover:after,
	.file-list_tap>ul>li>a:focus:after{width:200% !important;height:100% !important;}                 	

	.file-list_tap>ul>li>a:hover span,
	.file-list_tap>ul>li>a:focus span{color:#555;}                 	

	.file-list_tap>ul>li.on>a:after{display:none;}
	.file-list_tap>ul>li.on>a>span{color:#fff;}

    .file-list_tap>ul>li[data-icon="1"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_1.png);}
    .file-list_tap>ul>li[data-icon="1"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_1_on.png);}
    
    .file-list_tap>ul>li[data-icon="2"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_2.png);}
    .file-list_tap>ul>li[data-icon="2"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_2_on.png);}
    
    .file-list_tap>ul>li[data-icon="3"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_3.png);}
    .file-list_tap>ul>li[data-icon="3"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_3_on.png);}
    
    .file-list_tap>ul>li[data-icon="4"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_4.png);}
    .file-list_tap>ul>li[data-icon="4"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_4_on.png);}
    
    .file-list_tap>ul>li[data-icon="5"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_5.png);}
    .file-list_tap>ul>li[data-icon="5"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_5_on.png);}
    
    .file-list_tap>ul>li[data-icon="6"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_6.png);}
    .file-list_tap>ul>li[data-icon="6"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_6_on.png);}
    
    .file-list_tap>ul>li[data-icon="7"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_7.png);}
    .file-list_tap>ul>li[data-icon="7"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_7_on.png);}
    
    .file-list_tap>ul>li[data-icon="8"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_8.png);}
    .file-list_tap>ul>li[data-icon="8"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_8_on.png);}
    
    .file-list_tap>ul>li[data-icon="9"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_9.png);}
    .file-list_tap>ul>li[data-icon="9"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_9_on.png);}
    
    .file-list_tap>ul>li[data-icon="10"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_10.png);}
    .file-list_tap>ul>li[data-icon="10"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_10_on.png);}
    
    .file-list_tap>ul>li[data-icon="11"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_11.png);}
    .file-list_tap>ul>li[data-icon="11"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_11_on.png);}
    
    .file-list_tap>ul>li[data-icon="12"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_12.png);}
    .file-list_tap>ul>li[data-icon="12"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_12_on.png);}
    
    .file-list_tap>ul>li[data-icon="13"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_13.png);}
    .file-list_tap>ul>li[data-icon="13"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_13_on.png);}
    
    .file-list_tap>ul>li[data-icon="14"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_14.png);}
    .file-list_tap>ul>li[data-icon="14"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_14_on.png);}
    
    .file-list_tap>ul>li[data-icon="15"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_15.png);}
    .file-list_tap>ul>li[data-icon="15"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_15_on.png);}
    
    .file-list_tap>ul>li[data-icon="16"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_16.png);}
    .file-list_tap>ul>li[data-icon="16"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_16_on.png);}
    
    .file-list_tap>ul>li[data-icon="17"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_17.png);}
    .file-list_tap>ul>li[data-icon="17"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_17_on.png);}
    
    .file-list_tap>ul>li[data-icon="18"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_18.png);}
    .file-list_tap>ul>li[data-icon="18"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_18_on.png);}
    
    .file-list_tap>ul>li[data-icon="19"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_19.png);}
    .file-list_tap>ul>li[data-icon="19"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_19_on.png);}
    
    .file-list_tap>ul>li[data-icon="20"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_20.png);}
    .file-list_tap>ul>li[data-icon="20"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_20_on.png);}
    
    .file-list_tap>ul>li[data-icon="21"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_21.png);}
    .file-list_tap>ul>li[data-icon="21"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_21_on.png);}
    
    .file-list_tap>ul>li[data-icon="22"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_22.png);}
    .file-list_tap>ul>li[data-icon="22"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_22_on.png);}
    
    .file-list_tap>ul>li[data-icon="23"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_23.png);}
    .file-list_tap>ul>li[data-icon="23"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_23_on.png);}
    
    .file-list_tap>ul>li[data-icon="24"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_24.png);}
    .file-list_tap>ul>li[data-icon="24"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_24_on.png);}
    
    .file-list_tap>ul>li[data-icon="25"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_25.png);}
    .file-list_tap>ul>li[data-icon="25"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_25_on.png);}
    
    .file-list_tap>ul>li[data-icon="26"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_26.png);}
    .file-list_tap>ul>li[data-icon="26"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_26_on.png);}
    
    .file-list_tap>ul>li[data-icon="27"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_27.png);}
    .file-list_tap>ul>li[data-icon="27"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_27_on.png);}
    
    .file-list_tap>ul>li[data-icon="28"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_28.png);}
    .file-list_tap>ul>li[data-icon="28"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_28_on.png);}
    
    .file-list_tap>ul>li[data-icon="29"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_29.png);}
    .file-list_tap>ul>li[data-icon="29"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_29_on.png);}
    
    .file-list_tap>ul>li[data-icon="30"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_30.png);}
    .file-list_tap>ul>li[data-icon="30"].on>a>span:before{background-image:url(../img/layout/svg_main_simbol_30_on.png);}

    .file-list_tap .file-list_tap_all{display:none; width:155px;}
    .file-list_tap .file-list_tap_all>a{display:table; table-layout:fixed; width:100%; height: 48px; line-height:48px; text-decoration:none; font-size:16px; color:#fff; background-color:#0E866E;
        -webkit-border-radius:8px;
        border-radius:8px;
        -webkit-transition:all 0.3s ease;
        transition:all 0.3s ease;
    }
    .file-list_tap .file-list_tap_all>a>span{white-space:nowrap; display:table-cell; position:relative; width:100%; height:100%; padding-left:24px; vertical-align:middle; text-align:center;}
    .file-list_tap .file-list_tap_all>a>span:before{content:""; display:block; position:absolute; left:20px; top:calc(50% - 8px); width:16px; height:16px; background-image:url(../img/layout/file-list_tap_all.svg); background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}
    .file-list_tap>ul>li.on>a,
    .file-list_tap>ul>li>a:hover,
    .file-list_tap>ul>li>a:focus{
        -webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.1);
        box-shadow:5px 5px 10px rgba(0, 0, 0, 0.5);
    }
    .file-list_tap[data-open="off"]>ul{display:none;}
    .file-list_tap[data-open="off"] .file-list_tap_all{display:block;}

    /* 221207 이슈별접근 다운로드 아이콘 추가 css */
/*
.file-list>ul>li>button[data-icon="10"]{overflow: hidden;
    display: inline-block;
    position: relative;
    width: 17px;
    height: 17px;
    cursor: pointer;
    vertical-align: middle;
    text-align: left;
    text-indent: -1000px;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;background-image: url(../img/layout/icon.png); background-repeat: no-repeat;}
    .popup_btn.Issues{margin-top: 0; vertical-align: baseline !important;}
*/
	.popup_btn.Issues{position: absolute;  left: 115px; background-image: url(../img/layout/icon.png);}
    /* 221207 이슈별접근 다운로드 아이콘 추가 css 끝 */
    
    .file-list{}
.file-list .treeArea li{position:relative;}
    .file-list>ul>li{position: relative;}
    .file-list>ul>li>a{display:block; position:relative; padding:10px 0; text-decoration:none;}
    .file-list>ul>li>a[data-open="on"]:after{
        content:""; display:block; position:absolute; top:20px; right:15px; width:10px; height:10px; border-top:2px solid #32B6A3; border-left:2px solid #32B6A3;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
    }
    .file-list>ul>li>a[data-open="off"]:after{display:none;}
    .file-list>ul>li>a>span{position:relative; display:inline-block; line-height:24px; padding-left:41px; font-weight:600; font-size:18px; color:#000;padding-right: 5px;}
    .file-list>ul>li[data-icon]>a>span:before{ 
        content:""; display:block; position:absolute; left:0; top:0; width:24px; height:24px; background-color:#32B6A3; background-repeat:no-repeat; background-position:center center; background-size:80% auto;
        -webkit-border-radius:50%;
        border-radius:50%;
    }
    .file-list>ul>li[data-icon="0"]>a>span:before{background-color:white; background-image:url(../img/layout/tree_folder_close.png);} 
	.file-list>ul>li[data-icon="0"]>a[data-open='on']>span:before{background-color:white; background-image:url(../img/layout/tree_folder_open.png);} 
    .file-list>ul>li[data-icon="1"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_1_on.png);}
    .file-list>ul>li[data-icon="2"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_2_on.png);}
    .file-list>ul>li[data-icon="3"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_3_on.png);}
    .file-list>ul>li[data-icon="4"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_4_on.png);}
    .file-list>ul>li[data-icon="5"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_5_on.png);}
    .file-list>ul>li[data-icon="6"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_6_on.png);}
    .file-list>ul>li[data-icon="7"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_7_on.png);}
    .file-list>ul>li[data-icon="8"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_8_on.png);}
    .file-list>ul>li[data-icon="9"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_9_on.png);}
    .file-list>ul>li[data-icon="10"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_10_on.png);}
    .file-list>ul>li[data-icon="11"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_11_on.png);}
    .file-list>ul>li[data-icon="12"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_12_on.png);}
    .file-list>ul>li[data-icon="13"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_13_on.png);}
    .file-list>ul>li[data-icon="14"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_14_on.png);}
    .file-list>ul>li[data-icon="15"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_15_on.png);}
    .file-list>ul>li[data-icon="16"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_16_on.png);}
    .file-list>ul>li[data-icon="17"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_17_on.png);}
    .file-list>ul>li[data-icon="18"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_18_on.png);}
    .file-list>ul>li[data-icon="19"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_19_on.png);}
    .file-list>ul>li[data-icon="20"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_20_on.png);}
    .file-list>ul>li[data-icon="21"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_21_on.png);}
    .file-list>ul>li[data-icon="22"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_22_on.png);}
    .file-list>ul>li[data-icon="23"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_23_on.png);}
    .file-list>ul>li[data-icon="24"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_24_on.png);}
    .file-list>ul>li[data-icon="25"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_25_on.png);}
    .file-list>ul>li[data-icon="26"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_26_on.png);}
    .file-list>ul>li[data-icon="27"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_27_on.png);}
    .file-list>ul>li[data-icon="28"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_28_on.png);}
    .file-list>ul>li[data-icon="29"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_29_on.png);}
    .file-list>ul>li[data-icon="30"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_30_on.png);}

        .file-list>ul>li>ul>li{}
        .file-list>ul>li>ul>li:nth-child(n+2){margin-top:2px;}
        .file-list>ul>li>ul>li>a{
            display:block;
            position:relative;
            line-height:20px;
            padding:14px 40px 14px 0;
            text-decoration:none;
            font-weight:normal;
            font-size:18px;
            color:#fff;
            background-color:#6E96D6;
            -webkit-border-radius:8px;
            border-radius:8px;
        }
        .file-list>ul>li>ul>li>.plus{position:absolute;top: 25px;right:0;z-index: 100;}
        .file-list>ul>li>ul>li>.plus:before,
        .file-list>ul>li>ul>li>.plus:after{content:"";display:block;position:absolute;right:14px;top:calc(50% - 1px);width:16px;height:2px;background-color:#fff;}
        .file-list>ul>li>ul>li>.plus:after{
            -webkit-transform:rotate(-90deg);
            transform:rotate(-90deg);
            -webkit-transition:transform 0.3s ease;
            transition:transform 0.3s ease;
        }
        .file-list>ul>li>ul>li>.plus.pl:after{
            -webkit-transform:rotate(0deg);
            transform:rotate(0deg);
        }
        .file-list>ul>li>ul>li>span{display:inline-block; position:relative; max-width:calc(100% - 30px); padding-left:48px;word-break: break-all;}
        .file-list>ul>li>ul>li>span:before{content:"";display:block;position:absolute;left:24px;top: 17px;width:16px;height:16px;background-image:url(../img/layout/file-list-bul.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;}
        .file-list>ul>li>ul>li li{position:relative; margin-top:2px;}
        .file-list>ul>li>ul>li li>a{
            display:block;
            position:relative;
            line-height:20px;
            padding:14px 40px 14px 0;
            text-decoration:none;
            font-weight:normal;
            font-size:18px;
            color:#000;
            background-color:#ECF4F9;
            -webkit-border-radius:8px;
            border-radius:8px;
        }
        .file-list>ul>li>ul>li>ul>li>a{position:relative;}
        .file-list>ul>li>ul>li>ul>li>.plus:before{content:"";display:block;position:absolute;top: 17px;left: 33px;width:10px;height:10px;border-bottom: 2px solid #6EABD2;border-right:2px solid #6EABD2;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transition:all 0.3s;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;z-index: 100;}
        .file-list>ul>li>ul>li>ul>li>span+.plus:before{content:"";display:block;position:absolute;top: 17px;left: 33px;width:10px;height:10px;border-bottom: 2px solid #6EABD2;border-right:2px solid #6EABD2;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transition:all 0.3s;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;z-index: 100;}
        .file-list>ul>li>ul>li>ul>li>.plus.pl:before{transform: rotate(223deg) !important;-webkit-transform: rotate(223deg) !important;-ms-transform: rotate(223deg) !important;top: 21px;}
        .file-list>ul>li>ul>li>ul>li>span[data-open="on"]+.plus:before{transform: rotate(223deg);-webkit-transform: rotate(223deg);-ms-transform: rotate(223deg);top: 21px;}
        .file-list>ul>li>ul>li>ul>li>.plus.pl:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
        .file-list>ul>li>ul>li li>span{position:relative; padding-left:58px;word-break: break-all; display:inline-block;font-size: 18px;font-weight: normal;color: #000;border-radius:8px;}


        
        .file-list>ul>li>ul>li>ul>li li>span{padding-left: 88px;display:inline-block;}
        .file-list>ul>li ul.last>li>span{display:inline}
        .file-list>ul>li>ul>li>ul>li li>span:before{
            content:""; display:block; position:absolute; left:73px; top:calc(50% - 4px); width:8px; height:8px; background-color:#FF3B30;
            -webkit-border-radius:50%;
            border-radius:50%;
        }
        .file-list>ul>li>ul>li>ul>li>ul>li li>span,
        .file-list>ul>li>ul>li>ul>li>ul>li li>[data-skin="inline-popup"]{padding-left:108px;}
        .file-list>ul>li>ul>li>ul>li>ul>li li>span:before{left:93px; background-color:#FF9500;}
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li li>span,
        .file-list>ul>li>ul>li>ul>li>ul>li li>[data-skin="inline-popup"]{padding-left:128px;}
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li li>span:before{left:113px; background-color:#34C759;}
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span,
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>[data-skin="inline-popup"]{padding-left:148px;}
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span:before{left:133px; background-color:#FFCC00;}
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span,
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>[data-skin="inline-popup"]{padding-left:168px;}
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span:before{left:153px; background-color:#007AFF;}
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span,
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>[data-skin="inline-popup"]{padding-left:188px;}
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span:before{left:173px; background-color:#F94EC9;}
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span,
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>[data-skin="inline-popup"]{padding-left:208px;}
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span:before{left:193px; background-color:#127086;}
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span,
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>[data-skin="inline-popup"]{padding-left:228px;}
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span:before{left:213px; background-color:#5AC8FA;}
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span,
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>[data-skin="inline-popup"]{padding-left:248px;}
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span:before{left:233px; background-color:#AF52DE;}
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span,
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>[data-skin="inline-popup"]{padding-left:268px;}
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span:before{left:253px; background-color:#BEDBBB;}

        /*정태준 트리*/
		.file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul.last>li{padding-left: 230px;text-align:left !important;}
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul.last>li{padding-left: 210px;text-align:left !important;}
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul.last>li{padding-left: 190px;text-align:left !important;}
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul.last>li{padding-left: 170px;text-align:left !important;}
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul.last>li{padding-left: 150px;text-align:left !important;}
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul.last>li{padding-left:130px;text-align:left !important;}/*수정*/
        .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul.last>li{padding-left: 110px;text-align:left !important;}/*수정*/
        .file-list>ul>li>ul>li>ul>li>ul>li>ul.last>li{padding-left: 90px;text-align:left !important;}/*수정*/
        .file-list>ul>li>ul>li>ul>li>ul.last>li{padding-left: 60px;text-align:left !important;}/*수정*/
        .file-list>ul>li>ul>li>ul.last>li{padding-left: 50px;text-align:left !important;}/*수정*/
        .file-list>ul>li>ul.last>li{padding-left: 45px;text-align:left !important;}/*수정*/
      
        ul.last>li{position:relative;text-align:left;border-bottom:1px dotted #ddd;padding:5px 0;}
        ul.last>li:last-child{border:0;}
		ul.last>li>span{margin:0 !important;padding:0 0 0 20px !important;}				
		ul.last>li>img{position:absolute;top: 11px;z-index:1;}		
		ul.last>li>a:before{display:none !important;}		
		ul.last>li>a{width:auto !important;}					    

		/*북한통계표*/
		#statis_list .last>li>a{padding-left:15px;}

        .file-list>ul>li ul.last{padding:10px 0;}        
        .file-list>ul>li ul.last>li.open{padding-right:0;}
        .file-list>ul>li ul.last>li>a{display:inline;padding: 5px 0px 5px 16px;font-size:16px;color:#828282;background-color:#fff;word-break: break-all;}
        .file-list>ul>li ul.last>li>a:hover,
        .file-list>ul>li ul.last>li>a:focus{color:#000;font-weight: 600;}
        .file-list>ul>li ul.last>li>span,
        .file-list>ul>li ul.last>li>[data-skin="inline-popup"]{margin-left:-20px;}
        .file-list>ul>li ul.last>li>span:before{display:none;}
        .file-list>ul>li ul.last>li>button+button{margin-left:25px;}
        .file-list>ul>li ul.last>li>button+button+button{margin-left:45px;}
        .file-list>ul>li ul.last>li>button+button+button+button{margin-left:70px;}
        .file-list>ul>li ul.last>li>button+button+button+button+button{margin-left:95px;}
        .file-list>ul>li ul.last>li>button+button+button+button+button+button{margin-left:120px;}

        .file-list>ul>li button,
        .Tbl button[data-icon="2"],
        .Tbl button[data-icon="4"]{overflow:hidden;display:inline-block;position:relative;top: 15px;width:17px;height:17px;margin-left:0px;cursor:pointer;vertical-align:middle;text-align:left;text-indent:-1000px;border:none;background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:contain;} /* 0331수정 */
        .file-list>ul>li button[data-icon="2"],
		.file-list>ul>li button[data-icon="4"]{margin-left:15px;}
        .file-list>ul>li button.btn_stop{left: 199px;top:-38px;}
		.file-list>ul>li button[data-icon="2"],
		.file-list>ul>li button[data-icon="4"],
		.file-list>ul>li button[data-icon="3"],
		.Tbl button[data-icon="2"],
		.Tbl button[data-icon="4"]{position:static;}
		.file-list>ul>li button[data-icon="4"]{margin-left:7px !important;}
		.file-list>ul>li button[data-icon="3"]{margin-left:7px !important;}
		
		.file-list>ul>li button[data-icon="2"],
		.file-list>ul>li button[data-icon="3"],
		.file-list>ul>li button[data-icon="4"]{width:16px !important; height:16px !important;}

        .file-list>ul>li button[data-icon="1"]{background-image:url(../img/layout/file-list-icon_1.svg);}
        .file-list>ul>li button[data-icon="9"]{background-image:url(../img/layout/file-list-icon_9.svg); margin-left: 5px;}        

        .file-list>ul>li button[data-icon="2"],
        .Tbl button[data-icon="2"]{background-image:url(../img/layout/file-list-icon_2.svg);}
        .file-list>ul>li button[data-icon="3"]{background-image:url(../img/layout/file-list-icon_3.svg);}

        .file-list>ul>li button[data-icon="4"],
        .Tbl button[data-icon="4"]{background-image:url(../img/layout/file-list-icon_4.svg);}

        .file-list>ul>li button[data-icon="5"]{background-image:url(../img/content/ic-han.svg);}
        .file-list>ul>li button[data-icon="6"]{background-image:url(../img/content/ic-ex.svg);}
         
        .file-list>ul>li button[data-icon="7"],
        .Tbl button[data-icon="7"]{background-image:url(../img/layout/file-list-icon_7.svg);position: static;} 
        
        .file-list>ul>li button[data-icon="8"],
        .Tbl button[data-icon="8"]{background-image:url(../img/layout/file-list-icon_8.svg);position: static;}        
        
        .file-list>ul>li button[data-icon="9"]{background-image:url(../img/layout/file-list-icon_9.svg);}
        
		#SearchResultListUl .Tbl button[data-icon="7"],#SearchResultListUl .Tbl button[data-icon="8"] 
		{overflow: hidden;
		    display: inline-block;
		    top: calc(50% - 7px);
		    width: 17px;
		    height: 17px;
		    margin-left: 5px;
		    cursor: pointer;
		    vertical-align: sub;
		    text-align: left;
		    text-indent: -1000px;
		    border: none;
		    background-color: transparent;
		    background-repeat: no-repeat;
		    background-position: center center;
		    background-size: contain;
		}
		
		#SearchResultListUl .Tbl button.TreeBtn {background: #fff;}

#searchline[data-type="2"] .file-list_tap{display:block;}
#searchline[data-type="2"] .file-list>ul>li{display:none;}

[data-skin="popup"]{display: block;position:fixed !important;left:0;top:0;z-index:2000;width:100%;height:100%;background-color:rgba(0,0,0,0.8);}
    [data-skin="popup"] > .in{
        position:fixed; left:50%; top:50%; width:600px; max-width:90%; height:700px; max-height:90%; background-color:#fff;
        -webkit-transform:translate(-50%, -50%);
        transform:translate(-50%, -50%);
    }
    [data-skin="popup"] > .in.multi_stat_index{height:auto !important}
    [data-skin="popup"] > .in > .head{height:60px; padding-left:24px; background-color:#32B6A3;}
    [data-skin="popup"] > .in > .head>strong{display:table; table-layout:fixed; width:100%; height:100%; font-size:20px; color:#fff;}
    [data-skin="popup"] > .in > .head>strong>span{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:left; text-shadow: 0px 1px 3px #000;}
    [data-skin="popup"] > .in > .midd{height:calc(100% - 94px); padding:25px;}
    
    #divChoiceInfoPop [data-skin="popup"] > .in > .midd{overflow-y:auto;}
    
    [data-skin="popup"] > .in > .midd .title{display:block; margin-bottom:10px; font-weight:500; font-size:15px; color:#000;}
    [data-skin="popup"] > .in > .midd .img>img{max-width:100%;}
    [data-skin="popup"] > .in > .close{display:block; position:absolute; right:30px; top:24px; width:20px; height:20px;}
    [data-skin="popup"] > .in > .close>span {filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.8));} /*20230911 명도 대비 추가*/
    [data-skin="popup"] > .in > .close>span{
        overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px; background-image:url(../img/layout/file-list-icon_5.svg); background-repeat:no-repeat; background-position:center center; background-size:auto;
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transition:transform 0.3s ease;
        transition:transform 0.3s ease;
    }
    [data-skin="popup"] > .in > .close:hover>span,
    [data-skin="popup"] > .in > .close:focus>span{
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg);
    }
    [data-skin="popup"] > .in > [data-skin="btn"][data-icon="down"]{position:absolute; right:70px; top:12px;}
    [data-skin="popup"] > .in > .midd .title:after{content:""; display:block; clear:both;}
    [data-skin="popup"] > .in > .midd .title .caption{float:right;}
    [data-skin="popup"] > .in > .midd .ti{display:block; position:relative; line-height:17px; margin-bottom:20px; padding-left:13px; font-weight:600; font-size:15px; color:#000;}
    [data-skin="popup"] > .in > .midd .ti:before{
        content:""; display:block; position:absolute; left:0; top:4px; width:8px; height:8px; background-color:#FF9500;
        -webkit-border-radius:50%;
        border-radius:50%;
    }
    [data-skin="popup"] > .in > .foot{padding:25px;}
    [data-skin="popup"] > .in > .foot[data-align="left"]{text-align:left;}
    [data-skin="popup"] > .in > .foot[data-align="center"]{text-align:center;}
    [data-skin="popup"] > .in > .foot[data-align="right"]{text-align:right;}
    [data-skin="popup"] > .in > .midd + .foot{padding-top:0;}

[data-skin="inline-popup"]{display:none; position:relative; left:0; top:100%; z-index:1000; margin:5px 0 10px 0;padding-left:0 !important}
    [data-skin="inline-popup"] > .in{
        width:100%; border:1px solid #ddd; background-color:#fff;
    }
    [data-skin="inline-popup"] > .in > .head{height:90px; padding-left:24px; background-color:#32B6A3;}
    [data-skin="inline-popup"] > .in > .head>strong{display:table; table-layout:fixed; width:100%; height:100%; font-size:20px; color:#fff;}
    [data-skin="inline-popup"] > .in > .head>strong>span{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:left;}
    [data-skin="inline-popup"] > .in > .head>strong>span>span{display:block; font-weight:normal; font-size:0.7em; color:rgba(255,255,255,0.7);}
    [data-skin="inline-popup"] > .in > .midd{padding:25px 35px 35px 35px;}
    [data-skin="inline-popup"] > .in > .midd > span:first-child{display:block; padding-bottom:20px; margin-bottom:20px; font-weight:600; border-bottom:1px solid #333; color:#000;}
    [data-skin="inline-popup"] > .in > .midd ul{display:block !important;}
    [data-skin="inline-popup"] > .in > .midd ul>li{position:relative; line-height:34px; padding:5px 0 5px 0px; font-size:15px; color:#000;}
    [data-skin="inline-popup"] > .in > .midd ul>li>strong{display: inline-block;width: 90px;}
    [data-skin="inline-popup"] > .in > .midd ul>li>span{display: inline-block; text-align:left;}
    [data-skin="inline-popup"] > .in > .midd [data-skin="table-search"]{margin-top:10px; text-align:right;}
    [data-skin="inline-popup"] > .in > .midd [data-skin="table-search"]+[data-skin="table"]{margin-top:5px;}
    [data-skin="inline-popup"] > .in > .midd [data-skin="table-search"]>.midd>strong{padding-right:10px;}
    [data-skin="inline-popup"] > .in > .midd [data-skin="table-search"]>.midd input[type="text"]{width:80px; height:30px; line-height:28px; border:1px solid #ddd;}
    [data-skin="inline-popup"] > .in > .midd [data-skin="table-search"]>.midd .submit{display:inline-block; width:30px; height:30px; vertical-align:top;}
    [data-skin="inline-popup"] > .in > .midd [data-skin="table-search"]>.midd .submit>span{
        overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px; border:1px solid #ddd; background-image:url(../img/layout/svg_icon_4.svg); background-repeat:no-repeat; background-position:center center; background-size:50% auto;
        -webkit-border-radius:2px;
        border-radius:2px;
    }
    [data-skin="inline-popup"] > .in > .midd [data-skin="table"] table th,
    [data-skin="inline-popup"] > .in > .midd [data-skin="table"] table td{text-align:center; font-size:13px}
    [data-skin="inline-popup"] > .in > .midd [data-skin="table"] table th.left,
    [data-skin="inline-popup"] > .in > .midd [data-skin="table"] table td.left{text-align:left;}
    [data-skin="inline-popup"] > .in > .midd .paging {text-align:center; clear:both; margin-top:15px;}
	[data-skin="inline-popup"] > .in > .midd .paging button {position:relative; left:auto; top:auto; height: 23px;width: 23px;border:0;background: #fff no-repeat center center;text-align: left;text-indent: -1000px;overflow: hidden;display: inline-block;vertical-align: middle;}
	[data-skin="inline-popup"] > .in > .midd .paging button.ArrowFirst {background-image: url(../img/layout/sh_page_first.svg);}
	[data-skin="inline-popup"] > .in > .midd .paging button.ArrowForward {background-image: url(../img/layout/sh_page_before.svg);}
	[data-skin="inline-popup"] > .in > .midd .paging button.ArrowNext {background-image: url(../img/layout/sh_page_next.svg);border-right: none;}
	[data-skin="inline-popup"] > .in > .midd .paging button.ArrowLast {background-image: url(../img/layout/sh_page_last.svg);}
	[data-skin="inline-popup"] > .in > .midd .paging button.Off {vertical-align: middle;}
	[data-skin="inline-popup"] > .in > .midd .paging .PageNum {display: inline-block;margin: 0 10px;}
	[data-skin="inline-popup"] > .in > .midd .paging .PageNum a {display: inline-block;height: 23px;min-width: 23px;padding: 0 3px;line-height: 23px;text-align: center;vertical-align: middle;color:#333;text-decoration: none;font-size:14px}
	[data-skin="inline-popup"] > .in > .midd .paging .PageNum a:hover,
	[data-skin="inline-popup"] > .in > .midd .paging .PageNum a:focus {line-height: 23px;background: #127086;color: #fff;border-radius: 4px;}
	[data-skin="inline-popup"] > .in > .midd .paging .PageNum a.M_on {background: #127086;color: #fff;border: none !important;line-height: 23px !important;vertical-align: middle;border-radius: 4px;margin:0 3px}
	[data-skin="inline-popup"] > .in > .midd .borderbox{overflow:auto; height:216px; padding:10px 16px; margin-top:10px; border:1px solid #bdbdbd;}
	[data-skin="inline-popup"] > .in > .midd .borderbox + p{margin-top:5px;}
	[data-skin="inline-popup"] > .in > .midd strong>a{text-decoration:none; color:#000;}
	[data-skin="inline-popup"] > .in > .midd .btn-search{overflow:hidden; display:inline-block; width:34px; height:34px; margin-left:3px; vertical-align:middle; text-align:left; text-indent:-1000px; background-image:url(../img/content/btn-search.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}
	[data-skin="inline-popup"] > .in > .foot{padding:0 35px 35px 35px; text-align:center;}
    [data-skin="inline-popup"] > .in > .close{display:block; position:absolute; right:31px; top:40px; width:15px; height:15px;}
    [data-skin="inline-popup"] > .in > .close>span{
        overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px; background-image:url(../img/layout/file-list-icon_5.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transition:transform 0.3s ease;
        transition:transform 0.3s ease;
    }
    [data-skin="inline-popup"] > .in > .close:hover>span,
    [data-skin="inline-popup"] > .in > .close:focus>span{
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg);
    }

    [data-skin="inline-popup"][data-type="2"] > .in > .midd{height:calc(100% - 90px - 72px);}
    [data-skin="inline-popup"][data-type="2"] > .in > .midd > ul{height:calc(100% - 66px);}

[data-skin="download-icon"]{display:inline-block; width:32px; height:32px; vertical-align:top;}
    [data-skin="download-icon"]>span{overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px; background-image:url(../img/layout/file-list-icon_6.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}

/* 관심주제설정 */
[data-skin="type-box"]{display:none; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background-color:rgba(0,0,0,0.8);}
    [data-skin="type-box"]>.in{
        position:absolute; left:50%; top:50%; width:90%; max-width:1063px; height:90%; max-height:862px; padding:40px 50px; background-color:#F4F8FB;
        -webkit-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%);
    }
    [data-skin="type-box"]>.in>.head{height:32px; line-height:32px; margin-bottom:30px;}
    [data-skin="type-box"]>.in>.midd{height:calc(100% - 62px - 35px - 20px); width:100% !important;}
    [data-skin="type-box"]>.in>.midd>ul{padding:2px 0;}
    [data-skin="type-box"]>.in>.midd>ul:after{content:""; display:block; clear:both;}    
    [data-skin="type-box"]>.in>.midd>ul>li{float:left; position:relative; width:calc((100% - (17px * 5)) / 6); margin-right:16px;overflow:hidden;}    

    [data-skin="type-box"]>.in>.midd>ul>li>input + label:after{content:'';position:absolute;background: #F2F2F2;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;
	-o-transition:all 0.3s;transition:all 0.3s;top:0px;left:-100%;width:0%;height:100%;transform:skew(50deg);transition-duration:0.6s;transform-origin:0 0;z-index:1;}
	[data-skin="type-box"]>.in>.midd>ul>li>input + label:hover:after{width:200% !important;height: 200% !important;}
	[data-skin="type-box"]>.in>.midd>ul>li>input:focus + label:after{width:200% !important;height: 200% !important;}
	[data-skin="type-box"]>.in>.midd>ul>li>input:focus + label:before{border: 2px solid #000;}	
	[data-skin="type-box"]>.in>.midd>ul>li>input[type="checkbox"]:checked + label:after{display:none}
	[data-skin="type-box-excel"]>.in>.midd>ul>li>a:after{content:'';position:absolute;background: #F2F2F2;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;
	-o-transition:all 0.3s;transition:all 0.3s;top:0px;left:-100%;width:0%;height:200%;transform:skew(50deg);transition-duration:0.6s;transform-origin:0 0;z-index:1;}
	[data-skin="type-box-excel"]>.in>.midd>ul>li>a:hover:after,
	[data-skin="type-box-excel"]>.in>.midd>ul>li>a:focus:after{width:200% !important;height:200% !important;}
	[data-skin="type-box-excel"]>.in>.midd>ul>li>a:hover>span:after,
	[data-skin="type-box-excel"]>.in>.midd>ul>li>a:focus>span:after{}

    [data-skin="type-box"]>.in>.midd>ul>li:nth-child(6n+6){margin-right:0;}
    [data-skin="type-box"]>.in>.midd>ul>li:nth-child(n+7){margin-top:16px;}
    [data-skin="type-box"]>.in>.midd>ul>li>input[type="checkbox"]{opacity:0; position:absolute; left:0; top:0;}
    [data-skin="type-box"]>.in>.midd>ul>li>label{
        display:table;
        table-layout:fixed;
        position:relative;
        width:100%;
        height:110px;
        line-height:1.4;
        text-decoration:none;
        font-size:16px;
        color:#4F4F4F;
        background-color:#fff;
        -webkit-border-radius:8px;
        border-radius:8px;
        -webkit-transition:all 0.3s ease;
        transition:all 0.3s ease;
    }
    [data-skin="type-box"]>.in>.midd>ul>li>label:before{
        opacity:0;
        content:"";
        display:block;
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        border:2px solid #127086;
        box-sizing:border-box;
        -webkit-border-radius:8px;
        border-radius:8px;
        -webkit-transition:opacity 0.3s ease;
        transition:opacity 0.3s ease;
    }
    [data-skin="type-box"]>.in>.midd>ul>li>label>span{
    white-space:nowrap;
    display:table-cell;
    width:100%;
    /* height:100%; */
    vertical-align:middle;
    text-align:center;
    z-index: 100;
    position:absolute;
    top: 50%;
    left:50%;
    transform:translate(-50%,-50%);
    }
    [data-skin="type-box"]>.in>.midd>ul>li>label>span:before{content:"";display:block;width:100%;height:49px;margin-bottom:5px;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}
    [data-skin="type-box"]>.in>.midd>ul>li>label>em{
        opacity:0; position:absolute; right:10px; top:10px; width:24px; height:24px; line-height:24px; text-align:center; font-style:normal; font-weight:normal; font-size:15px; color:#fff; background-color:#127086;
        -webkit-border-radius:50%;
        border-radius:50%;
        -webkit-transition:opacity 0.3s ease;
        transition:opacity 0.3s ease;
    }

    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="1"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_1.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="2"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_2.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="3"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_3.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="4"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_4.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="5"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_5.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="6"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_6.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="7"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_7.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="8"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_8.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="9"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_9.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="10"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_10.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="11"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_11.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="12"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_12.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="13"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_13.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="14"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_14.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="15"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_15.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="16"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_16.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="17"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_17.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="18"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_18.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="19"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_19.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="20"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_20.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="21"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_21.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="22"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_22.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="23"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_23.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="24"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_24.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="25"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_25.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="26"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_26.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="27"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_27.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="28"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_28.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="29"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_29.png);}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon="30"]>label>span:before{background-image:url(../img/layout/svg_main_simbol_30.png);}

    [data-skin="type-box"]>.in>.midd>ul>li>input[type="checkbox"]:checked + label:before,
    [data-skin="type-box"]>.in>.midd>ul>li>input[type="checkbox"]:checked + label>em{opacity:1;}

    [data-skin="type-box"]>.in>.foot{height:35px; margin-top:20px;}
    [data-skin="type-box"]>.in>.foot:after{content:""; display:block; clear:both;}
    [data-skin="type-box"]>.in>.foot>.l{float:left;}
    [data-skin="type-box"]>.in>.foot>.r{float:right;}
    [data-skin="type-box"]>.in>.foot [data-skin="btn"]{width:auto !important; min-width:10px; padding:0 25px;}

#searchline[data-typebox="on"] [data-skin="type-box"]{display:block;}

body[data-layout="sub"] #content-group #framebox{display:none; padding-top:20px;}
    body[data-layout="sub"] #content-group #framebox iframe{width:100%; height:870px; border:none;}

/* 주제별통계 검색 후 */
[data-skin="search-list"]{display:none; padding-bottom:30px; position:relative;min-height: 483px;}
    [data-skin="search-list"] em{font-style:normal; color:#EB5757;}
    [data-skin="search-list"] > .head{position:relative;padding: 0 30px 0 0;margin-bottom:20px;font-weight:500;font-size:18px;color:#000;}
    [data-skin="search-list"] > .midd>ul>li:nth-child(n+2){margin-top:5px;}
	[data-skin="search-list"] > .midd>ul>li.List {background:url(../../images/sub/tree_icon_folderclose.png) no-repeat left center; padding-left:25px; font-size:12px;}
	[data-skin="search-list"] > .midd>ul>li.Tbl {background: url(../../images/sub/tree_icon_file.png) no-repeat 0px 7px;padding-left:20px;font-size:12px;position:relative;}
    [data-skin="search-list"] > .midd>ul>li>a{text-decoration:none; font-size:16px; color:#000; padding-left:0px;font-weight: 500;word-break:break-all}
    [data-skin="search-list"] > .close{position:absolute; right:0; top:0; width:32px; height:32px;}
    [data-skin="search-list"] > .close>span{
        overflow:hidden; display:block; width:100%; height:100%; text-indent:-1000px; background-image:url(../img/layout/svg_icon_7.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transition:transform 0.3s ease;
        transition:transform 0.3s ease;
    }
    [data-skin="search-list"] > .close:hover>span,
    [data-skin="search-list"] > .close:focus>span{
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg);
    }

/* 부분목록받기설정 */
[data-skin="type-box-excel"]{display:none; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background-color:rgba(0,0,0,0.8);}
[data-skin="type-box-excel"]>.in{
    position:absolute; left:50%; top:50%; width:90%; max-width:1063px; height:90%; max-height:862px; padding:40px 50px; background-color:#F4F8FB;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
[data-skin="type-box-excel"]>.in>.head{height:32px; line-height:32px; margin-bottom:30px; text-align:left;}
[data-skin="type-box-excel"]>.in>.midd{height:calc(100% - 62px - 35px - 20px);}

[data-skin="type-box-excel"]>.in>.midd>ul{padding:2px 0;}
[data-skin="type-box-excel"]>.in>.midd>ul:after{content:""; display:block; clear:both;}
[data-skin="type-box-excel"]>.in>.midd>ul>li{float:left;position:relative;width:calc((100% - (17px * 5)) / 6);margin-right:16px;overflow:hidden;}
[data-skin="type-box-excel"]>.in>.midd>ul>li>a{display:block;}
[data-skin="type-box-excel"]>.in>.midd>ul>li:nth-child(6n+6){margin-right:0;}
[data-skin="type-box-excel"]>.in>.midd>ul>li:nth-child(n+7){margin-top:16px;}
[data-skin="type-box-excel"]>.in>.midd>ul>li{position:relative;}
[data-skin="type-box-excel"]>.in>.midd>ul>li>a{
	white-space:nowrap;
	display:block;
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
	display:table;
	table-layout:fixed;
	position:relative;
	width:100%;
	height:115px;
	line-height: 1.4;
	text-decoration:none;
	font-size:16px;
	color:#4F4F4F;
	background-color:#fff;	/* 관심주제 버튼 크기 수정 */
	-webkit-border-radius:8px;
	border-radius:8px;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
	padding:15px 0;
}
[data-skin="type-box-excel"]>.in>.midd>ul>li>a>span{
    position:absolute;
    top:0;
    left:0;
    z-index:100;
    width:100%;
    height:100%;
    padding-top:19px;
}

[data-skin="type-box-excel"]>.in>.midd>ul>li>a>span:after{
    content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #127086; box-sizing:border-box;
    -webkit-border-radius:8px;
    border-radius:8px;
    -webkit-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
}
[data-skin="type-box-excel"]>.in>.midd>ul>li>a>span:before{
	content:""; display:block; width:100%; height:49px; margin-bottom:5px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;
}

[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="1"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_1.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="2"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_2.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="3"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_3.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="4"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_4.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="5"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_5.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="6"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_6.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="7"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_7.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="8"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_8.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="9"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_9.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="10"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_10.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="11"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_11.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="12"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_12.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="13"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_13.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="14"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_14.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="15"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_15.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="16"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_16.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="17"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_17.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="18"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_18.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="19"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_19.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="20"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_20.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="21"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_21.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="22"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_22.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="23"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_23.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="24"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_24.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="25"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_25.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="26"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_26.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="27"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_27.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="28"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_28.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="29"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_29.png);}
[data-skin="type-box-excel"]>.in>.midd>ul>li[data-icon="30"]>a>span:before{background-image:url(../img/layout/svg_main_simbol_30.png);}

[data-skin="type-box-excel"]>.in>.midd>ul>li>input[type="checkbox"]:checked + label:before,
[data-skin="type-box-excel"]>.in>.midd>ul>li>input[type="checkbox"]:checked + label>em{opacity:1;}

[data-skin="type-box-excel"]>.in>.foot{height:35px; margin-top:20px;}
[data-skin="type-box-excel"]>.in>.foot:after{content:""; display:block; clear:both;}
[data-skin="type-box-excel"]>.in>.foot>.l{float:left;}
[data-skin="type-box-excel"]>.in>.foot>.r{float:right;}
[data-skin="type-box-excel"]>.in>.foot [data-skin="btn"]{width:auto !important; min-width:10px; padding:0 25px;}

#searchline[data-typebox-excel="on"] [data-skin="type-box-excel"]{display:block;}

/*통계목록*/
.top-option > .layout > .midd > .move > #statisTab{margin-top: 5px;}
.top-option > .layout > .midd > .move > #statisTab li{line-height: 30px;position:relative;padding-right:0;}
.top-option > .layout > .midd > .move > #statisTab li a{width: 147px;background-color:#f6f6f6;border-radius:50px;padding-left:15px;font-size:14px;color:#555;font-weight:bold;padding-right:7px;}
.top-option > .layout > .midd > .move > #statisTab li button{position:absolute;top: 50%;right: 14px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);background-color:rgba(0,0,0,0);border-radius:0;width:15px;height:15px;}
.top-option > .layout > .midd > .move > #statisTab li button:after,
.top-option > .layout > .midd > .move > #statisTab li button:before{content:"";display:block;position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#555;}
.top-option > .layout > .midd > .move > #statisTab li button:after{transform:rotate(45deg)}
.top-option > .layout > .midd > .move > #statisTab li button:before{transform: rotate(134deg);}
.top-option > .layout > .midd > .move > #statisTab li button span{background:none;}

.top-option > .layout > .midd > .move > #statisTab li.on a{text-decoration:none;background-color:#468fc7;color:#fff;}
.top-option > .layout > .midd > .move > #statisTab li.on button:after,
.top-option > .layout > .midd > .move > #statisTab li.on button:before{background-color:#fff;}

/*로딩*/
#dataLoadingDiv{left:0;top:0;width:100%;height:100%;border:0;background-position: center 253px;z-index: 101;}

@media all and (max-width: 1340px){
    #searchline > .head > .head,
    #searchline > .head > .midd{float:none;}
    #searchline > .head > .head + .midd{width:100%; margin-top:5px;}
    #searchline > .head > .midd > ul{display:block;position:relative;padding-top: 41px;}
    #searchline > .head > .midd > ul > li{display:inline-block; width:144px; padding:0; margin-top:8px;}
    #searchline > .head > .midd > ul > li:not(:last-child){padding-right:2px;}
    #searchline > .head > .midd > ul > li.se{position:absolute; left:0; top:0; width:100%;}
    #searchline > .head > .midd > ul > li .searchform{
        width:100%;
        height: 34px;
        margin:0;
        padding:0 80px 0 145px;
        -webkit-border-radius:25px;
        border-radius:25px;
    }
    #searchline > .head > .midd > ul > li .searchform select{width:140px;height: 34px;line-height: 34px;padding-left:25px;}
    #searchline > .head > .midd > ul > li .searchform input[type="text"]{height:34px; line-height:32px; font-size:16px; text-indent:10px;}
    #searchline > .head > .midd > ul > li .searchform input[type="submit"]{width:75px;height: 34px;line-height: 34px;}

    #searchline > .head > .midd > ul > li [data-skin="btn"],
    #searchline > .head > .midd > ul > li [data-skin="select"]>select{
		width:100%;
		height: 34px;
		line-height: 33px;
		-webkit-border-radius:25px;
		border-radius:25px;
	}
	#searchline > .head > .midd > ul > li [data-skin="select"]{max-width:100%;}
	#searchline > .head > .midd > ul > li [data-skin="select"]>select{padding-left:25px; background-size:auto 30%;}
	
	#searchline.multi_stat > .head > .midd > ul > li:first-child{width: auto;}
	
	#searchline > .head > .head + .midd,
	#searchline.multi_stat .head ul{text-align: left;}
}
@media all and (max-width: 1024px){
    .top-option > .layout > .midd .move>ul{padding-left:0;}
    [data-skin="type-box"]>.in>.midd>ul{min-width:900px;}
    [data-skin="type-box-excel"]>.in>.midd>ul{min-width:900px;}

    #searchline{margin-left:0;}

    [data-skin="type-box"]>.in>.midd>ul{min-width:900px;}

    .file-list_tap .file-list_tap_all{margin:0 auto;}

    .top-option > .layout > .midd > .move > #statisTab {margin-top: 0px;}
    .top-option > .layout > .midd > .move > #statisTab li.Hidden{width:190px !important;height:auto !important;overflow:visible !important;visibility: inherit;}
}
@media all and (max-width: 800px){
    .file-list>ul>li ul.last>li>[data-skin="inline-popup"]{position:fixed; left:0; top:0; z-index:1500; margin:0 !important; padding:0; width:100%; height:100%;}
    [data-skin="inline-popup"] > .in{height:100%;}


    [data-skin="chatArea"] > .in{width:100%; max-width:100%; height:100%; max-height:100%;}
    [data-skin="popup"] > .in{width:100% !important; max-width:100% !important; height:100% !important; max-height:100% !important;}

    [data-skin="popup"] > .in > .midd>[data-skin="table"]{overflow-x:auto;}    
}
@media all and (max-width: 700px){
    [data-skin="inline-popup"] > .in > .midd [data-skin="table-search"]+[data-skin="table"]{overflow:auto;}
    [data-skin="inline-popup"] > .in > .midd [data-skin="table-search"]+[data-skin="table"]>table{min-width:700px;}
    
    /*파일 다운 처리*/
   .file-list>ul>li button[data-icon="2"],
   .Tbl button[data-icon="2"]{display:none}
   [data-skin="search-list"] > .midd>ul>li.Tbl .tree_down{display:none;}
 
   .file-list_tap {width:100% !important;}   
}
@media all and (max-width: 630px){
	#searchline > .head > .midd > ul > li:not(.se){float:left; width:calc((100% - 8px) / 2);}		
	#searchline > .head > .midd > ul > li:nth-child(1),
	#searchline > .head > .midd > ul > li:nth-child(4){margin-right:8px;}
	 #searchline > .head > .midd > ul > li{margin-right: 0px;}
	#searchline.multi_stat > .head > .midd > ul > li:not(.se){display: inline-block;width: 144px;padding: 0;margin-top: 8px;}
	#searchline.multi_stat > .head > .midd > ul > li:last-child{margin-left:40px;}
}
@media all and (max-width: 600px){
    .file-list_tap>ul>li>a{font-size:12px;}
    [data-skin="type-box"]>.in{width:100%; height:100%; max-height:100%; padding:30px;}
    [data-skin="type-box"]>.in>.midd>ul{width:100%; min-width:100%;}
    [data-skin="type-box"]>.in>.midd>ul>li{width:calc((100% - (17px * 2)) / 2); margin-right:17px;}
    [data-skin="type-box"]>.in>.midd>ul>li:nth-child(6n+6){margin-right:17px;}
    [data-skin="type-box"]>.in>.midd>ul>li:nth-child(2n+2){margin-right:0;}
    [data-skin="type-box"]>.in>.midd>ul>li:nth-child(n+3){margin-top:17px;}
    [data-skin="type-box"]>.in>.midd>ul>li>label{height:50px;}
    [data-skin="type-box"]>.in>.midd>ul>li[data-icon]>label>span:before{display:none;}
    [data-skin="type-box"]>.in>.midd>ul>li>label>em{top:calc(50% - 12px);}

    [data-skin="type-box-excel"]>.in{width:100%; height:100%; max-height:100%; padding:30px;}
    [data-skin="type-box-excel"]>.in>.midd>ul{width:100%; min-width:100%;}
    [data-skin="type-box-excel"]>.in>.midd>ul>li{width:calc((100% - (17px * 2)) / 2);margin-right:17px;}
    [data-skin="type-box-excel"]>.in>.midd>ul>li:nth-child(6n+6){margin-right:17px;}
    [data-skin="type-box-excel"]>.in>.midd>ul>li:nth-child(n+3){margin-top:17px;}
    
    [data-skin="type-box-excel"]>.in>.midd>ul>li>a>span:before{display:none;}
    
    [data-skin="type-box"]>.in>.midd>ul>li>label>span{top: 50%;left: 0%;width:100%;transform:translateY(-50%);}

    [data-skin="type-box-excel"]>.in>.midd>ul>li>a{height:50px;}
    [data-skin="type-box-excel"]>.in>.midd>ul>li>span{height:50px;padding:0;padding-top: 15px;}

    [data-skin="popup"] > .in > .midd>[data-skin="table"] table colgroup col:nth-child(1){width:150px !important}
}
@media all and (max-width: 500px){
	.file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul.last>li{padding-left: 180px;text-align:left !important;}
    .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul.last>li{padding-left: 160px;text-align:left !important;}
    .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul.last>li{padding-left: 140px;text-align:left !important;}
    .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul.last>li{padding-left: 120px;text-align:left !important;}
    .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul.last>li{padding-left: 110px;text-align:left !important;}
        
    .file-list>ul>li>span{padding-left:33px;}
	.file-list>ul>li>ul>li>span{padding-left:30px; font-size:16px;}
	.file-list>ul>li>ul>li>span:before{left:12px;width:12px;height:12px;top: 19px;}
	.file-list>ul>li>ul>li li>span{padding-left:50px; font-size:14px;}
	.file-list>ul>li>ul>li>ul>li>a+.plus:before{width:5px;height:5px;top:20px;}
	.file-list>ul>li>ul>li>ul>li>a[data-open="on"]+.plus:before{top: 21px;}
	.file-list>ul>li>ul>li>ul>li>a+.plus:before{left:20px;}
	.file-list>ul>li>ul>li>ul>li li>span{padding-left: 62px;}
	.file-list>ul>li>ul>li>ul>li li>span:before{left:48px; width:6px; height:6px;}

	.file-list>ul>li>ul>li>ul>li>ul>li li>span,
	.file-list>ul>li>ul>li>ul>li>ul>li li>[data-skin="inline-popup"]{padding-left:75px;}
	.file-list>ul>li>ul>li>ul>li>ul>li li>span:before{left:65px;}
	.file-list>ul>li>ul>li>ul>li>ul>li>ul>li li>span,
	.file-list>ul>li>ul>li>ul>li>ul>li li>[data-skin="inline-popup"]{padding-left:90px;}
	.file-list>ul>li>ul>li>ul>li>ul>li>ul>li li>span:before{left:80px;}
	.file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span,
	.file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>[data-skin="inline-popup"]{padding-left:105px;}
	.file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span:before{left:95px;}
	.file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span,
	.file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>[data-skin="inline-popup"]{padding-left:120px;}
	.file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span:before{left:110px;}
	.file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span,
	.file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>[data-skin="inline-popup"]{padding-left:135px;}
	.file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span:before{left:125px;}
	.file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span,
	.file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>[data-skin="inline-popup"]{padding-left:150px;}
	.file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span:before{left:140px;}
	.file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span,
	.file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>[data-skin="inline-popup"]{padding-left:165px;}
	.file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span:before{left:155px;}
	.file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span,
	.file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>[data-skin="inline-popup"]{padding-left:180px;}
	.file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span:before{left:170px;}
	.file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span,
	.file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>[data-skin="inline-popup"]{padding-left:195px;}
    .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li li>span:before{left:185px;}
    .tree_txt{padding-top: 12px;}
    .file-list>ul>li ul.last>li>span,
    .file-list>ul>li ul.last>li>[data-skin="inline-popup"]{margin-left:-13px;}

    [data-skin="inline-popup"] > .in > .close{right:20px; top:20px;}
    [data-skin="inline-popup"] > .in > .midd ul>li{padding-left:0;}
    [data-skin="inline-popup"] > .in > .midd ul>li>strong{position:relative; text-align:left;}
    [data-skin="inline-popup"] > .in > .midd ul>li>span{padding-left:10px;}

    [data-skin="type-box-excel"]>.in{padding:25px;}
    [data-skin="type-box-excel"]>.in>.head>strong{display:block; line-height:1.4;}
    [data-skin="type-box-excel"]>.in>.midd{height:calc(100% - 62px - 70px - 20px);}
    [data-skin="type-box-excel"]>.in>.midd>ul{min-width:10px;}
    [data-skin="type-box-excel"]>.in>.midd>ul>li>label>span:before{height:36px;}
    [data-skin="type-box-excel"]>.in>.foot{height:70px;}
    [data-skin="type-box-excel"]>.in>.foot>.r{float:left; width:100%; margin-top:10px; text-align:center;}

    /*마지막 트리*/
    .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul.last>li{padding-left:90px}/*수정*/
    .file-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul.last>li{padding-left: 75px;}/*수정*/
    .file-list>ul>li>ul>li>ul>li>ul>li>ul.last>li{padding-left: 62px;}/*수정*/
    .file-list>ul>li>ul>li>ul>li>ul.last>li{padding-left: 51px;}/*수정*/
    .file-list>ul>li>ul>li>ul.last>li{padding-left: 32px;}/*수정*/
    .file-list>ul>li>ul.last>li{padding-left: 37px;}/*수정*/
    /* //마지막 트리*/

}

@media all and (max-width: 450px){
	[data-skin="type-box"]>.in>.head>strong{display:block; line-height:1.3;}
	[data-skin="type-box"]>.in>.midd>ul>li>label{font-size:13px;}
	[data-skin="type-box"]>.in>.midd>ul>li>label>span{white-space:normal;padding:0 30px;}
	[data-skin="type-box"]>.in>.midd>ul>li>label>em{top:calc(50% - 10px); width:20px; height:20px; line-height:20px; font-size:11px;}

    [data-skin="type-box-excel"]>.in>.head>strong{display:block; line-height:1.3;}
    [data-skin="type-box-excel"]>.in>.midd>ul>li>a>span{font-size:13px;white-space:normal; }
    
    [data-skin="type-box"]>.in>.foot>.l,
    [data-skin="type-box"]>.in>.foot>.r{width:100%;text-align:center;}
    
    #searchline.multi_stat > .head > .midd > ul > li{width:100% !important;}
	#searchline.multi_stat .head .midd ul li:first-child select{width:100% !important;}
	#searchline.multi_stat > .head > .midd > ul > li:last-child{margin-left:0px;}
}

@media all and (max-width: 400px){
    [data-skin="inline-popup"] > .in > .midd>span{text-align:left;}
    .file-list>ul>li ul.last>li{padding-right:0; text-align:right;}
    .file-list>ul>li ul.last>li>a{display: flex;}
    
}

/* 복합통계표 */
[data-pop="tip-pop"]{display:none;}
    [data-pop="tip-pop"]>.in{width:850px; height:955px;}
    [data-pop="tip-pop"] .view-list{margin-top:20px;}
    [data-pop="tip-pop"] .view-list>ul>li>.view{display:none; margin-bottom:20px;}
    [data-pop="tip-pop"] .view-list>ul>li>.head{position:relative; height:48px; line-height:48px; padding:0 28px; border-bottom:1px solid #E0E0E0; background-color:#F4F8FB;}
    [data-pop="tip-pop"] .view-list>ul>li>.head>strong{font-weight:normal; font-size:16px; color:#000;}
    [data-pop="tip-pop"] .view-list>ul>li>.head>a{
        display:block; position:absolute; right:28px; top:50%; height:32px; line-height:32px; padding:0 20px; text-decoration:none; text-align:center; color:#fff; background-color:#32B6A3;
        -webkit-border-radius:16px;
        border-radius:16px;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%);
    }
    [data-pop="tip-pop"] .view-list>ul>li>.midd{line-height:24px; padding:20px 24px; font-size:15px; color:#4F4F4F;}

    [data-pop="tip-pop"][data-page]>.in>.midd>.img{display:none;}
    [data-pop="tip-pop"][data-page] .view-list>ul>li{display:none;}
    [data-pop="tip-pop"][data-page] .view-list>ul>li>.view,
    [data-pop="tip-pop"][data-page="1"] .view-list>ul>li:nth-child(1),
    [data-pop="tip-pop"][data-page="2"] .view-list>ul>li:nth-child(2){display:block;}

[data-tab-view] .titlebox{position:relative; padding:16px 16px 16px 32px; background-color:#F6F6F6;}
    [data-tab-view] .titlebox>strong{line-height:32px; font-weight:normal; font-size:16px; color:#5696F3;}
    [data-tab-view] .titlebox>strong>em{padding-right:10px; font-style:normal;}
    [data-tab-view] .titlebox>strong>span{color:#000;}
    [data-tab-view] .titlebox>.btn-group{
        position:absolute; right:16px; top:50%;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%);
    }

    [data-tab-view] .titlebox[data-type="2"]{background-color:transparent;}
    [data-tab-view] .titlebox>.btn-group [data-skin="btn"]{min-width:10px;}
    [data-tab-view] .titlebox>.btn-group .searchbox{
        position:relative; width:232px; height:32px; line-height:30px; padding-right:60px; border:1px solid #4F4F4F;
        -webkit-border-radius:16px;
        border-radius:16px;
    }
    [data-tab-view] .titlebox>.btn-group .searchbox>input[type="text"]{width:100%; height:30px; line-height:30px; padding-left:15px; font-size:15px; border:none; background:none;}
    [data-tab-view] .titlebox>.btn-group .searchbox>a{display:block; position:absolute; right:10px; top:0; line-height:32px; text-decoration:none; font-size:14px; color:#4F4F4F;}
    [data-tab-view] .titlebox>.btn-group .searchbox>a>span{display:block; position:relative; padding-left:20px;}
    [data-tab-view] .titlebox>.btn-group .searchbox>a>span:before{overflow:hidden; content:""; display:block; position:absolute; left:0; top:calc(50% - 8px); width:16px; height:16px; text-align:left; text-indent:-1000px; background-image:url(../img/layout/svg_icon_4.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}

    [data-tab-view] .titlebox:nth-child(n+2):not([data-type="2"]){margin-top:40px;}
    [data-tab-view] .borderbox{padding:16px 32px; border:1px solid #BDBDBD; color:#828282;}
    
    /*복합추가*/
    #divPreView {padding:0px 0px;}
	#divSearchResult {padding:0px 0px;}

    [data-tab-view] .borderbox [data-skin="select-plus"]{margin-left:20px;}
    [data-tab-view] .borderbox .title{}
    [data-tab-view] .borderbox .title .option{display:inline-block; margin-left:20px;}
    [data-tab-view] .borderbox .title .option [data-skin="select"]>select{
        min-width:50px; height:24px; line-height:22px; border:1px solid #C4C4C4;
        -webkit-border-radius:0;
        border-radius:0;
    }

    [data-tab-view] .borderbox[data-color="2"]{border-color:#E0E0E0;}

    [data-tab-view] .titlebox + .borderbox{margin-top:10px;}

[data-skin="popup"][data-name="pop_si"]>.in{width:850px; height:auto;}
@media all and (max-width: 900px){
    [data-skin="popup"][data-name="pop_si"]>.in{width:100%; max-width:100%; height:100%; max-height:100%;}
}

[data-skin="popup"][data-name="pop_si2"]>.in{width:327px; height:auto;}
    [data-skin="popup"][data-name="pop_si2"]>.in .foot [data-skin="btn"]{min-width:10px;}

[data-skin="popup"][data-name="pop_si3"]>.in{height:auto;}
    [data-skin="popup"][data-name="pop_si3"]>.in .foot [data-skin="btn"]{min-width:10px;}

[data-skin="popup"][data-name="pop_si4"]>.in{height:auto;}
    [data-skin="popup"][data-name="pop_si4"]>.in>.midd{min-height:200px;}
    [data-skin="popup"][data-name="pop_si4"]>.in>.foot [data-skin="btn"]{min-width:10px;}

[data-skin="popup"][data-name="pop_si5"]>.in{width:800px; height:auto;}
    [data-skin="popup"][data-name="pop_si5"] [data-skin="select-plus"] .updown{position:relative; height:27px; margin-bottom:10px; text-align:right;}
    [data-skin="popup"][data-name="pop_si5"] [data-skin="select-plus"] .updown:before{content:""; display:block; position:absolute; left:0; top:0; width:24px; height:27px; background-image:url(../img/layout/updown-title.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}
    [data-skin="popup"][data-name="pop_si5"] [data-skin="select-plus"] .updown.rotate:before{background-image:url(../img/layout/updown-title2.svg);}
    [data-skin="popup"][data-name="pop_si5"] [data-skin="select-plus"] .updown [class*="btn-"]{display:inline-block; width:16px; height:16px; margin-top:10px;}
    [data-skin="popup"][data-name="pop_si5"] [data-skin="select-plus"] .updown [class*="btn-"]>span{overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
    [data-skin="popup"][data-name="pop_si5"] [data-skin="select-plus"] .updown [class*="btn-"]:not(:last-child){margin-right:3px;}
    [data-skin="popup"][data-name="pop_si5"] [data-skin="select-plus"] .updown .btn-up>span{background-image:url(../img/layout/updown-up.svg);}
    [data-skin="popup"][data-name="pop_si5"] [data-skin="select-plus"] .updown .btn-down>span{background-image:url(../img/layout/updown-down.svg);}
    [data-skin="popup"][data-name="pop_si5"] [data-skin="select-plus"] .head{height:64px;line-height:20px;padding:22px;margin:0;font-size:15px;border:1px solid #E0E0E0;color:#000;}
    [data-skin="popup"][data-name="pop_si5"] [data-skin="select-plus"] .midd ul{border:1px solid #E0E0E0;height:380px;margin-top:10px;overflow-y:auto;padding: 10px;}
    [data-skin="popup"][data-name="pop_si5"] [data-skin="select-plus"] .midd ul li a{text-decoration:none;}
    [data-skin="popup"][data-name="pop_si5"] [data-skin="select-plus"] .midd ul li{border:1px solid #E0E0E0; line-height:2.5em;text-align:center;}
    [data-skin="popup"][data-name="pop_si5"] [data-skin="select-plus"] .midd>select{padding:22px;}
    [data-skin="popup"][data-name="pop_si5"]>.in>.foot [data-skin="btn"]{min-width:10px;}

[data-skin="popup"][data-name="pop_si6"]>.in{width:525px; height:auto; overflow:auto;}
    [data-skin="popup"][data-name="pop_si6"]>.in>.foot [data-skin="btn"]{min-width:10px;}

[data-skin="popup"][data-name="pop_si7"]>.in{width:670px; height:auto;}
    [data-skin="popup"][data-name="pop_si7"]>.in>.foot [data-skin="btn"]{min-width:10px;}

[data-skin="popup"][data-name="pop_si8"]>.in{width:670px; height:auto;}
    [data-skin="popup"][data-name="pop_si8"]>.in>.foot [data-skin="btn"]{min-width:10px;}

[data-skin="popup"][data-name="pop_selectdata"]>.in{width:800px;}

[data-skin="popup"].w670>.in{width:670px;}

[data-skin="popup"] .searchform-group:after{content:""; display:block; clear:both;}
[data-skin="popup"] .searchform-group > .searchform{float:left; max-width:350px;}
[data-skin="popup"] .searchform-group > [data-skin="btn"]{float:right;}

[data-skin="year-search"]{border:1px solid #E0E0E0;}
    [data-skin="year-search"]>.head{padding:16px; border-bottom:1px solid #E0E0E0;}
    [data-skin="year-search"]>.head:after{content:""; display:block; clear:both;}
    [data-skin="year-search"]>.head>span,
    [data-skin="year-search"]>.head>[data-skin="select"],
    [data-skin="year-search"]>.head>a{float:left;}
    [data-skin="year-search"]>.head>span{display:block; width:30px; line-height:32px; text-align:center;}
    [data-skin="year-search"]>.head>a{overflow:hidden; display:block; width:32px; height:32px; margin-left:5px; text-align:left; text-indent:-1000px; background-image:url(../img/layout/svg_icon_4.svg); background-repeat:no-repeat; background-position:center center; background-size:70% auto;}
    [data-skin="year-search"]>.head>[data-skin="select"]{width:calc((100% - 60px - 32px - 5px) / 2);}
    [data-skin="year-search"]>.head>[data-skin="select"]>select{min-width:71px; height:32px; line-height:30px; padding:0 20px 0 10px; border:1px solid #E0E0E0; background-size:auto 60%;}
    [data-skin="year-search"]>.midd{overflow:auto; max-height:300px; padding:10px 16px;}
    /*
     [data-skin="year-search"]>.midd{padding:10px 16px;}
     */

    div+[data-skin="year-search"]{margin-top:20px;}

.year-search-group{margin-top:20px;}
    .year-search-group:after{content:""; display:block; clear:both;}
    .year-search-group > [data-skin="table"],
    .year-search-group > [data-skin="year-search"]{float:left;}
    .year-search-group > [data-skin="table"]{width:calc(100% - 20px - 280px); margin-right:20px;}
    .year-search-group > [data-skin="year-search"]{width:280px; margin-top:0;}

@media all and (max-width : 700px){
	.year-search-group{position:relative;}
    .year-search-group > [data-skin="table"],
    .year-search-group > [data-skin="year-search"]{float:none;}
    .year-search-group > [data-skin="table"]{width:100%; padding-top:160px;}
    .year-search-group > [data-skin="year-search"]{position:absolute; left:0; top:0; width:100%;}
    .year-search-group > [data-skin="year-search"]>.head{text-align:right;}
    .year-search-group > [data-skin="year-search"]>.head>span,
    .year-search-group > [data-skin="year-search"]>.head>[data-skin="select"],
    .year-search-group > [data-skin="year-search"]>.head>a{float:none; display:inline-block; vertical-align:top;}
    .year-search-group > [data-skin="year-search"]>.head>[data-skin="select"]{max-width:90px;}
    .year-search-group > [data-skin="year-search"]>.midd{padding:20px;}
    .year-search-group > [data-skin="year-search"]>.midd>ul{overflow:auto; white-space:nowrap;}
    .year-search-group > [data-skin="year-search"]>.midd>ul>li{display:inline-block;}
}

#mypage{}
#mypage .myage{padding-bottom:40px;}
#mypage .myage:after{content:""; display:block; clear:both;}
#mypage .myage>.item{float:left;}
#mypage .myage>.item:nth-child(1){width:221px; margin-right:10px; border:1px solid #E0E0E0;}
#mypage .myage>.item:nth-child(2){width:calc(100% - 221px - 10px);}
#mypage .myage>.item>.head{height:63px; line-height:63px;}
#mypage .myage>.item:nth-child(1)>.head{text-align:center; border-bottom:1px solid #E0E0E0;}
#mypage .myage>.item:nth-child(1)>.head>strong{display:inline-block; position:relative; line-height:1; padding-left:20px; font-weight:normal; font-size:16px; color:#000;}
#mypage .myage>.item:nth-child(1)>.head>strong>a{text-decoration:none; color:#000;}
#mypage .myage>.item:nth-child(1)>.head>strong:before{content:""; display:block; position:absolute; left:0; top:calc(50% - 8px); width:16px; height:16px; background-image:url(../img/layout/svg_icon_2.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}
#mypage .myage>.item:nth-child(1)>.midd{height:250px; padding:20px;}
#mypage .myage>.item:nth-child(2)>.head{position:relative; padding-left:24px; background-color:#F6F6F6;}
#mypage .myage>.item:nth-child(2)>.head>strong{font-weight:normal; font-size:18px; color:#000;}
#mypage .myage>.item:nth-child(2)>.head>.caption{
    position:absolute; right:20px; top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
#mypage .myage>.item:nth-child(2)>.midd{margin-top:30px;}
#mypage .myage>.item:nth-child(2)>.midd [data-skin="table"] + .board-total{margin-top:10px; font-size:13px; color:#000;}
.board-total>span:not(:last-child){margin-right:20px;}
#mypage .myage>.item:nth-child(2)>.foot{margin-top:30px;}
#mypage .myage>.item:nth-child(2)>.foot .searchform{max-width:400px; margin:0 auto;}

#mypage [data-board="search"]{position:relative; margin-bottom:2em;margin-top:2em; text-align:right;}
#mypage [data-board="search"] select,
#mypage [data-board="search"] input,
#mypage [data-board="search"] a{height:2.286em; line-height:calc(2.286em - 2px); vertical-align:middle;}
#mypage [data-board="search"] a[data-skin="btn"]{height:2em; line-height:calc(2em - 2px);}
#mypage [data-board="search"] select{background:url(../img/content/board_icon_sel.svg) no-repeat right center;}

#mypage [data-board="search"] .infos{position:absolute; top:0; left:0; height:2.286em; line-height:calc(2.286em - 2px);}
#mypage [data-board="search"] .infos>span{font-size:13px;}
#mypage [data-board="search"] .infos .totals{margin-right:1.2em;}
#mypage [data-board="search"] .infos .titles{display:inline-block; font-size:1.1em; vertical-align:middle;}
#mypage [data-board="search"] .infos .titles+[data-skin="btn"]{margin-left:1.5em;}

#mypage [data-board="search"] .s_form{display:inline-block;}
#mypage [data-board="search"] .s_form .bxs{display:inline-block;height:2.286em;padding: 0 1em;border:1px solid #4F4F4F;border-radius:2em;font-size:14px;vertical-align:middle;box-sizing:border-box;}
#mypage [data-board="search"] .s_form .bxs select,
#mypage [data-board="search"] .s_form .bxs input{font-size:1em;background-color:transparent;border:0;padding-right: 1.5em;}
#mypage [data-board="search"] .s_form .bxs input{width:8em;}
#mypage [data-board="search"] .s_form .bxs a{display:inline-block; padding-left:0.3em; text-decoration:none; color:#4F4F4F; box-sizing:border-box;}
#mypage [data-board="search"] .s_form .bxs .search_btn{padding-left:1.6em; background:url(../img/content/board_icon_search.svg) no-repeat left center;}
#mypage [data-board="search"] .s_form .down_btn{display:inline-block; height:2.286em; line-height:calc(2.286em - 2px); padding:0 1.2em 0 2.8em; background:url(../img/content/icon_file_excel.svg) no-repeat left 1.2em center; border:1px solid #4F4F4F; border-radius:2em; font-size:14px; vertical-align:middle; text-decoration:none; color:#4F4F4F; box-sizing:border-box;}

@media all and (max-width : 700px){
	#mypage .myage>.item:nth-child(1),
	#mypage .myage>.item:nth-child(2){float:none; width:100%;}
	#mypage .myage>.item:nth-child(2){margin-top:30px;}
}
@media all and (max-width : 600px){
/* 	#mypage .myage>.item:nth-child(2)>.midd [data-skin="table"]{overflow:auto;}
	#mypage .myage>.item:nth-child(2)>.midd [data-skin="table"]>table{min-width:700px;} */

	#mypage .myage>.item:nth-child(2)>.midd [data-skin="table"]>table,
	#mypage .myage>.item:nth-child(2)>.midd [data-skin="table"]>table thead,
	#mypage .myage>.item:nth-child(2)>.midd [data-skin="table"]>table tbody,
	#mypage .myage>.item:nth-child(2)>.midd [data-skin="table"]>table tr,
	#mypage .myage>.item:nth-child(2)>.midd [data-skin="table"]>table th,
	#mypage .myage>.item:nth-child(2)>.midd [data-skin="table"]>table td{display:block; border:none;}
	#mypage .myage>.item:nth-child(2)>.midd [data-skin="table"]>table thead{display:none;}
	#mypage .myage>.item:nth-child(2)>.midd [data-skin="table"]>table tbody{border-top:1px solid #333333;}
	#mypage .myage>.item:nth-child(2)>.midd [data-skin="table"]>table tr{padding:20px 0; border-bottom:1px solid #E0E0E0;}
	#mypage .myage>.item:nth-child(2)>.midd [data-skin="table"]>table tbody td{display:inline-block; line-height:18px; padding:0; text-align:left; font-size:14px;}
	#mypage .myage>.item:nth-child(2)>.midd [data-skin="table"]>table tbody td:nth-child(2){padding:0 10px; color:#329B8E;}
	#mypage .myage>.item:nth-child(2)>.midd [data-skin="table"]>table tbody td:nth-child(4){display:block; line-height:26px; margin:10px 0; font-size:18px; color:#000;}
	#mypage .myage>.item:nth-child(2)>.midd [data-skin="table"]>table tbody td:nth-child(5){margin-right:10px;}
	#mypage .myage>.item:nth-child(2)>.midd [data-skin="table"]>table tbody td:nth-child(5):before,
	#mypage .myage>.item:nth-child(2)>.midd [data-skin="table"]>table tbody td:nth-child(6):before{color:#828282;}
	#mypage .myage>.item:nth-child(2)>.midd [data-skin="table"]>table tbody td:nth-child(5):before{content:"시점조회 ";}
	#mypage .myage>.item:nth-child(2)>.midd [data-skin="table"]>table tbody td:nth-child(6):before{content:"최종갱신일 ";}
    #mypage .myage>.item:nth-child(2)>.midd [data-skin="table"]>table tbody td:nth-child(7):before{color:#828282; content:"스크랩일 ";}
}
@media all and (max-width : 450px){
	#mypage .myage>.item:nth-child(2)>.head{height:auto; line-height:1.5; padding:15px 20px;}
	#mypage .myage>.item:nth-child(2)>.head>strong{font-weight:500;}
	#mypage .myage>.item:nth-child(2)>.head>.caption{
		position:relative; right:auto; top:auto; margin-top:10px; text-align:right;
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
}

#mypage [data-skin="popup"][data-name="pop_my"]>.in{width:702px; height:auto;}
    #mypage [data-skin="popup"][data-name="pop_my"]>.in>.midd table{width:100%; margin-top:20px;}
    #mypage [data-skin="popup"][data-name="pop_my"]>.in>.midd  .folder-list{height:200px; padding:20px; margin-top:20px; border:1px solid #E0E0E0;}
    #mypage [data-skin="popup"][data-name="pop_my"]>.in>.foot [data-skin="btn"]{min-width:10px;}

[data-skin="popup"][data-name="pop_make"]>.in{width:1016px; height:950px;}
    [data-skin="popup"][data-name="pop_make"]>.in>.midd>.head{position:relative;}
    [data-skin="popup"][data-name="pop_make"]>.in>.midd>.head>ul{overflow:auto; white-space:nowrap; padding-bottom:20px;}
    [data-skin="popup"][data-name="pop_make"]>.in>.midd>.head>ul>li{display:inline-block;}
    [data-skin="popup"][data-name="pop_make"]>.in>.midd>.head>ul>li:not(:last-child){margin-right:30px;}
    [data-skin="popup"][data-name="pop_make"]>.in>.midd>.head>ul>li>a{text-decoration:none; font-size:16px; color:#828282;}
    [data-skin="popup"][data-name="pop_make"]>.in>.midd>.head>ul>li.on>a{text-decoration:underline; color:#000;}
    [data-skin="popup"][data-name="pop_make"]>.in>.midd>.head>.tips{padding:15px; font-size:15px; color:#127086; background-color:#F6F6F6;}
    [data-skin="popup"][data-name="pop_make"]>.in>.midd>.midd{margin-top:20px;}
    [data-skin="popup"][data-name="pop_make"]>.in>.midd>.midd .border-top{position:relative;}
    [data-skin="popup"][data-name="pop_make"]>.in>.midd>.midd .border-top:after{content:""; display:block; clear:both;}
    [data-skin="popup"][data-name="pop_make"]>.in>.midd>.midd .border-top>.board-total{float:left;}
    [data-skin="popup"][data-name="pop_make"]>.in>.midd>.midd .border-top>.searchform{float:right; max-width:350px;}
    [data-skin="popup"][data-name="pop_make"]>.in>.midd>.midd [data-skin="table"] [data-skin="btn"],
    [data-skin="popup"][data-name="pop_make"]>.in>.midd>.midd [data-skin="table"] [data-skin="btn"]>span{height:26px; line-height:24px;}
    [data-skin="popup"][data-name="pop_make"]>.in>.midd>.midd [data-skin="table"] [data-skin="btn"]{min-width:10px; padding:0 12px; margin:0;}

@media all and (max-width : 800px){
	[data-skin="popup"][data-name="pop_make"]>.in>.midd>.head>ul{white-space:normal; overflow:visible;}
	[data-skin="popup"][data-name="pop_make"]>.in>.midd>.head>ul:after{content:""; display:block; clear:both;}
	[data-skin="popup"][data-name="pop_make"]>.in>.midd>.head>ul>li{display:block; float:left;}
	#boards [data-board="regist"] table tbody td [data-skin="input"][data-size="m"]{width:100% !important;}
	#homeaddr1,
	#homeaddr2{width:100% !important}
}
@media all and (max-width : 600px){
	[data-skin="popup"][data-name="pop_make"]>.in>.midd>.midd [data-skin="table"]>table,
	[data-skin="popup"][data-name="pop_make"]>.in>.midd>.midd [data-skin="table"]>table thead,
	[data-skin="popup"][data-name="pop_make"]>.in>.midd>.midd [data-skin="table"]>table tbody,
	[data-skin="popup"][data-name="pop_make"]>.in>.midd>.midd [data-skin="table"]>table tr,
	[data-skin="popup"][data-name="pop_make"]>.in>.midd>.midd [data-skin="table"]>table th,
	[data-skin="popup"][data-name="pop_make"]>.in>.midd>.midd [data-skin="table"]>table td{display:block; border:none;}
	[data-skin="popup"][data-name="pop_make"]>.in>.midd>.midd [data-skin="table"]>table thead{display:none;}
	[data-skin="popup"][data-name="pop_make"]>.in>.midd>.midd [data-skin="table"]>table tbody{border-top:1px solid #333333;}
	[data-skin="popup"][data-name="pop_make"]>.in>.midd>.midd [data-skin="table"]>table tr{padding:20px 0; border-bottom:1px solid #E0E0E0;}
	[data-skin="popup"][data-name="pop_make"]>.in>.midd>.midd [data-skin="table"]>table tbody td{display:inline-block; line-height:18px; padding:0; text-align:left; font-size:14px;}
	[data-skin="popup"][data-name="pop_make"]>.in>.midd>.midd [data-skin="table"]>table tbody td:nth-child(1){padding:0 10px 0 0; color:#329B8E;}
	[data-skin="popup"][data-name="pop_make"]>.in>.midd>.midd [data-skin="table"]>table tbody td:nth-child(2){margin-right:10px;}
	[data-skin="popup"][data-name="pop_make"]>.in>.midd>.midd [data-skin="table"]>table tbody td:nth-child(4){display:block; position:relative; line-height:26px; padding-right:90px; margin:10px 0 0 0; font-size:18px; color:#000;}
	[data-skin="popup"][data-name="pop_make"]>.in>.midd>.midd [data-skin="table"]>table tbody td:nth-child(4) [data-skin="btn"]{position:absolute; right:0; top:0;}
}

@media all and (max-width: 750px){
    body[data-layout="sub"] #container #content > [data-tab-view] [data-skin="table"]{overflow:auto;}
    body[data-layout="sub"] #container #content > [data-tab-view] [data-skin="table"]>table{min-width:800px;}
    [data-tab-view] .borderbox{padding:5px 15px;}
    [data-tab-view] .borderbox [data-skin="select-plus"]{margin-left:0;}
    [data-skin="select-plus"]>div:not(.control)>.head>strong>span{font-size:12px;}

    [data-tab-view] .titlebox{padding:15px 20px;}
	[data-tab-view] .titlebox>strong{display:block; line-height:1.6;}
	[data-tab-view] .titlebox>.btn-group{
		position:relative; right:auto; top:auto; width:100%; text-align:right;
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
    }
}
@media all and (max-width: 600px){
	[data-skin="select-plus"]>div:not(.control)>.head>strong{display:block; position:relative; padding-bottom:20px;}
    [data-skin="select-plus"]>div:not(.control)>.head>strong>span{display:block; position:absolute; left:0; top:1.4em;}

    [data-tab-view] .titlebox[data-type="2"]{padding:10px 0;}
    [data-tab-view] .titlebox>.btn-group .searchbox{
    	width:100%; height:40px;
    	-webkit-border-radius:20px;
    	border-radius:20px;
    }
    [data-tab-view] .titlebox>.btn-group .searchbox{margin-top:10px;}
    [data-tab-view] .titlebox>.btn-group .searchbox>input[type="text"],
    [data-tab-view] .titlebox>.btn-group .searchbox>a{line-height:38px;}
    [data-tab-view] .titlebox>.btn-group .searchbox>input[type="text"]{height:38px;}
}
@media all and (max-width: 460px){
    [data-skin="select-plus"]>div:not(.control){width:calc((100% - 30px) / 2);}
    [data-skin="select-plus"]>div:not(.control):nth-child(1){margin-right:30px;}
    [data-skin="select-plus"]>div:not(.control)>.head{margin-bottom:5px}
	[data-skin="select-plus"]>div:not(.control)>.head{font-size:12px;}
	[data-skin="select-plus"]>div:not(.control)>.head>strong{padding-bottom:14px;}
	[data-skin="select-plus"]>div:not(.control)>.head>strong>span{font-size:10px;}
	[data-skin="select-plus"]>div.control>button{width:18px; height:18px;}
	[data-skin="select-plus"]>div:not(.control)>.midd>select>option{font-size:12px;}
	[data-tab-view] .borderbox [data-skin="select-plus"]+div{font-size:12px;}
}
@media all and (max-width: 380px){
	[data-skin="select-plus"]>div:not(.control)>.head>strong{padding-bottom:26px;}
}

/*/////////////////////////////////////////////////////////////////////////////////////////////
	Board Common
/////////////////////////////////////////////////////////////////////////////////////////////*/
/*요소들*/
#boards input,
#boards select{height:2.7em; line-height:2.7em; border:1px solid #C4C4C4; vertical-align:middle;}
#boards input{padding:0 0.6em;}
#boards select{padding:0 1.6em 0 0.6em; background:url(../img/content/board_icon_sel2.svg) no-repeat right center;}
#boards a{text-decoration:none; color:#4f4f4f;}
#boards a:hover{text-decoration:underline;}

/*게시판 박스*/
#boards [data-skin="box"]{padding:1.2em 1.6em; background-color:#F6F6F6; box-sizing:border-box;}
#boards [data-skin="box"] .titles{display: inline-block;}/*0413수정*/
#boards [data-skin="box"] p{display:inline-block; font-weight:500; vertical-align:middle; margin-right:1em;}
#boards [data-skin="box"] a[data-skin="btn"]{border:0; vertical-align:middle;}
#boards [data-skin="box"] p+a[data-skin="btn"]{margin-left:1em;}
#boards [data-skin="box"] a[target]{text-decoration:none; color:#404040;}
#boards [data-skin="box"] a[target]:hover,
#boards [data-skin="box"] a[target]:focus{text-decoration:underline;}
#boards [data-skin="box"] em{text-decoration:underline; text-underline-position:under; font-style:normal;}

#boards [data-skin="box"][data-type="2"]{background-color:#fff; border:1px solid #E0E0E0; border-radius:0.3em;}

#boards [data-skin="box"]+[data-skin="box"]{margin-top:1em;}

/*컬러*/
#boards .red{color:#EB5757;}
#boards .green{color:#32B6A3;}

/*하단버튼*/
#boards .btnbx{overflow:hidden; margin-top:1em;}
#boards .btnbx+.paging{margin-top:-2em;}

/*정렬*/
[data-align="left"]{text-align:left;}
[data-align="center"]{text-align:center;}
[data-align="right"]{text-align:right;}
.f_left{float:left;}

@media screen and (max-width:640px) {
	#boards [data-skin="box"]{font-size:15px;}
	#boards .btnbx+.paging{margin-top:0;}
}

/*/////////////////////////////////////////////////////////////////////////////////////////////
	search :: 검색폼
/////////////////////////////////////////////////////////////////////////////////////////////*/
#boards [data-skin="box"]+[data-board="search"]{margin-top:1.2em;}

#boards [data-board="search"]{position:relative; margin-bottom:2em;margin-top:2em; text-align:right;}
#boards [data-board="search"] select,
#boards [data-board="search"] input,
#boards [data-board="search"] a{height:2.286em; line-height:calc(2.286em - 2px); vertical-align:middle;}
#boards [data-board="search"] a[data-skin="btn"]{height:2em; line-height:calc(2em - 2px);}
#boards [data-board="search"] select{background:url(../img/content/board_icon_sel.svg) no-repeat right center;}

#boards [data-board="search"] .infos{position:absolute; top:0; left:0; height:2.286em; line-height:calc(2.286em - 2px);}
#boards [data-board="search"] .infos>span{font-size:13px;}
#boards [data-board="search"] .infos .totals{margin-right:1.2em;}
#boards [data-board="search"] .infos .titles{display:inline-block; font-size:1.1em; vertical-align:middle;}
#boards [data-board="search"] .infos .titles+[data-skin="btn"]{margin-left:1.5em;}

#boards [data-board="search"] .s_form{display:inline-block;}
#boards [data-board="search"] .s_form .bxs{display:inline-block; height:2.286em; padding:0 1.7em; border:1px solid #4F4F4F; border-radius:2em; font-size:14px; vertical-align:middle; box-sizing:border-box;}
#boards [data-board="search"] .s_form .bxs select,
#boards [data-board="search"] .s_form .bxs input{font-size:1em; background-color:transparent; border:0;}
#boards [data-board="search"] .s_form .bxs input{width:8em;}
#boards [data-board="search"] .s_form .bxs a{display:inline-block; padding-left:0.3em; text-decoration:none; color:#4F4F4F; box-sizing:border-box;}
#boards [data-board="search"] .s_form .bxs .search_btn{padding-left:1.6em; background:url(../img/content/board_icon_search.svg) no-repeat left center;}
#boards [data-board="search"] .s_form .down_btn{display:inline-block; height:2.286em; line-height:calc(2.286em - 2px); padding:0 1.2em 0 2.8em; background:url(../img/content/icon_file_excel.svg) no-repeat left 1.2em center; border:1px solid #4F4F4F; border-radius:2em; font-size:14px; vertical-align:middle; text-decoration:none; color:#4F4F4F; box-sizing:border-box;}

/** 마이페이지 나의통계 셀렉트박스 별도수정 **/
@media all and (max-width : 1155px){	
	.bxs{padding: 0 80px 0 169px !important;}
	.bxs_box{padding: 0 70px 0 10px !important;}

	#mypage.mystatistics [data-board="search"] .s_form .bxs.hidden{display:none;}	
	#mypage.mystatistics [data-board="search"] .s_form .bxs{position:relative;margin-bottom: 10px;}
	#mypage.mystatistics [data-board="search"] .s_form .bxs input{width:100%;}
	#mypage.mystatistics [data-board="search"] .infos,
	#mypage.mystatistics [data-board="search"] .s_form .bxs+a{display:none;}
	#mypage.mystatistics [data-board="search"] .s_form{width:100%; text-align:center;}
	#mypage.mystatistics [data-board="search"] .s_form .bxs{display:block;height: 32px;padding:0 1em;text-align:left;}	
	#mypage.mystatistics [data-board="search"] .s_form .bxs select{height: 34px;line-height: 34px;position:absolute;top: -2px;left: 23px;width: 10em;}
	#mypage.mystatistics [data-board="search"] .s_form .bxs select.selectfc{left: 164px;}
	#mypage.mystatistics [data-board="search"] .s_form .bxs input[type="text"].hidden+a.search_btn{text-align:center;width:100%;padding-left:50px;background: url(../img/content/board_icon_search.svg) no-repeat center 10px;height: 30px;line-height: 32px;}
	#mypage.mystatistics [data-board="search"] .s_form .bxs .search_btn,
	#mypage.mystatistics [data-board="search"] .s_form .bxs a:last-child{height: 34px;line-height: 34px;}
	#mypage.mystatistics [data-board="search"] .s_form .bxs a:last-child{position:absolute;top: -2px;right: 23px;}
}

/** slelect 별도 수정 **/
.bxs_select{border-radius: 5px !important;padding: 0 10px 0 3px !important;}
#yyMmDtCombox select{width:auto !important; max-width:135px;}
@media all and (max-width : 800px){
	#yyMmDtCombox select{width:calc(100% - 50px) !important; max-width:inherit;}
	#boards [data-board="search"] .s_form .bxs + .bxs{display:block;margin-top:0.5em;}	
	.bxs{padding: 0 80px 0 169px !important;}
	.bxs_box{padding: 0 80px 0 0px !important;}
	#boards [data-board="search"] .s_form .bxs.hidden{display:none;}	
	#boards [data-board="search"] .s_form .bxs{position:relative;}
	#boards [data-board="search"] .s_form .bxs input{width:100%;}
	#boards [data-board="search"] .infos,
	#boards [data-board="search"] .s_form .bxs+a{display:none;}
	#boards [data-board="search"] .s_form .bxs+a#btn_up_goWrite{display:block;margin-top:5px} /** 220712수정**/
	#boards [data-board="search"] .s_form{width:100%; text-align:center;}
	#boards [data-board="search"] .s_form .bxs{display:block;height: 32px;padding:0 1em;text-align:left;}	
	#boards [data-board="search"] .s_form .bxs select{height: 34px;line-height: 34px;position:absolute;top: -2px;left: 23px;width: 10em;}
	#boards [data-board="search"] .s_form .bxs select.selectfc{left: 164px;}
	#boards [data-board="search"] .s_form .bxs input[type="text"].hidden+a.search_btn{text-align:center;width:100%;padding-left:50px;background: url(../img/content/board_icon_search.svg) no-repeat center 10px;height: 30px;line-height: 32px;}
	#boards [data-board="search"] .s_form .bxs .search_btn,
	#boards [data-board="search"] .s_form .bxs a:last-child{height: 34px;line-height: 34px;}
	#boards [data-board="search"] .s_form .bxs a:last-child{position:absolute;top: -2px;right: 23px;}
	
	#boards #newContrainDataDetail .infos{display:block;position:static;text-align:left;margin-bottom:10px;height:auto;}
	#boards #newContrainDataDetail .infos .titles+[data-skin="btn"]{margin-left:0;}
	#boards #newContrainDataDetail .s_form a#btn_goList{display:block;margin-top:10px;}
}

@media all and (max-width : 415px){
	#boards [data-board="search"] .s_form .bxs:nth-child(2) select{width: 6.5em;}
	#boards [data-board="search"] .s_form .bxs .select_nm{width: auto !important;}	
	#boards [data-board="search"] .s_form .bxs.bxs_nc select{width: 7.7em;}	
	#boards [data-board="search"] .s_form .bxs.bxs_nl select{width: 6em;}
	#boards [data-board="search"] .s_form .bxs.bxs_fc select{width: 6em;}
	#boards [data-board="search"] .s_form .bxs:nth-child(2){padding: 0 80px 0 116px !important;}
	#boards [data-board="search"] .s_form .bxs.bxs_nc{padding: 0 80px 0 133px !important;}
	#boards [data-board="search"] .s_form .bxs.bxs_nl{padding: 0 80px 0 109px !important;}
	#boards [data-board="search"] .s_form .bxs.bxs_fc{padding: 0 80px 0 109px !important;}
	#boards [data-board="search"] .s_form .bxs select.selectfc {left: 110px;}
}

/*/////////////////////////////////////////////////////////////////////////////////////////////
	Board List :: 리스트 수정
/////////////////////////////////////////////////////////////////////////////////////////////*/
/* rest CSS */
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
caption,legend{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0 none;clip:rect(0,0,0,0);}
/** common **/
.txt_left{text-align:left !important;}

/** 게시판 목록 : table **/
.bd_lst_tbl{display:table;table-layout:fixed;min-width:100%;width:100%;margin:10px 0 0;border-bottom:1px solid #ccc;word-break:break-all}
.bd_lst_tbl > * > tr{border-bottom:1px solid #e0e0e0;}
.bd_lst_tbl > thead > tr:last-child{border-bottom-color:#333;}
.bd_lst_tbl > * > tr > *{padding:8px 12px;line-height:24px;color:#222;    font-size: 0.95em;letter-spacing:-0.05em;text-align:center;background:#fff;}
.bd_lst_tbl > * > tr > *[scope]{padding:10px;color:#222;font-size: 0.95em;font-weight:500;}

/** 목록 : table **/
.bd_lst_tbl *{word-break: break-all !important;-webkit-word-break: break-all !important;-ms-word-break: break-all !important;}
.bd_lst_tbl a{color:#666 !important;}
.bd_lst_tbl a:hover,
.bd_lst_tbl a:focus{color:#244d97 !important;}

/** 테이블 아이콘 스타일 **/
.bd_lst_tbl span.new_icon{display:inline-block;width: 19px;height: 19px;margin-left:5px;margin-top: -1px;background:url(../img/content/board_icon_new.svg) no-repeat 0 0;vertical-align:middle;font-size:0 !important;position: absolute;top: 5px;right: 17px;}
.bd_lst_tbl span.new_icon{font-size:0;}
.bd_lst_tbl .bd_lst_tit{position:relative;}

/*진행현황*/
.bd_lst_tbl [data-step]{min-width:4em; padding:0 0.8em; height:1.974em; line-height:calc(1.974em - 2px); border:1px solid #000; border-radius:2em; font-size:14px; color:#000;display: inline-block;}
.bd_lst_tbl [data-step="comp"]{background-color:#32B6A3;border-color:#32B6A3;color:#fff;position:relative;padding-left: 22px;display: inline-block;text-shadow: 1px 1px 1px #555;-webkit-text-shadow: 1px 1px 1px #555;-ms-text-shadow: 1px 1px 1px #555}
.bd_lst_tbl [data-step="comp"]:after{content:"";position:absolute;top: 7px;left: 12px;width: 7px;height: 10px;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);display: inline-block;}
.bd_lst_tbl [data-step="comp"]:after{box-shadow: 1px 1px 1px #555}
/*링크*/
.bd_lst_tbl .links{overflow:hidden; display:inline-block; width:1.5em; height:1em; background:url(../img/content/board_icon_link.svg) no-repeat center; text-indent:-2000px;display: inline-block;}
/*첨부파일*/
.bd_lst_tbl .files{overflow:hidden; display:inline-block; width:1.5em; height:1.1em; background:url(../img/content/board_icon_file.svg) no-repeat center; text-indent:-2000px;display: inline-block;}

/** 767px 시작 **/
@media (min-width:767px){
	.bd_lst_tbl .bd_lst_tit{overflow:hidden;display:inline-block;position:relative;max-width:100%;padding-right:45px;text-overflow:ellipsis;white-space:nowrap;vertical-align: middle;}	
	
}
@media (max-width:767px){
	.bd_lst_tbl a{text-decoration:underline !important;}
	.bd_lst_tbl a:hover,
	.bd_lst_tbl a:focus{text-decoration:underline !important;}

	/** 게시판 목록 : table **/
	.bd_lst_tbl{border-top:2px solid #000;border-bottom-width:0;}
	.bd_lst_tbl tbody,.bd_lst_tbl tr,.bd_lst_tbl td{display:block;position:relative;width:100%;box-sizing:border-box;}
	.bd_lst_tbl col{display:none;}
	.bd_lst_tbl [data-cell-header]{overflow:hidden;display:flex;padding:10px;}
	.bd_lst_tbl [data-cell-header]:before,.bd_lst_tbl [data-cell-header]:after{display:block;left:0;min-width:100px;width:15%;box-sizing:border-box;}
	.bd_lst_tbl [data-cell-header]:before{content:attr(data-cell-header);top:0;height: calc(92% + 17px);text-align:left;z-index:2;color: #222;font-size: 0.95em;font-weight: 500;}
	.bd_lst_tbl [data-cell-header]:after{content:'';position:absolute;bottom:0;height:100%;border-right:1px solid #dcdcdc;background:#fafafa;z-index:1;}
	.bd_lst_tbl td[colspan][data-cell-header]:before,
	.bd_lst_tbl td[colspan][data-cell-header]:after{display:none !important;}
	.bd_lst_tbl td[colspan]{display:block;text-align:center;}
	.bd_lst_tbl thead{display:none;}
	.bd_lst_tbl tr{border-bottom:1px solid #ccc;}	
	.bd_lst_tbl td{text-align:left;border-right-width:0 !important;border-bottom:1px dotted #ccc;font-weight:500}
	.bd_lst_tbl td:last-child{border-bottom-width:0;}
	.bd_lst_tbl span.new_icon{position: static;}	

	.bd_lst_tbl.wid_th144 [data-cell-header]:before,
	.bd_lst_tbl.wid_th144  [data-cell-header]:after{min-width:144px;width:20%;}
}
/** 767px 끝 **/

/*/////////////////////////////////////////////////////////////////////////////////////////////
	Board regist :: 등록
/////////////////////////////////////////////////////////////////////////////////////////////*/
[data-board="regist"],
#boards [data-skin="box"]{margin-top:2em;}
#boards [data-board="regist"] input,
#boards [data-board="regist"] select{height:2.494em; line-height:2.494em; border-radius:0;}
#boards [data-board="regist"] input,
#boards [data-board="regist"] select,
#boards [data-board="regist"] textarea,
#boards [data-board="regist"] label{font-size:0.95em;}

#boards [data-board="regist"] .caption{margin-bottom:0.8em;text-align:right;font-size:0.8em;color:#EB5757;position:absolute;top: -33px;right:0;}

#boards [data-board="regist"]{border-top: 1px solid #000 !important;position:relative;}
#boards [data-board="regist"] table{width:100%;}
#boards [data-board="regist"] table tbody th{padding:0.5em 1.8em; background-color:#F6F6F6; border-bottom:1px solid #E0E0E0; font-size:0.95em; box-sizing:border-box;}
#boards [data-board="regist"] table tbody th.points:after{content:"*"; display:inline-block; color:#EB5757;}
#boards [data-board="regist"] table tbody td{height:3.3em; padding:0.5em 0.8em; border-bottom:1px solid #E0E0E0; font-size:0.95em; box-sizing:border-box;}

/*인풋 사이즈*/
#boards [data-board="regist"] table tbody td [data-skin="input"][data-size="s"]{width:14.474em;}
#boards [data-board="regist"] table tbody td [data-skin="input"][data-size="m"]{width:25em;}
#boards [data-board="regist"] table tbody td [data-skin="select"]{width:14.474em;}
#boards [data-board="regist"] table tbody td [data-skin="select"][data-size="s"]{width:7em;}
/*객체사이간격*/
#boards [data-board="regist"] table tbody td [data-skin="input"][data-size="s"]+[data-skin="btn"]{margin-left:0.8em;}
#boards [data-board="regist"] table tbody td [data-skin="input"]+[data-skin="checkbox"]{margin-left:0.7em;}
#boards [data-board="regist"] table tbody td .tip+[data-skin="textarea"]{margin-top:1em;}

/*체크 리스트*/
#boards [data-board="regist"] table tbody td .check_lst li{margin-bottom:1em;}
#boards [data-board="regist"] table tbody td .check_lst li strong{margin-right:1em; font-weight:400;}

@media all and (max-width : 800px){
	body[data-layout="sub"] #container .content-title{padding:0; margin:0; border:none;}
	#boards [data-board="regist"]{border-top:1px solid #333;}
	#boards [data-board="regist"] .caption{padding-bottom:1em;text-align:left;}
	#boards [data-board="regist"] table thead{display:none;}
	#boards [data-board="regist"] table,
	#boards [data-board="regist"] table tbody,
	#boards [data-board="regist"] table tbody tr,
	#boards [data-board="regist"] table tbody th,
	#boards [data-board="regist"] table tbody td{display:block;height:auto;padding:0;border:none;}
	#boards [data-board="regist"] table tbody tr{}
	#boards [data-board="regist"] table tbody th{background-color: #F6F6F6;    padding: 0.5em 1.8em;}

	#boards [data-board="regist"] table tbody td .check_lst li{margin-bottom:0em;}

	#boards [data-board="regist"] table tbody td{padding: 0.5em 0em;}

	#boards [data-board="regist"] table tbody td [data-skin="input"][data-size="s"],
	#boards [data-board="regist"] table tbody td [data-skin="select"]{width:100% !important;}
}

/*/////////////////////////////////////////////////////////////////////////////////////////////
	Board photo :: 포토리스트
/////////////////////////////////////////////////////////////////////////////////////////////*/
#boards [data-board="photo"] ul li a
{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#boards [data-board="photo"] ul li{display:inline-block;vertical-align: bottom;}
#boards [data-board="photo"] ul li a{display:block; position:relative; width:100%; border:1px solid #E0E0E0; box-shadow:0 4px 4px rgba(0,0,0,0.07);}
#boards [data-board="photo"] ul li a:hover,
#boards [data-board="photo"] ul li a:focus{box-shadow:0 2px 15px rgba(0, 0, 0, 0.2);}
#boards [data-board="photo"] ul li a .layers{display:block; width:100%; height:100%;}
#boards [data-board="photo"] ul li a .imgs{overflow: hidden; position:absolute; top:0; left:0; display:block; width:100%; background-color:#eee;}
#boards [data-board="photo"] ul li a .imgs img{display:block; width:100%;}
#boards [data-board="photo"] ul li a .txts{display:block; width:100%; box-sizing:border-box;}

#boards [data-board="photo"] ul li div{display:block; position:relative; width:100%; border:1px solid #E0E0E0; box-shadow:0 4px 4px rgba(0,0,0,0.07);}
#boards [data-board="photo"] ul li div:hover,
#boards [data-board="photo"] ul li div:focus{box-shadow:0 2px 15px rgba(0, 0, 0, 0.2);}
#boards [data-board="photo"] ul li div .layers{display:block; width:100%; height:100%;}
#boards [data-board="photo"] ul li div .imgs{overflow: hidden; position:absolute; top:0; left:0; display:block; width:100%; background-color:#eee;}
#boards [data-board="photo"] ul li div .imgs img{display:block; width:100%;}
#boards [data-board="photo"] ul li div .txts{display:block; width:100%; box-sizing:border-box;}

/*
#boards [data-board="photo"] ul li a .txts{position:absolute; bottom:0; left:0; display:block; width:100%; box-sizing:border-box;}
 */
#boards [data-board="photo"] ul li a .txts span{font-size:0.9em;}
#boards [data-board="photo"] ul li a .txts strong{
	overflow:hidden; display:block; height:2.8em; line-height:1.4em; margin-top:0.1em;
	display:-webkit-box; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
#boards [data-board="photo"] ul li div .txts strong{
	overflow:hidden; display:block; height:2.8em; line-height:1.4em; margin-top:0.1em;
	display:-webkit-box; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}

/*Board photo :: 통계웹툰*/
#boards [data-board="photo"][data-type="1"] ul li{width:calc((100% - 2.4em - 0.8em) / 4);}
#boards [data-board="photo"][data-type="1"] ul li:not(:nth-child(4n+4)){margin-right:0.8em;}
#boards [data-board="photo"][data-type="1"] ul li:nth-child(n+5){margin-top:1.5em;}
#boards [data-board="photo"][data-type="1"] ul li a .imgs{height:calc(100% - 9.5em);}
#boards [data-board="photo"][data-type="1"] ul li a .txts{height:9.5em; padding:1.5em 10% 0;}
#boards [data-board="photo"][data-type="1"] ul li a .txts .date{display: block; margin-top:0.7em;}

/*Board ucc :: ucc공모전*/
#boards [data-board="photo"][data-type="2"] ul li{width:calc((100% - 2em - 0.6em) / 3);}
#boards [data-board="photo"][data-type="2"] ul li:not(:nth-child(3n+3)){margin-right:1em;}
#boards [data-board="photo"][data-type="2"] ul li:nth-child(n+4){margin-top:1.5em;}
#boards [data-board="photo"][data-type="2"] ul li a .imgs{height:calc(100% - 10.125em);}
#boards [data-board="photo"][data-type="2"] ul li a .txts{height:10.125em; padding:1.1em 7% 0;}
#boards [data-board="photo"][data-type="2"] ul li a .txts [data-rank]{display:inline-block; margin-bottom:0.5em; padding:0 0.5em; border-radius:2em; color:#fff; font-size:0.8em; box-sizing:border-box;}
#boards [data-board="photo"][data-type="2"] ul li a .txts [data-rank="1"]{background-color:#7E5FE2;}
#boards [data-board="photo"][data-type="2"] ul li a .txts [data-rank="2"]{background-color:#56BC76;text-shadow: 0px 2px 2px #0b6d2a;}/*220525수정*/
#boards [data-board="photo"][data-type="2"] ul li a .txts [data-rank="3"]{background-color:#FF9500;}
#boards [data-board="photo"][data-type="2"] ul li a .txts .names{display:block; margin-top:1.1em;}
/*1등작*/
#boards [data-board="photo"][data-type="2"] ul li.bests a .imgs:after{content:""; position:absolute; top:0; right:4%; width:2.4em; height:2.8em; background:url(../img/content/photo_icon_ranktop.png) no-repeat 0 0; background-size:100%;}

/* Board :: 세상을 그리는 통계 */
#boards [data-board="photo"][data-type="3"] ul li{display:inline-block;}
#boards [data-board="photo"][data-type="3"] ul li{width:calc((100% - 2em - 0.6em) / 2);}
#boards [data-board="photo"][data-type="3"] ul li:not(:nth-child(2n+2)){margin-right:1em;/* margin-top: 0; */}
#boards [data-board="photo"][data-type="3"] ul li:nth-child(n+4){margin-top:1.5em;}
#boards [data-board="photo"][data-type="3"] ul li a .imgs{height:calc(100% - 8.125em);}
#boards [data-board="photo"][data-type="3"] ul li a .txts{height:7.125em; padding:1.1em 7% 0;}
#boards [data-board="photo"][data-type="3"] ul li a .txts [data-rank]{display:inline-block; margin-bottom:0.5em; padding:0 0.5em; border-radius:2em; color:#fff; font-size:0.8em; box-sizing:border-box;}
#boards [data-board="photo"][data-type="3"] ul li a .txts [data-rank="1"]{background-color:#7E5FE2;}
#boards [data-board="photo"][data-type="3"] ul li a .txts [data-rank="2"]{background-color:#56BC76;text-shadow: 0px 2px 2px #0b6d2a;}/*220525수정*/
#boards [data-board="photo"][data-type="3"] ul li a .txts [data-rank="3"]{background-color:#FF9500;}
#boards [data-board="photo"][data-type="3"] ul li a .txts [data-rank="4"]{background-color:#c11775;}
#boards [data-board="photo"][data-type="3"] ul li a .txts .names{display:block; margin-top:1.1em;}

#boards [data-board="photo"][data-type="3"] ul li div .imgs{height:calc(100% - 8.125em);}
#boards [data-board="photo"][data-type="3"] ul li div .txts{height:7.125em; padding:1.1em 7% 0;}
#boards [data-board="photo"][data-type="3"] ul li div .txts [data-rank]{display:inline-block; margin-bottom:0.5em; padding:0 0.5em; border-radius:2em; color:#fff; font-size:0.8em; box-sizing:border-box;}
#boards [data-board="photo"][data-type="3"] ul li div .txts [data-rank="1"]{background-color:#7E5FE2;}
#boards [data-board="photo"][data-type="3"] ul li div .txts [data-rank="2"]{background-color:#56BC76;text-shadow: 0px 2px 2px #0b6d2a;}/*220525수정*/
#boards [data-board="photo"][data-type="3"] ul li div .txts [data-rank="3"]{background-color:#FF9500;}
#boards [data-board="photo"][data-type="3"] ul li div .txts [data-rank="4"]{background-color:#c11775;}
#boards [data-board="photo"][data-type="3"] ul li div .txts .names{display:block; margin-top:1.1em;}

@media screen and (max-width:1140px) and (min-width:1025px){
	#boards [data-board="photo"][data-type="1"]{font-size:15px;}
}
@media screen and (max-width:840px) {
	#boards [data-board="photo"][data-type="1"]{font-size:15px;}
	#boards [data-board="photo"][data-type="1"] ul li{width:calc((100% - 1.6em - 0.6em) / 3);}
	#boards [data-board="photo"][data-type="1"] ul li:not(:nth-child(4n+4)){margin-right:auto;}
	#boards [data-board="photo"][data-type="1"] ul li:not(:nth-child(3n+3)){margin-right:0.8em;}
	#boards [data-board="photo"][data-type="1"] ul li:nth-child(n+4){margin-top:1.2em;}

	#boards [data-board="photo"][data-type="2"]{font-size:15px;}
}
@media screen and (max-width:640px) {
	#boards [data-board="photo"][data-type="1"] ul li{width:calc((100% - 0.8em - 0.3em) / 2);}
	#boards [data-board="photo"][data-type="1"] ul li:not(:nth-child(3n+3)){margin-right:auto;}
	#boards [data-board="photo"][data-type="1"] ul li:not(:nth-child(even)){margin-right:0.8em;}
	#boards [data-board="photo"][data-type="1"] ul li:nth-child(n+3){margin-top:1.2em;}

	#boards [data-board="photo"][data-type="2"] ul li{width:calc((100% - 1em - 0.4em) / 2);}
	#boards [data-board="photo"][data-type="2"] ul li:nth-child(n+3){margin-top:1.5em;}
	#boards [data-board="photo"][data-type="2"] ul li:not(:nth-child(3n+3)){margin-right:auto;}
	#boards [data-board="photo"][data-type="2"] ul li:not(:nth-child(even)){margin-right:1em;}
	
	#boards [data-board="photo"][data-type="3"] ul li{width:calc((100% - 1em - 0.4em) / 2);}
	#boards [data-board="photo"][data-type="3"] ul li:nth-child(n+3){margin-top:1.5em;}
	#boards [data-board="photo"][data-type="3"] ul li:not(:nth-child(3n+3)){margin-right:auto;}
	#boards [data-board="photo"][data-type="3"] ul li:not(:nth-child(even)){margin-right:1em;}
}
@media screen and (max-width:480px) {
	#boards [data-board="photo"][data-type="2"] ul li{width:calc((100% - 0.6em - 0.3em) / 2);}
	#boards [data-board="photo"][data-type="2"] ul li:not(:nth-child(even)){margin-right:0.6em;}
	#boards [data-board="photo"][data-type="2"] ul li:nth-child(n+3){margin-top:1em;}
	#boards [data-board="photo"][data-type="2"] ul li a .imgs{height:calc(100% - 9.5em);}
	#boards [data-board="photo"][data-type="2"] ul li a .txts{height:9.5em;}
	
	 #boards [data-board="photo"][data-type="3"] ul li{width:calc((100% - 0.6em - 0.3em) / 2);}
	#boards [data-board="photo"][data-type="3"] ul li:not(:nth-child(even)){margin-right:0.6em;}
	#boards [data-board="photo"][data-type="3"] ul li:nth-child(n+3){margin-top:1em;}
	#boards [data-board="photo"][data-type="3"] ul li a .imgs{height:calc(100% - 7.3em);}
	#boards [data-board="photo"][data-type="3"] ul li a .txts{height:6.5em;}
}
@media screen and (max-width:420px) {
	#boards [data-board="photo"][data-type="1"] ul li{width:100%;}
	#boards [data-board="photo"][data-type="1"] ul li:nth-child(n+2){margin-top:1.2em;}

	#boards [data-board="photo"][data-type="2"] ul li{width:100%;}
	#boards [data-board="photo"][data-type="2"] ul li:nth-child(n+2){margin-top:1.2em;}
	#boards [data-board="photo"][data-type="2"] ul li:not(:nth-child(even)){margin-right:auto;}
	
	#boards [data-board="photo"][data-type="3"] ul li{width:100%;}
	#boards [data-board="photo"][data-type="3"] ul li:nth-child(n+2){margin-top:1.2em;}
	#boards [data-board="photo"][data-type="3"] ul li:not(:nth-child(even)){margin-right:auto;}
}

/*/////////////////////////////////////////////////////////////////////////////////////////////
	Board QnA ::
/////////////////////////////////////////////////////////////////////////////////////////////*/
#boards [data-board="view"] .b_title{overflow: hidden; margin:1.1em 0;}
#boards [data-board="view"] .b_title>strong{float:left; font-size:1.1em;}
#boards [data-board="view"] .b_title .etcs{float:right;}
#boards [data-board="view"] .b_title .etcs .date{margin-right:0.8em; font-size:0.95em;}
#boards [data-board="view"] .b_title .etcs .date strong{display:inline-block; margin-right:0.8em;}

#boards [data-board="view"] .view_bx{border-top:1px solid #000; border-bottom:1px solid #E0E0E0; font-size:0.95em;}
/*항목*/
#boards [data-board="view"] .view_bx .cate{padding:0 2em; border-bottom:1px solid #E0E0E0;}
#boards [data-board="view"] .view_bx .cate ul li{display:inline-block; height:3.158em; line-height:3.158em; margin-right:6%;}
#boards [data-board="view"] .view_bx .cate ul li strong{display:inline-block; margin-right:1em;}
/*글내용*/
#boards [data-board="view"] .view_bx .txts{padding:1.5em 1.5em 2em;/*white-space: pre-wrap;*/}
#boards [data-board="view"] .view_bx .txts .movies{max-width:80%; margin:0 auto;}
#boards [data-board="view"] .view_bx .txts iframe{width:100%; height:30em;}
#boards [data-board="view"] .view_bx .txts img{display:block; max-width:100%; margin:0 auto;}
/*답변*/
#boards [data-board="view"] .view_bx .answers{padding:1.5em 1.5em 2em; border-top:1px solid #E0E0E0;}
#boards [data-board="view"] .view_bx .answers .an_txt{white-space: pre-wrap;}
#boards [data-board="view"] .view_bx .answers .an_txt br{display:none;}
#boards [data-board="view"] .view_bx .answers .tbx{position:relative; margin-bottom:1em;}
#boards [data-board="view"] .view_bx .answers .tbx .infos{position:absolute; top:0; right:0;}
#boards [data-board="view"] .view_bx .answers .tbx .tt{display:block;}
/*첨부파일*/
#boards [data-board="view"] .view_bx .filebx{padding:1.2em 1.6em; background-color:#F6F6F6; box-sizing:border-box;}
#boards [data-board="view"] .view_bx .filebx ul li a:hover,
#boards [data-board="view"] .view_bx .filebx ul li a:focus{text-decoration:underline;}
#boards [data-board="view"] .view_bx .filebx ul li strong{font-weight:400;}
/*자막*/
#boards [data-board="view"] .view_bx .gbx{padding:1.2em 1.6em; background-color:#F6F6F6; box-sizing:border-box;}
#boards [data-board="view"] .view_bx .gbx .tt{display:block;}
#boards [data-board="view"] .view_bx .gbx > h5{margin:1.8em 0; font-weight:700; color:#2E5FCE;font-size:16px;}
/*이전글,다음글*/
#boards [data-board="view"] .view_bx .controls{border-top:1px solid #E0E0E0; box-sizing:border-box;padding:15px 0;}
#boards [data-board="view"] .view_bx .controls:after{content:"";display:block;clear:both;}
#boards [data-board="view"] .view_bx .controls [class*="btn_"]{position:relative; display:inline-block; box-sizing:border-box;}
#boards [data-board="view"] .view_bx .controls [class*="btn_"]:hover,
#boards [data-board="view"] .view_bx .controls [class*="btn_"]:focus{text-decoration:underline;}
#boards [data-board="view"] .view_bx .controls [class*="btn_"]:after{content:"";position:absolute;width:1em;height:1em;background:url(../img/content/board_control_icon_arrow.svg) no-repeat 0 0;}
#boards [data-board="view"] .view_bx .controls .btn_prev{float:left; padding-left:1.3em;}
#boards [data-board="view"] .view_bx .controls .btn_next{float:right; padding-right:1.3em;}
#boards [data-board="view"] .view_bx .controls .btn_prev:after{left:0;top: 19%;}
#boards [data-board="view"] .view_bx .controls .btn_next:after{top: 13.5%;right:0;transform:rotate(180deg);-webkit-transform:rotate(180deg);}

/* 공지사항 이미지 정렬 */
.txts_overflow {overflow:hidden;}

/*관련통계표 목록*/
.RelatedList select{height: 35px !important;}

@media all and (max-width : 767px){
.RelatedList,
.RelatedList label,
.RelatedList select,
.RelatedList button{width:100% !important;}
.RelatedList label{border-right:2px solid #ccc;}
}

@media all and (max-width : 600px){
	#boards [data-board="view"] .view_bx .controls [class*="btn_"]{overflow:hidden;width: 4.5em;height: 24px;}
}

/*/////////////////////////////////////////////////////////////////////////////////////////////
	Board FAQ
/////////////////////////////////////////////////////////////////////////////////////////////*/
.FAQ { font-family:dotum, '돋움', sans-serif; font-size:14px; margin-top: 20px;}
.FAQ>div {border:#ddd solid 1px; margin-bottom:10px;}
.FAQ>div .KOSIS_DT { height:43px; line-height:43px;}
.FAQ>div .KOSIS_DD {display:none;width:0; position:absolute; overflow:hidden; padding:0; margin:0;}
.FAQ>div.M_on { border-color:#177ca0;}
.FAQ>div.M_on .KOSIS_DD {display:block; height:auto; width:100%; position:relative; padding:20px; padding-left:93px; background:#f5f5f5; font-size:14px; line-height:24px;}
.FAQ>div.M_on .KOSIS_DD p { margin-bottom:20px;}
.FAQ>div.M_on .KOSIS_DD a { font-weight:bold; text-decoration:underline;}
.FAQ>div .KOSIS_DT a { display:block; height:42px; line-height:42px; color:#333; font-weight:bold; background:url(../images/sub/arrow_open.png) no-repeat right 10px center;}
.FAQ>div.M_on .KOSIS_DT a {background-image:url(../images/sub/arrow_close.png);}
.FAQ>div .KOSIS_DT a span { color:#fff; width:3.5em; height:calc(100% - 4px); display:inline-block; margin-right:10px; background:#32B6A3; line-height:37px; text-align:center; margin-left:5px;}
.FAQ .answer { float:left; display:block; width:37px; height:37px; color:#fff;background:#666; border-radius:19px; text-align:center; line-height:37px; font-size:12px; font-weight:bold; margin-right:10px; margin-bottom:10px;}

.FAQ_OL {}
.FAQ_OL li { font-size:14px; font-weight:bold; color:#333; line-height:30px;}
.FAQ_OL li ol { padding-left:20px;}
.FAQ_OL li ol ol { padding-left:20px;}
.FAQ_OL li li { font-size:13px; font-weight:bold;}
.FAQ_OL li li li { font-size:13px; font-weight:normal;}
.FAQ_OL a img { vertical-align:middle; margin-left:5px;}
.FAQ_OL li div { height:0; width:0; overflow:hidden; position:absolute;}
.FAQ_OL li.M_on div { height:auto; width:auto; position:relative;}
.FAQ  strong {/* font-weight:bold; */}

/* 0727추가*/
.FAQ>div .KOSIS_DD .dlstyle{margin-top:23px;border: none;margin-bottom: 0;}
.FAQ>div .KOSIS_DD .dlstyle dt{position:relative; display:inline-block;width:150px;padding-left:12px;vertical-align:top;height: auto;line-height: inherit;}
.FAQ>div .KOSIS_DD .dlstyle dt:before{content:''; position:absolute; width:5px; height:5px; border-radius:5px; background:#999; left:0px;top:10px; } 
.FAQ>div .KOSIS_DD .dlstyle dd{display:inline-block;width:calc(100% - 160px);position: relative;height: auto;}
.FAQ>div .KOSIS_DD .dlstyle dd .tel{margin-right:15px;padding-left:20px;background:url(../img/content/tel.png) no-repeat 0 ;}
.FAQ>div .KOSIS_DD .dlstyle dd .hp{padding-left:20px;background:url(../img/content/hp.png) no-repeat 0;}
.FAQ>div .KOSIS_DD .dlstyle dd .ad{width:100%;display:block;margin-bottom:20px;}


#boards [data-skin="box"]+[data-board="faq"]{margin-top:2em;}

#boards [data-board="faq"]{font-size:0.95em;}
#boards [data-board="faq"]>div{position:relative;display:block;}
#boards [data-board="faq"] ul li{border:1px solid #E0E0E0;}
#boards [data-board="faq"] ul li:not(:last-child){margin-bottom:1em;}
#boards [data-board="faq"] ul li .questions{position:relative; padding:0.79em 0 0.79em calc(3.5em + 4%); box-sizing:border-box;}
#boards [data-board="faq"] ul li .questions .q_btn{position:relative; display:block; padding-right:4em; box-sizing:border-box;}
#boards [data-board="faq"] ul li .questions .q_btn:after{content:""; position:absolute; top:calc(50% - 0.5em); right:1.2em; width:1.1em; height:1em; background:url(../img/content/board_icon_sel.svg) no-repeat 0 0;}
#boards [data-board="faq"] ul li .questions em{position:absolute; top:2px; left:2px; display:table; width:3.5em; height:calc(100% - 4px); background-color:#32B6A3; font-style:normal; text-align:center; color:#fff;}
#boards [data-board="faq"] ul li .questions em span{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}
#boards [data-board="faq"] ul li .result_bx{padding:2em 4em 2em calc(3.5em + 4%); background-color:#F6F6F6; box-sizing:border-box;}
#boards [data-board="faq"] ul li .result_bx a{text-decoration:underline;}
#boards [data-board="faq"] ul li .result_bx p+p{margin-top:1em;}
#boards [data-board="faq"] ul li .result_bx p+a{display:inline-block; margin-top:1em;}

#boards [data-board="faq"][data-type="mo"] .mov_btn{position:absolute; top:calc(50% - 0.987em); right:7px; display:inline-block; width:3em; height:1.974em; line-height:1.974em; border-radius:0.2em; text-align:center; font-size:0.95em; color:#fff;  overflow:hidden; background-color:#127086; background-image:url(../img/content/board_icon_movie.svg); background-repeat:no-repeat; background-position:center; background-size:1.1em; text-indent:-2000px;}
#boards [data-board="faq"]>div .KOSIS_DT a:nth-child(2){padding-right:7em;}
#boards [data-board="faq"]>div .KOSIS_DT a:nth-child(2){background:none;right:4.5em;}

#boards [data-board="faq"]>div button{position:absolute;top: 12px;right: 50px;background:none;width: 51px;height: 19px;text-align: left;line-height: 0;}
#boards [data-board="faq"]>div button:after{content:"";position:absolute;top: 1px;left: 27px;background:url(../img/content/board_icon_sel.svg) no-repeat 0 0;width: 17px;height: 17px;}
#boards [data-board="faq"]>div.M_on button.close_btn{display:block;}
#boards [data-board="faq"]>div.M_on button.open_btn{display:none;}
#boards [data-board="faq"]>div button.close_btn{display:none;}
#boards [data-board="faq"]>div button.close_btn:after{transform:rotate(180deg);}
#boards [data-board="faq"]>div.M_on .KOSIS_DT a:nth-child(2):after{}

#boards [data-board="faq"].faq_list>div .KOSIS_DT a:nth-child(2):after{right: 2em;}
#boards [data-board="faq"][data-type="mo"] ul li .result_bx{padding:2em 7em 2em calc(3.5em + 4%);}
#boards [data-board="faq"] .KOSIS_DT{position: relative;box-sizing: border-box;padding: 0.79em 0 0.79em calc(3.5em + 4%);height: auto;}
#boards [data-board="faq"] .KOSIS_DT:after{content:"";display:block;clear:both;}
#boards [data-board="faq"] .KOSIS_DT>em{position: absolute;top: 2px;left: 2px;display: block;width: 3.5em;height: calc(100% - 4px);background-color: #228386;font-style: normal;text-align: center;color: #fff;}
#boards [data-board="faq"] .KOSIS_DT>em>span{position:absolute;width:100%;display:block;top:50%;left:50%;transform:translate(-50%,-50%)}
#boards [data-board="faq"] .KOSIS_DT a:nth-child(2){line-height: 1.3;width:100%;height:auto;display:block;font-weight: normal;color: #4f4f4f;font-size: 0.95em;}
.OneMore_con{}
.OneMore h4{height:auto !important}

/* 230102 faq 디자인변경 css 추가 */
.faq_tab{display: flex; margin-bottom: 20px; flex-wrap: wrap;}
.faq_tab li{flex-grow: 1; margin-bottom: 0 !important; cursor: pointer; text-align: center;}
.faq_tab li:nth-child(1),.faq_tab li:nth-child(2),.faq_tab li:nth-child(3){border-right: none !important;}
.faq_tab li.on{background-color: #228487;}
.faq_tab li.on a{color:#fff !important;}
.faq_tab li a{display: block; width: 100%; padding: 10px;}

@media screen and (max-width:1024px) {
	#boards [data-board="faq"] ul li .result_bx{padding:1.5em 2em;}

	#boards [data-board="faq"][data-type="mo"] ul li .result_bx{padding:1.5em 2em;}
}
@media screen and (max-width:700px) {
	.guide_box,
	.OneMore_con,
	.OneMore,
	.OneMore h4,
	.OneMore_con p,
	.OneMore_con ol,
	.onemore_frs{width:100% !important}
	
	/* 0727추가*/
    .FAQ>div .KOSIS_DD .dlstyle dd{display:block;width:100%;}
	.FAQ>div .KOSIS_DD .dlstyle dd .tel{display:block;}
	.FAQ>div .KOSIS_DD .dlstyle dd .hp{display:block;}
}
@media screen and (max-width:640px) {
	#boards [data-board="faq"]{font-size:0.9em;}
	#boards [data-board="faq"] ul li .questions .q_btn{line-height:1.3; padding-right:3em;}

	#boards [data-board="faq"][data-type="mo"] .questions .q_btn{padding-right:6em;}
	
	.FAQ dl.M_on dd{padding-left:20px !important;}
	.faq_tab li{width: 50%;}
    .faq_tab li:nth-child(1),.faq_tab li:nth-child(2){border-bottom: none !important;}
    .faq_tab li:nth-child(2){border-right: 1px solid #e0e0e0 !important;}
}
@media screen and (max-width:480px) {
	#boards [data-board="faq"] ul li .result_bx{padding:1.5em;}
	#boards [data-board="faq"] ul li .result_bx p+p{margin-top:0.8em;}

	#boards [data-board="faq"][data-type="mo"] .questions .q_btn{padding-right:5.3em;}
	#boards [data-board="faq"][data-type="mo"] .questions .q_btn:after{right:3.6em;}
	#boards [data-board="faq"][data-type="mo"] .mov_btn{font-size:0.8em;}
}

/*/////////////////////////////////////////////////////////////////////////////////////////////
	Board ETC
/////////////////////////////////////////////////////////////////////////////////////////////*/
/*교육신청_내용보기*/
#boards .edu_txts{margin-top:2.5em; padding-left:21%; font-size:0.95em; box-sizing:border-box;}
#boards .edu_txts p{margin-top:2em;}
#boards .edu_txts p a{margin:0 1em;}
#boards .edu_txts p span i{font-style:normal;}

@media all and (max-width : 800px){
	#boards .edu_txts{padding:30px 0; border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0;}
	#boards .edu_txts p span i{display:block;}
	#boards .edu_txts p span:last-child{display:block;}
}

/*내가 말하는 통계 : 목록 11.23 */
#boards .ucc_tab{margin:1em 0 1.5em;}
#boards .ucc_tab .title{display:none;}
#boards .ucc_tab:not(.select) ul li{display:inline-block; margin-top:0.5em; margin-right:1em;}
#boards .ucc_tab:not(.select) ul li a{
	display:block; height:2.106em; line-height:2.106em; padding:0 1em; background-color:#F6F6F6; border-radius:2em; font-size:0.95em; box-sizing:border-box;
	transition:all 0.2s ease; -webkit-transition:all 0.2s ease;
}
#boards .ucc_tab:not(.select) ul li a:hover,
#boards .ucc_tab:not(.select) ul li a:focus,
#boards .ucc_tab:not(.select) ul li.on a{background-color:#468FC7; color:#fff;}

/*모바일*/
#boards .ucc_tab.select{margin:1.5em 0 2em; background-color:#F6F6F6; border-radius:1.5em;}
#boards .ucc_tab.select .title{display:block; padding:0 1.5em; background-color:#fff; border:1px solid #4F4F4F; border-radius:5em; box-sizing:border-box;}
#boards .ucc_tab.select .title a{display:block; height:45px; line-height:45px; background:url(../img/content/board_icon_sel.svg) no-repeat right center; font-weight:400;}
#boards .ucc_tab.select ul{display:none;}
#boards .ucc_tab.select ul li{width:100%; box-sizing:border-box;}
#boards .ucc_tab.select ul li:not(:last-child){border-bottom:1px dashed #d4d4d4;}
#boards .ucc_tab.select ul li a{display:block; height:2.75em; line-height:2.75em; padding:0 1.5em; border-radius:0; box-sizing:border-box;}

/*통계시각화컨텐츠*/
#vi_cont>ul>li>a
{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#vi_cont>ul>li{display:inline-block;width: 32%; vertical-align:top;}
#vi_cont>ul>li:nth-child(n+4){margin-top:1.5em;}
#vi_cont>ul>li:last-child{width:calc(((100% - 1em) / 3) * 2); margin-right:0;}
#vi_cont>ul>li>a{display:block; position:relative; width:100%; border:1px solid #E0E0E0; box-shadow:0 4px 4px rgba(0,0,0,0.07); box-sizing:border-box;}
#vi_cont>ul>li>a:hover,
#vi_cont>ul>li>a:focus{box-shadow:0 2px 15px rgba(0, 0, 0, 0.2);}
#vi_cont>ul>li>a .layers{display:block; width:calc(100% - 14%); height:100%; margin:0 auto;}
#vi_cont>ul>li>a .imgs{overflow: hidden; position:absolute; top:1.3em; left:7%; display:block; width:calc(100% - 14%); height:calc(100% - 9.6em - 1.3em); background-color:#fff; box-shadow:0 4px 4px rgba(0,0,0,0.1);}
#vi_cont>ul>li>a .imgs img{display:block; width:100%;}
#vi_cont>ul>li>a .txts{display:block; width:100%; height:9.6em; padding:2em 7% 0; box-sizing:border-box;}
#vi_cont>ul>li>a .txts strong{overflow:hidden; display:block; font-size:1.1em; color:#000;}
#vi_cont>ul>li>a .txts p,
#vi_cont>ul>li>a .txts>span{
	overflow:hidden; display:block; height:3.2em; margin-top:0.7em; color:#000;
	display:-webkit-box; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}

/*통계교육동영상*/
#vi_cont>ul{margin-bottom:3em;display: flex;flex-wrap: wrap;justify-content: space-between;}
#vi_cont>ul>li>.last_bx{display:block; position:relative; width:100%; border:1px solid #E0E0E0; box-shadow:0 4px 4px rgba(0,0,0,0.07); box-sizing:border-box;}
#vi_cont>ul>li>.last_bx .layers{display:block;width:100%;height:100%;}
#vi_cont>ul>li>.last_bx .m_txts{position:absolute; top:0; left:0; height:100%; padding:5% 5%; box-sizing:border-box;}
#vi_cont>ul>li>.last_bx .m_txts>strong{display:block; margin-bottom:0.5em; font-size:1.2em; color:#000;}
#vi_cont>ul>li>.last_bx .m_txts>span{display:block; margin-bottom:1.2em; color:#404040;}
#vi_cont>ul>li>.last_bx .m_txts ul li{position:relative; float:left; width:50%; margin-top:0.6em; padding-left:1em; color:#404040; box-sizing:border-box;}
#vi_cont>ul>li>.last_bx .m_txts ul li:before{content:""; position:absolute; top:0.7em; left:0; width:8px; height:8px; background-color:#34C759; border-radius:50%;}
#vi_cont>ul>li>.last_bx .m_txts ul li a{color:#404040;}

#vi_cont>ul>li>a .m_txts{position:absolute; top:0; left:0; padding:5% 5%; box-sizing:border-box;}
#vi_cont>ul>li>a .m_txts strong{color:#000;}
#vi_cont>ul>li>a .m_txts p{color:#000;}
#vi_cont>ul>li>a .m_txts ul li{color:#000;}

#vi_cont .wtoons{display:inline-block; width:calc(40% - 0.2em); vertical-align:top;}
#vi_cont .wtoons a:after{content:""; display:block; width:100%; height:16em; background:url(../img/content/vi_cont_wtoon_img.jpg) no-repeat 0 0; background-size:contain;}
#vi_cont .wtoons strong{display:block; margin-bottom:0.3em; font-size:1.2em; color:#404040;}
#vi_cont .wtoons span{display:block; color:#404040;}

#vi_cont .linkbx{display:inline-block; width:53%; margin-top:2em; margin-left:7%; vertical-align:top;}
#vi_cont .linkbx ul li{position:relative; display:table; height:6.8em; padding-left:calc(6.8em + 1.5em); box-sizing:border-box;}
#vi_cont .linkbx ul li:first-child{margin-bottom:2em;}
#vi_cont .linkbx ul li:before{content:""; position:absolute; top:0; left:0; width:6.8em; height:6.8em;}
#vi_cont .linkbx ul li:first-child:before{background:url(../img/content/vi_cont_wtoon_icon01.svg) no-repeat 0 0;}
#vi_cont .linkbx ul li:last-child:before{background:url(../img/content/vi_cont_wtoon_icon02.svg) no-repeat 0 0;}
#vi_cont .linkbx ul li a{display:table-cell; width:100%; vertical-align:middle;}
#vi_cont .linkbx ul li a strong{display:block; font-size:1.2em; color:#404040;}
#vi_cont .linkbx ul li a span{display:block; color:#404040;}

@media all and (max-width : 1300px){
	#vi_cont>ul>li>.last_bx .m_txts ul{overflow:auto; height:calc(100% - 7em);}
}
@media all and (max-width : 1024px){
	#vi_cont>ul>li:nth-child(10) { height:0 !important; overflow:hidden !important; padding:0 !important; position:absolute;}
	#vi_cont>ul>li:nth-child(11) { margin-right:0 ;}
	#sitemap>.in>.midd[data-step="3"]>.menu>ul>li>ul>li.on>ul>li:nth-child(10) { height:0; overflow:hidden; position:absolute;}
}
@media all and (max-width : 900px){
	#vi_cont>ul>li:last-child{float:none; display:block; width:100%;}
	#vi_cont>ul>li>.last_bx{
		border:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	#vi_cont>ul>li>.last_bx .layers{display:none;}
	#vi_cont>ul>li>.last_bx .m_txts{display:block; position:relative; left:auto; top:auto; padding:1em 0 0 0;}
}
@media all and (max-width : 650px){
	#vi_cont .wtoons,
	#vi_cont .linkbx{display:block; width:100%;}
	#vi_cont .wtoons a:after{background-position:center bottom;}
	#vi_cont .linkbx{margin-left:0;}

	#vi_cont>ul>li{width: 49%;}
	#vi_cont>ul>li:nth-child(3n+3){/* margin-right:1em; */}
	#vi_cont>ul>li:nth-child(n+3){margin-top:1em;}	
	
	#vi_cont>ul>li:nth-child(10) {/* margin-right:1em ; */}
}
@media all and (max-width : 450px){
	#vi_cont>ul>li>.last_bx .m_txts ul li{float:none; width:100%;}

	#vi_cont>ul>li{width:100% !important; margin:1em 0 0 0 !important;}
}

/* 카드뉴스 */
#con_card{}
#con_card .photos{position:relative; padding:40px;}
#con_card .photos .head{position:relative; z-index:10; max-width:610px; padding:0px; margin:0 auto;}
#con_card .photos .head img{width:100%;}
#con_card .photos .head .btn_left,
#con_card .photos .head .btn_right{overflow:hidden; display:block; position:absolute; top:0; width:50px; height:100%; text-indent:-1000px; background-repeat:no-repeat;}
#con_card .photos .head .btn_left{left:-80px; background-image:url(../img/content/con_card_arrow_l.svg); background-position:left center;}
#con_card .photos .head .btn_right{right:-80px; background-image:url(../img/content/con_card_arrow_r.svg); background-position:right center;}
#con_card .photos .midd{position:relative; z-index:5; max-width:610px; height:187px; margin:0 auto;}
#con_card .photos .midd .count{max-width:610px; line-height:40px; margin:0 auto; text-align:right; font-size:15px; color:#2d2d2d;}
#con_card .photos .midd .btn_left_s,
#con_card .photos .midd .btn_right_s{overflow:hidden; display:block; position:absolute; top:0; width:50px; height:calc(100% - 40px); margin-top:40px; text-indent:-1000px; background-repeat:no-repeat;}
#con_card .photos .midd .btn_left_s{left:-50px; background-image:url(../img/content/con_card_arrow_l_s.svg); background-position:left center;}
#con_card .photos .midd .btn_right_s{right:-50px; background-image:url(../img/content/con_card_arrow_r_s.svg); background-position:right center;}
#con_card .photos .midd .move{overflow:hidden; position:relative; width:100%; height:147px;}
#con_card .photos .midd ul{position:absolute; left:0; top:0; width:20000px; font-size:0;}
#con_card .photos .midd ul li{display:inline-block; padding:0 7px 7px 0;}
#con_card .photos .midd ul li a{overflow:hidden; display:block; position:relative; width:147px; height:147px;}
#con_card .photos .midd ul li a img{width:100%;}
#con_card .photos .midd ul li a:before{
	opacity:0.5; content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#con_card .photos .midd ul li.on a:before{opacity:0;}

@media all and (max-width : 700px){
	#con_card .photos{padding:0;}
	#con_card .photos .head .btn_right{right: -44px;background-image:url(../img/content/con_card_arrow_r.svg);background-position:right center;}
	#con_card .photos .head .btn_left{left: -44px;background-image:url(../img/content/con_card_arrow_l.svg);background-position:left center;}
	
	#con_card .photos .head .btn_left_s,
	#con_card .photos .head .btn_right_s,
	#con_card .photos .midd .btn_left_s,
	#con_card .photos .midd .btn_right_s{display:none;}
	
	#con_card .photos .midd .move{overflow-x:auto;}
	#con_card .photos .midd .move>ul{white-space:nowrap; position:relative; left:auto !important; top:auto !important; width:auto;}
	#con_card .photos .midd .move>ul>li{display:inline-block;}
}

@media all and (max-width: 800px){
	[data-skin="popup"] > .in{overflow:auto;}
	[data-skin="popup"] > .in > .midd{overflow:visible !important; height:auto !important;}	
}
@media all and (max-width: 500px){	
	[data-skin="popup"] > .in > .close{right:20px;}
	[data-skin="popup"] > .in > [data-skin="btn"][data-icon="down"]{right:auto; left:20px; top:15px; height:25px; line-height:23px; padding:0 10px;}
	[data-skin="popup"] > .in > [data-skin="btn"][data-icon="down"]>span{line-height:23px; font-size:12px;}
	[data-skin="popup"] > .in > [data-skin="btn"][data-icon="down"]>span:after{display:none;}
}

/*KOSIS 길라잡이*/
#boards .ko_guide{overflow:hidden; margin-top:0.7em;}
#boards .ko_guide li{float: left;width: calc((100% - 3em)/3);}
#boards .ko_guide li:not(:last-child){margin-right:1em;}
#boards .ko_guide li>div{position:relative; height:2.75em; line-height:2.75em; padding:0 1em; background-color:#E5F5F2; border-radius:0.2em;}
#boards .ko_guide li>div>strong{display:block; font-weight:400;}
#boards .ko_guide li>div>a{position:absolute; top:0.46em; display:inline-block; width:3em; height:1.974em; line-height:1.974em; border-radius:0.2em; text-align:center; font-size:0.95em; color:#fff;}
#boards .ko_guide li>div>a.btn_p{right:0.6em; background-color:#228386;color:#fff;}
#boards .ko_guide li>div>a.btn_m{right:4em; overflow:hidden; background-color:#127086; background-image:url(../img/content/board_icon_movie.svg); background-repeat:no-repeat; background-position:center; text-indent:-2000px;}
#boards [data-skin="box"] a.mov_btn{overflow:hidden; background-color:#127086; background-image:url(../img/content/board_icon_movie.svg); background-repeat:no-repeat; background-position:center; text-indent:-2000px;display: inline-block;width: 35px;height: 25px;border-radius: 0.2em;vertical-align: text-bottom; margin-left:5px;} /* 0413추가  */

@media screen and (max-width:1140px) and (min-width:1025px){
	#boards .ko_guide{font-size:14px;}
}
@media screen and (max-width:840px){
	#boards .ko_guide{font-size:14px;}
}
@media screen and (max-width:740px) and (min-width:641px){
	#boards .ko_guide li>div{height:auto; padding:0.6em 1em; text-align:center;}
	#boards .ko_guide li>div>strong{line-height:normal;}
	#boards .ko_guide li>div>a{position:static; vertical-align:middle;}
	#boards .ko_guide li>div>a+a{margin-left:0.5em;}
}
@media screen and (max-width:640px){
	#boards .ko_guide li{float:none; width:100%;}
	#boards .ko_guide li:not(:last-child){margin-right:0; margin-bottom:1em;}
}

/*/////////////////////////////////////////////////////////////////////////////////////////////
	로그인
/////////////////////////////////////////////////////////////////////////////////////////////*/
.Login strong {color:#333;}
.LoginMember { background: url(../images/sub/bg_login.png) no-repeat right 50px bottom -1px; border:#177ca0 solid 2px; padding:20px 35px; margin-bottom:15px;}
.Login h3 {font-size:18px; color:#333; margin-bottom:5px;}
.Login p { font-size:14px;}
.Login li { font-size:14px; position:relative;}
.Login li:before { content:'ㆍ';}
.LoginMember a { display:inline-block; width:145px; height:30px; background:linear-gradient(#666, #555); border:#555 solid 1px; color:#fff; font-size:12px;line-height:30px; text-align:center; vertical-align:bottom; margin-right:10px;}
.LoginMember a.Btn_Login {height:45px; background:linear-gradient(#253e7b, #000f33); border-color:#000f33; font-size:14px; line-height:45px; margin-top:10px;}
.LoginNonMember { background:#f5f5f5; border:#ddd solid 2px; padding:20px 35px; margin-bottom:20px;}
.LoginNonMember p, .LoginNonMember ul { color:#555;}
.LoginNonMember div { background:#fff; border:#ddd solid 1px; padding:10px 15px; margin-bottom:15px; position:relative;}
.LoginNonMember div p, .LoginNonMember div ul { color:#666;width:60%;}
.LoginNonMember ul { margin-bottom:10px;}
.LoginNonMember div h4 { color:#005b88; font-size:16px;margin-top:0px;}
.LoginNonMember div a {display:inline-block; width:145px; height:30px; background:linear-gradient(#666, #555); border:#555 solid 1px; color:#fff; font-size:14px;line-height:30px; text-align:center; position:absolute; right:17px; bottom:20px;}

@media(max-width:600px){
    .LoginMember {padding:20px;}
    .LoginNonMember {padding:20px;}
    .LoginMember a{width:100%;margin-top:10px;}
    .LoginNonMember div:after{content:"";display:block;clear:both;}
    .LoginNonMember div p, .LoginNonMember div ul {width:100%;}
    .LoginNonMember div a {position:static;margin-top:10px;bottom:0;float:right;}
}

/** 상단 banner **/
.kosis_banner{position: relative;}
.kosis_banner .banner_content .move{position: relative;height: 100%;}
.kosis_banner .banner_content .move ul li{ width: 100%;height: 100%;  opacity: 0;position:absolute;top:0;transition: opacity ease 1s;}
.kosis_banner .banner_content .move ul li.on{transition: opacity ease 1s;width: 100%;opacity: 1;height: 100%;position:relative;z-index: 10;}
.kosis_banner .banner_content .move ul li .banner_bg{background-image: url(../img/layout/topbg1.png?ver=1.0),url(../img/layout/topbg2.png?ver=1.0);background-repeat: no-repeat;background-position: 0 , right;background-size: 36%;background-color: #eddf00;text-align: center;padding-bottom: 0px;min-height: 88px;display: inline-flex;width: 100%;justify-content: center;align-items: center;}
.kosis_banner .banner_content .move ul li .banner_bg p{display: inline-block;color: #111110;font-size: 24px;vertical-align: middle;font-weight: 600;padding: 0px 0px 0px 50px;/* min-height:86px; */position: relative;/* display: inline-flex; */align-items: center;flex-wrap: wrap;}
.kosis_banner .banner_content .move ul li .banner_bg p span{display: block;font-size: 17px;text-align: center;color: #792000;}
.kosis_banner .banner_content .move ul li .banner_bg button{background: #292726;font-size: 16px;cursor: pointer;color: #fff;border-radius: 50px;border: none;padding: 5px 20px;vertical-align: top;font-weight: 600;margin-left: 15px;}
.kosis_banner .banner_content .move ul li .banner_bg p:before{content:'';background: url(../img/layout/topnotice.png?ver=1.0) no-repeat 0 0;display: inline-block;width: 140px;height: 86px;position:absolute;left: -100px;top: 50%;transform: translateY(-50%);}

/*
.kosis_banner .banner_content .move ul li:nth-child(2) .banner_bg{ background-color: #ff2f35;text-align: center;padding-bottom: 0px;}
.kosis_banner .banner_content .move ul li:nth-child(2) .banner_bg p{background: url(../img/layout/topnotice.png?ver=1.0) no-repeat 0 0;display: inline-block;color: #fff;font-size: 24px;vertical-align: middle;font-weight: 600; padding:10px 0px 10px 152px}
.kosis_banner .banner_content .move ul li:nth-child(2) .banner_bg p span{display:block;font-size: 17px;text-align: center;color: #fff;}
.kosis_banner .banner_content .move ul li:nth-child(2) .banner_bg button{background: #292726; margin-top: 12px; font-size: 16px; cursor: pointer; color: #fff; border-radius: 50px; border: none;padding: 5px 20px;vertical-align: top;font-weight: 600;margin-left: 15px;}
*/

.kosis_banner .banner_content .control{position: absolute;top: 50%;right: 30px;z-index: 11;transform: translateY(-50%);} /* 0329수정 */
.kosis_banner .banner_content .control .banner_control{background: rgba(255, 255, 255, 0.8);border-radius: 50px;width: 155px;float:right;margin-bottom: 10px;}/* 0329수정 */
.kosis_banner .banner_content .control .banner_control a{display: inline-block; width: 25px;height: 30px;}
.kosis_banner .banner_content .control .banner_control a span{text-indent: -9999px; padding: 0; border-radius: 20px; width: 20px;height: 20px;vertical-align: middle;display: inline-block;}
.kosis_banner .banner_content .control .banner_control span{display: inline-block; padding: 0 12px;vertical-align: middle;letter-spacing: 3px;}
.kosis_banner .banner_content .control .banner_control a.btn_prev span{background: rgba(0, 0, 0, 0.2) url(../img/layout/ban_left.png) no-repeat center;}
.kosis_banner .banner_content .control .banner_control a.btn_next span{background: rgba(0, 0, 0, 0.2) url(../img/layout/ban_right.png) no-repeat center;}
.kosis_banner .banner_content .control .banner_control a.btn_stop span{background: rgba(0, 0, 0, 0.2) url(../img/layout/ban_stop.png) no-repeat center;}
.kosis_banner .banner_content .control .banner_control a.btn_play span{background: rgba(0, 0, 0, 0.2) url(../img/layout/ban_play.png) no-repeat center;}

.kosis_banner .banner_content .control .date_control{clear: both;}/* 0329수정 */
.kosis_banner .banner_content .control .date_control .today_chkbox{vertical-align: middle;margin: 0 8px; display: inline;}
.kosis_banner .banner_content .control .date_control .today_chkbox label{font-size:15px;color:#000;vertical-align: middle;letter-spacing: -1px;font-weight: 500;}
.kosis_banner .banner_content .control .date_control .today_chkbox input{vertical-align: middle;border: 1px solid #290573;}
.kosis_banner .banner_content .control .date_control .close_chkbox{vertical-align: middle;margin: 0 8px; display: inline;}
.kosis_banner .banner_content .control .date_control .close_chkbox label{font-size:15px;color:#000;vertical-align: middle;letter-spacing: -1px;font-weight: 500;}
.kosis_banner .banner_content .control .date_control .close_chkbox input{vertical-align: middle;border: 1px solid #290573;}
.kosis_banner .banner_content .control .date_control .banner_close{position: relative; cursor: pointer;border-radius: 50px;border: none;width: 30px;height: 30px;text-indent: -99999px;background: #191919;vertical-align: middle;}
.kosis_banner .banner_content .control .date_control .banner_close::after{content: "";width: 1px;height: 16px;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);}
.kosis_banner .banner_content .control .date_control .banner_close::before{content: "";width: 1px;height: 16px;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(-45deg);}

.kosis_banner .banner_content.purple .move ul li .banner_bg{background-image: url(../img/layout/topbg3.png?ver=1.0),url(../img/layout/topbg4.png?ver=1.0);background-repeat: no-repeat;background-position: 0 , right;background-size: 36%;background-color: #4e00ec;text-align: center;padding-bottom: 0px;min-height: 88px;display: inline-flex;width: 100%;justify-content: center;align-items: center;}
.kosis_banner .banner_content.purple .move ul li .banner_bg p{display: inline-block;color: #fff;font-size: 24px;vertical-align: middle;font-weight: 600; text-align: center;}
.kosis_banner .banner_content.purple .move ul li .banner_bg p span{display: block;font-size: 17px;text-align: center;color: #ffffff;}
.kosis_banner .banner_content.purple .move ul li .banner_bg button{background: #000000;font-size: 16px;cursor: pointer;color: #fff;border-radius: 50px;border: none;padding: 5px 20px;vertical-align: top;font-weight: 600;margin-left: 15px;}
.kosis_banner .banner_content.purple .move ul li .banner_bg p:before{content:'';background: url(../img/layout/topnotice2.png?ver=1.0) no-repeat 0 0;display: inline-block;width: 140px;height: 86px;position:absolute;left: -100px;top: 50%;transform: translateY(-50%);}

.kosis_banner .banner_content.purple .control .date_control .today_chkbox label{font-size:15px;color:#fff;vertical-align: middle;letter-spacing: -1px;font-weight: 500;}
.kosis_banner .banner_content.purple .control .date_control .today_chkbox input{vertical-align: middle;border: 1px solid #ffffff;}
.kosis_banner .banner_content.purple .control .date_control .close_chkbox label{font-size:15px;color:#fff;vertical-align: middle;letter-spacing: -1px;font-weight: 500;}
.kosis_banner .banner_content.purple .control .date_control .close_chkbox input{vertical-align: middle;border: 1px solid #ffffff;}


/* 상단배너 폰트색상 변경 230224 */
.y_font01{display: initial !important; font-size: inherit !important; color: #fff824 !important;}
.y_font02{display: initial !important; font-size: 17px; color: #fff824 !important;}
.date{display: initial !important;}

 /* 누리집 추가 0907 */
.nurizip{background: #095d67;color: #fff;line-height: 20px;padding: 6px 30px 6px 0px;text-align: right;}/* 0922수정 */
.nurizip span:before{content:'';background:url(../img/layout/nurizip.png) no-repeat center;width: 45px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 5px;background-size: 42px;}/* 0922수정 */
@media all and (max-width : 1400px){
	.kosis_banner .banner_content .move ul li .banner_bg p{background: none!important;padding:10px 0px 10px 0px!important;}
	.kosis_banner .banner_content .move ul li .banner_bg p:before{content:'';background: url(../img/layout/topnotice.png?ver=1.0) no-repeat 0 0;display: none;width: 140px;height: 74px;position:absolute;left: -100px;}
	.kosis_banner .banner_content.purple .move ul li .banner_bg p{background: none!important;padding:10px 0px 10px 0px!important;}
	.kosis_banner .banner_content.purple .move ul li .banner_bg p:before{content:'';background: url(../img/layout/topnotice2.png?ver=1.0) no-repeat 0 0;display: none;width: 140px;height: 74px;position:absolute;left: -100px;}

}

@media all and (max-width : 1200px){
	.kosis_banner .banner_content .move ul li .banner_bg{padding-bottom: 100px!important;background-size:cover!important;display: block;}
	.kosis_banner .banner_content .move ul li .banner_bg p{padding:10px 0px 10px 0px!important;background: none!important;height: 85px;}
	.kosis_banner .banner_content .control{position: absolute; width: 100%;text-align: center;top: auto;right: auto;padding: 10px 0;bottom: 0px; transform: initial;}
	.kosis_banner .banner_content .control .banner_control{float: none; margin: 0 auto;}
	.kosis_banner .banner_content .move ul li .banner_bg button{margin-top:12px}

	.kosis_banner .banner_content.purple .move ul li .banner_bg{padding-bottom: 100px!important;background-size:cover!important;display: block;}
	.kosis_banner .banner_content.purple .move ul li .banner_bg p{padding:10px 0px 10px 0px!important;background: none!important;height: 85px;}
	.kosis_banner .banner_content.purple .control{position: absolute; width: 100%;text-align: center;top: auto;right: auto;padding: 10px 0;bottom: 0px; transform: initial;}
	.kosis_banner .banner_content.purple .control .banner_control{float: none; margin: 0 auto;}
	.kosis_banner .banner_content.purple .move ul li .banner_bg button{margin-top:12px}
	
}

@media all and (max-width : 600px){
	.kosis_banner .banner_content .move ul li .banner_bg{height: 270px;padding: 10px 20px;}
	.kosis_banner .banner_content .move ul li .banner_bg p{padding:10px 0px 10px 0px!important;background: none!important;height: auto; display: block; text-align: center;}  /* 0324수정 */
	.nurizip{padding: 8px 20px 7px 0;font-size: 12px;background: #095d67;}/* 0922수정 */
	.nurizip span:before{content:'';background:url(../img/layout/nurizip.png) no-repeat center;width: 30px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 5px;background-size: 31px;}/* 0922수정 */
    
    .kosis_banner .banner_content.purple .move ul li .banner_bg p{padding:10px 0px 10px 0px!important;background: none!important;height: auto;display: block;}  /* 0324수정 */
    #header h2{display:none}
}

/** 상단 banner 팝업 **/
#popUpLayerForm_bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:8888;display:none;}
#popUpLayerForm{display:none;position: fixed;top: 50%;left: 50%;background-color:#fff;z-index:9999;transform: translate(-50%,-50%);}
.pop_top_layer{text-align: right;padding-right: 6px;}
.pop_bottom_layer{text-align: right;padding-right: 10px;}

@media(max-width:767px){
	#popUpLayerForm{top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
}

@media(max-width:600px){
	#popUpLayerForm .pop_middle_layer img{width:100%;}	
	#popUpLayerForm{width: 80%;}
}

/* 0523 RSS 추가 */
.flow{display: flex;width: 100%;justify-content: space-between;padding: 0px;margin-top: 30px;} 
.flow li{ display: flex;width: 100%;text-align: center;flex-direction: column;position: relative;align-items: center;}
.flow li div { background: #f1f1f1;border-radius: 50%;width: 164px;height:164px;padding: 20px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;}
.flow li p{margin-top: -5px; color: #007a67;font-weight: 600;text-align: center;font-size: 18px;}
.flow li::after{content: ''; background: url(../img/content/icon_arrow01.svg) no-repeat center; position: absolute; top: 50%; transform: translateY(-50%);width: 11px;height: 29px;right: -5px;z-index: 5;}
.flow li:last-child:after{content:''; display: none;}
.flow li span{line-height:22px}
.rssmenual{padding: 5px 32px 5px 10px;font-weight: 600;background: url(../img/content/btn_rssmenual.svg) no-repeat right 10px center; display: inline-block;float: right;margin-top: -37px;border: 1px solid #4f4f4f;border-radius: 4px;background-size: 16px 16px;position: relative;z-index: 1;}
.passwordex{display: inline-block;width: 80%;line-height: 19px;vertical-align: middle;padding-left: 5px; font-size: 14px;}/* 0524 추가 */

@media(max-width:700px){
.flow{display:block ; width: 100%;justify-content: space-between;padding: 0px;margin-top: 30px;} 
.flow li div {border-radius: 11px;width: 100%;height: 78px; margin-bottom: 6px;}
.flow li::after{content: ''; display:none;}
.rssmenual{float:none;margin-top:5px;}
.passwordex{display:block;width: 100%;}/* 0524 추가 */
}

/* 국가통계 공표일정 */
.txtday {color: #127086;font-size: 16px;font-weight: 600;padding-left: 20px;}

/* 통계간행물 판매처 0727_2 추가 */
.booksale{ font-weight:normal; float:left; padding-top:35px;padding-left:20px;font-size:15px;margin-bottom: 10px;}
.booksale span{ font-weight:bold;}

/* 개인정보처리방침 css 수정 */
.privacy_policy a{color: #78DDB5 !important; text-decoration: underline !important;}