@charset "utf-8";

/* 큰 이미지로 보기 */
.pic_btn a{display:none;}
.pic_btn a:hover{background-color:#0f7478;color:#fff;transition: all 300ms ease-out;}
@media (max-width: 767px){
    .pic_btn a{display:block;width:60%;margin:10px auto 0;padding:10px 40px;border:1px solid #ddd;background:#fff;text-align:center;}
}
@media (max-width: 450px){
    .pic_btn a{width:100%;}
}

/* 안내박스  */
.noti_box{padding: 15px;border:1px solid #e0e0e0;}
.noti_box strong{display: block;position: relative;padding-left: 25px;font-size: 15px;color:#6e7179;font-weight: 700;}
.noti_box strong:before{position: absolute;left:0;top: 4px;width: 16px;height: 16px;background: url(/images/skin/txt-tip.png);content: '';}
.noti_box ul{padding-left:20px}
/* 안내박스 : END  */

/* sub01_01 생활민원안내 190415 오세현 */
@media(max-width: 450px){
    .life_btn{width:100%;}
}
/* sub01_01 생활민원안내 End */


/* sub01_05 대형폐기물 인터넷 배출신청 */
.sub0105 .link_b:before{background: url(/images/life/sub01/sub01_05_img01.png);}
/* //sub01_05 대형폐기물 인터넷 배출신청 */

/* sub01_06 마을세무사 */
.sub0106 .ui-topbox.type1 .circle{background: url(/images/skin/ir-icon__md.png) left -207px top 3px;}
.sub0106 .list_a.ui-list__bodo .inner .circle.icon2{width:52px;background-position:-784px -467px;}
.sub0106 .list_a.ui-list__bodo .inner .circle.icon4{width:48px;height:56px;background-position:-866px -465px;}
.sub0106 .list_a.ui-list__bodo .inner .circle.icon5{width:51px;background-position:-939px -467px;}
/* //sub01_06 마을세무사 */


/* sub01_09 연휴 종합대책*/ 
/* .thanksgiving-main{padding: 90px 10px 64px 10px; background: url(/images/life/sub01/thanksgiving_bg.png) left top no-repeat; background-size: cover; text-align: center;} */
.thanksgiving-main{padding: 90px 10px 64px 10px; background: url(/images/life/sub01/thanksgiving_bg01.png) left top no-repeat; background-size: cover; text-align: center;}
.thanksgiving-main h3{background:none;}
.thanksgiving-main .t1 {margin-top: 32px; font-size: 24px; color: #4f2e1a;}
.thanksgiving-main .t2 {margin-top: 15px; font-size: 17px; color: #7c5239;}
.txt_b{color:#2186e0;}
.thanks li{width:15.8%}
.thanks_text{border: 1px dotted #ccc;border-radius: 5px;margin: 15px 0px 10px 0px;padding: 0px 15px 5px 2%;}
@media only screen and (max-width:640px){
.thanks li{width: 48%;display:inline-block;margin:2px 0.5% 0 0; float:left}
}
/* sub01_09 추석_한가위 :END */ 

/* sub01_10 일자리지원센터 */
.sub0110 .link_b:before{background: url(/images/life/sub01/sub01_10_img01.png);}
/* //sub01_10 일자리지원센터 */

/* sub02_010102 버스정보제공시스템 */
.bus_system{overflow: hidden;margin-top:30px;}
.bus_system .inner{float:left;width:49%;min-height: 555px;padding: 55px 20px 30px;margin-right:2%;border:1px solid #d2d7dd;text-align: center;}
.bus_system .inner:last-child{margin-right:0;}
.bus_system .inner strong{font-size:25px;color:#000;}
.bus_system .inner p{line-height:1.2;}
.bus_system .inner:last-child p{margin-bottom:35px;}
.bus_system .inner img{display:block;margin:20px auto;}
.bus_system .btn-primary{min-height: 44px;margin-top:20px;/* background: #2b83d2; */border-radius: 4px;/* border: 0; */}
.bus_system .btn-primary.btn.btn-icon{padding: 16px 62px 14px 15px;}
.bus_system .btn-primary .ir{right: 14px;width:25px;height:25px;margin-top: -12.5px;background:url(/images/skin/linkB_arr.png);}
.bus_system .btn-primary.focus,.bus_system .btn-primary:focus,.bus_system .link_b .btn-primary:hover{color:#fff;}

@media only screen and (max-width: 767px){
    .bus_system .inner{float:none;width:100%;min-height:auto;margin:0 0 20px;padding-top:30px;}
}

/*sub02_010201 BRT, 광역버스, 지선버스, 간선버스, 마을버스*/
.sub02 .btnwrap{position:relative;top:0;right:0;margin-top:10px;}
.sub02_btn{margin-top:10px;}
@media(max-width: 632px){
    .sub02_btn{margin-top:20px;}
}
@media(max-width: 563px){
    .sub02_btns .btn.btn-file{margin-top:10px;}
}
@media(max-width: 450px){
    .sub02_btn{width:100%;}
    .sub02_btns .btn{width:100%;}
}
/*sub02_010201 BRT, 광역버스, 지선버스, 간선버스, 마을버스 End*/

/*sub02_0103 버스요금*/
.s020103_p01.txt-check{display:inline-block;}
/*sub02_0103 버스요금 End*/

/*sub02_010402 하차태그의무제*/
.sub02010402 .ui-list__column .inner .ui-summary > ul.s02010402 >li{letter-spacing: -2.5px;}
.sub02010402 .ui-list__column .inner .item{min-height:368px;padding-bottom:20px;}

@media(max-width: 1155px){
    .sub02010402 .ui-list__column .inner .item{min-height:412px;}
}
@media(max-width: 768px){
    .sub02010402 .ui-list__column .inner{width:100%;} 
    .sub02010402 .ui-list__column .inner .item{min-height:auto;}
}
/*sub02_010402 하차태그의무제 End*/


/*s020105 대전도시철도환승*/
.s020105 .table{text-align:center;}
.s020105 p.right{text-align:right;margin-bottom:5px;}
.s020105 .tbl_mobile{display:none;}
.sub020105{text-align: center;margin-top: 10px;}
@media only screen and (max-width: 1450px){
    .s020105 .tbl_pc {display: none;}
    .s020105 .tbl_mobile{display:table;}
}



/* sub02_07 공공자전거 */
.link_b.sub02_07:before{background: url(/images/life/sub02/sub02_07_img01.png);}
.ui-list__card.sub02_07 .obj .col .item{min-height: 281px;}
.ui-list__card.sub02_07 .obj .item .thm--box .inner img{min-height: 140px;}
.ui-list__card.sub02_07 .obj .item .card--body{margin-top: 20px;padding-top: 15px;border-top:1px dashed #a9a9a9;}
.ui-list__card.sub02_07 .obj .item .card--body .ui-list__title{margin-bottom: 5px;font-size:15px;color:#1559a3;font-weight: 700;}
.ui-list__card.sub02_07 .obj .item .card--body .ui-list__txt{margin: 0;font-size:15px;color:#6e7179;}

/*sub03_0501 여성인재데이터*/
.s030501.ui.ui-topbox.type1{position:relative;}
.s030501_img01{position:absolute;left:5%;top:30%;}

@media(max-width:768px){
    .s030501_img01{display:none;}
}
/*sub03_0501 여성인재데이터 End*/


/*탑박스*/
.s030201 .link_b:before{background: url(/images/life/sub03/sub030201_img01.png);}
.s0303 .link_b:before{background: url(/images/life/sub03/sub0303_img01.png);}
.s0306 .link_b:before{background: url(/images/life/sub03/sub0306_img01.png);}
.s0402 .link_b:before{background: url(/images/life/sub04/sub0402_img01.png);}
.s0404 .link_b:before{background: url(/images/life/sub04/sub0404_img01.png);}
.s0405 .link_b:before{background: url(/images/life/sub04/sub0405_img01.png);}
.s0406 .link_b:before{background: url(/images/life/sub04/sub0406_img01.png);}
.s0407 .link_b:before{background: url(/images/life/sub04/sub0407_img01.png);}
.s0503 .link_b:before{background: url(/images/life/sub05/sub0503_img01.png);}
.s0601 .link_b:before{background: url(/images/life/sub06/sub0601_img01.png);}
.s060202 .link_b:before{background: url(/images/life/sub06/sub060202_img01.png);}
.s0609 .link_b:before{background: url(/images/life/sub06/sub0609_img01.png);}
/*탑박스*/
   
   
/*sub04_09 개별공시지가*/
.s0409 .ui-agree-box-sejong{height:auto;}
.s0409 .sejo-btn-box{padding-top:28px;}
.s0409 .wrap-col-box{float:left !important;width:33.3% !important;height:382px !important;}
.s0409 .col-text-box{height:110px;}
.s0409 .btn-2{width:48%;}
.s0409 .comm-width-btn{width:219px;}

@media(max-width:768px){
	.s0409 .wrap-col-box{width:100% !important; height:auto !important;}
}
@media(min-width:768px) and (max-width:1125px){
	.s0409 .col-text-box{amrgin-top:-10px;}
	.s0409 .mo_mt{margin-top:10px}
}
@media (max-width: 1390px){
	.s0409 .ui-agree-box .inner .col .item{padding:40px 30px;}
	.s0409 .ui-agree-box .inner .col .item p{ margin-left: 0px; }
}
/*sub04_09 개별공시지가 End*/
   
   
/*sub05_04 보건사업안내*/
.life_link_b:before{position:absolute;top:40px;right:25px;width:296px;height:209px;background:url(/images/life/sub05/sub0504_img01.png);content:"";}
@media(max-width:450px){
    .life_link_b .btn{width:100%;}
}
/*sub05_04 보건사업안내 End*/


/*sub05_07 신종코로나바이러스*/
.process_type_img {position: relative; min-height: 260px;}
.process_type_img .inner {_border:1px solid #cbd2d9; width:25%;float:left;text-align:center; padding:20px 3%; min-height: 260px;}
.process_type_img b {display:block;margin-top:15px;}
@media(max-width:767px){
	.process_type_img .inner{width:50%;margin:0 auto;}
}
/*sub05_07 신종코로나바이러스 End*/


/* sub06 190412 오세현 */

.sub06.ui.ui-photo-item .figcaption{width:70%;}
.sub06.ui.ui-photo-item .figcaption .h-box{font-weight:600;}
.sub06.ui.ui-photo-item li strong{font-weight:600;color:#222;}
.sub06_img.figure{vertical-align:top;}
.sub06.ui-photo-item .figure{width:28%; text-align:center;}
@media(max-width:767px){
	.sub06.ui.ui-photo-item .figure{width:60%;margin:0 auto;}
	.sub06.ui.ui-photo-item .figcaption{width:100%;}
}
/* sub06 End */

.h3+p.s060201_blue {color:#4a89dc; text-align: right; margin-top:-35px; margin-bottom: 10px;}

/*sub06_04 박물관*/
.s0604.ui-list__card .obj .item{position: relative;}
.s0604.ui-list__card .obj .item .ui-list__button{position: absolute;left:50%; bottom:5%; margin-left:-54.5px;}
.s0604.ui.ui-list__card .obj.col2 .col .item.ui-item__right{min-height:355px;}
.s0604.ui-list__card .obj .item .card--body{margin-top:15px;}
.s0604.btn.btn-primary.btn-icon{margin-top:10px;}

@media(max-width:767px){
    .s0604.ui.ui-list__card .obj.col2 .col .item.ui-item__right{min-height:auto;}
    .s0604.ui-list__card .obj .item .ui-list__button{position: relative;left:0;bottom:0;margin-left:0;text-align: center;}
}
/*sub06_04 박물관 End*/

/* sub06_06 공원 */
.ui-list__column .inner.s0606 .ui-summary .btn {margin-top:45px;}

@media(max-width:1105px){
     .ui-list__column .inner.s0606 .ui-summary .btn {margin-top:20px;}
}
@media(max-width:1003px){
    .ui-list__column .inner.s0606 .ui-summary .btn {margin-top:45px;}
}
@media(max-width:850px){
    .ui-list__column .inner.s0606 .ui-summary .btn {margin-top:20px;}
}
@media(max-width:718px){
    .ui-list__column .inner.s0606_01 .item, .ui-list__column .inner.s0606 .item {min-height:425px;}
    .ui-list__column .inner.s0606 .ui-summary .btn {margin-top:45px;}
}

@media(max-width:656px){
    .ui-list__column .inner.s0606_01 .item, .ui-list__column .inner.s0606 .item {min-height:449px;}
}

/* sub06_06 공원 End */

/* sub06_07 등산 */
.hiking_wrap{position: relative;margin-bottom:100px;padding:65px 55px;border:5px solid #e9ecf2;}
.hiking_wrap.bg1{padding-right: 430px;}
.hiking_wrap.bg1:before{position: absolute;top: 0;right: 20px;width:428px;height:462px;background: url(/images/life/sub06/sub06_07_img02.png);content:'';}
.hiking_wrap.bg2 strong{margin-bottom:275px;}
.hiking_wrap.bg2:before{position: absolute;right: 100px;top: 0;z-index: -1;width:550px;height:352px;background: url(/images/life/sub06/sub06_07_img01.png);content:'';}
.hiking_wrap strong{display: block;font-size: 18px;font-weight: 700;color:#1162be;}
.hiking_wrap ul li{position: relative;padding: 25px 0 20px 40px;border-bottom: 1px dashed #bebebe;}
.hiking_wrap ul li span{display: block;position: absolute;left: 0;top: 40px;width:30px;height:30px;background: #5991d7;border-radius: 50%;color:#fff;text-align:center;line-height:30px;}
.hiking_wrap ul li b{display: block;margin-bottom: 5px;font-size:15px;color:#131313;font-weight:700;}
.hiking_wrap ul li b em{color:#114ab0;font-weight:700;}

@media only screen and (max-width: 999px){
    .hiking_wrap{padding:30px;}
    .hiking_wrap.bg1{padding:30px;}
    .hiking_wrap.bg1:before{display:block;position:static;margin:0 auto;}
    .hiking_wrap.bg2 strong{margin-bottom:0;}
    .hiking_wrap.bg2:before{display:block;position:static;margin:0 auto;}
}
@media only screen and (max-width: 767px){
    .hiking_wrap.bg1:before,
    .hiking_wrap.bg2:before{display:none;}
}

/* sub06_08 복지시설 */
.sub0608 .ui-topbox.type1 .circle{background: url(/images/skin/ir-icon__md.png);}
.sub0608 .ui-list__column .inner .circle.icon{background: #eff1f4;}
.sub0608 .ui-list__column .inner .circle .ir-icon{background:url(/images/life/sub06/ir_life.png)no-repeat;height:70px;width:50px;}
.sub0608 .ui-list__column .inner .circle .ir-icon.icon1{background-position:0 0;}
.sub0608 .ui-list__column .inner .circle .ir-icon.icon2{background-position:-63px 0;}
.sub0608 .ui-list__column .inner .circle .ir-icon.icon3{background-position:-127px 0;}
.sub0608 .ui-list__column .inner .circle .ir-icon.icon4{width:53px;background-position:-203px 0;}
.sub0608 .ui-list__column .inner .circle .ir-icon.icon5{background-position:-277px 0;}
/* //sub06_08 복지시설 */



/* 찾아오시는길*/
#life .ui-map-info.sub02 .cont-box ul li{width:100%;}
#life .ui-location-info .item .tit .block{display: block;}
@media (max-width: 767px){
    #life .ui-location-info .item .tit .block{display: inline;}
}

/* 교통정보 노선안내 sub02_010201 */

/* 교통정보 노선안내 sub02_010201 End */


/* 세종고속시외버스 터미널 안내*/
.sub020202{}
.sub020202 ul{text-align: center;}
.sub020202 ul li{display: inline-block;}

@media(max-width:565px){
    .sub020202 ul li:first-child{margin-bottom:10px;}
}

/* 대전도시철도환승 */
.sub020105{margin-top:20px;}
.sub020105 > a{margin-top:10px;}

/* 대전도시철도환승  End*/


.part_tab #part_tab_content .con {display:none;}
.part_tab #part_tab_content .con.active{display:block;}

/* 여민전  sub0701*/
.sub0701 .img-box p {font-size:16px;font-weight:700}
.sub0701 .img-box p strong{font-size:22px;}
.sub0701 .img-box p span{color:#222;}
.ui.ui-process.type11.sub070201_2 li{width:33.3%;}
@media only screen and (max-width: 768px){
.ui.ui-process.type11.sub070201_2 li {width:50%}
}
@media only screen and (max-width: 640px){
.ui.ui-process.type11.sub070201_2 li {margin-left: 0;float: none;width: 100%;}
}

/* sub01_11 영농기 농촌인력중개창구 */
.sub0111 .ui-topbox.type3 .inner .ir-icon{background: url(/images/life/sub01/sub01_11_img01.png);}
.boardAgriculture{border-top: 1px solid #3383c8; line-height: 150%; word-wrap: break-word;}
ul.listType01 > li {overflow: hidden; min-height: 20px; display: block; position: relative;}
ul.listType01 > li.head > p{background: #f9f9f9; border-top: 2px solid #236dc7; color: #09326d; font-weight: bold;}
ul.listType01 > li.head > p,
ul.listType01 > li > a {display: table; width: 100%; height: 50px; border-bottom: 1px solid #cbcbcb; margin:0;}
ul.listType01 > li > a > span,
ul.listType01 > li > p > span {display: table-cell; padding: 0px; margin: 0px; text-align: center; vertical-align: middle; min-height: 50px;}
ul.listType01 > li.body > .cont {display: none;}
ul.listType01 > li.body > a > span.th01,
ul.listType01 > li.head > p > span.th01 {width: 10%;}
ul.listType01 > li.body > a > span.th02,
ul.listType01 > li.head > p > span.th02 {width: 10%;}
ul.listType01 > li.body > a > span.th03,
ul.listType01 > li.head > p > span.th03 {width: 50%;}
ul.listType01 > li.body > a > span.th04,
ul.listType01 > li.head > p > span.th04 {width: 30%;}

ul.listType01 > li.body > .cont{padding: 20px; background: #f7f7f7; color: #7b7b7b; font-size: 15px; word-wrap: break-word; margin-top: -1px;
    border-top: 1px dashed #a9a9a9; border-bottom: 1px solid #e4e4e4;}
.onClk > .th01 > span.crlNum {color: #347fd2; border: 1px solid #347fd2; width: 30px; height: 30px; display: inline-block; border-radius:50%; text-align: center; line-height: 30px; font-weight: 600; background: #fff;}
.onClk.on > .th01 > span.crlNum { background-color: #347fd2; color: #fff; border-color: #347fd2;}
.onClk:hover {cursor: pointer;background: #f9f9f9;}
.onClk:focus {border:1px dotted #000;}
@media only screen and (max-width: 768px) {
	ul.listType01 > li.head {display: none;}
	ul.listType01 > li > a {min-height: 70px;}
	ul.listType01 > li > a > span { position:absolute; top: 0px; left: 0px; width: 100% !important; text-align: left; font-size: 13px;}
	ul.listType01 > li.body > a.on > span.th01 > span { background-color: #347fd2; color: #fff; border-color: #347fd2;}
	ul.listType01 > li.body > a > span.th01 {top: 10px;}	
	ul.listType01 > li.body > a > span.th01 > span {
		padding:7px 7px; border: 1px solid #347fd2; color: #347fd2; font-weight: 600; background: #fff;
		width: 50px; height: 50px; display: inline-block; border-radius:50%; text-align: center; 	
	}
	ul.listType01 > li.body > a > span.th02 {top: 28px;}
	ul.listType01 > li.body > a > span.th02 > span:before {margin: 0 0 0 70px; content: '작업읍면 : ';}
	ul.listType01 > li.body > a > span.th03 {top: 5px;}
	ul.listType01 > li.body > a > span.th03 > span { margin: 0 0 0 70px; display:block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; font-weight: 600; font-size: 14px;}	
	ul.listType01 > li.body > a > span.th04 {top: 45px; }
	ul.listType01 > li.body > a > span.th04 > span:before {margin: 0 0 0 70px; content: '작업시기 : ';}
}

/* 영농기 농촌인력중개창구 :e */