/*
	sub.css
*/

/* 동장인사말 */
.greeting_tit{position:relative;}
.greeting_tit p{word-break:keep-all;}
.greeting_tit:after{content:'';display:block;width:45px;height:6px;background:#00a1e1;margin:25px 0;}
.greeting .txt p + p{margin-top:25px;}
.greeting .txt p.name{margin-top:30px;}
.greeting:after {content:''; display:block; clear:both;}
.greeting .left {width:188px;float:left}
.greeting .left img{width:164px;}
.greeting .right {width:560px;float:left}
.greeting .right .st1 {font-size:22px;color:#0a83cf;}
.greeting .right .st2 {font-size:28px;color:#0a83cf;}
.greeting .txt {float:right;width:560px;font-size:14px;line-height:24px;color:#000;}
.greeting .line {margin:25px 0 22px 0}
.greeting .name {font-size:14px;text-align:right;margin-top:30px}
.greeting .name strong {font-size:20px}

/* srch_box */
.srch_box{background:#f4f4f4;text-align:center;padding:15px;}
.srch_box .list{display:inline-block;}
.srch_box .list > li{box-sizing:border-box;position:relative;display:inline-block;}
.srch_box .list > li + li {margin-left:-1px;}
.srch_box .list .s01{width:135px;}
.srch_box .list .btns_area{width:325px;padding-right:73px;}
.srch_box .list .btns_area .btn_srch{position:absolute;right:0;top:0;}

.srch_box02{margin-top:20px;}
.srch_box02 .list{display:table;width:100%;table-layout:fixed;}
.srch_box02 .list > li{box-sizing:border-box;position:relative;display:table-cell;}
.srch_box02 .list > li + li{padding-left:4px;}
.srch_box02 .list .s01{width:160px;}
.srch_box02 .list .s02{width:70px;text-align:center;}
.srch_box02 .list .btns_area{padding-right:73px;}
.srch_box02 .list .btn_srch{position:absolute;right:0;top:0;}
.srch_box02 .list .group{display:table;width:100%;}
.srch_box02 .list .group > div{position:relative;display:table-cell;}
.srch_box02 .list .group > div + div{padding-left:4px;}
.srch_box02 .list .group > div + .dash,
.srch_box02 .list .group > div + .dash + div{padding-left:0;}
.srch_box02 .list .dash{text-align:center;width:20px;}
.srch_box02 .list .set01{width:210px;}
.srch_box02 .list .set02{width:200px;}
.srch_box02 .list .s03{width:70px;}
.srch_box02 .list .btns_area.ty02 .group{table-layout:fixed;}
.srch_box02 .list .btns_area.ty02 .group > div{width:50px;}
.srch_box02 .list .btns_area.ty02 .group > div.s04{width:auto;}
.srch_box02.ty02 .list{table-layout:fixed;}
.srch_box02.ty02 .list:first-child{width:60%;}

/* work_dia */
.work_dia{margin-top:50px;}
.work_dia h4.tit{box-sizing:border-box;display:block;margin:0 auto;background:url('/files/welfare/images/sub/bg_workinfo.png') no-repeat center;padding-left:0;text-align:center;color:#fff;font-weight:bold;padding-top:85px;font-size:20px;width:152px;height:152px;}
.work_dia .list{position:relative;margin-top:65px;}
.work_dia .list:before{content:'';position:absolute;left:50%;top:-35px;margin-left:-305px;width:609px;height:1px;background:#c6c6c6;}
.work_dia .list > li{float:left;position:relative;width:140px;}
.work_dia .list > li:before{content:'';position:absolute;left:70px;top:-34px;width:1px;height:34px;background:#c6c6c6;}
.work_dia .list > li.child03:before{top:-65px;height:65px;}
.work_dia .list > li + li{margin-left:12px;}
.work_dia .list dl{box-sizing:border-box;}
.work_dia .list dl dt{;}
.work_dia .list dl dd{box-sizing:border-box;border-radius:0 0 8px 8px;border:2px solid #3aaaae;border-top:none;height:150px;}
.work_dia .list dl .tit > a{box-sizing:border-box;display:block;border-radius:8px 8px 0 0;height:100%;background:#3aaaae;transition:all 0.4s ease;text-align:center;color:#fff;line-height:18px;font-size:16px;padding:11px 0;}
.work_dia .list dl .tit > a:hover{background:#067d81;}
.work_dia .list dl .txt{padding:9px 7px 14px;}
.work_dia .list dl .list_sub li a{display:block;}
.work_dia .list:after{content:"";overflow:hidden;display:block;clear:both;width:0;height:0;}

.org_detail_area{}
.org_detail_area > div{display:none;}
.org_detail_area > div.on{display:block;}

/* 팩스번호 안내 */
.fax_area{margin:30px 0 50px;border:1px dotted #ccc;padding:15px;}
.fax_area dt > span{display:inline-block;font-size:14px;color:#fff;background-color: #7a7a7a;border-radius:20px;width:130px;text-align:center;padding:5px 0;}
.fax_area dd{margin-top:15px;}
.fax_area .list > li{display:inline-block;font-size:14px;margin:2px 5px;}

/* order_list */
.order_list{counter-reset:admin-item;margin:20px 0 0;}
.order_list > li{position:relative;padding-left:25px;line-height:22px;word-break:keep-all;min-height:18px;font-size:14px;}
.order_list > li + li{margin-top:10px;}
.order_list > li:before{z-index:2;content:counter(admin-item);counter-increment:admin-item;position:absolute;left:0;top:3px;display:inline-block;border:1px solid #0a83cf;border-radius:2px;width:18px;height:18px;line-height:14px;color:#0a83cf;font-size:14px;text-align:center;box-sizing:border-box;}
.order_list + h4{margin-top:40px;}

/* data_ty */
.data_ty{border-top:3px solid #2f89be;}
.data_ty .head{display:table;width:100%;}
.data_ty .head > div{box-sizing:border-box;display:table-cell;background:#f0f4f7;text-align:center;font-weight:bold;color:#444;font-size:14px;padding:15px 0 16px;}
.data_ty .list{box-sizing:border-box;display:table;width:100%;border-bottom:1px solid #d9d9d9;padding:14px 0 15px;}
.data_ty .list > li{box-sizing:border-box;display:table-cell;vertical-align:middle;text-align:center;font-size:14px;color:#444;line-height:1.5;padding:0 10px;}
.data_ty .list .s_tit{display:none;}
.data_ty .list .left{text-align:left;}

.data_ty.ty02{border-top:2px solid #5d7ecf;border-bottom:1px solid #d9d9d9;}
.data_ty.ty02 .head > div{background:#fafafa;padding:13px 10px 14px;color:#333;}
.data_ty.ty02 .head > div + div{border-left:1px solid #ddd;}
.data_ty.ty02 .list{box-sizing:border-box;display:table;width:100%;border-top:1px solid #ddd;border-bottom:none;padding:0;}
.data_ty.ty02 .list > li{padding:13px 15px 14px;}
.data_ty.ty02 .list > li + li{border-left:1px solid #ddd;}
.data_ty.ty02 .list > li .sp_tel{display:block;}

/* width */
.data_ty .cell01{width:160px;}
.data_ty .cell02{width:140px;}
.data_ty .cell03{width:80px;}
.data_ty .cell04{width:80px;}
.data_ty .cell05{width:130px;}

.charter_system{border:1px solid #ddd;padding:20px;}
.charter_system .txt{margin-top:20px;line-height:1.5;}

.map_cont{border:1px solid #dedede;margin-top:30px;height:330px;}
.tab_con_area02 .map_cont{}
.tab_ty + .tab_con_area02 .map_cont{margin-top:10px;}

td .bl_ul2{margin-left:0;}
.bl_ul2 > li{line-height:1.5;min-height:18px;}

/* table */
.table_type {border-top:2px solid #5d7ecf;border-bottom:1px solid #d9d9d9;width:100%}
.table_type table {width:100%;}
.table_type table thead th {color:#444; font-weight:bold; background:#fafafa; padding:13px 10px 14px 10px;}
.table_type table thead th.bd_l {border-left:1px solid #dddddd;}
.table_type table .bd_r {border-right:1px solid #dddddd;}
.table_type table tbody th {background:#fafafa;color:#333;font-weight:bold;padding:13px 15px 14px 15px;}
.table_type table tbody td {padding:9px 7px 10px;}
.table_type table tbody td.tr {text-align:right}
.table_type table tbody a {color:#3253b7;text-decoration:underline}
.table_type table .w1 {width:19%;}
.table_type table .w2 {width:11%;}
.table_type table .w3 {width:17%;}
.table_type table .w4 {width:74%;}
.table_type table .z1 {width:18%;}
.table_type table .z2 {width:82%;}

.table_type table thead th.basic{font-weight:normal;text-align:left;padding-left:25px;color:#555;}
.table_type table tbody + tbody tr:first-child th,
.table_type table tbody + tbody tr:first-child td{border-top:1px solid #555;}

.table_type thead tr th.big {font-size:16px;}
.table_type thead tr th,
.table_type tbody tr th,
.table_type tbody tr td,
.table_type tfoot tr td{ border-top:1px solid #dddddd;border-left:1px solid #ddd;line-height:22px;font-size:13px;text-align:center;}
.table_type thead tr th:first-child,
.table_type tbody tr th:first-child,
.table_type tbody tr td:first-child,
.table_type tfoot tr td:first-child{border-left:none;}
.table_type tbody tr th:first-child[rowspan] {border-right:1px solid #ddd;}
.table_type tbody tr td[rowspan] + td {border-right:1px solid #ddd;}
.table_type tbody tr td[rowspan] + td:last-child {border-right:none;}

/** menu02 **/
.format_list{box-sizing:border-box;display:table;table-layout:fixed;width:100%;margin-top:30px;}
.format_list > li{display:table-cell;vertical-align:top;text-align:center;}
.format_list > li a{position:relative;display:block;padding-top:240px;transition:all 0.4s ease;}
.format_list > li a:hover .txt{color:#000;}
.format_list .ico:before{content:"";display:block;background-repeat:no-repeat;background-position:center top;position:absolute;left:50%;top:0;margin-left:-97px;width:195px;height:220px;}
.format_list .ico.format01:before{background-image:url('/files/welfare/images/sub/img_format01.png');}
.format_list .ico.format02:before{background-image:url('/files/welfare/images/sub/img_format02.png');}
.format_list .txt{display:block;font-size:16px;color:#333;}
.format_list .txt .br{display:block;}

/** menu03 **/
/* 편익시설 조성계획 */
.business_cont{border:1px solid #dedede;text-align:center;}
.business_cont img{max-width:748px;}

/* 광역동 소개 */
.dong_tit{font-weight:normal;background:none;padding-left:0;font-size:43px;line-height:50px;}
.dong_info{background:#fff1ea;color:#292929;font-size:20px;margin-top:40px;padding:20px 35px;}
.dong_img{margin-top:70px;}

.job_counsel{margin-top:40px;}

/* tbl_work_info */
.tbl_work_info{position:relative;}

.info_add{display:block;border-radius:50%;font-weight:bold;text-align:center;color:#fff;position:absolute;right:37.5%;top:0;width:39px;height:39px;font-size:13px;line-height:36px;letter-spacing:-0.5px;}
.info_add.ty01{background:#1986c7;top:40%;}
.info_add.ty02{background:#ff7533;top:auto;bottom:8.5%;}

/** menu04 **/
.proposal_review{margin-top:20px;}
.proposal_review .list{display:table;table-layout:fixed;}
.proposal_review .list > li{position:relative;display:table-cell;vertical-align:top;text-align:center;width:127px;}
.proposal_review .list > li:before{content:'';display:block;width:18px;height:32px;position:absolute;left:7px;top:50%;margin-top:-16px;background:url('/files/welfare/images/sub/bg_arr_system.gif') no-repeat 0;}
.proposal_review .list > li:first-child:before{display:none;}
.proposal_review .list > li + li{padding-left:30px;}
.proposal_review .list .box{box-sizing:border-box;display:table;border:2px solid #0a83cf;background:#f1f1f1;width:100%;height:105px;}
.proposal_review .list .box .sub_list{display:table-cell;vertical-align:middle;}
.proposal_review .list .box .sub_list li{line-height:18px;color:#444;}
.proposal_review .list .s_tit{color:#0a83cf;font-size:15px;letter-spacing:-0.7px;}

/* 2019-11-29 : 100세건강실 */
.if_100age_cont iframe{width:100%;height:1200px;}

body.if .oneh1 {background:#f3f3f3 url('/files/web121/images/common/55_03.gif') no-repeat right bottom;padding:30px 35px}
body.if .oneh1 .st1 {font-size:20px;}
body.if .oneh1 .st2 {font-size:14px;line-height:24px;margin-top:15px}
body.if .oneh1 .wbr{display:block;}

.ico_100age{margin-top:10px;}
.ico_100age .mt2{margin-top:20px;}
.ico_100age .row{display:table;table-layout:fixed;border-collapse:separate;border-spacing:5px;margin:-5px;width:100%;}
.ico_100age .row > li{position:relative;display:table-cell;border:1px solid #e2e3e7;background-color:#f9fafb;box-sizing:border-box;}
.ico_100age .row > li:only-child{width:367px;display:block;}

.ico_100age .each{position:relative;padding:25px 20px 30px 95px;box-sizing:border-box;width:100%;table-layout:fixed;}
.ico_100age .each:before{content:'';display:inline-block;width:68px;height:68px;position:absolute;left:0;top:0;background:url('/files/welfare/images/sub/ico_100age_01_01.gif') no-repeat 0;}
.ico_100age .each .tit{font-size:16px;color:#586d83;margin-bottom:5px;}
.ico_100age .each .bl_ul1{margin-left:-5px;}
.ico_100age .each .bl_ul1 > li{margin-top:0;line-height:20px;}

.ico_100age > li > .row > li > .each:before{background-size:100%;}
.ico_100age > li:nth-child(1) > .row > li:nth-child(2) > .each:before{background-image:url('/files/welfare/images/sub/ico_100age_01_02.gif') ;}
.ico_100age > li:nth-child(2) > .row > li:nth-child(1) > .each:before{background-image:url('/files/welfare/images/sub/ico_100age_01_03.gif') ;}
.ico_100age > li:nth-child(2) > .row > li:nth-child(2) > .each:before{background-image:url('/files/welfare/images/sub/ico_100age_01_04.gif') ;}
.ico_100age.ty02 > li:nth-child(1) > .row > li:nth-child(1) > .each:before{background-image:url('/files/welfare/images/sub/ico_100age_02_01.gif') ;}
.ico_100age.ty02 > li:nth-child(1) > .row > li:nth-child(2) > .each:before{background-image:url('/files/welfare/images/sub/ico_100age_02_02.gif') ;}
.ico_100age.ty02 > li:nth-child(2) > .row > li:nth-child(1) > .each:before{background-image:url('/files/welfare/images/sub/ico_100age_02_03.gif') ;}