@charset "utf-8";

/** step box style **/
.wrap-step{overflow:hidden;}
[class*='step-list'],[class*='step-list'] li,[class*='step-list'] [class*='step-']{display:flex;}
[class*='step-list']{margin-top:2px}
[class*='step-list'] [class*='step-']{justify-content:center;align-items:center;padding:20px 5px}
[class*='step-list'] li{flex-direction:column;margin-top:15px;}

.step-head{position:relative;color:#fff;border-radius:8px 8px 0 0;text-align:center;background:#44537a;}
.step-head span{display:block;position:absolute;top:-17px;left:10px;width:34px;height:34px;border:2px solid #44537a;border-radius:50%;background:#fff;}
.step-head span i{margin-left:-1px;line-height:32px;color:#44537a;font-size:14px;font-weight:600;}

.step-body{flex-grow:1;border:1px solid #dfe1e7;border-radius:0 0 8px 8px;background:#f7f8f9;}
.step-body > *{line-height:20px;text-align:center;}

/** 공공데이터 오류신고+신고절차 step box style common **/
.step-list02,
.step-list03,
.step-list04{margin-left:-45px;}
.step-list02 > li,
.step-list03 > li,
.step-list04 > li{position:relative;margin-left:45px}
.step-list02 > li:not(:first-child):before,
.step-list03 > li:not(:first-child):before,
.step-list04 > li:not(:first-child):before{content:'';display:block;position:absolute;top:calc(50% - 8px);left:-31px;width:19px;height:16px;background:url(../images/ico/ico_arrow_right02.png) no-repeat 0 0;}

/** 비영리법인 현황 : step box style **/
.wrap-step.step-double{display:flex;justify-content:space-between;}
.wrap-step.step-double .step-info{display:flex;justify-content:center;align-items:center;position:relative;padding-right:20px;}
.wrap-step.step-double .step-info:before{content:'';display:block;position:absolute;top:calc(50% - 12px);right:0;width:0;height:0;margin-top:-1px;border:20px solid transparent;border-right-width:0;border-left-color:#44537a;}
.wrap-step.step-double .step-info i{height:23px;margin-top:15px;padding:3px 7px 3px 10px;line-height:17px;color:#fff;font-size:13px;font-weight:600;background:#44537a;}

.step-list01{width:calc(45% - 5px);margin-left:-5px;}
.step-list01 li{width:calc(100%/3 - 5.1px);margin-left:5px}

.step-list01 .step-head{height:65px;padding-top:22px !important;}

/** 공공기관정보 목록 **/
.wrap-group-list{padding:25px;border:1px solid #dfe1e7;background:#f7f8f9;}
.wrap-group-list ul{overflow:hidden;display:flex;flex-wrap:wrap;margin:-10px 0 0 -15px;}
.wrap-group-list li{position:relative;padding-left:10px;width:calc(100%/4 - 15.1px);margin:10px 0 0 15px}
.wrap-group-list li:before{content:'';display:block;position:absolute;top:9px;left:0;width:3px;height:3px;border-radius:50%;background:#333;}

/** 공공데이터 제공제도 안내 : 부칙영역  **/
.wrap-supplementary{margin-top:40px;}
.wrap-supplementary h4{position:relative;margin-bottom:10px;padding-left:26px;background:#fff;}
.wrap-supplementary h4 i{font-size:22px;font-weight:600;}
.wrap-supplementary h4:before,.wrap-supplementary h4:after{content:'';display:block;position:absolute;border-radius:50%;}
.wrap-supplementary h4:before{top:3px;left:0;width:15px;height:15px;background:#202124;}
.wrap-supplementary h4:after{top:10px;left:7px;width:14px;height:14px;border:2px solid #fff;background:#666;}
.wrap-supplementary .supplementary-cont{padding:20px;border:1px dotted #dedede;background:#f6f6f6;}
.wrap-supplementary .supplementary-cont *:first-child{margin-top:0;}

/** 공공데이터 이용신청 : 소관공공기관 **/
.wrap-org-group ul{overflow:hidden;display:flex;flex-wrap:wrap;margin:-15px 0 0 -15px}
.wrap-org-group li{width:calc(100%/4 - 15.1px);margin:15px 0 0 15px}
.wrap-org-group a{display:block;position:relative;height:100%;padding:11px 15px;word-break:break-all;border:1px solid rgba(0,0,0,.4);transition:border-color .3s}
.wrap-org-group a i{position:relative;}
.wrap-org-group a[target='_blank']{padding-right:45px;}
.wrap-org-group a[target='_blank']:after{content:'';display:block;position:absolute;top:13px;right:15px;width:15px;height:15px;transition:opacity .3s;background:url(../images/ico/ico_blank01.png) no-repeat 0 0;opacity:.7}

.wrap-org-group a:hover{color:#1f5ab2;border-color:#1f5ab2;}
.wrap-org-group a[target='_blank']:hover:after{background-image:url(../images/ico/ico_blank02.png);}

/** 공공데이터 오류신고 : step box style **/
.step-list02 li{width:calc(100%/4 - 45.1px);}

/** 모바일앱 **/
.wrap-mobile-app{overflow:hidden;}
.wrap-mobile-app ul,.wrap-mobile-app li,.wrap-mobile-app [class*='app-'],.wrap-mobile-app .info-cate{display:flex;flex-wrap:wrap}
.wrap-mobile-app ul{margin:-25px 0 0 -25px}
.wrap-mobile-app li{flex-direction:column;justify-content:space-between;width:calc(100%/2 - 25.1px);margin:25px 0 0 25px;border:1px solid #bbc2d7;}
.wrap-mobile-app .app-body{padding:20px;}
.wrap-mobile-app .app-body .thumb{width:130px;margin-right:25px;}
.wrap-mobile-app .app-body .thumb img{max-width:100%;}
.wrap-mobile-app .app-body div{width:calc(100% - 155px);}

.wrap-mobile-app .info-tit{display:block;margin-top:3px;margin-bottom:10px;color:#1a3d93;font-size:18px;font-weight:600;}
.wrap-mobile-app .info-cate{overflow:hidden;margin-left:-20px;}
.wrap-mobile-app .info-cate > *{position:relative;margin-top:5px;margin-left:20px;padding-left:10px;color:#333;font-size:15px;}
.wrap-mobile-app .info-cate > *:before{content:'';display:block;position:absolute;top:6px;left:0;width:5px;height:5px;border-radius:50%;background:#26396a;}
.wrap-mobile-app .info-cont{margin-top:10px;padding-top:10px;color:#55595f;font-size:14px;border-top:1px dashed #c0c4ce;}

.wrap-mobile-app .app-footer{justify-content:center;margin-top:30px;padding:20px;background:#f8f8f8;}
.wrap-mobile-app .app-footer > *{width:155px;background:#395aaf;}
.wrap-mobile-app .app-footer > *+*{margin-left:10px;}

.wrap-mobile-app .app-footer > *:hover{border-color:#1b3f9a !important;background:#1b3f9a !important;}
.wrap-mobile-app .app-footer > *:hover i{color:#fff !important;}

/** 규제입증요청 제도소개 **/
.step-regulation{padding:25px;}
.step-regulation > *,.step-regulation p{display:flex;}
.step-regulation > *{overflow:hidden;flex-wrap:wrap;margin:-10px 0 0 -20px}
.step-regulation li:before,.step-regulation p:before,.step-regulation p:after{content:'';display:block;position:absolute;}
.step-regulation li{position:relative;width:calc(100%/5 - 20.1px);margin:10px 0 0 20px;}
.step-regulation li:not(:first-child):before{top:75px;left:-20px;width:19px;height:16px;background:url(../images/ico/ico_arrow_right02.png) no-repeat 0 0;}

.step-regulation p{justify-content:center;align-items:center;position:relative;height:100%;padding-top:180px;text-align:center;}
.step-regulation p:before,.step-regulation p:after{transition:all .2s}
.step-regulation p:before{top:0;left:calc(50% - 75px);width:150px;height:150px;border-radius:50%;background:#f6f8fa;}
.step-regulation p:after{top:37px;left:calc(50% - 40px);width:80px;height:80px;background-repeat:no-repeat;}
.step-regulation p span{color:#333;font-size:18px;font-weight:500;}

.ico-reg01:after{background-image:url(../images/contents/sub/m02_03_reg_ico01.png);}
.ico-reg02:after{background-image:url(../images/contents/sub/m02_03_reg_ico02.png);}
.ico-reg03:after{background-image:url(../images/contents/sub/m02_03_reg_ico03.png);}
.ico-reg04:after{background-image:url(../images/contents/sub/m02_03_reg_ico04.png);}
.ico-reg05:after{background-image:url(../images/contents/sub/m02_03_reg_ico05.png);}

/** 국민추천 **/
.wrap-public{margin-bottom:40px;}
.wrap-public .box-type01{padding:20px;line-height:24px;}

.public-tit{position:relative;padding-top:35px;padding-left:65px;}
.public-tit em{position:absolute;left:0;width:52px;}
.public-tit em:before{content:'';display:block;position:absolute;left:0;bottom:-4px;width:52px;height:52px;border-radius:50%;background:#4c70cc;}
.public-tit em i{display:block;position:relative;margin-top:-4px;padding-right:5px;color:#fff;font-size:24px;font-weight:500;text-align:right;}
.public-tit span i{color:#121213;font-size:20px;font-weight:600;}

/** 국정과제 **/
.task-head,.task-head p{display:flex;}
.task-head{justify-content:center;align-items:center;height:215px;margin-bottom:40px;padding:40px;background:url(../images/contents/sub/task_head.png) no-repeat 50%;background-size:cover;}
.task-head p{flex-direction:column;color:#333;}
.task-head p span{font-size:25px;}
.task-head p strong{margin-top:15px;font-size:35px;}

.task-cont a,.task-cont a i{display:block;}
.task-cont a i{position:relative;padding:20px 60px 20px 0;color:#121213;font-size:20px;font-weight:700;border-bottom:1px solid #bcc6d6;}
.task-cont a i:before,.task-cont a i:after{content:'';display:block;position:absolute;}
.task-cont a i:before{top:calc(50% - 18px);right:5px;width:35px;height:35px;border:1px solid #c0c9d8;border-radius:50%;background:#fff;}
.task-cont a i:after{top:calc(50% - 7px);right:15px;width:13px;height:13px;background:url(../images/ico/ico_arrow_down02.png) no-repeat 50%;}

.task-cont div{display:none;padding:30px;border:1px solid #dfe1e7;border-top-width:0;background:#f7f8f9;}
.task-cont div h5:first-of-type{margin-top:0;}
.task-cont div ul{margin-top:5px;margin-left:10px;}

.task-cont.view div{display:block;}
.task-cont.view a i{color:#1a3d93;border-color:#365fc7;}
.task-cont.view a i:before{border-color:#4c70cc;background:#4c70cc;}
.task-cont.view a i:after{transform:scaleY(-1);background-image:url(../images/ico/ico_arrow_down01.png);}

/** 신고절차 : step box style **/
.step-list03 > li{width:calc(100%/3 - 45.1px);}
.step-list03 > li [class*='bul-type']:first-child{margin-top:0;}
.step-list03 > li [class*='bul-type'] li{margin-top:0;}
.step-list03 .step-head{font-size:18px;}
.step-list03 .step-body{align-items:flex-start;padding:15px 15px 25px}
.step-list03 .step-body > *{width:100%;text-align:left;}
.step-list03 .bul-type01 > li{color:#1943ab;font-weight:500;}
.step-list03 .bul-type01 > li+li{margin-top:10px;}
.step-list03 .bul-type02{margin:5px 0 0 !important}
.step-list03 .bul-type02,.step-list03 .bul-type02 > li{font-size:15px;}

/** 첨단기술 : step box style **/
.wrap-step.type03 .step-info,
.wrap-step.type03 .step-info2 {position:relative; text-align:center;}
.wrap-step.type03 .step-info i {display:inline-block; padding:40px 20px; color:#fff;font-size:20px;font-weight:600;background:#44537a; margin:30px 0 80px;}
.wrap-step.type03 .step-info:before{content:'';display:block; position:absolute; top:/*calc(50% - 12px)*/ 134px; left:50%; margin-left:-60px; width:0; height:0; border:63px solid transparent; border-top-color:#44537a;}
.wrap-step.type03 .step-info2 i {display:inline-block; flex-grow:1;border:1px solid #dfe1e7;border-radius:8px; font-size:20px; padding:30px 70px; background:#f7f8f9; margin-top:20px;}

.step-list04 > li{width:calc(100%/3 - 45.1px);}
.step-list04 > li [class*='bul-type']:first-child{margin-top:0;}
.step-list04 > li [class*='bul-type'] li{margin-top:0;}
/*.step-list04 .step-head{font-size:18px;}*/
.step-list04 .step-head{height:65px;padding-top:22px !important;}
.step-list04 .step-body{align-items:flex-start;padding:15px 15px 25px}
.step-list04 .step-body > *{width:100%;text-align:left;}
.step-list04 .bul-type01 > li{color:#1943ab;font-weight:500;}
.step-list04 .bul-type01 > li+li{margin-top:10px;}
.step-list04 .bul-type02{margin:5px 0 0 !important}
.step-list04 .bul-type02,.step-list04 .bul-type02 > li{font-size:15px;}

/** 분야별통계사이트 **/
.wrap-site-banner{overflow:hidden;}
.wrap-site-banner ul,.wrap-site-banner a,.wrap-site-banner [class*='site-']{display:flex;}
.wrap-site-banner ul{flex-wrap:wrap;margin:-35px 0 0 -35px;}
.wrap-site-banner li{width:calc(100%/3 - 35.1px);margin:35px 0 0 35px}
.wrap-site-banner a{height:100%;border:1px solid #dfe1e7;}
.wrap-site-banner a,.site-cont{flex-direction:column;}
.site-thumb{justify-content:center;padding:15px;}
.site-thumb i{display:block;width:100%;text-align:center;}
.site-thumb img{max-width:100%}
.site-cont{flex-grow:1;height:100%;padding:20px;background:#f7f8f9;}
.site-cont strong i{display:block;position:relative;padding-right:20px;color:#1a3d93;font-size:18px;font-weight:600;}
.site-cont strong i:before{content:'';display:block;position:absolute;top:3px;right:0;width:15px;height:15px;background:url(../images/ico/ico_blank02.png) no-repeat 50%;}
.site-cont span{margin-top:15px;line-height:20px;color:#333;font-size:15px;}

.wrap-site-banner a:hover,.wrap-site-banner a:focus{border-color:#4c70cc;}
.wrap-site-banner a:hover .site-cont,.wrap-site-banner a:focus .site-cont{background:#4c70cc;}
.wrap-site-banner a:hover .site-cont *,.wrap-site-banner a:focus .site-cont *{color:#fff;}
.wrap-site-banner a:hover .site-cont strong i:before,.wrap-site-banner a:focus .site-cont strong i:before{background-image:url(../images/ico/ico_blank03.png);}

/** 목표 및 추진경과 **/
/** 추진방향 **/
.wrap-direction,.wrap-direction > [class*='direction-'],.wrap-direction > [class*='direction-'] > *{display:flex;}

.wrap-direction{flex-direction:column;justify-content:space-between;align-items:center;margin-top:40px;background:url(../images/bullet/bul_arrow01.png) no-repeat 50% 49%;}
.wrap-direction > [class*='direction-']{overflow:hidden;width:100%;max-width:775px;border:1px solid #dbdbdb;border-radius:10px;background:#f6f8fa;}
.wrap-direction > [class*='direction-'] > *{position:relative;padding:25px;}

.wrap-direction h5:before,.wrap-direction h5 i:before{content:'';display:block;position:absolute;}
.wrap-direction h5{justify-content:center;align-items:center;width:180px;}
.wrap-direction h5:before{top:-200%;right:0;width:60px;height:400%;transform:rotate(-20deg);background:#f60;}

.wrap-direction h5 i{position:relative;padding-top:85px;color:#fff;font-size:19px;}
.wrap-direction h5 i:before{top:-5px;left:calc(50% - 40px);width:80px;height:80px;background:no-repeat 50%;}

.wrap-direction h5+*{flex-direction:column;justify-content:center;width:calc(100% - 180px);padding-left:100px !important;}

.direction-01 h5{background:#44537a;}
.direction-01 h5:before{right:-57px;transform:rotate(200deg);background:#44537a;}
.direction-01 h5 i:before{background:url(../images/contents/sub/m04_direction_ico01.png);}
.direction-01 .direction-cont *{line-height:34px;font-size:24px;font-weight:600;}

.direction-02{margin-top:90px;}
.direction-02 h5{background:#3a549c;}
.direction-02 h5:before{background:#3a549c;}
.direction-02 h5 i:before{background:url(../images/contents/sub/m04_direction_ico02.png);}
.direction-02 .direction-cont li{font-size:20px;font-weight:500;}
.direction-02 .direction-cont li+li{margin-top:10px;}

/** 규제개혁 **/
.wrap-reform,.wrap-reform li,.wrap-reform [class*='reform-']{display:flex;flex-wrap:wrap;}
.wrap-reform{overflow:hidden;margin:-20px 0 0 -20px}
.wrap-reform li{justify-content:space-between;flex-wrap:wrap;width:calc(100%/2 - 20px);margin:20px 0 0 20px;border:1px solid #dfe1e7;}
.wrap-reform [class*='reform-']{justify-content:center;align-items:center;width:100%;padding:25px 10px}
.reform-cont{flex-grow:1;height:calc(100% - 88px);}
.reform-cont *{max-width:100%;line-height:28px;color:#333;font-size:19px;font-weight:600;letter-spacing:-1px;text-align:center;}
.reform-footer{background:#f7f8f9;}

/** 인사말 **/
.greeting-head{margin-bottom:25px;padding:40px;background:#eef3ff;}
.greeting-head p{line-height:30px;font-size:19px;}
.greeting-head .head-tit{margin-bottom:15px;color:#2b4e89;font-size:30px;}

.greeting-body{position:relative;padding:45px;background:url(../images/contents/sub/m06_0101_greeting_body.png) no-repeat 100% 100%;}
.greeting-body:before{content:'';display:block;position:absolute;top:0;left:0;width:80px;height:80px;border:0 solid #edf1f9;border-width:25px 0 0 25px;}
.greeting-body p{line-height:27px;font-size:17px;}
.greeting-body p+*{margin-top:35px;}

.greeting-btn{text-align:right;}
.greeting-btn *{line-height:29px;}
.greeting-btn *+*{margin-left:10px;}

/** 연혁 **/
.history-cont,.history-cont li{display:flex;}
.history-cont,.history-cont > *{position:relative;}
.history-cont+.history-cont{margin-top:35px;}
.history-cont{padding:35px 0 35px 40px}
.history-cont:before{content:'';display:block;position:absolute;top:0;left:0;width:280px;height:100%;border-radius:10px;background:linear-gradient(0deg, rgba(237,243,255,1) 0%, rgba(233,248,255,1) 100%);}
.history-cont em{width:200px}
.history-cont em i{color:#202124;font-size:26px;font-weight:500;}
.history-cont ul{width:calc(100% - 200px);margin-top:-3px;}
.history-cont li+li{margin-top:40px;}
.history-cont strong{width:80px;color:#1b4ac3;font-size:30px;font-weight:400;}
.history-cont strong+p{width:calc(100% - 80px);padding:7px 0 0 20px;line-height:24px;color:#333;font-size:17px;}

/** 미션 **/
.wrap-mission h4{text-align:center;color:#6f7178;font-size:26px;}
.wrap-mission h4 i{position:relative;}
.wrap-mission h4 i+i{margin-left:35px;padding-left:35px;}
.wrap-mission h4 i:not(:first-child):before{content:'';display:block;position:absolute;top:calc(50% - 2px);left:0;width:4px;height:4px;border-radius:50%;background:#bfc4cf;}
.wrap-mission h5{color:#1a3d93;font-size:22px;font-weight:600;}

.wrap-mission [class*='mission-']{position:relative;width:calc(100% - 50px);margin-top:50px;margin-left:50px;padding:40px 30px 40px 180px;border-radius:10px;background:#f6f8fa;}
.wrap-mission [class*='mission-']:before,.wrap-mission [class*='mission-']:after{content:'';display:block;position:absolute;top:-20px;left:-50px;width:180px;height:150px;background:no-repeat 50%;}
.wrap-mission [class*='mission-']:before{border-radius:10px 10px 50px 10px;background:linear-gradient(315deg, rgba(113,107,191,1) 0%, rgba(76,112,204,1) 100%)}

.mission-01:after{background-image:url(../images/contents/sub/m06_0103_icon01.png) !important;}
.mission-02:after{background-image:url(../images/contents/sub/m06_0103_icon02.png) !important;}
.mission-03:after{background-image:url(../images/contents/sub/m06_0103_icon03.png) !important;}
.mission-04:after{background-image:url(../images/contents/sub/m06_0103_icon04.png) !important;}

/** 상징(MI소개) **/
.symbol-down{margin-top:15px;text-align:center;}
.symbol-down .button{line-height:35px;}

.symbol-color,.symbol-color li,.symbol-color li > *{display:flex;}
.symbol-color li{flex-direction:column;align-items:center;width:calc(100%/4 + 1px - 0.1px);margin-right:-1px;border:1px solid #dfe1e7;}
.symbol-color li:last-child{width:calc(100%/4 - 0.1px);margin-right:0;}
.symbol-color li > *{justify-content:center;align-items:center;padding:20px;}
.symbol-color span{width:calc(100% - 60px);max-width:180px;margin:30px;}
.symbol-color span i{font-size:18px;font-weight:600;}
.symbol-color span:not([class*='bg-']){box-shadow:0 1px 5px #666}
.symbol-color span[class*='bg-'] i {color:#fff;}
.symbol-color .bg-blue{background:#053862;}
.symbol-color .bg-red{background:#e40e34;}
.symbol-color .bg-gray{background:#666;}
.symbol-color p{width:100%;color:#333;background:#f7f8f9;}

.symbol-style{margin-top:10px;}
.symbol-style li,.symbol-style li > *{display:flex;}
.symbol-style li{padding-left:0;border:1px solid #dfe1e7;}
.symbol-style li:before{display:none;}
.symbol-style li em{justify-content:center;align-items:center;width:220px;background:#f7f8f9;}
.symbol-style li div{justify-content:space-between;width:calc(100% - 220px);padding:30px 50px;}
.symbol-style li div > *{width:48%;}
.symbol-style li div img{max-width:100%;}

/** 장·차관 소개 **/
.wrap-person .person-school > div:not(.thumb),.wrap-person .person-career{padding:40px 50px;background:#f7f8f9;}

.wrap-person h4{margin-bottom:30px;color:#1a3d93;font-size:24px;font-weight:600;}
.wrap-person li{position:relative;padding-left:70px;line-height:20px;color:#333;font-size:16px;}
.wrap-person li em{position:absolute;left:0;}
.wrap-person li em i{color:#1b4ac3;font-size:18px;font-weight:500;font-variant-numeric:tabular-nums;-moz-font-feature-settings:"tnum";font-feature-settings:"tnum";letter-spacing:-1px;}
.wrap-person li+li{margin-top:20px;}

.person-school,.person-school .thumb,.person-school .thumb p{display:flex;}
.person-school{border:1px solid #dfe1e7;}
.person-school .thumb{align-items:flex-end;width:390px;padding:25px 45px 45px;background:#fff;}
.person-school .thumb i{padding:15px 38px 0;background:url(../images/contents/sub/m06_0201_person.png) no-repeat 50% 0;}
.person-school .thumb p{flex-direction:column;}
.person-school .thumb p strong{color:#333;font-size:17px;}
.person-school .thumb p span{margin-top:5px;line-height:17px;color:#55595f;font-size:15px;}

.person-school > div:not(.thumb){flex:1;}

.person-career{margin-top:35px;}
.person-career li{padding-left:160px;}

/** 일정 **/
.wrap-schedule{display:flex;padding-top:30px;}

/** 일정달력 **/
.schedule-calendar{position:relative;min-width:320px;width:60%;max-width:440px;}
.calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}

.calendar-head [class*='move-']{width:40px;height:40px;line-height:0;font-size:0;border-radius:50%;background:#9ba3ad url(../images/bullet/bul-arrow03.png) no-repeat 50%;}
.calendar-head .move-prev{transform:scaleX(-1)}
.calendar-head [class*='move-']:hover{background-color:#36445b;}
.calendar-head .select-day{display:flex;justify-content:center;margin:0 15px;}
.calendar-head .select-day *+*{margin-left:4px;}
.calendar-head select,.calendar-head button:not([class*='move']){line-height:34px;border-radius:3px;}
.calendar-head select{min-width:60px;padding-left:5px;border-color:#cbcdd5;background:#fff}
.calendar-head button:not([class*='move']){padding:0 10px;background:#0c3975;}
.calendar-head button:not([class*='move']) i{display:inline-block;padding-left:17px;color:#fff;font-size:14px;background:url(../images/ico/ico_magnifier_white.png) no-repeat 0 50%;}
.calendar-head button:not([class*='move']):hover{background:#062e62;}

.calendar-cont{padding:10px;border:1px solid #bbc2d7;border-radius:10px;}
.calendar-cont table{table-layout:inherit}
.calendar-cont thead{overflow:hidden;border-radius:10px}
.calendar-cont thead th{padding:10px;line-height:30px;color:#fff;font-size:15px;background:#36445b;}
.calendar-cont thead th:first-of-type{border-radius:8px 0 0 8px}
.calendar-cont thead th:last-of-type{border-radius:0 8px 8px 0}
.calendar-cont tbody td{padding:5px;}
.calendar-cont tbody td span{display:flex;justify-content:center;align-items:center;padding:5px;}
.calendar-cont tbody td:last-of-type,.calendar-cont tbody td:last-of-type *{color:#2b4e89 !important;}
.calendar-cont tbody td:first-of-type,.calendar-cont tbody td:first-of-type *{color:#9b1515 !important;}

.calendar-cont a i{position:relative;}
.calendar-cont a i:before{content:'';display:block;position:absolute;top:-3px;left:-3px;width:4px;height:4px;border-radius:50%;background:#4c70cc;}

.calendar-cont [class*='pick-']{position:relative;}
.calendar-cont [class*='pick-']:after{content:'';display:block;position:absolute;border:0 solid #4c70cc;z-index:0;}
.calendar-cont [class*='pick-'] > *{position:relative;text-align:center;z-index:1;}
.calendar-cont [class*='pick-'] *{font-weight:600;}

.calendar-cont .pick-day a i:before{display:none;}
.calendar-cont .pick-day:after{top:calc(50% - 19px);left:calc(50% - 19px);width:38px;height:38px;border-width:2px;border-radius:50%;}
.calendar-cont .pick-week:after{left:0;width:100%;height:100%;max-height:39px;border-width:3px;border-radius:20px;background:transparent;z-index:0;}

.calendar-cont .today,.calendar-cont .today > *{position:relative;}
/* 20250103 choi
.calendar-cont .today:before{content:'';display:block;position:absolute;top:calc(50% - 16px);left:calc(50% - 16px);width:32px;height:32px;border-radius:50%;background:#e3f6ff;z-index:0;} */
.calendar-cont .today:before{content:'';display:block;position:absolute;top:calc(50% - 16px);left:calc(50% - 16px);width:32px;height:32px;border-radius:50%;background:#e3f6ff;z-index:0; outline:3px solid #4c70cc;}

/** 일정목록 **/
.schedule-cont{flex-grow:1;width:100%;padding-top:30px;padding-left:50px;}
.schedule-cont h4{margin:40px 0 10px;color:#1b4ac3;font-size:18px;}
.schedule-cont h4:first-of-type{margin-top:0;}

/** 본부 : 조직도 **/
.wrap-org{position:relative;}
.org-down{position:absolute;top:0;right:0;z-index:2;}

.org-rank01:after,.rank01-sub li:after,.rank02:after,.rank02-sub a:after{content:'';display:block;position:absolute;background:#cfcece;z-index:0;}
[class*='org-rank'] a:hover{text-decoration:underline;}

/** 장관 **/
.org-rank01{position:relative;padding-bottom:50px;}
.org-rank01:after{top:0;left:50%;width:1px;height:100%;}

.rank01{display:block;position:relative;width:100%;margin-bottom:50px;text-align:center;z-index:2;}
.rank01 a{display:inline-block;width:30%;padding:18px 0;color:#fff;font-size:19px;font-weight:600;text-align:center;background:#2b4e89;}
/** 장관소속부서 **/
.rank01-sub{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;left:calc(50% + 50px);width:calc(50% - 50px);max-width:260px;}
.rank01-sub li{display:flex;position:relative;width:100%;}
.rank01-sub li:after{top:50%;left:-50px;width:50px;height:1px;}
.rank01-sub li a{width:115px;padding:14px;color:#666;font-size:16px;text-align:center;border:1px solid #c0cbda;background:#ecf2fb;}
.rank01-sub li+li{margin-top:12px;}
.rank01-sub02{width:calc(100% - 110px);}
.rank01-sub02 li:after{content:none;}
.rank01-sub02 li a{width:100% !important;margin-left:5px;color:#666;font-size:15px;border-color:#cfcfcf;background:#fff;}

/** 차관, 통상교섭본부장 **/
.org-rank02{overflow:hidden;display:flex;margin-left:-30px}
.org-rank02 > li{position:relative;width:calc(100%/2 - 30px);margin-left:30px}
.org-rank02 [class*='type-'] .rank02 > a{display:block;position:relative;padding:15px;color:#fff;font-size:19px;text-align:center;z-index:2;}

.org-rank02 [class*='part-']{display:block;position:relative;width:100%;}
.org-rank02 [class*='part-'] > a{display:block;padding:13px;line-height:22px;color:#181543;font-size:17px;font-weight:500;text-align:center;}

.org-rank02 .part-02{border:1px solid #e5e5e5;background:#f7f7f7;}
.org-rank02 .part-03{border:2px solid #315faa;background:#fff;}

.rank02{position:relative;padding-bottom:100px;}
.rank02:after{top:0;left:50%;width:1px;height:100%;}

/** 차관, 통상교섭본부장 소속부서 **/
.rank02-sub{position:absolute;top:50%;right:0;width:50%}
.rank02-sub a{display:inline-block;position:relative;width:calc(100% - 45px);margin-left:45px;padding:12px 8px;color:#333;font-size:16px;text-align:center;border:1px solid #b7b3e9;background:#fff;}
.rank02-sub a:after{top:50%;left:-45px;width:45px;height:1px;}

/** type별 bg style **/
.org-rank02 .type-01 .rank02 > a{background:#716bbf;}
.org-rank02 .type-01 .part-01{background:#d4d0ef;}

.org-rank02 .type-02 .rank02 > a{background:#4c70cc;}
.org-rank02 .type-02 .part-01{background:#afbfe9;}

.org-rank02 .type-03 .rank02 > a{background:#315faa;}
.org-rank02 .type-03 .part-01{background:#9ec2fb;}

/** 부서 과목록 **/
.part-list{ padding:15px;border:1px solid #e5e5e5;background:#fff;}
.part-list li{position:relative;padding-left:12px;}
.part-list li:before{content:'';display:block;position:absolute;top:8px;left:0;width:5px;height:5px;border-radius:50%;background:#97a6c3;}
.part-list li+li{margin-top:6px !important;}
.part-list li a{color:#333;font-size:15px;}
.part-list li a:hover,.part-list li a:focus{text-decoration:underline;}

.org-rank02  [class*='part-']+*{margin-top:12px;}
.org-rank02  .part-02+.part-list{margin-top:-1px;}

.org-rank02 > li li+li{margin-top:50px;}
.org-rank02 > li li li+li{margin-top:12px;}

/** 소속기관 : 조직도 **/
.wrap-office{overflow:hidden;}
.wrap-office h4 a,.wrap-office h5 a,.wrap-office h6 a{display:flex;justify-content:center;align-items:center;position:relative;}
.wrap-office h4 a:before,.wrap-office h5 a:before,.wrap-office h6 a:before{content:'';display:block;position:absolute;top:0;left:0;width:0;height:100%;transition:width .3s;background:rgba(0,0,0,.05);}
.wrap-office h4 a i,.wrap-office h5 a i,.wrap-office h6 a i{position:relative;line-height:20px;padding:0 10px;}
.wrap-office h4 a i{font-size:19px;}
.wrap-office h4 a i,.wrap-office h5 a i{color:#fff;}
.wrap-office h5 a i,.wrap-office h6 a i{font-size:17px;}
.wrap-office h4 a{padding-top:21px;padding-bottom:21px;background:#2b4e89;}
.wrap-office h5 a{padding-top:17px;padding-bottom:17px;background:#4c70cc;}
.wrap-office h6 a{padding-top:14px;padding-bottom:14px;border:1px solid #e5e5e5;background:#f7f7f7;}

.wrap-office h4 a:hover:before,.wrap-office h5 a:hover:before,.wrap-office h6 a:hover:before{width:100%;}

.wrap-office ul{margin-bottom:40px;padding:15px 20px;border:1px solid #e5e5e5;}
.wrap-office li{position:relative;padding-left:10px;}
.wrap-office li:before{content:'';display:block;position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:#97a6c3;}
.wrap-office li+li{margin-top:5px;}
.wrap-office li a i{font-size:15px;}
.wrap-office li a:hover,.wrap-office li a:focus{text-decoration:underline;}

.wrap-office h5+h5{margin-top:12px;}
.wrap-office h5+ul,.wrap-office h5+h6,.wrap-office h6+h6{margin-top:6px;}
.wrap-office h6+ul{margin-top:-1px;}

.office-cont{display:flex;flex-wrap:wrap;padding-top:20px;margin-top:-40px;margin-left:-40px;}
.office-cont > div{width:calc(100%/4 - 40.1px);margin-top:40px;margin-left:40px;}

/** 관련사이트 **/
.wrap-relate{margin:20px 0;}
.wrap-relate ul,.wrap-relate li,.wrap-relate li a{position:relative;}
.wrap-relate ul,.wrap-relate li a{display:flex;flex-wrap:wrap;}
.wrap-relate li{width:calc(100%/3 + 1px - 0.1px);margin-top:-1px;margin-right:-1px;}
.wrap-relate:not([class*='item-']) li:nth-child(3n){width:calc(100%/3);margin-right:0;}
.wrap-relate li:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
.wrap-relate li a{align-items:center;justify-content:center;min-height:105px;height:100%;padding:17px 20px;line-height:20px;color:#202124;font-size:17px;text-align:center;border:1px solid #e5e5e5;}
.wrap-relate li a i{overflow:hidden;}
.wrap-relate li a img{max-width:100%}

.wrap-relate li a:hover:before{content:'';display:block;position:absolute;top:-1px;left:-1px;width:calc(100% + 1px);height:calc(100% + 1px);border:1px solid #2b4e89;box-shadow:0 0 5px #ddd}
.wrap-relate:not([class*='item-']) li:nth-child(3n) a:hover:before{width:calc(100% + 2px)}

/** 이용안내 **/
.wrap-guide-service,.wrap-guide-service li{display:flex;}
.wrap-guide-service{overflow:hidden;margin:-20px 0 0 -15px;padding-top:20px;}
.wrap-guide-service li{flex-direction:column;align-items:center;width:calc(100%/3 - 15.1px);margin:15px 0 0 15px;padding:35px 15px;border:1px solid #cdd8ea;border-radius:10px;background:#fff;}
.wrap-guide-service li strong{position:relative;padding-top:115px;padding-bottom:15px;color:#2b4e89;font-size:22px;}
.wrap-guide-service li strong:before{content:'';display:block;position:absolute;top:0;left:calc(50% - 48px);width:95px;height:95px;background:no-repeat 50%;background-size:contain;}
.wrap-guide-service li p{line-height:25px;font-size:15px;text-align:center;}
.wrap-guide-service .ico-01:before{background-image:url(../images/contents/sub/m06_0901_ico01.png);}
.wrap-guide-service .ico-02:before{background-image:url(../images/contents/sub/m06_0901_ico02.png);}
.wrap-guide-service .ico-03:before{background-image:url(../images/contents/sub/m06_0901_ico03.png);}

/** 장애인 이용안내 **/
.wrap-guide-video{display:flex;margin-top:25px !important;padding:20px;border:1px solid #ccd7ea;border-radius:10px;background:#fff;}
.video-area{position:relative;width:300px;height:0;padding-bottom:200px;}
.video-area iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
.video-desc{width:calc(100% - 300px);padding-left:45px;}
.video-desc li{line-height:28px;}
.video-desc li:before{top:11px}
.video-desc li+li{margin-top:25px;}

/** 개인정보처리방침 **/
.wrap-private .private-head{margin-bottom:20px;padding:15px;color:#fff;font-size:24px;background:#1a3d93;}
.wrap-private .private-tit{display:flex;margin:35px 0 10px;color:#121213;font-size:22px;font-weight:600;}
.wrap-private .private-tit span{line-height:27px;}
.wrap-private .private-tit > *+*{margin-left:10px;}
.wrap-private .private-tit .ico-cont{height:27px;}
.wrap-private .private-tit img{display:inline-block;width:27px;height:27px;margin-top:-3px;}
.wrap-private .private-tit img+img{margin-left:3px;}

.wrap-private .tip-ico-blank02:before{top:5px}

.private-box{position:relative;margin-bottom:50px;padding:30px;border:1px solid #dfe1e7;background:#f7f8f9;}
.private-box:before{content:'';display:block;position:absolute;top:-2px;left:-1px;width:25%;height:2px;background:#163466;}
.private-box,.private-box > *{line-height:22px;}

.private-nav-tit{display:block;margin-bottom:15px;padding-bottom:15px;color:#1a3d93;font-size:20px;text-align:center;border-bottom:2px solid #1a3d93;}
.private-nav ul{overflow:hidden;display:flex;flex-wrap:wrap;margin:-5px 0 0 -30px;}
.private-nav li{width:calc(100%/3 - 30.1px);margin:20px 0 0 30px;}
.private-nav li a{display:flex;flex-direction:column;align-items:center;position:relative;height:100%;padding:155px 15px 20px;border:1px solid #dfe1e7;transition:all .3s;background:#f7f8f9;}
.private-nav li a:before,.private-nav li a:after{content:'';display:block;position:absolute;}
.private-nav li a:before{top:0;left:0;width:100%;height:130px;background:#fff;}
.private-nav li a:after{top:25px;left:calc(50% - 40px);width:79px;height:78px;background:no-repeat 50%;background-size:contain;}
.private-nav li a strong,.private-nav li a span{width:100%;text-align:center;}
.private-nav li a strong{color:#1a3d93;font-size:20px;}
.private-nav li a span{margin-top:15px;line-height:22px;font-size:15px;}

.private-nav .ico-01:after{background-image:url(../images/contents/sub/m06_0903_private_ico01.png);}/** 개인정보 **/
.private-nav .ico-02:after{background-image:url(../images/contents/sub/m06_0903_private_ico02.png);}/** 정보주체의 권리의무 **/
.private-nav .ico-03:after{background-image:url(../images/contents/sub/m06_0903_private_ico03.png);}/** 안전성 확보조치 **/
.private-nav .ico-04:after{background-image:url(../images/contents/sub/m06_0903_private_ico04.png);}/** 권익침해 구제 **/
.private-nav .ico-05:after{background-image:url(../images/contents/sub/m06_0903_private_ico05.png);}/** 고충처리부서 **/
.private-nav .ico-06:after{background-image:url(../images/contents/sub/m06_0903_private_ico06.png);}/** 처리방침변경 **/
.private-nav .ico-07:after{background-image:url(../images/contents/sub/m06_0903_private_ico07.png);}/** 개인정보보호책임자 **/
.private-nav .ico-08:after{background-image:url(../images/contents/sub/m06_0903_private_ico08.png);}/** 파기 **/

.private-nav li a:hover{border-color:#1a3d93;background:#1a3d93;}
.private-nav li a:hover strong,.private-nav li a:hover span{color:#fff;}

.private-list{border:1px solid #bbc2d7;}
.private-list ul{overflow:hidden;display:flex;flex-wrap:wrap;margin:-15px 0 0 -15px;padding:25px 35px;}
.private-list li{position:relative;width:calc(100%/2 - 15.1px);margin:15px 0 0 15px;padding-left:12px;}
.private-list li:before{content:'';display:block;position:absolute;top:8px;left:0;width:5px;height:5px;border-radius:50%;background:#26396a;}
.private-list a:hover{color:#1943ab;text-decoration:underline;}

/** 홈페이지 개선의견 수렴 **/
.login-button{display:flex;margin-top:25px !important;}
.login-button .button+*{margin-left:5px;}
.login-button .button{position:relative;padding-right:35px;padding-left:35px;}
.login-button .button:before{content:'';display:block;position:absolute;top:0;left:0;width:0;height:100%;transition:width .3s linear;}

.login-button .button span{position:absolute;line-height:0;font-size:0;text-indent:-9999px;}
.login-button .button i{line-height:32px;font-size:17px;font-weight:600;}
.login-button .button[class*='ico-'] i{padding-right:10px;padding-left:40px;}
.login-button .button[class*='ico-'] i:before{top:calc(50% - 13px);left:0;width:25px;height:25px;background-position:50%;}

.login-button .ico-naver,.login-button .ico-naver:hover,.login-button .ico-naver:focus{border-color:#06be34 !important;background:#06be34 !important;}
.login-button .ico-kakao,.login-button .ico-kakao:hover,.login-button .ico-kakao:focus{border-color:#ffe600 !important;background:#ffe600 !important;}

.login-button .ico-naver:hover i,.login-button .ico-naver:hover i{color:#fff !important;}
.login-button .ico-kakao i,.login-button .ico-kakao:hover i,.login-button .ico-kakao:hover i{color:#392020 !important;}

.login-button .ico-naver i:before{background-image:url(../images/ico/ico_naver.png);}
.login-button .ico-kakao i:before{background-image:url(../images/ico/ico_kakao.png);}

.login-button .button:hover:before{width:100%;background:rgba(0,0,0,.02);}

/** 사이트맵 **/
.wrap-sitemap{overflow:hidden;display:flex;flex-wrap:wrap;margin:-70px 0 0 -40px !important}
.wrap-sitemap > div{width:calc(100%/4 - 40.1px);margin:70px 0 0 40px}
.sitemap-tit{display:flex;justify-content:center;align-items:center;padding:15px 10px;border:0 solid #2b4e89;border-width:1px 0 2px;}
.sitemap-tit i{color:#0e2c5c;font-size:22px;font-weight:600;}

.sitemap-list a[target="_blank"]{display:inline-block;padding-right:25px;}
.sitemap-list a[target="_blank"]:after{content:'';display:block;position:absolute;top:2px;right:0;width:17px;height:17px;background:url(../images/ico/ico_blank01.png) no-repeat 0 0;}
.sitemap-list a[target="_blank"]:hover:after{background-image:url(../images/ico/ico_blank02.png);}

.sitemap-list > li > a,.sitemap-list > li > a:before{transition:all .3s;}
.sitemap-list > li > a{display:block !important;position:relative;padding:15px 10px;border-bottom:1px solid #cedae7;}
.sitemap-list > li > a i{color:#202124;font-size:17px;font-weight:600;}
.sitemap-list > li > a[target="_blank"]:after{top:18px;}

.sitemap-list > li > a:hover{border-bottom-color:#0f408f;}
.sitemap-list > li > a:hover i{color:#0f408f;}

.sitemap-list > li > ul{padding:15px;border-bottom:1px dashed #dfe6ec;background:#f6f8fa;}
.sitemap-list > li > ul li+li{margin-top:5px;}
.sitemap-list > li > ul li a{position:relative;padding-left:12px;color:#202124;font-size:15px;}
.sitemap-list > li > ul li a:before{content:'';display:block;position:absolute;top:8px;left:0;width:6px;height:1px;background:#202124;}
.sitemap-list > li > ul li a:hover{color:#1c4ab3;text-decoration:underline;}
.sitemap-list > li > ul li a:hover:before{background:#1c4ab3;}

/** 공공누리 유형 **/
.kogl_box {padding:20px; border:1px solid #bcc6d6;}
.kogl_box span {padding-left:20px;}

/** 국민과 만드는 산업정책 - 진행중 정책 **/
.ongoing-box{display:block;position:relative;padding:21px 30px 25px;border:6px solid #d9e6ff;background-image:url(../images/contents/sub/policy_bg_b.png);background-repeat:no-repeat;background-position:right center;}
.ongoing-box:not(.no-data){background-size:111px auto;}
.ongoing-box:not(.no-data):after{content:'';position:absolute;top:50%;right:57px;width:53px;height:53px;border-radius:50%;transform:translateY(-50%);transition:all .3s;background:#2a51ba url(../images/ico/ico_more.png) no-repeat center;}
.ongoing-box + .ongoing-box{margin-top:17px;}
.ongoing-box .tit{display:block;color:#0f2a67;font-weight:700;word-break:keep-all;}
.ongoing-box:not(.no-data) .tit{overflow:hidden;max-width:calc(100% - 150px);font-size:26px;text-overflow:ellipsis;white-space:nowrap;}
.ongoing-box .date{display:block;position:relative;margin-top:20px;padding-left:35px;color:#375293;font-size:17px;font-weight:600;}
.ongoing-box .date:before{content:'';position:absolute;top:-3px;left:0;width:28px;height:28px;border-radius:50%;background:#e7f0ff url(../images/ico/ico_cal.png) no-repeat center;}
.ongoing-box .date b{margin-left:10px;font-weight:700;}

.ongoing-box:not(.no-data):hover:after{background-color:#0f2a67;}
.ongoing-box:not(.no-data):hover .tit{text-decoration:underline;}

/** 국민과 만드는 산업정책 - 진행중 정책 없을 경우 **/
.ongoing-box.no-data{display:flex;align-items:center;justify-content:center;height:308px;background-image:url(../images/contents/sub/policy_bg_b.png) ,url(../images/contents/sub/policy_bg.png);background-position:right top, right 10px bottom;}
.ongoing-box.no-data .tit{font-size:34px;}


/** 국민과 만드는 산업정책 - 의견쓰기 **/
.collect-opinions .opitions-head{border:1px solid #bbc2d7;border-top:2px solid #425574;}
.collect-opinions .opitions-head > *{display:block;}
.collect-opinions .opitions-head > strong{position:relative;padding:23px 80px 25px;color:#1a3d93;font-size:28px;font-weight:600;text-align:center;}
.collect-opinions [class*='flag']{position:absolute;top:-2px;left:-1px;padding:12px 22px;color:#fff;font-size:17px;font-weight:500;text-align:center;background:#697083;}
.collect-opinions .status-flag{background:#de1c42;}
.collect-opinions .opitions-date{display:flex;justify-content:center;padding:17px 15px;background:#f7f8f9;}
.collect-opinions .opitions-date > *{display:block;font-size:18px;}
.collect-opinions .opitions-date span{color:#1c3e75;font-weight:600;}
.collect-opinions .opitions-date b{position:relative;margin-left:50px;color:#333;font-weight:700;}
.collect-opinions .opitions-date b:before{content:'';position:absolute;top:4px;left:-25px;width:1px;height:13px;background:#9aa5b6;}
.collect-opinions .opitions-body{position:relative;margin-top:15px;padding:38px 31px;border:1px solid #dfe1e7;}
.collect-opinions .opitions-body:before{content:'';position:absolute;top:-1px;left:-1px;width:185px;height:2px;background:#163466;}
.collect-opinions .opitions-body .tit{display:block;margin-bottom:10px;color:#1a3d93;font-weight:600;}
.collect-opinions .opitions-body .txt{font-size:17px;color:#333;font-weight:500;line-height:1.5rem;}
.collect-opinions .opitions-body p{word-break: keep-all;word-wrap:break-word;line-height:160%;}
.collect-opinions .opitions-body p:not(.txt)+p{margin-top:25px;}
.collect-opinions .opitions-body .wrap-button .button{min-width:250px;}
.collect-opinions .info-down{margin:40px 0 35px;padding:24px;background:#f7f8f9;}
.collect-opinions .info-down b{display:block;margin:0 0 10px;color:#1c3e75;font-weight:700;}
.collect-opinions .file-list li+li{margin-top:10px;}
.collect-opinions .file-list li *{display:inline-block;vertical-align:middle;}
.collect-opinions .file-list span{position:relative;padding-left:25px;color:#333;font-weight:500;}
.collect-opinions .file-list i{position:absolute;top:-1px;left:0;}
.collect-opinions .file-list a:hover{text-decoration:underline;}

/** 국민과 만드는 산업정책 - 의견게시판 **/
.collect-opinions+.board-top{margin-top:50px;}
.opinions-tbl thead > tr > *[rowspan],
.opinions-tbl thead > tr:last-child > *{background:none;}
.opinion-tit.active{background:#f7f7f7;}
.opinion-cont{height:auto !important;padding:0 !important;border-bottom:0 !important;box-shadow:0 3px #f0f3f6;}
.opinion-cont td{padding:0 !important;border-top:0;}
.opinion-cont .collect-opinions{display:none;color:#333;font-size:15px;font-weight:500;text-align:left;border:1px solid #bfcdf1;border-top:1px solid #3f60c3;background:#fff;}
.opinion-cont .opinions-body{padding:25px 23px 20px;}
.opinion-cont .opinions-body b{color:#1a3d93;font-weight:600;}
.opinions-tbl .opinions-body p:first-of-type:not([class*='bul-type']){margin-top:15px;}
.opinion-cont .opinions-body p{line-height:1.6rem;}
.opinion-cont .opinions-body p{white-space: pre-wrap;}
.opinion-cont .opinions-foot{display:flex;align-items:center;padding:11px 27px;background:#f8f9fd;}
.opinion-cont .opinions-foot .privacy-list{justify-content:flex-start;width:auto;margin-right:8px;}
.opinion-cont .opinions-foot .privacy-list li+li{margin:0 0 0 18px;}
.opinion-cont .opinions-foot input[type='text']{height:35px;padding-left:10px;}
.opinions-tbl .opinion-cont .opinions-foot .button{height:35px;line-height:35px;}
.opinion-cont .opinions-foot .button-wrap{display:flex;}
.opinion-cont .opinions-foot .button-wrap:only-child{margin:0 0 0 auto;}
.opinions-tbl .opinions-foot .button{margin:0;border-radius:3px;}
.opinion-cont .opinions-foot .button+.button{margin-left:5px;}
.opinion-tit a.opinion-blind{pointer-events:none;cursor:default;}		

/** 국민과 만드는 산업정책 - 의견등록 **/
.collect-opinions .collect-tit{display:block;padding:20px 0 25px;color:#1a3d93;font-size:28px;font-weight:600;text-align:center;border-top:2px solid #425574;}
.collect-opinions input[type='text'],.collect-opinions textarea{width:100%;margin:0;color:#333;border:1px solid #cbcdd5;border-radius:3px;background:#fff;}
.collect-opinions input[type='text']::placeholder,.collect-opinions textarea::placeholder{color:#767676;}
.collect-opinions input[type='text']{height:40px;padding-left:15px;}
.collect-opinions input[type='text']:disabled{color:#696969;background:#eaeaea;}
.collect-opinions textarea{height:360px;padding:15px;resize:none;}
.collect-opinions .box-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;}
.collect-opinions .box-footer label{display:inline-block;margin-left:5px;color:#2e3035;font-size:15px;font-weight:500;vertical-align:middle;}
.collect-opinions .box-footer label+input{margin-left:20px;}
.collect-opinions .box-footer span{color:#555;font-size:15px;font-weight:500;}
.collect-opinions .box-footer span i{font-weight:500;}
.collect-opinions .wrap-private *{display:inline-block;vertical-align:middle;}
.collect-opinions .wrap-private b{position:relative;margin-right:20px;padding-left:20px;color:#1a3d93;font-weight:600;}
.collect-opinions .wrap-private b:before{content:'';position:absolute;top:1px;left:0;width:13px;height:16px;background:url(../images/ico/ico_private.png) no-repeat;}
.collect-opinions .wrap-button{display:flex;justify-content:center;margin:45px 0;}
.collect-opinions .wrap-button .button{display:block;min-width:140px;padding:20px 45px;text-align:center;border:1px solid #697083;border-radius:35px;background:#fff;}
.collect-opinions .wrap-button .button i{color:#697083;font-size:19px;font-weight:500;}
.collect-opinions .wrap-button .button+.button{margin-left:7px;}
.collect-opinions .wrap-button .button:not(.bg-blue):hover{background:#697083 !important;}
.collect-opinions .wrap-button .button:hover i{color:#fff;}
.collect-opinions .wrap-button .button.bg-blue{border-color:#1a3d93;}
.collect-opinions .wrap-button .button.bg-blue i{color:#fff;}

.privacy-list{display:flex;justify-content:center;width:100%;}
.privacy-list li{display:flex;align-items:center;}
.privacy-list li+li{margin-top:0;margin-left:30px;}
.privacy-list li:before{top:16px;}
.privacy-list b{display:block;width:60px;color:#1c3e75;font-weight:600;}

/** 1280px 시작 **/
@media (max-width:1280px){
	/** 비영리법인 현황 : step box style **/
	.wrap-step.step-double{flex-direction:column;}
	.wrap-step.step-double .step-info{height:45px;margin-bottom:10px;padding-right:0;}

	.wrap-step.step-double .step-info:before{top:calc(100% - 12px);right:inherit;left:calc(50% - 10px);margin-top:0;transform:rotate(90deg)}
	.wrap-step.step-double .step-info:after{content:'';display:block;position:absolute;top:10px;left:calc(50% - 10px);width:20px;height:calc(100% - 10px);background:#44537a;}
	.wrap-step.step-double .step-info i{width:150px;color:#44537a;text-align:right;background:#fff;}

	.step-list01{width:calc(100% + 15px);margin-left:-15px;}
	.step-list01 li{width:calc(100%/3 - 15.1px);margin-left:15px}

	.step-list01 .step-head{height:65px;padding-top:20px !important;}

	/** 공공기관정보 목록 **/
	.wrap-group-list li{width:calc(100%/3 - 15.1px);}

	/** 공공데이터 이용신청 : 소관공공기관 **/
	.wrap-org-group li{width:calc(100%/3 - 15.1px);}

	/** 공공데이터 오류신고 : step box style **/
	.step-list02{margin-left:-30px;}
	.step-list02 li{width:calc(100%/4 - 30.1px);margin-left:30px;}
	.step-list02 li:not(:first-child):before{left:-25px;}

	/** 모바일앱 **/
	.wrap-mobile-app .app-body{flex-direction:column;align-items:center}
	.wrap-mobile-app .app-body .thumb{width:115px;margin-right:0;margin-bottom:15px;}
	.wrap-mobile-app .app-body div{width:100%;}
	.wrap-mobile-app .app-footer{margin-top:0;padding:15px;}
	.wrap-mobile-app .app-footer > *{width:140px;padding-right:15px;padding-left:15px;}

	/** 규제입증요청 제도소개 **/	
	.step-regulation{padding:20px;}
	.step-regulation > *{margin-left:-15px;}
	.step-regulation li{width:calc(100%/5 - 15.1px);margin-left:15px;}
	.step-regulation li:not(:first-child):before{top:55px;}
	.step-regulation p{padding-top:130px;}
	.step-regulation p:before{left:calc(50% - 55px);width:110px;height:110px;}
	.step-regulation p:after{top:33px;left:calc(50% - 25px);width:50px;height:50px;background-size:contain;}
	.step-regulation p span{font-size:17px;letter-spacing:-1px;}

	/** 분야별통계사이트 **/
	.wrap-site-banner ul{margin:-20px 0 0 -20px;}
	.wrap-site-banner li{width:calc(100%/3 - 20.1px);margin:20px 0 0 20px}

	/** 인사말 **/
	.greeting-head{padding:25px;}
	.greeting-head p{line-height:28px;font-size:18px;}
	.greeting-head .head-tit{font-size:26px;}

	.greeting-body{padding:35px;}
	.greeting-body:before{width:60px;height:60px;border-width:15px 0 0 15px;}

	/** 연혁 **/
	.history-cont{padding:30px 0 30px 25px}
	.history-cont:before{width:240px;}
	.history-cont em{width:220px}
	.history-cont ul{width:calc(100% - 220px);}
	.history-cont strong{width:70px;font-size:27px;}
	.history-cont strong+p{width:calc(100% - 70px);line-height:21px;}

	/** 미션 **/
	.wrap-mission [class*='mission-']{padding-left:150px;}
	.wrap-mission [class*='mission-']:before,.wrap-mission [class*='mission-']:after{left:-30px;width:150px;height:150px;}

	/** 상징(MI소개) **/
	.symbol-color span{max-width:150px}
	.symbol-color span i{font-size:17px;}

	.symbol-style li em{width:150px;}
	.symbol-style li div{width:calc(100% - 150px);}

	/** 장·차관 소개 **/
	.person-school .thumb{width:360px;padding-right:25px;padding-left:25px;}
	
	/** 일정목록 **/
	.schedule-cont{padding-left:30px;}

	/** 본부 : 조직도 **/
	.org-rank02{margin-left:-15px;}
	.org-rank02 > li{width:calc(100%/3 - 15px);margin-left:15px;}

	.rank02-sub a{width:calc(100% - 25px);margin-left:25px;}
	.rank02-sub a:after{left:-25px;width:25px;}

	/** 소속기관 : 조직도 **/
	.office-cont{margin-top:-20px;margin-left:-20px;}
	.office-cont > div{width:calc(100%/4 - 20.1px);margin-top:20px;margin-left:20px;}

	/** 이용안내 **/
	.wrap-guide-service{flex-direction:column;}
	.wrap-guide-service li{flex-direction:row;width:calc(100% - 15.1px);padding:20px 25px}
	.wrap-guide-service li strong{width:130px;padding:10px 15px 10px 60px;font-size:19px;}
	.wrap-guide-service li strong:before{left:0;width:40px;height:40px;}
	.wrap-guide-service li p{width:calc(100% - 130px);font-size:17px;text-align:left;}
	.wrap-guide-service li p br{display:none;}

	/** 장애인 이용안내 **/
	.video-area{width:260px;padding-bottom:140px;}
	.video-desc{width:calc(100% - 260px);padding-left:30px;}
	.video-desc li{line-height:24px;}
	.video-desc li:before{top:9px;}
	.video-desc li+li{margin-top:15px;}

	/** 개인정보처리방침 **/
	.wrap-private .private-tit{margin-top:25px;}
	.private-nav li{width:calc(100%/2 - 30.1px);}

	/** 사이트맵 **/
	.wrap-sitemap{margin:-40px 0 0 -30px !important}
	.wrap-sitemap > div{width:calc(100%/3 - 30.1px);margin:40px 0 0 30px}
	.sitemap-tit{padding-top:10px;padding-bottom:10px;}
	.sitemap-tit i{font-size:20px;}

	.sitemap-list > li > a{padding-top:12px;padding-bottom:12px;}	
	.sitemap-list > li > a[target="_blank"]:after{top:14px;}

	/** 국민과 만드는 산업정책 - 진행중 정책**/
	.ongoing-swiper .swiper-slide{padding:40px 35px 50px;}
	.ongoing-swiper .tit,.no-data .ongoing-swiper b{font-size:30px;}
	.ongoing-swiper .date{margin:30px 0 35px;}

	/** 국민과 만드는 산업정책 - 의견게시판 **/
	.opinion-cont .opinions-foot{align-items:flex-end;}
	
	/** 국민과 만드는 산업정책 - 의견등록 **/
	.collect-opinions .collect-tit{padding:20px 0;font-size:24px;}
	.collect-opinions .box-footer{flex-direction:column;align-items:flex-end;}
	.collect-opinions .wrap-private{order:1;margin-top:3px;}

	.privacy-list li{flex-wrap:wrap;}
	.privacy-list li:before{top:8px;}
	.privacy-list input{width:100% !important;}
}
/** 1280px 끝 **/

/** 1023px 시작 **/
@media (max-width:1023px){
	/** 개인정보처리방침 **/
	.private-nav ul{margin-left:-20px;}
	.private-nav li{width:calc(100%/3 - 20.1px);margin-left:20px;}

	/** 국민과 만드는 산업정책 - 진행중 정책 없을 경우 **/
	.ongoing-box.no-data{justify-content:flex-start;}

	/** 국민과 만드는 산업정책 - 의견쓰기 **/
	.collect-opinions .opitions-head > strong{padding:20px 80px 22px;font-size:24px;}
	.collect-opinions [class*='flag']{padding:10px 18px;font-size:15px;}
	.collect-opinions .opitions-date{padding:15px;}
	.collect-opinions .opitions-date > *{font-size:16px;}
}
/** 1023px 끝 **/

/** 900px 시작 **/
@media (max-width:900px){
	/** 개인정보처리방침 **/
	.private-nav li{width:calc(100%/2 - 20.1px);}
}
/** 900px 끝 **/

/** 840px 시작 **/
@media (max-width:840px){
	/** 규제입증요청 제도소개 **/	
	.step-regulation li:not(:first-child):before{top:40px;}
	.step-regulation p{padding-top:100px;}
	.step-regulation p:before{left:calc(50% - 45px);width:90px;height:90px;}
	.step-regulation p:after{top:26px;left:calc(50% - 20px);width:40px;height:40px;}
	.step-regulation p span{font-size:16px;}

	/** 분야별통계사이트 **/
	.wrap-site-banner li{width:calc(100%/2 - 20.1px);}

	/** 목표 및 추진경과 **/
	/** 추진방향 **/
	.wrap-direction h5:before{display:none;}
	.wrap-direction h5+*{padding-left:40px !important;}

	/** 연혁 **/
	.history-cont{flex-direction:column;padding:25px;}
	.history-cont:before{background:linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(211,242,255,.5) 75%, rgba(220,230,255,1) 100%);}
	.history-cont br{display:none;}
	.history-cont ul{width:100%;margin-top:25px;}
	.history-cont li+li{margin-top:15px;}

	/** 미션 **/
	.wrap-mission{padding-top:30px;}
	.wrap-mission h4{margin-bottom:60px;font-size:22px;}
	.wrap-mission h4 i+i{margin-left:20px;padding-left:20px;}
	.wrap-mission h5{font-size:20px;}
	.wrap-mission [class*='mission-']{margin-top:30px;margin-left:30px;padding:20px 20px 20px 100px}
	.wrap-mission [class*='mission-']:before,.wrap-mission [class*='mission-']:after{width:100px;height:100px;}
	.wrap-mission [class*='mission-']:before{border-bottom-right-radius:30px}
	.wrap-mission [class*='mission-']:after{background-size:45%;}	

	/** 장·차관 소개 **/
	.wrap-person .person-school > div:not(.thumb), .wrap-person .person-career{padding:25px}

	.person-school .thumb{flex-direction:column;align-items:flex-start;width:165px;}
	.person-school .thumb i{padding:0 0 20px;}

	/** 소속기관 : 조직도 **/
	.wrap-office h4 a{padding-top:18px;padding-bottom:18px;}
	.wrap-office h5 a{padding-top:15px;padding-bottom:15px;}
	.wrap-office h6 a{padding-top:10px;padding-bottom:10px;}

	.wrap-office h5+ul{margin-bottom:12px;}
	.wrap-office h6+ul{margin-bottom:6px;}

	.wrap-office ul{padding:10px 15px;}
	
	.office-cont{padding-top:10px;margin-left:-10px;}
	.office-cont > div{width:calc(100%/2 - 10.1px);margin-left:10px;}

	/** 관련사이트 **/
	.wrap-relate li a{min-height:90px}

	/** 장애인 이용안내 **/
	.wrap-guide-video{flex-direction:column;}
	.video-area{width:100%;max-width:768px;margin:0 auto 30px;padding-bottom:56.25%;}
	.video-desc{width:100%;padding-top:15px;padding-left:0;border-top:1px dashed #dedede;}

	/** 개인정보처리방침 **/	
	.private-list ul{margin-top:-5px;}
	.private-list li{width:calc(100% - 15.1px);margin-top:5px;}
}
/** 840px 끝 **/

/** 767px 시작 **/
@media (max-width:767px){
	/** step box style **/
	[class*='step-list']{flex-direction:column;width:100%;margin-left:0;}
	[class*='step-list'] li{width:100%;margin-left:0;}
	[class*='step-list'] [class*='step-']{padding:10px 5px !important}

	/** 공공데이터 이용신청 : 소관공공기관 **/
	.wrap-org-group li{width:calc(100%/2 - 15.1px);}

	/** 공공데이터 오류신고+신고절차 step box style common **/
	.step-list02 > li,
	.step-list03 > li,
	.step-list04 > li {margin-top:30px;}

	.step-list02 > li:not(:first-child):before,
	.step-list03 > li:not(:first-child):before,
	.step-list04 > li:not(:first-child):before {top:-24px;left:calc(50% - 11px);transform:rotate(90deg)}

	/** 비영리법인 현황 : step box style **/
	.step-list01 .step-head{height:auto;}
	.step-list01 .step-head br{display:none;}

	.step-list01 li{margin-top:20px;}

	/** 공공기관정보 목록 **/
	.wrap-group-list{padding:15px;}
	.wrap-group-list ul{margin:-5px 0 0 -10px}
	.wrap-group-list li{width:calc(100%/2 - 10.1px);margin:5px 0 0 10px}

	/** 모바일앱 **/
	.wrap-mobile-app li{width:calc(100% - 25px);}
	.wrap-mobile-app .app-body{flex-direction:row;align-items:flex-start}
	.wrap-mobile-app .app-body .thumb{width:95px;margin-right:20px;margin-bottom:0;}
	.wrap-mobile-app .app-body div{width:calc(100% - 135px);}

	/** 규제입증요청 제도소개 **/	
	.step-regulation li{width:calc(100%/3 - 15.1px);}
	.step-regulation li:nth-child(4):before{left:calc(50% - 75px);}
	.step-regulation p{padding-top:100px;}
	.step-regulation p:before{left:calc(50% - 45px);width:90px;height:90px;}
	.step-regulation p:after{top:26px;left:calc(50% - 20px);width:40px;height:40px;}
	.step-regulation p span{font-size:16px;}

	/** 국민추천 **/
	.wrap-public{margin-bottom:20px;}
	.public-tit{padding-top:25px;padding-left:50px;}
	.public-tit em{width:43px;}
	.public-tit em:before{width:43px;height:43px;}
	.public-tit em i{margin-top:-2px;font-size:20px;}
	.public-tit span i{font-size:18px;}
	.wrap-public .box-type01{padding:15px;line-height:inherit;}

	/** 목표 및 추진경과 **/
	/** 추진방향 **/
	.wrap-direction > [class*='direction-'] > *{padding:20px !important;}
	.wrap-direction h5{width:150px;}
	.wrap-direction h5:before{display:none;}

	.wrap-direction h5 i{padding-top:55px;}
	.wrap-direction h5 i:before{left:calc(50% - 25px);width:50px;height:50px;background-size:contain;}	

	.wrap-direction h5+*{width:calc(100% - 150px);}
	.direction-01 .direction-cont *{line-height:30px;font-size:20px;}
	.direction-02{margin-top:70px;}
	.direction-02 .direction-cont li{font-size:18px;}

	/** 규제개혁 **/
	.wrap-reform li{width:calc(100% - 20px);}
	.wrap-reform br{display:none;}
	.wrap-reform [class*='reform-']{padding:15px;}
	.reform-cont{height:auto;}

	/** 인사말 **/
	.greeting-head p{line-height:26px;font-size:16px;}
	.greeting-head .head-tit{font-size:22px;}

	.greeting-body{padding:35px;}
	.greeting-body:before{width:60px;height:60px;border-width:15px 0 0 15px;}
	.greeting-body p{line-height:25px;font-size:16px;}
	.greeting-body p+*{margin-top:15px;}

	/** 상징(MI소개) **/
	.symbol-color{flex-wrap:wrap;}
	.symbol-color li{width:calc(100%/2 + 1px - 0.1px) !important;margin-right:-1px !important;}
	.symbol-color li:nth-child(even){width:calc(100%/2 - 0.1px) !important;margin-right:0 !important;}
	.symbol-color li:nth-child(n+3){margin-top:-1px;}
	.symbol-color span{width:calc(100% - 30px);margin-right:15px;margin-left:15px;}
	.symbol-color span i{font-size:16px;}

	.symbol-style li{flex-direction:column;}
	.symbol-style li em,.symbol-style li div,.symbol-style li div > *{width:100%;}
	.symbol-style li em{padding:5px 15px;}

	/** 일정 **/
	.wrap-schedule{flex-direction:column;padding-top:0}

	/** 일정달력 **/
	.schedule-calendar{min-width:inherit;width:100%;max-width:inherit;}
	.calendar-head{margin-bottom:10px;padding:10px;border-radius:10px;background:#f4f4f4;}
	.calendar-head [class*='move-']{width:30px;height:30px;}
	.calendar-head .select-day{margin:0 10px;}
	.calendar-head select,.calendar-head button:not([class*='move']){line-height:30px;}
	.calendar-head button:not([class*='move']) i{padding-left:0;background-image:none;}

	/** 일정목록 **/
	.schedule-cont{padding-left:0;}

	/** 본부 : 조직도 **/
	.wrap-org{padding-top:50px;}
	
	.org-rank01{padding-bottom:25px;}
	.org-rank01:after{left:40px}
	.rank01{margin-bottom:25px;}
	.rank01 a{width:100%;}
	.rank01-sub{left:70px;width:calc(100% - 70px);max-width:inherit;}
	.rank01-sub li:after{left:-30px;width:30px;}
	.rank01-sub li a{width:45%;}

	.org-rank02{flex-direction:column;margin-left:0;}
	.org-rank02 > li{width:100%;margin-left:0;padding:20px;border:1px dashed #ddd;border-radius:10px;background:#fff;}
	.org-rank02 > li+li{margin-top:25px;}
	.org-rank02 > li li+li{margin-top:25px;}

	.rank02:after{left:20px}
	.rank02-sub{right:inherit;left:20px;width:calc(100% - 20px);}
	.rank02-sub a{width:calc(100% - 25px);margin-left:25px;}
	.rank02-sub a:after{left:-25px;width:25px;}

	.org-rank02 .type-02 .rank02{padding-bottom:30px;}

	/** 개인정보처리방침 **/
	.wrap-private .private-tit{font-size:20px;}
	.wrap-private [class*='box-type-sub']{padding:15px;}
	.private-box{padding:20px;}
	.private-nav ul{margin:-5px 0 0}
	.private-nav li{width:100%;margin:5px 0 0}
	.private-nav li a{justify-content:center;align-items:flex-start;min-height:52px;padding:10px 10px 10px 55px}
	.private-nav li a:before{display:none;}
	.private-nav li a:after{top:10px;left:10px;width:30px;height:30px;}
	.private-nav li a strong,.private-nav li a span{text-align:left;}
	.private-nav li a strong{font-size:18px;}
	.private-nav li a span{margin-top:5px;}

	/** 사이트맵 **/
	.wrap-sitemap > div{width:calc(100%/2 - 30.1px);}

	/** 국민과 만드는 산업정책 - 진행중 정책**/
	.ongoing-box{padding:21px 20px 25px;background-position:top right;}
	.ongoing-box:not(.no-data){background-size:70px auto;}
	.ongoing-box:not(.no-data):after{right:30px;width:45px;height:45px;}
	.ongoing-box:not(.no-data) .tit{font-size:22px;}
	.ongoing-box .date{margin-top:15px;font-size:17px;}

	/** 국민과 만드는 산업정책 - 진행중 정책 없을 경우 **/
	.ongoing-box.no-data{height:240px;padding:30px;background-size:80px auto, 300px auto;}
	.ongoing-box.no-data .tit{font-size:24px;}

	/** 국민과 만드는 산업정책 - 의견게시판 **/
	.collect-opinions .opitions-body{padding:25px 20px;}
	.collect-opinions .info-down{margin:30px 0;padding:20px;}
	.opinion-tit.active{background:none;}
	.opinion-cont .opinions-body{padding:15px;}
	.opinions-tbl .opinions-body:first-of-type:not([class*='bul-type']){margin-top:7px;}
	.opinion-cont .opinions-foot{flex-direction:column;padding:11px 15px;}
	.opinion-cont .opinions-foot .privacy-list{margin:0 0 10px;}
	.opinion-cont .opinions-foot .privacy-list li+li{margin:10px 0 0;}

/* 	.opinions-tbl.mo_table tbody > tr > td[colspan]{position:relative;} */
/* 	.opinions-tbl.mo_table tbody > tr > td[colspan]:before{content:'';background:#fff;} */
	.opinions-tbl.mo_table tbody > tr{position:relative;}

	/** 국민과 만드는 산업정책 - 의견쓰기 없을 경우 **/
	.no-data li div{height:185px;background-size:95px auto;background-position:bottom 1px right 5px;}
	.no-data li b{font-size:20px;}

	/** 국민과 만드는 산업정책 - 의견등록 **/
	.privacy-list{flex-wrap:wrap;}
	.privacy-list li{width:100%;}
	.privacy-list li+li{margin:10px 0 0;}
}
/** 767px 끝 **/

/** 640px 시작 **/
@media (max-width:640px){
	/** 공공기관정보 목록 **/
	.wrap-group-list{padding:15px;}
	.wrap-group-list ul,.wrap-group-list li{margin-left:0;}
	.wrap-group-list li{width:100%;}
	
	/** 모바일앱 **/
	.wrap-mobile-app .app-body{flex-direction:column;align-items:center}
	.wrap-mobile-app .app-body .thumb{margin-right:0;margin-bottom:15px;}
	.wrap-mobile-app .app-body div{width:100%;}
	.wrap-mobile-app .app-footer > *{min-width:inherit;width:calc(50% - 25px);height:34px;}

	/** 국정과제 **/
	.task-head{height:165px;margin-bottom:20px;padding:15px;}
	.task-head p span{font-size:20px;}
	.task-head p strong{margin-top:10px;font-size:30px;}

	.task-cont a i{padding:13px 60px 13px 0;font-size:18px;}
	.task-cont a i:before{top:calc(50% - 13px);width:25px;height:25px;}
	.task-cont a i:after{top:calc(50% - 6px);right:12px;width:12px;height:12px;background-size:contain;}

	.task-cont div{padding:20px;}

	/** 분야별통계사이트 **/
	.wrap-site-banner li{width:calc(100% - 20.1px);}

	/** 추진방향 **/
	.wrap-direction{background-position:50% 46%;}
	.wrap-direction h5{width:80px;}

	.wrap-direction h5 i{padding-top:0;}
	.wrap-direction h5 i:before{display:none;}	

	.wrap-direction h5+*{width:calc(100% - 80px);}

	.direction-01 .direction-cont *{line-height:30px;font-size:20px;}
	.direction-02{margin-top:70px;}
	.direction-02 .direction-cont li{font-size:18px;}	

	/** 인사말 **/
	.greeting-head{padding:15px;}
	.greeting-body{padding:0;background:none;}
	.greeting-body:before{display:none;}
	.greeting-btn *+*{margin-top:3px;margin-left:0;}

	/** 연혁 **/
	.history-cont li+li{margin-top:10px;}
	.history-cont strong{font-size:24px;}
	.history-cont strong+p{padding:6px 0 0;}

	/** 미션 **/
	.wrap-mission{padding-top:10px;}
	.wrap-mission h4{margin-bottom:30px;padding:15px;border-radius:10px 10px 25px 10px;background:linear-gradient(315deg, rgba(113,107,191,1) 0%, rgba(76,112,204,1) 100%)}
	.wrap-mission h4 i{color:#fff;}
	.wrap-mission h4 i:before{background:#fff !important;}
	.wrap-mission h4 i+i{margin-left:10px;padding-left:10px;}
	.wrap-mission h5{font-size:19px;}
	.wrap-mission ul{margin-top:15px !important;}

	.wrap-mission [class*='mission-']{width:100%;margin-left:0;padding-left:20px;border-bottom-right-radius:25px;}
	.wrap-mission [class*='mission-']:before{top:0;left:0;width:30%;height:4px;border-radius:0}
	.wrap-mission [class*='mission-']:after{display:none;}

	/** 장·차관 소개 **/
	.wrap-person h4{margin-bottom:15px;font-size:22px;}
	.wrap-person li{padding-left:55px;}
	.wrap-person li+li{margin-top:8px;}
	.wrap-person li em i{font-size:17px;}

	.person-school{flex-direction:column}
	.person-school .thumb{flex-direction:row;align-items:flex-end;width:auto;margin:0 auto;}
	.person-school .thumb i{padding:15px 35px 0}

	.person-career{margin-top:20px;}
	.person-career li{padding-left:135px;}

	/** 관련사이트 **/
	.wrap-relate li,.wrap-relate:not([class*='item-']) li:nth-child(3n){width:calc(100%/2 + 1px - 0.1px);}
	.wrap-relate:not([class*='item-']) li:nth-child(3n){margin-right:-1px;}
	.wrap-relate:not([class*='item-']) li:nth-child(2n){width:calc(100%/2);margin-right:0;}

	/** 이용안내 **/
	.wrap-guide-service li{flex-direction:column;}
	.wrap-guide-service li strong{width:100%;padding:70px 10px 15px;text-align:center;}
	.wrap-guide-service li strong:before{left:calc(50% - 30px);width:60px;height:60px;}
	.wrap-guide-service li p{width:100%;font-size:16px;}

	/** 국민과 만드는 산업정책 - 진행중 정책**/
	.ongoing-box{padding:20px;}
	.ongoing-box:not(.no-data):after{right:20px;width:35px;height:35px;}
	.ongoing-box:not(.no-data) .tit{max-width:calc(100% - 60px);font-size:21px;}
	.ongoing-box .date b{font-size:14px;}

	/** 국민과 만드는 산업정책 - 진행중 정책 없을 경우 **/
	.ongoing-box.no-data{justify-content:center;height:200px;padding:20px;text-align:center;background-image:url(../images/contents/sub/policy_bg.png);background-position:right -15px bottom -20px;background-size:185px auto;}
	.ongoing-box.no-data .tit{font-size:21px;}

	/** 국민과 만드는 산업정책 - 의견쓰기 **/
	.collect-opinions .opitions-head > strong{padding:20px;}
	.collect-opinions [class*='flag']{display:inline-block;position:relative;top:auto;left:auto;margin-right:7px;padding:5px 10px;vertical-align:bottom;}
	.collect-opinions .opitions-date b{margin-left:30px;}
	.collect-opinions .opitions-date b:before{left:-15px;}
	.collect-opinions .opitions-body .wrap-button .button{min-width:100%;}

	/** 국민과 만드는 산업정책 - 의견등록 **/
	.collect-opinions .wrap-button{flex-wrap: wrap;}
	.collect-opinions .wrap-button .button{padding:15px;}
	.collect-opinions .wrap-button .button+.button{margin:10px 0 0;}
	.collect-opinions .wrap-button .button i{font-size:16px;}
}
/** 640px 끝 **/

/** 480px 시작 **/
@media (max-width:480px){
	/** 공공데이터 이용신청 : 소관공공기관 **/
	.wrap-org-group ul{margin-top:-5px;}
	.wrap-org-group li{width:calc(100% - 15.1px);margin-top:5px;}

	/** 모바일앱 **/
	.wrap-mobile-app .app-footer{flex-direction:column;align-items:center}
	.wrap-mobile-app .app-footer > *{min-width:100%}
	.wrap-mobile-app .app-footer > *+*{margin-top:5px;margin-left:0;}

	/** 규제입증요청 제도소개 **/	
	.step-regulation{padding:0 10px 10px;}
	.step-regulation > *{margin-top:-30px;margin-left:0;}
	.step-regulation li{width:100%;margin-top:45px;margin-left:0;}
	.step-regulation li:before{top:-30px !important;left:calc(50% - 10px) !important;transform:rotate(90deg)}
	.step-regulation p{max-width:240px;margin:0 auto;padding-top:80px;padding-bottom:20px;border-radius:5px;background:#f6f8fa;}
	.step-regulation p:before{display:none;}
	.step-regulation p:after{top:20px;left:calc(50% - 26px);width:50px;height:50px;}

	/** 국정과제 **/
	.task-head{height:145px;margin-bottom:15px;padding:10px;}
	.task-head p span{font-size:17px;}
	.task-head p strong{margin-top:10px;font-size:24px;}

	.task-cont a i{padding:8px 40px 8px 0;font-size:18px;}
	.task-cont a i:before{top:calc(50% - 10px);width:20px;height:20px;}
	.task-cont a i:after{top:calc(50% - 5px);right:10px;width:10px;height:10px;}

	.task-cont div{padding:15px;}
	.task-cont div .tit-type02{font-size:17px;}
	.task-cont div ul li{font-size:15px;}

	/** 추진방향 **/
	.wrap-direction{background-position-y:44%;}
	.wrap-direction > [class*='direction-']{flex-direction:column;}
	.wrap-direction > [class*='direction-'] > h5{padding:10px !important;}
	.wrap-direction > [class*='direction-'] > h5+*{padding:15px 20px !important}
	.wrap-direction h5,.wrap-direction h5+*{width:100%;}

	/** 연혁 **/
	.history-cont{padding:20px;}
	.history-cont ul{margin-top:15px;}
	.history-cont li{flex-direction:column;}
	.history-cont strong+p{width:100%;}

	/** 상징(MI소개) **/
	.symbol-color li,.symbol-color li:nth-child(even){width:calc(100% - 0.1px) !important;margin-right:0 !important;}
	.symbol-color li:nth-child(n+2){margin-top:-1px;}

	.symbol-style li div{flex-direction:column;}
	.symbol-style li div > *{text-align:center;}
	.symbol-style li div > *+*{margin-top:20px;}

	/** 장·차관 소개 **/
	.wrap-person .person-school > div:not(.thumb), .wrap-person .person-career{padding:15px;}
	.wrap-person li{padding:30px 15px 5px;border:1px solid #ddd;border-radius:5px;background:#fff;}
	.wrap-person li+li{margin-top:5px;}
	.wrap-person li em{top:7px;width:100%;padding-left:15px;}
	.wrap-person li em i{color:#666;font-size:16px;}

	.person-school .thumb{flex-direction:column;align-items:center;padding-bottom:20px;}
	.person-school .thumb i{margin-bottom:15px;}

	/** 소속기관 : 조직도 **/
	.office-cont > div{width:calc(100% - 10.1px);}

	/** 홈페이지 개선의견 수렴 **/
	.login-button{flex-direction:column;margin-top:15px !important;}
	.login-button .button+*{margin:5px 0 0}

	/** 사이트맵 **/
	.wrap-sitemap > div{width:calc(100% - 30.1px);}

	/** 국민과 만드는 산업정책 - 진행중 정책**/
	.ongoing-box{padding:15px;}
	.ongoing-box:not(.no-data):after{content:none;}
	.ongoing-box:not(.no-data) .tit{max-width:100%;font-size:18px;}
	.ongoing-box .date b{display:block;margin:5px 0 0;}
}
/** 480px 끝 **/

/** 375px 시작 **/
@media (max-width:375px){
	/** 일정달력 **/
	.calendar-head > *:not([class*='move']){width:calc(100% - 70px);}
	.calendar-head .select-day{flex-direction:column;width:calc(100% - 20px);}
	.calendar-head .select-day *+*{margin:3px 0 0}
	.calendar-head select,.calendar-head button:not([class*='move']){width:100%;height:34px;}
	.calendar-head button:not([class*='move']) i{padding-left:0;background-image:none;}

	.calendar-cont{padding:0;border-width:0;}
	.calendar-cont table th,.calendar-cont table td{padding-right:3px;padding-left:3px;white-space:nowrap}

	/** 관련사이트 **/
	.wrap-relate li{width:calc(100% - 0.1px) !important;margin-right:0 !important}
	.wrap-relate li a{min-height:auto;}

	/** 국민과 만드는 산업정책 - 의견쓰기 **/
	.collect-opinions .opitions-head > strong{padding:20px 15px;font-size:21px;}
	.collect-opinions [class*='flag']{font-size:14px;}
	.collect-opinions .opitions-date{flex-direction:column;align-items:center;padding:10px 15px;}
	.collect-opinions .opitions-date b{margin-left:0;}
	.collect-opinions .opitions-date b:before{content:none;}
	.collect-opinions .opitions-body{padding:20px 15px;}
	.collect-opinions .info-down{padding:15px;}

	/** 국민과 만드는 산업정책 - 의견등록 **/
	.collect-opinions .collect-tit{padding:15px 0;font-size:21px;}
	.collect-opinions .wrap-private b{margin-right:13px;font-size:15px;}
	.collect-opinions .box-footer label{font-size:14px;}
	.collect-opinions .box-footer label+input{margin-left:10px;}
}
/** 375px 끝 **/

/** 279px 시작 **/
@media (max-width:279px){
	/** 일정달력 **/
	.calendar-cont{overflow:hidden;overflow-x:auto;}	
	.calendar-cont::-webkit-scrollbar{ width: 6px; height: 6px;}
	.calendar-cont::-webkit-scrollbar-thumb,.wrap-scroll::-webkit-scrollbar-track{border-radius:6px;}
	.calendar-cont::-webkit-scrollbar-thumb{ background-color: #86878b; }
	.calendar-cont::-webkit-scrollbar-track{ background-color: #cdd0d5; }
}
/** 279px 끝 **/