/*
	sub_respon.css
*/

@media only screen and (min-width:0px) and (max-width:1023px) {

.table_type + h4{margin-top:30px;}

/** menu01 **/

/* 동장인사말 */
.greeting .left img{width:90px;}
.greeting_tit p{letter-spacing:-1px;}
.greeting_tit:after{margin:20px 0;height:4px;width:35px;}
.greeting .txt p + p{margin-top:15px;}
.greeting .txt p.name{margin-top:20px;}
.greeting:after {content:''; display:block; clear:both;}
.greeting .left {width:110px;float:left;margin-bottom:20px}
.greeting .left img {width:90px}
.greeting .right {width:58%;float:left;}
.greeting .right .st1 {font-size:18px;color:#0a83cf;}
.greeting .right .st2 {font-size:20px;color:#0a83cf;}
.greeting .txt {float:none;width:100%;font-size:13px;line-height:22px;clear:both}
.greeting .line {margin:25px 0 0px 0}
.greeting .name {font-size:13px;text-align:right;margin-top:20px}
.greeting .name strong {font-size:20px}

/* srch_box */
.srch_box{padding:10px;}
.srch_box .list{display:block;}
.srch_box .list > li{display:block;}
.srch_box .list > li + li{margin-top:8px;}
.srch_box .list .s01{width:100%;}
.srch_box .list .btns_area{width:100%;padding-right:64px;}

.srch_box02{margin-top:10px;}
.srch_box02 .list{display:block;}
.srch_box02 .list > li{display:block;}
.srch_box02 .list > li + li{padding-left:0;margin-top:5px;}
.srch_box02 .list .s01{width:auto;}
.srch_box02 .list .s02{width:64px;}
.srch_box02 .list .btns_area{padding-right:64px;}

.srch_box02 .list .set01{width:auto;}
.srch_box02 .list .set02{width:auto;}

.work_dia{margin-top:25px;}
.work_dia h4.tit{background:url('/files/welfare/images/sub/bg_workinfo_mb.png') no-repeat center;background-size:100%;padding-left:0;padding-top:52px;width:100px;height:100px;font-size:18px;}
.work_dia .list{margin-top:10px;}
.work_dia .list:before,
.work_dia .list > li:before{display:none;}
.work_dia .list > li{box-sizing:border-box;width:50%;padding:0 20px;margin-top:15px;}
.work_dia .list > li + li{margin-left:0;}
.work_dia .list dl .tit > a{padding:6px 0 9px;line-height:14px;font-size:14px;}
.work_dia .list dl .txt{padding:6px 7px 10px;height:140px;}

/* data_ty */
.data_ty{border-top-width:2px;margin-left:-10px;margin-right:-10px;}
.data_ty .head{display:none;}
.data_ty .list .s_tit{display:inline-block;font-weight:normal;}
.data_ty .list{padding:14px 10px 15px;}
.data_ty .list > li{display:block;padding:0;font-weight:bold;font-size:13px;text-align:left;}
.data_ty.ty02 .list{padding:14px 10px 15px;}
.data_ty.ty02 .list > li{padding:0;}
.data_ty.ty02 .list > li + li{border-left:none;}
.data_ty .list > li.half{display:inline-block;width:50%;float:left;}
.data_ty .list > li.half + li.half:after{content:"";overflow:hidden;display:block;clear:both;width:0;height:0;}
.data_ty .list > li.half + li.half + li{float:none;clear:both;}
.data_ty.ty02 .list > li .sp_tel{display:inline-block;position:relative;padding-left:10px;}
.data_ty.ty02 .list > li .sp_tel:before{content:',';display:inline-block;position: absolute;left:3px;top:0;width:5px;height:18px;}

/* width */
.data_ty .cell01{width:auto;}
.data_ty .cell02{width:auto;}
.data_ty .cell03{width:auto;}
.data_ty .cell04{width:auto;}
.data_ty .cell05{width:auto;}

/* map */
.map_cont{margin-top:15px;height:165px;}
.tab_con .map_cont{height:150px;}
.tab_ty + .tab_con_area02 .map_cont{margin-top:5px;}

/* list */
td .bl_ul2 li{font-size:12px;line-height:1.5;}

/* table_type */
.table_type table thead th {padding:13px 7px 14px 7px;}
.table_type table tbody th {padding:13px 7px 14px 7px;}
.table_type table tbody td {padding:13px 7px 14px 7px; font-size:12px;}
.table_type table tfoot td {padding:13px 15px 14px 15px; font-size:16px;}
.table_type table .w1 {width:34%;}
.table_type table .w2 {width:28%;}
.table_type table .w3 {width:38%;}
.table_type table .w4 {width:66%;}
.table_type table .dn {display:none;}

/* order_list */
.order_list + h4{margin-top:20px;}
.order_list{margin:10px 0 0;}
.order_list > li:before{width:16px;height:16px;font-size:13px;line-height:16px;top:2px;}
.order_list > li{font-size:13px;line-height:20px;}
.order_list > li + li{margin-top:10px;}

/** menu02 **/
.format_list{margin-top:15px;}
.format_list > li {display:block;}
.format_list > li + li{margin-top:30px;}
.format_list > li a{padding-top:200px;}
.format_list .ico:before{left:50%;margin-left:-82px;width:165px;height:190px;background-size:100%;}
.format_list .txt{font-size:14px;}
.format_list .txt .br{display:block;}

/** menu03 **/

/* 광역동 소개 */
.dong_tit{font-size:22px;line-height:30px;}
.dong_info{font-size:15px;margin-top:20px;padding:15px;}
.dong_info .br{display:none;}
.dong_img{margin-top:35px;}

.job_counsel{margin-top:20px;}

/* tbl_work_info */
.info_add{right:32.5%;font-size:11px;width:30px;height:30px;line-height:28px;}
.tbl_btm{margin-top:10px;font-size:12px;}


/** menu04 **/
.proposal_review{margin-top:10px;}
.proposal_review .list{display:block;width:140px;margin:0 auto;}
.proposal_review .list > li{display:block;width:100%;}
.proposal_review .list > li:before{width:16px;height:8px;left:50%;top:-14px;margin-left:-5px;margin-top:0;background:url('/files/welfare/images/sub/bg_arr_system_mb.gif') no-repeat 0;background-size:100%;}
.proposal_review .list > li + li{margin-top:20px;padding-left:0;}
.proposal_review .list .box{height:100px;}
.proposal_review .list .s_tit{color:#0a83cf;font-size:14px;letter-spacing:-0.5px;}

/* 2019-10-15 : 팩스번호 안내 */
.fax_area{margin:20px 0 40px;padding:10px;}
.fax_area dt > span{font-size:13px;}
.fax_area dd{margin-top:10px;}
.fax_area .list > li{font-size:13px;}

/* 2019-11-29 : 100세 건강실 */
body.if .mt1{margin-top:10px;}
body.if .mt2{margin-top:20px;}
body.if .mt4{margin-top:40px;}

body.if h4 {font-size:20px;background-position:left 8px;}
body.if h5 {font-size:16px;}
body.if h5 span {color: #444;font-weight: normal;}
body.if .bl_ul1 > li {line-height:24px;font-size:14px;}

/*** //end ***/
}


@media only screen and (min-width:0px) and (max-width:768px) {

/** menu03 **/
.business_cont{overflow-x:scroll;}
.tab_ty ul > li {display:block;float: left;width: calc(100%/2);padding:1px;box-sizing: border-box;}

}

@media only screen and (min-width:0px) and (max-width:740px) {

/* 2019-11-29 : 100세 건강실 */
body.if  .mt1{margin-top:5px;}
body.if  .mt2{margin-top:10px;}
body.if .mt4{margin-top:20px;}

body.if h4 {font-size:17px;background-position:left 4px;}
body.if h5 {font-size:15px;}
body.if h5 span {color: #444;font-weight: normal;}
body.if .bl_ul1 > li {line-height:20px;font-size:12px;}

.if_100age_cont iframe{height:1330px;}

body.if .oneh1 {background:#f3f3f3 url('/files/web121/images/common/666_33.png') no-repeat right bottom;background-size:65px 40px;padding:20px 20px}
body.if .oneh1 .st1 {font-size:16px;}
body.if .oneh1 .st2 {font-size:12px;line-height:20px;margin-top:10px}
body.if .oneh1 .wbr{display:inline;}

.ico_100age .row{display:block;border-spacing:0;margin:0;}
.ico_100age .row > li{display:block;margin-top:5px;}
.ico_100age .row > li:only-child{width:auto;}
.ico_100age .each{padding:12px 20px 15px 70px;}
.ico_100age .each:before{width:55px;height:55px;}
.ico_100age .each .tit{font-size:14px;}

}


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

.view_con img{width:100% !important;}

}


@media only screen and (min-width:0px) and (max-width:320px) {

/** menu03 **/
.intro_txt_list .desc dd{height:200px;}

}