@charset "utf-8";

.mt20{margin-top:20px;}
.mb_50{margin-bottom:50px;}
.mt_50{margin-top:50px;}

.align_c{text-align:center !important;}

.txt_red{color:#f64e4b;}
.txt_blue{color: #007dbe !important;}

.sub_content{width:100%; margin-top:136px; overflow:hidden;}
.sub_content_box{display:flex; width:100%; max-width:1200px; margin:50px auto; overflow:hidden;}
.left_menu{flex:1; width:100%; max-width:250px; margin-right:3%;}
.left_menu h1{position:relative; margin-bottom:10px; text-align:center; line-height:149px; font-size:30px; font-weight:500; color:#333; border-radius:20px 20px 0 0; background:#f3f8fe;}
.left_menu h1 span{position:relative;}
.left_menu h1 span::before{content:""; position:absolute; right:-10%; top:0; width:7px; height:7px; background:#ee8300; border-radius:100%; transform:translate(-50%, -50%);}
.left_menu > ul > li > a{position:relative; display:block; width:100%; padding:15px 50px 17px 30px; font-size:17px; font-weight:500; color:#333; background:#f3f8fe; transition:all .2s;}
.left_menu > ul > li > a::before{content:""; position:absolute; right:34px; top:28px; width:12px; height:2px; background:#333;}
.left_menu > ul > li > a::after{content:""; position:absolute; right:39px; top:23px; width:2px; height:12px; background:#333;}

.left_menu > ul > li > ul > li{padding:16px 30px;}
.left_menu > ul > li > ul{display:none; margin-bottom:10px; background:#f3f8fe;}
.left_menu > ul > li > ul > li > a{position:relative; display:inline-block; padding-left:15px; font-size:17px; color:#333; word-break:keep-all;}
.left_menu > ul > li > ul > li > a::before{content:""; position:absolute; left:0; top:13px; width:6px; height:2px; background:#333;}

.left_menu > ul > li > a:hover{color:#fff; background:#3d505f;}
.left_menu > ul > li > a:hover::before{background:#fff;}
.left_menu > ul > li > a:hover::after{width:0; height:0; background:none;}

.left_menu > ul > li > ul > li > a:hover{color:#1398a1;}
.left_menu > ul > li > ul > li > a:hover::before{background:#1398a1;}

.left_menu > ul > li > ul > li >  ul{margin-top:21px; padding:10px 20px; background:#fff;}
.left_menu > ul > li > ul > li >  ul > li{line-height:30px;}
.left_menu > ul > li > ul > li >  ul > li > a{position:relative; padding-left:10px; font-size:15px; font-weight:400; color:#333;}
.left_menu > ul > li > ul > li >  ul > li > a::before{content:""; position:absolute; left:0; top:50%; width:3px; height:3px; background:#333; transform:translateY(-50%);}

.left_menu > ul > li > ul > li >  ul > li > a:hover{text-decoration:underline;}


.left_menu > ul > li.on > a{color:#fff; background:#3d505f;}
.left_menu > ul > li.on > a::before{background:#fff;}
.left_menu > ul > li.on > a::after{width:0; height:0; background:none;}

.left_menu > ul > li.on > ul{display:block;}

.left_menu > ul > li.on > ul > li.snb_on > a{color:#1398a1;}
.left_menu > ul > li.on > ul > li.snb_on > a::before{background:#1398a1;}

.left_menu > ul > li > ul > li > ul > li.dep_on > a{text-decoration:underline;}


/*.right_menu{float:right; width:calc(100% - 280px);}*/
.right_menu{flex:1; width:100%;}

.sub_title{width:100%; margin:30px 0 50px 0; padding-bottom:10px; border-bottom:1px solid #ccc; overflow:hidden;}
.sub_title h1{display:block; font-size:30px; font-weight:600; color:#333; letter-spacing:-1px;}

.sub_title .sub_nav{display:table; width:100%;}
.sub_title .sub_nav ul.nav_box{display:table-cell; width:65%; vertical-align:middle;}
.sub_title .sub_nav ul.nav_box li{position:relative; float:left; font-size:15px; color:#555; padding-left:30px;}
.sub_title .sub_nav ul.nav_box li::before{content:""; position:absolute; left:13px; top:10px; width:5px; height:1px; background:#555; transform:rotate(40deg);}
.sub_title .sub_nav ul.nav_box li::after{content:""; position:absolute; left:13px; top:13px; width:5px; height:1px; background:#555; transform:rotate(-40deg);}

.sub_title .sub_nav ul.nav_box li:first-child{padding-left:0;}
.sub_title .sub_nav ul.nav_box li:first-child::before{width:0; height:0;}
.sub_title .sub_nav ul.nav_box li:first-child::after{width:0; height:0;}

.sub_title .sub_nav ul.nav_box li strong{color:#333;}

.sub_title .sub_nav > ul.nav_icon{display:table-cell; text-align:right; line-height:100%;}
.sub_title .sub_nav > ul.nav_icon > li{display:inline-block; margin-left:5px;}
.sub_title .sub_nav > ul.nav_icon > li > a{position:relative; display:block; width:50px; height:50px; font-size:0; border:1px solid #ccc; border-radius:100%; overflow:hidden;}

.sub_title .sub_nav > ul.nav_icon > li:nth-child(1) > a::before{content:""; position:absolute; left:50%; top:50%; width:20px; height:2px; background:#aaa; transform:translate(-50%, -50%);}
.sub_title .sub_nav > ul.nav_icon > li:nth-child(1) > a::after{content:""; position:absolute; left:50%; top:50%; width:2px; height:20px; background:#aaa; transform:translate(-50%, -50%);}
.sub_title .sub_nav > ul.nav_icon > li:nth-child(2) > a::before{content:""; position:absolute; left:50%; top:50%; width:20px; height:2px; background:#aaa; transform:translate(-50%, -50%);}
.sub_title .sub_nav > ul.nav_icon > li:nth-child(3) > a::before{content:""; position:absolute; left:0; top:0; width:52px; height:52px; background:url("../images/sub/sns_icon.png") left -71px top 6px no-repeat;}
.sub_title .sub_nav > ul.nav_icon > li:nth-child(4) > a::before{content:""; position:absolute; left:0; top:0; width:52px; height:52px; background:url("../images/sub/sns_icon.png") left 6px top 5px no-repeat;}

.sub_title .sub_nav > ul.nav_icon > li > a:hover{background:#1398a1; border:1px solid #028790;}
.sub_title .sub_nav > ul.nav_icon > li > a:focus{background:#1398a1; border:1px solid #028790;}

.sub_title .sub_nav > ul.nav_icon > li:nth-child(1) > a:hover::before{background:#fff;}
.sub_title .sub_nav > ul.nav_icon > li:nth-child(1) > a:hover::after{background:#fff;}
.sub_title .sub_nav > ul.nav_icon > li:nth-child(2) > a:hover::before{background:#fff;}
.sub_title .sub_nav > ul.nav_icon > li:nth-child(3) > a:hover::before{background:url("../images/sub/sns_icon.png") left -71px top -32px no-repeat;}
.sub_title .sub_nav > ul.nav_icon > li:nth-child(4) > a:hover::before{background:url("../images/sub/sns_icon.png") left 6px top -33px no-repeat;}

.sub_title .sub_nav > ul.nav_icon > li:nth-child(1) > a:focus::before{background:#fff;}
.sub_title .sub_nav > ul.nav_icon > li:nth-child(1) > a:focus::after{background:#fff;}
.sub_title .sub_nav > ul.nav_icon > li:nth-child(2) > a:focus::before{background:#fff;}
.sub_title .sub_nav > ul.nav_icon > li:nth-child(3) > a:focus::before{background:url("../images/sub/sns_icon.png") left -71px top -32px no-repeat;}
.sub_title .sub_nav > ul.nav_icon > li:nth-child(4) > a:focus::before{background:url("../images/sub/sns_icon.png") left 6px top -33px no-repeat;}



.sub_title .sub_nav > ul.nav_icon > li a.on{background:#1398a1; border:1px solid #028790;}
.sub_title .sub_nav > ul.nav_icon > li a.on::before{background:url("../images/sub/sns_icon.png") left 6px top -33px no-repeat;}

.sub_title .sub_nav > ul.nav_icon > li ul{position:absolute; display:none; margin:11px 0 0 -5px; padding:10px; box-shadow:3px 3px 3px rgba(0,0,0,0.1); background:#fff; border:1px solid #ccc; z-index:10;}
.sub_title .sub_nav > ul.nav_icon > li ul li{width:100%; margin-top:10px;}
.sub_title .sub_nav > ul.nav_icon > li ul li a{display:block; width:37px; height:37px; border-radius:100%; font-size:0; overflow:hidden;}

.sub_title .sub_nav > ul.nav_icon > li ul li:nth-child(1){margin-top:0;}
.sub_title .sub_nav > ul.nav_icon > li ul li:nth-child(1) a{background:url("../images/sub/sns_icon.png") left -203px top -38px no-repeat;}
.sub_title .sub_nav > ul.nav_icon > li ul li:nth-child(2) a{background:url("../images/sub/sns_icon.png") left -165px top -38px no-repeat;}
.sub_title .sub_nav > ul.nav_icon > li ul li:nth-child(3) a{background:url("../images/sub/sns_icon.png") right -70px top -38px no-repeat;}
.sub_title .sub_nav > ul.nav_icon > li ul li:nth-child(4) a{width:auto; height:auto; text-align:center; line-height:100%; font-size:17px; font-weight:600; border-radius:0; letter-spacing:-1.5px;}











/*기존 layout*/

/* 헤더_탑 */
.topwrap { width:100%; height:50px; background:#fff; font-size:1.4rem; position:relative}
.topwrap .top {width: 1200px;height:50px;margin:0 auto;}
.topwrap .left { float:left; }
.topwrap .left li { display:inline-block; text-align:left; }
.topwrap .left li a { display:block; width:70px; height:50px; line-height:50px; color:#000; }
.home { background:url(/img/homesub.png) no-repeat; background-position:left; padding-left:30px; }
.sitemap { background:url(/img/sitemap.png) no-repeat; background-position:left; padding-left:30px; }
.schbtn {background:url(/img/search.png) no-repeat center center; padding:15px; border:none; position:absolute; top:10px }
.search input[type="text"] { width:180px !important; background:#006ab0; border:1px solid #1a8ac5; padding:5px 4px; font-size:1.4rem; color:#fff;}
.search ::-webkit-input-placeholder {color: #fff;}
.search ::-moz-placeholder {color: #fff;}
.search :-ms-input-placeholder {color: #fff;}
.search :-moz-placeholder {color: #fff;}
.right { float:right; }
.right li { float:left; text-align:center; height:50px; line-height:50px;}
.right li a { display:block; color:#000; }
.right li a:hover { background:#006ab0; transition:.5s; }
.tiwitter a:hover, .newsletter a:hover, .facebook a:hover { background:none !important;}
.login a { width:65px; padding:0 6px; /*background:url(/img/login_bg.png) no-repeat center right !important;padding-right:1px;margin-right:1px*/ }
.join {  width:77px; }
.topwrap label { display:none;}


/* 메인 */
.mainwrap { width:100%; height:350px; border-bottom:1px solid #007dbe; }
.main { width:100%; margin:0 auto; }

.mainwrap_en, .mainwrap_ch { width:100%; height:350px; border-bottom:2px solid #007dbe; border-top:1px solid #007dbe; }
.header_line { width:100%; height:1px; clear:both; background:#007DBE; }

/*main_visual*/
.main_skin_banner{position:relative; top:0; }
.cycle-slideshow1{width:100%;height:350px;}
.cycle-slideshow1 .cycle-pager{position:absolute;top:310px;right:50%;z-index:101;}
.cycle-slideshow1 .cycle-pager span{font-size:0;width:14px;height:18px;background:url(/img/mainoff.png) no-repeat 0 0;padding:0 2px;display:inline-block;color:#fff;cursor:pointer;}
.cycle-slideshow1 .cycle-pager span.cycle-pager-active{background:url(/img/mainon.png) no-repeat 0 0;}

.cycle-slideshow1 .ctn {display:block;width:100%;height:350px; }
.cycle-slideshow1 .nobg { background: none !important}
.cycle-slideshow1 .ctn1 { width:100%; height:350px; background:url(/img/main01_bg.png) no-repeat center; background-size:cover; }
.cycle-slideshow1 .ctn2 { width:100%; height:350px; background:url(/img/main02_bg.png) no-repeat center; background-size:cover; }
.cycle-slideshow1 .ctn3 { width:100%; height:350px; background:url(/img/main03_bg.png) no-repeat center; background-size:cover; }
.cycle-slideshow1 .ctn4 { width:100%; height:350px; background:url(/img/main04_bg.png) no-repeat center; background-size:cover; }
.cycle-slideshow1 .ctn1 img { display:block; width:870px; height:296px; margin:20px auto 0 auto; }
.cycle-slideshow1 .ctn2 img { display:block; width:870px; height:296px; margin:20px auto 0 auto; }
.cycle-slideshow1 .ctn3 img { display:block; width:870px; height:296px; margin:20px auto 0 auto; }
.cycle-slideshow1 .ctn4 img { display:block; width:870px; height:296px; margin:20px auto 0 auto; }
.cycle-slideshow1 .ctn1 a{display:block;margin:0 auto;height:260px;}
.cycle-slideshow1 .ctn2 a{display:block;margin:0 auto;height:260px;}
.cycle-slideshow1 .ctn3 a{display:block;margin:0 auto;height:260px;}

.cycle-btns a{position:absolute;z-index:105;}
.cycle-prev{top:150px;left:50%;margin-left:-500px;}
.cycle-next{top:150px;right:50%;margin-right:-500px;}
.cycle-stop{position:absolute;top:289px;right:50%;margin-right:-470px;}


/* 비주얼영역*/
.con01wrap {width: 1200px;margin:0 auto;padding-top:30px;text-align:center;}
.icon {width: 1140px;margin:0 auto;}
/*.icon li { display:inline-block; margin-right:130px; text-align:center;  }*/
.icon li { display:inline-block; margin-right:80px; text-align:center;  }
.icon li.icon06 { margin-right:0 !important;}
.icon li a span { display:block; font-size:1.6rem; color:#1e1e1e; padding:11px 0; transition:.5s; }
.icon li a:hover span { background:url(/img/waterdrop01.png) no-repeat; background-position:center 5px; transition:.5s; }
.icon01 a:hover span { color:#028e8b; }
.icon02 a:hover span { color:#7cb860; }
.icon03 a:hover span { color:#5d9ddd; }
.icon04 a:hover span { color:#00a8eb; }
.icon05 a:hover span { color:#0073a1; }
.icon06 a:hover span { color:#a186be; }

/* 비주얼역역_영문사이트 */
.icon_en { width:903px; margin:0 auto }
.icon_en li { display:inline-block; margin-right:36px; text-align:center;  }
.icon_en li:last-child { margin-right:0; }
.icon_en li.icon06 { margin-right:0 !important;}
.icon_en li a span { display:block; font-size:1.6rem; color:#1e1e1e; padding:11px 0; transition:.5s; }
.icon_en li a:hover span { background:url(/img/waterdrop01.png) no-repeat; background-position:center 5px; transition:.5s; }
.icon01 a:hover span { color:#028e8b; }
.icon02 a:hover span { color:#7cb860; }
.icon03 a:hover span { color:#5d9ddd; }
.icon04 a:hover span { color:#00a8eb; }
.icon05 a:hover span { color:#0073a1; }


/* 최근게시물 */
.con02wrap { width:100%; background:#ffffff; margin-top:23px; }
.contents02 {width: 1200px;margin:0 auto;height:330px;}
.latest {width: 850px;height:310px;float:left;margin-right:20px;padding-top:20px;clear:both;}
.latest .title, .latest .plus { display:inline-block; }
.latest .plus a {float:right;width:35px;height:35px;border:1px solid #5c5c5c;background:url(/img/plus.png) no-repeat center;margin-left: 279px;position:relative;top:8px;}
.latest .title li { display:inline-block; padding-right:16px; margin-right:16px; background:url(/img/latest_line.png) no-repeat center right; }
.latest .title li a { display:block; height:50px; line-height:50px; font-weight:600; font-size:2.2rem; color:#1e1e1e; letter-spacing:-0.5px; transition:.5s;}
.latest .title li:last-child { margin:0; padding:0; background:none; }
.latest .title li a:hover { transition:.5s; background:url(/img/waterdrop02.png) no-repeat center center; }
.latest .title li a:hover span, .latest .title li.tabOn span { border-bottom:2px solid #007dbe; }
.latest .text {width: 850px;margin-top:17px;font-size:1.6rem;}
.latest .text li { padding:9px 0; border-bottom:1px solid #a1a1a1; }
.latest .text li a {color:#3c3c3c;padding:6px 0;display:block;width: 850px;}
.latest .text li a:hover { background:#cceefb; }
.latest .text li a span { float:right; }

.popupzone { width:330px; height:330px; float:right; }
.popupzone img { width:330px; height:330px; }

/* 부서별 분야별 처리장별 안내 */
.con03wrap { width:100%; height:324px; border-bottom:1px solid #aaa; }
.contents03 {width: 1200px;margin:0 auto;clear:both;}
.guide01 {width: 300px;height:324px;background:#3ea00f;display:inline-block;float:left;padding:25px;box-sizing:border-box;}
.guide02 { width:300px; height:324px; background:#f26f18; display:inline-block; float:left; padding:25px; box-sizing:border-box}
.guide01 h2, .guide02 h2 { font-size:2.4rem; color:#fff; font-weight:600; letter-spacing:-0.8px; margin-top:28px; margin-bottom:25px; padding-bottom:23px; border-bottom:2px solid #fff}
.guide01 ul li a, .guide02 ul li a { font-size:1.6rem; padding-left:15px; height:36px; line-height:36px; width:135px; display:block;}
.guide01 ul li a { border-bottom:1px solid #8bc66f; }
.guide02 ul li a { border-bottom:1px solid #f7a974; }
.guide01 a, .guide01 a:visited { color:#b0d3a6; transition:.5s}
.guide02 a, .guide02 a:visited { color:#ffd1b7; transition:.5s}
.guide01 a:hover, .guide02 a:hover, .guide01 .tab2On a, .guide02 .tab2On a { color:#fff !important; transition:.5s; background:url(/img/guidelibg.png) no-repeat left center}
.guideright { float:right; width:600px; height:324px; text-align:right; box-sizing:border-box; }


/* 로그인 */
.loginimg { margin:90px auto 20px auto; max-width:230px; height:139px; display:block; }
.loginwrap { width:346px; margin:0 auto; position:relative; left:10px; }
.loginwrap .loginbox { width:230px; height:73px; display:inline-block; }
.loginwrap .loginbtn { width:110px; display:inline-block; position:relative; top:-18px; }
.loginwrap .loginbtn a { color:#fff; height:78px; padding:26px 24px; background:#007dbe; font-size:1.6rem; transition:.5s; } 
.loginwrap .loginbtn a:hover { background:#3c3c3c; transition:.5s; color:#fff; }
.loginwrap .loginbox input { height:34px; }
.loginwrap .logingroup { margin:20px auto 0 auto; font-size:1.2rem; text-align:center; }
.loginwrap .idpw, .loginwrap .login_join { display:inline-block; margin-right:3px; width:150px; }
.loginwrap .login_join { margin-right:0; }
.loginwrap .idpw a, .loginwrap .login_join a { display:block; padding:3px 8px; border:1px solid #d7d7d7; background:#e5e5e5; color:#3c3c3c; transition:.5s; cursor:pointer; }
.loginwrap .idpw a:hover, .loginwrap .login_join a:hover { border:1px solid #d7d7d7; background:#d7d7d7; transition:.5s;}


/* 회원정보수정 */
.member_edit { width:96px; margin:0 auto; }
.member_edit li { display:inline-block; }

/* 푸터 */
.foottopwrap { width:100%; background:#f0f0f0; margin-top:40px;}
.foottop {width: 1200px;height:150px;margin:0 auto;}
.foottop .left { /*width:870px;*/ width:764px; float:left; }
.foottop .right { float:right; }
.foottop .right img { margin-top:33px; }
.foottop .link { padding-top:33px; padding-bottom:15px; border-bottom:1px solid #6f6f6f; }
.foottop .link li { display:inline-block; padding-right:13px; margin-right:13px; background:url(/img/foottop_line.png) no-repeat center right; }
.foottop .link li:last-child { background:none; margin:0; padding:0; }
.foottop .link li a { display:block; color:#000; font-size:1.3rem; }
.foottop .link li a:hover { text-decoration:underline; }
.foottop .link li a strong { color:#0041fa; }
.foottop .info { margin-top:15px; font-size:1.3rem; color:#000; }
address { font-style:normal; }
.info .address { float:left; }
.address p { margin-top:10px; }
.address p strong { color:#e7e7e7; font-weight:400; }
.institution { float:right; width:170px; height:30px; }
.institution select { width:170px; height:30px; background:#c8cccc; color:#0f0f0f; font-size:1.3rem; font-family:'Noto Sans KR', san-serif; font-weight:400; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; border:1px solid #717171; padding:5px; display:inline-block}
.footbottomwrap { width:100%; background:#f0f0f0; }
.footbottom { width:1000px; height:8px; margin:0 auto; line-height:48px; }
.footbottom p { text-align:center; color:#7f7f7f; font-size:1.3rem; }

/* footer_en */
.foottopwrap_en { width:100%; background:#555; margin-top:40px; }
.foottop_en { width:1000px; height:50px; padding:17px 0 10px 0; text-align:center; margin:0 auto; font-size:1.3rem; color:#c2c2c2 }
.foottop_en p { margin-top:7px; }
.foottop_en p strong { color:#e7e7e7; font-weight:400; }

/* subpage */
.subwrap {height:auto;min-height:500px;/*display:table;*/font-size:15px;letter-spacing:-1px;color:#5a5a5a;line-height:1.8;}
.rconwrap {width:100%; max-width:920px; float:right;height:auto;}
.rconwrap > h2 { font-size:17px; color:#1e1e1e; font-weight:600; letter-spacing:-1px; background:url(/img/bullet01.png) no-repeat center left; padding:26px 0 28px 28px; border-top:3px solid #f58220; border-bottom:1px solid #f58220; clear:both; margin-bottom:40px}
.rconwrap > h3, .rconwrap > form > h3 { font-size:20px; color:#3d3d3d; ; letter-spacing:-1.5px; background:url(/img/bullet02.png) no-repeat center left; padding-left:25px; clear:both; margin-bottom:20px; }
.rconwrap > h3.h3_en { letter-spacing:-0.4px; }
.rconwrap > h4 { font-size:17px; color:#3d3d3d; ; background:url(/img/bullet03.png) no-repeat top 13px left; padding-left:12px; clear:both; }
.rconwrap > h4.line2 { background-position-y:11px}
.rconwrap > h5 { font-size:15px; color:#3d3d3d; ; background:url(/img/bullet04.png) no-repeat center left; padding-left:9px; clear:both; }
.rconwrap > h5.line2 { background-position-y:8px}
.slashline { width:100%; height:6px; background:url(/img/slashline.png) repeat-x; margin:40px 0; clear:both;  }
.rconwrap h4 span { color:#828282; }
.greet { background:url(/img/director.png) no-repeat bottom right; color:#6e6e6e; }
.greet span { font-size:3.0rem; letter-spacing:-2px; }
.greet span strong { font-weight:400; color:#007dbe; }
.greet span.en { font-size:3.0rem; letter-spacing:-2px; line-height:1.3; }
.greet span.en strong { font-weight:400; color:#007dbe; }
.greet .green { font-weight:400; color:#3ea00f; }
.greet .black { font-weight:400; color:#1e1e1e; }
.imglinebox { border:1px solid #e1e1e1; padding:20px 0; }
.line { width:960px; height:1px; background:#e1e1e1; margin:10px 0; }



/* 퇴직자 전용방 subpage */
.re_wrap {width:100%; max-width:900px; height:auto; margin:0 auto; }
.re_wrap h2.retired { margin:50px auto 30px auto; width:200px; font-size:3.0rem; letter-space:-3px; padding:13px 0; border-bottom:3px solid #3ea00f; text-align:center; }
.re_textct { text-align:center; font-size:1.6rem; line-height:1.5; }
.re_wrap h3 { font-size:2.0rem; color:#3d3d3d; ; letter-spacing:-1.5px; background:url(/img/bullet02.png) no-repeat center left; padding-left:25px; clear:both; margin-bottom:20px; }
.re_wrap h4 { font-size:1.5rem; color:#3d3d3d; ; background:url(/img/bullet03.png) no-repeat center left; padding-left:12px; clear:both; margin-bottom:10px; }
.re_wrap h4.line2 { background-position-y:11px}



/* 사용 편의성 만족 */
.usability {width:100%; border:1px solid #ddd; border-top:none; margin:0 0 30px 0; padding:15px; font-size:17px; clear:both; display:block; background:#f9f9f9; overflow:hidden;}
.usability_box{float:left; width:78%;}
.usability input[type="text"] {position:relative; width:100%; height:45px; padding-left:10px; font-size:15px; vertical-align:middle; border:1px solid #ccc; border-radius:3px;}
.usability .radio {margin-bottom:10px;}
.usability .radio label{position:relative; display:inline-block; color:#555; font-size:15px; font-weight:500; padding-left:25px; margin-right:15px;}
.usability .radio label::before{content:""; position:absolute; left:0; top:5px; width:18px; height:18px; background:url("../images/sub/check_btn_off.png") left top no-repeat;}
.usability .radio, .usability button { display:inline-block;}
.usability button {float:right; width:20%; max-width:135px; padding:10px; font-size:17px; font-weight:600; color:#fff; border:none; /*background:#333;*/ background:#0C6167; vertical-align:middle; height:120px; border-radius:5px;}

.usability .radio [type="radio"] {/*display:none;*/ position:absolute; opacity:0;}
.usability .radio [type="radio"]:checked + label{position:relative; color:#0C6167; font-weight:500; padding-left:25px; border-bottom: 2px solid #0c6167; }
.usability .radio [type="radio"]:checked + label::before{background:url("../images/sub/check_btn.png") left top no-repeat;}

/*.usability input:focus + label::before {outline:2px solid #000;}*/
.usability input:focus + label { outline:2px solid #000;}


/* 담당자 */
.charge {width:100%; background:#fff; margin-top:30px; padding:15px 20px; clear:both; display: inline-block; border:1px solid #ddd;}
.charge p{position:relative; padding-left:15px; text-align:center; font-size:15px; margin:0 !important; display:inline-block; }
.charge p::before{content:""; position:absolute; left:0; top:12px; width:8px; height:2px; background:#333;}
.charge .number { float:right; }


/* 전화번호 안내 */
.callleft { display:inline-block; width:365px; height:auto; margin-right:20px; vertical-align:top }
.callright { display:inline-block; width:365px; height:auto; vertical-align:top }


/* 연혁 */
.history { margin:30px 0;line-height:1.6;}
.history > li { position:relative; padding-left:90px; overflow:hidden;}
.history .year { display:block; position:absolute;left:0;top:0;width:100%; max-width:170px;padding-top:8px;border-top:1px solid #007dbe; color:#007dbe; font-size:30px !important; font-weight:normal !important}
.history .details { padding:8px 0 5px;border-top:1px solid #b2d8eb; min-height:100px;}
.history .details > li { position:relative;padding-left:40px;padding-bottom:10px;overflow:hidden;}
.history .details > li .month { display:block;position:absolute;left:80px;top:0;width:70px;color:#222;text-align:right; font-weight: normal !important}
.history .details > li ul li { margin-top:10px; margin-left:130px} 
.history .details > li ul li:first-child { margin-top:0;}
.history .details > li ul li img { display:none;}


/* 고객서비스헌장 */
.customerservice { margin:30px 0; line-height:1.6; }
.customerservice > li { position:relative; padding-left:90px; overflow:hidden;}
.customerservice .num { display:block; position:absolute; left:0; top:0; width:200px; height:140px; padding-top:15px; font-size:40px !important; font-weight:normal !important}
.customerservice .cs01 .num { color:#81c669; border-top:3px solid #81c669; background:url(/img/csicon01.png) no-repeat 74px 27px; }
.customerservice .cs02 .num { color:#43bc95; border-top:3px solid #43bc95; background:url(/img/csicon02.png) no-repeat 74px 27px; }
.customerservice .cs03 .num { color:#45c3cd; border-top:3px solid #45c3cd; background:url(/img/csicon03.png) no-repeat 74px 27px; }
.customerservice .cs04 .num { color:#1a9ed8; border-top:3px solid #1a9ed8; background:url(/img/csicon04.png) no-repeat 74px 27px; }
.customerservice .details { padding:20px 0; min-height:150px; }
.customerservice .cs01 .details { border-top:3px solid #d9eed2; }
.customerservice .cs02 .details { border-top:3px solid #c6ebdf; }
.customerservice .cs03 .details { border-top:3px solid #c7edf0; }
.customerservice .cs04 .details { border-top:3px solid #bae2f3; }
.customerservice .details > li { position:relative; padding-left:40px; padding-bottom:10px; overflow:hidden;}
.customerservice .details > li .title { display:block; position:absolute; top:10px; left:140px; color:#222; text-align:right; font-weight:600 !important; font-size:20px; }
.customerservice .details > li ul li { margin-top:46px; margin-left:100px; font-size:14px; } 
.customerservice .details > li ul li img { display:none;}

.cs_tab { width:100%; margin:0 auto; }
.cs_tab li { display:inline-block; border:1px solid #d7d7d7; text-align:center; background:#f6f6f6; }
.cs_tab li a { display:block; padding:5px 30px; line-height:40px; color:#646464; }
.cs_tab li.active { border:1px solid #007dbe; }
.cs_tab li.active a { color:#007dbe; }

.cs_tab02 { width:100%; height:40px; padding-bottom:30px; margin:0 auto; position:absolute; }
.cs_tab02 li { display:inline-block; width:248px; border:1px solid #d7d7d7; text-align:center; background:#f6f6f6; }
.cs_tab02 li a { display:block; width:248px; height:40px; line-height:40px; color:#646464; }
.cs_tab02 li.active { border:1px solid #007dbe; }
.cs_tab02 li.active a { color:#007dbe; }


/* 환경정보 - 사업정보 - 소각분야 - 폐열이용과정 */
.sogakt2 { margin:30px 0; line-height:1.6; }
.sogakt2 > li { position:relative; padding-left:90px; overflow:hidden;}
.sogakt2 .num { display:block; position:absolute; left:0; top:0; width:300px; height:140px; padding:20px 0; font-size:40px !important; font-weight:normal !important}
.sogakt2 .cs01 .num { color:#81c669; border-top:3px solid #81c669; }
.sogakt2 .cs02 .num { color:#43bc95; border-top:3px solid #43bc95; background:url(/img/sogakt2_img01.png) no-repeat 74px 27px; }
.sogakt2 .cs03 .num { color:#45c3cd; border-top:3px solid #45c3cd; background:url(/img/sogakt2_img02.png) no-repeat 74px 27px; }
.sogakt2 .cs04 .num { color:#45c3cd; border-top:1px solid #c7edf0; background:url(/img/sogakt2_img03.png) no-repeat 74px 27px; }
.sogakt2 .cs05 .num { color:#45c3cd; border-top:1px solid #c7edf0; background:url(/img/sogakt2_img04.png) no-repeat 74px 27px; }
.sogakt2 .details { padding:20px 0; min-height:180px; }
.sogakt2 .cs01 .details { border-top:3px solid #d9eed2; }
.sogakt2 .cs02 .details { border-top:3px solid #c6ebdf; }
.sogakt2 .cs03 .details { border-top:3px solid #c7edf0; }
.sogakt2 .cs04 .details { border-top:1px solid #c7edf0; background:url(/img/sogakt2_img05.png) no-repeat 230px 100px; }
.sogakt2 .cs05 .details { border-top:1px solid #c7edf0; background:url(/img/sogakt2_img06.png) no-repeat 230px 100px; }
.sogakt2 .details > li { position:relative; padding-left:40px; padding-bottom:10px; overflow:hidden;}
.sogakt2 .details > li .title { display:block; position:absolute; top:10px; left:230px; color:#222; text-align:right; font-weight:600 !important; font-size:20px; }
.sogakt2 .details > li ul li { margin-top:46px; margin-left:190px; font-size:15px; } 
.sogakt2 .details > li ul li img { display:none;}



/* 홍보영상 */
.movie_bgbx { width:100%; height:400px; overflow-y:auto; border:1px solid #ccc; padding:20px; box-sizing:border-box}


/* ci 소개 */
.ci01 li { display:inline-block; width:100%;  max-width:250px; height:120px; margin-right:1px; text-align:center}
.ci01 li:last-child { margin-right:0;}
.ci01 li img{vertical-align:bottom; width:100%;}
.ci02 li { display:inline-block; width:48%; padding:20px; text-align:center; border:1px solid #d8d8d8; }
.ci02 li img { position:relative; width:100%; max-width:150px;}
/*.cidownload .btn { background:#646464; border:1px solid #000; color:#fff; }*/
.cidownload .btn { background:#3797db; border:1px solid #3797db; color:#fff; }

/* ebook */
.ebook td img { width:156px; height:auto;}


/* 부서/사업소 소개 연혁 */
.history02 h4 { display:inline-block; }

.view_img_link{float:left; width:40%;}
.view_img_link img{width:100%;}
.view_img_link a{display:block; margin-top:10px; padding:10px; text-align:center; font-size:15px; color:#007dbe; border:1px solid #007dbe; border-radius:30px; overflow:hidden; transition:.5s;}
.view_img_link a:hover{color:#fff; background:#007dbe;}

.view_img{float:left; width:40%;}
.view_img dl{width:100%;}
.view_img dl dt{width:100%; height:250px; margin-bottom:1px;}
.view_img dl dt img{width:100%; height:100%;}
.view_img dl dd{float:left; width:24.5%; height:50px; margin-right:.5%;}
.view_img dl dd:last-child{margin-right:0;}
.view_img dl dd img{width:100%; height:100%;}


/* 처리장 소개 관련링크*/
.sub_relative li { display:inline-block; margin-right:2px; }
.sub_relative a { display:block; padding:5px 14px; border:1px solid #a0a0a0; color:#1e1e1e; transition:.5s;  background:#e1e1e1 }
.sub_relative a:hover { background:#656565; transition:.5s; border:1px solid #555; color:#fff; }


/* 견학처리장 안내*/
.studyguide li { display:inline-block; margin-right:4px; text-align:center; margin-bottom:10px; }
.studyguide a { display:block; width:162px; padding:5px 14px; border:1px solid #a0a0a0; color:#1e1e1e; transition:.5s;  background:#e8e8e8 }
.studyguide a:hover { background:#656565; transition:.5s; border:1px solid #555; color:#fff; }


/* 공직자 선물신고 안내*/
/*.fontsmall { font-size:15px; line-height:1.5; width:100%; padding:15px; border:3px solid #e1e1e1; margin:10px 0 20px 0; box-sizing:border-box; clear:both }*/
.fontsmall {font-size: 15px;    line-height: 1.5;    width: 100%;    padding: 50px 50px 50px 200px;    border: 3px solid #e1e1e1;    margin: 10px 0 20px 0;
    box-sizing: border-box;    clear: both;       background: #f3f8fe url(../images/sub/icon_01.png)no-repeat 10% center;}

/* 사이트맵 */
div.wrap_sitemap{width:960;margin:39px auto 100px auto; font-size:1.4rem;}
div.wrap_sitemap a { color:#1e1e1e; }
div.wrap_sitemap a:hover { color:#1e1e1e; text-decoration:underline; }
div.wrap_sitemap dd a { color:#8c8c8c; }
div.wrap_sitemap dd a:hover { color:#606060; text-decoration:underline; }
div.wrap_sitemap .title{ overflow:hidden; padding:23px 0 19px 0; border-top:1px solid #e6e6e6;}
.subtitle{ display:inline-block; padding-left:20px; border-left:1px solid #e6e6e6;}
div.wrap_sitemap h3{ display:inline-block; width:74px; padding-right:13px; vertical-align:top; }
div.wrap_sitemap h3.line2 { background-position-y:11px}
div.wrap_sitemap h4{display:inline-block;}
div.wrap_sitemap dl {width:600px; border-bottom:1px dashed #ddd; }
div.wrap_sitemap dl.first{margin-top:-8px;}
div.wrap_sitemap dl dt{ width:140px; margin:6px 15px 10px 0; }
div.wrap_sitemap dl dd{ display:inline-block; margin:0 10px 2px 0; color:#575757; position:relative; top:-8px; }
div.wrap_sitemap .last{border-bottom:1px solid #e6e6e6;}


/* 인사말 */
.mb_30{margin-bottom:30px;}

.insa_intro{overflow:hidden;}
.insa_intro p img{width:100%;}
.insa_intro p{font-size:17px; color:#333;}
.insa_intro span{display:block;}
.insa_intro .name{width:100%; max-width:120px;}

/* 정부3.0 */
.govbutton { width:400px; margin:0 auto; background:url(/img/govbutton.png) no-repeat; margin-top:50px; }
.govbutton a { display:block; color:#464646; height:100px; font-size:30px; letter-spacing:-1px; text-align:center; margin:0 auto; padding:23px 20px 10px 20px; }


/* 환경교실 */
.megobtn a { width:186px; height:30px; line-height:30px; color:#fff; background:#3ea00f; border:1px solid #247a00; float:right; text-align:center; transition:.5s; }
.megobtn a:hover { background:#247a00; transition:.5s; }
.kids { width:750px; height:1050px; margin:0 auto; }


/* 배너다운로드 */
.bannerci { color:#fff; width:140px; height:34px; line-height:31px; font-size:1.5rem;  -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #000; background:#646464; }


/* 통합검색 */
.searchbox_wrap {max-width:600px; height:80px; margin:0 auto; background:#fafafa; border:1px solid #e0e0e0; }
.searchbox { margin:25px 0 0 94px; }
.searchbox .schtext { margin-right:9px; }
.searchbox .inputText { margin-right:5px; }
.searchbox button { position:relative; top:1px; margin-right:6px; }
.schresult, .noresult { border-top:2px solid #b0b0b0; border-bottom:1px solid #b0b0b0; margin-top:60px; padding:30px 0; }
.resulttxt { padding-top:6px; }
.noresult { font-size:2.0rem; text-align:center; }


/* 환경용어사전 */
.dictionary { margin:0 auto; width:550px; }
.dictionary ul { margin-top:8px; display:inline-block; }
.dictionary ul li { display:inline-block; margin-right:3px; }
.dictionary ul li a { display:block; width:23px; height:23px; line-height:23px; text-align:center; color:#fff; background:#9a9a9a; font-weight:600; transition:.5s; }
.dictionary ul li a:hover { background:#6c6c6c; transition:.5s; }
.dictionary ul li.active a { background:#3ea00f; }
.dictionary h4 { margin-right:10px; display:inline-block; }
.dictionary select { margin-right:6px; }
.dictionary .inputText { margin-right:3px; position:relative; top:-1px; }



/* 개인정보보호 저작권 이용약관 - 견학신청, 체육시설신청 */
#policy_ctn, #note_ctn { position:relative; overflow-y:scroll; height:200px; width:100%; margin:0 auto; border:1px solid #e1e1e1; font-size:14px }
.policy_tl { width:732px; height:26px; background:#308dd5; padding:14px 0 0 18px; }
.policy_top_txt { position:relative; width:660px; overflow:hidden; margin:20px auto; line-height:1.5; height:60px; border:1px solid #eee; padding:20px; }
.policy_list, .note_list { position:relative; margin:0 20px 20px 20px; }
.policy_list dt, .note_list dt { font-weight:600; margin-bottom:8px; margin-top:25px; }
.policy_list dd, .note_list dd { margin-bottom:4px; line-height:1.5; }


/* 견학신청, 체육시설이용신청*/
.btn_save a { width:100px; border: 1px solid #247a00; background:#3ea00f;  }
button.btn_save { color:#fff; text-align:center; transition:.5s; padding:5px 10px; font-size:15px; width: 100px; border: 1px solid #247a00; background:#3ea00f;}
button.btn_save:hover {background:#247a00; transition:.5s;}
.btn_cancel a {border: 1px solid #565656; background:#737373; }
.btn_result a { width:140px; border: 1px solid #565656; background:#737373; margin:0 auto; }
.btn_save a, .btn_cancel a, .btn_result a { color:#fff; display:block; text-align:center; transition:.5s; padding:5px 10px; line-height:22px; font-size:15px; }
.btn_save a:hover { background:#247a00; transition:.5s; }
.btn_cancel a:hover { background:#565656; transition:.5s; }
.btn_result a:hover { background:#565656; transition:.5s; }
.btn_ipin { width:201px; margin:0 auto; }
.btn_ipin a { height:50px; font-size:20px; color:#fff; background:#737373; border: 1px solid #565656; transition:.5s; padding:15px 15px; }
.btn_ipin a:hover { background:#565656; transition:.5s; }

.btn_realname a { width:80px; border: 1px solid #565656; background:#7C96C9; margin:0 auto;  color:#fff; display:block; text-align:center; transition:.5s; padding:5px 8px; line-height:22px; font-size:15px;}
.btn_realname a:hover { background:#5872A5; transition:.5s; }

.btn_gpin a { width:80px; border: 1px solid #565656; background:#FF7171; margin:0 auto;  color:#fff; display:block; text-align:center; transition:.5s; padding:5px 8px; line-height:22px; font-size:15px; margin-left:5px;}
.btn_gpin a:hover { background:#DF4D4D; transition:.5s; }
.fac_result { margin:0 auto; }

/*220617_추가 꾸미기*/
.txt_box2_wrap .txt_box2_list{display: flex;  justify-content: center; flex-wrap: wrap; gap:13px; }
.txt_box2_wrap .txt_box2_list .txt_box2 {border: 1px solid #eee; padding:15px;text-align: center;border-radius: 20px;   width: calc( ( 100% - 40px ) / 3 ); position: relative;  word-break: keep-all;}
.txt_box2_wrap .txt_box2_list .txt_box2 h2{margin:20px 0 20px 0; position: relative;     z-index: 9; display: inline-block;}
.txt_box2_wrap .txt_box2_list .txt_box2 h2:before{content: "";   position: absolute;    left: 50%;    bottom: 0;    width:120%;    height: 50%;    
    transform: translate(-50%, 0%);    background: rgb(253, 227, 154, 0.5);    z-index: -1;}

.txt_box2_wrap .txt_box2_list .txt_box2:after{content:''; display:block; top:0px; left:0px; width:100%; height:100%; box-sizing:border-box; position:absolute;
                                    border:0px solid #eee;border-radius: 20px; transition:all 0.2s ease 0s;}
.txt_box2_wrap .txt_box2_list .txt_box2:hover:after{border-width: 3px; border-color:#3d505f;   }
.txt_box2_wrap .txt_box2_list a {cursor: pointer;}


.dg_wrap_list{display: flex; flex-wrap: wrap;justify-content: center;    flex-wrap: wrap;    gap: 13px;}
.dg_wrap_list li{border: 1px solid #eee;    padding: 30px;    text-align: center;    border-radius: 20px; width: calc( ( 100% - 40px ) / 2 );
 position: relative;  word-break: keep-all;}
.dg_wrap_list li:after{content:''; display:block; top:0px; left:0px; width:100%; height:100%; box-sizing:border-box; position:absolute;
                                    border:0px solid #eee;border-radius: 20px; transition:all 0.2s ease 0s;}
.dg_wrap_list li:hover:after{border-width: 3px; border-color:#3d505f;   }



/* 공공아이핀 */
.studyresult_ipin { margin:0 auto; width:500px; height:200px; display:block; }


/* 영문 Promotional Media */
.ebookdown { margin:0 auto; width:150px; }


/* 신고센터-부정제보 */
.report { text-align:center; }
.report li { display:inline-block; margin-right:30px; line-height:1.5; }
.report li a { display:block; }


/* 신고센터 */

.Declaration{width:100%; overflow:hidden;}
.Declaration p.Declaration_firstbox{padding:15px 40% 15px 20px; font-size:17px; background:#f3f3f3 url("/img/Declaration_icon01.png") right 5% center no-repeat;}
.Declaration p.Declaration_firstbox strong{display:block; margin-bottom:10px; font-size:20px;}
.Declaration p.Declaration_firstbox button{display:block; height:auto; margin-top:15px; padding:5px 15px; color:#fff; font-size:17px; background:#3d505f; border:none;}
.Declaration ul{overflow:hidden;}
.Declaration ul li{float:left; width:49%; height:180px; margin-left:1%; padding:3% 20% 5% 20px; word-break:keep-all; font-size:17px; color:#333; background:#f3f8fe;}
.Declaration ul li:nth-child(1){background:#f3f8fe url("/img/Declaration_icon02.png") right 5% center no-repeat;}
.Declaration ul li:nth-child(2){background:#f3f8fe url("/img/Declaration_icon03.png") right 5% center no-repeat;}
.Declaration ul li:nth-child(3){margin-top:10px; background:#f3f8fe url("/img/Declaration_icon04.png") right 5% center no-repeat;}
.Declaration ul li:nth-child(4){margin-top:10px; background:#f3f8fe url("/img/Declaration_icon05.png") right 5% center no-repeat;}
.Declaration ul li strong{display:block; font-size:20px;}





/* 달력 */
#calendarList table { width:100%; height:220px; border:1px solid #3c3c3c; background:#fff; text-align:center; }
#calendarList table td{ line-height:26px; font-size:12px;}
#calendarList table img{width:auto;}
#calendarList .calen_sel { /*background:#d9f3d5;*/ background:#0C6167; }
#calendarList .calen_sel a{color:#fff !important;}
#calendarList .calen_non { background:#ffc9df; }
.calen_sel a {display:inline-block; width:26px; height:26px;}
.calen_sel a:hover {text-decoration:none; font-weight:600}
.calen_today { font-weight:600; color:#eb6b00; }
.calentop { height:31px; background:#fff}
.calentop img { width:10px; height:11px; position:relative; top:1px; }
.calentop a { color:#3c3c3c; }
.timeList {width:100%; height:220px; margin:0 auto; background:#fff; border:1px solid #3c3c3c; }
.timeList select { width:210px; height:220px !important;}
.choice_category p, .choice_day p, .choice_time p { margin:10px 0; font-size:13px;}
.choice_category select { width:150px; height:150px; }
.reserve_check { position:absolute; top:0px; right:50px; }
.cnt01 { color:#fff !important; background:#bf3c98;}
.choice_category, .choice_day, .choice_time { float:left; width:245px; height:430px; margin-bottom:20px; background:#f7f7f7; padding:15px;}
.choice_category h4, .choice_day h4, .choice_time h4 { font-weight:600; font-size:15px; margin-bottom:13px;}
.choice_category label, .choice_day label, .choice_time label { display:inline-block; font-size:15px;}
.resev_term_area p { float:right; font-size:15px; margin-top:5px;}
.choice_category label { color:#888;}
.choice_category, .choice_day { margin-right:20px;}




/* 공단소개 > 연혁 및 조직도 > 조직조 210914추가*/
.organ_right{float:right; margin-bottom: 50px; }
.organ_right span{  background: #555; color:#fff;   text-align:center; font-size: 15px;    width: 100%;    margin: 10px auto;    padding: 10px 20px;    display: block; }

/*.organ_right  li:first-child > span:before  {    content: "";    position: absolute;    width: 1px;    height: 80px;    left: 85%;    background: #ddd;    display: block;
    z-index: -1;
}*/


.organ_wrap {margin-bottom:50px;  font-size: 15px;  }
.organ_wrap > .organ_area_top {position:relative; text-align:center; width:100%; margin:0 auto; padding-top: 130px;}
.organ_wrap > .organ_area_top > .contab_v1 {display:block;width: 30%; margin: 0 auto;}
.organ_wrap > .organ_area_top > .contab_v1 > li {display:block;width:100%;}
.organ_wrap > .organ_area_top > .contab_v1 > li > span, .organ_wrap > .organ_area_top > .contab_v1 > li > span a {color:#fff;}
.organ_wrap > .organ_area_top > .contab_v1 > li {margin-bottom:80px;}
.organ_wrap > .organ_area_top > .contab_v1 > li > span {/*background:#0362b7;*/background: #3d505f; font-size: 20px; width:80%; margin:0 auto; padding:18px 0;display:block; border-radius: 5px;}
.organ_wrap > .organ_area_top > .contab_v1 > li:after{content:""; position:absolute;  width:1px; height:80px;left:50%; background:#ddd; display:block; z-index: -1;}

.organ_wrap > .organ_area_top > .contab_v1_2 {/*width:100%;  left: 100px;*/position:absolute; top:150px; right:0;    }
.organ_wrap > .organ_area_top > .contab_v1_2 > li {width:50%; margin-left:50%; margin-bottom: 30px; position:relative;}

.organ_wrap > .organ_area_top > .contab_v1_2 > li > span {background: #555;  padding:10px 0; display:block;      width: 150px; 

position:relative; top:0; right: 90px; margin:0 auto;}

.organ_wrap > .organ_area_top > .contab_v1_2 > li > span a{color:#fff;}
.organ_wrap > .organ_area_top > .contab_v1 > li+li > span {background:#c2ec5e;font-size: 20px; width:15%; padding:20px 0;position: absolute; top:0; right: 202px; color: #5d8400; border: 1px solid #b9d673; border-radius: 5px;}
.organ_wrap > .organ_area_top > .contab_v1 > li+li > span:after {content:""; position:absolute;  width:100px; height:1px; background:#ddd; display:block; left: -50%; top: 50%; z-index: -1;}


/*220418조직도추가 시작*/
.organ_area_middle  ul.captain{position:relative; display:block; margin:auto; padding-bottom:150px;}
.organ_area_middle  ul.captain::before{content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd; z-index:-1;}
.organ_area_middle  ul.captain::after{content:""; position:absolute; left:50%; top:70%; width:68%; height:30%; border:1px solid #ddd; border-bottom:1px solid transparent; transform:translateX(-50%); z-index:-1;}

.organ_area_middle  ul.captain li{background:#1a486d; width:30%; font-size:18px; display:block; margin:0 auto; padding:20px 0; text-align:center;  border:1px solid #eee;  border-radius: 5px;}
.organ_area_middle  ul.captain li a{color:#fff;}

/*220418조직도추가 끝*/

.organ_wrap > .organ_area_top > .contab_v2 {display:block; width: 30%; margin: 0 auto;}
.organ_wrap > .organ_area_top > .contab_v2 > li {display:block;width:100%;}
.organ_wrap > .organ_area_top > .contab_v2 > li > span, .organ_wrap > .organ_area_top > .contab_v2 > li > span a {color:#fff;}
.organ_wrap > .organ_area_top > .contab_v2 > li {margin-bottom:30px;}
.organ_wrap > .organ_area_top > .contab_v2 > li > span {background:#666; font-size: 20px; width:80%; margin: 0 auto; padding:20px 0;display:block; border-radius: 5px;}


.organ_wrap > .organ_area_middle {position:relative; /*overflow:hidden;*/ width:100%;}
.organ_wrap > .organ_area_middle:after{ content:""; clear:both; display: block }
/*.organ_wrap > .organ_area_middle:before {content:""; position:absolute; width:50%; margin:0 25%; height:1px; background:#ddd; display:block;}*/
.organ_wrap > .organ_area_middle > ul.contab_v3{display:flex; flex-wrap:wrap;}
.organ_wrap > .organ_area_middle > ul.contab_v3 > li {flex:1;}
.organ_wrap > .organ_area_middle > ul.contab_v3 > li > span {background:#1a486d; width:80%; font-size: 18px; color:#fff; display:block;margin:0 auto; padding:20px 0; text-align:center; border:1px solid #eee; border-radius: 5px;}
.organ_wrap > .organ_area_middle > ul.contab_v3 > li > span a{color:#fff;}



.organ_area_middle2 {position:relative; overflow:hidden; margin-top:20px; width:100%;}
/*.organ_area_middle2:before {content:""; position:absolute; width:75%; margin:0 12.5%; height:1px; background:#ddd; display:block;}*/
.organ_area_middle2 > .contab_v3 > li {float:left; margin-top:30px; position:relative; width:33.3333%;}
.organ_area_middle2 > .contab_v3 > li > a > span {/*background: #45c3cd;*/ background:#0B565B; width:90%;  display:block;margin:0 auto; padding:10px 0; text-align:center;  color: #fff;}
.organ_area_middle2 > .contab_v3 > li > a > span:before{content: "";    position: absolute;    width: 1px;
    height: 50px;    background: #ddd;       top: -24px;     left: 50.1%;    display: block;    z-index: -1;}
/*.organ_area_middle2 > .contab_v3 > li:first-child > span:before {content:""; position:absolute; width:72%; height:1px; background:#ddd; top:100px; left:14%; display:block;}*/
/*.organ_area_middle2 > .contab_v3 > li > span:before {content:""; position:absolute; width:36%; height:1px; background:#ddd; top:100px; left:32%; display:block;}*/
.organ_area_middle2 > .contab_v3 > li._line:before {content:""; position:absolute; width:1px; height:130px; background:#ddd; top:-30px; left:50%; display:block;z-index: -1;}
.organ_area_middle2 > .contab_v3 > li p{  background: #eee;    width: 90%;     display: block;    margin: 0 auto;    padding: 10px 0;    text-align: center;
    border: 1px solid #eee;   }
	


.organ_area_middle3 {position:relative; /*overflow:hidden;*/ margin-top:20px; width:100%;}
.organ_area_middle3:after{ content:""; clear:both; display: block }
.organ_area_middle3:before {content:""; position:absolute;width: 55%;    margin: 5px 25%; height:1px; background:#ddd; display:block;}
.organ_area_middle3 > .contab_v3 > li {float:left; margin-top:30px; position:relative; width:50%;}
.organ_area_middle3 > .contab_v3 > li > a > span {/*background: #45c3cd;*/  background:#0B565B; width:90%; display:block;margin:0 auto; padding:10px 0; text-align:center;  color: #fff;}
.organ_area_middle3 > .contab_v3 > li > a > span:before{content: "";    position: absolute;    width: 1px;    height: 130px;
    background: #ddd;    top: -24px;    left: 50.1%;    display: block;    z-index: -1;}
/*.organ_area_middle3 > .contab_v3 > li:first-child > span:before {content:""; position:absolute; width:72%; height:1px; background:#ddd; top:100px; left:14%; display:block;}*/
/*.organ_area_middle3 > .contab_v3 > li > span:before {content:""; position:absolute; width:36%; height:1px; background:#ddd; top:100px; left:32%; display:block;}*/
.organ_area_middle3 > .contab_v3 > li._line:before {content:""; position:absolute; width:1px; height:130px; background:#ddd; top:-30px; left:50%; display:block;z-index: -1;}
.organ_area_middle3 > .contab_v3 > li p{  background: #eee;    width: 90%;     display: block;    margin: 0 auto;    padding: 10px 0;    text-align: center;
    border: 1px solid #eee;   }

.organ_area_middle3 > .contab_v3 > .con_line{content: "";    position: absolute;    width: 1px;    height: 318px;    background: #ddd;    top: -24px;
    left: 80%;    display: block;    z-index: -1;}

.organ_area_under {position:relative; overflow:hidden; margin-top:50px; width:100%;}
.organ_area_under:before {content:""; position:absolute; /*width: 87.5%;*/ width:88%;  left: -0.8%;  margin: 0 6.4%; height:1px; background:#ddd; display:block;}
.organ_area_under > ul > li {float:left; margin-top:30px; position:relative; /*width:12.5%;*/ width:11%; font-size:14px}
.organ_area_under > ul > li >  a > span {/*background: #09c6a2;*/  background:#0B565B;  width:90%;  display:block;margin:0 auto; padding:10px 0; text-align:center; color: #fff;}

/*.organ_area_under > ul > li:last-child > span:before {  content: "";    position: absolute;    width: 1px;    height: 130px;
    background: #ddd;    top: -30px;    left: 50%;    display: block;    z-index: -1;}*/

.organ_area_under > ul > li._line:before {content:""; position:absolute; width:1px; height:130px; background:#ddd; top:-30px; left:50%; display:block;z-index: -1;}


.organ_area_under > ul > li p{background:#eee;   width:90%;      display:block;   margin: 0 auto;   padding:5px 0;  text-align:center; border: 1px solid #eee;}


/* 공단소개 > 연혁 및 조직도 > 조직조 웹접근성 수정220405*/

.organ_area_middle2 > .contab_v3 > li > a > ul > .tit{background: #0B565B;    width: 90%;    display: block;    margin: 0 auto;    padding: 10px 0;
    text-align: center;    color: #fff;}
.organ_area_middle2 > .contab_v3 > li > a > ul > li{background: #eee;    width: 90%;    display: block;    margin: 0 auto;    padding: 10px 0;
    text-align: center;    border: 1px solid #eee;}


.organ_area_middle3 > .contab_v3 > li > a > ul > .tit  { background: #0B565B;    width: 90%;    display: block;    margin: 0 auto;    padding: 10px 0;
    text-align: center;    color: #fff;}

.organ_area_middle3 > .contab_v3 > li > a > ul > li {    background: #eee;    width: 90%;    display: block;    margin: 0 auto;    padding: 10px 0;
    text-align: center;    border: 1px solid #eee;}


.organ_area_under > ul > li > a > ul > .tit {background:#0B565B; width:90%;  display:block;  margin:0 auto;  padding:10px 0;  text-align:center; color: #fff;}
.organ_area_under > ul > li > a > ul > li {background:#eee; width:90%; display:block;  margin:0 auto; padding:5px 0; text-align: center; border: 1px solid #eee;}


.organ_area_middle2 > .contab_v3 > li > a > ul > .tit:before { content: "";    position: absolute;    width: 1px;    height: 50px;
    background: #ddd;    top: -24px;    left: 50.1%;    display: block;    z-index: -1;}

.organ_area_middle3 > .contab_v3 > li > a > ul > .tit:before { content: "";    position: absolute;    width: 1px;    height: 50px;
    background: #ddd;    top: -24px;    left: 50.1%;    display: block;    z-index: -1;}





@media screen and (max-width: 680px) {

.organ_wrap > .organ_area_top{padding-top:30px;}
.organ_wrap > .organ_area_top > .contab_v1_2 {position:relative; left:auto; top:auto; right:auto;}
.organ_wrap > .organ_area_top > .contab_v1_2 > li {    width: 100%;    margin-left: 0; text-align:right;}
.organ_wrap > .organ_area_top > .contab_v1_2 > li > span {    background: #555;  text-align:center;  font-weight: bold;    padding: 10px 0;  margin:0;  display: inline-block;
    width: 150px;    position: relative;    top: auto; right: auto;  color: #fff;}


.organ_wrap > .organ_area_middle > ul > li {    width: 100%;}
.organ_wrap > .organ_area_middle > ul > li > span {      width: 90%;}
.organ_wrap > .organ_area_middle:before {display: none; }

.organ_wrap > .organ_area_middle > ul > li._line:before{height: 518px; top: -100px;}


.organ_area_middle2 > .contab_v3 > li {    width: 100%;}




.organ_area_middle3 > .contab_v3 > .con_line {    height: 800px;}
.organ_area_middle3 > .contab_v3 > li {     width: 100%;}
.organ_area_middle3:before {display: none; }
.organ_area_middle3 > .contab_v3 > .con_line {display: none; }
.organ_area_middle3 > .contab_v3 > li >   span:before {    height: 317px;}


.organ_area_under > ul > li { width: 50%;}
.organ_area_under:before {content: "";    position: absolute;    width: 50%;    margin: 0 25%;    height: 1px;    background: #ddd;    display: block;}

.organ_area_middle ul.captain{width:100%; padding-bottom:50px;}
.organ_area_middle  .captain a:before{content:""; position:absolute; width:50%; top:130px; left:1px; margin:0 25%; height:1px; background:#fff;
display:block; z-index: -1;}
.organ_area_middle ul.captain::after{border:none;}

.organ_wrap > .organ_area_middle > ul.contab_v3 > li{flex:none; width:100%;}


}


/* leftMenu */
#leftMenu .subTitleBox h3 {font-size:2.4rem;letter-spacing:-1; color:#fff; width:210px; height:100px; line-height:100px; text-align:center; background:url(/img/subtitle_bg.png) no-repeat }
#leftMenu { float:left; clear:both;}
#leftMenu ul, #leftMenu ul li, #leftMenu ul li a { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#leftMenu { width: 210px; color: #ffffff; }
#leftMenu ul ul { display: none; }
#leftMenu > ul > li.active > ul { display: block; }
.align-right { float: right; }
#leftMenu > ul > li > a { padding: 16px; cursor: pointer; z-index: 2; font-size: 15px; text-decoration: none; color: #1e1e1e; -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; border-top:1px solid #1e1e1e; }
#leftMenu > ul > li:last-child > a {border-bottom:1px solid #1e1e1e; }
#leftMenu > ul > li.has-sub.open > a, #leftMenu > ul > li.active > a {background: #007dbe ; color:#fff}

#leftMenu ul > li.has-sub > a:after { position: absolute; right: 18px; top: 19px; z-index: 5; display: block; height: 10px; width: 2px; background: #45474d ; content: "";  }
#leftMenu ul > li.has-sub > a:before { position: absolute; right: 14px; top: 23px; display: block; width: 10px; height: 2px; background: #45474d ; content: "";  }

#leftMenu ul > li.has-sub.open > ul > li.has-sub > a:after { position: absolute; right: 18px; top: 17px; z-index: 5; display: block; height: 10px; width: 2px; background: #45474d ; content: "";  }
#leftMenu ul > li.has-sub.open > ul > li.has-sub > a:before { position: absolute; right: 14px; top: 21px; display: block; width: 10px; height: 2px; background: #45474d ; content: ""; }
#leftMenu ul > li.has-sub.open > ul > li.has-sub > a { background:#fafafa}
#leftMenu ul > li.has-sub.open > ul > li.has-sub > a:hover { background:#fafafa}
#leftMenu ul > li.has-sub.open > ul > li.has-sub.open > a { color:#323232 !important; font-weight:600}

.sdepth03 > li.active a { color:#323232 !important; background:#fafafa url(/img/mark.png) no-repeat 187px center !important}


#leftMenu ul > li.has-sub.open > a:after, #leftMenu ul > li.has-sub.open > a:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: #fff;}
#leftMenu ul ul li a { padding: 14px 16px; cursor: pointer; z-index: 2; font-size: 13px; text-decoration: none; color: #49505a; -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; border-bottom:1px solid #ddd; background:#fafafa; letter-spacing:-1px;}
#leftMenu ul ul ul li a { padding-left: 20px;}
#leftMenu ul ul li a:hover, #leftMenu > li.active > a { color: #45474d ; font-weight:600; background:#fafafa url(/img/mark.png) no-repeat 187px center }
#leftMenu ul ul > li.has-sub > a:after { top: 16px; right: 26px; background: #dddddd; }
#leftMenu ul ul > li.has-sub > a:before { top: 20px; background: #dddddd; }


/* 현재위치 */
.pathWrap { width:100%; height:43px; background:#fafafa !important;border-bottom:1px solid #ccc; clear:both;}
.path {width: 1200px;margin:0 auto;text-align:left;line-height:43px;font-size:1.2rem;color:#3d3d3d;}
.path img { position:relative; top:2px }
.path strong { color:#3d3d3d}



/* 탭메뉴 */
.tab-list { height:80px; margin:0 auto; }
.tab-list:after {content: ''; display: block; clear: both;}
.tab-list.first {margin-bottom: 10px;}
.tab-list li {position: relative; float: left; width:125px; border:1px solid #d5d5d5; margin-left:-1px}
.tab-list li a {display: block; height: 48px; line-height: 48px; color: #6e6e6e; font-size: 15px; text-align: center;}
.tab-list li span {display: none;}
.tab-list li:first-child { margin-left:0}
.tab-list li.current {width:128px;}
.tab-list .current a {background-color: #f8f8f8; color: #2d2d2d; font-size: 15px; font-weight: 600;}
.tab-list .current .bg {position: absolute; bottom: -11px; left: 0; display: block; width: 100%; height: 15px; border-top: 5px solid #007dbe; background: url('/img/tabbg.png') no-repeat 50%	 0;}


/* 탭메뉴 처리장소개 */
.tab-list02 { height:80px;  margin:0 auto; }
.tab-list02:after {content: ''; display: block; clear: both;}
.tab-list02.first {margin-bottom: 10px;}
.tab-list02 li {position: relative; float: left; width:107px; border:1px solid #d5d5d5; margin-left:-1px}
.tab-list02 li a {display: block; height: 48px; line-height: 48px; color: #6e6e6e; font-size: 15px; text-align: center;}
.tab-list02 li span {display: none;}
.tab-list02 li:first-child { margin-left:0}
.tab-list02 li.current {width:110px;}
.tab-list02 .current a {background-color: #f8f8f8; color: #2d2d2d; font-size: 15px; font-weight: 600;}
.tab-list02 .current .bg {position: absolute; bottom: -11px; left: 0; display: block; width: 100%; height: 15px; border-top: 5px solid #007dbe; background: url('/img/tabbg.png') no-repeat 50%	 0;}



/* 탭메뉴 윤리경영 */
.tab-list03 { height:auto; margin:0 auto; }
.tab-list03:after {content: ''; display: block; clear: both;}
.tab-list03.first {margin-bottom: 10px;}
.tab-list03 li {position: relative; float: left; min-width:120px; border:1px solid #d5d5d5; margin-left:-1px; margin-top:12px; }
.tab-list03 li a {display: block; height: 48px; padding:0 10px; line-height: 48px; color: #6e6e6e; font-size: 15px; text-align: center;}
.tab-list03 li span {display: none;}
.tab-list03 li:first-child { margin-left:0}
/*.tab-list03 li.current {width:188px;}*/
.tab-list03 .current a {background-color: #f8f8f8; color: #2d2d2d; font-size: 15px; font-weight: 600;}
.tab-list03 .current .bg {position: absolute; bottom: -11px; left: 0; display: block; width: 100%; height: 15px; border-top: 5px solid #007dbe; background: url('/img/tabbg.png') no-repeat 50%	 0;}


/* 탭메뉴 개인정보보호정책 */
.tab-list04 { height:80px; margin:0 auto; }
.tab-list04:after {content: ''; display: block; clear: both;}
.tab-list04.first {margin-bottom: 10px;}
.tab-list04 li {position: relative; float: left; width:auto;border:1px solid #d5d5d5; margin-left:-1px; margin-top:12px; }
.tab-list04 li a {display: block; padding:0 10px; height: 48px; line-height: 48px; color: #6e6e6e; font-size: 15px; text-align: center;}
.tab-list04 li span {display: none;}
.tab-list04 li:first-child { margin-left:0}
.tab-list04 li.current {width:auto;}
.tab-list04 .current a {background-color: #f8f8f8; color: #2d2d2d; font-size: 15px; font-weight: 600;}
.tab-list04 .current .bg {position: absolute; bottom: -11px; left: 0; display: block; width: 100%; height: 15px; border-top: 5px solid #007dbe; background: url('/img/tabbg.png') no-repeat 50%	 0;}

/* 고객서비스헌장 */
.tab-list05 { height:auto; margin:0 auto; }
.tab-list05:after {content: ''; display: block; clear: both;}
.tab-list05.first {margin-bottom: 10px;}
.tab-list05 li {position: relative; float: left; width:auto; border:1px solid #d5d5d5; margin-left:-1px; margin-top:12px; }
.tab-list05 li a {display: block; padding:0 10px; height: 48px; line-height: 48px; color: #6e6e6e; font-size: 15px; text-align: center;}
.tab-list05 li span {display: none;}
.tab-list05 li:first-child { margin-left:0}
.tab-list05 li.current {width:auto;}
.tab-list05 .current a {background-color: #f8f8f8; color: #2d2d2d; font-size: 15px; font-weight: 600;}
.tab-list05 .current .bg {position: absolute; bottom: -11px; left: 0; display: block; width: 100%; height: 15px; border-top: 5px solid #007dbe; background: url('/img/tabbg.png') no-repeat 50%	 0;}


/* 우측 바로가기 */
#goTop{position:absolute;top:202px;/*right:-143px;*/ left:50%; margin-left:512px;width:156px; border:1px solid #3ea00f; z-index:1; background:#1a9ed8; text-align:center; }
#goTop h3{color:#fff; font-size:1.8rem; text-align:center; padding:11px 0 14px 8px;letter-spacing:0; background:url(/img/goTop_bg.png) no-repeat center; }
#goTop ul{padding:6px 0 7px 0;background:#fff}
#goTop ul li a {display:block;line-height:25px;padding:0 10px;font-size:13px;letter-spacing:-1px; color:#646464; }
#goTop ul li a:hover{ text-decoration:underline; color:#1e1e1e; }



/* 팝업존 */
.popzone_box {width:330px;text-align:center;}
.popzone_box .popzone_btn ul {margin:0 auto;overflow:hidden;width:95px;padding-top:25px;}
.popzone_box .popzone_btn li {float:left;padding:0 3px;}


/* 관련사이트 */
.relative {width: 1200px;height:41px;margin:0 auto;line-height:81px;position:relative;}
.relative h3 { width:auto; display:inline-block; font-weight:600; font-size:2.2rem; color:#1e1e1e; letter-spacing:-0.5px; }
.relative h3 a { color:#1e1e1e; }
.relative h3 a:hover { text-decoration:underline; }
.relative .bx-wrapper .bx-viewport { box-shadow:none; margin-top:12px}
.relative .banzone {float:right;width: 971px;}
.relative .banzone .bx-viewport{padding:0 1px;}
.relative .banzone .lst li img{width:140px; height:55px; border:1px solid #b5b5b5}
.relative .dgtalk{float:right;}
/*.bannerline img {border:1px solid #b5b5b5}*/

/* 언어선택 */
.language { width:110px; }
.language button { display:block; border:0; background:#006ab0 url(/img/bu_lang.png) no-repeat 88% center;; color:#fff; width:110px; height:50px; cursor:pointer; }
.language button span { position:relative; left:-6px;}
.lnk_lang {position:relative;}
.lnk_lang .lst {z-index:999; position:absolute; top:50px; left:0; width:108px; border-left:1px solid #006597; border-right:1px solid #006597; border-bottom:1px solid #006597; background:#fff;}
.lnk_lang .lst a {display:block; width:108px; font-size:1.4rem; text-align:center; color:#006ab0}
.lnk_lang .lst a:hover {background:#006ab0; color:#fff !important;}
.lnk_lang .lst a:hdisplayover, .lnk_lang .lst a:focus {background:#006ab0; color:#fff !important;}


/* 신청결과 */
.menu05 { font-size: 1.4rem}
h1.b2 { text-align: center; padding: 20px 0}
.incharge { width: 100%; text-align: right; padding-right: 10px; margin-bottom: 10px; box-sizing: border-box}


.mobilepage { display: none}

#mapDgeic #mapContainer { width: 100% !important}


/* 2017.10.13일 메인 비주얼 관련 스타일 추가 */
#goTop { z-index:1000; }


/* 탭메뉴 윤리경영 */
.tab-list10 { height:auto; margin:0 auto; }
.tab-list10:after {content: ''; display: block; clear: both;}
.tab-list10.first {margin-bottom: 10px;}
.tab-list10 li {position: relative; float: left; width:auto; border:1px solid #d5d5d5; margin-left:-1px; margin-top:12px; }
.tab-list10 li a {display: block; padding:0 10px; height: 48px; line-height: 48px; color: #6e6e6e; font-size: 15px; text-align: center;}
.tab-list10 li span {display: none;}
.tab-list10 li:first-child { margin-left:0}
.tab-list10 li.current {width:auto;}
.tab-list10 .current a {background-color: #f8f8f8; color: #2d2d2d; font-size: 15px; font-weight: 600;}
.tab-list10 .current .bg {position: absolute; bottom: -11px; left: 0; display: block; width: 100%; height: 15px; border-top: 5px solid #007dbe; background: url('/img/tabbg.png') no-repeat 50%	 0;}


/*신규 메뉴 - 나누미, 인재상*/
.ppt_box_bg{padding-bottom:100px; background:url("../../2021_new/images/sub/gachi_img_bg.png") center bottom no-repeat}

.ppt_box{position:relative; overflow:hidden;}
.ppt_box dl{display:table; width:100%; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.ppt_box dl:first-child{border-top:1px solid #ccc;}
.ppt_box dl dt{display:table-cell; width:20%; padding:15px 0; text-align:center; font-weight:bold; font-size:17px; color:#fff; /*background:#4b5e89;*/ background:#32456F;}
.ppt_box dl dd{display:table-cell; width:80%; padding:15px 10px; text-align:center; font-size:17px; color:#333; vertical-align:middle; background:#fff;}
.ppt_box dl dd ul.gachi_list{overflow:hidden;}
.ppt_box dl dd ul.gachi_list li{display:inline-block; width:126px; margin:5px 0 5px 1%; padding:15px 5px; line-height:140%; border:2px solid #999; border-radius:8px;}
.ppt_box dl dd ul.gachi_list li:first-child{margin-left:0;}

.ppt_box dl:nth-child(2) dd ul.gachi_txt_list > li{vertical-align:middle;}
.ppt_box dl dd ul.gachi_txt_list{display:table; width:100%;}
.ppt_box dl dd ul.gachi_txt_list > li{display:table-cell; width:32%; margin-left:1%; padding:0 0 0 1%; line-height:140%; border-left:1px dotted #ccc;}
.ppt_box dl dd ul.gachi_txt_list > li:first-child{margin-left:0; border-left:0; padding-left:0;}
.ppt_box dl dd ul.gachi_txt_list > li > ul > li{position:relative; padding-left:8px; margin-bottom:15px; text-align:left; font-size:15px; word-break:keep-all;}
.ppt_box dl dd ul.gachi_txt_list > li > ul > li::before{content:""; position:absolute; left:0; top:12px; width:3px; height:3px; background:#333;}
.ppt_box dl dd ul.gachi_txt_list > li > ul > li:last-child{margin-bottom:0;}
.ppt_box dl dd ul.gachi_txt_list > li > ul > li strong{display:block;}


.ppt_box dl dd ul.gachi_list_num li{display:block; text-align:left; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ccc;}
.ppt_box dl dd ul.gachi_list_num li:last-child{margin-bottom:0; border-bottom:0; padding-bottom:0;}
.ppt_box dl dd ul.gachi_list_num li span{display:inline-block; margin-right:5px; padding:1px 10px; border:1px solid #333; border-radius:8px;}

.ppt_box dl.green_title dt{/*background:#1398a1;*/ background:#0B565B; border-right:1px solid #fff; vertical-align:middle;}
.ppt_box dl.green_title dd{color:#fff; /*background:#1398a1;*/ background: #0B565B;}

.ppt_box dl.green_txt dt{color:#fff; /*background:#bce1e4;*/ background: #32456F; vertical-align:middle;}

.blue_box{padding:10px; text-align:center; color:#fff; font-size:15px; /*background:#78aeff;*/     background: #444}

.img_100 img{width:100%;}


.inje{padding:20px; text-align:center; line-height:140%; color:#333; font-size:20px; background:#edf4e3; border-radius:50px;}



/*사전정보공표*/
.jang_tab{width:100%; margin-bottom:30px; padding:10px; border:1px solid #ccc; overflow:hidden;}
 .jang_tab li{float:left; cursor:pointer; padding-left:10px; margin-left:10px; font-size:17px; border-left:1px solid #ccc;}
 .jang_tab li:first-child{border-left:0; margin-left:0;}
 .s_btn_active{color:orangered;}

.boardSearch{float:right; margin-bottom:10px; clear:both;}
.boardSearch .input_bar{padding:4px 10px; border:1px solid #ccc;}


/*댓글*/
.reple_box{padding:20px; background:#f9f9f9;}
.reple_box .reple_title{margin-bottom:15px; overflow:hidden;}
.reple_box .reple_title h3{position:relative; float:left; padding-left:10px; font-size:20px; font-weight:600;}
.reple_box .reple_title h3::before{content:""; position:absolute; left:0; top:5px; width:6px; height:6px; border-radius:100%; background:#3d505f;}
.reple_box .reple_title a{float:right; padding:5px 23px; color:#85ade4; font-weight:600; font-size:16px; border:2px solid #85ade4; border-radius:30px; background:#fff;}

.reple_box dl.txt_ar{display:table; width:100%; margin-bottom:30px;}
.reple_box dl.txt_ar dt{display:table-cell; width:85%;}
.reple_box dl.txt_ar dt textarea{width:100%; padding:10px; vertical-align:top; border:1px solid #ddd; border-radius:10px 0 0 10px;}
.reple_box dl.txt_ar dd{display:table-cell; width:100%; vertical-align:top;}
.reple_box dl.txt_ar dd input{width:100%; height:132px; font-size:20px; font-weight:500; color:#fff; background:#0c4977; border:none; cursor:pointer; border-radius:0 10px 10px 0;}

.replet{padding:10px 20px 20px 20px; border-radius:10px; border:1px solid #ddd;}
.replet h3{padding-bottom:10px; text-align:center; font-size:20px; font-weight:500; border-bottom:1px solid #ddd;}

.replet .replet_re{margin-top:20px;}
.replet .replet_re ul li{padding-top:15px; margin-top:15px; border-top:2px dotted #ddd;}
.replet .replet_re ul li:first-child{margin-top:0; padding-top:0; border-top:none;}

.replet .replet_re ul li dl{overflow:hidden; width:100%; padding:10px; background:#3d505f; border-radius:5px 5px 0 0;}
.replet .replet_re ul li dl dt{float:left; color:#fff;}
.replet .replet_re ul li dl dd{float:right; color:#fff;}

.replet .replet_re ul li .comet_box{margin-bottom:15px; padding:15px; border:1px solid #3d505f; background:#fff; border-radius:0 0 5px 5px; line-height:140%;}
.replet .replet_re ul li .re_btn{text-align:right; margin-bottom: 20px;}
.replet .replet_re ul li .re_btn .btn_delete_comment{display:inline-block; padding:5px 10px; border: 2px solid #ff0000;    color: #ff0000; font-weight:600; border-radius:5px; background:#fff; cursor:pointer;}

.replet .replet_re ul li .re_btn .btn_recomm{display:inline-block; padding:5px 10px; border:2px solid #ffab02; color:#ffab02; font-weight:600; border-radius:5px; background:#fff; cursor:pointer;}

.btn_cmt_reply{display:inline-block; padding:5px 10px; border:2px solid #666; color:#666; font-weight:600; border-radius:5px; background:#fff; cursor:pointer;}
.reply_re{background: #eee;    padding: 10px 20px;    margin-bottom: 20px;    border-radius: 10px;    color: #ff0000;    font-weight: 600;}




/*220124_경영지원처 추가*/
	/*.rconwrap img{    display: block;    margin: 0px auto;}*/
	.tablelist img{display:inline !important;} /* 게시판리스트의 첨부파일 아이콘 줄바뀌는 문제로 추가 2022-01-26 */

	.area-main-ment{  background: #007dbe;  height: 5px;  position: relative; margin-top:100px;}
    .area-main-ment p{text-align:center; position: absolute; top:-45px; width: 100%;  font-size:20px;  }
    .area-main-ment::after{  position: absolute;  bottom: -10px;  left: calc(50% - 10px);  content: " ";  height: 0;  z-index: -1;
    
      border-bottom: 10px solid;  
      border-left: 10px solid rgba(0, 0, 0, 0);
      border-right: 10px solid rgba(0, 0, 0, 0);
      color: #007dbe;
        
      transform: rotate(-180deg);        
      -webkit-transform: rotate(-180deg);
      -moz-transform: rotate(-180deg);
      -o-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
}

     
    .area_wrap{display: flex; margin-top: 10px; justify-content: space-evenly;    align-items: center;}
    .area_wrap ul{ display: flex; flex-direction: column; flex-wrap: wrap; width: 100%; height: 243px; margin-top: 20px;}
	.area_wrap .he100{ display: flex; flex-direction: column; flex-wrap: wrap; width: 100%; height: 150px; margin-top: 20px;}
    .area_wrap ul li{ width: 50%; }
     
     .view_link{width: 40%;    margin: 0 auto;}
     .view_link a {    display: block;    margin-top: 10px;    padding: 10px;    text-align: center;    font-size: 15px;    color: #007dbe;
				    border: 1px solid #007dbe;    border-radius: 30px;    overflow: hidden;   transition: .5s;}
     .view_link a:hover{color:#fff; background:#007dbe;}
	
	.slashline_add { width: 100%;   height: 6px;   background: url(/img/slashline.png) repeat-x;   margin: 60px 0;    clear: both;}
	
	.blue_bar2{background: #007dbe;    height: 2px; width:100%;  margin:20px 0;}
	.blue_bar5{background: #007dbe;    height: 5px; width:100%;}


	/* 22-01-28 공단소개 - 경영방향 - 사업뷴야 추가 */
	.b_areas{position:relative; width:100%; margin-top:40px; margin-bottom:100px; padding:15px; background:url("../images/sub/business-areas_bg.jpg") repeat;}
	.ba_box{padding:50px; background:#fff;}
	.ba_box p{text-align:center; font-size:20px; font-weight:500; color:#333; word-break:keep-all;}
	.ba_box p::before{content:""; position:absolute; left:50%; top:-40px; width:92px; height:92px; border:1px solid #ddd; border-radius:50%; transform:translateX(-50%);}
	
	.ba_box p.ba_icon01::before{background:#fff url("../images/sub/ba_icon01.png") center no-repeat;}
	.ba_box p.ba_icon02::before{background:#fff url("../images/sub/ba_icon02.png") center no-repeat;}
	.ba_box p.ba_icon03::before{background:#fff url("../images/sub/ba_icon03.png") center no-repeat;}
	.ba_box p.ba_icon04::before{background:#fff url("../images/sub/ba_icon04.png") center no-repeat;}
	.ba_box p.ba_icon05::before{background:#fff url("../images/sub/ba_icon05.png") center no-repeat;}
	.ba_box p.ba_icon06::before{background:#fff url("../images/sub/ba_icon06.png") center no-repeat;}
	.ba_box p.ba_icon07::before{background:#fff url("../images/sub/ba_icon07.png") center no-repeat;}

	.ba_box p strong{display:block; font-size:25px;}
	.ba_box ul{position:absolute; left:50%; bottom:-16px; display:flex; width:90%; transform:translateX(-50%);}
	.ba_box ul.si_w60{width:60%;}
	.ba_box ul li{flex:1; margin-left:2%; text-align:center;}
	.ba_box ul li:first-child{margin-left:0;}
	.ba_box ul li a{display:block; max-width:220px; margin:0 auto; padding:10px 0; text-align:center; word-break:keep-all; font-weight:500; font-size:17px; color:#fff; background:#3d505f; border-radius:10px; transition:.3s;}

	.ba_box ul li a:hover{background:#ee8300;}



	/* 22-02-03 재난안전 - 재난안전대책본부 - 조직 및 임무 조직도 */
	.org_new{width:100%;}
	.org_new .org_bew_tit{position:relative; width:100%; max-width:200px; margin:50px auto;}
	.org_new .org_bew_tit::before{content:""; position:absolute; left:50%; bottom:-81%; width:1px; height:100%; background:#ccc; transform:translateX(-50%);}
	
	.org_new h1{position:relative; width:100%; min-height:100px; padding:7px 14px; text-align:center; color:#555; font-size:15px; background:#678bfd;}
	.org_new h1::before{content:""; position: absolute; top: -50px; left: 0; width: 0; height: 0; border-left: 100px solid transparent; border-right: 100px solid transparent; border-bottom: 50px solid #678bfd;}
	.org_new h1::after{content:""; position: absolute; bottom: -50px; left: 0; width: 0; height: 0; border-left: 100px solid transparent; border-right: 100px solid transparent; border-top: 50px solid #678bfd;}

	.org_new h1 p{position:relative; display:table; width:100%; min-height:100px; margin:5px auto; line-height:160%; background:#fff; vertical-align:middle;}
	.org_new h1 p::before{content:""; position: absolute; top: -41px; left: 0; width: 0; height: 0; border-left: 86px solid transparent; border-right: 86px solid transparent; border-bottom: 41px solid #fff;}
	.org_new h1 p::after{content:""; position: absolute; bottom:-41px; left: 0; width: 0; height: 0; border-left: 86px solid transparent; border-right: 86px solid transparent; border-top: 41px solid #fff; z-index:1;}

	.org_new h1 p span{display:table-cell; vertical-align:middle;}
	.org_new h1 p strong{display:block; font-size:17px; color:#333;}
	
	.org_new .org_ft_chap{position:relative; display:flex; width:100%; padding-top:100px;}
	.org_new .org_ft_chap::before{content:""; position:absolute; left:50%; top:40px; width:80%; height:1px; background:#ccc; transform:translateX(-50%);}
	.org_new .org_ft_chap_li4::before{width:75% !important;}

	.org_new .org_ft_chap > li{position:relative; flex:1; margin:0 0.5%; text-align:center;}
	.org_new .org_ft_chap > li::before{content:""; position:absolute; left:50%; top:-60px; width:1px; height:100px; background:#ccc; transform:translateX(-50%); z-index:-1;}
	.org_new .org_ft_chap li strong{display:block; margin-bottom:5px; padding:5px; font-size:17px; color:#fff; background:#3699fd;}
	.org_new .org_ft_chap li .org_sc_chap{padding:5px 15px; border:1px solid #ddd; background:#fbfbfd;}
	.org_new .org_ft_chap li .org_sc_chap li{position:relative; padding-left:10px; text-align:left; color:#999; font-size:15px;}
	.org_new .org_ft_chap li .org_sc_chap li::before{content:""; position:absolute; left:0; top:12px; width:3px; height:3px; background:#999;}

	.org_ex{text-align:left; font-size:15px; color:#555;}


	/* 22-02-04 경영방향 - 안전보건경영 */
	.safety{position:relative; width:90%; margin:50px auto 0 auto; padding:50px; border:5px solid #ecbb53; border-radius:20px;}
	/*.safety::before{content:""; position:absolute; left:50%; top:-25px; width:100%; max-width:228px; height:100%; max-height:38px; padding:0 20px; background:#fff url("../images/sub/safety_logo.png") center no-repeat; background-size:80%; transform:translateX(-50%);}*/

	.safety h1{margin-bottom:10px; text-align:center; font-size:40px; color:#333; font-weight:600; letter-spacing:5px;}
	.safety p.safety_grey{margin-bottom:30px; padding:30px 50px; text-align:center; line-height:160%; word-break:keep-all; font-weight:600; font-size:17px; color:#333; border-radius:20px; background:#f3f3f3;}

	.safety ul{margin-bottom:30px;}
	.safety ul li{position:relative; padding: 20px 20px 20px 60px; line-height:160%; word-break:keep-all; font-weight:400; font-size:17px; color:#333; border-bottom:2px dotted #ddd;}
	.safety ul li::before{content:"하나."; position:absolute; left:0; top:20px; font-size:25px; color:#ecbb53;}

	.safety_mamu{text-align:center; font-size:17px;}
	.safety_day{margin:30px 0;  text-align:center; font-weight:600; font-size:25px; letter-spacing:-1.5px;}
	.safety_sain{text-align:center; font-size:35px; font-weight:600; color:#333;}

	.safety_green_line{border:5px solid #85bf4c !important;}
	.safety ul.safety_green_color li::before{color:#85bf4c !important;}



	/* 주민참여예산안내 */
	.jumin{width:100%; overflow:hidden;}
	.jumin p.jumin_box{padding:30px 10% 30px 20%; font-size:17px; background: url("/img/jumin_icon.png") left 4% center no-repeat; border:1px solid #ccc; border-top:2px solid #3d505f;}
	.jumin p.jumin_box strong{display:block; margin-bottom:10px; font-size:23px;}
	
	.jumin_downlod .jumin_down{width:100%; font-size:17px; font-weight:600; color:#007dbe; overflow:hidden;}
	.jumin_downlod .jumin_down a{float:right; padding:2px 30px 2px 10px; margin:2px; color:#fff; background:#007dbe url("/img/jumin_down.png") right 10px center no-repeat;}
	.jumin_downlod ul{display:flex; width:100%; margin-top:20px;}
	.jumin_downlod ul li{position:relative; flex:1; width:49%; margin-left:2%; padding:20px 20% 20px 20px;}
	.jumin_downlod ul li:first-child{margin-left:0; background:#f3f8fe url("/img/jumin_down_icon01.png") right 5% top 15px no-repeat;}
	.jumin_downlod ul li:last-child{background:#f3f8fe url("/img/jumin_down_icon02.png") right 5% top 15px no-repeat;}
	.jumin_downlod ul li dl dt{margin-bottom:10px; font-size:20px; color:#333; font-weight:600;}
	.jumin_downlod ul li dl dd{font-size:17px; color:#333; font-weight:500; word-break:keep-all;}
	.jumin_downlod ul li dl dd strong{display:block; font-size:17px; font-weight:600;}
	.jumin_downlod ul li dl dd p{font-size:15px; font-weight:400;}
	.jumin_downlod ul li a{position:absolute; bottom:20px; display:inline-block; padding:2px 30px 2px 10px; margin:2px; font-size:17px; font-weight:600; color:#fff; background:#007dbe url("/img/jumin_down.png") right 10px center no-repeat;}

	.jumin_list ul{display:flex;}
	.jumin_list ul li{position:relative; width:23%; margin-right:5%; padding:30px 15px; text-align:center; line-height:160%; font-size:17px; font-weight:500; border:3px solid #999; border-radius:10px; word-break:keep-all;}
	.jumin_list ul li::before{content:""; position:absolute; top:50%; right:-16%; width:10px; height:10px; border:10px solid #ccc; border-top:10px solid transparent; border-left:10px solid transparent; transform:translateY(-50%) rotate(-45deg);}
	.jumin_list ul li:last-child{margin-right:0;}
	.jumin_list ul li:last-child::before{border:none;}
	.jumin_list ul li strong{display:block; font-size:20px; font-weight:600;}

	.jumin_down_btn{float:left; padding:2px 30px 2px 10px; margin:2px; color:#fff; background:#007dbe url("/img/jumin_down.png") right 10px center no-repeat;}


/*견학,체육시설체육시설체육시설이용신청   체육시설이용신청 - 테니스장 dgeic_facilities2.html*/


.link_button {   margin: 2px 3px;    padding: 5px 30px 5px 7px;       border: 1px solid #ddd;    color: #333 !important;    line-height: 24px;
    border-radius: 3px;    white-space: nowrap;	position: relative;}

.link_button:before, .link_button:after {       content: '';    display: inline-block;    position: absolute;    top: 0;    right: 0;    box-sizing: border-box;}
.link_button:before {    right: 20px;    bottom: 0;    border-left: 1px solid #d9d9d9;    background-color: #fff;}

 .link_button:after{ top: 0;    left: calc(100% - 20px);    right: 0;    bottom: 0;    width: 16px;    height: 14px;    margin: auto;    background-color: #fff;
 background: url(/img/data/download_icon.png) no-repeat 50%; background-size: 70%;}




@media screen and (max-width: 1200px) {

	.sub_content{padding:0 20px;}

}


@media screen and (max-width: 1000px) {

	.left_menu{max-width:210px;}
	.right_menu{width:calc(100% - 230px);}

	.sub_title .sub_nav ul.nav_box{width:60%;}


	.area_wrap{flex-wrap: wrap;}
    .area_wrap ul{ flex-direction: row; width:100%;   height:auto; }
    .area_wrap ul li{ width: 100% }

	.area_wrap .he100{ flex-direction: row; width:100%;   height:auto; }
	

}


@media screen and (max-width: 960px) {

	.sub_content{margin-top:89px;}
	.sub_content_box{margin:0 auto;}

	.left_menu{display:none;}
	.right_menu{width:100%;}

	.sub_title h1{text-align:center;}
	.sub_title .sub_nav > ul.nav_icon > li:nth-child(1){display:none;}
	.sub_title .sub_nav > ul.nav_icon > li:nth-child(2){display:none;}

	/*신규 메뉴 - 나누미, 인재상*/
	.ppt_box dl{margin-bottom:10px; border:1px solid #ccc;}
	.ppt_box dl dt{display:block; width:100%;}
	.ppt_box dl dd{display:block; width:100%; padding:25px 10px; text-align:center; font-size:15px;}


	.ppt_box dl.green_title dt{/*background:#1398a1;*/ border-right:0; border-bottom:1px solid #fff;}
	.ppt_box dl.green_title dd{color:#333; background:#fff;}

	
	.re_textct{font-size:20px;}

	.ba_box p{font-size:17px;}
	
	.ba_box p strong{font-size:23px;}
	.ba_box ul li a{max-width:250px; font-size:15px;}

	/* 22-02-03 재난안전 - 재난안전대책본부 - 조직 및 임무 조직도 */
	.org_new{width:100%;}
	.org_new .org_bew_tit{max-width:180px;}
	.org_new .org_bew_tit::before{bottom:-100%;}

	.org_new h1::before{border-left: 90px solid transparent; border-right: 90px solid transparent; border-bottom: 50px solid #678bfd;}
	.org_new h1::after{border-left: 90px solid transparent; border-right: 90px solid transparent; border-top: 50px solid #678bfd;}

	.org_new h1 p::before{border-left: 77px solid transparent; border-right: 77px solid transparent; border-bottom: 41px solid #fff;}
	.org_new h1 p::after{border-left: 77px solid transparent; border-right: 77px solid transparent; border-top: 41px solid #fff; z-index:1;}
	
	.org_new .org_ft_chap{display:flex; flex-wrap:wrap; padding-top:50px;}
	.org_new .org_ft_chap::before{background:none;}
	.org_new .org_ft_chap > li{position:relative; flex:none; width:49%; margin:0 0.5% 10px 0.5%;}
	.org_new .org_ft_chap > li::before{background:none;}
	.org_new .org_ft_chap li strong{margin:0;}


	/*견학/체육시설>견학.견학안내 220617_추가 꾸미기*/
	 .txt_box2_wrap .txt_box2_list{justify-content: flex-start;}
     .txt_box2_wrap .txt_box2_list .txt_box2{width: calc( ( 100% - 20px ) / 2 );}
    

}


@media screen and (max-width: 640px) {
.view_link{width: 90%;    margin: 0 auto;}
	.sub_title h1{font-size:25px;}

	/*.rconwrap img{width:100%;}*/

	.sub_title .sub_nav{display:block; width:auto; text-align:center;}
	.sub_title .sub_nav ul{margin-top:20px;}
	.sub_title .sub_nav ul.nav_box{width:100%; display:inline-block;}
	.sub_title .sub_nav ul.nav_box li{display:inline-block; float:none; font-size:12px;}
	.sub_title .sub_nav > ul.nav_icon{display:block; text-align:center;}


	.history .year{max-width:80px;}
	.history > li{padding-left:50px;}
	.history .details > li .month{left:0;}
	.history .details > li ul li{margin-left:50px;}


	.callleft{width:100%;}
	.callright{width:100%;}
	
	/*게시판*/
	.tablelist img{width:auto;}
	.tableview img{width:auto;}

	/* 사용 편의성 만족 */
	.usability_box{float:none; width:100%;}
	.usability input[type="text"] {position:relative; width:100%; height:45px; padding-left:10px; font-size:15px; vertical-align:middle; border:1px solid #ccc; border-radius:3px;}
	.usability button {float:none; width:100%; max-width:none; margin-top:15px; padding:15px 10px; font-size:15px; height:auto;}

	.usability .radio [type="radio"] {display:none;}
	.usability .radio [type="radio"]:checked + label{
		position:relative; color:#1398a1; font-weight:500; padding-left:25px;
	}
	.usability .radio [type="radio"]:checked + label::before{background:url("../images/sub/check_btn.png") left top no-repeat;}

	.charge p{width:100%; text-align:left;}


	/* 로그인 */
	.loginimg {max-width:230px; height:auto;}
	.loginwrap { width:100%; left:0;}
	.loginwrap .loginbox { width:100%; height:auto;}
	.loginwrap .loginbtn { width:100%; display:inline-block; position:relative; top:10px; }
	.loginwrap .loginbtn a {display:block; color:#fff; height:auto; padding:15px 0; background:#007dbe; text-align:center; font-size:1.6rem; transition:.5s; } 
	.loginwrap .loginbtn a:hover { background:#3c3c3c; transition:.5s; color:#fff; }
	.loginwrap .loginbox input {width:100%; }
	.loginwrap .logingroup { margin:20px auto 0 auto; font-size:1.2rem; text-align:center; }
	.loginwrap .idpw, .loginwrap .login_join { display:inline-block; margin-right:3px; width:150px; }
	.loginwrap .login_join { margin-right:0; }
	.loginwrap .idpw a, .loginwrap .login_join a { display:block; padding:3px 8px; border:1px solid #d7d7d7; background:#e5e5e5; color:#3c3c3c; transition:.5s; cursor:pointer; }
	.loginwrap .idpw a:hover, .loginwrap .login_join a:hover { border:1px solid #d7d7d7; background:#d7d7d7; transition:.5s;}


	/* 부서/사업소 소개 연혁 */
	.view_img_link{width:100%; margin-bottom:30px;}

	.view_img{width:100%; margin-bottom:30px;}
	.view_img dl dt{width:100%; height:250px; margin-bottom:1px; overflow:hidden;}
	.view_img dl dd{float:left; width:24.5%; height:80px; overflow:hidden;}



	/*신규 메뉴 - 나누미, 인재상*/
	.ppt_box_bg{padding-bottom:10%; background-size:100%;}
	.ppt_box dl dd ul.gachi_list li{width:45%;}

	.ppt_box dl:nth-child(2) dd ul.gachi_txt_list > li{vertical-align:middle;}
	.ppt_box dl dd ul.gachi_txt_list{display:table; width:100%;}
	.ppt_box dl dd ul.gachi_txt_list > li{display:block; width:100%; margin:0 0 10px 0; padding:0 0 10px 0; border-left:none; border-bottom:1px dotted #ccc;}
	.ppt_box dl dd ul.gachi_txt_list > li:last-child{border-bottom:0; margin:0; padding:0;}

	.inje{font-size:17px;}



	/* 신고센터 */
	.Declaration p.Declaration_firstbox{font-size:15px; padding:15px; background:#f3f3f3;}
	.Declaration p.Declaration_firstbox strong{font-size:17px;}
	.Declaration p.Declaration_firstbox button{width:100%; font-size:15px;}

	.Declaration ul li{float:none; width:100%; height:auto; margin:15px 0 0 0; padding:30px 30% 30px 15px; font-size:15px;}
	.Declaration ul li strong{font-size:17px;}
	.Declaration ul li:nth-child(1){margin-top:0; background-size:80px;}
	.Declaration ul li:nth-child(2){background-size:80px;}
	.Declaration ul li:nth-child(3){background-size:80px;}
	.Declaration ul li:nth-child(4){background-size:80px;}



	/* 테이블  X - 스크롤 */
	.table_scroll{overflow-x:auto;}
	.table_scroll table{min-width:760px; margin-bottom:50px;}

	.table_scroll::-webkit-scrollbar {
	  width: 8px;
	  height: 8px;
	  background: #ffffff;
	}
	.table_scroll::-webkit-scrollbar-thumb {
	  border-radius: 3.5px;
	  background-color: #ced4da;
	}
	.table_scroll::-webkit-scrollbar-thumb:hover {
	  background-color: #adb5bd;
	}
	.table_scroll::-webkit-scrollbar-track {
	  background: #ffffff;
	}


	.re_textct{font-size:17px;}



	/*댓글*/
	.reple_box{padding:20px; background:#f9f9f9;}

	.replet h3{font-size:17px;}

	.reple_box dl.txt_ar{display:table; width:100%; margin-bottom:30px;}
	.reple_box dl.txt_ar dt{display:block; width:100%;}
	.reple_box dl.txt_ar dt textarea{border-radius:10px 10px 0 0;}
	.reple_box dl.txt_ar dd{display:block; width:100%; vertical-align:top;}
	.reple_box dl.txt_ar dd input{height:auto; padding:15px 0; border-radius:0 0 10px 10px;}

	.replet .replet_re ul li dl dt{float:none; width:100%; color:#fff;}
	.replet .replet_re ul li dl dd{float:none; width:100%; color:#fff;}

	.ba_box{padding:50px 20px;}
	.ba_box p{line-height:140%; font-size:15px;}
	.ba_box p strong{margin-bottom:15px; font-size:20px; line-height:120%;}

	.ba_box ul{position:relative; width:100%; flex-wrap:wrap;}
	.ba_box ul.si_w60{width:100%;}
	.ba_box ul li{flex:none; width:100%; margin-left:0; margin-top:10px;}
	.ba_box ul li:first-child{margin-top:0;}
	.ba_box ul li a{max-width:inherit;}

	/* 22-02-03 재난안전 - 재난안전대책본부 - 조직 및 임무 조직도 */
	.org_new .org_ft_chap > li{width:100%; margin:0 0 10px 0;}


	/* 22-02-04 경영방향 - 안전보건경영 */
	.safety{position:relative; width:100%; padding:20px; border:5px solid #ecbb53; border-radius:20px;}
	/*.safety::before{content:""; position:absolute; left:50%; top:-25px; width:100%; max-width:228px; height:100%; max-height:38px; padding:0 20px; background:#fff url("../images/sub/safety_logo.png") center no-repeat; background-size:80%; transform:translateX(-50%);}*/

	.safety h1{font-size:30px;}
	.safety p.safety_grey{padding:20px; font-size:15px;}

	.safety ul{margin-bottom:30px;}
	.safety ul li{position:relative; padding: 20px 0; line-height:160%; word-break:keep-all; font-weight:400; font-size:17px; color:#333; border-bottom:2px dotted #ddd;}
	.safety ul li::before{content:"하나."; position:relative; display:block; left:auto; top:auto; font-size:20px; color:#ecbb53;}

	.safety_mamu{text-align:center; font-size:17px;}
	.safety_day{margin:30px 0;  text-align:center; font-weight:600; font-size:17px; letter-spacing:-1.5px;}
	.safety_sain{text-align:center; font-size:25px; font-weight:600; color:#333;}


	/* 주민참여예산안내 */
	.jumin p.jumin_box{background:none; padding:30px; text-align:center; font-size:15px;}
	.jumin p.jumin_box strong{display:block; margin-bottom:10px; font-size:20px;}

	.jumin_downlod .jumin_down{font-size:15px;}
	.jumin_downlod ul{flex-wrap:wrap;}
	.jumin_downlod ul li{flex:none; width:100%; margin-left:0; margin-bottom:20px; padding:20px 25% 20px 20px;}
	.jumin_downlod ul li:first-child{margin-left:0; background:#f3f8fe url("/img/jumin_down_icon01.png") right 5% top 15px no-repeat;}
	.jumin_downlod ul li:last-child{background:#f3f8fe url("/img/jumin_down_icon02.png") right 5% top 15px no-repeat; margin-bottom:0;}
	.jumin_downlod ul li a{position:relative; bottom:0; margin:10px 0 0 0; font-size:15px;}

	.jumin_list ul{flex-wrap:wrap;}
	.jumin_list ul li{position:relative; width:100%; margin-right:0; margin-bottom:50px;}
	.jumin_list ul li::before{content:""; position:absolute; top:auto; right:auto; bottom:-30%; left:50%; width:10px; height:10px; border:10px solid #ccc; border-top:10px solid transparent; border-left:10px solid transparent; transform:translateX(-50%) rotate(45deg);}
	.jumin_list ul li:last-child{margin-right:0;}
	.jumin_list ul li:last-child::before{border:none;}
	.jumin_list ul li strong{display:block; font-size:20px; font-weight:600;}

	.timeList select {		width: 100%;	}


	/*견학/체육시설>견학.견학안내 220617_추가 꾸미기*/
	.fontsmall{background:#f3f8fe; padding:25px;}
 .txt_box2_wrap .txt_box2_list .txt_box2{width:100%;}
 .dg_wrap_list li{width:100%;}
}