@charset "utf-8";

.mergerFrame{overflow-y:auto;width:100%;height:auto;min-height:550px;margin:0;border:0;}

/** common **/
.scroll_tip{display:none;margin:10px 0;text-align:center;}
.scroll_tip span{display:inline-block;position:relative;padding:5px 0 0 68px;line-height:33px;}
.scroll_tip span:before{content:'';display:block;position:absolute;top:3px;left:0;width:58px;height:32px;background-position:-225px 0;}

.tab_device_ti{display:none}

.box_notice:before{background:url(/images/www2019/common/bg_iconnotic.png) no-repeat 0 0 ;}

/*인사채용 비리신고 2021.3.16*/
	.publ_ta { position:absolute; width: 80%; background: #fff; z-index:999; border: 2px solid #7886a6; border-radius:10px;   padding:10px;  }
	.publ_ta h4 { color: #223766; font-size: 24px; text-align: center; line-height: 30px; margin: 5px 0 20px 0; }
	.publ_ta h4 > span { font-size: 20px; }
	.publ_ta .close_layer {  position: relative; text-align: right;  margin-bottom: 0px; display: block; width: 100%; }
	.report { padding-left: 15px; }
    .report li {display: inline-block; }
	.report li:nth-child(1) a {width: 200px;  border: 1px solid #213956; background: #36547a; margin-right: 15px;  }
	.report li:nth-child(2) a {width: 200px;  border: 1px solid #07579b; background: #0c6bbb; }
	
	.report li a { color: #fff;display: inline-block;  color: #fff; text-align: center; padding:10px 0; margin-bottom: 10px; }
	.report li:nth-child(1) a:hover { background: #233e5e;  transition:all .3s }
	.report li:nth-child(2) a:hover { background: #0459a1;  transition:all .3s }

/** eClean **/
.eClean-main{overflow:hidden; height:100%; padding-bottom:15px; margin-bottom:10px; border:1px #d6d6d3 solid;}
.eClean-main h4{float:left; width:152px; padding:17px 0 0 13px; background:url('/mltm/images/nation/em_bar.gif') no-repeat 100% 0;}
.eClean-main .txt{float:left; width:474px; padding:16px 10px 0 19px; background:url('/mltm/images/nation/em_bar.gif') no-repeat 100% 0; line-height:20px;}
.eClean-main .txt p{color:#555;}
.eClean-main .txt p span{margin-right:40px;}
.eClean-main .btn{float:left; width:90px; padding-top:20px; text-align:center;}

/** tab **/
.tab_device{position:relative;z-index:1;}
.tab_menu{display:flex;flex-wrap:wrap;padding-bottom:10px;}
.tab_menu:after{content:'';display:block;clear:both}
.tab_menu li{overflow:hidden;flex:0 0 24.9%;position:relative;min-height:50px;margin:-1px 0 0 -1px;border:1px solid #e0e0e0;box-sizing:border-box;background:#fff;}
.tab_menu li:before,.tab_menu li:after{content:'';display:block;position:absolute;top:15px;}
.tab_menu li:before{left:6px;width:19px;height:19px;border:1px solid #d6d6d6;border-radius:50%;background:#fff;}
.tab_menu li:after{left:11px;width:5px;height:5px;margin-top:7px;border:solid #9e9e9e;border-width:0 2px 2px 0;transform:rotate(-45deg)}
.tab_menu li a{display:block;height:100%;padding:15px 8px 15px 32px;line-height:18px;font-weight:400;letter-spacing:0;box-sizing:border-box;}
.tab_menu li a:hover,.tab_menu li a:active,.tab_menu li a:focus{text-decoration:underline;}
.tab_menu li.on{border-color:#1c66b1;background:#1c66b1;}
.tab_menu li.on:before{content:'';display:block;position:absolute;bottom:-17px;border-top-color:#1c66b1}
.tab_menu li.on a{color:#fff;text-decoration:none;}
.tab_menu li.on:before{margin-left:0;border-color:#004489;background:#004489;}
.tab_menu li.on:after{border-color:#b3c7dc;}

	/** tab icon **/
	.tab_menu_ico{flex-wrap:wrap;margin-bottom:35px;}
	.tab_menu_ico,.tab_menu_ico li,.tab_menu_ico li a,.tab_menu_ico li i{display:flex;box-sizing:border-box;}
	.tab_menu_ico li{flex:0 0 14.16%;height:115px;margin:-1px 0 0 -1px;align-items:flex-end;border:1px solid #e0e0e0;background:#fff;}
	.tab_menu_ico li a{position:relative;flex:0 0 100%;height:100%;padding-top:50px;line-height:18px;color:#555;font-size:14px;text-align:center;justify-content:center;align-items:center;transition:all .3s}
	.tab_menu_ico li a:hover,.tab_menu_ico li.on a{background:#f2f2f2 }
	.tab_menu_ico li a i:before{content:'';position:absolute;top:10px;left:calc(50% - 32px);width:65px;height:45px;background-image:url(/images/www2019/common/bg_icotab.png);background-position:0 0;}
	.tab_menu_ico li a:hover i:before,.tab_menu_ico li.on a i:before{background-position-x:-75px;}
	.tab_menu_ico li a:hover i:before{animation:ball 1s ease-in infinite Alternate}
	.tab_menu_ico li:nth-child(2) a i:before{background-position-y:-50px;}
	.tab_menu_ico li:nth-child(3) a i:before{background-position-y:-100px;}
	.tab_menu_ico li:nth-child(4) a i:before{background-position-y:-150px;}
	.tab_menu_ico li:nth-child(5) a i:before{background-position-y:-200px;}
	.tab_menu_ico li:nth-child(6) a i:before{background-position-y:-250px;}
	.tab_menu_ico li:nth-child(7) a i:before{background-position-y:-300px;}
	.tab_menu_ico li:nth-child(8) a i:before{background-position-y:-350px;}
	.tab_menu_ico li:nth-child(9) a i:before{background-position-y:-400px;}
	.tab_menu_ico li:nth-child(10) a i:before{background-position-y:-450px;}
	.tab_menu_ico li:nth-child(12) a i:before{background-position-y:-500px;}
	.tab_menu_ico li:nth-child(11) a i:before{background-position-y:-550px;}
	.tab_menu_ico li:nth-child(13) a i:before{background-position-y:-600px;}
	.tab_menu_ico li:nth-child(14) a i:before{background-position-y:-650px;}

	@keyframes ball {
		0% {top:10px;}
		50% {top:20px;}
		to {top:10px;}
	}

/** title(h4~h6) **/
/*h4,h5,h6{position:relative;padding:0;font-weight:500;letter-spacing:-1px;}
h5:before,h5:after,h5 i:before,h6:before,h6:after,.tit_h5:before,.tit_h5:after,.tit_h5 i:before{content:'';display:block;position:absolute;}
h4{margin:30px 0 10px;padding:0;line-height:22px;color:#124b91;font-size:22px;}
h5{margin:35px 0 10px;padding:0;line-height:23px;color:#272727;font-size:19px;}
h5:before,h5:after,h5 i:before,.tit_h5:before,.tit_h5:after,.tit_h5 i:before{top:-10px;width:11px;height:3px;}
h5:before,.tit_h5:before{left:0;background:#1f72ca;}
h5 i:before,.tit_h5 i:before{left:11px;background:#1bb44b;}
h5:after,.tit_h5:after{left:22px;background:#0f9e76;}*/
h4,h5,h6{position:relative;padding:0;font-weight:500;letter-spacing:-1px;}
h4.h5_style:before,h4.h5_style:after,h4.h5_style i:before, 
h5:before,h5:after,h5 i:before,
h6:before,h6:after,.tit_h5:before,.tit_h5:after,.tit_h5 i:before{content:'';display:block;position:absolute;}
h4{margin:30px 0 10px;padding:0;line-height:22px;color:#124b91;font-size:22px;}
h4.h5_style, h5{margin:35px 0 10px;padding:0;line-height:23px;color:#272727;font-size:19px;}
h4.h5_style:before,h4.h5_style:after,h4.h5_style i:before, 
h5:before,h5:after,h5 i:before,.tit_h5:before,.tit_h5:after,.tit_h5 i:before{top:-10px;width:11px;height:3px;}
h4.h5_style:before, h5:before,.tit_h5:before{left:0;background:#1f72ca;}
h4.h5_style i:before, h5 i:before,.tit_h5 i:before{left:11px;background:#1bb44b;}
h4.h5_style:after, h5:after,.tit_h5:after{left:22px;background:#0f9e76;}

h6{display:inline-block;margin:25px 0 13px;color:#0079ab;font-size:16px;font-weight:500;}
h6:before,h6:after{display:inline-block;left:0;width:100%;height:1px;}
h6:after{bottom:-2px;background:#86b2cd;}
h4+h6,h5+h6{margin-top:10px;}
	/** etc title **/
	[class*='tit_']{position:relative;margin:45px 0 15px;line-height:34px;font-size:26px;font-weight:500;letter-spacing:-1px;}
	.tit_line{padding-left:0;color:#333;}
	.tit_line:before{content:'';display:block;position:absolute;top:-2px;width:35px;height:2px;border:0;background:#333;}
	.tit_bg{padding:10px 17px;color:#fff;background:#bbb;}
	.tit_down{margin-bottom:8px;padding:7px 10px 7px 60px;line-height:23px;font-size:18px;border:solid #333;border-width:2px 0 1px 0;border-bottom-style:dotted;background:#f7f7f7}
	.tit_down:after{content:'다운';display:block;position:absolute;top:7px;left:10px;width:40px;color:#fff;font-size:13px;font-weight:400;text-align:center;border-radius:0 5px 0 5px;background:#333;}
	.tit_h5{margin:35px 0 10px;padding:0;line-height:23px;color:#272727;font-size:19px;}

/** 공공데이터 - 데이터품질오류 관련 버튼 **/
.s_btn01{position:absolute; right:0px; top:-10px;}
.s_btn01 a{font-size: 14px; color: #FFF; background-color: #2574c4; display:inline-block; padding:2px 15px 3px 15px; font-weight:400;}

/** box style **/
.box_style{margin:15px 0;padding:15px;color:#555;background:#fff;} 
.box_style p{margin-top:5px;margin-bottom:5px;}
.box_style p:first-child{margin-top:0 !important;}
.box_line01{border:1px solid #cdcdcd}
.box_line02{border:1px dashed #b5b5b5;}
.box_bg01{background:#f0f4f7;}
.box_bg02{background:#eee;}

.box_notice{position:relative;min-height:135px;margin:15px 0 40px;padding:15px 35px 25px 192px;box-sizing:border-box;}
.box_notice:before,.box_notice:after{content:'';display:block;position:absolute;left:0;}
.box_notice:before{top:0;width:162px;height:107px;}
.box_notice:after{bottom:0;width:100%;height:3px;background:url(/images/www2019/common/bg_pattern_line02.gif) repeat-x 0 0}

.box_notice.property{min-height:105px;margin-top:50px;padding-left:190px;background:#f0f4f7;}
.box_notice.property:before{content:'공공누리 공공저작물 자유이용허락';top:30px;left:35px;width:115px;height:43px;line-height:0;font-size:0;background-position:-175px 0;}
.box_notice.property:after{display:none;}

.box_budget{padding:30px 30px 20px;}
.box_budget h5{margin:15px 0 0;}
.box_budget h5 span{display:inline-block;margin-left:35px;color:#555;font-size:14px;font-weight:normal;letter-spacing:-1px;}
.box_budget ul{display:flex;margin:15px 0 0;flex-wrap:wrap;}
.box_budget li{flex:0 0 31.5%;margin:2px 0 ;box-sizing:border-box;}
.box_budget li a{font-size:14px;}
.box_budget li:before{top:13px !important;}

.img_box{padding:50px 30px;border:1px dashed #b5b5b5;background:#fff;}

/** 규제입증요청 **/
.regul {width: 100%; margin:20px auto; height:180px; clear:both; display:table;}
.regul ul{width:16%; height:100%; float:left; background:#ebf2f6; text-align:center; }
.regul li{line-height:1.3em}
.regul li:nth-child(1){width:100%; padding:20px 0 5px 0}
.regul li:nth-child(2){font-size:17px; color:#222; font-weight:500}
.regul li:nth-child(2) span{font-size:14px; display:block; color:#555; font-weight:400}

.regul p{width:4.5%; height:100%; float:left; background:url(/images/www2019/contents/regul_arrow.png) no-repeat center}

/** lst down style **/
.lst_down{margin:35px 0;padding:15px 25px;background:#f0f4f7;}
.lst_down ul{display:flex;flex-wrap:wrap;margin:0 !important;}
.lst_down ul:after{content:'';display:block;clear:both}
.lst_down li{flex:1 0 50%;margin:3px 0;padding:2px 0 !important}
.lst_down li:before{top:13px !important}
.lst_down li a{display:inline-block;position:relative;padding-left:86px}
.lst_down li a:after{content:'다운로드';display:block;position:absolute;top:-1px;left:17px;width:60px;line-height:26px;color:#fff;font-size:14px;text-align:center;background:#0d5cab;}
.lst_down li a:hover:after,.lst_down li a:active:after,.lst_down li a:focus:after{background:#074482;}
	/** etc **/
	.lst_down .second{margin-top:15px !important;padding-top:15px;background:url(/images/www2019/common/bg_pattern_line02.gif) repeat-x 0 0;}
	.lst_down .video li a:after{content:'홍보자료';background:#1dada5;}
	.lst_down .video li a:hover:after,.lst_down .video li a:active:after,.lst_down .video li a:focus:after{background:#188d86;}

/** bul style **/
.bul_type01,.bul_type02,.bul_type03,.bul_arrow_t,.bul_arrow_r,.bul_arrow_b,.bul_arrow_l{position:relative;margin:10px 0 20px;padding:2px 0 2px 17px;}
.bul_type01:before,.bul_type02:before,.bul_type03:before,.bul_arrow_t:before,.bul_arrow_r:before,.bul_arrow_b:before,.bul_arrow_l:before{content:'';display:block;position:absolute;left:5px;background:#878787;}
.bul_arrow_t:before,.bul_arrow_r:before,.bul_arrow_b:before,.bul_arrow_l:before{top:10px;left:3px;padding:2px;border:solid #888;border-width:0 2px 2px 0;background:transparent;}

.bul_type01:before{top:11px;width:4px;height:4px;}
.bul_type02:before{top:13px;left:3px;width:6px;height:1px;}
.bul_type03:before{content:':';top:0;left:7px;background:none;}
.bul_arrow_t:before{top:12px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
.bul_arrow_r:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.bul_arrow_b:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.bul_arrow_l:before{transform:rotate(135deg);-webkit-transform:rotate(135deg);}
	/** etc **/
	ul[class*='bul_']{padding:0;}
	ul[class*='bul_']>li{position:relative;padding:2px 0 2px 17px;}
	ul[class*='bul_']:before{display:none;}
	ul[class*='bul_']>li:before{content:'';display:block;position:absolute;left:5px;background:#878787;}
	ul.bul_type01>li:before{top:11px;width:4px;height:4px;}
	ul.bul_type02>li:before{top:13px;left:3px;width:6px;height:1px;}
	ul.bul_type03>li:before{content:':';top:0;left:7px;background:none;}
	ul[class*='bul_arrow']>li:before{top:10px;left:3px;padding:2px;border:solid #888;border-width:0 2px 2px 0;background:transparent;}
	ul.bul_arrow_t>li:before{top:12px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
	ul.bul_arrow_r>li:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
	ul.bul_arrow_b>li:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
	ul.bul_arrow_l>li:before{transform:rotate(135deg);-webkit-transform:rotate(135deg);}

	ul[class*='bul_'] ul,ul[class*='bul_'] p{margin:5px 0 8px !important;}		
	ul[class*='bul_'] .scroll_tip{margin:10px 0 0 !important}
	.table ul[class*='bul_'] ul,.table ul[class*='bul_'] p{margin:2px 0 !important}
	.bul_bg{padding:5px 8px !important;border-radius:3px;background:#f4f4f4;}

	[class*='bul_']+[class*='bul_']{margin-left:17px;}

/** 테이블 **/
.table{display:table;table-layout:fixed;min-width:100%;width:100%;margin:5px 0;border-top:1px solid #333;border-bottom:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;word-break:break-all}
.table > * > tr > *{padding:7px;color:#555 ;font-size:14px;letter-spacing:-0.05em;text-align:center;}
.table > * > tr > *{border:1px solid #e0e0e0;border-bottom-width:0;background:#fff;}
.table > * > tr > *[scope]{color:#333;font-size:14px;font-weight:500;text-align:center;background:#f5f5f5}
.table > * > tr:first-child > *{border-top-width:0}
.table > * > tr > *:first-child{border-left-width:0}
.table > * > tr > *:last-child{border-right-width:0}
.table thead{border-bottom:1px solid #e0e0e0}
.table tbody+tbody > tr:first-child > *{border-top-width:1px}
	/** table 세로 라인 삭제부분 **/
	.table.line_no > * > tr > *{border-right-width:0;border-left-width:0}
	/** etc **/
	.table.left > * > tr > *{text-align:left;}
	.table.right > * > tr > td{text-align:right;}
	.table > * > tr > * li,.table > * > tr > * p{font-size:14px;}
	.table > * > tr > .line_no_right{border-right-width:0 !important}
	.table > * > tr > .line_no_left{border-left-width:0 !important}
	.link_address{overflow:hidden;display:inline-block;max-width:100%;line-height:17px;text-overflow:ellipsis;white-space:nowrap}

/** icon button **/
/* 	20230809 웹 접근성 수정
	a태그에 타이틀 걸면 이미지가 내려오는 문제로 주석 처리
	
[class*='icon_'],a[title],a[title]>i{position:relative;display:inline-block;}
[class*='icon_']:before,a[title]:before,a[title] i:before{content:'';position:absolute;top:0;left:0;}*/
.icon_down{width:16px;height:16px;text-indent:-9999px;}
.icon_down:focus{outline:2px dotted black}
.icon_down:before{width:100%;height:100%;background-position:0 -75px;}
.icon_down.icon_xls:before{background-position-x:-25px;}

a[title|='새창']{margin-right:5px;padding-right:20px;}
a[title|='새창'] i{padding-right:24px;}
a[title|='새창']:before,a[title|='새창'] i:before:not(.lnb){right:0;left:inherit;width:14px;height:14px;;background-position:-125px 0}
a[title|='새창']:before{top:6px;}
a[title|='새창'] i:before{top:calc(50% - 6px);}
.active a[title|='새창'] i:before{right:0;left:inherit;width:14px;height:14px;;background-position:-283px -73px}
.lnb a[title|='새창'] i:before{right:0;left:inherit;width:14px;height:14px;;background-position:-283px -73px}
.wrap_right a[title|='새창']:before{right:0;left:inherit;width:14px;height:14px;;background-position:-283px -73px}
.sitemap > li > ul > li > a[title|='새창']:before{left:8px;width:4px;height:4px;background-image:none;}
.sitemap > li > ul > li > a[title|='새창']:after{content:'';position:absolute;top: top: calc(50% - 7px);right:0;left:inherit;width:14px;height:14px;background-position:-283px -73px}



a[title*='다운로드'] i{padding-right:24px;}
a[title*='다운로드']:before,a[title*='다운로드'] i:before:not(.bd_title){right:0;left:inherit;width:14px;height:14px;;background-position:-286px 0}
a[title*='다운로드']:before{top:6px;}
a[title*='다운로드'] i:before{top:calc(50% - 6px);}

.icon_road0:before{background-image:url(/images/www2019/common/icon_road0.png)  !important;    background-position:0 0 !important; }

[class*='btn_'][title]:before{display:none;}


/** lst style **/
ul[class*='lst_'] li{position:relative;}
ul[class*='lst_'] li>span{display:inline-block;position:absolute;font-weight:500;}
ul[class*='row_0']:after{content:'';display:block;clear:both}
ul[class*='row_0'] li{float:left;box-sizing:border-box;}
ul[class*='row_0'] li.full{position:relative;float:none;width:100% !important;margin-right:0 !important;}
ul[class*='row_0'] li.full:before{content:'';display:block;clear:both}

.lst_tit li{padding-left:83px !important}
.lst_tit li span{left:15px;}

.lst_num li{padding-left:30px;}
.lst_num li>span{left:2px;width:20px;text-align:right;}
.lst_num.f_small li{font-size:13px;letter-spacing:-1px;}
	.lst_num.circle li{padding-left:35px;}
	.lst_num.circle li>span{width:26px;height:26px;color:#fff;text-align:center;box-shadow:2px 2px 2px #ccc;border-radius:50%;background:#325baf}
	.lst_num.line_b li{margin-top:8px;padding-bottom:8px;border-bottom:1px dotted #ccc}

.row_02 li{width:48%;}
.row_02 li:nth-child(odd){margin-right:4%;}
.row_03 li{width:32%;margin-right:1.5%;}
.row_03 li:nth-child(3n+3){margin-right:0;}

/** etc **/
.icon_tip{position:relative;padding-left:25px;}
.icon_tip:before,.icon_tip span:before,.icon_tip span:after{content:'';display:block;position:absolute;background:#fff;}
.icon_tip:before{top:2px;left:0;width:18px;height:18px;border-radius:50%;background:#21a4da;}
.icon_tip span:before,.icon_tip span:after{left:8px;width:2px;}
.icon_tip span:before{top:6px;height:7px;}
.icon_tip span:after{top:14px;height:2px;}

/** 사진목록 **/
.lst_pto{overflow:hidden;padding:15px}
.lst_pto li{float:left;width:calc(25% - 10px);margin:0 5px;padding:10px 0;text-align:center;box-sizing:border-box;}
.lst_pto li i{display:inline-block;padding:4px;border:1px solid #d2d2d2;box-shadow:0 0 2px #cacaca;background:#fff;}
.lst_pto li img{max-width:100%;vertical-align:top}
.lst_pto li em{display:block;margin-top:6px;text-align:center}

/** 상습체불건설업자 명단공표 제도 **/
.notice_type01{padding:15px 35px;}
.notice_type01 h4{padding-top:7px;font-size:25px;}

/** 지방청목록 select **/
.lst_local{display:inline-block;margin-left:10px;}
.lst_local select{height:25px;line-height:19px;font-size:13px;border:1px solid #bebebe;}
.lst_local .btn_st{display:inline-block !important}

/** 알림마당 > 일자리정보 > 개방형공모직위 요건명세 (tab menu) **/
.tab_style{position:relative;margin-top:25px;}
.tab_style .tab_cont_area{display:none;}
.tab_style .tab_cont_area:first-child{display:block;}
.tab_style .tab_cont{position:relative;}
.tab_style .tab_cont .area_tit{display:none;position:absolute;top:5px;left:5px;width:calc(100% - 10px);padding:15px 20px;color:#fff;font-size:28px;font-weight:500;box-sizing:border-box;background:#222;}
.tab_style .tab_cont .area_tit+h4{margin-top:5px}
.tab_style .tab_cont{display:none;min-height:300px;padding:25px 35px;border:1px dotted #cecece;background:#fff;}
.tab_style .tab_menu_2depth+.tab_cont{display:block;}
.tab_menu_2depth_ti,.tab_menu_2depth{box-sizing:border-box;}
.tab_menu_2depth_ti{position:relative;min-width:280px;padding:0 30px 0 20px;line-height:35px;color:#eee;font-size:14px;text-align:left;border:0;cursor:pointer;background:#222;}
.tab_menu_2depth_ti:before{content:'';display:block;position:absolute;top:15px;right:10px;border:5px solid transparent;border-top-color:#fff}
.tab_menu_2depth_ti.active:before{top:10px;transform:rotate(180deg)}
.tab_menu_2depth{display:none;position:absolute;min-width:280px;margin:0;border:1px dotted #bbb;background:#ddd;z-index:5;}
.tab_menu_2depth > li a{display:block;padding:0 30px 0 20px;line-height:28px;font-size:14px;background:#f4f4f4;}
.tab_menu_2depth > li a:hover,.tab_menu_2depth > li a:active,.tab_menu_2depth > li a:focus{ color:#fff;background:#aaa;}

/** 적극행정 추진방안 **/
.active_way{position:relative;width:94%;margin:0 auto}
.active_way dl{width:100%;display:inline-block;position:relative;margin:0 0 80px 0}
.active_way dt{font-size:20px;color:#fff;width:116px;height:116px;line-height:116px;border-radius:116px;display:inline-block;float:left;margin:0 40px 0 0;text-align:center;}
.active_way .area01 dt{background:#0056b8;}
.active_way .area02 dt{background:#6857bd;}
.active_way .area03 dt{background:#4675B1;}
.active_way dd{width:82%;display:inline-block;}
.active_way .area01 dd{font-size:22px;color:#0056b8;line-height:116px;text-align:center;box-sizing:border-box;}

	.area01 dd:before,.area01 dd:after,
	.area02:before,.area03:before{content:'';display:block;background:url(/images/www2019/contents/img_02040102.png)}

	.area01 dd:before{position:absolute;left:156px;top:6px;width:62px;height:106px;background-position:0 0;}
	.area01 dd:after{position:absolute;right:12px;top:6px;width:62px;height:106px;background-position:0 0;transform:rotate(180deg);}

	.area02:before{position:absolute;left:350px;top:-104px;width:348px;height:85px;background-position:0 -110px;}
	.area02 li{float:left;border:1px solid #6857bd;text-align:center;width:100%;margin-bottom:15px;padding:10px 12px 15px;box-sizing:border-box;border-radius:10px;font-size:20px;color:#5e4eae; line-height:19px}
	
	.area03{margin:0 !important}
	.area03:before{position:absolute;left:350px;top:-113px;width:348px;height:85px;background-position:0 -110px;}
	.area03 dd > ul > li{float:left; box-sizing:border-box; width:48%; padding:3%; border-radius:10px; border:1px solid #a4bbda; margin:0 2% 10px 0}
	/*.area03 li.st01{}
	.area03 li.st02{width:48%;padding:0 4%;}
	.area03 li.st03{width:48%;padding:0 3%;}
	.area03 li.st04{width:48%;padding:0 3%;}
	
	.area03 li:last-child{border:0}*/
	.area03 li strong{font-size:16px;color:#0056b8}
	.area03 li li{width:100%;font-size:14px;border:0}
	
	
	

/** 적극행정 국민추천 **/
.active_recod{position:relative;width:100%;}
.active_recod .copy_box{position:relative;background:url(/images/www2019/contents/bg_020404.jpg) no-repeat right top;color:#fff;padding:54px 54px 0;margin:0 0 20px 0;min-height:200px;box-sizing:border-box;}
	.copy_box strong{font-size:24px;padding:0 0 35px 0;display:inline-block;}
	.copy_box strong:before{content:'';display:block;position:absolute;top:96px;width:86px;height:2px;border:0;background:#fff;}
.active_recod .qna_list{position:relative}
	.qna_list dl{padding:20px 0 20px 100px;border-bottom:1px dashed #b5b5b5;}
	.qna_list dt{font-size:16px;margin:0 0 10px 0;color:#333}
	.qna_list dd{font-size:14px}
	.qna_list dd ul{display:table-cell}
	.qna_list dl em{color:#fff;background:#a3a3a3;line-height:25px;width:25px;height:25px;display:inline-block;text-align:center;border-radius:25px;margin:0 10px 0 0;float:left}
	.qna_list dl em.ico_a{background:#f8872c}
	.qna_list dl span{display:inline-block;float:left;}
	
	.qna_list .q1:before,.qna_list .q2:before,.qna_list .q3:before,
	.qna_list .q4:before,.qna_list .q5:before{content:'';display:block;background:url(/images/www2019/contents/img_020404.png)}
	.qna_list .q1:before{position:absolute;left:10px;top:20px;width:57px;height:56px;background-position:0 0}
	.qna_list .q2:before{position:absolute;left:10px;top:120px;width:57px;height:56px;background-position:-58px 0}
	.qna_list .q3:before{position:absolute;left:10px;top:240px;width:57px;height:56px;background-position:-117px 0}
	.qna_list .q4:before{position:absolute;left:10px;top:342px;width:57px;height:56px;background-position:0 -57px}
	.qna_list .q5:before{position:absolute;left:10px;top:506px;width:57px;height:56px;background-position:-58px -57px}

/** 도로이용불편신고처리절차 **/
	.doro_step{text-align:center}

/** 연혁 **/
	.molit_hty{margin:0 0 40px 0}
	.molit_hty dl{display:inline-block;width:100%;padding:0 0 30px 0;background:url(/images/www2019/contents/line_dot.gif) repeat-y 43px top;}
	.molit_hty dl:last-child{margin:0;background:none}
	.molit_hty dt{float:left;width:86px;height:86px;line-height:86px;color:#fff;text-align:center;font-size:24px;border-radius:86px;margin:0 40px 0 0}
	.molit_hty dt.year01{background:#006abb}
	.molit_hty dt.year02{background:#0094d7}
	.molit_hty dd{padding:30px 0 0 0;float:left;width:85%;}
	.molit_hty li strong{color:#1762be;font-size:16px;width:70px;display:inline-block;font-weight:400}
	.molit_hty li strong.org_nm{width:100px;color:#051f5f}
	.molit_hty li strong.org_nm02{width:60px;color:#051f5f}
	.molit_hty li span{display:inline-flex;}
	.molit_hty li span.w3{width:78%}
	.molit_hty li{margin:0 0 15px 0;}

/** 기념일 **/
	.molit_day{width: 50%;margin:0 0 40px 0;}
	.molit_day dl{display:inline-block;width:100%;padding:0 0 30px 0;background:url(/images/www2019/contents/line_dot.gif) repeat-y 43px top;}
	.molit_day dt{float:left;width:86px;height:86px;line-height:86px;color:#fff;text-align:center;font-size:24px;border-radius:86px;margin:0 40px 0 0}
	.molit_day dt.year01{background:#006abb}
	.molit_day dt.year02{background:#0094d7}
	.molit_day dt.year03{background:#0f9e76}
	.molit_day dt.year04{background:#0f9e76}
	.molit_day dd{padding:30px 0 0 0;float:right;width:85%;}
	.molit_day li strong{color:#1762be;font-size:16px;width:70px;font-weight:400}
	.molit_day li span strong{color:#666;font-size:16px;width:70px;font-weight:600}
	.molit_day li strong.org_nm{width:100px;color:#051f5f}
	.molit_day li strong.org_nm02{width:60px;color:#051f5f}
	.molit_day li span{display:block;}
	.molit_day li span.w3{width:78%}
	.molit_day li{margin:0 0 15px 0;}

/** 조직안내 **/
	.organization_area{width:100%;overflow:hidden;}
	.organization_box{width:100%;/** background:url(..//images/www2019/en2019/contents/bg_org_line01.png) no-repeat 0 0;**/}
	.organization_area .organization_box.first{width:100%;margin-bottom:20px;}
	.organization{overflow:hidden;position:relative;}
	.organization span,.organization > li,.organization > li > ul > li{text-align:center;}
	.organization > li > span{display:inline-block;width:100px;height:100px;margin-bottom:0;line-height:100px;font-size:18px;font-weight:400;color:#fff;background-color:#0056b8;border-radius:50px;}
	.organization > li > span a{color:#fff}
	.organization > li > ul{overflow:hidden;position:relative;}
	.organization > li .ch_0,.organization > li .ch_0 i{position:relative;}

	.organization > li .ch_0:before,.organization > li .ch_0:after{content:'';display:block;position:absolute;background:#ccc;}
	.organization > li .ch_0:before{top:100px;left:50%;width:1px;height:314px;}/*height:153px;*/
	.organization > li .ch_0:after{top:225px;left:50%;width:800px;height:1px;}

	.organization > li > ul > li.ch_1,.organization > li > ul > li.ch_2{position:absolute;top:10px;width:217px;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;z-index:999;}
	.organization > li > ul > li.ch_1 > span,.organization > li > ul > li.ch_2 > span{display:block;}
	.organization > li > ul > li.ch_1 > span:before,.organization > li > ul > li.ch_2 > span:before{z-index:-1;}
	.organization > li > ul > li.ch_1 > ul,.organization > li > ul > li.ch_2 > ul,.organization > li > ul > li.ch_3 > ul > li.ch_3_0 ul{margin-top:10px;}
	.organization > li > ul > li.ch_1{right:calc(50% + 45px)}
	.organization > li > ul > li.ch_2{left:calc(50% + 45px);}

	.organization > li > ul > li.ch_3{padding-top:75px;}
	.organization > li > ul > li.ch_3.first{position:relative; padding-top:153px;}
	.organization > li > ul > li.ch_3.first:before,.organization > li > ul > li.ch_3.first:after,.organization > li > ul > li.ch_3 > span:before,.organization > li > ul > li.ch_3 > span:after{content:'';display:block;position:absolute;background:#ccc;}
	.organization > li > ul > li.ch_3 > span{position:relative;display:inline-block;min-width:150px;min-height:40px;padding:0 15px;line-height:40px;color:#fff;font-size:16px;font-weight:400;border:none;background-color:#257FA5;}
	.organization > li > ul > li.ch_3 > span a{color:#fff}
	.organization > li > ul > li.ch_3.first:after{top:125px;right:0;width:1px;height:calc(100% - 30px);}
	.organization > li > ul > li.ch_3 > span:before{top:40px;left:50%;width:1px;height:102px;}
	.organization > li > ul > li.ch_3 > span:after{top:50%;left:100%;width:430px;height:1px;}
	.organization > li > ul > li.ch_3.first > span:before{height:56px;}
	.organization > li > ul > li.ch_3.first > span:after{display:none;}
	.organization > li > ul > li.ch_3 > ul{padding-top:112px;}
	
	.organization > li > ul > li.ch_3 > ul:before{content:'';display:block;position:absolute;top:102px;left:25%;width:50%;height:1px;background:#ccc;}
	/*원복.organization > li > ul > li.ch_3.first > ul{padding-top:65px;}*/	
	.organization > li > ul > li.ch_3.first > ul{padding-top:130px;}/* 높이값조정 */
	
	.organization > li > ul > li > ul{position:relative;}
	.organization > li > ul > li > ul:after{content:"";display:block;clear:both;}
	.organization > li > ul > li > ul > li[class^="ch_3_"]{position:relative;float:left;width:calc(25% - 38px);margin-left:15px;padding:5px;border:1px solid #f4f4f4;background:#f4f4f4;}
	.organization > li > ul > li > ul > li[class^="ch_3_"]:before{content:'';display:block;position:absolute;top:-11px;left:50%;width:1px;height:13px;background:#ccc;}
	.organization > li > ul > li > ul > li.ch_3_2:after,.organization > li > ul > li > ul > li.ch_3_5:after,.organization > li > ul > li > ul > li.ch_3_6:after{content:'';display:block;position:absolute;top:-11px;width:500px;height:1px;background:#ccc;}
	
	.organization > li > ul > li > ul > li.ch_3_2:after{left:50%;}
	.organization > li > ul > li > ul > li.ch_3_5:after{right:50%;}
	
	/* 22.12.27SM 모빌리티추가 시작 */
	.organization > li > ul > li.ch_3.second:after{content:'';display:block;position:absolute;background:#ccc;top:1408px;right:0;width:1px;height:calc(100% - 1854px);}

	.organization > li > ul > li > ul > li.ch_s:after{content:'';display:block;position:absolute;top:-11px;width:800px;height:1px;background:#ccc;}
	.organization > li > ul > li > ul > li.ch_s:after{left:0%;}
	.organization > li > ul > li > ul > li.ch_3_6:after{left:50%;}
	.organization > li > ul > li > ul > li.ch_3_6{margin-top:20px;}
	/* 22.12.27SM 모빌리티추가 끝 */

	/*원복 운영지원과 하단 가로라인  .organization > li > ul > li.ch_3.first > ul:before{top:55px} */
	.organization > li > ul > li.ch_3.first > ul:before{top:120px}
	.organization > li > ul > li.ch_3.first > ul > li[class^="ch_3_"]:before{top:-10px;height:10px;}
	/* 원복 .organization > li > ul > li > ul > li.ch_3_1{position:absolute;top:10px;left:50%;width:217px;margin-left:-267px;padding:0;border-width:0;box-sizing:content-box;background:transparent;}*/
	.organization > li > ul > li > ul > li.ch_3_1{position:absolute;top:25px;left:50%;width:217px;margin-left:-267px;padding:0;border-width:0;box-sizing:content-box;background:transparent;}
	
	.organization > li > ul > li > ul > li.ch_3_1 span{background:#776ac5;}
	.organization > li > ul > li > ul > li.ch_3_1:before{display:none;}
	.organization > li > ul > li > ul > li.ch_3_0{position:absolute;top:10px;left:50%;width:217px;margin-left:52px;padding:0;border-width:0;box-sizing:content-box;background:transparent;}
	.organization > li > ul > li > ul > li.ch_3_0 span{background:#776ac5;}
	.organization > li > ul > li > ul > li.ch_3_0 ul li span{color:#666;border:1px solid #ccc;background-color:#fff;}
	.organization > li > ul > li > ul > li.ch_3_0:before{display:none;}

	.organization li.box_style1 > span,.organization li.box_style2 > span,
	.organization li.box_style3 > span,.organization li.box_style4 > span,.organization ul.box_style5 li span{display:block;padding:5px;box-sizing:border-box;}
	.organization li.box_style1 > span,.organization li.box_style2 > span,.organization li.box_style4 > span,.organization .box_style5 li span{position:relative;}
	.organization li.box_style1 > span:before,
	.organization li.box_style1 > span:after,.organization .box_style2 > span:after,
	.organization li.box_style4 > span:after,.organization ul.box_style5 li span:after{content:'';display:block;position:absolute;left:50%;width:1px;background:#ccc;}
	.organization li.box_style4:last-child > span:after{display:none;}

	.organization li.box_style1 > span{height:34px;margin-bottom:0;line-height:23px;color:#333;font-size:15px;background-color:#3776ca;}
	.organization li.box_style1 > span a{color:#fff;}
	.organization li.box_style1 > span:before{top:50%;right:-51px;left:inherit;width:52px;height:1px;}
	.organization li.box_style1.ch_2 > span:before{right:inherit;left:-52px;}
	.organization li.box_style1.ch_3_0 > span:before{right:inherit;left:-52px;}
	.organization li.box_style1 > span:after{bottom:-15px;height:15px;}
	.organization li.box_style1.ch_3_1 > span:after{display:none;}
	.organization li.box_style2 > span{min-height:23px;margin-bottom:3px;line-height:23px;font-size:14px;color:#666;border:1px solid #ccc;background-color:#fff;}
	.organization li.box_style2 > span:after{bottom:-6px;height:6px}
	.organization li.box_style2:last-child > span:after{display:none;}
	.organization li.box_style3 > span{min-height:45px;padding-bottom:7px;line-height:18px;color:#fff;font-size:16px;border:none;background-color:#666;padding-top:12px }
	.organization li.box_style3 > span a{color:#fff}
	.organization li.box_style4 > span{min-height:28px;margin:10px 0 4px;line-height:16px;color:#333;font-size:14px;border:1px solid #b3b3b3;background-color:#dedede;}
	.organization li.box_style4 > span:after{bottom:-16px;height:16px;}
	.organization li.box_style4.no_sub > span:after{display:none;}
	.organization ul.box_style5{overflow:hidden;padding-top:3px;}
	.organization ul.box_style5.type_none{padding-top:10px;}
	.organization ul.box_style5 li{margin-bottom:5px;}
	.organization ul.box_style5 li span{min-height:23px;line-height:18px;color:#666;font-size:14px;border:1px solid #ccc;background-color:#fff;}
	.organization ul.box_style5 li span:after{bottom:-6px;height:5px;}
	.organization ul.box_style5 li:last-child span:after{display:none;}

	.organization_area .organization_box .org_company_list{overflow:hidden;margin-top:10px;}
	.organization_area .organization_box .org_company_list li{width:calc(50% - 5px);float:left;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;margin-top:10px;}
	.organization_area .organization_box .org_company_list li:nth-child(2n+2){ margin-left:10px;}
	.organization_area .organization_box .org_company_list li span{height:28px;display:block;line-height:28px;border:1px solid #b3b3b3;color:#333;text-align:center;font-weight:800;font-size:13px;text-decoration:none;}
	.organization_area .organization_box .org_company_list li span:hover,
	.organization_area .organization_box .org_company_list li span:focus,
	.organization_area .organization_box .org_company_list li span:active{text-decoration:underline;}

/** 비전과 목표 **/
	.vision{position:relative;background:url(/images/www2019/contents/img_05010102.png) no-repeat center 40px;width:914px;margin:0 auto;}
	.vision .v_area01{color:#fff;background:url(/images/www2019/contents/img_05010103.png) no-repeat center top;text-align:center;height:255px;margin:0 0 80px 0}
		.v_area01 strong{font-size:36px;font-weight:600;display:block;padding:80px 0 30px;position:relative;}
		.v_area01 strong:before{content:'';display:block;position:absolute;left:40.8%;top:107px;width:166px;height:1px;background:#fff;}
		.v_area01 span{font-size:26px;font-weight:400;line-height:30px}
	.vision .v_area02{position:relative;text-align:center}
		
		.v_area02 .t_arrow:before,.v_area02 li:before,.v_area02 li:after,.v_area02 strong:before,.v_area02 strong:after{background:url(/images/www2019/contents/img_05010101.png);content:'';display:block;position:absolute;}
		.v_area02 .t_arrow:before{left:285px;top:-131px;width:348px;height:85px;background-position:0 -110px;}
		.v_area02 strong{position:relative;font-size:38px;font-weight:600;display:block;color:#013b84;padding:10px 0 0 0}
		.v_area02 strong:before{left:182px;top:-25px;width:62px;height:106px;background-position:0 0;}
		.v_area02 strong:after{right:182px;top:-25px;width:62px;height:106px;background-position:0 0;transform:rotate(180deg);}
		.v_area02 ul{display:inline-block;width:100%;margin:120px 0 0 0;position:relative;}
		.v_area02 ul:after{content:'';display:block;position:absolute;left:459px;top:-95px;height:60px;border-left:1px dashed #b8b8b8}
		.v_area02 ul:before{content:'';display:block;position:absolute;left:112px;top:-36px;width:689px;border-top:1px dashed #b8b8b8}
		.v_area02 li{float:left;width:23%;margin:0 1%;font-size:18px;color:#373737;line-height:24px}
		.v_area02 span{width:132px;height:132px;border-radius:80px;display:block;margin:0 auto 15px}
		.v_area02 span.won01{background:#006abb}
		.v_area02 span.won02{background:#0094d7}
		.v_area02 li.no01:before{left:76px;top:30px;width:77px;height:72px;background-position:0 -234px;}
		.v_area02 li.no02:before{left:304px;top:30px;width:77px;height:72px;background-position:-77px -234px;}
		.v_area02 li.no03:before{left:532px;top:30px;width:77px;height:72px;background-position:-154px -234px;}
		.v_area02 li.no04:before{left:759px;top:30px;width:83px;height:72px;background-position:-231px -234px;}

		.v_area02 li.no01:after{left:112px;top:-33px;height:33px;border-left:1px dashed #b8b8b8}
		.v_area02 li.no02:after{left:344px;top:-33px;height:33px;border-left:1px dashed #b8b8b8}
		.v_area02 li.no03:after{left:570px;top:-33px;height:33px;border-left:1px dashed #b8b8b8}
		.v_area02 li.no04:after{left:800px;top:-33px;height:33px;border-left:1px dashed #b8b8b8}

/** 년별 업무계획 **/
	.sear_double.type_cont02 > div.sear_word_sel02{margin:0}
	.year_plan{position:relative;background:url(/images/www2019/contents/img_050103.png) no-repeat center 42%;width:90%;margin:20px auto}

	.pl_area01 span:before,.pl_area01 span:after,.pl_area02:before,.pl_area03:before{content:'';display:block;position:absolute;background:url(/images/www2019/contents/img_02040102.png)}

	.year_plan .pl_area01{color:#fff;text-align:center;margin:0 0 90px 0}
		.pl_area01 strong{background:#013b84;font-size:20px;text-align:center;width:116px;height:116px;line-height:116px;font-weight:400;display:block;margin:0 auto 24px;border-radius:60px;}
		.pl_area01 span{color:#013b84;font-size:22px;position:relative;}
	.year_plan .pl_area02{text-align:center;display:inline-block;width:100%;position:relative;}
	.year_plan .pl_area02:before{left:30%;top:-84px;width:348px;height:85px;background-position:0 -110px;}
		.pl_area02 ul{width:70%;margin:0 auto;}
		.pl_area02 li{width:31%;margin:0 1%;float:left;color:#013b84;font-size:20px;border:1px solid #013b84;padding:15px 0px;border-radius:10px;background:#fff}
	.year_plan .pl_area03{text-align:center;display:inline-block;width:100%;margin:60px 0 0 0;position:relative;}		
	.year_plan .pl_area03:before{left:30%;top:-64px;width:348px;height:85px;background-position:0 -110px;}
		.pl_area03 > strong{background:#006abb;font-size:20px;text-align:center;width:116px;height:116px;line-height:25px;font-weight:400;display:block;margin:0 auto 34px;border-radius:60px;color:#fff;padding:35px 20px 0;box-sizing:border-box;}
		.pl_area03 ul li{width:20%;margin:0 auto;float:left;border-right:1px dotted #cdcdcd;box-sizing:border-box;padding:0 1%}
		.pl_area03 ul li:last-child{border:none}
		.pl_area03 ul li strong{font-size:17px;color:#0056b8;display:block;padding:0 0 13px 0}
		.pl_area03 ul li em{font-size:18px;color:#373737;display:block;}	
		.pl_area01 span:before{left:-15%;top:-35px;width:62px;height:106px;background-position:0 0;}
		.pl_area01 span:after{right:-15%;top:-35px;width:62px;height:106px;background-position:0 0;transform:rotate(180deg);}
	
	.year_plan .pl_area2022{text-align:center;display:inline-block;width:100%;margin:60px 0 0 0;position:relative;}		
	.year_plan .pl_area2022:before{left:30%;top:-64px;width:348px;height:85px;background-position:0 -110px;}
		.pl_area2022 > strong{background:#006abb;font-size:20px;text-align:center;width:116px;height:116px;line-height:25px;font-weight:400;display:block;margin:0 auto 34px;border-radius:60px;color:#fff;padding:35px 20px 0;box-sizing:border-box;}
		.pl_area2022 ul li{width:25%;margin:0 auto;float:left;border-right:1px dotted #cdcdcd;box-sizing:border-box;padding:0 1%}
		.pl_area2022 ul li:last-child{border:none}
		.pl_area2022 ul li strong{font-size:17px;color:#0056b8;display:block;padding:0 0 13px 0}
		.pl_area2022 ul li em{font-size:18px;color:#373737;display:block;}
		.pl_area01 span:before{left:-15%;top:-35px;width:62px;height:106px;background-position:0 0;}
		.pl_area01 span:after{right:-15%;top:-35px;width:62px;height:106px;background-position:0 0;transform:rotate(180deg);}
/** 2020년추가  20200304 추가함**/

		.pl_area02.type04 li{width:22% !important;}
		.pl_area03.type04 ul li em{display:inline-block !important;}	
		

		/** 이전 업무계획 **/
		.key_goals{position:relative;padding:0;z-index:1;width:80%;margin:20px auto}
		.key_goals h4,.key_goals h5{padding-left:0;}
		.key_goals h4:before,.key_goals h5:before{display:none;}
		/*.key_goals h4{color:#085da0;font-size:26px;text-align:center;}*/
		.key_goals h4{display:inline-block;position:absolute;top:-22px;left:50%;min-width:180px;margin:0 0 0 -90px;line-height:32px;text-align:center;border:3px solid transparent;border-radius:20px;background:linear-gradient(#ffffff, #d1d4db);z-index:8;}
		.key_goals h5{display:inline-block;position:absolute;top:-22px;left:50%;min-width:180px;margin:0 0 0 -90px;line-height:32px;text-align:center;border:3px solid transparent;border-radius:20px;background:linear-gradient(#ffffff, #d1d4db);z-index:8;}
		.key_goals h5:after{background:none}
		.key_goals div,.key_goals div p,.key_goals div span{position:relative;}
		.key_goals div{margin-bottom:80px;}
		.key_goals div:last-child{margin-bottom:0px;}
		.key_goals h4+div{margin-top:60px;}
		.key_goals div p{overflow:hidden;min-height:64px;padding:20px 0;color:#fff;font-size:18px;text-align:center;box-sizing:border-box;z-index:6;}
		.key_goals div p:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:50%;background:rgba(0,0,0,0.1);z-index:5;}
		.key_goals div span{z-index:7;}
		.key_goals .type02:before,.key_goals .type03:before,.key_goals .type02:after,.key_goals .type03:after{content:'';display:block;position:absolute;left:50%;}
		.key_goals .type02:before,.key_goals .type03:before{background:url(/images/www2019/contents/bg_arrow_top.png) no-repeat 50% top;width:150px;height:45px;left:50%;margin-left:-75px;top:-66px;}
		.key_goals .type02:after,.key_goals .type03:after{}
		.key_goals .type01 h5{color:#085d9e;border-color:#085da0}
		.key_goals .type01 p{border:2px solid #0572c7;border-radius:22px;background:#077ABD;}
		.key_goals .type02 h5{color:#04846d;border-color:#02846c}
		.key_goals .type02 p{margin:0 20px;border:2px solid #01867D;border-radius:22px;background:#01867D;}
		.key_goals .type02 span{padding:0 20px 0 15px;}
		.key_goals .type02 span:before{content:'';display:block;position:absolute;top:10px;left:0;width:8px;height:8px;border-radius:50%;background-color:#fff;}
		.key_goals .type03{padding:40px 60px 30px;border:1px solid #e4e4e4;border-radius:20px;background-color:#f4f4f4;}
		.key_goals .type03 h5{width:310px;margin-left:-150px;color:#fff;border-color:#0c68b3;background:#0866ad;}
		.key_goals .type03 li{position:relative;min-height:64px;margin-top:10px;padding:0 5px 0 70px;}
		.key_goals .type03 li:first-child{margin-top:0;}
		.key_goals .type03 li strong{display:inline-block;position:absolute;top:30px;left:0;width:64px;height:64px;margin-top:-32px;line-height:64px;color:#b6fbff;font-size:18px;text-align:center;border-radius:50%;background:#0d78ce; color:#fff;}
		.key_goals .type03 li span{display:block;height:100%;padding:19px 35px;line-height:18px;color:#3e3e3e;border-bottom:2px solid #399df2;border-radius:30px;box-shadow:0 2px 5px #666;box-sizing:border-box;background:linear-gradient(#ffffff, #f4f4f4);}
		.key_goals .type03 li span i{color:#07199f;}
		.key_goals .type03 ul > li > ul{margin:10px 0 20px 0;padding:0 0 0 38px}
		.key_goals .type03 ul > li > ul > li{line-height:22px;min-height:inherit !important;padding:0}
		.key_goals .type04 h4{color:#085d9e;border-color:#085da0}
		.key_goals .type04 p{border:2px solid #0572c7;border-radius:22px;background:#077ABD;}

		.before_molit li {padding:20px 40px;border:1px dotted #b5b5b5;margin:0 0 10px 0}
		.before_molit li strong{padding:0;line-height:29px;color:#1762be;font-size:20px;}
		.before_molit li span{display:inline-block;width:100%}
		.before_molit li span.tit{margin:10px 0 0;font-weight:500}

/** 부서별직원안내 **/
	.staff_search{margin:8px 0 25px;background:#f4f4f4;}
	.staff_search fieldset{min-width:0;padding:20px 30px;box-sizing:border-box;}
	.staff_search legend+div{margin-top:0;}
	.staff_search div{margin:5px 0;}
	.staff_search div label,.staff_search div input,.staff_search div select,.staff_search div button,.staff_search div a{vertical-align:middle}
	.staff_search input,.staff_search select{display:inline-block;height:calc(37px - 2px);margin:0 8px 0 0;padding:5px 10px;border:1px solid #d5d8d8;background:#fff;}
	.staff_search label{display:inline-block;position:relative;width:116px;padding-left:10px;font-size:14px;box-sizing:border-box;}
	.staff_search label:before{content:'';display:block;position:absolute;top:calc(50% - 2px);left:0;width:4px;height:4px;background:#051f5f;}
	.staff_search div button,.staff_search div button[type='submit']{overflow:hidden;display:inline-block;width:94px;height:35px;margin-left:-6px;color:#fff;text-align:center;border-width:0;}
	.staff_search div button{background:#325baf;}
	.staff_search div button i{display:block;position:relative;cursor:pointer;}
	.staff_search div button[type='submit']{background:#393939;}
	.staff_search span{display:inline-block;position:relative;border:1px solid #d5d8d8;box-sizing:border-box;background:#fff;}
	.staff_search span input{width:100%;margin:0;border-color:transparent}
	.staff_search label+span{margin-right:20px;}
	.staff_search label+span:after{content:'';display:block;position:absolute;top:50%;right:-14px;width:4px;height:1px;background:#555;}

	.staff_search .sear_word div{display:inline-block;}
	.staff_search .sear_word_sel{position:relative;width:190px;margin:0 !important;}
	.staff_search .sear_word_sel:before{content:'';display:block;position:absolute;top:calc(50% - 5px);right:15px;width:6px;height:6px;border:2px solid #989898;border-top-width:0;border-left-width:0;transform:rotate(45deg);z-index:5;}
	.staff_search .sear_word_sel select{width:100%;margin-right:0;font-size:14px;filter:alpha(opacity=0);-webkit-appearance:none;-moz-appearance:none;appearance:none;}
	.staff_search .sear_word_sel select::-ms-expand{ display:none;}
	.staff_search .sear_word_txt{position:relative;width:506px;margin:0 !important;padding-right:99px;box-sizing:border-box;}
	.staff_search .sear_word_txt input[type="text"]{width:100%;}

	.staff_search .sear_word_txt02{position:relative;width:412px;margin:0 !important;padding-right:99px;box-sizing:border-box;}
	.staff_search .sear_word_txt02 input[type="text"]{width:100%;}

	.staff_search .sear_double .sear_word_sel{width:164px;}
	.staff_search .sear_double div{display:inline-block;margin:0 0 0 0px;}

	.molit_call{padding:30px 30px 20px;border:1px dashed #b5b5b5;background:#fff;box-sizing:border-box;margin:0 0 20px 0}
	/*.molit_call h5{margin-top:10px}
	.molit_call h5 span{font-size:22px;color:#1762be;margin:0 0 0 15px}*/
	.molit_call h4{margin-top:10px}
	.molit_call h4 span{font-size:22px;color:#1762be;margin:0 0 0 15px}
	.molit_call ul{margin:0 0 15px 0;display:inline-block}
	.molit_call li{float:left;width:48%;margin:5px 1%}
	.molit_call li strong{color:#fff;background:#0f9e76;padding:4px 6px;margin:0 10px 0 0;border-radius:4px;vertical-align:top;}
	.molit_call li span{width:90%;display:inline-block;}

/** 관런사이트 **/
	.link_site{display:inline-block;border-bottom:1px dotted #cecece;padding:0 0 20px 0 !important;width:100%}
	.link_site:last-child{border-bottom:none;padding:0 !important}
	.link_site li{float:left;width:24%;margin:0 1% 1% 0;box-sizing:border-box;}

/** MI 베너 **/
	.molit_mi{text-align:center;display:inline-block;width:100%;box-sizing:border-box;}
	.molit_mi img{margin:0 1% 1%}
	.molit_mi .btn_mi{padding:20px 0 10px}
	.molit_mi .btn_mi a{margin:0 4px}
	.molit_mi ul{text-align:left}

	.molit_mi .color{float:left;width:38%;margin:2% 6%;}
		.color span{width:100%;text-align:center;display:block;line-height:50px}
		.color span.col01{color:#fff;background:#003764}
		.color span.col02{color:#fff;background:#e4032d}
		.color span.col03{color:#fff;background:#575757}
		.color span.col04{background:#fff;border:1px solid #cdcdcd}
		.color li strong{margin:0 20px 0 0}
	
	.molit_mi .img_area {margin:0 0 20px 0} 
		.img_area h5{text-align:left;margin:0 0 10px}

/** 공공데이터 개방 **/
	.box_style.btn_area{position:relative;}
	.box_style.btn_area .btn_pt01{position:absolute !important;right:30px;top:50px}
	.gg_data_box{display:inline-block;width:100%;box-sizing:border-box;padding:10px 30px 30px 200px;position:relative;background:url(/images/www2019/contents/img_040301.png) no-repeat 20px 50px}
	.gg_data_box dt{color:#3670c3;font-size:17px;margin:0 0 4px 0;font-weight:500}
	.gg_data_box dd span{margin:0 30px 0 0}
	.gg_data_prss{margin:0 0 30px 0;display:inline-block;width:100%;}
	.gg_data_prss div {width:20%;float:left;margin:15px 2.4% 0;text-align:center;border:1px solid #cdcdcd;position:relative;}
	.gg_data_prss div:before {content:'';display:block;position:absolute;top:37px;right:-39%;width:128px;height:45px;transform:rotate(90deg);z-index:5;background:url(/images/www2019/contents/bg_arrow_top.png) no-repeat;background-size:68%}
	.gg_data_prss div:last-child:before {background:none}
	.gg_data_prss div strong{color:#3670c3;font-weight:500;display:block;line-height:40px;background:#e6f1f5;}
	.gg_data_prss div span{line-height:22px;padding:12px 10px;display:inline-block;}

/** 모바일앱 **/
	.molit_app{display:inline-block;position:relative;width:100%;margin:0 0 30px 0;padding:10px 30px 30px 260px;box-sizing:border-box;background:url(/images/www2019/contents/img_060101.jpg) no-repeat 40px 24px;}

/** 본인확인서비스 **/
	.sgat_area{width:100%;display:inline-block;box-sizing:border-box;}
	.sgat_area > div{width:30%;float:left;margin:0 1.5%;border:1px solid #cdcdcd;text-align:center;padding:30px 30px;box-sizing:border-box;min-height:410px;position:relative;}
	.sgat_area > div > span{min-height:96px;display:inline-block;}
	.sgat_area div strong{color:#212121;font-size:24px;display:block;padding:20px 0 140px}
	.sgat_area div a{background:#6A768E;color:#fff;display:inline-block;border-radius:30px;}
	.sgat_area div.signgate01{background:url(/images/www2019/contents/img_060202.jpg) no-repeat center 100px}
	.sgat_area div.signgate02{background:url(/images/www2019/contents/img_060203.jpg) no-repeat center 100px}
	.sgat_area div.tel{padding:20px 0 0 0}
	.sgat_area div.tel.end{padding:55px 0 0 0}
	.sgat_area div.tel span{padding:0 0 6px 0;display:inline-block;}

/** 저작권정책 **/
	.gong_mka{position:relative;padding:25px}
	.ggong_mk{text-align:center}

/** 최근 제·개정법령 **/
	.box_law{text-align:center}
	.box_law a,.box_law a span{display:inline-block}
	.box_law a{padding:15px 35px;border-radius:15px}
	.box_law a[title*='새창']{margin-right:0;}
	.box_law a[title*='새창'] i{position:relative;margin:0 15px 0 8px;padding-right:15px;font-size:15px;font-weight:500 !important}
	.box_law a[title*='새창']:before,.box_law a[title*='새창'] i:before{background:none}
	.box_law a[title*='새창'] i:before,.box_law a[title*='새창'] i:after{content:'';display:block;position:absolute;top:calc(50% - 4px);right:0;width:4px;height:4px;border:2px solid transparent;border-top-color:#226ebc;border-right-color:#226ebc;transform:rotate(45deg)}
	.box_law a[title*='새창'] i:before{display:none;right:6px;}

	.box_law h4,.box_law a span,.btn_law02:before{text-indent:-9999px;background:url(/images/www2019/contents/bg_law.png) no-repeat 0 0}
	.box_law h4{width:157px;height:40px;margin:0 auto 25px;}

	.btn_law01{padding-right:50px;padding-left:50px;line-height:32px;color:#005596;font-size:24px;text-align:center;border:3px solid #003d80;background:#faf6eb}
	.btn_law01:hover,.btn_law01:active,.btn_law01:focus{color:#005596;background:#fdf6e4;}
	.btn_law01 span{width:160px;height:32px;margin-top:3px;background-position-y:-50px !important}

	.btn_law02{position:relative;width:250px;margin:205px auto 0;}
	.btn_law02:before{content:'';display:block;position:absolute;bottom:63px;left:calc(50% - 140px);width:280px;height:173px;background-position-y:-100px !important;z-index:-1;}
	.btn_law02 a{display:block;line-height:18px;color:#053863;font-size:18px;font-weight:bold;border:2px solid #003d80;background:#e8fcff;}
	.btn_law02[title*='새창'] i{color:#003d80;}
	.btn_law02[title*='새창'] i:before,.btn_law02[title*='새창'] i:after{border-top-color:#003d80 !important;border-right-color:#003d80 !important;}
	.btn_law02 a:hover,.btn_law02 a:active,.btn_law02 a:focus{color:#053863;background:#e8e8e8;}

/** 건설교통부 - 업무보고 **/
	.wrap_report_box{padding:20px;border:1px solid #cdcdcd}
	.wrap_tbl_img{overflow:hidden;padding:15px;border:1px dashed #e0e0e0;}
	.wrap_tbl_img table,.wrap_tbl_img .img_area{min-width:200px;width:48%;margin:0}
	.wrap_tbl_img table{float:left;}
	.wrap_tbl_img .img_area{float:right}
	.wrap_tbl_img .img_area img{max-width:100%}

	.wrap_tbl_img.w4_6 table{width:38%}
	.wrap_tbl_img.w4_6 .img_area{width:58%;}

	.wrap_img_view{text-align:center}
	.wrap_img_view img{max-width:100%}

	/** 지하철 **/
	.wrap_route{padding:15px;background:#f4f4f4;}
	.wrap_route>strong{display:block;position:relative;margin:15px 0 5px;padding-left:23px;}
	.wrap_route>strong:before{content:'';display:block;position:absolute;top:calc(50% - 7px);left:3px;width:8px;height:8px;border:3px solid #d6d6d6;border-radius:50%}
	.wrap_route>strong:first-child{margin-top:0;}
	.wrap_route ul{overflow:hidden;padding:20px 45px 15px;border:1px dotted #d6d6d6;background:#fff;}
	.wrap_route ul li,.wrap_route ul li i{position:relative;}
	.wrap_route ul li{float:left;width:20%;text-align:center;box-sizing:border-box}
	.wrap_route ul li:before,.wrap_route ul li i:before{content:'';display:block;position:absolute}
	.wrap_route ul li:before{top:13px;width:100%;height:1px;background:#8c8c8c}
	.wrap_route ul li:first-child:before,.wrap_route ul li:last-child:before{width:50%;}
	.wrap_route ul li:first-child:before{right:0;}
	.wrap_route ul li i{display:inline-block;padding-top:25px;}
	.wrap_route ul li i:before{top:6px;left:calc(50% - 7px);width:13px;height:13px;border:1px solid #013b84;border-radius:50%;background:#0056b8}
		.wrap_route ul.three li{width:33.3%;}
		.wrap_route ul.three li i:before{border-color:#941b00;background:#b84c00}

/** 사이트맵 **/
.sitemap{display:flex;flex-wrap:wrap;justify-content:space-between}
.sitemap > li{flex-basis:31%;margin-bottom:25px;}
.sitemap > li h4{position:relative;margin-top:0;padding:10px 0;line-height:26px;font-size:20px;text-align:center;border:1px solid #00509d;border-right-width:0;border-left-width:0;background:#eef5fb;}
.sitemap > li h4:before{content:'';display:inline-block;position:absolute;background:url(/images/www2019/contents/icon_sitemap.png) no-repeat 0 0}
.sitemap > li h4 a{display:block;height:100%;color:#124b91}
.sitemap > li h4 a:hover,.sitemap > li h4 a:active,.sitemap > li h4 a:focus{text-decoration:underline;}
.sitemap > li .m01:before{top:calc(50% - 20px);right:2px;width:34px;height:39px;}
.sitemap > li .m02:before{top:calc(50% - 21px);right:2px;width:43px;height:42px;background-position-x:-50px;}
.sitemap > li .m03:before{top:calc(50% - 17px);right:8px;width:34px;height:33px;background-position-x:-100px;}
.sitemap > li .m04:before,.sitemap > li .m05:before,.sitemap > li .m06:before{background-position-y:-50px;}
.sitemap > li .m04:before{top:calc(50% - 18px);right:7px;width:38px;height:36px;}
.sitemap > li .m05:before{top:calc(50% - 22px);right:1px;width:45px;height:43px;background-position-x:-50px;}
.sitemap > li .m06:before{top:calc(50% - 20px);right:7px;width:39px;height:40px;background-position-x:-100px;}
.sitemap > li > ul > li{border-bottom:1px dotted #d0d0d0}
.sitemap > li > ul > li a{display:block;position:relative;max-width:100%;padding:10px 0;box-sizing:border-box;}
.sitemap > li > ul > li a:before{content:'';display:block;position:absolute;}
.sitemap > li > ul > li > a{padding-right:10px;padding-left:20px;color:#333;font-size:16px;}
.sitemap > li > ul > li > a:before{top:calc(50% - 2px);left:8px;width:4px;height:4px;border-radius:50%;background:#909090;}
.sitemap > li > ul > li > a:hover,.sitemap > li > ul > li > a:active,.sitemap > li > ul > li > a:focus{color:#00509d}
.sitemap > li > ul > li > a:hover:before,.sitemap > li > ul > li > a:active:before,.sitemap > li > ul > li > a:focus:before{background:#00509d;}
.sitemap > li > ul > li > a+ul{border-top:1px dotted #d0d0d0;}
.sitemap > li > ul > li > ul{padding:10px 20px;}
.sitemap > li > ul > li > ul a{padding:4px 0 4px 13px;line-height:16px;color:#676767;font-size:14px;letter-spacing:-1px;}
.sitemap > li > ul > li > ul a:before{top:calc(50% - 2px);left:0;width:2px;height:1px;border:1px solid #d6d6d3}
.sitemap > li > ul > li > ul a:hover,.sitemap > li > ul > li > ul a:active,.sitemap > li > ul > li > ul a:focus{color:#333;}
.sitemap > li > ul > li > ul a:hover:before,.sitemap > li > ul > li > ul a:active:before,.sitemap > li > ul > li > ul a:focus:before{background:#d6d6d3}
.sitemap > li > ul > li > ul a:before,
.sitemap > li > ul > li > ul a[title|='새창']:before{top: calc(50% - 1px);left: 6px;width:2px;height:1px;border:1px solid #d6d6d3;background-image: none;}
.sitemap > li > ul > li > ul a[title|='새창']:after{content:'';position:absolute;top:calc(50% - 2px);right:0;width:14px;height:14px; background-position:-283px -73px}


/** 누리집 이용안내 **/
.keyboard_use{display:flex;padding:25px 10px 10px;flex-wrap:wrap;justify-content:space-between;border:1px dashed #b5b5b5}
.keyboard_use li{overflow:hidden;flex:1 1 50%;min-width:50%;margin-bottom:15px;box-sizing:border-box;}
.keyboard_use i,.keyboard_use em{float:left;box-sizing:border-box;}
.keyboard_use i{min-width:145px;padding-right:15px;text-align:right;}
.keyboard_use em{width:calc(100% - 160px);padding-left:15px;letter-spacing:-1px;}
.keyboard_use span{display:block;position:relative;margin-bottom:2px;color:#007ba7;}
.keyboard_use span:before{content:'';display:block;position:absolute;top:10px;left:-12px;width:4px;height:4px;border:1px solid #007ba7;border-bottom-width:0;border-left-width:0;transform:rotate(45deg)}

/** 게시판이용안내 **/
.how_use{margin-top:25px;}
.how_use li{position:relative;padding:0 0 45px;}
.how_use li:before{content:'';position:absolute;bottom:4px;left:calc(50% - 75px);width:150px;height:45px;transform:rotate(180deg);background:url(/images/www2019/contents/bg_arrow_top.png);}
.how_use li:last-child{padding-bottom:0;}
.how_use li:last-child:before{display:none;}
.how_use li p{padding:25px;border:15px solid #f4f4f4;background:#fff;}
.how_use li i,.how_use li span{display:block;}
.how_use li i{text-align:center;}
.how_use li i img{max-width:100%}
.how_use li span{position:relative;margin-top:15px;padding:15px 15px 0;border-top:1px dotted #ccc;}
.how_use li span:before{content:'';display:block;position:absolute;top:25px;left:5px;width:4px;height:4px;background:#ccc;}
.how_use li span i{text-align:left;}

/** rss서비스 **/
.rss_step{display:flex;flex-wrap:wrap;padding:25px 0 0;justify-content:space-between}
.rss_step li{position:relative;flex:1;width:25%;margin:0 0 15px;padding:15px 30px;box-sizing:border-box;}
.rss_step li span{display:block;position:absolute;top:0;left:0;width:64px;line-height:64px;color:#fff;font-size:20px;text-align:center;border-radius:50%;background:#0056b8;}
.rss_step li p{height:100%;margin-bottom:0;padding:20px 15px 20px 40px;line-height:20px;color:#373737;font-size:14px;border:1px solid #0056b8;border-radius:8px;box-sizing:border-box;}
.rss_tit,.rss_btn{width:20%;}
	/** pop style **/
	.wrap_rss_cont h2{padding:15px 25px;line-height:18px;color:#333;font-size:16px;font-weight:500;background:#efefef;}
	.wrap_rss_cont .img_area{padding:30px;text-align:center;}
	.wrap_rss_cont .img_area img{max-width:100%}

/** 뷰어다운로드 **/
.viewer li{display:flex;position:relative;min-height:78px;margin-bottom:25px;padding:0 15px 25px 270px;border-bottom:1px solid #e0e0e0;flex-wrap:wrap;align-items:center}
.viewer li span{display:block;position:absolute;left:18px;padding-left:94px;color:#0079ab;font-size:17px;}
.viewer li span:before{content:'';display:block;position:absolute;top:calc(50% - 39px);left:0;width:78px;height:78px;background:url(/images/www2019/contents/icon_viewer02.jpg) no-repeat 0 0;background-size:100%}
.viewer li:first-child span:before{background-image:url(/images/www2019/contents/icon_viewer01.jpg)}
.viewer li p{display:inline-block;margin-bottom:0;font-size:14px;}
.viewer li p em{margin-right:15px;line-height:28px;}
.viewer li p a{margin-right:0 !important;vertical-align:bottom}

/** 팝업 - 새창 **/
.wrap_pop{position:relative;}
.wrap_pop h1{padding:20px 30px;line-height:20px;color:#fff;font-size:20px;font-weight:500;background:#0050a0;}
.wrap_pop_cont{padding:20px 25px;}
.wrap_pop_cont .bd_search{margin:8px 0 0;background:none;}
.wrap_pop_cont .bd_search div{margin:0;}
.wrap_pop_cont .bd_search fieldset{padding:0;}
.wrap_pop_cont .sear_word_sel{width:36% !important;}
.wrap_pop_cont .sear_word_txt{width:63.2% !important}
.wrap_tree_area{margin-top:12px;padding:10px;border:2px solid #e6e6e6;background-color:#fff;}
.wrap_pop_close{display:block;position:absolute;top:13px;right:10px;width:33px;height:33px;text-indent:-9999px}
.wrap_pop_close:before,.wrap_pop_close:after{content:'';display:block;position:absolute;top:0;left:50%;width:1px;height:33px;background:#fff;}
.wrap_pop_close:before{transform:rotate(45deg)}
.wrap_pop_close:after{transform:rotate(-45deg)}


	/** 아코디언 22 09 02 **/
 
	.que:first-child{border-top: 2px solid #006bb7;}
	.que{ position: relative;  padding: 17px 0 17px 15px;  cursor: pointer;  font-size: 16px; font-weight:500;  border-bottom: 1px solid #80bfec; background-color: #f4fbff}
	.que:hover{background-color: #fff; transition: 0.4s;}
	.que::before{display: inline-block;  font-size: 16px;  color: #f4fbff;  margin: 0 5px;}
	.que.on>span{font-weight: bold;  color: #006633; }
	.anw {display: none;overflow: hidden;  font-size: 14px;  background-color: #fff;  padding: 27px 0 27px 15px; border-bottom: 1px solid #80bfec;}
	.anw::before {display: inline-block;  font-size: 14px;  font-weight: bold;  color: #666;  margin: 0 5px;}
	.anw:last-child{border-bottom: 1px solid #80bfec;}
	.arrow-wrap {position: absolute;  top:50%; right: 10px;  transform: translate(0, -50%);}
	.que .arrow-top {display: none;}
	.que .arrow-bottom {display: block;}
	.que.on .arrow-bottom {display: none;}
	.que.on .arrow-top {display: block;}
	
	.arrow-wrap .up, .arrow-wrap .down { display: inline-block; background: url("../../images/www2021/common/bg_iconset.png") no-repeat; }
	.arrow-wrap .up { width: 10px; height: 6px; background-position: -200px -50px; }
	.arrow-wrap .down { width: 10px; height: 6px; background-position: -225px -50px; }

	

/** responsible **/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.tab_menu li{flex-basis:calc(25% + 1px)}
	.tab_menu_ico li{flex:0 0 calc((100%/7) + 1px);}
	.box_budget li{flex:0 0 calc(100% / 3);}
}

/** 1600px 시작 **/
@media screen and (max-width:1600px){
	
.active_way dt{margin:0 1% 0 0}
}
/** 1600px 끝 **/

/** 1400px 시작 **/
@media screen and (max-width:1400px){
	/** rss서비스 **/
	.rss_step li{min-width:50%;}
}
/** 1400px 끝 **/

/** 1280px 시작 **/
@media screen and (max-width:1280px){

	/** 적극행정 추진방안 **/
	.active_way{width:100%}
	.active_way dd{width:80%}
	.area02:before,.area03:before{left:296px;}
	/*.area02 li{min-height:130px;}*/
	.area03 li.st01,.area03 li.st02,.area03 li.st03{padding:0 1%}

	/** 적극행정 국민추천 **/
	.qna_list .q3:before{top:266px}
	.qna_list .q4:before{top:366px}
	.qna_list .q5:before{top:532px}

	/** 연혁 **/
	.molit_hty dd{padding:20px 0 0 0;width:83%;}
	.molit_hty dd span{display:block;}
	.molit_hty li span.w3{width:100%}
	
	/** 기념일 **/
	.molit_day dd{padding:20px 0 0 0;width:83%;}
	.molit_day dd span{display:block;}
	.molit_day li span.w3{width:100%}

	/** 년별 업무계획 **/
	.pl_area02 ul{width:94%}
	.year_plan .pl_area02:before,.year_plan .pl_area03:before{left:24%}
	.pl_area03 ul li{line-height:20px;}

	/** 부서별직원안내 **/
	.staff_search .sear_word_txt{width:412px}
	.molit_call li span{width:86%;}

	/** 관런사이트 **/
	.link_site li{width:32%;}

	/** 공공데이터 개방 **/
	.gg_data_box dd span{margin:0 14px 0 0}
	.gg_data_prss div{margin:15px 2% 0;}
	.gg_data_prss div:before{right:-44%;}
	.gg_data_box dd span{display:block;margin:0 !important}

	/** 본인확인서비스 **/
	.sgat_area > div{width:31%;margin:0 1%;padding:30px 6px}

}
/** 1280px 끝 **/

/** 1024px 시작 **/
@media screen and (max-width:1024px){
	/** box style **/
	.box_notice.property{padding:10px 25px 15px 160px;}
	.box_notice.property:before{top:25px;left:25px;}

	.box_budget li{flex-basis:30.6%}

	/** tab menu **/
	.tab_menu li{flex-basis:24.8%;}
	.tab_menu_ico li{flex-basis:19.85%}
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
		.tab_menu li{flex-basis:calc(25% + 1px)}
		.tab_menu_ico li{flex-basis:calc((100%/5) + 1px)}
		.box_budget li{flex-basis:calc(100% / 3);}
	}

	/** 지방청목록 select **/
	.lst_local{display:block;margin:5px 0 0}

	/** 적극행정 추진방안 **/
	.active_way dt{margin:0 20px 0 0}
	.active_way dd{width:79%}
	.area01 dd:before{left:136px}
	.area01 dd:after{right:0}
	.area01 dd{padding:40px 40px 0;line-height:28px !important;}
	.area02 li{padding:10px 10px 15px;}
	.area02:before,.area03:before{left:220px}
	.area03 li strong{line-height:20px;}
	.area03 li.st01,.area03 li.st02,.area03 li.st03{padding:0 2%}

	/** 적극행정 국민추천 **/
	.active_recod .copy_box{padding:35px 54px 0px}
	.copy_box strong:before{top:75px}

	/** 연혁 **/
	.molit_hty dd{width:80%;}

	/** 비전과 목표 **/
	.vision{width:100%}
	.v_area02 .t_arrow:before{left:26%;}
	.v_area02 strong:before{left:20%}
	.v_area02 strong:after{right:20%}
	.v_area02 li.no01:before{left:8%}
	.v_area02 li.no02:before{left:32%}
	.v_area02 li.no03:before{right:32%;left:inherit;}
	.v_area02 li.no04:before{right:8%;left:inherit;}
	.v_area02 li.no01:after{left:90px}
	.v_area02 li.no02:after{left:37.5%}
	.v_area02 li.no03:after{right:37.5%;left:inherit;}
	.v_area02 li.no04:after{right:90px;left:inherit;}
	.v_area02 ul:before{left:90px;width:540px;}
	.v_area02 ul:after{left:50%}
	.v_area01 span{font-size:22px}
	.v_area02 li{font-size:16px;line-height:22px;}
	.v_area01 strong:before{width:20%;left:40.4%;}

	/** 년별 업무계획 **/
	.pl_area01 span:before{left:-8%}
	.pl_area01 span:after{right:-8%;}
	.pl_area02 ul{width:96%}
	.pl_area02 li{box-sizing:border-box;}
	.year_plan .pl_area02:before,.year_plan .pl_area03:before{left:21%}
	.pl_area03 ul li{width:33%;margin:0 0 40px 0}

		/** 이전 업무계획 **/
		.key_goals{width:90%;}

	/** 부서별직원안내 **/
	.staff_search .sear_word_txt{width:340px}

	/** 본인확인서비스 **/
	.sgat_area > div{width:33%;margin:0 0%;padding:30px 6px}

	/** 사진목록 **/
	.lst_pto li{width:calc(33.3% - 10px);padding:10px;}
	.lst_pto li i img{width:100%;}
	.lst_pto li em{font-size:14px;letter-spacing:-1px;}

	/** 뷰어다운로드 **/
	.viewer li span{padding-left:74px;}
	.viewer li span:before{top:calc(50% - 30px);width:60px;height:60px;}

}
/** 1024px 끝 **/

/** 1023px 시작 **/
@media screen and (max-width:1023px){
	
	.area01 dd:before,.area01 dd:after,
	.area02:before,.area03:before{content:'';display:block;background:none}
}
/** 1023px 끝 **/

/** 1006px 시작 **/
@media screen and (max-width:1006px){

}
/** 1006px 끝 **/

/** 1000px 시작 **/
@media screen and (max-width:1000px){

	/** 부서별직원안내 **/
	.staff_search .sear_word_txt{width:318px}
	.molit_call li span{width:84%;}
}
/** 1000px 끝 **/

/** 900px 시작 **/
@media screen and (max-width:900px){

	/** 적극행정 추진방안 **/
	.active_way dd{width:82%}
	.area02:before,.area03:before{left:36%;}

	/** 비전과 목표 **/
	.v_area02 .t_arrow:before{left:29%;}
	.v_area02 li.no02:before{left:33%;}
	.v_area02 li.no03:before{right:33%;}
	.v_area02 ul:before{width:650px}

	/** 년별 업무계획 **/
	.year_plan .pl_area02:before,.year_plan .pl_area03:before{left:25%}

	/** 부서별직원안내 **/
	.staff_search .sear_word_txt{width:340px}
	.molit_call li span{width:86%;}

	/** 공공데이터 개방 **/
	.gg_data_prss div{margin:15px 2% 0;}

	/** 본인확인서비스 **/
	.sgat_area > div{width:31%;margin:0 1%;padding:30px 10px}

	/** 규제입증요청  **/
	.regul li:nth-child(1) img{width:60% }
	.regul p{background-size:80%}

}
/** 900px 끝 **/

/** 812px 시작 **/
@media screen and (max-width:812px){	
	/** lst style **/
	ul[class*='row_0'] li{width:48% !important;margin-right:0 !important;}
	ul[class*='row_0'] li:nth-child(odd){margin-right:4% !important}

	/** 적극행정 추진방안 **/
	.active_way dd{width:79%}
	.area02:before,.area03:before{left:34%;}
 
	/** 비전과 목표 **/
	.v_area02 .t_arrow:before{left:27%;}
	.v_area02 ul:before{width:563px}

	/** 년별 업무계획 **/
	.year_plan{margin:0 auto}
	.year_plan .pl_area02:before,.year_plan .pl_area03:before{left:22%}

	/** 본인확인서비스 **/
	.sgat_area > div{width:32%;margin:0 0.5%;padding:30px 10px}

}
/** 812px 끝 **/

/** 800px 시작 **/
@media screen and (max-width:800px){	

	/** 비전과 목표 **/
	.v_area02 .t_arrow:before{left:26%;}
	.v_area02 ul:before{width:551px}
	
	.pl_area03 ul li br{display:none!important;}	
}
/** 800px 끝 **/

/** 768px 시작 **/
@media screen and (max-width:768px){

	/** 인사 채용비리 신고**/
	.publ_ta { width: 95%;}

	/** tab **/
	.tab_menu li{flex:0 0 calc(33.3% - 2px);}

	/** lst down style **/
	.lst_down li{flex:0 0 100%}
	
	/** 적극행정 추진방안 **/
	.active_way dd{width:78%}
	.area02:before,.area03:before{left:33%;}

	/** 비전과 목표 **/
	.v_area02 .t_arrow:before{left:25%;}
	.v_area02 ul:before{width:518px}

	/** 년별 업무계획 **/
	.year_plan{width:100%}
	.year_plan .pl_area02:before,.year_plan .pl_area03:before{left:23%}

	/** 부서별직원안내 **/
	.staff_search .sear_word_txt{width:318px}
	.molit_call li span{width:84%;}

	/** 공공데이터 개방 **/
	.gg_data_prss div:before{right:-50%;top:50px;}

	/** 누리집 이용안내 **/
	.keyboard_use li{flex-basis:100%;min-width:100%;}
}
/** 768px 끝 **/

@media all and (max-width:700px){ 
.regul {height:170px; clear:both; }
.regul li:nth-child(1){ padding:15px 0 5px 0;}
.regul li:nth-child(2){font-size:15px}
.regul li:nth-child(2) span{font-size:12px}
.regul li:nth-child(1) img{width:70%} 
}

/** 667px 시작 **/
@media screen and (max-width:667px){
	.scroll_tip{display:block;}
	.scroll_hor,.scroll_ver{overflow:hidden;}
	.scroll_hor{overflow-x:auto;}
	.scroll_ver{overflow-y:auto;}
	.scroll_hor table{min-width:728px !important}

	/** 인사 채용비리 신고**/
	.table.type_report td {border-color:#666}
	.table.type_report td {padding-left:90px;}
	
	td.ssize1:before  {content:'구분' !important;}
	td.ssize2:before  {content:'구분' !important;}
	td.ssize3:before  {content:'대상기관명' !important;}
	
	.table.type_report  td:nth-child(1):before {content:'구분';}
	.table.type_report  td:nth-child(2):before {content:'대상기관명';}

	/** 모바일 탭메뉴 추가 **/
	.tab_device{width:auto;margin-bottom:15px;}
	.tab_device_ti{display:block;position:relative;padding:8px 12px;border:1px solid #dfdfdf;background:#fff;}
	.tab_device_ti:before{content:'';display:block;position:absolute;top:50%;right:10px;border:5px solid transparent;border-top-color:#333}
	.tab_device_ti.ov:before{margin-top:-5px;transform:rotate(180deg)}
	
	.tab_menu{overflow:hidden;display:none;margin:0;padding-bottom:0;border:1px solid #dfdfdf;border-top:none;background:#f4f4f4;}
	.tab_menu li{float:inherit !important;flex:0 0 100%;min-height:auto;margin:0;padding:0;border:0 !important;}
	.tab_menu li a{display:block;padding:3px 12px;font-size:14px;font-weight:normal;text-align:left;border:0;background:#fff;}
	.tab_menu li:before,.tab_menu li:after{display:none !important}
	.tab_menu li a:link,.tab_menu li a:visited,.tab_menu li a:active{padding:8px 15px 8px 15px;background:inherit;}
	.tab_menu li a:hover,.tab_menu li a.on:link,.tab_menu li a.on:visited,.tab_menu li a.on:active,.tab_menu li a.on:hover,.tab_menu li a.on:focus{padding:8px 15px 8px 15px;background:#eaeaea;}
	
	/** lst style **/
	ul[class*='row_0'] li{float:none;width:100% !important;}
	ul[class*='row_0'] li,ul[class*='row_0'] li:nth-child(odd){margin-right:0 !important;}

	/** box style **/
	.box_notice{margin-bottom:25px;padding:20px 20px 20px 15px;background:#f6f6f6;}
	.box_notice:before{display:none;}

	.box_notice.property:before{display:block;}

	.box_budget{padding:25px 25px 15px;}
	.box_budget h5 span{display:block;margin-top:5px;margin-left:0;}
	.box_budget li{flex:0 0 calc(100% / 2);margin:1px 0;}

	/** 사진목록 **/
	.lst_pto li{width:calc(50% - 10px);}

	/** 테이블 list ul type 변경 **/
	.table.bd_tbl_ul,.table.bd_tbl_ul tbody,.table.bd_tbl_ul tr,.table.bd_tbl_ul td{display:block;box-sizing:border-box}
	.table.bd_tbl_ul thead tr{display:none;}
	.table.bd_tbl_ul tbody,.table.bd_tbl_ul tr{width:100%}
	.table.bd_tbl_ul tr {position:relative;padding:0;border-top:1px solid #b8b8b8}
	.table.bd_tbl_ul tr:first-child,.table.bd_tbl_ul tr td:first-child{border-top-width:0}	
	.table.bd_tbl_ul tbody,.table.bd_tbl_ul tr{width:100%}
	.table.bd_tbl_ul tr {position:relative;padding:0;border-top:1px solid #b8b8b8}
	.table.bd_tbl_ul td{clear:both;position:relative;padding:8px 20px 8px 70px;text-align:left;border-width:0;border-top:1px dotted #b8b8b8}	
	.table.bd_tbl_ul td:before {content:'';display:block;position:absolute;left:12px;width:40px;color:#313131;text-align:center;}
	.table.bd_tbl_ul tbody > tr > td{min-height:40px;height:auto}
	.table.bd_tbl_ul tbody > tr > td a{vertical-align:top;}

	.table.bd_tbl_ul .btn_st.bg_gray{background:#325baf;}	

	/** 사전정보공개 > 18년 고객수요조사 인기검색어 **/
	.table.type_sear tr{border-color:#666}
	.table.type_sear td{padding-left:90px;}	
	.table.type_sear td:before {left:5px;width:70px;color:#fff;border:1px dotted transparent;border-radius:10px;background:#919191;}
	.table.type_sear td:nth-child(1):before {content:'순번';}
	.table.type_sear td:nth-child(2):before {content:'내용';}
	.table.type_sear td:nth-child(3):before {content:'공표주기';}
	.table.type_sear td:nth-child(4):before {content:'담당부서';}
	.table.type_sear td:nth-child(5):before {content:'주소';}

	/** 정보목록 > (구)국토해양부 **/	
	.table.type_year td:nth-child(1):before {display:none;}
	.table.type_year td:nth-child(2):before {content:'1월';}
	.table.type_year td:nth-child(3):before {content:'2월';}
	.table.type_year td:nth-child(4):before {content:'3월';}
	.table.type_year td:nth-child(5):before {content:'4월';}
	.table.type_year td:nth-child(6):before {content:'5월';}
	.table.type_year td:nth-child(7):before {content:'6월';}
	.table.type_year td:nth-child(8):before {content:'7월';}
	.table.type_year td:nth-child(9):before {content:'8월';}
	.table.type_year td:nth-child(10):before {content:'9월';}
	.table.type_year td:nth-child(11):before {content:'10월';}
	.table.type_year td:nth-child(12):before {content:'11월';}
	.table.type_year td:nth-child(13):before {content:'12월';}
	.table.type_year tbody > tr > *[scope]{display:block;border-width:0}

	/** 불공정 하도급 해소센터, 화물운송불법신고, 부동산불법거래신고안내 common **/	
	.table.type_center tr,.table.type_cargo tr,.table.type_city tr{border-color:#666}
	.table.type_center td,.table.type_cargo td,.table.type_city td{padding-left:90px;}	
	.table.type_center td:before,.table.type_cargo td:before,.table.type_city td:before {left:5px;width:70px;color:#fff;border:1px dotted transparent;border-radius:12px;background:#bbb;}

	/** 불공정 하도급 해소센터 **/
	.table.type_center td:nth-child(1):before {content:'구분';}
	.table.type_center td:nth-child(2):before {content:'연락처';}
	.table.type_center td:nth-child(3):before {content:'비고';}

	/** 화물운송불법신고 **/
	.table.type_cargo td:nth-child(1):before {content:'시·도별';}
	.table.type_cargo td:nth-child(2):before {content:'담당부서';}
	.table.type_cargo td:nth-child(3):before {content:'전화번호';}

	/** 부동산불법거래신고안내 **/	
	.table.type_city td:nth-child(1):before {content:'시·도';}
	.table.type_city td:nth-child(2):before {content:'부서';}
	.table.type_city td:nth-child(3):before {content:'전화번호';}
	.table.type_city td:nth-child(4):before {content:'FAX';}

	/** 지방청목록 select **/
	.lst_local{padding:8px 0 0;border-top:1px dotted #bebebe}
	.lst_local select{width:calc(50% - 80px);}

	/** 알림마당 > 일자리정보 > 개방형공모직위 요건명세 (tab menu) **/
	.tab_style [class*='tab_menu_']{display:none}
	.tab_style .tab_cont{display:block;margin-bottom:15px;padding:70px 15px 5px;}
	.tab_style .tab_cont.type02{display:block;margin-bottom:15px;padding:15px 15px}
	.tab_style .tab_cont .area_tit{display:block;}

	/** 적극행정 추진방안 **/
	.active_way dl{margin:0 0 40px 0}
	.active_way dt{width:100%;height:inherit;line-height:46px;margin:0 0 20px}
	.active_way dd{width:100%}
	.area01 dd:before,.area01 dd:after{background:none}
	.area01 dd{padding:0 0 20px 0}
	.area02 li{width:48%;min-height:120px;margin:1%;}
	.area02:before,.area03:before{background:url(/images/www2019/contents/bg_arrow_top.png) no-repeat 50% top;width:150px;height:45px;left:50%;margin-left:-75px;top:-44px;}
	.area03 li{width:100% !important;border-bottom:1px #cdcdcd dotted;border-right:0;}
	.area03 li.st01,.area03 li.st02,.area03 li.st03{padding:3% 3%}

	/** 연혁 **/
	.molit_hty dd{width:75%;}

	/** 비전과 목표 **/
	.v_area02 .t_arrow:before{left:23%;}
	.v_area02 ul:before{width:448px}

	/** 년별 업무계획 **/
	.sear_double.type_cont02 > div.fr{margin:0}
	.pl_area01 span{width:75%;display:inline-block;}
	.year_plan .pl_area02:before,.year_plan .pl_area03:before{left:20%}

	/** 부서별직원안내 **/
	.staff_search .sear_word_txt02{width:248px}
	.molit_call li{width:100%;}
	.molit_call li span{width:initial;}

	/** 공공데이터 개방 **/
	.box_style.btn_area .btn_pt01{position:initial !important}

	/** 본인확인서비스 **/
	.sgat_area > div{width:100%;margin:1% 0;padding:20px 10px}
	.sgat_area > div > span{min-height:initial;}
	.sgat_area > div{min-height:inherit;}
	.sgat_area div.tel span{width:100%}
	.sgat_area div.tel.end{padding:20px 0 0;}

	/** 지하철 **/
	.wrap_route ul{padding-right:20px;padding-left:20px;}
	
	/** 사이트맵 **/
	.sitemap > li{flex-basis:46%;}

	/** 게시판이용안내 **/
	.how_use li p{padding:20px;border-width:10px;}
	
	/** rss서비스 **/
	.rss_tit{width:25%;}
	.rss_btn{width:18%;}

	/** 뷰어다운로드 **/
	.viewer li{margin-bottom:10px;padding:0 0 10px;}
	.viewer li span{position:relative;left:10px;margin-bottom:5px;padding-left:46px;}
	.viewer li span:before{top:calc(50% - 15px);width:30px;height:30px;}
	.viewer li p{display:block;flex-basis:100%;padding:8px 10px 0;border-top:1px dotted #ccc;box-sizing:border-box;}
	.viewer li p em{position:relative;padding-left:13px;}
	.viewer li p em:before{content:'';display:block;position:absolute;top:9px;left:2px;width:4px;height:4px;background:#ccc;}
}
/** 667px 끝 **/

/** 640px 시작 **/
@media screen and (max-width:640px){
	
	/** 기념일 **/
	.molit_day{width: 100%;}

	/** 조직안내 **/
	.organization > li > ul > li.ch_3{position:relative;}
	.organization > li > ul > li.ch_3:before{content:'';display:block;position:absolute;top:217px;left:20px;width:1px;height:1063px;background:#ccc;}
	.organization > li > ul > li.ch_3.first:before{top: 313px;height: 889px;}
	.organization > li > ul > li.ch_3 > ul{padding-left:30px;}
	.organization > li > ul > li.ch_3 > ul:before{left:20px;}
	.organization > li > ul > li.ch_3 > span:after{width:198px;}
	.organization > li > ul > li > ul > li[class^="ch_3_"]{width:calc(50% - 50px);}
	.organization > li > ul > li.first > ul > li[class^="ch_3_"]:nth-child(n+4):after{content:'';display:block;position:absolute;left:-25px;width:calc(50% + 25px);height:1px;background:#ccc;}
	.organization > li > ul > li > ul > li.ch_3_4:after{content:'';display:block;position:absolute;top:-11px;left:-25px;width:100%;height:1px;background:#ccc;}
	.organization > li > ul > li.first > ul > li[class^="ch_3_"]:nth-child(n+4):after{top:-10px;}
	.organization > li > ul > li.first > ul > li[class^="ch_3_"]:nth-child(4):after,.organization > li > ul > li > ul > li[class^="ch_3_"]:nth-child(3):after{width:calc(100% + 17px);}
	.organization > li > ul > li > ul > li.ch_3_0{left:calc(50% + 28px);margin-left:0;}
	.organization > li > ul > li > ul > li.ch_3_1{left:5%;margin-left:0;z-index:9;}
	.organization > li > ul > li > ul > li.ch_3_3{margin-bottom:60px;}
	.organization > li > ul > li.ch_3.first > ul > li[class^="ch_3_"]:nth-child(3):after{display:none;}		
	.organization > li > ul > li.ch_3.first > ul > li.ch_3_3{margin-bottom:20px;}
	.organization > li > ul > li.ch_3.first > ul > li.ch_3_3:after{content:'';display:block !important;position:absolute;top:-11px;width:200px;height:1px;background:#ccc;}
	.organization > li > ul > li.ch_3.first > ul > li.ch_3_3:after{right:50%;}


	.organization > li > ul > li.ch_3:before{top:241px}	
	.organization > li > ul > li.ch_3 > span:before{height:124px}
	.organization > li > ul > li.ch_3 > ul{padding-top:135px}
	.organization > li > ul > li.ch_3 > ul:before{top:125px}

	.organization li.box_style1.ch_3_0 > span:before{left:-28px;width:28px;}
	.organization li.ch_3_1.box_style1 > span:before{right:-22px;width:42px;z-index:-1;}

	.organization > li > ul > li > ul > li.ch_s:after{left: unset;width:400px;}
	.organization > li > ul > li > ul > li.ch_3_2:after{width: 263px;}
	.organization > li > ul > li > ul > li.ch_3_6:after{width: 148px;left: unset !important; right: 50%}

	/** 비전과 목표 **/
	.v_area02 .t_arrow:before{left:21%;}
	.v_area02 ul:before{width:444px;left:78px}
	.v_area02 li.no01:before{left:6%}
	.v_area02 li.no02:before{left:31.5%}
	.v_area02 li.no03:before{right:31.5%}
	.v_area02 li.no04:before{right:6%}
	.v_area02 li.no01:after{left:13%}
	.v_area02 li.no04:after{right:13%}

	/** 년별 업무계획 **/
	.sear_double.type_cont02 div.fr{margin:0 0 0 10px}
	.pl_area01 span{width:80%;margin:0 auto;display:inline-block;}
	.year_plan .pl_area02:before,.year_plan .pl_area03:before {left:18%;}

		/** 이전 업무계획 **/
		.key_goals{padding-top:0;}
		.key_goals div p,.key_goals .type03{padding-right:20px;padding-left:20px;}

	/** 부서별직원안내 **/
	.staff_search .sear_word_sel{width:126px}
	.staff_search .sear_word_txt{width:286px}

	/** 관런사이트 **/
	.link_site li{width:49%;}

	/** 건설교통부 - 업무보고 **/
	.wrap_tbl_img table,.wrap_tbl_img .img_area{float:none;width:100% !important;}
	.wrap_tbl_img .img_area{margin-top:25px;text-align:center}
	.wrap_tbl_img .img_area img{width:auto;max-width:100%}

}
/** 640px 끝 **/

/** 600px 시작 **/
@media screen and (max-width:600px){

	/** tab icon **/
	.tab_menu_ico li{flex:1 0 calc((100%/3) + 1px);height:60px;}
	.tab_menu_ico li a{padding:5px 10px 5px 75px;text-align:left;justify-content:left;letter-spacing:-1px;}
	.tab_menu_ico li a i:before{top:5px;left:5px;}

	@keyframes ball {
		0% {top:5px;left:5px;}
		50% {top:5px;left:5px}
		to {top:5px;left:5px}
	}

	/** 조직안내 **/
	.organization > li .ch_0:after{width:269px;}
	.organization > li > ul > li.ch_1, .organization > li > ul > li.ch_2{width:150px;}
	.organization > li > ul > li.ch_1{right:calc(50% + 25px)}
	.organization > li > ul > li.ch_2{left:calc(50% + 25px);}
	.organization li.box_style1.ch_2 > span:before{left:-25px;}
	.organization > li > ul > li.ch_3 > span:after{width:179px}
	.organization > li > ul > li > ul > li.ch_3_1{right:calc(50% + 22px);left:inherit;}
	
	.organization li.box_style1 > span{height:inherit;}

	/** 년별 업무계획 **/
	.sear_double.type_cont02 > div.sear_word_sel02{width:100%}
	.sear_double.type_cont02 > div.sear_word_sel02 > select#sear_field{width:100%;margin:0 0 10px 0}
	.year_plan .pl_area02:before,.year_plan .pl_area03:before{left:16%}

		/** 이전 업무계획 **/
		.key_goals h4+div{margin-top:50px;}
		.key_goals div p{text-align:left;}
		.key_goals .type01 p,.key_goals .type02 p,.key_goals .type03{border-radius:8px}
		.key_goals .type02 p span{display:block;padding-top:4px;text-align:left;}
		.key_goals .type03 li span{padding-right:15px;padding-left:15px;border-radius:15px}

	/** 부서별직원안내 **/
	.staff_search label{width:100%}
	.staff_search .sear_word div{width:100%;margin:0 0 5px 0 !important}
	.staff_search .sear_word_txt{padding:0}
	.staff_search div button,.staff_search div button[type='submit']{width:100%;position:inherit;margin:5px 0 0 0}

	/** MI 베너 **/
	.molit_mi img{width:100%}

	/** 건설교통부 - 업무보고 **/
	.wrap_img_view img{display:block;width:100%}

	/** 팝업 - 새창 **/
	.wrap_pop_cont .sear_word_txt{display:inline-block !important;padding-right:64px;padding-left:0;}
	.wrap_pop_cont .bd_search div button[type='submit']{position:absolute;right:0;width:60px;margin-top:0;margin-left:6px;}


}
/** 600px 끝 **/

/** 568px 시작 **/
@media screen and (max-width:568px){
	/** box style **/
	.box_notice.property{padding-top:70px;padding-left:20px}
	.box_notice.property:before{top:25px;left:25px;}

	/** 상습체불건설업자 명단공표 제도 **/
	.notice_type01{padding:0 15px 10px;}

	/** 조직안내 **/
	.organization > li .ch_0:after{width:253px;}
	.organization > li > ul > li.ch_3 > span:after{width:163px}
	.organization > li > ul > li > ul > li.ch_3_5:after{width:132px}

	/** 년별 업무계획 **/
	.year_plan .pl_area02:before,.year_plan .pl_area03:before{left:14%}

	/** 지하철 **/
	.wrap_route ul{padding:10px 20px;}
	.wrap_route ul li{float:none;width:100% !important;text-align:left;padding:15px}
	.wrap_route ul li:before{top:0;left:27px;width:1px;height:100%}
	.wrap_route ul li:first-child:before,.wrap_route ul li:last-child:before{width:1px;height:50%;}
	.wrap_route ul li:first-child:before{top:inherit;right:inherit;bottom:0}
	.wrap_route ul li i{padding:0 0 0 35px;}
	.wrap_route ul li i:before{top:5px;left:5px;}
	
	/** rss서비스 **/
	.rss_step li{flex-basis:100%;padding-right:10px;padding-bottom:0;}
	.rss_step li p{padding-right:20px;}

}
/** 568px 끝 **/

@media all and (max-width:550px){
.regul {height:auto;}
.regul ul{width:25%; margin-bottom:20px; height:auto; padding-bottom:10px} 
.regul p{height:100px; margin:0 5px}
}

/** 540px 시작 **/
@media screen and (max-width:540px){
	
	/** 지방청목록 select **/
	.lst_local select{width:155px;}

	/** 도로이용불편신고처리절차 **/
	.doro_step img{width:100%}

	/** 연혁 **/
	.molit_hty dl{margin:0;background:none;padding:0 0 10px 0}
	.molit_hty dt{width:inherit;height:inherit;line-height:46px;font-size:20px;}
	.molit_hty dd{width:100%;padding:15px 0 0 0;}

	/** 기념일 **/
	.molit_day { width: 100%;}
	.molit_day dl{margin:0;background:none;padding:0 0 10px 0}
	.molit_day dt{width:inherit;height:inherit;line-height:46px;font-size:20px;}
	.molit_day dd{width:100%;padding:15px 0 0 0;}

	/** 조직안내 **/
	.organization > li .ch_0:after{width:240px;}
	.organization > li > ul > li.ch_1{right:calc(50% + 15px)}
	.organization > li > ul > li.ch_2{left:calc(50% + 15px);}
	.organization > li > ul > li.ch_3.first:before{height:704px;}
	.organization > li > ul > li.ch_3:before{height:708px;}
	.organization > li > ul > li.ch_3 > span:after{width:150px;}
	.organization > li > ul > li > ul > li.ch_3_5:after{width:125px}
	.organization > li > ul > li > ul > li.ch_3_2:after, .organization > li > ul > li > ul > li.ch_3_6:after{width:100px;}
	.organization > li > ul > li > ul > li.ch_3_1

	/** 비전과 목표 **/
	.vision{padding:10px 0 0 0}
	.vision .v_area01{background-size:40%;margin:0;height:230px}
	.v_area01 strong{font-size:28px;padding:50px 0 30px;}
	.v_area01 strong:before{top:92px}
	.v_area02 .t_arrow:before{background:none}
	.v_area02 li{width:46%;margin:0 2% 30px}
	.v_area02 li.no01:before{left:18%}
	.v_area02 li.no02:before{right:18%;left:inherit;}
	.v_area02 li.no03:before{left:18%;top:56%}
	.v_area02 li.no04:before{right:18%;left:inherit;top:56%}
	.v_area02 ul:before,.v_area02 ul:after,.v_area02 li.no01:after,.v_area02 li.no02:after,.v_area02 li.no03:after,.v_area02 li.no04:after{border:none}
	.v_area02 ul{margin:86px 0 0 0}

	/** 년별 업무계획 **/
	.year_plan .pl_area02:before,.year_plan .pl_area03:before{left:11%}

	/** 부서별직원안내 **/
	.staff_search .sear_word_txt button{right:0}

	/** rss서비스 **/
	.rss_tit{width:30%;}
	.rss_btn{width:20%;}

	.rss_tbl,.rss_tbl tbody tr{display:inline-block;width:100%;box-sizing:border-box;}
	.rss_tbl tbody,.rss_tbl tbody tr > *,.rss_tbl .rss_tit,.rss_tbl .rss_btn{display:block;width:100%;box-sizing:border-box;}
	.rss_tbl tbody tr > *{border-right-width:0 !important;border-left-width:0 !important}
	.rss_tbl > * > tr > .line_no_right,.table > * > tr:first-child > *,.rss_tbl > * > tr > .line_no_left{border-top-width:1px;border-top-style:dotted}
	.rss_tbl > * > tr > .line_no_right{border-bottom-width:0 !important}


}
/** 540px 끝 **/

/** 480px 시작 **/
@media screen and (max-width:480px){
	/** tab icon **/
	.tab_menu_ico li{flex:1 0 calc((100%/2) + 1px)}

	/** box **/	
	.box_budget{padding-right:10px;}
	.box_budget li{flex:0 0 calc(100%);}

	/** 사진목록 **/
	.lst_pto li{width:100%;margin:0}

	/** 조직안내 **/
	.organization > li > span{width:100%;height:45px;line-height:45px;}
	.organization > li .ch_0:after{width:215px;}
	.organization > li > ul > li.ch_3.first:before{height:704px;}
	.organization > li > ul > li.ch_3:before{height:705px;}
	.organization > li > ul > li.ch_3 > span:after{width:126px;}
	.organization > li .ch_0:before{top:45px}
	.organization > li .ch_0:after{top:170px}
	.organization > li > ul > li > ul > li.ch_3_5:after{width:200px;}

	/** 부서별직원안내 **/
	.staff_search .sear_word_sel{width:100% !important}
	.staff_search .sear_word_txt02{width:100%;padding-left:0}
	.staff_search .sear_word_txt{width:100%}
	.staff_search div button,.staff_search div button[type='submit']{width:100%}
	.staff_search input,.staff_search select{display:inline-block;height:calc(37px - 2px);margin:0 8px 0 0;padding:5px 10px;border:1px solid #d5d8d8;background:#fff;}
	.molit_call li span{width:84%}

	/** 공공데이터 개방 **/
	ul.gogo li:before{width:0;height:0}
	.gg_data_box{background:none;padding:10px 30px}
	.gg_data_prss div{width:100%;margin:0 0 30px 0}
	.gg_data_prss div:before{right:40%;top:70px;transform:rotate(180deg);}
	.gg_data_prss{margin:0}

	/** 모바일앱 **/
	.molit_app{background:none;padding:10px 30px }
	
	/** 사이트맵 **/
	.sitemap > li{flex-basis:100%;}

	/** 누리집 이용안내 **/
	.keyboard_use li{padding-top:15px;border-top:1px dotted #bebebe}
	.keyboard_use li:first-child{padding-top:0;border-top-width:0;}
	.keyboard_use i,.keyboard_use em{width:100%;}
	.keyboard_use i{padding-right:0;padding-left:15px;text-align:left;}
	.keyboard_use em span:before{display:none;}

	/** rss서비스 **/
	.rss_tit{width:32%;}
	.rss_btn{width:24%;}

	/** 뷰어다운로드 **/
	.viewer li span{padding-left:37px;}
	.viewer li span:before{top:calc(50% - 13px);width:26px;height:26px;}
	.viewer li p{padding-top:5px;}
	.viewer li p em{display:block;margin-right:0;margin-bottom:3px;padding:6px 0;line-height:15px;}
	.viewer li p em:before{display:none;}

	/** 팝업 - 새창 **/
	.wrap_pop_cont .bd_search fieldset{padding-top:18px}
	.wrap_pop_cont .sear_word_sel,.wrap_pop_cont .sear_word_txt{width:100% !important}
}

/** 480px 끝 **/

/** 414px 시작 **/
@media screen and (max-width:414px){
	/** 상습체불건설업자 명단공표 제도 **/
	.notice_type01{padding:0 15px 10px;}
	.notice_type01 .lst_tit li{padding-left:17px !important;}
	.notice_type01 .lst_tit li span{position:relative;left:inherit;margin-right:4px;text-align:left;}

	/** lst down style **/
	.lst_down{margin:15px 0;padding:8px 15px;}
	.lst_down li{padding-top:38px !important;border-top:1px dotted #c5d1da}
	.lst_down li:before{top:48px !important}
	.lst_down li:first-child{padding-top:32px !important;border-top-width:0}
	.lst_down li:first-child:before{top:42px !important}
	.lst_down li a{display:block;padding-left:16px}
	.lst_down li a:after{top:-26px}
		/** etc **/
		.lst_down .second{margin-top:10px !important;padding-top:10px;}
	
	/** box style **/
	.img_box{padding:20px}

	/** 적극행정 추진방안 **/
	.active_way dl{margin:0 0 30px 0}
	.active_way .area01 dd{font-size:18px;line-height:24px !important}
	.area02 li{min-height:130px;}
	.area03 li.st01,.area03 li.st02,.area03 li.st03{padding:5% 3%}

	/** 적극행정 국민추천 **/
	.active_recod .copy_box{padding:35px 20px 0px;min-height:220px;background-size:300%}
	.qna_list .q1:before,.qna_list .q2:before,.qna_list .q3:before,.qna_list .q4:before,.qna_list .q5:before{background:none}
	.qna_list dl{padding:20px 0 }

	/** 조직안내 **/
	.organization > li .ch_0:before{left:10px;height:260px;}
	.organization > li .ch_0:after{display:none;}
	.organization > li > ul > li.ch_1,.organization > li > ul > li.ch_2{position:relative;top:inherit;right:inherit;left:inherit;width:calc(100% - 40px);margin:0 0 15px 0;padding-left:40px;}
	.organization > li > ul > li.ch_1 > ul,.organization > li > ul > li.ch_2 > ul{margin-top:6px;}
	.organization > li > ul > li.ch_1{margin-top:15px;}
	.organization > li > ul > li.ch_3.first{padding-top:0;}
	.organization > li > ul > li.ch_3 > span{display:block;width:calc(100% - 40px);min-height:20px;margin-left:40px;padding:10px 0;line-height:20px;}
	.organization > li > ul > li.ch_3,.organization > li > ul > li.ch_3.first > ul{padding-top:15px;}
	.organization > li > ul > li.ch_3 > ul{padding-top:15px;}
	.organization > li > ul > li.ch_3 > ul:before{display:none;}
	.organization > li > ul > li > ul > li.ch_3_1{position:relative;margin-left:0px;}
	.organization > li > ul > li > ul > li[class^="ch_3_"]{float:none;width:calc(100% - 22px) !important;margin-bottom:15px !important;margin-left:10px;}
	.organization > li > ul > li.first > ul > li[class^="ch_3_"]:nth-child(4):after,.organization > li > ul > li > ul > li[class^="ch_3_"]:nth-child(3):after,
	.organization > li > ul > li > ul > li[class^="ch_3_"]:nth-child(n+3):after,.organization > li > ul > li.first > ul > li[class^="ch_3_"]:nth-child(n+4):after{display:none;}
	.organization > li > ul > li > ul > li[class^="ch_3_"]:before,.organization > li > ul > li.ch_3.first > ul > li[class^="ch_3_"]:before{top:20px;left:-20px;width:20px;height:1px;border-top:1px dashed #bebebe;background:transparent;}
	.organization > li > ul > li > ul > li.ch_3_0,.organization > li > ul > li > ul > li.ch_3_1{top:inherit;left:inherit;margin-left:10px;}
	.organization > li > ul > li > ul > li.ch_3_1{right:inherit;width:calc(100% - 10px)  !important;}
	.organization > li > ul > li > ul > li.ch_3_0{width:calc(100% - 40px)  !important;}
	
	.organization > li > ul > li.ch_3 > span:before,.organization > li > ul > li.ch_3.first > span:before{top:50%;left:-30px;width:30px;height:1px;}
	.organization > li > ul > li.ch_3:before{top:35px;height:calc(100% - 370px);border-left:1px dashed #bebebe;background:transparent;}
	.organization > li > ul > li.ch_3.first:before{top:21px;width:0;height:calc(100% - 392px);background:#fff;}
	.organization > li > ul > li.ch_3.first:after{right:inherit;top:25px;left:10px;height:calc(100% + 26px);}
	.organization > li > ul > li.ch_3.first > ul:before{display:none;}

	.organization li.box_style1 > span:before{right:inherit !important;}
	.organization li.box_style1 > span:before,.organization li.box_style1.ch_2 > span:before{left:-31px;width:31px !important;}		
	.organization li.ch_3_1.box_style1 > span:before{left:-20px;width:20px !important;border-top:1px dashed #bebebe;background:transparent;}
	.organization li.box_style3 > span{padding:12px 10px 10px;}
	.organization li.box_style3 > span br{display:none;}
	.organization li.ch_3 li.ch_3_2.box_style3 {margin-top:105px}
	/* 원복.organization li.ch_3.first li.ch_3_2.box_style3{margin-top:0 !important;}*/
	.organization li.ch_3.first li.ch_3_2.box_style3{margin-top:110px !important;}
	.organization li.box_style1.ch_3_0 > span:before{left:-20px;width:20px !important;border-top:1px dashed #bebebe !important;height:0}

	.organization > li > ul > li.ch_3.first > ul > li[class^="ch_3_"]:nth-child(3):after,
	.organization > li > ul > li > ul > li.ch_3_2:after, .organization > li > ul > li > ul > li.ch_3_5:after, .organization > li > ul > li > ul > li.ch_3_6:after{display:none !important}

	/** 비전과 목표 **/
	.vision .v_area01{background-size:100%;height:188px}
	.v_area02 strong:before,.v_area02 strong:after{background:none}
	.v_area02 strong{padding:30px 0 0}
	.v_area02 ul{margin:25px 0 0 0}
	.v_area02 li.no01:before{left:15%}
	.v_area02 li.no02:before{right:15%}
	.v_area02 li.no03:before{left:15%}
	.v_area02 li.no04:before{right:15%}
	.v_area02 li{font-size:15px}
	.v_area02 strong{font-size:32px}

	/** 년별 업무계획 **/
	.sear_double.type_cont02 > div.fr{width:100%;margin:0}
	.sear_double.type_cont02 > div.fr a{width:100%;margin:0 0 10px 0}
	.year_plan{background:none}
	.pl_area01 span{width:90%}/*
	.year_plan .pl_area02:before,.year_plan .pl_area03:before{left:0%}*/
	.pl_area01 strong,.pl_area03 > strong{width:100%;height:inherit;line-height:46px;margin:0 0 20px;padding:0}
	.pl_area01 span{font-size:18px;line-height:24px !important;}
	.pl_area01 span:before,.pl_area01 span:after{background:none}
	.year_plan .pl_area02:before,.year_plan .pl_area03:before{top:-44px;left:50%;width:150px;height:45px;margin-left:-75px;background:url(/images/www2019/contents/bg_arrow_top.png) no-repeat 50% top;}
	.year_plan .pl_area01{margin:0 0 50px 0}
	.year_plan .pl_area03{margin:40px 0 0}
	.pl_area03 ul li{width:100%;border-bottom:1px dotted #cdcdcd;border-right:none;padding:0 0 14px 0;margin:0 0 14px 0;}
	.pl_area03 ul li strong{padding:0 0 8px 0}
	.pl_area03 ul li em{display:inline-block;}
	.pl_area02 ul{width:88%}
	.pl_area02 li{width:100%;margin:1% 0;padding:10px;font-size:18px;}

		/** 이전 업무계획 **/
		.key_goals .type02:before,.key_goals .type03:before{top:-49px}
		.key_goals{padding:0;width:100%}
		.key_goals h4{text-align:left;}
		.key_goals div{margin-bottom:50px}
		.key_goals div p:after{display:none;}
		.key_goals .type02 p{margin-right:0;margin-left:0;}
		.key_goals .type03{padding-right:15px;padding-left:15px;}
		.key_goals .type03 h5{width:180px;margin-left:-90px;}
		.key_goals .type03 li{padding:5px;}
		.key_goals .type03 li strong{top:-9px;left:-2px;width:30px;height:30px;line-height:30px;margin-top:0;z-index:5;}
		.key_goals .type03 li span{position:relative;z-index:1;}
		.key_goals .type03 ul > li > ul{margin:10px 0 5px 0;}

	/** 부서별직원안내 **/
	.molit_call h5 span{display:block;margin:6px 0;font-size:28px;margin:15px 0}

	/** MI 베너 **/
	.molit_mi .color{width:100%;margin:2% 0}
	.molit_mi .btn_mi a{width:100%}

	/** 본인확인서비스 **/
	.sgat_area div.signgate01{background:url(/images/www2019/contents/img_060202.jpg) no-repeat center 80px;}
	.sgat_area div.signgate02{background:url(/images/www2019/contents/img_060203.jpg) no-repeat center 80px;}
	.sgat_area div strong{padding:20px 0 120px;}

	/** 건설교통부 - 업무보고 **/
	.wrap_tbl_img .img_area img{width:100%}
	
	/** rss서비스 **/
	.rss_btn{width:26%;}
}
/** 414px 끝 **/

/** 384px 시작 **/
@media screen and (max-width:384px){
	/** tab icon **/
	.tab_menu_ico li{height:45px}
	.tab_menu_ico li a{padding-left:22px;}
	.tab_menu_ico li a i:before{content:'';top:calc(50% - 2px);left:10px;width:4px;height:4px;background:#7d7d7d;}
	.tab_menu_ico li:last-child a i:before{top:10px;}
	.tab_menu_ico li a:hover i:before{animation:none 1s ease-in infinite Alternate}

	@keyframes none {
		0% {top:inherit;left:10px;}
		50% {top:inherit;left:10px}
		to {top:inherit;left:10px}
	}

	/** 적극행정 국민추천 **/
	.active_recod .copy_box{min-height:240px;background-size:400%}
}
/** 384px 끝 **/

/** 360px 시작 **/
@media screen and (max-width:360px){
	/** 적극행정 국민추천 **/
	.active_recod .copy_box{min-height:260px;background-size:500%}

	/** 비전과 목표 **/
	.v_area02 li br{display:none}
	.v_area02 li.no01:before{left:14%}
	.v_area02 li.no02:before{right:14%}
	.v_area02 li.no03:before{left:14%}
	.v_area02 li.no04:before{right:14%}

	/** 부서별직원안내 **/
	.molit_call li span{width:80%}
	
	/** 관런사이트 **/
	.link_site li{width:100%;margin:0 0 1% 0}
}
/** 360px 끝 **/

/** 320px 시작 **/
@media screen and (max-width:320px){
	/** 상습체불건설업자 명단공표 제도 **/
	.notice_type01{border:0;padding:0}

	/** 비전과 목표 **/
	.v_area02 li{min-height:213px;}
	
	/** 팝업 - 새창 **/
	.wrap_pop_cont .sear_word_txt{padding-right:0;}
	.wrap_pop_cont .bd_search div button[type='submit']{position:relative;right:inherit;width:100%;margin-top:3px;margin-left:0;}

}
/** 320px 끝 **/

/* 조직도 추가 삭제예정임*/

/* 22.12.27개편 새 3_6
.organization > li > ul > li > ul > li.ch_3_6{position:absolute;top:25px;left:calc(50% + 45px);width:217px;margin-left:0; padding:0;border-width:0;box-sizing:content-box;background:transparent;}
.organization > li > ul > li > ul > li.ch_3_6 > span{background:#8d7ebf;}
.organization > li > ul > li > ul > li.ch_3_6:before{display:none;}

.organization > li > ul > li > ul > li.ch_3_6 > ul{margin-top:10px}
*/

.organization li.box_style6 > span{display:block;padding:5px;box-sizing:border-box;}
.organization li.box_style6 > span{position:relative;}
.organization li.box_style6 > span:before{content:'';display:block;position:absolute;right:50%;width:1px;background:#ccc;}

.organization li.box_style6 > span{margin-bottom:0;line-height:23px;color:#333;font-size:15px;background-color:#3f81da;}
.organization li.box_style6 > span a{color:#fff;}
.organization li.box_style6 > span:before{top:50%; left:-45px;width:45px;height:1px;}

.organization li.box_style6 > span:after{content:'';display:block;position:absolute;left:50%;width:1px;background:#ccc;}
.organization li.box_style6 > span:after{bottom:-15px;height:15px;}




@media screen and (max-width:414px){
/*.organization > li > ul > li.ch_3.first{padding-top:0;}
	.organization > li > ul > li.ch_3 > span{display:block;width:calc(100% - 40px);min-height:20px;margin-left:40px;padding:10px 0;line-height:20px;}
	.organization > li > ul > li.ch_3,.organization > li > ul > li.ch_3.first > ul{padding-top:15px;}
	.organization > li > ul > li.ch_3 > ul{padding-top:15px;}
	.organization > li > ul > li.ch_3 > ul:before{display:none;}
	.organization > li > ul > li > ul > li.ch_3_1{position:relative;margin-left:0px;}
	.organization > li > ul > li > ul > li[class^="ch_3_"]{float:none;width:calc(100% - 22px) !important;margin-bottom:15px !important;margin-left:10px;}
	.organization > li > ul > li.first > ul > li[class^="ch_3_"]:nth-child(4):after,.organization > li > ul > li > ul > li[class^="ch_3_"]:nth-child(3):after,
	.organization > li > ul > li > ul > li[class^="ch_3_"]:nth-child(n+3):after,.organization > li > ul > li.first > ul > li[class^="ch_3_"]:nth-child(n+4):after{display:none;}
	.organization > li > ul > li > ul > li[class^="ch_3_"]:before,.organization > li > ul > li.ch_3.first > ul > li[class^="ch_3_"]:before{top:20px;left:-20px;width:20px;height:1px;border-top:1px dashed #bebebe;background:transparent;}*/
.organization > li > ul > li > ul > li.ch_3_6{top:inherit;left:inherit;margin-left:10px;}
.organization > li > ul > li > ul > li.ch_3_6{right:inherit;width:calc(100% - 10px)  !important;}
.organization li.box_style6 > span:before{border-top:1px dashed #bebebe;background:transparent;}
.organization li.box_style6 > span:before{top:50%; left:-20px;width:20px;height:1px;}

/*.organization > li > ul > li > ul > li.ch_3_0{width:calc(100% - 40px)  !important;}
	
	.organization > li > ul > li.ch_3 > span:before,.organization > li > ul > li.ch_3.first > span:before{top:50%;left:-30px;width:30px;height:1px;}
	.organization > li > ul > li.ch_3:before{top:35px;height:calc(100% - 370px);border-left:1px dashed #bebebe;background:transparent;}
	.organization > li > ul > li.ch_3.first:before{top:21px;width:0;height:calc(100% - 392px);background:#fff;}
	.organization > li > ul > li.ch_3.first:after{right:inherit;top:25px;left:10px;height:calc(100% + 26px);}
	.organization > li > ul > li.ch_3.first > ul:before{display:none;}*/

}


/** 개인정보처리방침 231109 수정 **/ 
.label_box {display: flex;width: 30%;height: 200px;box-sizing: border-box;padding: 0; border: 1px solid rgba(41,92,173,1);flex-flow: column;justify-content: center;align-items: center;cursor: pointer;background-color: #fff;position: relative;margin-bottom: 20px;}

.policy_box h4{color:#000000; font-size:20px;display:inline-block; padding:10px 0px 10px;}
.policy_box img{width:50px; height:50px; position:absolute; bottom:0px; padding-bottom:5px;}
.img_li img{width:80%; height:auto; position:relative; padding-bottom:5px;}

.table_9 table {width: 100%; border-top:1px solid #000; border-bottom:1px solid #000;}
.table_9 th {padding: 10px;}

.table_14 table {width: 100%; border-top:5px solid #0075BF; border-collapse:collapse; background-color:#FFFFFF;}
.table_14 th {border: 1px solid #0075BF; padding: 10px; background-color:#f0f4f7;}
.table_14 td {border: 1px solid #0075BF; width:20%; text-align:center;}


.table_15 table {width: 100%; border-top:5px solid #0075BF; border-collapse:collapse; background-color:#FFFFFF;}
.table_15 th {border: 1px solid #0075BF; padding: 10px; background-color:#f0f4f7;}
.table_15 td {border: 1px solid #0075BF; width:25%; text-align:center;}

.table_17 table {width: 100%; border-top:5px solid #0075BF; border-collapse:collapse; background-color:#FFFFFF;}
.table_17 th {border: 1px solid #0075BF; padding: 10px; background-color:#f0f4f7;}
.table_17 td {border: 1px solid #0075BF; width:20%; text-align:center;}

.policy_index_table	td a {margin-top: 15px;position: absolute;}

.double_img {display: flex; flex-direction: row; justify-content: center;}
.label_box img {width: 25%; display: inline-block;}
.label_box:hover {transition: 0.2s;}
.label_layer.num0, .label_layer.num1,.label_layer.num3, .label_layer.num4 {top: 0; left: 101%;}
.label_layer.num2, .label_layer.num5 {top: 0; right: 101%;}
.label_layer {display: block; position: absolute; box-sizing: border-box; box-shadow: 0 0.2rem 01rem rgba(22,71,170,0.2); border-radius: 10px; background-color: #fff; border: 2px solid #ffcc00; width: 360px; text-align: left; z-index: 999999;}
.label_desc_top {width: 100%; box-sizing: border-box; padding: 10px 20px; background-color: rgba(41,92,173,1); border-top-right-radius: 10px; border-top-left-radius: 10px;}
.label_desc_top p {color: #fff;}
.label_desc_btm {width: 100%; box-sizing: border-box; padding: 15px 20px; max-height: 374px; overflow-y: auto;}
.desc_wrap {display: flex; flex-flow: row wrap;}
.desc_box {width: 100%; border-radius: 10px; border: 1px solid #eee; box-sizing: border-box; padding: 10px 15px; margin-top: 10px; display: flex; flex-flow: row wrap; justify-content: space-between;}
.desc_tit { width: 100%; font-size: 14px; font-weight: 400; color: #1647aa; word-break: break-all;}
.desc_cnt {width: 100%; color: #333; font-size: 13px;}
.label_desc_btm > P {font-size: 15PX;}

.mgt30 {margin-top: 30px !important;}
.label_wrap {width: 100%; box-sizing: border-box; padding: 0px 10px; display: flex; flex-flow: row wrap; justify-content: space-around; position: relative;}
.label_cnt { font-size: 15px; margin-top: 20px; font-weight: 400; color: #111;}
.tit_main {margin: 60px 0 15px 0; font-size: 20px; font-weight: 600; color: #444; word-break: keep-all;}

.tit_main:nth-of-type(1) {margin: 50px 0 15px 0;}
.label_span_btn {font-size: 15px; text-align: left;}
.label_box_last_text {margin-top: 20px; font-size: 12px;}
.label_number_text {font-size: 15px;}


.btn-move02 {display:inline-block;padding: 5px 15px 5px 15px;border: 1px solid #D9E6F2;border-radius: 5px;font-weight: 600;font-size: 1rem;color: #000;background-color: #F3F5F9;transition: background 0.3s, color 0.3s;} 
.btn-move02 > span {display: inline-block; vertical-align: middle; line-height: 1.3;}
/* interaction */
.btn-move02:focus {position: relative; background-color: #ffffff; color: #0775DB; outline-color: transparent;}
.btn-move02:hover {color: #fff;background-color: rgba(41,92,173,1);background-image: url(../images/sub/i_link_af.png);} 
.btn-move02:focus::before {content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid #000000; box-sizing: border-box;}

.text-wrap {display: block;margin-top: 0;/* padding: 20px; *//* border-radius: 5px; *//* border: 1px solid rgba(41,92,173,1); */}
.text-wrap .img-box {text-align: center;}


.label-table-wrap {display: block; overflow-x: auto; overflow-y: hidden;}
.label-table-wrap caption {width: 0; height: 0; overflow: hidden;}
.label-table-wrap .label-table{width: 100%; text-align: center;}
.label-table-wrap .label-table .lb-th{background-color: #F8F9FA;}
.label-table-wrap .label-table th,
.label-table-wrap .label-table td{padding: 1.125rem; border: 1px solid #D9E6F2;}
.label-table-wrap .label-table td{vertical-align: top;}
.label-table-wrap .label-table .dot{display: inline-block; vertical-align: middle; width: 4px; height: 4px; margin-right: 5px; border-radius: 50%; background-color: #000000;}
.label-table-wrap .label-table .label-txt-box > li{text-align: center;}
.label-table-wrap .label-table .label-img{display: inline-block; width: 50px; height: 50px; margin-bottom: 10px; background-repeat: no-repeat; background-position: center; background-size: contain;}
.label-table-wrap .label-table .label-img-1{background-image: url(../images/sub/05/p_icon1.jpg);}
.label-table-wrap .label-table .label-img-2{background-image: url(../images/sub/05/p_icon13.jpg);}
.label-table-wrap .label-table .label-img-3{background-image: url(../images/sub/05/p_icon21.jpg);}
.label-table-wrap .label-table .label-img-4{background-image: url(../images/sub/05/p_icon19.jpg);}
.label-table-wrap .label-table .label-img-5{background-image: url(../images/sub/05/p_icon20.jpg);}
.label-table-wrap .label-table .label-img-6{background-image: url(../images/sub/05/p_icon32.jpg);}
.label-table-wrap .label-table .label-img-7{background-image: url(../images/sub/05/p_icon7.jpg);}

.text-wrap .index-list {display: flex;width:100%;}
.text-wrap .index-list::after{content:''; display: block; clear: both;}
.text-wrap .index-list > li {display: block;float: left;width: 50%;padding: 0 20px;}
.text-wrap .index-list > li .index-items{display: inline-block;}

.num-list > li{margin-bottom: 5px;}
.num-list > li:last-child{margin-bottom: 0;}
.num-list > li > p{position: relative; padding-left: 15px;}
.num-list > li > p > span{position: absolute; top: 0; left: 0;}
.num-list.v2 > li {margin-bottom: 15px;}
.num-list.v2 > li > p{font-weight: 600;}
.num-list.v2 > li:last-child{margin-bottom: 0;}

.text-wrap .pro-wrap .progress {margin:0 -20px; padding:15px 30px; text-align: center; color:#fff;}
.text-wrap .pro-wrap .progress::after {content:''; display: block; clear:both;}
.text-wrap .pro-wrap .progress > li {float:left; width: 20%; padding:0 20px;box-sizing: border-box;}
.text-wrap .pro-wrap .progress > li:last-child{margin-bottom: 0;}
.text-wrap .pro-wrap .progress > li .item {position:relative;}
.text-wrap .pro-wrap .progress > li .item::after {content:''; position:absolute; top:50%; right:-30px; width:24px; height:24px; background:url(../images/sub/i_next_arrow.svg) no-repeat center; background-size:contain; transform: translateY(-50%);}
.text-wrap .pro-wrap .progress > li:last-child .item::after {display: none;}
.text-wrap .pro-wrap .progress > li .p-box {display: block; border-radius: 10px; background-color:#3D55A5; min-height:70px; line-height: 70px;}
.text-wrap .pro-wrap .progress > li .p-box:focus {outline: 3px solid #000000; background-color: #ffffff;}
.text-wrap .pro-wrap .progress > li .p-box span {display: inline-block; padding:5px 5px; line-height: 1; font-size:0.9375rem; color: #fff; vertical-align: middle;}
.text-wrap .pro-wrap .progress > li .p-box:focus span {color: #0775DB;}
.text-wrap .btn-wrap{margin: 15px 0 0 0;}
.text-wrap .btn-wrap.v2{margin: 15px 0;}
.text-wrap .pro-wrap.v2 .progress > li{width: 25%; margin-bottom: 10px;}
.text-wrap .pro-wrap.v2 .progress .item-2{width: 50%;}
.text-wrap .pro-wrap.v3 .progress > li{width: calc(100% / 3); margin-bottom: 10px;}
.text-wrap .dot-list.v2{margin: 20px 0 15px 0;}
.text-wrap .depth-1{margin-left: 20px;}
.text-wrap .depth-2{margin-left: 30px;}
.text-wrap .scr-table-box{margin: 20px 0;}
.text-wrap .dot-list .no-dot{margin: 0;}
.text-wrap .dot-list .no-dot::before{display: none;}

.text-wrap .p-org-wrap{margin: 50px 0;}
.text-wrap .p-org-wrap .org-img-box img{display: block; margin: 0 auto;}
.text-wrap .p-org-wrap .org-img-box .mb{display: none;}
.text-wrap .p-org-wrap.v2{margin: 30px 0;}

.text-wrap .btn-mail {display: inline-block; width: 30px; height: 30px; border-radius: 50%; background-color: #002454; background-image:url(../images/sub/i-mail.png); background-repeat: no-repeat; background-size: 18px; background-position: center; vertical-align: middle;}

@media screen and (max-width:1440px) { 
    .text-wrap .pro-wrap .progress > li {width:calc(100% / 3); margin-bottom:10px;}
    .text-wrap .pro-wrap.v2 .progress > li{width: 50%; margin-bottom: 10px;}
}
@media screen and (max-width: 1024px) {
.text-wrap {padding: 20px;}
}
@media screen and (max-width:900px){
    .label_box {width: 45%;}
    .label_layer.num0,.label_layer.num2, .label_layer.num4 {top: 0; left: 101%;}
    .label_layer.num1, .label_layer.num3, .label_layer.num5 {top: 0; right: 101%; left: inherit;}
}
@media screen and (max-width:800px){
	.btn-move02 {display: block; width: 100%; text-align: center;}
	.text-wrap .pro-wrap .progress > li {width:50%;}
    .text-wrap .pro-wrap.v3 .progress > li{width: 50%; margin-bottom: 10px;}

    .text-wrap .p-org-wrap{margin: 30px 0;}
    .text-wrap .p-org-wrap.v2{margin: 10px 0;}
    .text-wrap .p-org-wrap .org-img-box .pc{display: none;}
    .text-wrap .p-org-wrap .org-img-box .mb{display: block;}
	
	 .label-table-wrap .label-table{width: 800px;}
    .text-wrap .index-list > li {padding: 0 10px;}
    .label-table-wrap .label-table .label-img{width: 40px; height: 40px; background-size: 25px;}
    .label-table-wrap .label-table th,
    .label-table-wrap .label-table td{padding: 10px;}
}
@media screen and (max-width:680px){
	
    .label_box {width: 90%;}
    .label_layer.num0,.label_layer.num2, .label_layer.num4, .label_layer.num1, .label_layer.num3, .label_layer.num5 {top: 200px; left: 0;}
}
@media screen and (max-width:600px){
    .text-wrap .pro-wrap .progress > li {width:100%; margin-bottom:30px;}
    .text-wrap .pro-wrap .progress > li .item::after {top:100%; left:50%; transform:translateX(-50%) translateY(0%) rotate(90deg);}
    .text-wrap .pro-wrap.v2 .progress > li{width: 100%; margin-bottom: 30px;}
    .text-wrap .pro-wrap.v2 .progress .item-2{width: 100%;}
    .text-wrap .pro-wrap.v3 .progress > li{width: 100%; margin-bottom: 30px;}
	
	.text-wrap .index-list {display: block;width:100%;}
    .text-wrap .index-list > li {float:none; width:100%; padding:0;}
}